@yahoo/uds 3.36.0-beta.1 → 3.36.0-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Box-B5-iomov.d.ts +34 -0
- package/dist/Box-DiAlMwFs.d.cts +34 -0
- package/dist/Input-C2JHbAnz.d.cts +54 -0
- package/dist/Input-Drdk_VTx.d.ts +54 -0
- package/dist/Pressable-BtsR3Qz0.d.cts +44 -0
- package/dist/Pressable-DvTJyjgZ.d.ts +44 -0
- package/dist/VStack-mmwkcypy.d.cts +83 -0
- package/dist/VStack-r7oAc-8J.d.ts +83 -0
- package/dist/chunk-4A2ZIK3D.cjs +2 -0
- package/dist/chunk-4GUXQTU3.cjs +3 -0
- package/dist/chunk-5D2A6RFS.js +2 -0
- package/dist/chunk-5U4J6DA5.cjs +1 -0
- package/dist/{chunk-2D7AZCOW.cjs → chunk-6HG5KSL6.cjs} +1 -1
- package/dist/{chunk-HVGHKZ4H.js → chunk-6SQQBVSA.js} +1 -1
- package/dist/chunk-74BWCTGT.cjs +1 -0
- package/dist/{chunk-G6QAZH7S.cjs → chunk-CTYIRZ5A.cjs} +1 -1
- package/dist/chunk-DCZLRK3J.js +2 -0
- package/dist/{chunk-I7OQUICC.js → chunk-EXYFDTFM.js} +1 -1
- package/dist/chunk-F7LPH2UL.cjs +1 -0
- package/dist/chunk-GF4A6TFM.js +2 -0
- package/dist/chunk-GJLQAO4M.cjs +1 -0
- package/dist/chunk-H62QDZOV.cjs +2 -0
- package/dist/chunk-I7ZFG4YT.js +2 -0
- package/dist/chunk-JM4WTJDB.cjs +3 -0
- package/dist/chunk-KPGAKQEP.js +2 -0
- package/dist/chunk-LWGAE6PD.cjs +1 -0
- package/dist/chunk-MATTX7AJ.js +1 -0
- package/dist/chunk-MZKL2XHU.js +2 -0
- package/dist/{chunk-Y5TAAZAI.cjs → chunk-NYCASMFK.cjs} +1 -1
- package/dist/chunk-PNL4K4BQ.cjs +1 -0
- package/dist/chunk-PVXOGAWH.js +2 -0
- package/dist/chunk-QF6YIMT4.js +2 -0
- package/dist/chunk-QLXJH36U.cjs +1 -0
- package/dist/chunk-QQ7BRHDQ.js +2 -0
- package/dist/chunk-QXAMOFS3.cjs +1 -0
- package/dist/chunk-QZIQVD63.js +3 -0
- package/dist/chunk-RMRBUBTB.js +3 -0
- package/dist/chunk-S5NRWKDP.cjs +1 -0
- package/dist/chunk-ST7Z3YRS.js +2 -0
- package/dist/chunk-SVO6TMF5.js +2 -0
- package/dist/chunk-UYLBFQ4P.js +2 -0
- package/dist/chunk-VQ4KEVVH.cjs +1 -0
- package/dist/chunk-VQV2OVOZ.cjs +1 -0
- package/dist/chunk-WRE54KQN.js +2 -0
- package/dist/chunk-WX4V6S4A.js +1 -0
- package/dist/chunk-Y5HRSSOF.cjs +1 -0
- package/dist/chunk-YBIQ3S5G.cjs +1 -0
- package/dist/{chunk-FEBCSS3H.js → chunk-Z44HLHNN.js} +1 -1
- package/dist/client/Menu.cjs +2 -2
- package/dist/client/Menu.js +2 -2
- package/dist/client/index.cjs +1 -1
- package/dist/client/index.js +1 -1
- package/dist/experimental/client/SwitchV2.cjs +1 -2
- package/dist/experimental/client/SwitchV2.js +1 -1
- package/dist/experimental/client/index.cjs +2 -2
- package/dist/experimental/client/index.js +2 -2
- package/dist/index-BiFYC5eM.d.ts +245 -0
- package/dist/index-CISBacKa.d.cts +245 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/tailwind/plugin.cjs +1 -1
- package/dist/tailwind/plugin.js +1 -2
- package/dist/tailwind/purger.cjs +1 -1
- package/dist/tailwind/purger.js +1 -1
- package/dist/tailwind/tsMorph.cjs +1 -2
- package/dist/tailwind/tsMorph.js +2 -1
- package/dist/tailwind/utils.cjs +1 -1
- package/dist/tailwind/utils.js +1 -1
- package/dist/tokens/automation/configs.cjs +1 -1
- package/dist/tokens/automation/configs.js +1 -1
- package/dist/tokens/automation/properties.cjs +1 -1
- package/dist/tokens/automation/properties.js +1 -1
- package/dist/tokens/index.cjs +1 -1
- package/dist/tokens/index.js +1 -1
- package/dist/types-BRmrSr-u.d.cts +10585 -0
- package/dist/types-BRmrSr-u.d.ts +10585 -0
- package/package.json +1 -1
- package/dist/chunk-3K7DOMTA.js +0 -3
- package/dist/chunk-5CIFYYX6.js +0 -1
- package/dist/chunk-5IKCFMD6.cjs +0 -3
- package/dist/chunk-66AIQC3S.cjs +0 -1
- package/dist/chunk-6SO7GS3O.cjs +0 -1
- package/dist/chunk-B5DVYOHR.js +0 -2
- package/dist/chunk-FLUI4BO3.js +0 -2
- package/dist/chunk-I2KSBIOI.js +0 -2
- package/dist/chunk-LAIVXF4G.cjs +0 -2
- package/dist/chunk-NUEZVMWZ.cjs +0 -1
- package/dist/chunk-PZY3L2VB.cjs +0 -1
- package/dist/chunk-QOJ4ZAXP.cjs +0 -2
- package/dist/chunk-S5UKKXRV.js +0 -2
- package/dist/chunk-T7TLALTB.js +0 -1
- package/dist/chunk-TW6PDFBX.cjs +0 -1
- package/dist/chunk-YLWUR5SE.js +0 -2
- /package/dist/{domAnimation-ESPUKI4G.cjs → domAnimation-26D6WPCP.cjs} +0 -0
- /package/dist/{domAnimation-MWKTMI4P.js → domAnimation-FQC75V5T.js} +0 -0
- /package/dist/{domMax-ZTC57OAI.cjs → domMax-7KVFVNKB.cjs} +0 -0
- /package/dist/{domMax-OBCHPQP3.js → domMax-XRPNJ6D3.js} +0 -0
@@ -0,0 +1 @@
|
|
1
|
+
import{VStack as e,HStack as r}from"./chunk-PVXOGAWH.js";import{cx as t,Box as i,Text as o,getStyles as a}from"./chunk-RMRBUBTB.js";import{forwardRef as n,useMemo as l}from"react";import{jsxs as s,jsx as d}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var c={horizontal:"w-full",vertical:""},m=n(function({vertical:a=!1,contentPosition:n="center",className:m,layerClassNames:h,children:f,...v},x){const p=a?"vertical":"horizontal",N=a?e:r,b=l(()=>({root:t(c[p],m,h?.root),label:t(h?.text),line:h?.line}),[m,p,h?.root,h?.text,h?.line]),u=l(()=>"vertical"===p?{borderTopWidth:0,borderRightWidth:0,borderBottomWidth:0}:{borderLeftWidth:0,borderRightWidth:0,borderBottomWidth:0},[p]),y=()=>d(i,{flex:"1",className:b.line,style:u});return f?s(N,{flex:"1",alignItems:"center",className:b.root,ref:x,...v,children:["start"!==n&&d(y,{}),d(i,{flex:"none",children:d(o,{color:"inherit",variant:"inherit",className:b.label,children:f})}),"end"!==n&&d(y,{})]}):d(i,{display:"flex",flex:"none",className:b.root,ref:x,...v,children:d(y,{})})});m.displayName="DividerCore";var h=n(function({variant:e="primary",layerClassNames:r,...i},o){const n=l(()=>({root:t("inherit"!==e&&a({dividerVariantRoot:e}),r?.root),text:t("inherit"!==e?a({dividerVariantLabel:e}):void 0,r?.text),line:t("inherit"!==e&&a({dividerVariantLine:e}),r?.line)}),[r?.line,r?.root,r?.text,e]);return d(m,{ref:o,layerClassNames:n,...i})});h.displayName="DividerInternal";export{h as DividerInternal};
|
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";var e=require("./chunk-3AYBRPUC.cjs"),t=require("./chunk-QLXJH36U.cjs"),a=t.__commonJS({"../../node_modules/lodash/_freeGlobal.js"(e,t){var a="object"==typeof global&&global&&global.Object===Object&&global;t.exports=a}}),r=t.__commonJS({"../../node_modules/lodash/_root.js"(e,t){var r=a(),o="object"==typeof self&&self&&self.Object===Object&&self,n=r||o||Function("return this")();t.exports=n}}),o=t.__commonJS({"../../node_modules/lodash/_Symbol.js"(e,t){var a=r().Symbol;t.exports=a}}),n=t.__commonJS({"../../node_modules/lodash/_getRawTag.js"(e,t){var a=o(),r=Object.prototype,n=r.hasOwnProperty,i=r.toString,d=a?a.toStringTag:void 0;t.exports=function(e){var t=n.call(e,d),a=e[d];try{e[d]=void 0;var r=!0}catch(e){}var o=i.call(e);return r&&(t?e[d]=a:delete e[d]),o}}}),i=t.__commonJS({"../../node_modules/lodash/_objectToString.js"(e,t){var a=Object.prototype.toString;t.exports=function(e){return a.call(e)}}}),d=t.__commonJS({"../../node_modules/lodash/_baseGetTag.js"(e,t){var a=o(),r=n(),d=i(),s=a?a.toStringTag:void 0;t.exports=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":s&&s in Object(e)?r(e):d(e)}}}),s=t.__commonJS({"../../node_modules/lodash/isObject.js"(e,t){t.exports=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}}}),l=t.__commonJS({"../../node_modules/lodash/isFunction.js"(e,t){var a=d(),r=s();t.exports=function(e){if(!r(e))return!1;var t=a(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t}}}),c=t.__commonJS({"../../node_modules/lodash/isArray.js"(e,t){var a=Array.isArray;t.exports=a}}),u=t.__commonJS({"../../node_modules/lodash/isObjectLike.js"(e,t){t.exports=function(e){return null!=e&&"object"==typeof e}}}),p=t.__commonJS({"../../node_modules/lodash/_arrayReduce.js"(e,t){t.exports=function(e,t,a,r){var o=-1,n=null==e?0:e.length;for(r&&n&&(a=e[++o]);++o<n;)a=t(a,e[o],o,e);return a}}}),m=t.__commonJS({"../../node_modules/lodash/_basePropertyOf.js"(e,t){t.exports=function(e){return function(t){return null==e?void 0:e[t]}}}}),b=t.__commonJS({"../../node_modules/lodash/_deburrLetter.js"(e,t){var a=m()({"À":"A","Á":"A","Â":"A","Ã":"A","Ä":"A","Å":"A","à":"a","á":"a","â":"a","ã":"a","ä":"a","å":"a","Ç":"C","ç":"c","Ð":"D","ð":"d","È":"E","É":"E","Ê":"E","Ë":"E","è":"e","é":"e","ê":"e","ë":"e","Ì":"I","Í":"I","Î":"I","Ï":"I","ì":"i","í":"i","î":"i","ï":"i","Ñ":"N","ñ":"n","Ò":"O","Ó":"O","Ô":"O","Õ":"O","Ö":"O","Ø":"O","ò":"o","ó":"o","ô":"o","õ":"o","ö":"o","ø":"o","Ù":"U","Ú":"U","Û":"U","Ü":"U","ù":"u","ú":"u","û":"u","ü":"u","Ý":"Y","ý":"y","ÿ":"y","Æ":"Ae","æ":"ae","Þ":"Th","þ":"th","ß":"ss","Ā":"A","Ă":"A","Ą":"A","ā":"a","ă":"a","ą":"a","Ć":"C","Ĉ":"C","Ċ":"C","Č":"C","ć":"c","ĉ":"c","ċ":"c","č":"c","Ď":"D","Đ":"D","ď":"d","đ":"d","Ē":"E","Ĕ":"E","Ė":"E","Ę":"E","Ě":"E","ē":"e","ĕ":"e","ė":"e","ę":"e","ě":"e","Ĝ":"G","Ğ":"G","Ġ":"G","Ģ":"G","ĝ":"g","ğ":"g","ġ":"g","ģ":"g","Ĥ":"H","Ħ":"H","ĥ":"h","ħ":"h","Ĩ":"I","Ī":"I","Ĭ":"I","Į":"I","İ":"I","ĩ":"i","ī":"i","ĭ":"i","į":"i","ı":"i","Ĵ":"J","ĵ":"j","Ķ":"K","ķ":"k","ĸ":"k","Ĺ":"L","Ļ":"L","Ľ":"L","Ŀ":"L","Ł":"L","ĺ":"l","ļ":"l","ľ":"l","ŀ":"l","ł":"l","Ń":"N","Ņ":"N","Ň":"N","Ŋ":"N","ń":"n","ņ":"n","ň":"n","ŋ":"n","Ō":"O","Ŏ":"O","Ő":"O","ō":"o","ŏ":"o","ő":"o","Ŕ":"R","Ŗ":"R","Ř":"R","ŕ":"r","ŗ":"r","ř":"r","Ś":"S","Ŝ":"S","Ş":"S","Š":"S","ś":"s","ŝ":"s","ş":"s","š":"s","Ţ":"T","Ť":"T","Ŧ":"T","ţ":"t","ť":"t","ŧ":"t","Ũ":"U","Ū":"U","Ŭ":"U","Ů":"U","Ű":"U","Ų":"U","ũ":"u","ū":"u","ŭ":"u","ů":"u","ű":"u","ų":"u","Ŵ":"W","ŵ":"w","Ŷ":"Y","ŷ":"y","Ÿ":"Y","Ź":"Z","Ż":"Z","Ž":"Z","ź":"z","ż":"z","ž":"z","IJ":"IJ","ij":"ij","Œ":"Oe","œ":"oe","ʼn":"'n","ſ":"s"});t.exports=a}}),y=t.__commonJS({"../../node_modules/lodash/_arrayMap.js"(e,t){t.exports=function(e,t){for(var a=-1,r=null==e?0:e.length,o=Array(r);++a<r;)o[a]=t(e[a],a,e);return o}}}),x=t.__commonJS({"../../node_modules/lodash/isSymbol.js"(e,t){var a=d(),r=u();t.exports=function(e){return"symbol"==typeof e||r(e)&&"[object Symbol]"==a(e)}}}),f=t.__commonJS({"../../node_modules/lodash/_baseToString.js"(e,t){var a=o(),r=y(),n=c(),i=x(),d=a?a.prototype:void 0,s=d?d.toString:void 0;t.exports=function e(t){if("string"==typeof t)return t;if(n(t))return r(t,e)+"";if(i(t))return s?s.call(t):"";var a=t+"";return"0"==a&&1/t==-1/0?"-0":a}}}),v=t.__commonJS({"../../node_modules/lodash/toString.js"(e,t){var a=f();t.exports=function(e){return null==e?"":a(e)}}}),h=t.__commonJS({"../../node_modules/lodash/deburr.js"(e,t){var a=b(),r=v(),o=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,n=RegExp("[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]","g");t.exports=function(e){return(e=r(e))&&e.replace(o,a).replace(n,"")}}}),g=t.__commonJS({"../../node_modules/lodash/_asciiWords.js"(e,t){var a=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;t.exports=function(e){return e.match(a)||[]}}}),_=t.__commonJS({"../../node_modules/lodash/_hasUnicodeWord.js"(e,t){var a=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;t.exports=function(e){return a.test(e)}}}),k=t.__commonJS({"../../node_modules/lodash/_unicodeWords.js"(e,t){var a="\\ud800-\\udfff",r="\\u2700-\\u27bf",o="a-z\\xdf-\\xf6\\xf8-\\xff",n="A-Z\\xc0-\\xd6\\xd8-\\xde",i="\\xac\\xb1\\xd7\\xf7\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf\\u2000-\\u206f \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",d="["+i+"]",s="\\d+",l="["+r+"]",c="["+o+"]",u="[^"+a+i+s+r+o+n+"]",p="(?:\\ud83c[\\udde6-\\uddff]){2}",m="[\\ud800-\\udbff][\\udc00-\\udfff]",b="["+n+"]",y="(?:"+c+"|"+u+")",x="(?:"+b+"|"+u+")",f="(?:['’](?:d|ll|m|re|s|t|ve))?",v="(?:['’](?:D|LL|M|RE|S|T|VE))?",h="(?:[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]|\\ud83c[\\udffb-\\udfff])?",g="[\\ufe0e\\ufe0f]?",_=g+h+("(?:\\u200d(?:"+["[^"+a+"]",p,m].join("|")+")"+g+h+")*"),k="(?:"+[l,p,m].join("|")+")"+_,w=RegExp([b+"?"+c+"+"+f+"(?="+[d,b,"$"].join("|")+")",x+"+"+v+"(?="+[d,b+y,"$"].join("|")+")",b+"?"+y+"+"+f,b+"+"+v,"\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",s,k].join("|"),"g");t.exports=function(e){return e.match(w)||[]}}}),w=t.__commonJS({"../../node_modules/lodash/words.js"(e,t){var a=g(),r=_(),o=v(),n=k();t.exports=function(e,t,i){return e=o(e),void 0===(t=i?void 0:t)?r(e)?n(e):a(e):e.match(t)||[]}}}),S=t.__commonJS({"../../node_modules/lodash/_createCompounder.js"(e,t){var a=p(),r=h(),o=w(),n=RegExp("['’]","g");t.exports=function(e){return function(t){return a(o(r(t).replace(n,"")),e,"")}}}}),j=t.__commonJS({"../../node_modules/lodash/_isPrototype.js"(e,t){var a=Object.prototype;t.exports=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||a)}}}),z=t.__commonJS({"../../node_modules/lodash/_baseIsArguments.js"(e,t){var a=d(),r=u();t.exports=function(e){return r(e)&&"[object Arguments]"==a(e)}}}),V=t.__commonJS({"../../node_modules/lodash/isArguments.js"(e,t){var a=z(),r=u(),o=Object.prototype,n=o.hasOwnProperty,i=o.propertyIsEnumerable,d=a(function(){return arguments}())?a:function(e){return r(e)&&n.call(e,"callee")&&!i.call(e,"callee")};t.exports=d}}),A=t.__commonJS({"../../node_modules/lodash/isLength.js"(e,t){t.exports=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991}}}),I=t.__commonJS({"../../node_modules/lodash/isArrayLike.js"(e,t){var a=l(),r=A();t.exports=function(e){return null!=e&&r(e.length)&&!a(e)}}}),R=t.__commonJS({"../../node_modules/lodash/stubFalse.js"(e,t){t.exports=function(){return!1}}}),E=t.__commonJS({"../../node_modules/lodash/isBuffer.js"(e,t){var a=r(),o=R(),n="object"==typeof e&&e&&!e.nodeType&&e,i=n&&"object"==typeof t&&t&&!t.nodeType&&t,d=i&&i.exports===n?a.Buffer:void 0,s=(d?d.isBuffer:void 0)||o;t.exports=s}}),L=t.__commonJS({"../../node_modules/lodash/_baseIsTypedArray.js"(e,t){var a=d(),r=A(),o=u(),n={};n["[object Float32Array]"]=n["[object Float64Array]"]=n["[object Int8Array]"]=n["[object Int16Array]"]=n["[object Int32Array]"]=n["[object Uint8Array]"]=n["[object Uint8ClampedArray]"]=n["[object Uint16Array]"]=n["[object Uint32Array]"]=!0,n["[object Arguments]"]=n["[object Array]"]=n["[object ArrayBuffer]"]=n["[object Boolean]"]=n["[object DataView]"]=n["[object Date]"]=n["[object Error]"]=n["[object Function]"]=n["[object Map]"]=n["[object Number]"]=n["[object Object]"]=n["[object RegExp]"]=n["[object Set]"]=n["[object String]"]=n["[object WeakMap]"]=!1,t.exports=function(e){return o(e)&&r(e.length)&&!!n[a(e)]}}}),J=t.__commonJS({"../../node_modules/lodash/_baseUnary.js"(e,t){t.exports=function(e){return function(t){return e(t)}}}}),C=t.__commonJS({"../../node_modules/lodash/_nodeUtil.js"(e,t){var r=a(),o="object"==typeof e&&e&&!e.nodeType&&e,n=o&&"object"==typeof t&&t&&!t.nodeType&&t,i=n&&n.exports===o&&r.process,d=function(){try{var e=n&&n.require&&n.require("util").types;return e||i&&i.binding&&i.binding("util")}catch(e){}}();t.exports=d}}),O=t.__commonJS({"../../node_modules/lodash/isTypedArray.js"(e,t){var a=L(),r=J(),o=C(),n=o&&o.isTypedArray,i=n?r(n):a;t.exports=i}}),T=t.__commonJS({"../../node_modules/lodash/_coreJsData.js"(e,t){var a=r()["__core-js_shared__"];t.exports=a}}),M=t.__commonJS({"../../node_modules/lodash/_isMasked.js"(e,t){var a,r=T(),o=(a=/[^.]+$/.exec(r&&r.keys&&r.keys.IE_PROTO||""))?"Symbol(src)_1."+a:"";t.exports=function(e){return!!o&&o in e}}}),q=t.__commonJS({"../../node_modules/lodash/_toSource.js"(e,t){var a=Function.prototype.toString;t.exports=function(e){if(null!=e){try{return a.call(e)}catch(e){}try{return e+""}catch(e){}}return""}}}),D=t.__commonJS({"../../node_modules/lodash/_baseIsNative.js"(e,t){var a=l(),r=M(),o=s(),n=q(),i=/^\[object .+?Constructor\]$/,d=Function.prototype,c=Object.prototype,u=d.toString,p=c.hasOwnProperty,m=RegExp("^"+u.call(p).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");t.exports=function(e){return!(!o(e)||r(e))&&(a(e)?m:i).test(n(e))}}}),U=t.__commonJS({"../../node_modules/lodash/_getValue.js"(e,t){t.exports=function(e,t){return null==e?void 0:e[t]}}}),H=t.__commonJS({"../../node_modules/lodash/_getNative.js"(e,t){var a=D(),r=U();t.exports=function(e,t){var o=r(e,t);return a(o)?o:void 0}}}),N=t.__commonJS({"../../node_modules/lodash/_DataView.js"(e,t){var a=H()(r(),"DataView");t.exports=a}}),W=t.__commonJS({"../../node_modules/lodash/_Map.js"(e,t){var a=H()(r(),"Map");t.exports=a}}),P=t.__commonJS({"../../node_modules/lodash/_Promise.js"(e,t){var a=H()(r(),"Promise");t.exports=a}}),B=t.__commonJS({"../../node_modules/lodash/_Set.js"(e,t){var a=H()(r(),"Set");t.exports=a}}),G=t.__commonJS({"../../node_modules/lodash/_WeakMap.js"(e,t){var a=H()(r(),"WeakMap");t.exports=a}}),F=t.__commonJS({"../../node_modules/lodash/_getTag.js"(e,t){var a=N(),r=W(),o=P(),n=B(),i=G(),s=d(),l=q(),c="[object Map]",u="[object Promise]",p="[object Set]",m="[object WeakMap]",b="[object DataView]",y=l(a),x=l(r),f=l(o),v=l(n),h=l(i),g=s;(a&&g(new a(new ArrayBuffer(1)))!=b||r&&g(new r)!=c||o&&g(o.resolve())!=u||n&&g(new n)!=p||i&&g(new i)!=m)&&(g=function(e){var t=s(e),a="[object Object]"==t?e.constructor:void 0,r=a?l(a):"";if(r)switch(r){case y:return b;case x:return c;case f:return u;case v:return p;case h:return m}return t}),t.exports=g}}),Z=t.__commonJS({"../../node_modules/lodash/_overArg.js"(e,t){t.exports=function(e,t){return function(a){return e(t(a))}}}}),X=t.__commonJS({"../../node_modules/lodash/_nativeKeys.js"(e,t){var a=Z()(Object.keys,Object);t.exports=a}}),$=t.__commonJS({"../../node_modules/lodash/_baseKeys.js"(e,t){var a=j(),r=X(),o=Object.prototype.hasOwnProperty;t.exports=function(e){if(!a(e))return r(e);var t=[];for(var n in Object(e))o.call(e,n)&&"constructor"!=n&&t.push(n);return t}}}),K={color:{accent:"text-accent",alert:"text-alert","alert-secondary":"text-alert-secondary",black:"text-black",brand:"text-brand","brand-secondary":"text-brand-secondary",positive:"text-positive","positive-secondary":"text-positive-secondary",warning:"text-warning","warning-secondary":"text-warning-secondary",info:"text-info","info-secondary":"text-info-secondary",white:"text-white",transparent:"text-transparent",muted:"text-muted","on-color":"text-on-color",primary:"text-primary",secondary:"text-secondary",tertiary:"text-tertiary",current:"text-current"},placeholderColor:{accent:"placeholder:text-accent",alert:"placeholder:text-alert","alert-secondary":"placeholder:text-alert-secondary",black:"placeholder:text-black",brand:"placeholder:text-brand","brand-secondary":"placeholder:text-brand-secondary",positive:"placeholder:text-positive","positive-secondary":"placeholder:text-positive-secondary",warning:"placeholder:text-warning","warning-secondary":"placeholder:text-warning-secondary",info:"placeholder:text-info","info-secondary":"placeholder:text-info-secondary",white:"placeholder:text-white",transparent:"placeholder:text-transparent",muted:"placeholder:text-muted","on-color":"placeholder:text-on-color",primary:"placeholder:text-primary",secondary:"placeholder:text-secondary",tertiary:"placeholder:text-tertiary",current:"placeholder:text-current"},fontFamily:{sans:"font-sans","sans-alt":"font-sans-alt",serif:"font-serif","serif-alt":"font-serif-alt",mono:"font-mono",display1:"font-display1",display2:"font-display2",display3:"font-display3",title1:"font-title1",title2:"font-title2",title3:"font-title3",title4:"font-title4",headline1:"font-headline1",body1:"font-body1",label1:"font-label1",label2:"font-label2",label3:"font-label3",label4:"font-label4",caption1:"font-caption1",caption2:"font-caption2",legal1:"font-legal1",ui1:"font-ui1",ui2:"font-ui2",ui3:"font-ui3",ui4:"font-ui4",ui5:"font-ui5",ui6:"font-ui6"},fontSize:{display1:"font-size-display1",display2:"font-size-display2",display3:"font-size-display3",title1:"font-size-title1",title2:"font-size-title2",title3:"font-size-title3",title4:"font-size-title4",headline1:"font-size-headline1",body1:"font-size-body1",label1:"font-size-label1",label2:"font-size-label2",label3:"font-size-label3",label4:"font-size-label4",caption1:"font-size-caption1",caption2:"font-size-caption2",legal1:"font-size-legal1",ui1:"font-size-ui1",ui2:"font-size-ui2",ui3:"font-size-ui3",ui4:"font-size-ui4",ui5:"font-size-ui5",ui6:"font-size-ui6"},fontWeight:{thin:"font-weight-thin",extralight:"font-weight-extralight",light:"font-weight-light",regular:"font-weight-regular",medium:"font-weight-medium",semibold:"font-weight-semibold",bold:"font-weight-bold",extrabold:"font-weight-extrabold",black:"font-weight-black",display1:"font-weight-display1",display2:"font-weight-display2",display3:"font-weight-display3",title1:"font-weight-title1",title2:"font-weight-title2",title3:"font-weight-title3",title4:"font-weight-title4",headline1:"font-weight-headline1",body1:"font-weight-body1",label1:"font-weight-label1",label2:"font-weight-label2",label3:"font-weight-label3",label4:"font-weight-label4",caption1:"font-weight-caption1",caption2:"font-weight-caption2",legal1:"font-weight-legal1",ui1:"font-weight-ui1",ui2:"font-weight-ui2",ui3:"font-weight-ui3",ui4:"font-weight-ui4",ui5:"font-weight-ui5",ui6:"font-weight-ui6"},lineHeight:{display1:"leading-display1",display2:"leading-display2",display3:"leading-display3",title1:"leading-title1",title2:"leading-title2",title3:"leading-title3",title4:"leading-title4",headline1:"leading-headline1",body1:"leading-body1",label1:"leading-label1",label2:"leading-label2",label3:"leading-label3",label4:"leading-label4",caption1:"leading-caption1",caption2:"leading-caption2",legal1:"leading-legal1",ui1:"leading-ui1",ui2:"leading-ui2",ui3:"leading-ui3",ui4:"leading-ui4",ui5:"leading-ui5",ui6:"leading-ui6"},textAlign:{center:"text-center",justify:"text-justify",start:"text-start",end:"text-end"},textTransform:{display1:"case-display1",display2:"case-display2",display3:"case-display3",title1:"case-title1",title2:"case-title2",title3:"case-title3",title4:"case-title4",headline1:"case-headline1",body1:"case-body1",label1:"case-label1",label2:"case-label2",label3:"case-label3",label4:"case-label4",caption1:"case-caption1",caption2:"case-caption2",legal1:"case-legal1",ui1:"case-ui1",ui2:"case-ui2",ui3:"case-ui3",ui4:"case-ui4",ui5:"case-ui5",ui6:"case-ui6",none:"normal-case",uppercase:"uppercase",lowercase:"lowercase",capitalize:"capitalize"},spacing:{0:"p-0",px:"p-px",.5:"p-0.5",1:"p-1",1.5:"p-1.5",2:"p-2",2.5:"p-2.5",3:"p-3",3.5:"p-3.5",4:"p-4",4.5:"p-4.5",5:"p-5",5.5:"p-5.5",6:"p-6",7:"p-7",8:"p-8",9:"p-9",10:"p-10",11:"p-11",12:"p-12",14:"p-14",16:"p-16",20:"p-20",24:"p-24",28:"p-28",32:"p-32",36:"p-36",40:"p-40",44:"p-44",48:"p-48",52:"p-52",56:"p-56",60:"p-60",64:"p-64",72:"p-72",80:"p-80",96:"p-96"},spacingHorizontal:{0:"px-0",px:"px-px",.5:"px-0.5",1:"px-1",1.5:"px-1.5",2:"px-2",2.5:"px-2.5",3:"px-3",3.5:"px-3.5",4:"px-4",4.5:"px-4.5",5:"px-5",5.5:"px-5.5",6:"px-6",7:"px-7",8:"px-8",9:"px-9",10:"px-10",11:"px-11",12:"px-12",14:"px-14",16:"px-16",20:"px-20",24:"px-24",28:"px-28",32:"px-32",36:"px-36",40:"px-40",44:"px-44",48:"px-48",52:"px-52",56:"px-56",60:"px-60",64:"px-64",72:"px-72",80:"px-80",96:"px-96"},spacingVertical:{0:"py-0",px:"py-px",.5:"py-0.5",1:"py-1",1.5:"py-1.5",2:"py-2",2.5:"py-2.5",3:"py-3",3.5:"py-3.5",4:"py-4",4.5:"py-4.5",5:"py-5",5.5:"py-5.5",6:"py-6",7:"py-7",8:"py-8",9:"py-9",10:"py-10",11:"py-11",12:"py-12",14:"py-14",16:"py-16",20:"py-20",24:"py-24",28:"py-28",32:"py-32",36:"py-36",40:"py-40",44:"py-44",48:"py-48",52:"py-52",56:"py-56",60:"py-60",64:"py-64",72:"py-72",80:"py-80",96:"py-96"},spacingBottom:{0:"pb-0",px:"pb-px",.5:"pb-0.5",1:"pb-1",1.5:"pb-1.5",2:"pb-2",2.5:"pb-2.5",3:"pb-3",3.5:"pb-3.5",4:"pb-4",4.5:"pb-4.5",5:"pb-5",5.5:"pb-5.5",6:"pb-6",7:"pb-7",8:"pb-8",9:"pb-9",10:"pb-10",11:"pb-11",12:"pb-12",14:"pb-14",16:"pb-16",20:"pb-20",24:"pb-24",28:"pb-28",32:"pb-32",36:"pb-36",40:"pb-40",44:"pb-44",48:"pb-48",52:"pb-52",56:"pb-56",60:"pb-60",64:"pb-64",72:"pb-72",80:"pb-80",96:"pb-96"},spacingEnd:{0:"pe-0",px:"pe-px",.5:"pe-0.5",1:"pe-1",1.5:"pe-1.5",2:"pe-2",2.5:"pe-2.5",3:"pe-3",3.5:"pe-3.5",4:"pe-4",4.5:"pe-4.5",5:"pe-5",5.5:"pe-5.5",6:"pe-6",7:"pe-7",8:"pe-8",9:"pe-9",10:"pe-10",11:"pe-11",12:"pe-12",14:"pe-14",16:"pe-16",20:"pe-20",24:"pe-24",28:"pe-28",32:"pe-32",36:"pe-36",40:"pe-40",44:"pe-44",48:"pe-48",52:"pe-52",56:"pe-56",60:"pe-60",64:"pe-64",72:"pe-72",80:"pe-80",96:"pe-96"},spacingStart:{0:"ps-0",px:"ps-px",.5:"ps-0.5",1:"ps-1",1.5:"ps-1.5",2:"ps-2",2.5:"ps-2.5",3:"ps-3",3.5:"ps-3.5",4:"ps-4",4.5:"ps-4.5",5:"ps-5",5.5:"ps-5.5",6:"ps-6",7:"ps-7",8:"ps-8",9:"ps-9",10:"ps-10",11:"ps-11",12:"ps-12",14:"ps-14",16:"ps-16",20:"ps-20",24:"ps-24",28:"ps-28",32:"ps-32",36:"ps-36",40:"ps-40",44:"ps-44",48:"ps-48",52:"ps-52",56:"ps-56",60:"ps-60",64:"ps-64",72:"ps-72",80:"ps-80",96:"ps-96"},spacingTop:{0:"pt-0",px:"pt-px",.5:"pt-0.5",1:"pt-1",1.5:"pt-1.5",2:"pt-2",2.5:"pt-2.5",3:"pt-3",3.5:"pt-3.5",4:"pt-4",4.5:"pt-4.5",5:"pt-5",5.5:"pt-5.5",6:"pt-6",7:"pt-7",8:"pt-8",9:"pt-9",10:"pt-10",11:"pt-11",12:"pt-12",14:"pt-14",16:"pt-16",20:"pt-20",24:"pt-24",28:"pt-28",32:"pt-32",36:"pt-36",40:"pt-40",44:"pt-44",48:"pt-48",52:"pt-52",56:"pt-56",60:"pt-60",64:"pt-64",72:"pt-72",80:"pt-80",96:"pt-96"},offset:{0:"-m-0",px:"-m-px",.5:"-m-0.5",1:"-m-1",1.5:"-m-1.5",2:"-m-2",2.5:"-m-2.5",3:"-m-3",3.5:"-m-3.5",4:"-m-4",4.5:"-m-4.5",5:"-m-5",5.5:"-m-5.5",6:"-m-6",7:"-m-7",8:"-m-8",9:"-m-9",10:"-m-10",11:"-m-11",12:"-m-12",14:"-m-14",16:"-m-16",20:"-m-20",24:"-m-24",28:"-m-28",32:"-m-32",36:"-m-36",40:"-m-40",44:"-m-44",48:"-m-48",52:"-m-52",56:"-m-56",60:"-m-60",64:"-m-64",72:"-m-72",80:"-m-80",96:"-m-96"},offsetVertical:{0:"-my-0",px:"-my-px",.5:"-my-0.5",1:"-my-1",1.5:"-my-1.5",2:"-my-2",2.5:"-my-2.5",3:"-my-3",3.5:"-my-3.5",4:"-my-4",4.5:"-my-4.5",5:"-my-5",5.5:"-my-5.5",6:"-my-6",7:"-my-7",8:"-my-8",9:"-my-9",10:"-my-10",11:"-my-11",12:"-my-12",14:"-my-14",16:"-my-16",20:"-my-20",24:"-my-24",28:"-my-28",32:"-my-32",36:"-my-36",40:"-my-40",44:"-my-44",48:"-my-48",52:"-my-52",56:"-my-56",60:"-my-60",64:"-my-64",72:"-my-72",80:"-my-80",96:"-my-96"},offsetHorizontal:{0:"-mx-0",px:"-mx-px",.5:"-mx-0.5",1:"-mx-1",1.5:"-mx-1.5",2:"-mx-2",2.5:"-mx-2.5",3:"-mx-3",3.5:"-mx-3.5",4:"-mx-4",4.5:"-mx-4.5",5:"-mx-5",5.5:"-mx-5.5",6:"-mx-6",7:"-mx-7",8:"-mx-8",9:"-mx-9",10:"-mx-10",11:"-mx-11",12:"-mx-12",14:"-mx-14",16:"-mx-16",20:"-mx-20",24:"-mx-24",28:"-mx-28",32:"-mx-32",36:"-mx-36",40:"-mx-40",44:"-mx-44",48:"-mx-48",52:"-mx-52",56:"-mx-56",60:"-mx-60",64:"-mx-64",72:"-mx-72",80:"-mx-80",96:"-mx-96"},offsetBottom:{0:"-mb-0",px:"-mb-px",.5:"-mb-0.5",1:"-mb-1",1.5:"-mb-1.5",2:"-mb-2",2.5:"-mb-2.5",3:"-mb-3",3.5:"-mb-3.5",4:"-mb-4",4.5:"-mb-4.5",5:"-mb-5",5.5:"-mb-5.5",6:"-mb-6",7:"-mb-7",8:"-mb-8",9:"-mb-9",10:"-mb-10",11:"-mb-11",12:"-mb-12",14:"-mb-14",16:"-mb-16",20:"-mb-20",24:"-mb-24",28:"-mb-28",32:"-mb-32",36:"-mb-36",40:"-mb-40",44:"-mb-44",48:"-mb-48",52:"-mb-52",56:"-mb-56",60:"-mb-60",64:"-mb-64",72:"-mb-72",80:"-mb-80",96:"-mb-96"},offsetEnd:{0:"-me-0",px:"-me-px",.5:"-me-0.5",1:"-me-1",1.5:"-me-1.5",2:"-me-2",2.5:"-me-2.5",3:"-me-3",3.5:"-me-3.5",4:"-me-4",4.5:"-me-4.5",5:"-me-5",5.5:"-me-5.5",6:"-me-6",7:"-me-7",8:"-me-8",9:"-me-9",10:"-me-10",11:"-me-11",12:"-me-12",14:"-me-14",16:"-me-16",20:"-me-20",24:"-me-24",28:"-me-28",32:"-me-32",36:"-me-36",40:"-me-40",44:"-me-44",48:"-me-48",52:"-me-52",56:"-me-56",60:"-me-60",64:"-me-64",72:"-me-72",80:"-me-80",96:"-me-96"},offsetStart:{0:"-ms-0",px:"-ms-px",.5:"-ms-0.5",1:"-ms-1",1.5:"-ms-1.5",2:"-ms-2",2.5:"-ms-2.5",3:"-ms-3",3.5:"-ms-3.5",4:"-ms-4",4.5:"-ms-4.5",5:"-ms-5",5.5:"-ms-5.5",6:"-ms-6",7:"-ms-7",8:"-ms-8",9:"-ms-9",10:"-ms-10",11:"-ms-11",12:"-ms-12",14:"-ms-14",16:"-ms-16",20:"-ms-20",24:"-ms-24",28:"-ms-28",32:"-ms-32",36:"-ms-36",40:"-ms-40",44:"-ms-44",48:"-ms-48",52:"-ms-52",56:"-ms-56",60:"-ms-60",64:"-ms-64",72:"-ms-72",80:"-ms-80",96:"-ms-96"},offsetTop:{0:"-mt-0",px:"-mt-px",.5:"-mt-0.5",1:"-mt-1",1.5:"-mt-1.5",2:"-mt-2",2.5:"-mt-2.5",3:"-mt-3",3.5:"-mt-3.5",4:"-mt-4",4.5:"-mt-4.5",5:"-mt-5",5.5:"-mt-5.5",6:"-mt-6",7:"-mt-7",8:"-mt-8",9:"-mt-9",10:"-mt-10",11:"-mt-11",12:"-mt-12",14:"-mt-14",16:"-mt-16",20:"-mt-20",24:"-mt-24",28:"-mt-28",32:"-mt-32",36:"-mt-36",40:"-mt-40",44:"-mt-44",48:"-mt-48",52:"-mt-52",56:"-mt-56",60:"-mt-60",64:"-mt-64",72:"-mt-72",80:"-mt-80",96:"-mt-96"},columnGap:{0:"gap-x-0",px:"gap-x-px",.5:"gap-x-0.5",1:"gap-x-1",1.5:"gap-x-1.5",2:"gap-x-2",2.5:"gap-x-2.5",3:"gap-x-3",3.5:"gap-x-3.5",4:"gap-x-4",4.5:"gap-x-4.5",5:"gap-x-5",5.5:"gap-x-5.5",6:"gap-x-6",7:"gap-x-7",8:"gap-x-8",9:"gap-x-9",10:"gap-x-10",11:"gap-x-11",12:"gap-x-12",14:"gap-x-14",16:"gap-x-16",20:"gap-x-20",24:"gap-x-24",28:"gap-x-28",32:"gap-x-32",36:"gap-x-36",40:"gap-x-40",44:"gap-x-44",48:"gap-x-48",52:"gap-x-52",56:"gap-x-56",60:"gap-x-60",64:"gap-x-64",72:"gap-x-72",80:"gap-x-80",96:"gap-x-96"},rowGap:{0:"gap-y-0",px:"gap-y-px",.5:"gap-y-0.5",1:"gap-y-1",1.5:"gap-y-1.5",2:"gap-y-2",2.5:"gap-y-2.5",3:"gap-y-3",3.5:"gap-y-3.5",4:"gap-y-4",4.5:"gap-y-4.5",5:"gap-y-5",5.5:"gap-y-5.5",6:"gap-y-6",7:"gap-y-7",8:"gap-y-8",9:"gap-y-9",10:"gap-y-10",11:"gap-y-11",12:"gap-y-12",14:"gap-y-14",16:"gap-y-16",20:"gap-y-20",24:"gap-y-24",28:"gap-y-28",32:"gap-y-32",36:"gap-y-36",40:"gap-y-40",44:"gap-y-44",48:"gap-y-48",52:"gap-y-52",56:"gap-y-56",60:"gap-y-60",64:"gap-y-64",72:"gap-y-72",80:"gap-y-80",96:"gap-y-96"},backgroundColor:{accent:"bg-accent",alert:"bg-alert",brand:"bg-brand",positive:"bg-positive",warning:"bg-warning",info:"bg-info","alert-secondary":"bg-alert-secondary","brand-secondary":"bg-brand-secondary","positive-secondary":"bg-positive-secondary","warning-secondary":"bg-warning-secondary","info-secondary":"bg-info-secondary",primary:"bg-primary",secondary:"bg-secondary",white:"bg-white",black:"bg-black",transparent:"bg-transparent",current:"bg-current"},borderColor:{accent:"border-accent",black:"border-black",brand:"border-brand",alert:"border-alert",positive:"border-positive",warning:"border-warning",info:"border-info","brand-secondary":"border-brand-secondary","alert-secondary":"border-alert-secondary","positive-secondary":"border-positive-secondary","warning-secondary":"border-warning-secondary","info-secondary":"border-info-secondary",white:"border-white",transparent:"border-transparent",muted:"border-muted",primary:"border-primary",secondary:"border-secondary",tertiary:"border-tertiary",current:"border-current"},borderStartColor:{accent:"border-s-accent",alert:"border-s-alert",brand:"border-s-brand",positive:"border-s-positive",warning:"border-s-warning",info:"border-s-info","alert-secondary":"border-s-alert-secondary","brand-secondary":"border-s-brand-secondary","positive-secondary":"border-s-positive-secondary","warning-secondary":"border-s-warning-secondary","info-secondary":"border-s-info-secondary",black:"border-s-black",white:"border-s-white",transparent:"border-s-transparent",muted:"border-s-muted",primary:"border-s-primary",secondary:"border-s-secondary",tertiary:"border-s-tertiary",current:"border-s-current"},borderEndColor:{accent:"border-e-accent",alert:"border-e-alert",black:"border-e-black",brand:"border-e-brand",positive:"border-e-positive",warning:"border-e-warning",info:"border-e-info","alert-secondary":"border-e-alert-secondary","brand-secondary":"border-e-brand-secondary","positive-secondary":"border-e-positive-secondary","warning-secondary":"border-e-warning-secondary","info-secondary":"border-e-info-secondary",white:"border-e-white",transparent:"border-e-transparent",muted:"border-e-muted",primary:"border-e-primary",secondary:"border-e-secondary",tertiary:"border-e-tertiary",current:"border-e-current"},borderBottomColor:{accent:"border-b-accent",alert:"border-b-alert",black:"border-b-black",brand:"border-b-brand",positive:"border-b-positive",warning:"border-b-warning",info:"border-b-info","alert-secondary":"border-b-alert-secondary","brand-secondary":"border-b-brand-secondary","positive-secondary":"border-b-positive-secondary","warning-secondary":"border-b-warning-secondary","info-secondary":"border-b-info-secondary",white:"border-b-white",transparent:"border-b-transparent",muted:"border-b-muted",primary:"border-b-primary",secondary:"border-b-secondary",tertiary:"border-b-tertiary",current:"border-b-current"},borderTopColor:{accent:"border-t-accent",alert:"border-t-alert",black:"border-t-black",brand:"border-t-brand",positive:"border-t-positive",warning:"border-t-warning",info:"border-t-info","alert-secondary":"border-t-alert-secondary","brand-secondary":"border-t-brand-secondary","positive-secondary":"border-t-positive-secondary","warning-secondary":"border-t-warning-secondary","info-secondary":"border-t-info-secondary",white:"border-t-white",transparent:"border-t-transparent",muted:"border-t-muted",primary:"border-t-primary",secondary:"border-t-secondary",tertiary:"border-t-tertiary",current:"border-t-current"},borderRadius:{none:"rounded-none",xs:"rounded-sm",sm:"rounded",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl",full:"rounded-full"},borderTopStartRadius:{none:"rounded-ss-none",xs:"rounded-ss-xs",sm:"rounded-ss-sm",md:"rounded-ss-md",lg:"rounded-ss-lg",xl:"rounded-ss-xl",full:"rounded-ss-full"},borderTopEndRadius:{none:"rounded-se-none",xs:"rounded-se-xs",sm:"rounded-se-sm",md:"rounded-se-md",lg:"rounded-se-lg",xl:"rounded-se-xl",full:"rounded-se-full"},borderBottomStartRadius:{none:"rounded-es-none",xs:"rounded-es-xs",sm:"rounded-es-sm",md:"rounded-es-md",lg:"rounded-es-lg",xl:"rounded-es-xl",full:"rounded-es-full"},borderBottomEndRadius:{none:"rounded-ee-none",xs:"rounded-ee-xs",sm:"rounded-ee-sm",md:"rounded-ee-md",lg:"rounded-ee-lg",xl:"rounded-ee-xl",full:"rounded-ee-full"},borderWidth:{none:"border-none",thin:"border-thin",medium:"border-medium",thick:"border-thick"},borderVerticalWidth:{none:"border-y-none",thin:"border-y-thin",medium:"border-y-medium",thick:"border-y-thick"},borderHorizontalWidth:{none:"border-x-none",thin:"border-x-thin",medium:"border-x-medium",thick:"border-x-thick"},borderStartWidth:{none:"border-s-none",thin:"border-s-thin",medium:"border-s-medium",thick:"border-s-thick"},borderEndWidth:{none:"border-e-none",thin:"border-e-thin",medium:"border-e-medium",thick:"border-e-thick"},borderTopWidth:{none:"border-t-none",thin:"border-t-thin",medium:"border-t-medium",thick:"border-t-thick"},borderBottomWidth:{none:"border-b-none",thin:"border-b-thin",medium:"border-b-medium",thick:"border-b-thick"},avatarSize:{xs:"avatarSize-xs",sm:"avatarSize-sm",md:"avatarSize-md",lg:"avatarSize-lg",xl:"avatarSize-xl"},iconSize:{xs:"iconSize-xs leading-none",sm:"iconSize-sm leading-none",md:"iconSize-md leading-none",lg:"iconSize-lg leading-none"},alignContent:{"flex-start":"content-start","flex-end":"content-end",center:"content-center",stretch:"content-stretch","space-between":"content-between","space-around":"content-around"},alignItems:{"flex-start":"items-start","flex-end":"items-end",center:"items-center",stretch:"items-stretch",baseline:"items-baseline"},alignSelf:{auto:"self-auto","flex-start":"self-start","flex-end":"self-end",center:"self-center",stretch:"self-stretch",baseline:"self-baseline"},flex:{1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"},flexDirection:{row:"flex-row",column:"flex-col","row-reverse":"flex-row-reverse","column-reverse":"flex-col-reverse"},flexGrow:{0:"grow-0",1:"grow",2:"grow-[2]",3:"grow-[3]"},flexShrink:{0:"shrink-0",1:"shrink"},flexWrap:{wrap:"flex-wrap","wrap-reverse":"flex-wrap-reverse",nowrap:"flex-nowrap"},justifyContent:{"flex-start":"justify-start","flex-end":"justify-end",center:"justify-center","space-between":"justify-between","space-around":"justify-around","space-evenly":"justify-evenly"},flexBasis:{"min-content":"basis-[min-content]"},display:{block:"block","inline-block":"inline-block",inline:"inline",flex:"flex","inline-flex":"inline-flex",table:"table","inline-table":"inline-table","table-caption":"table-caption","table-cell":"table-cell","table-column":"table-column","table-column-group":"table-column-group","table-footer-group":"table-footer-group","table-header-group":"table-header-group","table-row-group":"table-row-group","table-row":"table-row","flow-root":"flow-root",grid:"grid",contents:"contents"},overflow:{auto:"overflow-auto",hidden:"overflow-hidden",clip:"overflow-clip",visible:"overflow-visible",scroll:"overflow-scroll"},overflowX:{auto:"overflow-x-auto",hidden:"overflow-x-hidden",clip:"overflow-x-clip",visible:"overflow-x-visible",scroll:"overflow-x-scroll"},overflowY:{auto:"overflow-y-auto",hidden:"overflow-y-hidden",clip:"overflow-y-clip",visible:"overflow-y-visible",scroll:"overflow-y-scroll"},position:{static:"static",fixed:"fixed",absolute:"absolute",relative:"relative",sticky:"sticky"},contentFit:{contain:"object-contain",cover:"object-cover",fill:"object-fill",none:"object-none","scale-down":"object-scale-down"},colorMode:{dark:e.DARK_COLOR_MODE_CLASSNAME,light:e.LIGHT_COLOR_MODE_CLASSNAME},scaleMode:{xSmall:e.XSMALL_SCALE_MODE_CLASSNAME,small:e.SMALL_SCALE_MODE_CLASSNAME,medium:e.MEDIUM_SCALE_MODE_CLASSNAME,large:e.LARGE_SCALE_MODE_CLASSNAME,xLarge:e.XLARGE_SCALE_MODE_CLASSNAME,xxxLarge:e.XXXLARGE_SCALE_MODE_CLASSNAME,xxLarge:e.XXLARGE_SCALE_MODE_CLASSNAME},buttonPalette:{accent:"uds-button-accent",brand:"uds-button-brand",alert:"uds-button-alert",positive:"uds-button-positive",warning:"uds-button-warning",info:"uds-button-info"},buttonVariant:{primary:"uds-button-primary",secondary:"uds-button-secondary",tertiary:"uds-button-tertiary"},buttonSize:{sm:"uds-button-sm",md:"uds-button-md",lg:"uds-button-lg"},iconButtonSize:{xs:"uds-icon-button-xs",sm:"uds-icon-button-sm",md:"uds-icon-button-md",lg:"uds-icon-button-lg",xl:"uds-icon-button-xl"},width:{full:"w-full",fit:"w-fit",screen:"w-screen"},height:{full:"h-full",fit:"h-fit",screen:"h-screen"},dropShadow:{none:"uds-drop-shadow-none",xs:"uds-drop-shadow-xs",sm:"uds-drop-shadow-sm",md:"uds-drop-shadow-md",lg:"uds-drop-shadow-lg",xl:"uds-drop-shadow-xl","2xl":"uds-drop-shadow-2xl"},insetShadow:{none:"uds-inset-shadow-none",xs:"uds-inset-shadow-xs",sm:"uds-inset-shadow-sm",md:"uds-inset-shadow-md",lg:"uds-inset-shadow-lg",xl:"uds-inset-shadow-xl","2xl":"uds-inset-shadow-2xl","xs-invert":"uds-inset-shadow-xs-invert","sm-invert":"uds-inset-shadow-sm-invert","md-invert":"uds-inset-shadow-md-invert","lg-invert":"uds-inset-shadow-lg-invert","xl-invert":"uds-inset-shadow-xl-invert","2xl-invert":"uds-inset-shadow-2xl-invert"},avatarSizeRoot:{xs:"uds-avatar-size-xs-root",sm:"uds-avatar-size-sm-root",md:"uds-avatar-size-md-root",lg:"uds-avatar-size-lg-root",xl:"uds-avatar-size-xl-root"},avatarSizeIcon:{xs:"uds-avatar-size-xs-icon",sm:"uds-avatar-size-sm-icon",md:"uds-avatar-size-md-icon",lg:"uds-avatar-size-lg-icon",xl:"uds-avatar-size-xl-icon"},avatarTextVariantRoot:{primary:"uds-avatar-text-variant-primary-root",secondary:"uds-avatar-text-variant-secondary-root"},avatarImageVariantRoot:{primary:"uds-avatar-image-variant-primary-root",secondary:"uds-avatar-image-variant-secondary-root"},avatarIconVariantRoot:{primary:"uds-avatar-icon-variant-primary-root",secondary:"uds-avatar-icon-variant-secondary-root"},badgeSizeRoot:{xs:"uds-badge-size-xs-root",sm:"uds-badge-size-sm-root",md:"uds-badge-size-md-root",lg:"uds-badge-size-lg-root"},badgeSizeIcon:{xs:"uds-badge-size-xs-icon",sm:"uds-badge-size-sm-icon",md:"uds-badge-size-md-icon",lg:"uds-badge-size-lg-icon"},badgeVariantRoot:{primary:"uds-badge-variant-primary-root",secondary:"uds-badge-variant-secondary-root",brand:"uds-badge-variant-brand-root","brand-secondary":"uds-badge-variant-brand-secondary-root",alert:"uds-badge-variant-alert-root","alert-secondary":"uds-badge-variant-alert-secondary-root",warning:"uds-badge-variant-warning-root","warning-secondary":"uds-badge-variant-warning-secondary-root",positive:"uds-badge-variant-positive-root","positive-secondary":"uds-badge-variant-positive-secondary-root",info:"uds-badge-variant-info-root","info-secondary":"uds-badge-variant-info-secondary-root"},badgeVariantIcon:{primary:"uds-badge-variant-primary-icon",secondary:"uds-badge-variant-secondary-icon",brand:"uds-badge-variant-brand-icon","brand-secondary":"uds-badge-variant-brand-secondary-icon",alert:"uds-badge-variant-alert-icon","alert-secondary":"uds-badge-variant-alert-secondary-icon",warning:"uds-badge-variant-warning-icon","warning-secondary":"uds-badge-variant-warning-secondary-icon",positive:"uds-badge-variant-positive-icon","positive-secondary":"uds-badge-variant-positive-secondary-icon",info:"uds-badge-variant-info-icon","info-secondary":"uds-badge-variant-info-secondary-icon"},checkboxSizeRoot:{sm:"uds-checkbox-size-sm-root",md:"uds-checkbox-size-md-root"},checkboxSizeCheckbox:{sm:"uds-checkbox-size-sm-checkbox",md:"uds-checkbox-size-md-checkbox"},checkboxVariantValueRoot:{checked:"uds-checkbox-variant-value-checked-root",unchecked:"uds-checkbox-variant-value-unchecked-root",indeterminate:"uds-checkbox-variant-value-indeterminate-root"},checkboxVariantRoot:{primary:"uds-checkbox-variant-primary-root",secondary:"uds-checkbox-variant-secondary-root",alert:"uds-checkbox-variant-alert-root","alert-secondary":"uds-checkbox-variant-alert-secondary-root"},checkboxVariantValueCheckbox:{checked:"uds-checkbox-variant-value-checked-checkbox",unchecked:"uds-checkbox-variant-value-unchecked-checkbox",indeterminate:"uds-checkbox-variant-value-indeterminate-checkbox"},checkboxVariantCheckbox:{primary:"uds-checkbox-variant-primary-checkbox",secondary:"uds-checkbox-variant-secondary-checkbox",alert:"uds-checkbox-variant-alert-checkbox","alert-secondary":"uds-checkbox-variant-alert-secondary-checkbox"},checkboxVariantValueCheckboxIcon:{checked:"uds-checkbox-variant-value-checked-checkbox-icon",unchecked:"uds-checkbox-variant-value-unchecked-checkbox-icon",indeterminate:"uds-checkbox-variant-value-indeterminate-checkbox-icon"},checkboxVariantCheckboxIcon:{primary:"uds-checkbox-variant-primary-checkbox-icon",secondary:"uds-checkbox-variant-secondary-checkbox-icon",alert:"uds-checkbox-variant-alert-checkbox-icon","alert-secondary":"uds-checkbox-variant-alert-secondary-checkbox-icon"},chipSizeRoot:{sm:"uds-chip-size-sm-root",md:"uds-chip-size-md-root"},chipSizeIcon:{sm:"uds-chip-size-sm-icon",md:"uds-chip-size-md-icon"},chipToggleVariantActiveRoot:{on:"uds-chip-toggle-variant-active-on-root",off:"uds-chip-toggle-variant-active-off-root"},chipToggleVariantRoot:{primary:"uds-chip-toggle-variant-primary-root",secondary:"uds-chip-toggle-variant-secondary-root",brand:"uds-chip-toggle-variant-brand-root","brand-secondary":"uds-chip-toggle-variant-brand-secondary-root"},chipToggleVariantActiveIcon:{on:"uds-chip-toggle-variant-active-on-icon",off:"uds-chip-toggle-variant-active-off-icon"},chipToggleVariantIcon:{primary:"uds-chip-toggle-variant-primary-icon",secondary:"uds-chip-toggle-variant-secondary-icon",brand:"uds-chip-toggle-variant-brand-icon","brand-secondary":"uds-chip-toggle-variant-brand-secondary-icon"},chipDismissibleVariantRoot:{primary:"uds-chip-dismissible-variant-primary-root",secondary:"uds-chip-dismissible-variant-secondary-root",brand:"uds-chip-dismissible-variant-brand-root","brand-secondary":"uds-chip-dismissible-variant-brand-secondary-root"},chipDismissibleVariantIcon:{primary:"uds-chip-dismissible-variant-primary-icon",secondary:"uds-chip-dismissible-variant-secondary-icon",brand:"uds-chip-dismissible-variant-brand-icon","brand-secondary":"uds-chip-dismissible-variant-brand-secondary-icon"},chipLinkVariantRoot:{primary:"uds-chip-link-variant-primary-root",secondary:"uds-chip-link-variant-secondary-root",brand:"uds-chip-link-variant-brand-root","brand-secondary":"uds-chip-link-variant-brand-secondary-root"},chipLinkVariantIcon:{primary:"uds-chip-link-variant-primary-icon",secondary:"uds-chip-link-variant-secondary-icon",brand:"uds-chip-link-variant-brand-icon","brand-secondary":"uds-chip-link-variant-brand-secondary-icon"},dividerVariantRoot:{primary:"uds-divider-variant-primary-root",secondary:"uds-divider-variant-secondary-root",tertiary:"uds-divider-variant-tertiary-root",muted:"uds-divider-variant-muted-root"},dividerVariantLine:{primary:"uds-divider-variant-primary-line",secondary:"uds-divider-variant-secondary-line",tertiary:"uds-divider-variant-tertiary-line",muted:"uds-divider-variant-muted-line"},dividerVariantLabel:{primary:"uds-divider-variant-primary-label",secondary:"uds-divider-variant-secondary-label",tertiary:"uds-divider-variant-tertiary-label",muted:"uds-divider-variant-muted-label"},inputSizeRoot:{md:"uds-input-size-md-root",lg:"uds-input-size-lg-root"},inputSizeInputWrapper:{md:"uds-input-size-md-input-wrapper",lg:"uds-input-size-lg-input-wrapper"},inputSizeInput:{md:"uds-input-size-md-input",lg:"uds-input-size-lg-input"},inputSizeStartIcon:{md:"uds-input-size-md-start-icon",lg:"uds-input-size-lg-start-icon"},inputSizeEndIcon:{md:"uds-input-size-md-end-icon",lg:"uds-input-size-lg-end-icon"},inputSizeLabel:{md:"uds-input-size-md-label",lg:"uds-input-size-lg-label"},inputSizeHelperIcon:{md:"uds-input-size-md-helper-icon",lg:"uds-input-size-lg-helper-icon"},inputSizeHelperText:{md:"uds-input-size-md-helper-text",lg:"uds-input-size-lg-helper-text"},inputVariantValueRoot:{filled:"uds-input-variant-value-filled-root",empty:"uds-input-variant-value-empty-root"},inputVariantRoot:{default:"uds-input-variant-default-root"},inputVariantValueInputWrapper:{filled:"uds-input-variant-value-filled-input-wrapper",empty:"uds-input-variant-value-empty-input-wrapper"},inputVariantInputWrapper:{default:"uds-input-variant-default-input-wrapper"},inputVariantValueInput:{filled:"uds-input-variant-value-filled-input",empty:"uds-input-variant-value-empty-input"},inputVariantInput:{default:"uds-input-variant-default-input"},inputVariantValueInputPlaceholder:{filled:"uds-input-variant-value-filled-input-placeholder",empty:"uds-input-variant-value-empty-input-placeholder"},inputVariantInputPlaceholder:{default:"uds-input-variant-default-input-placeholder"},inputVariantValueStartIcon:{filled:"uds-input-variant-value-filled-start-icon",empty:"uds-input-variant-value-empty-start-icon"},inputVariantStartIcon:{default:"uds-input-variant-default-start-icon"},inputVariantValueEndIcon:{filled:"uds-input-variant-value-filled-end-icon",empty:"uds-input-variant-value-empty-end-icon"},inputVariantEndIcon:{default:"uds-input-variant-default-end-icon"},inputVariantValueLabel:{filled:"uds-input-variant-value-filled-label",empty:"uds-input-variant-value-empty-label"},inputVariantLabel:{default:"uds-input-variant-default-label"},inputVariantValueLabelRequired:{filled:"uds-input-variant-value-filled-label-required",empty:"uds-input-variant-value-empty-label-required"},inputVariantLabelRequired:{default:"uds-input-variant-default-label-required"},inputVariantValueHelperIcon:{filled:"uds-input-variant-value-filled-helper-icon",empty:"uds-input-variant-value-empty-helper-icon"},inputVariantHelperIcon:{default:"uds-input-variant-default-helper-icon"},inputVariantValueHelperText:{filled:"uds-input-variant-value-filled-helper-text",empty:"uds-input-variant-value-empty-helper-text"},inputVariantHelperText:{default:"uds-input-variant-default-helper-text"},linkTextStyleRoot:{display1:"uds-link-text-style-display-1-root",display2:"uds-link-text-style-display-2-root",display3:"uds-link-text-style-display-3-root",title1:"uds-link-text-style-title-1-root",title2:"uds-link-text-style-title-2-root",title3:"uds-link-text-style-title-3-root",title4:"uds-link-text-style-title-4-root",headline1:"uds-link-text-style-headline-1-root",body1:"uds-link-text-style-body-1-root",label1:"uds-link-text-style-label-1-root",label2:"uds-link-text-style-label-2-root",label3:"uds-link-text-style-label-3-root",label4:"uds-link-text-style-label-4-root",caption1:"uds-link-text-style-caption-1-root",caption2:"uds-link-text-style-caption-2-root",legal1:"uds-link-text-style-legal-1-root",ui1:"uds-link-text-style-ui-1-root",ui2:"uds-link-text-style-ui-2-root",ui3:"uds-link-text-style-ui-3-root",ui4:"uds-link-text-style-ui-4-root",ui5:"uds-link-text-style-ui-5-root",ui6:"uds-link-text-style-ui-6-root"},linkTextStyleIcon:{display1:"uds-link-text-style-display-1-icon",display2:"uds-link-text-style-display-2-icon",display3:"uds-link-text-style-display-3-icon",title1:"uds-link-text-style-title-1-icon",title2:"uds-link-text-style-title-2-icon",title3:"uds-link-text-style-title-3-icon",title4:"uds-link-text-style-title-4-icon",headline1:"uds-link-text-style-headline-1-icon",body1:"uds-link-text-style-body-1-icon",label1:"uds-link-text-style-label-1-icon",label2:"uds-link-text-style-label-2-icon",label3:"uds-link-text-style-label-3-icon",label4:"uds-link-text-style-label-4-icon",caption1:"uds-link-text-style-caption-1-icon",caption2:"uds-link-text-style-caption-2-icon",legal1:"uds-link-text-style-legal-1-icon",ui1:"uds-link-text-style-ui-1-icon",ui2:"uds-link-text-style-ui-2-icon",ui3:"uds-link-text-style-ui-3-icon",ui4:"uds-link-text-style-ui-4-icon",ui5:"uds-link-text-style-ui-5-icon",ui6:"uds-link-text-style-ui-6-icon"},linkVariantRoot:{primary:"uds-link-variant-primary-root",secondary:"uds-link-variant-secondary-root",tertiary:"uds-link-variant-tertiary-root","on-color":"uds-link-variant-on-color-root"},linkVariantIconStart:{primary:"uds-link-variant-primary-icon-start",secondary:"uds-link-variant-secondary-icon-start",tertiary:"uds-link-variant-tertiary-icon-start","on-color":"uds-link-variant-on-color-icon-start"},linkVariantIconEnd:{primary:"uds-link-variant-primary-icon-end",secondary:"uds-link-variant-secondary-icon-end",tertiary:"uds-link-variant-tertiary-icon-end","on-color":"uds-link-variant-on-color-icon-end"},menuSizeRoot:{default:"uds-menu-size-default-root"},menuSizeStartIcon:{default:"uds-menu-size-default-start-icon"},menuSizeEndIcon:{default:"uds-menu-size-default-end-icon"},menuItemVariantActiveRoot:{on:"uds-menu-item-variant-active-on-root",off:"uds-menu-item-variant-active-off-root"},menuItemVariantRoot:{default:"uds-menu-item-variant-default-root"},menuItemVariantActiveText:{on:"uds-menu-item-variant-active-on-text",off:"uds-menu-item-variant-active-off-text"},menuItemVariantText:{default:"uds-menu-item-variant-default-text"},menuItemVariantActiveIcon:{on:"uds-menu-item-variant-active-on-icon",off:"uds-menu-item-variant-active-off-icon"},menuItemVariantIcon:{default:"uds-menu-item-variant-default-icon"},menuItemCheckboxVariantActiveRoot:{on:"uds-menu-item-checkbox-variant-active-on-root",off:"uds-menu-item-checkbox-variant-active-off-root"},menuItemCheckboxVariantRoot:{default:"uds-menu-item-checkbox-variant-default-root"},menuItemCheckboxVariantActiveText:{on:"uds-menu-item-checkbox-variant-active-on-text",off:"uds-menu-item-checkbox-variant-active-off-text"},menuItemCheckboxVariantText:{default:"uds-menu-item-checkbox-variant-default-text"},menuItemCheckboxVariantActiveStartIcon:{on:"uds-menu-item-checkbox-variant-active-on-start-icon",off:"uds-menu-item-checkbox-variant-active-off-start-icon"},menuItemCheckboxVariantStartIcon:{default:"uds-menu-item-checkbox-variant-default-start-icon"},menuItemCheckboxVariantActiveEndIcon:{on:"uds-menu-item-checkbox-variant-active-on-end-icon",off:"uds-menu-item-checkbox-variant-active-off-end-icon"},menuItemCheckboxVariantEndIcon:{default:"uds-menu-item-checkbox-variant-default-end-icon"},menuDividerVariantRoot:{default:"uds-menu-divider-variant-default-root"},menuDividerVariantText:{default:"uds-menu-divider-variant-default-text"},menuDividerVariantLine:{default:"uds-menu-divider-variant-default-line"},radioVariantValueRoot:{checked:"uds-radio-variant-value-checked-root",unchecked:"uds-radio-variant-value-unchecked-root"},radioVariantRoot:{primary:"uds-radio-variant-primary-root",secondary:"uds-radio-variant-secondary-root",alert:"uds-radio-variant-alert-root","alert-secondary":"uds-radio-variant-alert-secondary-root"},radioVariantValueRadio:{checked:"uds-radio-variant-value-checked-radio",unchecked:"uds-radio-variant-value-unchecked-radio"},radioVariantRadio:{primary:"uds-radio-variant-primary-radio",secondary:"uds-radio-variant-secondary-radio",alert:"uds-radio-variant-alert-radio","alert-secondary":"uds-radio-variant-alert-secondary-radio"},radioVariantValueRadioCircle:{checked:"uds-radio-variant-value-checked-radio-circle",unchecked:"uds-radio-variant-value-unchecked-radio-circle"},radioVariantRadioCircle:{primary:"uds-radio-variant-primary-radio-circle",secondary:"uds-radio-variant-secondary-radio-circle",alert:"uds-radio-variant-alert-radio-circle","alert-secondary":"uds-radio-variant-alert-secondary-radio-circle"},radioSizeRoot:{sm:"uds-radio-size-sm-root",md:"uds-radio-size-md-root"},radioSizeRadio:{sm:"uds-radio-size-sm-radio",md:"uds-radio-size-md-radio"},switchVariantActiveRoot:{on:"uds-switch-variant-active-on-root",off:"uds-switch-variant-active-off-root"},switchVariantRoot:{default:"uds-switch-variant-default-root"},switchVariantActiveSwitch:{on:"uds-switch-variant-active-on-switch",off:"uds-switch-variant-active-off-switch"},switchVariantSwitch:{default:"uds-switch-variant-default-switch"},switchVariantActiveHandle:{on:"uds-switch-variant-active-on-handle",off:"uds-switch-variant-active-off-handle"},switchVariantHandle:{default:"uds-switch-variant-default-handle"},switchVariantActiveHandleIcon:{on:"uds-switch-variant-active-on-handle-icon",off:"uds-switch-variant-active-off-handle-icon"},switchVariantHandleIcon:{default:"uds-switch-variant-default-handle-icon"},switchSizeRoot:{sm:"uds-switch-size-sm-root",md:"uds-switch-size-md-root"},switchSizeSwitch:{sm:"uds-switch-size-sm-switch",md:"uds-switch-size-md-switch"},switchSizeHandle:{sm:"uds-switch-size-sm-handle",md:"uds-switch-size-md-handle"},switchSizeHandleIcon:{sm:"uds-switch-size-sm-handle-icon",md:"uds-switch-size-md-handle-icon"}};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */exports.require_Map=W,exports.require_Symbol=o,exports.require_arrayMap=y,exports.require_baseGetTag=d,exports.require_baseKeys=$,exports.require_baseUnary=J,exports.require_createCompounder=S,exports.require_getNative=H,exports.require_getTag=F,exports.require_isArguments=V,exports.require_isArray=c,exports.require_isArrayLike=I,exports.require_isBuffer=E,exports.require_isFunction=l,exports.require_isObject=s,exports.require_isObjectLike=u,exports.require_isPrototype=j,exports.require_isTypedArray=O,exports.require_nodeUtil=C,exports.require_overArg=Z,exports.require_root=r,exports.require_toString=v,exports.variants=K;
|
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";var r=require("./chunk-JM4WTJDB.cjs"),e=require("./chunk-GJLQAO4M.cjs"),i=require("./chunk-QLXJH36U.cjs"),a=require("react/jsx-runtime"),s=i.__toESM(e.require_isFunction(),1);/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */exports.FormLabel=({htmlFor:e,required:i,label:t,children:c,color:l="muted",variant:n="label3",hasError:u=!1,showRequiredAsterisk:o=!1,as:h="label",className:d,...m})=>{const q=t?(0,s.default)(t)?t():t:c;return q?a.jsxs(r.Text,{variant:n,color:l,as:h,htmlFor:e,className:r.cx("cursor-[inherit]",d),...m,children:[q,i&&o&&a.jsx(r.Text,{as:"sup",color:u?"alert":"inherit",variant:"inherit",spacingStart:"0.5","aria-hidden":!0,children:"*"})]}):null};
|
@@ -1 +1 @@
|
|
1
|
-
import{getMotionVar as s}from"./chunk-KYESDN2J.js";import{createContext as n,useState as t,useEffect as e,useMemo as i,useContext as o}from"react";import{LazyMotion as r,MotionConfig as f}from"motion/react";import{jsx as a}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var m=n(!1),p=m.Provider,d={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}}},g=()=>import("./domAnimation-
|
1
|
+
import{getMotionVar as s}from"./chunk-KYESDN2J.js";import{createContext as n,useState as t,useEffect as e,useMemo as i,useContext as o}from"react";import{LazyMotion as r,MotionConfig as f}from"motion/react";import{jsx as a}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var m=n(!1),p=m.Provider,d={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}}},g=()=>import("./domAnimation-FQC75V5T.js").then(({domAnimation:s})=>s);function u({children:n,reducedMotion:p="user",loadFeatures:u=g,layoutVariant:c="subtle",layoutSpeed:l="3",colorVariant:y="smooth",colorSpeed:b="3"}){const h=d[c][l],V=d[y][b],[v,N]=t(h),[P,C]=t(V),S={variant:y,speed:b},j=s({...S,control:"stiffness"}),k=s({...S,control:"damping"}),x={variant:c,speed:l},A=s({...x,control:"stiffness"}),E=s({...x,control:"damping"});e(()=>{const s=getComputedStyle(document.documentElement),n={type:"spring",damping:Number(s.getPropertyValue(E)),stiffness:Number(s.getPropertyValue(A))},t={type:"spring",damping:Number(s.getPropertyValue(k)),stiffness:Number(s.getPropertyValue(j))};N(n),C(t)},[k,j,E,A]);const F=i(()=>({type:"spring",mass:1,...v,layout:v,opacity:P,color:P,borderColor:P,backgroundColor:P}),[P,v]);return o(m)?n:a(r,{features:u,strict:!0,children:a(f,{transition:F,reducedMotion:p,children:n})})}export{p as AvoidMotionLibraryProvider,u as SpringMotionConfig};
|
package/dist/client/Menu.cjs
CHANGED
@@ -1,3 +1,3 @@
|
|
1
1
|
"use client";
|
2
|
-
"use strict";var e=require("../chunk-
|
3
|
-
var s,n;if(d&&(t&&(s=d,n=t,"function"==typeof Object.hasOwn?Object.hasOwn(s,n):Object.prototype.hasOwnProperty.call(s,n))))return d[t]};return v(t,a,a)}var y=u.m.create(t.VStack),I=5,C=.97,S={top:{x:0,y:I},bottom:{x:0,y:-5},left:{x:I,y:0},right:{x:-5,y:0}},w=e=>i.useMemo(()=>((e="bottom")=>{const[r="top"]=e?.split("-");return{closed:{...S[r],opacity:0,scale:C},open:{y:0,x:0,opacity:1,scale:1}}})(e),[e]),j=i.forwardRef(function({gap:e,spacing:r,spacingBottom:t,spacingEnd:a,spacingStart:s,spacingTop:c,gutter:x="1",backgroundColor:m="primary",borderRadius:p="md",borderColor:b,borderWidth:f="thin",overflow:h,dropShadow:_="lg",className:v,sameWidth:I,focusable:C,children:S,portalElement:j,portal:k=!0,disableAutoBorderRadius:N,...M},V){const E=n.useMenuContext(),O=g(E,"open"),P=g(E,"mounted"),R=g(E,"currentPlacement"),A=g(E,"placement"),[q,z]=i.useState(R),[T,D]=i.useState(R);i.useEffect(()=>{A!==T&&D(A)},[A]),i.useEffect(()=>{R!==T&&D(R)},[R]),i.useEffect(()=>{P&&T!==q&&z(T)},[P,T,q]);const B=i.useMemo(()=>O&&P?"open":"closed",[O,P]),W=i.useMemo(()=>O?_:"none",[O,_]),H=w(T),F=(({borderRadius:e,spacing:r})=>{if(void 0===r||"0"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))]";case"sm":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))]";case"md":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))]";case"lg":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))]"}if("px"===r||"0.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_2px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))]"}if("1"===r||"1.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_4px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_4px)]"}if("2"===r||"2.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_8px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_8px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_8px)]"}if("3"===r||"3.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))]";case"md":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-md)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-md)_-_6px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))] [&>*:last-child]:rounded-b-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))]"}if("4"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_16px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_16px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))]"}switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))] [&>*:last-child]:rounded-b-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))]"}})({borderRadius:p,spacing:r}),Z=i.useMemo(()=>o.spacingMap[x],[x]);return l.jsx(u.AnimatePresence,{initial:!1,children:l.jsx(n.Menu,{gutter:Z,sameWidth:I,focusable:C,store:E,ref:V,portalElement:j,portal:k,...M,render:l.jsx(y,{backgroundColor:m,gap:e,spacing:r,spacingBottom:t,spacingEnd:a,spacingStart:s,spacingTop:c,borderRadius:p,borderColor:b,borderWidth:f,overflow:h,animate:B,variants:H,dropShadow:W,className:d.cx("uds-menu-content","transition-shadow","duration-200","ease-in-out","min-w-60","max-w-lg","max-h-96","overflow-auto","uds-ring","z-10","group",!N&&F,v),children:S})})})}),k=i.forwardRef(function({role:r="separator",contentPosition:t="start",gap:a="4",children:s,spacingVertical:n=(s?"2":"0"),spacingHorizontal:i=(s?"4":"0"),className:c,...o},u){const x={root:d.getStyles({menuDividerVariantRoot:"default",className:c}),text:d.getStyles({menuDividerVariantText:"default"}),line:d.getStyles({menuDividerVariantLine:"default"})};return l.jsx(e.DividerInternal,{ref:u,role:r,variant:"inherit",contentPosition:t,gap:a,spacingVertical:n,spacingHorizontal:i,className:x.root,layerClassNames:x,...o,children:s})});k.displayName="MenuDivider";var N={};s.__export(N,{Content:()=>j,Divider:()=>k,Item:()=>O,ItemCheckbox:()=>P,Provider:()=>q,Trigger:()=>z,useMenuContext:()=>n.useMenuContext,useMenuStore:()=>n.useMenuStore,useStoreState:()=>x.useStoreState});var M="uds-menu-item",V={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},E=i.forwardRef(function({spacing:e="0",spacingBottom:a,spacingEnd:s,spacingHorizontal:n="4",spacingStart:c,spacingTop:o,spacingVertical:x="3.5",columnGap:m="2",className:p,children:b,endIcon:f,startIcon:h,hideEndIcon:_,active:v,disabled:g,as:y,rootProps:I,name:C,alignItems:S="center",justifyContent:w="space-between",layerClassNames:j,...k},N){const E=i.Children.count(b)>1,O=(({active:e,disabled:r,className:t})=>d.cx(M,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",e&&["[&:not([aria-checked])]:cursor-default"],r&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",t))({active:v,disabled:g,className:p}),P=d.getStyles({className:d.cx(`${M}-content truncate`,j?.text),textAlign:"start",...E&&{columnGap:m,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),R=i.useMemo(()=>({root:d.getStyles({menuSizeRoot:"default",className:d.cx(j?.root,O)}),startIcon:d.getStyles({menuSizeStartIcon:"default",className:j?.startIcon}),endIcon:d.getStyles({menuSizeEndIcon:"default",className:j?.endIcon})}),[j,O]);return l.jsx(d.Box,{asChild:!0,spacing:e,spacingBottom:a,spacingEnd:s,spacingHorizontal:n,spacingStart:c,spacingTop:o,spacingVertical:x,columnGap:m,className:R.root,alignItems:S,justifyContent:w,children:l.jsxs(y,{render:l.jsx(r.Pressable,{ref:N,...k}),name:C??"",disabled:g,...I,children:[l.jsxs(t.HStack,{gap:m,alignItems:"center",width:"full",children:[l.jsx(u.AnimatePresence,{initial:!1,children:h&&l.jsx(u.m.span,{variants:V,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:l.jsx(d.IconSlot,{icon:h,className:R.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),l.jsx("span",{className:P,children:b})]}),l.jsx(u.AnimatePresence,{initial:!1,mode:"popLayout",children:!_&&f&&l.jsx(u.m.span,{variants:V,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:l.jsx(d.IconSlot,{icon:f,className:R.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})}),O=i.forwardRef(function({active:e,hideOnClick:r,...t},a){const s={root:d.getStyles({menuItemVariantRoot:"default",menuItemVariantActiveRoot:e?"on":"off"}),text:d.getStyles({menuItemVariantText:"default",menuItemVariantActiveText:e?"on":"off"}),startIcon:d.getStyles({menuItemVariantIcon:"default",menuItemVariantActiveIcon:e?"on":"off"})};return l.jsx(E,{ref:a,as:n.MenuItem,active:e,layerClassNames:s,rootProps:{hideOnClick:r},...t})});O.displayName="MenuItem";var P=i.forwardRef(function({name:e,endIcon:t=r.e,checked:a,defaultChecked:s,hideOnClick:c,className:o,...u},m){const p=e,b=i.useRef(!1),f=n.useMenuContext(),h=x.useStoreState(f);i.useEffect(()=>{!b.current&&void 0!==s&&f&&(f.setValues(e=>({...e,[p]:s})),b.current=!0)},[f,s,p]);const _=i.useMemo(()=>{if(void 0!==a)return a;if(h?.items?.length){const e=h?.items.find(e=>e.element?.name===p);if(e?.element)return e.element.checked}const e=h?.values[p];return"boolean"==typeof e?e:s??!1},[h?.items,h?.values,p,a,s]),v=i.useCallback(e=>{void 0===a&&f?.setValues(r=>({...r,[p]:e.target.checked}))},[p,f,a]),g={root:d.getStyles({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:_?"on":"off"}),text:d.getStyles({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:_?"on":"off"}),startIcon:d.getStyles({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:_?"on":"off"}),endIcon:d.getStyles({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:_?"on":"off"})};return l.jsx(E,{ref:m,as:n.MenuItemCheckbox,hideEndIcon:!_,endIcon:t,active:_,className:d.cx("uds-menu-item-checkbox",o),layerClassNames:g,rootProps:{name:e,onChange:v,defaultChecked:s,checked:void 0!==a?a:void 0,hideOnClick:c},...u})});P.displayName="MenuItemCheckbox";var R=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},A=e=>{const[r,t]=i.useState(R);return i.useEffect(()=>{if(e?.explicit)return void t(e.explicit);const r=(e=>{const r=new MutationObserver(r=>{r.some(e=>"attributes"===e.type&&"dir"===e.attributeName)&&e()});return r.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),r})(()=>{t(R())});return()=>r.disconnect()},[e?.explicit]),r},q=function({placement:e="bottom",rtl:r,...t}){const d=A({explicit:r}),s=((e,r)=>{const t=r?.rtl;if("start"===e)return t?"right":"left";if("end"===e)return t?"left":"right";if(e?.includes("-")){const[r,a]=e.split("-");if(!("start"!==r&&"end"!==r||"top"!==a&&"bottom"!==a))return`${"start"===r?t?"right":"left":t?"left":"right"}-${"bottom"===a?"end":"start"}`;if("top"===r||"bottom"===r)return`${r}-${"start"===a?t?"end":"start":t?"start":"end"}`}return e})(e,{rtl:d});return l.jsx(a.SpringMotionConfig,{children:l.jsx(n.MenuProvider,{placement:s,rtl:d,...t})})},z=i.forwardRef(function({asChild:e,children:r,className:t,...a},s){const c=i.useRef(null),o=e?{render:l.jsx(d.Box,{asChild:!0,ref:c,className:"uds-ring h-fit w-fit",children:r})}:{children:r},u=i.useCallback(()=>{const e=c.current?.firstChild;e instanceof HTMLElement&&"function"==typeof e.focus&&e.focus()},[c]);return l.jsx(n.MenuButton,{onFocus:u,onFocusVisible:u,ref:s,className:d.cx("uds-menu-trigger",t),...o,...a})});exports.Menu=N;
|
2
|
+
"use strict";var e=require("../chunk-PNL4K4BQ.cjs"),r=require("../chunk-4A2ZIK3D.cjs"),t=require("../chunk-F7LPH2UL.cjs"),a=require("../chunk-NYCASMFK.cjs"),d=require("../chunk-JM4WTJDB.cjs"),s=require("../chunk-QLXJH36U.cjs"),n=require("@ariakit/react/menu"),i=require("react"),c=require("use-sync-external-store/shim/index.js"),o=require("@yahoo/uds/fixtures"),u=require("motion/react"),l=require("react/jsx-runtime"),x=require("@ariakit/react");function m(e){return e&&e.__esModule?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}var b=p(i),f=m(c);function h(e){return e}function _(e,r){const t=e.__unstableInternals;return function(e,r){if(!e)throw new Error(r)}(t,"Invalid store"),t[r]}var{useSyncExternalStore:v}=f.default;function g(e,r=h){const t=b.useCallback(r=>e?function(e,...r){if(e)return _(e,"subscribe")(...r)}(e,null,r):()=>{},[e]),a=()=>{const t="string"==typeof r?r:null,a="function"==typeof r?r:null,d=null==e?void 0:e.getState();if(a)return a(d);/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
3
|
+
var s,n;if(d&&(t&&(s=d,n=t,"function"==typeof Object.hasOwn?Object.hasOwn(s,n):Object.prototype.hasOwnProperty.call(s,n))))return d[t]};return v(t,a,a)}var y=u.m.create(t.VStack),I=5,S=.97,C={top:{x:0,y:I},bottom:{x:0,y:-5},left:{x:I,y:0},right:{x:-5,y:0}},w=e=>i.useMemo(()=>((e="bottom")=>{const[r="top"]=e?.split("-");return{closed:{...C[r],opacity:0,scale:S},open:{y:0,x:0,opacity:1,scale:1}}})(e),[e]),j=i.forwardRef(function({gap:e,spacing:r,spacingBottom:t,spacingEnd:a,spacingStart:s,spacingTop:c,gutter:x="1",backgroundColor:m="primary",borderRadius:p="md",borderColor:b,borderWidth:f="thin",overflow:h,dropShadow:_="lg",className:v,sameWidth:I,focusable:S,children:C,portalElement:j,portal:k=!0,disableAutoBorderRadius:N,...M},V){const E=n.useMenuContext(),P=g(E,"open"),R=g(E,"mounted"),O=g(E,"currentPlacement"),A=g(E,"placement"),[q,z]=i.useState(O),[T,B]=i.useState(O);i.useEffect(()=>{A!==T&&B(A)},[A]),i.useEffect(()=>{O!==T&&B(O)},[O]),i.useEffect(()=>{R&&T!==q&&z(T)},[R,T,q]);const D=i.useMemo(()=>P&&R?"open":"closed",[P,R]),H=i.useMemo(()=>P?_:"none",[P,_]),L=w(T),F=(({borderRadius:e,spacing:r})=>{if(void 0===r||"0"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))]";case"sm":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))]";case"md":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))]";case"lg":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))]"}if("px"===r||"0.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_2px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))]"}if("1"===r||"1.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_4px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_4px)]"}if("2"===r||"2.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_8px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_8px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_8px)]"}if("3"===r||"3.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))]";case"md":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-md)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-md)_-_6px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))] [&>*:last-child]:rounded-b-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))]"}if("4"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_16px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_16px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))]"}switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))] [&>*:last-child]:rounded-b-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))]"}})({borderRadius:p,spacing:r}),W=i.useMemo(()=>o.spacingMap[x],[x]);return l.jsx(u.AnimatePresence,{initial:!1,children:l.jsx(n.Menu,{gutter:W,sameWidth:I,focusable:S,store:E,ref:V,portalElement:j,portal:k,...M,render:l.jsx(y,{backgroundColor:m,gap:e,spacing:r,spacingBottom:t,spacingEnd:a,spacingStart:s,spacingTop:c,borderRadius:p,borderColor:b,borderWidth:f,overflow:h,animate:D,variants:L,dropShadow:H,className:d.cx("uds-menu-content","transition-shadow","duration-200","ease-in-out","min-w-60","max-w-lg","max-h-96","overflow-auto","uds-ring","z-10","group",!N&&F,v),children:C})})})}),k=i.forwardRef(function({role:r="separator",contentPosition:t="start",gap:a="4",children:s,spacingVertical:n=(s?"2":"0"),spacingHorizontal:i=(s?"4":"0"),className:c,...o},u){const x={root:d.getStyles({menuDividerVariantRoot:"default",className:c}),text:d.getStyles({menuDividerVariantText:"default"}),line:d.getStyles({menuDividerVariantLine:"default"})};return l.jsx(e.DividerInternal,{ref:u,role:r,variant:"inherit",contentPosition:t,gap:a,spacingVertical:n,spacingHorizontal:i,className:x.root,layerClassNames:x,...o,children:s})});k.displayName="MenuDivider";var N={};s.__export(N,{Content:()=>j,Divider:()=>k,Item:()=>P,ItemCheckbox:()=>R,Provider:()=>q,Trigger:()=>z,useMenuContext:()=>n.useMenuContext,useMenuStore:()=>n.useMenuStore,useStoreState:()=>x.useStoreState});var M="uds-menu-item",V={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},E=i.forwardRef(function({spacing:e="0",spacingBottom:a,spacingEnd:s,spacingHorizontal:n="4",spacingStart:c,spacingTop:o,spacingVertical:x="3.5",columnGap:m="2",className:p,children:b,endIcon:f,startIcon:h,hideEndIcon:_,active:v,disabled:g,as:y,rootProps:I,name:S,alignItems:C="center",justifyContent:w="space-between",layerClassNames:j,...k},N){const E=i.Children.count(b)>1,P=(({active:e,disabled:r,className:t})=>d.cx(M,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",e&&["[&:not([aria-checked])]:cursor-default"],r&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",t))({active:v,disabled:g,className:p}),R=d.getStyles({className:d.cx(`${M}-content truncate`,j?.text),textAlign:"start",...E&&{columnGap:m,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),O=i.useMemo(()=>({root:d.getStyles({menuSizeRoot:"default",className:d.cx(j?.root,P)}),startIcon:d.getStyles({menuSizeStartIcon:"default",className:j?.startIcon}),endIcon:d.getStyles({menuSizeEndIcon:"default",className:j?.endIcon})}),[j,P]);return l.jsx(d.Box,{asChild:!0,spacing:e,spacingBottom:a,spacingEnd:s,spacingHorizontal:n,spacingStart:c,spacingTop:o,spacingVertical:x,columnGap:m,className:O.root,alignItems:C,justifyContent:w,children:l.jsxs(y,{render:l.jsx(r.Pressable,{ref:N,...k}),name:S??"",disabled:g,...I,children:[l.jsxs(t.HStack,{gap:m,alignItems:"center",width:"full",children:[l.jsx(u.AnimatePresence,{initial:!1,children:h&&l.jsx(u.m.span,{variants:V,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:l.jsx(d.IconSlot,{icon:h,className:O.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),l.jsx("span",{className:R,children:b})]}),l.jsx(u.AnimatePresence,{initial:!1,mode:"popLayout",children:!_&&f&&l.jsx(u.m.span,{variants:V,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:l.jsx(d.IconSlot,{icon:f,className:O.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})}),P=i.forwardRef(function({active:e,hideOnClick:r,...t},a){const s={root:d.getStyles({menuItemVariantRoot:"default",menuItemVariantActiveRoot:e?"on":"off"}),text:d.getStyles({menuItemVariantText:"default",menuItemVariantActiveText:e?"on":"off"}),startIcon:d.getStyles({menuItemVariantIcon:"default",menuItemVariantActiveIcon:e?"on":"off"})};return l.jsx(E,{ref:a,as:n.MenuItem,active:e,layerClassNames:s,rootProps:{hideOnClick:r},...t})});P.displayName="MenuItem";var R=i.forwardRef(function({name:e,endIcon:t=r.e,checked:a,defaultChecked:s,hideOnClick:c,className:o,...u},m){const p=e,b=i.useRef(!1),f=n.useMenuContext(),h=x.useStoreState(f);i.useEffect(()=>{!b.current&&void 0!==s&&f&&(f.setValues(e=>({...e,[p]:s})),b.current=!0)},[f,s,p]);const _=i.useMemo(()=>{if(void 0!==a)return a;if(h?.items?.length){const e=h?.items.find(e=>e.element?.name===p);if(e?.element)return e.element.checked}const e=h?.values[p];return"boolean"==typeof e?e:s??!1},[h?.items,h?.values,p,a,s]),v=i.useCallback(e=>{void 0===a&&f?.setValues(r=>({...r,[p]:e.target.checked}))},[p,f,a]),g={root:d.getStyles({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:_?"on":"off"}),text:d.getStyles({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:_?"on":"off"}),startIcon:d.getStyles({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:_?"on":"off"}),endIcon:d.getStyles({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:_?"on":"off"})};return l.jsx(E,{ref:m,as:n.MenuItemCheckbox,hideEndIcon:!_,endIcon:t,active:_,className:d.cx("uds-menu-item-checkbox",o),layerClassNames:g,rootProps:{name:e,onChange:v,defaultChecked:s,checked:void 0!==a?a:void 0,hideOnClick:c},...u})});R.displayName="MenuItemCheckbox";var O=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},A=e=>{const[r,t]=i.useState(O);return i.useEffect(()=>{if(e?.explicit)return void t(e.explicit);const r=(e=>{const r=new MutationObserver(r=>{r.some(e=>"attributes"===e.type&&"dir"===e.attributeName)&&e()});return r.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),r})(()=>{t(O())});return()=>r.disconnect()},[e?.explicit]),r},q=function({placement:e="bottom",rtl:r,...t}){const d=A({explicit:r}),s=((e,r)=>{const t=r?.rtl;if("start"===e)return t?"right":"left";if("end"===e)return t?"left":"right";if(e?.includes("-")){const[r,a]=e.split("-");if(!("start"!==r&&"end"!==r||"top"!==a&&"bottom"!==a))return`${"start"===r?t?"right":"left":t?"left":"right"}-${"bottom"===a?"end":"start"}`;if("top"===r||"bottom"===r)return`${r}-${"start"===a?t?"end":"start":t?"start":"end"}`}return e})(e,{rtl:d});return l.jsx(a.SpringMotionConfig,{children:l.jsx(n.MenuProvider,{placement:s,rtl:d,...t})})},z=i.forwardRef(function({asChild:e,children:r,className:t,...a},s){const c=i.useRef(null),o=e?{render:l.jsx(d.Box,{asChild:!0,ref:c,className:"uds-ring h-fit w-fit",children:r})}:{children:r},u=i.useCallback(()=>{const e=c.current?.firstChild;e instanceof HTMLElement&&"function"==typeof e.focus&&e.focus()},[c]);return l.jsx(n.MenuButton,{onFocus:u,onFocusVisible:u,ref:s,className:d.cx("uds-menu-trigger",t),...o,...a})});exports.Menu=N;
|
package/dist/client/Menu.js
CHANGED
@@ -1,3 +1,3 @@
|
|
1
1
|
"use client";
|
2
|
-
import{DividerInternal as r}from"../chunk-
|
3
|
-
var s,i;if(t&&(a&&(s=t,i=a,"function"==typeof Object.hasOwn?Object.hasOwn(s,i):Object.prototype.hasOwnProperty.call(s,i))))return t[a]};return R(a,d,d)}var P=S.create(d),H=5,B=.97,D={top:{x:0,y:H},bottom:{x:0,y:-5},left:{x:H,y:0},right:{x:-5,y:0}},L=r=>C(()=>((r="bottom")=>{const[e="top"]=r?.split("-");return{closed:{...D[e],opacity:0,scale:B},open:{y:0,x:0,opacity:1,scale:1}}})(r),[r]),F=v(function({gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:s,gutter:n="1",backgroundColor:c="primary",borderRadius:o="md",borderColor:u,borderWidth:x="thin",overflow:p,dropShadow:h="lg",className:b,sameWidth:f,focusable:_,children:v,portalElement:w,portal:y=!0,disableAutoBorderRadius:k,...N},S){const j=l(),O=A(j,"open"),z=A(j,"mounted"),M=A(j,"currentPlacement"),R=A(j,"placement"),[H,B]=g(M),[D,F]=g(M);I(()=>{R!==D&&F(R)},[R]),I(()=>{M!==D&&F(M)},[M]),I(()=>{z&&D!==H&&B(D)},[z,D,H]);const $=C(()=>O&&z?"open":"closed",[O,z]),G=C(()=>O?h:"none",[O,h]),K=L(D),W=(({borderRadius:r,spacing:e})=>{if(void 0===e||"0"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))]";case"sm":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))]";case"md":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))]";case"lg":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))]"}if("px"===e||"0.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_2px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))]"}if("1"===e||"1.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_4px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_4px)]"}if("2"===e||"2.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_8px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_8px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_8px)]"}if("3"===e||"3.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))]";case"md":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-md)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-md)_-_6px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))] [&>*:last-child]:rounded-b-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))]"}if("4"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_16px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_16px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))]"}switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))] [&>*:last-child]:rounded-b-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))]"}})({borderRadius:o,spacing:e}),U=C(()=>V[n],[n]);return T(E,{initial:!1,children:T(m,{gutter:U,sameWidth:f,focusable:_,store:j,ref:S,portalElement:w,portal:y,...N,render:T(P,{backgroundColor:c,gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:s,borderRadius:o,borderColor:u,borderWidth:x,overflow:p,animate:$,variants:K,dropShadow:G,className:i("uds-menu-content","transition-shadow","duration-200","ease-in-out","min-w-60","max-w-lg","max-h-96","overflow-auto","uds-ring","z-10","group",!k&&W,b),children:v})})})}),$=v(function({role:e="separator",contentPosition:a="start",gap:d="4",children:t,spacingVertical:s=(t?"2":"0"),spacingHorizontal:i=(t?"4":"0"),className:c,...o},u){const l={root:n({menuDividerVariantRoot:"default",className:c}),text:n({menuDividerVariantText:"default"}),line:n({menuDividerVariantLine:"default"})};return T(r,{ref:u,role:e,variant:"inherit",contentPosition:a,gap:d,spacingVertical:s,spacingHorizontal:i,className:l.root,layerClassNames:l,...o,children:t})});$.displayName="MenuDivider";var G={};u(G,{Content:()=>F,Divider:()=>$,Item:()=>X,ItemCheckbox:()=>Z,Provider:()=>Q,Trigger:()=>Y,useMenuContext:()=>l,useMenuStore:()=>x,useStoreState:()=>O});var K="uds-menu-item",W={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},U=v(function({spacing:r="0",spacingBottom:a,spacingEnd:d,spacingHorizontal:s="4",spacingStart:u,spacingTop:l,spacingVertical:m="3.5",columnGap:x="2",className:p,children:h,endIcon:b,startIcon:f,hideEndIcon:_,active:v,disabled:g,as:I,rootProps:y,name:k,alignItems:N="center",justifyContent:V="space-between",layerClassNames:O,...z},M){const R=w.count(h)>1,A=(({active:r,disabled:e,className:a})=>i(K,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",r&&["[&:not([aria-checked])]:cursor-default"],e&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",a))({active:v,disabled:g,className:p}),P=n({className:i(`${K}-content truncate`,O?.text),textAlign:"start",...R&&{columnGap:x,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),H=C(()=>({root:n({menuSizeRoot:"default",className:i(O?.root,A)}),startIcon:n({menuSizeStartIcon:"default",className:O?.startIcon}),endIcon:n({menuSizeEndIcon:"default",className:O?.endIcon})}),[O,A]);return T(c,{asChild:!0,spacing:r,spacingBottom:a,spacingEnd:d,spacingHorizontal:s,spacingStart:u,spacingTop:l,spacingVertical:m,columnGap:x,className:H.root,alignItems:N,justifyContent:V,children:j(I,{render:T(e,{ref:M,...z}),name:k??"",disabled:g,...y,children:[j(t,{gap:x,alignItems:"center",width:"full",children:[T(E,{initial:!1,children:f&&T(S.span,{variants:W,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:T(o,{icon:f,className:H.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),T("span",{className:P,children:h})]}),T(E,{initial:!1,mode:"popLayout",children:!_&&b&&T(S.span,{variants:W,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:T(o,{icon:b,className:H.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})}),X=v(function({active:r,hideOnClick:e,...a},d){const t={root:n({menuItemVariantRoot:"default",menuItemVariantActiveRoot:r?"on":"off"}),text:n({menuItemVariantText:"default",menuItemVariantActiveText:r?"on":"off"}),startIcon:n({menuItemVariantIcon:"default",menuItemVariantActiveIcon:r?"on":"off"})};return T(U,{ref:d,as:p,active:r,layerClassNames:t,rootProps:{hideOnClick:e},...a})});X.displayName="MenuItem";var Z=v(function({name:r,endIcon:e=a,checked:d,defaultChecked:t,hideOnClick:s,className:c,...o},u){const m=r,x=y(!1),p=l(),b=O(p);I(()=>{!x.current&&void 0!==t&&p&&(p.setValues(r=>({...r,[m]:t})),x.current=!0)},[p,t,m]);const f=C(()=>{if(void 0!==d)return d;if(b?.items?.length){const r=b?.items.find(r=>r.element?.name===m);if(r?.element)return r.element.checked}const r=b?.values[m];return"boolean"==typeof r?r:t??!1},[b?.items,b?.values,m,d,t]),_=k(r=>{void 0===d&&p?.setValues(e=>({...e,[m]:r.target.checked}))},[m,p,d]),v={root:n({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:f?"on":"off"}),text:n({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:f?"on":"off"}),startIcon:n({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:f?"on":"off"}),endIcon:n({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:f?"on":"off"})};return T(U,{ref:u,as:h,hideEndIcon:!f,endIcon:e,active:f,className:i("uds-menu-item-checkbox",c),layerClassNames:v,rootProps:{name:r,onChange:_,defaultChecked:t,checked:void 0!==d?d:void 0,hideOnClick:s},...o})});Z.displayName="MenuItemCheckbox";var q=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},J=r=>{const[e,a]=g(q);return I(()=>{if(r?.explicit)return void a(r.explicit);const e=(r=>{const e=new MutationObserver(e=>{e.some(r=>"attributes"===r.type&&"dir"===r.attributeName)&&r()});return e.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),e})(()=>{a(q())});return()=>e.disconnect()},[r?.explicit]),e},Q=function({placement:r="bottom",rtl:e,...a}){const d=J({explicit:e}),t=((r,e)=>{const a=e?.rtl;if("start"===r)return a?"right":"left";if("end"===r)return a?"left":"right";if(r?.includes("-")){const[e,d]=r.split("-");if(!("start"!==e&&"end"!==e||"top"!==d&&"bottom"!==d))return`${"start"===e?a?"right":"left":a?"left":"right"}-${"bottom"===d?"end":"start"}`;if("top"===e||"bottom"===e)return`${e}-${"start"===d?a?"end":"start":a?"start":"end"}`}return r})(r,{rtl:d});return T(s,{children:T(b,{placement:t,rtl:d,...a})})},Y=v(function({asChild:r,children:e,className:a,...d},t){const s=y(null),n=r?{render:T(c,{asChild:!0,ref:s,className:"uds-ring h-fit w-fit",children:e})}:{children:e},o=k(()=>{const r=s.current?.firstChild;r instanceof HTMLElement&&"function"==typeof r.focus&&r.focus()},[s]);return T(f,{onFocus:o,onFocusVisible:o,ref:t,className:i("uds-menu-trigger",a),...n,...d})});export{G as Menu};
|
2
|
+
import{DividerInternal as r}from"../chunk-6SQQBVSA.js";import{Pressable as e,e as a}from"../chunk-QQ7BRHDQ.js";import{VStack as d,HStack as t}from"../chunk-KPGAKQEP.js";import{SpringMotionConfig as s}from"../chunk-Z44HLHNN.js";import{cx as i,getStyles as n,Box as c,IconSlot as o}from"../chunk-QZIQVD63.js";import{__export as u}from"../chunk-GF4A6TFM.js";import{useMenuContext as l,Menu as m,useMenuStore as x,MenuItem as p,MenuItemCheckbox as h,MenuProvider as b,MenuButton as f}from"@ariakit/react/menu";import*as _ from"react";import{forwardRef as v,useState as g,useEffect as I,useMemo as w,Children as y,useRef as C,useCallback as k}from"react";import N from"use-sync-external-store/shim/index.js";import{spacingMap as V}from"@yahoo/uds/fixtures";import{m as S,AnimatePresence as E}from"motion/react";import{jsx as j,jsxs as P}from"react/jsx-runtime";import{useStoreState as z}from"@ariakit/react";function A(r){return r}function M(r,e){const a=r.__unstableInternals;return function(r,e){if(!r)throw new Error(e)}(a,"Invalid store"),a[e]}var{useSyncExternalStore:R}=N;function T(r,e=A){const a=_.useCallback(e=>r?function(r,...e){if(r)return M(r,"subscribe")(...e)}(r,null,e):()=>{},[r]),d=()=>{const a="string"==typeof e?e:null,d="function"==typeof e?e:null,t=null==r?void 0:r.getState();if(d)return d(t);/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
3
|
+
var s,i;if(t&&(a&&(s=t,i=a,"function"==typeof Object.hasOwn?Object.hasOwn(s,i):Object.prototype.hasOwnProperty.call(s,i))))return t[a]};return R(a,d,d)}var O=S.create(d),H=5,Q=.97,B={top:{x:0,y:H},bottom:{x:0,y:-5},left:{x:H,y:0},right:{x:-5,y:0}},D=r=>w(()=>((r="bottom")=>{const[e="top"]=r?.split("-");return{closed:{...B[e],opacity:0,scale:Q},open:{y:0,x:0,opacity:1,scale:1}}})(r),[r]),F=v(function({gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:s,gutter:n="1",backgroundColor:c="primary",borderRadius:o="md",borderColor:u,borderWidth:x="thin",overflow:p,dropShadow:h="lg",className:b,sameWidth:f,focusable:_,children:v,portalElement:y,portal:C=!0,disableAutoBorderRadius:k,...N},S){const P=l(),z=T(P,"open"),A=T(P,"mounted"),M=T(P,"currentPlacement"),R=T(P,"placement"),[H,Q]=g(M),[B,F]=g(M);I(()=>{R!==B&&F(R)},[R]),I(()=>{M!==B&&F(M)},[M]),I(()=>{A&&B!==H&&Q(B)},[A,B,H]);const G=w(()=>z&&A?"open":"closed",[z,A]),$=w(()=>z?h:"none",[z,h]),L=D(B),W=(({borderRadius:r,spacing:e})=>{if(void 0===e||"0"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))]";case"sm":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))]";case"md":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))]";case"lg":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))]"}if("px"===e||"0.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_2px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))]"}if("1"===e||"1.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_4px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_4px)]"}if("2"===e||"2.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_8px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_8px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_8px)]"}if("3"===e||"3.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))]";case"md":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-md)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-md)_-_6px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))] [&>*:last-child]:rounded-b-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))]"}if("4"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_16px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_16px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))]"}switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))] [&>*:last-child]:rounded-b-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))]"}})({borderRadius:o,spacing:e}),K=w(()=>V[n],[n]);return j(E,{initial:!1,children:j(m,{gutter:K,sameWidth:f,focusable:_,store:P,ref:S,portalElement:y,portal:C,...N,render:j(O,{backgroundColor:c,gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:s,borderRadius:o,borderColor:u,borderWidth:x,overflow:p,animate:G,variants:L,dropShadow:$,className:i("uds-menu-content","transition-shadow","duration-200","ease-in-out","min-w-60","max-w-lg","max-h-96","overflow-auto","uds-ring","z-10","group",!k&&W,b),children:v})})})}),G=v(function({role:e="separator",contentPosition:a="start",gap:d="4",children:t,spacingVertical:s=(t?"2":"0"),spacingHorizontal:i=(t?"4":"0"),className:c,...o},u){const l={root:n({menuDividerVariantRoot:"default",className:c}),text:n({menuDividerVariantText:"default"}),line:n({menuDividerVariantLine:"default"})};return j(r,{ref:u,role:e,variant:"inherit",contentPosition:a,gap:d,spacingVertical:s,spacingHorizontal:i,className:l.root,layerClassNames:l,...o,children:t})});G.displayName="MenuDivider";var $={};u($,{Content:()=>F,Divider:()=>G,Item:()=>Z,ItemCheckbox:()=>q,Provider:()=>X,Trigger:()=>Y,useMenuContext:()=>l,useMenuStore:()=>x,useStoreState:()=>z});var L="uds-menu-item",W={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},K=v(function({spacing:r="0",spacingBottom:a,spacingEnd:d,spacingHorizontal:s="4",spacingStart:u,spacingTop:l,spacingVertical:m="3.5",columnGap:x="2",className:p,children:h,endIcon:b,startIcon:f,hideEndIcon:_,active:v,disabled:g,as:I,rootProps:C,name:k,alignItems:N="center",justifyContent:V="space-between",layerClassNames:z,...A},M){const R=y.count(h)>1,T=(({active:r,disabled:e,className:a})=>i(L,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",r&&["[&:not([aria-checked])]:cursor-default"],e&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",a))({active:v,disabled:g,className:p}),O=n({className:i(`${L}-content truncate`,z?.text),textAlign:"start",...R&&{columnGap:x,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),H=w(()=>({root:n({menuSizeRoot:"default",className:i(z?.root,T)}),startIcon:n({menuSizeStartIcon:"default",className:z?.startIcon}),endIcon:n({menuSizeEndIcon:"default",className:z?.endIcon})}),[z,T]);return j(c,{asChild:!0,spacing:r,spacingBottom:a,spacingEnd:d,spacingHorizontal:s,spacingStart:u,spacingTop:l,spacingVertical:m,columnGap:x,className:H.root,alignItems:N,justifyContent:V,children:P(I,{render:j(e,{ref:M,...A}),name:k??"",disabled:g,...C,children:[P(t,{gap:x,alignItems:"center",width:"full",children:[j(E,{initial:!1,children:f&&j(S.span,{variants:W,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:j(o,{icon:f,className:H.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),j("span",{className:O,children:h})]}),j(E,{initial:!1,mode:"popLayout",children:!_&&b&&j(S.span,{variants:W,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:j(o,{icon:b,className:H.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})}),Z=v(function({active:r,hideOnClick:e,...a},d){const t={root:n({menuItemVariantRoot:"default",menuItemVariantActiveRoot:r?"on":"off"}),text:n({menuItemVariantText:"default",menuItemVariantActiveText:r?"on":"off"}),startIcon:n({menuItemVariantIcon:"default",menuItemVariantActiveIcon:r?"on":"off"})};return j(K,{ref:d,as:p,active:r,layerClassNames:t,rootProps:{hideOnClick:e},...a})});Z.displayName="MenuItem";var q=v(function({name:r,endIcon:e=a,checked:d,defaultChecked:t,hideOnClick:s,className:c,...o},u){const m=r,x=C(!1),p=l(),b=z(p);I(()=>{!x.current&&void 0!==t&&p&&(p.setValues(r=>({...r,[m]:t})),x.current=!0)},[p,t,m]);const f=w(()=>{if(void 0!==d)return d;if(b?.items?.length){const r=b?.items.find(r=>r.element?.name===m);if(r?.element)return r.element.checked}const r=b?.values[m];return"boolean"==typeof r?r:t??!1},[b?.items,b?.values,m,d,t]),_=k(r=>{void 0===d&&p?.setValues(e=>({...e,[m]:r.target.checked}))},[m,p,d]),v={root:n({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:f?"on":"off"}),text:n({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:f?"on":"off"}),startIcon:n({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:f?"on":"off"}),endIcon:n({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:f?"on":"off"})};return j(K,{ref:u,as:h,hideEndIcon:!f,endIcon:e,active:f,className:i("uds-menu-item-checkbox",c),layerClassNames:v,rootProps:{name:r,onChange:_,defaultChecked:t,checked:void 0!==d?d:void 0,hideOnClick:s},...o})});q.displayName="MenuItemCheckbox";var J=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},U=r=>{const[e,a]=g(J);return I(()=>{if(r?.explicit)return void a(r.explicit);const e=(r=>{const e=new MutationObserver(e=>{e.some(r=>"attributes"===r.type&&"dir"===r.attributeName)&&r()});return e.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),e})(()=>{a(J())});return()=>e.disconnect()},[r?.explicit]),e},X=function({placement:r="bottom",rtl:e,...a}){const d=U({explicit:e}),t=((r,e)=>{const a=e?.rtl;if("start"===r)return a?"right":"left";if("end"===r)return a?"left":"right";if(r?.includes("-")){const[e,d]=r.split("-");if(!("start"!==e&&"end"!==e||"top"!==d&&"bottom"!==d))return`${"start"===e?a?"right":"left":a?"left":"right"}-${"bottom"===d?"end":"start"}`;if("top"===e||"bottom"===e)return`${e}-${"start"===d?a?"end":"start":a?"start":"end"}`}return r})(r,{rtl:d});return j(s,{children:j(b,{placement:t,rtl:d,...a})})},Y=v(function({asChild:r,children:e,className:a,...d},t){const s=C(null),n=r?{render:j(c,{asChild:!0,ref:s,className:"uds-ring h-fit w-fit",children:e})}:{children:e},o=k(()=>{const r=s.current?.firstChild;r instanceof HTMLElement&&"function"==typeof r.focus&&r.focus()},[s]);return j(f,{onFocus:o,onFocusVisible:o,ref:t,className:i("uds-menu-trigger",a),...n,...d})});export{$ as Menu};
|
package/dist/client/index.cjs
CHANGED
@@ -1,2 +1,2 @@
|
|
1
1
|
"use client";
|
2
|
-
"use strict";var e=require("../chunk-G6QAZH7S.cjs"),t=require("../chunk-QOJ4ZAXP.cjs"),a=require("../chunk-TW6PDFBX.cjs"),n=require("../chunk-6SO7GS3O.cjs"),i=require("../chunk-Y5TAAZAI.cjs"),o=require("../chunk-5IKCFMD6.cjs"),s=require("../chunk-LAIVXF4G.cjs"),r=require("../chunk-3AYBRPUC.cjs"),l=require("react"),c=require("react/jsx-runtime"),d=require("@yahoo/uds/fixtures"),u=require("motion/react"),p=require("lodash/isFunction"),h=require("@yahoo/uds/client/Menu");function m(e){return e&&e.__esModule?e:{default:e}}var x=m(p),f={first:e=>e[0]||"",last:e=>e[e.length-1]||"",firstAndLast:e=>1===e.length?e[0]:`${e[0]}${e[e.length-1]}`,firstTwo:e=>e.slice(0,2).join(""),firstThree:e=>e.slice(0,3).join(""),firstOfEach:e=>e.join("")},g=(e,t="firstAndLast")=>{if(!e)return"";const a=e.trim().split(/\s+/).map(e=>e[0].toUpperCase());return"function"==typeof t?t(e):f[t](a)},b=(e="md")=>o.getStyles({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),y=e=>e?{height:e,width:e}:{},v="primary",S="md",C={primary:t.e2,secondary:t.t},I=({size:e=S,variant:t=v,customSize:a,icon:n,className:i})=>{const s=l.useMemo(()=>y(a),[a]),r=l.useMemo(()=>o.cx(b(e),o.getStyles({avatarIconVariantRoot:t,overflow:"hidden"}),i),[i,e,t]),d=l.useMemo(()=>o.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"}),[]),u=l.useMemo(()=>({...s,boxSizing:"content-box"}),[s]),p=l.useMemo(()=>n??C[t??"primary"],[n,t]),h=l.useMemo(()=>o.getStyles({avatarSizeIcon:e}),[e]);return c.jsx(o.Box,{className:r,style:s,children:c.jsx(o.Box,{className:d,style:u,children:c.jsx(o.Icon,{name:p,variant:"fill",color:"current",className:h,"data-testid":"avatar-icon"})})})};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */I.displayName="AvatarIcon";var N=({size:e=S,variant:t=v,name:a,initials:n,customSize:i,abbreviationStrategy:s,className:r})=>{const d=l.useMemo(()=>o.cx(b(e),o.getStyles({avatarTextVariantRoot:t,overflow:"hidden"}),"truncate",r),[r,e,t]),u=l.useMemo(()=>o.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"}),[]),p=l.useMemo(()=>y(i),[i]),h=l.useMemo(()=>({...p,boxSizing:"content-box"}),[p]);return c.jsx(o.Box,{className:d,style:p,children:c.jsx(o.Text,{color:"inherit",variant:"inherit",className:u,style:h,"data-testid":"avatar-text",children:n||g(a,s)})})};N.displayName="AvatarText";var j=({size:t=S,variant:a=v,src:n,srcSet:i,customSize:s,alt:r,imageProps:d,abbreviationStrategy:u,fallback:p,className:h})=>{const[m,x]=l.useState("loading");l.useEffect(()=>{let e=!0;if(n||i){const t=new Image;t.onload=()=>{e&&x("loaded")},t.onerror=()=>{e&&x("error")},n&&(t.src=n),i&&(t.srcset=i)}else x("error");return()=>{e=!1}},[n,i]);const f=l.useMemo(()=>o.cx(b(t),o.getStyles({avatarImageVariantRoot:a,overflow:"hidden"}),h),[h,t,a]),g=l.useMemo(()=>o.getStyles({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"}),[]),C=l.useMemo(()=>y(s),[s]),j=l.useMemo(()=>({...C,boxSizing:"content-box"}),[C]);if("loaded"===m)return c.jsx(o.Box,{className:f,style:C,children:c.jsx(e.Image,{src:n,srcSet:i,alt:r,className:g,style:j,...d})});const k={size:t,customSize:s,variant:a};return p||r?c.jsx(N,{name:r,initials:p,abbreviationStrategy:u,...k}):c.jsx(I,{...k})};j.displayName="AvatarImage";var k=e=>c.jsx(j,{...e});k.displayName="Avatar";var w=l.forwardRef(function({variant:e="primary",size:t="md",minWidth:n,maxWidth:i=200,startIcon:s,endIcon:r,backgroundColor:d,color:u,iconColor:p,borderColor:h,children:m,className:x,...f},g){const b=o.getStyles({badgeSizeRoot:t,badgeVariantRoot:e,className:o.cx(["uds-badge","uds-badge-variant","uds-badge-size",x])}),y=o.getStyles({badgeVariantIcon:e,badgeSizeIcon:t,className:o.cx(["uds-badge-iconSize","uds-badge-iconColor"])}),v=l.useMemo(()=>({...n?{minWidth:`${n}px`}:{},..."full"===i?{}:{maxWidth:`${i}px`},...d?{backgroundColor:d}:{},...h?{borderColor:h}:{},...u?{color:u}:{}}),[d,h,u,i,n]),S=l.useMemo(()=>({variant:"fill",style:{...p?{color:p}:{}}}),[p]);return c.jsxs(a.HStack,{ref:g,gap:"2",display:"inline-flex",alignItems:"center",className:b,style:v,...f,children:[s&&c.jsx(o.IconSlot,{icon:s,iconProps:S,"data-testid":"start-icon",className:y}),c.jsx("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:m}),r&&c.jsx(o.IconSlot,{icon:r,iconProps:S,"data-testid":"end-icon",className:y})]})});w.displayName="Badge";var V={scale:.7,opacity:0},M={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},R={icon:M,hide:V,loading:V},z={loading:M,hide:V,icon:V},T=`var(${r.BUTTON_CSS_VAR_MAP.columnGap})`,P=`var(${r.BUTTON_CSS_VAR_MAP.iconSize})`,A={rest:{scale:`var(${r.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${r.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${r.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:T}},B={hide:{width:"0px",opacity:0,display:"none"},loading:{width:P,display:"flex",opacity:1},icon:{width:P,display:"flex",opacity:1}},q=l.forwardRef(function({variant:e,size:a,startIcon:n,endIcon:r,iconVariant:p,loading:h,disableEffects:m,children:x,asChild:f,type:g="button",className:b,width:y,...v},S){const C=l.useRef(null);l.useImperativeHandle(S,()=>C.current);const I=l.useMemo(()=>o.createSlot(),[]),N=l.useMemo(()=>u.m.create(I),[I]),j=r?"icon":"hide",k=(({startIcon:e,endIcon:t,loading:a})=>e||t||a?"withIcon":"withoutIcon")({startIcon:n,endIcon:r,loading:h}),w=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:h,startIcon:n}),{palette:V,variant:M}=l.useMemo(()=>s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),[e]),T=l.useMemo(()=>({button:o.getStyles({width:y,buttonSize:a,buttonVariant:M,buttonPalette:V,className:o.cx("uds-button","uds-ring","uds-hit-target",h&&"uds-button-loading",m&&"uds-button-without-effects","withIcon"===k&&"uds-button-with-gap",b)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"}),[y,a,M,V,b,h,m,k]),P=u.useReducedMotion()?"smooth":"subtle",q=l.useMemo(()=>c.jsx(u.m.span,{className:T.iconContainer,initial:!1,variants:B,animate:w,children:c.jsxs(u.AnimatePresence,{initial:!1,mode:"popLayout",children:[h&&c.jsx(u.m.span,{variants:z,initial:"hide",animate:"loading",exit:"hide",children:c.jsx(o.Icon,{size:d.buttonIconSvgSize,name:t.o2,variant:p,color:"current",className:T.loading})},"loading"),n&&!h&&c.jsx(u.m.span,{variants:R,initial:"hide",animate:"icon",exit:"hide",children:c.jsx(o.IconSlot,{className:T.start,icon:n,iconProps:{size:d.buttonIconSvgSize,variant:p,color:"current"}})})]})}),[T.iconContainer,T.loading,T.start,w,h,p,n]),E=l.useMemo(()=>c.jsx(u.m.span,{className:T.iconContainer,initial:!1,variants:B,animate:j,children:c.jsx(u.AnimatePresence,{initial:!1,mode:"popLayout",children:r&&c.jsx(u.m.span,{variants:R,initial:"hide",animate:"icon",exit:"hide",children:c.jsx(o.IconSlot,{className:T.end,icon:r,iconProps:{size:d.buttonIconSvgSize,variant:p,color:"current"}})})})}),[T.iconContainer,T.end,r,j,p]),L=l.useMemo(()=>m?{...A,rest:{},hover:{},pressed:{}}:A,[m]);return f&&l.isValidElement(x)?c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:P,children:c.jsx(N,{type:g,className:T.button,initial:["hide",k],animate:k,variants:L,whileHover:"hover",whileTap:"pressed",...v,children:l.cloneElement(x,x.props,c.jsxs(c.Fragment,{children:[q,c.jsx("span",{className:T.content,children:x.props.children}),E]}))})}):c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:P,children:c.jsxs(u.m.button,{ref:C,type:g,className:T.button,initial:["hide",k],animate:k,variants:L,whileHover:"hover",whileTap:"pressed",...v,children:[q,c.jsx("span",{className:T.content,children:x}),E]})})}),E={primary:"alert",secondary:"alert-secondary"},L=e=>"indeterminate"===e,H=e=>L(e)?t.o:t.e,O=u.m.create(o.Box),F={layoutVariant:"smooth",layoutSpeed:"3"},$={layoutVariant:"veryBouncy",layoutSpeed:"4"},_=l.forwardRef(function({id:e,checked:t,defaultChecked:a,onChange:s,label:r,labelPosition:d="start",variant:p="primary",size:h="md",reduceMotion:m,disabled:x,required:f,hasError:g,className:b,layerClassNames:y,...v},S){const C=l.useId(),I=e??`uds-input-${C}`,N=l.useRef(null),j=void 0!==t,[k,w]=l.useState(j?t:a),[V,M]=l.useState(!1),[R,z]=l.useState(!1),T=l.useMemo(()=>g?E[p]:p,[g,p]),P=!x&&V,A=!x&&R,B=l.useMemo(()=>A?.9:P?1.1:1,[A,P]),q=l.useMemo(()=>k?A?"opacity-55":"opacity-100":"opacity-0",[k,A]),_=l.useMemo(()=>({scale:B}),[B]),W=l.useMemo(()=>R?$:F,[R]),D=l.useCallback(e=>{s?.(e),j||w(e.target.checked)},[j,s]),G=l.useCallback(()=>{M(!0)},[]),U=l.useCallback(()=>{M(!1)},[]),X=l.useCallback(()=>{z(!0)},[]),Z=l.useCallback(()=>{z(!1)},[]),Q=e=>{N.current&&(N.current.indeterminate=L(e))},Y=m?"always":"user",J=u.useReducedMotion()||m?"duration-0":"duration-120";l.useEffect(()=>{j&&w(t)},[t,j]),l.useEffect(()=>{Q(k)},[k]);const K=L(k)?"indeterminate":k?"checked":"unchecked",ee={root:o.getStyles({checkboxSizeRoot:h,checkboxVariantRoot:T,checkboxVariantValueRoot:K,display:"flex",flexDirection:"start"===d?"row":"row-reverse",alignItems:"center",className:o.cx({"cursor-pointer":!x,"cursor-default":x,"opacity-50":x},b,y?.root)}),checkbox:o.getStyles({checkboxSizeCheckbox:h,checkboxVariantCheckbox:T,checkboxVariantValueCheckbox:K,className:o.cx("border","rounded-[4px]","uds-ring","uds-ring-within",J,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:o.getStyles({checkboxVariantCheckboxIcon:T,checkboxVariantValueCheckboxIcon:K,className:o.cx("pointer-events-none",q,J,"transition-opacity")}),htmlCheckbox:o.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:o.cx("start"===d?"text-start":"text-end",y?.label)},te=r?u.m.label:u.m.div;return c.jsx(i.SpringMotionConfig,{reducedMotion:Y,...W,children:c.jsxs(te,{className:ee.root,"data-testid":"container",onHoverStart:G,onHoverEnd:U,onTapStart:X,onTap:Z,onTapCancel:Z,tabIndex:-1,children:[c.jsxs(O,{position:"relative",className:ee.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:_,children:[c.jsx("input",{type:"checkbox",...v,ref:e=>{N.current=e,Q(k),"function"==typeof S?S(e):null!==S&&(S.current=e)},id:I,disabled:x,required:f,"aria-invalid":g,checked:j?!L(k)&&k:void 0,defaultChecked:j?void 0:a,onChange:D,className:ee.htmlCheckbox}),c.jsx(o.Icon,{name:H(k),size:"sm",className:ee.check})]}),r&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:f,label:r,className:ee.label})]})})});_.displayName="Checkbox";var W="primary",D=l.forwardRef(function({size:e="md",minWidth:t,maxWidth:n=200,startIcon:i,endIcon:s,as:r="div",reduceMotion:d,disabled:p=!1,className:h,layerClassNames:m,children:x,...f},g){const b=u.useReducedMotion()||d?"duration-0":"duration-120",y=l.useMemo(()=>({root:o.getStyles({chipSizeRoot:e,className:o.cx({"pointer-events-none":p,"cursor-default":p,"opacity-50":p},"focus-visible:-outline-offset-2","uds-ring",b,"transition-[background-color,outline-color,box-shadow]",m?.root,h)}),icon:o.getStyles({chipSizeIcon:e,className:m?.icon})}),[h,b,p,m?.icon,m?.root,e]);return c.jsx(a.HStack,{asChild:!0,ref:g,display:"inline-flex",alignItems:"center",style:{maxWidth:`${n}px`,...t?{minWidth:`${t}px`}:{}},className:y.root,...f,children:c.jsxs(r,{disabled:p,children:[i&&c.jsx(o.IconSlot,{icon:i,iconProps:{variant:"fill",className:y.icon},"data-testid":"start-icon"}),c.jsx(o.Text,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:x}),s&&c.jsx(o.IconSlot,{icon:s,iconProps:{variant:"fill",className:y.icon},"data-testid":"end-icon"})]})})});D.displayName="ChipBase";var G=l.forwardRef(function({variant:e=W,...t},a){const n=l.useMemo(()=>({root:o.getStyles({chipLinkVariantRoot:e}),icon:o.getStyles({chipLinkVariantIcon:e})}),[e]);return c.jsx(D,{as:"button",ref:a,variant:e,layerClassNames:n,...t})});G.displayName="ChipButton";var U=l.forwardRef(function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:n,variant:i=W,disabled:s,...r},d){const u=l.useMemo(()=>({root:o.getStyles({chipDismissibleVariantRoot:i}),icon:o.getStyles({chipDismissibleVariantIcon:i})}),[i]),p=l.useCallback(e=>{e.stopPropagation(),a?.()},[a]),h={icon:o.cx("uds-chip-dismissible-button","uds-hit-target")};return c.jsx(D,{ref:d,variant:i,disabled:s,tabIndex:-1,endIcon:a=>c.jsx(t.Pressable,{"aria-label":e,className:h.icon,onClick:p,disabled:s,children:c.jsx(o.IconSlot,{icon:n??t.a,iconProps:a,"data-testid":"dismiss-icon"})}),layerClassNames:u,...r})});U.displayName="ChipDismissible";var X=l.forwardRef(function({variant:e=W,href:t,disabled:a,...n},i){const s=l.useMemo(()=>({root:o.getStyles({chipLinkVariantRoot:e}),icon:o.getStyles({chipLinkVariantIcon:e})}),[e]);return c.jsx(D,{as:"a",ref:i,variant:e,disabled:a,layerClassNames:s,...{...n,href:a?void 0:t}})});X.displayName="ChipLink";var Z=l.forwardRef(function({isToggled:e=!1,onToggle:t,onClick:a,variant:n=W,...i},s){const r=l.useMemo(()=>({root:o.getStyles({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off"}),icon:o.getStyles({chipToggleVariantIcon:n})}),[e,n]),d=l.useCallback(n=>{t?.(!e),a?.(n)},[e,a,t]);return c.jsx(D,{ref:s,as:"button",variant:n,onClick:d,"aria-pressed":e,layerClassNames:r,...i})});Z.displayName="ChipToggle";var Q=l.forwardRef(function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:i,isToggled:o,...s},r){return n?c.jsx(U,{ref:r,onDismiss:n,...s}):i?c.jsx(Z,{ref:r,onToggle:i,isToggled:o,...s}):t?c.jsx(X,{ref:r,href:t,...s,...a}):c.jsx(G,{ref:r,onClick:e,...s})});Q.displayName="Chip";var Y=l.forwardRef(function({variant:e,size:a,iconVariant:n,loading:r,disableEffects:p,name:h,type:m="button",htmlName:x,className:f,children:g,...b},y){const v=l.useRef(null);l.useImperativeHandle(y,()=>v.current);const{palette:S,variant:C}=s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),I=l.useMemo(()=>({button:o.getStyles({buttonVariant:C,buttonPalette:S,iconButtonSize:a,className:o.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",r&&"uds-button-loading",p&&"uds-button-without-effects",f)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"}),[S,C,f,p,a,r]),N=u.useReducedMotion(),j=l.useMemo(()=>N?"smooth":"subtle",[N]),k=l.useMemo(()=>{const{rest:e,hover:t,pressed:a}=A;return p?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}},[p]);return c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:j,reducedMotion:p?"always":"user",children:c.jsx(u.m.button,{ref:v,type:m,className:I.button,initial:"icon",variants:k,whileHover:"hover",whileTap:"pressed",name:x,...b,children:c.jsxs(u.AnimatePresence,{initial:!1,mode:"popLayout",children:[r&&c.jsx(u.m.span,{variants:z,initial:"loading",animate:"loading",exit:"hide",children:c.jsx(o.Icon,{size:d.buttonIconSvgSize,name:t.o2,variant:n,color:"current",className:I.loading})},"loading"),h&&!r&&c.jsx(u.m.span,{variants:R,initial:"icon",animate:"icon",exit:"hide",children:g||c.jsx(o.Icon,{size:d.buttonIconSvgSize,name:h,variant:n,color:"current",className:I.icon})},h.name)]})})})}),J=({children:e,reduceMotion:t,layoutVariant:a})=>{const n=l.useRef(null),[o,s]=l.useState("auto");return l.useEffect(()=>{if(n.current){const e=new ResizeObserver(e=>{s(e[0].contentRect.height)});return e.observe(n.current),()=>{e.disconnect()}}},[]),c.jsx(i.SpringMotionConfig,{reducedMotion:t,layoutSpeed:"4",layoutVariant:a,children:c.jsx(u.m.div,{className:"overflow-hidden",style:{height:o,opacity:0},animate:{height:o,opacity:1},children:c.jsx("div",{ref:n,children:e})})})},K=l.memo(function({helpText:t,helperTextIcon:a,spacingStart:n,spacingTop:i,size:s,isFilled:r,...l}){return t?c.jsx(o.Box,{spacingTop:i,spacingStart:n,...l,children:c.jsx(e.InputHelpTextMemo,{startIcon:a,size:s,isFilled:r,children:x.default(t)?t():t})}):null}),ee=l.memo(function({icon:e,className:t,iconProps:a}){return e?c.jsx(o.IconSlot,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),te=l.memo(function({icon:e,className:t,iconProps:a}){return e?c.jsx(o.IconSlot,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),ae=l.forwardRef(function({id:e,label:t,type:n="text",size:i="md",startIcon:s,endIcon:r,helpText:d,helperTextIcon:p,hasError:h,width:m="full",defaultValue:f,required:g,readOnly:b,disabled:y,reduceMotion:v,onChange:S,slotProps:C,className:I,...N},j){const k=l.useId(),w=e??`uds-input-${k}`,V=`uds-input-${w}-help-text`,{className:M,...R}=C?.input??{},{className:z,...T}=C?.inputWrapper??{},P=l.useRef(null);l.useImperativeHandle(j,()=>P.current);const[A,B]=l.useState(f??""),q=l.useCallback(e=>{B(e.target.value),S?.(e)},[S]),E=u.useReducedMotion()?"smooth":"bouncy",L=v?"always":"user",H=!b&&!y,O={root:o.getStyles({inputSizeRoot:i,inputVariantRoot:"default",inputVariantValueRoot:A?"filled":"empty",className:o.cx([I,y?"opacity-50":""])}),inputWrapper:o.cx(o.getStyles({inputSizeInputWrapper:i,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:A?"filled":"empty"}),"min-w-[200px]",z),input:o.getStyles({inputSizeInput:i,inputVariantInput:"default",inputVariantValueInput:A?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:A?"filled":"empty",className:o.cx("grow","uds-hit-target","bg-clip-text","focus:outline-none",H?"cursor-text":"cursor-not-allowed",M)}),label:o.cx(o.getStyles({inputSizeLabel:i,inputVariantLabel:"default",inputVariantValueLabel:A?"filled":"empty"})),labelRequired:o.getStyles({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:A?"filled":"empty"}),startIcon:o.getStyles({inputSizeStartIcon:i,inputVariantStartIcon:"default",inputVariantValueStartIcon:A?"filled":"empty"}),endIcon:o.getStyles({inputSizeEndIcon:i,inputVariantEndIcon:"default",inputVariantValueEndIcon:A?"filled":"empty"})};return c.jsxs(a.VStack,{width:m,className:O.root,children:[t&&c.jsxs(o.Box,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:O.label,children:[c.jsx("label",{htmlFor:w,children:x.default(t)?t():t}),g&&c.jsx("span",{className:O.labelRequired,children:"*"})]}),c.jsxs(o.Box,{position:"relative",alignItems:"center",...T,className:O.inputWrapper,children:[c.jsx(ee,{icon:s,className:O.startIcon,iconProps:C?.startIcon}),c.jsx("input",{ref:P,id:w,type:n,value:A,required:g,readOnly:b,disabled:y,"aria-describedby":V,"aria-invalid":h,onChange:q,className:O.input,...N,...R}),r&&c.jsx(a.HStack,{alignItems:"center",gap:"1",children:c.jsx(te,{icon:r,className:O.endIcon,iconProps:C?.endIcon})})]}),c.jsx(J,{reduceMotion:L,layoutVariant:E,children:c.jsx(K,{id:V,helpText:d,spacingTop:"2",size:i,isFilled:!!A,helperTextIcon:p})})]})});ae.displayName="Input";var ne=class e{name;value;activeCount=0;#e=new Set;constructor(e){this.name=e}onChange(e){return this.#e.add(e),()=>{this.#e.delete(e)}}setValue(e){this.value=e,this.#e.forEach(t=>t(e))}static findOrCreate(t,a){let n=t.get(a);return n||(n=new e(a),t.set(a,n)),n}},ie=l.createContext(new Map),oe=e=>{const t=l.useId();return e??`uds-radio-group-${t}`},se={primary:"alert",secondary:"alert-secondary"},re=u.m.create(o.Box),le={layoutVariant:"smooth",layoutSpeed:"3"},ce={layoutVariant:"veryBouncy",layoutSpeed:"4"},de=l.forwardRef(function({id:e,name:t,label:a,labelPosition:s="start",variant:r="primary",size:d="md",reduceMotion:p,value:h="",checked:m,defaultChecked:x,disabled:f,hasError:g,onChange:b,onFocus:y,onBlur:v,className:S,layerClassNames:C,...I},N){const j=l.useId(),k=e??`uds-radio-${j}`,w=l.useRef(null),{name:V,isControlled:M,checked:R,setGroupValue:z}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const i=l.useContext(ie),o=i instanceof ne,s=void 0!==a||o,r=oe(e),c=l.useMemo(()=>o?i:ne.findOrCreate(i,r),[i,o,r]),[d,u]=l.useState(c.value),p=c.name??r,h=l.useCallback(e=>{c.setValue(e),s||u(e)},[s,c]);return l.useEffect(()=>c.onChange(u),[c]),l.useEffect(()=>{!0===a&&h(t)},[a,t,h]),l.useEffect(()=>{if(o)return;const e=ne.findOrCreate(i,p);return e.activeCount+=1,i.set(p,e),()=>{const e=i.get(p);e&&(e.activeCount-=1,0===e.activeCount&&i.delete(p))}},[i,o,p]),{name:p,isControlled:s,checked:s&&!o?a:void 0!==d?t===d:n??!1,setGroupValue:h}})({name:t,value:h,checked:m,defaultChecked:x}),[T,P]=l.useState(!1),[A,B]=l.useState(!1),q=l.useMemo(()=>g?se[r]:r,[g,r]),E=l.useMemo(()=>!f&&T,[f,T]),L=l.useMemo(()=>!f&&!R&&A,[R,f,A]),H=l.useMemo(()=>L?.9:E?1.1:1,[E,L]),O=l.useMemo(()=>R?L?"opacity-55":"opacity-100":"opacity-0",[R,L]),F=l.useMemo(()=>!f&&(L&&!R||E&&R),[R,f,E,L]),$=l.useMemo(()=>({scale:H}),[H]),_=l.useMemo(()=>A?ce:le,[A]),W=l.useCallback(e=>{z(e.target.value),b?.(e)},[b,z]),D=l.useCallback(e=>{y?.(e)},[y]),G=l.useCallback(e=>{v?.(e)},[v]),U=l.useCallback(()=>{P(!0)},[]),X=l.useCallback(()=>{P(!1)},[]),Z=l.useCallback(()=>{B(!0)},[]),Q=l.useCallback(()=>{B(!1)},[]),Y=p?"always":"user",J=u.useReducedMotion()||p?"duration-0":"duration-120",K={root:o.getStyles({radioSizeRoot:d,radioVariantValueRoot:R?"checked":"unchecked",radioVariantRoot:q,display:"flex",flexDirection:"start"===s?"row":"row-reverse",alignItems:"center",className:o.cx([{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S,C?.root])}),radio:o.getStyles({radioSizeRadio:d,radioVariantRadio:q,radioVariantValueRadio:R?"checked":"unchecked",className:o.cx(["border","uds-ring","uds-ring-within",J,"transition-[background-color,border-color]","transition-shadow",C?.radio])}),radioCircle:o.getStyles({radioVariantRadioCircle:q,radioVariantValueRadioCircle:R?"checked":"unchecked",className:o.cx(["pointer-events-none","w-[8px]","h-[8px]",O,J,"transition-opacity"])}),htmlRadio:o.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:o.cx("start"===s?"text-start":"text-end",C?.label)},ee=a?u.m.label:u.m.div;return c.jsx(i.SpringMotionConfig,{reducedMotion:Y,..._,children:c.jsxs(ee,{className:K.root,"data-testid":"container",onHoverStart:U,onHoverEnd:X,onTapStart:Z,onTap:Q,onTapCancel:Q,tabIndex:-1,children:[c.jsxs(re,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:K.radio,animate:$,insetShadow:F?"lg-invert":"none",children:[c.jsx("input",{type:"radio",...I,ref:e=>{w.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:D,onBlur:G,id:k,name:V,value:h,disabled:f,"aria-invalid":g,onChange:W,...M?{checked:R}:{defaultChecked:x},className:K.htmlRadio}),c.jsx(o.Box,{borderRadius:"full",className:K.radioCircle})]}),a&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",label:a,className:K.label})]})})});de.displayName="Radio";var ue=o.createSlot(),pe=class extends ne{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},he=l.forwardRef(function({asChild:e,name:t,value:a,defaultValue:n,onChange:i,...o},s){const r=void 0!==a,d=oe(t),u=l.useMemo(()=>{const e=new pe(d,r);return e.value=r?a:n,e},[n,r,d,a]);l.useEffect(()=>{u.onChangeCb=i},[i,u]),l.useEffect(()=>{r&&u.setValue(a,!0)},[r,u,a]),l.useEffect(()=>u.onChange(e=>i?.(e)),[i,u]);const p=e?ue:"div";return c.jsx(ie.Provider,{value:u,children:c.jsx(p,{role:"radiogroup",ref:s,...o})})});he.displayName="RadioGroupProvider";var me={md:{isOnX:20},sm:{isOnX:12}},xe=u.m.create(o.Box),fe={layoutVariant:"bouncy",layoutSpeed:"4"},ge=l.forwardRef(function({id:e,isOn:t,defaultIsOn:a,onChange:s,label:r,labelPosition:d="start",size:p="md",onIcon:h,offIcon:m,reduceMotion:x,disabled:f,required:g,onFocus:b,onBlur:y,className:v,layerClassNames:S,...C},I){const N=l.useId(),j=e??`uds-input-${N}`,k=l.useRef(null),w=void 0!==t,[V,M]=l.useState(w?t:a),[R,z]=l.useState(!1),T=l.useMemo(()=>!f&&R,[f,R]),{isOnX:P}=me[p],A=l.useMemo(()=>({initial:{scale:1,x:V?P:0},animate:{scale:T?1.05:1,x:V?P:0}}),[T,V,P]),B=l.useCallback(e=>{s?.(e),w||M(e.target.checked)},[w,s]),q=l.useCallback(e=>{b?.(e)},[b]),E=l.useCallback(e=>{y?.(e)},[y]),L=l.useCallback(()=>{z(!0)},[]),H=l.useCallback(()=>{z(!1)},[]),O=x?"always":"user",F=u.useReducedMotion()||x?"duration-0":"duration-120";l.useEffect(()=>{w&&M(t)},[t,w]);const $={root:o.getStyles({switchSizeRoot:p,switchVariantRoot:"default",switchVariantActiveRoot:V?"on":"off",display:"flex",flexDirection:"start"===d?"row":"row-reverse",alignItems:"center",className:o.cx("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S?.root,v)}),switch:o.getStyles({switchVariantSwitch:"default",switchSizeSwitch:p,switchVariantActiveSwitch:V?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:o.cx("uds-ring","uds-ring-within",F,"transition-[background-color,box-shadow]",S?.switch)}),handle:o.getStyles({switchSizeHandle:p,className:o.cx("relative","pointer-events-none","rounded-full","overflow-hidden",S?.handle)}),handleCircle:o.getStyles({switchVariantActiveHandle:V?"on":"off",switchVariantHandle:"default",className:o.cx("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",F,"transition-[background-color,box-shadow,opacity]")}),handleIcon:o.getStyles({switchSizeHandleIcon:p,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:V?"on":"off",className:o.cx("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",F,"transition-opacity")}),htmlCheckbox:o.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:o.cx("start"===d?"text-start":"text-end",S?.label)},_=r?u.m.label:u.m.div;return c.jsx(i.SpringMotionConfig,{reducedMotion:O,...fe,children:c.jsxs(_,{className:$.root,"data-testid":"container",onHoverStart:L,onHoverEnd:H,tabIndex:-1,children:[c.jsxs(xe,{className:$.switch,children:[c.jsx("input",{type:"checkbox",...C,ref:e=>{k.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:q,onBlur:E,id:j,disabled:f,required:g,checked:w?V:void 0,defaultChecked:w?void 0:a,onChange:B,className:$.htmlCheckbox,style:{}}),c.jsxs(xe,{className:$.handle,...A,children:[c.jsx(o.Box,{className:$.handleCircle}),h&&c.jsx(o.IconSlot,{icon:h,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:o.cx($.handleIcon,V?"opacity-100":"opacity-0")}),m&&c.jsx(o.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:o.cx($.handleIcon,V?"opacity-0":"opacity-100")})]})]}),r&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:g,label:r,className:$.label})]})})});ge.displayName="Switch",Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return t.Pressable}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return i.SpringMotionConfig}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return h.Menu}}),exports.Avatar=k,exports.AvatarIcon=I,exports.AvatarImage=j,exports.AvatarText=N,exports.Badge=w,exports.Button=q,exports.Checkbox=_,exports.Chip=Q,exports.ChipButton=G,exports.ChipDismissible=U,exports.ChipLink=X,exports.ChipToggle=Z,exports.IconButton=Y,exports.Input=ae,exports.Radio=de,exports.RadioGroupProvider=he,exports.Switch=ge;
|
2
|
+
"use strict";var e=require("../chunk-VQV2OVOZ.cjs"),t=require("../chunk-4A2ZIK3D.cjs"),a=require("../chunk-F7LPH2UL.cjs"),n=require("../chunk-YBIQ3S5G.cjs"),i=require("../chunk-NYCASMFK.cjs"),o=require("../chunk-JM4WTJDB.cjs"),s=require("../chunk-QXAMOFS3.cjs"),r=require("../chunk-GJLQAO4M.cjs"),l=require("../chunk-3AYBRPUC.cjs"),c=require("../chunk-QLXJH36U.cjs"),d=require("react"),u=require("react/jsx-runtime"),p=require("@yahoo/uds/fixtures"),h=require("motion/react"),m=require("@yahoo/uds/client/Menu"),x={first:e=>e[0]||"",last:e=>e[e.length-1]||"",firstAndLast:e=>1===e.length?e[0]:`${e[0]}${e[e.length-1]}`,firstTwo:e=>e.slice(0,2).join(""),firstThree:e=>e.slice(0,3).join(""),firstOfEach:e=>e.join("")},f=(e,t="firstAndLast")=>{if(!e)return"";const a=e.trim().split(/\s+/).map(e=>e[0].toUpperCase());return"function"==typeof t?t(e):x[t](a)},g=(e="md")=>o.getStyles({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),b=e=>e?{height:e,width:e}:{},y="primary",v="md",S={primary:t.e2,secondary:t.t},C=({size:e=v,variant:t=y,customSize:a,icon:n,className:i})=>{const s=d.useMemo(()=>b(a),[a]),r=d.useMemo(()=>o.cx(g(e),o.getStyles({avatarIconVariantRoot:t,overflow:"hidden"}),i),[i,e,t]),l=d.useMemo(()=>o.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"}),[]),c=d.useMemo(()=>({...s,boxSizing:"content-box"}),[s]),p=d.useMemo(()=>n??S[t??"primary"],[n,t]),h=d.useMemo(()=>o.getStyles({avatarSizeIcon:e}),[e]);return u.jsx(o.Box,{className:r,style:s,children:u.jsx(o.Box,{className:l,style:c,children:u.jsx(o.Icon,{name:p,variant:"fill",color:"current",className:h,"data-testid":"avatar-icon"})})})};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */C.displayName="AvatarIcon";var I=({size:e=v,variant:t=y,name:a,initials:n,customSize:i,abbreviationStrategy:s,className:r})=>{const l=d.useMemo(()=>o.cx(g(e),o.getStyles({avatarTextVariantRoot:t,overflow:"hidden"}),"truncate",r),[r,e,t]),c=d.useMemo(()=>o.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"}),[]),p=d.useMemo(()=>b(i),[i]),h=d.useMemo(()=>({...p,boxSizing:"content-box"}),[p]);return u.jsx(o.Box,{className:l,style:p,children:u.jsx(o.Text,{color:"inherit",variant:"inherit",className:c,style:h,"data-testid":"avatar-text",children:n||f(a,s)})})};I.displayName="AvatarText";var N=({size:t=v,variant:a=y,src:n,srcSet:i,customSize:s,alt:r,imageProps:l,abbreviationStrategy:c,fallback:p,className:h})=>{const[m,x]=d.useState("loading");d.useEffect(()=>{let e=!0;if(n||i){const t=new Image;t.onload=()=>{e&&x("loaded")},t.onerror=()=>{e&&x("error")},n&&(t.src=n),i&&(t.srcset=i)}else x("error");return()=>{e=!1}},[n,i]);const f=d.useMemo(()=>o.cx(g(t),o.getStyles({avatarImageVariantRoot:a,overflow:"hidden"}),h),[h,t,a]),S=d.useMemo(()=>o.getStyles({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"}),[]),N=d.useMemo(()=>b(s),[s]),j=d.useMemo(()=>({...N,boxSizing:"content-box"}),[N]);if("loaded"===m)return u.jsx(o.Box,{className:f,style:N,children:u.jsx(e.Image,{src:n,srcSet:i,alt:r,className:S,style:j,...l})});const k={size:t,customSize:s,variant:a};return p||r?u.jsx(I,{name:r,initials:p,abbreviationStrategy:c,...k}):u.jsx(C,{...k})};N.displayName="AvatarImage";var j=e=>u.jsx(N,{...e});j.displayName="Avatar";var k=d.forwardRef(function({variant:e="primary",size:t="md",minWidth:n,maxWidth:i=200,startIcon:s,endIcon:r,backgroundColor:l,color:c,iconColor:p,borderColor:h,children:m,className:x,...f},g){const b=o.getStyles({badgeSizeRoot:t,badgeVariantRoot:e,className:o.cx(["uds-badge","uds-badge-variant","uds-badge-size",x])}),y=o.getStyles({badgeVariantIcon:e,badgeSizeIcon:t,className:o.cx(["uds-badge-iconSize","uds-badge-iconColor"])}),v=d.useMemo(()=>({...n?{minWidth:`${n}px`}:{},..."full"===i?{}:{maxWidth:`${i}px`},...l?{backgroundColor:l}:{},...h?{borderColor:h}:{},...c?{color:c}:{}}),[l,h,c,i,n]),S=d.useMemo(()=>({variant:"fill",style:{...p?{color:p}:{}}}),[p]);return u.jsxs(a.HStack,{ref:g,gap:"2",display:"inline-flex",alignItems:"center",className:b,style:v,...f,children:[s&&u.jsx(o.IconSlot,{icon:s,iconProps:S,"data-testid":"start-icon",className:y}),u.jsx("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:m}),r&&u.jsx(o.IconSlot,{icon:r,iconProps:S,"data-testid":"end-icon",className:y})]})});k.displayName="Badge";var w={scale:.7,opacity:0},V={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},M={icon:V,hide:w,loading:w},R={loading:V,hide:w,icon:w},z=`var(${l.BUTTON_CSS_VAR_MAP.columnGap})`,T=`var(${l.BUTTON_CSS_VAR_MAP.iconSize})`,P={rest:{scale:`var(${l.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${l.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${l.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:z}},A={hide:{width:"0px",opacity:0,display:"none"},loading:{width:T,display:"flex",opacity:1},icon:{width:T,display:"flex",opacity:1}},B=d.forwardRef(function({variant:e,size:a,startIcon:n,endIcon:r,iconVariant:l,loading:c,disableEffects:m,children:x,asChild:f,type:g="button",className:b,width:y,...v},S){const C=d.useRef(null);d.useImperativeHandle(S,()=>C.current);const I=d.useMemo(()=>o.createSlot(),[]),N=d.useMemo(()=>h.m.create(I),[I]),j=r?"icon":"hide",k=(({startIcon:e,endIcon:t,loading:a})=>e||t||a?"withIcon":"withoutIcon")({startIcon:n,endIcon:r,loading:c}),w=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:c,startIcon:n}),{palette:V,variant:z}=d.useMemo(()=>s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),[e]),T=d.useMemo(()=>({button:o.getStyles({width:y,buttonSize:a,buttonVariant:z,buttonPalette:V,className:o.cx("uds-button","uds-ring","uds-hit-target",c&&"uds-button-loading",m&&"uds-button-without-effects","withIcon"===k&&"uds-button-with-gap",b)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"}),[y,a,z,V,b,c,m,k]),B=h.useReducedMotion()?"smooth":"subtle",q=d.useMemo(()=>u.jsx(h.m.span,{className:T.iconContainer,initial:!1,variants:A,animate:w,children:u.jsxs(h.AnimatePresence,{initial:!1,mode:"popLayout",children:[c&&u.jsx(h.m.span,{variants:R,initial:"hide",animate:"loading",exit:"hide",children:u.jsx(o.Icon,{size:p.buttonIconSvgSize,name:t.o2,variant:l,color:"current",className:T.loading})},"loading"),n&&!c&&u.jsx(h.m.span,{variants:M,initial:"hide",animate:"icon",exit:"hide",children:u.jsx(o.IconSlot,{className:T.start,icon:n,iconProps:{size:p.buttonIconSvgSize,variant:l,color:"current"}})})]})}),[T.iconContainer,T.loading,T.start,w,c,l,n]),L=d.useMemo(()=>u.jsx(h.m.span,{className:T.iconContainer,initial:!1,variants:A,animate:j,children:u.jsx(h.AnimatePresence,{initial:!1,mode:"popLayout",children:r&&u.jsx(h.m.span,{variants:M,initial:"hide",animate:"icon",exit:"hide",children:u.jsx(o.IconSlot,{className:T.end,icon:r,iconProps:{size:p.buttonIconSvgSize,variant:l,color:"current"}})})})}),[T.iconContainer,T.end,r,j,l]),E=d.useMemo(()=>m?{...P,rest:{},hover:{},pressed:{}}:P,[m]);return f&&d.isValidElement(x)?u.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:B,children:u.jsx(N,{type:g,className:T.button,initial:["hide",k],animate:k,variants:E,whileHover:"hover",whileTap:"pressed",...v,children:d.cloneElement(x,x.props,u.jsxs(u.Fragment,{children:[q,u.jsx("span",{className:T.content,children:x.props.children}),L]}))})}):u.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:B,children:u.jsxs(h.m.button,{ref:C,type:g,className:T.button,initial:["hide",k],animate:k,variants:E,whileHover:"hover",whileTap:"pressed",...v,children:[q,u.jsx("span",{className:T.content,children:x}),L]})})}),q={primary:"alert",secondary:"alert-secondary"},L=e=>"indeterminate"===e,E=e=>L(e)?t.o:t.e,H=h.m.create(o.Box),O={layoutVariant:"smooth",layoutSpeed:"3"},_={layoutVariant:"veryBouncy",layoutSpeed:"4"},F=d.forwardRef(function({id:e,checked:t,defaultChecked:a,onChange:s,label:r,labelPosition:l="start",variant:c="primary",size:p="md",reduceMotion:m,disabled:x,required:f,hasError:g,className:b,layerClassNames:y,...v},S){const C=d.useId(),I=e??`uds-input-${C}`,N=d.useRef(null),j=void 0!==t,[k,w]=d.useState(j?t:a),[V,M]=d.useState(!1),[R,z]=d.useState(!1),T=d.useMemo(()=>g?q[c]:c,[g,c]),P=!x&&V,A=!x&&R,B=d.useMemo(()=>A?.9:P?1.1:1,[A,P]),F=d.useMemo(()=>k?A?"opacity-55":"opacity-100":"opacity-0",[k,A]),$=d.useMemo(()=>({scale:B}),[B]),W=d.useMemo(()=>R?_:O,[R]),D=d.useCallback(e=>{s?.(e),j||w(e.target.checked)},[j,s]),G=d.useCallback(()=>{M(!0)},[]),U=d.useCallback(()=>{M(!1)},[]),Q=d.useCallback(()=>{z(!0)},[]),X=d.useCallback(()=>{z(!1)},[]),J=e=>{N.current&&(N.current.indeterminate=L(e))},Y=m?"always":"user",K=h.useReducedMotion()||m?"duration-0":"duration-120";d.useEffect(()=>{j&&w(t)},[t,j]),d.useEffect(()=>{J(k)},[k]);const Z=L(k)?"indeterminate":k?"checked":"unchecked",ee={root:o.getStyles({checkboxSizeRoot:p,checkboxVariantRoot:T,checkboxVariantValueRoot:Z,display:"flex",flexDirection:"start"===l?"row":"row-reverse",alignItems:"center",className:o.cx({"cursor-pointer":!x,"cursor-default":x,"opacity-50":x},b,y?.root)}),checkbox:o.getStyles({checkboxSizeCheckbox:p,checkboxVariantCheckbox:T,checkboxVariantValueCheckbox:Z,className:o.cx("border","rounded-[4px]","uds-ring","uds-ring-within",K,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:o.getStyles({checkboxVariantCheckboxIcon:T,checkboxVariantValueCheckboxIcon:Z,className:o.cx("pointer-events-none",F,K,"transition-opacity")}),htmlCheckbox:o.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:o.cx("start"===l?"text-start":"text-end",y?.label)},te=r?h.m.label:h.m.div;return u.jsx(i.SpringMotionConfig,{reducedMotion:Y,...W,children:u.jsxs(te,{className:ee.root,"data-testid":"container",onHoverStart:G,onHoverEnd:U,onTapStart:Q,onTap:X,onTapCancel:X,tabIndex:-1,children:[u.jsxs(H,{position:"relative",className:ee.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:$,children:[u.jsx("input",{type:"checkbox",tabIndex:0,...v,ref:e=>{N.current=e,J(k),"function"==typeof S?S(e):null!==S&&(S.current=e)},id:I,disabled:x,required:f,"aria-invalid":g,checked:j?!L(k)&&k:void 0,defaultChecked:j?void 0:a,onChange:D,className:ee.htmlCheckbox}),u.jsx(o.Icon,{name:E(k),size:"sm",className:ee.check})]}),r&&u.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:f,label:r,className:ee.label})]})})});F.displayName="Checkbox";var $="primary",W=d.forwardRef(function({size:e="md",minWidth:t,maxWidth:n=200,startIcon:i,endIcon:s,as:r="div",reduceMotion:l,disabled:c=!1,className:p,layerClassNames:m,children:x,...f},g){const b=h.useReducedMotion()||l?"duration-0":"duration-120",y=d.useMemo(()=>({root:o.getStyles({chipSizeRoot:e,className:o.cx({"pointer-events-none":c,"cursor-default":c,"opacity-50":c},"focus-visible:-outline-offset-2","uds-ring",b,"transition-[background-color,outline-color,box-shadow]",m?.root,p)}),icon:o.getStyles({chipSizeIcon:e,className:m?.icon})}),[p,b,c,m?.icon,m?.root,e]);return u.jsx(a.HStack,{asChild:!0,ref:g,display:"inline-flex",alignItems:"center",style:{maxWidth:`${n}px`,...t?{minWidth:`${t}px`}:{}},className:y.root,...f,children:u.jsxs(r,{disabled:c,children:[i&&u.jsx(o.IconSlot,{icon:i,iconProps:{variant:"fill",className:y.icon},"data-testid":"start-icon"}),u.jsx(o.Text,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:x}),s&&u.jsx(o.IconSlot,{icon:s,iconProps:{variant:"fill",className:y.icon},"data-testid":"end-icon"})]})})});W.displayName="ChipBase";var D=d.forwardRef(function({variant:e=$,...t},a){const n=d.useMemo(()=>({root:o.getStyles({chipLinkVariantRoot:e}),icon:o.getStyles({chipLinkVariantIcon:e})}),[e]);return u.jsx(W,{as:"button",ref:a,variant:e,layerClassNames:n,tabIndex:0,...t})});D.displayName="ChipButton";var G=d.forwardRef(function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:n,variant:i=$,disabled:s,...r},l){const c=d.useMemo(()=>({root:o.getStyles({chipDismissibleVariantRoot:i}),icon:o.getStyles({chipDismissibleVariantIcon:i})}),[i]),p=d.useCallback(e=>{e.stopPropagation(),a?.()},[a]),h={icon:o.cx("uds-chip-dismissible-button","uds-hit-target")};return u.jsx(W,{ref:l,variant:i,disabled:s,tabIndex:-1,endIcon:a=>u.jsx(t.Pressable,{"aria-label":e,className:h.icon,onClick:p,disabled:s,children:u.jsx(o.IconSlot,{icon:n??t.a,iconProps:a,"data-testid":"dismiss-icon"})}),layerClassNames:c,...r})});G.displayName="ChipDismissible";var U=d.forwardRef(function({variant:e=$,href:t,disabled:a,...n},i){const s=d.useMemo(()=>({root:o.getStyles({chipLinkVariantRoot:e}),icon:o.getStyles({chipLinkVariantIcon:e})}),[e]);return u.jsx(W,{as:"a",ref:i,variant:e,disabled:a,layerClassNames:s,tabIndex:0,...{...n,href:a?void 0:t}})});U.displayName="ChipLink";var Q=d.forwardRef(function({isToggled:e=!1,onToggle:t,onClick:a,variant:n=$,...i},s){const r=d.useMemo(()=>({root:o.getStyles({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off"}),icon:o.getStyles({chipToggleVariantIcon:n})}),[e,n]),l=d.useCallback(n=>{t?.(!e),a?.(n)},[e,a,t]);return u.jsx(W,{ref:s,as:"button",variant:n,onClick:l,"aria-pressed":e,layerClassNames:r,tabIndex:0,...i})});Q.displayName="ChipToggle";var X=d.forwardRef(function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:i,isToggled:o,...s},r){return n?u.jsx(G,{ref:r,onDismiss:n,...s}):i?u.jsx(Q,{ref:r,onToggle:i,isToggled:o,...s}):t?u.jsx(U,{ref:r,href:t,...s,...a}):u.jsx(D,{ref:r,onClick:e,...s})});X.displayName="Chip";var J=d.forwardRef(function({variant:e,size:a,iconVariant:n,loading:r,disableEffects:l,name:c,type:m="button",htmlName:x,className:f,children:g,...b},y){const v=d.useRef(null);d.useImperativeHandle(y,()=>v.current);const{palette:S,variant:C}=s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),I=d.useMemo(()=>({button:o.getStyles({buttonVariant:C,buttonPalette:S,iconButtonSize:a,className:o.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",r&&"uds-button-loading",l&&"uds-button-without-effects",f)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"}),[S,C,f,l,a,r]),N=h.useReducedMotion(),j=d.useMemo(()=>N?"smooth":"subtle",[N]),k=d.useMemo(()=>{const{rest:e,hover:t,pressed:a}=P;return l?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}},[l]);return u.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:j,reducedMotion:l?"always":"user",children:u.jsx(h.m.button,{ref:v,type:m,className:I.button,initial:"icon",variants:k,whileHover:"hover",whileTap:"pressed",name:x,...b,children:u.jsxs(h.AnimatePresence,{initial:!1,mode:"popLayout",children:[r&&u.jsx(h.m.span,{variants:R,initial:"loading",animate:"loading",exit:"hide",children:u.jsx(o.Icon,{size:p.buttonIconSvgSize,name:t.o2,variant:n,color:"current",className:I.loading})},"loading"),c&&!r&&u.jsx(h.m.span,{variants:M,initial:"icon",animate:"icon",exit:"hide",children:g||u.jsx(o.Icon,{size:p.buttonIconSvgSize,name:c,variant:n,color:"current",className:I.icon})},c.name)]})})})}),Y=c.__toESM(r.require_isFunction(),1),K=({children:e,reduceMotion:t,layoutVariant:a})=>{const n=d.useRef(null),[o,s]=d.useState("auto");return d.useEffect(()=>{if(n.current){const e=new ResizeObserver(e=>{s(e[0].contentRect.height)});return e.observe(n.current),()=>{e.disconnect()}}},[]),u.jsx(i.SpringMotionConfig,{reducedMotion:t,layoutSpeed:"4",layoutVariant:a,children:u.jsx(h.m.div,{className:"overflow-hidden",style:{height:o,opacity:0},animate:{height:o,opacity:1},children:u.jsx("div",{ref:n,children:e})})})},Z=d.memo(function({helpText:t,helperTextIcon:a,spacingStart:n,spacingTop:i,size:s,isFilled:r,...l}){return t?u.jsx(o.Box,{spacingTop:i,spacingStart:n,...l,children:u.jsx(e.InputHelpTextMemo,{startIcon:a,size:s,isFilled:r,children:(0,Y.default)(t)?t():t})}):null}),ee=d.memo(function({icon:e,className:t,iconProps:a}){return e?u.jsx(o.IconSlot,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),te=d.memo(function({icon:e,className:t,iconProps:a}){return e?u.jsx(o.IconSlot,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),ae=d.forwardRef(function({id:e,label:t,type:n="text",size:i="md",startIcon:s,endIcon:r,helpText:l,helperTextIcon:c,hasError:p,width:m="full",defaultValue:x,required:f,readOnly:g,disabled:b,reduceMotion:y,onChange:v,slotProps:S,className:C,...I},N){const j=d.useId(),k=e??`uds-input-${j}`,w=`uds-input-${k}-help-text`,{className:V,...M}=S?.input??{},{className:R,...z}=S?.inputWrapper??{},T=d.useRef(null);d.useImperativeHandle(N,()=>T.current);const[P,A]=d.useState(x??""),B=d.useCallback(e=>{A(e.target.value),v?.(e)},[v]),q=h.useReducedMotion()?"smooth":"bouncy",L=y?"always":"user",E=!g&&!b,H={root:o.getStyles({inputSizeRoot:i,inputVariantRoot:"default",inputVariantValueRoot:P?"filled":"empty",className:o.cx([C,b?"opacity-50":""])}),inputWrapper:o.cx(o.getStyles({inputSizeInputWrapper:i,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:P?"filled":"empty"}),"min-w-[200px]",R),input:o.getStyles({inputSizeInput:i,inputVariantInput:"default",inputVariantValueInput:P?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:P?"filled":"empty",className:o.cx("grow","uds-hit-target","bg-clip-text","focus:outline-none",E?"cursor-text":"cursor-not-allowed",V)}),label:o.cx(o.getStyles({inputSizeLabel:i,inputVariantLabel:"default",inputVariantValueLabel:P?"filled":"empty"})),labelRequired:o.getStyles({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:P?"filled":"empty"}),startIcon:o.getStyles({inputSizeStartIcon:i,inputVariantStartIcon:"default",inputVariantValueStartIcon:P?"filled":"empty"}),endIcon:o.getStyles({inputSizeEndIcon:i,inputVariantEndIcon:"default",inputVariantValueEndIcon:P?"filled":"empty"})};return u.jsxs(a.VStack,{width:m,className:H.root,children:[t&&u.jsxs(o.Box,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:H.label,children:[u.jsx("label",{htmlFor:k,children:(0,Y.default)(t)?t():t}),f&&u.jsx("span",{className:H.labelRequired,children:"*"})]}),u.jsxs(o.Box,{position:"relative",alignItems:"center",...z,className:H.inputWrapper,children:[u.jsx(ee,{icon:s,className:H.startIcon,iconProps:S?.startIcon}),u.jsx("input",{ref:T,id:k,type:n,value:P,required:f,readOnly:g,disabled:b,"aria-describedby":w,"aria-invalid":p,onChange:B,className:H.input,...I,...M}),r&&u.jsx(a.HStack,{alignItems:"center",gap:"1",children:u.jsx(te,{icon:r,className:H.endIcon,iconProps:S?.endIcon})})]}),u.jsx(K,{reduceMotion:L,layoutVariant:q,children:u.jsx(Z,{id:w,helpText:l,spacingTop:"2",size:i,isFilled:!!P,helperTextIcon:c})})]})});ae.displayName="Input";var ne=class e{name;value;activeCount=0;#e=new Set;constructor(e){this.name=e}onChange(e){return this.#e.add(e),()=>{this.#e.delete(e)}}setValue(e){this.value=e,this.#e.forEach(t=>t(e))}static findOrCreate(t,a){let n=t.get(a);return n||(n=new e(a),t.set(a,n)),n}},ie=d.createContext(new Map),oe=e=>{const t=d.useId();return e??`uds-radio-group-${t}`},se={primary:"alert",secondary:"alert-secondary"},re=h.m.create(o.Box),le={layoutVariant:"smooth",layoutSpeed:"3"},ce={layoutVariant:"veryBouncy",layoutSpeed:"4"},de=d.forwardRef(function({id:e,name:t,label:a,labelPosition:s="start",variant:r="primary",size:l="md",reduceMotion:c,value:p="",checked:m,defaultChecked:x,disabled:f,hasError:g,onChange:b,onFocus:y,onBlur:v,className:S,layerClassNames:C,...I},N){const j=d.useId(),k=e??`uds-radio-${j}`,w=d.useRef(null),{name:V,isControlled:M,checked:R,setGroupValue:z}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const i=d.useContext(ie),o=i instanceof ne,s=void 0!==a||o,r=oe(e),l=d.useMemo(()=>o?i:ne.findOrCreate(i,r),[i,o,r]),[c,u]=d.useState(l.value),p=l.name??r,h=d.useCallback(e=>{l.setValue(e),s||u(e)},[s,l]);return d.useEffect(()=>l.onChange(u),[l]),d.useEffect(()=>{!0===a&&h(t)},[a,t,h]),d.useEffect(()=>{if(o)return;const e=ne.findOrCreate(i,p);return e.activeCount+=1,i.set(p,e),()=>{const e=i.get(p);e&&(e.activeCount-=1,0===e.activeCount&&i.delete(p))}},[i,o,p]),{name:p,isControlled:s,checked:s&&!o?a:void 0!==c?t===c:n??!1,setGroupValue:h}})({name:t,value:p,checked:m,defaultChecked:x}),[T,P]=d.useState(!1),[A,B]=d.useState(!1),q=d.useMemo(()=>g?se[r]:r,[g,r]),L=d.useMemo(()=>!f&&T,[f,T]),E=d.useMemo(()=>!f&&!R&&A,[R,f,A]),H=d.useMemo(()=>E?.9:L?1.1:1,[L,E]),O=d.useMemo(()=>R?E?"opacity-55":"opacity-100":"opacity-0",[R,E]),_=d.useMemo(()=>!f&&(E&&!R||L&&R),[R,f,L,E]),F=d.useMemo(()=>({scale:H}),[H]),$=d.useMemo(()=>A?ce:le,[A]),W=d.useCallback(e=>{z(e.target.value),b?.(e)},[b,z]),D=d.useCallback(e=>{y?.(e)},[y]),G=d.useCallback(e=>{v?.(e)},[v]),U=d.useCallback(()=>{P(!0)},[]),Q=d.useCallback(()=>{P(!1)},[]),X=d.useCallback(()=>{B(!0)},[]),J=d.useCallback(()=>{B(!1)},[]),Y=c?"always":"user",K=h.useReducedMotion()||c?"duration-0":"duration-120",Z={root:o.getStyles({radioSizeRoot:l,radioVariantValueRoot:R?"checked":"unchecked",radioVariantRoot:q,display:"flex",flexDirection:"start"===s?"row":"row-reverse",alignItems:"center",className:o.cx([{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S,C?.root])}),radio:o.getStyles({radioSizeRadio:l,radioVariantRadio:q,radioVariantValueRadio:R?"checked":"unchecked",className:o.cx(["border","uds-ring","uds-ring-within",K,"transition-[background-color,border-color]","transition-shadow",C?.radio])}),radioCircle:o.getStyles({radioVariantRadioCircle:q,radioVariantValueRadioCircle:R?"checked":"unchecked",className:o.cx(["pointer-events-none","w-[8px]","h-[8px]",O,K,"transition-opacity"])}),htmlRadio:o.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:o.cx("start"===s?"text-start":"text-end",C?.label)},ee=a?h.m.label:h.m.div;return u.jsx(i.SpringMotionConfig,{reducedMotion:Y,...$,children:u.jsxs(ee,{className:Z.root,"data-testid":"container",onHoverStart:U,onHoverEnd:Q,onTapStart:X,onTap:J,onTapCancel:J,tabIndex:-1,children:[u.jsxs(re,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:Z.radio,animate:F,insetShadow:_?"lg-invert":"none",children:[u.jsx("input",{type:"radio",tabIndex:0,...I,ref:e=>{w.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:D,onBlur:G,id:k,name:V,value:p,disabled:f,"aria-invalid":g,onChange:W,...M?{checked:R}:{defaultChecked:x},className:Z.htmlRadio}),u.jsx(o.Box,{borderRadius:"full",className:Z.radioCircle})]}),a&&u.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",label:a,className:Z.label})]})})});de.displayName="Radio";var ue=o.createSlot(),pe=class extends ne{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},he=d.forwardRef(function({asChild:e,name:t,value:a,defaultValue:n,onChange:i,...o},s){const r=void 0!==a,l=oe(t),c=d.useMemo(()=>{const e=new pe(l,r);return e.value=r?a:n,e},[n,r,l,a]);d.useEffect(()=>{c.onChangeCb=i},[i,c]),d.useEffect(()=>{r&&c.setValue(a,!0)},[r,c,a]),d.useEffect(()=>c.onChange(e=>i?.(e)),[i,c]);const p=e?ue:"div";return u.jsx(ie.Provider,{value:c,children:u.jsx(p,{role:"radiogroup",ref:s,...o})})});he.displayName="RadioGroupProvider";var me={md:{isOnX:20},sm:{isOnX:12}},xe=h.m.create(o.Box),fe={layoutVariant:"bouncy",layoutSpeed:"4"},ge=d.forwardRef(function({id:e,isOn:t,defaultIsOn:a,onChange:s,label:r,labelPosition:l="start",size:c="md",onIcon:p,offIcon:m,reduceMotion:x,disabled:f,required:g,onFocus:b,onBlur:y,className:v,layerClassNames:S,...C},I){const N=d.useId(),j=e??`uds-input-${N}`,k=d.useRef(null),w=void 0!==t,[V,M]=d.useState(w?t:a),[R,z]=d.useState(!1),T=d.useMemo(()=>!f&&R,[f,R]),{isOnX:P}=me[c],A=d.useMemo(()=>({initial:{scale:1,x:V?P:0},animate:{scale:T?1.05:1,x:V?P:0}}),[T,V,P]),B=d.useCallback(e=>{s?.(e),w||M(e.target.checked)},[w,s]),q=d.useCallback(e=>{b?.(e)},[b]),L=d.useCallback(e=>{y?.(e)},[y]),E=d.useCallback(()=>{z(!0)},[]),H=d.useCallback(()=>{z(!1)},[]),O=x?"always":"user",_=h.useReducedMotion()||x?"duration-0":"duration-120";d.useEffect(()=>{w&&M(t)},[t,w]);const F={root:o.getStyles({switchSizeRoot:c,switchVariantRoot:"default",switchVariantActiveRoot:V?"on":"off",display:"flex",flexDirection:"start"===l?"row":"row-reverse",alignItems:"center",className:o.cx("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S?.root,v)}),switch:o.getStyles({switchVariantSwitch:"default",switchSizeSwitch:c,switchVariantActiveSwitch:V?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:o.cx("uds-ring","uds-ring-within",_,"transition-[background-color,box-shadow]",S?.switch)}),handle:o.getStyles({switchSizeHandle:c,className:o.cx("relative","pointer-events-none","rounded-full","overflow-hidden",S?.handle)}),handleCircle:o.getStyles({switchVariantActiveHandle:V?"on":"off",switchVariantHandle:"default",className:o.cx("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",_,"transition-[background-color,box-shadow,opacity]")}),handleIcon:o.getStyles({switchSizeHandleIcon:c,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:V?"on":"off",className:o.cx("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",_,"transition-opacity")}),htmlCheckbox:o.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:o.cx("start"===l?"text-start":"text-end",S?.label)},$=r?h.m.label:h.m.div;return u.jsx(i.SpringMotionConfig,{reducedMotion:O,...fe,children:u.jsxs($,{className:F.root,"data-testid":"container",onHoverStart:E,onHoverEnd:H,tabIndex:-1,children:[u.jsxs(xe,{className:F.switch,children:[u.jsx("input",{type:"checkbox",tabIndex:0,...C,ref:e=>{k.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:q,onBlur:L,id:j,disabled:f,required:g,checked:w?V:void 0,defaultChecked:w?void 0:a,onChange:B,className:F.htmlCheckbox,style:{}}),u.jsxs(xe,{className:F.handle,...A,children:[u.jsx(o.Box,{className:F.handleCircle}),p&&u.jsx(o.IconSlot,{icon:p,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:o.cx(F.handleIcon,V?"opacity-100":"opacity-0")}),m&&u.jsx(o.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:o.cx(F.handleIcon,V?"opacity-0":"opacity-100")})]})]}),r&&u.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:g,label:r,className:F.label})]})})});ge.displayName="Switch",Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return t.Pressable}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return i.SpringMotionConfig}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return m.Menu}}),exports.Avatar=j,exports.AvatarIcon=C,exports.AvatarImage=N,exports.AvatarText=I,exports.Badge=k,exports.Button=B,exports.Checkbox=F,exports.Chip=X,exports.ChipButton=D,exports.ChipDismissible=G,exports.ChipLink=U,exports.ChipToggle=Q,exports.IconButton=J,exports.Input=ae,exports.Radio=de,exports.RadioGroupProvider=he,exports.Switch=ge;
|