silver-ui 0.5.0 → 0.6.0

package/dist/{chunk-EFBSEJBD.js → chunk-S4WWBV4N.js}

@@ -1,22 +1,29 @@
+import { useRel, getAriaLabel } from './chunk-5FQKELP6.js';
 import { VisuallyHidden } from './chunk-V2V5TTTL.js';
-import { Tooltip } from './chunk-6PIVWNUR.js';
+import { Tooltip } from './chunk-KWZMXX4F.js';
+import { ActionElement, LinkContext } from './chunk-PG4CZRTU.js';
 import { Icon } from './chunk-IUW777WZ.js';
 import { cva } from './chunk-FMEIPGUP.js';
 import { css } from './chunk-OD4DHHZH.js';
 import { cx } from './chunk-PPNETWIP.js';
 import { ExternalLink } from 'lucide-react';
-import { createContext, use, useMemo } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
 
 // src/components/Link/Link.recipe.ts
 var linkRecipe = cva({
   base: {
     display: "inline-flex",
+    appearance: "none",
     alignItems: "center",
+    padding: 0,
+    border: 0,
+    background: "none",
     gap: "1",
     fontFamily: "body",
     fontWeight: "inherit",
     lineHeight: "normal",
+    textAlign: "inherit",
     textDecoration: "none",
     cursor: "pointer",
     transitionProperty: "color, text-decoration-color, opacity",
@@ -90,35 +97,6 @@ var linkRecipe = cva({
     hasUnderline: false
   }
 });
-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 getAriaLabel(label, opensInNewTab) {
-  if (!opensInNewTab) {
-    return label;
-  }
-  return label != null ? `${label} (opens in new tab)` : void 0;
-}
-function useRel({
-  isExternalLink = false,
-  target,
-  rel
-}) {
-  return useMemo(() => {
-    if (!isExternalLink && target !== "_blank") {
-      return rel;
-    }
-    const relValues = new Set((rel ?? "").split(/\s+/).filter(Boolean));
-    relValues.add("noopener");
-    relValues.add("noreferrer");
-    return Array.from(relValues).join(" ");
-  }, [isExternalLink, target, rel]);
-}
 function Link({
   "aria-controls": ariaControls,
   "aria-current": ariaCurrent,
@@ -151,11 +129,9 @@ function Link({
   children,
   onClick
 }) {
-  const Component = useLinkComponent(as);
-  const href = hrefFromProps ?? "#";
-  const isFallbackHref = hrefFromProps == null;
+  const renderAsLink = hrefFromProps != null;
   const target = targetFromProps ?? (isExternalLink ? "_blank" : void 0);
-  const opensInNewTab = target === "_blank";
+  const opensInNewTab = renderAsLink && target === "_blank";
   const rel = useRel({ isExternalLink, target, rel: relFromProps });
   const ariaAttrs = {
     "aria-controls": ariaControls,
@@ -172,31 +148,30 @@ function Link({
     "aria-roledescription": ariaRoledescription
   };
   const handleClick = (event) => {
-    if (isDisabled || isFallbackHref) {
-      event.preventDefault();
-    }
     if (isDisabled) {
+      event.preventDefault();
       return;
     }
     onClick?.(event);
   };
   const element = /* @__PURE__ */ jsxs(
-    Component,
+    ActionElement,
     {
       ...ariaAttrs,
       "aria-disabled": isDisabled || void 0,
       "aria-label": getAriaLabel(label, opensInNewTab),
+      as,
       className: cx(linkRecipe({ color, hasUnderline, size, weight }), className),
       "data-testid": dataTestId,
-      href: isDisabled ? void 0 : href,
+      href: isDisabled ? void 0 : hrefFromProps,
+      isDisabled: !renderAsLink ? isDisabled : void 0,
+      isLink: renderAsLink,
       onClick: handleClick,
       ref,
-      rel: isDisabled ? void 0 : rel,
-      role: isDisabled && hrefFromProps != null ? "link" : void 0,
+      rel: !isDisabled && renderAsLink ? rel : void 0,
       style,
       tabIndex: isDisabled ? -1 : void 0,
-      target: isDisabled ? void 0 : target,
-      to: isDisabled ? void 0 : Component === "a" ? void 0 : href,
+      target: !isDisabled && renderAsLink ? target : void 0,
       children: [
         children,
         opensInNewTab && label == null ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -230,6 +205,6 @@ function LinkProvider({
 }
 LinkProvider.displayName = "LinkProvider";
 
-export { Link, LinkProvider, getAriaLabel, useLinkComponent, useRel };
-//# sourceMappingURL=chunk-EFBSEJBD.js.map
-//# sourceMappingURL=chunk-EFBSEJBD.js.map
+export { Link, LinkProvider };
+//# sourceMappingURL=chunk-S4WWBV4N.js.map
+//# sourceMappingURL=chunk-S4WWBV4N.js.map

package/dist/chunk-S4WWBV4N.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Link/Link.recipe.ts","../src/components/Link/Link.tsx","../src/components/Link/LinkProvider.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-S4WWBV4N.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const linkRecipe = cva({\n  base: {\n    display: 'inline-flex',\n    appearance: 'none',\n    alignItems: 'center',\n    padding: 0,\n    border: 0,\n    background: 'none',\n    gap: '1',\n    fontFamily: 'body',\n    fontWeight: 'inherit',\n    lineHeight: 'normal',\n    textAlign: 'inherit',\n    textDecoration: 'none',\n    cursor: 'pointer',\n    transitionProperty: 'color, text-decoration-color, opacity',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n    _hover: {\n      textDecoration: 'underline',\n    },\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n    '&[aria-disabled=\"true\"]': {\n      cursor: 'not-allowed',\n      opacity: 0.5,\n    },\n  },\n  variants: {\n    size: {\n      xs: {fontSize: 'xs'},\n      sm: {fontSize: 'sm'},\n      md: {fontSize: 'md'},\n      lg: {fontSize: 'lg'},\n      xl: {fontSize: 'xl'},\n      '2xl': {fontSize: '2xl'},\n      '3xl': {fontSize: '3xl'},\n      '4xl': {fontSize: '4xl'},\n      '5xl': {fontSize: '5xl'},\n      '6xl': {fontSize: '6xl'},\n      inherit: {fontSize: 'inherit'},\n    },\n    color: {\n      primary: {\n        color: 'fg',\n      },\n      secondary: {\n        color: 'fg.muted',\n      },\n      disabled: {\n        color: 'fg.disabled',\n      },\n      placeholder: {\n        color: 'fg.muted',\n      },\n      active: {\n        color: 'primary',\n      },\n      inherit: {\n        color: 'inherit',\n      },\n    },\n    weight: {\n      normal: {fontWeight: 'normal'},\n      medium: {fontWeight: 'medium'},\n      semibold: {fontWeight: 'semibold'},\n      bold: {fontWeight: 'bold'},\n      inherit: {fontWeight: 'inherit'},\n    },\n    hasUnderline: {\n      true: {\n        textDecoration: 'underline',\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    color: 'active',\n    size: 'md',\n    hasUnderline: false,\n  },\n});\n\nexport type LinkVariants = RecipeVariantProps<typeof linkRecipe>;\n","import {ExternalLink} from 'lucide-react';\nimport type {CSSProperties, MouseEventHandler, ReactNode, Ref} from 'react';\nimport {Icon} from 'components/Icon';\nimport {linkRecipe} from 'components/Link/Link.recipe';\nimport type {LinkComponent} from 'components/Link/types';\nimport type {TextColor, TextSize, TextWeight} from 'components/Text';\nimport {Tooltip} from 'components/Tooltip';\nimport {VisuallyHidden} from 'internal';\nimport {ActionElement} from 'internal/ActionElement';\nimport {cx} from 'internal/cx';\nimport {getAriaLabel, useRel} from 'internal/linkAccessibility';\nimport {css} from 'styled-system/css';\n\n/**\n * A polymorphic link component with built-in accessibility, external link handling,\n * and router integration via LinkProvider. Supports custom link components (e.g.\n * React Router's Link) through the `as` prop or a parent `LinkProvider`.\n */\nexport interface LinkProps {\n  /**\n   * Identifies the element(s) whose contents are controlled by the link.\n   */\n  'aria-controls'?: string;\n  /**\n   * Indicates the current item in a set (e.g. current page in navigation).\n   */\n  'aria-current'?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true';\n  /**\n   * Identifies the element(s) that describe the link.\n   */\n  'aria-describedby'?: string;\n  /**\n   * Accessible description for the link.\n   */\n  'aria-description'?: string;\n  /**\n   * Identifies the element that provides a detailed description.\n   */\n  'aria-details'?: string;\n  /**\n   * Indicates whether a controlled element is expanded or collapsed.\n   */\n  'aria-expanded'?: boolean;\n  /**\n   * Indicates the link opens an interactive popup element.\n   */\n  'aria-haspopup'?: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';\n  /**\n   * Indicates whether the element is exposed to the accessibility API.\n   */\n  'aria-hidden'?: boolean;\n  /**\n   * Keyboard shortcuts that activate or focus the link.\n   */\n  'aria-keyshortcuts'?: string;\n  /**\n   * Identifies the element(s) that label the link.\n   */\n  'aria-labelledby'?: string;\n  /**\n   * Identifies element(s) owned by the link that are not DOM children.\n   */\n  'aria-owns'?: string;\n  /**\n   * Human-readable description of the role of the link.\n   */\n  'aria-roledescription'?: string;\n  /**\n   * Custom element type to render instead of `<a>`. Useful for integrating with routers.\n   * If you want to set this globally, use LinkProvider at the top level of your app.\n   */\n  as?: LinkComponent;\n  /**\n   * Link content.\n   */\n  children: ReactNode;\n  /**\n   * Optionally, rendering by setting the className.\n   */\n  className?: string;\n  /**\n   * Color variant controlling the link text color. Default is `active`.\n   */\n  color?: TextColor;\n  /**\n   * Test id applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Show a persistent underline on the link text.\n   */\n  hasUnderline?: boolean;\n  /**\n   * URL destination. Custom link components receive this as both `href` and\n   * `to` so router links and anchor-like links can share the same Silver UI API.\n   * When omitted, Link renders as a native `<button>`.\n   */\n  href?: string;\n  /**\n   * Visually and functionally disable the link. Prevents navigation and removes from tab order.\n   */\n  isDisabled?: boolean;\n  /**\n   * Mark as an external link. Adds an icon and rel=\"noopener noreferrer\".\n   * Defaults target to \"_blank\" unless target is set explicitly.\n   */\n  isExternalLink?: boolean;\n  /**\n   * Accessible label (aria-label). It is recommended to set this if your link does not contain sufficient text to make its purpose clear.\n   */\n  label?: string;\n  /**\n   * Click handler. Not called when the link is disabled.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n  /**\n   * Ref forwarded to the underlying anchor or button element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * HTML rel attribute.\n   */\n  rel?: string;\n  /**\n   * Font size variant. Default is `md`.\n   */\n  size?: TextSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * HTML target attribute.\n   */\n  target?: string;\n  /**\n   * Tooltip text shown on hover.\n   */\n  tooltip?: string;\n  /**\n   * Font weight variant. Default is inherited from parent styles.\n   */\n  weight?: TextWeight;\n}\n\nexport function Link({\n  'aria-controls': ariaControls,\n  'aria-current': ariaCurrent,\n  'aria-description': ariaDescription,\n  'aria-describedby': ariaDescribedby,\n  'aria-details': ariaDetails,\n  'aria-expanded': ariaExpanded,\n  'aria-haspopup': ariaHaspopup,\n  'aria-hidden': ariaHidden,\n  'aria-keyshortcuts': ariaKeyshortcuts,\n  'aria-labelledby': ariaLabelledby,\n  'aria-owns': ariaOwns,\n  'aria-roledescription': ariaRoledescription,\n  as,\n  label,\n  href: hrefFromProps,\n  hasUnderline = false,\n  isDisabled = false,\n  isExternalLink = false,\n  target: targetFromProps,\n  rel: relFromProps,\n  size,\n  tooltip,\n  color,\n  weight,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n  children,\n  onClick,\n}: LinkProps): React.JSX.Element {\n  const renderAsLink = hrefFromProps != null;\n  const target = targetFromProps ?? (isExternalLink ? '_blank' : undefined);\n  const opensInNewTab = renderAsLink && target === '_blank';\n  const rel = useRel({isExternalLink, target, rel: relFromProps});\n\n  const ariaAttrs = {\n    'aria-controls': ariaControls,\n    'aria-current': ariaCurrent,\n    'aria-description': ariaDescription,\n    'aria-describedby': ariaDescribedby,\n    'aria-details': ariaDetails,\n    'aria-expanded': ariaExpanded,\n    'aria-haspopup': ariaHaspopup,\n    'aria-hidden': ariaHidden,\n    'aria-keyshortcuts': ariaKeyshortcuts,\n    'aria-labelledby': ariaLabelledby,\n    'aria-owns': ariaOwns,\n    'aria-roledescription': ariaRoledescription,\n  };\n\n  const handleClick: MouseEventHandler<HTMLElement> = event => {\n    if (isDisabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClick?.(event);\n  };\n\n  const element = (\n    <ActionElement\n      {...ariaAttrs}\n      aria-disabled={isDisabled || undefined}\n      aria-label={getAriaLabel(label, opensInNewTab)}\n      as={as}\n      className={cx(linkRecipe({color, hasUnderline, size, weight}), className)}\n      data-testid={dataTestId}\n      href={isDisabled ? undefined : hrefFromProps}\n      isDisabled={!renderAsLink ? isDisabled : undefined}\n      isLink={renderAsLink}\n      onClick={handleClick}\n      ref={ref}\n      rel={!isDisabled && renderAsLink ? rel : undefined}\n      style={style}\n      tabIndex={isDisabled ? -1 : undefined}\n      target={!isDisabled && renderAsLink ? target : undefined}>\n      {children}\n      {opensInNewTab && label == null ? (\n        <>\n          {' '}\n          <VisuallyHidden>(opens in new tab)</VisuallyHidden>\n        </>\n      ) : null}\n      {isExternalLink ? (\n        <span aria-hidden=\"true\" className={styles.externalLink}>\n          <Icon icon={ExternalLink} size=\"sm\" />\n        </span>\n      ) : null}\n    </ActionElement>\n  );\n\n  if (tooltip != null) {\n    return <Tooltip content={tooltip}>{element}</Tooltip>;\n  }\n\n  return element;\n}\n\nLink.displayName = 'Link';\n\nconst styles = {\n  externalLink: css({\n    display: 'inline-flex',\n    flexShrink: 0,\n    fontSize: '0.875em',\n    lineHeight: 1,\n  }),\n};\n","import {useMemo, type ReactNode} from 'react';\nimport {LinkContext} from 'components/Link/LinkContext';\nimport type {LinkComponent} from 'components/Link/types';\n\nexport interface LinkProviderProps {\n  children: ReactNode;\n  component: LinkComponent;\n}\n\nexport function LinkProvider({\n  component,\n  children,\n}: LinkProviderProps): React.JSX.Element {\n  const value = useMemo(() => ({component}), [component]);\n\n  return <LinkContext value={value}>{children}</LinkContext>;\n}\n\nLinkProvider.displayName = 'LinkProvider';\n"]}

package/dist/{chunk-6J326CN6.js → chunk-SEDUAMDW.js}

@@ -1,7 +1,7 @@
 import { fieldRecipe } from './chunk-U7ALNPFJ.js';
-import { Text } from './chunk-RJEZBOSH.js';
 import { VisuallyHidden } from './chunk-V2V5TTTL.js';
-import { Tooltip } from './chunk-6PIVWNUR.js';
+import { Text } from './chunk-NXTDP6AX.js';
+import { Tooltip } from './chunk-KWZMXX4F.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
 import { Icon } from './chunk-IUW777WZ.js';
 import { cx } from './chunk-PPNETWIP.js';
@@ -112,5 +112,5 @@ function Field({
 Field.displayName = "Field";
 
 export { Field, getNecessity };
-//# sourceMappingURL=chunk-6J326CN6.js.map
-//# sourceMappingURL=chunk-6J326CN6.js.map
+//# sourceMappingURL=chunk-SEDUAMDW.js.map
+//# sourceMappingURL=chunk-SEDUAMDW.js.map

package/dist/{chunk-6J326CN6.js.map → chunk-SEDUAMDW.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Field/Field.tsx"],"names":[],"mappings":"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","file":"chunk-6J326CN6.js","sourcesContent":["import {Info} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {fieldRecipe} from 'components/Field/Field.recipe';\nimport type {InputStatusType} from 'components/Field/types';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Text} from 'components/Text';\nimport {Tooltip} from 'components/Tooltip';\nimport {VisuallyHidden} from 'internal/VisuallyHidden';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\n\nexport type FieldStatusVariant = 'attached' | 'detached';\n\nexport interface FieldStatus {\n  /**\n   * Optional status text displayed below the input.\n   */\n  message?: string;\n  /**\n   * Status message ID used by `aria-describedby`.\n   */\n  messageID?: string;\n  /**\n   * Validation state for the field.\n   */\n  type: InputStatusType;\n}\n\ninterface FieldBaseProps {\n  /**\n   * The form control rendered inside the field.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text rendered between the label and control.\n   */\n  description?: ReactNode;\n  /**\n   * ID for the description element.\n   */\n  descriptionID?: string;\n  /**\n   * ID of the associated control.\n   */\n  inputId: string;\n  /**\n   * Whether the associated control is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label and description.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Field label text.\n   */\n  label: string;\n  /**\n   * HTML element used for the label. Use 'span' for group controls\n   * (e.g., radiogroup) where `htmlFor` cannot target a labelable element.\n   * @default 'label'\n   */\n  labelAs?: 'label' | 'span';\n  /**\n   * Optional icon shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * ID applied to the label element, useful for `aria-labelledby`.\n   */\n  labelId?: string;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Validation status displayed below the control.\n   */\n  status?: FieldStatus;\n  /**\n   * How the status message is positioned.\n   * @default 'attached'\n   */\n  statusVariant?: FieldStatusVariant;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Controls whether a field displays an \"Optional\" or \"Required\" indicator.\n * The two options are mutually exclusive — a field cannot be both optional\n * and required at the same time. TypeScript enforces this at the type level.\n */\nexport type FieldNecessity =\n  | {isOptional?: false; isRequired?: false}\n  | {isOptional: true; isRequired?: false}\n  | {isOptional?: false; isRequired: true};\n\nexport type FieldProps = FieldBaseProps & FieldNecessity;\n\n/**\n * Narrows individually-typed `isOptional`/`isRequired` values back into\n * a valid `FieldNecessity` union member. Useful when forwarding necessity\n * props that were destructured from a component's own props (which widens\n * the discriminated union to `boolean | undefined`).\n */\nexport function getNecessity(\n  isOptional: boolean | undefined,\n  isRequired: boolean | undefined,\n): FieldNecessity {\n  if (isOptional === true) {\n    return {isOptional: true};\n  }\n  if (isRequired === true) {\n    return {isRequired: true};\n  }\n  return {};\n}\n\n/**\n * A form field wrapper that renders a label, description, control slot, and validation status.\n */\nexport function Field({\n  children,\n  label,\n  isLabelHidden = false,\n  description,\n  inputId,\n  descriptionID,\n  isOptional = false,\n  isRequired = false,\n  isDisabled = false,\n  labelAs: LabelComponent = 'label',\n  labelIcon,\n  labelId,\n  labelTooltip,\n  status,\n  statusVariant = 'attached',\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: FieldProps): React.JSX.Element {\n  const resolvedDescriptionID =\n    descriptionID ??\n    (isReactNode(description) ? `${inputId}-description` : undefined);\n  const resolvedStatusID =\n    status?.messageID ??\n    (status?.message != null ? `${inputId}-status` : undefined);\n  const statusText = isOptional ? 'Optional' : isRequired ? 'Required' : null;\n  const classes = fieldRecipe({\n    isDisabled,\n    statusType: status?.type,\n    statusVariant,\n  });\n  const labelNode = (\n    <LabelComponent\n      className={classes.label}\n      {...(LabelComponent === 'label' ? {htmlFor: inputId} : undefined)}\n      id={labelId}>\n      {labelIcon != null ? (\n        <Icon color=\"secondary\" icon={labelIcon} size=\"sm\" />\n      ) : null}\n      <Text as=\"span\" color=\"inherit\" type=\"label\">\n        {label}\n      </Text>\n      {statusText != null ? (\n        <Text as=\"span\" className={classes.indicator} type=\"supporting\">\n          <span aria-hidden=\"true\"> · </span>\n          {statusText}\n        </Text>\n      ) : null}\n      {isReactNode(labelTooltip) ? (\n        <Tooltip content={labelTooltip}>\n          <span className={classes.tooltipIcon}>\n            <Icon icon={Info} size=\"sm\" />\n          </span>\n        </Tooltip>\n      ) : null}\n    </LabelComponent>\n  );\n  const descriptionNode = isReactNode(description) ? (\n    <Text\n      as=\"span\"\n      color=\"secondary\"\n      id={resolvedDescriptionID}\n      type=\"supporting\">\n      {description}\n    </Text>\n  ) : null;\n  const statusNode =\n    status?.message != null ? (\n      <div\n        aria-live={status.type === 'error' ? 'assertive' : 'polite'}\n        className={classes.status}\n        id={resolvedStatusID}\n        role={status.type === 'error' ? 'alert' : 'status'}>\n        {status.message}\n      </div>\n    ) : null;\n\n  return (\n    <div\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {isLabelHidden ? (\n        <VisuallyHidden>\n          {labelNode}\n          {descriptionNode}\n        </VisuallyHidden>\n      ) : (\n        <>\n          {labelNode}\n          {descriptionNode}\n        </>\n      )}\n      {statusVariant === 'attached' ? (\n        <div className={classes.inputWrapper}>\n          {children}\n          {statusNode}\n        </div>\n      ) : (\n        <>\n          {children}\n          {statusNode}\n        </>\n      )}\n    </div>\n  );\n}\n\nField.displayName = 'Field';\n"]}
+{"version":3,"sources":["../src/components/Field/Field.tsx"],"names":[],"mappings":";;;;;;;;;;AA0HO,SAAS,YAAA,CACd,YACA,UAAA,EACgB;AAChB,EAAA,IAAI,eAAe,IAAA,EAAM;AACvB,IAAA,OAAO,EAAC,YAAY,IAAA,EAAI;AAAA,EAC1B;AACA,EAAA,IAAI,eAAe,IAAA,EAAM;AACvB,IAAA,OAAO,EAAC,YAAY,IAAA,EAAI;AAAA,EAC1B;AACA,EAAA,OAAO,EAAC;AACV;AAKO,SAAS,KAAA,CAAM;AAAA,EACpB,QAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,WAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,UAAA,GAAa,KAAA;AAAA,EACb,UAAA,GAAa,KAAA;AAAA,EACb,SAAS,cAAA,GAAiB,OAAA;AAAA,EAC1B,SAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA,GAAgB,UAAA;AAAA,EAChB,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,KAAA;AAAA,EACA;AACF,CAAA,EAAkC;AAChC,EAAA,MAAM,wBACJ,aAAA,KACC,WAAA,CAAY,WAAW,CAAA,GAAI,CAAA,EAAG,OAAO,CAAA,YAAA,CAAA,GAAiB,MAAA,CAAA;AACzD,EAAA,MAAM,gBAAA,GACJ,QAAQ,SAAA,KACP,MAAA,EAAQ,WAAW,IAAA,GAAO,CAAA,EAAG,OAAO,CAAA,OAAA,CAAA,GAAY,MAAA,CAAA;AACnD,EAAA,MAAM,UAAA,GAAa,UAAA,GAAa,UAAA,GAAa,UAAA,GAAa,UAAA,GAAa,IAAA;AACvE,EAAA,MAAM,UAAU,WAAA,CAAY;AAAA,IAC1B,UAAA;AAAA,IACA,YAAY,MAAA,EAAQ,IAAA;AAAA,IACpB;AAAA,GACD,CAAA;AACD,EAAA,MAAM,SAAA,mBACJ,IAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAA,CAAQ,KAAA;AAAA,MAClB,GAAI,cAAA,KAAmB,OAAA,GAAU,EAAC,OAAA,EAAS,SAAO,GAAI,MAAA;AAAA,MACvD,EAAA,EAAI,OAAA;AAAA,MACH,QAAA,EAAA;AAAA,QAAA,SAAA,IAAa,IAAA,uBACX,IAAA,EAAA,EAAK,KAAA,EAAM,aAAY,IAAA,EAAM,SAAA,EAAW,IAAA,EAAK,IAAA,EAAK,CAAA,GACjD,IAAA;AAAA,wBACJ,GAAA,CAAC,QAAK,EAAA,EAAG,MAAA,EAAO,OAAM,SAAA,EAAU,IAAA,EAAK,SAClC,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,QACC,UAAA,IAAc,IAAA,mBACb,IAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAG,QAAO,SAAA,EAAW,OAAA,CAAQ,SAAA,EAAW,IAAA,EAAK,YAAA,EACjD,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,QAAA,EAAA,QAAA,EAAG,CAAA;AAAA,UAC3B;AAAA,SAAA,EACH,CAAA,GACE,IAAA;AAAA,QACH,WAAA,CAAY,YAAY,CAAA,mBACvB,GAAA,CAAC,WAAQ,OAAA,EAAS,YAAA,EAChB,8BAAC,MAAA,EAAA,EAAK,SAAA,EAAW,QAAQ,WAAA,EACvB,QAAA,kBAAA,GAAA,CAAC,QAAK,IAAA,EAAM,IAAA,EAAM,MAAK,IAAA,EAAK,CAAA,EAC9B,GACF,CAAA,GACE;AAAA;AAAA;AAAA,GACN;AAEF,EAAA,MAAM,eAAA,GAAkB,WAAA,CAAY,WAAW,CAAA,mBAC7C,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAG,MAAA;AAAA,MACH,KAAA,EAAM,WAAA;AAAA,MACN,EAAA,EAAI,qBAAA;AAAA,MACJ,IAAA,EAAK,YAAA;AAAA,MACJ,QAAA,EAAA;AAAA;AAAA,GACH,GACE,IAAA;AACJ,EAAA,MAAM,UAAA,GACJ,MAAA,EAAQ,OAAA,IAAW,IAAA,mBACjB,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAW,MAAA,CAAO,IAAA,KAAS,OAAA,GAAU,WAAA,GAAc,QAAA;AAAA,MACnD,WAAW,OAAA,CAAQ,MAAA;AAAA,MACnB,EAAA,EAAI,gBAAA;AAAA,MACJ,IAAA,EAAM,MAAA,CAAO,IAAA,KAAS,OAAA,GAAU,OAAA,GAAU,QAAA;AAAA,MACzC,QAAA,EAAA,MAAA,CAAO;AAAA;AAAA,GACV,GACE,IAAA;AAEN,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,OAAA,CAAQ,IAAA,EAAM,SAAS,CAAA;AAAA,MACrC,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,KAAA;AAAA,MACC,QAAA,EAAA;AAAA,QAAA,aAAA,wBACE,cAAA,EAAA,EACE,QAAA,EAAA;AAAA,UAAA,SAAA;AAAA,UACA;AAAA,SAAA,EACH,oBAEA,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,SAAA;AAAA,UACA;AAAA,SAAA,EACH,CAAA;AAAA,QAED,kBAAkB,UAAA,mBACjB,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,QAAQ,YAAA,EACrB,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACA;AAAA,SAAA,EACH,oBAEA,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACA;AAAA,SAAA,EACH;AAAA;AAAA;AAAA,GAEJ;AAEJ;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-SEDUAMDW.js","sourcesContent":["import {Info} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {fieldRecipe} from 'components/Field/Field.recipe';\nimport type {InputStatusType} from 'components/Field/types';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Text} from 'components/Text';\nimport {Tooltip} from 'components/Tooltip';\nimport {VisuallyHidden} from 'internal/VisuallyHidden';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\n\nexport type FieldStatusVariant = 'attached' | 'detached';\n\nexport interface FieldStatus {\n  /**\n   * Optional status text displayed below the input.\n   */\n  message?: string;\n  /**\n   * Status message ID used by `aria-describedby`.\n   */\n  messageID?: string;\n  /**\n   * Validation state for the field.\n   */\n  type: InputStatusType;\n}\n\ninterface FieldBaseProps {\n  /**\n   * The form control rendered inside the field.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text rendered between the label and control.\n   */\n  description?: ReactNode;\n  /**\n   * ID for the description element.\n   */\n  descriptionID?: string;\n  /**\n   * ID of the associated control.\n   */\n  inputId: string;\n  /**\n   * Whether the associated control is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label and description.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Field label text.\n   */\n  label: string;\n  /**\n   * HTML element used for the label. Use 'span' for group controls\n   * (e.g., radiogroup) where `htmlFor` cannot target a labelable element.\n   * @default 'label'\n   */\n  labelAs?: 'label' | 'span';\n  /**\n   * Optional icon shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * ID applied to the label element, useful for `aria-labelledby`.\n   */\n  labelId?: string;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Validation status displayed below the control.\n   */\n  status?: FieldStatus;\n  /**\n   * How the status message is positioned.\n   * @default 'attached'\n   */\n  statusVariant?: FieldStatusVariant;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Controls whether a field displays an \"Optional\" or \"Required\" indicator.\n * The two options are mutually exclusive — a field cannot be both optional\n * and required at the same time. TypeScript enforces this at the type level.\n */\nexport type FieldNecessity =\n  | {isOptional?: false; isRequired?: false}\n  | {isOptional: true; isRequired?: false}\n  | {isOptional?: false; isRequired: true};\n\nexport type FieldProps = FieldBaseProps & FieldNecessity;\n\n/**\n * Narrows individually-typed `isOptional`/`isRequired` values back into\n * a valid `FieldNecessity` union member. Useful when forwarding necessity\n * props that were destructured from a component's own props (which widens\n * the discriminated union to `boolean | undefined`).\n */\nexport function getNecessity(\n  isOptional: boolean | undefined,\n  isRequired: boolean | undefined,\n): FieldNecessity {\n  if (isOptional === true) {\n    return {isOptional: true};\n  }\n  if (isRequired === true) {\n    return {isRequired: true};\n  }\n  return {};\n}\n\n/**\n * A form field wrapper that renders a label, description, control slot, and validation status.\n */\nexport function Field({\n  children,\n  label,\n  isLabelHidden = false,\n  description,\n  inputId,\n  descriptionID,\n  isOptional = false,\n  isRequired = false,\n  isDisabled = false,\n  labelAs: LabelComponent = 'label',\n  labelIcon,\n  labelId,\n  labelTooltip,\n  status,\n  statusVariant = 'attached',\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: FieldProps): React.JSX.Element {\n  const resolvedDescriptionID =\n    descriptionID ??\n    (isReactNode(description) ? `${inputId}-description` : undefined);\n  const resolvedStatusID =\n    status?.messageID ??\n    (status?.message != null ? `${inputId}-status` : undefined);\n  const statusText = isOptional ? 'Optional' : isRequired ? 'Required' : null;\n  const classes = fieldRecipe({\n    isDisabled,\n    statusType: status?.type,\n    statusVariant,\n  });\n  const labelNode = (\n    <LabelComponent\n      className={classes.label}\n      {...(LabelComponent === 'label' ? {htmlFor: inputId} : undefined)}\n      id={labelId}>\n      {labelIcon != null ? (\n        <Icon color=\"secondary\" icon={labelIcon} size=\"sm\" />\n      ) : null}\n      <Text as=\"span\" color=\"inherit\" type=\"label\">\n        {label}\n      </Text>\n      {statusText != null ? (\n        <Text as=\"span\" className={classes.indicator} type=\"supporting\">\n          <span aria-hidden=\"true\"> · </span>\n          {statusText}\n        </Text>\n      ) : null}\n      {isReactNode(labelTooltip) ? (\n        <Tooltip content={labelTooltip}>\n          <span className={classes.tooltipIcon}>\n            <Icon icon={Info} size=\"sm\" />\n          </span>\n        </Tooltip>\n      ) : null}\n    </LabelComponent>\n  );\n  const descriptionNode = isReactNode(description) ? (\n    <Text\n      as=\"span\"\n      color=\"secondary\"\n      id={resolvedDescriptionID}\n      type=\"supporting\">\n      {description}\n    </Text>\n  ) : null;\n  const statusNode =\n    status?.message != null ? (\n      <div\n        aria-live={status.type === 'error' ? 'assertive' : 'polite'}\n        className={classes.status}\n        id={resolvedStatusID}\n        role={status.type === 'error' ? 'alert' : 'status'}>\n        {status.message}\n      </div>\n    ) : null;\n\n  return (\n    <div\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {isLabelHidden ? (\n        <VisuallyHidden>\n          {labelNode}\n          {descriptionNode}\n        </VisuallyHidden>\n      ) : (\n        <>\n          {labelNode}\n          {descriptionNode}\n        </>\n      )}\n      {statusVariant === 'attached' ? (\n        <div className={classes.inputWrapper}>\n          {children}\n          {statusNode}\n        </div>\n      ) : (\n        <>\n          {children}\n          {statusNode}\n        </>\n      )}\n    </div>\n  );\n}\n\nField.displayName = 'Field';\n"]}

package/dist/{chunk-TSKFGLGQ.cjs → chunk-SKZNSOB7.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 chunkMHAXS4GO_cjs = require('./chunk-MHAXS4GO.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(chunkMHAXS4GO_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(chunkMHAXS4GO_cjs.Text, { as: "span", maxLines: getMaxLines(labelLines, label), type: "body", children: label }),
     chunkQAO6QMNQ_cjs.isReactNode(description) ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3Z5PF75J_cjs.Text,
+      chunkMHAXS4GO_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-SKZNSOB7.cjs.map
+//# sourceMappingURL=chunk-SKZNSOB7.cjs.map

package/dist/chunk-SKZNSOB7.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-SKZNSOB7.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-YDNEAHVK.cjs → chunk-TNYAYXKC.cjs}

@@ -1,22 +1,22 @@
 'use strict';
 
-var chunkVV72PGKH_cjs = require('./chunk-VV72PGKH.cjs');
-var chunkXPGIWOJO_cjs = require('./chunk-XPGIWOJO.cjs');
-var chunkIGJEZLHP_cjs = require('./chunk-IGJEZLHP.cjs');
-var chunkRRXOSNCX_cjs = require('./chunk-RRXOSNCX.cjs');
-var chunkESRDHDYN_cjs = require('./chunk-ESRDHDYN.cjs');
-var chunkX4I5YARV_cjs = require('./chunk-X4I5YARV.cjs');
-var chunkIX26TMZD_cjs = require('./chunk-IX26TMZD.cjs');
-var chunkBSPWX2OZ_cjs = require('./chunk-BSPWX2OZ.cjs');
-var chunkTKTCN4JE_cjs = require('./chunk-TKTCN4JE.cjs');
-var chunkV4ZH2H2P_cjs = require('./chunk-V4ZH2H2P.cjs');
+var chunkHPOURAKV_cjs = require('./chunk-HPOURAKV.cjs');
+var chunkFWBYCTUB_cjs = require('./chunk-FWBYCTUB.cjs');
+var chunkUZGPFPIV_cjs = require('./chunk-UZGPFPIV.cjs');
+var chunkQTOFQB26_cjs = require('./chunk-QTOFQB26.cjs');
+var chunkWINDLDH3_cjs = require('./chunk-WINDLDH3.cjs');
+var chunkNG2H3PYA_cjs = require('./chunk-NG2H3PYA.cjs');
+var chunkEVCQCZMM_cjs = require('./chunk-EVCQCZMM.cjs');
+var chunk3IDT3PZC_cjs = require('./chunk-3IDT3PZC.cjs');
+var chunkMHEPDHL5_cjs = require('./chunk-MHEPDHL5.cjs');
+var chunkZUAWNT66_cjs = require('./chunk-ZUAWNT66.cjs');
 var chunkJK4YAQ2N_cjs = require('./chunk-JK4YAQ2N.cjs');
 var chunkR37R7DEV_cjs = require('./chunk-R37R7DEV.cjs');
-var chunkGY2ZZR4Z_cjs = require('./chunk-GY2ZZR4Z.cjs');
-var chunkL5JS6P62_cjs = require('./chunk-L5JS6P62.cjs');
-var chunk5XMWGK3O_cjs = require('./chunk-5XMWGK3O.cjs');
-var chunk3Z5PF75J_cjs = require('./chunk-3Z5PF75J.cjs');
-var chunkQ4HAXT5C_cjs = require('./chunk-Q4HAXT5C.cjs');
+var chunkDK6USFZP_cjs = require('./chunk-DK6USFZP.cjs');
+var chunkRAMDISDK_cjs = require('./chunk-RAMDISDK.cjs');
+var chunkVXOIOPGZ_cjs = require('./chunk-VXOIOPGZ.cjs');
+var chunkMHAXS4GO_cjs = require('./chunk-MHAXS4GO.cjs');
+var chunkVK7DXUGH_cjs = require('./chunk-VK7DXUGH.cjs');
 var chunk6SHL7FYO_cjs = require('./chunk-6SHL7FYO.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
@@ -581,7 +581,7 @@ function DataRowInner({
     );
     const isDefaultRenderer = column.renderCell == null;
     const rawContent = isDefaultRenderer ? defaultCellRenderer(item, column.key) : column.renderCell?.(item) ?? null;
-    const content = isDefaultRenderer && textOverflow === "truncate" && typeof rawContent === "string" && rawContent.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { maxLines: 1, type: "body", children: rawContent }) : rawContent;
+    const content = isDefaultRenderer && textOverflow === "truncate" && typeof rawContent === "string" && rawContent.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkMHAXS4GO_cjs.Text, { maxLines: 1, type: "body", children: rawContent }) : rawContent;
     return /* @__PURE__ */ jsxRuntime.jsx(
       CellComponent,
       {
@@ -700,7 +700,7 @@ function TableInner({
     const resolvedContent = headerCellProps.content ?? headerContent;
     const title = typeof resolvedContent === "string" && resolvedContent.length > 0 ? resolvedContent : void 0;
     const renderedContent = typeof resolvedContent === "string" || typeof resolvedContent === "number" ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3Z5PF75J_cjs.Text,
+      chunkMHAXS4GO_cjs.Text,
       {
         color: "secondary",
         maxLines: 1,
@@ -798,7 +798,7 @@ function TableInner({
             },
             rowKey
           );
-        }) : data != null && (emptyState === void 0 || chunkQAO6QMNQ_cjs.isReactNode(emptyState)) && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: Math.max(columns.length, 1), children: emptyState ?? /* @__PURE__ */ jsxRuntime.jsx(chunkIX26TMZD_cjs.EmptyState, { isCompact: true, title: "No data" }) }) }) })
+        }) : data != null && (emptyState === void 0 || chunkQAO6QMNQ_cjs.isReactNode(emptyState)) && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: Math.max(columns.length, 1), children: emptyState ?? /* @__PURE__ */ jsxRuntime.jsx(chunkEVCQCZMM_cjs.EmptyState, { isCompact: true, title: "No data" }) }) }) })
       ] })
     }
   ) });
