@logicplanes/kaeso-ui 0.3.6 → 0.3.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ai/component-guides.md +5 -4
- package/ai/component-registry.json +15 -8
- package/ai/component-registry.md +9 -8
- package/ai/icons.md +1 -1
- package/ai/tokens.md +1 -1
- package/dist/blocks/delete-resource.js +1 -1
- package/dist/blocks/pages.js +2 -2
- package/dist/blocks/resource-list.js +2 -2
- package/dist/chunks/{app-frame-B9vrgwaE.js → app-frame-Cj_gCbmu.js} +6 -6
- package/dist/chunks/{app-frame-B9vrgwaE.js.map → app-frame-Cj_gCbmu.js.map} +1 -1
- package/dist/chunks/{banner-BBlNFHd-.js → banner-DY1jSc9Y.js} +2 -2
- package/dist/chunks/{banner-BBlNFHd-.js.map → banner-DY1jSc9Y.js.map} +1 -1
- package/dist/chunks/{button-CAPyW-v8.js → button-h2IFCER2.js} +2 -2
- package/dist/chunks/{button-CAPyW-v8.js.map → button-h2IFCER2.js.map} +1 -1
- package/dist/chunks/{calendar-CBeptQFq.js → calendar-cVuezHQ6.js} +5 -2
- package/dist/chunks/calendar-cVuezHQ6.js.map +1 -0
- package/dist/chunks/{code-block-DREsvJ-g.js → code-block-BU8gYeZQ.js} +2 -2
- package/dist/chunks/{code-block-DREsvJ-g.js.map → code-block-BU8gYeZQ.js.map} +1 -1
- package/dist/chunks/{combobox-DqtzsAKG.js → combobox-B9ttar4C.js} +3 -3
- package/dist/chunks/{combobox-DqtzsAKG.js.map → combobox-B9ttar4C.js.map} +1 -1
- package/dist/chunks/{command-list-D5k0uvkR.js → command-list-DZMVrXWD.js} +2 -2
- package/dist/chunks/{command-list-D5k0uvkR.js.map → command-list-DZMVrXWD.js.map} +1 -1
- package/dist/chunks/{copy-button-CNpEnS04.js → copy-button-CXJ7fA9z.js} +3 -3
- package/dist/chunks/{copy-button-CNpEnS04.js.map → copy-button-CXJ7fA9z.js.map} +1 -1
- package/dist/chunks/{core-CqLWVMDI.js → core-Bu6iq5uh.js} +2 -2
- package/dist/chunks/{core-CqLWVMDI.js.map → core-Bu6iq5uh.js.map} +1 -1
- package/dist/chunks/{date-popup-BgDz6SUj.js → date-popup-BJPA_fBm.js} +3 -3
- package/dist/chunks/{date-popup-BgDz6SUj.js.map → date-popup-BJPA_fBm.js.map} +1 -1
- package/dist/chunks/{de-CkXZKaBD.js → de-BnNQtBSV.js} +3 -3
- package/dist/chunks/{de-CkXZKaBD.js.map → de-BnNQtBSV.js.map} +1 -1
- package/dist/chunks/{dialog-truWH0qe.js → dialog-BLcP7v24.js} +5 -5
- package/dist/chunks/{dialog-truWH0qe.js.map → dialog-BLcP7v24.js.map} +1 -1
- package/dist/chunks/hidden-description-B2zSmLcn.js +23 -0
- package/dist/chunks/hidden-description-B2zSmLcn.js.map +1 -0
- package/dist/chunks/{icon-button-D4O4puwH.js → icon-button-DmKFxQbP.js} +3 -3
- package/dist/chunks/{icon-button-D4O4puwH.js.map → icon-button-DmKFxQbP.js.map} +1 -1
- package/dist/chunks/{identity-CsZvAUwu.js → identity-Chj7fW89.js} +3 -3
- package/dist/chunks/{identity-CsZvAUwu.js.map → identity-Chj7fW89.js.map} +1 -1
- package/dist/chunks/{input-B0wtkcNh.js → input-9y3afoiq.js} +2 -2
- package/dist/chunks/{input-B0wtkcNh.js.map → input-9y3afoiq.js.map} +1 -1
- package/dist/chunks/{input-group-BQLw06B0.js → input-group-BoxjnN8I.js} +2 -2
- package/dist/chunks/{input-group-BQLw06B0.js.map → input-group-BoxjnN8I.js.map} +1 -1
- package/dist/chunks/{iso-field-BUXgY1dB.js → iso-field-DAa6iPWn.js} +2 -2
- package/dist/chunks/{iso-field-BUXgY1dB.js.map → iso-field-DAa6iPWn.js.map} +1 -1
- package/dist/chunks/{list-wXZIZo_s.js → list-7VARol_x.js} +4 -4
- package/dist/chunks/{list-wXZIZo_s.js.map → list-7VARol_x.js.map} +1 -1
- package/dist/chunks/{markdown-DWyxjsSY.js → markdown-DBVNULWg.js} +4 -4
- package/dist/chunks/{markdown-DWyxjsSY.js.map → markdown-DBVNULWg.js.map} +1 -1
- package/dist/chunks/{nav-sheet-QqNRHo-y.js → nav-sheet-D7wIF_OU.js} +2 -2
- package/dist/chunks/{nav-sheet-QqNRHo-y.js.map → nav-sheet-D7wIF_OU.js.map} +1 -1
- package/dist/chunks/{page-header-Ccnrspbp.js → page-header-B3tV8Wog.js} +2 -2
- package/dist/chunks/{page-header-Ccnrspbp.js.map → page-header-B3tV8Wog.js.map} +1 -1
- package/dist/chunks/{pagination-CEmWZNjp.js → pagination-CLfsofo3.js} +3 -3
- package/dist/chunks/{pagination-CEmWZNjp.js.map → pagination-CLfsofo3.js.map} +1 -1
- package/dist/chunks/picker-popover-B5YdOxNm.js +105 -0
- package/dist/chunks/picker-popover-B5YdOxNm.js.map +1 -0
- package/dist/chunks/{range-popup-CG9Jo5B7.js → range-popup-ZunS8QSH.js} +4 -4
- package/dist/chunks/{range-popup-CG9Jo5B7.js.map → range-popup-ZunS8QSH.js.map} +1 -1
- package/dist/chunks/{resize-motion-BWGMchyP.js → resize-motion-DS3rIIqy.js} +2 -2
- package/dist/chunks/resize-motion-DS3rIIqy.js.map +1 -0
- package/dist/chunks/{rights-hMoaFasn.js → rights-CiIBzT9o.js} +4 -4
- package/dist/chunks/{rights-hMoaFasn.js.map → rights-CiIBzT9o.js.map} +1 -1
- package/dist/chunks/{segmented-DXKVF-nY.js → segmented-DxjnIuww.js} +3 -3
- package/dist/chunks/{segmented-DXKVF-nY.js.map → segmented-DxjnIuww.js.map} +1 -1
- package/dist/chunks/{sidebar-Dey1ZfGt.js → sidebar-ZSTPK9Jn.js} +210 -206
- package/dist/chunks/sidebar-ZSTPK9Jn.js.map +1 -0
- package/dist/chunks/{switch-CSKMEomo.js → switch-Cq1OfeBr.js} +2 -2
- package/dist/chunks/{switch-CSKMEomo.js.map → switch-Cq1OfeBr.js.map} +1 -1
- package/dist/chunks/{tag-CwDKXVHj.js → tag-XgPXKoxi.js} +2 -2
- package/dist/chunks/{tag-CwDKXVHj.js.map → tag-XgPXKoxi.js.map} +1 -1
- package/dist/chunks/{text-Dvvgg5Jt.js → text-IoDy3Vxi.js} +2 -2
- package/dist/chunks/{text-Dvvgg5Jt.js.map → text-IoDy3Vxi.js.map} +1 -1
- package/dist/chunks/{textarea-2d373OyU.js → textarea-jOiTkfMf.js} +3 -3
- package/dist/chunks/{textarea-2d373OyU.js.map → textarea-jOiTkfMf.js.map} +1 -1
- package/dist/chunks/{timeseries-LRDAZHV0.js → timeseries-BBWsSM4Q.js} +51 -51
- package/dist/chunks/timeseries-BBWsSM4Q.js.map +1 -0
- package/dist/chunks/{tooltip-S1DmyLVl.js → tooltip-CTBnfiDH.js} +30 -30
- package/dist/chunks/tooltip-CTBnfiDH.js.map +1 -0
- package/dist/chunks/{tooltip-root-vjylFUqw.js → tooltip-root-B0zWodAJ.js} +2 -2
- package/dist/chunks/{tooltip-root-vjylFUqw.js.map → tooltip-root-B0zWodAJ.js.map} +1 -1
- package/dist/chunks/{zh-CN-CqEA4PCM.js → zh-CN-CKffAT7j.js} +3 -3
- package/dist/chunks/{zh-CN-CqEA4PCM.js.map → zh-CN-CKffAT7j.js.map} +1 -1
- package/dist/components/app-frame.js +2 -2
- package/dist/components/banner.js +1 -1
- package/dist/components/button-group.js +2 -2
- package/dist/components/button.js +1 -1
- package/dist/components/calendar.js +1 -1
- package/dist/components/charts/bar.js +1 -1
- package/dist/components/charts/donut.js +1 -1
- package/dist/components/charts/gauge.js +1 -1
- package/dist/components/charts/sankey.js +1 -1
- package/dist/components/charts/timeseries.js +1 -1
- package/dist/components/charts.js +2 -2
- package/dist/components/code-block.js +1 -1
- package/dist/components/combobox.js +1 -1
- package/dist/components/command-list.js +2 -2
- package/dist/components/command-palette.js +2 -2
- package/dist/components/copy-button.js +1 -1
- package/dist/components/data-table.js +4 -4
- package/dist/components/date-picker.js +112 -110
- package/dist/components/date-picker.js.map +1 -1
- package/dist/components/dialog.js +3 -3
- package/dist/components/display-options.js +4 -4
- package/dist/components/filter-chip.js +2 -2
- package/dist/components/icon-button.js +1 -1
- package/dist/components/input.js +5 -5
- package/dist/components/kaeso/conversation.js +2 -2
- package/dist/components/kaeso/identity.js +1 -1
- package/dist/components/kaeso/moments.js +3 -3
- package/dist/components/kaeso/rights.js +1 -1
- package/dist/components/kaeso/usage.js +1 -1
- package/dist/components/kaeso.js +5 -5
- package/dist/components/key-value.js +2 -2
- package/dist/components/list.js +1 -1
- package/dist/components/markdown.js +1 -1
- package/dist/components/page-header.js +1 -1
- package/dist/components/pagination.js +1 -1
- package/dist/components/playground.js +10 -10
- package/dist/components/segmented.js +1 -1
- package/dist/components/sheet.js +2 -2
- package/dist/components/sidebar.js +1 -1
- package/dist/components/switch.js +1 -1
- package/dist/components/tag.js +1 -1
- package/dist/components/text.js +1 -1
- package/dist/components/theme-menu.js +1 -1
- package/dist/components/tooltip.js +1 -1
- package/dist/i18n-provider.js +1 -1
- package/dist/index.js +28 -28
- package/dist/kaeso.css +2 -4
- package/dist/styles.css +1 -1
- package/dist/types/components/command-list/docs.d.ts +1 -0
- package/dist/types/components/command-list/picker-popover.d.ts +1 -0
- package/dist/types/utils/hidden-description.d.ts +9 -0
- package/package.json +13 -13
- package/dist/chunks/calendar-CBeptQFq.js.map +0 -1
- package/dist/chunks/picker-popover-C4ElNk7t.js +0 -102
- package/dist/chunks/picker-popover-C4ElNk7t.js.map +0 -1
- package/dist/chunks/resize-motion-BWGMchyP.js.map +0 -1
- package/dist/chunks/sidebar-Dey1ZfGt.js.map +0 -1
- package/dist/chunks/timeseries-LRDAZHV0.js.map +0 -1
- package/dist/chunks/tooltip-S1DmyLVl.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar-ZSTPK9Jn.js","names":["_Fragment","__icon_UnfoldMoreIcon","__icon_ArrowLeft01Icon","__icon_SidebarLeftIcon","cn","useLinkComponent","useUiText","Icon","HandedTrigger","useLazyModule","Tooltip","lazyModule","observeResize","NavWordmark","Skeleton","showsText","useHiddenDescription","whenIdle","Fragment$1","listeners","memory","read","raw","key","subscribe","set","onChange","onStorage","e","noSubscription","nothing","useStoredState","k","own","setOwn","useState","initial","sub","useCallback","snapshot","useSyncExternalStore","stored","useMemo","v","json","notify","strong","text","i","part","KAESO_SIDEBAR_VARIANTS","KAESO_SIDEBAR_DEFAULT_VARIANTS","Ctx","useSidebar","useContext","SidebarFloatingContext","SidebarSheetContext","Provider","rail","setRail","storageKey","defaultRail","storedWidth","setWidth","preview","previewWidth","width","clampWidth","collapsed","setCollapsedState","peeking","setPeeking","setCollapsed","leaving","shortcut","onKey","value","SIDEBAR_MIN","SIDEBAR_MAX","Root","ariaLabel","props","t","hint","setHint","dragging","setDragging","endDrag","useRef","onPointerDown","handle","startX","startW","moved","last","move","ev","end","up","floating","hidden","nav","className","style","resizable","Header","Brand","BrandWordmark","children","LinkComp","href","label","sidebarMenu","LazyMenu","open","setOpen","wanted","setWanted","mod","store","triggerPropsStore","button","pending","useEffect","doc","onKeyDown","want","waiting","o","trigger","Switcher","force","hasCaption","caption","named","purpose","avatar","captionTone","trailing","UnfoldMoreIcon","Place","naming","classes","inner","PlaceName","common","el","ref","cut","setCut","useLayoutEffect","box","measure","Content","Footer","Group","id","defaultOpen","collapsible","Collapsible","DEPTH","Item","active","depth","leading","icon","count","onClick","BackLink","ArrowLeft01Icon","Loading","rows","CollapseToggle","sheet","SidebarLeftIcon","RailToggle","Sidebar"],"sources":["../../src/hooks/use-stored-state.ts","../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["import { useCallback, useMemo, useState, useSyncExternalStore } from \"react\";\n\nlet listeners: Map<string, Set<() => void>> | undefined;\nlet memory: Map<string, string> | undefined;\n\nfunction read(key: string): string | null {\n try {\n const raw = localStorage.getItem(key);\n if (raw !== null) return raw;\n } catch {}\n return memory?.get(key) ?? null;\n}\n\nfunction subscribe(key: string, onChange: () => void): () => void {\n listeners ??= new Map();\n let set = listeners.get(key);\n if (!set) listeners.set(key, (set = new Set()));\n set.add(onChange);\n const onStorage = (e: StorageEvent) => {\n if (e.key === key) onChange();\n };\n window.addEventListener(\"storage\", onStorage);\n return () => {\n set.delete(onChange);\n window.removeEventListener(\"storage\", onStorage);\n };\n}\n\nconst noSubscription = () => () => undefined;\nconst nothing = () => null;\n\nexport function useStoredState<T>(key: string | undefined, initial: T): [T, (v: T) => void] {\n const k = key ? `kaeso:${key}` : undefined;\n const [own, setOwn] = useState<T>(initial);\n const sub = useCallback((onChange: () => void) => (k ? subscribe(k, onChange) : () => undefined), [k]);\n const snapshot = useCallback(() => (k ? read(k) : null), [k]);\n const raw = useSyncExternalStore(k ? sub : noSubscription, snapshot, nothing);\n const stored = useMemo(() => {\n if (raw === null) return undefined;\n try {\n return { value: JSON.parse(raw) as T };\n } catch {\n return undefined;\n }\n }, [raw]);\n const set = useCallback(\n (v: T) => {\n if (!k) {\n setOwn(v);\n return;\n }\n const json = JSON.stringify(v);\n try {\n localStorage.setItem(k, json);\n } catch {\n (memory ??= new Map()).set(k, json);\n }\n listeners?.get(k)?.forEach((notify) => notify());\n },\n [k],\n );\n return [k ? (stored ? stored.value : initial) : own, set];\n}\n","import type * as React from \"react\";\nimport {\n createContext,\n forwardRef,\n useCallback,\n useContext,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n type HTMLAttributes,\n type MouseEvent,\n type ReactElement,\n type ReactNode,\n} from \"react\";\nimport { Collapsible } from \"@base-ui/react/collapsible\";\nimport { cn } from \"../../utils/cn.js\";\nimport { observeResize } from \"../../utils/observe-resize.js\";\nimport { useLinkComponent } from \"../../utils/link-provider.js\";\nimport { showsText, useHiddenDescription } from \"../../utils/hidden-description.js\";\nimport { useStoredState } from \"../../hooks/use-stored-state.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { UnfoldMoreIcon as __icon_UnfoldMoreIcon, ArrowLeft01Icon as __icon_ArrowLeft01Icon, SidebarLeftIcon as __icon_SidebarLeftIcon } from \"@hugeicons/core-free-icons\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { Skeleton } from \"../skeleton/skeleton.js\";\nimport { NavWordmark } from \"../logo/nav-wordmark.js\";\nimport { lazyModule, useLazyModule } from \"../../utils/lazy-module.js\";\nimport { whenIdle } from \"../../utils/when-idle.js\";\nimport { HandedTrigger, triggerPropsStore } from \"../tooltip/trigger-props.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nconst strong = (text: string) =>\n text.split(\"**\").map((part, i) =>\n i % 2 ? (\n <span key={i} className=\"font-semibold text-fg\">\n {part}\n </span>\n ) : (\n part\n ),\n );\n\nexport const KAESO_SIDEBAR_VARIANTS = {\n mode: {\n expanded: { classes: \"w-(--k-sidebar-width)\" },\n rail: { classes: \"w-60\" },\n },\n item: {\n default: { classes: \"text-fg hover:bg-fill-2 active:bg-fill-3\" },\n active: { classes: \"bg-fill-3 text-fg\" },\n },\n caption: {\n secondary: { classes: \"text-fg-secondary\" },\n danger: { classes: \"text-danger-text\" },\n },\n} as const;\nexport const KAESO_SIDEBAR_DEFAULT_VARIANTS = { mode: \"expanded\", item: \"default\", caption: \"secondary\" } as const;\n\ninterface SidebarCtx {\n rail: boolean;\n setRail: (v: boolean) => void;\n collapsed: boolean;\n setCollapsed: (v: boolean) => void;\n peeking: boolean;\n setPeeking: (v: boolean) => void;\n width: number;\n setWidth: (v: number) => void;\n previewWidth: (v: number | null) => void;\n storageKey: string | undefined;\n}\nconst Ctx = /* @__PURE__ */ createContext<SidebarCtx>({\n rail: false,\n setRail: () => undefined,\n collapsed: false,\n setCollapsed: () => undefined,\n peeking: false,\n setPeeking: () => undefined,\n width: 248,\n setWidth: () => undefined,\n previewWidth: () => undefined,\n storageKey: undefined,\n});\nexport const useSidebar = () => useContext(Ctx);\n\nexport const SidebarFloatingContext = /* @__PURE__ */ createContext(false);\nexport const SidebarSheetContext = /* @__PURE__ */ createContext<{ close: () => void; peek: boolean } | null>(null);\n\nexport interface SidebarProviderProps {\n children: ReactNode;\n storageKey?: string | undefined;\n defaultRail?: boolean | undefined;\n shortcut?: boolean | undefined;\n}\n\nfunction Provider({ children, storageKey, defaultRail = false, shortcut = true }: SidebarProviderProps) {\n const [rail, setRail] = useStoredState(storageKey ? `${storageKey}:rail` : undefined, defaultRail);\n const [storedWidth, setWidth] = useStoredState(storageKey ? `${storageKey}:width` : undefined, 248);\n const [preview, previewWidth] = useState<number | null>(null);\n const width = clampWidth(preview ?? storedWidth);\n const [collapsed, setCollapsedState] = useStoredState(storageKey ? `${storageKey}:collapsed` : undefined, false);\n const [peeking, setPeeking] = useState(false);\n const setCollapsed = useCallback(\n (v: boolean) => {\n const leaving = v && !!document.activeElement?.closest(\"[data-sidebar-root]\");\n setCollapsedState(v);\n setPeeking(false);\n if (leaving) requestAnimationFrame(() => document.querySelector<HTMLElement>(\"[data-sidebar-expand]\")?.focus());\n },\n [setCollapsedState],\n );\n useEffect(() => {\n if (!shortcut) return;\n const onKey = (e: KeyboardEvent) => {\n const t = e.target;\n if (e.key !== \"[\" || e.metaKey || e.ctrlKey || e.altKey || (t instanceof Element && t.closest(\"input, textarea, select, [contenteditable=true]\"))) return;\n setCollapsed(!collapsed);\n };\n window.addEventListener(\"keydown\", onKey);\n return () => window.removeEventListener(\"keydown\", onKey);\n }, [collapsed, setCollapsed, shortcut]);\n const value = useMemo(\n () => ({ rail, setRail, collapsed, setCollapsed, peeking, setPeeking, width, setWidth, previewWidth, storageKey }),\n [rail, setRail, collapsed, setCollapsed, peeking, width, setWidth, storageKey],\n );\n return <Ctx.Provider value={value}>{children}</Ctx.Provider>;\n}\nif (process.env.NODE_ENV !== \"production\") Provider.displayName = \"Sidebar.Provider\";\n\nexport interface SidebarProps extends HTMLAttributes<HTMLElement> {\n resizable?: boolean | undefined;\n \"aria-label\"?: string | undefined;\n}\n\nexport const SIDEBAR_MIN = 232;\nexport const SIDEBAR_MAX = 280;\n\nconst clampWidth = (v: number) => Math.round(Math.min(SIDEBAR_MAX, Math.max(SIDEBAR_MIN, Number.isFinite(v) ? v : 248)));\n\nconst Root = /* @__PURE__ */ forwardRef<HTMLElement, SidebarProps>(function Sidebar({ resizable = true, className, children, style, \"aria-label\": ariaLabel, ...props }, ref) {\n const { rail, width, setWidth, previewWidth, collapsed, setCollapsed } = useSidebar();\n const t = useUiText();\n const [hint, setHint] = useState<number | null>(null);\n const [dragging, setDragging] = useState(false);\n const endDrag = useRef<(() => void) | null>(null);\n useEffect(() => () => endDrag.current?.(), []);\n const onPointerDown = useCallback(\n (e: React.PointerEvent<HTMLDivElement>) => {\n if (e.button !== 0) return;\n e.preventDefault();\n endDrag.current?.();\n const handle = e.currentTarget;\n const startX = e.clientX;\n const startW = width;\n let moved = false;\n let last = startW;\n const move = (ev: PointerEvent) => {\n if (Math.abs(ev.clientX - startX) > 3) {\n moved = true;\n setDragging(true);\n }\n if (!moved) return;\n last = clampWidth(startW + ev.clientX - startX);\n previewWidth(last);\n };\n const end = () => {\n handle.removeEventListener(\"pointermove\", move);\n handle.removeEventListener(\"pointerup\", up);\n handle.removeEventListener(\"pointercancel\", end);\n document.body.style.cursor = \"\";\n document.body.style.userSelect = \"\";\n endDrag.current = null;\n setDragging(false);\n if (moved) setWidth(last);\n previewWidth(null);\n };\n const up = () => {\n end();\n if (!moved) setCollapsed(true);\n };\n handle.setPointerCapture(e.pointerId);\n handle.addEventListener(\"pointermove\", move);\n handle.addEventListener(\"pointerup\", up);\n handle.addEventListener(\"pointercancel\", end);\n document.body.style.cursor = \"col-resize\";\n document.body.style.userSelect = \"none\";\n endDrag.current = end;\n },\n [width, setWidth, previewWidth, setCollapsed],\n );\n const floating = useContext(SidebarFloatingContext);\n const hidden = collapsed && !floating;\n const nav = (\n <nav\n ref={ref}\n aria-label={ariaLabel ?? t(\"sidebar.main\", \"Main\")}\n data-rail={rail || undefined}\n data-sidebar-root=\"\"\n className={cn(\n \"group/sidebar relative flex h-full shrink-0 flex-col bg-chrome text-fg\",\n rail ? KAESO_SIDEBAR_VARIANTS.mode.rail.classes : KAESO_SIDEBAR_VARIANTS.mode.expanded.classes,\n className,\n )}\n style={{ [\"--k-sidebar-width\" as string]: `${width}px`, ...style }}\n {...props}\n >\n {children}\n </nav>\n );\n if (floating) return nav;\n return (\n <div className=\"relative flex h-full shrink-0\">\n <div\n className=\"sidebar-motion relative h-full shrink-0\"\n style={{ width: hidden ? 8 : rail ? 60 : width }}\n {...(hidden ? { \"data-collapsed\": \"\", inert: true, \"aria-hidden\": true } : {})}\n >\n <div className=\"sidebar-content-motion h-full\" style={{ width: rail ? 60 : width }}>\n {nav}\n </div>\n </div>\n {resizable && !rail && !hidden && (\n <div\n role=\"separator\"\n aria-orientation=\"vertical\"\n aria-label={t(\"sidebar.resizeOrCollapse\", \"Resize sidebar; click to collapse\")}\n aria-valuemin={SIDEBAR_MIN}\n aria-valuemax={SIDEBAR_MAX}\n aria-valuenow={width}\n tabIndex={0}\n onPointerDown={onPointerDown}\n onPointerMove={(e) => setHint(Math.round(e.clientY - e.currentTarget.getBoundingClientRect().top))}\n onPointerLeave={() => setHint(null)}\n onKeyDown={(e) => {\n if (e.key === \"ArrowLeft\") setWidth(clampWidth(width - 8));\n if (e.key === \"ArrowRight\") setWidth(clampWidth(width + 8));\n if (e.key === \"Enter\" || e.key === \" \") setCollapsed(true);\n }}\n className=\"absolute top-0 right-0 z-10 h-full w-8 cursor-col-resize rounded-pill focus-ring-inset\"\n >\n {hint !== null && !dragging && (\n <span\n aria-hidden\n className=\"pointer-events-none absolute left-16 flex w-max flex-col gap-2 rounded-tooltip bg-tooltip px-12 py-8 text-small text-fg-secondary shadow-raised\"\n style={{ top: Math.max(8, (hint ?? 0) - 24) }}\n >\n <span>{strong(t(\"sidebar.dragToResize\", \"**Drag** to resize\"))}</span>\n <span>{strong(t(\"sidebar.clickToCollapse\", \"**Click** to collapse\"))}</span>\n </span>\n )}\n </div>\n )}\n </div>\n );\n});\nif (process.env.NODE_ENV !== \"production\") Root.displayName = \"Sidebar\";\n\nconst Header = /* @__PURE__ */ forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function SidebarHeader({ className, ...props }, ref) {\n return <div ref={ref} className={cn(\"mt-8 flex h-52 shrink-0 items-center gap-4 px-8\", className)} {...props} />;\n});\nif (process.env.NODE_ENV !== \"production\") Header.displayName = \"Sidebar.Header\";\n\nexport interface SidebarBrandProps {\n href?: string | undefined;\n label?: string | undefined;\n children?: ReactNode | undefined;\n className?: string | undefined;\n}\n\nconst Brand = /* @__PURE__ */ forwardRef<HTMLDivElement, SidebarBrandProps>(function SidebarBrand({ href, label = \"Kaeso\", children, className }, ref) {\n const { rail } = useSidebar();\n if (rail) {\n return (\n <Header ref={ref} className={cn(\"justify-center px-0\", className)}>\n {children}\n </Header>\n );\n }\n return (\n <Header ref={ref} className={cn(\"justify-between pr-16 pl-28\", className)}>\n <BrandWordmark href={href} label={label} />\n {children && <span className=\"flex items-center\">{children}</span>}\n </Header>\n );\n});\nif (process.env.NODE_ENV !== \"production\") Brand.displayName = \"Sidebar.Brand\";\n\nexport function BrandWordmark({ href, label = \"Kaeso\" }: { href?: string | undefined; label?: string | undefined }) {\n const LinkComp = useLinkComponent();\n return href ? (\n <LinkComp href={href} aria-label={label} className=\"-mx-4 flex h-32 items-center rounded-code px-4 text-fg focus-ring\">\n <NavWordmark decorative />\n </LinkComp>\n ) : (\n <NavWordmark title={label} className=\"text-fg\" />\n );\n}\nif (process.env.NODE_ENV !== \"production\") BrandWordmark.displayName = \"Sidebar.BrandWordmark\";\n\nconst sidebarMenu = /* @__PURE__ */ lazyModule(() => import(\"./sidebar-menu.js\"), { base: () => import.meta.url });\n\nfunction LazyMenu({\n trigger,\n side,\n header,\n footer,\n children,\n}: {\n trigger: ReactElement;\n side: \"top\" | \"bottom\";\n header: ReactNode;\n footer: ReactNode;\n children: ReactNode;\n}) {\n const [open, setOpen] = useState(false);\n const [wanted, setWanted] = useState(false);\n const mod = useLazyModule(sidebarMenu, wanted || open, () => {\n setWanted(false);\n setOpen(false);\n });\n const [store] = useState(triggerPropsStore);\n const button = useRef<HTMLElement | null>(null);\n const pending = open && !mod;\n useEffect(() => whenIdle(() => setWanted(true)), []);\n useEffect(() => {\n if (!pending) return;\n const doc = button.current?.ownerDocument ?? document;\n const onKeyDown = (e: KeyboardEvent) => {\n if (e.key !== \"Escape\") return;\n e.stopPropagation();\n setOpen(false);\n };\n const onPointerDown = (e: PointerEvent) => {\n if (!button.current?.contains(e.target as Node)) setOpen(false);\n };\n doc.addEventListener(\"keydown\", onKeyDown, true);\n doc.addEventListener(\"pointerdown\", onPointerDown, true);\n return () => {\n doc.removeEventListener(\"keydown\", onKeyDown, true);\n doc.removeEventListener(\"pointerdown\", onPointerDown, true);\n };\n }, [pending]);\n const want = () => setWanted(true);\n const waiting = mod\n ? { ref: button }\n : {\n ref: button,\n \"aria-haspopup\": \"menu\",\n \"aria-expanded\": open,\n ...(open ? { \"data-popup-open\": \"\" } : {}),\n onPointerEnter: want,\n onFocus: want,\n onClick: () => setOpen((o) => !o),\n onKeyDown: (e: React.KeyboardEvent) => {\n if (e.key !== \"ArrowDown\" && e.key !== \"ArrowUp\") return;\n e.preventDefault();\n setOpen(true);\n },\n onBlur: (e: React.FocusEvent) => {\n if (open && e.relatedTarget && !e.currentTarget.contains(e.relatedTarget)) setOpen(false);\n },\n };\n return (\n <>\n <HandedTrigger store={store} merge={mod?.mergeTriggerProps} extra={waiting}>\n {trigger}\n </HandedTrigger>\n {mod && (\n <mod.SidebarMenuRoot open={open} onOpenChange={setOpen} triggerProps={store} side={side} header={header} footer={footer}>\n {children}\n </mod.SidebarMenuRoot>\n )}\n </>\n );\n}\nif (process.env.NODE_ENV !== \"production\") LazyMenu.displayName = \"Sidebar.Menu\";\n\nexport interface SidebarSwitcherProps {\n avatar: ReactNode;\n label: ReactNode;\n trailing?: ReactNode | undefined;\n caption?: ReactNode | undefined;\n captionTone?: keyof typeof KAESO_SIDEBAR_VARIANTS.caption | undefined;\n children: ReactNode;\n header?: ReactNode | undefined;\n footer?: ReactNode | undefined;\n \"aria-label\"?: string | undefined;\n className?: string | undefined;\n \"data-force\"?: string | undefined;\n}\n\nfunction Switcher({\n avatar,\n label,\n trailing,\n caption,\n captionTone = \"secondary\",\n children,\n header,\n footer,\n \"aria-label\": ariaLabel,\n className,\n \"data-force\": force,\n}: SidebarSwitcherProps) {\n const { rail } = useSidebar();\n const t = useUiText();\n const hasCaption = showsText(caption);\n const named = showsText(label);\n const hint = ariaLabel ?? t(\"sidebar.switchOrOpenSettings\", \"Switch or open settings\");\n const purpose = useHiddenDescription(named ? hint : undefined);\n return (\n <>\n <LazyMenu\n side=\"top\"\n header={header}\n footer={footer}\n trigger={\n <button\n type=\"button\"\n {...(named ? { \"aria-describedby\": purpose.id } : { \"aria-label\": hint })}\n {...(force ? { \"data-force\": force } : {})}\n className={cn(\n \"group/sw flex h-36 w-full min-w-0 cursor-pointer items-center gap-8 rounded-pill px-12 text-left text-body font-medium text-fg transition-control hover:bg-fill-2 open:bg-fill-3 focus-ring-inset\",\n rail && \"justify-center px-0\",\n className,\n )}\n >\n {avatar}\n {!rail &&\n (hasCaption ? (\n <span className=\"flex min-w-0 flex-1 flex-col\">\n <span className=\"truncate\">{label}</span>\n <span className={cn(\"truncate text-caption font-regular\", KAESO_SIDEBAR_VARIANTS.caption[captionTone].classes)}>{caption}</span>\n </span>\n ) : (\n <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n ))}\n {rail && named && <span className=\"sr-only\">{label}</span>}\n {rail && hasCaption && <span className=\"sr-only\">{caption}</span>}\n {!rail && trailing}\n {!rail && <Icon icon={__icon_UnfoldMoreIcon} size=\"sm\" className=\"text-fg-tertiary transition-control group-hover/sw:text-fg-secondary\" />}\n </button>\n }\n >\n {children}\n </LazyMenu>\n {purpose.node}\n </>\n );\n}\nif (process.env.NODE_ENV !== \"production\") Switcher.displayName = \"Sidebar.Switcher\";\n\nexport interface SidebarPlaceProps {\n avatar: ReactNode;\n label: string;\n children?: ReactNode | undefined;\n href?: string | undefined;\n header?: ReactNode | undefined;\n footer?: ReactNode | undefined;\n \"aria-label\"?: string | undefined;\n className?: string | undefined;\n \"data-force\"?: string | undefined;\n}\n\nfunction Place({ avatar, label, children, href, header, footer, \"aria-label\": ariaLabel, className, \"data-force\": force }: SidebarPlaceProps) {\n const { rail } = useSidebar();\n const t = useUiText();\n const LinkComp = useLinkComponent();\n const named = showsText(label);\n const hint = children ? (ariaLabel ?? t(\"sidebar.switchPlace\", \"Switch\")) : ariaLabel;\n const purpose = useHiddenDescription(named ? hint : undefined);\n const naming = named ? (purpose.id ? { \"aria-describedby\": purpose.id } : {}) : hint ? { \"aria-label\": hint } : {};\n const classes = cn(\n \"group/place flex h-36 w-full min-w-0 items-center gap-8 rounded-pill px-12 text-left text-body font-semibold text-fg\",\n (children || href) && \"cursor-pointer transition-control hover:bg-fill-2 open:bg-fill-3 focus-ring-inset\",\n rail && \"justify-center px-0\",\n className,\n );\n const inner = (\n <>\n <span className=\"flex size-18 shrink-0 items-center justify-center\">{avatar}</span>\n {rail ? <span className=\"sr-only\">{label}</span> : <PlaceName label={label} />}\n {!rail && children && <Icon icon={__icon_UnfoldMoreIcon} size=\"sm\" className=\"text-fg-tertiary transition-control group-hover/place:text-fg-secondary\" />}\n </>\n );\n const common = { className: classes, ...(force ? { \"data-force\": force } : {}) };\n if (children) {\n return (\n <>\n <LazyMenu\n side=\"bottom\"\n header={header}\n footer={footer}\n trigger={\n <button type=\"button\" {...naming} {...common}>\n {inner}\n </button>\n }\n >\n {children}\n </LazyMenu>\n {purpose.node}\n </>\n );\n }\n const el = href ? (\n <LinkComp href={href} {...naming} {...common}>\n {inner}\n </LinkComp>\n ) : (\n <div {...common}>{inner}</div>\n );\n return (\n <>\n {rail ? (\n <Tooltip content={label} side=\"right\">\n {el}\n </Tooltip>\n ) : (\n el\n )}\n {href && purpose.node}\n </>\n );\n}\nif (process.env.NODE_ENV !== \"production\") Place.displayName = \"Sidebar.Place\";\n\nfunction PlaceName({ label }: { label: string }) {\n const ref = useRef<HTMLSpanElement>(null);\n const [cut, setCut] = useState(false);\n useLayoutEffect(() => {\n const box = ref.current;\n if (!box || typeof ResizeObserver === \"undefined\") return;\n const measure = () => setCut(box.scrollWidth > box.clientWidth);\n measure();\n return observeResize([box], measure);\n }, [label]);\n return (\n <Tooltip content={label} side=\"right\" disabled={!cut}>\n <span ref={ref} className=\"min-w-0 flex-1 truncate\">\n {label}\n </span>\n </Tooltip>\n );\n}\n\nconst Content = /* @__PURE__ */ forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function SidebarContent({ className, ...props }, ref) {\n const { rail } = useSidebar();\n return (\n <div\n ref={ref}\n className={cn(\"flex min-h-0 flex-1 flex-col gap-16 overflow-y-auto overscroll-contain pt-8 pb-16 scrollbar-quiet\", rail ? \"px-8\" : \"px-16\", className)}\n {...props}\n />\n );\n});\nif (process.env.NODE_ENV !== \"production\") Content.displayName = \"Sidebar.Content\";\n\nconst Footer = /* @__PURE__ */ forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function SidebarFooter({ className, ...props }, ref) {\n const { rail } = useSidebar();\n return <div ref={ref} className={cn(\"flex shrink-0 items-center gap-4 pt-8 pb-12\", rail ? \"px-8\" : \"px-16\", className)} {...props} />;\n});\nif (process.env.NODE_ENV !== \"production\") Footer.displayName = \"Sidebar.Footer\";\n\nexport interface SidebarGroupProps {\n label?: ReactNode | undefined;\n id?: string | undefined;\n defaultOpen?: boolean | undefined;\n collapsible?: boolean | undefined;\n children: ReactNode;\n className?: string | undefined;\n}\n\nconst Group = /* @__PURE__ */ forwardRef<HTMLDivElement, SidebarGroupProps>(function SidebarGroup(\n { label, id, defaultOpen = true, collapsible = true, children, className },\n ref,\n) {\n const { storageKey, rail } = useSidebar();\n const [open, setOpen] = useStoredState(storageKey && id ? `${storageKey}:group:${id}` : undefined, defaultOpen);\n if (!label || !collapsible || rail) {\n return (\n <div ref={ref} role=\"group\" className={cn(\"flex flex-col\", className)}>\n {label && !rail && <div className=\"flex h-28 items-center px-12 text-caption font-medium text-fg-secondary\">{label}</div>}\n <ul className=\"flex flex-col gap-2\">{children}</ul>\n </div>\n );\n }\n return (\n <Collapsible.Root ref={ref} open={open} onOpenChange={(o: boolean) => setOpen(o)} className={cn(\"flex flex-col\", className)}>\n <Collapsible.Trigger className=\"group/gl relative -mx-0 flex h-28 w-full cursor-pointer items-center gap-4 rounded-pill px-12 text-left text-caption font-medium text-fg-secondary transition-control hover:text-fg focus-ring tap-target\">\n <span>{label}</span>\n <svg viewBox=\"0 0 8 8\" className=\"size-8 text-fg-tertiary transition-transform duration-180 group-data-panel-open/gl:rotate-90\" aria-hidden>\n <path d=\"M2.5 1.5 5.5 4l-3 2.5z\" fill=\"currentColor\" />\n </svg>\n </Collapsible.Trigger>\n <Collapsible.Panel className=\"collapse-motion\">\n <ul className=\"flex flex-col gap-2 pt-2\">{children}</ul>\n </Collapsible.Panel>\n </Collapsible.Root>\n );\n});\nif (process.env.NODE_ENV !== \"production\") Group.displayName = \"Sidebar.Group\";\n\nexport interface SidebarItemProps {\n children: ReactNode;\n icon?: IconData | undefined;\n leading?: ReactNode | undefined;\n href?: string | undefined;\n onClick?: ((e: MouseEvent<HTMLElement>) => void) | undefined;\n active?: boolean | undefined;\n count?: number | undefined;\n trailing?: ReactNode | undefined;\n depth?: 0 | 1 | 2 | undefined;\n shortcut?: string[] | string[][] | undefined;\n className?: string | undefined;\n \"data-force\"?: string | undefined;\n}\n\nconst DEPTH = [\"\", \"pl-32\", \"pl-52\"] as const;\n\nconst Item = /* @__PURE__ */ forwardRef<HTMLElement, SidebarItemProps>(function SidebarItem(\n { children, icon, leading, href, onClick, active, count, trailing, depth = 0, shortcut, className, \"data-force\": force },\n ref,\n) {\n const { rail } = useSidebar();\n const LinkComp = useLinkComponent();\n const classes = cn(\n \"group/si flex h-32 w-full min-w-0 cursor-pointer items-center gap-8 rounded-pill px-12 text-left text-body font-medium transition-control focus-ring-inset\",\n active ? KAESO_SIDEBAR_VARIANTS.item.active.classes : KAESO_SIDEBAR_VARIANTS.item.default.classes,\n !rail && DEPTH[depth],\n rail && \"justify-center px-0\",\n className,\n );\n const inner = (\n <>\n {leading ? (\n <span className=\"flex size-18 shrink-0 items-center justify-center\">{leading}</span>\n ) : (\n icon && <Icon icon={icon} size=\"md\" className={cn(\"text-fg-secondary transition-control group-hover/si:text-fg\", active && \"text-fg\")} />\n )}\n {rail ? <span className=\"sr-only\">{children}</span> : <span className=\"min-w-0 flex-1 truncate\">{children}</span>}\n {!rail && count !== undefined && <span className={cn(\"text-caption font-medium tabular\", active ? \"text-fg\" : \"text-fg-tertiary\")}>{count}</span>}\n {!rail && trailing}\n </>\n );\n const common = {\n className: classes,\n ...(active ? { \"aria-current\": \"page\" as const } : {}),\n ...(force ? { \"data-force\": force } : {}),\n };\n const el = href ? (\n <LinkComp ref={ref as React.Ref<HTMLAnchorElement>} href={href} {...common} {...(onClick ? { onClick } : {})}>\n {inner}\n </LinkComp>\n ) : (\n <button ref={ref as React.Ref<HTMLButtonElement>} type=\"button\" {...common} {...(onClick ? { onClick } : {})}>\n {inner}\n </button>\n );\n return (\n <li className=\"flex\">\n {rail ? (\n <Tooltip content={children} side=\"right\" {...(shortcut ? { shortcut } : {})}>\n {el}\n </Tooltip>\n ) : (\n el\n )}\n </li>\n );\n});\nif (process.env.NODE_ENV !== \"production\") Item.displayName = \"Sidebar.Item\";\n\nconst BackLink = /* @__PURE__ */ forwardRef<HTMLAnchorElement, { href: string; children?: ReactNode | undefined; className?: string | undefined }>(function SidebarBackLink(\n { href, children, className },\n ref,\n) {\n const LinkComp = useLinkComponent();\n const t = useUiText();\n return (\n <LinkComp\n ref={ref}\n href={href}\n className={cn(\n \"flex h-32 items-center gap-8 rounded-pill px-12 text-body font-medium text-fg-secondary transition-control hover:bg-fill-2 hover:text-fg focus-ring-inset\",\n className,\n )}\n >\n <Icon icon={__icon_ArrowLeft01Icon} size=\"md\" />\n {children ?? t(\"sidebar.backToApp\", \"Back to app\")}\n </LinkComp>\n );\n});\nif (process.env.NODE_ENV !== \"production\") BackLink.displayName = \"Sidebar.BackLink\";\n\nfunction Loading({ rows = 5 }: { rows?: number | undefined }) {\n return (\n <div className=\"flex flex-col gap-2\" aria-busy>\n {Array.from({ length: rows }, (_, i) => (\n <div key={i} className=\"flex h-32 items-center gap-8 px-12\">\n <Skeleton className=\"size-18 rounded-pill\" />\n <Skeleton className=\"h-12 rounded-pill\" style={{ width: `${48 + ((i * 37) % 40)}%` }} />\n </div>\n ))}\n </div>\n );\n}\nif (process.env.NODE_ENV !== \"production\") Loading.displayName = \"Sidebar.Loading\";\n\nfunction CollapseToggle({ className }: { className?: string | undefined }) {\n const { collapsed, setCollapsed } = useSidebar();\n const sheet = useContext(SidebarSheetContext);\n const t = useUiText();\n const label = sheet\n ? sheet.peek\n ? t(\"sidebar.keepOpen\", \"Keep sidebar open\")\n : t(\"sidebar.closeNavigation\", \"Close navigation\")\n : collapsed\n ? t(\"sidebar.expand\", \"Expand sidebar\")\n : t(\"sidebar.collapse\", \"Collapse sidebar\");\n const onClick = () => {\n if (sheet?.peek) setCollapsed(false);\n else if (sheet) sheet.close();\n else setCollapsed(!collapsed);\n };\n return (\n <Tooltip content={label} {...(sheet && !sheet.peek ? {} : { shortcut: [\"[\"] })}>\n <button\n type=\"button\"\n aria-label={label}\n {...(sheet ? {} : { \"aria-expanded\": !collapsed })}\n onClick={onClick}\n className={cn(\n \"inline-flex size-32 cursor-pointer items-center justify-center rounded-pill text-fg-secondary transition-control hover:bg-fill-2 hover:text-fg focus-ring\",\n className,\n )}\n >\n <Icon icon={__icon_SidebarLeftIcon} size=\"sm\" />\n </button>\n </Tooltip>\n );\n}\nif (process.env.NODE_ENV !== \"production\") CollapseToggle.displayName = \"Sidebar.CollapseToggle\";\n\nfunction RailToggle({ className }: { className?: string | undefined }) {\n const { rail, setRail } = useSidebar();\n const t = useUiText();\n const label = rail ? t(\"sidebar.expand\", \"Expand sidebar\") : t(\"sidebar.collapse\", \"Collapse sidebar\");\n return (\n <Tooltip content={label} side=\"right\">\n <button\n type=\"button\"\n aria-label={label}\n aria-pressed={rail}\n onClick={() => setRail(!rail)}\n className={cn(\n \"inline-flex size-32 items-center justify-center rounded-pill text-fg-secondary transition-control hover:bg-fill-2 hover:text-fg focus-ring\",\n className,\n )}\n >\n <Icon icon={__icon_SidebarLeftIcon} size=\"sm\" />\n </button>\n </Tooltip>\n );\n}\nif (process.env.NODE_ENV !== \"production\") RailToggle.displayName = \"Sidebar.RailToggle\";\n\nexport const Sidebar = /* @__PURE__ */ Object.assign(Root, {\n Provider,\n Header,\n Brand,\n Switcher,\n Place,\n Content,\n Footer,\n Group,\n Item,\n BackLink,\n Loading,\n RailToggle,\n CollapseToggle,\n});\n"],"mappings":";;;;;;;;;;;;;;;;AAEA,IAAImB,GACAC;AAEJ,SAASC,GAAK,GAA4B;CACxC,IAAI;EACF,IAAMC,IAAM,aAAa,QAAQC,CAAG;EACpC,IAAID,MAAQ,MAAM,OAAOA;CAC3B,QAAQ,CAAC;CACT,OAAOF,GAAQ,IAAIG,CAAG,KAAK;AAC7B;AAEA,SAASC,GAAU,GAAa,GAAkC;CAChE,sBAAc,IAAI,IAAI;CACtB,IAAIC,IAAMN,EAAU,IAAII,CAAG;CAE3B,AADKE,KAAKN,EAAU,IAAII,GAAM,oBAAM,IAAI,IAAI,CAAE,GAC9CE,EAAI,IAAIC,CAAQ;CAChB,IAAMC,KAAa,MAAoB;EACrC,AAAIC,EAAE,QAAQL,KAAKG,EAAS;CAC9B;CAEA,OADA,OAAO,iBAAiB,WAAWC,CAAS,SAC/B;EAEX,AADAF,EAAI,OAAOC,CAAQ,GACnB,OAAO,oBAAoB,WAAWC,CAAS;CACjD;AACF;AAEA,IAAME,iBAA6B,KAAA,GAC7BC,WAAgB;AAEtB,SAAgBC,EAAkB,GAAyB,GAAiC;CAC1F,IAAMC,IAAIT,IAAM,SAASA,MAAQ,KAAA,GAC3B,CAACU,GAAKC,KAAUC,EAAYC,CAAO,GACnCC,IAAMC,GAAa,MAA0BN,IAAIR,GAAUQ,GAAGN,CAAQ,UAAU,KAAA,GAAY,CAACM,CAAC,CAAC,GAC/FO,IAAWD,QAAmBN,IAAIX,GAAKW,CAAC,IAAI,MAAO,CAACA,CAAC,CAAC,GACtDV,IAAMkB,EAAqBR,IAAIK,IAAMR,IAAgBU,GAAUT,EAAO,GACtEW,IAASC,QAAc;EAC3B,IAAIpB,MAAQ,MACZ,IAAI;GACF,OAAO,EAAE,OAAO,KAAK,MAAMA,CAAG,EAAO;EACvC,QAAQ;GACN;EACF;CACF,GAAG,CAACA,CAAG,CAAC,GACFG,IAAMa,GACT,MAAS;EACR,IAAI,CAACN,GAAG;GACN,EAAOW,CAAC;GACR;EACF;EACA,IAAMC,IAAO,KAAK,UAAUD,CAAC;EAC7B,IAAI;GACF,aAAa,QAAQX,GAAGY,CAAI;EAC9B,QAAQ;GACN,CAAC,sBAAW,IAAI,IAAI,EAAA,CAAG,IAAIZ,GAAGY,CAAI;EACpC;EACA,GAAW,IAAIZ,CAAC,CAAC,EAAE,SAAS,MAAWa,EAAO,CAAC;CACjD,GACA,CAACb,CAAC,CACJ;CACA,OAAO,CAACA,IAAKS,IAASA,EAAO,QAAQL,IAAWH,GAAKR,CAAG;AAC1D;;;AC9BA,IAAMqB,KAAU,MACdC,EAAK,MAAM,IAAI,CAAC,CAAC,KAAK,GAAM,MAC1BC,IAAI,IACF,kBAAC,QAAD;CAAc,WAAU;CACrB,UAAAC;AACG,GAFKD,CAEL,IAENC,CAEJ,GAEWC,IAAyB;CACpC,MAAM;EACJ,UAAU,EAAE,SAAS,wBAAwB;EAC7C,MAAM,EAAE,SAAS,OAAO;CAC1B;CACA,MAAM;EACJ,SAAS,EAAE,SAAS,2CAA2C;EAC/D,QAAQ,EAAE,SAAS,oBAAoB;CACzC;CACA,SAAS;EACP,WAAW,EAAE,SAAS,oBAAoB;EAC1C,QAAQ,EAAE,SAAS,mBAAmB;CACxC;AACF,GACaC,KAAiC;CAAE,MAAM;CAAY,MAAM;CAAW,SAAS;AAAY,GAclGC,IAAsB,kBAA0B;CACpD,MAAM;CACN,eAAe,KAAA;CACf,WAAW;CACX,oBAAoB,KAAA;CACpB,SAAS;CACT,kBAAkB,KAAA;CAClB,OAAO;CACP,gBAAgB,KAAA;CAChB,oBAAoB,KAAA;CACpB,YAAY,KAAA;AACd,CAAC,GACYC,UAAmBC,EAAWF,CAAG,GAEjCG,IAAyC,kBAAc,EAAK,GAC5DC,IAAsC,kBAA2D,IAAI;AASlH,SAASC,EAAS,EAAE,aAAU,eAAY,iBAAc,IAAO,cAAW,MAA8B;CACtG,IAAM,CAACC,GAAMC,KAAW5B,EAAe6B,IAAa,GAAGA,EAAW,SAAS,KAAA,GAAWC,CAAW,GAC3F,CAACC,GAAaC,KAAYhC,EAAe6B,IAAa,GAAGA,EAAW,UAAU,KAAA,GAAW,GAAG,GAC5F,CAACI,GAASC,KAAgB9B,EAAwB,IAAI,GACtD+B,IAAQC,EAAWH,KAAWF,CAAW,GACzC,CAACM,GAAWC,KAAqBtC,EAAe6B,IAAa,GAAGA,EAAW,cAAc,KAAA,GAAW,EAAK,GACzG,CAACU,GAASC,KAAcpC,EAAS,EAAK,GACtCqC,IAAelC,GAClB,MAAe;EACd,IAAMmC,IAAU9B,KAAK,CAAC,CAAC,SAAS,eAAe,QAAQ,qBAAqB;EAG5E,AAFA0B,EAAkB1B,CAAC,GACnB4B,EAAW,EAAK,GACZE,KAAS,4BAA4B,SAAS,cAA2B,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAChH,GACA,CAACJ,CAAiB,CACpB;CACA,QAAgB;EACd,IAAI,CAACK,GAAU;EACf,IAAMC,KAAS,MAAqB;GAClC,IAAM,IAAI,EAAE;GACZ,AAAI,EAAE,QAAQ,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,UAAW,aAAa,WAAW,EAAE,QAAQ,iDAAiD,KAC/IH,EAAa,CAACJ,CAAS;EACzB;EAEA,OADA,OAAO,iBAAiB,WAAWO,CAAK,SAC3B,OAAO,oBAAoB,WAAWA,CAAK;CAC1D,GAAG;EAACP;EAAWI;EAAcE;CAAQ,CAAC;CACtC,IAAME,IAAQlC,SACL;EAAE;EAAM;EAAS;EAAW;EAAc;EAAS;EAAY;EAAO;EAAU;EAAc;CAAW,IAChH;EAACgB;EAAMC;EAASS;EAAWI;EAAcF;EAASJ;EAAOH;EAAUH;CAAU,CAC/E;CACA,OAAO,kBAACR,EAAI,UAAL;EAAqB;EAAQ;CAAuB,CAAA;AAC7D;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc;AAOlE,IAAayB,KAAc,KACdC,KAAc,KAErBX,KAAc,MAAc,KAAK,MAAM,KAAK,IAAA,KAAiB,KAAK,IAAA,KAAiB,OAAO,SAASxB,CAAC,IAAIA,IAAI,GAAG,CAAC,CAAC,GAEjHoC,IAAuB,kBAAsC,SAAiB,EAAE,eAAY,IAAM,cAAW,aAAU,UAAO,cAAcC,GAAW,GAAGC,KAAS,GAAK;CAC5K,IAAM,EAAE,SAAM,UAAO,aAAU,iBAAc,cAAW,oBAAiB5B,EAAW,GAC9E6B,IAAI5E,EAAU,GACd,CAAC6E,GAAMC,KAAWjD,EAAwB,IAAI,GAC9C,CAACkD,GAAUC,KAAenD,EAAS,EAAK,GACxCoD,IAAUC,EAA4B,IAAI;CAChD,cAAsBD,EAAQ,UAAU,GAAG,CAAC,CAAC;CAC7C,IAAME,IAAgBnD,GACnB,MAA0C;EACzC,IAAI,EAAE,WAAW,GAAG;EAEpB,AADA,EAAE,eAAe,GACjBiD,EAAQ,UAAU;EAClB,IAAMG,IAAS,EAAE,eACXC,IAAS,EAAE,SACXC,IAAS1B,GACX2B,IAAQ,IACRC,IAAOF,GACLG,KAAQ,MAAqB;GAKjC,AAJI,KAAK,IAAIC,EAAG,UAAUL,CAAM,IAAI,MAClC,IAAQ,IACRL,EAAY,EAAI,IAEbO,MACL,IAAO1B,EAAWyB,IAASI,EAAG,UAAUL,CAAM,GAC9C1B,EAAa6B,CAAI;EACnB,GACMG,UAAY;GAShB,AARAP,EAAO,oBAAoB,eAAeK,CAAI,GAC9CL,EAAO,oBAAoB,aAAaQ,CAAE,GAC1CR,EAAO,oBAAoB,iBAAiBO,CAAG,GAC/C,SAAS,KAAK,MAAM,SAAS,IAC7B,SAAS,KAAK,MAAM,aAAa,IACjC,EAAQ,UAAU,MAClBX,EAAY,EAAK,GACbO,KAAO9B,EAAS+B,CAAI,GACxB7B,EAAa,IAAI;EACnB,GACMiC,UAAW;GAEf,AADAD,EAAI,GACCJ,KAAOrB,EAAa,EAAI;EAC/B;EAOA,AANAkB,EAAO,kBAAkB,EAAE,SAAS,GACpCA,EAAO,iBAAiB,eAAeK,CAAI,GAC3CL,EAAO,iBAAiB,aAAaQ,CAAE,GACvCR,EAAO,iBAAiB,iBAAiBO,CAAG,GAC5C,SAAS,KAAK,MAAM,SAAS,cAC7B,SAAS,KAAK,MAAM,aAAa,QACjC,EAAQ,UAAUA;CACpB,GACA;EAAC/B;EAAOH;EAAUE;EAAcO;CAAY,CAC9C,GACM2B,IAAW7C,EAAWC,CAAsB,GAC5C6C,IAAShC,KAAa,CAAC+B,GACvBE,IACJ,kBAAC,OAAD;EACO;EACL,cAAYrB,KAAaE,EAAE,gBAAgB,MAAM;EACjD,aAAWxB,KAAQ,KAAA;EACnB,qBAAkB;EAClB,WAAWtD,EACT,0EACAsD,IAAOR,EAAuB,KAAK,KAAK,UAAUA,EAAuB,KAAK,SAAS,SACvFoD,CACF;EACA,OAAO;GAAG,qBAAgC,GAAGpC,EAAM;GAAK,GAAGqC;EAAM;EACjE,GAAItB;EAEH;CACE,CAAA;CAGP,OADIkB,IAAiBE,IAEnB,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,kBAAC,OAAD;GACE,WAAU;GACV,OAAO,EAAE,OAAOD,IAAS,IAAI1C,IAAO,KAAKQ,EAAM;GAC/C,GAAKkC,IAAS;IAAE,kBAAkB;IAAI,OAAO;IAAM,eAAe;GAAK,IAAI,CAAC;GAE5E,UAAA,kBAAC,OAAD;IAAK,WAAU;IAAgC,OAAO,EAAE,OAAO1C,IAAO,KAAKQ,EAAM;IAC9E,UAAAmC;GACE,CAAA;EACF,CAAA,GACJG,KAAa,CAAC9C,KAAQ,CAAC0C,KACtB,kBAAC,OAAD;GACE,MAAK;GACL,oBAAiB;GACjB,cAAYlB,EAAE,4BAA4B,mCAAmC;GAC7E,iBAAA;GACA,iBAAA;GACA,iBAAehB;GACf,UAAU;GACK;GACf,gBAAgB,MAAMkB,EAAQ,KAAK,MAAM,EAAE,UAAU,EAAE,cAAc,sBAAsB,CAAC,CAAC,GAAG,CAAC;GACjG,sBAAsBA,EAAQ,IAAI;GAClC,YAAY,MAAM;IAGhB,AAFI,EAAE,QAAQ,eAAarB,EAASI,EAAWD,IAAQ,CAAC,CAAC,GACrD,EAAE,QAAQ,gBAAcH,EAASI,EAAWD,IAAQ,CAAC,CAAC,IACtD,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAKM,EAAa,EAAI;GAC3D;GACA,WAAU;GAET,UAAAW,MAAS,QAAQ,CAACE,KACjB,kBAAC,QAAD;IACE,eAAA;IACA,WAAU;IACV,OAAO,EAAE,KAAK,KAAK,IAAI,IAAIF,KAAQ,KAAK,EAAE,EAAE;IAH9C,UAAA,CAKE,kBAAC,QAAD,EAAA,UAAOrC,EAAOoC,EAAE,wBAAwB,oBAAoB,CAAC,EAAQ,CAAA,GACrE,kBAAC,QAAD,EAAA,UAAOpC,EAAOoC,EAAE,2BAA2B,uBAAuB,CAAC,EAAQ,CAAA,CACvE;;EAEL,CAAA,CAEJ;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAE9D,IAAMuB,IAAyB,kBAA2D,SAAuB,EAAE,cAAW,GAAGxB,KAAS,GAAK;CAC7I,OAAO,kBAAC,OAAD;EAAU;EAAK,WAAW7E,EAAG,mDAAmDkG,CAAS;EAAG,GAAIrB;CAAQ,CAAA;AACjH,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAO,cAAc;AAShE,IAAMyB,IAAwB,kBAA8C,SAAsB,EAAE,SAAM,WAAQ,SAAS,aAAU,gBAAa,GAAK;CACrJ,IAAM,EAAE,YAASrD,EAAW;CAQ5B,OAPIK,IAEA,kBAAC+C,GAAD;EAAa;EAAK,WAAWrG,EAAG,uBAAuBkG,CAAS;EAC7D;CACK,CAAA,IAIV,kBAACG,GAAD;EAAa;EAAK,WAAWrG,EAAG,+BAA+BkG,CAAS;EAAxE,UAAA,CACE,kBAACK,GAAD;GAAqB;GAAa;EAAQ,CAAA,GACzCC,KAAY,kBAAC,QAAD;GAAM,WAAU;GAAqB;EAAe,CAAA,CAC3D;;AAEZ,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAM,cAAc;AAE/D,SAAgBD,EAAc,EAAE,SAAM,WAAQ,WAAsE;CAClH,IAAME,IAAWxG,EAAiB;CAClC,OAAOyG,IACL,kBAACD,GAAD;EAAgB;EAAM,cAAYE;EAAO,WAAU;EACjD,UAAA,kBAAClG,GAAD,EAAa,YAAA,GAAY,CAAA;CACjB,CAAA,IAEV,kBAACA,GAAD;EAAa,OAAOkG;EAAO,WAAU;CAAW,CAAA;AAEpD;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAc,cAAc;AAEvE,IAAMC,KAA8B,wBAAiB,OAAO,+BAAsB,EAAE,YAAY,YAAY,IAAI,CAAC;AAEjH,SAASC,EAAS,EAChB,YACA,SACA,WACA,WACA,eAOC;CACD,IAAM,CAACC,GAAMC,KAAWhF,EAAS,EAAK,GAChC,CAACiF,GAAQC,KAAalF,EAAS,EAAK,GACpCmF,IAAM7G,EAAcuG,IAAaI,KAAUF,SAAY;EAE3D,AADAG,EAAU,EAAK,GACfF,EAAQ,EAAK;CACf,CAAC,GACK,CAACI,KAASpF,EAASqF,CAAiB,GACpCC,IAASjC,EAA2B,IAAI,GACxCkC,IAAUR,KAAQ,CAACI;CAEzB,AADAK,QAAgB1G,QAAeoG,EAAU,EAAI,CAAC,GAAG,CAAC,CAAC,GACnDM,QAAgB;EACd,IAAI,CAACD,GAAS;EACd,IAAME,IAAMH,EAAO,SAAS,iBAAiB,UACvCI,KAAa,MAAqB;GACtC,AAAI,EAAE,QAAQ,aACd,EAAE,gBAAgB,GAClBV,EAAQ,EAAK;EACf,GACM1B,KAAiB,MAAoB;GACzC,AAAKgC,EAAO,SAAS,SAAS,EAAE,MAAc,KAAGN,EAAQ,EAAK;EAChE;EAGA,OAFAS,EAAI,iBAAiB,WAAWC,GAAW,EAAI,GAC/CD,EAAI,iBAAiB,eAAenC,GAAe,EAAI,SAC1C;GAEX,AADAmC,EAAI,oBAAoB,WAAWC,GAAW,EAAI,GAClDD,EAAI,oBAAoB,eAAenC,GAAe,EAAI;EAC5D;CACF,GAAG,CAACiC,CAAO,CAAC;CACZ,IAAMI,UAAaT,EAAU,EAAI,GAC3BU,IAAUT,IACZ,EAAE,KAAKG,EAAO,IACd;EACE,KAAKA;EACL,iBAAiB;EACjB,iBAAiBP;EACjB,GAAIA,IAAO,EAAE,mBAAmB,GAAG,IAAI,CAAC;EACxC,gBAAgBY;EAChB,SAASA;EACT,eAAeX,GAAS,MAAM,CAACa,CAAC;EAChC,YAAY,MAA2B;GACrC,CAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,eACvC,EAAE,eAAe,GACjBb,EAAQ,EAAI;EACd;EACA,SAAS,MAAwB;GAC/B,AAAID,KAAQ,EAAE,iBAAiB,CAAC,EAAE,cAAc,SAAS,EAAE,aAAa,KAAGC,EAAQ,EAAK;EAC1F;CACF;CACJ,OACE,kBAAAnH,GAAA,EAAA,UAAA,CACE,kBAACQ,GAAD;EAAsB;EAAO,OAAO8G,GAAK;EAAmB,OAAOS;EAChE,UAAAE;CACY,CAAA,GACdX,KACC,kBAACA,EAAI,iBAAL;EAA2B;EAAM,cAAcH;EAAS,cAAcI;EAAa;EAAc;EAAgB;EAC9G;CACkB,CAAA,CAEvB,EAAA,CAAA;AAEN;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc;AAgBlE,SAASW,EAAS,EAChB,WACA,UACA,aACA,YACA,iBAAc,aACd,aACA,WACA,WACA,cAAclD,GACd,cACA,cAAcmD,KACS;CACvB,IAAM,EAAE,YAAS9E,EAAW,GACtB6B,IAAI5E,EAAU,GACd8H,IAAarH,EAAUsH,CAAO,GAC9BC,IAAQvH,EAAUgG,CAAK,GACvB5B,IAAOH,KAAaE,EAAE,gCAAgC,yBAAyB,GAC/EqD,IAAUvH,EAAqBsH,IAAQnD,IAAO,KAAA,CAAS;CAC7D,OACE,kBAAAnF,GAAA,EAAA,UAAA,CACE,kBAACiH,GAAD;EACE,MAAK;EACG;EACA;EACR,SACE,kBAAC,UAAD;GACE,MAAK;GACL,GAAKqB,IAAQ,EAAE,oBAAoBC,EAAQ,GAAG,IAAI,EAAE,cAAcpD,EAAK;GACvE,GAAKgD,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC;GACxC,WAAW/H,EACT,qMACAsD,KAAQ,uBACR4C,CACF;GARF,UAAA;IAUGkC;IACA,CAAC9E,MACC0E,IACC,kBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CACE,kBAAC,QAAD;MAAM,WAAU;MAAY,UAAArB;KAAY,CAAA,GACxC,kBAAC,QAAD;MAAM,WAAW3G,EAAG,sCAAsC8C,EAAuB,QAAQuF,EAAY,CAAC,OAAO;MAAI,UAAAJ;KAAc,CAAA,CAC3H;IAEN,CAAA,IAAA,kBAAC,QAAD;KAAM,WAAU;KAA2B,UAAAtB;IAAY,CAAA;IAE1DrD,KAAQ4E,KAAS,kBAAC,QAAD;KAAM,WAAU;KAAW,UAAAvB;IAAY,CAAA;IACxDrD,KAAQ0E,KAAc,kBAAC,QAAD;KAAM,WAAU;KAAW,UAAAC;IAAc,CAAA;IAC/D,CAAC3E,KAAQgF;IACT,CAAChF,KAAQ,kBAACnD,GAAD;KAAM,MAAMN;KAAuB,MAAK;KAAK,WAAU;IAAwE,CAAA;GACnI;;EAGT;CACO,CAAA,GACTsI,EAAQ,IACT,EAAA,CAAA;AAEN;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc;AAclE,SAASK,EAAM,EAAE,WAAQ,UAAO,aAAU,SAAM,WAAQ,WAAQ,cAAc5D,GAAW,cAAW,cAAcmD,KAA4B;CAC5I,IAAM,EAAE,YAAS9E,EAAW,GACtB6B,IAAI5E,EAAU,GACduG,IAAWxG,EAAiB,GAC5BiI,IAAQvH,EAAUgG,CAAK,GACvB5B,IAAOyB,IAAY5B,KAAaE,EAAE,uBAAuB,QAAQ,IAAKF,GACtEuD,IAAUvH,EAAqBsH,IAAQnD,IAAO,KAAA,CAAS,GACvD0D,IAASP,IAASC,EAAQ,KAAK,EAAE,oBAAoBA,EAAQ,GAAG,IAAI,CAAC,IAAKpD,IAAO,EAAE,cAAcA,EAAK,IAAI,CAAC,GAC3G2D,IAAU1I,EACd,yHACCwG,KAAYE,MAAS,qFACtBpD,KAAQ,uBACR4C,CACF,GACMyC,IACJ,kBAAA/I,GAAA,EAAA,UAAA;EACE,kBAAC,QAAD;GAAM,WAAU;GAAqD,UAAAwI;EAAa,CAAA;EACjF9E,IAAO,kBAAC,QAAD;GAAM,WAAU;GAAW,UAAAqD;EAAY,CAAA,IAAI,kBAACiC,IAAD,EAAkB,SAAQ,CAAA;EAC5E,CAACtF,KAAQkD,KAAY,kBAACrG,GAAD;GAAM,MAAMN;GAAuB,MAAK;GAAK,WAAU;EAA2E,CAAA;CACxJ,EAAA,CAAA,GAEEgJ,IAAS;EAAE,WAAWH;EAAS,GAAIX,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC;CAAG;CAC/E,IAAIvB,GACF,OACE,kBAAA5G,GAAA,EAAA,UAAA,CACE,kBAACiH,GAAD;EACE,MAAK;EACG;EACA;EACR,SACE,kBAAC,UAAD;GAAQ,MAAK;GAAS,GAAI4B;GAAQ,GAAII;GACnC,UAAAF;EACK,CAAA;EAGT;CACO,CAAA,GACTR,EAAQ,IACT,EAAA,CAAA;CAGN,IAAMW,IAAKpC,IACT,kBAACD,GAAD;EAAgB;EAAM,GAAIgC;EAAQ,GAAII;EACnC,UAAAF;CACO,CAAA,IAEV,kBAAC,OAAD;EAAK,GAAIE;EAAS,UAAAF;CAAW,CAAA;CAE/B,OACE,kBAAA/I,GAAA,EAAA,UAAA,CACG0D,IACC,kBAAChD,GAAD;EAAS,SAASqG;EAAO,MAAK;EAC3B,UAAAmC;CACM,CAAA,IAETA,GAEDpC,KAAQyB,EAAQ,IACjB,EAAA,CAAA;AAEN;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAM,cAAc;AAE/D,SAASS,GAAU,EAAE,YAA4B;CAC/C,IAAMG,IAAM3D,EAAwB,IAAI,GAClC,CAAC4D,GAAKC,KAAUlH,EAAS,EAAK;CAQpC,OAPAmH,QAAsB;EACpB,IAAMC,IAAMJ,EAAI;EAChB,IAAI,CAACI,KAAO,OAAO,iBAAmB,KAAa;EACnD,IAAMC,UAAgBH,EAAOE,EAAI,cAAcA,EAAI,WAAW;EAE9D,OADAC,EAAQ,GACD5I,EAAc,CAAC2I,CAAG,GAAGC,CAAO;CACrC,GAAG,CAACzC,CAAK,CAAC,GAER,kBAACrG,GAAD;EAAS,SAASqG;EAAO,MAAK;EAAQ,UAAU,CAACqC;EAC/C,UAAA,kBAAC,QAAD;GAAW;GAAK,WAAU;GACvB,UAAArC;EACG,CAAA;CACC,CAAA;AAEb;AAEA,IAAM0C,IAA0B,kBAA2D,SAAwB,EAAE,cAAW,GAAGxE,KAAS,GAAK;CAC/I,IAAM,EAAE,YAAS5B,EAAW;CAC5B,OACE,kBAAC,OAAD;EACO;EACL,WAAWjD,EAAG,qGAAqGsD,IAAO,SAAS,SAAS4C,CAAS;EACrJ,GAAIrB;CACL,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAQ,cAAc;AAEjE,IAAMyE,IAAyB,kBAA2D,SAAuB,EAAE,cAAW,GAAGzE,KAAS,GAAK;CAC7I,IAAM,EAAE,YAAS5B,EAAW;CAC5B,OAAO,kBAAC,OAAD;EAAU;EAAK,WAAWjD,EAAG,+CAA+CsD,IAAO,SAAS,SAAS4C,CAAS;EAAG,GAAIrB;CAAQ,CAAA;AACtI,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAO,cAAc;AAWhE,IAAM0E,IAAwB,kBAA8C,SAC1E,EAAE,UAAO,OAAI,iBAAc,IAAM,iBAAc,IAAM,aAAU,gBAC/D,GACA;CACA,IAAM,EAAE,eAAY,YAAStG,EAAW,GAClC,CAAC6D,GAAMC,KAAWpF,EAAe6B,KAAcgG,IAAK,GAAGhG,EAAW,SAASgG,MAAO,KAAA,GAAWC,CAAW;CAS9G,OARI,CAAC9C,KAAS,CAAC+C,KAAepG,IAE1B,kBAAC,OAAD;EAAU;EAAK,MAAK;EAAQ,WAAWtD,EAAG,iBAAiBkG,CAAS;EAApE,UAAA,CACGS,KAAS,CAACrD,KAAQ,kBAAC,OAAD;GAAK,WAAU;GAA2E,UAAAqD;EAAW,CAAA,GACxH,kBAAC,MAAD;GAAI,WAAU;GAAuB;EAAa,CAAA,CAC/C;C,KAIP,kBAACgD,EAAY,MAAb;EAAuB;EAAW;EAAM,eAAe,MAAe5C,EAAQa,CAAC;EAAG,WAAW5H,EAAG,iBAAiBkG,CAAS;EAA1H,UAAA,CACE,kBAACyD,EAAY,SAAb;GAAqB,WAAU;GAA/B,UAAA,CACE,kBAAC,QAAD,EAAA,UAAOhD,EAAY,CAAA,GACnB,kBAAC,OAAD;IAAK,SAAQ;IAAU,WAAU;IAA+F,eAAA;IAC9H,UAAA,kBAAC,QAAD;KAAM,GAAE;KAAyB,MAAK;IAAgB,CAAA;GACnD,CAAA,CACc;EACrB,CAAA,GAAA,kBAACgD,EAAY,OAAb;GAAmB,WAAU;GAC3B,UAAA,kBAAC,MAAD;IAAI,WAAU;IAA4B;GAAa,CAAA;EACtC,CAAA,CACH;;AAEtB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAM,cAAc;AAiB/D,IAAMC,KAAQ;CAAC;CAAI;CAAS;AAAO,GAE7BC,IAAuB,kBAA0C,SACrE,EAAE,aAAU,SAAM,YAAS,SAAM,YAAS,WAAQ,UAAO,aAAU,WAAQ,GAAG,aAAU,cAAW,cAAc9B,KACjH,GACA;CACA,IAAM,EAAE,YAAS9E,EAAW,GACtBwD,IAAWxG,EAAiB,GAC5ByI,IAAU1I,EACd,8JACA8J,IAAShH,EAAuB,KAAK,OAAO,UAAUA,EAAuB,KAAK,QAAQ,SAC1F,CAACQ,KAAQsG,GAAMG,IACfzG,KAAQ,uBACR4C,CACF,GACMyC,IACJ,kBAAA/I,GAAA,EAAA,UAAA;EACGoK,IACC,kBAAC,QAAD;GAAM,WAAU;GAAqD,UAAAA;EAAc,CAAA,IAEnFC,KAAQ,kBAAC9J,GAAD;GAAY;GAAM,MAAK;GAAK,WAAWH,EAAG,+DAA+D8J,KAAU,SAAS;EAAI,CAAA;EAEzIxG,IAAO,kBAAC,QAAD;GAAM,WAAU;GAAW;EAAe,CAAA,IAAI,kBAAC,QAAD;GAAM,WAAU;GAA2B;EAAe,CAAA;EAC/G,CAACA,KAAQ4G,MAAU,KAAA,KAAa,kBAAC,QAAD;GAAM,WAAWlK,EAAG,oCAAoC8J,IAAS,YAAY,kBAAkB;GAAI,UAAAI;EAAY,CAAA;EAC/I,CAAC5G,KAAQgF;CACV,EAAA,CAAA,GAEEO,IAAS;EACb,WAAWH;EACX,GAAIoB,IAAS,EAAE,gBAAgB,OAAgB,IAAI,CAAC;EACpD,GAAI/B,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC;CACzC,GACMe,IAAKpC,IACT,kBAACD,GAAD;EAAe;EAA2C;EAAM,GAAIoC;EAAQ,GAAKsB,IAAU,EAAE,WAAQ,IAAI,CAAC;EACvG,UAAAxB;CACO,CAAA,IAEV,kBAAC,UAAD;EAAa;EAAqC,MAAK;EAAS,GAAIE;EAAQ,GAAKsB,IAAU,EAAE,WAAQ,IAAI,CAAC;EACvG,UAAAxB;CACK,CAAA;CAEV,OACE,kBAAC,MAAD;EAAI,WAAU;EACX,UAAArF,IACC,kBAAChD,GAAD;GAAS,SAASkG;GAAU,MAAK;GAAQ,GAAKlC,IAAW,EAAE,YAAS,IAAI,CAAC;GACtE,UAAAwE;EACM,CAAA,IAETA;CAEA,CAAA;AAER,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAE9D,IAAMsB,KAA2B,kBAAkH,SACjJ,EAAE,SAAM,aAAU,gBAClB,GACA;CACA,IAAM3D,IAAWxG,EAAiB,GAC5B6E,IAAI5E,EAAU;CACpB,OACE,kBAACuG,GAAD;EACO;EACC;EACN,WAAWzG,EACT,6JACAkG,CACF;EANF,UAAA,CAQE,kBAAC/F,GAAD;GAAM,MAAML;GAAwB,MAAK;EAAM,CAAA,GAC9C0G,KAAY1B,EAAE,qBAAqB,aAAa,CACzC;;AAEd,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,GAAS,cAAc;AAElE,SAASwF,GAAQ,EAAE,UAAO,KAAoC;CAC5D,OACE,kBAAC,OAAD;EAAK,WAAU;EAAsB,aAAA;EAClC,UAAA,MAAM,KAAK,EAAE,QAAQC,EAAK,IAAI,GAAG,MAChC,kBAAC,OAAD;GAAa,WAAU;GAAvB,UAAA,CACE,kBAAC7J,GAAD,EAAU,WAAU,uBAAwB,CAAA,GAC5C,kBAACA,GAAD;IAAU,WAAU;IAAoB,OAAO,EAAE,OAAO,GAAG,KAAOkC,IAAI,KAAM,GAAI,GAAG;GAAI,CAAA,CACpF;EAHK,GAAAA,CAGL,CACN;CACE,CAAA;AAET;AACA,QAAA,IAAA,aAA6B,iBAAc,GAAQ,cAAc;AAEjE,SAAS4H,GAAe,EAAE,gBAAiD;CACzE,IAAM,EAAE,cAAW,oBAAiBvH,EAAW,GACzCwH,IAAQvH,EAAWE,CAAmB,GACtC0B,IAAI5E,EAAU,GACdyG,IAAQ8D,IACVA,EAAM,OACJ3F,EAAE,oBAAoB,mBAAmB,IACzCA,EAAE,2BAA2B,kBAAkB,IACjDd,IACEc,EAAE,kBAAkB,gBAAgB,IACpCA,EAAE,oBAAoB,kBAAkB,GACxCqF,UAAgB;EACpB,AAAIM,GAAO,OAAMrG,EAAa,EAAK,IAC1BqG,IAAOA,EAAM,MAAM,IACvBrG,EAAa,CAACJ,CAAS;CAC9B;CACA,OACE,kBAAC1D,GAAD;EAAS,SAASqG;EAAO,GAAK8D,KAAS,CAACA,EAAM,OAAO,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,EAAE;EAC1E,UAAA,kBAAC,UAAD;GACE,MAAK;GACL,cAAY9D;GACZ,GAAK8D,IAAQ,CAAC,IAAI,EAAE,iBAAiB,CAACzG,EAAU;GACvC;GACT,WAAWhE,EACT,6JACAkG,CACF;GAEA,UAAA,kBAAC/F,GAAD;IAAM,MAAMJ;IAAwB,MAAK;GAAM,CAAA;EACzC,CAAA;CACD,CAAA;AAEb;AACA,QAAA,IAAA,aAA6B,iBAAc,GAAe,cAAc;AAExE,SAAS4K,GAAW,EAAE,gBAAiD;CACrE,IAAM,EAAE,SAAM,eAAY1H,EAAW,GAC/B6B,IAAI5E,EAAU,GACdyG,IAAQrD,IAAOwB,EAAE,kBAAkB,gBAAgB,IAAIA,EAAE,oBAAoB,kBAAkB;CACrG,OACE,kBAACxE,GAAD;EAAS,SAASqG;EAAO,MAAK;EAC5B,UAAA,kBAAC,UAAD;GACE,MAAK;GACL,cAAYA;GACZ,gBAAcrD;GACd,eAAeC,EAAQ,CAACD,CAAI;GAC5B,WAAWtD,EACT,8IACAkG,CACF;GAEA,UAAA,kBAAC/F,GAAD;IAAM,MAAMJ;IAAwB,MAAK;GAAM,CAAA;EACzC,CAAA;CACD,CAAA;AAEb;AACA,QAAA,IAAA,aAA6B,iBAAc,GAAW,cAAc;AAEpE,IAAa6K,KAA0B,uBAAO,OAAOjG,GAAM;CACzD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { t as e } from "./cn-DUDmdLpZ.js";
|
|
3
|
-
import { r as t } from "./tooltip-
|
|
3
|
+
import { r as t } from "./tooltip-CTBnfiDH.js";
|
|
4
4
|
import { t as n } from "./labelled-D5udSPUI.js";
|
|
5
5
|
import { forwardRef as r, useId as i } from "react";
|
|
6
6
|
import { jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
@@ -56,4 +56,4 @@ process.env.NODE_ENV !== "production" && (d.displayName = "Switch");
|
|
|
56
56
|
//#endregion
|
|
57
57
|
export { c as n, d as r, l as t };
|
|
58
58
|
|
|
59
|
-
//# sourceMappingURL=switch-
|
|
59
|
+
//# sourceMappingURL=switch-Cq1OfeBr.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch-
|
|
1
|
+
{"version":3,"file":"switch-Cq1OfeBr.js","names":["Switch","BaseSwitch","cn","Tooltip","labelled","KAESO_SWITCH_VARIANTS","KAESO_SWITCH_DEFAULT_VARIANTS","THUMB","Switch$1","force","aria","auto","useId","sid","id","soft","disabledReason","disabled","named","label","description","switchEl","Switch","checked","defaultChecked","onCheckedChange","c","readOnly","loading","name","size","className","control"],"sources":["../../src/components/switch/switch.tsx"],"sourcesContent":["import { forwardRef, useId, type ReactNode } from \"react\";\nimport { Switch as BaseSwitch } from \"@base-ui/react/switch\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { labelled } from \"../radio/labelled.js\";\n\nexport const KAESO_SWITCH_VARIANTS = {\n size: {\n sm: { classes: \"h-16 w-28 p-2\" },\n md: { classes: \"h-20 w-36 p-2\" },\n lg: { classes: \"h-24 w-44 p-2\" },\n },\n} as const;\nexport const KAESO_SWITCH_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nconst THUMB = {\n sm: \"size-12 data-checked:translate-x-12 rtl:data-checked:-translate-x-12\",\n md: \"size-16 data-checked:translate-x-16 rtl:data-checked:-translate-x-16\",\n lg: \"size-20 data-checked:translate-x-20 rtl:data-checked:-translate-x-20\",\n} as const;\n\nexport interface SwitchProps {\n checked?: boolean | undefined;\n defaultChecked?: boolean | undefined;\n onCheckedChange?: ((checked: boolean) => void) | undefined;\n disabled?: boolean | undefined;\n disabledReason?: string | undefined;\n readOnly?: boolean | undefined;\n loading?: boolean | undefined;\n name?: string | undefined;\n size?: keyof typeof KAESO_SWITCH_VARIANTS.size | undefined;\n label?: ReactNode | undefined;\n description?: ReactNode | undefined;\n id?: string | undefined;\n \"aria-label\"?: string | undefined;\n \"aria-labelledby\"?: string | undefined;\n className?: string | undefined;\n \"data-force\"?: string | undefined;\n}\n\nexport const Switch = /* @__PURE__ */ forwardRef<HTMLButtonElement, SwitchProps>(function Switch(\n {\n checked,\n defaultChecked,\n onCheckedChange,\n disabled,\n disabledReason,\n readOnly,\n loading,\n name,\n size = \"md\",\n label,\n description,\n id,\n className,\n \"data-force\": force,\n ...aria\n },\n ref,\n) {\n const auto = useId();\n const sid = id ?? `k-switch-${auto}`;\n const soft = !!disabledReason && !!disabled;\n const named = labelled(sid, label, label ? description : undefined, aria);\n const switchEl = (\n <BaseSwitch.Root\n ref={ref}\n id={sid}\n {...(checked !== undefined ? { checked } : {})}\n {...(defaultChecked !== undefined ? { defaultChecked } : {})}\n {...(onCheckedChange ? { onCheckedChange: (c: boolean) => onCheckedChange(c) } : {})}\n {...(disabled !== undefined && !soft ? { disabled } : {})}\n {...(readOnly || loading || soft ? { readOnly: true } : {})}\n {...(soft ? { \"aria-disabled\": true } : {})}\n {...(name ? { name } : {})}\n {...(loading ? { \"aria-busy\": true } : {})}\n {...(force ? { \"data-force\": force } : {})}\n {...aria}\n {...named.aria}\n className={cn(\n \"group/sw relative inline-flex shrink-0 cursor-pointer items-center rounded-pill bg-fill-3 transition-control focus-ring tap-target\",\n \"hover:bg-line-strong checked:bg-ink checked:hover:bg-ink\",\n \"disabled:cursor-not-allowed disabled:opacity-40\",\n soft && \"cursor-not-allowed opacity-40 hover:bg-fill-3 checked:hover:bg-ink\",\n KAESO_SWITCH_VARIANTS.size[size].classes,\n !label && className,\n )}\n >\n <BaseSwitch.Thumb\n className={cn(\n \"block rounded-pill bg-raised shadow-thumb indicator-motion data-checked:bg-on-ink data-checked:shadow-none\",\n THUMB[size],\n loading && \"animate-pulse-quiet\",\n )}\n />\n </BaseSwitch.Root>\n );\n const control = soft ? <Tooltip content={disabledReason}>{switchEl}</Tooltip> : switchEl;\n if (!label) return control;\n return (\n <label htmlFor={sid} className={cn(\"flex min-h-32 cursor-pointer items-center justify-between gap-16\", disabled && \"cursor-not-allowed\", className)}>\n <span className=\"flex min-w-0 flex-col\">\n <span id={named.labelId} className={cn(\"text-body text-fg\", disabled && \"text-fg-disabled\")}>\n {label}\n </span>\n {description && (\n <span id={named.descriptionId} className=\"text-small text-fg-secondary\">\n {description}\n </span>\n )}\n </span>\n {control}\n </label>\n );\n});\nif (process.env.NODE_ENV !== \"production\") Switch.displayName = \"Switch\";\n"],"mappings":";;;;;;;;AAMA,IAAaK,IAAwB,EACnC,MAAM;CACJ,IAAI,EAAE,SAAS,gBAAgB;CAC/B,IAAI,EAAE,SAAS,gBAAgB;CAC/B,IAAI,EAAE,SAAS,gBAAgB;AACjC,EACF,GACaC,IAAgC,EAAE,MAAM,KAAK,GAEpDC,IAAQ;CACZ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAqBaP,IAAyB,kBAA2C,SAC/E,EACE,YACA,mBACA,oBACA,aACA,mBACA,aACA,YACA,SACA,UAAO,MACP,UACA,gBACA,OACA,cACA,cAAcS,GACd,GAAGC,KAEL,GACA;CACA,IAAMC,IAAOC,EAAM,GACbC,IAAMC,KAAM,YAAYH,KACxBI,IAAO,CAAC,CAACC,KAAkB,CAAC,CAACC,GAC7BC,IAAQd,EAASS,GAAKM,GAAOA,IAAQC,IAAc,KAAA,GAAWV,CAAI,GAClEW,IACJ,kBAACpB,EAAW,MAAZ;EACO;EACL,IAAIY;EACJ,GAAKU,MAAY,KAAA,IAA0B,CAAC,IAAf,EAAE,WAAQ;EACvC,GAAKC,MAAmB,KAAA,IAAiC,CAAC,IAAtB,EAAE,kBAAe;EACrD,GAAKC,IAAkB,EAAE,kBAAkB,MAAeA,EAAgBC,CAAC,EAAE,IAAI,CAAC;EAClF,GAAKT,MAAa,KAAA,KAAa,CAACF,IAAO,EAAE,YAAS,IAAI,CAAC;EACvD,GAAKY,KAAYC,KAAWb,IAAO,EAAE,UAAU,GAAK,IAAI,CAAC;EACzD,GAAKA,IAAO,EAAE,iBAAiB,GAAK,IAAI,CAAC;EACzC,GAAKc,IAAO,EAAE,QAAK,IAAI,CAAC;EACxB,GAAKD,IAAU,EAAE,aAAa,GAAK,IAAI,CAAC;EACxC,GAAKnB,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC;EACxC,GAAIC;EACJ,GAAIQ,EAAM;EACV,WAAWhB,EACT,sIACA,4DACA,mDACAa,KAAQ,sEACRV,EAAsB,KAAKyB,EAAK,CAAC,SACjC,CAACX,KAASY,CACZ;EAEA,UAAA,kBAAC9B,EAAW,OAAZ,EACE,WAAWC,EACT,8GACAK,EAAMuB,IACNF,KAAW,qBACb,EACD,CAAA;CACc,CAAA,GAEbI,IAAUjB,IAAO,kBAACZ,GAAD;EAAS,SAASa;EAAiB,UAAAK;CAAkB,CAAA,IAAIA;CAEhF,OADKF,IAEH,kBAAC,SAAD;EAAO,SAASN;EAAK,WAAWX,EAAG,oEAAoEe,KAAY,sBAAsBc,CAAS;EAAlJ,UAAA,CACE,kBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACE,kBAAC,QAAD;IAAM,IAAIb,EAAM;IAAS,WAAWhB,EAAG,qBAAqBe,KAAY,kBAAkB;IACvF,UAAAE;GACG,CAAA,GACLC,KACC,kBAAC,QAAD;IAAM,IAAIF,EAAM;IAAe,WAAU;IACtC,UAAAE;GACG,CAAA,CAEJ;EACL,CAAA,GAAAY,CACI;C,KAdUA;AAgBrB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAO,cAAc"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { t as e } from "./cn-DUDmdLpZ.js";
|
|
3
3
|
import { i as t } from "./context-BELWW79w.js";
|
|
4
4
|
import { t as n } from "./icon-BqujXDUc.js";
|
|
5
|
-
import { r } from "./tooltip-
|
|
5
|
+
import { r } from "./tooltip-CTBnfiDH.js";
|
|
6
6
|
import { t as i } from "./use-truncated-CW0hByYt.js";
|
|
7
7
|
import { forwardRef as a, useRef as o } from "react";
|
|
8
8
|
import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
|
|
@@ -84,4 +84,4 @@ var h = m;
|
|
|
84
84
|
//#endregion
|
|
85
85
|
export { m as a, d as i, f as n, h as r, p as t };
|
|
86
86
|
|
|
87
|
-
//# sourceMappingURL=tag-
|
|
87
|
+
//# sourceMappingURL=tag-XgPXKoxi.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag-
|
|
1
|
+
{"version":3,"file":"tag-XgPXKoxi.js","names":["_Fragment","__icon_Cancel01Icon","cn","useUiText","Icon","useTruncated","Fragment$1","TAG_DOT","KAESO_TAG_VARIANTS","KAESO_TAG_DEFAULT_VARIANTS","Tag","force","props","t","clickable","onClick","split","onRemove","labelRef","useRef","tip","children","label","content","icon","Tooltip","forced","press","pressed","size","variant","invalid","className","removeLabel","Cancel01Icon","Pill"],"sources":["../../src/components/tag/tag.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { forwardRef, useRef, type HTMLAttributes, type MouseEvent, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useTruncated } from \"../../hooks/use-truncated.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { Cancel01Icon as __icon_Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const TAG_DOT = {\n \"viz-1\": \"bg-viz-1\",\n \"viz-2\": \"bg-viz-2\",\n \"viz-3\": \"bg-viz-3\",\n \"viz-4\": \"bg-viz-4\",\n \"viz-5\": \"bg-viz-5\",\n \"viz-6\": \"bg-viz-6\",\n \"viz-7\": \"bg-viz-7\",\n \"viz-8\": \"bg-viz-8\",\n success: \"bg-success\",\n warning: \"bg-warning\",\n danger: \"bg-danger\",\n info: \"bg-info\",\n neutral: \"bg-fg-tertiary\",\n} as const;\nexport type TagDot = keyof typeof TAG_DOT;\n\nexport const KAESO_TAG_VARIANTS = {\n size: {\n md: { classes: \"h-28 px-10 gap-6 text-small\" },\n sm: { classes: \"h-24 px-8 gap-4 text-caption\" },\n },\n variant: {\n raised: { classes: \"bg-raised shadow-control text-fg\" },\n outline: { classes: \"bg-transparent shadow-ring text-fg-secondary\" },\n soft: { classes: \"bg-fill-2 text-fg\" },\n },\n} as const;\nexport const KAESO_TAG_DEFAULT_VARIANTS = { size: \"md\", variant: \"raised\" } as const;\n\nexport interface TagProps extends Omit<HTMLAttributes<HTMLElement>, \"children\"> {\n children: ReactNode;\n size?: keyof typeof KAESO_TAG_VARIANTS.size | undefined;\n variant?: keyof typeof KAESO_TAG_VARIANTS.variant | undefined;\n icon?: IconData | undefined;\n onRemove?: ((e: MouseEvent<HTMLButtonElement>) => void) | undefined;\n removeLabel?: string | undefined;\n onClick?: ((e: MouseEvent<HTMLElement>) => void) | undefined;\n pressed?: boolean | undefined;\n invalid?: boolean | undefined;\n \"data-force\"?: string | undefined;\n}\n\nexport const Tag = /* @__PURE__ */ forwardRef<HTMLElement, TagProps>(function Tag(\n { children, size = \"md\", variant = \"raised\", icon, onRemove, removeLabel, onClick, pressed, invalid, className, \"data-force\": force, ...props },\n ref,\n) {\n const t = useUiText();\n const clickable = !!onClick;\n const split = clickable && !!onRemove;\n const labelRef = useRef<HTMLSpanElement>(null);\n const truncated = useTruncated(labelRef);\n const tip = truncated && typeof children === \"string\";\n const label = (\n <span ref={labelRef} className=\"min-w-0 truncate\" {...(tip && !clickable ? { tabIndex: 0 } : {})}>\n {children}\n </span>\n );\n const content = (\n <>\n {icon && <Icon icon={icon} size=\"xs\" className=\"text-fg-secondary\" />}\n {tip ? (\n <Tooltip content={children} shape=\"multiline\">\n {label}\n </Tooltip>\n ) : (\n label\n )}\n </>\n );\n const forced = force ? { \"data-force\": force } : {};\n const press = {\n type: \"button\" as const,\n onClick,\n ...(pressed !== undefined ? { \"aria-pressed\": pressed } : {}),\n };\n const Comp = (clickable && !split ? \"button\" : \"span\") as \"span\";\n return (\n <Comp\n ref={ref as React.Ref<HTMLSpanElement>}\n {...(clickable && !split ? press : {})}\n {...forced}\n className={cn(\n \"inline-flex max-w-full shrink-0 items-center rounded-pill font-medium whitespace-nowrap transition-control\",\n KAESO_TAG_VARIANTS.size[size].classes,\n KAESO_TAG_VARIANTS.variant[variant].classes,\n icon && (size === \"md\" ? \"pl-8\" : \"pl-6\"),\n onRemove && \"pr-2\",\n clickable && !split && \"relative cursor-pointer focus-ring tap-target\",\n split && \"pl-0\",\n clickable && (variant === \"soft\" ? \"hover:bg-fill-3 active:bg-fill-3\" : \"hover:bg-fill-1 active:bg-fill-2\"),\n clickable && variant === \"outline\" && \"hover:text-fg\",\n invalid && \"ring-invalid text-danger-text\",\n className,\n )}\n {...props}\n >\n {split ? (\n <button\n {...press}\n {...forced}\n className={cn(\n \"relative inline-flex h-full min-w-0 cursor-pointer items-center rounded-pill focus-ring tap-target\",\n size === \"md\" ? \"gap-6\" : \"gap-4\",\n icon ? (size === \"md\" ? \"pl-8\" : \"pl-6\") : size === \"md\" ? \"pl-10\" : \"pl-8\",\n )}\n >\n {content}\n </button>\n ) : (\n content\n )}\n {onRemove && (\n <button\n type=\"button\"\n aria-label={\n removeLabel ??\n (typeof children === \"string\" && children.trim()\n ? t(\"tag.removeNamed\", \"Remove {label}\", { label: children.trimEnd() })\n : t(\"tag.remove\", \"Remove\"))\n }\n onClick={(e) => {\n e.stopPropagation();\n onRemove(e);\n }}\n className={cn(\n \"relative inline-flex shrink-0 items-center justify-center rounded-pill text-fg-tertiary transition-control focus-ring tap-target hover:bg-fill-2 hover:text-fg\",\n size === \"md\" ? \"size-24\" : \"size-20\",\n )}\n >\n <Icon icon={__icon_Cancel01Icon} size=\"xs\" />\n </button>\n )}\n </Comp>\n );\n});\nif (process.env.NODE_ENV !== \"production\") Tag.displayName = \"Tag\";\n\nexport const Pill = Tag;\n"],"mappings":";;;;;;;;;;AASA,IAAaO,IAAU;CACrB,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,SAAS;AACX,GAGaC,IAAqB;CAChC,MAAM;EACJ,IAAI,EAAE,SAAS,8BAA8B;EAC7C,IAAI,EAAE,SAAS,+BAA+B;CAChD;CACA,SAAS;EACP,QAAQ,EAAE,SAAS,mCAAmC;EACtD,SAAS,EAAE,SAAS,+CAA+C;EACnE,MAAM,EAAE,SAAS,oBAAoB;CACvC;AACF,GACaC,IAA6B;CAAE,MAAM;CAAM,SAAS;AAAS,GAe7DC,IAAsB,kBAAkC,SACnE,EAAE,aAAU,UAAO,MAAM,aAAU,UAAU,SAAM,aAAU,gBAAa,YAAS,YAAS,YAAS,cAAW,cAAcC,GAAO,GAAGC,KACxI,GACA;CACA,IAAMC,IAAIV,EAAU,GACdW,IAAY,CAAC,CAACC,GACdC,IAAQF,KAAa,CAAC,CAACG,GACvBC,IAAWC,EAAwB,IAAI,GAEvCC,IADYf,EAAaa,CACnB,KAAa,OAAOG,KAAa,UACvCC,IACJ,kBAAC,QAAD;EAAM,KAAKJ;EAAU,WAAU;EAAmB,GAAKE,KAAO,CAACN,IAAY,EAAE,UAAU,EAAE,IAAI,CAAC;EAC3F;CACG,CAAA,GAEFS,IACJ,kBAAAvB,GAAA,EAAA,UAAA,CACGwB,KAAQ,kBAACpB,GAAD;EAAY;EAAM,MAAK;EAAK,WAAU;CAAqB,CAAA,GACnEgB,IACC,kBAACK,GAAD;EAAS,SAASJ;EAAU,OAAM;EAC/B,UAAAC;CACM,CAAA,IAETA,CAEF,EAAA,CAAA,GAEEI,IAASf,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC,GAC5CgB,IAAQ;EACZ,MAAM;EACN;EACA,GAAIC,MAAY,KAAA,IAA0C,CAAC,IAA/B,EAAE,gBAAgBA,EAAQ;CACxD;CAEA,OACE,kBAFYd,KAAa,CAACE,IAAQ,WAAW,QAE7C;EACO;EACL,GAAKF,KAAa,CAACE,IAAQW,IAAQ,CAAC;EACpC,GAAID;EACJ,WAAWxB,EACT,8GACAM,EAAmB,KAAKqB,EAAK,CAAC,SAC9BrB,EAAmB,QAAQsB,EAAQ,CAAC,SACpCN,MAASK,MAAS,OAAO,SAAS,SAClCZ,KAAY,QACZH,KAAa,CAACE,KAAS,iDACvBA,KAAS,QACTF,MAAcgB,MAAY,SAAS,qCAAqC,qCACxEhB,KAAagB,MAAY,aAAa,iBACtCC,KAAW,iCACXC,CACF;EACA,GAAIpB;EAjBN,UAAA,CAmBGI,IACC,kBAAC,UAAD;GACE,GAAIW;GACJ,GAAID;GACJ,WAAWxB,EACT,sGACA2B,MAAS,OAAO,UAAU,SAC1BL,IAAQK,MAAS,OAAO,SAAS,SAAUA,MAAS,OAAO,UAAU,MACvE;GAEC,UAAAN;EACK,CAAA,IAERA,GAEDN,KACC,kBAAC,UAAD;GACE,MAAK;GACL,cACEgB,MACC,OAAOZ,KAAa,YAAYA,EAAS,KAAK,IAC3CR,EAAE,mBAAmB,kBAAkB,EAAE,OAAOQ,EAAS,QAAQ,EAAE,CAAC,IACpER,EAAE,cAAc,QAAQ;GAE9B,UAAU,MAAM;IAEd,AADA,EAAE,gBAAgB,GAClBI,EAAS,CAAC;GACZ;GACA,WAAWf,EACT,kKACA2B,MAAS,OAAO,YAAY,SAC9B;GAEA,UAAA,kBAACzB,GAAD;IAAM,MAAMH;IAAqB,MAAK;GAAM,CAAA;EACtC,CAAA,CAEN;;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAI,cAAc;AAE7D,IAAakC,IAAOzB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { t as e } from "./cn-DUDmdLpZ.js";
|
|
3
|
-
import { r as t } from "./tooltip-
|
|
3
|
+
import { r as t } from "./tooltip-CTBnfiDH.js";
|
|
4
4
|
import { t as n } from "./use-truncated-CW0hByYt.js";
|
|
5
5
|
import { forwardRef as r, useRef as i } from "react";
|
|
6
6
|
import { jsx as a } from "react/jsx-runtime";
|
|
@@ -60,4 +60,4 @@ process.env.NODE_ENV !== "production" && (l.displayName = "Text");
|
|
|
60
60
|
//#endregion
|
|
61
61
|
export { o as n, l as r, s as t };
|
|
62
62
|
|
|
63
|
-
//# sourceMappingURL=text-
|
|
63
|
+
//# sourceMappingURL=text-IoDy3Vxi.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-
|
|
1
|
+
{"version":3,"file":"text-IoDy3Vxi.js","names":["cn","Tooltip","useTruncated","KAESO_TEXT_VARIANTS","KAESO_TEXT_DEFAULT_VARIANTS","mergeRefs","refs","r","value","Text","props","Comp","as","inner","useRef","isTruncated","truncate","el","ref","variant","tone","weight","mono","tabular","className","children"],"sources":["../../src/components/text/text.tsx"],"sourcesContent":["import { forwardRef, useRef, type ElementType, type HTMLAttributes, type ReactNode, type Ref } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useTruncated } from \"../../hooks/use-truncated.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\n\nexport const KAESO_TEXT_VARIANTS = {\n variant: {\n micro: { classes: \"text-micro font-medium\" },\n caption: { classes: \"text-caption font-medium\" },\n small: { classes: \"text-small\" },\n body: { classes: \"text-body\" },\n \"body-lg\": { classes: \"text-body-lg font-medium\" },\n \"title-sm\": { classes: \"text-title-sm font-semibold\" },\n title: { classes: \"text-title font-semibold\" },\n \"title-lg\": { classes: \"text-title-lg font-semibold\" },\n display: { classes: \"text-display font-semibold\" },\n metric: { classes: \"text-metric font-semibold tabular\" },\n },\n tone: {\n default: { classes: \"text-fg\" },\n secondary: { classes: \"text-fg-secondary\" },\n tertiary: { classes: \"text-fg-tertiary\" },\n danger: { classes: \"text-danger-text\" },\n success: { classes: \"text-success-text\" },\n warning: { classes: \"text-warning-text\" },\n info: { classes: \"text-info-text\" },\n inherit: { classes: \"text-inherit\" },\n },\n weight: {\n regular: { classes: \"font-regular\" },\n medium: { classes: \"font-medium\" },\n semibold: { classes: \"font-semibold\" },\n },\n} as const;\nexport const KAESO_TEXT_DEFAULT_VARIANTS = { variant: \"body\", tone: \"default\" } as const;\n\nexport type TextVariant = keyof typeof KAESO_TEXT_VARIANTS.variant;\nexport type TextTone = keyof typeof KAESO_TEXT_VARIANTS.tone;\nexport type TextWeight = keyof typeof KAESO_TEXT_VARIANTS.weight;\n\nexport interface TextProps extends HTMLAttributes<HTMLElement> {\n variant?: TextVariant | undefined;\n tone?: TextTone | undefined;\n weight?: TextWeight | undefined;\n mono?: boolean | undefined;\n tabular?: boolean | undefined;\n truncate?: boolean | undefined;\n as?: ElementType | undefined;\n children?: ReactNode | undefined;\n}\n\nfunction mergeRefs<T>(...refs: (Ref<T> | undefined)[]) {\n return (value: T | null) => {\n for (const r of refs) {\n if (typeof r === \"function\") r(value);\n else if (r && typeof r === \"object\") (r as { current: T | null }).current = value;\n }\n };\n}\n\nexport const Text = /* @__PURE__ */ forwardRef<HTMLElement, TextProps>(function Text(\n { variant = \"body\", tone = \"default\", weight, mono, tabular, truncate, as, className, children, ...props },\n ref,\n) {\n const Comp = (as ?? \"span\") as ElementType;\n const inner = useRef<HTMLElement>(null);\n const isTruncated = useTruncated(inner, !!truncate);\n const el = (\n <Comp\n ref={mergeRefs(ref, inner)}\n className={cn(\n KAESO_TEXT_VARIANTS.variant[variant].classes,\n KAESO_TEXT_VARIANTS.tone[tone].classes,\n weight && KAESO_TEXT_VARIANTS.weight[weight].classes,\n mono && \"mono\",\n mono && variant === \"body\" && \"text-small\",\n tabular && \"tabular\",\n truncate && \"block min-w-0 truncate\",\n className,\n )}\n {...(truncate && isTruncated ? { tabIndex: 0 } : {})}\n {...props}\n >\n {children}\n </Comp>\n );\n if (truncate && isTruncated && typeof children === \"string\") {\n return (\n <Tooltip content={children} shape=\"multiline\">\n {el}\n </Tooltip>\n );\n }\n return el;\n});\nif (process.env.NODE_ENV !== \"production\") Text.displayName = \"Text\";\n"],"mappings":";;;;;;;AAKA,IAAaG,IAAsB;CACjC,SAAS;EACP,OAAO,EAAE,SAAS,yBAAyB;EAC3C,SAAS,EAAE,SAAS,2BAA2B;EAC/C,OAAO,EAAE,SAAS,aAAa;EAC/B,MAAM,EAAE,SAAS,YAAY;EAC7B,WAAW,EAAE,SAAS,2BAA2B;EACjD,YAAY,EAAE,SAAS,8BAA8B;EACrD,OAAO,EAAE,SAAS,2BAA2B;EAC7C,YAAY,EAAE,SAAS,8BAA8B;EACrD,SAAS,EAAE,SAAS,6BAA6B;EACjD,QAAQ,EAAE,SAAS,oCAAoC;CACzD;CACA,MAAM;EACJ,SAAS,EAAE,SAAS,UAAU;EAC9B,WAAW,EAAE,SAAS,oBAAoB;EAC1C,UAAU,EAAE,SAAS,mBAAmB;EACxC,QAAQ,EAAE,SAAS,mBAAmB;EACtC,SAAS,EAAE,SAAS,oBAAoB;EACxC,SAAS,EAAE,SAAS,oBAAoB;EACxC,MAAM,EAAE,SAAS,iBAAiB;EAClC,SAAS,EAAE,SAAS,eAAe;CACrC;CACA,QAAQ;EACN,SAAS,EAAE,SAAS,eAAe;EACnC,QAAQ,EAAE,SAAS,cAAc;EACjC,UAAU,EAAE,SAAS,gBAAgB;CACvC;AACF,GACaC,IAA8B;CAAE,SAAS;CAAQ,MAAM;AAAU;AAiB9E,SAASC,EAAa,GAAGC,GAA8B;CACrD,QAAQ,MAAoB;EAC1B,KAAK,IAAMC,KAAKD,GACd,AAAI,OAAOC,KAAM,aAAYA,EAAEC,CAAK,IAC3BD,KAAK,OAAOA,KAAM,aAAU,EAA6B,UAAUC;CAEhF;AACF;AAEA,IAAaC,IAAuB,kBAAmC,SACrE,EAAE,aAAU,QAAQ,UAAO,WAAW,WAAQ,SAAM,YAAS,aAAU,OAAI,cAAW,aAAU,GAAGC,KACnG,GACA;CACA,IAAMC,IAAQC,KAAM,QACdC,IAAQC,EAAoB,IAAI,GAChCC,IAAcb,EAAaW,GAAO,CAAC,CAACG,CAAQ,GAC5CC,IACJ,kBAACN,GAAD;EACE,KAAKN,EAAUa,GAAKL,CAAK;EACzB,WAAWb,EACTG,EAAoB,QAAQgB,EAAQ,CAAC,SACrChB,EAAoB,KAAKiB,EAAK,CAAC,SAC/BC,KAAUlB,EAAoB,OAAOkB,EAAO,CAAC,SAC7CC,KAAQ,QACRA,KAAQH,MAAY,UAAU,cAC9BI,KAAW,WACXP,KAAY,0BACZQ,CACF;EACA,GAAKR,KAAYD,IAAc,EAAE,UAAU,EAAE,IAAI,CAAC;EAClD,GAAIL;EAEH;CACG,CAAA;CASR,OAPIM,KAAYD,KAAe,OAAOU,KAAa,WAE/C,kBAACxB,GAAD;EAAS,SAASwB;EAAU,OAAM;EAC/B,UAAAR;CACM,CAAA,IAGNA;AACT,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc"}
|
|
@@ -3,8 +3,8 @@ import { t as e } from "./cn-DUDmdLpZ.js";
|
|
|
3
3
|
import { i as t } from "./dev-CR1p7gCm.js";
|
|
4
4
|
import { i as n, r } from "./context-BELWW79w.js";
|
|
5
5
|
import { a as i, o as a, s as o } from "./field-BZriODU7.js";
|
|
6
|
-
import { n as s } from "./input-group-
|
|
7
|
-
import { t as c } from "./input-
|
|
6
|
+
import { n as s } from "./input-group-BoxjnN8I.js";
|
|
7
|
+
import { t as c } from "./input-9y3afoiq.js";
|
|
8
8
|
import { forwardRef as l, useCallback as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m } from "react";
|
|
9
9
|
import { jsx as h, jsxs as g } from "react/jsx-runtime";
|
|
10
10
|
import { Add01Icon as _, MinusSignIcon as v } from "@hugeicons/core-free-icons";
|
|
@@ -157,4 +157,4 @@ process.env.NODE_ENV !== "production" && (F.displayName = "Textarea");
|
|
|
157
157
|
//#endregion
|
|
158
158
|
export { O as a, S as c, k as i, T as l, j as n, A as o, F as r, x as s, M as t };
|
|
159
159
|
|
|
160
|
-
//# sourceMappingURL=textarea-
|
|
160
|
+
//# sourceMappingURL=textarea-jOiTkfMf.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea-2d373OyU.js","names":["__icon_MinusSignIcon","__icon_Add01Icon","cn","warnStylingClassName","useUiText","useField","useFieldControl","withField","InputGroup","Input","split","m","v","isDecimal","addDecimal","x","a","y","b","scale","toBig","p","sum","neg","digits","int","frac","compareDecimal","d","ENGLISH","decimalSeparators","locale","parts","groupDecimal","seps","localizeDecimal","ungroup","out","KAESO_NUMBER_INPUT_VARIANTS","KAESO_NUMBER_INPUT_DEFAULT_VARIANTS","NumberInput","props","t","useLocale","useMemo","inner","setInner","useState","defaultValue","focused","setFocused","controlled","value","raw","set","onValueChange","clamp","min","max","stepBy","dir","step","display","integer","live","disabled","readOnly","stepper","hideStepper","MinusSignIcon","Add01Icon","className","unit","onFocus","onBlur","onKeyDown","KAESO_TEXTAREA_VARIANTS","KAESO_TEXTAREA_DEFAULT_VARIANTS","LINE","PAD","Textarea","rest","field","fc","useRef","grow","useCallback","el","resize","maxRows","control","ref","onChange","mono","label","description","error","id","invalid"],"sources":["../../src/components/input/decimal.ts","../../src/components/input/number-input.tsx","../../src/components/input/textarea.tsx"],"sourcesContent":["function split(v: string): { neg: boolean; int: string; frac: string } {\n const m = /^(-)?(\\d*)(?:\\.(\\d*))?$/.exec(v.trim());\n if (!m) return { neg: false, int: \"0\", frac: \"\" };\n return { neg: m[1] === \"-\", int: (m[2] || \"0\").replace(/^0+(?=\\d)/, \"\"), frac: m[3] ?? \"\" };\n}\n\nexport function isDecimal(v: string): boolean {\n return /^-?\\d*(?:\\.\\d*)?$/.test(v.trim());\n}\n\nexport function addDecimal(a: string, b: string): string {\n const x = split(a || \"0\");\n const y = split(b || \"0\");\n const scale = Math.max(x.frac.length, y.frac.length);\n const toBig = (p: { neg: boolean; int: string; frac: string }) => BigInt((p.neg ? \"-\" : \"\") + p.int + p.frac.padEnd(scale, \"0\"));\n const sum = toBig(x) + toBig(y);\n const neg = sum < 0n;\n const digits = (neg ? -sum : sum).toString().padStart(scale + 1, \"0\");\n const int = digits.slice(0, digits.length - scale) || \"0\";\n const frac = scale ? digits.slice(-scale) : \"\";\n return `${neg ? \"-\" : \"\"}${int}${frac ? `.${frac}` : \"\"}`;\n}\n\nexport function compareDecimal(a: string, b: string): number {\n const d = addDecimal(a, b.startsWith(\"-\") ? b.slice(1) : `-${b}`);\n if (d.startsWith(\"-\") && /[1-9]/.test(d)) return -1;\n return /[1-9]/.test(d) ? 1 : 0;\n}\n\nexport interface DecimalSeparators {\n group: string;\n decimal: string;\n}\n\nconst ENGLISH: DecimalSeparators = { group: \",\", decimal: \".\" };\n\nexport function decimalSeparators(locale: string): DecimalSeparators {\n if (locale === \"en\") return ENGLISH;\n const parts = new Intl.NumberFormat(locale).formatToParts(1234.5);\n return { group: parts.find((p) => p.type === \"group\")?.value ?? \",\", decimal: parts.find((p) => p.type === \"decimal\")?.value ?? \".\" };\n}\n\nexport function groupDecimal(v: string, seps: DecimalSeparators = ENGLISH): string {\n const p = split(v);\n if (!isDecimal(v) || v.trim() === \"\") return v;\n return `${p.neg ? \"-\" : \"\"}${p.int.replace(/\\B(?=(\\d{3})+(?!\\d))/g, seps.group)}${v.includes(\".\") ? `${seps.decimal}${p.frac}` : \"\"}`;\n}\n\nexport function localizeDecimal(v: string, seps: DecimalSeparators = ENGLISH): string {\n return seps.decimal === \".\" ? v : v.replace(\".\", seps.decimal);\n}\n\nexport function ungroup(v: string, seps: DecimalSeparators = ENGLISH): string {\n const out = seps.group === \".\" ? v : v.split(seps.group).join(\"\");\n return seps.decimal === \".\" ? out : out.split(seps.decimal).join(\".\");\n}\n","import { forwardRef, useMemo, useState, type ChangeEvent, type FocusEvent, type KeyboardEvent } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Input, type InputProps } from \"./input.js\";\nimport { InputGroup } from \"./input-group.js\";\nimport { MinusSignIcon as __icon_MinusSignIcon, Add01Icon as __icon_Add01Icon } from \"@hugeicons/core-free-icons\";\nimport { addDecimal, compareDecimal, decimalSeparators, groupDecimal, isDecimal, localizeDecimal, ungroup } from \"./decimal.js\";\nimport { useLocale, useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_NUMBER_INPUT_VARIANTS = {\n align: {\n end: { classes: \"text-right\" },\n start: { classes: \"text-left\" },\n },\n} as const;\nexport const KAESO_NUMBER_INPUT_DEFAULT_VARIANTS = { align: \"end\" } as const;\n\nexport interface NumberInputProps extends Omit<InputProps, \"type\" | \"value\" | \"defaultValue\" | \"onChange\" | \"min\" | \"max\" | \"step\"> {\n value?: string | undefined;\n defaultValue?: string | undefined;\n onValueChange?: ((value: string) => void) | undefined;\n unit?: string | undefined;\n step?: string | undefined;\n min?: string | undefined;\n max?: string | undefined;\n hideStepper?: boolean | undefined;\n integer?: boolean | undefined;\n align?: keyof typeof KAESO_NUMBER_INPUT_VARIANTS.align | undefined;\n}\n\nexport const NumberInput = /* @__PURE__ */ forwardRef<HTMLInputElement, NumberInputProps>(function NumberInput(\n {\n value,\n defaultValue = \"\",\n onValueChange,\n unit,\n step = \"1\",\n min,\n max,\n hideStepper,\n integer,\n align = \"end\",\n onBlur,\n onFocus,\n onKeyDown,\n className,\n disabled,\n readOnly,\n ...props\n },\n ref,\n) {\n const t = useUiText();\n const locale = useLocale();\n const seps = useMemo(() => decimalSeparators(locale), [locale]);\n const [inner, setInner] = useState(defaultValue);\n const [focused, setFocused] = useState(false);\n const controlled = value !== undefined;\n const raw = controlled ? value : inner;\n const set = (v: string) => {\n if (!controlled) setInner(v);\n onValueChange?.(v);\n };\n const clamp = (v: string) => {\n if (v === \"\" || v === \"-\") return v;\n if (min !== undefined && compareDecimal(v, min) < 0) return min;\n if (max !== undefined && compareDecimal(v, max) > 0) return max;\n return v;\n };\n const stepBy = (dir: 1 | -1) => set(clamp(addDecimal(raw || \"0\", dir === 1 ? step : `-${step}`)));\n const display = integer ? raw : focused ? localizeDecimal(raw, seps) : groupDecimal(raw, seps);\n const live = !disabled && !readOnly;\n const stepper = !hideStepper && (\n <span\n className={cn(\n \"flex shrink-0 items-center opacity-0 transition-control\",\n live ? \"group-hover/num:opacity-100 coarse:opacity-100 group-focus-within/num:opacity-100\" : \"invisible\",\n )}\n {...(live ? {} : { \"aria-hidden\": true })}\n >\n <InputGroup.Button icon={__icon_MinusSignIcon} aria-label={t(\"numberInput.decrease\", \"Decrease\")} onClick={() => stepBy(-1)} disabled={!live} />\n <InputGroup.Button icon={__icon_Add01Icon} aria-label={t(\"numberInput.increase\", \"Increase\")} onClick={() => stepBy(1)} disabled={!live} />\n </span>\n );\n return (\n <Input\n ref={ref}\n type=\"text\"\n inputMode={integer ? \"numeric\" : \"decimal\"}\n autoComplete=\"off\"\n spellCheck={false}\n value={display}\n disabled={disabled}\n readOnly={readOnly}\n className={cn(\"group/num\", className)}\n suffix={unit}\n trailing={stepper || undefined}\n onChange={(e: ChangeEvent<HTMLInputElement>) => {\n if (integer) {\n if (/^-?\\d*$/.test(e.target.value)) set(e.target.value);\n return;\n }\n const v = ungroup(e.target.value, seps);\n if (isDecimal(v)) set(v);\n }}\n onFocus={(e: FocusEvent<HTMLInputElement>) => {\n setFocused(true);\n onFocus?.(e);\n }}\n onBlur={(e: FocusEvent<HTMLInputElement>) => {\n setFocused(false);\n if (raw !== clamp(raw)) set(clamp(raw));\n onBlur?.(e);\n }}\n onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n if (e.key === \"ArrowUp\") {\n e.preventDefault();\n stepBy(1);\n } else if (e.key === \"ArrowDown\") {\n e.preventDefault();\n stepBy(-1);\n }\n onKeyDown?.(e);\n }}\n align={align}\n {...props}\n />\n );\n});\nif (process.env.NODE_ENV !== \"production\") NumberInput.displayName = \"NumberInput\";\n","import { forwardRef, useCallback, useLayoutEffect, useRef, type TextareaHTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { warnStylingClassName } from \"../../utils/dev.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\n\nexport const KAESO_TEXTAREA_VARIANTS = {\n resize: {\n auto: { classes: \"resize-none\" },\n vertical: { classes: \"resize-y\" },\n },\n} as const;\nexport const KAESO_TEXTAREA_DEFAULT_VARIANTS = { resize: \"auto\" } as const;\n\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, FieldWrapProps {\n resize?: keyof typeof KAESO_TEXTAREA_VARIANTS.resize | undefined;\n maxRows?: number | undefined;\n invalid?: boolean | undefined;\n mono?: boolean | undefined;\n \"data-force\"?: string | undefined;\n}\n\nconst LINE = 20;\nconst PAD = 20;\n\nexport const Textarea = /* @__PURE__ */ forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(props, ref) {\n const {\n resize = \"auto\",\n maxRows = 8,\n rows = 3,\n invalid,\n mono,\n label,\n description,\n error,\n optional,\n required,\n layout,\n className,\n id,\n disabled,\n onChange,\n ...rest\n } = props;\n warnStylingClassName(\"Textarea\", className);\n const field = useField();\n const fc = useFieldControl(props);\n const inner = useRef<HTMLTextAreaElement | null>(null);\n const grow = useCallback(() => {\n const el = inner.current;\n if (!el || resize !== \"auto\") return;\n el.style.height = \"auto\";\n el.style.height = `${Math.min(el.scrollHeight, maxRows * LINE + PAD)}px`;\n }, [maxRows, resize]);\n useLayoutEffect(grow, [grow, rest.value]);\n const control = (\n <textarea\n ref={(el) => {\n inner.current = el;\n if (typeof ref === \"function\") ref(el);\n else if (ref) ref.current = el;\n }}\n rows={rows}\n disabled={disabled}\n required={required}\n onChange={(e) => {\n grow();\n onChange?.(e);\n }}\n className={cn(\n \"block w-full min-w-0 rounded-textarea px-16 py-10 text-body text-fg material-field transition-control outline-none placeholder:text-fg-tertiary scrollbar-quiet\",\n \"disabled:cursor-not-allowed\",\n mono && \"mono text-small\",\n KAESO_TEXTAREA_VARIANTS.resize[resize].classes,\n !(label || description || error) && className,\n )}\n {...(id ? { id } : {})}\n {...fc.controlProps}\n {...(invalid || error ? { \"aria-invalid\": true } : {})}\n {...rest}\n />\n );\n if (field) return control;\n return withField({ label, description, error, optional, required, layout, id: fc.wrapId ?? id, disabled, className }, control);\n});\nif (process.env.NODE_ENV !== \"production\") Textarea.displayName = \"Textarea\";\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"textarea-jOiTkfMf.js","names":["__icon_MinusSignIcon","__icon_Add01Icon","cn","warnStylingClassName","useUiText","useField","useFieldControl","withField","InputGroup","Input","split","m","v","isDecimal","addDecimal","x","a","y","b","scale","toBig","p","sum","neg","digits","int","frac","compareDecimal","d","ENGLISH","decimalSeparators","locale","parts","groupDecimal","seps","localizeDecimal","ungroup","out","KAESO_NUMBER_INPUT_VARIANTS","KAESO_NUMBER_INPUT_DEFAULT_VARIANTS","NumberInput","props","t","useLocale","useMemo","inner","setInner","useState","defaultValue","focused","setFocused","controlled","value","raw","set","onValueChange","clamp","min","max","stepBy","dir","step","display","integer","live","disabled","readOnly","stepper","hideStepper","MinusSignIcon","Add01Icon","className","unit","onFocus","onBlur","onKeyDown","KAESO_TEXTAREA_VARIANTS","KAESO_TEXTAREA_DEFAULT_VARIANTS","LINE","PAD","Textarea","rest","field","fc","useRef","grow","useCallback","el","resize","maxRows","control","ref","onChange","mono","label","description","error","id","invalid"],"sources":["../../src/components/input/decimal.ts","../../src/components/input/number-input.tsx","../../src/components/input/textarea.tsx"],"sourcesContent":["function split(v: string): { neg: boolean; int: string; frac: string } {\n const m = /^(-)?(\\d*)(?:\\.(\\d*))?$/.exec(v.trim());\n if (!m) return { neg: false, int: \"0\", frac: \"\" };\n return { neg: m[1] === \"-\", int: (m[2] || \"0\").replace(/^0+(?=\\d)/, \"\"), frac: m[3] ?? \"\" };\n}\n\nexport function isDecimal(v: string): boolean {\n return /^-?\\d*(?:\\.\\d*)?$/.test(v.trim());\n}\n\nexport function addDecimal(a: string, b: string): string {\n const x = split(a || \"0\");\n const y = split(b || \"0\");\n const scale = Math.max(x.frac.length, y.frac.length);\n const toBig = (p: { neg: boolean; int: string; frac: string }) => BigInt((p.neg ? \"-\" : \"\") + p.int + p.frac.padEnd(scale, \"0\"));\n const sum = toBig(x) + toBig(y);\n const neg = sum < 0n;\n const digits = (neg ? -sum : sum).toString().padStart(scale + 1, \"0\");\n const int = digits.slice(0, digits.length - scale) || \"0\";\n const frac = scale ? digits.slice(-scale) : \"\";\n return `${neg ? \"-\" : \"\"}${int}${frac ? `.${frac}` : \"\"}`;\n}\n\nexport function compareDecimal(a: string, b: string): number {\n const d = addDecimal(a, b.startsWith(\"-\") ? b.slice(1) : `-${b}`);\n if (d.startsWith(\"-\") && /[1-9]/.test(d)) return -1;\n return /[1-9]/.test(d) ? 1 : 0;\n}\n\nexport interface DecimalSeparators {\n group: string;\n decimal: string;\n}\n\nconst ENGLISH: DecimalSeparators = { group: \",\", decimal: \".\" };\n\nexport function decimalSeparators(locale: string): DecimalSeparators {\n if (locale === \"en\") return ENGLISH;\n const parts = new Intl.NumberFormat(locale).formatToParts(1234.5);\n return { group: parts.find((p) => p.type === \"group\")?.value ?? \",\", decimal: parts.find((p) => p.type === \"decimal\")?.value ?? \".\" };\n}\n\nexport function groupDecimal(v: string, seps: DecimalSeparators = ENGLISH): string {\n const p = split(v);\n if (!isDecimal(v) || v.trim() === \"\") return v;\n return `${p.neg ? \"-\" : \"\"}${p.int.replace(/\\B(?=(\\d{3})+(?!\\d))/g, seps.group)}${v.includes(\".\") ? `${seps.decimal}${p.frac}` : \"\"}`;\n}\n\nexport function localizeDecimal(v: string, seps: DecimalSeparators = ENGLISH): string {\n return seps.decimal === \".\" ? v : v.replace(\".\", seps.decimal);\n}\n\nexport function ungroup(v: string, seps: DecimalSeparators = ENGLISH): string {\n const out = seps.group === \".\" ? v : v.split(seps.group).join(\"\");\n return seps.decimal === \".\" ? out : out.split(seps.decimal).join(\".\");\n}\n","import { forwardRef, useMemo, useState, type ChangeEvent, type FocusEvent, type KeyboardEvent } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Input, type InputProps } from \"./input.js\";\nimport { InputGroup } from \"./input-group.js\";\nimport { MinusSignIcon as __icon_MinusSignIcon, Add01Icon as __icon_Add01Icon } from \"@hugeicons/core-free-icons\";\nimport { addDecimal, compareDecimal, decimalSeparators, groupDecimal, isDecimal, localizeDecimal, ungroup } from \"./decimal.js\";\nimport { useLocale, useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_NUMBER_INPUT_VARIANTS = {\n align: {\n end: { classes: \"text-right\" },\n start: { classes: \"text-left\" },\n },\n} as const;\nexport const KAESO_NUMBER_INPUT_DEFAULT_VARIANTS = { align: \"end\" } as const;\n\nexport interface NumberInputProps extends Omit<InputProps, \"type\" | \"value\" | \"defaultValue\" | \"onChange\" | \"min\" | \"max\" | \"step\"> {\n value?: string | undefined;\n defaultValue?: string | undefined;\n onValueChange?: ((value: string) => void) | undefined;\n unit?: string | undefined;\n step?: string | undefined;\n min?: string | undefined;\n max?: string | undefined;\n hideStepper?: boolean | undefined;\n integer?: boolean | undefined;\n align?: keyof typeof KAESO_NUMBER_INPUT_VARIANTS.align | undefined;\n}\n\nexport const NumberInput = /* @__PURE__ */ forwardRef<HTMLInputElement, NumberInputProps>(function NumberInput(\n {\n value,\n defaultValue = \"\",\n onValueChange,\n unit,\n step = \"1\",\n min,\n max,\n hideStepper,\n integer,\n align = \"end\",\n onBlur,\n onFocus,\n onKeyDown,\n className,\n disabled,\n readOnly,\n ...props\n },\n ref,\n) {\n const t = useUiText();\n const locale = useLocale();\n const seps = useMemo(() => decimalSeparators(locale), [locale]);\n const [inner, setInner] = useState(defaultValue);\n const [focused, setFocused] = useState(false);\n const controlled = value !== undefined;\n const raw = controlled ? value : inner;\n const set = (v: string) => {\n if (!controlled) setInner(v);\n onValueChange?.(v);\n };\n const clamp = (v: string) => {\n if (v === \"\" || v === \"-\") return v;\n if (min !== undefined && compareDecimal(v, min) < 0) return min;\n if (max !== undefined && compareDecimal(v, max) > 0) return max;\n return v;\n };\n const stepBy = (dir: 1 | -1) => set(clamp(addDecimal(raw || \"0\", dir === 1 ? step : `-${step}`)));\n const display = integer ? raw : focused ? localizeDecimal(raw, seps) : groupDecimal(raw, seps);\n const live = !disabled && !readOnly;\n const stepper = !hideStepper && (\n <span\n className={cn(\n \"flex shrink-0 items-center opacity-0 transition-control\",\n live ? \"group-hover/num:opacity-100 coarse:opacity-100 group-focus-within/num:opacity-100\" : \"invisible\",\n )}\n {...(live ? {} : { \"aria-hidden\": true })}\n >\n <InputGroup.Button icon={__icon_MinusSignIcon} aria-label={t(\"numberInput.decrease\", \"Decrease\")} onClick={() => stepBy(-1)} disabled={!live} />\n <InputGroup.Button icon={__icon_Add01Icon} aria-label={t(\"numberInput.increase\", \"Increase\")} onClick={() => stepBy(1)} disabled={!live} />\n </span>\n );\n return (\n <Input\n ref={ref}\n type=\"text\"\n inputMode={integer ? \"numeric\" : \"decimal\"}\n autoComplete=\"off\"\n spellCheck={false}\n value={display}\n disabled={disabled}\n readOnly={readOnly}\n className={cn(\"group/num\", className)}\n suffix={unit}\n trailing={stepper || undefined}\n onChange={(e: ChangeEvent<HTMLInputElement>) => {\n if (integer) {\n if (/^-?\\d*$/.test(e.target.value)) set(e.target.value);\n return;\n }\n const v = ungroup(e.target.value, seps);\n if (isDecimal(v)) set(v);\n }}\n onFocus={(e: FocusEvent<HTMLInputElement>) => {\n setFocused(true);\n onFocus?.(e);\n }}\n onBlur={(e: FocusEvent<HTMLInputElement>) => {\n setFocused(false);\n if (raw !== clamp(raw)) set(clamp(raw));\n onBlur?.(e);\n }}\n onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n if (e.key === \"ArrowUp\") {\n e.preventDefault();\n stepBy(1);\n } else if (e.key === \"ArrowDown\") {\n e.preventDefault();\n stepBy(-1);\n }\n onKeyDown?.(e);\n }}\n align={align}\n {...props}\n />\n );\n});\nif (process.env.NODE_ENV !== \"production\") NumberInput.displayName = \"NumberInput\";\n","import { forwardRef, useCallback, useLayoutEffect, useRef, type TextareaHTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { warnStylingClassName } from \"../../utils/dev.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\n\nexport const KAESO_TEXTAREA_VARIANTS = {\n resize: {\n auto: { classes: \"resize-none\" },\n vertical: { classes: \"resize-y\" },\n },\n} as const;\nexport const KAESO_TEXTAREA_DEFAULT_VARIANTS = { resize: \"auto\" } as const;\n\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, FieldWrapProps {\n resize?: keyof typeof KAESO_TEXTAREA_VARIANTS.resize | undefined;\n maxRows?: number | undefined;\n invalid?: boolean | undefined;\n mono?: boolean | undefined;\n \"data-force\"?: string | undefined;\n}\n\nconst LINE = 20;\nconst PAD = 20;\n\nexport const Textarea = /* @__PURE__ */ forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(props, ref) {\n const {\n resize = \"auto\",\n maxRows = 8,\n rows = 3,\n invalid,\n mono,\n label,\n description,\n error,\n optional,\n required,\n layout,\n className,\n id,\n disabled,\n onChange,\n ...rest\n } = props;\n warnStylingClassName(\"Textarea\", className);\n const field = useField();\n const fc = useFieldControl(props);\n const inner = useRef<HTMLTextAreaElement | null>(null);\n const grow = useCallback(() => {\n const el = inner.current;\n if (!el || resize !== \"auto\") return;\n el.style.height = \"auto\";\n el.style.height = `${Math.min(el.scrollHeight, maxRows * LINE + PAD)}px`;\n }, [maxRows, resize]);\n useLayoutEffect(grow, [grow, rest.value]);\n const control = (\n <textarea\n ref={(el) => {\n inner.current = el;\n if (typeof ref === \"function\") ref(el);\n else if (ref) ref.current = el;\n }}\n rows={rows}\n disabled={disabled}\n required={required}\n onChange={(e) => {\n grow();\n onChange?.(e);\n }}\n className={cn(\n \"block w-full min-w-0 rounded-textarea px-16 py-10 text-body text-fg material-field transition-control outline-none placeholder:text-fg-tertiary scrollbar-quiet\",\n \"disabled:cursor-not-allowed\",\n mono && \"mono text-small\",\n KAESO_TEXTAREA_VARIANTS.resize[resize].classes,\n !(label || description || error) && className,\n )}\n {...(id ? { id } : {})}\n {...fc.controlProps}\n {...(invalid || error ? { \"aria-invalid\": true } : {})}\n {...rest}\n />\n );\n if (field) return control;\n return withField({ label, description, error, optional, required, layout, id: fc.wrapId ?? id, disabled, className }, control);\n});\nif (process.env.NODE_ENV !== \"production\") Textarea.displayName = \"Textarea\";\n"],"mappings":"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"}
|