@yahoo/uds 2.0.0-beta.1 → 2.1.0

package/dist/motionFeatures-I76FFCTS.js

@@ -0,0 +1 @@
+export{domAnimation}from"framer-motion";

package/dist/motionFeatures-P3FQL2KP.cjs

@@ -0,0 +1 @@
+"use strict";var e=require("framer-motion");Object.defineProperty(exports,"domAnimation",{enumerable:!0,get:function(){return e.domAnimation}});

package/dist/styles/toast.css

@@ -0,0 +1,3 @@
+@import "react-toastify/ReactToastify.css";
+
+/* src/styles/toast.css */

package/dist/styles/toast.d.cts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/styles/toast.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/tailwind/plugin.cjs

@@ -0,0 +1,2 @@
+"use strict";var e=require("../chunk-PFT3UA6K.cjs"),t=require("../chunk-YUHY3FXT.cjs"),o=require("../chunk-DMMTEAJW.cjs"),i=require("../chunk-FWF2C6TL.cjs"),n=require("../chunk-GIJ2FHY5.cjs"),r=require("../chunk-5WBROFT5.cjs"),a=require("../chunk-EYFQOFYW.cjs"),s=require("@yahoo/uds/fixtures"),l=require("tailwindcss/plugin"),d=require("tailwindcss/defaultTheme");function u(e){return e&&e.__esModule?e:{default:e}}var _=u(l),c=u(d);function f(e,t,o){const i=e[t],n=o?.[i];return n?`var(${i}, ${n})`:`var(${i})`}function S(e,{type:t,value:o},i){const n="color"===e?"textColor":e;if("palette"===t)return s.alwaysPaletteAliases.includes(o)?o:i(`${n}.${o}`);{const[e,t]=o.split("-");return i(`colors.${e}.${t}`)}}function A({scale:e}){return s.scaleEffectMap[e].sm}function T({backgroundColor:e,borderColor:t,color:o,borderRadius:i,borderWidth:n},a){return{[r.BUTTON_CSS_VAR_MAP.backgroundColor]:S("backgroundColor",e,a),[r.BUTTON_CSS_VAR_MAP.borderColor]:S("borderColor",t,a),[r.BUTTON_CSS_VAR_MAP.color]:S("color",o,a),...i&&{[r.BUTTON_CSS_VAR_MAP.borderRadius]:a(`borderRadius.${i}`)},...n&&{[r.BUTTON_CSS_VAR_MAP.borderWidth]:a(`borderWidth.${n}`)}}}function C(e,t){const{spacingHorizontal:o,spacingVertical:i,gap:n,textVariant:a,iconSize:s}=e,l=t(`typography.lineHeight.${a}`),d=t(`sizing.icon.${s}`);return{[r.BUTTON_CSS_VAR_MAP.padding]:`${t(`spacing[${i}]`)} ${t(`spacing[${o}]`)}`,[r.BUTTON_CSS_VAR_MAP.columnGap]:t(`spacing[${n}]`),[r.BUTTON_CSS_VAR_MAP.fontFamily]:t(`typography.fontFamily.${a}`),[r.BUTTON_CSS_VAR_MAP.fontWeight]:t(`typography.fontWeight.${a}`),[r.BUTTON_CSS_VAR_MAP.fontSize]:t(`typography.fontSize.${a}`),[r.BUTTON_CSS_VAR_MAP.lineHeight]:`max(${l}, ${d})`,[r.BUTTON_CSS_VAR_MAP.textTransform]:t(`typography.textTransform.${a}`),[r.BUTTON_CSS_VAR_MAP.iconSize]:t(`sizing.icon.${s}`)}}function g(e,t){const o=e.palette[e.defaults.palette][e.defaults.variant],i=e.size[e.defaults.size],a=o.base.scale,l=o.effect.hover.scale.value,d=o.effect.pressed.scale.value,u={...T(o.base,t),...C(i,t),[r.BUTTON_CSS_VAR_MAP.effects.scale.rest]:A({scale:a}),[r.BUTTON_CSS_VAR_MAP.effects.scale.hover]:A({scale:l}),[r.BUTTON_CSS_VAR_MAP.effects.scale.pressed]:A({scale:d})},_={borderRadius:f(r.BUTTON_CSS_VAR_MAP,"borderRadius",u),boxShadow:`inset 0 0 0 ${f(r.BUTTON_CSS_VAR_MAP,"borderWidth",u)} ${f(r.BUTTON_CSS_VAR_MAP,"borderColor",u)}`,color:f(r.BUTTON_CSS_VAR_MAP,"color",u),backgroundColor:f(r.BUTTON_CSS_VAR_MAP,"backgroundColor",u),padding:f(r.BUTTON_CSS_VAR_MAP,"padding",u),fontFamily:f(r.BUTTON_CSS_VAR_MAP,"fontFamily",u),fontWeight:f(r.BUTTON_CSS_VAR_MAP,"fontWeight",u),fontSize:f(r.BUTTON_CSS_VAR_MAP,"fontSize",u),lineHeight:f(r.BUTTON_CSS_VAR_MAP,"lineHeight",u),textTransform:f(r.BUTTON_CSS_VAR_MAP,"textTransform",u),display:"inline-flex",justifyContent:"center",overflow:"hidden",alignItems:"center",whiteSpace:"nowrap",userSelect:"none",...u,transitionProperty:"color, background-color, border-color, text-decoration-color, fill, stroke",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"220ms"},c=T(o.state.hover,t),S=T(o.state.pressed,t),g={cursor:"not-allowed",opacity:"0.2",[r.BUTTON_CSS_VAR_MAP.effects.scale.hover]:A({scale:"none"}),[r.BUTTON_CSS_VAR_MAP.effects.scale.pressed]:A({scale:"none"})},p={".uds-button":_,".uds-button .uds-button-icon":{width:f(r.BUTTON_CSS_VAR_MAP,"iconSize",u),height:f(r.BUTTON_CSS_VAR_MAP,"iconSize",u)},[`.uds-button${r.PSEUDO_STYLE_SELECTOR_MAP.hover}`]:c,[`.uds-button${r.PSEUDO_STYLE_SELECTOR_MAP.pressed}`]:S,[`.uds-button${r.PSEUDO_STYLE_SELECTOR_MAP.disabled}`]:g,".disabled .uds-button":g},h={".hover":{".uds-button":c},".pressed":{".uds-button":S}};for(const[o,i]of n.entries(e.size))p[`.uds-button-${o}`]=C(i,t);function E(o,{palette:i,variant:n}){const a=e.palette[i][n],s=a.base,l=a.state,d=a.effect,u={rest:{...T(s,t)},restScale:{[r.BUTTON_CSS_VAR_MAP.effects.scale.rest]:A({scale:s.scale}),[r.BUTTON_CSS_VAR_MAP.effects.scale.hover]:A({scale:d.hover.scale.value}),[r.BUTTON_CSS_VAR_MAP.effects.scale.pressed]:A({scale:d.pressed.scale.value})},hover:T(l.hover,t),pressed:T(l.pressed,t)};p[o]=u.rest,p[`${o}${r.PSEUDO_STYLE_SELECTOR_MAP.notDisabled}`]=u.restScale,p[`${o}${r.PSEUDO_STYLE_SELECTOR_MAP.hover}`]=u.hover,p[`${o}${r.PSEUDO_STYLE_SELECTOR_MAP.pressed}`]=u.pressed,h[".hover"][o]=u.hover,h[".pressed"][o]=u.pressed}for(const t of s.buttonPalettes){E(`.uds-button-${t}`,{palette:t,variant:e.defaults.variant});for(const o of s.buttonVariants)E(`.uds-button-${t}.uds-button-${o}`,{palette:t,variant:o}),t===e.defaults.palette&&E(`.uds-button-${o}`,{palette:t,variant:o})}return{...p,...h}}var p={outlineOffset:"var(--uds-outline-offset)",outlineWidth:"var(--uds-outline-width)",outlineColor:"var(--uds-outline-color)",outlineStyle:"var(--uds-outline-style)"};var h="44px";function E(e,t){const{spacing:o,iconSize:i}=e;return{[r.ICON_BUTTON_CSS_VAR_MAP.padding]:t(`spacing[${o}]`),[r.ICON_BUTTON_CSS_VAR_MAP.iconSize]:t(`sizing.icon.${i}`)}}function O(e,t){const o=E(e.size[e.defaults.size],t),i={".uds-icon-button":{display:"inline-flex",alignItems:"center",...{padding:f(r.ICON_BUTTON_CSS_VAR_MAP,"padding",o)}},".uds-icon-button .uds-button-icon":{width:f(r.ICON_BUTTON_CSS_VAR_MAP,"iconSize",o),height:f(r.ICON_BUTTON_CSS_VAR_MAP,"iconSize",o)}};for(const[o,r]of n.entries(e.size))i[`.uds-icon-button-${o}`]=E(r,t);return i}var M={display1:"6xl",display2:"5xl",display3:"4xl",title1:"3xl",title2:"2xl",title3:"xl",title4:"lg",headline1:"base",body1:"base",label1:"sm",label2:"sm",caption1:"xs",caption2:"xs"},b={fontSize:M,lineHeight:M,borderRadius:{xs:"sm",sm:"DEFAULT",md:"md",lg:"lg",xl:"xl"},borderWidth:{thin:"DEFAULT",medium:"2",thick:"4"}};function R(e){return e.endsWith("rem")?16*parseFloat(e):parseFloat(e)}var m={...o.defaultTokensConfig.scaleMode[o.DEFAULT_SCALE_MODE],fontSize:{...o.defaultTokensConfig.scaleMode[o.DEFAULT_SCALE_MODE].fontSize,...n.mapValues(b.fontSize,(e=>R(c.default.fontSize[e][0])))},lineHeight:{...o.defaultTokensConfig.scaleMode[o.DEFAULT_SCALE_MODE].fontSize,...n.mapValues(b.lineHeight,(e=>R(c.default.fontSize[e][1].lineHeight))),display1:R(c.default.fontSize[b.fontSize.display1][0]),display2:R(c.default.fontSize[b.fontSize.display2][0])},fontWeight:n.mapValues(o.defaultTokensConfig.scaleMode[o.DEFAULT_SCALE_MODE].fontWeight,(()=>"regular")),borderRadius:{...o.defaultTokensConfig.scaleMode[o.DEFAULT_SCALE_MODE].borderRadius,...n.mapValues(b.borderRadius,(e=>R(c.default.borderRadius[e])))},borderWidth:{...o.defaultTokensConfig.scaleMode[o.DEFAULT_SCALE_MODE].borderWidth,...n.mapValues(b.borderWidth,(e=>R(c.default.borderWidth[e])))}};function L(e){return{...o.defaultTokensConfig.scaleMode[e],fontWeight:m.fontWeight,fontSize:n.mapValues(m.fontSize,((t,o)=>t+s.fontSizeRamp[e][o])),lineHeight:n.mapValues(m.lineHeight,((t,o)=>t+s.lineHeightRamp[e][o])),borderRadius:n.mapValues(m.borderRadius,((t,o)=>t+s.borderRadiusRamp[e][o])),borderWidth:n.mapValues(m.borderWidth,((t,o)=>t+s.borderWidthRamp[e][o]))}}var U={...o.defaultTokensConfig,scaleMode:{xSmall:L("xSmall"),small:L("small"),medium:L("medium"),large:L("large"),xLarge:L("xLarge"),xxLarge:L("xxLarge"),xxxLarge:L("xxxLarge")}};var v=_.default.withOptions((function({config:n=o.defaultTokensConfig,disableFontFaceDeclarations:a=!1}){return function({addBase:s,matchUtilities:l,addComponents:d,theme:u}){const _=i.parseTokens(n),c=Object.values(n.font);if(!1===a&&e.addFontFaceDeclarations(c,s),function(t,o){o({":root":e.getFontStyles(t)})}(n.font,s),/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+function(t,i){const n=e.getColorModeStyles(t);i({":root":n[o.DEFAULT_COLOR_MODE],[`.${r.LIGHT_COLOR_MODE_CLASSNAME}`]:n.light,[`.${r.DARK_COLOR_MODE_CLASSNAME}`]:n.dark})}(_,s),function(t,i){const n=e.getScaleModeStyles(t);i({":root":n[o.DEFAULT_SCALE_MODE],[`.${r.XSMALL_SCALE_MODE_CLASSNAME}`]:n.xSmall,[`.${r.SMALL_SCALE_MODE_CLASSNAME}`]:n.small,[`.${r.MEDIUM_SCALE_MODE_CLASSNAME}`]:n.medium,[`.${r.LARGE_SCALE_MODE_CLASSNAME}`]:n.large,[`.${r.XLARGE_SCALE_MODE_CLASSNAME}`]:n.xLarge,[`.${r.XXLARGE_SCALE_MODE_CLASSNAME}`]:n.xxLarge,[`.${r.XXXLARGE_SCALE_MODE_CLASSNAME}`]:n.xxxLarge})}(_,s),n.button){const e=function(e,t){return g(e,t)}(n.button,u);d(e)}if(n.iconButton){const e=function(e,t){return O(e,t)}(n.iconButton,u);d(e)}n.motion&&function(e,o){o({":root":t.getMotionStyles(e)})}(n.motion,s);s({".uds-hit-target":{position:"relative"},".uds-hit-target::before":{"@media (hover: none)":{content:"''",position:"absolute",top:"50%",left:"50%",width:`max(${h}, 100%)`,height:`max(${h}, 100%)`,transform:"translate(-50%, -50%)"}}});const f=function({theme:e}){return{".uds-ring":{"--uds-outline-offset":e("outlineOffset.DEFAULT"),"--uds-outline-width":e("outlineWidth.DEFAULT"),"--uds-outline-color":e("outlineColor.DEFAULT"),"--uds-outline-style":"solid"},[`.uds-ring${r.PSEUDO_STYLE_SELECTOR_MAP.focused}`]:p,".focused .uds-ring":p}}({theme:u});s(f),l({iconSize:e=>({width:e,height:e,fontSize:e,lineHeight:e})},{values:u("sizing.icon")}),l({avatarSize:e=>({width:e,height:e})},{values:u("sizing.avatar")}),l({case:e=>({"text-transform":e})},{values:u("typography.textTransform")}),l({"font-weight":e=>({"font-weight":e})},{values:u("typography.fontWeight")}),l({"font-size":e=>({"font-size":e})},{values:u("typography.fontSize")})}}),(function({config:e=o.defaultTokensConfig,safelist:t=[]}){const a=i.parseTokens(e),l=a.colorMode[o.DEFAULT_COLOR_MODE].tailwindConfig,d=a.scaleMode[o.DEFAULT_SCALE_MODE],u=n.mapValues(l.spectrum,((e,t)=>({...e,...s.tailwindColorsAsUds[t]}))),_=l.palette.core,c={...s.tailwindColorsAsUds,...u,...o.alwaysPalette,..._},f=l.palette.foreground,S=l.palette.background,A=l.palette.line,T=o.fromEntries(n.entries(b.fontSize).map((([e,t])=>[t,[`var(--${r.FONT_SIZE_PREFIX}-${e})`,{lineHeight:`var(--${r.LINE_HEIGHT_PREFIX}-${e})`}]]))),C=o.fromEntries(n.entries(b.borderRadius).map((([e,t])=>[t,`var(--${r.BORDER_RADIUS_PREFIX}-${e})`]))),g={...d.borderRadius.tailwindConfig,...C},p=o.fromEntries(n.entries(b.borderWidth).map((([e,t])=>[t,`var(--${r.BORDER_WIDTH_PREFIX}-${e})`]))),h={...d.borderWidth.tailwindConfig,...p};return{darkMode:["class",r.DARK_COLOR_MODE_CLASSNAME],safelist:[r.DARK_COLOR_MODE_CLASSNAME,...t],theme:{extend:{aria:{checked:'checked="true"',disabled:'disabled="true"',expanded:'expanded="true"',invalid:'aria-invalid="true"'},data:{active:'active="true"',"active-item":'active-item="true"',autofill:'autofill="true"',backdrop:'backdrop="true"',enter:'enter="true"',leave:'leave="true"',"focus-visible":'focus-visible="true"'},borderRadius:g,borderWidth:h,outlineWidth:{...h,DEFAULT:"2px"},outlineOffset:{...h,DEFAULT:"2px"},outlineColor:({theme:e})=>({...A,DEFAULT:e("colors.accent")}),fontFamily:{...Object.fromEntries(s.fontAliases.map((e=>[e,`var(--${r.FONT_FAMILY_PREFIX}-${e})`]))),...Object.fromEntries(s.textVariants.map((e=>[e,`var(--${r.FONT_FAMILY_PREFIX}-${e})`])))},fontSize:T,lineHeight:d.lineHeight.tailwindConfig,colors:c,backgroundColor:S,textColor:f,borderColor:A,fill:S,caretColor:f,placeholderColor:f,textDecorationColor:f,divideColor:A,ringColor:A,ringOffsetColor:A,stroke:A,typography:{fontFamily:d.fontFamily.tailwindConfig,fontWeight:d.fontWeight.tailwindConfig,fontSize:d.fontSize.tailwindConfig,lineHeight:d.lineHeight.tailwindConfig,textTransform:d.textTransform.tailwindConfig},sizing:{icon:d.iconSizes.tailwindConfig,avatar:d.avatarSizes.tailwindConfig}}}}}));exports.defaultTailwindThemeAsUdsConfig=U,exports.getButtonColorForProperty=S,exports.getButtonStyles=g,exports.getIconButtonStyles=O,exports.getUDSContent=()=>[a.__require.resolve("@yahoo/uds"),a.__require.resolve("@yahoo/uds/client"),a.__require.resolve("@yahoo/uds/experimental")],exports.tailwindPlugin=v,exports.udsToTailwindMap=b;

