@wow-two-beta/ui 0.0.47 → 0.0.48

package/dist/{chunk-66JKAVAM.js → chunk-NTUKGLIQ.js}

@@ -1,4 +1,4 @@
-import { tv } from './chunk-ZXZM4CMW.js';
+import { tv } from './chunk-34TLJSEH.js';
 import { cn } from './chunk-LDRFQG44.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-66JKAVAM.js.map
-//# sourceMappingURL=chunk-66JKAVAM.js.map
+//# sourceMappingURL=chunk-NTUKGLIQ.js.map
+//# sourceMappingURL=chunk-NTUKGLIQ.js.map

package/dist/{chunk-66JKAVAM.js.map → chunk-NTUKGLIQ.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-66JKAVAM.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-NTUKGLIQ.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-D3CGJMKB.js → chunk-SGMG6NZB.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';
@@ -91,7 +91,7 @@ var DialogContent = forwardRef(
           }
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-50 grid place-items-center overflow-y-auto p-4", children: /* @__PURE__ */ jsx(FocusScope, { asChild: true, trapped: true, loop: true, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-modal grid place-items-center overflow-y-auto p-4", children: /* @__PURE__ */ jsx(FocusScope, { asChild: true, trapped: true, loop: true, children: /* @__PURE__ */ jsx(
         DismissableLayer,
         {
           disableEscape: !ctx.dismissOnEscape,
@@ -135,5 +135,5 @@ Dialog.Footer = DialogFooter;
 Dialog.Close = DialogClose;
 
 export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger };
-//# sourceMappingURL=chunk-D3CGJMKB.js.map
-//# sourceMappingURL=chunk-D3CGJMKB.js.map
+//# sourceMappingURL=chunk-SGMG6NZB.js.map
+//# sourceMappingURL=chunk-SGMG6NZB.js.map

package/dist/{chunk-D3CGJMKB.js.map → chunk-SGMG6NZB.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/overlays/dialog/Dialog.tsx"],"names":["DialogTrigger","DialogContent"],"mappings":"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","file":"chunk-D3CGJMKB.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\ninterface DialogContextValue {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  triggerRef: React.MutableRefObject<HTMLElement | null>;\n  titleId: string;\n  descriptionId: string;\n  role: 'dialog' | 'alertdialog';\n  dismissOnOutsideClick: boolean;\n  dismissOnEscape: boolean;\n}\n\nconst DialogContext = createContext<DialogContextValue | null>(null);\n\nfunction useDialogContext() {\n  const ctx = useContext(DialogContext);\n  if (!ctx) throw new Error('Dialog.* must be used inside <Dialog>');\n  return ctx;\n}\n\nexport interface DialogProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  dismissOnOutsideClick?: boolean;\n  dismissOnEscape?: boolean;\n  /** Internal — `AlertDialog` overrides this. */\n  role?: 'dialog' | 'alertdialog';\n  children: ReactNode;\n}\n\nexport function Dialog({\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  dismissOnOutsideClick = true,\n  dismissOnEscape = true,\n  role = 'dialog',\n  children,\n}: DialogProps) {\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<DialogContextValue>(\n    () => ({\n      open,\n      setOpen,\n      triggerRef,\n      titleId,\n      descriptionId,\n      role,\n      dismissOnOutsideClick,\n      dismissOnEscape,\n    }),\n    [open, setOpen, titleId, descriptionId, role, dismissOnOutsideClick, dismissOnEscape],\n  );\n\n  return <DialogContext.Provider value={ctx}>{children}</DialogContext.Provider>;\n}\n\nexport interface DialogTriggerProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {\n  asChild?: boolean;\n  children: ReactNode;\n}\n\nexport const DialogTrigger = forwardRef<HTMLButtonElement, DialogTriggerProps>(\n  function DialogTrigger({ asChild, onClick, children, ...rest }, forwardedRef) {\n    const ctx = useDialogContext();\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 interface DialogContentProps extends HTMLAttributes<HTMLDivElement> {\n  /** Disable the default backdrop. */\n  hideBackdrop?: boolean;\n  /** Apply backdrop blur. */\n  blur?: boolean;\n  children: ReactNode;\n}\n\nexport const DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(\n  function DialogContent(\n    { hideBackdrop, blur, className, children, ...rest },\n    forwardedRef,\n  ) {\n    const ctx = useDialogContext();\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          <div className=\"fixed inset-0 z-50 grid place-items-center overflow-y-auto p-4\">\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={ctx.role}\n                  aria-modal=\"true\"\n                  aria-labelledby={ctx.titleId}\n                  aria-describedby={ctx.descriptionId}\n                  data-state=\"open\"\n                  className={cn(\n                    'relative w-full max-w-lg rounded-lg border border-border bg-background p-6 shadow-lg outline-none animate-in fade-in-0 zoom-in-95',\n                    className,\n                  )}\n                  {...rest}\n                >\n                  <OverlayChromeProvider value={chromeCtx}>{children}</OverlayChromeProvider>\n                </div>\n              </DismissableLayer>\n            </FocusScope>\n          </div>\n        </ScrollLockProvider>\n      </Portal>\n    );\n  },\n);\n\n// Re-export shared chrome subcomponents under the Dialog namespace.\nexport const DialogHeader = OverlayHeader;\nexport const DialogTitle = OverlayTitle;\nexport const DialogDescription = OverlayDescription;\nexport const DialogBody = OverlayBody;\nexport const DialogFooter = OverlayFooter;\nexport const DialogClose = OverlayCloseButton;\n\ntype DialogComponent = typeof Dialog & {\n  Trigger: typeof DialogTrigger;\n  Content: typeof DialogContent;\n  Header: typeof DialogHeader;\n  Title: typeof DialogTitle;\n  Description: typeof DialogDescription;\n  Body: typeof DialogBody;\n  Footer: typeof DialogFooter;\n  Close: typeof DialogClose;\n};\n\n(Dialog as DialogComponent).Trigger = DialogTrigger;\n(Dialog as DialogComponent).Content = DialogContent;\n(Dialog as DialogComponent).Header = DialogHeader;\n(Dialog as DialogComponent).Title = DialogTitle;\n(Dialog as DialogComponent).Description = DialogDescription;\n(Dialog as DialogComponent).Body = DialogBody;\n(Dialog as DialogComponent).Footer = DialogFooter;\n(Dialog as DialogComponent).Close = DialogClose;\n\nexport default Dialog as DialogComponent;\n"]}
+{"version":3,"sources":["../src/overlays/dialog/Dialog.tsx"],"names":["DialogTrigger","DialogContent"],"mappings":"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","file":"chunk-SGMG6NZB.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\ninterface DialogContextValue {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  triggerRef: React.MutableRefObject<HTMLElement | null>;\n  titleId: string;\n  descriptionId: string;\n  role: 'dialog' | 'alertdialog';\n  dismissOnOutsideClick: boolean;\n  dismissOnEscape: boolean;\n}\n\nconst DialogContext = createContext<DialogContextValue | null>(null);\n\nfunction useDialogContext() {\n  const ctx = useContext(DialogContext);\n  if (!ctx) throw new Error('Dialog.* must be used inside <Dialog>');\n  return ctx;\n}\n\nexport interface DialogProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  dismissOnOutsideClick?: boolean;\n  dismissOnEscape?: boolean;\n  /** Internal — `AlertDialog` overrides this. */\n  role?: 'dialog' | 'alertdialog';\n  children: ReactNode;\n}\n\nexport function Dialog({\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  dismissOnOutsideClick = true,\n  dismissOnEscape = true,\n  role = 'dialog',\n  children,\n}: DialogProps) {\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<DialogContextValue>(\n    () => ({\n      open,\n      setOpen,\n      triggerRef,\n      titleId,\n      descriptionId,\n      role,\n      dismissOnOutsideClick,\n      dismissOnEscape,\n    }),\n    [open, setOpen, titleId, descriptionId, role, dismissOnOutsideClick, dismissOnEscape],\n  );\n\n  return <DialogContext.Provider value={ctx}>{children}</DialogContext.Provider>;\n}\n\nexport interface DialogTriggerProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {\n  asChild?: boolean;\n  children: ReactNode;\n}\n\nexport const DialogTrigger = forwardRef<HTMLButtonElement, DialogTriggerProps>(\n  function DialogTrigger({ asChild, onClick, children, ...rest }, forwardedRef) {\n    const ctx = useDialogContext();\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 interface DialogContentProps extends HTMLAttributes<HTMLDivElement> {\n  /** Disable the default backdrop. */\n  hideBackdrop?: boolean;\n  /** Apply backdrop blur. */\n  blur?: boolean;\n  children: ReactNode;\n}\n\nexport const DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(\n  function DialogContent(\n    { hideBackdrop, blur, className, children, ...rest },\n    forwardedRef,\n  ) {\n    const ctx = useDialogContext();\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          <div className=\"fixed inset-0 z-modal grid place-items-center overflow-y-auto p-4\">\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={ctx.role}\n                  aria-modal=\"true\"\n                  aria-labelledby={ctx.titleId}\n                  aria-describedby={ctx.descriptionId}\n                  data-state=\"open\"\n                  className={cn(\n                    'relative w-full max-w-lg rounded-lg border border-border bg-background p-6 shadow-lg outline-none animate-in fade-in-0 zoom-in-95',\n                    className,\n                  )}\n                  {...rest}\n                >\n                  <OverlayChromeProvider value={chromeCtx}>{children}</OverlayChromeProvider>\n                </div>\n              </DismissableLayer>\n            </FocusScope>\n          </div>\n        </ScrollLockProvider>\n      </Portal>\n    );\n  },\n);\n\n// Re-export shared chrome subcomponents under the Dialog namespace.\nexport const DialogHeader = OverlayHeader;\nexport const DialogTitle = OverlayTitle;\nexport const DialogDescription = OverlayDescription;\nexport const DialogBody = OverlayBody;\nexport const DialogFooter = OverlayFooter;\nexport const DialogClose = OverlayCloseButton;\n\ntype DialogComponent = typeof Dialog & {\n  Trigger: typeof DialogTrigger;\n  Content: typeof DialogContent;\n  Header: typeof DialogHeader;\n  Title: typeof DialogTitle;\n  Description: typeof DialogDescription;\n  Body: typeof DialogBody;\n  Footer: typeof DialogFooter;\n  Close: typeof DialogClose;\n};\n\n(Dialog as DialogComponent).Trigger = DialogTrigger;\n(Dialog as DialogComponent).Content = DialogContent;\n(Dialog as DialogComponent).Header = DialogHeader;\n(Dialog as DialogComponent).Title = DialogTitle;\n(Dialog as DialogComponent).Description = DialogDescription;\n(Dialog as DialogComponent).Body = DialogBody;\n(Dialog as DialogComponent).Footer = DialogFooter;\n(Dialog as DialogComponent).Close = DialogClose;\n\nexport default Dialog as DialogComponent;\n"]}

package/dist/{chunk-TJ5GE6QW.js → chunk-UPSN6NFK.js}

@@ -1,7 +1,7 @@
-import { Drawer, DrawerContent } from './chunk-XTAFNWLG.js';
-import { Spinner } from './chunk-66JKAVAM.js';
+import { Drawer, DrawerContent } from './chunk-2SIB3MZL.js';
+import { Spinner } from './chunk-NTUKGLIQ.js';
 import { useControlled, useMediaQuery } from './chunk-NUMFGKPY.js';
-import { tv, TransitionExtensions, CssExtensions, surfaceVariants } from './chunk-ZXZM4CMW.js';
+import { tv, TransitionExtensions, CssExtensions, surfaceVariants } from './chunk-34TLJSEH.js';
 import { Announce, Presence, Slot } from './chunk-BMABNEZX.js';
 import { cn } from './chunk-LDRFQG44.js';
 import { forwardRef, createContext, useRef, useEffect, useCallback, useMemo, Children, isValidElement, useState, useContext } from 'react';
@@ -698,7 +698,7 @@ var PullToRefresh = forwardRef(
             "div",
             {
               "aria-hidden": "true",
-              className: "pointer-events-none absolute inset-x-0 top-0 z-10 flex items-center justify-center",
+              className: "pointer-events-none absolute inset-x-0 top-0 z-raised flex items-center justify-center",
               style: {
                 height: pull,
                 transition: startYRef.current == null ? "height 200ms ease-out" : "none"
@@ -788,7 +788,7 @@ var AppShell = forwardRef(function AppShell2({
           "a",
           {
             href: "#app-shell-main",
-            className: "sr-only focus:not-sr-only focus:fixed focus:left-2 focus:top-2 focus:z-50 focus:rounded-md focus:bg-card focus:px-3 focus:py-2 focus:shadow",
+            className: "sr-only focus:not-sr-only focus:fixed focus:left-2 focus:top-2 focus:z-modal focus:rounded-md focus:bg-card focus:px-3 focus:py-2 focus:shadow",
             children: "Skip to content"
           }
         ),
@@ -805,7 +805,7 @@ var AppShellHeader = forwardRef(
         ref,
         role: "banner",
         className: cn(
-          "sticky top-0 z-30 flex h-14 items-center gap-3 border-b border-border bg-card px-4 [grid-area:header]",
+          "sticky top-0 z-sticky flex h-14 items-center gap-3 border-b border-border bg-card px-4 [grid-area:header]",
           className
         ),
         ...rest
@@ -1128,5 +1128,5 @@ var Surface = forwardRef(function Surface2({
 Surface.displayName = COMPONENT_NAME2;
 
 export { AppShell, AppShellAside, AppShellContent, AppShellFooter, AppShellHeader, AppShellMain, AppShellSidebar, AspectRatio, Box, Center, Cluster, Container, Flex, Frame, Grid, HStack, Inline, Overlay, PullToRefresh, ResizablePanel, ResizablePanels, ResizableSeparator, ScrollArea, Spacer, Stack, Surface, TwoColumn, VStack, containerVariants, gridVariants, stackVariants, useAppShell };
-//# sourceMappingURL=chunk-TJ5GE6QW.js.map
-//# sourceMappingURL=chunk-TJ5GE6QW.js.map
+//# sourceMappingURL=chunk-UPSN6NFK.js.map
+//# sourceMappingURL=chunk-UPSN6NFK.js.map