@yahoo/uds 3.37.0-beta.1 → 3.38.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/dist/Box-B5-iomov.d.ts +34 -0
  2. package/dist/Box-DiAlMwFs.d.cts +34 -0
  3. package/dist/Input-C2JHbAnz.d.cts +54 -0
  4. package/dist/Input-Drdk_VTx.d.ts +54 -0
  5. package/dist/Pressable-BtsR3Qz0.d.cts +44 -0
  6. package/dist/Pressable-DvTJyjgZ.d.ts +44 -0
  7. package/dist/VStack-mmwkcypy.d.cts +83 -0
  8. package/dist/VStack-r7oAc-8J.d.ts +83 -0
  9. package/dist/chunk-4GUXQTU3.cjs +3 -0
  10. package/dist/chunk-5U4J6DA5.cjs +1 -0
  11. package/dist/chunk-6HG5KSL6.cjs +1 -0
  12. package/dist/chunk-CTYIRZ5A.cjs +1 -0
  13. package/dist/chunk-DCZLRK3J.js +2 -0
  14. package/dist/chunk-H62QDZOV.cjs +2 -0
  15. package/dist/chunk-LWGAE6PD.cjs +1 -0
  16. package/dist/chunk-MATTX7AJ.js +1 -0
  17. package/dist/chunk-PVXOGAWH.js +2 -0
  18. package/dist/chunk-QF6YIMT4.js +2 -0
  19. package/dist/chunk-RMRBUBTB.js +3 -0
  20. package/dist/chunk-S5NRWKDP.cjs +1 -0
  21. package/dist/chunk-ST7Z3YRS.js +2 -0
  22. package/dist/chunk-UYLBFQ4P.js +2 -0
  23. package/dist/chunk-VQ4KEVVH.cjs +1 -0
  24. package/dist/chunk-WRE54KQN.js +2 -0
  25. package/dist/chunk-WX4V6S4A.js +1 -0
  26. package/dist/chunk-Y5HRSSOF.cjs +1 -0
  27. package/dist/experimental/client/SwitchV2.cjs +1 -0
  28. package/dist/experimental/client/SwitchV2.js +1 -0
  29. package/dist/experimental/client/index.d.cts +1 -1
  30. package/dist/experimental/client/index.d.ts +1 -1
  31. package/dist/experimental/index.cjs +2 -3
  32. package/dist/experimental/index.d.cts +2 -5
  33. package/dist/experimental/index.d.ts +2 -5
  34. package/dist/experimental/index.js +2 -2
  35. package/dist/index-BiFYC5eM.d.ts +245 -0
  36. package/dist/index-CISBacKa.d.cts +245 -0
  37. package/dist/index.cjs +1 -1
  38. package/dist/index.d.cts +29 -2
  39. package/dist/index.d.ts +29 -2
  40. package/dist/index.js +1 -1
  41. package/dist/metafile-cjs.json +1 -1
  42. package/dist/metafile-esm.json +1 -1
  43. package/dist/tailwind/purger.cjs +1 -1
  44. package/dist/tailwind/purger.js +1 -1
  45. package/dist/types-BRmrSr-u.d.cts +10585 -0
  46. package/dist/types-BRmrSr-u.d.ts +10585 -0
  47. package/package.json +1 -1
  48. package/dist/{Box-DLjI-1wX.d.cts → Text-Buzrh-6W.d.cts} +4 -4
  49. package/dist/{Box-DLjI-1wX.d.ts → Text-Buzrh-6W.d.ts} +4 -4
