silver-ui 0.1.1 → 0.2.0

package/dist/chunk-GYUWDJXS.cjs

@@ -0,0 +1,282 @@
+'use strict';
+
+var chunkO3T7Z6RH_cjs = require('./chunk-O3T7Z6RH.cjs');
+var chunkJMNH45Q3_cjs = require('./chunk-JMNH45Q3.cjs');
+var chunk5QPM5LUS_cjs = require('./chunk-5QPM5LUS.cjs');
+var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
+var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Alert/Alert.recipe.ts
+var paddingVariants = {
+  0: { bodyContent: { px: "0", py: "0" } },
+  0.5: { bodyContent: { px: "0.5", py: "0.5" } },
+  1: { bodyContent: { px: "1", py: "1" } },
+  1.5: { bodyContent: { px: "1.5", py: "1.5" } },
+  2: { bodyContent: { px: "2", py: "2" } },
+  3: { bodyContent: { px: "3", py: "3" } },
+  4: { bodyContent: { px: "4", py: "4" } },
+  5: { bodyContent: { px: "5", py: "5" } },
+  6: { bodyContent: { px: "6", py: "6" } },
+  8: { bodyContent: { px: "8", py: "8" } },
+  10: { bodyContent: { px: "10", py: "10" } }
+};
+var alertRecipe = chunk5QPM5LUS_cjs.sva({
+  slots: [
+    "root",
+    "header",
+    "icon",
+    "content",
+    "endArea",
+    "chevron",
+    "body",
+    "bodyContent"
+  ],
+  base: {
+    root: {
+      display: "flex",
+      flexDirection: "column",
+      fontFamily: "body"
+    },
+    header: {
+      display: "flex",
+      alignItems: "flex-start",
+      gap: "2",
+      px: "4",
+      py: "3"
+    },
+    icon: {
+      display: "inline-flex",
+      alignItems: "center",
+      flexShrink: 0
+    },
+    content: {
+      display: "flex",
+      flex: 1,
+      flexDirection: "column",
+      minW: 0
+    },
+    endArea: {
+      display: "flex",
+      alignItems: "center",
+      flexShrink: 0,
+      gap: "2",
+      ms: "auto"
+    },
+    // The body stays mounted so child state and the `aria-controls` target are
+    // preserved; it is collapsed with a `grid-template-rows` 1fr -> 0fr
+    // transition (mirroring `AccordionItem`). `overflow: hidden` lives on this
+    // grid so the body chrome on `bodyContent` is fully clipped when collapsed.
+    body: {
+      display: "grid",
+      gridTemplateRows: "1fr",
+      overflow: "hidden",
+      // `visibility` is transitioned alongside the rows so the content stays
+      // readable while collapsing, then becomes `hidden` (removing it from the
+      // a11y tree and tab order) once closed. The inline `visibility` style in
+      // the component drives the open/closed value.
+      transitionProperty: "grid-template-rows, visibility",
+      transitionDuration: "normal",
+      transitionTimingFunction: "default",
+      "@media (prefers-reduced-motion: reduce)": {
+        transitionDuration: "0.01s"
+      }
+    },
+    bodyContent: {
+      minH: 0,
+      bg: "bg",
+      borderBlockEndWidth: "default",
+      borderColor: "border",
+      borderInlineWidth: "default",
+      borderStyle: "solid",
+      px: "4",
+      py: "3"
+    }
+  },
+  variants: {
+    status: {
+      error: {
+        header: {
+          bg: "surface.red",
+          color: "surface.red.fg",
+          "--silver-text-color": "token(colors.surface.red.fg)",
+          "--silver-text-color-muted": "token(colors.surface.red.fg)"
+        }
+      },
+      info: {
+        header: {
+          bg: "surface.blue",
+          color: "surface.blue.fg",
+          "--silver-text-color": "token(colors.surface.blue.fg)",
+          "--silver-text-color-muted": "token(colors.surface.blue.fg)"
+        }
+      },
+      success: {
+        header: {
+          bg: "surface.green",
+          color: "surface.green.fg",
+          "--silver-text-color": "token(colors.surface.green.fg)",
+          "--silver-text-color-muted": "token(colors.surface.green.fg)"
+        }
+      },
+      warning: {
+        header: {
+          bg: "surface.yellow",
+          color: "surface.yellow.fg",
+          "--silver-text-color": "token(colors.surface.yellow.fg)",
+          "--silver-text-color-muted": "token(colors.surface.yellow.fg)"
+        }
+      }
+    },
+    container: {
+      card: {
+        header: { borderTopRadius: "lg" },
+        bodyContent: { borderBottomRadius: "lg" }
+      },
+      section: {}
+    },
+    // Squares off the header's bottom corners while the body is revealed; the
+    // compound variant rounds them back when there is no expanded content.
+    hasContent: {
+      true: {},
+      false: {}
+    },
+    isCentered: {
+      true: { header: { alignItems: "center" } },
+      false: {}
+    },
+    isExpanded: {
+      true: { chevron: { transform: "rotate(180deg)" } },
+      false: { body: { gridTemplateRows: "0fr" } }
+    },
+    padding: paddingVariants
+  },
+  compoundVariants: [
+    {
+      container: "card",
+      css: { header: { borderBottomRadius: "lg" } },
+      hasContent: false
+    }
+  ],
+  defaultVariants: {
+    container: "card",
+    hasContent: false,
+    isCentered: false,
+    isExpanded: false,
+    status: "info"
+  }
+});
+var statusRole = {
+  error: "alert",
+  info: "status",
+  success: "status",
+  warning: "alert"
+};
+var defaultIcons = {
+  error: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { color: "error", icon: lucideReact.XCircle }),
+  info: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { color: "info", icon: lucideReact.Info }),
+  success: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { color: "success", icon: lucideReact.CheckCircle2 }),
+  warning: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { color: "warning", icon: lucideReact.TriangleAlert })
+};
+function Alert({
+  children,
+  className,
+  container = "card",
+  "data-testid": dataTestId,
+  description,
+  endContent,
+  icon,
+  isDefaultExpanded = false,
+  isDismissable = false,
+  onDismiss,
+  padding,
+  ref,
+  status,
+  style,
+  title
+}) {
+  const bodyId = react.useId();
+  const [isDismissed, setIsDismissed] = react.useState(false);
+  const [isExpanded, setIsExpanded] = react.useState(isDefaultExpanded);
+  const hasChildren = children != null;
+  const showContent = hasChildren && isExpanded;
+  const showEndArea = endContent != null || isDismissable || hasChildren;
+  const isSingleLine = description == null && (endContent != null || isDismissable || hasChildren);
+  if (isDismissed) {
+    return null;
+  }
+  const classes = alertRecipe({
+    container,
+    hasContent: showContent,
+    isCentered: isSingleLine,
+    isExpanded,
+    padding,
+    status
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunkSPDVNY2Z_cjs.cx(classes.root, className),
+      "data-testid": dataTestId,
+      ref,
+      role: statusRole[status],
+      style,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.header, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: classes.icon, children: icon ?? defaultIcons[status] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.content, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkJMNH45Q3_cjs.Text, { as: "p", type: "label", weight: "semibold", children: title }),
+            description != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkJMNH45Q3_cjs.Text, { as: "p", color: "secondary", type: "supporting", children: description }) : null
+          ] }),
+          showEndArea ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.endArea, children: [
+            endContent,
+            hasChildren ? /* @__PURE__ */ jsxRuntime.jsx(
+              chunkO3T7Z6RH_cjs.Button,
+              {
+                "aria-controls": bodyId,
+                "aria-expanded": isExpanded,
+                className: classes.chevron,
+                icon: lucideReact.ChevronDown,
+                isIconOnly: true,
+                label: isExpanded ? "Collapse" : "Expand",
+                onClick: () => setIsExpanded((value) => !value),
+                size: "sm",
+                variant: "ghost"
+              }
+            ) : null,
+            isDismissable ? /* @__PURE__ */ jsxRuntime.jsx(
+              chunkO3T7Z6RH_cjs.Button,
+              {
+                icon: lucideReact.X,
+                isIconOnly: true,
+                label: "Dismiss",
+                onClick: () => {
+                  setIsDismissed(true);
+                  onDismiss?.();
+                },
+                size: "sm",
+                variant: "ghost"
+              }
+            ) : null
+          ] }) : null
+        ] }),
+        hasChildren ? /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: classes.body,
+            id: bodyId,
+            style: { visibility: isExpanded ? void 0 : "hidden" },
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.bodyContent, children })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+Alert.displayName = "Alert";
+
+exports.Alert = Alert;
+//# sourceMappingURL=chunk-GYUWDJXS.cjs.map
+//# sourceMappingURL=chunk-GYUWDJXS.cjs.map

