@logicplanes/kaeso-ui 0.1.0

package/dist/chunks/sidebar-C4fL_KMm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-C4fL_KMm.js","names":["_Fragment","__icon_UnfoldMoreIcon","__icon_ArrowLeft01Icon","__icon_SidebarLeftIcon","cn","useLinkComponent","useUiText","Icon","HandedTrigger","useLazyModule","Tooltip","lazyModule","Logo","Skeleton","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","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","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","captionId","useId","hasCaption","caption","avatar","captionTone","trailing","UnfoldMoreIcon","Place","classes","inner","PlaceName","common","el","ref","cut","setCut","useLayoutEffect","box","measure","observer","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  useId,\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 { useLinkComponent } from \"../../utils/link-provider.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 { Logo } from \"../logo/logo.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  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  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 width = clampWidth(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, 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, 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      const move = (ev: PointerEvent) => {\n        if (Math.abs(ev.clientX - startX) > 3) {\n          moved = true;\n          setDragging(true);\n        }\n        if (moved) setWidth(clampWidth(startW + ev.clientX - startX));\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      };\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, 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-8 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      <Logo.Wordmark size=\"nav\" decorative />\n    </LinkComp>\n  ) : (\n    <Logo.Wordmark size=\"nav\" 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\"));\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  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 captionId = useId();\n  const hasCaption = caption !== undefined && caption !== null && caption !== false && caption !== \"\";\n  return (\n    <LazyMenu\n      side=\"top\"\n      header={header}\n      footer={footer}\n      trigger={\n        <button\n          type=\"button\"\n          aria-label={ariaLabel ?? (typeof label === \"string\" ? t(\"sidebar.switchOrOpenSettings\", \"{label}: switch or open settings\", { label }) : undefined)}\n          {...(hasCaption ? { \"aria-describedby\": captionId } : {})}\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 id={captionId} className={cn(\"truncate text-caption font-regular\", KAESO_SIDEBAR_VARIANTS.caption[captionTone].classes)}>\n                  {caption}\n                </span>\n              </span>\n            ) : (\n              <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n            ))}\n          {rail && hasCaption && (\n            <span id={captionId} className=\"sr-only\">\n              {caption}\n            </span>\n          )}\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  );\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 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      <LazyMenu\n        side=\"bottom\"\n        header={header}\n        footer={footer}\n        trigger={\n          <button type=\"button\" aria-label={ariaLabel ?? t(\"sidebar.switchPlace\", \"{label}: switch\", { label })} {...common}>\n            {inner}\n          </button>\n        }\n      >\n        {children}\n      </LazyMenu>\n    );\n  }\n  const el = href ? (\n    <LinkComp href={href} {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})} {...common}>\n      {inner}\n    </LinkComp>\n  ) : (\n    <div {...common}>{inner}</div>\n  );\n  return rail ? (\n    <Tooltip content={label} side=\"right\">\n      {el}\n    </Tooltip>\n  ) : (\n    el\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    const observer = new ResizeObserver(measure);\n    observer.observe(box);\n    return () => observer.disconnect();\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=\"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    ...(rail && typeof children === \"string\" ? { \"aria-label\": children } : {}),\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-sd9vCpDy.js

@@ -0,0 +1,33 @@
+"use client";
+import { i as e } from "./menu-OURWt_hD.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";
+//#region src/components/sidebar/sidebar-menu.tsx
+function s({ open: n, onOpenChange: o, triggerProps: s, side: l, header: u, footer: d, children: f }) {
+	let [p, m] = r(!1);
+	return t(() => m(!0), []), /* @__PURE__ */ a(e, {
+		open: n && p,
+		onOpenChange: o,
+		children: [/* @__PURE__ */ i(e.Trigger, { children: /* @__PURE__ */ i(c, { store: s }) }), /* @__PURE__ */ i(e.Content, {
+			side: l,
+			align: "start",
+			...u ? { header: u } : {},
+			...d ? { footer: d } : {},
+			children: f
+		})]
+	});
+}
+process.env.NODE_ENV !== "production" && (s.displayName = "Sidebar.MenuRoot");
+function c({ store: e, ...t }) {
+	return n(() => e.set(t)), n(() => () => e.set(null), [e]), null;
+}
+process.env.NODE_ENV !== "production" && (c.displayName = "Sidebar.MenuHandOver");
+function l(e, t) {
+	let { ref: n, ...r } = e;
+	return o(r, t);
+}
+//#endregion
+export { s as SidebarMenuRoot, l as mergeTriggerProps };
+
+//# sourceMappingURL=sidebar-menu-sd9vCpDy.js.map

package/dist/chunks/sidebar-menu-sd9vCpDy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-menu-sd9vCpDy.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-kfuqdl1a.js

@@ -0,0 +1,36 @@
+"use client";
+import { t as e } from "./cn-CidVUKMm.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/skeleton/skeleton.tsx
+var r = { shape: {
+	block: { classes: "rounded-well" },
+	line: { classes: "h-12 rounded-pill" },
+	circle: { classes: "rounded-pill" },
+	control: { classes: "h-36 rounded-pill" }
+} }, i = { shape: "block" }, a = /* @__PURE__ */ t(function({ shape: t = "block", className: i, ...a }, o) {
+	return /* @__PURE__ */ n("div", {
+		ref: o,
+		"aria-hidden": !0,
+		className: e("bg-fill-2 animate-pulse-quiet", r.shape[t].classes, i),
+		...a
+	});
+});
+process.env.NODE_ENV !== "production" && (a.displayName = "Skeleton");
+var o = /* @__PURE__ */ t(function({ lines: t = 1, className: r, ...i }, o) {
+	return /* @__PURE__ */ n("div", {
+		ref: o,
+		"aria-hidden": !0,
+		className: e("flex flex-col gap-8", r),
+		...i,
+		children: Array.from({ length: t }, (e, r) => /* @__PURE__ */ n(a, {
+			shape: "line",
+			className: r === t - 1 && t > 1 ? "w-3/5" : "w-full"
+		}, r))
+	});
+});
+process.env.NODE_ENV !== "production" && (o.displayName = "SkeletonLine");
+//#endregion
+export { o as i, r as n, a as r, i as t };
+
+//# sourceMappingURL=skeleton-kfuqdl1a.js.map