@@ -0,0 +1,245 @@
1
+ import * as properties from '@yahoo/uds/fixtures';
2
+ import { n as ShadowPreset, h as UniversalTokensConfig } from './types-BRmrSr-u.cjs';
3
+
4
+ type DispatchContext = {
5
+ componentName: string;
6
+ subComponentName?: string;
7
+ propertyKey: string;
8
+ layer: string;
9
+ };
10
+ interface ConfigurableProperty<T extends AllPossibleProperties, CVR = unknown> {
11
+ name: string;
12
+ cssProperties: string | string[];
13
+ twThemePath: (selected: T, value: string) => string;
14
+ possibleFixtures: T[];
15
+ extendedProperties?: ExtendablePropertiesName[] | ((context: DispatchContext) => ExtendablePropertiesName[] | undefined | false);
16
+ customValueRenderer?: (schemaStateValue: SchemaStateValue<CVR>, schema: unknown, themeGetter: (path: string) => string) => string;
17
+ concatenate?: boolean;
18
+ concatenationDelimiter?: string;
19
+ }
20
+ declare const publicProperties: {
21
+ readonly backgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
22
+ readonly borderWidth: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
23
+ readonly borderRadius: ConfigurableProperty<"borderRadii", unknown>;
24
+ readonly borderColor: ConfigurableProperty<"linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
25
+ readonly fontFamily: ConfigurableProperty<"textVariants", unknown>;
26
+ readonly fontSize: ConfigurableProperty<"textVariants", unknown>;
27
+ readonly fontVariationSettings: ConfigurableProperty<"textVariants", unknown>;
28
+ readonly lineHeight: ConfigurableProperty<"textVariants", unknown>;
29
+ readonly textTransform: ConfigurableProperty<"textVariants", unknown>;
30
+ readonly padding: ConfigurableProperty<"spacingAliases", unknown>;
31
+ readonly gap: ConfigurableProperty<"spacingAliases", unknown>;
32
+ readonly color: ConfigurableProperty<"foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
33
+ readonly fontWeight: ConfigurableProperty<"textVariants", unknown>;
34
+ readonly iconSize: ConfigurableProperty<"iconSizes", unknown>;
35
+ readonly spacingHorizontal: ConfigurableProperty<"spacingAliases", unknown>;
36
+ readonly spacingVertical: ConfigurableProperty<"spacingAliases", unknown>;
37
+ readonly textVariant: ConfigurableProperty<"textVariants", unknown>;
38
+ readonly textDecorationLine: ConfigurableProperty<"textDecorationLines", unknown>;
39
+ readonly shadow: ConfigurableProperty<"shadowVariants", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
40
+ readonly insetShadow: ConfigurableProperty<"shadowVariantsWithInvert", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
41
+ readonly height: ConfigurableProperty<"spacingAliases", unknown>;
42
+ readonly width: ConfigurableProperty<"spacingAliases", unknown>;
43
+ };
44
+ declare const configurableProperties: {
45
+ outlineWidth: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
46
+ outlineColor: ConfigurableProperty<"linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
47
+ insetOutlineOffset: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
48
+ solidOutline: ConfigurableProperty<never, unknown>;
49
+ backgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
50
+ borderWidth: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
51
+ borderRadius: ConfigurableProperty<"borderRadii", unknown>;
52
+ borderColor: ConfigurableProperty<"linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
53
+ fontFamily: ConfigurableProperty<"textVariants", unknown>;
54
+ fontSize: ConfigurableProperty<"textVariants", unknown>;
55
+ fontVariationSettings: ConfigurableProperty<"textVariants", unknown>;
56
+ lineHeight: ConfigurableProperty<"textVariants", unknown>;
57
+ textTransform: ConfigurableProperty<"textVariants", unknown>;
58
+ padding: ConfigurableProperty<"spacingAliases", unknown>;
59
+ gap: ConfigurableProperty<"spacingAliases", unknown>;
60
+ color: ConfigurableProperty<"foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
61
+ fontWeight: ConfigurableProperty<"textVariants", unknown>;
62
+ iconSize: ConfigurableProperty<"iconSizes", unknown>;
63
+ spacingHorizontal: ConfigurableProperty<"spacingAliases", unknown>;
64
+ spacingVertical: ConfigurableProperty<"spacingAliases", unknown>;
65
+ textVariant: ConfigurableProperty<"textVariants", unknown>;
66
+ textDecorationLine: ConfigurableProperty<"textDecorationLines", unknown>;
67
+ shadow: ConfigurableProperty<"shadowVariants", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
68
+ insetShadow: ConfigurableProperty<"shadowVariantsWithInvert", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
69
+ height: ConfigurableProperty<"spacingAliases", unknown>;
70
+ width: ConfigurableProperty<"spacingAliases", unknown>;
71
+ };
72
+ type ExtendablePropertiesName = keyof typeof configurableProperties;
73
+ type ConfigurablePropertiesName = keyof typeof publicProperties;
74
+ interface SelectedConfigurableProperty<C extends ConfigurablePropertiesName, O extends string, T extends (typeof publicProperties)[C]['possibleFixtures'] = (typeof publicProperties)[C]['possibleFixtures'], V extends readonly (readonly string[])[] = readonly (readonly string[])[]> {
75
+ label: string;
76
+ name: C;
77
+ typeOfFixture: T;
78
+ values: V;
79
+ pseudoStates?: PossibleStates[];
80
+ supportsCustom?: boolean;
81
+ defaults: {
82
+ [K in O]: V[number][number];
83
+ };
84
+ }
85
+
86
+ type AllPossibleProperties = Exclude<keyof typeof properties, 'iconButtonClassNames' | 'iconButtonSize' | 'iconButtonStates' | 'buttonClassNames' | 'buttonColorProperties' | 'buttonIconSvgSize' | 'buttonKinds' | 'buttonMotionEffects' | 'buttonMotionProperties' | 'buttonPalettes' | 'buttonSizeProperties' | 'buttonSizes' | 'buttonStates' | 'buttonVariants'> | 'shadowVariantConfig';
87
+ type PossibleStates = 'hover' | 'pressed' | 'focused' | 'invalid' | 'focus-within' | 'focused-keyboard' | 'visited' | 'readonly' | 'disabled' | 'invalid&hover' | 'invalid&pressed';
88
+ type PossibleStatesWithRest = 'rest' | PossibleStates;
89
+ interface LayerConfig {
90
+ label: string;
91
+ properties: Readonly<Record<string, SelectedConfigurableProperty<ConfigurablePropertiesName, string>>>;
92
+ pseudoSelector?: string;
93
+ }
94
+ interface ComponentStateConfig {
95
+ label: string;
96
+ options: string[];
97
+ layers: {
98
+ root: LayerConfig;
99
+ } & Record<string, LayerConfig>;
100
+ }
101
+ interface SubComponentConfig {
102
+ label: string;
103
+ description: string;
104
+ overrideComponentName?: string;
105
+ variants: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates>;
106
+ }
107
+ interface VariantConfig<O extends string = string> {
108
+ label: string;
109
+ description: string;
110
+ isConfigurable: boolean;
111
+ default: O;
112
+ options: readonly O[];
113
+ }
114
+ interface VariantConfigWithProperties<O extends string = string> extends VariantConfig<O> {
115
+ layers: {
116
+ root: LayerConfig;
117
+ } & Record<string, LayerConfig>;
118
+ }
119
+ interface VariantConfigWithComponentStates<O extends string = string> extends VariantConfig<O> {
120
+ componentStates?: Readonly<Record<string, ComponentStateConfig>>;
121
+ }
122
+ interface ComponentConfig {
123
+ label: string;
124
+ description: string;
125
+ overrideComponentName?: string;
126
+ subComponents?: Record<string, SubComponentConfig>;
127
+ variants?: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates>;
128
+ }
129
+ type AutoComponents = Omit<UniversalTokensConfig, 'colorMode' | 'font' | 'scaleMode' | 'version' | 'motion' | 'button' | 'iconButton' | 'shadow' | 'breakpoints' | 'typography' | 'globalDefaults'>;
130
+ type AutoComponentName = keyof AutoComponents;
131
+ type AllVariantKeys = {
132
+ [K in keyof AutoComponents]: {
133
+ [V in keyof AutoComponents[K]['defaults']]: V;
134
+ }[keyof AutoComponents[K]['defaults']];
135
+ }[keyof AutoComponents];
136
+
137
+ type ThemeFn = (path: string) => string;
138
+ type SchemaStateValue<T = any> = {
139
+ type: string;
140
+ valueType: 'alias' | 'custom';
141
+ value: T;
142
+ };
143
+ declare const statePseudoMapDocsMode: Record<PossibleStates | 'rest', string>;
144
+ declare function findFixtureType(property: SelectedConfigurableProperty<ConfigurablePropertiesName, string>, variantKey: string): string;
145
+ declare function toMinimalDbConfigObject<C extends ComponentConfig>(config: C): any;
146
+ declare function generateClassName({ componentName, variantKey, variantValue, layer, layerOptionalPseudoSelector, subComponentName, stateKey, stateValue, }: {
147
+ componentName: string;
148
+ variantKey: string;
149
+ variantValue?: string;
150
+ layer: string;
151
+ layerOptionalPseudoSelector?: string;
152
+ subComponentName?: string;
153
+ stateKey?: string;
154
+ stateValue?: string;
155
+ }): string;
156
+ declare function generateDeclaration({ componentName, variantKey, variantValue, layer, layerOptionalPseudoSelector, subComponentName, stateKey, stateValue, schema, propertyKey, originalPropertyDefinition, theme, currentStyles, previewOptions, }: {
157
+ componentName: string;
158
+ variantKey: string;
159
+ variantValue: string;
160
+ layer: string;
161
+ layerOptionalPseudoSelector?: string;
162
+ subComponentName?: string;
163
+ stateKey?: string;
164
+ stateValue?: string;
165
+ schema: unknown;
166
+ propertyKey: string;
167
+ originalPropertyDefinition: SelectedConfigurableProperty<ConfigurablePropertiesName, any>;
168
+ theme: ThemeFn;
169
+ currentStyles: Readonly<Record<string, Record<string, string>>>;
170
+ previewOptions?: {
171
+ generatePseudoStateClassModifier?: boolean;
172
+ forcePseudoState?: boolean;
173
+ };
174
+ }): Record<string, Record<string, string>>;
175
+ declare function generateStyles<C extends ComponentConfig>(config: C, schema: any, theme: ThemeFn, previewOptions?: {
176
+ generatePseudoStateClassModifier: boolean;
177
+ forcePseudoState: boolean;
178
+ }): Record<string, Record<string, string>>;
179
+ declare function createConfigurableProperty<C extends ConfigurablePropertiesName, O extends string, T extends (typeof configurableProperties)[C]['possibleFixtures'], V extends readonly (readonly string[])[] = readonly (readonly string[])[]>(prop: {
180
+ name: C;
181
+ typeOfFixture: T;
182
+ values: V;
183
+ defaults: {
184
+ [K in O]: V[number][number];
185
+ };
186
+ label: string;
187
+ pseudoStates?: PossibleStates[];
188
+ supportsCustom?: boolean;
189
+ }): SelectedConfigurableProperty<C, O, T, V>;
190
+ /**
191
+ * @deprecated use the new functions instead
192
+ */
193
+ declare function createVariantConfig<O extends string, T extends Record<string, SelectedConfigurableProperty<ConfigurablePropertiesName, O>>>(config: {
194
+ label: string;
195
+ description: string;
196
+ isConfigurable: boolean;
197
+ default: O;
198
+ options: readonly O[];
199
+ properties: T;
200
+ }): VariantConfig<O>;
201
+ declare function createComponentStateConfig(config: {
202
+ label: string;
203
+ options: string[];
204
+ layers: {
205
+ root: LayerConfig;
206
+ } & Record<string, LayerConfig>;
207
+ }): ComponentStateConfig;
208
+ declare function createVariantConfigWithProperties(config: {
209
+ label: string;
210
+ description: string;
211
+ isConfigurable: boolean;
212
+ default: string;
213
+ options: readonly string[];
214
+ layers: {
215
+ root: LayerConfig;
216
+ } & Record<string, LayerConfig>;
217
+ }): VariantConfigWithProperties;
218
+ declare function createVariantConfigWithComponentStates(config: {
219
+ label: string;
220
+ description: string;
221
+ isConfigurable: boolean;
222
+ default: string;
223
+ options: readonly string[];
224
+ componentStates: Record<string, ComponentStateConfig>;
225
+ }): VariantConfigWithComponentStates;
226
+ declare function createComponentStates(config: {
227
+ label: string;
228
+ options: string[];
229
+ layers: {
230
+ root: LayerConfig;
231
+ } & Record<string, LayerConfig>;
232
+ }): ComponentStateConfig;
233
+ declare function createLayerConfig(config: {
234
+ label: string;
235
+ pseudoSelector?: string;
236
+ properties: Readonly<Record<string, SelectedConfigurableProperty<ConfigurablePropertiesName, string>>>;
237
+ }): LayerConfig;
238
+ declare function createSubComponentConfig(config: {
239
+ label: string;
240
+ description: string;
241
+ overrideComponentName?: string;
242
+ variants: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates>;
243
+ }): SubComponentConfig;
244
+
245
+ export { type AllPossibleProperties as A, type ConfigurablePropertiesName as C, type ExtendablePropertiesName as E, type LayerConfig as L, type PossibleStates as P, type SelectedConfigurableProperty as S, type VariantConfig as V, type PossibleStatesWithRest as a, type ComponentStateConfig as b, configurableProperties as c, type SubComponentConfig as d, type VariantConfigWithProperties as e, type VariantConfigWithComponentStates as f, type ComponentConfig as g, type AutoComponents as h, type AutoComponentName as i, type AllVariantKeys as j, type SchemaStateValue as k, findFixtureType as l, generateClassName as m, generateDeclaration as n, generateStyles as o, createConfigurableProperty as p, createVariantConfig as q, createComponentStateConfig as r, statePseudoMapDocsMode as s, toMinimalDbConfigObject as t, createVariantConfigWithProperties as u, createVariantConfigWithComponentStates as v, createComponentStates as w, createLayerConfig as x, createSubComponentConfig as y };
package/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";var e=require("./chunk-VQV2OVOZ.cjs"),t=require("./chunk-PNL4K4BQ.cjs"),r=require("./chunk-F7LPH2UL.cjs"),n=require("./chunk-YBIQ3S5G.cjs"),o=require("./chunk-JM4WTJDB.cjs"),i=require("./chunk-QXAMOFS3.cjs"),u=require("./chunk-J7PUOUXC.cjs"),a=require("./chunk-GJLQAO4M.cjs"),c=require("./chunk-3AYBRPUC.cjs"),f=require("react"),p=require("react/jsx-runtime"),b=require("@yahoo/uds/client"),s=f.forwardRef(function(e,r){return p.jsx(t.DividerInternal,{ref:r,...e})});/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */s.displayName="Divider";var O=f.forwardRef(function({variant:e="primary",textVariant:t,startIcon:r,endIcon:n,alwaysUnderline:i=!1,children:u,className:a,...c},b){const s=!t,O=f.useMemo(()=>{const r=!s&&o.getStyles({linkTextStyleRoot:t,fontSize:t,fontFamily:t,fontWeight:t,lineHeight:t,textTransform:t});return o.getStyles({linkVariantRoot:e,display:"inline-flex",alignItems:"center",className:o.cx(r,"uds-ring",i&&"underline",a)})},[i,s,t,e,a]),g=o.getStyles({linkVariantIconStart:e,linkTextStyleIcon:t,className:o.cx(s&&"w-[0.7em] h-[0.7em]")}),l=o.getStyles({linkVariantIconEnd:e,linkTextStyleIcon:t,className:o.cx(s&&"w-[0.7em] h-[0.7em]")}),P={variant:"outline",color:"current"};return p.jsxs("a",{ref:b,className:O,...c,children:[r&&p.jsx(o.IconSlot,{className:g,icon:r,iconProps:P,"data-testid":"start-icon"}),u,n&&p.jsx(o.IconSlot,{className:l,icon:n,iconProps:P,"data-testid":"end-icon"})]})});O.displayName="Link",Object.defineProperty(exports,"Image",{enumerable:!0,get:function(){return e.Image}}),Object.defineProperty(exports,"InputHelpText",{enumerable:!0,get:function(){return e.InputHelpTextMemo}}),Object.defineProperty(exports,"HStack",{enumerable:!0,get:function(){return r.HStack}}),Object.defineProperty(exports,"VStack",{enumerable:!0,get:function(){return r.VStack}}),Object.defineProperty(exports,"FormLabel",{enumerable:!0,get:function(){return n.FormLabel}}),Object.defineProperty(exports,"Box",{enumerable:!0,get:function(){return o.Box}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return o.Icon}}),Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return o.Text}}),Object.defineProperty(exports,"cva",{enumerable:!0,get:function(){return o.cva}}),Object.defineProperty(exports,"cx",{enumerable:!0,get:function(){return o.cx}}),Object.defineProperty(exports,"getStyles",{enumerable:!0,get:function(){return o.getStyles}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE",{enumerable:!0,get:function(){return i.DEFAULT_COLOR_MODE}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_FOR_APP",{enumerable:!0,get:function(){return i.DEFAULT_COLOR_MODE_FOR_APP}}),Object.defineProperty(exports,"DEFAULT_HIGH_CONTRAST_MODE",{enumerable:!0,get:function(){return i.DEFAULT_HIGH_CONTRAST_MODE}}),Object.defineProperty(exports,"DEFAULT_REGION_MODE",{enumerable:!0,get:function(){return i.DEFAULT_REGION_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE",{enumerable:!0,get:function(){return i.DEFAULT_SCALE_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_FOR_APP",{enumerable:!0,get:function(){return i.DEFAULT_SCALE_MODE_FOR_APP}}),Object.defineProperty(exports,"FONT_DECLARATIONS_MAP",{enumerable:!0,get:function(){return i.FONT_DECLARATIONS_MAP}}),Object.defineProperty(exports,"alwaysPalette",{enumerable:!0,get:function(){return i.alwaysPalette}}),Object.defineProperty(exports,"button",{enumerable:!0,get:function(){return i.button}}),Object.defineProperty(exports,"cartesianProduct",{enumerable:!0,get:function(){return i.cartesianProduct}}),Object.defineProperty(exports,"coalesceConfigVariant",{enumerable:!0,get:function(){return i.coalesceConfigVariant}}),Object.defineProperty(exports,"configurableProperties",{enumerable:!0,get:function(){return i.configurableProperties}}),Object.defineProperty(exports,"createComponentStateConfig",{enumerable:!0,get:function(){return i.createComponentStateConfig}}),Object.defineProperty(exports,"createComponentStates",{enumerable:!0,get:function(){return i.createComponentStates}}),Object.defineProperty(exports,"createConfigurableProperty",{enumerable:!0,get:function(){return i.createConfigurableProperty}}),Object.defineProperty(exports,"createLayerConfig",{enumerable:!0,get:function(){return i.createLayerConfig}}),Object.defineProperty(exports,"createSubComponentConfig",{enumerable:!0,get:function(){return i.createSubComponentConfig}}),Object.defineProperty(exports,"createVariantConfig",{enumerable:!0,get:function(){return i.createVariantConfig}}),Object.defineProperty(exports,"createVariantConfigWithComponentStates",{enumerable:!0,get:function(){return i.createVariantConfigWithComponentStates}}),Object.defineProperty(exports,"createVariantConfigWithProperties",{enumerable:!0,get:function(){return i.createVariantConfigWithProperties}}),Object.defineProperty(exports,"findFixtureType",{enumerable:!0,get:function(){return i.findFixtureType}}),Object.defineProperty(exports,"fontWeightMap",{enumerable:!0,get:function(){return i.fontWeightMap}}),Object.defineProperty(exports,"fromEntries",{enumerable:!0,get:function(){return i.fromEntries}}),Object.defineProperty(exports,"generateClassName",{enumerable:!0,get:function(){return i.generateClassName}}),Object.defineProperty(exports,"generateDeclaration",{enumerable:!0,get:function(){return i.generateDeclaration}}),Object.defineProperty(exports,"generateKeyFromFlatConfigPath",{enumerable:!0,get:function(){return i.generateKeyFromFlatConfigPath}}),Object.defineProperty(exports,"generateSchemaKey",{enumerable:!0,get:function(){return i.generateSchemaKey}}),Object.defineProperty(exports,"generateStyles",{enumerable:!0,get:function(){return i.generateStyles}}),Object.defineProperty(exports,"getConfigDefaultValue",{enumerable:!0,get:function(){return i.getConfigDefaultValue}}),Object.defineProperty(exports,"getConfigPseudoStateVariables",{enumerable:!0,get:function(){return i.getConfigPseudoStateVariables}}),Object.defineProperty(exports,"getConfigPseudoStateVariablesWithSetter",{enumerable:!0,get:function(){return i.getConfigPseudoStateVariablesWithSetter}}),Object.defineProperty(exports,"getConfigSubcomponents",{enumerable:!0,get:function(){return i.getConfigSubcomponents}}),Object.defineProperty(exports,"getConfigVariantComponentStates",{enumerable:!0,get:function(){return i.getConfigVariantComponentStates}}),Object.defineProperty(exports,"getConfigVariantComponentStatesMatrix",{enumerable:!0,get:function(){return i.getConfigVariantComponentStatesMatrix}}),Object.defineProperty(exports,"getConfigVariantProperties",{enumerable:!0,get:function(){return i.getConfigVariantProperties}}),Object.defineProperty(exports,"getConfigVariantPseudoStates",{enumerable:!0,get:function(){return i.getConfigVariantPseudoStates}}),Object.defineProperty(exports,"getConfigVariants",{enumerable:!0,get:function(){return i.getConfigVariants}}),Object.defineProperty(exports,"getDefaultButtonBaseMap",{enumerable:!0,get:function(){return i.getDefaultButtonBaseMap}}),Object.defineProperty(exports,"isConfigDefaultValue",{enumerable:!0,get:function(){return i.isConfigDefaultValue}}),Object.defineProperty(exports,"parseButtonVariantFlat",{enumerable:!0,get:function(){return i.parseButtonVariantFlat}}),Object.defineProperty(exports,"parseDeprecatedButtonPaletteVariant",{enumerable:!0,get:function(){return i.parseDeprecatedButtonPaletteVariant}}),Object.defineProperty(exports,"setConfigPseudoStateVariable",{enumerable:!0,get:function(){return i.setConfigPseudoStateVariable}}),Object.defineProperty(exports,"shadow",{enumerable:!0,get:function(){return i.shadow}}),Object.defineProperty(exports,"statePseudoMapDocsMode",{enumerable:!0,get:function(){return i.statePseudoMapDocsMode}}),Object.defineProperty(exports,"toMinimalDbConfigObject",{enumerable:!0,get:function(){return i.toMinimalDbConfigObject}}),Object.defineProperty(exports,"entries",{enumerable:!0,get:function(){return u.entries}}),Object.defineProperty(exports,"mapValues",{enumerable:!0,get:function(){return u.mapValues}}),Object.defineProperty(exports,"variants",{enumerable:!0,get:function(){return a.variants}}),Object.defineProperty(exports,"AVATAR_SIZE_PREFIX",{enumerable:!0,get:function(){return c.AVATAR_SIZE_PREFIX}}),Object.defineProperty(exports,"BORDER_RADIUS_PREFIX",{enumerable:!0,get:function(){return c.BORDER_RADIUS_PREFIX}}),Object.defineProperty(exports,"BORDER_WIDTH_PREFIX",{enumerable:!0,get:function(){return c.BORDER_WIDTH_PREFIX}}),Object.defineProperty(exports,"BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return c.BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"DARK_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.DARK_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.DEFAULT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.DEFAULT_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"FONT_FAMILY_PREFIX",{enumerable:!0,get:function(){return c.FONT_FAMILY_PREFIX}}),Object.defineProperty(exports,"FONT_SIZE_PREFIX",{enumerable:!0,get:function(){return c.FONT_SIZE_PREFIX}}),Object.defineProperty(exports,"FONT_SLANT_PREFIX",{enumerable:!0,get:function(){return c.FONT_SLANT_PREFIX}}),Object.defineProperty(exports,"FONT_WEIGHT_PREFIX",{enumerable:!0,get:function(){return c.FONT_WEIGHT_PREFIX}}),Object.defineProperty(exports,"FONT_WIDTH_PREFIX",{enumerable:!0,get:function(){return c.FONT_WIDTH_PREFIX}}),Object.defineProperty(exports,"ICON_BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return c.ICON_BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"ICON_SIZE_PREFIX",{enumerable:!0,get:function(){return c.ICON_SIZE_PREFIX}}),Object.defineProperty(exports,"INVERT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.INVERT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.LARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"LIGHT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.LIGHT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LINE_HEIGHT_PREFIX",{enumerable:!0,get:function(){return c.LINE_HEIGHT_PREFIX}}),Object.defineProperty(exports,"MEDIUM_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.MEDIUM_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"MOTION_PREFIX",{enumerable:!0,get:function(){return c.MOTION_PREFIX}}),Object.defineProperty(exports,"PSEUDO_STYLE_SELECTOR_MAP",{enumerable:!0,get:function(){return c.PSEUDO_STYLE_SELECTOR_MAP}}),Object.defineProperty(exports,"SMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.SMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"SPECTRUM_COLOR_PREFIX",{enumerable:!0,get:function(){return c.SPECTRUM_COLOR_PREFIX}}),Object.defineProperty(exports,"SYSTEM_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.SYSTEM_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"TEXT_RESPONSIVE_CLASSNAME",{enumerable:!0,get:function(){return c.TEXT_RESPONSIVE_CLASSNAME}}),Object.defineProperty(exports,"TEXT_TRANSFORM_PREFIX",{enumerable:!0,get:function(){return c.TEXT_TRANSFORM_PREFIX}}),Object.defineProperty(exports,"UDS_PREFIX",{enumerable:!0,get:function(){return c.UDS_PREFIX}}),Object.defineProperty(exports,"XLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XSMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XSMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XXXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return b.Avatar}}),Object.defineProperty(exports,"AvatarIcon",{enumerable:!0,get:function(){return b.AvatarIcon}}),Object.defineProperty(exports,"AvatarImage",{enumerable:!0,get:function(){return b.AvatarImage}}),Object.defineProperty(exports,"AvatarText",{enumerable:!0,get:function(){return b.AvatarText}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return b.Badge}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return b.Button}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return b.Checkbox}}),Object.defineProperty(exports,"Chip",{enumerable:!0,get:function(){return b.Chip}}),Object.defineProperty(exports,"ChipButton",{enumerable:!0,get:function(){return b.ChipButton}}),Object.defineProperty(exports,"ChipDismissible",{enumerable:!0,get:function(){return b.ChipDismissible}}),Object.defineProperty(exports,"ChipLink",{enumerable:!0,get:function(){return b.ChipLink}}),Object.defineProperty(exports,"ChipToggle",{enumerable:!0,get:function(){return b.ChipToggle}}),Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return b.IconButton}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return b.Input}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return b.Menu}}),Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return b.Pressable}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return b.Radio}}),Object.defineProperty(exports,"RadioGroupProvider",{enumerable:!0,get:function(){return b.RadioGroupProvider}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return b.SpringMotionConfig}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return b.Switch}}),exports.Divider=s,exports.Link=O;
1
+ "use strict";var e=require("./chunk-VQV2OVOZ.cjs"),t=require("./chunk-PNL4K4BQ.cjs"),r=require("./chunk-F7LPH2UL.cjs"),n=require("./chunk-YBIQ3S5G.cjs"),o=require("./chunk-JM4WTJDB.cjs"),i=require("./chunk-QXAMOFS3.cjs"),u=require("./chunk-J7PUOUXC.cjs"),a=require("./chunk-GJLQAO4M.cjs"),c=require("./chunk-3AYBRPUC.cjs"),f=require("react"),p=require("react/jsx-runtime"),s=require("@yahoo/uds/client"),b=f.forwardRef(function(e,r){return p.jsx(t.DividerInternal,{ref:r,...e})});/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */b.displayName="Divider";var O=f.forwardRef(function({variant:e="primary",textVariant:t,startIcon:r,endIcon:n,alwaysUnderline:i=!1,children:u,className:a,...c},s){const b=!t,O=f.useMemo(()=>{const r=!b&&o.getStyles({linkTextStyleRoot:t,fontSize:t,fontFamily:t,fontWeight:t,lineHeight:t,textTransform:t});return o.getStyles({linkVariantRoot:e,display:"inline-flex",alignItems:"center",className:o.cx(r,"uds-ring",i&&"underline",a)})},[i,b,t,e,a]),g=o.getStyles({linkVariantIconStart:e,linkTextStyleIcon:t,className:o.cx(b&&"w-[0.7em] h-[0.7em]")}),l=o.getStyles({linkVariantIconEnd:e,linkTextStyleIcon:t,className:o.cx(b&&"w-[0.7em] h-[0.7em]")}),P={variant:"outline",color:"current"};return p.jsxs("a",{ref:s,className:O,...c,children:[r&&p.jsx(o.IconSlot,{className:g,icon:r,iconProps:P,"data-testid":"start-icon"}),u,n&&p.jsx(o.IconSlot,{className:l,icon:n,iconProps:P,"data-testid":"end-icon"})]})});O.displayName="Link";Object.defineProperty(exports,"Image",{enumerable:!0,get:function(){return e.Image}}),Object.defineProperty(exports,"InputHelpText",{enumerable:!0,get:function(){return e.InputHelpTextMemo}}),Object.defineProperty(exports,"HStack",{enumerable:!0,get:function(){return r.HStack}}),Object.defineProperty(exports,"VStack",{enumerable:!0,get:function(){return r.VStack}}),Object.defineProperty(exports,"FormLabel",{enumerable:!0,get:function(){return n.FormLabel}}),Object.defineProperty(exports,"Box",{enumerable:!0,get:function(){return o.Box}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return o.Icon}}),Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return o.Text}}),Object.defineProperty(exports,"cva",{enumerable:!0,get:function(){return o.cva}}),Object.defineProperty(exports,"cx",{enumerable:!0,get:function(){return o.cx}}),Object.defineProperty(exports,"getStyles",{enumerable:!0,get:function(){return o.getStyles}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE",{enumerable:!0,get:function(){return i.DEFAULT_COLOR_MODE}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_FOR_APP",{enumerable:!0,get:function(){return i.DEFAULT_COLOR_MODE_FOR_APP}}),Object.defineProperty(exports,"DEFAULT_HIGH_CONTRAST_MODE",{enumerable:!0,get:function(){return i.DEFAULT_HIGH_CONTRAST_MODE}}),Object.defineProperty(exports,"DEFAULT_REGION_MODE",{enumerable:!0,get:function(){return i.DEFAULT_REGION_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE",{enumerable:!0,get:function(){return i.DEFAULT_SCALE_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_FOR_APP",{enumerable:!0,get:function(){return i.DEFAULT_SCALE_MODE_FOR_APP}}),Object.defineProperty(exports,"FONT_DECLARATIONS_MAP",{enumerable:!0,get:function(){return i.FONT_DECLARATIONS_MAP}}),Object.defineProperty(exports,"alwaysPalette",{enumerable:!0,get:function(){return i.alwaysPalette}}),Object.defineProperty(exports,"button",{enumerable:!0,get:function(){return i.button}}),Object.defineProperty(exports,"cartesianProduct",{enumerable:!0,get:function(){return i.cartesianProduct}}),Object.defineProperty(exports,"coalesceConfigVariant",{enumerable:!0,get:function(){return i.coalesceConfigVariant}}),Object.defineProperty(exports,"configurableProperties",{enumerable:!0,get:function(){return i.configurableProperties}}),Object.defineProperty(exports,"createComponentStateConfig",{enumerable:!0,get:function(){return i.createComponentStateConfig}}),Object.defineProperty(exports,"createComponentStates",{enumerable:!0,get:function(){return i.createComponentStates}}),Object.defineProperty(exports,"createConfigurableProperty",{enumerable:!0,get:function(){return i.createConfigurableProperty}}),Object.defineProperty(exports,"createLayerConfig",{enumerable:!0,get:function(){return i.createLayerConfig}}),Object.defineProperty(exports,"createSubComponentConfig",{enumerable:!0,get:function(){return i.createSubComponentConfig}}),Object.defineProperty(exports,"createVariantConfig",{enumerable:!0,get:function(){return i.createVariantConfig}}),Object.defineProperty(exports,"createVariantConfigWithComponentStates",{enumerable:!0,get:function(){return i.createVariantConfigWithComponentStates}}),Object.defineProperty(exports,"createVariantConfigWithProperties",{enumerable:!0,get:function(){return i.createVariantConfigWithProperties}}),Object.defineProperty(exports,"findFixtureType",{enumerable:!0,get:function(){return i.findFixtureType}}),Object.defineProperty(exports,"fontWeightMap",{enumerable:!0,get:function(){return i.fontWeightMap}}),Object.defineProperty(exports,"fromEntries",{enumerable:!0,get:function(){return i.fromEntries}}),Object.defineProperty(exports,"generateClassName",{enumerable:!0,get:function(){return i.generateClassName}}),Object.defineProperty(exports,"generateDeclaration",{enumerable:!0,get:function(){return i.generateDeclaration}}),Object.defineProperty(exports,"generateKeyFromFlatConfigPath",{enumerable:!0,get:function(){return i.generateKeyFromFlatConfigPath}}),Object.defineProperty(exports,"generateSchemaKey",{enumerable:!0,get:function(){return i.generateSchemaKey}}),Object.defineProperty(exports,"generateStyles",{enumerable:!0,get:function(){return i.generateStyles}}),Object.defineProperty(exports,"getConfigDefaultValue",{enumerable:!0,get:function(){return i.getConfigDefaultValue}}),Object.defineProperty(exports,"getConfigPseudoStateVariables",{enumerable:!0,get:function(){return i.getConfigPseudoStateVariables}}),Object.defineProperty(exports,"getConfigPseudoStateVariablesWithSetter",{enumerable:!0,get:function(){return i.getConfigPseudoStateVariablesWithSetter}}),Object.defineProperty(exports,"getConfigSubcomponents",{enumerable:!0,get:function(){return i.getConfigSubcomponents}}),Object.defineProperty(exports,"getConfigVariantComponentStates",{enumerable:!0,get:function(){return i.getConfigVariantComponentStates}}),Object.defineProperty(exports,"getConfigVariantComponentStatesMatrix",{enumerable:!0,get:function(){return i.getConfigVariantComponentStatesMatrix}}),Object.defineProperty(exports,"getConfigVariantProperties",{enumerable:!0,get:function(){return i.getConfigVariantProperties}}),Object.defineProperty(exports,"getConfigVariantPseudoStates",{enumerable:!0,get:function(){return i.getConfigVariantPseudoStates}}),Object.defineProperty(exports,"getConfigVariants",{enumerable:!0,get:function(){return i.getConfigVariants}}),Object.defineProperty(exports,"getDefaultButtonBaseMap",{enumerable:!0,get:function(){return i.getDefaultButtonBaseMap}}),Object.defineProperty(exports,"isConfigDefaultValue",{enumerable:!0,get:function(){return i.isConfigDefaultValue}}),Object.defineProperty(exports,"parseButtonVariantFlat",{enumerable:!0,get:function(){return i.parseButtonVariantFlat}}),Object.defineProperty(exports,"parseDeprecatedButtonPaletteVariant",{enumerable:!0,get:function(){return i.parseDeprecatedButtonPaletteVariant}}),Object.defineProperty(exports,"setConfigPseudoStateVariable",{enumerable:!0,get:function(){return i.setConfigPseudoStateVariable}}),Object.defineProperty(exports,"shadow",{enumerable:!0,get:function(){return i.shadow}}),Object.defineProperty(exports,"statePseudoMapDocsMode",{enumerable:!0,get:function(){return i.statePseudoMapDocsMode}}),Object.defineProperty(exports,"toMinimalDbConfigObject",{enumerable:!0,get:function(){return i.toMinimalDbConfigObject}}),Object.defineProperty(exports,"entries",{enumerable:!0,get:function(){return u.entries}}),Object.defineProperty(exports,"mapValues",{enumerable:!0,get:function(){return u.mapValues}}),Object.defineProperty(exports,"variants",{enumerable:!0,get:function(){return a.variants}}),Object.defineProperty(exports,"AVATAR_SIZE_PREFIX",{enumerable:!0,get:function(){return c.AVATAR_SIZE_PREFIX}}),Object.defineProperty(exports,"BORDER_RADIUS_PREFIX",{enumerable:!0,get:function(){return c.BORDER_RADIUS_PREFIX}}),Object.defineProperty(exports,"BORDER_WIDTH_PREFIX",{enumerable:!0,get:function(){return c.BORDER_WIDTH_PREFIX}}),Object.defineProperty(exports,"BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return c.BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"DARK_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.DARK_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.DEFAULT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.DEFAULT_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"FONT_FAMILY_PREFIX",{enumerable:!0,get:function(){return c.FONT_FAMILY_PREFIX}}),Object.defineProperty(exports,"FONT_SIZE_PREFIX",{enumerable:!0,get:function(){return c.FONT_SIZE_PREFIX}}),Object.defineProperty(exports,"FONT_SLANT_PREFIX",{enumerable:!0,get:function(){return c.FONT_SLANT_PREFIX}}),Object.defineProperty(exports,"FONT_WEIGHT_PREFIX",{enumerable:!0,get:function(){return c.FONT_WEIGHT_PREFIX}}),Object.defineProperty(exports,"FONT_WIDTH_PREFIX",{enumerable:!0,get:function(){return c.FONT_WIDTH_PREFIX}}),Object.defineProperty(exports,"ICON_BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return c.ICON_BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"ICON_SIZE_PREFIX",{enumerable:!0,get:function(){return c.ICON_SIZE_PREFIX}}),Object.defineProperty(exports,"INVERT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.INVERT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.LARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"LIGHT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.LIGHT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LINE_HEIGHT_PREFIX",{enumerable:!0,get:function(){return c.LINE_HEIGHT_PREFIX}}),Object.defineProperty(exports,"MEDIUM_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.MEDIUM_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"MOTION_PREFIX",{enumerable:!0,get:function(){return c.MOTION_PREFIX}}),Object.defineProperty(exports,"PSEUDO_STYLE_SELECTOR_MAP",{enumerable:!0,get:function(){return c.PSEUDO_STYLE_SELECTOR_MAP}}),Object.defineProperty(exports,"SMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.SMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"SPECTRUM_COLOR_PREFIX",{enumerable:!0,get:function(){return c.SPECTRUM_COLOR_PREFIX}}),Object.defineProperty(exports,"SYSTEM_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.SYSTEM_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"TEXT_RESPONSIVE_CLASSNAME",{enumerable:!0,get:function(){return c.TEXT_RESPONSIVE_CLASSNAME}}),Object.defineProperty(exports,"TEXT_TRANSFORM_PREFIX",{enumerable:!0,get:function(){return c.TEXT_TRANSFORM_PREFIX}}),Object.defineProperty(exports,"UDS_PREFIX",{enumerable:!0,get:function(){return c.UDS_PREFIX}}),Object.defineProperty(exports,"XLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XSMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XSMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XXXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return s.Avatar}}),Object.defineProperty(exports,"AvatarIcon",{enumerable:!0,get:function(){return s.AvatarIcon}}),Object.defineProperty(exports,"AvatarImage",{enumerable:!0,get:function(){return s.AvatarImage}}),Object.defineProperty(exports,"AvatarText",{enumerable:!0,get:function(){return s.AvatarText}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return s.Badge}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return s.Button}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return s.Checkbox}}),Object.defineProperty(exports,"Chip",{enumerable:!0,get:function(){return s.Chip}}),Object.defineProperty(exports,"ChipButton",{enumerable:!0,get:function(){return s.ChipButton}}),Object.defineProperty(exports,"ChipDismissible",{enumerable:!0,get:function(){return s.ChipDismissible}}),Object.defineProperty(exports,"ChipLink",{enumerable:!0,get:function(){return s.ChipLink}}),Object.defineProperty(exports,"ChipToggle",{enumerable:!0,get:function(){return s.ChipToggle}}),Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return s.IconButton}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return s.Input}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return s.Menu}}),Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return s.Pressable}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return s.Radio}}),Object.defineProperty(exports,"RadioGroupProvider",{enumerable:!0,get:function(){return s.RadioGroupProvider}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return s.SpringMotionConfig}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return s.Switch}}),exports.Divider=b,exports.Link=O,exports.ResponsiveText=({className:e,...t})=>p.jsx(o.Text,{...t,className:o.cx(e,c.TEXT_RESPONSIVE_CLASSNAME)});
package/dist/index.d.cts CHANGED
@@ -204,7 +204,7 @@ type TextProps<TagName extends TextElementTagName = TextElementTagName> = {
204
204
  *
205
205
  * @see The {@link https://uds.build/docs/components/text Text Docs} for more info
206
206
  *
207
- * @related [Button](https://uds.build/docs/components/button) and [Pressable](https://uds.build/docs/components/pressable)
207
+ * @related [ResponsiveText](https://uds.build/docs/components/responsive-text)
208
208
  */
209
209
  declare const Text: react.ForwardRefExoticComponent<(Omit<{
210
210
  /** Ref passed to the inner container. */
@@ -250,6 +250,33 @@ declare const Text: react.ForwardRefExoticComponent<(Omit<{
250
250
  color?: ColorWithInherit;
251
251
  } & react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react.RefAttributes<HTMLElement>>;
252
252
 
253
+ type ResponsiveTextProps = TextProps;
254
+ /**
255
+ * **💬 A text element that opts-in to being automatically responsive at different breakpoints**
256
+ *
257
+ * @description
258
+ * The `ResponsiveText` component is a wrapper around the `Text` component that
259
+ * automatically applies the `uds-text-responsive` class to opt-in to responsiveness.
260
+ * All other props are passed through to the `Text` component.
261
+ *
262
+ * @example
263
+ * ```tsx
264
+ * import { ResponsiveText } from '@yahoo/uds';
265
+ *
266
+ * <ResponsiveText variant="body1" color="primary">
267
+ * Text goes here
268
+ * </ResponsiveText>
269
+ * ```
270
+ *
271
+ * @usage
272
+ * - Use `ResponsiveText` to make this text component responsive.
273
+ *
274
+ * @see The {@link https://uds.build/docs/components/responsive-text ResponsiveText Docs} for more info
275
+ *
276
+ * @related [Text](https://uds.build/docs/components/text)
277
+ */
278
+ declare const ResponsiveText: ({ className, ...textProps }: ResponsiveTextProps) => react_jsx_runtime.JSX.Element;
279
+
253
280
  type StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T;
254
281
  type CvaStyleValue<T> = T | CvaStyleArray<T> | Record<string, unknown> | null | boolean | undefined;
255
282
  type CvaStyleArray<T> = CvaStyleValue<T>[];
@@ -467,4 +494,4 @@ declare const getStyles: (props: GetStylesInternalProps) => string;
467
494
 
468
495
  type SetState<T> = Dispatch<SetStateAction<T>>;
469
496
 
470
- export { FormLabel, type FormLabelProps, HStack, type HStackProps, Icon, IconPropsWithSVGProps as IconProps, IconPropsWithSVGProps, Image, ImagePropsWithImgProps as ImageProps, ImagePropsWithImgProps, InputHelpTextMemo as InputHelpText, type InputHelpTextProps, Link, type LinkProps, type SetState, Text, type TextProps, UniversalFormLabelProps, UniversalIconSlot, UniversalLinkProps, UniversalStackProps, UniversalTextProps, cva, cx, getStyles };
497
+ export { FormLabel, type FormLabelProps, HStack, type HStackProps, Icon, IconPropsWithSVGProps as IconProps, IconPropsWithSVGProps, Image, ImagePropsWithImgProps as ImageProps, ImagePropsWithImgProps, InputHelpTextMemo as InputHelpText, type InputHelpTextProps, Link, type LinkProps, ResponsiveText, type ResponsiveTextProps, type SetState, Text, type TextProps, UniversalFormLabelProps, UniversalIconSlot, UniversalLinkProps, UniversalStackProps, UniversalTextProps, cva, cx, getStyles };
package/dist/index.d.ts CHANGED
@@ -204,7 +204,7 @@ type TextProps<TagName extends TextElementTagName = TextElementTagName> = {
204
204
  *
205
205
  * @see The {@link https://uds.build/docs/components/text Text Docs} for more info
206
206
  *
207
- * @related [Button](https://uds.build/docs/components/button) and [Pressable](https://uds.build/docs/components/pressable)
207
+ * @related [ResponsiveText](https://uds.build/docs/components/responsive-text)
208
208
  */
209
209
  declare const Text: react.ForwardRefExoticComponent<(Omit<{
210
210
  /** Ref passed to the inner container. */
@@ -250,6 +250,33 @@ declare const Text: react.ForwardRefExoticComponent<(Omit<{
250
250
  color?: ColorWithInherit;
251
251
  } & react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react.RefAttributes<HTMLElement>>;
252
252
 
253
+ type ResponsiveTextProps = TextProps;
254
+ /**
255
+ * **💬 A text element that opts-in to being automatically responsive at different breakpoints**
256
+ *
257
+ * @description
258
+ * The `ResponsiveText` component is a wrapper around the `Text` component that
259
+ * automatically applies the `uds-text-responsive` class to opt-in to responsiveness.
260
+ * All other props are passed through to the `Text` component.
261
+ *
262
+ * @example
263
+ * ```tsx
264
+ * import { ResponsiveText } from '@yahoo/uds';
265
+ *
266
+ * <ResponsiveText variant="body1" color="primary">
267
+ * Text goes here
268
+ * </ResponsiveText>
269
+ * ```
270
+ *
271
+ * @usage
272
+ * - Use `ResponsiveText` to make this text component responsive.
273
+ *
274
+ * @see The {@link https://uds.build/docs/components/responsive-text ResponsiveText Docs} for more info
275
+ *
276
+ * @related [Text](https://uds.build/docs/components/text)
277
+ */
278
+ declare const ResponsiveText: ({ className, ...textProps }: ResponsiveTextProps) => react_jsx_runtime.JSX.Element;
279
+
253
280
  type StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T;
254
281
  type CvaStyleValue<T> = T | CvaStyleArray<T> | Record<string, unknown> | null | boolean | undefined;
255
282
  type CvaStyleArray<T> = CvaStyleValue<T>[];
@@ -467,4 +494,4 @@ declare const getStyles: (props: GetStylesInternalProps) => string;
467
494
 
468
495
  type SetState<T> = Dispatch<SetStateAction<T>>;
469
496
 
470
- export { FormLabel, type FormLabelProps, HStack, type HStackProps, Icon, IconPropsWithSVGProps as IconProps, IconPropsWithSVGProps, Image, ImagePropsWithImgProps as ImageProps, ImagePropsWithImgProps, InputHelpTextMemo as InputHelpText, type InputHelpTextProps, Link, type LinkProps, type SetState, Text, type TextProps, UniversalFormLabelProps, UniversalIconSlot, UniversalLinkProps, UniversalStackProps, UniversalTextProps, cva, cx, getStyles };
497
+ export { FormLabel, type FormLabelProps, HStack, type HStackProps, Icon, IconPropsWithSVGProps as IconProps, IconPropsWithSVGProps, Image, ImagePropsWithImgProps as ImageProps, ImagePropsWithImgProps, InputHelpTextMemo as InputHelpText, type InputHelpTextProps, Link, type LinkProps, ResponsiveText, type ResponsiveTextProps, type SetState, Text, type TextProps, UniversalFormLabelProps, UniversalIconSlot, UniversalLinkProps, UniversalStackProps, UniversalTextProps, cva, cx, getStyles };
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- export{Image,InputHelpTextMemo as InputHelpText}from"./chunk-EXYFDTFM.js";import{DividerInternal as e}from"./chunk-6SQQBVSA.js";export{HStack,VStack}from"./chunk-KPGAKQEP.js";export{FormLabel}from"./chunk-I7ZFG4YT.js";import{getStyles as t,cx as a,IconSlot as n}from"./chunk-QZIQVD63.js";export{Box,Icon,Text,cva,cx,getStyles}from"./chunk-QZIQVD63.js";export{DEFAULT_COLOR_MODE,DEFAULT_COLOR_MODE_FOR_APP,DEFAULT_HIGH_CONTRAST_MODE,DEFAULT_REGION_MODE,DEFAULT_SCALE_MODE,DEFAULT_SCALE_MODE_FOR_APP,FONT_DECLARATIONS_MAP,alwaysPalette,button,cartesianProduct,coalesceConfigVariant,configurableProperties,createComponentStateConfig,createComponentStates,createConfigurableProperty,createLayerConfig,createSubComponentConfig,createVariantConfig,createVariantConfigWithComponentStates,createVariantConfigWithProperties,findFixtureType,fontWeightMap,fromEntries,generateClassName,generateDeclaration,generateKeyFromFlatConfigPath,generateSchemaKey,generateStyles,getConfigDefaultValue,getConfigPseudoStateVariables,getConfigPseudoStateVariablesWithSetter,getConfigSubcomponents,getConfigVariantComponentStates,getConfigVariantComponentStatesMatrix,getConfigVariantProperties,getConfigVariantPseudoStates,getConfigVariants,getDefaultButtonBaseMap,isConfigDefaultValue,parseButtonVariantFlat,parseDeprecatedButtonPaletteVariant,setConfigPseudoStateVariable,shadow,statePseudoMapDocsMode,toMinimalDbConfigObject}from"./chunk-MZKL2XHU.js";export{entries,mapValues}from"./chunk-EWJ3J526.js";export{variants}from"./chunk-SVO6TMF5.js";export{AVATAR_SIZE_PREFIX,BORDER_RADIUS_PREFIX,BORDER_WIDTH_PREFIX,BUTTON_CSS_VAR_MAP,DARK_COLOR_MODE_CLASSNAME,DEFAULT_COLOR_MODE_CLASSNAME,DEFAULT_SCALE_MODE_CLASSNAME,FONT_FAMILY_PREFIX,FONT_SIZE_PREFIX,FONT_SLANT_PREFIX,FONT_WEIGHT_PREFIX,FONT_WIDTH_PREFIX,ICON_BUTTON_CSS_VAR_MAP,ICON_SIZE_PREFIX,INVERT_COLOR_MODE_CLASSNAME,LARGE_SCALE_MODE_CLASSNAME,LIGHT_COLOR_MODE_CLASSNAME,LINE_HEIGHT_PREFIX,MEDIUM_SCALE_MODE_CLASSNAME,MOTION_PREFIX,PSEUDO_STYLE_SELECTOR_MAP,SMALL_SCALE_MODE_CLASSNAME,SPECTRUM_COLOR_PREFIX,SYSTEM_COLOR_MODE_CLASSNAME,TEXT_RESPONSIVE_CLASSNAME,TEXT_TRANSFORM_PREFIX,UDS_PREFIX,XLARGE_SCALE_MODE_CLASSNAME,XSMALL_SCALE_MODE_CLASSNAME,XXLARGE_SCALE_MODE_CLASSNAME,XXXLARGE_SCALE_MODE_CLASSNAME}from"./chunk-24RMELG3.js";import{forwardRef as o,useMemo as r}from"react";import{jsx as i,jsxs as E}from"react/jsx-runtime";export{Avatar,AvatarIcon,AvatarImage,AvatarText,Badge,Button,Checkbox,Chip,ChipButton,ChipDismissible,ChipLink,ChipToggle,IconButton,Input,Menu,Pressable,Radio,RadioGroupProvider,SpringMotionConfig,Switch}from"@yahoo/uds/client";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var _=o(function(t,a){return i(e,{ref:a,...t})});_.displayName="Divider";var S=o(function({variant:e="primary",textVariant:o,startIcon:_,endIcon:S,alwaysUnderline:s=!1,children:A,className:C,...c},L){const l=!o,O=r(()=>{const n=!l&&t({linkTextStyleRoot:o,fontSize:o,fontFamily:o,fontWeight:o,lineHeight:o,textTransform:o});return t({linkVariantRoot:e,display:"inline-flex",alignItems:"center",className:a(n,"uds-ring",s&&"underline",C)})},[s,l,o,e,C]),M=t({linkVariantIconStart:e,linkTextStyleIcon:o,className:a(l&&"w-[0.7em] h-[0.7em]")}),m=t({linkVariantIconEnd:e,linkTextStyleIcon:o,className:a(l&&"w-[0.7em] h-[0.7em]")}),I={variant:"outline",color:"current"};return E("a",{ref:L,className:O,...c,children:[_&&i(n,{className:M,icon:_,iconProps:I,"data-testid":"start-icon"}),A,S&&i(n,{className:m,icon:S,iconProps:I,"data-testid":"end-icon"})]})});S.displayName="Link";export{_ as Divider,S as Link};
1
+ export{Image,InputHelpTextMemo as InputHelpText}from"./chunk-EXYFDTFM.js";import{DividerInternal as e}from"./chunk-6SQQBVSA.js";export{HStack,VStack}from"./chunk-KPGAKQEP.js";export{FormLabel}from"./chunk-I7ZFG4YT.js";import{getStyles as t,cx as a,IconSlot as n,Text as o}from"./chunk-QZIQVD63.js";export{Box,Icon,Text,cva,cx,getStyles}from"./chunk-QZIQVD63.js";export{DEFAULT_COLOR_MODE,DEFAULT_COLOR_MODE_FOR_APP,DEFAULT_HIGH_CONTRAST_MODE,DEFAULT_REGION_MODE,DEFAULT_SCALE_MODE,DEFAULT_SCALE_MODE_FOR_APP,FONT_DECLARATIONS_MAP,alwaysPalette,button,cartesianProduct,coalesceConfigVariant,configurableProperties,createComponentStateConfig,createComponentStates,createConfigurableProperty,createLayerConfig,createSubComponentConfig,createVariantConfig,createVariantConfigWithComponentStates,createVariantConfigWithProperties,findFixtureType,fontWeightMap,fromEntries,generateClassName,generateDeclaration,generateKeyFromFlatConfigPath,generateSchemaKey,generateStyles,getConfigDefaultValue,getConfigPseudoStateVariables,getConfigPseudoStateVariablesWithSetter,getConfigSubcomponents,getConfigVariantComponentStates,getConfigVariantComponentStatesMatrix,getConfigVariantProperties,getConfigVariantPseudoStates,getConfigVariants,getDefaultButtonBaseMap,isConfigDefaultValue,parseButtonVariantFlat,parseDeprecatedButtonPaletteVariant,setConfigPseudoStateVariable,shadow,statePseudoMapDocsMode,toMinimalDbConfigObject}from"./chunk-MZKL2XHU.js";export{entries,mapValues}from"./chunk-EWJ3J526.js";export{variants}from"./chunk-SVO6TMF5.js";import{TEXT_RESPONSIVE_CLASSNAME as r}from"./chunk-24RMELG3.js";export{AVATAR_SIZE_PREFIX,BORDER_RADIUS_PREFIX,BORDER_WIDTH_PREFIX,BUTTON_CSS_VAR_MAP,DARK_COLOR_MODE_CLASSNAME,DEFAULT_COLOR_MODE_CLASSNAME,DEFAULT_SCALE_MODE_CLASSNAME,FONT_FAMILY_PREFIX,FONT_SIZE_PREFIX,FONT_SLANT_PREFIX,FONT_WEIGHT_PREFIX,FONT_WIDTH_PREFIX,ICON_BUTTON_CSS_VAR_MAP,ICON_SIZE_PREFIX,INVERT_COLOR_MODE_CLASSNAME,LARGE_SCALE_MODE_CLASSNAME,LIGHT_COLOR_MODE_CLASSNAME,LINE_HEIGHT_PREFIX,MEDIUM_SCALE_MODE_CLASSNAME,MOTION_PREFIX,PSEUDO_STYLE_SELECTOR_MAP,SMALL_SCALE_MODE_CLASSNAME,SPECTRUM_COLOR_PREFIX,SYSTEM_COLOR_MODE_CLASSNAME,TEXT_RESPONSIVE_CLASSNAME,TEXT_TRANSFORM_PREFIX,UDS_PREFIX,XLARGE_SCALE_MODE_CLASSNAME,XSMALL_SCALE_MODE_CLASSNAME,XXLARGE_SCALE_MODE_CLASSNAME,XXXLARGE_SCALE_MODE_CLASSNAME}from"./chunk-24RMELG3.js";import{forwardRef as i,useMemo as E}from"react";import{jsx as _,jsxs as s}from"react/jsx-runtime";export{Avatar,AvatarIcon,AvatarImage,AvatarText,Badge,Button,Checkbox,Chip,ChipButton,ChipDismissible,ChipLink,ChipToggle,IconButton,Input,Menu,Pressable,Radio,RadioGroupProvider,SpringMotionConfig,Switch}from"@yahoo/uds/client";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var S=i(function(t,a){return _(e,{ref:a,...t})});S.displayName="Divider";var A=i(function({variant:e="primary",textVariant:o,startIcon:r,endIcon:i,alwaysUnderline:S=!1,children:A,className:C,...c},l){const L=!o,M=E(()=>{const n=!L&&t({linkTextStyleRoot:o,fontSize:o,fontFamily:o,fontWeight:o,lineHeight:o,textTransform:o});return t({linkVariantRoot:e,display:"inline-flex",alignItems:"center",className:a(n,"uds-ring",S&&"underline",C)})},[S,L,o,e,C]),O=t({linkVariantIconStart:e,linkTextStyleIcon:o,className:a(L&&"w-[0.7em] h-[0.7em]")}),m=t({linkVariantIconEnd:e,linkTextStyleIcon:o,className:a(L&&"w-[0.7em] h-[0.7em]")}),f={variant:"outline",color:"current"};return s("a",{ref:l,className:M,...c,children:[r&&_(n,{className:O,icon:r,iconProps:f,"data-testid":"start-icon"}),A,i&&_(n,{className:m,icon:i,iconProps:f,"data-testid":"end-icon"})]})});A.displayName="Link";var C=({className:e,...t})=>_(o,{...t,className:a(e,r)});export{S as Divider,A as Link,C as ResponsiveText};