silver-ui 0.3.0 → 0.3.1

package/dist/{chunk-KFEXS6OK.cjs → chunk-BAPCHFNX.cjs}

@@ -1,9 +1,10 @@
 'use strict';
 
 var chunkW5G7ZDQ6_cjs = require('./chunk-W5G7ZDQ6.cjs');
-var chunkJMNH45Q3_cjs = require('./chunk-JMNH45Q3.cjs');
+var chunkQEFE4QBL_cjs = require('./chunk-QEFE4QBL.cjs');
 var chunkWMXIUOOU_cjs = require('./chunk-WMXIUOOU.cjs');
 var chunk7GN6YTSS_cjs = require('./chunk-7GN6YTSS.cjs');
+var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var lucideReact = require('lucide-react');
@@ -39,7 +40,7 @@ function Field({
   style,
   ref
 }) {
-  const resolvedDescriptionID = descriptionID ?? (description != null ? `${inputId}-description` : void 0);
+  const resolvedDescriptionID = descriptionID ?? (chunkQAO6QMNQ_cjs.isReactNode(description) ? `${inputId}-description` : void 0);
   const resolvedStatusID = status?.messageID ?? (status?.message != null ? `${inputId}-status` : void 0);
   const statusText = isOptional ? "Optional" : isRequired ? "Required" : null;
   const classes = chunkW5G7ZDQ6_cjs.fieldRecipe({
@@ -55,17 +56,17 @@ function Field({
       id: labelId,
       children: [
         labelIcon != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { color: "secondary", icon: labelIcon, size: "sm" }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(chunkJMNH45Q3_cjs.Text, { as: "span", color: "inherit", type: "label", children: label }),
-        statusText != null ? /* @__PURE__ */ jsxRuntime.jsxs(chunkJMNH45Q3_cjs.Text, { as: "span", className: classes.indicator, type: "supporting", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkQEFE4QBL_cjs.Text, { as: "span", color: "inherit", type: "label", children: label }),
+        statusText != null ? /* @__PURE__ */ jsxRuntime.jsxs(chunkQEFE4QBL_cjs.Text, { as: "span", className: classes.indicator, type: "supporting", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: " \xB7 " }),
           statusText
         ] }) : null,
-        labelTooltip != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk7GN6YTSS_cjs.Tooltip, { content: labelTooltip, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.tooltipIcon, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { icon: lucideReact.Info, size: "sm" }) }) }) : null
+        chunkQAO6QMNQ_cjs.isReactNode(labelTooltip) ? /* @__PURE__ */ jsxRuntime.jsx(chunk7GN6YTSS_cjs.Tooltip, { content: labelTooltip, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.tooltipIcon, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { icon: lucideReact.Info, size: "sm" }) }) }) : null
       ]
     }
   );
