silver-ui 0.4.0 → 0.6.0

package/dist/{chunk-E2A3GJSN.cjs → chunk-BSXUNRET.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
-var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
+var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
 var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
@@ -9,14 +9,6 @@ var lucideReact = require('lucide-react');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-var AvatarGroupContext = react.createContext(
-  null
-);
-AvatarGroupContext.displayName = "AvatarGroupContext";
-function useAvatarGroup() {
-  return react.use(AvatarGroupContext);
-}
-
 // src/components/Avatar/Avatar.recipe.ts
 var avatarRecipe = chunkZ6RT3WPE_cjs.sva({
   slots: ["root", "content", "image", "fallback", "status"],
@@ -87,6 +79,13 @@ AvatarSizeContext.displayName = "AvatarSizeContext";
 function useAvatarSize() {
   return react.use(AvatarSizeContext);
 }
+var AvatarGroupContext = react.createContext(
+  null
+);
+AvatarGroupContext.displayName = "AvatarGroupContext";
+function useAvatarGroup() {
+  return react.use(AvatarGroupContext);
+}
 var CIRCLE_EDGE_OFFSET_RATIO = (1 - 1 / Math.SQRT2) / 2;
 var INITIALS_FONT_SIZE_RATIO = 0.4;
 function resolveAvatarSize(size) {
@@ -169,7 +168,7 @@ function Avatar({
             fallbackSrc,
             src,
             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,
+              chunkJ4PIYOWT_cjs.Icon,
               {
                 icon: lucideReact.User,
                 size: numericSize < 48 ? "sm" : numericSize < 96 ? "md" : "lg"
@@ -309,5 +308,5 @@ exports.AvatarGroupContext = AvatarGroupContext;
 exports.AvatarStatusDot = AvatarStatusDot;
 exports.resolveAvatarSize = resolveAvatarSize;
 exports.useAvatarGroup = useAvatarGroup;
-//# sourceMappingURL=chunk-E2A3GJSN.cjs.map
-//# sourceMappingURL=chunk-E2A3GJSN.cjs.map
+//# sourceMappingURL=chunk-BSXUNRET.cjs.map
+//# sourceMappingURL=chunk-BSXUNRET.cjs.map

package/dist/chunk-BSXUNRET.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Avatar/Avatar.recipe.ts","../src/components/Avatar/AvatarSizeContext.ts","../src/components/AvatarGroup/AvatarGroupContext.ts","../src/components/Avatar/Avatar.tsx","../src/components/Avatar/AvatarStatusDot.tsx"],"names":["sva","createContext","use","useMemo","jsx","jsxs","cx","Icon","User","isReactNode","useState","css"],"mappings":"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","file":"chunk-BSXUNRET.cjs","sourcesContent":["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 {createContext, use} from 'react';\nimport type {AvatarSize} from 'components/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 {User} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useMemo, useState} from 'react';\nimport {avatarRecipe} from 'components/Avatar/Avatar.recipe';\nimport {AvatarSizeContext} from 'components/Avatar/AvatarSizeContext';\nimport {useAvatarGroup} from 'components/AvatarGroup/AvatarGroupContext';\nimport {Icon} from 'components/Icon';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\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        {isReactNode(status) ? (\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 {useAvatarSize} from 'components/Avatar/AvatarSizeContext';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {css} from 'styled-system/css';\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 = isReactNode(icon) && iconSize > 0;\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (isReactNode(icon) && 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-BUYZZOOU.js

@@ -0,0 +1,56 @@
+import { useRef } from 'react';
+
+// src/internal/dismissBehavior.ts
+function resolveDismissBehavior(dismissBehavior) {
+  if (dismissBehavior == null) {
+    return { isBackdropDismissEnabled: true, isEscapeDismissEnabled: true };
+  }
+  if (typeof dismissBehavior === "boolean") {
+    return {
+      isBackdropDismissEnabled: dismissBehavior,
+      isEscapeDismissEnabled: dismissBehavior
+    };
+  }
+  return {
+    isBackdropDismissEnabled: dismissBehavior.isBackdropDismissEnabled ?? true,
+    isEscapeDismissEnabled: dismissBehavior.isEscapeDismissEnabled ?? true
+  };
+}
+function isPointerOutsideElement(element, clientX, clientY) {
+  const rect = element.getBoundingClientRect();
+  return clientX < rect.left || clientX > rect.right || clientY < rect.top || clientY > rect.bottom;
+}
+function useBackdropDismiss({
+  isEnabled,
+  onDismiss
+}) {
+  const pointerDownOnBackdropRef = useRef(false);
+  return {
+    onClick: (event) => {
+      const startedOnBackdrop = pointerDownOnBackdropRef.current;
+      pointerDownOnBackdropRef.current = false;
+      if (event.detail === 0) {
+        return;
+      }
+      const releasedOnBackdrop = isPointerOutsideElement(
+        event.currentTarget,
+        event.clientX,
+        event.clientY
+      );
+      if (startedOnBackdrop && releasedOnBackdrop && isEnabled) {
+        onDismiss();
+      }
+    },
+    onPointerDown: (event) => {
+      pointerDownOnBackdropRef.current = isPointerOutsideElement(
+        event.currentTarget,
+        event.clientX,
+        event.clientY
+      );
+    }
+  };
+}
+
+export { resolveDismissBehavior, useBackdropDismiss };
+//# sourceMappingURL=chunk-BUYZZOOU.js.map
+//# sourceMappingURL=chunk-BUYZZOOU.js.map

package/dist/chunk-BUYZZOOU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internal/dismissBehavior.ts","../src/internal/useBackdropDismiss.ts"],"names":[],"mappings":";;;AAgBO,SAAS,uBACd,eAAA,EACsE;AACtE,EAAA,IAAI,mBAAmB,IAAA,EAAM;AAC3B,IAAA,OAAO,EAAC,wBAAA,EAA0B,IAAA,EAAM,sBAAA,EAAwB,IAAA,EAAI;AAAA,EACtE;AAEA,EAAA,IAAI,OAAO,oBAAoB,SAAA,EAAW;AACxC,IAAA,OAAO;AAAA,MACL,wBAAA,EAA0B,eAAA;AAAA,MAC1B,sBAAA,EAAwB;AAAA,KAC1B;AAAA,EACF;AAEA,EAAA,OAAO;AAAA,IACL,wBAAA,EAA0B,gBAAgB,wBAAA,IAA4B,IAAA;AAAA,IACtE,sBAAA,EAAwB,gBAAgB,sBAAA,IAA0B;AAAA,GACpE;AACF;AC1BA,SAAS,uBAAA,CACP,OAAA,EACA,OAAA,EACA,OAAA,EACS;AACT,EAAA,MAAM,IAAA,GAAO,QAAQ,qBAAA,EAAsB;AAC3C,EAAA,OACE,OAAA,GAAU,IAAA,CAAK,IAAA,IACf,OAAA,GAAU,IAAA,CAAK,SACf,OAAA,GAAU,IAAA,CAAK,GAAA,IACf,OAAA,GAAU,IAAA,CAAK,MAAA;AAEnB;AAaO,SAAS,kBAAA,CAA0C;AAAA,EACxD,SAAA;AAAA,EACA;AACF,CAAA,EAG+B;AAC7B,EAAA,MAAM,wBAAA,GAA2B,OAAO,KAAK,CAAA;AAE7C,EAAA,OAAO;AAAA,IACL,SAAS,CAAA,KAAA,KAAS;AAChB,MAAA,MAAM,oBAAoB,wBAAA,CAAyB,OAAA;AACnD,MAAA,wBAAA,CAAyB,OAAA,GAAU,KAAA;AAInC,MAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACtB,QAAA;AAAA,MACF;AACA,MAAA,MAAM,kBAAA,GAAqB,uBAAA;AAAA,QACzB,KAAA,CAAM,aAAA;AAAA,QACN,KAAA,CAAM,OAAA;AAAA,QACN,KAAA,CAAM;AAAA,OACR;AACA,MAAA,IAAI,iBAAA,IAAqB,sBAAsB,SAAA,EAAW;AACxD,QAAA,SAAA,EAAU;AAAA,MACZ;AAAA,IACF,CAAA;AAAA,IACA,eAAe,CAAA,KAAA,KAAS;AACtB,MAAA,wBAAA,CAAyB,OAAA,GAAU,uBAAA;AAAA,QACjC,KAAA,CAAM,aAAA;AAAA,QACN,KAAA,CAAM,OAAA;AAAA,QACN,KAAA,CAAM;AAAA,OACR;AAAA,IACF;AAAA,GACF;AACF","file":"chunk-BUYZZOOU.js","sourcesContent":["/**\n * Controls whether Escape and backdrop clicks request dismissal of an overlay\n * surface. Pass a boolean to enable or disable both behaviors together, or an\n * object to configure each independently.\n */\nexport type DismissBehavior =\n  | boolean\n  | {\n      isBackdropDismissEnabled?: boolean;\n      isEscapeDismissEnabled?: boolean;\n    };\n\n/**\n * Resolves a {@link DismissBehavior} value into explicit flags. Both behaviors\n * default to enabled when unspecified.\n */\nexport function resolveDismissBehavior(\n  dismissBehavior: DismissBehavior | undefined,\n): {isBackdropDismissEnabled: boolean; isEscapeDismissEnabled: boolean} {\n  if (dismissBehavior == null) {\n    return {isBackdropDismissEnabled: true, isEscapeDismissEnabled: true};\n  }\n\n  if (typeof dismissBehavior === 'boolean') {\n    return {\n      isBackdropDismissEnabled: dismissBehavior,\n      isEscapeDismissEnabled: dismissBehavior,\n    };\n  }\n\n  return {\n    isBackdropDismissEnabled: dismissBehavior.isBackdropDismissEnabled ?? true,\n    isEscapeDismissEnabled: dismissBehavior.isEscapeDismissEnabled ?? true,\n  };\n}\n","import {useRef, type MouseEvent, type PointerEvent} from 'react';\n\n/**\n * Whether a pointer coordinate falls outside an element's border box. Native\n * `<dialog>` renders its backdrop outside this box, so a click whose\n * coordinates land outside the dialog rect is a backdrop click — regardless of\n * any padding, border, or margin on the dialog element.\n */\nfunction isPointerOutsideElement(\n  element: HTMLElement,\n  clientX: number,\n  clientY: number,\n): boolean {\n  const rect = element.getBoundingClientRect();\n  return (\n    clientX < rect.left ||\n    clientX > rect.right ||\n    clientY < rect.top ||\n    clientY > rect.bottom\n  );\n}\n\nexport interface BackdropDismissHandlers<T extends HTMLElement> {\n  onClick: (event: MouseEvent<T>) => void;\n  onPointerDown: (event: PointerEvent<T>) => void;\n}\n\n/**\n * Pointer handlers that dismiss a native `<dialog>` when the backdrop is\n * clicked. Dismissal requires that both the press and the release land on the\n * backdrop, so clicks on dialog padding (inside the rect) and inside-out drags\n * (e.g. text selection that overshoots onto the backdrop) are ignored.\n */\nexport function useBackdropDismiss<T extends HTMLElement>({\n  isEnabled,\n  onDismiss,\n}: {\n  isEnabled: boolean;\n  onDismiss: () => void;\n}): BackdropDismissHandlers<T> {\n  const pointerDownOnBackdropRef = useRef(false);\n\n  return {\n    onClick: event => {\n      const startedOnBackdrop = pointerDownOnBackdropRef.current;\n      pointerDownOnBackdropRef.current = false;\n      // Keyboard-synthesized clicks (Enter/Space on a child control) report\n      // detail 0 and 0,0 coordinates; ignore them so they are not mistaken\n      // for a backdrop click.\n      if (event.detail === 0) {\n        return;\n      }\n      const releasedOnBackdrop = isPointerOutsideElement(\n        event.currentTarget,\n        event.clientX,\n        event.clientY,\n      );\n      if (startedOnBackdrop && releasedOnBackdrop && isEnabled) {\n        onDismiss();\n      }\n    },\n    onPointerDown: event => {\n      pointerDownOnBackdropRef.current = isPointerOutsideElement(\n        event.currentTarget,\n        event.clientX,\n        event.clientY,\n      );\n    },\n  };\n}\n"]}

package/dist/{chunk-NFABMGNH.js → chunk-C6EWA3H2.js}

@@ -1,10 +1,10 @@
-import { Item } from './chunk-QY6OMQW6.js';
-import { Divider } from './chunk-W2Q4PQ6I.js';
-import { Popover } from './chunk-ZAX2UJBC.js';
-import { Button } from './chunk-2LABTS4P.js';
-import { Text } from './chunk-QRFDPG34.js';
+import { Item } from './chunk-ERVWZILR.js';
+import { Divider } from './chunk-BQWUTDTN.js';
+import { Popover } from './chunk-JHMUMJF3.js';
+import { Button } from './chunk-HMJINNXZ.js';
+import { Text } from './chunk-NXTDP6AX.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
-import { Icon } from './chunk-7T3SWOY7.js';
+import { Icon } from './chunk-IUW777WZ.js';
 import { sva } from './chunk-IAVZKGZS.js';
 import { css } from './chunk-OD4DHHZH.js';
 import { cx } from './chunk-PPNETWIP.js';
@@ -358,5 +358,5 @@ function DropdownMenu({
 DropdownMenu.displayName = "DropdownMenu";
 
 export { DropdownMenu, DropdownMenuContext, DropdownMenuItem, formatMenuWidth, renderMenuItems, useDropdownMenuContext, useMenuKeyboard };
-//# sourceMappingURL=chunk-NFABMGNH.js.map
-//# sourceMappingURL=chunk-NFABMGNH.js.map
+//# sourceMappingURL=chunk-C6EWA3H2.js.map
+//# sourceMappingURL=chunk-C6EWA3H2.js.map

package/dist/chunk-C6EWA3H2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DropdownMenu/DropdownMenuContext.ts","../src/components/DropdownMenu/DropdownMenuItem.recipe.ts","../src/components/DropdownMenu/DropdownMenuItem.tsx","../src/components/DropdownMenu/menuUtils.tsx","../src/components/DropdownMenu/DropdownMenu.tsx"],"names":["jsx","useCallback","jsxs"],"mappings":"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","file":"chunk-C6EWA3H2.js","sourcesContent":["import {createContext, use} from 'react';\nimport type {ButtonSize} from 'components/Button';\n\nexport interface DropdownMenuContextValue {\n  closeMenu: () => void;\n  menuSize: ButtonSize;\n}\n\nexport const DropdownMenuContext =\n  createContext<DropdownMenuContextValue | null>(null);\n\nDropdownMenuContext.displayName = 'DropdownMenuContext';\n\nexport function useDropdownMenuContext(): DropdownMenuContextValue | null {\n  return use(DropdownMenuContext);\n}\n","import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const dropdownMenuItemRecipe = sva({\n  slots: ['root', 'icon'],\n  base: {\n    root: {\n      display: 'block',\n      w: 'full',\n      borderRadius: 'md',\n      color: 'fg',\n      cursor: 'pointer',\n      fontFamily: 'body',\n      textAlign: 'start',\n      _hover: {bg: 'bg.subtle'},\n      _focusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffsetTight',\n      },\n      _disabled: {\n        opacity: 0.5,\n        cursor: 'not-allowed',\n      },\n    },\n    icon: {\n      display: 'inline-flex',\n      flexShrink: 0,\n      color: 'fg.muted',\n    },\n  },\n  variants: {\n    size: {\n      sm: {\n        root: {\n          minH: 'component.sm',\n          '& > *': {py: '0.5', px: '1.5', gap: '1.5'},\n        },\n      },\n      md: {\n        root: {minH: 'component.md', '& > *': {py: '1.5', px: '2'}},\n      },\n      lg: {\n        root: {\n          minH: 'component.lg',\n          '& > *': {py: '2.5', px: '2.5', gap: '2.5'},\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport type DropdownMenuItemVariants = RecipeVariantProps<\n  typeof dropdownMenuItemRecipe\n>;\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useDropdownMenuContext} from 'components/DropdownMenu/DropdownMenuContext';\nimport {dropdownMenuItemRecipe} from 'components/DropdownMenu/DropdownMenuItem.recipe';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Item} from 'components/Item';\nimport {cx} from 'internal/cx';\n\nexport interface DropdownMenuItemProps {\n  /**\n   * Additional CSS class names applied to the item.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the item.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text shown below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Trailing content.\n   */\n  endContent?: ReactNode;\n  /**\n   * Icon rendered before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether the item is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Item label.\n   */\n  label: string;\n  /**\n   * Called when the item is selected.\n   */\n  onClick?: () => void;\n  /**\n   * Ref forwarded to the item button.\n   */\n  ref?: Ref<HTMLButtonElement>;\n  /**\n   * Inline styles applied to the item.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Action item inside a `DropdownMenu`.\n */\nexport function DropdownMenuItem({\n  className,\n  'data-testid': dataTestId,\n  description,\n  endContent,\n  icon,\n  isDisabled = false,\n  label,\n  onClick,\n  ref,\n  style,\n}: DropdownMenuItemProps): React.JSX.Element {\n  const context = useDropdownMenuContext();\n  const menuSize = context?.menuSize ?? 'md';\n  const classes = dropdownMenuItemRecipe({size: menuSize});\n\n  return (\n    <button\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      disabled={isDisabled}\n      onClick={() => {\n        onClick?.();\n        context?.closeMenu();\n      }}\n      ref={ref}\n      role=\"menuitem\"\n      style={style}\n      type=\"button\">\n      <Item\n        as=\"span\"\n        description={description}\n        endContent={endContent}\n        label={label}\n        startContent={\n          icon != null ? (\n            <span className={classes.icon}>\n              <Icon color=\"secondary\" icon={icon} size=\"sm\" />\n            </span>\n          ) : null\n        }\n      />\n    </button>\n  );\n}\n\nDropdownMenuItem.displayName = 'DropdownMenuItem';\n","/* eslint-disable @eslint-react/no-array-index-key */\nimport {useCallback, type KeyboardEvent, type ReactNode} from 'react';\nimport {Divider} from 'components/Divider';\nimport {DropdownMenuItem} from 'components/DropdownMenu/DropdownMenuItem';\nimport type {DropdownMenuOption} from 'components/DropdownMenu/types';\nimport {Text} from 'components/Text';\nimport {css} from 'styled-system/css';\n\nconst menuStyles = {\n  section: css({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '0.5',\n  }),\n  heading: css({\n    px: '2',\n    py: '1',\n    userSelect: 'none',\n  }),\n  divider: css({\n    my: '1',\n  }),\n} as const;\n\nexport function formatMenuWidth(\n  value: number | string | undefined,\n): string | undefined {\n  if (value == null) {\n    return undefined;\n  }\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nexport function renderMenuItems(\n  items: ReadonlyArray<DropdownMenuOption>,\n): ReactNode {\n  return items.map((item, index) => {\n    if ('type' in item && item.type === 'divider') {\n      return (\n        <Divider className={menuStyles.divider} key={`divider-${index}`} />\n      );\n    }\n\n    if ('type' in item) {\n      return (\n        <div\n          aria-label={item.title}\n          className={menuStyles.section}\n          key={`section-${item.title ?? index}`}\n          role=\"group\">\n          {item.title != null ? (\n            <Text\n              as=\"span\"\n              className={menuStyles.heading}\n              color=\"secondary\"\n              type=\"supporting\">\n              {item.title}\n            </Text>\n          ) : null}\n          {item.items.map(sectionItem => (\n            <DropdownMenuItem\n              description={sectionItem.description}\n              icon={sectionItem.icon}\n              isDisabled={sectionItem.isDisabled}\n              key={sectionItem.label}\n              label={sectionItem.label}\n              onClick={sectionItem.onClick}\n            />\n          ))}\n        </div>\n      );\n    }\n\n    return (\n      <DropdownMenuItem\n        description={item.description}\n        icon={item.icon}\n        isDisabled={item.isDisabled}\n        key={item.label}\n        label={item.label}\n        onClick={item.onClick}\n      />\n    );\n  });\n}\n\nexport function useMenuKeyboard(\n  menuRef: React.RefObject<HTMLElement | null>,\n  onClose: () => void,\n): (event: KeyboardEvent<HTMLElement>) => void {\n  const getMenuItems = useCallback(() => {\n    if (menuRef.current == null) {\n      return [];\n    }\n    return Array.from(\n      menuRef.current.querySelectorAll<HTMLElement>(\n        '[role=\"menuitem\"]:not(:disabled):not([aria-disabled=\"true\"])',\n      ),\n    );\n  }, [menuRef]);\n\n  return useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      const menuItems = getMenuItems();\n      if (menuItems.length === 0) {\n        return;\n      }\n      const currentIndex = menuItems.findIndex(\n        item => item === document.activeElement,\n      );\n      let nextIndex: number;\n\n      switch (event.key) {\n        case 'ArrowDown':\n          nextIndex =\n            currentIndex === -1 ? 0 : (currentIndex + 1) % menuItems.length;\n          break;\n        case 'ArrowUp':\n          nextIndex =\n            currentIndex === -1\n              ? menuItems.length - 1\n              : (currentIndex - 1 + menuItems.length) % menuItems.length;\n          break;\n        case 'Home':\n          nextIndex = 0;\n          break;\n        case 'End':\n          nextIndex = menuItems.length - 1;\n          break;\n        case 'Escape':\n          event.preventDefault();\n          onClose();\n          return;\n        case 'Enter':\n        case ' ':\n          if (document.activeElement instanceof HTMLElement) {\n            event.preventDefault();\n            document.activeElement.click();\n          }\n          return;\n        default:\n          if (event.key.length === 1) {\n            const char = event.key.toLowerCase();\n            const startIndex = currentIndex === -1 ? 0 : currentIndex + 1;\n            for (let i = 0; i < menuItems.length; i++) {\n              const index = (startIndex + i) % menuItems.length;\n              const label = menuItems[index].textContent.trim().toLowerCase();\n              if (label.startsWith(char)) {\n                event.preventDefault();\n                menuItems[index].focus();\n                return;\n              }\n            }\n          }\n          return;\n      }\n\n      event.preventDefault();\n      menuItems[nextIndex]?.focus();\n    },\n    [getMenuItems, onClose],\n  );\n}\n","import {ChevronDown} from 'lucide-react';\nimport {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Button, type ButtonProps, type ButtonSize} from 'components/Button';\nimport {DropdownMenuContext} from 'components/DropdownMenu/DropdownMenuContext';\nimport {\n  formatMenuWidth,\n  renderMenuItems,\n  useMenuKeyboard,\n} from 'components/DropdownMenu/menuUtils';\nimport type {DropdownMenuOption} from 'components/DropdownMenu/types';\nimport {Icon} from 'components/Icon';\nimport {Popover} from 'components/Popover';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {css} from 'styled-system/css';\n\nexport type {\n  DropdownMenuDivider,\n  DropdownMenuItemData,\n  DropdownMenuOption,\n  DropdownMenuSection,\n} from 'components/DropdownMenu/types';\n\ntype DistributiveOmit<T, K extends PropertyKey> = T extends unknown\n  ? Omit<T, K>\n  : never;\n\nexport type DropdownMenuButtonProps = DistributiveOmit<ButtonProps, 'onClick'>;\n\nexport interface DropdownMenuProps {\n  /**\n   * Trigger button props.\n   */\n  button?: DropdownMenuButtonProps;\n  /**\n   * Compound menu content (alternative to `items`).\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the menu surface.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the trigger button.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to auto-focus the first menu item on open.\n   * @default true\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Whether to show a chevron on the trigger button.\n   * @default true\n   */\n  hasChevron?: boolean;\n  /**\n   * Controlled open state.\n   */\n  isMenuOpen?: boolean;\n  /**\n   * Data-driven menu items.\n   */\n  items?: ReadonlyArray<DropdownMenuOption>;\n  /**\n   * Width of the menu surface.\n   */\n  menuWidth?: number | string;\n  /**\n   * Click handler for the trigger button.\n   */\n  onClick?: () => void;\n  /**\n   * Called when the menu open state changes.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Ref forwarded to the trigger button.\n   */\n  ref?: Ref<HTMLButtonElement>;\n  /**\n   * Inline styles applied to the menu surface.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  menu: css({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '0.5',\n    maxH: '80',\n    overflowY: 'auto',\n    p: '1',\n  }),\n} as const;\n\nconst defaultButton = {label: 'Menu'} satisfies DropdownMenuButtonProps;\n\n/**\n * Button-triggered menu for grouped actions.\n */\nexport function DropdownMenu({\n  button = defaultButton,\n  children,\n  className,\n  'data-testid': dataTestId,\n  hasAutoFocus = true,\n  hasChevron = true,\n  isMenuOpen,\n  items,\n  menuWidth,\n  onClick,\n  onOpenChange,\n  ref,\n  style,\n}: DropdownMenuProps): React.JSX.Element {\n  const [internalOpen, setInternalOpen] = useState(false);\n  const isControlled = isMenuOpen !== undefined;\n  const isOpen = isControlled ? isMenuOpen : internalOpen;\n  const menuSize: ButtonSize = button.size ?? 'md';\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (items != null && isReactNode(children)) {\n      throw new Error(\n        'DropdownMenu: pass either `items` or `children`, not both.',\n      );\n    }\n    if (items == null && !isReactNode(children)) {\n      throw new Error('DropdownMenu: provide either `items` or `children`.');\n    }\n  }\n\n  const hide = useCallback(() => {\n    if (isControlled) {\n      onOpenChange?.(false);\n    } else {\n      setInternalOpen(false);\n    }\n  }, [isControlled, onOpenChange]);\n\n  const handleMenuKeyDown = useMenuKeyboard(menuRef, hide);\n\n  const contextValue = useMemo(\n    () => ({\n      closeMenu: hide,\n      menuSize,\n    }),\n    [hide, menuSize],\n  );\n\n  const menuNode = useMemo(\n    (): ReactNode => (items == null ? children : renderMenuItems(items)),\n    [items, children],\n  );\n\n  return (\n    <Popover\n      content={\n        <DropdownMenuContext value={contextValue}>\n          {/* eslint-disable-next-line jsx-a11y-x/no-static-element-interactions -- keyboard handler captures events for the parent role=\"menu\" element */}\n          <div\n            className={cx(styles.menu, className)}\n            onKeyDown={handleMenuKeyDown}\n            ref={menuRef}\n            tabIndex={-1}>\n            {menuNode}\n          </div>\n        </DropdownMenuContext>\n      }\n      hasAutoFocus={hasAutoFocus}\n      hasCloseButton={false}\n      isOpen={isOpen}\n      onOpenChange={(isNextOpen: boolean): void => {\n        if (isControlled) {\n          onOpenChange?.(isNextOpen);\n        } else {\n          setInternalOpen(isNextOpen);\n        }\n      }}\n      role=\"menu\"\n      style={{width: formatMenuWidth(menuWidth), ...style}}>\n      <Button\n        {...button}\n        data-testid={dataTestId}\n        endContent={\n          <>\n            {button.endContent}\n            {hasChevron ? <Icon icon={ChevronDown} size=\"sm\" /> : null}\n          </>\n        }\n        onClick={onClick}\n        ref={ref}\n      />\n    </Popover>\n  );\n}\n\nDropdownMenu.displayName = 'DropdownMenu';\n"]}