silver-ui 0.1.1 → 0.2.0

package/dist/chunk-S54CKWKV.js

@@ -0,0 +1,107 @@
+import { Text } from './chunk-J2FCNWYM.js';
+import { sva } from './chunk-EHCAF6D3.js';
+import { cx } from './chunk-PPNETWIP.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/Spinner/Spinner.recipe.ts
+var spinnerRecipe = sva({
+  slots: ["root", "visual"],
+  base: {
+    root: {
+      "--spinner-size": "var(--silver-sizes-icon-md)",
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      verticalAlign: "middle",
+      color: "primary",
+      w: "var(--spinner-size)",
+      h: "var(--spinner-size)"
+    },
+    visual: {
+      display: "block",
+      w: "var(--spinner-size)",
+      h: "var(--spinner-size)",
+      flexShrink: 0,
+      aspectRatio: "square",
+      borderRadius: "full",
+      borderWidth: "emphasized",
+      borderStyle: "solid",
+      borderColor: "currentColor",
+      borderTopColor: "transparent",
+      animation: "spin 0.8s linear infinite",
+      "@media (prefers-reduced-motion: reduce)": {
+        animation: "none"
+      }
+    }
+  },
+  variants: {
+    size: {
+      sm: {
+        root: { "--spinner-size": "var(--silver-sizes-icon-sm)" }
+      },
+      md: {
+        root: { "--spinner-size": "var(--silver-sizes-icon-md)" }
+      },
+      lg: {
+        root: { "--spinner-size": "var(--silver-sizes-icon-lg)" }
+      },
+      xl: {
+        root: { "--spinner-size": "2.25rem" }
+      }
+    },
+    variant: {
+      default: { root: { color: "primary" } },
+      onMedia: { root: { color: "fg.onPrimary" } }
+    },
+    hasLabel: {
+      true: {
+        root: {
+          flexDirection: "column",
+          gap: "2",
+          w: "auto",
+          h: "auto"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "default",
+    hasLabel: false
+  }
+});
+function Spinner({
+  size,
+  variant,
+  label,
+  className,
+  "data-testid": dataTestId,
+  style,
+  ref,
+  "aria-label": ariaLabelFromProps
+}) {
+  const hasLabel = typeof label === "string" && label !== "";
+  const ariaLabel = ariaLabelFromProps != null && ariaLabelFromProps !== "" ? ariaLabelFromProps : hasLabel ? label : "Loading";
+  const labelColor = variant === "onMedia" ? "inherit" : void 0;
+  const classes = spinnerRecipe({ size, variant, hasLabel });
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "aria-label": ariaLabel,
+      className: cx(classes.root, className),
+      "data-testid": dataTestId,
+      ref,
+      role: "status",
+      style,
+      children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: classes.visual }),
+        hasLabel ? /* @__PURE__ */ jsx(Text, { as: "span", color: labelColor, type: "label", children: label }) : null
+      ]
+    }
+  );
+}
+Spinner.displayName = "Spinner";
+
+export { Spinner };
+//# sourceMappingURL=chunk-S54CKWKV.js.map
+//# sourceMappingURL=chunk-S54CKWKV.js.map

