@wow-two-beta/ui 0.0.46 → 0.0.48

package/dist/actions/index.js

@@ -1,7 +1,7 @@
-export { BackToTopButton, Button, ButtonGroup, CopyButton, DisclosureButton, FAB, Link, SegmentedControl, SpeedDial, SpeedDialAction, SpeedDialTrigger, ToggleButton, ToggleButtonGroup, Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator, buttonVariants, fabVariants, linkVariants, toggleButtonVariants } from '../chunk-4YMU5MVC.js';
+export { BackToTopButton, Button, ButtonGroup, CopyButton, DisclosureButton, FAB, Link, SegmentedControl, SpeedDial, SpeedDialAction, SpeedDialTrigger, ToggleButton, ToggleButtonGroup, Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator, buttonVariants, fabVariants, linkVariants, toggleButtonVariants } from '../chunk-6URHYLVG.js';
 import '../chunk-NUMFGKPY.js';
 import '../chunk-F227LKWK.js';
-import '../chunk-MUUFERDO.js';
+import '../chunk-34TLJSEH.js';
 import '../chunk-BMABNEZX.js';
 import '../chunk-KDXJQNB6.js';
 import '../chunk-LDRFQG44.js';

package/dist/actions/toggleButton/ToggleButton.d.ts

@@ -1,13 +1,15 @@
-import { type ButtonHTMLAttributes } from 'react';
+import { type ReactNode } from 'react';
+import { type ButtonProps } from '../button/Button';
 import { type ToggleButtonVariants } from './ToggleButton.variants';
-export interface ToggleButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value'>, ToggleButtonVariants {
-    /** Controlled pressed state. */
+type ToggleButtonChildren = ReactNode | ((args: {
+    pressed: boolean;
+}) => ReactNode);
+export interface ToggleButtonProps extends Omit<ButtonProps, 'variant' | 'tone' | 'children'>, ToggleButtonVariants {
     pressed?: boolean;
-    /** Uncontrolled initial state. */
     defaultPressed?: boolean;
-    /** Fires whenever pressed state changes. */
     onPressedChange?: (pressed: boolean) => void;
+    children?: ToggleButtonChildren;
 }
-/** Two-state button (on/off) — sets `aria-pressed` + `data-state="on|off"`. */
 export declare const ToggleButton: import("react").ForwardRefExoticComponent<ToggleButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};
 //# sourceMappingURL=ToggleButton.d.ts.map

package/dist/actions/toggleButton/ToggleButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../src/actions/toggleButton/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAG9D,OAAO,EAAwB,KAAK,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE1F,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAC5D,oBAAoB;IACtB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kCAAkC;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4CAA4C;IAC5C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,+EAA+E;AAC/E,eAAO,MAAM,YAAY,iHAsCxB,CAAC"}
+{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../src/actions/toggleButton/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAwB,KAAK,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAK1F,KAAK,oBAAoB,GACrB,SAAS,GACT,CAAC,CAAC,IAAI,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,KAAK,SAAS,CAAC,CAAC;AAEhD,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC,EACxD,oBAAoB;IAEtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAGlB,cAAc,CAAC,EAAE,OAAO,CAAC;IAGzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAG7C,QAAQ,CAAC,EAAE,oBAAoB,CAAC;CACjC;AAGD,eAAO,MAAM,YAAY,iHA2CxB,CAAC"}

package/dist/actions/toggleButton/ToggleButton.variants.d.ts

@@ -1,80 +1,115 @@
 import { type VariantProps } from '../../utils';
 export declare const toggleButtonVariants: import("tailwind-variants").TVReturnType<{
     variant: {
-        solid: string;
-        outline: string;
         ghost: string;
+        soft: string;
+        outline: string;
+        solid: string;
+        glass: string;
+        'glass-surface': string;
     };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
+    tone: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        success: string;
+        warning: string;
     };
-}, undefined, "inline-flex items-center justify-center font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-primary data-[state=on]:text-primary-foreground", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<{
     variant: {
-        solid: string;
-        outline: string;
         ghost: string;
+        soft: string;
+        outline: string;
+        solid: string;
+        glass: string;
+        'glass-surface': string;
     };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
+    tone: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        success: string;
+        warning: string;
     };
 }, {
     variant: {
-        solid: string;
-        outline: string;
         ghost: string;
+        soft: string;
+        outline: string;
+        solid: string;
+        glass: string;
+        'glass-surface': string;
     };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
+    tone: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        success: string;
+        warning: string;
     };
 }>, {
     variant: {
-        solid: string;
-        outline: string;
         ghost: string;
+        soft: string;
+        outline: string;
+        solid: string;
+        glass: string;
+        'glass-surface': string;
     };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
+    tone: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        success: string;
+        warning: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     variant: {
-        solid: string;
-        outline: string;
         ghost: string;
+        soft: string;
+        outline: string;
+        solid: string;
+        glass: string;
+        'glass-surface': string;
     };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
+    tone: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        success: string;
+        warning: string;
     };
-}, undefined, "inline-flex items-center justify-center font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-primary data-[state=on]:text-primary-foreground", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<{
     variant: {
-        solid: string;
-        outline: string;
         ghost: string;
+        soft: string;
+        outline: string;
+        solid: string;
+        glass: string;
+        'glass-surface': string;
     };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
+    tone: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        success: string;
+        warning: string;
     };
 }, {
     variant: {
-        solid: string;
-        outline: string;
         ghost: string;
+        soft: string;
+        outline: string;
+        solid: string;
+        glass: string;
+        'glass-surface': string;
     };
-    size: {
-        sm: string;
-        md: string;
-        lg: string;
+    tone: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        success: string;
+        warning: string;
     };
 }>, unknown, unknown, undefined>>;
 export type ToggleButtonVariants = VariantProps<typeof toggleButtonVariants>;

