@yahoo/uds 3.16.0-beta.1 → 3.16.0

package/dist/chunk-OMJ3BDEX.cjs

@@ -0,0 +1 @@
+"use strict";var r=require("./chunk-JFLE7LSO.cjs"),o=require("lodash-es"),e=require("react/jsx-runtime");/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var t=require("react").memo((function({startIcon:o,endIcon:t,iconProps:i,children:a,size:n,isFilled:l,...s}){const d={helperText:r.cx(r.getStyles({inputSizeHelperText:n,inputVariantHelperText:"default",inputVariantValueHelperText:l?"filled":"empty"})),helperIcon:r.getStyles({inputSizeHelperIcon:n,inputVariantHelperIcon:"default",inputVariantValueHelperIcon:l?"filled":"empty"})},c={variant:"outline",...i};return e.jsxs(r.HStack,{gap:"1",alignItems:"center",...s,children:[o&&e.jsx(r.IconSlot,{icon:o,...c,iconProps:i,className:d.helperIcon}),e.jsx("span",{className:d.helperText,children:a}),t&&e.jsx(r.IconSlot,{icon:t,...c,iconProps:i,className:d.helperIcon})]})}));exports.FormLabel=({htmlFor:t,required:i,label:a,children:n,color:l="muted",variant:s="label3",hasError:d=!1,showRequiredAsterisk:c=!1,as:p="label",className:f,...u})=>{const h=a?o.isFunction(a)?a():a:n;return h?e.jsxs(r.Text,{variant:s,color:l,as:p,htmlFor:t,className:r.cx("cursor-[inherit]",f),...u,children:[h,i&&c&&e.jsx(r.Text,{as:"sup",color:d?"alert":"inherit",variant:"inherit",spacingStart:"0.5","aria-hidden":!0,children:"*"})]}):null},exports.Image=function({width:o,height:t,src:i,alt:a,contentFit:n,backgroundColor:l,borderRadius:s,borderTopStartRadius:d,borderTopEndRadius:c,borderBottomStartRadius:p,borderBottomEndRadius:f,borderColor:u,borderStartColor:h,borderEndColor:b,borderTopColor:m,borderBottomColor:x,borderWidth:g,borderVerticalWidth:S,borderHorizontalWidth:T,borderStartWidth:C,borderEndWidth:W,borderTopWidth:I,borderBottomWidth:B,alignContent:E,alignItems:H,alignSelf:w,flex:v,flexDirection:V,flexGrow:j,flexShrink:R,flexWrap:y,justifyContent:z,flexBasis:F,display:k,overflow:q,overflowX:G,overflowY:N,position:L,spacing:P,spacingHorizontal:D,spacingVertical:X,spacingBottom:Y,spacingEnd:A,spacingStart:J,spacingTop:M,offset:O,offsetVertical:K,offsetHorizontal:Q,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:rr,rowGap:or,...er}){const tr=r.getStyles({contentFit:n,backgroundColor:l,borderRadius:s,borderTopStartRadius:d,borderTopEndRadius:c,borderBottomStartRadius:p,borderBottomEndRadius:f,borderColor:u,borderStartColor:h,borderEndColor:b,borderTopColor:m,borderBottomColor:x,borderWidth:g,borderVerticalWidth:S,borderHorizontalWidth:T,borderStartWidth:C,borderEndWidth:W,borderTopWidth:I,borderBottomWidth:B,alignContent:E,alignItems:H,alignSelf:w,flex:v,flexDirection:V,flexGrow:j,flexShrink:R,flexWrap:y,justifyContent:z,flexBasis:F,display:k,overflow:q,overflowX:G,overflowY:N,position:L,spacing:P,spacingHorizontal:D,spacingVertical:X,spacingBottom:Y,spacingEnd:A,spacingStart:J,spacingTop:M,offset:O,offsetVertical:K,offsetHorizontal:Q,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:rr,rowGap:or});return e.jsx("img",{src:i,alt:a,className:tr,style:{width:o,height:t},...er})},exports.InputHelpTextMemo=t;

package/dist/chunk-RDF2NPZV.cjs

