@yahoo/uds 3.142.0 → 3.144.0

package/dist/tailwind/dist/utils/parseTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"parseTokens.js","names":[],"sources":["../../src/utils/parseTokens.ts"],"sourcesContent":["import type { UniversalTokensConfig } from '@yahoo/uds-config';\nimport {\n  AVATAR_SIZE_PREFIX,\n  BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX,\n  BACKGROUND_BLUR_RADIUS_PREFIX,\n  BACKGROUND_COLOR_PREFIX,\n  BORDER_RADIUS_PREFIX,\n  BORDER_WIDTH_PREFIX,\n  DROP_SHADOW_PREFIX,\n  getShadowLayerValue,\n  ICON_SIZE_PREFIX,\n  INSET_SHADOW_PREFIX,\n  LINE_COLOR_PREFIX,\n  OUTLINE_PREFIX,\n  SPECTRUM_COLOR_PREFIX,\n  UDS_PREFIX,\n} from '@yahoo/uds-css-tokens';\nimport { alwaysPalette } from '@yahoo/uds-palette';\nimport type {\n  ColorMode,\n  ColorsConfig,\n  ElevationLevel,\n  ElevationPreset,\n  FocusRingColor,\n  FocusRingConfig,\n  Hue,\n  HueStep,\n  OpacityStep,\n  PaletteConfig,\n  PaletteType,\n  ScaleMode,\n} from '@yahoo/uds-types';\n\nimport { entries } from './entries';\nimport { mapValues } from './mapValues';\nimport { parseOpacityStep } from './opacity';\n\n/** Converts a SpectrumValueEntry to a space-separated RGB string for CSS variables. */\nfunction spectrumValueToRgbString(value: { rgb: { r: number; g: number; b: number } }): string {\n  const { r, g, b } = value.rgb;\n  return `${r} ${g} ${b}`;\n}\n\nfunction shouldIncludeOpacity(opacity: OpacityStep | undefined): boolean {\n  if (!opacity) {\n    return false;\n  }\n\n  const parsedOpacity = parseInt(opacity, 10);\n  return !isNaN(parsedOpacity) && parsedOpacity !== 100;\n}\n\ntype ColorModeElevationPresets = Partial<Record<ElevationLevel, ElevationPreset>>;\n\nfunction resolveFocusRingColor(color: FocusRingColor): string {\n  switch (color.type) {\n    case 'spectrum':\n      return `rgb(var(--${SPECTRUM_COLOR_PREFIX}-${color.value.hue}-${color.value.step}))`;\n    case 'line':\n      return `rgb(var(--${LINE_COLOR_PREFIX}-${color.value}))`;\n    case 'always':\n      return alwaysPalette[color.value as keyof typeof alwaysPalette];\n    default:\n      return `rgb(var(--${SPECTRUM_COLOR_PREFIX}-gray-15))`;\n  }\n}\n\nfunction transformColors(\n  colors: ColorsConfig,\n  elevationPresets: ColorModeElevationPresets,\n  focusRingConfig?: FocusRingConfig,\n) {\n  const { palette, spectrum } = colors;\n  const rootVars: Record<string, string> = {};\n  const tailwindConfig = {\n    spectrum: {} as Record<Hue, Record<HueStep, string>>,\n    palette: {} as {\n      [key in PaletteType]: Record<keyof PaletteConfig[key], string>;\n    },\n  };\n\n  for (const [hue, hueSteps] of entries(spectrum)) {\n    for (const [hueStep, value] of entries(hueSteps)) {\n      const name = `${hue}-${hueStep}`;\n      const varKey = `--${SPECTRUM_COLOR_PREFIX}-${name}`;\n      if (!tailwindConfig.spectrum[hue]) {\n        tailwindConfig.spectrum[hue] = {} as Record<HueStep, string>;\n      }\n      tailwindConfig.spectrum[hue][hueStep] = `rgb(var(${varKey}))`;\n      rootVars[varKey] = spectrumValueToRgbString(value);\n    }\n  }\n\n  entries(palette).forEach(([paletteType, paletteConfig]) => {\n    for (const [paletteKey, { hue, step, opacity }] of Object.entries(paletteConfig)) {\n      if (!(paletteType in tailwindConfig.palette)) {\n        // @ts-expect-error we fill this object later\n        tailwindConfig.palette[paletteType] = {};\n      }\n      const name = `--${UDS_PREFIX}-${paletteType}-color-${paletteKey}`;\n      rootVars[name] = `var(--${SPECTRUM_COLOR_PREFIX}-${hue}-${step})`;\n      const opacityValue = opacity !== undefined ? parseOpacityStep(opacity) : undefined;\n      // @ts-expect-error this is fine\n      tailwindConfig.palette[paletteType][paletteKey] = shouldIncludeOpacity(opacityValue)\n        ? `rgb(var(${name}) / ${opacityValue}%)`\n        : `rgb(var(${name}))`;\n    }\n  });\n\n  // Elevation levels\n  entries(elevationPresets).forEach(([level, elevationPreset]) => {\n    if (elevationPreset) {\n      entries(elevationPreset).forEach(([key]) => {\n        // background color\n        if (key === 'finalBackgroundValue') {\n          const { r, g, b, a } = elevationPreset[key];\n          const alpha = parseInt(a) / 100;\n          const name = `--${BACKGROUND_COLOR_PREFIX}-elevation-${level}`;\n          rootVars[name] = `rgba(${r}, ${g}, ${b}, ${alpha})`;\n        }\n\n        // border color\n        if (key === 'borderColor') {\n          const name = `--${LINE_COLOR_PREFIX}-elevation-${level}`;\n\n          switch (elevationPreset[key].type) {\n            case 'always':\n              rootVars[name] = alwaysPalette[elevationPreset[key].value];\n              break;\n            case 'spectrum':\n              rootVars[name] =\n                `rgb(var(--${SPECTRUM_COLOR_PREFIX}-${elevationPreset[key].value.hue}-${elevationPreset[key].value.step}))`;\n              break;\n            case 'line':\n              rootVars[name] = `rgb(var(--${LINE_COLOR_PREFIX}-${elevationPreset[key].value}))`;\n              break;\n          }\n        }\n\n        // border width\n        if (key === 'borderWidth') {\n          const name = `--${BORDER_WIDTH_PREFIX}-elevation-${level}`;\n          rootVars[name] = `var(--${BORDER_WIDTH_PREFIX}-${elevationPreset[key]})`;\n        }\n\n        // drop shadow\n        if (key === 'dropShadow') {\n          const name = `--${DROP_SHADOW_PREFIX}-elevation-${level}`;\n          const configValue = elevationPreset[key];\n\n          rootVars[name] = Array.isArray(configValue)\n            ? configValue\n                .map((preset, index) =>\n                  getShadowLayerValue({\n                    preset,\n                    prefix: index > 0 ? `${index + 1}` : undefined,\n                    shadowType: 'drop',\n                  }),\n                )\n                .join(', ')\n            : `var(--${DROP_SHADOW_PREFIX}-${elevationPreset[key]})`;\n        }\n\n        // inset shadow\n        if (key === 'insetShadow') {\n          const name = `--${INSET_SHADOW_PREFIX}-elevation-${level}`;\n          const configValue = elevationPreset[key];\n\n          rootVars[name] = Array.isArray(configValue)\n            ? configValue\n                .map((preset, index) =>\n                  getShadowLayerValue({\n                    preset,\n                    prefix: index > 0 ? `${index + 1}` : undefined,\n                    shadowType: 'inset',\n                  }),\n                )\n                .join(', ')\n            : `var(--${INSET_SHADOW_PREFIX}-${elevationPreset[key]})`;\n        }\n\n        // background blur radius\n        if (key === 'backgroundBlurRadius') {\n          const name = `--${BACKGROUND_BLUR_RADIUS_PREFIX}-elevation-${level}`;\n          rootVars[name] = `blur(${elevationPreset[key]}px)`;\n        }\n\n        // background blur fallback value\n        if (key === 'fallbackBlurredBackgroundValue') {\n          const { r, g, b } = elevationPreset[key];\n          const name = `--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX}-elevation-${level}`;\n          rootVars[name] = `rgb(${r}, ${g}, ${b})`;\n        }\n      });\n    }\n  });\n\n  rootVars[`--${OUTLINE_PREFIX}-offset`] = focusRingConfig ? `${focusRingConfig.offset}px` : '2px';\n  rootVars[`--${OUTLINE_PREFIX}-width`] = focusRingConfig ? `${focusRingConfig.width}px` : '2px';\n  rootVars[`--${OUTLINE_PREFIX}-style`] = 'solid';\n  rootVars[`--${OUTLINE_PREFIX}-color`] = focusRingConfig\n    ? resolveFocusRingColor(focusRingConfig.color)\n    : `rgb(var(--${SPECTRUM_COLOR_PREFIX}-gray-15))`;\n\n  return {\n    _vars: rootVars,\n    _raw: colors,\n    tailwindConfig,\n  };\n}\n\nfunction transformNumericToPx<T extends Record<string, number>>(prefix: string, config: T) {\n  if (!config) {\n    return {\n      _vars: {} as Record<string, string>,\n      _raw: {} as Record<string, number>,\n      tailwindConfig: {} as Record<string, string>,\n    };\n  }\n  const rootVars: Record<string, string> = {};\n  const tailwindConfig = {} as Record<string, string>;\n  for (const [variant, value] of entries(config)) {\n    const rootVarKey = `--${prefix}-${variant}`;\n    const rootVarValue = `${value}px`;\n    rootVars[rootVarKey] = rootVarValue;\n    tailwindConfig[variant] = `var(${rootVarKey})`;\n  }\n  return {\n    _vars: rootVars,\n    _raw: config,\n    tailwindConfig,\n  };\n}\n\ntype WebTokens = Omit<UniversalTokensConfig, 'colorMode' | 'scaleMode' | 'fontFamily'> & {\n  colorMode: Record<ColorMode, ReturnType<typeof transformColors>>;\n  scaleMode: Record<\n    ScaleMode,\n    {\n      borderRadius: ReturnType<typeof transformNumericToPx>;\n      borderWidth: ReturnType<typeof transformNumericToPx>;\n      avatarSizes: ReturnType<typeof transformNumericToPx>;\n      iconSizes: ReturnType<typeof transformNumericToPx>;\n    }\n  >;\n};\n\nfunction getElevationPresetsForColorMode(\n  colorMode: ColorMode,\n  config: UniversalTokensConfig,\n): ColorModeElevationPresets {\n  if (!config.elevation) {\n    return {};\n  }\n\n  const result: ColorModeElevationPresets = {};\n\n  entries(config.elevation).forEach(([level, levelPreset]) => {\n    result[level] = levelPreset[colorMode];\n  });\n\n  return result;\n}\n\nexport function parseTokens(config: UniversalTokensConfig): WebTokens {\n  const { colorMode, scaleMode } = config;\n\n  return {\n    ...config,\n    colorMode: {\n      light: transformColors(\n        colorMode.light,\n        getElevationPresetsForColorMode('light', config),\n        config.focusRing?.light,\n      ),\n      dark: transformColors(\n        colorMode.dark,\n        getElevationPresetsForColorMode('dark', config),\n        config.focusRing?.dark,\n      ),\n    },\n    scaleMode: mapValues(scaleMode, ({ borderRadius, borderWidth, avatarSizes, iconSizes }) => {\n      return {\n        borderRadius: transformNumericToPx(BORDER_RADIUS_PREFIX, borderRadius),\n        borderWidth: transformNumericToPx(BORDER_WIDTH_PREFIX, borderWidth),\n        avatarSizes: transformNumericToPx(AVATAR_SIZE_PREFIX, avatarSizes),\n        iconSizes: transformNumericToPx(ICON_SIZE_PREFIX, iconSizes),\n      };\n    }),\n  };\n}\n\nexport { type WebTokens };\n"],"mappings":";;;;;;;;AAsCA,SAAS,yBAAyB,OAA6D;CAC7F,MAAM,EAAE,GAAG,GAAG,MAAM,MAAM;AAC1B,QAAO,GAAG,EAAE,GAAG,EAAE,GAAG;;AAGtB,SAAS,qBAAqB,SAA2C;AACvE,KAAI,CAAC,QACH,QAAO;CAGT,MAAM,gBAAgB,SAAS,SAAS,GAAG;AAC3C,QAAO,CAAC,MAAM,cAAc,IAAI,kBAAkB;;AAKpD,SAAS,sBAAsB,OAA+B;AAC5D,SAAQ,MAAM,MAAd;EACE,KAAK,WACH,QAAO,aAAa,sBAAsB,GAAG,MAAM,MAAM,IAAI,GAAG,MAAM,MAAM,KAAK;EACnF,KAAK,OACH,QAAO,aAAa,kBAAkB,GAAG,MAAM,MAAM;EACvD,KAAK,SACH,QAAO,cAAc,MAAM;EAC7B,QACE,QAAO,aAAa,sBAAsB;;;AAIhD,SAAS,gBACP,QACA,kBACA,iBACA;CACA,MAAM,EAAE,SAAS,aAAa;CAC9B,MAAM,WAAmC,EAAE;CAC3C,MAAM,iBAAiB;EACrB,UAAU,EAAE;EACZ,SAAS,EAAE;EAGZ;AAED,MAAK,MAAM,CAAC,KAAK,aAAa,QAAQ,SAAS,CAC7C,MAAK,MAAM,CAAC,SAAS,UAAU,QAAQ,SAAS,EAAE;EAEhD,MAAM,SAAS,KAAK,sBAAsB,GAAG,GAD7B,IAAI,GAAG;AAEvB,MAAI,CAAC,eAAe,SAAS,KAC3B,gBAAe,SAAS,OAAO,EAAE;AAEnC,iBAAe,SAAS,KAAK,WAAW,WAAW,OAAO;AAC1D,WAAS,UAAU,yBAAyB,MAAM;;AAItD,SAAQ,QAAQ,CAAC,SAAS,CAAC,aAAa,mBAAmB;AACzD,OAAK,MAAM,CAAC,YAAY,EAAE,KAAK,MAAM,cAAc,OAAO,QAAQ,cAAc,EAAE;AAChF,OAAI,EAAE,eAAe,eAAe,SAElC,gBAAe,QAAQ,eAAe,EAAE;GAE1C,MAAM,OAAO,SAAmB,YAAY,SAAS;AACrD,YAAS,QAAQ,SAAS,sBAAsB,GAAG,IAAI,GAAG,KAAK;GAC/D,MAAM,eAAe,YAAY,KAAA,IAAY,iBAAiB,QAAQ,GAAG,KAAA;AAEzE,kBAAe,QAAQ,aAAa,cAAc,qBAAqB,aAAa,GAChF,WAAW,KAAK,MAAM,aAAa,MACnC,WAAW,KAAK;;GAEtB;AAGF,SAAQ,iBAAiB,CAAC,SAAS,CAAC,OAAO,qBAAqB;AAC9D,MAAI,gBACF,SAAQ,gBAAgB,CAAC,SAAS,CAAC,SAAS;AAE1C,OAAI,QAAQ,wBAAwB;IAClC,MAAM,EAAE,GAAG,GAAG,GAAG,MAAM,gBAAgB;IACvC,MAAM,QAAQ,SAAS,EAAE,GAAG;IAC5B,MAAM,OAAO,KAAK,wBAAwB,aAAa;AACvD,aAAS,QAAQ,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,MAAM;;AAInD,OAAI,QAAQ,eAAe;IACzB,MAAM,OAAO,KAAK,kBAAkB,aAAa;AAEjD,YAAQ,gBAAgB,KAAK,MAA7B;KACE,KAAK;AACH,eAAS,QAAQ,cAAc,gBAAgB,KAAK;AACpD;KACF,KAAK;AACH,eAAS,QACP,aAAa,sBAAsB,GAAG,gBAAgB,KAAK,MAAM,IAAI,GAAG,gBAAgB,KAAK,MAAM,KAAK;AAC1G;KACF,KAAK;AACH,eAAS,QAAQ,aAAa,kBAAkB,GAAG,gBAAgB,KAAK,MAAM;AAC9E;;;AAKN,OAAI,QAAQ,eAAe;IACzB,MAAM,OAAO,KAAK,oBAAoB,aAAa;AACnD,aAAS,QAAQ,SAAS,oBAAoB,GAAG,gBAAgB,KAAK;;AAIxE,OAAI,QAAQ,cAAc;IACxB,MAAM,OAAO,KAAK,mBAAmB,aAAa;IAClD,MAAM,cAAc,gBAAgB;AAEpC,aAAS,QAAQ,MAAM,QAAQ,YAAY,GACvC,YACG,KAAK,QAAQ,UACZ,oBAAoB;KAClB;KACA,QAAQ,QAAQ,IAAI,GAAG,QAAQ,MAAM,KAAA;KACrC,YAAY;KACb,CAAC,CACH,CACA,KAAK,KAAK,GACb,SAAS,mBAAmB,GAAG,gBAAgB,KAAK;;AAI1D,OAAI,QAAQ,eAAe;IACzB,MAAM,OAAO,KAAK,oBAAoB,aAAa;IACnD,MAAM,cAAc,gBAAgB;AAEpC,aAAS,QAAQ,MAAM,QAAQ,YAAY,GACvC,YACG,KAAK,QAAQ,UACZ,oBAAoB;KAClB;KACA,QAAQ,QAAQ,IAAI,GAAG,QAAQ,MAAM,KAAA;KACrC,YAAY;KACb,CAAC,CACH,CACA,KAAK,KAAK,GACb,SAAS,oBAAoB,GAAG,gBAAgB,KAAK;;AAI3D,OAAI,QAAQ,wBAAwB;IAClC,MAAM,OAAO,KAAK,8BAA8B,aAAa;AAC7D,aAAS,QAAQ,QAAQ,gBAAgB,KAAK;;AAIhD,OAAI,QAAQ,kCAAkC;IAC5C,MAAM,EAAE,GAAG,GAAG,MAAM,gBAAgB;IACpC,MAAM,OAAO,KAAK,sCAAsC,aAAa;AACrE,aAAS,QAAQ,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE;;IAExC;GAEJ;AAEF,UAAS,KAAK,eAAe,YAAY,kBAAkB,GAAG,gBAAgB,OAAO,MAAM;AAC3F,UAAS,KAAK,eAAe,WAAW,kBAAkB,GAAG,gBAAgB,MAAM,MAAM;AACzF,UAAS,KAAK,eAAe,WAAW;AACxC,UAAS,KAAK,eAAe,WAAW,kBACpC,sBAAsB,gBAAgB,MAAM,GAC5C,aAAa,sBAAsB;AAEvC,QAAO;EACL,OAAO;EACP,MAAM;EACN;EACD;;AAGH,SAAS,qBAAuD,QAAgB,QAAW;AACzF,KAAI,CAAC,OACH,QAAO;EACL,OAAO,EAAE;EACT,MAAM,EAAE;EACR,gBAAgB,EAAE;EACnB;CAEH,MAAM,WAAmC,EAAE;CAC3C,MAAM,iBAAiB,EAAE;AACzB,MAAK,MAAM,CAAC,SAAS,UAAU,QAAQ,OAAO,EAAE;EAC9C,MAAM,aAAa,KAAK,OAAO,GAAG;AAElC,WAAS,cAAc,GADC,MAAM;AAE9B,iBAAe,WAAW,OAAO,WAAW;;AAE9C,QAAO;EACL,OAAO;EACP,MAAM;EACN;EACD;;AAgBH,SAAS,gCACP,WACA,QAC2B;AAC3B,KAAI,CAAC,OAAO,UACV,QAAO,EAAE;CAGX,MAAM,SAAoC,EAAE;AAE5C,SAAQ,OAAO,UAAU,CAAC,SAAS,CAAC,OAAO,iBAAiB;AAC1D,SAAO,SAAS,YAAY;GAC5B;AAEF,QAAO;;AAGT,SAAgB,YAAY,QAA0C;CACpE,MAAM,EAAE,WAAW,cAAc;AAEjC,QAAO;EACL,GAAG;EACH,WAAW;GACT,OAAO,gBACL,UAAU,OACV,gCAAgC,SAAS,OAAO,EAChD,OAAO,WAAW,MACnB;GACD,MAAM,gBACJ,UAAU,MACV,gCAAgC,QAAQ,OAAO,EAC/C,OAAO,WAAW,KACnB;GACF;EACD,WAAW,UAAU,YAAY,EAAE,cAAc,aAAa,aAAa,gBAAgB;AACzF,UAAO;IACL,cAAc,qBAAqB,sBAAsB,aAAa;IACtE,aAAa,qBAAqB,qBAAqB,YAAY;IACnE,aAAa,qBAAqB,oBAAoB,YAAY;IAClE,WAAW,qBAAqB,kBAAkB,UAAU;IAC7D;IACD;EACH"}
+{"version":3,"file":"parseTokens.js","names":[],"sources":["../../src/utils/parseTokens.ts"],"sourcesContent":["import type { UniversalTokensConfig } from '@yahoo/uds-config';\nimport {\n  AVATAR_SIZE_PREFIX,\n  BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX,\n  BACKGROUND_BLUR_RADIUS_PREFIX,\n  BACKGROUND_COLOR_PREFIX,\n  BORDER_RADIUS_PREFIX,\n  BORDER_WIDTH_PREFIX,\n  DROP_SHADOW_PREFIX,\n  getShadowLayerValue,\n  ICON_SIZE_PREFIX,\n  INSET_SHADOW_PREFIX,\n  LINE_COLOR_PREFIX,\n  OUTLINE_PREFIX,\n  SPECTRUM_COLOR_PREFIX,\n  UDS_PREFIX,\n} from '@yahoo/uds-css-tokens';\nimport { alwaysPalette } from '@yahoo/uds-palette';\nimport type {\n  ColorMode,\n  ColorsConfig,\n  ElevationLevel,\n  ElevationPreset,\n  FocusRingColor,\n  FocusRingConfig,\n  Hue,\n  HueStep,\n  OpacityStep,\n  PaletteConfig,\n  PaletteType,\n  ScaleMode,\n} from '@yahoo/uds-types';\n\nimport { entries } from './entries';\nimport { mapValues } from './mapValues';\nimport { parseOpacityStep } from './opacity';\n\n/** Converts a SpectrumValueEntry to a space-separated RGB string for CSS variables. */\nfunction spectrumValueToRgbString(value: { rgb: { r: number; g: number; b: number } }): string {\n  const { r, g, b } = value.rgb;\n  return `${r} ${g} ${b}`;\n}\n\nfunction shouldIncludeOpacity(opacity: OpacityStep | undefined): boolean {\n  if (!opacity) {\n    return false;\n  }\n\n  const parsedOpacity = parseInt(opacity, 10);\n  return !isNaN(parsedOpacity) && parsedOpacity !== 100;\n}\n\ntype ColorModeElevationPresets = Partial<Record<ElevationLevel, ElevationPreset>>;\n\nfunction resolveFocusRingColor(color: FocusRingColor): string {\n  switch (color.type) {\n    case 'spectrum':\n      return `rgb(var(--${SPECTRUM_COLOR_PREFIX}-${color.value.hue}-${color.value.step}))`;\n    case 'line':\n      return `rgb(var(--${LINE_COLOR_PREFIX}-${color.value}))`;\n    case 'always':\n      return alwaysPalette[color.value as keyof typeof alwaysPalette];\n    default:\n      return `rgb(var(--${SPECTRUM_COLOR_PREFIX}-gray-15))`;\n  }\n}\n\nfunction transformColors(\n  colors: ColorsConfig,\n  elevationPresets: ColorModeElevationPresets,\n  focusRingConfig?: FocusRingConfig,\n) {\n  const { palette, spectrum } = colors;\n  const rootVars: Record<string, string> = {};\n  const tailwindConfig = {\n    spectrum: {} as Record<Hue, Record<HueStep, string>>,\n    palette: {} as {\n      [key in PaletteType]: Record<keyof PaletteConfig[key], string>;\n    },\n  };\n\n  for (const [hue, hueSteps] of entries(spectrum)) {\n    for (const [hueStep, value] of entries(hueSteps)) {\n      const name = `${hue}-${hueStep}`;\n      const varKey = `--${SPECTRUM_COLOR_PREFIX}-${name}`;\n      if (!tailwindConfig.spectrum[hue]) {\n        tailwindConfig.spectrum[hue] = {} as Record<HueStep, string>;\n      }\n      tailwindConfig.spectrum[hue][hueStep] = `rgb(var(${varKey}))`;\n      rootVars[varKey] = spectrumValueToRgbString(value);\n    }\n  }\n\n  entries(palette).forEach(([paletteType, paletteConfig]) => {\n    for (const [paletteKey, { hue, step, opacity }] of Object.entries(paletteConfig)) {\n      if (!(paletteType in tailwindConfig.palette)) {\n        // @ts-expect-error we fill this object later\n        tailwindConfig.palette[paletteType] = {};\n      }\n      const name = `--${UDS_PREFIX}-${paletteType}-color-${paletteKey}`;\n      rootVars[name] = `var(--${SPECTRUM_COLOR_PREFIX}-${hue}-${step})`;\n      const opacityValue = opacity !== undefined ? parseOpacityStep(opacity) : undefined;\n      // @ts-expect-error this is fine\n      tailwindConfig.palette[paletteType][paletteKey] = shouldIncludeOpacity(opacityValue)\n        ? `rgb(var(${name}) / ${opacityValue}%)`\n        : `rgb(var(${name}))`;\n    }\n  });\n\n  // Elevation levels\n  entries(elevationPresets).forEach(([level, elevationPreset]) => {\n    if (elevationPreset) {\n      entries(elevationPreset).forEach(([key]) => {\n        // background color\n        if (key === 'finalBackgroundValue') {\n          const { r, g, b, a } = elevationPreset[key];\n          const alpha = parseInt(a) / 100;\n          const name = `--${BACKGROUND_COLOR_PREFIX}-elevation-${level}`;\n          rootVars[name] = `rgba(${r}, ${g}, ${b}, ${alpha})`;\n        }\n\n        // border color\n        if (key === 'borderColor') {\n          const name = `--${LINE_COLOR_PREFIX}-elevation-${level}`;\n\n          switch (elevationPreset[key].type) {\n            case 'always':\n              rootVars[name] = alwaysPalette[elevationPreset[key].value];\n              break;\n            case 'spectrum':\n              rootVars[name] =\n                `rgb(var(--${SPECTRUM_COLOR_PREFIX}-${elevationPreset[key].value.hue}-${elevationPreset[key].value.step}))`;\n              break;\n            case 'line':\n              rootVars[name] = `rgb(var(--${LINE_COLOR_PREFIX}-${elevationPreset[key].value}))`;\n              break;\n          }\n        }\n\n        // border width\n        if (key === 'borderWidth') {\n          const name = `--${BORDER_WIDTH_PREFIX}-elevation-${level}`;\n          rootVars[name] = `var(--${BORDER_WIDTH_PREFIX}-${elevationPreset[key]})`;\n        }\n\n        // drop shadow\n        if (key === 'dropShadow') {\n          const name = `--${DROP_SHADOW_PREFIX}-elevation-${level}`;\n          const configValue = elevationPreset[key];\n\n          rootVars[name] = Array.isArray(configValue)\n            ? configValue\n                .map((preset, index) =>\n                  getShadowLayerValue({\n                    preset,\n                    prefix: index > 0 ? `${index + 1}` : undefined,\n                    shadowType: 'drop',\n                  }),\n                )\n                .join(', ')\n            : `var(--${DROP_SHADOW_PREFIX}-${elevationPreset[key]})`;\n        }\n\n        // inset shadow\n        if (key === 'insetShadow') {\n          const name = `--${INSET_SHADOW_PREFIX}-elevation-${level}`;\n          const configValue = elevationPreset[key];\n\n          rootVars[name] = Array.isArray(configValue)\n            ? configValue\n                .map((preset, index) =>\n                  getShadowLayerValue({\n                    preset,\n                    prefix: index > 0 ? `${index + 1}` : undefined,\n                    shadowType: 'inset',\n                  }),\n                )\n                .join(', ')\n            : `var(--${INSET_SHADOW_PREFIX}-${elevationPreset[key]})`;\n        }\n\n        // background blur radius\n        if (key === 'backgroundBlurRadius') {\n          const name = `--${BACKGROUND_BLUR_RADIUS_PREFIX}-elevation-${level}`;\n          rootVars[name] = `blur(${elevationPreset[key]}px)`;\n        }\n\n        // background blur fallback value\n        if (key === 'fallbackBlurredBackgroundValue') {\n          const { r, g, b } = elevationPreset[key];\n          const name = `--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX}-elevation-${level}`;\n          rootVars[name] = `rgb(${r}, ${g}, ${b})`;\n        }\n      });\n    }\n  });\n\n  rootVars[`--${OUTLINE_PREFIX}-offset`] = focusRingConfig ? `${focusRingConfig.offset}px` : '2px';\n  rootVars[`--${OUTLINE_PREFIX}-width`] = focusRingConfig ? `${focusRingConfig.width}px` : '2px';\n  rootVars[`--${OUTLINE_PREFIX}-style`] = 'solid';\n  rootVars[`--${OUTLINE_PREFIX}-color`] = focusRingConfig\n    ? resolveFocusRingColor(focusRingConfig.color)\n    : `rgb(var(--${SPECTRUM_COLOR_PREFIX}-gray-15))`;\n\n  return {\n    _vars: rootVars,\n    _raw: colors,\n    tailwindConfig,\n  };\n}\n\nfunction transformNumericToPx<T extends Record<string, number>>(prefix: string, config: T) {\n  if (!config) {\n    return {\n      _vars: {} as Record<string, string>,\n      _raw: {} as Record<string, number>,\n      tailwindConfig: {} as Record<string, string>,\n    };\n  }\n  const rootVars: Record<string, string> = {};\n  const tailwindConfig = {} as Record<string, string>;\n  for (const [variant, value] of entries(config)) {\n    const rootVarKey = `--${prefix}-${variant}`;\n    const rootVarValue = `${value}px`;\n    rootVars[rootVarKey] = rootVarValue;\n    tailwindConfig[variant] = `var(${rootVarKey})`;\n  }\n  return {\n    _vars: rootVars,\n    _raw: config,\n    tailwindConfig,\n  };\n}\n\ntype WebTokens = Omit<UniversalTokensConfig, 'colorMode' | 'scaleMode' | 'fontFamily'> & {\n  colorMode: Record<ColorMode, ReturnType<typeof transformColors>>;\n  scaleMode: Record<\n    ScaleMode,\n    {\n      borderRadius: ReturnType<typeof transformNumericToPx>;\n      borderWidth: ReturnType<typeof transformNumericToPx>;\n      avatarSizes: ReturnType<typeof transformNumericToPx>;\n      iconSizes: ReturnType<typeof transformNumericToPx>;\n    }\n  >;\n};\n\nfunction getElevationPresetsForColorMode(\n  colorMode: ColorMode,\n  config: UniversalTokensConfig,\n): ColorModeElevationPresets {\n  if (!config.elevation) {\n    return {};\n  }\n\n  const result: ColorModeElevationPresets = {};\n\n  entries(config.elevation).forEach(([level, levelPreset]) => {\n    result[level] = levelPreset[colorMode];\n  });\n\n  return result;\n}\n\nexport function parseTokens(config: UniversalTokensConfig): WebTokens {\n  const { colorMode, scaleMode } = config;\n\n  return {\n    ...config,\n    colorMode: {\n      light: transformColors(\n        colorMode.light,\n        getElevationPresetsForColorMode('light', config),\n        config.focusRing?.light,\n      ),\n      dark: transformColors(\n        colorMode.dark,\n        getElevationPresetsForColorMode('dark', config),\n        config.focusRing?.dark,\n      ),\n    },\n    scaleMode: mapValues(scaleMode, ({ borderRadius, borderWidth, avatarSizes, iconSizes }) => {\n      return {\n        borderRadius: transformNumericToPx(BORDER_RADIUS_PREFIX, borderRadius),\n        borderWidth: transformNumericToPx(BORDER_WIDTH_PREFIX, borderWidth),\n        avatarSizes: transformNumericToPx(AVATAR_SIZE_PREFIX, avatarSizes),\n        iconSizes: transformNumericToPx(ICON_SIZE_PREFIX, iconSizes),\n      };\n    }),\n  };\n}\n\nexport { type WebTokens };\n"],"mappings":"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"}

