@yahoo/uds 3.34.0 → 3.35.0-beta.1

package/dist/chunk-4YKYM24Q.cjs

@@ -0,0 +1 @@
+"use strict";var e=require("./chunk-NQ7BFO3S.cjs"),t=require("./chunk-T3NVPMAQ.cjs"),r=require("./chunk-J7PUOUXC.cjs"),a=require("./chunk-3AYBRPUC.cjs"),n=require("@yahoo/uds/fixtures"),o=require("lodash-es");function s(e){return e&&e.__esModule?e:{default:e}}var i=s(require("tailwindcss/plugin.js")),d=e=>{throw new Error("Didn't expect to get here")};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var l=(e,t,r,a)=>{const n=e.typography[t]?.[r];if(!n)throw new Error(`Missing typography data for variant "${t}" and key "${r}"`);const s="base"===a?n.base:n.breakpoints?.[a];if(!s)throw new Error(`Missing value for variant "${t}", key "${r}", and breakpoint "${a}"`);if(o.isString(s))return s;switch(s.type){case"px":return s.value/16+"rem";case"unitless":return String(s.value)}return d()},c=(e,t)=>t in e.font?`var(--${a.FONT_FAMILY_PREFIX}-${t})`:t,u=(e,t)=>Object.fromEntries(n.textVariants.flatMap(r=>[[`--${a.FONT_FAMILY_PREFIX}-${r}`,c(e,l(e,r,"fontFamily",t))],[`--${a.FONT_SIZE_PREFIX}-${r}`,l(e,r,"fontSize",t)],[`--${a.FONT_WEIGHT_PREFIX}-${r}`,l(e,r,"fontWeight",t)],[`--${a.FONT_SLANT_PREFIX}-${r}`,l(e,r,"fontSlant",t)],[`--${a.FONT_WIDTH_PREFIX}-${r}`,l(e,r,"fontWidth",t)],[`--${a.LINE_HEIGHT_PREFIX}-${r}`,l(e,r,"lineHeight",t)],[`--${a.TEXT_TRANSFORM_PREFIX}-${r}`,l(e,r,"textTransform",t)]])),f=e=>Object.fromEntries(n.textVariants.map(t=>[t,`var(--${e}-${t})`])),F={fontFamily:f(a.FONT_FAMILY_PREFIX),fontWeight:f(a.FONT_WEIGHT_PREFIX),fontSlant:f(a.FONT_SLANT_PREFIX),fontWidth:f(a.FONT_WIDTH_PREFIX),fontSize:f(a.FONT_SIZE_PREFIX),lineHeight:f(a.LINE_HEIGHT_PREFIX),textTransform:f(a.TEXT_TRANSFORM_PREFIX)};function _(e,{addBase:t}){const r=E(e);for(const e of r)t({"@font-face":e})}var p=i.default.withOptions(function({fontIds:e}){return function({addBase:t}){_(e,{addBase:t})}});function E(e){return e.flatMap(e=>{const{declarations:r,fontFamily:a}=t.FONT_DECLARATIONS_MAP[e];return r.map(e=>({fontFamily:a,fontDisplay:"swap",...e}))})}function h(e){return`"${e}"`}function I(e){return{...e.borderRadius._vars,...e.borderWidth._vars,...e.avatarSizes._vars,...e.iconSizes._vars}}exports.RESPONSIVE_TAILWIND_CONFIG_MAP=F,exports.addFontFaceDeclarations=_,exports.addFontsPlugin=p,exports.assertUnreachable=d,exports.getBaseTextVars=e=>u(e,"base"),exports.getColorModeStyles=function(e){return{light:{colorScheme:"light","--uds-light-mode-icon":"inline","--uds-dark-mode-icon":"none",...e.colorMode.light._vars},dark:{colorScheme:"dark","--uds-light-mode-icon":"none","--uds-dark-mode-icon":"inline",...e.colorMode.dark._vars}}},exports.getFontFaceDeclarations=E,exports.getFontStyles=function(e){return t.fromEntries(r.entries(e).map(([e,r])=>{const n=`--${a.FONT_FAMILY_PREFIX}-${e}`,o=t.FONT_DECLARATIONS_MAP[r];return[n,[o.fontFamily,...o.fallback].map(h).join(", ")]}))},exports.getMotionStyles=function(a){const o=r.entries(a).flatMap(([t,a])=>r.entries(a).flatMap(([r,a])=>n.motionSpringConfigOptions.map(n=>[e.getMotionVar({variant:t,speed:r,control:n}),`${a[n]}`])));return t.fromEntries(o)},exports.getResponsiveTextStyles=e=>{const t=(r=e.breakpoints,Object.entries(r)).sort(([,{value:e}],[,{value:t}])=>e-t);var r;return{[`.${a.TEXT_RESPONSIVE_CLASSNAME}`]:Object.fromEntries(t.map(([t,{value:r}])=>[`@media (min-width: ${r}px)`,u(e,t)])),".uds-text-base":u(e,"base"),...Object.fromEntries(t.map(([t])=>[`.uds-text-${t}`,u(e,t)]))}},exports.getScaleModeStyles=function(e){return{xSmall:I(e.scaleMode.xSmall),small:I(e.scaleMode.small),medium:I(e.scaleMode.medium),large:I(e.scaleMode.large),xLarge:I(e.scaleMode.xLarge),xxLarge:I(e.scaleMode.xxLarge),xxxLarge:I(e.scaleMode.xxxLarge)}},exports.getShadowStyles=function({config:e,shadowType:n}){const o=e.shadow[n],s=r.entries(o).map(([e])=>[`.uds-${n}-shadow-${e}`,{[`--uds-${n}-shadow`]:`var(--${a.UDS_PREFIX}-${n}-shadow-${e})`,boxShadow:`var(--${a.UDS_PREFIX}-drop-shadow, 0 0 transparent), var(--${a.UDS_PREFIX}-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 t.fromEntries(s)};

package/dist/chunk-TKDMDEZQ.js

@@ -0,0 +1,2 @@
+import{getMotionVar as r}from"./chunk-KYESDN2J.js";import{FONT_DECLARATIONS_MAP as t,fromEntries as a}from"./chunk-2N6GU6KA.js";import{entries as n}from"./chunk-EWJ3J526.js";import{TEXT_TRANSFORM_PREFIX as e,LINE_HEIGHT_PREFIX as o,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-24RMELG3.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 e=r.typography[t]?.[a];if(!e)throw new Error(`Missing typography data for variant "${t}" and key "${a}"`);const o="base"===n?e.base:e.breakpoints?.[n];if(!o)throw new Error(`Missing value for variant "${t}", key "${a}", and breakpoint "${n}"`);if(h(o))return o;switch(o.type){case"px":return o.value/16+"rem";case"unitless":return String(o.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)],[`--${o}-${a}`,g(r,a,"lineHeight",t)],[`--${e}-${a}`,g(r,a,"textTransform",t)]])),b=r=>Object.fromEntries(m.map(t=>[t,`var(--${r}-${t})`])),M={fontFamily:b(c),fontWeight:b(f),fontSlant:b(d),fontWidth:b(i),fontSize:b(s),lineHeight:b(o),textTransform:b(e)},k=r=>x(r,"base"),y=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,{addBase: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,{addBase: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 O(r){return`"${r}"`}function W(r){return a(n(r).map(([r,a])=>{const n=`--${c}-${r}`,e=t[a];return[n,[e.fontFamily,...e.fallback].map(O).join(", ")]}))}function _(t){const e=n(t).flatMap(([t,a])=>n(a).flatMap(([a,n])=>p.map(e=>[r({variant:t,speed:a,control:e}),`${n[e]}`])));return a(e)}function F(r){return{...r.borderRadius._vars,...r.borderWidth._vars,...r.avatarSizes._vars,...r.iconSizes._vars}}function z(r){return{xSmall:F(r.scaleMode.xSmall),small:F(r.scaleMode.small),medium:F(r.scaleMode.medium),large:F(r.scaleMode.large),xLarge:F(r.scaleMode.xLarge),xxLarge:F(r.scaleMode.xxLarge),xxxLarge:F(r.scaleMode.xxxLarge)}}function B({config:r,shadowType:t}){const e=r.shadow[t],o=n(e).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(o)}export{M as RESPONSIVE_TAILWIND_CONFIG_MAP,S as addFontFaceDeclarations,j as addFontsPlugin,v as assertUnreachable,k as getBaseTextVars,E as getColorModeStyles,L as getFontFaceDeclarations,W as getFontStyles,_ as getMotionStyles,y as getResponsiveTextStyles,z as getScaleModeStyles,B as getShadowStyles};

package/dist/experimental/client/SwitchV2.cjs

@@ -1,2 +1 @@
-"use client";
 "use strict";var e=require("../../chunk-QNNUPDNC.cjs"),t=require("../../chunk-Y5TAAZAI.cjs"),a=require("../../chunk-S5XWK3OK.cjs"),o=require("motion/react-m"),i=require("react"),r=require("react/jsx-runtime");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,o.get?o:{enumerable:!0,get:function(){return e[a]}})}}),t.default=e,Object.freeze(t)}var c=()=>import("../../domMax-ZTC57OAI.cjs").then(({domMax:e})=>e),s=n(o).create(a.Box),l=i.forwardRef(function({id:o,isOn:n,defaultIsOn:l,onChange:d,label:u,labelPosition:h="start",size:f="md",onIcon:x,offIcon:m,reduceMotion:p,disabled:y,required:b,onFocus:w,onBlur:v,className:g,layerClassNames:j,...N},S){const C=i.useId(),I=o??`uds-input-${C}`,k=i.useRef(null),V=void 0!==n,[A,O]=i.useState(V?n:l),q=i.useCallback(e=>{d?.(e),V||O(e.target.checked)},[V,d]),z=i.useCallback(e=>{w?.(e)},[w]),M=i.useCallback(e=>{v?.(e)},[v]),P=p?"always":"user",B=p?"duration-0":"duration-120 motion-reduce:duration-0";i.useEffect(()=>{V&&O(n)},[n,V]);const H={root:a.getStyles({switchSizeRoot:f,switchVariantRoot:"default",switchVariantActiveRoot:A?"on":"off",className:a.cx("group","flex","items-center","start"===h?"flex-row":"flex-row-reverse",...y?["cursor-default","opacity-50"]:["cursor-pointer"],j?.root,g)}),switch:a.getStyles({switchVariantSwitch:"default",switchSizeSwitch:f,switchVariantActiveSwitch:A?"on":"off",className:a.cx("uds-ring","uds-ring-within","relative","rounded-full","items-center",B,"transition-[background-color,box-shadow]",j?.switch)}),handleContainer:a.cx("pointer-events-none","relative","w-full","h-full"),handle:a.getStyles({switchSizeHandle:f,className:a.cx("absolute","top-0","bottom-0",A?"right-0":"left-0",j?.handle)}),handleContents:a.cx("relative","w-full","h-full","rounded-full","overflow-hidden",!y&&"group-hover:scale-105","opacity-95",!y&&"group-hover:opacity-100",B,"transition-[transform,opacity]"),handleCircle:a.getStyles({switchVariantActiveHandle:A?"on":"off",switchVariantHandle:"default",className:a.cx("absolute","top-0","left-0","right-0","bottom-0")}),handleIcon:a.getStyles({switchSizeHandleIcon:f,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:A?"on":"off",className:a.cx("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",B,"transition-opacity")}),htmlCheckbox:a.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:a.cx("start"===h?"text-start":"text-end",j?.label)},R=u?"label":"div";return r.jsx(t.SpringMotionConfig,{reducedMotion:P,loadFeatures:c,layoutVariant:"bouncy",layoutSpeed:"4",children:r.jsxs(R,{className:H.root,"data-testid":"switch-root",tabIndex:-1,children:[r.jsxs(a.Box,{className:H.switch,children:[r.jsx("input",{type:"checkbox",...N,ref:e=>{k.current=e,"function"==typeof S?S(e):null!==S&&(S.current=e)},onFocus:z,onBlur:M,id:I,disabled:y,required:b,checked:V?A:void 0,defaultChecked:V?void 0:l,onChange:q,className:H.htmlCheckbox,style:{}}),r.jsx(a.Box,{className:H.handleContainer,children:r.jsx(s,{className:H.handle,layout:"position",layoutDependency:A,children:r.jsxs(a.Box,{className:H.handleContents,children:[r.jsx(a.Box,{className:H.handleCircle}),x&&r.jsx(a.IconSlot,{icon:x,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:a.cx(H.handleIcon,A?"opacity-100":"opacity-0")}),m&&r.jsx(a.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:a.cx(H.handleIcon,A?"opacity-0":"opacity-100")})]})})})]}),u&&r.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:b,label:u,className:H.label})]})})});/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */l.displayName="SwitchV2";var d=t.AvoidMotionLibraryProvider;exports.SwitchV2=l,exports.SwitchV2AvoidMotionLibraryProvider=d;

package/dist/experimental/client/SwitchV2.js

@@ -1,2 +1 @@
-"use client";
 import{FormLabel as t}from"../../chunk-XUETKXD3.js";import{SpringMotionConfig as e,AvoidMotionLibraryProvider as a}from"../../chunk-FEBCSS3H.js";import{Box as o,cx as i,getStyles as n,IconSlot as r}from"../../chunk-G424GRRD.js";import*as l from"motion/react-m";import{forwardRef as c,useId as s,useRef as d,useState as h,useCallback as u,useEffect as m}from"react";import{jsx as f,jsxs as p}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var w=()=>import("../../domMax-OBCHPQP3.js").then(({domMax:t})=>t),y=l.create(o),b=c(function({id:a,isOn:l,defaultIsOn:c,onChange:b,label:v,labelPosition:x="start",size:N="md",onIcon:C,offIcon:g,reduceMotion:S,disabled:k,required:I,onFocus:V,onBlur:H,className:z,layerClassNames:j,...P},R){const A=s(),B=a??`uds-input-${A}`,F=d(null),M=void 0!==l,[q,D]=h(M?l:c),O=u(t=>{b?.(t),M||D(t.target.checked)},[M,b]),E=u(t=>{V?.(t)},[V]),G=u(t=>{H?.(t)},[H]),X=S?"always":"user",K=S?"duration-0":"duration-120 motion-reduce:duration-0";m(()=>{M&&D(l)},[l,M]);const Q={root:n({switchSizeRoot:N,switchVariantRoot:"default",switchVariantActiveRoot:q?"on":"off",className:i("group","flex","items-center","start"===x?"flex-row":"flex-row-reverse",...k?["cursor-default","opacity-50"]:["cursor-pointer"],j?.root,z)}),switch:n({switchVariantSwitch:"default",switchSizeSwitch:N,switchVariantActiveSwitch:q?"on":"off",className:i("uds-ring","uds-ring-within","relative","rounded-full","items-center",K,"transition-[background-color,box-shadow]",j?.switch)}),handleContainer:i("pointer-events-none","relative","w-full","h-full"),handle:n({switchSizeHandle:N,className:i("absolute","top-0","bottom-0",q?"right-0":"left-0",j?.handle)}),handleContents:i("relative","w-full","h-full","rounded-full","overflow-hidden",!k&&"group-hover:scale-105","opacity-95",!k&&"group-hover:opacity-100",K,"transition-[transform,opacity]"),handleCircle:n({switchVariantActiveHandle:q?"on":"off",switchVariantHandle:"default",className:i("absolute","top-0","left-0","right-0","bottom-0")}),handleIcon:n({switchSizeHandleIcon:N,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:q?"on":"off",className:i("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",K,"transition-opacity")}),htmlCheckbox:i("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:i("start"===x?"text-start":"text-end",j?.label)};return f(e,{reducedMotion:X,loadFeatures:w,layoutVariant:"bouncy",layoutSpeed:"4",children:p(v?"label":"div",{className:Q.root,"data-testid":"switch-root",tabIndex:-1,children:[p(o,{className:Q.switch,children:[f("input",{type:"checkbox",...P,ref:t=>{F.current=t,"function"==typeof R?R(t):null!==R&&(R.current=t)},onFocus:E,onBlur:G,id:B,disabled:k,required:I,checked:M?q:void 0,defaultChecked:M?void 0:c,onChange:O,className:Q.htmlCheckbox,style:{}}),f(o,{className:Q.handleContainer,children:f(y,{className:Q.handle,layout:"position",layoutDependency:q,children:p(o,{className:Q.handleContents,children:[f(o,{className:Q.handleCircle}),C&&f(r,{icon:C,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:i(Q.handleIcon,q?"opacity-100":"opacity-0")}),g&&f(r,{icon:g,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:i(Q.handleIcon,q?"opacity-0":"opacity-100")})]})})})]}),v&&f(t,{as:"div",variant:"inherit",color:"inherit",required:I,label:v,className:Q.label})]})})});b.displayName="SwitchV2";var v=a;export{b as SwitchV2,v as SwitchV2AvoidMotionLibraryProvider};