@yahoo/uds 3.16.0-beta.2 → 3.16.0

package/dist/chunk-SQCEFYU5.cjs

@@ -1,3 +0,0 @@
-"use strict";var o=require("./chunk-A6QBZQH4.cjs"),r=require("@yahoo/uds/fixtures"),t=require("@yahoo/uds/flags"),e=require("clsx"),n=require("imurmurhash"),i=require("tailwind-merge"),a=require("react"),l=require("react/jsx-runtime"),s=require("lodash-es");function d(o){return o&&o.__esModule?o:{default:o}}var f=d(e),c=d(n);/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
-function p(o){return"boolean"==typeof o?`${o}`:0===o?"0":o}function u(o){const r=Object.create(null),t=Object.keys(o);for(let e=0,n=t.length;e<n;e++){const n=t[e];void 0!==o[n]&&(r[n]=o[n])}return r}var b=i.extendTailwindMerge({extend:{theme:{borderColor:r.lineColors,borderWidth:r.borderWidths,borderRadius:r.borderRadii}},override:{classGroups:{"text-color":[{text:[...r.foregroundColors,...r.spectrumColors]}],"bg-color":[{bg:r.backgroundColors}],"font-family":[{font:["icons",...r.textVariants]}],leading:[{leading:r.textVariants}]},conflictingClassGroups:{}}}),h=(...o)=>{const r=f.default(o);return b(r)},m=o=>r=>{if(!o?.variants)return h(o?.base,r?.className);const{variants:t,defaultVariants:e}=o,n=Object.keys(t).map((o=>{const n=r?.[o],i=e?.[o],a=p(n)||p(i);return t[o][a]})),i={...e,...r&&u(r)},a=o?.compoundVariants?.reduce(((o,{className:r,...t})=>Object.entries(t).every((([o,r])=>i[o]===r))?h(o,r):o),"");return h(o?.base,n,a,r?.className)},g=m({variants:o.variants}),x=new Map,C=o=>{const{useGetStylesCache:r}=t.getFeatureFlags();if(r){const r=function(o){const r=Object.create(null),t=Object.keys(o).sort();for(let e=0,n=t.length;e<n;e++){const n=t[e];r[n]=o[n]}return r}(u(o)),t=(new c.default).hash(JSON.stringify(r)).result();if(x.has(t))return x.get(t);const e=g(r);return x.set(t,e),e}return g(o)};function S(...o){return r=>o.forEach((o=>function(o,r){"function"==typeof o?o(r):null!=o&&(o.current=r)}(o,r)))}function w(){const o=a.forwardRef(((o,t)=>{const{children:n,...i}=o,s=a.Children.toArray(n),d=s.find(e);if(d){const o=d.props.children,e=s.map((r=>r===d?a.Children.count(o)>1?a.Children.only(null):a.isValidElement(o)?o.props.children:null:r));return l.jsx(r,{...i,ref:t,children:a.isValidElement(o)?a.cloneElement(o,void 0,e):null})}return l.jsx(r,{...i,ref:t,children:n})}));o.displayName="Slot";const r=a.forwardRef(((o,r)=>{const{children:t,...e}=o;return a.isValidElement(t)?a.cloneElement(t,{...n(e,t.props),ref:r?S(r,t.ref):t.ref}):a.Children.count(t)>1?a.Children.only(null):null}));r.displayName="SlotClone";const t=({children:o})=>o;function e(o){return a.isValidElement(o)&&o.type===t}function n(o,r){const t={...r};for(const e in r){const n=o[e],i=r[e];/^on[A-Z]/.test(e)?n&&i?t[e]=(...o)=>{i(...o),n(...o)}:n&&(t[e]=n):"style"===e&&(t[e]={...n,...i})}return{...o,...t}}return o}var y=w(),v=a.forwardRef((function({asChild:o,className:r,backgroundColor:t,borderRadius:e,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:s,borderColor:d,borderStartColor:f,borderEndColor:c,borderTopColor:p,borderBottomColor:u,borderWidth:b,borderVerticalWidth:h,borderHorizontalWidth:m,borderStartWidth:g,borderEndWidth:x,borderTopWidth:S,borderBottomWidth:w,alignContent:v,alignItems:W,alignSelf:E,flex:B,flexDirection:T,flexGrow:R,flexShrink:V,flexWrap:j,justifyContent:N,flexBasis:z,display:G="flex",overflow:H,overflowX:k,overflowY:q,position:I,spacing:O,spacingHorizontal:A,spacingVertical:F,spacingBottom:D,spacingEnd:X,spacingStart:Y,spacingTop:M,offset:$,offsetVertical:_,offsetHorizontal:Q,offsetBottom:Z,offsetEnd:J,offsetStart:P,offsetTop:K,columnGap:L,rowGap:U,width:oo,height:ro,dropShadow:to,insetShadow:eo,...no},io){const ao=C({backgroundColor:t,borderRadius:e,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:s,borderColor:d,borderStartColor:f,borderEndColor:c,borderTopColor:p,borderBottomColor:u,borderWidth:b,borderVerticalWidth:h,borderHorizontalWidth:m,borderStartWidth:g,borderEndWidth:x,borderTopWidth:S,borderBottomWidth:w,alignContent:v,alignItems:W,alignSelf:E,flex:B,flexDirection:T,flexGrow:R,flexShrink:V,flexWrap:j,justifyContent:N,flexBasis:z,display:G,overflow:H,overflowX:k,overflowY:q,position:I,spacing:O,spacingHorizontal:A,spacingVertical:F,spacingBottom:D,spacingEnd:X,spacingStart:Y,spacingTop:M,offset:$,offsetVertical:_,offsetHorizontal:Q,offsetBottom:Z,offsetEnd:J,offsetStart:P,offsetTop:K,columnGap:L,rowGap:U,width:oo,height:ro,dropShadow:to,insetShadow:eo,className:r}),lo=o?y:"div";return l.jsx(lo,{className:ao,ref:io,...no})}));v.displayName="Box";var W=w(),E={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",label3:"p",label4:"p",caption1:"p",caption2:"p",legal1:"p",inherit:"p"},B=a.forwardRef((function({className:o,asChild:r,color:t="primary",variant:e="body1",as:n=E[e],fontFamily:i,fontSize:a,fontWeight:s,lineHeight:d,textTransform:f,textAlign:c,backgroundColor:p,borderRadius:u,borderTopStartRadius:b,borderTopEndRadius:h,borderBottomStartRadius:m,borderBottomEndRadius:g,borderColor:x,borderStartColor:S,borderEndColor:w,borderTopColor:y,borderBottomColor:v,borderWidth:B,borderVerticalWidth:T,borderHorizontalWidth:R,borderStartWidth:V,borderEndWidth:j,borderTopWidth:N,borderBottomWidth:z,alignContent:G,alignItems:H,alignSelf:k,flex:q,flexDirection:I,flexGrow:O,flexShrink:A,flexWrap:F,justifyContent:D,flexBasis:X,display:Y,overflow:M,overflowX:$,overflowY:_,position:Q,spacing:Z,spacingHorizontal:J,spacingVertical:P,spacingBottom:K,spacingEnd:L,spacingStart:U,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:no,offsetEnd:io,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:fo,...co},po){const uo={...t&&"inherit"!==t?{color:t}:{},...e&&"inherit"!==e?{fontFamily:i??e,fontSize:a??e,fontWeight:s??e,lineHeight:d??e,textTransform:f??e}:{},textAlign:c},bo=C({className:o,...uo,backgroundColor:p,borderRadius:u,borderTopStartRadius:b,borderTopEndRadius:h,borderBottomStartRadius:m,borderBottomEndRadius:g,borderColor:x,borderStartColor:S,borderEndColor:w,borderTopColor:y,borderBottomColor:v,borderWidth:B,borderVerticalWidth:T,borderHorizontalWidth:R,borderStartWidth:V,borderEndWidth:j,borderTopWidth:N,borderBottomWidth:z,alignContent:G,alignItems:H,alignSelf:k,flex:q,flexDirection:I,flexGrow:O,flexShrink:A,flexWrap:F,justifyContent:D,flexBasis:X,display:Y,overflow:M,overflowX:$,overflowY:_,position:Q,spacing:Z,spacingHorizontal:J,spacingVertical:P,spacingBottom:K,spacingEnd:L,spacingStart:U,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:no,offsetEnd:io,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:fo}),ho=r?W:n;return l.jsx(ho,{className:bo,ref:po,...co})}));B.displayName="Text";var T={xs:12,sm:16,md:24,lg:32},R=a.forwardRef((function({name:o,size:r="md",variant:t="outline",color:e="primary",className:n,...i},a){const s=o.metadata?.variants??[],d=s.includes(t)?t:s[0]??"fill",f="multicolor"===d,c=C({flex:"none",color:f?void 0:e,className:h(n,!f&&"[&_path]:fill-current")}),p=T[r];return l.jsx("svg",{ref:a,xmlns:"http://www.w3.org/2000/svg",width:p,height:p,viewBox:`0 0 ${p} ${p}`,"aria-hidden":"true",focusable:"false",className:c,...i,children:l.jsx(o,{size:r,variant:d})})}));R.displayName="Icon";var V=a.memo((function({icon:o,iconProps:r,...t}){if(!o)return null;const e=r??{},n=o;if(n.metadata?.isSvgIcon)return l.jsx(R,{name:n,...e,...t});if(s.isFunction(o)){const r=o(e);return a.isValidElement(r)&&a.cloneElement(r,t)}return a.isValidElement(o)&&a.cloneElement(o,{...e,...o.props,...t})}));
-/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */exports.Box=v,exports.Icon=R,exports.IconSlot=V,exports.Text=B,exports.createSlot=w,exports.cva=m,exports.cx=h,exports.getStyles=C;

package/dist/chunk-TPSHAL7U.js

@@ -1,3 +0,0 @@
-import{variants as o}from"./chunk-Z2ZVRADJ.js";import{textVariants as r,backgroundColors as t,foregroundColors as e,spectrumColors as n,borderRadii as i,borderWidths as a,lineColors as l}from"@yahoo/uds/fixtures";import{getFeatureFlags as s}from"@yahoo/uds/flags";import d from"clsx";import f from"imurmurhash";import{extendTailwindMerge as c}from"tailwind-merge";import{forwardRef as p,memo as u,isValidElement as b,cloneElement as m,Children as h}from"react";import{jsx as g}from"react/jsx-runtime";import{isFunction as S}from"lodash-es";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
-function x(o){return"boolean"==typeof o?`${o}`:0===o?"0":o}function y(o){const r=Object.create(null),t=Object.keys(o);for(let e=0,n=t.length;e<n;e++){const n=t[e];void 0!==o[n]&&(r[n]=o[n])}return r}var C=c({extend:{theme:{borderColor:l,borderWidth:a,borderRadius:i}},override:{classGroups:{"text-color":[{text:[...e,...n]}],"bg-color":[{bg:t}],"font-family":[{font:["icons",...r]}],leading:[{leading:r}]},conflictingClassGroups:{}}}),w=(...o)=>{const r=d(o);return C(r)},W=o=>r=>{if(!o?.variants)return w(o?.base,r?.className);const{variants:t,defaultVariants:e}=o,n=Object.keys(t).map((o=>{const n=r?.[o],i=e?.[o],a=x(n)||x(i);return t[o][a]})),i={...e,...r&&y(r)},a=o?.compoundVariants?.reduce(((o,{className:r,...t})=>Object.entries(t).every((([o,r])=>i[o]===r))?w(o,r):o),"");return w(o?.base,n,a,r?.className)},v=W({variants:o}),B=new Map,T=o=>{const{useGetStylesCache:r}=s();if(r){const r=function(o){const r=Object.create(null),t=Object.keys(o).sort();for(let e=0,n=t.length;e<n;e++){const n=t[e];r[n]=o[n]}return r}(y(o)),t=(new f).hash(JSON.stringify(r)).result();if(B.has(t))return B.get(t);const e=v(r);return B.set(t,e),e}return v(o)};function E(...o){return r=>o.forEach((o=>function(o,r){"function"==typeof o?o(r):null!=o&&(o.current=r)}(o,r)))}function R(){const o=p(((o,t)=>{const{children:n,...i}=o,a=h.toArray(n),l=a.find(e);if(l){const o=l.props.children,e=a.map((r=>r===l?h.count(o)>1?h.only(null):b(o)?o.props.children:null:r));return g(r,{...i,ref:t,children:b(o)?m(o,void 0,e):null})}return g(r,{...i,ref:t,children:n})}));o.displayName="Slot";const r=p(((o,r)=>{const{children:t,...e}=o;return b(t)?m(t,{...n(e,t.props),ref:r?E(r,t.ref):t.ref}):h.count(t)>1?h.only(null):null}));r.displayName="SlotClone";const t=({children:o})=>o;function e(o){return b(o)&&o.type===t}function n(o,r){const t={...r};for(const e in r){const n=o[e],i=r[e];/^on[A-Z]/.test(e)?n&&i?t[e]=(...o)=>{i(...o),n(...o)}:n&&(t[e]=n):"style"===e&&(t[e]={...n,...i})}return{...o,...t}}return o}var N=R(),z=p((function({asChild:o,className:r,backgroundColor:t,borderRadius:e,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:l,borderColor:s,borderStartColor:d,borderEndColor:f,borderTopColor:c,borderBottomColor:p,borderWidth:u,borderVerticalWidth:b,borderHorizontalWidth:m,borderStartWidth:h,borderEndWidth:S,borderTopWidth:x,borderBottomWidth:y,alignContent:C,alignItems:w,alignSelf:W,flex:v,flexDirection:B,flexGrow:E,flexShrink:R,flexWrap:z,justifyContent:G,flexBasis:V,display:H="flex",overflow:j,overflowX:k,overflowY:O,position:I,spacing:A,spacingHorizontal:D,spacingVertical:X,spacingBottom:Y,spacingEnd:Z,spacingStart:$,spacingTop:F,offset:J,offsetVertical:M,offsetHorizontal:P,offsetBottom:_,offsetEnd:q,offsetStart:K,offsetTop:L,columnGap:Q,rowGap:U,width:oo,height:ro,dropShadow:to,insetShadow:eo,...no},io){const ao=T({backgroundColor:t,borderRadius:e,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:l,borderColor:s,borderStartColor:d,borderEndColor:f,borderTopColor:c,borderBottomColor:p,borderWidth:u,borderVerticalWidth:b,borderHorizontalWidth:m,borderStartWidth:h,borderEndWidth:S,borderTopWidth:x,borderBottomWidth:y,alignContent:C,alignItems:w,alignSelf:W,flex:v,flexDirection:B,flexGrow:E,flexShrink:R,flexWrap:z,justifyContent:G,flexBasis:V,display:H,overflow:j,overflowX:k,overflowY:O,position:I,spacing:A,spacingHorizontal:D,spacingVertical:X,spacingBottom:Y,spacingEnd:Z,spacingStart:$,spacingTop:F,offset:J,offsetVertical:M,offsetHorizontal:P,offsetBottom:_,offsetEnd:q,offsetStart:K,offsetTop:L,columnGap:Q,rowGap:U,width:oo,height:ro,dropShadow:to,insetShadow:eo,className:r});return g(o?N:"div",{className:ao,ref:io,...no})}));z.displayName="Box";var G=R(),V={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",label3:"p",label4:"p",caption1:"p",caption2:"p",legal1:"p",inherit:"p"},H=p((function({className:o,asChild:r,color:t="primary",variant:e="body1",as:n=V[e],fontFamily:i,fontSize:a,fontWeight:l,lineHeight:s,textTransform:d,textAlign:f,backgroundColor:c,borderRadius:p,borderTopStartRadius:u,borderTopEndRadius:b,borderBottomStartRadius:m,borderBottomEndRadius:h,borderColor:S,borderStartColor:x,borderEndColor:y,borderTopColor:C,borderBottomColor:w,borderWidth:W,borderVerticalWidth:v,borderHorizontalWidth:B,borderStartWidth:E,borderEndWidth:R,borderTopWidth:N,borderBottomWidth:z,alignContent:H,alignItems:j,alignSelf:k,flex:O,flexDirection:I,flexGrow:A,flexShrink:D,flexWrap:X,justifyContent:Y,flexBasis:Z,display:$,overflow:F,overflowX:J,overflowY:M,position:P,spacing:_,spacingHorizontal:q,spacingVertical:K,spacingBottom:L,spacingEnd:Q,spacingStart:U,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:no,offsetEnd:io,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:fo,...co},po){const uo={...t&&"inherit"!==t?{color:t}:{},...e&&"inherit"!==e?{fontFamily:i??e,fontSize:a??e,fontWeight:l??e,lineHeight:s??e,textTransform:d??e}:{},textAlign:f},bo=T({className:o,...uo,backgroundColor:c,borderRadius:p,borderTopStartRadius:u,borderTopEndRadius:b,borderBottomStartRadius:m,borderBottomEndRadius:h,borderColor:S,borderStartColor:x,borderEndColor:y,borderTopColor:C,borderBottomColor:w,borderWidth:W,borderVerticalWidth:v,borderHorizontalWidth:B,borderStartWidth:E,borderEndWidth:R,borderTopWidth:N,borderBottomWidth:z,alignContent:H,alignItems:j,alignSelf:k,flex:O,flexDirection:I,flexGrow:A,flexShrink:D,flexWrap:X,justifyContent:Y,flexBasis:Z,display:$,overflow:F,overflowX:J,overflowY:M,position:P,spacing:_,spacingHorizontal:q,spacingVertical:K,spacingBottom:L,spacingEnd:Q,spacingStart:U,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:no,offsetEnd:io,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:fo});return g(r?G:n,{className:bo,ref:po,...co})}));H.displayName="Text";var j={xs:12,sm:16,md:24,lg:32},k=p((function({name:o,size:r="md",variant:t="outline",color:e="primary",className:n,...i},a){const l=o.metadata?.variants??[],s=l.includes(t)?t:l[0]??"fill",d="multicolor"===s,f=T({flex:"none",color:d?void 0:e,className:w(n,!d&&"[&_path]:fill-current")}),c=j[r];return g("svg",{ref:a,xmlns:"http://www.w3.org/2000/svg",width:c,height:c,viewBox:`0 0 ${c} ${c}`,"aria-hidden":"true",focusable:"false",className:f,...i,children:g(o,{size:r,variant:s})})}));k.displayName="Icon";var O=u((function({icon:o,iconProps:r,...t}){if(!o)return null;const e=r??{},n=o;if(n.metadata?.isSvgIcon)return g(k,{name:n,...e,...t});if(S(o)){const r=o(e);return b(r)&&m(r,t)}return b(o)&&m(o,{...e,...o.props,...t})}));
-/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */export{z as Box,k as Icon,O as IconSlot,H as Text,R as createSlot,W as cva,w as cx,T as getStyles};

package/dist/chunk-XMZZKQMQ.js

@@ -1 +0,0 @@
-import{Text as r,cx as a}from"./chunk-OJB3FVN6.js";import{isFunction as e}from"lodash-es";import{jsxs as i,jsx as t}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var l=({htmlFor:l,required:o,label:s,children:n,color:c="muted",variant:h="label3",hasError:m=!1,showRequiredAsterisk:d=!1,as:u="label",className:p,...v})=>{const b=s?e(s)?s():s:n;return b?i(r,{variant:h,color:c,as:u,htmlFor:l,className:a("cursor-[inherit]",p),...v,children:[b,o&&d&&t(r,{as:"sup",color:m?"alert":"inherit",variant:"inherit",spacingStart:"0.5","aria-hidden":!0,children:"*"})]}):null};export{l as FormLabel};

package/dist/chunk-XVD3PMQ7.cjs

@@ -1 +0,0 @@
-"use strict";var e=require("./chunk-BIT4ZYYL.cjs"),s=require("motion/react"),t=require("react"),n=require("react/jsx-runtime"),i={damped:{1:{damping:20.585796264350424,stiffness:62.37968115365702},2:{damping:29.312551281312288,stiffness:126.47801753759964},3:{damping:48.92799401356162,stiffness:352.3892336537332},4:{damping:123.42690994256348,stiffness:2242.474548821137}},smooth:{1:{damping:16.46863701148034,stiffness:67.80400125397502},2:{damping:23.45004102504983,stiffness:137.47610601913004},3:{damping:39.1423952108493,stiffness:383.03177571057955},4:{damping:98.7415279540508,stiffness:2437.4723356751488}},subtle:{1:{damping:13.04316051309243,stiffness:67.80400125397502},2:{damping:18.572432491839468,stiffness:137.47610601913004},3:{damping:31.000777006992646,stiffness:383.03177571057955},4:{damping:78.20329013960823,stiffness:2437.4723356751488}},bouncy:{1:{damping:9.229712940600143,stiffness:48.880672622541795},2:{damping:12.634144343496553,stiffness:91.59092691366399},3:{damping:19.40217701790486,stiffness:216.00395877230474},4:{damping:37.541723184430275,stiffness:808.7032559422912}},veryBouncy:{1:{damping:6.902290754946187,stiffness:38.92152745126911},2:{damping:9.155550514215523,stiffness:68.48134828711234},3:{damping:13.244464908166709,stiffness:143.30858570843873},4:{damping:22.17862652876726,stiffness:401.85804919502965}}},o=()=>import("./domAnimation-ESPUKI4G.cjs").then((({domAnimation:e})=>e));/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var r=t.createContext(!1),a=r.Provider;exports.AvoidMotionLibraryProvider=a,exports.SpringMotionConfig=function({children:a,reducedMotion:f="user",loadFeatures:d=o,layoutVariant:p="subtle",layoutSpeed:m="3",colorVariant:g="smooth",colorSpeed:u="3"}){const c=i[p][m],l=i[g][u],[y,M]=t.useState(c),[b,V]=t.useState(l),v={variant:g,speed:u},h=e.getMotionVar({...v,control:"stiffness"}),x=e.getMotionVar({...v,control:"damping"}),C={variant:p,speed:m},P=e.getMotionVar({...C,control:"stiffness"}),S=e.getMotionVar({...C,control:"damping"});t.useEffect((()=>{const e=getComputedStyle(document.documentElement),s={type:"spring",damping:Number(e.getPropertyValue(S)),stiffness:Number(e.getPropertyValue(P))},t={type:"spring",damping:Number(e.getPropertyValue(x)),stiffness:Number(e.getPropertyValue(h))};M(s),V(t)}),[x,h,S,P]);const j=t.useMemo((()=>({type:"spring",mass:1,...y,layout:y,opacity:b,color:b,borderColor:b,backgroundColor:b})),[b,y]);return t.useContext(r)?a:n.jsx(s.LazyMotion,{features:d,strict:!0,children:n.jsx(s.MotionConfig,{transition:j,reducedMotion:f,children:a})})};

package/dist/domMax-OBCHPQP3.js

@@ -1 +0,0 @@
-export{domMax}from"motion/react";

package/dist/domMax-ZTC57OAI.cjs

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

package/dist/experimental/client/SwitchV2.cjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";var e=require("../../chunk-LUIZSLSJ.cjs"),t=require("../../chunk-2ZZHX2EJ.cjs"),a=require("../../chunk-SQCEFYU5.cjs"),o=require("motion/react-m"),r=require("react"),i=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=r.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:S,...j},N){const C=r.useId(),I=o??`uds-input-${C}`,k=r.useRef(null),V=void 0!==n,[O,q]=r.useState(V?n:l),z=r.useCallback((e=>{d?.(e),V||q(e.target.checked)}),[V,d]),M=r.useCallback((e=>{w?.(e)}),[w]),P=r.useCallback((e=>{v?.(e)}),[v]),A=p?"always":"user",B=p?"duration-0":"duration-120 motion-reduce:duration-0";r.useEffect((()=>{V&&q(n)}),[n,V]);const H={root:a.getStyles({switchSizeRoot:f,switchVariantRoot:"default",switchVariantActiveRoot:O?"on":"off",display:"flex",flexDirection:"start"===h?"row":"row-reverse",alignItems:"center",className:a.cx("group",{"cursor-pointer":!y,"cursor-default":y,"opacity-50":y},S?.root,g)}),switch:a.getStyles({switchVariantSwitch:"default",switchSizeSwitch:f,switchVariantActiveSwitch:O?"on":"off",borderRadius:"full",alignItems:"center",className:a.cx("uds-ring","uds-ring-within","relative",B,"transition-[background-color,box-shadow]",S?.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",O?"right-0":"left-0",S?.handle)}),handleContents:a.getStyles({className: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:O?"on":"off",switchVariantHandle:"default",className:a.cx("absolute","top-0","left-0","right-0","bottom-0")}),handleIcon:a.getStyles({switchSizeHandleIcon:f,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:O?"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",S?.label)},R=u?"label":"div";return i.jsx(t.SpringMotionConfig,{reducedMotion:A,loadFeatures:c,layoutVariant:"bouncy",layoutSpeed:"4",children:i.jsxs(R,{className:H.root,"data-testid":"switch-root",tabIndex:-1,children:[i.jsxs(a.Box,{className:H.switch,children:[i.jsx("input",{type:"checkbox",...j,ref:e=>{k.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:M,onBlur:P,id:I,disabled:y,required:b,checked:V?O:void 0,defaultChecked:V?void 0:l,onChange:z,className:H.htmlCheckbox,style:{}}),i.jsx(a.Box,{className:H.handleContainer,children:i.jsx(s,{className:H.handle,layout:"position",layoutDependency:O,children:i.jsxs(a.Box,{className:H.handleContents,children:[i.jsx(a.Box,{className:H.handleCircle}),x&&i.jsx(a.IconSlot,{icon:x,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:a.cx(H.handleIcon,O?"opacity-100":"opacity-0")}),m&&i.jsx(a.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:a.cx(H.handleIcon,O?"opacity-0":"opacity-100")})]})})})]}),u&&i.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",Object.defineProperty(exports,"AvoidMotionLibraryProvider",{enumerable:!0,get:function(){return t.AvoidMotionLibraryProvider}}),exports.SwitchV2=l;

package/dist/experimental/client/SwitchV2.d.cts

@@ -1,44 +0,0 @@
-import { b as UniversalSwitchProps } from '../../types-DYEQXQnF.cjs';
-import react__default from 'react';
-export { A as AvoidMotionLibraryProvider } from '../../SpringMotionConfig-CDjfwVEF.cjs';
-import '@yahoo/uds-icons/types';
-import 'motion/react';
-import 'type-fest';
-import 'react/jsx-runtime';
-
-type NativeInputProps = Omit<react__default.InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'size' | 'height' | 'width' | 'color' | 'defaultChecked' | 'children'>;
-interface SwitchV2Props extends NativeInputProps, UniversalSwitchProps {
-    layerClassNames?: {
-        root?: string;
-        switch?: string;
-        handle?: string;
-        label?: string;
-    };
-}
-/**
- * **⚙️️ An switch.
- *
- * @componentType Client component
- *
- * @description
- * A switch (also called a toggle) is a binary on/off input control. It is clickable or touchable on mobile devices allowing users to pick between two clearly opposite choices.
- *
- * @see
- * Check out the {@link https://uds.build/docs/components/switch Switch Docs} for more info
- *
- * @usage
- * - Forms: switch
- *
- * @example
- * ```tsx
- * 'use client';
- * import { Switch } from "@yahoo/uds";
- *
- * <Switch label="Name" required />
- *```
- *
- * @related [Checkbox](https://uds.build/docs/components/checkbox).
- **/
-declare const SwitchV2: react__default.ForwardRefExoticComponent<SwitchV2Props & react__default.RefAttributes<HTMLInputElement>>;
-
-export { SwitchV2, type SwitchV2Props };

package/dist/experimental/client/SwitchV2.d.ts

@@ -1,44 +0,0 @@
-import { b as UniversalSwitchProps } from '../../types-DYEQXQnF.js';
-import react__default from 'react';
-export { A as AvoidMotionLibraryProvider } from '../../SpringMotionConfig-G-5m8zYg.js';
-import '@yahoo/uds-icons/types';
-import 'motion/react';
-import 'type-fest';
-import 'react/jsx-runtime';
-
-type NativeInputProps = Omit<react__default.InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'size' | 'height' | 'width' | 'color' | 'defaultChecked' | 'children'>;
-interface SwitchV2Props extends NativeInputProps, UniversalSwitchProps {
-    layerClassNames?: {
-        root?: string;
-        switch?: string;
-        handle?: string;
-        label?: string;
-    };
-}
-/**
- * **⚙️️ An switch.
- *
- * @componentType Client component
- *
- * @description
- * A switch (also called a toggle) is a binary on/off input control. It is clickable or touchable on mobile devices allowing users to pick between two clearly opposite choices.
- *
- * @see
- * Check out the {@link https://uds.build/docs/components/switch Switch Docs} for more info
- *
- * @usage
- * - Forms: switch
- *
- * @example
- * ```tsx
- * 'use client';
- * import { Switch } from "@yahoo/uds";
- *
- * <Switch label="Name" required />
- *```
- *
- * @related [Checkbox](https://uds.build/docs/components/checkbox).
- **/
-declare const SwitchV2: react__default.ForwardRefExoticComponent<SwitchV2Props & react__default.RefAttributes<HTMLInputElement>>;
-
-export { SwitchV2, type SwitchV2Props };

package/dist/experimental/client/SwitchV2.js

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