silver-ui 0.1.1 → 0.3.0

package/dist/{chunk-JAX62FUE.cjs → chunk-JRBQKFVO.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkAZDWQGAX_cjs = require('./chunk-AZDWQGAX.cjs');
+var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 
 // styled-system/css/cva.js
 var defaults = (conf) => ({
@@ -12,39 +12,39 @@ var defaults = (conf) => ({
 });
 function cva(config) {
   const { base, variants, defaultVariants, compoundVariants } = defaults(config);
-  const getVariantProps = (variants2) => ({ ...defaultVariants, ...chunkAZDWQGAX_cjs.compact(variants2) });
+  const getVariantProps = (variants2) => ({ ...defaultVariants, ...chunkRU6JG3FS_cjs.compact(variants2) });
   function resolve(props = {}) {
     const computedVariants = getVariantProps(props);
     let variantCss = { ...base };
     for (const [key, value] of Object.entries(computedVariants)) {
       if (variants[key]?.[value]) {
-        variantCss = chunkAZDWQGAX_cjs.mergeCss(variantCss, variants[key][value]);
+        variantCss = chunkRU6JG3FS_cjs.mergeCss(variantCss, variants[key][value]);
       }
     }
     const compoundVariantCss = getCompoundVariantCss(compoundVariants, computedVariants);
-    return chunkAZDWQGAX_cjs.mergeCss(variantCss, compoundVariantCss);
+    return chunkRU6JG3FS_cjs.mergeCss(variantCss, compoundVariantCss);
   }
   function merge(__cva) {
     const override = defaults(__cva.config);
-    const variantKeys2 = chunkAZDWQGAX_cjs.uniq(__cva.variantKeys, Object.keys(variants));
+    const variantKeys2 = chunkRU6JG3FS_cjs.uniq(__cva.variantKeys, Object.keys(variants));
     return cva({
-      base: chunkAZDWQGAX_cjs.mergeCss(base, override.base),
+      base: chunkRU6JG3FS_cjs.mergeCss(base, override.base),
       variants: Object.fromEntries(
-        variantKeys2.map((key) => [key, chunkAZDWQGAX_cjs.mergeCss(variants[key], override.variants[key])])
+        variantKeys2.map((key) => [key, chunkRU6JG3FS_cjs.mergeCss(variants[key], override.variants[key])])
       ),
-      defaultVariants: chunkAZDWQGAX_cjs.mergeProps(defaultVariants, override.defaultVariants),
+      defaultVariants: chunkRU6JG3FS_cjs.mergeProps(defaultVariants, override.defaultVariants),
       compoundVariants: [...compoundVariants, ...override.compoundVariants]
     });
   }
   function cvaFn(props) {
-    return chunkAZDWQGAX_cjs.css(resolve(props));
+    return chunkRU6JG3FS_cjs.css(resolve(props));
   }
   const variantKeys = Object.keys(variants);
   function splitVariantProps(props) {
-    return chunkAZDWQGAX_cjs.splitProps(props, variantKeys);
+    return chunkRU6JG3FS_cjs.splitProps(props, variantKeys);
   }
   const variantMap = Object.fromEntries(Object.entries(variants).map(([key, value]) => [key, Object.keys(value)]));
-  return Object.assign(chunkAZDWQGAX_cjs.memo(cvaFn), {
+  return Object.assign(chunkRU6JG3FS_cjs.memo(cvaFn), {
     __cva__: true,
     variantMap,
     variantKeys,
@@ -64,12 +64,12 @@ function getCompoundVariantCss(compoundVariants, variantMap) {
       return values.some((value2) => variantMap[key] === value2);
     });
     if (isMatching) {
-      result = chunkAZDWQGAX_cjs.mergeCss(result, compoundVariant.css);
+      result = chunkRU6JG3FS_cjs.mergeCss(result, compoundVariant.css);
     }
   });
   return result;
 }
 
 exports.cva = cva;
-//# sourceMappingURL=chunk-JAX62FUE.cjs.map
-//# sourceMappingURL=chunk-JAX62FUE.cjs.map
+//# sourceMappingURL=chunk-JRBQKFVO.cjs.map
+//# sourceMappingURL=chunk-JRBQKFVO.cjs.map

package/dist/{chunk-JAX62FUE.cjs.map → chunk-JRBQKFVO.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../styled-system/css/cva.js"],"names":["variants","compact","mergeCss","variantKeys","uniq","mergeProps","css","splitProps","memo","value"],"mappings":"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","file":"chunk-JAX62FUE.cjs","sourcesContent":["import { compact, mergeProps, memo, splitProps, uniq } from '../helpers.js';\nimport { css, mergeCss } from './css.js';\n\nconst defaults = (conf) => ({\n  base: {},\n  variants: {},\n  defaultVariants: {},\n  compoundVariants: [],\n  ...conf,\n})\n\nexport function cva(config) {\n  const { base, variants, defaultVariants, compoundVariants } = defaults(config)\n  const getVariantProps = (variants) => ({ ...defaultVariants, ...compact(variants) })\n\n  function resolve(props = {}) {\n    const computedVariants = getVariantProps(props)\n    let variantCss = { ...base }\n    for (const [key, value] of Object.entries(computedVariants)) {\n      if (variants[key]?.[value]) {\n        variantCss = mergeCss(variantCss, variants[key][value])\n      }\n    }\n    const compoundVariantCss = getCompoundVariantCss(compoundVariants, computedVariants)\n    return mergeCss(variantCss, compoundVariantCss)\n  }\n\n  function merge(__cva) {\n    const override = defaults(__cva.config)\n    const variantKeys = uniq(__cva.variantKeys, Object.keys(variants))\n    return cva({\n      base: mergeCss(base, override.base),\n      variants: Object.fromEntries(\n        variantKeys.map((key) => [key, mergeCss(variants[key], override.variants[key])]),\n      ),\n      defaultVariants: mergeProps(defaultVariants, override.defaultVariants),\n      compoundVariants: [...compoundVariants, ...override.compoundVariants],\n    })\n  }\n\n  function cvaFn(props) {\n    return css(resolve(props))\n  }\n\n  const variantKeys = Object.keys(variants)\n\n  function splitVariantProps(props) {\n    return splitProps(props, variantKeys)\n  }\n\n  const variantMap = Object.fromEntries(Object.entries(variants).map(([key, value]) => [key, Object.keys(value)]))\n\n  return Object.assign(memo(cvaFn), {\n    __cva__: true,\n    variantMap,\n    variantKeys,\n    raw: resolve,\n    config,\n    merge,\n    splitVariantProps,\n    getVariantProps\n  })\n}\n\nexport function getCompoundVariantCss(compoundVariants, variantMap) {\n  let result = {}\n  compoundVariants.forEach((compoundVariant) => {\n    const isMatching = Object.entries(compoundVariant).every(([key, value]) => {\n      if (key === 'css') return true\n\n      const values = Array.isArray(value) ? value : [value]\n      return values.some((value) => variantMap[key] === value)\n    })\n\n    if (isMatching) {\n      result = mergeCss(result, compoundVariant.css)\n    }\n  })\n\n  return result\n}\n\nexport function assertCompoundVariant(name, compoundVariants, variants, prop) {\n  if (compoundVariants.length > 0 && typeof variants?.[prop] === 'object') {\n    throw new Error(`[recipe:${name}:${prop}] Conditions are not supported when using compound variants.`)\n  }\n}\n"]}
+{"version":3,"sources":["../styled-system/css/cva.js"],"names":["variants","compact","mergeCss","variantKeys","uniq","mergeProps","css","splitProps","memo","value"],"mappings":"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","file":"chunk-JRBQKFVO.cjs","sourcesContent":["import { compact, mergeProps, memo, splitProps, uniq } from '../helpers.js';\nimport { css, mergeCss } from './css.js';\n\nconst defaults = (conf) => ({\n  base: {},\n  variants: {},\n  defaultVariants: {},\n  compoundVariants: [],\n  ...conf,\n})\n\nexport function cva(config) {\n  const { base, variants, defaultVariants, compoundVariants } = defaults(config)\n  const getVariantProps = (variants) => ({ ...defaultVariants, ...compact(variants) })\n\n  function resolve(props = {}) {\n    const computedVariants = getVariantProps(props)\n    let variantCss = { ...base }\n    for (const [key, value] of Object.entries(computedVariants)) {\n      if (variants[key]?.[value]) {\n        variantCss = mergeCss(variantCss, variants[key][value])\n      }\n    }\n    const compoundVariantCss = getCompoundVariantCss(compoundVariants, computedVariants)\n    return mergeCss(variantCss, compoundVariantCss)\n  }\n\n  function merge(__cva) {\n    const override = defaults(__cva.config)\n    const variantKeys = uniq(__cva.variantKeys, Object.keys(variants))\n    return cva({\n      base: mergeCss(base, override.base),\n      variants: Object.fromEntries(\n        variantKeys.map((key) => [key, mergeCss(variants[key], override.variants[key])]),\n      ),\n      defaultVariants: mergeProps(defaultVariants, override.defaultVariants),\n      compoundVariants: [...compoundVariants, ...override.compoundVariants],\n    })\n  }\n\n  function cvaFn(props) {\n    return css(resolve(props))\n  }\n\n  const variantKeys = Object.keys(variants)\n\n  function splitVariantProps(props) {\n    return splitProps(props, variantKeys)\n  }\n\n  const variantMap = Object.fromEntries(Object.entries(variants).map(([key, value]) => [key, Object.keys(value)]))\n\n  return Object.assign(memo(cvaFn), {\n    __cva__: true,\n    variantMap,\n    variantKeys,\n    raw: resolve,\n    config,\n    merge,\n    splitVariantProps,\n    getVariantProps\n  })\n}\n\nexport function getCompoundVariantCss(compoundVariants, variantMap) {\n  let result = {}\n  compoundVariants.forEach((compoundVariant) => {\n    const isMatching = Object.entries(compoundVariant).every(([key, value]) => {\n      if (key === 'css') return true\n\n      const values = Array.isArray(value) ? value : [value]\n      return values.some((value) => variantMap[key] === value)\n    })\n\n    if (isMatching) {\n      result = mergeCss(result, compoundVariant.css)\n    }\n  })\n\n  return result\n}\n\nexport function assertCompoundVariant(name, compoundVariants, variants, prop) {\n  if (compoundVariants.length > 0 && typeof variants?.[prop] === 'object') {\n    throw new Error(`[recipe:${name}:${prop}] Conditions are not supported when using compound variants.`)\n  }\n}\n"]}

package/dist/{chunk-6UVJUY7Z.cjs → chunk-JVLE7PCJ.cjs}

@@ -1,14 +1,14 @@
 'use strict';
 
-var chunkKXXRALHT_cjs = require('./chunk-KXXRALHT.cjs');
-var chunkJAX62FUE_cjs = require('./chunk-JAX62FUE.cjs');
+var chunkP4A7GWQY_cjs = require('./chunk-P4A7GWQY.cjs');
+var chunkJRBQKFVO_cjs = require('./chunk-JRBQKFVO.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
-var chunkAZDWQGAX_cjs = require('./chunk-AZDWQGAX.cjs');
+var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 // src/components/AvatarGroup/AvatarGroup.recipe.ts
-var avatarGroupRecipe = chunkJAX62FUE_cjs.cva({
+var avatarGroupRecipe = chunkJRBQKFVO_cjs.cva({
   base: {
     display: "inline-flex",
     alignItems: "center",
@@ -25,7 +25,7 @@ function AvatarGroup({
   size = "small",
   style
 }) {
-  const numericSize = chunkKXXRALHT_cjs.resolveAvatarSize(size);
+  const numericSize = chunkP4A7GWQY_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(chunkKXXRALHT_cjs.AvatarGroupContext, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkP4A7GWQY_cjs.AvatarGroupContext, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       "aria-label": ariaLabel,
@@ -53,7 +53,7 @@ var DEFAULT_SIZE = 36;
 var BORDER_WIDTH = 2;
 var OVERFLOW_FONT_RATIO = 0.35;
 var styles = {
-  root: chunkAZDWQGAX_cjs.css({
+  root: chunkRU6JG3FS_cjs.css({
     position: "relative",
     display: "flex",
     alignItems: "center",
@@ -72,7 +72,7 @@ var styles = {
       marginInlineStart: "var(--avatar-group-overlap)"
     }
   }),
-  button: chunkAZDWQGAX_cjs.css({
+  button: chunkRU6JG3FS_cjs.css({
     cursor: "pointer",
     p: 0,
     _focusVisible: {
@@ -92,7 +92,7 @@ function AvatarGroupOverflow({
   ref,
   style
 }) {
-  const group = chunkKXXRALHT_cjs.useAvatarGroup();
+  const group = chunkP4A7GWQY_cjs.useAvatarGroup();
   if (count <= 0) {
     return null;
   }
@@ -137,6 +137,5 @@ AvatarGroupOverflow.displayName = "AvatarGroupOverflow";
 
 exports.AvatarGroup = AvatarGroup;
 exports.AvatarGroupOverflow = AvatarGroupOverflow;
-exports.avatarGroupRecipe = avatarGroupRecipe;
-//# sourceMappingURL=chunk-6UVJUY7Z.cjs.map
-//# sourceMappingURL=chunk-6UVJUY7Z.cjs.map
+//# sourceMappingURL=chunk-JVLE7PCJ.cjs.map
+//# sourceMappingURL=chunk-JVLE7PCJ.cjs.map

package/dist/chunk-JVLE7PCJ.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":";;;;;;;;;;AAEO,IAAM,oBAAoBA,qBAAA,CAAI;AAAA,EACnC,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,aAAA,EAAe;AAAA;AAEnB,CAAC,CAAA;ACDD,IAAM,aAAA,GAAgB,IAAA;AA4Cf,SAAS,WAAA,CAAY;AAAA,EAC1B,cAAc,SAAA,GAAY,SAAA;AAAA,EAC1B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,GAAA;AAAA,EACA,IAAA,GAAO,OAAA;AAAA,EACP;AACF,CAAA,EAAwC;AACtC,EAAA,MAAM,WAAA,GAAcC,oCAAkB,IAAI,CAAA;AAC1C,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,KAAA,CAAM,WAAA,GAAc,aAAa,CAAA;AACtD,EAAA,MAAM,YAAA,GAAeC,aAAA;AAAA,IACnB,OAAO,EAAC,WAAA,EAAa,OAAA,EAAS,IAAA,EAAI,CAAA;AAAA,IAClC,CAAC,WAAA,EAAa,OAAA,EAAS,IAAI;AAAA,GAC7B;AACA,EAAA,MAAM,SAAA,GAA8B;AAAA,IAClC,wBAAA,EAA0B,CAAA,EAAG,CAAC,OAAO,CAAA,EAAA,CAAA;AAAA,IACrC,GAAG;AAAA,GACL;AAEA,EAAA,uBACEC,cAAA,CAACC,oCAAA,EAAA,EAAmB,KAAA,EAAO,YAAA,EACzB,QAAA,kBAAAD,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAWE,oBAAA,CAAG,iBAAA,EAAkB,EAAG,SAAS,CAAA;AAAA,MAC5C,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,IAAA,EAAK,OAAA;AAAA,MACL,KAAA,EAAO,SAAA;AAAA,MACN;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;ACjF1B,IAAM,YAAA,GAAe,EAAA;AACrB,IAAM,YAAA,GAAe,CAAA;AACrB,IAAM,mBAAA,GAAsB,IAAA;AAoC5B,IAAM,MAAA,GAAS;AAAA,EACb,MAAMC,qBAAA,CAAI;AAAA,IACR,QAAA,EAAU,UAAA;AAAA,IACV,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,YAAA,EAAc,MAAA;AAAA,IACd,WAAA,EAAa,GAAG,YAAY,CAAA,EAAA,CAAA;AAAA,IAC5B,WAAA,EAAa,OAAA;AAAA,IACb,WAAA,EAAa,IAAA;AAAA,IACb,SAAA,EAAW,aAAA;AAAA,IACX,EAAA,EAAI,WAAA;AAAA,IACJ,KAAA,EAAO,UAAA;AAAA,IACP,UAAA,EAAY,MAAA;AAAA,IACZ,UAAA,EAAY,QAAA;AAAA,IACZ,UAAA,EAAY,MAAA;AAAA,IACZ,qBAAA,EAAuB;AAAA,MACrB,iBAAA,EAAmB;AAAA;AACrB,GACD,CAAA;AAAA,EACD,QAAQA,qBAAA,CAAI;AAAA,IACV,MAAA,EAAQ,SAAA;AAAA,IACR,CAAA,EAAG,CAAA;AAAA,IACH,aAAA,EAAe;AAAA,MACb,YAAA,EAAc,OAAA;AAAA,MACd,YAAA,EAAc,OAAA;AAAA,MACd,YAAA,EAAc,SAAA;AAAA,MACd,aAAA,EAAe;AAAA;AACjB,GACD;AACH,CAAA;AAKO,SAAS,mBAAA,CAAoB;AAAA,EAClC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,OAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAA,EAAuD;AACrD,EAAA,MAAM,QAAQC,gCAAA,EAAe;AAE7B,EAAA,IAAI,SAAS,CAAA,EAAG;AACd,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,WAAA,GAAc,OAAO,WAAA,IAAe,YAAA;AAC1C,EAAA,MAAM,KAAA,GAAQ,GAAG,KAAK,CAAA,KAAA,CAAA;AACtB,EAAA,MAAM,OAAA,GAAU,QAAA,IAAY,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA;AACrC,EAAA,MAAM,SAAA,GAA2B;AAAA,IAC/B,KAAA,EAAO,WAAA;AAAA,IACP,MAAA,EAAQ,WAAA;AAAA,IACR,UAAU,WAAA,GAAc,mBAAA;AAAA,IACxB,GAAG;AAAA,GACL;AAEA,EAAA,IAAI,WAAW,IAAA,EAAM;AACnB,IAAA,uBACEJ,cAAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAY,KAAA;AAAA,QACZ,WAAWE,oBAAA,CAAG,MAAA,CAAO,IAAA,EAAM,MAAA,CAAO,QAAQ,SAAS,CAAA;AAAA,QACnD,aAAA,EAAa,UAAA;AAAA,QACb,OAAA;AAAA,QACA,GAAA;AAAA,QACA,KAAA,EAAO,SAAA;AAAA,QACP,IAAA,EAAK,QAAA;AAAA,QACJ,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,uBACEF,cAAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,KAAA;AAAA,MACZ,SAAA,EAAWE,oBAAA,CAAG,MAAA,CAAO,IAAA,EAAM,SAAS,CAAA;AAAA,MACpC,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,IAAA,EAAK,KAAA;AAAA,MACL,KAAA,EAAO,SAAA;AAAA,MACN,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;AAEA,mBAAA,CAAoB,WAAA,GAAc,qBAAA","file":"chunk-JVLE7PCJ.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 {cx} from '../../internal/cx';\nimport {resolveAvatarSize, type AvatarSize} from '../Avatar';\nimport {avatarGroupRecipe} from './AvatarGroup.recipe';\nimport {AvatarGroupContext} from './AvatarGroupContext';\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 {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {useAvatarGroup} from './AvatarGroupContext';\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=\"img\"\n      style={rootStyle}>\n      {content}\n    </span>\n  );\n}\n\nAvatarGroupOverflow.displayName = 'AvatarGroupOverflow';\n"]}

package/dist/chunk-K6CQ45C2.js

@@ -0,0 +1,115 @@
+import { fieldRecipe } from './chunk-NUTB2K4G.js';
+import { Text } from './chunk-J2FCNWYM.js';
+import { VisuallyHidden } from './chunk-EXYBQVZT.js';
+import { Tooltip } from './chunk-EMHLPPQZ.js';
+import { Icon } from './chunk-7T3SWOY7.js';
+import { cx } from './chunk-PPNETWIP.js';
+import { Info } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function getNecessity(isOptional, isRequired) {
+  if (isOptional === true) {
+    return { isOptional: true };
+  }
+  if (isRequired === true) {
+    return { isRequired: true };
+  }
+  return {};
+}
+function Field({
+  children,
+  label,
+  isLabelHidden = false,
+  description,
+  inputId,
+  descriptionID,
+  isOptional = false,
+  isRequired = false,
+  isDisabled = false,
+  labelAs: LabelComponent = "label",
+  labelIcon,
+  labelId,
+  labelTooltip,
+  status,
+  statusVariant = "attached",
+  className,
+  "data-testid": dataTestId,
+  style,
+  ref
+}) {
+  const resolvedDescriptionID = descriptionID ?? (description != null ? `${inputId}-description` : void 0);
+  const resolvedStatusID = status?.messageID ?? (status?.message != null ? `${inputId}-status` : void 0);
+  const statusText = isOptional ? "Optional" : isRequired ? "Required" : null;
+  const classes = fieldRecipe({
+    isDisabled,
+    statusType: status?.type,
+    statusVariant
+  });
+  const labelNode = /* @__PURE__ */ jsxs(
+    LabelComponent,
+    {
+      className: classes.label,
+      ...LabelComponent === "label" ? { htmlFor: inputId } : void 0,
+      id: labelId,
+      children: [
+        labelIcon != null ? /* @__PURE__ */ jsx(Icon, { color: "secondary", icon: labelIcon, size: "sm" }) : null,
+        /* @__PURE__ */ jsx(Text, { as: "span", color: "inherit", type: "label", children: label }),
+        statusText != null ? /* @__PURE__ */ jsxs(Text, { as: "span", className: classes.indicator, type: "supporting", children: [
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: " \xB7 " }),
+          statusText
+        ] }) : null,
+        labelTooltip != null ? /* @__PURE__ */ jsx(Tooltip, { content: labelTooltip, children: /* @__PURE__ */ jsx("span", { className: classes.tooltipIcon, children: /* @__PURE__ */ jsx(Icon, { icon: Info, size: "sm" }) }) }) : null
+      ]
+    }
+  );
+  const descriptionNode = description != null ? /* @__PURE__ */ jsx(
+    Text,
+    {
+      as: "span",
+      color: "secondary",
+      id: resolvedDescriptionID,
+      type: "supporting",
+      children: description
+    }
+  ) : null;
+  const statusNode = status?.message != null ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-live": status.type === "error" ? "assertive" : "polite",
+      className: classes.status,
+      id: resolvedStatusID,
+      role: status.type === "error" ? "alert" : "status",
+      children: status.message
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cx(classes.root, className),
+      "data-testid": dataTestId,
+      ref,
+      style,
+      children: [
+        isLabelHidden ? /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
+          labelNode,
+          descriptionNode
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          labelNode,
+          descriptionNode
+        ] }),
+        statusVariant === "attached" ? /* @__PURE__ */ jsxs("div", { className: classes.inputWrapper, children: [
+          children,
+          statusNode
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          children,
+          statusNode
+        ] })
+      ]
+    }
+  );
+}
+Field.displayName = "Field";
+
+export { Field, getNecessity };
+//# sourceMappingURL=chunk-K6CQ45C2.js.map
+//# sourceMappingURL=chunk-K6CQ45C2.js.map

package/dist/chunk-K6CQ45C2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Field/Field.tsx"],"names":[],"mappings":"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","file":"chunk-K6CQ45C2.js","sourcesContent":["import {Info} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {VisuallyHidden} from '../../internal/VisuallyHidden';\nimport {cx} from '../../internal/cx';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Text} from '../Text';\nimport {Tooltip} from '../Tooltip';\nimport {fieldRecipe} from './Field.recipe';\nimport type {InputStatusType} from './types';\n\nexport type FieldStatusVariant = 'attached' | 'detached';\n\nexport interface FieldStatus {\n  /**\n   * Optional status text displayed below the input.\n   */\n  message?: string;\n  /**\n   * Status message ID used by `aria-describedby`.\n   */\n  messageID?: string;\n  /**\n   * Validation state for the field.\n   */\n  type: InputStatusType;\n}\n\ninterface FieldBaseProps {\n  /**\n   * The form control rendered inside the field.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text rendered between the label and control.\n   */\n  description?: ReactNode;\n  /**\n   * ID for the description element.\n   */\n  descriptionID?: string;\n  /**\n   * ID of the associated control.\n   */\n  inputId: string;\n  /**\n   * Whether the associated control is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label and description.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Field label text.\n   */\n  label: string;\n  /**\n   * HTML element used for the label. Use 'span' for group controls\n   * (e.g., radiogroup) where `htmlFor` cannot target a labelable element.\n   * @default 'label'\n   */\n  labelAs?: 'label' | 'span';\n  /**\n   * Optional icon shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * ID applied to the label element, useful for `aria-labelledby`.\n   */\n  labelId?: string;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Validation status displayed below the control.\n   */\n  status?: FieldStatus;\n  /**\n   * How the status message is positioned.\n   * @default 'attached'\n   */\n  statusVariant?: FieldStatusVariant;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Controls whether a field displays an \"Optional\" or \"Required\" indicator.\n * The two options are mutually exclusive — a field cannot be both optional\n * and required at the same time. TypeScript enforces this at the type level.\n */\nexport type FieldNecessity =\n  | {isOptional?: false; isRequired?: false}\n  | {isOptional: true; isRequired?: false}\n  | {isOptional?: false; isRequired: true};\n\nexport type FieldProps = FieldBaseProps & FieldNecessity;\n\n/**\n * Narrows individually-typed `isOptional`/`isRequired` values back into\n * a valid `FieldNecessity` union member. Useful when forwarding necessity\n * props that were destructured from a component's own props (which widens\n * the discriminated union to `boolean | undefined`).\n */\nexport function getNecessity(\n  isOptional: boolean | undefined,\n  isRequired: boolean | undefined,\n): FieldNecessity {\n  if (isOptional === true) {\n    return {isOptional: true};\n  }\n  if (isRequired === true) {\n    return {isRequired: true};\n  }\n  return {};\n}\n\n/**\n * A form field wrapper that renders a label, description, control slot, and validation status.\n */\nexport function Field({\n  children,\n  label,\n  isLabelHidden = false,\n  description,\n  inputId,\n  descriptionID,\n  isOptional = false,\n  isRequired = false,\n  isDisabled = false,\n  labelAs: LabelComponent = 'label',\n  labelIcon,\n  labelId,\n  labelTooltip,\n  status,\n  statusVariant = 'attached',\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: FieldProps): React.JSX.Element {\n  const resolvedDescriptionID =\n    descriptionID ??\n    (description != null ? `${inputId}-description` : undefined);\n  const resolvedStatusID =\n    status?.messageID ??\n    (status?.message != null ? `${inputId}-status` : undefined);\n  const statusText = isOptional ? 'Optional' : isRequired ? 'Required' : null;\n  const classes = fieldRecipe({\n    isDisabled,\n    statusType: status?.type,\n    statusVariant,\n  });\n  const labelNode = (\n    <LabelComponent\n      className={classes.label}\n      {...(LabelComponent === 'label' ? {htmlFor: inputId} : undefined)}\n      id={labelId}>\n      {labelIcon != null ? (\n        <Icon color=\"secondary\" icon={labelIcon} size=\"sm\" />\n      ) : null}\n      <Text as=\"span\" color=\"inherit\" type=\"label\">\n        {label}\n      </Text>\n      {statusText != null ? (\n        <Text as=\"span\" className={classes.indicator} type=\"supporting\">\n          <span aria-hidden=\"true\"> · </span>\n          {statusText}\n        </Text>\n      ) : null}\n      {labelTooltip != null ? (\n        <Tooltip content={labelTooltip}>\n          <span className={classes.tooltipIcon}>\n            <Icon icon={Info} size=\"sm\" />\n          </span>\n        </Tooltip>\n      ) : null}\n    </LabelComponent>\n  );\n  const descriptionNode =\n    description != null ? (\n      <Text\n        as=\"span\"\n        color=\"secondary\"\n        id={resolvedDescriptionID}\n        type=\"supporting\">\n        {description}\n      </Text>\n    ) : null;\n  const statusNode =\n    status?.message != null ? (\n      <div\n        aria-live={status.type === 'error' ? 'assertive' : 'polite'}\n        className={classes.status}\n        id={resolvedStatusID}\n        role={status.type === 'error' ? 'alert' : 'status'}>\n        {status.message}\n      </div>\n    ) : null;\n\n  return (\n    <div\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {isLabelHidden ? (\n        <VisuallyHidden>\n          {labelNode}\n          {descriptionNode}\n        </VisuallyHidden>\n      ) : (\n        <>\n          {labelNode}\n          {descriptionNode}\n        </>\n      )}\n      {statusVariant === 'attached' ? (\n        <div className={classes.inputWrapper}>\n          {children}\n          {statusNode}\n        </div>\n      ) : (\n        <>\n          {children}\n          {statusNode}\n        </>\n      )}\n    </div>\n  );\n}\n\nField.displayName = 'Field';\n"]}

package/dist/chunk-K77D7H4V.cjs

@@ -0,0 +1,125 @@
+'use strict';
+
+var chunk5QPM5LUS_cjs = require('./chunk-5QPM5LUS.cjs');
+var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Divider/Divider.recipe.ts
+var dividerRecipe = chunk5QPM5LUS_cjs.sva({
+  slots: ["root", "line", "label"],
+  base: {
+    root: {
+      color: "fg.muted",
+      alignItems: "center"
+    },
+    line: {
+      flex: 1
+    },
+    label: {
+      flexShrink: 0,
+      fontFamily: "body",
+      fontSize: "sm",
+      color: "fg.muted"
+    }
+  },
+  variants: {
+    orientation: {
+      horizontal: {
+        root: { display: "flex", w: "100%" },
+        line: { h: "1px" },
+        label: { px: "3" }
+      },
+      vertical: {
+        root: { display: "inline-flex", flexDirection: "column", h: "100%" },
+        line: { w: "1px" },
+        label: { py: "3" }
+      }
+    },
+    variant: {
+      subtle: { line: { bg: "border" } },
+      strong: { line: { bg: "border.emphasized" } }
+    },
+    // Marker variant; the real full-bleed styling is orientation-dependent, so
+    // it lives in compoundVariants below.
+    isFullBleed: {
+      true: {}
+    }
+  },
+  compoundVariants: [
+    {
+      orientation: "horizontal",
+      isFullBleed: true,
+      css: {
+        root: {
+          mx: "calc(-1 * var(--card-padding, 0px))",
+          w: "calc(100% + var(--card-padding, 0px) * 2)"
+        }
+      }
+    },
+    {
+      orientation: "vertical",
+      isFullBleed: true,
+      css: {
+        root: {
+          my: "calc(-1 * var(--card-padding, 0px))",
+          h: "calc(100% + var(--card-padding, 0px) * 2)"
+        }
+      }
+    }
+  ],
+  defaultVariants: {
+    orientation: "horizontal",
+    variant: "subtle",
+    isFullBleed: false
+  }
+});
+function formatSize(value) {
+  return typeof value === "number" ? `${value}px` : value;
+}
+function Divider({
+  "aria-label": ariaLabel,
+  className,
+  "data-testid": dataTestId,
+  height,
+  isFullBleed = false,
+  label,
+  orientation = "horizontal",
+  ref,
+  style,
+  variant = "subtle",
+  width
+}) {
+  const labelId = react.useId();
+  const isHorizontal = orientation === "horizontal";
+  const classes = dividerRecipe({ orientation, variant, isFullBleed });
+  const dimensionStyle = {
+    width: isHorizontal && width != null ? formatSize(width) : void 0,
+    height: !isHorizontal && height != null ? formatSize(height) : void 0
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "aria-label": ariaLabel,
+      "aria-labelledby": label != null && ariaLabel == null ? labelId : void 0,
+      "aria-orientation": orientation,
+      className: chunkSPDVNY2Z_cjs.cx(classes.root, className),
+      "data-testid": dataTestId,
+      ref,
+      role: "separator",
+      style: { ...dimensionStyle, ...style },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.line }),
+        label != null ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.label, id: labelId, children: label }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.line })
+        ] }) : null
+      ]
+    }
+  );
+}
+Divider.displayName = "Divider";
+
+exports.Divider = Divider;
+//# sourceMappingURL=chunk-K77D7H4V.cjs.map
+//# sourceMappingURL=chunk-K77D7H4V.cjs.map

package/dist/chunk-K77D7H4V.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Divider/Divider.recipe.ts","../src/components/Divider/Divider.tsx"],"names":["sva","useId","jsxs","cx","jsx","Fragment"],"mappings":"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","file":"chunk-K77D7H4V.cjs","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 {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={label != null && ariaLabel == null ? labelId : undefined}\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      {label != null ? (\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-KFEXS6OK.cjs

@@ -0,0 +1,118 @@
+'use strict';
+
+var chunkW5G7ZDQ6_cjs = require('./chunk-W5G7ZDQ6.cjs');
+var chunkJMNH45Q3_cjs = require('./chunk-JMNH45Q3.cjs');
+var chunkWMXIUOOU_cjs = require('./chunk-WMXIUOOU.cjs');
+var chunk7GN6YTSS_cjs = require('./chunk-7GN6YTSS.cjs');
+var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
+var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function getNecessity(isOptional, isRequired) {
+  if (isOptional === true) {
+    return { isOptional: true };
+  }
+  if (isRequired === true) {
+    return { isRequired: true };
+  }
+  return {};
+}
+function Field({
+  children,
+  label,
+  isLabelHidden = false,
+  description,
+  inputId,
+  descriptionID,
+  isOptional = false,
+  isRequired = false,
+  isDisabled = false,
+  labelAs: LabelComponent = "label",
+  labelIcon,
+  labelId,
+  labelTooltip,
+  status,
+  statusVariant = "attached",
+  className,
+  "data-testid": dataTestId,
+  style,
+  ref
+}) {
+  const resolvedDescriptionID = descriptionID ?? (description != null ? `${inputId}-description` : void 0);
+  const resolvedStatusID = status?.messageID ?? (status?.message != null ? `${inputId}-status` : void 0);
+  const statusText = isOptional ? "Optional" : isRequired ? "Required" : null;
+  const classes = chunkW5G7ZDQ6_cjs.fieldRecipe({
+    isDisabled,
+    statusType: status?.type,
+    statusVariant
+  });
+  const labelNode = /* @__PURE__ */ jsxRuntime.jsxs(
+    LabelComponent,
+    {
+      className: classes.label,
+      ...LabelComponent === "label" ? { htmlFor: inputId } : void 0,
+      id: labelId,
+      children: [
+        labelIcon != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { color: "secondary", icon: labelIcon, size: "sm" }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(chunkJMNH45Q3_cjs.Text, { as: "span", color: "inherit", type: "label", children: label }),
+        statusText != null ? /* @__PURE__ */ jsxRuntime.jsxs(chunkJMNH45Q3_cjs.Text, { as: "span", className: classes.indicator, type: "supporting", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: " \xB7 " }),
+          statusText
+        ] }) : null,
+        labelTooltip != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk7GN6YTSS_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
+      ]
+    }
+  );
+  const descriptionNode = description != null ? /* @__PURE__ */ jsxRuntime.jsx(
+    chunkJMNH45Q3_cjs.Text,
+    {
+      as: "span",
+      color: "secondary",
+      id: resolvedDescriptionID,
+      type: "supporting",
+      children: description
+    }
+  ) : null;
+  const statusNode = status?.message != null ? /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "aria-live": status.type === "error" ? "assertive" : "polite",
+      className: classes.status,
+      id: resolvedStatusID,
+      role: status.type === "error" ? "alert" : "status",
+      children: status.message
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunkSPDVNY2Z_cjs.cx(classes.root, className),
+      "data-testid": dataTestId,
+      ref,
+      style,
+      children: [
+        isLabelHidden ? /* @__PURE__ */ jsxRuntime.jsxs(chunkWMXIUOOU_cjs.VisuallyHidden, { children: [
+          labelNode,
+          descriptionNode
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          labelNode,
+          descriptionNode
+        ] }),
+        statusVariant === "attached" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.inputWrapper, children: [
+          children,
+          statusNode
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          children,
+          statusNode
+        ] })
+      ]
+    }
+  );
+}
+Field.displayName = "Field";
+
+exports.Field = Field;
+exports.getNecessity = getNecessity;
+//# sourceMappingURL=chunk-KFEXS6OK.cjs.map
+//# sourceMappingURL=chunk-KFEXS6OK.cjs.map

