4c:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4d:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4e:T195f,"use client" import * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" import { UI_I18N, type UILocale } from "@/lib/ui-i18n" import { Popover, PopoverContent, PopoverTrigger, } from "@/components/ui/popover" import { Button } from "@/components/ui/ds-button" import { Skeleton } from "@/components/ui/skeleton" import { ChevronRightIcon, CheckIcon } from "lucide-react" // ── Types ────────────────────────────────────────────────────────────────── export interface CascaderOption { label: string value: string children?: CascaderOption[] } export interface CascaderProps extends React.HTMLAttributes, VariantProps { options: CascaderOption[] value?: string[] onValueChange?: (value: string[]) => void placeholder?: string locale?: UILocale loading?: boolean } // ── Variants ─────────────────────────────────────────────────────────────── export const cascaderVariants = cva("w-fit", { variants: { size: { sm: "text-xs", md: "text-sm", lg: "text-sm", }, }, defaultVariants: { size: "md" }, }) // ── Helpers ──────────────────────────────────────────────────────────────── function getSkeletonDims() { return { trigger: "h-9 w-48", panel: "h-40 w-64" } } // ── Component ────────────────────────────────────────────────────────────── export function Cascader({ className, options, value = [], onValueChange, placeholder, locale = "en-US", loading = false, size = "md", ...props }: CascaderProps) { const t = UI_I18N[locale].select const resolvedPlaceholder = placeholder ?? t.placeholder const triggerId = React.useId() const [open, setOpen] = React.useState(false) const [path, setPath] = React.useState(value) // eslint-disable-next-line react-hooks/set-state-in-effect React.useEffect(() => setPath(value), [value]) if (loading) { const dims = getSkeletonDims() return } const findPath = ( opts: CascaderOption[], target: string[] ): CascaderOption[] => { const res: CascaderOption[] = [] let cur = opts for (const v of target) { const f = cur.find((o) => o.value === v) if (!f) break res.push(f) cur = f.children ?? [] } return res } const handleSelect = (level: number, opt: CascaderOption) => { const next = [...path.slice(0, level), opt.value] if (opt.children && opt.children.length > 0) { setPath(next) } else { setPath(next) onValueChange?.(next) setOpen(false) } } const display = findPath(options, path) .map((o) => o.label) .join(" / ") || placeholder const renderLevel = (opts: CascaderOption[], level: number) => (

) const levels: CascaderOption[][] = [] let cur = options for (let i = 0; i <= path.length; i++) { levels.push(cur) const next = cur.find((o) => o.value === path[i]) if (next?.children) cur = next.children else break } return (

{levels.map((lvl, idx) => renderLevel(lvl, idx))}

) } 4b:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4c",null,{"namespace":"@lema-ds","registryDependencies":["popover","button"]}]]}],null]}],["$","$L4d",null,{"files":[{"path":"components/ds/cascader.tsx","content":"$4e","type":"registry:ui","target":"components/ui/ds-cascader.tsx"}],"className":"h-[70svh] min-h-80"}]]}]