package/dist/chunks/skeleton-kfuqdl1a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-kfuqdl1a.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-DbhjJ3ML.js

@@ -0,0 +1,57 @@
+"use client";
+import { t as e } from "./cn-CidVUKMm.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";
+import { Slider as o } from "@base-ui/react/slider";
+//#region src/components/slider/slider.tsx
+var s = { size: { md: { classes: "h-20" } } }, c = { size: "md" }, l = /* @__PURE__ */ r(function({ value: r, defaultValue: s, onValueChange: c, onValueCommitted: l, min: u = 0, max: d = 100, step: f = 1, ticks: p, formatValue: m, disabled: h, name: g, className: _, "aria-label": v, getAriaLabel: y, "data-force": b }, x) {
+	let S = t(), C = n(), w = m ?? (C === "en" ? String : (e) => new Intl.NumberFormat(C, {
+		useGrouping: !1,
+		maximumFractionDigits: 20
+	}).format(e)), T = r ?? s ?? u, E = Array.isArray(T) ? T.length : 1, D = Array.isArray(p) ? p : p ? Array.from({ length: Math.floor((d - u) / f) + 1 }, (e, t) => u + t * f) : [];
+	return /* @__PURE__ */ a(o.Root, {
+		ref: x,
+		...r === void 0 ? {} : { value: r },
+		...s === void 0 ? {} : { defaultValue: s },
+		...c ? { onValueChange: (e) => c(Array.isArray(e) ? [...e] : e) } : {},
+		...l ? { onValueCommitted: (e) => l(Array.isArray(e) ? [...e] : e) } : {},
+		min: u,
+		max: d,
+		step: f,
+		...h === void 0 ? {} : { disabled: h },
+		...g ? { name: g } : {},
+		...C === "en" ? {} : { locale: C },
+		className: e("relative w-full min-w-120 touch-none select-none data-disabled:opacity-40", _),
+		...b ? { "data-force": b } : {},
+		children: [/* @__PURE__ */ i(o.Control, {
+			className: "relative flex h-20 w-full cursor-pointer items-center data-disabled:cursor-not-allowed",
+			children: /* @__PURE__ */ a(o.Track, {
+				className: "relative h-4 w-full rounded-pill bg-fill-3",
+				children: [/* @__PURE__ */ i(o.Indicator, { className: "rounded-pill bg-ink" }), Array.from({ length: E }, (t, n) => /* @__PURE__ */ i(o.Thumb, {
+					index: n,
+					...y ? { getAriaLabel: y } : v ? { "aria-label": v } : {},
+					...E === 2 ? { getAriaValueText: (e, t, n) => n === 0 ? S("slider.rangeStart", "{value} start range", { value: e }) : S("slider.rangeEnd", "{value} end range", { value: e }) } : {},
+					className: e("group/thumb size-16 rounded-pill bg-ink ring-thumb outline-2 outline-offset-2 outline-transparent transition-control focus-within-visible:outline-focus", b?.includes("focus") && "outline-focus"),
+					children: /* @__PURE__ */ i("span", {
+						"aria-hidden": !0,
+						className: e("pointer-events-none absolute bottom-full left-1/2 mb-8 inline-flex h-24 -translate-x-1/2 items-center rounded-pill bg-tooltip px-8 text-caption font-medium tabular text-fg opacity-0 shadow-raised transition-opacity duration-120 group-data-dragging/thumb:opacity-100", b?.includes("dragging") && "opacity-100"),
+						children: /* @__PURE__ */ i(o.Value, { children: (e, t) => w(t[n] ?? 0) })
+					})
+				}, n))]
+			})
+		}), D.length > 0 && /* @__PURE__ */ i("div", {
+			className: "relative mt-2 h-4",
+			"aria-hidden": !0,
+			children: D.map((e) => /* @__PURE__ */ i("span", {
+				className: "absolute top-0 h-4 w-1 -translate-x-1/2 bg-line-strong",
+				style: { left: `${(e - u) / (d - u) * 100}%` }
+			}, e))
+		})]
+	});
+});
+process.env.NODE_ENV !== "production" && (l.displayName = "Slider");
+//#endregion
+export { s as n, l as r, c as t };
+
+//# sourceMappingURL=slider-DbhjJ3ML.js.map

