@yahoo/uds 3.16.0 → 3.16.1
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/{Input-CsnKIM7r.d.cts → Input-BL9lQCDu.d.cts} +1 -1
- package/dist/{Input-9mqqHyM_.d.ts → Input-BRzRLQxn.d.ts} +1 -1
- package/dist/{Input-CqWvnTE2.d.ts → Input-CpYGVQ-T.d.ts} +1 -1
- package/dist/{Input-zEU4biDe.d.cts → Input-Cqqrcr9V.d.cts} +1 -1
- package/dist/{Pressable-Ujv71dpY.d.ts → Pressable-B4_x948C.d.ts} +1 -1
- package/dist/{Pressable-pKA6lolm.d.ts → Pressable-CoLUS3i4.d.ts} +1 -1
- package/dist/{Pressable-DG4fPi9g.d.cts → Pressable-DLz3zvLg.d.cts} +1 -1
- package/dist/{Pressable-DJiKOTnV.d.cts → Pressable-uR0PuwES.d.cts} +1 -1
- package/dist/{VStack-C-52-Shi.d.cts → VStack-C-KFLkLJ.d.cts} +1 -1
- package/dist/{VStack-CL70cH04.d.ts → VStack-D9yWaJWV.d.ts} +1 -1
- package/dist/{VStack-PqVPCp0y.d.ts → VStack-DSWpLD2I.d.ts} +1 -1
- package/dist/{VStack-P1-kL67Z.d.cts → VStack-DUhbtLPK.d.cts} +1 -1
- package/dist/chunk-2O4KDOWQ.js +2 -0
- package/dist/chunk-CJQWF4E7.cjs +1 -0
- package/dist/chunk-GDB25UGP.js +2 -0
- package/dist/chunk-HT3GLDSF.js +2 -0
- package/dist/chunk-IA5PTKGD.cjs +1 -0
- package/dist/{chunk-DXK52WSU.js → chunk-NHBTWN5R.js} +2 -2
- package/dist/chunk-ODIO4O52.js +2 -0
- package/dist/{chunk-KJ6ND3UD.cjs → chunk-RQARSMJK.cjs} +2 -2
- package/dist/{chunk-GXIGOHD4.js → chunk-S5OCORC7.js} +2 -2
- package/dist/chunk-T7G5JTDY.js +2 -0
- package/dist/chunk-WGG66FKO.cjs +1 -0
- package/dist/{chunk-UIMEZHPS.cjs → chunk-X2JAO3BG.cjs} +2 -2
- package/dist/chunk-YMQMU4E2.cjs +1 -0
- package/dist/chunk-ZO4QHULA.cjs +1 -0
- package/dist/client/Menu.cjs +1 -1
- package/dist/client/Menu.d.cts +3 -3
- package/dist/client/Menu.d.ts +3 -3
- package/dist/client/Menu.js +2 -2
- package/dist/client/index.cjs +1 -1
- package/dist/client/index.d.cts +3 -3
- package/dist/client/index.d.ts +3 -3
- package/dist/client/index.js +1 -1
- package/dist/{index-DuXo_Lq2.d.cts → index-BSMvOULh.d.cts} +1 -1
- package/dist/{index-Dffuri1m.d.cts → index-BuZPwX-z.d.cts} +1 -1
- package/dist/{index-CAFGK7nu.d.ts → index-CEYXA0Pi.d.ts} +1 -1
- package/dist/{index-ChofTMM1.d.ts → index-DCMwb5yd.d.ts} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +6 -6
- package/dist/index.d.ts +6 -6
- 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.d.cts +1 -1
- package/dist/tailwind/plugin.d.ts +1 -1
- package/dist/tailwind/plugin.js +2 -2
- package/dist/tailwind/utils.cjs +1 -1
- package/dist/tailwind/utils.d.cts +6 -12
- package/dist/tailwind/utils.d.ts +6 -12
- package/dist/tailwind/utils.js +1 -1
- package/dist/tokens/automation/configs.cjs +1 -1
- package/dist/tokens/automation/configs.d.cts +2 -2
- package/dist/tokens/automation/configs.d.ts +2 -2
- package/dist/tokens/automation/configs.js +1 -1
- package/dist/tokens/automation/properties.cjs +1 -1
- package/dist/tokens/automation/properties.d.cts +2 -2
- package/dist/tokens/automation/properties.d.ts +2 -2
- package/dist/tokens/automation/properties.js +1 -1
- package/dist/tokens/index.cjs +1 -1
- package/dist/tokens/index.d.cts +4 -4
- package/dist/tokens/index.d.ts +4 -4
- package/dist/tokens/index.js +1 -1
- package/dist/tokens/parseTokens.d.cts +1 -1
- package/dist/tokens/parseTokens.d.ts +1 -1
- package/dist/{types-kxTkQgcG.d.cts → types-B_G_Ws4q.d.cts} +1945 -1945
- package/dist/{types-CN9tOfEO.d.ts → types-B_G_Ws4q.d.ts} +1 -1
- package/dist/{types-CN9tOfEO.d.cts → types-bUSRKyjU.d.cts} +1958 -1958
- package/dist/{types-kxTkQgcG.d.ts → types-bUSRKyjU.d.ts} +1 -1
- package/package.json +1 -1
- package/dist/chunk-BKCOUFTY.js +0 -2
- package/dist/chunk-DZFKDL7I.js +0 -2
- package/dist/chunk-O2MILEHQ.cjs +0 -1
- package/dist/chunk-S4TWJY7B.cjs +0 -1
package/dist/client/index.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
1
|
"use client";
|
2
|
-
import{FormLabel as e,InputHelpTextMemo as a,Image as t}from"../chunk-W4KK6R6C.js";import{o2 as n,SpringMotionConfig as i,Pressable as o,a as r,o as s,e as l,t as c,e2 as d}from"../chunk-GXIGOHD4.js";export{Pressable,SpringMotionConfig}from"../chunk-GXIGOHD4.js";import{getStyles as u,cx as h,HStack as p,IconSlot as m,createSlot as f,Icon as v,Box as b,Text as y,VStack as g}from"../chunk-37LEXEW4.js";import{parseDeprecatedButtonPaletteVariant as x}from"../chunk-BKCOUFTY.js";import{BUTTON_CSS_VAR_MAP as N}from"../chunk-N4FHPR6Q.js";import{forwardRef as C,useMemo as w,useRef as I,useImperativeHandle as V,isValidElement as k,cloneElement as S,useId as z,useState as R,useCallback as T,useEffect as P,memo as L,createContext as H,useContext as A}from"react";import{jsxs as $,jsx as j,Fragment as M}from"react/jsx-runtime";import{buttonIconSvgSize as E}from"@yahoo/uds/fixtures";import{m as O,useReducedMotion as W,AnimatePresence as B}from"motion/react";import{isFunction as q}from"lodash-es";export{Menu}from"@yahoo/uds/client/Menu";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var D={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,a="firstAndLast")=>{if(!e)return"";const t=e.trim().split(/\s+/).map((e=>e[0].toUpperCase()));return"function"==typeof a?a(e):D[a](t)},G=(e="md")=>u({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),X=e=>e?{height:e,width:e}:{},K="primary",U="md",Q={primary:d,secondary:c},Y=({size:e=U,variant:a=K,customSize:t,icon:n,className:i})=>{const o=w((()=>X(t)),[t]),r=w((()=>h(G(e),u({avatarIconVariantRoot:a,overflow:"hidden"}),i)),[i,e,a]),s=w((()=>u({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"})),[]),l=w((()=>({...o,boxSizing:"content-box"})),[o]),c=w((()=>n??Q[a??"primary"]),[n,a]),d=w((()=>u({avatarSizeIcon:e})),[e]);return j(b,{className:r,style:o,children:j(b,{className:s,style:l,children:j(v,{name:c,variant:"fill",color:"current",className:d,"data-testid":"avatar-icon"})})})};Y.displayName="AvatarIcon";var J=({size:e=U,variant:a=K,name:t,initials:n,customSize:i,abbreviationStrategy:o,className:r})=>{const s=w((()=>h(G(e),u({avatarTextVariantRoot:a,overflow:"hidden"}),"truncate",r)),[r,e,a]),l=w((()=>u({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"})),[]),c=w((()=>X(i)),[i]),d=w((()=>({...c,boxSizing:"content-box"})),[c]);return j(b,{className:s,style:c,children:j(y,{color:"inherit",variant:"inherit",className:l,style:d,"data-testid":"avatar-text",children:n||F(t,o)})})};J.displayName="AvatarText";var Z=({size:e=U,variant:a=K,src:n,srcSet:i,customSize:o,alt:r,imageProps:s,abbreviationStrategy:l,fallback:c,className:d})=>{const[p,m]=R("loading");P((()=>{let e=!0;if(n||i){const a=new Image;a.onload=()=>{e&&m("loaded")},a.onerror=()=>{e&&m("error")},n&&(a.src=n),i&&(a.srcset=i)}else m("error");return()=>{e=!1}}),[n,i]);const f=w((()=>h(G(e),u({avatarImageVariantRoot:a,overflow:"hidden"}),d)),[d,e,a]),v=w((()=>u({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"})),[]),y=w((()=>X(o)),[o]),g=w((()=>({...y,boxSizing:"content-box"})),[y]);if("loaded"===p)return j(b,{className:f,style:y,children:j(t,{src:n,srcSet:i,alt:r,className:v,style:g,...s})});const x={size:e,customSize:o,variant:a};return c||r?j(J,{name:r,initials:c,abbreviationStrategy:l,...x}):j(Y,{...x})};Z.displayName="AvatarImage";var _=e=>j(Z,{...e});_.displayName="Avatar";var ee=C((function({variant:e="primary",size:a="md",minWidth:t,maxWidth:n=200,startIcon:i,endIcon:o,backgroundColor:r,color:s,iconColor:l,borderColor:c,children:d,className:f,...v},b){const y=u({badgeSizeRoot:a,badgeVariantRoot:e,className:h(["uds-badge","uds-badge-variant","uds-badge-size",f])}),g=u({badgeVariantIcon:e,badgeSizeIcon:a,className:h(["uds-badge-iconSize","uds-badge-iconColor"])}),x=w((()=>({...t?{minWidth:`${t}px`}:{},..."full"===n?{}:{maxWidth:`${n}px`},...r?{backgroundColor:r}:{},...c?{borderColor:c}:{},...s?{color:s}:{}})),[r,c,s,n,t]),N=w((()=>({variant:"fill",style:{...l?{color:l}:{}}})),[l]);return $(p,{ref:b,gap:"2",display:"inline-flex",alignItems:"center",className:y,style:x,...v,children:[i&&j(m,{icon:i,iconProps:N,"data-testid":"start-icon",className:g}),j("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:d}),o&&j(m,{icon:o,iconProps:N,"data-testid":"end-icon",className:g})]})}));ee.displayName="Badge";var ae={scale:.7,opacity:0},te={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},ne={icon:te,hide:ae,loading:ae},ie={loading:te,hide:ae,icon:ae},oe=`var(${N.columnGap})`,re=`var(${N.iconSize})`,se={rest:{scale:`var(${N.effects.scale.rest})`},hover:{scale:`var(${N.effects.scale.hover})`},pressed:{scale:`var(${N.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:oe}},le={hide:{width:"0px",opacity:0,display:"none"},loading:{width:re,display:"flex",opacity:1},icon:{width:re,display:"flex",opacity:1}},ce=C((function({variant:e,size:a,startIcon:t,endIcon:o,iconVariant:r,loading:s,disableEffects:l,children:c,asChild:d,type:p="button",className:b,width:y,...g},N){const C=I(null);V(N,(()=>C.current));const z=w((()=>f()),[]),R=w((()=>O.create(z)),[z]),T=o?"icon":"hide",P=(({startIcon:e,endIcon:a,loading:t})=>e||a||t?"withIcon":"withoutIcon")({startIcon:t,endIcon:o,loading:s}),L=(({loading:e,startIcon:a})=>e?"loading":a?"icon":"hide")({loading:s,startIcon:t}),{palette:H,variant:A}=w((()=>x({flatVariant:e})),[e]),q=w((()=>({button:u({width:y,buttonSize:a,buttonVariant:A,buttonPalette:H,className:h("uds-button","uds-ring","uds-hit-target",s&&"uds-button-loading",l&&"uds-button-without-effects","withIcon"===P&&"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,A,H,b,s,l,P]),D=W()?"smooth":"subtle",F=w((()=>j(O.span,{className:q.iconContainer,initial:!1,variants:le,animate:L,children:$(B,{initial:!1,mode:"popLayout",children:[s&&j(O.span,{variants:ie,initial:"hide",animate:"loading",exit:"hide",children:j(v,{size:E,name:n,variant:r,color:"current",className:q.loading})},"loading"),t&&!s&&j(O.span,{variants:ne,initial:"hide",animate:"icon",exit:"hide",children:j(m,{className:q.start,icon:t,iconProps:{size:E,variant:r,color:"current"}})})]})})),[q.iconContainer,q.loading,q.start,L,s,r,t]),G=w((()=>j(O.span,{className:q.iconContainer,initial:!1,variants:le,animate:T,children:j(B,{initial:!1,mode:"popLayout",children:o&&j(O.span,{variants:ne,initial:"hide",animate:"icon",exit:"hide",children:j(m,{className:q.end,icon:o,iconProps:{size:E,variant:r,color:"current"}})})})})),[q.iconContainer,q.end,o,T,r]),X=w((()=>l?{...se,rest:{},hover:{},pressed:{}}:se),[l]);return d&&k(c)?j(i,{layoutSpeed:"3",layoutVariant:D,children:j(R,{type:p,className:q.button,initial:["hide",P],animate:P,variants:X,whileHover:"hover",whileTap:"pressed",...g,children:S(c,c.props,$(M,{children:[F,j("span",{className:q.content,children:c.props.children}),G]}))})}):j(i,{layoutSpeed:"3",layoutVariant:D,children:$(O.button,{ref:C,type:p,className:q.button,initial:["hide",P],animate:P,variants:X,whileHover:"hover",whileTap:"pressed",...g,children:[F,j("span",{className:q.content,children:c}),G]})})})),de={primary:"alert",secondary:"alert-secondary"},ue=e=>"indeterminate"===e,he=e=>ue(e)?s:l,pe=O.create(b),me={layoutVariant:"smooth",layoutSpeed:"3"},fe={layoutVariant:"veryBouncy",layoutSpeed:"4"},ve=C((function({id:a,checked:t,defaultChecked:n,onChange:o,label:r,labelPosition:s="start",variant:l="primary",size:c="md",reduceMotion:d,disabled:p,required:m,hasError:f,className:b,layerClassNames:y,...g},x){const N=z(),C=a??`uds-input-${N}`,V=I(null),k=void 0!==t,[S,L]=R(k?t:n),[H,A]=R(!1),[M,E]=R(!1),B=w((()=>f?de[l]:l),[f,l]),q=!p&&H,D=!p&&M,F=w((()=>D?.9:q?1.1:1),[D,q]),G=w((()=>S?D?"opacity-55":"opacity-100":"opacity-0"),[S,D]),X=w((()=>({scale:F})),[F]),K=w((()=>M?fe:me),[M]),U=T((e=>{o?.(e),k||L(e.target.checked)}),[k,o]),Q=T((()=>{A(!0)}),[]),Y=T((()=>{A(!1)}),[]),J=T((()=>{E(!0)}),[]),Z=T((()=>{E(!1)}),[]),_=e=>{V.current&&(V.current.indeterminate=ue(e))},ee=d?"always":"user",ae=W()||d?"duration-0":"duration-120";P((()=>{k&&L(t)}),[t,k]),P((()=>{_(S)}),[S]);const te=ue(S)?"indeterminate":S?"checked":"unchecked",ne={root:u({checkboxSizeRoot:c,checkboxVariantRoot:B,checkboxVariantValueRoot:te,display:"flex",flexDirection:"start"===s?"row":"row-reverse",alignItems:"center",className:h({"cursor-pointer":!p,"cursor-default":p,"opacity-50":p},b,y?.root)}),checkbox:u({checkboxSizeCheckbox:c,checkboxVariantCheckbox:B,checkboxVariantValueCheckbox:te,className:h("border","rounded-[4px]","uds-ring","uds-ring-within",ae,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:u({checkboxVariantCheckboxIcon:B,checkboxVariantValueCheckboxIcon:te,className:h("pointer-events-none",G,ae,"transition-opacity")}),htmlCheckbox:h("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:h("start"===s?"text-start":"text-end",y?.label)},ie=r?O.label:O.div;return j(i,{reducedMotion:ee,...K,children:$(ie,{className:ne.root,"data-testid":"container",onHoverStart:Q,onHoverEnd:Y,onTapStart:J,onTap:Z,onTapCancel:Z,tabIndex:-1,children:[$(pe,{position:"relative",className:ne.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:X,children:[j("input",{type:"checkbox",...g,ref:e=>{V.current=e,_(S),"function"==typeof x?x(e):null!==x&&(x.current=e)},id:C,disabled:p,required:m,"aria-invalid":f,checked:k?!ue(S)&&S:void 0,defaultChecked:k?void 0:n,onChange:U,className:ne.htmlCheckbox}),j(v,{name:he(S),size:"sm",className:ne.check})]}),r&&j(e,{as:"div",variant:"inherit",color:"inherit",required:m,label:r,className:ne.label})]})})}));ve.displayName="Checkbox";var be="primary",ye=C((function({size:e="md",minWidth:a,maxWidth:t=200,startIcon:n,endIcon:i,as:o="div",reduceMotion:r,disabled:s=!1,className:l,layerClassNames:c,children:d,...f},v){const b=W()||r?"duration-0":"duration-120",g=w((()=>({root:u({chipSizeRoot:e,className:h({"pointer-events-none":s,"cursor-default":s,"opacity-50":s},"focus-visible:-outline-offset-2","uds-ring",b,"transition-[background-color,outline-color,box-shadow]",c?.root,l)}),icon:u({chipSizeIcon:e,className:c?.icon})})),[l,b,s,c?.icon,c?.root,e]);return j(p,{asChild:!0,ref:v,display:"inline-flex",alignItems:"center",style:{maxWidth:`${t}px`,...a?{minWidth:`${a}px`}:{}},className:g.root,...f,children:$(o,{disabled:s,children:[n&&j(m,{icon:n,iconProps:{variant:"fill",className:g.icon},"data-testid":"start-icon"}),j(y,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:d}),i&&j(m,{icon:i,iconProps:{variant:"fill",className:g.icon},"data-testid":"end-icon"})]})})}));ye.displayName="ChipBase";var ge=C((function({variant:e=be,...a},t){const n=w((()=>({root:u({chipLinkVariantRoot:e}),icon:u({chipLinkVariantIcon:e})})),[e]);return j(ye,{as:"button",ref:t,variant:e,layerClassNames:n,...a})}));ge.displayName="ChipButton";var xe=C((function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:t,variant:n=be,disabled:i,...s},l){const c=w((()=>({root:u({chipDismissibleVariantRoot:n}),icon:u({chipDismissibleVariantIcon:n})})),[n]),d=T((e=>{e.stopPropagation(),a?.()}),[a]),p={icon:h("uds-chip-dismissible-button","uds-hit-target")};return j(ye,{ref:l,variant:n,disabled:i,tabIndex:-1,endIcon:a=>j(o,{"aria-label":e,className:p.icon,onClick:d,disabled:i,children:j(m,{icon:t??r,iconProps:a,"data-testid":"dismiss-icon"})}),layerClassNames:c,...s})}));xe.displayName="ChipDismissible";var Ne=C((function({variant:e=be,href:a,disabled:t,...n},i){const o=w((()=>({root:u({chipLinkVariantRoot:e}),icon:u({chipLinkVariantIcon:e})})),[e]);return j(ye,{as:"a",ref:i,variant:e,disabled:t,layerClassNames:o,...{...n,href:t?void 0:a}})}));Ne.displayName="ChipLink";var Ce=C((function({isToggled:e=!1,onToggle:a,onClick:t,variant:n=be,...i},o){const r=w((()=>({root:u({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off"}),icon:u({chipToggleVariantIcon:n})})),[e,n]),s=T((n=>{a?.(!e),t?.(n)}),[e,t,a]);return j(ye,{ref:o,as:"button",variant:n,onClick:s,"aria-pressed":e,layerClassNames:r,...i})}));Ce.displayName="ChipToggle";var we=C((function({onClick:e,href:a,linkProps:t,onDismiss:n,onToggle:i,isToggled:o,...r},s){return n?j(xe,{ref:s,onDismiss:n,...r}):i?j(Ce,{ref:s,onToggle:i,isToggled:o,...r}):a?j(Ne,{ref:s,href:a,...r,...t}):j(ge,{ref:s,onClick:e,...r})}));we.displayName="Chip";var Ie=C((function({variant:e,size:a,iconVariant:t,loading:o,disableEffects:r,name:s,type:l="button",htmlName:c,className:d,children:p,...m},f){const b=I(null);V(f,(()=>b.current));const{palette:y,variant:g}=x({flatVariant:e}),N=w((()=>({button:u({buttonVariant:g,buttonPalette:y,iconButtonSize:a,className:h("uds-icon-button","uds-button","uds-ring","uds-hit-target",o&&"uds-button-loading",r&&"uds-button-without-effects",d)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[y,g,d,r,a,o]),C=W(),k=w((()=>C?"smooth":"subtle"),[C]),S=w((()=>{const{rest:e,hover:a,pressed:t}=se;return r?{rest:{},hover:{},pressed:{}}:{rest:e,hover:a,pressed:t}}),[r]);return j(i,{layoutSpeed:"3",layoutVariant:k,reducedMotion:r?"always":"user",children:j(O.button,{ref:b,type:l,className:N.button,initial:"icon",variants:S,whileHover:"hover",whileTap:"pressed",name:c,...m,children:$(B,{initial:!1,mode:"popLayout",children:[o&&j(O.span,{variants:ie,initial:"loading",animate:"loading",exit:"hide",children:j(v,{size:E,name:n,variant:t,color:"current",className:N.loading})},"loading"),s&&!o&&j(O.span,{variants:ne,initial:"icon",animate:"icon",exit:"hide",children:p||j(v,{size:E,name:s,variant:t,color:"current",className:N.icon})},s.name)]})})})})),Ve=({children:e,reduceMotion:a,layoutVariant:t})=>{const n=I(null),[o,r]=R("auto");return P((()=>{if(n.current){const e=new ResizeObserver((e=>{r(e[0].contentRect.height)}));return e.observe(n.current),()=>{e.disconnect()}}}),[]),j(i,{reducedMotion:a,layoutSpeed:"4",layoutVariant:t,children:j(O.div,{className:"overflow-hidden",style:{height:o,opacity:0},animate:{height:o,opacity:1},children:j("div",{ref:n,children:e})})})},ke=L((function({helpText:e,helperTextIcon:t,spacingStart:n,spacingTop:i,size:o,isFilled:r,...s}){return e?j(b,{spacingTop:i,spacingStart:n,...s,children:j(a,{startIcon:t,size:o,isFilled:r,children:q(e)?e():e})}):null})),Se=L((function({icon:e,className:a}){return e?j(m,{icon:e,iconProps:{variant:"outline"},className:a}):null})),ze=L((function({icon:e,className:a}){if(!e)return null;return j(m,{icon:e,iconProps:{variant:"outline"},"data-testid":"end-icon",className:a})})),Re=C((function({id:e,label:a,type:t="text",size:n="md",startIcon:i,endIcon:o,helpText:r,helperTextIcon:s,hasError:l,width:c="full",defaultValue:d,required:m,readOnly:f,disabled:v,reduceMotion:y,onChange:x,className:N,...C},w){const k=z(),S=e??`uds-input-${k}`,P=`uds-input-${S}-help-text`,L=I(null);V(w,(()=>L.current));const[H,A]=R(d??""),M=T((e=>{A(e.target.value),x?.(e)}),[x]),E=W()?"smooth":"bouncy",O=y?"always":"user",B=!f&&!v,D={root:u({inputSizeRoot:n,inputVariantRoot:"default",inputVariantValueRoot:H?"filled":"empty",className:h([N,v?"opacity-50":""])}),inputWrapper:h(u({inputSizeInputWrapper:n,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:H?"filled":"empty"}),"min-w-[200px]"),input:u({inputSizeInput:n,inputVariantInput:"default",inputVariantValueInput:H?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:H?"filled":"empty",className:h("grow","uds-hit-target","bg-clip-text","focus:outline-none",B?"cursor-text":"cursor-not-allowed")}),label:h(u({inputSizeLabel:n,inputVariantLabel:"default",inputVariantValueLabel:H?"filled":"empty"})),labelRequired:u({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:H?"filled":"empty"}),startIcon:u({inputSizeStartIcon:n,inputVariantStartIcon:"default",inputVariantValueStartIcon:H?"filled":"empty"}),endIcon:u({inputSizeEndIcon:n,inputVariantEndIcon:"default",inputVariantValueEndIcon:H?"filled":"empty"})};return $(g,{width:c,className:D.root,children:[a&&$(b,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:D.label,children:[j("label",{htmlFor:S,children:q(a)?a():a}),m&&j("span",{className:D.labelRequired,children:"*"})]}),$(b,{position:"relative",alignItems:"center",className:D.inputWrapper,children:[j(Se,{icon:i,className:D.startIcon}),j("input",{ref:L,id:S,type:t,value:H,required:m,readOnly:f,disabled:v,"aria-describedby":P,"aria-invalid":l,onChange:M,className:D.input,...C}),o&&j(p,{alignItems:"center",gap:"1",children:j(ze,{icon:o,className:D.endIcon})})]}),j(Ve,{reduceMotion:O,layoutVariant:E,children:j(ke,{id:P,helpText:r,spacingTop:"2",size:n,isFilled:!!H,helperTextIcon:s})})]})}));Re.displayName="Input";var Te=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((a=>a(e)))}static findOrCreate(a,t){let n=a.get(t);return n||(n=new e(t),a.set(t,n)),n}},Pe=H(new Map),Le=e=>{const a=z();return e??`uds-radio-group-${a}`},He={primary:"alert",secondary:"alert-secondary"},Ae=O.create(b),$e={layoutVariant:"smooth",layoutSpeed:"3"},je={layoutVariant:"veryBouncy",layoutSpeed:"4"},Me=C((function({id:a,name:t,label:n,labelPosition:o="start",variant:r="primary",size:s="md",reduceMotion:l,value:c="",checked:d,defaultChecked:p,disabled:m,hasError:f,onChange:v,onFocus:y,onBlur:g,className:x,layerClassNames:N,...C},V){const k=z(),S=a??`uds-radio-${k}`,L=I(null),{name:H,isControlled:M,checked:E,setGroupValue:B}=(({name:e,value:a,checked:t,defaultChecked:n})=>{const i=A(Pe),o=i instanceof Te,r=void 0!==t||o,s=Le(e),l=w((()=>o?i:Te.findOrCreate(i,s)),[i,o,s]),[c,d]=R(l.value),u=l.name??s,h=T((e=>{l.setValue(e),r||d(e)}),[r,l]);return P((()=>l.onChange(d)),[l]),P((()=>{!0===t&&h(a)}),[t,a,h]),P((()=>{if(o)return;const e=Te.findOrCreate(i,u);return e.activeCount+=1,i.set(u,e),()=>{const e=i.get(u);e&&(e.activeCount-=1,0===e.activeCount&&i.delete(u))}}),[i,o,u]),{name:u,isControlled:r,checked:r&&!o?t:void 0!==c?a===c:n??!1,setGroupValue:h}})({name:t,value:c,checked:d,defaultChecked:p}),[q,D]=R(!1),[F,G]=R(!1),X=w((()=>f?He[r]:r),[f,r]),K=w((()=>!m&&q),[m,q]),U=w((()=>!m&&!E&&F),[E,m,F]),Q=w((()=>U?.9:K?1.1:1),[K,U]),Y=w((()=>E?U?"opacity-55":"opacity-100":"opacity-0"),[E,U]),J=w((()=>!m&&(U&&!E||K&&E)),[E,m,K,U]),Z=w((()=>({scale:Q})),[Q]),_=w((()=>F?je:$e),[F]),ee=T((e=>{B(e.target.value),v?.(e)}),[v,B]),ae=T((e=>{y?.(e)}),[y]),te=T((e=>{g?.(e)}),[g]),ne=T((()=>{D(!0)}),[]),ie=T((()=>{D(!1)}),[]),oe=T((()=>{G(!0)}),[]),re=T((()=>{G(!1)}),[]),se=l?"always":"user",le=W()||l?"duration-0":"duration-120",ce={root:u({radioSizeRoot:s,radioVariantValueRoot:E?"checked":"unchecked",radioVariantRoot:X,display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:h([{"cursor-pointer":!m,"cursor-default":m,"opacity-50":m},x,N?.root])}),radio:u({radioSizeRadio:s,radioVariantRadio:X,radioVariantValueRadio:E?"checked":"unchecked",className:h(["border","uds-ring","uds-ring-within",le,"transition-[background-color,border-color]","transition-shadow",N?.radio])}),radioCircle:u({radioVariantRadioCircle:X,radioVariantValueRadioCircle:E?"checked":"unchecked",className:h(["pointer-events-none","w-[8px]","h-[8px]",Y,le,"transition-opacity"])}),htmlRadio:h("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:h("start"===o?"text-start":"text-end",N?.label)},de=n?O.label:O.div;return j(i,{reducedMotion:se,..._,children:$(de,{className:ce.root,"data-testid":"container",onHoverStart:ne,onHoverEnd:ie,onTapStart:oe,onTap:re,onTapCancel:re,tabIndex:-1,children:[$(Ae,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:ce.radio,animate:Z,insetShadow:J?"lg-invert":"none",children:[j("input",{type:"radio",...C,ref:e=>{L.current=e,"function"==typeof V?V(e):null!==V&&(V.current=e)},onFocus:ae,onBlur:te,id:S,name:H,value:c,disabled:m,"aria-invalid":f,onChange:ee,...M?{checked:E}:{defaultChecked:p},className:ce.htmlRadio}),j(b,{borderRadius:"full",className:ce.radioCircle})]}),n&&j(e,{as:"div",variant:"inherit",color:"inherit",label:n,className:ce.label})]})})}));Me.displayName="Radio";var Ee=f(),Oe=class extends Te{onChangeCb;isControlled;constructor(e,a){super(e),this.isControlled=a}setValue(e,a=!1){this.isControlled&&!a?this.onChangeCb?.(e):super.setValue(e)}},We=C((function({asChild:e,name:a,value:t,defaultValue:n,onChange:i,...o},r){const s=void 0!==t,l=Le(a),c=w((()=>{const e=new Oe(l,s);return e.value=s?t:n,e}),[n,s,l,t]);P((()=>{c.onChangeCb=i}),[i,c]),P((()=>{s&&c.setValue(t,!0)}),[s,c,t]),P((()=>c.onChange((e=>i?.(e)))),[i,c]);const d=e?Ee:"div";return j(Pe.Provider,{value:c,children:j(d,{role:"radiogroup",ref:r,...o})})}));We.displayName="RadioGroupProvider";var Be={md:{isOnX:20},sm:{isOnX:12}},qe=O.create(b),De={layoutVariant:"bouncy",layoutSpeed:"4"},Fe=C((function({id:a,isOn:t,defaultIsOn:n,onChange:o,label:r,labelPosition:s="start",size:l="md",onIcon:c,offIcon:d,reduceMotion:p,disabled:f,required:v,onFocus:y,onBlur:g,className:x,layerClassNames:N,...C},V){const k=z(),S=a??`uds-input-${k}`,L=I(null),H=void 0!==t,[A,M]=R(H?t:n),[E,B]=R(!1),q=w((()=>!f&&E),[f,E]),{isOnX:D}=Be[l],F=w((()=>({initial:{scale:1,x:A?D:0},animate:{scale:q?1.05:1,x:A?D:0}})),[q,A,D]),G=T((e=>{o?.(e),H||M(e.target.checked)}),[H,o]),X=T((e=>{y?.(e)}),[y]),K=T((e=>{g?.(e)}),[g]),U=T((()=>{B(!0)}),[]),Q=T((()=>{B(!1)}),[]),Y=p?"always":"user",J=W()||p?"duration-0":"duration-120";P((()=>{H&&M(t)}),[t,H]);const Z={root:u({switchSizeRoot:l,switchVariantRoot:"default",switchVariantActiveRoot:A?"on":"off",display:"flex",flexDirection:"start"===s?"row":"row-reverse",alignItems:"center",className:h("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},N?.root,x)}),switch:u({switchVariantSwitch:"default",switchSizeSwitch:l,switchVariantActiveSwitch:A?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:h("uds-ring","uds-ring-within",J,"transition-[background-color,box-shadow]",N?.switch)}),handle:u({switchSizeHandle:l,className:h("relative","pointer-events-none","rounded-full","overflow-hidden",N?.handle)}),handleCircle:u({switchVariantActiveHandle:A?"on":"off",switchVariantHandle:"default",className:h("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",J,"transition-[background-color,box-shadow,opacity]")}),handleIcon:u({switchSizeHandleIcon:l,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:A?"on":"off",className:h("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",J,"transition-opacity")}),htmlCheckbox:h("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:h("start"===s?"text-start":"text-end",N?.label)},_=r?O.label:O.div;return j(i,{reducedMotion:Y,...De,children:$(_,{className:Z.root,"data-testid":"container",onHoverStart:U,onHoverEnd:Q,tabIndex:-1,children:[$(qe,{className:Z.switch,children:[j("input",{type:"checkbox",...C,ref:e=>{L.current=e,"function"==typeof V?V(e):null!==V&&(V.current=e)},onFocus:X,onBlur:K,id:S,disabled:f,required:v,checked:H?A:void 0,defaultChecked:H?void 0:n,onChange:G,className:Z.htmlCheckbox,style:{}}),$(qe,{className:Z.handle,...F,children:[j(b,{className:Z.handleCircle}),c&&j(m,{icon:c,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:h(Z.handleIcon,A?"opacity-100":"opacity-0")}),d&&j(m,{icon:d,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:h(Z.handleIcon,A?"opacity-0":"opacity-100")})]})]}),r&&j(e,{as:"div",variant:"inherit",color:"inherit",required:v,label:r,className:Z.label})]})})}));Fe.displayName="Switch";export{_ as Avatar,Y as AvatarIcon,Z as AvatarImage,J as AvatarText,ee as Badge,ce as Button,ve as Checkbox,we as Chip,ge as ChipButton,xe as ChipDismissible,Ne as ChipLink,Ce as ChipToggle,Ie as IconButton,Re as Input,Me as Radio,We as RadioGroupProvider,Fe as Switch};
|
2
|
+
import{FormLabel as e,InputHelpTextMemo as a,Image as t}from"../chunk-W4KK6R6C.js";import{o2 as n,SpringMotionConfig as i,Pressable as o,a as r,o as s,e as l,t as c,e2 as d}from"../chunk-S5OCORC7.js";export{Pressable,SpringMotionConfig}from"../chunk-S5OCORC7.js";import{getStyles as u,cx as h,HStack as p,IconSlot as m,createSlot as f,Icon as v,Box as b,Text as y,VStack as g}from"../chunk-37LEXEW4.js";import{parseDeprecatedButtonPaletteVariant as x}from"../chunk-HT3GLDSF.js";import{BUTTON_CSS_VAR_MAP as N}from"../chunk-N4FHPR6Q.js";import{forwardRef as C,useMemo as w,useRef as V,useImperativeHandle as I,isValidElement as k,cloneElement as S,useId as z,useState as R,useCallback as T,useEffect as P,memo as L,createContext as A,useContext as H}from"react";import{jsxs as $,jsx as j,Fragment as M}from"react/jsx-runtime";import{buttonIconSvgSize as O}from"@yahoo/uds/fixtures";import{m as E,useReducedMotion as W,AnimatePresence as q}from"motion/react";import{isFunction as B}from"lodash-es";export{Menu}from"@yahoo/uds/client/Menu";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var 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("")},D=(e,a="firstAndLast")=>{if(!e)return"";const t=e.trim().split(/\s+/).map((e=>e[0].toUpperCase()));return"function"==typeof a?a(e):F[a](t)},G=(e="md")=>u({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),X=e=>e?{height:e,width:e}:{},K="primary",Q="md",U={primary:d,secondary:c},J=({size:e=Q,variant:a=K,customSize:t,icon:n,className:i})=>{const o=w((()=>X(t)),[t]),r=w((()=>h(G(e),u({avatarIconVariantRoot:a,overflow:"hidden"}),i)),[i,e,a]),s=w((()=>u({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"})),[]),l=w((()=>({...o,boxSizing:"content-box"})),[o]),c=w((()=>n??U[a??"primary"]),[n,a]),d=w((()=>u({avatarSizeIcon:e})),[e]);return j(b,{className:r,style:o,children:j(b,{className:s,style:l,children:j(v,{name:c,variant:"fill",color:"current",className:d,"data-testid":"avatar-icon"})})})};J.displayName="AvatarIcon";var Y=({size:e=Q,variant:a=K,name:t,initials:n,customSize:i,abbreviationStrategy:o,className:r})=>{const s=w((()=>h(G(e),u({avatarTextVariantRoot:a,overflow:"hidden"}),"truncate",r)),[r,e,a]),l=w((()=>u({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"})),[]),c=w((()=>X(i)),[i]),d=w((()=>({...c,boxSizing:"content-box"})),[c]);return j(b,{className:s,style:c,children:j(y,{color:"inherit",variant:"inherit",className:l,style:d,"data-testid":"avatar-text",children:n||D(t,o)})})};Y.displayName="AvatarText";var Z=({size:e=Q,variant:a=K,src:n,srcSet:i,customSize:o,alt:r,imageProps:s,abbreviationStrategy:l,fallback:c,className:d})=>{const[p,m]=R("loading");P((()=>{let e=!0;if(n||i){const a=new Image;a.onload=()=>{e&&m("loaded")},a.onerror=()=>{e&&m("error")},n&&(a.src=n),i&&(a.srcset=i)}else m("error");return()=>{e=!1}}),[n,i]);const f=w((()=>h(G(e),u({avatarImageVariantRoot:a,overflow:"hidden"}),d)),[d,e,a]),v=w((()=>u({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"})),[]),y=w((()=>X(o)),[o]),g=w((()=>({...y,boxSizing:"content-box"})),[y]);if("loaded"===p)return j(b,{className:f,style:y,children:j(t,{src:n,srcSet:i,alt:r,className:v,style:g,...s})});const x={size:e,customSize:o,variant:a};return c||r?j(Y,{name:r,initials:c,abbreviationStrategy:l,...x}):j(J,{...x})};Z.displayName="AvatarImage";var _=e=>j(Z,{...e});_.displayName="Avatar";var ee=C((function({variant:e="primary",size:a="md",minWidth:t,maxWidth:n=200,startIcon:i,endIcon:o,backgroundColor:r,color:s,iconColor:l,borderColor:c,children:d,className:f,...v},b){const y=u({badgeSizeRoot:a,badgeVariantRoot:e,className:h(["uds-badge","uds-badge-variant","uds-badge-size",f])}),g=u({badgeVariantIcon:e,badgeSizeIcon:a,className:h(["uds-badge-iconSize","uds-badge-iconColor"])}),x=w((()=>({...t?{minWidth:`${t}px`}:{},..."full"===n?{}:{maxWidth:`${n}px`},...r?{backgroundColor:r}:{},...c?{borderColor:c}:{},...s?{color:s}:{}})),[r,c,s,n,t]),N=w((()=>({variant:"fill",style:{...l?{color:l}:{}}})),[l]);return $(p,{ref:b,gap:"2",display:"inline-flex",alignItems:"center",className:y,style:x,...v,children:[i&&j(m,{icon:i,iconProps:N,"data-testid":"start-icon",className:g}),j("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:d}),o&&j(m,{icon:o,iconProps:N,"data-testid":"end-icon",className:g})]})}));ee.displayName="Badge";var ae={scale:.7,opacity:0},te={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},ne={icon:te,hide:ae,loading:ae},ie={loading:te,hide:ae,icon:ae},oe=`var(${N.columnGap})`,re=`var(${N.iconSize})`,se={rest:{scale:`var(${N.effects.scale.rest})`},hover:{scale:`var(${N.effects.scale.hover})`},pressed:{scale:`var(${N.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:oe}},le={hide:{width:"0px",opacity:0,display:"none"},loading:{width:re,display:"flex",opacity:1},icon:{width:re,display:"flex",opacity:1}},ce=C((function({variant:e,size:a,startIcon:t,endIcon:o,iconVariant:r,loading:s,disableEffects:l,children:c,asChild:d,type:p="button",className:b,width:y,...g},N){const C=V(null);I(N,(()=>C.current));const z=w((()=>f()),[]),R=w((()=>E.create(z)),[z]),T=o?"icon":"hide",P=(({startIcon:e,endIcon:a,loading:t})=>e||a||t?"withIcon":"withoutIcon")({startIcon:t,endIcon:o,loading:s}),L=(({loading:e,startIcon:a})=>e?"loading":a?"icon":"hide")({loading:s,startIcon:t}),{palette:A,variant:H}=w((()=>x({flatVariant:e})),[e]),B=w((()=>({button:u({width:y,buttonSize:a,buttonVariant:H,buttonPalette:A,className:h("uds-button","uds-ring","uds-hit-target",s&&"uds-button-loading",l&&"uds-button-without-effects","withIcon"===P&&"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,H,A,b,s,l,P]),F=W()?"smooth":"subtle",D=w((()=>j(E.span,{className:B.iconContainer,initial:!1,variants:le,animate:L,children:$(q,{initial:!1,mode:"popLayout",children:[s&&j(E.span,{variants:ie,initial:"hide",animate:"loading",exit:"hide",children:j(v,{size:O,name:n,variant:r,color:"current",className:B.loading})},"loading"),t&&!s&&j(E.span,{variants:ne,initial:"hide",animate:"icon",exit:"hide",children:j(m,{className:B.start,icon:t,iconProps:{size:O,variant:r,color:"current"}})})]})})),[B.iconContainer,B.loading,B.start,L,s,r,t]),G=w((()=>j(E.span,{className:B.iconContainer,initial:!1,variants:le,animate:T,children:j(q,{initial:!1,mode:"popLayout",children:o&&j(E.span,{variants:ne,initial:"hide",animate:"icon",exit:"hide",children:j(m,{className:B.end,icon:o,iconProps:{size:O,variant:r,color:"current"}})})})})),[B.iconContainer,B.end,o,T,r]),X=w((()=>l?{...se,rest:{},hover:{},pressed:{}}:se),[l]);return d&&k(c)?j(i,{layoutSpeed:"3",layoutVariant:F,children:j(R,{type:p,className:B.button,initial:["hide",P],animate:P,variants:X,whileHover:"hover",whileTap:"pressed",...g,children:S(c,c.props,$(M,{children:[D,j("span",{className:B.content,children:c.props.children}),G]}))})}):j(i,{layoutSpeed:"3",layoutVariant:F,children:$(E.button,{ref:C,type:p,className:B.button,initial:["hide",P],animate:P,variants:X,whileHover:"hover",whileTap:"pressed",...g,children:[D,j("span",{className:B.content,children:c}),G]})})})),de={primary:"alert",secondary:"alert-secondary"},ue=e=>"indeterminate"===e,he=e=>ue(e)?s:l,pe=E.create(b),me={layoutVariant:"smooth",layoutSpeed:"3"},fe={layoutVariant:"veryBouncy",layoutSpeed:"4"},ve=C((function({id:a,checked:t,defaultChecked:n,onChange:o,label:r,labelPosition:s="start",variant:l="primary",size:c="md",reduceMotion:d,disabled:p,required:m,hasError:f,className:b,layerClassNames:y,...g},x){const N=z(),C=a??`uds-input-${N}`,I=V(null),k=void 0!==t,[S,L]=R(k?t:n),[A,H]=R(!1),[M,O]=R(!1),q=w((()=>f?de[l]:l),[f,l]),B=!p&&A,F=!p&&M,D=w((()=>F?.9:B?1.1:1),[F,B]),G=w((()=>S?F?"opacity-55":"opacity-100":"opacity-0"),[S,F]),X=w((()=>({scale:D})),[D]),K=w((()=>M?fe:me),[M]),Q=T((e=>{o?.(e),k||L(e.target.checked)}),[k,o]),U=T((()=>{H(!0)}),[]),J=T((()=>{H(!1)}),[]),Y=T((()=>{O(!0)}),[]),Z=T((()=>{O(!1)}),[]),_=e=>{I.current&&(I.current.indeterminate=ue(e))},ee=d?"always":"user",ae=W()||d?"duration-0":"duration-120";P((()=>{k&&L(t)}),[t,k]),P((()=>{_(S)}),[S]);const te=ue(S)?"indeterminate":S?"checked":"unchecked",ne={root:u({checkboxSizeRoot:c,checkboxVariantRoot:q,checkboxVariantValueRoot:te,display:"flex",flexDirection:"start"===s?"row":"row-reverse",alignItems:"center",className:h({"cursor-pointer":!p,"cursor-default":p,"opacity-50":p},b,y?.root)}),checkbox:u({checkboxSizeCheckbox:c,checkboxVariantCheckbox:q,checkboxVariantValueCheckbox:te,className:h("border","rounded-[4px]","uds-ring","uds-ring-within",ae,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:u({checkboxVariantCheckboxIcon:q,checkboxVariantValueCheckboxIcon:te,className:h("pointer-events-none",G,ae,"transition-opacity")}),htmlCheckbox:h("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:h("start"===s?"text-start":"text-end",y?.label)},ie=r?E.label:E.div;return j(i,{reducedMotion:ee,...K,children:$(ie,{className:ne.root,"data-testid":"container",onHoverStart:U,onHoverEnd:J,onTapStart:Y,onTap:Z,onTapCancel:Z,tabIndex:-1,children:[$(pe,{position:"relative",className:ne.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:X,children:[j("input",{type:"checkbox",...g,ref:e=>{I.current=e,_(S),"function"==typeof x?x(e):null!==x&&(x.current=e)},id:C,disabled:p,required:m,"aria-invalid":f,checked:k?!ue(S)&&S:void 0,defaultChecked:k?void 0:n,onChange:Q,className:ne.htmlCheckbox}),j(v,{name:he(S),size:"sm",className:ne.check})]}),r&&j(e,{as:"div",variant:"inherit",color:"inherit",required:m,label:r,className:ne.label})]})})}));ve.displayName="Checkbox";var be="primary",ye=C((function({size:e="md",minWidth:a,maxWidth:t=200,startIcon:n,endIcon:i,as:o="div",reduceMotion:r,disabled:s=!1,className:l,layerClassNames:c,children:d,...f},v){const b=W()||r?"duration-0":"duration-120",g=w((()=>({root:u({chipSizeRoot:e,className:h({"pointer-events-none":s,"cursor-default":s,"opacity-50":s},"focus-visible:-outline-offset-2","uds-ring",b,"transition-[background-color,outline-color,box-shadow]",c?.root,l)}),icon:u({chipSizeIcon:e,className:c?.icon})})),[l,b,s,c?.icon,c?.root,e]);return j(p,{asChild:!0,ref:v,display:"inline-flex",alignItems:"center",style:{maxWidth:`${t}px`,...a?{minWidth:`${a}px`}:{}},className:g.root,...f,children:$(o,{disabled:s,children:[n&&j(m,{icon:n,iconProps:{variant:"fill",className:g.icon},"data-testid":"start-icon"}),j(y,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:d}),i&&j(m,{icon:i,iconProps:{variant:"fill",className:g.icon},"data-testid":"end-icon"})]})})}));ye.displayName="ChipBase";var ge=C((function({variant:e=be,...a},t){const n=w((()=>({root:u({chipLinkVariantRoot:e}),icon:u({chipLinkVariantIcon:e})})),[e]);return j(ye,{as:"button",ref:t,variant:e,layerClassNames:n,...a})}));ge.displayName="ChipButton";var xe=C((function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:t,variant:n=be,disabled:i,...s},l){const c=w((()=>({root:u({chipDismissibleVariantRoot:n}),icon:u({chipDismissibleVariantIcon:n})})),[n]),d=T((e=>{e.stopPropagation(),a?.()}),[a]),p={icon:h("uds-chip-dismissible-button","uds-hit-target")};return j(ye,{ref:l,variant:n,disabled:i,tabIndex:-1,endIcon:a=>j(o,{"aria-label":e,className:p.icon,onClick:d,disabled:i,children:j(m,{icon:t??r,iconProps:a,"data-testid":"dismiss-icon"})}),layerClassNames:c,...s})}));xe.displayName="ChipDismissible";var Ne=C((function({variant:e=be,href:a,disabled:t,...n},i){const o=w((()=>({root:u({chipLinkVariantRoot:e}),icon:u({chipLinkVariantIcon:e})})),[e]);return j(ye,{as:"a",ref:i,variant:e,disabled:t,layerClassNames:o,...{...n,href:t?void 0:a}})}));Ne.displayName="ChipLink";var Ce=C((function({isToggled:e=!1,onToggle:a,onClick:t,variant:n=be,...i},o){const r=w((()=>({root:u({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off"}),icon:u({chipToggleVariantIcon:n})})),[e,n]),s=T((n=>{a?.(!e),t?.(n)}),[e,t,a]);return j(ye,{ref:o,as:"button",variant:n,onClick:s,"aria-pressed":e,layerClassNames:r,...i})}));Ce.displayName="ChipToggle";var we=C((function({onClick:e,href:a,linkProps:t,onDismiss:n,onToggle:i,isToggled:o,...r},s){return n?j(xe,{ref:s,onDismiss:n,...r}):i?j(Ce,{ref:s,onToggle:i,isToggled:o,...r}):a?j(Ne,{ref:s,href:a,...r,...t}):j(ge,{ref:s,onClick:e,...r})}));we.displayName="Chip";var Ve=C((function({variant:e,size:a,iconVariant:t,loading:o,disableEffects:r,name:s,type:l="button",htmlName:c,className:d,children:p,...m},f){const b=V(null);I(f,(()=>b.current));const{palette:y,variant:g}=x({flatVariant:e}),N=w((()=>({button:u({buttonVariant:g,buttonPalette:y,iconButtonSize:a,className:h("uds-icon-button","uds-button","uds-ring","uds-hit-target",o&&"uds-button-loading",r&&"uds-button-without-effects",d)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[y,g,d,r,a,o]),C=W(),k=w((()=>C?"smooth":"subtle"),[C]),S=w((()=>{const{rest:e,hover:a,pressed:t}=se;return r?{rest:{},hover:{},pressed:{}}:{rest:e,hover:a,pressed:t}}),[r]);return j(i,{layoutSpeed:"3",layoutVariant:k,reducedMotion:r?"always":"user",children:j(E.button,{ref:b,type:l,className:N.button,initial:"icon",variants:S,whileHover:"hover",whileTap:"pressed",name:c,...m,children:$(q,{initial:!1,mode:"popLayout",children:[o&&j(E.span,{variants:ie,initial:"loading",animate:"loading",exit:"hide",children:j(v,{size:O,name:n,variant:t,color:"current",className:N.loading})},"loading"),s&&!o&&j(E.span,{variants:ne,initial:"icon",animate:"icon",exit:"hide",children:p||j(v,{size:O,name:s,variant:t,color:"current",className:N.icon})},s.name)]})})})})),Ie=({children:e,reduceMotion:a,layoutVariant:t})=>{const n=V(null),[o,r]=R("auto");return P((()=>{if(n.current){const e=new ResizeObserver((e=>{r(e[0].contentRect.height)}));return e.observe(n.current),()=>{e.disconnect()}}}),[]),j(i,{reducedMotion:a,layoutSpeed:"4",layoutVariant:t,children:j(E.div,{className:"overflow-hidden",style:{height:o,opacity:0},animate:{height:o,opacity:1},children:j("div",{ref:n,children:e})})})},ke=L((function({helpText:e,helperTextIcon:t,spacingStart:n,spacingTop:i,size:o,isFilled:r,...s}){return e?j(b,{spacingTop:i,spacingStart:n,...s,children:j(a,{startIcon:t,size:o,isFilled:r,children:B(e)?e():e})}):null})),Se=L((function({icon:e,className:a}){return e?j(m,{icon:e,iconProps:{variant:"outline"},className:a}):null})),ze=L((function({icon:e,className:a}){if(!e)return null;return j(m,{icon:e,iconProps:{variant:"outline"},"data-testid":"end-icon",className:a})})),Re=C((function({id:e,label:a,type:t="text",size:n="md",startIcon:i,endIcon:o,helpText:r,helperTextIcon:s,hasError:l,width:c="full",defaultValue:d,required:m,readOnly:f,disabled:v,reduceMotion:y,onChange:x,className:N,...C},w){const k=z(),S=e??`uds-input-${k}`,P=`uds-input-${S}-help-text`,L=V(null);I(w,(()=>L.current));const[A,H]=R(d??""),M=T((e=>{H(e.target.value),x?.(e)}),[x]),O=W()?"smooth":"bouncy",E=y?"always":"user",q=!f&&!v,F={root:u({inputSizeRoot:n,inputVariantRoot:"default",inputVariantValueRoot:A?"filled":"empty",className:h([N,v?"opacity-50":""])}),inputWrapper:h(u({inputSizeInputWrapper:n,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:A?"filled":"empty"}),"min-w-[200px]"),input:u({inputSizeInput:n,inputVariantInput:"default",inputVariantValueInput:A?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:A?"filled":"empty",className:h("grow","uds-hit-target","bg-clip-text","focus:outline-none",q?"cursor-text":"cursor-not-allowed")}),label:h(u({inputSizeLabel:n,inputVariantLabel:"default",inputVariantValueLabel:A?"filled":"empty"})),labelRequired:u({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:A?"filled":"empty"}),startIcon:u({inputSizeStartIcon:n,inputVariantStartIcon:"default",inputVariantValueStartIcon:A?"filled":"empty"}),endIcon:u({inputSizeEndIcon:n,inputVariantEndIcon:"default",inputVariantValueEndIcon:A?"filled":"empty"})};return $(g,{width:c,className:F.root,children:[a&&$(b,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:F.label,children:[j("label",{htmlFor:S,children:B(a)?a():a}),m&&j("span",{className:F.labelRequired,children:"*"})]}),$(b,{position:"relative",alignItems:"center",className:F.inputWrapper,children:[j(Se,{icon:i,className:F.startIcon}),j("input",{ref:L,id:S,type:t,value:A,required:m,readOnly:f,disabled:v,"aria-describedby":P,"aria-invalid":l,onChange:M,className:F.input,...C}),o&&j(p,{alignItems:"center",gap:"1",children:j(ze,{icon:o,className:F.endIcon})})]}),j(Ie,{reduceMotion:E,layoutVariant:O,children:j(ke,{id:P,helpText:r,spacingTop:"2",size:n,isFilled:!!A,helperTextIcon:s})})]})}));Re.displayName="Input";var Te=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((a=>a(e)))}static findOrCreate(a,t){let n=a.get(t);return n||(n=new e(t),a.set(t,n)),n}},Pe=A(new Map),Le=e=>{const a=z();return e??`uds-radio-group-${a}`},Ae={primary:"alert",secondary:"alert-secondary"},He=E.create(b),$e={layoutVariant:"smooth",layoutSpeed:"3"},je={layoutVariant:"veryBouncy",layoutSpeed:"4"},Me=C((function({id:a,name:t,label:n,labelPosition:o="start",variant:r="primary",size:s="md",reduceMotion:l,value:c="",checked:d,defaultChecked:p,disabled:m,hasError:f,onChange:v,onFocus:y,onBlur:g,className:x,layerClassNames:N,...C},I){const k=z(),S=a??`uds-radio-${k}`,L=V(null),{name:A,isControlled:M,checked:O,setGroupValue:q}=(({name:e,value:a,checked:t,defaultChecked:n})=>{const i=H(Pe),o=i instanceof Te,r=void 0!==t||o,s=Le(e),l=w((()=>o?i:Te.findOrCreate(i,s)),[i,o,s]),[c,d]=R(l.value),u=l.name??s,h=T((e=>{l.setValue(e),r||d(e)}),[r,l]);return P((()=>l.onChange(d)),[l]),P((()=>{!0===t&&h(a)}),[t,a,h]),P((()=>{if(o)return;const e=Te.findOrCreate(i,u);return e.activeCount+=1,i.set(u,e),()=>{const e=i.get(u);e&&(e.activeCount-=1,0===e.activeCount&&i.delete(u))}}),[i,o,u]),{name:u,isControlled:r,checked:r&&!o?t:void 0!==c?a===c:n??!1,setGroupValue:h}})({name:t,value:c,checked:d,defaultChecked:p}),[B,F]=R(!1),[D,G]=R(!1),X=w((()=>f?Ae[r]:r),[f,r]),K=w((()=>!m&&B),[m,B]),Q=w((()=>!m&&!O&&D),[O,m,D]),U=w((()=>Q?.9:K?1.1:1),[K,Q]),J=w((()=>O?Q?"opacity-55":"opacity-100":"opacity-0"),[O,Q]),Y=w((()=>!m&&(Q&&!O||K&&O)),[O,m,K,Q]),Z=w((()=>({scale:U})),[U]),_=w((()=>D?je:$e),[D]),ee=T((e=>{q(e.target.value),v?.(e)}),[v,q]),ae=T((e=>{y?.(e)}),[y]),te=T((e=>{g?.(e)}),[g]),ne=T((()=>{F(!0)}),[]),ie=T((()=>{F(!1)}),[]),oe=T((()=>{G(!0)}),[]),re=T((()=>{G(!1)}),[]),se=l?"always":"user",le=W()||l?"duration-0":"duration-120",ce={root:u({radioSizeRoot:s,radioVariantValueRoot:O?"checked":"unchecked",radioVariantRoot:X,display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:h([{"cursor-pointer":!m,"cursor-default":m,"opacity-50":m},x,N?.root])}),radio:u({radioSizeRadio:s,radioVariantRadio:X,radioVariantValueRadio:O?"checked":"unchecked",className:h(["border","uds-ring","uds-ring-within",le,"transition-[background-color,border-color]","transition-shadow",N?.radio])}),radioCircle:u({radioVariantRadioCircle:X,radioVariantValueRadioCircle:O?"checked":"unchecked",className:h(["pointer-events-none","w-[8px]","h-[8px]",J,le,"transition-opacity"])}),htmlRadio:h("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:h("start"===o?"text-start":"text-end",N?.label)},de=n?E.label:E.div;return j(i,{reducedMotion:se,..._,children:$(de,{className:ce.root,"data-testid":"container",onHoverStart:ne,onHoverEnd:ie,onTapStart:oe,onTap:re,onTapCancel:re,tabIndex:-1,children:[$(He,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:ce.radio,animate:Z,insetShadow:Y?"lg-invert":"none",children:[j("input",{type:"radio",...C,ref:e=>{L.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:ae,onBlur:te,id:S,name:A,value:c,disabled:m,"aria-invalid":f,onChange:ee,...M?{checked:O}:{defaultChecked:p},className:ce.htmlRadio}),j(b,{borderRadius:"full",className:ce.radioCircle})]}),n&&j(e,{as:"div",variant:"inherit",color:"inherit",label:n,className:ce.label})]})})}));Me.displayName="Radio";var Oe=f(),Ee=class extends Te{onChangeCb;isControlled;constructor(e,a){super(e),this.isControlled=a}setValue(e,a=!1){this.isControlled&&!a?this.onChangeCb?.(e):super.setValue(e)}},We=C((function({asChild:e,name:a,value:t,defaultValue:n,onChange:i,...o},r){const s=void 0!==t,l=Le(a),c=w((()=>{const e=new Ee(l,s);return e.value=s?t:n,e}),[n,s,l,t]);P((()=>{c.onChangeCb=i}),[i,c]),P((()=>{s&&c.setValue(t,!0)}),[s,c,t]),P((()=>c.onChange((e=>i?.(e)))),[i,c]);const d=e?Oe:"div";return j(Pe.Provider,{value:c,children:j(d,{role:"radiogroup",ref:r,...o})})}));We.displayName="RadioGroupProvider";var qe={md:{isOnX:20},sm:{isOnX:12}},Be=E.create(b),Fe={layoutVariant:"bouncy",layoutSpeed:"4"},De=C((function({id:a,isOn:t,defaultIsOn:n,onChange:o,label:r,labelPosition:s="start",size:l="md",onIcon:c,offIcon:d,reduceMotion:p,disabled:f,required:v,onFocus:y,onBlur:g,className:x,layerClassNames:N,...C},I){const k=z(),S=a??`uds-input-${k}`,L=V(null),A=void 0!==t,[H,M]=R(A?t:n),[O,q]=R(!1),B=w((()=>!f&&O),[f,O]),{isOnX:F}=qe[l],D=w((()=>({initial:{scale:1,x:H?F:0},animate:{scale:B?1.05:1,x:H?F:0}})),[B,H,F]),G=T((e=>{o?.(e),A||M(e.target.checked)}),[A,o]),X=T((e=>{y?.(e)}),[y]),K=T((e=>{g?.(e)}),[g]),Q=T((()=>{q(!0)}),[]),U=T((()=>{q(!1)}),[]),J=p?"always":"user",Y=W()||p?"duration-0":"duration-120";P((()=>{A&&M(t)}),[t,A]);const Z={root:u({switchSizeRoot:l,switchVariantRoot:"default",switchVariantActiveRoot:H?"on":"off",display:"flex",flexDirection:"start"===s?"row":"row-reverse",alignItems:"center",className:h("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},N?.root,x)}),switch:u({switchVariantSwitch:"default",switchSizeSwitch:l,switchVariantActiveSwitch:H?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:h("uds-ring","uds-ring-within",Y,"transition-[background-color,box-shadow]",N?.switch)}),handle:u({switchSizeHandle:l,className:h("relative","pointer-events-none","rounded-full","overflow-hidden",N?.handle)}),handleCircle:u({switchVariantActiveHandle:H?"on":"off",switchVariantHandle:"default",className:h("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",Y,"transition-[background-color,box-shadow,opacity]")}),handleIcon:u({switchSizeHandleIcon:l,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:H?"on":"off",className:h("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",Y,"transition-opacity")}),htmlCheckbox:h("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:h("start"===s?"text-start":"text-end",N?.label)},_=r?E.label:E.div;return j(i,{reducedMotion:J,...Fe,children:$(_,{className:Z.root,"data-testid":"container",onHoverStart:Q,onHoverEnd:U,tabIndex:-1,children:[$(Be,{className:Z.switch,children:[j("input",{type:"checkbox",...C,ref:e=>{L.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:X,onBlur:K,id:S,disabled:f,required:v,checked:A?H:void 0,defaultChecked:A?void 0:n,onChange:G,className:Z.htmlCheckbox,style:{}}),$(Be,{className:Z.handle,...D,children:[j(b,{className:Z.handleCircle}),c&&j(m,{icon:c,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:h(Z.handleIcon,H?"opacity-100":"opacity-0")}),d&&j(m,{icon:d,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:h(Z.handleIcon,H?"opacity-0":"opacity-100")})]})]}),r&&j(e,{as:"div",variant:"inherit",color:"inherit",required:v,label:r,className:Z.label})]})})}));De.displayName="Switch";export{_ as Avatar,J as AvatarIcon,Z as AvatarImage,Y as AvatarText,ee as Badge,ce as Button,ve as Checkbox,we as Chip,ge as ChipButton,xe as ChipDismissible,Ne as ChipLink,Ce as ChipToggle,Ve as IconButton,Re as Input,Me as Radio,We as RadioGroupProvider,De as Switch};
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as properties from '@yahoo/uds/fixtures';
|
2
|
-
import { f as ShadowPreset, b as UniversalTokensConfig } from './types-
|
2
|
+
import { f as ShadowPreset, b as UniversalTokensConfig } from './types-B_G_Ws4q.cjs';
|
3
3
|
|
4
4
|
type DispatchContext = {
|
5
5
|
componentName: string;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as properties from '@yahoo/uds/fixtures';
|
2
|
-
import { f as ShadowPreset, b as UniversalTokensConfig } from './types-
|
2
|
+
import { f as ShadowPreset, b as UniversalTokensConfig } from './types-bUSRKyjU.cjs';
|
3
3
|
|
4
4
|
type DispatchContext = {
|
5
5
|
componentName: string;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as properties from '@yahoo/uds/fixtures';
|
2
|
-
import { f as ShadowPreset, b as UniversalTokensConfig } from './types-
|
2
|
+
import { f as ShadowPreset, b as UniversalTokensConfig } from './types-bUSRKyjU.js';
|
3
3
|
|
4
4
|
type DispatchContext = {
|
5
5
|
componentName: string;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as properties from '@yahoo/uds/fixtures';
|
2
|
-
import { f as ShadowPreset, b as UniversalTokensConfig } from './types-
|
2
|
+
import { f as ShadowPreset, b as UniversalTokensConfig } from './types-B_G_Ws4q.js';
|
3
3
|
|
4
4
|
type DispatchContext = {
|
5
5
|
componentName: string;
|
package/dist/index.cjs
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";var e=require("./chunk-6BNYCBB5.cjs"),t=require("./chunk-RDF2NPZV.cjs"),r=require("./chunk-TJZ4HVAG.cjs"),n=require("./chunk-O2MILEHQ.cjs"),o=require("./chunk-J7PUOUXC.cjs"),i=require("./chunk-A6QBZQH4.cjs"),u=require("./chunk-4NZKRK55.cjs"),a=require("react"),c=require("react/jsx-runtime"),f=require("@yahoo/uds/client"),p=a.forwardRef((function(e,r){return c.jsx(t.DividerInternal,{ref:r,...e})}));/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */p.displayName="Divider";var s=a.forwardRef((function({variant:e="primary",textVariant:t,startIcon:n,endIcon:o,alwaysUnderline:i=!1,children:u,className:f,...p},s){const b=!t,O=a.useMemo((()=>{const n=!b&&r.getStyles({linkTextStyleRoot:t,fontSize:t,fontFamily:t,fontWeight:t,lineHeight:t,textTransform:t});return r.getStyles({linkVariantRoot:e,display:"inline-flex",alignItems:"center",className:r.cx(n,"uds-ring",i&&"underline",f)})}),[i,b,t,e,f]),g=r.getStyles({linkVariantIconStart:e,linkTextStyleIcon:t,className:r.cx(b&&"w-[0.7em] h-[0.7em]")}),l=r.getStyles({linkVariantIconEnd:e,linkTextStyleIcon:t,className:r.cx(b&&"w-[0.7em] h-[0.7em]")}),P={variant:"outline",color:"current"};return c.jsxs("a",{ref:s,className:O,...p,children:[n&&c.jsx(r.IconSlot,{className:g,icon:n,iconProps:P,"data-testid":"start-icon"}),u,o&&c.jsx(r.IconSlot,{className:l,icon:o,iconProps:P,"data-testid":"end-icon"})]})}));s.displayName="Link",Object.defineProperty(exports,"FormLabel",{enumerable:!0,get:function(){return e.FormLabel}}),Object.defineProperty(exports,"Image",{enumerable:!0,get:function(){return e.Image}}),Object.defineProperty(exports,"InputHelpText",{enumerable:!0,get:function(){return e.InputHelpTextMemo}}),Object.defineProperty(exports,"Box",{enumerable:!0,get:function(){return r.Box}}),Object.defineProperty(exports,"HStack",{enumerable:!0,get:function(){return r.HStack}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return r.Icon}}),Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return r.Text}}),Object.defineProperty(exports,"VStack",{enumerable:!0,get:function(){return r.VStack}}),Object.defineProperty(exports,"cva",{enumerable:!0,get:function(){return r.cva}}),Object.defineProperty(exports,"cx",{enumerable:!0,get:function(){return r.cx}}),Object.defineProperty(exports,"getStyles",{enumerable:!0,get:function(){return r.getStyles}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE",{enumerable:!0,get:function(){return n.DEFAULT_COLOR_MODE}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_FOR_APP",{enumerable:!0,get:function(){return n.DEFAULT_COLOR_MODE_FOR_APP}}),Object.defineProperty(exports,"DEFAULT_HIGH_CONTRAST_MODE",{enumerable:!0,get:function(){return n.DEFAULT_HIGH_CONTRAST_MODE}}),Object.defineProperty(exports,"DEFAULT_REGION_MODE",{enumerable:!0,get:function(){return n.DEFAULT_REGION_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE",{enumerable:!0,get:function(){return n.DEFAULT_SCALE_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_FOR_APP",{enumerable:!0,get:function(){return n.DEFAULT_SCALE_MODE_FOR_APP}}),Object.defineProperty(exports,"FONT_DECLARATIONS_MAP",{enumerable:!0,get:function(){return n.FONT_DECLARATIONS_MAP}}),Object.defineProperty(exports,"alwaysPalette",{enumerable:!0,get:function(){return n.alwaysPalette}}),Object.defineProperty(exports,"button",{enumerable:!0,get:function(){return n.button}}),Object.defineProperty(exports,"cartesianProduct",{enumerable:!0,get:function(){return n.cartesianProduct}}),Object.defineProperty(exports,"coalesceConfigVariant",{enumerable:!0,get:function(){return n.coalesceConfigVariant}}),Object.defineProperty(exports,"configurableProperties",{enumerable:!0,get:function(){return n.configurableProperties}}),Object.defineProperty(exports,"createComponentStateConfig",{enumerable:!0,get:function(){return n.createComponentStateConfig}}),Object.defineProperty(exports,"createComponentStates",{enumerable:!0,get:function(){return n.createComponentStates}}),Object.defineProperty(exports,"createConfigurableProperty",{enumerable:!0,get:function(){return n.createConfigurableProperty}}),Object.defineProperty(exports,"createLayerConfig",{enumerable:!0,get:function(){return n.createLayerConfig}}),Object.defineProperty(exports,"createSubComponentConfig",{enumerable:!0,get:function(){return n.createSubComponentConfig}}),Object.defineProperty(exports,"createVariantConfig",{enumerable:!0,get:function(){return n.createVariantConfig}}),Object.defineProperty(exports,"createVariantConfigWithComponentStates",{enumerable:!0,get:function(){return n.createVariantConfigWithComponentStates}}),Object.defineProperty(exports,"createVariantConfigWithProperties",{enumerable:!0,get:function(){return n.createVariantConfigWithProperties}}),Object.defineProperty(exports,"defaultTokensConfig",{enumerable:!0,get:function(){return n.defaultTokensConfig}}),Object.defineProperty(exports,"defaultUniversalTokensConfigAuto",{enumerable:!0,get:function(){return n.defaultUniversalTokensConfigAuto}}),Object.defineProperty(exports,"findFixtureType",{enumerable:!0,get:function(){return n.findFixtureType}}),Object.defineProperty(exports,"fontWeightMap",{enumerable:!0,get:function(){return n.fontWeightMap}}),Object.defineProperty(exports,"fromEntries",{enumerable:!0,get:function(){return n.fromEntries}}),Object.defineProperty(exports,"generateClassName",{enumerable:!0,get:function(){return n.generateClassName}}),Object.defineProperty(exports,"generateDeclaration",{enumerable:!0,get:function(){return n.generateDeclaration}}),Object.defineProperty(exports,"generateKeyFromFlatConfigPath",{enumerable:!0,get:function(){return n.generateKeyFromFlatConfigPath}}),Object.defineProperty(exports,"generateSchemaKey",{enumerable:!0,get:function(){return n.generateSchemaKey}}),Object.defineProperty(exports,"generateStyles",{enumerable:!0,get:function(){return n.generateStyles}}),Object.defineProperty(exports,"getConfigDefaultValue",{enumerable:!0,get:function(){return n.getConfigDefaultValue}}),Object.defineProperty(exports,"getConfigPseudoStateVariables",{enumerable:!0,get:function(){return n.getConfigPseudoStateVariables}}),Object.defineProperty(exports,"getConfigPseudoStateVariablesWithSetter",{enumerable:!0,get:function(){return n.getConfigPseudoStateVariablesWithSetter}}),Object.defineProperty(exports,"getConfigSubcomponents",{enumerable:!0,get:function(){return n.getConfigSubcomponents}}),Object.defineProperty(exports,"getConfigVariantComponentStates",{enumerable:!0,get:function(){return n.getConfigVariantComponentStates}}),Object.defineProperty(exports,"getConfigVariantComponentStatesMatrix",{enumerable:!0,get:function(){return n.getConfigVariantComponentStatesMatrix}}),Object.defineProperty(exports,"getConfigVariantProperties",{enumerable:!0,get:function(){return n.getConfigVariantProperties}}),Object.defineProperty(exports,"getConfigVariantPseudoStates",{enumerable:!0,get:function(){return n.getConfigVariantPseudoStates}}),Object.defineProperty(exports,"getConfigVariants",{enumerable:!0,get:function(){return n.getConfigVariants}}),Object.defineProperty(exports,"getDefaultButtonBaseMap",{enumerable:!0,get:function(){return n.getDefaultButtonBaseMap}}),Object.defineProperty(exports,"isConfigDefaultValue",{enumerable:!0,get:function(){return n.isConfigDefaultValue}}),Object.defineProperty(exports,"parseButtonVariantFlat",{enumerable:!0,get:function(){return n.parseButtonVariantFlat}}),Object.defineProperty(exports,"parseDeprecatedButtonPaletteVariant",{enumerable:!0,get:function(){return n.parseDeprecatedButtonPaletteVariant}}),Object.defineProperty(exports,"setConfigPseudoStateVariable",{enumerable:!0,get:function(){return n.setConfigPseudoStateVariable}}),Object.defineProperty(exports,"shadow",{enumerable:!0,get:function(){return n.shadow}}),Object.defineProperty(exports,"statePseudoMapDocsMode",{enumerable:!0,get:function(){return n.statePseudoMapDocsMode}}),Object.defineProperty(exports,"toMinimalDbConfigObject",{enumerable:!0,get:function(){return n.toMinimalDbConfigObject}}),Object.defineProperty(exports,"entries",{enumerable:!0,get:function(){return o.entries}}),Object.defineProperty(exports,"mapValues",{enumerable:!0,get:function(){return o.mapValues}}),Object.defineProperty(exports,"variants",{enumerable:!0,get:function(){return i.variants}}),Object.defineProperty(exports,"AVATAR_SIZE_PREFIX",{enumerable:!0,get:function(){return u.AVATAR_SIZE_PREFIX}}),Object.defineProperty(exports,"BORDER_RADIUS_PREFIX",{enumerable:!0,get:function(){return u.BORDER_RADIUS_PREFIX}}),Object.defineProperty(exports,"BORDER_WIDTH_PREFIX",{enumerable:!0,get:function(){return u.BORDER_WIDTH_PREFIX}}),Object.defineProperty(exports,"BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return u.BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"DARK_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.DARK_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.DEFAULT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.DEFAULT_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"FONT_FAMILY_PREFIX",{enumerable:!0,get:function(){return u.FONT_FAMILY_PREFIX}}),Object.defineProperty(exports,"FONT_SIZE_PREFIX",{enumerable:!0,get:function(){return u.FONT_SIZE_PREFIX}}),Object.defineProperty(exports,"FONT_SLANT_PREFIX",{enumerable:!0,get:function(){return u.FONT_SLANT_PREFIX}}),Object.defineProperty(exports,"FONT_WEIGHT_PREFIX",{enumerable:!0,get:function(){return u.FONT_WEIGHT_PREFIX}}),Object.defineProperty(exports,"FONT_WIDTH_PREFIX",{enumerable:!0,get:function(){return u.FONT_WIDTH_PREFIX}}),Object.defineProperty(exports,"ICON_BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return u.ICON_BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"ICON_SIZE_PREFIX",{enumerable:!0,get:function(){return u.ICON_SIZE_PREFIX}}),Object.defineProperty(exports,"LARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.LARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"LIGHT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.LIGHT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LINE_HEIGHT_PREFIX",{enumerable:!0,get:function(){return u.LINE_HEIGHT_PREFIX}}),Object.defineProperty(exports,"MEDIUM_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.MEDIUM_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"MOTION_PREFIX",{enumerable:!0,get:function(){return u.MOTION_PREFIX}}),Object.defineProperty(exports,"PSEUDO_STYLE_SELECTOR_MAP",{enumerable:!0,get:function(){return u.PSEUDO_STYLE_SELECTOR_MAP}}),Object.defineProperty(exports,"SMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.SMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"SPECTRUM_COLOR_PREFIX",{enumerable:!0,get:function(){return u.SPECTRUM_COLOR_PREFIX}}),Object.defineProperty(exports,"TEXT_RESPONSIVE_CLASSNAME",{enumerable:!0,get:function(){return u.TEXT_RESPONSIVE_CLASSNAME}}),Object.defineProperty(exports,"TEXT_TRANSFORM_PREFIX",{enumerable:!0,get:function(){return u.TEXT_TRANSFORM_PREFIX}}),Object.defineProperty(exports,"UDS_PREFIX",{enumerable:!0,get:function(){return u.UDS_PREFIX}}),Object.defineProperty(exports,"XLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.XLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XSMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.XSMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.XXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.XXXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return f.Avatar}}),Object.defineProperty(exports,"AvatarIcon",{enumerable:!0,get:function(){return f.AvatarIcon}}),Object.defineProperty(exports,"AvatarImage",{enumerable:!0,get:function(){return f.AvatarImage}}),Object.defineProperty(exports,"AvatarText",{enumerable:!0,get:function(){return f.AvatarText}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return f.Badge}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return f.Button}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return f.Checkbox}}),Object.defineProperty(exports,"Chip",{enumerable:!0,get:function(){return f.Chip}}),Object.defineProperty(exports,"ChipButton",{enumerable:!0,get:function(){return f.ChipButton}}),Object.defineProperty(exports,"ChipDismissible",{enumerable:!0,get:function(){return f.ChipDismissible}}),Object.defineProperty(exports,"ChipLink",{enumerable:!0,get:function(){return f.ChipLink}}),Object.defineProperty(exports,"ChipToggle",{enumerable:!0,get:function(){return f.ChipToggle}}),Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return f.IconButton}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return f.Input}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return f.Menu}}),Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return f.Pressable}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return f.Radio}}),Object.defineProperty(exports,"RadioGroupProvider",{enumerable:!0,get:function(){return f.RadioGroupProvider}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return f.SpringMotionConfig}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return f.Switch}}),exports.Divider=p,exports.Link=s;
|
1
|
+
"use strict";var e=require("./chunk-6BNYCBB5.cjs"),t=require("./chunk-RDF2NPZV.cjs"),r=require("./chunk-TJZ4HVAG.cjs"),n=require("./chunk-WGG66FKO.cjs"),o=require("./chunk-J7PUOUXC.cjs"),i=require("./chunk-A6QBZQH4.cjs"),u=require("./chunk-4NZKRK55.cjs"),a=require("react"),c=require("react/jsx-runtime"),f=require("@yahoo/uds/client"),p=a.forwardRef((function(e,r){return c.jsx(t.DividerInternal,{ref:r,...e})}));/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */p.displayName="Divider";var s=a.forwardRef((function({variant:e="primary",textVariant:t,startIcon:n,endIcon:o,alwaysUnderline:i=!1,children:u,className:f,...p},s){const b=!t,O=a.useMemo((()=>{const n=!b&&r.getStyles({linkTextStyleRoot:t,fontSize:t,fontFamily:t,fontWeight:t,lineHeight:t,textTransform:t});return r.getStyles({linkVariantRoot:e,display:"inline-flex",alignItems:"center",className:r.cx(n,"uds-ring",i&&"underline",f)})}),[i,b,t,e,f]),g=r.getStyles({linkVariantIconStart:e,linkTextStyleIcon:t,className:r.cx(b&&"w-[0.7em] h-[0.7em]")}),l=r.getStyles({linkVariantIconEnd:e,linkTextStyleIcon:t,className:r.cx(b&&"w-[0.7em] h-[0.7em]")}),P={variant:"outline",color:"current"};return c.jsxs("a",{ref:s,className:O,...p,children:[n&&c.jsx(r.IconSlot,{className:g,icon:n,iconProps:P,"data-testid":"start-icon"}),u,o&&c.jsx(r.IconSlot,{className:l,icon:o,iconProps:P,"data-testid":"end-icon"})]})}));s.displayName="Link",Object.defineProperty(exports,"FormLabel",{enumerable:!0,get:function(){return e.FormLabel}}),Object.defineProperty(exports,"Image",{enumerable:!0,get:function(){return e.Image}}),Object.defineProperty(exports,"InputHelpText",{enumerable:!0,get:function(){return e.InputHelpTextMemo}}),Object.defineProperty(exports,"Box",{enumerable:!0,get:function(){return r.Box}}),Object.defineProperty(exports,"HStack",{enumerable:!0,get:function(){return r.HStack}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return r.Icon}}),Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return r.Text}}),Object.defineProperty(exports,"VStack",{enumerable:!0,get:function(){return r.VStack}}),Object.defineProperty(exports,"cva",{enumerable:!0,get:function(){return r.cva}}),Object.defineProperty(exports,"cx",{enumerable:!0,get:function(){return r.cx}}),Object.defineProperty(exports,"getStyles",{enumerable:!0,get:function(){return r.getStyles}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE",{enumerable:!0,get:function(){return n.DEFAULT_COLOR_MODE}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_FOR_APP",{enumerable:!0,get:function(){return n.DEFAULT_COLOR_MODE_FOR_APP}}),Object.defineProperty(exports,"DEFAULT_HIGH_CONTRAST_MODE",{enumerable:!0,get:function(){return n.DEFAULT_HIGH_CONTRAST_MODE}}),Object.defineProperty(exports,"DEFAULT_REGION_MODE",{enumerable:!0,get:function(){return n.DEFAULT_REGION_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE",{enumerable:!0,get:function(){return n.DEFAULT_SCALE_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_FOR_APP",{enumerable:!0,get:function(){return n.DEFAULT_SCALE_MODE_FOR_APP}}),Object.defineProperty(exports,"FONT_DECLARATIONS_MAP",{enumerable:!0,get:function(){return n.FONT_DECLARATIONS_MAP}}),Object.defineProperty(exports,"alwaysPalette",{enumerable:!0,get:function(){return n.alwaysPalette}}),Object.defineProperty(exports,"button",{enumerable:!0,get:function(){return n.button}}),Object.defineProperty(exports,"cartesianProduct",{enumerable:!0,get:function(){return n.cartesianProduct}}),Object.defineProperty(exports,"coalesceConfigVariant",{enumerable:!0,get:function(){return n.coalesceConfigVariant}}),Object.defineProperty(exports,"configurableProperties",{enumerable:!0,get:function(){return n.configurableProperties}}),Object.defineProperty(exports,"createComponentStateConfig",{enumerable:!0,get:function(){return n.createComponentStateConfig}}),Object.defineProperty(exports,"createComponentStates",{enumerable:!0,get:function(){return n.createComponentStates}}),Object.defineProperty(exports,"createConfigurableProperty",{enumerable:!0,get:function(){return n.createConfigurableProperty}}),Object.defineProperty(exports,"createLayerConfig",{enumerable:!0,get:function(){return n.createLayerConfig}}),Object.defineProperty(exports,"createSubComponentConfig",{enumerable:!0,get:function(){return n.createSubComponentConfig}}),Object.defineProperty(exports,"createVariantConfig",{enumerable:!0,get:function(){return n.createVariantConfig}}),Object.defineProperty(exports,"createVariantConfigWithComponentStates",{enumerable:!0,get:function(){return n.createVariantConfigWithComponentStates}}),Object.defineProperty(exports,"createVariantConfigWithProperties",{enumerable:!0,get:function(){return n.createVariantConfigWithProperties}}),Object.defineProperty(exports,"defaultTokensConfig",{enumerable:!0,get:function(){return n.defaultTokensConfig}}),Object.defineProperty(exports,"defaultUniversalTokensConfigAuto",{enumerable:!0,get:function(){return n.defaultUniversalTokensConfigAuto}}),Object.defineProperty(exports,"findFixtureType",{enumerable:!0,get:function(){return n.findFixtureType}}),Object.defineProperty(exports,"fontWeightMap",{enumerable:!0,get:function(){return n.fontWeightMap}}),Object.defineProperty(exports,"fromEntries",{enumerable:!0,get:function(){return n.fromEntries}}),Object.defineProperty(exports,"generateClassName",{enumerable:!0,get:function(){return n.generateClassName}}),Object.defineProperty(exports,"generateDeclaration",{enumerable:!0,get:function(){return n.generateDeclaration}}),Object.defineProperty(exports,"generateKeyFromFlatConfigPath",{enumerable:!0,get:function(){return n.generateKeyFromFlatConfigPath}}),Object.defineProperty(exports,"generateSchemaKey",{enumerable:!0,get:function(){return n.generateSchemaKey}}),Object.defineProperty(exports,"generateStyles",{enumerable:!0,get:function(){return n.generateStyles}}),Object.defineProperty(exports,"getConfigDefaultValue",{enumerable:!0,get:function(){return n.getConfigDefaultValue}}),Object.defineProperty(exports,"getConfigPseudoStateVariables",{enumerable:!0,get:function(){return n.getConfigPseudoStateVariables}}),Object.defineProperty(exports,"getConfigPseudoStateVariablesWithSetter",{enumerable:!0,get:function(){return n.getConfigPseudoStateVariablesWithSetter}}),Object.defineProperty(exports,"getConfigSubcomponents",{enumerable:!0,get:function(){return n.getConfigSubcomponents}}),Object.defineProperty(exports,"getConfigVariantComponentStates",{enumerable:!0,get:function(){return n.getConfigVariantComponentStates}}),Object.defineProperty(exports,"getConfigVariantComponentStatesMatrix",{enumerable:!0,get:function(){return n.getConfigVariantComponentStatesMatrix}}),Object.defineProperty(exports,"getConfigVariantProperties",{enumerable:!0,get:function(){return n.getConfigVariantProperties}}),Object.defineProperty(exports,"getConfigVariantPseudoStates",{enumerable:!0,get:function(){return n.getConfigVariantPseudoStates}}),Object.defineProperty(exports,"getConfigVariants",{enumerable:!0,get:function(){return n.getConfigVariants}}),Object.defineProperty(exports,"getDefaultButtonBaseMap",{enumerable:!0,get:function(){return n.getDefaultButtonBaseMap}}),Object.defineProperty(exports,"isConfigDefaultValue",{enumerable:!0,get:function(){return n.isConfigDefaultValue}}),Object.defineProperty(exports,"parseButtonVariantFlat",{enumerable:!0,get:function(){return n.parseButtonVariantFlat}}),Object.defineProperty(exports,"parseDeprecatedButtonPaletteVariant",{enumerable:!0,get:function(){return n.parseDeprecatedButtonPaletteVariant}}),Object.defineProperty(exports,"setConfigPseudoStateVariable",{enumerable:!0,get:function(){return n.setConfigPseudoStateVariable}}),Object.defineProperty(exports,"shadow",{enumerable:!0,get:function(){return n.shadow}}),Object.defineProperty(exports,"statePseudoMapDocsMode",{enumerable:!0,get:function(){return n.statePseudoMapDocsMode}}),Object.defineProperty(exports,"toMinimalDbConfigObject",{enumerable:!0,get:function(){return n.toMinimalDbConfigObject}}),Object.defineProperty(exports,"entries",{enumerable:!0,get:function(){return o.entries}}),Object.defineProperty(exports,"mapValues",{enumerable:!0,get:function(){return o.mapValues}}),Object.defineProperty(exports,"variants",{enumerable:!0,get:function(){return i.variants}}),Object.defineProperty(exports,"AVATAR_SIZE_PREFIX",{enumerable:!0,get:function(){return u.AVATAR_SIZE_PREFIX}}),Object.defineProperty(exports,"BORDER_RADIUS_PREFIX",{enumerable:!0,get:function(){return u.BORDER_RADIUS_PREFIX}}),Object.defineProperty(exports,"BORDER_WIDTH_PREFIX",{enumerable:!0,get:function(){return u.BORDER_WIDTH_PREFIX}}),Object.defineProperty(exports,"BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return u.BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"DARK_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.DARK_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.DEFAULT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.DEFAULT_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"FONT_FAMILY_PREFIX",{enumerable:!0,get:function(){return u.FONT_FAMILY_PREFIX}}),Object.defineProperty(exports,"FONT_SIZE_PREFIX",{enumerable:!0,get:function(){return u.FONT_SIZE_PREFIX}}),Object.defineProperty(exports,"FONT_SLANT_PREFIX",{enumerable:!0,get:function(){return u.FONT_SLANT_PREFIX}}),Object.defineProperty(exports,"FONT_WEIGHT_PREFIX",{enumerable:!0,get:function(){return u.FONT_WEIGHT_PREFIX}}),Object.defineProperty(exports,"FONT_WIDTH_PREFIX",{enumerable:!0,get:function(){return u.FONT_WIDTH_PREFIX}}),Object.defineProperty(exports,"ICON_BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return u.ICON_BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"ICON_SIZE_PREFIX",{enumerable:!0,get:function(){return u.ICON_SIZE_PREFIX}}),Object.defineProperty(exports,"LARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.LARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"LIGHT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.LIGHT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LINE_HEIGHT_PREFIX",{enumerable:!0,get:function(){return u.LINE_HEIGHT_PREFIX}}),Object.defineProperty(exports,"MEDIUM_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.MEDIUM_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"MOTION_PREFIX",{enumerable:!0,get:function(){return u.MOTION_PREFIX}}),Object.defineProperty(exports,"PSEUDO_STYLE_SELECTOR_MAP",{enumerable:!0,get:function(){return u.PSEUDO_STYLE_SELECTOR_MAP}}),Object.defineProperty(exports,"SMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.SMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"SPECTRUM_COLOR_PREFIX",{enumerable:!0,get:function(){return u.SPECTRUM_COLOR_PREFIX}}),Object.defineProperty(exports,"TEXT_RESPONSIVE_CLASSNAME",{enumerable:!0,get:function(){return u.TEXT_RESPONSIVE_CLASSNAME}}),Object.defineProperty(exports,"TEXT_TRANSFORM_PREFIX",{enumerable:!0,get:function(){return u.TEXT_TRANSFORM_PREFIX}}),Object.defineProperty(exports,"UDS_PREFIX",{enumerable:!0,get:function(){return u.UDS_PREFIX}}),Object.defineProperty(exports,"XLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.XLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XSMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.XSMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.XXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return u.XXXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return f.Avatar}}),Object.defineProperty(exports,"AvatarIcon",{enumerable:!0,get:function(){return f.AvatarIcon}}),Object.defineProperty(exports,"AvatarImage",{enumerable:!0,get:function(){return f.AvatarImage}}),Object.defineProperty(exports,"AvatarText",{enumerable:!0,get:function(){return f.AvatarText}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return f.Badge}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return f.Button}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return f.Checkbox}}),Object.defineProperty(exports,"Chip",{enumerable:!0,get:function(){return f.Chip}}),Object.defineProperty(exports,"ChipButton",{enumerable:!0,get:function(){return f.ChipButton}}),Object.defineProperty(exports,"ChipDismissible",{enumerable:!0,get:function(){return f.ChipDismissible}}),Object.defineProperty(exports,"ChipLink",{enumerable:!0,get:function(){return f.ChipLink}}),Object.defineProperty(exports,"ChipToggle",{enumerable:!0,get:function(){return f.ChipToggle}}),Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return f.IconButton}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return f.Input}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return f.Menu}}),Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return f.Pressable}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return f.Radio}}),Object.defineProperty(exports,"RadioGroupProvider",{enumerable:!0,get:function(){return f.RadioGroupProvider}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return f.SpringMotionConfig}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return f.Switch}}),exports.Divider=p,exports.Link=s;
|
package/dist/index.d.cts
CHANGED
@@ -1,15 +1,15 @@
|
|
1
|
-
import { a as DivProps } from './VStack-
|
2
|
-
export { b as Box, B as BoxProps, c as Divider, D as DividerProps, d as VStack, V as VStackProps } from './VStack-
|
1
|
+
import { a as DivProps } from './VStack-DUhbtLPK.cjs';
|
2
|
+
export { b as Box, B as BoxProps, c as Divider, D as DividerProps, d as VStack, V as VStackProps } from './VStack-DUhbtLPK.cjs';
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
4
|
-
import {
|
5
|
-
export {
|
4
|
+
import { r as UniversalFormLabelProps, h as UniversalStackProps, s as IconPropsWithSVGProps, t as ImagePropsWithImgProps, u as UniversalIconSlot, v as UniversalLinkProps, w as UniversalTextProps } from './types-bUSRKyjU.cjs';
|
5
|
+
export { A as AVATAR_SIZE_PREFIX, ae as AlwaysPalette, af as AlwaysPaletteAlias, ag as AlwaysPaletteColor, ah as Animation, ai as AriaAttribute, aj as AvatarAbbreviationStrategy, ak as AvatarShape, al as AvatarSize, am as AvatarSizeConfig, an as AvatarVariant, D as BORDER_RADIUS_PREFIX, E as BORDER_WIDTH_PREFIX, a6 as BUTTON_CSS_VAR_MAP, ao as BackgroundColor, ap as BackgroundPalette, aq as BackgroundPaletteAlias, ar as BackgroundStyleProps, as as BadgeSize, at as BadgeVariant, au as BorderRadius, av as BorderRadiusConfig, aw as BorderStyleProps, ax as BorderWidth, ay as BorderWidthConfig, az as Breakpoint, aA as BreakpointsConfig, aB as ButtonBaseConfig, j as ButtonClassMap, aC as ButtonClassName, aD as ButtonColorConfig, aE as ButtonColorEffect, aF as ButtonColorEffectConfig, k as ButtonColorProperty, l as ButtonColorPropertyConfig, B as ButtonConfig, aG as ButtonKind, aH as ButtonMotionEffect, aI as ButtonMotionProperty, aJ as ButtonMotionPropertyConfig, aK as ButtonPalette, aL as ButtonPaletteColor, aM as ButtonPaletteConfig, aN as ButtonShadowPropertyConfig, aO as ButtonSize, aP as ButtonSizeConfig, aQ as ButtonSizeProperty, aR as ButtonSpectrumColor, aS as ButtonState, aT as ButtonStateConfig, aU as ButtonStateEffectConfig, aV as ButtonVariant, aW as ButtonVariantConfig, aX as ButtonVariantFlat, aY as CheckboxSize, aZ as CheckboxValue, a_ as CheckboxVariant, a$ as ChipSize, b0 as ChipVariant, C as ColorMode, b1 as ColorModeConfig, b2 as ColorModeForApp, c as ColorsConfig, b3 as ConfigurableDropShadowValues, b4 as ConfigurableInsetShadowValues, b5 as CustomSizingStyleProps, W as DARK_COLOR_MODE_CLASSNAME, a3 as DEFAULT_COLOR_MODE_CLASSNAME, a4 as DEFAULT_SCALE_MODE_CLASSNAME, b6 as DataAttribute, b7 as Display, b8 as DividerVariant, a9 as FONT_DECLARATIONS_MAP, G as FONT_FAMILY_PREFIX, J as FONT_SIZE_PREFIX, L as FONT_SLANT_PREFIX, K as FONT_WEIGHT_PREFIX, N as FONT_WIDTH_PREFIX, b9 as Flex, ba as FlexAlignContent, bb as FlexAlignItems, bc as FlexAlignSelf, bd as FlexBasis, be as FlexDirection, bf as FlexGrow, bg as FlexJustifyContent, bh as FlexShrink, bi as FlexStyleProps, bj as FlexWrap, bk as FontAlias, aa as FontAxisConfig, p as FontConfig, bl as FontCssVar, ab as FontDeclarationConfig, o as FontDeclarationItemConfig, ac as FontDeclarationMap, bm as FontFamilyCDNUrl, bn as FontFamilyConfig, F as FontID, bo as FontSize, bp as FontSizeConfig, bq as FontSlantConfig, br as FontType, bs as FontWeightConfig, bt as FontWeightDescriptive, ad as FontWeightForFont, bu as FontWeightNumeric, bv as FontWidthConfig, bw as ForegroundColor, bx as ForegroundPalette, by as ForegroundPaletteAlias, bz as GlobalDefaultsConfig, bA as HighContrastMode, H as Hue, d as HueStep, a7 as ICON_BUTTON_CSS_VAR_MAP, O as ICON_SIZE_PREFIX, I as IconButtonClassMap, bB as IconButtonClassName, bC as IconButtonConfig, bD as IconButtonDefaultsConfig, bE as IconButtonSize, bF as IconSizeConfig, bG as ImageStyleProps, bH as InputSize, $ as LARGE_SCALE_MODE_CLASSNAME, X as LIGHT_COLOR_MODE_CLASSNAME, Q as LINE_HEIGHT_PREFIX, bI as LayoutStyleProps, bJ as LetterSpacing, bK as LineClampAlias, bL as LineColor, bM as LineHeight, bN as LineHeightConfig, bO as LinePalette, bP as LinePaletteAlias, _ as MEDIUM_SCALE_MODE_CLASSNAME, R as MOTION_PREFIX, bQ as Modes, M as MotionConfig, bR as MotionCssVar, bS as MotionSpringConfig, bT as MotionSpringConfigOptions, bU as MotionVariant, bV as MotionVariantSpeed, bW as MotionVariantValues, bX as Overflow, a8 as PSEUDO_STYLE_SELECTOR_MAP, bY as Palette, e as PaletteConfig, P as PaletteType, bZ as PaletteValue, b_ as Pixels, b$ as PlatformMode, c0 as Position, c1 as PropertyToPaletteAliasMap, c2 as RadioSize, c3 as RadioValue, c4 as RadioVariant, c5 as RegionMode, c6 as Rems, Z as SMALL_SCALE_MODE_CLASSNAME, T as SPECTRUM_COLOR_PREFIX, c7 as ScaleConfig, c8 as ScaleEffectMap, S as ScaleMode, c9 as ScaleModeConfig, ca as ScaleModeForApp, cb as ShadowColor, cc as ShadowColorConfig, cd as ShadowConfig, ce as ShadowOffset, cf as ShadowOpacity, cg as ShadowPalette, ch as ShadowPaletteAlias, f as ShadowPreset, ci as ShadowSpreadRadius, cj as ShadowStyleProps, q as ShadowType, ck as ShadowTypeConfig, cl as ShadowVariant, cm as ShadowVariantConfig, cn as ShadowVariantInvert, co as ShadowVariantWithInvert, cp as SharedPaletteAlias, m as SpacingAlias, cq as SpacingConfig, cr as SpacingStyleProps, cs as SpectrumColor, ct as SpectrumConfig, cu as StateStyleProps, cv as StyleProps, cw as SwitchSize, a5 as TEXT_RESPONSIVE_CLASSNAME, V as TEXT_TRANSFORM_PREFIX, cG as TShirtSize, cH as TShirtSizeCommon, cx as TextDecorationLine, cy as TextProperty, cz as TextStyleProps, cA as TextTransform, cB as TextTransformConfig, cC as TextVariant, cD as TransitionDelay, cE as TransitionDuration, cF as TransitionTiming, cI as TypographyConfig, cJ as TypographyResponsiveProperty, cK as TypographyStyle, cL as TypographyStyleProperty, cM as TypographyUnitValue, z as UDS_PREFIX, cN as UdsCssVar, cO as Unitless, cP as UniversalAvatarIconProps, cQ as UniversalAvatarImageProps, cR as UniversalAvatarProps, cS as UniversalAvatarTextProps, cT as UniversalBadgeProps, g as UniversalBoxProps, cU as UniversalButtonProps, cV as UniversalCheckboxProps, cW as UniversalChipBaseProps, cX as UniversalChipButtonProps, cY as UniversalChipDismissibleProps, cZ as UniversalChipLinkProps, c_ as UniversalChipProps, c$ as UniversalChipToggleProps, i as UniversalDividerProps, d0 as UniversalIconButtonProps, d1 as UniversalIconProps, d2 as UniversalImageProps, U as UniversalInputProps, n as UniversalMenuItemProps, a as UniversalPressableProps, d3 as UniversalRadioGroupProps, d4 as UniversalRadioProps, d5 as UniversalSwitchProps, b as UniversalTokensConfig, d6 as UniversalTokensConfigAuto, a0 as XLARGE_SCALE_MODE_CLASSNAME, Y as XSMALL_SCALE_MODE_CLASSNAME, a1 as XXLARGE_SCALE_MODE_CLASSNAME, a2 as XXXLARGE_SCALE_MODE_CLASSNAME, x as alwaysPalette, y as defaultUniversalTokensConfigAuto } from './types-bUSRKyjU.cjs';
|
6
6
|
import * as react from 'react';
|
7
7
|
import { PropsWithChildren, Ref, Dispatch, SetStateAction } from 'react';
|
8
|
-
import { I as InputProps } from './Input-
|
8
|
+
import { I as InputProps } from './Input-Cqqrcr9V.cjs';
|
9
9
|
export { Avatar, AvatarIcon, AvatarIconProps, AvatarImage, AvatarImageProps, AvatarProps, AvatarText, AvatarTextProps, Badge, BadgeProps, Button, ButtonProps, Checkbox, CheckboxProps, Chip, ChipButton, ChipButtonProps, ChipDismissible, ChipDismissibleProps, ChipLink, ChipLinkProps, ChipProps, ChipToggle, ChipToggleProps, IconButton, IconButtonProps, Input, InputProps, Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps, Pressable, PressableProps, Radio, RadioGroupProvider, RadioGroupProviderProps, RadioProps, SpringMotionConfig, SpringMotionConfigProps, Switch, SwitchProps } from '@yahoo/uds/client';
|
10
10
|
export { AllSelectors, BaseSelector, CssStyleObject, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_FOR_APP, ParentVariantSelector, button, cartesianProduct, coalesceConfigVariant, defaultTokensConfig, entries, fontWeightMap, fromEntries, generateKeyFromFlatConfigPath, generateSchemaKey, getConfigDefaultValue, getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getDefaultButtonBaseMap, isConfigDefaultValue, mapValues, parseButtonVariantFlat, parseDeprecatedButtonPaletteVariant, setConfigPseudoStateVariable, shadow, variants } from './tokens/index.cjs';
|
11
11
|
export { AvatarConfig, BadgeConfig, CheckboxConfig, ChipConfig, DividerConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig } from './tokens/automation/configs.cjs';
|
12
|
-
export { A as AllPossibleProperties, j as AllVariantKeys, i as AutoComponentName, h as AutoComponents, g as ComponentConfig, b as ComponentStateConfig, C as ConfigurablePropertiesName, E as ExtendablePropertiesName, L as LayerConfig, P as PossibleStates, a as PossibleStatesWithRest, k as SchemaStateValue, S as SelectedConfigurableProperty, d as SubComponentConfig, V as VariantConfig, f as VariantConfigWithComponentStates, e as VariantConfigWithProperties, c as configurableProperties, r as createComponentStateConfig, w as createComponentStates, p as createConfigurableProperty, x as createLayerConfig, y as createSubComponentConfig, q as createVariantConfig, v as createVariantConfigWithComponentStates, u as createVariantConfigWithProperties, l as findFixtureType, m as generateClassName, n as generateDeclaration, o as generateStyles, s as statePseudoMapDocsMode, t as toMinimalDbConfigObject } from './index-
|
12
|
+
export { A as AllPossibleProperties, j as AllVariantKeys, i as AutoComponentName, h as AutoComponents, g as ComponentConfig, b as ComponentStateConfig, C as ConfigurablePropertiesName, E as ExtendablePropertiesName, L as LayerConfig, P as PossibleStates, a as PossibleStatesWithRest, k as SchemaStateValue, S as SelectedConfigurableProperty, d as SubComponentConfig, V as VariantConfig, f as VariantConfigWithComponentStates, e as VariantConfigWithProperties, c as configurableProperties, r as createComponentStateConfig, w as createComponentStates, p as createConfigurableProperty, x as createLayerConfig, y as createSubComponentConfig, q as createVariantConfig, v as createVariantConfigWithComponentStates, u as createVariantConfigWithProperties, l as findFixtureType, m as generateClassName, n as generateDeclaration, o as generateStyles, s as statePseudoMapDocsMode, t as toMinimalDbConfigObject } from './index-BuZPwX-z.cjs';
|
13
13
|
export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
|
14
14
|
import 'motion/react';
|
15
15
|
import 'type-fest';
|
package/dist/index.d.ts
CHANGED
@@ -1,15 +1,15 @@
|
|
1
|
-
import { a as DivProps } from './VStack-
|
2
|
-
export { b as Box, B as BoxProps, c as Divider, D as DividerProps, d as VStack, V as VStackProps } from './VStack-
|
1
|
+
import { a as DivProps } from './VStack-DSWpLD2I.js';
|
2
|
+
export { b as Box, B as BoxProps, c as Divider, D as DividerProps, d as VStack, V as VStackProps } from './VStack-DSWpLD2I.js';
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
4
|
-
import {
|
5
|
-
export {
|
4
|
+
import { r as UniversalFormLabelProps, h as UniversalStackProps, s as IconPropsWithSVGProps, t as ImagePropsWithImgProps, u as UniversalIconSlot, v as UniversalLinkProps, w as UniversalTextProps } from './types-bUSRKyjU.js';
|
5
|
+
export { A as AVATAR_SIZE_PREFIX, ae as AlwaysPalette, af as AlwaysPaletteAlias, ag as AlwaysPaletteColor, ah as Animation, ai as AriaAttribute, aj as AvatarAbbreviationStrategy, ak as AvatarShape, al as AvatarSize, am as AvatarSizeConfig, an as AvatarVariant, D as BORDER_RADIUS_PREFIX, E as BORDER_WIDTH_PREFIX, a6 as BUTTON_CSS_VAR_MAP, ao as BackgroundColor, ap as BackgroundPalette, aq as BackgroundPaletteAlias, ar as BackgroundStyleProps, as as BadgeSize, at as BadgeVariant, au as BorderRadius, av as BorderRadiusConfig, aw as BorderStyleProps, ax as BorderWidth, ay as BorderWidthConfig, az as Breakpoint, aA as BreakpointsConfig, aB as ButtonBaseConfig, j as ButtonClassMap, aC as ButtonClassName, aD as ButtonColorConfig, aE as ButtonColorEffect, aF as ButtonColorEffectConfig, k as ButtonColorProperty, l as ButtonColorPropertyConfig, B as ButtonConfig, aG as ButtonKind, aH as ButtonMotionEffect, aI as ButtonMotionProperty, aJ as ButtonMotionPropertyConfig, aK as ButtonPalette, aL as ButtonPaletteColor, aM as ButtonPaletteConfig, aN as ButtonShadowPropertyConfig, aO as ButtonSize, aP as ButtonSizeConfig, aQ as ButtonSizeProperty, aR as ButtonSpectrumColor, aS as ButtonState, aT as ButtonStateConfig, aU as ButtonStateEffectConfig, aV as ButtonVariant, aW as ButtonVariantConfig, aX as ButtonVariantFlat, aY as CheckboxSize, aZ as CheckboxValue, a_ as CheckboxVariant, a$ as ChipSize, b0 as ChipVariant, C as ColorMode, b1 as ColorModeConfig, b2 as ColorModeForApp, c as ColorsConfig, b3 as ConfigurableDropShadowValues, b4 as ConfigurableInsetShadowValues, b5 as CustomSizingStyleProps, W as DARK_COLOR_MODE_CLASSNAME, a3 as DEFAULT_COLOR_MODE_CLASSNAME, a4 as DEFAULT_SCALE_MODE_CLASSNAME, b6 as DataAttribute, b7 as Display, b8 as DividerVariant, a9 as FONT_DECLARATIONS_MAP, G as FONT_FAMILY_PREFIX, J as FONT_SIZE_PREFIX, L as FONT_SLANT_PREFIX, K as FONT_WEIGHT_PREFIX, N as FONT_WIDTH_PREFIX, b9 as Flex, ba as FlexAlignContent, bb as FlexAlignItems, bc as FlexAlignSelf, bd as FlexBasis, be as FlexDirection, bf as FlexGrow, bg as FlexJustifyContent, bh as FlexShrink, bi as FlexStyleProps, bj as FlexWrap, bk as FontAlias, aa as FontAxisConfig, p as FontConfig, bl as FontCssVar, ab as FontDeclarationConfig, o as FontDeclarationItemConfig, ac as FontDeclarationMap, bm as FontFamilyCDNUrl, bn as FontFamilyConfig, F as FontID, bo as FontSize, bp as FontSizeConfig, bq as FontSlantConfig, br as FontType, bs as FontWeightConfig, bt as FontWeightDescriptive, ad as FontWeightForFont, bu as FontWeightNumeric, bv as FontWidthConfig, bw as ForegroundColor, bx as ForegroundPalette, by as ForegroundPaletteAlias, bz as GlobalDefaultsConfig, bA as HighContrastMode, H as Hue, d as HueStep, a7 as ICON_BUTTON_CSS_VAR_MAP, O as ICON_SIZE_PREFIX, I as IconButtonClassMap, bB as IconButtonClassName, bC as IconButtonConfig, bD as IconButtonDefaultsConfig, bE as IconButtonSize, bF as IconSizeConfig, bG as ImageStyleProps, bH as InputSize, $ as LARGE_SCALE_MODE_CLASSNAME, X as LIGHT_COLOR_MODE_CLASSNAME, Q as LINE_HEIGHT_PREFIX, bI as LayoutStyleProps, bJ as LetterSpacing, bK as LineClampAlias, bL as LineColor, bM as LineHeight, bN as LineHeightConfig, bO as LinePalette, bP as LinePaletteAlias, _ as MEDIUM_SCALE_MODE_CLASSNAME, R as MOTION_PREFIX, bQ as Modes, M as MotionConfig, bR as MotionCssVar, bS as MotionSpringConfig, bT as MotionSpringConfigOptions, bU as MotionVariant, bV as MotionVariantSpeed, bW as MotionVariantValues, bX as Overflow, a8 as PSEUDO_STYLE_SELECTOR_MAP, bY as Palette, e as PaletteConfig, P as PaletteType, bZ as PaletteValue, b_ as Pixels, b$ as PlatformMode, c0 as Position, c1 as PropertyToPaletteAliasMap, c2 as RadioSize, c3 as RadioValue, c4 as RadioVariant, c5 as RegionMode, c6 as Rems, Z as SMALL_SCALE_MODE_CLASSNAME, T as SPECTRUM_COLOR_PREFIX, c7 as ScaleConfig, c8 as ScaleEffectMap, S as ScaleMode, c9 as ScaleModeConfig, ca as ScaleModeForApp, cb as ShadowColor, cc as ShadowColorConfig, cd as ShadowConfig, ce as ShadowOffset, cf as ShadowOpacity, cg as ShadowPalette, ch as ShadowPaletteAlias, f as ShadowPreset, ci as ShadowSpreadRadius, cj as ShadowStyleProps, q as ShadowType, ck as ShadowTypeConfig, cl as ShadowVariant, cm as ShadowVariantConfig, cn as ShadowVariantInvert, co as ShadowVariantWithInvert, cp as SharedPaletteAlias, m as SpacingAlias, cq as SpacingConfig, cr as SpacingStyleProps, cs as SpectrumColor, ct as SpectrumConfig, cu as StateStyleProps, cv as StyleProps, cw as SwitchSize, a5 as TEXT_RESPONSIVE_CLASSNAME, V as TEXT_TRANSFORM_PREFIX, cG as TShirtSize, cH as TShirtSizeCommon, cx as TextDecorationLine, cy as TextProperty, cz as TextStyleProps, cA as TextTransform, cB as TextTransformConfig, cC as TextVariant, cD as TransitionDelay, cE as TransitionDuration, cF as TransitionTiming, cI as TypographyConfig, cJ as TypographyResponsiveProperty, cK as TypographyStyle, cL as TypographyStyleProperty, cM as TypographyUnitValue, z as UDS_PREFIX, cN as UdsCssVar, cO as Unitless, cP as UniversalAvatarIconProps, cQ as UniversalAvatarImageProps, cR as UniversalAvatarProps, cS as UniversalAvatarTextProps, cT as UniversalBadgeProps, g as UniversalBoxProps, cU as UniversalButtonProps, cV as UniversalCheckboxProps, cW as UniversalChipBaseProps, cX as UniversalChipButtonProps, cY as UniversalChipDismissibleProps, cZ as UniversalChipLinkProps, c_ as UniversalChipProps, c$ as UniversalChipToggleProps, i as UniversalDividerProps, d0 as UniversalIconButtonProps, d1 as UniversalIconProps, d2 as UniversalImageProps, U as UniversalInputProps, n as UniversalMenuItemProps, a as UniversalPressableProps, d3 as UniversalRadioGroupProps, d4 as UniversalRadioProps, d5 as UniversalSwitchProps, b as UniversalTokensConfig, d6 as UniversalTokensConfigAuto, a0 as XLARGE_SCALE_MODE_CLASSNAME, Y as XSMALL_SCALE_MODE_CLASSNAME, a1 as XXLARGE_SCALE_MODE_CLASSNAME, a2 as XXXLARGE_SCALE_MODE_CLASSNAME, x as alwaysPalette, y as defaultUniversalTokensConfigAuto } from './types-bUSRKyjU.js';
|
6
6
|
import * as react from 'react';
|
7
7
|
import { PropsWithChildren, Ref, Dispatch, SetStateAction } from 'react';
|
8
|
-
import { I as InputProps } from './Input-
|
8
|
+
import { I as InputProps } from './Input-CpYGVQ-T.js';
|
9
9
|
export { Avatar, AvatarIcon, AvatarIconProps, AvatarImage, AvatarImageProps, AvatarProps, AvatarText, AvatarTextProps, Badge, BadgeProps, Button, ButtonProps, Checkbox, CheckboxProps, Chip, ChipButton, ChipButtonProps, ChipDismissible, ChipDismissibleProps, ChipLink, ChipLinkProps, ChipProps, ChipToggle, ChipToggleProps, IconButton, IconButtonProps, Input, InputProps, Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps, Pressable, PressableProps, Radio, RadioGroupProvider, RadioGroupProviderProps, RadioProps, SpringMotionConfig, SpringMotionConfigProps, Switch, SwitchProps } from '@yahoo/uds/client';
|
10
10
|
export { AllSelectors, BaseSelector, CssStyleObject, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_FOR_APP, ParentVariantSelector, button, cartesianProduct, coalesceConfigVariant, defaultTokensConfig, entries, fontWeightMap, fromEntries, generateKeyFromFlatConfigPath, generateSchemaKey, getConfigDefaultValue, getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getDefaultButtonBaseMap, isConfigDefaultValue, mapValues, parseButtonVariantFlat, parseDeprecatedButtonPaletteVariant, setConfigPseudoStateVariable, shadow, variants } from './tokens/index.js';
|
11
11
|
export { AvatarConfig, BadgeConfig, CheckboxConfig, ChipConfig, DividerConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig } from './tokens/automation/configs.js';
|
12
|
-
export { A as AllPossibleProperties, j as AllVariantKeys, i as AutoComponentName, h as AutoComponents, g as ComponentConfig, b as ComponentStateConfig, C as ConfigurablePropertiesName, E as ExtendablePropertiesName, L as LayerConfig, P as PossibleStates, a as PossibleStatesWithRest, k as SchemaStateValue, S as SelectedConfigurableProperty, d as SubComponentConfig, V as VariantConfig, f as VariantConfigWithComponentStates, e as VariantConfigWithProperties, c as configurableProperties, r as createComponentStateConfig, w as createComponentStates, p as createConfigurableProperty, x as createLayerConfig, y as createSubComponentConfig, q as createVariantConfig, v as createVariantConfigWithComponentStates, u as createVariantConfigWithProperties, l as findFixtureType, m as generateClassName, n as generateDeclaration, o as generateStyles, s as statePseudoMapDocsMode, t as toMinimalDbConfigObject } from './index-
|
12
|
+
export { A as AllPossibleProperties, j as AllVariantKeys, i as AutoComponentName, h as AutoComponents, g as ComponentConfig, b as ComponentStateConfig, C as ConfigurablePropertiesName, E as ExtendablePropertiesName, L as LayerConfig, P as PossibleStates, a as PossibleStatesWithRest, k as SchemaStateValue, S as SelectedConfigurableProperty, d as SubComponentConfig, V as VariantConfig, f as VariantConfigWithComponentStates, e as VariantConfigWithProperties, c as configurableProperties, r as createComponentStateConfig, w as createComponentStates, p as createConfigurableProperty, x as createLayerConfig, y as createSubComponentConfig, q as createVariantConfig, v as createVariantConfigWithComponentStates, u as createVariantConfigWithProperties, l as findFixtureType, m as generateClassName, n as generateDeclaration, o as generateStyles, s as statePseudoMapDocsMode, t as toMinimalDbConfigObject } from './index-CEYXA0Pi.js';
|
13
13
|
export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
|
14
14
|
import 'motion/react';
|
15
15
|
import 'type-fest';
|
package/dist/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
export{FormLabel,Image,InputHelpTextMemo as InputHelpText}from"./chunk-W4KK6R6C.js";import{DividerInternal as e}from"./chunk-M5SXYW4O.js";import{getStyles as t,cx as a,IconSlot as n}from"./chunk-37LEXEW4.js";export{Box,HStack,Icon,Text,VStack,cva,cx,getStyles}from"./chunk-37LEXEW4.js";export{DEFAULT_COLOR_MODE,DEFAULT_COLOR_MODE_FOR_APP,DEFAULT_HIGH_CONTRAST_MODE,DEFAULT_REGION_MODE,DEFAULT_SCALE_MODE,DEFAULT_SCALE_MODE_FOR_APP,FONT_DECLARATIONS_MAP,alwaysPalette,button,cartesianProduct,coalesceConfigVariant,configurableProperties,createComponentStateConfig,createComponentStates,createConfigurableProperty,createLayerConfig,createSubComponentConfig,createVariantConfig,createVariantConfigWithComponentStates,createVariantConfigWithProperties,defaultTokensConfig,defaultUniversalTokensConfigAuto,findFixtureType,fontWeightMap,fromEntries,generateClassName,generateDeclaration,generateKeyFromFlatConfigPath,generateSchemaKey,generateStyles,getConfigDefaultValue,getConfigPseudoStateVariables,getConfigPseudoStateVariablesWithSetter,getConfigSubcomponents,getConfigVariantComponentStates,getConfigVariantComponentStatesMatrix,getConfigVariantProperties,getConfigVariantPseudoStates,getConfigVariants,getDefaultButtonBaseMap,isConfigDefaultValue,parseButtonVariantFlat,parseDeprecatedButtonPaletteVariant,setConfigPseudoStateVariable,shadow,statePseudoMapDocsMode,toMinimalDbConfigObject}from"./chunk-
|
1
|
+
export{FormLabel,Image,InputHelpTextMemo as InputHelpText}from"./chunk-W4KK6R6C.js";import{DividerInternal as e}from"./chunk-M5SXYW4O.js";import{getStyles as t,cx as a,IconSlot as n}from"./chunk-37LEXEW4.js";export{Box,HStack,Icon,Text,VStack,cva,cx,getStyles}from"./chunk-37LEXEW4.js";export{DEFAULT_COLOR_MODE,DEFAULT_COLOR_MODE_FOR_APP,DEFAULT_HIGH_CONTRAST_MODE,DEFAULT_REGION_MODE,DEFAULT_SCALE_MODE,DEFAULT_SCALE_MODE_FOR_APP,FONT_DECLARATIONS_MAP,alwaysPalette,button,cartesianProduct,coalesceConfigVariant,configurableProperties,createComponentStateConfig,createComponentStates,createConfigurableProperty,createLayerConfig,createSubComponentConfig,createVariantConfig,createVariantConfigWithComponentStates,createVariantConfigWithProperties,defaultTokensConfig,defaultUniversalTokensConfigAuto,findFixtureType,fontWeightMap,fromEntries,generateClassName,generateDeclaration,generateKeyFromFlatConfigPath,generateSchemaKey,generateStyles,getConfigDefaultValue,getConfigPseudoStateVariables,getConfigPseudoStateVariablesWithSetter,getConfigSubcomponents,getConfigVariantComponentStates,getConfigVariantComponentStatesMatrix,getConfigVariantProperties,getConfigVariantPseudoStates,getConfigVariants,getDefaultButtonBaseMap,isConfigDefaultValue,parseButtonVariantFlat,parseDeprecatedButtonPaletteVariant,setConfigPseudoStateVariable,shadow,statePseudoMapDocsMode,toMinimalDbConfigObject}from"./chunk-HT3GLDSF.js";export{entries,mapValues}from"./chunk-EWJ3J526.js";export{variants}from"./chunk-NYAQO47N.js";export{AVATAR_SIZE_PREFIX,BORDER_RADIUS_PREFIX,BORDER_WIDTH_PREFIX,BUTTON_CSS_VAR_MAP,DARK_COLOR_MODE_CLASSNAME,DEFAULT_COLOR_MODE_CLASSNAME,DEFAULT_SCALE_MODE_CLASSNAME,FONT_FAMILY_PREFIX,FONT_SIZE_PREFIX,FONT_SLANT_PREFIX,FONT_WEIGHT_PREFIX,FONT_WIDTH_PREFIX,ICON_BUTTON_CSS_VAR_MAP,ICON_SIZE_PREFIX,LARGE_SCALE_MODE_CLASSNAME,LIGHT_COLOR_MODE_CLASSNAME,LINE_HEIGHT_PREFIX,MEDIUM_SCALE_MODE_CLASSNAME,MOTION_PREFIX,PSEUDO_STYLE_SELECTOR_MAP,SMALL_SCALE_MODE_CLASSNAME,SPECTRUM_COLOR_PREFIX,TEXT_RESPONSIVE_CLASSNAME,TEXT_TRANSFORM_PREFIX,UDS_PREFIX,XLARGE_SCALE_MODE_CLASSNAME,XSMALL_SCALE_MODE_CLASSNAME,XXLARGE_SCALE_MODE_CLASSNAME,XXXLARGE_SCALE_MODE_CLASSNAME}from"./chunk-N4FHPR6Q.js";import{forwardRef as o,useMemo as r}from"react";import{jsx as i,jsxs as E}from"react/jsx-runtime";export{Avatar,AvatarIcon,AvatarImage,AvatarText,Badge,Button,Checkbox,Chip,ChipButton,ChipDismissible,ChipLink,ChipToggle,IconButton,Input,Menu,Pressable,Radio,RadioGroupProvider,SpringMotionConfig,Switch}from"@yahoo/uds/client";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var _=o((function(t,a){return i(e,{ref:a,...t})}));_.displayName="Divider";var s=o((function({variant:e="primary",textVariant:o,startIcon:_,endIcon:s,alwaysUnderline:S=!1,children:C,className:A,...c},l){const L=!o,O=r((()=>{const n=!L&&t({linkTextStyleRoot:o,fontSize:o,fontFamily:o,fontWeight:o,lineHeight:o,textTransform:o});return t({linkVariantRoot:e,display:"inline-flex",alignItems:"center",className:a(n,"uds-ring",S&&"underline",A)})}),[S,L,o,e,A]),f=t({linkVariantIconStart:e,linkTextStyleIcon:o,className:a(L&&"w-[0.7em] h-[0.7em]")}),g=t({linkVariantIconEnd:e,linkTextStyleIcon:o,className:a(L&&"w-[0.7em] h-[0.7em]")}),m={variant:"outline",color:"current"};return E("a",{ref:l,className:O,...c,children:[_&&i(n,{className:f,icon:_,iconProps:m,"data-testid":"start-icon"}),C,s&&i(n,{className:g,icon:s,iconProps:m,"data-testid":"end-icon"})]})}));s.displayName="Link";export{_ as Divider,s as Link};
|