@evinvest/uikit 0.31.0 → 0.32.0

package/dist/components/{key-value.js → atomic/key-value.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../lib/cn.js";
+import { cn } from "../../lib/cn.js";
 import {
   KEY_VALUE_BASE,
   KEY_VALUE_COPY,
@@ -9,8 +9,8 @@ import {
   KEY_VALUE_ROW,
   KEY_VALUE_STATUS,
   KEY_VALUE_VALUE
-} from "../generated/key-value.js";
-import { UiIcon } from "./ui-icons.js";
+} from "../../generated/key-value.js";
+import { UiIcon } from "../../icons/ui-icons.js";
 const COPIED_MS = 2e3;
 async function writeClipboard(text) {
   try {

package/dist/components/atomic/key-value.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/atomic/key-value.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport {\n  KEY_VALUE_BASE,\n  KEY_VALUE_COPY,\n  KEY_VALUE_LABEL,\n  KEY_VALUE_ROW,\n  KEY_VALUE_STATUS,\n  KEY_VALUE_VALUE,\n} from \"../../generated/key-value\";\nimport { UiIcon } from \"../../icons/ui-icons\";\n\nexport interface KeyValueLabels {\n  /** The copy button. Default `\"Copy {label}\"` (just `\"Copy\"` when the label is not text). */\n  copy?: string;\n  /** The polite announcement after a copy. Default `\"Copied\"`. */\n  copied?: string;\n}\n\nexport interface KeyValueProps extends Omit<React.ComponentProps<\"div\">, \"children\"> {\n  label: React.ReactNode;\n  value: React.ReactNode;\n  /** Adds a copy button for this text. */\n  copyText?: string;\n  labels?: KeyValueLabels;\n}\n\nconst COPIED_MS = 2000;\n\n// The async clipboard API needs a secure context and a user gesture; an\n// insecure origin or an old webview falls back to a selection + execCommand.\nasync function writeClipboard(text: string): Promise<boolean> {\n  try {\n    if (navigator.clipboard?.writeText) {\n      await navigator.clipboard.writeText(text);\n      return true;\n    }\n  } catch {\n    // Denied permission: try the selection route below.\n  }\n  // Inside a modal the focus scope pulls focus back to the dialog, which would drop a selection\n  // made in <body>; the helper has to live inside the dialog the user is in.\n  const host = document.activeElement?.closest('[role=\"dialog\"]') ?? document.body;\n  const area = document.createElement(\"textarea\");\n  area.value = text;\n  area.setAttribute(\"readonly\", \"\");\n  area.style.position = \"fixed\";\n  area.style.opacity = \"0\";\n  host.append(area);\n  area.select();\n  try {\n    return document.execCommand(\"copy\");\n  } finally {\n    area.remove();\n  }\n}\n\n/** A small label over its value, with an optional copy button. */\nexport function KeyValue({ label, value, copyText, labels = {}, className, ...props }: KeyValueProps) {\n  const [copied, setCopied] = React.useState(false);\n  const timer = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  React.useEffect(() => () => clearTimeout(timer.current), []);\n\n  const copy = async () => {\n    if (copyText === undefined || !(await writeClipboard(copyText))) return;\n    setCopied(true);\n    clearTimeout(timer.current);\n    timer.current = setTimeout(() => setCopied(false), COPIED_MS);\n  };\n\n  return (\n    <div data-slot=\"key-value\" className={cn(KEY_VALUE_BASE, className)} {...props}>\n      <span className={KEY_VALUE_LABEL}>{label}</span>\n      <div className={KEY_VALUE_ROW}>\n        <span className={KEY_VALUE_VALUE}>{value}</span>\n        {copyText !== undefined && (\n          <button\n            type=\"button\"\n            aria-label={labels.copy ?? (typeof label === \"string\" ? `Copy ${label}` : \"Copy\")}\n            onClick={copy}\n            className={KEY_VALUE_COPY}\n          >\n            <UiIcon name={copied ? \"check\" : \"copy\"} />\n          </button>\n        )}\n      </div>\n      <span role=\"status\" aria-live=\"polite\" className={KEY_VALUE_STATUS}>\n        {copied ? (labels.copied ?? \"Copied\") : \"\"}\n      </span>\n    </div>\n  );\n}\n"],"mappings":";AA0EM,cACA,YADA;AAxEN,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AAiBvB,MAAM,YAAY;AAIlB,eAAe,eAAe,MAAgC;AAC5D,MAAI;AACF,QAAI,UAAU,WAAW,WAAW;AAClC,YAAM,UAAU,UAAU,UAAU,IAAI;AACxC,aAAO;AAAA,IACT;AAAA,EACF,QAAQ;AAAA,EAER;AAGA,QAAM,OAAO,SAAS,eAAe,QAAQ,iBAAiB,KAAK,SAAS;AAC5E,QAAM,OAAO,SAAS,cAAc,UAAU;AAC9C,OAAK,QAAQ;AACb,OAAK,aAAa,YAAY,EAAE;AAChC,OAAK,MAAM,WAAW;AACtB,OAAK,MAAM,UAAU;AACrB,OAAK,OAAO,IAAI;AAChB,OAAK,OAAO;AACZ,MAAI;AACF,WAAO,SAAS,YAAY,MAAM;AAAA,EACpC,UAAE;AACA,SAAK,OAAO;AAAA,EACd;AACF;AAGO,SAAS,SAAS,EAAE,OAAO,OAAO,UAAU,SAAS,CAAC,GAAG,WAAW,GAAG,MAAM,GAAkB;AACpG,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAChD,QAAM,QAAQ,MAAM,OAAkD,MAAS;AAC/E,QAAM,UAAU,MAAM,MAAM,aAAa,MAAM,OAAO,GAAG,CAAC,CAAC;AAE3D,QAAM,OAAO,YAAY;AACvB,QAAI,aAAa,UAAa,CAAE,MAAM,eAAe,QAAQ,EAAI;AACjE,cAAU,IAAI;AACd,iBAAa,MAAM,OAAO;AAC1B,UAAM,UAAU,WAAW,MAAM,UAAU,KAAK,GAAG,SAAS;AAAA,EAC9D;AAEA,SACE,qBAAC,SAAI,aAAU,aAAY,WAAW,GAAG,gBAAgB,SAAS,GAAI,GAAG,OACvE;AAAA,wBAAC,UAAK,WAAW,iBAAkB,iBAAM;AAAA,IACzC,qBAAC,SAAI,WAAW,eACd;AAAA,0BAAC,UAAK,WAAW,iBAAkB,iBAAM;AAAA,MACxC,aAAa,UACZ;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY,OAAO,SAAS,OAAO,UAAU,WAAW,QAAQ,KAAK,KAAK;AAAA,UAC1E,SAAS;AAAA,UACT,WAAW;AAAA,UAEX,8BAAC,UAAO,MAAM,SAAS,UAAU,QAAQ;AAAA;AAAA,MAC3C;AAAA,OAEJ;AAAA,IACA,oBAAC,UAAK,MAAK,UAAS,aAAU,UAAS,WAAW,kBAC/C,mBAAU,OAAO,UAAU,WAAY,IAC1C;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/{label.js → atomic/label.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../lib/cn.js";
-import { LABEL_BASE } from "../generated/label.js";
+import { cn } from "../../lib/cn.js";
+import { LABEL_BASE } from "../../generated/label.js";
 function Label({ className, ...props }) {
   return /* @__PURE__ */ jsx("label", { "data-slot": "label", className: cn(LABEL_BASE, className), ...props });
 }

package/dist/components/atomic/label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/atomic/label.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { LABEL_BASE } from \"../../generated/label\";\n\nexport function Label({ className, ...props }: React.ComponentProps<\"label\">) {\n  return <label data-slot=\"label\" className={cn(LABEL_BASE, className)} {...props} />;\n}\n"],"mappings":"AAKS;AALT,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAEpB,SAAS,MAAM,EAAE,WAAW,GAAG,MAAM,GAAkC;AAC5E,SAAO,oBAAC,WAAM,aAAU,SAAQ,WAAW,GAAG,YAAY,SAAS,GAAI,GAAG,OAAO;AACnF;","names":[]}

package/dist/components/{menubar.js → atomic/menubar.js}