@@ -1447,7 +1447,7 @@ function TextFilterControl({
   const store = useFilterStore();
   const value = store.getConfig().filters[columnKey];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkX4I5YARV_cjs.TextInput,
+    chunkNG2H3PYA_cjs.TextInput,
     {
       hasClear,
       isLabelHidden: true,
@@ -1483,7 +1483,7 @@ function NumberFilterControl({
   };
   if (hasClear === false) {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRRXOSNCX_cjs.NumberInput,
+      chunkQTOFQB26_cjs.NumberInput,
       {
         ...sharedProps,
         onChange: (nextValue) => {
@@ -1493,7 +1493,7 @@ function NumberFilterControl({
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRRXOSNCX_cjs.NumberInput,
+    chunkQTOFQB26_cjs.NumberInput,
     {
       ...sharedProps,
       hasClear: true,
@@ -1513,7 +1513,7 @@ function SelectFilterControl({
   const store = useFilterStore();
   const value = store.getConfig().filters[columnKey];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkXPGIWOJO_cjs.Select,
+    chunkFWBYCTUB_cjs.Select,
     {
       hasClear,
       isLabelHidden: true,
@@ -1542,7 +1542,7 @@ function MultiSelectFilterControl({
   const store = useFilterStore();
   const value = store.getConfig().filters[columnKey];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkIGJEZLHP_cjs.MultiSelect,
+    chunkUZGPFPIV_cjs.MultiSelect,
     {
       hasClear,
       hasSearch: false,
@@ -1572,7 +1572,7 @@ function DateFilterControl({
   const store = useFilterStore();
   const value = store.getConfig().filters[columnKey];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkV4ZH2H2P_cjs.DateInput,
+    chunkZUAWNT66_cjs.DateInput,
     {
       hasClear,
       isLabelHidden: true,
@@ -1595,7 +1595,7 @@ function TimeFilterControl({
   const store = useFilterStore();
   const value = store.getConfig().filters[columnKey];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkTKTCN4JE_cjs.TimeInput,
+    chunkMHEPDHL5_cjs.TimeInput,
     {
       hasClear,
       isLabelHidden: true,
@@ -1619,11 +1619,11 @@ function ListFilterControl({
   const store = useFilterStore();
   const value = store.getConfig().filters[columnKey];
   const items = Array.isArray(value) ? value.map((id) => ({ id, label: id })) : [];
-  const source = operatorValue.searchSource ?? chunkGY2ZZR4Z_cjs.createStaticSearchSource(items, {
+  const source = operatorValue.searchSource ?? chunkDK6USFZP_cjs.createStaticSearchSource(items, {
     getKeywords: (item) => [item.id]
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkVV72PGKH_cjs.TagsInput,
+    chunkHPOURAKV_cjs.TagsInput,
     {
       hasClear,
       hasCreate: operatorValue.isArbitraryStringAllowed ?? true,
@@ -1782,7 +1782,7 @@ function PopoverFilterTrigger({
     [column.key, draft, store]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkL5JS6P62_cjs.Popover,
+    chunkRAMDISDK_cjs.Popover,
     {
       content: /* @__PURE__ */ jsxRuntime.jsx(FilterStoreContext, { value: draftStore, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles2.popoverContent, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -1796,7 +1796,7 @@ function PopoverFilterTrigger({
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles2.popoverActions, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5XMWGK3O_cjs.Button,
+            chunkVXOIOPGZ_cjs.Button,
             {
               label: "Reset",
               onClick: handleReset,
@@ -1806,7 +1806,7 @@ function PopoverFilterTrigger({
           ),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.popoverActionsSpacer }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5XMWGK3O_cjs.Button,
+            chunkVXOIOPGZ_cjs.Button,
             {
               label: "Apply",
               onClick: handleApply,
@@ -1822,7 +1822,7 @@ function PopoverFilterTrigger({
       padding: 3,
       placement: "below",
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunk5XMWGK3O_cjs.Button,
+        chunkVXOIOPGZ_cjs.Button,
         {
           icon: lucideReact.Filter,
           isIconOnly: true,
@@ -1994,7 +1994,7 @@ function useTablePagination({
           "div",
           {
             className: `${styles3.root} ${styles3.align[current.align]} ${side === "above" ? styles3.above : styles3.below}`,
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkESRDHDYN_cjs.Pagination, { ...current.paginationProps })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunkWINDLDH3_cjs.Pagination, { ...current.paginationProps })
           }
         );
         return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -2086,7 +2086,7 @@ function SelectAllCheckboxInner({
   const state = react.useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
   const isAllSelected = state === SELECT_ALL;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkBSPWX2OZ_cjs.CheckboxInput,
+    chunk3IDT3PZC_cjs.CheckboxInput,
     {
       isLabelHidden: true,
       label: "Select all rows",
@@ -2125,7 +2125,7 @@ function SelectionCellContentInner({
     return null;
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkBSPWX2OZ_cjs.CheckboxInput,
+    chunk3IDT3PZC_cjs.CheckboxInput,
     {
       isDisabled: !isEnabled,
       isLabelHidden: true,
@@ -2139,7 +2139,7 @@ function SelectionCellContentInner({
   );
 }
 function useTableSelection(config) {
-  const configRef = chunkQ4HAXT5C_cjs.useLatest_default(config);
+  const configRef = chunkVK7DXUGH_cjs.useLatest_default(config);
   const store = useConstant_default(() => createSelectionStore(configRef));
   react.useEffect(() => {
     store.notify();
@@ -2560,5 +2560,5 @@ exports.useTableSelection = useTableSelection;
 exports.useTableSelectionState = useTableSelectionState;
 exports.useTableSortable = useTableSortable;
 exports.useTableSortableState = useTableSortableState;
-//# sourceMappingURL=chunk-YDNEAHVK.cjs.map
-//# sourceMappingURL=chunk-YDNEAHVK.cjs.map
+//# sourceMappingURL=chunk-TNYAYXKC.cjs.map
+//# sourceMappingURL=chunk-TNYAYXKC.cjs.map