@wow-two-beta/ui 0.0.56 → 0.0.57

package/dist/{chunk-O2DK3E3E.js → chunk-5Y43MUOK.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-4WYHY6KV.js';
+import { Backdrop } from './chunk-BI6JZY2O.js';
+import { useControlled } from './chunk-5PMOT5MD.js';
+import { surfaceVariants } from './chunk-XDP6GEBA.js';
+import { Slot, Portal, ScrollLockProvider, DismissableLayer } from './chunk-UI4RT5JF.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';
@@ -93,48 +93,49 @@ var DialogContent = forwardRef(
     );
     if (!ctx.open) return null;
     return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(ScrollLockProvider, { children: [
-      !hideBackdrop && /* @__PURE__ */ jsx(
-        Backdrop,
+      !hideBackdrop && /* @__PURE__ */ jsx(Backdrop, { inline: true, blur }),
+      /* @__PURE__ */ jsx(
+        "div",
         {
-          inline: true,
-          blur,
-          onClick: () => {
+          className: "fixed inset-0 z-modal grid place-items-center overflow-y-auto p-4",
+          onClick: (e) => {
+            if (e.target !== e.currentTarget) return;
             if (ctx.dismissOnOutsideClick) ctx.setOpen(false);
-          }
-        }
-      ),
-      /* @__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,
-          onEscape: () => ctx.setOpen(false),
-          disableOutsideClick: true,
-          children: /* @__PURE__ */ jsx(
-            "div",
+          },
+          children: /* @__PURE__ */ jsx(FocusScope, { asChild: true, trapped: true, loop: true, children: /* @__PURE__ */ jsx(
+            DismissableLayer,
             {
-              ref: forwardedRef,
-              role: ctx.role,
-              "aria-modal": "true",
-              "aria-labelledby": ctx.titleId,
-              "aria-describedby": ctx.descriptionId,
-              "data-state": "open",
-              className: cn(
-                "relative w-full max-w-lg animate-in fade-in-0 zoom-in-95",
-                surfaceVariants({
-                  variant: variant ?? "elevated",
-                  tone,
-                  radius: radius ?? "lg",
-                  padding: padding ?? "xl",
-                  elevation
-                }),
-                className
-              ),
-              ...rest,
-              children: /* @__PURE__ */ jsx(OverlayChromeProvider, { value: chromeCtx, children })
+              disableEscape: !ctx.dismissOnEscape,
+              onEscape: () => ctx.setOpen(false),
+              disableOutsideClick: true,
+              children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  ref: forwardedRef,
+                  role: ctx.role,
+                  "aria-modal": "true",
+                  "aria-labelledby": ctx.titleId,
+                  "aria-describedby": ctx.descriptionId,
+                  "data-state": "open",
+                  className: cn(
+                    "relative w-full max-w-lg animate-in fade-in-0 zoom-in-95",
+                    surfaceVariants({
+                      variant: variant ?? "elevated",
+                      tone,
+                      radius: radius ?? "lg",
+                      padding: padding ?? "xl",
+                      elevation
+                    }),
+                    className
+                  ),
+                  ...rest,
+                  children: /* @__PURE__ */ jsx(OverlayChromeProvider, { value: chromeCtx, children })
+                }
+              )
             }
-          )
+          ) })
         }
-      ) }) })
+      )
     ] }) });
   }
 );
@@ -154,5 +155,5 @@ Dialog.Footer = DialogFooter;
 Dialog.Close = DialogClose;
 
 export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger };
-//# sourceMappingURL=chunk-O2DK3E3E.js.map
-//# sourceMappingURL=chunk-O2DK3E3E.js.map
+//# sourceMappingURL=chunk-5Y43MUOK.js.map
+//# sourceMappingURL=chunk-5Y43MUOK.js.map