@@ -1,15 +1,15 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../lib/cn.js";
-import { useControllableState } from "../primitives/use-controllable-state.js";
-import { Portal } from "../primitives/portal.js";
-import { useFloating } from "../primitives/use-floating.js";
-import { DismissableLayerScope, useDismissableLayer } from "../primitives/dismissable-layer.js";
-import { usePresence } from "../primitives/presence.js";
-import { useRovingFocus } from "../primitives/use-roving-focus.js";
-import { useHoverIntent } from "../primitives/use-hover-intent.js";
-import { mergeRefs } from "../primitives/merge-refs.js";
+import { cn } from "../../lib/cn.js";
+import { useControllableState } from "../../primitives/use-controllable-state.js";
+import { Portal } from "../../primitives/portal.js";
+import { useFloating } from "../../primitives/use-floating.js";
+import { DismissableLayerScope, useDismissableLayer } from "../../primitives/dismissable-layer.js";
+import { usePresence } from "../../primitives/presence.js";
+import { useRovingFocus } from "../../primitives/use-roving-focus.js";
+import { useHoverIntent } from "../../primitives/use-hover-intent.js";
+import { mergeRefs } from "../../primitives/merge-refs.js";
 import {
   MENUBAR_CHECKBOX_ITEM,
   MENUBAR_CONTENT,
@@ -23,7 +23,7 @@ import {
   MENUBAR_SUB_CONTENT,
   MENUBAR_SUB_TRIGGER,
   MENUBAR_TRIGGER
-} from "../generated/menubar.js";
+} from "../../generated/menubar.js";
 const MenubarMenuContext = React.createContext(null);
 function useMenu() {
   const ctx = React.useContext(MenubarMenuContext);

package/dist/components/atomic/menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/atomic/menubar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { useControllableState } from \"../../primitives/use-controllable-state\";\nimport { Portal } from \"../../primitives/portal\";\nimport { useFloating } from \"../../primitives/use-floating\";\nimport { DismissableLayerScope, useDismissableLayer } from \"../../primitives/dismissable-layer\";\nimport { usePresence } from \"../../primitives/presence\";\nimport { useRovingFocus } from \"../../primitives/use-roving-focus\";\nimport { useHoverIntent } from \"../../primitives/use-hover-intent\";\nimport { mergeRefs } from \"../../primitives/merge-refs\";\nimport {\n  MENUBAR_CHECKBOX_ITEM,\n  MENUBAR_CONTENT,\n  MENUBAR_ITEM,\n  MENUBAR_ITEM_INDICATOR,\n  MENUBAR_LABEL,\n  MENUBAR_RADIO_ITEM,\n  MENUBAR_ROOT,\n  MENUBAR_SEPARATOR,\n  MENUBAR_SHORTCUT,\n  MENUBAR_SUB_CONTENT,\n  MENUBAR_SUB_TRIGGER,\n  MENUBAR_TRIGGER,\n} from \"../../generated/menubar\";\n\ninterface MenuCtx {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n}\nconst MenubarMenuContext = React.createContext<MenuCtx | null>(null);\nfunction useMenu(): MenuCtx {\n  const ctx = React.useContext(MenubarMenuContext);\n  if (!ctx) throw new Error(\"Menubar parts must be used within <MenubarMenu>\");\n  return ctx;\n}\n\nconst MenubarRadioGroupContext = React.createContext<{\n  value: string;\n  onValueChange: (value: string) => void;\n} | null>(null);\n\nexport function Menubar({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"menubar\"\n      role=\"menubar\"\n      className={cn(MENUBAR_ROOT, className)}\n      {...props}\n    />\n  );\n}\n\nexport interface MenubarMenuProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children?: React.ReactNode;\n}\n\nexport function MenubarMenu({ open, defaultOpen = false, onOpenChange, children }: MenubarMenuProps) {\n  const [isOpen, setOpen] = useControllableState({\n    value: open,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n  });\n  const triggerRef = React.useRef<HTMLButtonElement | null>(null);\n  return (\n    <MenubarMenuContext.Provider value={{ open: isOpen, setOpen, triggerRef }}>\n      <div data-slot=\"menubar-menu\" className=\"relative\">\n        {children}\n      </div>\n    </MenubarMenuContext.Provider>\n  );\n}\n\nexport function MenubarTrigger({ className, onClick, ...props }: React.ComponentProps<\"button\">) {\n  const { open, setOpen, triggerRef } = useMenu();\n  return (\n    <button\n      ref={triggerRef}\n      type=\"button\"\n      data-slot=\"menubar-trigger\"\n      data-state={open ? \"open\" : \"closed\"}\n      className={cn(MENUBAR_TRIGGER, className)}\n      onClick={(e) => {\n        onClick?.(e);\n        setOpen(!open);\n      }}\n      {...props}\n    />\n  );\n}\n\nexport function MenubarContent({\n  className,\n  children,\n  align = \"start\",\n  ...props\n}: React.ComponentProps<\"div\"> & { align?: \"start\" | \"center\" | \"end\" }) {\n  const { open, setOpen, triggerRef } = useMenu();\n  const { isPresent, ref: presenceRef } = usePresence(open);\n  const { floatingRef, style, side } = useFloating({\n    anchorRef: triggerRef,\n    open,\n    side: \"bottom\",\n    align,\n    offset: 8,\n  });\n  const dismissRef = useDismissableLayer({\n    enabled: open,\n    onDismiss: () => setOpen(false),\n    exclude: [triggerRef],\n  });\n\n  // Count the mounted menu items, not the children: separators, labels and\n  // groups are children too, and an inline sub-menu adds items when it opens.\n  const contentRef = React.useRef<HTMLDivElement | null>(null);\n  const items = () =>\n    Array.from(\n      contentRef.current?.querySelectorAll<HTMLElement>(\"[role^='menuitem']\") ?? [],\n    ).filter((el) => el.getAttribute(\"data-disabled\") === null);\n  const { activeIndex, setActiveIndex, onKeyDown } = useRovingFocus({\n    count: () => items().length,\n    orientation: \"vertical\",\n  });\n  // Reset on close: reopen on the first item, never on an index past the end.\n  React.useEffect(() => {\n    if (!open) setActiveIndex(0);\n  }, [open, setActiveIndex]);\n  React.useEffect(() => {\n    if (!open) return;\n    items()[activeIndex]?.focus();\n  }, [open, activeIndex]);\n\n  if (!isPresent) return null;\n  return (\n    <Portal>\n      <div\n        ref={mergeRefs(presenceRef, floatingRef, dismissRef, contentRef)}\n        data-slot=\"menubar-content\"\n        data-state={open ? \"open\" : \"closed\"}\n        data-side={side}\n        role=\"menu\"\n        style={style}\n        className={cn(MENUBAR_CONTENT, className)}\n        onKeyDown={onKeyDown}\n        {...props}\n      >\n        <DismissableLayerScope layer={dismissRef}>{children}</DismissableLayerScope>\n      </div>\n    </Portal>\n  );\n}\n\nexport function MenubarGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div data-slot=\"menubar-group\" role=\"group\" className={className} {...props} />;\n}\n\nexport function MenubarItem({\n  className,\n  inset,\n  variant = \"neutral\",\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  inset?: boolean;\n  variant?: \"neutral\" | \"destructive\";\n}) {\n  return (\n    <div\n      data-slot=\"menubar-item\"\n      data-inset={inset}\n      data-variant={variant}\n      role=\"menuitem\"\n      tabIndex={-1}\n      className={cn(MENUBAR_ITEM, className)}\n      {...props}\n    />\n  );\n}\n\nexport function MenubarCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<\"div\"> & { checked?: boolean }) {\n  return (\n    <div\n      data-slot=\"menubar-checkbox-item\"\n      role=\"menuitemcheckbox\"\n      aria-checked={checked}\n      tabIndex={-1}\n      className={cn(MENUBAR_CHECKBOX_ITEM, className)}\n      {...props}\n    >\n      <span className={MENUBAR_ITEM_INDICATOR}>\n        {checked && (\n          <svg\n            className=\"size-4\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <path d=\"M20 6 9 17l-5-5\" />\n          </svg>\n        )}\n      </span>\n      {children}\n    </div>\n  );\n}\n\nexport interface MenubarRadioGroupProps {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport function MenubarRadioGroup({\n  value,\n  defaultValue = \"\",\n  onValueChange,\n  className,\n  children,\n}: MenubarRadioGroupProps) {\n  const [current, setValue] = useControllableState({\n    value,\n    defaultValue,\n    onChange: onValueChange,\n  });\n  return (\n    <MenubarRadioGroupContext.Provider value={{ value: current, onValueChange: setValue }}>\n      <div data-slot=\"menubar-radio-group\" role=\"group\" className={className}>\n        {children}\n      </div>\n    </MenubarRadioGroupContext.Provider>\n  );\n}\n\nexport function MenubarRadioItem({\n  className,\n  children,\n  value,\n  ...props\n}: React.ComponentProps<\"div\"> & { value: string }) {\n  const ctx = React.useContext(MenubarRadioGroupContext);\n  const checked = ctx?.value === value;\n  return (\n    <div\n      data-slot=\"menubar-radio-item\"\n      role=\"menuitemradio\"\n      aria-checked={checked}\n      tabIndex={-1}\n      className={cn(MENUBAR_RADIO_ITEM, className)}\n      onClick={() => ctx?.onValueChange(value)}\n      {...props}\n    >\n      <span className={MENUBAR_ITEM_INDICATOR}>\n        {checked && (\n          <svg className=\"size-2 fill-current\" viewBox=\"0 0 24 24\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" />\n          </svg>\n        )}\n      </span>\n      {children}\n    </div>\n  );\n}\n\nexport function MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<\"div\"> & { inset?: boolean }) {\n  return (\n    <div\n      data-slot=\"menubar-label\"\n      data-inset={inset}\n      className={cn(MENUBAR_LABEL, className)}\n      {...props}\n    />\n  );\n}\n\nexport function MenubarSeparator({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"menubar-separator\"\n      role=\"separator\"\n      className={cn(MENUBAR_SEPARATOR, className)}\n      {...props}\n    />\n  );\n}\n\nexport function MenubarShortcut({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"menubar-shortcut\"\n      className={cn(MENUBAR_SHORTCUT, className)}\n      {...props}\n    />\n  );\n}\n\ninterface SubCtx {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  triggerRef: React.RefObject<HTMLDivElement | null>;\n  /** Set by a keyboard open, so the first item takes focus; a pointer open leaves focus alone. */\n  focusFirst: React.RefObject<boolean>;\n}\nconst MenubarSubContext = React.createContext<SubCtx | null>(null);\nfunction useSub(): SubCtx {\n  const ctx = React.useContext(MenubarSubContext);\n  if (!ctx) throw new Error(\"MenubarSub parts must be used within <MenubarSub>\");\n  return ctx;\n}\n\nexport interface MenubarSubProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children?: React.ReactNode;\n}\n\nexport function MenubarSub({ open, defaultOpen = false, onOpenChange, children }: MenubarSubProps) {\n  const [isOpen, setOpen] = useControllableState({\n    value: open,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n  });\n  const triggerRef = React.useRef<HTMLDivElement | null>(null);\n  const focusFirst = React.useRef(false);\n  const hover = useHoverIntent({\n    onOpen: () => setOpen(true),\n    onClose: () => setOpen(false),\n    openDelay: 100,\n    closeDelay: 150,\n  });\n  return (\n    <MenubarSubContext.Provider value={{ open: isOpen, setOpen, triggerRef, focusFirst }}>\n      <div data-slot=\"menubar-sub\" className=\"relative\" {...hover}>\n        {children}\n      </div>\n    </MenubarSubContext.Provider>\n  );\n}\n\nexport function MenubarSubTrigger({\n  className,\n  inset,\n  children,\n  onClick,\n  onKeyDown,\n  ...props\n}: React.ComponentProps<\"div\"> & { inset?: boolean }) {\n  const { open, setOpen, triggerRef, focusFirst } = useSub();\n  return (\n    <div\n      ref={triggerRef}\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset}\n      data-state={open ? \"open\" : \"closed\"}\n      role=\"menuitem\"\n      tabIndex={-1}\n      className={cn(MENUBAR_SUB_TRIGGER, className)}\n      onClick={(e) => {\n        onClick?.(e);\n        setOpen(!open);\n      }}\n      onKeyDown={(e) => {\n        onKeyDown?.(e);\n        if (e.key !== \"ArrowRight\" && e.key !== \"Enter\" && e.key !== \" \") return;\n        e.preventDefault();\n        e.stopPropagation();\n        focusFirst.current = true;\n        setOpen(true);\n      }}\n      {...props}\n    >\n      {children}\n      <svg\n        className=\"ml-auto h-4 w-4\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      >\n        <path d=\"m9 18 6-6-6-6\" />\n      </svg>\n    </div>\n  );\n}\n\nexport function MenubarSubContent({ className, children, onKeyDown, ...props }: React.ComponentProps<\"div\">) {\n  const { open, setOpen, triggerRef, focusFirst } = useSub();\n  const { isPresent, ref } = usePresence(open);\n  const inner = React.useRef<HTMLDivElement | null>(null);\n  React.useEffect(() => {\n    if (!open || !focusFirst.current) return;\n    focusFirst.current = false;\n    inner.current?.querySelector<HTMLElement>(\"[role^='menuitem']\")?.focus();\n  }, [open, focusFirst]);\n  if (!isPresent) return null;\n  return (\n    <div\n      ref={mergeRefs(ref as React.RefObject<HTMLDivElement>, inner)}\n      onKeyDown={(e) => {\n        onKeyDown?.(e);\n        if (e.key === \"ArrowLeft\" || e.key === \"Escape\") {\n          // Closes this flyout only; Escape would otherwise reach the whole menu's dismissal.\n          e.preventDefault();\n          e.stopPropagation();\n          setOpen(false);\n          triggerRef.current?.focus();\n        }\n      }}\n      data-slot=\"menubar-sub-content\"\n      data-state={open ? \"open\" : \"closed\"}\n      role=\"menu\"\n      className={cn(MENUBAR_SUB_CONTENT, className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/{native-select.js → atomic/native-select.js}

