silver-ui 0.4.0 → 0.6.0

package/README.md

@@ -202,71 +202,7 @@ mode details, scoped theming examples, and per-instance overrides.
 
 ## Contributing
 
-### Prerequisites
-
-- [Node.js](https://nodejs.org/) >= 22
-- [pnpm](https://pnpm.io/) >= 11 (`corepack enable` uses the version pinned in `package.json`)
-
-### Setup
-
-```bash
-git clone <repo-url>
-cd silver-ui
-pnpm install
-```
-
-This runs `panda codegen` automatically via the `prepare` script.
-
-### Development
-
-Start Storybook for interactive component development:
-
-```bash
-pnpm dev
-```
-
-This launches Storybook at `http://localhost:6006`.
-
-### Scripts
-
-| Script                 | Description                  |
-| ---------------------- | ---------------------------- |
-| `pnpm storybook`       | Start Storybook dev server   |
-| `pnpm build`           | Build the library (JS + CSS) |
-| `pnpm build:storybook` | Build static Storybook site  |
-| `pnpm test`            | Run tests                    |
-| `pnpm test:watch`      | Run tests in watch mode      |
-| `pnpm lint`            | Run ESLint                   |
-| `pnpm lint:fix`        | Run ESLint with auto-fix     |
-| `pnpm format`          | Format code with Prettier    |
-| `pnpm format:check`    | Check formatting             |
-| `pnpm typecheck`       | Type-check with TypeScript   |
-| `pnpm clean`           | Remove build artifacts       |
-
-### Adding a new component
-
-1. Create a directory: `src/components/MyComponent/`
-2. Add the recipe file (`MyComponent.recipe.ts`) using `cva` or `sva`
-3. Add the component file (`MyComponent.tsx`) — must accept `className`, `style`, and `ref`
-4. Add tests (`MyComponent.test.tsx`) and stories (`MyComponent.stories.tsx`)
-5. Add a barrel export (`index.ts`) and re-export from `src/index.ts`
-
-### Pre-commit hooks
-
-Commits automatically run:
-
-- **ESLint** on staged `.ts`/`.tsx` files
-- **Prettier** on staged files
-- **TypeScript** type-checking on the full project
-
-### Build output
-
-`pnpm build` produces:
-
-- `dist/index.js` — ESM bundle
-- `dist/index.cjs` — CJS bundle
-- `dist/index.d.ts` — TypeScript declarations
-- `dist/styles.css` — All component styles (import this in consuming apps)
+See [CONTRIBUTING.md](CONTRIBUTING.md) for setup, development scripts, and component contribution guidelines.
 
 ## License
 

package/dist/{chunk-JYVYCU22.cjs → chunk-27EAV2GT.cjs}

@@ -38,5 +38,5 @@ function NavIcon({
 NavIcon.displayName = "NavIcon";
 
 exports.NavIcon = NavIcon;
-//# sourceMappingURL=chunk-JYVYCU22.cjs.map
-//# sourceMappingURL=chunk-JYVYCU22.cjs.map
+//# sourceMappingURL=chunk-27EAV2GT.cjs.map
+//# sourceMappingURL=chunk-27EAV2GT.cjs.map

package/dist/chunk-27EAV2GT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavIcon/NavIcon.tsx"],"names":["css","jsx","cx"],"mappings":";;;;;;AA2BA,IAAM,MAAA,GAAS;AAAA,EACb,MAAMA,qBAAA,CAAI;AAAA,IACR,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,YAAA,EAAc,MAAA;AAAA,IACd,EAAA,EAAI,SAAA;AAAA,IACJ,KAAA,EAAO,cAAA;AAAA,IACP,UAAA,EAAY,CAAA;AAAA,IACZ,CAAA,EAAG,cAAA;AAAA,IACH,CAAA,EAAG;AAAA,GACJ;AACH,CAAA;AAMO,SAAS,OAAA,CAAQ;AAAA,EACtB,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,IAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAA,EAAoC;AAClC,EAAA,uBACEC,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,oBAAA,CAAG,MAAA,CAAO,IAAA,EAAM,SAAS,CAAA;AAAA,MACpC,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,KAAA;AAAA,MACC,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-27EAV2GT.cjs","sourcesContent":["import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {cx} from 'internal/cx';\nimport {css} from 'styled-system/css';\n\nexport interface NavIconProps {\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   * The icon element to render inside the circular background.\n   */\n  icon: ReactNode;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLSpanElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  base: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 'full',\n    bg: 'primary',\n    color: 'fg.onPrimary',\n    flexShrink: 0,\n    w: 'component.sm',\n    h: 'component.sm',\n  }),\n};\n\n/**\n * Circular icon container for navigation headers.\n * Wraps an icon with a circular accent-colored background.\n */\nexport function NavIcon({\n  className,\n  'data-testid': dataTestId,\n  icon,\n  ref,\n  style,\n}: NavIconProps): React.JSX.Element {\n  return (\n    <span\n      className={cx(styles.base, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {icon}\n    </span>\n  );\n}\n\nNavIcon.displayName = 'NavIcon';\n"]}

package/dist/{chunk-SR5VVJ5Y.cjs → chunk-2K4I2MB3.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkGYVWTH3U_cjs = require('./chunk-GYVWTH3U.cjs');
+var chunk2MXK2SDR_cjs = require('./chunk-2MXK2SDR.cjs');
 var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var react = require('react');
@@ -130,9 +130,9 @@ function Progress({
       style,
       children: [
         !isLabelHidden || showValueLabel ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.header, children: [
-          isLabelHidden ? /* @__PURE__ */ jsxRuntime.jsx(chunkGYVWTH3U_cjs.VisuallyHidden, { id: labelId, children: label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.label, id: labelId, children: label }),
+          isLabelHidden ? /* @__PURE__ */ jsxRuntime.jsx(chunk2MXK2SDR_cjs.VisuallyHidden, { id: labelId, children: label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.label, id: labelId, children: label }),
           showValueLabel ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.valueLabel, children: valueText }) : null
-        ] }) : /* @__PURE__ */ jsxRuntime.jsx(chunkGYVWTH3U_cjs.VisuallyHidden, { id: labelId, children: label }),
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx(chunk2MXK2SDR_cjs.VisuallyHidden, { id: labelId, children: label }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
@@ -160,5 +160,5 @@ function Progress({
 Progress.displayName = "Progress";
 
 exports.Progress = Progress;
-//# sourceMappingURL=chunk-SR5VVJ5Y.cjs.map
-//# sourceMappingURL=chunk-SR5VVJ5Y.cjs.map
+//# sourceMappingURL=chunk-2K4I2MB3.cjs.map
+//# sourceMappingURL=chunk-2K4I2MB3.cjs.map

package/dist/{chunk-SR5VVJ5Y.cjs.map → chunk-2K4I2MB3.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Progress/Progress.recipe.ts","../src/components/Progress/Progress.tsx"],"names":["sva","useId","jsxs","cx","jsx","VisuallyHidden"],"mappings":"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","file":"chunk-SR5VVJ5Y.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const progressRecipe = sva({\n  slots: ['container', 'header', 'label', 'valueLabel', 'track', 'fill'],\n  base: {\n    container: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '1',\n      w: 'full',\n      minW: '12',\n    },\n    header: {\n      display: 'flex',\n      alignItems: 'baseline',\n      justifyContent: 'space-between',\n      gap: '2',\n    },\n    label: {\n      color: 'fg',\n      fontFamily: 'body',\n      fontSize: 'sm',\n      fontWeight: 'medium',\n      lineHeight: 'normal',\n    },\n    valueLabel: {\n      color: 'fg.muted',\n      fontFamily: 'body',\n      fontSize: 'sm',\n      lineHeight: 'normal',\n      whiteSpace: 'nowrap',\n    },\n    track: {\n      w: 'full',\n      h: '2',\n      overflow: 'hidden',\n      borderRadius: 'full',\n      bg: 'bg.hover',\n    },\n    fill: {\n      h: 'full',\n      borderRadius: 'full',\n      transitionProperty: 'width',\n      transitionDuration: 'normal',\n      transitionTimingFunction: 'default',\n      '@media (prefers-reduced-motion: reduce)': {\n        transitionDuration: '0s',\n      },\n    },\n  },\n  variants: {\n    variant: {\n      error: {fill: {bg: 'status.error.solid'}},\n      info: {fill: {bg: 'status.info.solid'}},\n      neutral: {fill: {bg: 'status.neutral.solid'}},\n      success: {fill: {bg: 'status.success.solid'}},\n      warning: {fill: {bg: 'status.warning.solid'}},\n    },\n    isDisabled: {\n      true: {\n        fill: {bg: 'status.disabled.solid'},\n        label: {color: 'fg.disabled'},\n        valueLabel: {color: 'fg.disabled'},\n      },\n    },\n    isIndeterminate: {\n      true: {\n        fill: {\n          w: '40%',\n          animation: 'pulse 1.5s ease-in-out infinite',\n          transitionProperty: 'none',\n          transitionDuration: '0s',\n          '@media (prefers-reduced-motion: reduce)': {\n            animation: 'pulse 3s ease-in-out infinite',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'info',\n    isDisabled: false,\n    isIndeterminate: false,\n  },\n});\n\nexport type ProgressVariants = RecipeVariantProps<typeof progressRecipe>;\n","import {useId, type CSSProperties, type Ref} from 'react';\nimport {VisuallyHidden} from '../../internal/VisuallyHidden';\nimport {cx} from '../../internal/cx';\nimport {progressRecipe} from './Progress.recipe';\n\nexport type ProgressVariant =\n  | 'error'\n  | 'info'\n  | 'neutral'\n  | 'success'\n  | 'warning';\n\nexport interface ProgressProps {\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   * Custom formatter for the value label and aria-valuetext.\n   */\n  formatValueLabel?: (value: number, max: number) => string;\n  /**\n   * Whether to display the formatted value beside the label.\n   * @default false\n   */\n  hasValueLabel?: boolean;\n  /**\n   * Whether the progress bar is visually disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to render an indeterminate loading indicator.\n   * @default false\n   */\n  isIndeterminate?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Accessible label for the progress bar.\n   */\n  label: string;\n  /**\n   * Maximum progress value.\n   * @default 100\n   */\n  max?: number;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * ARIA role for the progress indicator. Use 'progressbar' for task\n   * completion and 'meter' for static gauges.\n   * @default 'progressbar'\n   */\n  role?: 'meter' | 'progressbar';\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Current progress value.\n   * @default 0\n   */\n  value?: number;\n  /**\n   * Semantic color variant.\n   * @default 'info'\n   */\n  variant?: ProgressVariant;\n}\n\nfunction defaultFormatValueLabel(value: number, max: number): string {\n  if (max <= 0) {\n    return '0%';\n  }\n  return `${Math.round((value / max) * 100)}%`;\n}\n\n/**\n * A progress bar that communicates determinate or indeterminate loading state.\n */\nexport function Progress({\n  className,\n  'data-testid': dataTestId,\n  formatValueLabel = defaultFormatValueLabel,\n  hasValueLabel = false,\n  isDisabled = false,\n  isIndeterminate = false,\n  isLabelHidden = false,\n  label,\n  max = 100,\n  ref,\n  role: roleProp = 'progressbar',\n  style,\n  value = 0,\n  variant = 'info',\n}: ProgressProps): React.JSX.Element {\n  const labelId = useId();\n\n  if (process.env.NODE_ENV !== 'production' && max <= 0) {\n    console.warn('Progress: `max` must be greater than 0.');\n  }\n\n  const clampedValue = Math.min(Math.max(0, value), max);\n  const percentage = max > 0 ? (clampedValue / max) * 100 : 0;\n  const valueText = formatValueLabel(clampedValue, max);\n  const showValueLabel = hasValueLabel && !isIndeterminate;\n  const classes = progressRecipe({variant, isDisabled, isIndeterminate});\n\n  return (\n    <div\n      className={cx(classes.container, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {!isLabelHidden || showValueLabel ? (\n        <div className={classes.header}>\n          {isLabelHidden ? (\n            <VisuallyHidden id={labelId}>{label}</VisuallyHidden>\n          ) : (\n            <span className={classes.label} id={labelId}>\n              {label}\n            </span>\n          )}\n          {showValueLabel ? (\n            <span className={classes.valueLabel}>{valueText}</span>\n          ) : null}\n        </div>\n      ) : (\n        <VisuallyHidden id={labelId}>{label}</VisuallyHidden>\n      )}\n\n      <div\n        aria-disabled={isDisabled || undefined}\n        aria-labelledby={labelId}\n        aria-valuemax={isIndeterminate ? undefined : max}\n        aria-valuemin={isIndeterminate ? undefined : 0}\n        aria-valuenow={isIndeterminate ? undefined : clampedValue}\n        aria-valuetext={isIndeterminate ? undefined : valueText}\n        className={classes.track}\n        role={isIndeterminate ? 'progressbar' : roleProp}>\n        <div\n          className={classes.fill}\n          style={isIndeterminate ? undefined : {width: `${percentage}%`}}\n        />\n      </div>\n    </div>\n  );\n}\n\nProgress.displayName = 'Progress';\n"]}
+{"version":3,"sources":["../src/components/Progress/Progress.recipe.ts","../src/components/Progress/Progress.tsx"],"names":["sva","useId","jsxs","cx","jsx","VisuallyHidden"],"mappings":"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","file":"chunk-2K4I2MB3.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const progressRecipe = sva({\n  slots: ['container', 'header', 'label', 'valueLabel', 'track', 'fill'],\n  base: {\n    container: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '1',\n      w: 'full',\n      minW: '12',\n    },\n    header: {\n      display: 'flex',\n      alignItems: 'baseline',\n      justifyContent: 'space-between',\n      gap: '2',\n    },\n    label: {\n      color: 'fg',\n      fontFamily: 'body',\n      fontSize: 'sm',\n      fontWeight: 'medium',\n      lineHeight: 'normal',\n    },\n    valueLabel: {\n      color: 'fg.muted',\n      fontFamily: 'body',\n      fontSize: 'sm',\n      lineHeight: 'normal',\n      whiteSpace: 'nowrap',\n    },\n    track: {\n      w: 'full',\n      h: '2',\n      overflow: 'hidden',\n      borderRadius: 'full',\n      bg: 'bg.hover',\n    },\n    fill: {\n      h: 'full',\n      borderRadius: 'full',\n      transitionProperty: 'width',\n      transitionDuration: 'normal',\n      transitionTimingFunction: 'default',\n      '@media (prefers-reduced-motion: reduce)': {\n        transitionDuration: '0s',\n      },\n    },\n  },\n  variants: {\n    variant: {\n      error: {fill: {bg: 'status.error.solid'}},\n      info: {fill: {bg: 'status.info.solid'}},\n      neutral: {fill: {bg: 'status.neutral.solid'}},\n      success: {fill: {bg: 'status.success.solid'}},\n      warning: {fill: {bg: 'status.warning.solid'}},\n    },\n    isDisabled: {\n      true: {\n        fill: {bg: 'status.disabled.solid'},\n        label: {color: 'fg.disabled'},\n        valueLabel: {color: 'fg.disabled'},\n      },\n    },\n    isIndeterminate: {\n      true: {\n        fill: {\n          w: '40%',\n          animation: 'pulse 1.5s ease-in-out infinite',\n          transitionProperty: 'none',\n          transitionDuration: '0s',\n          '@media (prefers-reduced-motion: reduce)': {\n            animation: 'pulse 3s ease-in-out infinite',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'info',\n    isDisabled: false,\n    isIndeterminate: false,\n  },\n});\n\nexport type ProgressVariants = RecipeVariantProps<typeof progressRecipe>;\n","import {useId, type CSSProperties, type Ref} from 'react';\nimport {progressRecipe} from 'components/Progress/Progress.recipe';\nimport {VisuallyHidden} from 'internal/VisuallyHidden';\nimport {cx} from 'internal/cx';\n\nexport type ProgressVariant =\n  | 'error'\n  | 'info'\n  | 'neutral'\n  | 'success'\n  | 'warning';\n\nexport interface ProgressProps {\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   * Custom formatter for the value label and aria-valuetext.\n   */\n  formatValueLabel?: (value: number, max: number) => string;\n  /**\n   * Whether to display the formatted value beside the label.\n   * @default false\n   */\n  hasValueLabel?: boolean;\n  /**\n   * Whether the progress bar is visually disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to render an indeterminate loading indicator.\n   * @default false\n   */\n  isIndeterminate?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Accessible label for the progress bar.\n   */\n  label: string;\n  /**\n   * Maximum progress value.\n   * @default 100\n   */\n  max?: number;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * ARIA role for the progress indicator. Use 'progressbar' for task\n   * completion and 'meter' for static gauges.\n   * @default 'progressbar'\n   */\n  role?: 'meter' | 'progressbar';\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Current progress value.\n   * @default 0\n   */\n  value?: number;\n  /**\n   * Semantic color variant.\n   * @default 'info'\n   */\n  variant?: ProgressVariant;\n}\n\nfunction defaultFormatValueLabel(value: number, max: number): string {\n  if (max <= 0) {\n    return '0%';\n  }\n  return `${Math.round((value / max) * 100)}%`;\n}\n\n/**\n * A progress bar that communicates determinate or indeterminate loading state.\n */\nexport function Progress({\n  className,\n  'data-testid': dataTestId,\n  formatValueLabel = defaultFormatValueLabel,\n  hasValueLabel = false,\n  isDisabled = false,\n  isIndeterminate = false,\n  isLabelHidden = false,\n  label,\n  max = 100,\n  ref,\n  role: roleProp = 'progressbar',\n  style,\n  value = 0,\n  variant = 'info',\n}: ProgressProps): React.JSX.Element {\n  const labelId = useId();\n\n  if (process.env.NODE_ENV !== 'production' && max <= 0) {\n    console.warn('Progress: `max` must be greater than 0.');\n  }\n\n  const clampedValue = Math.min(Math.max(0, value), max);\n  const percentage = max > 0 ? (clampedValue / max) * 100 : 0;\n  const valueText = formatValueLabel(clampedValue, max);\n  const showValueLabel = hasValueLabel && !isIndeterminate;\n  const classes = progressRecipe({variant, isDisabled, isIndeterminate});\n\n  return (\n    <div\n      className={cx(classes.container, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {!isLabelHidden || showValueLabel ? (\n        <div className={classes.header}>\n          {isLabelHidden ? (\n            <VisuallyHidden id={labelId}>{label}</VisuallyHidden>\n          ) : (\n            <span className={classes.label} id={labelId}>\n              {label}\n            </span>\n          )}\n          {showValueLabel ? (\n            <span className={classes.valueLabel}>{valueText}</span>\n          ) : null}\n        </div>\n      ) : (\n        <VisuallyHidden id={labelId}>{label}</VisuallyHidden>\n      )}\n\n      <div\n        aria-disabled={isDisabled || undefined}\n        aria-labelledby={labelId}\n        aria-valuemax={isIndeterminate ? undefined : max}\n        aria-valuemin={isIndeterminate ? undefined : 0}\n        aria-valuenow={isIndeterminate ? undefined : clampedValue}\n        aria-valuetext={isIndeterminate ? undefined : valueText}\n        className={classes.track}\n        role={isIndeterminate ? 'progressbar' : roleProp}>\n        <div\n          className={classes.fill}\n          style={isIndeterminate ? undefined : {width: `${percentage}%`}}\n        />\n      </div>\n    </div>\n  );\n}\n\nProgress.displayName = 'Progress';\n"]}

package/dist/{chunk-GYVWTH3U.cjs → chunk-2MXK2SDR.cjs}

@@ -28,5 +28,5 @@ function VisuallyHidden({
 VisuallyHidden.displayName = "VisuallyHidden";
 
 exports.VisuallyHidden = VisuallyHidden;
-//# sourceMappingURL=chunk-GYVWTH3U.cjs.map
-//# sourceMappingURL=chunk-GYVWTH3U.cjs.map
+//# sourceMappingURL=chunk-2MXK2SDR.cjs.map
+//# sourceMappingURL=chunk-2MXK2SDR.cjs.map

package/dist/chunk-2MXK2SDR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internal/VisuallyHidden.tsx"],"names":["css","jsx","cx"],"mappings":";;;;;;AAYA,IAAM,MAAA,GAAS;AAAA,EACb,MAAMA,qBAAA,CAAI;AAAA,IACR,QAAA,EAAU,UAAA;AAAA,IACV,CAAA,EAAG,KAAA;AAAA,IACH,CAAA,EAAG,KAAA;AAAA,IACH,CAAA,EAAG,CAAA;AAAA,IACH,CAAA,EAAG,MAAA;AAAA,IACH,QAAA,EAAU,QAAA;AAAA,IACV,QAAA,EAAU,YAAA;AAAA,IACV,UAAA,EAAY,QAAA;AAAA,IACZ,WAAA,EAAa;AAAA,GACd;AACH,CAAA;AAEO,SAAS,cAAA,CAAe;AAAA,EAC7B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAqC;AACnC,EAAA,uBACEC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAWC,oBAAA,CAAG,MAAA,CAAO,IAAA,EAAM,SAAS,CAAA,EAAG,GAAA,EAAW,GAAG,KAAA,EACxD,QAAA,EACH,CAAA;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA","file":"chunk-2MXK2SDR.cjs","sourcesContent":["import type {ComponentPropsWithoutRef, JSX, ReactNode, Ref} from 'react';\nimport {cx} from 'internal/cx';\nimport {css} from 'styled-system/css';\n\nexport interface VisuallyHiddenProps extends Omit<\n  ComponentPropsWithoutRef<'span'>,\n  'ref'\n> {\n  children?: ReactNode;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nconst styles = {\n  root: css({\n    position: 'absolute',\n    w: '1px',\n    h: '1px',\n    p: 0,\n    m: '-1px',\n    overflow: 'hidden',\n    clipPath: 'inset(50%)',\n    whiteSpace: 'nowrap',\n    borderWidth: 0,\n  }),\n};\n\nexport function VisuallyHidden({\n  children,\n  className,\n  ref,\n  ...props\n}: VisuallyHiddenProps): JSX.Element {\n  return (\n    <span className={cx(styles.root, className)} ref={ref} {...props}>\n      {children}\n    </span>\n  );\n}\n\nVisuallyHidden.displayName = 'VisuallyHidden';\n"]}

package/dist/{chunk-AP7BDTTF.js → chunk-2SN3KVWF.js}

@@ -1,6 +1,6 @@
-import { DropdownMenu } from './chunk-NFABMGNH.js';
-import { ButtonGroup } from './chunk-4CVDLMD6.js';
-import { Button } from './chunk-2LABTS4P.js';
+import { DropdownMenu } from './chunk-C6EWA3H2.js';
+import { ButtonGroup } from './chunk-D3CHBU46.js';
+import { Button } from './chunk-HMJINNXZ.js';
 import { ChevronDown } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -74,5 +74,5 @@ function SplitButton({
 SplitButton.displayName = "SplitButton";
 
 export { SplitButton };
-//# sourceMappingURL=chunk-AP7BDTTF.js.map
-//# sourceMappingURL=chunk-AP7BDTTF.js.map
+//# sourceMappingURL=chunk-2SN3KVWF.js.map
+//# sourceMappingURL=chunk-2SN3KVWF.js.map

package/dist/chunk-2SN3KVWF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SplitButton/SplitButton.tsx"],"names":[],"mappings":";;;;;;AA2FO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,UAAA;AAAA,EACA,YAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,SAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA,GAAY,cAAA;AAAA,EACZ,SAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,YAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU;AACZ,CAAA,EAAwC;AACtC,EAAA,uBACE,IAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAa,UAAA;AAAA,YACb,UAAA;AAAA,YACA,IAAA;AAAA,YACA,SAAA;AAAA,YACA,KAAA;AAAA,YACA,OAAA;AAAA,YACA,GAAA;AAAA,YACA,YAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,wBACA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,MAAA,EAAQ;AAAA,cACN,IAAA,EAAM,WAAA;AAAA,cACN,UAAA,EAAY,IAAA;AAAA,cACZ,KAAA,EAAO,SAAA;AAAA,cACP;AAAA,aACF;AAAA,YACA,YAAA;AAAA,YACA,UAAA,EAAY,KAAA;AAAA,YACZ,UAAA;AAAA,YACA,KAAA;AAAA,YACA,SAAA;AAAA,YACA,YAAA;AAAA,YACC;AAAA;AAAA;AACH;AAAA;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-2SN3KVWF.js","sourcesContent":["import {ChevronDown} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Button, type ButtonProps, type ButtonSize} from 'components/Button';\nimport {ButtonGroup} from 'components/ButtonGroup';\nimport {DropdownMenu, type DropdownMenuOption} from 'components/DropdownMenu';\nimport type {IconComponent} from 'components/Icon';\n\n/**\n * A directly-clickable primary action paired with an attached chevron toggle\n * that opens a menu of related actions. A thin composition of `ButtonGroup`,\n * `Button`, and `DropdownMenu`.\n */\nexport interface SplitButtonProps extends Pick<\n  ButtonProps,\n  'endContent' | 'isLoading' | 'onClick' | 'startContent'\n> {\n  /**\n   * Compound menu content (`<DropdownMenuItem>`), an alternative to `items`.\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 primary action button.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to auto-focus the first menu item on open.\n   * @default true\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Icon rendered before the primary action's label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether both the primary action and the menu toggle are disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Controlled open state of the menu.\n   */\n  isMenuOpen?: boolean;\n  /**\n   * Data-driven menu items (alternative to `children`).\n   */\n  items?: ReadonlyArray<DropdownMenuOption>;\n  /**\n   * Visible text for the primary action. Also used as the group's accessible\n   * label.\n   */\n  label: string;\n  /**\n   * Accessible label for the chevron toggle that opens the menu.\n   * @default 'More actions'\n   */\n  menuLabel?: string;\n  /**\n   * Width of the menu surface.\n   */\n  menuWidth?: number | string;\n  /**\n   * Called when the menu open state changes.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Ref forwarded to the primary action button.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Default size for both buttons.\n   * @default 'md'\n   */\n  size?: ButtonSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Visual style variant shared by both buttons.\n   * @default 'secondary'\n   */\n  variant?: ButtonProps['variant'];\n}\n\n/**\n * A directly-clickable primary action paired with an attached chevron toggle\n * that opens a menu of related actions.\n */\nexport function SplitButton({\n  children,\n  className,\n  'data-testid': dataTestId,\n  endContent,\n  hasAutoFocus,\n  icon,\n  isDisabled = false,\n  isLoading,\n  isMenuOpen,\n  items,\n  label,\n  menuLabel = 'More actions',\n  menuWidth,\n  onClick,\n  onOpenChange,\n  ref,\n  size = 'md',\n  startContent,\n  style,\n  variant = 'secondary',\n}: SplitButtonProps): React.JSX.Element {\n  return (\n    <ButtonGroup\n      className={className}\n      isDisabled={isDisabled}\n      label={label}\n      size={size}\n      style={style}>\n      <Button\n        data-testid={dataTestId}\n        endContent={endContent}\n        icon={icon}\n        isLoading={isLoading}\n        label={label}\n        onClick={onClick}\n        ref={ref}\n        startContent={startContent}\n        variant={variant}\n      />\n      <DropdownMenu\n        button={{\n          icon: ChevronDown,\n          isIconOnly: true,\n          label: menuLabel,\n          variant,\n        }}\n        hasAutoFocus={hasAutoFocus}\n        hasChevron={false}\n        isMenuOpen={isMenuOpen}\n        items={items}\n        menuWidth={menuWidth}\n        onOpenChange={onOpenChange}>\n        {children}\n      </DropdownMenu>\n    </ButtonGroup>\n  );\n}\n\nSplitButton.displayName = 'SplitButton';\n"]}

package/dist/{chunk-SCGXGVNN.cjs → chunk-3IDT3PZC.cjs}

@@ -1,15 +1,15 @@
 'use strict';
 
-var chunkDVGLYE3G_cjs = require('./chunk-DVGLYE3G.cjs');
-var chunk2P6D43V2_cjs = require('./chunk-2P6D43V2.cjs');
+var chunkSKZNSOB7_cjs = require('./chunk-SKZNSOB7.cjs');
+var chunkXPHXAZCE_cjs = require('./chunk-XPHXAZCE.cjs');
 var chunkXLNRO3S6_cjs = require('./chunk-XLNRO3S6.cjs');
-var chunkSBS7U7CN_cjs = require('./chunk-SBS7U7CN.cjs');
-var chunkM26XECB2_cjs = require('./chunk-M26XECB2.cjs');
-var chunkGYVWTH3U_cjs = require('./chunk-GYVWTH3U.cjs');
-var chunk7CCXHH6Y_cjs = require('./chunk-7CCXHH6Y.cjs');
+var chunkGU65FGY6_cjs = require('./chunk-GU65FGY6.cjs');
+var chunk2MXK2SDR_cjs = require('./chunk-2MXK2SDR.cjs');
+var chunkMHAXS4GO_cjs = require('./chunk-MHAXS4GO.cjs');
+var chunkGJZAGTPV_cjs = require('./chunk-GJZAGTPV.cjs');
 var chunk6SHL7FYO_cjs = require('./chunk-6SHL7FYO.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
-var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
+var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
 var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var lucideReact = require('lucide-react');
@@ -135,8 +135,8 @@ function CheckboxInput({
   const inputId = react.useId();
   const descriptionId = react.useId();
   const inputRef = react.useRef(null);
-  const statusMessageID = chunk2P6D43V2_cjs.getStatusMessageID(inputId, status);
-  const describedBy = chunk2P6D43V2_cjs.getDescribedBy(
+  const statusMessageID = chunkXPHXAZCE_cjs.getStatusMessageID(inputId, status);
+  const describedBy = chunkXPHXAZCE_cjs.getDescribedBy(
     chunkQAO6QMNQ_cjs.isReactNode(description) ? descriptionId : void 0,
     statusMessageID
   );
@@ -190,23 +190,23 @@ function CheckboxInput({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: classes.box, children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunkSBS7U7CN_cjs.Spinner,
+      chunkGU65FGY6_cjs.Spinner,
       {
         size: "sm",
         variant: isCheckedOrIndeterminate ? "onMedia" : "default"
       }
-    ) : isIndeterminate ? /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { className: classes.icon, icon: lucideReact.Minus }) : isChecked ? /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { className: classes.icon, icon: lucideReact.Check }) : null })
+    ) : isIndeterminate ? /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { className: classes.icon, icon: lucideReact.Minus }) : isChecked ? /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { className: classes.icon, icon: lucideReact.Check }) : null })
   ] });
   const labelContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    labelIcon != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { color: "secondary", icon: labelIcon, size: "sm" }) : null,
+    labelIcon != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { color: "secondary", icon: labelIcon, size: "sm" }) : null,
     label,
-    statusText != null ? /* @__PURE__ */ jsxRuntime.jsxs(chunkM26XECB2_cjs.Text, { as: "span", className: classes.indicator, type: "supporting", children: [
+    statusText != null ? /* @__PURE__ */ jsxRuntime.jsxs(chunkMHAXS4GO_cjs.Text, { as: "span", className: classes.indicator, type: "supporting", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: " \xB7 " }),
       statusText
     ] }) : null,
-    chunkQAO6QMNQ_cjs.isReactNode(labelTooltip) ? /* @__PURE__ */ jsxRuntime.jsx(chunk7CCXHH6Y_cjs.Tooltip, { content: labelTooltip, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.tooltipIcon, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { icon: lucideReact.Info, size: "sm" }) }) }) : null
+    chunkQAO6QMNQ_cjs.isReactNode(labelTooltip) ? /* @__PURE__ */ jsxRuntime.jsx(chunkGJZAGTPV_cjs.Tooltip, { content: labelTooltip, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.tooltipIcon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { icon: lucideReact.Info, size: "sm" }) }) }) : null
   ] });