-  const descriptionNode = description != null ? /* @__PURE__ */ jsxRuntime.jsx(
-    chunkJMNH45Q3_cjs.Text,
+  const descriptionNode = chunkQAO6QMNQ_cjs.isReactNode(description) ? /* @__PURE__ */ jsxRuntime.jsx(
+    chunkQEFE4QBL_cjs.Text,
     {
       as: "span",
       color: "secondary",
@@ -114,5 +115,5 @@ Field.displayName = "Field";
 
 exports.Field = Field;
 exports.getNecessity = getNecessity;
-//# sourceMappingURL=chunk-KFEXS6OK.cjs.map
-//# sourceMappingURL=chunk-KFEXS6OK.cjs.map
+//# sourceMappingURL=chunk-BAPCHFNX.cjs.map
+//# sourceMappingURL=chunk-BAPCHFNX.cjs.map

package/dist/chunk-BAPCHFNX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Field/Field.tsx"],"names":["isReactNode","fieldRecipe","jsxs","Icon","jsx","Text","Tooltip","Info","cx","VisuallyHidden","Fragment"],"mappings":"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","file":"chunk-BAPCHFNX.cjs","sourcesContent":["import {Info} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {VisuallyHidden} from '../../internal/VisuallyHidden';\nimport {cx} from '../../internal/cx';\nimport isReactNode from '../../internal/isReactNode';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Text} from '../Text';\nimport {Tooltip} from '../Tooltip';\nimport {fieldRecipe} from './Field.recipe';\nimport type {InputStatusType} from './types';\n\nexport type FieldStatusVariant = 'attached' | 'detached';\n\nexport interface FieldStatus {\n  /**\n   * Optional status text displayed below the input.\n   */\n  message?: string;\n  /**\n   * Status message ID used by `aria-describedby`.\n   */\n  messageID?: string;\n  /**\n   * Validation state for the field.\n   */\n  type: InputStatusType;\n}\n\ninterface FieldBaseProps {\n  /**\n   * The form control rendered inside the field.\n   */\n  children: 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 rendered between the label and control.\n   */\n  description?: ReactNode;\n  /**\n   * ID for the description element.\n   */\n  descriptionID?: string;\n  /**\n   * ID of the associated control.\n   */\n  inputId: string;\n  /**\n   * Whether the associated control is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label and description.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Field label text.\n   */\n  label: string;\n  /**\n   * HTML element used for the label. Use 'span' for group controls\n   * (e.g., radiogroup) where `htmlFor` cannot target a labelable element.\n   * @default 'label'\n   */\n  labelAs?: 'label' | 'span';\n  /**\n   * Optional icon shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * ID applied to the label element, useful for `aria-labelledby`.\n   */\n  labelId?: string;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Validation status displayed below the control.\n   */\n  status?: FieldStatus;\n  /**\n   * How the status message is positioned.\n   * @default 'attached'\n   */\n  statusVariant?: FieldStatusVariant;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Controls whether a field displays an \"Optional\" or \"Required\" indicator.\n * The two options are mutually exclusive — a field cannot be both optional\n * and required at the same time. TypeScript enforces this at the type level.\n */\nexport type FieldNecessity =\n  | {isOptional?: false; isRequired?: false}\n  | {isOptional: true; isRequired?: false}\n  | {isOptional?: false; isRequired: true};\n\nexport type FieldProps = FieldBaseProps & FieldNecessity;\n\n/**\n * Narrows individually-typed `isOptional`/`isRequired` values back into\n * a valid `FieldNecessity` union member. Useful when forwarding necessity\n * props that were destructured from a component's own props (which widens\n * the discriminated union to `boolean | undefined`).\n */\nexport function getNecessity(\n  isOptional: boolean | undefined,\n  isRequired: boolean | undefined,\n): FieldNecessity {\n  if (isOptional === true) {\n    return {isOptional: true};\n  }\n  if (isRequired === true) {\n    return {isRequired: true};\n  }\n  return {};\n}\n\n/**\n * A form field wrapper that renders a label, description, control slot, and validation status.\n */\nexport function Field({\n  children,\n  label,\n  isLabelHidden = false,\n  description,\n  inputId,\n  descriptionID,\n  isOptional = false,\n  isRequired = false,\n  isDisabled = false,\n  labelAs: LabelComponent = 'label',\n  labelIcon,\n  labelId,\n  labelTooltip,\n  status,\n  statusVariant = 'attached',\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: FieldProps): React.JSX.Element {\n  const resolvedDescriptionID =\n    descriptionID ??\n    (isReactNode(description) ? `${inputId}-description` : undefined);\n  const resolvedStatusID =\n    status?.messageID ??\n    (status?.message != null ? `${inputId}-status` : undefined);\n  const statusText = isOptional ? 'Optional' : isRequired ? 'Required' : null;\n  const classes = fieldRecipe({\n    isDisabled,\n    statusType: status?.type,\n    statusVariant,\n  });\n  const labelNode = (\n    <LabelComponent\n      className={classes.label}\n      {...(LabelComponent === 'label' ? {htmlFor: inputId} : undefined)}\n      id={labelId}>\n      {labelIcon != null ? (\n        <Icon color=\"secondary\" icon={labelIcon} size=\"sm\" />\n      ) : null}\n      <Text as=\"span\" color=\"inherit\" type=\"label\">\n        {label}\n      </Text>\n      {statusText != null ? (\n        <Text as=\"span\" className={classes.indicator} type=\"supporting\">\n          <span aria-hidden=\"true\"> · </span>\n          {statusText}\n        </Text>\n      ) : null}\n      {isReactNode(labelTooltip) ? (\n        <Tooltip content={labelTooltip}>\n          <span className={classes.tooltipIcon}>\n            <Icon icon={Info} size=\"sm\" />\n          </span>\n        </Tooltip>\n      ) : null}\n    </LabelComponent>\n  );\n  const descriptionNode = isReactNode(description) ? (\n    <Text\n      as=\"span\"\n      color=\"secondary\"\n      id={resolvedDescriptionID}\n      type=\"supporting\">\n      {description}\n    </Text>\n  ) : null;\n  const statusNode =\n    status?.message != null ? (\n      <div\n        aria-live={status.type === 'error' ? 'assertive' : 'polite'}\n        className={classes.status}\n        id={resolvedStatusID}\n        role={status.type === 'error' ? 'alert' : 'status'}>\n        {status.message}\n      </div>\n    ) : null;\n\n  return (\n    <div\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {isLabelHidden ? (\n        <VisuallyHidden>\n          {labelNode}\n          {descriptionNode}\n        </VisuallyHidden>\n      ) : (\n        <>\n          {labelNode}\n          {descriptionNode}\n        </>\n      )}\n      {statusVariant === 'attached' ? (\n        <div className={classes.inputWrapper}>\n          {children}\n          {statusNode}\n        </div>\n      ) : (\n        <>\n          {children}\n          {statusNode}\n        </>\n      )}\n    </div>\n  );\n}\n\nField.displayName = 'Field';\n"]}

package/dist/{chunk-YBPG5RPR.cjs → chunk-BRB52QFV.cjs}

@@ -1,54 +1,16 @@
 'use strict';
 
-var chunk77RGTGRM_cjs = require('./chunk-77RGTGRM.cjs');
-var chunkYXYD5HKL_cjs = require('./chunk-YXYD5HKL.cjs');
+var chunkHVUYVPQL_cjs = require('./chunk-HVUYVPQL.cjs');
+var chunkKFDHP4WP_cjs = require('./chunk-KFDHP4WP.cjs');
 var chunkLFRTNC7M_cjs = require('./chunk-LFRTNC7M.cjs');
 var chunkWMXIUOOU_cjs = require('./chunk-WMXIUOOU.cjs');
 var chunk7GN6YTSS_cjs = require('./chunk-7GN6YTSS.cjs');
 var chunk2OXKEUKG_cjs = require('./chunk-2OXKEUKG.cjs');
+var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
-var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
-var styles = {
-  content: chunkRU6JG3FS_cjs.css({
-    display: "contents"
-  }),
-  label: chunkRU6JG3FS_cjs.css({
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    minW: 0,
-    // The label is a (blockified) flex item, so `overflow: hidden` clips it to
-    // its line box. With a tight line-height that crops descenders (e.g. the
-    // "g" in "changes"), so pad the clip box vertically and cancel the padding
-    // with a negative margin to keep layout unchanged.
-    py: "0.25em",
-    mt: "-0.35em",
-    mb: "-0.25em"
-  }),
-  icon: chunkRU6JG3FS_cjs.css({
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    flexShrink: 0
-  }),
-  endContent: chunkRU6JG3FS_cjs.css({
-    display: "inline-flex",
-    alignItems: "center",
-    color: "inherit"
-  }),
-  startContent: chunkRU6JG3FS_cjs.css({
-    display: "inline-flex",
-    alignItems: "center",
-    color: "inherit"
-  }),
-  loadingIndicator: chunkRU6JG3FS_cjs.css({
-    display: "inline-flex",
-    alignItems: "center",
-    color: "inherit"
-  })
-};
 function Button({
   label,
   "aria-controls": ariaControls,
@@ -96,11 +58,12 @@ function Button({
   const renderAsLink = href != null && !buttonDisabled;
   const opensInNewTab = renderAsLink && target === "_blank";
   const ariaLabel = ariaLabelProp ?? chunkLFRTNC7M_cjs.getAriaLabel(
-    isIconOnly || isLoading || startContent != null || endContent != null || opensInNewTab ? label : void 0,
+    isIconOnly || isLoading || chunkQAO6QMNQ_cjs.isReactNode(startContent) || chunkQAO6QMNQ_cjs.isReactNode(endContent) || opensInNewTab ? label : void 0,
     opensInNewTab
   );
   const linkRel = chunkLFRTNC7M_cjs.useRel({ target, rel });
   const spinnerVariant = variant === "primary" || variant === "destructive" || variant === "onSolid" ? "onMedia" : "default";
+  const classes = chunkHVUYVPQL_cjs.buttonRecipe({ variant, size, iconOnly: isIconOnly });
   const ariaAttrs = {
     "aria-controls": ariaControls,
     "aria-current": ariaCurrent,
@@ -136,19 +99,16 @@ function Button({
     onKeyDown?.(event);
   };
   const buttonContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": isLoading || void 0, className: styles.content, children: [
-      icon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: styles.icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { icon, size }) }) : null,
-      !isIconOnly && startContent != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.startContent, children: startContent }) : null,
-      !isIconOnly ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.label, children: label }) : null,
-      !isIconOnly && endContent != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.endContent, children: endContent }) : null,
-      !isIconOnly && isLoading ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: styles.loadingIndicator, children: /* @__PURE__ */ jsxRuntime.jsx(chunkYXYD5HKL_cjs.Spinner, { size, variant: spinnerVariant }) }) : null
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": isLoading || void 0, className: classes.content, children: [
+      icon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: classes.icon, children: isIconOnly && isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkKFDHP4WP_cjs.Spinner, { size, variant: spinnerVariant }) : /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { icon, size }) }) : null,
+      !isIconOnly && chunkQAO6QMNQ_cjs.isReactNode(startContent) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.startContent, children: startContent }) : null,
+      !isIconOnly ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.label, children: label }) : null,
+      !isIconOnly && chunkQAO6QMNQ_cjs.isReactNode(endContent) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.endContent, children: endContent }) : null,
+      !isIconOnly && isLoading ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: classes.loadingIndicator, children: /* @__PURE__ */ jsxRuntime.jsx(chunkKFDHP4WP_cjs.Spinner, { size, variant: spinnerVariant }) }) : null
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(chunkWMXIUOOU_cjs.VisuallyHidden, { "aria-live": "polite", role: "status", children: isLoading ? "Loading" : "" })
   ] });
