@zyncat/ui 0.8.0 → 0.9.0

package/dist/alert.js

@@ -1,9 +1,8 @@
-'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';

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/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-2HORSLXJ.js → chunk-7RNRLIKT.js}

@@ -1,8 +1,8 @@
 'use client';import { useDayFocus } from './chunk-TCUCYFT7.js';
 import { parse, today, grid, toKey, MONTHS, DOW, tzLabel, within, col } from './chunk-YGGCQNNU.js';
-import { useGlide, GlidePill } from './chunk-MKIQFK7S.js';
-import { useSharedFlip } from './chunk-JSKXZMLH.js';
-import { animate } from './chunk-L3Q3VDIW.js';
+import { useGlide, GlidePill } from './chunk-WM5J5TDI.js';
+import { Motion } from './chunk-2QWJ6FAX.js';
+import { animate } from './chunk-YGCVWGUG.js';
 import { Icon } from './chunk-3SBCBYB7.js';
 import { UIMotion } from './chunk-S5ZTZANS.js';
 import { Button } from './chunk-U5QQZC3U.js';
@@ -11,6 +11,7 @@ import './date-picker.css';
 import { useState, useRef, useId, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
+var PILL_FLIP = { timing: UIMotion.t.settle };
 function DtpPanel({ val, commit, min, max, timezone, label, close, slot }) {
   const seed = val ? parse(val) : /* @__PURE__ */ new Date();
   const [view, setView] = useState({ y: seed.getFullYear(), m: seed.getMonth() });
@@ -20,7 +21,6 @@ function DtpPanel({ val, commit, min, max, timezone, label, close, slot }) {
   const uid = useId();
   const pillId = "dtp-pill-" + uid;
   const glide = useGlide(daysRef);
-  const pillRef = useSharedFlip(pillId, { timing: UIMotion.t.settle });
   const inRange = (key) => within(key, min, max);
   function pickDay(key) {
     if (!inRange(key)) return;
@@ -164,7 +164,16 @@ function DtpPanel({ val, commit, min, max, timezone, label, close, slot }) {
                   onClick: () => pickDay(key),
                   onPointerEnter: (e) => glide.enter(e.currentTarget),
                   children: [
-                    sel ? /* @__PURE__ */ jsx("span", { className: "dtp__pill", "aria-hidden": "true", ref: pillRef }) : null,
+                    sel ? /* @__PURE__ */ jsx(
+                      Motion,
+                      {
+                        as: "span",
+                        layoutId: pillId,
+                        layoutTransition: PILL_FLIP,
+                        className: "dtp__pill",
+                        "aria-hidden": "true"
+                      }
+                    ) : null,
                     /* @__PURE__ */ jsx("span", { className: "dtp__num", children: d.getDate() }),
                     key === todayKey ? /* @__PURE__ */ jsx("span", { className: "dtp__dot", "aria-hidden": "true" }) : null
                   ]
@@ -187,5 +196,5 @@ function DtpPanel({ val, commit, min, max, timezone, label, close, slot }) {
 }
 
 export { DtpPanel };
-//# sourceMappingURL=chunk-2HORSLXJ.js.map
-//# sourceMappingURL=chunk-2HORSLXJ.js.map
+//# sourceMappingURL=chunk-7RNRLIKT.js.map
+//# sourceMappingURL=chunk-7RNRLIKT.js.map

package/dist/chunk-7RNRLIKT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/date-picker/calendar-panel.tsx"],"names":[],"mappings":"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","file":"chunk-7RNRLIKT.js","sourcesContent":["'use client';\n\nimport './date-picker.css';\nimport { useEffect, useId, useRef, useState, type KeyboardEvent, type ReactNode } from 'react';\nimport { animate } from '../../../engine';\nimport { UIMotion } from '../../../tokens/motion-tokens';\nimport { Icon } from '../../internal/icon/Icon';\nimport { Button } from '../../primitives/button/Button';\nimport { GlidePill, useGlide } from '../../../motion/glide';\nimport { Motion } from '../../../motion/element';\nimport { useDayFocus } from './use-day-focus';\nimport { MONTHS, DOW, toKey, parse, col, today, grid, tzLabel, within } from './date-utils';\nimport { cx } from '../../internal/utils/cx';\n\nconst PILL_FLIP = { timing: UIMotion.t.settle };\n\ninterface DtpPanelProps {\n  val: string | null;\n  commit: (key: string) => void;\n  close: () => void;\n  min?: string;\n  max?: string;\n  timezone?: string;\n  label?: string;\n  slot?: ReactNode;\n}\n\nexport function DtpPanel({ val, commit, min, max, timezone, label, close, slot }: DtpPanelProps) {\n  const seed = val ? parse(val) : new Date();\n  const [view, setView] = useState<{ y: number; m: number }>({ y: seed.getFullYear(), m: seed.getMonth() });\n  const [focusKey, setFocusKey] = useState<string>(val || today());\n\n  const daysRef = useRef<HTMLDivElement>(null);\n  const prevViewRef = useRef<number | null>(null);\n  const uid = useId();\n  const pillId = 'dtp-pill-' + uid;\n\n  const glide = useGlide(daysRef);\n\n  const inRange = (key: string): boolean => within(key, min, max);\n\n  function pickDay(key: string) {\n    if (!inRange(key)) return;\n    armFocus();\n    setFocusKey(key);\n    const d = parse(key);\n    goToMonth(d.getFullYear(), d.getMonth());\n    commit(key);\n  }\n\n  function goToMonth(y: number, m: number) {\n    setView((v) => (v.y === y && v.m === m ? v : { y: y, m: m }));\n  }\n  function nav(dir: number) {\n    const d = new Date(view.y, view.m + dir, 1);\n    goToMonth(d.getFullYear(), d.getMonth());\n  }\n  const now = new Date();\n  const viewIsCurrent = view.y === now.getFullYear() && view.m === now.getMonth();\n  function goToToday() {\n    const key = today();\n    const d = parse(key);\n    armFocus();\n    setFocusKey(key);\n    goToMonth(d.getFullYear(), d.getMonth());\n  }\n  const viewIdx = view.y * 12 + view.m;\n  const armFocus = useDayFocus(daysRef, focusKey, viewIdx, '[tabindex=\"0\"]:not(:disabled)');\n  useEffect(() => {\n    const prev = prevViewRef.current;\n    prevViewRef.current = viewIdx;\n    const el = daysRef.current;\n    if (prev == null || prev === viewIdx || !el) return;\n    const dir = viewIdx > prev ? 1 : -1;\n    animate(el, { x: [dir * 16, 0], opacity: [0, 1], timing: UIMotion.t.enter });\n  }, [viewIdx]);\n\n  function moveFocus(deltaDays: number, deltaMonths: number) {\n    const d = parse(focusKey);\n    if (deltaMonths) d.setMonth(d.getMonth() + deltaMonths);\n    if (deltaDays) d.setDate(d.getDate() + deltaDays);\n    const key = toKey(d);\n    armFocus();\n    setFocusKey(key);\n    goToMonth(d.getFullYear(), d.getMonth());\n  }\n  function onGridKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const k = e.key;\n    if (k === 'ArrowLeft') moveFocus(-1, 0);\n    else if (k === 'ArrowRight') moveFocus(1, 0);\n    else if (k === 'ArrowUp') moveFocus(-7, 0);\n    else if (k === 'ArrowDown') moveFocus(7, 0);\n    else if (k === 'PageUp') moveFocus(0, -1);\n    else if (k === 'PageDown') moveFocus(0, 1);\n    else if (k === 'Home') moveFocus(-col(parse(focusKey)), 0);\n    else if (k === 'End') moveFocus(6 - col(parse(focusKey)), 0);\n    else if (k === 'Enter' || k === ' ') pickDay(focusKey);\n    else return;\n    e.preventDefault();\n  }\n\n  const days = grid(view.y, view.m);\n  const todayKey = today();\n  const selKey = val || null;\n  const gridKeys = days.map(toKey);\n  const tabKey =\n    gridKeys.indexOf(focusKey) >= 0\n      ? focusKey\n      : selKey && gridKeys.indexOf(selKey) >= 0\n        ? selKey\n        : gridKeys.indexOf(todayKey) >= 0\n          ? todayKey\n          : toKey(new Date(view.y, view.m, 1));\n\n  const prevEnd = toKey(new Date(view.y, view.m, 0));\n  const nextStart = toKey(new Date(view.y, view.m + 1, 1));\n  const canPrev = !min || prevEnd >= min;\n  const canNext = !max || nextStart <= max;\n\n  const weeks: Date[][] = [];\n  for (let w = 0; w < 6; w++) weeks.push(days.slice(w * 7, w * 7 + 7));\n\n  return (\n    <div className=\"dtp\" role=\"dialog\" aria-label={label || 'Pick a date'}>\n      <div className=\"dtp__cal\">\n        <div className=\"dtp__head\">\n          <span className=\"dtp__month\" aria-live=\"polite\">\n            {MONTHS[view.m]} <span className=\"dtp__year\">{view.y}</span>\n          </span>\n          <div className=\"dtp__navs\">\n            <button\n              type=\"button\"\n              className=\"dtp__nav\"\n              aria-label=\"Previous month\"\n              disabled={!canPrev}\n              onClick={() => nav(-1)}\n            >\n              <Icon name=\"caret-left\" size=\"sm\" />\n            </button>\n            <button\n              type=\"button\"\n              className=\"dtp__nav\"\n              aria-label=\"Go to today\"\n              disabled={viewIsCurrent}\n              onClick={goToToday}\n            >\n              <Icon name=\"calendar-dot\" size=\"sm\" />\n            </button>\n            <button\n              type=\"button\"\n              className=\"dtp__nav\"\n              aria-label=\"Next month\"\n              disabled={!canNext}\n              onClick={() => nav(1)}\n            >\n              <Icon name=\"caret-right\" size=\"sm\" />\n            </button>\n          </div>\n        </div>\n        <div className=\"dtp__dow\" aria-hidden=\"true\">\n          {DOW.map((d) => (\n            <span key={d}>{d}</span>\n          ))}\n        </div>\n        <div\n          className=\"dtp__days\"\n          ref={daysRef}\n          role=\"grid\"\n          aria-label=\"Calendar\"\n          onKeyDown={onGridKeyDown}\n          onPointerLeave={glide.leave}\n        >\n          {weeks.map((week, wi) => (\n            <div key={wi} role=\"row\" className=\"dtp__row\">\n              {week.map((d) => {\n                const key = toKey(d);\n                const out = d.getMonth() !== view.m;\n                const sel = key === selKey;\n                const cls = cx('dtp__day', out && 'is-out', sel && 'is-selected', key === todayKey && 'is-today');\n                return (\n                  <button\n                    key={key}\n                    type=\"button\"\n                    role=\"gridcell\"\n                    data-key={key}\n                    className={cls}\n                    disabled={!inRange(key)}\n                    tabIndex={key === tabKey ? 0 : -1}\n                    aria-selected={sel || undefined}\n                    aria-label={MONTHS[d.getMonth()] + ' ' + d.getDate() + ', ' + d.getFullYear()}\n                    onClick={() => pickDay(key)}\n                    onPointerEnter={(e) => glide.enter(e.currentTarget)}\n                  >\n                    {sel ? (\n                      <Motion\n                        as=\"span\"\n                        layoutId={pillId}\n                        layoutTransition={PILL_FLIP}\n                        className=\"dtp__pill\"\n                        aria-hidden=\"true\"\n                      />\n                    ) : null}\n                    <span className=\"dtp__num\">{d.getDate()}</span>\n                    {key === todayKey ? <span className=\"dtp__dot\" aria-hidden=\"true\"></span> : null}\n                  </button>\n                );\n              })}\n            </div>\n          ))}\n          <GlidePill className=\"dtp__hover\" glide={glide} />\n        </div>\n      </div>\n\n      {slot || null}\n\n      <div className=\"dtp__foot\">\n        {timezone ? <span className=\"dtp__tz\">{tzLabel(timezone, selKey)}</span> : null}\n        <span className=\"dtp__footSpacer\"></span>\n        <Button variant=\"primary\" size=\"sm\" onClick={close}>\n          Done\n        </Button>\n      </div>\n    </div>\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":";;;;;;;;;;AAWA,IAAM,EAAA,GAAK,QAAA;AAEX,IAAI,OAAA,GAAU,CAAA;AACd,IAAI,eAAA,GAAkB,EAAA;AACtB,IAAI,UAAA,GAAa,EAAA;AACjB,SAAS,aAAA,GAAgB;AACvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,EAAE,YAAY,CAAA,EAAG;AACnB,MAAA,MAAM,OAAO,QAAA,CAAS,IAAA;AACtB,MAAA,MAAM,MAAA,GAAS,MAAA,CAAO,UAAA,GAAa,QAAA,CAAS,eAAA,CAAgB,WAAA;AAC5D,MAAA,eAAA,GAAkB,KAAK,KAAA,CAAM,QAAA;AAC7B,MAAA,UAAA,GAAa,KAAK,KAAA,CAAM,YAAA;AACxB,MAAA,IAAA,CAAK,MAAM,QAAA,GAAW,QAAA;AACtB,MAAA,IAAI,MAAA,GAAS,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,YAAA,GAAA,CAAgB,UAAA,CAAW,gBAAA,CAAiB,IAAI,CAAA,CAAE,YAAY,CAAA,IAAK,CAAA,IAAK,MAAA,GAAS,IAAA;AAAA,IAC9G;AACA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,EAAE,YAAY,CAAA,EAAG;AACnB,QAAA,QAAA,CAAS,IAAA,CAAK,MAAM,QAAA,GAAW,eAAA;AAC/B,QAAA,QAAA,CAAS,IAAA,CAAK,MAAM,YAAA,GAAe,UAAA;AAAA,MACrC;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AACP;AAEA,IAAI,YAAA,GAAe,CAAA;AACnB,IAAM,SAAA,uBAAgB,GAAA,EAAiB;AACvC,SAAS,eAAA,GAAkB;AACzB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,EAAE,iBAAiB,CAAA,EAAG;AACxB,MAAA,KAAA,MAAW,MAAM,KAAA,CAAM,IAAA,CAAK,QAAA,CAAS,IAAA,CAAK,QAAQ,CAAA,EAAoB;AACpE,QAAA,IAAI,EAAA,CAAG,YAAA,CAAa,mBAAmB,CAAA,IAAK,EAAA,CAAG,YAAY,QAAA,IAAY,EAAA,CAAG,OAAA,KAAY,OAAA,IAAW,EAAA,CAAG,KAAA;AAClG,UAAA;AACF,QAAA,EAAA,CAAG,KAAA,GAAQ,IAAA;AACX,QAAA,SAAA,CAAU,IAAI,EAAE,CAAA;AAAA,MAClB;AAAA,IACF;AACA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,EAAE,iBAAiB,CAAA,EAAG;AACxB,QAAA,SAAA,CAAU,OAAA,CAAQ,CAAC,EAAA,KAAO;AACxB,UAAA,EAAA,CAAG,KAAA,GAAQ,KAAA;AAAA,QACb,CAAC,CAAA;AACD,QAAA,SAAA,CAAU,KAAA,EAAM;AAAA,MAClB;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AACP;AAEA,IAAM,aAAA,GAAgB;AAAA,EACpB,IAAA,EAAM,EAAE,QAAA,EAAU,EAAA,CAAG,IAAI,IAAA,EAAM,IAAA,EAAM,EAAA,CAAG,IAAA,CAAK,QAAA,EAAS;AAAA,EACtD,KAAA,EAAO,EAAE,QAAA,EAAU,EAAA,CAAG,IAAI,IAAA,EAAM,IAAA,EAAM,EAAA,CAAG,IAAA,CAAK,QAAA;AAChD,CAAA;AAEA,SAAS,YAAA,CAAa;AAAA,EACpB,WAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,MAAM,IAAA,GAAO,OAAO,KAAK,CAAA;AACzB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,QAAA;AAAA,MACL,SAAA,EAAU,eAAA;AAAA,MACV,aAAA,EAAY,MAAA;AAAA,MACZ,aAAA,EAAe,CAAC,CAAA,KAAM;AACpB,QAAA,IAAA,CAAK,OAAA,GAAU,CAAA,CAAE,MAAA,KAAW,CAAA,CAAE,aAAA;AAAA,MAChC,CAAA;AAAA,MACA,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,QAAA,IAAI,eAAe,IAAA,CAAK,OAAA,IAAW,EAAE,MAAA,KAAW,CAAA,CAAE,eAAe,OAAA,EAAQ;AAAA,MAC3E;AAAA;AAAA,GACD;AAEL;AAEO,SAAS,UAAA,CAAW;AAAA,EACzB,UAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAU,gBAAA,GAAmB,IAAA;AAAA,EAC7B,aAAa,EAAC;AAAA,EACd,OAAA,EAAS,WAAA;AAAA,EACT,IAAA;AAAA,EACA;AACF,CAAA,EASiB;AACf,EAAA,MAAM,QAAA,GAAW,OAAuB,IAAI,CAAA;AAC5C,EAAA,MAAM,QAAA,GAAW,OAAuB,IAAI,CAAA;AAC5C,EAAA,MAAM,gBAAA,GAAmB,OAAoB,IAAI,CAAA;AACjD,EAAA,MAAM,WAAW,gBAAA,IAAoB,gBAAA;AACrC,EAAA,MAAM,QAAQ,eAAA,CAAgB,EAAE,SAAS,QAAA,EAAU,WAAA,EAAa,cAAc,CAAA;AAE9E,EAAA,MAAM,SAAA,GAAY,CAAC,GAAA,EAAuB,SAAA,KAAsC,MAAkB;AAChG,IAAA,MAAM,IAAA,GAAc,EAAE,OAAA,EAAS,GAAA,KAAQ,SAAS,CAAC,CAAA,EAAG,CAAC,CAAA,GAAI,CAAC,CAAC,CAAA,EAAG,MAAA,EAAQ,aAAA,CAAc,GAAG,CAAA,EAAE;AACzF,IAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,OAAA,GAAU,CAAC,OAAA,CAAQ,SAAS,OAAA,EAAS,IAAI,CAAC,CAAA,GAAI,EAAC;AACtE,IAAA,OAAO,QAAA,CAAS,UAAU,KAAA,CAAM,MAAA,CAAO,IAAI,SAAA,EAAW,QAAA,CAAS,OAAO,CAAC,CAAA,GAAI,KAAA;AAAA,EAC7E,CAAA;AAEA,EAAA,SAAA,CAAU,QAAA,EAAU,EAAE,OAAA,EAAS,SAAA,CAAU,MAAA,EAAQ,WAAW,CAAA,EAAG,IAAA,EAAM,SAAA,CAAU,OAAA,EAAS,IAAI,CAAA,EAAG,CAAA;AAC/F,EAAA,aAAA,EAAc;AACd,EAAA,eAAA,EAAgB;AAChB,EAAA,cAAA,CAAe,QAAQ,CAAA;AACvB,EAAA,YAAA,CAAa,EAAE,QAAA,EAAU,KAAA,EAAO,CAAA;AAChC,EAAA,4BACG,KAAA,EAAA,EAAI,GAAA,EAAK,QAAA,EAAU,SAAA,EAAW,mBAAmB,UAAA,EAChD,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,YAAA,EAAA,EAAa,WAAA,EAA0B,OAAA,EAAS,YAAA,EAAc,QAAA,EAAoB,CAAA;AAAA,oBACnF,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAI,OAAA;AAAA,QACJ,QAAA,EAAU,EAAA;AAAA,QACT,GAAG,UAAA;AAAA,QACJ,GAAA,EAAK,QAAA;AAAA,QACL,SAAA,EAAW,EAAA,CAAG,eAAA,EAAiB,UAAA,EAAY,WAAW,SAAS,CAAA;AAAA,QAE9D;AAAA;AAAA;AACH,GAAA,EACF,CAAA;AAEJ","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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/composites/sheet/use-sheet-drag.ts","../src/components/composites/sheet/Sheet.tsx"],"names":["animate","useRef"],"mappings":"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","file":"chunk-XZAEIQDR.js","sourcesContent":["'use client';\n\nimport { useEffect, useRef, type PointerEvent as ReactPointerEvent, type RefObject } from 'react';\nimport { animate, startDrag, type PanInfo } from '../../../engine';\nimport { UIMotion } from '../../../tokens/motion-tokens';\n\nconst SM = UIMotion;\n\nconst DISMISS_RATIO = 0.4;\nconst DISMISS_VELOCITY = 500;\nconst INTENT_PX = 4;\nconst STRETCH_MAX = 0.06;\n\nfunction findScrollable(node: EventTarget | null, stop: HTMLElement | null): HTMLElement | null {\n  let el = node instanceof Element ? node : null;\n  while (el && el !== stop) {\n    const s = getComputedStyle(el);\n    if (\n      /(auto|scroll)/.test(s.overflowY + s.overflowX) &&\n      (el.scrollHeight > el.clientHeight || el.scrollWidth > el.clientWidth)\n    )\n      return el as HTMLElement;\n    el = el.parentElement;\n  }\n  return null;\n}\n\nfunction sheetScrim(panel: HTMLElement | null): HTMLElement | null {\n  return panel?.parentElement?.querySelector<HTMLElement>('.overlay-scrim') ?? null;\n}\n\nexport function sheetSpan(panel: HTMLElement, side: 'right' | 'bottom'): number {\n  return side === 'bottom' ? panel.offsetHeight : panel.offsetWidth;\n}\n\nexport function useSheetDrag({\n  side,\n  panelRef,\n  enabled,\n  requestClose,\n}: {\n  side: 'right' | 'bottom';\n  panelRef: RefObject<HTMLElement>;\n  enabled: boolean;\n  requestClose: () => void;\n}) {\n  const axis = side === 'bottom' ? 'y' : 'x';\n  const savedUserSelect = useRef<string | null>(null);\n\n  function suspendSelection() {\n    const sel = window.getSelection();\n    if (sel) sel.removeAllRanges();\n    savedUserSelect.current = document.body.style.userSelect;\n    document.body.style.userSelect = 'none';\n  }\n  function restoreSelection() {\n    if (savedUserSelect.current === null) return;\n    document.body.style.userSelect = savedUserSelect.current;\n    savedUserSelect.current = null;\n  }\n  useEffect(() => restoreSelection, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  function paint(el: HTMLElement, travel: number, stretch: number) {\n    const span = sheetSpan(el, side);\n    el.style.translate = axis === 'y' ? `0px ${travel}px` : `${travel}px 0px`;\n    el.style.scale = axis === 'y' ? `1 ${stretch}` : `${stretch} 1`;\n    const scrim = sheetScrim(el);\n    if (scrim) scrim.style.opacity = String(1 - Math.min(Math.max(travel / span, 0), 1));\n  }\n\n  function onPointerDown(e: ReactPointerEvent) {\n    if (e.button !== 0) return;\n    const startX = e.clientX,\n      startY = e.clientY;\n    const scrollable = findScrollable(e.target, panelRef.current);\n\n    const onMove = (ev: PointerEvent) => {\n      const dx = ev.clientX - startX,\n        dy = ev.clientY - startY;\n      if (Math.max(Math.abs(dx), Math.abs(dy)) < INTENT_PX) return;\n      cleanup();\n      const along = axis === 'y' ? dy : dx;\n      const cross = axis === 'y' ? dx : dy;\n      if (Math.abs(along) <= Math.abs(cross)) return;\n      if (scrollable) {\n        if (along < 0) return;\n        if (axis === 'y' ? scrollable.scrollTop > 0 : scrollable.scrollLeft > 0) return;\n      }\n      suspendSelection();\n      startDrag(ev, { onMove: onDrag, onEnd: onDragEnd });\n    };\n\n    const cleanup = () => {\n      window.removeEventListener('pointermove', onMove);\n      window.removeEventListener('pointerup', cleanup);\n      window.removeEventListener('pointercancel', cleanup);\n    };\n    window.addEventListener('pointermove', onMove);\n    window.addEventListener('pointerup', cleanup);\n    window.addEventListener('pointercancel', cleanup);\n  }\n\n  function onDrag(info: PanInfo) {\n    const el = panelRef.current;\n    if (!el) return;\n    const o = info.offset[axis];\n    const span = sheetSpan(el, side);\n    paint(el, Math.max(o, 0), o < 0 ? 1 + Math.min(-o / span, 1) * STRETCH_MAX : 1);\n  }\n\n  function onDragEnd(info: PanInfo) {\n    restoreSelection();\n    const el = panelRef.current;\n    if (!el) return;\n    const span = sheetSpan(el, side);\n    if (info.offset[axis] > span * DISMISS_RATIO || info.velocity[axis] > DISMISS_VELOCITY) {\n      requestClose();\n      return;\n    }\n    animate(el, { x: [0], y: [0], scale: [[1, 1]], timing: SM.t.settle });\n    const scrim = sheetScrim(el);\n    if (scrim) animate(scrim, { opacity: [1], timing: SM.t.settle });\n  }\n\n  return enabled ? { onPointerDown } : {};\n}\n","'use client';\n\nimport './sheet.css';\nimport { Fragment, useId, useRef, type HTMLAttributes, type ReactElement, type ReactNode } from 'react';\nimport { animate, type Layer } from '../../../engine';\nimport { Presence } from '../../../motion/presence';\nimport type { MotionSpecs } from '../../../motion/use-motion';\nimport { resolveMotionTiming } from '../../../motion/motion-timing';\nimport type { DisableableAnimation } from '../../../motion/timing';\nimport { useControllable } from '../../internal/hooks/use-controllable';\nimport { ovCloneTrigger, OverlayPortal } from '../../internal/overlay/layer';\nimport { ModalShell } from '../../internal/overlay/modal';\nimport { useSheetDrag, sheetSpan } from './use-sheet-drag';\nimport type { DataAttributes } from '../../../dom-props';\n\nconst SHEET_TIMING = {\n  open: { duration: 'slow', ease: 'entrance' },\n  close: { duration: 'base', ease: 'exit' },\n} as const;\n\nexport interface SheetProps {\n  /** Controlled open state. Omit to stay uncontrolled. */\n  open?: boolean;\n  /** Initial state when uncontrolled. Default false. */\n  defaultOpen?: boolean;\n  /** Fires whenever the open state changes. Pair with `open` for controlled use. */\n  onOpenChange?: (open: boolean) => void;\n\n  /** Cloned to open the sheet on click. */\n  trigger?: ReactElement | null;\n\n  /** Edge the sheet slides in from. Default 'right'. */\n  side?: 'right' | 'bottom';\n\n  /** Scrim/Esc dismissal + drag-to-edge. Default true. */\n  dismissible?: boolean;\n\n  /** Base id for the panel; drives the trigger's `aria-controls`. Auto-generated when omitted. */\n  id?: string;\n  /** Standard attributes (className, style, data-*, ...) forwarded to the sheet panel. */\n  htmlProps?: HTMLAttributes<HTMLDivElement> & DataAttributes;\n  /** Open/close timing - motion tokens only, or `null` to disable. @default open 'slow'/'entrance', close 'base'/'exit' */\n  animation?: DisableableAnimation;\n  /** The ENTIRE surface - paint AND semantics. Drive dismissal with `open`/`onOpenChange`. */\n  children: ReactNode;\n}\n\nfunction sheetSlide(slot: HTMLElement, side: 'right' | 'bottom', at: number[]): Layer {\n  const frames = at.map((ratio) => ratio * sheetSpan(slot, side));\n  return side === 'bottom' ? { y: frames } : { x: frames };\n}\n\nfunction SheetShell({\n  side,\n  panelId,\n  dismissible,\n  requestClose,\n  htmlProps,\n  animate,\n  exit,\n  children,\n}: {\n  side: 'right' | 'bottom';\n  panelId: string;\n  dismissible: boolean;\n  requestClose: () => void;\n  htmlProps?: HTMLAttributes<HTMLDivElement> & DataAttributes;\n  children: ReactNode;\n} & MotionSpecs) {\n  const panelRef = useRef<HTMLElement>(null);\n  const dragProps = useSheetDrag({ side, panelRef, enabled: dismissible, requestClose });\n  return (\n    <ModalShell\n      animate={animate}\n      exit={exit}\n      layerClass={'overlay-layer--sheet-' + side}\n      panelClass={'overlay-panel--sheet-' + side}\n      panelId={panelId}\n      dismissible={dismissible}\n      requestClose={requestClose}\n      panelRef={panelRef}\n      panelProps={{ ...htmlProps, ...dragProps }}\n    >\n      {children}\n    </ModalShell>\n  );\n}\n\nexport function Sheet({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  trigger = null,\n  side = 'right',\n  dismissible = true,\n  id,\n  htmlProps,\n  animation,\n  children,\n}: SheetProps) {\n  const [open, setOpen] = useControllable(controlledOpen, defaultOpen, onOpenChange);\n  const triggerRef = useRef<HTMLElement>(null);\n  const autoId = useId();\n  const panelId = id || 'sheet-' + autoId;\n  const close = () => setOpen(false);\n  const timings = resolveMotionTiming(animation, SHEET_TIMING);\n\n  return (\n    <Fragment>\n      {ovCloneTrigger(trigger, { open, onPress: () => setOpen(true), panelId, haspopup: 'dialog', triggerRef })}\n      <OverlayPortal>\n        <Presence>\n          {open && (\n            <SheetShell\n              key=\"sheet\"\n              animate={(slot) => {\n                const play = animate(slot, { ...sheetSlide(slot, side, [1, 0]), timing: timings.open });\n                play.finished.then(() => play.stop());\n                return play;\n              }}\n              exit={(slot) => animate(slot, { ...sheetSlide(slot, side, [1]), timing: timings.close })}\n              side={side}\n              panelId={panelId}\n              dismissible={dismissible}\n              requestClose={close}\n              htmlProps={htmlProps}\n            >\n              {children}\n            </SheetShell>\n          )}\n        </Presence>\n      </OverlayPortal>\n    </Fragment>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/composites/sheet/use-sheet-drag.ts","../src/components/composites/sheet/Sheet.tsx"],"names":["animate","useRef"],"mappings":"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","file":"chunk-GLT5IKQY.js","sourcesContent":["'use client';\n\nimport { useEffect, useRef, type PointerEvent as ReactPointerEvent, type RefObject } from 'react';\nimport { animate, startDrag, type PanInfo } from '../../../engine';\nimport { UIMotion } from '../../../tokens/motion-tokens';\n\nconst SM = UIMotion;\n\nconst DISMISS_RATIO = 0.4;\nconst DISMISS_VELOCITY = 500;\nconst INTENT_PX = 4;\nconst STRETCH_MAX = 0.06;\n\nfunction findScrollable(node: EventTarget | null, stop: HTMLElement | null): HTMLElement | null {\n  let el = node instanceof Element ? node : null;\n  while (el && el !== stop) {\n    const s = getComputedStyle(el);\n    if (\n      /(auto|scroll)/.test(s.overflowY + s.overflowX) &&\n      (el.scrollHeight > el.clientHeight || el.scrollWidth > el.clientWidth)\n    )\n      return el as HTMLElement;\n    el = el.parentElement;\n  }\n  return null;\n}\n\nfunction sheetScrim(panel: HTMLElement | null): HTMLElement | null {\n  return panel?.parentElement?.querySelector<HTMLElement>('.overlay-scrim') ?? null;\n}\n\nexport function sheetSpan(panel: HTMLElement, side: 'right' | 'bottom'): number {\n  return side === 'bottom' ? panel.offsetHeight : panel.offsetWidth;\n}\n\nexport function useSheetDrag({\n  side,\n  panelRef,\n  enabled,\n  requestClose,\n}: {\n  side: 'right' | 'bottom';\n  panelRef: RefObject<HTMLElement>;\n  enabled: boolean;\n  requestClose: () => void;\n}) {\n  const axis = side === 'bottom' ? 'y' : 'x';\n  const savedUserSelect = useRef<string | null>(null);\n\n  function suspendSelection() {\n    const sel = window.getSelection();\n    if (sel) sel.removeAllRanges();\n    savedUserSelect.current = document.body.style.userSelect;\n    document.body.style.userSelect = 'none';\n  }\n  function restoreSelection() {\n    if (savedUserSelect.current === null) return;\n    document.body.style.userSelect = savedUserSelect.current;\n    savedUserSelect.current = null;\n  }\n  useEffect(() => restoreSelection, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  function paint(el: HTMLElement, travel: number, stretch: number) {\n    const span = sheetSpan(el, side);\n    el.style.translate = axis === 'y' ? `0px ${travel}px` : `${travel}px 0px`;\n    el.style.scale = axis === 'y' ? `1 ${stretch}` : `${stretch} 1`;\n    const scrim = sheetScrim(el);\n    if (scrim) scrim.style.opacity = String(1 - Math.min(Math.max(travel / span, 0), 1));\n  }\n\n  function onPointerDown(e: ReactPointerEvent) {\n    if (e.button !== 0) return;\n    const startX = e.clientX,\n      startY = e.clientY;\n    const scrollable = findScrollable(e.target, panelRef.current);\n\n    const onMove = (ev: PointerEvent) => {\n      const dx = ev.clientX - startX,\n        dy = ev.clientY - startY;\n      if (Math.max(Math.abs(dx), Math.abs(dy)) < INTENT_PX) return;\n      cleanup();\n      const along = axis === 'y' ? dy : dx;\n      const cross = axis === 'y' ? dx : dy;\n      if (Math.abs(along) <= Math.abs(cross)) return;\n      if (scrollable) {\n        if (along < 0) return;\n        if (axis === 'y' ? scrollable.scrollTop > 0 : scrollable.scrollLeft > 0) return;\n      }\n      suspendSelection();\n      startDrag(ev, { onMove: onDrag, onEnd: onDragEnd });\n    };\n\n    const cleanup = () => {\n      window.removeEventListener('pointermove', onMove);\n      window.removeEventListener('pointerup', cleanup);\n      window.removeEventListener('pointercancel', cleanup);\n    };\n    window.addEventListener('pointermove', onMove);\n    window.addEventListener('pointerup', cleanup);\n    window.addEventListener('pointercancel', cleanup);\n  }\n\n  function onDrag(info: PanInfo) {\n    const el = panelRef.current;\n    if (!el) return;\n    const o = info.offset[axis];\n    const span = sheetSpan(el, side);\n    paint(el, Math.max(o, 0), o < 0 ? 1 + Math.min(-o / span, 1) * STRETCH_MAX : 1);\n  }\n\n  function onDragEnd(info: PanInfo) {\n    restoreSelection();\n    const el = panelRef.current;\n    if (!el) return;\n    const span = sheetSpan(el, side);\n    if (info.offset[axis] > span * DISMISS_RATIO || info.velocity[axis] > DISMISS_VELOCITY) {\n      requestClose();\n      return;\n    }\n    animate(el, { x: [0], y: [0], scale: [[1, 1]], timing: SM.t.settle });\n    const scrim = sheetScrim(el);\n    if (scrim) animate(scrim, { opacity: [1], timing: SM.t.settle });\n  }\n\n  return enabled ? { onPointerDown } : {};\n}\n","'use client';\n\nimport './sheet.css';\nimport { Fragment, useId, useRef, type HTMLAttributes, type ReactElement, type ReactNode } from 'react';\nimport { animate, type Layer } from '../../../engine';\nimport { Presence } from '../../../motion/presence';\nimport type { MotionSpecs } from '../../../motion/use-motion';\nimport { resolveMotionTiming } from '../../../motion/motion-timing';\nimport type { DisableableAnimation } from '../../../motion/timing';\nimport { useControllable } from '../../internal/hooks/use-controllable';\nimport { ovCloneTrigger, OverlayPortal } from '../../internal/overlay/layer';\nimport { ModalShell } from '../../internal/overlay/modal';\nimport { useSheetDrag, sheetSpan } from './use-sheet-drag';\nimport type { DataAttributes } from '../../../dom-props';\n\nconst SHEET_TIMING = {\n  open: { duration: 'slow', ease: 'entrance' },\n  close: { duration: 'base', ease: 'exit' },\n} as const;\n\nexport interface SheetProps {\n  /** Controlled open state. Omit to stay uncontrolled. */\n  open?: boolean;\n  /** Initial state when uncontrolled. Default false. */\n  defaultOpen?: boolean;\n  /** Fires whenever the open state changes. Pair with `open` for controlled use. */\n  onOpenChange?: (open: boolean) => void;\n\n  /** Cloned to open the sheet on click. */\n  trigger?: ReactElement | null;\n\n  /** Edge the sheet slides in from. Default 'right'. */\n  side?: 'right' | 'bottom';\n\n  /** Scrim/Esc dismissal + drag-to-edge. Default true. */\n  dismissible?: boolean;\n\n  /** Base id for the panel; drives the trigger's `aria-controls`. Auto-generated when omitted. */\n  id?: string;\n  /** Standard attributes (className, style, data-*, ...) forwarded to the sheet panel. */\n  htmlProps?: HTMLAttributes<HTMLDivElement> & DataAttributes;\n  /** Open/close timing - motion tokens only, or `null` to disable. @default open 'slow'/'entrance', close 'base'/'exit' */\n  animation?: DisableableAnimation;\n  /** The ENTIRE surface - paint AND semantics. Drive dismissal with `open`/`onOpenChange`. */\n  children: ReactNode;\n}\n\nfunction sheetSlide(slot: HTMLElement, side: 'right' | 'bottom', at: number[]): Layer {\n  const frames = at.map((ratio) => ratio * sheetSpan(slot, side));\n  return side === 'bottom' ? { y: frames } : { x: frames };\n}\n\nfunction SheetShell({\n  side,\n  panelId,\n  dismissible,\n  requestClose,\n  htmlProps,\n  animate,\n  exit,\n  children,\n}: {\n  side: 'right' | 'bottom';\n  panelId: string;\n  dismissible: boolean;\n  requestClose: () => void;\n  htmlProps?: HTMLAttributes<HTMLDivElement> & DataAttributes;\n  children: ReactNode;\n} & MotionSpecs) {\n  const panelRef = useRef<HTMLElement>(null);\n  const dragProps = useSheetDrag({ side, panelRef, enabled: dismissible, requestClose });\n  return (\n    <ModalShell\n      animate={animate}\n      exit={exit}\n      layerClass={'overlay-layer--sheet-' + side}\n      panelClass={'overlay-panel--sheet-' + side}\n      panelId={panelId}\n      dismissible={dismissible}\n      requestClose={requestClose}\n      panelRef={panelRef}\n      panelProps={{ ...htmlProps, ...dragProps }}\n    >\n      {children}\n    </ModalShell>\n  );\n}\n\nexport function Sheet({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  trigger = null,\n  side = 'right',\n  dismissible = true,\n  id,\n  htmlProps,\n  animation,\n  children,\n}: SheetProps) {\n  const [open, setOpen] = useControllable(controlledOpen, defaultOpen, onOpenChange);\n  const triggerRef = useRef<HTMLElement>(null);\n  const autoId = useId();\n  const panelId = id || 'sheet-' + autoId;\n  const close = () => setOpen(false);\n  const timings = resolveMotionTiming(animation, SHEET_TIMING);\n\n  return (\n    <Fragment>\n      {ovCloneTrigger(trigger, { open, onPress: () => setOpen(true), panelId, haspopup: 'dialog', triggerRef })}\n      <OverlayPortal>\n        <Presence>\n          {open && (\n            <SheetShell\n              key=\"sheet\"\n              animate={(slot) => {\n                const play = animate(slot, { ...sheetSlide(slot, side, [1, 0]), timing: timings.open });\n                play.finished.then(() => play.stop());\n                return play;\n              }}\n              exit={(slot) => animate(slot, { ...sheetSlide(slot, side, [1]), timing: timings.close })}\n              side={side}\n              panelId={panelId}\n              dismissible={dismissible}\n              requestClose={close}\n              htmlProps={htmlProps}\n            >\n              {children}\n            </SheetShell>\n          )}\n        </Presence>\n      </OverlayPortal>\n    </Fragment>\n  );\n}\n"]}

package/dist/{chunk-QMSJZCK3.js → chunk-Q5B7JTSR.js}

@@ -1,9 +1,9 @@
 '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';
@@ -394,5 +394,5 @@ function ListboxPanel({
 }
 
 export { ListboxPanel, SelectTrigger, useListbox };
-//# sourceMappingURL=chunk-QMSJZCK3.js.map
-//# sourceMappingURL=chunk-QMSJZCK3.js.map
+//# sourceMappingURL=chunk-Q5B7JTSR.js.map
+//# sourceMappingURL=chunk-Q5B7JTSR.js.map