-  const labelNode = /* @__PURE__ */ jsxRuntime.jsx("label", { className: classes.label, htmlFor: inputId, children: isLabelHidden ? /* @__PURE__ */ jsxRuntime.jsx(chunkGYVWTH3U_cjs.VisuallyHidden, { children: labelContent }) : labelContent });
+  const labelNode = /* @__PURE__ */ jsxRuntime.jsx("label", { className: classes.label, htmlFor: inputId, children: isLabelHidden ? /* @__PURE__ */ jsxRuntime.jsx(chunk2MXK2SDR_cjs.VisuallyHidden, { children: labelContent }) : labelContent });
   const statusNode = status?.message != null ? /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -221,7 +221,7 @@ function CheckboxInput({
     }
   ) : null;
   const item = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkDVGLYE3G_cjs.Item,
+    chunkSKZNSOB7_cjs.Item,
     {
       description: chunkQAO6QMNQ_cjs.isReactNode(description) ? /* @__PURE__ */ jsxRuntime.jsx("span", { id: descriptionId, children: description }) : void 0,
       endContent,
@@ -240,5 +240,5 @@ function CheckboxInput({
 CheckboxInput.displayName = "CheckboxInput";
 
 exports.CheckboxInput = CheckboxInput;
-//# sourceMappingURL=chunk-SCGXGVNN.cjs.map
-//# sourceMappingURL=chunk-SCGXGVNN.cjs.map
+//# sourceMappingURL=chunk-3IDT3PZC.cjs.map
+//# sourceMappingURL=chunk-3IDT3PZC.cjs.map

package/dist/{chunk-SCGXGVNN.cjs.map → chunk-3IDT3PZC.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CheckboxInput/CheckboxInput.recipe.ts","../src/components/CheckboxInput/CheckboxInput.tsx"],"names":["sva","useId","useRef","getStatusMessageID","getDescribedBy","isReactNode","useEffect","jsxs","jsx","cx","mergeRefs","Spinner","Icon","Minus","Check","Fragment","Text","Tooltip","Info","VisuallyHidden","fieldRecipe","Item"],"mappings":"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","file":"chunk-SCGXGVNN.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const checkboxInputRecipe = sva({\n  slots: [\n    'root',\n    'boxWrap',\n    'input',\n    'box',\n    'icon',\n    'label',\n    'indicator',\n    'tooltipIcon',\n  ],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    boxWrap: {\n      position: 'relative',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n    },\n    input: {\n      position: 'absolute',\n      inset: 0,\n      opacity: 0,\n      cursor: 'pointer',\n      _disabled: {\n        cursor: 'not-allowed',\n      },\n    },\n    box: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderWidth: 'default',\n      borderStyle: 'solid',\n      borderColor: 'border.emphasized',\n      borderRadius: 'sm',\n      bg: 'bg',\n      color: 'fg.onPrimary',\n      pointerEvents: 'none',\n      _peerFocusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n      },\n    },\n    icon: {\n      w: '70%',\n      h: '70%',\n    },\n    label: {\n      cursor: 'pointer',\n    },\n    indicator: {\n      fontWeight: 'normal',\n      color: 'fg.muted',\n    },\n    tooltipIcon: {\n      display: 'inline-flex',\n      color: 'fg.muted',\n    },\n  },\n  variants: {\n    size: {\n      sm: {box: {w: '4.5', h: '4.5'}},\n      md: {box: {w: '5.5', h: '5.5'}},\n    },\n    isChecked: {\n      true: {box: {bg: 'primary', borderColor: 'primary'}},\n      false: {},\n    },\n    isDisabled: {\n      true: {\n        box: {opacity: 0.55},\n        label: {cursor: 'not-allowed'},\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    isChecked: false,\n    isDisabled: false,\n  },\n});\n\nexport type CheckboxInputVariants = RecipeVariantProps<\n  typeof checkboxInputRecipe\n>;\n","import {Check, Info, Minus} from 'lucide-react';\nimport {\n  useEffect,\n  useId,\n  useRef,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {VisuallyHidden} from '../../internal/VisuallyHidden';\nimport {cx} from '../../internal/cx';\nimport isReactNode from '../../internal/isReactNode';\nimport {mergeRefs} from '../../internal/mergeRefs';\nimport type {FieldNecessity, InputStatus} from '../Field';\nimport {fieldRecipe} from '../Field/Field.recipe';\nimport {getDescribedBy, getStatusMessageID} from '../Field/inputUtils';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Item} from '../Item';\nimport {Spinner} from '../Spinner';\nimport {Text} from '../Text';\nimport {Tooltip} from '../Tooltip';\nimport {checkboxInputRecipe} from './CheckboxInput.recipe';\n\nexport type CheckboxInputSize = 'sm' | 'md';\nexport type CheckboxInputValue = boolean | 'indeterminate';\n\nexport type CheckboxInputProps = {\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the input element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text rendered below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Content rendered after the label.\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 'inline'\n   */\n  endContentPosition?: 'end' | 'inline';\n  /**\n   * HTML name attribute for native form submission.\n   */\n  htmlName?: string;\n  /**\n   * Whether the checkbox 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 checkbox is in a loading state.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Whether the checkbox is read-only.\n   * @default false\n   */\n  isReadOnly?: boolean;\n  /**\n   * Field label text.\n   */\n  label: string;\n  /**\n   * Optional content shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Called when the input loses focus.\n   */\n  onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\n  /**\n   * Called when the checked state changes.\n   */\n  onChange: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * Called when the input receives focus.\n   */\n  onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\n  /**\n   * Ref forwarded to the input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Visual size of the checkbox.\n   * @default 'md'\n   */\n  size?: CheckboxInputSize;\n  /**\n   * Content rendered after the checkbox control and before the label.\n   */\n  startContent?: ReactNode;\n  /**\n   * Validation status displayed below the checkbox.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Current checked state: true, false, or 'indeterminate'.\n   */\n  value: CheckboxInputValue;\n} & FieldNecessity;\n\n/**\n * A checkbox input with label, description, and validation support.\n */\nexport function CheckboxInput({\n  label,\n  value,\n  onChange,\n  description,\n  endContent,\n  endContentPosition = 'inline',\n  htmlName,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isReadOnly = false,\n  isLoading = false,\n  status,\n  labelIcon,\n  labelTooltip,\n  size = 'md',\n  startContent,\n  onFocus,\n  onBlur,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: CheckboxInputProps): React.JSX.Element {\n  const inputId = useId();\n  const descriptionId = useId();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(\n    isReactNode(description) ? descriptionId : undefined,\n    statusMessageID,\n  );\n  const isIndeterminate = value === 'indeterminate';\n  const isChecked = value === true;\n  const isCheckedOrIndeterminate = isChecked || isIndeterminate;\n  const classes = checkboxInputRecipe({\n    size,\n    isChecked: isCheckedOrIndeterminate,\n    isDisabled,\n  });\n\n  useEffect(() => {\n    if (inputRef.current != null) {\n      inputRef.current.indeterminate = isIndeterminate;\n    }\n  }, [isIndeterminate]);\n\n  const statusText = isOptional ? 'Optional' : isRequired ? 'Required' : null;\n\n  const control = (\n    <span className={classes.boxWrap}>\n      <input\n        aria-busy={isLoading || undefined}\n        aria-checked={isIndeterminate ? 'mixed' : undefined}\n        aria-describedby={describedBy}\n        aria-invalid={status?.type === 'error' || undefined}\n        aria-readonly={isReadOnly || undefined}\n        checked={isChecked}\n        // `peer` is the marker class Panda's `_peerFocusVisible` selector on\n        // the box targets (`.peer:is(:focus-visible,…) ~ &`); without it the\n        // box's keyboard focus ring never renders.\n        className={cx('peer', classes.input)}\n        data-testid={dataTestId}\n        disabled={isDisabled}\n        id={inputId}\n        name={htmlName}\n        onBlur={onBlur}\n        onChange={event => {\n          if (isReadOnly) {\n            event.preventDefault();\n            return;\n          }\n          onChange(event.target.checked, event);\n        }}\n        onClick={event => {\n          // For checkboxes the native toggle happens during `click`, before\n          // `change` fires, so blocking only `onChange` lets the box flip\n          // momentarily until React resets it. Preventing the click stops the\n          // toggle outright — and covers label clicks and Space-key activation,\n          // which both dispatch a click on the input.\n          if (isReadOnly) {\n            event.preventDefault();\n          }\n        }}\n        onFocus={onFocus}\n        readOnly={isReadOnly}\n        ref={mergeRefs(ref, inputRef)}\n        required={isRequired}\n        type=\"checkbox\"\n      />\n      <span aria-hidden=\"true\" className={classes.box}>\n        {isLoading ? (\n          <Spinner\n            size=\"sm\"\n            variant={isCheckedOrIndeterminate ? 'onMedia' : 'default'}\n          />\n        ) : isIndeterminate ? (\n          <Icon className={classes.icon} icon={Minus} />\n        ) : isChecked ? (\n          <Icon className={classes.icon} icon={Check} />\n        ) : null}\n      </span>\n    </span>\n  );\n\n  const labelContent = (\n    <>\n      {labelIcon != null ? (\n        <Icon color=\"secondary\" icon={labelIcon} size=\"sm\" />\n      ) : null}\n      {label}\n      {statusText != null ? (\n        <Text as=\"span\" className={classes.indicator} type=\"supporting\">\n          <span aria-hidden=\"true\"> · </span>\n          {statusText}\n        </Text>\n      ) : null}\n      {isReactNode(labelTooltip) ? (\n        <Tooltip content={labelTooltip}>\n          <span className={classes.tooltipIcon}>\n            <Icon icon={Info} size=\"sm\" />\n          </span>\n        </Tooltip>\n      ) : null}\n    </>\n  );\n\n  const labelNode = (\n    <label className={classes.label} htmlFor={inputId}>\n      {isLabelHidden ? (\n        <VisuallyHidden>{labelContent}</VisuallyHidden>\n      ) : (\n        labelContent\n      )}\n    </label>\n  );\n\n  const statusNode =\n    status?.message != null ? (\n      <div\n        aria-live={status.type === 'error' ? 'assertive' : 'polite'}\n        className={\n          fieldRecipe({\n            statusType: status.type,\n            statusVariant: 'detached',\n          }).status\n        }\n        id={statusMessageID}\n        role={status.type === 'error' ? 'alert' : 'status'}>\n        {status.message}\n      </div>\n    ) : null;\n\n  const item = (\n    <Item\n      description={\n        isReactNode(description) ? (\n          <span id={descriptionId}>{description}</span>\n        ) : undefined\n      }\n      endContent={endContent}\n      endContentPosition={endContentPosition}\n      isDisabled={isDisabled}\n      label={labelNode}\n      leadingContent={control}\n      startContent={startContent}\n    />\n  );\n\n  return (\n    <div className={cx(classes.root, className)} style={style}>\n      {item}\n      {statusNode}\n    </div>\n  );\n}\n\nCheckboxInput.displayName = 'CheckboxInput';\n"]}
+{"version":3,"sources":["../src/components/CheckboxInput/CheckboxInput.recipe.ts","../src/components/CheckboxInput/CheckboxInput.tsx"],"names":["sva","useId","useRef","getStatusMessageID","getDescribedBy","isReactNode","useEffect","jsxs","jsx","cx","mergeRefs","Spinner","Icon","Minus","Check","Fragment","Text","Tooltip","Info","VisuallyHidden","fieldRecipe","Item"],"mappings":"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","file":"chunk-3IDT3PZC.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const checkboxInputRecipe = sva({\n  slots: [\n    'root',\n    'boxWrap',\n    'input',\n    'box',\n    'icon',\n    'label',\n    'indicator',\n    'tooltipIcon',\n  ],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    boxWrap: {\n      position: 'relative',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n    },\n    input: {\n      position: 'absolute',\n      inset: 0,\n      opacity: 0,\n      cursor: 'pointer',\n      _disabled: {\n        cursor: 'not-allowed',\n      },\n    },\n    box: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderWidth: 'default',\n      borderStyle: 'solid',\n      borderColor: 'border.emphasized',\n      borderRadius: 'sm',\n      bg: 'bg',\n      color: 'fg.onPrimary',\n      pointerEvents: 'none',\n      _peerFocusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n      },\n    },\n    icon: {\n      w: '70%',\n      h: '70%',\n    },\n    label: {\n      cursor: 'pointer',\n    },\n    indicator: {\n      fontWeight: 'normal',\n      color: 'fg.muted',\n    },\n    tooltipIcon: {\n      display: 'inline-flex',\n      color: 'fg.muted',\n    },\n  },\n  variants: {\n    size: {\n      sm: {box: {w: '4.5', h: '4.5'}},\n      md: {box: {w: '5.5', h: '5.5'}},\n    },\n    isChecked: {\n      true: {box: {bg: 'primary', borderColor: 'primary'}},\n      false: {},\n    },\n    isDisabled: {\n      true: {\n        box: {opacity: 0.55},\n        label: {cursor: 'not-allowed'},\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    isChecked: false,\n    isDisabled: false,\n  },\n});\n\nexport type CheckboxInputVariants = RecipeVariantProps<\n  typeof checkboxInputRecipe\n>;\n","import {Check, Info, Minus} from 'lucide-react';\nimport {\n  useEffect,\n  useId,\n  useRef,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {checkboxInputRecipe} from 'components/CheckboxInput/CheckboxInput.recipe';\nimport type {FieldNecessity, InputStatus} from 'components/Field';\nimport {fieldRecipe} from 'components/Field/Field.recipe';\nimport {getDescribedBy, getStatusMessageID} from 'components/Field/inputUtils';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Item} from 'components/Item';\nimport {Spinner} from 'components/Spinner';\nimport {Text} from 'components/Text';\nimport {Tooltip} from 'components/Tooltip';\nimport {VisuallyHidden} from 'internal/VisuallyHidden';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {mergeRefs} from 'internal/mergeRefs';\n\nexport type CheckboxInputSize = 'sm' | 'md';\nexport type CheckboxInputValue = boolean | 'indeterminate';\n\nexport type CheckboxInputProps = {\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the input element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text rendered below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Content rendered after the label.\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 'inline'\n   */\n  endContentPosition?: 'end' | 'inline';\n  /**\n   * HTML name attribute for native form submission.\n   */\n  htmlName?: string;\n  /**\n   * Whether the checkbox 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 checkbox is in a loading state.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Whether the checkbox is read-only.\n   * @default false\n   */\n  isReadOnly?: boolean;\n  /**\n   * Field label text.\n   */\n  label: string;\n  /**\n   * Optional content shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Called when the input loses focus.\n   */\n  onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\n  /**\n   * Called when the checked state changes.\n   */\n  onChange: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * Called when the input receives focus.\n   */\n  onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\n  /**\n   * Ref forwarded to the input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Visual size of the checkbox.\n   * @default 'md'\n   */\n  size?: CheckboxInputSize;\n  /**\n   * Content rendered after the checkbox control and before the label.\n   */\n  startContent?: ReactNode;\n  /**\n   * Validation status displayed below the checkbox.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Current checked state: true, false, or 'indeterminate'.\n   */\n  value: CheckboxInputValue;\n} & FieldNecessity;\n\n/**\n * A checkbox input with label, description, and validation support.\n */\nexport function CheckboxInput({\n  label,\n  value,\n  onChange,\n  description,\n  endContent,\n  endContentPosition = 'inline',\n  htmlName,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isReadOnly = false,\n  isLoading = false,\n  status,\n  labelIcon,\n  labelTooltip,\n  size = 'md',\n  startContent,\n  onFocus,\n  onBlur,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: CheckboxInputProps): React.JSX.Element {\n  const inputId = useId();\n  const descriptionId = useId();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(\n    isReactNode(description) ? descriptionId : undefined,\n    statusMessageID,\n  );\n  const isIndeterminate = value === 'indeterminate';\n  const isChecked = value === true;\n  const isCheckedOrIndeterminate = isChecked || isIndeterminate;\n  const classes = checkboxInputRecipe({\n    size,\n    isChecked: isCheckedOrIndeterminate,\n    isDisabled,\n  });\n\n  useEffect(() => {\n    if (inputRef.current != null) {\n      inputRef.current.indeterminate = isIndeterminate;\n    }\n  }, [isIndeterminate]);\n\n  const statusText = isOptional ? 'Optional' : isRequired ? 'Required' : null;\n\n  const control = (\n    <span className={classes.boxWrap}>\n      <input\n        aria-busy={isLoading || undefined}\n        aria-checked={isIndeterminate ? 'mixed' : undefined}\n        aria-describedby={describedBy}\n        aria-invalid={status?.type === 'error' || undefined}\n        aria-readonly={isReadOnly || undefined}\n        checked={isChecked}\n        // `peer` is the marker class Panda's `_peerFocusVisible` selector on\n        // the box targets (`.peer:is(:focus-visible,…) ~ &`); without it the\n        // box's keyboard focus ring never renders.\n        className={cx('peer', classes.input)}\n        data-testid={dataTestId}\n        disabled={isDisabled}\n        id={inputId}\n        name={htmlName}\n        onBlur={onBlur}\n        onChange={event => {\n          if (isReadOnly) {\n            event.preventDefault();\n            return;\n          }\n          onChange(event.target.checked, event);\n        }}\n        onClick={event => {\n          // For checkboxes the native toggle happens during `click`, before\n          // `change` fires, so blocking only `onChange` lets the box flip\n          // momentarily until React resets it. Preventing the click stops the\n          // toggle outright — and covers label clicks and Space-key activation,\n          // which both dispatch a click on the input.\n          if (isReadOnly) {\n            event.preventDefault();\n          }\n        }}\n        onFocus={onFocus}\n        readOnly={isReadOnly}\n        ref={mergeRefs(ref, inputRef)}\n        required={isRequired}\n        type=\"checkbox\"\n      />\n      <span aria-hidden=\"true\" className={classes.box}>\n        {isLoading ? (\n          <Spinner\n            size=\"sm\"\n            variant={isCheckedOrIndeterminate ? 'onMedia' : 'default'}\n          />\n        ) : isIndeterminate ? (\n          <Icon className={classes.icon} icon={Minus} />\n        ) : isChecked ? (\n          <Icon className={classes.icon} icon={Check} />\n        ) : null}\n      </span>\n    </span>\n  );\n\n  const labelContent = (\n    <>\n      {labelIcon != null ? (\n        <Icon color=\"secondary\" icon={labelIcon} size=\"sm\" />\n      ) : null}\n      {label}\n      {statusText != null ? (\n        <Text as=\"span\" className={classes.indicator} type=\"supporting\">\n          <span aria-hidden=\"true\"> · </span>\n          {statusText}\n        </Text>\n      ) : null}\n      {isReactNode(labelTooltip) ? (\n        <Tooltip content={labelTooltip}>\n          <span className={classes.tooltipIcon}>\n            <Icon icon={Info} size=\"sm\" />\n          </span>\n        </Tooltip>\n      ) : null}\n    </>\n  );\n\n  const labelNode = (\n    <label className={classes.label} htmlFor={inputId}>\n      {isLabelHidden ? (\n        <VisuallyHidden>{labelContent}</VisuallyHidden>\n      ) : (\n        labelContent\n      )}\n    </label>\n  );\n\n  const statusNode =\n    status?.message != null ? (\n      <div\n        aria-live={status.type === 'error' ? 'assertive' : 'polite'}\n        className={\n          fieldRecipe({\n            statusType: status.type,\n            statusVariant: 'detached',\n          }).status\n        }\n        id={statusMessageID}\n        role={status.type === 'error' ? 'alert' : 'status'}>\n        {status.message}\n      </div>\n    ) : null;\n\n  const item = (\n    <Item\n      description={\n        isReactNode(description) ? (\n          <span id={descriptionId}>{description}</span>\n        ) : undefined\n      }\n      endContent={endContent}\n      endContentPosition={endContentPosition}\n      isDisabled={isDisabled}\n      label={labelNode}\n      leadingContent={control}\n      startContent={startContent}\n    />\n  );\n\n  return (\n    <div className={cx(classes.root, className)} style={style}>\n      {item}\n      {statusNode}\n    </div>\n  );\n}\n\nCheckboxInput.displayName = 'CheckboxInput';\n"]}

package/dist/chunk-3NIDAKCF.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+var react = require('react');
+
+// src/internal/useScrollLock.ts
+var lockCount = 0;
+var previousOverflow = "";
+var previousPaddingRight = "";
+function useScrollLock(isLocked) {
+  react.useEffect(() => {
+    if (!isLocked) {
+      return;
+    }
+    if (lockCount === 0) {
+      const { body, documentElement } = document;
+      previousOverflow = body.style.overflow;
+      previousPaddingRight = body.style.paddingRight;
+      const scrollbarWidth = window.innerWidth - documentElement.clientWidth;
+      if (documentElement.clientWidth > 0 && scrollbarWidth > 0) {
+        const basePadding = parseFloat(window.getComputedStyle(body).paddingRight) || 0;
+        body.style.paddingRight = `${basePadding + scrollbarWidth}px`;
+      }
+      body.style.overflow = "hidden";
+    }
+    lockCount += 1;
+    return () => {
+      lockCount -= 1;
+      if (lockCount === 0) {
+        document.body.style.overflow = previousOverflow;
+        document.body.style.paddingRight = previousPaddingRight;
+      }
+    };
+  }, [isLocked]);
+}
+
+exports.useScrollLock = useScrollLock;
+//# sourceMappingURL=chunk-3NIDAKCF.cjs.map
+//# sourceMappingURL=chunk-3NIDAKCF.cjs.map

package/dist/chunk-3NIDAKCF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internal/useScrollLock.ts"],"names":["useEffect"],"mappings":";;;;;AAOA,IAAI,SAAA,GAAY,CAAA;AAChB,IAAI,gBAAA,GAAmB,EAAA;AACvB,IAAI,oBAAA,GAAuB,EAAA;AAQpB,SAAS,cAAc,QAAA,EAAyB;AACrD,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,QAAA,EAAU;AACb,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,cAAc,CAAA,EAAG;AACnB,MAAA,MAAM,EAAC,IAAA,EAAM,eAAA,EAAe,GAAI,QAAA;AAChC,MAAA,gBAAA,GAAmB,KAAK,KAAA,CAAM,QAAA;AAC9B,MAAA,oBAAA,GAAuB,KAAK,KAAA,CAAM,YAAA;AAKlC,MAAA,MAAM,cAAA,GAAiB,MAAA,CAAO,UAAA,GAAa,eAAA,CAAgB,WAAA;AAC3D,MAAA,IAAI,eAAA,CAAgB,WAAA,GAAc,CAAA,IAAK,cAAA,GAAiB,CAAA,EAAG;AACzD,QAAA,MAAM,cACJ,UAAA,CAAW,MAAA,CAAO,iBAAiB,IAAI,CAAA,CAAE,YAAY,CAAA,IAAK,CAAA;AAC5D,QAAA,IAAA,CAAK,KAAA,CAAM,YAAA,GAAe,CAAA,EAAG,WAAA,GAAc,cAAc,CAAA,EAAA,CAAA;AAAA,MAC3D;AACA,MAAA,IAAA,CAAK,MAAM,QAAA,GAAW,QAAA;AAAA,IACxB;AACA,IAAA,SAAA,IAAa,CAAA;AAEb,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,IAAa,CAAA;AACb,MAAA,IAAI,cAAc,CAAA,EAAG;AACnB,QAAA,QAAA,CAAS,IAAA,CAAK,MAAM,QAAA,GAAW,gBAAA;AAC/B,QAAA,QAAA,CAAS,IAAA,CAAK,MAAM,YAAA,GAAe,oBAAA;AAAA,MACrC;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AACf","file":"chunk-3NIDAKCF.cjs","sourcesContent":["import {useEffect} from 'react';\n\n// Module-level reference count so overlapping locks cooperate: e.g. a Lightbox\n// opened from within a Dialog. The body is unlocked only once every active lock\n// has been released. Without this shared count, an out-of-order unmount would\n// either unlock the body too early or leave it permanently locked, since each\n// component would save and restore `overflow` independently.\nlet lockCount = 0;\nlet previousOverflow = '';\nlet previousPaddingRight = '';\n\n/**\n * Locks body scroll while `isLocked` is true. Safe to call from multiple\n * components whose locks overlap; the body is restored only when the last one\n * releases. Compensates for the removed scrollbar width to avoid a layout\n * shift when the lock engages.\n */\nexport function useScrollLock(isLocked: boolean): void {\n  useEffect(() => {\n    if (!isLocked) {\n      return;\n    }\n\n    if (lockCount === 0) {\n      const {body, documentElement} = document;\n      previousOverflow = body.style.overflow;\n      previousPaddingRight = body.style.paddingRight;\n\n      // Reserve space for the scrollbar that `overflow: hidden` removes. Guard\n      // against environments without layout (e.g. jsdom reports clientWidth 0),\n      // where the difference is meaningless.\n      const scrollbarWidth = window.innerWidth - documentElement.clientWidth;\n      if (documentElement.clientWidth > 0 && scrollbarWidth > 0) {\n        const basePadding =\n          parseFloat(window.getComputedStyle(body).paddingRight) || 0;\n        body.style.paddingRight = `${basePadding + scrollbarWidth}px`;\n      }\n      body.style.overflow = 'hidden';\n    }\n    lockCount += 1;\n\n    return () => {\n      lockCount -= 1;\n      if (lockCount === 0) {\n        document.body.style.overflow = previousOverflow;\n        document.body.style.paddingRight = previousPaddingRight;\n      }\n    };\n  }, [isLocked]);\n}\n"]}

package/dist/chunk-3PEK2Q54.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var react = require('react');
+
+// src/internal/linkAccessibility.ts
+function getAriaLabel(label, opensInNewTab) {
+  if (!opensInNewTab) {
+    return label;
+  }
+  return label != null ? `${label} (opens in new tab)` : void 0;
+}
+function useRel({
+  isExternalLink = false,
+  target,
+  rel
+}) {
+  return react.useMemo(() => {
+    if (!isExternalLink && target !== "_blank") {
+      return rel;
+    }
+    const relValues = new Set((rel ?? "").split(/\s+/).filter(Boolean));
+    relValues.add("noopener");
+    relValues.add("noreferrer");
+    return Array.from(relValues).join(" ");
+  }, [isExternalLink, target, rel]);
+}
+
+exports.getAriaLabel = getAriaLabel;
+exports.useRel = useRel;
+//# sourceMappingURL=chunk-3PEK2Q54.cjs.map
+//# sourceMappingURL=chunk-3PEK2Q54.cjs.map

package/dist/chunk-3PEK2Q54.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internal/linkAccessibility.ts"],"names":["useMemo"],"mappings":";;;;;AAEO,SAAS,YAAA,CACd,OACA,aAAA,EACoB;AACpB,EAAA,IAAI,CAAC,aAAA,EAAe;AAClB,IAAA,OAAO,KAAA;AAAA,EACT;AAEA,EAAA,OAAO,KAAA,IAAS,IAAA,GAAO,CAAA,EAAG,KAAK,CAAA,mBAAA,CAAA,GAAwB,MAAA;AACzD;AAEO,SAAS,MAAA,CAAO;AAAA,EACrB,cAAA,GAAiB,KAAA;AAAA,EACjB,MAAA;AAAA,EACA;AACF,CAAA,EAIuB;AACrB,EAAA,OAAOA,cAAQ,MAAM;AACnB,IAAA,IAAI,CAAC,cAAA,IAAkB,MAAA,KAAW,QAAA,EAAU;AAC1C,MAAA,OAAO,GAAA;AAAA,IACT;AAEA,IAAA,MAAM,SAAA,GAAY,IAAI,GAAA,CAAA,CAAK,GAAA,IAAO,EAAA,EAAI,MAAM,KAAK,CAAA,CAAE,MAAA,CAAO,OAAO,CAAC,CAAA;AAClE,IAAA,SAAA,CAAU,IAAI,UAAU,CAAA;AACxB,IAAA,SAAA,CAAU,IAAI,YAAY,CAAA;AAE1B,IAAA,OAAO,KAAA,CAAM,IAAA,CAAK,SAAS,CAAA,CAAE,KAAK,GAAG,CAAA;AAAA,EACvC,CAAA,EAAG,CAAC,cAAA,EAAgB,MAAA,EAAQ,GAAG,CAAC,CAAA;AAClC","file":"chunk-3PEK2Q54.cjs","sourcesContent":["import {useMemo} from 'react';\n\nexport function getAriaLabel(\n  label: string | undefined,\n  opensInNewTab: boolean,\n): string | undefined {\n  if (!opensInNewTab) {\n    return label;\n  }\n\n  return label != null ? `${label} (opens in new tab)` : undefined;\n}\n\nexport function useRel({\n  isExternalLink = false,\n  target,\n  rel,\n}: {\n  isExternalLink?: boolean;\n  target?: string;\n  rel?: string;\n}): string | undefined {\n  return useMemo(() => {\n    if (!isExternalLink && target !== '_blank') {\n      return rel;\n    }\n\n    const relValues = new Set((rel ?? '').split(/\\s+/).filter(Boolean));\n    relValues.add('noopener');\n    relValues.add('noreferrer');\n\n    return Array.from(relValues).join(' ');\n  }, [isExternalLink, target, rel]);\n}\n"]}

package/dist/{chunk-ZTWBG2XY.cjs → chunk-3W3ST5Y3.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkE2A3GJSN_cjs = require('./chunk-E2A3GJSN.cjs');
+var chunkBSXUNRET_cjs = require('./chunk-BSXUNRET.cjs');
 var chunkJRBQKFVO_cjs = require('./chunk-JRBQKFVO.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
@@ -25,7 +25,7 @@ function AvatarGroup({
   size = "small",
   style
 }) {
-  const numericSize = chunkE2A3GJSN_cjs.resolveAvatarSize(size);
+  const numericSize = chunkBSXUNRET_cjs.resolveAvatarSize(size);
   const overlap = Math.round(numericSize * OVERLAP_RATIO);
   const contextValue = react.useMemo(
     () => ({ numericSize, overlap, size }),
@@ -35,7 +35,7 @@ function AvatarGroup({
     "--avatar-group-overlap": `${-overlap}px`,
     ...style
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkE2A3GJSN_cjs.AvatarGroupContext, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkBSXUNRET_cjs.AvatarGroupContext, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       "aria-label": ariaLabel,
@@ -92,7 +92,7 @@ function AvatarGroupOverflow({
   ref,
   style
 }) {
-  const group = chunkE2A3GJSN_cjs.useAvatarGroup();
+  const group = chunkBSXUNRET_cjs.useAvatarGroup();
   if (count <= 0) {
     return null;
   }
@@ -137,5 +137,5 @@ AvatarGroupOverflow.displayName = "AvatarGroupOverflow";
 
 exports.AvatarGroup = AvatarGroup;
 exports.AvatarGroupOverflow = AvatarGroupOverflow;
-//# sourceMappingURL=chunk-ZTWBG2XY.cjs.map
-//# sourceMappingURL=chunk-ZTWBG2XY.cjs.map
+//# sourceMappingURL=chunk-3W3ST5Y3.cjs.map
+//# sourceMappingURL=chunk-3W3ST5Y3.cjs.map

package/dist/chunk-3W3ST5Y3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AvatarGroup/AvatarGroup.recipe.ts","../src/components/AvatarGroup/AvatarGroup.tsx","../src/components/AvatarGroup/AvatarGroupOverflow.tsx"],"names":["cva","resolveAvatarSize","useMemo","jsx","AvatarGroupContext","cx","css","useAvatarGroup"],"mappings":"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","file":"chunk-3W3ST5Y3.cjs","sourcesContent":["import {cva} from 'styled-system/css';\n\nexport const avatarGroupRecipe = cva({\n  base: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    verticalAlign: 'middle',\n  },\n});\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useMemo} from 'react';\nimport {resolveAvatarSize, type AvatarSize} from 'components/Avatar';\nimport {avatarGroupRecipe} from 'components/AvatarGroup/AvatarGroup.recipe';\nimport {AvatarGroupContext} from 'components/AvatarGroup/AvatarGroupContext';\nimport {cx} from 'internal/cx';\n\nconst OVERLAP_RATIO = 0.25;\n\n/**\n * Displays a stacked group of Avatars with shared size and overlap.\n */\nexport interface AvatarGroupProps {\n  /**\n   * Accessible label for the group. Default is \"Avatars\".\n   */\n  'aria-label'?: string;\n  /**\n   * Avatar and AvatarGroupOverflow children.\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   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Size applied to child Avatars. Individual Avatar size props are ignored\n   * while inside the group so the stack remains visually consistent.\n   */\n  size?: AvatarSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\ntype AvatarGroupStyle = CSSProperties & {\n  '--avatar-group-overlap': string;\n};\n\n/**\n * Displays a stacked group of Avatars with shared size and overlap.\n */\nexport function AvatarGroup({\n  'aria-label': ariaLabel = 'Avatars',\n  children,\n  className,\n  'data-testid': dataTestId,\n  ref,\n  size = 'small',\n  style,\n}: AvatarGroupProps): React.JSX.Element {\n  const numericSize = resolveAvatarSize(size);\n  const overlap = Math.round(numericSize * OVERLAP_RATIO);\n  const contextValue = useMemo(\n    () => ({numericSize, overlap, size}),\n    [numericSize, overlap, size],\n  );\n  const rootStyle: AvatarGroupStyle = {\n    '--avatar-group-overlap': `${-overlap}px`,\n    ...style,\n  };\n\n  return (\n    <AvatarGroupContext value={contextValue}>\n      <div\n        aria-label={ariaLabel}\n        className={cx(avatarGroupRecipe(), className)}\n        data-testid={dataTestId}\n        ref={ref}\n        role=\"group\"\n        style={rootStyle}>\n        {children}\n      </div>\n    </AvatarGroupContext>\n  );\n}\n\nAvatarGroup.displayName = 'AvatarGroup';\n","import type {CSSProperties, MouseEventHandler, ReactNode, Ref} from 'react';\nimport {useAvatarGroup} from 'components/AvatarGroup/AvatarGroupContext';\nimport {cx} from 'internal/cx';\nimport {css} from 'styled-system/css';\n\nconst DEFAULT_SIZE = 36;\nconst BORDER_WIDTH = 2;\nconst OVERFLOW_FONT_RATIO = 0.35;\n\n/**\n * Overflow indicator for AvatarGroup.\n */\nexport interface AvatarGroupOverflowProps {\n  /**\n   * Custom content rendered instead of the default \"+N\" text.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Number of hidden avatars represented by the overflow indicator.\n   */\n  count: number;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Click handler. When set, the overflow indicator renders as a button.\n   */\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  root: css({\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 'full',\n    borderWidth: `${BORDER_WIDTH}px`,\n    borderStyle: 'solid',\n    borderColor: 'bg',\n    boxSizing: 'content-box',\n    bg: 'bg.subtle',\n    color: 'fg.muted',\n    fontFamily: 'body',\n    fontWeight: 'medium',\n    userSelect: 'none',\n    '&:not(:first-child)': {\n      marginInlineStart: 'var(--avatar-group-overlap)',\n    },\n  }),\n  button: css({\n    cursor: 'pointer',\n    p: 0,\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n  }),\n};\n\n/**\n * Overflow indicator showing the count of hidden avatars in an AvatarGroup.\n */\nexport function AvatarGroupOverflow({\n  children,\n  className,\n  count,\n  'data-testid': dataTestId,\n  onClick,\n  ref,\n  style,\n}: AvatarGroupOverflowProps): React.JSX.Element | null {\n  const group = useAvatarGroup();\n\n  if (count <= 0) {\n    return null;\n  }\n\n  const numericSize = group?.numericSize ?? DEFAULT_SIZE;\n  const label = `${count} more`;\n  const content = children ?? `+${count}`;\n  const rootStyle: CSSProperties = {\n    width: numericSize,\n    height: numericSize,\n    fontSize: numericSize * OVERFLOW_FONT_RATIO,\n    ...style,\n  };\n\n  if (onClick != null) {\n    return (\n      <button\n        aria-label={label}\n        className={cx(styles.root, styles.button, className)}\n        data-testid={dataTestId}\n        onClick={onClick}\n        ref={ref as Ref<HTMLButtonElement>}\n        style={rootStyle}\n        type=\"button\">\n        {content}\n      </button>\n    );\n  }\n\n  return (\n    <span\n      aria-label={label}\n      className={cx(styles.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"status\"\n      style={rootStyle}>\n      {content}\n    </span>\n  );\n}\n\nAvatarGroupOverflow.displayName = 'AvatarGroupOverflow';\n"]}

package/dist/{chunk-J3DNWPXJ.js → chunk-4426KMA7.js}

@@ -54,5 +54,5 @@ function AspectRatio({
 AspectRatio.displayName = "AspectRatio";
 
 export { AspectRatio };
-//# sourceMappingURL=chunk-J3DNWPXJ.js.map
-//# sourceMappingURL=chunk-J3DNWPXJ.js.map
+//# sourceMappingURL=chunk-4426KMA7.js.map
+//# sourceMappingURL=chunk-4426KMA7.js.map

package/dist/{chunk-J3DNWPXJ.js.map → chunk-4426KMA7.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AspectRatio/AspectRatio.recipe.ts","../src/components/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,oBAAoB,GAAA,CAAI;AAAA,EACnC,IAAA,EAAM;AAAA,IACJ,QAAA,EAAU,UAAA;AAAA,IACV,CAAA,EAAG,MAAA;AAAA,IACH,IAAA,EAAM,CAAA;AAAA,IACN,UAAA,EAAY,CAAA;AAAA,IACZ,QAAA,EAAU;AAAA;AAEd,CAAC,CAAA;ACSD,IAAM,MAAA,GAAS;AAAA,EACb,OAAO,GAAA,CAAI;AAAA,IACT,QAAA,EAAU,UAAA;AAAA,IACV,KAAA,EAAO,CAAA;AAAA,IACP,CAAA,EAAG,MAAA;AAAA,IACH,CAAA,EAAG;AAAA,GACJ;AACH,CAAA;AAEO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,KAAA;AAAA,EACA,GAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwC;AACtC,EAAA,MAAM,YAAA,GAAe,MAAA,CAAO,QAAA,CAAS,KAAK,KAAK,KAAA,GAAQ,CAAA;AAEvD,EAAA,IAAI,OAAA,CAAQ,GAAA,CAAI,QAAA,KAAa,YAAA,EAAc;AACzC,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA,MAAM,IAAI,KAAA;AAAA,QACR,CAAA,kEAAA,EAAqE,MAAA,CAAO,KAAK,CAAC,CAAA,CAAA;AAAA,OACpF;AAAA,IACF;AAAA,EACF;AAEA,EAAA,MAAM,aAAA,GAAgB,eAAe,KAAA,GAAQ,CAAA;AAE7C,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAA,EAAW,EAAA,CAAG,iBAAA,EAAkB,EAAG,SAAS,CAAA;AAAA,MAC5C,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,KAAA,EAAO,EAAC,GAAG,KAAA,EAAO,aAAa,aAAA,EAAa;AAAA,MAC5C,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,OAAQ,QAAA,EAAS;AAAA;AAAA,GAC1C;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-J3DNWPXJ.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const aspectRatioRecipe = cva({\n  base: {\n    position: 'relative',\n    w: '100%',\n    minH: 0,\n    flexShrink: 0,\n    overflow: 'clip',\n  },\n});\n\nexport type AspectRatioVariants = RecipeVariantProps<typeof aspectRatioRecipe>;\n","import type {ComponentPropsWithRef} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {aspectRatioRecipe} from './AspectRatio.recipe';\n\n/**\n * Maintains a fixed width-to-height ratio for media or embedded content.\n */\nexport interface AspectRatioProps extends ComponentPropsWithRef<'div'> {\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Width divided by height, such as `16 / 9`, `4 / 3`, or `1`.\n   */\n  ratio: number;\n}\n\nconst styles = {\n  child: css({\n    position: 'absolute',\n    inset: 0,\n    w: '100%',\n    h: '100%',\n  }),\n};\n\nexport function AspectRatio({\n  children,\n  className,\n  'data-testid': dataTestId,\n  ratio,\n  ref,\n  style,\n  ...rest\n}: AspectRatioProps): React.JSX.Element {\n  const isValidRatio = Number.isFinite(ratio) && ratio > 0;\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (!isValidRatio) {\n      throw new Error(\n        `AspectRatio: \\`ratio\\` must be a finite positive number, received ${String(ratio)}.`,\n      );\n    }\n  }\n\n  const resolvedRatio = isValidRatio ? ratio : 1;\n\n  return (\n    <div\n      {...rest}\n      className={cx(aspectRatioRecipe(), className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={{...style, aspectRatio: resolvedRatio}}>\n      <div className={styles.child}>{children}</div>\n    </div>\n  );\n}\n\nAspectRatio.displayName = 'AspectRatio';\n"]}
+{"version":3,"sources":["../src/components/AspectRatio/AspectRatio.recipe.ts","../src/components/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,oBAAoB,GAAA,CAAI;AAAA,EACnC,IAAA,EAAM;AAAA,IACJ,QAAA,EAAU,UAAA;AAAA,IACV,CAAA,EAAG,MAAA;AAAA,IACH,IAAA,EAAM,CAAA;AAAA,IACN,UAAA,EAAY,CAAA;AAAA,IACZ,QAAA,EAAU;AAAA;AAEd,CAAC,CAAA;ACSD,IAAM,MAAA,GAAS;AAAA,EACb,OAAO,GAAA,CAAI;AAAA,IACT,QAAA,EAAU,UAAA;AAAA,IACV,KAAA,EAAO,CAAA;AAAA,IACP,CAAA,EAAG,MAAA;AAAA,IACH,CAAA,EAAG;AAAA,GACJ;AACH,CAAA;AAEO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,KAAA;AAAA,EACA,GAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwC;AACtC,EAAA,MAAM,YAAA,GAAe,MAAA,CAAO,QAAA,CAAS,KAAK,KAAK,KAAA,GAAQ,CAAA;AAEvD,EAAA,IAAI,OAAA,CAAQ,GAAA,CAAI,QAAA,KAAa,YAAA,EAAc;AACzC,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA,MAAM,IAAI,KAAA;AAAA,QACR,CAAA,kEAAA,EAAqE,MAAA,CAAO,KAAK,CAAC,CAAA,CAAA;AAAA,OACpF;AAAA,IACF;AAAA,EACF;AAEA,EAAA,MAAM,aAAA,GAAgB,eAAe,KAAA,GAAQ,CAAA;AAE7C,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAA,EAAW,EAAA,CAAG,iBAAA,EAAkB,EAAG,SAAS,CAAA;AAAA,MAC5C,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,KAAA,EAAO,EAAC,GAAG,KAAA,EAAO,aAAa,aAAA,EAAa;AAAA,MAC5C,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,OAAQ,QAAA,EAAS;AAAA;AAAA,GAC1C;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-4426KMA7.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const aspectRatioRecipe = cva({\n  base: {\n    position: 'relative',\n    w: '100%',\n    minH: 0,\n    flexShrink: 0,\n    overflow: 'clip',\n  },\n});\n\nexport type AspectRatioVariants = RecipeVariantProps<typeof aspectRatioRecipe>;\n","import type {ComponentPropsWithRef} from 'react';\nimport {aspectRatioRecipe} from 'components/AspectRatio/AspectRatio.recipe';\nimport {cx} from 'internal/cx';\nimport {css} from 'styled-system/css';\n\n/**\n * Maintains a fixed width-to-height ratio for media or embedded content.\n */\nexport interface AspectRatioProps extends ComponentPropsWithRef<'div'> {\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Width divided by height, such as `16 / 9`, `4 / 3`, or `1`.\n   */\n  ratio: number;\n}\n\nconst styles = {\n  child: css({\n    position: 'absolute',\n    inset: 0,\n    w: '100%',\n    h: '100%',\n  }),\n};\n\nexport function AspectRatio({\n  children,\n  className,\n  'data-testid': dataTestId,\n  ratio,\n  ref,\n  style,\n  ...rest\n}: AspectRatioProps): React.JSX.Element {\n  const isValidRatio = Number.isFinite(ratio) && ratio > 0;\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (!isValidRatio) {\n      throw new Error(\n        `AspectRatio: \\`ratio\\` must be a finite positive number, received ${String(ratio)}.`,\n      );\n    }\n  }\n\n  const resolvedRatio = isValidRatio ? ratio : 1;\n\n  return (\n    <div\n      {...rest}\n      className={cx(aspectRatioRecipe(), className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={{...style, aspectRatio: resolvedRatio}}>\n      <div className={styles.child}>{children}</div>\n    </div>\n  );\n}\n\nAspectRatio.displayName = 'AspectRatio';\n"]}