package/dist/tailwind/dist/utils/postcssPreserveVars.js.map

@@ -1 +1 @@
-{"version":3,"file":"postcssPreserveVars.js","names":[],"sources":["../../src/utils/postcssPreserveVars.ts"],"sourcesContent":["import type { Plugin } from 'postcss';\n\ninterface PreserveVarsOptions {\n  /** Variable name patterns to preserve (regex or string prefix) */\n  preserve?: (string | RegExp)[];\n}\n\nconst PRESERVE_SELECTOR = '._uds-preserve-vars';\n\n/**\n * PostCSS plugin to preserve CSS variables from being pruned.\n *\n * Runs BEFORE postcss-prune-var to inject fake usages for preserved variables,\n * preventing them from being removed.\n *\n * @example\n * ```ts\n * postcss([\n *   preserveVars({ preserve: ['--uds-motion-'] }),\n *   pruneVar(),\n *   preserveVarsCleanup(),\n * ])\n * ```\n */\nfunction preserveVars(options: PreserveVarsOptions = {}): Plugin {\n  const { preserve = [] } = options;\n\n  return {\n    postcssPlugin: 'postcss-preserve-vars',\n    Once(root) {\n      if (preserve.length === 0) {\n        return;\n      }\n\n      // Collect all CSS variable declarations\n      const declaredVars = new Set<string>();\n\n      root.walkDecls((decl) => {\n        if (decl.prop.startsWith('--')) {\n          declaredVars.add(decl.prop);\n        }\n      });\n\n      // Find variables that match preserve patterns\n      const varsToPreserve: string[] = [];\n\n      for (const varName of declaredVars) {\n        for (const pattern of preserve) {\n          const matches =\n            pattern instanceof RegExp ? pattern.test(varName) : varName.startsWith(pattern);\n\n          if (matches) {\n            varsToPreserve.push(varName);\n            break;\n          }\n        }\n      }\n\n      if (varsToPreserve.length === 0) {\n        return;\n      }\n\n      // Add a temporary rule that \"uses\" all preserved variables\n      // This prevents postcss-prune-var from removing them\n      const varUsages = varsToPreserve.map((v) => `var(${v})`).join(' ');\n\n      root.append({\n        selector: PRESERVE_SELECTOR,\n        nodes: [{ prop: 'content', value: `\"${varUsages}\"` }],\n      });\n    },\n  };\n}\n\npreserveVars.postcss = true;\n\n/**\n * PostCSS plugin to remove the temporary preserve rule after pruning.\n * Run this AFTER postcss-prune-var.\n */\nfunction preserveVarsCleanup(): Plugin {\n  return {\n    postcssPlugin: 'postcss-preserve-vars-cleanup',\n    Once(root) {\n      root.walkRules((rule) => {\n        if (rule.selector === PRESERVE_SELECTOR) {\n          rule.remove();\n        }\n      });\n    },\n  };\n}\n\npreserveVarsCleanup.postcss = true;\n\nexport { preserveVars, preserveVarsCleanup };\nexport type { PreserveVarsOptions };\n"],"mappings":";;AAOA,MAAM,oBAAoB;;;;;;;;;;;;;;;;AAiB1B,SAAS,aAAa,UAA+B,EAAE,EAAU;CAC/D,MAAM,EAAE,WAAW,EAAE,KAAK;AAE1B,QAAO;EACL,eAAe;EACf,KAAK,MAAM;AACT,OAAI,SAAS,WAAW,EACtB;GAIF,MAAM,+BAAe,IAAI,KAAa;AAEtC,QAAK,WAAW,SAAS;AACvB,QAAI,KAAK,KAAK,WAAW,KAAK,CAC5B,cAAa,IAAI,KAAK,KAAK;KAE7B;GAGF,MAAM,iBAA2B,EAAE;AAEnC,QAAK,MAAM,WAAW,aACpB,MAAK,MAAM,WAAW,SAIpB,KAFE,mBAAmB,SAAS,QAAQ,KAAK,QAAQ,GAAG,QAAQ,WAAW,QAAQ,EAEpE;AACX,mBAAe,KAAK,QAAQ;AAC5B;;AAKN,OAAI,eAAe,WAAW,EAC5B;GAKF,MAAM,YAAY,eAAe,KAAK,MAAM,OAAO,EAAE,GAAG,CAAC,KAAK,IAAI;AAElE,QAAK,OAAO;IACV,UAAU;IACV,OAAO,CAAC;KAAE,MAAM;KAAW,OAAO,IAAI,UAAU;KAAI,CAAC;IACtD,CAAC;;EAEL;;AAGH,aAAa,UAAU;;;;;AAMvB,SAAS,sBAA8B;AACrC,QAAO;EACL,eAAe;EACf,KAAK,MAAM;AACT,QAAK,WAAW,SAAS;AACvB,QAAI,KAAK,aAAa,kBACpB,MAAK,QAAQ;KAEf;;EAEL;;AAGH,oBAAoB,UAAU"}
+{"version":3,"file":"postcssPreserveVars.js","names":[],"sources":["../../src/utils/postcssPreserveVars.ts"],"sourcesContent":["import type { Plugin } from 'postcss';\n\ninterface PreserveVarsOptions {\n  /** Variable name patterns to preserve (regex or string prefix) */\n  preserve?: (string | RegExp)[];\n}\n\nconst PRESERVE_SELECTOR = '._uds-preserve-vars';\n\n/**\n * PostCSS plugin to preserve CSS variables from being pruned.\n *\n * Runs BEFORE postcss-prune-var to inject fake usages for preserved variables,\n * preventing them from being removed.\n *\n * @example\n * ```ts\n * postcss([\n *   preserveVars({ preserve: ['--uds-motion-'] }),\n *   pruneVar(),\n *   preserveVarsCleanup(),\n * ])\n * ```\n */\nfunction preserveVars(options: PreserveVarsOptions = {}): Plugin {\n  const { preserve = [] } = options;\n\n  return {\n    postcssPlugin: 'postcss-preserve-vars',\n    Once(root) {\n      if (preserve.length === 0) {\n        return;\n      }\n\n      // Collect all CSS variable declarations\n      const declaredVars = new Set<string>();\n\n      root.walkDecls((decl) => {\n        if (decl.prop.startsWith('--')) {\n          declaredVars.add(decl.prop);\n        }\n      });\n\n      // Find variables that match preserve patterns\n      const varsToPreserve: string[] = [];\n\n      for (const varName of declaredVars) {\n        for (const pattern of preserve) {\n          const matches =\n            pattern instanceof RegExp ? pattern.test(varName) : varName.startsWith(pattern);\n\n          if (matches) {\n            varsToPreserve.push(varName);\n            break;\n          }\n        }\n      }\n\n      if (varsToPreserve.length === 0) {\n        return;\n      }\n\n      // Add a temporary rule that \"uses\" all preserved variables\n      // This prevents postcss-prune-var from removing them\n      const varUsages = varsToPreserve.map((v) => `var(${v})`).join(' ');\n\n      root.append({\n        selector: PRESERVE_SELECTOR,\n        nodes: [{ prop: 'content', value: `\"${varUsages}\"` }],\n      });\n    },\n  };\n}\n\npreserveVars.postcss = true;\n\n/**\n * PostCSS plugin to remove the temporary preserve rule after pruning.\n * Run this AFTER postcss-prune-var.\n */\nfunction preserveVarsCleanup(): Plugin {\n  return {\n    postcssPlugin: 'postcss-preserve-vars-cleanup',\n    Once(root) {\n      root.walkRules((rule) => {\n        if (rule.selector === PRESERVE_SELECTOR) {\n          rule.remove();\n        }\n      });\n    },\n  };\n}\n\npreserveVarsCleanup.postcss = true;\n\nexport { preserveVars, preserveVarsCleanup };\nexport type { PreserveVarsOptions };\n"],"mappings":";;AAOA,MAAM,oBAAoB;;;;;;;;;;;;;;;;AAiB1B,SAAS,aAAa,UAA+B,EAAE,EAAU;CAC/D,MAAM,EAAE,WAAW,EAAE,KAAK;CAE1B,OAAO;EACL,eAAe;EACf,KAAK,MAAM;GACT,IAAI,SAAS,WAAW,GACtB;GAIF,MAAM,+BAAe,IAAI,KAAa;GAEtC,KAAK,WAAW,SAAS;IACvB,IAAI,KAAK,KAAK,WAAW,KAAK,EAC5B,aAAa,IAAI,KAAK,KAAK;KAE7B;GAGF,MAAM,iBAA2B,EAAE;GAEnC,KAAK,MAAM,WAAW,cACpB,KAAK,MAAM,WAAW,UAIpB,IAFE,mBAAmB,SAAS,QAAQ,KAAK,QAAQ,GAAG,QAAQ,WAAW,QAAQ,EAEpE;IACX,eAAe,KAAK,QAAQ;IAC5B;;GAKN,IAAI,eAAe,WAAW,GAC5B;GAKF,MAAM,YAAY,eAAe,KAAK,MAAM,OAAO,EAAE,GAAG,CAAC,KAAK,IAAI;GAElE,KAAK,OAAO;IACV,UAAU;IACV,OAAO,CAAC;KAAE,MAAM;KAAW,OAAO,IAAI,UAAU;KAAI,CAAC;IACtD,CAAC;;EAEL;;AAGH,aAAa,UAAU;;;;;AAMvB,SAAS,sBAA8B;CACrC,OAAO;EACL,eAAe;EACf,KAAK,MAAM;GACT,KAAK,WAAW,SAAS;IACvB,IAAI,KAAK,aAAa,mBACpB,KAAK,QAAQ;KAEf;;EAEL;;AAGH,oBAAoB,UAAU"}