package/dist/chunk-GYUWDJXS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Alert/Alert.recipe.ts","../src/components/Alert/Alert.tsx"],"names":["sva","jsx","Icon","XCircle","Info","CheckCircle2","TriangleAlert","useId","useState","jsxs","cx","Text","Button","ChevronDown","X"],"mappings":"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","file":"chunk-GYUWDJXS.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\n/**\n * Symmetric padding overrides for the collapsible body. Keys mirror the\n * `SpacingToken` scale so the `padding` prop maps onto build-time-validated\n * spacing tokens instead of a runtime token lookup.\n */\nconst paddingVariants = {\n  0: {bodyContent: {px: '0', py: '0'}},\n  0.5: {bodyContent: {px: '0.5', py: '0.5'}},\n  1: {bodyContent: {px: '1', py: '1'}},\n  1.5: {bodyContent: {px: '1.5', py: '1.5'}},\n  2: {bodyContent: {px: '2', py: '2'}},\n  3: {bodyContent: {px: '3', py: '3'}},\n  4: {bodyContent: {px: '4', py: '4'}},\n  5: {bodyContent: {px: '5', py: '5'}},\n  6: {bodyContent: {px: '6', py: '6'}},\n  8: {bodyContent: {px: '8', py: '8'}},\n  10: {bodyContent: {px: '10', py: '10'}},\n};\n\nexport const alertRecipe = sva({\n  slots: [\n    'root',\n    'header',\n    'icon',\n    'content',\n    'endArea',\n    'chevron',\n    'body',\n    'bodyContent',\n  ],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      fontFamily: 'body',\n    },\n    header: {\n      display: 'flex',\n      alignItems: 'flex-start',\n      gap: '2',\n      px: '4',\n      py: '3',\n    },\n    icon: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n    },\n    content: {\n      display: 'flex',\n      flex: 1,\n      flexDirection: 'column',\n      minW: 0,\n    },\n    endArea: {\n      display: 'flex',\n      alignItems: 'center',\n      flexShrink: 0,\n      gap: '2',\n      ms: 'auto',\n    },\n    // The body stays mounted so child state and the `aria-controls` target are\n    // preserved; it is collapsed with a `grid-template-rows` 1fr -> 0fr\n    // transition (mirroring `AccordionItem`). `overflow: hidden` lives on this\n    // grid so the body chrome on `bodyContent` is fully clipped when collapsed.\n    body: {\n      display: 'grid',\n      gridTemplateRows: '1fr',\n      overflow: 'hidden',\n      // `visibility` is transitioned alongside the rows so the content stays\n      // readable while collapsing, then becomes `hidden` (removing it from the\n      // a11y tree and tab order) once closed. The inline `visibility` style in\n      // the component drives the open/closed value.\n      transitionProperty: 'grid-template-rows, visibility',\n      transitionDuration: 'normal',\n      transitionTimingFunction: 'default',\n      '@media (prefers-reduced-motion: reduce)': {\n        transitionDuration: '0.01s',\n      },\n    },\n    bodyContent: {\n      minH: 0,\n      bg: 'bg',\n      borderBlockEndWidth: 'default',\n      borderColor: 'border',\n      borderInlineWidth: 'default',\n      borderStyle: 'solid',\n      px: '4',\n      py: '3',\n    },\n  },\n  variants: {\n    status: {\n      error: {\n        header: {\n          bg: 'surface.red',\n          color: 'surface.red.fg',\n          '--silver-text-color': 'token(colors.surface.red.fg)',\n          '--silver-text-color-muted': 'token(colors.surface.red.fg)',\n        },\n      },\n      info: {\n        header: {\n          bg: 'surface.blue',\n          color: 'surface.blue.fg',\n          '--silver-text-color': 'token(colors.surface.blue.fg)',\n          '--silver-text-color-muted': 'token(colors.surface.blue.fg)',\n        },\n      },\n      success: {\n        header: {\n          bg: 'surface.green',\n          color: 'surface.green.fg',\n          '--silver-text-color': 'token(colors.surface.green.fg)',\n          '--silver-text-color-muted': 'token(colors.surface.green.fg)',\n        },\n      },\n      warning: {\n        header: {\n          bg: 'surface.yellow',\n          color: 'surface.yellow.fg',\n          '--silver-text-color': 'token(colors.surface.yellow.fg)',\n          '--silver-text-color-muted': 'token(colors.surface.yellow.fg)',\n        },\n      },\n    },\n    container: {\n      card: {\n        header: {borderTopRadius: 'lg'},\n        bodyContent: {borderBottomRadius: 'lg'},\n      },\n      section: {},\n    },\n    // Squares off the header's bottom corners while the body is revealed; the\n    // compound variant rounds them back when there is no expanded content.\n    hasContent: {\n      true: {},\n      false: {},\n    },\n    isCentered: {\n      true: {header: {alignItems: 'center'}},\n      false: {},\n    },\n    isExpanded: {\n      true: {chevron: {transform: 'rotate(180deg)'}},\n      false: {body: {gridTemplateRows: '0fr'}},\n    },\n    padding: paddingVariants,\n  },\n  compoundVariants: [\n    {\n      container: 'card',\n      css: {header: {borderBottomRadius: 'lg'}},\n      hasContent: false,\n    },\n  ],\n  defaultVariants: {\n    container: 'card',\n    hasContent: false,\n    isCentered: false,\n    isExpanded: false,\n    status: 'info',\n  },\n});\n\nexport type AlertVariants = RecipeVariantProps<typeof alertRecipe>;\n","import {\n  CheckCircle2,\n  ChevronDown,\n  Info,\n  TriangleAlert,\n  X,\n  XCircle,\n} from 'lucide-react';\nimport {\n  useId,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {cx} from '../../internal/cx';\nimport type {SpacingToken} from '../../internal/spacingTokens';\nimport {Button} from '../Button';\nimport {Icon} from '../Icon';\nimport {Text} from '../Text';\nimport {alertRecipe, type AlertVariants} from './Alert.recipe';\n\n/**\n * Derived from the recipe's `container` variant so the prop stays in sync with\n * the styles.\n */\nexport type AlertContainer = NonNullable<\n  NonNullable<AlertVariants>['container']\n>;\n/**\n * Derived from the recipe's `status` variant so the prop stays in sync with the\n * styles.\n */\nexport type AlertStatus = NonNullable<NonNullable<AlertVariants>['status']>;\n\nexport interface AlertProps {\n  /**\n   * Extra content rendered below the alert header in a collapsible area.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Visual container style.\n   * @default 'card'\n   */\n  container?: AlertContainer;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting description displayed below the title.\n   */\n  description?: ReactNode;\n  /**\n   * Content rendered at the end of the header, before collapse and dismiss controls.\n   */\n  endContent?: ReactNode;\n  /**\n   * Custom status icon. A default icon is rendered when omitted.\n   */\n  icon?: ReactNode;\n  /**\n   * Whether collapsible children are expanded initially.\n   * @default false\n   */\n  isDefaultExpanded?: boolean;\n  /**\n   * Whether the alert can be dismissed.\n   * @default false\n   */\n  isDismissable?: boolean;\n  /**\n   * Called when the dismiss button is clicked.\n   */\n  onDismiss?: () => void;\n  /**\n   * Inner padding step.\n   * @default 4\n   */\n  padding?: SpacingToken;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Status controlling role, icon, and color.\n   */\n  status: AlertStatus;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Primary alert title.\n   */\n  title: ReactNode;\n}\n\nconst statusRole: Record<AlertStatus, 'alert' | 'status'> = {\n  error: 'alert',\n  info: 'status',\n  success: 'status',\n  warning: 'alert',\n};\n\nconst defaultIcons: Record<AlertStatus, ReactNode> = {\n  error: <Icon color=\"error\" icon={XCircle} />,\n  info: <Icon color=\"info\" icon={Info} />,\n  success: <Icon color=\"success\" icon={CheckCircle2} />,\n  warning: <Icon color=\"warning\" icon={TriangleAlert} />,\n};\n\n/**\n * Displays a contextual message with status-based styling, an optional\n * collapsible body, and dismiss functionality.\n */\nexport function Alert({\n  children,\n  className,\n  container = 'card',\n  'data-testid': dataTestId,\n  description,\n  endContent,\n  icon,\n  isDefaultExpanded = false,\n  isDismissable = false,\n  onDismiss,\n  padding,\n  ref,\n  status,\n  style,\n  title,\n}: AlertProps): React.JSX.Element | null {\n  const bodyId = useId();\n  const [isDismissed, setIsDismissed] = useState(false);\n  const [isExpanded, setIsExpanded] = useState(isDefaultExpanded);\n  const hasChildren = children != null;\n  // The body is kept mounted whenever there are children (so child state and\n  // the `aria-controls` target survive collapsing); `isExpanded` only drives\n  // the visual collapse. `showContent` reflects whether the body is currently\n  // revealed, which the header uses to square off its bottom corners.\n  const showContent = hasChildren && isExpanded;\n  const showEndArea = endContent != null || isDismissable || hasChildren;\n  const isSingleLine =\n    description == null && (endContent != null || isDismissable || hasChildren);\n\n  if (isDismissed) {\n    return null;\n  }\n\n  const classes = alertRecipe({\n    container,\n    hasContent: showContent,\n    isCentered: isSingleLine,\n    isExpanded,\n    padding,\n    status,\n  });\n\n  return (\n    <div\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role={statusRole[status]}\n      style={style}>\n      <div className={classes.header}>\n        <span aria-hidden=\"true\" className={classes.icon}>\n          {icon ?? defaultIcons[status]}\n        </span>\n        <div className={classes.content}>\n          <Text as=\"p\" type=\"label\" weight=\"semibold\">\n            {title}\n          </Text>\n          {description != null ? (\n            <Text as=\"p\" color=\"secondary\" type=\"supporting\">\n              {description}\n            </Text>\n          ) : null}\n        </div>\n        {showEndArea ? (\n          <div className={classes.endArea}>\n            {endContent}\n            {hasChildren ? (\n              <Button\n                aria-controls={bodyId}\n                aria-expanded={isExpanded}\n                className={classes.chevron}\n                icon={ChevronDown}\n                isIconOnly\n                label={isExpanded ? 'Collapse' : 'Expand'}\n                onClick={() => setIsExpanded(value => !value)}\n                size=\"sm\"\n                variant=\"ghost\"\n              />\n            ) : null}\n            {isDismissable ? (\n              <Button\n                icon={X}\n                isIconOnly\n                label=\"Dismiss\"\n                onClick={() => {\n                  setIsDismissed(true);\n                  onDismiss?.();\n                }}\n                size=\"sm\"\n                variant=\"ghost\"\n              />\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n      {hasChildren ? (\n        <div\n          className={classes.body}\n          id={bodyId}\n          style={{visibility: isExpanded ? undefined : 'hidden'}}>\n          <div className={classes.bodyContent}>{children}</div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nAlert.displayName = 'Alert';\n"]}

