silver-ui 0.3.0 → 0.3.1

package/dist/chunk-IHM2M74J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Divider/Divider.recipe.ts","../src/components/Divider/Divider.tsx"],"names":[],"mappings":"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","file":"chunk-IHM2M74J.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const dividerRecipe = sva({\n  slots: ['root', 'line', 'label'],\n  base: {\n    root: {\n      color: 'fg.muted',\n      alignItems: 'center',\n    },\n    line: {\n      flex: 1,\n    },\n    label: {\n      flexShrink: 0,\n      fontFamily: 'body',\n      fontSize: 'sm',\n      color: 'fg.muted',\n    },\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: {display: 'flex', w: '100%'},\n        line: {h: '1px'},\n        label: {px: '3'},\n      },\n      vertical: {\n        root: {display: 'inline-flex', flexDirection: 'column', h: '100%'},\n        line: {w: '1px'},\n        label: {py: '3'},\n      },\n    },\n    variant: {\n      subtle: {line: {bg: 'border'}},\n      strong: {line: {bg: 'border.emphasized'}},\n    },\n    // Marker variant; the real full-bleed styling is orientation-dependent, so\n    // it lives in compoundVariants below.\n    isFullBleed: {\n      true: {},\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: 'horizontal',\n      isFullBleed: true,\n      css: {\n        root: {\n          mx: 'calc(-1 * var(--card-padding, 0px))',\n          w: 'calc(100% + var(--card-padding, 0px) * 2)',\n        },\n      },\n    },\n    {\n      orientation: 'vertical',\n      isFullBleed: true,\n      css: {\n        root: {\n          my: 'calc(-1 * var(--card-padding, 0px))',\n          h: 'calc(100% + var(--card-padding, 0px) * 2)',\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    orientation: 'horizontal',\n    variant: 'subtle',\n    isFullBleed: false,\n  },\n});\n\nexport type DividerVariants = RecipeVariantProps<typeof dividerRecipe>;\n","import {useId, type CSSProperties, type ReactNode, type Ref} from 'react';\nimport {cx} from '../../internal/cx';\nimport isReactNode from '../../internal/isReactNode';\nimport {dividerRecipe} from './Divider.recipe';\n\nexport type DividerOrientation = 'horizontal' | 'vertical';\nexport type DividerVariant = 'subtle' | 'strong';\n\n/**\n * Visual separator for grouping content.\n */\nexport interface DividerProps {\n  /**\n   * Accessible label for the separator. Use when the divider conveys\n   * meaning beyond a visual break (e.g., separating named sections).\n   */\n  'aria-label'?: string;\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   * Length of a vertical divider. Numbers are treated as pixels. Ignored for\n   * horizontal dividers, which size to their container width.\n   */\n  height?: number | string;\n  /**\n   * Whether the divider should escape container padding.\n   */\n  isFullBleed?: boolean;\n  /**\n   * Optional label rendered in the divider.\n   */\n  label?: ReactNode;\n  /**\n   * Divider orientation. Default is `horizontal`.\n   */\n  orientation?: DividerOrientation;\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   * Visual weight of the divider. Default is `subtle`.\n   */\n  variant?: DividerVariant;\n  /**\n   * Length of a horizontal divider. Numbers are treated as pixels. Ignored for\n   * vertical dividers, which size to their container height.\n   */\n  width?: number | string;\n}\n\nfunction formatSize(value: number | string): string {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nexport function Divider({\n  'aria-label': ariaLabel,\n  className,\n  'data-testid': dataTestId,\n  height,\n  isFullBleed = false,\n  label,\n  orientation = 'horizontal',\n  ref,\n  style,\n  variant = 'subtle',\n  width,\n}: DividerProps): React.JSX.Element {\n  const labelId = useId();\n  const isHorizontal = orientation === 'horizontal';\n  const classes = dividerRecipe({orientation, variant, isFullBleed});\n  // Only the along-axis length applies: width for horizontal, height for\n  // vertical. Consumer `style` still wins via the spread below.\n  const dimensionStyle: CSSProperties = {\n    width: isHorizontal && width != null ? formatSize(width) : undefined,\n    height: !isHorizontal && height != null ? formatSize(height) : undefined,\n  };\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      aria-labelledby={\n        isReactNode(label) && ariaLabel == null ? labelId : undefined\n      }\n      aria-orientation={orientation}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"separator\"\n      style={{...dimensionStyle, ...style}}>\n      <div className={classes.line} />\n      {isReactNode(label) ? (\n        <>\n          <div className={classes.label} id={labelId}>\n            {label}\n          </div>\n          <div className={classes.line} />\n        </>\n      ) : null}\n    </div>\n  );\n}\n\nDivider.displayName = 'Divider';\n"]}

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

@@ -1,4 +1,5 @@
-import { getNecessity, Field } from './chunk-K6CQ45C2.js';
+import { getNecessity, Field } from './chunk-ASJ5CBCR.js';
+import { isReactNode } from './chunk-2PSZAWLC.js';
 import { cva } from './chunk-FMEIPGUP.js';
 import { cx } from './chunk-PPNETWIP.js';
 import { createContext, use, useId, useMemo } from 'react';
@@ -137,7 +138,7 @@ function InputGroup({
 }) {
   const inputId = useId();
   const labelId = `${inputId}-label`;
-  const descriptionID = description != null ? `${inputId}-description` : void 0;
+  const descriptionID = isReactNode(description) ? `${inputId}-description` : void 0;
   const statusID = status?.message != null ? `${inputId}-status` : void 0;
   const describedBy = [descriptionID, statusID].filter(Boolean).join(" ") || void 0;
   const contextValue = useMemo(
@@ -213,5 +214,5 @@ function InputGroupText({
 InputGroupText.displayName = "InputGroupText";
 
 export { InputGroup, InputGroupContext, InputGroupText, useInputGroup };
-//# sourceMappingURL=chunk-4M2KCZMO.js.map
-//# sourceMappingURL=chunk-4M2KCZMO.js.map
+//# sourceMappingURL=chunk-IRSJHEYI.js.map
+//# sourceMappingURL=chunk-IRSJHEYI.js.map

package/dist/chunk-IRSJHEYI.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-IRSJHEYI.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 isReactNode from '../../internal/isReactNode';\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 = isReactNode(description)\n    ? `${inputId}-description`\n    : 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-BFWKL5MJ.cjs → chunk-JEIQ5GDK.cjs}

@@ -1,9 +1,10 @@
 'use strict';
 
-var chunkUMGW7WJI_cjs = require('./chunk-UMGW7WJI.cjs');
-var chunkK77D7H4V_cjs = require('./chunk-K77D7H4V.cjs');
-var chunkJMNH45Q3_cjs = require('./chunk-JMNH45Q3.cjs');
+var chunkZLATP3P5_cjs = require('./chunk-ZLATP3P5.cjs');
+var chunkZD3NPHZ7_cjs = require('./chunk-ZD3NPHZ7.cjs');
+var chunkQEFE4QBL_cjs = require('./chunk-QEFE4QBL.cjs');
 var chunkLFRTNC7M_cjs = require('./chunk-LFRTNC7M.cjs');
+var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
 var chunkJRBQKFVO_cjs = require('./chunk-JRBQKFVO.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
@@ -114,11 +115,11 @@ function TopNav({
 }) {
   const renderMode = useTopNavRenderMode();
   const mobileContent = useTopNavMobileContent();
-  const { hasAutoToggle } = chunkUMGW7WJI_cjs.useAppShellMobile();
+  const { hasAutoToggle } = chunkZLATP3P5_cjs.useAppShellMobile();
   const resolvedStartContent = startContent ?? children;
-  const hasCenterContent = centerContent != null;
-  const hasCollapsibleContent = resolvedStartContent != null || centerContent != null;
-  const hasMobileDrawerContent = hasCollapsibleContent || mobileContent != null;
+  const hasCenterContent = chunkQAO6QMNQ_cjs.isReactNode(centerContent);
+  const hasCollapsibleContent = chunkQAO6QMNQ_cjs.isReactNode(resolvedStartContent) || chunkQAO6QMNQ_cjs.isReactNode(centerContent);
+  const hasMobileDrawerContent = hasCollapsibleContent || chunkQAO6QMNQ_cjs.isReactNode(mobileContent);
   if (renderMode === "mobile-bar") {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "nav",
@@ -129,25 +130,25 @@ function TopNav({
         ref,
         style,
         children: [
-          heading != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.heading, children: heading }) : null,
+          chunkQAO6QMNQ_cjs.isReactNode(heading) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.heading, children: heading }) : null,
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.mobileEnd, children: [
             endContent,
-            hasMobileDrawerContent && hasAutoToggle ? /* @__PURE__ */ jsxRuntime.jsx(chunkUMGW7WJI_cjs.MobileNavToggle, {}) : null
+            hasMobileDrawerContent && hasAutoToggle ? /* @__PURE__ */ jsxRuntime.jsx(chunkZLATP3P5_cjs.MobileNavToggle, {}) : null
           ] })
         ]
       }
     );
   }
   if (renderMode === "drawer") {
-    if (!hasCollapsibleContent && mobileContent == null) {
+    if (!hasCollapsibleContent && !chunkQAO6QMNQ_cjs.isReactNode(mobileContent)) {
       return null;
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs(chunkUMGW7WJI_cjs.MobileNav, { header: heading, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(chunkZLATP3P5_cjs.MobileNav, { header: heading, children: [
       hasCollapsibleContent ? /* @__PURE__ */ jsxRuntime.jsx(TopNavSlotContext, { value: "start", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.drawerItems, children: [
         resolvedStartContent,
         centerContent
       ] }) }) : null,
-      hasCollapsibleContent && mobileContent != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.drawerDivider, children: /* @__PURE__ */ jsxRuntime.jsx(chunkK77D7H4V_cjs.Divider, {}) }) : null,
+      hasCollapsibleContent && chunkQAO6QMNQ_cjs.isReactNode(mobileContent) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.drawerDivider, children: /* @__PURE__ */ jsxRuntime.jsx(chunkZD3NPHZ7_cjs.Divider, {}) }) : null,
       mobileContent
     ] });
   }
