@zyncat/ui 0.11.0 → 0.12.0

package/dist/chunk-M43IOM5C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/motion/presence-context.ts","../src/motion/use-motion.ts"],"names":["animate"],"mappings":"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","file":"chunk-M43IOM5C.js","sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\n\nexport interface PresenceState {\n  /** False once the child has been removed from `children` but is still mounted for its exit. */\n  isPresent: boolean;\n  /** False for children present at the Presence's own first paint when `initial={false}`. */\n  initial: boolean;\n  /** Claims responsibility for animating this child out; call the returned release once the\n   *  exit has finished. A child nobody claims is dropped as soon as it leaves `children`. */\n  claimExit: () => () => void;\n}\n\nconst DETACHED: PresenceState = { isPresent: true, initial: true, claimExit: () => () => {} };\n\nexport const PresenceContext = createContext<PresenceState>(DETACHED);\n\nexport const usePresence = (): PresenceState => useContext(PresenceContext);\n","'use client';\n\nimport { useLayoutEffect, useRef, type RefObject } from 'react';\n\nimport { animate, type Layer, type Playback } from '../engine';\nimport { usePresence } from './presence-context';\n\nexport type Plays = Playback | Playback[] | null | undefined | void;\nexport type MotionSpec = Layer | Layer[] | ((el: HTMLElement) => Plays);\n\nconst toList = (plays: Plays): Playback[] => (!plays ? [] : Array.isArray(plays) ? plays : [plays]);\n\nexport function run(spec: MotionSpec | undefined, el: HTMLElement): Playback[] {\n  if (!spec) return [];\n  if (typeof spec === 'function') return toList(spec(el));\n  return [Array.isArray(spec) ? animate(el, ...spec) : animate(el, spec)];\n}\n\nconst allSettled = (plays: Playback[]): Promise<void> =>\n  plays.length ? Promise.all(plays.map((play) => play.finished)).then((): void => {}) : Promise.resolve();\n\nexport interface MotionSpecs {\n  /** Plays on mount, and again whenever `deps` change. */\n  animate?: MotionSpec;\n  /** Plays when a parent `<Presence>` drops this child; it stays mounted until this finishes. */\n  exit?: MotionSpec;\n  /** Play `animate` on mount. Falls back to the parent Presence's own `initial`. @default true */\n  initial?: boolean;\n  /** Replay `animate` when these change. Must keep a stable length. @default [] */\n  deps?: unknown[];\n}\n\n/** Drives `<Motion>`; use it directly on elements you hold a ref to but do not render. */\nexport function useMotion(ref: RefObject<HTMLElement | null>, { animate, exit, initial, deps }: MotionSpecs): void {\n  const presence = usePresence();\n  const playing = useRef<Playback[]>([]);\n  const mounted = useRef(false);\n  const exiting = useRef(false);\n  const spec = useRef({ animate, exit, initial });\n  spec.current = { animate, exit, initial };\n  const release = useRef<(() => void) | null>(null);\n  const ownsExit = !!exit;\n\n  const stop = () => {\n    for (const play of playing.current) play.stop();\n    playing.current = [];\n  };\n\n  useLayoutEffect(() => {\n    if (!ownsExit) return;\n    release.current = presence.claimExit();\n    return () => {\n      release.current?.();\n      release.current = null;\n    };\n  }, [ownsExit]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useLayoutEffect(() => {\n    const el = ref.current;\n    const atMount = !mounted.current;\n    mounted.current = true;\n    if (!el) return;\n    if (atMount && (spec.current.initial ?? presence.initial) === false) return;\n    stop();\n    playing.current = run(spec.current.animate, el);\n  }, deps ?? []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useLayoutEffect(() => {\n    const el = ref.current;\n    if (presence.isPresent) {\n      if (!exiting.current) return;\n      exiting.current = false;\n      stop();\n      if (el) playing.current = run(spec.current.animate, el);\n      return;\n    }\n    if (!ownsExit) return;\n    exiting.current = true;\n    stop();\n    const exitPlays = el ? run(spec.current.exit, el) : [];\n    playing.current = exitPlays;\n    allSettled(exitPlays).then(() => {\n      if (playing.current === exitPlays) release.current?.();\n    });\n  }, [presence.isPresent]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useLayoutEffect(() => stop, []);\n}\n"]}

package/dist/{chunk-S7B34VGN.js → chunk-OWNMRMPN.js}

@@ -1,4 +1,4 @@
-import { UIMotion } from './chunk-S5ZTZANS.js';
+import { UIMotion } from './chunk-7IZJERGA.js';
 
 // src/components/internal/glass/glint.ts
 function fireGlint(el) {
@@ -10,5 +10,5 @@ function fireGlint(el) {
 }
 
 export { fireGlint };
-//# sourceMappingURL=chunk-S7B34VGN.js.map
-//# sourceMappingURL=chunk-S7B34VGN.js.map
+//# sourceMappingURL=chunk-OWNMRMPN.js.map
+//# sourceMappingURL=chunk-OWNMRMPN.js.map

package/dist/{chunk-S7B34VGN.js.map → chunk-OWNMRMPN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/internal/glass/glint.ts"],"names":[],"mappings":";;;AAEO,SAAS,UAAU,EAAA,EAA6B;AACrD,EAAA,EAAA,CAAG,SAAA,CAAU,OAAO,aAAa,CAAA;AACjC,EAAA,KAAK,EAAA,CAAG,WAAA;AACR,EAAA,EAAA,CAAG,SAAA,CAAU,IAAI,aAAa,CAAA;AAC9B,EAAA,MAAM,EAAA,GAAK,UAAA,CAAW,MAAM,EAAA,CAAG,SAAA,CAAU,MAAA,CAAO,aAAa,CAAA,EAAG,QAAA,CAAS,GAAA,CAAI,IAAA,GAAO,GAAA,GAAO,EAAE,CAAA;AAC7F,EAAA,OAAO,MAAM,aAAa,EAAE,CAAA;AAC9B","file":"chunk-S7B34VGN.js","sourcesContent":["import { UIMotion } from '../../../tokens/motion-tokens';\n\nexport function fireGlint(el: HTMLElement): () => void {\n  el.classList.remove('glass-glint');\n  void el.offsetWidth;\n  el.classList.add('glass-glint');\n  const id = setTimeout(() => el.classList.remove('glass-glint'), UIMotion.dur.slow * 1000 + 80);\n  return () => clearTimeout(id);\n}\n"]}
+{"version":3,"sources":["../src/components/internal/glass/glint.ts"],"names":[],"mappings":";;;AAEO,SAAS,UAAU,EAAA,EAA6B;AACrD,EAAA,EAAA,CAAG,SAAA,CAAU,OAAO,aAAa,CAAA;AACjC,EAAA,KAAK,EAAA,CAAG,WAAA;AACR,EAAA,EAAA,CAAG,SAAA,CAAU,IAAI,aAAa,CAAA;AAC9B,EAAA,MAAM,EAAA,GAAK,UAAA,CAAW,MAAM,EAAA,CAAG,SAAA,CAAU,MAAA,CAAO,aAAa,CAAA,EAAG,QAAA,CAAS,GAAA,CAAI,IAAA,GAAO,GAAA,GAAO,EAAE,CAAA;AAC7F,EAAA,OAAO,MAAM,aAAa,EAAE,CAAA;AAC9B","file":"chunk-OWNMRMPN.js","sourcesContent":["import { UIMotion } from '../../../tokens/motion-tokens';\n\nexport function fireGlint(el: HTMLElement): () => void {\n  el.classList.remove('glass-glint');\n  void el.offsetWidth;\n  el.classList.add('glass-glint');\n  const id = setTimeout(() => el.classList.remove('glass-glint'), UIMotion.dur.slow * 1000 + 80);\n  return () => clearTimeout(id);\n}\n"]}

package/dist/chunk-RFRE4WKX.js

@@ -0,0 +1,22 @@
+'use client';import { useCallback, useSyncExternalStore } from 'react';
+
+// src/components/internal/hooks/use-media-query.ts
+function useMediaQuery(query) {
+  const subscribe = useCallback(
+    (onChange) => {
+      const list = matchMedia(query);
+      list.addEventListener("change", onChange);
+      return () => list.removeEventListener("change", onChange);
+    },
+    [query]
+  );
+  return useSyncExternalStore(
+    subscribe,
+    () => matchMedia(query).matches,
+    () => false
+  );
+}
+
+export { useMediaQuery };
+//# sourceMappingURL=chunk-RFRE4WKX.js.map
+//# sourceMappingURL=chunk-RFRE4WKX.js.map

package/dist/chunk-RFRE4WKX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/internal/hooks/use-media-query.ts"],"names":[],"mappings":";;;AAIO,SAAS,cAAc,KAAA,EAAwB;AACpD,EAAA,MAAM,SAAA,GAAY,WAAA;AAAA,IAChB,CAAC,QAAA,KAAyB;AACxB,MAAA,MAAM,IAAA,GAAO,WAAW,KAAK,CAAA;AAC7B,MAAA,IAAA,CAAK,gBAAA,CAAiB,UAAU,QAAQ,CAAA;AACxC,MAAA,OAAO,MAAM,IAAA,CAAK,mBAAA,CAAoB,QAAA,EAAU,QAAQ,CAAA;AAAA,IAC1D,CAAA;AAAA,IACA,CAAC,KAAK;AAAA,GACR;AAEA,EAAA,OAAO,oBAAA;AAAA,IACL,SAAA;AAAA,IACA,MAAM,UAAA,CAAW,KAAK,CAAA,CAAE,OAAA;AAAA,IACxB,MAAM;AAAA,GACR;AACF","file":"chunk-RFRE4WKX.js","sourcesContent":["'use client';\n\nimport { useCallback, useSyncExternalStore } from 'react';\n\nexport function useMediaQuery(query: string): boolean {\n  const subscribe = useCallback(\n    (onChange: () => void) => {\n      const list = matchMedia(query);\n      list.addEventListener('change', onChange);\n      return () => list.removeEventListener('change', onChange);\n    },\n    [query],\n  );\n\n  return useSyncExternalStore(\n    subscribe,\n    () => matchMedia(query).matches,\n    () => false,\n  );\n}\n"]}

package/dist/{chunk-NNXJCLTV.js → chunk-RJFGWJ4W.js}

@@ -18,5 +18,5 @@ function CheckGlyph({ indeterminate = false, ...inputProps }) {
 }
 
 export { CheckGlyph };
-//# sourceMappingURL=chunk-NNXJCLTV.js.map
-//# sourceMappingURL=chunk-NNXJCLTV.js.map
+//# sourceMappingURL=chunk-RJFGWJ4W.js.map
+//# sourceMappingURL=chunk-RJFGWJ4W.js.map

package/dist/chunk-RJFGWJ4W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/checkbox/check-glyph.tsx"],"names":[],"mappings":";;;;;AAUO,SAAS,WAAW,EAAE,aAAA,GAAgB,KAAA,EAAO,GAAG,YAAW,EAAoB;AACpF,EAAA,MAAM,GAAA,GAAM,OAAyB,IAAI,CAAA;AAEzC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,GAAA,CAAI,OAAA,EAAS,GAAA,CAAI,OAAA,CAAQ,aAAA,GAAgB,aAAA;AAAA,EAC/C,CAAA,EAAG,CAAC,aAAA,EAAe,UAAA,CAAW,OAAO,CAAC,CAAA;AAEtC,EAAA,4BACG,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAM,GAAA,EAAU,IAAA,EAAK,YAAW,SAAA,EAAU,YAAA,EAAc,GAAG,UAAA,EAAY,CAAA;AAAA,oBACxE,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAW,eAAY,MAAA,EACrC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EAAY,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAClD,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EAAY,CAAA,EAAE,kCAAiC,CAAA,EACjE,CAAA;AAAA,sBACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EAAY;AAAA,KAAA,EAC9B;AAAA,GAAA,EACF,CAAA;AAEJ","file":"chunk-RJFGWJ4W.js","sourcesContent":["'use client';\n\nimport './checkbox.css';\n\nimport { Fragment, useEffect, useRef, type InputHTMLAttributes } from 'react';\n\nexport interface CheckGlyphProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {\n  indeterminate?: boolean;\n}\n\nexport function CheckGlyph({ indeterminate = false, ...inputProps }: CheckGlyphProps) {\n  const ref = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (ref.current) ref.current.indeterminate = indeterminate;\n  }, [indeterminate, inputProps.checked]);\n\n  return (\n    <Fragment>\n      <input ref={ref} type=\"checkbox\" className=\"cbx__input\" {...inputProps} />\n      <span className=\"cbx__box\" aria-hidden=\"true\">\n        <svg className=\"cbx__mark\" viewBox=\"0 0 16 16\" fill=\"none\">\n          <path className=\"cbx__tick\" d=\"M3.5 8.5 L6.75 11.5 L12.5 4.75\" />\n        </svg>\n        <span className=\"cbx__dash\" />\n      </span>\n    </Fragment>\n  );\n}\n"]}

package/dist/{chunk-NEF5XAHG.js → chunk-TUTXXC3W.js}

@@ -1,5 +1,5 @@
-import { UIMotion } from './chunk-S5ZTZANS.js';
-import { resolveDirection } from './chunk-VTJTGVZZ.js';
+import { UIMotion } from './chunk-7IZJERGA.js';
+import { resolveDirection } from './chunk-DMX2F6B4.js';
 
 // src/motion/motion-timing.ts
 function resolveMotionTiming(animation, defaults) {
@@ -13,5 +13,5 @@ function resolveMotionTiming(animation, defaults) {
 }
 
 export { resolveMotionTiming };
-//# sourceMappingURL=chunk-NEF5XAHG.js.map
-//# sourceMappingURL=chunk-NEF5XAHG.js.map
+//# sourceMappingURL=chunk-TUTXXC3W.js.map
+//# sourceMappingURL=chunk-TUTXXC3W.js.map

package/dist/chunk-TUTXXC3W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/motion/motion-timing.ts"],"names":[],"mappings":";;;;AAmBO,SAAS,mBAAA,CACd,WACA,QAAA,EACe;AACf,EAAA,IAAI,SAAA,KAAc,IAAA,EAAM,OAAO,EAAE,IAAA,EAAM,EAAE,QAAA,EAAU,CAAA,EAAE,EAAG,KAAA,EAAO,EAAE,QAAA,EAAU,GAAE,EAAE;AAE/E,EAAA,MAAM,KAAA,GAAQ,CAAC,GAAA,KAA2C;AACxD,IAAA,MAAM,QAAA,GAAY,aAAa,gBAAA,CAAiB,SAAA,CAAU,UAAU,GAAG,CAAA,IAAM,QAAA,CAAS,GAAG,CAAA,CAAE,QAAA;AAC3F,IAAA,MAAM,SAAA,GAAa,aAAa,gBAAA,CAAiB,SAAA,CAAU,MAAM,GAAG,CAAA,IAAM,QAAA,CAAS,GAAG,CAAA,CAAE,IAAA;AACxF,IAAA,OAAO,EAAE,QAAA,EAAU,QAAA,CAAS,GAAA,CAAI,QAAQ,GAAG,IAAA,EAAM,QAAA,CAAS,IAAA,CAAK,SAAS,CAAA,EAAE;AAAA,EAC5E,CAAA;AAEA,EAAA,OAAO,EAAE,MAAM,KAAA,CAAM,MAAM,GAAG,KAAA,EAAO,KAAA,CAAM,OAAO,CAAA,EAAE;AACtD","file":"chunk-TUTXXC3W.js","sourcesContent":["import type { DurationToken, EaseToken } from '../tokens/motion-scale';\nimport { UIMotion, type MotionTransition } from '../tokens/motion-tokens';\nimport { resolveDirection, type DisableableAnimation, type TimingDirection } from './timing';\n\nexport interface DirectionDefault {\n  duration: DurationToken;\n  ease: EaseToken;\n}\n\nexport interface MotionTimingDefaults {\n  open: DirectionDefault;\n  close: DirectionDefault;\n}\n\nexport interface MotionTimings {\n  open: MotionTransition;\n  close: MotionTransition;\n}\n\nexport function resolveMotionTiming(\n  animation: DisableableAnimation | undefined,\n  defaults: MotionTimingDefaults,\n): MotionTimings {\n  if (animation === null) return { open: { duration: 0 }, close: { duration: 0 } };\n\n  const build = (dir: TimingDirection): MotionTransition => {\n    const durToken = (animation && resolveDirection(animation.duration, dir)) || defaults[dir].duration;\n    const easeToken = (animation && resolveDirection(animation.ease, dir)) || defaults[dir].ease;\n    return { duration: UIMotion.dur[durToken], ease: UIMotion.ease[easeToken] };\n  };\n\n  return { open: build('open'), close: build('close') };\n}\n"]}

package/dist/chunk-TVYH4AN7.js

@@ -0,0 +1,70 @@
+'use client';import { IconSlot } from './chunk-3MPF7FZV.js';
+import { resolveFieldMessage, fieldMessageId, FieldLabel, joinIds, FieldMessage } from './chunk-4BSHB7R3.js';
+import { Icon } from './chunk-EAI4POPB.js';
+import { cx } from './chunk-QGNC7LH5.js';
+import './input.css';
+import { useRef, useId } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function TextField({
+  label,
+  helper,
+  error,
+  warning,
+  success,
+  leadingIcon,
+  clearable,
+  size,
+  value,
+  htmlProps,
+  className,
+  style,
+  optional,
+  ...rest
+}) {
+  const { state, msg, msgIcon } = resolveFieldMessage(error, warning, success, helper);
+  const inputRef = useRef(null);
+  const autoId = useId();
+  const msgId = fieldMessageId(rest.id ?? autoId, msg);
+  const showClear = clearable && value && !rest.disabled && !rest.readOnly;
+  function clear() {
+    const el = inputRef.current;
+    if (!el) return;
+    const setValue = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value").set;
+    setValue.call(el, "");
+    el.dispatchEvent(new Event("input", { bubbles: true }));
+    el.focus();
+  }
+  const cls = cx(
+    "fld",
+    size === "sm" ? "fld--sm" : size === "lg" ? "fld--lg" : "",
+    leadingIcon && "fld--has-lead",
+    showClear && "fld--has-action",
+    state,
+    className
+  );
+  return /* @__PURE__ */ jsxs("div", { className: cls, style, children: [
+    /* @__PURE__ */ jsx(FieldLabel, { id: rest.id, label, required: rest.required, optional }),
+    /* @__PURE__ */ jsxs("div", { className: "fld__control", children: [
+      leadingIcon && /* @__PURE__ */ jsx("span", { className: "fld__icon fld__icon--lead", children: /* @__PURE__ */ jsx(IconSlot, { size, children: leadingIcon }) }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: inputRef,
+          className: "fld__input",
+          value,
+          "aria-invalid": error ? true : void 0,
+          ...rest,
+          ...htmlProps,
+          "aria-describedby": joinIds(msgId, htmlProps?.["aria-describedby"])
+        }
+      ),
+      showClear && /* @__PURE__ */ jsx("button", { type: "button", className: "fld__action", "aria-label": "Clear", onClick: clear, children: /* @__PURE__ */ jsx(Icon, { name: "close", size }) })
+    ] }),
+    /* @__PURE__ */ jsx(FieldMessage, { id: msgId, message: msg, icon: msgIcon })
+  ] });
+}
+
+export { TextField };
+//# sourceMappingURL=chunk-TVYH4AN7.js.map
+//# sourceMappingURL=chunk-TVYH4AN7.js.map

package/dist/chunk-TVYH4AN7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/input/TextField.tsx"],"names":[],"mappings":"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","file":"chunk-TVYH4AN7.js","sourcesContent":["'use client';\n\nimport './input.css';\n\nimport { useId, useRef } from 'react';\nimport type { CSSProperties, InputHTMLAttributes, ReactNode } from 'react';\n\nimport type { DataAttributes } from '../../../dom-props';\nimport { Icon } from '../../internal/icon/Icon';\nimport { IconSlot } from '../../internal/icon/IconSlot';\nimport { cx } from '../../internal/utils/cx';\nimport {\n  FieldLabel,\n  FieldMessage,\n  fieldMessageId,\n  joinIds,\n  resolveFieldMessage,\n  type FieldMessagingProps,\n} from './field-chrome';\n\n/** The native <input> props TextField surfaces at the top level (the rest live in `htmlProps`). */\ntype TextFieldNative = Pick<\n  InputHTMLAttributes<HTMLInputElement>,\n  | 'placeholder'\n  | 'value'\n  | 'onChange'\n  | 'disabled'\n  | 'readOnly'\n  | 'maxLength'\n  | 'minLength'\n  | 'hidden'\n  | 'pattern'\n  | 'onKeyDown'\n>;\n\ninterface TextFieldOwnProps extends FieldMessagingProps, TextFieldNative {\n  /** Leading icon - your own icon node (sized to the control). Decorative. */\n  leadingIcon?: ReactNode;\n  /** Show a clear button when there's a value. */\n  clearable?: boolean;\n  /** Control height: sm 28 - md 36 (default) - lg 40. */\n  size?: 'sm' | 'md' | 'lg';\n  /** Extra class(es) merged onto the field root. */\n  className?: string;\n  /** Inline styles merged onto the field root. */\n  style?: CSSProperties;\n  /** Available text like types */\n  type?: 'text' | 'search' | 'email' | 'url' | 'password';\n}\n\nexport interface TextFieldProps extends TextFieldOwnProps {\n  /** Standard <input> attributes (name, autoComplete, maxLength, aria-*, ...) forwarded to the input. */\n  htmlProps?: Omit<InputHTMLAttributes<HTMLInputElement>, keyof TextFieldOwnProps | 'size'> & DataAttributes;\n}\n\nexport function TextField({\n  label,\n  helper,\n  error,\n  warning,\n  success,\n  leadingIcon,\n  clearable,\n  size,\n  value,\n  htmlProps,\n  className,\n  style,\n  optional,\n  ...rest\n}: TextFieldProps) {\n  const { state, msg, msgIcon } = resolveFieldMessage(error, warning, success, helper);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const autoId = useId();\n  const msgId = fieldMessageId(rest.id ?? autoId, msg);\n  const showClear = clearable && value && !rest.disabled && !rest.readOnly;\n\n  function clear() {\n    const el = inputRef.current;\n    if (!el) return;\n    const setValue = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')!.set!;\n    setValue.call(el, '');\n    el.dispatchEvent(new Event('input', { bubbles: true }));\n    el.focus();\n  }\n  const cls = cx(\n    'fld',\n    size === 'sm' ? 'fld--sm' : size === 'lg' ? 'fld--lg' : '',\n    leadingIcon && 'fld--has-lead',\n    showClear && 'fld--has-action',\n    state,\n    className,\n  );\n\n  return (\n    <div className={cls} style={style}>\n      <FieldLabel id={rest.id} label={label} required={rest.required} optional={optional} />\n      <div className=\"fld__control\">\n        {leadingIcon && (\n          <span className=\"fld__icon fld__icon--lead\">\n            <IconSlot size={size}>{leadingIcon}</IconSlot>\n          </span>\n        )}\n        <input\n          ref={inputRef}\n          className=\"fld__input\"\n          value={value}\n          aria-invalid={error ? true : undefined}\n          {...rest}\n          {...htmlProps}\n          aria-describedby={joinIds(msgId, htmlProps?.['aria-describedby'])}\n        />\n        {showClear && (\n          <button type=\"button\" className=\"fld__action\" aria-label=\"Clear\" onClick={clear}>\n            <Icon name=\"close\" size={size} />\n          </button>\n        )}\n      </div>\n      <FieldMessage id={msgId} message={msg} icon={msgIcon} />\n    </div>\n  );\n}\n"]}

package/dist/{chunk-U4MHX3KH.js → chunk-VAXCXZ53.js}

@@ -1,8 +1,9 @@
-'use client';import { useRef, useLayoutEffect, useEffect, cloneElement } from 'react';
+'use client';import { activationProps } from './chunk-JY6A2ZJZ.js';
+import './trigger.css';
+import { useRef, useLayoutEffect, useEffect, cloneElement, useSyncExternalStore } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx } from 'react/jsx-runtime';
 
-// src/components/internal/overlay/layer.tsx
 var ovStack = [];
 function ovOnDocKeyDown(e) {
   if (e.key !== "Escape" || e.defaultPrevented || ovStack.length === 0) return;
@@ -69,21 +70,32 @@ function useOutsidePress({
 function ovCloneTrigger(trigger, {
   open,
   onPress,
+  onKeyDown,
   panelId,
   haspopup,
-  triggerRef
+  triggerRef,
+  activateOn
 }) {
   if (!trigger) return null;
   const own = trigger.props;
   const ownRef = trigger.ref;
+  const keys = onKeyDown && {
+    onKeyDown: (e) => {
+      own.onKeyDown?.(e);
+      onKeyDown(e);
+    }
+  };
   return cloneElement(trigger, {
     "aria-haspopup": haspopup,
     "aria-expanded": open,
     "aria-controls": open ? panelId : void 0,
-    onClick: (...args) => {
-      own.onClick?.(...args);
-      onPress();
-    },
+    "data-activate": activateOn === "pointerdown" ? "pointerdown" : void 0,
+    ...activationProps(() => onPress(), {
+      on: activateOn,
+      onPointerDown: own.onPointerDown,
+      onClick: own.onClick
+    }),
+    ...keys,
     ref: (node) => {
       triggerRef.current = node;
       if (typeof ownRef === "function") ownRef(node);
@@ -91,12 +103,21 @@ function ovCloneTrigger(trigger, {
     }
   });
 }
+var subscribeToNothing = () => () => {
+};
+function useHydrated() {
+  return useSyncExternalStore(
+    subscribeToNothing,
+    () => true,
+    () => false
+  );
+}
 function OverlayPortal({ container, children }) {
-  const host = container ?? (typeof document === "undefined" ? null : document.body);
-  if (!host) return null;
-  return createPortal(/* @__PURE__ */ jsx("div", { "data-overlay-root": "", children }), host);
+  const hydrated = useHydrated();
+  if (!hydrated) return null;
+  return createPortal(/* @__PURE__ */ jsx("div", { "data-overlay-root": "", children }), container ?? document.body);
 }
 
 export { OverlayPortal, ovCloneTrigger, ovInOverlayAbove, ovIsTop, useOutsidePress, useOverlayEntry };
-//# sourceMappingURL=chunk-U4MHX3KH.js.map
-//# sourceMappingURL=chunk-U4MHX3KH.js.map
+//# sourceMappingURL=chunk-VAXCXZ53.js.map
+//# sourceMappingURL=chunk-VAXCXZ53.js.map

package/dist/chunk-VAXCXZ53.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/internal/overlay/layer.tsx"],"names":[],"mappings":";;;;;;AA8BA,IAAM,UAA0B,EAAC;AAEjC,SAAS,eAAe,CAAA,EAAkB;AACxC,EAAA,IAAI,EAAE,GAAA,KAAQ,QAAA,IAAY,EAAE,gBAAA,IAAoB,OAAA,CAAQ,WAAW,CAAA,EAAG;AACtE,EAAA,MAAM,GAAA,GAAM,OAAA,CAAQ,OAAA,CAAQ,MAAA,GAAS,CAAC,CAAA;AACtC,EAAA,IAAI,CAAC,GAAA,CAAI,aAAA,EAAc,EAAG;AAC1B,EAAA,CAAA,CAAE,cAAA,EAAe;AACjB,EAAA,GAAA,CAAI,YAAA,EAAa;AACnB;AAEA,SAAS,QAAQ,KAAA,EAAqB;AACpC,EAAA,OAAO,OAAA,CAAQ,OAAA,CAAQ,MAAA,GAAS,CAAC,CAAA,KAAM,KAAA;AACzC;AAEA,SAAS,gBAAA,CAAiB,OAAqB,MAAA,EAA4B;AACzE,EAAA,MAAM,CAAA,GAAI,OAAA,CAAQ,OAAA,CAAQ,KAAK,CAAA;AAC/B,EAAA,OAAO,CAAA,IAAK,CAAA,IAAK,OAAA,CAAQ,KAAA,CAAM,CAAA,GAAI,CAAC,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,QAAA,CAAS,MAAM,CAAC,CAAA;AACtE;AAEA,SAAS,eAAA,CAAgB;AAAA,EACvB,OAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,EAIiB;AACf,EAAA,MAAM,GAAA,GAAM,OAAqB,IAAI,CAAA;AACrC,EAAA,IAAI,CAAC,IAAI,OAAA,EAAS;AAChB,IAAA,GAAA,CAAI,OAAA,GAAU;AAAA,MACZ,QAAA,EAAU,CAAC,CAAA,KAAM,OAAA,CAAQ,OAAA,CAAQ,WAAW,OAAA,CAAQ,OAAA,CAAQ,QAAA,CAAS,CAAS,CAAC,CAAA;AAAA,MAC/E,aAAA,EAAe,MAAM,GAAA,CAAI,OAAA,CAAQ,YAAA;AAAA,MACjC,YAAA,EAAc,MAAM,GAAA,CAAI,OAAA,CAAQ,MAAA;AAAO,KACzC;AAAA,EACF;AACA,EAAA,GAAA,CAAI,QAAQ,YAAA,GAAe,WAAA;AAC3B,EAAA,GAAA,CAAI,QAAQ,MAAA,GAAS,YAAA;AAErB,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,QAAQ,GAAA,CAAI,OAAA;AAClB,IAAA,IAAI,QAAQ,MAAA,KAAW,CAAA,EAAG,QAAA,CAAS,gBAAA,CAAiB,WAAW,cAAc,CAAA;AAC7E,IAAA,OAAA,CAAQ,KAAK,KAAK,CAAA;AAClB,IAAA,IAAI,OAAA,CAAQ,SAAS,OAAA,CAAQ,OAAA,CAAQ,MAAM,MAAA,GAAS,8BAAA,IAAkC,OAAA,CAAQ,MAAA,GAAS,CAAA,CAAA,GAAK,GAAA;AAC5G,IAAA,OAAO,MAAM;AACX,MAAA,MAAM,CAAA,GAAI,OAAA,CAAQ,OAAA,CAAQ,KAAK,CAAA;AAC/B,MAAA,IAAI,CAAA,IAAK,CAAA,EAAG,OAAA,CAAQ,MAAA,CAAO,GAAG,CAAC,CAAA;AAC/B,MAAA,IAAI,QAAQ,MAAA,KAAW,CAAA,EAAG,QAAA,CAAS,mBAAA,CAAoB,WAAW,cAAc,CAAA;AAAA,IAClF,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,GAAA,CAAI,OAAA;AACb;AAEA,SAAS,eAAA,CAAgB;AAAA,EACvB,KAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAKG;AACD,EAAA,MAAM,MAAA,GAAS,OAAkD,IAAI,CAAA;AACrE,EAAA,MAAA,CAAO,OAAA,GAAU,EAAE,OAAA,EAAS,OAAA,EAAQ;AACpC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,MAAA,GAAS,CAAC,CAAA,KAAoB;AAClC,MAAA,IAAI,CAAC,MAAA,CAAO,OAAA,CAAQ,OAAA,EAAS;AAC7B,MAAA,MAAM,IAAI,CAAA,CAAE,MAAA;AACZ,MAAA,IAAI,IAAA,CAAK,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,OAAA,IAAW,CAAA,CAAE,OAAA,CAAQ,QAAA,CAAS,CAAS,CAAC,CAAA,EAAG;AAClE,MAAA,IAAI,gBAAA,CAAiB,KAAA,EAAO,CAAC,CAAA,EAAG;AAChC,MAAA,MAAA,CAAO,QAAQ,OAAA,EAAQ;AAAA,IACzB,CAAA;AACA,IAAA,QAAA,CAAS,gBAAA,CAAiB,aAAA,EAAe,MAAA,EAAQ,IAAI,CAAA;AACrD,IAAA,OAAO,MAAM,QAAA,CAAS,mBAAA,CAAoB,aAAA,EAAe,QAAQ,IAAI,CAAA;AAAA,EACvE,CAAA,EAAG,EAAE,CAAA;AACP;AAEA,SAAS,eACP,OAAA,EACA;AAAA,EACE,IAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,EASqB;AACrB,EAAA,IAAI,CAAC,SAAS,OAAO,IAAA;AACrB,EAAA,MAAM,MAAM,OAAA,CAAQ,KAAA;AAKpB,EAAA,MAAM,SAAU,OAAA,CAAsD,GAAA;AACtE,EAAA,MAAM,OAAO,SAAA,IAAa;AAAA,IACxB,SAAA,EAAW,CAAC,CAAA,KAAuC;AACjD,MAAA,GAAA,CAAI,YAAY,CAAC,CAAA;AACjB,MAAA,SAAA,CAAU,CAAC,CAAA;AAAA,IACb;AAAA,GACF;AACA,EAAA,OAAO,aAAa,OAAA,EAAS;AAAA,IAC3B,eAAA,EAAiB,QAAA;AAAA,IACjB,eAAA,EAAiB,IAAA;AAAA,IACjB,eAAA,EAAiB,OAAO,OAAA,GAAU,MAAA;AAAA,IAClC,eAAA,EAAiB,UAAA,KAAe,aAAA,GAAgB,aAAA,GAAgB,MAAA;AAAA,IAChE,GAAG,eAAA,CAA6B,MAAM,OAAA,EAAQ,EAAG;AAAA,MAC/C,EAAA,EAAI,UAAA;AAAA,MACJ,eAAe,GAAA,CAAI,aAAA;AAAA,MACnB,SAAS,GAAA,CAAI;AAAA,KACd,CAAA;AAAA,IACD,GAAG,IAAA;AAAA,IACH,GAAA,EAAK,CAAC,IAAA,KAA6B;AACjC,MAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AACrB,MAAA,IAAI,OAAO,MAAA,KAAW,UAAA,EAAY,MAAA,CAAO,IAAI,CAAA;AAAA,WAAA,IACpC,MAAA,SAAe,OAAA,GAAU,IAAA;AAAA,IACpC;AAAA,GACgC,CAAA;AACpC;AAEA,IAAM,kBAAA,GAAqB,MAAM,MAAM;AAAC,CAAA;AAExC,SAAS,WAAA,GAAc;AACrB,EAAA,OAAO,oBAAA;AAAA,IACL,kBAAA;AAAA,IACA,MAAM,IAAA;AAAA,IACN,MAAM;AAAA,GACR;AACF;AAEA,SAAS,aAAA,CAAc,EAAE,SAAA,EAAW,QAAA,EAAS,EAA4D;AACvG,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AACtB,EAAA,OAAO,YAAA,qBAAc,KAAA,EAAA,EAAI,mBAAA,EAAkB,IAAI,QAAA,EAAS,CAAA,EAAQ,SAAA,IAAa,QAAA,CAAS,IAAI,CAAA;AAC5F","file":"chunk-VAXCXZ53.js","sourcesContent":["'use client';\n\nimport './trigger.css';\n\nimport {\n  cloneElement,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useSyncExternalStore,\n  type ReactElement,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n  type ReactNode,\n  type PointerEvent as ReactPointerEvent,\n  type Ref,\n  type RefObject,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { activationProps, type ActivateOn } from '../utils/activation';\n\ninterface OverlayEntry {\n  contains: (t: EventTarget | null) => boolean;\n  isDismissible: () => boolean;\n  requestClose: () => void;\n  _dismissible?: boolean;\n  _close?: () => void;\n}\n\nconst ovStack: OverlayEntry[] = [];\n\nfunction ovOnDocKeyDown(e: KeyboardEvent) {\n  if (e.key !== 'Escape' || e.defaultPrevented || ovStack.length === 0) return;\n  const top = ovStack[ovStack.length - 1];\n  if (!top.isDismissible()) return;\n  e.preventDefault();\n  top.requestClose();\n}\n\nfunction ovIsTop(entry: OverlayEntry) {\n  return ovStack[ovStack.length - 1] === entry;\n}\n\nfunction ovInOverlayAbove(entry: OverlayEntry, target: EventTarget | null) {\n  const i = ovStack.indexOf(entry);\n  return i >= 0 && ovStack.slice(i + 1).some((e) => e.contains(target));\n}\n\nfunction useOverlayEntry({\n  nodeRef,\n  dismissible,\n  requestClose,\n}: {\n  nodeRef: RefObject<HTMLElement>;\n  dismissible: boolean;\n  requestClose: () => void;\n}): OverlayEntry {\n  const ref = useRef<OverlayEntry>(null);\n  if (!ref.current) {\n    ref.current = {\n      contains: (t) => Boolean(nodeRef.current && nodeRef.current.contains(t as Node)),\n      isDismissible: () => ref.current._dismissible,\n      requestClose: () => ref.current._close(),\n    };\n  }\n  ref.current._dismissible = dismissible;\n  ref.current._close = requestClose;\n\n  useLayoutEffect(() => {\n    const entry = ref.current;\n    if (ovStack.length === 0) document.addEventListener('keydown', ovOnDocKeyDown);\n    ovStack.push(entry);\n    if (nodeRef.current) nodeRef.current.style.zIndex = 'calc(var(--layer-overlay) + ' + (ovStack.length - 1) + ')';\n    return () => {\n      const i = ovStack.indexOf(entry);\n      if (i >= 0) ovStack.splice(i, 1);\n      if (ovStack.length === 0) document.removeEventListener('keydown', ovOnDocKeyDown);\n    };\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return ref.current;\n}\n\nfunction useOutsidePress({\n  entry,\n  refs,\n  enabled,\n  onPress,\n}: {\n  entry: OverlayEntry;\n  refs: RefObject<HTMLElement>[];\n  enabled: boolean;\n  onPress: () => void;\n}) {\n  const latest = useRef<{ enabled: boolean; onPress: () => void }>(null);\n  latest.current = { enabled, onPress };\n  useEffect(() => {\n    const onDown = (e: PointerEvent) => {\n      if (!latest.current.enabled) return;\n      const t = e.target;\n      if (refs.some((r) => r.current && r.current.contains(t as Node))) return;\n      if (ovInOverlayAbove(entry, t)) return;\n      latest.current.onPress();\n    };\n    document.addEventListener('pointerdown', onDown, true);\n    return () => document.removeEventListener('pointerdown', onDown, true);\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n}\n\nfunction ovCloneTrigger(\n  trigger: ReactElement | null,\n  {\n    open,\n    onPress,\n    onKeyDown,\n    panelId,\n    haspopup,\n    triggerRef,\n    activateOn,\n  }: {\n    open: boolean;\n    onPress: () => void;\n    onKeyDown?: (e: ReactKeyboardEvent<HTMLElement>) => void;\n    panelId: string;\n    haspopup: string;\n    triggerRef: RefObject<HTMLElement>;\n    activateOn?: ActivateOn;\n  },\n): ReactElement | null {\n  if (!trigger) return null;\n  const own = trigger.props as {\n    onClick?: (e: ReactMouseEvent<HTMLElement>) => void;\n    onPointerDown?: (e: ReactPointerEvent<HTMLElement>) => void;\n    onKeyDown?: (e: ReactKeyboardEvent<HTMLElement>) => void;\n  };\n  const ownRef = (trigger as ReactElement & { ref?: Ref<HTMLElement> }).ref;\n  const keys = onKeyDown && {\n    onKeyDown: (e: ReactKeyboardEvent<HTMLElement>) => {\n      own.onKeyDown?.(e);\n      onKeyDown(e);\n    },\n  };\n  return cloneElement(trigger, {\n    'aria-haspopup': haspopup,\n    'aria-expanded': open,\n    'aria-controls': open ? panelId : undefined,\n    'data-activate': activateOn === 'pointerdown' ? 'pointerdown' : undefined,\n    ...activationProps<HTMLElement>(() => onPress(), {\n      on: activateOn,\n      onPointerDown: own.onPointerDown,\n      onClick: own.onClick,\n    }),\n    ...keys,\n    ref: (node: HTMLElement | null) => {\n      triggerRef.current = node;\n      if (typeof ownRef === 'function') ownRef(node);\n      else if (ownRef) ownRef.current = node;\n    },\n  } as Partial<typeof trigger.props>);\n}\n\nconst subscribeToNothing = () => () => {};\n\nfunction useHydrated() {\n  return useSyncExternalStore(\n    subscribeToNothing,\n    () => true,\n    () => false,\n  );\n}\n\nfunction OverlayPortal({ container, children }: { container?: HTMLElement | null; children: ReactNode }) {\n  const hydrated = useHydrated();\n  if (!hydrated) return null;\n  return createPortal(<div data-overlay-root=\"\">{children}</div>, container ?? document.body);\n}\n\nexport { ovIsTop, ovInOverlayAbove, useOverlayEntry, useOutsidePress, ovCloneTrigger, OverlayPortal };\nexport type { OverlayEntry };\n"]}

package/dist/chunk-XNIYSAMJ.js

@@ -0,0 +1,52 @@
+'use client';import { IconSlot } from './chunk-3MPF7FZV.js';
+import { cx } from './chunk-QGNC7LH5.js';
+import { useRef, useEffect } from 'react';
+import './menu-surface.css';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/internal/collection/collection.ts
+function normalizeCollection(source, shape) {
+  const entries = source;
+  const groups = entries.length > 0 && entries[0] && shape.isGroup(entries[0]) ? entries.map((g) => ({ label: shape.labelOf(g), items: shape.itemsOf(g) || [] })) : [{ label: null, items: entries }];
+  return { groups, flat: groups.flatMap((g) => g.items) };
+}
+var edgeEnabled = (items, toEnd) => toEnd ? items.reduce((found, item, i) => item.disabled ? found : i, -1) : items.findIndex((i) => !i.disabled);
+function stepEnabled(items, from, dir) {
+  let i = from >= 0 ? from : dir > 0 ? -1 : 0;
+  for (let taken = 0; taken < items.length; taken++) {
+    i = (i + dir + items.length) % items.length;
+    if (!items[i].disabled) return i;
+  }
+  return items.length ? from : -1;
+}
+var matchPrefix = (items, textOf, prefix) => items.findIndex((i) => !i.disabled && textOf(i).toLowerCase().startsWith(prefix));
+var TYPEAHEAD_RESET_MS = 600;
+function useTypeahead() {
+  const state = useRef({ buffer: "", timer: 0 });
+  const api = useRef(null);
+  api.current ||= {
+    push: (char) => {
+      const s = state.current;
+      clearTimeout(s.timer);
+      s.timer = setTimeout(() => s.buffer = "", TYPEAHEAD_RESET_MS);
+      return s.buffer += char.toLowerCase();
+    },
+    buffered: () => state.current.buffer.length > 0
+  };
+  useEffect(() => () => clearTimeout(state.current.timer), []);
+  return api.current;
+}
+function MenuRow({ ref, icon, label, description, trailing, className, ...rest }) {
+  return /* @__PURE__ */ jsxs("div", { ref, className: cx("menu-row", className), ...rest, children: [
+    icon && /* @__PURE__ */ jsx("span", { className: "menu-row__icon", children: /* @__PURE__ */ jsx(IconSlot, { size: "sm", children: icon }) }),
+    /* @__PURE__ */ jsxs("span", { className: "menu-row__text", children: [
+      /* @__PURE__ */ jsx("span", { className: "menu-row__label", children: label }),
+      description && /* @__PURE__ */ jsx("span", { className: "menu-row__desc", children: description })
+    ] }),
+    trailing
+  ] });
+}
+
+export { MenuRow, edgeEnabled, matchPrefix, normalizeCollection, stepEnabled, useTypeahead };
+//# sourceMappingURL=chunk-XNIYSAMJ.js.map
+//# sourceMappingURL=chunk-XNIYSAMJ.js.map

package/dist/chunk-XNIYSAMJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/internal/collection/collection.ts","../src/components/internal/hooks/use-typeahead.ts","../src/components/internal/menu/menu-row.tsx"],"names":[],"mappings":"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","file":"chunk-XNIYSAMJ.js","sourcesContent":["export interface NormalizedGroup<Item> {\n  label: string | null | undefined;\n  items: Item[];\n}\n\nexport interface CollectionShape<Item, Group> {\n  isGroup: (entry: Item | Group) => entry is Group;\n  itemsOf: (group: Group) => Item[];\n  labelOf: (group: Group) => string | undefined;\n}\n\nexport function normalizeCollection<Item, Group>(\n  source: Item[] | Group[],\n  shape: CollectionShape<Item, Group>,\n): { groups: NormalizedGroup<Item>[]; flat: Item[] } {\n  const entries = source as (Item | Group)[];\n  const groups: NormalizedGroup<Item>[] =\n    entries.length > 0 && entries[0] && shape.isGroup(entries[0])\n      ? (entries as Group[]).map((g) => ({ label: shape.labelOf(g), items: shape.itemsOf(g) || [] }))\n      : [{ label: null, items: entries as Item[] }];\n  return { groups, flat: groups.flatMap((g) => g.items) };\n}\n\nexport interface Navigable {\n  disabled?: boolean;\n}\n\nexport const edgeEnabled = (items: readonly Navigable[], toEnd: boolean): number =>\n  toEnd ? items.reduce((found, item, i) => (item.disabled ? found : i), -1) : items.findIndex((i) => !i.disabled);\n\nexport function stepEnabled(items: readonly Navigable[], from: number, dir: number): number {\n  let i = from >= 0 ? from : dir > 0 ? -1 : 0;\n  for (let taken = 0; taken < items.length; taken++) {\n    i = (i + dir + items.length) % items.length;\n    if (!items[i].disabled) return i;\n  }\n  return items.length ? from : -1;\n}\n\nexport const matchPrefix = <Item extends Navigable>(\n  items: readonly Item[],\n  textOf: (item: Item) => string,\n  prefix: string,\n): number => items.findIndex((i) => !i.disabled && textOf(i).toLowerCase().startsWith(prefix));\n","'use client';\n\nimport { useEffect, useRef } from 'react';\n\nconst TYPEAHEAD_RESET_MS = 600;\n\nexport interface Typeahead {\n  push: (char: string) => string;\n  buffered: () => boolean;\n}\n\nexport function useTypeahead(): Typeahead {\n  const state = useRef({ buffer: '', timer: 0 as ReturnType<typeof setTimeout> | 0 });\n  const api = useRef<Typeahead>(null);\n\n  api.current ||= {\n    push: (char) => {\n      const s = state.current;\n      clearTimeout(s.timer);\n      s.timer = setTimeout(() => (s.buffer = ''), TYPEAHEAD_RESET_MS);\n      return (s.buffer += char.toLowerCase());\n    },\n    buffered: () => state.current.buffer.length > 0,\n  };\n\n  useEffect(() => () => clearTimeout(state.current.timer), []);\n  return api.current;\n}\n","'use client';\n\nimport './menu-surface.css';\n\nimport type { HTMLAttributes, ReactNode, Ref } from 'react';\n\nimport type { DataAttributes } from '../../../dom-props';\nimport { IconSlot } from '../icon/IconSlot';\nimport { cx } from '../utils/cx';\n\nexport interface MenuRowProps extends HTMLAttributes<HTMLDivElement>, DataAttributes {\n  ref?: Ref<HTMLDivElement>;\n  icon?: ReactNode;\n  label: ReactNode;\n  description?: ReactNode;\n  trailing?: ReactNode;\n}\n\nexport function MenuRow({ ref, icon, label, description, trailing, className, ...rest }: MenuRowProps) {\n  return (\n    <div ref={ref} className={cx('menu-row', className)} {...rest}>\n      {icon && (\n        <span className=\"menu-row__icon\">\n          <IconSlot size=\"sm\">{icon}</IconSlot>\n        </span>\n      )}\n      <span className=\"menu-row__text\">\n        <span className=\"menu-row__label\">{label}</span>\n        {description && <span className=\"menu-row__desc\">{description}</span>}\n      </span>\n      {trailing}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-CONSWNIV.js → chunk-Y2YA7QRF.js}

@@ -1,17 +1,17 @@
-'use client';import './odometer.css';
+'use client';import './digit-strip.css';
 import { jsx } from 'react/jsx-runtime';
 
-// src/components/primitives/badge/odometer.tsx
+// src/components/primitives/badge/digit-strip.tsx
 function Digit({ d }) {
   return /* @__PURE__ */ jsx("span", { className: "odo__col", "aria-hidden": "true", children: /* @__PURE__ */ jsx("span", { className: "odo__strip odo__strip--" + d, children: Array.from({ length: 10 }, (_, i) => /* @__PURE__ */ jsx("span", { children: i }, i)) }) });
 }
-function Odometer({ value }) {
+function DigitStrip({ value }) {
   const str = String(value);
   return /* @__PURE__ */ jsx("span", { className: "odo", role: "text", "aria-label": str, children: str.split("").map(
     (ch, i) => /\d/.test(ch) ? /* @__PURE__ */ jsx(Digit, { d: Number(ch) }, i) : /* @__PURE__ */ jsx("span", { className: "odo__fixed", "aria-hidden": "true", children: ch }, i)
   ) });
 }
 
-export { Odometer };
-//# sourceMappingURL=chunk-CONSWNIV.js.map
-//# sourceMappingURL=chunk-CONSWNIV.js.map
+export { DigitStrip };
+//# sourceMappingURL=chunk-Y2YA7QRF.js.map
+//# sourceMappingURL=chunk-Y2YA7QRF.js.map

package/dist/chunk-Y2YA7QRF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/badge/digit-strip.tsx"],"names":[],"mappings":";;;;AAIA,SAAS,KAAA,CAAM,EAAE,CAAA,EAAE,EAAkB;AACnC,EAAA,uBACE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAW,aAAA,EAAY,MAAA,EACrC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,yBAAA,GAA4B,CAAA,EAC1C,QAAA,EAAA,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,EAAA,EAAG,EAAG,CAAC,CAAA,EAAG,CAAA,qBAC9B,GAAA,CAAC,MAAA,EAAA,EAAc,QAAA,EAAA,CAAA,EAAA,EAAJ,CAAM,CAClB,CAAA,EACH,CAAA,EACF,CAAA;AAEJ;AAMO,SAAS,UAAA,CAAW,EAAE,KAAA,EAAM,EAAoB;AACrD,EAAA,MAAM,GAAA,GAAM,OAAO,KAAK,CAAA;AACxB,EAAA,uBACE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,KAAA,EAAM,IAAA,EAAK,MAAA,EAAO,YAAA,EAAY,GAAA,EAC3C,QAAA,EAAA,GAAA,CAAI,KAAA,CAAM,EAAE,CAAA,CAAE,GAAA;AAAA,IAAI,CAAC,IAAI,CAAA,KACtB,IAAA,CAAK,KAAK,EAAE,CAAA,mBACV,GAAA,CAAC,KAAA,EAAA,EAAc,CAAA,EAAG,MAAA,CAAO,EAAE,CAAA,EAAA,EAAf,CAAkB,oBAE9B,GAAA,CAAC,MAAA,EAAA,EAAa,WAAU,YAAA,EAAa,aAAA,EAAY,MAAA,EAC9C,QAAA,EAAA,EAAA,EAAA,EADQ,CAEX;AAAA,GAEJ,EACF,CAAA;AAEJ","file":"chunk-Y2YA7QRF.js","sourcesContent":["'use client';\n\nimport './digit-strip.css';\n\nfunction Digit({ d }: { d: number }) {\n  return (\n    <span className=\"odo__col\" aria-hidden=\"true\">\n      <span className={'odo__strip odo__strip--' + d}>\n        {Array.from({ length: 10 }, (_, i) => (\n          <span key={i}>{i}</span>\n        ))}\n      </span>\n    </span>\n  );\n}\n\nexport interface DigitStripProps {\n  value: string | number;\n}\n\nexport function DigitStrip({ value }: DigitStripProps) {\n  const str = String(value);\n  return (\n    <span className=\"odo\" role=\"text\" aria-label={str}>\n      {str.split('').map((ch, i) =>\n        /\\d/.test(ch) ? (\n          <Digit key={i} d={Number(ch)} />\n        ) : (\n          <span key={i} className=\"odo__fixed\" aria-hidden=\"true\">\n            {ch}\n          </span>\n        ),\n      )}\n    </span>\n  );\n}\n"]}