silver-ui 0.1.1 → 0.2.0

package/dist/{chunk-YMC56K6R.cjs → chunk-4I6VIR44.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunk47BELFYO_cjs = require('./chunk-47BELFYO.cjs');
-var chunkOA4KIVLO_cjs = require('./chunk-OA4KIVLO.cjs');
+var chunkJMNH45Q3_cjs = require('./chunk-JMNH45Q3.cjs');
+var chunkLFRTNC7M_cjs = require('./chunk-LFRTNC7M.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
-var chunkAZDWQGAX_cjs = require('./chunk-AZDWQGAX.cjs');
+var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 var SELECTABLE_ROLES = /* @__PURE__ */ new Set([
@@ -14,8 +14,7 @@ var SELECTABLE_ROLES = /* @__PURE__ */ new Set([
   "treeitem"
 ]);
 var styles = {
-  root: chunkAZDWQGAX_cjs.css({
-    boxSizing: "border-box",
+  root: chunkRU6JG3FS_cjs.css({
     position: "relative",
     display: "flex",
     alignItems: "center",
@@ -25,13 +24,13 @@ var styles = {
     textAlign: "start",
     borderRadius: "md"
   }),
-  widthFull: chunkAZDWQGAX_cjs.css({
+  widthFull: chunkRU6JG3FS_cjs.css({
     w: "full"
   }),
-  alignStart: chunkAZDWQGAX_cjs.css({
+  alignStart: chunkRU6JG3FS_cjs.css({
     alignItems: "flex-start"
   }),
-  interactive: chunkAZDWQGAX_cjs.css({
+  interactive: chunkRU6JG3FS_cjs.css({
     cursor: "pointer",
     transitionProperty: "background-color",
     transitionDuration: "fast",
@@ -45,22 +44,20 @@ var styles = {
       outlineOffset: "focusOffset"
     }
   }),
-  highlighted: chunkAZDWQGAX_cjs.css({
+  highlighted: chunkRU6JG3FS_cjs.css({
     bg: "bg.subtle"
   }),
-  selected: chunkAZDWQGAX_cjs.css({
+  selected: chunkRU6JG3FS_cjs.css({
     bg: "bg.selected"
   }),
-  disabled: chunkAZDWQGAX_cjs.css({
+  disabled: chunkRU6JG3FS_cjs.css({
     cursor: "not-allowed",
     pointerEvents: "none"
   }),
-  disabledContent: chunkAZDWQGAX_cjs.css({
+  disabledContent: chunkRU6JG3FS_cjs.css({
     opacity: 0.5
   }),
-  interactiveContent: chunkAZDWQGAX_cjs.css({
-    all: "unset",
-    boxSizing: "border-box",
+  interactiveContent: chunkRU6JG3FS_cjs.css({
     cursor: "inherit",
     color: "inherit",
     display: "flex",
@@ -71,7 +68,7 @@ var styles = {
     textAlign: "start",
     textDecoration: "none"
   }),
-  content: chunkAZDWQGAX_cjs.css({
+  content: chunkRU6JG3FS_cjs.css({
     display: "flex",
     alignItems: "center",
     gap: "2",
@@ -79,33 +76,33 @@ var styles = {
     minW: 0,
     textAlign: "start"
   }),
-  textContent: chunkAZDWQGAX_cjs.css({
+  textContent: chunkRU6JG3FS_cjs.css({
     display: "flex",
     flexDirection: "column",
     flex: 1,
     minW: 0
   }),
-  startContent: chunkAZDWQGAX_cjs.css({
+  startContent: chunkRU6JG3FS_cjs.css({
     display: "inline-flex",
     flexShrink: 0
   }),
-  endContent: chunkAZDWQGAX_cjs.css({
+  endContent: chunkRU6JG3FS_cjs.css({
     display: "inline-flex",
     alignItems: "center",
     flexShrink: 0,
     marginInlineStart: "auto"
   }),
-  endContentInline: chunkAZDWQGAX_cjs.css({
+  endContentInline: chunkRU6JG3FS_cjs.css({
     display: "inline-flex",
     alignItems: "center",
     flexShrink: 0
   }),
-  labelRow: chunkAZDWQGAX_cjs.css({
+  labelRow: chunkRU6JG3FS_cjs.css({
     display: "flex",
     alignItems: "center",
     gap: "2"
   }),
-  trailingContent: chunkAZDWQGAX_cjs.css({
+  trailingContent: chunkRU6JG3FS_cjs.css({
     display: "inline-flex",
     alignItems: "center",
     flexShrink: 0
@@ -145,8 +142,8 @@ function Item({
   trailingContent,
   width = "full"
 }) {
-  const LinkComponent = chunkOA4KIVLO_cjs.useLinkComponent(linkComponent);
-  const linkRel = chunkOA4KIVLO_cjs.useRel({ target, rel });
+  const LinkComponent = chunkLFRTNC7M_cjs.useLinkComponent(linkComponent);
+  const linkRel = chunkLFRTNC7M_cjs.useRel({ target, rel });
   const isInteractive = href != null || onClick != null;
   const hasParentRole = role != null;
   const inlineEndContent = endContent != null && endContentPosition === "inline" ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -161,11 +158,11 @@ function Item({
   ) : null;
   const labelAndDescription = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     inlineEndContent != null ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles.labelRow, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunk47BELFYO_cjs.Text, { as: "span", maxLines: getMaxLines(labelLines, label), type: "body", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkJMNH45Q3_cjs.Text, { as: "span", maxLines: getMaxLines(labelLines, label), type: "body", children: label }),
       inlineEndContent
-    ] }) : /* @__PURE__ */ jsxRuntime.jsx(chunk47BELFYO_cjs.Text, { as: "span", maxLines: getMaxLines(labelLines, label), type: "body", children: label }),
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx(chunkJMNH45Q3_cjs.Text, { as: "span", maxLines: getMaxLines(labelLines, label), type: "body", children: label }),
     description != null ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunk47BELFYO_cjs.Text,
+      chunkJMNH45Q3_cjs.Text,
       {
         as: "span",
         maxLines: getMaxLines(descriptionLines, description),
@@ -285,5 +282,5 @@ function Item({
 Item.displayName = "Item";
 
 exports.Item = Item;
-//# sourceMappingURL=chunk-YMC56K6R.cjs.map
-//# sourceMappingURL=chunk-YMC56K6R.cjs.map
+//# sourceMappingURL=chunk-4I6VIR44.cjs.map
+//# sourceMappingURL=chunk-4I6VIR44.cjs.map

package/dist/chunk-4I6VIR44.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Item/Item.tsx"],"names":["css","useLinkComponent","useRel","jsx","cx","jsxs","Fragment","Text"],"mappings":"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","file":"chunk-4I6VIR44.cjs","sourcesContent":["/* eslint-disable @eslint-react/static-components -- intentional polymorphism via as/link component props */\n\nimport type {\n  AriaAttributes,\n  CSSProperties,\n  MouseEvent,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {useRel} from '../../internal/linkAccessibility';\nimport type {LinkComponent as LinkComponentType} from '../Link';\nimport {useLinkComponent} from '../Link';\nimport {Text} from '../Text';\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\nconst styles = {\n  root: css({\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  widthFull: css({\n    w: 'full',\n  }),\n  alignStart: css({\n    alignItems: 'flex-start',\n  }),\n  interactive: css({\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  highlighted: css({\n    bg: 'bg.subtle',\n  }),\n  selected: css({\n    bg: 'bg.selected',\n  }),\n  disabled: css({\n    cursor: 'not-allowed',\n    pointerEvents: 'none',\n  }),\n  disabledContent: css({\n    opacity: 0.5,\n  }),\n  interactiveContent: css({\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: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '2',\n    flex: 1,\n    minW: 0,\n    textAlign: 'start',\n  }),\n  textContent: css({\n    display: 'flex',\n    flexDirection: 'column',\n    flex: 1,\n    minW: 0,\n  }),\n  startContent: css({\n    display: 'inline-flex',\n    flexShrink: 0,\n  }),\n  endContent: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    flexShrink: 0,\n    marginInlineStart: 'auto',\n  }),\n  endContentInline: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    flexShrink: 0,\n  }),\n  labelRow: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '2',\n  }),\n  trailingContent: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    flexShrink: 0,\n  }),\n} as const;\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 LinkComponent = useLinkComponent(linkComponent);\n  const linkRel = useRel({target, rel});\n  const isInteractive = href != null || onClick != null;\n  const hasParentRole = role != null;\n\n  const inlineEndContent =\n    endContent != null && endContentPosition === 'inline' ? (\n      <span\n        className={cx(\n          styles.endContentInline,\n          isDisabled ? styles.disabledContent : undefined,\n        )}>\n        {endContent}\n      </span>\n    ) : null;\n\n  const labelAndDescription = (\n    <>\n      {inlineEndContent != null ? (\n        <span className={styles.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      {description != null ? (\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    if (targetElement.closest('button, a, input, select, textarea')) {\n      return;\n    }\n\n    onClick?.(event);\n  };\n\n  const innerSlots = (\n    <>\n      {startContent != null ? (\n        <span className={styles.startContent}>{startContent}</span>\n      ) : null}\n      <span className={styles.textContent}>{labelAndDescription}</span>\n      {endContent != null && endContentPosition !== 'inline' ? (\n        <span\n          className={cx(\n            styles.endContent,\n            isDisabled ? styles.disabledContent : undefined,\n          )}>\n          {endContent}\n        </span>\n      ) : null}\n    </>\n  );\n\n  const content = hasParentRole ? (\n    <span\n      className={cx(\n        styles.content,\n        isDisabled ? styles.disabledContent : undefined,\n      )}>\n      {innerSlots}\n    </span>\n  ) : href != null ? (\n    <LinkComponent\n      aria-current={ariaCurrent ?? undefined}\n      aria-disabled={isDisabled || undefined}\n      className={cx(\n        styles.interactiveContent,\n        isDisabled ? styles.disabledContent : undefined,\n      )}\n      href={href}\n      onClick={(e: MouseEvent<HTMLElement>) => {\n        if (isDisabled) {\n          e.preventDefault();\n          return;\n        }\n        onClick?.(e);\n      }}\n      ref={undefined}\n      rel={linkRel}\n      tabIndex={isDisabled ? -1 : undefined}\n      target={target}\n      to={LinkComponent === 'a' ? undefined : href}>\n      {innerSlots}\n    </LinkComponent>\n  ) : onClick != null ? (\n    <button\n      aria-current={ariaCurrent ?? undefined}\n      className={cx(\n        styles.interactiveContent,\n        isDisabled ? styles.disabledContent : undefined,\n      )}\n      disabled={isDisabled}\n      onClick={onClick}\n      type=\"button\">\n      {innerSlots}\n    </button>\n  ) : (\n    <span\n      className={cx(\n        styles.content,\n        isDisabled ? styles.disabledContent : undefined,\n      )}>\n      {innerSlots}\n    </span>\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(\n        styles.root,\n        width === 'full' ? styles.widthFull : undefined,\n        align === 'start' ? styles.alignStart : undefined,\n        isInteractive ? styles.interactive : undefined,\n        isHighlighted ? styles.highlighted : undefined,\n        isSelected ? styles.selected : undefined,\n        isDisabled && !hasParentRole ? styles.disabled : undefined,\n        className,\n      )}\n      data-testid={dataTestId}\n      onClick={\n        hasParentRole\n          ? onClick\n          : isInteractive\n            ? handleContainerClick\n            : undefined\n      }\n      ref={ref as Ref<never>}\n      role={role}\n      style={style}>\n      {leadingContent}\n      {content}\n      {trailingContent != null ? (\n        <span className={styles.trailingContent}>{trailingContent}</span>\n      ) : null}\n    </Component>\n  );\n}\n\nItem.displayName = 'Item';\n"]}

package/dist/{chunk-YHR44PWO.js → chunk-4M2KCZMO.js}

@@ -1,5 +1,5 @@
-import { Field } from './chunk-NGWNIMMX.js';
-import { cva } from './chunk-NAELQLZN.js';
+import { getNecessity, Field } from './chunk-K6CQ45C2.js';
+import { cva } from './chunk-FMEIPGUP.js';
 import { cx } from './chunk-PPNETWIP.js';
 import { createContext, use, useId, useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -150,7 +150,7 @@ function InputGroup({
     }),
     [isDisabled, label, size, status?.type]
   );
-  const necessity = { isOptional, isRequired };
+  const necessity = getNecessity(isOptional, isRequired);
   return /* @__PURE__ */ jsx(InputGroupContext, { value: contextValue, children: /* @__PURE__ */ jsx(
     Field,
     {
@@ -213,5 +213,5 @@ function InputGroupText({
 InputGroupText.displayName = "InputGroupText";
 
 export { InputGroup, InputGroupContext, InputGroupText, useInputGroup };
-//# sourceMappingURL=chunk-YHR44PWO.js.map
-//# sourceMappingURL=chunk-YHR44PWO.js.map
+//# sourceMappingURL=chunk-4M2KCZMO.js.map
+//# sourceMappingURL=chunk-4M2KCZMO.js.map

package/dist/chunk-4M2KCZMO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/InputGroup/InputGroup.recipe.ts","../src/components/InputGroup/InputGroupContext.ts","../src/components/InputGroup/InputGroup.tsx","../src/components/InputGroup/InputGroupText.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-4M2KCZMO.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\nimport type {InputSize, InputStatusType} from '../Field';\n\nconst addonSelector = '& > [data-silver-input-group-text]';\nconst controlSelector = '& > :not([data-silver-input-group-text])';\nconst itemSelector = '& > *';\n\nconst statusStyles = {\n  error: {\n    borderColor: 'status.error.border',\n    _focusWithin: {borderColor: 'status.error.border'},\n  },\n  success: {\n    borderColor: 'status.success.border',\n    _focusWithin: {borderColor: 'status.success.border'},\n  },\n  warning: {\n    borderColor: 'status.warning.border',\n    _focusWithin: {borderColor: 'status.warning.border'},\n  },\n} satisfies Record<InputStatusType, object>;\n\nexport const inputGroupRecipe = cva({\n  base: {\n    display: 'inline-flex',\n    alignItems: 'stretch',\n    isolation: 'isolate',\n    maxW: 'full',\n    [itemSelector]: {\n      position: 'relative',\n      borderRadius: 0,\n    },\n    [`${itemSelector}:not(:first-child)`]: {\n      marginInlineStart: '-1px',\n    },\n    [`${itemSelector}:first-child`]: {\n      borderStartStartRadius: 'md',\n      borderEndStartRadius: 'md',\n    },\n    [`${itemSelector}:last-child`]: {\n      borderStartEndRadius: 'md',\n      borderEndEndRadius: 'md',\n    },\n    [`${itemSelector}:focus-within`]: {\n      zIndex: 1,\n    },\n    [controlSelector]: {\n      flex: 1,\n      minW: 0,\n      h: 'full',\n    },\n    [addonSelector]: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n      px: '3',\n      borderWidth: 'default',\n      borderStyle: 'solid',\n      borderColor: 'border.emphasized',\n      bg: 'bg.subtle',\n      color: 'fg.muted',\n      fontFamily: 'body',\n      fontSize: 'md',\n      lineHeight: 'normal',\n      whiteSpace: 'nowrap',\n    },\n  },\n  variants: {\n    isDisabled: {\n      false: {},\n      true: {\n        cursor: 'not-allowed',\n        opacity: 0.55,\n      },\n    },\n    size: {\n      lg: {\n        [addonSelector]: {\n          minH: 'component.lg',\n        },\n      },\n      md: {\n        [addonSelector]: {\n          minH: 'component.md',\n        },\n      },\n      sm: {\n        [addonSelector]: {\n          minH: 'component.sm',\n        },\n      },\n    },\n    status: {\n      error: {\n        [addonSelector]: statusStyles.error,\n        [controlSelector]: statusStyles.error,\n      },\n      success: {\n        [addonSelector]: statusStyles.success,\n        [controlSelector]: statusStyles.success,\n      },\n      warning: {\n        [addonSelector]: statusStyles.warning,\n        [controlSelector]: statusStyles.warning,\n      },\n    },\n  },\n  defaultVariants: {\n    isDisabled: false,\n    size: 'md',\n  },\n});\n\nexport type InputGroupVariants = RecipeVariantProps<typeof inputGroupRecipe>;\nexport type InputGroupSize = InputSize;\n","import {createContext, use} from 'react';\nimport type {InputSize, InputStatusType} from '../Field';\n\nexport interface InputGroupContextValue {\n  isDisabled: boolean;\n  isInGroup: true;\n  label: string;\n  size: InputSize;\n  statusType?: InputStatusType;\n}\n\nexport const InputGroupContext = createContext<InputGroupContextValue | null>(\n  null,\n);\n\nInputGroupContext.displayName = 'InputGroupContext';\n\nexport function useInputGroup(): InputGroupContextValue | null {\n  return use(InputGroupContext);\n}\n","import {\n  useMemo,\n  useId,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {cx} from '../../internal/cx';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from '../Field';\nimport {inputGroupRecipe} from './InputGroup.recipe';\nimport {InputGroupContext} from './InputGroupContext';\n\nexport type InputGroupProps = {\n  /**\n   * Grouped input children to render side-by-side.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the group wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the group wrapper.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether all grouped inputs are 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   * Label text for the input group.\n   */\n  label: string;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Ref forwarded to the group wrapper.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Visual size applied to the group.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Validation status displayed below the group.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the group wrapper.\n   */\n  style?: CSSProperties;\n} & FieldNecessity;\n\n/**\n * Groups multiple inputs into a single visually connected row.\n */\nexport function InputGroup({\n  children,\n  label,\n  description,\n  isDisabled = false,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  size = 'md',\n  status,\n  labelTooltip,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: InputGroupProps): React.JSX.Element {\n  const inputId = useId();\n  const labelId = `${inputId}-label`;\n  const descriptionID =\n    description != null ? `${inputId}-description` : undefined;\n  const statusID = status?.message != null ? `${inputId}-status` : undefined;\n  const describedBy =\n    [descriptionID, statusID].filter(Boolean).join(' ') || undefined;\n  const contextValue = useMemo(\n    () => ({\n      isInGroup: true as const,\n      isDisabled,\n      label,\n      size,\n      statusType: status?.type,\n    }),\n    [isDisabled, label, size, status?.type],\n  );\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  return (\n    <InputGroupContext value={contextValue}>\n      <Field\n        description={description}\n        descriptionID={descriptionID}\n        inputId={inputId}\n        isDisabled={isDisabled}\n        isLabelHidden={isLabelHidden}\n        labelAs=\"span\"\n        labelId={labelId}\n        {...necessity}\n        label={label}\n        labelTooltip={labelTooltip}\n        status={status == null ? undefined : {...status, messageID: statusID}}\n        statusVariant=\"detached\">\n        <div\n          aria-describedby={describedBy}\n          aria-disabled={isDisabled || undefined}\n          aria-labelledby={labelId}\n          className={cx(\n            inputGroupRecipe({\n              isDisabled,\n              size,\n              status: status?.type,\n            }),\n            className,\n          )}\n          data-testid={dataTestId}\n          ref={ref}\n          role=\"group\"\n          style={style}>\n          {children}\n        </div>\n      </Field>\n    </InputGroupContext>\n  );\n}\n\nInputGroup.displayName = 'InputGroup';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {cx} from '../../internal/cx';\n\nexport interface InputGroupTextProps {\n  children: ReactNode;\n  className?: string;\n  'data-testid'?: string;\n  ref?: Ref<HTMLDivElement>;\n  style?: CSSProperties;\n}\n\nexport function InputGroupText({\n  children,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: InputGroupTextProps): React.JSX.Element {\n  return (\n    <div\n      className={cx(className)}\n      data-silver-input-group-text=\"\"\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {children}\n    </div>\n  );\n}\n\nInputGroupText.displayName = 'InputGroupText';\n"]}

package/dist/{chunk-PHFEQG4E.cjs → chunk-4TIAKZ4Q.cjs}

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkJAX62FUE_cjs = require('./chunk-JAX62FUE.cjs');
+var chunkJRBQKFVO_cjs = require('./chunk-JRBQKFVO.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 // src/components/Icon/Icon.recipe.ts
-var iconRecipe = chunkJAX62FUE_cjs.cva({
+var iconRecipe = chunkJRBQKFVO_cjs.cva({
   base: {
     display: "inline-block",
     flexShrink: 0
@@ -84,6 +84,5 @@ function Icon({
 Icon.displayName = "Icon";
 
 exports.Icon = Icon;
-exports.iconRecipe = iconRecipe;
-//# sourceMappingURL=chunk-PHFEQG4E.cjs.map
-//# sourceMappingURL=chunk-PHFEQG4E.cjs.map
+//# sourceMappingURL=chunk-4TIAKZ4Q.cjs.map
+//# sourceMappingURL=chunk-4TIAKZ4Q.cjs.map

package/dist/chunk-4TIAKZ4Q.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Icon/Icon.recipe.ts","../src/components/Icon/Icon.tsx"],"names":["cva","jsx","cx"],"mappings":"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","file":"chunk-4TIAKZ4Q.cjs","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const iconRecipe = cva({\n  base: {\n    display: 'inline-block',\n    flexShrink: 0,\n  },\n  variants: {\n    size: {\n      sm: {\n        w: 'icon.sm',\n        h: 'icon.sm',\n      },\n      md: {\n        w: 'icon.md',\n        h: 'icon.md',\n      },\n      lg: {\n        w: 'icon.lg',\n        h: 'icon.lg',\n      },\n    },\n    color: {\n      primary: {color: 'icon.primary'},\n      secondary: {color: 'icon.secondary'},\n      tertiary: {color: 'icon.tertiary'},\n      disabled: {color: 'icon.disabled'},\n      accent: {color: 'icon.accent'},\n      success: {color: 'icon.success'},\n      error: {color: 'icon.error'},\n      warning: {color: 'icon.warning'},\n      info: {color: 'icon.info'},\n      inherit: {color: 'currentColor'},\n      blue: {color: 'icon.blue'},\n      red: {color: 'icon.red'},\n      green: {color: 'icon.green'},\n      gray: {color: 'icon.gray'},\n      cyan: {color: 'icon.cyan'},\n      teal: {color: 'icon.teal'},\n      yellow: {color: 'icon.yellow'},\n      orange: {color: 'icon.orange'},\n      pink: {color: 'icon.pink'},\n      purple: {color: 'icon.purple'},\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    color: 'inherit',\n  },\n});\n\nexport type IconVariants = RecipeVariantProps<typeof iconRecipe>;\n","import type {LucideProps} from 'lucide-react';\nimport type {ComponentType, CSSProperties, Ref, SVGProps} from 'react';\nimport {cx} from '../../internal/cx';\nimport {iconRecipe} from './Icon.recipe';\n\nexport type IconColor =\n  | 'accent'\n  | 'blue'\n  | 'cyan'\n  | 'disabled'\n  | 'error'\n  | 'gray'\n  | 'green'\n  | 'info'\n  | 'inherit'\n  | 'orange'\n  | 'pink'\n  | 'primary'\n  | 'purple'\n  | 'red'\n  | 'secondary'\n  | 'success'\n  | 'teal'\n  | 'tertiary'\n  | 'warning'\n  | 'yellow';\n\nexport type IconSize = 'sm' | 'md' | 'lg';\nexport type IconComponent = ComponentType<\n  LucideProps | SVGProps<SVGSVGElement>\n>;\n\nexport interface IconProps extends Omit<\n  SVGProps<SVGSVGElement>,\n  'color' | 'height' | 'ref' | 'width'\n> {\n  /**\n   * Additional CSS class names applied to the SVG element.\n   */\n  className?: string;\n  /**\n   * Color token used for the icon.\n   * @default 'inherit'\n   */\n  color?: IconColor;\n  /**\n   * Test ID applied to the SVG element.\n   */\n  'data-testid'?: string;\n  /**\n   * Lucide icon component to render.\n   */\n  icon: IconComponent;\n  /**\n   * Ref forwarded to the SVG element.\n   */\n  ref?: Ref<SVGSVGElement>;\n  /**\n   * Icon size.\n   * @default 'md'\n   */\n  size?: IconSize;\n  /**\n   * Inline styles applied to the SVG element.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Renders a lucide icon with Silver UI size and color tokens.\n */\nexport function Icon({\n  className,\n  color = 'inherit',\n  'data-testid': dataTestId,\n  icon: IconElement,\n  ref,\n  size = 'md',\n  strokeWidth = 2,\n  style,\n  ...props\n}: IconProps): React.JSX.Element {\n  return (\n    <IconElement\n      {...props}\n      aria-hidden={props['aria-label'] == null ? true : undefined}\n      className={cx(iconRecipe({size, color}), className)}\n      data-testid={dataTestId}\n      focusable=\"false\"\n      height={undefined}\n      ref={ref}\n      role={props['aria-label'] == null ? undefined : 'img'}\n      strokeWidth={strokeWidth}\n      style={style}\n      width={undefined}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n"]}

package/dist/{chunk-F7AUYO3H.cjs → chunk-4YESF35X.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkOA4KIVLO_cjs = require('./chunk-OA4KIVLO.cjs');
-var chunkPHFEQG4E_cjs = require('./chunk-PHFEQG4E.cjs');
+var chunkLFRTNC7M_cjs = require('./chunk-LFRTNC7M.cjs');
+var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
-var chunkAZDWQGAX_cjs = require('./chunk-AZDWQGAX.cjs');
+var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -13,7 +13,7 @@ var BreadcrumbsContext = react.createContext({
 });
 BreadcrumbsContext.displayName = "BreadcrumbsContext";
 var styles = {
-  item: chunkAZDWQGAX_cjs.css({
+  item: chunkRU6JG3FS_cjs.css({
     display: "flex",
     alignItems: "center",
     gap: "1",
@@ -23,21 +23,21 @@ var styles = {
       "--breadcrumb-separator-display": "none"
     }
   }),
-  defaultSize: chunkAZDWQGAX_cjs.css({
+  defaultSize: chunkRU6JG3FS_cjs.css({
     fontSize: "sm",
     lineHeight: "normal"
   }),
-  supportingSize: chunkAZDWQGAX_cjs.css({
+  supportingSize: chunkRU6JG3FS_cjs.css({
     fontSize: "xs",
     lineHeight: "normal"
   }),
-  content: chunkAZDWQGAX_cjs.css({
+  content: chunkRU6JG3FS_cjs.css({
     display: "inline-flex",
     alignItems: "center",
     gap: "1",
     minW: 0
   }),
-  link: chunkAZDWQGAX_cjs.css({
+  link: chunkRU6JG3FS_cjs.css({
     display: "inline-flex",
     alignItems: "center",
     gap: "1",
@@ -60,18 +60,18 @@ var styles = {
       outlineOffset: "focusOffset"
     }
   }),
-  current: chunkAZDWQGAX_cjs.css({
+  current: chunkRU6JG3FS_cjs.css({
     color: "fg"
   }),
-  supportingCurrent: chunkAZDWQGAX_cjs.css({
+  supportingCurrent: chunkRU6JG3FS_cjs.css({
     color: "fg.muted"
   }),
-  icon: chunkAZDWQGAX_cjs.css({
+  icon: chunkRU6JG3FS_cjs.css({
     display: "inline-flex",
     alignItems: "center",
     flexShrink: 0
   }),
-  separator: chunkAZDWQGAX_cjs.css({
+  separator: chunkRU6JG3FS_cjs.css({
     display: "var(--breadcrumb-separator-display)",
     alignItems: "center",
     color: "fg.muted",
@@ -92,11 +92,11 @@ function BreadcrumbItem({
   style
 }) {
   const context = react.use(BreadcrumbsContext);
-  const LinkComponent = chunkOA4KIVLO_cjs.useLinkComponent(as);
+  const LinkComponent = chunkLFRTNC7M_cjs.useLinkComponent(as);
   const isCurrent = isCurrentProp === true;
   const isSupporting = context.variant === "supporting";
   const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    startIcon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkPHFEQG4E_cjs.Icon, { icon: startIcon, size: "sm" }) }) : null,
+    startIcon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { icon: startIcon, size: "sm" }) }) : null,
     children
   ] });
   const itemClassName = chunkSPDVNY2Z_cjs.cx(
@@ -163,10 +163,10 @@ function BreadcrumbItem({
 }
 BreadcrumbItem.displayName = "BreadcrumbItem";
 var styles2 = {
-  nav: chunkAZDWQGAX_cjs.css({
+  nav: chunkRU6JG3FS_cjs.css({
     display: "block"
   }),
-  list: chunkAZDWQGAX_cjs.css({
+  list: chunkRU6JG3FS_cjs.css({
     display: "flex",
     alignItems: "center",
     flexWrap: "wrap",
@@ -207,5 +207,5 @@ Breadcrumbs.displayName = "Breadcrumbs";
 exports.BreadcrumbItem = BreadcrumbItem;
 exports.Breadcrumbs = Breadcrumbs;
 exports.BreadcrumbsContext = BreadcrumbsContext;
-//# sourceMappingURL=chunk-F7AUYO3H.cjs.map
-//# sourceMappingURL=chunk-F7AUYO3H.cjs.map
+//# sourceMappingURL=chunk-4YESF35X.cjs.map
+//# sourceMappingURL=chunk-4YESF35X.cjs.map

package/dist/{chunk-F7AUYO3H.cjs.map → chunk-4YESF35X.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Breadcrumbs/BreadcrumbsContext.ts","../src/components/Breadcrumbs/BreadcrumbItem.tsx","../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":["createContext","css","use","useLinkComponent","jsxs","Fragment","jsx","Icon","cx","styles","useMemo"],"mappings":"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","file":"chunk-F7AUYO3H.cjs","sourcesContent":["import {createContext, type ReactNode} from 'react';\n\nexport type BreadcrumbsVariant = 'default' | 'supporting';\n\nexport interface BreadcrumbsContextValue {\n  separator: ReactNode;\n  variant: BreadcrumbsVariant;\n}\n\nexport const BreadcrumbsContext = createContext<BreadcrumbsContextValue>({\n  separator: '/',\n  variant: 'default',\n});\n\nBreadcrumbsContext.displayName = 'BreadcrumbsContext';\n","/* eslint-disable @eslint-react/static-components -- intentional polymorphism via as prop */\n\nimport {\n  use,\n  type CSSProperties,\n  type MouseEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {Icon, type IconComponent} from '../Icon';\nimport type {LinkComponent} from '../Link';\nimport {useLinkComponent} from '../Link';\nimport {BreadcrumbsContext} from './BreadcrumbsContext';\n\nexport interface BreadcrumbItemProps {\n  /**\n   * Custom link component used when href is set.\n   */\n  as?: LinkComponent;\n  /**\n   * Breadcrumb label content.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the list item.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the list item.\n   */\n  'data-testid'?: string;\n  /**\n   * Link destination. Omit for the current page.\n   */\n  href?: string;\n  /**\n   * Whether this item represents the current page.\n   */\n  isCurrent?: boolean;\n  /**\n   * Click handler for link or button items.\n   */\n  onClick?: (event: MouseEvent<HTMLElement>) => void;\n  /**\n   * Ref forwarded to the list item.\n   */\n  ref?: Ref<HTMLLIElement>;\n  /**\n   * Icon rendered before the label.\n   */\n  startIcon?: IconComponent;\n  /**\n   * Inline styles applied to the list item.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  item: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '1',\n    m: 0,\n    '--breadcrumb-separator-display': 'flex',\n    _first: {\n      '--breadcrumb-separator-display': 'none',\n    },\n  }),\n  defaultSize: css({\n    fontSize: 'sm',\n    lineHeight: 'normal',\n  }),\n  supportingSize: css({\n    fontSize: 'xs',\n    lineHeight: 'normal',\n  }),\n  content: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '1',\n    minW: 0,\n  }),\n  link: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '1',\n    minW: 0,\n    p: 0,\n    py: '1',\n    borderWidth: 0,\n    bg: 'transparent',\n    color: 'fg.muted',\n    cursor: 'pointer',\n    font: 'inherit',\n    textDecoration: 'none',\n    _hover: {\n      textDecoration: 'underline',\n    },\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n  }),\n  current: css({\n    color: 'fg',\n  }),\n  supportingCurrent: css({\n    color: 'fg.muted',\n  }),\n  icon: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    flexShrink: 0,\n  }),\n  separator: css({\n    display: 'var(--breadcrumb-separator-display)',\n    alignItems: 'center',\n    color: 'fg.muted',\n    py: '1',\n    userSelect: 'none',\n  }),\n} as const;\n\n/**\n * A single item in a breadcrumb trail, rendered as a link, button, or\n * static text depending on the props provided.\n */\nexport function BreadcrumbItem({\n  as,\n  children,\n  className,\n  'data-testid': dataTestId,\n  href,\n  isCurrent: isCurrentProp,\n  onClick,\n  ref,\n  startIcon,\n  style,\n}: BreadcrumbItemProps): React.JSX.Element {\n  const context = use(BreadcrumbsContext);\n  const LinkComponent = useLinkComponent(as);\n  const isCurrent = isCurrentProp === true;\n  const isSupporting = context.variant === 'supporting';\n\n  const content = (\n    <>\n      {startIcon != null ? (\n        <span className={styles.icon}>\n          <Icon icon={startIcon} size=\"sm\" />\n        </span>\n      ) : null}\n      {children}\n    </>\n  );\n\n  const itemClassName = cx(\n    styles.item,\n    isSupporting ? styles.supportingSize : styles.defaultSize,\n    className,\n  );\n\n  if (isCurrent) {\n    return (\n      <li\n        className={itemClassName}\n        data-testid={dataTestId}\n        ref={ref}\n        style={style}>\n        <span aria-hidden=\"true\" className={styles.separator}>\n          {context.separator}\n        </span>\n        <span\n          aria-current=\"page\"\n          className={cx(\n            styles.content,\n            isSupporting ? styles.supportingCurrent : styles.current,\n          )}>\n          {content}\n        </span>\n      </li>\n    );\n  }\n\n  return (\n    <li\n      className={itemClassName}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <span aria-hidden=\"true\" className={styles.separator}>\n        {context.separator}\n      </span>\n      {href != null ? (\n        <LinkComponent\n          className={styles.link}\n          href={href}\n          onClick={onClick}\n          to={LinkComponent === 'a' ? undefined : href}>\n          {content}\n        </LinkComponent>\n      ) : onClick != null ? (\n        <button className={styles.link} onClick={onClick} type=\"button\">\n          {content}\n        </button>\n      ) : (\n        <span\n          className={cx(\n            styles.content,\n            isSupporting ? styles.supportingCurrent : styles.current,\n          )}>\n          {content}\n        </span>\n      )}\n    </li>\n  );\n}\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n","import {useMemo, type CSSProperties, type ReactNode, type Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {\n  BreadcrumbsContext,\n  type BreadcrumbsVariant,\n} from './BreadcrumbsContext';\n\nexport interface BreadcrumbsProps {\n  /**\n   * BreadcrumbItem children.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the nav element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the nav element.\n   */\n  'data-testid'?: string;\n  /**\n   * Accessible label for the navigation landmark.\n   * @default 'Breadcrumb'\n   */\n  label?: string;\n  /**\n   * Ref forwarded to the nav element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Separator rendered between items.\n   * @default '/'\n   */\n  separator?: ReactNode;\n  /**\n   * Inline styles applied to the nav element.\n   */\n  style?: CSSProperties;\n  /**\n   * Visual text variant.\n   * @default 'default'\n   */\n  variant?: BreadcrumbsVariant;\n}\n\nconst styles = {\n  nav: css({\n    display: 'block',\n  }),\n  list: css({\n    display: 'flex',\n    alignItems: 'center',\n    flexWrap: 'wrap',\n    gap: '1',\n    m: 0,\n    p: 0,\n    listStyle: 'none',\n  }),\n} as const;\n\n/**\n * Navigation landmark that displays a trail of breadcrumb links.\n */\nexport function Breadcrumbs({\n  children,\n  className,\n  'data-testid': dataTestId,\n  label = 'Breadcrumb',\n  ref,\n  separator = '/',\n  style,\n  variant = 'default',\n}: BreadcrumbsProps): React.JSX.Element {\n  const contextValue = useMemo(\n    () => ({separator, variant}),\n    [separator, variant],\n  );\n\n  return (\n    <BreadcrumbsContext value={contextValue}>\n      <nav\n        aria-label={label}\n        className={cx(styles.nav, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        style={style}>\n        <ol className={styles.list}>{children}</ol>\n      </nav>\n    </BreadcrumbsContext>\n  );\n}\n\nBreadcrumbs.displayName = 'Breadcrumbs';\n"]}
+{"version":3,"sources":["../src/components/Breadcrumbs/BreadcrumbsContext.ts","../src/components/Breadcrumbs/BreadcrumbItem.tsx","../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":["createContext","css","use","useLinkComponent","jsxs","Fragment","jsx","Icon","cx","styles","useMemo"],"mappings":"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","file":"chunk-4YESF35X.cjs","sourcesContent":["import {createContext, type ReactNode} from 'react';\n\nexport type BreadcrumbsVariant = 'default' | 'supporting';\n\nexport interface BreadcrumbsContextValue {\n  separator: ReactNode;\n  variant: BreadcrumbsVariant;\n}\n\nexport const BreadcrumbsContext = createContext<BreadcrumbsContextValue>({\n  separator: '/',\n  variant: 'default',\n});\n\nBreadcrumbsContext.displayName = 'BreadcrumbsContext';\n","/* eslint-disable @eslint-react/static-components -- intentional polymorphism via as prop */\n\nimport {\n  use,\n  type CSSProperties,\n  type MouseEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {Icon, type IconComponent} from '../Icon';\nimport type {LinkComponent} from '../Link';\nimport {useLinkComponent} from '../Link';\nimport {BreadcrumbsContext} from './BreadcrumbsContext';\n\nexport interface BreadcrumbItemProps {\n  /**\n   * Custom link component used when href is set.\n   */\n  as?: LinkComponent;\n  /**\n   * Breadcrumb label content.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the list item.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the list item.\n   */\n  'data-testid'?: string;\n  /**\n   * Link destination. Omit for the current page.\n   */\n  href?: string;\n  /**\n   * Whether this item represents the current page.\n   */\n  isCurrent?: boolean;\n  /**\n   * Click handler for link or button items.\n   */\n  onClick?: (event: MouseEvent<HTMLElement>) => void;\n  /**\n   * Ref forwarded to the list item.\n   */\n  ref?: Ref<HTMLLIElement>;\n  /**\n   * Icon rendered before the label.\n   */\n  startIcon?: IconComponent;\n  /**\n   * Inline styles applied to the list item.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  item: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '1',\n    m: 0,\n    '--breadcrumb-separator-display': 'flex',\n    _first: {\n      '--breadcrumb-separator-display': 'none',\n    },\n  }),\n  defaultSize: css({\n    fontSize: 'sm',\n    lineHeight: 'normal',\n  }),\n  supportingSize: css({\n    fontSize: 'xs',\n    lineHeight: 'normal',\n  }),\n  content: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '1',\n    minW: 0,\n  }),\n  link: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '1',\n    minW: 0,\n    p: 0,\n    py: '1',\n    borderWidth: 0,\n    bg: 'transparent',\n    color: 'fg.muted',\n    cursor: 'pointer',\n    font: 'inherit',\n    textDecoration: 'none',\n    _hover: {\n      textDecoration: 'underline',\n    },\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n  }),\n  current: css({\n    color: 'fg',\n  }),\n  supportingCurrent: css({\n    color: 'fg.muted',\n  }),\n  icon: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    flexShrink: 0,\n  }),\n  separator: css({\n    display: 'var(--breadcrumb-separator-display)',\n    alignItems: 'center',\n    color: 'fg.muted',\n    py: '1',\n    userSelect: 'none',\n  }),\n} as const;\n\n/**\n * A single item in a breadcrumb trail, rendered as a link, button, or\n * static text depending on the props provided.\n */\nexport function BreadcrumbItem({\n  as,\n  children,\n  className,\n  'data-testid': dataTestId,\n  href,\n  isCurrent: isCurrentProp,\n  onClick,\n  ref,\n  startIcon,\n  style,\n}: BreadcrumbItemProps): React.JSX.Element {\n  const context = use(BreadcrumbsContext);\n  const LinkComponent = useLinkComponent(as);\n  const isCurrent = isCurrentProp === true;\n  const isSupporting = context.variant === 'supporting';\n\n  const content = (\n    <>\n      {startIcon != null ? (\n        <span className={styles.icon}>\n          <Icon icon={startIcon} size=\"sm\" />\n        </span>\n      ) : null}\n      {children}\n    </>\n  );\n\n  const itemClassName = cx(\n    styles.item,\n    isSupporting ? styles.supportingSize : styles.defaultSize,\n    className,\n  );\n\n  if (isCurrent) {\n    return (\n      <li\n        className={itemClassName}\n        data-testid={dataTestId}\n        ref={ref}\n        style={style}>\n        <span aria-hidden=\"true\" className={styles.separator}>\n          {context.separator}\n        </span>\n        <span\n          aria-current=\"page\"\n          className={cx(\n            styles.content,\n            isSupporting ? styles.supportingCurrent : styles.current,\n          )}>\n          {content}\n        </span>\n      </li>\n    );\n  }\n\n  return (\n    <li\n      className={itemClassName}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <span aria-hidden=\"true\" className={styles.separator}>\n        {context.separator}\n      </span>\n      {href != null ? (\n        <LinkComponent\n          className={styles.link}\n          href={href}\n          onClick={onClick}\n          to={LinkComponent === 'a' ? undefined : href}>\n          {content}\n        </LinkComponent>\n      ) : onClick != null ? (\n        <button className={styles.link} onClick={onClick} type=\"button\">\n          {content}\n        </button>\n      ) : (\n        <span\n          className={cx(\n            styles.content,\n            isSupporting ? styles.supportingCurrent : styles.current,\n          )}>\n          {content}\n        </span>\n      )}\n    </li>\n  );\n}\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n","import {useMemo, type CSSProperties, type ReactNode, type Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {\n  BreadcrumbsContext,\n  type BreadcrumbsVariant,\n} from './BreadcrumbsContext';\n\nexport interface BreadcrumbsProps {\n  /**\n   * BreadcrumbItem children.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the nav element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the nav element.\n   */\n  'data-testid'?: string;\n  /**\n   * Accessible label for the navigation landmark.\n   * @default 'Breadcrumb'\n   */\n  label?: string;\n  /**\n   * Ref forwarded to the nav element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Separator rendered between items.\n   * @default '/'\n   */\n  separator?: ReactNode;\n  /**\n   * Inline styles applied to the nav element.\n   */\n  style?: CSSProperties;\n  /**\n   * Visual text variant.\n   * @default 'default'\n   */\n  variant?: BreadcrumbsVariant;\n}\n\nconst styles = {\n  nav: css({\n    display: 'block',\n  }),\n  list: css({\n    display: 'flex',\n    alignItems: 'center',\n    flexWrap: 'wrap',\n    gap: '1',\n    m: 0,\n    p: 0,\n    listStyle: 'none',\n  }),\n} as const;\n\n/**\n * Navigation landmark that displays a trail of breadcrumb links.\n */\nexport function Breadcrumbs({\n  children,\n  className,\n  'data-testid': dataTestId,\n  label = 'Breadcrumb',\n  ref,\n  separator = '/',\n  style,\n  variant = 'default',\n}: BreadcrumbsProps): React.JSX.Element {\n  const contextValue = useMemo(\n    () => ({separator, variant}),\n    [separator, variant],\n  );\n\n  return (\n    <BreadcrumbsContext value={contextValue}>\n      <nav\n        aria-label={label}\n        className={cx(styles.nav, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        style={style}>\n        <ol className={styles.list}>{children}</ol>\n      </nav>\n    </BreadcrumbsContext>\n  );\n}\n\nBreadcrumbs.displayName = 'Breadcrumbs';\n"]}

package/dist/{chunk-2ZGGJWJY.cjs → chunk-4YQSKCVF.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunk47BELFYO_cjs = require('./chunk-47BELFYO.cjs');
-var chunkPHFEQG4E_cjs = require('./chunk-PHFEQG4E.cjs');
+var chunkJMNH45Q3_cjs = require('./chunk-JMNH45Q3.cjs');
+var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
-var chunkAZDWQGAX_cjs = require('./chunk-AZDWQGAX.cjs');
+var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -13,17 +13,17 @@ function useMetadataList() {
   return react.use(MetadataListContext);
 }
 var styles = {
-  root: chunkAZDWQGAX_cjs.css({ display: "flex", flexDirection: "column" }),
-  title: chunkAZDWQGAX_cjs.css({ mb: "3" }),
-  dl: chunkAZDWQGAX_cjs.css({ m: 0, p: 0 }),
-  grid: chunkAZDWQGAX_cjs.css({
+  root: chunkRU6JG3FS_cjs.css({ display: "flex", flexDirection: "column" }),
+  title: chunkRU6JG3FS_cjs.css({ mb: "3" }),
+  dl: chunkRU6JG3FS_cjs.css({ m: 0, p: 0 }),
+  grid: chunkRU6JG3FS_cjs.css({
     display: "grid",
     gridTemplateColumns: "auto 1fr",
     rowGap: "3",
     columnGap: "6",
     alignItems: "start"
   }),
-  gridStacked: chunkAZDWQGAX_cjs.css({
+  gridStacked: chunkRU6JG3FS_cjs.css({
     display: "grid",
     gridTemplateColumns: "1fr",
     gap: "3"
@@ -49,7 +49,7 @@ function MetadataList({
       ref,
       style,
       children: [
-        title != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk47BELFYO_cjs.Heading, { className: styles.title, id: titleId, level: 5, children: title }) : null,
+        title != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkJMNH45Q3_cjs.Heading, { className: styles.title, id: titleId, level: 5, children: title }) : null,
         /* @__PURE__ */ jsxRuntime.jsx(
           "dl",
           {
@@ -64,7 +64,7 @@ function MetadataList({
 }
 MetadataList.displayName = "MetadataList";
 var styles2 = {
-  label: chunkAZDWQGAX_cjs.css({
+  label: chunkRU6JG3FS_cjs.css({
     color: "fg.muted",
     fontSize: "md",
     fontWeight: "bold",
@@ -74,19 +74,19 @@ var styles2 = {
     m: 0,
     minH: "6"
   }),
-  value: chunkAZDWQGAX_cjs.css({
+  value: chunkRU6JG3FS_cjs.css({
     color: "fg",
     fontSize: "md",
     m: 0,
     minH: "6",
     overflowWrap: "break-word"
   }),
-  stacked: chunkAZDWQGAX_cjs.css({
+  stacked: chunkRU6JG3FS_cjs.css({
     display: "flex",
     flexDirection: "column",
     gap: "0.5"
   }),
-  inline: chunkAZDWQGAX_cjs.css({
+  inline: chunkRU6JG3FS_cjs.css({
     display: "contents"
   })
 };
@@ -105,7 +105,7 @@ function MetadataListItem({
   }
   const isStacked = context?.labelPosition === "top";
   const labelContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    icon != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkPHFEQG4E_cjs.Icon, { color: "secondary", icon, size: "sm" }) : null,
+    icon != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { color: "secondary", icon, size: "sm" }) : null,
     label
   ] });
   if (isStacked) {
@@ -141,5 +141,5 @@ MetadataListItem.displayName = "MetadataListItem";
 
 exports.MetadataList = MetadataList;
 exports.MetadataListItem = MetadataListItem;
-//# sourceMappingURL=chunk-2ZGGJWJY.cjs.map
-//# sourceMappingURL=chunk-2ZGGJWJY.cjs.map
+//# sourceMappingURL=chunk-4YQSKCVF.cjs.map
+//# sourceMappingURL=chunk-4YQSKCVF.cjs.map

package/dist/{chunk-2ZGGJWJY.cjs.map → chunk-4YQSKCVF.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MetadataList/MetadataListContext.ts","../src/components/MetadataList/MetadataList.tsx","../src/components/MetadataList/MetadataListItem.tsx"],"names":["createContext","use","css","useId","useMemo","jsx","jsxs","cx","Heading","styles","Fragment","Icon"],"mappings":"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","file":"chunk-2ZGGJWJY.cjs","sourcesContent":["import {createContext, use} from 'react';\n\nexport interface MetadataListContextValue {\n  labelPosition: 'start' | 'top';\n}\n\nexport const MetadataListContext =\n  createContext<MetadataListContextValue | null>(null);\n\nMetadataListContext.displayName = 'MetadataListContext';\n\nexport function useMetadataList(): MetadataListContextValue | null {\n  return use(MetadataListContext);\n}\n","import {\n  useId,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {Heading} from '../Text';\nimport {MetadataListContext} from './MetadataListContext';\n\nexport type MetadataListLabelPosition = 'start' | 'top';\n\nexport interface MetadataListProps {\n  /**\n   * Metadata items to render inside the list.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root.\n   */\n  'data-testid'?: string;\n  /**\n   * Position of item labels relative to their values.\n   * @default 'start'\n   */\n  labelPosition?: MetadataListLabelPosition;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the root.\n   */\n  style?: CSSProperties;\n  /**\n   * Optional title rendered above the list as a heading.\n   */\n  title?: string;\n}\n\nconst styles = {\n  root: css({display: 'flex', flexDirection: 'column'}),\n  title: css({mb: '3'}),\n  dl: css({m: 0, p: 0}),\n  grid: css({\n    display: 'grid',\n    gridTemplateColumns: 'auto 1fr',\n    rowGap: '3',\n    columnGap: '6',\n    alignItems: 'start',\n  }),\n  gridStacked: css({\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    gap: '3',\n  }),\n} as const;\n\n/**\n * Displays a list of label-value metadata pairs in configurable layouts.\n */\nexport function MetadataList({\n  children,\n  labelPosition = 'start',\n  title,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: MetadataListProps): React.JSX.Element {\n  const titleId = useId();\n  const contextValue = useMemo(() => ({labelPosition}), [labelPosition]);\n  const dlClassName =\n    labelPosition === 'top' ? styles.gridStacked : styles.grid;\n\n  return (\n    <MetadataListContext value={contextValue}>\n      <div\n        className={cx(styles.root, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        style={style}>\n        {title != null ? (\n          <Heading className={styles.title} id={titleId} level={5}>\n            {title}\n          </Heading>\n        ) : null}\n        <dl\n          aria-labelledby={title != null ? titleId : undefined}\n          className={cx(styles.dl, dlClassName)}>\n          {children}\n        </dl>\n      </div>\n    </MetadataListContext>\n  );\n}\n\nMetadataList.displayName = 'MetadataList';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {Icon, type IconComponent} from '../Icon';\nimport {useMetadataList} from './MetadataListContext';\n\n/**\n * A single label-value pair rendered inside a MetadataList.\n */\nexport interface MetadataListItemProps {\n  /**\n   * Value content rendered beside or below the label.\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   * Optional icon rendered before the label text.\n   */\n  icon?: IconComponent;\n  /**\n   * Descriptive label for this metadata entry.\n   */\n  label: string;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  label: css({\n    color: 'fg.muted',\n    fontSize: 'md',\n    fontWeight: 'bold',\n    display: 'flex',\n    alignItems: 'center',\n    gap: '2',\n    m: 0,\n    minH: '6',\n  }),\n  value: css({\n    color: 'fg',\n    fontSize: 'md',\n    m: 0,\n    minH: '6',\n    overflowWrap: 'break-word',\n  }),\n  stacked: css({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '0.5',\n  }),\n  inline: css({\n    display: 'contents',\n  }),\n} as const;\n\n/**\n * A single label-value pair rendered inside a MetadataList.\n */\nexport function MetadataListItem({\n  children,\n  icon,\n  label,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: MetadataListItemProps): React.JSX.Element {\n  const context = useMetadataList();\n\n  if (context == null && process.env.NODE_ENV !== 'production') {\n    throw new Error('MetadataListItem must be rendered inside a MetadataList.');\n  }\n\n  const isStacked = context?.labelPosition === 'top';\n  const labelContent = (\n    <>\n      {icon != null ? <Icon color=\"secondary\" icon={icon} size=\"sm\" /> : null}\n      {label}\n    </>\n  );\n\n  if (isStacked) {\n    return (\n      <div\n        className={cx(styles.stacked, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        style={style}>\n        <dt className={styles.label}>{labelContent}</dt>\n        <dd className={styles.value}>{children}</dd>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cx(styles.inline, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <dt className={styles.label}>{labelContent}</dt>\n      <dd className={styles.value}>{children}</dd>\n    </div>\n  );\n}\n\nMetadataListItem.displayName = 'MetadataListItem';\n"]}
+{"version":3,"sources":["../src/components/MetadataList/MetadataListContext.ts","../src/components/MetadataList/MetadataList.tsx","../src/components/MetadataList/MetadataListItem.tsx"],"names":["createContext","use","css","useId","useMemo","jsx","jsxs","cx","Heading","styles","Fragment","Icon"],"mappings":"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","file":"chunk-4YQSKCVF.cjs","sourcesContent":["import {createContext, use} from 'react';\n\nexport interface MetadataListContextValue {\n  labelPosition: 'start' | 'top';\n}\n\nexport const MetadataListContext =\n  createContext<MetadataListContextValue | null>(null);\n\nMetadataListContext.displayName = 'MetadataListContext';\n\nexport function useMetadataList(): MetadataListContextValue | null {\n  return use(MetadataListContext);\n}\n","import {\n  useId,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {Heading} from '../Text';\nimport {MetadataListContext} from './MetadataListContext';\n\nexport type MetadataListLabelPosition = 'start' | 'top';\n\nexport interface MetadataListProps {\n  /**\n   * Metadata items to render inside the list.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root.\n   */\n  'data-testid'?: string;\n  /**\n   * Position of item labels relative to their values.\n   * @default 'start'\n   */\n  labelPosition?: MetadataListLabelPosition;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the root.\n   */\n  style?: CSSProperties;\n  /**\n   * Optional title rendered above the list as a heading.\n   */\n  title?: string;\n}\n\nconst styles = {\n  root: css({display: 'flex', flexDirection: 'column'}),\n  title: css({mb: '3'}),\n  dl: css({m: 0, p: 0}),\n  grid: css({\n    display: 'grid',\n    gridTemplateColumns: 'auto 1fr',\n    rowGap: '3',\n    columnGap: '6',\n    alignItems: 'start',\n  }),\n  gridStacked: css({\n    display: 'grid',\n    gridTemplateColumns: '1fr',\n    gap: '3',\n  }),\n} as const;\n\n/**\n * Displays a list of label-value metadata pairs in configurable layouts.\n */\nexport function MetadataList({\n  children,\n  labelPosition = 'start',\n  title,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: MetadataListProps): React.JSX.Element {\n  const titleId = useId();\n  const contextValue = useMemo(() => ({labelPosition}), [labelPosition]);\n  const dlClassName =\n    labelPosition === 'top' ? styles.gridStacked : styles.grid;\n\n  return (\n    <MetadataListContext value={contextValue}>\n      <div\n        className={cx(styles.root, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        style={style}>\n        {title != null ? (\n          <Heading className={styles.title} id={titleId} level={5}>\n            {title}\n          </Heading>\n        ) : null}\n        <dl\n          aria-labelledby={title != null ? titleId : undefined}\n          className={cx(styles.dl, dlClassName)}>\n          {children}\n        </dl>\n      </div>\n    </MetadataListContext>\n  );\n}\n\nMetadataList.displayName = 'MetadataList';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {Icon, type IconComponent} from '../Icon';\nimport {useMetadataList} from './MetadataListContext';\n\n/**\n * A single label-value pair rendered inside a MetadataList.\n */\nexport interface MetadataListItemProps {\n  /**\n   * Value content rendered beside or below the label.\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   * Optional icon rendered before the label text.\n   */\n  icon?: IconComponent;\n  /**\n   * Descriptive label for this metadata entry.\n   */\n  label: string;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  label: css({\n    color: 'fg.muted',\n    fontSize: 'md',\n    fontWeight: 'bold',\n    display: 'flex',\n    alignItems: 'center',\n    gap: '2',\n    m: 0,\n    minH: '6',\n  }),\n  value: css({\n    color: 'fg',\n    fontSize: 'md',\n    m: 0,\n    minH: '6',\n    overflowWrap: 'break-word',\n  }),\n  stacked: css({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '0.5',\n  }),\n  inline: css({\n    display: 'contents',\n  }),\n} as const;\n\n/**\n * A single label-value pair rendered inside a MetadataList.\n */\nexport function MetadataListItem({\n  children,\n  icon,\n  label,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: MetadataListItemProps): React.JSX.Element {\n  const context = useMetadataList();\n\n  if (context == null && process.env.NODE_ENV !== 'production') {\n    throw new Error('MetadataListItem must be rendered inside a MetadataList.');\n  }\n\n  const isStacked = context?.labelPosition === 'top';\n  const labelContent = (\n    <>\n      {icon != null ? <Icon color=\"secondary\" icon={icon} size=\"sm\" /> : null}\n      {label}\n    </>\n  );\n\n  if (isStacked) {\n    return (\n      <div\n        className={cx(styles.stacked, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        style={style}>\n        <dt className={styles.label}>{labelContent}</dt>\n        <dd className={styles.value}>{children}</dd>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cx(styles.inline, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <dt className={styles.label}>{labelContent}</dt>\n      <dd className={styles.value}>{children}</dd>\n    </div>\n  );\n}\n\nMetadataListItem.displayName = 'MetadataListItem';\n"]}