@wow-two-beta/ui 0.0.55 → 0.0.57

package/dist/{chunk-KDXJQNB6.js → chunk-LGTGZ3RW.js}

@@ -1,6 +1,5 @@
 import { useId as useId$1, useEffect } from 'react';
 
-// src/hooks/useId.ts
 function useId(prefix) {
   const id = useId$1();
   return prefix ? `${id}-${prefix}` : id;
@@ -39,5 +38,5 @@ function useScrollLock(enabled = true) {
 }
 
 export { useId, useScrollLock };
-//# sourceMappingURL=chunk-KDXJQNB6.js.map
-//# sourceMappingURL=chunk-KDXJQNB6.js.map
+//# sourceMappingURL=chunk-LGTGZ3RW.js.map
+//# sourceMappingURL=chunk-LGTGZ3RW.js.map

package/dist/chunk-LGTGZ3RW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useId.ts","../src/hooks/useScrollLock.ts"],"names":["useReactId"],"mappings":";;AAMO,SAAS,MAAM,MAAA,EAAyB;AAC7C,EAAA,MAAM,KAAKA,OAAA,EAAW;AACtB,EAAA,OAAO,MAAA,GAAS,CAAA,EAAG,EAAE,CAAA,CAAA,EAAI,MAAM,CAAA,CAAA,GAAK,EAAA;AACtC;ACPA,IAAI,SAAA,GAAY,CAAA;AAChB,IAAI,gBAAA,GAAkC,IAAA;AACtC,IAAI,oBAAA,GAAsC,IAAA;AAE1C,SAAS,iBAAA,GAA4B;AACnC,EAAA,OAAO,MAAA,CAAO,UAAA,GAAa,QAAA,CAAS,eAAA,CAAgB,WAAA;AACtD;AAOO,SAAS,aAAA,CAAc,UAAU,IAAA,EAAY;AAClD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,EAAS;AACd,IAAA,IAAI,cAAc,CAAA,EAAG;AACnB,MAAA,MAAM,OAAO,QAAA,CAAS,IAAA;AACtB,MAAA,MAAM,iBAAiB,iBAAA,EAAkB;AACzC,MAAA,gBAAA,GAAmB,KAAK,KAAA,CAAM,QAAA;AAC9B,MAAA,oBAAA,GAAuB,KAAK,KAAA,CAAM,YAAA;AAClC,MAAA,IAAA,CAAK,MAAM,QAAA,GAAW,QAAA;AACtB,MAAA,IAAI,iBAAiB,CAAA,EAAG;AACtB,QAAA,IAAA,CAAK,KAAA,CAAM,YAAA,GAAe,CAAA,EAAG,cAAc,CAAA,EAAA,CAAA;AAAA,MAC7C;AAAA,IACF;AACA,IAAA,SAAA,IAAa,CAAA;AAEb,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,IAAa,CAAA;AACb,MAAA,IAAI,cAAc,CAAA,EAAG;AACnB,QAAA,MAAM,OAAO,QAAA,CAAS,IAAA;AACtB,QAAA,IAAA,CAAK,KAAA,CAAM,WAAW,gBAAA,IAAoB,EAAA;AAC1C,QAAA,IAAA,CAAK,KAAA,CAAM,eAAe,oBAAA,IAAwB,EAAA;AAClD,QAAA,gBAAA,GAAmB,IAAA;AACnB,QAAA,oBAAA,GAAuB,IAAA;AAAA,MACzB;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AACd","file":"chunk-LGTGZ3RW.js","sourcesContent":["import { useId as useReactId } from 'react';\n\n/**\n * Wraps React 19's `useId`. Optionally accepts a stable prefix so generated\n * IDs are easier to spot in DevTools (e.g. `useId('checkbox')` → `:r2:-checkbox`).\n */\nexport function useId(prefix?: string): string {\n  const id = useReactId();\n  return prefix ? `${id}-${prefix}` : id;\n}\n","import { useEffect } from 'react';\n\nlet lockCount = 0;\nlet originalOverflow: string | null = null;\nlet originalPaddingRight: string | null = null;\n\nfunction getScrollbarWidth(): number {\n  return window.innerWidth - document.documentElement.clientWidth;\n}\n\n/**\n * Prevent body scroll while at least one consumer has the lock active.\n * Internally counted — multiple overlays may lock; only the last unlock restores.\n * Compensates for scrollbar width to avoid layout shift.\n */\nexport function useScrollLock(enabled = true): void {\n  useEffect(() => {\n    if (!enabled) return;\n    if (lockCount === 0) {\n      const body = document.body;\n      const scrollbarWidth = getScrollbarWidth();\n      originalOverflow = body.style.overflow;\n      originalPaddingRight = body.style.paddingRight;\n      body.style.overflow = 'hidden';\n      if (scrollbarWidth > 0) {\n        body.style.paddingRight = `${scrollbarWidth}px`;\n      }\n    }\n    lockCount += 1;\n\n    return () => {\n      lockCount -= 1;\n      if (lockCount === 0) {\n        const body = document.body;\n        body.style.overflow = originalOverflow ?? '';\n        body.style.paddingRight = originalPaddingRight ?? '';\n        originalOverflow = null;\n        originalPaddingRight = null;\n      }\n    };\n  }, [enabled]);\n}\n"]}

package/dist/{chunk-F227LKWK.js → chunk-MVMDDGW7.js}

@@ -1,5 +1,5 @@
-import { cn } from './chunk-LDRFQG44.js';
-import { __export } from './chunk-PZ5AY32C.js';
+import { cn } from './chunk-X2MYOHOB.js';
+import { __export } from './chunk-DCHYNTHI.js';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 import { Loader2 } from 'lucide-react';
@@ -39,5 +39,5 @@ var Spinner = ({ className }) => /* @__PURE__ */ jsx(
 );
 
 export { Icon, Spinner, icons_exports };
-//# sourceMappingURL=chunk-F227LKWK.js.map
-//# sourceMappingURL=chunk-F227LKWK.js.map
+//# sourceMappingURL=chunk-MVMDDGW7.js.map
+//# sourceMappingURL=chunk-MVMDDGW7.js.map

package/dist/{chunk-F227LKWK.js.map → chunk-MVMDDGW7.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/icons/index.ts","../src/icons/Icon.tsx","../src/icons/Spinner.tsx"],"names":["jsx"],"mappings":";;;;;;;AAAA,IAAA,aAAA,GAAA;AAAA,QAAA,CAAA,aAAA,EAAA;AAAA,EAAA,IAAA,EAAA,MAAA,IAAA;AAAA,EAAA,OAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AC6BO,IAAM,IAAA,GAAO,UAAA;AAAA,EAClB,CAAC,EAAE,IAAA,EAAM,QAAA,EAAU,IAAA,GAAO,EAAA,EAAI,SAAA,EAAW,YAAA,EAAc,SAAA,EAAW,GAAG,IAAA,EAAK,EAAG,GAAA,KAAQ;AACnF,IAAA,MAAM,WAAW,SAAA,KAAc,MAAA;AAC/B,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA;AAAA,QACnC,aAAA,EAAa,WAAW,MAAA,GAAY,IAAA;AAAA,QACpC,YAAA,EAAY,SAAA;AAAA,QACZ,IAAA,EAAM,WAAW,KAAA,GAAQ,MAAA;AAAA,QACzB,SAAA,EAAW,KAAA;AAAA,QACV,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;ACrCZ,IAAM,OAAA,GAAU,CAAC,EAAE,SAAA,uBACxBA,GAAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACC,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,SAAS,CAAA;AAAA,IACvC,aAAA,EAAY,MAAA;AAAA,IACZ,IAAA,EAAK;AAAA;AACP","file":"chunk-F227LKWK.js","sourcesContent":["export { Icon, type IconProps, type IconAdapter, type IconAdapterProps } from './Icon';\nexport { Spinner, type SpinnerProps } from './Spinner';\n","import { forwardRef, type ComponentType, type SVGProps } from 'react';\nimport { cn } from '../utils/cn';\n\nexport interface IconAdapterProps extends SVGProps<SVGSVGElement> {\n  size?: number | string;\n}\n\nexport type IconAdapter = ComponentType<IconAdapterProps>;\n\nexport interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'aria-hidden'> {\n  /** Icon component — pass a `lucide-react` icon, custom SVG component, or any matching shape. */\n  icon: IconAdapter;\n  /** Pixel size of the rendered SVG. Default 20. */\n  size?: number | string;\n  /**\n   * Provide an aria-label when the icon stands alone (decorative siblings\n   * should pass it via parent). Sets `role=\"img\"` and unhides from AT.\n   * Without it, the icon is `aria-hidden` and decorative.\n   */\n  'aria-label'?: string;\n}\n\n/**\n * Generic icon wrapper. Accepts any icon component matching the lucide-react\n * shape (`{ size, color, className, ...svgProps }`).\n *\n * - Without `aria-label` → decorative, `aria-hidden`.\n * - With `aria-label` → semantic, `role=\"img\"`.\n */\nexport const Icon = forwardRef<SVGSVGElement, IconProps>(\n  ({ icon: IconComp, size = 20, className, 'aria-label': ariaLabel, ...rest }, ref) => {\n    const labelled = ariaLabel !== undefined;\n    return (\n      <IconComp\n        ref={ref}\n        size={size}\n        className={cn('shrink-0', className)}\n        aria-hidden={labelled ? undefined : true}\n        aria-label={ariaLabel}\n        role={labelled ? 'img' : undefined}\n        focusable={false}\n        {...rest}\n      />\n    );\n  },\n);\nIcon.displayName = 'Icon';\n","import { Loader2 } from 'lucide-react';\nimport { cn } from '../utils';\n\nexport interface SpinnerProps {\n  /* Extra classes merged onto the underlying SVG. */\n  className?: string;\n}\n\n/* Renders a spinning loader icon — for inline action-loading feedback or standalone progress indication. */\nexport const Spinner = ({ className }: SpinnerProps) => (\n  <Loader2\n    className={cn('animate-spin', className)}\n    aria-hidden=\"true\"\n    size=\"1em\"\n  />\n);\n"]}
+{"version":3,"sources":["../src/icons/index.ts","../src/icons/Icon.tsx","../src/icons/Spinner.tsx"],"names":["jsx"],"mappings":";;;;;;;AAAA,IAAA,aAAA,GAAA;AAAA,QAAA,CAAA,aAAA,EAAA;AAAA,EAAA,IAAA,EAAA,MAAA,IAAA;AAAA,EAAA,OAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AC6BO,IAAM,IAAA,GAAO,UAAA;AAAA,EAClB,CAAC,EAAE,IAAA,EAAM,QAAA,EAAU,IAAA,GAAO,EAAA,EAAI,SAAA,EAAW,YAAA,EAAc,SAAA,EAAW,GAAG,IAAA,EAAK,EAAG,GAAA,KAAQ;AACnF,IAAA,MAAM,WAAW,SAAA,KAAc,MAAA;AAC/B,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA;AAAA,QACnC,aAAA,EAAa,WAAW,MAAA,GAAY,IAAA;AAAA,QACpC,YAAA,EAAY,SAAA;AAAA,QACZ,IAAA,EAAM,WAAW,KAAA,GAAQ,MAAA;AAAA,QACzB,SAAA,EAAW,KAAA;AAAA,QACV,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;ACrCZ,IAAM,OAAA,GAAU,CAAC,EAAE,SAAA,uBACxBA,GAAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACC,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,SAAS,CAAA;AAAA,IACvC,aAAA,EAAY,MAAA;AAAA,IACZ,IAAA,EAAK;AAAA;AACP","file":"chunk-MVMDDGW7.js","sourcesContent":["export { Icon, type IconProps, type IconAdapter, type IconAdapterProps } from './Icon';\nexport { Spinner, type SpinnerProps } from './Spinner';\n","import { forwardRef, type ComponentType, type SVGProps } from 'react';\nimport { cn } from '../utils/cn';\n\nexport interface IconAdapterProps extends SVGProps<SVGSVGElement> {\n  size?: number | string;\n}\n\nexport type IconAdapter = ComponentType<IconAdapterProps>;\n\nexport interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'aria-hidden'> {\n  /** Icon component — pass a `lucide-react` icon, custom SVG component, or any matching shape. */\n  icon: IconAdapter;\n  /** Pixel size of the rendered SVG. Default 20. */\n  size?: number | string;\n  /**\n   * Provide an aria-label when the icon stands alone (decorative siblings\n   * should pass it via parent). Sets `role=\"img\"` and unhides from AT.\n   * Without it, the icon is `aria-hidden` and decorative.\n   */\n  'aria-label'?: string;\n}\n\n/**\n * Generic icon wrapper. Accepts any icon component matching the lucide-react\n * shape (`{ size, color, className, ...svgProps }`).\n *\n * - Without `aria-label` → decorative, `aria-hidden`.\n * - With `aria-label` → semantic, `role=\"img\"`.\n */\nexport const Icon = forwardRef<SVGSVGElement, IconProps>(\n  ({ icon: IconComp, size = 20, className, 'aria-label': ariaLabel, ...rest }, ref) => {\n    const labelled = ariaLabel !== undefined;\n    return (\n      <IconComp\n        ref={ref}\n        size={size}\n        className={cn('shrink-0', className)}\n        aria-hidden={labelled ? undefined : true}\n        aria-label={ariaLabel}\n        role={labelled ? 'img' : undefined}\n        focusable={false}\n        {...rest}\n      />\n    );\n  },\n);\nIcon.displayName = 'Icon';\n","import { Loader2 } from 'lucide-react';\nimport { cn } from '../utils';\n\nexport interface SpinnerProps {\n  /* Extra classes merged onto the underlying SVG. */\n  className?: string;\n}\n\n/* Renders a spinning loader icon — for inline action-loading feedback or standalone progress indication. */\nexport const Spinner = ({ className }: SpinnerProps) => (\n  <Loader2\n    className={cn('animate-spin', className)}\n    aria-hidden=\"true\"\n    size=\"1em\"\n  />\n);\n"]}

package/dist/{chunk-BMABNEZX.js → chunk-UI4RT5JF.js}

@@ -1,7 +1,7 @@
-import { useId as useId$1, useScrollLock } from './chunk-KDXJQNB6.js';
-import { composeRefs, cn } from './chunk-LDRFQG44.js';
-import { __export } from './chunk-PZ5AY32C.js';
-import { forwardRef, isValidElement, Children, cloneElement, useState, useRef, useEffect, createContext, useContext, useCallback, useMemo, useId } from 'react';
+import { useId as useId$1, useScrollLock } from './chunk-LGTGZ3RW.js';
+import { useComposedRefs, cn, composeRefs } from './chunk-X2MYOHOB.js';
+import { __export } from './chunk-DCHYNTHI.js';
+import { forwardRef, isValidElement, Children, cloneElement, useState, useEffect, useRef, createContext, useContext, useCallback, useMemo, useId } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { FocusScope as FocusScope$1 } from '@radix-ui/react-focus-scope';
@@ -57,19 +57,25 @@ function mergeProps(slotProps, childProps) {
 }
 var Slot = forwardRef(
   ({ children, ...slotProps }, forwardedRef) => {
-    if (!isValidElement(children)) {
+    const child = isValidElement(children) ? children : null;
+    const composedRef = useComposedRefs(forwardedRef, child?.ref);
+    if (!child) {
       return Children.count(children) > 1 ? Children.only(null) : null;
     }
-    const child = children;
     const merged = mergeProps(slotProps, child.props ?? {});
     return cloneElement(child, {
       ...merged,
-      ref: composeRefs(forwardedRef, child.ref)
+      ref: composedRef
     });
   }
 );
 Slot.displayName = "Slot";
 function Portal({ children, container, name }) {
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) return null;
   const target = container ?? document.body;
   return createPortal(/* @__PURE__ */ jsx("div", { "data-portal-name": name, children }), target);
 }
@@ -88,39 +94,92 @@ var VisuallyHidden = forwardRef(
   )
 );
 VisuallyHidden.displayName = "VisuallyHidden";