package/dist/chunks/slider-DbhjJ3ML.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-DbhjJ3ML.js","names":["Slider","BaseSlider","cn","useUiText","useLocale","KAESO_SLIDER_VARIANTS","KAESO_SLIDER_DEFAULT_VARIANTS","Slider$1","formatValueProp","ariaLabel","force","t","locale","formatValue","v","initial","value","defaultValue","min","count","tickValues","ticks","max","step","i","Slider","onValueChange","onValueCommitted","disabled","name","className","getAriaLabel","index","formatted","values","tick"],"sources":["../../src/components/slider/slider.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Slider as BaseSlider } from \"@base-ui/react/slider\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useLocale, useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_SLIDER_VARIANTS = {\n  size: {\n    md: { classes: \"h-20\" },\n  },\n} as const;\nexport const KAESO_SLIDER_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface SliderProps {\n  value?: number | number[] | undefined;\n  defaultValue?: number | number[] | undefined;\n  onValueChange?: ((value: number | number[]) => void) | undefined;\n  onValueCommitted?: ((value: number | number[]) => void) | undefined;\n  min?: number | undefined;\n  max?: number | undefined;\n  step?: number | undefined;\n  ticks?: boolean | number[] | undefined;\n  formatValue?: ((value: number) => string) | undefined;\n  disabled?: boolean | undefined;\n  name?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  getAriaLabel?: ((index: number) => string) | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const Slider = /* @__PURE__ */ forwardRef<HTMLDivElement, SliderProps>(function Slider(\n  {\n    value,\n    defaultValue,\n    onValueChange,\n    onValueCommitted,\n    min = 0,\n    max = 100,\n    step = 1,\n    ticks,\n    formatValue: formatValueProp,\n    disabled,\n    name,\n    className,\n    \"aria-label\": ariaLabel,\n    getAriaLabel,\n    \"data-force\": force,\n  },\n  ref,\n) {\n  const t = useUiText();\n  const locale = useLocale();\n  const formatValue =\n    formatValueProp ?? (locale === \"en\" ? String : (v: number) => new Intl.NumberFormat(locale, { useGrouping: false, maximumFractionDigits: 20 }).format(v));\n  const initial = value ?? defaultValue ?? min;\n  const count = Array.isArray(initial) ? initial.length : 1;\n  const tickValues = Array.isArray(ticks) ? ticks : ticks ? Array.from({ length: Math.floor((max - min) / step) + 1 }, (_, i) => min + i * step) : [];\n  return (\n    <BaseSlider.Root\n      ref={ref}\n      {...(value !== undefined ? { value } : {})}\n      {...(defaultValue !== undefined ? { defaultValue } : {})}\n      {...(onValueChange ? { onValueChange: (v: number | readonly number[]) => onValueChange(Array.isArray(v) ? [...v] : (v as number)) } : {})}\n      {...(onValueCommitted ? { onValueCommitted: (v: number | readonly number[]) => onValueCommitted(Array.isArray(v) ? [...v] : (v as number)) } : {})}\n      min={min}\n      max={max}\n      step={step}\n      {...(disabled !== undefined ? { disabled } : {})}\n      {...(name ? { name } : {})}\n      {...(locale === \"en\" ? {} : { locale })}\n      className={cn(\"relative w-full min-w-120 touch-none select-none data-disabled:opacity-40\", className)}\n      {...(force ? { \"data-force\": force } : {})}\n    >\n      <BaseSlider.Control className=\"relative flex h-20 w-full cursor-pointer items-center data-disabled:cursor-not-allowed\">\n        <BaseSlider.Track className=\"relative h-4 w-full rounded-pill bg-fill-3\">\n          <BaseSlider.Indicator className=\"rounded-pill bg-ink\" />\n          {Array.from({ length: count }, (_, i) => (\n            <BaseSlider.Thumb\n              key={i}\n              index={i}\n              {...(getAriaLabel ? { getAriaLabel } : ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n              {...(count === 2\n                ? {\n                    getAriaValueText: (formatted: string, _v: number, index: number) =>\n                      index === 0\n                        ? t(\"slider.rangeStart\", \"{value} start range\", { value: formatted })\n                        : t(\"slider.rangeEnd\", \"{value} end range\", { value: formatted }),\n                  }\n                : {})}\n              className={cn(\n                \"group/thumb size-16 rounded-pill bg-ink ring-thumb outline-2 outline-offset-2 outline-transparent transition-control focus-within-visible:outline-focus\",\n                force?.includes(\"focus\") && \"outline-focus\",\n              )}\n            >\n              <span\n                aria-hidden\n                className={cn(\n                  \"pointer-events-none absolute bottom-full left-1/2 mb-8 inline-flex h-24 -translate-x-1/2 items-center rounded-pill bg-tooltip px-8 text-caption font-medium tabular text-fg opacity-0 shadow-raised transition-opacity duration-120 group-data-dragging/thumb:opacity-100\",\n                  force?.includes(\"dragging\") && \"opacity-100\",\n                )}\n              >\n                <BaseSlider.Value>{(_, values) => formatValue(values[i] ?? 0)}</BaseSlider.Value>\n              </span>\n            </BaseSlider.Thumb>\n          ))}\n        </BaseSlider.Track>\n      </BaseSlider.Control>\n      {tickValues.length > 0 && (\n        <div className=\"relative mt-2 h-4\" aria-hidden>\n          {tickValues.map((tick) => (\n            <span key={tick} className=\"absolute top-0 h-4 w-1 -translate-x-1/2 bg-line-strong\" style={{ left: `${((tick - min) / (max - min)) * 100}%` }} />\n          ))}\n        </div>\n      )}\n    </BaseSlider.Root>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Slider.displayName = \"Slider\";\n"],"mappings":"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"}

package/dist/chunks/status-dot-CBoQpyL4.js

@@ -0,0 +1,25 @@
+"use client";
+import { t as e } from "./cn-CidVUKMm.js";
+import { t } from "./dev-CR1p7gCm.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/status-dot/status-dot.tsx
+var i = { tone: {
+	success: { classes: "text-success-text" },
+	warning: { classes: "text-warning-text" },
+	danger: { classes: "text-danger-text" },
+	info: { classes: "text-info-text" },
+	neutral: { classes: "text-fg-secondary" }
+} }, a = { tone: "neutral" }, o = /* @__PURE__ */ n(function({ tone: n = "neutral", children: a, size: o = "md", className: s }, c) {
+	return (a == null || a === "") && t("StatusDot: a status is a word in its color; pass the word as children (it renders nothing without one)."), /* @__PURE__ */ r("span", {
+		ref: c,
+		className: e("inline-flex items-center font-medium", o === "md" ? "text-body" : "text-small", i.tone[n].classes, s),
+		children: a
+	});
+});
+process.env.NODE_ENV !== "production" && (o.displayName = "StatusDot");
+var s = o;
+//#endregion
+export { o as i, i as n, s as r, a as t };
+
+//# sourceMappingURL=status-dot-CBoQpyL4.js.map