@@ -0,0 +1 @@
+"use strict";var e=require("./chunk-TJZ4HVAG.cjs"),r=require("react"),t=require("react/jsx-runtime"),i={horizontal:"w-full",vertical:""},a=r.forwardRef((function({vertical:a=!1,contentPosition:o="center",className:l,layerClassNames:n,children:s,...c},d){const x=a?"vertical":"horizontal",h=a?e.VStack:e.HStack,m=r.useMemo((()=>({root:e.cx(i[x],l,n?.root),label:e.cx(n?.text),line:n?.line})),[l,x,n?.root,n?.text,n?.line]),f=r.useMemo((()=>"vertical"===x?{borderTopWidth:0,borderRightWidth:0,borderBottomWidth:0}:{borderLeftWidth:0,borderRightWidth:0,borderBottomWidth:0}),[x]),v=()=>t.jsx(e.Box,{flex:"1",className:m.line,style:f});return s?t.jsxs(h,{flex:"1",alignItems:"center",className:m.root,ref:d,...c,children:["start"!==o&&t.jsx(v,{}),t.jsx(e.Box,{flex:"none",children:t.jsx(e.Text,{color:"inherit",variant:"inherit",className:m.label,children:s})}),"end"!==o&&t.jsx(v,{})]}):t.jsx(e.Box,{display:"flex",flex:"none",className:m.root,ref:d,...c,children:t.jsx(v,{})})}));/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */a.displayName="DividerCore";var o=r.forwardRef((function({variant:i="primary",layerClassNames:o,...l},n){const s=r.useMemo((()=>({root:e.cx("inherit"!==i&&e.getStyles({dividerVariantRoot:i}),o?.root),text:e.cx("inherit"!==i?e.getStyles({dividerVariantLabel:i}):void 0,o?.text),line:e.cx("inherit"!==i&&e.getStyles({dividerVariantLine:i}),o?.line)})),[o?.line,o?.root,o?.text,i]);return t.jsx(a,{ref:n,layerClassNames:s,...l})}));o.displayName="DividerInternal",exports.DividerInternal=o;

package/dist/chunk-RR45EHLK.js