+function parseTimes(value) {
+  return value.split(",").map((part) => {
+    const trimmed = part.trim();
+    const ms = trimmed.endsWith("ms") ? parseFloat(trimmed) : parseFloat(trimmed) * 1e3;
+    return Number.isFinite(ms) ? ms : 0;
+  });
+}
+function getTotalDurationMs(node) {
+  const cs = getComputedStyle(node);
+  const maxOf = (durations, delays) => durations.reduce(
+    (max, duration, i) => Math.max(max, duration + (delays[i % delays.length] ?? 0)),
+    0
+  );
+  return Math.max(
+    maxOf(parseTimes(cs.transitionDuration), parseTimes(cs.transitionDelay)),
+    maxOf(parseTimes(cs.animationDuration), parseTimes(cs.animationDelay))
+  );
+}
 function Presence({ present, children }) {
   const [rendered, setRendered] = useState(present);
+  const [dataState, setDataState] = useState("closed");
   const ref = useRef(null);
+  const child = isValidElement(children) ? children : null;
+  const composedRef = useComposedRefs(ref, child?.ref);
   useEffect(() => {
-    if (present) {
+    if (!present) return;
+    if (!rendered) {
       setRendered(true);
       return;
     }
+    if (dataState === "open") return;
+    let raf2 = 0;
+    const raf1 = requestAnimationFrame(() => {
+      raf2 = requestAnimationFrame(() => setDataState("open"));
+    });
+    return () => {
+      cancelAnimationFrame(raf1);
+      cancelAnimationFrame(raf2);
+    };
+  }, [present, rendered, dataState]);
+  useEffect(() => {
+    if (present) return;
     const node = ref.current;
     if (!node) {
       setRendered(false);
       return;
     }
-    const cs = getComputedStyle(node);
-    const hasAnim = cs.animationName !== "none" && cs.animationDuration !== "0s";
-    const hasTrans = cs.transitionDuration !== "0s";
-    if (!hasAnim && !hasTrans) {
-      setRendered(false);
-      return;
-    }
-    const onEnd = () => setRendered(false);
+    let started = false;
+    let timer;
+    let raf2 = 0;
+    const onStart = (event) => {
+      if (event.target === node) started = true;
+    };
+    const onEnd = (event) => {
+      if (event.target === node) setRendered(false);
+    };
+    node.addEventListener("animationstart", onStart);
+    node.addEventListener("transitionrun", onStart);
     node.addEventListener("animationend", onEnd);
     node.addEventListener("transitionend", onEnd);
+    node.setAttribute("data-state", "closed");
+    setDataState("closed");
+    const raf1 = requestAnimationFrame(() => {
+      raf2 = requestAnimationFrame(() => {
+        const animating = started || (node.getAnimations?.().length ?? 0) > 0;
+        if (!animating) {
+          setRendered(false);
+          return;
+        }
+        timer = window.setTimeout(() => setRendered(false), getTotalDurationMs(node) + 100);
+      });
+    });
     return () => {
+      node.removeEventListener("animationstart", onStart);
+      node.removeEventListener("transitionrun", onStart);
       node.removeEventListener("animationend", onEnd);
       node.removeEventListener("transitionend", onEnd);
+      cancelAnimationFrame(raf1);
+      cancelAnimationFrame(raf2);
+      if (timer !== void 0) window.clearTimeout(timer);
     };
   }, [present]);
-  if (!rendered || !isValidElement(children)) return null;
-  const child = children;
+  if (!rendered || !child) return null;
   return cloneElement(child, {
-    ref: composeRefs(ref, child.ref),
-    "data-state": present ? "open" : "closed"
+    ref: composedRef,
+    "data-state": dataState
   });
 }
 var DirectionContext = createContext("ltr");
@@ -145,16 +204,26 @@ var layerStack = [];
 var DismissableLayer = forwardRef(
   ({ onEscape, onOutsidePointerDown, disableEscape, disableOutsideClick, ...props }, forwardedRef) => {
     const ref = useRef(null);
+    const onEscapeRef = useRef(onEscape);
+    const onOutsidePointerDownRef = useRef(onOutsidePointerDown);
+    useEffect(() => {
+      onEscapeRef.current = onEscape;
+      onOutsidePointerDownRef.current = onOutsidePointerDown;
+    });
     useEffect(() => {
       const node = ref.current;
       if (!node) return;
-      const entry = { node, onEscape, onOutsidePointerDown };
+      const entry = {
+        node,
+        onEscape: (event) => onEscapeRef.current?.(event),
+        onOutsidePointerDown: (event) => onOutsidePointerDownRef.current?.(event)
+      };
       layerStack.push(entry);
       return () => {
         const idx = layerStack.indexOf(entry);
         if (idx >= 0) layerStack.splice(idx, 1);
       };
-    }, [onEscape, onOutsidePointerDown]);
+    }, []);
     useEffect(() => {
       if (disableEscape) return;
       const onKeyDown = (e) => {
@@ -177,7 +246,8 @@ var DismissableLayer = forwardRef(
       document.addEventListener("pointerdown", onPointer, true);
       return () => document.removeEventListener("pointerdown", onPointer, true);
     }, [disableOutsideClick]);
-    return /* @__PURE__ */ jsx("div", { ref: composeRefs(forwardedRef, ref), ...props });
+    const composedRef = useComposedRefs(forwardedRef, ref);
+    return /* @__PURE__ */ jsx("div", { ref: composedRef, ...props });
   }
 );
 DismissableLayer.displayName = "DismissableLayer";
@@ -221,25 +291,54 @@ var RovingFocusGroup = forwardRef(
   function RovingFocusGroup2({ orientation = "horizontal", loop = true, children, ...props }, ref) {
     const items = useRef([]);
     const [focusedId, setFocusedId] = useState(null);
-    const register = useCallback((id) => {
-      if (!items.current.includes(id)) items.current.push(id);
+    const interactedRef = useRef(false);
+    const groupRef = useRef(null);
+    const composedRef = useComposedRefs(ref, groupRef);
+    const direction = useDirection();
+    const register = useCallback((id, node) => {
+      if (!items.current.some((item) => item.id === id)) {
+        const entry = { id, node };
+        const index = node ? items.current.findIndex(
+          (item) => item.node !== null && (node.compareDocumentPosition(item.node) & Node.DOCUMENT_POSITION_FOLLOWING) !== 0
+        ) : -1;
+        if (index === -1) items.current.push(entry);
+        else items.current.splice(index, 0, entry);
+      }
       setFocusedId((current) => current ?? id);
     }, []);
     const unregister = useCallback((id) => {
-      items.current = items.current.filter((i) => i !== id);
+      const idx = items.current.findIndex((item) => item.id === id);
+      items.current = items.current.filter((item) => item.id !== id);
+      setFocusedId((current) => {
+        if (current !== id) return current;
+        const next = items.current[idx] ?? items.current[0];
+        return next ? next.id : null;
+      });
+    }, []);
+    useEffect(() => {
+      const node = groupRef.current;
+      if (!node) return;
+      const onFocusOut = (event) => {
+        const next = event.relatedTarget;
+        if (!next || !node.contains(next)) interactedRef.current = false;
+      };
+      node.addEventListener("focusout", onFocusOut);
+      return () => node.removeEventListener("focusout", onFocusOut);
     }, []);
     const onItemKeyDown = useCallback(
       (event, id) => {
         const list = items.current;
-        const idx = list.indexOf(id);
+        const idx = list.findIndex((item) => item.id === id);
         if (idx === -1) return;
         const isVert = orientation === "vertical" || orientation === "both";
         const isHoriz = orientation === "horizontal" || orientation === "both";
+        const nextHorizKey = direction === "rtl" ? "ArrowLeft" : "ArrowRight";
+        const prevHorizKey = direction === "rtl" ? "ArrowRight" : "ArrowLeft";
         let next = idx;
-        if (event.key === "ArrowRight" && isHoriz || event.key === "ArrowDown" && isVert) {
+        if (event.key === nextHorizKey && isHoriz || event.key === "ArrowDown" && isVert) {
           next = idx + 1;
           if (next >= list.length) next = loop ? 0 : list.length - 1;
-        } else if (event.key === "ArrowLeft" && isHoriz || event.key === "ArrowUp" && isVert) {
+        } else if (event.key === prevHorizKey && isHoriz || event.key === "ArrowUp" && isVert) {
           next = idx - 1;
           if (next < 0) next = loop ? list.length - 1 : 0;
         } else if (event.key === "Home") {
@@ -250,38 +349,69 @@ var RovingFocusGroup = forwardRef(
           return;
         }
         event.preventDefault();
-        const id2 = list[next];
-        if (id2) setFocusedId(id2);
+        interactedRef.current = true;
+        const entry = list[next];
+        if (entry) setFocusedId(entry.id);
       },
-      [orientation, loop]
+      [orientation, loop, direction]
     );
     const value = useMemo(
-      () => ({ register, unregister, focusedId, setFocusedId, onItemKeyDown }),
+      () => ({
+        register,
+        unregister,
+        focusedId,
+        setFocusedId,
+        onItemKeyDown,
+        interactedRef,
+        groupRef
+      }),
       [register, unregister, focusedId, onItemKeyDown]
     );
-    return /* @__PURE__ */ jsx(RovingFocusContext.Provider, { value, children: /* @__PURE__ */ jsx("div", { ref, role: "group", ...props, children }) });
+    return /* @__PURE__ */ jsx(RovingFocusContext.Provider, { value, children: /* @__PURE__ */ jsx("div", { ref: composedRef, role: "group", ...props, children }) });
   }
 );
-function useRovingFocusItem() {
+function useRovingFocusItem(options = {}) {
+  const { active = false } = options;
   const context = useContext(RovingFocusContext);
   const id = useId();
   const ref = useRef(null);
+  const register = context?.register;
+  const unregister = context?.unregister;
   useEffect(() => {
-    context?.register(id);
-    return () => context?.unregister(id);
-  }, [context, id]);
+    register?.(id, ref.current);
+    return () => unregister?.(id);
+  }, [register, unregister, id]);
+  const focusedId = context?.focusedId;
+  const interactedRef = context?.interactedRef;
   useEffect(() => {
-    if (context?.focusedId === id && ref.current && document.activeElement !== ref.current) {
+    if (focusedId === id && interactedRef?.current && ref.current && document.activeElement !== ref.current) {
       ref.current.focus();
     }
-  }, [context?.focusedId, id]);
+  }, [focusedId, interactedRef, id]);
+  const setFocusedId = context?.setFocusedId;
+  const groupRef = context?.groupRef;
+  useEffect(() => {
+    if (!active || !setFocusedId || !groupRef) return;
+    const groupNode = groupRef.current;
+    if (!groupNode || !groupNode.contains(document.activeElement)) setFocusedId(id);
+    const onFocusOut = (event) => {
+      const next = event.relatedTarget;
+      if (!next || !groupNode?.contains(next)) setFocusedId(id);
+    };
+    groupNode?.addEventListener("focusout", onFocusOut);
+    return () => groupNode?.removeEventListener("focusout", onFocusOut);
+  }, [active, setFocusedId, groupRef, id]);
   return {
     ref: (node) => {
       ref.current = node;
     },
     tabIndex: !context || context.focusedId === id ? 0 : -1,
     onKeyDown: (e) => context?.onItemKeyDown(e, id),
-    onFocus: () => context?.setFocusedId(id),
+    onFocus: () => {
+      if (!context) return;
+      context.interactedRef.current = true;
+      context.setFocusedId(id);
+    },
     "data-roving-focus-item": true
   };
 }
@@ -375,5 +505,5 @@ var Announce = forwardRef(
 Announce.displayName = "Announce";
 
 export { AccessibleIcon, AnchoredPositioner, Announce, DirectionProvider, DismissableLayer, FocusScope, FormControlProvider, OverlayArrow, Portal, Presence, RovingFocusGroup, ScrollLockProvider, Slot, VisuallyHidden, createCollection, primitives_exports, useDirection, useFormControl, useRovingFocusItem };
-//# sourceMappingURL=chunk-BMABNEZX.js.map
-//# sourceMappingURL=chunk-BMABNEZX.js.map
+//# sourceMappingURL=chunk-UI4RT5JF.js.map
+//# sourceMappingURL=chunk-UI4RT5JF.js.map

package/dist/chunk-UI4RT5JF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/primitives/index.ts","../src/primitives/slot/Slot.tsx","../src/primitives/portal/Portal.tsx","../src/primitives/visuallyHidden/VisuallyHidden.tsx","../src/primitives/presence/Presence.tsx","../src/primitives/directionProvider/DirectionProvider.tsx","../src/primitives/accessibleIcon/AccessibleIcon.tsx","../src/primitives/focusScope/FocusScope.tsx","../src/primitives/dismissableLayer/DismissableLayer.tsx","../src/primitives/anchoredPositioner/AnchoredPositioner.tsx","../src/primitives/rovingFocusGroup/RovingFocusGroup.tsx","../src/primitives/collection/Collection.tsx","../src/primitives/formControlContext/FormControlContext.tsx","../src/primitives/scrollLockProvider/ScrollLockProvider.tsx","../src/primitives/overlayArrow/OverlayArrow.tsx","../src/primitives/announce/Announce.tsx"],"names":["forwardRef","jsx","useState","isValidElement","useEffect","cloneElement","RadixFocusScope","useRef","offset","offsetMiddleware","sizeMiddleware","createContext","RovingFocusGroup","useContext","useId","useCallback","useMemo","Fragment","OverlayArrow"],"mappings":"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","file":"chunk-UI4RT5JF.js","sourcesContent":["// L2 — headless primitives. Behavior + a11y, no visual styling beyond layout.\n// Foundation layer; cannot import upward (enforced by ESLint boundaries).\n\nexport * from './slot';\nexport * from './portal';\nexport * from './visuallyHidden';\nexport * from './presence';\nexport * from './directionProvider';\nexport * from './accessibleIcon';\nexport * from './focusScope';\nexport * from './dismissableLayer';\nexport * from './anchoredPositioner';\nexport * from './rovingFocusGroup';\nexport * from './collection';\nexport * from './formControlContext';\nexport * from './scrollLockProvider';\nexport * from './overlayArrow';\nexport * from './announce';\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactElement,\n  type Ref,\n} from 'react';\nimport { useComposedRefs } from '../../utils/composeRefs';\n\nexport interface SlotProps extends HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode;\n}\n\ntype AnyProps = Record<string, unknown>;\n\nfunction mergeProps(slotProps: AnyProps, childProps: AnyProps): AnyProps {\n  const merged: AnyProps = { ...childProps };\n  for (const key of Object.keys(slotProps)) {\n    const slotVal = slotProps[key];\n    const childVal = childProps[key];\n    if (key === 'className') {\n      merged.className = [slotVal, childVal].filter(Boolean).join(' ');\n    } else if (key === 'style') {\n      merged.style = { ...(slotVal as CSSProperties), ...(childVal as CSSProperties) };\n    } else if (/^on[A-Z]/.test(key)) {\n      const slotFn = slotVal as ((...args: unknown[]) => void) | undefined;\n      const childFn = childVal as ((...args: unknown[]) => void) | undefined;\n      if (slotFn && childFn) {\n        merged[key] = (...args: unknown[]) => {\n          childFn(...args);\n          slotFn(...args);\n        };\n      } else if (slotFn) {\n        merged[key] = slotFn;\n      }\n    } else if (childVal === undefined) {\n      merged[key] = slotVal;\n    }\n  }\n  return merged;\n}\n\n/**\n * Polymorphic slot — renders the single child element with the parent's props\n * merged in (className concatenated, handlers chained, refs composed).\n *\n * Use to enable an `asChild` API on a component:\n * ```tsx\n * <Button asChild><a href=\"/x\">Open</a></Button>\n * ```\n */\nexport const Slot = forwardRef<HTMLElement, SlotProps>(\n  ({ children, ...slotProps }, forwardedRef) => {\n    const child = isValidElement(children)\n      ? (children as ReactElement<AnyProps> & { ref?: Ref<HTMLElement> })\n      : null;\n    const composedRef = useComposedRefs(forwardedRef, child?.ref);\n    if (!child) {\n      return Children.count(children) > 1 ? Children.only(null) : null;\n    }\n    const merged = mergeProps(slotProps as AnyProps, (child.props ?? {}) as AnyProps);\n    return cloneElement(child, {\n      ...merged,\n      ref: composedRef,\n    });\n  },\n);\nSlot.displayName = 'Slot';\n","import { useEffect, useState, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\n\nexport interface PortalProps {\n  children: ReactNode;\n  /** Container to render into. Default: `document.body`. */\n  container?: HTMLElement | null;\n  /** Optional named layer — sets `data-portal-name` on the wrapper. */\n  name?: string;\n}\n\n/**\n * Render children into a different DOM node (default `document.body`).\n * SSR-inert — renders nothing on the server, portals in after mount on the client.\n */\nexport function Portal({ children, container, name }: PortalProps): ReactNode {\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  if (!mounted) return null;\n  const target = container ?? document.body;\n  return createPortal(<div data-portal-name={name}>{children}</div>, target);\n}\n","import { forwardRef, type HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type VisuallyHiddenProps = HTMLAttributes<HTMLSpanElement>;\n\n/**\n * Visually hidden span — content removed from the visual layout but still\n * announced to screen readers. Use for accessible labels on icon-only\n * affordances and live-region announcements.\n */\nexport const VisuallyHidden = forwardRef<HTMLSpanElement, VisuallyHiddenProps>(\n  ({ className, ...props }, ref) => (\n    <span\n      ref={ref}\n      className={cn(\n        'absolute h-px w-px overflow-hidden whitespace-nowrap border-0 p-0',\n        'm-[-1px] [clip:rect(0_0_0_0)] [clip-path:inset(50%)]',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nVisuallyHidden.displayName = 'VisuallyHidden';\n","import {\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useRef,\n  useState,\n  type ReactElement,\n  type Ref,\n} from 'react';\nimport { useComposedRefs } from '../../utils/composeRefs';\n\nexport interface PresenceProps {\n  /** Whether the content should be present. Toggle false to trigger exit. */\n  present: boolean;\n  /** Single React element child — receives `ref` and `data-state` (\"open\" | \"closed\"). */\n  children: ReactElement;\n}\n\nfunction parseTimes(value: string): number[] {\n  return value.split(',').map((part) => {\n    const trimmed = part.trim();\n    const ms = trimmed.endsWith('ms') ? parseFloat(trimmed) : parseFloat(trimmed) * 1000;\n    return Number.isFinite(ms) ? ms : 0;\n  });\n}\n\n/** Longest computed transition/animation (duration + delay) in ms. */\nfunction getTotalDurationMs(node: HTMLElement): number {\n  const cs = getComputedStyle(node);\n  const maxOf = (durations: number[], delays: number[]) =>\n    durations.reduce(\n      (max, duration, i) => Math.max(max, duration + (delays[i % delays.length] ?? 0)),\n      0,\n    );\n  return Math.max(\n    maxOf(parseTimes(cs.transitionDuration), parseTimes(cs.transitionDelay)),\n    maxOf(parseTimes(cs.animationDuration), parseTimes(cs.animationDelay)),\n  );\n}\n\n/**\n * Defer unmount until the child's exit animation/transition finishes.\n * Pass `present={false}` to start the exit; the child stays mounted with\n * `data-state=\"closed\"` until its own `animationend`/`transitionend` fires\n * (or a computed-duration timeout as a fallback). If no exit animation\n * actually starts, the child unmounts immediately. On enter, the child\n * mounts with `data-state=\"closed\"` and flips to `\"open\"` on the next\n * frame so enter transitions play.\n */\nexport function Presence({ present, children }: PresenceProps): ReactElement | null {\n  const [rendered, setRendered] = useState(present);\n  const [dataState, setDataState] = useState<'open' | 'closed'>('closed');\n  const ref = useRef<HTMLElement | null>(null);\n\n  const child = isValidElement(children)\n    ? (children as ReactElement<{ ref?: Ref<HTMLElement> }> & { ref?: Ref<HTMLElement> })\n    : null;\n  const composedRef = useComposedRefs(ref, child?.ref);\n\n  // Enter — mount closed, then flip to open on the next frame (double rAF\n  // so the closed styles are committed and painted first) to run transitions.\n  useEffect(() => {\n    if (!present) return;\n    if (!rendered) {\n      setRendered(true);\n      return;\n    }\n    if (dataState === 'open') return;\n    let raf2 = 0;\n    const raf1 = requestAnimationFrame(() => {\n      raf2 = requestAnimationFrame(() => setDataState('open'));\n    });\n    return () => {\n      cancelAnimationFrame(raf1);\n      cancelAnimationFrame(raf2);\n    };\n  }, [present, rendered, dataState]);\n\n  // Exit — flip to closed, then unmount when the child's own exit\n  // animation/transition ends; immediately if none starts within a frame\n  // window; or after the computed total duration as a safety net.\n  useEffect(() => {\n    if (present) return;\n    const node = ref.current;\n    if (!node) {\n      setRendered(false);\n      return;\n    }\n    let started = false;\n    let timer: number | undefined;\n    let raf2 = 0;\n    const onStart = (event: Event) => {\n      if (event.target === node) started = true;\n    };\n    const onEnd = (event: Event) => {\n      if (event.target === node) setRendered(false);\n    };\n    node.addEventListener('animationstart', onStart);\n    node.addEventListener('transitionrun', onStart);\n    node.addEventListener('animationend', onEnd);\n    node.addEventListener('transitionend', onEnd);\n    // Flip the DOM synchronously so the start-detection window below is\n    // deterministic; React re-renders to the same value via setDataState.\n    node.setAttribute('data-state', 'closed');\n    setDataState('closed');\n    const raf1 = requestAnimationFrame(() => {\n      raf2 = requestAnimationFrame(() => {\n        const animating = started || (node.getAnimations?.().length ?? 0) > 0;\n        if (!animating) {\n          setRendered(false);\n          return;\n        }\n        timer = window.setTimeout(() => setRendered(false), getTotalDurationMs(node) + 100);\n      });\n    });\n    return () => {\n      node.removeEventListener('animationstart', onStart);\n      node.removeEventListener('transitionrun', onStart);\n      node.removeEventListener('animationend', onEnd);\n      node.removeEventListener('transitionend', onEnd);\n      cancelAnimationFrame(raf1);\n      cancelAnimationFrame(raf2);\n      if (timer !== undefined) window.clearTimeout(timer);\n    };\n  }, [present]);\n\n  if (!rendered || !child) return null;\n  return cloneElement(child, {\n    ref: composedRef,\n    'data-state': dataState,\n  } as Partial<typeof child.props>);\n}\n","import { createContext, useContext, type ReactNode } from 'react';\n\nexport type Direction = 'ltr' | 'rtl';\n\nconst DirectionContext = createContext<Direction>('ltr');\n\nexport interface DirectionProviderProps {\n  dir: Direction;\n  children: ReactNode;\n}\n\n/**\n * Provide reading direction to descendants. Components that mirror in RTL\n * (Tabs arrow keys, Slider, Carousel, etc.) read this via `useDirection()`.\n */\nexport function DirectionProvider({ dir, children }: DirectionProviderProps) {\n  return <DirectionContext.Provider value={dir}>{children}</DirectionContext.Provider>;\n}\n\nexport function useDirection(): Direction {\n  return useContext(DirectionContext);\n}\n","import { cloneElement, isValidElement, type ReactElement } from 'react';\nimport { VisuallyHidden } from '../visuallyHidden/VisuallyHidden';\n\nexport interface AccessibleIconProps {\n  /** Required accessible label for the icon. */\n  label: string;\n  /** Single icon element — will receive `aria-hidden` so SR reads only the label. */\n  children: ReactElement;\n}\n\n/**\n * Wrap an icon-only element with an accessible label. The icon is hidden\n * from assistive tech and a `VisuallyHidden` sibling provides the label.\n */\nexport function AccessibleIcon({ label, children }: AccessibleIconProps) {\n  const icon = isValidElement(children)\n    ? cloneElement(children as ReactElement<{ 'aria-hidden'?: boolean | string; focusable?: string }>, {\n        'aria-hidden': 'true',\n        focusable: 'false',\n      })\n    : children;\n  return (\n    <>\n      {icon}\n      <VisuallyHidden>{label}</VisuallyHidden>\n    </>\n  );\n}\n","import { FocusScope as RadixFocusScope } from '@radix-ui/react-focus-scope';\n\nexport type FocusScopeProps = React.ComponentProps<typeof RadixFocusScope>;\n\n/**\n * Trap focus within children. On unmount, returns focus to the previously\n * focused element. Pass `loop` to wrap Tab navigation; `trapped` to enable\n * the trap (default true while mounted).\n *\n * Wraps `@radix-ui/react-focus-scope` — battle-tested implementation.\n */\nexport const FocusScope = RadixFocusScope;\n","import {\n  forwardRef,\n  useEffect,\n  useRef,\n  type HTMLAttributes,\n} from 'react';\nimport { useComposedRefs } from '../../utils/composeRefs';\n\ninterface LayerEntry {\n  node: HTMLElement;\n  onEscape?: (event: KeyboardEvent) => void;\n  onOutsidePointerDown?: (event: PointerEvent) => void;\n}\n\nconst layerStack: LayerEntry[] = [];\n\nexport interface DismissableLayerProps extends HTMLAttributes<HTMLDivElement> {\n  /** Called when Escape is pressed and this is the topmost layer. */\n  onEscape?: (event: KeyboardEvent) => void;\n  /** Called when a pointerdown lands outside this layer's DOM and this is topmost. */\n  onOutsidePointerDown?: (event: PointerEvent) => void;\n  /** Disable the Escape listener for this layer. */\n  disableEscape?: boolean;\n  /** Disable the outside-pointer-down listener for this layer. */\n  disableOutsideClick?: boolean;\n}\n\n/**\n * Stack-aware dismissal layer. Multiple layers may stack (modal > popover);\n * only the topmost reacts to Escape / outside click. Used as the base of\n * Modal, Drawer, Popover, Menu, HoverCard, ContextMenu.\n */\nexport const DismissableLayer = forwardRef<HTMLDivElement, DismissableLayerProps>(\n  (\n    { onEscape, onOutsidePointerDown, disableEscape, disableOutsideClick, ...props },\n    forwardedRef,\n  ) => {\n    const ref = useRef<HTMLDivElement | null>(null);\n\n    // Keep callbacks in refs so the registration effect runs exactly once on\n    // mount — re-registering on callback identity changes would splice the\n    // layer to the end of the stack and corrupt dismissal ordering.\n    const onEscapeRef = useRef(onEscape);\n    const onOutsidePointerDownRef = useRef(onOutsidePointerDown);\n    useEffect(() => {\n      onEscapeRef.current = onEscape;\n      onOutsidePointerDownRef.current = onOutsidePointerDown;\n    });\n\n    useEffect(() => {\n      const node = ref.current;\n      if (!node) return;\n      const entry: LayerEntry = {\n        node,\n        onEscape: (event) => onEscapeRef.current?.(event),\n        onOutsidePointerDown: (event) => onOutsidePointerDownRef.current?.(event),\n      };\n      layerStack.push(entry);\n      return () => {\n        const idx = layerStack.indexOf(entry);\n        if (idx >= 0) layerStack.splice(idx, 1);\n      };\n    }, []);\n\n    useEffect(() => {\n      if (disableEscape) return;\n      const onKeyDown = (e: KeyboardEvent) => {\n        if (e.key !== 'Escape') return;\n        const top = layerStack[layerStack.length - 1];\n        if (top && top.node === ref.current) top.onEscape?.(e);\n      };\n      document.addEventListener('keydown', onKeyDown);\n      return () => document.removeEventListener('keydown', onKeyDown);\n    }, [disableEscape]);\n\n    useEffect(() => {\n      if (disableOutsideClick) return;\n      const onPointer = (e: PointerEvent) => {\n        const top = layerStack[layerStack.length - 1];\n        if (!top || top.node !== ref.current) return;\n        const target = e.target as Node | null;\n        if (!target || ref.current?.contains(target)) return;\n        top.onOutsidePointerDown?.(e);\n      };\n      document.addEventListener('pointerdown', onPointer, true);\n      return () => document.removeEventListener('pointerdown', onPointer, true);\n    }, [disableOutsideClick]);\n\n    const composedRef = useComposedRefs(forwardedRef, ref);\n    return <div ref={composedRef} {...props} />;\n  },\n);\nDismissableLayer.displayName = 'DismissableLayer';\n","import {\n  autoUpdate,\n  flip,\n  offset as offsetMiddleware,\n  shift,\n  size as sizeMiddleware,\n  useFloating,\n  type Placement,\n} from '@floating-ui/react';\nimport { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { composeRefs } from '../../utils/composeRefs';\n\nexport interface AnchoredPositionerProps extends HTMLAttributes<HTMLDivElement> {\n  /** The element the floating layer should be anchored to. */\n  anchor: HTMLElement | null;\n  /** Floating UI placement. Default `bottom`. */\n  placement?: Placement;\n  /** Distance between anchor and floating element in px. Default 8. */\n  offset?: number;\n  /** Render the floating element only when open. */\n  open?: boolean;\n  children: ReactNode;\n}\n\n/**\n * Position children relative to an anchor element using Floating UI.\n * Auto-flips and shifts to stay in viewport. Use as the positioning surface\n * for Tooltip, Popover, Menu, HoverCard.\n *\n * Exposes the anchor's measured size as CSS variables on the floating\n * element, enabling consumers to size content relative to the trigger:\n *\n *     style=\"--anchor-width: 240px; --anchor-height: 36px;\"\n *\n * Common pattern: `min-w-[var(--anchor-width)]` on a Select dropdown so\n * the panel never narrows below the trigger.\n */\nexport const AnchoredPositioner = forwardRef<HTMLDivElement, AnchoredPositionerProps>(\n  (\n    { anchor, placement = 'bottom', offset = 8, open = true, children, style, ...props },\n    forwardedRef,\n  ) => {\n    const { refs, floatingStyles } = useFloating({\n      open,\n      placement,\n      middleware: [\n        offsetMiddleware(offset),\n        flip(),\n        shift({ padding: 8 }),\n        sizeMiddleware({\n          apply({ rects, elements }) {\n            elements.floating.style.setProperty('--anchor-width', `${rects.reference.width}px`);\n            elements.floating.style.setProperty(\n              '--anchor-height',\n              `${rects.reference.height}px`,\n            );\n          },\n        }),\n      ],\n      whileElementsMounted: autoUpdate,\n      elements: { reference: anchor },\n    });\n\n    if (!open) return null;\n\n    return (\n      <div\n        ref={composeRefs(forwardedRef, refs.setFloating)}\n        style={{ ...floatingStyles, ...style }}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\nAnchoredPositioner.displayName = 'AnchoredPositioner';\n","import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n  type RefObject,\n} from 'react';\nimport { useComposedRefs } from '../../utils/composeRefs';\nimport { useDirection } from '../directionProvider';\n\nexport type Orientation = 'horizontal' | 'vertical' | 'both';\n\ninterface ItemEntry {\n  id: string;\n  node: HTMLElement | null;\n}\n\ninterface RovingFocusContextValue {\n  register: (id: string, node: HTMLElement | null) => void;\n  unregister: (id: string) => void;\n  focusedId: string | null;\n  setFocusedId: (id: string) => void;\n  onItemKeyDown: (event: KeyboardEvent, id: string) => void;\n  /** True once the user has interacted with the group; reset when focus leaves. */\n  interactedRef: RefObject<boolean>;\n  groupRef: RefObject<HTMLDivElement | null>;\n}\n\nconst RovingFocusContext = createContext<RovingFocusContextValue | null>(null);\n\nexport interface RovingFocusGroupProps extends HTMLAttributes<HTMLDivElement> {\n  orientation?: Orientation;\n  loop?: boolean;\n  children: ReactNode;\n}\n\n/**\n * Provide arrow-key navigation for a group of focusable children. Children\n * call `useRovingFocusItem()` to register and receive `tabIndex` / event\n * handlers. Used by Tabs, ToggleGroup, RadioGroup, Menu.\n */\nexport const RovingFocusGroup = forwardRef<HTMLDivElement, RovingFocusGroupProps>(\n  function RovingFocusGroup(\n    { orientation = 'horizontal', loop = true, children, ...props },\n    ref,\n  ) {\n    const items = useRef<ItemEntry[]>([]);\n    const [focusedId, setFocusedId] = useState<string | null>(null);\n    const interactedRef = useRef(false);\n    const groupRef = useRef<HTMLDivElement | null>(null);\n    const composedRef = useComposedRefs(ref, groupRef);\n    const direction = useDirection();\n\n    const register = useCallback((id: string, node: HTMLElement | null) => {\n      if (!items.current.some((item) => item.id === id)) {\n        const entry: ItemEntry = { id, node };\n        // Insert by DOM order (not mount order) so dynamically inserted\n        // items navigate in visual order.\n        const index = node\n          ? items.current.findIndex(\n              (item) =>\n                item.node !== null &&\n                (node.compareDocumentPosition(item.node) & Node.DOCUMENT_POSITION_FOLLOWING) !== 0,\n            )\n          : -1;\n        if (index === -1) items.current.push(entry);\n        else items.current.splice(index, 0, entry);\n      }\n      setFocusedId((current) => current ?? id);\n    }, []);\n\n    const unregister = useCallback((id: string) => {\n      const idx = items.current.findIndex((item) => item.id === id);\n      items.current = items.current.filter((item) => item.id !== id);\n      // If the tab stop unmounts, advance to the next remaining item (or\n      // the first) so the group keeps exactly one tabbable item.\n      setFocusedId((current) => {\n        if (current !== id) return current;\n        const next = items.current[idx] ?? items.current[0];\n        return next ? next.id : null;\n      });\n    }, []);\n\n    // Reset the interaction flag when focus leaves the group so tab-stop\n    // bookkeeping (focusedId updates) never steals focus back.\n    useEffect(() => {\n      const node = groupRef.current;\n      if (!node) return;\n      const onFocusOut = (event: FocusEvent) => {\n        const next = event.relatedTarget as Node | null;\n        if (!next || !node.contains(next)) interactedRef.current = false;\n      };\n      node.addEventListener('focusout', onFocusOut);\n      return () => node.removeEventListener('focusout', onFocusOut);\n    }, []);\n\n    const onItemKeyDown = useCallback(\n      (event: KeyboardEvent, id: string) => {\n        const list = items.current;\n        const idx = list.findIndex((item) => item.id === id);\n        if (idx === -1) return;\n        const isVert = orientation === 'vertical' || orientation === 'both';\n        const isHoriz = orientation === 'horizontal' || orientation === 'both';\n        // Horizontal arrows mirror in RTL.\n        const nextHorizKey = direction === 'rtl' ? 'ArrowLeft' : 'ArrowRight';\n        const prevHorizKey = direction === 'rtl' ? 'ArrowRight' : 'ArrowLeft';\n        let next = idx;\n        if ((event.key === nextHorizKey && isHoriz) || (event.key === 'ArrowDown' && isVert)) {\n          next = idx + 1;\n          if (next >= list.length) next = loop ? 0 : list.length - 1;\n        } else if ((event.key === prevHorizKey && isHoriz) || (event.key === 'ArrowUp' && isVert)) {\n          next = idx - 1;\n          if (next < 0) next = loop ? list.length - 1 : 0;\n        } else if (event.key === 'Home') {\n          next = 0;\n        } else if (event.key === 'End') {\n          next = list.length - 1;\n        } else {\n          return;\n        }\n        event.preventDefault();\n        interactedRef.current = true;\n        const entry = list[next];\n        if (entry) setFocusedId(entry.id);\n      },\n      [orientation, loop, direction],\n    );\n\n    const value = useMemo(\n      () => ({\n        register,\n        unregister,\n        focusedId,\n        setFocusedId,\n        onItemKeyDown,\n        interactedRef,\n        groupRef,\n      }),\n      [register, unregister, focusedId, onItemKeyDown],\n    );\n\n    return (\n      <RovingFocusContext.Provider value={value}>\n        <div ref={composedRef} role=\"group\" {...props}>\n          {children}\n        </div>\n      </RovingFocusContext.Provider>\n    );\n  },\n);\n\nexport interface UseRovingFocusItemOptions {\n  /**\n   * Marks this item as the preferred tab stop while focus is outside the\n   * group (e.g. the selected tab), per the APG composite-widget pattern.\n   */\n  active?: boolean;\n}\n\nexport interface UseRovingFocusItemReturn {\n  ref: (node: HTMLElement | null) => void;\n  tabIndex: 0 | -1;\n  onKeyDown: (event: KeyboardEvent) => void;\n  onFocus: () => void;\n  'data-roving-focus-item': boolean;\n}\n\n/**\n * Inside a `RovingFocusGroup`, returns props to spread onto a focusable item.\n * Outside, returns inert props (tabIndex 0).\n */\nexport function useRovingFocusItem(\n  options: UseRovingFocusItemOptions = {},\n): UseRovingFocusItemReturn {\n  const { active = false } = options;\n  const context = useContext(RovingFocusContext);\n  const id = useId();\n  const ref = useRef<HTMLElement | null>(null);\n\n  const register = context?.register;\n  const unregister = context?.unregister;\n  useEffect(() => {\n    register?.(id, ref.current);\n    return () => unregister?.(id);\n  }, [register, unregister, id]);\n\n  // Move DOM focus only after user interaction — never on initial mount.\n  const focusedId = context?.focusedId;\n  const interactedRef = context?.interactedRef;\n  useEffect(() => {\n    if (\n      focusedId === id &&\n      interactedRef?.current &&\n      ref.current &&\n      document.activeElement !== ref.current\n    ) {\n      ref.current.focus();\n    }\n  }, [focusedId, interactedRef, id]);\n\n  // Keep the active item (e.g. selected tab) as the tab stop whenever focus\n  // is outside the group.\n  const setFocusedId = context?.setFocusedId;\n  const groupRef = context?.groupRef;\n  useEffect(() => {\n    if (!active || !setFocusedId || !groupRef) return;\n    const groupNode = groupRef.current;\n    if (!groupNode || !groupNode.contains(document.activeElement)) setFocusedId(id);\n    const onFocusOut = (event: FocusEvent) => {\n      const next = event.relatedTarget as Node | null;\n      if (!next || !groupNode?.contains(next)) setFocusedId(id);\n    };\n    groupNode?.addEventListener('focusout', onFocusOut);\n    return () => groupNode?.removeEventListener('focusout', onFocusOut);\n  }, [active, setFocusedId, groupRef, id]);\n\n  return {\n    ref: (node) => {\n      ref.current = node;\n    },\n    tabIndex: !context || context.focusedId === id ? 0 : -1,\n    onKeyDown: (e) => context?.onItemKeyDown(e, id),\n    onFocus: () => {\n      if (!context) return;\n      context.interactedRef.current = true;\n      context.setFocusedId(id);\n    },\n    'data-roving-focus-item': true,\n  };\n}\n","import {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type Context,\n  type ReactNode,\n} from 'react';\n\nexport interface CollectionContextValue<T> {\n  items: T[];\n  register: (item: T) => void;\n  unregister: (item: T) => void;\n}\n\n/**\n * Factory for a typed children-registry context. Compound components\n * (Menu, Tabs, Listbox) use this so the parent can iterate ordered children\n * without prop-drilling.\n */\nexport function createCollection<T>(): {\n  Provider: (props: { children: ReactNode }) => ReactNode;\n  useCollection: () => CollectionContextValue<T>;\n  Context: Context<CollectionContextValue<T> | null>;\n} {\n  const CollectionContext = createContext<CollectionContextValue<T> | null>(null);\n\n  function Provider({ children }: { children: ReactNode }) {\n    const [items, setItems] = useState<T[]>([]);\n    const register = useCallback((item: T) => {\n      setItems((prev) => (prev.includes(item) ? prev : [...prev, item]));\n    }, []);\n    const unregister = useCallback((item: T) => {\n      setItems((prev) => prev.filter((i) => i !== item));\n    }, []);\n    const value = useMemo(() => ({ items, register, unregister }), [items, register, unregister]);\n    return <CollectionContext.Provider value={value}>{children}</CollectionContext.Provider>;\n  }\n\n  function useCollection(): CollectionContextValue<T> {\n    const ctx = useContext(CollectionContext);\n    if (!ctx) {\n      throw new Error('useCollection must be used inside its Provider');\n    }\n    return ctx;\n  }\n\n  return { Provider, useCollection, Context: CollectionContext };\n}\n","import { createContext, useContext, type ReactNode } from 'react';\nimport { useId } from '../../hooks/useId';\n\nexport interface FormControlContextValue {\n  id: string;\n  labelId: string;\n  helperId: string;\n  errorId: string;\n  isInvalid: boolean;\n  isDisabled: boolean;\n  isRequired: boolean;\n  isReadOnly: boolean;\n}\n\nconst Context = createContext<FormControlContextValue | null>(null);\n\nexport interface FormControlProviderProps {\n  /** Override the auto-generated id (also used as control's `id`). */\n  id?: string;\n  isInvalid?: boolean;\n  isDisabled?: boolean;\n  isRequired?: boolean;\n  isReadOnly?: boolean;\n  children: ReactNode;\n}\n\n/**\n * Wires Label ↔ control ↔ HelperText/ErrorMessage via stable IDs and shared\n * state flags. Used by `FormField` (L4) — atoms (Input, Label, etc.) read\n * via `useFormControl()` to get the right `id`/`htmlFor`/`aria-describedby`.\n */\nexport function FormControlProvider({\n  id: providedId,\n  isInvalid = false,\n  isDisabled = false,\n  isRequired = false,\n  isReadOnly = false,\n  children,\n}: FormControlProviderProps) {\n  const generatedId = useId();\n  const id = providedId ?? generatedId;\n  const value: FormControlContextValue = {\n    id,\n    labelId: `${id}-label`,\n    helperId: `${id}-helper`,\n    errorId: `${id}-error`,\n    isInvalid,\n    isDisabled,\n    isRequired,\n    isReadOnly,\n  };\n  return <Context.Provider value={value}>{children}</Context.Provider>;\n}\n\n/**\n * Read the surrounding form-control context. Returns `null` when used\n * outside a provider — atoms gracefully degrade to standalone mode.\n */\nexport function useFormControl(): FormControlContextValue | null {\n  return useContext(Context);\n}\n","import { type ReactNode } from 'react';\nimport { useScrollLock } from '../../hooks/useScrollLock';\n\nexport interface ScrollLockProviderProps {\n  enabled?: boolean;\n  children: ReactNode;\n}\n\n/**\n * Component wrapper around `useScrollLock` — handy when scroll lock should\n * follow a child's mount lifecycle (e.g. inside a Modal's portal).\n * Multiple wrappers stack; lock releases when the count reaches zero.\n */\nexport function ScrollLockProvider({ enabled = true, children }: ScrollLockProviderProps) {\n  useScrollLock(enabled);\n  return <>{children}</>;\n}\n","import { forwardRef, type SVGAttributes } from 'react';\n\nexport interface OverlayArrowProps extends SVGAttributes<SVGSVGElement> {\n  /** Arrow width in px. Default 12. */\n  width?: number;\n  /** Arrow height in px. Default 6. */\n  height?: number;\n}\n\n/**\n * Tip-arrow primitive for floating overlays (Tooltip, Popover, HoverCard).\n *\n * Renders a minimal SVG triangle with `fill=\"currentColor\"` — color follows\n * the consuming overlay's background via Tailwind's `text-*` utilities.\n *\n * Pair with Floating UI's `arrow()` middleware to position. The middleware\n * exposes the arrow's `x` / `y` offset on the resolved data; consumers apply\n * those as inline styles to the wrapping span.\n */\nexport const OverlayArrow = forwardRef<SVGSVGElement, OverlayArrowProps>(\n  function OverlayArrow({ width = 12, height = 6, fill = 'currentColor', ...rest }, ref) {\n    return (\n      <svg\n        ref={ref}\n        width={width}\n        height={height}\n        viewBox={`0 0 ${width} ${height}`}\n        preserveAspectRatio=\"none\"\n        aria-hidden=\"true\"\n        {...rest}\n      >\n        <polygon points={`0,0 ${width},0 ${width / 2},${height}`} fill={fill} />\n      </svg>\n    );\n  },\n);\n","import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport interface AnnounceProps extends HTMLAttributes<HTMLDivElement> {\n  /** `polite` → `role=\"status\"`, `assertive` → `role=\"alert\"`. Default `polite`. */\n  politeness?: 'polite' | 'assertive';\n  children?: ReactNode;\n}\n\n/**\n * Visually-hidden ARIA live region. Children are announced by screen readers\n * whenever they change. Pair with a stable mount + swappable children for\n * lightweight transient announcements (status updates, toast messages, etc.).\n */\nexport const Announce = forwardRef<HTMLDivElement, AnnounceProps>(\n  ({ politeness = 'polite', className, children, ...rest }, ref) => (\n    <div\n      ref={ref}\n      role={politeness === 'assertive' ? 'alert' : 'status'}\n      aria-live={politeness}\n      aria-atomic=\"true\"\n      className={cn(\n        'absolute h-px w-px overflow-hidden whitespace-nowrap border-0 p-0',\n        'm-[-1px] [clip:rect(0_0_0_0)] [clip-path:inset(50%)]',\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  ),\n);\nAnnounce.displayName = 'Announce';\n"]}

package/dist/{chunk-T6ZDMPHL.js → chunk-USGZGMLY.js}

@@ -1,5 +1,5 @@
-import { tv } from './chunk-RDDIOVK4.js';
-import { cn } from './chunk-LDRFQG44.js';
+import { tv } from './chunk-XDP6GEBA.js';
+import { cn } from './chunk-X2MYOHOB.js';
 import { forwardRef } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -35,5 +35,5 @@ var Spinner = forwardRef(
 Spinner.displayName = "Spinner";
 
 export { Spinner, spinnerVariants };
-//# sourceMappingURL=chunk-T6ZDMPHL.js.map
-//# sourceMappingURL=chunk-T6ZDMPHL.js.map
+//# sourceMappingURL=chunk-USGZGMLY.js.map
+//# sourceMappingURL=chunk-USGZGMLY.js.map

package/dist/{chunk-T6ZDMPHL.js.map → chunk-USGZGMLY.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/feedback/spinner/Spinner.variants.ts","../src/feedback/spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,kBAAkB,EAAA,CAAG;AAAA,EAChC,IAAA,EAAM,4EAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,gBAAA;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,uBAAA;AAAA,MACT,KAAA,EAAO,cAAA;AAAA,MACP,KAAA,EAAO,aAAA;AAAA,MACP,OAAA,EAAS;AAAA;AACX,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,IAAA,EAAM;AAAA;AAEV,CAAC;ACRM,IAAM,OAAA,GAAU,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,MAAM,IAAA,EAAM,KAAA,GAAQ,WAAW,IAAA,GAAO,QAAA,EAAU,GAAG,KAAA,IAAS,GAAA,qBACxE,IAAA,CAAC,UAAK,GAAA,EAAU,IAAA,EAAa,GAAG,KAAA,EAC9B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,eAAA,CAAgB,EAAE,MAAM,IAAA,EAAM,CAAA,EAAG,SAAS,CAAA,EAAG,CAAA;AAAA,oBACjE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACnC;AAEJ;AACA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-T6ZDMPHL.js","sourcesContent":["import { tv, type VariantProps } from '../../utils';\n\nexport const spinnerVariants = tv({\n  base: 'inline-block animate-spin rounded-full border-current border-b-transparent',\n  variants: {\n    size: {\n      xs: 'h-3 w-3 border',\n      sm: 'h-4 w-4 border-2',\n      md: 'h-5 w-5 border-2',\n      lg: 'h-8 w-8 border-2',\n      xl: 'h-12 w-12 border-[3px]',\n    },\n    tone: {\n      default: 'text-muted-foreground',\n      brand: 'text-primary',\n      muted: 'text-border',\n      current: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    tone: 'default',\n  },\n});\n\nexport type SpinnerVariants = VariantProps<typeof spinnerVariants>;\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\nimport { spinnerVariants, type SpinnerVariants } from './Spinner.variants';\n\nexport interface SpinnerProps\n  extends Omit<ComponentPropsWithoutRef<'span'>, 'children'>,\n    SpinnerVariants {\n  /** Accessible label. Default `\"Loading\"`. */\n  label?: string;\n}\n\n/**\n * Indeterminate loading spinner. Renders a spinning circle and a visually\n * hidden text label for screen readers.\n */\nexport const Spinner = forwardRef<HTMLSpanElement, SpinnerProps>(\n  ({ className, size, tone, label = 'Loading', role = 'status', ...props }, ref) => (\n    <span ref={ref} role={role} {...props}>\n      <span className={cn(spinnerVariants({ size, tone }), className)} />\n      <span className=\"sr-only\">{label}</span>\n    </span>\n  ),\n);\nSpinner.displayName = 'Spinner';\n"]}
+{"version":3,"sources":["../src/feedback/spinner/Spinner.variants.ts","../src/feedback/spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,kBAAkB,EAAA,CAAG;AAAA,EAChC,IAAA,EAAM,4EAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,gBAAA;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,uBAAA;AAAA,MACT,KAAA,EAAO,cAAA;AAAA,MACP,KAAA,EAAO,aAAA;AAAA,MACP,OAAA,EAAS;AAAA;AACX,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,IAAA,EAAM;AAAA;AAEV,CAAC;ACRM,IAAM,OAAA,GAAU,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,MAAM,IAAA,EAAM,KAAA,GAAQ,WAAW,IAAA,GAAO,QAAA,EAAU,GAAG,KAAA,IAAS,GAAA,qBACxE,IAAA,CAAC,UAAK,GAAA,EAAU,IAAA,EAAa,GAAG,KAAA,EAC9B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,eAAA,CAAgB,EAAE,MAAM,IAAA,EAAM,CAAA,EAAG,SAAS,CAAA,EAAG,CAAA;AAAA,oBACjE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACnC;AAEJ;AACA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-USGZGMLY.js","sourcesContent":["import { tv, type VariantProps } from '../../utils';\n\nexport const spinnerVariants = tv({\n  base: 'inline-block animate-spin rounded-full border-current border-b-transparent',\n  variants: {\n    size: {\n      xs: 'h-3 w-3 border',\n      sm: 'h-4 w-4 border-2',\n      md: 'h-5 w-5 border-2',\n      lg: 'h-8 w-8 border-2',\n      xl: 'h-12 w-12 border-[3px]',\n    },\n    tone: {\n      default: 'text-muted-foreground',\n      brand: 'text-primary',\n      muted: 'text-border',\n      current: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    tone: 'default',\n  },\n});\n\nexport type SpinnerVariants = VariantProps<typeof spinnerVariants>;\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\nimport { spinnerVariants, type SpinnerVariants } from './Spinner.variants';\n\nexport interface SpinnerProps\n  extends Omit<ComponentPropsWithoutRef<'span'>, 'children'>,\n    SpinnerVariants {\n  /** Accessible label. Default `\"Loading\"`. */\n  label?: string;\n}\n\n/**\n * Indeterminate loading spinner. Renders a spinning circle and a visually\n * hidden text label for screen readers.\n */\nexport const Spinner = forwardRef<HTMLSpanElement, SpinnerProps>(\n  ({ className, size, tone, label = 'Loading', role = 'status', ...props }, ref) => (\n    <span ref={ref} role={role} {...props}>\n      <span className={cn(spinnerVariants({ size, tone }), className)} />\n      <span className=\"sr-only\">{label}</span>\n    </span>\n  ),\n);\nSpinner.displayName = 'Spinner';\n"]}

package/dist/chunk-VR5HH4SX.js

@@ -0,0 +1,34 @@
+import { cn } from './chunk-X2MYOHOB.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var GAP = {
+  "0": "gap-0",
+  "1": "gap-1",
+  "2": "gap-2",
+  "3": "gap-3",
+  "4": "gap-4",
+  "6": "gap-6",
+  "8": "gap-8"
+};
+var ALIGN = {
+  start: "items-start",
+  center: "items-center",
+  end: "items-end",
+  baseline: "items-baseline"
+};
+var Inline = forwardRef(
+  ({ gap = "2", align = "center", className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("flex flex-wrap", GAP[gap], ALIGN[align], className),
+      ...props
+    }
+  )
+);
+Inline.displayName = "Inline";
+
+export { Inline };
+//# sourceMappingURL=chunk-VR5HH4SX.js.map
+//# sourceMappingURL=chunk-VR5HH4SX.js.map

package/dist/chunk-VR5HH4SX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/layout/inline/Inline.tsx"],"names":[],"mappings":";;;;AAUA,IAAM,GAAA,GAAuD;AAAA,EAC3D,GAAA,EAAK,OAAA;AAAA,EAAS,GAAA,EAAK,OAAA;AAAA,EAAS,GAAA,EAAK,OAAA;AAAA,EAAS,GAAA,EAAK,OAAA;AAAA,EAAS,GAAA,EAAK,OAAA;AAAA,EAAS,GAAA,EAAK,OAAA;AAAA,EAAS,GAAA,EAAK;AAC3F,CAAA;AACA,IAAM,KAAA,GAA2D;AAAA,EAC/D,KAAA,EAAO,aAAA;AAAA,EACP,MAAA,EAAQ,cAAA;AAAA,EACR,GAAA,EAAK,WAAA;AAAA,EACL,QAAA,EAAU;AACZ,CAAA;AAMO,IAAM,MAAA,GAAS,UAAA;AAAA,EACpB,CAAC,EAAE,GAAA,GAAM,GAAA,EAAK,KAAA,GAAQ,UAAU,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBACrD,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,GAAG,gBAAA,EAAkB,GAAA,CAAI,GAAG,CAAA,EAAG,KAAA,CAAM,KAAK,CAAA,EAAG,SAAS,CAAA;AAAA,MAChE,GAAG;AAAA;AAAA;AAGV;AACA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-VR5HH4SX.js","sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\n\nexport interface InlineProps extends ComponentPropsWithoutRef<'div'> {\n  /** Gap between children (Tailwind spacing). Default `2`. */\n  gap?: '0' | '1' | '2' | '3' | '4' | '6' | '8';\n  /** Vertical alignment. Default `center`. */\n  align?: 'start' | 'center' | 'end' | 'baseline';\n}\n\nconst GAP: Record<NonNullable<InlineProps['gap']>, string> = {\n  '0': 'gap-0', '1': 'gap-1', '2': 'gap-2', '3': 'gap-3', '4': 'gap-4', '6': 'gap-6', '8': 'gap-8',\n};\nconst ALIGN: Record<NonNullable<InlineProps['align']>, string> = {\n  start: 'items-start',\n  center: 'items-center',\n  end: 'items-end',\n  baseline: 'items-baseline',\n};\n\n/**\n * Wrapping horizontal row with consistent gap. Use for chips/tag rows,\n * inline button groups, breadcrumb-like sequences.\n */\nexport const Inline = forwardRef<HTMLDivElement, InlineProps>(\n  ({ gap = '2', align = 'center', className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('flex flex-wrap', GAP[gap], ALIGN[align], className)}\n      {...props}\n    />\n  ),\n);\nInline.displayName = 'Inline';\n"]}