package/dist/tailwind/plugin.d.cts

@@ -0,0 +1,60 @@
+import * as tailwindcss_types_config from 'tailwindcss/types/config';
+import { B as ButtonConfig, h as ButtonClassMap, I as IconButtonClassMap, U as UniversalTokensConfig, i as ButtonColorProperty, j as ButtonColorPropertyConfig } from '../types-Pyccco5Q.cjs';
+import defaultTailwindTheme from 'tailwindcss/defaultTheme';
+import '@yahoo/uds-icons/types';
+import 'framer-motion';
+import 'react';
+
+/** TODO: create typed theme function to ensure valid paths are being used */
+type ThemeFn = (path: string) => string;
+
+declare function getButtonStyles(button: ButtonConfig, theme: ThemeFn): ButtonClassMap;
+
+type IconButtonConfig = Exclude<UniversalTokensConfig['iconButton'], undefined>;
+declare function getIconButtonStyles(iconButton: IconButtonConfig, theme: ThemeFn): IconButtonClassMap;
+
+type TwFontSizeToExclude = '7xl' | '8xl' | '9xl';
+type TwdFontSize = Exclude<keyof typeof defaultTailwindTheme.fontSize, TwFontSizeToExclude>;
+type TwBorderRadiusToExclude = 'none' | '2xl' | '3xl' | 'full';
+type TwBorderRadius = Exclude<keyof typeof defaultTailwindTheme.borderRadius, TwBorderRadiusToExclude>;
+type TwBorderWidthToExclude = '0' | '8';
+type TwBorderWidth = Exclude<keyof typeof defaultTailwindTheme.borderWidth, TwBorderWidthToExclude>;
+declare const udsToTailwindMap: {
+    fontSize: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2", TwdFontSize>;
+    lineHeight: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2", TwdFontSize>;
+    borderRadius: Record<"sm" | "md" | "lg" | "xl" | "xs", TwBorderRadius>;
+    borderWidth: Record<"medium" | "thin" | "thick", TwBorderWidth>;
+};
+/**
+ * This is a manually defined UDS config converted to use values from Tailwind's default theme.
+ * https://github.com/tailwindlabs/tailwindcss/blob/master/stubs/config.full.js
+ */
+declare const defaultTailwindThemeAsUdsConfig: UniversalTokensConfig;
+
+declare function getButtonColorForProperty(property: ButtonColorProperty, { type, value }: ButtonColorPropertyConfig[ButtonColorProperty], theme: ThemeFn): string;
+
+interface TailwindPluginOptions {
+    config?: UniversalTokensConfig;
+    safelist?: string[];
+    /**
+     * Disable generating font face declarations through Tailwind
+     * @default false
+     */
+    disableFontFaceDeclarations?: boolean;
+}
+declare const tailwindPlugin: {
+    (options: TailwindPluginOptions): {
+        handler: tailwindcss_types_config.PluginCreator;
+        config?: Partial<tailwindcss_types_config.Config>;
+    };
+    __isOptionsFunction: true;
+};
+/**
+ * Use in `tailwindConfig.content` to ensure UDS package(s) styles are
+ * included in the app.
+ * Note: wrapped in a function so client side usage of the tailwind plugin package
+ * (e.g. configurator) doesn't error out on require() being undefined.
+ * */
+declare const getUDSContent: () => string[];
+
+export { defaultTailwindThemeAsUdsConfig, getButtonColorForProperty, getButtonStyles, getIconButtonStyles, getUDSContent, tailwindPlugin, udsToTailwindMap };

package/dist/tailwind/plugin.d.ts

