@zyncat/ui 0.11.0 → 0.13.0

package/dist/{chunk-AIQXS2XY.js → chunk-43M6GQ4Q.js}

@@ -1,24 +1,28 @@
-'use client';import { useAnchorPosition } from './chunk-62P3KD57.js';
-import { OverlayPortal, useOverlayEntry, useOutsidePress } from './chunk-U4MHX3KH.js';
-import { useGlide, GlidePill } from './chunk-WM5J5TDI.js';
-import { resolveMotionTiming } from './chunk-NEF5XAHG.js';
-import { Presence } from './chunk-NGTA34V2.js';
-import { useMotion } from './chunk-XWUWYSCT.js';
-import { IconSlot } from './chunk-2ERBBFZS.js';
-import { Icon } from './chunk-3SBCBYB7.js';
-import { UIMotion } from './chunk-S5ZTZANS.js';
-import { Button } from './chunk-2F5PITAO.js';
-import { Collapse } from './chunk-7SZCJ7WI.js';
+'use client';import { useTypeahead, edgeEnabled, MenuRow, normalizeCollection, matchPrefix, stepEnabled } from './chunk-XNIYSAMJ.js';
+import { useAnchorPosition } from './chunk-IUQAUBVM.js';
+import { OverlayPortal, useOverlayEntry, useOutsidePress } from './chunk-VAXCXZ53.js';
+import { activationProps } from './chunk-JY6A2ZJZ.js';
+import { useGlide, GlidePill } from './chunk-CNWTIMIP.js';
+import { Presence } from './chunk-DDRSMHN4.js';
+import { resolveMotionTiming } from './chunk-TUTXXC3W.js';
+import { useMotion } from './chunk-M43IOM5C.js';
+import { IconSlot } from './chunk-3MPF7FZV.js';
+import { Icon } from './chunk-EAI4POPB.js';
+import { UIMotion } from './chunk-7IZJERGA.js';
+import { Collapse } from './chunk-45R4Z5XN.js';
+import { cx } from './chunk-QGNC7LH5.js';
 import { useState, useRef, useId, useMemo, useEffect, useLayoutEffect, Fragment } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import './menu-surface.css';
 
 // src/components/composites/select/core/types.ts
