@logicplanes/kaeso-ui 0.4.1 → 0.4.2

package/dist/chunks/{segmented-DRLDN8EW.js → segmented-C97zvDR1.js}

@@ -1,8 +1,8 @@
 "use client";
-import { t as e } from "./cn-Isw2DnQX.js";
+import { t as e } from "./cn-Dj6sRgkF.js";
 import { t } from "./use-controllable-B5Fd12Bx.js";
-import { t as n } from "./icon-D5uD_mnL.js";
-import { r } from "./tooltip-CRApbLF6.js";
+import { t as n } from "./icon-D7ja-_Yk.js";
+import { r } from "./tooltip-BMQ9BtPp.js";
 import { t as i } from "./observe-resize-DhxhmoyB.js";
 import { forwardRef as a, useEffect as o, useLayoutEffect as s, useRef as c, useState as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
@@ -111,4 +111,4 @@ process.env.NODE_ENV !== "production" && (y.displayName = "Segmented");
 //#endregion
 export { h as n, y as r, g as t };
 
-//# sourceMappingURL=segmented-DRLDN8EW.js.map
+//# sourceMappingURL=segmented-C97zvDR1.js.map

package/dist/chunks/{segmented-DRLDN8EW.js.map → segmented-C97zvDR1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"segmented-DRLDN8EW.js","names":["BaseRadioGroup","BaseRadio","cn","Icon","observeResize","useIndicator","box","setBox","useState","animate","setAnimate","useEffect","raf","live","useLayoutEffect","root","container","measure","el","selector","b","stop","layout","KAESO_SEGMENTED_VARIANTS","KAESO_SEGMENTED_DEFAULT_VARIANTS","ITEM","ITEM_ICON","Segmented","ariaLabel","force","current","setCurrent","useControllable","value","defaultValue","options","onValueChange","track","useRef","ind","size","RadioGroup","ref","v","disabled","fullWidth","className","iconOnly","o","item","Radio","Tooltip"],"sources":["../../src/hooks/use-indicator.ts","../../src/components/segmented/segmented.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useState, type RefObject } from \"react\";\nimport { observeResize } from \"../utils/observe-resize.js\";\n\nexport function useIndicator(\n  container: RefObject<HTMLElement | null>,\n  selector: string,\n  layout: string,\n): { x: number; y: number; w: number; h: number; ready: boolean; animate: boolean } {\n  const [box, setBox] = useState({ x: 0, y: 0, w: 0, h: 0, ready: false });\n  const [animate, setAnimate] = useState(false);\n  useEffect(() => {\n    if (!box.ready || animate) return;\n    let raf = 0;\n    let live = true;\n    void (document.fonts?.ready ?? Promise.resolve()).then(() => {\n      if (live) raf = requestAnimationFrame(() => (raf = requestAnimationFrame(() => setAnimate(true))));\n    });\n    return () => {\n      live = false;\n      cancelAnimationFrame(raf);\n    };\n  }, [box.ready, animate]);\n  useLayoutEffect(() => {\n    const root = container.current;\n    if (!root) return;\n    const measure = () => {\n      const el = root.querySelector<HTMLElement>(selector);\n      if (!el) return setBox((b) => ({ ...b, ready: false }));\n      setBox({ x: Math.round(el.offsetLeft), y: Math.round(el.offsetTop), w: Math.round(el.offsetWidth), h: Math.round(el.offsetHeight), ready: true });\n    };\n    measure();\n    if (typeof ResizeObserver === \"undefined\") return;\n    let live = true;\n    const stop = observeResize([root, ...root.querySelectorAll(\":scope > *\")], measure);\n    void document.fonts?.ready.then(() => {\n      if (live) measure();\n    });\n    return () => {\n      live = false;\n      stop();\n    };\n  }, [container, selector, layout]);\n  return { ...box, animate };\n}\n","import { forwardRef, useRef, type ReactNode } from \"react\";\nimport { RadioGroup as BaseRadioGroup } from \"@base-ui/react/radio-group\";\nimport { Radio as BaseRadio } from \"@base-ui/react/radio\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useControllable } from \"../../utils/use-controllable.js\";\nimport { useIndicator } from \"../../hooks/use-indicator.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\n\nexport const KAESO_SEGMENTED_VARIANTS = {\n  size: {\n    sm: { classes: \"h-32 p-2 gap-2\" },\n    md: { classes: \"h-36 p-2 gap-2\" },\n  },\n} as const;\nexport const KAESO_SEGMENTED_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nconst ITEM = { sm: \"h-28 px-10 text-body\", md: \"h-32 px-12 text-body\" } as const;\nconst ITEM_ICON = { sm: \"w-32 px-0\", md: \"w-36 px-0\" } as const;\n\nexport interface SegmentedOption {\n  value: string;\n  label?: ReactNode | undefined;\n  icon?: IconData | undefined;\n  \"aria-label\"?: string | undefined;\n  disabled?: boolean | undefined;\n}\n\nexport interface SegmentedProps {\n  options: SegmentedOption[];\n  value?: string | undefined;\n  defaultValue?: string | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n  size?: keyof typeof KAESO_SEGMENTED_VARIANTS.size | undefined;\n  disabled?: boolean | undefined;\n  fullWidth?: boolean | undefined;\n  \"aria-label\": string;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const Segmented = /* @__PURE__ */ forwardRef<HTMLDivElement, SegmentedProps>(function Segmented(\n  { options, value, defaultValue, onValueChange, size = \"md\", disabled, fullWidth, className, \"aria-label\": ariaLabel, \"data-force\": force },\n  ref,\n) {\n  const [current, setCurrent] = useControllable(value, defaultValue ?? options[0]?.value ?? \"\", onValueChange);\n  const track = useRef<HTMLDivElement | null>(null);\n  const ind = useIndicator(track, \"[data-checked]\", `${current}|${options.length}|${size}`);\n  return (\n    <BaseRadioGroup\n      ref={(el: HTMLDivElement | null) => {\n        track.current = el;\n        if (typeof ref === \"function\") ref(el);\n        else if (ref) ref.current = el;\n      }}\n      value={current}\n      onValueChange={(v: unknown) => setCurrent(String(v))}\n      {...(disabled !== undefined ? { disabled } : {})}\n      aria-label={ariaLabel}\n      {...(force ? { \"data-force\": force } : {})}\n      className={cn(\n        \"relative isolate inline-flex items-center rounded-pill bg-fill-1\",\n        KAESO_SEGMENTED_VARIANTS.size[size].classes,\n        fullWidth && \"flex w-full\",\n        disabled && \"opacity-40\",\n        className,\n      )}\n    >\n      <span\n        aria-hidden\n        className={cn(\"absolute top-0 left-0 -z-10 rounded-pill bg-raised shadow-segment\", ind.animate && \"indicator-motion\", !ind.ready && \"opacity-0\")}\n        style={{ transform: `translate(${ind.x}px, ${ind.y}px)`, width: ind.w, height: ind.h }}\n      />\n      {options.map((o) => {\n        const iconOnly = o.icon && !o.label;\n        const item = (\n          <BaseRadio.Root\n            key={o.value}\n            value={o.value}\n            {...(o.disabled ? { disabled: true } : {})}\n            {...(iconOnly && o[\"aria-label\"] ? { \"aria-label\": o[\"aria-label\"] } : {})}\n            className={cn(\n              \"relative inline-flex cursor-pointer items-center justify-center gap-6 rounded-pill font-medium whitespace-nowrap text-fg-secondary transition-control focus-ring tap-target\",\n              \"hover:text-fg checked:text-fg disabled:cursor-not-allowed disabled:text-fg-disabled\",\n              ITEM[size],\n              iconOnly && ITEM_ICON[size],\n              fullWidth && \"flex-1\",\n            )}\n          >\n            {o.icon && <Icon icon={o.icon} size=\"sm\" />}\n            {o.label}\n          </BaseRadio.Root>\n        );\n        return iconOnly && o[\"aria-label\"] ? (\n          <Tooltip key={o.value} content={o[\"aria-label\"]}>\n            {item}\n          </Tooltip>\n        ) : (\n          item\n        );\n      })}\n    </BaseRadioGroup>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Segmented.displayName = \"Segmented\";\n"],"mappings":";;;;;;;;;;;AAGA,SAAgBK,EACd,GACA,GACA,GACkF;CAClF,IAAM,CAACC,GAAKC,KAAUC,EAAS;EAAE,GAAG;EAAG,GAAG;EAAG,GAAG;EAAG,GAAG;EAAG,OAAO;CAAM,CAAC,GACjE,CAACC,GAASC,KAAcF,EAAS,EAAK;CAiC5C,OAhCAG,QAAgB;EACd,IAAI,CAACL,EAAI,SAASG,GAAS;EAC3B,IAAIG,IAAM,GACNC,IAAO;EAIX,QAHM,SAAS,OAAO,SAAS,QAAQ,QAAQ,EAAA,CAAG,WAAW;GAC3D,AAAIA,MAAM,IAAM,4BAA6B,IAAM,4BAA4BH,EAAW,EAAI,CAAC,CAAE;EACnG,CAAC,SACY;GAEX,AADA,IAAO,IACP,qBAAqBE,CAAG;EAC1B;CACF,GAAG,CAACN,EAAI,OAAOG,CAAO,CAAC,GACvBK,QAAsB;EACpB,IAAMC,IAAOC,EAAU;EACvB,IAAI,CAACD,GAAM;EACX,IAAME,UAAgB;GACpB,IAAMC,IAAKH,EAAK,cAA2BI,CAAQ;GACnD,IAAI,CAACD,GAAI,OAAOX,GAAQ,OAAO;IAAE,GAAGa;IAAG,OAAO;GAAM,EAAE;GACtD,EAAO;IAAE,GAAG,KAAK,MAAMF,EAAG,UAAU;IAAG,GAAG,KAAK,MAAMA,EAAG,SAAS;IAAG,GAAG,KAAK,MAAMA,EAAG,WAAW;IAAG,GAAG,KAAK,MAAMA,EAAG,YAAY;IAAG,OAAO;GAAK,CAAC;EAClJ;EAEA,IADAD,EAAQ,GACJ,OAAO,iBAAmB,KAAa;EAC3C,IAAIJ,IAAO,IACLQ,IAAOjB,EAAc,CAACW,GAAM,GAAGA,EAAK,iBAAiB,YAAY,CAAC,GAAGE,CAAO;EAIlF,OAHA,SAAc,OAAO,MAAM,WAAW;GACpC,AAAIJ,KAAMI,EAAQ;EACpB,CAAC,SACY;GAEX,AADA,IAAO,IACPI,EAAK;EACP;CACF,GAAG;EAACL;EAAWG;EAAUG;CAAM,CAAC,GACzB;EAAE,GAAGhB;EAAK;CAAQ;AAC3B;;;AClCA,IAAaiB,IAA2B,EACtC,MAAM;CACJ,IAAI,EAAE,SAAS,iBAAiB;CAChC,IAAI,EAAE,SAAS,iBAAiB;AAClC,EACF,GACaC,IAAmC,EAAE,MAAM,KAAK,GAEvDC,IAAO;CAAE,IAAI;CAAwB,IAAI;AAAuB,GAChEC,IAAY;CAAE,IAAI;CAAa,IAAI;AAAY,GAuBxCC,IAA4B,kBAA2C,SAClF,EAAE,YAAS,UAAO,iBAAc,kBAAe,UAAO,MAAM,aAAU,cAAW,cAAW,cAAcC,GAAW,cAAcC,KACnI,GACA;CACA,IAAM,CAACC,GAASC,KAAcC,EAAgBC,GAAOC,KAAgBC,EAAQ,EAAE,EAAE,SAAS,IAAIC,CAAa,GACrGC,IAAQC,EAA8B,IAAI,GAC1CC,IAAMlC,EAAagC,GAAO,kBAAkB,GAAGP,EAAQ,GAAGK,EAAQ,OAAO,GAAGK,GAAM;CACxF,OACE,kBAACxC,GAAD;EACE,MAAM,MAA8B;GAElC,AADA,EAAM,UAAUkB,GACZ,OAAOwB,KAAQ,aAAYA,EAAIxB,CAAE,IAC5BwB,MAAK,EAAI,UAAUxB;EAC9B;EACA,OAAOY;EACP,gBAAgB,MAAeC,EAAW,OAAOY,CAAC,CAAC;EACnD,GAAKC,MAAa,KAAA,IAA2B,CAAC,IAAhB,EAAE,YAAS;EACzC,cAAYhB;EACZ,GAAKC,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC;EACxC,WAAW3B,EACT,oEACAqB,EAAyB,KAAKiB,EAAK,CAAC,SACpCK,KAAa,eACbD,KAAY,cACZE,CACF;EAjBF,UAAA,CAmBE,kBAAC,QAAD;GACE,eAAA;GACA,WAAW5C,EAAG,qEAAqEqC,EAAI,WAAW,oBAAoB,CAACA,EAAI,SAAS,WAAW;GAC/I,OAAO;IAAE,WAAW,aAAaA,EAAI,EAAE,MAAMA,EAAI,EAAE;IAAM,OAAOA,EAAI;IAAG,QAAQA,EAAI;GAAE;EACtF,CAAA,GACAJ,EAAQ,KAAK,MAAM;GAClB,IAAMY,IAAWC,EAAE,QAAQ,CAACA,EAAE,OACxBC,IACJ,kBAAChD,EAAU,MAAX;IAEE,OAAO+C,EAAE;IACT,GAAKA,EAAE,WAAW,EAAE,UAAU,GAAK,IAAI,CAAC;IACxC,GAAKD,KAAYC,EAAE,gBAAgB,EAAE,cAAcA,EAAE,cAAc,IAAI,CAAC;IACxE,WAAW9C,EACT,+KACA,uFACAuB,EAAKe,IACLO,KAAYrB,EAAUc,IACtBK,KAAa,QACf;IAXF,UAAA,CAaGG,EAAE,QAAQ,kBAAC7C,GAAD;KAAM,MAAM6C,EAAE;KAAM,MAAK;IAAM,CAAA,GACzCA,EAAE,KACW;GAdT,GAAAA,EAAE,KAcO;GAElB,OAAOD,KAAYC,EAAE,gBACnB,kBAACG,GAAD;IAAuB,SAASH,EAAE;IAC/B,UAAAC;GACM,GAFKD,EAAE,KAEP,IAETC;EAEJ,CAAC,CACa;;AAEpB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAU,cAAc"}
+{"version":3,"file":"segmented-C97zvDR1.js","names":["BaseRadioGroup","BaseRadio","cn","Icon","observeResize","useIndicator","box","setBox","useState","animate","setAnimate","useEffect","raf","live","useLayoutEffect","root","container","measure","el","selector","b","stop","layout","KAESO_SEGMENTED_VARIANTS","KAESO_SEGMENTED_DEFAULT_VARIANTS","ITEM","ITEM_ICON","Segmented","ariaLabel","force","current","setCurrent","useControllable","value","defaultValue","options","onValueChange","track","useRef","ind","size","RadioGroup","ref","v","disabled","fullWidth","className","iconOnly","o","item","Radio","Tooltip"],"sources":["../../src/hooks/use-indicator.ts","../../src/components/segmented/segmented.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useState, type RefObject } from \"react\";\nimport { observeResize } from \"../utils/observe-resize.js\";\n\nexport function useIndicator(\n  container: RefObject<HTMLElement | null>,\n  selector: string,\n  layout: string,\n): { x: number; y: number; w: number; h: number; ready: boolean; animate: boolean } {\n  const [box, setBox] = useState({ x: 0, y: 0, w: 0, h: 0, ready: false });\n  const [animate, setAnimate] = useState(false);\n  useEffect(() => {\n    if (!box.ready || animate) return;\n    let raf = 0;\n    let live = true;\n    void (document.fonts?.ready ?? Promise.resolve()).then(() => {\n      if (live) raf = requestAnimationFrame(() => (raf = requestAnimationFrame(() => setAnimate(true))));\n    });\n    return () => {\n      live = false;\n      cancelAnimationFrame(raf);\n    };\n  }, [box.ready, animate]);\n  useLayoutEffect(() => {\n    const root = container.current;\n    if (!root) return;\n    const measure = () => {\n      const el = root.querySelector<HTMLElement>(selector);\n      if (!el) return setBox((b) => ({ ...b, ready: false }));\n      setBox({ x: Math.round(el.offsetLeft), y: Math.round(el.offsetTop), w: Math.round(el.offsetWidth), h: Math.round(el.offsetHeight), ready: true });\n    };\n    measure();\n    if (typeof ResizeObserver === \"undefined\") return;\n    let live = true;\n    const stop = observeResize([root, ...root.querySelectorAll(\":scope > *\")], measure);\n    void document.fonts?.ready.then(() => {\n      if (live) measure();\n    });\n    return () => {\n      live = false;\n      stop();\n    };\n  }, [container, selector, layout]);\n  return { ...box, animate };\n}\n","import { forwardRef, useRef, type ReactNode } from \"react\";\nimport { RadioGroup as BaseRadioGroup } from \"@base-ui/react/radio-group\";\nimport { Radio as BaseRadio } from \"@base-ui/react/radio\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useControllable } from \"../../utils/use-controllable.js\";\nimport { useIndicator } from \"../../hooks/use-indicator.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\n\nexport const KAESO_SEGMENTED_VARIANTS = {\n  size: {\n    sm: { classes: \"h-32 p-2 gap-2\" },\n    md: { classes: \"h-36 p-2 gap-2\" },\n  },\n} as const;\nexport const KAESO_SEGMENTED_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nconst ITEM = { sm: \"h-28 px-10 text-body\", md: \"h-32 px-12 text-body\" } as const;\nconst ITEM_ICON = { sm: \"w-32 px-0\", md: \"w-36 px-0\" } as const;\n\nexport interface SegmentedOption {\n  value: string;\n  label?: ReactNode | undefined;\n  icon?: IconData | undefined;\n  \"aria-label\"?: string | undefined;\n  disabled?: boolean | undefined;\n}\n\nexport interface SegmentedProps {\n  options: SegmentedOption[];\n  value?: string | undefined;\n  defaultValue?: string | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n  size?: keyof typeof KAESO_SEGMENTED_VARIANTS.size | undefined;\n  disabled?: boolean | undefined;\n  fullWidth?: boolean | undefined;\n  \"aria-label\": string;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const Segmented = /* @__PURE__ */ forwardRef<HTMLDivElement, SegmentedProps>(function Segmented(\n  { options, value, defaultValue, onValueChange, size = \"md\", disabled, fullWidth, className, \"aria-label\": ariaLabel, \"data-force\": force },\n  ref,\n) {\n  const [current, setCurrent] = useControllable(value, defaultValue ?? options[0]?.value ?? \"\", onValueChange);\n  const track = useRef<HTMLDivElement | null>(null);\n  const ind = useIndicator(track, \"[data-checked]\", `${current}|${options.length}|${size}`);\n  return (\n    <BaseRadioGroup\n      ref={(el: HTMLDivElement | null) => {\n        track.current = el;\n        if (typeof ref === \"function\") ref(el);\n        else if (ref) ref.current = el;\n      }}\n      value={current}\n      onValueChange={(v: unknown) => setCurrent(String(v))}\n      {...(disabled !== undefined ? { disabled } : {})}\n      aria-label={ariaLabel}\n      {...(force ? { \"data-force\": force } : {})}\n      className={cn(\n        \"relative isolate inline-flex items-center rounded-pill bg-fill-1\",\n        KAESO_SEGMENTED_VARIANTS.size[size].classes,\n        fullWidth && \"flex w-full\",\n        disabled && \"opacity-40\",\n        className,\n      )}\n    >\n      <span\n        aria-hidden\n        className={cn(\"absolute top-0 left-0 -z-10 rounded-pill bg-raised shadow-segment\", ind.animate && \"indicator-motion\", !ind.ready && \"opacity-0\")}\n        style={{ transform: `translate(${ind.x}px, ${ind.y}px)`, width: ind.w, height: ind.h }}\n      />\n      {options.map((o) => {\n        const iconOnly = o.icon && !o.label;\n        const item = (\n          <BaseRadio.Root\n            key={o.value}\n            value={o.value}\n            {...(o.disabled ? { disabled: true } : {})}\n            {...(iconOnly && o[\"aria-label\"] ? { \"aria-label\": o[\"aria-label\"] } : {})}\n            className={cn(\n              \"relative inline-flex cursor-pointer items-center justify-center gap-6 rounded-pill font-medium whitespace-nowrap text-fg-secondary transition-control focus-ring tap-target\",\n              \"hover:text-fg checked:text-fg disabled:cursor-not-allowed disabled:text-fg-disabled\",\n              ITEM[size],\n              iconOnly && ITEM_ICON[size],\n              fullWidth && \"flex-1\",\n            )}\n          >\n            {o.icon && <Icon icon={o.icon} size=\"sm\" />}\n            {o.label}\n          </BaseRadio.Root>\n        );\n        return iconOnly && o[\"aria-label\"] ? (\n          <Tooltip key={o.value} content={o[\"aria-label\"]}>\n            {item}\n          </Tooltip>\n        ) : (\n          item\n        );\n      })}\n    </BaseRadioGroup>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Segmented.displayName = \"Segmented\";\n"],"mappings":"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"}

package/dist/chunks/{select-eFTHLeYG.js → select-x4XVsdCI.js}

@@ -1,11 +1,11 @@
 "use client";
 import { i as e, o as t } from "./styles-CVJU9t9v.js";
-import { t as n } from "./cn-Isw2DnQX.js";
+import { t as n } from "./cn-Dj6sRgkF.js";
 import { i as r } from "./dev-CR1p7gCm.js";
 import { n as ee, r as i } from "./portal-context-BBbzDKmY.js";
 import { i as a } from "./context-BELWW79w.js";
-import { t as o } from "./icon-D5uD_mnL.js";
-import { a as s, o as te, s as ne } from "./field-DfITT6Jm.js";
+import { t as o } from "./icon-D7ja-_Yk.js";
+import { a as s, o as te, s as ne } from "./field-TviMvYa2.js";
 import { n as c, t as l } from "./use-layout-width-CbSDbRb0.js";
 import { t as re } from "./option-checkbox-Df7WhGn4.js";
 import { Fragment as u, forwardRef as d, useCallback as f, useRef as p } from "react";
@@ -207,4 +207,4 @@ process.env.NODE_ENV !== "production" && (w.displayName = "Select");
 //#endregion
 export { b as n, w as r, x as t };
 
-//# sourceMappingURL=select-eFTHLeYG.js.map
+//# sourceMappingURL=select-x4XVsdCI.js.map

package/dist/chunks/{select-eFTHLeYG.js.map → select-x4XVsdCI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select-eFTHLeYG.js","names":["Select","BaseSelect","__icon_ArrowDown01Icon","__icon_ArrowUp01Icon","__icon_Tick02Icon","MENU_ITEM","MENU_POPUP","cn","warnStylingClassName","pageBoundary","usePortalContainer","useUiText","Icon","useField","useFieldControl","withField","useLayoutWidth","anchorWidthStyle","OptionCheckbox","KAESO_SELECT_VARIANTS","KAESO_SELECT_DEFAULT_VARIANTS","changeWith","accepts","value","onChange","groupsOf","out","o","options","last","Select$1","placeholderProp","ariaLabel","force","props","className","t","placeholder","field","fc","trigger","useRef","triggerWidth","setTrigger","useCallback","el","ref","byValue","textOf","v","valueProps","control","Select","required","disabled","name","open","onOpenChange","id","invalid","error","size","appearance","fullWidth","label","description","icon","multiple","arr","first","ArrowDown01Icon","CSPProvider","ArrowUp01Icon","Fragment","gi","g","Tick02Icon"],"sources":["../../src/components/select/select.tsx"],"sourcesContent":["import { pageBoundary, usePortalContainer } from \"../../utils/portal-context.js\";\nimport { Fragment, forwardRef, useCallback, useRef, type ReactNode } from \"react\";\nimport { CSPProvider } from \"@base-ui/react/csp-provider\";\nimport { Select as BaseSelect } from \"@base-ui/react/select\";\nimport { cn } from \"../../utils/cn.js\";\nimport { warnStylingClassName } from \"../../utils/dev.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { ArrowDown01Icon as __icon_ArrowDown01Icon, ArrowUp01Icon as __icon_ArrowUp01Icon, Tick02Icon as __icon_Tick02Icon } from \"@hugeicons/core-free-icons\";\nimport { MENU_ICON, MENU_ITEM, MENU_LABEL, MENU_POPUP, MENU_SEPARATOR } from \"../menu/styles.js\";\nimport { anchorWidthStyle, useLayoutWidth } from \"../../hooks/use-layout-width.js\";\nimport { useUiText } from \"../../i18n/context.js\";\nimport { OptionCheckbox } from \"./option-checkbox.js\";\n\nexport const KAESO_SELECT_VARIANTS = {\n  appearance: {\n    default: { classes: \"material-selector\" },\n    ghost: {\n      classes: \"material-ghost focus-ring text-fg-secondary hover:text-fg open:text-fg\",\n    },\n    header: { classes: \"material-ghost focus-ring text-fg\" },\n  },\n  size: {\n    sm: { classes: \"h-32 pl-12 pr-10 gap-6 text-body\" },\n    md: { classes: \"h-36 pl-16 pr-12 gap-8 text-body\" },\n    lg: { classes: \"h-40 pl-18 pr-14 gap-8 text-body\" },\n    xl: { classes: \"h-48 pl-22 pr-18 gap-8 text-body-lg\" },\n  },\n} as const;\nexport const KAESO_SELECT_DEFAULT_VARIANTS = { appearance: \"default\", size: \"md\" } as const;\n\nexport interface SelectOption {\n  value: string;\n  label: ReactNode;\n  textValue?: string | undefined;\n  description?: ReactNode | undefined;\n  icon?: IconData | undefined;\n  group?: string | undefined;\n  disabled?: boolean | undefined;\n}\n\ninterface BaseProps extends FieldWrapProps {\n  options: SelectOption[];\n  placeholder?: ReactNode | undefined;\n  size?: keyof typeof KAESO_SELECT_VARIANTS.size | undefined;\n  appearance?: keyof typeof KAESO_SELECT_VARIANTS.appearance | undefined;\n  disabled?: boolean | undefined;\n  name?: string | undefined;\n  id?: string | undefined;\n  open?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  invalid?: boolean | undefined;\n  icon?: IconData | undefined;\n  fullWidth?: boolean | undefined;\n  \"aria-label\"?: string | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\nexport interface SingleSelectProps extends BaseProps {\n  multiple?: false | undefined;\n  value?: string | null | undefined;\n  defaultValue?: string | null | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n}\nexport interface MultiSelectProps extends BaseProps {\n  multiple: true;\n  value?: string[] | undefined;\n  defaultValue?: string[] | undefined;\n  onValueChange?: ((value: string[]) => void) | undefined;\n}\nexport type SelectProps = SingleSelectProps | MultiSelectProps;\n\nfunction changeWith<T extends string | string[]>(onChange: (value: T) => void, accepts: (value: unknown) => value is T) {\n  return (value: unknown) => {\n    if (accepts(value)) onChange(value);\n  };\n}\n\nfunction groupsOf(options: SelectOption[]) {\n  const out: { group: string | undefined; items: SelectOption[] }[] = [];\n  for (const o of options) {\n    const last = out[out.length - 1];\n    if (last && last.group === o.group) last.items.push(o);\n    else out.push({ group: o.group, items: [o] });\n  }\n  return out;\n}\n\nexport const Select = /* @__PURE__ */ forwardRef<HTMLButtonElement, SelectProps>(function Select(props, ref) {\n  const {\n    options,\n    placeholder: placeholderProp,\n    size = \"md\",\n    appearance = \"default\",\n    disabled,\n    name,\n    id,\n    open,\n    onOpenChange,\n    invalid,\n    icon,\n    fullWidth,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    className,\n    multiple,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n  } = props;\n  warnStylingClassName(\"Select\", className);\n  const t = useUiText();\n  const placeholder = placeholderProp ?? t(\"select.placeholder\", \"Select\");\n  const field = useField();\n  const fc = useFieldControl(props);\n  const trigger = useRef<HTMLButtonElement | null>(null);\n  const triggerWidth = useLayoutWidth(trigger);\n  const setTrigger = useCallback(\n    (el: HTMLButtonElement | null) => {\n      trigger.current = el;\n      if (typeof ref === \"function\") ref(el);\n      else if (ref) ref.current = el;\n    },\n    [ref],\n  );\n  const byValue = new Map(options.map((o) => [o.value, o]));\n  const textOf = (v: string) => {\n    const o = byValue.get(v);\n    return o?.textValue ?? (typeof o?.label === \"string\" ? o.label : v);\n  };\n  const valueProps: Pick<BaseSelect.Root.Props<string, boolean>, \"multiple\" | \"value\" | \"defaultValue\" | \"onValueChange\"> = props.multiple\n    ? {\n        multiple: true,\n        ...(props.value !== undefined ? { value: props.value } : {}),\n        ...(props.defaultValue !== undefined ? { defaultValue: props.defaultValue } : {}),\n        ...(props.onValueChange ? { onValueChange: changeWith(props.onValueChange, Array.isArray) } : {}),\n      }\n    : {\n        ...(props.value !== undefined ? { value: props.value } : {}),\n        ...(props.defaultValue !== undefined ? { defaultValue: props.defaultValue } : {}),\n        ...(props.onValueChange ? { onValueChange: changeWith(props.onValueChange, (v) => typeof v === \"string\") } : {}),\n      };\n  const control = (\n    <BaseSelect.Root\n      {...valueProps}\n      {...((field?.required ?? required) ? { required: true } : {})}\n      {...(disabled !== undefined ? { disabled } : {})}\n      {...(name ? { name } : {})}\n      {...(open !== undefined ? { open } : {})}\n      {...(onOpenChange ? { onOpenChange: (o: boolean) => onOpenChange(o) } : {})}\n      itemToStringLabel={(v: unknown) => textOf(String(v))}\n      modal={false}\n    >\n      <BaseSelect.Trigger\n        ref={setTrigger}\n        {...(id ? { id } : {})}\n        {...fc.controlProps}\n        {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n        {...(invalid || error ? { \"aria-invalid\": true } : {})}\n        {...(force ? { \"data-force\": force } : {})}\n        className={cn(\n          \"inline-flex min-w-0 cursor-pointer items-center justify-between rounded-pill font-medium whitespace-nowrap transition-control disabled:cursor-not-allowed\",\n          KAESO_SELECT_VARIANTS.size[size].classes,\n          KAESO_SELECT_VARIANTS.appearance[appearance].classes,\n          (invalid || error) && appearance !== \"default\" && \"ring-invalid\",\n          fullWidth && \"w-full\",\n          !(label || description || error) && className,\n        )}\n      >\n        {icon && <Icon icon={icon} size=\"sm\" className=\"text-fg-secondary\" />}\n        <BaseSelect.Value\n          className=\"min-w-0 flex-1 truncate text-left data-placeholder:text-fg-tertiary data-placeholder:font-regular\"\n          placeholder={placeholder}\n        >\n          {(value: unknown) => {\n            if (multiple) {\n              const arr = Array.isArray(value) ? value.map(String) : [];\n              const [first] = arr;\n              if (first === undefined) return placeholder;\n              return arr.length === 1 ? textOf(first) : t(\"select.firstAndMore\", \"{first} +{count}\", { first: textOf(first), count: String(arr.length - 1) });\n            }\n            return value == null || value === \"\" ? placeholder : (byValue.get(String(value))?.label ?? String(value));\n          }}\n        </BaseSelect.Value>\n        <BaseSelect.Icon className=\"flex shrink-0 text-fg-tertiary\">\n          <Icon icon={__icon_ArrowDown01Icon} size=\"sm\" />\n        </BaseSelect.Icon>\n      </BaseSelect.Trigger>\n      <CSPProvider disableStyleElements>\n        <BaseSelect.Portal container={usePortalContainer()}>\n          <BaseSelect.Positioner\n            positionMethod=\"fixed\"\n            collisionBoundary={pageBoundary()}\n            alignItemWithTrigger={false}\n            align=\"start\"\n            sideOffset={6}\n            collisionPadding={8}\n            className=\"z-50 outline-none\"\n          >\n            <BaseSelect.Popup className={cn(MENU_POPUP, \"min-w-anchor overflow-hidden\")} style={anchorWidthStyle(triggerWidth)}>\n              <BaseSelect.ScrollUpArrow className=\"flex h-20 items-center justify-center text-fg-tertiary\">\n                <Icon icon={__icon_ArrowUp01Icon} size=\"xs\" />\n              </BaseSelect.ScrollUpArrow>\n              <BaseSelect.List className=\"-mx-6 flex min-h-0 flex-col overflow-y-auto overscroll-contain px-6 outline-none scrollbar-quiet\">\n                {groupsOf(options).map((g, gi) => (\n                  <Fragment key={g.group ?? `g${gi}`}>\n                    {gi > 0 && <div role=\"presentation\" className={MENU_SEPARATOR} />}\n                    <BaseSelect.Group className=\"flex flex-col\">\n                      {g.group && <BaseSelect.GroupLabel className={MENU_LABEL}>{g.group}</BaseSelect.GroupLabel>}\n                      {g.items.map((o) => (\n                        <BaseSelect.Item\n                          key={o.value}\n                          value={o.value}\n                          {...(o.disabled ? { disabled: true } : {})}\n                          label={o.textValue ?? (typeof o.label === \"string\" ? o.label : o.value)}\n                          className={cn(MENU_ITEM, \"group/opt\")}\n                        >\n                          {multiple && (\n                            <span className=\"pointer-events-none flex\">\n                              <OptionCheckbox />\n                            </span>\n                          )}\n                          {o.icon && <Icon icon={o.icon} size=\"sm\" className={cn(MENU_ICON, o.description && \"self-start mt-10\")} />}\n                          <span className={cn(\"flex min-w-0 flex-1 flex-col\", o.description && \"gap-2 py-8\")}>\n                            <BaseSelect.ItemText className=\"truncate\">{o.label}</BaseSelect.ItemText>\n                            {o.description && <span className=\"text-small font-regular whitespace-normal text-fg-secondary\">{o.description}</span>}\n                          </span>\n                          {!multiple && (\n                            <BaseSelect.ItemIndicator\n                              keepMounted\n                              className={cn(\n                                \"flex size-16 shrink-0 items-center justify-center text-fg opacity-0 data-selected:opacity-100\",\n                                o.description && \"self-start mt-10\",\n                              )}\n                            >\n                              <Icon icon={__icon_Tick02Icon} size=\"sm\" />\n                            </BaseSelect.ItemIndicator>\n                          )}\n                        </BaseSelect.Item>\n                      ))}\n                    </BaseSelect.Group>\n                  </Fragment>\n                ))}\n              </BaseSelect.List>\n              <BaseSelect.ScrollDownArrow className=\"flex h-20 items-center justify-center text-fg-tertiary\">\n                <Icon icon={__icon_ArrowDown01Icon} size=\"xs\" />\n              </BaseSelect.ScrollDownArrow>\n            </BaseSelect.Popup>\n          </BaseSelect.Positioner>\n        </BaseSelect.Portal>\n      </CSPProvider>\n    </BaseSelect.Root>\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\") Select.displayName = \"Select\";\n"],"mappings":"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"}
+{"version":3,"file":"select-x4XVsdCI.js","names":["Select","BaseSelect","__icon_ArrowDown01Icon","__icon_ArrowUp01Icon","__icon_Tick02Icon","MENU_ITEM","MENU_POPUP","cn","warnStylingClassName","pageBoundary","usePortalContainer","useUiText","Icon","useField","useFieldControl","withField","useLayoutWidth","anchorWidthStyle","OptionCheckbox","KAESO_SELECT_VARIANTS","KAESO_SELECT_DEFAULT_VARIANTS","changeWith","accepts","value","onChange","groupsOf","out","o","options","last","Select$1","placeholderProp","ariaLabel","force","props","className","t","placeholder","field","fc","trigger","useRef","triggerWidth","setTrigger","useCallback","el","ref","byValue","textOf","v","valueProps","control","Select","required","disabled","name","open","onOpenChange","id","invalid","error","size","appearance","fullWidth","label","description","icon","multiple","arr","first","ArrowDown01Icon","CSPProvider","ArrowUp01Icon","Fragment","gi","g","Tick02Icon"],"sources":["../../src/components/select/select.tsx"],"sourcesContent":["import { pageBoundary, usePortalContainer } from \"../../utils/portal-context.js\";\nimport { Fragment, forwardRef, useCallback, useRef, type ReactNode } from \"react\";\nimport { CSPProvider } from \"@base-ui/react/csp-provider\";\nimport { Select as BaseSelect } from \"@base-ui/react/select\";\nimport { cn } from \"../../utils/cn.js\";\nimport { warnStylingClassName } from \"../../utils/dev.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { ArrowDown01Icon as __icon_ArrowDown01Icon, ArrowUp01Icon as __icon_ArrowUp01Icon, Tick02Icon as __icon_Tick02Icon } from \"@hugeicons/core-free-icons\";\nimport { MENU_ICON, MENU_ITEM, MENU_LABEL, MENU_POPUP, MENU_SEPARATOR } from \"../menu/styles.js\";\nimport { anchorWidthStyle, useLayoutWidth } from \"../../hooks/use-layout-width.js\";\nimport { useUiText } from \"../../i18n/context.js\";\nimport { OptionCheckbox } from \"./option-checkbox.js\";\n\nexport const KAESO_SELECT_VARIANTS = {\n  appearance: {\n    default: { classes: \"material-selector\" },\n    ghost: {\n      classes: \"material-ghost focus-ring text-fg-secondary hover:text-fg open:text-fg\",\n    },\n    header: { classes: \"material-ghost focus-ring text-fg\" },\n  },\n  size: {\n    sm: { classes: \"h-32 pl-12 pr-10 gap-6 text-body\" },\n    md: { classes: \"h-36 pl-16 pr-12 gap-8 text-body\" },\n    lg: { classes: \"h-40 pl-18 pr-14 gap-8 text-body\" },\n    xl: { classes: \"h-48 pl-22 pr-18 gap-8 text-body-lg\" },\n  },\n} as const;\nexport const KAESO_SELECT_DEFAULT_VARIANTS = { appearance: \"default\", size: \"md\" } as const;\n\nexport interface SelectOption {\n  value: string;\n  label: ReactNode;\n  textValue?: string | undefined;\n  description?: ReactNode | undefined;\n  icon?: IconData | undefined;\n  group?: string | undefined;\n  disabled?: boolean | undefined;\n}\n\ninterface BaseProps extends FieldWrapProps {\n  options: SelectOption[];\n  placeholder?: ReactNode | undefined;\n  size?: keyof typeof KAESO_SELECT_VARIANTS.size | undefined;\n  appearance?: keyof typeof KAESO_SELECT_VARIANTS.appearance | undefined;\n  disabled?: boolean | undefined;\n  name?: string | undefined;\n  id?: string | undefined;\n  open?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  invalid?: boolean | undefined;\n  icon?: IconData | undefined;\n  fullWidth?: boolean | undefined;\n  \"aria-label\"?: string | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\nexport interface SingleSelectProps extends BaseProps {\n  multiple?: false | undefined;\n  value?: string | null | undefined;\n  defaultValue?: string | null | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n}\nexport interface MultiSelectProps extends BaseProps {\n  multiple: true;\n  value?: string[] | undefined;\n  defaultValue?: string[] | undefined;\n  onValueChange?: ((value: string[]) => void) | undefined;\n}\nexport type SelectProps = SingleSelectProps | MultiSelectProps;\n\nfunction changeWith<T extends string | string[]>(onChange: (value: T) => void, accepts: (value: unknown) => value is T) {\n  return (value: unknown) => {\n    if (accepts(value)) onChange(value);\n  };\n}\n\nfunction groupsOf(options: SelectOption[]) {\n  const out: { group: string | undefined; items: SelectOption[] }[] = [];\n  for (const o of options) {\n    const last = out[out.length - 1];\n    if (last && last.group === o.group) last.items.push(o);\n    else out.push({ group: o.group, items: [o] });\n  }\n  return out;\n}\n\nexport const Select = /* @__PURE__ */ forwardRef<HTMLButtonElement, SelectProps>(function Select(props, ref) {\n  const {\n    options,\n    placeholder: placeholderProp,\n    size = \"md\",\n    appearance = \"default\",\n    disabled,\n    name,\n    id,\n    open,\n    onOpenChange,\n    invalid,\n    icon,\n    fullWidth,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    className,\n    multiple,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n  } = props;\n  warnStylingClassName(\"Select\", className);\n  const t = useUiText();\n  const placeholder = placeholderProp ?? t(\"select.placeholder\", \"Select\");\n  const field = useField();\n  const fc = useFieldControl(props);\n  const trigger = useRef<HTMLButtonElement | null>(null);\n  const triggerWidth = useLayoutWidth(trigger);\n  const setTrigger = useCallback(\n    (el: HTMLButtonElement | null) => {\n      trigger.current = el;\n      if (typeof ref === \"function\") ref(el);\n      else if (ref) ref.current = el;\n    },\n    [ref],\n  );\n  const byValue = new Map(options.map((o) => [o.value, o]));\n  const textOf = (v: string) => {\n    const o = byValue.get(v);\n    return o?.textValue ?? (typeof o?.label === \"string\" ? o.label : v);\n  };\n  const valueProps: Pick<BaseSelect.Root.Props<string, boolean>, \"multiple\" | \"value\" | \"defaultValue\" | \"onValueChange\"> = props.multiple\n    ? {\n        multiple: true,\n        ...(props.value !== undefined ? { value: props.value } : {}),\n        ...(props.defaultValue !== undefined ? { defaultValue: props.defaultValue } : {}),\n        ...(props.onValueChange ? { onValueChange: changeWith(props.onValueChange, Array.isArray) } : {}),\n      }\n    : {\n        ...(props.value !== undefined ? { value: props.value } : {}),\n        ...(props.defaultValue !== undefined ? { defaultValue: props.defaultValue } : {}),\n        ...(props.onValueChange ? { onValueChange: changeWith(props.onValueChange, (v) => typeof v === \"string\") } : {}),\n      };\n  const control = (\n    <BaseSelect.Root\n      {...valueProps}\n      {...((field?.required ?? required) ? { required: true } : {})}\n      {...(disabled !== undefined ? { disabled } : {})}\n      {...(name ? { name } : {})}\n      {...(open !== undefined ? { open } : {})}\n      {...(onOpenChange ? { onOpenChange: (o: boolean) => onOpenChange(o) } : {})}\n      itemToStringLabel={(v: unknown) => textOf(String(v))}\n      modal={false}\n    >\n      <BaseSelect.Trigger\n        ref={setTrigger}\n        {...(id ? { id } : {})}\n        {...fc.controlProps}\n        {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n        {...(invalid || error ? { \"aria-invalid\": true } : {})}\n        {...(force ? { \"data-force\": force } : {})}\n        className={cn(\n          \"inline-flex min-w-0 cursor-pointer items-center justify-between rounded-pill font-medium whitespace-nowrap transition-control disabled:cursor-not-allowed\",\n          KAESO_SELECT_VARIANTS.size[size].classes,\n          KAESO_SELECT_VARIANTS.appearance[appearance].classes,\n          (invalid || error) && appearance !== \"default\" && \"ring-invalid\",\n          fullWidth && \"w-full\",\n          !(label || description || error) && className,\n        )}\n      >\n        {icon && <Icon icon={icon} size=\"sm\" className=\"text-fg-secondary\" />}\n        <BaseSelect.Value\n          className=\"min-w-0 flex-1 truncate text-left data-placeholder:text-fg-tertiary data-placeholder:font-regular\"\n          placeholder={placeholder}\n        >\n          {(value: unknown) => {\n            if (multiple) {\n              const arr = Array.isArray(value) ? value.map(String) : [];\n              const [first] = arr;\n              if (first === undefined) return placeholder;\n              return arr.length === 1 ? textOf(first) : t(\"select.firstAndMore\", \"{first} +{count}\", { first: textOf(first), count: String(arr.length - 1) });\n            }\n            return value == null || value === \"\" ? placeholder : (byValue.get(String(value))?.label ?? String(value));\n          }}\n        </BaseSelect.Value>\n        <BaseSelect.Icon className=\"flex shrink-0 text-fg-tertiary\">\n          <Icon icon={__icon_ArrowDown01Icon} size=\"sm\" />\n        </BaseSelect.Icon>\n      </BaseSelect.Trigger>\n      <CSPProvider disableStyleElements>\n        <BaseSelect.Portal container={usePortalContainer()}>\n          <BaseSelect.Positioner\n            positionMethod=\"fixed\"\n            collisionBoundary={pageBoundary()}\n            alignItemWithTrigger={false}\n            align=\"start\"\n            sideOffset={6}\n            collisionPadding={8}\n            className=\"z-50 outline-none\"\n          >\n            <BaseSelect.Popup className={cn(MENU_POPUP, \"min-w-anchor overflow-hidden\")} style={anchorWidthStyle(triggerWidth)}>\n              <BaseSelect.ScrollUpArrow className=\"flex h-20 items-center justify-center text-fg-tertiary\">\n                <Icon icon={__icon_ArrowUp01Icon} size=\"xs\" />\n              </BaseSelect.ScrollUpArrow>\n              <BaseSelect.List className=\"-mx-6 flex min-h-0 flex-col overflow-y-auto overscroll-contain px-6 outline-none scrollbar-quiet\">\n                {groupsOf(options).map((g, gi) => (\n                  <Fragment key={g.group ?? `g${gi}`}>\n                    {gi > 0 && <div role=\"presentation\" className={MENU_SEPARATOR} />}\n                    <BaseSelect.Group className=\"flex flex-col\">\n                      {g.group && <BaseSelect.GroupLabel className={MENU_LABEL}>{g.group}</BaseSelect.GroupLabel>}\n                      {g.items.map((o) => (\n                        <BaseSelect.Item\n                          key={o.value}\n                          value={o.value}\n                          {...(o.disabled ? { disabled: true } : {})}\n                          label={o.textValue ?? (typeof o.label === \"string\" ? o.label : o.value)}\n                          className={cn(MENU_ITEM, \"group/opt\")}\n                        >\n                          {multiple && (\n                            <span className=\"pointer-events-none flex\">\n                              <OptionCheckbox />\n                            </span>\n                          )}\n                          {o.icon && <Icon icon={o.icon} size=\"sm\" className={cn(MENU_ICON, o.description && \"self-start mt-10\")} />}\n                          <span className={cn(\"flex min-w-0 flex-1 flex-col\", o.description && \"gap-2 py-8\")}>\n                            <BaseSelect.ItemText className=\"truncate\">{o.label}</BaseSelect.ItemText>\n                            {o.description && <span className=\"text-small font-regular whitespace-normal text-fg-secondary\">{o.description}</span>}\n                          </span>\n                          {!multiple && (\n                            <BaseSelect.ItemIndicator\n                              keepMounted\n                              className={cn(\n                                \"flex size-16 shrink-0 items-center justify-center text-fg opacity-0 data-selected:opacity-100\",\n                                o.description && \"self-start mt-10\",\n                              )}\n                            >\n                              <Icon icon={__icon_Tick02Icon} size=\"sm\" />\n                            </BaseSelect.ItemIndicator>\n                          )}\n                        </BaseSelect.Item>\n                      ))}\n                    </BaseSelect.Group>\n                  </Fragment>\n                ))}\n              </BaseSelect.List>\n              <BaseSelect.ScrollDownArrow className=\"flex h-20 items-center justify-center text-fg-tertiary\">\n                <Icon icon={__icon_ArrowDown01Icon} size=\"xs\" />\n              </BaseSelect.ScrollDownArrow>\n            </BaseSelect.Popup>\n          </BaseSelect.Positioner>\n        </BaseSelect.Portal>\n      </CSPProvider>\n    </BaseSelect.Root>\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\") Select.displayName = \"Select\";\n"],"mappings":"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"}

