silver-ui 0.5.0 → 0.7.1

package/dist/{chunk-BSI4BQEX.cjs → chunk-OCYZKZ24.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk3Z5PF75J_cjs = require('./chunk-3Z5PF75J.cjs');
+var chunkCKDB7QNT_cjs = require('./chunk-CKDB7QNT.cjs');
 var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var jsxRuntime = require('react/jsx-runtime');
@@ -97,7 +97,7 @@ function Spinner({
       style,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: classes.visual }),
-        hasLabel ? /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { as: "span", color: labelColor, type: "label", children: label }) : null
+        hasLabel ? /* @__PURE__ */ jsxRuntime.jsx(chunkCKDB7QNT_cjs.Text, { as: "span", color: labelColor, type: "label", children: label }) : null
       ]
     }
   );
@@ -105,5 +105,5 @@ function Spinner({
 Spinner.displayName = "Spinner";
 
 exports.Spinner = Spinner;
-//# sourceMappingURL=chunk-BSI4BQEX.cjs.map
-//# sourceMappingURL=chunk-BSI4BQEX.cjs.map
+//# sourceMappingURL=chunk-OCYZKZ24.cjs.map
+//# sourceMappingURL=chunk-OCYZKZ24.cjs.map

package/dist/{chunk-BSI4BQEX.cjs.map → chunk-OCYZKZ24.cjs.map}

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

package/dist/{chunk-LBGC6EC5.js → chunk-OP6WQYYP.js}

@@ -1,10 +1,10 @@
-import { BaseAutocompleteInput } from './chunk-OERNLR2P.js';
-import { Tag } from './chunk-KC4EKXGF.js';
+import { BaseAutocompleteInput } from './chunk-AX653SYJ.js';
+import { Tag } from './chunk-EIJSWHG7.js';
 import { inputStyles, inputRecipe } from './chunk-3M23WX6K.js';
-import { getNecessity, Field } from './chunk-6J326CN6.js';
+import { getNecessity, Field } from './chunk-USEA7DB5.js';
 import { getStatusMessageID, getDescribedBy } from './chunk-G6HS52US.js';
-import { Button } from './chunk-THTVYP5V.js';
-import { useLayer, useLatest_default, useIsomorphicLayoutEffect } from './chunk-EBJPUXFQ.js';
+import { Button } from './chunk-EBV3EX3J.js';
+import { useLayer, useLatest_default, useIsomorphicLayoutEffect } from './chunk-KEPCKSDE.js';
 import { mergeRefs } from './chunk-SGLIDI6R.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
 import { Icon } from './chunk-IUW777WZ.js';
@@ -145,8 +145,8 @@ var styles = {
     display: "inline-flex"
   })
 };
