@yahoo/uds 3.18.0-beta.1 → 3.18.0

package/dist/experimental/client/SwitchV2.cjs

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