silver-ui 0.3.0 → 0.4.0

package/dist/chunk-EALKX3ST.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tabs/TabsContext.ts","../src/components/Tabs/Tab.tsx","../src/components/Tabs/Tabs.tsx","../src/components/Tabs/TabMenu.tsx"],"names":["createContext","use","css","useLinkComponent","cx","jsxs","Fragment","jsx","Icon","isReactNode","styles","useMemo","useState","useRef","Popover","Check","mergeRefs","ChevronDown"],"mappings":"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","file":"chunk-EALKX3ST.cjs","sourcesContent":["import {createContext, use} from 'react';\n\nexport type TabsSize = 'lg' | 'md' | 'sm';\nexport type TabsLayout = 'fill' | 'hug';\n\nexport interface TabsContextValue {\n  layout: TabsLayout;\n  onChange: (value: string) => void;\n  size: TabsSize;\n  value: string;\n}\n\nexport const TabsContext = createContext<TabsContextValue | null>(null);\n\nTabsContext.displayName = 'TabsContext';\n\nexport function useTabsContext(): TabsContextValue {\n  const context = use(TabsContext);\n  if (context == null) {\n    throw new Error('Tabs children must be used within a Tabs.');\n  }\n  return context;\n}\n","/* eslint-disable @eslint-react/static-components */\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport isReactNode from '../../internal/isReactNode';\nimport {Icon, type IconComponent} from '../Icon';\nimport type {LinkComponent} from '../Link';\nimport {useLinkComponent} from '../Link';\nimport {useTabsContext} from './TabsContext';\n\nexport interface TabProps {\n  /**\n   * Custom link component used when href is set.\n   */\n  as?: LinkComponent;\n  /**\n   * Additional CSS class names applied to the tab.\n   */\n  className?: string;\n  /**\n   * ID of the tabpanel controlled by this tab. Use this for in-page tabs, and\n   * render the corresponding panel with `id={controls}`, `role=\"tabpanel\"`,\n   * and `aria-labelledby` pointing to this tab's `id`.\n   */\n  controls?: string;\n  /**\n   * Test ID applied to the tab.\n   */\n  'data-testid'?: string;\n  /**\n   * Content rendered after the label.\n   */\n  endContent?: ReactNode;\n  /**\n   * Optional link URL. When set, the tab renders as a link.\n   */\n  href?: string;\n  /**\n   * Icon shown before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * ID applied to the tab element. Provide this with `controls` when rendering\n   * your own tabpanel so the panel can reference the tab with\n   * `aria-labelledby`.\n   */\n  id?: string;\n  /**\n   * Whether the tab is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Visible tab label.\n   */\n  label: string;\n  /**\n   * Ref forwarded to the tab root.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Icon shown when selected. Falls back to icon.\n   */\n  selectedIcon?: IconComponent;\n  /**\n   * Inline styles applied to the tab.\n   */\n  style?: CSSProperties;\n  /**\n   * Unique tab value.\n   */\n  value: string;\n}\n\nconst styles = {\n  root: css({\n    position: 'relative',\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: '1',\n    mb: '-1px',\n    px: '3',\n    borderWidth: 0,\n    borderBottomWidth: 'emphasized',\n    borderBottomStyle: 'solid',\n    borderBottomColor: 'transparent',\n    bg: 'transparent',\n    color: 'fg.muted',\n    cursor: 'pointer',\n    fontFamily: 'body',\n    fontSize: 'md',\n    fontWeight: 'normal',\n    lineHeight: 'normal',\n    textDecoration: 'none',\n    whiteSpace: 'nowrap',\n    transitionProperty: 'color, background-color, border-color',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n    _hover: {\n      bg: 'bg.subtle',\n    },\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n  }),\n  selected: css({\n    borderBottomColor: 'fg',\n    color: 'fg',\n    fontWeight: 'semibold',\n  }),\n  disabled: css({\n    color: 'fg.disabled',\n    cursor: 'not-allowed',\n    _hover: {\n      bg: 'transparent',\n    },\n  }),\n  fill: css({\n    flex: 1,\n  }),\n  icon: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n  }),\n  label: css({\n    display: 'inline-grid',\n  }),\n  labelText: css({\n    gridRowStart: 1,\n    gridColumnStart: 1,\n  }),\n  labelSizer: css({\n    gridRowStart: 1,\n    gridColumnStart: 1,\n    visibility: 'hidden',\n    pointerEvents: 'none',\n    fontWeight: 'semibold',\n  }),\n  endContent: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    flexShrink: 0,\n  }),\n  size: {\n    sm: css({h: 'component.sm'}),\n    md: css({h: 'component.md'}),\n    lg: css({h: 'component.lg'}),\n  },\n} as const;\n\n/**\n * A single tab inside `Tabs`.\n */\nexport function Tab({\n  as,\n  className,\n  'data-testid': dataTestId,\n  controls,\n  endContent,\n  href,\n  id,\n  icon,\n  isDisabled = false,\n  label,\n  ref,\n  selectedIcon,\n  style,\n  value,\n}: TabProps): React.JSX.Element {\n  const context = useTabsContext();\n  const LinkComponent = useLinkComponent(as);\n  const isSelected = context.value === value;\n  const displayIcon = isSelected && selectedIcon != null ? selectedIcon : icon;\n  const rootClassName = cx(\n    styles.root,\n    styles.size[context.size],\n    isSelected ? styles.selected : undefined,\n    isDisabled ? styles.disabled : undefined,\n    context.layout === 'fill' ? styles.fill : undefined,\n    className,\n  );\n  const content = (\n    <>\n      {displayIcon != null ? (\n        <span className={styles.icon}>\n          <Icon icon={displayIcon} size={context.size} />\n        </span>\n      ) : null}\n      <span className={styles.label}>\n        <span className={styles.labelText}>{label}</span>\n        <span aria-hidden=\"true\" className={styles.labelSizer}>\n          {label}\n        </span>\n      </span>\n      {isReactNode(endContent) ? (\n        <span className={styles.endContent}>{endContent}</span>\n      ) : null}\n    </>\n  );\n\n  if (href != null) {\n    return (\n      <LinkComponent\n        aria-controls={controls}\n        aria-disabled={isDisabled || undefined}\n        aria-selected={isSelected}\n        className={rootClassName}\n        data-tab-disabled={isDisabled ? 'true' : undefined}\n        data-tab-value={isDisabled ? undefined : value}\n        data-testid={dataTestId}\n        href={href}\n        id={id}\n        onClick={event => {\n          if (isDisabled) {\n            event.preventDefault();\n            return;\n          }\n\n          context.onChange(value);\n        }}\n        ref={ref as Ref<HTMLAnchorElement>}\n        role=\"tab\"\n        style={style}\n        tabIndex={isSelected && !isDisabled ? 0 : -1}\n        to={LinkComponent === 'a' ? undefined : href}>\n        {content}\n      </LinkComponent>\n    );\n  }\n\n  return (\n    <button\n      aria-controls={controls}\n      aria-disabled={isDisabled || undefined}\n      aria-selected={isSelected}\n      className={rootClassName}\n      data-tab-disabled={isDisabled ? 'true' : undefined}\n      data-tab-value={isDisabled ? undefined : value}\n      data-testid={dataTestId}\n      disabled={isDisabled}\n      id={id}\n      onClick={() => {\n        if (isDisabled) {\n          return;\n        }\n\n        context.onChange(value);\n      }}\n      ref={ref as Ref<HTMLButtonElement>}\n      role=\"tab\"\n      style={style}\n      tabIndex={isSelected && !isDisabled ? 0 : -1}\n      type=\"button\">\n      {content}\n    </button>\n  );\n}\n\nTab.displayName = 'Tab';\n","import {\n  useMemo,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {TabsContext, type TabsLayout, type TabsSize} from './TabsContext';\n\nexport interface TabsProps {\n  /**\n   * Tab and TabMenu children.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the tablist element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the tablist element.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to show a bottom divider.\n   * @default false\n   */\n  hasDivider?: boolean;\n  /**\n   * Accessible label for the tabs.\n   * @default 'Tabs'\n   */\n  label?: string;\n  /**\n   * Tab layout mode.\n   * @default 'hug'\n   */\n  layout?: TabsLayout;\n  /**\n   * Called when a tab is selected.\n   */\n  onChange: (value: string) => void;\n  /**\n   * Ref forwarded to the tablist element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Tab size.\n   * @default 'md'\n   */\n  size?: TabsSize;\n  /**\n   * Inline styles applied to the tablist element.\n   */\n  style?: CSSProperties;\n  /**\n   * Current selected tab value.\n   */\n  value: string;\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'stretch',\n    maxW: 'full',\n    minW: 0,\n  }),\n  fill: css({\n    w: 'full',\n  }),\n  divider: css({\n    borderBlockEndWidth: 'default',\n    borderBlockEndStyle: 'solid',\n    borderBlockEndColor: 'border',\n  }),\n} as const;\n\n/**\n * Controlled tab wrapper.\n *\n * Uses `tablist` / `tabpanel` semantics, so reach for it when selecting an\n * option shows or hides associated content panels. To pick a value without\n * swapping panels — a styled radio group for filters, settings, or view modes —\n * use {@link SegmentedControl} instead.\n */\nexport function Tabs({\n  children,\n  className,\n  'data-testid': dataTestId,\n  hasDivider = false,\n  label = 'Tabs',\n  layout = 'hug',\n  onChange,\n  ref,\n  size = 'md',\n  style,\n  value,\n}: TabsProps): React.JSX.Element {\n  const contextValue = useMemo(\n    () => ({layout, onChange, size, value}),\n    [layout, onChange, size, value],\n  );\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    if (\n      event.key !== 'ArrowLeft' &&\n      event.key !== 'ArrowRight' &&\n      event.key !== 'Home' &&\n      event.key !== 'End'\n    ) {\n      return;\n    }\n\n    const activeTab = (event.target as HTMLElement).closest<HTMLElement>(\n      '[role=\"tab\"]',\n    );\n    if (activeTab == null || !event.currentTarget.contains(activeTab)) {\n      return;\n    }\n\n    const tabs = Array.from(\n      event.currentTarget.querySelectorAll<HTMLElement>(\n        '[role=\"tab\"]:not([data-tab-disabled=\"true\"])',\n      ),\n    );\n    const currentIndex = tabs.indexOf(activeTab);\n    if (currentIndex === -1) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const nextIndex =\n      event.key === 'Home'\n        ? 0\n        : event.key === 'End'\n          ? tabs.length - 1\n          : event.key === 'ArrowRight'\n            ? (currentIndex + 1) % tabs.length\n            : (currentIndex - 1 + tabs.length) % tabs.length;\n    const nextTab = tabs[nextIndex];\n    nextTab.focus();\n\n    const nextValue = nextTab.dataset.tabValue;\n    if (nextValue != null) {\n      onChange(nextValue);\n    }\n  };\n\n  return (\n    <TabsContext value={contextValue}>\n      <div\n        aria-label={label}\n        className={cx(\n          styles.root,\n          layout === 'fill' ? styles.fill : undefined,\n          hasDivider ? styles.divider : undefined,\n          className,\n        )}\n        data-testid={dataTestId}\n        onKeyDown={handleKeyDown}\n        ref={ref as Ref<HTMLDivElement>}\n        role=\"tablist\"\n        style={style}\n        tabIndex={-1}>\n        {children}\n      </div>\n    </TabsContext>\n  );\n}\n\nTabs.displayName = 'Tabs';\n","import {Check, ChevronDown} from 'lucide-react';\nimport {\n  useRef,\n  useState,\n  type CSSProperties,\n  type KeyboardEvent,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {mergeRefs} from '../../internal/mergeRefs';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Popover} from '../Popover';\nimport {useTabsContext} from './TabsContext';\n\nexport interface TabMenuOption {\n  /**\n   * Icon rendered before the option label.\n   */\n  icon?: IconComponent;\n  /**\n   * Visible option label.\n   */\n  label: string;\n  /**\n   * Tab value selected by this option.\n   */\n  value: string;\n}\n\nexport interface TabMenuProps {\n  /**\n   * Additional CSS class names applied to the trigger.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the trigger.\n   */\n  'data-testid'?: string;\n  /**\n   * ID applied to the menu trigger tab.\n   */\n  id?: string;\n  /**\n   * Whether the menu trigger is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Trigger and menu heading label.\n   */\n  label: string;\n  /**\n   * Menu options.\n   */\n  options: ReadonlyArray<TabMenuOption>;\n  /**\n   * Ref forwarded to the trigger button.\n   */\n  ref?: Ref<HTMLButtonElement>;\n  /**\n   * Inline styles applied to the trigger.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  trigger: css({\n    position: 'relative',\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: '1',\n    mb: '-1px',\n    px: '3',\n    borderWidth: 0,\n    borderBottomWidth: 'emphasized',\n    borderBottomStyle: 'solid',\n    borderBottomColor: 'transparent',\n    bg: 'transparent',\n    color: 'fg.muted',\n    cursor: 'pointer',\n    fontFamily: 'body',\n    fontSize: 'md',\n    fontWeight: 'normal',\n    lineHeight: 'normal',\n    whiteSpace: 'nowrap',\n    _hover: {bg: 'bg.subtle'},\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n  }),\n  triggerSelected: css({\n    borderBottomColor: 'fg',\n    color: 'fg',\n    fontWeight: 'semibold',\n  }),\n  triggerDisabled: css({\n    color: 'fg.disabled',\n    cursor: 'not-allowed',\n    _hover: {bg: 'transparent'},\n  }),\n  fill: css({flex: 1}),\n  size: {\n    sm: css({h: 'component.sm'}),\n    md: css({h: 'component.md'}),\n    lg: css({h: 'component.lg'}),\n  },\n  chevron: css({\n    display: 'inline-flex',\n  }),\n  chevronOpen: css({transform: 'rotate(180deg)'}),\n  menu: css({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '0.5',\n    minW: '40',\n    p: '1',\n  }),\n  item: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: '2',\n    w: 'full',\n    px: '2',\n    py: '2',\n    borderWidth: 0,\n    borderRadius: 'md',\n    bg: 'transparent',\n    color: 'fg',\n    cursor: 'pointer',\n    fontFamily: 'body',\n    textAlign: 'start',\n    _hover: {bg: 'bg.subtle'},\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffsetTight',\n    },\n  }),\n  itemSelected: css({fontWeight: 'medium'}),\n  itemContent: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '2',\n    minW: 0,\n  }),\n  itemIcon: css({\n    display: 'inline-flex',\n    color: 'fg.muted',\n  }),\n  check: css({\n    display: 'inline-flex',\n    color: 'primary',\n  }),\n} as const;\n\n/**\n * Overflow menu for additional tabs.\n */\nexport function TabMenu({\n  className,\n  'data-testid': dataTestId,\n  id,\n  isDisabled = false,\n  label,\n  options,\n  ref,\n  style,\n}: TabMenuProps): React.JSX.Element {\n  const context = useTabsContext();\n  const [isOpen, setIsOpen] = useState(false);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const selectedOption = options.find(option => option.value === context.value);\n  const triggerLabel = selectedOption?.label ?? label;\n  const hasSelectedOption = selectedOption != null;\n\n  const focusMenuItem = (\n    event: KeyboardEvent<HTMLElement>,\n    nextIndex: number,\n  ) => {\n    const menu = event.currentTarget.closest<HTMLElement>('[role=\"menu\"]');\n    const items = Array.from(\n      menu?.querySelectorAll<HTMLButtonElement>('[role=\"menuitem\"]') ?? [],\n    );\n    items[nextIndex]?.focus();\n  };\n\n  const handleMenuKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    const menu = event.currentTarget.closest<HTMLElement>('[role=\"menu\"]');\n    const items = Array.from(\n      menu?.querySelectorAll<HTMLButtonElement>('[role=\"menuitem\"]') ?? [],\n    );\n    const activeIndex = items.indexOf(\n      document.activeElement as HTMLButtonElement,\n    );\n\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      setIsOpen(false);\n      triggerRef.current?.focus();\n      return;\n    }\n\n    if (items.length === 0) {\n      return;\n    }\n\n    if (event.key === 'Home') {\n      event.preventDefault();\n      focusMenuItem(event, 0);\n      return;\n    }\n\n    if (event.key === 'End') {\n      event.preventDefault();\n      focusMenuItem(event, items.length - 1);\n      return;\n    }\n\n    if (event.key !== 'ArrowDown' && event.key !== 'ArrowUp') {\n      return;\n    }\n\n    event.preventDefault();\n\n    const currentIndex = activeIndex === -1 ? 0 : activeIndex;\n    const nextIndex =\n      event.key === 'ArrowDown'\n        ? (currentIndex + 1) % items.length\n        : (currentIndex - 1 + items.length) % items.length;\n    focusMenuItem(event, nextIndex);\n  };\n\n  return (\n    <Popover\n      content={\n        <div className={styles.menu}>\n          {options.map(option => {\n            const isSelected = option.value === context.value;\n            return (\n              <button\n                aria-current={isSelected ? 'true' : undefined}\n                className={cx(\n                  styles.item,\n                  isSelected ? styles.itemSelected : undefined,\n                )}\n                key={option.value}\n                onClick={() => {\n                  context.onChange(option.value);\n                  setIsOpen(false);\n                }}\n                onKeyDown={handleMenuKeyDown}\n                role=\"menuitem\"\n                type=\"button\">\n                <span className={styles.itemContent}>\n                  {option.icon != null ? (\n                    <span className={styles.itemIcon}>\n                      <Icon color=\"secondary\" icon={option.icon} size=\"sm\" />\n                    </span>\n                  ) : null}\n                  {option.label}\n                </span>\n                {isSelected ? (\n                  <span className={styles.check}>\n                    <Icon color=\"accent\" icon={Check} size=\"sm\" />\n                  </span>\n                ) : null}\n              </button>\n            );\n          })}\n        </div>\n      }\n      hasAutoFocus\n      hasCloseButton={false}\n      isEnabled={!isDisabled}\n      isOpen={isOpen}\n      label={label}\n      onOpenChange={setIsOpen}\n      role=\"menu\">\n      <button\n        aria-disabled={isDisabled || undefined}\n        aria-selected={hasSelectedOption}\n        className={cx(\n          styles.trigger,\n          styles.size[context.size],\n          hasSelectedOption ? styles.triggerSelected : undefined,\n          isDisabled ? styles.triggerDisabled : undefined,\n          context.layout === 'fill' ? styles.fill : undefined,\n          className,\n        )}\n        data-tab-disabled={isDisabled ? 'true' : undefined}\n        data-tab-value={\n          hasSelectedOption && !isDisabled ? context.value : undefined\n        }\n        data-testid={dataTestId}\n        disabled={isDisabled}\n        id={id}\n        onKeyDown={event => {\n          if (event.key !== 'ArrowDown') {\n            return;\n          }\n\n          event.preventDefault();\n          setIsOpen(true);\n        }}\n        ref={mergeRefs(triggerRef, ref)}\n        role=\"tab\"\n        style={style}\n        tabIndex={hasSelectedOption && !isDisabled ? 0 : -1}\n        type=\"button\">\n        {triggerLabel}\n        <span\n          className={cx(\n            styles.chevron,\n            isOpen ? styles.chevronOpen : undefined,\n          )}>\n          <Icon icon={ChevronDown} size=\"sm\" />\n        </span>\n      </button>\n    </Popover>\n  );\n}\n\nTabMenu.displayName = 'TabMenu';\n"]}

