@yahoo/uds 3.28.0-beta.1 → 3.28.0-beta.2

package/dist/experimental/client/SwitchV2.cjs

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