-  const rootClassName = chunkSPDVNY2Z_cjs.cx(
-    chunk77RGTGRM_cjs.buttonRecipe({ variant, size, iconOnly: isIconOnly }),
-    className
-  );
+  const rootClassName = chunkSPDVNY2Z_cjs.cx(classes.root, className);
   const element = renderAsLink ? /* @__PURE__ */ jsxRuntime.jsx(
     LinkComponent,
     {
@@ -195,5 +155,5 @@ function Button({
 Button.displayName = "Button";
 
 exports.Button = Button;
-//# sourceMappingURL=chunk-YBPG5RPR.cjs.map
-//# sourceMappingURL=chunk-YBPG5RPR.cjs.map
+//# sourceMappingURL=chunk-BRB52QFV.cjs.map
+//# sourceMappingURL=chunk-BRB52QFV.cjs.map

package/dist/chunk-BRB52QFV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.tsx"],"names":["useLinkComponent","useButtonGroup","getAriaLabel","isReactNode","useRel","buttonRecipe","jsxs","Fragment","Spinner","Icon","jsx","VisuallyHidden","cx","Tooltip"],"mappings":"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","file":"chunk-BRB52QFV.cjs","sourcesContent":["/* eslint-disable @eslint-react/static-components -- intentional polymorphism via as prop */\n\nimport type {\n  CSSProperties,\n  JSX,\n  KeyboardEvent,\n  MouseEvent,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n} from 'react';\nimport {VisuallyHidden} from '../../internal';\nimport {cx} from '../../internal/cx';\nimport isReactNode from '../../internal/isReactNode';\nimport {getAriaLabel, useRel} from '../../internal/linkAccessibility';\nimport {useButtonGroup} from '../ButtonGroup/ButtonGroupContext';\nimport {Icon, type IconComponent} from '../Icon';\nimport type {LinkComponent} from '../Link';\nimport {useLinkComponent} from '../Link';\nimport {Spinner} from '../Spinner';\nimport {Tooltip} from '../Tooltip';\nimport {buttonRecipe, type ButtonVariants} from './Button.recipe';\n\nexport type ButtonSize = NonNullable<ButtonVariants>['size'];\ntype ButtonVariant = NonNullable<ButtonVariants>['variant'];\n\n/**\n * A versatile action element that renders as a `<button>` or a link depending\n * on whether `href` is provided. Supports explicit loading states, icon-only\n * modes, link buttons, and tooltips.\n */\ninterface ButtonBaseProps {\n  /**\n   * Identifies the element(s) whose contents are controlled by the button.\n   */\n  'aria-controls'?: string;\n  /**\n   * Indicates the current item in a set.\n   */\n  'aria-current'?: 'page' | 'step' | 'location' | 'date' | 'time';\n  /**\n   * Identifies the element(s) that describe the button.\n   */\n  'aria-describedby'?: string;\n  /**\n   * Identifies the element that provides a detailed description.\n   */\n  'aria-details'?: string;\n  /**\n   * Indicates whether a controlled element is expanded or collapsed.\n   */\n  'aria-expanded'?: boolean;\n  /**\n   * Indicates the button opens an interactive popup element.\n   */\n  'aria-haspopup'?: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';\n  /**\n   * Indicates whether the element is exposed to the accessibility API.\n   */\n  'aria-hidden'?: boolean;\n  /**\n   * Keyboard shortcuts that activate or focus the button.\n   */\n  'aria-keyshortcuts'?: string;\n  /**\n   * Accessible label that overrides the visible `label` for assistive\n   * technologies. Use when the visible text is too terse (e.g. a page\n   * number) and a longer description is needed.\n   */\n  'aria-label'?: string;\n  /**\n   * Identifies the element(s) that label the button.\n   */\n  'aria-labelledby'?: string;\n  /**\n   * Identifies element(s) owned by the button that are not DOM children.\n   */\n  'aria-owns'?: string;\n  /**\n   * Indicates the current pressed state of a toggle button.\n   */\n  'aria-pressed'?: boolean | 'mixed';\n  /**\n   * Human-readable description of the role of the button.\n   */\n  'aria-roledescription'?: string;\n  /**\n   * Custom link component to render when `href` is set. Falls back to the\n   * component provided by `LinkProvider`, or a plain `<a>` tag.\n   */\n  as?: LinkComponent;\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   * Content rendered after the label, such as a badge or count. Hidden in\n   * icon-only mode.\n   */\n  endContent?: ReactNode;\n  /**\n   * HTML `form` attribute associating the button with a `<form>` by ID.\n   */\n  form?: string;\n  /**\n   * URL to navigate to. When set and the button is not disabled, the component\n   * renders as a link element.\n   */\n  href?: string;\n  /**\n   * Whether the button is disabled. Prevents interaction and applies disabled\n   * styling.\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the button is in a loading state. Shows a spinner overlay,\n   * disables interaction, and announces \"Loading\" to assistive technologies.\n   */\n  isLoading?: boolean;\n  /**\n   * Text label for the button. Always required for accessibility even when\n   * `isIconOnly` is true.\n   */\n  label: string;\n  /**\n   * HTML `name` attribute for form submission.\n   */\n  name?: string;\n  /**\n   * Click event handler.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n  /**\n   * Keyboard event handler for the root element.\n   */\n  onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Link `rel` attribute (e.g., `\"noopener\"`). Only applies when rendering\n   * as a link.\n   */\n  rel?: string;\n  /**\n   * Visual size of the button.\n   */\n  size?: ButtonSize;\n  /**\n   * Arbitrary content rendered before the label (after the icon, if present).\n   * Hidden in icon-only mode.\n   */\n  startContent?: ReactNode;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Link `target` attribute (e.g., `\"_blank\"`). Only applies when rendering\n   * as a link.\n   */\n  target?: string;\n  /**\n   * Tooltip text shown on hover. When set on a disabled button,\n   * `aria-disabled` is used instead of the `disabled` attribute so the\n   * tooltip remains accessible.\n   */\n  tooltip?: string;\n  /**\n   * HTML button `type` attribute.\n   */\n  type?: 'button' | 'submit' | 'reset';\n  /**\n   * HTML `value` attribute for form submission.\n   */\n  value?: string;\n  /**\n   * Visual style variant.\n   */\n  variant?: ButtonVariant;\n}\n\nexport type ButtonProps =\n  | (ButtonBaseProps & {\n      /**\n       * Icon element rendered before the label. Required in icon-only mode.\n       */\n      icon: IconComponent;\n      /**\n       * Visually hides the label, showing only the icon. The `label` prop is\n       * still required and used as `aria-label`.\n       */\n      isIconOnly: true;\n    })\n  | (ButtonBaseProps & {\n      /**\n       * Icon element rendered before the label.\n       */\n      icon?: IconComponent;\n      /**\n       * Visually hides the label, showing only the icon. The `label` prop is\n       * still required and used as `aria-label`.\n       */\n      isIconOnly?: false;\n    });\n\nexport function Button({\n  label,\n  'aria-controls': ariaControls,\n  'aria-current': ariaCurrent,\n  'aria-label': ariaLabelProp,\n  'aria-describedby': ariaDescribedby,\n  'aria-details': ariaDetails,\n  'aria-expanded': ariaExpanded,\n  'aria-haspopup': ariaHaspopup,\n  'aria-hidden': ariaHidden,\n  'aria-keyshortcuts': ariaKeyshortcuts,\n  'aria-labelledby': ariaLabelledby,\n  'aria-owns': ariaOwns,\n  'aria-pressed': ariaPressed,\n  'aria-roledescription': ariaRoledescription,\n  href,\n  as,\n  target,\n  rel,\n  variant,\n  size: sizeProp,\n  className,\n  'data-testid': dataTestId,\n  style,\n  type = 'button',\n  ref,\n  isDisabled = false,\n  isLoading = false,\n  icon,\n  isIconOnly = false,\n  endContent,\n  startContent,\n  tooltip,\n  onClick,\n  onKeyDown,\n  form,\n  name,\n  value,\n}: ButtonProps): JSX.Element {\n  const LinkComponent = useLinkComponent(as);\n  const buttonGroup = useButtonGroup();\n  const size = sizeProp ?? buttonGroup?.size ?? 'md';\n  const buttonDisabled =\n    isDisabled || buttonGroup?.isDisabled === true || isLoading;\n  const useAriaDisabled = tooltip != null && buttonDisabled;\n  const renderAsLink = href != null && !buttonDisabled;\n  const opensInNewTab = renderAsLink && target === '_blank';\n  const ariaLabel =\n    ariaLabelProp ??\n    getAriaLabel(\n      isIconOnly ||\n        isLoading ||\n        isReactNode(startContent) ||\n        isReactNode(endContent) ||\n        opensInNewTab\n        ? label\n        : undefined,\n      opensInNewTab,\n    );\n  const linkRel = useRel({target, rel});\n  const spinnerVariant =\n    variant === 'primary' || variant === 'destructive' || variant === 'onSolid'\n      ? 'onMedia'\n      : 'default';\n\n  const classes = buttonRecipe({variant, size, iconOnly: isIconOnly});\n\n  const ariaAttrs = {\n    'aria-controls': ariaControls,\n    'aria-current': ariaCurrent,\n    'aria-describedby': ariaDescribedby,\n    'aria-details': ariaDetails,\n    'aria-expanded': ariaExpanded,\n    'aria-haspopup': ariaHaspopup,\n    'aria-hidden': ariaHidden,\n    'aria-keyshortcuts': ariaKeyshortcuts,\n    'aria-labelledby': ariaLabelledby,\n    'aria-owns': ariaOwns,\n    'aria-pressed': ariaPressed,\n    'aria-roledescription': ariaRoledescription,\n  };\n\n  const handleButtonClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (buttonDisabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClick?.(event);\n  };\n\n  const handleLinkClick = (event: MouseEvent<HTMLAnchorElement>) => {\n    onClick?.(event);\n  };\n\n  const handleButtonKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    if (useAriaDisabled && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      return;\n    }\n\n    onKeyDown?.(event);\n  };\n\n  const handleLinkKeyDown = (event: KeyboardEvent<HTMLAnchorElement>) => {\n    onKeyDown?.(event);\n  };\n\n  const buttonContent = (\n    <>\n      <span aria-hidden={isLoading || undefined} className={classes.content}>\n        {icon != null ? (\n          <span aria-hidden=\"true\" className={classes.icon}>\n            {isIconOnly && isLoading ? (\n              <Spinner size={size} variant={spinnerVariant} />\n            ) : (\n              <Icon icon={icon} size={size} />\n            )}\n          </span>\n        ) : null}\n        {!isIconOnly && isReactNode(startContent) ? (\n          <span className={classes.startContent}>{startContent}</span>\n        ) : null}\n        {!isIconOnly ? <span className={classes.label}>{label}</span> : null}\n        {!isIconOnly && isReactNode(endContent) ? (\n          <span className={classes.endContent}>{endContent}</span>\n        ) : null}\n        {!isIconOnly && isLoading ? (\n          <span aria-hidden=\"true\" className={classes.loadingIndicator}>\n            <Spinner size={size} variant={spinnerVariant} />\n          </span>\n        ) : null}\n      </span>\n      <VisuallyHidden aria-live=\"polite\" role=\"status\">\n        {isLoading ? 'Loading' : ''}\n      </VisuallyHidden>\n    </>\n  );\n\n  const rootClassName = cx(classes.root, className);\n\n  const element = renderAsLink ? (\n    <LinkComponent\n      {...ariaAttrs}\n      aria-label={ariaLabel}\n      className={rootClassName}\n      data-testid={dataTestId}\n      href={href}\n      onClick={handleLinkClick}\n      onKeyDown={handleLinkKeyDown}\n      ref={ref as Ref<HTMLAnchorElement>}\n      rel={linkRel}\n      style={style}\n      target={target}\n      to={LinkComponent === 'a' ? undefined : href}>\n      {buttonContent}\n    </LinkComponent>\n  ) : (\n    <button\n      {...ariaAttrs}\n      aria-busy={isLoading || undefined}\n      aria-disabled={useAriaDisabled || undefined}\n      aria-label={ariaLabel}\n      className={rootClassName}\n      data-testid={dataTestId}\n      disabled={useAriaDisabled ? undefined : buttonDisabled}\n      form={form}\n      name={name}\n      onClick={handleButtonClick}\n      onKeyDown={handleButtonKeyDown}\n      ref={ref as Ref<HTMLButtonElement>}\n      style={style}\n      type={type}\n      value={value}>\n      {buttonContent}\n    </button>\n  );\n\n  if (tooltip != null) {\n    return <Tooltip content={tooltip}>{element}</Tooltip>;\n  }\n\n  return element;\n}\n\nButton.displayName = 'Button';\n"]}

package/dist/chunk-BS55BG2U.cjs

@@ -0,0 +1,164 @@
+'use strict';
+
+var chunkWMXIUOOU_cjs = require('./chunk-WMXIUOOU.cjs');
+var chunk5QPM5LUS_cjs = require('./chunk-5QPM5LUS.cjs');
+var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Progress/Progress.recipe.ts
+var progressRecipe = chunk5QPM5LUS_cjs.sva({
+  slots: ["container", "header", "label", "valueLabel", "track", "fill"],
+  base: {
+    container: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "1",
+      w: "full",
+      minW: "12"
+    },
+    header: {
+      display: "flex",
+      alignItems: "baseline",
+      justifyContent: "space-between",
+      gap: "2"
+    },
+    label: {
+      color: "fg",
+      fontFamily: "body",
+      fontSize: "sm",
+      fontWeight: "medium",
+      lineHeight: "normal"
+    },
+    valueLabel: {
+      color: "fg.muted",
+      fontFamily: "body",
+      fontSize: "sm",
+      lineHeight: "normal",
+      whiteSpace: "nowrap"
+    },
+    track: {
+      w: "full",
+      h: "2",
+      overflow: "hidden",
+      borderRadius: "full",
+      bg: "bg.hover"
+    },
+    fill: {
+      h: "full",
+      borderRadius: "full",
+      transitionProperty: "width",
+      transitionDuration: "normal",
+      transitionTimingFunction: "default",
+      "@media (prefers-reduced-motion: reduce)": {
+        transitionDuration: "0s"
+      }
+    }
+  },
+  variants: {
+    variant: {
+      error: { fill: { bg: "status.error.solid" } },
+      info: { fill: { bg: "status.info.solid" } },
+      neutral: { fill: { bg: "status.neutral.solid" } },
+      success: { fill: { bg: "status.success.solid" } },
+      warning: { fill: { bg: "status.warning.solid" } }
+    },
+    isDisabled: {
+      true: {
+        fill: { bg: "status.disabled.solid" },
+        label: { color: "fg.disabled" },
+        valueLabel: { color: "fg.disabled" }
+      }
+    },
+    isIndeterminate: {
+      true: {
+        fill: {
+          w: "40%",
+          animation: "pulse 1.5s ease-in-out infinite",
+          transitionProperty: "none",
+          transitionDuration: "0s",
+          "@media (prefers-reduced-motion: reduce)": {
+            animation: "pulse 3s ease-in-out infinite"
+          }
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "info",
+    isDisabled: false,
+    isIndeterminate: false
+  }
+});
+function defaultFormatValueLabel(value, max) {
+  if (max <= 0) {
+    return "0%";
+  }
+  return `${Math.round(value / max * 100)}%`;
+}
+function Progress({
+  className,
+  "data-testid": dataTestId,
+  formatValueLabel = defaultFormatValueLabel,
+  hasValueLabel = false,
+  isDisabled = false,
+  isIndeterminate = false,
+  isLabelHidden = false,
+  label,
+  max = 100,
+  ref,
+  role: roleProp = "progressbar",
+  style,
+  value = 0,
+  variant = "info"
+}) {
+  const labelId = react.useId();
+  if (process.env.NODE_ENV !== "production" && max <= 0) {
+    console.warn("Progress: `max` must be greater than 0.");
+  }
+  const clampedValue = Math.min(Math.max(0, value), max);
+  const percentage = max > 0 ? clampedValue / max * 100 : 0;
+  const valueText = formatValueLabel(clampedValue, max);
+  const showValueLabel = hasValueLabel && !isIndeterminate;
+  const classes = progressRecipe({ variant, isDisabled, isIndeterminate });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunkSPDVNY2Z_cjs.cx(classes.container, className),
+      "data-testid": dataTestId,
+      ref,
+      style,
+      children: [
+        !isLabelHidden || showValueLabel ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.header, children: [
+          isLabelHidden ? /* @__PURE__ */ jsxRuntime.jsx(chunkWMXIUOOU_cjs.VisuallyHidden, { id: labelId, children: label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.label, id: labelId, children: label }),
+          showValueLabel ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.valueLabel, children: valueText }) : null
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx(chunkWMXIUOOU_cjs.VisuallyHidden, { id: labelId, children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "aria-disabled": isDisabled || void 0,
+            "aria-labelledby": labelId,
+            "aria-valuemax": isIndeterminate ? void 0 : max,
+            "aria-valuemin": isIndeterminate ? void 0 : 0,
+            "aria-valuenow": isIndeterminate ? void 0 : clampedValue,
+            "aria-valuetext": isIndeterminate ? void 0 : valueText,
+            className: classes.track,
+            role: isIndeterminate ? "progressbar" : roleProp,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: classes.fill,
+                style: isIndeterminate ? void 0 : { width: `${percentage}%` }
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+Progress.displayName = "Progress";
+
+exports.Progress = Progress;
+//# sourceMappingURL=chunk-BS55BG2U.cjs.map
+//# sourceMappingURL=chunk-BS55BG2U.cjs.map

package/dist/chunk-BS55BG2U.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Progress/Progress.recipe.ts","../src/components/Progress/Progress.tsx"],"names":["sva","useId","jsxs","cx","jsx","VisuallyHidden"],"mappings":"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","file":"chunk-BS55BG2U.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const progressRecipe = sva({\n  slots: ['container', 'header', 'label', 'valueLabel', 'track', 'fill'],\n  base: {\n    container: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '1',\n      w: 'full',\n      minW: '12',\n    },\n    header: {\n      display: 'flex',\n      alignItems: 'baseline',\n      justifyContent: 'space-between',\n      gap: '2',\n    },\n    label: {\n      color: 'fg',\n      fontFamily: 'body',\n      fontSize: 'sm',\n      fontWeight: 'medium',\n      lineHeight: 'normal',\n    },\n    valueLabel: {\n      color: 'fg.muted',\n      fontFamily: 'body',\n      fontSize: 'sm',\n      lineHeight: 'normal',\n      whiteSpace: 'nowrap',\n    },\n    track: {\n      w: 'full',\n      h: '2',\n      overflow: 'hidden',\n      borderRadius: 'full',\n      bg: 'bg.hover',\n    },\n    fill: {\n      h: 'full',\n      borderRadius: 'full',\n      transitionProperty: 'width',\n      transitionDuration: 'normal',\n      transitionTimingFunction: 'default',\n      '@media (prefers-reduced-motion: reduce)': {\n        transitionDuration: '0s',\n      },\n    },\n  },\n  variants: {\n    variant: {\n      error: {fill: {bg: 'status.error.solid'}},\n      info: {fill: {bg: 'status.info.solid'}},\n      neutral: {fill: {bg: 'status.neutral.solid'}},\n      success: {fill: {bg: 'status.success.solid'}},\n      warning: {fill: {bg: 'status.warning.solid'}},\n    },\n    isDisabled: {\n      true: {\n        fill: {bg: 'status.disabled.solid'},\n        label: {color: 'fg.disabled'},\n        valueLabel: {color: 'fg.disabled'},\n      },\n    },\n    isIndeterminate: {\n      true: {\n        fill: {\n          w: '40%',\n          animation: 'pulse 1.5s ease-in-out infinite',\n          transitionProperty: 'none',\n          transitionDuration: '0s',\n          '@media (prefers-reduced-motion: reduce)': {\n            animation: 'pulse 3s ease-in-out infinite',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'info',\n    isDisabled: false,\n    isIndeterminate: false,\n  },\n});\n\nexport type ProgressVariants = RecipeVariantProps<typeof progressRecipe>;\n","import {useId, type CSSProperties, type Ref} from 'react';\nimport {VisuallyHidden} from '../../internal/VisuallyHidden';\nimport {cx} from '../../internal/cx';\nimport {progressRecipe} from './Progress.recipe';\n\nexport type ProgressVariant =\n  | 'error'\n  | 'info'\n  | 'neutral'\n  | 'success'\n  | 'warning';\n\nexport interface ProgressProps {\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   * Custom formatter for the value label and aria-valuetext.\n   */\n  formatValueLabel?: (value: number, max: number) => string;\n  /**\n   * Whether to display the formatted value beside the label.\n   * @default false\n   */\n  hasValueLabel?: boolean;\n  /**\n   * Whether the progress bar is visually disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to render an indeterminate loading indicator.\n   * @default false\n   */\n  isIndeterminate?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Accessible label for the progress bar.\n   */\n  label: string;\n  /**\n   * Maximum progress value.\n   * @default 100\n   */\n  max?: number;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * ARIA role for the progress indicator. Use 'progressbar' for task\n   * completion and 'meter' for static gauges.\n   * @default 'progressbar'\n   */\n  role?: 'meter' | 'progressbar';\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Current progress value.\n   * @default 0\n   */\n  value?: number;\n  /**\n   * Semantic color variant.\n   * @default 'info'\n   */\n  variant?: ProgressVariant;\n}\n\nfunction defaultFormatValueLabel(value: number, max: number): string {\n  if (max <= 0) {\n    return '0%';\n  }\n  return `${Math.round((value / max) * 100)}%`;\n}\n\n/**\n * A progress bar that communicates determinate or indeterminate loading state.\n */\nexport function Progress({\n  className,\n  'data-testid': dataTestId,\n  formatValueLabel = defaultFormatValueLabel,\n  hasValueLabel = false,\n  isDisabled = false,\n  isIndeterminate = false,\n  isLabelHidden = false,\n  label,\n  max = 100,\n  ref,\n  role: roleProp = 'progressbar',\n  style,\n  value = 0,\n  variant = 'info',\n}: ProgressProps): React.JSX.Element {\n  const labelId = useId();\n\n  if (process.env.NODE_ENV !== 'production' && max <= 0) {\n    console.warn('Progress: `max` must be greater than 0.');\n  }\n\n  const clampedValue = Math.min(Math.max(0, value), max);\n  const percentage = max > 0 ? (clampedValue / max) * 100 : 0;\n  const valueText = formatValueLabel(clampedValue, max);\n  const showValueLabel = hasValueLabel && !isIndeterminate;\n  const classes = progressRecipe({variant, isDisabled, isIndeterminate});\n\n  return (\n    <div\n      className={cx(classes.container, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {!isLabelHidden || showValueLabel ? (\n        <div className={classes.header}>\n          {isLabelHidden ? (\n            <VisuallyHidden id={labelId}>{label}</VisuallyHidden>\n          ) : (\n            <span className={classes.label} id={labelId}>\n              {label}\n            </span>\n          )}\n          {showValueLabel ? (\n            <span className={classes.valueLabel}>{valueText}</span>\n          ) : null}\n        </div>\n      ) : (\n        <VisuallyHidden id={labelId}>{label}</VisuallyHidden>\n      )}\n\n      <div\n        aria-disabled={isDisabled || undefined}\n        aria-labelledby={labelId}\n        aria-valuemax={isIndeterminate ? undefined : max}\n        aria-valuemin={isIndeterminate ? undefined : 0}\n        aria-valuenow={isIndeterminate ? undefined : clampedValue}\n        aria-valuetext={isIndeterminate ? undefined : valueText}\n        className={classes.track}\n        role={isIndeterminate ? 'progressbar' : roleProp}>\n        <div\n          className={classes.fill}\n          style={isIndeterminate ? undefined : {width: `${percentage}%`}}\n        />\n      </div>\n    </div>\n  );\n}\n\nProgress.displayName = 'Progress';\n"]}

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

@@ -1,9 +1,9 @@
 'use strict';
 
 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 chunkOSBVDRVD_cjs = require('./chunk-OSBVDRVD.cjs');
+var chunkBRB52QFV_cjs = require('./chunk-BRB52QFV.cjs');
+var chunkQEFE4QBL_cjs = require('./chunk-QEFE4QBL.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -54,14 +54,14 @@ function AlertDialog({
       style,
       width,
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkDSNJDFO3_cjs.Layout,
+        chunkOSBVDRVD_cjs.Layout,
         {
-          content: /* @__PURE__ */ jsxRuntime.jsx(chunkDSNJDFO3_cjs.LayoutContent, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkJMNH45Q3_cjs.Text, { as: "p", color: "secondary", children: description }) }),
+          content: /* @__PURE__ */ jsxRuntime.jsx(chunkOSBVDRVD_cjs.LayoutContent, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkQEFE4QBL_cjs.Text, { as: "p", color: "secondary", children: description }) }),
           footer: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkDSNJDFO3_cjs.LayoutFooter,
+            chunkOSBVDRVD_cjs.LayoutFooter,
             {
               primaryButton: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkYBPG5RPR_cjs.Button,
+                chunkBRB52QFV_cjs.Button,
                 {
                   isLoading: isActionLoading,
                   label: actionLabel,
@@ -70,7 +70,7 @@ function AlertDialog({
                 }
               ),
               secondaryButton: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkYBPG5RPR_cjs.Button,
+                chunkBRB52QFV_cjs.Button,
                 {
                   label: cancelLabel,
                   onClick: () => onOpenChange(false),
@@ -80,7 +80,7 @@ function AlertDialog({
             }
           ),
           hasDividers: true,
-          header: /* @__PURE__ */ jsxRuntime.jsx(chunkDSNJDFO3_cjs.LayoutHeader, { title })
+          header: /* @__PURE__ */ jsxRuntime.jsx(chunkOSBVDRVD_cjs.LayoutHeader, { title })
         }
       )
     }
@@ -104,5 +104,5 @@ function useAlertDialog() {
 
 exports.AlertDialog = AlertDialog;
 exports.useAlertDialog = useAlertDialog;
-//# sourceMappingURL=chunk-PLXUM7U6.cjs.map
-//# sourceMappingURL=chunk-PLXUM7U6.cjs.map
+//# sourceMappingURL=chunk-CEU7BIL6.cjs.map
+//# sourceMappingURL=chunk-CEU7BIL6.cjs.map

package/dist/{chunk-PLXUM7U6.cjs.map → chunk-CEU7BIL6.cjs.map}

@@ -1 +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"]}
+{"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-CEU7BIL6.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"]}