@@ -164,11 +165,11 @@ function TopNav({
       style,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.leftSection, children: [
-          heading != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.heading, children: heading }) : null,
-          resolvedStartContent != null ? /* @__PURE__ */ jsxRuntime.jsx(TopNavSlotContext, { value: "start", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.startContent, children: resolvedStartContent }) }) : null
+          chunkQAO6QMNQ_cjs.isReactNode(heading) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.heading, children: heading }) : null,
+          chunkQAO6QMNQ_cjs.isReactNode(resolvedStartContent) ? /* @__PURE__ */ jsxRuntime.jsx(TopNavSlotContext, { value: "start", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.startContent, children: resolvedStartContent }) }) : null
         ] }),
         hasCenterContent ? /* @__PURE__ */ jsxRuntime.jsx(TopNavSlotContext, { value: "center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.centerContent, children: centerContent }) }) : null,
-        hasCenterContent ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.rightSection, children: /* @__PURE__ */ jsxRuntime.jsx(TopNavSlotContext, { value: "end", children: endContent }) }) : endContent != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.endContent, children: /* @__PURE__ */ jsxRuntime.jsx(TopNavSlotContext, { value: "end", children: endContent }) }) : null
+        hasCenterContent ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.rightSection, children: /* @__PURE__ */ jsxRuntime.jsx(TopNavSlotContext, { value: "end", children: endContent }) }) : chunkQAO6QMNQ_cjs.isReactNode(endContent) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.endContent, children: /* @__PURE__ */ jsxRuntime.jsx(TopNavSlotContext, { value: "end", children: endContent }) }) : null
       ]
     }
   );
@@ -228,13 +229,13 @@ function TopNavHeading({
       style,
       to: Element === "a" ? void 0 : resolvedHref,
       children: [
-        logo != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.logo, children: logo }) : null,
+        chunkQAO6QMNQ_cjs.isReactNode(logo) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.logo, children: logo }) : null,
         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles2.text, children: [
-          superheading != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkJMNH45Q3_cjs.Text, { color: "secondary", type: "supporting", children: superheading }) : null,
-          heading != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkJMNH45Q3_cjs.Text, { type: "large", weight: "semibold", children: heading }) : null,
-          subheading != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkJMNH45Q3_cjs.Text, { color: "secondary", type: "supporting", children: subheading }) : null
+          superheading != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkQEFE4QBL_cjs.Text, { color: "secondary", type: "supporting", children: superheading }) : null,
+          heading != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkQEFE4QBL_cjs.Text, { type: "large", weight: "semibold", children: heading }) : null,
+          subheading != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkQEFE4QBL_cjs.Text, { color: "secondary", type: "supporting", children: subheading }) : null
         ] }),