@@ -1,11 +1,11 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../lib/cn.js";
-import { NATIVE_SELECT_BASE, nativeSelectSizeClasses } from "../generated/select.js";
-import { markLabelable } from "../primitives/labelable.js";
+import { cn } from "../../lib/cn.js";
+import { NATIVE_SELECT_BASE, nativeSelectSizeClasses } from "../../generated/select.js";
+import { markLabelable } from "../../primitives/labelable.js";
 import { useFieldControlId } from "./field-context.js";
-import { SelectChevron } from "./select-chevron.js";
+import { SelectChevron } from "../../icons/select-chevron.js";
 const NativeSelect = React.forwardRef(
   function NativeSelect2({ className, wrapperClassName, size = "md", placeholder, id, children, value, defaultValue, ...props }, ref) {
     const controlId = useFieldControlId(id);

package/dist/components/atomic/native-select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/atomic/native-select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { NATIVE_SELECT_BASE, nativeSelectSizeClasses, type NativeSelectSize } from \"../../generated/select\";\nimport { markLabelable } from \"../../primitives/labelable\";\nimport { useFieldControlId } from \"./field-context\";\nimport { SelectChevron } from \"../../icons/select-chevron\";\n\nexport type { NativeSelectSize };\n\n/**\n * A real `<select>` wearing the kit's control: the form posts its `name` with no\n * script at all, and the popup is the platform's own (keyboard, type-ahead, the\n * mobile picker). `Select` is the scripted combobox for everything a native\n * popup cannot draw; this is for a form that has to submit before hydration.\n *\n * A component of its own rather than a `native` switch on `Select`: none of\n * `SelectTrigger` / `SelectValue` / `SelectContent` has a native counterpart, so\n * a flag would leave most of the compound API meaning nothing in one mode.\n *\n * `className` styles the `<select>`; `wrapperClassName` the box that holds it\n * and the arrow — that box is what a layout sizes. It is `w-full` like `Input`,\n * so the two line up in a form column; narrow it with `wrapperClassName`.\n */\nexport interface NativeSelectProps\n  extends Omit<React.ComponentPropsWithoutRef<\"select\">, \"size\" | \"multiple\"> {\n  size?: NativeSelectSize;\n  /** An empty, unpickable first option shown until a value is chosen. */\n  placeholder?: string;\n  wrapperClassName?: string;\n}\n\n// `appearance-none` drops the OS arrow. The popup is drawn by the platform:\n// the option colours reach it where the platform honours them, and `--scheme`\n// (a palette's polarity, `light` or `dark`) picks the platform's own dark\n// menu where it does not. The placeholder is the empty option being the\n// checked one — CSS can see that without script.\n\nexport const NativeSelect = React.forwardRef<HTMLSelectElement, NativeSelectProps>(\n  function NativeSelect(\n    { className, wrapperClassName, size = \"md\", placeholder, id, children, value, defaultValue, ...props },\n    ref,\n  ) {\n    const controlId = useFieldControlId(id);\n    // Without a checked option the browser picks the first enabled one, which\n    // would skip a disabled placeholder; start on it unless told otherwise.\n    const initial = value === undefined && defaultValue === undefined && placeholder !== undefined ? \"\" : defaultValue;\n    return (\n      <span\n        data-slot=\"native-select-wrapper\"\n        className={cn(\"relative inline-flex w-full has-[select:disabled]:opacity-40\", wrapperClassName)}\n      >\n        <select\n          ref={ref}\n          id={controlId}\n          data-slot=\"native-select\"\n          data-size={size}\n          className={cn(NATIVE_SELECT_BASE, nativeSelectSizeClasses[size], className)}\n          {...(value !== undefined ? { value } : {})}\n          {...(initial !== undefined ? { defaultValue: initial } : {})}\n          {...props}\n        >\n          {placeholder !== undefined && (\n            <option value=\"\" disabled hidden>\n              {placeholder}\n            </option>\n          )}\n          {children}\n        </select>\n        <SelectChevron\n          className={cn(\n            \"text-ink-soft pointer-events-none absolute top-1/2 right-3 size-4 -translate-y-1/2\",\n            // keeps the arrow as far in from the edge as the large inset keeps the text\n            size === \"lg\" && \"right-4\",\n          )}\n        />\n      </span>\n    );\n  },\n);\n\nmarkLabelable(NativeSelect);\n\nexport function NativeSelectOption(props: React.ComponentProps<\"option\">) {\n  return <option data-slot=\"native-select-option\" {...props} />;\n}\n\nexport function NativeSelectGroup(props: React.ComponentProps<\"optgroup\">) {\n  return <optgroup data-slot=\"native-select-group\" {...props} />;\n}\n"],"mappings":";AAqDQ,SAWI,KAXJ;AAnDR,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,oBAAoB,+BAAsD;AACnF,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAgCvB,MAAM,eAAe,MAAM;AAAA,EAChC,SAASA,cACP,EAAE,WAAW,kBAAkB,OAAO,MAAM,aAAa,IAAI,UAAU,OAAO,cAAc,GAAG,MAAM,GACrG,KACA;AACA,UAAM,YAAY,kBAAkB,EAAE;AAGtC,UAAM,UAAU,UAAU,UAAa,iBAAiB,UAAa,gBAAgB,SAAY,KAAK;AACtG,WACE;AAAA,MAAC;AAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAW,GAAG,gEAAgE,gBAAgB;AAAA,QAE9F;AAAA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,IAAI;AAAA,cACJ,aAAU;AAAA,cACV,aAAW;AAAA,cACX,WAAW,GAAG,oBAAoB,wBAAwB,IAAI,GAAG,SAAS;AAAA,cACzE,GAAI,UAAU,SAAY,EAAE,MAAM,IAAI,CAAC;AAAA,cACvC,GAAI,YAAY,SAAY,EAAE,cAAc,QAAQ,IAAI,CAAC;AAAA,cACzD,GAAG;AAAA,cAEH;AAAA,gCAAgB,UACf,oBAAC,YAAO,OAAM,IAAG,UAAQ,MAAC,QAAM,MAC7B,uBACH;AAAA,gBAED;AAAA;AAAA;AAAA,UACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA;AAAA,gBAEA,SAAS,QAAQ;AAAA,cACnB;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,cAAc,YAAY;AAEnB,SAAS,mBAAmB,OAAuC;AACxE,SAAO,oBAAC,YAAO,aAAU,wBAAwB,GAAG,OAAO;AAC7D;AAEO,SAAS,kBAAkB,OAAyC;AACzE,SAAO,oBAAC,cAAS,aAAU,uBAAuB,GAAG,OAAO;AAC9D;","names":["NativeSelect"]}

package/dist/components/{navigation-menu.js → atomic/navigation-menu.js}

@@ -1,12 +1,12 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../lib/cn.js";
-import { useControllableState } from "../primitives/use-controllable-state.js";
-import { DismissableLayerScope, useDismissableLayer } from "../primitives/dismissable-layer.js";
-import { usePresence } from "../primitives/presence.js";
-import { mergeRefs } from "../primitives/merge-refs.js";
-import { Slot } from "../primitives/slot.js";
+import { cn } from "../../lib/cn.js";
+import { useControllableState } from "../../primitives/use-controllable-state.js";
+import { DismissableLayerScope, useDismissableLayer } from "../../primitives/dismissable-layer.js";
+import { usePresence } from "../../primitives/presence.js";
+import { mergeRefs } from "../../primitives/merge-refs.js";
+import { Slot } from "../../primitives/slot.js";
 import {
   NAVIGATION_MENU,
   NAVIGATION_MENU_CONTENT,
@@ -16,7 +16,7 @@ import {
   NAVIGATION_MENU_LIST,
   NAVIGATION_MENU_TRIGGER_STYLE,
   NAVIGATION_MENU_VIEWPORT
-} from "../generated/navigation-menu.js";
+} from "../../generated/navigation-menu.js";
 function navigationMenuTriggerStyle() {
   return NAVIGATION_MENU_TRIGGER_STYLE;
 }