package/dist/chunks/status-dot-CBoQpyL4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-dot-CBoQpyL4.js","names":["cn","KAESO_STATUS_DOT_VARIANTS","KAESO_STATUS_DOT_DEFAULT_VARIANTS","StatusDot","children","devWarn","size","tone","className","Status"],"sources":["../../src/components/status-dot/status-dot.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { devWarn } from \"../../utils/dev.js\";\n\nexport const KAESO_STATUS_DOT_VARIANTS = {\n  tone: {\n    success: { classes: \"text-success-text\" },\n    warning: { classes: \"text-warning-text\" },\n    danger: { classes: \"text-danger-text\" },\n    info: { classes: \"text-info-text\" },\n    neutral: { classes: \"text-fg-secondary\" },\n  },\n} as const;\nexport const KAESO_STATUS_DOT_DEFAULT_VARIANTS = { tone: \"neutral\" } as const;\n\nexport interface StatusDotProps {\n  tone?: keyof typeof KAESO_STATUS_DOT_VARIANTS.tone | undefined;\n  children?: ReactNode | undefined;\n  size?: \"sm\" | \"md\" | undefined;\n  className?: string | undefined;\n}\n\nexport const StatusDot = /* @__PURE__ */ forwardRef<HTMLSpanElement, StatusDotProps>(function StatusDot({ tone = \"neutral\", children, size = \"md\", className }, ref) {\n  if (children === undefined || children === null || children === \"\")\n    devWarn(\"StatusDot: a status is a word in its color; pass the word as children (it renders nothing without one).\");\n  return (\n    <span\n      ref={ref}\n      className={cn(\n        \"inline-flex items-center font-medium\",\n        size === \"md\" ? \"text-body\" : \"text-small\",\n        KAESO_STATUS_DOT_VARIANTS.tone[tone].classes,\n        className,\n      )}\n    >\n      {children}\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") StatusDot.displayName = \"StatusDot\";\n\nexport const Status = StatusDot;\n"],"mappings":";;;;;;AAIA,IAAaC,IAA4B,EACvC,MAAM;CACJ,SAAS,EAAE,SAAS,oBAAoB;CACxC,SAAS,EAAE,SAAS,oBAAoB;CACxC,QAAQ,EAAE,SAAS,mBAAmB;CACtC,MAAM,EAAE,SAAS,iBAAiB;CAClC,SAAS,EAAE,SAAS,oBAAoB;AAC1C,EACF,GACaC,IAAoC,EAAE,MAAM,UAAU,GAStDC,IAA4B,kBAA4C,SAAmB,EAAE,UAAO,WAAW,aAAU,UAAO,MAAM,gBAAa,GAAK;CAGnK,QAFIC,KAAuC,QAAQA,MAAa,OAC9DC,EAAQ,yGAAyG,GAEjH,kBAAC,QAAD;EACO;EACL,WAAWL,EACT,wCACAM,MAAS,OAAO,cAAc,cAC9BL,EAA0B,KAAKM,EAAK,CAAC,SACrCC,CACF;EAEC;CACG,CAAA;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAU,cAAc;AAEnE,IAAaC,IAASN"}

package/dist/chunks/styles-Btvg2DCf.js

@@ -0,0 +1,21 @@
+//#region \0rolldown/runtime.js
+var e = Object.defineProperty, t = (t, n) => {
+	let r = {};
+	for (var i in t) e(r, i, {
+		get: t[i],
+		enumerable: !0
+	});
+	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
+}, n = /* @__PURE__ */ t({
+	MENU_DANGER: () => o,
+	MENU_HINT: () => l,
+	MENU_ICON: () => a,
+	MENU_ITEM: () => i,
+	MENU_LABEL: () => s,
+	MENU_POPUP: () => r,
+	MENU_SEPARATOR: () => c
+}), r = "z-50 flex min-w-220 max-w-360 flex-col overflow-y-auto overscroll-contain rounded-menu bg-raised p-6 text-body text-fg shadow-raised outline-none popup-motion scrollbar-quiet max-h-(--available-height)", i = "group/item relative flex min-h-34 w-full cursor-default items-center gap-10 rounded-item px-10 text-left text-body font-medium text-fg outline-none select-none coarse:min-h-44 highlighted:bg-item-hover active:bg-item-pressed disabled:pointer-events-none disabled:text-fg-disabled", a = "text-fg-secondary group-data-highlighted/item:text-fg group-data-disabled/item:text-fg-disabled", o = "text-danger-text highlighted:bg-danger-tint", s = "flex h-28 items-center px-10 text-caption font-medium text-fg-secondary", c = "mx-10 my-4 h-1 shrink-0 bg-line-subtle", l = "ml-auto flex shrink-0 items-center gap-4 pl-16 text-caption font-medium text-fg-tertiary tabular";
+//#endregion
+export { s as a, n as c, i, t as l, l as n, r as o, a as r, c as s, o as t };
+
+//# sourceMappingURL=styles-Btvg2DCf.js.map

package/dist/chunks/styles-Btvg2DCf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-Btvg2DCf.js","names":["__defProp","__exportAll","target","name","all","no_symbols","styles_exports","MENU_DANGER","MENU_HINT","MENU_ICON","MENU_ITEM","MENU_LABEL","MENU_POPUP","MENU_SEPARATOR"],"sources":["../../src/components/menu/styles.ts"],"sourcesContent":["export const MENU_POPUP =\n  \"z-50 flex min-w-220 max-w-360 flex-col overflow-y-auto overscroll-contain rounded-menu bg-raised p-6 text-body text-fg shadow-raised outline-none popup-motion scrollbar-quiet max-h-(--available-height)\";\n\nexport const MENU_ITEM =\n  \"group/item relative flex min-h-34 w-full cursor-default items-center gap-10 rounded-item px-10 text-left text-body font-medium text-fg outline-none select-none coarse:min-h-44 highlighted:bg-item-hover active:bg-item-pressed disabled:pointer-events-none disabled:text-fg-disabled\";\n\nexport const MENU_ICON = \"text-fg-secondary group-data-highlighted/item:text-fg group-data-disabled/item:text-fg-disabled\";\n\nexport const MENU_DANGER = \"text-danger-text highlighted:bg-danger-tint\";\n\nexport const MENU_LABEL = \"flex h-28 items-center px-10 text-caption font-medium text-fg-secondary\";\n\nexport const MENU_SEPARATOR = \"mx-10 my-4 h-1 shrink-0 bg-line-subtle\";\n\nexport const MENU_HINT = \"ml-auto flex shrink-0 items-center gap-4 pl-16 text-caption font-medium text-fg-tertiary tabular\";\n"],"mappings":";;;;;;;;;;;;;;;;A,IAAaY,IACX,6MAEWF,IACX,2RAEWD,IAAY,mGAEZF,IAAc,+CAEdI,IAAa,2EAEbE,IAAiB,0CAEjBL,IAAY"}

package/dist/chunks/swap-text-BhPI8DOf.js