-        headerEndContent != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.endContent, children: headerEndContent }) : null
+        chunkQAO6QMNQ_cjs.isReactNode(headerEndContent) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.endContent, children: headerEndContent }) : null
       ]
     }
   );
@@ -323,9 +324,9 @@ function TopNavItem({
 }) {
   const LinkComponent = chunkLFRTNC7M_cjs.useLinkComponent(as);
   const renderMode = useTopNavRenderMode();
-  const { closeMobileNav } = chunkUMGW7WJI_cjs.useAppShellMobile();
+  const { closeMobileNav } = chunkZLATP3P5_cjs.useAppShellMobile();
   const isDrawer = renderMode === "drawer";
-  const labelContent = children ?? /* @__PURE__ */ jsxRuntime.jsx(chunkJMNH45Q3_cjs.Text, { color: "inherit", size: "md", type: "body", weight: "inherit", children: label });
+  const labelContent = children ?? /* @__PURE__ */ jsxRuntime.jsx(chunkQEFE4QBL_cjs.Text, { color: "inherit", size: "md", type: "body", weight: "inherit", children: label });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     LinkComponent,
     {
@@ -369,5 +370,5 @@ exports.TopNavItem = TopNavItem;
 exports.TopNavMobileContentContext = TopNavMobileContentContext;
 exports.TopNavRenderContext = TopNavRenderContext;
 exports.TopNavSlotContext = TopNavSlotContext;
-//# sourceMappingURL=chunk-BFWKL5MJ.cjs.map
-//# sourceMappingURL=chunk-BFWKL5MJ.cjs.map
+//# sourceMappingURL=chunk-JEIQ5GDK.cjs.map
+//# sourceMappingURL=chunk-JEIQ5GDK.cjs.map

package/dist/chunk-JEIQ5GDK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TopNav/TopNav.recipe.ts","../src/components/TopNav/TopNavContext.ts","../src/components/TopNav/TopNav.tsx","../src/components/TopNav/TopNavHeading.tsx","../src/components/TopNav/TopNavItem.recipe.ts","../src/components/TopNav/TopNavItem.tsx"],"names":["cva","createContext","use","css","useAppShellMobile","isReactNode","jsxs","cx","jsx","MobileNavToggle","MobileNav","Divider","styles","useLinkComponent","Text","Icon"],"mappings":"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","file":"chunk-JEIQ5GDK.cjs","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const topNavRecipe = cva({\n  base: {\n    alignItems: 'center',\n    w: '100%',\n    p: '2',\n  },\n  variants: {\n    layout: {\n      flex: {\n        display: 'flex',\n      },\n      grid: {\n        display: 'grid',\n        gridTemplateColumns: '1fr auto 1fr',\n      },\n      mobile: {\n        display: 'flex',\n      },\n    },\n  },\n  defaultVariants: {\n    layout: 'flex',\n  },\n});\n\nexport type TopNavVariants = RecipeVariantProps<typeof topNavRecipe>;\n","import {createContext, use, type ReactNode} from 'react';\n\nexport type TopNavRenderMode = 'default' | 'mobile-bar' | 'drawer';\nexport type TopNavSlot = 'start' | 'center' | 'end';\n\nexport const TopNavRenderContext = createContext<TopNavRenderMode>('default');\nTopNavRenderContext.displayName = 'TopNavRenderContext';\nexport const TopNavMobileContentContext = createContext<ReactNode>(null);\nTopNavMobileContentContext.displayName = 'TopNavMobileContentContext';\nexport const TopNavSlotContext = createContext<TopNavSlot>('start');\nTopNavSlotContext.displayName = 'TopNavSlotContext';\n\nexport function useTopNavRenderMode(): TopNavRenderMode {\n  return use(TopNavRenderContext);\n}\n\nexport function useTopNavMobileContent(): ReactNode {\n  return use(TopNavMobileContentContext);\n}\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {MobileNav, MobileNavToggle} from '../../internal/MobileNav';\nimport {cx} from '../../internal/cx';\nimport isReactNode from '../../internal/isReactNode';\nimport {useAppShellMobile} from '../AppShell/AppShellMobileContext';\nimport {Divider} from '../Divider';\nimport {topNavRecipe} from './TopNav.recipe';\nimport {\n  TopNavSlotContext,\n  useTopNavMobileContent,\n  useTopNavRenderMode,\n} from './TopNavContext';\n\nexport interface TopNavProps {\n  /**\n   * Content rendered in the center section of the navigation bar.\n   */\n  centerContent?: ReactNode;\n  /**\n   * Shorthand for `startContent`. Rendered in the start section when\n   * `startContent` is not provided.\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   * Content rendered in the end (right) section of the navigation bar.\n   */\n  endContent?: ReactNode;\n  /**\n   * Branding or title content rendered at the start of the bar.\n   */\n  heading?: ReactNode;\n  /**\n   * Accessible label for the navigation landmark.\n   * @default 'Top navigation'\n   */\n  label?: string;\n  /**\n   * Ref forwarded to the nav element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Content rendered in the start (left) section after the heading.\n   */\n  startContent?: ReactNode;\n  /**\n   * Inline styles applied to the nav element.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  leftSection: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '4',\n    flex: '1 1 0%',\n    minW: 0,\n  }),\n  heading: css({\n    display: 'flex',\n    alignItems: 'center',\n    flexShrink: 0,\n  }),\n  startContent: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '1',\n  }),\n  centerContent: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: '1',\n  }),\n  rightSection: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n    gap: '1',\n  }),\n  endContent: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '1',\n    flexShrink: 0,\n    ms: 'auto',\n  }),\n  mobileEnd: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '1',\n    ms: 'auto',\n  }),\n  drawerItems: css({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '0.5',\n  }),\n  drawerDivider: css({\n    my: '2',\n  }),\n};\n\n/**\n * Horizontal top navigation bar with heading, start, center, and end\n * content slots. Adapts to mobile layouts when rendered inside AppShell.\n */\nexport function TopNav({\n  centerContent,\n  children,\n  className,\n  'data-testid': dataTestId,\n  endContent,\n  heading,\n  label = 'Top navigation',\n  ref,\n  startContent,\n  style,\n}: TopNavProps): React.JSX.Element | null {\n  const renderMode = useTopNavRenderMode();\n  const mobileContent = useTopNavMobileContent();\n  const {hasAutoToggle} = useAppShellMobile();\n  const resolvedStartContent = startContent ?? children;\n  const hasCenterContent = isReactNode(centerContent);\n  const hasCollapsibleContent =\n    isReactNode(resolvedStartContent) || isReactNode(centerContent);\n  const hasMobileDrawerContent =\n    hasCollapsibleContent || isReactNode(mobileContent);\n\n  if (renderMode === 'mobile-bar') {\n    return (\n      <nav\n        aria-label={label}\n        className={cx(topNavRecipe({layout: 'mobile'}), className)}\n        data-testid={dataTestId}\n        ref={ref}\n        style={style}>\n        {isReactNode(heading) ? (\n          <div className={styles.heading}>{heading}</div>\n        ) : null}\n        <div className={styles.mobileEnd}>\n          {endContent}\n          {hasMobileDrawerContent && hasAutoToggle ? <MobileNavToggle /> : null}\n        </div>\n      </nav>\n    );\n  }\n\n  if (renderMode === 'drawer') {\n    if (!hasCollapsibleContent && !isReactNode(mobileContent)) {\n      return null;\n    }\n\n    return (\n      <MobileNav header={heading}>\n        {hasCollapsibleContent ? (\n          <TopNavSlotContext value=\"start\">\n            <div className={styles.drawerItems}>\n              {resolvedStartContent}\n              {centerContent}\n            </div>\n          </TopNavSlotContext>\n        ) : null}\n        {hasCollapsibleContent && isReactNode(mobileContent) ? (\n          <div className={styles.drawerDivider}>\n            <Divider />\n          </div>\n        ) : null}\n        {mobileContent}\n      </MobileNav>\n    );\n  }\n\n  return (\n    <nav\n      aria-label={label}\n      className={cx(\n        topNavRecipe({layout: hasCenterContent ? 'grid' : 'flex'}),\n        className,\n      )}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <div className={styles.leftSection}>\n        {isReactNode(heading) ? (\n          <div className={styles.heading}>{heading}</div>\n        ) : null}\n        {isReactNode(resolvedStartContent) ? (\n          <TopNavSlotContext value=\"start\">\n            <div className={styles.startContent}>{resolvedStartContent}</div>\n          </TopNavSlotContext>\n        ) : null}\n      </div>\n      {hasCenterContent ? (\n        <TopNavSlotContext value=\"center\">\n          <div className={styles.centerContent}>{centerContent}</div>\n        </TopNavSlotContext>\n      ) : null}\n      {hasCenterContent ? (\n        <div className={styles.rightSection}>\n          <TopNavSlotContext value=\"end\">{endContent}</TopNavSlotContext>\n        </div>\n      ) : isReactNode(endContent) ? (\n        <div className={styles.endContent}>\n          <TopNavSlotContext value=\"end\">{endContent}</TopNavSlotContext>\n        </div>\n      ) : null}\n    </nav>\n  );\n}\n\nTopNav.displayName = 'TopNav';\n","/* eslint-disable @eslint-react/static-components -- intentional polymorphism via as prop */\n\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport isReactNode from '../../internal/isReactNode';\nimport type {LinkComponent} from '../Link';\nimport {useLinkComponent} from '../Link';\nimport {Text} from '../Text';\n\nexport interface TopNavHeadingProps {\n  /**\n   * Accessible label for the heading link. Use when `heading` text is absent\n   * (e.g., logo-only headings) to ensure the link has an accessible name.\n   */\n  'aria-label'?: string;\n  as?: LinkComponent;\n  className?: string;\n  'data-testid'?: string;\n  headerEndContent?: ReactNode;\n  heading?: string;\n  headingHref?: string;\n  href?: string;\n  logo?: ReactNode;\n  ref?: Ref<HTMLElement>;\n  style?: CSSProperties;\n  subheading?: string;\n  superheading?: string;\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '2',\n    minH: '8',\n    px: '2',\n    color: 'fg',\n    textDecoration: 'none',\n  }),\n  logo: css({\n    flexShrink: 0,\n    display: 'inline-flex',\n    alignItems: 'center',\n  }),\n  text: css({\n    display: 'flex',\n    flexDirection: 'column',\n    minW: 0,\n  }),\n  endContent: css({\n    ms: 'auto',\n    flexShrink: 0,\n  }),\n};\n\nexport function TopNavHeading({\n  'aria-label': ariaLabel,\n  as,\n  className,\n  'data-testid': dataTestId,\n  headerEndContent,\n  heading,\n  headingHref,\n  href,\n  logo,\n  ref,\n  style,\n  subheading,\n  superheading,\n}: TopNavHeadingProps): React.JSX.Element {\n  const LinkComponent = useLinkComponent(as);\n  const resolvedHref = headingHref ?? href;\n  const Element = resolvedHref != null ? LinkComponent : 'div';\n\n  return (\n    <Element\n      aria-label={ariaLabel}\n      className={cx(styles.root, className)}\n      data-testid={dataTestId}\n      href={resolvedHref}\n      ref={ref as Ref<HTMLAnchorElement & HTMLDivElement>}\n      style={style}\n      to={Element === 'a' ? undefined : resolvedHref}>\n      {isReactNode(logo) ? <span className={styles.logo}>{logo}</span> : null}\n      <span className={styles.text}>\n        {superheading != null ? (\n          <Text color=\"secondary\" type=\"supporting\">\n            {superheading}\n          </Text>\n        ) : null}\n        {heading != null ? (\n          <Text type=\"large\" weight=\"semibold\">\n            {heading}\n          </Text>\n        ) : null}\n        {subheading != null ? (\n          <Text color=\"secondary\" type=\"supporting\">\n            {subheading}\n          </Text>\n        ) : null}\n      </span>\n      {isReactNode(headerEndContent) ? (\n        <span className={styles.endContent}>{headerEndContent}</span>\n      ) : null}\n    </Element>\n  );\n}\n\nTopNavHeading.displayName = 'TopNavHeading';\n","import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const topNavItemRecipe = cva({\n  base: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '2',\n    minH: '8',\n    px: '3',\n    py: '1.5',\n    borderRadius: 'md',\n    color: 'fg.muted',\n    textDecoration: 'none',\n    fontFamily: 'body',\n    fontSize: 'md',\n    fontWeight: 'medium',\n    cursor: 'pointer',\n    _hover: {bg: 'bg.hover'},\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n  },\n  variants: {\n    isSelected: {\n      true: {\n        bg: 'bg.hover',\n        color: 'fg',\n        fontWeight: 'semibold',\n      },\n      false: {},\n    },\n    isDisabled: {\n      true: {\n        opacity: 0.5,\n        cursor: 'not-allowed',\n        pointerEvents: 'none',\n      },\n      false: {},\n    },\n    isIconOnly: {\n      true: {\n        px: '2',\n        aspectRatio: 'square',\n      },\n      false: {},\n    },\n    isDrawer: {\n      true: {\n        display: 'flex',\n        w: '100%',\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    isSelected: false,\n    isDisabled: false,\n    isIconOnly: false,\n    isDrawer: false,\n  },\n});\n\nexport type TopNavItemVariants = RecipeVariantProps<typeof topNavItemRecipe>;\n","/* eslint-disable @eslint-react/static-components -- intentional polymorphism via as prop */\n\nimport type {CSSProperties, MouseEventHandler, ReactNode, Ref} from 'react';\nimport {cx} from '../../internal/cx';\nimport {useAppShellMobile} from '../AppShell/AppShellMobileContext';\nimport {Icon, type IconComponent} from '../Icon';\nimport type {LinkComponent} from '../Link';\nimport {useLinkComponent} from '../Link';\nimport {Text} from '../Text';\nimport {useTopNavRenderMode} from './TopNavContext';\nimport {topNavItemRecipe} from './TopNavItem.recipe';\n\nexport interface TopNavItemProps {\n  /**\n   * Custom link component used for routing.\n   */\n  as?: LinkComponent;\n  /**\n   * Custom label content. Falls back to the `label` prop text.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the item.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the item.\n   */\n  'data-testid'?: string;\n  /**\n   * Link destination.\n   */\n  href: string;\n  /**\n   * Icon rendered before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether the item is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether only the icon is visible (label used for accessibility).\n   * @default false\n   */\n  isIconOnly?: boolean;\n  /**\n   * Whether the item is currently selected.\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Accessible item label, also used as visible text when children are omitted.\n   */\n  label: string;\n  /**\n   * Click handler called when the item is clicked.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n  /**\n   * Ref forwarded to the anchor element.\n   */\n  ref?: Ref<HTMLAnchorElement>;\n  /**\n   * The `rel` attribute for the anchor element.\n   */\n  rel?: string;\n  /**\n   * Inline styles applied to the item.\n   */\n  style?: CSSProperties;\n  /**\n   * The `target` attribute for the anchor element.\n   */\n  target?: string;\n}\n\n/**\n * A single navigation link inside a TopNav. Supports icons, selected\n * state, and adapts to drawer layout on mobile.\n */\nexport function TopNavItem({\n  as,\n  children,\n  className,\n  'data-testid': dataTestId,\n  href,\n  icon,\n  isDisabled = false,\n  isIconOnly = false,\n  isSelected = false,\n  label,\n  onClick,\n  ref,\n  rel,\n  style,\n  target,\n}: TopNavItemProps): React.JSX.Element {\n  const LinkComponent = useLinkComponent(as);\n  const renderMode = useTopNavRenderMode();\n  const {closeMobileNav} = useAppShellMobile();\n  const isDrawer = renderMode === 'drawer';\n  const labelContent = children ?? (\n    <Text color=\"inherit\" size=\"md\" type=\"body\" weight=\"inherit\">\n      {label}\n    </Text>\n  );\n\n  return (\n    <LinkComponent\n      aria-current={isSelected ? 'page' : undefined}\n      aria-disabled={isDisabled || undefined}\n      aria-label={isIconOnly ? label : undefined}\n      className={cx(\n        topNavItemRecipe({isSelected, isDisabled, isIconOnly, isDrawer}),\n        className,\n      )}\n      data-testid={dataTestId}\n      href={href}\n      onClick={event => {\n        if (isDisabled) {\n          event.preventDefault();\n          return;\n        }\n\n        onClick?.(event);\n\n        if (isDrawer) {\n          closeMobileNav();\n        }\n      }}\n      ref={ref}\n      rel={rel}\n      style={style}\n      tabIndex={isDisabled ? -1 : undefined}\n      target={target}\n      to={LinkComponent === 'a' ? undefined : href}>\n      {icon != null ? (\n        <Icon aria-hidden=\"true\" color=\"inherit\" icon={icon} size=\"md\" />\n      ) : null}\n      {!isIconOnly ? labelContent : null}\n    </LinkComponent>\n  );\n}\n\nTopNavItem.displayName = 'TopNavItem';\n"]}

package/dist/{chunk-YXYD5HKL.cjs → chunk-KFDHP4WP.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkJMNH45Q3_cjs = require('./chunk-JMNH45Q3.cjs');
+var chunkQEFE4QBL_cjs = require('./chunk-QEFE4QBL.cjs');
 var chunk5QPM5LUS_cjs = require('./chunk-5QPM5LUS.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var jsxRuntime = require('react/jsx-runtime');
@@ -97,7 +97,7 @@ function Spinner({
       style,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: classes.visual }),
-        hasLabel ? /* @__PURE__ */ jsxRuntime.jsx(chunkJMNH45Q3_cjs.Text, { as: "span", color: labelColor, type: "label", children: label }) : null
+        hasLabel ? /* @__PURE__ */ jsxRuntime.jsx(chunkQEFE4QBL_cjs.Text, { as: "span", color: labelColor, type: "label", children: label }) : null
       ]
     }
   );
@@ -105,5 +105,5 @@ function Spinner({
 Spinner.displayName = "Spinner";
 
 exports.Spinner = Spinner;
-//# sourceMappingURL=chunk-YXYD5HKL.cjs.map
-//# sourceMappingURL=chunk-YXYD5HKL.cjs.map
+//# sourceMappingURL=chunk-KFDHP4WP.cjs.map
+//# sourceMappingURL=chunk-KFDHP4WP.cjs.map

package/dist/{chunk-YXYD5HKL.cjs.map → chunk-KFDHP4WP.cjs.map}

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

package/dist/{chunk-6ADWXOZ2.cjs → chunk-KRZ57O2J.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
 var chunkWMXIUOOU_cjs = require('./chunk-WMXIUOOU.cjs');
-var chunk5QPM5LUS_cjs = require('./chunk-5QPM5LUS.cjs');
 var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
+var chunk5QPM5LUS_cjs = require('./chunk-5QPM5LUS.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var lucideReact = require('lucide-react');
 var react = require('react');
@@ -197,5 +197,5 @@ function Rating({
 Rating.displayName = "Rating";
 
 exports.Rating = Rating;
-//# sourceMappingURL=chunk-6ADWXOZ2.cjs.map
-//# sourceMappingURL=chunk-6ADWXOZ2.cjs.map
+//# sourceMappingURL=chunk-KRZ57O2J.cjs.map
+//# sourceMappingURL=chunk-KRZ57O2J.cjs.map

package/dist/{chunk-6ADWXOZ2.cjs.map → chunk-KRZ57O2J.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Rating/Rating.recipe.ts","../src/components/Rating/Rating.tsx"],"names":["sva","jsx","Icon","Star","useId","useState","cx","jsxs","VisuallyHidden"],"mappings":"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","file":"chunk-6ADWXOZ2.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const ratingRecipe = sva({\n  slots: ['root', 'star', 'input'],\n  base: {\n    root: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '0.5',\n    },\n    star: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      cursor: 'pointer',\n      p: 0,\n      m: 0,\n      borderWidth: 0,\n      bg: 'transparent',\n      _focusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n        borderRadius: 'sm',\n      },\n    },\n    input: {\n      position: 'absolute',\n      w: '1px',\n      h: '1px',\n      p: 0,\n      m: '-1px',\n      overflow: 'hidden',\n      clip: 'rect(0, 0, 0, 0)',\n      whiteSpace: 'nowrap',\n      borderWidth: 0,\n    },\n  },\n  variants: {\n    isDisabled: {\n      true: {\n        root: {\n          opacity: 0.5,\n          cursor: 'not-allowed',\n        },\n        star: {\n          cursor: 'not-allowed',\n        },\n      },\n    },\n    isReadOnly: {\n      true: {\n        star: {\n          cursor: 'default',\n        },\n      },\n    },\n  },\n});\n\nexport type RatingVariants = RecipeVariantProps<typeof ratingRecipe>;\n","import {Star} from 'lucide-react';\nimport {\n  useState,\n  useId,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {VisuallyHidden} from '../../internal/VisuallyHidden';\nimport {cx} from '../../internal/cx';\nimport {Icon, type IconColor, type IconSize} from '../Icon';\nimport {ratingRecipe} from './Rating.recipe';\n\nexport interface RatingProps {\n  /**\n   * Additional CSS class names applied to the rating root.\n   */\n  className?: string;\n  /**\n   * Number of stars to display.\n   * @default 5\n   */\n  count?: number;\n  /**\n   * Test ID applied to the rating root.\n   */\n  'data-testid'?: string;\n  /**\n   * Color of unfilled stars.\n   * @default 'disabled'\n   */\n  emptyColor?: IconColor;\n  /**\n   * Color of filled stars.\n   * @default 'yellow'\n   */\n  filledColor?: IconColor;\n  /**\n   * Whether the rating is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the rating is read-only.\n   * @default false\n   */\n  isReadOnly?: boolean;\n  /**\n   * Accessible label for the rating group.\n   * @default 'Rating'\n   */\n  label?: string;\n  /**\n   * Called when the selected rating changes.\n   */\n  onChange?: (value: number) => void;\n  /**\n   * Ref forwarded to the rating root.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Size of the star icons.\n   * @default 'md'\n   */\n  size?: IconSize;\n  /**\n   * Inline styles applied to the rating root.\n   */\n  style?: CSSProperties;\n  /**\n   * Current rating value.\n   */\n  value: number;\n}\n\nfunction StarIcon({\n  color,\n  isFilled,\n  size,\n}: {\n  color: IconColor;\n  isFilled: boolean;\n  size: IconSize;\n}): ReactNode {\n  return (\n    <Icon\n      color={color}\n      fill={isFilled ? 'currentColor' : 'none'}\n      icon={Star}\n      size={size}\n    />\n  );\n}\n\n/**\n * Star-based rating control supporting read-only and interactive modes.\n */\nexport function Rating({\n  value: valueFromProps,\n  onChange,\n  count = 5,\n  emptyColor = 'disabled',\n  filledColor = 'yellow',\n  size = 'md',\n  isReadOnly = false,\n  isDisabled = false,\n  label = 'Rating',\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: RatingProps): React.JSX.Element {\n  if (process.env.NODE_ENV !== 'production') {\n    if (!Number.isInteger(count) || count < 1) {\n      throw new Error(\n        `Rating: count must be a positive integer, received ${count}.`,\n      );\n    }\n\n    if (\n      valueFromProps < 0 ||\n      valueFromProps > count ||\n      !Number.isInteger(valueFromProps)\n    ) {\n      throw new Error(\n        `Rating: value must be an integer in [0, ${count}], received ${valueFromProps}.`,\n      );\n    }\n  }\n\n  const value = Math.max(0, Math.min(count, Math.round(valueFromProps)));\n  const groupId = useId();\n  const [hoverValue, setHoverValue] = useState<number | null>(null);\n  const isInteractive = !isReadOnly && !isDisabled && onChange != null;\n  const displayValue = isInteractive ? (hoverValue ?? value) : value;\n  const classes = ratingRecipe({\n    isDisabled: isDisabled || undefined,\n    isReadOnly: isReadOnly || undefined,\n  });\n\n  if (!isInteractive) {\n    return (\n      <div\n        aria-label={`${label}: ${value} out of ${count}`}\n        className={cx(classes.root, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        role=\"img\"\n        style={style}>\n        {Array.from({length: count}, (_, i) => (\n          <span className={classes.star} key={i}>\n            <StarIcon\n              color={i < value ? filledColor : emptyColor}\n              isFilled={i < value}\n              size={size}\n            />\n          </span>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    // eslint-disable-next-line jsx-a11y-x/interactive-supports-focus -- focus is managed by the radio inputs inside\n    <div\n      aria-label={label}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      onMouseLeave={() => setHoverValue(null)}\n      ref={ref}\n      role=\"radiogroup\"\n      style={style}>\n      {Array.from({length: count}, (_, i) => {\n        const starValue = i + 1;\n        return (\n          // eslint-disable-next-line jsx-a11y-x/no-noninteractive-element-interactions -- label wraps its radio input\n          <label\n            className={classes.star}\n            key={i}\n            onMouseEnter={() => setHoverValue(starValue)}>\n            <input\n              checked={value === starValue}\n              className={classes.input}\n              name={groupId}\n              onChange={() => onChange(starValue)}\n              type=\"radio\"\n              value={starValue}\n            />\n            <VisuallyHidden>\n              {starValue} {starValue === 1 ? 'star' : 'stars'}\n            </VisuallyHidden>\n            <StarIcon\n              color={i < displayValue ? filledColor : emptyColor}\n              isFilled={i < displayValue}\n              size={size}\n            />\n          </label>\n        );\n      })}\n    </div>\n  );\n}\n\nRating.displayName = 'Rating';\n"]}
+{"version":3,"sources":["../src/components/Rating/Rating.recipe.ts","../src/components/Rating/Rating.tsx"],"names":["sva","jsx","Icon","Star","useId","useState","cx","jsxs","VisuallyHidden"],"mappings":"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","file":"chunk-KRZ57O2J.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const ratingRecipe = sva({\n  slots: ['root', 'star', 'input'],\n  base: {\n    root: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '0.5',\n    },\n    star: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      cursor: 'pointer',\n      p: 0,\n      m: 0,\n      borderWidth: 0,\n      bg: 'transparent',\n      _focusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n        borderRadius: 'sm',\n      },\n    },\n    input: {\n      position: 'absolute',\n      w: '1px',\n      h: '1px',\n      p: 0,\n      m: '-1px',\n      overflow: 'hidden',\n      clip: 'rect(0, 0, 0, 0)',\n      whiteSpace: 'nowrap',\n      borderWidth: 0,\n    },\n  },\n  variants: {\n    isDisabled: {\n      true: {\n        root: {\n          opacity: 0.5,\n          cursor: 'not-allowed',\n        },\n        star: {\n          cursor: 'not-allowed',\n        },\n      },\n    },\n    isReadOnly: {\n      true: {\n        star: {\n          cursor: 'default',\n        },\n      },\n    },\n  },\n});\n\nexport type RatingVariants = RecipeVariantProps<typeof ratingRecipe>;\n","import {Star} from 'lucide-react';\nimport {\n  useState,\n  useId,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {VisuallyHidden} from '../../internal/VisuallyHidden';\nimport {cx} from '../../internal/cx';\nimport {Icon, type IconColor, type IconSize} from '../Icon';\nimport {ratingRecipe} from './Rating.recipe';\n\nexport interface RatingProps {\n  /**\n   * Additional CSS class names applied to the rating root.\n   */\n  className?: string;\n  /**\n   * Number of stars to display.\n   * @default 5\n   */\n  count?: number;\n  /**\n   * Test ID applied to the rating root.\n   */\n  'data-testid'?: string;\n  /**\n   * Color of unfilled stars.\n   * @default 'disabled'\n   */\n  emptyColor?: IconColor;\n  /**\n   * Color of filled stars.\n   * @default 'yellow'\n   */\n  filledColor?: IconColor;\n  /**\n   * Whether the rating is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the rating is read-only.\n   * @default false\n   */\n  isReadOnly?: boolean;\n  /**\n   * Accessible label for the rating group.\n   * @default 'Rating'\n   */\n  label?: string;\n  /**\n   * Called when the selected rating changes.\n   */\n  onChange?: (value: number) => void;\n  /**\n   * Ref forwarded to the rating root.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Size of the star icons.\n   * @default 'md'\n   */\n  size?: IconSize;\n  /**\n   * Inline styles applied to the rating root.\n   */\n  style?: CSSProperties;\n  /**\n   * Current rating value.\n   */\n  value: number;\n}\n\nfunction StarIcon({\n  color,\n  isFilled,\n  size,\n}: {\n  color: IconColor;\n  isFilled: boolean;\n  size: IconSize;\n}): ReactNode {\n  return (\n    <Icon\n      color={color}\n      fill={isFilled ? 'currentColor' : 'none'}\n      icon={Star}\n      size={size}\n    />\n  );\n}\n\n/**\n * Star-based rating control supporting read-only and interactive modes.\n */\nexport function Rating({\n  value: valueFromProps,\n  onChange,\n  count = 5,\n  emptyColor = 'disabled',\n  filledColor = 'yellow',\n  size = 'md',\n  isReadOnly = false,\n  isDisabled = false,\n  label = 'Rating',\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: RatingProps): React.JSX.Element {\n  if (process.env.NODE_ENV !== 'production') {\n    if (!Number.isInteger(count) || count < 1) {\n      throw new Error(\n        `Rating: count must be a positive integer, received ${count}.`,\n      );\n    }\n\n    if (\n      valueFromProps < 0 ||\n      valueFromProps > count ||\n      !Number.isInteger(valueFromProps)\n    ) {\n      throw new Error(\n        `Rating: value must be an integer in [0, ${count}], received ${valueFromProps}.`,\n      );\n    }\n  }\n\n  const value = Math.max(0, Math.min(count, Math.round(valueFromProps)));\n  const groupId = useId();\n  const [hoverValue, setHoverValue] = useState<number | null>(null);\n  const isInteractive = !isReadOnly && !isDisabled && onChange != null;\n  const displayValue = isInteractive ? (hoverValue ?? value) : value;\n  const classes = ratingRecipe({\n    isDisabled: isDisabled || undefined,\n    isReadOnly: isReadOnly || undefined,\n  });\n\n  if (!isInteractive) {\n    return (\n      <div\n        aria-label={`${label}: ${value} out of ${count}`}\n        className={cx(classes.root, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        role=\"img\"\n        style={style}>\n        {Array.from({length: count}, (_, i) => (\n          <span className={classes.star} key={i}>\n            <StarIcon\n              color={i < value ? filledColor : emptyColor}\n              isFilled={i < value}\n              size={size}\n            />\n          </span>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    // eslint-disable-next-line jsx-a11y-x/interactive-supports-focus -- focus is managed by the radio inputs inside\n    <div\n      aria-label={label}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      onMouseLeave={() => setHoverValue(null)}\n      ref={ref}\n      role=\"radiogroup\"\n      style={style}>\n      {Array.from({length: count}, (_, i) => {\n        const starValue = i + 1;\n        return (\n          // eslint-disable-next-line jsx-a11y-x/no-noninteractive-element-interactions -- label wraps its radio input\n          <label\n            className={classes.star}\n            key={i}\n            onMouseEnter={() => setHoverValue(starValue)}>\n            <input\n              checked={value === starValue}\n              className={classes.input}\n              name={groupId}\n              onChange={() => onChange(starValue)}\n              type=\"radio\"\n              value={starValue}\n            />\n            <VisuallyHidden>\n              {starValue} {starValue === 1 ? 'star' : 'stars'}\n            </VisuallyHidden>\n            <StarIcon\n              color={i < displayValue ? filledColor : emptyColor}\n              isFilled={i < displayValue}\n              size={size}\n            />\n          </label>\n        );\n      })}\n    </div>\n  );\n}\n\nRating.displayName = 'Rating';\n"]}

package/dist/{chunk-W3QVSVL7.cjs → chunk-L5YTMHDI.cjs}

@@ -1,10 +1,11 @@
 'use strict';
 
 var chunkVXBVSYPA_cjs = require('./chunk-VXBVSYPA.cjs');
-var chunkKFEXS6OK_cjs = require('./chunk-KFEXS6OK.cjs');
+var chunkBAPCHFNX_cjs = require('./chunk-BAPCHFNX.cjs');
 var chunk2P6D43V2_cjs = require('./chunk-2P6D43V2.cjs');
-var chunkYXYD5HKL_cjs = require('./chunk-YXYD5HKL.cjs');
-var chunkJMNH45Q3_cjs = require('./chunk-JMNH45Q3.cjs');
+var chunkKFDHP4WP_cjs = require('./chunk-KFDHP4WP.cjs');
+var chunkQEFE4QBL_cjs = require('./chunk-QEFE4QBL.cjs');
+var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
@@ -58,14 +59,14 @@ function TextArea({
   ref
 }) {
   const inputId = react.useId();
-  const descriptionID = description != null ? `${inputId}-description` : void 0;
+  const descriptionID = chunkQAO6QMNQ_cjs.isReactNode(description) ? `${inputId}-description` : void 0;
   const statusMessageID = chunk2P6D43V2_cjs.getStatusMessageID(inputId, status);
   const counterID = maxLength != null ? `${inputId}-counter` : void 0;
   const describedBy = chunk2P6D43V2_cjs.getDescribedBy(descriptionID, statusMessageID, counterID);
   const isOverLimit = maxLength != null && value.length > maxLength;
-  const necessity = chunkKFEXS6OK_cjs.getNecessity(isOptional, isRequired);
+  const necessity = chunkBAPCHFNX_cjs.getNecessity(isOptional, isRequired);
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkKFEXS6OK_cjs.Field,
+    chunkBAPCHFNX_cjs.Field,
     {
       className,
       description,
@@ -118,13 +119,13 @@ function TextArea({
                   value
                 }
               ),
-              isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkYXYD5HKL_cjs.Spinner, { size: "sm" }) : null,
+              isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkKFDHP4WP_cjs.Spinner, { size: "sm" }) : null,
               status != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkVXBVSYPA_cjs.inputStyles.iconSlot, children: chunk2P6D43V2_cjs.getStatusIcon(status.type) }) : null
             ]
           }
         ),
         maxLength != null ? /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkJMNH45Q3_cjs.Text,
+          chunkQEFE4QBL_cjs.Text,
           {
             as: "span",
             className: chunkSPDVNY2Z_cjs.cx(
@@ -148,5 +149,5 @@ function TextArea({
 TextArea.displayName = "TextArea";
 
 exports.TextArea = TextArea;
-//# sourceMappingURL=chunk-W3QVSVL7.cjs.map
-//# sourceMappingURL=chunk-W3QVSVL7.cjs.map
+//# sourceMappingURL=chunk-L5YTMHDI.cjs.map
+//# sourceMappingURL=chunk-L5YTMHDI.cjs.map

package/dist/chunk-L5YTMHDI.cjs.map

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

package/dist/{chunk-PNYF6NS4.cjs → chunk-L7BOLGF2.cjs}

@@ -1,5 +1,6 @@
 'use strict';
 
+var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
@@ -311,7 +312,7 @@ function TreeViewItem({
   ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.toggleSpacer, children: toggleIcon }) : null;
   const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     toggle,
-    startContent == null ? null : /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.startContent, children: startContent }),
+    !chunkQAO6QMNQ_cjs.isReactNode(startContent) ? null : /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.startContent, children: startContent }),
     href != null ? /* @__PURE__ */ jsxRuntime.jsx(
       "a",
       {
@@ -340,7 +341,7 @@ function TreeViewItem({
         children: labelAndDescription
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.content, children: labelAndDescription }),
-    endContent == null ? null : /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.endContent, children: endContent })
+    !chunkQAO6QMNQ_cjs.isReactNode(endContent) ? null : /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.endContent, children: endContent })
   ] });
   const marginLeft = hasChildren ? `calc(${nestedLevel} * 16px)` : `calc(${nestedLevel} * 16px + 24px)`;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -384,7 +385,7 @@ function TreeViewItem({
             children: content
           }
         ) }),
-        isExpanded && renderedChildren != null ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: styles2.childGroup, role: "group", children: renderedChildren }) : null
+        isExpanded && chunkQAO6QMNQ_cjs.isReactNode(renderedChildren) ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: styles2.childGroup, role: "group", children: renderedChildren }) : null
       ]
     }
   );
@@ -689,11 +690,11 @@ function TreeView({
       ref,
       style,
       children: [
-        header == null ? null : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles3.header, id: headerId, children: header }),
+        !chunkQAO6QMNQ_cjs.isReactNode(header) ? null : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles3.header, id: headerId, children: header }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "ul",
           {
-            "aria-labelledby": header == null ? void 0 : headerId,
+            "aria-labelledby": !chunkQAO6QMNQ_cjs.isReactNode(header) ? void 0 : headerId,
             className: styles3.list,
             role: "tree",
             children: renderItems(items, 0, [])
@@ -706,5 +707,5 @@ function TreeView({
 TreeView.displayName = "TreeView";
 
 exports.TreeView = TreeView;
-//# sourceMappingURL=chunk-PNYF6NS4.cjs.map
-//# sourceMappingURL=chunk-PNYF6NS4.cjs.map
+//# sourceMappingURL=chunk-L7BOLGF2.cjs.map
+//# sourceMappingURL=chunk-L7BOLGF2.cjs.map