package/dist/chunk-5Y43MUOK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/overlays/dialog/Dialog.tsx"],"names":["DialogTrigger","DialogContent"],"mappings":";;;;;;;;;;AAuCA,IAAM,aAAA,GAAgB,cAAyC,IAAI,CAAA;AAEnE,SAAS,gBAAA,GAAmB;AAC1B,EAAA,MAAM,GAAA,GAAM,WAAW,aAAa,CAAA;AACpC,EAAA,IAAI,CAAC,GAAA,EAAK,MAAM,IAAI,MAAM,uCAAuC,CAAA;AACjE,EAAA,OAAO,GAAA;AACT;AAaO,SAAS,MAAA,CAAO;AAAA,EACrB,IAAA,EAAM,QAAA;AAAA,EACN,WAAA,GAAc,KAAA;AAAA,EACd,YAAA;AAAA,EACA,qBAAA,GAAwB,IAAA;AAAA,EACxB,eAAA,GAAkB,IAAA;AAAA,EAClB,IAAA,GAAO,QAAA;AAAA,EACP;AACF,CAAA,EAAgB;AACd,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,aAAA,CAAc;AAAA,IACpC,UAAA,EAAY,QAAA;AAAA,IACZ,OAAA,EAAS,WAAA;AAAA,IACT,QAAA,EAAU;AAAA,GACX,CAAA;AACD,EAAA,MAAM,UAAA,GAAa,OAA2B,IAAI,CAAA;AAClD,EAAA,MAAM,UAAU,KAAA,EAAM;AACtB,EAAA,MAAM,gBAAgB,KAAA,EAAM;AAE5B,EAAA,MAAM,GAAA,GAAM,OAAA;AAAA,IACV,OAAO;AAAA,MACL,IAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,aAAA;AAAA,MACA,IAAA;AAAA,MACA,qBAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,IAAA,EAAM,OAAA,EAAS,SAAS,aAAA,EAAe,IAAA,EAAM,uBAAuB,eAAe;AAAA,GACtF;AAEA,EAAA,2BAAQ,aAAA,CAAc,QAAA,EAAd,EAAuB,KAAA,EAAO,KAAM,QAAA,EAAS,CAAA;AACvD;AAQO,IAAM,aAAA,GAAgB,UAAA;AAAA,EAC3B,SAASA,eAAc,EAAE,OAAA,EAAS,SAAS,QAAA,EAAU,GAAG,IAAA,EAAK,EAAG,YAAA,EAAc;AAC5E,IAAA,MAAM,MAAM,gBAAA,EAAiB;AAC7B,IAAA,MAAM,SAAA,GAAY,UAAU,IAAA,GAAO,QAAA;AACnC,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,WAAA,CAAY,YAAA,EAAc,GAAA,CAAI,UAA8D,CAAA;AAAA,QACjG,IAAA,EAAK,QAAA;AAAA,QACL,eAAA,EAAc,QAAA;AAAA,QACd,iBAAe,GAAA,CAAI,IAAA;AAAA,QACnB,YAAA,EAAY,GAAA,CAAI,IAAA,GAAO,MAAA,GAAS,QAAA;AAAA,QAChC,OAAA,EAAS,CAAC,CAAA,KAA2C;AACnD,UAAA,OAAA,GAAU,CAAC,CAAA;AACX,UAAA,IAAI,EAAE,gBAAA,EAAkB;AACxB,UAAA,GAAA,CAAI,QAAQ,IAAI,CAAA;AAAA,QAClB,CAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAWO,IAAM,aAAA,GAAgB,UAAA;AAAA,EAC3B,SAASC,cAAAA,CACP;AAAA,IACE,YAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,YAAA,EACA;AACA,IAAA,MAAM,MAAM,gBAAA,EAAiB;AAE7B,IAAA,MAAM,KAAA,GAAQ,YAAY,MAAM;AAC9B,MAAA,GAAA,CAAI,QAAQ,KAAK,CAAA;AACjB,MAAA,qBAAA,CAAsB,MAAM,GAAA,CAAI,UAAA,CAAW,OAAA,EAAS,OAAO,CAAA;AAAA,IAC7D,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,IAAA,MAAM,SAAA,GAAY,OAAA;AAAA,MAChB,OAAO,EAAE,OAAA,EAAS,GAAA,CAAI,SAAS,aAAA,EAAe,GAAA,CAAI,eAAe,KAAA,EAAM,CAAA;AAAA,MACvE,CAAC,GAAA,CAAI,OAAA,EAAS,GAAA,CAAI,eAAe,KAAK;AAAA,KACxC;AAEA,IAAA,IAAI,CAAC,GAAA,CAAI,IAAA,EAAM,OAAO,IAAA;AACtB,IAAA,uBACE,GAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,kBAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,CAAC,YAAA,oBAAgB,GAAA,CAAC,QAAA,EAAA,EAAS,MAAA,EAAM,MAAC,IAAA,EAAY,CAAA;AAAA,sBAI/C,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,mEAAA;AAAA,UACV,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,YAAA,IAAI,CAAA,CAAE,MAAA,KAAW,CAAA,CAAE,aAAA,EAAe;AAClC,YAAA,IAAI,GAAA,CAAI,qBAAA,EAAuB,GAAA,CAAI,OAAA,CAAQ,KAAK,CAAA;AAAA,UAClD,CAAA;AAAA,UAEA,8BAAC,UAAA,EAAA,EAAW,OAAA,EAAO,MAAC,OAAA,EAAO,IAAA,EAAC,MAAI,IAAA,EAC9B,QAAA,kBAAA,GAAA;AAAA,YAAC,gBAAA;AAAA,YAAA;AAAA,cACC,aAAA,EAAe,CAAC,GAAA,CAAI,eAAA;AAAA,cACpB,QAAA,EAAU,MAAM,GAAA,CAAI,OAAA,CAAQ,KAAK,CAAA;AAAA,cACjC,mBAAA,EAAmB,IAAA;AAAA,cAEnB,QAAA,kBAAA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,GAAA,EAAK,YAAA;AAAA,kBACL,MAAM,GAAA,CAAI,IAAA;AAAA,kBACV,YAAA,EAAW,MAAA;AAAA,kBACX,mBAAiB,GAAA,CAAI,OAAA;AAAA,kBACrB,oBAAkB,GAAA,CAAI,aAAA;AAAA,kBACtB,YAAA,EAAW,MAAA;AAAA,kBACX,SAAA,EAAW,EAAA;AAAA,oBACT,0DAAA;AAAA,oBACA,eAAA,CAAgB;AAAA,sBACd,SAAS,OAAA,IAAW,UAAA;AAAA,sBACpB,IAAA;AAAA,sBACA,QAAQ,MAAA,IAAU,IAAA;AAAA,sBAClB,SAAS,OAAA,IAAW,IAAA;AAAA,sBACpB;AAAA,qBACD,CAAA;AAAA,oBACD;AAAA,mBACF;AAAA,kBACC,GAAG,IAAA;AAAA,kBAEJ,QAAA,kBAAA,GAAA,CAAC,qBAAA,EAAA,EAAsB,KAAA,EAAO,SAAA,EAAY,QAAA,EAAS;AAAA;AAAA;AACrD;AAAA,WACF,EACF;AAAA;AAAA;AACF,KAAA,EACF,CAAA,EACF,CAAA;AAAA,EAEJ;AACF;AAGO,IAAM,YAAA,GAAe;AACrB,IAAM,WAAA,GAAc;AACpB,IAAM,iBAAA,GAAoB;AAC1B,IAAM,UAAA,GAAa;AACnB,IAAM,YAAA,GAAe;AACrB,IAAM,WAAA,GAAc;AAa1B,MAAA,CAA2B,OAAA,GAAU,aAAA;AACrC,MAAA,CAA2B,OAAA,GAAU,aAAA;AACrC,MAAA,CAA2B,MAAA,GAAS,YAAA;AACpC,MAAA,CAA2B,KAAA,GAAQ,WAAA;AACnC,MAAA,CAA2B,WAAA,GAAc,iBAAA;AACzC,MAAA,CAA2B,IAAA,GAAO,UAAA;AAClC,MAAA,CAA2B,MAAA,GAAS,YAAA;AACpC,MAAA,CAA2B,KAAA,GAAQ,WAAA","file":"chunk-5Y43MUOK.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\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\n/** Represents the prop surface of `Dialog.Content`. */\nexport interface DialogContentProps extends HTMLAttributes<HTMLDivElement>, SurfaceVariants {\n  /** Disables the default backdrop when true. */\n  hideBackdrop?: boolean;\n  /** Applies a backdrop blur. */\n  blur?: boolean;\n  children: ReactNode;\n}\n\nexport const DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(\n  function DialogContent(\n    {\n      hideBackdrop,\n      blur,\n      variant,\n      tone,\n      radius,\n      padding,\n      elevation,\n      className,\n      children,\n      ...rest\n    },\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 && <Backdrop inline blur={blur} />}\n          {/* The centering wrapper covers the backdrop, so outside-click dismissal\n              lives here — a click on the padding area (target === currentTarget)\n              counts as outside. The Backdrop stays purely visual. */}\n          <div\n            className=\"fixed inset-0 z-modal grid place-items-center overflow-y-auto p-4\"\n            onClick={(e) => {\n              if (e.target !== e.currentTarget) return;\n              if (ctx.dismissOnOutsideClick) ctx.setOpen(false);\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={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 animate-in fade-in-0 zoom-in-95',\n                    surfaceVariants({\n                      variant: variant ?? 'elevated',\n                      tone,\n                      radius: radius ?? 'lg',\n                      padding: padding ?? 'xl',\n                      elevation,\n                    }),\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-BLXE2RCC.js → chunk-BI6JZY2O.js}

@@ -1,5 +1,5 @@
-import { Portal } from './chunk-BMABNEZX.js';
-import { cn } from './chunk-LDRFQG44.js';
+import { Portal } from './chunk-UI4RT5JF.js';
+import { cn } from './chunk-X2MYOHOB.js';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -23,5 +23,5 @@ var Backdrop = forwardRef(function Backdrop2({ open = true, blur, pointerEvents
 });
 
 export { Backdrop };
-//# sourceMappingURL=chunk-BLXE2RCC.js.map
-//# sourceMappingURL=chunk-BLXE2RCC.js.map
+//# sourceMappingURL=chunk-BI6JZY2O.js.map
+//# sourceMappingURL=chunk-BI6JZY2O.js.map

package/dist/{chunk-BLXE2RCC.js.map → chunk-BI6JZY2O.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/overlays/backdrop/Backdrop.tsx"],"names":["Backdrop"],"mappings":";;;;;AAmBO,IAAM,WAAW,UAAA,CAA0C,SAASA,SAAAA,CACzE,EAAE,OAAO,IAAA,EAAM,IAAA,EAAM,aAAA,GAAgB,MAAA,EAAQ,QAAQ,SAAA,EAAW,KAAA,EAAO,GAAG,IAAA,IAC1E,GAAA,EACA;AACA,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAClB,EAAA,MAAM,IAAA,mBACJ,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,YAAA,EAAY,OAAO,MAAA,GAAS,QAAA;AAAA,MAC5B,KAAA,EAAO,EAAE,aAAA,EAAe,GAAG,KAAA,EAAM;AAAA,MACjC,SAAA,EAAW,EAAA;AAAA,QACT,0DAAA;AAAA,QACA,IAAA,IAAQ,kBAAA;AAAA,QACR;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEF,EAAA,OAAO,MAAA,GAAS,IAAA,mBAAO,GAAA,CAAC,MAAA,EAAA,EAAQ,QAAA,EAAA,IAAA,EAAK,CAAA;AACvC,CAAC","file":"chunk-BLXE2RCC.js","sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\nimport { cn } from '../../utils';\nimport { Portal } from '../../primitives';\n\nexport interface BackdropProps extends HTMLAttributes<HTMLDivElement> {\n  /** Mount state. Default `true`. */\n  open?: boolean;\n  /** Apply backdrop-blur. */\n  blur?: boolean;\n  /** When `'none'`, clicks pass through. Default `'auto'`. */\n  pointerEvents?: 'auto' | 'none';\n  /** Skip the Portal wrap — render in place. */\n  inline?: boolean;\n}\n\n/**\n * Fixed-position scrim. Used by Dialog / Drawer / LoadingOverlay; also a\n * public component for custom overlay surfaces.\n */\nexport const Backdrop = forwardRef<HTMLDivElement, BackdropProps>(function Backdrop(\n  { open = true, blur, pointerEvents = 'auto', inline, className, style, ...rest },\n  ref,\n) {\n  if (!open) return null;\n  const node = (\n    <div\n      ref={ref}\n      data-state={open ? 'open' : 'closed'}\n      style={{ pointerEvents, ...style }}\n      className={cn(\n        'fixed inset-0 z-overlay bg-black/50 animate-in fade-in-0',\n        blur && 'backdrop-blur-sm',\n        className,\n      )}\n      {...rest}\n    />\n  );\n  return inline ? node : <Portal>{node}</Portal>;\n});\n"]}
+{"version":3,"sources":["../src/overlays/backdrop/Backdrop.tsx"],"names":["Backdrop"],"mappings":";;;;;AAmBO,IAAM,WAAW,UAAA,CAA0C,SAASA,SAAAA,CACzE,EAAE,OAAO,IAAA,EAAM,IAAA,EAAM,aAAA,GAAgB,MAAA,EAAQ,QAAQ,SAAA,EAAW,KAAA,EAAO,GAAG,IAAA,IAC1E,GAAA,EACA;AACA,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAClB,EAAA,MAAM,IAAA,mBACJ,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,YAAA,EAAY,OAAO,MAAA,GAAS,QAAA;AAAA,MAC5B,KAAA,EAAO,EAAE,aAAA,EAAe,GAAG,KAAA,EAAM;AAAA,MACjC,SAAA,EAAW,EAAA;AAAA,QACT,0DAAA;AAAA,QACA,IAAA,IAAQ,kBAAA;AAAA,QACR;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEF,EAAA,OAAO,MAAA,GAAS,IAAA,mBAAO,GAAA,CAAC,MAAA,EAAA,EAAQ,QAAA,EAAA,IAAA,EAAK,CAAA;AACvC,CAAC","file":"chunk-BI6JZY2O.js","sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\nimport { cn } from '../../utils';\nimport { Portal } from '../../primitives';\n\nexport interface BackdropProps extends HTMLAttributes<HTMLDivElement> {\n  /** Mount state. Default `true`. */\n  open?: boolean;\n  /** Apply backdrop-blur. */\n  blur?: boolean;\n  /** When `'none'`, clicks pass through. Default `'auto'`. */\n  pointerEvents?: 'auto' | 'none';\n  /** Skip the Portal wrap — render in place. */\n  inline?: boolean;\n}\n\n/**\n * Fixed-position scrim. Used by Dialog / Drawer / LoadingOverlay; also a\n * public component for custom overlay surfaces.\n */\nexport const Backdrop = forwardRef<HTMLDivElement, BackdropProps>(function Backdrop(\n  { open = true, blur, pointerEvents = 'auto', inline, className, style, ...rest },\n  ref,\n) {\n  if (!open) return null;\n  const node = (\n    <div\n      ref={ref}\n      data-state={open ? 'open' : 'closed'}\n      style={{ pointerEvents, ...style }}\n      className={cn(\n        'fixed inset-0 z-overlay bg-black/50 animate-in fade-in-0',\n        blur && 'backdrop-blur-sm',\n        className,\n      )}\n      {...rest}\n    />\n  );\n  return inline ? node : <Portal>{node}</Portal>;\n});\n"]}

package/dist/{chunk-PZ5AY32C.js → chunk-DCHYNTHI.js}

@@ -5,5 +5,5 @@ var __export = (target, all) => {
 };
 
 export { __export };
-//# sourceMappingURL=chunk-PZ5AY32C.js.map
-//# sourceMappingURL=chunk-PZ5AY32C.js.map
+//# sourceMappingURL=chunk-DCHYNTHI.js.map
+//# sourceMappingURL=chunk-DCHYNTHI.js.map

package/dist/{chunk-PZ5AY32C.js.map → chunk-DCHYNTHI.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-PZ5AY32C.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-DCHYNTHI.js"}

package/dist/{chunk-BKR7A7WH.js → chunk-FEXH7YWU.js}

@@ -1,12 +1,12 @@
-import { listboxItemVariants, listboxEmptyVariants, listboxGroupLabelVariants, listboxSeparatorVariants } from './chunk-CRKW4VXA.js';
-import { DialogContent, Dialog } from './chunk-O2DK3E3E.js';
-import { useControlled } from './chunk-NUMFGKPY.js';
-import { Icon } from './chunk-F227LKWK.js';
-import { dataAttr, tv, surfaceVariants } from './chunk-RDDIOVK4.js';
-import { Slot, RovingFocusGroup, useRovingFocusItem, Portal, AnchoredPositioner, DismissableLayer } from './chunk-BMABNEZX.js';
-import { cn, composeRefs } from './chunk-LDRFQG44.js';
+import { listboxItemVariants, listboxEmptyVariants, listboxGroupLabelVariants, listboxSeparatorVariants } from './chunk-3GZOE7JF.js';
+import { DialogContent, Dialog } from './chunk-5Y43MUOK.js';
+import { useControlled } from './chunk-5PMOT5MD.js';
+import { Icon } from './chunk-MVMDDGW7.js';
+import { dataAttr, tv, surfaceVariants } from './chunk-XDP6GEBA.js';
+import { Slot, RovingFocusGroup, useRovingFocusItem, Portal, AnchoredPositioner, DismissableLayer } from './chunk-UI4RT5JF.js';
+import { cn, composeRefs } from './chunk-X2MYOHOB.js';
 import { forwardRef, Fragment, createContext, useId, useRef, useEffect, useCallback, useMemo, useState, useContext } from 'react';
-import { ChevronLeft, ChevronRight, ChevronDown, Search } from 'lucide-react';
+import { ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight, ChevronDown, Search } from 'lucide-react';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { FocusScope } from '@radix-ui/react-focus-scope';
 
@@ -45,11 +45,22 @@ function buildPages(total, page, siblings) {
   return pages;
 }
 var Pagination = forwardRef(
-  ({ total, page, onPageChange, siblings = 1, className, ...props }, ref) => {
+  ({ total, page, onPageChange, siblings = 1, hideFirstLast = false, className, ...props }, ref) => {
     const pages = buildPages(total, page, siblings);
     const go = (p) => onPageChange(Math.min(total, Math.max(1, p)));
     const baseBtn = "inline-flex h-8 min-w-8 items-center justify-center rounded-md border border-transparent px-2 text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50";
     return /* @__PURE__ */ jsxs("nav", { ref, "aria-label": "Pagination", className: cn("inline-flex items-center gap-1", className), ...props, children: [
+      !hideFirstLast && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "First page",
+          disabled: page <= 1,
+          onClick: () => go(1),
+          className: cn(baseBtn, "hover:bg-muted"),
+          children: /* @__PURE__ */ jsx(Icon, { icon: ChevronsLeft, size: 16 })
+        }
+      ),
       /* @__PURE__ */ jsx(
         "button",
         {
@@ -87,6 +98,17 @@ var Pagination = forwardRef(
           className: cn(baseBtn, "hover:bg-muted"),
           children: /* @__PURE__ */ jsx(Icon, { icon: ChevronRight, size: 16 })
         }
+      ),
+      !hideFirstLast && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Last page",
+          disabled: page >= total,
+          onClick: () => go(total),
+          className: cn(baseBtn, "hover:bg-muted"),
+          children: /* @__PURE__ */ jsx(Icon, { icon: ChevronsRight, size: 16 })
+        }
       )
     ] });
   }
@@ -158,6 +180,7 @@ function Menu({
   onClose,
   placement = "bottom-start",
   offset = 6,
+  onKeyDown,
   "aria-label": ariaLabel,
   variant,
   tone,
@@ -213,6 +236,8 @@ function Menu({
                 className
               ),
               onKeyDown: (e) => {
+                onKeyDown?.(e);
+                if (e.defaultPrevented) return;
                 if (e.key === "Tab") {
                   e.preventDefault();
                   onClose();
@@ -235,12 +260,16 @@ var MenuItem = forwardRef(function MenuItem2({ onSelect, disabled = false, state
     return () => ctx.unregisterItem(id);
   }, [ctx, id, disabled]);
   const moveFocus = useCallback(
-    (direction, jump = 1) => {
+    (target) => {
       const list = ctx.itemsRef.current.filter((i) => !i.disabled);
       if (list.length === 0) return;
+      if (target === "first" || target === "last") {
+        list[target === "first" ? 0 : list.length - 1]?.ref?.focus();
+        return;
+      }
       const idx = list.findIndex((i) => i.id === id);
-      let nextIdx = idx + direction * jump;
-      if (idx === -1) nextIdx = direction === 1 ? 0 : list.length - 1;
+      let nextIdx = idx + target;
+      if (idx === -1) nextIdx = target === 1 ? 0 : list.length - 1;
       if (nextIdx < 0) nextIdx = list.length - 1;
       if (nextIdx >= list.length) nextIdx = 0;
       list[nextIdx]?.ref?.focus();
@@ -261,11 +290,11 @@ var MenuItem = forwardRef(function MenuItem2({ onSelect, disabled = false, state
         break;
       case "Home":
         e.preventDefault();
-        moveFocus(-1, ctx.itemsRef.current.length);
+        moveFocus("first");
         break;
       case "End":
         e.preventDefault();
-        moveFocus(1, ctx.itemsRef.current.length);
+        moveFocus("last");
         break;
       case "Enter":
       case " ":
@@ -348,9 +377,10 @@ function DropdownMenu({
     onChange: onOpenChange
   });
   const triggerRef = useRef(null);
+  const [triggerNode, setTriggerNode] = useState(null);
   const ctx = useMemo(
-    () => ({ open, setOpen, triggerRef, placement, offset }),
-    [open, setOpen, placement, offset]
+    () => ({ open, setOpen, triggerRef, triggerNode, setTriggerNode, placement, offset }),
+    [open, setOpen, triggerNode, placement, offset]
   );
   return /* @__PURE__ */ jsx(DropdownMenuContext.Provider, { value: ctx, children });
 }
@@ -380,7 +410,7 @@ var DropdownMenuTrigger = forwardRef(
     return /* @__PURE__ */ jsx(
       Component,
       {
-        ref: composeRefs(forwardedRef, ctx.triggerRef),
+        ref: composeRefs(forwardedRef, ctx.triggerRef, ctx.setTriggerNode),
         type: "button",
         "aria-haspopup": "menu",
         "aria-expanded": ctx.open,
@@ -403,7 +433,7 @@ function DropdownMenuContent({
     Menu,
     {
       open: ctx.open,
-      anchor: ctx.triggerRef.current,
+      anchor: ctx.triggerNode,
       onClose: () => {
         ctx.setOpen(false);
         requestAnimationFrame(() => ctx.triggerRef.current?.focus());
@@ -456,6 +486,12 @@ function ContextMenu({ children }) {
     },
     [setAnchor]
   );
+  useEffect(() => {
+    if (!anchor) return;
+    return () => {
+      if (anchor.parentNode === document.body) anchor.remove();
+    };
+  }, [anchor]);
   const ctx = useMemo(
     () => ({ open, setOpen: handleSetOpen, anchor, setAnchor, triggerRef }),
     [open, handleSetOpen, anchor, setAnchor]
@@ -481,6 +517,7 @@ var ContextMenuTrigger = forwardRef(
       if (longPressTimer.current) clearTimeout(longPressTimer.current);
       longPressTimer.current = null;
     }, []);
+    useEffect(() => () => clearLongPress(), [clearLongPress]);
     return /* @__PURE__ */ jsx(
       Component,
       {
@@ -573,9 +610,24 @@ var Menubar = forwardRef(function Menubar2({ value, defaultValue = null, onValue
   const unregisterTrigger = useCallback((id) => {
     triggersRef.current = triggersRef.current.filter((t) => t.id !== id);
   }, []);
+  const moveAcross = useCallback(
+    (fromId, direction) => {
+      const list = triggersRef.current;
+      const idx = list.findIndex((t) => t.id === fromId);
+      if (idx === -1) return;
+      let nextIdx = idx + direction;
+      if (nextIdx < 0) nextIdx = list.length - 1;
+      if (nextIdx >= list.length) nextIdx = 0;
+      const next = list[nextIdx];
+      if (!next) return;
+      next.ref?.focus();
+      if (activeId !== null) setActiveId(next.id);
+    },
+    [activeId, setActiveId]
+  );
   const ctx = useMemo(
-    () => ({ activeId, setActiveId, registerTrigger, unregisterTrigger, triggersRef }),
-    [activeId, setActiveId, registerTrigger, unregisterTrigger]
+    () => ({ activeId, setActiveId, registerTrigger, unregisterTrigger, triggersRef, moveAcross }),
+    [activeId, setActiveId, registerTrigger, unregisterTrigger, moveAcross]
   );
   return /* @__PURE__ */ jsx(MenubarContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
     "div",
@@ -591,6 +643,7 @@ var Menubar = forwardRef(function Menubar2({ value, defaultValue = null, onValue
 function MenubarMenu({ value, children }) {
   const ctx = useMenubarContext();
   const triggerRef = useRef(null);
+  const [triggerNode, setTriggerNode] = useState(null);
   const open = ctx.activeId === value;
   const setOpen = useCallback(
     (next) => {
@@ -599,8 +652,8 @@ function MenubarMenu({ value, children }) {
     [ctx, value]
   );
   const menuCtx = useMemo(
-    () => ({ id: value, open, setOpen, triggerRef }),
-    [value, open, setOpen]
+    () => ({ id: value, open, setOpen, triggerRef, triggerNode, setTriggerNode }),
+    [value, open, setOpen, triggerNode]
   );
   return /* @__PURE__ */ jsx(MenubarMenuContext.Provider, { value: menuCtx, children });
 }
@@ -612,24 +665,10 @@ var MenubarTrigger = forwardRef(
       bar.registerTrigger(menu.id, menu.triggerRef.current);
       return () => bar.unregisterTrigger(menu.id);
     }, [bar, menu.id, menu.triggerRef]);
-    const moveAcross = useCallback(
-      (direction) => {
-        const list = bar.triggersRef.current;
-        const idx = list.findIndex((t) => t.id === menu.id);
-        if (idx === -1) return;
-        let nextIdx = idx + direction;
-        if (nextIdx < 0) nextIdx = list.length - 1;
-        if (nextIdx >= list.length) nextIdx = 0;
-        const next = list[nextIdx];
-        next?.ref?.focus();
-        if (bar.activeId !== null && next) bar.setActiveId(next.id);
-      },
-      [bar, menu.id]
-    );
     return /* @__PURE__ */ jsx(
       "button",
       {
-        ref: composeRefs(forwardedRef, menu.triggerRef),
+        ref: composeRefs(forwardedRef, menu.triggerRef, menu.setTriggerNode),
         type: "button",
         role: "menuitem",
         "aria-haspopup": "menu",
@@ -652,11 +691,11 @@ var MenubarTrigger = forwardRef(
           switch (e.key) {
             case "ArrowRight":
               e.preventDefault();
-              moveAcross(1);
+              bar.moveAcross(menu.id, 1);
               break;
             case "ArrowLeft":
               e.preventDefault();
-              moveAcross(-1);
+              bar.moveAcross(menu.id, -1);
               break;
             case "ArrowDown":
             case "Enter":
@@ -690,16 +729,29 @@ function MenubarContent({
   "aria-label": ariaLabel,
   children
 }) {
+  const bar = useMenubarContext();
   const menu = useMenubarMenuContext();
   return /* @__PURE__ */ jsx(
     Menu,
     {
       open: menu.open,
-      anchor: menu.triggerRef.current,
+      anchor: menu.triggerNode,
       onClose: () => {
         menu.setOpen(false);
         requestAnimationFrame(() => menu.triggerRef.current?.focus());
       },
+      onKeyDown: (e) => {
+        switch (e.key) {
+          case "ArrowRight":
+            e.preventDefault();
+            bar.moveAcross(menu.id, 1);
+            break;
+          case "ArrowLeft":
+            e.preventDefault();
+            bar.moveAcross(menu.id, -1);
+            break;
+        }
+      },
       placement,
       offset,
       "aria-label": ariaLabel,
@@ -963,15 +1015,18 @@ function CommandPalette({
   const itemsRef = useRef([]);
   const inputRef = useRef(null);
   const [activeId, setActiveId] = useState(null);
+  const [registryVersion, setRegistryVersion] = useState(0);
   const inputId = useId();
   const listboxId = useId();
   const registerItem = useCallback((entry) => {
     const idx = itemsRef.current.findIndex((i) => i.id === entry.id);
     if (idx >= 0) itemsRef.current[idx] = entry;
     else itemsRef.current.push(entry);
+    setRegistryVersion((v) => v + 1);
   }, []);
   const unregisterItem = useCallback((id) => {
     itemsRef.current = itemsRef.current.filter((i) => i.id !== id);
+    setRegistryVersion((v) => v + 1);
   }, []);
   useEffect(() => {
     if (!triggerKey) return;
@@ -1003,6 +1058,7 @@ function CommandPalette({
       itemsRef,
       registerItem,
       unregisterItem,
+      registryVersion,
       filter,
       inputId,
       listboxId,
@@ -1016,6 +1072,7 @@ function CommandPalette({
       activeId,
       registerItem,
       unregisterItem,
+      registryVersion,
       filter,
       inputId,
       listboxId
@@ -1054,7 +1111,7 @@ var CommandPaletteInput = forwardRef(
       } else if (list.length === 0) {
         ctx.setActiveId(null);
       }
-    }, [ctx.inputValue, ctx.itemsRef.current.length]);
+    }, [ctx.inputValue, ctx.registryVersion]);
     const moveActive = (direction) => {
       const list = visibleItems();
       if (list.length === 0) return;
@@ -1189,8 +1246,9 @@ var CommandPaletteItem = forwardRef(
     const ctx = useCommandPaletteContext();
     const id = useId();
     const resolvedSearch = searchText ?? (typeof children === "string" ? children : Array.isArray(children) ? children.filter((c) => typeof c === "string").join(" ") : value);
+    const { registerItem, unregisterItem } = ctx;
     useEffect(() => {
-      ctx.registerItem({
+      registerItem({
         id,
         value,
         searchText: resolvedSearch,
@@ -1198,8 +1256,8 @@ var CommandPaletteItem = forwardRef(
         onSelect: () => onSelect?.(),
         closeOnSelect
       });
-      return () => ctx.unregisterItem(id);
-    }, [ctx, id, value, resolvedSearch, disabled, onSelect, closeOnSelect]);
+      return () => unregisterItem(id);
+    }, [registerItem, unregisterItem, id, value, resolvedSearch, disabled, onSelect, closeOnSelect]);
     const matches = ctx.inputValue === "" || ctx.filter(resolvedSearch, ctx.inputValue);
     if (!matches) return null;
     const isActive = ctx.activeId === id;
@@ -1370,5 +1428,5 @@ var TableOfContents = forwardRef(
 );
 
 export { Breadcrumb, CommandPalette, CommandPaletteContent, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteInput, CommandPaletteItem, CommandPaletteList, CommandPaletteSeparator, ContextMenu, ContextMenuContent, ContextMenuTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuTrigger, Menu, MenuGroup, MenuItem, MenuLabel, MenuSeparator, Menubar, MenubarContent, MenubarMenu, MenubarTrigger, NavItem, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, ScrollSpy, TableOfContents, menuItemVariants, menuLabelVariants, menuSeparatorVariants, menuVariants, useScrollSpy };
-//# sourceMappingURL=chunk-BKR7A7WH.js.map
-//# sourceMappingURL=chunk-BKR7A7WH.js.map
+//# sourceMappingURL=chunk-FEXH7YWU.js.map
+//# sourceMappingURL=chunk-FEXH7YWU.js.map