package/dist/{chunk-ZW2ATXTL.js → chunk-EBDODJ5X.js}

@@ -1,11 +1,12 @@
 import { inputStyles, inputRecipe } from './chunk-3M23WX6K.js';
-import { getNecessity, Field } from './chunk-K6CQ45C2.js';
+import { getNecessity, Field } from './chunk-RLOGQBFD.js';
 import { getStatusMessageID, getDescribedBy, getStatusIcon } from './chunk-WOIWI2UO.js';
-import { Spinner } from './chunk-S54CKWKV.js';
-import { Text } from './chunk-J2FCNWYM.js';
+import { Spinner } from './chunk-6ULCJ3XZ.js';
+import { Text } from './chunk-QRFDPG34.js';
+import { isReactNode } from './chunk-2PSZAWLC.js';
 import { Icon } from './chunk-7T3SWOY7.js';
-import { cx } from './chunk-PPNETWIP.js';
 import { css } from './chunk-OD4DHHZH.js';
+import { cx } from './chunk-PPNETWIP.js';
 import { useId } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -56,7 +57,7 @@ function TextArea({
   ref
 }) {
   const inputId = useId();
-  const descriptionID = description != null ? `${inputId}-description` : void 0;
+  const descriptionID = isReactNode(description) ? `${inputId}-description` : void 0;
   const statusMessageID = getStatusMessageID(inputId, status);
   const counterID = maxLength != null ? `${inputId}-counter` : void 0;
   const describedBy = getDescribedBy(descriptionID, statusMessageID, counterID);
@@ -146,5 +147,5 @@ function TextArea({
 TextArea.displayName = "TextArea";
 
 export { TextArea };
-//# sourceMappingURL=chunk-ZW2ATXTL.js.map
-//# sourceMappingURL=chunk-ZW2ATXTL.js.map
+//# sourceMappingURL=chunk-EBDODJ5X.js.map
+//# sourceMappingURL=chunk-EBDODJ5X.js.map

package/dist/chunk-EBDODJ5X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"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","file":"chunk-EBDODJ5X.js","sourcesContent":["import {\n  useId,\n  type ChangeEvent,\n  type CSSProperties,\n  type ClipboardEvent,\n  type FocusEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport isReactNode from '../../internal/isReactNode';\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 {Spinner} from '../Spinner';\nimport {Text} from '../Text';\n\nexport type TextAreaProps = {\n  /**\n   * Additional CSS class names applied to the textarea wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the textarea element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether to focus the textarea on mount.\n   * @default false\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Whether the browser spellcheck is enabled.\n   * @default true\n   */\n  hasSpellCheck?: boolean;\n  /**\n   * HTML name attribute.\n   */\n  htmlName?: string;\n  /**\n   * Whether the textarea 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 textarea is loading.\n   * @default false\n   */\n  isLoading?: 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 character count. Displays a counter when set.\n   */\n  maxLength?: number;\n  /**\n   * Called when the textarea loses focus.\n   */\n  onBlur?: (event: FocusEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Called with the next string value.\n   */\n  onChange: (value: string, event: ChangeEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Called when the textarea receives focus.\n   */\n  onFocus?: (event: FocusEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Called when content is pasted into the textarea.\n   */\n  onPaste?: (event: ClipboardEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Placeholder text.\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the textarea element.\n   */\n  ref?: Ref<HTMLTextAreaElement>;\n  /**\n   * Number of visible text rows.\n   * @default 3\n   */\n  rows?: number;\n  /**\n   * Visual size.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Icon shown before the textarea.\n   */\n  startIcon?: IconComponent;\n  /**\n   * Validation status displayed below the textarea.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the textarea wrapper.\n   */\n  style?: CSSProperties;\n  /**\n   * Controlled textarea value.\n   */\n  value: string;\n} & FieldNecessity;\n\nconst styles = {\n  wrapper: css({\n    alignItems: 'flex-start',\n    py: '2',\n  }),\n  textarea: css({\n    resize: 'vertical',\n    minH: '20',\n  }),\n  counter: css({\n    alignSelf: 'flex-end',\n    mt: '1',\n  }),\n  counterOverLimit: css({\n    color: 'status.error.fg',\n  }),\n} as const;\n\n/**\n * Multi-line text input field with optional character counter.\n */\nexport function TextArea({\n  label,\n  value,\n  onChange,\n  rows = 3,\n  size = 'md',\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  hasSpellCheck = true,\n  hasAutoFocus = false,\n  htmlName,\n  status,\n  labelIcon,\n  labelTooltip,\n  startIcon,\n  placeholder,\n  maxLength,\n  onPaste,\n  onFocus,\n  onBlur,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: TextAreaProps): React.JSX.Element {\n  const inputId = useId();\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const counterID = maxLength != null ? `${inputId}-counter` : undefined;\n  const describedBy = getDescribedBy(descriptionID, statusMessageID, counterID);\n  const isOverLimit = maxLength != null && value.length > maxLength;\n\n  const necessity = getNecessity(isOptional, isRequired);\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      <div\n        className={cx(\n          inputRecipe({\n            size,\n            status: status?.type,\n            isDisabled,\n          }),\n          styles.wrapper,\n        )}>\n        {startIcon != null ? (\n          <span className={inputStyles.iconSlot}>\n            <Icon color=\"secondary\" icon={startIcon} size=\"sm\" />\n          </span>\n        ) : null}\n        <textarea\n          aria-busy={isLoading || undefined}\n          aria-describedby={describedBy}\n          aria-invalid={status?.type === 'error' || isOverLimit || undefined}\n          aria-required={isRequired ?? undefined}\n          // eslint-disable-next-line jsx-a11y-x/no-autofocus\n          autoFocus={hasAutoFocus}\n          className={cx(inputStyles.control, styles.textarea)}\n          data-autofocus={hasAutoFocus || undefined}\n          data-testid={dataTestId}\n          disabled={isDisabled}\n          id={inputId}\n          name={htmlName}\n          onBlur={onBlur}\n          onChange={event => onChange(event.target.value, event)}\n          onFocus={onFocus}\n          onPaste={onPaste}\n          placeholder={placeholder}\n          ref={ref}\n          rows={rows}\n          spellCheck={hasSpellCheck}\n          value={value}\n        />\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      {maxLength != null ? (\n        <Text\n          as=\"span\"\n          className={cx(\n            styles.counter,\n            isOverLimit ? styles.counterOverLimit : undefined,\n          )}\n          color=\"secondary\"\n          id={counterID}\n          type=\"supporting\">\n          {value.length}/{maxLength}\n        </Text>\n      ) : null}\n    </Field>\n  );\n}\n\nTextArea.displayName = 'TextArea';\n"]}

package/dist/chunk-FB245S6T.cjs

@@ -0,0 +1,395 @@
+'use strict';
+
+var chunkFNZOICR4_cjs = require('./chunk-FNZOICR4.cjs');
+var chunkGYVWTH3U_cjs = require('./chunk-GYVWTH3U.cjs');
+var chunk7CCXHH6Y_cjs = require('./chunk-7CCXHH6Y.cjs');
+var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
+var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
+var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Tag/Tag.recipe.ts
+var tagRecipe = chunkZ6RT3WPE_cjs.sva({
+  slots: ["root", "body", "label", "removeButton"],
+  base: {
+    root: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: "1",
+      maxW: "full",
+      overflow: "hidden",
+      borderWidth: 0,
+      borderRadius: "sm",
+      fontFamily: "body",
+      fontWeight: "medium",
+      lineHeight: "normal",
+      textDecoration: "none",
+      whiteSpace: "nowrap",
+      verticalAlign: "middle",
+      _hover: {
+        textDecoration: "none"
+      }
+    },
+    body: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: "inherit",
+      p: 0,
+      borderWidth: 0,
+      font: "inherit",
+      color: "inherit",
+      bg: "transparent",
+      cursor: "pointer",
+      minW: 0,
+      _focusVisible: {
+        outlineWidth: "focus",
+        outlineStyle: "solid",
+        outlineColor: "primary",
+        outlineOffset: "focusOffset"
+      }
+    },
+    label: {
+      minW: 0,
+      overflow: "hidden",
+      textOverflow: "ellipsis"
+    },
+    removeButton: {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flexShrink: 0,
+      p: 0,
+      borderWidth: 0,
+      borderRadius: "full",
+      bg: "transparent",
+      color: "inherit",
+      cursor: "pointer",
+      _hover: {
+        opacity: 0.7
+      },
+      _active: {
+        opacity: 0.5
+      },
+      _focusVisible: {
+        outlineWidth: "focus",
+        outlineStyle: "solid",
+        outlineColor: "primary",
+        outlineOffset: "focusOffset"
+      }
+    }
+  },
+  variants: {
+    size: {
+      sm: {
+        root: {
+          minH: "6",
+          px: "2",
+          fontSize: "sm"
+        }
+      },
+      md: {
+        root: {
+          minH: "8",
+          px: "2",
+          fontSize: "sm"
+        }
+      },
+      lg: {
+        root: {
+          minH: "10",
+          px: "2.5",
+          fontSize: "md"
+        }
+      }
+    },
+    color: {
+      red: {
+        root: {
+          bg: "surface.red",
+          color: "surface.red.fg",
+          _hover: { bg: "surface.red.hover" }
+        }
+      },
+      orange: {
+        root: {
+          bg: "surface.orange",
+          color: "surface.orange.fg",
+          _hover: { bg: "surface.orange.hover" }
+        }
+      },
+      yellow: {
+        root: {
+          bg: "surface.yellow",
+          color: "surface.yellow.fg",
+          _hover: { bg: "surface.yellow.hover" }
+        }
+      },
+      green: {
+        root: {
+          bg: "surface.green",
+          color: "surface.green.fg",
+          _hover: { bg: "surface.green.hover" }
+        }
+      },
+      teal: {
+        root: {
+          bg: "surface.teal",
+          color: "surface.teal.fg",
+          _hover: { bg: "surface.teal.hover" }
+        }
+      },
+      cyan: {
+        root: {
+          bg: "surface.cyan",
+          color: "surface.cyan.fg",
+          _hover: { bg: "surface.cyan.hover" }
+        }
+      },
+      blue: {
+        root: {
+          bg: "surface.blue",
+          color: "surface.blue.fg",
+          _hover: { bg: "surface.blue.hover" }
+        }
+      },
+      purple: {
+        root: {
+          bg: "surface.purple",
+          color: "surface.purple.fg",
+          _hover: { bg: "surface.purple.hover" }
+        }
+      },
+      pink: {
+        root: {
+          bg: "surface.pink",
+          color: "surface.pink.fg",
+          _hover: { bg: "surface.pink.hover" }
+        }
+      },
+      gray: {
+        root: {
+          bg: "surface.gray",
+          color: "surface.gray.fg",
+          _hover: { bg: "surface.gray.hover" }
+        }
+      }
+    },
+    isInteractive: {
+      true: {
+        root: {
+          cursor: "pointer",
+          _focusVisible: {
+            outlineWidth: "focus",
+            outlineStyle: "solid",
+            outlineColor: "primary",
+            outlineOffset: "focusOffset"
+          }
+        }
+      }
+    },
+    isDisabled: {
+      true: {
+        root: {
+          opacity: 0.55,
+          cursor: "not-allowed",
+          pointerEvents: "none"
+        }
+      }
+    },
+    /**
+     * When true, the root element is the interactive element itself
+     * (a bare `<button>`) and needs native button styling reset.
+     */
+    isRootInteractive: {
+      true: {
+        root: {
+          p: 0,
+          borderWidth: 0,
+          font: "inherit",
+          cursor: "pointer"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "gray"
+  }
+});
+function TagBody({
+  endContent,
+  icon,
+  isLabelHidden,
+  label,
+  labelClassName,
+  size = "md",
+  startContent
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    startContent,
+    icon != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { "aria-hidden": "true", color: "inherit", icon, size }) : null,
+    isLabelHidden === true ? /* @__PURE__ */ jsxRuntime.jsx(chunkGYVWTH3U_cjs.VisuallyHidden, { children: label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: labelClassName, children: label }),
+    endContent
+  ] });
+}
+function RemoveButton({
+  className,
+  isDisabled,
+  label,
+  onRemove
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      "aria-label": `Remove ${label}`,
+      className,
+      disabled: isDisabled,
+      onClick: (event) => {
+        event.stopPropagation();
+        onRemove(event);
+      },
+      type: "button",
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { icon: lucideReact.X, size: "sm" })
+    }
+  );
+}
+function Tag({
+  className,
+  color = "gray",
+  "data-testid": dataTestId,
+  description,
+  endContent,
+  href,
+  icon,
+  isDisabled = false,
+  isLabelHidden = false,
+  label,
+  onClick,
+  onRemove,
+  ref,
+  size = "md",
+  startContent,
+  style,
+  tooltip
+}) {
+  const isInteractive = href != null || onClick != null;
+  const isRootInteractive = href == null && onClick != null && onRemove == null;
+  const classes = tagRecipe({
+    size,
+    color,
+    isInteractive: isInteractive || void 0,
+    isDisabled: isDisabled || void 0,
+    isRootInteractive: isRootInteractive || void 0
+  });
+  const rootClassName = chunkSPDVNY2Z_cjs.cx(classes.root, className);
+  const sharedProps = {
+    "aria-description": description,
+    className: rootClassName,
+    "data-testid": dataTestId,
+    style
+  };
+  let element;
+  const bodyProps = {
+    endContent,
+    icon,
+    isLabelHidden,
+    label,
+    labelClassName: classes.label,
+    size,
+    startContent
+  };
+  if (href != null && onRemove != null) {
+    element = /* @__PURE__ */ jsxRuntime.jsxs("span", { ...sharedProps, "aria-label": label, ref, role: "group", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkFNZOICR4_cjs.Link,
+        {
+          className: classes.body,
+          color: "inherit",
+          href,
+          isDisabled,
+          onClick,
+          children: /* @__PURE__ */ jsxRuntime.jsx(TagBody, { ...bodyProps })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        RemoveButton,
+        {
+          className: classes.removeButton,
+          isDisabled,
+          label,
+          onRemove
+        }
+      )
+    ] });
+  } else if (href != null) {
+    element = /* @__PURE__ */ jsxRuntime.jsx(
+      chunkFNZOICR4_cjs.Link,
+      {
+        ...sharedProps,
+        color: "inherit",
+        href,
+        isDisabled,
+        onClick,
+        ref,
+        children: /* @__PURE__ */ jsxRuntime.jsx(TagBody, { ...bodyProps })
+      }
+    );
+  } else if (onClick != null && onRemove != null) {
+    element = /* @__PURE__ */ jsxRuntime.jsxs("span", { ...sharedProps, "aria-label": label, ref, role: "group", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: classes.body,
+          disabled: isDisabled,
+          onClick,
+          type: "button",
+          children: /* @__PURE__ */ jsxRuntime.jsx(TagBody, { ...bodyProps })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        RemoveButton,
+        {
+          className: classes.removeButton,
+          isDisabled,
+          label,
+          onRemove
+        }
+      )
+    ] });
+  } else if (onClick != null) {
+    element = /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        ...sharedProps,
+        disabled: isDisabled,
+        onClick,
+        ref,
+        type: "button",
+        children: /* @__PURE__ */ jsxRuntime.jsx(TagBody, { ...bodyProps })
+      }
+    );
+  } else {
+    element = /* @__PURE__ */ jsxRuntime.jsxs("span", { ...sharedProps, ref, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(TagBody, { ...bodyProps }),
+      onRemove != null ? /* @__PURE__ */ jsxRuntime.jsx(
+        RemoveButton,
+        {
+          className: classes.removeButton,
+          isDisabled,
+          label,
+          onRemove
+        }
+      ) : null
+    ] });
+  }
+  if (tooltip != null) {
+    return /* @__PURE__ */ jsxRuntime.jsx(chunk7CCXHH6Y_cjs.Tooltip, { content: tooltip, children: element });
+  }
+  return element;
+}
+Tag.displayName = "Tag";
+
+exports.Tag = Tag;
+//# sourceMappingURL=chunk-FB245S6T.cjs.map
+//# sourceMappingURL=chunk-FB245S6T.cjs.map