@@ -0,0 +1,60 @@
+import * as tailwindcss_types_config from 'tailwindcss/types/config';
+import { B as ButtonConfig, h as ButtonClassMap, I as IconButtonClassMap, U as UniversalTokensConfig, i as ButtonColorProperty, j as ButtonColorPropertyConfig } from '../types-Pyccco5Q.js';
+import defaultTailwindTheme from 'tailwindcss/defaultTheme';
+import '@yahoo/uds-icons/types';
+import 'framer-motion';
+import 'react';
+
+/** TODO: create typed theme function to ensure valid paths are being used */
+type ThemeFn = (path: string) => string;
+
+declare function getButtonStyles(button: ButtonConfig, theme: ThemeFn): ButtonClassMap;
+
+type IconButtonConfig = Exclude<UniversalTokensConfig['iconButton'], undefined>;
+declare function getIconButtonStyles(iconButton: IconButtonConfig, theme: ThemeFn): IconButtonClassMap;
+
+type TwFontSizeToExclude = '7xl' | '8xl' | '9xl';
+type TwdFontSize = Exclude<keyof typeof defaultTailwindTheme.fontSize, TwFontSizeToExclude>;
+type TwBorderRadiusToExclude = 'none' | '2xl' | '3xl' | 'full';
+type TwBorderRadius = Exclude<keyof typeof defaultTailwindTheme.borderRadius, TwBorderRadiusToExclude>;
+type TwBorderWidthToExclude = '0' | '8';
+type TwBorderWidth = Exclude<keyof typeof defaultTailwindTheme.borderWidth, TwBorderWidthToExclude>;
+declare const udsToTailwindMap: {
+    fontSize: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2", TwdFontSize>;
+    lineHeight: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2", TwdFontSize>;
+    borderRadius: Record<"sm" | "md" | "lg" | "xl" | "xs", TwBorderRadius>;
+    borderWidth: Record<"medium" | "thin" | "thick", TwBorderWidth>;
+};
+/**
+ * This is a manually defined UDS config converted to use values from Tailwind's default theme.
+ * https://github.com/tailwindlabs/tailwindcss/blob/master/stubs/config.full.js
+ */
+declare const defaultTailwindThemeAsUdsConfig: UniversalTokensConfig;
+
+declare function getButtonColorForProperty(property: ButtonColorProperty, { type, value }: ButtonColorPropertyConfig[ButtonColorProperty], theme: ThemeFn): string;
+
+interface TailwindPluginOptions {
+    config?: UniversalTokensConfig;
+    safelist?: string[];
+    /**
+     * Disable generating font face declarations through Tailwind
+     * @default false
+     */
+    disableFontFaceDeclarations?: boolean;
+}
+declare const tailwindPlugin: {
+    (options: TailwindPluginOptions): {
+        handler: tailwindcss_types_config.PluginCreator;
+        config?: Partial<tailwindcss_types_config.Config>;
+    };
+    __isOptionsFunction: true;
+};
+/**
+ * Use in `tailwindConfig.content` to ensure UDS package(s) styles are
+ * included in the app.
+ * Note: wrapped in a function so client side usage of the tailwind plugin package
+ * (e.g. configurator) doesn't error out on require() being undefined.
+ * */
+declare const getUDSContent: () => string[];
+
+export { defaultTailwindThemeAsUdsConfig, getButtonColorForProperty, getButtonStyles, getIconButtonStyles, getUDSContent, tailwindPlugin, udsToTailwindMap };

package/dist/tailwind/plugin.js

@@ -0,0 +1,2 @@
+import{addFontFaceDeclarations as e,getColorModeStyles as t,getFontStyles as o,getScaleModeStyles as i}from"../chunk-YM5TKITI.js";import{getMotionStyles as n}from"../chunk-ZV62SW5G.js";import{defaultTokensConfig as r,DEFAULT_SCALE_MODE as a,fromEntries as s,DEFAULT_COLOR_MODE as l,alwaysPalette as d}from"../chunk-3PK6DOFO.js";import{parseTokens as c}from"../chunk-X6F5UEQ5.js";import{mapValues as u,entries as f}from"../chunk-SUASN3GG.js";import{FONT_SIZE_PREFIX as h,LINE_HEIGHT_PREFIX as g,BORDER_RADIUS_PREFIX as p,BORDER_WIDTH_PREFIX as b,DARK_COLOR_MODE_CLASSNAME as m,LIGHT_COLOR_MODE_CLASSNAME as v,XSMALL_SCALE_MODE_CLASSNAME as $,SMALL_SCALE_MODE_CLASSNAME as x,MEDIUM_SCALE_MODE_CLASSNAME as z,LARGE_SCALE_MODE_CLASSNAME as S,XLARGE_SCALE_MODE_CLASSNAME as y,XXLARGE_SCALE_MODE_CLASSNAME as C,XXXLARGE_SCALE_MODE_CLASSNAME as W,BUTTON_CSS_VAR_MAP as w,PSEUDO_STYLE_SELECTOR_MAP as k,ICON_BUTTON_CSS_VAR_MAP as F,FONT_FAMILY_PREFIX as T}from"../chunk-PE2P7J44.js";import{__require as H}from"../chunk-VPR62GYQ.js";import{tailwindColorsAsUds as L,alwaysPaletteAliases as R,buttonPalettes as D,buttonVariants as E,fontSizeRamp as M,lineHeightRamp as j,borderRadiusRamp as U,borderWidthRamp as O,fontAliases as A,textVariants as G,scaleEffectMap as P}from"@yahoo/uds/fixtures";import I from"tailwindcss/plugin";import V from"tailwindcss/defaultTheme";function B(e,t,o){const i=e[t],n=o?.[i];return n?`var(${i}, ${n})`:`var(${i})`}function K(e,{type:t,value:o},i){const n="color"===e?"textColor":e;if("palette"===t)return R.includes(o)?o:i(`${n}.${o}`);{const[e,t]=o.split("-");return i(`colors.${e}.${t}`)}}function Q({scale:e}){return P[e].sm}function Y({backgroundColor:e,borderColor:t,color:o,borderRadius:i,borderWidth:n},r){return{[w.backgroundColor]:K("backgroundColor",e,r),[w.borderColor]:K("borderColor",t,r),[w.color]:K("color",o,r),...i&&{[w.borderRadius]:r(`borderRadius.${i}`)},...n&&{[w.borderWidth]:r(`borderWidth.${n}`)}}}function J(e,t){const{spacingHorizontal:o,spacingVertical:i,gap:n,textVariant:r,iconSize:a}=e,s=t(`typography.lineHeight.${r}`),l=t(`sizing.icon.${a}`);return{[w.padding]:`${t(`spacing[${i}]`)} ${t(`spacing[${o}]`)}`,[w.columnGap]:t(`spacing[${n}]`),[w.fontFamily]:t(`typography.fontFamily.${r}`),[w.fontWeight]:t(`typography.fontWeight.${r}`),[w.fontSize]:t(`typography.fontSize.${r}`),[w.lineHeight]:`max(${s}, ${l})`,[w.textTransform]:t(`typography.textTransform.${r}`),[w.iconSize]:t(`sizing.icon.${a}`)}}function N(e,t){const o=e.palette[e.defaults.palette][e.defaults.variant],i=e.size[e.defaults.size],n=o.base.scale,r=o.effect.hover.scale.value,a=o.effect.pressed.scale.value,s={...Y(o.base,t),...J(i,t),[w.effects.scale.rest]:Q({scale:n}),[w.effects.scale.hover]:Q({scale:r}),[w.effects.scale.pressed]:Q({scale:a})},l={borderRadius:B(w,"borderRadius",s),boxShadow:`inset 0 0 0 ${B(w,"borderWidth",s)} ${B(w,"borderColor",s)}`,color:B(w,"color",s),backgroundColor:B(w,"backgroundColor",s),padding:B(w,"padding",s),fontFamily:B(w,"fontFamily",s),fontWeight:B(w,"fontWeight",s),fontSize:B(w,"fontSize",s),lineHeight:B(w,"lineHeight",s),textTransform:B(w,"textTransform",s),display:"inline-flex",justifyContent:"center",overflow:"hidden",alignItems:"center",whiteSpace:"nowrap",userSelect:"none",...s,transitionProperty:"color, background-color, border-color, text-decoration-color, fill, stroke",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"220ms"},d=Y(o.state.hover,t),c=Y(o.state.pressed,t),u={cursor:"not-allowed",opacity:"0.2",[w.effects.scale.hover]:Q({scale:"none"}),[w.effects.scale.pressed]:Q({scale:"none"})},h={".uds-button":l,".uds-button .uds-button-icon":{width:B(w,"iconSize",s),height:B(w,"iconSize",s)},[`.uds-button${k.hover}`]:d,[`.uds-button${k.pressed}`]:c,[`.uds-button${k.disabled}`]:u,".disabled .uds-button":u},g={".hover":{".uds-button":d},".pressed":{".uds-button":c}};for(const[o,i]of f(e.size))h[`.uds-button-${o}`]=J(i,t);function p(o,{palette:i,variant:n}){const r=e.palette[i][n],a=r.base,s=r.state,l=r.effect,d={rest:{...Y(a,t)},restScale:{[w.effects.scale.rest]:Q({scale:a.scale}),[w.effects.scale.hover]:Q({scale:l.hover.scale.value}),[w.effects.scale.pressed]:Q({scale:l.pressed.scale.value})},hover:Y(s.hover,t),pressed:Y(s.pressed,t)};h[o]=d.rest,h[`${o}${k.notDisabled}`]=d.restScale,h[`${o}${k.hover}`]=d.hover,h[`${o}${k.pressed}`]=d.pressed,g[".hover"][o]=d.hover,g[".pressed"][o]=d.pressed}for(const t of D){p(`.uds-button-${t}`,{palette:t,variant:e.defaults.variant});for(const o of E)p(`.uds-button-${t}.uds-button-${o}`,{palette:t,variant:o}),t===e.defaults.palette&&p(`.uds-button-${o}`,{palette:t,variant:o})}return{...h,...g}}var X={outlineOffset:"var(--uds-outline-offset)",outlineWidth:"var(--uds-outline-width)",outlineColor:"var(--uds-outline-color)",outlineStyle:"var(--uds-outline-style)"};var Z="44px";function q(e,t){const{spacing:o,iconSize:i}=e;return{[F.padding]:t(`spacing[${o}]`),[F.iconSize]:t(`sizing.icon.${i}`)}}function _(e,t){const o=q(e.size[e.defaults.size],t),i={".uds-icon-button":{display:"inline-flex",alignItems:"center",...{padding:B(F,"padding",o)}},".uds-icon-button .uds-button-icon":{width:B(F,"iconSize",o),height:B(F,"iconSize",o)}};for(const[o,n]of f(e.size))i[`.uds-icon-button-${o}`]=q(n,t);return i}var ee={display1:"6xl",display2:"5xl",display3:"4xl",title1:"3xl",title2:"2xl",title3:"xl",title4:"lg",headline1:"base",body1:"base",label1:"sm",label2:"sm",caption1:"xs",caption2:"xs"},te={fontSize:ee,lineHeight:ee,borderRadius:{xs:"sm",sm:"DEFAULT",md:"md",lg:"lg",xl:"xl"},borderWidth:{thin:"DEFAULT",medium:"2",thick:"4"}};function oe(e){return e.endsWith("rem")?16*parseFloat(e):parseFloat(e)}var ie={...r.scaleMode[a],fontSize:{...r.scaleMode[a].fontSize,...u(te.fontSize,(e=>oe(V.fontSize[e][0])))},lineHeight:{...r.scaleMode[a].fontSize,...u(te.lineHeight,(e=>oe(V.fontSize[e][1].lineHeight))),display1:oe(V.fontSize[te.fontSize.display1][0]),display2:oe(V.fontSize[te.fontSize.display2][0])},fontWeight:u(r.scaleMode[a].fontWeight,(()=>"regular")),borderRadius:{...r.scaleMode[a].borderRadius,...u(te.borderRadius,(e=>oe(V.borderRadius[e])))},borderWidth:{...r.scaleMode[a].borderWidth,...u(te.borderWidth,(e=>oe(V.borderWidth[e])))}};function ne(e){return{...r.scaleMode[e],fontWeight:ie.fontWeight,fontSize:u(ie.fontSize,((t,o)=>t+M[e][o])),lineHeight:u(ie.lineHeight,((t,o)=>t+j[e][o])),borderRadius:u(ie.borderRadius,((t,o)=>t+U[e][o])),borderWidth:u(ie.borderWidth,((t,o)=>t+O[e][o]))}}var re={...r,scaleMode:{xSmall:ne("xSmall"),small:ne("small"),medium:ne("medium"),large:ne("large"),xLarge:ne("xLarge"),xxLarge:ne("xxLarge"),xxxLarge:ne("xxxLarge")}};var ae=I.withOptions((function({config:s=r,disableFontFaceDeclarations:d=!1}){return function({addBase:r,matchUtilities:u,addComponents:f,theme:h}){const g=c(s),p=Object.values(s.font);if(!1===d&&e(p,r),function(e,t){t({":root":o(e)})}(s.font,r),/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+function(e,o){const i=t(e);o({":root":i[l],[`.${v}`]:i.light,[`.${m}`]:i.dark})}(g,r),function(e,t){const o=i(e);t({":root":o[a],[`.${$}`]:o.xSmall,[`.${x}`]:o.small,[`.${z}`]:o.medium,[`.${S}`]:o.large,[`.${y}`]:o.xLarge,[`.${C}`]:o.xxLarge,[`.${W}`]:o.xxxLarge})}(g,r),s.button){const e=function(e,t){return N(e,t)}(s.button,h);f(e)}if(s.iconButton){const e=function(e,t){return _(e,t)}(s.iconButton,h);f(e)}s.motion&&function(e,t){t({":root":n(e)})}(s.motion,r);r({".uds-hit-target":{position:"relative"},".uds-hit-target::before":{"@media (hover: none)":{content:"''",position:"absolute",top:"50%",left:"50%",width:`max(${Z}, 100%)`,height:`max(${Z}, 100%)`,transform:"translate(-50%, -50%)"}}});const b=function({theme:e}){return{".uds-ring":{"--uds-outline-offset":e("outlineOffset.DEFAULT"),"--uds-outline-width":e("outlineWidth.DEFAULT"),"--uds-outline-color":e("outlineColor.DEFAULT"),"--uds-outline-style":"solid"},[`.uds-ring${k.focused}`]:X,".focused .uds-ring":X}}({theme:h});r(b),u({iconSize:e=>({width:e,height:e,fontSize:e,lineHeight:e})},{values:h("sizing.icon")}),u({avatarSize:e=>({width:e,height:e})},{values:h("sizing.avatar")}),u({case:e=>({"text-transform":e})},{values:h("typography.textTransform")}),u({"font-weight":e=>({"font-weight":e})},{values:h("typography.fontWeight")}),u({"font-size":e=>({"font-size":e})},{values:h("typography.fontSize")})}}),(function({config:e=r,safelist:t=[]}){const o=c(e),i=o.colorMode[l].tailwindConfig,n=o.scaleMode[a],v=u(i.spectrum,((e,t)=>({...e,...L[t]}))),$=i.palette.core,x={...L,...v,...d,...$},z=i.palette.foreground,S=i.palette.background,y=i.palette.line,C=s(f(te.fontSize).map((([e,t])=>[t,[`var(--${h}-${e})`,{lineHeight:`var(--${g}-${e})`}]]))),W=s(f(te.borderRadius).map((([e,t])=>[t,`var(--${p}-${e})`]))),w={...n.borderRadius.tailwindConfig,...W},k=s(f(te.borderWidth).map((([e,t])=>[t,`var(--${b}-${e})`]))),F={...n.borderWidth.tailwindConfig,...k};return{darkMode:["class",m],safelist:[m,...t],theme:{extend:{aria:{checked:'checked="true"',disabled:'disabled="true"',expanded:'expanded="true"',invalid:'aria-invalid="true"'},data:{active:'active="true"',"active-item":'active-item="true"',autofill:'autofill="true"',backdrop:'backdrop="true"',enter:'enter="true"',leave:'leave="true"',"focus-visible":'focus-visible="true"'},borderRadius:w,borderWidth:F,outlineWidth:{...F,DEFAULT:"2px"},outlineOffset:{...F,DEFAULT:"2px"},outlineColor:({theme:e})=>({...y,DEFAULT:e("colors.accent")}),fontFamily:{...Object.fromEntries(A.map((e=>[e,`var(--${T}-${e})`]))),...Object.fromEntries(G.map((e=>[e,`var(--${T}-${e})`])))},fontSize:C,lineHeight:n.lineHeight.tailwindConfig,colors:x,backgroundColor:S,textColor:z,borderColor:y,fill:S,caretColor:z,placeholderColor:z,textDecorationColor:z,divideColor:y,ringColor:y,ringOffsetColor:y,stroke:y,typography:{fontFamily:n.fontFamily.tailwindConfig,fontWeight:n.fontWeight.tailwindConfig,fontSize:n.fontSize.tailwindConfig,lineHeight:n.lineHeight.tailwindConfig,textTransform:n.textTransform.tailwindConfig},sizing:{icon:n.iconSizes.tailwindConfig,avatar:n.avatarSizes.tailwindConfig}}}}})),se=()=>[H.resolve("@yahoo/uds"),H.resolve("@yahoo/uds/client"),H.resolve("@yahoo/uds/experimental")];export{re as defaultTailwindThemeAsUdsConfig,K as getButtonColorForProperty,N as getButtonStyles,_ as getIconButtonStyles,se as getUDSContent,ae as tailwindPlugin,te as udsToTailwindMap};

