@spark-ui/components 12.1.2 → 13.0.1-beta.0

package/dist/alert-dialog/index.mjs

@@ -1,146 +1,291 @@
 import {
-  Dialog
-} from "../chunk-WLI4EPS6.mjs";
-import "../chunk-DCXWGQVZ.mjs";
-import "../chunk-UMUMFMFB.mjs";
-import "../chunk-2YM6GKWW.mjs";
-import "../chunk-GAK4SC2F.mjs";
-import "../chunk-KEGAAGJW.mjs";
-import "../chunk-6QCEPQ3U.mjs";
+  dialogContentStyles
+} from "../chunk-XZ47F6TP.mjs";
+import {
+  Slot
+} from "../chunk-6QCEPQ3U.mjs";
 
 // src/alert-dialog/AlertDialog.tsx
+import { AlertDialog as BaseAlertDialog } from "@base-ui-components/react/alert-dialog";
+import { useRef } from "react";
+
+// src/alert-dialog/AlertDialogContext.tsx
+import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
-var AlertDialog = (props) => {
-  return /* @__PURE__ */ jsx(Dialog, { "data-spark-component": "alert-dialog", ...props, modal: true });
+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");
+  }
+  return context;
 };
-AlertDialog.displayName = "AlertDialog";
 
-// src/alert-dialog/AlertDialogAction.tsx
+// src/alert-dialog/AlertDialog.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
-var AlertDialogAction = (props) => {
-  return /* @__PURE__ */ jsx2(Dialog.Close, { "data-spark-component": "alert-dialog-action", ...props });
+var AlertDialog = ({ onOpenChange, withFade = false, ...props }) => {
+  const cancelRef = useRef(null);
+  const handleOpenChange = onOpenChange ? (open, _eventDetails) => {
+    onOpenChange(open);
+  } : void 0;
+  return /* @__PURE__ */ jsx2(AlertDialogProvider, { withFade, cancelRef, children: /* @__PURE__ */ jsx2(
+    BaseAlertDialog.Root,
+    {
+      "data-spark-component": "alert-dialog",
+      onOpenChange: handleOpenChange,
+      ...props
+    }
+  ) });
 };
-AlertDialogAction.displayName = "AlertDialog.Action";
+AlertDialog.displayName = "AlertDialog";
 
-// src/alert-dialog/AlertDialogBody.tsx
+// src/alert-dialog/AlertDialogAction.tsx
+import { AlertDialog as BaseAlertDialog2 } from "@base-ui-components/react/alert-dialog";
+
+// src/alert-dialog/useRenderSlot.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
-var AlertDialogBody = (props) => {
-  return /* @__PURE__ */ jsx3(Dialog.Body, { "data-spark-component": "alert-dialog-body", ...props });
+function useRenderSlot(asChild, defaultTag) {
+  const Component = asChild ? Slot : defaultTag;
+  return asChild ? ({ ...props }) => /* @__PURE__ */ jsx3(Component, { ...props }) : 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,
+    {
+      "data-spark-component": "alert-dialog-action",
+      render: renderSlot,
+      ...props
+    }
+  );
 };
-AlertDialogBody.displayName = "AlertDialog.Body";
+AlertDialogAction.displayName = "AlertDialog.Action";
 
-// src/alert-dialog/AlertDialogCancel.tsx
+// src/alert-dialog/AlertDialogBody.tsx
 import { useMergeRefs } from "@spark-ui/hooks/use-merge-refs";
-
-// src/alert-dialog/AlertDialogContext.ts
-import { createContext, useContext } from "react";
-var AlertDialogContext = createContext(null);
-var useAlertDialog = () => {
-  const context = useContext(AlertDialogContext);
-  if (!context) {
-    throw Error("useAlertDialog must be used within a RadioGroup provider");
-  }
-  return context;
+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
+}) => {
+  const scrollAreaRef = useRef2(null);
+  const ref = useMergeRefs(forwardedRef, scrollAreaRef);
+  const { withFade } = useAlertDialog();
+  const { overflow } = useScrollOverflow(scrollAreaRef);
+  return /* @__PURE__ */ jsx5(
+    "div",
+    {
+      "data-spark-component": "alert-dialog-body",
+      ref,
+      className: 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
-import { jsx as jsx4 } from "react/jsx-runtime";
-var AlertDialogCancel = ({ ref: forwardedRef, ...props }) => {
+import { AlertDialog as BaseAlertDialog3 } from "@base-ui-components/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
+}) => {
   const { cancelRef } = useAlertDialog();
-  const ref = useMergeRefs(forwardedRef, cancelRef);
-  return /* @__PURE__ */ jsx4(Dialog.Close, { ref, "data-spark-component": "alert-dialog-cancel", ...props });
+  const ref = useMergeRefs2(forwardedRef, cancelRef);
+  const renderSlot = useRenderSlot(asChild, "button");
+  return /* @__PURE__ */ jsx6(
+    BaseAlertDialog3.Close,
+    {
+      ref,
+      "data-spark-component": "alert-dialog-cancel",
+      render: renderSlot,
+      ...props
+    }
+  );
 };
 AlertDialogCancel.displayName = "AlertDialog.Cancel";
 
 // src/alert-dialog/AlertDialogContent.tsx
-import { cx } from "class-variance-authority";
-import { composeEventHandlers } from "radix-ui/internal";
-import { useMemo, useRef } from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var AlertDialogContent = ({
-  className,
-  onOpenAutoFocus,
-  ref,
-  ...others
-}) => {
-  const cancelRef = useRef(null);
-  const value = useMemo(() => {
-    return { cancelRef };
-  }, []);
-  const handleOpenAutoFocus = (event) => {
-    event.preventDefault();
-    cancelRef.current?.focus({ preventScroll: true });
-  };
-  const handlePointerDownOutside = (event) => {
-    event.preventDefault();
-  };
-  const handleInteractOutside = (event) => {
-    event.preventDefault();
-  };
-  return /* @__PURE__ */ jsx5(AlertDialogContext.Provider, { value, children: /* @__PURE__ */ jsx5(
-    Dialog.Content,
+import { AlertDialog as BaseAlertDialog4 } from "@base-ui-components/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 }) => {
+  const { cancelRef } = useAlertDialog();
+  const handleInitialFocus = initialFocus !== void 0 ? initialFocus : () => cancelRef.current;
+  return /* @__PURE__ */ jsx7(
+    BaseAlertDialog4.Popup,
     {
       ref,
       "data-spark-component": "alert-dialog-content",
-      ...others,
-      className: cx(className, "min-w-sz-288"),
       role: "alertdialog",
-      size: "md",
-      onOpenAutoFocus: composeEventHandlers(onOpenAutoFocus, handleOpenAutoFocus),
-      onPointerDownOutside: handlePointerDownOutside,
-      onInteractOutside: handleInteractOutside,
-      isNarrow: true
+      className: (state) => cx2(
+        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
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { AlertDialog as BaseAlertDialog5 } from "@base-ui-components/react/alert-dialog";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var AlertDialogDescription = (props) => {
-  return /* @__PURE__ */ jsx6(Dialog.Description, { "data-spark-component": "alert-dialog-description", ...props });
+  return /* @__PURE__ */ jsx8(BaseAlertDialog5.Description, { "data-spark-component": "alert-dialog-description", ...props });
 };
 AlertDialogDescription.displayName = "AlertDialog.Description";
 
 // src/alert-dialog/AlertDialogFooter.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-var AlertDialogFooter = (props) => {
-  return /* @__PURE__ */ jsx7(Dialog.Footer, { "data-spark-component": "alert-dialog-footer", ...props });
-};
+import { cx as cx3 } from "class-variance-authority";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var AlertDialogFooter = ({
+  children,
+  className,
+  ref,
+  ...rest
+}) => /* @__PURE__ */ jsx9(
+  "footer",
+  {
+    "data-spark-component": "alert-dialog-footer",
+    ref,
+    className: cx3(className, ["px-xl", "py-lg"]),
+    ...rest,
+    children
+  }
+);
 AlertDialogFooter.displayName = "AlertDialog.Footer";
 
 // src/alert-dialog/AlertDialogHeader.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-var AlertDialogHeader = (props) => {
-  return /* @__PURE__ */ jsx8(Dialog.Header, { "data-spark-component": "alert-dialog-header", ...props });
-};
+import { cx as cx4 } from "class-variance-authority";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var AlertDialogHeader = ({
+  children,
+  className,
+  ref,
+  ...rest
+}) => /* @__PURE__ */ jsx10(
+  "header",
+  {
+    "data-spark-component": "alert-dialog-header",
+    ref,
+    className: cx4(className, ["px-xl", "py-lg"]),
+    ...rest,
+    children
+  }
+);
 AlertDialogHeader.displayName = "AlertDialog.Header";
 
 // src/alert-dialog/AlertDialogOverlay.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-var AlertDialogOverlay = (props) => {
-  return /* @__PURE__ */ jsx9(Dialog.Overlay, { "data-spark-component": "alert-dialog-overlay", ...props });
+import { AlertDialog as BaseAlertDialog6 } from "@base-ui-components/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 { jsx as jsx10 } from "react/jsx-runtime";
+import { AlertDialog as BaseAlertDialog7 } from "@base-ui-components/react/alert-dialog";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var AlertDialogPortal = (props) => {
-  return /* @__PURE__ */ jsx10(Dialog.Portal, { "data-spark-component": "alert-dialog-portal", ...props });
+  return /* @__PURE__ */ jsx12(BaseAlertDialog7.Portal, { "data-spark-component": "alert-dialog-portal", ...props });
 };
 AlertDialogPortal.displayName = "AlertDialog.Portal";
 
 // src/alert-dialog/AlertDialogTitle.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
-var AlertDialogTitle = (props) => {
-  return /* @__PURE__ */ jsx11(Dialog.Title, { "data-spark-component": "alert-dialog-title", ...props });
+import { AlertDialog as BaseAlertDialog8 } from "@base-ui-components/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 { jsx as jsx12 } from "react/jsx-runtime";
-var AlertDialogTrigger = (props) => {
-  return /* @__PURE__ */ jsx12(Dialog.Trigger, { "data-spark-component": "alert-dialog-title", ...props });
+import { AlertDialog as BaseAlertDialog9 } from "@base-ui-components/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,
+    {
+      "data-spark-component": "alert-dialog-trigger",
+      render: renderSlot,
+      ...props
+    }
+  );
 };
 AlertDialogTrigger.displayName = "AlertDialog.Trigger";
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/alert-dialog/AlertDialog.tsx","../../src/alert-dialog/AlertDialogAction.tsx","../../src/alert-dialog/AlertDialogBody.tsx","../../src/alert-dialog/AlertDialogCancel.tsx","../../src/alert-dialog/AlertDialogContext.ts","../../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 { Dialog, DialogProps } from '../dialog'\n\nexport type AlertDialogProps = Omit<DialogProps, 'modal'>\n\nexport const AlertDialog = (props: AlertDialogProps) => {\n  return <Dialog data-spark-component=\"alert-dialog\" {...props} modal={true} />\n}\n\nAlertDialog.displayName = 'AlertDialog'\n","import { Ref } from 'react'\n\nimport { Dialog, DialogCloseProps } from '../dialog'\n\nexport type AlertDialogActionProps = DialogCloseProps & {\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const AlertDialogAction = (props: AlertDialogActionProps) => {\n  return <Dialog.Close data-spark-component=\"alert-dialog-action\" {...props} />\n}\n\nAlertDialogAction.displayName = 'AlertDialog.Action'\n","import { Ref } from 'react'\n\nimport { Dialog, DialogBodyProps } from '../dialog'\n\nexport type AlertDialogBodyProps = DialogBodyProps & {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const AlertDialogBody = (props: AlertDialogBodyProps) => {\n  return <Dialog.Body data-spark-component=\"alert-dialog-body\" {...props} />\n}\n\nAlertDialogBody.displayName = 'AlertDialog.Body'\n","import { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { Ref } from 'react'\n\nimport { Dialog, DialogCloseProps } from '../dialog'\nimport { useAlertDialog } from './AlertDialogContext'\n\nexport type AlertDialogCancelProps = DialogCloseProps & {\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const AlertDialogCancel = ({ ref: forwardedRef, ...props }: AlertDialogCancelProps) => {\n  const { cancelRef } = useAlertDialog()\n  const ref = useMergeRefs(forwardedRef, cancelRef)\n\n  return <Dialog.Close ref={ref} data-spark-component=\"alert-dialog-cancel\" {...props} />\n}\n\nAlertDialogCancel.displayName = 'AlertDialog.Cancel'\n","import { createContext, useContext, MutableRefObject } from 'react'\n\nexport interface AlertDialogContextValue {\n  cancelRef: MutableRefObject<HTMLButtonElement | null>\n}\n\nexport const AlertDialogContext = createContext<AlertDialogContextValue | null>(null)\n\nexport const useAlertDialog = () => {\n  const context = useContext(AlertDialogContext)\n\n  if (!context) {\n    throw Error('useAlertDialog must be used within a RadioGroup provider')\n  }\n\n  return context\n}\n","import { cx } from 'class-variance-authority'\nimport { composeEventHandlers } from 'radix-ui/internal'\nimport { Ref, useMemo, useRef } from 'react'\n\nimport { Dialog, DialogContentProps } from '../dialog'\nimport { AlertDialogContext } from './AlertDialogContext'\n\nexport type AlertDialogContentProps = Omit<\n  DialogContentProps,\n  'size' | 'isNarrow' | 'onPointerDownOutside' | 'onInteractOutside'\n> & {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const AlertDialogContent = ({\n  className,\n  onOpenAutoFocus,\n  ref,\n  ...others\n}: AlertDialogContentProps) => {\n  const cancelRef = useRef<HTMLButtonElement | null>(null)\n\n  const value = useMemo(() => {\n    return { cancelRef }\n  }, [])\n\n  const handleOpenAutoFocus = (event: Event) => {\n    event.preventDefault()\n    cancelRef.current?.focus({ preventScroll: true })\n  }\n\n  const handlePointerDownOutside = (event: Event) => {\n    event.preventDefault()\n  }\n\n  const handleInteractOutside = (event: Event) => {\n    event.preventDefault()\n  }\n\n  return (\n    <AlertDialogContext.Provider value={value}>\n      <Dialog.Content\n        ref={ref}\n        data-spark-component=\"alert-dialog-content\"\n        {...others}\n        className={cx(className, 'min-w-sz-288')}\n        role=\"alertdialog\"\n        size=\"md\"\n        onOpenAutoFocus={composeEventHandlers(onOpenAutoFocus, handleOpenAutoFocus)}\n        onPointerDownOutside={handlePointerDownOutside}\n        onInteractOutside={handleInteractOutside}\n        isNarrow\n      />\n    </AlertDialogContext.Provider>\n  )\n}\n\nAlertDialogContent.displayName = 'AlertDialog.Content'\n","import { Ref } from 'react'\n\nimport { Dialog, DialogDescriptionProps } from '../dialog'\n\nexport type AlertDialogDescriptionProps = DialogDescriptionProps & {\n  ref?: Ref<HTMLParagraphElement>\n}\n\nexport const AlertDialogDescription = (props: AlertDialogDescriptionProps) => {\n  return <Dialog.Description data-spark-component=\"alert-dialog-description\" {...props} />\n}\n\nAlertDialogDescription.displayName = 'AlertDialog.Description'\n","import { Ref } from 'react'\n\nimport { Dialog, DialogFooterProps } from '../dialog'\n\nexport type AlertDialogFooterProps = DialogFooterProps & {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const AlertDialogFooter = (props: AlertDialogFooterProps) => {\n  return <Dialog.Footer data-spark-component=\"alert-dialog-footer\" {...props} />\n}\n\nAlertDialogFooter.displayName = 'AlertDialog.Footer'\n","import { Ref } from 'react'\n\nimport { Dialog, DialogHeaderProps } from '../dialog'\n\nexport type AlertDialogHeaderProps = DialogHeaderProps & {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const AlertDialogHeader = (props: AlertDialogHeaderProps) => {\n  return <Dialog.Header data-spark-component=\"alert-dialog-header\" {...props} />\n}\n\nAlertDialogHeader.displayName = 'AlertDialog.Header'\n","import { Ref } from 'react'\n\nimport { Dialog, DialogOverlayProps } from '../dialog'\n\nexport type AlertDialogOverlayProps = DialogOverlayProps & {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const AlertDialogOverlay = (props: AlertDialogOverlayProps) => {\n  return <Dialog.Overlay data-spark-component=\"alert-dialog-overlay\" {...props} />\n}\n\nAlertDialogOverlay.displayName = 'AlertDialog.Overlay'\n","import { Dialog, DialogPortalProps } from '../dialog'\n\nexport type AlertDialogPortalProps = DialogPortalProps\n\nexport const AlertDialogPortal = (props: AlertDialogPortalProps) => {\n  return <Dialog.Portal data-spark-component=\"alert-dialog-portal\" {...props} />\n}\n\nAlertDialogPortal.displayName = 'AlertDialog.Portal'\n","import { Ref } from 'react'\n\nimport { Dialog, DialogTitleProps } from '../dialog'\n\nexport type AlertDialogTitleProps = DialogTitleProps & {\n  ref?: Ref<HTMLParagraphElement>\n}\n\nexport const AlertDialogTitle = (props: AlertDialogTitleProps) => {\n  return <Dialog.Title data-spark-component=\"alert-dialog-title\" {...props} />\n}\n\nAlertDialogTitle.displayName = 'AlertDialog.Title'\n","import { Ref } from 'react'\n\nimport { Dialog, DialogTriggerProps } from '../dialog'\n\nexport type AlertDialogTriggerProps = DialogTriggerProps & {\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const AlertDialogTrigger = (props: AlertDialogTriggerProps) => {\n  return <Dialog.Trigger data-spark-component=\"alert-dialog-title\" {...props} />\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","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","AlertDialog"]}
+{"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-components/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-components/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-components/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-components/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 = ({ className, ref, initialFocus, ...others }: 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-components/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-components/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-components/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-components/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-components/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"]}

package/dist/avatar/index.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
+import * as React$1 from 'react';
 import { ComponentPropsWithoutRef } from 'react';
 
 interface AvatarImageProps$1 extends React.ImgHTMLAttributes<HTMLImageElement> {
@@ -45,7 +45,7 @@ declare const AvatarPlaceholder: {
     displayName: string;
 };
 
-interface AvatarProps extends react.HTMLAttributes<HTMLDivElement> {
+interface AvatarProps extends React$1.HTMLAttributes<HTMLDivElement> {
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
     isOnline?: boolean;
     onlineText?: string;

package/dist/avatar/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
+import * as React$1 from 'react';
 import { ComponentPropsWithoutRef } from 'react';
 
 interface AvatarImageProps$1 extends React.ImgHTMLAttributes<HTMLImageElement> {
@@ -45,7 +45,7 @@ declare const AvatarPlaceholder: {
     displayName: string;
 };
 
-interface AvatarProps extends react.HTMLAttributes<HTMLDivElement> {
+interface AvatarProps extends React$1.HTMLAttributes<HTMLDivElement> {
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
     isOnline?: boolean;
     onlineText?: string;