package/dist/chunk-FB245S6T.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tag/Tag.recipe.ts","../src/components/Tag/Tag.tsx"],"names":["sva","jsxs","Fragment","jsx","Icon","VisuallyHidden","X","cx","Link","Tooltip"],"mappings":"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","file":"chunk-FB245S6T.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const tagRecipe = sva({\n  slots: ['root', 'body', 'label', 'removeButton'],\n  base: {\n    root: {\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    body: {\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: {\n      minW: 0,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n    },\n    removeButton: {\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  },\n  variants: {\n    size: {\n      sm: {\n        root: {\n          minH: '6',\n          px: '2',\n          fontSize: 'sm',\n        },\n      },\n      md: {\n        root: {\n          minH: '8',\n          px: '2',\n          fontSize: 'sm',\n        },\n      },\n      lg: {\n        root: {\n          minH: '10',\n          px: '2.5',\n          fontSize: 'md',\n        },\n      },\n    },\n    color: {\n      red: {\n        root: {\n          bg: 'surface.red',\n          color: 'surface.red.fg',\n          _hover: {bg: 'surface.red.hover'},\n        },\n      },\n      orange: {\n        root: {\n          bg: 'surface.orange',\n          color: 'surface.orange.fg',\n          _hover: {bg: 'surface.orange.hover'},\n        },\n      },\n      yellow: {\n        root: {\n          bg: 'surface.yellow',\n          color: 'surface.yellow.fg',\n          _hover: {bg: 'surface.yellow.hover'},\n        },\n      },\n      green: {\n        root: {\n          bg: 'surface.green',\n          color: 'surface.green.fg',\n          _hover: {bg: 'surface.green.hover'},\n        },\n      },\n      teal: {\n        root: {\n          bg: 'surface.teal',\n          color: 'surface.teal.fg',\n          _hover: {bg: 'surface.teal.hover'},\n        },\n      },\n      cyan: {\n        root: {\n          bg: 'surface.cyan',\n          color: 'surface.cyan.fg',\n          _hover: {bg: 'surface.cyan.hover'},\n        },\n      },\n      blue: {\n        root: {\n          bg: 'surface.blue',\n          color: 'surface.blue.fg',\n          _hover: {bg: 'surface.blue.hover'},\n        },\n      },\n      purple: {\n        root: {\n          bg: 'surface.purple',\n          color: 'surface.purple.fg',\n          _hover: {bg: 'surface.purple.hover'},\n        },\n      },\n      pink: {\n        root: {\n          bg: 'surface.pink',\n          color: 'surface.pink.fg',\n          _hover: {bg: 'surface.pink.hover'},\n        },\n      },\n      gray: {\n        root: {\n          bg: 'surface.gray',\n          color: 'surface.gray.fg',\n          _hover: {bg: 'surface.gray.hover'},\n        },\n      },\n    },\n    isInteractive: {\n      true: {\n        root: {\n          cursor: 'pointer',\n          _focusVisible: {\n            outlineWidth: 'focus',\n            outlineStyle: 'solid',\n            outlineColor: 'primary',\n            outlineOffset: 'focusOffset',\n          },\n        },\n      },\n    },\n    isDisabled: {\n      true: {\n        root: {\n          opacity: 0.55,\n          cursor: 'not-allowed',\n          pointerEvents: 'none',\n        },\n      },\n    },\n    /**\n     * When true, the root element is the interactive element itself\n     * (a bare `<button>`) and needs native button styling reset.\n     */\n    isRootInteractive: {\n      true: {\n        root: {\n          p: 0,\n          borderWidth: 0,\n          font: 'inherit',\n          cursor: 'pointer',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    color: 'gray',\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 {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  | '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 'gray'\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\nfunction TagBody({\n  endContent,\n  icon,\n  isLabelHidden,\n  label,\n  labelClassName,\n  size = 'md',\n  startContent,\n}: Pick<\n  TagProps,\n  'endContent' | 'icon' | 'isLabelHidden' | 'label' | 'size' | 'startContent'\n> & {\n  labelClassName?: string;\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={labelClassName}>{label}</span>\n      )}\n      {endContent}\n    </>\n  );\n}\n\nfunction RemoveButton({\n  className,\n  isDisabled,\n  label,\n  onRemove,\n}: {\n  className?: string;\n  isDisabled?: boolean;\n  label: string;\n  onRemove: (event: MouseEvent<HTMLButtonElement>) => void;\n}): React.JSX.Element {\n  return (\n    <button\n      aria-label={`Remove ${label}`}\n      className={className}\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  );\n}\n\n/**\n * Compact chip for displaying selected values, filters, tags, or removable entities.\n */\nexport function Tag({\n  className,\n  color = 'gray',\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 isRootInteractive = href == null && onClick != null && onRemove == null;\n  const classes = tagRecipe({\n    size,\n    color,\n    isInteractive: isInteractive || undefined,\n    isDisabled: isDisabled || undefined,\n    isRootInteractive: isRootInteractive || undefined,\n  });\n  const rootClassName = cx(classes.root, className);\n  const sharedProps = {\n    'aria-description': description,\n    className: rootClassName,\n    'data-testid': dataTestId,\n    style,\n  };\n\n  let element: React.JSX.Element;\n\n  const bodyProps = {\n    endContent,\n    icon,\n    isLabelHidden,\n    label,\n    labelClassName: classes.label,\n    size,\n    startContent,\n  } as const;\n\n  if (href != null && onRemove != null) {\n    element = (\n      <span {...sharedProps} aria-label={label} ref={ref} role=\"group\">\n        <Link\n          className={classes.body}\n          color=\"inherit\"\n          href={href}\n          isDisabled={isDisabled}\n          onClick={onClick}>\n          <TagBody {...bodyProps} />\n        </Link>\n        <RemoveButton\n          className={classes.removeButton}\n          isDisabled={isDisabled}\n          label={label}\n          onRemove={onRemove}\n        />\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        <TagBody {...bodyProps} />\n      </Link>\n    );\n  } else if (onClick != null && onRemove != null) {\n    element = (\n      <span {...sharedProps} aria-label={label} ref={ref} role=\"group\">\n        <button\n          className={classes.body}\n          disabled={isDisabled}\n          onClick={onClick}\n          type=\"button\">\n          <TagBody {...bodyProps} />\n        </button>\n        <RemoveButton\n          className={classes.removeButton}\n          isDisabled={isDisabled}\n          label={label}\n          onRemove={onRemove}\n        />\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        <TagBody {...bodyProps} />\n      </button>\n    );\n  } else {\n    element = (\n      <span {...sharedProps} ref={ref}>\n        <TagBody {...bodyProps} />\n        {onRemove != null ? (\n          <RemoveButton\n            className={classes.removeButton}\n            isDisabled={isDisabled}\n            label={label}\n            onRemove={onRemove}\n          />\n        ) : null}\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-RNB4BDEG.js → chunk-FDUO2HVX.js}

@@ -1,4 +1,4 @@
-import { sva } from './chunk-EHCAF6D3.js';
+import { sva } from './chunk-IAVZKGZS.js';
 import { cx } from './chunk-PPNETWIP.js';
 import { useMemo, useSyncExternalStore } from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -153,5 +153,5 @@ function Kbd({
 Kbd.displayName = "Kbd";
 
 export { Kbd };
-//# sourceMappingURL=chunk-RNB4BDEG.js.map
-//# sourceMappingURL=chunk-RNB4BDEG.js.map
+//# sourceMappingURL=chunk-FDUO2HVX.js.map
+//# sourceMappingURL=chunk-FDUO2HVX.js.map

package/dist/{chunk-RNB4BDEG.js.map → chunk-FDUO2HVX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Kbd/Kbd.recipe.ts","../src/components/Kbd/Kbd.tsx"],"names":[],"mappings":"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","file":"chunk-RNB4BDEG.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const kbdRecipe = sva({\n  slots: ['root', 'key'],\n  base: {\n    root: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n      verticalAlign: 'bottom',\n    },\n    key: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: 'sm',\n      bg: 'bg.subtle',\n      borderBottomWidth: 'emphasized',\n      borderBottomStyle: 'solid',\n      borderBottomColor: 'border',\n      color: 'fg.muted',\n      fontFamily: 'body',\n      fontWeight: 'medium',\n      lineHeight: 'none',\n      userSelect: 'none',\n    },\n  },\n  variants: {\n    size: {\n      sm: {\n        root: {gap: '0.5'},\n        key: {minW: '4', h: '4', px: '0.5', fontSize: '2xs'},\n      },\n      md: {\n        root: {gap: '1'},\n        key: {minW: '5', h: '5', px: '1', fontSize: 'xs'},\n      },\n      lg: {\n        root: {gap: '1.5'},\n        key: {minW: '6', h: '6', px: '1.5', fontSize: 'sm'},\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport type KbdVariants = RecipeVariantProps<typeof kbdRecipe>;\n","import {\n  useMemo,\n  useSyncExternalStore,\n  type CSSProperties,\n  type Ref,\n} from 'react';\nimport {cx} from '../../internal/cx';\nimport {kbdRecipe} from './Kbd.recipe';\n\nexport type KbdSize = 'sm' | 'md' | 'lg';\n\nexport interface KbdProps {\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   * Keyboard shortcut string. Use \"+\" to separate keys.\n   *\n   * Special keys: mod, ctrl, alt, shift, enter, backspace, escape, tab, up,\n   * down, left, right, plus.\n   */\n  keys: string;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Size of the key badges.\n   *\n   * @default 'md'\n   */\n  size?: KbdSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nconst keyDisplay: Record<string, string> = {\n  alt: '⌥',\n  backspace: '⌫',\n  ctrl: '⌃',\n  down: '↓',\n  enter: '↵',\n  escape: 'Esc',\n  left: '←',\n  plus: '+',\n  right: '→',\n  shift: '⇧',\n  tab: '⇥',\n  up: '↑',\n};\n\nconst keyLabel: Record<string, string> = {\n  alt: 'Alt',\n  backspace: 'Backspace',\n  ctrl: 'Control',\n  down: 'Down Arrow',\n  enter: 'Enter',\n  escape: 'Escape',\n  left: 'Left Arrow',\n  plus: 'Plus',\n  right: 'Right Arrow',\n  shift: 'Shift',\n  tab: 'Tab',\n  up: 'Up Arrow',\n};\n\nconst subscribePlatform = (): (() => void) => () => {};\n\nfunction getIsMacSnapshot(): boolean {\n  if (typeof navigator === 'undefined') {\n    return false;\n  }\n  const userAgentData =\n    'userAgentData' in navigator ? navigator.userAgentData : null;\n  if (\n    userAgentData != null &&\n    typeof userAgentData === 'object' &&\n    'platform' in userAgentData\n  ) {\n    return /mac/i.test(String(userAgentData.platform));\n  }\n  return /Mac|iPhone|iPad|iPod/.test(navigator.platform);\n}\n\nfunction getServerSnapshot(): boolean {\n  return false;\n}\n\nfunction useIsMac(): boolean {\n  return useSyncExternalStore(\n    subscribePlatform,\n    getIsMacSnapshot,\n    getServerSnapshot,\n  );\n}\n\nfunction getKeyDisplay(key: string, isMac: boolean): string {\n  if (key === 'mod') {\n    return isMac ? '⌘' : 'Ctrl';\n  }\n  return keyDisplay[key] ?? key.toUpperCase();\n}\n\nfunction getKeyLabel(key: string, isMac: boolean): string {\n  if (key === 'mod') {\n    return isMac ? 'Command' : 'Control';\n  }\n  return keyLabel[key] ?? key.toUpperCase();\n}\n\n/**\n * Displays keyboard shortcuts as styled key badges.\n */\nexport function Kbd({\n  className,\n  'data-testid': dataTestId,\n  keys,\n  ref,\n  size = 'md',\n  style,\n}: KbdProps): React.JSX.Element {\n  const isMac = useIsMac();\n  const {keyedParts, ariaLabel} = useMemo(() => {\n    const parts = keys\n      .split('+')\n      .map(key => key.trim().toLowerCase())\n      .filter(Boolean);\n\n    if (process.env.NODE_ENV !== 'production' && parts.length === 0) {\n      throw new Error(\n        'Kbd: `keys` prop resolved to zero keys. Check the value passed to `keys`.',\n      );\n    }\n\n    const keyCounts = new Map<string, number>();\n    return {\n      keyedParts: parts.map(key => {\n        const count = (keyCounts.get(key) ?? 0) + 1;\n        keyCounts.set(key, count);\n        return {id: `${key}-${count}`, display: getKeyDisplay(key, isMac)};\n      }),\n      ariaLabel: parts.map(key => getKeyLabel(key, isMac)).join('+'),\n    };\n  }, [keys, isMac]);\n\n  const classes = kbdRecipe({size});\n\n  return (\n    <kbd\n      aria-label={ariaLabel}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {keyedParts.map(part => (\n        <kbd className={classes.key} key={part.id}>\n          {part.display}\n        </kbd>\n      ))}\n    </kbd>\n  );\n}\n\nKbd.displayName = 'Kbd';\n"]}
+{"version":3,"sources":["../src/components/Kbd/Kbd.recipe.ts","../src/components/Kbd/Kbd.tsx"],"names":[],"mappings":"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","file":"chunk-FDUO2HVX.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const kbdRecipe = sva({\n  slots: ['root', 'key'],\n  base: {\n    root: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n      verticalAlign: 'bottom',\n    },\n    key: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: 'sm',\n      bg: 'bg.subtle',\n      borderBottomWidth: 'emphasized',\n      borderBottomStyle: 'solid',\n      borderBottomColor: 'border',\n      color: 'fg.muted',\n      fontFamily: 'body',\n      fontWeight: 'medium',\n      lineHeight: 'none',\n      userSelect: 'none',\n    },\n  },\n  variants: {\n    size: {\n      sm: {\n        root: {gap: '0.5'},\n        key: {minW: '4', h: '4', px: '0.5', fontSize: '2xs'},\n      },\n      md: {\n        root: {gap: '1'},\n        key: {minW: '5', h: '5', px: '1', fontSize: 'xs'},\n      },\n      lg: {\n        root: {gap: '1.5'},\n        key: {minW: '6', h: '6', px: '1.5', fontSize: 'sm'},\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport type KbdVariants = RecipeVariantProps<typeof kbdRecipe>;\n","import {\n  useMemo,\n  useSyncExternalStore,\n  type CSSProperties,\n  type Ref,\n} from 'react';\nimport {cx} from '../../internal/cx';\nimport {kbdRecipe} from './Kbd.recipe';\n\nexport type KbdSize = 'sm' | 'md' | 'lg';\n\nexport interface KbdProps {\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   * Keyboard shortcut string. Use \"+\" to separate keys.\n   *\n   * Special keys: mod, ctrl, alt, shift, enter, backspace, escape, tab, up,\n   * down, left, right, plus.\n   */\n  keys: string;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Size of the key badges.\n   *\n   * @default 'md'\n   */\n  size?: KbdSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nconst keyDisplay: Record<string, string> = {\n  alt: '⌥',\n  backspace: '⌫',\n  ctrl: '⌃',\n  down: '↓',\n  enter: '↵',\n  escape: 'Esc',\n  left: '←',\n  plus: '+',\n  right: '→',\n  shift: '⇧',\n  tab: '⇥',\n  up: '↑',\n};\n\nconst keyLabel: Record<string, string> = {\n  alt: 'Alt',\n  backspace: 'Backspace',\n  ctrl: 'Control',\n  down: 'Down Arrow',\n  enter: 'Enter',\n  escape: 'Escape',\n  left: 'Left Arrow',\n  plus: 'Plus',\n  right: 'Right Arrow',\n  shift: 'Shift',\n  tab: 'Tab',\n  up: 'Up Arrow',\n};\n\nconst subscribePlatform = (): (() => void) => () => {};\n\nfunction getIsMacSnapshot(): boolean {\n  if (typeof navigator === 'undefined') {\n    return false;\n  }\n  const userAgentData =\n    'userAgentData' in navigator ? navigator.userAgentData : null;\n  if (\n    userAgentData != null &&\n    typeof userAgentData === 'object' &&\n    'platform' in userAgentData\n  ) {\n    return /mac/i.test(String(userAgentData.platform));\n  }\n  return /Mac|iPhone|iPad|iPod/.test(navigator.platform);\n}\n\nfunction getServerSnapshot(): boolean {\n  return false;\n}\n\nfunction useIsMac(): boolean {\n  return useSyncExternalStore(\n    subscribePlatform,\n    getIsMacSnapshot,\n    getServerSnapshot,\n  );\n}\n\nfunction getKeyDisplay(key: string, isMac: boolean): string {\n  if (key === 'mod') {\n    return isMac ? '⌘' : 'Ctrl';\n  }\n  return keyDisplay[key] ?? key.toUpperCase();\n}\n\nfunction getKeyLabel(key: string, isMac: boolean): string {\n  if (key === 'mod') {\n    return isMac ? 'Command' : 'Control';\n  }\n  return keyLabel[key] ?? key.toUpperCase();\n}\n\n/**\n * Displays keyboard shortcuts as styled key badges.\n */\nexport function Kbd({\n  className,\n  'data-testid': dataTestId,\n  keys,\n  ref,\n  size = 'md',\n  style,\n}: KbdProps): React.JSX.Element {\n  const isMac = useIsMac();\n  const {keyedParts, ariaLabel} = useMemo(() => {\n    const parts = keys\n      .split('+')\n      .map(key => key.trim().toLowerCase())\n      .filter(Boolean);\n\n    if (process.env.NODE_ENV !== 'production' && parts.length === 0) {\n      throw new Error(\n        'Kbd: `keys` prop resolved to zero keys. Check the value passed to `keys`.',\n      );\n    }\n\n    const keyCounts = new Map<string, number>();\n    return {\n      keyedParts: parts.map(key => {\n        const count = (keyCounts.get(key) ?? 0) + 1;\n        keyCounts.set(key, count);\n        return {id: `${key}-${count}`, display: getKeyDisplay(key, isMac)};\n      }),\n      ariaLabel: parts.map(key => getKeyLabel(key, isMac)).join('+'),\n    };\n  }, [keys, isMac]);\n\n  const classes = kbdRecipe({size});\n\n  return (\n    <kbd\n      aria-label={ariaLabel}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {keyedParts.map(part => (\n        <kbd className={classes.key} key={part.id}>\n          {part.display}\n        </kbd>\n      ))}\n    </kbd>\n  );\n}\n\nKbd.displayName = 'Kbd';\n"]}