-function normalize(options) {
-  const grouped = options.length > 0 && options[0] && Array.isArray(options[0].options);
-  const groups = grouped ? options.map((g) => ({ label: g.label, options: g.options || [] })) : [{ label: null, options }];
-  return { groups, flat: groups.flatMap((g) => g.options) };
-}
-var matches = (o, q) => !q || (o.label + " " + (o.description || "")).toLowerCase().includes(q.toLowerCase());
+var normalize = (options) => normalizeCollection(options, {
+  isGroup: (entry) => Array.isArray(entry.options),
+  itemsOf: (group) => group.options,
+  labelOf: (group) => group.label
+});
+var optionText = (o) => o.searchText ?? (typeof o.label === "string" ? o.label : o.value);
+var matches = (o, q) => !q || (optionText(o) + " " + (o.description || "")).toLowerCase().includes(q.toLowerCase());
 
 // src/components/composites/select/core/use-listbox.ts
 function useListbox({
@@ -35,7 +39,7 @@ function useListbox({
   const [open, setOpen] = useState(false);
   const [query, setQuery] = useState("");
   const [activeIdx, setActiveIdx] = useState(-1);
-  const typeahead = useRef({ buf: "", t: 0 });
+  const typeahead = useTypeahead();
   const triggerRef = useRef(null), listRef = useRef(null), searchRef = useRef(null);
   const autoId = useId();
   const baseId = id || idPrefix + autoId;
@@ -63,12 +67,12 @@ function useListbox({
   useEffect(() => {
     if (!open) return;
     const sel = navItems.findIndex((o) => isSelected(o.value) && !o.disabled);
-    const first = navItems.findIndex((o) => !o.disabled);
-    setActiveIdx(sel >= 0 ? sel : first);
+    setActiveIdx(sel >= 0 ? sel : edgeEnabled(navItems, false));
+  }, [open, query]);
+  useEffect(() => {
+    if (!open) return;
     const ref = searchable ? searchRef : listRef;
-    setTimeout(() => {
-      if (ref.current) ref.current.focus();
-    }, 0);
+    if (ref.current) ref.current.focus();
   }, [open]);
   useEffect(() => {
     const list = listRef.current;
@@ -86,24 +90,15 @@ function useListbox({
     else glide.leave();
   }, [open, activeIdx, query]);
   function moveActive(dir) {
-    if (!navItems.length) return;
-    let i = activeIdx;
-    for (let s = 0; s < navItems.length; s++) {
-      i = (i + dir + navItems.length) % navItems.length;
-      if (!navItems[i].disabled) return setActiveIdx(i);
-    }
+    const i = stepEnabled(navItems, activeIdx, dir);
+    if (i >= 0) setActiveIdx(i);
   }
   function edgeActive(toEnd) {
-    const order = [...navItems.keys()];
-    if (toEnd) order.reverse();
-    for (const i of order) if (!navItems[i].disabled) return setActiveIdx(i);
+    const i = edgeEnabled(navItems, toEnd);
+    if (i >= 0) setActiveIdx(i);
   }
   function typeAhead(ch) {
-    const ta = typeahead.current;
-    clearTimeout(ta.t);
-    ta.buf += ch.toLowerCase();
-    ta.t = setTimeout(() => ta.buf = "", 600);
-    const i = navItems.findIndex((o) => !o.disabled && o.value.toLowerCase().startsWith(ta.buf));
+    const i = matchPrefix(navItems, optionText, typeahead.push(ch));
     if (i >= 0) setActiveIdx(i);
   }
   function onMenuKeyDown(e) {
@@ -136,6 +131,12 @@ function useListbox({
       case "Tab":
         requestClose();
         break;
+      case " ":
+        if (searchable) break;
+        e.preventDefault();
+        if (typeahead.buffered()) typeAhead(e.key);
+        else if (activeIdx >= 0) commit(navItems[activeIdx]);
+        break;
       default:
         if (!searchable && e.key.length === 1 && !e.metaKey && !e.ctrlKey) typeAhead(e.key);
     }
@@ -176,34 +177,40 @@ function SelectTrigger({
   text,
   isPlaceholder,
   count,
-  htmlProps,
+  className,
+  activateOn,
+  onClick,
+  onPointerDown,
+  onKeyDown,
   ...rest
 }) {
   const { triggerRef, baseId, open, adId, show, requestClose } = lb;
   return /* @__PURE__ */ jsxs(
-    Button,
+    "button",
     {
       type: "button",
       ref: triggerRef,
-      variant: "ghost",
-      htmlProps: {
-        id: baseId + "-trigger",
-        role: "combobox",
-        "aria-haspopup": "listbox",
-        "aria-expanded": open,
-        "aria-controls": baseId + "-list",
-        "aria-activedescendant": adId,
-        "aria-label": ariaLabel,
-        "aria-invalid": invalid || void 0,
-        onKeyDown: (e) => {
-          if (!open && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
-            e.preventDefault();
-            show();
-          }
-        },
-        ...htmlProps
+      id: baseId + "-trigger",
+      className: cx("select__trigger", className),
+      role: "combobox",
+      "aria-haspopup": "listbox",
+      "aria-expanded": open,
+      "aria-controls": baseId + "-list",
+      "aria-activedescendant": adId,
+      "aria-label": ariaLabel,
+      "aria-invalid": invalid || void 0,
+      onKeyDown: (e) => {
+        onKeyDown?.(e);
+        if (!open && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
+          e.preventDefault();
+          show();
+        }
       },
-      onClick: () => open ? requestClose() : show(),
+      ...activationProps(() => open ? requestClose() : show(), {
+        on: activateOn,
+        onPointerDown,
+        onClick
+      }),
       ...rest,
       children: [
         leading && /* @__PURE__ */ jsx("span", { className: "select__leading", children: /* @__PURE__ */ jsx(IconSlot, { size: "sm", children: leading }) }),
@@ -224,11 +231,12 @@ var SELECT_MENU_TIMING = {
 function selectMenuLayers(animation, dir) {
   const t = resolveMotionTiming(animation, SELECT_MENU_TIMING)[dir];
   const fade = (d) => ({ duration: d.duration === 0 ? 0 : UIMotion.dur.fast, ease: d.ease });
+  const drop = -UIMotion.dist.sm;
   return dir === "open" ? [
-    { y: [-6, 0], scale: [0.96, 1], timing: t },
+    { y: [drop, 0], scale: [UIMotion.scale.floating, 1], timing: t },
     { opacity: [0, 1], timing: fade(t) }
   ] : [
-    { y: [-6], scale: [0.96], timing: t },
+    { y: [drop], scale: [UIMotion.scale.floating], timing: t },
     { opacity: [0], timing: fade(t) }
   ];
 }
@@ -259,7 +267,7 @@ function MenuSurface({
     "div",
     {
       ref: menuRef,
-      className: "select__menu",
+      className: "menu-surface select__menu",
       id: menuId,
       role: "presentation",
       "data-multiple": multiple ? "true" : void 0,
@@ -299,8 +307,8 @@ function ListboxPanel({
   searchPlaceholder,
   ariaLabel,
   multiple,
+  activateOn,
   animation,
-  size = "md",
   check = defaultCheck
 }) {
   const navIndex = useMemo(() => new Map(lb.navItems.map((o, i) => [o.value, i])), [lb.navItems]);
@@ -335,25 +343,26 @@ function ListboxPanel({
         /* @__PURE__ */ jsxs(
           "div",
           {
-            className: "select__list",
+            className: "menu-scroller select__list",
             ref: lb.listRef,
             id: lb.listId,
             role: "listbox",
             "aria-multiselectable": multiple || void 0,
             tabIndex: -1,
             "aria-label": ariaLabel,
+            "aria-activedescendant": searchable ? void 0 : lb.adId,
             onKeyDown: searchable ? void 0 : lb.onMenuKeyDown,
             children: [
-              /* @__PURE__ */ jsx(GlidePill, { className: "select__glide", glide: lb.glide }),
+              /* @__PURE__ */ jsx(GlidePill, { className: "menu-glide select__glide", glide: lb.glide }),
               loading ? /* @__PURE__ */ jsx(LoadingRows, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
                 lb.groups.map((g, gi) => /* @__PURE__ */ jsxs("div", { className: "select__group", role: "group", "aria-label": g.label || void 0, children: [
-                  g.label && g.options.some((o) => navIndex.has(o.value)) && /* @__PURE__ */ jsx("div", { className: "select__group-label", children: g.label }),
-                  g.options.map((opt) => {
+                  g.label && g.items.some((o) => navIndex.has(o.value)) && /* @__PURE__ */ jsx("div", { className: "menu-group-label select__group-label", children: g.label }),
+                  g.items.map((opt) => {
                     const i = navIndex.get(opt.value) ?? -1;
                     const visible = i !== -1;
                     const isSel = lb.isSelected(opt.value);
-                    const row = /* @__PURE__ */ jsxs(
-                      "div",
+                    const row = /* @__PURE__ */ jsx(
+                      MenuRow,
                       {
                         id: visible ? lb.optId(opt.value) : void 0,
                         "data-idx": visible ? i : void 0,
@@ -367,16 +376,14 @@ function ListboxPanel({
                         "data-disabled": opt.disabled ? "true" : void 0,
                         onMouseEnter: () => visible && !opt.disabled && lb.setActiveIdx(i),
                         onMouseDown: (e) => e.preventDefault(),
-                        onClick: () => visible && lb.commit(opt),
-                        "data-size": size,
-                        children: [
-                          opt.icon && /* @__PURE__ */ jsx("span", { className: "select__option-icon", children: /* @__PURE__ */ jsx(IconSlot, { size: "sm", children: opt.icon }) }),
-                          /* @__PURE__ */ jsxs("span", { className: "select__option-text", children: [
-                            /* @__PURE__ */ jsx("span", { className: "select__option-label", children: opt.label }),
-                            opt.description && /* @__PURE__ */ jsx("span", { className: "select__option-desc", children: opt.description })
-                          ] }),
-                          check(isSel) ? /* @__PURE__ */ jsx("span", { className: "select__option-check", children: check(isSel) }) : null
-                        ]
+                        ...activationProps(() => visible && lb.commit(opt), {
+                          on: activateOn,
+                          holdFocus: true
+                        }),
+                        icon: opt.icon,
+                        label: opt.label,
+                        description: opt.description,
+                        trailing: check(isSel) ? /* @__PURE__ */ jsx("span", { className: "select__option-check", children: check(isSel) }) : null
                       },
                       opt.value
                     );
@@ -394,5 +401,5 @@ function ListboxPanel({
 }
 
 export { ListboxPanel, SelectTrigger, useListbox };
-//# sourceMappingURL=chunk-AIQXS2XY.js.map
-//# sourceMappingURL=chunk-AIQXS2XY.js.map
+//# sourceMappingURL=chunk-43M6GQ4Q.js.map
+//# sourceMappingURL=chunk-43M6GQ4Q.js.map

package/dist/chunk-43M6GQ4Q.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/select/core/types.ts","../src/components/composites/select/core/use-listbox.ts","../src/components/composites/select/core/trigger.tsx","../src/components/composites/select/core/menu.tsx","../src/components/composites/select/core/panel.tsx"],"names":["useRef","useLayoutEffect","jsx","jsxs","useMemo"],"mappings":"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","file":"chunk-43M6GQ4Q.js","sourcesContent":["import type { ReactNode } from 'react';\n\nimport { normalizeCollection, type NormalizedGroup as CollectionGroup } from '../../../internal/collection/collection';\n\nexport interface SelectOption {\n  /** The stored value - what `onChange` returns and `value` matches; must be unique. */\n  value: string;\n  /** Primary row text, and the trigger label once selected; also matched by `searchable`. */\n  label: ReactNode;\n  /** Optional secondary line under the label; also matched by `searchable`. */\n  description?: string;\n  /** Your own icon node shown before the label. */\n  icon?: ReactNode;\n  /** Not selectable - skipped by keyboard nav and typeahead, and marked `aria-disabled`. @default false */\n  disabled?: boolean;\n  /** Text used for `searchable` filtering and typeahead. Required when `label` is not a string. */\n  searchText?: string;\n}\nexport interface SelectGroup {\n  /** Section heading rendered above the options; omit for an unlabeled group. */\n  label?: string;\n  /** The options in this section. */\n  options: SelectOption[];\n}\n\nexport type NormalizedGroup = CollectionGroup<SelectOption>;\n\nexport const normalize = (\n  options: SelectOption[] | SelectGroup[],\n): { groups: NormalizedGroup[]; flat: SelectOption[] } =>\n  normalizeCollection<SelectOption, SelectGroup>(options, {\n    isGroup: (entry): entry is SelectGroup => Array.isArray((entry as SelectGroup).options),\n    itemsOf: (group) => group.options,\n    labelOf: (group) => group.label,\n  });\n\nexport const optionText = (o: SelectOption): string =>\n  o.searchText ?? (typeof o.label === 'string' ? o.label : o.value);\n\nexport const matches = (o: SelectOption, q: string) =>\n  !q || (optionText(o) + ' ' + (o.description || '')).toLowerCase().includes(q.toLowerCase());\n","'use client';\n\nimport { useEffect, useId, useLayoutEffect, useMemo, useRef, useState, type KeyboardEvent } from 'react';\n\nimport { useGlide } from '../../../../motion/glide';\nimport { edgeEnabled, matchPrefix, stepEnabled } from '../../../internal/collection/collection';\nimport { useTypeahead } from '../../../internal/hooks/use-typeahead';\nimport { matches, normalize, optionText, type SelectGroup, type SelectOption } from './types';\n\nexport interface UseListboxArgs {\n  options: SelectOption[] | SelectGroup[];\n  disabled: boolean;\n  loading: boolean;\n  searchable: boolean;\n  id?: string;\n  idPrefix: string;\n  isSelected: (value: string) => boolean;\n  onCommit: (opt: SelectOption) => void;\n  closeOnCommit: boolean;\n}\n\nexport type ListboxState = ReturnType<typeof useListbox>;\n\nexport function useListbox({\n  options,\n  disabled,\n  loading,\n  searchable,\n  id,\n  idPrefix,\n  isSelected,\n  onCommit,\n  closeOnCommit,\n}: UseListboxArgs) {\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const [activeIdx, setActiveIdx] = useState(-1);\n  const typeahead = useTypeahead();\n\n  const triggerRef = useRef<HTMLButtonElement>(null),\n    listRef = useRef<HTMLDivElement>(null),\n    searchRef = useRef<HTMLInputElement>(null);\n  const autoId = useId();\n  const baseId = id || idPrefix + autoId;\n  const menuId = baseId + '-menu';\n  const listId = baseId + '-list';\n  const glide = useGlide(listRef);\n\n  const { groups, flat } = useMemo(() => normalize(options), [options]);\n  const navItems = useMemo(() => flat.filter((o) => matches(o, query)), [flat, query]);\n\n  const show = () => {\n    if (!disabled && !loading) setOpen(true);\n  };\n  const requestClose = () => setOpen(false);\n  const returnFocus = () => triggerRef.current && triggerRef.current.focus();\n\n  function commit(opt: SelectOption) {\n    if (!opt || opt.disabled) return;\n    onCommit(opt);\n    if (closeOnCommit) {\n      requestClose();\n      returnFocus();\n    }\n  }\n\n  useEffect(() => {\n    if (!open) setQuery('');\n  }, [open]);\n\n  useEffect(() => {\n    if (!open) return;\n    const sel = navItems.findIndex((o) => isSelected(o.value) && !o.disabled);\n    setActiveIdx(sel >= 0 ? sel : edgeEnabled(navItems, false));\n  }, [open, query]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    if (!open) return;\n    const ref = searchable ? searchRef : listRef;\n    if (ref.current) ref.current.focus();\n  }, [open]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    const list = listRef.current;\n    if (!open || activeIdx < 0 || !list) return;\n    const el = list.querySelector('[data-idx=\"' + activeIdx + '\"]') as HTMLElement | null;\n    if (!el) return;\n    if (el.offsetTop < list.scrollTop) list.scrollTop = el.offsetTop;\n    else if (el.offsetTop + el.offsetHeight > list.scrollTop + list.clientHeight)\n      list.scrollTop = el.offsetTop + el.offsetHeight - list.clientHeight;\n  }, [activeIdx, open]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useLayoutEffect(() => {\n    const list = listRef.current;\n    const el = open && activeIdx >= 0 && list && list.querySelector<HTMLElement>('[data-idx=\"' + activeIdx + '\"]');\n    if (el) glide.enter(el);\n    else glide.leave();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open, activeIdx, query]);\n\n  function moveActive(dir: number) {\n    const i = stepEnabled(navItems, activeIdx, dir);\n    if (i >= 0) setActiveIdx(i);\n  }\n  function edgeActive(toEnd: boolean) {\n    const i = edgeEnabled(navItems, toEnd);\n    if (i >= 0) setActiveIdx(i);\n  }\n  function typeAhead(ch: string) {\n    const i = matchPrefix(navItems, optionText, typeahead.push(ch));\n    if (i >= 0) setActiveIdx(i);\n  }\n\n  function onMenuKeyDown(e: KeyboardEvent) {\n    switch (e.key) {\n      case 'Escape':\n        e.preventDefault();\n        requestClose();\n        returnFocus();\n        break;\n      case 'ArrowDown':\n        e.preventDefault();\n        moveActive(1);\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        moveActive(-1);\n        break;\n      case 'Home':\n        e.preventDefault();\n        edgeActive(false);\n        break;\n      case 'End':\n        e.preventDefault();\n        edgeActive(true);\n        break;\n      case 'Enter':\n        e.preventDefault();\n        if (activeIdx >= 0) commit(navItems[activeIdx]);\n        break;\n      case 'Tab':\n        requestClose();\n        break;\n      case ' ':\n        if (searchable) break;\n        e.preventDefault();\n        if (typeahead.buffered()) typeAhead(e.key);\n        else if (activeIdx >= 0) commit(navItems[activeIdx]);\n        break;\n      default:\n        if (!searchable && e.key.length === 1 && !e.metaKey && !e.ctrlKey) typeAhead(e.key);\n    }\n  }\n\n  const optId = (value: string) => baseId + '-opt-' + encodeURIComponent(value);\n  const active = activeIdx >= 0 ? navItems[activeIdx] : undefined;\n  const adId = open && active ? optId(active.value) : undefined;\n\n  return {\n    open,\n    query,\n    setQuery,\n    triggerRef,\n    listRef,\n    searchRef,\n    baseId,\n    menuId,\n    listId,\n    optId,\n    adId,\n    groups,\n    flat,\n    navItems,\n    glide,\n    isSelected,\n    show,\n    requestClose,\n    commit,\n    activeIdx,\n    setActiveIdx,\n    onMenuKeyDown,\n  };\n}\n","'use client';\n\nimport type { ButtonHTMLAttributes, ReactNode } from 'react';\n\nimport type { DataAttributes } from '../../../../dom-props';\nimport { Icon } from '../../../internal/icon/Icon';\nimport { IconSlot } from '../../../internal/icon/IconSlot';\nimport { activationProps, type ActivateOn } from '../../../internal/utils/activation';\nimport { cx } from '../../../internal/utils/cx';\nimport type { ListboxState } from './use-listbox';\n\nexport type SelectTriggerHtmlProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> & DataAttributes;\n\nexport interface SelectTriggerProps extends SelectTriggerHtmlProps {\n  lb: ListboxState;\n  invalid?: boolean;\n  ariaLabel?: string;\n  leading?: ReactNode;\n  text?: ReactNode;\n  isPlaceholder?: boolean;\n  count?: number;\n  activateOn?: ActivateOn;\n}\n\nexport function SelectTrigger({\n  lb,\n  invalid,\n  ariaLabel,\n  leading,\n  text,\n  isPlaceholder,\n  count,\n  className,\n  activateOn,\n  onClick,\n  onPointerDown,\n  onKeyDown,\n  ...rest\n}: SelectTriggerProps) {\n  const { triggerRef, baseId, open, adId, show, requestClose } = lb;\n  return (\n    <button\n      type=\"button\"\n      ref={triggerRef}\n      id={baseId + '-trigger'}\n      className={cx('select__trigger', className)}\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n      aria-controls={baseId + '-list'}\n      aria-activedescendant={adId}\n      aria-label={ariaLabel}\n      aria-invalid={invalid || undefined}\n      onKeyDown={(e) => {\n        onKeyDown?.(e);\n        if (!open && (e.key === 'ArrowDown' || e.key === 'ArrowUp')) {\n          e.preventDefault();\n          show();\n        }\n      }}\n      {...activationProps<HTMLButtonElement>(() => (open ? requestClose() : show()), {\n        on: activateOn,\n        onPointerDown,\n        onClick,\n      })}\n      {...rest}\n    >\n      {leading && (\n        <span className=\"select__leading\">\n          <IconSlot size=\"sm\">{leading}</IconSlot>\n        </span>\n      )}\n      <span className=\"select__value\" data-placeholder={isPlaceholder ? 'true' : undefined}>\n        {text}\n      </span>\n      {count != null && count > 0 && <span className=\"select__count\">+{count}</span>}\n      <span className=\"select__caret\">\n        <Icon name=\"caret-down\" size=\"sm\" />\n      </span>\n    </button>\n  );\n}\n","'use client';\n\nimport { useLayoutEffect, useRef, type ReactNode, type RefObject } from 'react';\n\nimport type { Layer } from '../../../../engine';\nimport { resolveMotionTiming } from '../../../../motion/motion-timing';\nimport { Presence } from '../../../../motion/presence';\nimport type { DisableableAnimation } from '../../../../motion/timing';\nimport { useMotion, type MotionSpecs } from '../../../../motion/use-motion';\nimport { UIMotion, type MotionTransition } from '../../../../tokens/motion-tokens';\nimport { OverlayPortal, useOutsidePress, useOverlayEntry } from '../../../internal/overlay/layer';\nimport { useAnchorPosition } from '../../../internal/overlay/position';\n\nconst SELECT_MENU_TIMING = {\n  open: { duration: 'base', ease: 'entrance' },\n  close: { duration: 'base', ease: 'exit' },\n} as const;\n\nfunction selectMenuLayers(animation: DisableableAnimation | undefined, dir: 'open' | 'close'): Layer[] {\n  const t = resolveMotionTiming(animation, SELECT_MENU_TIMING)[dir];\n  const fade = (d: MotionTransition) => ({ duration: d.duration === 0 ? 0 : UIMotion.dur.fast, ease: d.ease });\n  const drop = -UIMotion.dist.sm;\n  return dir === 'open'\n    ? [\n        { y: [drop, 0], scale: [UIMotion.scale.floating, 1], timing: t },\n        { opacity: [0, 1], timing: fade(t) },\n      ]\n    : [\n        { y: [drop], scale: [UIMotion.scale.floating], timing: t },\n        { opacity: [0], timing: fade(t) },\n      ];\n}\n\nexport interface SelectMenuProps {\n  open: boolean;\n  menuId: string;\n  requestClose: () => void;\n  triggerRef: RefObject<HTMLButtonElement | null>;\n  multiple?: boolean;\n  /** Open/close timing - motion tokens only, or `null` to disable. */\n  animation?: DisableableAnimation;\n  children?: ReactNode;\n}\n\nfunction MenuSurface({\n  menuId,\n  requestClose,\n  triggerRef,\n  multiple,\n  animate,\n  exit,\n  children,\n}: Omit<SelectMenuProps, 'open' | 'animation'> & MotionSpecs) {\n  const menuRef = useRef<HTMLDivElement>(null);\n  const entry = useOverlayEntry({ nodeRef: menuRef, dismissible: true, requestClose });\n  useMotion(menuRef, { animate, exit });\n  useLayoutEffect(() => {\n    const apply = () => {\n      const t = triggerRef.current;\n      if (t && menuRef.current) menuRef.current.style.minWidth = t.getBoundingClientRect().width + 'px';\n    };\n    apply();\n    window.addEventListener('resize', apply);\n    return () => window.removeEventListener('resize', apply);\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n  useAnchorPosition({ side: 'bottom', align: 'start', arrow: false, triggerRef, panelRef: menuRef });\n  useOutsidePress({ entry, refs: [menuRef, triggerRef], enabled: true, onPress: requestClose });\n\n  return (\n    <div\n      ref={menuRef}\n      className=\"menu-surface select__menu\"\n      id={menuId}\n      role=\"presentation\"\n      data-multiple={multiple ? 'true' : undefined}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function SelectMenu({ open, menuId, requestClose, triggerRef, multiple, animation, children }: SelectMenuProps) {\n  return (\n    <OverlayPortal>\n      <Presence>\n        {open && (\n          <MenuSurface\n            key=\"menu\"\n            animate={selectMenuLayers(animation, 'open')}\n            exit={selectMenuLayers(animation, 'close')}\n            menuId={menuId}\n            requestClose={requestClose}\n            triggerRef={triggerRef}\n            multiple={multiple}\n          >\n            {children}\n          </MenuSurface>\n        )}\n      </Presence>\n    </OverlayPortal>\n  );\n}\n","'use client';\n\nimport '../../../internal/menu/menu-surface.css';\n\nimport { Fragment, useMemo, type ReactNode } from 'react';\n\nimport { GlidePill } from '../../../../motion/glide';\nimport type { DisableableAnimation } from '../../../../motion/timing';\nimport { Icon } from '../../../internal/icon/Icon';\nimport { MenuRow } from '../../../internal/menu/menu-row';\nimport { activationProps, type ActivateOn } from '../../../internal/utils/activation';\nimport { Collapse } from '../../../primitives/collapse/Collapse';\nimport { SelectMenu } from './menu';\nimport type { ListboxState } from './use-listbox';\n\nexport interface ListboxPanelProps {\n  lb: ListboxState;\n  loading: boolean;\n  searchable: boolean;\n  searchPlaceholder?: string;\n  ariaLabel?: string;\n  multiple?: boolean;\n  activateOn?: ActivateOn;\n  /** Menu open/close timing - motion tokens only, or `null` to disable. */\n  animation?: DisableableAnimation;\n  check?: (selected: boolean) => ReactNode;\n}\n\nconst defaultCheck = (selected: boolean) => (selected ? <Icon key=\"on\" name=\"check\" size=\"sm\" weight=\"bold\" /> : null);\n\nfunction LoadingRows() {\n  return (\n    <div className=\"select__loading\" aria-busy=\"true\" aria-live=\"polite\">\n      {[0, 1, 2].map((i) => (\n        <div className=\"select__skeleton\" key={i}>\n          <span className=\"select__skeleton-dot\" data-pulse></span>\n          <span className=\"select__skeleton-bar\" data-pulse></span>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction EmptyRow({ query }: { query: string }) {\n  return <div className=\"select__empty\">{query ? 'No matches for \"' + query + '\"' : 'No options available'}</div>;\n}\n\nexport function ListboxPanel({\n  lb,\n  loading,\n  searchable,\n  searchPlaceholder,\n  ariaLabel,\n  multiple,\n  activateOn,\n  animation,\n  check = defaultCheck,\n}: ListboxPanelProps) {\n  const navIndex = useMemo(() => new Map(lb.navItems.map((o, i) => [o.value, i] as const)), [lb.navItems]);\n  return (\n    <SelectMenu\n      open={lb.open}\n      menuId={lb.menuId}\n      requestClose={lb.requestClose}\n      triggerRef={lb.triggerRef}\n      multiple={multiple}\n      animation={animation}\n    >\n      {searchable && !loading && (\n        <div className=\"select__search\">\n          <Icon name=\"magnifying-glass\" size=\"sm\" />\n          <input\n            ref={lb.searchRef}\n            className=\"select__search-input\"\n            type=\"text\"\n            value={lb.query}\n            placeholder={searchPlaceholder}\n            aria-label={searchPlaceholder}\n            aria-controls={lb.listId}\n            aria-activedescendant={lb.adId}\n            onChange={(e) => lb.setQuery(e.target.value)}\n            onKeyDown={lb.onMenuKeyDown}\n          />\n        </div>\n      )}\n\n      <div\n        className=\"menu-scroller select__list\"\n        ref={lb.listRef}\n        id={lb.listId}\n        role=\"listbox\"\n        aria-multiselectable={multiple || undefined}\n        tabIndex={-1}\n        aria-label={ariaLabel}\n        aria-activedescendant={searchable ? undefined : lb.adId}\n        onKeyDown={searchable ? undefined : lb.onMenuKeyDown}\n      >\n        <GlidePill className=\"menu-glide select__glide\" glide={lb.glide} />\n        {loading ? (\n          <LoadingRows />\n        ) : (\n          <Fragment>\n            {lb.groups.map((g, gi) => (\n              <div className=\"select__group\" role=\"group\" aria-label={g.label || undefined} key={gi}>\n                {g.label && g.items.some((o) => navIndex.has(o.value)) && (\n                  <div className=\"menu-group-label select__group-label\">{g.label}</div>\n                )}\n                {g.items.map((opt) => {\n                  const i = navIndex.get(opt.value) ?? -1;\n                  const visible = i !== -1;\n                  const isSel = lb.isSelected(opt.value);\n                  const row = (\n                    <MenuRow\n                      key={opt.value}\n                      id={visible ? lb.optId(opt.value) : undefined}\n                      data-idx={visible ? i : undefined}\n                      className=\"select__option\"\n                      role=\"option\"\n                      aria-selected={isSel}\n                      aria-hidden={!visible || undefined}\n                      aria-disabled={opt.disabled || undefined}\n                      data-selected={isSel ? 'true' : undefined}\n                      data-active={visible && i === lb.activeIdx ? 'true' : undefined}\n                      data-disabled={opt.disabled ? 'true' : undefined}\n                      onMouseEnter={() => visible && !opt.disabled && lb.setActiveIdx(i)}\n                      onMouseDown={(e) => e.preventDefault()}\n                      {...activationProps<HTMLDivElement>(() => visible && lb.commit(opt), {\n                        on: activateOn,\n                        holdFocus: true,\n                      })}\n                      icon={opt.icon}\n                      label={opt.label}\n                      description={opt.description}\n                      trailing={check(isSel) ? <span className=\"select__option-check\">{check(isSel)}</span> : null}\n                    />\n                  );\n                  return searchable ? (\n                    <Collapse key={opt.value} open={visible} fade>\n                      {row}\n                    </Collapse>\n                  ) : (\n                    row\n                  );\n                })}\n              </div>\n            ))}\n            {lb.navItems.length === 0 && <EmptyRow query={lb.query} />}\n          </Fragment>\n        )}\n      </div>\n    </SelectMenu>\n  );\n}\n"]}

package/dist/{chunk-7SZCJ7WI.js → chunk-45R4Z5XN.js}

@@ -1,4 +1,4 @@
-'use client';import { timingVars } from './chunk-VTJTGVZZ.js';
+'use client';import { timingVars } from './chunk-DMX2F6B4.js';
 import { cx } from './chunk-QGNC7LH5.js';
 import './collapse.css';
 import { jsx } from 'react/jsx-runtime';
@@ -31,5 +31,5 @@ function Collapse({
 }
 
 export { Collapse };
-//# sourceMappingURL=chunk-7SZCJ7WI.js.map
-//# sourceMappingURL=chunk-7SZCJ7WI.js.map
+//# sourceMappingURL=chunk-45R4Z5XN.js.map
+//# sourceMappingURL=chunk-45R4Z5XN.js.map

package/dist/chunk-45R4Z5XN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/collapse/Collapse.tsx"],"names":[],"mappings":";;;;;AA0DO,SAAS,QAAA,CAAS;AAAA,EACvB,IAAA,GAAO,KAAA;AAAA,EACP,IAAA,GAAO,QAAA;AAAA,EACP,IAAA,GAAO,KAAA;AAAA,EACP,SAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,cAAA,GAAiB,EAAA;AAAA,EACjB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAI,EAAA,GAAK,KAAA;AAAA,EACT;AACF,CAAA,EAAkB;AAChB,EAAA,MAAM,GAAA,GAAM,EAAA,CAAG,UAAA,EAAY,IAAA,IAAQ,kBAAkB,SAAS,CAAA;AAE9D,EAAA,MAAM,IAAA,GAAO,UAAA,CAAW,UAAA,EAAY,SAAS,CAAA;AAE7C,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAA;AAAA,MACX,WAAA,EAAW,OAAO,MAAA,GAAS,OAAA;AAAA,MAC3B,WAAA,EAAW,IAAA;AAAA,MACX,KAAA,EAAO,QAAQ,KAAA,GAAS,EAAE,GAAG,KAAA,EAAO,GAAG,MAAK,GAAsB,MAAA;AAAA,MACjE,GAAG,SAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA,CAAC,MAAG,SAAA,EAAW,EAAA,CAAG,mBAAmB,cAAc,CAAA,EAAG,KAAA,EAAO,IAAA,EAC1D,QAAA,EACH;AAAA;AAAA,GACF;AAEJ","file":"chunk-45R4Z5XN.js","sourcesContent":["'use client';\n\nimport './collapse.css';\n\nimport type { CSSProperties, HTMLAttributes, JSX, ReactNode } from 'react';\n\nimport type { DataAttributes } from '../../../dom-props';\nimport {\n  timingVars,\n  type AnimationTiming,\n  type DirectionalToken,\n  type DisableableAnimation,\n  type TimingProps,\n} from '../../../motion/timing';\nimport type { DurationToken, EaseToken } from '../../../tokens/motion-scale';\nimport { cx } from '../../internal/utils/cx';\n\n/** Motion-scale duration tokens - the only values Collapse timing accepts. */\nexport type CollapseDuration = DurationToken;\n/** Motion-scale ease tokens - the only values Collapse timing accepts. */\nexport type CollapseEase = EaseToken;\n/** One token for both directions, or split per direction; an omitted direction keeps its default. */\nexport type CollapseTiming<Token extends string> = DirectionalToken<Token>;\n/** Grouped `{ duration, ease }` timing for the size/fade transition. */\nexport type CollapseAnimation = AnimationTiming;\n\ninterface CollapseOwnProps extends TimingProps {\n  /** Open/closed state. Closed content is also removed from the tab order, the accessibility\n   *  tree and hit-testing once the exit transition completes; reopening restores it before\n   *  the entrance runs. */\n  open?: boolean;\n  /** Axis to animate. @default 'height' */\n  axis?: 'height' | 'width';\n  /** Also cross-fade contents while resizing; follows `duration` / `ease`. */\n  fade?: boolean;\n  /** Class applied to the inner measured wrapper - the clipping element (overflow: hidden).\n   *  Content whose focus ring sits flush to its edge needs padding there, or the ring clips. */\n  innerClassName?: string;\n  /** Size (and fade) transition timing - motion tokens only, each field one token or\n   *  `{ open, close }`, e.g. `{ duration: { close: 'fast' }, ease: { close: 'exit' } }`.\n   *  `null` disables the transition (open/close snap instantly).\n   *  @default duration 'slow' + ease 'entrance' (fade-out: 'base' + 'standard') */\n  animation?: DisableableAnimation;\n  /** Tag to render as. @default 'div' */\n  as?: keyof JSX.IntrinsicElements;\n  /** Extra class(es) merged onto the root. */\n  className?: string;\n  /** Inline styles merged onto the root (composed with the timing custom properties). */\n  style?: CSSProperties;\n  /** The collapsing content. */\n  children?: ReactNode;\n}\n\nexport interface CollapseProps extends CollapseOwnProps {\n  /** Standard <div> attributes (aria-*, data-*, ...) forwarded to the root. */\n  htmlProps?: Omit<HTMLAttributes<HTMLDivElement>, keyof CollapseOwnProps> & DataAttributes;\n}\n\nexport function Collapse({\n  open = false,\n  axis = 'height',\n  fade = false,\n  animation,\n  className = '',\n  innerClassName = '',\n  style,\n  children,\n  as: As = 'div',\n  htmlProps,\n}: CollapseProps) {\n  const cls = cx('collapse', fade && 'collapse--fade', className);\n\n  const vars = timingVars('collapse', animation);\n\n  return (\n    <div\n      className={cls}\n      data-open={open ? 'true' : 'false'}\n      data-axis={axis}\n      style={vars || style ? ({ ...style, ...vars } as CSSProperties) : undefined}\n      {...htmlProps}\n    >\n      <As className={cx('collapse__inner', innerClassName)} style={vars}>\n        {children}\n      </As>\n    </div>\n  );\n}\n"]}

package/dist/{chunk-I4XQ4PV2.js → chunk-4BSHB7R3.js}

@@ -1,5 +1,5 @@
-'use client';import { Icon } from './chunk-3SBCBYB7.js';
-import { Collapse } from './chunk-7SZCJ7WI.js';
+'use client';import { Icon } from './chunk-EAI4POPB.js';
+import { Collapse } from './chunk-45R4Z5XN.js';
 import './input.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -11,12 +11,14 @@ function FieldLabel({ id, label, required, optional }) {
     optional && /* @__PURE__ */ jsx("span", { className: "fld__optional", children: "(optional)" })
   ] });
 }
-function FieldMessage({ message, icon }) {
-  return /* @__PURE__ */ jsx(Collapse, { open: !!message, className: "fld__msg-wrap", children: /* @__PURE__ */ jsxs("div", { className: "fld__msg", children: [
+function FieldMessage({ id, message, icon }) {
+  return /* @__PURE__ */ jsx(Collapse, { open: !!message, className: "fld__msg-wrap", children: /* @__PURE__ */ jsxs("div", { className: "fld__msg", id, children: [
     icon && /* @__PURE__ */ jsx(Icon, { name: icon, size: "sm", weight: "fill" }),
     message
   ] }) });
 }
+var fieldMessageId = (baseId, message) => message ? baseId + "-msg" : void 0;
+var joinIds = (...ids) => ids.filter(Boolean).join(" ") || void 0;
 function resolveFieldMessage(error, warning, success, helper) {
   return {
     state: error ? "is-error" : warning ? "is-warning" : success ? "is-success" : "",
@@ -25,6 +27,6 @@ function resolveFieldMessage(error, warning, success, helper) {
   };
 }
 
-export { FieldLabel, FieldMessage, resolveFieldMessage };
-//# sourceMappingURL=chunk-I4XQ4PV2.js.map
-//# sourceMappingURL=chunk-I4XQ4PV2.js.map
+export { FieldLabel, FieldMessage, fieldMessageId, joinIds, resolveFieldMessage };
+//# sourceMappingURL=chunk-4BSHB7R3.js.map
+//# sourceMappingURL=chunk-4BSHB7R3.js.map

package/dist/chunk-4BSHB7R3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/input/field-chrome.tsx"],"names":[],"mappings":";;;;;AA0CO,SAAS,WAAW,EAAE,EAAA,EAAI,KAAA,EAAO,QAAA,EAAU,UAAS,EAAoB;AAC7E,EAAA,IAAI,CAAC,OAAO,OAAO,IAAA;AACnB,EAAA,uBACE,IAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,YAAA,EAAa,SAAS,EAAA,EACpC,QAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,4BACC,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,UAAA,EAAW,aAAA,EAAY,QAAO,QAAA,EAAA,GAAA,EAE9C,CAAA;AAAA,IAED,QAAA,oBAAY,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iBAAgB,QAAA,EAAA,YAAA,EAAU;AAAA,GAAA,EACzD,CAAA;AAEJ;AAQO,SAAS,YAAA,CAAa,EAAE,EAAA,EAAI,OAAA,EAAS,MAAK,EAAsB;AACrE,EAAA,uBACE,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAM,CAAC,CAAC,OAAA,EAAS,SAAA,EAAU,eAAA,EACnC,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EAAW,EAAA,EACvB,QAAA,EAAA;AAAA,IAAA,IAAA,wBAAS,IAAA,EAAA,EAAK,IAAA,EAAM,MAAM,IAAA,EAAK,IAAA,EAAK,QAAO,MAAA,EAAO,CAAA;AAAA,IAClD;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ;AAEO,IAAM,iBAAiB,CAAC,MAAA,EAAgB,OAAA,KAC7C,OAAA,GAAU,SAAS,MAAA,GAAS;AAEvB,IAAM,OAAA,GAAU,IAAI,GAAA,KACzB,GAAA,CAAI,OAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,IAAK;AAE5B,SAAS,mBAAA,CACd,KAAA,EACA,OAAA,EACA,OAAA,EACA,MAAA,EAC6D;AAC7D,EAAA,OAAO;AAAA,IACL,OAAO,KAAA,GAAQ,UAAA,GAAa,OAAA,GAAU,YAAA,GAAe,UAAU,YAAA,GAAe,EAAA;AAAA,IAC9E,GAAA,EAAK,KAAA,IAAS,OAAA,IAAW,OAAA,IAAW,MAAA;AAAA,IACpC,SAAS,KAAA,GAAQ,gBAAA,GAAmB,OAAA,GAAU,SAAA,GAAY,UAAU,cAAA,GAAiB;AAAA,GACvF;AACF","file":"chunk-4BSHB7R3.js","sourcesContent":["'use client';\n\nimport './input.css';\n\nimport type { ReactNode } from 'react';\n\nimport { Icon, type IconName } from '../../internal/icon/Icon';\nimport { Collapse } from '../collapse/Collapse';\n\nexport interface FieldIdProps {\n  /** Field id, ties the label to the control. */\n  id?: string;\n}\n\nexport interface FieldRequirementProps {\n  /** Mark the control required - reaches the native element and shows a danger `*` after the label. */\n  required?: boolean;\n  /** Show a muted \"(optional)\" after the label. */\n  optional?: boolean;\n}\n\nexport interface FieldCoreMessagingProps {\n  /** Label text (sentence case). */\n  label?: ReactNode;\n  /** Neutral helper text - shown when there's no validation message. */\n  helper?: ReactNode;\n  /** Error message - sets the error state (border + icon + colour). Wins over warning/success/helper. */\n  error?: ReactNode;\n}\n\nexport interface FieldMessagingProps extends FieldIdProps, FieldRequirementProps, FieldCoreMessagingProps {\n  /** Warning message - amber state. Loses to `error`; wins over `success`/`helper`. */\n  warning?: ReactNode;\n  /** Success message - green state. Loses to `error`/`warning`; wins over `helper`. */\n  success?: ReactNode;\n}\n\nexport interface FieldLabelProps extends FieldIdProps, FieldRequirementProps {\n  /** Label text (sentence case). */\n  label?: ReactNode;\n}\n\nexport function FieldLabel({ id, label, required, optional }: FieldLabelProps) {\n  if (!label) return null;\n  return (\n    <label className=\"fld__label\" htmlFor={id}>\n      {label}\n      {required && (\n        <span className=\"fld__req\" aria-hidden=\"true\">\n          *\n        </span>\n      )}\n      {optional && <span className=\"fld__optional\">(optional)</span>}\n    </label>\n  );\n}\n\nexport interface FieldMessageProps {\n  id?: string;\n  message?: ReactNode;\n  icon?: IconName | null;\n}\n\nexport function FieldMessage({ id, message, icon }: FieldMessageProps) {\n  return (\n    <Collapse open={!!message} className=\"fld__msg-wrap\">\n      <div className=\"fld__msg\" id={id}>\n        {icon && <Icon name={icon} size=\"sm\" weight=\"fill\" />}\n        {message}\n      </div>\n    </Collapse>\n  );\n}\n\nexport const fieldMessageId = (baseId: string, message: ReactNode): string | undefined =>\n  message ? baseId + '-msg' : undefined;\n\nexport const joinIds = (...ids: (string | undefined | null)[]): string | undefined =>\n  ids.filter(Boolean).join(' ') || undefined;\n\nexport function resolveFieldMessage(\n  error: ReactNode,\n  warning: ReactNode,\n  success: ReactNode,\n  helper: ReactNode,\n): { state: string; msg: ReactNode; msgIcon: IconName | null } {\n  return {\n    state: error ? 'is-error' : warning ? 'is-warning' : success ? 'is-success' : '',\n    msg: error || warning || success || helper,\n    msgIcon: error ? 'warning-circle' : warning ? 'warning' : success ? 'check-circle' : null,\n  };\n}\n"]}

package/dist/{chunk-YGGCQNNU.js → chunk-4C5RZXBT.js}

@@ -1,39 +1,9 @@
-'use client';import { FieldLabel, FieldMessage } from './chunk-I4XQ4PV2.js';
-import { Icon } from './chunk-3SBCBYB7.js';
+'use client';import { FieldLabel, FieldMessage } from './chunk-4BSHB7R3.js';
+import { Icon } from './chunk-EAI4POPB.js';
 import { cx } from './chunk-QGNC7LH5.js';
 import './date-picker.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-function FieldShell({
-  variant,
-  label,
-  required,
-  invalid,
-  message,
-  icon,
-  className,
-  htmlProps,
-  children
-}) {
-  const cls = cx("fld", variant, "fld--has-lead", invalid && "is-error", className, htmlProps?.className);
-  return /* @__PURE__ */ jsxs("div", { ...htmlProps, className: cls, children: [
-    /* @__PURE__ */ jsx(FieldLabel, { label, required }),
-    /* @__PURE__ */ jsxs("div", { className: "fld__control", children: [
-      children,
-      /* @__PURE__ */ jsx("span", { className: "fld__icon fld__icon--lead", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Icon, { name: icon, size: "md" }) })
-    ] }),
-    /* @__PURE__ */ jsx(FieldMessage, { message: message ? /* @__PURE__ */ jsx("span", { children: message }) : null })
-  ] });
-}
-function FieldTrigger({
-  display,
-  placeholder,
-  disabled,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsx("button", { type: "button", className: "fld__input dtf__trigger", disabled, ...rest, children: display ? /* @__PURE__ */ jsx("span", { className: "dtf__value", children: display }) : /* @__PURE__ */ jsx("span", { className: "dtf__placeholder", children: placeholder }) });
-}
-
 // src/components/composites/date-picker/date-utils.ts
 var MONTHS = [
   "January",
@@ -86,7 +56,36 @@ function tzLabel(tz, dateKey) {
     return tz;
   }
 }
+function FieldShell({
+  variant,
+  label,
+  required,
+  invalid,
+  message,
+  icon,
+  className,
+  htmlProps,
+  children
+}) {
+  const cls = cx("fld", variant, "fld--has-lead", invalid && "is-error", className, htmlProps?.className);
+  return /* @__PURE__ */ jsxs("div", { ...htmlProps, className: cls, children: [
+    /* @__PURE__ */ jsx(FieldLabel, { label, required }),
+    /* @__PURE__ */ jsxs("div", { className: "fld__control", children: [
+      children,
+      /* @__PURE__ */ jsx("span", { className: "fld__icon fld__icon--lead", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Icon, { name: icon, size: "md" }) })
+    ] }),
+    /* @__PURE__ */ jsx(FieldMessage, { message: message ? /* @__PURE__ */ jsx("span", { children: message }) : null })
+  ] });
+}
+function FieldTrigger({
+  display,
+  placeholder,
+  disabled,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx("button", { type: "button", className: "fld__input dtf__trigger", disabled, ...rest, children: display ? /* @__PURE__ */ jsx("span", { className: "dtf__value", children: display }) : /* @__PURE__ */ jsx("span", { className: "dtf__placeholder", children: placeholder }) });
+}
 
 export { DOW, FieldShell, FieldTrigger, MONTHS, add, col, displayDay, grid, pad, parse, toKey, today, tzLabel, within };
-//# sourceMappingURL=chunk-YGGCQNNU.js.map
-//# sourceMappingURL=chunk-YGGCQNNU.js.map
+//# sourceMappingURL=chunk-4C5RZXBT.js.map
+//# sourceMappingURL=chunk-4C5RZXBT.js.map

package/dist/chunk-4C5RZXBT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/date-picker/date-utils.ts","../src/components/composites/date-picker/field-shell.tsx"],"names":[],"mappings":"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","file":"chunk-4C5RZXBT.js","sourcesContent":["export const MONTHS: string[] = [\n  'January',\n  'February',\n  'March',\n  'April',\n  'May',\n  'June',\n  'July',\n  'August',\n  'September',\n  'October',\n  'November',\n  'December',\n];\nexport const DOW: string[] = ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];\n\nexport const pad = (n: number): string => String(n).padStart(2, '0');\nexport const toKey = (d: Date): string => d.getFullYear() + '-' + pad(d.getMonth() + 1) + '-' + pad(d.getDate());\nexport function parse(k: string): Date {\n  const p = k.split('-').map(Number);\n  return new Date(p[0], p[1] - 1, p[2]);\n}\nexport const today = (): string => toKey(new Date());\nexport const add = (k: string, days: number): string => {\n  const d = parse(k);\n  d.setDate(d.getDate() + days);\n  return toKey(d);\n};\nexport const col = (d: Date): number => (d.getDay() + 6) % 7;\n\nexport const within = (k: string, min?: string, max?: string): boolean => (!min || k >= min) && (!max || k <= max);\n\nexport function displayDay(k: string | null): string | null {\n  if (!k) return null;\n  const d = parse(k);\n  const year = d.getFullYear() === new Date().getFullYear() ? '' : ', ' + d.getFullYear();\n  return MONTHS[d.getMonth()].slice(0, 3) + ' ' + pad(d.getDate()) + year;\n}\n\nexport function grid(y: number, m: number): Date[] {\n  const lead = (new Date(y, m, 1).getDay() + 6) % 7;\n  const days: Date[] = [];\n  for (let i = 0; i < 42; i++) days.push(new Date(y, m, 1 - lead + i));\n  return days;\n}\n\nexport function tzLabel(tz: string, dateKey?: string): string {\n  try {\n    const at = dateKey ? parse(dateKey) : new Date();\n    const parts = new Intl.DateTimeFormat('en-US', { timeZone: tz, timeZoneName: 'shortOffset' }).formatToParts(at);\n    const name = parts.find((p) => p.type === 'timeZoneName');\n    return tz.replace(/_/g, ' ') + (name ? ' - ' + name.value : '');\n  } catch (_e) {\n    return tz;\n  }\n}\n","'use client';\n\nimport './date-picker.css';\n\nimport type { ButtonHTMLAttributes, HTMLAttributes, ReactNode, Ref } from 'react';\n\nimport type { DataAttributes } from '../../../dom-props';\nimport type { DisableableAnimation } from '../../../motion/timing';\nimport { Icon, type IconName } from '../../internal/icon/Icon';\nimport type { ActivateOn } from '../../internal/utils/activation';\nimport { cx } from '../../internal/utils/cx';\nimport { FieldLabel, FieldMessage } from '../../primitives/input/field-chrome';\n\nexport interface DateFieldBaseProps {\n  /** Field label rendered above the trigger. */\n  label?: string;\n  /** Asterisk on the label. @default false */\n  required?: boolean;\n  /** Danger border + message color (.fld is-error). @default false */\n  invalid?: boolean;\n  /** Helper / error text under the field. */\n  message?: string;\n  /** Disable the field. @default false */\n  disabled?: boolean;\n  /** Extra class on the field shell root. */\n  className?: string;\n  /** Standard <div> attributes (style, data-*, aria-*, ...) forwarded to the field shell root. */\n  htmlProps?: HTMLAttributes<HTMLDivElement> & DataAttributes;\n  /** Whether the trigger, the day cells and the panel controls fire on `pointerdown` (snappier) or\n   *  wait for `click`. (Not used by TimeField, which is inline.) @default 'pointerdown' */\n  activateOn?: ActivateOn;\n  /** Popover open/close timing - motion tokens only, or `null` to disable. (Not used by TimeField, which is inline.) */\n  animation?: DisableableAnimation;\n}\n\nexport interface FieldShellProps {\n  variant: string;\n  label?: string;\n  required?: boolean;\n  invalid?: boolean;\n  message?: ReactNode;\n  icon: IconName;\n  className?: string;\n  htmlProps?: HTMLAttributes<HTMLDivElement> & DataAttributes;\n  children?: ReactNode;\n}\n\nexport function FieldShell({\n  variant,\n  label,\n  required,\n  invalid,\n  message,\n  icon,\n  className,\n  htmlProps,\n  children,\n}: FieldShellProps) {\n  const cls = cx('fld', variant, 'fld--has-lead', invalid && 'is-error', className, htmlProps?.className);\n  return (\n    <div {...htmlProps} className={cls}>\n      <FieldLabel label={label} required={required} />\n      <div className=\"fld__control\">\n        {children}\n        <span className=\"fld__icon fld__icon--lead\" aria-hidden=\"true\">\n          <Icon name={icon} size=\"md\" />\n        </span>\n      </div>\n      <FieldMessage message={message ? <span>{message}</span> : null} />\n    </div>\n  );\n}\n\nexport function FieldTrigger({\n  display,\n  placeholder,\n  disabled,\n  ...rest\n}: { display: string | null; placeholder: string; disabled?: boolean } & ButtonHTMLAttributes<HTMLButtonElement> & {\n    ref?: Ref<HTMLButtonElement>;\n  }) {\n  return (\n    <button type=\"button\" className=\"fld__input dtf__trigger\" disabled={disabled} {...rest}>\n      {display ? (\n        <span className=\"dtf__value\">{display}</span>\n      ) : (\n        <span className=\"dtf__placeholder\">{placeholder}</span>\n      )}\n    </button>\n  );\n}\n"]}

package/dist/{chunk-2QWJ6FAX.js → chunk-5PZ43DCG.js}

@@ -1,40 +1,56 @@
-'use client';import { useMotion } from './chunk-XWUWYSCT.js';
-import { measure, readShared, keepShared, flip, dropShared } from './chunk-YGCVWGUG.js';
-import { UIMotion } from './chunk-S5ZTZANS.js';
+'use client';import { useMotion } from './chunk-M43IOM5C.js';
+import { measure, readShared, keepShared, flip, dropShared } from './chunk-IJS7TPGV.js';
+import { UIMotion } from './chunk-7IZJERGA.js';
 import { useRef, useCallback, createElement, useLayoutEffect } from 'react';
 
+var sharedOwner = /* @__PURE__ */ new Map();
+var usable = (box) => !!box && box.width > 0 && box.height > 0;
 function useFlip(sharedId, tuning = {}, enabled = true) {
   const ref = useRef(null);
   const privateBox = useRef(null);
   const playing = useRef(null);
-  const { scale, timing } = tuning;
+  const interrupted = useRef(null);
+  const { size, timing } = tuning;
   useLayoutEffect(() => {
     const el = ref.current;
     if (!el || !enabled) return;
     const live = playing.current;
-    const from = live && live.el === el ? measure(el) : sharedId === null ? privateBox.current : readShared(sharedId);
+    let from;
+    if (live && live.el === el) from = measure(el);
+    else if (interrupted.current) from = interrupted.current;
+    else if (sharedId === null) from = privateBox.current;
+    else from = sharedOwner.get(sharedId) === el ? null : readShared(sharedId);
     live?.play.stop();
     const settled = measure(el);
     if (sharedId === null) privateBox.current = settled;
-    else keepShared(sharedId, settled);
-    const next = from && !UIMotion.reduced ? flip(el, from, { scale, timing }) : null;
+    else {
+      keepShared(sharedId, settled);
+      sharedOwner.set(sharedId, el);
+    }
+    const next = usable(from) && !UIMotion.reduced ? flip(el, from, { size, timing }) : null;
     playing.current = next ? { play: next, el } : null;
+    interrupted.current = next ? from : null;
     next?.finished.then(() => {
-      if (playing.current?.play === next) playing.current = null;
+      if (playing.current?.play === next) {
+        playing.current = null;
+        interrupted.current = null;
+      }
     });
   });
   useLayoutEffect(() => {
     if (!enabled || sharedId === null) return;
     return () => {
       const live = playing.current;
-      if (live) {
-        const box = measure(live.el);
-        if (box.width && box.height) keepShared(sharedId, box);
-        live.play.stop();
-      }
+      let box = live ? measure(live.el) : null;
+      live?.play.stop();
+      playing.current = null;
+      if (!usable(box)) box = ref.current ? measure(ref.current) : null;
+      if (usable(box)) keepShared(sharedId, box);
       const mine = readShared(sharedId);
       queueMicrotask(() => {
         if (readShared(sharedId) === mine) dropShared(sharedId);
+        const owner = sharedOwner.get(sharedId);
+        if (owner && !owner.isConnected) sharedOwner.delete(sharedId);
       });
     };
   }, [sharedId, enabled]);
@@ -74,5 +90,5 @@ function Motion({
 }
 
 export { Motion };
-//# sourceMappingURL=chunk-2QWJ6FAX.js.map
-//# sourceMappingURL=chunk-2QWJ6FAX.js.map
+//# sourceMappingURL=chunk-5PZ43DCG.js.map
+//# sourceMappingURL=chunk-5PZ43DCG.js.map