@wow-two-beta/ui 0.0.56 → 0.0.58

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-T6ZDMPHL.js → chunk-NR5DYKSJ.js}

@@ -1,5 +1,5 @@
-import { tv } from './chunk-RDDIOVK4.js';
-import { cn } from './chunk-LDRFQG44.js';
+import { tv } from './chunk-JYGC5SRP.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-NR5DYKSJ.js.map
+//# sourceMappingURL=chunk-NR5DYKSJ.js.map

package/dist/{chunk-T6ZDMPHL.js.map → chunk-NR5DYKSJ.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-NR5DYKSJ.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-46BOUO7J.js → chunk-OBW7JUNL.js}

@@ -1,9 +1,9 @@
-import { OverlayChromeProvider, OverlayBody, OverlayCloseButton, OverlayDescription, OverlayFooter, OverlayHeader, OverlayTitle } from './chunk-526AMQXZ.js';
-import { Backdrop } from './chunk-BLXE2RCC.js';
-import { useControlled } from './chunk-NUMFGKPY.js';
-import { surfaceVariants } from './chunk-RDDIOVK4.js';
-import { Slot, Portal, ScrollLockProvider, DismissableLayer } from './chunk-BMABNEZX.js';
-import { composeRefs, cn } from './chunk-LDRFQG44.js';
+import { OverlayChromeProvider, OverlayBody, OverlayCloseButton, OverlayDescription, OverlayFooter, OverlayHeader, OverlayTitle } from './chunk-FNSC4LAL.js';
+import { Backdrop } from './chunk-DJJOQWOG.js';
+import { useControlled } from './chunk-V267IMBH.js';
+import { surfaceVariants } from './chunk-JYGC5SRP.js';
+import { Slot, Portal, ScrollLockProvider, DismissableLayer } from './chunk-TTSJZEL7.js';
+import { composeRefs, cn } from './chunk-X2MYOHOB.js';
 import { createContext, forwardRef, useCallback, useMemo, useContext, useRef, useId } from 'react';
 import { FocusScope } from '@radix-ui/react-focus-scope';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -92,7 +92,7 @@ var VERTICAL_SIZE = {
 var DrawerContent = forwardRef(
   function DrawerContent2({
     hideBackdrop,
-    blur,
+    isBlurred,
     variant,
     tone,
     radius,
@@ -119,8 +119,8 @@ var DrawerContent = forwardRef(
       !hideBackdrop && /* @__PURE__ */ jsx(
         Backdrop,
         {
-          inline: true,
-          blur,
+          isInline: true,
+          isBlurred,
           onClick: () => {
             if (ctx.dismissOnOutsideClick) ctx.setOpen(false);
           }
@@ -129,9 +129,9 @@ var DrawerContent = forwardRef(
       /* @__PURE__ */ jsx(FocusScope, { asChild: true, trapped: true, loop: true, children: /* @__PURE__ */ jsx(
         DismissableLayer,
         {
-          disableEscape: !ctx.dismissOnEscape,
+          isEscapeDisabled: !ctx.dismissOnEscape,
           onEscape: () => ctx.setOpen(false),
-          disableOutsideClick: true,
+          isOutsideClickDisabled: true,
           children: /* @__PURE__ */ jsx(
             "div",
             {
@@ -180,5 +180,5 @@ Drawer.Footer = DrawerFooter;
 Drawer.Close = DrawerClose;
 
 export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger };
-//# sourceMappingURL=chunk-46BOUO7J.js.map
-//# sourceMappingURL=chunk-46BOUO7J.js.map
+//# sourceMappingURL=chunk-OBW7JUNL.js.map
+//# sourceMappingURL=chunk-OBW7JUNL.js.map

package/dist/chunk-OBW7JUNL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/overlays/drawer/Drawer.tsx"],"names":["DrawerTrigger","DrawerContent"],"mappings":"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","file":"chunk-OBW7JUNL.js","sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useId,\n  useMemo,\n  useRef,\n  type ButtonHTMLAttributes,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { FocusScope } from '@radix-ui/react-focus-scope';\nimport { cn, composeRefs, surfaceVariants, type SurfaceVariants } from '../../utils';\nimport { useControlled } from '../../hooks';\nimport { DismissableLayer, Portal, ScrollLockProvider, Slot } from '../../primitives';\nimport { Backdrop } from '../backdrop';\nimport {\n  OverlayBody,\n  OverlayChromeProvider,\n  OverlayCloseButton,\n  OverlayDescription,\n  OverlayFooter,\n  OverlayHeader,\n  OverlayTitle,\n  type OverlayChromeContextValue,\n} from '../OverlayChrome';\n\nexport type DrawerSide = 'top' | 'right' | 'bottom' | 'left';\n\ninterface DrawerContextValue {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  triggerRef: React.MutableRefObject<HTMLElement | null>;\n  titleId: string;\n  descriptionId: string;\n  side: DrawerSide;\n  dismissOnOutsideClick: boolean;\n  dismissOnEscape: boolean;\n}\n\nconst DrawerContext = createContext<DrawerContextValue | null>(null);\n\nfunction useDrawerContext() {\n  const ctx = useContext(DrawerContext);\n  if (!ctx) throw new Error('Drawer.* must be used inside <Drawer>');\n  return ctx;\n}\n\nexport interface DrawerProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  side?: DrawerSide;\n  dismissOnOutsideClick?: boolean;\n  dismissOnEscape?: boolean;\n  children: ReactNode;\n}\n\nexport function Drawer({\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  side = 'right',\n  dismissOnOutsideClick = true,\n  dismissOnEscape = true,\n  children,\n}: DrawerProps) {\n  const [open, setOpen] = useControlled({\n    controlled: openProp,\n    default: defaultOpen,\n    onChange: onOpenChange,\n  });\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const titleId = useId();\n  const descriptionId = useId();\n\n  const ctx = useMemo<DrawerContextValue>(\n    () => ({\n      open,\n      setOpen,\n      triggerRef,\n      titleId,\n      descriptionId,\n      side,\n      dismissOnOutsideClick,\n      dismissOnEscape,\n    }),\n    [open, setOpen, titleId, descriptionId, side, dismissOnOutsideClick, dismissOnEscape],\n  );\n\n  return <DrawerContext.Provider value={ctx}>{children}</DrawerContext.Provider>;\n}\n\nexport interface DrawerTriggerProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {\n  asChild?: boolean;\n  children: ReactNode;\n}\n\nexport const DrawerTrigger = forwardRef<HTMLButtonElement, DrawerTriggerProps>(\n  function DrawerTrigger({ asChild, onClick, children, ...rest }, forwardedRef) {\n    const ctx = useDrawerContext();\n    const Component = asChild ? Slot : 'button';\n    return (\n      <Component\n        ref={composeRefs(forwardedRef, ctx.triggerRef as React.MutableRefObject<HTMLButtonElement | null>) as never}\n        type=\"button\"\n        aria-haspopup=\"dialog\"\n        aria-expanded={ctx.open}\n        data-state={ctx.open ? 'open' : 'closed'}\n        onClick={(e: React.MouseEvent<HTMLButtonElement>) => {\n          onClick?.(e);\n          if (e.defaultPrevented) return;\n          ctx.setOpen(true);\n        }}\n        {...rest}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\n\nexport type DrawerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';\n\nconst SIDE_BASE: Record<DrawerSide, string> = {\n  right: 'inset-y-0 right-0 h-full w-full border-l animate-in slide-in-from-right',\n  left: 'inset-y-0 left-0 h-full w-full border-r animate-in slide-in-from-left',\n  top: 'inset-x-0 top-0 w-full border-b animate-in slide-in-from-top',\n  bottom: 'inset-x-0 bottom-0 w-full border-t animate-in slide-in-from-bottom',\n};\n\nconst HORIZONTAL_SIZE: Record<DrawerSize, string> = {\n  sm: 'sm:max-w-sm',\n  md: 'sm:max-w-md',\n  lg: 'sm:max-w-lg',\n  xl: 'sm:max-w-2xl',\n  full: '',\n};\n\nconst VERTICAL_SIZE: Record<DrawerSize, string> = {\n  sm: 'max-h-[40vh]',\n  md: 'max-h-[60vh]',\n  lg: 'max-h-[75vh]',\n  xl: 'max-h-[85vh]',\n  full: 'max-h-screen',\n};\n\n/** Represents the prop surface of `Drawer.Content`. */\nexport interface DrawerContentProps extends HTMLAttributes<HTMLDivElement>, SurfaceVariants {\n  hideBackdrop?: boolean;\n  isBlurred?: boolean;\n  /** Per-side max-size token. Default `md` (preserves prior behavior for right/left at `sm`-ish width via `sm:max-w-md`). */\n  size?: DrawerSize;\n  children: ReactNode;\n}\n\nexport const DrawerContent = forwardRef<HTMLDivElement, DrawerContentProps>(\n  function DrawerContent(\n    {\n      hideBackdrop,\n      isBlurred,\n      variant,\n      tone,\n      radius,\n      padding,\n      elevation,\n      size = 'md',\n      className,\n      children,\n      ...rest\n    },\n    forwardedRef,\n  ) {\n    const ctx = useDrawerContext();\n    const isHorizontal = ctx.side === 'right' || ctx.side === 'left';\n    const sizeClass = isHorizontal ? HORIZONTAL_SIZE[size] : VERTICAL_SIZE[size];\n\n    const close = useCallback(() => {\n      ctx.setOpen(false);\n      requestAnimationFrame(() => ctx.triggerRef.current?.focus());\n    }, [ctx]);\n\n    const chromeCtx = useMemo<OverlayChromeContextValue>(\n      () => ({ titleId: ctx.titleId, descriptionId: ctx.descriptionId, close }),\n      [ctx.titleId, ctx.descriptionId, close],\n    );\n\n    if (!ctx.open) return null;\n    return (\n      <Portal>\n        <ScrollLockProvider>\n          {!hideBackdrop && (\n            <Backdrop\n              isInline\n              isBlurred={isBlurred}\n              onClick={() => {\n                if (ctx.dismissOnOutsideClick) ctx.setOpen(false);\n              }}\n            />\n          )}\n          <FocusScope asChild trapped loop>\n            <DismissableLayer\n              isEscapeDisabled={!ctx.dismissOnEscape}\n              onEscape={() => ctx.setOpen(false)}\n              isOutsideClickDisabled\n            >\n              <div\n                ref={forwardedRef}\n                role=\"dialog\"\n                aria-modal=\"true\"\n                aria-labelledby={ctx.titleId}\n                aria-describedby={ctx.descriptionId}\n                data-state=\"open\"\n                data-side={ctx.side}\n                className={cn(\n                  'fixed z-modal flex flex-col gap-4 outline-none',\n                  surfaceVariants({\n                    variant: variant ?? 'elevated',\n                    tone,\n                    radius: radius ?? 'none',\n                    padding: padding ?? 'xl',\n                    elevation: elevation ?? 3,\n                  }),\n                  SIDE_BASE[ctx.side],\n                  sizeClass,\n                  className,\n                )}\n                {...rest}\n              >\n                <OverlayChromeProvider value={chromeCtx}>{children}</OverlayChromeProvider>\n              </div>\n            </DismissableLayer>\n          </FocusScope>\n        </ScrollLockProvider>\n      </Portal>\n    );\n  },\n);\n\n// Re-export shared chrome subcomponents under the Drawer namespace.\nexport const DrawerHeader = OverlayHeader;\nexport const DrawerTitle = OverlayTitle;\nexport const DrawerDescription = OverlayDescription;\nexport const DrawerBody = OverlayBody;\nexport const DrawerFooter = OverlayFooter;\nexport const DrawerClose = OverlayCloseButton;\n\ntype DrawerComponent = typeof Drawer & {\n  Trigger: typeof DrawerTrigger;\n  Content: typeof DrawerContent;\n  Header: typeof DrawerHeader;\n  Title: typeof DrawerTitle;\n  Description: typeof DrawerDescription;\n  Body: typeof DrawerBody;\n  Footer: typeof DrawerFooter;\n  Close: typeof DrawerClose;\n};\n\n(Drawer as DrawerComponent).Trigger = DrawerTrigger;\n(Drawer as DrawerComponent).Content = DrawerContent;\n(Drawer as DrawerComponent).Header = DrawerHeader;\n(Drawer as DrawerComponent).Title = DrawerTitle;\n(Drawer as DrawerComponent).Description = DrawerDescription;\n(Drawer as DrawerComponent).Body = DrawerBody;\n(Drawer as DrawerComponent).Footer = DrawerFooter;\n(Drawer as DrawerComponent).Close = DrawerClose;\n\nexport default Drawer as DrawerComponent;\n"]}

package/dist/{chunk-BMABNEZX.js → chunk-TTSJZEL7.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 Presence({ present, children }) {
-  const [rendered, setRendered] = useState(present);
+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({ isPresent, children }) {
+  const [rendered, setRendered] = useState(isPresent);
+  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 (!isPresent) 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);
+    };
+  }, [isPresent, rendered, dataState]);
+  useEffect(() => {
+    if (isPresent) 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;
+  }, [isPresent]);
+  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");
@@ -143,20 +202,30 @@ function AccessibleIcon({ label, children }) {
 var FocusScope = FocusScope$1;
 var layerStack = [];
 var DismissableLayer = forwardRef(
-  ({ onEscape, onOutsidePointerDown, disableEscape, disableOutsideClick, ...props }, forwardedRef) => {
+  ({ onEscape, onOutsidePointerDown, isEscapeDisabled, isOutsideClickDisabled, ...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;
+      if (isEscapeDisabled) return;
       const onKeyDown = (e) => {
         if (e.key !== "Escape") return;
         const top = layerStack[layerStack.length - 1];
@@ -164,9 +233,9 @@ var DismissableLayer = forwardRef(
       };
       document.addEventListener("keydown", onKeyDown);
       return () => document.removeEventListener("keydown", onKeyDown);
-    }, [disableEscape]);
+    }, [isEscapeDisabled]);
     useEffect(() => {
-      if (disableOutsideClick) return;
+      if (isOutsideClickDisabled) return;
       const onPointer = (e) => {
         const top = layerStack[layerStack.length - 1];
         if (!top || top.node !== ref.current) return;
@@ -176,15 +245,16 @@ var DismissableLayer = forwardRef(
       };
       document.addEventListener("pointerdown", onPointer, true);
       return () => document.removeEventListener("pointerdown", onPointer, true);
-    }, [disableOutsideClick]);
-    return /* @__PURE__ */ jsx("div", { ref: composeRefs(forwardedRef, ref), ...props });
+    }, [isOutsideClickDisabled]);
+    const composedRef = useComposedRefs(forwardedRef, ref);
+    return /* @__PURE__ */ jsx("div", { ref: composedRef, ...props });
   }
 );
 DismissableLayer.displayName = "DismissableLayer";
 var AnchoredPositioner = forwardRef(
-  ({ anchor, placement = "bottom", offset: offset$1 = 8, open = true, children, style, ...props }, forwardedRef) => {
+  ({ anchor, placement = "bottom", offset: offset$1 = 8, isOpen = true, children, style, ...props }, forwardedRef) => {
     const { refs, floatingStyles } = useFloating({
-      open,
+      open: isOpen,
       placement,
       middleware: [
         offset(offset$1),
@@ -203,7 +273,7 @@ var AnchoredPositioner = forwardRef(
       whileElementsMounted: autoUpdate,
       elements: { reference: anchor }
     });
-    if (!open) return null;
+    if (!isOpen) return null;
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -218,30 +288,59 @@ var AnchoredPositioner = forwardRef(
 AnchoredPositioner.displayName = "AnchoredPositioner";
 var RovingFocusContext = createContext(null);
 var RovingFocusGroup = forwardRef(
-  function RovingFocusGroup2({ orientation = "horizontal", loop = true, children, ...props }, ref) {
+  function RovingFocusGroup2({ orientation = "horizontal", canLoop = 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) {
+          if (next >= list.length) next = canLoop ? 0 : list.length - 1;
+        } else if (event.key === prevHorizKey && isHoriz || event.key === "ArrowUp" && isVert) {
           next = idx - 1;
-          if (next < 0) next = loop ? list.length - 1 : 0;
+          if (next < 0) next = canLoop ? list.length - 1 : 0;
         } else if (event.key === "Home") {
           next = 0;
         } else if (event.key === "End") {
@@ -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, canLoop, 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 { isActive = 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 (!isActive || !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);
+  }, [isActive, 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
   };
 }
@@ -333,8 +463,8 @@ function FormControlProvider({
 function useFormControl() {
   return useContext(Context);
 }
-function ScrollLockProvider({ enabled = true, children }) {
-  useScrollLock(enabled);
+function ScrollLockProvider({ isEnabled = true, children }) {
+  useScrollLock(isEnabled);
   return /* @__PURE__ */ jsx(Fragment, { children });
 }
 var OverlayArrow = forwardRef(
@@ -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-TTSJZEL7.js.map
+//# sourceMappingURL=chunk-TTSJZEL7.js.map