package/dist/chunks/{separator-D86IW7Ge.js → separator-D7TzNHmX.js}

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "./cn-Isw2DnQX.js";
+import { t as e } from "./cn-Dj6sRgkF.js";
 import { forwardRef as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/separator/separator.tsx
@@ -42,4 +42,4 @@ process.env.NODE_ENV !== "production" && (o.displayName = "Separator");
 //#endregion
 export { i as n, o as r, a as t };
 
-//# sourceMappingURL=separator-D86IW7Ge.js.map
+//# sourceMappingURL=separator-D7TzNHmX.js.map

package/dist/chunks/{separator-D86IW7Ge.js.map → separator-D7TzNHmX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"separator-D86IW7Ge.js","names":["cn","KAESO_SEPARATOR_VARIANTS","KAESO_SEPARATOR_DEFAULT_VARIANTS","Separator","props","label","orientation","className","tone"],"sources":["../../src/components/separator/separator.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport const KAESO_SEPARATOR_VARIANTS = {\n  orientation: {\n    horizontal: { classes: \"h-1 w-full\" },\n    vertical: { classes: \"w-1 self-stretch\" },\n  },\n  tone: {\n    subtle: { classes: \"bg-line-subtle\" },\n    default: { classes: \"bg-line\" },\n  },\n} as const;\nexport const KAESO_SEPARATOR_DEFAULT_VARIANTS = { orientation: \"horizontal\", tone: \"subtle\" } as const;\n\nexport interface SeparatorProps extends HTMLAttributes<HTMLDivElement> {\n  orientation?: keyof typeof KAESO_SEPARATOR_VARIANTS.orientation | undefined;\n  tone?: keyof typeof KAESO_SEPARATOR_VARIANTS.tone | undefined;\n  label?: ReactNode | undefined;\n}\n\nexport const Separator = /* @__PURE__ */ forwardRef<HTMLDivElement, SeparatorProps>(function Separator(\n  { orientation = \"horizontal\", tone = \"subtle\", label, className, ...props },\n  ref,\n) {\n  if (label && orientation === \"horizontal\") {\n    return (\n      <div ref={ref} role=\"separator\" aria-orientation=\"horizontal\" className={cn(\"flex w-full items-center gap-12\", className)} {...props}>\n        <span className={cn(\"h-1 flex-1\", KAESO_SEPARATOR_VARIANTS.tone[tone].classes)} />\n        <span className=\"text-caption font-medium text-fg-tertiary\">{label}</span>\n        <span className={cn(\"h-1 flex-1\", KAESO_SEPARATOR_VARIANTS.tone[tone].classes)} />\n      </div>\n    );\n  }\n  return (\n    <div\n      ref={ref}\n      role=\"separator\"\n      aria-orientation={orientation}\n      className={cn(\"shrink-0\", KAESO_SEPARATOR_VARIANTS.orientation[orientation].classes, KAESO_SEPARATOR_VARIANTS.tone[tone].classes, className)}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Separator.displayName = \"Separator\";\n"],"mappings":";;;;;AAGA,IAAaC,IAA2B;CACtC,aAAa;EACX,YAAY,EAAE,SAAS,aAAa;EACpC,UAAU,EAAE,SAAS,mBAAmB;CAC1C;CACA,MAAM;EACJ,QAAQ,EAAE,SAAS,iBAAiB;EACpC,SAAS,EAAE,SAAS,UAAU;CAChC;AACF,GACaC,IAAmC;CAAE,aAAa;CAAc,MAAM;AAAS,GAQ/EC,IAA4B,kBAA2C,SAClF,EAAE,iBAAc,cAAc,UAAO,UAAU,UAAO,cAAW,GAAGC,KACpE,GACA;CAUA,OATIC,KAASC,MAAgB,eAEzB,kBAAC,OAAD;EAAU;EAAK,MAAK;EAAY,oBAAiB;EAAa,WAAWN,EAAG,mCAAmCO,CAAS;EAAG,GAAIH;EAA/H,UAAA;GACE,kBAAC,QAAD,EAAM,WAAWJ,EAAG,cAAcC,EAAyB,KAAKO,EAAK,CAAC,OAAO,EAAI,CAAA;GACjF,kBAAC,QAAD;IAAM,WAAU;IAA6C,UAAAH;GAAY,CAAA;GACzE,kBAAC,QAAD,EAAM,WAAWL,EAAG,cAAcC,EAAyB,KAAKO,EAAK,CAAC,OAAO,EAAI,CAAA;EAC9E;C,KAIP,kBAAC,OAAD;EACO;EACL,MAAK;EACL,oBAAkBF;EAClB,WAAWN,EAAG,YAAYC,EAAyB,YAAYK,EAAY,CAAC,SAASL,EAAyB,KAAKO,EAAK,CAAC,SAASD,CAAS;EAC3I,GAAIH;CACL,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAU,cAAc"}
+{"version":3,"file":"separator-D7TzNHmX.js","names":["cn","KAESO_SEPARATOR_VARIANTS","KAESO_SEPARATOR_DEFAULT_VARIANTS","Separator","props","label","orientation","className","tone"],"sources":["../../src/components/separator/separator.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport const KAESO_SEPARATOR_VARIANTS = {\n  orientation: {\n    horizontal: { classes: \"h-1 w-full\" },\n    vertical: { classes: \"w-1 self-stretch\" },\n  },\n  tone: {\n    subtle: { classes: \"bg-line-subtle\" },\n    default: { classes: \"bg-line\" },\n  },\n} as const;\nexport const KAESO_SEPARATOR_DEFAULT_VARIANTS = { orientation: \"horizontal\", tone: \"subtle\" } as const;\n\nexport interface SeparatorProps extends HTMLAttributes<HTMLDivElement> {\n  orientation?: keyof typeof KAESO_SEPARATOR_VARIANTS.orientation | undefined;\n  tone?: keyof typeof KAESO_SEPARATOR_VARIANTS.tone | undefined;\n  label?: ReactNode | undefined;\n}\n\nexport const Separator = /* @__PURE__ */ forwardRef<HTMLDivElement, SeparatorProps>(function Separator(\n  { orientation = \"horizontal\", tone = \"subtle\", label, className, ...props },\n  ref,\n) {\n  if (label && orientation === \"horizontal\") {\n    return (\n      <div ref={ref} role=\"separator\" aria-orientation=\"horizontal\" className={cn(\"flex w-full items-center gap-12\", className)} {...props}>\n        <span className={cn(\"h-1 flex-1\", KAESO_SEPARATOR_VARIANTS.tone[tone].classes)} />\n        <span className=\"text-caption font-medium text-fg-tertiary\">{label}</span>\n        <span className={cn(\"h-1 flex-1\", KAESO_SEPARATOR_VARIANTS.tone[tone].classes)} />\n      </div>\n    );\n  }\n  return (\n    <div\n      ref={ref}\n      role=\"separator\"\n      aria-orientation={orientation}\n      className={cn(\"shrink-0\", KAESO_SEPARATOR_VARIANTS.orientation[orientation].classes, KAESO_SEPARATOR_VARIANTS.tone[tone].classes, className)}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Separator.displayName = \"Separator\";\n"],"mappings":";;;;;AAGA,IAAaC,IAA2B;CACtC,aAAa;EACX,YAAY,EAAE,SAAS,aAAa;EACpC,UAAU,EAAE,SAAS,mBAAmB;CAC1C;CACA,MAAM;EACJ,QAAQ,EAAE,SAAS,iBAAiB;EACpC,SAAS,EAAE,SAAS,UAAU;CAChC;AACF,GACaC,IAAmC;CAAE,aAAa;CAAc,MAAM;AAAS,GAQ/EC,IAA4B,kBAA2C,SAClF,EAAE,iBAAc,cAAc,UAAO,UAAU,UAAO,cAAW,GAAGC,KACpE,GACA;CAUA,OATIC,KAASC,MAAgB,eAEzB,kBAAC,OAAD;EAAU;EAAK,MAAK;EAAY,oBAAiB;EAAa,WAAWN,EAAG,mCAAmCO,CAAS;EAAG,GAAIH;EAA/H,UAAA;GACE,kBAAC,QAAD,EAAM,WAAWJ,EAAG,cAAcC,EAAyB,KAAKO,EAAK,CAAC,OAAO,EAAI,CAAA;GACjF,kBAAC,QAAD;IAAM,WAAU;IAA6C,UAAAH;GAAY,CAAA;GACzE,kBAAC,QAAD,EAAM,WAAWL,EAAG,cAAcC,EAAyB,KAAKO,EAAK,CAAC,OAAO,EAAI,CAAA;EAC9E;C,KAIP,kBAAC,OAAD;EACO;EACL,MAAK;EACL,oBAAkBF;EAClB,WAAWN,EAAG,YAAYC,EAAyB,YAAYK,EAAY,CAAC,SAASL,EAAyB,KAAKO,EAAK,CAAC,SAASD,CAAS;EAC3I,GAAIH;CACL,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAU,cAAc"}

package/dist/chunks/{sidebar-DifJ5KgE.js → sidebar-DtFlejU7.js}

@@ -1,12 +1,12 @@
 "use client";
-import { t as e } from "./cn-Isw2DnQX.js";
+import { t as e } from "./cn-Dj6sRgkF.js";
 import { r as t } from "./link-provider-BsUxhZKG.js";
 import { i as n } from "./context-BELWW79w.js";
-import { t as r } from "./icon-D5uD_mnL.js";
-import { a as i, l as a, o, r as s, s as c } from "./tooltip-CRApbLF6.js";
+import { t as r } from "./icon-D7ja-_Yk.js";
+import { a as i, l as a, o, r as s, s as c } from "./tooltip-BMQ9BtPp.js";
 import { t as l } from "./observe-resize-DhxhmoyB.js";
-import { t as u } from "./nav-wordmark-CjWM3NYa.js";
-import { r as d } from "./skeleton-Cu74kGJA.js";
+import { t as u } from "./nav-wordmark-_pjheAsZ.js";
+import { r as d } from "./skeleton-Dcz57Zyp.js";
 import { n as f, r as p } from "./hidden-description-B2zSmLcn.js";
 import { t as m } from "./when-idle-Cy3pinqO.js";
 import { createContext as h, forwardRef as g, useCallback as _, useContext as v, useEffect as y, useLayoutEffect as b, useMemo as x, useRef as S, useState as C, useSyncExternalStore as w } from "react";
@@ -246,7 +246,7 @@ function K({ href: e, label: n = "Kaeso" }) {
 	});
 }
 process.env.NODE_ENV !== "production" && (K.displayName = "Sidebar.BrandWordmark");
