@spark-ui/components 13.1.4 → 13.2.0

package/dist/alert-dialog/index.js

@@ -1,405 +1,2 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/alert-dialog/index.ts
-var alert_dialog_exports = {};
-__export(alert_dialog_exports, {
-  AlertDialog: () => AlertDialog2,
-  useAlertDialog: () => useAlertDialog
-});
-module.exports = __toCommonJS(alert_dialog_exports);
-
-// src/alert-dialog/AlertDialog.tsx
-var import_alert_dialog = require("@base-ui/react/alert-dialog");
-var import_react2 = require("react");
-
-// src/alert-dialog/AlertDialogContext.tsx
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var AlertDialogContext = (0, import_react.createContext)(null);
-var AlertDialogProvider = ({
-  children,
-  withFade = false,
-  cancelRef
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogContext.Provider,
-    {
-      value: {
-        cancelRef,
-        withFade
-      },
-      children
-    }
-  );
-};
-var useAlertDialog = () => {
-  const context = (0, import_react.useContext)(AlertDialogContext);
-  if (!context) {
-    throw Error("useAlertDialog must be used within an AlertDialog provider");
-  }
-  return context;
-};
-
-// src/alert-dialog/AlertDialog.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var AlertDialog = ({ onOpenChange, withFade = false, ...props }) => {
-  const cancelRef = (0, import_react2.useRef)(null);
-  const handleOpenChange = onOpenChange ? (open, _eventDetails) => {
-    onOpenChange(open);
-  } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AlertDialogProvider, { withFade, cancelRef, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_alert_dialog.AlertDialog.Root,
-    {
-      "data-spark-component": "alert-dialog",
-      onOpenChange: handleOpenChange,
-      ...props
-    }
-  ) });
-};
-AlertDialog.displayName = "AlertDialog";
-
-// src/alert-dialog/AlertDialogAction.tsx
-var import_alert_dialog2 = require("@base-ui/react/alert-dialog");
-
-// src/slot/Slot.tsx
-var import_radix_ui = require("radix-ui");
-var import_react3 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Slottable = import_radix_ui.Slot.Slottable;
-var Slot = ({ ref, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_radix_ui.Slot.Root, { ref, ...props });
-};
-
-// src/alert-dialog/useRenderSlot.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function useRenderSlot(asChild, defaultTag) {
-  const Component = asChild ? Slot : defaultTag;
-  return asChild ? ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Component, { ...props }) : void 0;
-}
-
-// src/alert-dialog/AlertDialogAction.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var AlertDialogAction = ({ asChild = false, ...props }) => {
-  const renderSlot = useRenderSlot(asChild, "button");
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_alert_dialog2.AlertDialog.Close,
-    {
-      "data-spark-component": "alert-dialog-action",
-      render: renderSlot,
-      ...props
-    }
-  );
-};
-AlertDialogAction.displayName = "AlertDialog.Action";
-
-// src/alert-dialog/AlertDialogBody.tsx
-var import_use_merge_refs = require("@spark-ui/hooks/use-merge-refs");
-var import_use_scroll_overflow = require("@spark-ui/hooks/use-scroll-overflow");
-var import_class_variance_authority = require("class-variance-authority");
-var import_react4 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var AlertDialogBody = ({
-  children,
-  className,
-  inset = false,
-  ref: forwardedRef,
-  ...rest
-}) => {
-  const scrollAreaRef = (0, import_react4.useRef)(null);
-  const ref = (0, import_use_merge_refs.useMergeRefs)(forwardedRef, scrollAreaRef);
-  const { withFade } = useAlertDialog();
-  const { overflow } = (0, import_use_scroll_overflow.useScrollOverflow)(scrollAreaRef);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    "div",
-    {
-      "data-spark-component": "alert-dialog-body",
-      ref,
-      className: (0, import_class_variance_authority.cx)(
-        "focus-visible:u-outline relative grow overflow-y-auto outline-hidden",
-        "transition-all duration-300",
-        {
-          ["px-xl py-lg"]: !inset
-        },
-        className
-      ),
-      style: {
-        ...withFade && {
-          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"}`
-        }
-      },
-      ...rest,
-      children
-    }
-  );
-};
-AlertDialogBody.displayName = "AlertDialog.Body";
-
-// src/alert-dialog/AlertDialogCancel.tsx
-var import_alert_dialog3 = require("@base-ui/react/alert-dialog");
-var import_use_merge_refs2 = require("@spark-ui/hooks/use-merge-refs");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var AlertDialogCancel = ({
-  asChild = false,
-  ref: forwardedRef,
-  ...props
-}) => {
-  const { cancelRef } = useAlertDialog();
-  const ref = (0, import_use_merge_refs2.useMergeRefs)(forwardedRef, cancelRef);
-  const renderSlot = useRenderSlot(asChild, "button");
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    import_alert_dialog3.AlertDialog.Close,
-    {
-      ref,
-      "data-spark-component": "alert-dialog-cancel",
-      render: renderSlot,
-      ...props
-    }
-  );
-};
-AlertDialogCancel.displayName = "AlertDialog.Cancel";
-
-// src/alert-dialog/AlertDialogContent.tsx
-var import_alert_dialog4 = require("@base-ui/react/alert-dialog");
-var import_class_variance_authority3 = require("class-variance-authority");
-
-// src/dialog/DialogContent.styles.tsx
-var import_class_variance_authority2 = require("class-variance-authority");
-var dialogContentStyles = (0, import_class_variance_authority2.cva)(
-  [
-    "z-modal flex flex-col bg-surface group",
-    "focus-visible:outline-hidden focus-visible:u-outline",
-    "[&:not(:has(footer))]:pb-lg",
-    "[&:not(:has(header))]:pt-lg"
-  ],
-  {
-    variants: {
-      size: {
-        fullscreen: "fixed size-full top-0 left-0",
-        sm: "max-w-sz-480",
-        md: "max-w-sz-672",
-        lg: "max-w-sz-864"
-      },
-      isNarrow: {
-        true: [],
-        false: []
-      }
-    },
-    compoundVariants: [
-      {
-        size: ["sm", "md", "lg"],
-        class: [
-          "fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
-          "max-h-[80%]",
-          "shadow-md rounded-lg",
-          "data-[state=open]:animate-fade-in",
-          "data-[state=closed]:animate-fade-out"
-        ]
-      },
-      {
-        size: ["sm", "md", "lg"],
-        isNarrow: false,
-        class: ["w-full"]
-      }
-    ],
-    defaultVariants: {
-      size: "md",
-      isNarrow: false
-    }
-  }
-);
-
-// src/alert-dialog/AlertDialogContent.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var AlertDialogContent = ({
-  className,
-  ref,
-  initialFocus,
-  ...others
-}) => {
-  const { cancelRef } = useAlertDialog();
-  const handleInitialFocus = initialFocus !== void 0 ? initialFocus : () => cancelRef.current;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    import_alert_dialog4.AlertDialog.Popup,
-    {
-      ref,
-      "data-spark-component": "alert-dialog-content",
-      role: "alertdialog",
-      className: (state) => (0, import_class_variance_authority3.cx)(
-        dialogContentStyles({ size: "md", isNarrow: true }),
-        "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
-      ),
-      initialFocus: handleInitialFocus,
-      ...others
-    }
-  );
-};
-AlertDialogContent.displayName = "AlertDialog.Content";
-
-// src/alert-dialog/AlertDialogDescription.tsx
-var import_alert_dialog5 = require("@base-ui/react/alert-dialog");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var AlertDialogDescription = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_alert_dialog5.AlertDialog.Description, { "data-spark-component": "alert-dialog-description", ...props });
-};
-AlertDialogDescription.displayName = "AlertDialog.Description";
-
-// src/alert-dialog/AlertDialogFooter.tsx
-var import_class_variance_authority4 = require("class-variance-authority");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var AlertDialogFooter = ({
-  children,
-  className,
-  ref,
-  ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-  "footer",
-  {
-    "data-spark-component": "alert-dialog-footer",
-    ref,
-    className: (0, import_class_variance_authority4.cx)(className, ["px-xl", "py-lg"]),
-    ...rest,
-    children
-  }
-);
-AlertDialogFooter.displayName = "AlertDialog.Footer";
-
-// src/alert-dialog/AlertDialogHeader.tsx
-var import_class_variance_authority5 = require("class-variance-authority");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var AlertDialogHeader = ({
-  children,
-  className,
-  ref,
-  ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-  "header",
-  {
-    "data-spark-component": "alert-dialog-header",
-    ref,
-    className: (0, import_class_variance_authority5.cx)(className, ["px-xl", "py-lg"]),
-    ...rest,
-    children
-  }
-);
-AlertDialogHeader.displayName = "AlertDialog.Header";
-
-// src/alert-dialog/AlertDialogOverlay.tsx
-var import_alert_dialog6 = require("@base-ui/react/alert-dialog");
-var import_class_variance_authority6 = require("class-variance-authority");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var AlertDialogOverlay = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_alert_dialog6.AlertDialog.Backdrop,
-    {
-      "data-spark-component": "alert-dialog-overlay",
-      className: (state) => (0, import_class_variance_authority6.cx)(
-        "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
-var import_alert_dialog7 = require("@base-ui/react/alert-dialog");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var AlertDialogPortal = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_alert_dialog7.AlertDialog.Portal, { "data-spark-component": "alert-dialog-portal", ...props });
-};
-AlertDialogPortal.displayName = "AlertDialog.Portal";
-
-// src/alert-dialog/AlertDialogTitle.tsx
-var import_alert_dialog8 = require("@base-ui/react/alert-dialog");
-var import_class_variance_authority7 = require("class-variance-authority");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var AlertDialogTitle = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    import_alert_dialog8.AlertDialog.Title,
-    {
-      "data-spark-component": "alert-dialog-title",
-      className: (0, import_class_variance_authority7.cx)("text-headline-1 text-on-surface", className),
-      ...props
-    }
-  );
-};
-AlertDialogTitle.displayName = "AlertDialog.Title";
-
-// src/alert-dialog/AlertDialogTrigger.tsx
-var import_alert_dialog9 = require("@base-ui/react/alert-dialog");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var AlertDialogTrigger = ({ asChild = false, ...props }) => {
-  const renderSlot = useRenderSlot(asChild, "button");
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    import_alert_dialog9.AlertDialog.Trigger,
-    {
-      "data-spark-component": "alert-dialog-trigger",
-      render: renderSlot,
-      ...props
-    }
-  );
-};
-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
-});
-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";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AlertDialog,
-  useAlertDialog
-});
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("@base-ui/react/alert-dialog"),d=require("react"),w=require("../Slot-DQ8z2zsy.js"),A=require("@spark-ui/hooks/use-merge-refs"),P=require("@spark-ui/hooks/use-scroll-overflow"),c=require("class-variance-authority"),O=require("../DialogContent.styles-B5pR8ECK.js"),y=d.createContext(null),q=({children:e,withFade:t=!1,cancelRef:a})=>l.jsx(y.Provider,{value:{cancelRef:a,withFade:t},children:e}),p=()=>{const e=d.useContext(y);if(!e)throw Error("useAlertDialog must be used within an AlertDialog provider");return e},m=({onOpenChange:e,withFade:t=!1,...a})=>{const o=d.useRef(null),s=e?(n,g)=>{e(n)}:void 0;return l.jsx(q,{withFade:t,cancelRef:o,children:l.jsx(i.AlertDialog.Root,{"data-spark-component":"alert-dialog",onOpenChange:s,...a})})};m.displayName="AlertDialog";function D(e,t){const a=e?w.Slot:t;return e?({...o})=>l.jsx(a,{...o}):void 0}const x=({asChild:e=!1,...t})=>{const a=D(e,"button");return l.jsx(i.AlertDialog.Close,{"data-spark-component":"alert-dialog-action",render:a,...t})};x.displayName="AlertDialog.Action";const f=({children:e,className:t,inset:a=!1,ref:o,...s})=>{const n=d.useRef(null),g=A.useMergeRefs(o,n),{withFade:S}=p(),{overflow:u}=P.useScrollOverflow(n);return l.jsx("div",{"data-spark-component":"alert-dialog-body",ref:g,className:c.cx("focus-visible:u-outline relative grow overflow-y-auto outline-hidden","transition-all duration-300",{"px-xl py-lg":!a},t),style:{...S&&{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% + ${u.top?"0px":"44px"} + ${u.bottom?"0px":"44px"})`,maskPosition:`0 ${u.top?"0px":"-44px"}`}},...s,children:e})};f.displayName="AlertDialog.Body";const N=({asChild:e=!1,ref:t,...a})=>{const{cancelRef:o}=p(),s=A.useMergeRefs(t,o),n=D(e,"button");return l.jsx(i.AlertDialog.Close,{ref:s,"data-spark-component":"alert-dialog-cancel",render:n,...a})};N.displayName="AlertDialog.Cancel";const v=({className:e,ref:t,initialFocus:a,...o})=>{const{cancelRef:s}=p(),n=a!==void 0?a:()=>s.current;return l.jsx(i.AlertDialog.Popup,{ref:t,"data-spark-component":"alert-dialog-content",role:"alertdialog",className:g=>c.cx(O.dialogContentStyles({size:"md",isNarrow:!0}),"min-w-sz-288","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 e=="function"?e(g):e),initialFocus:n,...o})};v.displayName="AlertDialog.Content";const j=e=>l.jsx(i.AlertDialog.Description,{"data-spark-component":"alert-dialog-description",...e});j.displayName="AlertDialog.Description";const C=({children:e,className:t,ref:a,...o})=>l.jsx("footer",{"data-spark-component":"alert-dialog-footer",ref:a,className:c.cx(t,["px-xl","py-lg"]),...o,children:e});C.displayName="AlertDialog.Footer";const b=({children:e,className:t,ref:a,...o})=>l.jsx("header",{"data-spark-component":"alert-dialog-header",ref:a,className:c.cx(t,["px-xl","py-lg"]),...o,children:e});b.displayName="AlertDialog.Header";const k=({className:e,...t})=>l.jsx(i.AlertDialog.Backdrop,{"data-spark-component":"alert-dialog-overlay",className:a=>c.cx("z-overlay fixed top-0 left-0 h-screen w-screen","bg-overlay/dim-1","data-[starting-style]:animate-fade-in","data-[ending-style]:animate-fade-out",typeof e=="function"?e(a):e),...t});k.displayName="AlertDialog.Overlay";const R=e=>l.jsx(i.AlertDialog.Portal,{"data-spark-component":"alert-dialog-portal",...e});R.displayName="AlertDialog.Portal";const T=({className:e,...t})=>l.jsx(i.AlertDialog.Title,{"data-spark-component":"alert-dialog-title",className:c.cx("text-headline-1 text-on-surface",e),...t});T.displayName="AlertDialog.Title";const h=({asChild:e=!1,...t})=>{const a=D(e,"button");return l.jsx(i.AlertDialog.Trigger,{"data-spark-component":"alert-dialog-trigger",render:a,...t})};h.displayName="AlertDialog.Trigger";const r=Object.assign(m,{Action:x,Body:f,Cancel:N,Content:v,Description:j,Footer:C,Header:b,Overlay:k,Portal:R,Title:T,Trigger:h});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";exports.AlertDialog=r;exports.useAlertDialog=p;
+//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/alert-dialog/index.ts","../../src/alert-dialog/AlertDialog.tsx","../../src/alert-dialog/AlertDialogContext.tsx","../../src/alert-dialog/AlertDialogAction.tsx","../../src/slot/Slot.tsx","../../src/alert-dialog/useRenderSlot.tsx","../../src/alert-dialog/AlertDialogBody.tsx","../../src/alert-dialog/AlertDialogCancel.tsx","../../src/alert-dialog/AlertDialogContent.tsx","../../src/dialog/DialogContent.styles.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"],"sourcesContent":["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","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 as RadixSlot } from 'radix-ui'\nimport {\n  cloneElement,\n  HTMLAttributes,\n  isValidElement,\n  PropsWithChildren,\n  ReactNode,\n  Ref,\n} from 'react'\n\nexport const Slottable: typeof RadixSlot.Slottable = RadixSlot.Slottable\n\nexport type SlotProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {\n  ref?: Ref<HTMLElement>\n}\n\nexport const Slot = ({ ref, ...props }: SlotProps) => {\n  return <RadixSlot.Root ref={ref} {...props} />\n}\n\n/**\n * When using Radix `Slot` component, it will consider its first child to merge its props with.\n * In some cases, you might need to wrap the top child with additional markup without breaking this behaviour.\n */\nexport const wrapPolymorphicSlot = (\n  asChild: boolean | undefined,\n  children: ReactNode,\n  callback: (children: ReactNode) => ReactNode\n) => {\n  if (!asChild) return callback(children) // If polymorphic behaviour is not used, we keep the original children\n\n  return isValidElement(children)\n    ? cloneElement(\n        children,\n        undefined,\n        callback((children.props as { children: ReactNode }).children)\n      )\n    : null\n}\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 { cva, VariantProps } from 'class-variance-authority'\n\nexport const dialogContentStyles = cva(\n  [\n    'z-modal flex flex-col bg-surface group',\n    'focus-visible:outline-hidden focus-visible:u-outline',\n    '[&:not(:has(footer))]:pb-lg',\n    '[&:not(:has(header))]:pt-lg',\n  ],\n  {\n    variants: {\n      size: {\n        fullscreen: 'fixed size-full top-0 left-0',\n        sm: 'max-w-sz-480',\n        md: 'max-w-sz-672',\n        lg: 'max-w-sz-864',\n      },\n      isNarrow: {\n        true: [],\n        false: [],\n      },\n    },\n    compoundVariants: [\n      {\n        size: ['sm', 'md', 'lg'],\n        class: [\n          'fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2',\n          'max-h-[80%]',\n          'shadow-md rounded-lg',\n          'data-[state=open]:animate-fade-in',\n          'data-[state=closed]:animate-fade-out',\n        ],\n      },\n      {\n        size: ['sm', 'md', 'lg'],\n        isNarrow: false,\n        class: ['w-full'],\n      },\n    ],\n    defaultVariants: {\n      size: 'md',\n      isNarrow: false,\n    },\n  }\n)\n\nexport type DialogContentStylesProps = VariantProps<typeof dialogContentStyles>\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"],"mappings":"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","names":["AlertDialog","import_react","import_jsx_runtime","BaseAlertDialog","import_alert_dialog","import_react","import_jsx_runtime","RadixSlot","import_jsx_runtime","import_jsx_runtime","BaseAlertDialog","import_react","import_jsx_runtime","import_alert_dialog","import_use_merge_refs","import_jsx_runtime","BaseAlertDialog","import_alert_dialog","import_class_variance_authority","import_class_variance_authority","import_jsx_runtime","BaseAlertDialog","import_alert_dialog","import_jsx_runtime","BaseAlertDialog","import_class_variance_authority","import_jsx_runtime","import_class_variance_authority","import_jsx_runtime","import_alert_dialog","import_class_variance_authority","import_jsx_runtime","BaseAlertDialog","import_alert_dialog","import_jsx_runtime","BaseAlertDialog","import_alert_dialog","import_class_variance_authority","import_jsx_runtime","BaseAlertDialog","import_alert_dialog","import_jsx_runtime","BaseAlertDialog","AlertDialog"]}
+{"version":3,"file":"index.js","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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"}