@spark-ui/components 13.1.4 → 13.2.0

package/dist/alert-dialog/index.mjs

@@ -1,327 +1,239 @@
-import {
-  dialogContentStyles
-} from "../chunk-XZ47F6TP.mjs";
-import {
-  Slot
-} from "../chunk-6QCEPQ3U.mjs";
-
-// src/alert-dialog/AlertDialog.tsx
-import { AlertDialog as BaseAlertDialog } from "@base-ui/react/alert-dialog";
-import { useRef } from "react";
-
-// src/alert-dialog/AlertDialogContext.tsx
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-var AlertDialogContext = createContext(null);
-var AlertDialogProvider = ({
-  children,
-  withFade = false,
-  cancelRef
-}) => {
-  return /* @__PURE__ */ jsx(
-    AlertDialogContext.Provider,
-    {
-      value: {
-        cancelRef,
-        withFade
-      },
-      children
-    }
-  );
-};
-var useAlertDialog = () => {
-  const context = useContext(AlertDialogContext);
-  if (!context) {
-    throw Error("useAlertDialog must be used within an AlertDialog provider");
+import { jsx as o } from "react/jsx-runtime";
+import { AlertDialog as i } from "@base-ui/react/alert-dialog";
+import { createContext as R, useContext as S, useRef as y } from "react";
+import { a as F } from "../Slot-D2Bbf8Gw.mjs";
+import { useMergeRefs as D } from "@spark-ui/hooks/use-merge-refs";
+import { useScrollOverflow as B } from "@spark-ui/hooks/use-scroll-overflow";
+import { cx as d } from "class-variance-authority";
+import { d as H } from "../DialogContent.styles-_lRDsl8c.mjs";
+const A = R(null), $ = ({
+  children: e,
+  withFade: t = !1,
+  cancelRef: a
+}) => /* @__PURE__ */ o(
+  A.Provider,
+  {
+    value: {
+      cancelRef: a,
+      withFade: t
+    },
+    children: e
   }
-  return context;
-};
-
-// src/alert-dialog/AlertDialog.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var AlertDialog = ({ onOpenChange, withFade = false, ...props }) => {
-  const cancelRef = useRef(null);
-  const handleOpenChange = onOpenChange ? (open, _eventDetails) => {
-    onOpenChange(open);
+), p = () => {
+  const e = S(A);
+  if (!e)
+    throw Error("useAlertDialog must be used within an AlertDialog provider");
+  return e;
+}, u = ({ onOpenChange: e, withFade: t = !1, ...a }) => {
+  const l = y(null), s = e ? (n, c) => {
+    e(n);
   } : void 0;
-  return /* @__PURE__ */ jsx2(AlertDialogProvider, { withFade, cancelRef, children: /* @__PURE__ */ jsx2(
-    BaseAlertDialog.Root,
+  return /* @__PURE__ */ o($, { withFade: t, cancelRef: l, children: /* @__PURE__ */ o(
+    i.Root,
     {
       "data-spark-component": "alert-dialog",
-      onOpenChange: handleOpenChange,
-      ...props
+      onOpenChange: s,
+      ...a
     }
   ) });
 };
-AlertDialog.displayName = "AlertDialog";
-
-// src/alert-dialog/AlertDialogAction.tsx
-import { AlertDialog as BaseAlertDialog2 } from "@base-ui/react/alert-dialog";
-
-// src/alert-dialog/useRenderSlot.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-function useRenderSlot(asChild, defaultTag) {
-  const Component = asChild ? Slot : defaultTag;
-  return asChild ? ({ ...props }) => /* @__PURE__ */ jsx3(Component, { ...props }) : void 0;
+u.displayName = "AlertDialog";
+function m(e, t) {
+  const a = e ? F : t;
+  return e ? ({ ...l }) => /* @__PURE__ */ o(a, { ...l }) : void 0;
 }
-
-// src/alert-dialog/AlertDialogAction.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var AlertDialogAction = ({ asChild = false, ...props }) => {
-  const renderSlot = useRenderSlot(asChild, "button");
-  return /* @__PURE__ */ jsx4(
-    BaseAlertDialog2.Close,
+const f = ({ asChild: e = !1, ...t }) => {
+  const a = m(e, "button");
+  return /* @__PURE__ */ o(
+    i.Close,
     {
       "data-spark-component": "alert-dialog-action",
-      render: renderSlot,
-      ...props
+      render: a,
+      ...t
     }
   );
 };
-AlertDialogAction.displayName = "AlertDialog.Action";
-
-// src/alert-dialog/AlertDialogBody.tsx
-import { useMergeRefs } from "@spark-ui/hooks/use-merge-refs";
-import { useScrollOverflow } from "@spark-ui/hooks/use-scroll-overflow";
-import { cx } from "class-variance-authority";
-import { useRef as useRef2 } from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var AlertDialogBody = ({
-  children,
-  className,
-  inset = false,
-  ref: forwardedRef,
-  ...rest
+f.displayName = "AlertDialog.Action";
+const N = ({
+  children: e,
+  className: t,
+  inset: a = !1,
+  ref: l,
+  ...s
 }) => {
-  const scrollAreaRef = useRef2(null);
-  const ref = useMergeRefs(forwardedRef, scrollAreaRef);
-  const { withFade } = useAlertDialog();
-  const { overflow } = useScrollOverflow(scrollAreaRef);
-  return /* @__PURE__ */ jsx5(
+  const n = y(null), c = D(l, n), { withFade: O } = p(), { overflow: g } = B(n);
+  return /* @__PURE__ */ o(
     "div",
     {
       "data-spark-component": "alert-dialog-body",
-      ref,
-      className: cx(
+      ref: c,
+      className: d(
         "focus-visible:u-outline relative grow overflow-y-auto outline-hidden",
         "transition-all duration-300",
         {
-          ["px-xl py-lg"]: !inset
+          "px-xl py-lg": !a
         },
-        className
+        t
       ),
       style: {
-        ...withFade && {
+        ...O && {
           maskImage: "linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 44px, rgba(0, 0, 0, 1) calc(100% - 44px), rgba(0, 0, 0, 0))",
-          maskSize: `100% calc(100% + ${overflow.top ? "0px" : "44px"} + ${overflow.bottom ? "0px" : "44px"})`,
-          maskPosition: `0 ${overflow.top ? "0px" : "-44px"}`
+          maskSize: `100% calc(100% + ${g.top ? "0px" : "44px"} + ${g.bottom ? "0px" : "44px"})`,
+          maskPosition: `0 ${g.top ? "0px" : "-44px"}`
         }
       },
-      ...rest,
-      children
+      ...s,
+      children: e
     }
   );
 };
-AlertDialogBody.displayName = "AlertDialog.Body";
-
-// src/alert-dialog/AlertDialogCancel.tsx
-import { AlertDialog as BaseAlertDialog3 } from "@base-ui/react/alert-dialog";
-import { useMergeRefs as useMergeRefs2 } from "@spark-ui/hooks/use-merge-refs";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var AlertDialogCancel = ({
-  asChild = false,
-  ref: forwardedRef,
-  ...props
+N.displayName = "AlertDialog.Body";
+const x = ({
+  asChild: e = !1,
+  ref: t,
+  ...a
 }) => {
-  const { cancelRef } = useAlertDialog();
-  const ref = useMergeRefs2(forwardedRef, cancelRef);
-  const renderSlot = useRenderSlot(asChild, "button");
-  return /* @__PURE__ */ jsx6(
-    BaseAlertDialog3.Close,
+  const { cancelRef: l } = p(), s = D(t, l), n = m(e, "button");
+  return /* @__PURE__ */ o(
+    i.Close,
     {
-      ref,
+      ref: s,
       "data-spark-component": "alert-dialog-cancel",
-      render: renderSlot,
-      ...props
+      render: n,
+      ...a
     }
   );
 };
-AlertDialogCancel.displayName = "AlertDialog.Cancel";
-
-// src/alert-dialog/AlertDialogContent.tsx
-import { AlertDialog as BaseAlertDialog4 } from "@base-ui/react/alert-dialog";
-import { cx as cx2 } from "class-variance-authority";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var AlertDialogContent = ({
-  className,
-  ref,
-  initialFocus,
-  ...others
+x.displayName = "AlertDialog.Cancel";
+const v = ({
+  className: e,
+  ref: t,
+  initialFocus: a,
+  ...l
 }) => {
-  const { cancelRef } = useAlertDialog();
-  const handleInitialFocus = initialFocus !== void 0 ? initialFocus : () => cancelRef.current;
-  return /* @__PURE__ */ jsx7(
-    BaseAlertDialog4.Popup,
+  const { cancelRef: s } = p(), n = a !== void 0 ? a : () => s.current;
+  return /* @__PURE__ */ o(
+    i.Popup,
     {
-      ref,
+      ref: t,
       "data-spark-component": "alert-dialog-content",
       role: "alertdialog",
-      className: (state) => cx2(
-        dialogContentStyles({ size: "md", isNarrow: true }),
+      className: (c) => d(
+        H({ size: "md", isNarrow: !0 }),
         "min-w-sz-288",
         // Base UI automatically adds data-[starting-style] and data-[ending-style] attributes
         // Transition with opacity and scale for smooth open/close animations
         "transition-all duration-150",
         "data-starting-style:scale-90 data-starting-style:opacity-0",
         "data-ending-style:scale-90 data-ending-style:opacity-0",
-        typeof className === "function" ? className(state) : className
+        typeof e == "function" ? e(c) : e
       ),
-      initialFocus: handleInitialFocus,
-      ...others
+      initialFocus: n,
+      ...l
     }
   );
 };
-AlertDialogContent.displayName = "AlertDialog.Content";
-
-// src/alert-dialog/AlertDialogDescription.tsx
-import { AlertDialog as BaseAlertDialog5 } from "@base-ui/react/alert-dialog";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var AlertDialogDescription = (props) => {
-  return /* @__PURE__ */ jsx8(BaseAlertDialog5.Description, { "data-spark-component": "alert-dialog-description", ...props });
-};
-AlertDialogDescription.displayName = "AlertDialog.Description";
-
-// src/alert-dialog/AlertDialogFooter.tsx
-import { cx as cx3 } from "class-variance-authority";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var AlertDialogFooter = ({
-  children,
-  className,
-  ref,
-  ...rest
-}) => /* @__PURE__ */ jsx9(
+v.displayName = "AlertDialog.Content";
+const C = (e) => /* @__PURE__ */ o(i.Description, { "data-spark-component": "alert-dialog-description", ...e });
+C.displayName = "AlertDialog.Description";
+const k = ({
+  children: e,
+  className: t,
+  ref: a,
+  ...l
+}) => /* @__PURE__ */ o(
   "footer",
   {
     "data-spark-component": "alert-dialog-footer",
-    ref,
-    className: cx3(className, ["px-xl", "py-lg"]),
-    ...rest,
-    children
+    ref: a,
+    className: d(t, ["px-xl", "py-lg"]),
+    ...l,
+    children: e
   }
 );
-AlertDialogFooter.displayName = "AlertDialog.Footer";
-
-// src/alert-dialog/AlertDialogHeader.tsx
-import { cx as cx4 } from "class-variance-authority";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var AlertDialogHeader = ({
-  children,
-  className,
-  ref,
-  ...rest
-}) => /* @__PURE__ */ jsx10(
+k.displayName = "AlertDialog.Footer";
+const b = ({
+  children: e,
+  className: t,
+  ref: a,
+  ...l
+}) => /* @__PURE__ */ o(
   "header",
   {
     "data-spark-component": "alert-dialog-header",
-    ref,
-    className: cx4(className, ["px-xl", "py-lg"]),
-    ...rest,
-    children
+    ref: a,
+    className: d(t, ["px-xl", "py-lg"]),
+    ...l,
+    children: e
   }
 );
-AlertDialogHeader.displayName = "AlertDialog.Header";
-
-// src/alert-dialog/AlertDialogOverlay.tsx
-import { AlertDialog as BaseAlertDialog6 } from "@base-ui/react/alert-dialog";
-import { cx as cx5 } from "class-variance-authority";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var AlertDialogOverlay = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx11(
-    BaseAlertDialog6.Backdrop,
-    {
-      "data-spark-component": "alert-dialog-overlay",
-      className: (state) => cx5(
-        "z-overlay fixed top-0 left-0 h-screen w-screen",
-        "bg-overlay/dim-1",
-        // Base UI automatically adds data-[starting-style] and data-[ending-style] attributes
-        "data-[starting-style]:animate-fade-in",
-        "data-[ending-style]:animate-fade-out",
-        typeof className === "function" ? className(state) : className
-      ),
-      ...props
-    }
-  );
-};
-AlertDialogOverlay.displayName = "AlertDialog.Overlay";
-
-// src/alert-dialog/AlertDialogPortal.tsx
-import { AlertDialog as BaseAlertDialog7 } from "@base-ui/react/alert-dialog";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var AlertDialogPortal = (props) => {
-  return /* @__PURE__ */ jsx12(BaseAlertDialog7.Portal, { "data-spark-component": "alert-dialog-portal", ...props });
-};
-AlertDialogPortal.displayName = "AlertDialog.Portal";
-
-// src/alert-dialog/AlertDialogTitle.tsx
-import { AlertDialog as BaseAlertDialog8 } from "@base-ui/react/alert-dialog";
-import { cx as cx6 } from "class-variance-authority";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var AlertDialogTitle = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx13(
-    BaseAlertDialog8.Title,
-    {
-      "data-spark-component": "alert-dialog-title",
-      className: cx6("text-headline-1 text-on-surface", className),
-      ...props
-    }
-  );
-};
-AlertDialogTitle.displayName = "AlertDialog.Title";
-
-// src/alert-dialog/AlertDialogTrigger.tsx
-import { AlertDialog as BaseAlertDialog9 } from "@base-ui/react/alert-dialog";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var AlertDialogTrigger = ({ asChild = false, ...props }) => {
-  const renderSlot = useRenderSlot(asChild, "button");
-  return /* @__PURE__ */ jsx14(
-    BaseAlertDialog9.Trigger,
+b.displayName = "AlertDialog.Header";
+const T = ({ className: e, ...t }) => /* @__PURE__ */ o(
+  i.Backdrop,
+  {
+    "data-spark-component": "alert-dialog-overlay",
+    className: (a) => d(
+      "z-overlay fixed top-0 left-0 h-screen w-screen",
+      "bg-overlay/dim-1",
+      // Base UI automatically adds data-[starting-style] and data-[ending-style] attributes
+      "data-[starting-style]:animate-fade-in",
+      "data-[ending-style]:animate-fade-out",
+      typeof e == "function" ? e(a) : e
+    ),
+    ...t
+  }
+);
+T.displayName = "AlertDialog.Overlay";
+const h = (e) => /* @__PURE__ */ o(i.Portal, { "data-spark-component": "alert-dialog-portal", ...e });
+h.displayName = "AlertDialog.Portal";
+const w = ({ className: e, ...t }) => /* @__PURE__ */ o(
+  i.Title,
+  {
+    "data-spark-component": "alert-dialog-title",
+    className: d("text-headline-1 text-on-surface", e),
+    ...t
+  }
+);
+w.displayName = "AlertDialog.Title";
+const P = ({ asChild: e = !1, ...t }) => {
+  const a = m(e, "button");
+  return /* @__PURE__ */ o(
+    i.Trigger,
     {
       "data-spark-component": "alert-dialog-trigger",
-      render: renderSlot,
-      ...props
+      render: a,
+      ...t
     }
   );
 };
-AlertDialogTrigger.displayName = "AlertDialog.Trigger";
-
-// src/alert-dialog/index.ts
-var AlertDialog2 = Object.assign(AlertDialog, {
-  Action: AlertDialogAction,
-  Body: AlertDialogBody,
-  Cancel: AlertDialogCancel,
-  Content: AlertDialogContent,
-  Description: AlertDialogDescription,
-  Footer: AlertDialogFooter,
-  Header: AlertDialogHeader,
-  Overlay: AlertDialogOverlay,
-  Portal: AlertDialogPortal,
-  Title: AlertDialogTitle,
-  Trigger: AlertDialogTrigger
+P.displayName = "AlertDialog.Trigger";
+const r = Object.assign(u, {
+  Action: f,
+  Body: N,
+  Cancel: x,
+  Content: v,
+  Description: C,
+  Footer: k,
+  Header: b,
+  Overlay: T,
+  Portal: h,
+  Title: w,
+  Trigger: P
 });
-AlertDialog2.displayName = "AlertDialog";
-AlertDialog2.Action.displayName = "AlertDialog.Action";
-AlertDialog2.Body.displayName = "AlertDialog.Body";
-AlertDialog2.Cancel.displayName = "AlertDialog.Cancel";
-AlertDialog2.Content.displayName = "AlertDialog.Content";
-AlertDialog2.Description.displayName = "AlertDialog.Description";
-AlertDialog2.Footer.displayName = "AlertDialog.Footer";
-AlertDialog2.Header.displayName = "AlertDialog.Header";
-AlertDialog2.Overlay.displayName = "AlertDialog.Overlay";
-AlertDialog2.Portal.displayName = "AlertDialog.Portal";
-AlertDialog2.Title.displayName = "AlertDialog.Title";
-AlertDialog2.Trigger.displayName = "AlertDialog.Trigger";
+r.displayName = "AlertDialog";
+r.Action.displayName = "AlertDialog.Action";
+r.Body.displayName = "AlertDialog.Body";
+r.Cancel.displayName = "AlertDialog.Cancel";
+r.Content.displayName = "AlertDialog.Content";
+r.Description.displayName = "AlertDialog.Description";
+r.Footer.displayName = "AlertDialog.Footer";
+r.Header.displayName = "AlertDialog.Header";
+r.Overlay.displayName = "AlertDialog.Overlay";
+r.Portal.displayName = "AlertDialog.Portal";
+r.Title.displayName = "AlertDialog.Title";
+r.Trigger.displayName = "AlertDialog.Trigger";
 export {
-  AlertDialog2 as AlertDialog,
-  useAlertDialog
+  r as AlertDialog,
+  p as useAlertDialog
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/alert-dialog/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/alert-dialog/AlertDialog.tsx","../../src/alert-dialog/AlertDialogContext.tsx","../../src/alert-dialog/AlertDialogAction.tsx","../../src/alert-dialog/useRenderSlot.tsx","../../src/alert-dialog/AlertDialogBody.tsx","../../src/alert-dialog/AlertDialogCancel.tsx","../../src/alert-dialog/AlertDialogContent.tsx","../../src/alert-dialog/AlertDialogDescription.tsx","../../src/alert-dialog/AlertDialogFooter.tsx","../../src/alert-dialog/AlertDialogHeader.tsx","../../src/alert-dialog/AlertDialogOverlay.tsx","../../src/alert-dialog/AlertDialogPortal.tsx","../../src/alert-dialog/AlertDialogTitle.tsx","../../src/alert-dialog/AlertDialogTrigger.tsx","../../src/alert-dialog/index.ts"],"sourcesContent":["import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog'\nimport { ComponentProps, Ref, useRef } from 'react'\n\nimport { AlertDialogProvider } from './AlertDialogContext'\n\nexport interface AlertDialogProps\n  extends Omit<ComponentProps<typeof BaseAlertDialog.Root>, 'onOpenChange' | 'render'> {\n  /**\n   * Specifies if the dialog is open or not.\n   */\n  open?: boolean\n  /**\n   * Default open state.\n   */\n  defaultOpen?: boolean\n  /**\n   * Handler executed on every dialog open state change.\n   */\n  onOpenChange?: (open: boolean) => void\n  /**\n   * Specifies if the dialog should have a fade animation on its body (in case it is scrollable).\n   */\n  withFade?: boolean\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const AlertDialog = ({ onOpenChange, withFade = false, ...props }: AlertDialogProps) => {\n  const cancelRef = useRef<HTMLButtonElement | null>(null)\n\n  const handleOpenChange = onOpenChange\n    ? (open: boolean, _eventDetails: unknown) => {\n        onOpenChange(open)\n      }\n    : undefined\n\n  return (\n    <AlertDialogProvider withFade={withFade} cancelRef={cancelRef}>\n      <BaseAlertDialog.Root\n        data-spark-component=\"alert-dialog\"\n        onOpenChange={handleOpenChange}\n        {...props}\n      />\n    </AlertDialogProvider>\n  )\n}\n\nAlertDialog.displayName = 'AlertDialog'\n","import { createContext, MutableRefObject, type ReactNode, useContext } from 'react'\n\nexport interface AlertDialogContextValue {\n  cancelRef: MutableRefObject<HTMLButtonElement | null>\n  withFade: boolean\n}\n\nexport const AlertDialogContext = createContext<AlertDialogContextValue | null>(null)\n\nexport const AlertDialogProvider = ({\n  children,\n  withFade = false,\n  cancelRef,\n}: {\n  children: ReactNode\n  withFade?: boolean\n  cancelRef: MutableRefObject<HTMLButtonElement | null>\n}) => {\n  return (\n    <AlertDialogContext.Provider\n      value={{\n        cancelRef,\n        withFade,\n      }}\n    >\n      {children}\n    </AlertDialogContext.Provider>\n  )\n}\n\nexport const useAlertDialog = () => {\n  const context = useContext(AlertDialogContext)\n\n  if (!context) {\n    throw Error('useAlertDialog must be used within an AlertDialog provider')\n  }\n\n  return context\n}\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog'\nimport { ComponentProps, Ref } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface AlertDialogActionProps\n  extends Omit<ComponentProps<typeof BaseAlertDialog.Close>, 'render'> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const AlertDialogAction = ({ asChild = false, ...props }: AlertDialogActionProps) => {\n  const renderSlot = useRenderSlot(asChild, 'button')\n\n  return (\n    <BaseAlertDialog.Close\n      data-spark-component=\"alert-dialog-action\"\n      render={renderSlot}\n      {...props}\n    />\n  )\n}\n\nAlertDialogAction.displayName = 'AlertDialog.Action'\n","import { Slot } from '../slot'\n\nexport function useRenderSlot(asChild: boolean, defaultTag: string) {\n  const Component = asChild ? Slot : defaultTag\n\n  return asChild ? ({ ...props }) => <Component {...props} /> : undefined\n}\n","import { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { useScrollOverflow } from '@spark-ui/hooks/use-scroll-overflow'\nimport { cx } from 'class-variance-authority'\nimport { type ReactElement, type ReactNode, Ref, useRef } from 'react'\n\nimport { useAlertDialog } from './AlertDialogContext'\n\nexport interface AlertDialogBodyProps {\n  children: ReactNode\n  className?: string\n  tabIndex?: number\n  ref?: Ref<HTMLDivElement>\n  inset?: boolean\n}\n\nexport const AlertDialogBody = ({\n  children,\n  className,\n  inset = false,\n  ref: forwardedRef,\n  ...rest\n}: AlertDialogBodyProps): ReactElement => {\n  const scrollAreaRef = useRef<HTMLDivElement>(null)\n  const ref = useMergeRefs(forwardedRef, scrollAreaRef)\n\n  const { withFade } = useAlertDialog()\n  const { overflow } = useScrollOverflow(scrollAreaRef)\n\n  return (\n    <div\n      data-spark-component=\"alert-dialog-body\"\n      ref={ref}\n      className={cx(\n        'focus-visible:u-outline relative grow overflow-y-auto outline-hidden',\n        'transition-all duration-300',\n        {\n          ['px-xl py-lg']: !inset,\n        },\n        className\n      )}\n      style={{\n        ...(withFade && {\n          maskImage:\n            'linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 44px, rgba(0, 0, 0, 1) calc(100% - 44px), rgba(0, 0, 0, 0))',\n          maskSize: `100% calc(100% + ${overflow.top ? '0px' : '44px'} + ${overflow.bottom ? '0px' : '44px'})`,\n          maskPosition: `0 ${overflow.top ? '0px' : '-44px'}`,\n        }),\n      }}\n      {...rest}\n    >\n      {children}\n    </div>\n  )\n}\n\nAlertDialogBody.displayName = 'AlertDialog.Body'\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog'\nimport { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { ComponentProps, Ref } from 'react'\n\nimport { useAlertDialog } from './AlertDialogContext'\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface AlertDialogCancelProps\n  extends Omit<ComponentProps<typeof BaseAlertDialog.Close>, 'render'> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const AlertDialogCancel = ({\n  asChild = false,\n  ref: forwardedRef,\n  ...props\n}: AlertDialogCancelProps) => {\n  const { cancelRef } = useAlertDialog()\n  const ref = useMergeRefs(forwardedRef, cancelRef)\n  const renderSlot = useRenderSlot(asChild, 'button')\n\n  return (\n    <BaseAlertDialog.Close\n      ref={ref}\n      data-spark-component=\"alert-dialog-cancel\"\n      render={renderSlot}\n      {...props}\n    />\n  )\n}\n\nAlertDialogCancel.displayName = 'AlertDialog.Cancel'\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog'\nimport { cx } from 'class-variance-authority'\nimport { ComponentProps, Ref } from 'react'\n\nimport { dialogContentStyles } from '../dialog/DialogContent.styles'\nimport { useAlertDialog } from './AlertDialogContext'\n\nexport interface AlertDialogContentProps\n  extends Omit<ComponentProps<typeof BaseAlertDialog.Popup>, 'render'> {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const AlertDialogContent = ({\n  className,\n  ref,\n  initialFocus,\n  ...others\n}: AlertDialogContentProps) => {\n  const { cancelRef } = useAlertDialog()\n\n  // Default: focus the cancel button when dialog opens\n  // Users can override by passing their own initialFocus prop (RefObject, false, true, or function)\n  const handleInitialFocus = initialFocus !== undefined ? initialFocus : () => cancelRef.current\n\n  return (\n    <BaseAlertDialog.Popup\n      ref={ref}\n      data-spark-component=\"alert-dialog-content\"\n      role=\"alertdialog\"\n      className={state =>\n        cx(\n          dialogContentStyles({ size: 'md', isNarrow: true }),\n          'min-w-sz-288',\n          // Base UI automatically adds data-[starting-style] and data-[ending-style] attributes\n          // Transition with opacity and scale for smooth open/close animations\n          'transition-all duration-150',\n          'data-starting-style:scale-90 data-starting-style:opacity-0',\n          'data-ending-style:scale-90 data-ending-style:opacity-0',\n          typeof className === 'function' ? className(state) : className\n        )\n      }\n      initialFocus={handleInitialFocus}\n      {...others}\n    />\n  )\n}\n\nAlertDialogContent.displayName = 'AlertDialog.Content'\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog'\nimport { ComponentProps, Ref } from 'react'\n\nexport interface AlertDialogDescriptionProps\n  extends Omit<ComponentProps<typeof BaseAlertDialog.Description>, 'render'> {\n  ref?: Ref<HTMLParagraphElement>\n}\n\nexport const AlertDialogDescription = (props: AlertDialogDescriptionProps) => {\n  return <BaseAlertDialog.Description data-spark-component=\"alert-dialog-description\" {...props} />\n}\n\nAlertDialogDescription.displayName = 'AlertDialog.Description'\n","import { cx } from 'class-variance-authority'\nimport { type ReactElement, type ReactNode, Ref } from 'react'\n\nexport interface AlertDialogFooterProps {\n  children: ReactNode\n  className?: string\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const AlertDialogFooter = ({\n  children,\n  className,\n  ref,\n  ...rest\n}: AlertDialogFooterProps): ReactElement => (\n  <footer\n    data-spark-component=\"alert-dialog-footer\"\n    ref={ref}\n    className={cx(className, ['px-xl', 'py-lg'])}\n    {...rest}\n  >\n    {children}\n  </footer>\n)\n\nAlertDialogFooter.displayName = 'AlertDialog.Footer'\n","import { cx } from 'class-variance-authority'\nimport { type ReactElement, type ReactNode, Ref } from 'react'\n\nexport interface AlertDialogHeaderProps {\n  children: ReactNode\n  className?: string\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const AlertDialogHeader = ({\n  children,\n  className,\n  ref,\n  ...rest\n}: AlertDialogHeaderProps): ReactElement => (\n  <header\n    data-spark-component=\"alert-dialog-header\"\n    ref={ref}\n    className={cx(className, ['px-xl', 'py-lg'])}\n    {...rest}\n  >\n    {children}\n  </header>\n)\n\nAlertDialogHeader.displayName = 'AlertDialog.Header'\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog'\nimport { cx } from 'class-variance-authority'\nimport { ComponentProps, Ref } from 'react'\n\nexport interface AlertDialogOverlayProps\n  extends Omit<ComponentProps<typeof BaseAlertDialog.Backdrop>, 'render'> {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const AlertDialogOverlay = ({ className, ...props }: AlertDialogOverlayProps) => {\n  return (\n    <BaseAlertDialog.Backdrop\n      data-spark-component=\"alert-dialog-overlay\"\n      className={state =>\n        cx(\n          'z-overlay fixed top-0 left-0 h-screen w-screen',\n          'bg-overlay/dim-1',\n          // Base UI automatically adds data-[starting-style] and data-[ending-style] attributes\n          'data-[starting-style]:animate-fade-in',\n          'data-[ending-style]:animate-fade-out',\n          typeof className === 'function' ? className(state) : className\n        )\n      }\n      {...props}\n    />\n  )\n}\n\nAlertDialogOverlay.displayName = 'AlertDialog.Overlay'\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog'\nimport { ComponentProps } from 'react'\n\nexport type AlertDialogPortalProps = ComponentProps<typeof BaseAlertDialog.Portal>\n\nexport const AlertDialogPortal = (props: AlertDialogPortalProps) => {\n  return <BaseAlertDialog.Portal data-spark-component=\"alert-dialog-portal\" {...props} />\n}\n\nAlertDialogPortal.displayName = 'AlertDialog.Portal'\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog'\nimport { cx } from 'class-variance-authority'\nimport { ComponentProps, Ref } from 'react'\n\nexport interface AlertDialogTitleProps\n  extends Omit<ComponentProps<typeof BaseAlertDialog.Title>, 'render'> {\n  ref?: Ref<HTMLHeadingElement>\n}\n\nexport const AlertDialogTitle = ({ className, ...props }: AlertDialogTitleProps) => {\n  return (\n    <BaseAlertDialog.Title\n      data-spark-component=\"alert-dialog-title\"\n      className={cx('text-headline-1 text-on-surface', className)}\n      {...props}\n    />\n  )\n}\n\nAlertDialogTitle.displayName = 'AlertDialog.Title'\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog'\nimport { ComponentProps, Ref } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface AlertDialogTriggerProps\n  extends Omit<ComponentProps<typeof BaseAlertDialog.Trigger>, 'render'> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const AlertDialogTrigger = ({ asChild = false, ...props }: AlertDialogTriggerProps) => {\n  const renderSlot = useRenderSlot(asChild, 'button')\n\n  return (\n    <BaseAlertDialog.Trigger\n      data-spark-component=\"alert-dialog-trigger\"\n      render={renderSlot}\n      {...props}\n    />\n  )\n}\n\nAlertDialogTrigger.displayName = 'AlertDialog.Trigger'\n","import { AlertDialog as Root } from './AlertDialog'\nimport { AlertDialogAction } from './AlertDialogAction'\nimport { AlertDialogBody } from './AlertDialogBody'\nimport { AlertDialogCancel } from './AlertDialogCancel'\nimport { AlertDialogContent } from './AlertDialogContent'\nimport { AlertDialogDescription } from './AlertDialogDescription'\nimport { AlertDialogFooter } from './AlertDialogFooter'\nimport { AlertDialogHeader } from './AlertDialogHeader'\nimport { AlertDialogOverlay } from './AlertDialogOverlay'\nimport { AlertDialogPortal } from './AlertDialogPortal'\nimport { AlertDialogTitle } from './AlertDialogTitle'\nimport { AlertDialogTrigger } from './AlertDialogTrigger'\n\nexport * from './AlertDialog'\nexport { useAlertDialog } from './AlertDialogContext'\nexport { type AlertDialogActionProps } from './AlertDialogAction'\nexport { type AlertDialogBodyProps } from './AlertDialogBody'\nexport { type AlertDialogCancelProps } from './AlertDialogCancel'\nexport { type AlertDialogContentProps } from './AlertDialogContent'\nexport { type AlertDialogDescriptionProps } from './AlertDialogDescription'\nexport { type AlertDialogFooterProps } from './AlertDialogFooter'\nexport { type AlertDialogHeaderProps } from './AlertDialogHeader'\nexport { type AlertDialogOverlayProps } from './AlertDialogOverlay'\nexport { type AlertDialogPortalProps } from './AlertDialogPortal'\nexport { type AlertDialogTitleProps } from './AlertDialogTitle'\nexport { type AlertDialogTriggerProps } from './AlertDialogTrigger'\n\nexport const AlertDialog: typeof Root & {\n  Action: typeof AlertDialogAction\n  Body: typeof AlertDialogBody\n  Cancel: typeof AlertDialogCancel\n  Content: typeof AlertDialogContent\n  Description: typeof AlertDialogDescription\n  Footer: typeof AlertDialogFooter\n  Header: typeof AlertDialogHeader\n  Overlay: typeof AlertDialogOverlay\n  Portal: typeof AlertDialogPortal\n  Title: typeof AlertDialogTitle\n  Trigger: typeof AlertDialogTrigger\n} = Object.assign(Root, {\n  Action: AlertDialogAction,\n  Body: AlertDialogBody,\n  Cancel: AlertDialogCancel,\n  Content: AlertDialogContent,\n  Description: AlertDialogDescription,\n  Footer: AlertDialogFooter,\n  Header: AlertDialogHeader,\n  Overlay: AlertDialogOverlay,\n  Portal: AlertDialogPortal,\n  Title: AlertDialogTitle,\n  Trigger: AlertDialogTrigger,\n})\n\nAlertDialog.displayName = 'AlertDialog'\nAlertDialog.Action.displayName = 'AlertDialog.Action'\nAlertDialog.Body.displayName = 'AlertDialog.Body'\nAlertDialog.Cancel.displayName = 'AlertDialog.Cancel'\nAlertDialog.Content.displayName = 'AlertDialog.Content'\nAlertDialog.Description.displayName = 'AlertDialog.Description'\nAlertDialog.Footer.displayName = 'AlertDialog.Footer'\nAlertDialog.Header.displayName = 'AlertDialog.Header'\nAlertDialog.Overlay.displayName = 'AlertDialog.Overlay'\nAlertDialog.Portal.displayName = 'AlertDialog.Portal'\nAlertDialog.Title.displayName = 'AlertDialog.Title'\nAlertDialog.Trigger.displayName = 'AlertDialog.Trigger'\n"],"mappings":"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","names":["jsx","BaseAlertDialog","jsx","jsx","BaseAlertDialog","useRef","jsx","useRef","BaseAlertDialog","useMergeRefs","jsx","useMergeRefs","BaseAlertDialog","BaseAlertDialog","cx","jsx","BaseAlertDialog","cx","BaseAlertDialog","jsx","cx","jsx","cx","jsx","BaseAlertDialog","cx","jsx","BaseAlertDialog","jsx","BaseAlertDialog","cx","jsx","BaseAlertDialog","jsx","BaseAlertDialog","AlertDialog"]}
+{"version":3,"file":"index.mjs","sources":["../../src/alert-dialog/AlertDialogContext.tsx","../../src/alert-dialog/AlertDialog.tsx","../../src/alert-dialog/useRenderSlot.tsx","../../src/alert-dialog/AlertDialogAction.tsx","../../src/alert-dialog/AlertDialogBody.tsx","../../src/alert-dialog/AlertDialogCancel.tsx","../../src/alert-dialog/AlertDialogContent.tsx","../../src/alert-dialog/AlertDialogDescription.tsx","../../src/alert-dialog/AlertDialogFooter.tsx","../../src/alert-dialog/AlertDialogHeader.tsx","../../src/alert-dialog/AlertDialogOverlay.tsx","../../src/alert-dialog/AlertDialogPortal.tsx","../../src/alert-dialog/AlertDialogTitle.tsx","../../src/alert-dialog/AlertDialogTrigger.tsx","../../src/alert-dialog/index.ts"],"sourcesContent":["import { createContext, MutableRefObject, type ReactNode, useContext } from 'react'\n\nexport interface AlertDialogContextValue {\n  cancelRef: MutableRefObject<HTMLButtonElement | null>\n  withFade: boolean\n}\n\nexport const AlertDialogContext = createContext<AlertDialogContextValue | null>(null)\n\nexport const AlertDialogProvider = ({\n  children,\n  withFade = false,\n  cancelRef,\n}: {\n  children: ReactNode\n  withFade?: boolean\n  cancelRef: MutableRefObject<HTMLButtonElement | null>\n}) => {\n  return (\n    <AlertDialogContext.Provider\n      value={{\n        cancelRef,\n        withFade,\n      }}\n    >\n      {children}\n    </AlertDialogContext.Provider>\n  )\n}\n\nexport const useAlertDialog = () => {\n  const context = useContext(AlertDialogContext)\n\n  if (!context) {\n    throw Error('useAlertDialog must be used within an AlertDialog provider')\n  }\n\n  return context\n}\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog'\nimport { ComponentProps, Ref, useRef } from 'react'\n\nimport { AlertDialogProvider } from './AlertDialogContext'\n\nexport interface AlertDialogProps\n  extends Omit<ComponentProps<typeof BaseAlertDialog.Root>, 'onOpenChange' | 'render'> {\n  /**\n   * Specifies if the dialog is open or not.\n   */\n  open?: boolean\n  /**\n   * Default open state.\n   */\n  defaultOpen?: boolean\n  /**\n   * Handler executed on every dialog open state change.\n   */\n  onOpenChange?: (open: boolean) => void\n  /**\n   * Specifies if the dialog should have a fade animation on its body (in case it is scrollable).\n   */\n  withFade?: boolean\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const AlertDialog = ({ onOpenChange, withFade = false, ...props }: AlertDialogProps) => {\n  const cancelRef = useRef<HTMLButtonElement | null>(null)\n\n  const handleOpenChange = onOpenChange\n    ? (open: boolean, _eventDetails: unknown) => {\n        onOpenChange(open)\n      }\n    : undefined\n\n  return (\n    <AlertDialogProvider withFade={withFade} cancelRef={cancelRef}>\n      <BaseAlertDialog.Root\n        data-spark-component=\"alert-dialog\"\n        onOpenChange={handleOpenChange}\n        {...props}\n      />\n    </AlertDialogProvider>\n  )\n}\n\nAlertDialog.displayName = 'AlertDialog'\n","import { Slot } from '../slot'\n\nexport function useRenderSlot(asChild: boolean, defaultTag: string) {\n  const Component = asChild ? Slot : defaultTag\n\n  return asChild ? ({ ...props }) => <Component {...props} /> : undefined\n}\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog'\nimport { ComponentProps, Ref } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface AlertDialogActionProps\n  extends Omit<ComponentProps<typeof BaseAlertDialog.Close>, 'render'> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const AlertDialogAction = ({ asChild = false, ...props }: AlertDialogActionProps) => {\n  const renderSlot = useRenderSlot(asChild, 'button')\n\n  return (\n    <BaseAlertDialog.Close\n      data-spark-component=\"alert-dialog-action\"\n      render={renderSlot}\n      {...props}\n    />\n  )\n}\n\nAlertDialogAction.displayName = 'AlertDialog.Action'\n","import { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { useScrollOverflow } from '@spark-ui/hooks/use-scroll-overflow'\nimport { cx } from 'class-variance-authority'\nimport { type ReactElement, type ReactNode, Ref, useRef } from 'react'\n\nimport { useAlertDialog } from './AlertDialogContext'\n\nexport interface AlertDialogBodyProps {\n  children: ReactNode\n  className?: string\n  tabIndex?: number\n  ref?: Ref<HTMLDivElement>\n  inset?: boolean\n}\n\nexport const AlertDialogBody = ({\n  children,\n  className,\n  inset = false,\n  ref: forwardedRef,\n  ...rest\n}: AlertDialogBodyProps): ReactElement => {\n  const scrollAreaRef = useRef<HTMLDivElement>(null)\n  const ref = useMergeRefs(forwardedRef, scrollAreaRef)\n\n  const { withFade } = useAlertDialog()\n  const { overflow } = useScrollOverflow(scrollAreaRef)\n\n  return (\n    <div\n      data-spark-component=\"alert-dialog-body\"\n      ref={ref}\n      className={cx(\n        'focus-visible:u-outline relative grow overflow-y-auto outline-hidden',\n        'transition-all duration-300',\n        {\n          ['px-xl py-lg']: !inset,\n        },\n        className\n      )}\n      style={{\n        ...(withFade && {\n          maskImage:\n            'linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 44px, rgba(0, 0, 0, 1) calc(100% - 44px), rgba(0, 0, 0, 0))',\n          maskSize: `100% calc(100% + ${overflow.top ? '0px' : '44px'} + ${overflow.bottom ? '0px' : '44px'})`,\n          maskPosition: `0 ${overflow.top ? '0px' : '-44px'}`,\n        }),\n      }}\n      {...rest}\n    >\n      {children}\n    </div>\n  )\n}\n\nAlertDialogBody.displayName = 'AlertDialog.Body'\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog'\nimport { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { ComponentProps, Ref } from 'react'\n\nimport { useAlertDialog } from './AlertDialogContext'\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface AlertDialogCancelProps\n  extends Omit<ComponentProps<typeof BaseAlertDialog.Close>, 'render'> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const AlertDialogCancel = ({\n  asChild = false,\n  ref: forwardedRef,\n  ...props\n}: AlertDialogCancelProps) => {\n  const { cancelRef } = useAlertDialog()\n  const ref = useMergeRefs(forwardedRef, cancelRef)\n  const renderSlot = useRenderSlot(asChild, 'button')\n\n  return (\n    <BaseAlertDialog.Close\n      ref={ref}\n      data-spark-component=\"alert-dialog-cancel\"\n      render={renderSlot}\n      {...props}\n    />\n  )\n}\n\nAlertDialogCancel.displayName = 'AlertDialog.Cancel'\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog'\nimport { cx } from 'class-variance-authority'\nimport { ComponentProps, Ref } from 'react'\n\nimport { dialogContentStyles } from '../dialog/DialogContent.styles'\nimport { useAlertDialog } from './AlertDialogContext'\n\nexport interface AlertDialogContentProps\n  extends Omit<ComponentProps<typeof BaseAlertDialog.Popup>, 'render'> {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const AlertDialogContent = ({\n  className,\n  ref,\n  initialFocus,\n  ...others\n}: AlertDialogContentProps) => {\n  const { cancelRef } = useAlertDialog()\n\n  // Default: focus the cancel button when dialog opens\n  // Users can override by passing their own initialFocus prop (RefObject, false, true, or function)\n  const handleInitialFocus = initialFocus !== undefined ? initialFocus : () => cancelRef.current\n\n  return (\n    <BaseAlertDialog.Popup\n      ref={ref}\n      data-spark-component=\"alert-dialog-content\"\n      role=\"alertdialog\"\n      className={state =>\n        cx(\n          dialogContentStyles({ size: 'md', isNarrow: true }),\n          'min-w-sz-288',\n          // Base UI automatically adds data-[starting-style] and data-[ending-style] attributes\n          // Transition with opacity and scale for smooth open/close animations\n          'transition-all duration-150',\n          'data-starting-style:scale-90 data-starting-style:opacity-0',\n          'data-ending-style:scale-90 data-ending-style:opacity-0',\n          typeof className === 'function' ? className(state) : className\n        )\n      }\n      initialFocus={handleInitialFocus}\n      {...others}\n    />\n  )\n}\n\nAlertDialogContent.displayName = 'AlertDialog.Content'\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog'\nimport { ComponentProps, Ref } from 'react'\n\nexport interface AlertDialogDescriptionProps\n  extends Omit<ComponentProps<typeof BaseAlertDialog.Description>, 'render'> {\n  ref?: Ref<HTMLParagraphElement>\n}\n\nexport const AlertDialogDescription = (props: AlertDialogDescriptionProps) => {\n  return <BaseAlertDialog.Description data-spark-component=\"alert-dialog-description\" {...props} />\n}\n\nAlertDialogDescription.displayName = 'AlertDialog.Description'\n","import { cx } from 'class-variance-authority'\nimport { type ReactElement, type ReactNode, Ref } from 'react'\n\nexport interface AlertDialogFooterProps {\n  children: ReactNode\n  className?: string\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const AlertDialogFooter = ({\n  children,\n  className,\n  ref,\n  ...rest\n}: AlertDialogFooterProps): ReactElement => (\n  <footer\n    data-spark-component=\"alert-dialog-footer\"\n    ref={ref}\n    className={cx(className, ['px-xl', 'py-lg'])}\n    {...rest}\n  >\n    {children}\n  </footer>\n)\n\nAlertDialogFooter.displayName = 'AlertDialog.Footer'\n","import { cx } from 'class-variance-authority'\nimport { type ReactElement, type ReactNode, Ref } from 'react'\n\nexport interface AlertDialogHeaderProps {\n  children: ReactNode\n  className?: string\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const AlertDialogHeader = ({\n  children,\n  className,\n  ref,\n  ...rest\n}: AlertDialogHeaderProps): ReactElement => (\n  <header\n    data-spark-component=\"alert-dialog-header\"\n    ref={ref}\n    className={cx(className, ['px-xl', 'py-lg'])}\n    {...rest}\n  >\n    {children}\n  </header>\n)\n\nAlertDialogHeader.displayName = 'AlertDialog.Header'\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog'\nimport { cx } from 'class-variance-authority'\nimport { ComponentProps, Ref } from 'react'\n\nexport interface AlertDialogOverlayProps\n  extends Omit<ComponentProps<typeof BaseAlertDialog.Backdrop>, 'render'> {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const AlertDialogOverlay = ({ className, ...props }: AlertDialogOverlayProps) => {\n  return (\n    <BaseAlertDialog.Backdrop\n      data-spark-component=\"alert-dialog-overlay\"\n      className={state =>\n        cx(\n          'z-overlay fixed top-0 left-0 h-screen w-screen',\n          'bg-overlay/dim-1',\n          // Base UI automatically adds data-[starting-style] and data-[ending-style] attributes\n          'data-[starting-style]:animate-fade-in',\n          'data-[ending-style]:animate-fade-out',\n          typeof className === 'function' ? className(state) : className\n        )\n      }\n      {...props}\n    />\n  )\n}\n\nAlertDialogOverlay.displayName = 'AlertDialog.Overlay'\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog'\nimport { ComponentProps } from 'react'\n\nexport type AlertDialogPortalProps = ComponentProps<typeof BaseAlertDialog.Portal>\n\nexport const AlertDialogPortal = (props: AlertDialogPortalProps) => {\n  return <BaseAlertDialog.Portal data-spark-component=\"alert-dialog-portal\" {...props} />\n}\n\nAlertDialogPortal.displayName = 'AlertDialog.Portal'\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog'\nimport { cx } from 'class-variance-authority'\nimport { ComponentProps, Ref } from 'react'\n\nexport interface AlertDialogTitleProps\n  extends Omit<ComponentProps<typeof BaseAlertDialog.Title>, 'render'> {\n  ref?: Ref<HTMLHeadingElement>\n}\n\nexport const AlertDialogTitle = ({ className, ...props }: AlertDialogTitleProps) => {\n  return (\n    <BaseAlertDialog.Title\n      data-spark-component=\"alert-dialog-title\"\n      className={cx('text-headline-1 text-on-surface', className)}\n      {...props}\n    />\n  )\n}\n\nAlertDialogTitle.displayName = 'AlertDialog.Title'\n","import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog'\nimport { ComponentProps, Ref } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface AlertDialogTriggerProps\n  extends Omit<ComponentProps<typeof BaseAlertDialog.Trigger>, 'render'> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const AlertDialogTrigger = ({ asChild = false, ...props }: AlertDialogTriggerProps) => {\n  const renderSlot = useRenderSlot(asChild, 'button')\n\n  return (\n    <BaseAlertDialog.Trigger\n      data-spark-component=\"alert-dialog-trigger\"\n      render={renderSlot}\n      {...props}\n    />\n  )\n}\n\nAlertDialogTrigger.displayName = 'AlertDialog.Trigger'\n","import { AlertDialog as Root } from './AlertDialog'\nimport { AlertDialogAction } from './AlertDialogAction'\nimport { AlertDialogBody } from './AlertDialogBody'\nimport { AlertDialogCancel } from './AlertDialogCancel'\nimport { AlertDialogContent } from './AlertDialogContent'\nimport { AlertDialogDescription } from './AlertDialogDescription'\nimport { AlertDialogFooter } from './AlertDialogFooter'\nimport { AlertDialogHeader } from './AlertDialogHeader'\nimport { AlertDialogOverlay } from './AlertDialogOverlay'\nimport { AlertDialogPortal } from './AlertDialogPortal'\nimport { AlertDialogTitle } from './AlertDialogTitle'\nimport { AlertDialogTrigger } from './AlertDialogTrigger'\n\nexport * from './AlertDialog'\nexport { useAlertDialog } from './AlertDialogContext'\nexport { type AlertDialogActionProps } from './AlertDialogAction'\nexport { type AlertDialogBodyProps } from './AlertDialogBody'\nexport { type AlertDialogCancelProps } from './AlertDialogCancel'\nexport { type AlertDialogContentProps } from './AlertDialogContent'\nexport { type AlertDialogDescriptionProps } from './AlertDialogDescription'\nexport { type AlertDialogFooterProps } from './AlertDialogFooter'\nexport { type AlertDialogHeaderProps } from './AlertDialogHeader'\nexport { type AlertDialogOverlayProps } from './AlertDialogOverlay'\nexport { type AlertDialogPortalProps } from './AlertDialogPortal'\nexport { type AlertDialogTitleProps } from './AlertDialogTitle'\nexport { type AlertDialogTriggerProps } from './AlertDialogTrigger'\n\nexport const AlertDialog: typeof Root & {\n  Action: typeof AlertDialogAction\n  Body: typeof AlertDialogBody\n  Cancel: typeof AlertDialogCancel\n  Content: typeof AlertDialogContent\n  Description: typeof AlertDialogDescription\n  Footer: typeof AlertDialogFooter\n  Header: typeof AlertDialogHeader\n  Overlay: typeof AlertDialogOverlay\n  Portal: typeof AlertDialogPortal\n  Title: typeof AlertDialogTitle\n  Trigger: typeof AlertDialogTrigger\n} = Object.assign(Root, {\n  Action: AlertDialogAction,\n  Body: AlertDialogBody,\n  Cancel: AlertDialogCancel,\n  Content: AlertDialogContent,\n  Description: AlertDialogDescription,\n  Footer: AlertDialogFooter,\n  Header: AlertDialogHeader,\n  Overlay: AlertDialogOverlay,\n  Portal: AlertDialogPortal,\n  Title: AlertDialogTitle,\n  Trigger: AlertDialogTrigger,\n})\n\nAlertDialog.displayName = 'AlertDialog'\nAlertDialog.Action.displayName = 'AlertDialog.Action'\nAlertDialog.Body.displayName = 'AlertDialog.Body'\nAlertDialog.Cancel.displayName = 'AlertDialog.Cancel'\nAlertDialog.Content.displayName = 'AlertDialog.Content'\nAlertDialog.Description.displayName = 'AlertDialog.Description'\nAlertDialog.Footer.displayName = 'AlertDialog.Footer'\nAlertDialog.Header.displayName = 'AlertDialog.Header'\nAlertDialog.Overlay.displayName = 'AlertDialog.Overlay'\nAlertDialog.Portal.displayName = 'AlertDialog.Portal'\nAlertDialog.Title.displayName = 'AlertDialog.Title'\nAlertDialog.Trigger.displayName = 'AlertDialog.Trigger'\n"],"names":["AlertDialogContext","createContext","AlertDialogProvider","children","withFade","cancelRef","jsx","useAlertDialog","context","useContext","AlertDialog","onOpenChange","props","useRef","handleOpenChange","open","_eventDetails","BaseAlertDialog","useRenderSlot","asChild","defaultTag","Component","Slot","AlertDialogAction","renderSlot","AlertDialogBody","className","inset","forwardedRef","rest","scrollAreaRef","ref","useMergeRefs","overflow","useScrollOverflow","cx","AlertDialogCancel","AlertDialogContent","initialFocus","others","handleInitialFocus","state","dialogContentStyles","AlertDialogDescription","AlertDialogFooter","AlertDialogHeader","AlertDialogOverlay","AlertDialogPortal","AlertDialogTitle","AlertDialogTrigger","Root"],"mappings":"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"}

package/dist/alert-dialog/useRenderSlot.d.ts

@@ -0,0 +1,3 @@
+export declare function useRenderSlot(asChild: boolean, defaultTag: string): (({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element) | undefined;

package/dist/avatar/Avatar.d.ts

@@ -0,0 +1,3 @@
+import { AvatarProps } from './types';
+import * as React from 'react';
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;

package/dist/avatar/AvatarAction.d.ts

@@ -0,0 +1,9 @@
+export interface AvatarActionProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+    angle?: number;
+    ariaLabel: string;
+}
+export declare const AvatarAction: {
+    ({ className, children, asChild, angle, ariaLabel, ...props }: AvatarActionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};