@@ -0,0 +1,28 @@
+"use client";
+import { t as e } from "./cn-CidVUKMm.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/swap-text/swap-text.tsx
+var i = { align: {
+	center: { classes: "justify-items-center" },
+	start: { classes: "justify-items-start" }
+} }, a = { align: "center" }, o = /* @__PURE__ */ t(function({ children: t, reserve: a, align: o = "center", className: s, ...c }, l) {
+	return /* @__PURE__ */ r("span", {
+		ref: l,
+		className: e("inline-grid", i.align[o].classes, s),
+		...c,
+		children: [/* @__PURE__ */ n("span", {
+			className: "col-start-1 row-start-1",
+			children: t
+		}), a.map((e, t) => /* @__PURE__ */ n("span", {
+			"aria-hidden": !0,
+			className: "invisible col-start-1 row-start-1",
+			children: e
+		}, t))]
+	});
+});
+process.env.NODE_ENV !== "production" && (o.displayName = "SwapText");
+//#endregion
+export { i as n, o as r, a as t };
+
+//# sourceMappingURL=swap-text-BhPI8DOf.js.map

package/dist/chunks/swap-text-BhPI8DOf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swap-text-BhPI8DOf.js","names":["cn","KAESO_SWAP_TEXT_VARIANTS","KAESO_SWAP_TEXT_DEFAULT_VARIANTS","SwapText","props","align","className","reserve","r","i"],"sources":["../../src/components/swap-text/swap-text.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport const KAESO_SWAP_TEXT_VARIANTS = {\n  align: {\n    center: { classes: \"justify-items-center\" },\n    start: { classes: \"justify-items-start\" },\n  },\n} as const;\nexport const KAESO_SWAP_TEXT_DEFAULT_VARIANTS = { align: \"center\" } as const;\n\nexport interface SwapTextProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"children\"> {\n  children: ReactNode;\n  reserve: ReactNode[];\n  align?: keyof typeof KAESO_SWAP_TEXT_VARIANTS.align | undefined;\n}\n\nexport const SwapText = /* @__PURE__ */ forwardRef<HTMLSpanElement, SwapTextProps>(function SwapText({ children, reserve, align = \"center\", className, ...props }, ref) {\n  return (\n    <span ref={ref} className={cn(\"inline-grid\", KAESO_SWAP_TEXT_VARIANTS.align[align].classes, className)} {...props}>\n      <span className=\"col-start-1 row-start-1\">{children}</span>\n      {reserve.map((r, i) => (\n        <span key={i} aria-hidden className=\"invisible col-start-1 row-start-1\">\n          {r}\n        </span>\n      ))}\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SwapText.displayName = \"SwapText\";\n"],"mappings":";;;;;AAGA,IAAaC,IAA2B,EACtC,OAAO;CACL,QAAQ,EAAE,SAAS,uBAAuB;CAC1C,OAAO,EAAE,SAAS,sBAAsB;AAC1C,EACF,GACaC,IAAmC,EAAE,OAAO,SAAS,GAQrDC,IAA2B,kBAA2C,SAAkB,EAAE,aAAU,YAAS,WAAQ,UAAU,cAAW,GAAGC,KAAS,GAAK;CACtK,OACE,kBAAC,QAAD;EAAW;EAAK,WAAWJ,EAAG,eAAeC,EAAyB,MAAMI,EAAM,CAAC,SAASC,CAAS;EAAG,GAAIF;EAA5G,UAAA,CACE,kBAAC,QAAD;GAAM,WAAU;GAA2B;EAAe,CAAA,GACzDG,EAAQ,KAAK,GAAG,MACf,kBAAC,QAAD;GAAc,eAAA;GAAY,WAAU;GACjC,UAAAC;EACG,GAFKC,CAEL,CACP,CACG;;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc"}

package/dist/chunks/switch-CztLhA8F.js

@@ -0,0 +1,59 @@
+"use client";
+import { t as e } from "./cn-CidVUKMm.js";
+import { r as t } from "./tooltip-CDu00nzg.js";
+import { t as n } from "./labelled-D5udSPUI.js";
+import { forwardRef as r, useId as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Switch as s } from "@base-ui/react/switch";
+//#region src/components/switch/switch.tsx
+var c = { size: {
+	sm: { classes: "h-16 w-28 p-2" },
+	md: { classes: "h-20 w-36 p-2" },
+	lg: { classes: "h-24 w-44 p-2" }
+} }, l = { size: "md" }, u = {
+	sm: "size-12 data-checked:translate-x-12 rtl:data-checked:-translate-x-12",
+	md: "size-16 data-checked:translate-x-16 rtl:data-checked:-translate-x-16",
+	lg: "size-20 data-checked:translate-x-20 rtl:data-checked:-translate-x-20"
+}, d = /* @__PURE__ */ r(function({ checked: r, defaultChecked: l, onCheckedChange: d, disabled: f, disabledReason: p, readOnly: m, loading: h, name: g, size: _ = "md", label: v, description: y, id: b, className: x, "data-force": S, ...C }, w) {
+	let T = i(), E = b ?? `k-switch-${T}`, D = !!p && !!f, O = n(E, v, v ? y : void 0, C), k = /* @__PURE__ */ a(s.Root, {
+		ref: w,
+		id: E,
+		...r === void 0 ? {} : { checked: r },
+		...l === void 0 ? {} : { defaultChecked: l },
+		...d ? { onCheckedChange: (e) => d(e) } : {},
+		...f !== void 0 && !D ? { disabled: f } : {},
+		...m || h || D ? { readOnly: !0 } : {},
+		...D ? { "aria-disabled": !0 } : {},
+		...g ? { name: g } : {},
+		...h ? { "aria-busy": !0 } : {},
+		...S ? { "data-force": S } : {},
+		...C,
+		...O.aria,
+		className: e("group/sw relative inline-flex shrink-0 cursor-pointer items-center rounded-pill bg-fill-3 transition-control focus-ring tap-target", "hover:bg-line-strong checked:bg-ink checked:hover:bg-ink", "disabled:cursor-not-allowed disabled:opacity-40", D && "cursor-not-allowed opacity-40 hover:bg-fill-3 checked:hover:bg-ink", c.size[_].classes, !v && x),
+		children: /* @__PURE__ */ a(s.Thumb, { className: e("block rounded-pill bg-raised shadow-thumb indicator-motion data-checked:bg-on-ink data-checked:shadow-none", u[_], h && "animate-pulse-quiet") })
+	}), A = D ? /* @__PURE__ */ a(t, {
+		content: p,
+		children: k
+	}) : k;
+	return v ? /* @__PURE__ */ o("label", {
+		htmlFor: E,
+		className: e("flex min-h-32 cursor-pointer items-center justify-between gap-16", f && "cursor-not-allowed", x),
+		children: [/* @__PURE__ */ o("span", {
+			className: "flex min-w-0 flex-col",
+			children: [/* @__PURE__ */ a("span", {
+				id: O.labelId,
+				className: e("text-body text-fg", f && "text-fg-disabled"),
+				children: v
+			}), y && /* @__PURE__ */ a("span", {
+				id: O.descriptionId,
+				className: "text-small text-fg-secondary",
+				children: y
+			})]
+		}), A]
+	}) : A;
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "Switch");
+//#endregion
+export { c as n, d as r, l as t };
+
+//# sourceMappingURL=switch-CztLhA8F.js.map

package/dist/chunks/switch-CztLhA8F.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-CztLhA8F.js","names":["Switch","BaseSwitch","cn","Tooltip","labelled","KAESO_SWITCH_VARIANTS","KAESO_SWITCH_DEFAULT_VARIANTS","THUMB","Switch$1","force","aria","auto","useId","sid","id","soft","disabledReason","disabled","named","label","description","switchEl","Switch","checked","defaultChecked","onCheckedChange","c","readOnly","loading","name","size","className","control"],"sources":["../../src/components/switch/switch.tsx"],"sourcesContent":["import { forwardRef, useId, type ReactNode } from \"react\";\nimport { Switch as BaseSwitch } from \"@base-ui/react/switch\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { labelled } from \"../radio/labelled.js\";\n\nexport const KAESO_SWITCH_VARIANTS = {\n  size: {\n    sm: { classes: \"h-16 w-28 p-2\" },\n    md: { classes: \"h-20 w-36 p-2\" },\n    lg: { classes: \"h-24 w-44 p-2\" },\n  },\n} as const;\nexport const KAESO_SWITCH_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nconst THUMB = {\n  sm: \"size-12 data-checked:translate-x-12 rtl:data-checked:-translate-x-12\",\n  md: \"size-16 data-checked:translate-x-16 rtl:data-checked:-translate-x-16\",\n  lg: \"size-20 data-checked:translate-x-20 rtl:data-checked:-translate-x-20\",\n} as const;\n\nexport interface SwitchProps {\n  checked?: boolean | undefined;\n  defaultChecked?: boolean | undefined;\n  onCheckedChange?: ((checked: boolean) => void) | undefined;\n  disabled?: boolean | undefined;\n  disabledReason?: string | undefined;\n  readOnly?: boolean | undefined;\n  loading?: boolean | undefined;\n  name?: string | undefined;\n  size?: keyof typeof KAESO_SWITCH_VARIANTS.size | undefined;\n  label?: ReactNode | undefined;\n  description?: ReactNode | undefined;\n  id?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"aria-labelledby\"?: string | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const Switch = /* @__PURE__ */ forwardRef<HTMLButtonElement, SwitchProps>(function Switch(\n  {\n    checked,\n    defaultChecked,\n    onCheckedChange,\n    disabled,\n    disabledReason,\n    readOnly,\n    loading,\n    name,\n    size = \"md\",\n    label,\n    description,\n    id,\n    className,\n    \"data-force\": force,\n    ...aria\n  },\n  ref,\n) {\n  const auto = useId();\n  const sid = id ?? `k-switch-${auto}`;\n  const soft = !!disabledReason && !!disabled;\n  const named = labelled(sid, label, label ? description : undefined, aria);\n  const switchEl = (\n    <BaseSwitch.Root\n      ref={ref}\n      id={sid}\n      {...(checked !== undefined ? { checked } : {})}\n      {...(defaultChecked !== undefined ? { defaultChecked } : {})}\n      {...(onCheckedChange ? { onCheckedChange: (c: boolean) => onCheckedChange(c) } : {})}\n      {...(disabled !== undefined && !soft ? { disabled } : {})}\n      {...(readOnly || loading || soft ? { readOnly: true } : {})}\n      {...(soft ? { \"aria-disabled\": true } : {})}\n      {...(name ? { name } : {})}\n      {...(loading ? { \"aria-busy\": true } : {})}\n      {...(force ? { \"data-force\": force } : {})}\n      {...aria}\n      {...named.aria}\n      className={cn(\n        \"group/sw relative inline-flex shrink-0 cursor-pointer items-center rounded-pill bg-fill-3 transition-control focus-ring tap-target\",\n        \"hover:bg-line-strong checked:bg-ink checked:hover:bg-ink\",\n        \"disabled:cursor-not-allowed disabled:opacity-40\",\n        soft && \"cursor-not-allowed opacity-40 hover:bg-fill-3 checked:hover:bg-ink\",\n        KAESO_SWITCH_VARIANTS.size[size].classes,\n        !label && className,\n      )}\n    >\n      <BaseSwitch.Thumb\n        className={cn(\n          \"block rounded-pill bg-raised shadow-thumb indicator-motion data-checked:bg-on-ink data-checked:shadow-none\",\n          THUMB[size],\n          loading && \"animate-pulse-quiet\",\n        )}\n      />\n    </BaseSwitch.Root>\n  );\n  const control = soft ? <Tooltip content={disabledReason}>{switchEl}</Tooltip> : switchEl;\n  if (!label) return control;\n  return (\n    <label htmlFor={sid} className={cn(\"flex min-h-32 cursor-pointer items-center justify-between gap-16\", disabled && \"cursor-not-allowed\", className)}>\n      <span className=\"flex min-w-0 flex-col\">\n        <span id={named.labelId} className={cn(\"text-body text-fg\", disabled && \"text-fg-disabled\")}>\n          {label}\n        </span>\n        {description && (\n          <span id={named.descriptionId} className=\"text-small text-fg-secondary\">\n            {description}\n          </span>\n        )}\n      </span>\n      {control}\n    </label>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Switch.displayName = \"Switch\";\n"],"mappings":";;;;;;;;AAMA,IAAaK,IAAwB,EACnC,MAAM;CACJ,IAAI,EAAE,SAAS,gBAAgB;CAC/B,IAAI,EAAE,SAAS,gBAAgB;CAC/B,IAAI,EAAE,SAAS,gBAAgB;AACjC,EACF,GACaC,IAAgC,EAAE,MAAM,KAAK,GAEpDC,IAAQ;CACZ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAqBaP,IAAyB,kBAA2C,SAC/E,EACE,YACA,mBACA,oBACA,aACA,mBACA,aACA,YACA,SACA,UAAO,MACP,UACA,gBACA,OACA,cACA,cAAcS,GACd,GAAGC,KAEL,GACA;CACA,IAAMC,IAAOC,EAAM,GACbC,IAAMC,KAAM,YAAYH,KACxBI,IAAO,CAAC,CAACC,KAAkB,CAAC,CAACC,GAC7BC,IAAQd,EAASS,GAAKM,GAAOA,IAAQC,IAAc,KAAA,GAAWV,CAAI,GAClEW,IACJ,kBAACpB,EAAW,MAAZ;EACO;EACL,IAAIY;EACJ,GAAKU,MAAY,KAAA,IAA0B,CAAC,IAAf,EAAE,WAAQ;EACvC,GAAKC,MAAmB,KAAA,IAAiC,CAAC,IAAtB,EAAE,kBAAe;EACrD,GAAKC,IAAkB,EAAE,kBAAkB,MAAeA,EAAgBC,CAAC,EAAE,IAAI,CAAC;EAClF,GAAKT,MAAa,KAAA,KAAa,CAACF,IAAO,EAAE,YAAS,IAAI,CAAC;EACvD,GAAKY,KAAYC,KAAWb,IAAO,EAAE,UAAU,GAAK,IAAI,CAAC;EACzD,GAAKA,IAAO,EAAE,iBAAiB,GAAK,IAAI,CAAC;EACzC,GAAKc,IAAO,EAAE,QAAK,IAAI,CAAC;EACxB,GAAKD,IAAU,EAAE,aAAa,GAAK,IAAI,CAAC;EACxC,GAAKnB,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC;EACxC,GAAIC;EACJ,GAAIQ,EAAM;EACV,WAAWhB,EACT,sIACA,4DACA,mDACAa,KAAQ,sEACRV,EAAsB,KAAKyB,EAAK,CAAC,SACjC,CAACX,KAASY,CACZ;EAEA,UAAA,kBAAC9B,EAAW,OAAZ,EACE,WAAWC,EACT,8GACAK,EAAMuB,IACNF,KAAW,qBACb,EACD,CAAA;CACc,CAAA,GAEbI,IAAUjB,IAAO,kBAACZ,GAAD;EAAS,SAASa;EAAiB,UAAAK;CAAkB,CAAA,IAAIA;CAEhF,OADKF,IAEH,kBAAC,SAAD;EAAO,SAASN;EAAK,WAAWX,EAAG,oEAAoEe,KAAY,sBAAsBc,CAAS;EAAlJ,UAAA,CACE,kBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACE,kBAAC,QAAD;IAAM,IAAIb,EAAM;IAAS,WAAWhB,EAAG,qBAAqBe,KAAY,kBAAkB;IACvF,UAAAE;GACG,CAAA,GACLC,KACC,kBAAC,QAAD;IAAM,IAAIF,EAAM;IAAe,WAAU;IACtC,UAAAE;GACG,CAAA,CAEJ;EACL,CAAA,GAAAY,CACI;C,KAdUA;AAgBrB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAO,cAAc"}

