@yahoo/uds 3.23.1 → 3.23.3

package/dist/{chunk-6OYKLY27.js → chunk-TCFZWULK.js}

@@ -1,2 +1,2 @@
 import{mapValues as e,entries as t}from"./chunk-EWJ3J526.js";import{shadowOffsetMap as o,spacingMap as a,shadowSpreadRadiusMap as r}from"@yahoo/uds/fixtures";import{entries as l,cloneDeep as n,lowerCase as s,isFunction as i,mergeWith as p}from"lodash-es";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
-function u({variantKey:e,variantValue:t,layer:o,subComponentName:a,stateKey:r,stateValue:l}){return a?r&&l?`${a}/${e}/${t}/${r}/${l}/${o}`:`${a}/${e}/${t}/${o}`:r&&l?`${e}/${t}/${r}/${l}/${o}`:`${e}/${t}/${o}`}var c=e=>e.reduce((e,t)=>e.flatMap(e=>t.map(t=>[e,t].flat())));function f(t,o){const a=t.variants?.[o];if(a)return{type:"no-sub-components",variant:a};const r=x(t);if(!r)return{type:"no-variants"};return{type:"has-sub-components",variants:e(r,e=>e.variants[o])}}function d(e,t,o){const a=e[t]?.defaults?.[o];if(void 0===a)throw new Error(`The variant default for "${o}" is not defined for the component "${t}"`);return a}function v(e,t,o,a){return d(e,t,o)===a}function y(e){let t=e;return t=t.replaceAll(".","/"),["root/","variables/","variant/","/value"].forEach(e=>{t=t.replaceAll(e,"")}),t}function b(e,t,o){const a=f(e,t);switch(a.type){case"no-variants":return null;case"no-sub-components":return a.variant;case"has-sub-components":if(!o)throw new Error("subComponentName argument name is required for configs with subcomponents");return a.variants[o]}}var m=e=>!!e?.layers,h=e=>!!e?.componentStates;function g(e,t,o){const a=b(e,t,o);return a&&h(a)?a?.componentStates??null:null}function w(e,t,o){const a=g(e,t,o);if(!a)return null;return c(l(a).map(([e,t])=>t.options.map(t=>({[e]:t})))).map(e=>Array.isArray(e)?e.reduce((e,t)=>({...e,...t}),{}):e)}function $(t){if(!t||!m(t))return null;const o=e(t.layers,e=>e.properties);for(const e in o){const t=o[e];t&&0!==Object.keys(t).length||delete o[e]}return 0===Object.keys(o).length?null:o}var C=["rest"];function S(e,t,o,a){const r=b(e,t,a);if(!r)return null;return[...m(r)?Object.entries(r?.layers??{}):[],...h(r)&&o?Object.entries(r.componentStates[o].layers??{}):[]].flatMap(([e,t])=>Object.entries(t.properties).map(([t,o])=>[e,t,o])).flatMap(([e,t,o])=>[...C,...o.pseudoStates??[]].map(a=>[e,t,o,a])).reduce((e,[t,o,a,r])=>{e[r]=e[r]??[];const l=[t,o,a];return e[r].push(l),e},{})}function x(e){return e.subComponents?0===Object.keys(e.subComponents).length?null:e.subComponents:null}function W(e,t="variant"){const o=f(e,t);if("no-variants"===o.type)return{type:"no-variants",description:"No variants"};if("no-sub-components"===o.type){if(x(e))throw new Error("A config with a root variants.variant defintion cannot have subcomponents");return{type:"no-sub-components",description:o.variant.description,variantNames:[...o.variant.options]}}const a=l(o.variants).reduce((e,[t,o])=>{for(const a of o.options)e[a]??=[],e[a].includes(t)||e[a].push(t);return e},{});return{type:"has-sub-components",description:Object.values(o.variants).map(e=>e.description).filter(e=>e)[0]??"",variantNames:Object.keys(a),variantToSubcomponentNames:a}}function k(e,t,o,a,r){const l=e[o].variables[t];if(!l)throw new Error(`No layer variables found for ${t}.`);const n=l[a];if(!n)throw new Error(`No property variables found for ${a}.`);const s=n[r];if(!s)throw new Error(`No pseudoState variables found for ${r}.`);return s}function P(e,t,o,a,r,l){const s=n(e),i=k(s,t,o,a,r);return void 0!==l.type&&(i.type=l.type),void 0!==l.value&&(i.value=l.value),s}function V(e,t,o,a,r){return[k(e,t,o,a,r),l=>P(e,t,o,a,r,l)]}var T={rest:"",hover:":hover:not(:has(:disabled))",pressed:":active:not(:has(:disabled))",focused:":focus","focus-within":":focus-within",invalid:':has(input[aria-invalid="true"])',"focused-keyboard":":focus-visible",visited:":visited",readonly:":has(input:read-only)",disabled:":has(:disabled)","invalid&hover":':has(input[aria-invalid="true"]):hover:not(:has(:disabled))',"invalid&pressed":':has(input[aria-invalid="true"]):active:not(:has(:disabled))'},F={rest:"",hover:"hover",pressed:"active",focused:"focus","focus-within":"focus-within",invalid:"has-input-invalid","focused-keyboard":"focus-visible",visited:"visited",readonly:"input-readonly",disabled:"has-disabled","invalid&hover":"has-input-invalid-and-hover","invalid&pressed":"has-input-invalid-and-active"};function N(e,t){const o=e.defaults[t],a=e.typeOfFixture;let r=0;return e.values.forEach((e,t)=>{e.includes(o)&&(r=t)}),a[r]}function Y(e){const t={},o={};for(const t in e.variants){const a=e.variants[t];o[t]=a.default}t.defaults=o,t.variables={};for(const o in e.variants){const a=e.variants[o];for(const e of a.options)if(a.componentStates){const r=a.componentStates;for(const a in r){const l=r[a];for(const r of l.options)for(const n in l.layers){const s=l.layers[n],i=u({variantKey:o,variantValue:e,stateKey:a,stateValue:r,layer:n});t.variables[i]={};for(const o in s.properties){const a=s.properties[o],r={[o]:{rest:{type:N(a,e),valueType:"alias",value:a.defaults[e]}}};if(a.pseudoStates)for(const t of a.pseudoStates)r[o][t]={type:N(a,e),valueType:"alias",value:a.defaults[e]};t.variables[i]={...t.variables[i],...r}}}}}else for(const r in a.layers){const l=a.layers[r],n=u({variantKey:o,variantValue:e,layer:r});t.variables[n]={};for(const o in l.properties){const a=l.properties[o],r={[o]:{rest:{type:N(a,e),valueType:"alias",value:a.defaults[e]}}};if(a.pseudoStates)for(const t of a.pseudoStates)r[o][t]={type:N(a,e),valueType:"alias",value:a.defaults[e]};t.variables[n]={...t.variables[n],...r}}}}if(e.subComponents){const{subComponents:o}=e;for(const e in o)for(const a in o[e].variants){const r=o[e].variants[a];t.defaults[a]=r.default;for(const o of r.options)if(r.componentStates){const l=r.componentStates;for(const r in l){const n=l[r];for(const l of n.options)for(const s in n.layers){const i=n.layers[s],p=u({variantKey:a,variantValue:o,stateKey:r,stateValue:l,layer:s,subComponentName:e});t.variables[p]={};for(const e in i.properties){const a=i.properties[e],r={[e]:{rest:{type:N(a,o),valueType:"alias",value:a.defaults[o]}}};if(a.pseudoStates)for(const t of a.pseudoStates)r[e][t]={type:N(a,o),valueType:"alias",value:a.defaults[o]};t.variables[p]={...t.variables[p],...r}}}}}else for(const l in r.layers){const n=r.layers[l],s=u({variantKey:a,variantValue:o,layer:l,subComponentName:e});t.variables[s]={};for(const e in n.properties){const a=n.properties[e],r={[e]:{rest:{type:N(a,o),valueType:"alias",value:a.defaults[o]}}};if(a.pseudoStates)for(const t of a.pseudoStates)r[e][t]={type:N(a,o),valueType:"alias",value:a.defaults[o]};t.variables[s]={...t.variables[s],...r}}}}}return t}function K({componentName:e,variantKey:t,variantValue:o,layer:a,layerOptionalPseudoSelector:r,subComponentName:l,stateKey:n,stateValue:i}){let p="";return p=l?`uds-${s(e)}-${s(l)}-${s(t)}`:`uds-${s(e)}-${s(t)}`,o&&(p=`${p}-${s(o)}`),n&&i&&(p=`${p}-${s(n)}-${s(i)}`),p=`${p}-${s(a)}`,r&&(p=`${p}${r}`),p.replaceAll(/\s+/g,"-")}function X({componentName:e,variantKey:t,variantValue:o,layer:a,layerOptionalPseudoSelector:r,subComponentName:l,stateKey:n,stateValue:s,schema:p,propertyKey:c,originalPropertyDefinition:f,theme:d,currentStyles:v,previewOptions:y}){const b=u({variantKey:t,variantValue:o,layer:a,subComponentName:l,stateKey:n,stateValue:s});let m=K({componentName:e,variantKey:t,variantValue:o,layer:a,subComponentName:l,stateKey:n,stateValue:s});const h=p.variables[b][c];if(!h)throw"size/md/root"===b&&"spacingHorizontal"===c&&console.log({componentName:e,schemaKey:b,propertyKey:c},p.variables),new Error(`Prop definition (${e} - ${b} - ${c}) not found, this is not expected, please report the bug to the UDS team`);const g={};for(const u in h){const b=T[u]??"";let w="";if("root"===a)if(n&&s){const r=K({componentName:e,variantKey:t,variantValue:o,layer:a,subComponentName:l});m=K({componentName:e,variantKey:t,layer:a,subComponentName:l,stateKey:n,stateValue:s}),w=`.${r}${b}.${m}`}else w=`.${m}${b}`;else{const i=K({componentName:e,variantKey:t,variantValue:o,layer:"root",subComponentName:l});if(n&&s){const p=K({componentName:e,variantKey:t,layer:"root",subComponentName:l,stateKey:n,stateValue:s});m=K({componentName:e,variantKey:t,variantValue:o,layer:a,layerOptionalPseudoSelector:r,subComponentName:l}),w=`.${i}${b}.${p} .${m}`}else w=`.${i}${b} .${m}`}const $=(e,t,o,a)=>{const{value:r,type:l}=e,n=$e[t];let s;if($e[t].customValueRenderer)s=$e[t].customValueRenderer(e,p,o);else{s=o($e[t].twThemePath(l,String(r)))}if(n.concatenate&&a){return`${a}${n.concatenationDelimiter||", "}${s}`}return s},{cssProperties:C,extendedProperties:S}=$e[f.name],x={},W=i(S),k=W?S({componentName:e,subComponentName:l,layer:a,propertyKey:c}):S;if(k&&k.length){if(!W&&("string"==typeof C||Array.isArray(C)&&C.length>0))throw new Error("Invalid configuration: cssProperties should not be configured when extendedProperties are defined. Please update your property configuration accordingly.");for(const e of k){const t=$e[e].cssProperties;if("string"==typeof t){const o=v?.[w]?.[t];x[t]=$(h[u],e,d,o)}else if(Array.isArray(t))for(const o of t){const t=v?.[w]?.[o];x[o]=$(h[u],e,d,t)}}}else if("string"==typeof C){const e=v?.[w]?.[C];x[C]=$(h[u],f.name,d,e)}else if(Array.isArray(C))for(const e of C){const t=v?.[w]?.[e];x[e]=$(h[u],f.name,d,t)}if(g[w]||(g[w]={...x,...g[w]}),y?.generatePseudoStateClassModifier){const e=F[u]??"";e.length>0&&"root"!==u&&(g[`.${e}${w}`.replace(b,"")]={...x,...g[`.${e}${w}`.replace(b,"")]})}}return g}function A(e,t,o,a){function r(e,t){return p({},e,t)}let l=e.label.toLowerCase();e.overrideComponentName&&(l=e.overrideComponentName.toLowerCase());let n={};for(const s in e.variants){const i=e.variants[s];for(const e of i.options)if(i.componentStates){const p=i.componentStates;for(const i in p){const u=p[i];for(const p of u.options)for(const c in u.layers){const f=u.layers[c];for(const u in f.properties){const d=f.properties[u];n=r(n,X({componentName:l,variantKey:s,variantValue:e,stateKey:i,stateValue:p,layer:c,layerOptionalPseudoSelector:f.pseudoSelector,propertyKey:u,originalPropertyDefinition:d,theme:o,schema:t,currentStyles:n,previewOptions:a}))}}}}else for(const p in i.layers){const u=i.layers[p];for(const i in u.properties){const c=u.properties[i];n=r(n,X({componentName:l,variantKey:s,variantValue:e,layer:p,layerOptionalPseudoSelector:u.pseudoSelector,propertyKey:i,originalPropertyDefinition:c,theme:o,schema:t,currentStyles:n,previewOptions:a}))}}}if(e.subComponents){const{subComponents:s}=e;for(const e in s)for(const i in s[e].variants){const p=s[e].variants[i];for(const s of p.options)if(p.componentStates){const u=p.componentStates;for(const p in u){const c=u[p];for(const u of c.options)for(const f in c.layers){const d=c.layers[f];for(const c in d.properties){const v=d.properties[c];n=r(n,X({componentName:l,variantKey:i,variantValue:s,stateKey:p,stateValue:u,subComponentName:e,layer:f,layerOptionalPseudoSelector:d.pseudoSelector,propertyKey:c,originalPropertyDefinition:v,theme:o,schema:t,currentStyles:n,previewOptions:a}))}}}}else for(const u in p.layers){const c=p.layers[u];for(const p in c.properties){const f=c.properties[p];n=r(n,X({componentName:l,subComponentName:e,variantKey:i,variantValue:s,layer:u,layerOptionalPseudoSelector:c.pseudoSelector,propertyKey:p,originalPropertyDefinition:f,theme:o,schema:t,currentStyles:n,previewOptions:a}))}}}}return n}function O(e){return e}function E(e){return e}function R(e){return e}function B(e){return e}function z(e){return e}function M(e){return e}function L(e){return e}function j(e){return e}var H=["none","custom"],D=["none","up","down"],I={hover:{backgroundColor:{value:"none",options:H},borderColor:{value:"none",options:H},color:{value:"none",options:H},scale:{value:"up",options:D}},pressed:{backgroundColor:{value:"none",options:H},borderColor:{value:"none",options:H},color:{value:"none",options:H},scale:{value:"down",options:D}}},_={hover:{backgroundColor:{value:"none",options:H},borderColor:{value:"none",options:H},color:{value:"none",options:H},scale:{value:"up",options:D}},pressed:{backgroundColor:{value:"none",options:H},borderColor:{value:"none",options:H},color:{value:"none",options:H},scale:{value:"down",options:D}}},J={hover:{backgroundColor:{value:"none",options:H},borderColor:{value:"none",options:H},color:{value:"none",options:H},scale:{value:"up",options:D}},pressed:{backgroundColor:{value:"none",options:H},borderColor:{value:"none",options:H},color:{value:"none",options:H},scale:{value:"down",options:D}}},U={dropShadow:{value:"none",config:null},insetShadow:{value:"none",config:null}};function q(e){return{borderWidth:"none",borderRadius:"full",borderColor:{type:"palette",value:"transparent"},backgroundColor:{type:"palette",value:e},color:{type:"palette",value:"on-color"},scale:"none",...U}}function G(e){return{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:e},color:{type:"palette",value:e},scale:"none",...U}}function Q(e){return{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:e},scale:"none",...U}}var Z={fill:q,outline:G,ghost:Q},ee={defaults:{palette:"accent",variant:"primary",size:"md"},size:{sm:{spacingHorizontal:"4",spacingVertical:"1",gap:"2",iconSize:"sm",textVariant:"label1"},md:{spacingHorizontal:"6",spacingVertical:"3",gap:"2",iconSize:"sm",textVariant:"label1"},lg:{spacingHorizontal:"7",spacingVertical:"4",gap:"2",iconSize:"md",textVariant:"headline1"}},palette:{info:{primary:{kind:"fill",effect:I,base:q("info"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"blue-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"blue-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U}}},secondary:{kind:"outline",effect:_,base:G("info"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"blue-10"},color:{type:"spectrum",value:"blue-10"},...U},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"blue-11"},color:{type:"spectrum",value:"blue-11"},...U}}},tertiary:{kind:"ghost",effect:J,base:Q("info"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"blue-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"info"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"blue-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"info"},...U}}}},accent:{primary:{kind:"fill",effect:I,base:q("accent"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"carbon-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"carbon-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U}}},secondary:{kind:"outline",effect:_,base:G("accent"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"carbon-10"},color:{type:"spectrum",value:"carbon-10"},...U},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"carbon-11"},color:{type:"spectrum",value:"carbon-11"},...U}}},tertiary:{kind:"ghost",effect:J,base:Q("accent"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"carbon-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"accent"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"carbon-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"accent"},...U}}}},brand:{primary:{kind:"fill",effect:I,base:q("brand"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"purple-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"purple-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U}}},secondary:{kind:"outline",effect:_,base:G("brand"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"purple-10"},color:{type:"spectrum",value:"purple-10"},...U},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"purple-11"},color:{type:"spectrum",value:"purple-11"},...U}}},tertiary:{kind:"ghost",effect:J,base:Q("brand"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"purple-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"purple-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"},...U}}}},alert:{primary:{kind:"fill",effect:I,base:q("alert"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"red-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"red-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U}}},secondary:{kind:"outline",effect:_,base:G("alert"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"red-10"},color:{type:"spectrum",value:"red-10"},...U},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"red-11"},color:{type:"spectrum",value:"red-11"},...U}}},tertiary:{kind:"ghost",effect:J,base:Q("alert"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"red-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"red-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"},...U}}}},positive:{primary:{kind:"fill",effect:I,base:q("positive"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"green-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"green-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U}}},secondary:{kind:"outline",effect:_,base:G("positive"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"green-10"},color:{type:"spectrum",value:"green-10"},...U},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"green-11"},color:{type:"spectrum",value:"green-11"},...U}}},tertiary:{kind:"ghost",effect:J,base:Q("positive"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"green-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"green-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"},...U}}}},warning:{primary:{kind:"fill",effect:I,base:q("warning"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"orange-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"orange-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U}}},secondary:{kind:"outline",effect:_,base:G("warning"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"orange-10"},color:{type:"spectrum",value:"orange-10"},...U},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"orange-11"},color:{type:"spectrum",value:"orange-11"},...U}}},tertiary:{kind:"ghost",effect:J,base:Q("warning"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"orange-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"orange-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"},...U}}}}}},te={white:"#ffffff",black:"#000000",transparent:"transparent",current:"currentColor"},oe={drop:{none:[],xs:[{offsetX:"0",offsetY:"px",blur:"0.5",spread:"0",opacity:"5",color:{type:"palette",value:"primary"}}],sm:[{offsetX:"0",offsetY:"px",blur:"0.5",spread:"0",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"px",blur:"1",spread:"0",opacity:"10",color:{type:"palette",value:"primary"}}],md:[{offsetX:"0",offsetY:"1",blur:"1.5",spread:"-px",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"0.5",blur:"1",spread:"-0.5",opacity:"10",color:{type:"palette",value:"primary"}}],lg:[{offsetX:"0",offsetY:"1",blur:"1.5",spread:"-1",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"2.5",blur:"3.5",spread:"-0.5",opacity:"10",color:{type:"palette",value:"primary"}}],xl:[{offsetX:"0",offsetY:"2",blur:"2.5",spread:"-1.5",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"5",blur:"6",spread:"-1",opacity:"10",color:{type:"palette",value:"primary"}}],"2xl":[{offsetX:"0",offsetY:"6",blur:"12",spread:"-3",opacity:"25",color:{type:"palette",value:"primary"}}]},inset:{none:[],xs:[{offsetX:"0",offsetY:"px",blur:"0.5",spread:"0",opacity:"5",color:{type:"palette",value:"primary"}}],sm:[{offsetX:"0",offsetY:"px",blur:"0.5",spread:"0",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"px",blur:"1",spread:"0",opacity:"10",color:{type:"palette",value:"primary"}}],md:[{offsetX:"0",offsetY:"1",blur:"1.5",spread:"-px",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"0.5",blur:"1",spread:"-0.5",opacity:"10",color:{type:"palette",value:"primary"}}],lg:[{offsetX:"0",offsetY:"1",blur:"1.5",spread:"-1",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"2.5",blur:"3.5",spread:"-0.5",opacity:"10",color:{type:"palette",value:"primary"}}],xl:[{offsetX:"0",offsetY:"2",blur:"2.5",spread:"-1.5",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"5",blur:"6",spread:"-1",opacity:"10",color:{type:"palette",value:"primary"}}],"2xl":[{offsetX:"0",offsetY:"6",blur:"12",spread:"-3",opacity:"25",color:{type:"palette",value:"primary"}}],"xs-invert":[{offsetX:"0",offsetY:"px",blur:"0.5",spread:"0",opacity:"5",color:{type:"always",value:"white"}}],"sm-invert":[{offsetX:"0",offsetY:"px",blur:"0.5",spread:"0",opacity:"10",color:{type:"always",value:"white"}},{offsetX:"0",offsetY:"px",blur:"1",spread:"0",opacity:"10",color:{type:"always",value:"white"}}],"md-invert":[{offsetX:"0",offsetY:"1",blur:"1.5",spread:"-px",opacity:"10",color:{type:"always",value:"white"}},{offsetX:"0",offsetY:"0.5",blur:"1",spread:"-0.5",opacity:"10",color:{type:"always",value:"white"}}],"lg-invert":[{offsetX:"0",offsetY:"1",blur:"1.5",spread:"-1",opacity:"10",color:{type:"always",value:"white"}},{offsetX:"0",offsetY:"2.5",blur:"3.5",spread:"-0.5",opacity:"10",color:{type:"always",value:"white"}}],"xl-invert":[{offsetX:"0",offsetY:"2",blur:"2.5",spread:"-1.5",opacity:"10",color:{type:"always",value:"white"}},{offsetX:"0",offsetY:"5",blur:"6",spread:"-1",opacity:"10",color:{type:"always",value:"white"}}],"2xl-invert":[{offsetX:"0",offsetY:"6",blur:"12",spread:"-3",opacity:"25",color:{type:"always",value:"white"}}]}},ae={thin:"100",extralight:"200",light:"300",regular:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},re="system",le="system",ne="light",se="large",ie=!1,pe="🇺🇸 US",ue="https://s.yimg.com/bw/fonts",ce=["Helvetica Neue","Helvetica","Arial","sans-serif"],fe=["Georgia","Times","Times New Roman","serif"],de={"centra-no2":{fallback:ce,type:"sans",fontFamily:"Centra No2",isVariableFont:!1,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"Hairline",value:50},{label:"Thin",value:100},{label:"Light",value:300},{label:"Book",value:400},{label:"Medium",value:500},{label:"Bold",value:700},{label:"ExtraBold",value:800},{label:"Black",value:900}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:400},declarations:[{fontStyle:"normal",fontWeight:"50",src:`url('${ue}/centra-no2-hairline.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"50",src:`url('${ue}/centra-no2-hairline-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"100",src:`url('${ue}/centra-no2-thin.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"100",src:`url('${ue}/centra-no2-thin-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"300",src:`url('${ue}/centra-no2-light.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"300",src:`url('${ue}/centra-no2-light-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"400",src:`url('${ue}/centra-no2-book.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"400",src:`url('${ue}/centra-no2-book-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"500",src:`url('${ue}/centra-no2-medium.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"500",src:`url('${ue}/centra-no2-medium-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"700",src:`url('${ue}/centra-no2-bold.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"700",src:`url('${ue}/centra-no2-bold-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"800",src:`url('${ue}/centra-no2-extrabold.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"800",src:`url('${ue}/centra-no2-extrabold-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"900",src:`url('${ue}/centra-no2-black.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"900",src:`url('${ue}/centra-no2-black-italic.woff2') format('woff2')`}]},inter:{fallback:ce,type:"sans",fontFamily:"Inter",isVariableFont:!0,fontSlants:[{label:"Italic",value:-10},{label:"None",value:0}],fontWidths:void 0,fontWeights:[{label:"Thin",value:100},{label:"Extra Light",value:200},{label:"Light",value:300},{label:"Regular",value:400},{label:"Medium",value:500},{label:"Semi Bold",value:600},{label:"Bold",value:700},{label:"Extra Bold",value:800},{label:"Black",value:900}],defaults:{fontSlant:0,fontWidth:void 0,fontWeight:400},declarations:[{fontWeight:"1 1000",src:`url('${ue}/inter-vf.woff2') format('woff2')`}]},"roboto-mono":{fallback:["ui-monospace","SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New","monospace"],type:"mono",fontFamily:"Roboto Mono",isVariableFont:!1,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"Thin",value:100},{label:"Light",value:300},{label:"Regular",value:400},{label:"Medium",value:500},{label:"Bold",value:700}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:400},declarations:[{fontStyle:"normal",fontWeight:"100",src:`url('${ue}/roboto-mono-100.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"100",src:`url('${ue}/roboto-mono-100-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"300",src:`url('${ue}/roboto-mono-300.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"300",src:`url('${ue}/roboto-mono-300-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"400",src:`url('${ue}/roboto-mono-400.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"400",src:`url('${ue}/roboto-mono-400-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"500",src:`url('${ue}/roboto-mono-500.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"500",src:`url('${ue}/roboto-mono-500-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"700",src:`url('${ue}/roboto-mono-700.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"700",src:`url('${ue}/roboto-mono-700-italic.woff2') format('woff2')`}]},"yahoo-sans":{fallback:ce,type:"sans",fontFamily:"Yahoo Sans",isVariableFont:!0,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"ExtraLight",value:200},{label:"Light",value:300},{label:"Regular",value:400},{label:"Medium",value:500},{label:"Semibold",value:585},{label:"Bold",value:700},{label:"ExtraBold",value:810},{label:"Black",value:900}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:400},declarations:[{fontWeight:"1 1000",src:`url('${ue}/yahoo-sans-vf.woff2') format('woff2')`}]},"yahoo-sans-cr4":{fallback:ce,type:"sans",fontFamily:"Yahoo CR4 BETA VF",isVariableFont:!0,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"Regular",value:400},{label:"Medium",value:500},{label:"Bold",value:700}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:450},declarations:[{fontWeight:"1 1000",src:`url('${ue}/yahoo-sans-cr4-vf.woff2') format('woff2')`}]},"yahoo-product-sans":{fallback:ce,type:"sans",fontFamily:"Yahoo Product Sans VF",isVariableFont:!0,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"Regular",value:400},{label:"Medium",value:500},{label:"Bold",value:700}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:450},declarations:[{fontWeight:"1 1000",src:`url('${ue}/yahoo-product-sans-vf.woff2') format('woff2-variations')`}]},"yahoo-product-sans-extended":{fallback:ce,type:"sans",fontFamily:"YahooPd_Eval202412",isVariableFont:!0,fontSlants:[{label:"Italic",value:9},{label:"None",value:0}],fontWidths:[{label:"Cond",value:50},{label:"Normal",value:75},{label:"Ext",value:100}],fontWeights:[{label:"Light",value:300},{label:"Regular",value:450},{label:"Medium",value:500},{label:"Semibold",value:600},{label:"Bold",value:700},{label:"Black",value:850}],defaults:{fontSlant:0,fontWidth:75,fontWeight:450},declarations:[{fontWeight:"1 1000",src:`url('${ue}/YahooPd_Eval202412-v1.1.0.woff2') format("woff2 supports variations"), url('${ue}/YahooPd_Eval202412-v1.1.0.woff2') format('woff2-variations')`}]},"yahoo-sans-condensed":{fallback:ce,type:"sans",fontFamily:"Yahoo Sans Cond",isVariableFont:!0,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"Light",value:300},{label:"Regular",value:400},{label:"Medium",value:500},{label:"Bold",value:718},{label:"XBold",value:800},{label:"Black",value:900}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:400},declarations:[{fontWeight:"1 1000",src:`url('${ue}/yahoo-sans-condensed-vf.woff2') format('woff2')`}]},"yahoo-serif-display":{fallback:fe,type:"serif",fontFamily:"Yahoo Serif Display",isVariableFont:!1,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"Light",value:300},{label:"Regular",value:400},{label:"Bold",value:700},{label:"Extrabold",value:800},{label:"Black",value:900}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:400},declarations:[{fontStyle:"normal",fontWeight:"300",src:`url('${ue}/yahoo-serif-display-light.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"400",src:`url('${ue}/yahoo-serif-display-regular.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"700",src:`url('${ue}/yahoo-serif-display-bold.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"800",src:`url('${ue}/yahoo-serif-display-extrabold.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"900",src:`url('${ue}/yahoo-serif-display-black.woff2') format('woff2')`}]},"yahoo-serif-text":{fallback:fe,type:"serif",fontFamily:"Yahoo Serif Text",isVariableFont:!1,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"Regular",value:400},{label:"Bold",value:700}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:400},declarations:[{fontStyle:"normal",fontWeight:"400",src:`url('${ue}/yahoo-serif-text-regular.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"400",src:`url('${ue}/yahoo-serif-text-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"700",src:`url('${ue}/yahoo-serif-text-bold.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"700",src:`url('${ue}/yahoo-serif-text-bold-italic.woff2') format('woff2')`}]}};function ve({palette:e="accent",variant:t="primary"}){return"accent"===e?t:"primary"===t?e:`${e}-${t}`}function ye({flatVariant:e}){if(!e)return{palette:void 0,variant:void 0};const[t,o]=e.split("-");return o?{palette:t,variant:o}:["primary","secondary","tertiary"].includes(e)?{palette:"accent",variant:e}:{palette:e,variant:"primary"}}function be(e){return Object.fromEntries(e)}var me={black:"0 0 0",white:"255 255 255"};function he({preset:e,prefix:t,shadowType:l}){const n=`--uds-${l}-shadow-`,s="palette"===e.color?.type,i="always"===e.color?.type;let p=`var(--uds-${s?"shadow":"spectrum"}-color-${e?.color?.value})`;i&&(p=me[e.color.value]);const u=`var(${n}${t?`${t}-`:""}color, ${p})`;return`${"inset"===l?"inset ":""}${[`${o[e.offsetX]}px`,`${o[e.offsetY]}px`,`${a[e.blur]}px`,`${r[e.spread]}px`].map(e=>e).join(" ")} ${`rgb(${u} / var(${n}${t?`${t}-`:""}opacity, ${Number(e.opacity)/100}))`}`}function ge({config:e,shadowType:o}){const a=e?.shadow?.[o];if(!a)return{};const r={};return t(a).forEach(([e,t])=>{if("none"===e)return void(r[`--uds-${o}-shadow-${e}`]="0 0 transparent");const a=t.map((e,t)=>he({preset:e,prefix:t>0?`${t+1}`:void 0,shadowType:o}));r[`--uds-${o}-shadow-${e}`]=`${a.join(", ")}`}),r}var we=({componentName:e,layer:t,propertyKey:o})=>!("chip"!==e||"root"!==t||!["borderColor","borderWidth"].includes(o))||!("input"!==e||"inputWrapper"!==t||!["borderColor","borderWidth"].includes(o)),$e={...{backgroundColor:{name:"backgroundColor",cssProperties:"background-color",twThemePath:(e,t)=>{if("spectrumColors"===e){const[e,o]=t.split("-");return`colors.${e}.${o}`}return"backgroundPaletteColors"===e||"alwaysPaletteAliases"===e?`backgroundColor.${t}`:"Error"},possibleFixtures:["backgroundPaletteColors","spectrumColors","alwaysPaletteAliases"]},borderWidth:{name:"borderWidth",cssProperties:"border-width",twThemePath:(e,t)=>"borderWidths"===e?`borderWidth[${t}]`:`spacing[${t}]`,possibleFixtures:["borderWidths","spacingAliases"],extendedProperties:e=>we(e)&&["outlineWidth","insetOutlineOffset","solidOutline"]},borderRadius:{name:"borderRadius",cssProperties:"border-radius",twThemePath:(e,t)=>`borderRadius.${t}`,possibleFixtures:["borderRadii"]},borderColor:{name:"borderColor",cssProperties:"border-color",twThemePath:(e,t)=>{if("alwaysPaletteAliases"===e||"linePaletteColors"===e)return`borderColor.${t}`;if("spectrumColors"===e){const[e,o]=t.split("-");return`borderColor.${e}.${o}`}return"Error"},possibleFixtures:["alwaysPaletteAliases","spectrumColors","linePaletteColors"],extendedProperties:e=>we(e)&&["outlineColor"]},fontFamily:{name:"fontFamily",cssProperties:"font-family",twThemePath:(e,t)=>`typography.fontFamily.${t}`,possibleFixtures:["textVariants"]},fontSize:{name:"fontSize",cssProperties:"font-size",twThemePath:(e,t)=>`typography.fontSize.${t}`,possibleFixtures:["textVariants"]},lineHeight:{name:"lineHeight",cssProperties:"line-height",twThemePath:(e,t)=>`typography.lineHeight.${t}`,possibleFixtures:["textVariants"]},textTransform:{name:"textTransform",cssProperties:"text-transform",twThemePath:(e,t)=>`typography.textTransform.${t}`,possibleFixtures:["textVariants"]},padding:{name:"padding",cssProperties:"padding",twThemePath:(e,t)=>`spacing[${t}]`,possibleFixtures:["spacingAliases"]},gap:{name:"gap",cssProperties:"gap",twThemePath:(e,t)=>`spacing[${t}]`,possibleFixtures:["spacingAliases"]},color:{name:"color",cssProperties:"color",twThemePath:(e,t)=>{if("alwaysPaletteAliases"===e||"foregroundPaletteColors"===e)return`textColor.${t}`;if("spectrumColors"===e){const[e,o]=t.split("-");return`textColor.${e}.${o}`}return"Error"},possibleFixtures:["alwaysPaletteAliases","spectrumColors","foregroundPaletteColors"]},fontWeight:{name:"fontWeight",cssProperties:"font-variation-settings",twThemePath:()=>"",possibleFixtures:["textVariants"],customValueRenderer:e=>{const{value:t}=e;return`"wght" var(--uds-font-weight-${t}), "slnt" var(--uds-font-slant-${t}), "wdth" var(--uds-font-width-${t});`}},iconSize:{name:"iconSize",cssProperties:["width","height"],twThemePath:(e,t)=>`sizing.icon.${t}`,possibleFixtures:["iconSizes"]},spacingHorizontal:{name:"spacingHorizontal",cssProperties:["padding-right","padding-left"],twThemePath:(e,t)=>`spacing[${t}]`,possibleFixtures:["spacingAliases"]},spacingVertical:{name:"spacingVertical",cssProperties:["padding-top","padding-bottom"],twThemePath:(e,t)=>`spacing[${t}]`,possibleFixtures:["spacingAliases"]},textVariant:{name:"textVariant",cssProperties:[],twThemePath:()=>"",possibleFixtures:["textVariants"],extendedProperties:["fontSize","fontWeight","fontFamily","lineHeight","textTransform"]},textDecorationLine:{name:"textDecorationLine",cssProperties:"text-decoration-line",possibleFixtures:["textDecorationLines"],twThemePath:()=>"",customValueRenderer:e=>String(e.value)},shadow:{name:"drop shadow",cssProperties:"box-shadow",twThemePath:()=>"",concatenate:!0,customValueRenderer:e=>{const t="drop";if("alias"===e.valueType){const o="0 0 0 transparent";if("none"===e.value)return o;if("custom"!==e.value)return`var(--uds-${t}-shadow-${e.value})`}else if("custom"===e.valueType){const o=e.value.map((e,o)=>he({preset:e,shadowType:t,prefix:o>0?`${o+1}`:void 0}));return o?.join(", ")||"0 0 0 transparent"}throw new Error("Invalid valueType")},possibleFixtures:["shadowVariants"]},insetShadow:{name:"inset shadow",cssProperties:"box-shadow",twThemePath:()=>"",concatenate:!0,customValueRenderer:e=>{const t="inset";if("alias"===e.valueType){const o="0 0 0 transparent";if("none"===e.value)return o;if("custom"!==e.value)return`var(--uds-${t}-shadow-${e.value})`}else if("custom"===e.valueType){const o=e.value.map((e,o)=>he({preset:e,shadowType:t,prefix:o>0?`${o+1}`:void 0}));return o?.join(", ")||"0 0 0 transparent"}throw new Error("Invalid valueType")},possibleFixtures:["shadowVariantsWithInvert"]},height:{name:"height",cssProperties:"height",twThemePath:(e,t)=>`height[${t}]`,possibleFixtures:["spacingAliases"]},width:{name:"width",cssProperties:"width",twThemePath:(e,t)=>`width[${t}]`,possibleFixtures:["spacingAliases"]}},...{outlineWidth:{name:"outlineWidth",cssProperties:"outline-width",twThemePath:(e,t)=>"borderWidths"===e?`borderWidth[${t}]`:`spacing[${t}]`,possibleFixtures:["borderWidths","spacingAliases"]},outlineColor:{name:"outlineColor",cssProperties:"outline-color",twThemePath:(e,t)=>{if("alwaysPaletteAliases"===e||"linePaletteColors"===e)return`borderColor.${t}`;if("spectrumColors"===e){const[e,o]=t.split("-");return`borderColor.${e}.${o}`}return"Error"},possibleFixtures:["alwaysPaletteAliases","spectrumColors","linePaletteColors"]},insetOutlineOffset:{name:"insetOutlineOffset",cssProperties:"outline-offset",twThemePath:()=>"",customValueRenderer:({value:e,type:t},o,a)=>`calc(-1 * ${a("borderWidths"===t?`borderWidth[${e}]`:`spacing[${e}]`)})`,possibleFixtures:["borderWidths","spacingAliases"]},solidOutline:{name:"solidOutline",cssProperties:"outline-style",twThemePath:()=>"",customValueRenderer:()=>"solid",possibleFixtures:[]}}};export{ne as DEFAULT_COLOR_MODE,re as DEFAULT_COLOR_MODE_FOR_APP,ie as DEFAULT_HIGH_CONTRAST_MODE,pe as DEFAULT_REGION_MODE,se as DEFAULT_SCALE_MODE,le as DEFAULT_SCALE_MODE_FOR_APP,de as FONT_DECLARATIONS_MAP,te as alwaysPalette,ee as button,c as cartesianProduct,f as coalesceConfigVariant,$e as configurableProperties,R as createComponentStateConfig,M as createComponentStates,O as createConfigurableProperty,L as createLayerConfig,j as createSubComponentConfig,E as createVariantConfig,z as createVariantConfigWithComponentStates,B as createVariantConfigWithProperties,N as findFixtureType,ae as fontWeightMap,be as fromEntries,K as generateClassName,X as generateDeclaration,y as generateKeyFromFlatConfigPath,u as generateSchemaKey,A as generateStyles,d as getConfigDefaultValue,k as getConfigPseudoStateVariables,V as getConfigPseudoStateVariablesWithSetter,x as getConfigSubcomponents,g as getConfigVariantComponentStates,w as getConfigVariantComponentStatesMatrix,$ as getConfigVariantProperties,S as getConfigVariantPseudoStates,W as getConfigVariants,Z as getDefaultButtonBaseMap,he as getShadowLayerValue,ge as getShadowPresetValues,v as isConfigDefaultValue,ve as parseButtonVariantFlat,ye as parseDeprecatedButtonPaletteVariant,P as setConfigPseudoStateVariable,oe as shadow,F as statePseudoMapDocsMode,Y as toMinimalDbConfigObject};
+function u({variantKey:e,variantValue:t,layer:o,subComponentName:a,stateKey:r,stateValue:l}){return a?r&&l?`${a}/${e}/${t}/${r}/${l}/${o}`:`${a}/${e}/${t}/${o}`:r&&l?`${e}/${t}/${r}/${l}/${o}`:`${e}/${t}/${o}`}var c=e=>e.reduce((e,t)=>e.flatMap(e=>t.map(t=>[e,t].flat())));function f(t,o){const a=t.variants?.[o];if(a)return{type:"no-sub-components",variant:a};const r=x(t);if(!r)return{type:"no-variants"};return{type:"has-sub-components",variants:e(r,e=>e.variants[o])}}function d(e,t,o){const a=e[t]?.defaults?.[o];if(void 0===a)throw new Error(`The variant default for "${o}" is not defined for the component "${t}"`);return a}function v(e,t,o,a){return d(e,t,o)===a}function y(e){let t=e;return t=t.replaceAll(".","/"),["root/","variables/","variant/","/value"].forEach(e=>{t=t.replaceAll(e,"")}),t}function b(e,t,o){const a=f(e,t);switch(a.type){case"no-variants":return null;case"no-sub-components":return a.variant;case"has-sub-components":if(!o)throw new Error("subComponentName argument name is required for configs with subcomponents");return a.variants[o]}}var m=e=>!!e?.layers,h=e=>!!e?.componentStates;function g(e,t,o){const a=b(e,t,o);return a&&h(a)?a?.componentStates??null:null}function w(e,t,o){const a=g(e,t,o);if(!a)return null;return c(l(a).map(([e,t])=>t.options.map(t=>({[e]:t})))).map(e=>Array.isArray(e)?e.reduce((e,t)=>({...e,...t}),{}):e)}function $(t){if(!t||!m(t))return null;const o=e(t.layers,e=>e.properties);for(const e in o){const t=o[e];t&&0!==Object.keys(t).length||delete o[e]}return 0===Object.keys(o).length?null:o}var C=["rest"];function S(e,t,o,a){const r=b(e,t,a);if(!r)return null;return[...m(r)?Object.entries(r?.layers??{}):[],...h(r)&&o?Object.entries(r.componentStates[o].layers??{}):[]].flatMap(([e,t])=>Object.entries(t.properties).map(([t,o])=>[e,t,o])).flatMap(([e,t,o])=>[...C,...o.pseudoStates??[]].map(a=>[e,t,o,a])).reduce((e,[t,o,a,r])=>{e[r]=e[r]??[];const l=[t,o,a];return e[r].push(l),e},{})}function x(e){return e.subComponents?0===Object.keys(e.subComponents).length?null:e.subComponents:null}function W(e,t="variant"){const o=f(e,t);if("no-variants"===o.type)return{type:"no-variants",description:"No variants"};if("no-sub-components"===o.type){if(x(e))throw new Error("A config with a root variants.variant defintion cannot have subcomponents");return{type:"no-sub-components",description:o.variant.description,variantNames:[...o.variant.options]}}const a=l(o.variants).reduce((e,[t,o])=>{for(const a of o.options)e[a]??=[],e[a].includes(t)||e[a].push(t);return e},{});return{type:"has-sub-components",description:Object.values(o.variants).map(e=>e.description).filter(e=>e)[0]??"",variantNames:Object.keys(a),variantToSubcomponentNames:a}}function k(e,t,o,a,r){const l=e[o].variables[t];if(!l)throw new Error(`No layer variables found for ${t}.`);const n=l[a];if(!n)throw new Error(`No property variables found for ${a}.`);const s=n[r];if(!s)throw new Error(`No pseudoState variables found for ${r}.`);return s}function P(e,t,o,a,r,l){const s=n(e),i=k(s,t,o,a,r);return void 0!==l.type&&(i.type=l.type),void 0!==l.value&&(i.value=l.value),s}function V(e,t,o,a,r){return[k(e,t,o,a,r),l=>P(e,t,o,a,r,l)]}var T={rest:"",hover:":hover:not(:has(:disabled))",pressed:":active:not(:has(:disabled))",focused:":focus","focus-within":":focus-within",invalid:':has(input[aria-invalid="true"])',"focused-keyboard":":focus-visible",visited:":visited",readonly:":has(input:read-only)",disabled:":has(:disabled)","invalid&hover":':has(input[aria-invalid="true"]):hover:not(:has(:disabled))',"invalid&pressed":':has(input[aria-invalid="true"]):active:not(:has(:disabled))'},F={rest:"",hover:"hover",pressed:"active",focused:"focus","focus-within":"focus-within",invalid:"has-input-invalid","focused-keyboard":"focus-visible",visited:"visited",readonly:"input-readonly",disabled:"has-disabled","invalid&hover":"has-input-invalid-and-hover","invalid&pressed":"has-input-invalid-and-active"};function N(e,t){const o=e.defaults[t],a=e.typeOfFixture;let r=0;return e.values.forEach((e,t)=>{e.includes(o)&&(r=t)}),a[r]}function Y(e){const t={},o={};for(const t in e.variants){const a=e.variants[t];o[t]=a.default}t.defaults=o,t.variables={};for(const o in e.variants){const a=e.variants[o];for(const e of a.options)if(a.componentStates){const r=a.componentStates;for(const a in r){const l=r[a];for(const r of l.options)for(const n in l.layers){const s=l.layers[n],i=u({variantKey:o,variantValue:e,stateKey:a,stateValue:r,layer:n});t.variables[i]={};for(const o in s.properties){const a=s.properties[o],r={[o]:{rest:{type:N(a,e),valueType:"alias",value:a.defaults[e]}}};if(a.pseudoStates)for(const t of a.pseudoStates)r[o][t]={type:N(a,e),valueType:"alias",value:a.defaults[e]};t.variables[i]={...t.variables[i],...r}}}}}else for(const r in a.layers){const l=a.layers[r],n=u({variantKey:o,variantValue:e,layer:r});t.variables[n]={};for(const o in l.properties){const a=l.properties[o],r={[o]:{rest:{type:N(a,e),valueType:"alias",value:a.defaults[e]}}};if(a.pseudoStates)for(const t of a.pseudoStates)r[o][t]={type:N(a,e),valueType:"alias",value:a.defaults[e]};t.variables[n]={...t.variables[n],...r}}}}if(e.subComponents){const{subComponents:o}=e;for(const e in o)for(const a in o[e].variants){const r=o[e].variants[a];t.defaults[a]=r.default;for(const o of r.options)if(r.componentStates){const l=r.componentStates;for(const r in l){const n=l[r];for(const l of n.options)for(const s in n.layers){const i=n.layers[s],p=u({variantKey:a,variantValue:o,stateKey:r,stateValue:l,layer:s,subComponentName:e});t.variables[p]={};for(const e in i.properties){const a=i.properties[e],r={[e]:{rest:{type:N(a,o),valueType:"alias",value:a.defaults[o]}}};if(a.pseudoStates)for(const t of a.pseudoStates)r[e][t]={type:N(a,o),valueType:"alias",value:a.defaults[o]};t.variables[p]={...t.variables[p],...r}}}}}else for(const l in r.layers){const n=r.layers[l],s=u({variantKey:a,variantValue:o,layer:l,subComponentName:e});t.variables[s]={};for(const e in n.properties){const a=n.properties[e],r={[e]:{rest:{type:N(a,o),valueType:"alias",value:a.defaults[o]}}};if(a.pseudoStates)for(const t of a.pseudoStates)r[e][t]={type:N(a,o),valueType:"alias",value:a.defaults[o]};t.variables[s]={...t.variables[s],...r}}}}}return t}function K({componentName:e,variantKey:t,variantValue:o,layer:a,layerOptionalPseudoSelector:r,subComponentName:l,stateKey:n,stateValue:i}){let p="";return p=l?`uds-${s(e)}-${s(l)}-${s(t)}`:`uds-${s(e)}-${s(t)}`,o&&(p=`${p}-${s(o)}`),n&&i&&(p=`${p}-${s(n)}-${s(i)}`),p=`${p}-${s(a)}`,r&&(p=`${p}${r}`),p.replaceAll(/\s+/g,"-")}function X({componentName:e,variantKey:t,variantValue:o,layer:a,layerOptionalPseudoSelector:r,subComponentName:l,stateKey:n,stateValue:s,schema:p,propertyKey:c,originalPropertyDefinition:f,theme:d,currentStyles:v,previewOptions:y}){const b=u({variantKey:t,variantValue:o,layer:a,subComponentName:l,stateKey:n,stateValue:s});let m=K({componentName:e,variantKey:t,variantValue:o,layer:a,subComponentName:l,stateKey:n,stateValue:s});const h=p.variables[b][c];if(!h)throw"size/md/root"===b&&"spacingHorizontal"===c&&console.log({componentName:e,schemaKey:b,propertyKey:c},p.variables),new Error(`Prop definition (${e} - ${b} - ${c}) not found, this is not expected, please report the bug to the UDS team`);const g={};for(const u in h){const b=T[u]??"";let w="";if("root"===a)if(n&&s){const r=K({componentName:e,variantKey:t,variantValue:o,layer:a,subComponentName:l});m=K({componentName:e,variantKey:t,layer:a,subComponentName:l,stateKey:n,stateValue:s}),w=`.${r}${b}.${m}`}else w=`.${m}${b}`;else{const i=K({componentName:e,variantKey:t,variantValue:o,layer:"root",subComponentName:l});if(n&&s){const p=K({componentName:e,variantKey:t,layer:"root",subComponentName:l,stateKey:n,stateValue:s});m=K({componentName:e,variantKey:t,variantValue:o,layer:a,layerOptionalPseudoSelector:r,subComponentName:l}),w=`.${i}${b}.${p} .${m}`}else w=`.${i}${b} .${m}`}const $=(e,t,o,a)=>{const{value:r,type:l}=e,n=$e[t];let s;if($e[t].customValueRenderer)s=$e[t].customValueRenderer(e,p,o);else{s=o($e[t].twThemePath(l,String(r)))}if(n.concatenate&&a){return`${a}${n.concatenationDelimiter||", "}${s}`}return s},{cssProperties:C,extendedProperties:S}=$e[f.name],x={},W=i(S),k=W?S({componentName:e,subComponentName:l,layer:a,propertyKey:c}):S;if(k&&k.length){if(!W&&("string"==typeof C||Array.isArray(C)&&C.length>0))throw new Error("Invalid configuration: cssProperties should not be configured when extendedProperties are defined. Please update your property configuration accordingly.");for(const e of k){const t=$e[e].cssProperties;if("string"==typeof t){const o=v?.[w]?.[t];x[t]=$(h[u],e,d,o)}else if(Array.isArray(t))for(const o of t){const t=v?.[w]?.[o];x[o]=$(h[u],e,d,t)}}}else if("string"==typeof C){const e=v?.[w]?.[C];x[C]=$(h[u],f.name,d,e)}else if(Array.isArray(C))for(const e of C){const t=v?.[w]?.[e];x[e]=$(h[u],f.name,d,t)}if(g[w]||(g[w]={...x,...g[w]}),y?.generatePseudoStateClassModifier){const e=F[u]??"";e.length>0&&"root"!==u&&(g[`.${e}${w}`.replace(b,"")]={...x,...g[`.${e}${w}`.replace(b,"")]})}}return g}function A(e,t,o,a){function r(e,t){return p({},e,t)}let l=e.label.toLowerCase();e.overrideComponentName&&(l=e.overrideComponentName.toLowerCase());let n={};for(const s in e.variants){const i=e.variants[s];for(const e of i.options)if(i.componentStates){const p=i.componentStates;for(const i in p){const u=p[i];for(const p of u.options)for(const c in u.layers){const f=u.layers[c];for(const u in f.properties){const d=f.properties[u];n=r(n,X({componentName:l,variantKey:s,variantValue:e,stateKey:i,stateValue:p,layer:c,layerOptionalPseudoSelector:f.pseudoSelector,propertyKey:u,originalPropertyDefinition:d,theme:o,schema:t,currentStyles:n,previewOptions:a}))}}}}else for(const p in i.layers){const u=i.layers[p];for(const i in u.properties){const c=u.properties[i];n=r(n,X({componentName:l,variantKey:s,variantValue:e,layer:p,layerOptionalPseudoSelector:u.pseudoSelector,propertyKey:i,originalPropertyDefinition:c,theme:o,schema:t,currentStyles:n,previewOptions:a}))}}}if(e.subComponents){const{subComponents:s}=e;for(const e in s)for(const i in s[e].variants){const p=s[e].variants[i];for(const s of p.options)if(p.componentStates){const u=p.componentStates;for(const p in u){const c=u[p];for(const u of c.options)for(const f in c.layers){const d=c.layers[f];for(const c in d.properties){const v=d.properties[c];n=r(n,X({componentName:l,variantKey:i,variantValue:s,stateKey:p,stateValue:u,subComponentName:e,layer:f,layerOptionalPseudoSelector:d.pseudoSelector,propertyKey:c,originalPropertyDefinition:v,theme:o,schema:t,currentStyles:n,previewOptions:a}))}}}}else for(const u in p.layers){const c=p.layers[u];for(const p in c.properties){const f=c.properties[p];n=r(n,X({componentName:l,subComponentName:e,variantKey:i,variantValue:s,layer:u,layerOptionalPseudoSelector:c.pseudoSelector,propertyKey:p,originalPropertyDefinition:f,theme:o,schema:t,currentStyles:n,previewOptions:a}))}}}}return n}function O(e){return e}function E(e){return e}function R(e){return e}function B(e){return e}function z(e){return e}function M(e){return e}function L(e){return e}function j(e){return e}var H=["none","custom"],D=["none","up","down"],I={hover:{backgroundColor:{value:"none",options:H},borderColor:{value:"none",options:H},color:{value:"none",options:H},scale:{value:"up",options:D}},pressed:{backgroundColor:{value:"none",options:H},borderColor:{value:"none",options:H},color:{value:"none",options:H},scale:{value:"down",options:D}}},_={hover:{backgroundColor:{value:"none",options:H},borderColor:{value:"none",options:H},color:{value:"none",options:H},scale:{value:"up",options:D}},pressed:{backgroundColor:{value:"none",options:H},borderColor:{value:"none",options:H},color:{value:"none",options:H},scale:{value:"down",options:D}}},J={hover:{backgroundColor:{value:"none",options:H},borderColor:{value:"none",options:H},color:{value:"none",options:H},scale:{value:"up",options:D}},pressed:{backgroundColor:{value:"none",options:H},borderColor:{value:"none",options:H},color:{value:"none",options:H},scale:{value:"down",options:D}}},U={dropShadow:{value:"none",config:null},insetShadow:{value:"none",config:null}};function q(e){return{borderWidth:"none",borderRadius:"full",borderColor:{type:"palette",value:"transparent"},backgroundColor:{type:"palette",value:e},color:{type:"palette",value:"on-color"},scale:"none",...U}}function G(e){return{borderWidth:"thin",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:e},color:{type:"palette",value:e},scale:"none",...U}}function Q(e){return{borderWidth:"none",borderRadius:"full",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:e},scale:"none",...U}}var Z={fill:q,outline:G,ghost:Q},ee={defaults:{palette:"accent",variant:"primary",size:"md"},size:{sm:{spacingHorizontal:"4",spacingVertical:"1",gap:"2",iconSize:"sm",textVariant:"label1"},md:{spacingHorizontal:"6",spacingVertical:"3",gap:"2",iconSize:"sm",textVariant:"label1"},lg:{spacingHorizontal:"7",spacingVertical:"4",gap:"2",iconSize:"md",textVariant:"headline1"}},palette:{info:{primary:{kind:"fill",effect:I,base:q("info"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"blue-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"blue-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U}}},secondary:{kind:"outline",effect:_,base:G("info"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"blue-10"},color:{type:"spectrum",value:"blue-10"},...U},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"blue-11"},color:{type:"spectrum",value:"blue-11"},...U}}},tertiary:{kind:"ghost",effect:J,base:Q("info"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"blue-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"info"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"blue-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"info"},...U}}}},accent:{primary:{kind:"fill",effect:I,base:q("accent"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"carbon-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"carbon-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U}}},secondary:{kind:"outline",effect:_,base:G("accent"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"carbon-10"},color:{type:"spectrum",value:"carbon-10"},...U},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"carbon-11"},color:{type:"spectrum",value:"carbon-11"},...U}}},tertiary:{kind:"ghost",effect:J,base:Q("accent"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"carbon-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"accent"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"carbon-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"accent"},...U}}}},brand:{primary:{kind:"fill",effect:I,base:q("brand"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"purple-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"purple-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U}}},secondary:{kind:"outline",effect:_,base:G("brand"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"purple-10"},color:{type:"spectrum",value:"purple-10"},...U},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"purple-11"},color:{type:"spectrum",value:"purple-11"},...U}}},tertiary:{kind:"ghost",effect:J,base:Q("brand"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"purple-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"purple-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"brand"},...U}}}},alert:{primary:{kind:"fill",effect:I,base:q("alert"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"red-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"red-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U}}},secondary:{kind:"outline",effect:_,base:G("alert"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"red-10"},color:{type:"spectrum",value:"red-10"},...U},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"red-11"},color:{type:"spectrum",value:"red-11"},...U}}},tertiary:{kind:"ghost",effect:J,base:Q("alert"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"red-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"red-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"alert"},...U}}}},positive:{primary:{kind:"fill",effect:I,base:q("positive"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"green-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"green-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U}}},secondary:{kind:"outline",effect:_,base:G("positive"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"green-10"},color:{type:"spectrum",value:"green-10"},...U},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"green-11"},color:{type:"spectrum",value:"green-11"},...U}}},tertiary:{kind:"ghost",effect:J,base:Q("positive"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"green-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"green-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"positive"},...U}}}},warning:{primary:{kind:"fill",effect:I,base:q("warning"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"orange-10"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"orange-11"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"on-color"},...U}}},secondary:{kind:"outline",effect:_,base:G("warning"),state:{hover:{scale:"up",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"orange-10"},color:{type:"spectrum",value:"orange-10"},...U},pressed:{scale:"down",backgroundColor:{type:"palette",value:"transparent"},borderColor:{type:"spectrum",value:"orange-11"},color:{type:"spectrum",value:"orange-11"},...U}}},tertiary:{kind:"ghost",effect:J,base:Q("warning"),state:{hover:{scale:"up",backgroundColor:{type:"spectrum",value:"orange-2"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"},...U},pressed:{scale:"down",backgroundColor:{type:"spectrum",value:"orange-4"},borderColor:{type:"palette",value:"transparent"},color:{type:"palette",value:"warning"},...U}}}}}},te={white:"#ffffff",black:"#000000",transparent:"transparent",current:"currentColor"},oe={drop:{none:[],xs:[{offsetX:"0",offsetY:"px",blur:"0.5",spread:"0",opacity:"5",color:{type:"palette",value:"primary"}}],sm:[{offsetX:"0",offsetY:"px",blur:"0.5",spread:"0",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"px",blur:"1",spread:"0",opacity:"10",color:{type:"palette",value:"primary"}}],md:[{offsetX:"0",offsetY:"1",blur:"1.5",spread:"-px",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"0.5",blur:"1",spread:"-0.5",opacity:"10",color:{type:"palette",value:"primary"}}],lg:[{offsetX:"0",offsetY:"1",blur:"1.5",spread:"-1",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"2.5",blur:"3.5",spread:"-0.5",opacity:"10",color:{type:"palette",value:"primary"}}],xl:[{offsetX:"0",offsetY:"2",blur:"2.5",spread:"-1.5",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"5",blur:"6",spread:"-1",opacity:"10",color:{type:"palette",value:"primary"}}],"2xl":[{offsetX:"0",offsetY:"6",blur:"12",spread:"-3",opacity:"25",color:{type:"palette",value:"primary"}}]},inset:{none:[],xs:[{offsetX:"0",offsetY:"px",blur:"0.5",spread:"0",opacity:"5",color:{type:"palette",value:"primary"}}],sm:[{offsetX:"0",offsetY:"px",blur:"0.5",spread:"0",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"px",blur:"1",spread:"0",opacity:"10",color:{type:"palette",value:"primary"}}],md:[{offsetX:"0",offsetY:"1",blur:"1.5",spread:"-px",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"0.5",blur:"1",spread:"-0.5",opacity:"10",color:{type:"palette",value:"primary"}}],lg:[{offsetX:"0",offsetY:"1",blur:"1.5",spread:"-1",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"2.5",blur:"3.5",spread:"-0.5",opacity:"10",color:{type:"palette",value:"primary"}}],xl:[{offsetX:"0",offsetY:"2",blur:"2.5",spread:"-1.5",opacity:"10",color:{type:"palette",value:"primary"}},{offsetX:"0",offsetY:"5",blur:"6",spread:"-1",opacity:"10",color:{type:"palette",value:"primary"}}],"2xl":[{offsetX:"0",offsetY:"6",blur:"12",spread:"-3",opacity:"25",color:{type:"palette",value:"primary"}}],"xs-invert":[{offsetX:"0",offsetY:"px",blur:"0.5",spread:"0",opacity:"5",color:{type:"always",value:"white"}}],"sm-invert":[{offsetX:"0",offsetY:"px",blur:"0.5",spread:"0",opacity:"10",color:{type:"always",value:"white"}},{offsetX:"0",offsetY:"px",blur:"1",spread:"0",opacity:"10",color:{type:"always",value:"white"}}],"md-invert":[{offsetX:"0",offsetY:"1",blur:"1.5",spread:"-px",opacity:"10",color:{type:"always",value:"white"}},{offsetX:"0",offsetY:"0.5",blur:"1",spread:"-0.5",opacity:"10",color:{type:"always",value:"white"}}],"lg-invert":[{offsetX:"0",offsetY:"1",blur:"1.5",spread:"-1",opacity:"10",color:{type:"always",value:"white"}},{offsetX:"0",offsetY:"2.5",blur:"3.5",spread:"-0.5",opacity:"10",color:{type:"always",value:"white"}}],"xl-invert":[{offsetX:"0",offsetY:"2",blur:"2.5",spread:"-1.5",opacity:"10",color:{type:"always",value:"white"}},{offsetX:"0",offsetY:"5",blur:"6",spread:"-1",opacity:"10",color:{type:"always",value:"white"}}],"2xl-invert":[{offsetX:"0",offsetY:"6",blur:"12",spread:"-3",opacity:"25",color:{type:"always",value:"white"}}]}},ae={thin:"100",extralight:"200",light:"300",regular:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},re="system",le="system",ne="light",se="large",ie=!1,pe="🇺🇸 US",ue="https://s.yimg.com/bw/fonts",ce=["Helvetica Neue","Helvetica","Arial","sans-serif"],fe=["Georgia","Times","Times New Roman","serif"],de={"centra-no2":{fallback:ce,type:"sans",fontFamily:"Centra No2",isVariableFont:!1,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"Hairline",value:50},{label:"Thin",value:100},{label:"Light",value:300},{label:"Book",value:400},{label:"Medium",value:500},{label:"Bold",value:700},{label:"ExtraBold",value:800},{label:"Black",value:900}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:400},declarations:[{fontStyle:"normal",fontWeight:"50",src:`url('${ue}/centra-no2-hairline.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"50",src:`url('${ue}/centra-no2-hairline-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"100",src:`url('${ue}/centra-no2-thin.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"100",src:`url('${ue}/centra-no2-thin-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"300",src:`url('${ue}/centra-no2-light.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"300",src:`url('${ue}/centra-no2-light-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"400",src:`url('${ue}/centra-no2-book.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"400",src:`url('${ue}/centra-no2-book-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"500",src:`url('${ue}/centra-no2-medium.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"500",src:`url('${ue}/centra-no2-medium-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"700",src:`url('${ue}/centra-no2-bold.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"700",src:`url('${ue}/centra-no2-bold-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"800",src:`url('${ue}/centra-no2-extrabold.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"800",src:`url('${ue}/centra-no2-extrabold-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"900",src:`url('${ue}/centra-no2-black.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"900",src:`url('${ue}/centra-no2-black-italic.woff2') format('woff2')`}]},inter:{fallback:ce,type:"sans",fontFamily:"Inter",isVariableFont:!0,fontSlants:[{label:"Italic",value:-10},{label:"None",value:0}],fontWidths:void 0,fontWeights:[{label:"Thin",value:100},{label:"Extra Light",value:200},{label:"Light",value:300},{label:"Regular",value:400},{label:"Medium",value:500},{label:"Semi Bold",value:600},{label:"Bold",value:700},{label:"Extra Bold",value:800},{label:"Black",value:900}],defaults:{fontSlant:0,fontWidth:void 0,fontWeight:400},declarations:[{fontWeight:"1 1000",src:`url('${ue}/inter-vf.woff2') format('woff2')`}]},"roboto-mono":{fallback:["ui-monospace","SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New","monospace"],type:"mono",fontFamily:"Roboto Mono",isVariableFont:!1,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"Thin",value:100},{label:"Light",value:300},{label:"Regular",value:400},{label:"Medium",value:500},{label:"Bold",value:700}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:400},declarations:[{fontStyle:"normal",fontWeight:"100",src:`url('${ue}/roboto-mono-100.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"100",src:`url('${ue}/roboto-mono-100-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"300",src:`url('${ue}/roboto-mono-300.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"300",src:`url('${ue}/roboto-mono-300-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"400",src:`url('${ue}/roboto-mono-400.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"400",src:`url('${ue}/roboto-mono-400-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"500",src:`url('${ue}/roboto-mono-500.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"500",src:`url('${ue}/roboto-mono-500-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"700",src:`url('${ue}/roboto-mono-700.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"700",src:`url('${ue}/roboto-mono-700-italic.woff2') format('woff2')`}]},"yahoo-sans":{fallback:ce,type:"sans",fontFamily:"Yahoo Sans",isVariableFont:!0,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"ExtraLight",value:200},{label:"Light",value:300},{label:"Regular",value:400},{label:"Medium",value:500},{label:"Semibold",value:585},{label:"Bold",value:700},{label:"ExtraBold",value:810},{label:"Black",value:900}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:400},declarations:[{fontWeight:"1 1000",src:`url('${ue}/yahoo-sans-vf.woff2') format('woff2')`}]},"yahoo-sans-cr4":{fallback:ce,type:"sans",fontFamily:"Yahoo CR4 BETA VF",isVariableFont:!0,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"Regular",value:400},{label:"Medium",value:500},{label:"Bold",value:700}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:450},declarations:[{fontWeight:"1 1000",src:`url('${ue}/yahoo-sans-cr4-vf.woff2') format('woff2')`}]},"yahoo-product-sans":{fallback:ce,type:"sans",fontFamily:"Yahoo Product Sans VF",isVariableFont:!0,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"Regular",value:400},{label:"Medium",value:500},{label:"Bold",value:700}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:450},declarations:[{fontWeight:"1 1000",src:`url('${ue}/yahoo-product-sans-vf.woff2') format('woff2-variations')`}]},"yahoo-product-sans-extended":{fallback:ce,type:"sans",fontFamily:"YahooPd_Eval202412",isVariableFont:!0,fontSlants:[{label:"Italic",value:9},{label:"None",value:0}],fontWidths:[{label:"Cond",value:50},{label:"Normal",value:75},{label:"Ext",value:100}],fontWeights:[{label:"Light",value:300},{label:"Regular",value:450},{label:"Medium",value:500},{label:"Semibold",value:600},{label:"Bold",value:700},{label:"Black",value:850}],defaults:{fontSlant:0,fontWidth:75,fontWeight:450},declarations:[{fontWeight:"1 1000",src:`url('${ue}/YahooPd_Eval202412-v1.1.0.woff2') format("woff2 supports variations"), url('${ue}/YahooPd_Eval202412-v1.1.0.woff2') format('woff2-variations')`}]},"yahoo-sans-condensed":{fallback:ce,type:"sans",fontFamily:"Yahoo Sans Cond",isVariableFont:!0,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"Light",value:300},{label:"Regular",value:400},{label:"Medium",value:500},{label:"Bold",value:718},{label:"XBold",value:800},{label:"Black",value:900}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:400},declarations:[{fontWeight:"1 1000",src:`url('${ue}/yahoo-sans-condensed-vf.woff2') format('woff2')`}]},"yahoo-serif-display":{fallback:fe,type:"serif",fontFamily:"Yahoo Serif Display",isVariableFont:!1,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"Light",value:300},{label:"Regular",value:400},{label:"Bold",value:700},{label:"Extrabold",value:800},{label:"Black",value:900}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:400},declarations:[{fontStyle:"normal",fontWeight:"300",src:`url('${ue}/yahoo-serif-display-light.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"400",src:`url('${ue}/yahoo-serif-display-regular.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"700",src:`url('${ue}/yahoo-serif-display-bold.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"800",src:`url('${ue}/yahoo-serif-display-extrabold.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"900",src:`url('${ue}/yahoo-serif-display-black.woff2') format('woff2')`}]},"yahoo-serif-text":{fallback:fe,type:"serif",fontFamily:"Yahoo Serif Text",isVariableFont:!1,fontSlants:void 0,fontWidths:void 0,fontWeights:[{label:"Regular",value:400},{label:"Bold",value:700}],defaults:{fontSlant:void 0,fontWidth:void 0,fontWeight:400},declarations:[{fontStyle:"normal",fontWeight:"400",src:`url('${ue}/yahoo-serif-text-regular.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"400",src:`url('${ue}/yahoo-serif-text-italic.woff2') format('woff2')`},{fontStyle:"normal",fontWeight:"700",src:`url('${ue}/yahoo-serif-text-bold.woff2') format('woff2')`},{fontStyle:"italic",fontWeight:"700",src:`url('${ue}/yahoo-serif-text-bold-italic.woff2') format('woff2')`}]}};function ve({palette:e="accent",variant:t="primary"}){return"accent"===e?t:"primary"===t?e:`${e}-${t}`}function ye({flatVariant:e}){if(!e)return{palette:void 0,variant:void 0};const[t,o]=e.split("-");return o?{palette:t,variant:o}:["primary","secondary","tertiary"].includes(e)?{palette:"accent",variant:e}:{palette:e,variant:"primary"}}function be(e){return Object.fromEntries(e)}var me={black:"0 0 0",white:"255 255 255"};function he({preset:e,prefix:t,shadowType:l}){const n=`--uds-${l}-shadow-`,s="palette"===e.color?.type,i="always"===e.color?.type;let p=`var(--uds-${s?"shadow":"spectrum"}-color-${e?.color?.value})`;i&&(p=me[e.color.value]);const u=`var(${n}${t?`${t}-`:""}color, ${p})`;return`${"inset"===l?"inset ":""}${[`${o[e.offsetX]}px`,`${o[e.offsetY]}px`,`${a[e.blur]}px`,`${r[e.spread]}px`].map(e=>e).join(" ")} ${`rgb(${u} / var(${n}${t?`${t}-`:""}opacity, ${Number(e.opacity)/100}))`}`}function ge({config:e,shadowType:o}){const a=e?.shadow?.[o];if(!a)return{};const r={};return t(a).forEach(([e,t])=>{if("none"===e)return void(r[`--uds-${o}-shadow-${e}`]="0 0 transparent");const a=t.map((e,t)=>he({preset:e,prefix:t>0?`${t+1}`:void 0,shadowType:o}));r[`--uds-${o}-shadow-${e}`]=`${a.join(", ")}`}),r}var we=({componentName:e,layer:t,propertyKey:o})=>!("chip"!==e||"root"!==t||!["borderColor","borderWidth"].includes(o))||!("input"!==e||"inputWrapper"!==t||!["borderColor","borderWidth"].includes(o)),$e={...{backgroundColor:{name:"backgroundColor",cssProperties:"background-color",twThemePath:(e,t)=>{if("spectrumColors"===e){const[e,o]=t.split("-");return`colors.${e}.${o}`}return"backgroundPaletteColors"===e||"alwaysPaletteAliases"===e?`backgroundColor.${t}`:"Error"},possibleFixtures:["backgroundPaletteColors","spectrumColors","alwaysPaletteAliases"]},borderWidth:{name:"borderWidth",cssProperties:"border-width",twThemePath:(e,t)=>"borderWidths"===e?`borderWidth[${t}]`:`spacing[${t}]`,possibleFixtures:["borderWidths","spacingAliases"],extendedProperties:e=>we(e)&&["outlineWidth","insetOutlineOffset","solidOutline"]},borderRadius:{name:"borderRadius",cssProperties:"border-radius",twThemePath:(e,t)=>`borderRadius.${t}`,possibleFixtures:["borderRadii"]},borderColor:{name:"borderColor",cssProperties:"border-color",twThemePath:(e,t)=>{if("alwaysPaletteAliases"===e||"linePaletteColors"===e)return`borderColor.${t}`;if("spectrumColors"===e){const[e,o]=t.split("-");return`borderColor.${e}.${o}`}return"Error"},possibleFixtures:["alwaysPaletteAliases","spectrumColors","linePaletteColors"],extendedProperties:e=>we(e)&&["outlineColor"]},fontFamily:{name:"fontFamily",cssProperties:"font-family",twThemePath:(e,t)=>`typography.fontFamily.${t}`,possibleFixtures:["textVariants"]},fontSize:{name:"fontSize",cssProperties:"font-size",twThemePath:(e,t)=>`typography.fontSize.${t}`,possibleFixtures:["textVariants"]},fontVariationSettings:{name:"fontVariationSettings",cssProperties:"font-variation-settings",twThemePath:()=>"",possibleFixtures:["textVariants"],customValueRenderer:e=>{const{value:t}=e;return`"wght" var(--uds-font-weight-${t}), "slnt" var(--uds-font-slant-${t}), "wdth" var(--uds-font-width-${t});`}},lineHeight:{name:"lineHeight",cssProperties:"line-height",twThemePath:(e,t)=>`typography.lineHeight.${t}`,possibleFixtures:["textVariants"]},textTransform:{name:"textTransform",cssProperties:"text-transform",twThemePath:(e,t)=>`typography.textTransform.${t}`,possibleFixtures:["textVariants"]},padding:{name:"padding",cssProperties:"padding",twThemePath:(e,t)=>`spacing[${t}]`,possibleFixtures:["spacingAliases"]},gap:{name:"gap",cssProperties:"gap",twThemePath:(e,t)=>`spacing[${t}]`,possibleFixtures:["spacingAliases"]},color:{name:"color",cssProperties:"color",twThemePath:(e,t)=>{if("alwaysPaletteAliases"===e||"foregroundPaletteColors"===e)return`textColor.${t}`;if("spectrumColors"===e){const[e,o]=t.split("-");return`textColor.${e}.${o}`}return"Error"},possibleFixtures:["alwaysPaletteAliases","spectrumColors","foregroundPaletteColors"]},fontWeight:{name:"fontWeight",cssProperties:"font-weight",twThemePath:(e,t)=>`typography.fontWeight.${t}`,possibleFixtures:["textVariants"]},iconSize:{name:"iconSize",cssProperties:["width","height"],twThemePath:(e,t)=>`sizing.icon.${t}`,possibleFixtures:["iconSizes"]},spacingHorizontal:{name:"spacingHorizontal",cssProperties:["padding-right","padding-left"],twThemePath:(e,t)=>`spacing[${t}]`,possibleFixtures:["spacingAliases"]},spacingVertical:{name:"spacingVertical",cssProperties:["padding-top","padding-bottom"],twThemePath:(e,t)=>`spacing[${t}]`,possibleFixtures:["spacingAliases"]},textVariant:{name:"textVariant",cssProperties:[],twThemePath:()=>"",possibleFixtures:["textVariants"],extendedProperties:["fontSize","fontWeight","fontFamily","lineHeight","textTransform","fontVariationSettings"]},textDecorationLine:{name:"textDecorationLine",cssProperties:"text-decoration-line",possibleFixtures:["textDecorationLines"],twThemePath:()=>"",customValueRenderer:e=>String(e.value)},shadow:{name:"drop shadow",cssProperties:"box-shadow",twThemePath:()=>"",concatenate:!0,customValueRenderer:e=>{const t="drop";if("alias"===e.valueType){const o="0 0 0 transparent";if("none"===e.value)return o;if("custom"!==e.value)return`var(--uds-${t}-shadow-${e.value})`}else if("custom"===e.valueType){const o=e.value.map((e,o)=>he({preset:e,shadowType:t,prefix:o>0?`${o+1}`:void 0}));return o?.join(", ")||"0 0 0 transparent"}throw new Error("Invalid valueType")},possibleFixtures:["shadowVariants"]},insetShadow:{name:"inset shadow",cssProperties:"box-shadow",twThemePath:()=>"",concatenate:!0,customValueRenderer:e=>{const t="inset";if("alias"===e.valueType){const o="0 0 0 transparent";if("none"===e.value)return o;if("custom"!==e.value)return`var(--uds-${t}-shadow-${e.value})`}else if("custom"===e.valueType){const o=e.value.map((e,o)=>he({preset:e,shadowType:t,prefix:o>0?`${o+1}`:void 0}));return o?.join(", ")||"0 0 0 transparent"}throw new Error("Invalid valueType")},possibleFixtures:["shadowVariantsWithInvert"]},height:{name:"height",cssProperties:"height",twThemePath:(e,t)=>`height[${t}]`,possibleFixtures:["spacingAliases"]},width:{name:"width",cssProperties:"width",twThemePath:(e,t)=>`width[${t}]`,possibleFixtures:["spacingAliases"]}},...{outlineWidth:{name:"outlineWidth",cssProperties:"outline-width",twThemePath:(e,t)=>"borderWidths"===e?`borderWidth[${t}]`:`spacing[${t}]`,possibleFixtures:["borderWidths","spacingAliases"]},outlineColor:{name:"outlineColor",cssProperties:"outline-color",twThemePath:(e,t)=>{if("alwaysPaletteAliases"===e||"linePaletteColors"===e)return`borderColor.${t}`;if("spectrumColors"===e){const[e,o]=t.split("-");return`borderColor.${e}.${o}`}return"Error"},possibleFixtures:["alwaysPaletteAliases","spectrumColors","linePaletteColors"]},insetOutlineOffset:{name:"insetOutlineOffset",cssProperties:"outline-offset",twThemePath:()=>"",customValueRenderer:({value:e,type:t},o,a)=>`calc(-1 * ${a("borderWidths"===t?`borderWidth[${e}]`:`spacing[${e}]`)})`,possibleFixtures:["borderWidths","spacingAliases"]},solidOutline:{name:"solidOutline",cssProperties:"outline-style",twThemePath:()=>"",customValueRenderer:()=>"solid",possibleFixtures:[]}}};export{ne as DEFAULT_COLOR_MODE,re as DEFAULT_COLOR_MODE_FOR_APP,ie as DEFAULT_HIGH_CONTRAST_MODE,pe as DEFAULT_REGION_MODE,se as DEFAULT_SCALE_MODE,le as DEFAULT_SCALE_MODE_FOR_APP,de as FONT_DECLARATIONS_MAP,te as alwaysPalette,ee as button,c as cartesianProduct,f as coalesceConfigVariant,$e as configurableProperties,R as createComponentStateConfig,M as createComponentStates,O as createConfigurableProperty,L as createLayerConfig,j as createSubComponentConfig,E as createVariantConfig,z as createVariantConfigWithComponentStates,B as createVariantConfigWithProperties,N as findFixtureType,ae as fontWeightMap,be as fromEntries,K as generateClassName,X as generateDeclaration,y as generateKeyFromFlatConfigPath,u as generateSchemaKey,A as generateStyles,d as getConfigDefaultValue,k as getConfigPseudoStateVariables,V as getConfigPseudoStateVariablesWithSetter,x as getConfigSubcomponents,g as getConfigVariantComponentStates,w as getConfigVariantComponentStatesMatrix,$ as getConfigVariantProperties,S as getConfigVariantPseudoStates,W as getConfigVariants,Z as getDefaultButtonBaseMap,he as getShadowLayerValue,ge as getShadowPresetValues,v as isConfigDefaultValue,ve as parseButtonVariantFlat,ye as parseDeprecatedButtonPaletteVariant,P as setConfigPseudoStateVariable,oe as shadow,F as statePseudoMapDocsMode,Y as toMinimalDbConfigObject};

package/dist/chunk-USRFVT5V.js

@@ -0,0 +1,2 @@
+import{getMotionVar as r}from"./chunk-IA3LJKDY.js";import{FONT_DECLARATIONS_MAP as t,fromEntries as a}from"./chunk-TCFZWULK.js";import{entries as n}from"./chunk-EWJ3J526.js";import{TEXT_TRANSFORM_PREFIX as o,LINE_HEIGHT_PREFIX as e,FONT_SIZE_PREFIX as s,FONT_WIDTH_PREFIX as i,FONT_SLANT_PREFIX as d,FONT_WEIGHT_PREFIX as f,FONT_FAMILY_PREFIX as c,TEXT_RESPONSIVE_CLASSNAME as l,UDS_PREFIX as u}from"./chunk-5EWXEQJ3.js";import{textVariants as m,motionSpringConfigOptions as p}from"@yahoo/uds/fixtures";import{isString as h}from"lodash-es";import $ from"tailwindcss/plugin.js";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+var v=r=>{throw new Error("Didn't expect to get here")};var g=(r,t,a,n)=>{const o=r.typography[t]?.[a];if(!o)throw new Error(`Missing typography data for variant "${t}" and key "${a}"`);const e="base"===n?o.base:o.breakpoints?.[n];if(!e)throw new Error(`Missing value for variant "${t}", key "${a}", and breakpoint "${n}"`);if(h(e))return e;switch(e.type){case"px":return e.value/16+"rem";case"unitless":return String(e.value)}return v()},w=(r,t)=>t in r.font?`var(--${c}-${t})`:t,x=(r,t)=>Object.fromEntries(m.flatMap(a=>[[`--${c}-${a}`,w(r,g(r,a,"fontFamily",t))],[`--${s}-${a}`,g(r,a,"fontSize",t)],[`--${f}-${a}`,g(r,a,"fontWeight",t)],[`--${d}-${a}`,g(r,a,"fontSlant",t)],[`--${i}-${a}`,g(r,a,"fontWidth",t)],[`--${e}-${a}`,g(r,a,"lineHeight",t)],[`--${o}-${a}`,g(r,a,"textTransform",t)]])),b=r=>Object.fromEntries(m.map(t=>[t,`var(--${r}-${t})`])),k={fontFamily:b(c),fontWeight:b(f),fontSlant:b(d),fontWidth:b(i),fontSize:b(s),lineHeight:b(e),textTransform:b(o)},y=r=>({":root":x(r,"base")}),M=r=>{const t=(a=r.breakpoints,Object.entries(a)).sort(([,{value:r}],[,{value:t}])=>r-t);var a;return{[`.${l}`]:Object.fromEntries(t.map(([t,{value:a}])=>[`@media (min-width: ${a}px)`,x(r,t)])),".uds-text-base":x(r,"base"),...Object.fromEntries(t.map(([t])=>[`.uds-text-${t}`,x(r,t)]))}};function S(r,t){const a=L(r);for(const r of a)t({"@font-face":r})}var j=$.withOptions(function({fontIds:r}){return function({addBase:t}){S(r,t)}});function E(r){return{light:{colorScheme:"light","--uds-light-mode-icon":"inline","--uds-dark-mode-icon":"none",...r.colorMode.light._vars},dark:{colorScheme:"dark","--uds-light-mode-icon":"none","--uds-dark-mode-icon":"inline",...r.colorMode.dark._vars}}}function L(r){return r.flatMap(r=>{const{declarations:a,fontFamily:n}=t[r];return a.map(r=>({fontFamily:n,fontDisplay:"swap",...r}))})}function W(r){return`"${r}"`}function F(r){return a(n(r).map(([r,a])=>{const n=`--${c}-${r}`,o=t[a];return[n,[o.fontFamily,...o.fallback].map(W).join(", ")]}))}function O(t){const o=n(t).flatMap(([t,a])=>n(a).flatMap(([a,n])=>p.map(o=>[r({variant:t,speed:a,control:o}),`${n[o]}`])));return a(o)}function _(r){return{...r.borderRadius._vars,...r.borderWidth._vars,...r.avatarSizes._vars,...r.iconSizes._vars}}function z(r){return{xSmall:_(r.scaleMode.xSmall),small:_(r.scaleMode.small),medium:_(r.scaleMode.medium),large:_(r.scaleMode.large),xLarge:_(r.scaleMode.xLarge),xxLarge:_(r.scaleMode.xxLarge),xxxLarge:_(r.scaleMode.xxxLarge)}}function J({config:r,shadowType:t}){const o=r.shadow[t],e=n(o).map(([r])=>[`.uds-${t}-shadow-${r}`,{[`--uds-${t}-shadow`]:`var(--${u}-${t}-shadow-${r})`,boxShadow:`var(--${u}-drop-shadow, 0 0 transparent), var(--${u}-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)`}]);return a(e)}export{k as RESPONSIVE_TAILWIND_CONFIG_MAP,S as addFontFaceDeclarations,j as addFontsPlugin,v as assertUnreachable,y as getBaseTextStyles,E as getColorModeStyles,L as getFontFaceDeclarations,F as getFontStyles,O as getMotionStyles,M as getResponsiveTextStyles,z as getScaleModeStyles,J as getShadowStyles};

package/dist/client/index.cjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var e=require("../chunk-3M6OEJMI.cjs"),t=require("../chunk-BBMC7KGQ.cjs"),a=require("../chunk-5G4YVRQR.cjs"),n=require("../chunk-FANWR6MV.cjs"),i=require("../chunk-PPKNIQYI.cjs"),o=require("../chunk-AI3N423E.cjs"),s=require("../chunk-NW3RYPC2.cjs"),r=require("../chunk-HFSPK2LG.cjs"),l=require("react"),c=require("react/jsx-runtime"),d=require("@yahoo/uds/fixtures"),u=require("motion/react"),p=require("lodash-es"),h=require("@yahoo/uds/client/Menu"),m={first:e=>e[0]||"",last:e=>e[e.length-1]||"",firstAndLast:e=>1===e.length?e[0]:`${e[0]}${e[e.length-1]}`,firstTwo:e=>e.slice(0,2).join(""),firstThree:e=>e.slice(0,3).join(""),firstOfEach:e=>e.join("")},x=(e,t="firstAndLast")=>{if(!e)return"";const a=e.trim().split(/\s+/).map(e=>e[0].toUpperCase());return"function"==typeof t?t(e):m[t](a)},f=(e="md")=>o.getStyles({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),g=e=>e?{height:e,width:e}:{},b="primary",y="md",v={primary:t.e2,secondary:t.t},S=({size:e=y,variant:t=b,customSize:a,icon:n,className:i})=>{const s=l.useMemo(()=>g(a),[a]),r=l.useMemo(()=>o.cx(f(e),o.getStyles({avatarIconVariantRoot:t,overflow:"hidden"}),i),[i,e,t]),d=l.useMemo(()=>o.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"}),[]),u=l.useMemo(()=>({...s,boxSizing:"content-box"}),[s]),p=l.useMemo(()=>n??v[t??"primary"],[n,t]),h=l.useMemo(()=>o.getStyles({avatarSizeIcon:e}),[e]);return c.jsx(o.Box,{className:r,style:s,children:c.jsx(o.Box,{className:d,style:u,children:c.jsx(o.Icon,{name:p,variant:"fill",color:"current",className:h,"data-testid":"avatar-icon"})})})};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */S.displayName="AvatarIcon";var C=({size:e=y,variant:t=b,name:a,initials:n,customSize:i,abbreviationStrategy:s,className:r})=>{const d=l.useMemo(()=>o.cx(f(e),o.getStyles({avatarTextVariantRoot:t,overflow:"hidden"}),"truncate",r),[r,e,t]),u=l.useMemo(()=>o.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"}),[]),p=l.useMemo(()=>g(i),[i]),h=l.useMemo(()=>({...p,boxSizing:"content-box"}),[p]);return c.jsx(o.Box,{className:d,style:p,children:c.jsx(o.Text,{color:"inherit",variant:"inherit",className:u,style:h,"data-testid":"avatar-text",children:n||x(a,s)})})};C.displayName="AvatarText";var I=({size:t=y,variant:a=b,src:n,srcSet:i,customSize:s,alt:r,imageProps:d,abbreviationStrategy:u,fallback:p,className:h})=>{const[m,x]=l.useState("loading");l.useEffect(()=>{let e=!0;if(n||i){const t=new Image;t.onload=()=>{e&&x("loaded")},t.onerror=()=>{e&&x("error")},n&&(t.src=n),i&&(t.srcset=i)}else x("error");return()=>{e=!1}},[n,i]);const v=l.useMemo(()=>o.cx(f(t),o.getStyles({avatarImageVariantRoot:a,overflow:"hidden"}),h),[h,t,a]),I=l.useMemo(()=>o.getStyles({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"}),[]),N=l.useMemo(()=>g(s),[s]),j=l.useMemo(()=>({...N,boxSizing:"content-box"}),[N]);if("loaded"===m)return c.jsx(o.Box,{className:v,style:N,children:c.jsx(e.Image,{src:n,srcSet:i,alt:r,className:I,style:j,...d})});const k={size:t,customSize:s,variant:a};return p||r?c.jsx(C,{name:r,initials:p,abbreviationStrategy:u,...k}):c.jsx(S,{...k})};I.displayName="AvatarImage";var N=e=>c.jsx(I,{...e});N.displayName="Avatar";var j=l.forwardRef(function({variant:e="primary",size:t="md",minWidth:n,maxWidth:i=200,startIcon:s,endIcon:r,backgroundColor:d,color:u,iconColor:p,borderColor:h,children:m,className:x,...f},g){const b=o.getStyles({badgeSizeRoot:t,badgeVariantRoot:e,className:o.cx(["uds-badge","uds-badge-variant","uds-badge-size",x])}),y=o.getStyles({badgeVariantIcon:e,badgeSizeIcon:t,className:o.cx(["uds-badge-iconSize","uds-badge-iconColor"])}),v=l.useMemo(()=>({...n?{minWidth:`${n}px`}:{},..."full"===i?{}:{maxWidth:`${i}px`},...d?{backgroundColor:d}:{},...h?{borderColor:h}:{},...u?{color:u}:{}}),[d,h,u,i,n]),S=l.useMemo(()=>({variant:"fill",style:{...p?{color:p}:{}}}),[p]);return c.jsxs(a.HStack,{ref:g,gap:"2",display:"inline-flex",alignItems:"center",className:b,style:v,...f,children:[s&&c.jsx(o.IconSlot,{icon:s,iconProps:S,"data-testid":"start-icon",className:y}),c.jsx("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:m}),r&&c.jsx(o.IconSlot,{icon:r,iconProps:S,"data-testid":"end-icon",className:y})]})});j.displayName="Badge";var k={scale:.7,opacity:0},w={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},V={icon:w,hide:k,loading:k},M={loading:w,hide:k,icon:k},R=`var(${r.BUTTON_CSS_VAR_MAP.columnGap})`,z=`var(${r.BUTTON_CSS_VAR_MAP.iconSize})`,T={rest:{scale:`var(${r.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${r.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${r.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:R}},P={hide:{width:"0px",opacity:0,display:"none"},loading:{width:z,display:"flex",opacity:1},icon:{width:z,display:"flex",opacity:1}},B=l.forwardRef(function({variant:e,size:a,startIcon:n,endIcon:r,iconVariant:p,loading:h,disableEffects:m,children:x,asChild:f,type:g="button",className:b,width:y,...v},S){const C=l.useRef(null);l.useImperativeHandle(S,()=>C.current);const I=l.useMemo(()=>o.createSlot(),[]),N=l.useMemo(()=>u.m.create(I),[I]),j=r?"icon":"hide",k=(({startIcon:e,endIcon:t,loading:a})=>e||t||a?"withIcon":"withoutIcon")({startIcon:n,endIcon:r,loading:h}),w=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:h,startIcon:n}),{palette:R,variant:z}=l.useMemo(()=>s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),[e]),B=l.useMemo(()=>({button:o.getStyles({width:y,buttonSize:a,buttonVariant:z,buttonPalette:R,className:o.cx("uds-button","uds-ring","uds-hit-target",h&&"uds-button-loading",m&&"uds-button-without-effects","withIcon"===k&&"uds-button-with-gap",b)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"}),[y,a,z,R,b,h,m,k]),A=u.useReducedMotion()?"smooth":"subtle",E=l.useMemo(()=>c.jsx(u.m.span,{className:B.iconContainer,initial:!1,variants:P,animate:w,children:c.jsxs(u.AnimatePresence,{initial:!1,mode:"popLayout",children:[h&&c.jsx(u.m.span,{variants:M,initial:"hide",animate:"loading",exit:"hide",children:c.jsx(o.Icon,{size:d.buttonIconSvgSize,name:t.o2,variant:p,color:"current",className:B.loading})},"loading"),n&&!h&&c.jsx(u.m.span,{variants:V,initial:"hide",animate:"icon",exit:"hide",children:c.jsx(o.IconSlot,{className:B.start,icon:n,iconProps:{size:d.buttonIconSvgSize,variant:p,color:"current"}})})]})}),[B.iconContainer,B.loading,B.start,w,h,p,n]),q=l.useMemo(()=>c.jsx(u.m.span,{className:B.iconContainer,initial:!1,variants:P,animate:j,children:c.jsx(u.AnimatePresence,{initial:!1,mode:"popLayout",children:r&&c.jsx(u.m.span,{variants:V,initial:"hide",animate:"icon",exit:"hide",children:c.jsx(o.IconSlot,{className:B.end,icon:r,iconProps:{size:d.buttonIconSvgSize,variant:p,color:"current"}})})})}),[B.iconContainer,B.end,r,j,p]),L=l.useMemo(()=>m?{...T,rest:{},hover:{},pressed:{}}:T,[m]);return f&&l.isValidElement(x)?c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:A,children:c.jsx(N,{type:g,className:B.button,initial:["hide",k],animate:k,variants:L,whileHover:"hover",whileTap:"pressed",...v,children:l.cloneElement(x,x.props,c.jsxs(c.Fragment,{children:[E,c.jsx("span",{className:B.content,children:x.props.children}),q]}))})}):c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:A,children:c.jsxs(u.m.button,{ref:C,type:g,className:B.button,initial:["hide",k],animate:k,variants:L,whileHover:"hover",whileTap:"pressed",...v,children:[E,c.jsx("span",{className:B.content,children:x}),q]})})}),A={primary:"alert",secondary:"alert-secondary"},E=e=>"indeterminate"===e,q=e=>E(e)?t.o:t.e,L=u.m.create(o.Box),H={layoutVariant:"smooth",layoutSpeed:"3"},O={layoutVariant:"veryBouncy",layoutSpeed:"4"},F=l.forwardRef(function({id:e,checked:t,defaultChecked:a,onChange:s,label:r,labelPosition:d="start",variant:p="primary",size:h="md",reduceMotion:m,disabled:x,required:f,hasError:g,className:b,layerClassNames:y,...v},S){const C=l.useId(),I=e??`uds-input-${C}`,N=l.useRef(null),j=void 0!==t,[k,w]=l.useState(j?t:a),[V,M]=l.useState(!1),[R,z]=l.useState(!1),T=l.useMemo(()=>g?A[p]:p,[g,p]),P=!x&&V,B=!x&&R,F=l.useMemo(()=>B?.9:P?1.1:1,[B,P]),$=l.useMemo(()=>k?B?"opacity-55":"opacity-100":"opacity-0",[k,B]),W=l.useMemo(()=>({scale:F}),[F]),_=l.useMemo(()=>R?O:H,[R]),D=l.useCallback(e=>{s?.(e),j||w(e.target.checked)},[j,s]),G=l.useCallback(()=>{M(!0)},[]),U=l.useCallback(()=>{M(!1)},[]),K=l.useCallback(()=>{z(!0)},[]),Q=l.useCallback(()=>{z(!1)},[]),X=e=>{N.current&&(N.current.indeterminate=E(e))},Y=m?"always":"user",J=u.useReducedMotion()||m?"duration-0":"duration-120";l.useEffect(()=>{j&&w(t)},[t,j]),l.useEffect(()=>{X(k)},[k]);const Z=E(k)?"indeterminate":k?"checked":"unchecked",ee={root:o.getStyles({checkboxSizeRoot:h,checkboxVariantRoot:T,checkboxVariantValueRoot:Z,display:"flex",flexDirection:"start"===d?"row":"row-reverse",alignItems:"center",className:o.cx({"cursor-pointer":!x,"cursor-default":x,"opacity-50":x},b,y?.root)}),checkbox:o.getStyles({checkboxSizeCheckbox:h,checkboxVariantCheckbox:T,checkboxVariantValueCheckbox:Z,className:o.cx("border","rounded-[4px]","uds-ring","uds-ring-within",J,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:o.getStyles({checkboxVariantCheckboxIcon:T,checkboxVariantValueCheckboxIcon:Z,className:o.cx("pointer-events-none",$,J,"transition-opacity")}),htmlCheckbox:o.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:o.cx("start"===d?"text-start":"text-end",y?.label)},te=r?u.m.label:u.m.div;return c.jsx(i.SpringMotionConfig,{reducedMotion:Y,..._,children:c.jsxs(te,{className:ee.root,"data-testid":"container",onHoverStart:G,onHoverEnd:U,onTapStart:K,onTap:Q,onTapCancel:Q,tabIndex:-1,children:[c.jsxs(L,{position:"relative",className:ee.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:W,children:[c.jsx("input",{type:"checkbox",...v,ref:e=>{N.current=e,X(k),"function"==typeof S?S(e):null!==S&&(S.current=e)},id:I,disabled:x,required:f,"aria-invalid":g,checked:j?!E(k)&&k:void 0,defaultChecked:j?void 0:a,onChange:D,className:ee.htmlCheckbox}),c.jsx(o.Icon,{name:q(k),size:"sm",className:ee.check})]}),r&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:f,label:r,className:ee.label})]})})});F.displayName="Checkbox";var $="primary",W=l.forwardRef(function({size:e="md",minWidth:t,maxWidth:n=200,startIcon:i,endIcon:s,as:r="div",reduceMotion:d,disabled:p=!1,className:h,layerClassNames:m,children:x,...f},g){const b=u.useReducedMotion()||d?"duration-0":"duration-120",y=l.useMemo(()=>({root:o.getStyles({chipSizeRoot:e,className:o.cx({"pointer-events-none":p,"cursor-default":p,"opacity-50":p},"focus-visible:-outline-offset-2","uds-ring",b,"transition-[background-color,outline-color,box-shadow]",m?.root,h)}),icon:o.getStyles({chipSizeIcon:e,className:m?.icon})}),[h,b,p,m?.icon,m?.root,e]);return c.jsx(a.HStack,{asChild:!0,ref:g,display:"inline-flex",alignItems:"center",style:{maxWidth:`${n}px`,...t?{minWidth:`${t}px`}:{}},className:y.root,...f,children:c.jsxs(r,{disabled:p,children:[i&&c.jsx(o.IconSlot,{icon:i,iconProps:{variant:"fill",className:y.icon},"data-testid":"start-icon"}),c.jsx(o.Text,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:x}),s&&c.jsx(o.IconSlot,{icon:s,iconProps:{variant:"fill",className:y.icon},"data-testid":"end-icon"})]})})});W.displayName="ChipBase";var _=l.forwardRef(function({variant:e=$,...t},a){const n=l.useMemo(()=>({root:o.getStyles({chipLinkVariantRoot:e}),icon:o.getStyles({chipLinkVariantIcon:e})}),[e]);return c.jsx(W,{as:"button",ref:a,variant:e,layerClassNames:n,...t})});_.displayName="ChipButton";var D=l.forwardRef(function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:n,variant:i=$,disabled:s,...r},d){const u=l.useMemo(()=>({root:o.getStyles({chipDismissibleVariantRoot:i}),icon:o.getStyles({chipDismissibleVariantIcon:i})}),[i]),p=l.useCallback(e=>{e.stopPropagation(),a?.()},[a]),h={icon:o.cx("uds-chip-dismissible-button","uds-hit-target")};return c.jsx(W,{ref:d,variant:i,disabled:s,tabIndex:-1,endIcon:a=>c.jsx(t.Pressable,{"aria-label":e,className:h.icon,onClick:p,disabled:s,children:c.jsx(o.IconSlot,{icon:n??t.a,iconProps:a,"data-testid":"dismiss-icon"})}),layerClassNames:u,...r})});D.displayName="ChipDismissible";var G=l.forwardRef(function({variant:e=$,href:t,disabled:a,...n},i){const s=l.useMemo(()=>({root:o.getStyles({chipLinkVariantRoot:e}),icon:o.getStyles({chipLinkVariantIcon:e})}),[e]);return c.jsx(W,{as:"a",ref:i,variant:e,disabled:a,layerClassNames:s,...{...n,href:a?void 0:t}})});G.displayName="ChipLink";var U=l.forwardRef(function({isToggled:e=!1,onToggle:t,onClick:a,variant:n=$,...i},s){const r=l.useMemo(()=>({root:o.getStyles({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off"}),icon:o.getStyles({chipToggleVariantIcon:n})}),[e,n]),d=l.useCallback(n=>{t?.(!e),a?.(n)},[e,a,t]);return c.jsx(W,{ref:s,as:"button",variant:n,onClick:d,"aria-pressed":e,layerClassNames:r,...i})});U.displayName="ChipToggle";var K=l.forwardRef(function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:i,isToggled:o,...s},r){return n?c.jsx(D,{ref:r,onDismiss:n,...s}):i?c.jsx(U,{ref:r,onToggle:i,isToggled:o,...s}):t?c.jsx(G,{ref:r,href:t,...s,...a}):c.jsx(_,{ref:r,onClick:e,...s})});K.displayName="Chip";var Q=l.forwardRef(function({variant:e,size:a,iconVariant:n,loading:r,disableEffects:p,name:h,type:m="button",htmlName:x,className:f,children:g,...b},y){const v=l.useRef(null);l.useImperativeHandle(y,()=>v.current);const{palette:S,variant:C}=s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),I=l.useMemo(()=>({button:o.getStyles({buttonVariant:C,buttonPalette:S,iconButtonSize:a,className:o.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",r&&"uds-button-loading",p&&"uds-button-without-effects",f)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"}),[S,C,f,p,a,r]),N=u.useReducedMotion(),j=l.useMemo(()=>N?"smooth":"subtle",[N]),k=l.useMemo(()=>{const{rest:e,hover:t,pressed:a}=T;return p?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}},[p]);return c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:j,reducedMotion:p?"always":"user",children:c.jsx(u.m.button,{ref:v,type:m,className:I.button,initial:"icon",variants:k,whileHover:"hover",whileTap:"pressed",name:x,...b,children:c.jsxs(u.AnimatePresence,{initial:!1,mode:"popLayout",children:[r&&c.jsx(u.m.span,{variants:M,initial:"loading",animate:"loading",exit:"hide",children:c.jsx(o.Icon,{size:d.buttonIconSvgSize,name:t.o2,variant:n,color:"current",className:I.loading})},"loading"),h&&!r&&c.jsx(u.m.span,{variants:V,initial:"icon",animate:"icon",exit:"hide",children:g||c.jsx(o.Icon,{size:d.buttonIconSvgSize,name:h,variant:n,color:"current",className:I.icon})},h.name)]})})})}),X=({children:e,reduceMotion:t,layoutVariant:a})=>{const n=l.useRef(null),[o,s]=l.useState("auto");return l.useEffect(()=>{if(n.current){const e=new ResizeObserver(e=>{s(e[0].contentRect.height)});return e.observe(n.current),()=>{e.disconnect()}}},[]),c.jsx(i.SpringMotionConfig,{reducedMotion:t,layoutSpeed:"4",layoutVariant:a,children:c.jsx(u.m.div,{className:"overflow-hidden",style:{height:o,opacity:0},animate:{height:o,opacity:1},children:c.jsx("div",{ref:n,children:e})})})},Y=l.memo(function({helpText:t,helperTextIcon:a,spacingStart:n,spacingTop:i,size:s,isFilled:r,...l}){return t?c.jsx(o.Box,{spacingTop:i,spacingStart:n,...l,children:c.jsx(e.InputHelpTextMemo,{startIcon:a,size:s,isFilled:r,children:p.isFunction(t)?t():t})}):null}),J=l.memo(function({icon:e,className:t}){return e?c.jsx(o.IconSlot,{icon:e,iconProps:{variant:"outline"},className:t}):null}),Z=l.memo(function({icon:e,className:t}){if(!e)return null;return c.jsx(o.IconSlot,{icon:e,iconProps:{variant:"outline"},"data-testid":"end-icon",className:t})}),ee=l.forwardRef(function({id:e,label:t,type:n="text",size:i="md",startIcon:s,endIcon:r,helpText:d,helperTextIcon:h,hasError:m,width:x="full",defaultValue:f,required:g,readOnly:b,disabled:y,reduceMotion:v,onChange:S,className:C,...I},N){const j=l.useId(),k=e??`uds-input-${j}`,w=`uds-input-${k}-help-text`,V=l.useRef(null);l.useImperativeHandle(N,()=>V.current);const[M,R]=l.useState(f??""),z=l.useCallback(e=>{R(e.target.value),S?.(e)},[S]),T=u.useReducedMotion()?"smooth":"bouncy",P=v?"always":"user",B=!b&&!y,A={root:o.getStyles({inputSizeRoot:i,inputVariantRoot:"default",inputVariantValueRoot:M?"filled":"empty",className:o.cx([C,y?"opacity-50":""])}),inputWrapper:o.cx(o.getStyles({inputSizeInputWrapper:i,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:M?"filled":"empty"}),"min-w-[200px]"),input:o.getStyles({inputSizeInput:i,inputVariantInput:"default",inputVariantValueInput:M?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:M?"filled":"empty",className:o.cx("grow","uds-hit-target","bg-clip-text","focus:outline-none",B?"cursor-text":"cursor-not-allowed")}),label:o.cx(o.getStyles({inputSizeLabel:i,inputVariantLabel:"default",inputVariantValueLabel:M?"filled":"empty"})),labelRequired:o.getStyles({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:M?"filled":"empty"}),startIcon:o.getStyles({inputSizeStartIcon:i,inputVariantStartIcon:"default",inputVariantValueStartIcon:M?"filled":"empty"}),endIcon:o.getStyles({inputSizeEndIcon:i,inputVariantEndIcon:"default",inputVariantValueEndIcon:M?"filled":"empty"})};return c.jsxs(a.VStack,{width:x,className:A.root,children:[t&&c.jsxs(o.Box,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:A.label,children:[c.jsx("label",{htmlFor:k,children:p.isFunction(t)?t():t}),g&&c.jsx("span",{className:A.labelRequired,children:"*"})]}),c.jsxs(o.Box,{position:"relative",alignItems:"center",className:A.inputWrapper,children:[c.jsx(J,{icon:s,className:A.startIcon}),c.jsx("input",{ref:V,id:k,type:n,value:M,required:g,readOnly:b,disabled:y,"aria-describedby":w,"aria-invalid":m,onChange:z,className:A.input,...I}),r&&c.jsx(a.HStack,{alignItems:"center",gap:"1",children:c.jsx(Z,{icon:r,className:A.endIcon})})]}),c.jsx(X,{reduceMotion:P,layoutVariant:T,children:c.jsx(Y,{id:w,helpText:d,spacingTop:"2",size:i,isFilled:!!M,helperTextIcon:h})})]})});ee.displayName="Input";var te=class e{name;value;activeCount=0;#e=new Set;constructor(e){this.name=e}onChange(e){return this.#e.add(e),()=>{this.#e.delete(e)}}setValue(e){this.value=e,this.#e.forEach(t=>t(e))}static findOrCreate(t,a){let n=t.get(a);return n||(n=new e(a),t.set(a,n)),n}},ae=l.createContext(new Map),ne=e=>{const t=l.useId();return e??`uds-radio-group-${t}`},ie={primary:"alert",secondary:"alert-secondary"},oe=u.m.create(o.Box),se={layoutVariant:"smooth",layoutSpeed:"3"},re={layoutVariant:"veryBouncy",layoutSpeed:"4"},le=l.forwardRef(function({id:e,name:t,label:a,labelPosition:s="start",variant:r="primary",size:d="md",reduceMotion:p,value:h="",checked:m,defaultChecked:x,disabled:f,hasError:g,onChange:b,onFocus:y,onBlur:v,className:S,layerClassNames:C,...I},N){const j=l.useId(),k=e??`uds-radio-${j}`,w=l.useRef(null),{name:V,isControlled:M,checked:R,setGroupValue:z}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const i=l.useContext(ae),o=i instanceof te,s=void 0!==a||o,r=ne(e),c=l.useMemo(()=>o?i:te.findOrCreate(i,r),[i,o,r]),[d,u]=l.useState(c.value),p=c.name??r,h=l.useCallback(e=>{c.setValue(e),s||u(e)},[s,c]);return l.useEffect(()=>c.onChange(u),[c]),l.useEffect(()=>{!0===a&&h(t)},[a,t,h]),l.useEffect(()=>{if(o)return;const e=te.findOrCreate(i,p);return e.activeCount+=1,i.set(p,e),()=>{const e=i.get(p);e&&(e.activeCount-=1,0===e.activeCount&&i.delete(p))}},[i,o,p]),{name:p,isControlled:s,checked:s&&!o?a:void 0!==d?t===d:n??!1,setGroupValue:h}})({name:t,value:h,checked:m,defaultChecked:x}),[T,P]=l.useState(!1),[B,A]=l.useState(!1),E=l.useMemo(()=>g?ie[r]:r,[g,r]),q=l.useMemo(()=>!f&&T,[f,T]),L=l.useMemo(()=>!f&&!R&&B,[R,f,B]),H=l.useMemo(()=>L?.9:q?1.1:1,[q,L]),O=l.useMemo(()=>R?L?"opacity-55":"opacity-100":"opacity-0",[R,L]),F=l.useMemo(()=>!f&&(L&&!R||q&&R),[R,f,q,L]),$=l.useMemo(()=>({scale:H}),[H]),W=l.useMemo(()=>B?re:se,[B]),_=l.useCallback(e=>{z(e.target.value),b?.(e)},[b,z]),D=l.useCallback(e=>{y?.(e)},[y]),G=l.useCallback(e=>{v?.(e)},[v]),U=l.useCallback(()=>{P(!0)},[]),K=l.useCallback(()=>{P(!1)},[]),Q=l.useCallback(()=>{A(!0)},[]),X=l.useCallback(()=>{A(!1)},[]),Y=p?"always":"user",J=u.useReducedMotion()||p?"duration-0":"duration-120",Z={root:o.getStyles({radioSizeRoot:d,radioVariantValueRoot:R?"checked":"unchecked",radioVariantRoot:E,display:"flex",flexDirection:"start"===s?"row":"row-reverse",alignItems:"center",className:o.cx([{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S,C?.root])}),radio:o.getStyles({radioSizeRadio:d,radioVariantRadio:E,radioVariantValueRadio:R?"checked":"unchecked",className:o.cx(["border","uds-ring","uds-ring-within",J,"transition-[background-color,border-color]","transition-shadow",C?.radio])}),radioCircle:o.getStyles({radioVariantRadioCircle:E,radioVariantValueRadioCircle:R?"checked":"unchecked",className:o.cx(["pointer-events-none","w-[8px]","h-[8px]",O,J,"transition-opacity"])}),htmlRadio:o.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:o.cx("start"===s?"text-start":"text-end",C?.label)},ee=a?u.m.label:u.m.div;return c.jsx(i.SpringMotionConfig,{reducedMotion:Y,...W,children:c.jsxs(ee,{className:Z.root,"data-testid":"container",onHoverStart:U,onHoverEnd:K,onTapStart:Q,onTap:X,onTapCancel:X,tabIndex:-1,children:[c.jsxs(oe,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:Z.radio,animate:$,insetShadow:F?"lg-invert":"none",children:[c.jsx("input",{type:"radio",...I,ref:e=>{w.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:D,onBlur:G,id:k,name:V,value:h,disabled:f,"aria-invalid":g,onChange:_,...M?{checked:R}:{defaultChecked:x},className:Z.htmlRadio}),c.jsx(o.Box,{borderRadius:"full",className:Z.radioCircle})]}),a&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",label:a,className:Z.label})]})})});le.displayName="Radio";var ce=o.createSlot(),de=class extends te{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},ue=l.forwardRef(function({asChild:e,name:t,value:a,defaultValue:n,onChange:i,...o},s){const r=void 0!==a,d=ne(t),u=l.useMemo(()=>{const e=new de(d,r);return e.value=r?a:n,e},[n,r,d,a]);l.useEffect(()=>{u.onChangeCb=i},[i,u]),l.useEffect(()=>{r&&u.setValue(a,!0)},[r,u,a]),l.useEffect(()=>u.onChange(e=>i?.(e)),[i,u]);const p=e?ce:"div";return c.jsx(ae.Provider,{value:u,children:c.jsx(p,{role:"radiogroup",ref:s,...o})})});ue.displayName="RadioGroupProvider";var pe={md:{isOnX:20},sm:{isOnX:12}},he=u.m.create(o.Box),me={layoutVariant:"bouncy",layoutSpeed:"4"},xe=l.forwardRef(function({id:e,isOn:t,defaultIsOn:a,onChange:s,label:r,labelPosition:d="start",size:p="md",onIcon:h,offIcon:m,reduceMotion:x,disabled:f,required:g,onFocus:b,onBlur:y,className:v,layerClassNames:S,...C},I){const N=l.useId(),j=e??`uds-input-${N}`,k=l.useRef(null),w=void 0!==t,[V,M]=l.useState(w?t:a),[R,z]=l.useState(!1),T=l.useMemo(()=>!f&&R,[f,R]),{isOnX:P}=pe[p],B=l.useMemo(()=>({initial:{scale:1,x:V?P:0},animate:{scale:T?1.05:1,x:V?P:0}}),[T,V,P]),A=l.useCallback(e=>{s?.(e),w||M(e.target.checked)},[w,s]),E=l.useCallback(e=>{b?.(e)},[b]),q=l.useCallback(e=>{y?.(e)},[y]),L=l.useCallback(()=>{z(!0)},[]),H=l.useCallback(()=>{z(!1)},[]),O=x?"always":"user",F=u.useReducedMotion()||x?"duration-0":"duration-120";l.useEffect(()=>{w&&M(t)},[t,w]);const $={root:o.getStyles({switchSizeRoot:p,switchVariantRoot:"default",switchVariantActiveRoot:V?"on":"off",display:"flex",flexDirection:"start"===d?"row":"row-reverse",alignItems:"center",className:o.cx("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S?.root,v)}),switch:o.getStyles({switchVariantSwitch:"default",switchSizeSwitch:p,switchVariantActiveSwitch:V?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:o.cx("uds-ring","uds-ring-within",F,"transition-[background-color,box-shadow]",S?.switch)}),handle:o.getStyles({switchSizeHandle:p,className:o.cx("relative","pointer-events-none","rounded-full","overflow-hidden",S?.handle)}),handleCircle:o.getStyles({switchVariantActiveHandle:V?"on":"off",switchVariantHandle:"default",className:o.cx("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",F,"transition-[background-color,box-shadow,opacity]")}),handleIcon:o.getStyles({switchSizeHandleIcon:p,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:V?"on":"off",className:o.cx("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",F,"transition-opacity")}),htmlCheckbox:o.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:o.cx("start"===d?"text-start":"text-end",S?.label)},W=r?u.m.label:u.m.div;return c.jsx(i.SpringMotionConfig,{reducedMotion:O,...me,children:c.jsxs(W,{className:$.root,"data-testid":"container",onHoverStart:L,onHoverEnd:H,tabIndex:-1,children:[c.jsxs(he,{className:$.switch,children:[c.jsx("input",{type:"checkbox",...C,ref:e=>{k.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:E,onBlur:q,id:j,disabled:f,required:g,checked:w?V:void 0,defaultChecked:w?void 0:a,onChange:A,className:$.htmlCheckbox,style:{}}),c.jsxs(he,{className:$.handle,...B,children:[c.jsx(o.Box,{className:$.handleCircle}),h&&c.jsx(o.IconSlot,{icon:h,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:o.cx($.handleIcon,V?"opacity-100":"opacity-0")}),m&&c.jsx(o.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:o.cx($.handleIcon,V?"opacity-0":"opacity-100")})]})]}),r&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:g,label:r,className:$.label})]})})});xe.displayName="Switch",Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return t.Pressable}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return i.SpringMotionConfig}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return h.Menu}}),exports.Avatar=N,exports.AvatarIcon=S,exports.AvatarImage=I,exports.AvatarText=C,exports.Badge=j,exports.Button=B,exports.Checkbox=F,exports.Chip=K,exports.ChipButton=_,exports.ChipDismissible=D,exports.ChipLink=G,exports.ChipToggle=U,exports.IconButton=Q,exports.Input=ee,exports.Radio=le,exports.RadioGroupProvider=ue,exports.Switch=xe;
+"use strict";var e=require("../chunk-3M6OEJMI.cjs"),t=require("../chunk-BBMC7KGQ.cjs"),a=require("../chunk-5G4YVRQR.cjs"),n=require("../chunk-FANWR6MV.cjs"),i=require("../chunk-PPKNIQYI.cjs"),o=require("../chunk-AI3N423E.cjs"),s=require("../chunk-SAYTLQ3L.cjs"),r=require("../chunk-HFSPK2LG.cjs"),l=require("react"),c=require("react/jsx-runtime"),d=require("@yahoo/uds/fixtures"),u=require("motion/react"),p=require("lodash-es"),h=require("@yahoo/uds/client/Menu"),m={first:e=>e[0]||"",last:e=>e[e.length-1]||"",firstAndLast:e=>1===e.length?e[0]:`${e[0]}${e[e.length-1]}`,firstTwo:e=>e.slice(0,2).join(""),firstThree:e=>e.slice(0,3).join(""),firstOfEach:e=>e.join("")},x=(e,t="firstAndLast")=>{if(!e)return"";const a=e.trim().split(/\s+/).map(e=>e[0].toUpperCase());return"function"==typeof t?t(e):m[t](a)},f=(e="md")=>o.getStyles({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),g=e=>e?{height:e,width:e}:{},b="primary",y="md",v={primary:t.e2,secondary:t.t},S=({size:e=y,variant:t=b,customSize:a,icon:n,className:i})=>{const s=l.useMemo(()=>g(a),[a]),r=l.useMemo(()=>o.cx(f(e),o.getStyles({avatarIconVariantRoot:t,overflow:"hidden"}),i),[i,e,t]),d=l.useMemo(()=>o.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"}),[]),u=l.useMemo(()=>({...s,boxSizing:"content-box"}),[s]),p=l.useMemo(()=>n??v[t??"primary"],[n,t]),h=l.useMemo(()=>o.getStyles({avatarSizeIcon:e}),[e]);return c.jsx(o.Box,{className:r,style:s,children:c.jsx(o.Box,{className:d,style:u,children:c.jsx(o.Icon,{name:p,variant:"fill",color:"current",className:h,"data-testid":"avatar-icon"})})})};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */S.displayName="AvatarIcon";var C=({size:e=y,variant:t=b,name:a,initials:n,customSize:i,abbreviationStrategy:s,className:r})=>{const d=l.useMemo(()=>o.cx(f(e),o.getStyles({avatarTextVariantRoot:t,overflow:"hidden"}),"truncate",r),[r,e,t]),u=l.useMemo(()=>o.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"}),[]),p=l.useMemo(()=>g(i),[i]),h=l.useMemo(()=>({...p,boxSizing:"content-box"}),[p]);return c.jsx(o.Box,{className:d,style:p,children:c.jsx(o.Text,{color:"inherit",variant:"inherit",className:u,style:h,"data-testid":"avatar-text",children:n||x(a,s)})})};C.displayName="AvatarText";var I=({size:t=y,variant:a=b,src:n,srcSet:i,customSize:s,alt:r,imageProps:d,abbreviationStrategy:u,fallback:p,className:h})=>{const[m,x]=l.useState("loading");l.useEffect(()=>{let e=!0;if(n||i){const t=new Image;t.onload=()=>{e&&x("loaded")},t.onerror=()=>{e&&x("error")},n&&(t.src=n),i&&(t.srcset=i)}else x("error");return()=>{e=!1}},[n,i]);const v=l.useMemo(()=>o.cx(f(t),o.getStyles({avatarImageVariantRoot:a,overflow:"hidden"}),h),[h,t,a]),I=l.useMemo(()=>o.getStyles({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"}),[]),N=l.useMemo(()=>g(s),[s]),j=l.useMemo(()=>({...N,boxSizing:"content-box"}),[N]);if("loaded"===m)return c.jsx(o.Box,{className:v,style:N,children:c.jsx(e.Image,{src:n,srcSet:i,alt:r,className:I,style:j,...d})});const k={size:t,customSize:s,variant:a};return p||r?c.jsx(C,{name:r,initials:p,abbreviationStrategy:u,...k}):c.jsx(S,{...k})};I.displayName="AvatarImage";var N=e=>c.jsx(I,{...e});N.displayName="Avatar";var j=l.forwardRef(function({variant:e="primary",size:t="md",minWidth:n,maxWidth:i=200,startIcon:s,endIcon:r,backgroundColor:d,color:u,iconColor:p,borderColor:h,children:m,className:x,...f},g){const b=o.getStyles({badgeSizeRoot:t,badgeVariantRoot:e,className:o.cx(["uds-badge","uds-badge-variant","uds-badge-size",x])}),y=o.getStyles({badgeVariantIcon:e,badgeSizeIcon:t,className:o.cx(["uds-badge-iconSize","uds-badge-iconColor"])}),v=l.useMemo(()=>({...n?{minWidth:`${n}px`}:{},..."full"===i?{}:{maxWidth:`${i}px`},...d?{backgroundColor:d}:{},...h?{borderColor:h}:{},...u?{color:u}:{}}),[d,h,u,i,n]),S=l.useMemo(()=>({variant:"fill",style:{...p?{color:p}:{}}}),[p]);return c.jsxs(a.HStack,{ref:g,gap:"2",display:"inline-flex",alignItems:"center",className:b,style:v,...f,children:[s&&c.jsx(o.IconSlot,{icon:s,iconProps:S,"data-testid":"start-icon",className:y}),c.jsx("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:m}),r&&c.jsx(o.IconSlot,{icon:r,iconProps:S,"data-testid":"end-icon",className:y})]})});j.displayName="Badge";var k={scale:.7,opacity:0},w={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},V={icon:w,hide:k,loading:k},M={loading:w,hide:k,icon:k},R=`var(${r.BUTTON_CSS_VAR_MAP.columnGap})`,z=`var(${r.BUTTON_CSS_VAR_MAP.iconSize})`,T={rest:{scale:`var(${r.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${r.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${r.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:R}},P={hide:{width:"0px",opacity:0,display:"none"},loading:{width:z,display:"flex",opacity:1},icon:{width:z,display:"flex",opacity:1}},A=l.forwardRef(function({variant:e,size:a,startIcon:n,endIcon:r,iconVariant:p,loading:h,disableEffects:m,children:x,asChild:f,type:g="button",className:b,width:y,...v},S){const C=l.useRef(null);l.useImperativeHandle(S,()=>C.current);const I=l.useMemo(()=>o.createSlot(),[]),N=l.useMemo(()=>u.m.create(I),[I]),j=r?"icon":"hide",k=(({startIcon:e,endIcon:t,loading:a})=>e||t||a?"withIcon":"withoutIcon")({startIcon:n,endIcon:r,loading:h}),w=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:h,startIcon:n}),{palette:R,variant:z}=l.useMemo(()=>s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),[e]),A=l.useMemo(()=>({button:o.getStyles({width:y,buttonSize:a,buttonVariant:z,buttonPalette:R,className:o.cx("uds-button","uds-ring","uds-hit-target",h&&"uds-button-loading",m&&"uds-button-without-effects","withIcon"===k&&"uds-button-with-gap",b)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"}),[y,a,z,R,b,h,m,k]),B=u.useReducedMotion()?"smooth":"subtle",E=l.useMemo(()=>c.jsx(u.m.span,{className:A.iconContainer,initial:!1,variants:P,animate:w,children:c.jsxs(u.AnimatePresence,{initial:!1,mode:"popLayout",children:[h&&c.jsx(u.m.span,{variants:M,initial:"hide",animate:"loading",exit:"hide",children:c.jsx(o.Icon,{size:d.buttonIconSvgSize,name:t.o2,variant:p,color:"current",className:A.loading})},"loading"),n&&!h&&c.jsx(u.m.span,{variants:V,initial:"hide",animate:"icon",exit:"hide",children:c.jsx(o.IconSlot,{className:A.start,icon:n,iconProps:{size:d.buttonIconSvgSize,variant:p,color:"current"}})})]})}),[A.iconContainer,A.loading,A.start,w,h,p,n]),L=l.useMemo(()=>c.jsx(u.m.span,{className:A.iconContainer,initial:!1,variants:P,animate:j,children:c.jsx(u.AnimatePresence,{initial:!1,mode:"popLayout",children:r&&c.jsx(u.m.span,{variants:V,initial:"hide",animate:"icon",exit:"hide",children:c.jsx(o.IconSlot,{className:A.end,icon:r,iconProps:{size:d.buttonIconSvgSize,variant:p,color:"current"}})})})}),[A.iconContainer,A.end,r,j,p]),q=l.useMemo(()=>m?{...T,rest:{},hover:{},pressed:{}}:T,[m]);return f&&l.isValidElement(x)?c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:B,children:c.jsx(N,{type:g,className:A.button,initial:["hide",k],animate:k,variants:q,whileHover:"hover",whileTap:"pressed",...v,children:l.cloneElement(x,x.props,c.jsxs(c.Fragment,{children:[E,c.jsx("span",{className:A.content,children:x.props.children}),L]}))})}):c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:B,children:c.jsxs(u.m.button,{ref:C,type:g,className:A.button,initial:["hide",k],animate:k,variants:q,whileHover:"hover",whileTap:"pressed",...v,children:[E,c.jsx("span",{className:A.content,children:x}),L]})})}),B={primary:"alert",secondary:"alert-secondary"},E=e=>"indeterminate"===e,L=e=>E(e)?t.o:t.e,q=u.m.create(o.Box),H={layoutVariant:"smooth",layoutSpeed:"3"},O={layoutVariant:"veryBouncy",layoutSpeed:"4"},F=l.forwardRef(function({id:e,checked:t,defaultChecked:a,onChange:s,label:r,labelPosition:d="start",variant:p="primary",size:h="md",reduceMotion:m,disabled:x,required:f,hasError:g,className:b,layerClassNames:y,...v},S){const C=l.useId(),I=e??`uds-input-${C}`,N=l.useRef(null),j=void 0!==t,[k,w]=l.useState(j?t:a),[V,M]=l.useState(!1),[R,z]=l.useState(!1),T=l.useMemo(()=>g?B[p]:p,[g,p]),P=!x&&V,A=!x&&R,F=l.useMemo(()=>A?.9:P?1.1:1,[A,P]),$=l.useMemo(()=>k?A?"opacity-55":"opacity-100":"opacity-0",[k,A]),_=l.useMemo(()=>({scale:F}),[F]),W=l.useMemo(()=>R?O:H,[R]),D=l.useCallback(e=>{s?.(e),j||w(e.target.checked)},[j,s]),G=l.useCallback(()=>{M(!0)},[]),U=l.useCallback(()=>{M(!1)},[]),Q=l.useCallback(()=>{z(!0)},[]),K=l.useCallback(()=>{z(!1)},[]),X=e=>{N.current&&(N.current.indeterminate=E(e))},Y=m?"always":"user",J=u.useReducedMotion()||m?"duration-0":"duration-120";l.useEffect(()=>{j&&w(t)},[t,j]),l.useEffect(()=>{X(k)},[k]);const Z=E(k)?"indeterminate":k?"checked":"unchecked",ee={root:o.getStyles({checkboxSizeRoot:h,checkboxVariantRoot:T,checkboxVariantValueRoot:Z,display:"flex",flexDirection:"start"===d?"row":"row-reverse",alignItems:"center",className:o.cx({"cursor-pointer":!x,"cursor-default":x,"opacity-50":x},b,y?.root)}),checkbox:o.getStyles({checkboxSizeCheckbox:h,checkboxVariantCheckbox:T,checkboxVariantValueCheckbox:Z,className:o.cx("border","rounded-[4px]","uds-ring","uds-ring-within",J,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:o.getStyles({checkboxVariantCheckboxIcon:T,checkboxVariantValueCheckboxIcon:Z,className:o.cx("pointer-events-none",$,J,"transition-opacity")}),htmlCheckbox:o.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:o.cx("start"===d?"text-start":"text-end",y?.label)},te=r?u.m.label:u.m.div;return c.jsx(i.SpringMotionConfig,{reducedMotion:Y,...W,children:c.jsxs(te,{className:ee.root,"data-testid":"container",onHoverStart:G,onHoverEnd:U,onTapStart:Q,onTap:K,onTapCancel:K,tabIndex:-1,children:[c.jsxs(q,{position:"relative",className:ee.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:_,children:[c.jsx("input",{type:"checkbox",...v,ref:e=>{N.current=e,X(k),"function"==typeof S?S(e):null!==S&&(S.current=e)},id:I,disabled:x,required:f,"aria-invalid":g,checked:j?!E(k)&&k:void 0,defaultChecked:j?void 0:a,onChange:D,className:ee.htmlCheckbox}),c.jsx(o.Icon,{name:L(k),size:"sm",className:ee.check})]}),r&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:f,label:r,className:ee.label})]})})});F.displayName="Checkbox";var $="primary",_=l.forwardRef(function({size:e="md",minWidth:t,maxWidth:n=200,startIcon:i,endIcon:s,as:r="div",reduceMotion:d,disabled:p=!1,className:h,layerClassNames:m,children:x,...f},g){const b=u.useReducedMotion()||d?"duration-0":"duration-120",y=l.useMemo(()=>({root:o.getStyles({chipSizeRoot:e,className:o.cx({"pointer-events-none":p,"cursor-default":p,"opacity-50":p},"focus-visible:-outline-offset-2","uds-ring",b,"transition-[background-color,outline-color,box-shadow]",m?.root,h)}),icon:o.getStyles({chipSizeIcon:e,className:m?.icon})}),[h,b,p,m?.icon,m?.root,e]);return c.jsx(a.HStack,{asChild:!0,ref:g,display:"inline-flex",alignItems:"center",style:{maxWidth:`${n}px`,...t?{minWidth:`${t}px`}:{}},className:y.root,...f,children:c.jsxs(r,{disabled:p,children:[i&&c.jsx(o.IconSlot,{icon:i,iconProps:{variant:"fill",className:y.icon},"data-testid":"start-icon"}),c.jsx(o.Text,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:x}),s&&c.jsx(o.IconSlot,{icon:s,iconProps:{variant:"fill",className:y.icon},"data-testid":"end-icon"})]})})});_.displayName="ChipBase";var W=l.forwardRef(function({variant:e=$,...t},a){const n=l.useMemo(()=>({root:o.getStyles({chipLinkVariantRoot:e}),icon:o.getStyles({chipLinkVariantIcon:e})}),[e]);return c.jsx(_,{as:"button",ref:a,variant:e,layerClassNames:n,...t})});W.displayName="ChipButton";var D=l.forwardRef(function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:n,variant:i=$,disabled:s,...r},d){const u=l.useMemo(()=>({root:o.getStyles({chipDismissibleVariantRoot:i}),icon:o.getStyles({chipDismissibleVariantIcon:i})}),[i]),p=l.useCallback(e=>{e.stopPropagation(),a?.()},[a]),h={icon:o.cx("uds-chip-dismissible-button","uds-hit-target")};return c.jsx(_,{ref:d,variant:i,disabled:s,tabIndex:-1,endIcon:a=>c.jsx(t.Pressable,{"aria-label":e,className:h.icon,onClick:p,disabled:s,children:c.jsx(o.IconSlot,{icon:n??t.a,iconProps:a,"data-testid":"dismiss-icon"})}),layerClassNames:u,...r})});D.displayName="ChipDismissible";var G=l.forwardRef(function({variant:e=$,href:t,disabled:a,...n},i){const s=l.useMemo(()=>({root:o.getStyles({chipLinkVariantRoot:e}),icon:o.getStyles({chipLinkVariantIcon:e})}),[e]);return c.jsx(_,{as:"a",ref:i,variant:e,disabled:a,layerClassNames:s,...{...n,href:a?void 0:t}})});G.displayName="ChipLink";var U=l.forwardRef(function({isToggled:e=!1,onToggle:t,onClick:a,variant:n=$,...i},s){const r=l.useMemo(()=>({root:o.getStyles({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off"}),icon:o.getStyles({chipToggleVariantIcon:n})}),[e,n]),d=l.useCallback(n=>{t?.(!e),a?.(n)},[e,a,t]);return c.jsx(_,{ref:s,as:"button",variant:n,onClick:d,"aria-pressed":e,layerClassNames:r,...i})});U.displayName="ChipToggle";var Q=l.forwardRef(function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:i,isToggled:o,...s},r){return n?c.jsx(D,{ref:r,onDismiss:n,...s}):i?c.jsx(U,{ref:r,onToggle:i,isToggled:o,...s}):t?c.jsx(G,{ref:r,href:t,...s,...a}):c.jsx(W,{ref:r,onClick:e,...s})});Q.displayName="Chip";var K=l.forwardRef(function({variant:e,size:a,iconVariant:n,loading:r,disableEffects:p,name:h,type:m="button",htmlName:x,className:f,children:g,...b},y){const v=l.useRef(null);l.useImperativeHandle(y,()=>v.current);const{palette:S,variant:C}=s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),I=l.useMemo(()=>({button:o.getStyles({buttonVariant:C,buttonPalette:S,iconButtonSize:a,className:o.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",r&&"uds-button-loading",p&&"uds-button-without-effects",f)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"}),[S,C,f,p,a,r]),N=u.useReducedMotion(),j=l.useMemo(()=>N?"smooth":"subtle",[N]),k=l.useMemo(()=>{const{rest:e,hover:t,pressed:a}=T;return p?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}},[p]);return c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:j,reducedMotion:p?"always":"user",children:c.jsx(u.m.button,{ref:v,type:m,className:I.button,initial:"icon",variants:k,whileHover:"hover",whileTap:"pressed",name:x,...b,children:c.jsxs(u.AnimatePresence,{initial:!1,mode:"popLayout",children:[r&&c.jsx(u.m.span,{variants:M,initial:"loading",animate:"loading",exit:"hide",children:c.jsx(o.Icon,{size:d.buttonIconSvgSize,name:t.o2,variant:n,color:"current",className:I.loading})},"loading"),h&&!r&&c.jsx(u.m.span,{variants:V,initial:"icon",animate:"icon",exit:"hide",children:g||c.jsx(o.Icon,{size:d.buttonIconSvgSize,name:h,variant:n,color:"current",className:I.icon})},h.name)]})})})}),X=({children:e,reduceMotion:t,layoutVariant:a})=>{const n=l.useRef(null),[o,s]=l.useState("auto");return l.useEffect(()=>{if(n.current){const e=new ResizeObserver(e=>{s(e[0].contentRect.height)});return e.observe(n.current),()=>{e.disconnect()}}},[]),c.jsx(i.SpringMotionConfig,{reducedMotion:t,layoutSpeed:"4",layoutVariant:a,children:c.jsx(u.m.div,{className:"overflow-hidden",style:{height:o,opacity:0},animate:{height:o,opacity:1},children:c.jsx("div",{ref:n,children:e})})})},Y=l.memo(function({helpText:t,helperTextIcon:a,spacingStart:n,spacingTop:i,size:s,isFilled:r,...l}){return t?c.jsx(o.Box,{spacingTop:i,spacingStart:n,...l,children:c.jsx(e.InputHelpTextMemo,{startIcon:a,size:s,isFilled:r,children:p.isFunction(t)?t():t})}):null}),J=l.memo(function({icon:e,className:t}){return e?c.jsx(o.IconSlot,{icon:e,iconProps:{variant:"outline"},className:t}):null}),Z=l.memo(function({icon:e,className:t}){if(!e)return null;return c.jsx(o.IconSlot,{icon:e,iconProps:{variant:"outline"},"data-testid":"end-icon",className:t})}),ee=l.forwardRef(function({id:e,label:t,type:n="text",size:i="md",startIcon:s,endIcon:r,helpText:d,helperTextIcon:h,hasError:m,width:x="full",defaultValue:f,required:g,readOnly:b,disabled:y,reduceMotion:v,onChange:S,className:C,...I},N){const j=l.useId(),k=e??`uds-input-${j}`,w=`uds-input-${k}-help-text`,V=l.useRef(null);l.useImperativeHandle(N,()=>V.current);const[M,R]=l.useState(f??""),z=l.useCallback(e=>{R(e.target.value),S?.(e)},[S]),T=u.useReducedMotion()?"smooth":"bouncy",P=v?"always":"user",A=!b&&!y,B={root:o.getStyles({inputSizeRoot:i,inputVariantRoot:"default",inputVariantValueRoot:M?"filled":"empty",className:o.cx([C,y?"opacity-50":""])}),inputWrapper:o.cx(o.getStyles({inputSizeInputWrapper:i,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:M?"filled":"empty"}),"min-w-[200px]"),input:o.getStyles({inputSizeInput:i,inputVariantInput:"default",inputVariantValueInput:M?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:M?"filled":"empty",className:o.cx("grow","uds-hit-target","bg-clip-text","focus:outline-none",A?"cursor-text":"cursor-not-allowed")}),label:o.cx(o.getStyles({inputSizeLabel:i,inputVariantLabel:"default",inputVariantValueLabel:M?"filled":"empty"})),labelRequired:o.getStyles({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:M?"filled":"empty"}),startIcon:o.getStyles({inputSizeStartIcon:i,inputVariantStartIcon:"default",inputVariantValueStartIcon:M?"filled":"empty"}),endIcon:o.getStyles({inputSizeEndIcon:i,inputVariantEndIcon:"default",inputVariantValueEndIcon:M?"filled":"empty"})};return c.jsxs(a.VStack,{width:x,className:B.root,children:[t&&c.jsxs(o.Box,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:B.label,children:[c.jsx("label",{htmlFor:k,children:p.isFunction(t)?t():t}),g&&c.jsx("span",{className:B.labelRequired,children:"*"})]}),c.jsxs(o.Box,{position:"relative",alignItems:"center",className:B.inputWrapper,children:[c.jsx(J,{icon:s,className:B.startIcon}),c.jsx("input",{ref:V,id:k,type:n,value:M,required:g,readOnly:b,disabled:y,"aria-describedby":w,"aria-invalid":m,onChange:z,className:B.input,...I}),r&&c.jsx(a.HStack,{alignItems:"center",gap:"1",children:c.jsx(Z,{icon:r,className:B.endIcon})})]}),c.jsx(X,{reduceMotion:P,layoutVariant:T,children:c.jsx(Y,{id:w,helpText:d,spacingTop:"2",size:i,isFilled:!!M,helperTextIcon:h})})]})});ee.displayName="Input";var te=class e{name;value;activeCount=0;#e=new Set;constructor(e){this.name=e}onChange(e){return this.#e.add(e),()=>{this.#e.delete(e)}}setValue(e){this.value=e,this.#e.forEach(t=>t(e))}static findOrCreate(t,a){let n=t.get(a);return n||(n=new e(a),t.set(a,n)),n}},ae=l.createContext(new Map),ne=e=>{const t=l.useId();return e??`uds-radio-group-${t}`},ie={primary:"alert",secondary:"alert-secondary"},oe=u.m.create(o.Box),se={layoutVariant:"smooth",layoutSpeed:"3"},re={layoutVariant:"veryBouncy",layoutSpeed:"4"},le=l.forwardRef(function({id:e,name:t,label:a,labelPosition:s="start",variant:r="primary",size:d="md",reduceMotion:p,value:h="",checked:m,defaultChecked:x,disabled:f,hasError:g,onChange:b,onFocus:y,onBlur:v,className:S,layerClassNames:C,...I},N){const j=l.useId(),k=e??`uds-radio-${j}`,w=l.useRef(null),{name:V,isControlled:M,checked:R,setGroupValue:z}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const i=l.useContext(ae),o=i instanceof te,s=void 0!==a||o,r=ne(e),c=l.useMemo(()=>o?i:te.findOrCreate(i,r),[i,o,r]),[d,u]=l.useState(c.value),p=c.name??r,h=l.useCallback(e=>{c.setValue(e),s||u(e)},[s,c]);return l.useEffect(()=>c.onChange(u),[c]),l.useEffect(()=>{!0===a&&h(t)},[a,t,h]),l.useEffect(()=>{if(o)return;const e=te.findOrCreate(i,p);return e.activeCount+=1,i.set(p,e),()=>{const e=i.get(p);e&&(e.activeCount-=1,0===e.activeCount&&i.delete(p))}},[i,o,p]),{name:p,isControlled:s,checked:s&&!o?a:void 0!==d?t===d:n??!1,setGroupValue:h}})({name:t,value:h,checked:m,defaultChecked:x}),[T,P]=l.useState(!1),[A,B]=l.useState(!1),E=l.useMemo(()=>g?ie[r]:r,[g,r]),L=l.useMemo(()=>!f&&T,[f,T]),q=l.useMemo(()=>!f&&!R&&A,[R,f,A]),H=l.useMemo(()=>q?.9:L?1.1:1,[L,q]),O=l.useMemo(()=>R?q?"opacity-55":"opacity-100":"opacity-0",[R,q]),F=l.useMemo(()=>!f&&(q&&!R||L&&R),[R,f,L,q]),$=l.useMemo(()=>({scale:H}),[H]),_=l.useMemo(()=>A?re:se,[A]),W=l.useCallback(e=>{z(e.target.value),b?.(e)},[b,z]),D=l.useCallback(e=>{y?.(e)},[y]),G=l.useCallback(e=>{v?.(e)},[v]),U=l.useCallback(()=>{P(!0)},[]),Q=l.useCallback(()=>{P(!1)},[]),K=l.useCallback(()=>{B(!0)},[]),X=l.useCallback(()=>{B(!1)},[]),Y=p?"always":"user",J=u.useReducedMotion()||p?"duration-0":"duration-120",Z={root:o.getStyles({radioSizeRoot:d,radioVariantValueRoot:R?"checked":"unchecked",radioVariantRoot:E,display:"flex",flexDirection:"start"===s?"row":"row-reverse",alignItems:"center",className:o.cx([{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S,C?.root])}),radio:o.getStyles({radioSizeRadio:d,radioVariantRadio:E,radioVariantValueRadio:R?"checked":"unchecked",className:o.cx(["border","uds-ring","uds-ring-within",J,"transition-[background-color,border-color]","transition-shadow",C?.radio])}),radioCircle:o.getStyles({radioVariantRadioCircle:E,radioVariantValueRadioCircle:R?"checked":"unchecked",className:o.cx(["pointer-events-none","w-[8px]","h-[8px]",O,J,"transition-opacity"])}),htmlRadio:o.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:o.cx("start"===s?"text-start":"text-end",C?.label)},ee=a?u.m.label:u.m.div;return c.jsx(i.SpringMotionConfig,{reducedMotion:Y,..._,children:c.jsxs(ee,{className:Z.root,"data-testid":"container",onHoverStart:U,onHoverEnd:Q,onTapStart:K,onTap:X,onTapCancel:X,tabIndex:-1,children:[c.jsxs(oe,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:Z.radio,animate:$,insetShadow:F?"lg-invert":"none",children:[c.jsx("input",{type:"radio",...I,ref:e=>{w.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:D,onBlur:G,id:k,name:V,value:h,disabled:f,"aria-invalid":g,onChange:W,...M?{checked:R}:{defaultChecked:x},className:Z.htmlRadio}),c.jsx(o.Box,{borderRadius:"full",className:Z.radioCircle})]}),a&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",label:a,className:Z.label})]})})});le.displayName="Radio";var ce=o.createSlot(),de=class extends te{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},ue=l.forwardRef(function({asChild:e,name:t,value:a,defaultValue:n,onChange:i,...o},s){const r=void 0!==a,d=ne(t),u=l.useMemo(()=>{const e=new de(d,r);return e.value=r?a:n,e},[n,r,d,a]);l.useEffect(()=>{u.onChangeCb=i},[i,u]),l.useEffect(()=>{r&&u.setValue(a,!0)},[r,u,a]),l.useEffect(()=>u.onChange(e=>i?.(e)),[i,u]);const p=e?ce:"div";return c.jsx(ae.Provider,{value:u,children:c.jsx(p,{role:"radiogroup",ref:s,...o})})});ue.displayName="RadioGroupProvider";var pe={md:{isOnX:20},sm:{isOnX:12}},he=u.m.create(o.Box),me={layoutVariant:"bouncy",layoutSpeed:"4"},xe=l.forwardRef(function({id:e,isOn:t,defaultIsOn:a,onChange:s,label:r,labelPosition:d="start",size:p="md",onIcon:h,offIcon:m,reduceMotion:x,disabled:f,required:g,onFocus:b,onBlur:y,className:v,layerClassNames:S,...C},I){const N=l.useId(),j=e??`uds-input-${N}`,k=l.useRef(null),w=void 0!==t,[V,M]=l.useState(w?t:a),[R,z]=l.useState(!1),T=l.useMemo(()=>!f&&R,[f,R]),{isOnX:P}=pe[p],A=l.useMemo(()=>({initial:{scale:1,x:V?P:0},animate:{scale:T?1.05:1,x:V?P:0}}),[T,V,P]),B=l.useCallback(e=>{s?.(e),w||M(e.target.checked)},[w,s]),E=l.useCallback(e=>{b?.(e)},[b]),L=l.useCallback(e=>{y?.(e)},[y]),q=l.useCallback(()=>{z(!0)},[]),H=l.useCallback(()=>{z(!1)},[]),O=x?"always":"user",F=u.useReducedMotion()||x?"duration-0":"duration-120";l.useEffect(()=>{w&&M(t)},[t,w]);const $={root:o.getStyles({switchSizeRoot:p,switchVariantRoot:"default",switchVariantActiveRoot:V?"on":"off",display:"flex",flexDirection:"start"===d?"row":"row-reverse",alignItems:"center",className:o.cx("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S?.root,v)}),switch:o.getStyles({switchVariantSwitch:"default",switchSizeSwitch:p,switchVariantActiveSwitch:V?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:o.cx("uds-ring","uds-ring-within",F,"transition-[background-color,box-shadow]",S?.switch)}),handle:o.getStyles({switchSizeHandle:p,className:o.cx("relative","pointer-events-none","rounded-full","overflow-hidden",S?.handle)}),handleCircle:o.getStyles({switchVariantActiveHandle:V?"on":"off",switchVariantHandle:"default",className:o.cx("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",F,"transition-[background-color,box-shadow,opacity]")}),handleIcon:o.getStyles({switchSizeHandleIcon:p,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:V?"on":"off",className:o.cx("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",F,"transition-opacity")}),htmlCheckbox:o.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:o.cx("start"===d?"text-start":"text-end",S?.label)},_=r?u.m.label:u.m.div;return c.jsx(i.SpringMotionConfig,{reducedMotion:O,...me,children:c.jsxs(_,{className:$.root,"data-testid":"container",onHoverStart:q,onHoverEnd:H,tabIndex:-1,children:[c.jsxs(he,{className:$.switch,children:[c.jsx("input",{type:"checkbox",...C,ref:e=>{k.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:E,onBlur:L,id:j,disabled:f,required:g,checked:w?V:void 0,defaultChecked:w?void 0:a,onChange:B,className:$.htmlCheckbox,style:{}}),c.jsxs(he,{className:$.handle,...A,children:[c.jsx(o.Box,{className:$.handleCircle}),h&&c.jsx(o.IconSlot,{icon:h,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:o.cx($.handleIcon,V?"opacity-100":"opacity-0")}),m&&c.jsx(o.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:o.cx($.handleIcon,V?"opacity-0":"opacity-100")})]})]}),r&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:g,label:r,className:$.label})]})})});xe.displayName="Switch",Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return t.Pressable}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return i.SpringMotionConfig}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return h.Menu}}),exports.Avatar=N,exports.AvatarIcon=S,exports.AvatarImage=I,exports.AvatarText=C,exports.Badge=j,exports.Button=A,exports.Checkbox=F,exports.Chip=Q,exports.ChipButton=W,exports.ChipDismissible=D,exports.ChipLink=G,exports.ChipToggle=U,exports.IconButton=K,exports.Input=ee,exports.Radio=le,exports.RadioGroupProvider=ue,exports.Switch=xe;

package/dist/client/index.js

@@ -1,2 +1,2 @@
 "use client";
-import{InputHelpTextMemo as e,Image as a}from"../chunk-6L6FTCV3.js";import{o2 as t,Pressable as n,a as i,o,e as r,t as s,e2 as l}from"../chunk-KFZR7S5C.js";export{Pressable}from"../chunk-KFZR7S5C.js";import{HStack as c,VStack as d}from"../chunk-LRXPFSOA.js";import{FormLabel as u}from"../chunk-GWA5BSEK.js";import{SpringMotionConfig as h}from"../chunk-RZTLEOVZ.js";export{SpringMotionConfig}from"../chunk-RZTLEOVZ.js";import{getStyles as p,cx as m,IconSlot as f,createSlot as v,Icon as b,Box as y,Text as g}from"../chunk-ROM55CQD.js";import{parseDeprecatedButtonPaletteVariant as x}from"../chunk-6OYKLY27.js";import{BUTTON_CSS_VAR_MAP as N}from"../chunk-5EWXEQJ3.js";import{forwardRef as C,useMemo as V,useRef as w,useImperativeHandle as I,isValidElement as k,cloneElement as S,useId as z,useState as R,useCallback as T,useEffect as L,memo as P,createContext as j,useContext as A}from"react";import{jsxs as E,jsx as M,Fragment as O}from"react/jsx-runtime";import{buttonIconSvgSize as $}from"@yahoo/uds/fixtures";import{m as H,useReducedMotion as W,AnimatePresence as B}from"motion/react";import{isFunction as F}from"lodash-es";export{Menu}from"@yahoo/uds/client/Menu";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var q={first:e=>e[0]||"",last:e=>e[e.length-1]||"",firstAndLast:e=>1===e.length?e[0]:`${e[0]}${e[e.length-1]}`,firstTwo:e=>e.slice(0,2).join(""),firstThree:e=>e.slice(0,3).join(""),firstOfEach:e=>e.join("")},D=(e,a="firstAndLast")=>{if(!e)return"";const t=e.trim().split(/\s+/).map(e=>e[0].toUpperCase());return"function"==typeof a?a(e):q[a](t)},G=(e="md")=>p({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),Z=e=>e?{height:e,width:e}:{},X="primary",K="md",Q={primary:l,secondary:s},Y=({size:e=K,variant:a=X,customSize:t,icon:n,className:i})=>{const o=V(()=>Z(t),[t]),r=V(()=>m(G(e),p({avatarIconVariantRoot:a,overflow:"hidden"}),i),[i,e,a]),s=V(()=>p({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"}),[]),l=V(()=>({...o,boxSizing:"content-box"}),[o]),c=V(()=>n??Q[a??"primary"],[n,a]),d=V(()=>p({avatarSizeIcon:e}),[e]);return M(y,{className:r,style:o,children:M(y,{className:s,style:l,children:M(b,{name:c,variant:"fill",color:"current",className:d,"data-testid":"avatar-icon"})})})};Y.displayName="AvatarIcon";var J=({size:e=K,variant:a=X,name:t,initials:n,customSize:i,abbreviationStrategy:o,className:r})=>{const s=V(()=>m(G(e),p({avatarTextVariantRoot:a,overflow:"hidden"}),"truncate",r),[r,e,a]),l=V(()=>p({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"}),[]),c=V(()=>Z(i),[i]),d=V(()=>({...c,boxSizing:"content-box"}),[c]);return M(y,{className:s,style:c,children:M(g,{color:"inherit",variant:"inherit",className:l,style:d,"data-testid":"avatar-text",children:n||D(t,o)})})};J.displayName="AvatarText";var U=({size:e=K,variant:t=X,src:n,srcSet:i,customSize:o,alt:r,imageProps:s,abbreviationStrategy:l,fallback:c,className:d})=>{const[u,h]=R("loading");L(()=>{let e=!0;if(n||i){const a=new Image;a.onload=()=>{e&&h("loaded")},a.onerror=()=>{e&&h("error")},n&&(a.src=n),i&&(a.srcset=i)}else h("error");return()=>{e=!1}},[n,i]);const f=V(()=>m(G(e),p({avatarImageVariantRoot:t,overflow:"hidden"}),d),[d,e,t]),v=V(()=>p({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"}),[]),b=V(()=>Z(o),[o]),g=V(()=>({...b,boxSizing:"content-box"}),[b]);if("loaded"===u)return M(y,{className:f,style:b,children:M(a,{src:n,srcSet:i,alt:r,className:v,style:g,...s})});const x={size:e,customSize:o,variant:t};return c||r?M(J,{name:r,initials:c,abbreviationStrategy:l,...x}):M(Y,{...x})};U.displayName="AvatarImage";var _=e=>M(U,{...e});_.displayName="Avatar";var ee=C(function({variant:e="primary",size:a="md",minWidth:t,maxWidth:n=200,startIcon:i,endIcon:o,backgroundColor:r,color:s,iconColor:l,borderColor:d,children:u,className:h,...v},b){const y=p({badgeSizeRoot:a,badgeVariantRoot:e,className:m(["uds-badge","uds-badge-variant","uds-badge-size",h])}),g=p({badgeVariantIcon:e,badgeSizeIcon:a,className:m(["uds-badge-iconSize","uds-badge-iconColor"])}),x=V(()=>({...t?{minWidth:`${t}px`}:{},..."full"===n?{}:{maxWidth:`${n}px`},...r?{backgroundColor:r}:{},...d?{borderColor:d}:{},...s?{color:s}:{}}),[r,d,s,n,t]),N=V(()=>({variant:"fill",style:{...l?{color:l}:{}}}),[l]);return E(c,{ref:b,gap:"2",display:"inline-flex",alignItems:"center",className:y,style:x,...v,children:[i&&M(f,{icon:i,iconProps:N,"data-testid":"start-icon",className:g}),M("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:u}),o&&M(f,{icon:o,iconProps:N,"data-testid":"end-icon",className:g})]})});ee.displayName="Badge";var ae={scale:.7,opacity:0},te={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},ne={icon:te,hide:ae,loading:ae},ie={loading:te,hide:ae,icon:ae},oe=`var(${N.columnGap})`,re=`var(${N.iconSize})`,se={rest:{scale:`var(${N.effects.scale.rest})`},hover:{scale:`var(${N.effects.scale.hover})`},pressed:{scale:`var(${N.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:oe}},le={hide:{width:"0px",opacity:0,display:"none"},loading:{width:re,display:"flex",opacity:1},icon:{width:re,display:"flex",opacity:1}},ce=C(function({variant:e,size:a,startIcon:n,endIcon:i,iconVariant:o,loading:r,disableEffects:s,children:l,asChild:c,type:d="button",className:u,width:y,...g},N){const C=w(null);I(N,()=>C.current);const z=V(()=>v(),[]),R=V(()=>H.create(z),[z]),T=i?"icon":"hide",L=(({startIcon:e,endIcon:a,loading:t})=>e||a||t?"withIcon":"withoutIcon")({startIcon:n,endIcon:i,loading:r}),P=(({loading:e,startIcon:a})=>e?"loading":a?"icon":"hide")({loading:r,startIcon:n}),{palette:j,variant:A}=V(()=>x({flatVariant:e}),[e]),F=V(()=>({button:p({width:y,buttonSize:a,buttonVariant:A,buttonPalette:j,className:m("uds-button","uds-ring","uds-hit-target",r&&"uds-button-loading",s&&"uds-button-without-effects","withIcon"===L&&"uds-button-with-gap",u)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"}),[y,a,A,j,u,r,s,L]),q=W()?"smooth":"subtle",D=V(()=>M(H.span,{className:F.iconContainer,initial:!1,variants:le,animate:P,children:E(B,{initial:!1,mode:"popLayout",children:[r&&M(H.span,{variants:ie,initial:"hide",animate:"loading",exit:"hide",children:M(b,{size:$,name:t,variant:o,color:"current",className:F.loading})},"loading"),n&&!r&&M(H.span,{variants:ne,initial:"hide",animate:"icon",exit:"hide",children:M(f,{className:F.start,icon:n,iconProps:{size:$,variant:o,color:"current"}})})]})}),[F.iconContainer,F.loading,F.start,P,r,o,n]),G=V(()=>M(H.span,{className:F.iconContainer,initial:!1,variants:le,animate:T,children:M(B,{initial:!1,mode:"popLayout",children:i&&M(H.span,{variants:ne,initial:"hide",animate:"icon",exit:"hide",children:M(f,{className:F.end,icon:i,iconProps:{size:$,variant:o,color:"current"}})})})}),[F.iconContainer,F.end,i,T,o]),Z=V(()=>s?{...se,rest:{},hover:{},pressed:{}}:se,[s]);return c&&k(l)?M(h,{layoutSpeed:"3",layoutVariant:q,children:M(R,{type:d,className:F.button,initial:["hide",L],animate:L,variants:Z,whileHover:"hover",whileTap:"pressed",...g,children:S(l,l.props,E(O,{children:[D,M("span",{className:F.content,children:l.props.children}),G]}))})}):M(h,{layoutSpeed:"3",layoutVariant:q,children:E(H.button,{ref:C,type:d,className:F.button,initial:["hide",L],animate:L,variants:Z,whileHover:"hover",whileTap:"pressed",...g,children:[D,M("span",{className:F.content,children:l}),G]})})}),de={primary:"alert",secondary:"alert-secondary"},ue=e=>"indeterminate"===e,he=e=>ue(e)?o:r,pe=H.create(y),me={layoutVariant:"smooth",layoutSpeed:"3"},fe={layoutVariant:"veryBouncy",layoutSpeed:"4"},ve=C(function({id:e,checked:a,defaultChecked:t,onChange:n,label:i,labelPosition:o="start",variant:r="primary",size:s="md",reduceMotion:l,disabled:c,required:d,hasError:f,className:v,layerClassNames:y,...g},x){const N=z(),C=e??`uds-input-${N}`,I=w(null),k=void 0!==a,[S,P]=R(k?a:t),[j,A]=R(!1),[O,$]=R(!1),B=V(()=>f?de[r]:r,[f,r]),F=!c&&j,q=!c&&O,D=V(()=>q?.9:F?1.1:1,[q,F]),G=V(()=>S?q?"opacity-55":"opacity-100":"opacity-0",[S,q]),Z=V(()=>({scale:D}),[D]),X=V(()=>O?fe:me,[O]),K=T(e=>{n?.(e),k||P(e.target.checked)},[k,n]),Q=T(()=>{A(!0)},[]),Y=T(()=>{A(!1)},[]),J=T(()=>{$(!0)},[]),U=T(()=>{$(!1)},[]),_=e=>{I.current&&(I.current.indeterminate=ue(e))},ee=l?"always":"user",ae=W()||l?"duration-0":"duration-120";L(()=>{k&&P(a)},[a,k]),L(()=>{_(S)},[S]);const te=ue(S)?"indeterminate":S?"checked":"unchecked",ne={root:p({checkboxSizeRoot:s,checkboxVariantRoot:B,checkboxVariantValueRoot:te,display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:m({"cursor-pointer":!c,"cursor-default":c,"opacity-50":c},v,y?.root)}),checkbox:p({checkboxSizeCheckbox:s,checkboxVariantCheckbox:B,checkboxVariantValueCheckbox:te,className:m("border","rounded-[4px]","uds-ring","uds-ring-within",ae,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:p({checkboxVariantCheckboxIcon:B,checkboxVariantValueCheckboxIcon:te,className:m("pointer-events-none",G,ae,"transition-opacity")}),htmlCheckbox:m("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:m("start"===o?"text-start":"text-end",y?.label)},ie=i?H.label:H.div;return M(h,{reducedMotion:ee,...X,children:E(ie,{className:ne.root,"data-testid":"container",onHoverStart:Q,onHoverEnd:Y,onTapStart:J,onTap:U,onTapCancel:U,tabIndex:-1,children:[E(pe,{position:"relative",className:ne.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:Z,children:[M("input",{type:"checkbox",...g,ref:e=>{I.current=e,_(S),"function"==typeof x?x(e):null!==x&&(x.current=e)},id:C,disabled:c,required:d,"aria-invalid":f,checked:k?!ue(S)&&S:void 0,defaultChecked:k?void 0:t,onChange:K,className:ne.htmlCheckbox}),M(b,{name:he(S),size:"sm",className:ne.check})]}),i&&M(u,{as:"div",variant:"inherit",color:"inherit",required:d,label:i,className:ne.label})]})})});ve.displayName="Checkbox";var be="primary",ye=C(function({size:e="md",minWidth:a,maxWidth:t=200,startIcon:n,endIcon:i,as:o="div",reduceMotion:r,disabled:s=!1,className:l,layerClassNames:d,children:u,...h},v){const b=W()||r?"duration-0":"duration-120",y=V(()=>({root:p({chipSizeRoot:e,className:m({"pointer-events-none":s,"cursor-default":s,"opacity-50":s},"focus-visible:-outline-offset-2","uds-ring",b,"transition-[background-color,outline-color,box-shadow]",d?.root,l)}),icon:p({chipSizeIcon:e,className:d?.icon})}),[l,b,s,d?.icon,d?.root,e]);return M(c,{asChild:!0,ref:v,display:"inline-flex",alignItems:"center",style:{maxWidth:`${t}px`,...a?{minWidth:`${a}px`}:{}},className:y.root,...h,children:E(o,{disabled:s,children:[n&&M(f,{icon:n,iconProps:{variant:"fill",className:y.icon},"data-testid":"start-icon"}),M(g,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:u}),i&&M(f,{icon:i,iconProps:{variant:"fill",className:y.icon},"data-testid":"end-icon"})]})})});ye.displayName="ChipBase";var ge=C(function({variant:e=be,...a},t){const n=V(()=>({root:p({chipLinkVariantRoot:e}),icon:p({chipLinkVariantIcon:e})}),[e]);return M(ye,{as:"button",ref:t,variant:e,layerClassNames:n,...a})});ge.displayName="ChipButton";var xe=C(function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:t,variant:o=be,disabled:r,...s},l){const c=V(()=>({root:p({chipDismissibleVariantRoot:o}),icon:p({chipDismissibleVariantIcon:o})}),[o]),d=T(e=>{e.stopPropagation(),a?.()},[a]),u={icon:m("uds-chip-dismissible-button","uds-hit-target")};return M(ye,{ref:l,variant:o,disabled:r,tabIndex:-1,endIcon:a=>M(n,{"aria-label":e,className:u.icon,onClick:d,disabled:r,children:M(f,{icon:t??i,iconProps:a,"data-testid":"dismiss-icon"})}),layerClassNames:c,...s})});xe.displayName="ChipDismissible";var Ne=C(function({variant:e=be,href:a,disabled:t,...n},i){const o=V(()=>({root:p({chipLinkVariantRoot:e}),icon:p({chipLinkVariantIcon:e})}),[e]);return M(ye,{as:"a",ref:i,variant:e,disabled:t,layerClassNames:o,...{...n,href:t?void 0:a}})});Ne.displayName="ChipLink";var Ce=C(function({isToggled:e=!1,onToggle:a,onClick:t,variant:n=be,...i},o){const r=V(()=>({root:p({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off"}),icon:p({chipToggleVariantIcon:n})}),[e,n]),s=T(n=>{a?.(!e),t?.(n)},[e,t,a]);return M(ye,{ref:o,as:"button",variant:n,onClick:s,"aria-pressed":e,layerClassNames:r,...i})});Ce.displayName="ChipToggle";var Ve=C(function({onClick:e,href:a,linkProps:t,onDismiss:n,onToggle:i,isToggled:o,...r},s){return n?M(xe,{ref:s,onDismiss:n,...r}):i?M(Ce,{ref:s,onToggle:i,isToggled:o,...r}):a?M(Ne,{ref:s,href:a,...r,...t}):M(ge,{ref:s,onClick:e,...r})});Ve.displayName="Chip";var we=C(function({variant:e,size:a,iconVariant:n,loading:i,disableEffects:o,name:r,type:s="button",htmlName:l,className:c,children:d,...u},f){const v=w(null);I(f,()=>v.current);const{palette:y,variant:g}=x({flatVariant:e}),N=V(()=>({button:p({buttonVariant:g,buttonPalette:y,iconButtonSize:a,className:m("uds-icon-button","uds-button","uds-ring","uds-hit-target",i&&"uds-button-loading",o&&"uds-button-without-effects",c)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"}),[y,g,c,o,a,i]),C=W(),k=V(()=>C?"smooth":"subtle",[C]),S=V(()=>{const{rest:e,hover:a,pressed:t}=se;return o?{rest:{},hover:{},pressed:{}}:{rest:e,hover:a,pressed:t}},[o]);return M(h,{layoutSpeed:"3",layoutVariant:k,reducedMotion:o?"always":"user",children:M(H.button,{ref:v,type:s,className:N.button,initial:"icon",variants:S,whileHover:"hover",whileTap:"pressed",name:l,...u,children:E(B,{initial:!1,mode:"popLayout",children:[i&&M(H.span,{variants:ie,initial:"loading",animate:"loading",exit:"hide",children:M(b,{size:$,name:t,variant:n,color:"current",className:N.loading})},"loading"),r&&!i&&M(H.span,{variants:ne,initial:"icon",animate:"icon",exit:"hide",children:d||M(b,{size:$,name:r,variant:n,color:"current",className:N.icon})},r.name)]})})})}),Ie=({children:e,reduceMotion:a,layoutVariant:t})=>{const n=w(null),[i,o]=R("auto");return L(()=>{if(n.current){const e=new ResizeObserver(e=>{o(e[0].contentRect.height)});return e.observe(n.current),()=>{e.disconnect()}}},[]),M(h,{reducedMotion:a,layoutSpeed:"4",layoutVariant:t,children:M(H.div,{className:"overflow-hidden",style:{height:i,opacity:0},animate:{height:i,opacity:1},children:M("div",{ref:n,children:e})})})},ke=P(function({helpText:a,helperTextIcon:t,spacingStart:n,spacingTop:i,size:o,isFilled:r,...s}){return a?M(y,{spacingTop:i,spacingStart:n,...s,children:M(e,{startIcon:t,size:o,isFilled:r,children:F(a)?a():a})}):null}),Se=P(function({icon:e,className:a}){return e?M(f,{icon:e,iconProps:{variant:"outline"},className:a}):null}),ze=P(function({icon:e,className:a}){if(!e)return null;return M(f,{icon:e,iconProps:{variant:"outline"},"data-testid":"end-icon",className:a})}),Re=C(function({id:e,label:a,type:t="text",size:n="md",startIcon:i,endIcon:o,helpText:r,helperTextIcon:s,hasError:l,width:u="full",defaultValue:h,required:f,readOnly:v,disabled:b,reduceMotion:g,onChange:x,className:N,...C},V){const k=z(),S=e??`uds-input-${k}`,L=`uds-input-${S}-help-text`,P=w(null);I(V,()=>P.current);const[j,A]=R(h??""),O=T(e=>{A(e.target.value),x?.(e)},[x]),$=W()?"smooth":"bouncy",H=g?"always":"user",B=!v&&!b,q={root:p({inputSizeRoot:n,inputVariantRoot:"default",inputVariantValueRoot:j?"filled":"empty",className:m([N,b?"opacity-50":""])}),inputWrapper:m(p({inputSizeInputWrapper:n,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:j?"filled":"empty"}),"min-w-[200px]"),input:p({inputSizeInput:n,inputVariantInput:"default",inputVariantValueInput:j?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:j?"filled":"empty",className:m("grow","uds-hit-target","bg-clip-text","focus:outline-none",B?"cursor-text":"cursor-not-allowed")}),label:m(p({inputSizeLabel:n,inputVariantLabel:"default",inputVariantValueLabel:j?"filled":"empty"})),labelRequired:p({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:j?"filled":"empty"}),startIcon:p({inputSizeStartIcon:n,inputVariantStartIcon:"default",inputVariantValueStartIcon:j?"filled":"empty"}),endIcon:p({inputSizeEndIcon:n,inputVariantEndIcon:"default",inputVariantValueEndIcon:j?"filled":"empty"})};return E(d,{width:u,className:q.root,children:[a&&E(y,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:q.label,children:[M("label",{htmlFor:S,children:F(a)?a():a}),f&&M("span",{className:q.labelRequired,children:"*"})]}),E(y,{position:"relative",alignItems:"center",className:q.inputWrapper,children:[M(Se,{icon:i,className:q.startIcon}),M("input",{ref:P,id:S,type:t,value:j,required:f,readOnly:v,disabled:b,"aria-describedby":L,"aria-invalid":l,onChange:O,className:q.input,...C}),o&&M(c,{alignItems:"center",gap:"1",children:M(ze,{icon:o,className:q.endIcon})})]}),M(Ie,{reduceMotion:H,layoutVariant:$,children:M(ke,{id:L,helpText:r,spacingTop:"2",size:n,isFilled:!!j,helperTextIcon:s})})]})});Re.displayName="Input";var Te=class e{name;value;activeCount=0;#e=new Set;constructor(e){this.name=e}onChange(e){return this.#e.add(e),()=>{this.#e.delete(e)}}setValue(e){this.value=e,this.#e.forEach(a=>a(e))}static findOrCreate(a,t){let n=a.get(t);return n||(n=new e(t),a.set(t,n)),n}},Le=j(new Map),Pe=e=>{const a=z();return e??`uds-radio-group-${a}`},je={primary:"alert",secondary:"alert-secondary"},Ae=H.create(y),Ee={layoutVariant:"smooth",layoutSpeed:"3"},Me={layoutVariant:"veryBouncy",layoutSpeed:"4"},Oe=C(function({id:e,name:a,label:t,labelPosition:n="start",variant:i="primary",size:o="md",reduceMotion:r,value:s="",checked:l,defaultChecked:c,disabled:d,hasError:f,onChange:v,onFocus:b,onBlur:g,className:x,layerClassNames:N,...C},I){const k=z(),S=e??`uds-radio-${k}`,P=w(null),{name:j,isControlled:O,checked:$,setGroupValue:B}=(({name:e,value:a,checked:t,defaultChecked:n})=>{const i=A(Le),o=i instanceof Te,r=void 0!==t||o,s=Pe(e),l=V(()=>o?i:Te.findOrCreate(i,s),[i,o,s]),[c,d]=R(l.value),u=l.name??s,h=T(e=>{l.setValue(e),r||d(e)},[r,l]);return L(()=>l.onChange(d),[l]),L(()=>{!0===t&&h(a)},[t,a,h]),L(()=>{if(o)return;const e=Te.findOrCreate(i,u);return e.activeCount+=1,i.set(u,e),()=>{const e=i.get(u);e&&(e.activeCount-=1,0===e.activeCount&&i.delete(u))}},[i,o,u]),{name:u,isControlled:r,checked:r&&!o?t:void 0!==c?a===c:n??!1,setGroupValue:h}})({name:a,value:s,checked:l,defaultChecked:c}),[F,q]=R(!1),[D,G]=R(!1),Z=V(()=>f?je[i]:i,[f,i]),X=V(()=>!d&&F,[d,F]),K=V(()=>!d&&!$&&D,[$,d,D]),Q=V(()=>K?.9:X?1.1:1,[X,K]),Y=V(()=>$?K?"opacity-55":"opacity-100":"opacity-0",[$,K]),J=V(()=>!d&&(K&&!$||X&&$),[$,d,X,K]),U=V(()=>({scale:Q}),[Q]),_=V(()=>D?Me:Ee,[D]),ee=T(e=>{B(e.target.value),v?.(e)},[v,B]),ae=T(e=>{b?.(e)},[b]),te=T(e=>{g?.(e)},[g]),ne=T(()=>{q(!0)},[]),ie=T(()=>{q(!1)},[]),oe=T(()=>{G(!0)},[]),re=T(()=>{G(!1)},[]),se=r?"always":"user",le=W()||r?"duration-0":"duration-120",ce={root:p({radioSizeRoot:o,radioVariantValueRoot:$?"checked":"unchecked",radioVariantRoot:Z,display:"flex",flexDirection:"start"===n?"row":"row-reverse",alignItems:"center",className:m([{"cursor-pointer":!d,"cursor-default":d,"opacity-50":d},x,N?.root])}),radio:p({radioSizeRadio:o,radioVariantRadio:Z,radioVariantValueRadio:$?"checked":"unchecked",className:m(["border","uds-ring","uds-ring-within",le,"transition-[background-color,border-color]","transition-shadow",N?.radio])}),radioCircle:p({radioVariantRadioCircle:Z,radioVariantValueRadioCircle:$?"checked":"unchecked",className:m(["pointer-events-none","w-[8px]","h-[8px]",Y,le,"transition-opacity"])}),htmlRadio:m("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:m("start"===n?"text-start":"text-end",N?.label)},de=t?H.label:H.div;return M(h,{reducedMotion:se,..._,children:E(de,{className:ce.root,"data-testid":"container",onHoverStart:ne,onHoverEnd:ie,onTapStart:oe,onTap:re,onTapCancel:re,tabIndex:-1,children:[E(Ae,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:ce.radio,animate:U,insetShadow:J?"lg-invert":"none",children:[M("input",{type:"radio",...C,ref:e=>{P.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:ae,onBlur:te,id:S,name:j,value:s,disabled:d,"aria-invalid":f,onChange:ee,...O?{checked:$}:{defaultChecked:c},className:ce.htmlRadio}),M(y,{borderRadius:"full",className:ce.radioCircle})]}),t&&M(u,{as:"div",variant:"inherit",color:"inherit",label:t,className:ce.label})]})})});Oe.displayName="Radio";var $e=v(),He=class extends Te{onChangeCb;isControlled;constructor(e,a){super(e),this.isControlled=a}setValue(e,a=!1){this.isControlled&&!a?this.onChangeCb?.(e):super.setValue(e)}},We=C(function({asChild:e,name:a,value:t,defaultValue:n,onChange:i,...o},r){const s=void 0!==t,l=Pe(a),c=V(()=>{const e=new He(l,s);return e.value=s?t:n,e},[n,s,l,t]);L(()=>{c.onChangeCb=i},[i,c]),L(()=>{s&&c.setValue(t,!0)},[s,c,t]),L(()=>c.onChange(e=>i?.(e)),[i,c]);const d=e?$e:"div";return M(Le.Provider,{value:c,children:M(d,{role:"radiogroup",ref:r,...o})})});We.displayName="RadioGroupProvider";var Be={md:{isOnX:20},sm:{isOnX:12}},Fe=H.create(y),qe={layoutVariant:"bouncy",layoutSpeed:"4"},De=C(function({id:e,isOn:a,defaultIsOn:t,onChange:n,label:i,labelPosition:o="start",size:r="md",onIcon:s,offIcon:l,reduceMotion:c,disabled:d,required:v,onFocus:b,onBlur:g,className:x,layerClassNames:N,...C},I){const k=z(),S=e??`uds-input-${k}`,P=w(null),j=void 0!==a,[A,O]=R(j?a:t),[$,B]=R(!1),F=V(()=>!d&&$,[d,$]),{isOnX:q}=Be[r],D=V(()=>({initial:{scale:1,x:A?q:0},animate:{scale:F?1.05:1,x:A?q:0}}),[F,A,q]),G=T(e=>{n?.(e),j||O(e.target.checked)},[j,n]),Z=T(e=>{b?.(e)},[b]),X=T(e=>{g?.(e)},[g]),K=T(()=>{B(!0)},[]),Q=T(()=>{B(!1)},[]),Y=c?"always":"user",J=W()||c?"duration-0":"duration-120";L(()=>{j&&O(a)},[a,j]);const U={root:p({switchSizeRoot:r,switchVariantRoot:"default",switchVariantActiveRoot:A?"on":"off",display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:m("group",{"cursor-pointer":!d,"cursor-default":d,"opacity-50":d},N?.root,x)}),switch:p({switchVariantSwitch:"default",switchSizeSwitch:r,switchVariantActiveSwitch:A?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:m("uds-ring","uds-ring-within",J,"transition-[background-color,box-shadow]",N?.switch)}),handle:p({switchSizeHandle:r,className:m("relative","pointer-events-none","rounded-full","overflow-hidden",N?.handle)}),handleCircle:p({switchVariantActiveHandle:A?"on":"off",switchVariantHandle:"default",className:m("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",J,"transition-[background-color,box-shadow,opacity]")}),handleIcon:p({switchSizeHandleIcon:r,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:A?"on":"off",className:m("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",J,"transition-opacity")}),htmlCheckbox:m("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:m("start"===o?"text-start":"text-end",N?.label)},_=i?H.label:H.div;return M(h,{reducedMotion:Y,...qe,children:E(_,{className:U.root,"data-testid":"container",onHoverStart:K,onHoverEnd:Q,tabIndex:-1,children:[E(Fe,{className:U.switch,children:[M("input",{type:"checkbox",...C,ref:e=>{P.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:Z,onBlur:X,id:S,disabled:d,required:v,checked:j?A:void 0,defaultChecked:j?void 0:t,onChange:G,className:U.htmlCheckbox,style:{}}),E(Fe,{className:U.handle,...D,children:[M(y,{className:U.handleCircle}),s&&M(f,{icon:s,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:m(U.handleIcon,A?"opacity-100":"opacity-0")}),l&&M(f,{icon:l,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:m(U.handleIcon,A?"opacity-0":"opacity-100")})]})]}),i&&M(u,{as:"div",variant:"inherit",color:"inherit",required:v,label:i,className:U.label})]})})});De.displayName="Switch";export{_ as Avatar,Y as AvatarIcon,U as AvatarImage,J as AvatarText,ee as Badge,ce as Button,ve as Checkbox,Ve as Chip,ge as ChipButton,xe as ChipDismissible,Ne as ChipLink,Ce as ChipToggle,we as IconButton,Re as Input,Oe as Radio,We as RadioGroupProvider,De as Switch};
+import{InputHelpTextMemo as e,Image as a}from"../chunk-6L6FTCV3.js";import{o2 as t,Pressable as n,a as i,o,e as r,t as s,e2 as l}from"../chunk-KFZR7S5C.js";export{Pressable}from"../chunk-KFZR7S5C.js";import{HStack as c,VStack as d}from"../chunk-LRXPFSOA.js";import{FormLabel as u}from"../chunk-GWA5BSEK.js";import{SpringMotionConfig as h}from"../chunk-RZTLEOVZ.js";export{SpringMotionConfig}from"../chunk-RZTLEOVZ.js";import{getStyles as p,cx as m,IconSlot as f,createSlot as v,Icon as b,Box as y,Text as g}from"../chunk-ROM55CQD.js";import{parseDeprecatedButtonPaletteVariant as x}from"../chunk-TCFZWULK.js";import{BUTTON_CSS_VAR_MAP as N}from"../chunk-5EWXEQJ3.js";import{forwardRef as C,useMemo as V,useRef as w,useImperativeHandle as I,isValidElement as k,cloneElement as S,useId as z,useState as R,useCallback as T,useEffect as L,memo as P,createContext as j,useContext as A}from"react";import{jsxs as E,jsx as M,Fragment as $}from"react/jsx-runtime";import{buttonIconSvgSize as O}from"@yahoo/uds/fixtures";import{m as W,useReducedMotion as H,AnimatePresence as F}from"motion/react";import{isFunction as B}from"lodash-es";export{Menu}from"@yahoo/uds/client/Menu";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var q={first:e=>e[0]||"",last:e=>e[e.length-1]||"",firstAndLast:e=>1===e.length?e[0]:`${e[0]}${e[e.length-1]}`,firstTwo:e=>e.slice(0,2).join(""),firstThree:e=>e.slice(0,3).join(""),firstOfEach:e=>e.join("")},D=(e,a="firstAndLast")=>{if(!e)return"";const t=e.trim().split(/\s+/).map(e=>e[0].toUpperCase());return"function"==typeof a?a(e):q[a](t)},G=(e="md")=>p({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),Z=e=>e?{height:e,width:e}:{},X="primary",K="md",Q={primary:l,secondary:s},U=({size:e=K,variant:a=X,customSize:t,icon:n,className:i})=>{const o=V(()=>Z(t),[t]),r=V(()=>m(G(e),p({avatarIconVariantRoot:a,overflow:"hidden"}),i),[i,e,a]),s=V(()=>p({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"}),[]),l=V(()=>({...o,boxSizing:"content-box"}),[o]),c=V(()=>n??Q[a??"primary"],[n,a]),d=V(()=>p({avatarSizeIcon:e}),[e]);return M(y,{className:r,style:o,children:M(y,{className:s,style:l,children:M(b,{name:c,variant:"fill",color:"current",className:d,"data-testid":"avatar-icon"})})})};U.displayName="AvatarIcon";var J=({size:e=K,variant:a=X,name:t,initials:n,customSize:i,abbreviationStrategy:o,className:r})=>{const s=V(()=>m(G(e),p({avatarTextVariantRoot:a,overflow:"hidden"}),"truncate",r),[r,e,a]),l=V(()=>p({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"}),[]),c=V(()=>Z(i),[i]),d=V(()=>({...c,boxSizing:"content-box"}),[c]);return M(y,{className:s,style:c,children:M(g,{color:"inherit",variant:"inherit",className:l,style:d,"data-testid":"avatar-text",children:n||D(t,o)})})};J.displayName="AvatarText";var Y=({size:e=K,variant:t=X,src:n,srcSet:i,customSize:o,alt:r,imageProps:s,abbreviationStrategy:l,fallback:c,className:d})=>{const[u,h]=R("loading");L(()=>{let e=!0;if(n||i){const a=new Image;a.onload=()=>{e&&h("loaded")},a.onerror=()=>{e&&h("error")},n&&(a.src=n),i&&(a.srcset=i)}else h("error");return()=>{e=!1}},[n,i]);const f=V(()=>m(G(e),p({avatarImageVariantRoot:t,overflow:"hidden"}),d),[d,e,t]),v=V(()=>p({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"}),[]),b=V(()=>Z(o),[o]),g=V(()=>({...b,boxSizing:"content-box"}),[b]);if("loaded"===u)return M(y,{className:f,style:b,children:M(a,{src:n,srcSet:i,alt:r,className:v,style:g,...s})});const x={size:e,customSize:o,variant:t};return c||r?M(J,{name:r,initials:c,abbreviationStrategy:l,...x}):M(U,{...x})};Y.displayName="AvatarImage";var _=e=>M(Y,{...e});_.displayName="Avatar";var ee=C(function({variant:e="primary",size:a="md",minWidth:t,maxWidth:n=200,startIcon:i,endIcon:o,backgroundColor:r,color:s,iconColor:l,borderColor:d,children:u,className:h,...v},b){const y=p({badgeSizeRoot:a,badgeVariantRoot:e,className:m(["uds-badge","uds-badge-variant","uds-badge-size",h])}),g=p({badgeVariantIcon:e,badgeSizeIcon:a,className:m(["uds-badge-iconSize","uds-badge-iconColor"])}),x=V(()=>({...t?{minWidth:`${t}px`}:{},..."full"===n?{}:{maxWidth:`${n}px`},...r?{backgroundColor:r}:{},...d?{borderColor:d}:{},...s?{color:s}:{}}),[r,d,s,n,t]),N=V(()=>({variant:"fill",style:{...l?{color:l}:{}}}),[l]);return E(c,{ref:b,gap:"2",display:"inline-flex",alignItems:"center",className:y,style:x,...v,children:[i&&M(f,{icon:i,iconProps:N,"data-testid":"start-icon",className:g}),M("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:u}),o&&M(f,{icon:o,iconProps:N,"data-testid":"end-icon",className:g})]})});ee.displayName="Badge";var ae={scale:.7,opacity:0},te={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},ne={icon:te,hide:ae,loading:ae},ie={loading:te,hide:ae,icon:ae},oe=`var(${N.columnGap})`,re=`var(${N.iconSize})`,se={rest:{scale:`var(${N.effects.scale.rest})`},hover:{scale:`var(${N.effects.scale.hover})`},pressed:{scale:`var(${N.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:oe}},le={hide:{width:"0px",opacity:0,display:"none"},loading:{width:re,display:"flex",opacity:1},icon:{width:re,display:"flex",opacity:1}},ce=C(function({variant:e,size:a,startIcon:n,endIcon:i,iconVariant:o,loading:r,disableEffects:s,children:l,asChild:c,type:d="button",className:u,width:y,...g},N){const C=w(null);I(N,()=>C.current);const z=V(()=>v(),[]),R=V(()=>W.create(z),[z]),T=i?"icon":"hide",L=(({startIcon:e,endIcon:a,loading:t})=>e||a||t?"withIcon":"withoutIcon")({startIcon:n,endIcon:i,loading:r}),P=(({loading:e,startIcon:a})=>e?"loading":a?"icon":"hide")({loading:r,startIcon:n}),{palette:j,variant:A}=V(()=>x({flatVariant:e}),[e]),B=V(()=>({button:p({width:y,buttonSize:a,buttonVariant:A,buttonPalette:j,className:m("uds-button","uds-ring","uds-hit-target",r&&"uds-button-loading",s&&"uds-button-without-effects","withIcon"===L&&"uds-button-with-gap",u)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"}),[y,a,A,j,u,r,s,L]),q=H()?"smooth":"subtle",D=V(()=>M(W.span,{className:B.iconContainer,initial:!1,variants:le,animate:P,children:E(F,{initial:!1,mode:"popLayout",children:[r&&M(W.span,{variants:ie,initial:"hide",animate:"loading",exit:"hide",children:M(b,{size:O,name:t,variant:o,color:"current",className:B.loading})},"loading"),n&&!r&&M(W.span,{variants:ne,initial:"hide",animate:"icon",exit:"hide",children:M(f,{className:B.start,icon:n,iconProps:{size:O,variant:o,color:"current"}})})]})}),[B.iconContainer,B.loading,B.start,P,r,o,n]),G=V(()=>M(W.span,{className:B.iconContainer,initial:!1,variants:le,animate:T,children:M(F,{initial:!1,mode:"popLayout",children:i&&M(W.span,{variants:ne,initial:"hide",animate:"icon",exit:"hide",children:M(f,{className:B.end,icon:i,iconProps:{size:O,variant:o,color:"current"}})})})}),[B.iconContainer,B.end,i,T,o]),Z=V(()=>s?{...se,rest:{},hover:{},pressed:{}}:se,[s]);return c&&k(l)?M(h,{layoutSpeed:"3",layoutVariant:q,children:M(R,{type:d,className:B.button,initial:["hide",L],animate:L,variants:Z,whileHover:"hover",whileTap:"pressed",...g,children:S(l,l.props,E($,{children:[D,M("span",{className:B.content,children:l.props.children}),G]}))})}):M(h,{layoutSpeed:"3",layoutVariant:q,children:E(W.button,{ref:C,type:d,className:B.button,initial:["hide",L],animate:L,variants:Z,whileHover:"hover",whileTap:"pressed",...g,children:[D,M("span",{className:B.content,children:l}),G]})})}),de={primary:"alert",secondary:"alert-secondary"},ue=e=>"indeterminate"===e,he=e=>ue(e)?o:r,pe=W.create(y),me={layoutVariant:"smooth",layoutSpeed:"3"},fe={layoutVariant:"veryBouncy",layoutSpeed:"4"},ve=C(function({id:e,checked:a,defaultChecked:t,onChange:n,label:i,labelPosition:o="start",variant:r="primary",size:s="md",reduceMotion:l,disabled:c,required:d,hasError:f,className:v,layerClassNames:y,...g},x){const N=z(),C=e??`uds-input-${N}`,I=w(null),k=void 0!==a,[S,P]=R(k?a:t),[j,A]=R(!1),[$,O]=R(!1),F=V(()=>f?de[r]:r,[f,r]),B=!c&&j,q=!c&&$,D=V(()=>q?.9:B?1.1:1,[q,B]),G=V(()=>S?q?"opacity-55":"opacity-100":"opacity-0",[S,q]),Z=V(()=>({scale:D}),[D]),X=V(()=>$?fe:me,[$]),K=T(e=>{n?.(e),k||P(e.target.checked)},[k,n]),Q=T(()=>{A(!0)},[]),U=T(()=>{A(!1)},[]),J=T(()=>{O(!0)},[]),Y=T(()=>{O(!1)},[]),_=e=>{I.current&&(I.current.indeterminate=ue(e))},ee=l?"always":"user",ae=H()||l?"duration-0":"duration-120";L(()=>{k&&P(a)},[a,k]),L(()=>{_(S)},[S]);const te=ue(S)?"indeterminate":S?"checked":"unchecked",ne={root:p({checkboxSizeRoot:s,checkboxVariantRoot:F,checkboxVariantValueRoot:te,display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:m({"cursor-pointer":!c,"cursor-default":c,"opacity-50":c},v,y?.root)}),checkbox:p({checkboxSizeCheckbox:s,checkboxVariantCheckbox:F,checkboxVariantValueCheckbox:te,className:m("border","rounded-[4px]","uds-ring","uds-ring-within",ae,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:p({checkboxVariantCheckboxIcon:F,checkboxVariantValueCheckboxIcon:te,className:m("pointer-events-none",G,ae,"transition-opacity")}),htmlCheckbox:m("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:m("start"===o?"text-start":"text-end",y?.label)},ie=i?W.label:W.div;return M(h,{reducedMotion:ee,...X,children:E(ie,{className:ne.root,"data-testid":"container",onHoverStart:Q,onHoverEnd:U,onTapStart:J,onTap:Y,onTapCancel:Y,tabIndex:-1,children:[E(pe,{position:"relative",className:ne.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:Z,children:[M("input",{type:"checkbox",...g,ref:e=>{I.current=e,_(S),"function"==typeof x?x(e):null!==x&&(x.current=e)},id:C,disabled:c,required:d,"aria-invalid":f,checked:k?!ue(S)&&S:void 0,defaultChecked:k?void 0:t,onChange:K,className:ne.htmlCheckbox}),M(b,{name:he(S),size:"sm",className:ne.check})]}),i&&M(u,{as:"div",variant:"inherit",color:"inherit",required:d,label:i,className:ne.label})]})})});ve.displayName="Checkbox";var be="primary",ye=C(function({size:e="md",minWidth:a,maxWidth:t=200,startIcon:n,endIcon:i,as:o="div",reduceMotion:r,disabled:s=!1,className:l,layerClassNames:d,children:u,...h},v){const b=H()||r?"duration-0":"duration-120",y=V(()=>({root:p({chipSizeRoot:e,className:m({"pointer-events-none":s,"cursor-default":s,"opacity-50":s},"focus-visible:-outline-offset-2","uds-ring",b,"transition-[background-color,outline-color,box-shadow]",d?.root,l)}),icon:p({chipSizeIcon:e,className:d?.icon})}),[l,b,s,d?.icon,d?.root,e]);return M(c,{asChild:!0,ref:v,display:"inline-flex",alignItems:"center",style:{maxWidth:`${t}px`,...a?{minWidth:`${a}px`}:{}},className:y.root,...h,children:E(o,{disabled:s,children:[n&&M(f,{icon:n,iconProps:{variant:"fill",className:y.icon},"data-testid":"start-icon"}),M(g,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:u}),i&&M(f,{icon:i,iconProps:{variant:"fill",className:y.icon},"data-testid":"end-icon"})]})})});ye.displayName="ChipBase";var ge=C(function({variant:e=be,...a},t){const n=V(()=>({root:p({chipLinkVariantRoot:e}),icon:p({chipLinkVariantIcon:e})}),[e]);return M(ye,{as:"button",ref:t,variant:e,layerClassNames:n,...a})});ge.displayName="ChipButton";var xe=C(function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:t,variant:o=be,disabled:r,...s},l){const c=V(()=>({root:p({chipDismissibleVariantRoot:o}),icon:p({chipDismissibleVariantIcon:o})}),[o]),d=T(e=>{e.stopPropagation(),a?.()},[a]),u={icon:m("uds-chip-dismissible-button","uds-hit-target")};return M(ye,{ref:l,variant:o,disabled:r,tabIndex:-1,endIcon:a=>M(n,{"aria-label":e,className:u.icon,onClick:d,disabled:r,children:M(f,{icon:t??i,iconProps:a,"data-testid":"dismiss-icon"})}),layerClassNames:c,...s})});xe.displayName="ChipDismissible";var Ne=C(function({variant:e=be,href:a,disabled:t,...n},i){const o=V(()=>({root:p({chipLinkVariantRoot:e}),icon:p({chipLinkVariantIcon:e})}),[e]);return M(ye,{as:"a",ref:i,variant:e,disabled:t,layerClassNames:o,...{...n,href:t?void 0:a}})});Ne.displayName="ChipLink";var Ce=C(function({isToggled:e=!1,onToggle:a,onClick:t,variant:n=be,...i},o){const r=V(()=>({root:p({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off"}),icon:p({chipToggleVariantIcon:n})}),[e,n]),s=T(n=>{a?.(!e),t?.(n)},[e,t,a]);return M(ye,{ref:o,as:"button",variant:n,onClick:s,"aria-pressed":e,layerClassNames:r,...i})});Ce.displayName="ChipToggle";var Ve=C(function({onClick:e,href:a,linkProps:t,onDismiss:n,onToggle:i,isToggled:o,...r},s){return n?M(xe,{ref:s,onDismiss:n,...r}):i?M(Ce,{ref:s,onToggle:i,isToggled:o,...r}):a?M(Ne,{ref:s,href:a,...r,...t}):M(ge,{ref:s,onClick:e,...r})});Ve.displayName="Chip";var we=C(function({variant:e,size:a,iconVariant:n,loading:i,disableEffects:o,name:r,type:s="button",htmlName:l,className:c,children:d,...u},f){const v=w(null);I(f,()=>v.current);const{palette:y,variant:g}=x({flatVariant:e}),N=V(()=>({button:p({buttonVariant:g,buttonPalette:y,iconButtonSize:a,className:m("uds-icon-button","uds-button","uds-ring","uds-hit-target",i&&"uds-button-loading",o&&"uds-button-without-effects",c)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"}),[y,g,c,o,a,i]),C=H(),k=V(()=>C?"smooth":"subtle",[C]),S=V(()=>{const{rest:e,hover:a,pressed:t}=se;return o?{rest:{},hover:{},pressed:{}}:{rest:e,hover:a,pressed:t}},[o]);return M(h,{layoutSpeed:"3",layoutVariant:k,reducedMotion:o?"always":"user",children:M(W.button,{ref:v,type:s,className:N.button,initial:"icon",variants:S,whileHover:"hover",whileTap:"pressed",name:l,...u,children:E(F,{initial:!1,mode:"popLayout",children:[i&&M(W.span,{variants:ie,initial:"loading",animate:"loading",exit:"hide",children:M(b,{size:O,name:t,variant:n,color:"current",className:N.loading})},"loading"),r&&!i&&M(W.span,{variants:ne,initial:"icon",animate:"icon",exit:"hide",children:d||M(b,{size:O,name:r,variant:n,color:"current",className:N.icon})},r.name)]})})})}),Ie=({children:e,reduceMotion:a,layoutVariant:t})=>{const n=w(null),[i,o]=R("auto");return L(()=>{if(n.current){const e=new ResizeObserver(e=>{o(e[0].contentRect.height)});return e.observe(n.current),()=>{e.disconnect()}}},[]),M(h,{reducedMotion:a,layoutSpeed:"4",layoutVariant:t,children:M(W.div,{className:"overflow-hidden",style:{height:i,opacity:0},animate:{height:i,opacity:1},children:M("div",{ref:n,children:e})})})},ke=P(function({helpText:a,helperTextIcon:t,spacingStart:n,spacingTop:i,size:o,isFilled:r,...s}){return a?M(y,{spacingTop:i,spacingStart:n,...s,children:M(e,{startIcon:t,size:o,isFilled:r,children:B(a)?a():a})}):null}),Se=P(function({icon:e,className:a}){return e?M(f,{icon:e,iconProps:{variant:"outline"},className:a}):null}),ze=P(function({icon:e,className:a}){if(!e)return null;return M(f,{icon:e,iconProps:{variant:"outline"},"data-testid":"end-icon",className:a})}),Re=C(function({id:e,label:a,type:t="text",size:n="md",startIcon:i,endIcon:o,helpText:r,helperTextIcon:s,hasError:l,width:u="full",defaultValue:h,required:f,readOnly:v,disabled:b,reduceMotion:g,onChange:x,className:N,...C},V){const k=z(),S=e??`uds-input-${k}`,L=`uds-input-${S}-help-text`,P=w(null);I(V,()=>P.current);const[j,A]=R(h??""),$=T(e=>{A(e.target.value),x?.(e)},[x]),O=H()?"smooth":"bouncy",W=g?"always":"user",F=!v&&!b,q={root:p({inputSizeRoot:n,inputVariantRoot:"default",inputVariantValueRoot:j?"filled":"empty",className:m([N,b?"opacity-50":""])}),inputWrapper:m(p({inputSizeInputWrapper:n,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:j?"filled":"empty"}),"min-w-[200px]"),input:p({inputSizeInput:n,inputVariantInput:"default",inputVariantValueInput:j?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:j?"filled":"empty",className:m("grow","uds-hit-target","bg-clip-text","focus:outline-none",F?"cursor-text":"cursor-not-allowed")}),label:m(p({inputSizeLabel:n,inputVariantLabel:"default",inputVariantValueLabel:j?"filled":"empty"})),labelRequired:p({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:j?"filled":"empty"}),startIcon:p({inputSizeStartIcon:n,inputVariantStartIcon:"default",inputVariantValueStartIcon:j?"filled":"empty"}),endIcon:p({inputSizeEndIcon:n,inputVariantEndIcon:"default",inputVariantValueEndIcon:j?"filled":"empty"})};return E(d,{width:u,className:q.root,children:[a&&E(y,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:q.label,children:[M("label",{htmlFor:S,children:B(a)?a():a}),f&&M("span",{className:q.labelRequired,children:"*"})]}),E(y,{position:"relative",alignItems:"center",className:q.inputWrapper,children:[M(Se,{icon:i,className:q.startIcon}),M("input",{ref:P,id:S,type:t,value:j,required:f,readOnly:v,disabled:b,"aria-describedby":L,"aria-invalid":l,onChange:$,className:q.input,...C}),o&&M(c,{alignItems:"center",gap:"1",children:M(ze,{icon:o,className:q.endIcon})})]}),M(Ie,{reduceMotion:W,layoutVariant:O,children:M(ke,{id:L,helpText:r,spacingTop:"2",size:n,isFilled:!!j,helperTextIcon:s})})]})});Re.displayName="Input";var Te=class e{name;value;activeCount=0;#e=new Set;constructor(e){this.name=e}onChange(e){return this.#e.add(e),()=>{this.#e.delete(e)}}setValue(e){this.value=e,this.#e.forEach(a=>a(e))}static findOrCreate(a,t){let n=a.get(t);return n||(n=new e(t),a.set(t,n)),n}},Le=j(new Map),Pe=e=>{const a=z();return e??`uds-radio-group-${a}`},je={primary:"alert",secondary:"alert-secondary"},Ae=W.create(y),Ee={layoutVariant:"smooth",layoutSpeed:"3"},Me={layoutVariant:"veryBouncy",layoutSpeed:"4"},$e=C(function({id:e,name:a,label:t,labelPosition:n="start",variant:i="primary",size:o="md",reduceMotion:r,value:s="",checked:l,defaultChecked:c,disabled:d,hasError:f,onChange:v,onFocus:b,onBlur:g,className:x,layerClassNames:N,...C},I){const k=z(),S=e??`uds-radio-${k}`,P=w(null),{name:j,isControlled:$,checked:O,setGroupValue:F}=(({name:e,value:a,checked:t,defaultChecked:n})=>{const i=A(Le),o=i instanceof Te,r=void 0!==t||o,s=Pe(e),l=V(()=>o?i:Te.findOrCreate(i,s),[i,o,s]),[c,d]=R(l.value),u=l.name??s,h=T(e=>{l.setValue(e),r||d(e)},[r,l]);return L(()=>l.onChange(d),[l]),L(()=>{!0===t&&h(a)},[t,a,h]),L(()=>{if(o)return;const e=Te.findOrCreate(i,u);return e.activeCount+=1,i.set(u,e),()=>{const e=i.get(u);e&&(e.activeCount-=1,0===e.activeCount&&i.delete(u))}},[i,o,u]),{name:u,isControlled:r,checked:r&&!o?t:void 0!==c?a===c:n??!1,setGroupValue:h}})({name:a,value:s,checked:l,defaultChecked:c}),[B,q]=R(!1),[D,G]=R(!1),Z=V(()=>f?je[i]:i,[f,i]),X=V(()=>!d&&B,[d,B]),K=V(()=>!d&&!O&&D,[O,d,D]),Q=V(()=>K?.9:X?1.1:1,[X,K]),U=V(()=>O?K?"opacity-55":"opacity-100":"opacity-0",[O,K]),J=V(()=>!d&&(K&&!O||X&&O),[O,d,X,K]),Y=V(()=>({scale:Q}),[Q]),_=V(()=>D?Me:Ee,[D]),ee=T(e=>{F(e.target.value),v?.(e)},[v,F]),ae=T(e=>{b?.(e)},[b]),te=T(e=>{g?.(e)},[g]),ne=T(()=>{q(!0)},[]),ie=T(()=>{q(!1)},[]),oe=T(()=>{G(!0)},[]),re=T(()=>{G(!1)},[]),se=r?"always":"user",le=H()||r?"duration-0":"duration-120",ce={root:p({radioSizeRoot:o,radioVariantValueRoot:O?"checked":"unchecked",radioVariantRoot:Z,display:"flex",flexDirection:"start"===n?"row":"row-reverse",alignItems:"center",className:m([{"cursor-pointer":!d,"cursor-default":d,"opacity-50":d},x,N?.root])}),radio:p({radioSizeRadio:o,radioVariantRadio:Z,radioVariantValueRadio:O?"checked":"unchecked",className:m(["border","uds-ring","uds-ring-within",le,"transition-[background-color,border-color]","transition-shadow",N?.radio])}),radioCircle:p({radioVariantRadioCircle:Z,radioVariantValueRadioCircle:O?"checked":"unchecked",className:m(["pointer-events-none","w-[8px]","h-[8px]",U,le,"transition-opacity"])}),htmlRadio:m("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:m("start"===n?"text-start":"text-end",N?.label)},de=t?W.label:W.div;return M(h,{reducedMotion:se,..._,children:E(de,{className:ce.root,"data-testid":"container",onHoverStart:ne,onHoverEnd:ie,onTapStart:oe,onTap:re,onTapCancel:re,tabIndex:-1,children:[E(Ae,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:ce.radio,animate:Y,insetShadow:J?"lg-invert":"none",children:[M("input",{type:"radio",...C,ref:e=>{P.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:ae,onBlur:te,id:S,name:j,value:s,disabled:d,"aria-invalid":f,onChange:ee,...$?{checked:O}:{defaultChecked:c},className:ce.htmlRadio}),M(y,{borderRadius:"full",className:ce.radioCircle})]}),t&&M(u,{as:"div",variant:"inherit",color:"inherit",label:t,className:ce.label})]})})});$e.displayName="Radio";var Oe=v(),We=class extends Te{onChangeCb;isControlled;constructor(e,a){super(e),this.isControlled=a}setValue(e,a=!1){this.isControlled&&!a?this.onChangeCb?.(e):super.setValue(e)}},He=C(function({asChild:e,name:a,value:t,defaultValue:n,onChange:i,...o},r){const s=void 0!==t,l=Pe(a),c=V(()=>{const e=new We(l,s);return e.value=s?t:n,e},[n,s,l,t]);L(()=>{c.onChangeCb=i},[i,c]),L(()=>{s&&c.setValue(t,!0)},[s,c,t]),L(()=>c.onChange(e=>i?.(e)),[i,c]);const d=e?Oe:"div";return M(Le.Provider,{value:c,children:M(d,{role:"radiogroup",ref:r,...o})})});He.displayName="RadioGroupProvider";var Fe={md:{isOnX:20},sm:{isOnX:12}},Be=W.create(y),qe={layoutVariant:"bouncy",layoutSpeed:"4"},De=C(function({id:e,isOn:a,defaultIsOn:t,onChange:n,label:i,labelPosition:o="start",size:r="md",onIcon:s,offIcon:l,reduceMotion:c,disabled:d,required:v,onFocus:b,onBlur:g,className:x,layerClassNames:N,...C},I){const k=z(),S=e??`uds-input-${k}`,P=w(null),j=void 0!==a,[A,$]=R(j?a:t),[O,F]=R(!1),B=V(()=>!d&&O,[d,O]),{isOnX:q}=Fe[r],D=V(()=>({initial:{scale:1,x:A?q:0},animate:{scale:B?1.05:1,x:A?q:0}}),[B,A,q]),G=T(e=>{n?.(e),j||$(e.target.checked)},[j,n]),Z=T(e=>{b?.(e)},[b]),X=T(e=>{g?.(e)},[g]),K=T(()=>{F(!0)},[]),Q=T(()=>{F(!1)},[]),U=c?"always":"user",J=H()||c?"duration-0":"duration-120";L(()=>{j&&$(a)},[a,j]);const Y={root:p({switchSizeRoot:r,switchVariantRoot:"default",switchVariantActiveRoot:A?"on":"off",display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:m("group",{"cursor-pointer":!d,"cursor-default":d,"opacity-50":d},N?.root,x)}),switch:p({switchVariantSwitch:"default",switchSizeSwitch:r,switchVariantActiveSwitch:A?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:m("uds-ring","uds-ring-within",J,"transition-[background-color,box-shadow]",N?.switch)}),handle:p({switchSizeHandle:r,className:m("relative","pointer-events-none","rounded-full","overflow-hidden",N?.handle)}),handleCircle:p({switchVariantActiveHandle:A?"on":"off",switchVariantHandle:"default",className:m("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",J,"transition-[background-color,box-shadow,opacity]")}),handleIcon:p({switchSizeHandleIcon:r,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:A?"on":"off",className:m("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",J,"transition-opacity")}),htmlCheckbox:m("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:m("start"===o?"text-start":"text-end",N?.label)},_=i?W.label:W.div;return M(h,{reducedMotion:U,...qe,children:E(_,{className:Y.root,"data-testid":"container",onHoverStart:K,onHoverEnd:Q,tabIndex:-1,children:[E(Be,{className:Y.switch,children:[M("input",{type:"checkbox",...C,ref:e=>{P.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:Z,onBlur:X,id:S,disabled:d,required:v,checked:j?A:void 0,defaultChecked:j?void 0:t,onChange:G,className:Y.htmlCheckbox,style:{}}),E(Be,{className:Y.handle,...D,children:[M(y,{className:Y.handleCircle}),s&&M(f,{icon:s,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:m(Y.handleIcon,A?"opacity-100":"opacity-0")}),l&&M(f,{icon:l,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:m(Y.handleIcon,A?"opacity-0":"opacity-100")})]})]}),i&&M(u,{as:"div",variant:"inherit",color:"inherit",required:v,label:i,className:Y.label})]})})});De.displayName="Switch";export{_ as Avatar,U as AvatarIcon,Y as AvatarImage,J as AvatarText,ee as Badge,ce as Button,ve as Checkbox,Ve as Chip,ge as ChipButton,xe as ChipDismissible,Ne as ChipLink,Ce as ChipToggle,we as IconButton,Re as Input,$e as Radio,He as RadioGroupProvider,De as Switch};

package/dist/{index-Bx8m585v.d.cts → index-8rLHYKAK.d.cts}

@@ -24,6 +24,7 @@ declare const publicProperties: {
     readonly borderColor: ConfigurableProperty<"alwaysPaletteAliases" | "linePaletteColors" | "spectrumColors", unknown>;
     readonly fontFamily: ConfigurableProperty<"textVariants", unknown>;
     readonly fontSize: ConfigurableProperty<"textVariants", unknown>;
+    readonly fontVariationSettings: ConfigurableProperty<"textVariants", unknown>;
     readonly lineHeight: ConfigurableProperty<"textVariants", unknown>;
     readonly textTransform: ConfigurableProperty<"textVariants", unknown>;
     readonly padding: ConfigurableProperty<"spacingAliases", unknown>;
@@ -51,6 +52,7 @@ declare const configurableProperties: {
     borderColor: ConfigurableProperty<"alwaysPaletteAliases" | "linePaletteColors" | "spectrumColors", unknown>;
     fontFamily: ConfigurableProperty<"textVariants", unknown>;
     fontSize: ConfigurableProperty<"textVariants", unknown>;
+    fontVariationSettings: ConfigurableProperty<"textVariants", unknown>;
     lineHeight: ConfigurableProperty<"textVariants", unknown>;
     textTransform: ConfigurableProperty<"textVariants", unknown>;
     padding: ConfigurableProperty<"spacingAliases", unknown>;

package/dist/{index-B1KAKgin.d.cts → index-CBUm4M5_.d.cts}

@@ -24,6 +24,7 @@ declare const publicProperties: {
     readonly borderColor: ConfigurableProperty<"linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
     readonly fontFamily: ConfigurableProperty<"textVariants", unknown>;
     readonly fontSize: ConfigurableProperty<"textVariants", unknown>;
+    readonly fontVariationSettings: ConfigurableProperty<"textVariants", unknown>;
     readonly lineHeight: ConfigurableProperty<"textVariants", unknown>;
     readonly textTransform: ConfigurableProperty<"textVariants", unknown>;
     readonly padding: ConfigurableProperty<"spacingAliases", unknown>;
@@ -51,6 +52,7 @@ declare const configurableProperties: {
     borderColor: ConfigurableProperty<"linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
     fontFamily: ConfigurableProperty<"textVariants", unknown>;
     fontSize: ConfigurableProperty<"textVariants", unknown>;
+    fontVariationSettings: ConfigurableProperty<"textVariants", unknown>;
     lineHeight: ConfigurableProperty<"textVariants", unknown>;
     textTransform: ConfigurableProperty<"textVariants", unknown>;
     padding: ConfigurableProperty<"spacingAliases", unknown>;