package/dist/components/atomic/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/atomic/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { useControllableState } from \"../../primitives/use-controllable-state\";\nimport { DismissableLayerScope, useDismissableLayer } from \"../../primitives/dismissable-layer\";\nimport { usePresence } from \"../../primitives/presence\";\nimport { mergeRefs } from \"../../primitives/merge-refs\";\nimport { Slot } from \"../../primitives/slot\";\nimport {\n  NAVIGATION_MENU,\n  NAVIGATION_MENU_CONTENT,\n  NAVIGATION_MENU_INDICATOR,\n  NAVIGATION_MENU_ITEM,\n  NAVIGATION_MENU_LINK,\n  NAVIGATION_MENU_LIST,\n  NAVIGATION_MENU_TRIGGER_STYLE,\n  NAVIGATION_MENU_VIEWPORT,\n} from \"../../generated/navigation-menu\";\n\n/**\n * Fused canonical trigger class string, the mirror of Rust's\n * `navigation_menu_trigger_style()`. Reuse it to style a plain link the same way\n * a `NavigationMenuTrigger` is styled.\n */\nexport function navigationMenuTriggerStyle(): string {\n  return NAVIGATION_MENU_TRIGGER_STYLE;\n}\n\ninterface ItemCtx {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n}\nconst NavigationMenuItemContext = React.createContext<ItemCtx | null>(null);\nfunction useItem(): ItemCtx {\n  const ctx = React.useContext(NavigationMenuItemContext);\n  if (!ctx) throw new Error(\"NavigationMenu parts must be used within <NavigationMenuItem>\");\n  return ctx;\n}\n\nexport function NavigationMenu({\n  className,\n  children,\n  // Content renders inline under its trigger, so no shared viewport is mounted; the flag\n  // stays on the DOM for consumers' selectors.\n  viewport = true,\n  ...props\n}: React.ComponentProps<\"nav\"> & { viewport?: boolean }) {\n  return (\n    <nav\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      role=\"navigation\"\n      className={cn(\n        NAVIGATION_MENU,\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </nav>\n  );\n}\n\nexport function NavigationMenuList({ className, ...props }: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"navigation-menu-list\"\n      role=\"list\"\n      className={cn(\n        NAVIGATION_MENU_LIST,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport interface NavigationMenuItemProps extends React.ComponentProps<\"li\"> {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport function NavigationMenuItem({\n  className,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  children,\n  ...props\n}: NavigationMenuItemProps) {\n  const [isOpen, setOpen] = useControllableState({\n    value: open,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n  });\n  const triggerRef = React.useRef<HTMLButtonElement | null>(null);\n  return (\n    <NavigationMenuItemContext.Provider value={{ open: isOpen, setOpen, triggerRef }}>\n      <li data-slot=\"navigation-menu-item\" className={cn(NAVIGATION_MENU_ITEM, className)} {...props}>\n        {children}\n      </li>\n    </NavigationMenuItemContext.Provider>\n  );\n}\n\nexport function NavigationMenuTrigger({\n  className,\n  children,\n  onClick,\n  ...props\n}: React.ComponentProps<\"button\">) {\n  const { open, setOpen, triggerRef } = useItem();\n  return (\n    <button\n      ref={triggerRef}\n      type=\"button\"\n      data-slot=\"navigation-menu-trigger\"\n      data-state={open ? \"open\" : \"closed\"}\n      className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n      onClick={(e) => {\n        onClick?.(e);\n        setOpen(!open);\n      }}\n      {...props}\n    >\n      {children}{\" \"}\n      <svg\n        className=\"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"m6 9 6 6 6-6\" />\n      </svg>\n    </button>\n  );\n}\n\nexport function NavigationMenuContent({ className, children, ...props }: React.ComponentProps<\"div\">) {\n  const { open, setOpen, triggerRef } = useItem();\n  const { isPresent, ref: presenceRef } = usePresence(open);\n  const dismissRef = useDismissableLayer({\n    enabled: open,\n    onDismiss: () => setOpen(false),\n    exclude: [triggerRef],\n  });\n  if (!isPresent) return null;\n  return (\n    <div\n      ref={mergeRefs(presenceRef, dismissRef)}\n      data-slot=\"navigation-menu-content\"\n      data-state={open ? \"open\" : \"closed\"}\n      className={cn(\n        NAVIGATION_MENU_CONTENT,\n        className,\n      )}\n      {...props}\n    >\n      <DismissableLayerScope layer={dismissRef}>{children}</DismissableLayerScope>\n    </div>\n  );\n}\n\nexport function NavigationMenuViewport({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div className=\"absolute top-full left-0 isolate z-50 flex justify-center\">\n      <div\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(\n          NAVIGATION_MENU_VIEWPORT,\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nexport function NavigationMenuLink({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"a\"> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"a\";\n  return (\n    <Comp\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        NAVIGATION_MENU_LINK,\n        className,\n      )}\n      {...(props as Record<string, unknown>)}\n    />\n  );\n}\n\nexport function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        NAVIGATION_MENU_INDICATOR,\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/{pagination.js → atomic/pagination.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../lib/cn.js";
+import { cn } from "../../lib/cn.js";
 import { buttonVariants } from "./button.js";
 function Pagination({ className, ...props }) {
   return /* @__PURE__ */ jsx(

package/dist/components/atomic/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/atomic/pagination.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { buttonVariants, type ButtonSize } from \"./button\";\n\nexport function Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function PaginationContent({\n  className,\n  ...props\n}: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      className={cn(\"flex flex-row items-center gap-1\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function PaginationItem(props: React.ComponentProps<\"li\">) {\n  return <li data-slot=\"pagination-item\" {...props} />;\n}\n\nexport type PaginationLinkProps = {\n  isActive?: boolean;\n  size?: ButtonSize;\n  /** Page numbers are square glyphs; a \"Previous\"/\"Next\" label is not. */\n  icon?: boolean;\n} & React.ComponentProps<\"a\">;\n\nexport function PaginationLink({\n  className,\n  isActive,\n  size = \"md\",\n  icon = true,\n  ...props\n}: PaginationLinkProps) {\n  return (\n    <a\n      aria-current={isActive ? \"page\" : undefined}\n      data-slot=\"pagination-link\"\n      data-active={isActive}\n      className={cn(\n        buttonVariants({\n          variant: isActive ? \"outline\" : \"ghost\",\n          size,\n          icon,\n        }),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nconst ChevronLeft = () => (\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path d=\"m15 18-6-6 6-6\" />\n  </svg>\n);\n\nconst ChevronRight = () => (\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path d=\"m9 18 6-6-6-6\" />\n  </svg>\n);\n\nconst MoreHorizontal = () => (\n  <svg\n    className=\"size-4\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"1\" />\n    <circle cx=\"19\" cy=\"12\" r=\"1\" />\n    <circle cx=\"5\" cy=\"12\" r=\"1\" />\n  </svg>\n);\n\nexport function PaginationPrevious({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"md\"\n      className={cn(\"gap-1 px-2.5 sm:pl-2.5\", className)}\n      {...props}\n    >\n      <ChevronLeft />\n      <span className=\"hidden sm:block\">Previous</span>\n    </PaginationLink>\n  );\n}\n\nexport function PaginationNext({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size=\"md\"\n      className={cn(\"gap-1 px-2.5 sm:pr-2.5\", className)}\n      {...props}\n    >\n      <span className=\"hidden sm:block\">Next</span>\n      <ChevronRight />\n    </PaginationLink>\n  );\n}\n\nexport function PaginationEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      aria-hidden\n      data-slot=\"pagination-ellipsis\"\n      className={cn(\"flex size-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreHorizontal />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/{popover.js → atomic/popover.js}

@@ -1,16 +1,16 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../lib/cn.js";
-import { useControllableState } from "../primitives/use-controllable-state.js";
-import { useFloating } from "../primitives/use-floating.js";
-import { DismissableLayerScope, useDismissableLayer } from "../primitives/dismissable-layer.js";
-import { useFocusScope } from "../primitives/focus-scope.js";
-import { usePresence } from "../primitives/presence.js";
-import { mergeRefs } from "../primitives/merge-refs.js";
-import { Portal } from "../primitives/portal.js";
-import { Slot } from "../primitives/slot.js";
-import { POPOVER_CONTENT } from "../generated/popover.js";
+import { cn } from "../../lib/cn.js";
+import { useControllableState } from "../../primitives/use-controllable-state.js";
+import { useFloating } from "../../primitives/use-floating.js";
+import { DismissableLayerScope, useDismissableLayer } from "../../primitives/dismissable-layer.js";
+import { useFocusScope } from "../../primitives/focus-scope.js";
+import { usePresence } from "../../primitives/presence.js";
+import { mergeRefs } from "../../primitives/merge-refs.js";
+import { Portal } from "../../primitives/portal.js";
+import { Slot } from "../../primitives/slot.js";
+import { POPOVER_CONTENT } from "../../generated/popover.js";
 const PopoverContext = React.createContext(null);
 function usePopover() {
   const ctx = React.useContext(PopoverContext);

package/dist/components/atomic/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/atomic/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { useControllableState } from \"../../primitives/use-controllable-state\";\nimport { useFloating } from \"../../primitives/use-floating\";\nimport { DismissableLayerScope, useDismissableLayer } from \"../../primitives/dismissable-layer\";\nimport { type InitialFocus, useFocusScope } from \"../../primitives/focus-scope\";\nimport { usePresence } from \"../../primitives/presence\";\nimport { mergeRefs } from \"../../primitives/merge-refs\";\nimport { Portal } from \"../../primitives/portal\";\nimport { Slot } from \"../../primitives/slot\";\nimport { POPOVER_CONTENT } from \"../../generated/popover\";\n\ninterface PopoverContextValue {\n  open: boolean;\n  setOpen: (next: boolean) => void;\n  anchorRef: React.RefObject<HTMLElement | null>;\n}\n\nconst PopoverContext = React.createContext<PopoverContextValue | null>(null);\n\nfunction usePopover(): PopoverContextValue {\n  const ctx = React.useContext(PopoverContext);\n  if (!ctx) throw new Error(\"Popover parts must be used within <Popover>\");\n  return ctx;\n}\n\nexport interface PopoverProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children?: React.ReactNode;\n}\n\nexport function Popover({ open, defaultOpen = false, onOpenChange, children }: PopoverProps) {\n  const [isOpen, setOpen] = useControllableState<boolean>({\n    ...(open !== undefined ? { value: open } : {}),\n    defaultValue: defaultOpen,\n    ...(onOpenChange ? { onChange: onOpenChange } : {}),\n  });\n  const anchorRef = React.useRef<HTMLElement | null>(null);\n  return (\n    <PopoverContext.Provider value={{ open: isOpen, setOpen, anchorRef }}>\n      {children}\n    </PopoverContext.Provider>\n  );\n}\n\nexport interface PopoverTriggerProps extends React.ComponentProps<\"button\"> {\n  asChild?: boolean;\n}\n\nexport function PopoverTrigger({ asChild = false, onClick, ...props }: PopoverTriggerProps) {\n  const { open, setOpen, anchorRef } = usePopover();\n  const Comp = asChild ? Slot : \"button\";\n  return (\n    <Comp\n      data-slot=\"popover-trigger\"\n      aria-expanded={open}\n      ref={anchorRef as React.Ref<never>}\n      onClick={(e: React.MouseEvent<HTMLButtonElement>) => {\n        onClick?.(e);\n        setOpen(!open);\n      }}\n      {...(props as Record<string, unknown>)}\n    />\n  );\n}\n\nexport interface PopoverAnchorProps extends React.ComponentProps<\"div\"> {\n  asChild?: boolean;\n}\n\nexport function PopoverAnchor({ asChild = false, ...props }: PopoverAnchorProps) {\n  const { anchorRef } = usePopover();\n  const Comp = asChild ? Slot : \"div\";\n  return (\n    <Comp\n      data-slot=\"popover-anchor\"\n      ref={anchorRef as React.Ref<never>}\n      {...(props as Record<string, unknown>)}\n    />\n  );\n}\n\nexport interface PopoverContentProps extends React.ComponentProps<\"div\"> {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  sideOffset?: number;\n  /** Where focus lands on open. Default `first` (e.g. a `Command` search input). */\n  initialFocus?: InitialFocus;\n}\n\nexport function PopoverContent({\n  className,\n  side: sideProp = \"bottom\",\n  align = \"center\",\n  sideOffset = 4,\n  initialFocus = \"first\",\n  children,\n  ...props\n}: PopoverContentProps) {\n  const { open, setOpen, anchorRef } = usePopover();\n  const { isPresent, ref: presRef } = usePresence(open);\n  const { floatingRef, style, side } = useFloating({\n    anchorRef,\n    open,\n    side: sideProp,\n    align,\n    offset: sideOffset,\n  });\n  const focusRef = useFocusScope(open, { initialFocus, returnFocusTo: anchorRef });\n  const dismissRef = useDismissableLayer({\n    enabled: open,\n    onDismiss: () => setOpen(false),\n    exclude: [anchorRef],\n  });\n  if (!isPresent) return null;\n  return (\n    <Portal>\n      <div\n        data-slot=\"popover-content\"\n        data-state={open ? \"open\" : \"closed\"}\n        data-side={side}\n        data-align={align}\n        ref={mergeRefs(floatingRef, focusRef, dismissRef, presRef)}\n        style={style}\n        className={cn(\n          POPOVER_CONTENT,\n          className,\n        )}\n        {...(props as Record<string, unknown>)}\n      >\n        <DismissableLayerScope layer={dismissRef}>{children}</DismissableLayerScope>\n      </div>\n    </Portal>\n  );\n}\n"],"mappings":";AA2CI;AAzCJ,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB,2BAA2B;AAC3D,SAA4B,qBAAqB;AACjD,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAQhC,MAAM,iBAAiB,MAAM,cAA0C,IAAI;AAE3E,SAAS,aAAkC;AACzC,QAAM,MAAM,MAAM,WAAW,cAAc;AAC3C,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,6CAA6C;AACvE,SAAO;AACT;AASO,SAAS,QAAQ,EAAE,MAAM,cAAc,OAAO,cAAc,SAAS,GAAiB;AAC3F,QAAM,CAAC,QAAQ,OAAO,IAAI,qBAA8B;AAAA,IACtD,GAAI,SAAS,SAAY,EAAE,OAAO,KAAK,IAAI,CAAC;AAAA,IAC5C,cAAc;AAAA,IACd,GAAI,eAAe,EAAE,UAAU,aAAa,IAAI,CAAC;AAAA,EACnD,CAAC;AACD,QAAM,YAAY,MAAM,OAA2B,IAAI;AACvD,SACE,oBAAC,eAAe,UAAf,EAAwB,OAAO,EAAE,MAAM,QAAQ,SAAS,UAAU,GAChE,UACH;AAEJ;AAMO,SAAS,eAAe,EAAE,UAAU,OAAO,SAAS,GAAG,MAAM,GAAwB;AAC1F,QAAM,EAAE,MAAM,SAAS,UAAU,IAAI,WAAW;AAChD,QAAM,OAAO,UAAU,OAAO;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,iBAAe;AAAA,MACf,KAAK;AAAA,MACL,SAAS,CAAC,MAA2C;AACnD,kBAAU,CAAC;AACX,gBAAQ,CAAC,IAAI;AAAA,MACf;AAAA,MACC,GAAI;AAAA;AAAA,EACP;AAEJ;AAMO,SAAS,cAAc,EAAE,UAAU,OAAO,GAAG,MAAM,GAAuB;AAC/E,QAAM,EAAE,UAAU,IAAI,WAAW;AACjC,QAAM,OAAO,UAAU,OAAO;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,KAAK;AAAA,MACJ,GAAI;AAAA;AAAA,EACP;AAEJ;AAUO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA,MAAM,WAAW;AAAA,EACjB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,QAAM,EAAE,MAAM,SAAS,UAAU,IAAI,WAAW;AAChD,QAAM,EAAE,WAAW,KAAK,QAAQ,IAAI,YAAY,IAAI;AACpD,QAAM,EAAE,aAAa,OAAO,KAAK,IAAI,YAAY;AAAA,IAC/C;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,QAAQ;AAAA,EACV,CAAC;AACD,QAAM,WAAW,cAAc,MAAM,EAAE,cAAc,eAAe,UAAU,CAAC;AAC/E,QAAM,aAAa,oBAAoB;AAAA,IACrC,SAAS;AAAA,IACT,WAAW,MAAM,QAAQ,KAAK;AAAA,IAC9B,SAAS,CAAC,SAAS;AAAA,EACrB,CAAC;AACD,MAAI,CAAC,UAAW,QAAO;AACvB,SACE,oBAAC,UACC;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAY,OAAO,SAAS;AAAA,MAC5B,aAAW;AAAA,MACX,cAAY;AAAA,MACZ,KAAK,UAAU,aAAa,UAAU,YAAY,OAAO;AAAA,MACzD;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAI;AAAA,MAEL,8BAAC,yBAAsB,OAAO,YAAa,UAAS;AAAA;AAAA,EACtD,GACF;AAEJ;","names":[]}

package/dist/components/{progress.js → atomic/progress.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../lib/cn.js";
-import { PROGRESS_TRACK, PROGRESS_INDICATOR } from "../generated/progress.js";
+import { cn } from "../../lib/cn.js";
+import { PROGRESS_TRACK, PROGRESS_INDICATOR } from "../../generated/progress.js";
 function Progress({ className, value = 0, ...props }) {
   return /* @__PURE__ */ jsx(
     "div",

package/dist/components/atomic/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/atomic/progress.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { PROGRESS_TRACK, PROGRESS_INDICATOR } from \"../../generated/progress\";\n\nexport interface ProgressProps extends React.ComponentProps<\"div\"> {\n  value?: number;\n}\n\nexport function Progress({ className, value = 0, ...props }: ProgressProps) {\n  return (\n    <div\n      data-slot=\"progress\"\n      role=\"progressbar\"\n      aria-valuenow={value}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      className={cn(PROGRESS_TRACK, className)}\n      {...props}\n    >\n      <div\n        data-slot=\"progress-indicator\"\n        className={PROGRESS_INDICATOR}\n        style={{ transform: `translateX(-${100 - value}%)` }}\n      />\n    </div>\n  );\n}\n"],"mappings":"AAmBM;AAnBN,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,gBAAgB,0BAA0B;AAM5C,SAAS,SAAS,EAAE,WAAW,QAAQ,GAAG,GAAG,MAAM,GAAkB;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,WAAW,GAAG,gBAAgB,SAAS;AAAA,MACtC,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAW;AAAA,UACX,OAAO,EAAE,WAAW,eAAe,MAAM,KAAK,KAAK;AAAA;AAAA,MACrD;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/{radio-group.js → atomic/radio-group.js}

@@ -1,10 +1,10 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../lib/cn.js";
-import { useControllableState } from "../primitives/use-controllable-state.js";
-import { useRovingFocus } from "../primitives/use-roving-focus.js";
-import { RADIO_GROUP_ITEM, RADIO_GROUP_ROOT } from "../generated/radio-group.js";
+import { cn } from "../../lib/cn.js";
+import { useControllableState } from "../../primitives/use-controllable-state.js";
+import { useRovingFocus } from "../../primitives/use-roving-focus.js";
+import { RADIO_GROUP_ITEM, RADIO_GROUP_ROOT } from "../../generated/radio-group.js";
 const RadioGroupContext = React.createContext(
   null
 );

package/dist/components/atomic/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/atomic/radio-group.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { useControllableState } from \"../../primitives/use-controllable-state\";\nimport { useRovingFocus } from \"../../primitives/use-roving-focus\";\nimport { RADIO_GROUP_ITEM, RADIO_GROUP_ROOT } from \"../../generated/radio-group\";\n\ninterface RadioGroupContextValue {\n  value: string;\n  setValue: (next: string) => void;\n  register: (el: HTMLButtonElement | null) => number;\n  activeIndex: number;\n  setActiveIndex: (i: number) => void;\n}\n\nconst RadioGroupContext = React.createContext<RadioGroupContextValue | null>(\n  null,\n);\n\nexport interface RadioGroupProps\n  extends Omit<React.ComponentProps<\"div\">, \"onChange\"> {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n}\n\nexport function RadioGroup({\n  className,\n  value,\n  defaultValue = \"\",\n  onValueChange,\n  children,\n  onKeyDown,\n  ...props\n}: RadioGroupProps) {\n  const [current, setCurrent] = useControllableState<string>({\n    ...(value !== undefined ? { value } : {}),\n    defaultValue,\n    ...(onValueChange ? { onChange: onValueChange } : {}),\n  });\n\n  const itemsRef = React.useRef<(HTMLButtonElement | null)[]>([]);\n  const [count, setCount] = React.useState(0);\n\n  const { activeIndex, setActiveIndex, onKeyDown: rovingKeyDown } =\n    useRovingFocus({ count, orientation: \"vertical\", loop: true });\n\n  const register = React.useCallback((el: HTMLButtonElement | null): number => {\n    const list = itemsRef.current;\n    let index = list.indexOf(el);\n    if (index === -1) {\n      index = list.length;\n      list[index] = el;\n      setCount(list.filter(Boolean).length);\n    }\n    return index;\n  }, []);\n\n  const ctx = React.useMemo<RadioGroupContextValue>(\n    () => ({ value: current, setValue: setCurrent, register, activeIndex, setActiveIndex }),\n    [current, setCurrent, register, activeIndex, setActiveIndex],\n  );\n\n  return (\n    <RadioGroupContext.Provider value={ctx}>\n      <div\n        data-slot=\"radio-group\"\n        role=\"radiogroup\"\n        className={cn(RADIO_GROUP_ROOT, className)}\n        onKeyDown={(e) => {\n          onKeyDown?.(e);\n          rovingKeyDown(e);\n        }}\n        {...props}\n      >\n        {children}\n      </div>\n    </RadioGroupContext.Provider>\n  );\n}\n\nexport interface RadioGroupItemProps\n  extends Omit<React.ComponentProps<\"button\">, \"value\"> {\n  value: string;\n}\n\nexport function RadioGroupItem({\n  className,\n  value,\n  disabled,\n  onClick,\n  ...props\n}: RadioGroupItemProps) {\n  const ctx = React.useContext(RadioGroupContext);\n  if (!ctx) throw new Error(\"RadioGroupItem must be used within a RadioGroup\");\n  const indexRef = React.useRef(-1);\n  const checked = ctx.value === value;\n\n  React.useEffect(() => {\n    if (checked) ctx.setActiveIndex(indexRef.current);\n  }, [checked]);\n\n  return (\n    <button\n      ref={(el) => {\n        indexRef.current = ctx.register(el);\n      }}\n      type=\"button\"\n      data-slot=\"radio-group-item\"\n      data-state={checked ? \"checked\" : \"unchecked\"}\n      role=\"radio\"\n      aria-checked={checked}\n      disabled={disabled}\n      tabIndex={indexRef.current === ctx.activeIndex ? 0 : -1}\n      className={cn(RADIO_GROUP_ITEM, className)}\n      onClick={(e) => {\n        onClick?.(e);\n        ctx.setValue(value);\n      }}\n      {...props}\n    >\n      {checked ? (\n        <span\n          data-slot=\"radio-group-indicator\"\n          className=\"relative flex items-center justify-center\"\n        >\n          <svg\n            className=\"fill-primary-ink absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2\"\n            viewBox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n          >\n            <circle cx=\"12\" cy=\"12\" r=\"10\" />\n          </svg>\n        </span>\n      ) : null}\n    </button>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/{scroll-area.js → atomic/scroll-area.js}

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../lib/cn.js";
+import { cn } from "../../lib/cn.js";
 import {
   SCROLL_AREA_THUMB,
   SCROLL_AREA_VIEWPORT,
   SCROLLBAR_BASE,
   scrollBarOrientations
-} from "../generated/scroll-area.js";
+} from "../../generated/scroll-area.js";
 function ScrollArea({
   className,
   children,

package/dist/components/atomic/scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/atomic/scroll-area.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport {\n  SCROLL_AREA_THUMB,\n  SCROLL_AREA_VIEWPORT,\n  SCROLLBAR_BASE,\n  scrollBarOrientations,\n  type ScrollBarOrientation,\n} from \"../../generated/scroll-area\";\n\nexport type { ScrollBarOrientation };\n\n// Dep-light scroll area: a viewport `div` with native `overflow` scrolling.\n// Custom scrollbar thumb tracking is omitted — native overflow does the work;\n// `ScrollBar` is a static decorative element kept for class parity.\n\nexport function ScrollArea({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"scroll-area\" className={cn(\"relative\", className)} {...props}>\n      <div data-slot=\"scroll-area-viewport\" className={SCROLL_AREA_VIEWPORT}>\n        {children}\n      </div>\n      <ScrollBar />\n    </div>\n  );\n}\n\nexport interface ScrollBarProps extends React.ComponentProps<\"div\"> {\n  orientation?: ScrollBarOrientation;\n}\n\nexport function ScrollBar({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: ScrollBarProps) {\n  return (\n    <div\n      data-slot=\"scroll-area-scrollbar\"\n      data-orientation={orientation}\n      className={cn(SCROLLBAR_BASE, scrollBarOrientations[orientation], className)}\n      {...props}\n    >\n      <div data-slot=\"scroll-area-thumb\" className={SCROLL_AREA_THUMB} />\n    </div>\n  );\n}\n"],"mappings":"AAsBI,SACE,KADF;AAtBJ,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAQA,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAgC;AAC9B,SACE,qBAAC,SAAI,aAAU,eAAc,WAAW,GAAG,YAAY,SAAS,GAAI,GAAG,OACrE;AAAA,wBAAC,SAAI,aAAU,wBAAuB,WAAW,sBAC9C,UACH;AAAA,IACA,oBAAC,aAAU;AAAA,KACb;AAEJ;AAMO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAAmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,oBAAkB;AAAA,MAClB,WAAW,GAAG,gBAAgB,sBAAsB,WAAW,GAAG,SAAS;AAAA,MAC1E,GAAG;AAAA,MAEJ,8BAAC,SAAI,aAAU,qBAAoB,WAAW,mBAAmB;AAAA;AAAA,EACnE;AAEJ;","names":[]}

package/dist/components/{section-descriptor.js → atomic/section-descriptor.js}

@@ -1,7 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../lib/cn.js";
-import { FIELD_TITLE, FIELD_DESCRIPTION } from "../generated/field.js";
+import { cn } from "../../lib/cn.js";
+import { FIELD_TITLE, FIELD_DESCRIPTION } from "../../generated/field.js";
 const SECTION_DESCRIPTOR = "flex flex-col gap-2 rounded-lg border border-border bg-hover p-4 text-left";
 function InfoGlyph({ className }) {
   return /* @__PURE__ */ jsxs(

package/dist/components/atomic/section-descriptor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/atomic/section-descriptor.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { FIELD_TITLE, FIELD_DESCRIPTION } from \"../../generated/field\";\n\n/**\n * `SectionDescriptor` — a static, always-visible block that explains a whole\n * feature (withdrawals, fund shares, an operator action). It reads as neutral body\n * copy, NOT a coloured alert: the title reuses `FIELD_TITLE`, the body reuses\n * `FIELD_DESCRIPTION`, inside a subtle bordered container. Content-agnostic — the\n * strings are injected by the caller.\n *\n * With `collapsible`, it renders as a native `<details>`/`<summary>` disclosure,\n * which carries keyboard support and find-in-page auto-expand for free.\n */\nconst SECTION_DESCRIPTOR =\n  \"flex flex-col gap-2 rounded-lg border border-border bg-hover p-4 text-left\";\n\n// lucide `info`, inlined per the kit's no-lucide-dep icon convention.\nfunction InfoGlyph({ className }: { className?: string }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden\n      className={cn(\"size-4 shrink-0\", className)}\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M12 16v-4\" />\n      <path d=\"M12 8h.01\" />\n    </svg>\n  );\n}\n\nexport interface SectionDescriptorProps extends Omit<\n  React.ComponentProps<\"section\">,\n  \"title\"\n> {\n  title: React.ReactNode;\n  /** Show the leading ⓘ mark. Defaults to true. */\n  icon?: boolean;\n  /** Render as a collapsible `<details>` disclosure. */\n  collapsible?: boolean;\n  /** Initial open state when `collapsible`. */\n  defaultOpen?: boolean;\n}\n\nexport function SectionDescriptor({\n  title,\n  icon = true,\n  collapsible = false,\n  defaultOpen = false,\n  className,\n  children,\n  ...props\n}: SectionDescriptorProps) {\n  const titleContent = (\n    <>\n      {icon && <InfoGlyph className=\"text-accent-debug\" />}\n      <span>{title}</span>\n    </>\n  );\n\n  if (collapsible) {\n    return (\n      <details\n        data-slot=\"section-descriptor\"\n        data-collapsible=\"\"\n        open={defaultOpen}\n        className={cn(SECTION_DESCRIPTOR, className)}\n        {...(props as Record<string, unknown>)}\n      >\n        <summary\n          data-slot=\"section-descriptor-title\"\n          className={cn(\n            FIELD_TITLE,\n            \"cursor-pointer list-none [&::-webkit-details-marker]:hidden\",\n          )}\n        >\n          {titleContent}\n        </summary>\n        <p\n          data-slot=\"section-descriptor-body\"\n          className={cn(FIELD_DESCRIPTION, \"mt-2\")}\n        >\n          {children}\n        </p>\n      </details>\n    );\n  }\n\n  return (\n    <section\n      data-slot=\"section-descriptor\"\n      className={cn(SECTION_DESCRIPTOR, className)}\n      {...props}\n    >\n      <div data-slot=\"section-descriptor-title\" className={FIELD_TITLE}>\n        {titleContent}\n      </div>\n      <p data-slot=\"section-descriptor-body\" className={FIELD_DESCRIPTION}>\n        {children}\n      </p>\n    </section>\n  );\n}\n"],"mappings":"AAoBI,SAwCA,UA9BE,KAVF;AApBJ,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,aAAa,yBAAyB;AAY/C,MAAM,qBACJ;AAGF,SAAS,UAAU,EAAE,UAAU,GAA2B;AACxD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAa;AAAA,MACb,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,eAAW;AAAA,MACX,WAAW,GAAG,mBAAmB,SAAS;AAAA,MAE1C;AAAA,4BAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK;AAAA,QAC/B,oBAAC,UAAK,GAAE,aAAY;AAAA,QACpB,oBAAC,UAAK,GAAE,aAAY;AAAA;AAAA;AAAA,EACtB;AAEJ;AAeO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,OAAO;AAAA,EACP,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,QAAM,eACJ,iCACG;AAAA,YAAQ,oBAAC,aAAU,WAAU,qBAAoB;AAAA,IAClD,oBAAC,UAAM,iBAAM;AAAA,KACf;AAGF,MAAI,aAAa;AACf,WACE;AAAA,MAAC;AAAA;AAAA,QACC,aAAU;AAAA,QACV,oBAAiB;AAAA,QACjB,MAAM;AAAA,QACN,WAAW,GAAG,oBAAoB,SAAS;AAAA,QAC1C,GAAI;AAAA,QAEL;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,aAAU;AAAA,cACV,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,cACF;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,aAAU;AAAA,cACV,WAAW,GAAG,mBAAmB,MAAM;AAAA,cAEtC;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,oBAAoB,SAAS;AAAA,MAC1C,GAAG;AAAA,MAEJ;AAAA,4BAAC,SAAI,aAAU,4BAA2B,WAAW,aAClD,wBACH;AAAA,QACA,oBAAC,OAAE,aAAU,2BAA0B,WAAW,mBAC/C,UACH;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/{select-listbox.js → atomic/select-listbox.js}

@@ -1,6 +1,6 @@
 "use client";
 import * as React from "react";
-import { focusCandidates } from "../primitives/focus-scope.js";
+import { focusCandidates } from "../../primitives/focus-scope.js";
 const TYPEAHEAD_MS = 500;
 function listOptions(list) {
   return Array.from(list?.querySelectorAll("[role='option']:not([data-disabled])") ?? []);

package/dist/components/atomic/select-listbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/atomic/select-listbox.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { focusCandidates } from \"../../primitives/focus-scope\";\n\n// Keyboard and focus for `SelectContent`, kept out of the component itself.\n// The options are read from the DOM, never counted from `children`: a\n// `SelectGroup`, a `SelectLabel` or an item behind a component of the\n// caller's is invisible to `Children`, and an index counted there points at\n// the wrong row.\n\nconst TYPEAHEAD_MS = 500;\n\nexport function listOptions(list: HTMLElement | null): HTMLElement[] {\n  return Array.from(list?.querySelectorAll<HTMLElement>(\"[role='option']:not([data-disabled])\") ?? []);\n}\n\n/**\n * Opening lands on the chosen option (else the first), as a native select\n * does. Focus without scrolling — the page must not jump on the frame the\n * list is placed — then the list alone brings that option into view.\n */\nexport function landOnChosen(list: HTMLElement | null): void {\n  const options = listOptions(list);\n  const target = options.find((o) => o.getAttribute(\"aria-selected\") === \"true\") ?? options[0];\n  if (!target) return;\n  target.focus({ preventScroll: true });\n  target.scrollIntoView?.({ block: \"nearest\" });\n}\n\n/** Arrows, Home, End and type-ahead over the options; `true` when the key was one of them. */\nexport function useListboxKeys(listRef: React.RefObject<HTMLElement | null>) {\n  const typed = React.useRef({ text: \"\", at: 0 });\n  return React.useCallback(\n    (event: React.KeyboardEvent): boolean => {\n      const options = listOptions(listRef.current);\n      if (options.length === 0) return false;\n      const current = options.indexOf(document.activeElement as HTMLElement);\n      const move = (index: number) => {\n        event.preventDefault();\n        // A plain focus: the browser scrolls the list to follow the arrows.\n        options[(index + options.length) % options.length]?.focus();\n        return true;\n      };\n      switch (event.key) {\n        case \"ArrowDown\":\n          return move(current + 1);\n        case \"ArrowUp\":\n          return move(current < 0 ? -1 : current - 1);\n        case \"Home\":\n          return move(0);\n        case \"End\":\n          return move(options.length - 1);\n      }\n      // Space chooses (the option's own handler), as Enter does: it is not type-ahead.\n      if (event.key.length !== 1 || event.key === \" \" || event.ctrlKey || event.metaKey || event.altKey) return false;\n      const now = Date.now();\n      const t = typed.current;\n      t.text = now - t.at > TYPEAHEAD_MS ? event.key.toLowerCase() : t.text + event.key.toLowerCase();\n      t.at = now;\n      // One letter repeated cycles through the options that start with it.\n      const repeated = t.text.split(\"\").every((c) => c === t.text[0]);\n      const query = repeated ? t.text[0]! : t.text;\n      const from = repeated ? current + 1 : Math.max(current, 0);\n      for (let i = 0; i < options.length; i++) {\n        const index = (from + i) % options.length;\n        if ((options[index]!.textContent ?? \"\").trim().toLowerCase().startsWith(query)) return move(index);\n      }\n      event.preventDefault();\n      return true;\n    },\n    [listRef],\n  );\n}\n\n/**\n * Tab from the open list goes on from the trigger. The list is portaled to the\n * end of the document, so the browser's own Tab would leave from there: focus\n * goes back to the trigger first and the browser's Tab carries on from it.\n * Inside a modal (a Dialog, a Drawer) that is not enough — the trap listens on\n * the modal, never sees a key from the portal, and would let a Tab from its\n * last field out — so there the next field is found here, wrapping as the\n * trap would.\n */\nexport function tabFromTrigger(event: React.KeyboardEvent, trigger: HTMLElement | null): void {\n  if (!trigger) return;\n  const modal = trigger.closest<HTMLElement>(\"[aria-modal='true']\");\n  if (!modal) {\n    trigger.focus();\n    return;\n  }\n  event.preventDefault();\n  const stops = focusCandidates(modal).filter((el) => el === trigger || el.offsetWidth > 0 || el.offsetHeight > 0);\n  const at = stops.indexOf(trigger);\n  const next = stops[(at + (event.shiftKey ? -1 : 1) + stops.length) % stops.length];\n  (at < 0 || !next ? trigger : next).focus();\n}\n"],"mappings":";AAEA,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAQhC,MAAM,eAAe;AAEd,SAAS,YAAY,MAAyC;AACnE,SAAO,MAAM,KAAK,MAAM,iBAA8B,sCAAsC,KAAK,CAAC,CAAC;AACrG;AAOO,SAAS,aAAa,MAAgC;AAC3D,QAAM,UAAU,YAAY,IAAI;AAChC,QAAM,SAAS,QAAQ,KAAK,CAAC,MAAM,EAAE,aAAa,eAAe,MAAM,MAAM,KAAK,QAAQ,CAAC;AAC3F,MAAI,CAAC,OAAQ;AACb,SAAO,MAAM,EAAE,eAAe,KAAK,CAAC;AACpC,SAAO,iBAAiB,EAAE,OAAO,UAAU,CAAC;AAC9C;AAGO,SAAS,eAAe,SAA8C;AAC3E,QAAM,QAAQ,MAAM,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,CAAC;AAC9C,SAAO,MAAM;AAAA,IACX,CAAC,UAAwC;AACvC,YAAM,UAAU,YAAY,QAAQ,OAAO;AAC3C,UAAI,QAAQ,WAAW,EAAG,QAAO;AACjC,YAAM,UAAU,QAAQ,QAAQ,SAAS,aAA4B;AACrE,YAAM,OAAO,CAAC,UAAkB;AAC9B,cAAM,eAAe;AAErB,iBAAS,QAAQ,QAAQ,UAAU,QAAQ,MAAM,GAAG,MAAM;AAC1D,eAAO;AAAA,MACT;AACA,cAAQ,MAAM,KAAK;AAAA,QACjB,KAAK;AACH,iBAAO,KAAK,UAAU,CAAC;AAAA,QACzB,KAAK;AACH,iBAAO,KAAK,UAAU,IAAI,KAAK,UAAU,CAAC;AAAA,QAC5C,KAAK;AACH,iBAAO,KAAK,CAAC;AAAA,QACf,KAAK;AACH,iBAAO,KAAK,QAAQ,SAAS,CAAC;AAAA,MAClC;AAEA,UAAI,MAAM,IAAI,WAAW,KAAK,MAAM,QAAQ,OAAO,MAAM,WAAW,MAAM,WAAW,MAAM,OAAQ,QAAO;AAC1G,YAAM,MAAM,KAAK,IAAI;AACrB,YAAM,IAAI,MAAM;AAChB,QAAE,OAAO,MAAM,EAAE,KAAK,eAAe,MAAM,IAAI,YAAY,IAAI,EAAE,OAAO,MAAM,IAAI,YAAY;AAC9F,QAAE,KAAK;AAEP,YAAM,WAAW,EAAE,KAAK,MAAM,EAAE,EAAE,MAAM,CAAC,MAAM,MAAM,EAAE,KAAK,CAAC,CAAC;AAC9D,YAAM,QAAQ,WAAW,EAAE,KAAK,CAAC,IAAK,EAAE;AACxC,YAAM,OAAO,WAAW,UAAU,IAAI,KAAK,IAAI,SAAS,CAAC;AACzD,eAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK;AACvC,cAAM,SAAS,OAAO,KAAK,QAAQ;AACnC,aAAK,QAAQ,KAAK,EAAG,eAAe,IAAI,KAAK,EAAE,YAAY,EAAE,WAAW,KAAK,EAAG,QAAO,KAAK,KAAK;AAAA,MACnG;AACA,YAAM,eAAe;AACrB,aAAO;AAAA,IACT;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AACF;AAWO,SAAS,eAAe,OAA4B,SAAmC;AAC5F,MAAI,CAAC,QAAS;AACd,QAAM,QAAQ,QAAQ,QAAqB,qBAAqB;AAChE,MAAI,CAAC,OAAO;AACV,YAAQ,MAAM;AACd;AAAA,EACF;AACA,QAAM,eAAe;AACrB,QAAM,QAAQ,gBAAgB,KAAK,EAAE,OAAO,CAAC,OAAO,OAAO,WAAW,GAAG,cAAc,KAAK,GAAG,eAAe,CAAC;AAC/G,QAAM,KAAK,MAAM,QAAQ,OAAO;AAChC,QAAM,OAAO,OAAO,MAAM,MAAM,WAAW,KAAK,KAAK,MAAM,UAAU,MAAM,MAAM;AACjF,GAAC,KAAK,KAAK,CAAC,OAAO,UAAU,MAAM,MAAM;AAC3C;","names":[]}

package/dist/components/{select.js → atomic/select.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../lib/cn.js";
+import { cn } from "../../lib/cn.js";
 import {
   SELECT_CONTENT_BOUNDS,
   SELECT_CONTENT_SURFACE,
@@ -11,17 +11,17 @@ import {
   SELECT_SEPARATOR,
   SELECT_TRIGGER_BASE,
   selectTriggerSizeClasses
-} from "../generated/select.js";
-import { useControllableState } from "../primitives/use-controllable-state.js";
-import { useFloating } from "../primitives/use-floating.js";
-import { DismissableLayerScope, useDismissableLayer } from "../primitives/dismissable-layer.js";
-import { usePresence } from "../primitives/presence.js";
-import { mergeRefs } from "../primitives/merge-refs.js";
-import { Portal } from "../primitives/portal.js";
-import { walkElements } from "../primitives/walk-elements.js";
-import { markLabelable } from "../primitives/labelable.js";
+} from "../../generated/select.js";
+import { useControllableState } from "../../primitives/use-controllable-state.js";
+import { useFloating } from "../../primitives/use-floating.js";
+import { DismissableLayerScope, useDismissableLayer } from "../../primitives/dismissable-layer.js";
+import { usePresence } from "../../primitives/presence.js";
+import { mergeRefs } from "../../primitives/merge-refs.js";
+import { Portal } from "../../primitives/portal.js";
+import { walkElements } from "../../primitives/walk-elements.js";
+import { markLabelable } from "../../primitives/labelable.js";
 import { useFieldControlId } from "./field-context.js";
-import { SelectChevron } from "./select-chevron.js";
+import { SelectChevron } from "../../icons/select-chevron.js";
 import { landOnChosen, tabFromTrigger, useListboxKeys } from "./select-listbox.js";
 const SelectContext = React.createContext(null);
 function useSelect() {

package/dist/components/atomic/select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/atomic/select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport {\n  SELECT_CONTENT_BOUNDS,\n  SELECT_CONTENT_SURFACE,\n  SELECT_ITEM,\n  SELECT_LABEL,\n  SELECT_LIST,\n  SELECT_SEPARATOR,\n  SELECT_TRIGGER_BASE,\n  selectTriggerSizeClasses,\n  type SelectTriggerSize,\n} from \"../../generated/select\";\nimport { useControllableState } from \"../../primitives/use-controllable-state\";\nimport { useFloating } from \"../../primitives/use-floating\";\nimport { DismissableLayerScope, useDismissableLayer } from \"../../primitives/dismissable-layer\";\nimport { usePresence } from \"../../primitives/presence\";\nimport { mergeRefs } from \"../../primitives/merge-refs\";\nimport { Portal } from \"../../primitives/portal\";\nimport { walkElements } from \"../../primitives/walk-elements\";\nimport { markLabelable } from \"../../primitives/labelable\";\nimport { useFieldControlId } from \"./field-context\";\nimport { SelectChevron } from \"../../icons/select-chevron\";\nimport { landOnChosen, tabFromTrigger, useListboxKeys } from \"./select-listbox\";\n\nexport type { SelectTriggerSize };\n\ninterface SelectContextValue {\n  value: string;\n  resetValue: string | undefined;\n  setValue: (next: string) => void;\n  open: boolean;\n  setOpen: (next: boolean) => void;\n  /**\n   * Closes the list. `restoreFocus`: hand focus back to the trigger — after a\n   * key or a choice, never after a click elsewhere, where it would land on the\n   * trigger for a moment and fire its blur (a field's validation) on the way out.\n   */\n  close: (restoreFocus: boolean) => void;\n  /** Set by `close(true)`, read once the list is gone. */\n  restoreFocusRef: React.RefObject<boolean>;\n  anchorRef: React.RefObject<HTMLElement | null>;\n  /** The listbox's id, for the trigger's `aria-controls`. */\n  contentId: string;\n  /** What `SelectValue` shows for a value: the matching `SelectItem`'s children. */\n  labelOf: (value: string) => string;\n  registerLabel: (value: string, label: string) => void;\n}\n\nconst SelectContext = React.createContext<SelectContextValue | null>(null);\n\nfunction useSelect(): SelectContextValue {\n  const ctx = React.useContext(SelectContext);\n  if (!ctx) throw new Error(\"Select parts must be used within <Select>\");\n  return ctx;\n}\n\nexport interface SelectProps {\n  value?: string;\n  defaultValue?: string;\n  /** What a reset would put back: its option is marked, beneath the chosen one's mark. */\n  resetValue?: string;\n  onValueChange?: (value: string) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children?: React.ReactNode;\n}\n\nexport function Select({\n  value,\n  defaultValue = \"\",\n  resetValue,\n  onValueChange,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  children,\n}: SelectProps) {\n  const [currentValue, setValue] = useControllableState<string>({\n    ...(value !== undefined ? { value } : {}),\n    defaultValue,\n    ...(onValueChange ? { onChange: onValueChange } : {}),\n  });\n  const [isOpen, setOpen] = useControllableState<boolean>({\n    ...(open !== undefined ? { value: open } : {}),\n    defaultValue: defaultOpen,\n    ...(onOpenChange ? { onChange: onOpenChange } : {}),\n  });\n  const anchorRef = React.useRef<HTMLElement | null>(null);\n  const contentId = React.useId();\n  const restoreFocusRef = React.useRef(false);\n  const close = React.useCallback(\n    (restoreFocus: boolean) => {\n      restoreFocusRef.current = restoreFocus;\n      setOpen(false);\n    },\n    [setOpen],\n  );\n  // The items live in a closed popover, so they are not mounted when the\n  // trigger first renders — on the server least of all. Their labels are read\n  // off the element tree instead; items hidden behind a component of the\n  // caller's register once they have mounted (i.e. after the first open), and\n  // a label learnt that way re-renders the trigger once.\n  const declared = React.useMemo(() => collectItemLabels(children), [children]);\n  const mounted = React.useRef(new Map<string, string>());\n  const [, bump] = React.useReducer((n: number) => n + 1, 0);\n  const labelOf = (v: string) => declared.get(v) ?? mounted.current.get(v) ?? v;\n  const registerLabel = React.useCallback(\n    (v: string, label: string) => {\n      if (mounted.current.get(v) === label) return;\n      mounted.current.set(v, label);\n      if (!declared.has(v)) bump();\n    },\n    [declared],\n  );\n  return (\n    <SelectContext.Provider\n      value={{\n        value: currentValue,\n        resetValue,\n        setValue,\n        open: isOpen,\n        setOpen,\n        close,\n        restoreFocusRef,\n        anchorRef,\n        contentId,\n        labelOf,\n        registerLabel,\n      }}\n    >\n      {children}\n    </SelectContext.Provider>\n  );\n}\n\nfunction collectItemLabels(node: React.ReactNode): Map<string, string> {\n  const labels = new Map<string, string>();\n  walkElements(node, (element) => {\n    if (element.type !== SelectItem) return true;\n    const { value, textValue, children } = element.props as Partial<SelectItemProps>;\n    if (typeof value === \"string\") labels.set(value, itemLabel(value, textValue, children));\n    return false;\n  });\n  return labels;\n}\n\n/**\n * What the trigger shows for an item: its `textValue`, else the text of its\n * children. Text, not the children themselves — an item's markup rendered a\n * second time in the trigger would duplicate any id inside it.\n */\nfunction itemLabel(value: string, textValue: string | undefined, children: unknown): string {\n  return textValue ?? (textOf(children).trim() || value);\n}\n\nfunction textOf(node: unknown): string {\n  if (typeof node === \"string\" || typeof node === \"number\") return String(node);\n  if (Array.isArray(node)) return node.map(textOf).join(\"\");\n  if (React.isValidElement<{ children?: unknown }>(node)) return textOf(node.props.children);\n  return \"\";\n}\n\nexport interface SelectTriggerProps extends React.ComponentProps<\"button\"> {\n  size?: SelectTriggerSize;\n}\n\nexport function SelectTrigger({\n  className,\n  size = \"md\",\n  onClick,\n  onKeyDown,\n  children,\n  id,\n  ...props\n}: SelectTriggerProps) {\n  const { open, setOpen, close, anchorRef, contentId } = useSelect();\n  return (\n    <button\n      type=\"button\"\n      role=\"combobox\"\n      id={useFieldControlId(id)}\n      data-slot=\"select-trigger\"\n      data-size={size}\n      data-state={open ? \"open\" : \"closed\"}\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n      aria-controls={open ? contentId : undefined}\n      ref={anchorRef as React.Ref<HTMLButtonElement>}\n      onClick={(e) => {\n        onClick?.(e);\n        if (open) close(true);\n        else setOpen(true);\n      }}\n      onKeyDown={(e) => {\n        onKeyDown?.(e);\n        // A native select opens on the arrows too; Enter and Space already click the button.\n        if (!e.defaultPrevented && !open && (e.key === \"ArrowDown\" || e.key === \"ArrowUp\")) {\n          e.preventDefault();\n          setOpen(true);\n        }\n      }}\n      className={cn(\n        // The placeholder mark is on `SelectValue`'s span, not on this button.\n        SELECT_TRIGGER_BASE,\n        selectTriggerSizeClasses[size],\n        className,\n      )}\n      {...(props as Record<string, unknown>)}\n    >\n      {children}\n      <SelectChevron className=\"size-4 opacity-50\" />\n    </button>\n  );\n}\n\nmarkLabelable(SelectTrigger);\n\nexport interface SelectValueProps extends React.ComponentProps<\"span\"> {\n  placeholder?: string;\n}\n\n/**\n * The chosen option's label — the `textValue` of the `SelectItem` whose `value`\n * matches, else the text of its children — or `placeholder` while nothing is\n * chosen. `children`, when given,\n * replace the label outright.\n */\nexport function SelectValue({ className, placeholder, children, ...props }: SelectValueProps) {\n  const { value, labelOf } = useSelect();\n  const isEmpty = value === \"\";\n  return (\n    <span\n      data-slot=\"select-value\"\n      {...(isEmpty ? { \"data-placeholder\": \"true\" } : {})}\n      className={className}\n      {...(props as Record<string, unknown>)}\n    >\n      {isEmpty ? placeholder : (children ?? labelOf(value))}\n    </span>\n  );\n}\n\nexport interface SelectContentProps extends React.ComponentProps<\"div\"> {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  sideOffset?: number;\n}\n\nexport function SelectContent({\n  className,\n  side: sideProp = \"bottom\",\n  align = \"start\",\n  sideOffset = 4,\n  children,\n  ...props\n}: SelectContentProps) {\n  const { open, setOpen, close, restoreFocusRef, anchorRef, contentId } = useSelect();\n  const { isPresent, ref: presRef } = usePresence(open);\n  const listRef = React.useRef<HTMLDivElement | null>(null);\n  const [name, setName] = React.useState<{ \"aria-labelledby\"?: string; \"aria-label\"?: string }>({});\n  // Before placement measures the list: the trigger's width as\n  // `--select-trigger-width` (the floor of `SELECT_CONTENT_BOUNDS`), written to\n  // the element like the floating offset, and the list's name — the trigger's\n  // label, as the combobox is named.\n  React.useLayoutEffect(() => {\n    const anchor = anchorRef.current;\n    if (!open || !(anchor instanceof HTMLElement)) return;\n    listRef.current?.style.setProperty(\"--select-trigger-width\", `${anchor.offsetWidth}px`);\n    setName(listName(anchor));\n  }, [open, anchorRef]);\n  const { floatingRef, style, side } = useFloating({\n    anchorRef,\n    open,\n    side: sideProp,\n    align,\n    offset: sideOffset,\n  });\n  const dismissRef = useDismissableLayer({\n    enabled: open,\n    onDismiss: (event) => close(event.type === \"keydown\"),\n    exclude: [anchorRef],\n  });\n  const onListKey = useListboxKeys(listRef);\n  React.useEffect(() => {\n    if (open) landOnChosen(listRef.current);\n  }, [open]);\n  React.useEffect(() => {\n    if (open || !restoreFocusRef.current) return;\n    restoreFocusRef.current = false;\n    anchorRef.current?.focus();\n  }, [open, anchorRef, restoreFocusRef]);\n  if (!isPresent) return null;\n  return (\n    <Portal>\n      <div\n        role=\"listbox\"\n        id={contentId}\n        {...name}\n        data-slot=\"select-content\"\n        data-state={open ? \"open\" : \"closed\"}\n        data-side={side}\n        ref={mergeRefs(floatingRef, dismissRef, presRef, listRef)}\n        style={style}\n        tabIndex={-1}\n        onKeyDown={(e) => {\n          if (onListKey(e)) return;\n          if (e.key === \"Escape\") {\n            // The list's Escape is the list's: a consumer's `onKeyDown` around\n            // it hears the key through React's tree, portal or not.\n            e.stopPropagation();\n            close(true);\n          } else if (e.key === \"Tab\") {\n            tabFromTrigger(e, anchorRef.current);\n            setOpen(false);\n          }\n        }}\n        className={cn(\n          \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 origin-(--radix-select-content-transform-origin)\",\n          SELECT_CONTENT_SURFACE,\n          SELECT_CONTENT_BOUNDS,\n          className,\n        )}\n        {...(props as Record<string, unknown>)}\n      >\n        <div className={SELECT_LIST}><DismissableLayerScope layer={dismissRef}>{children}</DismissableLayerScope></div>\n      </div>\n    </Portal>\n  );\n}\n\n/** The trigger's own name for the list: its `aria-labelledby`, else its `<label>`. */\nfunction listName(trigger: HTMLElement): { \"aria-labelledby\"?: string; \"aria-label\"?: string } {\n  const by = trigger.getAttribute(\"aria-labelledby\");\n  if (by) return { \"aria-labelledby\": by };\n  const label = (trigger as HTMLButtonElement).labels?.[0];\n  if (label?.id) return { \"aria-labelledby\": label.id };\n  const text = label?.textContent?.trim() || trigger.getAttribute(\"aria-label\");\n  return text ? { \"aria-label\": text } : {};\n}\n\nexport interface SelectItemProps extends React.ComponentProps<\"div\"> {\n  value: string;\n  /** What the trigger shows once this item is chosen; defaults to the text of `children`. */\n  textValue?: string;\n}\n\nexport function SelectItem({ className, value, textValue, children, ...props }: SelectItemProps) {\n  const { value: selectedValue, resetValue, setValue, close, registerLabel } = useSelect();\n  const selected = selectedValue === value;\n  const label = itemLabel(value, textValue, children);\n  React.useEffect(() => registerLabel(value, label), [registerLabel, value, label]);\n  const choose = () => {\n    setValue(value);\n    close(true);\n  };\n  return (\n    <div\n      role=\"option\"\n      data-slot=\"select-item\"\n      aria-selected={selected}\n      {...(resetValue === value ? { \"data-reset\": \"\" } : {})}\n      tabIndex={-1}\n      onClick={choose}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault();\n          choose();\n        }\n      }}\n      className={cn(SELECT_ITEM, className)}\n      {...(props as Record<string, unknown>)}\n    >\n      {selected ? (\n        <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            className=\"size-4\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M20 6 9 17l-5-5\" />\n          </svg>\n        </span>\n      ) : null}\n      <span>{children}</span>\n    </div>\n  );\n}\n\nexport function SelectGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div role=\"group\" data-slot=\"select-group\" className={className} {...props} />;\n}\n\nexport function SelectLabel({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"select-label\"\n      className={cn(SELECT_LABEL, className)}\n      {...props}\n    />\n  );\n}\n\nexport function SelectSeparator({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"select-separator\"\n      className={cn(SELECT_SEPARATOR, className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/{separator.js → atomic/separator.js}

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../lib/cn.js";
+import { cn } from "../../lib/cn.js";
 import {
   SEPARATOR_BASE,
   separatorOrientations
-} from "../generated/separator.js";
+} from "../../generated/separator.js";
 function Separator({
   className,
   orientation = "horizontal",

package/dist/components/atomic/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/atomic/separator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport {\n  SEPARATOR_BASE,\n  separatorOrientations,\n  type SeparatorOrientation,\n} from \"../../generated/separator\";\n\nexport type { SeparatorOrientation };\n\nexport interface SeparatorProps extends React.ComponentProps<\"div\"> {\n  orientation?: SeparatorOrientation;\n}\n\nexport function Separator({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: SeparatorProps) {\n  return (\n    <div\n      role=\"separator\"\n      data-slot=\"separator\"\n      data-orientation={orientation}\n      className={cn(\n        SEPARATOR_BASE,\n        separatorOrientations[orientation],\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"AAoBI;AApBJ,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAQA,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAAmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,oBAAkB;AAAA,MAClB,WAAW;AAAA,QACT;AAAA,QACA,sBAAsB,WAAW;AAAA,QACjC;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/{sheet.js → atomic/sheet.js}

@@ -1,14 +1,14 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../lib/cn.js";
-import { useControllableState } from "../primitives/use-controllable-state.js";
-import { DismissableLayerScope, useDismissableLayer, useModalScrimStyle } from "../primitives/dismissable-layer.js";
-import { useFocusScope } from "../primitives/focus-scope.js";
-import { usePresence } from "../primitives/presence.js";
-import { mergeRefs } from "../primitives/merge-refs.js";
-import { Portal } from "../primitives/portal.js";
-import { Slot } from "../primitives/slot.js";
+import { cn } from "../../lib/cn.js";
+import { useControllableState } from "../../primitives/use-controllable-state.js";
+import { DismissableLayerScope, useDismissableLayer, useModalScrimStyle } from "../../primitives/dismissable-layer.js";
+import { useFocusScope } from "../../primitives/focus-scope.js";
+import { usePresence } from "../../primitives/presence.js";
+import { mergeRefs } from "../../primitives/merge-refs.js";
+import { Portal } from "../../primitives/portal.js";
+import { Slot } from "../../primitives/slot.js";
 import {
   SHEET_CLOSE,
   SHEET_CONTENT,
@@ -21,7 +21,7 @@ import {
   SHEET_SIDE_RIGHT,
   SHEET_SIDE_TOP,
   SHEET_TITLE
-} from "../generated/sheet.js";
+} from "../../generated/sheet.js";
 const SheetContext = React.createContext(null);
 function useSheet() {
   const ctx = React.useContext(SheetContext);