@yahoo/uds 3.39.0 → 3.40.0

package/dist/experimental/client/SwitchV2.js

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