@yahoo/uds 3.16.0-beta.2 → 3.16.0

package/dist/{Box-D40ThLwg.d.cts → Box-CcXdv2Rw.d.cts}

@@ -211,42 +211,6 @@ interface UniversalIconProps {
 type SVGElementProps = Omit<React.HTMLAttributes<SVGSVGElement>, 'color'>;
 interface IconPropsWithSVGProps extends UniversalIconProps, SVGElementProps {
 }
-type UniversalIconSlot = SvgIcon | ReactNode | ((iconProps: Omit<IconPropsWithSVGProps, 'name'>) => ReactNode);
-type SwitchSize = 'sm' | 'md';
-interface UniversalSwitchProps {
-    /**
-     * Size of the switch.
-     * @default 'md'
-     */
-    size?: SwitchSize;
-    /**
-     * The label of the switch. Can be a ReactNode for rich html labels.
-     * Will not be labelled if omitted. User MUST then use `aria-label` attribute,
-     * wrap in a `<label>` tag or `htmlFor` to add an external label for a11y.
-     */
-    label?: string | ReactNode | (() => ReactNode);
-    /**
-     * Controlled value of the switch. Will be an uncontrolled input if not present.
-     */
-    isOn?: boolean;
-    /**
-     * Set the initial value to default when uncontrolled.
-     */
-    defaultIsOn?: boolean;
-    /** An icon to be displayed on the on state of the input. */
-    onIcon?: UniversalIconSlot;
-    /** An icon to be displayed on the off state of the input. */
-    offIcon?: UniversalIconSlot;
-    /**
-     * Disables animations when true.
-     */
-    reduceMotion?: boolean;
-    /**
-     * On which side of the input is the label displayed.
-     * @default 'start'
-     */
-    labelPosition?: 'start' | 'end';
-}
 
 type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li' | 'sup';
 type ColorWithInherit = Exclude<UniversalTextProps['color'], undefined> | 'inherit';
@@ -264,4 +228,4 @@ type DivProps = React.HTMLAttributes<HTMLDivElement>;
 interface BoxProps extends UniversalBoxProps, DivProps {
 }
 
-export type { BoxProps as B, DivProps as D, IconPropsWithSVGProps as I, TextProps as T, UniversalTextProps as U, UniversalStackProps as a, UniversalSwitchProps as b };
+export type { BoxProps as B, DivProps as D, IconPropsWithSVGProps as I, TextProps as T, UniversalTextProps as U, UniversalStackProps as a };

package/dist/{Box-D40ThLwg.d.ts → Box-CcXdv2Rw.d.ts}

@@ -211,42 +211,6 @@ interface UniversalIconProps {
 type SVGElementProps = Omit<React.HTMLAttributes<SVGSVGElement>, 'color'>;
 interface IconPropsWithSVGProps extends UniversalIconProps, SVGElementProps {
 }
-type UniversalIconSlot = SvgIcon | ReactNode | ((iconProps: Omit<IconPropsWithSVGProps, 'name'>) => ReactNode);
-type SwitchSize = 'sm' | 'md';
-interface UniversalSwitchProps {
-    /**
-     * Size of the switch.
-     * @default 'md'
-     */
-    size?: SwitchSize;
-    /**
-     * The label of the switch. Can be a ReactNode for rich html labels.
-     * Will not be labelled if omitted. User MUST then use `aria-label` attribute,
-     * wrap in a `<label>` tag or `htmlFor` to add an external label for a11y.
-     */
-    label?: string | ReactNode | (() => ReactNode);
-    /**
-     * Controlled value of the switch. Will be an uncontrolled input if not present.
-     */
-    isOn?: boolean;
-    /**
-     * Set the initial value to default when uncontrolled.
-     */
-    defaultIsOn?: boolean;
-    /** An icon to be displayed on the on state of the input. */
-    onIcon?: UniversalIconSlot;
-    /** An icon to be displayed on the off state of the input. */
-    offIcon?: UniversalIconSlot;
-    /**
-     * Disables animations when true.
-     */
-    reduceMotion?: boolean;
-    /**
-     * On which side of the input is the label displayed.
-     * @default 'start'
-     */
-    labelPosition?: 'start' | 'end';
-}
 
 type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li' | 'sup';
 type ColorWithInherit = Exclude<UniversalTextProps['color'], undefined> | 'inherit';
@@ -264,4 +228,4 @@ type DivProps = React.HTMLAttributes<HTMLDivElement>;
 interface BoxProps extends UniversalBoxProps, DivProps {
 }
 
-export type { BoxProps as B, DivProps as D, IconPropsWithSVGProps as I, TextProps as T, UniversalTextProps as U, UniversalStackProps as a, UniversalSwitchProps as b };
+export type { BoxProps as B, DivProps as D, IconPropsWithSVGProps as I, TextProps as T, UniversalTextProps as U, UniversalStackProps as a };

package/dist/{Input-BMRGSU5y.d.ts → Input-9mqqHyM_.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { U as UniversalInputProps } from './types-DYEQXQnF.js';
+import { U as UniversalInputProps } from './types-CN9tOfEO.js';
 import { HTMLMotionProps } from 'motion/react';
 
 type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;

package/dist/{Input-Bodf4GHN.d.ts → Input-CqWvnTE2.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { U as UniversalInputProps } from './types-BPg1GqRW.js';
+import { U as UniversalInputProps } from './types-kxTkQgcG.js';
 import { HTMLMotionProps } from 'motion/react';
 
 type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;

package/dist/{Input-CMSWyzqv.d.cts → Input-CsnKIM7r.d.cts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { U as UniversalInputProps } from './types-BPg1GqRW.cjs';
+import { U as UniversalInputProps } from './types-kxTkQgcG.cjs';
 import { HTMLMotionProps } from 'motion/react';
 
 type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;

package/dist/{Input-Dy8st3t9.d.cts → Input-zEU4biDe.d.cts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { U as UniversalInputProps } from './types-DYEQXQnF.cjs';
+import { U as UniversalInputProps } from './types-CN9tOfEO.cjs';
 import { HTMLMotionProps } from 'motion/react';
 
 type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;

package/dist/{Pressable-6OGAsf5K.d.cts → Pressable-DG4fPi9g.d.cts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { a as UniversalPressableProps } from './types-DYEQXQnF.cjs';
+import { a as UniversalPressableProps } from './types-CN9tOfEO.cjs';
 
 type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
 interface PressableProps extends UniversalPressableProps, HtmlButtonProps {

package/dist/{Pressable-BWXRpiJE.d.cts → Pressable-DJiKOTnV.d.cts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { a as UniversalPressableProps } from './types-BPg1GqRW.cjs';
+import { a as UniversalPressableProps } from './types-kxTkQgcG.cjs';
 
 type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
 interface PressableProps extends UniversalPressableProps, HtmlButtonProps {

package/dist/{Pressable-Bu5pYD6Z.d.ts → Pressable-Ujv71dpY.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { a as UniversalPressableProps } from './types-BPg1GqRW.js';
+import { a as UniversalPressableProps } from './types-CN9tOfEO.js';
 
 type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
 interface PressableProps extends UniversalPressableProps, HtmlButtonProps {

package/dist/{Pressable-CIIFtTng.d.ts → Pressable-pKA6lolm.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { a as UniversalPressableProps } from './types-DYEQXQnF.js';
+import { a as UniversalPressableProps } from './types-kxTkQgcG.js';
 
 type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
 interface PressableProps extends UniversalPressableProps, HtmlButtonProps {

package/dist/{VStack-BeVwzpH2.d.cts → VStack-C-52-Shi.d.cts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { i as UniversalBoxProps, j as UniversalStackProps, k as UniversalDividerProps } from './types-BPg1GqRW.cjs';
+import { g as UniversalBoxProps, h as UniversalStackProps, i as UniversalDividerProps } from './types-kxTkQgcG.cjs';
 
 type DivProps = React.HTMLAttributes<HTMLDivElement>;
 interface BoxProps extends UniversalBoxProps, DivProps {

package/dist/{VStack-BD2tZc5A.d.ts → VStack-CL70cH04.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { i as UniversalBoxProps, j as UniversalStackProps, k as UniversalDividerProps } from './types-DYEQXQnF.js';
+import { g as UniversalBoxProps, h as UniversalStackProps, i as UniversalDividerProps } from './types-kxTkQgcG.js';
 
 type DivProps = React.HTMLAttributes<HTMLDivElement>;
 interface BoxProps extends UniversalBoxProps, DivProps {

package/dist/{VStack-neVNcyVv.d.cts → VStack-P1-kL67Z.d.cts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { i as UniversalBoxProps, j as UniversalStackProps, k as UniversalDividerProps } from './types-DYEQXQnF.cjs';
+import { g as UniversalBoxProps, h as UniversalStackProps, i as UniversalDividerProps } from './types-CN9tOfEO.cjs';
 
 type DivProps = React.HTMLAttributes<HTMLDivElement>;
 interface BoxProps extends UniversalBoxProps, DivProps {

package/dist/{VStack-QdWDAiK_.d.ts → VStack-PqVPCp0y.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { i as UniversalBoxProps, j as UniversalStackProps, k as UniversalDividerProps } from './types-BPg1GqRW.js';
+import { g as UniversalBoxProps, h as UniversalStackProps, i as UniversalDividerProps } from './types-CN9tOfEO.js';
 
 type DivProps = React.HTMLAttributes<HTMLDivElement>;
 interface BoxProps extends UniversalBoxProps, DivProps {

package/dist/chunk-37LEXEW4.js

@@ -0,0 +1,3 @@
+import{variants as o}from"./chunk-NYAQO47N.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 N(){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 R=N(),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:N,flexWrap:G,justifyContent:k,flexBasis:z,display:H="flex",overflow:V,overflowX:j,overflowY:O,position:A,spacing:D,spacingHorizontal:I,spacingVertical:Y,spacingBottom:X,spacingEnd:$,spacingStart:F,spacingTop:M,offset:J,offsetVertical:P,offsetHorizontal:Q,offsetBottom:Z,offsetEnd:_,offsetStart:q,offsetTop:K,columnGap:L,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:N,flexWrap:G,justifyContent:k,flexBasis:z,display:H,overflow:V,overflowX:j,overflowY:O,position:A,spacing:D,spacingHorizontal:I,spacingVertical:Y,spacingBottom:X,spacingEnd:$,spacingStart:F,spacingTop:M,offset:J,offsetVertical:P,offsetHorizontal:Q,offsetBottom:Z,offsetEnd:_,offsetStart:q,offsetTop:K,columnGap:L,rowGap:U,width:oo,height:ro,dropShadow:to,insetShadow:eo,className:r});return g(o?R:"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 H=N(),V={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=V[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:N,borderTopWidth:R,borderBottomWidth:G,alignContent:k,alignItems:z,alignSelf:j,flex:O,flexDirection:A,flexGrow:D,flexShrink:I,flexWrap:Y,justifyContent:X,flexBasis:$,display:F,overflow:M,overflowX:J,overflowY:P,position:Q,spacing:Z,spacingHorizontal:_,spacingVertical:q,spacingBottom:K,spacingEnd:L,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:N,borderTopWidth:R,borderBottomWidth:G,alignContent:k,alignItems:z,alignSelf:j,flex:O,flexDirection:A,flexGrow:D,flexShrink:I,flexWrap:Y,justifyContent:X,flexBasis:$,display:F,overflow:M,overflowX:J,overflowY:P,position:Q,spacing:Z,spacingHorizontal:_,spacingVertical:q,spacingBottom:K,spacingEnd:L,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?H:n,{className:mo,ref:po,...co})}));j.displayName="Text";var O=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})}));O.displayName="VStack";var A={xs:12,sm:16,md:24,lg:32},D=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=A[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})})}));D.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(D,{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,D as Icon,I as IconSlot,j as Text,O as VStack,N as createSlot,v as cva,C as cx,T as getStyles};

package/dist/chunk-5ZMNC32B.js

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

package/dist/chunk-6BNYCBB5.cjs

@@ -0,0 +1 @@
+"use strict";var r=require("./chunk-TJZ4HVAG.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:H,borderBottomWidth:I,alignContent:B,alignItems:w,alignSelf:E,flex:V,flexDirection:v,flexGrow:j,flexShrink:R,flexWrap:y,justifyContent:z,flexBasis:k,display:F,overflow:G,overflowX:q,overflowY:N,position:P,spacing:A,spacingHorizontal:D,spacingVertical:X,spacingBottom:Y,spacingEnd:J,spacingStart:L,spacingTop:M,offset:Z,offsetVertical:K,offsetHorizontal:O,offsetBottom:Q,offsetEnd:U,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:H,borderBottomWidth:I,alignContent:B,alignItems:w,alignSelf:E,flex:V,flexDirection:v,flexGrow:j,flexShrink:R,flexWrap:y,justifyContent:z,flexBasis:k,display:F,overflow:G,overflowX:q,overflowY:N,position:P,spacing:A,spacingHorizontal:D,spacingVertical:X,spacingBottom:Y,spacingEnd:J,spacingStart:L,spacingTop:M,offset:Z,offsetVertical:K,offsetHorizontal:O,offsetBottom:Q,offsetEnd:U,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;