silver-ui 0.1.1 → 0.3.0

package/dist/{chunk-UHQRL4OA.js → chunk-OD4DHHZH.js}

@@ -178,6 +178,28 @@ var hypenateProperty = memo((property) => {
 });
 var lengthUnits = "cm,mm,Q,in,pc,pt,px,em,ex,ch,rem,lh,rlh,vw,vh,vmin,vmax,vb,vi,svw,svh,lvw,lvh,dvw,dvh,cqw,cqh,cqi,cqb,cqmin,cqmax,%";
 `(?:${lengthUnits.split(",").join("|")})`;
+var getSlotRecipes = (recipe = {}) => {
+  const init = (slot) => ({
+    className: [recipe.className, slot].filter(Boolean).join("__"),
+    base: recipe.base?.[slot] ?? {},
+    variants: {},
+    defaultVariants: recipe.defaultVariants ?? {},
+    compoundVariants: recipe.compoundVariants ? getSlotCompoundVariant(recipe.compoundVariants, slot) : []
+  });
+  const slots = recipe.slots ?? [];
+  const recipeParts = slots.map((slot) => [slot, init(slot)]);
+  for (const [variantsKey, variantsSpec] of Object.entries(recipe.variants ?? {})) {
+    for (const [variantKey, variantSpec] of Object.entries(variantsSpec)) {
+      recipeParts.forEach(([slot, slotRecipe]) => {
+        var _a;
+        (_a = slotRecipe.variants)[variantsKey] ?? (_a[variantsKey] = {});
+        slotRecipe.variants[variantsKey][variantKey] = variantSpec[slot] ?? {};
+      });
+    }
+  }
+  return Object.fromEntries(recipeParts);
+};
+var getSlotCompoundVariant = (compoundVariants, slotName) => compoundVariants.filter((compoundVariant) => compoundVariant.css[slotName]).map((compoundVariant) => ({ ...compoundVariant, css: compoundVariant.css[slotName] }));
 function splitProps(props, ...keys) {
   const descriptors = Object.getOwnPropertyDescriptors(props);
   const dKeys = Object.keys(descriptors);
@@ -273,6 +295,6 @@ var css = (...styles) => cssFn(mergeCss(...styles));
 css.raw = (...styles) => mergeCss(...styles);
 var { mergeCss} = createMergeCss(context);
 
-export { compact, css, memo, mergeCss, mergeProps, splitProps, uniq };
-//# sourceMappingURL=chunk-UHQRL4OA.js.map
-//# sourceMappingURL=chunk-UHQRL4OA.js.map
+export { compact, css, getSlotRecipes, memo, mergeCss, mergeProps, splitProps, uniq };
+//# sourceMappingURL=chunk-OD4DHHZH.js.map
+//# sourceMappingURL=chunk-OD4DHHZH.js.map

package/dist/chunk-OD4DHHZH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../styled-system/helpers.js","../styled-system/css/conditions.js","../styled-system/css/css.js"],"names":["context","conditions","resolveShorthand","mergeCss","assignCss"],"mappings":"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","file":"chunk-OD4DHHZH.js","sourcesContent":["// src/assert.ts\nfunction isObject(value) {\n  return typeof value === \"object\" && value != null && !Array.isArray(value);\n}\nvar isObjectOrArray = (obj) => typeof obj === \"object\" && obj !== null;\n\n// src/compact.ts\nfunction compact(value) {\n  return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));\n}\n\n// src/condition.ts\nvar isBaseCondition = (v) => v === \"base\";\nfunction filterBaseConditions(c) {\n  return c.slice().filter((v) => !isBaseCondition(v));\n}\n\n// src/hash.ts\nfunction toChar(code) {\n  return String.fromCharCode(code + (code > 25 ? 39 : 97));\n}\nfunction toName(code) {\n  let name = \"\";\n  let x;\n  for (x = Math.abs(code); x > 52; x = x / 52 | 0) name = toChar(x % 52) + name;\n  return toChar(x % 52) + name;\n}\nfunction toPhash(h, x) {\n  let i = x.length;\n  while (i) h = h * 33 ^ x.charCodeAt(--i);\n  return h;\n}\nfunction toHash(value) {\n  return toName(toPhash(5381, value) >>> 0);\n}\n\n// src/important.ts\nvar importantRegex = /\\s*!(important)?/i;\nfunction isImportant(value) {\n  return typeof value === \"string\" ? importantRegex.test(value) : false;\n}\nfunction withoutImportant(value) {\n  return typeof value === \"string\" ? value.replace(importantRegex, \"\").trim() : value;\n}\nfunction withoutSpace(str) {\n  return typeof str === \"string\" ? str.replaceAll(\" \", \"_\") : str;\n}\n\n// src/memo.ts\nvar memo = (fn) => {\n  const cache = /* @__PURE__ */ new Map();\n  const get = (...args) => {\n    const key = JSON.stringify(args);\n    if (cache.has(key)) {\n      return cache.get(key);\n    }\n    const result = fn(...args);\n    cache.set(key, result);\n    return result;\n  };\n  return get;\n};\n\n// src/merge-props.ts\nvar MERGE_OMIT = /* @__PURE__ */ new Set([\"__proto__\", \"constructor\", \"prototype\"]);\nfunction mergeProps(...sources) {\n  return sources.reduce((prev, obj) => {\n    if (!obj) return prev;\n    Object.keys(obj).forEach((key) => {\n      if (MERGE_OMIT.has(key)) return;\n      const prevValue = prev[key];\n      const value = obj[key];\n      if (isObject(prevValue) && isObject(value)) {\n        prev[key] = mergeProps(prevValue, value);\n      } else {\n        prev[key] = value;\n      }\n    });\n    return prev;\n  }, {});\n}\n\n// src/walk-object.ts\nvar isNotNullish = (element) => element != null;\nfunction walkObject(target, predicate, options = {}) {\n  const { stop, getKey } = options;\n  function inner(value, path = []) {\n    if (isObjectOrArray(value)) {\n      const result = {};\n      for (const [prop, child] of Object.entries(value)) {\n        const key = getKey?.(prop, child) ?? prop;\n        const childPath = [...path, key];\n        if (stop?.(value, childPath)) {\n          return predicate(value, path);\n        }\n        const next = inner(child, childPath);\n        if (isNotNullish(next)) {\n          result[key] = next;\n        }\n      }\n      return result;\n    }\n    return predicate(value, path);\n  }\n  return inner(target);\n}\nfunction mapObject(obj, fn) {\n  if (Array.isArray(obj)) return obj.map((value) => fn(value));\n  if (!isObject(obj)) return fn(obj);\n  return walkObject(obj, (value) => fn(value));\n}\n\n// src/normalize-style-object.ts\nfunction toResponsiveObject(values, breakpoints) {\n  return values.reduce(\n    (acc, current, index) => {\n      const key = breakpoints[index];\n      if (current != null) {\n        acc[key] = current;\n      }\n      return acc;\n    },\n    {}\n  );\n}\nfunction normalizeStyleObject(styles, context, shorthand = true) {\n  const { utility, conditions } = context;\n  const { hasShorthand, resolveShorthand } = utility;\n  return walkObject(\n    styles,\n    (value) => {\n      return Array.isArray(value) ? toResponsiveObject(value, conditions.breakpoints.keys) : value;\n    },\n    {\n      stop: (value) => Array.isArray(value),\n      getKey: shorthand ? (prop) => hasShorthand ? resolveShorthand(prop) : prop : void 0\n    }\n  );\n}\n\n// src/classname.ts\nvar fallbackCondition = {\n  shift: (v) => v,\n  finalize: (v) => v,\n  breakpoints: { keys: [] }\n};\nvar sanitize = (value) => typeof value === \"string\" ? value.replaceAll(/[\\n\\s]+/g, \" \") : value;\nfunction createCss(context) {\n  const { utility, hash, conditions: conds = fallbackCondition } = context;\n  const formatClassName = (str) => [utility.prefix, str].filter(Boolean).join(\"-\");\n  const hashFn = (conditions, className) => {\n    let result;\n    if (hash) {\n      const baseArray = [...conds.finalize(conditions), className];\n      result = formatClassName(utility.toHash(baseArray, toHash));\n    } else {\n      const baseArray = [...conds.finalize(conditions), formatClassName(className)];\n      result = baseArray.join(\":\");\n    }\n    return result;\n  };\n  return memo(({ base, ...styles } = {}) => {\n    const styleObject = Object.assign(styles, base);\n    const normalizedObject = normalizeStyleObject(styleObject, context);\n    const classNames = /* @__PURE__ */ new Set();\n    walkObject(normalizedObject, (value, paths) => {\n      if (value == null) return;\n      const important = isImportant(value);\n      const [prop, ...allConditions] = conds.shift(paths);\n      const conditions = filterBaseConditions(allConditions);\n      const transformed = utility.transform(prop, withoutImportant(sanitize(value)));\n      let className = hashFn(conditions, transformed.className);\n      if (important) className = `${className}!`;\n      classNames.add(className);\n    });\n    return Array.from(classNames).join(\" \");\n  });\n}\nfunction compactStyles(...styles) {\n  return styles.flat().filter((style) => isObject(style) && Object.keys(compact(style)).length > 0);\n}\nfunction createMergeCss(context) {\n  function resolve(styles) {\n    const allStyles = compactStyles(...styles);\n    if (allStyles.length === 1) return allStyles;\n    return allStyles.map((style) => normalizeStyleObject(style, context));\n  }\n  function mergeCss(...styles) {\n    return mergeProps(...resolve(styles));\n  }\n  function assignCss(...styles) {\n    return Object.assign({}, ...resolve(styles));\n  }\n  return { mergeCss: memo(mergeCss), assignCss };\n}\n\n// src/hypenate-property.ts\nvar wordRegex = /([A-Z])/g;\nvar msRegex = /^ms-/;\nvar hypenateProperty = memo((property) => {\n  if (property.startsWith(\"--\")) return property;\n  return property.replace(wordRegex, \"-$1\").replace(msRegex, \"-ms-\").toLowerCase();\n});\n\n// src/is-css-function.ts\nvar fns = [\"min\", \"max\", \"clamp\", \"calc\"];\nvar fnRegExp = new RegExp(`^(${fns.join(\"|\")})\\\\(.*\\\\)`);\nvar isCssFunction = (v) => typeof v === \"string\" && fnRegExp.test(v);\n\n// src/is-css-unit.ts\nvar lengthUnits = \"cm,mm,Q,in,pc,pt,px,em,ex,ch,rem,lh,rlh,vw,vh,vmin,vmax,vb,vi,svw,svh,lvw,lvh,dvw,dvh,cqw,cqh,cqi,cqb,cqmin,cqmax,%\";\nvar lengthUnitsPattern = `(?:${lengthUnits.split(\",\").join(\"|\")})`;\nvar lengthRegExp = new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${lengthUnitsPattern}$`);\nvar isCssUnit = (v) => typeof v === \"string\" && lengthRegExp.test(v);\n\n// src/is-css-var.ts\nvar isCssVar = (v) => typeof v === \"string\" && /^var\\(--.+\\)$/.test(v);\n\n// src/pattern-fns.ts\nvar patternFns = {\n  map: mapObject,\n  isCssFunction,\n  isCssVar,\n  isCssUnit\n};\nvar getPatternStyles = (pattern, styles) => {\n  if (!pattern?.defaultValues) return styles;\n  const defaults = typeof pattern.defaultValues === \"function\" ? pattern.defaultValues(styles) : pattern.defaultValues;\n  return Object.assign({}, defaults, compact(styles));\n};\n\n// src/slot.ts\nvar getSlotRecipes = (recipe = {}) => {\n  const init = (slot) => ({\n    className: [recipe.className, slot].filter(Boolean).join(\"__\"),\n    base: recipe.base?.[slot] ?? {},\n    variants: {},\n    defaultVariants: recipe.defaultVariants ?? {},\n    compoundVariants: recipe.compoundVariants ? getSlotCompoundVariant(recipe.compoundVariants, slot) : []\n  });\n  const slots = recipe.slots ?? [];\n  const recipeParts = slots.map((slot) => [slot, init(slot)]);\n  for (const [variantsKey, variantsSpec] of Object.entries(recipe.variants ?? {})) {\n    for (const [variantKey, variantSpec] of Object.entries(variantsSpec)) {\n      recipeParts.forEach(([slot, slotRecipe]) => {\n        slotRecipe.variants[variantsKey] ??= {};\n        slotRecipe.variants[variantsKey][variantKey] = variantSpec[slot] ?? {};\n      });\n    }\n  }\n  return Object.fromEntries(recipeParts);\n};\nvar getSlotCompoundVariant = (compoundVariants, slotName) => compoundVariants.filter((compoundVariant) => compoundVariant.css[slotName]).map((compoundVariant) => ({ ...compoundVariant, css: compoundVariant.css[slotName] }));\n\n// src/split-props.ts\nfunction splitProps(props, ...keys) {\n  const descriptors = Object.getOwnPropertyDescriptors(props);\n  const dKeys = Object.keys(descriptors);\n  const split = (k) => {\n    const clone = {};\n    for (let i = 0; i < k.length; i++) {\n      const key = k[i];\n      if (descriptors[key]) {\n        Object.defineProperty(clone, key, descriptors[key]);\n        delete descriptors[key];\n      }\n    }\n    return clone;\n  };\n  const fn = (key) => split(Array.isArray(key) ? key : dKeys.filter(key));\n  return keys.map(fn).concat(split(dKeys));\n}\n\n// src/uniq.ts\nvar uniq = (...items) => {\n  const set = items.reduce((acc, currItems) => {\n    if (currItems) {\n      currItems.forEach((item) => acc.add(item));\n    }\n    return acc;\n  }, /* @__PURE__ */ new Set([]));\n  return Array.from(set);\n};\nexport {\n  compact,\n  createCss,\n  createMergeCss,\n  filterBaseConditions,\n  getPatternStyles,\n  getSlotCompoundVariant,\n  getSlotRecipes,\n  hypenateProperty,\n  isBaseCondition,\n  isObject,\n  mapObject,\n  memo,\n  mergeProps,\n  patternFns,\n  splitProps,\n  toHash,\n  uniq,\n  walkObject,\n  withoutSpace\n};\n\n\n\n// src/normalize-html.ts\nvar htmlProps = [\"htmlSize\", \"htmlTranslate\", \"htmlWidth\", \"htmlHeight\"];\nfunction convert(key) {\n  return htmlProps.includes(key) ? key.replace(\"html\", \"\").toLowerCase() : key;\n}\nfunction normalizeHTMLProps(props) {\n  return Object.fromEntries(Object.entries(props).map(([key, value]) => [convert(key), value]));\n}\nnormalizeHTMLProps.keys = htmlProps;\nexport {\n  normalizeHTMLProps\n};\n\n\nexport function __spreadValues(a, b) {\n  return { ...a, ...b }\n}\n\nexport function __objRest(source, exclude) {\n  return Object.fromEntries(Object.entries(source).filter(([key]) => !exclude.includes(key)))\n}","import { withoutSpace } from '../helpers.js';\n\nconst conditionsStr = \"_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,_noscript,_invertedColors,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,base\"\nconst conditions = new Set(conditionsStr.split(','))\n\nconst conditionRegex = /^@|&|&$/\n\nexport function isCondition(value){\n  return conditions.has(value) || conditionRegex.test(value)\n}\n\nconst underscoreRegex = /^_/\nconst conditionsSelectorRegex = /&|@/\n\nexport function finalizeConditions(paths){\n  return paths.map((path) => {\n    if (conditions.has(path)){\n      return path.replace(underscoreRegex, '')\n    }\n\n    if (conditionsSelectorRegex.test(path)){\n      return `[${withoutSpace(path.trim())}]`\n    }\n\n    return path\n  })}\n\n  export function sortConditions(paths){\n    return paths.sort((a, b) => {\n      const aa = isCondition(a)\n      const bb = isCondition(b)\n      if (aa && !bb) return 1\n      if (!aa && bb) return -1\n      return 0\n    })\n  }","import { createCss, createMergeCss, hypenateProperty, withoutSpace } from '../helpers.js';\nimport { sortConditions, finalizeConditions } from './conditions.js';\n\nconst utilities = \"aspectRatio:asp,boxDecorationBreak:bx-db,zIndex:z,boxSizing:bx-s,objectPosition:obj-p,objectFit:obj-f,overscrollBehavior:ovs-b,overscrollBehaviorX:ovs-bx,overscrollBehaviorY:ovs-by,position:pos/1,top:top,left:left,inset:inset,insetInline:inset-x/insetX,insetBlock:inset-y/insetY,insetBlockEnd:inset-be,insetBlockStart:inset-bs,insetInlineEnd:inset-e/insetEnd/end,insetInlineStart:inset-s/insetStart/start,right:right,bottom:bottom,float:float,visibility:vis,display:d,hideFrom:hide,hideBelow:show,flexBasis:flex-b,flex:flex,flexDirection:flex-d/flexDir,flexGrow:flex-g,flexShrink:flex-sh,gridTemplateColumns:grid-tc,gridTemplateRows:grid-tr,gridColumn:grid-c,gridRow:grid-r,gridColumnStart:grid-cs,gridColumnEnd:grid-ce,gridAutoFlow:grid-af,gridAutoColumns:grid-ac,gridAutoRows:grid-ar,gap:gap,gridGap:grid-g,gridRowGap:grid-rg,gridColumnGap:grid-cg,rowGap:rg,columnGap:cg,justifyContent:jc,alignContent:ac,alignItems:ai,alignSelf:as,padding:p/1,paddingLeft:pl/1,paddingRight:pr/1,paddingTop:pt/1,paddingBottom:pb/1,paddingBlock:py/1/paddingY,paddingBlockEnd:pbe,paddingBlockStart:pbs,paddingInline:px/paddingX/1,paddingInlineEnd:pe/1/paddingEnd,paddingInlineStart:ps/1/paddingStart,marginLeft:ml/1,marginRight:mr/1,marginTop:mt/1,marginBottom:mb/1,margin:m/1,marginBlock:my/1/marginY,marginBlockEnd:mbe,marginBlockStart:mbs,marginInline:mx/1/marginX,marginInlineEnd:me/1/marginEnd,marginInlineStart:ms/1/marginStart,spaceX:sx,spaceY:sy,outlineWidth:ring-w/ringWidth,outlineColor:ring-c/ringColor,outline:ring/1,outlineOffset:ring-o/ringOffset,focusRing:focus-ring,focusVisibleRing:focus-v-ring,focusRingColor:focus-ring-c,focusRingOffset:focus-ring-o,focusRingWidth:focus-ring-w,focusRingStyle:focus-ring-s,divideX:dvd-x,divideY:dvd-y,divideColor:dvd-c,divideStyle:dvd-s,width:w/1,inlineSize:w-is,minWidth:min-w/minW,minInlineSize:min-w-is,maxWidth:max-w/maxW,maxInlineSize:max-w-is,height:h/1,blockSize:h-bs,minHeight:min-h/minH,minBlockSize:min-h-bs,maxHeight:max-h/maxH,maxBlockSize:max-b,boxSize:size,color:c,fontFamily:ff,fontSize:fs,fontSizeAdjust:fs-a,fontPalette:fp,fontKerning:fk,fontFeatureSettings:ff-s,fontWeight:fw,fontSmoothing:fsmt,fontVariant:fv,fontVariantAlternates:fv-alt,fontVariantCaps:fv-caps,fontVariationSettings:fv-s,fontVariantNumeric:fv-num,letterSpacing:ls,lineHeight:lh,textAlign:ta,textDecoration:td,textDecorationColor:td-c,textEmphasisColor:te-c,textDecorationStyle:td-s,textDecorationThickness:td-t,textUnderlineOffset:tu-o,textTransform:tt,textIndent:ti,textShadow:tsh,textShadowColor:tsh-c/textShadowColor,WebkitTextFillColor:wktf-c,textOverflow:tov,verticalAlign:va,wordBreak:wb,textWrap:tw,truncate:trunc,lineClamp:lc,listStyleType:li-t,listStylePosition:li-pos,listStyleImage:li-img,listStyle:li-s,backgroundPosition:bg-p/bgPosition,backgroundPositionX:bg-p-x/bgPositionX,backgroundPositionY:bg-p-y/bgPositionY,backgroundAttachment:bg-a/bgAttachment,backgroundClip:bg-cp/bgClip,background:bg/1,backgroundColor:bg-c/bgColor,backgroundOrigin:bg-o/bgOrigin,backgroundImage:bg-i/bgImage,backgroundRepeat:bg-r/bgRepeat,backgroundBlendMode:bg-bm/bgBlendMode,backgroundSize:bg-s/bgSize,backgroundGradient:bg-grad/bgGradient,backgroundLinear:bg-linear/bgLinear,backgroundRadial:bg-radial/bgRadial,backgroundConic:bg-conic/bgConic,textGradient:txt-grad,gradientFromPosition:grad-from-pos,gradientToPosition:grad-to-pos,gradientFrom:grad-from,gradientTo:grad-to,gradientVia:grad-via,gradientViaPosition:grad-via-pos,borderRadius:bdr/rounded,borderTopLeftRadius:bdr-tl/roundedTopLeft,borderTopRightRadius:bdr-tr/roundedTopRight,borderBottomRightRadius:bdr-br/roundedBottomRight,borderBottomLeftRadius:bdr-bl/roundedBottomLeft,borderTopRadius:bdr-t/roundedTop,borderRightRadius:bdr-r/roundedRight,borderBottomRadius:bdr-b/roundedBottom,borderLeftRadius:bdr-l/roundedLeft,borderStartStartRadius:bdr-ss/roundedStartStart,borderStartEndRadius:bdr-se/roundedStartEnd,borderStartRadius:bdr-s/roundedStart,borderEndStartRadius:bdr-es/roundedEndStart,borderEndEndRadius:bdr-ee/roundedEndEnd,borderEndRadius:bdr-e/roundedEnd,border:bd,borderWidth:bd-w,borderTopWidth:bd-t-w,borderLeftWidth:bd-l-w,borderRightWidth:bd-r-w,borderBottomWidth:bd-b-w,borderBlockStartWidth:bd-bs-w,borderBlockEndWidth:bd-be-w,borderColor:bd-c,borderInline:bd-x/borderX,borderInlineWidth:bd-x-w/borderXWidth,borderInlineColor:bd-x-c/borderXColor,borderBlock:bd-y/borderY,borderBlockWidth:bd-y-w/borderYWidth,borderBlockColor:bd-y-c/borderYColor,borderLeft:bd-l,borderLeftColor:bd-l-c,borderInlineStart:bd-s/borderStart,borderInlineStartWidth:bd-s-w/borderStartWidth,borderInlineStartColor:bd-s-c/borderStartColor,borderRight:bd-r,borderRightColor:bd-r-c,borderInlineEnd:bd-e/borderEnd,borderInlineEndWidth:bd-e-w/borderEndWidth,borderInlineEndColor:bd-e-c/borderEndColor,borderTop:bd-t,borderTopColor:bd-t-c,borderBottom:bd-b,borderBottomColor:bd-b-c,borderBlockEnd:bd-be,borderBlockEndColor:bd-be-c,borderBlockStart:bd-bs,borderBlockStartColor:bd-bs-c,opacity:op,boxShadow:bx-sh/shadow,boxShadowColor:bx-sh-c/shadowColor,mixBlendMode:mix-bm,filter:filter,brightness:brightness,contrast:contrast,grayscale:grayscale,hueRotate:hue-rotate,invert:invert,saturate:saturate,sepia:sepia,dropShadow:drop-shadow,blur:blur,backdropFilter:bkdp,backdropBlur:bkdp-blur,backdropBrightness:bkdp-brightness,backdropContrast:bkdp-contrast,backdropGrayscale:bkdp-grayscale,backdropHueRotate:bkdp-hue-rotate,backdropInvert:bkdp-invert,backdropOpacity:bkdp-opacity,backdropSaturate:bkdp-saturate,backdropSepia:bkdp-sepia,borderCollapse:bd-cl,borderSpacing:bd-sp,borderSpacingX:bd-sx,borderSpacingY:bd-sy,tableLayout:tbl,transitionTimingFunction:trs-tmf,transitionDelay:trs-dly,transitionDuration:trs-dur,transitionProperty:trs-prop,transition:trs,animation:anim,animationName:anim-n,animationTimingFunction:anim-tmf,animationDuration:anim-dur,animationDelay:anim-dly,animationPlayState:anim-ps,animationComposition:anim-comp,animationFillMode:anim-fm,animationDirection:anim-dir,animationIterationCount:anim-ic,animationRange:anim-r,animationState:anim-s,animationRangeStart:anim-rs,animationRangeEnd:anim-re,animationTimeline:anim-tl,transformOrigin:trf-o,transformBox:trf-b,transformStyle:trf-s,transform:trf,rotate:rotate,rotateX:rotate-x,rotateY:rotate-y,rotateZ:rotate-z,scale:scale,scaleX:scale-x,scaleY:scale-y,translate:translate,translateX:translate-x/x,translateY:translate-y/y,translateZ:translate-z/z,accentColor:ac-c,caretColor:ca-c,scrollBehavior:scr-bhv,scrollbar:scr-bar,scrollbarColor:scr-bar-c,scrollbarGutter:scr-bar-g,scrollbarWidth:scr-bar-w,scrollMargin:scr-m,scrollMarginLeft:scr-ml,scrollMarginRight:scr-mr,scrollMarginTop:scr-mt,scrollMarginBottom:scr-mb,scrollMarginBlock:scr-my/scrollMarginY,scrollMarginBlockEnd:scr-mbe,scrollMarginBlockStart:scr-mbt,scrollMarginInline:scr-mx/scrollMarginX,scrollMarginInlineEnd:scr-me,scrollMarginInlineStart:scr-ms,scrollPadding:scr-p,scrollPaddingBlock:scr-py/scrollPaddingY,scrollPaddingBlockStart:scr-pbs,scrollPaddingBlockEnd:scr-pbe,scrollPaddingInline:scr-px/scrollPaddingX,scrollPaddingInlineEnd:scr-pe,scrollPaddingInlineStart:scr-ps,scrollPaddingLeft:scr-pl,scrollPaddingRight:scr-pr,scrollPaddingTop:scr-pt,scrollPaddingBottom:scr-pb,scrollSnapAlign:scr-sa,scrollSnapStop:scrs-s,scrollSnapType:scrs-t,scrollSnapStrictness:scrs-strt,scrollSnapMargin:scrs-m,scrollSnapMarginTop:scrs-mt,scrollSnapMarginBottom:scrs-mb,scrollSnapMarginLeft:scrs-ml,scrollSnapMarginRight:scrs-mr,scrollSnapCoordinate:scrs-c,scrollSnapDestination:scrs-d,scrollSnapPointsX:scrs-px,scrollSnapPointsY:scrs-py,scrollSnapTypeX:scrs-tx,scrollSnapTypeY:scrs-ty,scrollTimeline:scrtl,scrollTimelineAxis:scrtl-a,scrollTimelineName:scrtl-n,touchAction:tch-a,userSelect:us,overflow:ov,overflowWrap:ov-wrap,overflowX:ov-x,overflowY:ov-y,overflowAnchor:ov-a,overflowBlock:ov-b,overflowInline:ov-i,overflowClipBox:ovcp-bx,overflowClipMargin:ovcp-m,overscrollBehaviorBlock:ovs-bb,overscrollBehaviorInline:ovs-bi,fill:fill,stroke:stk,strokeWidth:stk-w,strokeDasharray:stk-dsh,strokeDashoffset:stk-do,strokeLinecap:stk-lc,strokeLinejoin:stk-lj,strokeMiterlimit:stk-ml,strokeOpacity:stk-op,srOnly:sr,debug:debug,appearance:ap,backfaceVisibility:bfv,clipPath:cp-path,hyphens:hy,mask:msk,maskImage:msk-i,maskSize:msk-s,textSizeAdjust:txt-adj,container:cq,containerName:cq-n,containerType:cq-t,cursor:cursor,textStyle:textStyle\"\n\nconst classNameByProp = new Map()\nconst shorthands = new Map()\nutilities.split(',').forEach((utility) => {\n  const [prop, meta] = utility.split(':')\n  const [className, ...shorthandList] = meta.split('/')\n  classNameByProp.set(prop, className)\n  if (shorthandList.length) {\n    shorthandList.forEach((shorthand) => {\n      shorthands.set(shorthand === '1' ? className : shorthand, prop)\n    })\n  }\n})\n\nconst resolveShorthand = (prop) => shorthands.get(prop) || prop\n\nconst context = {\n  \n  conditions: {\n    shift: sortConditions,\n    finalize: finalizeConditions,\n    breakpoints: { keys: [\"base\",\"sm\",\"md\",\"lg\",\"xl\",\"2xl\"] }\n  },\n  utility: {\n    prefix: \"silver\",\n    transform: (prop, value) => {\n              const key = resolveShorthand(prop)\n              const propKey = classNameByProp.get(key) || hypenateProperty(key)\n              return { className: `${propKey}_${withoutSpace(value)}` }\n            },\n    hasShorthand: true,\n    toHash: (path, hashFn) => hashFn(path.join(\":\")),\n    resolveShorthand: resolveShorthand,\n  }\n}\n\nconst cssFn = createCss(context)\nexport const css = (...styles) => cssFn(mergeCss(...styles))\ncss.raw = (...styles) => mergeCss(...styles)\n\nexport const { mergeCss, assignCss } = createMergeCss(context)"]}

package/dist/{chunk-PGKOWMP4.js → chunk-OHKL4DOV.js}

@@ -1,7 +1,7 @@
-import { Icon } from './chunk-4W7L63LH.js';
-import { cva } from './chunk-NAELQLZN.js';
+import { sva } from './chunk-EHCAF6D3.js';
+import { Icon } from './chunk-7T3SWOY7.js';
 import { cx } from './chunk-PPNETWIP.js';
-import { css } from './chunk-UHQRL4OA.js';
+import { css } from './chunk-OD4DHHZH.js';
 import { User } from 'lucide-react';
 import { createContext, use, useMemo, useState } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -15,25 +15,60 @@ function useAvatarGroup() {
 }
 
 // src/components/Avatar/Avatar.recipe.ts
-var avatarRecipe = cva({
+var avatarRecipe = sva({
+  slots: ["root", "content", "image", "fallback", "status"],
   base: {
-    position: "relative",
-    display: "inline-flex",
-    flexShrink: 0,
-    verticalAlign: "middle",
-    borderRadius: "full"
+    root: {
+      position: "relative",
+      display: "inline-flex",
+      flexShrink: 0,
+      verticalAlign: "middle",
+      borderRadius: "full"
+    },
+    content: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      borderRadius: "full",
+      overflow: "hidden",
+      userSelect: "none",
+      bg: "bg.subtle",
+      color: "fg.muted"
+    },
+    image: {
+      w: "100%",
+      h: "100%",
+      objectFit: "cover"
+    },
+    fallback: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      w: "100%",
+      h: "100%",
+      bg: "bg.subtle",
+      color: "fg.muted",
+      fontFamily: "body",
+      fontWeight: "medium",
+      textTransform: "uppercase"
+    },
+    status: {
+      position: "absolute"
+    }
   },
   variants: {
     isGrouped: {
       true: {
-        borderRadius: "full",
-        borderWidth: "emphasized",
-        borderStyle: "solid",
-        borderColor: "bg",
-        bg: "bg",
-        boxSizing: "content-box",
-        "&:not(:first-child)": {
-          marginInlineStart: "var(--avatar-group-overlap)"
+        root: {
+          borderRadius: "full",
+          borderWidth: "emphasized",
+          borderStyle: "solid",
+          borderColor: "bg",
+          bg: "bg",
+          boxSizing: "content-box",
+          "&:not(:first-child)": {
+            marginInlineStart: "var(--avatar-group-overlap)"
+          }
         }
       },
       false: {}
@@ -68,38 +103,6 @@ function resolveAvatarSize(size) {
       return 128;
   }
 }
-var styles = {
-  content: css({
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: "full",
-    overflow: "hidden",
-    userSelect: "none",
-    bg: "bg.subtle",
-    color: "fg.muted"
-  }),
-  image: css({
-    w: "100%",
-    h: "100%",
-    objectFit: "cover"
-  }),
-  fallback: css({
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    w: "100%",
-    h: "100%",
-    bg: "bg.subtle",
-    color: "fg.muted",
-    fontFamily: "body",
-    fontWeight: "medium",
-    textTransform: "uppercase"
-  }),
-  status: css({
-    position: "absolute"
-  })
-};
 function getInitials(name) {
   const words = name.trim().split(/\s+/).filter(Boolean);
   if (words.length === 0) {
@@ -130,6 +133,7 @@ function Avatar({
     () => resolveAvatarSize(resolvedSize),
     [resolvedSize]
   );
+  const classes = avatarRecipe({ isGrouped: avatarGroup != null });
   const initials = name != null ? getInitials(name) : "";
   const showInitials = initials !== "";
   const accessibleName = alt ?? (showInitials ? name : void 0) ?? "Avatar";
@@ -149,21 +153,19 @@ function Avatar({
     "div",
     {
       "aria-label": accessibleName,
-      className: cx(
-        avatarRecipe({ isGrouped: avatarGroup != null }),
-        className
-      ),
+      className: cx(classes.root, className),
       "data-testid": dataTestId,
       ref,
       role: "img",
       style,
       children: [
-        /* @__PURE__ */ jsx("div", { className: styles.content, style: contentStyle, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: classes.content, style: contentStyle, children: /* @__PURE__ */ jsx(
           AvatarImage,
           {
+            classes,
             fallbackSrc,
             src,
-            children: showInitials ? /* @__PURE__ */ jsx("div", { className: styles.fallback, style: fallbackStyle, children: initials }) : /* @__PURE__ */ jsx("div", { className: styles.fallback, children: /* @__PURE__ */ jsx(
+            children: showInitials ? /* @__PURE__ */ jsx("div", { className: classes.fallback, style: fallbackStyle, children: initials }) : /* @__PURE__ */ jsx("div", { className: classes.fallback, children: /* @__PURE__ */ jsx(
               Icon,
               {
                 icon: User,
@@ -173,13 +175,14 @@ function Avatar({
           },
           `${src}\0${fallbackSrc}`
         ) }),
-        status != null ? /* @__PURE__ */ jsx("div", { className: styles.status, style: statusStyle, children: status }) : null
+        status != null ? /* @__PURE__ */ jsx("div", { className: classes.status, style: statusStyle, children: status }) : null
       ]
     }
   ) });
 }
 function AvatarImage({
   children,
+  classes,
   fallbackSrc,
   src
 }) {
@@ -192,7 +195,7 @@ function AvatarImage({
       "img",
       {
         alt: "",
-        className: styles.image,
+        className: classes.image,
         onError: () => setImageError(true),
         src
       }
@@ -203,7 +206,7 @@ function AvatarImage({
       "img",
       {
         alt: "",
-        className: styles.image,
+        className: classes.image,
         onError: () => setFallbackError(true),
         src: fallbackSrc
       }
@@ -212,15 +215,14 @@ function AvatarImage({
   return /* @__PURE__ */ jsx(Fragment, { children });
 }
 Avatar.displayName = "Avatar";
-var styles2 = {
+var styles = {
   root: css({
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     borderRadius: "full",
     borderStyle: "solid",
-    borderColor: "bg",
-    boxSizing: "border-box"
+    borderColor: "bg"
   }),
   success: css({
     bg: "presence.success"
@@ -244,9 +246,9 @@ var styles2 = {
   })
 };
 var variantClassName = {
-  success: styles2.success,
-  neutral: styles2.neutral,
-  error: styles2.error
+  success: styles.success,
+  neutral: styles.neutral,
+  error: styles.error
 };
 function resolveStatusDotSize(avatarSize) {
   if (avatarSize <= 36) {
@@ -269,11 +271,18 @@ function AvatarStatusDot({
   const avatarSize = useAvatarSize();
   const { borderWidth, dotSize, iconSize } = resolveStatusDotSize(avatarSize);
   const hasVisibleIcon = icon != null && iconSize > 0;
+  if (process.env.NODE_ENV !== "production") {
+    if (icon != null && iconSize === 0) {
+      console.warn(
+        "AvatarStatusDot: `icon` is not visible at avatar sizes 36px or smaller. Use a larger avatar size or remove the `icon` prop."
+      );
+    }
+  }
   return /* @__PURE__ */ jsx(
     "div",
     {
       "aria-label": label,
-      className: cx(styles2.root, variantClassName[variant], className),
+      className: cx(styles.root, variantClassName[variant], className),
       "data-testid": dataTestId,
       ref,
       role: "img",
@@ -282,7 +291,7 @@ function AvatarStatusDot({
         "span",
         {
           "aria-hidden": "true",
-          className: styles2.icon,
+          className: styles.icon,
           style: { width: iconSize, height: iconSize },
           children: icon
         }
@@ -292,6 +301,6 @@ function AvatarStatusDot({
 }
 AvatarStatusDot.displayName = "AvatarStatusDot";
 
-export { Avatar, AvatarGroupContext, AvatarStatusDot, avatarRecipe, resolveAvatarSize, useAvatarGroup };
-//# sourceMappingURL=chunk-PGKOWMP4.js.map
-//# sourceMappingURL=chunk-PGKOWMP4.js.map
+export { Avatar, AvatarGroupContext, AvatarStatusDot, resolveAvatarSize, useAvatarGroup };
+//# sourceMappingURL=chunk-OHKL4DOV.js.map
+//# sourceMappingURL=chunk-OHKL4DOV.js.map

package/dist/chunk-OHKL4DOV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AvatarGroup/AvatarGroupContext.ts","../src/components/Avatar/Avatar.recipe.ts","../src/components/Avatar/AvatarSizeContext.ts","../src/components/Avatar/Avatar.tsx","../src/components/Avatar/AvatarStatusDot.tsx"],"names":["createContext","use","jsx"],"mappings":";;;;;;;;AASO,IAAM,kBAAA,GAAqB,aAAA;AAAA,EAChC;AACF;AACA,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AAE1B,SAAS,cAAA,GAAiD;AAC/D,EAAA,OAAO,IAAI,kBAAkB,CAAA;AAC/B;;;ACdO,IAAM,eAAe,GAAA,CAAI;AAAA,EAC9B,OAAO,CAAC,MAAA,EAAQ,SAAA,EAAW,OAAA,EAAS,YAAY,QAAQ,CAAA;AAAA,EACxD,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM;AAAA,MACJ,QAAA,EAAU,UAAA;AAAA,MACV,OAAA,EAAS,aAAA;AAAA,MACT,UAAA,EAAY,CAAA;AAAA,MACZ,aAAA,EAAe,QAAA;AAAA,MACf,YAAA,EAAc;AAAA,KAChB;AAAA,IACA,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,MAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,cAAA,EAAgB,QAAA;AAAA,MAChB,YAAA,EAAc,MAAA;AAAA,MACd,QAAA,EAAU,QAAA;AAAA,MACV,UAAA,EAAY,MAAA;AAAA,MACZ,EAAA,EAAI,WAAA;AAAA,MACJ,KAAA,EAAO;AAAA,KACT;AAAA,IACA,KAAA,EAAO;AAAA,MACL,CAAA,EAAG,MAAA;AAAA,MACH,CAAA,EAAG,MAAA;AAAA,MACH,SAAA,EAAW;AAAA,KACb;AAAA,IACA,QAAA,EAAU;AAAA,MACR,OAAA,EAAS,MAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,cAAA,EAAgB,QAAA;AAAA,MAChB,CAAA,EAAG,MAAA;AAAA,MACH,CAAA,EAAG,MAAA;AAAA,MACH,EAAA,EAAI,WAAA;AAAA,MACJ,KAAA,EAAO,UAAA;AAAA,MACP,UAAA,EAAY,MAAA;AAAA,MACZ,UAAA,EAAY,QAAA;AAAA,MACZ,aAAA,EAAe;AAAA,KACjB;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,QAAA,EAAU;AAAA;AACZ,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,UACJ,YAAA,EAAc,MAAA;AAAA,UACd,WAAA,EAAa,YAAA;AAAA,UACb,WAAA,EAAa,OAAA;AAAA,UACb,WAAA,EAAa,IAAA;AAAA,UACb,EAAA,EAAI,IAAA;AAAA,UACJ,SAAA,EAAW,aAAA;AAAA,UACX,qBAAA,EAAuB;AAAA,YACrB,iBAAA,EAAmB;AAAA;AACrB;AACF,OACF;AAAA,MACA,OAAO;AAAC;AACV,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,SAAA,EAAW;AAAA;AAEf,CAAC,CAAA;AC9DD,IAAM,mBAAA,GAAsB,EAAA;AAErB,IAAM,iBAAA,GAAoBA,cAAsB,mBAAmB,CAAA;AAC1E,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAEzB,SAAS,aAAA,GAAwB;AACtC,EAAA,OAAOC,IAAI,iBAAiB,CAAA;AAC9B;ACAA,IAAM,wBAAA,GAAA,CAA4B,CAAA,GAAI,CAAA,GAAI,IAAA,CAAK,KAAA,IAAS,CAAA;AACxD,IAAM,wBAAA,GAA2B,GAAA;AAyB1B,SAAS,kBAAkB,IAAA,EAA0B;AAC1D,EAAA,IAAI,OAAO,SAAS,QAAA,EAAU;AAC5B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,QAAQ,IAAA;AAAM,IACZ,KAAK,MAAA;AACH,MAAA,OAAO,EAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAA,OAAO,EAAA;AAAA,IACT,KAAK,OAAA;AACH,MAAA,OAAO,EAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAA,OAAO,EAAA;AAAA,IACT,KAAK,OAAA;AACH,MAAA,OAAO,GAAA;AAAA;AAEb;AAiDA,SAAS,YAAY,IAAA,EAAsB;AACzC,EAAA,MAAM,KAAA,GAAQ,KAAK,IAAA,EAAK,CAAE,MAAM,KAAK,CAAA,CAAE,OAAO,OAAO,CAAA;AAErD,EAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACtB,IAAA,OAAO,EAAA;AAAA,EACT;AAEA,EAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACtB,IAAA,OAAO,MAAM,CAAC,CAAA,CAAE,MAAA,CAAO,CAAC,EAAE,WAAA,EAAY;AAAA,EACxC;AAEA,EAAA,OAAO,CAAA,EAAG,KAAA,CAAM,CAAC,CAAA,CAAE,MAAA,CAAO,CAAC,CAAC,CAAA,EAAG,KAAA,CAAM,KAAA,CAAM,MAAA,GAAS,CAAC,CAAA,CAAE,MAAA;AAAA,IACrD;AAAA,GACD,GAAG,WAAA,EAAY;AAClB;AAEO,SAAS,MAAA,CAAO;AAAA,EACrB,GAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,WAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA,GAAO,OAAA;AAAA,EACP,GAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAAmC;AACjC,EAAA,MAAM,cAAc,cAAA,EAAe;AACnC,EAAA,MAAM,YAAA,GAAe,aAAa,IAAA,IAAQ,IAAA;AAC1C,EAAA,MAAM,WAAA,GAAc,OAAA;AAAA,IAClB,MAAM,kBAAkB,YAAY,CAAA;AAAA,IACpC,CAAC,YAAY;AAAA,GACf;AACA,EAAA,MAAM,UAAU,YAAA,CAAa,EAAC,SAAA,EAAW,WAAA,IAAe,MAAK,CAAA;AAC7D,EAAA,MAAM,QAAA,GAAW,IAAA,IAAQ,IAAA,GAAO,WAAA,CAAY,IAAI,CAAA,GAAI,EAAA;AACpD,EAAA,MAAM,eAAe,QAAA,KAAa,EAAA;AAClC,EAAA,MAAM,cAAA,GAAiB,GAAA,KAAQ,YAAA,GAAe,IAAA,GAAO,MAAA,CAAA,IAAc,QAAA;AACnE,EAAA,MAAM,YAAA,GAAe;AAAA,IACnB,KAAA,EAAO,WAAA;AAAA,IACP,MAAA,EAAQ;AAAA,GACV;AACA,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,UAAU,WAAA,GAAc;AAAA,GAC1B;AACA,EAAA,MAAM,WAAA,GAAc;AAAA,IAClB,QAAQ,WAAA,GAAc,wBAAA;AAAA,IACtB,OAAO,WAAA,GAAc,wBAAA;AAAA,IACrB,SAAA,EAAW;AAAA,GACb;AAEA,EAAA,uBACE,GAAA,CAAC,iBAAA,EAAA,EAAkB,KAAA,EAAO,WAAA,EACxB,QAAA,kBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,cAAA;AAAA,MACZ,SAAA,EAAW,EAAA,CAAG,OAAA,CAAQ,IAAA,EAAM,SAAS,CAAA;AAAA,MACrC,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,IAAA,EAAK,KAAA;AAAA,MACL,KAAA;AAAA,MACA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,OAAA,EAAS,OAAO,YAAA,EACtC,QAAA,kBAAA,GAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,OAAA;AAAA,YACA,WAAA;AAAA,YAEA,GAAA;AAAA,YACC,QAAA,EAAA,YAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,QAAQ,QAAA,EAAU,KAAA,EAAO,aAAA,EACtC,QAAA,EAAA,QAAA,EACH,CAAA,mBAEA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,QAAQ,QAAA,EACtB,QAAA,kBAAA,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAM,IAAA;AAAA,gBACN,MACE,WAAA,GAAc,EAAA,GAAK,IAAA,GAAO,WAAA,GAAc,KAAK,IAAA,GAAO;AAAA;AAAA,aAExD,EACF;AAAA,WAAA;AAAA,UAdG,CAAA,EAAG,GAAG,CAAA,EAAA,EAAK,WAAW,CAAA;AAAA,SAgB7B,EACF,CAAA;AAAA,QACC,MAAA,IAAU,IAAA,mBACT,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,QAAQ,MAAA,EAAQ,KAAA,EAAO,WAAA,EACpC,QAAA,EAAA,MAAA,EACH,CAAA,GACE;AAAA;AAAA;AAAA,GACN,EACF,CAAA;AAEJ;AAEA,SAAS,WAAA,CAAY;AAAA,EACnB,QAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,EAKsB;AACpB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAClD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,EAAA,MAAM,SAAA,GAAY,GAAA,IAAO,IAAA,IAAQ,GAAA,KAAQ,MAAM,CAAC,UAAA;AAChD,EAAA,MAAM,oBACJ,CAAC,SAAA,IAAa,eAAe,IAAA,IAAQ,WAAA,KAAgB,MAAM,CAAC,aAAA;AAE9D,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAI,EAAA;AAAA,QACJ,WAAW,OAAA,CAAQ,KAAA;AAAA,QACnB,OAAA,EAAS,MAAM,aAAA,CAAc,IAAI,CAAA;AAAA,QACjC;AAAA;AAAA,KACF;AAAA,EAEJ;AAEA,EAAA,IAAI,iBAAA,EAAmB;AACrB,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAI,EAAA;AAAA,QACJ,WAAW,OAAA,CAAQ,KAAA;AAAA,QACnB,OAAA,EAAS,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,QACpC,GAAA,EAAK;AAAA;AAAA,KACP;AAAA,EAEJ;AAEA,EAAA,uCAAU,QAAA,EAAS,CAAA;AACrB;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;AClMrB,IAAM,MAAA,GAAS;AAAA,EACb,MAAM,GAAA,CAAI;AAAA,IACR,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,YAAA,EAAc,MAAA;AAAA,IACd,WAAA,EAAa,OAAA;AAAA,IACb,WAAA,EAAa;AAAA,GACd,CAAA;AAAA,EACD,SAAS,GAAA,CAAI;AAAA,IACX,EAAA,EAAI;AAAA,GACL,CAAA;AAAA,EACD,SAAS,GAAA,CAAI;AAAA,IACX,EAAA,EAAI;AAAA,GACL,CAAA;AAAA,EACD,OAAO,GAAA,CAAI;AAAA,IACT,EAAA,EAAI;AAAA,GACL,CAAA;AAAA,EACD,MAAM,GAAA,CAAI;AAAA,IACR,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,KAAA,EAAO,cAAA;AAAA,IACP,UAAA,EAAY,CAAA;AAAA,IACZ,SAAA,EAAW;AAAA,MACT,CAAA,EAAG,MAAA;AAAA,MACH,CAAA,EAAG;AAAA;AACL,GACD;AACH,CAAA;AAEA,IAAM,gBAAA,GAA2D;AAAA,EAC/D,SAAS,MAAA,CAAO,OAAA;AAAA,EAChB,SAAS,MAAA,CAAO,OAAA;AAAA,EAChB,OAAO,MAAA,CAAO;AAChB,CAAA;AAEA,SAAS,qBAAqB,UAAA,EAI5B;AACA,EAAA,IAAI,cAAc,EAAA,EAAI;AACpB,IAAA,OAAO,EAAC,WAAA,EAAa,CAAA,EAAG,OAAA,EAAS,EAAA,EAAI,UAAU,CAAA,EAAC;AAAA,EAClD;AAEA,EAAA,IAAI,cAAc,EAAA,EAAI;AACpB,IAAA,OAAO,EAAC,WAAA,EAAa,CAAA,EAAG,OAAA,EAAS,EAAA,EAAI,UAAU,EAAA,EAAE;AAAA,EACnD;AAEA,EAAA,OAAO,EAAC,WAAA,EAAa,CAAA,EAAG,OAAA,EAAS,EAAA,EAAI,UAAU,EAAA,EAAE;AACnD;AAKO,SAAS,eAAA,CAAgB;AAAA,EAC9B,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,IAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU;AACZ,CAAA,EAA4C;AAC1C,EAAA,MAAM,aAAa,aAAA,EAAc;AACjC,EAAA,MAAM,EAAC,WAAA,EAAa,OAAA,EAAS,QAAA,EAAQ,GAAI,qBAAqB,UAAU,CAAA;AACxE,EAAA,MAAM,cAAA,GAAiB,IAAA,IAAQ,IAAA,IAAQ,QAAA,GAAW,CAAA;AAElD,EAAA,IAAI,OAAA,CAAQ,GAAA,CAAI,QAAA,KAAa,YAAA,EAAc;AACzC,IAAA,IAAI,IAAA,IAAQ,IAAA,IAAQ,QAAA,KAAa,CAAA,EAAG;AAClC,MAAA,OAAA,CAAQ,IAAA;AAAA,QACN;AAAA,OAEF;AAAA,IACF;AAAA,EACF;AAEA,EAAA,uBACEC,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,KAAA;AAAA,MACZ,WAAW,EAAA,CAAG,MAAA,CAAO,MAAM,gBAAA,CAAiB,OAAO,GAAG,SAAS,CAAA;AAAA,MAC/D,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,IAAA,EAAK,KAAA;AAAA,MACL,KAAA,EAAO,EAAC,KAAA,EAAO,OAAA,EAAS,QAAQ,OAAA,EAAS,WAAA,EAAa,GAAG,KAAA,EAAK;AAAA,MAC7D,2CACCA,GAAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,aAAA,EAAY,MAAA;AAAA,UACZ,WAAW,MAAA,CAAO,IAAA;AAAA,UAClB,KAAA,EAAO,EAAC,KAAA,EAAO,QAAA,EAAU,QAAQ,QAAA,EAAQ;AAAA,UACxC,QAAA,EAAA;AAAA;AAAA,OACH,GACE;AAAA;AAAA,GACN;AAEJ;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA","file":"chunk-OHKL4DOV.js","sourcesContent":["import {createContext, use} from 'react';\nimport type {AvatarSize} from '../Avatar';\n\nexport interface AvatarGroupContextValue {\n  numericSize: number;\n  overlap: number;\n  size: AvatarSize;\n}\n\nexport const AvatarGroupContext = createContext<AvatarGroupContextValue | null>(\n  null,\n);\nAvatarGroupContext.displayName = 'AvatarGroupContext';\n\nexport function useAvatarGroup(): AvatarGroupContextValue | null {\n  return use(AvatarGroupContext);\n}\n","import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const avatarRecipe = sva({\n  slots: ['root', 'content', 'image', 'fallback', 'status'],\n  base: {\n    root: {\n      position: 'relative',\n      display: 'inline-flex',\n      flexShrink: 0,\n      verticalAlign: 'middle',\n      borderRadius: 'full',\n    },\n    content: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: 'full',\n      overflow: 'hidden',\n      userSelect: 'none',\n      bg: 'bg.subtle',\n      color: 'fg.muted',\n    },\n    image: {\n      w: '100%',\n      h: '100%',\n      objectFit: 'cover',\n    },\n    fallback: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: '100%',\n      h: '100%',\n      bg: 'bg.subtle',\n      color: 'fg.muted',\n      fontFamily: 'body',\n      fontWeight: 'medium',\n      textTransform: 'uppercase',\n    },\n    status: {\n      position: 'absolute',\n    },\n  },\n  variants: {\n    isGrouped: {\n      true: {\n        root: {\n          borderRadius: 'full',\n          borderWidth: 'emphasized',\n          borderStyle: 'solid',\n          borderColor: 'bg',\n          bg: 'bg',\n          boxSizing: 'content-box',\n          '&:not(:first-child)': {\n            marginInlineStart: 'var(--avatar-group-overlap)',\n          },\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    isGrouped: false,\n  },\n});\n\nexport type AvatarVariants = RecipeVariantProps<typeof avatarRecipe>;\n","import {createContext, use} from 'react';\n\nconst DEFAULT_AVATAR_SIZE = 36;\n\nexport const AvatarSizeContext = createContext<number>(DEFAULT_AVATAR_SIZE);\nAvatarSizeContext.displayName = 'AvatarSizeContext';\n\nexport function useAvatarSize(): number {\n  return use(AvatarSizeContext);\n}\n","import {User} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useMemo, useState} from 'react';\nimport {cx} from '../../internal/cx';\nimport {useAvatarGroup} from '../AvatarGroup/AvatarGroupContext';\nimport {Icon} from '../Icon';\nimport {avatarRecipe} from './Avatar.recipe';\nimport {AvatarSizeContext} from './AvatarSizeContext';\n\nconst CIRCLE_EDGE_OFFSET_RATIO = (1 - 1 / Math.SQRT2) / 2;\nconst INITIALS_FONT_SIZE_RATIO = 0.4;\n\nexport type AvatarNamedSize = 'tiny' | 'xsmall' | 'small' | 'medium' | 'large';\n\nexport type AvatarNumericSize =\n  | 16\n  | 20\n  | 24\n  | 32\n  | 36\n  | 40\n  | 48\n  | 60\n  | 64\n  | 72\n  | 96\n  | 128\n  | 144\n  | 180;\n\nexport type AvatarSize = AvatarNamedSize | AvatarNumericSize;\n\n/**\n * Resolve an Avatar size token to its pixel size.\n */\nexport function resolveAvatarSize(size: AvatarSize): number {\n  if (typeof size === 'number') {\n    return size;\n  }\n\n  switch (size) {\n    case 'tiny':\n      return 20;\n    case 'xsmall':\n      return 24;\n    case 'small':\n      return 36;\n    case 'medium':\n      return 48;\n    case 'large':\n      return 128;\n  }\n}\n\n/**\n * Displays a user profile image, initials, or a fallback icon.\n */\nexport interface AvatarProps {\n  /**\n   * Accessible text for the avatar image. Defaults to `name`, then \"Avatar\".\n   */\n  alt?: 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   * Image URL to use if `src` fails to load.\n   */\n  fallbackSrc?: string;\n  /**\n   * User name used as fallback accessible text and initials.\n   */\n  name?: string;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Avatar size. Named sizes map to the same pixel values as the XDS source.\n   * Default is `small`.\n   */\n  size?: AvatarSize;\n  /**\n   * Primary image URL.\n   */\n  src?: string;\n  /**\n   * Corner content, usually an AvatarStatusDot.\n   */\n  status?: ReactNode;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nfunction getInitials(name: string): string {\n  const words = name.trim().split(/\\s+/).filter(Boolean);\n\n  if (words.length === 0) {\n    return '';\n  }\n\n  if (words.length === 1) {\n    return words[0].charAt(0).toUpperCase();\n  }\n\n  return `${words[0].charAt(0)}${words[words.length - 1].charAt(\n    0,\n  )}`.toUpperCase();\n}\n\nexport function Avatar({\n  alt,\n  className,\n  'data-testid': dataTestId,\n  fallbackSrc,\n  name,\n  ref,\n  size = 'small',\n  src,\n  style,\n  status,\n}: AvatarProps): React.JSX.Element {\n  const avatarGroup = useAvatarGroup();\n  const resolvedSize = avatarGroup?.size ?? size;\n  const numericSize = useMemo(\n    () => resolveAvatarSize(resolvedSize),\n    [resolvedSize],\n  );\n  const classes = avatarRecipe({isGrouped: avatarGroup != null});\n  const initials = name != null ? getInitials(name) : '';\n  const showInitials = initials !== '';\n  const accessibleName = alt ?? (showInitials ? name : undefined) ?? 'Avatar';\n  const contentStyle = {\n    width: numericSize,\n    height: numericSize,\n  };\n  const fallbackStyle = {\n    fontSize: numericSize * INITIALS_FONT_SIZE_RATIO,\n  };\n  const statusStyle = {\n    bottom: numericSize * CIRCLE_EDGE_OFFSET_RATIO,\n    right: numericSize * CIRCLE_EDGE_OFFSET_RATIO,\n    transform: 'translate(50%, 50%)',\n  };\n\n  return (\n    <AvatarSizeContext value={numericSize}>\n      <div\n        aria-label={accessibleName}\n        className={cx(classes.root, className)}\n        data-testid={dataTestId}\n        ref={ref}\n        role=\"img\"\n        style={style}>\n        <div className={classes.content} style={contentStyle}>\n          <AvatarImage\n            classes={classes}\n            fallbackSrc={fallbackSrc}\n            key={`${src}\\0${fallbackSrc}`}\n            src={src}>\n            {showInitials ? (\n              <div className={classes.fallback} style={fallbackStyle}>\n                {initials}\n              </div>\n            ) : (\n              <div className={classes.fallback}>\n                <Icon\n                  icon={User}\n                  size={\n                    numericSize < 48 ? 'sm' : numericSize < 96 ? 'md' : 'lg'\n                  }\n                />\n              </div>\n            )}\n          </AvatarImage>\n        </div>\n        {status != null ? (\n          <div className={classes.status} style={statusStyle}>\n            {status}\n          </div>\n        ) : null}\n      </div>\n    </AvatarSizeContext>\n  );\n}\n\nfunction AvatarImage({\n  children,\n  classes,\n  fallbackSrc,\n  src,\n}: {\n  children: ReactNode;\n  classes: {image?: string};\n  fallbackSrc?: string;\n  src?: string;\n}): React.JSX.Element {\n  const [imageError, setImageError] = useState(false);\n  const [fallbackError, setFallbackError] = useState(false);\n  const showImage = src != null && src !== '' && !imageError;\n  const showFallbackImage =\n    !showImage && fallbackSrc != null && fallbackSrc !== '' && !fallbackError;\n\n  if (showImage) {\n    return (\n      <img\n        alt=\"\"\n        className={classes.image}\n        onError={() => setImageError(true)}\n        src={src}\n      />\n    );\n  }\n\n  if (showFallbackImage) {\n    return (\n      <img\n        alt=\"\"\n        className={classes.image}\n        onError={() => setFallbackError(true)}\n        src={fallbackSrc}\n      />\n    );\n  }\n\n  return <>{children}</>;\n}\n\nAvatar.displayName = 'Avatar';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {useAvatarSize} from './AvatarSizeContext';\n\nexport type AvatarStatusDotVariant = 'success' | 'neutral' | 'error';\n\n/**\n * Size-aware status indicator intended for Avatar's `status` prop.\n */\nexport interface AvatarStatusDotProps {\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Optional icon rendered inside medium and large dots.\n   */\n  icon?: ReactNode;\n  /**\n   * Accessible label describing the status, such as \"Online\".\n   */\n  label: string;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Semantic dot color. Default is `success`.\n   */\n  variant?: AvatarStatusDotVariant;\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 'full',\n    borderStyle: 'solid',\n    borderColor: 'bg',\n  }),\n  success: css({\n    bg: 'presence.success',\n  }),\n  neutral: css({\n    bg: 'presence.neutral',\n  }),\n  error: css({\n    bg: 'presence.error',\n  }),\n  icon: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: 'fg.onPrimary',\n    lineHeight: 0,\n    '& > svg': {\n      w: '100%',\n      h: '100%',\n    },\n  }),\n};\n\nconst variantClassName: Record<AvatarStatusDotVariant, string> = {\n  success: styles.success,\n  neutral: styles.neutral,\n  error: styles.error,\n};\n\nfunction resolveStatusDotSize(avatarSize: number): {\n  borderWidth: number;\n  dotSize: number;\n  iconSize: number;\n} {\n  if (avatarSize <= 36) {\n    return {borderWidth: 1, dotSize: 10, iconSize: 0};\n  }\n\n  if (avatarSize <= 72) {\n    return {borderWidth: 2, dotSize: 20, iconSize: 12};\n  }\n\n  return {borderWidth: 4, dotSize: 32, iconSize: 18};\n}\n\n/**\n * Size-aware status indicator dot rendered in the corner of an Avatar.\n */\nexport function AvatarStatusDot({\n  className,\n  'data-testid': dataTestId,\n  icon,\n  label,\n  ref,\n  style,\n  variant = 'success',\n}: AvatarStatusDotProps): React.JSX.Element {\n  const avatarSize = useAvatarSize();\n  const {borderWidth, dotSize, iconSize} = resolveStatusDotSize(avatarSize);\n  const hasVisibleIcon = icon != null && iconSize > 0;\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (icon != null && iconSize === 0) {\n      console.warn(\n        'AvatarStatusDot: `icon` is not visible at avatar sizes 36px or ' +\n          'smaller. Use a larger avatar size or remove the `icon` prop.',\n      );\n    }\n  }\n\n  return (\n    <div\n      aria-label={label}\n      className={cx(styles.root, variantClassName[variant], className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"img\"\n      style={{width: dotSize, height: dotSize, borderWidth, ...style}}>\n      {hasVisibleIcon ? (\n        <span\n          aria-hidden=\"true\"\n          className={styles.icon}\n          style={{width: iconSize, height: iconSize}}>\n          {icon}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nAvatarStatusDot.displayName = 'AvatarStatusDot';\n"]}