package/dist/chunk-KFEXS6OK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Field/Field.tsx"],"names":["fieldRecipe","jsxs","Icon","jsx","Text","Tooltip","Info","cx","VisuallyHidden","Fragment"],"mappings":"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","file":"chunk-KFEXS6OK.cjs","sourcesContent":["import {Info} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {VisuallyHidden} from '../../internal/VisuallyHidden';\nimport {cx} from '../../internal/cx';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Text} from '../Text';\nimport {Tooltip} from '../Tooltip';\nimport {fieldRecipe} from './Field.recipe';\nimport type {InputStatusType} from './types';\n\nexport type FieldStatusVariant = 'attached' | 'detached';\n\nexport interface FieldStatus {\n  /**\n   * Optional status text displayed below the input.\n   */\n  message?: string;\n  /**\n   * Status message ID used by `aria-describedby`.\n   */\n  messageID?: string;\n  /**\n   * Validation state for the field.\n   */\n  type: InputStatusType;\n}\n\ninterface FieldBaseProps {\n  /**\n   * The form control rendered inside the field.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text rendered between the label and control.\n   */\n  description?: ReactNode;\n  /**\n   * ID for the description element.\n   */\n  descriptionID?: string;\n  /**\n   * ID of the associated control.\n   */\n  inputId: string;\n  /**\n   * Whether the associated control is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label and description.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Field label text.\n   */\n  label: string;\n  /**\n   * HTML element used for the label. Use 'span' for group controls\n   * (e.g., radiogroup) where `htmlFor` cannot target a labelable element.\n   * @default 'label'\n   */\n  labelAs?: 'label' | 'span';\n  /**\n   * Optional icon shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * ID applied to the label element, useful for `aria-labelledby`.\n   */\n  labelId?: string;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Validation status displayed below the control.\n   */\n  status?: FieldStatus;\n  /**\n   * How the status message is positioned.\n   * @default 'attached'\n   */\n  statusVariant?: FieldStatusVariant;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Controls whether a field displays an \"Optional\" or \"Required\" indicator.\n * The two options are mutually exclusive — a field cannot be both optional\n * and required at the same time. TypeScript enforces this at the type level.\n */\nexport type FieldNecessity =\n  | {isOptional?: false; isRequired?: false}\n  | {isOptional: true; isRequired?: false}\n  | {isOptional?: false; isRequired: true};\n\nexport type FieldProps = FieldBaseProps & FieldNecessity;\n\n/**\n * Narrows individually-typed `isOptional`/`isRequired` values back into\n * a valid `FieldNecessity` union member. Useful when forwarding necessity\n * props that were destructured from a component's own props (which widens\n * the discriminated union to `boolean | undefined`).\n */\nexport function getNecessity(\n  isOptional: boolean | undefined,\n  isRequired: boolean | undefined,\n): FieldNecessity {\n  if (isOptional === true) {\n    return {isOptional: true};\n  }\n  if (isRequired === true) {\n    return {isRequired: true};\n  }\n  return {};\n}\n\n/**\n * A form field wrapper that renders a label, description, control slot, and validation status.\n */\nexport function Field({\n  children,\n  label,\n  isLabelHidden = false,\n  description,\n  inputId,\n  descriptionID,\n  isOptional = false,\n  isRequired = false,\n  isDisabled = false,\n  labelAs: LabelComponent = 'label',\n  labelIcon,\n  labelId,\n  labelTooltip,\n  status,\n  statusVariant = 'attached',\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: FieldProps): React.JSX.Element {\n  const resolvedDescriptionID =\n    descriptionID ??\n    (description != null ? `${inputId}-description` : undefined);\n  const resolvedStatusID =\n    status?.messageID ??\n    (status?.message != null ? `${inputId}-status` : undefined);\n  const statusText = isOptional ? 'Optional' : isRequired ? 'Required' : null;\n  const classes = fieldRecipe({\n    isDisabled,\n    statusType: status?.type,\n    statusVariant,\n  });\n  const labelNode = (\n    <LabelComponent\n      className={classes.label}\n      {...(LabelComponent === 'label' ? {htmlFor: inputId} : undefined)}\n      id={labelId}>\n      {labelIcon != null ? (\n        <Icon color=\"secondary\" icon={labelIcon} size=\"sm\" />\n      ) : null}\n      <Text as=\"span\" color=\"inherit\" type=\"label\">\n        {label}\n      </Text>\n      {statusText != null ? (\n        <Text as=\"span\" className={classes.indicator} type=\"supporting\">\n          <span aria-hidden=\"true\"> · </span>\n          {statusText}\n        </Text>\n      ) : null}\n      {labelTooltip != null ? (\n        <Tooltip content={labelTooltip}>\n          <span className={classes.tooltipIcon}>\n            <Icon icon={Info} size=\"sm\" />\n          </span>\n        </Tooltip>\n      ) : null}\n    </LabelComponent>\n  );\n  const descriptionNode =\n    description != null ? (\n      <Text\n        as=\"span\"\n        color=\"secondary\"\n        id={resolvedDescriptionID}\n        type=\"supporting\">\n        {description}\n      </Text>\n    ) : null;\n  const statusNode =\n    status?.message != null ? (\n      <div\n        aria-live={status.type === 'error' ? 'assertive' : 'polite'}\n        className={classes.status}\n        id={resolvedStatusID}\n        role={status.type === 'error' ? 'alert' : 'status'}>\n        {status.message}\n      </div>\n    ) : null;\n\n  return (\n    <div\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {isLabelHidden ? (\n        <VisuallyHidden>\n          {labelNode}\n          {descriptionNode}\n        </VisuallyHidden>\n      ) : (\n        <>\n          {labelNode}\n          {descriptionNode}\n        </>\n      )}\n      {statusVariant === 'attached' ? (\n        <div className={classes.inputWrapper}>\n          {children}\n          {statusNode}\n        </div>\n      ) : (\n        <>\n          {children}\n          {statusNode}\n        </>\n      )}\n    </div>\n  );\n}\n\nField.displayName = 'Field';\n"]}