@logicplanes/kaeso-ui 0.4.1 → 0.4.3

package/dist/chunks/{section-Bvg0EUnr.js → section-Ce1efbsP.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./cn-Isw2DnQX.js";
-import { t } from "./nav-wordmark-CjWM3NYa.js";
+import { t as e } from "./cn-Dj6sRgkF.js";
+import { t } from "./nav-wordmark-_pjheAsZ.js";
 import { forwardRef as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/section/section.tsx
@@ -84,4 +84,4 @@ process.env.NODE_ENV !== "production" && (l.displayName = "AuthLayout");
 //#endregion
 export { c as a, s as i, o as n, a as r, l as t };
 
-//# sourceMappingURL=section-Bvg0EUnr.js.map
+//# sourceMappingURL=section-Ce1efbsP.js.map

package/dist/chunks/{section-Bvg0EUnr.js.map → section-Ce1efbsP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"section-Bvg0EUnr.js","names":["cn","KAESO_SECTION_VARIANTS","KAESO_SECTION_DEFAULT_VARIANTS","Section","spacing","className","title","actions","description","children","SplitView","aside","AuthLayout","NavWordmark","footer"],"sources":["../../src/components/section/section.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { NavWordmark } from \"../logo/nav-wordmark.js\";\n\nexport const KAESO_SECTION_VARIANTS = {\n  spacing: {\n    default: { classes: \"mt-48 first:mt-0\" },\n    none: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_SECTION_DEFAULT_VARIANTS = { spacing: \"default\" } as const;\n\nexport interface SectionProps {\n  title?: ReactNode | undefined;\n  description?: ReactNode | undefined;\n  actions?: ReactNode | undefined;\n  spacing?: keyof typeof KAESO_SECTION_VARIANTS.spacing | undefined;\n  children: ReactNode;\n  className?: string | undefined;\n}\n\nexport const Section = /* @__PURE__ */ forwardRef<HTMLElement, SectionProps>(function Section({ title, description, actions, spacing = \"default\", children, className }, ref) {\n  return (\n    <section ref={ref} className={cn(KAESO_SECTION_VARIANTS.spacing[spacing].classes, className)}>\n      {(title || actions) && (\n        <header className=\"mb-16 flex flex-wrap items-end justify-between gap-x-16 gap-y-12\">\n          <div className=\"flex min-w-0 flex-col gap-2\">\n            {title && <h2 className=\"text-title-sm font-semibold text-fg\">{title}</h2>}\n            {description && <p className=\"max-w-prose text-small text-fg-secondary\">{description}</p>}\n          </div>\n          {actions && <div className=\"flex shrink-0 items-center gap-8\">{actions}</div>}\n        </header>\n      )}\n      {children}\n    </section>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Section.displayName = \"Section\";\n\nexport const SplitView = /* @__PURE__ */ forwardRef<HTMLDivElement, { children: ReactNode; aside: ReactNode; className?: string | undefined }>(function SplitView(\n  { children, aside, className },\n  ref,\n) {\n  return (\n    <div ref={ref} className={cn(\"grid grid-cols-1 lg:grid-cols-aside\", className)}>\n      <div className=\"min-w-0 lg:pr-32\">{children}</div>\n      <aside className=\"mt-32 min-w-0 lg:mt-0 lg:pl-32 lg:hairline-l\">\n        <div className=\"flex flex-col gap-32 lg:sticky lg:top-16\">{aside}</div>\n      </aside>\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SplitView.displayName = \"SplitView\";\n\nexport const AuthLayout = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  { title: ReactNode; description?: ReactNode | undefined; children: ReactNode; footer?: ReactNode | undefined; className?: string | undefined }\n>(function AuthLayout({ title, description, children, footer, className }, ref) {\n  return (\n    <div ref={ref} className={cn(\"relative flex min-h-dvh flex-col items-center bg-panel px-16 py-64 text-fg\", className)}>\n      <div className=\"absolute top-0 left-0 mt-8 flex h-52 items-center px-16 sm:px-28\">\n        <NavWordmark />\n      </div>\n      <div className=\"flex w-full max-w-auth flex-1 flex-col justify-center\">\n        <h1 className=\"text-center text-title-lg font-semibold text-fg text-balance\">{title}</h1>\n        {description && <p className=\"mt-8 text-center text-body-lg font-regular text-fg-secondary text-pretty\">{description}</p>}\n        <div className=\"mt-24 flex flex-col gap-16\">{children}</div>\n      </div>\n      {footer && <div className=\"mt-48 text-small text-fg-tertiary\">{footer}</div>}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") AuthLayout.displayName = \"AuthLayout\";\n"],"mappings":";;;;;;AAIA,IAAaC,IAAyB,EACpC,SAAS;CACP,SAAS,EAAE,SAAS,mBAAmB;CACvC,MAAM,EAAE,SAAS,GAAG;AACtB,EACF,GACaC,IAAiC,EAAE,SAAS,UAAU,GAWtDC,IAA0B,kBAAsC,SAAiB,EAAE,UAAO,gBAAa,YAAS,aAAU,WAAW,aAAU,gBAAa,GAAK;CAC5K,OACE,kBAAC,WAAD;EAAc;EAAK,WAAWH,EAAGC,EAAuB,QAAQG,EAAQ,CAAC,SAASC,CAAS;EAA3F,UAAA,EACIC,KAASC,MACT,kBAAC,UAAD;GAAQ,WAAU;GAAlB,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACGD,KAAS,kBAAC,MAAD;KAAI,WAAU;KAAuC,UAAAA;IAAU,CAAA,GACxEE,KAAe,kBAAC,KAAD;KAAG,WAAU;KAA4C,UAAAA;IAAe,CAAA,CACrF;GACJ,CAAA,GAAAD,KAAW,kBAAC,OAAD;IAAK,WAAU;IAAoC,UAAAA;GAAa,CAAA,CACtE;EAET,CAAA,GAAAE,CACM;;AAEb,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAQ,cAAc;AAEjE,IAAaC,IAA4B,kBAAsG,SAC7I,EAAE,aAAU,UAAO,gBACnB,GACA;CACA,OACE,kBAAC,OAAD;EAAU;EAAK,WAAWV,EAAG,uCAAuCK,CAAS;EAA7E,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;GAAoB;EAAc,CAAA,GACjD,kBAAC,SAAD;GAAO,WAAU;GACf,UAAA,kBAAC,OAAD;IAAK,WAAU;IAA4C,UAAAM;GAAW,CAAA;EACjE,CAAA,CACJ;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAU,cAAc;AAEnE,IAAaC,IAA6B,kBAGxC,SAAoB,EAAE,UAAO,gBAAa,aAAU,WAAQ,gBAAa,GAAK;CAC9E,OACE,kBAAC,OAAD;EAAU;EAAK,WAAWZ,EAAG,8EAA8EK,CAAS;EAApH,UAAA;GACE,kBAAC,OAAD;IAAK,WAAU;IACb,UAAA,kBAACQ,GAAD,CAAc,CAAA;GACX,CAAA;GACL,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,kBAAC,MAAD;MAAI,WAAU;MAAgE,UAAAP;KAAU,CAAA;KACvFE,KAAe,kBAAC,KAAD;MAAG,WAAU;MAA4E,UAAAA;KAAe,CAAA;KACxH,kBAAC,OAAD;MAAK,WAAU;MAA8B;KAAc,CAAA;IACxD;;GACJM,KAAU,kBAAC,OAAD;IAAK,WAAU;IAAqC,UAAAA;GAAY,CAAA;EACxE;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc"}
+{"version":3,"file":"section-Ce1efbsP.js","names":["cn","KAESO_SECTION_VARIANTS","KAESO_SECTION_DEFAULT_VARIANTS","Section","spacing","className","title","actions","description","children","SplitView","aside","AuthLayout","NavWordmark","footer"],"sources":["../../src/components/section/section.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { NavWordmark } from \"../logo/nav-wordmark.js\";\n\nexport const KAESO_SECTION_VARIANTS = {\n  spacing: {\n    default: { classes: \"mt-48 first:mt-0\" },\n    none: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_SECTION_DEFAULT_VARIANTS = { spacing: \"default\" } as const;\n\nexport interface SectionProps {\n  title?: ReactNode | undefined;\n  description?: ReactNode | undefined;\n  actions?: ReactNode | undefined;\n  spacing?: keyof typeof KAESO_SECTION_VARIANTS.spacing | undefined;\n  children: ReactNode;\n  className?: string | undefined;\n}\n\nexport const Section = /* @__PURE__ */ forwardRef<HTMLElement, SectionProps>(function Section({ title, description, actions, spacing = \"default\", children, className }, ref) {\n  return (\n    <section ref={ref} className={cn(KAESO_SECTION_VARIANTS.spacing[spacing].classes, className)}>\n      {(title || actions) && (\n        <header className=\"mb-16 flex flex-wrap items-end justify-between gap-x-16 gap-y-12\">\n          <div className=\"flex min-w-0 flex-col gap-2\">\n            {title && <h2 className=\"text-title-sm font-semibold text-fg\">{title}</h2>}\n            {description && <p className=\"max-w-prose text-small text-fg-secondary\">{description}</p>}\n          </div>\n          {actions && <div className=\"flex shrink-0 items-center gap-8\">{actions}</div>}\n        </header>\n      )}\n      {children}\n    </section>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Section.displayName = \"Section\";\n\nexport const SplitView = /* @__PURE__ */ forwardRef<HTMLDivElement, { children: ReactNode; aside: ReactNode; className?: string | undefined }>(function SplitView(\n  { children, aside, className },\n  ref,\n) {\n  return (\n    <div ref={ref} className={cn(\"grid grid-cols-1 lg:grid-cols-aside\", className)}>\n      <div className=\"min-w-0 lg:pr-32\">{children}</div>\n      <aside className=\"mt-32 min-w-0 lg:mt-0 lg:pl-32 lg:hairline-l\">\n        <div className=\"flex flex-col gap-32 lg:sticky lg:top-16\">{aside}</div>\n      </aside>\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SplitView.displayName = \"SplitView\";\n\nexport const AuthLayout = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  { title: ReactNode; description?: ReactNode | undefined; children: ReactNode; footer?: ReactNode | undefined; className?: string | undefined }\n>(function AuthLayout({ title, description, children, footer, className }, ref) {\n  return (\n    <div ref={ref} className={cn(\"relative flex min-h-dvh flex-col items-center bg-panel px-16 py-64 text-fg\", className)}>\n      <div className=\"absolute top-0 left-0 mt-8 flex h-52 items-center px-16 sm:px-28\">\n        <NavWordmark />\n      </div>\n      <div className=\"flex w-full max-w-auth flex-1 flex-col justify-center\">\n        <h1 className=\"text-center text-title-lg font-semibold text-fg text-balance\">{title}</h1>\n        {description && <p className=\"mt-8 text-center text-body-lg font-regular text-fg-secondary text-pretty\">{description}</p>}\n        <div className=\"mt-24 flex flex-col gap-16\">{children}</div>\n      </div>\n      {footer && <div className=\"mt-48 text-small text-fg-tertiary\">{footer}</div>}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") AuthLayout.displayName = \"AuthLayout\";\n"],"mappings":";;;;;;AAIA,IAAaC,IAAyB,EACpC,SAAS;CACP,SAAS,EAAE,SAAS,mBAAmB;CACvC,MAAM,EAAE,SAAS,GAAG;AACtB,EACF,GACaC,IAAiC,EAAE,SAAS,UAAU,GAWtDC,IAA0B,kBAAsC,SAAiB,EAAE,UAAO,gBAAa,YAAS,aAAU,WAAW,aAAU,gBAAa,GAAK;CAC5K,OACE,kBAAC,WAAD;EAAc;EAAK,WAAWH,EAAGC,EAAuB,QAAQG,EAAQ,CAAC,SAASC,CAAS;EAA3F,UAAA,EACIC,KAASC,MACT,kBAAC,UAAD;GAAQ,WAAU;GAAlB,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACGD,KAAS,kBAAC,MAAD;KAAI,WAAU;KAAuC,UAAAA;IAAU,CAAA,GACxEE,KAAe,kBAAC,KAAD;KAAG,WAAU;KAA4C,UAAAA;IAAe,CAAA,CACrF;GACJ,CAAA,GAAAD,KAAW,kBAAC,OAAD;IAAK,WAAU;IAAoC,UAAAA;GAAa,CAAA,CACtE;EAET,CAAA,GAAAE,CACM;;AAEb,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAQ,cAAc;AAEjE,IAAaC,IAA4B,kBAAsG,SAC7I,EAAE,aAAU,UAAO,gBACnB,GACA;CACA,OACE,kBAAC,OAAD;EAAU;EAAK,WAAWV,EAAG,uCAAuCK,CAAS;EAA7E,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;GAAoB;EAAc,CAAA,GACjD,kBAAC,SAAD;GAAO,WAAU;GACf,UAAA,kBAAC,OAAD;IAAK,WAAU;IAA4C,UAAAM;GAAW,CAAA;EACjE,CAAA,CACJ;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAU,cAAc;AAEnE,IAAaC,IAA6B,kBAGxC,SAAoB,EAAE,UAAO,gBAAa,aAAU,WAAQ,gBAAa,GAAK;CAC9E,OACE,kBAAC,OAAD;EAAU;EAAK,WAAWZ,EAAG,8EAA8EK,CAAS;EAApH,UAAA;GACE,kBAAC,OAAD;IAAK,WAAU;IACb,UAAA,kBAACQ,GAAD,CAAc,CAAA;GACX,CAAA;GACL,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,kBAAC,MAAD;MAAI,WAAU;MAAgE,UAAAP;KAAU,CAAA;KACvFE,KAAe,kBAAC,KAAD;MAAG,WAAU;MAA4E,UAAAA;KAAe,CAAA;KACxH,kBAAC,OAAD;MAAK,WAAU;MAA8B;KAAc,CAAA;IACxD;;GACJM,KAAU,kBAAC,OAAD;IAAK,WAAU;IAAqC,UAAAA;GAAY,CAAA;EACxE;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc"}

package/dist/chunks/{segmented-DRLDN8EW.js → segmented-CErcoxwi.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-OcwO0VUT.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-CErcoxwi.js.map

package/dist/chunks/{segmented-DRLDN8EW.js.map → segmented-CErcoxwi.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":"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"}
+{"version":3,"file":"segmented-CErcoxwi.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"}

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"}