package/dist/chunk-S54CKWKV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Spinner/Spinner.recipe.ts","../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"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","file":"chunk-S54CKWKV.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const spinnerRecipe = sva({\n  slots: ['root', 'visual'],\n  base: {\n    root: {\n      '--spinner-size': 'var(--silver-sizes-icon-md)',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      verticalAlign: 'middle',\n      color: 'primary',\n      w: 'var(--spinner-size)',\n      h: 'var(--spinner-size)',\n    },\n    visual: {\n      display: 'block',\n      w: 'var(--spinner-size)',\n      h: 'var(--spinner-size)',\n      flexShrink: 0,\n      aspectRatio: 'square',\n      borderRadius: 'full',\n      borderWidth: 'emphasized',\n      borderStyle: 'solid',\n      borderColor: 'currentColor',\n      borderTopColor: 'transparent',\n      animation: 'spin 0.8s linear infinite',\n      '@media (prefers-reduced-motion: reduce)': {\n        animation: 'none',\n      },\n    },\n  },\n  variants: {\n    size: {\n      sm: {\n        root: {'--spinner-size': 'var(--silver-sizes-icon-sm)'},\n      },\n      md: {\n        root: {'--spinner-size': 'var(--silver-sizes-icon-md)'},\n      },\n      lg: {\n        root: {'--spinner-size': 'var(--silver-sizes-icon-lg)'},\n      },\n      xl: {\n        root: {'--spinner-size': '2.25rem'},\n      },\n    },\n    variant: {\n      default: {root: {color: 'primary'}},\n      onMedia: {root: {color: 'fg.onPrimary'}},\n    },\n    hasLabel: {\n      true: {\n        root: {\n          flexDirection: 'column',\n          gap: '2',\n          w: 'auto',\n          h: 'auto',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    variant: 'default',\n    hasLabel: false,\n  },\n});\n\nexport type SpinnerVariants = RecipeVariantProps<typeof spinnerRecipe>;\n","import type {CSSProperties, Ref} from 'react';\nimport {cx} from '../../internal/cx';\nimport {Text} from '../Text';\nimport {spinnerRecipe, type SpinnerVariants} from './Spinner.recipe';\n\ntype SpinnerSize = NonNullable<SpinnerVariants>['size'];\ntype SpinnerVariant = NonNullable<SpinnerVariants>['variant'];\n\nexport interface SpinnerProps {\n  /**\n   * Accessible label for the loading status. Defaults to a string label when\n   * provided, otherwise \"Loading\".\n   */\n  'aria-label'?: string;\n  /**\n   * Optionally adjust rendering by setting the className.\n   */\n  className?: string;\n  /**\n   * Test id applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Optional visible label shown below the spinner.\n   */\n  label?: string;\n  /**\n   * Ref forwarded to the root span element.\n   */\n  ref?: Ref<HTMLSpanElement>;\n  /**\n   * Visual size of the spinner. Matches Button size names. Default is `md`.\n   */\n  size?: SpinnerSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Visual style variant for the spinner. Default is `default`.\n   */\n  variant?: SpinnerVariant;\n}\n\n/**\n * A compact loading indicator for pending or indeterminate work.\n *\n * Spinner renders with `role=\"status\"` and an accessible name so assistive\n * technologies can announce loading state without exposing the decorative visual.\n */\nexport function Spinner({\n  size,\n  variant,\n  label,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n  'aria-label': ariaLabelFromProps,\n}: SpinnerProps): React.JSX.Element {\n  const hasLabel = typeof label === 'string' && label !== '';\n  const ariaLabel =\n    ariaLabelFromProps != null && ariaLabelFromProps !== ''\n      ? ariaLabelFromProps\n      : hasLabel\n        ? label\n        : 'Loading';\n  const labelColor = variant === 'onMedia' ? 'inherit' : undefined;\n  const classes = spinnerRecipe({size, variant, hasLabel});\n\n  return (\n    <span\n      aria-label={ariaLabel}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"status\"\n      style={style}>\n      <span aria-hidden=\"true\" className={classes.visual} />\n      {hasLabel ? (\n        <Text as=\"span\" color={labelColor} type=\"label\">\n          {label}\n        </Text>\n      ) : null}\n    </span>\n  );\n}\n\nSpinner.displayName = 'Spinner';\n"]}

package/dist/{chunk-WIW2YR46.js → chunk-SA3LUT6E.js}

@@ -1,9 +1,9 @@
-import { Dialog } from './chunk-MCOVG6W6.js';
-import { Layout, LayoutHeader, LayoutFooter, LayoutContent } from './chunk-D6KXW75E.js';
-import { Button } from './chunk-VLIQPSPM.js';
-import { Text } from './chunk-PZO5MZ46.js';
+import { Dialog } from './chunk-P3SMNZCT.js';
+import { Layout, LayoutHeader, LayoutFooter, LayoutContent } from './chunk-PTZAJW3J.js';
+import { Button } from './chunk-RRNT32KY.js';
+import { Text } from './chunk-J2FCNWYM.js';
+import { useRef, useEffect, useCallback, useState } from 'react';
 import { jsx } from 'react/jsx-runtime';