@@ -0,0 +1,3 @@
+import{variants as o}from"./chunk-Z2ZVRADJ.js";import{textVariants as r,backgroundColors as t,foregroundColors as e,spectrumColors as n,borderRadii as i,borderWidths as a,lineColors as l}from"@yahoo/uds/fixtures";import{getFeatureFlags as s}from"@yahoo/uds/flags";import d from"clsx";import f from"imurmurhash";import{extendTailwindMerge as c}from"tailwind-merge";import{forwardRef as p,memo as u,isValidElement as m,cloneElement as b,Children as h}from"react";import{jsx as g}from"react/jsx-runtime";import{isFunction as S}from"lodash-es";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+function x(o){return"boolean"==typeof o?`${o}`:0===o?"0":o}function y(o){const r=Object.create(null),t=Object.keys(o);for(let e=0,n=t.length;e<n;e++){const n=t[e];void 0!==o[n]&&(r[n]=o[n])}return r}var w=c({extend:{theme:{borderColor:l,borderWidth:a,borderRadius:i}},override:{classGroups:{"text-color":[{text:[...e,...n]}],"bg-color":[{bg:t}],"font-family":[{font:["icons",...r]}],leading:[{leading:r}]},conflictingClassGroups:{}}}),C=(...o)=>{const r=d(o);return w(r)},v=o=>r=>{if(!o?.variants)return C(o?.base,r?.className);const{variants:t,defaultVariants:e}=o,n=Object.keys(t).map((o=>{const n=r?.[o],i=e?.[o],a=x(n)||x(i);return t[o][a]})),i={...e,...r&&y(r)},a=o?.compoundVariants?.reduce(((o,{className:r,...t})=>Object.entries(t).every((([o,r])=>i[o]===r))?C(o,r):o),"");return C(o?.base,n,a,r?.className)},W=v({variants:o}),B=new Map,T=o=>{const{useGetStylesCache:r}=s();if(r){const r=function(o){const r=Object.create(null),t=Object.keys(o).sort();for(let e=0,n=t.length;e<n;e++){const n=t[e];r[n]=o[n]}return r}(y(o)),t=(new f).hash(JSON.stringify(r)).result();if(B.has(t))return B.get(t);const e=W(r);return B.set(t,e),e}return W(o)};function E(...o){return r=>o.forEach((o=>function(o,r){"function"==typeof o?o(r):null!=o&&(o.current=r)}(o,r)))}function R(){const o=p(((o,t)=>{const{children:n,...i}=o,a=h.toArray(n),l=a.find(e);if(l){const o=l.props.children,e=a.map((r=>r===l?h.count(o)>1?h.only(null):m(o)?o.props.children:null:r));return g(r,{...i,ref:t,children:m(o)?b(o,void 0,e):null})}return g(r,{...i,ref:t,children:n})}));o.displayName="Slot";const r=p(((o,r)=>{const{children:t,...e}=o;return m(t)?b(t,{...n(e,t.props),ref:r?E(r,t.ref):t.ref}):h.count(t)>1?h.only(null):null}));r.displayName="SlotClone";const t=({children:o})=>o;function e(o){return m(o)&&o.type===t}function n(o,r){const t={...r};for(const e in r){const n=o[e],i=r[e];/^on[A-Z]/.test(e)?n&&i?t[e]=(...o)=>{i(...o),n(...o)}:n&&(t[e]=n):"style"===e&&(t[e]={...n,...i})}return{...o,...t}}return o}var N=R(),G=p((function({asChild:o,className:r,backgroundColor:t,borderRadius:e,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:l,borderColor:s,borderStartColor:d,borderEndColor:f,borderTopColor:c,borderBottomColor:p,borderWidth:u,borderVerticalWidth:m,borderHorizontalWidth:b,borderStartWidth:h,borderEndWidth:S,borderTopWidth:x,borderBottomWidth:y,alignContent:w,alignItems:C,alignSelf:v,flex:W,flexDirection:B,flexGrow:E,flexShrink:R,flexWrap:G,justifyContent:k,flexBasis:z,display:V="flex",overflow:H,overflowX:j,overflowY:D,position:O,spacing:A,spacingHorizontal:I,spacingVertical:X,spacingBottom:Y,spacingEnd:$,spacingStart:Z,spacingTop:F,offset:J,offsetVertical:M,offsetHorizontal:P,offsetBottom:_,offsetEnd:q,offsetStart:K,offsetTop:L,columnGap:Q,rowGap:U,width:oo,height:ro,dropShadow:to,insetShadow:eo,...no},io){const ao=T({backgroundColor:t,borderRadius:e,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:l,borderColor:s,borderStartColor:d,borderEndColor:f,borderTopColor:c,borderBottomColor:p,borderWidth:u,borderVerticalWidth:m,borderHorizontalWidth:b,borderStartWidth:h,borderEndWidth:S,borderTopWidth:x,borderBottomWidth:y,alignContent:w,alignItems:C,alignSelf:v,flex:W,flexDirection:B,flexGrow:E,flexShrink:R,flexWrap:G,justifyContent:k,flexBasis:z,display:V,overflow:H,overflowX:j,overflowY:D,position:O,spacing:A,spacingHorizontal:I,spacingVertical:X,spacingBottom:Y,spacingEnd:$,spacingStart:Z,spacingTop:F,offset:J,offsetVertical:M,offsetHorizontal:P,offsetBottom:_,offsetEnd:q,offsetStart:K,offsetTop:L,columnGap:Q,rowGap:U,width:oo,height:ro,dropShadow:to,insetShadow:eo,className:r});return g(o?N:"div",{className:ao,ref:io,...no})}));G.displayName="Box";var k=(o,r)=>((o,r)=>{const t=S(r)?r:()=>r;return o.flatMap(((o,r)=>0!==r?[t(r),o]:[o]))})(h.toArray(o),(o=>{const t=S(r)?r(o):r;return m(t)?b(t,{...t.props,key:t.key??`interspersed-${o}`}):null})),z=p((function({gap:o,children:r,separator:t,...e},n){return g(G,{ref:n,flexDirection:"row",rowGap:o,columnGap:o,...e,children:t?k(r,t):r})}));z.displayName="HStack";var V=R(),H={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",label3:"p",label4:"p",caption1:"p",caption2:"p",legal1:"p",inherit:"p"},j=p((function({className:o,asChild:r,color:t="primary",variant:e="body1",as:n=H[e],fontFamily:i,fontSize:a,fontWeight:l,lineHeight:s,textTransform:d,textAlign:f,backgroundColor:c,borderRadius:p,borderTopStartRadius:u,borderTopEndRadius:m,borderBottomStartRadius:b,borderBottomEndRadius:h,borderColor:S,borderStartColor:x,borderEndColor:y,borderTopColor:w,borderBottomColor:C,borderWidth:v,borderVerticalWidth:W,borderHorizontalWidth:B,borderStartWidth:E,borderEndWidth:R,borderTopWidth:N,borderBottomWidth:G,alignContent:k,alignItems:z,alignSelf:j,flex:D,flexDirection:O,flexGrow:A,flexShrink:I,flexWrap:X,justifyContent:Y,flexBasis:$,display:Z,overflow:F,overflowX:J,overflowY:M,position:P,spacing:_,spacingHorizontal:q,spacingVertical:K,spacingBottom:L,spacingEnd:Q,spacingStart:U,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:no,offsetEnd:io,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:fo,...co},po){const uo={...t&&"inherit"!==t?{color:t}:{},...e&&"inherit"!==e?{fontFamily:i??e,fontSize:a??e,fontWeight:l??e,lineHeight:s??e,textTransform:d??e}:{},textAlign:f},mo=T({className:o,...uo,backgroundColor:c,borderRadius:p,borderTopStartRadius:u,borderTopEndRadius:m,borderBottomStartRadius:b,borderBottomEndRadius:h,borderColor:S,borderStartColor:x,borderEndColor:y,borderTopColor:w,borderBottomColor:C,borderWidth:v,borderVerticalWidth:W,borderHorizontalWidth:B,borderStartWidth:E,borderEndWidth:R,borderTopWidth:N,borderBottomWidth:G,alignContent:k,alignItems:z,alignSelf:j,flex:D,flexDirection:O,flexGrow:A,flexShrink:I,flexWrap:X,justifyContent:Y,flexBasis:$,display:Z,overflow:F,overflowX:J,overflowY:M,position:P,spacing:_,spacingHorizontal:q,spacingVertical:K,spacingBottom:L,spacingEnd:Q,spacingStart:U,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:no,offsetEnd:io,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:fo});return g(r?V:n,{className:mo,ref:po,...co})}));j.displayName="Text";var D=p((function({gap:o,children:r,separator:t,...e},n){return g(G,{ref:n,flexDirection:"column",columnGap:o,rowGap:o,...e,children:t?k(r,t):r})}));D.displayName="VStack";var O={xs:12,sm:16,md:24,lg:32},A=p((function({name:o,size:r="md",variant:t="outline",color:e="primary",className:n,...i},a){const l=o.metadata?.variants??[],s=l.includes(t)?t:l[0]??"fill",d="multicolor"===s,f=T({flex:"none",color:d?void 0:e,className:C(n,!d&&"[&_path]:fill-current")}),c=O[r];return g("svg",{ref:a,xmlns:"http://www.w3.org/2000/svg",width:c,height:c,viewBox:`0 0 ${c} ${c}`,"aria-hidden":"true",focusable:"false",className:f,...i,children:g(o,{size:r,variant:s})})}));A.displayName="Icon";var I=u((function({icon:o,iconProps:r,...t}){if(!o)return null;const e=r??{},n=o;if(n.metadata?.isSvgIcon)return g(A,{name:n,...e,...t});if(S(o)){const r=o(e);return m(r)&&b(r,t)}return m(o)&&b(o,{...e,...o.props,...t})}));
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */export{G as Box,z as HStack,A as Icon,I as IconSlot,j as Text,D as VStack,R as createSlot,v as cva,C as cx,T as getStyles};