package/dist/tailwind/dist/utils/tsMorph.js.map

@@ -1 +1 @@
-{"version":3,"file":"tsMorph.js","names":[],"sources":["../../src/utils/tsMorph.ts"],"sourcesContent":["import { camelCase, isEmpty } from 'lodash';\nimport type {\n  ArrowFunction,\n  CallExpression,\n  ClassDeclaration,\n  FunctionDeclaration,\n  FunctionExpression,\n  Identifier,\n  JsxElement,\n  JsxOpeningElement,\n  JsxSelfClosingElement,\n  VariableDeclaration,\n} from 'ts-morph';\nimport { Node, SyntaxKind } from 'ts-morph';\n\n/** Determines if an expression is using React.forwardRef. */\nexport function isForwardRefExpression(node: Node): node is CallExpression {\n  if (Node.isCallExpression(node)) {\n    const expression = node.getExpression();\n\n    /**\n     * forwardRef(() => <Component />)\n     */\n    if (Node.isIdentifier(expression) && expression.getText() === 'forwardRef') {\n      return true;\n    }\n\n    /**\n     * React.forwardRef(() => <Component />)\n     */\n    if (\n      Node.isPropertyAccessExpression(expression) &&\n      expression.getText() === 'React.forwardRef'\n    ) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\n/** Determines if a node is a JSX component. */\nexport function isJsxComponent(\n  node: Node,\n): node is\n  | VariableDeclaration\n  | FunctionDeclaration\n  | FunctionExpression\n  | ArrowFunction\n  | ClassDeclaration {\n  let name: string | undefined;\n\n  if (\n    Node.isVariableDeclaration(node) ||\n    Node.isFunctionDeclaration(node) ||\n    Node.isClassDeclaration(node)\n  ) {\n    name = node.getName();\n  } else if (Node.isFunctionExpression(node) || Node.isArrowFunction(node)) {\n    const variableDeclaration = node.getFirstAncestorByKind(SyntaxKind.VariableDeclaration);\n    name = variableDeclaration?.getName();\n  }\n\n  return name ? /[A-Z]/.test(name.charAt(0)) : false;\n}\n\n/** Returns a functional component declaration, unwrapping forwardRef if needed. */\nexport function getReactFunctionDeclaration(\n  declaration: Node,\n): ArrowFunction | FunctionDeclaration | FunctionExpression | null {\n  if (isJsxComponent(declaration)) {\n    if (Node.isFunctionDeclaration(declaration)) {\n      return declaration;\n    }\n\n    if (Node.isVariableDeclaration(declaration)) {\n      const initializer = declaration.getInitializer();\n\n      if (initializer) {\n        if (isForwardRefExpression(initializer)) {\n          const [initializerDeclaration] = initializer.getArguments();\n          if (\n            Node.isFunctionDeclaration(initializerDeclaration) ||\n            Node.isFunctionExpression(initializerDeclaration) ||\n            Node.isArrowFunction(initializerDeclaration)\n          ) {\n            return initializerDeclaration;\n          }\n        } else if (\n          Node.isFunctionDeclaration(initializer) ||\n          Node.isFunctionExpression(initializer) ||\n          Node.isArrowFunction(initializer)\n        ) {\n          return initializer;\n        }\n      }\n    }\n  }\n\n  return null;\n}\n\n/** Get the first descendant JsxElement based on the identifier. */\nexport function getJsxElement(node: Node, name: string) {\n  return getJsxElements(node).find(\n    (node) => node.getFirstDescendantByKindOrThrow(SyntaxKind.Identifier).getText() === name,\n  );\n}\n\n/** Get all descendant JsxElement nodes. */\nexport function getJsxElements(node: Node) {\n  return node\n    .getDescendants()\n    .filter((node) => Node.isJsxElement(node) || Node.isJsxSelfClosingElement(node)) as (\n    | JsxElement\n    | JsxSelfClosingElement\n  )[];\n}\n\n/**\n * Traces component references.\n *\n * This is similar to `findReferencesAsNodes` but returns JsxSelfClosingElement and JsxElement nodes.\n * Note, this currently does not account for cases where the component is used as a prop or is renamed.\n */\nexport function findReferencesAsJsxElements(\n  identifer: Identifier,\n): (JsxOpeningElement | JsxSelfClosingElement)[] {\n  const jsxElements: Node[] = [];\n\n  for (const reference of identifer.findReferencesAsNodes()) {\n    const node = reference.getFirstAncestor((node) => {\n      return Node.isJsxOpeningElement(node) || Node.isJsxSelfClosingElement(node);\n    });\n\n    if (node) {\n      jsxElements.push(node);\n    }\n  }\n\n  return jsxElements as (JsxOpeningElement | JsxSelfClosingElement)[];\n}\n\n/**\n * Given a Jsx Reference, this function finds the parent of that reference,\n * looks at the props, and returns the name used either for spread operator rest or\n * the prop name if there's no spread operator\n */\nexport const getParentSpreadOrParamIdentifier = (\n  reference: JsxOpeningElement | JsxSelfClosingElement,\n): string | undefined => {\n  // get the parent component where this reference is used\n  const block = reference.getParentWhile((parent) => {\n    return !getReactFunctionDeclaration(parent);\n  })!;\n\n  const blockParent = block.getParent();\n\n  if (!blockParent) {\n    return undefined;\n  }\n\n  // check if the parent is a react component\n  const reactComponent = getReactFunctionDeclaration(blockParent);\n\n  if (reactComponent) {\n    const parameters = reactComponent.getParameters();\n\n    for (let i = 0; i < parameters.length; i++) {\n      const parameter = parameters[i];\n      const objectBindingPattern = parameter.getChildrenOfKind(SyntaxKind.ObjectBindingPattern)[0]; // ({ param1, ...props }: Props)\n      const identifier = parameter.getChildrenOfKind(SyntaxKind.Identifier)[0]; // (props: Props)\n\n      if (objectBindingPattern) {\n        const dotDotToken = objectBindingPattern.getFirstDescendantByKind(\n          SyntaxKind.DotDotDotToken,\n        );\n        const isSpreadOperatorRest = dotDotToken !== undefined;\n        if (isSpreadOperatorRest) {\n          const spreadRestIdentifier = dotDotToken\n            ?.getParent()\n            ?.getFirstChildByKindOrThrow(SyntaxKind.Identifier)\n            .getText();\n\n          return spreadRestIdentifier;\n        }\n      } else if (identifier) {\n        return identifier.getText();\n      }\n    }\n  }\n};\n\n/**\n * Get used props on a reference.\n */\nexport const getUsedPropsInReference = (\n  reference: JsxOpeningElement | JsxSelfClosingElement,\n  variants: Record<string, Record<string, string>>,\n): Array<[string, string[]]> => {\n  const attributes = reference.getAttributes();\n  const res: Array<[string, string[]]> = [];\n\n  attributes.forEach((attribute) => {\n    if (Node.isJsxAttribute(attribute)) {\n      const attributeName = attribute.getNameNode().getText();\n      // TODO: try to resolve the expression (ex: on the Icon button we know that ony sm value is passed)\n      // <Button display=\"flex\" /> or <Button display={\"flex\"} />\n      // BORDER_WIDTH === 'thin' ? '0.5' : '1'\n      const stringLiterals = attribute.getDescendantsOfKind(SyntaxKind.StringLiteral);\n      const values: string[] = [];\n      if (stringLiterals.length !== 0) {\n        stringLiterals.forEach((stringLiteral) => values.push(stringLiteral.getLiteralText()));\n      }\n      // Sometimes the property name doesn't directly map to the variant,\n      // but instead, the properties type name does. (Ex: `iconSize` is the corresponding variant for `size` prop on Icons)\n      const typeName = attribute\n        .getFirstChildByKindOrThrow(SyntaxKind.Identifier)\n        .getDefinitions()\n        .map((d) =>\n          d.getDeclarationNode()?.getChildrenOfKind(SyntaxKind.TypeReference).pop()?.getText(),\n        )\n        .pop();\n\n      if (!typeName && !isEmpty(attributeName)) {\n        res.push([attributeName, values]);\n      } else if (variants[camelCase(typeName) as keyof typeof variants] && !isEmpty(typeName)) {\n        res.push([camelCase(typeName), values]);\n      } else if (!isEmpty(attributeName)) {\n        res.push([attributeName, values]);\n      }\n    }\n\n    if (Node.isJsxSpreadAttribute(attribute)) {\n      const componentPropsSpreadIdentifier = getParentSpreadOrParamIdentifier(reference);\n      const children = attribute.getExpression().getChildren();\n\n      // we need the last element in the spread operator\n      // the goal here is to find if we are blindly just passing all the props from the parent\n      const lastIdentifier = children.length === 0 ? attribute.getExpression() : children.pop();\n      if (!lastIdentifier || lastIdentifier?.getText() === componentPropsSpreadIdentifier) {\n        return [];\n      }\n\n      lastIdentifier\n        .getType()\n        .getProperties()\n        // these are typescript properties\n        // so we don't know which values have been used.\n        .forEach((property) => {\n          // Sometimes the property name doesn't directly map to the variant,\n          // but instead, the properties type name does. (Ex: `iconSize` is the corresponding variant for `size` prop on Icons)\n          const propertyNameFromType = property.getDeclarations().map((declaration) => {\n            const typeName =\n              declaration.getChildrenOfKind(SyntaxKind.TypeReference)[0]?.getText() ?? '';\n            return camelCase(typeName);\n          })[0];\n          if (!isEmpty(property.getName())) {\n            res.push([property.getName(), []]);\n          }\n          if (!isEmpty(propertyNameFromType)) {\n            res.push([propertyNameFromType, []]);\n          }\n        });\n    }\n\n    return [];\n  });\n\n  return res;\n};\n"],"mappings":"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"}
+{"version":3,"file":"tsMorph.js","names":[],"sources":["../../src/utils/tsMorph.ts"],"sourcesContent":["import { camelCase, isEmpty } from 'lodash';\nimport type {\n  ArrowFunction,\n  CallExpression,\n  ClassDeclaration,\n  FunctionDeclaration,\n  FunctionExpression,\n  Identifier,\n  JsxElement,\n  JsxOpeningElement,\n  JsxSelfClosingElement,\n  VariableDeclaration,\n} from 'ts-morph';\nimport { Node, SyntaxKind } from 'ts-morph';\n\n/** Determines if an expression is using React.forwardRef. */\nexport function isForwardRefExpression(node: Node): node is CallExpression {\n  if (Node.isCallExpression(node)) {\n    const expression = node.getExpression();\n\n    /**\n     * forwardRef(() => <Component />)\n     */\n    if (Node.isIdentifier(expression) && expression.getText() === 'forwardRef') {\n      return true;\n    }\n\n    /**\n     * React.forwardRef(() => <Component />)\n     */\n    if (\n      Node.isPropertyAccessExpression(expression) &&\n      expression.getText() === 'React.forwardRef'\n    ) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\n/** Determines if a node is a JSX component. */\nexport function isJsxComponent(\n  node: Node,\n): node is\n  | VariableDeclaration\n  | FunctionDeclaration\n  | FunctionExpression\n  | ArrowFunction\n  | ClassDeclaration {\n  let name: string | undefined;\n\n  if (\n    Node.isVariableDeclaration(node) ||\n    Node.isFunctionDeclaration(node) ||\n    Node.isClassDeclaration(node)\n  ) {\n    name = node.getName();\n  } else if (Node.isFunctionExpression(node) || Node.isArrowFunction(node)) {\n    const variableDeclaration = node.getFirstAncestorByKind(SyntaxKind.VariableDeclaration);\n    name = variableDeclaration?.getName();\n  }\n\n  return name ? /[A-Z]/.test(name.charAt(0)) : false;\n}\n\n/** Returns a functional component declaration, unwrapping forwardRef if needed. */\nexport function getReactFunctionDeclaration(\n  declaration: Node,\n): ArrowFunction | FunctionDeclaration | FunctionExpression | null {\n  if (isJsxComponent(declaration)) {\n    if (Node.isFunctionDeclaration(declaration)) {\n      return declaration;\n    }\n\n    if (Node.isVariableDeclaration(declaration)) {\n      const initializer = declaration.getInitializer();\n\n      if (initializer) {\n        if (isForwardRefExpression(initializer)) {\n          const [initializerDeclaration] = initializer.getArguments();\n          if (\n            Node.isFunctionDeclaration(initializerDeclaration) ||\n            Node.isFunctionExpression(initializerDeclaration) ||\n            Node.isArrowFunction(initializerDeclaration)\n          ) {\n            return initializerDeclaration;\n          }\n        } else if (\n          Node.isFunctionDeclaration(initializer) ||\n          Node.isFunctionExpression(initializer) ||\n          Node.isArrowFunction(initializer)\n        ) {\n          return initializer;\n        }\n      }\n    }\n  }\n\n  return null;\n}\n\n/** Get the first descendant JsxElement based on the identifier. */\nexport function getJsxElement(node: Node, name: string) {\n  return getJsxElements(node).find(\n    (node) => node.getFirstDescendantByKindOrThrow(SyntaxKind.Identifier).getText() === name,\n  );\n}\n\n/** Get all descendant JsxElement nodes. */\nexport function getJsxElements(node: Node) {\n  return node\n    .getDescendants()\n    .filter((node) => Node.isJsxElement(node) || Node.isJsxSelfClosingElement(node)) as (\n    | JsxElement\n    | JsxSelfClosingElement\n  )[];\n}\n\n/**\n * Traces component references.\n *\n * This is similar to `findReferencesAsNodes` but returns JsxSelfClosingElement and JsxElement nodes.\n * Note, this currently does not account for cases where the component is used as a prop or is renamed.\n */\nexport function findReferencesAsJsxElements(\n  identifer: Identifier,\n): (JsxOpeningElement | JsxSelfClosingElement)[] {\n  const jsxElements: Node[] = [];\n\n  for (const reference of identifer.findReferencesAsNodes()) {\n    const node = reference.getFirstAncestor((node) => {\n      return Node.isJsxOpeningElement(node) || Node.isJsxSelfClosingElement(node);\n    });\n\n    if (node) {\n      jsxElements.push(node);\n    }\n  }\n\n  return jsxElements as (JsxOpeningElement | JsxSelfClosingElement)[];\n}\n\n/**\n * Given a Jsx Reference, this function finds the parent of that reference,\n * looks at the props, and returns the name used either for spread operator rest or\n * the prop name if there's no spread operator\n */\nexport const getParentSpreadOrParamIdentifier = (\n  reference: JsxOpeningElement | JsxSelfClosingElement,\n): string | undefined => {\n  // get the parent component where this reference is used\n  const block = reference.getParentWhile((parent) => {\n    return !getReactFunctionDeclaration(parent);\n  })!;\n\n  const blockParent = block.getParent();\n\n  if (!blockParent) {\n    return undefined;\n  }\n\n  // check if the parent is a react component\n  const reactComponent = getReactFunctionDeclaration(blockParent);\n\n  if (reactComponent) {\n    const parameters = reactComponent.getParameters();\n\n    for (let i = 0; i < parameters.length; i++) {\n      const parameter = parameters[i];\n      const objectBindingPattern = parameter.getChildrenOfKind(SyntaxKind.ObjectBindingPattern)[0]; // ({ param1, ...props }: Props)\n      const identifier = parameter.getChildrenOfKind(SyntaxKind.Identifier)[0]; // (props: Props)\n\n      if (objectBindingPattern) {\n        const dotDotToken = objectBindingPattern.getFirstDescendantByKind(\n          SyntaxKind.DotDotDotToken,\n        );\n        const isSpreadOperatorRest = dotDotToken !== undefined;\n        if (isSpreadOperatorRest) {\n          const spreadRestIdentifier = dotDotToken\n            ?.getParent()\n            ?.getFirstChildByKindOrThrow(SyntaxKind.Identifier)\n            .getText();\n\n          return spreadRestIdentifier;\n        }\n      } else if (identifier) {\n        return identifier.getText();\n      }\n    }\n  }\n};\n\n/**\n * Get used props on a reference.\n */\nexport const getUsedPropsInReference = (\n  reference: JsxOpeningElement | JsxSelfClosingElement,\n  variants: Record<string, Record<string, string>>,\n): Array<[string, string[]]> => {\n  const attributes = reference.getAttributes();\n  const res: Array<[string, string[]]> = [];\n\n  attributes.forEach((attribute) => {\n    if (Node.isJsxAttribute(attribute)) {\n      const attributeName = attribute.getNameNode().getText();\n      // TODO: try to resolve the expression (ex: on the Icon button we know that ony sm value is passed)\n      // <Button display=\"flex\" /> or <Button display={\"flex\"} />\n      // BORDER_WIDTH === 'thin' ? '0.5' : '1'\n      const stringLiterals = attribute.getDescendantsOfKind(SyntaxKind.StringLiteral);\n      const values: string[] = [];\n      if (stringLiterals.length !== 0) {\n        stringLiterals.forEach((stringLiteral) => values.push(stringLiteral.getLiteralText()));\n      }\n      // Sometimes the property name doesn't directly map to the variant,\n      // but instead, the properties type name does. (Ex: `iconSize` is the corresponding variant for `size` prop on Icons)\n      const typeName = attribute\n        .getFirstChildByKindOrThrow(SyntaxKind.Identifier)\n        .getDefinitions()\n        .map((d) =>\n          d.getDeclarationNode()?.getChildrenOfKind(SyntaxKind.TypeReference).pop()?.getText(),\n        )\n        .pop();\n\n      if (!typeName && !isEmpty(attributeName)) {\n        res.push([attributeName, values]);\n      } else if (variants[camelCase(typeName) as keyof typeof variants] && !isEmpty(typeName)) {\n        res.push([camelCase(typeName), values]);\n      } else if (!isEmpty(attributeName)) {\n        res.push([attributeName, values]);\n      }\n    }\n\n    if (Node.isJsxSpreadAttribute(attribute)) {\n      const componentPropsSpreadIdentifier = getParentSpreadOrParamIdentifier(reference);\n      const children = attribute.getExpression().getChildren();\n\n      // we need the last element in the spread operator\n      // the goal here is to find if we are blindly just passing all the props from the parent\n      const lastIdentifier = children.length === 0 ? attribute.getExpression() : children.pop();\n      if (!lastIdentifier || lastIdentifier?.getText() === componentPropsSpreadIdentifier) {\n        return [];\n      }\n\n      lastIdentifier\n        .getType()\n        .getProperties()\n        // these are typescript properties\n        // so we don't know which values have been used.\n        .forEach((property) => {\n          // Sometimes the property name doesn't directly map to the variant,\n          // but instead, the properties type name does. (Ex: `iconSize` is the corresponding variant for `size` prop on Icons)\n          const propertyNameFromType = property.getDeclarations().map((declaration) => {\n            const typeName =\n              declaration.getChildrenOfKind(SyntaxKind.TypeReference)[0]?.getText() ?? '';\n            return camelCase(typeName);\n          })[0];\n          if (!isEmpty(property.getName())) {\n            res.push([property.getName(), []]);\n          }\n          if (!isEmpty(propertyNameFromType)) {\n            res.push([propertyNameFromType, []]);\n          }\n        });\n    }\n\n    return [];\n  });\n\n  return res;\n};\n"],"mappings":"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"}