package/dist/tailwind/purger.cjs

@@ -0,0 +1,5 @@
+"use strict";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+//! This file is generated by purgeCSS.ts from @yahoo/uds
+//! Do not edit directly
+//! If there is issue with this file please report to #ask-uds
+exports.componentToTwClasses={Box:"container flex border",Button:"uds-button uds-button .uds-button-icon uds-button:hover:not([disabled]) uds-button:active:not([disabled]) uds-button:disabled disabled .uds-button hover .uds-button hover .uds-button-brand hover .uds-button-brand.uds-button-primary hover .uds-button-brand.uds-button-secondary hover .uds-button-brand.uds-button-tertiary hover .uds-button-accent hover .uds-button-accent.uds-button-primary hover .uds-button-primary hover .uds-button-accent.uds-button-secondary hover .uds-button-secondary hover .uds-button-accent.uds-button-tertiary hover .uds-button-tertiary hover .uds-button-alert hover .uds-button-alert.uds-button-primary hover .uds-button-alert.uds-button-secondary hover .uds-button-alert.uds-button-tertiary hover .uds-button-positive hover .uds-button-positive.uds-button-primary hover .uds-button-positive.uds-button-secondary hover .uds-button-positive.uds-button-tertiary hover .uds-button-warning hover .uds-button-warning.uds-button-primary hover .uds-button-warning.uds-button-secondary hover .uds-button-warning.uds-button-tertiary pressed .uds-button pressed .uds-button-brand pressed .uds-button-brand.uds-button-primary pressed .uds-button-brand.uds-button-secondary pressed .uds-button-brand.uds-button-tertiary pressed .uds-button-accent pressed .uds-button-accent.uds-button-primary pressed .uds-button-primary pressed .uds-button-accent.uds-button-secondary pressed .uds-button-secondary pressed .uds-button-accent.uds-button-tertiary pressed .uds-button-tertiary pressed .uds-button-alert pressed .uds-button-alert.uds-button-primary pressed .uds-button-alert.uds-button-secondary pressed .uds-button-alert.uds-button-tertiary pressed .uds-button-positive pressed .uds-button-positive.uds-button-primary pressed .uds-button-positive.uds-button-secondary pressed .uds-button-positive.uds-button-tertiary pressed .uds-button-warning pressed .uds-button-warning.uds-button-primary pressed .uds-button-warning.uds-button-secondary pressed .uds-button-warning.uds-button-tertiary uds-icon-button .uds-button-icon flex animate-spin overflow-clip truncate ring",HStack:"container ",Icon:"flex outline",IconButton:"uds-button uds-button .uds-button-icon uds-button:hover:not([disabled]) uds-button:active:not([disabled]) uds-button:disabled disabled .uds-button hover .uds-button hover .uds-button-brand hover .uds-button-brand.uds-button-primary hover .uds-button-brand.uds-button-secondary hover .uds-button-brand.uds-button-tertiary hover .uds-button-accent hover .uds-button-accent.uds-button-primary hover .uds-button-primary hover .uds-button-accent.uds-button-secondary hover .uds-button-secondary hover .uds-button-accent.uds-button-tertiary hover .uds-button-tertiary hover .uds-button-alert hover .uds-button-alert.uds-button-primary hover .uds-button-alert.uds-button-secondary hover .uds-button-alert.uds-button-tertiary hover .uds-button-positive hover .uds-button-positive.uds-button-primary hover .uds-button-positive.uds-button-secondary hover .uds-button-positive.uds-button-tertiary hover .uds-button-warning hover .uds-button-warning.uds-button-primary hover .uds-button-warning.uds-button-secondary hover .uds-button-warning.uds-button-tertiary pressed .uds-button pressed .uds-button-brand pressed .uds-button-brand.uds-button-primary pressed .uds-button-brand.uds-button-secondary pressed .uds-button-brand.uds-button-tertiary pressed .uds-button-accent pressed .uds-button-accent.uds-button-primary pressed .uds-button-primary pressed .uds-button-accent.uds-button-secondary pressed .uds-button-secondary pressed .uds-button-accent.uds-button-tertiary pressed .uds-button-tertiary pressed .uds-button-alert pressed .uds-button-alert.uds-button-primary pressed .uds-button-alert.uds-button-secondary pressed .uds-button-alert.uds-button-tertiary pressed .uds-button-positive pressed .uds-button-positive.uds-button-primary pressed .uds-button-positive.uds-button-secondary pressed .uds-button-positive.uds-button-tertiary pressed .uds-button-warning pressed .uds-button-warning.uds-button-primary pressed .uds-button-warning.uds-button-secondary pressed .uds-button-warning.uds-button-tertiary uds-icon-button uds-icon-button .uds-button-icon animate-spin ring",Image:"flex border",Pressable:"flex border",SpringMotionConfig:"transition",Text:"container flex border",VStack:"container ",Accordion:"flex hidden w-full transition hover\\:bg-secondary\\/80:hover",Avatar:"",CheckBox:"\\!max-w-0 cursor-pointer select-none opacity-0",Chip:"inline-flex",Dropdown:"",DropdownItem:"",DropdownItemPressable:"\\!disabled .uds-button disabled .uds-button flex cursor-default hover\\:bg-gray-2:hover",DropdownItems:"relative z-10 max-h-\\[312px\\] min-w-\\[220px\\] \\!stroke-2 shadow-md",DropdownTrigger:"",Modal:"fixed inset-8 top-\\[250px\\] z-50 mx-auto hidden h-fit w-\\[600px\\] origin-center scale-95 opacity-0 shadow-md backdrop-blur-0 transition duration-150 data-\\[enter\\]\\:scale-100[data-enter] data-\\[enter\\]\\:bg-primary[data-enter] data-\\[enter\\]\\:opacity-100[data-enter] data-\\[enter\\]\\:opacity-60[data-enter] data-\\[enter\\]\\:backdrop-blur-sm[data-enter]",ModalDismiss:"fixed inset-8 top-\\[250px\\] z-50 mx-auto hidden h-fit w-\\[600px\\] origin-center scale-95 opacity-0 shadow-md backdrop-blur-0 transition duration-150 data-\\[enter\\]\\:scale-100[data-enter] data-\\[enter\\]\\:bg-primary[data-enter] data-\\[enter\\]\\:opacity-100[data-enter] data-\\[enter\\]\\:opacity-60[data-enter] data-\\[enter\\]\\:backdrop-blur-sm[data-enter]",ModalHeader:"fixed inset-8 top-\\[250px\\] z-50 mx-auto hidden h-fit w-\\[600px\\] origin-center scale-95 opacity-0 shadow-md backdrop-blur-0 transition duration-150 data-\\[enter\\]\\:scale-100[data-enter] data-\\[enter\\]\\:bg-primary[data-enter] data-\\[enter\\]\\:opacity-100[data-enter] data-\\[enter\\]\\:opacity-60[data-enter] data-\\[enter\\]\\:backdrop-blur-sm[data-enter]",Popover:"",PopoverAnchor:"",PopoverArrow:"",PopoverDescription:"",PopoverDisclosure:"",PopoverDisclosureArrow:"",PopoverDismiss:"",PopoverHeading:"",PopoverProvider:"",Spinner:"sr-only absolute relative left-0 right-0 animate-spin self-center fill-accent text-gray-3",Tab:'flex border-b-transparent text-current text-tertiary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',TabList:'flex border-b-transparent text-current text-tertiary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',TabPanel:'flex border-b-transparent text-current text-tertiary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',Table:"block inline flex table table-cell table-header-group table-row-group table-row grid hidden",Tabs:'flex border-b-transparent text-current text-tertiary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',TextInput:"disabled .uds-button w-full",TextInputGroup:"w-full",TextInputLabel:"",ToastContainer:"relative flex hidden h-fit cursor-pointer self-center transition"},exports.componentToVariants={Box:[["display",["flex","block","inline-block","inline","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","contents"]],["flexDirection",["row","column"]],["rowGap",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["columnGap",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["color",["accent","alert","black","brand","positive","warning","white","transparent","muted","on-color","primary","secondary","tertiary","current"]],["borderColor",["accent","alert","black","brand","positive","warning","white","transparent","muted","primary","secondary","tertiary","current"]],["borderRadius",["none","xs","sm","md","lg","xl","full"]],["overflow",["auto","hidden","clip","visible","scroll"]]],Button:[["buttonVariant",["primary","secondary","tertiary"]],["buttonPalette",["accent","brand","alert","positive","warning"]],["buttonSize",["sm","md","lg"]]],HStack:[["alignItems",["center"]],["justifyContent",["space-between"]]],Icon:[["color",["primary","current","tertiary","accent","alert","black","brand","positive","warning","white","transparent","muted","on-color","secondary"]],["iconSize",["sm","md","lg","size"]]],IconButton:[["iconButtonSize",["sm","xs","md","lg","xl"]],["buttonVariant",["tertiary","primary","secondary"]],["buttonPalette",["accent","brand","alert","positive","warning"]]],Image:[],Pressable:[["display",["flex","inline-flex"]],["flexDirection",["row"]],["alignItems",["center","flex-start"]],["justifyContent",["space-between"]],["spacingVertical",["4","2"]],["spacingHorizontal",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["borderRadius",["md","full"]],["columnGap",["2","3"]],["backgroundColor",["accent","alert","black","brand","positive","warning","white","primary","secondary","transparent","current"]],["borderColor",["muted"]],["borderWidth",["thick"]],["spacingBottom",["1"]],["spacingTop",["4"]]],SpringMotionConfig:[],Text:[["color",["primary","secondary","accent","alert","black","brand","positive","warning","white","transparent","muted","on-color","tertiary","current"]],["fontSize",["display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1"]],["fontFamily",["sans","sans-alt","serif","serif-alt","mono","display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1"]],["fontWeight",["thin","extralight","light","regular","medium","semibold","bold","extrabold","black","display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1"]],["lineHeight",["display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1"]],["textTransform",["display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1","none","uppercase","lowercase","capitalize"]],["display",["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","contents"]],["spacing",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["borderBottomColor",["accent","alert","black","brand","positive","warning","white","transparent","muted","primary","secondary","tertiary","current"]],["borderWidth",["thin"]],["spacingStart",["0.5"]]],VStack:[["spacingHorizontal",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["alignItems",["flex-start"]],["borderRadius",["lg","md"]],["backgroundColor",["primary"]],["position",["relative","fixed"]],["overflow",["auto","hidden","clip","visible","scroll"]],["spacing",["8"]]],Accordion:[["spacingHorizontal",["4"]]],Avatar:[],CheckBox:[],Chip:[],Dropdown:[],DropdownItem:[],DropdownItemPressable:[],DropdownItems:[["overflow",["scroll"]]],DropdownTrigger:[],Modal:[],ModalDismiss:[],ModalHeader:[],Popover:[],PopoverAnchor:[],PopoverArrow:[],PopoverDescription:[],PopoverDisclosure:[],PopoverDisclosureArrow:[],PopoverDismiss:[],PopoverHeading:[],PopoverProvider:[],Spinner:[],Tab:[],TabList:[],TabPanel:[],Table:[],Tabs:[],TextInput:[["backgroundColor",["secondary"]],["borderColor",["tertiary"]],["borderWidth",["thin"]],["borderRadius",["md"]],["color",["primary"]],["placeholderColor",["tertiary"]],["spacingVertical",["3"]],["spacingHorizontal",["4"]]],TextInputGroup:[],TextInputLabel:[],ToastContainer:[]},exports.componentsDependencies={Box:[],Button:["Icon","SpringMotionConfig"],HStack:["Box"],Icon:[],IconButton:["Icon","SpringMotionConfig"],Image:[],Pressable:[],SpringMotionConfig:[],Text:[],VStack:["Box"],Accordion:["Icon","Pressable","Text","VStack"],Avatar:[],CheckBox:["CheckBox","HStack","Icon","Text"],Chip:["Icon","Pressable","Text"],Dropdown:["PopoverProvider"],DropdownItem:["DropdownItemPressable","Icon","Text","VStack"],DropdownItemPressable:["Pressable"],DropdownItems:["Popover","PopoverArrow","VStack"],DropdownTrigger:["Box","Button","IconButton","PopoverDisclosure"],Modal:["IconButton","HStack","Text","VStack"],ModalDismiss:["IconButton","HStack","Text","VStack"],ModalHeader:["IconButton","HStack","Text","VStack"],Popover:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverAnchor:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverArrow:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDescription:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDisclosure:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDisclosureArrow:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDismiss:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverHeading:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverProvider:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],Spinner:[],Tab:["Tab","TabList","TabPanel","Icon","Pressable","Text"],TabList:["Tab","TabList","TabPanel","Icon","Pressable","Text"],TabPanel:["Tab","TabList","TabPanel","Icon","Pressable","Text"],Table:["Box","Text"],Tabs:["Tab","TabList","TabPanel","Icon","Pressable","Text"],TextInput:[],TextInputGroup:["TextInput","TextInputLabel","VStack"],TextInputLabel:["Text"],ToastContainer:["IconButton","ToastContainer"]},exports.variantsList=["color","placeholderColor","fontFamily","fontSize","fontWeight","lineHeight","textAlign","textTransform","spacing","spacingHorizontal","spacingVertical","spacingBottom","spacingEnd","spacingStart","spacingTop","offset","offsetVertical","offsetHorizontal","offsetBottom","offsetEnd","offsetStart","offsetTop","columnGap","rowGap","backgroundColor","borderColor","borderStartColor","borderEndColor","borderBottomColor","borderTopColor","borderRadius","borderTopStartRadius","borderTopEndRadius","borderBottomStartRadius","borderBottomEndRadius","borderWidth","borderVerticalWidth","borderHorizontalWidth","borderStartWidth","borderEndWidth","borderTopWidth","borderBottomWidth","avatarSize","iconSize","alignContent","alignItems","alignSelf","flex","flexDirection","flexGrow","flexShrink","flexWrap","justifyContent","flexBasis","display","overflow","overflowX","overflowY","position","contentFit","colorMode","scaleMode","buttonPalette","buttonVariant","buttonSize","iconButtonSize"];

package/dist/tailwind/purger.d.cts

@@ -0,0 +1,17 @@
+type PropToUsedOptions = [string, string[]];
+type ComponentToVariants = {
+    [key: string]: PropToUsedOptions[];
+};
+type VariantsList = string[];
+type ComponentDependencies = {
+    [key: string]: string[];
+};
+type ComponentToTwClasses = {
+    [key: string]: string;
+};
+declare const variantsList: VariantsList;
+declare const componentToVariants: ComponentToVariants;
+declare const componentToTwClasses: ComponentToTwClasses;
+declare const componentsDependencies: ComponentDependencies;
+
+export { type ComponentDependencies, type ComponentToTwClasses, type ComponentToVariants, type PropToUsedOptions, type VariantsList, componentToTwClasses, componentToVariants, componentsDependencies, variantsList };

package/dist/tailwind/purger.d.ts

@@ -0,0 +1,17 @@
+type PropToUsedOptions = [string, string[]];
+type ComponentToVariants = {
+    [key: string]: PropToUsedOptions[];
+};
+type VariantsList = string[];
+type ComponentDependencies = {
+    [key: string]: string[];
+};
+type ComponentToTwClasses = {
+    [key: string]: string;
+};
+declare const variantsList: VariantsList;
+declare const componentToVariants: ComponentToVariants;
+declare const componentToTwClasses: ComponentToTwClasses;
+declare const componentsDependencies: ComponentDependencies;
+
+export { type ComponentDependencies, type ComponentToTwClasses, type ComponentToVariants, type PropToUsedOptions, type VariantsList, componentToTwClasses, componentToVariants, componentsDependencies, variantsList };

package/dist/tailwind/purger.js

@@ -0,0 +1,6 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+var t=["color","placeholderColor","fontFamily","fontSize","fontWeight","lineHeight","textAlign","textTransform","spacing","spacingHorizontal","spacingVertical","spacingBottom","spacingEnd","spacingStart","spacingTop","offset","offsetVertical","offsetHorizontal","offsetBottom","offsetEnd","offsetStart","offsetTop","columnGap","rowGap","backgroundColor","borderColor","borderStartColor","borderEndColor","borderBottomColor","borderTopColor","borderRadius","borderTopStartRadius","borderTopEndRadius","borderBottomStartRadius","borderBottomEndRadius","borderWidth","borderVerticalWidth","borderHorizontalWidth","borderStartWidth","borderEndWidth","borderTopWidth","borderBottomWidth","avatarSize","iconSize","alignContent","alignItems","alignSelf","flex","flexDirection","flexGrow","flexShrink","flexWrap","justifyContent","flexBasis","display","overflow","overflowX","overflowY","position","contentFit","colorMode","scaleMode","buttonPalette","buttonVariant","buttonSize","iconButtonSize"],e={Box:[["display",["flex","block","inline-block","inline","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","contents"]],["flexDirection",["row","column"]],["rowGap",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["columnGap",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["color",["accent","alert","black","brand","positive","warning","white","transparent","muted","on-color","primary","secondary","tertiary","current"]],["borderColor",["accent","alert","black","brand","positive","warning","white","transparent","muted","primary","secondary","tertiary","current"]],["borderRadius",["none","xs","sm","md","lg","xl","full"]],["overflow",["auto","hidden","clip","visible","scroll"]]],Button:[["buttonVariant",["primary","secondary","tertiary"]],["buttonPalette",["accent","brand","alert","positive","warning"]],["buttonSize",["sm","md","lg"]]],HStack:[["alignItems",["center"]],["justifyContent",["space-between"]]],Icon:[["color",["primary","current","tertiary","accent","alert","black","brand","positive","warning","white","transparent","muted","on-color","secondary"]],["iconSize",["sm","md","lg","size"]]],IconButton:[["iconButtonSize",["sm","xs","md","lg","xl"]],["buttonVariant",["tertiary","primary","secondary"]],["buttonPalette",["accent","brand","alert","positive","warning"]]],Image:[],Pressable:[["display",["flex","inline-flex"]],["flexDirection",["row"]],["alignItems",["center","flex-start"]],["justifyContent",["space-between"]],["spacingVertical",["4","2"]],["spacingHorizontal",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["borderRadius",["md","full"]],["columnGap",["2","3"]],["backgroundColor",["accent","alert","black","brand","positive","warning","white","primary","secondary","transparent","current"]],["borderColor",["muted"]],["borderWidth",["thick"]],["spacingBottom",["1"]],["spacingTop",["4"]]],SpringMotionConfig:[],Text:[["color",["primary","secondary","accent","alert","black","brand","positive","warning","white","transparent","muted","on-color","tertiary","current"]],["fontSize",["display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1"]],["fontFamily",["sans","sans-alt","serif","serif-alt","mono","display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1"]],["fontWeight",["thin","extralight","light","regular","medium","semibold","bold","extrabold","black","display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1"]],["lineHeight",["display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1"]],["textTransform",["display1","display2","display3","title1","title2","title3","title4","headline1","body1","label1","label2","caption1","caption2","legal1","none","uppercase","lowercase","capitalize"]],["display",["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","contents"]],["spacing",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["borderBottomColor",["accent","alert","black","brand","positive","warning","white","transparent","muted","primary","secondary","tertiary","current"]],["borderWidth",["thin"]],["spacingStart",["0.5"]]],VStack:[["spacingHorizontal",["0","1","2","3","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96","px","0.5","1.5","2.5","3.5"]],["alignItems",["flex-start"]],["borderRadius",["lg","md"]],["backgroundColor",["primary"]],["position",["relative","fixed"]],["overflow",["auto","hidden","clip","visible","scroll"]],["spacing",["8"]]],Accordion:[["spacingHorizontal",["4"]]],Avatar:[],CheckBox:[],Chip:[],Dropdown:[],DropdownItem:[],DropdownItemPressable:[],DropdownItems:[["overflow",["scroll"]]],DropdownTrigger:[],Modal:[],ModalDismiss:[],ModalHeader:[],Popover:[],PopoverAnchor:[],PopoverArrow:[],PopoverDescription:[],PopoverDisclosure:[],PopoverDisclosureArrow:[],PopoverDismiss:[],PopoverHeading:[],PopoverProvider:[],Spinner:[],Tab:[],TabList:[],TabPanel:[],Table:[],Tabs:[],TextInput:[["backgroundColor",["secondary"]],["borderColor",["tertiary"]],["borderWidth",["thin"]],["borderRadius",["md"]],["color",["primary"]],["placeholderColor",["tertiary"]],["spacingVertical",["3"]],["spacingHorizontal",["4"]]],TextInputGroup:[],TextInputLabel:[],ToastContainer:[]},o={Box:"container flex border",Button:"uds-button uds-button .uds-button-icon uds-button:hover:not([disabled]) uds-button:active:not([disabled]) uds-button:disabled disabled .uds-button hover .uds-button hover .uds-button-brand hover .uds-button-brand.uds-button-primary hover .uds-button-brand.uds-button-secondary hover .uds-button-brand.uds-button-tertiary hover .uds-button-accent hover .uds-button-accent.uds-button-primary hover .uds-button-primary hover .uds-button-accent.uds-button-secondary hover .uds-button-secondary hover .uds-button-accent.uds-button-tertiary hover .uds-button-tertiary hover .uds-button-alert hover .uds-button-alert.uds-button-primary hover .uds-button-alert.uds-button-secondary hover .uds-button-alert.uds-button-tertiary hover .uds-button-positive hover .uds-button-positive.uds-button-primary hover .uds-button-positive.uds-button-secondary hover .uds-button-positive.uds-button-tertiary hover .uds-button-warning hover .uds-button-warning.uds-button-primary hover .uds-button-warning.uds-button-secondary hover .uds-button-warning.uds-button-tertiary pressed .uds-button pressed .uds-button-brand pressed .uds-button-brand.uds-button-primary pressed .uds-button-brand.uds-button-secondary pressed .uds-button-brand.uds-button-tertiary pressed .uds-button-accent pressed .uds-button-accent.uds-button-primary pressed .uds-button-primary pressed .uds-button-accent.uds-button-secondary pressed .uds-button-secondary pressed .uds-button-accent.uds-button-tertiary pressed .uds-button-tertiary pressed .uds-button-alert pressed .uds-button-alert.uds-button-primary pressed .uds-button-alert.uds-button-secondary pressed .uds-button-alert.uds-button-tertiary pressed .uds-button-positive pressed .uds-button-positive.uds-button-primary pressed .uds-button-positive.uds-button-secondary pressed .uds-button-positive.uds-button-tertiary pressed .uds-button-warning pressed .uds-button-warning.uds-button-primary pressed .uds-button-warning.uds-button-secondary pressed .uds-button-warning.uds-button-tertiary uds-icon-button .uds-button-icon flex animate-spin overflow-clip truncate ring",HStack:"container ",Icon:"flex outline",IconButton:"uds-button uds-button .uds-button-icon uds-button:hover:not([disabled]) uds-button:active:not([disabled]) uds-button:disabled disabled .uds-button hover .uds-button hover .uds-button-brand hover .uds-button-brand.uds-button-primary hover .uds-button-brand.uds-button-secondary hover .uds-button-brand.uds-button-tertiary hover .uds-button-accent hover .uds-button-accent.uds-button-primary hover .uds-button-primary hover .uds-button-accent.uds-button-secondary hover .uds-button-secondary hover .uds-button-accent.uds-button-tertiary hover .uds-button-tertiary hover .uds-button-alert hover .uds-button-alert.uds-button-primary hover .uds-button-alert.uds-button-secondary hover .uds-button-alert.uds-button-tertiary hover .uds-button-positive hover .uds-button-positive.uds-button-primary hover .uds-button-positive.uds-button-secondary hover .uds-button-positive.uds-button-tertiary hover .uds-button-warning hover .uds-button-warning.uds-button-primary hover .uds-button-warning.uds-button-secondary hover .uds-button-warning.uds-button-tertiary pressed .uds-button pressed .uds-button-brand pressed .uds-button-brand.uds-button-primary pressed .uds-button-brand.uds-button-secondary pressed .uds-button-brand.uds-button-tertiary pressed .uds-button-accent pressed .uds-button-accent.uds-button-primary pressed .uds-button-primary pressed .uds-button-accent.uds-button-secondary pressed .uds-button-secondary pressed .uds-button-accent.uds-button-tertiary pressed .uds-button-tertiary pressed .uds-button-alert pressed .uds-button-alert.uds-button-primary pressed .uds-button-alert.uds-button-secondary pressed .uds-button-alert.uds-button-tertiary pressed .uds-button-positive pressed .uds-button-positive.uds-button-primary pressed .uds-button-positive.uds-button-secondary pressed .uds-button-positive.uds-button-tertiary pressed .uds-button-warning pressed .uds-button-warning.uds-button-primary pressed .uds-button-warning.uds-button-secondary pressed .uds-button-warning.uds-button-tertiary uds-icon-button uds-icon-button .uds-button-icon animate-spin ring",Image:"flex border",Pressable:"flex border",SpringMotionConfig:"transition",Text:"container flex border",VStack:"container ",Accordion:"flex hidden w-full transition hover\\:bg-secondary\\/80:hover",Avatar:"",CheckBox:"\\!max-w-0 cursor-pointer select-none opacity-0",Chip:"inline-flex",Dropdown:"",DropdownItem:"",DropdownItemPressable:"\\!disabled .uds-button disabled .uds-button flex cursor-default hover\\:bg-gray-2:hover",DropdownItems:"relative z-10 max-h-\\[312px\\] min-w-\\[220px\\] \\!stroke-2 shadow-md",DropdownTrigger:"",Modal:"fixed inset-8 top-\\[250px\\] z-50 mx-auto hidden h-fit w-\\[600px\\] origin-center scale-95 opacity-0 shadow-md backdrop-blur-0 transition duration-150 data-\\[enter\\]\\:scale-100[data-enter] data-\\[enter\\]\\:bg-primary[data-enter] data-\\[enter\\]\\:opacity-100[data-enter] data-\\[enter\\]\\:opacity-60[data-enter] data-\\[enter\\]\\:backdrop-blur-sm[data-enter]",ModalDismiss:"fixed inset-8 top-\\[250px\\] z-50 mx-auto hidden h-fit w-\\[600px\\] origin-center scale-95 opacity-0 shadow-md backdrop-blur-0 transition duration-150 data-\\[enter\\]\\:scale-100[data-enter] data-\\[enter\\]\\:bg-primary[data-enter] data-\\[enter\\]\\:opacity-100[data-enter] data-\\[enter\\]\\:opacity-60[data-enter] data-\\[enter\\]\\:backdrop-blur-sm[data-enter]",ModalHeader:"fixed inset-8 top-\\[250px\\] z-50 mx-auto hidden h-fit w-\\[600px\\] origin-center scale-95 opacity-0 shadow-md backdrop-blur-0 transition duration-150 data-\\[enter\\]\\:scale-100[data-enter] data-\\[enter\\]\\:bg-primary[data-enter] data-\\[enter\\]\\:opacity-100[data-enter] data-\\[enter\\]\\:opacity-60[data-enter] data-\\[enter\\]\\:backdrop-blur-sm[data-enter]",Popover:"",PopoverAnchor:"",PopoverArrow:"",PopoverDescription:"",PopoverDisclosure:"",PopoverDisclosureArrow:"",PopoverDismiss:"",PopoverHeading:"",PopoverProvider:"",Spinner:"sr-only absolute relative left-0 right-0 animate-spin self-center fill-accent text-gray-3",Tab:'flex border-b-transparent text-current text-tertiary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',TabList:'flex border-b-transparent text-current text-tertiary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',TabPanel:'flex border-b-transparent text-current text-tertiary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',Table:"block inline flex table table-cell table-header-group table-row-group table-row grid hidden",Tabs:'flex border-b-transparent text-current text-tertiary aria-selected\\:border-b-accent[aria-selected="true"] aria-selected\\:text-accent[aria-selected="true"]',TextInput:"disabled .uds-button w-full",TextInputGroup:"w-full",TextInputLabel:"",ToastContainer:"relative flex hidden h-fit cursor-pointer self-center transition"},r={Box:[],Button:["Icon","SpringMotionConfig"],HStack:["Box"],Icon:[],IconButton:["Icon","SpringMotionConfig"],Image:[],Pressable:[],SpringMotionConfig:[],Text:[],VStack:["Box"],Accordion:["Icon","Pressable","Text","VStack"],Avatar:[],CheckBox:["CheckBox","HStack","Icon","Text"],Chip:["Icon","Pressable","Text"],Dropdown:["PopoverProvider"],DropdownItem:["DropdownItemPressable","Icon","Text","VStack"],DropdownItemPressable:["Pressable"],DropdownItems:["Popover","PopoverArrow","VStack"],DropdownTrigger:["Box","Button","IconButton","PopoverDisclosure"],Modal:["IconButton","HStack","Text","VStack"],ModalDismiss:["IconButton","HStack","Text","VStack"],ModalHeader:["IconButton","HStack","Text","VStack"],Popover:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverAnchor:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverArrow:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDescription:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDisclosure:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDisclosureArrow:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverDismiss:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverHeading:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],PopoverProvider:["Popover","PopoverAnchor","PopoverArrow","PopoverDescription","PopoverDisclosure","PopoverDisclosureArrow","PopoverDismiss","PopoverHeading","PopoverProvider","HStack","Text"],Spinner:[],Tab:["Tab","TabList","TabPanel","Icon","Pressable","Text"],TabList:["Tab","TabList","TabPanel","Icon","Pressable","Text"],TabPanel:["Tab","TabList","TabPanel","Icon","Pressable","Text"],Table:["Box","Text"],Tabs:["Tab","TabList","TabPanel","Icon","Pressable","Text"],TextInput:[],TextInputGroup:["TextInput","TextInputLabel","VStack"],TextInputLabel:["Text"],ToastContainer:["IconButton","ToastContainer"]};
+//! This file is generated by purgeCSS.ts from @yahoo/uds
+//! Do not edit directly
+//! If there is issue with this file please report to #ask-uds
+export{o as componentToTwClasses,e as componentToVariants,r as componentsDependencies,t as variantsList};

package/dist/tailwind/tsMorph.cjs

@@ -0,0 +1 @@
+"use strict";var e=require("../chunk-DCXVARRB.cjs"),t=require("lodash-es"),n=require("ts-morph");/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */function i(e){if(n.Node.isCallExpression(e)){const t=e.getExpression();if(n.Node.isIdentifier(t)&&"forwardRef"===t.getText())return!0;if(n.Node.isPropertyAccessExpression(t)&&"React.forwardRef"===t.getText())return!0}return!1}function r(e){let t;if(n.Node.isVariableDeclaration(e)||n.Node.isFunctionDeclaration(e)||n.Node.isClassDeclaration(e))t=e.getName();else if(n.Node.isFunctionExpression(e)||n.Node.isArrowFunction(e)){const i=e.getFirstAncestorByKind(n.SyntaxKind.VariableDeclaration);t=i?.getName()}return!!t&&/[A-Z]/.test(t.charAt(0))}function s(e){if(r(e)){if(n.Node.isFunctionDeclaration(e))return e;if(n.Node.isVariableDeclaration(e)){const t=e.getInitializer();if(t)if(i(t)){const[e]=t.getArguments();if(n.Node.isFunctionDeclaration(e)||n.Node.isFunctionExpression(e)||n.Node.isArrowFunction(e))return e}else if(n.Node.isFunctionDeclaration(t)||n.Node.isFunctionExpression(t)||n.Node.isArrowFunction(t))return t}}return null}function o(e){return e.getDescendants().filter((e=>n.Node.isJsxElement(e)||n.Node.isJsxSelfClosingElement(e)))}var a=e=>{const t=e.getParentWhile((e=>!s(e))).getParent();if(!t)return;const i=s(t);if(i){const e=i.getParameters();for(let t=0;t<e.length;t++){const i=e[t],r=i.getChildrenOfKind(n.SyntaxKind.ObjectBindingPattern)[0],s=i.getChildrenOfKind(n.SyntaxKind.Identifier)[0];if(r){const e=r.getFirstDescendantByKind(n.SyntaxKind.DotDotDotToken);if(void 0!==e){const t=e?.getParent()?.getFirstChildByKindOrThrow(n.SyntaxKind.Identifier).getText();return t}}else if(s)return s.getText()}}};exports.findReferencesAsJsxElements=function(e){const t=[];for(const i of e.findReferencesAsNodes()){const e=i.getFirstAncestor((e=>n.Node.isJsxOpeningElement(e)||n.Node.isJsxSelfClosingElement(e)));e&&t.push(e)}return t},exports.getJsxElement=function(e,t){return o(e).find((e=>e.getFirstDescendantByKindOrThrow(n.SyntaxKind.Identifier).getText()===t))},exports.getJsxElements=o,exports.getParentSpreadOrParamIdentifier=a,exports.getReactFunctionDeclaration=s,exports.getUsedPropsInReference=i=>{const r=i.getAttributes(),s=[];return r.forEach((r=>{if(n.Node.isJsxAttribute(r)){const i=r.getNameNode().getText(),o=r.getDescendantsOfKind(n.SyntaxKind.StringLiteral),a=[];0!==o.length&&o.forEach((e=>a.push(e.getLiteralText())));const d=r.getFirstChildByKindOrThrow(n.SyntaxKind.Identifier).getDefinitions().map((e=>e.getDeclarationNode()?.getChildrenOfKind(n.SyntaxKind.TypeReference).pop()?.getText())).pop();d||t.isEmpty(i)?e.variants[t.camelCase(d)]&&!t.isEmpty(d)?s.push([t.camelCase(d),a]):t.isEmpty(i)||s.push([i,a]):s.push([i,a])}if(n.Node.isJsxSpreadAttribute(r)){const e=a(i),o=r.getExpression().getChildren(),d=0===o.length?r.getExpression():o.pop();if(!d||d?.getText()===e)return[];d.getType().getProperties().forEach((e=>{const i=e.getDeclarations().map((e=>{const i=e.getChildrenOfKind(n.SyntaxKind.TypeReference)[0]?.getText()??"";return t.camelCase(i)}))[0];t.isEmpty(e.getName())||s.push([e.getName(),[]]),t.isEmpty(i)||s.push([i,[]])}))}return[]})),s},exports.isForwardRefExpression=i,exports.isJsxComponent=r;

package/dist/tailwind/tsMorph.d.cts

@@ -0,0 +1,31 @@
+import { Node, CallExpression, VariableDeclaration, FunctionDeclaration, FunctionExpression, ArrowFunction, ClassDeclaration, JsxElement, JsxSelfClosingElement, Identifier, JsxOpeningElement } from 'ts-morph';
+
+/** Determines if an expression is using React.forwardRef. */
+declare function isForwardRefExpression(node: Node): node is CallExpression;
+/** Determines if a node is a JSX component. */
+declare function isJsxComponent(node: Node): node is VariableDeclaration | FunctionDeclaration | FunctionExpression | ArrowFunction | ClassDeclaration;
+/** Returns a functional component declaration, unwrapping forwardRef if needed. */
+declare function getReactFunctionDeclaration(declaration: Node): ArrowFunction | FunctionDeclaration | FunctionExpression | null;
+/** Get the first descendant JsxElement based on the identifier. */
+declare function getJsxElement(node: Node, name: string): JsxElement | JsxSelfClosingElement | undefined;
+/** Get all descendant JsxElement nodes. */
+declare function getJsxElements(node: Node): (JsxElement | JsxSelfClosingElement)[];
+/**
+ * Traces component references.
+ *
+ * This is similar to `findReferencesAsNodes` but returns JsxSelfClosingElement and JsxElement nodes.
+ * Note, this currently does not account for cases where the component is used as a prop or is renamed.
+ */
+declare function findReferencesAsJsxElements(identifer: Identifier): (JsxOpeningElement | JsxSelfClosingElement)[];
+/**
+ * Given a Jsx Reference, this function finds the parent of that reference,
+ * looks at the props, and returns the name used either for spread operator rest or
+ * the prop name if there's no spread operator
+ */
+declare const getParentSpreadOrParamIdentifier: (reference: JsxOpeningElement | JsxSelfClosingElement) => string | undefined;
+/**
+ * Get used props on a reference.
+ */
+declare const getUsedPropsInReference: (reference: JsxOpeningElement | JsxSelfClosingElement) => Array<[string, string[]]>;
+
+export { findReferencesAsJsxElements, getJsxElement, getJsxElements, getParentSpreadOrParamIdentifier, getReactFunctionDeclaration, getUsedPropsInReference, isForwardRefExpression, isJsxComponent };

package/dist/tailwind/tsMorph.d.ts

@@ -0,0 +1,31 @@
+import { Node, CallExpression, VariableDeclaration, FunctionDeclaration, FunctionExpression, ArrowFunction, ClassDeclaration, JsxElement, JsxSelfClosingElement, Identifier, JsxOpeningElement } from 'ts-morph';
+
+/** Determines if an expression is using React.forwardRef. */
+declare function isForwardRefExpression(node: Node): node is CallExpression;
+/** Determines if a node is a JSX component. */
+declare function isJsxComponent(node: Node): node is VariableDeclaration | FunctionDeclaration | FunctionExpression | ArrowFunction | ClassDeclaration;
+/** Returns a functional component declaration, unwrapping forwardRef if needed. */
+declare function getReactFunctionDeclaration(declaration: Node): ArrowFunction | FunctionDeclaration | FunctionExpression | null;
+/** Get the first descendant JsxElement based on the identifier. */
+declare function getJsxElement(node: Node, name: string): JsxElement | JsxSelfClosingElement | undefined;
+/** Get all descendant JsxElement nodes. */
+declare function getJsxElements(node: Node): (JsxElement | JsxSelfClosingElement)[];
+/**
+ * Traces component references.
+ *
+ * This is similar to `findReferencesAsNodes` but returns JsxSelfClosingElement and JsxElement nodes.
+ * Note, this currently does not account for cases where the component is used as a prop or is renamed.
+ */
+declare function findReferencesAsJsxElements(identifer: Identifier): (JsxOpeningElement | JsxSelfClosingElement)[];
+/**
+ * Given a Jsx Reference, this function finds the parent of that reference,
+ * looks at the props, and returns the name used either for spread operator rest or
+ * the prop name if there's no spread operator
+ */
+declare const getParentSpreadOrParamIdentifier: (reference: JsxOpeningElement | JsxSelfClosingElement) => string | undefined;
+/**
+ * Get used props on a reference.
+ */
+declare const getUsedPropsInReference: (reference: JsxOpeningElement | JsxSelfClosingElement) => Array<[string, string[]]>;
+
+export { findReferencesAsJsxElements, getJsxElement, getJsxElements, getParentSpreadOrParamIdentifier, getReactFunctionDeclaration, getUsedPropsInReference, isForwardRefExpression, isJsxComponent };

package/dist/tailwind/tsMorph.js

@@ -0,0 +1 @@
+import{variants as e}from"../chunk-IUL5ZI4O.js";import{isEmpty as t,camelCase as n}from"lodash-es";import{Node as i,SyntaxKind as r}from"ts-morph";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */function s(e){if(i.isCallExpression(e)){const t=e.getExpression();if(i.isIdentifier(t)&&"forwardRef"===t.getText())return!0;if(i.isPropertyAccessExpression(t)&&"React.forwardRef"===t.getText())return!0}return!1}function o(e){let t;if(i.isVariableDeclaration(e)||i.isFunctionDeclaration(e)||i.isClassDeclaration(e))t=e.getName();else if(i.isFunctionExpression(e)||i.isArrowFunction(e)){const n=e.getFirstAncestorByKind(r.VariableDeclaration);t=n?.getName()}return!!t&&/[A-Z]/.test(t.charAt(0))}function c(e){if(o(e)){if(i.isFunctionDeclaration(e))return e;if(i.isVariableDeclaration(e)){const t=e.getInitializer();if(t)if(s(t)){const[e]=t.getArguments();if(i.isFunctionDeclaration(e)||i.isFunctionExpression(e)||i.isArrowFunction(e))return e}else if(i.isFunctionDeclaration(t)||i.isFunctionExpression(t)||i.isArrowFunction(t))return t}}return null}function a(e,t){return f(e).find((e=>e.getFirstDescendantByKindOrThrow(r.Identifier).getText()===t))}function f(e){return e.getDescendants().filter((e=>i.isJsxElement(e)||i.isJsxSelfClosingElement(e)))}function g(e){const t=[];for(const n of e.findReferencesAsNodes()){const e=n.getFirstAncestor((e=>i.isJsxOpeningElement(e)||i.isJsxSelfClosingElement(e)));e&&t.push(e)}return t}var l=e=>{const t=e.getParentWhile((e=>!c(e))).getParent();if(!t)return;const n=c(t);if(n){const e=n.getParameters();for(let t=0;t<e.length;t++){const n=e[t],i=n.getChildrenOfKind(r.ObjectBindingPattern)[0],s=n.getChildrenOfKind(r.Identifier)[0];if(i){const e=i.getFirstDescendantByKind(r.DotDotDotToken);if(void 0!==e){const t=e?.getParent()?.getFirstChildByKindOrThrow(r.Identifier).getText();return t}}else if(s)return s.getText()}}},u=s=>{const o=s.getAttributes(),c=[];return o.forEach((o=>{if(i.isJsxAttribute(o)){const i=o.getNameNode().getText(),s=o.getDescendantsOfKind(r.StringLiteral),a=[];0!==s.length&&s.forEach((e=>a.push(e.getLiteralText())));const f=o.getFirstChildByKindOrThrow(r.Identifier).getDefinitions().map((e=>e.getDeclarationNode()?.getChildrenOfKind(r.TypeReference).pop()?.getText())).pop();f||t(i)?e[n(f)]&&!t(f)?c.push([n(f),a]):t(i)||c.push([i,a]):c.push([i,a])}if(i.isJsxSpreadAttribute(o)){const e=l(s),i=o.getExpression().getChildren(),a=0===i.length?o.getExpression():i.pop();if(!a||a?.getText()===e)return[];a.getType().getProperties().forEach((e=>{const i=e.getDeclarations().map((e=>{const t=e.getChildrenOfKind(r.TypeReference)[0]?.getText()??"";return n(t)}))[0];t(e.getName())||c.push([e.getName(),[]]),t(i)||c.push([i,[]])}))}return[]})),c};export{g as findReferencesAsJsxElements,a as getJsxElement,f as getJsxElements,l as getParentSpreadOrParamIdentifier,c as getReactFunctionDeclaration,u as getUsedPropsInReference,s as isForwardRefExpression,o as isJsxComponent};

package/dist/tailwind/utils.cjs

@@ -0,0 +1 @@
+"use strict";var e=require("../chunk-PFT3UA6K.cjs"),t=require("../chunk-YUHY3FXT.cjs");Object.defineProperty(exports,"addFontsPlugin",{enumerable:!0,get:function(){return e.addFontsPlugin}}),Object.defineProperty(exports,"getColorModeStyles",{enumerable:!0,get:function(){return e.getColorModeStyles}}),Object.defineProperty(exports,"getFontFaceDeclarations",{enumerable:!0,get:function(){return e.getFontFaceDeclarations}}),Object.defineProperty(exports,"getFontStyles",{enumerable:!0,get:function(){return e.getFontStyles}}),Object.defineProperty(exports,"getScaleModeStyles",{enumerable:!0,get:function(){return e.getScaleModeStyles}}),Object.defineProperty(exports,"getMotionStyles",{enumerable:!0,get:function(){return t.getMotionStyles}}),Object.defineProperty(exports,"getMotionVar",{enumerable:!0,get:function(){return t.getMotionVar}});

package/dist/tailwind/utils.d.cts

@@ -0,0 +1,99 @@
+import { M as MotionVariant, g as MotionVariantSpeed, k as MotionSpringConfigOptions, l as MotionConfig, m as FontID, n as FontDeclarationConfig, o as FontConfig } from '../types-Pyccco5Q.cjs';
+import * as tailwindcss_types_config from 'tailwindcss/types/config';
+import { WebTokens } from '../tokens/parseTokens.cjs';
+import '@yahoo/uds-icons/types';
+import 'framer-motion';
+import 'react';
+
+interface GetMotionVarParams {
+    variant: MotionVariant;
+    speed: MotionVariantSpeed;
+    control: MotionSpringConfigOptions;
+}
+declare function getMotionVar({ variant, speed, control }: GetMotionVarParams): string;
+/**
+ * Return CSS variables object based on the motion config.
+ * i.e. { --uds-motion-damped-1--damping: '20.585796264350424' }
+ *
+ * @example
+ * // 1. Use return value in style prop of an html element to assign motion variables at runtime
+ *
+ * const motionVars = getMotionStyles(motionConfig);
+ * <body style={motionVars}> {...} </body>
+ *
+ * // 2. Generate CSS at build time in tailwind plugin via Tailwind's addBase or addComponent.
+ *
+ * const motionVars = getMotionStyles(motionConfig);
+ * addBase({ ':root': motionVars });
+ *
+ */
+declare function getMotionStyles(motionConfig: MotionConfig): Record<"--uds-motion-damped-1-damping" | "--uds-motion-damped-1-stiffness" | "--uds-motion-damped-2-damping" | "--uds-motion-damped-2-stiffness" | "--uds-motion-damped-3-damping" | "--uds-motion-damped-3-stiffness" | "--uds-motion-damped-4-damping" | "--uds-motion-damped-4-stiffness" | "--uds-motion-smooth-1-damping" | "--uds-motion-smooth-1-stiffness" | "--uds-motion-smooth-2-damping" | "--uds-motion-smooth-2-stiffness" | "--uds-motion-smooth-3-damping" | "--uds-motion-smooth-3-stiffness" | "--uds-motion-smooth-4-damping" | "--uds-motion-smooth-4-stiffness" | "--uds-motion-subtle-1-damping" | "--uds-motion-subtle-1-stiffness" | "--uds-motion-subtle-2-damping" | "--uds-motion-subtle-2-stiffness" | "--uds-motion-subtle-3-damping" | "--uds-motion-subtle-3-stiffness" | "--uds-motion-subtle-4-damping" | "--uds-motion-subtle-4-stiffness" | "--uds-motion-bouncy-1-damping" | "--uds-motion-bouncy-1-stiffness" | "--uds-motion-bouncy-2-damping" | "--uds-motion-bouncy-2-stiffness" | "--uds-motion-bouncy-3-damping" | "--uds-motion-bouncy-3-stiffness" | "--uds-motion-bouncy-4-damping" | "--uds-motion-bouncy-4-stiffness" | "--uds-motion-veryBouncy-1-damping" | "--uds-motion-veryBouncy-1-stiffness" | "--uds-motion-veryBouncy-2-damping" | "--uds-motion-veryBouncy-2-stiffness" | "--uds-motion-veryBouncy-3-damping" | "--uds-motion-veryBouncy-3-stiffness" | "--uds-motion-veryBouncy-4-damping" | "--uds-motion-veryBouncy-4-stiffness", string>;
+
+interface AddFontsPluginOptions {
+    fontIds: FontID[];
+}
+declare const addFontsPlugin: {
+    (options: AddFontsPluginOptions): {
+        handler: tailwindcss_types_config.PluginCreator;
+        config?: Partial<tailwindcss_types_config.Config>;
+    };
+    __isOptionsFunction: true;
+};
+
+declare function getColorModeStyles(tokens: WebTokens): {
+    light: {
+        colorScheme: string;
+    };
+    dark: {
+        colorScheme: string;
+    };
+};
+
+/**
+ * Get all font face declarations for a given set of font IDs.
+ */
+declare function getFontFaceDeclarations(fontIds: FontID[]): FontDeclarationConfig[];
+
+/**
+ * Return CSS variables object based on font config.
+ * i.e. { --font-xyz: '"Font Family 1", "Font Family 2", sans-serif' }
+ *
+ * @example
+ * // 1. Use return value in style prop of an html element to assign font variables at runtime
+ *
+ * const fontVars = getFontStyles(fontConfig);
+ * <body style={fontVars}> {...} </body>
+ *
+ * // 2. Generate CSS at build time in tailwind plugin via Tailwind's addBase or addComponent.
+ *
+ * const fontVars = getFontStyles(fontConfig);
+ * addBase({ ':root': fontVars });
+ *
+ */
+declare function getFontStyles(fontConfig: FontConfig): Record<"--uds-font-sans" | "--uds-font-sans-alt" | "--uds-font-serif" | "--uds-font-serif-alt" | "--uds-font-mono", string>;
+
+declare function getScaleModeStyles(tokens: WebTokens): {
+    xSmall: {
+        [x: string]: string;
+    };
+    small: {
+        [x: string]: string;
+    };
+    medium: {
+        [x: string]: string;
+    };
+    large: {
+        [x: string]: string;
+    };
+    xLarge: {
+        [x: string]: string;
+    };
+    xxLarge: {
+        [x: string]: string;
+    };
+    xxxLarge: {
+        [x: string]: string;
+    };
+};
+
+export { type AddFontsPluginOptions, type GetMotionVarParams, addFontsPlugin, getColorModeStyles, getFontFaceDeclarations, getFontStyles, getMotionStyles, getMotionVar, getScaleModeStyles };