@yahoo/uds 3.46.0 → 3.46.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Box-DCfVWPEa.d.cts → Box-BFRDyWaq.d.cts} +1 -1
- package/dist/{Box-DIxPS_Eb.d.cts → Box-CVbnF3KY.d.cts} +1 -1
- package/dist/{Box-BBZ3X-K8.d.ts → Box-KZ1-_3Y1.d.ts} +1 -1
- package/dist/{Box-BiOhwq4x.d.ts → Box-MHJ0-0M3.d.ts} +1 -1
- package/dist/{Pressable-DEJTaCX7.d.ts → Pressable-BCKijzW4.d.ts} +1 -1
- package/dist/{Pressable-01KD6JSM.d.cts → Pressable-DM2L9PzA.d.cts} +1 -1
- package/dist/{Pressable-DcVYn2Mr.d.ts → Pressable-DVLHV--n.d.ts} +1 -1
- package/dist/{Pressable-DDeoEy6N.d.cts → Pressable-GdByxoJg.d.cts} +1 -1
- package/dist/{Text-D8r6CSeV.d.ts → Text-774Va3iq.d.ts} +3 -52
- package/dist/{Text-YXARg6JI.d.ts → Text-Bq5NiVYm.d.cts} +3 -52
- package/dist/{Text-B3RX9wWS.d.cts → Text-C58YvnSu.d.cts} +3 -52
- package/dist/{Text-DHrq15W_.d.cts → Text-IGbWWF7a.d.ts} +3 -52
- package/dist/{VStack-COPzfesz.d.ts → VStack-4KrkGBKP.d.ts} +2 -2
- package/dist/{VStack-C0KNZJ7o.d.cts → VStack-AyF9g6Xi.d.cts} +2 -2
- package/dist/{VStack-M-9LUirX.d.ts → VStack-CppUZHJL.d.ts} +2 -2
- package/dist/{VStack-CB6Togey.d.cts → VStack-UmkAYRN1.d.cts} +2 -2
- package/dist/chunk-53CIH36M.js +1 -0
- package/dist/chunk-H2XDX4D2.cjs +1 -0
- package/dist/chunk-HPXOQ4QK.js +1 -0
- package/dist/chunk-W7AQRGI5.cjs +1 -0
- package/dist/client/Menu.cjs +1 -2
- package/dist/client/Menu.d.cts +4 -4
- package/dist/client/Menu.d.ts +4 -4
- package/dist/client/Menu.js +2 -2
- package/dist/client/index.cjs +1 -1
- package/dist/client/index.d.cts +111 -19
- package/dist/client/index.d.ts +111 -19
- package/dist/client/index.js +1 -1
- package/dist/defaultTokensConfig.d.cts +2 -2
- package/dist/defaultTokensConfig.d.ts +2 -2
- package/dist/experimental/client/SwitchV2.cjs +0 -1
- package/dist/experimental/client/SwitchV2.d.cts +1 -1
- package/dist/experimental/client/SwitchV2.d.ts +1 -1
- package/dist/{index-CEO-Oqm3.d.cts → index-BnkxCwiE.d.cts} +1 -1
- package/dist/{index-DMyjlCBk.d.ts → index-BtKE9zn1.d.ts} +1 -1
- package/dist/{index-Dcbgq7R0.d.ts → index-DPrPpHqT.d.ts} +1 -1
- package/dist/{index-BkNyc_q0.d.cts → index-cZ0qEwcJ.d.cts} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +9 -28
- package/dist/index.d.ts +9 -28
- package/dist/index.js +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/tailwind/plugin.d.cts +1 -1
- package/dist/tailwind/plugin.d.ts +1 -1
- package/dist/tailwind/purger.cjs +1 -1
- package/dist/tailwind/purger.js +1 -1
- package/dist/tailwind/utils.d.cts +1 -1
- package/dist/tailwind/utils.d.ts +1 -1
- package/dist/tokens/automation/configs.d.cts +2 -2
- package/dist/tokens/automation/configs.d.ts +2 -2
- package/dist/tokens/automation/properties.d.cts +2 -2
- package/dist/tokens/automation/properties.d.ts +2 -2
- package/dist/tokens/index.d.cts +4 -4
- package/dist/tokens/index.d.ts +4 -4
- package/dist/tokens/parseTokens.d.cts +1 -1
- package/dist/tokens/parseTokens.d.ts +1 -1
- package/dist/{types-1nwPbFUc.d.cts → types-D6kYghpa.d.cts} +1 -1
- package/dist/{types-1nwPbFUc.d.ts → types-D6kYghpa.d.ts} +1 -1
- package/dist/{types-C5YKqOg3.d.cts → types-Da_DnBJy.d.cts} +1 -1
- package/dist/{types-C5YKqOg3.d.ts → types-Da_DnBJy.d.ts} +1 -1
- package/package.json +1 -1
- package/dist/chunk-2VXJ6ZXC.js +0 -1
- package/dist/chunk-6KI6LPDE.cjs +0 -1
- package/dist/chunk-I4FBYECY.cjs +0 -1
- package/dist/chunk-YFLJTZBO.js +0 -1
package/dist/client/index.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
1
|
"use client";
|
2
|
-
import{InputHelpTextInternalMemo as e,Image as t}from"../chunk-YFLJTZBO.js";import{o2 as a,Pressable as n,a as i,o,e as r,t as s,e2 as c}from"../chunk-GGW73ECI.js";export{Pressable}from"../chunk-GGW73ECI.js";import{HStack as l,VStack as d}from"../chunk-WFWWC766.js";import{FormLabel as u}from"../chunk-SFRPZXWP.js";import{SpringMotionConfig as p}from"../chunk-EFOWTGKI.js";export{SpringMotionConfig}from"../chunk-EFOWTGKI.js";import{getStyles as h,cx as m,IconSlot as f,createSlot as b,Icon as v,Box as y,Text as g}from"../chunk-PMXAH4FA.js";import{parseDeprecatedButtonPaletteVariant as N}from"../chunk-SLGIK6FM.js";import{require_isFunction as x}from"../chunk-EWIQEL36.js";import{BUTTON_CSS_VAR_MAP as I}from"../chunk-PM4TFP3I.js";import{__toESM as w}from"../chunk-GF4A6TFM.js";import{forwardRef as C,useMemo as k,useRef as V,useImperativeHandle as S,isValidElement as P,cloneElement as z,useId as R,useState as T,useCallback as j,useEffect as O,memo as L,createContext as W,useContext as E}from"react";import{jsxs as M,jsx as F,Fragment as A}from"react/jsx-runtime";import{buttonIconSvgSize as $}from"@yahoo/uds/fixtures";import{m as H,useReducedMotion as G,AnimatePresence as B}from"motion/react";export{Menu}from"@yahoo/uds/client/Menu";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var q=w(x(),1),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("")},X=(e,t="firstAndLast")=>{if(!e)return"";if((0,q.default)(t))return t(e);const a=e.trim().split(/\s+/).map(e=>e[0].toUpperCase());return D[t](a)},K=(e="md",t)=>{const{className:a,...n}=t??{};return h({avatarSizeRoot:e,...n,className:m("shrink-0","text-center","inline-flex","justify-center","items-center","overflow-visible","truncate",a)})},Z=e=>{const t=e?{height:e,width:e}:{};return{root:t,contents:{...t,boxSizing:"content-box"}}},J="primary",Q="md",U={primary:c,secondary:s},Y=({size:e=Q,variant:t=J,customSize:a,icon:n,slotProps:i,className:o,...r})=>{const s=k(()=>({root:K(e,{avatarIconVariantRoot:t,overflow:"hidden",className:m("overflow-hidden",o)}),iconContainer:m("w-full","h-full","shrink-0","overflow-hidden","text-center","inline-flex","justify-center","items-center"),icon:h({avatarSizeIcon:e})}),[o,e,t]),c=k(()=>Z(a),[a]),l=n??U[t??"primary"];return F(y,{className:s.root,style:c.root,...r,children:F(y,{className:s.iconContainer,style:c.contents,children:F(f,{icon:l,iconProps:{variant:"fill",color:"current",...i?.icon},className:s.icon})})})};Y.displayName="AvatarIcon";var _=({size:e=Q,variant:t=J,name:a,initials:n,customSize:i,abbreviationStrategy:o,className:r,slotProps:s,...c})=>{const l=k(()=>({root:K(e,{avatarTextVariantRoot:t,className:m("overflow-hidden","truncate",r)}),text:m("w-full","h-full","shrink-0","overflow-hidden","text-center","inline-flex","justify-center","items-center","truncate")}),[r,e,t]),d=k(()=>Z(i),[i]);return F(y,{className:l.root,style:d.root,...c,children:F(g,{color:"inherit",variant:"inherit",className:l.text,style:d.contents,...s?.text,children:n||X(a,o)})})};_.displayName="AvatarText";var ee=({size:e=Q,variant:a=J,src:n,srcSet:i,customSize:o,alt:r,abbreviationStrategy:s,fallback:c,className:l,imageProps:d,slotProps:u,...p})=>{const[h,f]=T("loading");O(()=>{let e=!0;if(n||i){const t=new Image;t.onload=()=>{e&&f("loaded")},t.onerror=()=>{e&&f("error")},n&&(t.src=n),i&&(t.srcset=i)}else f("error");return()=>{e=!1}},[n,i]);const b=k(()=>({root:K(e,{avatarImageVariantRoot:a,className:m("overflow-hidden",l)}),contents:m("w-full","h-full","shrink-0","text-center","inline-flex","justify-center","items-center","object-cover")}),[l,e,a]),v=k(()=>Z(o),[o]);if("loaded"===h)return F(y,{className:b.root,style:v.root,children:F(t,{src:n,srcSet:i,alt:r,className:b.contents,style:v.contents,...d,...u?.image})});const g={...p,size:e,customSize:o,variant:a};return c||r?F(_,{name:r,initials:c,abbreviationStrategy:s,slotProps:{text:u?.text},...g}):F(Y,{...g,slotProps:{icon:u?.icon}})};ee.displayName="AvatarImage";var te=e=>F(ee,{...e});te.displayName="Avatar";var ae=C(function({variant:e="primary",size:t="md",minWidth:a,maxWidth:n=200,startIcon:i,endIcon:o,backgroundColor:r,color:s,iconColor:c,borderColor:d,children:u,className:p,...b},v){const y=h({badgeSizeRoot:t,badgeVariantRoot:e,className:m(["uds-badge","uds-badge-variant","uds-badge-size",p])}),g=h({badgeVariantIcon:e,badgeSizeIcon:t,className:m(["uds-badge-iconSize","uds-badge-iconColor"])}),N=k(()=>({...a?{minWidth:`${a}px`}:{},..."full"===n?{}:{maxWidth:`${n}px`},...r?{backgroundColor:r}:{},...d?{borderColor:d}:{},...s?{color:s}:{}}),[r,d,s,n,a]),x=k(()=>({variant:"fill",style:{...c?{color:c}:{}}}),[c]);return M(l,{ref:v,gap:"2",display:"inline-flex",alignItems:"center",className:y,style:N,...b,children:[i&&F(f,{icon:i,iconProps:x,"data-testid":"start-icon",className:g}),F("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:u}),o&&F(f,{icon:o,iconProps:x,"data-testid":"end-icon",className:g})]})});ae.displayName="Badge";var ne={scale:.7,opacity:0},ie={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},oe={icon:ie,hide:ne,loading:ne},re={loading:ie,hide:ne,icon:ne},se=`var(${I.columnGap})`,ce=`var(${I.iconSize})`,le={rest:{scale:`var(${I.effects.scale.rest})`},hover:{scale:`var(${I.effects.scale.hover})`},pressed:{scale:`var(${I.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:se}},de={hide:{width:"0px",opacity:0,display:"none"},loading:{width:ce,display:"flex",opacity:1},icon:{width:ce,display:"flex",opacity:1}},ue=C(function({variant:e,size:t,startIcon:n,endIcon:i,iconVariant:o,loading:r,disableEffects:s,children:c,asChild:l,type:d="button",className:u,width:y,...g},x){const I=V(null);S(x,()=>I.current);const w=k(()=>b(),[]),C=k(()=>H.create(w),[w]),R=i?"icon":"hide",T=(({startIcon:e,endIcon:t,loading:a})=>e||t||a?"withIcon":"withoutIcon")({startIcon:n,endIcon:i,loading:r}),j=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:r,startIcon:n}),{palette:O,variant:L}=k(()=>N({flatVariant:e}),[e]),W=k(()=>({button:h({width:y,buttonSize:t,buttonVariant:L,buttonPalette:O,className:m("uds-button","uds-ring","uds-hit-target",r&&"uds-button-loading",s&&"uds-button-without-effects","withIcon"===T&&"uds-button-with-gap",u)}),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,t,L,O,u,r,s,T]),E=G()?"smooth":"subtle",q=k(()=>F(H.span,{className:W.iconContainer,initial:!1,variants:de,animate:j,children:M(B,{initial:!1,mode:"popLayout",children:[r&&F(H.span,{variants:re,initial:"hide",animate:"loading",exit:"hide",children:F(v,{size:$,name:a,variant:o,color:"current",className:W.loading})},"loading"),n&&!r&&F(H.span,{variants:oe,initial:"hide",animate:"icon",exit:"hide",children:F(f,{className:W.start,icon:n,iconProps:{size:$,variant:o,color:"current"}})})]})}),[W.iconContainer,W.loading,W.start,j,r,o,n]),D=k(()=>F(H.span,{className:W.iconContainer,initial:!1,variants:de,animate:R,children:F(B,{initial:!1,mode:"popLayout",children:i&&F(H.span,{variants:oe,initial:"hide",animate:"icon",exit:"hide",children:F(f,{className:W.end,icon:i,iconProps:{size:$,variant:o,color:"current"}})})})}),[W.iconContainer,W.end,i,R,o]),X=k(()=>s?{...le,rest:{},hover:{},pressed:{}}:le,[s]);return l&&P(c)?F(p,{layoutSpeed:"3",layoutVariant:E,children:F(C,{type:d,className:W.button,initial:["hide",T],animate:T,variants:X,whileHover:"hover",whileTap:"pressed",...g,children:z(c,c.props,M(A,{children:[q,F("span",{className:W.content,children:c.props.children}),D]}))})}):F(p,{layoutSpeed:"3",layoutVariant:E,children:M(H.button,{ref:I,type:d,className:W.button,initial:["hide",T],animate:T,variants:X,whileHover:"hover",whileTap:"pressed",...g,children:[q,F("span",{className:W.content,children:c}),D]})})}),pe={primary:"alert",secondary:"alert-secondary"},he=e=>"indeterminate"===e,me=e=>he(e)?o:r,fe=H.create(y),be={layoutVariant:"smooth",layoutSpeed:"3"},ve={layoutVariant:"veryBouncy",layoutSpeed:"4"},ye=C(function({id:e,checked:t,defaultChecked:a,onChange:n,label:i,labelPosition:o="start",variant:r="primary",size:s="md",reduceMotion:c,disabled:l,required:d,hasError:f,className:b,layerClassNames:y,...g},N){const x=R(),I=e??`uds-input-${x}`,w=V(null),C=void 0!==t,[S,P]=T(C?t:a),[z,L]=T(!1),[W,E]=T(!1),A=k(()=>f?pe[r]:r,[f,r]),$=!l&&z,B=!l&&W,q=k(()=>B?.9:$?1.1:1,[B,$]),D=k(()=>S?B?"opacity-55":"opacity-100":"opacity-0",[S,B]),X=k(()=>({scale:q}),[q]),K=k(()=>W?ve:be,[W]),Z=j(e=>{n?.(e),C||P(e.target.checked)},[C,n]),J=j(()=>{L(!0)},[]),Q=j(()=>{L(!1)},[]),U=j(()=>{E(!0)},[]),Y=j(()=>{E(!1)},[]),_=e=>{w.current&&(w.current.indeterminate=he(e))},ee=c?"always":"user",te=G()||c?"duration-0":"duration-120";O(()=>{C&&P(t)},[t,C]),O(()=>{_(S)},[S]);const ae=he(S)?"indeterminate":S?"checked":"unchecked",ne={root:h({checkboxSizeRoot:s,checkboxVariantRoot:A,checkboxVariantValueRoot:ae,display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:m({"cursor-pointer":!l,"cursor-default":l,"opacity-50":l},b,y?.root)}),checkbox:h({checkboxSizeCheckbox:s,checkboxVariantCheckbox:A,checkboxVariantValueCheckbox:ae,className:m("border","rounded-[4px]","uds-ring","uds-ring-within",te,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:h({checkboxVariantCheckboxIcon:A,checkboxVariantValueCheckboxIcon:ae,className:m("pointer-events-none",D,te,"transition-opacity")}),htmlCheckbox:m("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:m("start"===o?"text-start":"text-end",y?.label)},ie=i?H.label:H.div;return F(p,{reducedMotion:ee,...K,children:M(ie,{className:ne.root,"data-testid":"container",onHoverStart:J,onHoverEnd:Q,onTapStart:U,onTap:Y,onTapCancel:Y,tabIndex:-1,children:[M(fe,{position:"relative",className:ne.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:X,children:[F("input",{type:"checkbox",tabIndex:0,...g,ref:e=>{w.current=e,_(S),"function"==typeof N?N(e):null!==N&&(N.current=e)},id:I,disabled:l,required:d,"aria-invalid":f,checked:C?!he(S)&&S:void 0,defaultChecked:C?void 0:a,onChange:Z,className:ne.htmlCheckbox}),F(v,{name:me(S),size:"sm",className:ne.check})]}),i&&F(u,{as:"div",variant:"inherit",color:"inherit",required:d,label:i,className:ne.label})]})})});ye.displayName="Checkbox";var ge=(e,t,a="overwriteOriginal")=>{const n=Array.from(new Set([...Object.keys(e??{}),...Object.keys(t??{})]));return Object.fromEntries(n.map(n=>{const i=e?.[n],o=t?.[n];return i&&!o?[n,i]:o&&!i?[n,o]:"className"===n?[n,m(i,o)]:"keepOriginal"===a?[n,i]:[n,o]}))},Ne=(e,t,a="overwriteOriginal")=>{if(!e)return t;const n=Array.from(new Set([...Object.keys(e),...Object.keys(t)]));return Object.fromEntries(n.map(n=>{const i=e[n],o=t[n];return[n,ge(i,o,a)]}))},xe="primary",Ie=C(function({size:e="md",minWidth:t,maxWidth:a=200,startIcon:n,endIcon:i,as:o="div",reduceMotion:r,disabled:s=!1,className:c,slotProps:d,children:u,...p},b){const v=G()||r?"duration-0":"duration-120",{className:y,...N}=d?.text??{},{className:x,...I}=d?.startIcon??{},{className:w,...C}=d?.endIcon??{},V=k(()=>({root:h({chipSizeRoot:e,className:m({"pointer-events-none":s,"cursor-default":s,"opacity-50":s},"inline-flex","items-center","focus-visible:-outline-offset-2","uds-ring",v,"transition-[background-color,outline-color,box-shadow]",c)}),text:m("truncate","whitespace-nowrap","text-center","flex-1",y),icon:h({chipSizeIcon:e})}),[c,v,s,e,y]),S=k(()=>({root:{maxWidth:`${a}px`,...t?{minWidth:`${t}px`}:{}}}),[a,t]);return F(l,{asChild:!0,ref:b,className:V.root,style:S.root,...p,children:M(o,{disabled:s,children:[n&&F(f,{icon:n,iconProps:{variant:"fill",className:m(V.icon,x),...I}}),F(g,{as:"span",color:"current",variant:"inherit",className:V.text,...N,children:u}),i&&F(f,{icon:i,iconProps:{variant:"fill",className:m(V.icon,w),...C}})]})})});Ie.displayName="ChipBase";var we=C(function({variant:e=xe,slotProps:t,className:a,...n},i){const o=k(()=>({root:h({chipLinkVariantRoot:e,className:a}),icon:h({chipLinkVariantIcon:e})}),[a,e]),r=Ne(t,{startIcon:{className:o.icon},endIcon:{className:o.icon}});return F(Ie,{as:"button",ref:i,tabIndex:0,className:o.root,slotProps:r,...n})});we.displayName="ChipButton";var Ce=C(function({dismissButtonAriaLabel:e,onDismiss:t,dismissIcon:a,variant:o=xe,disabled:r,slotProps:s,className:c,...l},d){const u=k(()=>({root:h({chipDismissibleVariantRoot:o,className:c}),icon:h({chipDismissibleVariantIcon:o}),iconPressable:m("uds-chip-dismissible-button","uds-hit-target")}),[c,o]),p=j(e=>{e.stopPropagation(),t?.()},[t]),b=Ne(s,{startIcon:{className:u.icon},endIcon:{className:u.icon}});return F(Ie,{ref:d,disabled:r,tabIndex:-1,endIcon:t=>F(n,{"aria-label":e,className:u.iconPressable,onClick:p,disabled:r,children:F(f,{icon:a??i,iconProps:t})}),className:u.root,slotProps:b,...l})});Ce.displayName="ChipDismissible";var ke=C(function({variant:e=xe,href:t,disabled:a,slotProps:n,className:i,...o},r){const s=k(()=>({root:h({chipLinkVariantRoot:e,className:i}),icon:h({chipLinkVariantIcon:e})}),[i,e]),c=Ne(n,{startIcon:{className:s.icon},endIcon:{className:s.icon}});return F(Ie,{as:"a",ref:r,disabled:a,className:s.root,slotProps:c,tabIndex:0,...{...o,href:a?void 0:t}})});ke.displayName="ChipLink";var Ve=C(function({isToggled:e=!1,onToggle:t,onClick:a,variant:n=xe,slotProps:i,className:o,...r},s){const c=k(()=>({root:h({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off",className:o}),icon:h({chipToggleVariantIcon:n})}),[o,e,n]),l=j(n=>{t?.(!e),a?.(n)},[e,a,t]),d=Ne(i,{startIcon:{className:c.icon},endIcon:{className:c.icon}});return F(Ie,{ref:s,as:"button",onClick:l,"aria-pressed":e,className:c.root,slotProps:d,tabIndex:0,...r})});Ve.displayName="ChipToggle";var Se=C(function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:i,isToggled:o,slotProps:r,...s},c){const{anchor:l,...d}=r??{};return n?F(Ce,{ref:c,onDismiss:n,slotProps:d,...s}):i?F(Ve,{ref:c,onToggle:i,isToggled:o,slotProps:d,...s}):t?F(ke,{ref:c,href:t,slotProps:d,...s,...a,...l}):F(we,{ref:c,onClick:e,slotProps:d,...s})});Se.displayName="Chip";var Pe=C(function({variant:e,size:t,iconVariant:n,loading:i,disableEffects:o,name:r,type:s="button",htmlName:c,className:l,children:d,...u},f){const b=V(null);S(f,()=>b.current);const{palette:y,variant:g}=N({flatVariant:e}),x=k(()=>({button:h({buttonVariant:g,buttonPalette:y,iconButtonSize:t,className:m("uds-icon-button","uds-button","uds-ring","uds-hit-target",i&&"uds-button-loading",o&&"uds-button-without-effects",l)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"}),[y,g,l,o,t,i]),I=G(),w=k(()=>I?"smooth":"subtle",[I]),C=k(()=>{const{rest:e,hover:t,pressed:a}=le;return o?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}},[o]);return F(p,{layoutSpeed:"3",layoutVariant:w,reducedMotion:o?"always":"user",children:F(H.button,{ref:b,type:s,className:x.button,initial:"icon",variants:C,whileHover:"hover",whileTap:"pressed",name:c,...u,children:M(B,{initial:!1,mode:"popLayout",children:[i&&F(H.span,{variants:re,initial:"loading",animate:"loading",exit:"hide",children:F(v,{size:$,name:a,variant:n,color:"current",className:x.loading})},"loading"),r&&!i&&F(H.span,{variants:oe,initial:"icon",animate:"icon",exit:"hide",children:d||F(v,{size:$,name:r,variant:n,color:"current",className:x.icon})},r.name)]})})})}),ze=w(x(),1),Re=({children:e,reduceMotion:t,layoutVariant:a})=>{const n=V(null),[i,o]=T("auto");return O(()=>{if(n.current){const e=new ResizeObserver(e=>{o(e[0].contentRect.height)});return e.observe(n.current),()=>{e.disconnect()}}},[]),F(p,{reducedMotion:t,layoutSpeed:"4",layoutVariant:a,children:F(H.div,{className:"overflow-hidden",style:{height:i,opacity:0},animate:{height:i,opacity:1},children:F("div",{ref:n,children:e})})})},Te=L(function({helpText:t,helperTextIcon:a,spacingStart:n,spacingTop:i,size:o,isFilled:r,...s}){return t?F(y,{spacingTop:i,spacingStart:n,...s,children:F(e,{startIcon:a,size:o,isFilled:r,children:(0,ze.default)(t)?t():t})}):null}),je=L(function({icon:e,className:t,iconProps:a}){return e?F(f,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),Oe=L(function({icon:e,className:t,iconProps:a}){return e?F(f,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),Le=C(function({id:e,label:t,type:a="text",size:n="md",startIcon:i,endIcon:o,helpText:r,helperTextIcon:s,hasError:c,width:u="full",defaultValue:p,required:f,readOnly:b,disabled:v,reduceMotion:g,onChange:N,slotProps:x,className:I,...w},C){const k=R(),P=e??`uds-input-${k}`,z=`uds-input-${P}-help-text`,{className:O,...L}=x?.input??{},{className:W,...E}=x?.inputWrapper??{},A=V(null);S(C,()=>A.current);const[$,H]=T(p??""),B=j(e=>{H(e.target.value),N?.(e)},[N]),q=G()?"smooth":"bouncy",D=g?"always":"user",X=!b&&!v,K={root:h({inputSizeRoot:n,inputVariantRoot:"default",inputVariantValueRoot:$?"filled":"empty",className:m([I,v?"opacity-50":""])}),inputWrapper:m(h({inputSizeInputWrapper:n,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:$?"filled":"empty"}),"min-w-[200px]",W),input:h({inputSizeInput:n,inputVariantInput:"default",inputVariantValueInput:$?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:$?"filled":"empty",className:m("grow","uds-hit-target","bg-clip-text","focus:outline-none",X?"cursor-text":"cursor-not-allowed",O)}),label:m(h({inputSizeLabel:n,inputVariantLabel:"default",inputVariantValueLabel:$?"filled":"empty"})),labelRequired:h({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:$?"filled":"empty"}),startIcon:h({inputSizeStartIcon:n,inputVariantStartIcon:"default",inputVariantValueStartIcon:$?"filled":"empty"}),endIcon:h({inputSizeEndIcon:n,inputVariantEndIcon:"default",inputVariantValueEndIcon:$?"filled":"empty"})};return M(d,{width:u,className:K.root,children:[t&&M(y,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:K.label,children:[F("label",{htmlFor:P,children:(0,ze.default)(t)?t():t}),f&&F("span",{className:K.labelRequired,children:"*"})]}),M(y,{position:"relative",alignItems:"center",...E,className:K.inputWrapper,children:[F(je,{icon:i,className:K.startIcon,iconProps:x?.startIcon}),F("input",{ref:A,id:P,type:a,value:$,required:f,readOnly:b,disabled:v,"aria-describedby":z,"aria-invalid":c,onChange:B,className:K.input,...w,...L}),o&&F(l,{alignItems:"center",gap:"1",children:F(Oe,{icon:o,className:K.endIcon,iconProps:x?.endIcon})})]}),F(Re,{reduceMotion:D,layoutVariant:q,children:F(Te,{id:z,helpText:r,spacingTop:"2",size:n,isFilled:!!$,helperTextIcon:s})})]})});Le.displayName="Input";var We=class e{name;value;activeCount=0;#e=new Set;constructor(e){this.name=e}onChange(e){return this.#e.add(e),()=>{this.#e.delete(e)}}setValue(e){this.value=e,this.#e.forEach(t=>t(e))}static findOrCreate(t,a){let n=t.get(a);return n||(n=new e(a),t.set(a,n)),n}},Ee=W(new Map),Me=e=>{const t=R();return e??`uds-radio-group-${t}`},Fe={primary:"alert",secondary:"alert-secondary"},Ae=H.create(y),$e={layoutVariant:"smooth",layoutSpeed:"3"},He={layoutVariant:"veryBouncy",layoutSpeed:"4"},Ge=C(function({id:e,name:t,label:a,labelPosition:n="start",variant:i="primary",size:o="md",reduceMotion:r,value:s="",checked:c,defaultChecked:l,disabled:d,hasError:f,onChange:b,onFocus:v,onBlur:g,className:N,layerClassNames:x,...I},w){const C=R(),S=e??`uds-radio-${C}`,P=V(null),{name:z,isControlled:L,checked:W,setGroupValue:A}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const i=E(Ee),o=i instanceof We,r=void 0!==a||o,s=Me(e),c=k(()=>o?i:We.findOrCreate(i,s),[i,o,s]),[l,d]=T(c.value),u=c.name??s,p=j(e=>{c.setValue(e),r||d(e)},[r,c]);return O(()=>c.onChange(d),[c]),O(()=>{!0===a&&p(t)},[a,t,p]),O(()=>{if(o)return;const e=We.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?a:void 0!==l?t===l:n??!1,setGroupValue:p}})({name:t,value:s,checked:c,defaultChecked:l}),[$,B]=T(!1),[q,D]=T(!1),X=k(()=>f?Fe[i]:i,[f,i]),K=k(()=>!d&&$,[d,$]),Z=k(()=>!d&&!W&&q,[W,d,q]),J=k(()=>Z?.9:K?1.1:1,[K,Z]),Q=k(()=>W?Z?"opacity-55":"opacity-100":"opacity-0",[W,Z]),U=k(()=>!d&&(Z&&!W||K&&W),[W,d,K,Z]),Y=k(()=>({scale:J}),[J]),_=k(()=>q?He:$e,[q]),ee=j(e=>{A(e.target.value),b?.(e)},[b,A]),te=j(e=>{v?.(e)},[v]),ae=j(e=>{g?.(e)},[g]),ne=j(()=>{B(!0)},[]),ie=j(()=>{B(!1)},[]),oe=j(()=>{D(!0)},[]),re=j(()=>{D(!1)},[]),se=r?"always":"user",ce=G()||r?"duration-0":"duration-120",le={root:h({radioSizeRoot:o,radioVariantValueRoot:W?"checked":"unchecked",radioVariantRoot:X,display:"flex",flexDirection:"start"===n?"row":"row-reverse",alignItems:"center",className:m([{"cursor-pointer":!d,"cursor-default":d,"opacity-50":d},N,x?.root])}),radio:h({radioSizeRadio:o,radioVariantRadio:X,radioVariantValueRadio:W?"checked":"unchecked",className:m(["border","uds-ring","uds-ring-within",ce,"transition-[background-color,border-color]","transition-shadow",x?.radio])}),radioCircle:h({radioVariantRadioCircle:X,radioVariantValueRadioCircle:W?"checked":"unchecked",className:m(["pointer-events-none","w-[8px]","h-[8px]",Q,ce,"transition-opacity"])}),htmlRadio:m("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:m("start"===n?"text-start":"text-end",x?.label)},de=a?H.label:H.div;return F(p,{reducedMotion:se,..._,children:M(de,{className:le.root,"data-testid":"container",onHoverStart:ne,onHoverEnd:ie,onTapStart:oe,onTap:re,onTapCancel:re,tabIndex:-1,children:[M(Ae,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:le.radio,animate:Y,insetShadow:U?"lg-invert":"none",children:[F("input",{type:"radio",tabIndex:0,...I,ref:e=>{P.current=e,"function"==typeof w?w(e):null!==w&&(w.current=e)},onFocus:te,onBlur:ae,id:S,name:z,value:s,disabled:d,"aria-invalid":f,onChange:ee,...L?{checked:W}:{defaultChecked:l},className:le.htmlRadio}),F(y,{borderRadius:"full",className:le.radioCircle})]}),a&&F(u,{as:"div",variant:"inherit",color:"inherit",label:a,className:le.label})]})})});Ge.displayName="Radio";var Be=b(),qe=class extends We{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},De=C(function({asChild:e,name:t,value:a,defaultValue:n,onChange:i,...o},r){const s=void 0!==a,c=Me(t),l=k(()=>{const e=new qe(c,s);return e.value=s?a:n,e},[n,s,c,a]);O(()=>{l.onChangeCb=i},[i,l]),O(()=>{s&&l.setValue(a,!0)},[s,l,a]),O(()=>l.onChange(e=>i?.(e)),[i,l]);const d=e?Be:"div";return F(Ee.Provider,{value:l,children:F(d,{role:"radiogroup",ref:r,...o})})});De.displayName="RadioGroupProvider";var Xe={md:{isOnX:20},sm:{isOnX:12}},Ke=H.create(y),Ze={layoutVariant:"bouncy",layoutSpeed:"4"},Je=C(function({id:e,isOn:t,defaultIsOn:a,onChange:n,label:i,labelPosition:o="start",size:r="md",onIcon:s,offIcon:c,reduceMotion:l,disabled:d,required:b,onFocus:v,onBlur:g,className:N,layerClassNames:x,...I},w){const C=R(),S=e??`uds-input-${C}`,P=V(null),z=void 0!==t,[L,W]=T(z?t:a),[E,A]=T(!1),$=k(()=>!d&&E,[d,E]),{isOnX:B}=Xe[r],q=k(()=>({initial:{scale:1,x:L?B:0},animate:{scale:$?1.05:1,x:L?B:0}}),[$,L,B]),D=j(e=>{n?.(e),z||W(e.target.checked)},[z,n]),X=j(e=>{v?.(e)},[v]),K=j(e=>{g?.(e)},[g]),Z=j(()=>{A(!0)},[]),J=j(()=>{A(!1)},[]),Q=l?"always":"user",U=G()||l?"duration-0":"duration-120";O(()=>{z&&W(t)},[t,z]);const Y={root:h({switchSizeRoot:r,switchVariantRoot:"default",switchVariantActiveRoot:L?"on":"off",display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:m("group",{"cursor-pointer":!d,"cursor-default":d,"opacity-50":d},x?.root,N)}),switch:h({switchVariantSwitch:"default",switchSizeSwitch:r,switchVariantActiveSwitch:L?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:m("uds-ring","uds-ring-within",U,"transition-[background-color,box-shadow]",x?.switch)}),handle:h({switchSizeHandle:r,className:m("relative","pointer-events-none","rounded-full","overflow-hidden",x?.handle)}),handleCircle:h({switchVariantActiveHandle:L?"on":"off",switchVariantHandle:"default",className:m("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",U,"transition-[background-color,box-shadow,opacity]")}),handleIcon:h({switchSizeHandleIcon:r,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:L?"on":"off",className:m("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",U,"transition-opacity")}),htmlCheckbox:m("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:m("start"===o?"text-start":"text-end",x?.label)},_=i?H.label:H.div;return F(p,{reducedMotion:Q,...Ze,children:M(_,{className:Y.root,"data-testid":"container",onHoverStart:Z,onHoverEnd:J,tabIndex:-1,children:[M(Ke,{className:Y.switch,children:[F("input",{type:"checkbox",tabIndex:0,...I,ref:e=>{P.current=e,"function"==typeof w?w(e):null!==w&&(w.current=e)},onFocus:X,onBlur:K,id:S,disabled:d,required:b,checked:z?L:void 0,defaultChecked:z?void 0:a,onChange:D,className:Y.htmlCheckbox,style:{}}),M(Ke,{className:Y.handle,...q,children:[F(y,{className:Y.handleCircle}),s&&F(f,{icon:s,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:m(Y.handleIcon,L?"opacity-100":"opacity-0")}),c&&F(f,{icon:c,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:m(Y.handleIcon,L?"opacity-0":"opacity-100")})]})]}),i&&F(u,{as:"div",variant:"inherit",color:"inherit",required:b,label:i,className:Y.label})]})})});Je.displayName="Switch";export{te as Avatar,Y as AvatarIcon,ee as AvatarImage,_ as AvatarText,ae as Badge,ue as Button,ye as Checkbox,Se as Chip,we as ChipButton,Ce as ChipDismissible,ke as ChipLink,Ve as ChipToggle,Pe as IconButton,Le as Input,Ge as Radio,De as RadioGroupProvider,Je as Switch};
|
2
|
+
import{Image as e}from"../chunk-53CIH36M.js";import{o2 as t,Pressable as a,a as n,o as i,e as o,t as r,e2 as s}from"../chunk-GGW73ECI.js";export{Pressable}from"../chunk-GGW73ECI.js";import{HStack as c,VStack as l}from"../chunk-WFWWC766.js";import{FormLabel as d}from"../chunk-SFRPZXWP.js";import{SpringMotionConfig as u}from"../chunk-EFOWTGKI.js";export{SpringMotionConfig}from"../chunk-EFOWTGKI.js";import{getStyles as p,cx as h,IconSlot as m,createSlot as f,Icon as b,Box as v,Text as y}from"../chunk-PMXAH4FA.js";import{parseDeprecatedButtonPaletteVariant as g}from"../chunk-SLGIK6FM.js";import{require_isFunction as N}from"../chunk-EWIQEL36.js";import{BUTTON_CSS_VAR_MAP as x}from"../chunk-PM4TFP3I.js";import{__toESM as I}from"../chunk-GF4A6TFM.js";import{forwardRef as V,useMemo as w,useRef as C,useImperativeHandle as k,isValidElement as S,cloneElement as z,useId as P,useState as R,useCallback as T,useEffect as j,memo as H,createContext as O,useContext as W}from"react";import{jsxs as L,jsx as E,Fragment as M}from"react/jsx-runtime";import{buttonIconSvgSize as F}from"@yahoo/uds/fixtures";import{m as A,useReducedMotion as $,AnimatePresence as G}from"motion/react";export{Menu}from"@yahoo/uds/client/Menu";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var q=I(N(),1),B={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,t="firstAndLast")=>{if(!e)return"";if((0,q.default)(t))return t(e);const a=e.trim().split(/\s+/).map(e=>e[0].toUpperCase());return B[t](a)},X=(e="md",t)=>{const{className:a,...n}=t??{};return p({avatarSizeRoot:e,...n,className:h("shrink-0","text-center","inline-flex","justify-center","items-center","overflow-visible","truncate",a)})},K=e=>{const t=e?{height:e,width:e}:{};return{root:t,contents:{...t,boxSizing:"content-box"}}},Q="primary",U="md",Z={primary:s,secondary:r},J=({size:e=U,variant:t=Q,customSize:a,icon:n,slotProps:i,className:o,...r})=>{const s=w(()=>({root:X(e,{avatarIconVariantRoot:t,overflow:"hidden",className:h("overflow-hidden",o)}),iconContainer:h("w-full","h-full","shrink-0","overflow-hidden","text-center","inline-flex","justify-center","items-center"),icon:p({avatarSizeIcon:e})}),[o,e,t]),c=w(()=>K(a),[a]),l=n??Z[t??"primary"];return E(v,{className:s.root,style:c.root,...r,children:E(v,{className:s.iconContainer,style:c.contents,children:E(m,{icon:l,iconProps:{variant:"fill",color:"current",...i?.icon},className:s.icon})})})};J.displayName="AvatarIcon";var Y=({size:e=U,variant:t=Q,name:a,initials:n,customSize:i,abbreviationStrategy:o,className:r,slotProps:s,...c})=>{const l=w(()=>({root:X(e,{avatarTextVariantRoot:t,className:h("overflow-hidden","truncate",r)}),text:h("w-full","h-full","shrink-0","overflow-hidden","text-center","inline-flex","justify-center","items-center","truncate")}),[r,e,t]),d=w(()=>K(i),[i]);return E(v,{className:l.root,style:d.root,...c,children:E(y,{color:"inherit",variant:"inherit",className:l.text,style:d.contents,...s?.text,children:n||D(a,o)})})};Y.displayName="AvatarText";var _=({size:t=U,variant:a=Q,src:n,srcSet:i,customSize:o,alt:r,abbreviationStrategy:s,fallback:c,className:l,imageProps:d,slotProps:u,...p})=>{const[m,f]=R("loading");j(()=>{let e=!0;if(n||i){const t=new Image;t.onload=()=>{e&&f("loaded")},t.onerror=()=>{e&&f("error")},n&&(t.src=n),i&&(t.srcset=i)}else f("error");return()=>{e=!1}},[n,i]);const b=w(()=>({root:X(t,{avatarImageVariantRoot:a,className:h("overflow-hidden",l)}),contents:h("w-full","h-full","shrink-0","text-center","inline-flex","justify-center","items-center","object-cover")}),[l,t,a]),y=w(()=>K(o),[o]);if("loaded"===m)return E(v,{className:b.root,style:y.root,children:E(e,{src:n,srcSet:i,alt:r,className:b.contents,style:y.contents,...d,...u?.image})});const g={...p,size:t,customSize:o,variant:a};return c||r?E(Y,{name:r,initials:c,abbreviationStrategy:s,slotProps:{text:u?.text},...g}):E(J,{...g,slotProps:{icon:u?.icon}})};_.displayName="AvatarImage";var ee=e=>E(_,{...e});ee.displayName="Avatar";var te=V(function({variant:e="primary",size:t="md",minWidth:a,maxWidth:n=200,startIcon:i,endIcon:o,backgroundColor:r,color:s,iconColor:l,borderColor:d,children:u,className:f,...b},v){const y=p({badgeSizeRoot:t,badgeVariantRoot:e,className:h(["uds-badge","uds-badge-variant","uds-badge-size",f])}),g=p({badgeVariantIcon:e,badgeSizeIcon:t,className:h(["uds-badge-iconSize","uds-badge-iconColor"])}),N=w(()=>({...a?{minWidth:`${a}px`}:{},..."full"===n?{}:{maxWidth:`${n}px`},...r?{backgroundColor:r}:{},...d?{borderColor:d}:{},...s?{color:s}:{}}),[r,d,s,n,a]),x=w(()=>({variant:"fill",style:{...l?{color:l}:{}}}),[l]);return L(c,{ref:v,gap:"2",display:"inline-flex",alignItems:"center",className:y,style:N,...b,children:[i&&E(m,{icon:i,iconProps:x,"data-testid":"start-icon",className:g}),E("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:u}),o&&E(m,{icon:o,iconProps:x,"data-testid":"end-icon",className:g})]})});te.displayName="Badge";var ae={scale:.7,opacity:0},ne={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},ie={icon:ne,hide:ae,loading:ae},oe={loading:ne,hide:ae,icon:ae},re=`var(${x.columnGap})`,se=`var(${x.iconSize})`,ce={rest:{scale:`var(${x.effects.scale.rest})`},hover:{scale:`var(${x.effects.scale.hover})`},pressed:{scale:`var(${x.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:re}},le={hide:{width:"0px",opacity:0,display:"none"},loading:{width:se,display:"flex",opacity:1},icon:{width:se,display:"flex",opacity:1}},de=V(function({variant:e,size:a,startIcon:n,endIcon:i,iconVariant:o,loading:r,disableEffects:s,children:c,asChild:l,type:d="button",className:v,width:y,...N},x){const I=C(null);k(x,()=>I.current);const V=w(()=>f(),[]),P=w(()=>A.create(V),[V]),R=i?"icon":"hide",T=(({startIcon:e,endIcon:t,loading:a})=>e||t||a?"withIcon":"withoutIcon")({startIcon:n,endIcon:i,loading:r}),j=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:r,startIcon:n}),{palette:H,variant:O}=w(()=>g({flatVariant:e}),[e]),W=w(()=>({button:p({width:y,buttonSize:a,buttonVariant:O,buttonPalette:H,className:h("uds-button","uds-ring","uds-hit-target",r&&"uds-button-loading",s&&"uds-button-without-effects","withIcon"===T&&"uds-button-with-gap",v)}),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,O,H,v,r,s,T]),q=$()?"smooth":"subtle",B=w(()=>E(A.span,{className:W.iconContainer,initial:!1,variants:le,animate:j,children:L(G,{initial:!1,mode:"popLayout",children:[r&&E(A.span,{variants:oe,initial:"hide",animate:"loading",exit:"hide",children:E(b,{size:F,name:t,variant:o,color:"current",className:W.loading})},"loading"),n&&!r&&E(A.span,{variants:ie,initial:"hide",animate:"icon",exit:"hide",children:E(m,{className:W.start,icon:n,iconProps:{size:F,variant:o,color:"current"}})})]})}),[W.iconContainer,W.loading,W.start,j,r,o,n]),D=w(()=>E(A.span,{className:W.iconContainer,initial:!1,variants:le,animate:R,children:E(G,{initial:!1,mode:"popLayout",children:i&&E(A.span,{variants:ie,initial:"hide",animate:"icon",exit:"hide",children:E(m,{className:W.end,icon:i,iconProps:{size:F,variant:o,color:"current"}})})})}),[W.iconContainer,W.end,i,R,o]),X=w(()=>s?{...ce,rest:{},hover:{},pressed:{}}:ce,[s]);return l&&S(c)?E(u,{layoutSpeed:"3",layoutVariant:q,children:E(P,{type:d,className:W.button,initial:["hide",T],animate:T,variants:X,whileHover:"hover",whileTap:"pressed",...N,children:z(c,c.props,L(M,{children:[B,E("span",{className:W.content,children:c.props.children}),D]}))})}):E(u,{layoutSpeed:"3",layoutVariant:q,children:L(A.button,{ref:I,type:d,className:W.button,initial:["hide",T],animate:T,variants:X,whileHover:"hover",whileTap:"pressed",...N,children:[B,E("span",{className:W.content,children:c}),D]})})}),ue={primary:"alert",secondary:"alert-secondary"},pe=e=>"indeterminate"===e,he=e=>pe(e)?i:o,me=A.create(v),fe={layoutVariant:"smooth",layoutSpeed:"3"},be={layoutVariant:"veryBouncy",layoutSpeed:"4"},ve=V(function({id:e,checked:t,defaultChecked:a,onChange:n,label:i,labelPosition:o="start",variant:r="primary",size:s="md",reduceMotion:c,disabled:l,required:m,hasError:f,className:v,layerClassNames:y,...g},N){const x=P(),I=e??`uds-input-${x}`,V=C(null),k=void 0!==t,[S,z]=R(k?t:a),[H,O]=R(!1),[W,M]=R(!1),F=w(()=>f?ue[r]:r,[f,r]),G=!l&&H,q=!l&&W,B=w(()=>q?.9:G?1.1:1,[q,G]),D=w(()=>S?q?"opacity-55":"opacity-100":"opacity-0",[S,q]),X=w(()=>({scale:B}),[B]),K=w(()=>W?be:fe,[W]),Q=T(e=>{n?.(e),k||z(e.target.checked)},[k,n]),U=T(()=>{O(!0)},[]),Z=T(()=>{O(!1)},[]),J=T(()=>{M(!0)},[]),Y=T(()=>{M(!1)},[]),_=e=>{V.current&&(V.current.indeterminate=pe(e))},ee=c?"always":"user",te=$()||c?"duration-0":"duration-120";j(()=>{k&&z(t)},[t,k]),j(()=>{_(S)},[S]);const ae=pe(S)?"indeterminate":S?"checked":"unchecked",ne={root:p({checkboxSizeRoot:s,checkboxVariantRoot:F,checkboxVariantValueRoot:ae,display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:h({"cursor-pointer":!l,"cursor-default":l,"opacity-50":l},v,y?.root)}),checkbox:p({checkboxSizeCheckbox:s,checkboxVariantCheckbox:F,checkboxVariantValueCheckbox:ae,className:h("border","rounded-[4px]","uds-ring","uds-ring-within",te,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:p({checkboxVariantCheckboxIcon:F,checkboxVariantValueCheckboxIcon:ae,className:h("pointer-events-none",D,te,"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"===o?"text-start":"text-end",y?.label)},ie=i?A.label:A.div;return E(u,{reducedMotion:ee,...K,children:L(ie,{className:ne.root,"data-testid":"container",onHoverStart:U,onHoverEnd:Z,onTapStart:J,onTap:Y,onTapCancel:Y,tabIndex:-1,children:[L(me,{position:"relative",className:ne.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:X,children:[E("input",{type:"checkbox",tabIndex:0,...g,ref:e=>{V.current=e,_(S),"function"==typeof N?N(e):null!==N&&(N.current=e)},id:I,disabled:l,required:m,"aria-invalid":f,checked:k?!pe(S)&&S:void 0,defaultChecked:k?void 0:a,onChange:Q,className:ne.htmlCheckbox}),E(b,{name:he(S),size:"sm",className:ne.check})]}),i&&E(d,{as:"div",variant:"inherit",color:"inherit",required:m,label:i,className:ne.label})]})})});ve.displayName="Checkbox";var ye=(e,t,a="overwriteOriginal")=>{const n=Array.from(new Set([...Object.keys(e??{}),...Object.keys(t??{})]));return Object.fromEntries(n.map(n=>{const i=e?.[n],o=t?.[n];return i&&!o?[n,i]:o&&!i?[n,o]:"className"===n?[n,h(i,o)]:"keepOriginal"===a?[n,i]:[n,o]}))},ge=(e,t,a="overwriteOriginal")=>{if(!e)return t;const n=Array.from(new Set([...Object.keys(e),...Object.keys(t)]));return Object.fromEntries(n.map(n=>{const i=e[n],o=t[n];return[n,ye(i,o,a)]}))},Ne="primary",xe=V(function({size:e="md",minWidth:t,maxWidth:a=200,startIcon:n,endIcon:i,as:o="div",reduceMotion:r,disabled:s=!1,className:l,slotProps:d,children:u,...f},b){const v=$()||r?"duration-0":"duration-120",{className:g,...N}=d?.text??{},{className:x,...I}=d?.startIcon??{},{className:V,...C}=d?.endIcon??{},k=w(()=>({root:p({chipSizeRoot:e,className:h({"pointer-events-none":s,"cursor-default":s,"opacity-50":s},"inline-flex","items-center","focus-visible:-outline-offset-2","uds-ring",v,"transition-[background-color,outline-color,box-shadow]",l)}),text:h("truncate","whitespace-nowrap","text-center","flex-1",g),icon:p({chipSizeIcon:e})}),[l,v,s,e,g]),S=w(()=>({root:{maxWidth:`${a}px`,...t?{minWidth:`${t}px`}:{}}}),[a,t]);return E(c,{asChild:!0,ref:b,className:k.root,style:S.root,...f,children:L(o,{disabled:s,children:[n&&E(m,{icon:n,iconProps:{variant:"fill",className:h(k.icon,x),...I}}),E(y,{as:"span",color:"current",variant:"inherit",className:k.text,...N,children:u}),i&&E(m,{icon:i,iconProps:{variant:"fill",className:h(k.icon,V),...C}})]})})});xe.displayName="ChipBase";var Ie=V(function({variant:e=Ne,slotProps:t,className:a,...n},i){const o=w(()=>({root:p({chipLinkVariantRoot:e,className:a}),icon:p({chipLinkVariantIcon:e})}),[a,e]),r=ge(t,{startIcon:{className:o.icon},endIcon:{className:o.icon}});return E(xe,{as:"button",ref:i,tabIndex:0,className:o.root,slotProps:r,...n})});Ie.displayName="ChipButton";var Ve=V(function({dismissButtonAriaLabel:e,onDismiss:t,dismissIcon:i,variant:o=Ne,disabled:r,slotProps:s,className:c,...l},d){const u=w(()=>({root:p({chipDismissibleVariantRoot:o,className:c}),icon:p({chipDismissibleVariantIcon:o}),iconPressable:h("uds-chip-dismissible-button","uds-hit-target")}),[c,o]),f=T(e=>{e.stopPropagation(),t?.()},[t]),b=ge(s,{startIcon:{className:u.icon},endIcon:{className:u.icon}});return E(xe,{ref:d,disabled:r,tabIndex:-1,endIcon:t=>E(a,{"aria-label":e,className:u.iconPressable,onClick:f,disabled:r,children:E(m,{icon:i??n,iconProps:t})}),className:u.root,slotProps:b,...l})});Ve.displayName="ChipDismissible";var we=V(function({variant:e=Ne,href:t,disabled:a,slotProps:n,className:i,...o},r){const s=w(()=>({root:p({chipLinkVariantRoot:e,className:i}),icon:p({chipLinkVariantIcon:e})}),[i,e]),c=ge(n,{startIcon:{className:s.icon},endIcon:{className:s.icon}});return E(xe,{as:"a",ref:r,disabled:a,className:s.root,slotProps:c,tabIndex:0,...{...o,href:a?void 0:t}})});we.displayName="ChipLink";var Ce=V(function({isToggled:e=!1,onToggle:t,onClick:a,variant:n=Ne,slotProps:i,className:o,...r},s){const c=w(()=>({root:p({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off",className:o}),icon:p({chipToggleVariantIcon:n})}),[o,e,n]),l=T(n=>{t?.(!e),a?.(n)},[e,a,t]),d=ge(i,{startIcon:{className:c.icon},endIcon:{className:c.icon}});return E(xe,{ref:s,as:"button",onClick:l,"aria-pressed":e,className:c.root,slotProps:d,tabIndex:0,...r})});Ce.displayName="ChipToggle";var ke=V(function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:i,isToggled:o,slotProps:r,...s},c){const{anchor:l,...d}=r??{};return n?E(Ve,{ref:c,onDismiss:n,slotProps:d,...s}):i?E(Ce,{ref:c,onToggle:i,isToggled:o,slotProps:d,...s}):t?E(we,{ref:c,href:t,slotProps:d,...s,...a,...l}):E(Ie,{ref:c,onClick:e,slotProps:d,...s})});ke.displayName="Chip";var Se=V(function({variant:e,size:a,iconVariant:n,loading:i,disableEffects:o,name:r,type:s="button",htmlName:c,className:l,children:d,...m},f){const v=C(null);k(f,()=>v.current);const{palette:y,variant:N}=g({flatVariant:e}),x=w(()=>({button:p({buttonVariant:N,buttonPalette:y,iconButtonSize:a,className:h("uds-icon-button","uds-button","uds-ring","uds-hit-target",i&&"uds-button-loading",o&&"uds-button-without-effects",l)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"}),[y,N,l,o,a,i]),I=$(),V=w(()=>I?"smooth":"subtle",[I]),S=w(()=>{const{rest:e,hover:t,pressed:a}=ce;return o?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}},[o]);return E(u,{layoutSpeed:"3",layoutVariant:V,reducedMotion:o?"always":"user",children:E(A.button,{ref:v,type:s,className:x.button,initial:"icon",variants:S,whileHover:"hover",whileTap:"pressed",name:c,...m,children:L(G,{initial:!1,mode:"popLayout",children:[i&&E(A.span,{variants:oe,initial:"loading",animate:"loading",exit:"hide",children:E(b,{size:F,name:t,variant:n,color:"current",className:x.loading})},"loading"),r&&!i&&E(A.span,{variants:ie,initial:"icon",animate:"icon",exit:"hide",children:d||E(b,{size:F,name:r,variant:n,color:"current",className:x.icon})},r.name)]})})})}),ze=I(N(),1),Pe=({children:e,reduceMotion:t,layoutVariant:a})=>{const n=C(null),[i,o]=R("auto");return j(()=>{if(n.current){const e=new ResizeObserver(e=>{o(e[0].contentRect.height)});return e.observe(n.current),()=>{e.disconnect()}}},[]),E(u,{reducedMotion:t,layoutSpeed:"4",layoutVariant:a,children:E(A.div,{className:"overflow-hidden",style:{height:i,opacity:0},animate:{height:i,opacity:1},children:E("div",{ref:n,children:e})})})};function Re({startIcon:e,endIcon:t,iconProps:a,children:n,size:i,isFilled:o,...r}){const s={helperText:h(p({inputSizeHelperText:i,inputVariantHelperText:"default",inputVariantValueHelperText:o?"filled":"empty"})),helperIcon:p({inputSizeHelperIcon:i,inputVariantHelperIcon:"default",inputVariantValueHelperIcon:o?"filled":"empty"})},l={variant:"outline",...a};return L(c,{gap:"1",alignItems:"center",...r,children:[e&&E(m,{icon:e,...l,iconProps:a,className:s.helperIcon}),E("span",{className:s.helperText,children:n}),t&&E(m,{icon:t,...l,iconProps:a,className:s.helperIcon})]})}Re.displayName="InputHelpTextInternal";var Te=H(Re),je=H(function({helpText:e,helperTextIcon:t,spacingStart:a,spacingTop:n,size:i,isFilled:o,...r}){return e?E(v,{spacingTop:n,spacingStart:a,...r,children:E(Te,{startIcon:t,size:i,isFilled:o,children:(0,ze.default)(e)?e():e})}):null}),He=H(function({icon:e,className:t,iconProps:a}){return e?E(m,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),Oe=H(function({icon:e,className:t,iconProps:a}){return e?E(m,{icon:e,iconProps:{variant:"outline",...a},className:t}):null}),We=V(function({id:e,label:t,type:a="text",size:n="md",startIcon:i,endIcon:o,helpText:r,helperTextIcon:s,hasError:d,width:u="full",defaultValue:m,required:f,readOnly:b,disabled:y,reduceMotion:g,onChange:N,slotProps:x,className:I,...V},w){const S=P(),z=e??`uds-input-${S}`,j=`uds-input-${z}-help-text`,{className:H,...O}=x?.input??{},{className:W,...M}=x?.inputWrapper??{},F=C(null);k(w,()=>F.current);const[A,G]=R(m??""),q=T(e=>{G(e.target.value),N?.(e)},[N]),B=$()?"smooth":"bouncy",D=g?"always":"user",X=!b&&!y,K={root:p({inputSizeRoot:n,inputVariantRoot:"default",inputVariantValueRoot:A?"filled":"empty",className:h([I,y?"opacity-50":""])}),inputWrapper:h(p({inputSizeInputWrapper:n,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:A?"filled":"empty"}),"min-w-[200px]",W),input:p({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",X?"cursor-text":"cursor-not-allowed",H)}),label:h(p({inputSizeLabel:n,inputVariantLabel:"default",inputVariantValueLabel:A?"filled":"empty"})),labelRequired:p({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:A?"filled":"empty"}),startIcon:p({inputSizeStartIcon:n,inputVariantStartIcon:"default",inputVariantValueStartIcon:A?"filled":"empty"}),endIcon:p({inputSizeEndIcon:n,inputVariantEndIcon:"default",inputVariantValueEndIcon:A?"filled":"empty"})};return L(l,{width:u,className:K.root,children:[t&&L(v,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:K.label,children:[E("label",{htmlFor:z,children:(0,ze.default)(t)?t():t}),f&&E("span",{className:K.labelRequired,children:"*"})]}),L(v,{position:"relative",alignItems:"center",...M,className:K.inputWrapper,children:[E(He,{icon:i,className:K.startIcon,iconProps:x?.startIcon}),E("input",{ref:F,id:z,type:a,value:A,required:f,readOnly:b,disabled:y,"aria-describedby":j,"aria-invalid":d,onChange:q,className:K.input,...V,...O}),o&&E(c,{alignItems:"center",gap:"1",children:E(Oe,{icon:o,className:K.endIcon,iconProps:x?.endIcon})})]}),E(Pe,{reduceMotion:D,layoutVariant:B,children:E(je,{id:j,helpText:r,spacingTop:"2",size:n,isFilled:!!A,helperTextIcon:s})})]})});We.displayName="Input";var Le=({size:e="md",isFilled:t,...a})=>{const n={root:p({inputSizeRoot:e,inputVariantRoot:"default",inputVariantValueRoot:t?"filled":"empty"})};return E(v,{asChild:!0,spacingTop:"2",className:n.root,children:E(Te,{size:e,isFilled:t,...a})})};Le.displayName="InputHelpText";var Ee=class e{name;value;activeCount=0;#e=new Set;constructor(e){this.name=e}onChange(e){return this.#e.add(e),()=>{this.#e.delete(e)}}setValue(e){this.value=e,this.#e.forEach(t=>t(e))}static findOrCreate(t,a){let n=t.get(a);return n||(n=new e(a),t.set(a,n)),n}},Me=O(new Map),Fe=e=>{const t=P();return e??`uds-radio-group-${t}`},Ae={primary:"alert",secondary:"alert-secondary"},$e=A.create(v),Ge={layoutVariant:"smooth",layoutSpeed:"3"},qe={layoutVariant:"veryBouncy",layoutSpeed:"4"},Be=V(function({id:e,name:t,label:a,labelPosition:n="start",variant:i="primary",size:o="md",reduceMotion:r,value:s="",checked:c,defaultChecked:l,disabled:m,hasError:f,onChange:b,onFocus:y,onBlur:g,className:N,layerClassNames:x,...I},V){const k=P(),S=e??`uds-radio-${k}`,z=C(null),{name:H,isControlled:O,checked:M,setGroupValue:F}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const i=W(Me),o=i instanceof Ee,r=void 0!==a||o,s=Fe(e),c=w(()=>o?i:Ee.findOrCreate(i,s),[i,o,s]),[l,d]=R(c.value),u=c.name??s,p=T(e=>{c.setValue(e),r||d(e)},[r,c]);return j(()=>c.onChange(d),[c]),j(()=>{!0===a&&p(t)},[a,t,p]),j(()=>{if(o)return;const e=Ee.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?a:void 0!==l?t===l:n??!1,setGroupValue:p}})({name:t,value:s,checked:c,defaultChecked:l}),[G,q]=R(!1),[B,D]=R(!1),X=w(()=>f?Ae[i]:i,[f,i]),K=w(()=>!m&&G,[m,G]),Q=w(()=>!m&&!M&&B,[M,m,B]),U=w(()=>Q?.9:K?1.1:1,[K,Q]),Z=w(()=>M?Q?"opacity-55":"opacity-100":"opacity-0",[M,Q]),J=w(()=>!m&&(Q&&!M||K&&M),[M,m,K,Q]),Y=w(()=>({scale:U}),[U]),_=w(()=>B?qe:Ge,[B]),ee=T(e=>{F(e.target.value),b?.(e)},[b,F]),te=T(e=>{y?.(e)},[y]),ae=T(e=>{g?.(e)},[g]),ne=T(()=>{q(!0)},[]),ie=T(()=>{q(!1)},[]),oe=T(()=>{D(!0)},[]),re=T(()=>{D(!1)},[]),se=r?"always":"user",ce=$()||r?"duration-0":"duration-120",le={root:p({radioSizeRoot:o,radioVariantValueRoot:M?"checked":"unchecked",radioVariantRoot:X,display:"flex",flexDirection:"start"===n?"row":"row-reverse",alignItems:"center",className:h([{"cursor-pointer":!m,"cursor-default":m,"opacity-50":m},N,x?.root])}),radio:p({radioSizeRadio:o,radioVariantRadio:X,radioVariantValueRadio:M?"checked":"unchecked",className:h(["border","uds-ring","uds-ring-within",ce,"transition-[background-color,border-color]","transition-shadow",x?.radio])}),radioCircle:p({radioVariantRadioCircle:X,radioVariantValueRadioCircle:M?"checked":"unchecked",className:h(["pointer-events-none","w-[8px]","h-[8px]",Z,ce,"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"===n?"text-start":"text-end",x?.label)},de=a?A.label:A.div;return E(u,{reducedMotion:se,..._,children:L(de,{className:le.root,"data-testid":"container",onHoverStart:ne,onHoverEnd:ie,onTapStart:oe,onTap:re,onTapCancel:re,tabIndex:-1,children:[L($e,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:le.radio,animate:Y,insetShadow:J?"lg-invert":"none",children:[E("input",{type:"radio",tabIndex:0,...I,ref:e=>{z.current=e,"function"==typeof V?V(e):null!==V&&(V.current=e)},onFocus:te,onBlur:ae,id:S,name:H,value:s,disabled:m,"aria-invalid":f,onChange:ee,...O?{checked:M}:{defaultChecked:l},className:le.htmlRadio}),E(v,{borderRadius:"full",className:le.radioCircle})]}),a&&E(d,{as:"div",variant:"inherit",color:"inherit",label:a,className:le.label})]})})});Be.displayName="Radio";var De=f(),Xe=class extends Ee{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},Ke=V(function({asChild:e,name:t,value:a,defaultValue:n,onChange:i,...o},r){const s=void 0!==a,c=Fe(t),l=w(()=>{const e=new Xe(c,s);return e.value=s?a:n,e},[n,s,c,a]);j(()=>{l.onChangeCb=i},[i,l]),j(()=>{s&&l.setValue(a,!0)},[s,l,a]),j(()=>l.onChange(e=>i?.(e)),[i,l]);const d=e?De:"div";return E(Me.Provider,{value:l,children:E(d,{role:"radiogroup",ref:r,...o})})});Ke.displayName="RadioGroupProvider";var Qe={md:{isOnX:20},sm:{isOnX:12}},Ue=A.create(v),Ze={layoutVariant:"bouncy",layoutSpeed:"4"},Je=V(function({id:e,isOn:t,defaultIsOn:a,onChange:n,label:i,labelPosition:o="start",size:r="md",onIcon:s,offIcon:c,reduceMotion:l,disabled:f,required:b,onFocus:y,onBlur:g,className:N,layerClassNames:x,...I},V){const k=P(),S=e??`uds-input-${k}`,z=C(null),H=void 0!==t,[O,W]=R(H?t:a),[M,F]=R(!1),G=w(()=>!f&&M,[f,M]),{isOnX:q}=Qe[r],B=w(()=>({initial:{scale:1,x:O?q:0},animate:{scale:G?1.05:1,x:O?q:0}}),[G,O,q]),D=T(e=>{n?.(e),H||W(e.target.checked)},[H,n]),X=T(e=>{y?.(e)},[y]),K=T(e=>{g?.(e)},[g]),Q=T(()=>{F(!0)},[]),U=T(()=>{F(!1)},[]),Z=l?"always":"user",J=$()||l?"duration-0":"duration-120";j(()=>{H&&W(t)},[t,H]);const Y={root:p({switchSizeRoot:r,switchVariantRoot:"default",switchVariantActiveRoot:O?"on":"off",display:"flex",flexDirection:"start"===o?"row":"row-reverse",alignItems:"center",className:h("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},x?.root,N)}),switch:p({switchVariantSwitch:"default",switchSizeSwitch:r,switchVariantActiveSwitch:O?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:h("uds-ring","uds-ring-within",J,"transition-[background-color,box-shadow]",x?.switch)}),handle:p({switchSizeHandle:r,className:h("relative","pointer-events-none","rounded-full","overflow-hidden",x?.handle)}),handleCircle:p({switchVariantActiveHandle:O?"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:p({switchSizeHandleIcon:r,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:O?"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"===o?"text-start":"text-end",x?.label)},_=i?A.label:A.div;return E(u,{reducedMotion:Z,...Ze,children:L(_,{className:Y.root,"data-testid":"container",onHoverStart:Q,onHoverEnd:U,tabIndex:-1,children:[L(Ue,{className:Y.switch,children:[E("input",{type:"checkbox",tabIndex:0,...I,ref:e=>{z.current=e,"function"==typeof V?V(e):null!==V&&(V.current=e)},onFocus:X,onBlur:K,id:S,disabled:f,required:b,checked:H?O:void 0,defaultChecked:H?void 0:a,onChange:D,className:Y.htmlCheckbox,style:{}}),L(Ue,{className:Y.handle,...B,children:[E(v,{className:Y.handleCircle}),s&&E(m,{icon:s,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:h(Y.handleIcon,O?"opacity-100":"opacity-0")}),c&&E(m,{icon:c,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:h(Y.handleIcon,O?"opacity-0":"opacity-100")})]})]}),i&&E(d,{as:"div",variant:"inherit",color:"inherit",required:b,label:i,className:Y.label})]})})});Je.displayName="Switch";export{ee as Avatar,J as AvatarIcon,_ as AvatarImage,Y as AvatarText,te as Badge,de as Button,ve as Checkbox,ke as Chip,Ie as ChipButton,Ve as ChipDismissible,we as ChipLink,Ce as ChipToggle,Se as IconButton,We as Input,Le as InputHelpText,Be as Radio,Ke as RadioGroupProvider,Je as Switch};
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import { C as ColorModeConfig, S as ScaleModeConfig, F as FontConfig, B as ButtonConfig, I as IconButtonConfig, M as MotionConfig,
|
2
|
-
export {
|
1
|
+
import { C as ColorModeConfig, S as ScaleModeConfig, F as FontConfig, B as ButtonConfig, I as IconButtonConfig, M as MotionConfig, d as ShadowConfig, T as TypographyConfig, G as GlobalDefaultsConfig, e as BreakpointsConfig } from './types-Da_DnBJy.cjs';
|
2
|
+
export { f as defaultUniversalTokensConfigAuto } from './types-Da_DnBJy.cjs';
|
3
3
|
import '@yahoo/uds-icons/types';
|
4
4
|
import 'motion/react';
|
5
5
|
import 'react';
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import { C as ColorModeConfig, S as ScaleModeConfig, F as FontConfig, B as ButtonConfig, I as IconButtonConfig, M as MotionConfig,
|
2
|
-
export {
|
1
|
+
import { C as ColorModeConfig, S as ScaleModeConfig, F as FontConfig, B as ButtonConfig, I as IconButtonConfig, M as MotionConfig, d as ShadowConfig, T as TypographyConfig, G as GlobalDefaultsConfig, e as BreakpointsConfig } from './types-Da_DnBJy.js';
|
2
|
+
export { f as defaultUniversalTokensConfigAuto } from './types-Da_DnBJy.js';
|
3
3
|
import '@yahoo/uds-icons/types';
|
4
4
|
import 'motion/react';
|
5
5
|
import 'react';
|
@@ -1,2 +1 @@
|
|
1
|
-
"use client";
|
2
1
|
"use strict";var e=require("../../chunk-MQ5HBFA2.cjs"),t=require("../../chunk-TWH2EAVG.cjs"),a=require("../../chunk-3VUEFW4X.cjs"),o=require("motion/react-m"),i=require("react"),r=require("react/jsx-runtime");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,o.get?o:{enumerable:!0,get:function(){return e[a]}})}}),t.default=e,Object.freeze(t)}var c=()=>import("../../domMax-7KVFVNKB.cjs").then(({domMax:e})=>e),s=n(o).create(a.Box),l=i.forwardRef(function({id:o,isOn:n,defaultIsOn:l,onChange:d,label:u,labelPosition:h="start",size:f="md",onIcon:x,offIcon:m,reduceMotion:p,disabled:y,required:b,onFocus:w,onBlur:v,className:g,layerClassNames:j,...S},N){const C=i.useId(),V=o??`uds-input-${C}`,k=i.useRef(null),I=void 0!==n,[q,B]=i.useState(I?n:l),M=i.useCallback(e=>{d?.(e),I||B(e.target.checked)},[I,d]),z=i.useCallback(e=>{w?.(e)},[w]),A=i.useCallback(e=>{v?.(e)},[v]),H=p?"always":"user",O=p?"duration-0":"duration-120 motion-reduce:duration-0";i.useEffect(()=>{I&&B(n)},[n,I]);const F={root:a.getStyles({switchSizeRoot:f,switchVariantRoot:"default",switchVariantActiveRoot:q?"on":"off",className:a.cx("group","flex","items-center","start"===h?"flex-row":"flex-row-reverse",...y?["cursor-default","opacity-50"]:["cursor-pointer"],j?.root,g)}),switch:a.getStyles({switchVariantSwitch:"default",switchSizeSwitch:f,switchVariantActiveSwitch:q?"on":"off",className:a.cx("uds-ring","uds-ring-within","relative","rounded-full","items-center",O,"transition-[background-color,box-shadow]",j?.switch)}),handleContainer:a.cx("pointer-events-none","relative","w-full","h-full"),handle:a.getStyles({switchSizeHandle:f,className:a.cx("absolute","top-0","bottom-0",q?"right-0":"left-0",j?.handle)}),handleContents:a.cx("relative","w-full","h-full","rounded-full","overflow-hidden",!y&&"group-hover:scale-105","opacity-95",!y&&"group-hover:opacity-100",O,"transition-[transform,opacity]"),handleCircle:a.getStyles({switchVariantActiveHandle:q?"on":"off",switchVariantHandle:"default",className:a.cx("absolute","top-0","left-0","right-0","bottom-0")}),handleIcon:a.getStyles({switchSizeHandleIcon:f,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:q?"on":"off",className:a.cx("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",O,"transition-opacity")}),htmlCheckbox:a.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:a.cx("start"===h?"text-start":"text-end",j?.label)},P=u?"label":"div";return r.jsx(t.SpringMotionConfig,{reducedMotion:H,loadFeatures:c,layoutVariant:"bouncy",layoutSpeed:"4",children:r.jsxs(P,{className:F.root,"data-testid":"switch-root",tabIndex:-1,children:[r.jsxs(a.Box,{className:F.switch,children:[r.jsx("input",{type:"checkbox",...S,ref:e=>{k.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:z,onBlur:A,id:V,disabled:y,required:b,checked:I?q:void 0,defaultChecked:I?void 0:l,onChange:M,className:F.htmlCheckbox,style:{}}),r.jsx(a.Box,{className:F.handleContainer,children:r.jsx(s,{className:F.handle,layout:"position",layoutDependency:q,children:r.jsxs(a.Box,{className:F.handleContents,children:[r.jsx(a.Box,{className:F.handleCircle}),x&&r.jsx(a.IconSlot,{icon:x,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:a.cx(F.handleIcon,q?"opacity-100":"opacity-0")}),m&&r.jsx(a.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:a.cx(F.handleIcon,q?"opacity-0":"opacity-100")})]})})})]}),u&&r.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:b,label:u,className:F.label})]})})});/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */l.displayName="SwitchV2";var d=t.AvoidMotionLibraryProvider;exports.SwitchV2=l,exports.SwitchV2AvoidMotionLibraryProvider=d;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as properties from '@yahoo/uds/fixtures';
|
2
|
-
import {
|
2
|
+
import { m as ShadowPreset, g as UniversalTokensConfig } from './types-Da_DnBJy.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 {
|
2
|
+
import { m as ShadowPreset, g as UniversalTokensConfig } from './types-D6kYghpa.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 {
|
2
|
+
import { m as ShadowPreset, g as UniversalTokensConfig } from './types-Da_DnBJy.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 {
|
2
|
+
import { m as ShadowPreset, g as UniversalTokensConfig } from './types-D6kYghpa.cjs';
|
3
3
|
|
4
4
|
type DispatchContext = {
|
5
5
|
componentName: string;
|
package/dist/index.cjs
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";var e=require("./chunk-6KI6LPDE.cjs"),t=require("./chunk-GMQZWDKV.cjs"),r=require("./chunk-IWTF6VT4.cjs"),n=require("./chunk-MQ5HBFA2.cjs"),o=require("./chunk-3VUEFW4X.cjs"),i=require("./chunk-ZSA4T523.cjs"),u=require("./chunk-J7PUOUXC.cjs"),a=require("./chunk-DEYTPNUJ.cjs"),c=require("./chunk-LNZSNDOV.cjs"),f=require("react"),p=require("react/jsx-runtime"),b=require("@yahoo/uds/client"),s=f.forwardRef(function(e,r){return p.jsx(t.DividerInternal,{ref:r,...e})});/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */s.displayName="Divider";var O=f.forwardRef(function({variant:e="primary",textVariant:t,startIcon:r,endIcon:n,alwaysUnderline:i=!1,children:u,className:a,...c},b){const s=!t,O=f.useMemo(()=>{const r=!s&&o.getStyles({linkTextStyleRoot:t,fontSize:t,fontFamily:t,fontWeight:t,lineHeight:t,textTransform:t});return o.getStyles({linkVariantRoot:e,display:"inline-flex",alignItems:"center",className:o.cx(r,"uds-ring",i&&"underline",a)})},[i,s,t,e,a]),g=o.getStyles({linkVariantIconStart:e,linkTextStyleIcon:t,className:o.cx(s&&"w-[0.7em] h-[0.7em]")}),l=o.getStyles({linkVariantIconEnd:e,linkTextStyleIcon:t,className:o.cx(s&&"w-[0.7em] h-[0.7em]")}),P={variant:"outline",color:"current"};return p.jsxs("a",{ref:b,className:O,...c,children:[r&&p.jsx(o.IconSlot,{className:g,icon:r,iconProps:P,"data-testid":"start-icon"}),u,n&&p.jsx(o.IconSlot,{className:l,icon:n,iconProps:P,"data-testid":"end-icon"})]})});O.displayName="Link",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,"HStack",{enumerable:!0,get:function(){return r.HStack}}),Object.defineProperty(exports,"VStack",{enumerable:!0,get:function(){return r.VStack}}),Object.defineProperty(exports,"FormLabel",{enumerable:!0,get:function(){return n.FormLabel}}),Object.defineProperty(exports,"Box",{enumerable:!0,get:function(){return o.Box}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return o.Icon}}),Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return o.Text}}),Object.defineProperty(exports,"cva",{enumerable:!0,get:function(){return o.cva}}),Object.defineProperty(exports,"cx",{enumerable:!0,get:function(){return o.cx}}),Object.defineProperty(exports,"getStyles",{enumerable:!0,get:function(){return o.getStyles}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE",{enumerable:!0,get:function(){return i.DEFAULT_COLOR_MODE}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_FOR_APP",{enumerable:!0,get:function(){return i.DEFAULT_COLOR_MODE_FOR_APP}}),Object.defineProperty(exports,"DEFAULT_HIGH_CONTRAST_MODE",{enumerable:!0,get:function(){return i.DEFAULT_HIGH_CONTRAST_MODE}}),Object.defineProperty(exports,"DEFAULT_REGION_MODE",{enumerable:!0,get:function(){return i.DEFAULT_REGION_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE",{enumerable:!0,get:function(){return i.DEFAULT_SCALE_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_FOR_APP",{enumerable:!0,get:function(){return i.DEFAULT_SCALE_MODE_FOR_APP}}),Object.defineProperty(exports,"FONT_DECLARATIONS_MAP",{enumerable:!0,get:function(){return i.FONT_DECLARATIONS_MAP}}),Object.defineProperty(exports,"alwaysPalette",{enumerable:!0,get:function(){return i.alwaysPalette}}),Object.defineProperty(exports,"button",{enumerable:!0,get:function(){return i.button}}),Object.defineProperty(exports,"cartesianProduct",{enumerable:!0,get:function(){return i.cartesianProduct}}),Object.defineProperty(exports,"coalesceConfigVariant",{enumerable:!0,get:function(){return i.coalesceConfigVariant}}),Object.defineProperty(exports,"configurableProperties",{enumerable:!0,get:function(){return i.configurableProperties}}),Object.defineProperty(exports,"createComponentStateConfig",{enumerable:!0,get:function(){return i.createComponentStateConfig}}),Object.defineProperty(exports,"createComponentStates",{enumerable:!0,get:function(){return i.createComponentStates}}),Object.defineProperty(exports,"createConfigurableProperty",{enumerable:!0,get:function(){return i.createConfigurableProperty}}),Object.defineProperty(exports,"createLayerConfig",{enumerable:!0,get:function(){return i.createLayerConfig}}),Object.defineProperty(exports,"createSubComponentConfig",{enumerable:!0,get:function(){return i.createSubComponentConfig}}),Object.defineProperty(exports,"createVariantConfig",{enumerable:!0,get:function(){return i.createVariantConfig}}),Object.defineProperty(exports,"createVariantConfigWithComponentStates",{enumerable:!0,get:function(){return i.createVariantConfigWithComponentStates}}),Object.defineProperty(exports,"createVariantConfigWithProperties",{enumerable:!0,get:function(){return i.createVariantConfigWithProperties}}),Object.defineProperty(exports,"findFixtureType",{enumerable:!0,get:function(){return i.findFixtureType}}),Object.defineProperty(exports,"fontWeightMap",{enumerable:!0,get:function(){return i.fontWeightMap}}),Object.defineProperty(exports,"fromEntries",{enumerable:!0,get:function(){return i.fromEntries}}),Object.defineProperty(exports,"generateClassName",{enumerable:!0,get:function(){return i.generateClassName}}),Object.defineProperty(exports,"generateDeclaration",{enumerable:!0,get:function(){return i.generateDeclaration}}),Object.defineProperty(exports,"generateKeyFromFlatConfigPath",{enumerable:!0,get:function(){return i.generateKeyFromFlatConfigPath}}),Object.defineProperty(exports,"generateSchemaKey",{enumerable:!0,get:function(){return i.generateSchemaKey}}),Object.defineProperty(exports,"generateStyles",{enumerable:!0,get:function(){return i.generateStyles}}),Object.defineProperty(exports,"getConfigDefaultValue",{enumerable:!0,get:function(){return i.getConfigDefaultValue}}),Object.defineProperty(exports,"getConfigPseudoStateVariables",{enumerable:!0,get:function(){return i.getConfigPseudoStateVariables}}),Object.defineProperty(exports,"getConfigPseudoStateVariablesWithSetter",{enumerable:!0,get:function(){return i.getConfigPseudoStateVariablesWithSetter}}),Object.defineProperty(exports,"getConfigSubcomponents",{enumerable:!0,get:function(){return i.getConfigSubcomponents}}),Object.defineProperty(exports,"getConfigVariantComponentStates",{enumerable:!0,get:function(){return i.getConfigVariantComponentStates}}),Object.defineProperty(exports,"getConfigVariantComponentStatesMatrix",{enumerable:!0,get:function(){return i.getConfigVariantComponentStatesMatrix}}),Object.defineProperty(exports,"getConfigVariantProperties",{enumerable:!0,get:function(){return i.getConfigVariantProperties}}),Object.defineProperty(exports,"getConfigVariantPseudoStates",{enumerable:!0,get:function(){return i.getConfigVariantPseudoStates}}),Object.defineProperty(exports,"getConfigVariants",{enumerable:!0,get:function(){return i.getConfigVariants}}),Object.defineProperty(exports,"getDefaultButtonBaseMap",{enumerable:!0,get:function(){return i.getDefaultButtonBaseMap}}),Object.defineProperty(exports,"isConfigDefaultValue",{enumerable:!0,get:function(){return i.isConfigDefaultValue}}),Object.defineProperty(exports,"parseButtonVariantFlat",{enumerable:!0,get:function(){return i.parseButtonVariantFlat}}),Object.defineProperty(exports,"parseDeprecatedButtonPaletteVariant",{enumerable:!0,get:function(){return i.parseDeprecatedButtonPaletteVariant}}),Object.defineProperty(exports,"setConfigPseudoStateVariable",{enumerable:!0,get:function(){return i.setConfigPseudoStateVariable}}),Object.defineProperty(exports,"shadow",{enumerable:!0,get:function(){return i.shadow}}),Object.defineProperty(exports,"statePseudoMapDocsMode",{enumerable:!0,get:function(){return i.statePseudoMapDocsMode}}),Object.defineProperty(exports,"toMinimalDbConfigObject",{enumerable:!0,get:function(){return i.toMinimalDbConfigObject}}),Object.defineProperty(exports,"entries",{enumerable:!0,get:function(){return u.entries}}),Object.defineProperty(exports,"mapValues",{enumerable:!0,get:function(){return u.mapValues}}),Object.defineProperty(exports,"variants",{enumerable:!0,get:function(){return a.variants}}),Object.defineProperty(exports,"AVATAR_SIZE_PREFIX",{enumerable:!0,get:function(){return c.AVATAR_SIZE_PREFIX}}),Object.defineProperty(exports,"BORDER_RADIUS_PREFIX",{enumerable:!0,get:function(){return c.BORDER_RADIUS_PREFIX}}),Object.defineProperty(exports,"BORDER_WIDTH_PREFIX",{enumerable:!0,get:function(){return c.BORDER_WIDTH_PREFIX}}),Object.defineProperty(exports,"BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return c.BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"DARK_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.DARK_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.DEFAULT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.DEFAULT_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"FONT_FAMILY_PREFIX",{enumerable:!0,get:function(){return c.FONT_FAMILY_PREFIX}}),Object.defineProperty(exports,"FONT_SIZE_PREFIX",{enumerable:!0,get:function(){return c.FONT_SIZE_PREFIX}}),Object.defineProperty(exports,"FONT_SLANT_PREFIX",{enumerable:!0,get:function(){return c.FONT_SLANT_PREFIX}}),Object.defineProperty(exports,"FONT_WEIGHT_PREFIX",{enumerable:!0,get:function(){return c.FONT_WEIGHT_PREFIX}}),Object.defineProperty(exports,"FONT_WIDTH_PREFIX",{enumerable:!0,get:function(){return c.FONT_WIDTH_PREFIX}}),Object.defineProperty(exports,"ICON_BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return c.ICON_BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"ICON_SIZE_PREFIX",{enumerable:!0,get:function(){return c.ICON_SIZE_PREFIX}}),Object.defineProperty(exports,"INVERT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.INVERT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.LARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"LIGHT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.LIGHT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LINE_HEIGHT_PREFIX",{enumerable:!0,get:function(){return c.LINE_HEIGHT_PREFIX}}),Object.defineProperty(exports,"MEDIUM_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.MEDIUM_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"MOTION_PREFIX",{enumerable:!0,get:function(){return c.MOTION_PREFIX}}),Object.defineProperty(exports,"PSEUDO_STYLE_SELECTOR_MAP",{enumerable:!0,get:function(){return c.PSEUDO_STYLE_SELECTOR_MAP}}),Object.defineProperty(exports,"SMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.SMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"SPECTRUM_COLOR_PREFIX",{enumerable:!0,get:function(){return c.SPECTRUM_COLOR_PREFIX}}),Object.defineProperty(exports,"SYSTEM_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.SYSTEM_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES",{enumerable:!0,get:function(){return c.TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES}}),Object.defineProperty(exports,"TEXT_RESPONSIVE_CLASSNAME",{enumerable:!0,get:function(){return c.TEXT_RESPONSIVE_CLASSNAME}}),Object.defineProperty(exports,"TEXT_TRANSFORM_PREFIX",{enumerable:!0,get:function(){return c.TEXT_TRANSFORM_PREFIX}}),Object.defineProperty(exports,"UDS_PREFIX",{enumerable:!0,get:function(){return c.UDS_PREFIX}}),Object.defineProperty(exports,"XLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XSMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XSMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XXXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return b.Avatar}}),Object.defineProperty(exports,"AvatarIcon",{enumerable:!0,get:function(){return b.AvatarIcon}}),Object.defineProperty(exports,"AvatarImage",{enumerable:!0,get:function(){return b.AvatarImage}}),Object.defineProperty(exports,"AvatarText",{enumerable:!0,get:function(){return b.AvatarText}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return b.Badge}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return b.Button}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return b.Checkbox}}),Object.defineProperty(exports,"Chip",{enumerable:!0,get:function(){return b.Chip}}),Object.defineProperty(exports,"ChipButton",{enumerable:!0,get:function(){return b.ChipButton}}),Object.defineProperty(exports,"ChipDismissible",{enumerable:!0,get:function(){return b.ChipDismissible}}),Object.defineProperty(exports,"ChipLink",{enumerable:!0,get:function(){return b.ChipLink}}),Object.defineProperty(exports,"ChipToggle",{enumerable:!0,get:function(){return b.ChipToggle}}),Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return b.IconButton}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return b.Input}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return b.Menu}}),Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return b.Pressable}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return b.Radio}}),Object.defineProperty(exports,"RadioGroupProvider",{enumerable:!0,get:function(){return b.RadioGroupProvider}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return b.SpringMotionConfig}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return b.Switch}}),exports.Divider=s,exports.Link=O;
|
1
|
+
"use strict";var e=require("./chunk-H2XDX4D2.cjs"),t=require("./chunk-GMQZWDKV.cjs"),r=require("./chunk-IWTF6VT4.cjs"),n=require("./chunk-MQ5HBFA2.cjs"),o=require("./chunk-3VUEFW4X.cjs"),i=require("./chunk-ZSA4T523.cjs"),u=require("./chunk-J7PUOUXC.cjs"),a=require("./chunk-DEYTPNUJ.cjs"),c=require("./chunk-LNZSNDOV.cjs"),f=require("react"),p=require("react/jsx-runtime"),b=require("@yahoo/uds/client"),s=f.forwardRef(function(e,r){return p.jsx(t.DividerInternal,{ref:r,...e})});/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */s.displayName="Divider";var O=f.forwardRef(function({variant:e="primary",textVariant:t,startIcon:r,endIcon:n,alwaysUnderline:i=!1,children:u,className:a,...c},b){const s=!t,O=f.useMemo(()=>{const r=!s&&o.getStyles({linkTextStyleRoot:t,fontSize:t,fontFamily:t,fontWeight:t,lineHeight:t,textTransform:t});return o.getStyles({linkVariantRoot:e,display:"inline-flex",alignItems:"center",className:o.cx(r,"uds-ring",i&&"underline",a)})},[i,s,t,e,a]),g=o.getStyles({linkVariantIconStart:e,linkTextStyleIcon:t,className:o.cx(s&&"w-[0.7em] h-[0.7em]")}),l=o.getStyles({linkVariantIconEnd:e,linkTextStyleIcon:t,className:o.cx(s&&"w-[0.7em] h-[0.7em]")}),P={variant:"outline",color:"current"};return p.jsxs("a",{ref:b,className:O,...c,children:[r&&p.jsx(o.IconSlot,{className:g,icon:r,iconProps:P,"data-testid":"start-icon"}),u,n&&p.jsx(o.IconSlot,{className:l,icon:n,iconProps:P,"data-testid":"end-icon"})]})});O.displayName="Link",Object.defineProperty(exports,"Image",{enumerable:!0,get:function(){return e.Image}}),Object.defineProperty(exports,"HStack",{enumerable:!0,get:function(){return r.HStack}}),Object.defineProperty(exports,"VStack",{enumerable:!0,get:function(){return r.VStack}}),Object.defineProperty(exports,"FormLabel",{enumerable:!0,get:function(){return n.FormLabel}}),Object.defineProperty(exports,"Box",{enumerable:!0,get:function(){return o.Box}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return o.Icon}}),Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return o.Text}}),Object.defineProperty(exports,"cva",{enumerable:!0,get:function(){return o.cva}}),Object.defineProperty(exports,"cx",{enumerable:!0,get:function(){return o.cx}}),Object.defineProperty(exports,"getStyles",{enumerable:!0,get:function(){return o.getStyles}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE",{enumerable:!0,get:function(){return i.DEFAULT_COLOR_MODE}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_FOR_APP",{enumerable:!0,get:function(){return i.DEFAULT_COLOR_MODE_FOR_APP}}),Object.defineProperty(exports,"DEFAULT_HIGH_CONTRAST_MODE",{enumerable:!0,get:function(){return i.DEFAULT_HIGH_CONTRAST_MODE}}),Object.defineProperty(exports,"DEFAULT_REGION_MODE",{enumerable:!0,get:function(){return i.DEFAULT_REGION_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE",{enumerable:!0,get:function(){return i.DEFAULT_SCALE_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_FOR_APP",{enumerable:!0,get:function(){return i.DEFAULT_SCALE_MODE_FOR_APP}}),Object.defineProperty(exports,"FONT_DECLARATIONS_MAP",{enumerable:!0,get:function(){return i.FONT_DECLARATIONS_MAP}}),Object.defineProperty(exports,"alwaysPalette",{enumerable:!0,get:function(){return i.alwaysPalette}}),Object.defineProperty(exports,"button",{enumerable:!0,get:function(){return i.button}}),Object.defineProperty(exports,"cartesianProduct",{enumerable:!0,get:function(){return i.cartesianProduct}}),Object.defineProperty(exports,"coalesceConfigVariant",{enumerable:!0,get:function(){return i.coalesceConfigVariant}}),Object.defineProperty(exports,"configurableProperties",{enumerable:!0,get:function(){return i.configurableProperties}}),Object.defineProperty(exports,"createComponentStateConfig",{enumerable:!0,get:function(){return i.createComponentStateConfig}}),Object.defineProperty(exports,"createComponentStates",{enumerable:!0,get:function(){return i.createComponentStates}}),Object.defineProperty(exports,"createConfigurableProperty",{enumerable:!0,get:function(){return i.createConfigurableProperty}}),Object.defineProperty(exports,"createLayerConfig",{enumerable:!0,get:function(){return i.createLayerConfig}}),Object.defineProperty(exports,"createSubComponentConfig",{enumerable:!0,get:function(){return i.createSubComponentConfig}}),Object.defineProperty(exports,"createVariantConfig",{enumerable:!0,get:function(){return i.createVariantConfig}}),Object.defineProperty(exports,"createVariantConfigWithComponentStates",{enumerable:!0,get:function(){return i.createVariantConfigWithComponentStates}}),Object.defineProperty(exports,"createVariantConfigWithProperties",{enumerable:!0,get:function(){return i.createVariantConfigWithProperties}}),Object.defineProperty(exports,"findFixtureType",{enumerable:!0,get:function(){return i.findFixtureType}}),Object.defineProperty(exports,"fontWeightMap",{enumerable:!0,get:function(){return i.fontWeightMap}}),Object.defineProperty(exports,"fromEntries",{enumerable:!0,get:function(){return i.fromEntries}}),Object.defineProperty(exports,"generateClassName",{enumerable:!0,get:function(){return i.generateClassName}}),Object.defineProperty(exports,"generateDeclaration",{enumerable:!0,get:function(){return i.generateDeclaration}}),Object.defineProperty(exports,"generateKeyFromFlatConfigPath",{enumerable:!0,get:function(){return i.generateKeyFromFlatConfigPath}}),Object.defineProperty(exports,"generateSchemaKey",{enumerable:!0,get:function(){return i.generateSchemaKey}}),Object.defineProperty(exports,"generateStyles",{enumerable:!0,get:function(){return i.generateStyles}}),Object.defineProperty(exports,"getConfigDefaultValue",{enumerable:!0,get:function(){return i.getConfigDefaultValue}}),Object.defineProperty(exports,"getConfigPseudoStateVariables",{enumerable:!0,get:function(){return i.getConfigPseudoStateVariables}}),Object.defineProperty(exports,"getConfigPseudoStateVariablesWithSetter",{enumerable:!0,get:function(){return i.getConfigPseudoStateVariablesWithSetter}}),Object.defineProperty(exports,"getConfigSubcomponents",{enumerable:!0,get:function(){return i.getConfigSubcomponents}}),Object.defineProperty(exports,"getConfigVariantComponentStates",{enumerable:!0,get:function(){return i.getConfigVariantComponentStates}}),Object.defineProperty(exports,"getConfigVariantComponentStatesMatrix",{enumerable:!0,get:function(){return i.getConfigVariantComponentStatesMatrix}}),Object.defineProperty(exports,"getConfigVariantProperties",{enumerable:!0,get:function(){return i.getConfigVariantProperties}}),Object.defineProperty(exports,"getConfigVariantPseudoStates",{enumerable:!0,get:function(){return i.getConfigVariantPseudoStates}}),Object.defineProperty(exports,"getConfigVariants",{enumerable:!0,get:function(){return i.getConfigVariants}}),Object.defineProperty(exports,"getDefaultButtonBaseMap",{enumerable:!0,get:function(){return i.getDefaultButtonBaseMap}}),Object.defineProperty(exports,"isConfigDefaultValue",{enumerable:!0,get:function(){return i.isConfigDefaultValue}}),Object.defineProperty(exports,"parseButtonVariantFlat",{enumerable:!0,get:function(){return i.parseButtonVariantFlat}}),Object.defineProperty(exports,"parseDeprecatedButtonPaletteVariant",{enumerable:!0,get:function(){return i.parseDeprecatedButtonPaletteVariant}}),Object.defineProperty(exports,"setConfigPseudoStateVariable",{enumerable:!0,get:function(){return i.setConfigPseudoStateVariable}}),Object.defineProperty(exports,"shadow",{enumerable:!0,get:function(){return i.shadow}}),Object.defineProperty(exports,"statePseudoMapDocsMode",{enumerable:!0,get:function(){return i.statePseudoMapDocsMode}}),Object.defineProperty(exports,"toMinimalDbConfigObject",{enumerable:!0,get:function(){return i.toMinimalDbConfigObject}}),Object.defineProperty(exports,"entries",{enumerable:!0,get:function(){return u.entries}}),Object.defineProperty(exports,"mapValues",{enumerable:!0,get:function(){return u.mapValues}}),Object.defineProperty(exports,"variants",{enumerable:!0,get:function(){return a.variants}}),Object.defineProperty(exports,"AVATAR_SIZE_PREFIX",{enumerable:!0,get:function(){return c.AVATAR_SIZE_PREFIX}}),Object.defineProperty(exports,"BORDER_RADIUS_PREFIX",{enumerable:!0,get:function(){return c.BORDER_RADIUS_PREFIX}}),Object.defineProperty(exports,"BORDER_WIDTH_PREFIX",{enumerable:!0,get:function(){return c.BORDER_WIDTH_PREFIX}}),Object.defineProperty(exports,"BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return c.BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"DARK_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.DARK_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.DEFAULT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.DEFAULT_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"FONT_FAMILY_PREFIX",{enumerable:!0,get:function(){return c.FONT_FAMILY_PREFIX}}),Object.defineProperty(exports,"FONT_SIZE_PREFIX",{enumerable:!0,get:function(){return c.FONT_SIZE_PREFIX}}),Object.defineProperty(exports,"FONT_SLANT_PREFIX",{enumerable:!0,get:function(){return c.FONT_SLANT_PREFIX}}),Object.defineProperty(exports,"FONT_WEIGHT_PREFIX",{enumerable:!0,get:function(){return c.FONT_WEIGHT_PREFIX}}),Object.defineProperty(exports,"FONT_WIDTH_PREFIX",{enumerable:!0,get:function(){return c.FONT_WIDTH_PREFIX}}),Object.defineProperty(exports,"ICON_BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return c.ICON_BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"ICON_SIZE_PREFIX",{enumerable:!0,get:function(){return c.ICON_SIZE_PREFIX}}),Object.defineProperty(exports,"INVERT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.INVERT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.LARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"LIGHT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.LIGHT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LINE_HEIGHT_PREFIX",{enumerable:!0,get:function(){return c.LINE_HEIGHT_PREFIX}}),Object.defineProperty(exports,"MEDIUM_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.MEDIUM_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"MOTION_PREFIX",{enumerable:!0,get:function(){return c.MOTION_PREFIX}}),Object.defineProperty(exports,"PSEUDO_STYLE_SELECTOR_MAP",{enumerable:!0,get:function(){return c.PSEUDO_STYLE_SELECTOR_MAP}}),Object.defineProperty(exports,"SMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.SMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"SPECTRUM_COLOR_PREFIX",{enumerable:!0,get:function(){return c.SPECTRUM_COLOR_PREFIX}}),Object.defineProperty(exports,"SYSTEM_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.SYSTEM_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES",{enumerable:!0,get:function(){return c.TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES}}),Object.defineProperty(exports,"TEXT_RESPONSIVE_CLASSNAME",{enumerable:!0,get:function(){return c.TEXT_RESPONSIVE_CLASSNAME}}),Object.defineProperty(exports,"TEXT_TRANSFORM_PREFIX",{enumerable:!0,get:function(){return c.TEXT_TRANSFORM_PREFIX}}),Object.defineProperty(exports,"UDS_PREFIX",{enumerable:!0,get:function(){return c.UDS_PREFIX}}),Object.defineProperty(exports,"XLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XSMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XSMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XXXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return b.Avatar}}),Object.defineProperty(exports,"AvatarIcon",{enumerable:!0,get:function(){return b.AvatarIcon}}),Object.defineProperty(exports,"AvatarImage",{enumerable:!0,get:function(){return b.AvatarImage}}),Object.defineProperty(exports,"AvatarText",{enumerable:!0,get:function(){return b.AvatarText}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return b.Badge}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return b.Button}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return b.Checkbox}}),Object.defineProperty(exports,"Chip",{enumerable:!0,get:function(){return b.Chip}}),Object.defineProperty(exports,"ChipButton",{enumerable:!0,get:function(){return b.ChipButton}}),Object.defineProperty(exports,"ChipDismissible",{enumerable:!0,get:function(){return b.ChipDismissible}}),Object.defineProperty(exports,"ChipLink",{enumerable:!0,get:function(){return b.ChipLink}}),Object.defineProperty(exports,"ChipToggle",{enumerable:!0,get:function(){return b.ChipToggle}}),Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return b.IconButton}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return b.Input}}),Object.defineProperty(exports,"InputHelpText",{enumerable:!0,get:function(){return b.InputHelpText}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return b.Menu}}),Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return b.Pressable}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return b.Radio}}),Object.defineProperty(exports,"RadioGroupProvider",{enumerable:!0,get:function(){return b.RadioGroupProvider}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return b.SpringMotionConfig}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return b.Switch}}),exports.Divider=s,exports.Link=O;
|
package/dist/index.d.cts
CHANGED
@@ -1,17 +1,16 @@
|
|
1
|
-
import { D as DivProps } from './Box-
|
2
|
-
export { a as Box, B as BoxProps } from './Box-
|
3
|
-
export { a as Divider, D as DividerProps, b as VStack, V as VStackProps } from './VStack-
|
1
|
+
import { D as DivProps } from './Box-BFRDyWaq.cjs';
|
2
|
+
export { a as Box, B as BoxProps } from './Box-BFRDyWaq.cjs';
|
3
|
+
export { a as Divider, D as DividerProps, b as VStack, V as VStackProps } from './VStack-UmkAYRN1.cjs';
|
4
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
5
|
-
import {
|
6
|
-
export {
|
5
|
+
import { v as UniversalFormLabelProps, n as UniversalStackProps, w as IconPropsWithSVGProps, x as ImagePropsWithImgProps, y as UniversalLinkProps } from './types-Da_DnBJy.cjs';
|
6
|
+
export { D as AVATAR_SIZE_PREFIX, al as AlwaysPalette, am as AlwaysPaletteAlias, an as AlwaysPaletteColor, ao as Animation, ap as AriaAttribute, aq as AvatarAbbreviationStrategy, ar as AvatarShape, as as AvatarSize, at as AvatarSizeConfig, au as AvatarVariant, E as BORDER_RADIUS_PREFIX, J as BORDER_WIDTH_PREFIX, ac as BUTTON_CSS_VAR_MAP, av as BackgroundColor, aw as BackgroundPalette, ax as BackgroundPaletteAlias, ay as BackgroundStyleProps, az as BadgeSize, aA as BadgeVariant, aB as BorderRadius, aC as BorderRadiusConfig, aD as BorderStyleProps, aE as BorderWidth, aF as BorderWidthConfig, aG as Breakpoint, aH as BreakpointWithBase, e as BreakpointsConfig, aI as ButtonBaseConfig, p as ButtonClassMap, aJ as ButtonClassName, aK as ButtonColorConfig, aL as ButtonColorEffect, aM as ButtonColorEffectConfig, r as ButtonColorProperty, s as ButtonColorPropertyConfig, B as ButtonConfig, aN as ButtonKind, aO as ButtonMotionEffect, aP as ButtonMotionProperty, aQ as ButtonMotionPropertyConfig, aR as ButtonPalette, aS as ButtonPaletteColor, aT as ButtonPaletteConfig, aU as ButtonShadowPropertyConfig, aV as ButtonSize, aW as ButtonSizeConfig, aX as ButtonSizeProperty, aY as ButtonSpectrumColor, aZ as ButtonState, a_ as ButtonStateConfig, a$ as ButtonStateEffectConfig, b0 as ButtonVariant, b1 as ButtonVariantConfig, b2 as ButtonVariantFlat, b3 as CheckboxSize, b4 as CheckboxValue, b5 as CheckboxVariant, b6 as ChipSize, b7 as ChipVariant, h as ColorMode, C as ColorModeConfig, b8 as ColorModeForApp, i as ColorsConfig, b9 as ConfigurableDropShadowValues, ba as ConfigurableInsetShadowValues, bb as CustomSizingStyleProps, Z as DARK_COLOR_MODE_CLASSNAME, a8 as DEFAULT_COLOR_MODE_CLASSNAME, a9 as DEFAULT_SCALE_MODE_CLASSNAME, bc as DataAttribute, bd as Display, be as DividerVariant, af as FONT_DECLARATIONS_MAP, K as FONT_FAMILY_PREFIX, L as FONT_SIZE_PREFIX, O as FONT_SLANT_PREFIX, N as FONT_WEIGHT_PREFIX, Q as FONT_WIDTH_PREFIX, bf as Flex, bg as FlexAlignContent, bh as FlexAlignItems, bi as FlexAlignSelf, bj as FlexBasis, bk as FlexDirection, bl as FlexGrow, bm as FlexJustifyContent, bn as FlexShrink, bo as FlexStyleProps, bp as FlexWrap, bq as FontAlias, ag as FontAxisConfig, F as FontConfig, br as FontCssVar, ai as FontDeclarationConfig, ah as FontDeclarationItemConfig, aj as FontDeclarationMap, bs as FontFamilyCDNUrl, bt as FontFamilyConfig, bu as FontID, bv as FontSize, bw as FontSizeConfig, bx as FontSlantConfig, by as FontType, bz as FontWeightConfig, bA as FontWeightDescriptive, ak as FontWeightForFont, bB as FontWeightNumeric, bC as FontWidthConfig, bD as ForegroundColor, bE as ForegroundPalette, bF as ForegroundPaletteAlias, G as GlobalDefaultsConfig, bG as HighContrastMode, H as Hue, j as HueStep, ad as ICON_BUTTON_CSS_VAR_MAP, R as ICON_SIZE_PREFIX, a0 as INVERT_COLOR_MODE_CLASSNAME, q as IconButtonClassMap, bH as IconButtonClassName, I as IconButtonConfig, bI as IconButtonDefaultsConfig, bJ as IconButtonSize, bK as IconSizeConfig, bL as IconSlotRenderProps, bM as ImageStyleProps, bN as InputSize, a4 as LARGE_SCALE_MODE_CLASSNAME, _ as LIGHT_COLOR_MODE_CLASSNAME, V as LINE_HEIGHT_PREFIX, bO as LayoutStyleProps, bP as LetterSpacing, bQ as LineClampAlias, bR as LineColor, bS as LineHeight, bT as LineHeightConfig, bU as LinePalette, bV as LinePaletteAlias, a3 as MEDIUM_SCALE_MODE_CLASSNAME, W as MOTION_PREFIX, bW as Modes, M as MotionConfig, bX as MotionCssVar, bY as MotionSpringConfig, bZ as MotionSpringConfigOptions, b_ as MotionVariant, b$ as MotionVariantSpeed, c0 as MotionVariantValues, c1 as Overflow, ae as PSEUDO_STYLE_SELECTOR_MAP, c2 as Palette, k as PaletteConfig, P as PaletteType, c3 as PaletteValue, c4 as Pixels, c5 as PlatformMode, c6 as Position, c7 as PropertyToPaletteAliasMap, c8 as RadioSize, c9 as RadioValue, ca as RadioVariant, cb as RegionMode, cc as Rems, a2 as SMALL_SCALE_MODE_CLASSNAME, X as SPECTRUM_COLOR_PREFIX, $ as SYSTEM_COLOR_MODE_CLASSNAME, cd as ScaleConfig, ce as ScaleEffectMap, l as ScaleMode, S as ScaleModeConfig, cf as ScaleModeForApp, cg as ShadowColor, ch as ShadowColorConfig, d as ShadowConfig, ci as ShadowOffset, cj as ShadowOpacity, ck as ShadowPalette, cl as ShadowPaletteAlias, m as ShadowPreset, cm as ShadowSpreadRadius, cn as ShadowStyleProps, co as ShadowType, cp as ShadowTypeConfig, cq as ShadowVariant, cr as ShadowVariantConfig, cs as ShadowVariantInvert, ct as ShadowVariantWithInvert, cu as SharedPaletteAlias, t as SpacingAlias, cv as SpacingConfig, cw as SpacingStyleProps, cx as SpectrumColor, cy as SpectrumConfig, cz as StateStyleProps, cA as StyleProps, cB as SwitchSize, ab as TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, aa as TEXT_RESPONSIVE_CLASSNAME, Y as TEXT_TRANSFORM_PREFIX, cL as TShirtSize, cM as TShirtSizeCommon, cC as TextDecorationLine, cD as TextProperty, cE as TextStyleProps, cF as TextTransform, cG as TextTransformConfig, cH as TextVariant, cI as TransitionDelay, cJ as TransitionDuration, cK as TransitionTiming, T as TypographyConfig, cN as TypographyResponsiveProperty, cO as TypographyStyle, cP as TypographyStyleProperty, cQ as TypographyUnitValue, A as UDS_PREFIX, cR as UdsCssVar, cS as Unitless, cT as UniversalAvatarIconProps, cU as UniversalAvatarImageProps, cV as UniversalAvatarProps, cW as UniversalAvatarTextProps, cX as UniversalBadgeProps, b as UniversalBoxProps, cY as UniversalButtonProps, cZ as UniversalCheckboxProps, c_ as UniversalChipBaseProps, c$ as UniversalChipButtonProps, d0 as UniversalChipDismissibleProps, d1 as UniversalChipLinkProps, d2 as UniversalChipProps, d3 as UniversalChipToggleProps, o as UniversalDividerProps, d4 as UniversalIconButtonProps, d5 as UniversalIconProps, d6 as UniversalIconSlot, d7 as UniversalImageProps, d8 as UniversalInputProps, u as UniversalMenuItemProps, a as UniversalPressableProps, d9 as UniversalRadioGroupProps, da as UniversalRadioProps, c as UniversalSwitchProps, U as UniversalTextProps, g as UniversalTokensConfig, db as UniversalTokensConfigAuto, a5 as XLARGE_SCALE_MODE_CLASSNAME, a1 as XSMALL_SCALE_MODE_CLASSNAME, a6 as XXLARGE_SCALE_MODE_CLASSNAME, a7 as XXXLARGE_SCALE_MODE_CLASSNAME, z as alwaysPalette } from './types-Da_DnBJy.cjs';
|
7
7
|
import * as react from 'react';
|
8
8
|
import { PropsWithChildren, Dispatch, SetStateAction } from 'react';
|
9
|
-
|
10
|
-
export {
|
11
|
-
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';
|
9
|
+
export { T as Text, a as TextProps } from './Text-Bq5NiVYm.cjs';
|
10
|
+
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, InputHelpText, InputHelpTextProps, InputProps, Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps, Pressable, PressableProps, Radio, RadioGroupProvider, RadioGroupProviderProps, RadioProps, SpringMotionConfig, SpringMotionConfigProps, Switch, SwitchProps } from '@yahoo/uds/client';
|
12
11
|
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, 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';
|
13
12
|
export { AvatarConfig, BadgeConfig, CheckboxConfig, ChipConfig, DividerConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig } from './tokens/automation/configs.cjs';
|
14
|
-
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-
|
13
|
+
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-BnkxCwiE.cjs';
|
15
14
|
export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
|
16
15
|
import 'motion/react';
|
17
16
|
import 'type-fest';
|
@@ -111,24 +110,6 @@ declare const Icon: react.ForwardRefExoticComponent<IconPropsWithSVGProps & reac
|
|
111
110
|
*/
|
112
111
|
declare function Image({ width: imageWidth, height: imageHeight, src, alt, contentFit, backgroundColor, borderRadius, borderTopStartRadius, borderTopEndRadius, borderBottomStartRadius, borderBottomEndRadius, borderColor, borderStartColor, borderEndColor, borderTopColor, borderBottomColor, borderWidth, borderVerticalWidth, borderHorizontalWidth, borderStartWidth, borderEndWidth, borderTopWidth, borderBottomWidth, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, flexWrap, justifyContent, flexBasis, display, overflow, overflowX, overflowY, position, spacing, spacingHorizontal, spacingVertical, spacingBottom, spacingEnd, spacingStart, spacingTop, offset, offsetVertical, offsetHorizontal, offsetBottom, offsetEnd, offsetStart, offsetTop, columnGap, rowGap, ...props }: ImagePropsWithImgProps): react_jsx_runtime.JSX.Element;
|
113
112
|
|
114
|
-
interface InputHelpTextProps extends PropsWithChildren {
|
115
|
-
/** Icon to render at the start of the content */
|
116
|
-
startIcon?: UniversalIconSlot;
|
117
|
-
/** Icon to render at the end of the content */
|
118
|
-
endIcon?: UniversalIconSlot;
|
119
|
-
/**
|
120
|
-
* Props to pass to the start/end icon. If color is not provided, the icons
|
121
|
-
* will inherit the color from the `color` prop.
|
122
|
-
*/
|
123
|
-
iconProps?: Pick<IconPropsWithSVGProps, 'color' | 'size' | 'variant'>;
|
124
|
-
size?: InputProps['size'];
|
125
|
-
isFilled?: boolean;
|
126
|
-
}
|
127
|
-
declare const InputHelpTextMemo: react.MemoExoticComponent<{
|
128
|
-
({ size, isFilled, ...props }: InputHelpTextProps): react_jsx_runtime.JSX.Element;
|
129
|
-
displayName: string;
|
130
|
-
}>;
|
131
|
-
|
132
113
|
type HTMLAnchorProps = React.AnchorHTMLAttributes<HTMLAnchorElement>;
|
133
114
|
interface LinkProps extends HTMLAnchorProps, UniversalLinkProps {
|
134
115
|
/** The link's destination. */
|
@@ -385,4 +366,4 @@ declare const getStyles: (props: GetStylesInternalProps) => string;
|
|
385
366
|
|
386
367
|
type SetState<T> = Dispatch<SetStateAction<T>>;
|
387
368
|
|
388
|
-
export { FormLabel, type FormLabelProps, HStack, type HStackProps, Icon, IconPropsWithSVGProps as IconProps, IconPropsWithSVGProps, Image, ImagePropsWithImgProps as ImageProps, ImagePropsWithImgProps,
|
369
|
+
export { FormLabel, type FormLabelProps, HStack, type HStackProps, Icon, IconPropsWithSVGProps as IconProps, IconPropsWithSVGProps, Image, ImagePropsWithImgProps as ImageProps, ImagePropsWithImgProps, Link, type LinkProps, type SetState, UniversalFormLabelProps, UniversalLinkProps, UniversalStackProps, cva, cx, getStyles };
|
package/dist/index.d.ts
CHANGED
@@ -1,17 +1,16 @@
|
|
1
|
-
import { D as DivProps } from './Box-
|
2
|
-
export { a as Box, B as BoxProps } from './Box-
|
3
|
-
export { a as Divider, D as DividerProps, b as VStack, V as VStackProps } from './VStack-
|
1
|
+
import { D as DivProps } from './Box-MHJ0-0M3.js';
|
2
|
+
export { a as Box, B as BoxProps } from './Box-MHJ0-0M3.js';
|
3
|
+
export { a as Divider, D as DividerProps, b as VStack, V as VStackProps } from './VStack-CppUZHJL.js';
|
4
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
5
|
-
import {
|
6
|
-
export {
|
5
|
+
import { v as UniversalFormLabelProps, n as UniversalStackProps, w as IconPropsWithSVGProps, x as ImagePropsWithImgProps, y as UniversalLinkProps } from './types-Da_DnBJy.js';
|
6
|
+
export { D as AVATAR_SIZE_PREFIX, al as AlwaysPalette, am as AlwaysPaletteAlias, an as AlwaysPaletteColor, ao as Animation, ap as AriaAttribute, aq as AvatarAbbreviationStrategy, ar as AvatarShape, as as AvatarSize, at as AvatarSizeConfig, au as AvatarVariant, E as BORDER_RADIUS_PREFIX, J as BORDER_WIDTH_PREFIX, ac as BUTTON_CSS_VAR_MAP, av as BackgroundColor, aw as BackgroundPalette, ax as BackgroundPaletteAlias, ay as BackgroundStyleProps, az as BadgeSize, aA as BadgeVariant, aB as BorderRadius, aC as BorderRadiusConfig, aD as BorderStyleProps, aE as BorderWidth, aF as BorderWidthConfig, aG as Breakpoint, aH as BreakpointWithBase, e as BreakpointsConfig, aI as ButtonBaseConfig, p as ButtonClassMap, aJ as ButtonClassName, aK as ButtonColorConfig, aL as ButtonColorEffect, aM as ButtonColorEffectConfig, r as ButtonColorProperty, s as ButtonColorPropertyConfig, B as ButtonConfig, aN as ButtonKind, aO as ButtonMotionEffect, aP as ButtonMotionProperty, aQ as ButtonMotionPropertyConfig, aR as ButtonPalette, aS as ButtonPaletteColor, aT as ButtonPaletteConfig, aU as ButtonShadowPropertyConfig, aV as ButtonSize, aW as ButtonSizeConfig, aX as ButtonSizeProperty, aY as ButtonSpectrumColor, aZ as ButtonState, a_ as ButtonStateConfig, a$ as ButtonStateEffectConfig, b0 as ButtonVariant, b1 as ButtonVariantConfig, b2 as ButtonVariantFlat, b3 as CheckboxSize, b4 as CheckboxValue, b5 as CheckboxVariant, b6 as ChipSize, b7 as ChipVariant, h as ColorMode, C as ColorModeConfig, b8 as ColorModeForApp, i as ColorsConfig, b9 as ConfigurableDropShadowValues, ba as ConfigurableInsetShadowValues, bb as CustomSizingStyleProps, Z as DARK_COLOR_MODE_CLASSNAME, a8 as DEFAULT_COLOR_MODE_CLASSNAME, a9 as DEFAULT_SCALE_MODE_CLASSNAME, bc as DataAttribute, bd as Display, be as DividerVariant, af as FONT_DECLARATIONS_MAP, K as FONT_FAMILY_PREFIX, L as FONT_SIZE_PREFIX, O as FONT_SLANT_PREFIX, N as FONT_WEIGHT_PREFIX, Q as FONT_WIDTH_PREFIX, bf as Flex, bg as FlexAlignContent, bh as FlexAlignItems, bi as FlexAlignSelf, bj as FlexBasis, bk as FlexDirection, bl as FlexGrow, bm as FlexJustifyContent, bn as FlexShrink, bo as FlexStyleProps, bp as FlexWrap, bq as FontAlias, ag as FontAxisConfig, F as FontConfig, br as FontCssVar, ai as FontDeclarationConfig, ah as FontDeclarationItemConfig, aj as FontDeclarationMap, bs as FontFamilyCDNUrl, bt as FontFamilyConfig, bu as FontID, bv as FontSize, bw as FontSizeConfig, bx as FontSlantConfig, by as FontType, bz as FontWeightConfig, bA as FontWeightDescriptive, ak as FontWeightForFont, bB as FontWeightNumeric, bC as FontWidthConfig, bD as ForegroundColor, bE as ForegroundPalette, bF as ForegroundPaletteAlias, G as GlobalDefaultsConfig, bG as HighContrastMode, H as Hue, j as HueStep, ad as ICON_BUTTON_CSS_VAR_MAP, R as ICON_SIZE_PREFIX, a0 as INVERT_COLOR_MODE_CLASSNAME, q as IconButtonClassMap, bH as IconButtonClassName, I as IconButtonConfig, bI as IconButtonDefaultsConfig, bJ as IconButtonSize, bK as IconSizeConfig, bL as IconSlotRenderProps, bM as ImageStyleProps, bN as InputSize, a4 as LARGE_SCALE_MODE_CLASSNAME, _ as LIGHT_COLOR_MODE_CLASSNAME, V as LINE_HEIGHT_PREFIX, bO as LayoutStyleProps, bP as LetterSpacing, bQ as LineClampAlias, bR as LineColor, bS as LineHeight, bT as LineHeightConfig, bU as LinePalette, bV as LinePaletteAlias, a3 as MEDIUM_SCALE_MODE_CLASSNAME, W as MOTION_PREFIX, bW as Modes, M as MotionConfig, bX as MotionCssVar, bY as MotionSpringConfig, bZ as MotionSpringConfigOptions, b_ as MotionVariant, b$ as MotionVariantSpeed, c0 as MotionVariantValues, c1 as Overflow, ae as PSEUDO_STYLE_SELECTOR_MAP, c2 as Palette, k as PaletteConfig, P as PaletteType, c3 as PaletteValue, c4 as Pixels, c5 as PlatformMode, c6 as Position, c7 as PropertyToPaletteAliasMap, c8 as RadioSize, c9 as RadioValue, ca as RadioVariant, cb as RegionMode, cc as Rems, a2 as SMALL_SCALE_MODE_CLASSNAME, X as SPECTRUM_COLOR_PREFIX, $ as SYSTEM_COLOR_MODE_CLASSNAME, cd as ScaleConfig, ce as ScaleEffectMap, l as ScaleMode, S as ScaleModeConfig, cf as ScaleModeForApp, cg as ShadowColor, ch as ShadowColorConfig, d as ShadowConfig, ci as ShadowOffset, cj as ShadowOpacity, ck as ShadowPalette, cl as ShadowPaletteAlias, m as ShadowPreset, cm as ShadowSpreadRadius, cn as ShadowStyleProps, co as ShadowType, cp as ShadowTypeConfig, cq as ShadowVariant, cr as ShadowVariantConfig, cs as ShadowVariantInvert, ct as ShadowVariantWithInvert, cu as SharedPaletteAlias, t as SpacingAlias, cv as SpacingConfig, cw as SpacingStyleProps, cx as SpectrumColor, cy as SpectrumConfig, cz as StateStyleProps, cA as StyleProps, cB as SwitchSize, ab as TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, aa as TEXT_RESPONSIVE_CLASSNAME, Y as TEXT_TRANSFORM_PREFIX, cL as TShirtSize, cM as TShirtSizeCommon, cC as TextDecorationLine, cD as TextProperty, cE as TextStyleProps, cF as TextTransform, cG as TextTransformConfig, cH as TextVariant, cI as TransitionDelay, cJ as TransitionDuration, cK as TransitionTiming, T as TypographyConfig, cN as TypographyResponsiveProperty, cO as TypographyStyle, cP as TypographyStyleProperty, cQ as TypographyUnitValue, A as UDS_PREFIX, cR as UdsCssVar, cS as Unitless, cT as UniversalAvatarIconProps, cU as UniversalAvatarImageProps, cV as UniversalAvatarProps, cW as UniversalAvatarTextProps, cX as UniversalBadgeProps, b as UniversalBoxProps, cY as UniversalButtonProps, cZ as UniversalCheckboxProps, c_ as UniversalChipBaseProps, c$ as UniversalChipButtonProps, d0 as UniversalChipDismissibleProps, d1 as UniversalChipLinkProps, d2 as UniversalChipProps, d3 as UniversalChipToggleProps, o as UniversalDividerProps, d4 as UniversalIconButtonProps, d5 as UniversalIconProps, d6 as UniversalIconSlot, d7 as UniversalImageProps, d8 as UniversalInputProps, u as UniversalMenuItemProps, a as UniversalPressableProps, d9 as UniversalRadioGroupProps, da as UniversalRadioProps, c as UniversalSwitchProps, U as UniversalTextProps, g as UniversalTokensConfig, db as UniversalTokensConfigAuto, a5 as XLARGE_SCALE_MODE_CLASSNAME, a1 as XSMALL_SCALE_MODE_CLASSNAME, a6 as XXLARGE_SCALE_MODE_CLASSNAME, a7 as XXXLARGE_SCALE_MODE_CLASSNAME, z as alwaysPalette } from './types-Da_DnBJy.js';
|
7
7
|
import * as react from 'react';
|
8
8
|
import { PropsWithChildren, Dispatch, SetStateAction } from 'react';
|
9
|
-
|
10
|
-
export {
|
11
|
-
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';
|
9
|
+
export { T as Text, a as TextProps } from './Text-IGbWWF7a.js';
|
10
|
+
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, InputHelpText, InputHelpTextProps, InputProps, Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps, Pressable, PressableProps, Radio, RadioGroupProvider, RadioGroupProviderProps, RadioProps, SpringMotionConfig, SpringMotionConfigProps, Switch, SwitchProps } from '@yahoo/uds/client';
|
12
11
|
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, 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';
|
13
12
|
export { AvatarConfig, BadgeConfig, CheckboxConfig, ChipConfig, DividerConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig } from './tokens/automation/configs.js';
|
14
|
-
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-
|
13
|
+
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-DPrPpHqT.js';
|
15
14
|
export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
|
16
15
|
import 'motion/react';
|
17
16
|
import 'type-fest';
|
@@ -111,24 +110,6 @@ declare const Icon: react.ForwardRefExoticComponent<IconPropsWithSVGProps & reac
|
|
111
110
|
*/
|
112
111
|
declare function Image({ width: imageWidth, height: imageHeight, src, alt, contentFit, backgroundColor, borderRadius, borderTopStartRadius, borderTopEndRadius, borderBottomStartRadius, borderBottomEndRadius, borderColor, borderStartColor, borderEndColor, borderTopColor, borderBottomColor, borderWidth, borderVerticalWidth, borderHorizontalWidth, borderStartWidth, borderEndWidth, borderTopWidth, borderBottomWidth, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, flexWrap, justifyContent, flexBasis, display, overflow, overflowX, overflowY, position, spacing, spacingHorizontal, spacingVertical, spacingBottom, spacingEnd, spacingStart, spacingTop, offset, offsetVertical, offsetHorizontal, offsetBottom, offsetEnd, offsetStart, offsetTop, columnGap, rowGap, ...props }: ImagePropsWithImgProps): react_jsx_runtime.JSX.Element;
|
113
112
|
|
114
|
-
interface InputHelpTextProps extends PropsWithChildren {
|
115
|
-
/** Icon to render at the start of the content */
|
116
|
-
startIcon?: UniversalIconSlot;
|
117
|
-
/** Icon to render at the end of the content */
|
118
|
-
endIcon?: UniversalIconSlot;
|
119
|
-
/**
|
120
|
-
* Props to pass to the start/end icon. If color is not provided, the icons
|
121
|
-
* will inherit the color from the `color` prop.
|
122
|
-
*/
|
123
|
-
iconProps?: Pick<IconPropsWithSVGProps, 'color' | 'size' | 'variant'>;
|
124
|
-
size?: InputProps['size'];
|
125
|
-
isFilled?: boolean;
|
126
|
-
}
|
127
|
-
declare const InputHelpTextMemo: react.MemoExoticComponent<{
|
128
|
-
({ size, isFilled, ...props }: InputHelpTextProps): react_jsx_runtime.JSX.Element;
|
129
|
-
displayName: string;
|
130
|
-
}>;
|
131
|
-
|
132
113
|
type HTMLAnchorProps = React.AnchorHTMLAttributes<HTMLAnchorElement>;
|
133
114
|
interface LinkProps extends HTMLAnchorProps, UniversalLinkProps {
|
134
115
|
/** The link's destination. */
|
@@ -385,4 +366,4 @@ declare const getStyles: (props: GetStylesInternalProps) => string;
|
|
385
366
|
|
386
367
|
type SetState<T> = Dispatch<SetStateAction<T>>;
|
387
368
|
|
388
|
-
export { FormLabel, type FormLabelProps, HStack, type HStackProps, Icon, IconPropsWithSVGProps as IconProps, IconPropsWithSVGProps, Image, ImagePropsWithImgProps as ImageProps, ImagePropsWithImgProps,
|
369
|
+
export { FormLabel, type FormLabelProps, HStack, type HStackProps, Icon, IconPropsWithSVGProps as IconProps, IconPropsWithSVGProps, Image, ImagePropsWithImgProps as ImageProps, ImagePropsWithImgProps, Link, type LinkProps, type SetState, UniversalFormLabelProps, UniversalLinkProps, UniversalStackProps, cva, cx, getStyles };
|
package/dist/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
export{Image
|
1
|
+
export{Image}from"./chunk-53CIH36M.js";import{DividerInternal as e}from"./chunk-5VROETXJ.js";export{HStack,VStack}from"./chunk-WFWWC766.js";export{FormLabel}from"./chunk-SFRPZXWP.js";import{getStyles as t,cx as a,IconSlot as n}from"./chunk-PMXAH4FA.js";export{Box,Icon,Text,cva,cx,getStyles}from"./chunk-PMXAH4FA.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,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-SLGIK6FM.js";export{entries,mapValues}from"./chunk-EWJ3J526.js";export{variants}from"./chunk-EWIQEL36.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,INVERT_COLOR_MODE_CLASSNAME,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,SYSTEM_COLOR_MODE_CLASSNAME,TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES,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-PM4TFP3I.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,InputHelpText,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:A,className:C,...c},L){const O=!o,M=r(()=>{const n=!O&&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",C)})},[s,O,o,e,C]),l=t({linkVariantIconStart:e,linkTextStyleIcon:o,className:a(O&&"w-[0.7em] h-[0.7em]")}),I=t({linkVariantIconEnd:e,linkTextStyleIcon:o,className:a(O&&"w-[0.7em] h-[0.7em]")}),R={variant:"outline",color:"current"};return E("a",{ref:L,className:M,...c,children:[_&&i(n,{className:l,icon:_,iconProps:R,"data-testid":"start-icon"}),A,S&&i(n,{className:I,icon:S,iconProps:R,"data-testid":"end-icon"})]})});S.displayName="Link";export{_ as Divider,S as Link};
|