package/dist/chunks/table-DYKa86af.js

@@ -0,0 +1,67 @@
+"use client";
+import { t as e } from "./cn-CidVUKMm.js";
+import { t } from "./tone-CWpsHPb6.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/table/table.tsx
+var i = { align: {
+	start: { classes: "text-left" },
+	end: { classes: "text-right tabular" }
+} }, a = { align: "start" }, o = /* @__PURE__ */ n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("table", {
+		ref: i,
+		className: e("w-full border-collapse text-body", t),
+		...n
+	});
+});
+process.env.NODE_ENV !== "production" && (o.displayName = "Table");
+var s = /* @__PURE__ */ n(function(e, t) {
+	return /* @__PURE__ */ r("thead", {
+		ref: t,
+		...e
+	});
+});
+process.env.NODE_ENV !== "production" && (s.displayName = "Table.Head");
+var c = /* @__PURE__ */ n(function(e, t) {
+	return /* @__PURE__ */ r("tbody", {
+		ref: t,
+		...e
+	});
+});
+process.env.NODE_ENV !== "production" && (c.displayName = "Table.Body");
+var l = /* @__PURE__ */ n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("tr", {
+		ref: i,
+		className: e("hairline-b last:shadow-none", t),
+		...n
+	});
+});
+process.env.NODE_ENV !== "production" && (l.displayName = "Table.Row");
+var u = /* @__PURE__ */ n(function({ align: t = "start", className: n, ...a }, o) {
+	return /* @__PURE__ */ r("th", {
+		ref: o,
+		scope: "col",
+		className: e("h-36 px-12 text-caption font-medium whitespace-nowrap text-fg-secondary hairline-b-strong first:pl-0 last:pr-0", i.align[t].classes, n),
+		...a
+	});
+});
+process.env.NODE_ENV !== "production" && (u.displayName = "Table.HeaderCell");
+var d = /* @__PURE__ */ n(function({ align: n = "start", tone: a, className: o, ...s }, c) {
+	return /* @__PURE__ */ r("td", {
+		ref: c,
+		className: e("h-44 px-12 py-12 align-middle text-fg first:pl-0 last:pr-0", i.align[n].classes, a && t[a], o),
+		...s
+	});
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "Table.Cell");
+var f = /* @__PURE__ */ Object.assign(o, {
+	Head: s,
+	Body: c,
+	Row: l,
+	HeaderCell: u,
+	Cell: d
+});
+//#endregion
+export { i as n, f as r, a as t };
+
+//# sourceMappingURL=table-DYKa86af.js.map

package/dist/chunks/table-DYKa86af.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-DYKa86af.js","names":["cn","KAESO_TABLE_VARIANTS","KAESO_TABLE_DEFAULT_VARIANTS","Root","props","className","Head","Body","Row","HeaderCell","align","Cell","tone","STATUS_TONE_TEXT","Table"],"sources":["../../src/components/table/table.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type TdHTMLAttributes, type ThHTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { STATUS_TONE_TEXT, type StatusTone } from \"../../utils/tone.js\";\n\nexport const KAESO_TABLE_VARIANTS = {\n  align: {\n    start: { classes: \"text-left\" },\n    end: { classes: \"text-right tabular\" },\n  },\n} as const;\nexport const KAESO_TABLE_DEFAULT_VARIANTS = { align: \"start\" } as const;\n\nconst Root = /* @__PURE__ */ forwardRef<HTMLTableElement, HTMLAttributes<HTMLTableElement>>(function Table({ className, ...props }, ref) {\n  return <table ref={ref} className={cn(\"w-full border-collapse text-body\", className)} {...props} />;\n});\nif (process.env.NODE_ENV !== \"production\") Root.displayName = \"Table\";\nconst Head = /* @__PURE__ */ forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(function TableHead(props, ref) {\n  return <thead ref={ref} {...props} />;\n});\nif (process.env.NODE_ENV !== \"production\") Head.displayName = \"Table.Head\";\nconst Body = /* @__PURE__ */ forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(function TableBody(props, ref) {\n  return <tbody ref={ref} {...props} />;\n});\nif (process.env.NODE_ENV !== \"production\") Body.displayName = \"Table.Body\";\nconst Row = /* @__PURE__ */ forwardRef<HTMLTableRowElement, HTMLAttributes<HTMLTableRowElement>>(function TableRow({ className, ...props }, ref) {\n  return <tr ref={ref} className={cn(\"hairline-b last:shadow-none\", className)} {...props} />;\n});\nif (process.env.NODE_ENV !== \"production\") Row.displayName = \"Table.Row\";\nconst HeaderCell = /* @__PURE__ */ forwardRef<HTMLTableCellElement, Omit<ThHTMLAttributes<HTMLTableCellElement>, \"align\"> & { align?: \"start\" | \"end\" | undefined }>(\n  function TableHeaderCell({ align = \"start\", className, ...props }, ref) {\n    return (\n      <th\n        ref={ref}\n        scope=\"col\"\n        className={cn(\n          \"h-36 px-12 text-caption font-medium whitespace-nowrap text-fg-secondary hairline-b-strong first:pl-0 last:pr-0\",\n          KAESO_TABLE_VARIANTS.align[align].classes,\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nif (process.env.NODE_ENV !== \"production\") HeaderCell.displayName = \"Table.HeaderCell\";\nexport interface TableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n  align?: \"start\" | \"end\" | undefined;\n  tone?: StatusTone | undefined;\n}\nconst Cell = /* @__PURE__ */ forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell({ align = \"start\", tone, className, ...props }, ref) {\n  return (\n    <td\n      ref={ref}\n      className={cn(\n        \"h-44 px-12 py-12 align-middle text-fg first:pl-0 last:pr-0\",\n        KAESO_TABLE_VARIANTS.align[align].classes,\n        tone && STATUS_TONE_TEXT[tone],\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Cell.displayName = \"Table.Cell\";\n\nexport const Table = /* @__PURE__ */ Object.assign(Root, { Head, Body, Row, HeaderCell, Cell });\n"],"mappings":";;;;;;AAIA,IAAaC,IAAuB,EAClC,OAAO;CACL,OAAO,EAAE,SAAS,YAAY;CAC9B,KAAK,EAAE,SAAS,qBAAqB;AACvC,EACF,GACaC,IAA+B,EAAE,OAAO,QAAQ,GAEvDC,IAAuB,kBAA+D,SAAe,EAAE,cAAW,GAAGC,KAAS,GAAK;CACvI,OAAO,kBAAC,SAAD;EAAY;EAAK,WAAWJ,EAAG,oCAAoCK,CAAS;EAAG,GAAID;CAAQ,CAAA;AACpG,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAC9D,IAAME,IAAuB,kBAA6E,SAAmB,GAAO,GAAK;CACvI,OAAO,kBAAC,SAAD;EAAY;EAAK,GAAIF;CAAQ,CAAA;AACtC,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAC9D,IAAMG,IAAuB,kBAA6E,SAAmB,GAAO,GAAK;CACvI,OAAO,kBAAC,SAAD;EAAY;EAAK,GAAIH;CAAQ,CAAA;AACtC,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAC9D,IAAMI,IAAsB,kBAAqE,SAAkB,EAAE,cAAW,GAAGJ,KAAS,GAAK;CAC/I,OAAO,kBAAC,MAAD;EAAS;EAAK,WAAWJ,EAAG,+BAA+BK,CAAS;EAAG,GAAID;CAAQ,CAAA;AAC5F,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAI,cAAc;AAC7D,IAAMK,IAA6B,kBACjC,SAAyB,EAAE,WAAQ,SAAS,cAAW,GAAGL,KAAS,GAAK;CACtE,OACE,kBAAC,MAAD;EACO;EACL,OAAM;EACN,WAAWJ,EACT,kHACAC,EAAqB,MAAMS,EAAM,CAAC,SAClCL,CACF;EACA,GAAID;CACL,CAAA;AAEL,CACF;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc;AAKpE,IAAMO,IAAuB,kBAAiD,SAAmB,EAAE,WAAQ,SAAS,SAAM,cAAW,GAAGP,KAAS,GAAK;CACpJ,OACE,kBAAC,MAAD;EACO;EACL,WAAWJ,EACT,8DACAC,EAAqB,MAAMS,EAAM,CAAC,SAClCE,KAAQC,EAAiBD,IACzBP,CACF;EACA,GAAID;CACL,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAE9D,IAAaU,IAAwB,uBAAO,OAAOX,GAAM;CAAE;CAAM;CAAM;CAAK;CAAY;AAAK,CAAC"}