@yahoo/uds 3.30.0 → 3.31.0-beta.1

package/dist/{chunk-C5UZEZC5.js → chunk-JVYFTHX7.js}

@@ -1,2 +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 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-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 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})`])),M={fontFamily:b(c),fontWeight:b(f),fontSlant:b(d),fontWidth:b(i),fontSize:b(s),lineHeight:b(e),textTransform:b(o)},k=r=>({":root":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,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 O(r){return`"${r}"`}function W(r){return a(n(r).map(([r,a])=>{const n=`--${c}-${r}`,o=t[a];return[n,[o.fontFamily,...o.fallback].map(O).join(", ")]}))}function _(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 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 D({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{M as RESPONSIVE_TAILWIND_CONFIG_MAP,S as addFontFaceDeclarations,j as addFontsPlugin,v as assertUnreachable,k as getBaseTextStyles,E as getColorModeStyles,L as getFontFaceDeclarations,W as getFontStyles,_ as getMotionStyles,y as getResponsiveTextStyles,z as getScaleModeStyles,D as getShadowStyles};
+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})`])),M={fontFamily:b(c),fontWeight:b(f),fontSlant:b(d),fontWidth:b(i),fontSize:b(s),lineHeight:b(e),textTransform:b(o)},k=(r,t)=>({[t]: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,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 O(r){return`"${r}"`}function W(r){return a(n(r).map(([r,a])=>{const n=`--${c}-${r}`,o=t[a];return[n,[o.fontFamily,...o.fallback].map(O).join(", ")]}))}function _(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 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 D({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{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,D as getShadowStyles};

package/dist/{chunk-RA5767I6.cjs → chunk-YTRBQ73N.cjs}

@@ -1 +1 @@
-"use strict";var e=require("./chunk-NQ7BFO3S.cjs"),t=require("./chunk-T3NVPMAQ.cjs"),r=require("./chunk-J7PUOUXC.cjs"),n=require("./chunk-3AYBRPUC.cjs"),a=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")),l=e=>{throw new Error("Didn't expect to get here")};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var d=(e,t,r,n)=>{const a=e.typography[t]?.[r];if(!a)throw new Error(`Missing typography data for variant "${t}" and key "${r}"`);const s="base"===n?a.base:a.breakpoints?.[n];if(!s)throw new Error(`Missing value for variant "${t}", key "${r}", and breakpoint "${n}"`);if(o.isString(s))return s;switch(s.type){case"px":return s.value/16+"rem";case"unitless":return String(s.value)}return l()},c=(e,t)=>t in e.font?`var(--${n.FONT_FAMILY_PREFIX}-${t})`:t,u=(e,t)=>Object.fromEntries(a.textVariants.flatMap(r=>[[`--${n.FONT_FAMILY_PREFIX}-${r}`,c(e,d(e,r,"fontFamily",t))],[`--${n.FONT_SIZE_PREFIX}-${r}`,d(e,r,"fontSize",t)],[`--${n.FONT_WEIGHT_PREFIX}-${r}`,d(e,r,"fontWeight",t)],[`--${n.FONT_SLANT_PREFIX}-${r}`,d(e,r,"fontSlant",t)],[`--${n.FONT_WIDTH_PREFIX}-${r}`,d(e,r,"fontWidth",t)],[`--${n.LINE_HEIGHT_PREFIX}-${r}`,d(e,r,"lineHeight",t)],[`--${n.TEXT_TRANSFORM_PREFIX}-${r}`,d(e,r,"textTransform",t)]])),f=e=>Object.fromEntries(a.textVariants.map(t=>[t,`var(--${e}-${t})`])),F={fontFamily:f(n.FONT_FAMILY_PREFIX),fontWeight:f(n.FONT_WEIGHT_PREFIX),fontSlant:f(n.FONT_SLANT_PREFIX),fontWidth:f(n.FONT_WIDTH_PREFIX),fontSize:f(n.FONT_SIZE_PREFIX),lineHeight:f(n.LINE_HEIGHT_PREFIX),textTransform:f(n.TEXT_TRANSFORM_PREFIX)};function _(e,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,t)}});function E(e){return e.flatMap(e=>{const{declarations:r,fontFamily:n}=t.FONT_DECLARATIONS_MAP[e];return r.map(e=>({fontFamily:n,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=l,exports.getBaseTextStyles=e=>({":root":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 a=`--${n.FONT_FAMILY_PREFIX}-${e}`,o=t.FONT_DECLARATIONS_MAP[r];return[a,[o.fontFamily,...o.fallback].map(h).join(", ")]}))},exports.getMotionStyles=function(n){const o=r.entries(n).flatMap(([t,n])=>r.entries(n).flatMap(([r,n])=>a.motionSpringConfigOptions.map(a=>[e.getMotionVar({variant:t,speed:r,control:a}),`${n[a]}`])));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{[`.${n.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:a}){const o=e.shadow[a],s=r.entries(o).map(([e])=>[`.uds-${a}-shadow-${e}`,{[`--uds-${a}-shadow`]:`var(--${n.UDS_PREFIX}-${a}-shadow-${e})`,boxShadow:`var(--${n.UDS_PREFIX}-drop-shadow, 0 0 transparent), var(--${n.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)};
+"use strict";var e=require("./chunk-NQ7BFO3S.cjs"),t=require("./chunk-T3NVPMAQ.cjs"),r=require("./chunk-J7PUOUXC.cjs"),n=require("./chunk-3AYBRPUC.cjs"),a=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")),l=e=>{throw new Error("Didn't expect to get here")};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var d=(e,t,r,n)=>{const a=e.typography[t]?.[r];if(!a)throw new Error(`Missing typography data for variant "${t}" and key "${r}"`);const s="base"===n?a.base:a.breakpoints?.[n];if(!s)throw new Error(`Missing value for variant "${t}", key "${r}", and breakpoint "${n}"`);if(o.isString(s))return s;switch(s.type){case"px":return s.value/16+"rem";case"unitless":return String(s.value)}return l()},c=(e,t)=>t in e.font?`var(--${n.FONT_FAMILY_PREFIX}-${t})`:t,u=(e,t)=>Object.fromEntries(a.textVariants.flatMap(r=>[[`--${n.FONT_FAMILY_PREFIX}-${r}`,c(e,d(e,r,"fontFamily",t))],[`--${n.FONT_SIZE_PREFIX}-${r}`,d(e,r,"fontSize",t)],[`--${n.FONT_WEIGHT_PREFIX}-${r}`,d(e,r,"fontWeight",t)],[`--${n.FONT_SLANT_PREFIX}-${r}`,d(e,r,"fontSlant",t)],[`--${n.FONT_WIDTH_PREFIX}-${r}`,d(e,r,"fontWidth",t)],[`--${n.LINE_HEIGHT_PREFIX}-${r}`,d(e,r,"lineHeight",t)],[`--${n.TEXT_TRANSFORM_PREFIX}-${r}`,d(e,r,"textTransform",t)]])),f=e=>Object.fromEntries(a.textVariants.map(t=>[t,`var(--${e}-${t})`])),F={fontFamily:f(n.FONT_FAMILY_PREFIX),fontWeight:f(n.FONT_WEIGHT_PREFIX),fontSlant:f(n.FONT_SLANT_PREFIX),fontWidth:f(n.FONT_WIDTH_PREFIX),fontSize:f(n.FONT_SIZE_PREFIX),lineHeight:f(n.LINE_HEIGHT_PREFIX),textTransform:f(n.TEXT_TRANSFORM_PREFIX)};function _(e,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,t)}});function E(e){return e.flatMap(e=>{const{declarations:r,fontFamily:n}=t.FONT_DECLARATIONS_MAP[e];return r.map(e=>({fontFamily:n,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=l,exports.getBaseTextVars=(e,t)=>({[t]: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 a=`--${n.FONT_FAMILY_PREFIX}-${e}`,o=t.FONT_DECLARATIONS_MAP[r];return[a,[o.fontFamily,...o.fallback].map(h).join(", ")]}))},exports.getMotionStyles=function(n){const o=r.entries(n).flatMap(([t,n])=>r.entries(n).flatMap(([r,n])=>a.motionSpringConfigOptions.map(a=>[e.getMotionVar({variant:t,speed:r,control:a}),`${n[a]}`])));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{[`.${n.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:a}){const o=e.shadow[a],s=r.entries(o).map(([e])=>[`.uds-${a}-shadow-${e}`,{[`--uds-${a}-shadow`]:`var(--${n.UDS_PREFIX}-${a}-shadow-${e})`,boxShadow:`var(--${n.UDS_PREFIX}-drop-shadow, 0 0 transparent), var(--${n.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/experimental/client/SwitchV2.cjs

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