-var se = /* @__PURE__ */ c(() => import("./sidebar-menu-XKOiwrQp.js"), { base: () => import.meta.url });
+var se = /* @__PURE__ */ c(() => import("./sidebar-menu-CxQbGwyj.js"), { base: () => import.meta.url });
 function q({ trigger: e, side: t, header: n, footer: r, children: s }) {
 	let [c, l] = C(!1), [u, d] = C(!1), f = a(se, u || c, () => {
 		d(!1), l(!1);
@@ -600,4 +600,4 @@ var me = /* @__PURE__ */ Object.assign(U, {
 //#endregion
 export { ae as a, B as c, oe as i, R as l, ie as n, me as o, I as r, z as s, K as t };
 
-//# sourceMappingURL=sidebar-DifJ5KgE.js.map
+//# sourceMappingURL=sidebar-DtFlejU7.js.map

package/dist/chunks/{sidebar-DifJ5KgE.js.map → sidebar-DtFlejU7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"sidebar-DifJ5KgE.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":"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"}
+{"version":3,"file":"sidebar-DtFlejU7.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":"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"}

package/dist/chunks/{sidebar-menu-XKOiwrQp.js → sidebar-menu-CxQbGwyj.js}

@@ -1,5 +1,5 @@
 "use client";
-import { i as e } from "./menu-Cjg4RggA.js";
+import { i as e } from "./menu-fl_QQb38.js";
 import { useEffect as t, useLayoutEffect as n, useState as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { mergeProps as o } from "@base-ui/react/merge-props";
@@ -30,4 +30,4 @@ function l(e, t) {
 //#endregion
 export { s as SidebarMenuRoot, l as mergeTriggerProps };
 
-//# sourceMappingURL=sidebar-menu-XKOiwrQp.js.map
+//# sourceMappingURL=sidebar-menu-CxQbGwyj.js.map

package/dist/chunks/{sidebar-menu-XKOiwrQp.js.map → sidebar-menu-CxQbGwyj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"sidebar-menu-XKOiwrQp.js","names":["Menu","SidebarMenuRoot","mounted","setMounted","useState","useEffect","open","HandOver","triggerProps","header","footer","props","useLayoutEffect","store","mergeTriggerProps","_ref","given","mergeProps","own"],"sources":["../../src/components/sidebar/sidebar-menu.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useState, type ReactNode } from \"react\";\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { Menu } from \"../menu/menu.js\";\nimport type { TriggerProps, TriggerPropsStore } from \"../tooltip/trigger-props.js\";\n\nexport interface SidebarMenuRootProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  triggerProps: TriggerPropsStore;\n  side: \"top\" | \"bottom\";\n  header?: ReactNode | undefined;\n  footer?: ReactNode | undefined;\n  children: ReactNode;\n}\n\nexport function SidebarMenuRoot({ open, onOpenChange, triggerProps, side, header, footer, children }: SidebarMenuRootProps) {\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => setMounted(true), []);\n  return (\n    <Menu open={open && mounted} onOpenChange={onOpenChange}>\n      <Menu.Trigger>\n        <HandOver store={triggerProps} />\n      </Menu.Trigger>\n      <Menu.Content side={side} align=\"start\" {...(header ? { header } : {})} {...(footer ? { footer } : {})}>\n        {children}\n      </Menu.Content>\n    </Menu>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") SidebarMenuRoot.displayName = \"Sidebar.MenuRoot\";\n\nfunction HandOver({ store, ...props }: TriggerProps & { store: TriggerPropsStore }) {\n  useLayoutEffect(() => store.set(props));\n  useLayoutEffect(() => () => store.set(null), [store]);\n  return null;\n}\nif (process.env.NODE_ENV !== \"production\") HandOver.displayName = \"Sidebar.MenuHandOver\";\n\nexport function mergeTriggerProps(given: TriggerProps, own: object): object {\n  const { ref: _ref, ...props } = given;\n  return mergeProps<\"button\">(props, own);\n}\n"],"mappings":";;;;;;AAeA,SAAgBC,EAAgB,EAAE,SAAM,iBAAc,iBAAc,SAAM,WAAQ,WAAQ,eAAkC;CAC1H,IAAM,CAACC,GAASC,KAAcC,EAAS,EAAK;CAE5C,OADAC,QAAgBF,EAAW,EAAI,GAAG,CAAC,CAAC,GAElC,kBAACH,GAAD;EAAM,MAAMM,KAAQJ;EAAuB;EAA3C,UAAA,CACE,kBAACF,EAAK,SAAN,EAAA,UACE,kBAACO,GAAD,EAAU,OAAOC,EAAe,CAAA,EACpB,CAAA,GACd,kBAACR,EAAK,SAAN;GAAoB;GAAM,OAAM;GAAQ,GAAKS,IAAS,EAAE,UAAO,IAAI,CAAC;GAAI,GAAKC,IAAS,EAAE,UAAO,IAAI,CAAC;GACjG;EACW,CAAA,CACV;;AAEV;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAgB,cAAc;AAEzE,SAASH,EAAS,EAAE,UAAO,GAAGI,KAAsD;CAGlF,OAFAC,QAAsBC,EAAM,IAAIF,CAAK,CAAC,GACtCC,cAA4BC,EAAM,IAAI,IAAI,GAAG,CAACA,CAAK,CAAC,GAC7C;AACT;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc;AAElE,SAAgBC,EAAkB,GAAqB,GAAqB;CAC1E,IAAM,EAAE,KAAKC,GAAM,GAAGJ,MAAUK;CAChC,OAAOC,EAAqBN,GAAOO,CAAG;AACxC"}
+{"version":3,"file":"sidebar-menu-CxQbGwyj.js","names":["Menu","SidebarMenuRoot","mounted","setMounted","useState","useEffect","open","HandOver","triggerProps","header","footer","props","useLayoutEffect","store","mergeTriggerProps","_ref","given","mergeProps","own"],"sources":["../../src/components/sidebar/sidebar-menu.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useState, type ReactNode } from \"react\";\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { Menu } from \"../menu/menu.js\";\nimport type { TriggerProps, TriggerPropsStore } from \"../tooltip/trigger-props.js\";\n\nexport interface SidebarMenuRootProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  triggerProps: TriggerPropsStore;\n  side: \"top\" | \"bottom\";\n  header?: ReactNode | undefined;\n  footer?: ReactNode | undefined;\n  children: ReactNode;\n}\n\nexport function SidebarMenuRoot({ open, onOpenChange, triggerProps, side, header, footer, children }: SidebarMenuRootProps) {\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => setMounted(true), []);\n  return (\n    <Menu open={open && mounted} onOpenChange={onOpenChange}>\n      <Menu.Trigger>\n        <HandOver store={triggerProps} />\n      </Menu.Trigger>\n      <Menu.Content side={side} align=\"start\" {...(header ? { header } : {})} {...(footer ? { footer } : {})}>\n        {children}\n      </Menu.Content>\n    </Menu>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") SidebarMenuRoot.displayName = \"Sidebar.MenuRoot\";\n\nfunction HandOver({ store, ...props }: TriggerProps & { store: TriggerPropsStore }) {\n  useLayoutEffect(() => store.set(props));\n  useLayoutEffect(() => () => store.set(null), [store]);\n  return null;\n}\nif (process.env.NODE_ENV !== \"production\") HandOver.displayName = \"Sidebar.MenuHandOver\";\n\nexport function mergeTriggerProps(given: TriggerProps, own: object): object {\n  const { ref: _ref, ...props } = given;\n  return mergeProps<\"button\">(props, own);\n}\n"],"mappings":";;;;;;AAeA,SAAgBC,EAAgB,EAAE,SAAM,iBAAc,iBAAc,SAAM,WAAQ,WAAQ,eAAkC;CAC1H,IAAM,CAACC,GAASC,KAAcC,EAAS,EAAK;CAE5C,OADAC,QAAgBF,EAAW,EAAI,GAAG,CAAC,CAAC,GAElC,kBAACH,GAAD;EAAM,MAAMM,KAAQJ;EAAuB;EAA3C,UAAA,CACE,kBAACF,EAAK,SAAN,EAAA,UACE,kBAACO,GAAD,EAAU,OAAOC,EAAe,CAAA,EACpB,CAAA,GACd,kBAACR,EAAK,SAAN;GAAoB;GAAM,OAAM;GAAQ,GAAKS,IAAS,EAAE,UAAO,IAAI,CAAC;GAAI,GAAKC,IAAS,EAAE,UAAO,IAAI,CAAC;GACjG;EACW,CAAA,CACV;;AAEV;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAgB,cAAc;AAEzE,SAASH,EAAS,EAAE,UAAO,GAAGI,KAAsD;CAGlF,OAFAC,QAAsBC,EAAM,IAAIF,CAAK,CAAC,GACtCC,cAA4BC,EAAM,IAAI,IAAI,GAAG,CAACA,CAAK,CAAC,GAC7C;AACT;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc;AAElE,SAAgBC,EAAkB,GAAqB,GAAqB;CAC1E,IAAM,EAAE,KAAKC,GAAM,GAAGJ,MAAUK;CAChC,OAAOC,EAAqBN,GAAOO,CAAG;AACxC"}

package/dist/chunks/{skeleton-Cu74kGJA.js → skeleton-Dcz57Zyp.js}

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "./cn-Isw2DnQX.js";
+import { t as e } from "./cn-Dj6sRgkF.js";
 import { forwardRef as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/skeleton/skeleton.tsx
@@ -33,4 +33,4 @@ process.env.NODE_ENV !== "production" && (o.displayName = "SkeletonLine");
 //#endregion
 export { o as i, r as n, a as r, i as t };
 
-//# sourceMappingURL=skeleton-Cu74kGJA.js.map
+//# sourceMappingURL=skeleton-Dcz57Zyp.js.map

package/dist/chunks/{skeleton-Cu74kGJA.js.map → skeleton-Dcz57Zyp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"skeleton-Cu74kGJA.js","names":["cn","KAESO_SKELETON_VARIANTS","KAESO_SKELETON_DEFAULT_VARIANTS","Skeleton","props","shape","className","SkeletonLine","lines","i"],"sources":["../../src/components/skeleton/skeleton.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport const KAESO_SKELETON_VARIANTS = {\n  shape: {\n    block: { classes: \"rounded-well\" },\n    line: { classes: \"h-12 rounded-pill\" },\n    circle: { classes: \"rounded-pill\" },\n    control: { classes: \"h-36 rounded-pill\" },\n  },\n} as const;\nexport const KAESO_SKELETON_DEFAULT_VARIANTS = { shape: \"block\" } as const;\n\nexport interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {\n  shape?: keyof typeof KAESO_SKELETON_VARIANTS.shape | undefined;\n}\n\nexport const Skeleton = /* @__PURE__ */ forwardRef<HTMLDivElement, SkeletonProps>(function Skeleton({ shape = \"block\", className, ...props }, ref) {\n  return <div ref={ref} aria-hidden className={cn(\"bg-fill-2 animate-pulse-quiet\", KAESO_SKELETON_VARIANTS.shape[shape].classes, className)} {...props} />;\n});\nif (process.env.NODE_ENV !== \"production\") Skeleton.displayName = \"Skeleton\";\n\nexport const SkeletonLine = /* @__PURE__ */ forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement> & { lines?: number | undefined }>(function SkeletonLine(\n  { lines = 1, className, ...props },\n  ref,\n) {\n  return (\n    <div ref={ref} aria-hidden className={cn(\"flex flex-col gap-8\", className)} {...props}>\n      {Array.from({ length: lines }, (_, i) => (\n        <Skeleton key={i} shape=\"line\" className={i === lines - 1 && lines > 1 ? \"w-3/5\" : \"w-full\"} />\n      ))}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SkeletonLine.displayName = \"SkeletonLine\";\n"],"mappings":";;;;;AAGA,IAAaC,IAA0B,EACrC,OAAO;CACL,OAAO,EAAE,SAAS,eAAe;CACjC,MAAM,EAAE,SAAS,oBAAoB;CACrC,QAAQ,EAAE,SAAS,eAAe;CAClC,SAAS,EAAE,SAAS,oBAAoB;AAC1C,EACF,GACaC,IAAkC,EAAE,OAAO,QAAQ,GAMnDC,IAA2B,kBAA0C,SAAkB,EAAE,WAAQ,SAAS,cAAW,GAAGC,KAAS,GAAK;CACjJ,OAAO,kBAAC,OAAD;EAAU;EAAK,eAAA;EAAY,WAAWJ,EAAG,iCAAiCC,EAAwB,MAAMI,EAAM,CAAC,SAASC,CAAS;EAAG,GAAIF;CAAQ,CAAA;AACzJ,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc;AAElE,IAAaG,IAA+B,kBAA4F,SACtI,EAAE,WAAQ,GAAG,cAAW,GAAGH,KAC3B,GACA;CACA,OACE,kBAAC,OAAD;EAAU;EAAK,eAAA;EAAY,WAAWJ,EAAG,uBAAuBM,CAAS;EAAG,GAAIF;EAC7E,UAAA,MAAM,KAAK,EAAE,QAAQI,EAAM,IAAI,GAAG,MACjC,kBAACL,GAAD;GAAkB,OAAM;GAAO,WAAWM,MAAMD,IAAQ,KAAKA,IAAQ,IAAI,UAAU;EAAW,GAA/EC,CAA+E,CAC/F;CACE,CAAA;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAa,cAAc"}
+{"version":3,"file":"skeleton-Dcz57Zyp.js","names":["cn","KAESO_SKELETON_VARIANTS","KAESO_SKELETON_DEFAULT_VARIANTS","Skeleton","props","shape","className","SkeletonLine","lines","i"],"sources":["../../src/components/skeleton/skeleton.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport const KAESO_SKELETON_VARIANTS = {\n  shape: {\n    block: { classes: \"rounded-well\" },\n    line: { classes: \"h-12 rounded-pill\" },\n    circle: { classes: \"rounded-pill\" },\n    control: { classes: \"h-36 rounded-pill\" },\n  },\n} as const;\nexport const KAESO_SKELETON_DEFAULT_VARIANTS = { shape: \"block\" } as const;\n\nexport interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {\n  shape?: keyof typeof KAESO_SKELETON_VARIANTS.shape | undefined;\n}\n\nexport const Skeleton = /* @__PURE__ */ forwardRef<HTMLDivElement, SkeletonProps>(function Skeleton({ shape = \"block\", className, ...props }, ref) {\n  return <div ref={ref} aria-hidden className={cn(\"bg-fill-2 animate-pulse-quiet\", KAESO_SKELETON_VARIANTS.shape[shape].classes, className)} {...props} />;\n});\nif (process.env.NODE_ENV !== \"production\") Skeleton.displayName = \"Skeleton\";\n\nexport const SkeletonLine = /* @__PURE__ */ forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement> & { lines?: number | undefined }>(function SkeletonLine(\n  { lines = 1, className, ...props },\n  ref,\n) {\n  return (\n    <div ref={ref} aria-hidden className={cn(\"flex flex-col gap-8\", className)} {...props}>\n      {Array.from({ length: lines }, (_, i) => (\n        <Skeleton key={i} shape=\"line\" className={i === lines - 1 && lines > 1 ? \"w-3/5\" : \"w-full\"} />\n      ))}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SkeletonLine.displayName = \"SkeletonLine\";\n"],"mappings":";;;;;AAGA,IAAaC,IAA0B,EACrC,OAAO;CACL,OAAO,EAAE,SAAS,eAAe;CACjC,MAAM,EAAE,SAAS,oBAAoB;CACrC,QAAQ,EAAE,SAAS,eAAe;CAClC,SAAS,EAAE,SAAS,oBAAoB;AAC1C,EACF,GACaC,IAAkC,EAAE,OAAO,QAAQ,GAMnDC,IAA2B,kBAA0C,SAAkB,EAAE,WAAQ,SAAS,cAAW,GAAGC,KAAS,GAAK;CACjJ,OAAO,kBAAC,OAAD;EAAU;EAAK,eAAA;EAAY,WAAWJ,EAAG,iCAAiCC,EAAwB,MAAMI,EAAM,CAAC,SAASC,CAAS;EAAG,GAAIF;CAAQ,CAAA;AACzJ,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc;AAElE,IAAaG,IAA+B,kBAA4F,SACtI,EAAE,WAAQ,GAAG,cAAW,GAAGH,KAC3B,GACA;CACA,OACE,kBAAC,OAAD;EAAU;EAAK,eAAA;EAAY,WAAWJ,EAAG,uBAAuBM,CAAS;EAAG,GAAIF;EAC7E,UAAA,MAAM,KAAK,EAAE,QAAQI,EAAM,IAAI,GAAG,MACjC,kBAACL,GAAD;GAAkB,OAAM;GAAO,WAAWM,MAAMD,IAAQ,KAAKA,IAAQ,IAAI,UAAU;EAAW,GAA/EC,CAA+E,CAC/F;CACE,CAAA;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAa,cAAc"}

package/dist/chunks/{slider-Dh0qq1wa.js → slider-Ci83PGtj.js}

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "./cn-Isw2DnQX.js";
+import { t as e } from "./cn-Dj6sRgkF.js";
 import { i as t, r as n } from "./context-BELWW79w.js";
 import { forwardRef as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
@@ -54,4 +54,4 @@ process.env.NODE_ENV !== "production" && (l.displayName = "Slider");
 //#endregion
 export { s as n, l as r, c as t };
 
-//# sourceMappingURL=slider-Dh0qq1wa.js.map
+//# sourceMappingURL=slider-Ci83PGtj.js.map