-import { useState, useCallback, useMemo } from 'react';
 
 function AlertDialog({
   actionLabel,
@@ -21,6 +21,24 @@ function AlertDialog({
   title,
   width = 400
 }) {
+  const actionFiredRef = useRef(false);
+  useEffect(() => {
+    if (!isActionLoading) {
+      actionFiredRef.current = false;
+    }
+  }, [isActionLoading]);
+  useEffect(() => {
+    if (!isOpen) {
+      actionFiredRef.current = false;
+    }
+  }, [isOpen]);
+  const handleAction = useCallback(() => {
+    if (actionFiredRef.current) {
+      return;
+    }
+    actionFiredRef.current = true;
+    onAction();
+  }, [onAction]);
   return /* @__PURE__ */ jsx(
     Dialog,
     {
@@ -28,7 +46,6 @@ function AlertDialog({
       "data-testid": dataTestId,
       dismissBehavior: false,
       isOpen,
-      label: title,
       onOpenChange,
       ref,
       role: "alertdialog",
@@ -46,7 +63,7 @@ function AlertDialog({
                 {
                   isLoading: isActionLoading,
                   label: actionLabel,
-                  onClick: onAction,
+                  onClick: handleAction,
                   variant: actionVariant
                 }
               ),
@@ -75,14 +92,14 @@ function useAlertDialog() {
     setOptions(nextOptions);
     setIsOpen(true);
   }, []);
-  const hide = useCallback(() => setIsOpen(false), []);
-  const element = useMemo(
-    () => options == null ? null : /* @__PURE__ */ jsx(AlertDialog, { ...options, isOpen, onOpenChange: setIsOpen }),
-    [isOpen, options]
-  );
+  const hide = useCallback(() => {
+    setIsOpen(false);
+    setOptions(null);
+  }, []);
+  const element = options == null ? null : /* @__PURE__ */ jsx(AlertDialog, { ...options, isOpen, onOpenChange: setIsOpen });
   return { element, hide, isOpen, show };
 }
 
 export { AlertDialog, useAlertDialog };
-//# sourceMappingURL=chunk-WIW2YR46.js.map
-//# sourceMappingURL=chunk-WIW2YR46.js.map
+//# sourceMappingURL=chunk-SA3LUT6E.js.map
+//# sourceMappingURL=chunk-SA3LUT6E.js.map

package/dist/chunk-SA3LUT6E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AlertDialog/AlertDialog.tsx","../src/components/AlertDialog/useAlertDialog.tsx"],"names":["useCallback","jsx"],"mappings":"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","file":"chunk-SA3LUT6E.js","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"]}

package/dist/{chunk-2FUG6NKO.js → chunk-SSOHJEHS.js}

@@ -1,10 +1,10 @@
-import { Link } from './chunk-WA4DRAQ7.js';
-import { VisuallyHidden } from './chunk-V5W7NZN5.js';
-import { Tooltip } from './chunk-EB5EHX6I.js';
-import { Icon } from './chunk-4W7L63LH.js';
-import { cva } from './chunk-NAELQLZN.js';
+import { Link } from './chunk-2IKWX66Q.js';
+import { VisuallyHidden } from './chunk-EXYBQVZT.js';
+import { Tooltip } from './chunk-EMHLPPQZ.js';
+import { Icon } from './chunk-7T3SWOY7.js';
+import { cva } from './chunk-FMEIPGUP.js';
 import { cx } from './chunk-PPNETWIP.js';
-import { css } from './chunk-UHQRL4OA.js';
+import { css } from './chunk-OD4DHHZH.js';
 import { X } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
@@ -385,6 +385,6 @@ function Tag({
 }
 Tag.displayName = "Tag";
 
-export { Tag, tagRecipe };
-//# sourceMappingURL=chunk-2FUG6NKO.js.map
-//# sourceMappingURL=chunk-2FUG6NKO.js.map
+export { Tag };
+//# sourceMappingURL=chunk-SSOHJEHS.js.map
+//# sourceMappingURL=chunk-SSOHJEHS.js.map

package/dist/chunk-SSOHJEHS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tag/Tag.recipe.ts","../src/components/Tag/Tag.tsx"],"names":[],"mappings":"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","file":"chunk-SSOHJEHS.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const tagRecipe = cva({\n  base: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '1',\n    maxW: 'full',\n    overflow: 'hidden',\n    borderWidth: 0,\n    borderRadius: 'sm',\n    fontFamily: 'body',\n    fontWeight: 'medium',\n    lineHeight: 'normal',\n    textDecoration: 'none',\n    whiteSpace: 'nowrap',\n    verticalAlign: 'middle',\n    _hover: {\n      textDecoration: 'none',\n    },\n  },\n  variants: {\n    size: {\n      sm: {\n        minH: '6',\n        px: '2',\n        fontSize: 'sm',\n      },\n      md: {\n        minH: '8',\n        px: '2',\n        fontSize: 'sm',\n      },\n      lg: {\n        minH: '10',\n        px: '2.5',\n        fontSize: 'md',\n      },\n    },\n    color: {\n      default: {\n        bg: 'surface.gray',\n        color: 'surface.gray.fg',\n        _hover: {bg: 'surface.gray.hover'},\n      },\n      red: {\n        bg: 'surface.red',\n        color: 'surface.red.fg',\n        _hover: {bg: 'surface.red.hover'},\n      },\n      orange: {\n        bg: 'surface.orange',\n        color: 'surface.orange.fg',\n        _hover: {bg: 'surface.orange.hover'},\n      },\n      yellow: {\n        bg: 'surface.yellow',\n        color: 'surface.yellow.fg',\n        _hover: {bg: 'surface.yellow.hover'},\n      },\n      green: {\n        bg: 'surface.green',\n        color: 'surface.green.fg',\n        _hover: {bg: 'surface.green.hover'},\n      },\n      teal: {\n        bg: 'surface.teal',\n        color: 'surface.teal.fg',\n        _hover: {bg: 'surface.teal.hover'},\n      },\n      cyan: {\n        bg: 'surface.cyan',\n        color: 'surface.cyan.fg',\n        _hover: {bg: 'surface.cyan.hover'},\n      },\n      blue: {\n        bg: 'surface.blue',\n        color: 'surface.blue.fg',\n        _hover: {bg: 'surface.blue.hover'},\n      },\n      purple: {\n        bg: 'surface.purple',\n        color: 'surface.purple.fg',\n        _hover: {bg: 'surface.purple.hover'},\n      },\n      pink: {\n        bg: 'surface.pink',\n        color: 'surface.pink.fg',\n        _hover: {bg: 'surface.pink.hover'},\n      },\n      gray: {\n        bg: 'surface.gray',\n        color: 'surface.gray.fg',\n        _hover: {bg: 'surface.gray.hover'},\n      },\n    },\n    isInteractive: {\n      true: {\n        cursor: 'pointer',\n        _focusVisible: {\n          outlineWidth: 'focus',\n          outlineStyle: 'solid',\n          outlineColor: 'primary',\n          outlineOffset: 'focusOffset',\n        },\n      },\n      false: {},\n    },\n    isDisabled: {\n      true: {\n        opacity: 0.55,\n        cursor: 'not-allowed',\n        pointerEvents: 'none',\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    color: 'default',\n    isInteractive: false,\n    isDisabled: false,\n  },\n});\n\nexport type TagVariants = RecipeVariantProps<typeof tagRecipe>;\n","import {X} from 'lucide-react';\nimport type {\n  CSSProperties,\n  MouseEvent,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {VisuallyHidden} from '../../internal/VisuallyHidden';\nimport {cx} from '../../internal/cx';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Link} from '../Link';\nimport {Tooltip} from '../Tooltip';\nimport {tagRecipe} from './Tag.recipe';\n\nexport type TagColor =\n  | 'default'\n  | 'red'\n  | 'orange'\n  | 'yellow'\n  | 'green'\n  | 'teal'\n  | 'cyan'\n  | 'blue'\n  | 'purple'\n  | 'pink'\n  | 'gray';\n\nexport type TagSize = 'sm' | 'md' | 'lg';\n\nexport interface TagProps {\n  /**\n   * Additional CSS class names applied to the tag.\n   */\n  className?: string;\n  /**\n   * Visual color.\n   * @default 'default'\n   */\n  color?: TagColor;\n  /**\n   * Test ID applied to the tag root.\n   */\n  'data-testid'?: string;\n  /**\n   * Accessible description for the tag.\n   */\n  description?: string;\n  /**\n   * Content rendered after the label and before the remove button.\n   */\n  endContent?: ReactNode;\n  /**\n   * Link destination. When provided, the tag renders as a link.\n   */\n  href?: string;\n  /**\n   * Icon rendered before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether the tag is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label while keeping it available to screen readers.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Tag text.\n   */\n  label: string;\n  /**\n   * Click handler.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n  /**\n   * Called when the remove button is clicked. When provided, a remove button is shown.\n   */\n  onRemove?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Ref forwarded to the tag root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Visual size.\n   * @default 'md'\n   */\n  size?: TagSize;\n  /**\n   * Content rendered before the icon and label.\n   */\n  startContent?: ReactNode;\n  /**\n   * Inline styles applied to the tag.\n   */\n  style?: CSSProperties;\n  /**\n   * Tooltip text shown on hover.\n   */\n  tooltip?: string;\n}\n\nconst styles = {\n  buttonReset: css({\n    p: 0,\n    borderWidth: 0,\n    font: 'inherit',\n    color: 'inherit',\n    bg: 'transparent',\n    cursor: 'pointer',\n  }),\n  bodyButton: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: 'inherit',\n    p: 0,\n    borderWidth: 0,\n    font: 'inherit',\n    color: 'inherit',\n    bg: 'transparent',\n    cursor: 'pointer',\n    minW: 0,\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n  }),\n  label: css({\n    minW: 0,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  }),\n  removeButton: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n    p: 0,\n    borderWidth: 0,\n    borderRadius: 'full',\n    bg: 'transparent',\n    color: 'inherit',\n    cursor: 'pointer',\n    _hover: {\n      opacity: 0.7,\n    },\n    _active: {\n      opacity: 0.5,\n    },\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n  }),\n} as const;\n\nfunction TagContent({\n  endContent,\n  icon,\n  isLabelHidden,\n  label,\n  onRemove,\n  isDisabled,\n  size = 'md',\n  startContent,\n}: Pick<\n  TagProps,\n  | 'endContent'\n  | 'icon'\n  | 'isDisabled'\n  | 'isLabelHidden'\n  | 'label'\n  | 'size'\n  | 'startContent'\n> & {\n  onRemove?: (event: MouseEvent<HTMLButtonElement>) => void;\n}): React.JSX.Element {\n  return (\n    <>\n      {startContent}\n      {icon != null ? (\n        <Icon aria-hidden=\"true\" color=\"inherit\" icon={icon} size={size} />\n      ) : null}\n      {isLabelHidden === true ? (\n        <VisuallyHidden>{label}</VisuallyHidden>\n      ) : (\n        <span className={styles.label}>{label}</span>\n      )}\n      {endContent}\n      {onRemove != null ? (\n        <button\n          aria-label={`Remove ${label}`}\n          className={styles.removeButton}\n          disabled={isDisabled}\n          onClick={event => {\n            event.stopPropagation();\n            onRemove(event);\n          }}\n          type=\"button\">\n          <Icon icon={X} size=\"sm\" />\n        </button>\n      ) : null}\n    </>\n  );\n}\n\n/**\n * Compact chip for displaying selected values, filters, tags, or removable entities.\n */\nexport function Tag({\n  className,\n  color = 'default',\n  'data-testid': dataTestId,\n  description,\n  endContent,\n  href,\n  icon,\n  isDisabled = false,\n  isLabelHidden = false,\n  label,\n  onClick,\n  onRemove,\n  ref,\n  size = 'md',\n  startContent,\n  style,\n  tooltip,\n}: TagProps): React.JSX.Element {\n  const isInteractive = href != null || onClick != null;\n  const classNames = cx(\n    tagRecipe({size, color, isInteractive, isDisabled}),\n    href == null && onClick != null && onRemove == null\n      ? styles.buttonReset\n      : undefined,\n    className,\n  );\n  const sharedProps = {\n    'aria-description': description,\n    className: classNames,\n    'data-testid': dataTestId,\n    style,\n  };\n\n  let element: React.JSX.Element;\n\n  if (href != null && onRemove != null) {\n    element = (\n      <span {...sharedProps} ref={ref}>\n        <Link\n          className={styles.bodyButton}\n          color=\"inherit\"\n          href={href}\n          isDisabled={isDisabled}\n          onClick={onClick}>\n          {startContent}\n          {icon != null ? (\n            <Icon aria-hidden=\"true\" color=\"inherit\" icon={icon} size={size} />\n          ) : null}\n          {isLabelHidden ? (\n            <VisuallyHidden>{label}</VisuallyHidden>\n          ) : (\n            <span className={styles.label}>{label}</span>\n          )}\n          {endContent}\n        </Link>\n        <button\n          aria-label={`Remove ${label}`}\n          className={styles.removeButton}\n          disabled={isDisabled}\n          onClick={event => {\n            event.stopPropagation();\n            onRemove(event);\n          }}\n          type=\"button\">\n          <Icon icon={X} size=\"sm\" />\n        </button>\n      </span>\n    );\n  } else if (href != null) {\n    element = (\n      <Link\n        {...sharedProps}\n        color=\"inherit\"\n        href={href}\n        isDisabled={isDisabled}\n        onClick={onClick}\n        ref={ref as Ref<HTMLAnchorElement>}>\n        <TagContent\n          endContent={endContent}\n          icon={icon}\n          isDisabled={isDisabled}\n          isLabelHidden={isLabelHidden}\n          label={label}\n          size={size}\n          startContent={startContent}\n        />\n      </Link>\n    );\n  } else if (onClick != null && onRemove != null) {\n    element = (\n      <span {...sharedProps} ref={ref}>\n        <button\n          className={styles.bodyButton}\n          disabled={isDisabled}\n          onClick={onClick}\n          type=\"button\">\n          {startContent}\n          {icon != null ? (\n            <Icon aria-hidden=\"true\" color=\"inherit\" icon={icon} size={size} />\n          ) : null}\n          {isLabelHidden ? (\n            <VisuallyHidden>{label}</VisuallyHidden>\n          ) : (\n            <span className={styles.label}>{label}</span>\n          )}\n          {endContent}\n        </button>\n        <button\n          aria-label={`Remove ${label}`}\n          className={styles.removeButton}\n          disabled={isDisabled}\n          onClick={event => {\n            event.stopPropagation();\n            onRemove(event);\n          }}\n          type=\"button\">\n          <Icon icon={X} size=\"sm\" />\n        </button>\n      </span>\n    );\n  } else if (onClick != null) {\n    element = (\n      <button\n        {...sharedProps}\n        disabled={isDisabled}\n        onClick={onClick}\n        ref={ref as Ref<HTMLButtonElement>}\n        type=\"button\">\n        <TagContent\n          endContent={endContent}\n          icon={icon}\n          isDisabled={isDisabled}\n          isLabelHidden={isLabelHidden}\n          label={label}\n          size={size}\n          startContent={startContent}\n        />\n      </button>\n    );\n  } else {\n    element = (\n      <span {...sharedProps} ref={ref}>\n        <TagContent\n          endContent={endContent}\n          icon={icon}\n          isDisabled={isDisabled}\n          isLabelHidden={isLabelHidden}\n          label={label}\n          onRemove={onRemove}\n          size={size}\n          startContent={startContent}\n        />\n      </span>\n    );\n  }\n\n  if (tooltip != null) {\n    return <Tooltip content={tooltip}>{element}</Tooltip>;\n  }\n\n  return element;\n}\n\nTag.displayName = 'Tag';\n"]}

package/dist/{chunk-3PSQDJQH.js → chunk-STSR3FAC.js}

@@ -1,10 +1,12 @@
-import { useInputGroup } from './chunk-YHR44PWO.js';
-import { inputStyles, inputRecipe, Field } from './chunk-NGWNIMMX.js';
-import { getStatusMessageID, getDescribedBy, getStatusIcon } from './chunk-3L3M7SJ3.js';
-import { Spinner } from './chunk-RGPL6EDK.js';
-import { Icon } from './chunk-4W7L63LH.js';
+import { useInputGroup } from './chunk-4M2KCZMO.js';
+import { inputStyles, inputRecipe } from './chunk-3M23WX6K.js';
+import { getNecessity, Field } from './chunk-K6CQ45C2.js';
+import { getStatusMessageID, getDescribedBy, getStatusIcon } from './chunk-WOIWI2UO.js';
+import { Button } from './chunk-RRNT32KY.js';
+import { Spinner } from './chunk-S54CKWKV.js';
+import { Icon } from './chunk-7T3SWOY7.js';
 import { cx } from './chunk-PPNETWIP.js';
-import { css } from './chunk-UHQRL4OA.js';
+import { css } from './chunk-OD4DHHZH.js';
 import { X } from 'lucide-react';
 import { useId, useState, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -87,7 +89,7 @@ function NumberInput({
     return value == null ? "" : String(value);
   }, [pendingInput, value]);
   const isInputValid = pendingInput == null || pendingInput.trim() === "" || parseNumberInput(pendingInput, { min, max, isIntegerOnly }) != null;
-  const necessity = { isOptional, isRequired };
+  const necessity = getNecessity(isOptional, isRequired);
   const inputWrapper = /* @__PURE__ */ jsxs(
     "div",
     {
@@ -163,13 +165,14 @@ function NumberInput({
         ),
         units != null ? /* @__PURE__ */ jsx("span", { className: styles.units, children: units }) : null,
         hasClear === true && value != null && !effectiveDisabled ? /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
-            "aria-label": `Clear ${label}`,
-            className: inputStyles.clearButton,
+            icon: X,
+            isIconOnly: true,
+            label: `Clear ${label}`,
             onClick: () => onChange(null),
-            type: "button",
-            children: /* @__PURE__ */ jsx(Icon, { icon: X, size: "sm" })
+            size: "sm",
+            variant: "ghost"
           }
         ) : null,
         endContent,
@@ -203,5 +206,5 @@ function NumberInput({
 NumberInput.displayName = "NumberInput";
 
 export { NumberInput };
-//# sourceMappingURL=chunk-3PSQDJQH.js.map
-//# sourceMappingURL=chunk-3PSQDJQH.js.map
+//# sourceMappingURL=chunk-STSR3FAC.js.map
+//# sourceMappingURL=chunk-STSR3FAC.js.map

package/dist/chunk-STSR3FAC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"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","file":"chunk-STSR3FAC.js","sourcesContent":["import {X} from 'lucide-react';\nimport {\n  useId,\n  useMemo,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {Button} from '../Button';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from '../Field';\nimport {inputRecipe, inputStyles} from '../Field/inputStyles';\nimport {\n  getDescribedBy,\n  getStatusIcon,\n  getStatusMessageID,\n} from '../Field/inputUtils';\nimport {Icon, type IconComponent} from '../Icon';\nimport {useInputGroup} from '../InputGroup';\nimport {Spinner} from '../Spinner';\n\ntype NumberInputBaseProps = {\n  /**\n   * HTML autocomplete attribute value.\n   */\n  autoComplete?: string;\n  /**\n   * Additional CSS class names applied to the input wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the input element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Content rendered after the input, before the status icon.\n   */\n  endContent?: ReactNode;\n  /**\n   * Whether to focus the input on mount.\n   * @default false\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * HTML name attribute.\n   */\n  htmlName?: string;\n  /**\n   * Whether the input is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to restrict input to integer values only.\n   * @default false\n   */\n  isIntegerOnly?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Whether the input is in a loading state.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Field label.\n   */\n  label: string;\n  /**\n   * Icon rendered beside the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Maximum allowed value.\n   */\n  max?: number | null;\n  /**\n   * Minimum allowed value.\n   */\n  min?: number | null;\n  /**\n   * Called when the input loses focus.\n   */\n  onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\n  /**\n   * Called when Enter is pressed.\n   */\n  onEnter?: () => void;\n  /**\n   * Called when the input receives focus.\n   */\n  onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\n  /**\n   * Keyboard event handler for the input.\n   */\n  onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;\n  /**\n   * Placeholder text.\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Visual size.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Icon shown before the input.\n   */\n  startIcon?: IconComponent;\n  /**\n   * Validation status displayed below the input.\n   */\n  status?: InputStatus;\n  /**\n   * Step increment for the number input.\n   */\n  step?: number | null;\n  /**\n   * Inline styles applied to the input wrapper.\n   */\n  style?: CSSProperties;\n  /**\n   * Unit label displayed after the input value.\n   */\n  units?: string | null;\n  /**\n   * Controlled numeric value.\n   */\n  value: number | null;\n} & FieldNecessity;\n\ntype NumberInputNonClearableProps = NumberInputBaseProps & {\n  /**\n   * Whether to show a clear button.\n   */\n  hasClear?: false;\n  /**\n   * Called when the numeric value changes.\n   */\n  onChange: (value: number) => void;\n};\n\ntype NumberInputClearableProps = NumberInputBaseProps & {\n  /**\n   * Whether to show a clear button.\n   */\n  hasClear: true;\n  /**\n   * Called when the numeric value changes or is cleared.\n   */\n  onChange: (value: number | null) => void;\n};\n\nexport type NumberInputProps =\n  | NumberInputClearableProps\n  | NumberInputNonClearableProps;\n\nconst styles = {\n  units: css({\n    color: 'fg.muted',\n    fontFamily: 'body',\n    fontSize: 'sm',\n  }),\n} as const;\n\nfunction parseNumberInput(\n  input: string,\n  options: {isIntegerOnly: boolean; max?: number | null; min?: number | null},\n): number | null {\n  const trimmed = input.trim();\n  if (trimmed === '' || trimmed === '-') {\n    return null;\n  }\n  const number = Number(trimmed);\n  if (!Number.isFinite(number)) {\n    return null;\n  }\n  if (options.isIntegerOnly && !Number.isInteger(number)) {\n    return null;\n  }\n  if (options.min != null && number < options.min) {\n    return null;\n  }\n  if (options.max != null && number > options.max) {\n    return null;\n  }\n  return number;\n}\n\n/**\n * Numeric input field with optional min/max bounds and step control.\n */\nexport function NumberInput({\n  label,\n  value,\n  onChange,\n  size: sizeProp = 'md',\n  description,\n  endContent,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isIntegerOnly = false,\n  isLoading = false,\n  hasClear,\n  hasAutoFocus = false,\n  htmlName,\n  autoComplete,\n  min,\n  max,\n  step,\n  units,\n  status,\n  labelIcon,\n  labelTooltip,\n  startIcon,\n  placeholder,\n  onFocus,\n  onBlur,\n  onEnter,\n  onKeyDown,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: NumberInputProps): React.JSX.Element {\n  const inputId = useId();\n  const descriptionID =\n    description != null ? `${inputId}-description` : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const inputGroup = useInputGroup();\n  const effectiveDisabled = isDisabled || inputGroup?.isDisabled === true;\n  const size = inputGroup?.size ?? sizeProp;\n  const effectiveStatusType = status?.type ?? inputGroup?.statusType;\n  const [pendingInput, setPendingInput] = useState<string | null>(null);\n  const displayValue = useMemo(() => {\n    if (pendingInput != null) {\n      return pendingInput;\n    }\n    return value == null ? '' : String(value);\n  }, [pendingInput, value]);\n  const isInputValid =\n    pendingInput == null ||\n    pendingInput.trim() === '' ||\n    parseNumberInput(pendingInput, {min, max, isIntegerOnly}) != null;\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  const inputWrapper = (\n    <div\n      className={cx(\n        inputRecipe({\n          size,\n          status: effectiveStatusType,\n          isDisabled: effectiveDisabled,\n        }),\n        inputGroup != null ? className : undefined,\n      )}\n      style={inputGroup != null ? style : undefined}>\n      {startIcon != null ? (\n        <span className={inputStyles.iconSlot}>\n          <Icon color=\"secondary\" icon={startIcon} size=\"sm\" />\n        </span>\n      ) : null}\n      <input\n        aria-busy={isLoading || undefined}\n        aria-describedby={describedBy}\n        aria-invalid={status?.type === 'error' || !isInputValid || undefined}\n        aria-label={inputGroup != null ? label : undefined}\n        aria-required={isRequired ?? undefined}\n        autoComplete={autoComplete}\n        // eslint-disable-next-line jsx-a11y-x/no-autofocus\n        autoFocus={hasAutoFocus}\n        className={inputStyles.control}\n        data-autofocus={hasAutoFocus || undefined}\n        data-testid={dataTestId}\n        disabled={effectiveDisabled}\n        id={inputId}\n        max={max ?? undefined}\n        min={min ?? undefined}\n        name={htmlName}\n        onBlur={event => {\n          if (pendingInput != null) {\n            const parsed = parseNumberInput(pendingInput, {\n              min,\n              max,\n              isIntegerOnly,\n            });\n            if (parsed != null && parsed !== value) {\n              onChange(parsed);\n            }\n            setPendingInput(null);\n          }\n          onBlur?.(event);\n        }}\n        onChange={(event: ChangeEvent<HTMLInputElement>) => {\n          const nextValue = event.target.value;\n          setPendingInput(nextValue);\n          const parsed = parseNumberInput(nextValue, {\n            min,\n            max,\n            isIntegerOnly,\n          });\n          if (parsed != null && parsed !== value) {\n            onChange(parsed);\n          }\n        }}\n        onFocus={onFocus}\n        onKeyDown={event => {\n          if (event.key === 'Enter' && !event.nativeEvent.isComposing) {\n            onEnter?.();\n          }\n          onKeyDown?.(event);\n        }}\n        placeholder={placeholder}\n        ref={ref}\n        required={isRequired ?? undefined}\n        step={step ?? undefined}\n        type=\"number\"\n        value={displayValue}\n      />\n      {units != null ? <span className={styles.units}>{units}</span> : null}\n      {hasClear === true && value != null && !effectiveDisabled ? (\n        <Button\n          icon={X}\n          isIconOnly\n          label={`Clear ${label}`}\n          onClick={() => onChange(null)}\n          size=\"sm\"\n          variant=\"ghost\"\n        />\n      ) : null}\n      {endContent}\n      {isLoading ? <Spinner size=\"sm\" /> : null}\n      {status != null ? (\n        <span className={inputStyles.iconSlot}>\n          {getStatusIcon(status.type)}\n        </span>\n      ) : null}\n    </div>\n  );\n\n  if (inputGroup != null) {\n    return inputWrapper;\n  }\n\n  return (\n    <Field\n      className={className}\n      description={description}\n      descriptionID={descriptionID}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelIcon={labelIcon}\n      labelTooltip={labelTooltip}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }\n      style={style}>\n      {inputWrapper}\n    </Field>\n  );\n}\n\nNumberInput.displayName = 'NumberInput';\n"]}