@zyncat/ui 0.8.0 → 0.9.1

package/README.md

@@ -102,8 +102,8 @@ later.)
 
 Components render their own glyphs from a small curated Phosphor set, **bundled in** - no icon peer
 to install. Zyncat UI does **not** export an `Icon` component, so where a prop takes an icon
-(`iconLeft`, `leadingIcon`, a `Tag`'s `icon`, ...) pass your own node - any `ReactNode` (e.g. an
-`@phosphor-icons/react` element, if you choose to use it).
+(`leadingIcon`, a `Tag`'s `icon`, ...) or a component composes icons as children (`Button`), pass
+your own node - any `ReactNode` (e.g. an `@phosphor-icons/react` element, if you choose to use it).
 
 ## What's inside
 

package/dist/alert.js

@@ -1,14 +1,13 @@
-'use client';import { Motion } from './chunk-36WVAQKL.js';
-import { resolveMotionTiming } from './chunk-NEF5XAHG.js';
-import { Presence } from './chunk-MXOPCFWR.js';
-import './chunk-W3SHPKSB.js';
-import './chunk-JSKXZMLH.js';
-import './chunk-L3Q3VDIW.js';
+'use client';import { resolveMotionTiming } from './chunk-NEF5XAHG.js';
+import { Presence } from './chunk-356HZMT4.js';
+import { Motion } from './chunk-2QWJ6FAX.js';
+import './chunk-XWUWYSCT.js';
+import './chunk-YGCVWGUG.js';
 import { IconSlot } from './chunk-2ERBBFZS.js';
 import { Icon } from './chunk-3SBCBYB7.js';
 import { useControllable } from './chunk-MMRIQNEN.js';
 import './chunk-S5ZTZANS.js';
-import { Button } from './chunk-U5QQZC3U.js';
+import { Button } from './chunk-2F5PITAO.js';
 import './chunk-VTJTGVZZ.js';
 import { cx } from './chunk-QGNC7LH5.js';
 import './alert.css';

package/dist/alert.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/composites/alert/Alert.tsx"],"names":[],"mappings":"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","file":"alert.js","sourcesContent":["'use client';\n\nimport './alert.css';\nimport type { CSSProperties, HTMLAttributes, ReactNode } from 'react';\nimport { Presence } from '../../../motion/presence';\nimport { Motion } from '../../../motion/element';\nimport { resolveMotionTiming } from '../../../motion/motion-timing';\nimport type { DisableableAnimation } from '../../../motion/timing';\nimport { Icon, type IconName } from '../../internal/icon/Icon';\nimport { Button } from '../../primitives/button/Button';\nimport { IconSlot } from '../../internal/icon/IconSlot';\nimport { useControllable } from '../../internal/hooks/use-controllable';\nimport type { DataAttributes } from '../../../dom-props';\nimport { cx } from '../../internal/utils/cx';\n\nexport type AlertTone = 'info' | 'success' | 'warning' | 'danger';\n\nexport interface AlertAction {\n  /** Sentence-case label, e.g. \"Update billing\". */\n  label: string;\n  onClick?: () => void;\n}\n\ninterface AlertOwnProps {\n  /** Status of the message; info/success are polite, warning/danger assertive. Default 'info'. */\n  tone?: AlertTone;\n  /** The message - sentence case, ideally one line. */\n  title: ReactNode;\n  /** Optional description; stays neutral - tone marks the message, not the prose. */\n  children?: ReactNode;\n  /** One action max, rendered as the system secondary small button. */\n  action?: AlertAction;\n  /** Renders the always-visible close button. Uncontrolled unless `open` is given. */\n  dismissible?: boolean;\n  /** Fires on dismiss. With `open` set, the parent owns hiding the alert. */\n  onDismiss?: () => void;\n  /** Controlled visibility; omit for uncontrolled. Exit eases shut (height collapse). */\n  open?: boolean;\n  /** App-level strip: square corners, hairline below only. Paint modifier. */\n  banner?: boolean;\n  /** Override the tone glyph; pass null to render no glyph. */\n  icon?: ReactNode | null;\n  /** Extra class(es) merged onto the alert. */\n  className?: string;\n  /** Inline styles merged onto the alert. */\n  style?: CSSProperties;\n  /** Enter/exit timing - motion tokens only, or `null` to disable (the height collapse snaps).\n   *  @default height 'slow'/'entrance'; opacity in 'base'/'entrance', out 'fast'/'exit' */\n  animation?: DisableableAnimation;\n}\n\nexport interface AlertProps extends AlertOwnProps {\n  /** Standard <div> attributes (aria-*, data-*, ...) forwarded to the alert. */\n  htmlProps?: Omit<HTMLAttributes<HTMLDivElement>, keyof AlertOwnProps> & DataAttributes;\n}\n\nconst ALERT_HEIGHT_TIMING = {\n  open: { duration: 'slow', ease: 'entrance' },\n  close: { duration: 'slow', ease: 'entrance' },\n} as const;\nconst ALERT_OPACITY_TIMING = {\n  open: { duration: 'base', ease: 'entrance' },\n  close: { duration: 'fast', ease: 'exit' },\n} as const;\n\nconst TONE_GLYPH: Record<AlertTone, IconName> = {\n  info: 'info',\n  success: 'check-circle',\n  warning: 'warning',\n  danger: 'warning-circle',\n};\nconst TONE_ROLE: Record<AlertTone, string> = { info: 'status', success: 'status', warning: 'alert', danger: 'alert' };\n\nexport function Alert({\n  tone = 'info',\n  title,\n  children = null,\n  action = null,\n  dismissible = false,\n  onDismiss,\n  open,\n  banner = false,\n  icon,\n  className = '',\n  style,\n  htmlProps,\n  animation,\n}: AlertProps) {\n  const [isOpen, setOpen] = useControllable(open, true, onDismiss);\n  const dismiss = () => setOpen(false);\n\n  const h = resolveMotionTiming(animation, ALERT_HEIGHT_TIMING);\n  const o = resolveMotionTiming(animation, ALERT_OPACITY_TIMING);\n\n  const cls = cx('alert', banner && 'alert--banner', className);\n\n  return (\n    <Presence initial={false}>\n      {isOpen && (\n        <Motion\n          key=\"alert-shell\"\n          className=\"alert-shell\"\n          animate={[\n            { height: [0, 'auto'], timing: h.open },\n            { opacity: [0, 1], timing: o.open },\n          ]}\n          exit={[\n            { height: ['auto', 0], timing: h.close },\n            { opacity: [1, 0], timing: o.close },\n          ]}\n        >\n          <div className={cls} style={style} data-tone={tone} role={TONE_ROLE[tone] || 'status'} {...htmlProps}>\n            {icon === null ? null : (\n              <span className=\"alert__icon\" aria-hidden=\"true\">\n                {icon !== undefined ? (\n                  <IconSlot size=\"md\">{icon}</IconSlot>\n                ) : (\n                  <Icon name={TONE_GLYPH[tone] || 'info'} size=\"md\" />\n                )}\n              </span>\n            )}\n            <div className=\"alert__body\">\n              <p className=\"alert__title\">{title}</p>\n              {children != null && <p className=\"alert__desc\">{children}</p>}\n            </div>\n            {action && (\n              <Button variant=\"unstyled\" size=\"sm\" className=\"alert__action\" onClick={action.onClick}>\n                {action.label}\n              </Button>\n            )}\n            {dismissible && (\n              <button type=\"button\" className=\"alert__close\" aria-label=\"Dismiss\" onClick={dismiss}>\n                <Icon name=\"close\" size=\"sm\" />\n              </button>\n            )}\n          </div>\n        </Motion>\n      )}\n    </Presence>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/composites/alert/Alert.tsx"],"names":[],"mappings":"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","file":"alert.js","sourcesContent":["'use client';\n\nimport './alert.css';\nimport type { CSSProperties, HTMLAttributes, ReactNode } from 'react';\nimport { Presence } from '../../../motion/presence';\nimport { Motion } from '../../../motion/element';\nimport { resolveMotionTiming } from '../../../motion/motion-timing';\nimport type { DisableableAnimation } from '../../../motion/timing';\nimport { Icon, type IconName } from '../../internal/icon/Icon';\nimport { Button } from '../../primitives/button/Button';\nimport { IconSlot } from '../../internal/icon/IconSlot';\nimport { useControllable } from '../../internal/hooks/use-controllable';\nimport type { DataAttributes } from '../../../dom-props';\nimport { cx } from '../../internal/utils/cx';\n\nexport type AlertTone = 'info' | 'success' | 'warning' | 'danger';\n\nexport interface AlertAction {\n  /** Sentence-case label, e.g. \"Update billing\". */\n  label: string;\n  onClick?: () => void;\n}\n\ninterface AlertOwnProps {\n  /** Status of the message; info/success are polite, warning/danger assertive. Default 'info'. */\n  tone?: AlertTone;\n  /** The message - sentence case, ideally one line. */\n  title: ReactNode;\n  /** Optional description; stays neutral - tone marks the message, not the prose. */\n  children?: ReactNode;\n  /** One action max, rendered as the system secondary small button. */\n  action?: AlertAction;\n  /** Renders the always-visible close button. Uncontrolled unless `open` is given. */\n  dismissible?: boolean;\n  /** Fires on dismiss. With `open` set, the parent owns hiding the alert. */\n  onDismiss?: () => void;\n  /** Controlled visibility; omit for uncontrolled. Exit eases shut (height collapse). */\n  open?: boolean;\n  /** App-level strip: square corners, hairline below only. Paint modifier. */\n  banner?: boolean;\n  /** Override the tone glyph; pass null to render no glyph. */\n  icon?: ReactNode | null;\n  /** Extra class(es) merged onto the alert. */\n  className?: string;\n  /** Inline styles merged onto the alert. */\n  style?: CSSProperties;\n  /** Enter/exit timing - motion tokens only, or `null` to disable (the height collapse snaps).\n   *  @default height 'slow'/'entrance'; opacity in 'base'/'entrance', out 'fast'/'exit' */\n  animation?: DisableableAnimation;\n}\n\nexport interface AlertProps extends AlertOwnProps {\n  /** Standard <div> attributes (aria-*, data-*, ...) forwarded to the alert. */\n  htmlProps?: Omit<HTMLAttributes<HTMLDivElement>, keyof AlertOwnProps> & DataAttributes;\n}\n\nconst ALERT_HEIGHT_TIMING = {\n  open: { duration: 'slow', ease: 'entrance' },\n  close: { duration: 'slow', ease: 'entrance' },\n} as const;\nconst ALERT_OPACITY_TIMING = {\n  open: { duration: 'base', ease: 'entrance' },\n  close: { duration: 'fast', ease: 'exit' },\n} as const;\n\nconst TONE_GLYPH: Record<AlertTone, IconName> = {\n  info: 'info',\n  success: 'check-circle',\n  warning: 'warning',\n  danger: 'warning-circle',\n};\nconst TONE_ROLE: Record<AlertTone, string> = { info: 'status', success: 'status', warning: 'alert', danger: 'alert' };\n\nexport function Alert({\n  tone = 'info',\n  title,\n  children = null,\n  action = null,\n  dismissible = false,\n  onDismiss,\n  open,\n  banner = false,\n  icon,\n  className = '',\n  style,\n  htmlProps,\n  animation,\n}: AlertProps) {\n  const [isOpen, setOpen] = useControllable(open, true, onDismiss);\n  const dismiss = () => setOpen(false);\n\n  const h = resolveMotionTiming(animation, ALERT_HEIGHT_TIMING);\n  const o = resolveMotionTiming(animation, ALERT_OPACITY_TIMING);\n\n  const cls = cx('alert', banner && 'alert--banner', className);\n\n  return (\n    <Presence initial={false}>\n      {isOpen && (\n        <Motion\n          key=\"alert-shell\"\n          className=\"alert-shell\"\n          animate={[\n            { height: [0, 'auto'], timing: h.open },\n            { opacity: [0, 1], timing: o.open },\n          ]}\n          exit={[\n            { height: ['auto', 0], timing: h.close },\n            { opacity: [1, 0], timing: o.close },\n          ]}\n        >\n          <div className={cls} style={style} data-tone={tone} role={TONE_ROLE[tone] || 'status'} {...htmlProps}>\n            {icon === null ? null : (\n              <span className=\"alert__icon\" aria-hidden=\"true\">\n                {icon !== undefined ? (\n                  <IconSlot size=\"md\">{icon}</IconSlot>\n                ) : (\n                  <Icon name={TONE_GLYPH[tone] || 'info'} size=\"md\" />\n                )}\n              </span>\n            )}\n            <div className=\"alert__body\">\n              <p className=\"alert__title\">{title}</p>\n              {children != null && <p className=\"alert__desc\">{children}</p>}\n            </div>\n            {action && (\n              <Button variant=\"unstyled\" size=\"sm\" className=\"alert__action\" onClick={action.onClick}>\n                {action.label}\n              </Button>\n            )}\n            {dismissible && (\n              <button type=\"button\" className=\"alert__close\" aria-label=\"Dismiss\" onClick={dismiss}>\n                <Icon name=\"close\" size=\"sm\" />\n              </button>\n            )}\n          </div>\n        </Motion>\n      )}\n    </Presence>\n  );\n}\n"]}

package/dist/button.css

@@ -16,13 +16,14 @@
 .btn {
   --btn-shadow: none;
   --btn-ring: var(--ring-accent);
+  --btn-gap: var(--space-2);
 
   position: relative;
   isolation: isolate;
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  gap: var(--space-2);
+  gap: var(--btn-gap);
 
   height: var(--control-height);
   padding: 0 var(--space-4);
@@ -64,7 +65,7 @@
   padding: 0 var(--space-3);
   font-size: var(--size-caption);
   border-radius: var(--radius-sm);
-  gap: var(--space-1);
+  --btn-gap: var(--space-1);
 }
 .btn--lg {
   height: var(--control-height-lg);
@@ -77,9 +78,16 @@
 .btn--icon {
   width: var(--control-height-sm);
   height: var(--control-height-sm);
+  padding: 0;
   border-radius: var(--radius-sm);
 }
 
+.btn__label {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--btn-gap);
+}
+
 .btn__icon {
   display: inline-flex;
   flex: none;

package/dist/button.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { Ref, ReactNode, CSSProperties, ButtonHTMLAttributes } from 'react';
+import { Ref, CSSProperties, ReactNode, ButtonHTMLAttributes } from 'react';
 import { D as DataAttributes } from './dom-props-C0jrllBw.js';
 
 interface ButtonOwnProps {
@@ -16,10 +16,6 @@ interface ButtonOwnProps {
     disabled?: boolean;
     /** Loading - swaps content for a spinner and makes the button inert. */
     loading?: boolean;
-    /** Leading icon node (e.g. a 16px <Icon>). Sized & aligned by the component. */
-    iconLeft?: ReactNode;
-    /** Trailing icon node. */
-    iconRight?: ReactNode;
     /** Stretch to fill the container width. */
     fullWidth?: boolean;
     /** Extra class(es) merged onto the button. */
@@ -39,6 +35,6 @@ interface ButtonProps extends ButtonOwnProps, ButtonRestProps {
      *  Bare `<button>` attributes also pass through directly; `htmlProps` wins on conflict. */
     htmlProps?: ButtonRestProps;
 }
-declare function Button({ variant, size, type, disabled, loading, iconLeft, iconRight, fullWidth, className, style, children, onClick, ref, onPointerDown, htmlProps, ...rest }: ButtonProps): react.JSX.Element;
+declare function Button({ variant, size, type, disabled, loading, fullWidth, className, style, children, onClick, ref, onPointerDown, htmlProps, ...rest }: ButtonProps): react.JSX.Element;
 
 export { Button, type ButtonProps };

package/dist/button.js

@@ -1,4 +1,4 @@
-'use client';export { Button } from './chunk-U5QQZC3U.js';
+'use client';export { Button } from './chunk-2F5PITAO.js';
 import './chunk-QGNC7LH5.js';
 //# sourceMappingURL=button.js.map
 //# sourceMappingURL=button.js.map

package/dist/{chunk-U5QQZC3U.js → chunk-2F5PITAO.js}

@@ -8,8 +8,6 @@ function Button({
   type = "button",
   disabled = false,
   loading = false,
-  iconLeft = null,
-  iconRight = null,
   fullWidth = false,
   className = "",
   style,
@@ -42,9 +40,7 @@ function Button({
       ...rest,
       ...htmlProps,
       children: [
-        iconLeft ? /* @__PURE__ */ jsx("span", { className: "btn__icon", "aria-hidden": "true", children: iconLeft }) : null,
         /* @__PURE__ */ jsx("span", { className: "btn__label", children }),
-        iconRight ? /* @__PURE__ */ jsx("span", { className: "btn__icon", "aria-hidden": "true", children: iconRight }) : null,
         loading ? /* @__PURE__ */ jsx("span", { className: "btn__spinner", "aria-hidden": "true" }) : null
       ]
     }
@@ -52,5 +48,5 @@ function Button({
 }
 
 export { Button };
-//# sourceMappingURL=chunk-U5QQZC3U.js.map
-//# sourceMappingURL=chunk-U5QQZC3U.js.map
+//# sourceMappingURL=chunk-2F5PITAO.js.map
+//# sourceMappingURL=chunk-2F5PITAO.js.map

package/dist/chunk-2F5PITAO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/button/Button.tsx"],"names":[],"mappings":";;;;AA2CO,SAAS,MAAA,CAAO;AAAA,EACrB,OAAA,GAAU,SAAA;AAAA,EACV,IAAA,GAAO,IAAA;AAAA,EACP,IAAA,GAAO,QAAA;AAAA,EACP,QAAA,GAAW,KAAA;AAAA,EACX,OAAA,GAAU,KAAA;AAAA,EACV,SAAA,GAAY,KAAA;AAAA,EACZ,SAAA,GAAY,EAAA;AAAA,EACZ,KAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAgB;AACd,EAAA,MAAM,GAAA,GAAM,EAAA;AAAA,IACV,KAAA;AAAA,IACA,OAAA,KAAY,UAAA,IAAc,CAAA,KAAA,EAAQ,OAAO,CAAA,CAAA;AAAA,IACzC,IAAA,KAAS,IAAA,IAAQ,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAA;AAAA,IAC7B,SAAA,IAAa,YAAA;AAAA,IACb,OAAA,IAAW,YAAA;AAAA,IACX;AAAA,GACF;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAA,EAAW,GAAA;AAAA,MACX,KAAA;AAAA,MACA,UAAU,QAAA,IAAY,OAAA;AAAA,MACtB,aAAW,OAAA,IAAW,MAAA;AAAA,MACtB,OAAA;AAAA,MACA,aAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACH,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAc,QAAA,EAAS,CAAA;AAAA,QACtC,0BAAU,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,cAAA,EAAe,aAAA,EAAY,QAAO,CAAA,GAAK;AAAA;AAAA;AAAA,GACpE;AAEJ","file":"chunk-2F5PITAO.js","sourcesContent":["'use client';\n\nimport './button.css';\nimport type { ButtonHTMLAttributes, CSSProperties, ReactNode, Ref } from 'react';\nimport type { DataAttributes } from '../../../dom-props';\nimport { cx } from '../../internal/utils/cx';\n\ninterface ButtonOwnProps {\n  /** Visual weight / intent. `unstyled` emits base chrome only (sizing, focus ring,\n   *  layout) with no skin - for local re-skins via `className`, e.g. Alert's tone action. @default 'primary' */\n  variant?: 'primary' | 'secondary' | 'ghost' | 'danger' | 'link' | 'unstyled';\n  /** Forwarded to the underlying <button> (React 19 ref-as-prop). */\n  ref?: Ref<HTMLButtonElement>;\n  /** Control height. sm 28px - md 36px (default) - lg 40px. @default 'md' */\n  size?: 'sm' | 'md' | 'lg' | 'icon';\n  /** `submit` / `reset` / `button`. @default 'button' */\n  type?: 'button' | 'submit' | 'reset';\n  /** Disable the control (also implied by `loading`). */\n  disabled?: boolean;\n  /** Loading - swaps content for a spinner and makes the button inert. */\n  loading?: boolean;\n  /** Stretch to fill the container width. */\n  fullWidth?: boolean;\n  /** Extra class(es) merged onto the button. */\n  className?: string;\n  /** Inline styles merged onto the button. */\n  style?: CSSProperties;\n  /** Button label. */\n  children?: ReactNode;\n  /** Click handler */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /** Pointer handler */\n  onPointerDown?: React.PointerEventHandler<HTMLButtonElement>;\n}\n\ntype ButtonRestProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof ButtonOwnProps> & DataAttributes;\n\nexport interface ButtonProps extends ButtonOwnProps, ButtonRestProps {\n  /** Standard <button> attributes (onClick, name, form, aria-*, data-*, ...) forwarded verbatim.\n   *  Bare `<button>` attributes also pass through directly; `htmlProps` wins on conflict. */\n  htmlProps?: ButtonRestProps;\n}\n\nexport function Button({\n  variant = 'primary',\n  size = 'md',\n  type = 'button',\n  disabled = false,\n  loading = false,\n  fullWidth = false,\n  className = '',\n  style,\n  children,\n  onClick,\n  ref,\n  onPointerDown,\n  htmlProps,\n  ...rest\n}: ButtonProps) {\n  const cls = cx(\n    'btn',\n    variant !== 'unstyled' && `btn--${variant}`,\n    size !== 'md' && `btn--${size}`,\n    fullWidth && 'btn--block',\n    loading && 'is-loading',\n    className,\n  );\n\n  return (\n    <button\n      type={type}\n      ref={ref}\n      className={cls}\n      style={style}\n      disabled={disabled || loading}\n      aria-busy={loading || undefined}\n      onClick={onClick}\n      onPointerDown={onPointerDown}\n      {...rest}\n      {...htmlProps}\n    >\n      <span className=\"btn__label\">{children}</span>\n      {loading ? <span className=\"btn__spinner\" aria-hidden=\"true\" /> : null}\n    </button>\n  );\n}\n"]}

package/dist/chunk-2QWJ6FAX.js

@@ -0,0 +1,78 @@
+'use client';import { useMotion } from './chunk-XWUWYSCT.js';
+import { measure, readShared, keepShared, flip, dropShared } from './chunk-YGCVWGUG.js';
+import { UIMotion } from './chunk-S5ZTZANS.js';
+import { useRef, useCallback, createElement, useLayoutEffect } from 'react';
+
+function useFlip(sharedId, tuning = {}, enabled = true) {
+  const ref = useRef(null);
+  const privateBox = useRef(null);
+  const playing = useRef(null);
+  const { scale, 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);
+    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;
+    playing.current = next ? { play: next, el } : null;
+    next?.finished.then(() => {
+      if (playing.current?.play === next) playing.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();
+      }
+      const mine = readShared(sharedId);
+      queueMicrotask(() => {
+        if (readShared(sharedId) === mine) dropShared(sharedId);
+      });
+    };
+  }, [sharedId, enabled]);
+  return ref;
+}
+
+// src/motion/element.tsx
+function Motion({
+  as = "div",
+  animate,
+  exit,
+  initial,
+  deps,
+  layout,
+  layoutId,
+  layoutTransition,
+  ref,
+  children,
+  ...rest
+}) {
+  const flipRef = useFlip(layoutId ?? null, layoutTransition, !!layoutId || !!layout);
+  const host = useRef(null);
+  const forwarded = useRef(ref);
+  forwarded.current = ref;
+  useMotion(host, { animate, exit, initial, deps });
+  const attach = useCallback(
+    (el) => {
+      host.current = el;
+      flipRef.current = el;
+      const outer = forwarded.current;
+      if (typeof outer === "function") outer(el);
+      else if (outer) outer.current = el;
+    },
+    [flipRef]
+  );
+  return createElement(as, { ...rest, ref: attach }, children);
+}
+
+export { Motion };
+//# sourceMappingURL=chunk-2QWJ6FAX.js.map
+//# sourceMappingURL=chunk-2QWJ6FAX.js.map

package/dist/chunk-2QWJ6FAX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/motion/flip.ts","../src/motion/element.tsx"],"names":["useRef"],"mappings":"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","file":"chunk-2QWJ6FAX.js","sourcesContent":["'use client';\n\nimport { useLayoutEffect, useRef, type RefObject } from 'react';\nimport {\n  dropShared,\n  flip,\n  keepShared,\n  measure,\n  readShared,\n  type Box,\n  type FlipOptions,\n  type Playback,\n} from '../engine';\nimport { UIMotion } from '../tokens/motion-tokens';\n\nexport type FlipTuning = FlipOptions;\n\nexport function useFlip<T extends HTMLElement>(\n  sharedId: string | null,\n  tuning: FlipTuning = {},\n  enabled = true,\n): RefObject<T | null> {\n  const ref = useRef<T | null>(null);\n  const privateBox = useRef<Box | null>(null);\n  const playing = useRef<{ play: Playback; el: T } | null>(null);\n  const { scale, timing } = tuning;\n\n  useLayoutEffect(() => {\n    const el = ref.current;\n    if (!el || !enabled) return;\n    const live = playing.current;\n    const from = live && live.el === el ? measure(el) : sharedId === null ? privateBox.current : readShared(sharedId);\n    live?.play.stop();\n    const settled = measure(el);\n    if (sharedId === null) privateBox.current = settled;\n    else keepShared(sharedId, settled);\n    const next = from && !UIMotion.reduced ? flip(el, from, { scale, timing }) : null;\n    playing.current = next ? { play: next, el } : null;\n    next?.finished.then(() => {\n      if (playing.current?.play === next) playing.current = null;\n    });\n  });\n\n  useLayoutEffect(() => {\n    if (!enabled || sharedId === null) return;\n    return () => {\n      const live = playing.current;\n      if (live) {\n        const box = measure(live.el);\n        if (box.width && box.height) keepShared(sharedId, box);\n        live.play.stop();\n      }\n      const mine = readShared(sharedId);\n      queueMicrotask(() => {\n        if (readShared(sharedId) === mine) dropShared(sharedId);\n      });\n    };\n  }, [sharedId, enabled]);\n\n  return ref;\n}\n","'use client';\n\nimport { createElement, useCallback, useRef, type ReactNode, type Ref } from 'react';\nimport { useFlip, type FlipTuning } from './flip';\nimport { useMotion, type MotionSpecs } from './use-motion';\n\nexport interface MotionProps extends MotionSpecs {\n  /** Tag for the element this renders. @default 'div' */\n  as?: string;\n  /** FLIP this element from its previous box on every render. Implied by `layoutId`. */\n  layout?: boolean;\n  /** FLIP from whatever element last held this id, so the box travels between nodes. */\n  layoutId?: string;\n  /** Tunes whichever layout animation is active; ignored without `layout` or `layoutId`. */\n  layoutTransition?: FlipTuning;\n  ref?: Ref<HTMLElement | null>;\n  children?: ReactNode;\n  [prop: string]: unknown;\n}\n\nexport function Motion({\n  as = 'div',\n  animate,\n  exit,\n  initial,\n  deps,\n  layout,\n  layoutId,\n  layoutTransition,\n  ref,\n  children,\n  ...rest\n}: MotionProps) {\n  const flipRef = useFlip<HTMLElement>(layoutId ?? null, layoutTransition, !!layoutId || !!layout);\n  const host = useRef<HTMLElement | null>(null);\n  const forwarded = useRef(ref);\n  forwarded.current = ref;\n\n  useMotion(host, { animate, exit, initial, deps });\n\n  const attach = useCallback(\n    (el: HTMLElement | null) => {\n      host.current = el;\n      flipRef.current = el;\n      const outer = forwarded.current;\n      if (typeof outer === 'function') outer(el);\n      else if (outer) outer.current = el;\n    },\n    [flipRef],\n  );\n\n  return createElement(as, { ...rest, ref: attach }, children);\n}\n"]}

package/dist/{chunk-MXOPCFWR.js → chunk-356HZMT4.js}

@@ -1,4 +1,4 @@
-'use client';import { PresenceContext } from './chunk-W3SHPKSB.js';
+'use client';import { PresenceContext } from './chunk-XWUWYSCT.js';
 import { useState, useRef, useLayoutEffect, useEffect, createElement, Fragment, Children, isValidElement } from 'react';
 
 function toEntries(children) {
@@ -16,12 +16,33 @@ function Presence({ children, initial = true, mode = "sync", onExitComplete }) {
   const wasExiting = useRef(false);
   const complete = useRef(onExitComplete);
   complete.current = onExitComplete;
+  const claims = useRef(/* @__PURE__ */ new Map());
+  const drop = (key) => setShown((previous) => {
+    const next = previous.filter((entry) => entry.key !== key || !entry.exiting);
+    return next.length === previous.length ? previous : next;
+  });
+  const claimExit = (key) => () => {
+    let tokens = claims.current.get(key);
+    if (!tokens) {
+      tokens = /* @__PURE__ */ new Set();
+      claims.current.set(key, tokens);
+    }
+    const token = {};
+    const held = tokens;
+    held.add(token);
+    return () => {
+      if (!held.delete(token) || held.size) return;
+      if (claims.current.get(key) === held) claims.current.delete(key);
+      drop(key);
+    };
+  };
   useLayoutEffect(() => {
     setShown((previous) => {
       const live = new Set(incoming.map((entry) => entry.key));
       const merged = incoming.map((entry) => ({ ...entry }));
       previous.forEach((entry, index) => {
         if (live.has(entry.key)) return;
+        if (!claims.current.get(entry.key)?.size) return;
         merged.splice(index, 0, entry.exiting ? entry : { ...entry, exiting: true });
       });
       return merged;
@@ -45,7 +66,7 @@ function Presence({ children, initial = true, mode = "sync", onExitComplete }) {
           value: {
             isPresent: !entry.exiting,
             initial: initial || !bornAtMount.current.has(entry.key),
-            safeToRemove: () => setShown((previous) => previous.filter((e) => e.key !== entry.key || !e.exiting))
+            claimExit: claimExit(entry.key)
           }
         },
         fresh.get(entry.key) ?? entry.node
@@ -55,5 +76,5 @@ function Presence({ children, initial = true, mode = "sync", onExitComplete }) {
 }
 
 export { Presence };
-//# sourceMappingURL=chunk-MXOPCFWR.js.map
-//# sourceMappingURL=chunk-MXOPCFWR.js.map
+//# sourceMappingURL=chunk-356HZMT4.js.map
+//# sourceMappingURL=chunk-356HZMT4.js.map

package/dist/chunk-356HZMT4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/motion/presence.tsx"],"names":[],"mappings":"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","file":"chunk-356HZMT4.js","sourcesContent":["'use client';\n\nimport {\n  Children,\n  Fragment,\n  createElement,\n  isValidElement,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { PresenceContext } from './presence-context';\n\ninterface Entry {\n  key: string;\n  node: ReactElement;\n  exiting: boolean;\n}\n\nfunction toEntries(children: ReactNode): Entry[] {\n  const out: Entry[] = [];\n  Children.forEach(children, (child, index) => {\n    if (isValidElement(child)) out.push({ key: String(child.key ?? index), node: child, exiting: false });\n  });\n  return out;\n}\n\nexport interface PresenceProps {\n  /** Keyed children. A child animates out only if it renders a `<Motion>` carrying `exit`. */\n  children?: ReactNode;\n  /** Let children present on the first paint play their `animate`. @default true */\n  initial?: boolean;\n  /** `wait` holds entering children back until the outgoing ones have left. @default 'sync' */\n  mode?: 'sync' | 'wait';\n  /** Fires once the last exiting child has been removed. */\n  onExitComplete?: () => void;\n}\n\nexport function Presence({ children, initial = true, mode = 'sync', onExitComplete }: PresenceProps) {\n  const incoming = toEntries(children);\n  const signature = incoming.map((entry) => entry.key).join('|');\n  const [shown, setShown] = useState<Entry[]>(incoming);\n  const bornAtMount = useRef(new Set(incoming.map((entry) => entry.key)));\n  const wasExiting = useRef(false);\n  const complete = useRef(onExitComplete);\n  complete.current = onExitComplete;\n  const claims = useRef(new Map<string, Set<object>>());\n\n  const drop = (key: string) =>\n    setShown((previous) => {\n      const next = previous.filter((entry) => entry.key !== key || !entry.exiting);\n      return next.length === previous.length ? previous : next;\n    });\n\n  const claimExit = (key: string) => (): (() => void) => {\n    let tokens = claims.current.get(key);\n    if (!tokens) {\n      tokens = new Set<object>();\n      claims.current.set(key, tokens);\n    }\n    const token = {};\n    const held = tokens;\n    held.add(token);\n    return () => {\n      if (!held.delete(token) || held.size) return;\n      if (claims.current.get(key) === held) claims.current.delete(key);\n      drop(key);\n    };\n  };\n\n  useLayoutEffect(() => {\n    setShown((previous) => {\n      const live = new Set(incoming.map((entry) => entry.key));\n      const merged: Entry[] = incoming.map((entry) => ({ ...entry }));\n      previous.forEach((entry, index) => {\n        if (live.has(entry.key)) return;\n        if (!claims.current.get(entry.key)?.size) return;\n        merged.splice(index, 0, entry.exiting ? entry : { ...entry, exiting: true });\n      });\n      return merged;\n    });\n  }, [signature]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const leaving = shown.some((entry) => entry.exiting);\n\n  useEffect(() => {\n    if (wasExiting.current && !leaving) complete.current?.();\n    wasExiting.current = leaving;\n  }, [leaving]);\n\n  const fresh = new Map(incoming.map((entry) => [entry.key, entry.node]));\n  const visible = mode === 'wait' && leaving ? shown.filter((entry) => entry.exiting) : shown;\n\n  return createElement(\n    Fragment,\n    null,\n    visible.map((entry) =>\n      createElement(\n        PresenceContext.Provider,\n        {\n          key: entry.key,\n          value: {\n            isPresent: !entry.exiting,\n            initial: initial || !bornAtMount.current.has(entry.key),\n            claimExit: claimExit(entry.key),\n          },\n        },\n        fresh.get(entry.key) ?? entry.node,\n      ),\n    ),\n  );\n}\n"]}

package/dist/{chunk-QMSJZCK3.js → chunk-45XJ75GZ.js}

@@ -1,13 +1,13 @@
 'use client';import { useAnchorPosition } from './chunk-EQ32F2QJ.js';
 import { OverlayPortal, useOverlayEntry, useOutsidePress } from './chunk-GY7JOPUQ.js';
-import { useGlide, GlidePill } from './chunk-MKIQFK7S.js';
+import { useGlide, GlidePill } from './chunk-WM5J5TDI.js';
 import { resolveMotionTiming } from './chunk-NEF5XAHG.js';
-import { Presence } from './chunk-MXOPCFWR.js';
-import { useMotion } from './chunk-W3SHPKSB.js';
+import { Presence } from './chunk-356HZMT4.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-U5QQZC3U.js';
+import { Button } from './chunk-2F5PITAO.js';
 import { Collapse } from './chunk-7SZCJ7WI.js';
 import { useState, useRef, useId, useMemo, useEffect, useLayoutEffect, Fragment } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -204,15 +204,15 @@ function SelectTrigger({
         ...htmlProps
       },
       onClick: () => open ? requestClose() : show(),
-      iconRight: /* @__PURE__ */ jsx("span", { className: "select__caret", children: /* @__PURE__ */ jsx(Icon, { name: "caret-down", size: "sm" }) }),
-      iconLeft: leading && /* @__PURE__ */ jsx("span", { className: "select__leading", children: /* @__PURE__ */ jsx(IconSlot, { size: "sm", children: leading }) }),
       ...rest,
       children: [
+        leading && /* @__PURE__ */ jsx("span", { className: "select__leading", children: /* @__PURE__ */ jsx(IconSlot, { size: "sm", children: leading }) }),
         /* @__PURE__ */ jsx("span", { className: "select__value", "data-placeholder": isPlaceholder ? "true" : void 0, children: text }),
         count != null && count > 0 && /* @__PURE__ */ jsxs("span", { className: "select__count", children: [
           "+",
           count
-        ] })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "select__caret", children: /* @__PURE__ */ jsx(Icon, { name: "caret-down", size: "sm" }) })
       ]
     }
   );
@@ -394,5 +394,5 @@ function ListboxPanel({
 }
 
 export { ListboxPanel, SelectTrigger, useListbox };
-//# sourceMappingURL=chunk-QMSJZCK3.js.map
-//# sourceMappingURL=chunk-QMSJZCK3.js.map
+//# sourceMappingURL=chunk-45XJ75GZ.js.map
+//# sourceMappingURL=chunk-45XJ75GZ.js.map

package/dist/chunk-45XJ75GZ.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-45XJ75GZ.js","sourcesContent":["import type { ReactNode } from 'react';\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}\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 interface NormalizedGroup {\n  label: string | null | undefined;\n  options: SelectOption[];\n}\n\nexport function normalize(options: SelectOption[] | SelectGroup[]): {\n  groups: NormalizedGroup[];\n  flat: SelectOption[];\n} {\n  const grouped = options.length > 0 && options[0] && Array.isArray((options[0] as SelectGroup).options);\n  const groups: NormalizedGroup[] = grouped\n    ? (options as SelectGroup[]).map((g) => ({ label: g.label, options: g.options || [] }))\n    : [{ label: null, options: options as SelectOption[] }];\n  return { groups, flat: groups.flatMap((g) => g.options) };\n}\n\nexport const matches = (o: SelectOption, q: string) =>\n  !q || (o.label + ' ' + (o.description || '')).toLowerCase().includes(q.toLowerCase());\n","'use client';\n\nimport { useEffect, useId, useLayoutEffect, useMemo, useRef, useState, type KeyboardEvent } from 'react';\nimport { useGlide } from '../../../../motion/glide';\nimport { normalize, matches, type SelectOption, type SelectGroup } 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 = useRef<{ buf: string; t: ReturnType<typeof setTimeout> | number }>({ buf: '', t: 0 });\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    const first = navItems.findIndex((o) => !o.disabled);\n    setActiveIdx(sel >= 0 ? sel : first);\n    const ref = searchable ? searchRef : listRef;\n    setTimeout(() => {\n      if (ref.current) ref.current.focus();\n    }, 0);\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    if (!navItems.length) return;\n    let i = activeIdx;\n    for (let s = 0; s < navItems.length; s++) {\n      i = (i + dir + navItems.length) % navItems.length;\n      if (!navItems[i].disabled) return setActiveIdx(i);\n    }\n  }\n  function edgeActive(toEnd: boolean) {\n    const order = [...navItems.keys()];\n    if (toEnd) order.reverse();\n    for (const i of order) if (!navItems[i].disabled) return setActiveIdx(i);\n  }\n  function typeAhead(ch: string) {\n    const ta = typeahead.current;\n    clearTimeout(ta.t);\n    ta.buf += ch.toLowerCase();\n    ta.t = setTimeout(() => (ta.buf = ''), 600);\n    const i = navItems.findIndex((o) => !o.disabled && o.value.toLowerCase().startsWith(ta.buf));\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      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 { ReactNode } from 'react';\nimport { Icon } from '../../../internal/icon/Icon';\nimport { IconSlot } from '../../../internal/icon/IconSlot';\nimport type { ListboxState } from './use-listbox';\nimport { Button, ButtonProps } from '../../../primitives/button/Button';\n\nexport interface SelectTriggerProps extends ButtonProps {\n  lb: ListboxState;\n  invalid?: boolean;\n  ariaLabel?: string;\n  leading?: ReactNode;\n  text?: ReactNode;\n  isPlaceholder?: boolean;\n  count?: number;\n}\n\nexport function SelectTrigger({\n  lb,\n  invalid,\n  ariaLabel,\n  leading,\n  text,\n  isPlaceholder,\n  count,\n  htmlProps,\n  ...rest\n}: SelectTriggerProps) {\n  const { triggerRef, baseId, open, adId, show, requestClose } = lb;\n  return (\n    <Button\n      type=\"button\"\n      ref={triggerRef}\n      variant=\"ghost\"\n      htmlProps={{\n        id: baseId + '-trigger',\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          if (!open && (e.key === 'ArrowDown' || e.key === 'ArrowUp')) {\n            e.preventDefault();\n            show();\n          }\n        },\n        ...htmlProps,\n      }}\n      onClick={() => (open ? requestClose() : show())}\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';\nimport type { Layer } from '../../../../engine';\nimport { Presence } from '../../../../motion/presence';\nimport { useMotion, type MotionSpecs } from '../../../../motion/use-motion';\nimport { UIMotion, type MotionTransition } from '../../../../tokens/motion-tokens';\nimport { resolveMotionTiming } from '../../../../motion/motion-timing';\nimport type { DisableableAnimation } from '../../../../motion/timing';\nimport { OverlayPortal, useOverlayEntry, useOutsidePress } 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  return dir === 'open'\n    ? [\n        { y: [-6, 0], scale: [0.96, 1], timing: t },\n        { opacity: [0, 1], timing: fade(t) },\n      ]\n    : [\n        { y: [-6], scale: [0.96], 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=\"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 { Fragment, useMemo, type ReactNode } from 'react';\nimport { Icon } from '../../../internal/icon/Icon';\nimport { IconSlot } from '../../../internal/icon/IconSlot';\nimport { Collapse } from '../../../primitives/collapse/Collapse';\nimport { GlidePill } from '../../../../motion/glide';\nimport { SelectMenu } from './menu';\nimport type { ListboxState } from './use-listbox';\nimport type { DisableableAnimation } from '../../../../motion/timing';\nimport type { ButtonProps } from '../../../primitives/button/Button';\n\nexport interface ListboxPanelProps {\n  lb: ListboxState;\n  loading: boolean;\n  searchable: boolean;\n  searchPlaceholder?: string;\n  ariaLabel?: string;\n  multiple?: boolean;\n  /** Menu open/close timing - motion tokens only, or `null` to disable. */\n  animation?: DisableableAnimation;\n  check?: (selected: boolean) => ReactNode;\n  size?: ButtonProps['size'];\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  animation,\n  size = 'md',\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=\"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        onKeyDown={searchable ? undefined : lb.onMenuKeyDown}\n      >\n        <GlidePill className=\"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.options.some((o) => navIndex.has(o.value)) && (\n                  <div className=\"select__group-label\">{g.label}</div>\n                )}\n                {g.options.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                    <div\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                      onClick={() => visible && lb.commit(opt)}\n                      data-size={size}\n                    >\n                      {opt.icon && (\n                        <span className=\"select__option-icon\">\n                          <IconSlot size=\"sm\">{opt.icon}</IconSlot>\n                        </span>\n                      )}\n                      <span className=\"select__option-text\">\n                        <span className=\"select__option-label\">{opt.label}</span>\n                        {opt.description && <span className=\"select__option-desc\">{opt.description}</span>}\n                      </span>\n                      {check(isSel) ? <span className=\"select__option-check\">{check(isSel)}</span> : null}\n                    </div>\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-4R2GQO43.js → chunk-FLO4A6BI.js}

@@ -1,7 +1,7 @@
 'use client';import { useReturnFocus, useFocusTrap } from './chunk-LDC3RIYA.js';
 import { useOverlayEntry } from './chunk-GY7JOPUQ.js';
-import { useMotion, run } from './chunk-W3SHPKSB.js';
-import { animate } from './chunk-L3Q3VDIW.js';
+import { useMotion, run } from './chunk-XWUWYSCT.js';
+import { animate } from './chunk-YGCVWGUG.js';
 import { UIMotion } from './chunk-S5ZTZANS.js';
 import { cx } from './chunk-QGNC7LH5.js';
 import './overlay.css';
@@ -121,5 +121,5 @@ function ModalShell({
 }
 
 export { ModalShell };
-//# sourceMappingURL=chunk-4R2GQO43.js.map
-//# sourceMappingURL=chunk-4R2GQO43.js.map
+//# sourceMappingURL=chunk-FLO4A6BI.js.map
+//# sourceMappingURL=chunk-FLO4A6BI.js.map

package/dist/{chunk-4R2GQO43.js.map → chunk-FLO4A6BI.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/internal/overlay/modal.tsx"],"names":[],"mappings":"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","file":"chunk-4R2GQO43.js","sourcesContent":["'use client';\n\nimport './overlay.css';\nimport { useEffect, useRef, type ReactNode, type RefObject } from 'react';\nimport { animate, type Layer, type Playback } from '../../../engine';\nimport { useMotion, run, type MotionSpec, type MotionSpecs } from '../../../motion/use-motion';\nimport { UIMotion } from '../../../tokens/motion-tokens';\nimport { useOverlayEntry } from './layer';\nimport { useReturnFocus, useFocusTrap } from './focus';\nimport { cx } from '../utils/cx';\n\nconst SM = UIMotion;\n\nlet ovLocks = 0;\nlet ovSavedOverflow = '';\nlet ovSavedPad = '';\nfunction useScrollLock() {\n  useEffect(() => {\n    if (++ovLocks === 1) {\n      const body = document.body;\n      const gutter = window.innerWidth - document.documentElement.clientWidth;\n      ovSavedOverflow = body.style.overflow;\n      ovSavedPad = body.style.paddingRight;\n      body.style.overflow = 'hidden';\n      if (gutter > 0) body.style.paddingRight = (parseFloat(getComputedStyle(body).paddingRight) || 0) + gutter + 'px';\n    }\n    return () => {\n      if (--ovLocks === 0) {\n        document.body.style.overflow = ovSavedOverflow;\n        document.body.style.paddingRight = ovSavedPad;\n      }\n    };\n  }, []);\n}\n\nlet ovInertCount = 0;\nconst ovInerted = new Set<HTMLElement>();\nfunction useInertOutside() {\n  useEffect(() => {\n    if (++ovInertCount === 1) {\n      for (const el of Array.from(document.body.children) as HTMLElement[]) {\n        if (el.hasAttribute('data-overlay-root') || el.tagName === 'SCRIPT' || el.tagName === 'STYLE' || el.inert)\n          continue;\n        el.inert = true;\n        ovInerted.add(el);\n      }\n    }\n    return () => {\n      if (--ovInertCount === 0) {\n        ovInerted.forEach((el) => {\n          el.inert = false;\n        });\n        ovInerted.clear();\n      }\n    };\n  }, []);\n}\n\nconst ovScrimTiming = {\n  open: { duration: SM.dur.slow, ease: SM.ease.entrance },\n  close: { duration: SM.dur.base, ease: SM.ease.standard },\n};\n\nfunction OverlayScrim({\n  dismissible,\n  onPress,\n  scrimRef,\n}: {\n  dismissible: boolean;\n  onPress: () => void;\n  scrimRef: RefObject<HTMLDivElement | null>;\n}) {\n  const down = useRef(false);\n  return (\n    <div\n      ref={scrimRef}\n      className=\"overlay-scrim\"\n      aria-hidden=\"true\"\n      onPointerDown={(e) => {\n        down.current = e.target === e.currentTarget;\n      }}\n      onClick={(e) => {\n        if (dismissible && down.current && e.target === e.currentTarget) onPress();\n      }}\n    ></div>\n  );\n}\n\nexport function ModalShell({\n  layerClass,\n  panelClass,\n  panelId,\n  dismissible,\n  requestClose,\n  panelRef: externalPanelRef = null,\n  panelProps = {},\n  animate: animateSpec,\n  exit,\n  children,\n}: {\n  layerClass: string;\n  panelClass: string;\n  panelId: string;\n  dismissible: boolean;\n  requestClose: () => void;\n  panelRef?: RefObject<HTMLElement> | null;\n  panelProps?: Record<string, any>;\n  children: ReactNode;\n} & MotionSpecs) {\n  const layerRef = useRef<HTMLDivElement>(null);\n  const scrimRef = useRef<HTMLDivElement>(null);\n  const internalPanelRef = useRef<HTMLElement>(null);\n  const panelRef = externalPanelRef || internalPanelRef;\n  const entry = useOverlayEntry({ nodeRef: layerRef, dismissible, requestClose });\n\n  const withScrim = (dir: 'open' | 'close', panelSpec: MotionSpec | undefined) => (): Playback[] => {\n    const fade: Layer = { opacity: dir === 'open' ? [0, 1] : [0], timing: ovScrimTiming[dir] };\n    const plays = scrimRef.current ? [animate(scrimRef.current, fade)] : [];\n    return panelRef.current ? plays.concat(run(panelSpec, panelRef.current)) : plays;\n  };\n\n  useMotion(layerRef, { animate: withScrim('open', animateSpec), exit: withScrim('close', exit) });\n  useScrollLock();\n  useInertOutside();\n  useReturnFocus(layerRef);\n  useFocusTrap({ panelRef, entry });\n  return (\n    <div ref={layerRef} className={'overlay-layer ' + layerClass}>\n      <OverlayScrim dismissible={dismissible} onPress={requestClose} scrimRef={scrimRef} />\n      <div\n        id={panelId}\n        tabIndex={-1}\n        {...panelProps}\n        ref={panelRef as RefObject<HTMLDivElement>}\n        className={cx('overlay-panel', panelClass, panelProps.className)}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/internal/overlay/modal.tsx"],"names":[],"mappings":"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","file":"chunk-FLO4A6BI.js","sourcesContent":["'use client';\n\nimport './overlay.css';\nimport { useEffect, useRef, type ReactNode, type RefObject } from 'react';\nimport { animate, type Layer, type Playback } from '../../../engine';\nimport { useMotion, run, type MotionSpec, type MotionSpecs } from '../../../motion/use-motion';\nimport { UIMotion } from '../../../tokens/motion-tokens';\nimport { useOverlayEntry } from './layer';\nimport { useReturnFocus, useFocusTrap } from './focus';\nimport { cx } from '../utils/cx';\n\nconst SM = UIMotion;\n\nlet ovLocks = 0;\nlet ovSavedOverflow = '';\nlet ovSavedPad = '';\nfunction useScrollLock() {\n  useEffect(() => {\n    if (++ovLocks === 1) {\n      const body = document.body;\n      const gutter = window.innerWidth - document.documentElement.clientWidth;\n      ovSavedOverflow = body.style.overflow;\n      ovSavedPad = body.style.paddingRight;\n      body.style.overflow = 'hidden';\n      if (gutter > 0) body.style.paddingRight = (parseFloat(getComputedStyle(body).paddingRight) || 0) + gutter + 'px';\n    }\n    return () => {\n      if (--ovLocks === 0) {\n        document.body.style.overflow = ovSavedOverflow;\n        document.body.style.paddingRight = ovSavedPad;\n      }\n    };\n  }, []);\n}\n\nlet ovInertCount = 0;\nconst ovInerted = new Set<HTMLElement>();\nfunction useInertOutside() {\n  useEffect(() => {\n    if (++ovInertCount === 1) {\n      for (const el of Array.from(document.body.children) as HTMLElement[]) {\n        if (el.hasAttribute('data-overlay-root') || el.tagName === 'SCRIPT' || el.tagName === 'STYLE' || el.inert)\n          continue;\n        el.inert = true;\n        ovInerted.add(el);\n      }\n    }\n    return () => {\n      if (--ovInertCount === 0) {\n        ovInerted.forEach((el) => {\n          el.inert = false;\n        });\n        ovInerted.clear();\n      }\n    };\n  }, []);\n}\n\nconst ovScrimTiming = {\n  open: { duration: SM.dur.slow, ease: SM.ease.entrance },\n  close: { duration: SM.dur.base, ease: SM.ease.standard },\n};\n\nfunction OverlayScrim({\n  dismissible,\n  onPress,\n  scrimRef,\n}: {\n  dismissible: boolean;\n  onPress: () => void;\n  scrimRef: RefObject<HTMLDivElement | null>;\n}) {\n  const down = useRef(false);\n  return (\n    <div\n      ref={scrimRef}\n      className=\"overlay-scrim\"\n      aria-hidden=\"true\"\n      onPointerDown={(e) => {\n        down.current = e.target === e.currentTarget;\n      }}\n      onClick={(e) => {\n        if (dismissible && down.current && e.target === e.currentTarget) onPress();\n      }}\n    ></div>\n  );\n}\n\nexport function ModalShell({\n  layerClass,\n  panelClass,\n  panelId,\n  dismissible,\n  requestClose,\n  panelRef: externalPanelRef = null,\n  panelProps = {},\n  animate: animateSpec,\n  exit,\n  children,\n}: {\n  layerClass: string;\n  panelClass: string;\n  panelId: string;\n  dismissible: boolean;\n  requestClose: () => void;\n  panelRef?: RefObject<HTMLElement> | null;\n  panelProps?: Record<string, any>;\n  children: ReactNode;\n} & MotionSpecs) {\n  const layerRef = useRef<HTMLDivElement>(null);\n  const scrimRef = useRef<HTMLDivElement>(null);\n  const internalPanelRef = useRef<HTMLElement>(null);\n  const panelRef = externalPanelRef || internalPanelRef;\n  const entry = useOverlayEntry({ nodeRef: layerRef, dismissible, requestClose });\n\n  const withScrim = (dir: 'open' | 'close', panelSpec: MotionSpec | undefined) => (): Playback[] => {\n    const fade: Layer = { opacity: dir === 'open' ? [0, 1] : [0], timing: ovScrimTiming[dir] };\n    const plays = scrimRef.current ? [animate(scrimRef.current, fade)] : [];\n    return panelRef.current ? plays.concat(run(panelSpec, panelRef.current)) : plays;\n  };\n\n  useMotion(layerRef, { animate: withScrim('open', animateSpec), exit: withScrim('close', exit) });\n  useScrollLock();\n  useInertOutside();\n  useReturnFocus(layerRef);\n  useFocusTrap({ panelRef, entry });\n  return (\n    <div ref={layerRef} className={'overlay-layer ' + layerClass}>\n      <OverlayScrim dismissible={dismissible} onPress={requestClose} scrimRef={scrimRef} />\n      <div\n        id={panelId}\n        tabIndex={-1}\n        {...panelProps}\n        ref={panelRef as RefObject<HTMLDivElement>}\n        className={cx('overlay-panel', panelClass, panelProps.className)}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/{chunk-XZAEIQDR.js → chunk-GLT5IKQY.js}

@@ -1,8 +1,8 @@
-'use client';import { ModalShell } from './chunk-4R2GQO43.js';
+'use client';import { ModalShell } from './chunk-FLO4A6BI.js';
 import { ovCloneTrigger, OverlayPortal } from './chunk-GY7JOPUQ.js';
 import { resolveMotionTiming } from './chunk-NEF5XAHG.js';
-import { Presence } from './chunk-MXOPCFWR.js';
-import { animate, startDrag } from './chunk-L3Q3VDIW.js';
+import { Presence } from './chunk-356HZMT4.js';
+import { animate, startDrag } from './chunk-YGCVWGUG.js';
 import { useControllable } from './chunk-MMRIQNEN.js';
 import { UIMotion } from './chunk-S5ZTZANS.js';
 import './sheet.css';
@@ -184,5 +184,5 @@ function Sheet({
 }
 
 export { Sheet };
-//# sourceMappingURL=chunk-XZAEIQDR.js.map
-//# sourceMappingURL=chunk-XZAEIQDR.js.map
+//# sourceMappingURL=chunk-GLT5IKQY.js.map
+//# sourceMappingURL=chunk-GLT5IKQY.js.map