-function getAvailableWidth(container, observeParent) {
-  if (observeParent && container.parentElement != null) {
+function getAvailableWidth(container, isObservingParent) {
+  if (isObservingParent && container.parentElement != null) {
     const parent = container.parentElement;
     const parentStyle = window.getComputedStyle(parent);
     const paddingLeft = Number.parseFloat(parentStyle.paddingLeft) || 0;
@@ -168,7 +168,7 @@ function OverflowList({
 }) {
   const childArray = Children.toArray(children);
   const itemCount = childArray.length;
-  const observeParent = behavior === "observeParent";
+  const isObservingParent = behavior === "observeParent";
   const [visibleCount, setVisibleCount] = useState(itemCount);
   const containerRef = useRef(null);
   const measureRef = useRef(null);
@@ -179,7 +179,7 @@ function OverflowList({
       return;
     }
     const availableWidth = Math.min(
-      getAvailableWidth(container, observeParent),
+      getAvailableWidth(container, isObservingParent),
       container.offsetWidth || Number.POSITIVE_INFINITY
     );
     const allChildren = Array.from(measure.children);
@@ -206,7 +206,7 @@ function OverflowList({
       count++;
     }
     setVisibleCount(Math.max(Math.min(count, itemCount), minVisibleItems));
-  }, [collapseFrom, gap, itemCount, minVisibleItems, observeParent]);
+  }, [collapseFrom, gap, isObservingParent, itemCount, minVisibleItems]);
   const containerRefCallback = useCallback((element) => {
     containerRef.current = element;
   }, []);
@@ -227,11 +227,11 @@ function OverflowList({
     if (container == null || typeof ResizeObserver === "undefined") {
       return;
     }
-    const target = observeParent && container.parentElement != null ? container.parentElement : container;
+    const target = isObservingParent && container.parentElement != null ? container.parentElement : container;
     const observer = new ResizeObserver(calculate);
     observer.observe(target);
     return () => observer.disconnect();
-  }, [calculate, observeParent]);
+  }, [calculate, isObservingParent]);
   const allItems = childArray.map((child, index) => ({
     child,
     index
@@ -260,7 +260,7 @@ function OverflowList({
       {
         className: cx(
           styles.container,
-          observeParent && hasOverflow ? styles.fillParent : void 0,
+          isObservingParent && hasOverflow ? styles.fillParent : void 0,
           className
         ),
         ref: mergeRefs(ref, containerRefCallback),
@@ -670,5 +670,5 @@ function TagsInput({
 TagsInput.displayName = "TagsInput";
 
 export { TagsInput };
-//# sourceMappingURL=chunk-LBGC6EC5.js.map
-//# sourceMappingURL=chunk-LBGC6EC5.js.map
+//# sourceMappingURL=chunk-OP6WQYYP.js.map
+//# sourceMappingURL=chunk-OP6WQYYP.js.map

package/dist/chunk-OP6WQYYP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TagsInput/TagsInput.recipe.ts","../src/internal/OverflowList.tsx","../src/components/TagsInput/TagsInput.tsx"],"names":["useRef","useState","useCallback","jsx","jsxs","Fragment"],"mappings":"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","file":"chunk-OP6WQYYP.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\n/**\n * Layout styling layered on top of Field's `inputRecipe`. The core input\n * chrome (border, focus ring, status colors) comes from `inputRecipe`; this\n * recipe owns the multi-line wrapper, tag/input slots, and the truncated\n * \"+N more\" overflow presentation.\n */\nexport const tagsInputRecipe = sva({\n  slots: [\n    'wrapper',\n    'tag',\n    'input',\n    'endContent',\n    'overflowText',\n    'liveRegion',\n    'layerPopover',\n  ],\n  base: {\n    wrapper: {\n      cursor: 'text',\n      flexWrap: 'wrap',\n      alignItems: 'center',\n      h: 'auto',\n    },\n    tag: {flexShrink: 0},\n    input: {\n      minW: '10',\n      flex: '1 1 40px',\n    },\n    endContent: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n    },\n    overflowText: {\n      flexShrink: 0,\n      whiteSpace: 'nowrap',\n      fontSize: 'sm',\n      color: 'fg.muted',\n      px: '1',\n    },\n    liveRegion: {\n      position: 'absolute',\n      w: '1px',\n      h: '1px',\n      overflow: 'hidden',\n      clip: 'rect(0 0 0 0)',\n      whiteSpace: 'nowrap',\n    },\n    layerPopover: {\n      w: 'anchor-size(width)',\n    },\n  },\n  variants: {\n    size: {\n      sm: {},\n      md: {},\n      lg: {},\n    },\n    // Row gap + vertical padding for wrapped tags. Applied only while not\n    // truncated; the size-keyed padding lives in compoundVariants.\n    hasTags: {\n      true: {},\n      false: {},\n    },\n    // Collapses the wrapper to a single line for the \"+N more\" presentation.\n    isTruncated: {\n      true: {wrapper: {flexWrap: 'nowrap', overflow: 'hidden'}},\n      false: {},\n    },\n    // Fixed single-line height. Size-keyed values live in compoundVariants.\n    hasFixedHeight: {\n      true: {},\n      false: {},\n    },\n    // Hides the text input (when at max entries or in the collapsed view).\n    isInputHidden: {\n      true: {\n        input: {\n          position: 'absolute',\n          opacity: 0,\n          w: 0,\n          minW: 0,\n          flexBasis: 0,\n        },\n      },\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {hasTags: true, isTruncated: false, css: {wrapper: {rowGap: '1'}}},\n    {\n      size: 'sm',\n      hasTags: true,\n      isTruncated: false,\n      css: {wrapper: {pt: '0px', pb: '0.5'}},\n    },\n    {size: 'md', hasTags: true, isTruncated: false, css: {wrapper: {py: '1'}}},\n    {size: 'lg', hasTags: true, isTruncated: false, css: {wrapper: {py: '1'}}},\n    {size: 'sm', hasFixedHeight: true, css: {wrapper: {h: 'component.sm'}}},\n    {size: 'md', hasFixedHeight: true, css: {wrapper: {h: 'component.md'}}},\n    {size: 'lg', hasFixedHeight: true, css: {wrapper: {h: 'component.lg'}}},\n  ],\n  defaultVariants: {\n    size: 'md',\n    hasTags: false,\n    isTruncated: false,\n    hasFixedHeight: false,\n    isInputHidden: false,\n  },\n});\n\nexport type TagsInputVariants = RecipeVariantProps<typeof tagsInputRecipe>;\n","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 {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {mergeRefs} from 'internal/mergeRefs';\nimport {useIsomorphicLayoutEffect} from 'internal/useIsomorphicLayoutEffect';\nimport {css} from 'styled-system/css';\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  isObservingParent: boolean,\n): number {\n  if (isObservingParent && 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 isObservingParent = 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, isObservingParent),\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, isObservingParent, itemCount, minVisibleItems]);\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      isObservingParent && container.parentElement != null\n        ? container.parentElement\n        : container;\n    const observer = new ResizeObserver(calculate);\n    observer.observe(target);\n    return () => observer.disconnect();\n  }, [calculate, isObservingParent]);\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        {isReactNode(measureIndicator) ? (\n          <div className={styles.measureIndicator}>{measureIndicator}</div>\n        ) : null}\n      </div>\n      <div\n        className={cx(\n          styles.container,\n          isObservingParent && 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 {BaseAutocompleteInput} from 'components/AutocompleteInput';\nimport type {SearchableItem, SearchSource} from 'components/AutocompleteInput';\nimport {Button} from 'components/Button';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from 'components/Field';\nimport {inputRecipe, inputStyles} from 'components/Field/inputStyles';\nimport {getDescribedBy, getStatusMessageID} from 'components/Field/inputUtils';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Tag} from 'components/Tag';\nimport {tagsInputRecipe} from 'components/TagsInput/TagsInput.recipe';\nimport {OverflowList} from 'internal/OverflowList';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport useLatest from 'internal/useLatest';\nimport {useLayer} from 'internal/useLayer';\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\n/**\n * Props that gate free-text tag creation.\n *\n * Selecting the \"Create …\" suggestion mints a new item from the typed text via\n * `createItem`. The default builder produces `{id, label}` (both set to the raw\n * text):\n *\n * - When that shape satisfies `T` (e.g. the default `SearchableItem`),\n *   `createItem` is optional and `hasCreate` is a plain boolean toggle.\n * - When `T` has additional required fields the default builder cannot supply,\n *   creation requires an explicit `createItem`, so enabling it is expressed as\n *   `hasCreate` + `createItem` together (and may be omitted entirely).\n */\nexport type TagsInputCreateProps<T extends SearchableItem> = {\n  id: string;\n  label: string;\n} extends T\n  ? {\n      /**\n       * Whether users can create a tag from free text.\n       * @default false\n       */\n      hasCreate?: boolean;\n      /**\n       * Builds the committed item from the typed text. Optional for this item\n       * type because the default builder — `rawValue => ({id: rawValue, label:\n       * rawValue})` — already produces a valid item.\n       */\n      createItem?: (rawValue: string) => T;\n    }\n  :\n      | {\n          /**\n           * Whether users can create a tag from free text.\n           * @default false\n           */\n          hasCreate?: false;\n          createItem?: never;\n        }\n      | {\n          /**\n           * Whether users can create a tag from free text.\n           */\n          hasCreate: true;\n          /**\n           * Builds the committed item from the typed text. Required for this\n           * item type because it has fields the default `{id, label}` builder\n           * cannot supply.\n           */\n          createItem: (rawValue: string) => T;\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 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   * Provides results for the menu. Use `createStaticSearchSource` for\n   * in-memory data, or implement {@link SearchSource} for async/remote\n   * search.\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  TagsInputCreateProps<T>;\n\nconst CREATABLE_ID_PREFIX = '__silver_create__';\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  createItem,\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 = isReactNode(description)\n    ? `${inputId}-description`\n    : 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 [queryValue, setQueryValue] = useState('');\n  const isLayerMode = tagOverflowBehavior === 'unfocusedLayer';\n  const layer = useLayer();\n  const layerContentRef = useRef<HTMLDivElement>(null);\n  const selectedIDsRef = useLatest(new Set(value.map(item => item.id)));\n  const isAtMax = maxEntries != null && value.length >= maxEntries;\n  const isAtMaxRef = useLatest(isAtMax);\n  const isTruncated =\n    !isFocusedWithin && tagOverflowBehavior !== 'none' && value.length > 0;\n  const classes = tagsInputRecipe({\n    size,\n    hasTags: value.length > 0,\n    isTruncated,\n    hasFixedHeight: isTruncated,\n    isInputHidden: isAtMax || isTruncated,\n  });\n  // Collapsed single-line placeholder shown behind the layer popover: always\n  // fixed-height, never hides the input.\n  const placeholderClasses = tagsInputRecipe({\n    size,\n    isTruncated,\n    hasFixedHeight: true,\n  });\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 = useLatest(value);\n  const onChangeRef = useLatest(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        event => {\n          // Focus the input only when the click that completes this press lands\n          // inside the TagsInput. A press on a tag may open a popover anchored to\n          // it (e.g. SearchFilterInput's edit popover); since the tag's own click\n          // can stop propagation, this listener instead fires on the next click\n          // — which might be a control in that popover. Focusing the input then\n          // would steal focus back and briefly re-open the input's surface.\n          if (isFocusInTagsInput(event.target)) {\n            requestAnimationFrame(() => inputRef.current?.focus());\n          }\n        },\n        {once: true},\n      );\n    }\n  }, [isDisabled, isFocusInTagsInput, isLayerMode, layer]);\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  const tokens = value.map(item => (\n    <span className={classes.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    /* 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        classes.wrapper,\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={classes.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={classes.input}\n        debounceMs={debounceMs}\n        emptySearchResultsText={emptySearchResultsText}\n        hasAutoFocus={hasAutoFocus}\n        hasEntriesOnFocus={hasEntriesOnFocus}\n        hasReopenOnSelect={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            // `createItem` is guaranteed present for item types that need it\n            // (see TagsInputCreateProps); the default builder is only reached\n            // when `{id, label}` is a valid `T`, so the assertion is sound.\n            const createdItem =\n              createItem?.(rawValue) ??\n              // eslint-disable-next-line @typescript-eslint/consistent-type-assertions\n              ({id: rawValue, label: rawValue} as T);\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={nextQuery => {\n          setQueryValue(nextQuery);\n          onQueryChange?.(nextQuery);\n        }}\n        placeholder={value.length === 0 ? placeholder : undefined}\n        query={queryValue}\n        ref={inputRef}\n        renderItem={renderItem}\n        searchSource={filteredSource}\n        size={size}\n        value={null}\n      />\n      {isReactNode(endContent) ? (\n        <span className={classes.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={classes.liveRegion} role=\"status\">\n        {announcement}\n      </span>\n    </div>\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          placeholderClasses.wrapper,\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={classes.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: classes.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-TSKFGLGQ.cjs → chunk-OX2FNKIV.cjs}

@@ -1,7 +1,8 @@
 'use strict';
 
-var chunk3Z5PF75J_cjs = require('./chunk-3Z5PF75J.cjs');
-var chunkOUZX7STE_cjs = require('./chunk-OUZX7STE.cjs');
+var chunk3PEK2Q54_cjs = require('./chunk-3PEK2Q54.cjs');
+var chunkCKDB7QNT_cjs = require('./chunk-CKDB7QNT.cjs');
+var chunkVPWNRWNO_cjs = require('./chunk-VPWNRWNO.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
@@ -221,8 +222,7 @@ function Item({
   trailingContent,
   width = "full"
 }) {
-  const LinkComponent = chunkOUZX7STE_cjs.useLinkComponent(linkComponent);
-  const linkRel = chunkOUZX7STE_cjs.useRel({ target, rel });
+  const linkRel = chunk3PEK2Q54_cjs.useRel({ target, rel });
   const isInteractive = href != null || onClick != null;
   const hasParentRole = role != null;
   const ownsInteraction = isInteractive && !hasParentRole;
@@ -242,11 +242,11 @@ function Item({
   const inlineEndContent = chunkQAO6QMNQ_cjs.isReactNode(endContent) && endContentPosition === "inline" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.endContentInline, children: endContent }) : null;
   const labelAndDescription = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     inlineEndContent != null ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classes.labelRow, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { as: "span", maxLines: getMaxLines(labelLines, label), type: "body", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkCKDB7QNT_cjs.Text, { as: "span", maxLines: getMaxLines(labelLines, label), type: "body", children: label }),
       inlineEndContent
-    ] }) : /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { as: "span", maxLines: getMaxLines(labelLines, label), type: "body", children: label }),
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx(chunkCKDB7QNT_cjs.Text, { as: "span", maxLines: getMaxLines(labelLines, label), type: "body", children: label }),
     chunkQAO6QMNQ_cjs.isReactNode(description) ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3Z5PF75J_cjs.Text,
+      chunkCKDB7QNT_cjs.Text,
       {
         as: "span",
         maxLines: getMaxLines(descriptionLines, description),
@@ -273,13 +273,16 @@ function Item({
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.textContent, children: labelAndDescription }),
     chunkQAO6QMNQ_cjs.isReactNode(endContent) && endContentPosition !== "inline" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.endContent, children: endContent }) : null
   ] });
-  const content = !ownsInteraction ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.content, children: innerSlots }) : href != null ? /* @__PURE__ */ jsxRuntime.jsx(
-    LinkComponent,
+  const content = !ownsInteraction ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.content, children: innerSlots }) : /* @__PURE__ */ jsxRuntime.jsx(
+    chunkVPWNRWNO_cjs.ActionElement,
     {
       "aria-current": ariaCurrent ?? void 0,
-      "aria-disabled": isDisabled || void 0,
+      "aria-disabled": href != null && isDisabled ? true : void 0,
+      as: linkComponent,
       className: classes.interactiveContent,
       href,
+      isDisabled: href == null ? isDisabled : void 0,
+      isLink: href != null,
       onClick: (e) => {
         if (isDisabled) {
           e.preventDefault();
@@ -288,21 +291,9 @@ function Item({
         onClick?.(e);
       },
       ref: setInteractiveRef,
-      rel: linkRel,
-      tabIndex: isDisabled ? -1 : void 0,
-      target,
-      to: LinkComponent === "a" ? void 0 : href,
-      children: innerSlots
-    }
-  ) : /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      "aria-current": ariaCurrent ?? void 0,
-      className: classes.interactiveContent,
-      disabled: isDisabled,
-      onClick,
-      ref: setInteractiveRef,
-      type: "button",
+      rel: href != null ? linkRel : void 0,
+      tabIndex: href != null && isDisabled ? -1 : void 0,
+      target: href != null ? target : void 0,
       children: innerSlots
     }
   );
@@ -328,5 +319,5 @@ function Item({
 Item.displayName = "Item";
 
 exports.Item = Item;
-//# sourceMappingURL=chunk-TSKFGLGQ.cjs.map
-//# sourceMappingURL=chunk-TSKFGLGQ.cjs.map
+//# sourceMappingURL=chunk-OX2FNKIV.cjs.map
+//# sourceMappingURL=chunk-OX2FNKIV.cjs.map

package/dist/chunk-OX2FNKIV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Item/Item.recipe.ts","../src/components/Item/Item.tsx"],"names":["sva","useRel","useRef","useCallback","isReactNode","jsx","jsxs","Fragment","Text","ActionElement","cx"],"mappings":"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","file":"chunk-OX2FNKIV.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const itemRecipe = sva({\n  slots: [\n    'root',\n    'interactiveContent',\n    'content',\n    'textContent',\n    'startContent',\n    'endContent',\n    'endContentInline',\n    'labelRow',\n    'trailingContent',\n  ],\n  base: {\n    root: {\n      position: 'relative',\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      px: '2',\n      py: '2',\n      textAlign: 'start',\n      borderRadius: 'md',\n    },\n    interactiveContent: {\n      cursor: 'inherit',\n      color: 'inherit',\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      flex: 1,\n      minW: 0,\n      textAlign: 'start',\n      textDecoration: 'none',\n    },\n    content: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      flex: 1,\n      minW: 0,\n      textAlign: 'start',\n    },\n    textContent: {\n      display: 'flex',\n      flexDirection: 'column',\n      flex: 1,\n      minW: 0,\n    },\n    startContent: {\n      display: 'inline-flex',\n      flexShrink: 0,\n    },\n    endContent: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n      marginInlineStart: 'auto',\n    },\n    endContentInline: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n    },\n    labelRow: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n    },\n    trailingContent: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n    },\n  },\n  variants: {\n    align: {\n      center: {},\n      start: {root: {alignItems: 'flex-start'}},\n    },\n    width: {\n      full: {root: {w: 'full'}},\n      auto: {},\n    },\n    isInteractive: {\n      true: {\n        root: {\n          cursor: 'pointer',\n          transitionProperty: 'background-color',\n          transitionDuration: 'fast',\n          transitionTimingFunction: 'default',\n          _hover: {bg: 'bg.subtle'},\n          _active: {bg: 'bg.hover'},\n          '&:has(:focus-visible)': {\n            outlineWidth: 'focus',\n            outlineStyle: 'solid',\n            outlineColor: 'primary',\n            outlineOffset: 'focusOffset',\n          },\n        },\n      },\n      false: {},\n    },\n    isHighlighted: {\n      true: {root: {bg: 'bg.subtle'}},\n      false: {},\n    },\n    isSelected: {\n      true: {root: {bg: 'bg.selected'}},\n      false: {},\n    },\n    // The disabled wrapper dims everything inside it via opacity (which\n    // compounds through the tree), so the dimming lives only on the content\n    // wrappers — applying it to nested slots like endContent would double-dim.\n    isDisabled: {\n      true: {\n        content: {opacity: 0.5},\n        interactiveContent: {opacity: 0.5},\n      },\n      false: {},\n    },\n    // Marker variant; whether a parent owns the role gates the disabled root\n    // styling, which lives in compoundVariants below.\n    hasParentRole: {\n      true: {},\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {\n      isDisabled: true,\n      hasParentRole: false,\n      css: {\n        root: {\n          cursor: 'not-allowed',\n          pointerEvents: 'none',\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    align: 'center',\n    width: 'full',\n    isInteractive: false,\n    isHighlighted: false,\n    isSelected: false,\n    isDisabled: false,\n    hasParentRole: false,\n  },\n});\n\nexport type ItemVariants = RecipeVariantProps<typeof itemRecipe>;\n","import {\n  useCallback,\n  useRef,\n  type AriaAttributes,\n  type CSSProperties,\n  type MouseEvent,\n  type MouseEventHandler,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {itemRecipe} from 'components/Item/Item.recipe';\nimport type {LinkComponent as LinkComponentType} from 'components/Link';\nimport {Text} from 'components/Text';\nimport {ActionElement} from 'internal/ActionElement';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {useRel} from 'internal/linkAccessibility';\n\nconst SELECTABLE_ROLES = new Set([\n  'option',\n  'tab',\n  'row',\n  'gridcell',\n  'treeitem',\n]);\n\nexport type ItemAlign = 'center' | 'start';\nexport type ItemElement = 'div' | 'li' | 'span';\n\nexport interface ItemProps {\n  /**\n   * Vertical alignment of the start and end content slots.\n   * @default 'center'\n   */\n  align?: ItemAlign;\n  /**\n   * ARIA current indicator forwarded to the interactive element.\n   */\n  'aria-current'?: AriaAttributes['aria-current'];\n  /**\n   * HTML element used for the root.\n   * @default 'div'\n   */\n  as?: ItemElement;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text shown below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Maximum number of description lines before truncation.\n   */\n  descriptionLines?: number;\n  /**\n   * Content rendered after the label and description.\n   * Position controlled by `endContentPosition`.\n   */\n  endContent?: ReactNode;\n  /**\n   * Where to place `endContent` within the item.\n   * `'end'` pushes it to the trailing edge; `'inline'` keeps it next to the label.\n   * @default 'end'\n   */\n  endContentPosition?: 'end' | 'inline';\n  /**\n   * Link URL. When set, the content area renders as a link.\n   */\n  href?: string;\n  /**\n   * Whether the item is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the item should show highlighted styling.\n   * @default false\n   */\n  isHighlighted?: boolean;\n  /**\n   * Whether the item is selected.\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Primary item label.\n   */\n  label: ReactNode;\n  /**\n   * Maximum number of label lines before truncation.\n   */\n  labelLines?: number;\n  /**\n   * Content rendered outside the interactive area, before it.\n   */\n  leadingContent?: ReactNode;\n  /**\n   * Custom link component used when href is set.\n   */\n  linkComponent?: LinkComponentType;\n  /**\n   * Click handler. When set without href, the content area renders as a\n   * button. When set with href, also fires on link clicks.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Link relationship. `noopener noreferrer` are added for `_blank` targets.\n   */\n  rel?: string;\n  /**\n   * ARIA role applied to the root element. When set, click handling is attached\n   * to the root so parent composite widgets can own keyboard behavior.\n   */\n  role?: string;\n  /**\n   * Leading visual content, such as an icon, avatar, or image.\n   */\n  startContent?: ReactNode;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Link target.\n   */\n  target?: string;\n  /**\n   * Content rendered outside the interactive area, after it.\n   */\n  trailingContent?: ReactNode;\n  /**\n   * Width of the root element.\n   * @default 'full'\n   */\n  width?: 'full' | 'auto';\n}\n\n// Native and ARIA interactive elements that own their own click, plus anything\n// explicitly placed in the tab order or made editable. Used as a safety net so\n// the row action does not also fire when a consumer-provided control in a slot\n// is clicked.\nconst INTERACTIVE_SELECTOR = [\n  'button',\n  'a[href]',\n  'input',\n  'select',\n  'textarea',\n  '[role=\"button\"]',\n  '[role=\"link\"]',\n  '[role=\"checkbox\"]',\n  '[role=\"switch\"]',\n  '[role=\"menuitem\"]',\n  '[role=\"menuitemcheckbox\"]',\n  '[role=\"menuitemradio\"]',\n  '[role=\"tab\"]',\n  '[role=\"radio\"]',\n  '[role=\"option\"]',\n  '[contenteditable=\"true\"]',\n  '[tabindex]:not([tabindex=\"-1\"])',\n].join(', ');\n\nfunction isInteractiveTarget(element: HTMLElement): boolean {\n  return element.closest(INTERACTIVE_SELECTOR) != null;\n}\n\nfunction getMaxLines(\n  explicitLines: number | undefined,\n  content: ReactNode,\n): number {\n  if (explicitLines != null) {\n    return explicitLines;\n  }\n\n  return typeof content === 'string' ? 1 : 0;\n}\n\n/**\n * Shared start content, label, description, and end content row primitive.\n */\nexport function Item({\n  align = 'center',\n  'aria-current': ariaCurrent,\n  as: Component = 'div',\n  className,\n  'data-testid': dataTestId,\n  description,\n  descriptionLines,\n  endContent,\n  endContentPosition = 'end',\n  href,\n  isDisabled = false,\n  isHighlighted = false,\n  isSelected = false,\n  label,\n  labelLines,\n  leadingContent,\n  linkComponent,\n  onClick,\n  ref,\n  rel,\n  role,\n  startContent,\n  style,\n  target,\n  trailingContent,\n  width = 'full',\n}: ItemProps): React.JSX.Element {\n  const linkRel = useRel({target, rel});\n  const isInteractive = href != null || onClick != null;\n  const hasParentRole = role != null;\n  // The item renders its own interactive control (link/button) only when it is\n  // interactive and no parent widget owns the role. Otherwise it renders a\n  // plain content wrapper and any interaction is handled by the parent.\n  const ownsInteraction = isInteractive && !hasParentRole;\n  // Tracks the inner interactive control (button/link) so the row handler can\n  // tell, precisely, when a click already fired on our own element.\n  const interactiveRef = useRef<HTMLElement | null>(null);\n  const setInteractiveRef = useCallback((node: HTMLElement | null) => {\n    interactiveRef.current = node;\n  }, []);\n  const classes = itemRecipe({\n    align,\n    width,\n    isInteractive,\n    isHighlighted,\n    isSelected,\n    isDisabled,\n    hasParentRole,\n  });\n\n  const inlineEndContent =\n    isReactNode(endContent) && endContentPosition === 'inline' ? (\n      <span className={classes.endContentInline}>{endContent}</span>\n    ) : null;\n\n  const labelAndDescription = (\n    <>\n      {inlineEndContent != null ? (\n        <span className={classes.labelRow}>\n          <Text as=\"span\" maxLines={getMaxLines(labelLines, label)} type=\"body\">\n            {label}\n          </Text>\n          {inlineEndContent}\n        </span>\n      ) : (\n        <Text as=\"span\" maxLines={getMaxLines(labelLines, label)} type=\"body\">\n          {label}\n        </Text>\n      )}\n      {isReactNode(description) ? (\n        <Text\n          as=\"span\"\n          maxLines={getMaxLines(descriptionLines, description)}\n          type=\"supporting\">\n          {description}\n        </Text>\n      ) : null}\n    </>\n  );\n\n  const handleContainerClick = (event: MouseEvent<HTMLElement>) => {\n    if (isDisabled) {\n      return;\n    }\n\n    const targetElement = event.target as HTMLElement;\n    // Our own interactive control already fired its onClick; don't double-fire.\n    if (interactiveRef.current?.contains(targetElement)) {\n      return;\n    }\n    // A consumer-provided interactive control in a slot owns its own click, so\n    // the row action should not also fire.\n    if (isInteractiveTarget(targetElement)) {\n      return;\n    }\n\n    onClick?.(event);\n  };\n\n  const innerSlots = (\n    <>\n      {isReactNode(startContent) ? (\n        <span className={classes.startContent}>{startContent}</span>\n      ) : null}\n      <span className={classes.textContent}>{labelAndDescription}</span>\n      {isReactNode(endContent) && endContentPosition !== 'inline' ? (\n        <span className={classes.endContent}>{endContent}</span>\n      ) : null}\n    </>\n  );\n\n  const content = !ownsInteraction ? (\n    <span className={classes.content}>{innerSlots}</span>\n  ) : (\n    <ActionElement\n      aria-current={ariaCurrent ?? undefined}\n      aria-disabled={href != null && isDisabled ? true : undefined}\n      as={linkComponent}\n      className={classes.interactiveContent}\n      href={href}\n      isDisabled={href == null ? isDisabled : undefined}\n      isLink={href != null}\n      onClick={(e: MouseEvent<HTMLElement>) => {\n        if (isDisabled) {\n          e.preventDefault();\n          return;\n        }\n        onClick?.(e);\n      }}\n      ref={setInteractiveRef}\n      rel={href != null ? linkRel : undefined}\n      tabIndex={href != null && isDisabled ? -1 : undefined}\n      target={href != null ? target : undefined}>\n      {innerSlots}\n    </ActionElement>\n  );\n\n  return (\n    <Component\n      aria-disabled={isDisabled || undefined}\n      aria-selected={\n        isSelected && role != null && SELECTABLE_ROLES.has(role)\n          ? true\n          : undefined\n      }\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      onClick={\n        hasParentRole\n          ? onClick\n          : ownsInteraction\n            ? handleContainerClick\n            : undefined\n      }\n      ref={ref as Ref<never>}\n      role={role}\n      style={style}>\n      {leadingContent}\n      {content}\n      {isReactNode(trailingContent) ? (\n        <span className={classes.trailingContent}>{trailingContent}</span>\n      ) : null}\n    </Component>\n  );\n}\n\nItem.displayName = 'Item';\n"]}

package/dist/chunk-PG4CZRTU.js

@@ -0,0 +1,77 @@
+import { createContext, use } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/Link/useLinkComponent.ts
+var LinkContext = createContext(null);
+LinkContext.displayName = "LinkContext";
+
+// src/components/Link/useLinkComponent.ts
+function useLinkComponent(as) {
+  const context = use(LinkContext);
+  return as ?? context?.component ?? "a";
+}
+function ActionElement({
+  as,
+  children,
+  isDisabled,
+  form,
+  href,
+  name,
+  onClick,
+  onKeyDown,
+  ref,
+  rel,
+  isLink = href != null,
+  role: roleFromProps,
+  style,
+  tabIndex,
+  target,
+  type = "button",
+  value,
+  ...props
+}) {
+  const LinkComponent = useLinkComponent(as);
+  const role = roleFromProps ?? (isLink && href == null ? "link" : void 0);
+  if (isLink) {
+    return /* @__PURE__ */ jsx(
+      LinkComponent,
+      {
+        ...props,
+        href,
+        onClick,
+        onKeyDown,
+        ref,
+        rel,
+        role,
+        style,
+        tabIndex,
+        target,
+        to: href == null || LinkComponent === "a" ? void 0 : href,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ...props,
+      disabled: isDisabled,
+      form,
+      name,
+      onClick,
+      onKeyDown,
+      ref,
+      role,
+      style,
+      tabIndex,
+      type,
+      value,
+      children
+    }
+  );
+}
+ActionElement.displayName = "ActionElement";
+
+export { ActionElement, LinkContext, useLinkComponent };
+//# sourceMappingURL=chunk-PG4CZRTU.js.map
+//# sourceMappingURL=chunk-PG4CZRTU.js.map

package/dist/chunk-PG4CZRTU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Link/LinkContext.ts","../src/components/Link/useLinkComponent.ts","../src/internal/ActionElement.tsx"],"names":[],"mappings":";;;;AAOO,IAAM,WAAA,GAAc,cAAuC,IAAI;AACtE,WAAA,CAAY,WAAA,GAAc,aAAA;;;ACJnB,SAAS,iBAAiB,EAAA,EAAmC;AAClE,EAAA,MAAM,OAAA,GAAU,IAAI,WAAW,CAAA;AAC/B,EAAA,OAAO,EAAA,IAAM,SAAS,SAAA,IAAa,GAAA;AACrC;AC6CO,SAAS,aAAA,CAAc;AAAA,EAC5B,EAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,SAAS,IAAA,IAAQ,IAAA;AAAA,EACjB,IAAA,EAAM,aAAA;AAAA,EACN,KAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA,GAAO,QAAA;AAAA,EACP,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0C;AACxC,EAAA,MAAM,aAAA,GAAgB,iBAAiB,EAAE,CAAA;AACzC,EAAA,MAAM,IAAA,GAAO,aAAA,KAAkB,MAAA,IAAU,IAAA,IAAQ,OAAO,MAAA,GAAS,MAAA,CAAA;AAEjE,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,uBACE,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,IAAA;AAAA,QACA,OAAA;AAAA,QACA,SAAA;AAAA,QACA,GAAA;AAAA,QACA,GAAA;AAAA,QACA,IAAA;AAAA,QACA,KAAA;AAAA,QACA,QAAA;AAAA,QACA,MAAA;AAAA,QACA,EAAA,EAAI,IAAA,IAAQ,IAAA,IAAQ,aAAA,KAAkB,MAAM,MAAA,GAAY,IAAA;AAAA,QACvD;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,QAAA,EAAU,UAAA;AAAA,MACV,IAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,MACA,GAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACC;AAAA;AAAA,GACH;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-PG4CZRTU.js","sourcesContent":["import {createContext} from 'react';\nimport type {LinkComponent} from 'components/Link/types';\n\nexport interface LinkContextValue {\n  component: LinkComponent;\n}\n\nexport const LinkContext = createContext<LinkContextValue | null>(null);\nLinkContext.displayName = 'LinkContext';\n","import {use} from 'react';\nimport {LinkContext} from 'components/Link/LinkContext';\nimport type {LinkComponent} from 'components/Link/types';\n\nexport function useLinkComponent(as?: LinkComponent): LinkComponent {\n  const context = use(LinkContext);\n  return as ?? context?.component ?? 'a';\n}\n","/* eslint-disable @eslint-react/static-components -- intentional polymorphism via as prop */\n\nimport type {\n  AriaAttributes,\n  CSSProperties,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n} from 'react';\nimport type {LinkComponent} from 'components/Link/types';\nimport {useLinkComponent} from 'components/Link/useLinkComponent';\n\nexport interface ActionElementProps {\n  'aria-busy'?: AriaAttributes['aria-busy'];\n  'aria-controls'?: AriaAttributes['aria-controls'];\n  'aria-current'?: AriaAttributes['aria-current'];\n  'aria-describedby'?: AriaAttributes['aria-describedby'];\n  'aria-description'?: AriaAttributes['aria-description'];\n  'aria-details'?: AriaAttributes['aria-details'];\n  'aria-disabled'?: AriaAttributes['aria-disabled'];\n  'aria-expanded'?: AriaAttributes['aria-expanded'];\n  'aria-haspopup'?: AriaAttributes['aria-haspopup'];\n  'aria-hidden'?: AriaAttributes['aria-hidden'];\n  'aria-keyshortcuts'?: AriaAttributes['aria-keyshortcuts'];\n  'aria-label'?: AriaAttributes['aria-label'];\n  'aria-labelledby'?: AriaAttributes['aria-labelledby'];\n  'aria-owns'?: AriaAttributes['aria-owns'];\n  'aria-pressed'?: AriaAttributes['aria-pressed'];\n  'aria-roledescription'?: AriaAttributes['aria-roledescription'];\n  as?: LinkComponent;\n  children?: ReactNode;\n  className?: string;\n  'data-testid'?: string;\n  form?: string;\n  href?: string;\n  id?: string;\n  isDisabled?: boolean;\n  isLink?: boolean;\n  name?: string;\n  onClick?: MouseEventHandler<HTMLElement>;\n  onKeyDown?: KeyboardEventHandler<HTMLElement>;\n  ref?: Ref<HTMLElement>;\n  rel?: string;\n  role?: string;\n  style?: CSSProperties;\n  tabIndex?: number;\n  target?: string;\n  type?: 'button' | 'submit' | 'reset';\n  value?: string;\n}\n\nexport function ActionElement({\n  as,\n  children,\n  isDisabled,\n  form,\n  href,\n  name,\n  onClick,\n  onKeyDown,\n  ref,\n  rel,\n  isLink = href != null,\n  role: roleFromProps,\n  style,\n  tabIndex,\n  target,\n  type = 'button',\n  value,\n  ...props\n}: ActionElementProps): React.JSX.Element {\n  const LinkComponent = useLinkComponent(as);\n  const role = roleFromProps ?? (isLink && href == null ? 'link' : undefined);\n\n  if (isLink) {\n    return (\n      <LinkComponent\n        {...props}\n        href={href}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        ref={ref as Ref<HTMLAnchorElement>}\n        rel={rel}\n        role={role}\n        style={style}\n        tabIndex={tabIndex}\n        target={target}\n        to={href == null || LinkComponent === 'a' ? undefined : href}>\n        {children}\n      </LinkComponent>\n    );\n  }\n\n  return (\n    <button\n      {...props}\n      disabled={isDisabled}\n      form={form}\n      name={name}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      ref={ref as Ref<HTMLButtonElement>}\n      role={role}\n      style={style}\n      tabIndex={tabIndex}\n      type={type}\n      value={value}>\n      {children}\n    </button>\n  );\n}\n\nActionElement.displayName = 'ActionElement';\n"]}

package/dist/{chunk-TH537HOM.js → chunk-PQXPYN23.js}

@@ -1,8 +1,8 @@
-import { Item } from './chunk-J2YKUHQM.js';
+import { Item } from './chunk-GKYGZWSQ.js';
 import { Divider } from './chunk-BQWUTDTN.js';
-import { Popover } from './chunk-S5CMLG2E.js';
-import { Button } from './chunk-THTVYP5V.js';
-import { Text } from './chunk-RJEZBOSH.js';
+import { Popover } from './chunk-GTZQT6MK.js';
+import { Button } from './chunk-EBV3EX3J.js';
+import { Text } from './chunk-5GSRIOXE.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
 import { Icon } from './chunk-IUW777WZ.js';
 import { sva } from './chunk-IAVZKGZS.js';
@@ -358,5 +358,5 @@ function DropdownMenu({
 DropdownMenu.displayName = "DropdownMenu";
 
 export { DropdownMenu, DropdownMenuContext, DropdownMenuItem, formatMenuWidth, renderMenuItems, useDropdownMenuContext, useMenuKeyboard };
-//# sourceMappingURL=chunk-TH537HOM.js.map
-//# sourceMappingURL=chunk-TH537HOM.js.map
+//# sourceMappingURL=chunk-PQXPYN23.js.map
+//# sourceMappingURL=chunk-PQXPYN23.js.map