package/dist/{chunk-OAUKYH6C.cjs → chunk-H7LOOHWU.cjs}

@@ -11,5 +11,5 @@ function useDialogContext() {
 
 exports.DialogContext = DialogContext;
 exports.useDialogContext = useDialogContext;
-//# sourceMappingURL=chunk-OAUKYH6C.cjs.map
-//# sourceMappingURL=chunk-OAUKYH6C.cjs.map
+//# sourceMappingURL=chunk-H7LOOHWU.cjs.map
+//# sourceMappingURL=chunk-H7LOOHWU.cjs.map

package/dist/chunk-H7LOOHWU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Dialog/DialogContext.ts"],"names":["createContext","use"],"mappings":";;;;;AAYO,IAAM,aAAA,GAAgBA,oBAAyC,IAAI;AAC1E,aAAA,CAAc,WAAA,GAAc,eAAA;AAErB,SAAS,gBAAA,GAA8C;AAC5D,EAAA,OAAOC,UAAI,aAAa,CAAA;AAC1B","file":"chunk-H7LOOHWU.cjs","sourcesContent":["import {createContext, use} from 'react';\n\nexport interface DialogContextValue {\n  onOpenChange: (isOpen: boolean) => void;\n  /**\n   * Stable ID for the dialog's title heading. LayoutHeader applies this ID\n   * to its heading element so the dialog can reference it via\n   * `aria-labelledby`.\n   */\n  titleId: string;\n}\n\nexport const DialogContext = createContext<DialogContextValue | null>(null);\nDialogContext.displayName = 'DialogContext';\n\nexport function useDialogContext(): DialogContextValue | null {\n  return use(DialogContext);\n}\n"]}

package/dist/{chunk-NSHWBZL4.cjs → chunk-HM7IEGQ2.cjs}

@@ -1,12 +1,13 @@
 'use strict';
 
-var chunk6SPQDYHC_cjs = require('./chunk-6SPQDYHC.cjs');
-var chunkAZDWQGAX_cjs = require('./chunk-AZDWQGAX.cjs');
+var chunkU2WVHZ24_cjs = require('./chunk-U2WVHZ24.cjs');
+var chunk6BK4LUK4_cjs = require('./chunk-6BK4LUK4.cjs');
+var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var styles = {
-  container: chunkAZDWQGAX_cjs.css({
+  container: chunkRU6JG3FS_cjs.css({
     bg: "bg",
     borderRadius: "md",
     boxShadow: "lg",
@@ -14,14 +15,14 @@ var styles = {
     borderStyle: "solid",
     borderColor: "border"
   }),
-  content: chunkAZDWQGAX_cjs.css({
+  content: chunkRU6JG3FS_cjs.css({
     p: "3"
   }),
   margin: {
-    above: chunkAZDWQGAX_cjs.css({ mb: "1" }),
-    below: chunkAZDWQGAX_cjs.css({ mt: "1" }),
-    start: chunkAZDWQGAX_cjs.css({ mr: "1" }),
-    end: chunkAZDWQGAX_cjs.css({ ml: "1" })
+    above: chunkRU6JG3FS_cjs.css({ mb: "1" }),
+    below: chunkRU6JG3FS_cjs.css({ mt: "1" }),
+    start: chunkRU6JG3FS_cjs.css({ mr: "1" }),
+    end: chunkRU6JG3FS_cjs.css({ ml: "1" })
   }
 };
 function useHoverCard({
@@ -36,7 +37,7 @@ function useHoverCard({
 } = {}) {
   const isHoveringContentRef = react.useRef(false);
   const isEscapeDismissingRef = react.useRef(false);
-  const hoverLayer = chunk6SPQDYHC_cjs.useHoverLayer({
+  const hoverLayer = chunkU2WVHZ24_cjs.useHoverLayer({
     delay,
     focusTrigger,
     hideDelay,
@@ -106,7 +107,7 @@ function useHoverCard({
         {
           placement: renderPlacement,
           alignment: props?.alignment ?? alignment,
-          className: chunk6SPQDYHC_cjs.cx(
+          className: chunk6BK4LUK4_cjs.cx(
             styles.container,
             styles.margin[renderPlacement],
             props?.className
@@ -174,7 +175,7 @@ function HoverCard({
     placement
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6SPQDYHC_cjs.HoverLayerTrigger,
+    chunkU2WVHZ24_cjs.HoverLayerTrigger,
     {
       className,
       "data-testid": dataTestId,
@@ -193,5 +194,5 @@ HoverCard.displayName = "HoverCard";
 
 exports.HoverCard = HoverCard;
 exports.useHoverCard = useHoverCard;
-//# sourceMappingURL=chunk-NSHWBZL4.cjs.map
-//# sourceMappingURL=chunk-NSHWBZL4.cjs.map
+//# sourceMappingURL=chunk-HM7IEGQ2.cjs.map
+//# sourceMappingURL=chunk-HM7IEGQ2.cjs.map

package/dist/chunk-HM7IEGQ2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/HoverCard/useHoverCard.tsx","../src/components/HoverCard/HoverCard.tsx"],"names":["css","useRef","useHoverLayer","useCallback","jsx","cx","useMemo","HoverLayerTrigger"],"mappings":"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","file":"chunk-HM7IEGQ2.cjs","sourcesContent":["import {\n  useCallback,\n  useMemo,\n  useRef,\n  type FocusEvent as ReactFocusEvent,\n  type ReactNode,\n  type RefCallback,\n} from 'react';\nimport {css, cx} from 'styled-system/css';\nimport {\n  useHoverLayer,\n  type HoverLayerFocusTrigger,\n} from '../../internal/useHoverLayer';\nimport type {\n  ContextRenderProps,\n  LayerAlignment,\n  LayerPlacement,\n} from '../../internal/useLayer';\n\nexport type HoverCardFocusTrigger = HoverLayerFocusTrigger;\n\nexport interface UseHoverCardOptions {\n  alignment?: LayerAlignment;\n  delay?: number;\n  focusTrigger?: HoverCardFocusTrigger;\n  hideDelay?: number;\n  isEnabled?: boolean;\n  onHide?: () => void;\n  onShow?: () => void;\n  placement?: LayerPlacement;\n}\n\nexport interface UseHoverCardReturn {\n  anchorId: string;\n  describedBy: string;\n  hide: () => void;\n  interactionRef: RefCallback<HTMLElement>;\n  positionRef: RefCallback<HTMLElement>;\n  ref: RefCallback<HTMLElement>;\n  renderHoverCard: (\n    children: ReactNode,\n    props?: ContextRenderProps,\n  ) => ReactNode;\n  show: () => void;\n}\n\nconst styles = {\n  container: css({\n    bg: 'bg',\n    borderRadius: 'md',\n    boxShadow: 'lg',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'border',\n  }),\n  content: css({\n    p: '3',\n  }),\n  margin: {\n    above: css({mb: '1'}),\n    below: css({mt: '1'}),\n    start: css({mr: '1'}),\n    end: css({ml: '1'}),\n  },\n} as const;\n\nexport function useHoverCard({\n  placement = 'above',\n  alignment = 'center',\n  delay = 300,\n  hideDelay = 200,\n  focusTrigger = 'auto',\n  isEnabled = true,\n  onShow,\n  onHide,\n}: UseHoverCardOptions = {}): UseHoverCardReturn {\n  const isHoveringContentRef = useRef(false);\n  const isEscapeDismissingRef = useRef(false);\n\n  const hoverLayer = useHoverLayer({\n    delay,\n    focusTrigger,\n    hideDelay,\n    isEnabled,\n    onFocusIn: () => {\n      if (isEscapeDismissingRef.current) {\n        isEscapeDismissingRef.current = false;\n        return false;\n      }\n\n      return true;\n    },\n    onFocusOut: event => {\n      const relatedTarget = event.relatedTarget as HTMLElement | null;\n      const popoverElement = document.getElementById(hoverLayer.describedBy);\n\n      return !popoverElement?.contains(relatedTarget);\n    },\n    onHide,\n    onShow,\n    onTriggerEscape: event => {\n      event.stopPropagation();\n      hoverLayer.clearTimeouts();\n      hoverLayer.hide();\n    },\n    shouldHide: () => !isHoveringContentRef.current,\n  });\n\n  const {clearTimeouts, interactionRef, layer, ref, scheduleHide, triggerRef} =\n    hoverLayer;\n\n  const handleContentBlur = useCallback(\n    (event: ReactFocusEvent<HTMLElement>) => {\n      const relatedTarget = event.relatedTarget as HTMLElement | null;\n      if (\n        event.currentTarget.contains(relatedTarget) ||\n        triggerRef.current?.contains(relatedTarget)\n      ) {\n        return;\n      }\n\n      scheduleHide();\n    },\n    [scheduleHide, triggerRef],\n  );\n\n  const renderHoverCard = useCallback(\n    (children: ReactNode, props?: ContextRenderProps): ReactNode => {\n      const renderPlacement = props?.placement ?? placement;\n\n      return layer.render(\n        // eslint-disable-next-line jsx-a11y-x/no-static-element-interactions\n        <div\n          className={styles.content}\n          onBlur={handleContentBlur}\n          onKeyDown={event => {\n            if (event.key === 'Escape') {\n              event.stopPropagation();\n              isEscapeDismissingRef.current = true;\n              clearTimeouts();\n              hoverLayer.hide();\n              triggerRef.current?.focus();\n            }\n          }}\n          onMouseEnter={() => {\n            isHoveringContentRef.current = true;\n            clearTimeouts();\n          }}\n          onMouseLeave={() => {\n            isHoveringContentRef.current = false;\n            scheduleHide();\n          }}>\n          {children}\n        </div>,\n        {\n          placement: renderPlacement,\n          alignment: props?.alignment ?? alignment,\n          className: cx(\n            styles.container,\n            styles.margin[renderPlacement],\n            props?.className,\n          ),\n          role: props?.role,\n          style: props?.style,\n        },\n      );\n    },\n    [\n      alignment,\n      clearTimeouts,\n      handleContentBlur,\n      hoverLayer,\n      layer,\n      placement,\n      scheduleHide,\n      triggerRef,\n    ],\n  );\n\n  return useMemo(\n    () => ({\n      anchorId: layer.anchorId,\n      describedBy: layer.id,\n      hide: hoverLayer.hide,\n      interactionRef,\n      positionRef: layer.ref,\n      ref,\n      renderHoverCard,\n      show: hoverLayer.show,\n    }),\n    [\n      hoverLayer.hide,\n      hoverLayer.show,\n      interactionRef,\n      layer.anchorId,\n      layer.id,\n      layer.ref,\n      ref,\n      renderHoverCard,\n    ],\n  );\n}\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {HoverLayerTrigger} from '../../internal/HoverLayerTrigger';\nimport type {LayerAlignment, LayerPlacement} from '../../internal/useLayer';\nimport {useHoverCard, type HoverCardFocusTrigger} from './useHoverCard';\n\nexport type {HoverCardFocusTrigger} from './useHoverCard';\n\nexport interface HoverCardProps {\n  /**\n   * Alignment along the placement axis.\n   * @default 'center'\n   */\n  alignment?: LayerAlignment;\n  /**\n   * Trigger content.\n   */\n  children: ReactNode;\n  /**\n   * Additional class names applied to the trigger wrapper for text triggers.\n   */\n  className?: string;\n  /**\n   * Content shown in the floating hover card.\n   */\n  content: ReactNode;\n  /**\n   * Test ID applied to the trigger wrapper for text triggers.\n   */\n  'data-testid'?: string;\n  /**\n   * Delay before opening on hover, in milliseconds.\n   * @default 300\n   */\n  delay?: number;\n  /**\n   * Controls focus-trigger behavior.\n   * @default 'auto'\n   */\n  focusTrigger?: HoverCardFocusTrigger;\n  /**\n   * Whether to visually underline text triggers.\n   * @default 'auto'\n   */\n  hasHoverIndication?: 'auto' | boolean;\n  /**\n   * Delay before closing after hover/focus leaves, in milliseconds.\n   * @default 200\n   */\n  hideDelay?: number;\n  /**\n   * Whether hover/focus interactions are enabled.\n   * @default true\n   */\n  isEnabled?: boolean;\n  /**\n   * Position relative to the trigger.\n   * @default 'above'\n   */\n  placement?: LayerPlacement;\n  /**\n   * Ref forwarded to the text trigger wrapper.\n   */\n  ref?: Ref<HTMLSpanElement>;\n  /**\n   * Inline styles applied to the text trigger wrapper.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * A floating card that appears on hover or focus of a trigger element.\n */\nexport function HoverCard({\n  children,\n  content,\n  placement = 'above',\n  alignment = 'center',\n  delay = 300,\n  hideDelay = 200,\n  focusTrigger = 'auto',\n  isEnabled = true,\n  hasHoverIndication = 'auto',\n  className,\n  style,\n  ref,\n  'data-testid': dataTestId,\n}: HoverCardProps): React.JSX.Element {\n  const hoverCard = useHoverCard({\n    alignment,\n    delay,\n    focusTrigger,\n    hideDelay,\n    isEnabled,\n    placement,\n  });\n\n  return (\n    <HoverLayerTrigger\n      className={className}\n      data-testid={dataTestId}\n      describedBy={hoverCard.describedBy}\n      hasHoverIndication={hasHoverIndication}\n      layer={hoverCard.renderHoverCard(content)}\n      shouldForwardNonTextWrapperProps={false}\n      style={style}\n      triggerRef={hoverCard.ref}\n      wrapperRef={ref}>\n      {children}\n    </HoverLayerTrigger>\n  );\n}\n\nHoverCard.displayName = 'HoverCard';\n"]}

package/dist/{chunk-UZNSGQT3.cjs → chunk-HMWV6KCW.cjs}

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkOAUKYH6C_cjs = require('./chunk-OAUKYH6C.cjs');
-var chunkNILB6Y4Z_cjs = require('./chunk-NILB6Y4Z.cjs');
-var chunk47BELFYO_cjs = require('./chunk-47BELFYO.cjs');
-var chunkJAX62FUE_cjs = require('./chunk-JAX62FUE.cjs');
+var chunkH7LOOHWU_cjs = require('./chunk-H7LOOHWU.cjs');
+var chunkO3T7Z6RH_cjs = require('./chunk-O3T7Z6RH.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');
 var lucideReact = require('lucide-react');
@@ -24,7 +24,7 @@ var paddingVariants = {
   8: { p: "8" },
   10: { p: "10" }
 };
-var layoutRecipe = chunkJAX62FUE_cjs.cva({
+var layoutRecipe = chunkJRBQKFVO_cjs.cva({
   base: {
     display: "flex",
     flexDirection: "column",
@@ -46,7 +46,7 @@ var layoutRecipe = chunkJAX62FUE_cjs.cva({
     height: "fill"
   }
 });
-var layoutMiddleRecipe = chunkJAX62FUE_cjs.cva({
+var layoutMiddleRecipe = chunkJRBQKFVO_cjs.cva({
   base: {
     display: "flex",
     flex: 1,
@@ -54,7 +54,7 @@ var layoutMiddleRecipe = chunkJAX62FUE_cjs.cva({
     minW: 0
   }
 });
-var layoutRegionRecipe = chunkJAX62FUE_cjs.cva({
+var layoutRegionRecipe = chunkJRBQKFVO_cjs.cva({
   variants: {
     padding: paddingVariants
   },
@@ -80,7 +80,7 @@ function useLayoutDivider() {
   return react.use(LayoutDividerContext);
 }
 var styles = {
-  contentFill: chunkAZDWQGAX_cjs.css({
+  contentFill: chunkRU6JG3FS_cjs.css({
     flex: 1,
     minW: 0,
     display: "flex",
@@ -144,14 +144,13 @@ function Layout({
 }
 Layout.displayName = "Layout";
 var styles2 = {
-  root: chunkAZDWQGAX_cjs.css({
-    boxSizing: "border-box",
+  root: chunkRU6JG3FS_cjs.css({
     flex: 1,
     minH: 0,
     minW: 0,
     overflow: "clip"
   }),
-  scrollable: chunkAZDWQGAX_cjs.css({
+  scrollable: chunkRU6JG3FS_cjs.css({
     overflow: "auto"
   })
 };
@@ -189,25 +188,22 @@ function LayoutContent({
 }
 LayoutContent.displayName = "LayoutContent";
 var styles3 = {
-  root: chunkAZDWQGAX_cjs.css({
+  root: chunkRU6JG3FS_cjs.css({
     flexShrink: 0
   }),
-  divider: chunkAZDWQGAX_cjs.css({
+  divider: chunkRU6JG3FS_cjs.css({
     borderBlockStartWidth: "default",
     borderBlockStartStyle: "solid",
     borderBlockStartColor: "border"
   }),
-  inner: chunkAZDWQGAX_cjs.css({
-    boxSizing: "border-box",
+  inner: chunkRU6JG3FS_cjs.css({
     display: "flex",
     alignItems: "center",
     justifyContent: "flex-end",
     gap: "3"
   }),
-  customInner: chunkAZDWQGAX_cjs.css({
-    boxSizing: "border-box"
-  }),
-  start: chunkAZDWQGAX_cjs.css({
+  customInner: chunkRU6JG3FS_cjs.css({}),
+  start: chunkRU6JG3FS_cjs.css({
     display: "flex",
     alignItems: "center",
     gap: "2",
@@ -215,7 +211,7 @@ var styles3 = {
     minW: 0,
     marginInlineEnd: "auto"
   }),
-  actions: chunkAZDWQGAX_cjs.css({
+  actions: chunkRU6JG3FS_cjs.css({
     display: "flex",
     alignItems: "center",
     gap: "2",
@@ -269,35 +265,34 @@ function LayoutFooter({
 }
 LayoutFooter.displayName = "LayoutFooter";
 var styles4 = {
-  root: chunkAZDWQGAX_cjs.css({
+  root: chunkRU6JG3FS_cjs.css({
     flexShrink: 0
   }),
-  divider: chunkAZDWQGAX_cjs.css({
+  divider: chunkRU6JG3FS_cjs.css({
     borderBlockEndWidth: "default",
     borderBlockEndStyle: "solid",
     borderBlockEndColor: "border"
   }),
-  inner: chunkAZDWQGAX_cjs.css({
-    boxSizing: "border-box",
+  inner: chunkRU6JG3FS_cjs.css({
     display: "flex",
     alignItems: "flex-start",
     justifyContent: "space-between",
     gap: "3"
   }),
-  titleArea: chunkAZDWQGAX_cjs.css({
+  titleArea: chunkRU6JG3FS_cjs.css({
     flex: 1,
     minW: 0,
     "& > :focus": {
       outline: "none"
     }
   }),
-  actions: chunkAZDWQGAX_cjs.css({
+  actions: chunkRU6JG3FS_cjs.css({
     display: "flex",
     alignItems: "center",
     gap: "2",
     flexShrink: 0
   }),
-  closeButton: chunkAZDWQGAX_cjs.css({
+  closeButton: chunkRU6JG3FS_cjs.css({
     marginInlineEnd: "-2",
     marginBlockStart: "-2"
   })
@@ -316,11 +311,11 @@ function LayoutHeader({
   title
 }) {
   const dividerContext = useLayoutDivider();
-  const dialogContext = chunkOAUKYH6C_cjs.useDialogContext();
+  const dialogContext = chunkH7LOOHWU_cjs.useDialogContext();
   const hasDivider = dividerContext?.hasDividers ?? false;
   const rootStyle = { height, ...style };
   const closeButton = dialogContext != null ? /* @__PURE__ */ jsxRuntime.jsx(
-    chunkNILB6Y4Z_cjs.Button,
+    chunkO3T7Z6RH_cjs.Button,
     {
       className: styles4.closeButton,
       icon: lucideReact.X,
@@ -343,15 +338,16 @@ function LayoutHeader({
         startContent != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles4.actions, children: startContent }) : null,
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles4.titleArea, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk47BELFYO_cjs.Heading,
+            chunkJMNH45Q3_cjs.Heading,
             {
               "data-dialog-autofocus": dialogContext != null ? "true" : void 0,
+              id: dialogContext?.titleId,
               level: 4,
               tabIndex: dialogContext != null ? -1 : void 0,
               children: title
             }
           ),
-          subtitle != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk47BELFYO_cjs.Text, { as: "p", color: "secondary", type: "supporting", children: subtitle }) : null
+          subtitle != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkJMNH45Q3_cjs.Text, { as: "p", color: "secondary", type: "supporting", children: subtitle }) : null
         ] }),
         hasEnd ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles4.actions, children: [
           endContent,
@@ -363,20 +359,19 @@ function LayoutHeader({
 }
 LayoutHeader.displayName = "LayoutHeader";
 var styles5 = {
-  root: chunkAZDWQGAX_cjs.css({
-    boxSizing: "border-box",
+  root: chunkRU6JG3FS_cjs.css({
     flexShrink: 0,
     overflow: "clip"
   }),
-  scrollable: chunkAZDWQGAX_cjs.css({
+  scrollable: chunkRU6JG3FS_cjs.css({
     overflow: "auto"
   }),
-  dividerEnd: chunkAZDWQGAX_cjs.css({
+  dividerEnd: chunkRU6JG3FS_cjs.css({
     borderInlineEndWidth: "default",
     borderInlineEndStyle: "solid",
     borderInlineEndColor: "border"
   }),
-  dividerStart: chunkAZDWQGAX_cjs.css({
+  dividerStart: chunkRU6JG3FS_cjs.css({
     borderInlineStartWidth: "default",
     borderInlineStartStyle: "solid",
     borderInlineStartColor: "border"
@@ -426,6 +421,5 @@ exports.LayoutContent = LayoutContent;
 exports.LayoutFooter = LayoutFooter;
 exports.LayoutHeader = LayoutHeader;
 exports.LayoutPanel = LayoutPanel;
-exports.layoutRecipe = layoutRecipe;
-//# sourceMappingURL=chunk-UZNSGQT3.cjs.map
-//# sourceMappingURL=chunk-UZNSGQT3.cjs.map
+//# sourceMappingURL=chunk-HMWV6KCW.cjs.map
+//# sourceMappingURL=chunk-HMWV6KCW.cjs.map