silver-ui 0.1.1 → 0.2.0

package/dist/chunk-O3T7Z6RH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.tsx"],"names":["css","useLinkComponent","useButtonGroup","getAriaLabel","useRel","jsxs","Fragment","jsx","Icon","Spinner","VisuallyHidden","cx","buttonRecipe","Tooltip"],"mappings":"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","file":"chunk-O3T7Z6RH.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 {css} from 'styled-system/css';\nimport {VisuallyHidden} from '../../internal';\nimport {cx} from '../../internal/cx';\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\nconst styles = {\n  content: css({\n    display: 'contents',\n  }),\n  label: css({\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    minW: 0,\n    // The label is a (blockified) flex item, so `overflow: hidden` clips it to\n    // its line box. With a tight line-height that crops descenders (e.g. the\n    // \"g\" in \"changes\"), so pad the clip box vertically and cancel the padding\n    // with a negative margin to keep layout unchanged.\n    py: '0.25em',\n    mt: '-0.35em',\n    mb: '-0.25em',\n  }),\n  icon: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n  }),\n  endContent: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    color: 'inherit',\n  }),\n  startContent: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    color: 'inherit',\n  }),\n  loadingIndicator: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    color: 'inherit',\n  }),\n} as const;\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        startContent != null ||\n        endContent != null ||\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 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={styles.content}>\n        {icon != null ? (\n          <span aria-hidden=\"true\" className={styles.icon}>\n            <Icon icon={icon} size={size} />\n          </span>\n        ) : null}\n        {!isIconOnly && startContent != null ? (\n          <span className={styles.startContent}>{startContent}</span>\n        ) : null}\n        {!isIconOnly && <span className={styles.label}>{label}</span>}\n        {!isIconOnly && endContent != null ? (\n          <span className={styles.endContent}>{endContent}</span>\n        ) : null}\n        {!isIconOnly && isLoading ? (\n          <span aria-hidden=\"true\" className={styles.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(\n    buttonRecipe({variant, size, iconOnly: isIconOnly}),\n    className,\n  );\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-2XCNB2O6.js → chunk-OBBPRWYD.js}

@@ -1,12 +1,14 @@
-import { BaseAutocompleteInput } from './chunk-IT72TF72.js';
-import { Tag } from './chunk-2FUG6NKO.js';
-import { inputStyles, inputRecipe, Field } from './chunk-NGWNIMMX.js';
-import { getStatusMessageID, getDescribedBy } from './chunk-3L3M7SJ3.js';
-import { useLayer, useIsomorphicLayoutEffect } from './chunk-OKKL652L.js';
+import { BaseAutocompleteInput } from './chunk-WE2AXMPB.js';
+import { Tag } from './chunk-SSOHJEHS.js';
+import { inputStyles, inputRecipe } from './chunk-3M23WX6K.js';
+import { getNecessity, Field } from './chunk-K6CQ45C2.js';
+import { getStatusMessageID, getDescribedBy } from './chunk-WOIWI2UO.js';
+import { Button } from './chunk-RRNT32KY.js';
+import { useLayer, useIsomorphicLayoutEffect } from './chunk-ZNUOFLCQ.js';
 import { mergeRefs } from './chunk-SGLIDI6R.js';
-import { Icon } from './chunk-4W7L63LH.js';
+import { Icon } from './chunk-7T3SWOY7.js';
 import { cx } from './chunk-PPNETWIP.js';
-import { css } from './chunk-UHQRL4OA.js';
+import { css } from './chunk-OD4DHHZH.js';
 import { X } from 'lucide-react';
 import { useId, useRef, useState, useCallback, useMemo, useImperativeHandle, Children } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -406,7 +408,7 @@ function TagsInput({
       );
     }
   }, [isDisabled, isLayerMode, layer]);
-  const necessity = { isOptional, isRequired };
+  const necessity = getNecessity(isOptional, isRequired);
   const tokens = value.map((item) => /* @__PURE__ */ jsx("span", { className: styles2.tag, children: renderTag == null ? /* @__PURE__ */ jsx(
     Tag,
     {
@@ -510,10 +512,11 @@ function TagsInput({
         ),
         endContent != null ? /* @__PURE__ */ jsx("span", { className: styles2.endContent, children: endContent }) : null,
         hasClear && value.length > 0 && !isDisabled && !isReadOnly ? /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
-            "aria-label": `Clear ${label}`,
-            className: inputStyles.clearButton,
+            icon: X,
+            isIconOnly: true,
+            label: `Clear ${label}`,
             onClick: (event) => {
               event.stopPropagation();
               onChangeRef.current([], {
@@ -522,8 +525,8 @@ function TagsInput({
               });
               announce("Cleared all tags");
             },
-            type: "button",
-            children: /* @__PURE__ */ jsx(Icon, { icon: X, size: "sm" })
+            size: "sm",
+            variant: "ghost"
           }
         ) : null,
         /* @__PURE__ */ jsx("span", { "aria-live": "polite", className: styles2.liveRegion, role: "status", children: announcement })
@@ -610,5 +613,5 @@ function TagsInput({
 TagsInput.displayName = "TagsInput";
 
 export { TagsInput };
-//# sourceMappingURL=chunk-2XCNB2O6.js.map
-//# sourceMappingURL=chunk-2XCNB2O6.js.map
+//# sourceMappingURL=chunk-OBBPRWYD.js.map
+//# sourceMappingURL=chunk-OBBPRWYD.js.map

package/dist/chunk-OBBPRWYD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internal/OverflowList.tsx","../src/components/TagsInput/TagsInput.tsx"],"names":["styles","useRef","useState","useCallback","jsx","Fragment","jsxs"],"mappings":"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","file":"chunk-OBBPRWYD.js","sourcesContent":["import {\n  Children,\n  useCallback,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from './cx';\nimport {mergeRefs} from './mergeRefs';\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect';\n\nexport interface OverflowItem {\n  child: ReactElement;\n  index: number;\n}\n\nexport interface OverflowListProps {\n  behavior?: 'observeParent' | 'observeSelf';\n  children: ReactNode;\n  className?: string;\n  collapseFrom?: 'end' | 'start';\n  gap?: number;\n  minVisibleItems?: number;\n  overflowRenderer?: (overflowItems: OverflowItem[]) => ReactNode;\n  ref?: Ref<HTMLDivElement>;\n  style?: CSSProperties;\n}\n\nconst styles = {\n  container: css({\n    display: 'flex',\n    alignItems: 'center',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    minW: 0,\n  }),\n  fillParent: css({\n    flex: '1 1 0',\n  }),\n  measureContainer: css({\n    position: 'absolute',\n    visibility: 'hidden',\n    h: 0,\n    overflow: 'hidden',\n    display: 'flex',\n    alignItems: 'center',\n    whiteSpace: 'nowrap',\n    pointerEvents: 'none',\n  }),\n  measureIndicator: css({\n    display: 'inline-flex',\n  }),\n} as const;\n\nfunction getAvailableWidth(\n  container: HTMLElement,\n  observeParent: boolean,\n): number {\n  if (observeParent && container.parentElement != null) {\n    const parent = container.parentElement;\n    const parentStyle = window.getComputedStyle(parent);\n    const paddingLeft = Number.parseFloat(parentStyle.paddingLeft) || 0;\n    const paddingRight = Number.parseFloat(parentStyle.paddingRight) || 0;\n    return parent.clientWidth - paddingLeft - paddingRight;\n  }\n\n  return container.offsetWidth;\n}\n\nexport function OverflowList({\n  behavior = 'observeSelf',\n  children,\n  className,\n  collapseFrom = 'end',\n  gap = 0,\n  minVisibleItems = 0,\n  overflowRenderer,\n  ref,\n  style,\n}: OverflowListProps): React.JSX.Element {\n  // eslint-disable-next-line @eslint-react/no-children-to-array -- matches XDSOverflowList: normalizes children before width measurement\n  const childArray = Children.toArray(children) as ReactElement[];\n  const itemCount = childArray.length;\n  const observeParent = behavior === 'observeParent';\n  const [visibleCount, setVisibleCount] = useState(itemCount);\n  const containerRef = useRef<HTMLElement | null>(null);\n  const measureRef = useRef<HTMLElement | null>(null);\n\n  const calculate = useCallback(() => {\n    const container = containerRef.current;\n    const measure = measureRef.current;\n    if (container == null || measure == null) {\n      return;\n    }\n\n    const availableWidth = Math.min(\n      getAvailableWidth(container, observeParent),\n      container.offsetWidth || Number.POSITIVE_INFINITY,\n    );\n    const allChildren = Array.from(measure.children) as HTMLElement[];\n    const hasIndicator = allChildren.length > itemCount;\n    const measuredItems = hasIndicator\n      ? allChildren.slice(0, itemCount)\n      : allChildren;\n    const indicatorWidth = hasIndicator\n      ? allChildren[allChildren.length - 1].offsetWidth\n      : 0;\n\n    if (measuredItems.length === 0) {\n      // eslint-disable-next-line @eslint-react/set-state-in-effect -- visible count is derived from measured DOM widths\n      setVisibleCount(0);\n      return;\n    }\n\n    const measuredWidths = measuredItems.map(item => item.offsetWidth);\n    const orderedWidths =\n      collapseFrom === 'end' ? measuredWidths : [...measuredWidths].reverse();\n    let totalWidth = 0;\n    let count = 0;\n\n    for (const itemWidth of orderedWidths) {\n      const gapWidth = count > 0 ? gap : 0;\n      const candidateWidth = totalWidth + itemWidth + gapWidth;\n      const isLastItem = count === orderedWidths.length - 1;\n      const reservedWidth = isLastItem\n        ? 0\n        : indicatorWidth + (count > 0 || indicatorWidth > 0 ? gap : 0);\n\n      if (\n        candidateWidth + reservedWidth > availableWidth &&\n        count >= minVisibleItems\n      ) {\n        break;\n      }\n\n      totalWidth = candidateWidth;\n      count++;\n    }\n\n    // eslint-disable-next-line @eslint-react/set-state-in-effect -- visible count is derived from measured DOM widths\n    setVisibleCount(Math.max(Math.min(count, itemCount), minVisibleItems));\n  }, [collapseFrom, gap, itemCount, minVisibleItems, observeParent]);\n\n  const containerRefCallback = useCallback((element: HTMLDivElement | null) => {\n    containerRef.current = element;\n  }, []);\n\n  const measureRefCallback = useCallback(\n    (element: HTMLDivElement | null) => {\n      measureRef.current = element;\n      if (element != null) {\n        calculate();\n      }\n    },\n    [calculate],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    calculate();\n  }, [calculate]);\n\n  useIsomorphicLayoutEffect(() => {\n    const container = containerRef.current;\n    if (container == null || typeof ResizeObserver === 'undefined') {\n      return;\n    }\n\n    const target =\n      observeParent && container.parentElement != null\n        ? container.parentElement\n        : container;\n    const observer = new ResizeObserver(calculate);\n    observer.observe(target);\n    return () => observer.disconnect();\n  }, [calculate, observeParent]);\n\n  const allItems: OverflowItem[] = childArray.map((child, index) => ({\n    child,\n    index,\n  }));\n  const visibleItems =\n    collapseFrom === 'end'\n      ? allItems.slice(0, visibleCount)\n      : allItems.slice(itemCount - visibleCount);\n  const overflowItems =\n    collapseFrom === 'end'\n      ? allItems.slice(visibleCount)\n      : allItems.slice(0, itemCount - visibleCount);\n  const hasOverflow = visibleCount < itemCount;\n  const measureIndicator = overflowRenderer?.(allItems);\n\n  return (\n    <>\n      <div\n        aria-hidden=\"true\"\n        className={styles.measureContainer}\n        inert\n        ref={measureRefCallback}\n        style={{gap}}>\n        {childArray}\n        {measureIndicator != null ? (\n          <div className={styles.measureIndicator}>{measureIndicator}</div>\n        ) : null}\n      </div>\n      <div\n        className={cx(\n          styles.container,\n          observeParent && hasOverflow ? styles.fillParent : undefined,\n          className,\n        )}\n        ref={mergeRefs(ref, containerRefCallback)}\n        style={{gap, ...style}}>\n        {collapseFrom === 'start' && hasOverflow\n          ? overflowRenderer?.(overflowItems)\n          : null}\n        {visibleItems.map(({child}) => child)}\n        {collapseFrom === 'end' && hasOverflow\n          ? overflowRenderer?.(overflowItems)\n          : null}\n      </div>\n    </>\n  );\n}\n","import {X} from 'lucide-react';\nimport {\n  useCallback,\n  useImperativeHandle,\n  useId,\n  useMemo,\n  useRef,\n  useState,\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 {OverflowList} from '../../internal/OverflowList';\nimport {cx} from '../../internal/cx';\nimport {useLayer} from '../../internal/useLayer';\nimport {BaseAutocompleteInput} from '../AutocompleteInput';\nimport type {SearchableItem, SearchSource} from '../AutocompleteInput';\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 {getDescribedBy, getStatusMessageID} from '../Field/inputUtils';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Tag} from '../Tag';\n\nexport type TagsInputChange<T extends SearchableItem> =\n  | {item: T; type: 'add'}\n  | {item: T; type: 'create'}\n  | {item: T; type: 'remove'}\n  | {items: T[]; type: 'remove-all'};\n\nexport type TagsInputOverflowBehavior =\n  | 'none'\n  | 'unfocusedInline'\n  | 'unfocusedLayer';\n\nexport interface TagsInputHandle {\n  /**\n   * Blur the input.\n   */\n  blur(): void;\n  /**\n   * Focus the input.\n   */\n  focus(): void;\n}\n\nexport type TagsInputProps<T extends SearchableItem = SearchableItem> = {\n  /**\n   * Additional CSS class names applied to the input wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the input wrapper.\n   */\n  'data-testid'?: string;\n  /**\n   * Debounce delay in milliseconds before search runs.\n   * @default 150\n   */\n  debounceMs?: number;\n  /**\n   * Supporting text rendered below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Empty state text.\n   * @default 'No results found'\n   */\n  emptySearchResultsText?: string;\n  /**\n   * Content rendered at the end of the input row.\n   */\n  endContent?: ReactNode;\n  /**\n   * Imperative focus/blur handle.\n   */\n  handleRef?: Ref<TagsInputHandle>;\n  /**\n   * Whether to focus the input on mount.\n   * @default false\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Whether to show a clear button that removes all tags.\n   * @default false\n   */\n  hasClear?: boolean;\n  /**\n   * Whether users can create a tag from free text.\n   * @default false\n   */\n  hasCreate?: boolean;\n  /**\n   * Whether to show bootstrap results on focus before typing.\n   * @default false\n   */\n  hasEntriesOnFocus?: boolean;\n  /**\n   * Whether the input is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Whether the input is read-only. Prevents typing and hides the clear\n   * button without applying disabled opacity.\n   * @default false\n   */\n  isReadOnly?: boolean;\n  /**\n   * Field label.\n   */\n  label: string;\n  /**\n   * Icon shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Maximum number of selected tags.\n   */\n  maxEntries?: number;\n  /**\n   * Maximum number of menu items.\n   * @default 10\n   */\n  maxMenuItems?: number;\n  /**\n   * Called when focus leaves the tags-input.\n   */\n  onBlur?: (event: FocusEvent<HTMLDivElement>) => void;\n  /**\n   * Called when selected tags change.\n   */\n  onChange: (items: T[], change: TagsInputChange<T>) => void;\n  /**\n   * Called when focus enters the tags-input.\n   */\n  onFocus?: (event: FocusEvent<HTMLDivElement>) => void;\n  /**\n   * Called when the query changes.\n   */\n  onQueryChange?: (query: string) => void;\n  /**\n   * Placeholder text.\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the field root.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Custom result renderer.\n   */\n  renderItem?: (item: T) => ReactNode;\n  /**\n   * Custom tag renderer.\n   */\n  renderTag?: (item: T, onRemove: () => void) => ReactNode;\n  /**\n   * Search source.\n   */\n  searchSource: SearchSource<T>;\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 tags-input.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the input wrapper.\n   */\n  style?: CSSProperties;\n  /**\n   * Controls how tags overflow when the container is too narrow.\n   * - `'none'`: Tags wrap to multiple lines (default).\n   * - `'unfocusedInline'`: Single line with \"+ N more\" when unfocused; expands inline on focus.\n   * - `'unfocusedLayer'`: Single line with \"+ N more\" when unfocused; expands as overlay on focus.\n   * @default 'none'\n   */\n  tagOverflowBehavior?: TagsInputOverflowBehavior;\n  /**\n   * Selected items.\n   */\n  value: T[];\n} & FieldNecessity;\n\nconst CREATABLE_ID_PREFIX = '__silver_create__';\n\nconst styles = {\n  wrapper: css({\n    cursor: 'text',\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    h: 'auto',\n  }),\n  wrapperWithTags: css({\n    rowGap: '1',\n  }),\n  wrapperWithTagsSize: {\n    sm: css({pt: '1px', pb: '0.5'}),\n    md: css({py: '1'}),\n    lg: css({py: '1'}),\n  },\n  layerPopover: css({\n    w: 'anchor-size(width)',\n  }),\n  truncatedWrapper: css({\n    flexWrap: 'nowrap',\n    overflow: 'hidden',\n  }),\n  truncatedSize: {\n    sm: css({h: 'component.sm'}),\n    md: css({h: 'component.md'}),\n    lg: css({h: 'component.lg'}),\n  },\n  tag: css({flexShrink: 0}),\n  input: css({\n    minW: '10',\n    flex: '1 1 40px',\n  }),\n  inputHidden: css({\n    position: 'absolute',\n    opacity: 0,\n    w: 0,\n    minW: 0,\n    flexBasis: 0,\n  }),\n  endContent: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    flexShrink: 0,\n  }),\n  overflowText: css({\n    flexShrink: 0,\n    whiteSpace: 'nowrap',\n    fontSize: 'sm',\n    color: 'fg.muted',\n    px: '1',\n  }),\n  liveRegion: css({\n    position: 'absolute',\n    w: '1px',\n    h: '1px',\n    overflow: 'hidden',\n    clip: 'rect(0 0 0 0)',\n    whiteSpace: 'nowrap',\n  }),\n} as const;\n\nfunction isCreatableItem<T extends SearchableItem>(item: T): boolean {\n  return item.id.startsWith(CREATABLE_ID_PREFIX);\n}\n\n/**\n * Multi-select combobox that renders selected values as removable tags.\n */\nexport function TagsInput<T extends SearchableItem>({\n  className,\n  'data-testid': dataTestId,\n  debounceMs,\n  description,\n  emptySearchResultsText,\n  endContent,\n  hasAutoFocus = false,\n  hasClear = false,\n  hasCreate = false,\n  hasEntriesOnFocus = false,\n  handleRef,\n  isDisabled = false,\n  isLabelHidden = false,\n  isReadOnly = false,\n  isOptional,\n  isRequired,\n  label,\n  labelIcon,\n  labelTooltip,\n  maxEntries,\n  maxMenuItems,\n  onBlur,\n  onChange,\n  onFocus,\n  onQueryChange,\n  placeholder,\n  ref,\n  renderItem,\n  renderTag,\n  searchSource,\n  size = 'md',\n  startIcon,\n  status,\n  style,\n  tagOverflowBehavior = 'none',\n  value,\n}: TagsInputProps<T>): 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 inputRef = useRef<HTMLInputElement>(null);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const [isFocusedWithin, setIsFocusedWithin] = useState(false);\n  const [announcement, setAnnouncement] = useState('');\n  const isLayerMode = tagOverflowBehavior === 'unfocusedLayer';\n  const layer = useLayer();\n  const layerContentRef = useRef<HTMLDivElement>(null);\n  const selectedIDsRef = useRef(new Set<string>());\n  // eslint-disable-next-line @eslint-react/refs -- latest-ref pattern: synchronous, idempotent sync with props\n  selectedIDsRef.current = new Set(value.map(item => item.id));\n  const isAtMax = maxEntries != null && value.length >= maxEntries;\n  const isAtMaxRef = useRef(false);\n  // eslint-disable-next-line @eslint-react/refs -- latest-ref pattern\n  isAtMaxRef.current = isAtMax;\n  const isTruncated =\n    !isFocusedWithin && tagOverflowBehavior !== 'none' && value.length > 0;\n\n  const placeholderRef = useCallback(\n    (element: HTMLElement | null) => {\n      if (isLayerMode) {\n        layer.ref(element);\n      }\n    },\n    [isLayerMode, layer],\n  );\n\n  const isFocusInTagsInput = useCallback(\n    (target: EventTarget | null): boolean => {\n      if (!(target instanceof Node)) {\n        return false;\n      }\n      if (wrapperRef.current?.contains(target)) {\n        return true;\n      }\n      if (layerContentRef.current?.contains(target)) {\n        return true;\n      }\n      const popoverElement = document.getElementById(layer.id);\n      return popoverElement?.contains(target) ?? false;\n    },\n    [layer.id],\n  );\n\n  const filteredSource = useMemo<SearchSource<T>>(\n    () => ({\n      cancel: () => searchSource.cancel?.(),\n      async bootstrap() {\n        const results = await searchSource.bootstrap();\n        return results.filter(item => !selectedIDsRef.current.has(item.id));\n      },\n      async search(searchQuery) {\n        const results = await searchSource.search(searchQuery);\n        const filteredResults = results.filter(\n          item => !selectedIDsRef.current.has(item.id),\n        );\n        if (!hasCreate || searchQuery.trim() === '' || isAtMaxRef.current) {\n          return filteredResults;\n        }\n        const existing = filteredResults.some(\n          item => item.label.toLowerCase() === searchQuery.trim().toLowerCase(),\n        );\n        if (existing) {\n          return filteredResults;\n        }\n        return [\n          // eslint-disable-next-line @typescript-eslint/consistent-type-assertions\n          {\n            id: `${CREATABLE_ID_PREFIX}${searchQuery}`,\n            label: `Create \"${searchQuery}\"`,\n            auxiliaryData: {value: searchQuery},\n          } as T,\n          ...filteredResults,\n        ];\n      },\n    }),\n    [hasCreate, searchSource],\n  );\n\n  useImperativeHandle(\n    handleRef,\n    () => ({\n      blur: () => inputRef.current?.blur(),\n      focus: () => inputRef.current?.focus(),\n    }),\n    [],\n  );\n\n  const valueRef = useRef(value);\n  // eslint-disable-next-line @eslint-react/refs -- latest-ref pattern\n  valueRef.current = value;\n  const onChangeRef = useRef(onChange);\n  // eslint-disable-next-line @eslint-react/refs -- latest-ref pattern\n  onChangeRef.current = onChange;\n\n  const announce = useCallback((message: string) => {\n    setAnnouncement('');\n    requestAnimationFrame(() => setAnnouncement(message));\n  }, []);\n\n  const removeItem = useCallback(\n    (item: T) => {\n      onChangeRef.current(\n        valueRef.current.filter(selectedItem => selectedItem.id !== item.id),\n        {item, type: 'remove'},\n      );\n      announce(`Removed ${item.label}`);\n    },\n    [announce],\n  );\n\n  const handleFocus = useCallback(\n    (event: FocusEvent<HTMLDivElement>) => {\n      const comingFromOutside = !isFocusInTagsInput(event.relatedTarget);\n      setIsFocusedWithin(true);\n      if (isLayerMode) {\n        layer.show();\n      }\n      if (comingFromOutside) {\n        onFocus?.(event);\n      }\n    },\n    [isFocusInTagsInput, isLayerMode, layer, onFocus],\n  );\n\n  const handleBlur = useCallback(\n    (event: FocusEvent<HTMLDivElement>) => {\n      if (!isFocusInTagsInput(event.relatedTarget)) {\n        setIsFocusedWithin(false);\n        if (isLayerMode) {\n          layer.hide();\n        }\n        onBlur?.(event);\n      }\n    },\n    [isFocusInTagsInput, isLayerMode, layer, onBlur],\n  );\n\n  const handleWrapperPointerDown = useCallback(() => {\n    if (!isDisabled) {\n      if (isLayerMode) {\n        layer.show();\n        setIsFocusedWithin(true);\n      }\n      document.addEventListener(\n        'click',\n        () => requestAnimationFrame(() => inputRef.current?.focus()),\n        {once: true},\n      );\n    }\n  }, [isDisabled, isLayerMode, layer]);\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  const tokens = value.map(item => (\n    <span className={styles.tag} key={item.id}>\n      {renderTag == null ? (\n        <Tag\n          isDisabled={isDisabled}\n          label={item.label}\n          onRemove={() => removeItem(item)}\n          size={size}\n        />\n      ) : (\n        renderTag(item, () => removeItem(item))\n      )}\n    </span>\n  ));\n\n  const wrapperContent = (\n    <>\n      {/* eslint-disable-next-line jsx-a11y-x/no-noninteractive-element-interactions -- pointerdown delegates to inner input for focus convenience */}\n      <div\n        aria-label={label}\n        className={cx(\n          inputRecipe({\n            size,\n            status: status?.type,\n            isDisabled,\n          }),\n          styles.wrapper,\n          value.length > 0 && !isTruncated ? styles.wrapperWithTags : undefined,\n          value.length > 0 && !isTruncated\n            ? styles.wrapperWithTagsSize[size]\n            : undefined,\n          isTruncated ? styles.truncatedWrapper : undefined,\n          isTruncated ? styles.truncatedSize[size] : undefined,\n        )}\n        data-testid={dataTestId}\n        onBlur={handleBlur}\n        onFocus={handleFocus}\n        onPointerDown={handleWrapperPointerDown}\n        ref={wrapperRef}\n        role=\"group\">\n        {startIcon != null ? (\n          <span className={inputStyles.iconSlot}>\n            <Icon color=\"secondary\" icon={startIcon} size=\"sm\" />\n          </span>\n        ) : null}\n        {isTruncated ? (\n          <OverflowList\n            behavior=\"observeParent\"\n            gap={4}\n            overflowRenderer={overflowItems => (\n              <span className={styles.overflowText}>\n                +{overflowItems.length} more\n              </span>\n            )}>\n            {tokens}\n          </OverflowList>\n        ) : (\n          tokens\n        )}\n        <BaseAutocompleteInput\n          anchorRef={wrapperRef}\n          ariaDescribedBy={describedBy}\n          className={cx(\n            styles.input,\n            isAtMax || isTruncated ? styles.inputHidden : undefined,\n          )}\n          debounceMs={debounceMs}\n          emptySearchResultsText={emptySearchResultsText}\n          hasAutoFocus={hasAutoFocus}\n          hasEntriesOnFocus={hasEntriesOnFocus}\n          inputId={inputId}\n          isDisabled={isDisabled || isReadOnly || isAtMax}\n          maxMenuItems={maxMenuItems}\n          onChange={item => {\n            if (item == null) {\n              return;\n            }\n            if (isCreatableItem(item)) {\n              const rawValue =\n                typeof item.auxiliaryData === 'object' &&\n                item.auxiliaryData != null &&\n                'value' in item.auxiliaryData\n                  ? String(item.auxiliaryData.value)\n                  : item.label;\n              const createdItem = {\n                ...item,\n                id: rawValue,\n                label: rawValue,\n              };\n              onChangeRef.current([...valueRef.current, createdItem], {\n                item: createdItem,\n                type: 'create',\n              });\n              announce(`Added ${rawValue}`);\n              return;\n            }\n            onChangeRef.current([...valueRef.current, item], {\n              item,\n              type: 'add',\n            });\n            announce(`Added ${item.label}`);\n          }}\n          onKeyDown={(event: KeyboardEvent<HTMLInputElement>) => {\n            if (\n              event.key === 'Backspace' &&\n              event.currentTarget.value === '' &&\n              valueRef.current.length > 0\n            ) {\n              const item = valueRef.current[valueRef.current.length - 1];\n              removeItem(item);\n            }\n          }}\n          onQueryChange={onQueryChange}\n          placeholder={value.length === 0 ? placeholder : undefined}\n          ref={inputRef}\n          renderItem={renderItem}\n          searchSource={filteredSource}\n          size={size}\n          value={null}\n        />\n        {endContent != null ? (\n          <span className={styles.endContent}>{endContent}</span>\n        ) : null}\n        {hasClear && value.length > 0 && !isDisabled && !isReadOnly ? (\n          <Button\n            icon={X}\n            isIconOnly\n            label={`Clear ${label}`}\n            onClick={event => {\n              event.stopPropagation();\n              onChangeRef.current([], {\n                items: valueRef.current,\n                type: 'remove-all',\n              });\n              announce('Cleared all tags');\n            }}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        ) : null}\n        <span aria-live=\"polite\" className={styles.liveRegion} role=\"status\">\n          {announcement}\n        </span>\n      </div>\n    </>\n  );\n\n  const popoverOverrideStyle: CSSProperties = {\n    positionArea: undefined,\n    positionTryFallbacks: undefined,\n    top: 'anchor(top)',\n    left: 'anchor(start)',\n  };\n\n  const inputContent = isLayerMode ? (\n    <>\n      <div\n        className={cx(\n          inputRecipe({\n            size,\n            status: status?.type,\n            isDisabled,\n          }),\n          styles.wrapper,\n          isTruncated ? styles.truncatedWrapper : undefined,\n          styles.truncatedSize[size],\n        )}\n        onPointerDown={handleWrapperPointerDown}\n        ref={placeholderRef}>\n        {isTruncated ? (\n          <>\n            {startIcon != null ? (\n              <span className={inputStyles.iconSlot}>\n                <Icon color=\"secondary\" icon={startIcon} size=\"sm\" />\n              </span>\n            ) : null}\n            <OverflowList\n              behavior=\"observeParent\"\n              gap={4}\n              overflowRenderer={overflowItems => (\n                <span className={styles.overflowText}>\n                  +{overflowItems.length} more\n                </span>\n              )}>\n              {tokens}\n            </OverflowList>\n          </>\n        ) : null}\n      </div>\n      {layer.render(\n        <div\n          data-testid={dataTestId == null ? undefined : `${dataTestId}-layer`}\n          ref={layerContentRef}>\n          {wrapperContent}\n        </div>,\n        {\n          alignment: 'start',\n          className: styles.layerPopover,\n          placement: 'below',\n          style: popoverOverrideStyle,\n        },\n      )}\n    </>\n  ) : (\n    wrapperContent\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      ref={ref}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }\n      style={style}>\n      {inputContent}\n    </Field>\n  );\n}\n\nTagsInput.displayName = 'TagsInput';\n"]}

package/dist/{chunk-UHQRL4OA.js → chunk-OD4DHHZH.js}

@@ -178,6 +178,28 @@ var hypenateProperty = memo((property) => {
 });
 var lengthUnits = "cm,mm,Q,in,pc,pt,px,em,ex,ch,rem,lh,rlh,vw,vh,vmin,vmax,vb,vi,svw,svh,lvw,lvh,dvw,dvh,cqw,cqh,cqi,cqb,cqmin,cqmax,%";
 `(?:${lengthUnits.split(",").join("|")})`;
+var getSlotRecipes = (recipe = {}) => {
+  const init = (slot) => ({
+    className: [recipe.className, slot].filter(Boolean).join("__"),
+    base: recipe.base?.[slot] ?? {},
+    variants: {},
+    defaultVariants: recipe.defaultVariants ?? {},
+    compoundVariants: recipe.compoundVariants ? getSlotCompoundVariant(recipe.compoundVariants, slot) : []
+  });
+  const slots = recipe.slots ?? [];
+  const recipeParts = slots.map((slot) => [slot, init(slot)]);
+  for (const [variantsKey, variantsSpec] of Object.entries(recipe.variants ?? {})) {
+    for (const [variantKey, variantSpec] of Object.entries(variantsSpec)) {
+      recipeParts.forEach(([slot, slotRecipe]) => {
+        var _a;
+        (_a = slotRecipe.variants)[variantsKey] ?? (_a[variantsKey] = {});
+        slotRecipe.variants[variantsKey][variantKey] = variantSpec[slot] ?? {};
+      });
+    }
+  }
+  return Object.fromEntries(recipeParts);
+};
+var getSlotCompoundVariant = (compoundVariants, slotName) => compoundVariants.filter((compoundVariant) => compoundVariant.css[slotName]).map((compoundVariant) => ({ ...compoundVariant, css: compoundVariant.css[slotName] }));
 function splitProps(props, ...keys) {
   const descriptors = Object.getOwnPropertyDescriptors(props);
   const dKeys = Object.keys(descriptors);
@@ -273,6 +295,6 @@ var css = (...styles) => cssFn(mergeCss(...styles));
 css.raw = (...styles) => mergeCss(...styles);
 var { mergeCss} = createMergeCss(context);
 
-export { compact, css, memo, mergeCss, mergeProps, splitProps, uniq };
-//# sourceMappingURL=chunk-UHQRL4OA.js.map
-//# sourceMappingURL=chunk-UHQRL4OA.js.map
+export { compact, css, getSlotRecipes, memo, mergeCss, mergeProps, splitProps, uniq };
+//# sourceMappingURL=chunk-OD4DHHZH.js.map
+//# sourceMappingURL=chunk-OD4DHHZH.js.map

package/dist/chunk-OD4DHHZH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../styled-system/helpers.js","../styled-system/css/conditions.js","../styled-system/css/css.js"],"names":["context","conditions","resolveShorthand","mergeCss","assignCss"],"mappings":"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","file":"chunk-OD4DHHZH.js","sourcesContent":["// src/assert.ts\nfunction isObject(value) {\n  return typeof value === \"object\" && value != null && !Array.isArray(value);\n}\nvar isObjectOrArray = (obj) => typeof obj === \"object\" && obj !== null;\n\n// src/compact.ts\nfunction compact(value) {\n  return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));\n}\n\n// src/condition.ts\nvar isBaseCondition = (v) => v === \"base\";\nfunction filterBaseConditions(c) {\n  return c.slice().filter((v) => !isBaseCondition(v));\n}\n\n// src/hash.ts\nfunction toChar(code) {\n  return String.fromCharCode(code + (code > 25 ? 39 : 97));\n}\nfunction toName(code) {\n  let name = \"\";\n  let x;\n  for (x = Math.abs(code); x > 52; x = x / 52 | 0) name = toChar(x % 52) + name;\n  return toChar(x % 52) + name;\n}\nfunction toPhash(h, x) {\n  let i = x.length;\n  while (i) h = h * 33 ^ x.charCodeAt(--i);\n  return h;\n}\nfunction toHash(value) {\n  return toName(toPhash(5381, value) >>> 0);\n}\n\n// src/important.ts\nvar importantRegex = /\\s*!(important)?/i;\nfunction isImportant(value) {\n  return typeof value === \"string\" ? importantRegex.test(value) : false;\n}\nfunction withoutImportant(value) {\n  return typeof value === \"string\" ? value.replace(importantRegex, \"\").trim() : value;\n}\nfunction withoutSpace(str) {\n  return typeof str === \"string\" ? str.replaceAll(\" \", \"_\") : str;\n}\n\n// src/memo.ts\nvar memo = (fn) => {\n  const cache = /* @__PURE__ */ new Map();\n  const get = (...args) => {\n    const key = JSON.stringify(args);\n    if (cache.has(key)) {\n      return cache.get(key);\n    }\n    const result = fn(...args);\n    cache.set(key, result);\n    return result;\n  };\n  return get;\n};\n\n// src/merge-props.ts\nvar MERGE_OMIT = /* @__PURE__ */ new Set([\"__proto__\", \"constructor\", \"prototype\"]);\nfunction mergeProps(...sources) {\n  return sources.reduce((prev, obj) => {\n    if (!obj) return prev;\n    Object.keys(obj).forEach((key) => {\n      if (MERGE_OMIT.has(key)) return;\n      const prevValue = prev[key];\n      const value = obj[key];\n      if (isObject(prevValue) && isObject(value)) {\n        prev[key] = mergeProps(prevValue, value);\n      } else {\n        prev[key] = value;\n      }\n    });\n    return prev;\n  }, {});\n}\n\n// src/walk-object.ts\nvar isNotNullish = (element) => element != null;\nfunction walkObject(target, predicate, options = {}) {\n  const { stop, getKey } = options;\n  function inner(value, path = []) {\n    if (isObjectOrArray(value)) {\n      const result = {};\n      for (const [prop, child] of Object.entries(value)) {\n        const key = getKey?.(prop, child) ?? prop;\n        const childPath = [...path, key];\n        if (stop?.(value, childPath)) {\n          return predicate(value, path);\n        }\n        const next = inner(child, childPath);\n        if (isNotNullish(next)) {\n          result[key] = next;\n        }\n      }\n      return result;\n    }\n    return predicate(value, path);\n  }\n  return inner(target);\n}\nfunction mapObject(obj, fn) {\n  if (Array.isArray(obj)) return obj.map((value) => fn(value));\n  if (!isObject(obj)) return fn(obj);\n  return walkObject(obj, (value) => fn(value));\n}\n\n// src/normalize-style-object.ts\nfunction toResponsiveObject(values, breakpoints) {\n  return values.reduce(\n    (acc, current, index) => {\n      const key = breakpoints[index];\n      if (current != null) {\n        acc[key] = current;\n      }\n      return acc;\n    },\n    {}\n  );\n}\nfunction normalizeStyleObject(styles, context, shorthand = true) {\n  const { utility, conditions } = context;\n  const { hasShorthand, resolveShorthand } = utility;\n  return walkObject(\n    styles,\n    (value) => {\n      return Array.isArray(value) ? toResponsiveObject(value, conditions.breakpoints.keys) : value;\n    },\n    {\n      stop: (value) => Array.isArray(value),\n      getKey: shorthand ? (prop) => hasShorthand ? resolveShorthand(prop) : prop : void 0\n    }\n  );\n}\n\n// src/classname.ts\nvar fallbackCondition = {\n  shift: (v) => v,\n  finalize: (v) => v,\n  breakpoints: { keys: [] }\n};\nvar sanitize = (value) => typeof value === \"string\" ? value.replaceAll(/[\\n\\s]+/g, \" \") : value;\nfunction createCss(context) {\n  const { utility, hash, conditions: conds = fallbackCondition } = context;\n  const formatClassName = (str) => [utility.prefix, str].filter(Boolean).join(\"-\");\n  const hashFn = (conditions, className) => {\n    let result;\n    if (hash) {\n      const baseArray = [...conds.finalize(conditions), className];\n      result = formatClassName(utility.toHash(baseArray, toHash));\n    } else {\n      const baseArray = [...conds.finalize(conditions), formatClassName(className)];\n      result = baseArray.join(\":\");\n    }\n    return result;\n  };\n  return memo(({ base, ...styles } = {}) => {\n    const styleObject = Object.assign(styles, base);\n    const normalizedObject = normalizeStyleObject(styleObject, context);\n    const classNames = /* @__PURE__ */ new Set();\n    walkObject(normalizedObject, (value, paths) => {\n      if (value == null) return;\n      const important = isImportant(value);\n      const [prop, ...allConditions] = conds.shift(paths);\n      const conditions = filterBaseConditions(allConditions);\n      const transformed = utility.transform(prop, withoutImportant(sanitize(value)));\n      let className = hashFn(conditions, transformed.className);\n      if (important) className = `${className}!`;\n      classNames.add(className);\n    });\n    return Array.from(classNames).join(\" \");\n  });\n}\nfunction compactStyles(...styles) {\n  return styles.flat().filter((style) => isObject(style) && Object.keys(compact(style)).length > 0);\n}\nfunction createMergeCss(context) {\n  function resolve(styles) {\n    const allStyles = compactStyles(...styles);\n    if (allStyles.length === 1) return allStyles;\n    return allStyles.map((style) => normalizeStyleObject(style, context));\n  }\n  function mergeCss(...styles) {\n    return mergeProps(...resolve(styles));\n  }\n  function assignCss(...styles) {\n    return Object.assign({}, ...resolve(styles));\n  }\n  return { mergeCss: memo(mergeCss), assignCss };\n}\n\n// src/hypenate-property.ts\nvar wordRegex = /([A-Z])/g;\nvar msRegex = /^ms-/;\nvar hypenateProperty = memo((property) => {\n  if (property.startsWith(\"--\")) return property;\n  return property.replace(wordRegex, \"-$1\").replace(msRegex, \"-ms-\").toLowerCase();\n});\n\n// src/is-css-function.ts\nvar fns = [\"min\", \"max\", \"clamp\", \"calc\"];\nvar fnRegExp = new RegExp(`^(${fns.join(\"|\")})\\\\(.*\\\\)`);\nvar isCssFunction = (v) => typeof v === \"string\" && fnRegExp.test(v);\n\n// src/is-css-unit.ts\nvar lengthUnits = \"cm,mm,Q,in,pc,pt,px,em,ex,ch,rem,lh,rlh,vw,vh,vmin,vmax,vb,vi,svw,svh,lvw,lvh,dvw,dvh,cqw,cqh,cqi,cqb,cqmin,cqmax,%\";\nvar lengthUnitsPattern = `(?:${lengthUnits.split(\",\").join(\"|\")})`;\nvar lengthRegExp = new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${lengthUnitsPattern}$`);\nvar isCssUnit = (v) => typeof v === \"string\" && lengthRegExp.test(v);\n\n// src/is-css-var.ts\nvar isCssVar = (v) => typeof v === \"string\" && /^var\\(--.+\\)$/.test(v);\n\n// src/pattern-fns.ts\nvar patternFns = {\n  map: mapObject,\n  isCssFunction,\n  isCssVar,\n  isCssUnit\n};\nvar getPatternStyles = (pattern, styles) => {\n  if (!pattern?.defaultValues) return styles;\n  const defaults = typeof pattern.defaultValues === \"function\" ? pattern.defaultValues(styles) : pattern.defaultValues;\n  return Object.assign({}, defaults, compact(styles));\n};\n\n// src/slot.ts\nvar getSlotRecipes = (recipe = {}) => {\n  const init = (slot) => ({\n    className: [recipe.className, slot].filter(Boolean).join(\"__\"),\n    base: recipe.base?.[slot] ?? {},\n    variants: {},\n    defaultVariants: recipe.defaultVariants ?? {},\n    compoundVariants: recipe.compoundVariants ? getSlotCompoundVariant(recipe.compoundVariants, slot) : []\n  });\n  const slots = recipe.slots ?? [];\n  const recipeParts = slots.map((slot) => [slot, init(slot)]);\n  for (const [variantsKey, variantsSpec] of Object.entries(recipe.variants ?? {})) {\n    for (const [variantKey, variantSpec] of Object.entries(variantsSpec)) {\n      recipeParts.forEach(([slot, slotRecipe]) => {\n        slotRecipe.variants[variantsKey] ??= {};\n        slotRecipe.variants[variantsKey][variantKey] = variantSpec[slot] ?? {};\n      });\n    }\n  }\n  return Object.fromEntries(recipeParts);\n};\nvar getSlotCompoundVariant = (compoundVariants, slotName) => compoundVariants.filter((compoundVariant) => compoundVariant.css[slotName]).map((compoundVariant) => ({ ...compoundVariant, css: compoundVariant.css[slotName] }));\n\n// src/split-props.ts\nfunction splitProps(props, ...keys) {\n  const descriptors = Object.getOwnPropertyDescriptors(props);\n  const dKeys = Object.keys(descriptors);\n  const split = (k) => {\n    const clone = {};\n    for (let i = 0; i < k.length; i++) {\n      const key = k[i];\n      if (descriptors[key]) {\n        Object.defineProperty(clone, key, descriptors[key]);\n        delete descriptors[key];\n      }\n    }\n    return clone;\n  };\n  const fn = (key) => split(Array.isArray(key) ? key : dKeys.filter(key));\n  return keys.map(fn).concat(split(dKeys));\n}\n\n// src/uniq.ts\nvar uniq = (...items) => {\n  const set = items.reduce((acc, currItems) => {\n    if (currItems) {\n      currItems.forEach((item) => acc.add(item));\n    }\n    return acc;\n  }, /* @__PURE__ */ new Set([]));\n  return Array.from(set);\n};\nexport {\n  compact,\n  createCss,\n  createMergeCss,\n  filterBaseConditions,\n  getPatternStyles,\n  getSlotCompoundVariant,\n  getSlotRecipes,\n  hypenateProperty,\n  isBaseCondition,\n  isObject,\n  mapObject,\n  memo,\n  mergeProps,\n  patternFns,\n  splitProps,\n  toHash,\n  uniq,\n  walkObject,\n  withoutSpace\n};\n\n\n\n// src/normalize-html.ts\nvar htmlProps = [\"htmlSize\", \"htmlTranslate\", \"htmlWidth\", \"htmlHeight\"];\nfunction convert(key) {\n  return htmlProps.includes(key) ? key.replace(\"html\", \"\").toLowerCase() : key;\n}\nfunction normalizeHTMLProps(props) {\n  return Object.fromEntries(Object.entries(props).map(([key, value]) => [convert(key), value]));\n}\nnormalizeHTMLProps.keys = htmlProps;\nexport {\n  normalizeHTMLProps\n};\n\n\nexport function __spreadValues(a, b) {\n  return { ...a, ...b }\n}\n\nexport function __objRest(source, exclude) {\n  return Object.fromEntries(Object.entries(source).filter(([key]) => !exclude.includes(key)))\n}","import { withoutSpace } from '../helpers.js';\n\nconst conditionsStr = \"_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,_noscript,_invertedColors,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,base\"\nconst conditions = new Set(conditionsStr.split(','))\n\nconst conditionRegex = /^@|&|&$/\n\nexport function isCondition(value){\n  return conditions.has(value) || conditionRegex.test(value)\n}\n\nconst underscoreRegex = /^_/\nconst conditionsSelectorRegex = /&|@/\n\nexport function finalizeConditions(paths){\n  return paths.map((path) => {\n    if (conditions.has(path)){\n      return path.replace(underscoreRegex, '')\n    }\n\n    if (conditionsSelectorRegex.test(path)){\n      return `[${withoutSpace(path.trim())}]`\n    }\n\n    return path\n  })}\n\n  export function sortConditions(paths){\n    return paths.sort((a, b) => {\n      const aa = isCondition(a)\n      const bb = isCondition(b)\n      if (aa && !bb) return 1\n      if (!aa && bb) return -1\n      return 0\n    })\n  }","import { createCss, createMergeCss, hypenateProperty, withoutSpace } from '../helpers.js';\nimport { sortConditions, finalizeConditions } from './conditions.js';\n\nconst utilities = \"aspectRatio:asp,boxDecorationBreak:bx-db,zIndex:z,boxSizing:bx-s,objectPosition:obj-p,objectFit:obj-f,overscrollBehavior:ovs-b,overscrollBehaviorX:ovs-bx,overscrollBehaviorY:ovs-by,position:pos/1,top:top,left:left,inset:inset,insetInline:inset-x/insetX,insetBlock:inset-y/insetY,insetBlockEnd:inset-be,insetBlockStart:inset-bs,insetInlineEnd:inset-e/insetEnd/end,insetInlineStart:inset-s/insetStart/start,right:right,bottom:bottom,float:float,visibility:vis,display:d,hideFrom:hide,hideBelow:show,flexBasis:flex-b,flex:flex,flexDirection:flex-d/flexDir,flexGrow:flex-g,flexShrink:flex-sh,gridTemplateColumns:grid-tc,gridTemplateRows:grid-tr,gridColumn:grid-c,gridRow:grid-r,gridColumnStart:grid-cs,gridColumnEnd:grid-ce,gridAutoFlow:grid-af,gridAutoColumns:grid-ac,gridAutoRows:grid-ar,gap:gap,gridGap:grid-g,gridRowGap:grid-rg,gridColumnGap:grid-cg,rowGap:rg,columnGap:cg,justifyContent:jc,alignContent:ac,alignItems:ai,alignSelf:as,padding:p/1,paddingLeft:pl/1,paddingRight:pr/1,paddingTop:pt/1,paddingBottom:pb/1,paddingBlock:py/1/paddingY,paddingBlockEnd:pbe,paddingBlockStart:pbs,paddingInline:px/paddingX/1,paddingInlineEnd:pe/1/paddingEnd,paddingInlineStart:ps/1/paddingStart,marginLeft:ml/1,marginRight:mr/1,marginTop:mt/1,marginBottom:mb/1,margin:m/1,marginBlock:my/1/marginY,marginBlockEnd:mbe,marginBlockStart:mbs,marginInline:mx/1/marginX,marginInlineEnd:me/1/marginEnd,marginInlineStart:ms/1/marginStart,spaceX:sx,spaceY:sy,outlineWidth:ring-w/ringWidth,outlineColor:ring-c/ringColor,outline:ring/1,outlineOffset:ring-o/ringOffset,focusRing:focus-ring,focusVisibleRing:focus-v-ring,focusRingColor:focus-ring-c,focusRingOffset:focus-ring-o,focusRingWidth:focus-ring-w,focusRingStyle:focus-ring-s,divideX:dvd-x,divideY:dvd-y,divideColor:dvd-c,divideStyle:dvd-s,width:w/1,inlineSize:w-is,minWidth:min-w/minW,minInlineSize:min-w-is,maxWidth:max-w/maxW,maxInlineSize:max-w-is,height:h/1,blockSize:h-bs,minHeight:min-h/minH,minBlockSize:min-h-bs,maxHeight:max-h/maxH,maxBlockSize:max-b,boxSize:size,color:c,fontFamily:ff,fontSize:fs,fontSizeAdjust:fs-a,fontPalette:fp,fontKerning:fk,fontFeatureSettings:ff-s,fontWeight:fw,fontSmoothing:fsmt,fontVariant:fv,fontVariantAlternates:fv-alt,fontVariantCaps:fv-caps,fontVariationSettings:fv-s,fontVariantNumeric:fv-num,letterSpacing:ls,lineHeight:lh,textAlign:ta,textDecoration:td,textDecorationColor:td-c,textEmphasisColor:te-c,textDecorationStyle:td-s,textDecorationThickness:td-t,textUnderlineOffset:tu-o,textTransform:tt,textIndent:ti,textShadow:tsh,textShadowColor:tsh-c/textShadowColor,WebkitTextFillColor:wktf-c,textOverflow:tov,verticalAlign:va,wordBreak:wb,textWrap:tw,truncate:trunc,lineClamp:lc,listStyleType:li-t,listStylePosition:li-pos,listStyleImage:li-img,listStyle:li-s,backgroundPosition:bg-p/bgPosition,backgroundPositionX:bg-p-x/bgPositionX,backgroundPositionY:bg-p-y/bgPositionY,backgroundAttachment:bg-a/bgAttachment,backgroundClip:bg-cp/bgClip,background:bg/1,backgroundColor:bg-c/bgColor,backgroundOrigin:bg-o/bgOrigin,backgroundImage:bg-i/bgImage,backgroundRepeat:bg-r/bgRepeat,backgroundBlendMode:bg-bm/bgBlendMode,backgroundSize:bg-s/bgSize,backgroundGradient:bg-grad/bgGradient,backgroundLinear:bg-linear/bgLinear,backgroundRadial:bg-radial/bgRadial,backgroundConic:bg-conic/bgConic,textGradient:txt-grad,gradientFromPosition:grad-from-pos,gradientToPosition:grad-to-pos,gradientFrom:grad-from,gradientTo:grad-to,gradientVia:grad-via,gradientViaPosition:grad-via-pos,borderRadius:bdr/rounded,borderTopLeftRadius:bdr-tl/roundedTopLeft,borderTopRightRadius:bdr-tr/roundedTopRight,borderBottomRightRadius:bdr-br/roundedBottomRight,borderBottomLeftRadius:bdr-bl/roundedBottomLeft,borderTopRadius:bdr-t/roundedTop,borderRightRadius:bdr-r/roundedRight,borderBottomRadius:bdr-b/roundedBottom,borderLeftRadius:bdr-l/roundedLeft,borderStartStartRadius:bdr-ss/roundedStartStart,borderStartEndRadius:bdr-se/roundedStartEnd,borderStartRadius:bdr-s/roundedStart,borderEndStartRadius:bdr-es/roundedEndStart,borderEndEndRadius:bdr-ee/roundedEndEnd,borderEndRadius:bdr-e/roundedEnd,border:bd,borderWidth:bd-w,borderTopWidth:bd-t-w,borderLeftWidth:bd-l-w,borderRightWidth:bd-r-w,borderBottomWidth:bd-b-w,borderBlockStartWidth:bd-bs-w,borderBlockEndWidth:bd-be-w,borderColor:bd-c,borderInline:bd-x/borderX,borderInlineWidth:bd-x-w/borderXWidth,borderInlineColor:bd-x-c/borderXColor,borderBlock:bd-y/borderY,borderBlockWidth:bd-y-w/borderYWidth,borderBlockColor:bd-y-c/borderYColor,borderLeft:bd-l,borderLeftColor:bd-l-c,borderInlineStart:bd-s/borderStart,borderInlineStartWidth:bd-s-w/borderStartWidth,borderInlineStartColor:bd-s-c/borderStartColor,borderRight:bd-r,borderRightColor:bd-r-c,borderInlineEnd:bd-e/borderEnd,borderInlineEndWidth:bd-e-w/borderEndWidth,borderInlineEndColor:bd-e-c/borderEndColor,borderTop:bd-t,borderTopColor:bd-t-c,borderBottom:bd-b,borderBottomColor:bd-b-c,borderBlockEnd:bd-be,borderBlockEndColor:bd-be-c,borderBlockStart:bd-bs,borderBlockStartColor:bd-bs-c,opacity:op,boxShadow:bx-sh/shadow,boxShadowColor:bx-sh-c/shadowColor,mixBlendMode:mix-bm,filter:filter,brightness:brightness,contrast:contrast,grayscale:grayscale,hueRotate:hue-rotate,invert:invert,saturate:saturate,sepia:sepia,dropShadow:drop-shadow,blur:blur,backdropFilter:bkdp,backdropBlur:bkdp-blur,backdropBrightness:bkdp-brightness,backdropContrast:bkdp-contrast,backdropGrayscale:bkdp-grayscale,backdropHueRotate:bkdp-hue-rotate,backdropInvert:bkdp-invert,backdropOpacity:bkdp-opacity,backdropSaturate:bkdp-saturate,backdropSepia:bkdp-sepia,borderCollapse:bd-cl,borderSpacing:bd-sp,borderSpacingX:bd-sx,borderSpacingY:bd-sy,tableLayout:tbl,transitionTimingFunction:trs-tmf,transitionDelay:trs-dly,transitionDuration:trs-dur,transitionProperty:trs-prop,transition:trs,animation:anim,animationName:anim-n,animationTimingFunction:anim-tmf,animationDuration:anim-dur,animationDelay:anim-dly,animationPlayState:anim-ps,animationComposition:anim-comp,animationFillMode:anim-fm,animationDirection:anim-dir,animationIterationCount:anim-ic,animationRange:anim-r,animationState:anim-s,animationRangeStart:anim-rs,animationRangeEnd:anim-re,animationTimeline:anim-tl,transformOrigin:trf-o,transformBox:trf-b,transformStyle:trf-s,transform:trf,rotate:rotate,rotateX:rotate-x,rotateY:rotate-y,rotateZ:rotate-z,scale:scale,scaleX:scale-x,scaleY:scale-y,translate:translate,translateX:translate-x/x,translateY:translate-y/y,translateZ:translate-z/z,accentColor:ac-c,caretColor:ca-c,scrollBehavior:scr-bhv,scrollbar:scr-bar,scrollbarColor:scr-bar-c,scrollbarGutter:scr-bar-g,scrollbarWidth:scr-bar-w,scrollMargin:scr-m,scrollMarginLeft:scr-ml,scrollMarginRight:scr-mr,scrollMarginTop:scr-mt,scrollMarginBottom:scr-mb,scrollMarginBlock:scr-my/scrollMarginY,scrollMarginBlockEnd:scr-mbe,scrollMarginBlockStart:scr-mbt,scrollMarginInline:scr-mx/scrollMarginX,scrollMarginInlineEnd:scr-me,scrollMarginInlineStart:scr-ms,scrollPadding:scr-p,scrollPaddingBlock:scr-py/scrollPaddingY,scrollPaddingBlockStart:scr-pbs,scrollPaddingBlockEnd:scr-pbe,scrollPaddingInline:scr-px/scrollPaddingX,scrollPaddingInlineEnd:scr-pe,scrollPaddingInlineStart:scr-ps,scrollPaddingLeft:scr-pl,scrollPaddingRight:scr-pr,scrollPaddingTop:scr-pt,scrollPaddingBottom:scr-pb,scrollSnapAlign:scr-sa,scrollSnapStop:scrs-s,scrollSnapType:scrs-t,scrollSnapStrictness:scrs-strt,scrollSnapMargin:scrs-m,scrollSnapMarginTop:scrs-mt,scrollSnapMarginBottom:scrs-mb,scrollSnapMarginLeft:scrs-ml,scrollSnapMarginRight:scrs-mr,scrollSnapCoordinate:scrs-c,scrollSnapDestination:scrs-d,scrollSnapPointsX:scrs-px,scrollSnapPointsY:scrs-py,scrollSnapTypeX:scrs-tx,scrollSnapTypeY:scrs-ty,scrollTimeline:scrtl,scrollTimelineAxis:scrtl-a,scrollTimelineName:scrtl-n,touchAction:tch-a,userSelect:us,overflow:ov,overflowWrap:ov-wrap,overflowX:ov-x,overflowY:ov-y,overflowAnchor:ov-a,overflowBlock:ov-b,overflowInline:ov-i,overflowClipBox:ovcp-bx,overflowClipMargin:ovcp-m,overscrollBehaviorBlock:ovs-bb,overscrollBehaviorInline:ovs-bi,fill:fill,stroke:stk,strokeWidth:stk-w,strokeDasharray:stk-dsh,strokeDashoffset:stk-do,strokeLinecap:stk-lc,strokeLinejoin:stk-lj,strokeMiterlimit:stk-ml,strokeOpacity:stk-op,srOnly:sr,debug:debug,appearance:ap,backfaceVisibility:bfv,clipPath:cp-path,hyphens:hy,mask:msk,maskImage:msk-i,maskSize:msk-s,textSizeAdjust:txt-adj,container:cq,containerName:cq-n,containerType:cq-t,cursor:cursor,textStyle:textStyle\"\n\nconst classNameByProp = new Map()\nconst shorthands = new Map()\nutilities.split(',').forEach((utility) => {\n  const [prop, meta] = utility.split(':')\n  const [className, ...shorthandList] = meta.split('/')\n  classNameByProp.set(prop, className)\n  if (shorthandList.length) {\n    shorthandList.forEach((shorthand) => {\n      shorthands.set(shorthand === '1' ? className : shorthand, prop)\n    })\n  }\n})\n\nconst resolveShorthand = (prop) => shorthands.get(prop) || prop\n\nconst context = {\n  \n  conditions: {\n    shift: sortConditions,\n    finalize: finalizeConditions,\n    breakpoints: { keys: [\"base\",\"sm\",\"md\",\"lg\",\"xl\",\"2xl\"] }\n  },\n  utility: {\n    prefix: \"silver\",\n    transform: (prop, value) => {\n              const key = resolveShorthand(prop)\n              const propKey = classNameByProp.get(key) || hypenateProperty(key)\n              return { className: `${propKey}_${withoutSpace(value)}` }\n            },\n    hasShorthand: true,\n    toHash: (path, hashFn) => hashFn(path.join(\":\")),\n    resolveShorthand: resolveShorthand,\n  }\n}\n\nconst cssFn = createCss(context)\nexport const css = (...styles) => cssFn(mergeCss(...styles))\ncss.raw = (...styles) => mergeCss(...styles)\n\nexport const { mergeCss, assignCss } = createMergeCss(context)"]}

package/dist/{chunk-PGKOWMP4.js → chunk-OHKL4DOV.js}

@@ -1,7 +1,7 @@
-import { Icon } from './chunk-4W7L63LH.js';
-import { cva } from './chunk-NAELQLZN.js';
+import { sva } from './chunk-EHCAF6D3.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 { User } from 'lucide-react';
 import { createContext, use, useMemo, useState } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -15,25 +15,60 @@ function useAvatarGroup() {
 }
 
 // src/components/Avatar/Avatar.recipe.ts
-var avatarRecipe = cva({
+var avatarRecipe = sva({
+  slots: ["root", "content", "image", "fallback", "status"],
   base: {
-    position: "relative",
-    display: "inline-flex",
-    flexShrink: 0,
-    verticalAlign: "middle",
-    borderRadius: "full"
+    root: {
+      position: "relative",
+      display: "inline-flex",
+      flexShrink: 0,
+      verticalAlign: "middle",
+      borderRadius: "full"
+    },
+    content: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      borderRadius: "full",
+      overflow: "hidden",
+      userSelect: "none",
+      bg: "bg.subtle",
+      color: "fg.muted"
+    },
+    image: {
+      w: "100%",
+      h: "100%",
+      objectFit: "cover"
+    },
+    fallback: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      w: "100%",
+      h: "100%",
+      bg: "bg.subtle",
+      color: "fg.muted",
+      fontFamily: "body",
+      fontWeight: "medium",
+      textTransform: "uppercase"
+    },
+    status: {
+      position: "absolute"
+    }
   },
   variants: {
     isGrouped: {
       true: {
-        borderRadius: "full",
-        borderWidth: "emphasized",
-        borderStyle: "solid",
-        borderColor: "bg",
-        bg: "bg",
-        boxSizing: "content-box",
-        "&:not(:first-child)": {
-          marginInlineStart: "var(--avatar-group-overlap)"
+        root: {
+          borderRadius: "full",
+          borderWidth: "emphasized",
+          borderStyle: "solid",
+          borderColor: "bg",
+          bg: "bg",
+          boxSizing: "content-box",
+          "&:not(:first-child)": {
+            marginInlineStart: "var(--avatar-group-overlap)"
+          }
         }
       },
       false: {}
@@ -68,38 +103,6 @@ function resolveAvatarSize(size) {
       return 128;
   }
 }
-var styles = {
-  content: css({
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: "full",
-    overflow: "hidden",
-    userSelect: "none",
-    bg: "bg.subtle",
-    color: "fg.muted"
-  }),
-  image: css({
-    w: "100%",
-    h: "100%",
-    objectFit: "cover"
-  }),
-  fallback: css({
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    w: "100%",
-    h: "100%",
-    bg: "bg.subtle",
-    color: "fg.muted",
-    fontFamily: "body",
-    fontWeight: "medium",
-    textTransform: "uppercase"
-  }),
-  status: css({
-    position: "absolute"
-  })
-};
 function getInitials(name) {
   const words = name.trim().split(/\s+/).filter(Boolean);
   if (words.length === 0) {
@@ -130,6 +133,7 @@ function Avatar({
     () => resolveAvatarSize(resolvedSize),
     [resolvedSize]
   );
+  const classes = avatarRecipe({ isGrouped: avatarGroup != null });
   const initials = name != null ? getInitials(name) : "";
   const showInitials = initials !== "";
   const accessibleName = alt ?? (showInitials ? name : void 0) ?? "Avatar";
@@ -149,21 +153,19 @@ function Avatar({
     "div",
     {
       "aria-label": accessibleName,
-      className: cx(
-        avatarRecipe({ isGrouped: avatarGroup != null }),
-        className
-      ),
+      className: cx(classes.root, className),
       "data-testid": dataTestId,
       ref,
       role: "img",
       style,
       children: [
-        /* @__PURE__ */ jsx("div", { className: styles.content, style: contentStyle, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: classes.content, style: contentStyle, children: /* @__PURE__ */ jsx(
           AvatarImage,
           {
+            classes,
             fallbackSrc,
             src,
-            children: showInitials ? /* @__PURE__ */ jsx("div", { className: styles.fallback, style: fallbackStyle, children: initials }) : /* @__PURE__ */ jsx("div", { className: styles.fallback, children: /* @__PURE__ */ jsx(
+            children: showInitials ? /* @__PURE__ */ jsx("div", { className: classes.fallback, style: fallbackStyle, children: initials }) : /* @__PURE__ */ jsx("div", { className: classes.fallback, children: /* @__PURE__ */ jsx(
               Icon,
               {
                 icon: User,
@@ -173,13 +175,14 @@ function Avatar({
           },
           `${src}\0${fallbackSrc}`
         ) }),
-        status != null ? /* @__PURE__ */ jsx("div", { className: styles.status, style: statusStyle, children: status }) : null
+        status != null ? /* @__PURE__ */ jsx("div", { className: classes.status, style: statusStyle, children: status }) : null
       ]
     }
   ) });
 }
 function AvatarImage({
   children,
+  classes,
   fallbackSrc,
   src
 }) {
@@ -192,7 +195,7 @@ function AvatarImage({
       "img",
       {
         alt: "",
-        className: styles.image,
+        className: classes.image,
         onError: () => setImageError(true),
         src
       }
@@ -203,7 +206,7 @@ function AvatarImage({
       "img",
       {
         alt: "",
-        className: styles.image,
+        className: classes.image,
         onError: () => setFallbackError(true),
         src: fallbackSrc
       }
@@ -212,15 +215,14 @@ function AvatarImage({
   return /* @__PURE__ */ jsx(Fragment, { children });
 }
 Avatar.displayName = "Avatar";
-var styles2 = {
+var styles = {
   root: css({
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     borderRadius: "full",
     borderStyle: "solid",
-    borderColor: "bg",
-    boxSizing: "border-box"
+    borderColor: "bg"
   }),
   success: css({
     bg: "presence.success"
@@ -244,9 +246,9 @@ var styles2 = {
   })
 };
 var variantClassName = {
-  success: styles2.success,
-  neutral: styles2.neutral,
-  error: styles2.error
+  success: styles.success,
+  neutral: styles.neutral,
+  error: styles.error
 };
 function resolveStatusDotSize(avatarSize) {
   if (avatarSize <= 36) {
@@ -269,11 +271,18 @@ function AvatarStatusDot({
   const avatarSize = useAvatarSize();
   const { borderWidth, dotSize, iconSize } = resolveStatusDotSize(avatarSize);
   const hasVisibleIcon = icon != null && iconSize > 0;
+  if (process.env.NODE_ENV !== "production") {
+    if (icon != null && iconSize === 0) {
+      console.warn(
+        "AvatarStatusDot: `icon` is not visible at avatar sizes 36px or smaller. Use a larger avatar size or remove the `icon` prop."
+      );
+    }
+  }
   return /* @__PURE__ */ jsx(
     "div",
     {
       "aria-label": label,
-      className: cx(styles2.root, variantClassName[variant], className),
+      className: cx(styles.root, variantClassName[variant], className),
       "data-testid": dataTestId,
       ref,
       role: "img",
@@ -282,7 +291,7 @@ function AvatarStatusDot({
         "span",
         {
           "aria-hidden": "true",
-          className: styles2.icon,
+          className: styles.icon,
           style: { width: iconSize, height: iconSize },
           children: icon
         }
@@ -292,6 +301,6 @@ function AvatarStatusDot({
 }
 AvatarStatusDot.displayName = "AvatarStatusDot";
 
-export { Avatar, AvatarGroupContext, AvatarStatusDot, avatarRecipe, resolveAvatarSize, useAvatarGroup };
-//# sourceMappingURL=chunk-PGKOWMP4.js.map
-//# sourceMappingURL=chunk-PGKOWMP4.js.map
+export { Avatar, AvatarGroupContext, AvatarStatusDot, resolveAvatarSize, useAvatarGroup };
+//# sourceMappingURL=chunk-OHKL4DOV.js.map
+//# sourceMappingURL=chunk-OHKL4DOV.js.map