silver-ui 0.1.1 → 0.3.0

package/dist/{chunk-KXXRALHT.cjs → chunk-P4A7GWQY.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkPHFEQG4E_cjs = require('./chunk-PHFEQG4E.cjs');
-var chunkJAX62FUE_cjs = require('./chunk-JAX62FUE.cjs');
+var chunk5QPM5LUS_cjs = require('./chunk-5QPM5LUS.cjs');
+var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
-var chunkAZDWQGAX_cjs = require('./chunk-AZDWQGAX.cjs');
+var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var lucideReact = require('lucide-react');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -17,25 +17,60 @@ function useAvatarGroup() {
 }
 
 // src/components/Avatar/Avatar.recipe.ts
-var avatarRecipe = chunkJAX62FUE_cjs.cva({
+var avatarRecipe = chunk5QPM5LUS_cjs.sva({
+  slots: ["root", "content", "image", "fallback", "status"],
   base: {
-    position: "relative",
-    display: "inline-flex",
-    flexShrink: 0,
-    verticalAlign: "middle",
-    borderRadius: "full"
+    root: {
+      position: "relative",
+      display: "inline-flex",
+      flexShrink: 0,
+      verticalAlign: "middle",
+      borderRadius: "full"
+    },
+    content: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      borderRadius: "full",
+      overflow: "hidden",
+      userSelect: "none",
+      bg: "bg.subtle",
+      color: "fg.muted"
+    },
+    image: {
+      w: "100%",
+      h: "100%",
+      objectFit: "cover"
+    },
+    fallback: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      w: "100%",
+      h: "100%",
+      bg: "bg.subtle",
+      color: "fg.muted",
+      fontFamily: "body",
+      fontWeight: "medium",
+      textTransform: "uppercase"
+    },
+    status: {
+      position: "absolute"
+    }
   },
   variants: {
     isGrouped: {
       true: {
-        borderRadius: "full",
-        borderWidth: "emphasized",
-        borderStyle: "solid",
-        borderColor: "bg",
-        bg: "bg",
-        boxSizing: "content-box",
-        "&:not(:first-child)": {
-          marginInlineStart: "var(--avatar-group-overlap)"
+        root: {
+          borderRadius: "full",
+          borderWidth: "emphasized",
+          borderStyle: "solid",
+          borderColor: "bg",
+          bg: "bg",
+          boxSizing: "content-box",
+          "&:not(:first-child)": {
+            marginInlineStart: "var(--avatar-group-overlap)"
+          }
         }
       },
       false: {}
@@ -70,38 +105,6 @@ function resolveAvatarSize(size) {
       return 128;
   }
 }
-var styles = {
-  content: chunkAZDWQGAX_cjs.css({
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: "full",
-    overflow: "hidden",
-    userSelect: "none",
-    bg: "bg.subtle",
-    color: "fg.muted"
-  }),
-  image: chunkAZDWQGAX_cjs.css({
-    w: "100%",
-    h: "100%",
-    objectFit: "cover"
-  }),
-  fallback: chunkAZDWQGAX_cjs.css({
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    w: "100%",
-    h: "100%",
-    bg: "bg.subtle",
-    color: "fg.muted",
-    fontFamily: "body",
-    fontWeight: "medium",
-    textTransform: "uppercase"
-  }),
-  status: chunkAZDWQGAX_cjs.css({
-    position: "absolute"
-  })
-};
 function getInitials(name) {
   const words = name.trim().split(/\s+/).filter(Boolean);
   if (words.length === 0) {
@@ -132,6 +135,7 @@ function Avatar({
     () => resolveAvatarSize(resolvedSize),
     [resolvedSize]
   );
+  const classes = avatarRecipe({ isGrouped: avatarGroup != null });
   const initials = name != null ? getInitials(name) : "";
   const showInitials = initials !== "";
   const accessibleName = alt ?? (showInitials ? name : void 0) ?? "Avatar";
@@ -151,22 +155,20 @@ function Avatar({
     "div",
     {
       "aria-label": accessibleName,
-      className: chunkSPDVNY2Z_cjs.cx(
-        avatarRecipe({ isGrouped: avatarGroup != null }),
-        className
-      ),
+      className: chunkSPDVNY2Z_cjs.cx(classes.root, className),
       "data-testid": dataTestId,
       ref,
       role: "img",
       style,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.content, style: contentStyle, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.content, style: contentStyle, children: /* @__PURE__ */ jsxRuntime.jsx(
           AvatarImage,
           {
+            classes,
             fallbackSrc,
             src,
-            children: showInitials ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.fallback, style: fallbackStyle, children: initials }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.fallback, children: /* @__PURE__ */ jsxRuntime.jsx(
-              chunkPHFEQG4E_cjs.Icon,
+            children: showInitials ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.fallback, style: fallbackStyle, children: initials }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.fallback, children: /* @__PURE__ */ jsxRuntime.jsx(
+              chunk4TIAKZ4Q_cjs.Icon,
               {
                 icon: lucideReact.User,
                 size: numericSize < 48 ? "sm" : numericSize < 96 ? "md" : "lg"
@@ -175,13 +177,14 @@ function Avatar({
           },
           `${src}\0${fallbackSrc}`
         ) }),
-        status != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.status, style: statusStyle, children: status }) : null
+        status != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.status, style: statusStyle, children: status }) : null
       ]
     }
   ) });
 }
 function AvatarImage({
   children,
+  classes,
   fallbackSrc,
   src
 }) {
@@ -194,7 +197,7 @@ function AvatarImage({
       "img",
       {
         alt: "",
-        className: styles.image,
+        className: classes.image,
         onError: () => setImageError(true),
         src
       }
@@ -205,7 +208,7 @@ function AvatarImage({
       "img",
       {
         alt: "",
-        className: styles.image,
+        className: classes.image,
         onError: () => setFallbackError(true),
         src: fallbackSrc
       }
@@ -214,26 +217,25 @@ function AvatarImage({
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 }
 Avatar.displayName = "Avatar";
-var styles2 = {
-  root: chunkAZDWQGAX_cjs.css({
+var styles = {
+  root: chunkRU6JG3FS_cjs.css({
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     borderRadius: "full",
     borderStyle: "solid",
-    borderColor: "bg",
-    boxSizing: "border-box"
+    borderColor: "bg"
   }),
-  success: chunkAZDWQGAX_cjs.css({
+  success: chunkRU6JG3FS_cjs.css({
     bg: "presence.success"
   }),
-  neutral: chunkAZDWQGAX_cjs.css({
+  neutral: chunkRU6JG3FS_cjs.css({
     bg: "presence.neutral"
   }),
-  error: chunkAZDWQGAX_cjs.css({
+  error: chunkRU6JG3FS_cjs.css({
     bg: "presence.error"
   }),
-  icon: chunkAZDWQGAX_cjs.css({
+  icon: chunkRU6JG3FS_cjs.css({
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
@@ -246,9 +248,9 @@ var styles2 = {
   })
 };
 var variantClassName = {
-  success: styles2.success,
-  neutral: styles2.neutral,
-  error: styles2.error
+  success: styles.success,
+  neutral: styles.neutral,
+  error: styles.error
 };
 function resolveStatusDotSize(avatarSize) {
   if (avatarSize <= 36) {
@@ -271,11 +273,18 @@ function AvatarStatusDot({
   const avatarSize = useAvatarSize();
   const { borderWidth, dotSize, iconSize } = resolveStatusDotSize(avatarSize);
   const hasVisibleIcon = icon != null && iconSize > 0;
+  if (process.env.NODE_ENV !== "production") {
+    if (icon != null && iconSize === 0) {
+      console.warn(
+        "AvatarStatusDot: `icon` is not visible at avatar sizes 36px or smaller. Use a larger avatar size or remove the `icon` prop."
+      );
+    }
+  }
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       "aria-label": label,
-      className: chunkSPDVNY2Z_cjs.cx(styles2.root, variantClassName[variant], className),
+      className: chunkSPDVNY2Z_cjs.cx(styles.root, variantClassName[variant], className),
       "data-testid": dataTestId,
       ref,
       role: "img",
@@ -284,7 +293,7 @@ function AvatarStatusDot({
         "span",
         {
           "aria-hidden": "true",
-          className: styles2.icon,
+          className: styles.icon,
           style: { width: iconSize, height: iconSize },
           children: icon
         }
@@ -297,8 +306,7 @@ AvatarStatusDot.displayName = "AvatarStatusDot";
 exports.Avatar = Avatar;
 exports.AvatarGroupContext = AvatarGroupContext;
 exports.AvatarStatusDot = AvatarStatusDot;
-exports.avatarRecipe = avatarRecipe;
 exports.resolveAvatarSize = resolveAvatarSize;
 exports.useAvatarGroup = useAvatarGroup;
-//# sourceMappingURL=chunk-KXXRALHT.cjs.map
-//# sourceMappingURL=chunk-KXXRALHT.cjs.map
+//# sourceMappingURL=chunk-P4A7GWQY.cjs.map
+//# sourceMappingURL=chunk-P4A7GWQY.cjs.map

package/dist/chunk-P4A7GWQY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AvatarGroup/AvatarGroupContext.ts","../src/components/Avatar/Avatar.recipe.ts","../src/components/Avatar/AvatarSizeContext.ts","../src/components/Avatar/Avatar.tsx","../src/components/Avatar/AvatarStatusDot.tsx"],"names":["createContext","use","sva","useMemo","jsx","jsxs","cx","Icon","User","useState","css"],"mappings":"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","file":"chunk-P4A7GWQY.cjs","sourcesContent":["import {createContext, use} from 'react';\nimport type {AvatarSize} from '../Avatar';\n\nexport interface AvatarGroupContextValue {\n  numericSize: number;\n  overlap: number;\n  size: AvatarSize;\n}\n\nexport const AvatarGroupContext = createContext<AvatarGroupContextValue | null>(\n  null,\n);\nAvatarGroupContext.displayName = 'AvatarGroupContext';\n\nexport function useAvatarGroup(): AvatarGroupContextValue | null {\n  return use(AvatarGroupContext);\n}\n","import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const avatarRecipe = sva({\n  slots: ['root', 'content', 'image', 'fallback', 'status'],\n  base: {\n    root: {\n      position: 'relative',\n      display: 'inline-flex',\n      flexShrink: 0,\n      verticalAlign: 'middle',\n      borderRadius: 'full',\n    },\n    content: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: 'full',\n      overflow: 'hidden',\n      userSelect: 'none',\n      bg: 'bg.subtle',\n      color: 'fg.muted',\n    },\n    image: {\n      w: '100%',\n      h: '100%',\n      objectFit: 'cover',\n    },\n    fallback: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: '100%',\n      h: '100%',\n      bg: 'bg.subtle',\n      color: 'fg.muted',\n      fontFamily: 'body',\n      fontWeight: 'medium',\n      textTransform: 'uppercase',\n    },\n    status: {\n      position: 'absolute',\n    },\n  },\n  variants: {\n    isGrouped: {\n      true: {\n        root: {\n          borderRadius: 'full',\n          borderWidth: 'emphasized',\n          borderStyle: 'solid',\n          borderColor: 'bg',\n          bg: 'bg',\n          boxSizing: 'content-box',\n          '&:not(:first-child)': {\n            marginInlineStart: 'var(--avatar-group-overlap)',\n          },\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    isGrouped: false,\n  },\n});\n\nexport type AvatarVariants = RecipeVariantProps<typeof avatarRecipe>;\n","import {createContext, use} from 'react';\n\nconst DEFAULT_AVATAR_SIZE = 36;\n\nexport const AvatarSizeContext = createContext<number>(DEFAULT_AVATAR_SIZE);\nAvatarSizeContext.displayName = 'AvatarSizeContext';\n\nexport function useAvatarSize(): number {\n  return use(AvatarSizeContext);\n}\n","import {User} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useMemo, useState} from 'react';\nimport {cx} from '../../internal/cx';\nimport {useAvatarGroup} from '../AvatarGroup/AvatarGroupContext';\nimport {Icon} from '../Icon';\nimport {avatarRecipe} from './Avatar.recipe';\nimport {AvatarSizeContext} from './AvatarSizeContext';\n\nconst CIRCLE_EDGE_OFFSET_RATIO = (1 - 1 / Math.SQRT2) / 2;\nconst INITIALS_FONT_SIZE_RATIO = 0.4;\n\nexport type AvatarNamedSize = 'tiny' | 'xsmall' | 'small' | 'medium' | 'large';\n\nexport type AvatarNumericSize =\n  | 16\n  | 20\n  | 24\n  | 32\n  | 36\n  | 40\n  | 48\n  | 60\n  | 64\n  | 72\n  | 96\n  | 128\n  | 144\n  | 180;\n\nexport type AvatarSize = AvatarNamedSize | AvatarNumericSize;\n\n/**\n * Resolve an Avatar size token to its pixel size.\n */\nexport function resolveAvatarSize(size: AvatarSize): number {\n  if (typeof size === 'number') {\n    return size;\n  }\n\n  switch (size) {\n    case 'tiny':\n      return 20;\n    case 'xsmall':\n      return 24;\n    case 'small':\n      return 36;\n    case 'medium':\n      return 48;\n    case 'large':\n      return 128;\n  }\n}\n\n/**\n * Displays a user profile image, initials, or a fallback icon.\n */\nexport interface AvatarProps {\n  /**\n   * Accessible text for the avatar image. Defaults to `name`, then \"Avatar\".\n   */\n  alt?: string;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Image URL to use if `src` fails to load.\n   */\n  fallbackSrc?: string;\n  /**\n   * User name used as fallback accessible text and initials.\n   */\n  name?: string;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Avatar size. Named sizes map to the same pixel values as the XDS source.\n   * Default is `small`.\n   */\n  size?: AvatarSize;\n  /**\n   * Primary image URL.\n   */\n  src?: string;\n  /**\n   * Corner content, usually an AvatarStatusDot.\n   */\n  status?: ReactNode;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nfunction getInitials(name: string): string {\n  const words = name.trim().split(/\\s+/).filter(Boolean);\n\n  if (words.length === 0) {\n    return '';\n  }\n\n  if (words.length === 1) {\n    return words[0].charAt(0).toUpperCase();\n  }\n\n  return `${words[0].charAt(0)}${words[words.length - 1].charAt(\n    0,\n  )}`.toUpperCase();\n}\n\nexport function Avatar({\n  alt,\n  className,\n  'data-testid': dataTestId,\n  fallbackSrc,\n  name,\n  ref,\n  size = 'small',\n  src,\n  style,\n  status,\n}: AvatarProps): React.JSX.Element {\n  const avatarGroup = useAvatarGroup();\n  const resolvedSize = avatarGroup?.size ?? size;\n  const numericSize = useMemo(\n    () => resolveAvatarSize(resolvedSize),\n    [resolvedSize],\n  );\n  const classes = avatarRecipe({isGrouped: avatarGroup != null});\n  const initials = name != null ? getInitials(name) : '';\n  const showInitials = initials !== '';\n  const accessibleName = alt ?? (showInitials ? name : undefined) ?? 'Avatar';\n  const contentStyle = {\n    width: numericSize,\n    height: numericSize,\n  };\n  const fallbackStyle = {\n    fontSize: numericSize * INITIALS_FONT_SIZE_RATIO,\n  };\n  const statusStyle = {\n    bottom: numericSize * CIRCLE_EDGE_OFFSET_RATIO,\n    right: numericSize * CIRCLE_EDGE_OFFSET_RATIO,\n    transform: 'translate(50%, 50%)',\n  };\n\n  return (\n    <AvatarSizeContext value={numericSize}>\n      <div\n        aria-label={accessibleName}\n        className={cx(classes.root, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        role=\"img\"\n        style={style}>\n        <div className={classes.content} style={contentStyle}>\n          <AvatarImage\n            classes={classes}\n            fallbackSrc={fallbackSrc}\n            key={`${src}\\0${fallbackSrc}`}\n            src={src}>\n            {showInitials ? (\n              <div className={classes.fallback} style={fallbackStyle}>\n                {initials}\n              </div>\n            ) : (\n              <div className={classes.fallback}>\n                <Icon\n                  icon={User}\n                  size={\n                    numericSize < 48 ? 'sm' : numericSize < 96 ? 'md' : 'lg'\n                  }\n                />\n              </div>\n            )}\n          </AvatarImage>\n        </div>\n        {status != null ? (\n          <div className={classes.status} style={statusStyle}>\n            {status}\n          </div>\n        ) : null}\n      </div>\n    </AvatarSizeContext>\n  );\n}\n\nfunction AvatarImage({\n  children,\n  classes,\n  fallbackSrc,\n  src,\n}: {\n  children: ReactNode;\n  classes: {image?: string};\n  fallbackSrc?: string;\n  src?: string;\n}): React.JSX.Element {\n  const [imageError, setImageError] = useState(false);\n  const [fallbackError, setFallbackError] = useState(false);\n  const showImage = src != null && src !== '' && !imageError;\n  const showFallbackImage =\n    !showImage && fallbackSrc != null && fallbackSrc !== '' && !fallbackError;\n\n  if (showImage) {\n    return (\n      <img\n        alt=\"\"\n        className={classes.image}\n        onError={() => setImageError(true)}\n        src={src}\n      />\n    );\n  }\n\n  if (showFallbackImage) {\n    return (\n      <img\n        alt=\"\"\n        className={classes.image}\n        onError={() => setFallbackError(true)}\n        src={fallbackSrc}\n      />\n    );\n  }\n\n  return <>{children}</>;\n}\n\nAvatar.displayName = 'Avatar';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {useAvatarSize} from './AvatarSizeContext';\n\nexport type AvatarStatusDotVariant = 'success' | 'neutral' | 'error';\n\n/**\n * Size-aware status indicator intended for Avatar's `status` prop.\n */\nexport interface AvatarStatusDotProps {\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Optional icon rendered inside medium and large dots.\n   */\n  icon?: ReactNode;\n  /**\n   * Accessible label describing the status, such as \"Online\".\n   */\n  label: string;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Semantic dot color. Default is `success`.\n   */\n  variant?: AvatarStatusDotVariant;\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 'full',\n    borderStyle: 'solid',\n    borderColor: 'bg',\n  }),\n  success: css({\n    bg: 'presence.success',\n  }),\n  neutral: css({\n    bg: 'presence.neutral',\n  }),\n  error: css({\n    bg: 'presence.error',\n  }),\n  icon: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: 'fg.onPrimary',\n    lineHeight: 0,\n    '& > svg': {\n      w: '100%',\n      h: '100%',\n    },\n  }),\n};\n\nconst variantClassName: Record<AvatarStatusDotVariant, string> = {\n  success: styles.success,\n  neutral: styles.neutral,\n  error: styles.error,\n};\n\nfunction resolveStatusDotSize(avatarSize: number): {\n  borderWidth: number;\n  dotSize: number;\n  iconSize: number;\n} {\n  if (avatarSize <= 36) {\n    return {borderWidth: 1, dotSize: 10, iconSize: 0};\n  }\n\n  if (avatarSize <= 72) {\n    return {borderWidth: 2, dotSize: 20, iconSize: 12};\n  }\n\n  return {borderWidth: 4, dotSize: 32, iconSize: 18};\n}\n\n/**\n * Size-aware status indicator dot rendered in the corner of an Avatar.\n */\nexport function AvatarStatusDot({\n  className,\n  'data-testid': dataTestId,\n  icon,\n  label,\n  ref,\n  style,\n  variant = 'success',\n}: AvatarStatusDotProps): React.JSX.Element {\n  const avatarSize = useAvatarSize();\n  const {borderWidth, dotSize, iconSize} = resolveStatusDotSize(avatarSize);\n  const hasVisibleIcon = icon != null && iconSize > 0;\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (icon != null && iconSize === 0) {\n      console.warn(\n        'AvatarStatusDot: `icon` is not visible at avatar sizes 36px or ' +\n          'smaller. Use a larger avatar size or remove the `icon` prop.',\n      );\n    }\n  }\n\n  return (\n    <div\n      aria-label={label}\n      className={cx(styles.root, variantClassName[variant], className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"img\"\n      style={{width: dotSize, height: dotSize, borderWidth, ...style}}>\n      {hasVisibleIcon ? (\n        <span\n          aria-hidden=\"true\"\n          className={styles.icon}\n          style={{width: iconSize, height: iconSize}}>\n          {icon}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nAvatarStatusDot.displayName = 'AvatarStatusDot';\n"]}

package/dist/{chunk-2PHHFBJ3.cjs → chunk-P4TOIB2A.cjs}

@@ -1,14 +1,14 @@
 'use strict';
 
-var chunk47BELFYO_cjs = require('./chunk-47BELFYO.cjs');
-var chunkJAX62FUE_cjs = require('./chunk-JAX62FUE.cjs');
+var chunkJMNH45Q3_cjs = require('./chunk-JMNH45Q3.cjs');
+var chunkJRBQKFVO_cjs = require('./chunk-JRBQKFVO.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
-var chunkAZDWQGAX_cjs = require('./chunk-AZDWQGAX.cjs');
+var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 // src/components/EmptyState/EmptyState.recipe.ts
-var emptyStateRecipe = chunkJAX62FUE_cjs.cva({
+var emptyStateRecipe = chunkJRBQKFVO_cjs.cva({
   base: {
     display: "flex",
     flexDirection: "column",
@@ -35,7 +35,7 @@ var emptyStateRecipe = chunkJAX62FUE_cjs.cva({
   }
 });
 var styles = {
-  illustration: chunkAZDWQGAX_cjs.css({
+  illustration: chunkRU6JG3FS_cjs.css({
     display: "inline-flex",
     color: "fg.muted",
     w: "16",
@@ -45,14 +45,14 @@ var styles = {
       h: "full"
     }
   }),
-  text: chunkAZDWQGAX_cjs.css({
+  text: chunkRU6JG3FS_cjs.css({
     display: "flex",
     flexDirection: "column",
     alignItems: "center",
     gap: "1",
     maxW: "96"
   }),
-  actions: chunkAZDWQGAX_cjs.css({
+  actions: chunkRU6JG3FS_cjs.css({
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
@@ -86,8 +86,8 @@ function EmptyState({
       children: [
         illustration != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", className: styles.illustration, children: illustration }) : null,
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.text, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk47BELFYO_cjs.Heading, { id: headingId, level: headingLevel, children: title }),
-          description != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk47BELFYO_cjs.Text, { as: "p", color: "secondary", children: description }) : null
+          /* @__PURE__ */ jsxRuntime.jsx(chunkJMNH45Q3_cjs.Heading, { id: headingId, level: headingLevel, children: title }),
+          description != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkJMNH45Q3_cjs.Text, { as: "p", color: "secondary", children: description }) : null
         ] }),
         actions != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.actions, children: actions }) : null
       ]
@@ -97,6 +97,5 @@ function EmptyState({
 EmptyState.displayName = "EmptyState";
 
 exports.EmptyState = EmptyState;
-exports.emptyStateRecipe = emptyStateRecipe;
-//# sourceMappingURL=chunk-2PHHFBJ3.cjs.map
-//# sourceMappingURL=chunk-2PHHFBJ3.cjs.map
+//# sourceMappingURL=chunk-P4TOIB2A.cjs.map
+//# sourceMappingURL=chunk-P4TOIB2A.cjs.map

package/dist/chunk-P4TOIB2A.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/EmptyState/EmptyState.recipe.ts","../src/components/EmptyState/EmptyState.tsx"],"names":["cva","css","useId","jsxs","cx","jsx","Heading","Text"],"mappings":"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","file":"chunk-P4TOIB2A.cjs","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const emptyStateRecipe = cva({\n  base: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    textAlign: 'center',\n    gap: '4',\n    w: 'full',\n    px: '6',\n    py: '8',\n  },\n  variants: {\n    isCompact: {\n      true: {\n        gap: '2',\n        px: '4',\n        py: '4',\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    isCompact: false,\n  },\n});\n\nexport type EmptyStateVariants = RecipeVariantProps<typeof emptyStateRecipe>;\n","import {useId, type CSSProperties, type ReactNode, type Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {Heading, type HeadingLevel, Text} from '../Text';\nimport {emptyStateRecipe} from './EmptyState.recipe';\n\nexport interface EmptyStateProps {\n  /**\n   * Action controls rendered below the text.\n   */\n  actions?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text.\n   */\n  description?: string;\n  /**\n   * Semantic heading level for the title.\n   * @default 3\n   */\n  headingLevel?: HeadingLevel;\n  /**\n   * Decorative illustration or large icon rendered above the title.\n   */\n  illustration?: ReactNode;\n  /**\n   * Whether to use tighter spacing for constrained areas.\n   * @default false\n   */\n  isCompact?: boolean;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Primary empty-state message.\n   */\n  title: string;\n}\n\nconst styles = {\n  illustration: css({\n    display: 'inline-flex',\n    color: 'fg.muted',\n    w: '16',\n    h: '16',\n    '& > svg': {\n      w: 'full',\n      h: 'full',\n    },\n  }),\n  text: css({\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    gap: '1',\n    maxW: '96',\n  }),\n  actions: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexWrap: 'wrap',\n    gap: '2',\n    mt: '1',\n  }),\n} as const;\n\n/**\n * A placeholder for an empty data or content area.\n */\nexport function EmptyState({\n  actions,\n  className,\n  'data-testid': dataTestId,\n  description,\n  headingLevel = 3,\n  illustration,\n  isCompact = false,\n  ref,\n  style,\n  title,\n}: EmptyStateProps): React.JSX.Element {\n  const headingId = useId();\n\n  return (\n    <div\n      aria-labelledby={headingId}\n      className={cx(emptyStateRecipe({isCompact}), className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"region\"\n      style={style}>\n      {illustration != null ? (\n        <div aria-hidden=\"true\" className={styles.illustration}>\n          {illustration}\n        </div>\n      ) : null}\n      <div className={styles.text}>\n        <Heading id={headingId} level={headingLevel}>\n          {title}\n        </Heading>\n        {description != null ? (\n          <Text as=\"p\" color=\"secondary\">\n            {description}\n          </Text>\n        ) : null}\n      </div>\n      {actions != null ? <div className={styles.actions}>{actions}</div> : null}\n    </div>\n  );\n}\n\nEmptyState.displayName = 'EmptyState';\n"]}

package/dist/{chunk-RCAA2CZJ.js → chunk-PJXJOI73.js}

@@ -1,14 +1,14 @@
-import { Item } from './chunk-CA6645TQ.js';
-import { getStatusMessageID, getDescribedBy } from './chunk-3L3M7SJ3.js';
-import { fieldStatusRecipe } from './chunk-RLQYXUDO.js';
-import { Spinner } from './chunk-RGPL6EDK.js';
-import { Text } from './chunk-PZO5MZ46.js';
-import { VisuallyHidden } from './chunk-V5W7NZN5.js';
-import { Tooltip } from './chunk-EB5EHX6I.js';
+import { Item } from './chunk-AMG3S252.js';
+import { getStatusMessageID, getDescribedBy } from './chunk-WOIWI2UO.js';
+import { fieldRecipe } from './chunk-NUTB2K4G.js';
+import { Spinner } from './chunk-S54CKWKV.js';
+import { Text } from './chunk-J2FCNWYM.js';
+import { VisuallyHidden } from './chunk-EXYBQVZT.js';
+import { Tooltip } from './chunk-EMHLPPQZ.js';
 import { mergeRefs } from './chunk-SGLIDI6R.js';
-import { Icon } from './chunk-4W7L63LH.js';
+import { Icon } from './chunk-7T3SWOY7.js';
 import { cx } from './chunk-PPNETWIP.js';
-import { css } from './chunk-UHQRL4OA.js';
+import { css } from './chunk-OD4DHHZH.js';
 import { Minus, Check, Info } from 'lucide-react';
 import { useId, useRef, useEffect } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -199,10 +199,10 @@ function CheckboxInput({
     "div",
     {
       "aria-live": status.type === "error" ? "assertive" : "polite",
-      className: fieldStatusRecipe({
+      className: fieldRecipe({
         statusType: status.type,
         statusVariant: "detached"
-      }),
+      }).status,
       id: statusMessageID,
       role: status.type === "error" ? "alert" : "status",
       children: status.message
@@ -228,5 +228,5 @@ function CheckboxInput({
 CheckboxInput.displayName = "CheckboxInput";
 
 export { CheckboxInput };
-//# sourceMappingURL=chunk-RCAA2CZJ.js.map
-//# sourceMappingURL=chunk-RCAA2CZJ.js.map
+//# sourceMappingURL=chunk-PJXJOI73.js.map
+//# sourceMappingURL=chunk-PJXJOI73.js.map

package/dist/chunk-PJXJOI73.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CheckboxInput/CheckboxInput.tsx"],"names":[],"mappings":"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","file":"chunk-PJXJOI73.js","sourcesContent":["import {Check, Info, Minus} from 'lucide-react';\nimport {\n  useEffect,\n  useId,\n  useRef,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {VisuallyHidden} from '../../internal/VisuallyHidden';\nimport {cx} from '../../internal/cx';\nimport {mergeRefs} from '../../internal/mergeRefs';\nimport type {FieldNecessity, InputStatus} from '../Field';\nimport {fieldRecipe} from '../Field/Field.recipe';\nimport {getDescribedBy, getStatusMessageID} from '../Field/inputUtils';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Item} from '../Item';\nimport {Spinner} from '../Spinner';\nimport {Text} from '../Text';\nimport {Tooltip} from '../Tooltip';\n\nexport type CheckboxInputSize = 'sm' | 'md';\nexport type CheckboxInputValue = boolean | 'indeterminate';\n\nexport type CheckboxInputProps = {\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the input element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text rendered below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Content rendered after the label.\n   */\n  endContent?: ReactNode;\n  /**\n   * Where to place `endContent` within the item.\n   * `'end'` pushes it to the trailing edge; `'inline'` keeps it next to the label.\n   * @default 'inline'\n   */\n  endContentPosition?: 'end' | 'inline';\n  /**\n   * HTML name attribute for native form submission.\n   */\n  htmlName?: string;\n  /**\n   * Whether the checkbox is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Whether the checkbox is in a loading state.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Whether the checkbox is read-only.\n   * @default false\n   */\n  isReadOnly?: boolean;\n  /**\n   * Field label text.\n   */\n  label: string;\n  /**\n   * Optional content shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Called when the input loses focus.\n   */\n  onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\n  /**\n   * Called when the checked state changes.\n   */\n  onChange: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * Called when the input receives focus.\n   */\n  onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\n  /**\n   * Ref forwarded to the input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Visual size of the checkbox.\n   * @default 'md'\n   */\n  size?: CheckboxInputSize;\n  /**\n   * Content rendered after the checkbox control and before the label.\n   */\n  startContent?: ReactNode;\n  /**\n   * Validation status displayed below the checkbox.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Current checked state: true, false, or 'indeterminate'.\n   */\n  value: CheckboxInputValue;\n} & FieldNecessity;\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    flexDirection: 'column',\n  }),\n  boxWrap: css({\n    position: 'relative',\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n  }),\n  input: css({\n    position: 'absolute',\n    inset: 0,\n    opacity: 0,\n    cursor: 'pointer',\n    _disabled: {\n      cursor: 'not-allowed',\n    },\n  }),\n  box: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'border.emphasized',\n    borderRadius: 'sm',\n    bg: 'bg',\n    color: 'fg.onPrimary',\n    pointerEvents: 'none',\n    _peerFocusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n  }),\n  boxChecked: css({\n    bg: 'primary',\n    borderColor: 'primary',\n  }),\n  boxDisabled: css({\n    opacity: 0.55,\n  }),\n  boxSize: {\n    sm: css({w: '4.5', h: '4.5'}),\n    md: css({w: '5.5', h: '5.5'}),\n  },\n  icon: css({\n    w: '70%',\n    h: '70%',\n  }),\n  label: css({\n    cursor: 'pointer',\n  }),\n  labelDisabled: css({\n    cursor: 'not-allowed',\n  }),\n  indicator: css({\n    fontWeight: 'normal',\n    color: 'fg.muted',\n  }),\n  tooltipIcon: css({\n    display: 'inline-flex',\n    color: 'fg.muted',\n  }),\n} as const;\n\n/**\n * A checkbox input with label, description, and validation support.\n */\nexport function CheckboxInput({\n  label,\n  value,\n  onChange,\n  description,\n  endContent,\n  endContentPosition = 'inline',\n  htmlName,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isReadOnly = false,\n  isLoading = false,\n  status,\n  labelIcon,\n  labelTooltip,\n  size = 'md',\n  startContent,\n  onFocus,\n  onBlur,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: CheckboxInputProps): React.JSX.Element {\n  const inputId = useId();\n  const descriptionId = useId();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(\n    description != null ? descriptionId : undefined,\n    statusMessageID,\n  );\n  const isIndeterminate = value === 'indeterminate';\n  const isChecked = value === true;\n  const isCheckedOrIndeterminate = isChecked || isIndeterminate;\n\n  useEffect(() => {\n    if (inputRef.current != null) {\n      inputRef.current.indeterminate = isIndeterminate;\n    }\n  }, [isIndeterminate]);\n\n  const statusText = isOptional ? 'Optional' : isRequired ? 'Required' : null;\n\n  const control = (\n    <span className={styles.boxWrap}>\n      <input\n        aria-busy={isLoading || undefined}\n        aria-checked={isIndeterminate ? 'mixed' : undefined}\n        aria-describedby={describedBy}\n        aria-invalid={status?.type === 'error' || undefined}\n        aria-readonly={isReadOnly || undefined}\n        checked={isChecked}\n        className={styles.input}\n        data-testid={dataTestId}\n        disabled={isDisabled}\n        id={inputId}\n        name={htmlName}\n        onBlur={onBlur}\n        onChange={event => {\n          if (isReadOnly) {\n            event.preventDefault();\n            return;\n          }\n          onChange(event.target.checked, event);\n        }}\n        onFocus={onFocus}\n        readOnly={isReadOnly}\n        ref={mergeRefs(ref, inputRef)}\n        required={isRequired}\n        type=\"checkbox\"\n      />\n      <span\n        aria-hidden=\"true\"\n        className={cx(\n          styles.box,\n          styles.boxSize[size],\n          isCheckedOrIndeterminate ? styles.boxChecked : undefined,\n          isDisabled ? styles.boxDisabled : undefined,\n        )}>\n        {isLoading ? (\n          <Spinner\n            size=\"sm\"\n            variant={isCheckedOrIndeterminate ? 'onMedia' : 'default'}\n          />\n        ) : isIndeterminate ? (\n          <Icon className={styles.icon} icon={Minus} />\n        ) : isChecked ? (\n          <Icon className={styles.icon} icon={Check} />\n        ) : null}\n      </span>\n    </span>\n  );\n\n  const labelContent = (\n    <>\n      {labelIcon != null ? (\n        <Icon color=\"secondary\" icon={labelIcon} size=\"sm\" />\n      ) : null}\n      {label}\n      {statusText != null ? (\n        <Text as=\"span\" className={styles.indicator} type=\"supporting\">\n          <span aria-hidden=\"true\"> · </span>\n          {statusText}\n        </Text>\n      ) : null}\n      {labelTooltip != null ? (\n        <Tooltip content={labelTooltip}>\n          <span className={styles.tooltipIcon}>\n            <Icon icon={Info} size=\"sm\" />\n          </span>\n        </Tooltip>\n      ) : null}\n    </>\n  );\n\n  const labelNode = (\n    <label\n      className={cx(\n        styles.label,\n        isDisabled ? styles.labelDisabled : undefined,\n      )}\n      htmlFor={inputId}>\n      {isLabelHidden ? (\n        <VisuallyHidden>{labelContent}</VisuallyHidden>\n      ) : (\n        labelContent\n      )}\n    </label>\n  );\n\n  const statusNode =\n    status?.message != null ? (\n      <div\n        aria-live={status.type === 'error' ? 'assertive' : 'polite'}\n        className={\n          fieldRecipe({\n            statusType: status.type,\n            statusVariant: 'detached',\n          }).status\n        }\n        id={statusMessageID}\n        role={status.type === 'error' ? 'alert' : 'status'}>\n        {status.message}\n      </div>\n    ) : null;\n\n  const item = (\n    <Item\n      description={\n        description != null ? (\n          <span id={descriptionId}>{description}</span>\n        ) : undefined\n      }\n      endContent={endContent}\n      endContentPosition={endContentPosition}\n      isDisabled={isDisabled}\n      label={labelNode}\n      leadingContent={control}\n      startContent={startContent}\n    />\n  );\n\n  return (\n    <div className={cx(styles.root, className)} style={style}>\n      {item}\n      {statusNode}\n    </div>\n  );\n}\n\nCheckboxInput.displayName = 'CheckboxInput';\n"]}

package/dist/{chunk-ZW4XKNDR.cjs → chunk-PLXUM7U6.cjs}

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkLBRKUZSQ_cjs = require('./chunk-LBRKUZSQ.cjs');
-var chunkUZNSGQT3_cjs = require('./chunk-UZNSGQT3.cjs');
-var chunkNILB6Y4Z_cjs = require('./chunk-NILB6Y4Z.cjs');
-var chunk47BELFYO_cjs = require('./chunk-47BELFYO.cjs');
-var jsxRuntime = require('react/jsx-runtime');
+var chunkIKF6VHA4_cjs = require('./chunk-IKF6VHA4.cjs');
+var chunkDSNJDFO3_cjs = require('./chunk-DSNJDFO3.cjs');
+var chunkYBPG5RPR_cjs = require('./chunk-YBPG5RPR.cjs');
+var chunkJMNH45Q3_cjs = require('./chunk-JMNH45Q3.cjs');
 var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 
 function AlertDialog({
   actionLabel,
@@ -23,37 +23,54 @@ function AlertDialog({
   title,
   width = 400
 }) {
+  const actionFiredRef = react.useRef(false);
+  react.useEffect(() => {
+    if (!isActionLoading) {
+      actionFiredRef.current = false;
+    }
+  }, [isActionLoading]);
+  react.useEffect(() => {
+    if (!isOpen) {
+      actionFiredRef.current = false;
+    }
+  }, [isOpen]);
+  const handleAction = react.useCallback(() => {
+    if (actionFiredRef.current) {
+      return;
+    }
+    actionFiredRef.current = true;
+    onAction();
+  }, [onAction]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLBRKUZSQ_cjs.Dialog,
+    chunkIKF6VHA4_cjs.Dialog,
     {
       className,
       "data-testid": dataTestId,
       dismissBehavior: false,
       isOpen,
-      label: title,
       onOpenChange,
       ref,
       role: "alertdialog",
       style,
       width,
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkUZNSGQT3_cjs.Layout,
+        chunkDSNJDFO3_cjs.Layout,
         {
-          content: /* @__PURE__ */ jsxRuntime.jsx(chunkUZNSGQT3_cjs.LayoutContent, { children: /* @__PURE__ */ jsxRuntime.jsx(chunk47BELFYO_cjs.Text, { as: "p", color: "secondary", children: description }) }),
+          content: /* @__PURE__ */ jsxRuntime.jsx(chunkDSNJDFO3_cjs.LayoutContent, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkJMNH45Q3_cjs.Text, { as: "p", color: "secondary", children: description }) }),
           footer: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkUZNSGQT3_cjs.LayoutFooter,
+            chunkDSNJDFO3_cjs.LayoutFooter,
             {
               primaryButton: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkNILB6Y4Z_cjs.Button,
+                chunkYBPG5RPR_cjs.Button,
                 {
                   isLoading: isActionLoading,
                   label: actionLabel,
-                  onClick: onAction,
+                  onClick: handleAction,
                   variant: actionVariant
                 }
               ),
               secondaryButton: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkNILB6Y4Z_cjs.Button,
+                chunkYBPG5RPR_cjs.Button,
                 {
                   label: cancelLabel,
                   onClick: () => onOpenChange(false),
@@ -63,7 +80,7 @@ function AlertDialog({
             }
           ),
           hasDividers: true,
-          header: /* @__PURE__ */ jsxRuntime.jsx(chunkUZNSGQT3_cjs.LayoutHeader, { title })
+          header: /* @__PURE__ */ jsxRuntime.jsx(chunkDSNJDFO3_cjs.LayoutHeader, { title })
         }
       )
     }
@@ -77,15 +94,15 @@ function useAlertDialog() {
     setOptions(nextOptions);
     setIsOpen(true);
   }, []);
-  const hide = react.useCallback(() => setIsOpen(false), []);
-  const element = react.useMemo(
-    () => options == null ? null : /* @__PURE__ */ jsxRuntime.jsx(AlertDialog, { ...options, isOpen, onOpenChange: setIsOpen }),
-    [isOpen, options]
-  );
+  const hide = react.useCallback(() => {
+    setIsOpen(false);
+    setOptions(null);
+  }, []);
+  const element = options == null ? null : /* @__PURE__ */ jsxRuntime.jsx(AlertDialog, { ...options, isOpen, onOpenChange: setIsOpen });
   return { element, hide, isOpen, show };
 }
 
 exports.AlertDialog = AlertDialog;
 exports.useAlertDialog = useAlertDialog;
-//# sourceMappingURL=chunk-ZW4XKNDR.cjs.map
-//# sourceMappingURL=chunk-ZW4XKNDR.cjs.map
+//# sourceMappingURL=chunk-PLXUM7U6.cjs.map
+//# sourceMappingURL=chunk-PLXUM7U6.cjs.map

package/dist/chunk-PLXUM7U6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AlertDialog/AlertDialog.tsx","../src/components/AlertDialog/useAlertDialog.tsx"],"names":["useRef","useEffect","useCallback","jsx","Dialog","Layout","LayoutContent","Text","LayoutFooter","Button","LayoutHeader","useState"],"mappings":"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","file":"chunk-PLXUM7U6.cjs","sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useRef,\n  type CSSProperties,\n  type Ref,\n} from 'react';\nimport {Button} from '../Button';\nimport {Dialog} from '../Dialog';\nimport {Layout, LayoutContent, LayoutFooter, LayoutHeader} from '../Layout';\nimport {Text} from '../Text';\n\nexport type AlertDialogActionVariant = 'destructive' | 'primary';\n\nexport interface AlertDialogProps {\n  /**\n   * Action button label.\n   */\n  actionLabel: string;\n  /**\n   * Visual variant for the action button.\n   * @default 'destructive'\n   */\n  actionVariant?: AlertDialogActionVariant;\n  /**\n   * Cancel button label.\n   * @default 'Cancel'\n   */\n  cancelLabel?: string;\n  /**\n   * Additional CSS class names applied to the dialog.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the dialog.\n   */\n  'data-testid'?: string;\n  /**\n   * Consequence description.\n   */\n  description: string;\n  /**\n   * Whether the action button is loading.\n   * @default false\n   */\n  isActionLoading?: boolean;\n  /**\n   * Whether the dialog is open.\n   */\n  isOpen: boolean;\n  /**\n   * Called when the primary action is clicked.\n   */\n  onAction: () => void;\n  /**\n   * Called when the dialog requests an open-state change.\n   */\n  onOpenChange: (isOpen: boolean) => void;\n  /**\n   * Ref forwarded to the dialog element.\n   */\n  ref?: Ref<HTMLDialogElement>;\n  /**\n   * Inline styles applied to the dialog.\n   */\n  style?: CSSProperties;\n  /**\n   * Dialog title.\n   */\n  title: string;\n  /**\n   * Dialog width. Numbers are treated as pixels.\n   * @default 400\n   */\n  width?: number | string;\n}\n\n/**\n * A modal confirmation dialog for destructive or irreversible actions.\n */\nexport function AlertDialog({\n  actionLabel,\n  actionVariant = 'destructive',\n  cancelLabel = 'Cancel',\n  className,\n  'data-testid': dataTestId,\n  description,\n  isActionLoading = false,\n  isOpen,\n  onAction,\n  onOpenChange,\n  ref,\n  style,\n  title,\n  width = 400,\n}: AlertDialogProps): React.JSX.Element | null {\n  /**\n   * Synchronous guard against rapid double-invocation of onAction.\n   * The ref flips immediately on the first call — before React can\n   * re-render with `isActionLoading=true` — so a second Enter/click\n   * in the same event-loop tick is ignored.\n   */\n  const actionFiredRef = useRef(false);\n\n  useEffect(() => {\n    if (!isActionLoading) {\n      actionFiredRef.current = false;\n    }\n  }, [isActionLoading]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      actionFiredRef.current = false;\n    }\n  }, [isOpen]);\n\n  const handleAction = useCallback(() => {\n    if (actionFiredRef.current) {\n      return;\n    }\n    actionFiredRef.current = true;\n    onAction();\n  }, [onAction]);\n\n  return (\n    <Dialog\n      className={className}\n      data-testid={dataTestId}\n      dismissBehavior={false}\n      isOpen={isOpen}\n      onOpenChange={onOpenChange}\n      ref={ref}\n      role=\"alertdialog\"\n      style={style}\n      width={width}>\n      <Layout\n        content={\n          <LayoutContent>\n            <Text as=\"p\" color=\"secondary\">\n              {description}\n            </Text>\n          </LayoutContent>\n        }\n        footer={\n          <LayoutFooter\n            primaryButton={\n              <Button\n                isLoading={isActionLoading}\n                label={actionLabel}\n                onClick={handleAction}\n                variant={actionVariant}\n              />\n            }\n            secondaryButton={\n              <Button\n                label={cancelLabel}\n                onClick={() => onOpenChange(false)}\n                variant=\"ghost\"\n              />\n            }\n          />\n        }\n        hasDividers\n        header={<LayoutHeader title={title} />}\n      />\n    </Dialog>\n  );\n}\n\nAlertDialog.displayName = 'AlertDialog';\n","import {useCallback, useState, type ReactNode} from 'react';\nimport {AlertDialog, type AlertDialogProps} from './AlertDialog';\n\nexport type AlertDialogOptions = Omit<\n  AlertDialogProps,\n  'isOpen' | 'onOpenChange'\n>;\n\nexport interface UseAlertDialogReturn {\n  /**\n   * Render this element in your tree.\n   */\n  element: ReactNode;\n  /**\n   * Hide the current alert dialog.\n   */\n  hide: () => void;\n  /**\n   * Whether the alert dialog is open.\n   */\n  isOpen: boolean;\n  /**\n   * Show an alert dialog with the provided options.\n   */\n  show: (options: AlertDialogOptions) => void;\n}\n\nexport function useAlertDialog(): UseAlertDialogReturn {\n  const [isOpen, setIsOpen] = useState(false);\n  const [options, setOptions] = useState<AlertDialogOptions | null>(null);\n\n  const show = useCallback((nextOptions: AlertDialogOptions) => {\n    setOptions(nextOptions);\n    setIsOpen(true);\n  }, []);\n  const hide = useCallback(() => {\n    setIsOpen(false);\n    setOptions(null);\n  }, []);\n\n  const element: ReactNode =\n    options == null ? null : (\n      <AlertDialog {...options} isOpen={isOpen} onOpenChange={setIsOpen} />\n    );\n\n  return {element, hide, isOpen, show};\n}\n"]}