package/dist/actions/toggleButton/ToggleButton.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.variants.d.ts","sourceRoot":"","sources":["../../../src/actions/toggleButton/ToggleButton.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEpD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAkB/B,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC"}
+{"version":3,"file":"ToggleButton.variants.d.ts","sourceRoot":"","sources":["../../../src/actions/toggleButton/ToggleButton.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAGpD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAkE/B,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC"}

package/dist/{chunk-XTAFNWLG.js → chunk-2SIB3MZL.js}

@@ -1,5 +1,5 @@
 import { OverlayChromeProvider, OverlayBody, OverlayCloseButton, OverlayDescription, OverlayFooter, OverlayHeader, OverlayTitle } from './chunk-526AMQXZ.js';
-import { Backdrop } from './chunk-CBMPWDRA.js';
+import { Backdrop } from './chunk-BLXE2RCC.js';
 import { useControlled } from './chunk-NUMFGKPY.js';
 import { Slot, Portal, ScrollLockProvider, DismissableLayer } from './chunk-BMABNEZX.js';
 import { composeRefs, cn } from './chunk-LDRFQG44.js';
@@ -114,7 +114,7 @@ var DrawerContent = forwardRef(
               "data-state": "open",
               "data-side": ctx.side,
               className: cn(
-                "fixed z-50 flex flex-col gap-4 border-border bg-background p-6 shadow-lg outline-none",
+                "fixed z-modal flex flex-col gap-4 border-border bg-background p-6 shadow-lg outline-none",
                 SIDE_CLASSES[ctx.side],
                 className
               ),
@@ -143,5 +143,5 @@ Drawer.Footer = DrawerFooter;
 Drawer.Close = DrawerClose;
 
 export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger };
-//# sourceMappingURL=chunk-XTAFNWLG.js.map
-//# sourceMappingURL=chunk-XTAFNWLG.js.map
+//# sourceMappingURL=chunk-2SIB3MZL.js.map
+//# sourceMappingURL=chunk-2SIB3MZL.js.map

package/dist/{chunk-XTAFNWLG.js.map → chunk-2SIB3MZL.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/overlays/drawer/Drawer.tsx"],"names":["DrawerTrigger","DrawerContent"],"mappings":"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","file":"chunk-XTAFNWLG.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 } 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\nconst SIDE_CLASSES: Record<DrawerSide, string> = {\n  right:\n    'inset-y-0 right-0 h-full w-full sm:max-w-sm border-l animate-in slide-in-from-right',\n  left: 'inset-y-0 left-0 h-full w-full sm:max-w-sm border-r animate-in slide-in-from-left',\n  top: 'inset-x-0 top-0 w-full max-h-[85vh] border-b animate-in slide-in-from-top',\n  bottom: 'inset-x-0 bottom-0 w-full max-h-[85vh] border-t animate-in slide-in-from-bottom',\n};\n\nexport interface DrawerContentProps extends HTMLAttributes<HTMLDivElement> {\n  hideBackdrop?: boolean;\n  blur?: boolean;\n  children: ReactNode;\n}\n\nexport const DrawerContent = forwardRef<HTMLDivElement, DrawerContentProps>(\n  function DrawerContent(\n    { hideBackdrop, blur, className, children, ...rest },\n    forwardedRef,\n  ) {\n    const ctx = useDrawerContext();\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              inline\n              blur={blur}\n              onClick={() => {\n                if (ctx.dismissOnOutsideClick) ctx.setOpen(false);\n              }}\n            />\n          )}\n          <FocusScope asChild trapped loop>\n            <DismissableLayer\n              disableEscape={!ctx.dismissOnEscape}\n              onEscape={() => ctx.setOpen(false)}\n              disableOutsideClick\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-50 flex flex-col gap-4 border-border bg-background p-6 shadow-lg outline-none',\n                  SIDE_CLASSES[ctx.side],\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"]}
+{"version":3,"sources":["../src/overlays/drawer/Drawer.tsx"],"names":["DrawerTrigger","DrawerContent"],"mappings":"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","file":"chunk-2SIB3MZL.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 } 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\nconst SIDE_CLASSES: Record<DrawerSide, string> = {\n  right:\n    'inset-y-0 right-0 h-full w-full sm:max-w-sm border-l animate-in slide-in-from-right',\n  left: 'inset-y-0 left-0 h-full w-full sm:max-w-sm border-r animate-in slide-in-from-left',\n  top: 'inset-x-0 top-0 w-full max-h-[85vh] border-b animate-in slide-in-from-top',\n  bottom: 'inset-x-0 bottom-0 w-full max-h-[85vh] border-t animate-in slide-in-from-bottom',\n};\n\nexport interface DrawerContentProps extends HTMLAttributes<HTMLDivElement> {\n  hideBackdrop?: boolean;\n  blur?: boolean;\n  children: ReactNode;\n}\n\nexport const DrawerContent = forwardRef<HTMLDivElement, DrawerContentProps>(\n  function DrawerContent(\n    { hideBackdrop, blur, className, children, ...rest },\n    forwardedRef,\n  ) {\n    const ctx = useDrawerContext();\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              inline\n              blur={blur}\n              onClick={() => {\n                if (ctx.dismissOnOutsideClick) ctx.setOpen(false);\n              }}\n            />\n          )}\n          <FocusScope asChild trapped loop>\n            <DismissableLayer\n              disableEscape={!ctx.dismissOnEscape}\n              onEscape={() => ctx.setOpen(false)}\n              disableOutsideClick\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 border-border bg-background p-6 shadow-lg outline-none',\n                  SIDE_CLASSES[ctx.side],\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"]}