package/dist/types/dist/index.d.cts

@@ -640,7 +640,7 @@ interface UniversalRadioProps {
   size?: RadioSize;
   /** The label content displayed alongside the radio. */
   label?: string | ReactNode | (() => ReactNode);
-  /** The value submitted with form data. @default '' */
+  /** The option value for this radio. Required when used inside a RadioGroup. @default '' */
   value?: string;
   /** The controlled checked state. */
   checked?: boolean;
@@ -654,7 +654,7 @@ interface UniversalRadioProps {
 interface UniversalRadioGroupProps {
   /** The name shared by all radios in the group (for form submission). */
   name?: string;
-  /** The controlled selected value. */
+  /** The controlled selected option value. */
   value?: string;
   /** The initial selected value for uncontrolled mode. */
   defaultValue?: string;

package/dist/types/dist/index.d.ts

@@ -640,7 +640,7 @@ interface UniversalRadioProps {
   size?: RadioSize;
   /** The label content displayed alongside the radio. */
   label?: string | ReactNode | (() => ReactNode);
-  /** The value submitted with form data. @default '' */
+  /** The option value for this radio. Required when used inside a RadioGroup. @default '' */
   value?: string;
   /** The controlled checked state. */
   checked?: boolean;
@@ -654,7 +654,7 @@ interface UniversalRadioProps {
 interface UniversalRadioGroupProps {
   /** The name shared by all radios in the group (for form submission). */
   name?: string;
-  /** The controlled selected value. */
+  /** The controlled selected option value. */
   value?: string;
   /** The initial selected value for uncontrolled mode. */
   defaultValue?: string;