@yahoo/uds 1.3.1 → 1.3.3

package/dist/client/index.d.ts

@@ -0,0 +1,97 @@
+import { e as UniversalButtonProps, f as UniversalIconButtonProps, M as MotionVariant, g as MotionVariantSpeed } from '../types-CpZ2ERLZ.js';
+import { HTMLMotionProps, MotionConfigProps } from 'framer-motion';
+import * as react from 'react';
+import react__default from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import '@yahoo/uds-icons/types';
+
+type HtmlButtonProps$1 = Omit<react__default.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'> & Omit<HTMLMotionProps<'button'>, 'color' | 'name'>;
+interface ButtonProps extends HtmlButtonProps$1, UniversalButtonProps {
+}
+/**
+ * **🖲️ A button element that can be used to trigger an action**
+ *
+ * @type Client component
+ *
+ * @description
+ * A button is a fundamental component used to trigger an action or event. Buttons are interactive elements that users can click, tap, or otherwise engage
+ * with to submit forms, open dialogues, or perform any other interaction within an application or website.
+ * Consider an [IconButton](https://uds.build/docs/components/icon-button) for buttons that only contain an icon.
+ *
+ * @see The {@link https://uds.build/docs/components/button Button Docs} for more info
+ *
+ * @example
+ * ```tsx
+ * 'use client';
+ * import { Button, HStack } from "@yahoo/uds";
+ *
+ * export function Demo() {
+ *   return (
+ *     <HStack gap="2">
+ *       <Button onClick={console.log}>Save</Button>
+ *       <Button variant="secondary" onClick={console.log}>Cancel</Button>
+ *     </HStack>
+ *   )
+ * }
+ * ```
+ *
+ * @usage
+ * Buttons should be used to clearly indicate and initiate actions that users can take.
+ *
+ * @related [Icon](https://uds.build/docs/components/icon), [IconButton](https://uds.build/docs/components/icon-button), [Pressable](https://uds.build/docs/components/pressable)
+ **/
+declare const Button: react__default.ForwardRefExoticComponent<ButtonProps & react__default.RefAttributes<HTMLButtonElement>>;
+
+type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'> & Omit<HTMLMotionProps<'button'>, 'name'>;
+interface IconButtonProps extends HtmlButtonProps, UniversalIconButtonProps {
+}
+/**
+ * **⚙️️ An icon button element that can be used to trigger an action**
+ *
+ * @type Client component
+ *
+ * @description
+ * An icon button is essentially an interactive icon. They should be used to
+ * display an icon which, when clicked, allows the user to trigger an action.
+ * Icon buttons provide additional features such hover states, focus states, and
+ * pressable functionality.
+ *
+ * @see
+ * Check out the {@link https://uds.build/docs/components/icon-button IconButton Docs} for more info
+ *
+ * @usage
+ * - When you need a button that is represented by an icon rather than text. This is useful in compact spaces, toolbars, or when the action is commonly understood through a visual symbol.
+ * - If you need a button that is used to trigger a non-critical action.
+ *
+ * @example
+ * ```tsx
+ * 'use client';
+ * import { IconButton } from "@yahoo/uds";
+ * import { AddFolder } from "@yahoo/uds-icons";
+ *
+ * <IconButton name={AddFolder} palette="accent" />
+ * ```
+ *
+ * @related [Icon](https://uds.build/docs/components/icon), [Button](https://uds.build/docs/components/button), and [Pressable](https://uds.build/docs/components/pressable)
+ *
+ **/
+declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface SpringMotionConfigProps extends Pick<MotionConfigProps, 'children' | 'reducedMotion'> {
+    layoutVariant?: MotionVariant;
+    layoutSpeed?: MotionVariantSpeed;
+    colorVariant?: MotionVariant;
+    colorSpeed?: MotionVariantSpeed;
+}
+/**
+ * **🎬 Spring Motion Config to define motion animations for all UDS components**
+ *
+ * @type Client component
+ *
+ * @description
+ * The SpringConfig component provides a way to configure the spring animations for the entire application.
+ * This component provides a way to use uds motion configs with Framer Motion.
+ */
+declare function SpringMotionConfig({ reducedMotion, children, layoutVariant, layoutSpeed, colorVariant, colorSpeed, }: SpringMotionConfigProps): react_jsx_runtime.JSX.Element;
+
+export { Button, type ButtonProps, IconButton, type IconButtonProps, SpringMotionConfig, type SpringMotionConfigProps };

package/dist/client/index.js

@@ -0,0 +1,6 @@
+"use client";
+import{createSlot as t,getStyles as n,cx as a,Icon as e}from"../chunk-4IHRPERX.js";import{getMotionVar as i}from"../chunk-67ZAMQTH.js";import{motion as o}from"../chunk-5TXG2NIQ.js";import{BUTTON_CSS_VAR_MAP as r}from"../chunk-PCSDVJE6.js";import{buttonIconSvgSize as s}from"@yahoo/uds/fixtures";import{jsx as c,jsxs as l,Fragment as d}from"react/jsx-runtime";import{m as u,useReducedMotion as h,AnimatePresence as m,LazyMotion as p,MotionConfig as f}from"framer-motion";import{forwardRef as g,useRef as v,useImperativeHandle as b,useMemo as y,isValidElement as w,cloneElement as N,useState as C,useEffect as I}from"react";
+/*! © 2024 Yahoo, Inc. UDS v1.2.0 */
+var S={scale:.7,opacity:0},V={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},x={icon:V,hide:S,loading:S},M={loading:V,hide:S,icon:S},z=`var(${r.columnGap})`,P=`var(${r.iconSize})`,A={rest:{scale:`var(${r.effects.scale.rest})`},hover:{scale:`var(${r.effects.scale.hover})`},pressed:{scale:`var(${r.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:z}},j={withoutIcon:{marginLeft:0},withIcon:{marginLeft:`calc(${z} * -1)`}},$={hide:{width:"0px",opacity:0,display:"none"},loading:{width:P,display:"flex",opacity:1},icon:{width:P,display:"flex",opacity:1}},k=({size:t,variant:n})=>{if("outline"===n)switch(t){case"sm":return c(d,{children:c("path",{fill:"currentColor",d:"M7.9 2.7a5.2 5.2 0 1 0 5.2 5.2h1.6a6.8 6.8 0 1 1-6.8-6.8.8.8 0 1 1 0 1.6"})});case"md":return c(d,{children:c("path",{fill:"currentColor",d:"M12 4a8 8 0 1 0 8 8h2c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2a1 1 0 1 1 0 2"})});case"lg":return c(d,{children:c("path",{fill:"currentColor",d:"M16.15 4.3C9.605 4.3 4.3 9.605 4.3 16.15S9.605 28 16.15 28 28 22.695 28 16.15h2.3c0 7.815-6.335 14.15-14.15 14.15S2 23.965 2 16.15 8.335 2 16.15 2a1.15 1.15 0 0 1 0 2.3"})})}if("fill"===n)switch(t){case"sm":return c(d,{children:c("path",{fill:"currentColor",d:"M8 2.9A5.1 5.1 0 1 0 13.1 8h1.8A6.9 6.9 0 1 1 8 1.1a.9.9 0 1 1 0 1.8"})});case"md":return c(d,{children:c("path",{fill:"currentColor",d:"M12.15 4.3A7.85 7.85 0 1 0 20 12.15h2.3c0 5.606-4.544 10.15-10.15 10.15S2 17.756 2 12.15 6.544 2 12.15 2a1.15 1.15 0 0 1 0 2.3"})});case"lg":return c(d,{children:c("path",{fill:"currentColor",d:"M16.35 4.7C9.916 4.7 4.7 9.916 4.7 16.35S9.916 28 16.35 28 28 22.784 28 16.35h2.7c0 7.925-6.425 14.35-14.35 14.35S2 24.275 2 16.35 8.425 2 16.35 2a1.35 1.35 0 1 1 0 2.7"})})}return c(d,{})},E=()=>import("../motionFeatures-QDISAARM.js").then((({domAnimation:t})=>t));function H({reducedMotion:t="user",children:n,layoutVariant:a="subtle",layoutSpeed:e="3",colorVariant:r="smooth",colorSpeed:s="3"}){const l=o[a][e],d=o[r][s],[u,h]=C(l),[m,g]=C(d),v={variant:r,speed:s},b=i({...v,control:"stiffness"}),w=i({...v,control:"damping"}),N={variant:a,speed:e},S=i({...N,control:"stiffness"}),V=i({...N,control:"damping"});I((()=>{const t=getComputedStyle(document.documentElement),n={damping:Number(t.getPropertyValue(V)),stiffness:Number(t.getPropertyValue(S))},a={damping:Number(t.getPropertyValue(w)),stiffness:Number(t.getPropertyValue(b))};h(n),g(a)}),[w,b,V,S]);const x=y((()=>({type:"spring",mass:1,...u,layout:u,opacity:m,color:m,borderColor:m,backgroundColor:m})),[m,u]);return c(p,{features:E,strict:!0,children:c(f,{transition:x,reducedMotion:t,children:n})})}var L=t(),T=u.create(L,{forwardMotionProps:!0}),G=g((function({palette:t,variant:i,size:o,startIcon:r,endIcon:p,iconVariant:f,loading:g,disableEffects:C,children:I,asChild:S,className:V,...z},P){const E=v(null);b(P,(()=>E.current));const L=p?"icon":"hide",G=(({startIcon:t,endIcon:n,loading:a})=>t||n||a?"withIcon":"withoutIcon")({startIcon:r,endIcon:p,loading:g}),Q=(({loading:t,startIcon:n})=>t?"loading":n?"icon":"hide")({loading:g,startIcon:r}),R={button:n({buttonSize:o,buttonVariant:i,buttonPalette:t,className:a("uds-button","uds-ring","uds-hit-target",g&&"uds-button-loading",C&&"uds-button-without-effects","withIcon"===G&&"uds-button-with-gap",V)}),iconContainer:"uds-button-icon-container flex overflow-hidden",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content",spacer:"uds-button-spacer"},D=h()?"smooth":"subtle",X=y((()=>c(u.span,{className:R.iconContainer,initial:!1,variants:$,animate:Q,children:l(m,{initial:!1,mode:"popLayout",children:[g&&c(u.span,{variants:M,initial:"hide",animate:"loading",exit:"hide",children:c(e,{size:s,name:k,variant:f,color:"current",className:R.loading})},"loading"),r&&!g&&c(u.span,{variants:x,initial:"hide",animate:"icon",exit:"hide",children:c(e,{size:s,name:r,variant:f,color:"current",className:R.start})},r.name)]})})),[R.iconContainer,R.loading,R.start,Q,g,f,r]),B=y((()=>c(u.span,{className:R.iconContainer,initial:!1,variants:$,animate:L,children:c(m,{initial:!1,mode:"popLayout",children:p&&c(u.span,{variants:x,initial:"hide",animate:"icon",exit:"hide",children:c(e,{size:s,name:p,variant:f,color:"current",className:R.start})},p.name)})})),[R.iconContainer,R.start,p,L,f]),F=y((()=>C?{...A,rest:{},hover:{},pressed:{}}:A),[C]);return S&&w(I)?c(H,{layoutSpeed:"3",layoutVariant:D,children:c(T,{className:R.button,initial:["hide",G],animate:G,variants:F,whileHover:"hover",whileTap:"pressed",...z,children:N(I,I.props,l(d,{children:[X,I.props.children,B,c(u.span,{className:R.spacer,variants:j,initial:!1,animate:G})]}))})}):c(H,{layoutSpeed:"3",layoutVariant:D,children:l(u.button,{ref:E,className:R.button,initial:["hide",G],animate:G,variants:F,whileHover:"hover",whileTap:"pressed",...z,children:[X,I,B,c(u.span,{className:R.spacer,variants:j,initial:!1,animate:G})]})})})),Q=g((function({palette:t,variant:i,size:o,iconVariant:r,loading:d,disableEffects:p,name:f,className:g,...w},N){const C=v(null);b(N,(()=>C.current));const I=y((()=>({button:n({buttonVariant:i,buttonPalette:t,iconButtonSize:o,className:a("uds-icon-button","uds-button","uds-ring","uds-hit-target",d&&"uds-button-loading",p&&"uds-button-without-effects",g)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[t,i,g,p,o,d]),S=h(),V=y((()=>S?"smooth":"subtle"),[S]),z=y((()=>p?{...A,rest:{},hover:{},pressed:{}}:A),[p]);return c(H,{layoutSpeed:"3",layoutVariant:V,reducedMotion:p?"always":"user",children:c(u.button,{ref:C,className:I.button,initial:"icon",variants:z,whileHover:"hover",whileTap:"pressed",...w,children:l(m,{initial:!1,mode:"popLayout",children:[d&&c(u.span,{variants:M,initial:"loading",animate:"loading",exit:"hide",children:c(e,{size:s,name:k,variant:r,color:"current",className:I.loading})},"loading"),f&&!d&&c(u.span,{variants:x,initial:"icon",animate:"icon",exit:"hide",children:c(e,{size:s,name:f,variant:r,color:"current",className:I.icon})},f.name)]})})})}));
+/*! © 2024 Yahoo, Inc. UDS v1.0.4 */
+export{G as Button,Q as IconButton,H as SpringMotionConfig};

package/dist/experimental/index.cjs

@@ -0,0 +1,3 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@yahoo/uds/fixtures"),t=require("clsx"),o=require("imurmurhash"),n=require("tailwind-merge"),a=require("react"),l=require("@ariakit/react"),i=require("@yahoo/uds/client"),s=require("react-toastify");function d(e){return e&&e.__esModule?e:{default:e}}var c=d(t),p=d(o),m=({size:r,variant:t})=>{if("outline"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M2.8 2.8v10.4h10.4V2.8zM1 1h14v14H1zm10.684 5.131-1.386-1.148-2.846 3.435-1.708-1.69-1.267 1.278 3.106 3.076z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M4.8 4.8v14.4h14.4V4.8zM3 3h18v18H3zm13.74 6.131-1.387-1.148-4.174 5.04-2.519-2.494-1.266 1.28 3.916 3.877z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M4.1 4.1v23.8h23.8V4.1zM2 2h28v28H2zm21.548 9.348L21.777 9.88l-7.032 8.489-4.253-4.21-1.618 1.634 6.039 5.979z"})})}if("fill"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M15 1H1v14h14zm-2.816 4.881-4.722 5.7-3.485-3.45 1.267-1.279L7.33 8.918l3.467-4.185z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M21 3H3v18h18zm-4.066 6.131-5.55 6.7-3.99-3.95 1.266-1.279 2.592 2.566 4.295-5.185z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M30 2H2v28h28zm-6.452 9.348-8.635 10.425-6.04-5.979 1.619-1.635 4.253 4.211 7.031-8.49z"})})}return e.jsx(e.Fragment,{})},b=({size:r,variant:t})=>{if("outline"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M7.795 12.199 1.381 5.783 2.795 4.37l5 5 5-5 1.414 1.414z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M11.56 17.24 4.31 9.756 5.78 8.24l5.781 5.969 5.782-5.969 1.469 1.516z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M15.768 23.536 3 10.767 4.768 9l11 11 11-11 1.767 1.768z"})})}if("fill"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M8.001 12.627 1.375 6l1.626-1.626 5 5 5-5L14.628 6z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m12 17.763-7.686-7.686 1.839-1.839L12 14.086l5.848-5.848 1.838 1.839z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M16.121 24.243 3 11.12 5.121 9l11 11 11-11 2.122 2.121z"})})}return e.jsx(e.Fragment,{})},u=({size:r,variant:t})=>{if("outline"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m7.795 3.37 6.414 6.414-1.414 1.414-5-5-5 5-1.414-1.414z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m11.56 6.24 7.25 7.485-1.468 1.515-5.781-5.968-5.782 5.968-1.468-1.515z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m15.649 7.38 12.767 12.768-1.767 1.767-11-11-11 11-1.768-1.767z"})})}if("fill"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M8.001 3.374 14.628 10 13 11.627l-5-5-5 5L1.375 10z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m12 6.238 7.686 7.686-1.838 1.839L12 9.915l-5.847 5.848-1.839-1.839z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M16 7.379 29.122 20.5 27 22.622l-11-11-11 11L2.88 20.5z"})})}return e.jsx(e.Fragment,{})},f=({size:r,variant:t})=>{if("outline"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m9.169 7.896 5.364-5.363L13.26 1.26 7.896 6.624 2.533 1.26 1.26 2.533l5.363 5.363L1.26 13.26l1.273 1.273 5.363-5.364 5.364 5.364 1.273-1.273z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m13.44 11.956 6.572-6.571L18.527 3.9l-6.571 6.57L5.385 3.9 3.9 5.385l6.57 6.57-6.57 6.572 1.485 1.485 6.57-6.571 6.572 6.57 1.485-1.484z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M17.702 15.934 28.818 4.818 27.05 3.05 15.934 14.166 4.818 3.05 3.05 4.818l11.116 11.116L3.05 27.05l1.768 1.768 11.116-11.116L27.05 28.818l1.768-1.768z"})})}if("fill"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m9.485 8 5.257-5.258-1.485-1.484L8 6.515 2.742 1.258 1.257 2.742 6.515 8l-5.258 5.258 1.485 1.485L8 9.485l5.257 5.258 1.485-1.485z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m12 13.768 6.337 6.337 1.768-1.768L13.768 12l6.337-6.337-1.768-1.768L12 10.232 5.663 3.895 3.895 5.663 10.232 12l-6.337 6.337 1.768 1.768z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M17.91 16 28.954 4.955l-1.91-1.91L16 14.091 4.955 3.045l-1.91 1.91L14.091 16 3.045 27.045l1.91 1.91L16 17.909l11.045 11.046 1.91-1.91z"})})}return e.jsx(e.Fragment,{})},x=({size:r,variant:t})=>{if("outline"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M13.2 2.8v10.4H2.8V2.8zM1 1v14h14V1z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M19.2 4.8v14.4H4.8V4.8zM3 3v18h18V3z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M27.9 4.1v22.8H4.1V4.1zM2 2v27h28V2z"})})}if("fill"===t)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M1 1h14v14H1z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M3 3h18v18H3z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M2 2h28v27H2z"})})}return e.jsx(e.Fragment,{})},h="undefined"!=typeof process,g={useGetStylesCache:!!h&&"true"===process.env.NEXT_PUBLIC_UDS_FEATURE_USE_STYLE_CACHE,useCLIAuth:!!h&&"true"===process.env.UDS_FEATURE_ENABLE_CLI_AUTH};function y(e){return"boolean"==typeof e?`${e}`:0===e?"0":e}var w="uds",C={color:{accent:"text-accent",alert:"text-alert",black:"text-black",brand:"text-brand",positive:"text-positive",warning:"text-warning",white:"text-white",transparent:"text-transparent",muted:"text-muted","on-color":"text-on-color",primary:"text-primary",secondary:"text-secondary",tertiary:"text-tertiary",current:"text-current"},placeholderColor:{accent:"placeholder:text-accent",alert:"placeholder:text-alert",black:"placeholder:text-black",brand:"placeholder:text-brand",positive:"placeholder:text-positive",warning:"placeholder:text-warning",white:"placeholder:text-white",transparent:"placeholder:text-transparent",muted:"placeholder:text-muted","on-color":"placeholder:text-on-color",primary:"placeholder:text-primary",secondary:"placeholder:text-secondary",tertiary:"placeholder:text-tertiary",current:"placeholder:text-current"},fontFamily:{sans:"font-sans","sans-alt":"font-sans-alt",serif:"font-serif","serif-alt":"font-serif-alt",mono:"font-mono",display1:"font-display1",display2:"font-display2",display3:"font-display3",title1:"font-title1",title2:"font-title2",title3:"font-title3",title4:"font-title4",headline1:"font-headline1",body1:"font-body1",label1:"font-label1",label2:"font-label2",caption1:"font-caption1",caption2:"font-caption2",legal1:"font-legal1"},fontSize:{display1:"font-size-display1",display2:"font-size-display2",display3:"font-size-display3",title1:"font-size-title1",title2:"font-size-title2",title3:"font-size-title3",title4:"font-size-title4",headline1:"font-size-headline1",body1:"font-size-body1",label1:"font-size-label1",label2:"font-size-label2",caption1:"font-size-caption1",caption2:"font-size-caption2",legal1:"font-size-legal1"},fontWeight:{thin:"font-weight-thin",extralight:"font-weight-extralight",light:"font-weight-light",regular:"font-weight-regular",medium:"font-weight-medium",semibold:"font-weight-semibold",bold:"font-weight-bold",extrabold:"font-weight-extrabold",black:"font-weight-black",display1:"font-weight-display1",display2:"font-weight-display2",display3:"font-weight-display3",title1:"font-weight-title1",title2:"font-weight-title2",title3:"font-weight-title3",title4:"font-weight-title4",headline1:"font-weight-headline1",body1:"font-weight-body1",label1:"font-weight-label1",label2:"font-weight-label2",caption1:"font-weight-caption1",caption2:"font-weight-caption2",legal1:"font-weight-legal1"},lineHeight:{display1:"leading-display1",display2:"leading-display2",display3:"leading-display3",title1:"leading-title1",title2:"leading-title2",title3:"leading-title3",title4:"leading-title4",headline1:"leading-headline1",body1:"leading-body1",label1:"leading-label1",label2:"leading-label2",caption1:"leading-caption1",caption2:"leading-caption2",legal1:"leading-legal1"},textAlign:{center:"text-center",justify:"text-justify",start:"text-start",end:"text-end"},textTransform:{display1:"case-display1",display2:"case-display2",display3:"case-display3",title1:"case-title1",title2:"case-title2",title3:"case-title3",title4:"case-title4",headline1:"case-headline1",body1:"case-body1",label1:"case-label1",label2:"case-label2",caption1:"case-caption1",caption2:"case-caption2",legal1:"case-legal1",none:"normal-case",uppercase:"uppercase",lowercase:"lowercase",capitalize:"capitalize"},spacing:{0:"p-0",px:"p-px",.5:"p-0.5",1:"p-1",1.5:"p-1.5",2:"p-2",2.5:"p-2.5",3:"p-3",3.5:"p-3.5",4:"p-4",5:"p-5",6:"p-6",7:"p-7",8:"p-8",9:"p-9",10:"p-10",11:"p-11",12:"p-12",14:"p-14",16:"p-16",20:"p-20",24:"p-24",28:"p-28",32:"p-32",36:"p-36",40:"p-40",44:"p-44",48:"p-48",52:"p-52",56:"p-56",60:"p-60",64:"p-64",72:"p-72",80:"p-80",96:"p-96"},spacingHorizontal:{0:"px-0",px:"px-px",.5:"px-0.5",1:"px-1",1.5:"px-1.5",2:"px-2",2.5:"px-2.5",3:"px-3",3.5:"px-3.5",4:"px-4",5:"px-5",6:"px-6",7:"px-7",8:"px-8",9:"px-9",10:"px-10",11:"px-11",12:"px-12",14:"px-14",16:"px-16",20:"px-20",24:"px-24",28:"px-28",32:"px-32",36:"px-36",40:"px-40",44:"px-44",48:"px-48",52:"px-52",56:"px-56",60:"px-60",64:"px-64",72:"px-72",80:"px-80",96:"px-96"},spacingVertical:{0:"py-0",px:"py-px",.5:"py-0.5",1:"py-1",1.5:"py-1.5",2:"py-2",2.5:"py-2.5",3:"py-3",3.5:"py-3.5",4:"py-4",5:"py-5",6:"py-6",7:"py-7",8:"py-8",9:"py-9",10:"py-10",11:"py-11",12:"py-12",14:"py-14",16:"py-16",20:"py-20",24:"py-24",28:"py-28",32:"py-32",36:"py-36",40:"py-40",44:"py-44",48:"py-48",52:"py-52",56:"py-56",60:"py-60",64:"py-64",72:"py-72",80:"py-80",96:"py-96"},spacingBottom:{0:"pb-0",px:"pb-px",.5:"pb-0.5",1:"pb-1",1.5:"pb-1.5",2:"pb-2",2.5:"pb-2.5",3:"pb-3",3.5:"pb-3.5",4:"pb-4",5:"pb-5",6:"pb-6",7:"pb-7",8:"pb-8",9:"pb-9",10:"pb-10",11:"pb-11",12:"pb-12",14:"pb-14",16:"pb-16",20:"pb-20",24:"pb-24",28:"pb-28",32:"pb-32",36:"pb-36",40:"pb-40",44:"pb-44",48:"pb-48",52:"pb-52",56:"pb-56",60:"pb-60",64:"pb-64",72:"pb-72",80:"pb-80",96:"pb-96"},spacingEnd:{0:"pe-0",px:"pe-px",.5:"pe-0.5",1:"pe-1",1.5:"pe-1.5",2:"pe-2",2.5:"pe-2.5",3:"pe-3",3.5:"pe-3.5",4:"pe-4",5:"pe-5",6:"pe-6",7:"pe-7",8:"pe-8",9:"pe-9",10:"pe-10",11:"pe-11",12:"pe-12",14:"pe-14",16:"pe-16",20:"pe-20",24:"pe-24",28:"pe-28",32:"pe-32",36:"pe-36",40:"pe-40",44:"pe-44",48:"pe-48",52:"pe-52",56:"pe-56",60:"pe-60",64:"pe-64",72:"pe-72",80:"pe-80",96:"pe-96"},spacingStart:{0:"ps-0",px:"ps-px",.5:"ps-0.5",1:"ps-1",1.5:"ps-1.5",2:"ps-2",2.5:"ps-2.5",3:"ps-3",3.5:"ps-3.5",4:"ps-4",5:"ps-5",6:"ps-6",7:"ps-7",8:"ps-8",9:"ps-9",10:"ps-10",11:"ps-11",12:"ps-12",14:"ps-14",16:"ps-16",20:"ps-20",24:"ps-24",28:"ps-28",32:"ps-32",36:"ps-36",40:"ps-40",44:"ps-44",48:"ps-48",52:"ps-52",56:"ps-56",60:"ps-60",64:"ps-64",72:"ps-72",80:"ps-80",96:"ps-96"},spacingTop:{0:"pt-0",px:"pt-px",.5:"pt-0.5",1:"pt-1",1.5:"pt-1.5",2:"pt-2",2.5:"pt-2.5",3:"pt-3",3.5:"pt-3.5",4:"pt-4",5:"pt-5",6:"pt-6",7:"pt-7",8:"pt-8",9:"pt-9",10:"pt-10",11:"pt-11",12:"pt-12",14:"pt-14",16:"pt-16",20:"pt-20",24:"pt-24",28:"pt-28",32:"pt-32",36:"pt-36",40:"pt-40",44:"pt-44",48:"pt-48",52:"pt-52",56:"pt-56",60:"pt-60",64:"pt-64",72:"pt-72",80:"pt-80",96:"pt-96"},offset:{0:"-m-0",px:"-m-px",.5:"-m-0.5",1:"-m-1",1.5:"-m-1.5",2:"-m-2",2.5:"-m-2.5",3:"-m-3",3.5:"-m-3.5",4:"-m-4",5:"-m-5",6:"-m-6",7:"-m-7",8:"-m-8",9:"-m-9",10:"-m-10",11:"-m-11",12:"-m-12",14:"-m-14",16:"-m-16",20:"-m-20",24:"-m-24",28:"-m-28",32:"-m-32",36:"-m-36",40:"-m-40",44:"-m-44",48:"-m-48",52:"-m-52",56:"-m-56",60:"-m-60",64:"-m-64",72:"-m-72",80:"-m-80",96:"-m-96"},offsetVertical:{0:"-my-0",px:"-my-px",.5:"-my-0.5",1:"-my-1",1.5:"-my-1.5",2:"-my-2",2.5:"-my-2.5",3:"-my-3",3.5:"-my-3.5",4:"-my-4",5:"-my-5",6:"-my-6",7:"-my-7",8:"-my-8",9:"-my-9",10:"-my-10",11:"-my-11",12:"-my-12",14:"-my-14",16:"-my-16",20:"-my-20",24:"-my-24",28:"-my-28",32:"-my-32",36:"-my-36",40:"-my-40",44:"-my-44",48:"-my-48",52:"-my-52",56:"-my-56",60:"-my-60",64:"-my-64",72:"-my-72",80:"-my-80",96:"-my-96"},offsetHorizontal:{0:"-mx-0",px:"-mx-px",.5:"-mx-0.5",1:"-mx-1",1.5:"-mx-1.5",2:"-mx-2",2.5:"-mx-2.5",3:"-mx-3",3.5:"-mx-3.5",4:"-mx-4",5:"-mx-5",6:"-mx-6",7:"-mx-7",8:"-mx-8",9:"-mx-9",10:"-mx-10",11:"-mx-11",12:"-mx-12",14:"-mx-14",16:"-mx-16",20:"-mx-20",24:"-mx-24",28:"-mx-28",32:"-mx-32",36:"-mx-36",40:"-mx-40",44:"-mx-44",48:"-mx-48",52:"-mx-52",56:"-mx-56",60:"-mx-60",64:"-mx-64",72:"-mx-72",80:"-mx-80",96:"-mx-96"},offsetBottom:{0:"-mb-0",px:"-mb-px",.5:"-mb-0.5",1:"-mb-1",1.5:"-mb-1.5",2:"-mb-2",2.5:"-mb-2.5",3:"-mb-3",3.5:"-mb-3.5",4:"-mb-4",5:"-mb-5",6:"-mb-6",7:"-mb-7",8:"-mb-8",9:"-mb-9",10:"-mb-10",11:"-mb-11",12:"-mb-12",14:"-mb-14",16:"-mb-16",20:"-mb-20",24:"-mb-24",28:"-mb-28",32:"-mb-32",36:"-mb-36",40:"-mb-40",44:"-mb-44",48:"-mb-48",52:"-mb-52",56:"-mb-56",60:"-mb-60",64:"-mb-64",72:"-mb-72",80:"-mb-80",96:"-mb-96"},offsetEnd:{0:"-me-0",px:"-me-px",.5:"-me-0.5",1:"-me-1",1.5:"-me-1.5",2:"-me-2",2.5:"-me-2.5",3:"-me-3",3.5:"-me-3.5",4:"-me-4",5:"-me-5",6:"-me-6",7:"-me-7",8:"-me-8",9:"-me-9",10:"-me-10",11:"-me-11",12:"-me-12",14:"-me-14",16:"-me-16",20:"-me-20",24:"-me-24",28:"-me-28",32:"-me-32",36:"-me-36",40:"-me-40",44:"-me-44",48:"-me-48",52:"-me-52",56:"-me-56",60:"-me-60",64:"-me-64",72:"-me-72",80:"-me-80",96:"-me-96"},offsetStart:{0:"-ms-0",px:"-ms-px",.5:"-ms-0.5",1:"-ms-1",1.5:"-ms-1.5",2:"-ms-2",2.5:"-ms-2.5",3:"-ms-3",3.5:"-ms-3.5",4:"-ms-4",5:"-ms-5",6:"-ms-6",7:"-ms-7",8:"-ms-8",9:"-ms-9",10:"-ms-10",11:"-ms-11",12:"-ms-12",14:"-ms-14",16:"-ms-16",20:"-ms-20",24:"-ms-24",28:"-ms-28",32:"-ms-32",36:"-ms-36",40:"-ms-40",44:"-ms-44",48:"-ms-48",52:"-ms-52",56:"-ms-56",60:"-ms-60",64:"-ms-64",72:"-ms-72",80:"-ms-80",96:"-ms-96"},offsetTop:{0:"-mt-0",px:"-mt-px",.5:"-mt-0.5",1:"-mt-1",1.5:"-mt-1.5",2:"-mt-2",2.5:"-mt-2.5",3:"-mt-3",3.5:"-mt-3.5",4:"-mt-4",5:"-mt-5",6:"-mt-6",7:"-mt-7",8:"-mt-8",9:"-mt-9",10:"-mt-10",11:"-mt-11",12:"-mt-12",14:"-mt-14",16:"-mt-16",20:"-mt-20",24:"-mt-24",28:"-mt-28",32:"-mt-32",36:"-mt-36",40:"-mt-40",44:"-mt-44",48:"-mt-48",52:"-mt-52",56:"-mt-56",60:"-mt-60",64:"-mt-64",72:"-mt-72",80:"-mt-80",96:"-mt-96"},columnGap:{0:"gap-x-0",px:"gap-x-px",.5:"gap-x-0.5",1:"gap-x-1",1.5:"gap-x-1.5",2:"gap-x-2",2.5:"gap-x-2.5",3:"gap-x-3",3.5:"gap-x-3.5",4:"gap-x-4",5:"gap-x-5",6:"gap-x-6",7:"gap-x-7",8:"gap-x-8",9:"gap-x-9",10:"gap-x-10",11:"gap-x-11",12:"gap-x-12",14:"gap-x-14",16:"gap-x-16",20:"gap-x-20",24:"gap-x-24",28:"gap-x-28",32:"gap-x-32",36:"gap-x-36",40:"gap-x-40",44:"gap-x-44",48:"gap-x-48",52:"gap-x-52",56:"gap-x-56",60:"gap-x-60",64:"gap-x-64",72:"gap-x-72",80:"gap-x-80",96:"gap-x-96"},rowGap:{0:"gap-y-0",px:"gap-y-px",.5:"gap-y-0.5",1:"gap-y-1",1.5:"gap-y-1.5",2:"gap-y-2",2.5:"gap-y-2.5",3:"gap-y-3",3.5:"gap-y-3.5",4:"gap-y-4",5:"gap-y-5",6:"gap-y-6",7:"gap-y-7",8:"gap-y-8",9:"gap-y-9",10:"gap-y-10",11:"gap-y-11",12:"gap-y-12",14:"gap-y-14",16:"gap-y-16",20:"gap-y-20",24:"gap-y-24",28:"gap-y-28",32:"gap-y-32",36:"gap-y-36",40:"gap-y-40",44:"gap-y-44",48:"gap-y-48",52:"gap-y-52",56:"gap-y-56",60:"gap-y-60",64:"gap-y-64",72:"gap-y-72",80:"gap-y-80",96:"gap-y-96"},backgroundColor:{accent:"bg-accent",alert:"bg-alert",black:"bg-black",brand:"bg-brand",positive:"bg-positive",warning:"bg-warning",white:"bg-white",primary:"bg-primary",secondary:"bg-secondary",transparent:"bg-transparent",current:"bg-current"},borderColor:{accent:"border-accent",alert:"border-alert",black:"border-black",brand:"border-brand",positive:"border-positive",warning:"border-warning",white:"border-white",transparent:"border-transparent",muted:"border-muted",primary:"border-primary",secondary:"border-secondary",tertiary:"border-tertiary",current:"border-current"},borderStartColor:{accent:"border-s-accent",alert:"border-s-alert",black:"border-s-black",brand:"border-s-brand",positive:"border-s-positive",warning:"border-s-warning",white:"border-s-white",transparent:"border-s-transparent",muted:"border-s-muted",primary:"border-s-primary",secondary:"border-s-secondary",tertiary:"border-s-tertiary",current:"border-s-current"},borderEndColor:{accent:"border-e-accent",alert:"border-e-alert",black:"border-e-black",brand:"border-e-brand",positive:"border-e-positive",warning:"border-e-warning",white:"border-e-white",transparent:"border-e-transparent",muted:"border-e-muted",primary:"border-e-primary",secondary:"border-e-secondary",tertiary:"border-e-tertiary",current:"border-e-current"},borderBottomColor:{accent:"border-b-accent",alert:"border-b-alert",black:"border-b-black",brand:"border-b-brand",positive:"border-b-positive",warning:"border-b-warning",white:"border-b-white",transparent:"border-b-transparent",muted:"border-b-muted",primary:"border-b-primary",secondary:"border-b-secondary",tertiary:"border-b-tertiary",current:"border-b-current"},borderTopColor:{accent:"border-t-accent",alert:"border-t-alert",black:"border-t-black",brand:"border-t-brand",positive:"border-t-positive",warning:"border-t-warning",white:"border-t-white",transparent:"border-t-transparent",muted:"border-t-muted",primary:"border-t-primary",secondary:"border-t-secondary",tertiary:"border-t-tertiary",current:"border-t-current"},borderRadius:{none:"rounded-none",xs:"rounded-sm",sm:"rounded",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl",full:"rounded-full"},borderTopStartRadius:{none:"rounded-ss-none",xs:"rounded-ss-xs",sm:"rounded-ss-sm",md:"rounded-ss-md",lg:"rounded-ss-lg",xl:"rounded-ss-xl",full:"rounded-ss-full"},borderTopEndRadius:{none:"rounded-se-none",xs:"rounded-se-xs",sm:"rounded-se-sm",md:"rounded-se-md",lg:"rounded-se-lg",xl:"rounded-se-xl",full:"rounded-se-full"},borderBottomStartRadius:{none:"rounded-es-none",xs:"rounded-es-xs",sm:"rounded-es-sm",md:"rounded-es-md",lg:"rounded-es-lg",xl:"rounded-es-xl",full:"rounded-es-full"},borderBottomEndRadius:{none:"rounded-ee-none",xs:"rounded-ee-xs",sm:"rounded-ee-sm",md:"rounded-ee-md",lg:"rounded-ee-lg",xl:"rounded-ee-xl",full:"rounded-ee-full"},borderWidth:{none:"border-none",thin:"border-thin",medium:"border-medium",thick:"border-thick"},borderVerticalWidth:{none:"border-y-none",thin:"border-y-thin",medium:"border-y-medium",thick:"border-y-thick"},borderHorizontalWidth:{none:"border-x-none",thin:"border-x-thin",medium:"border-x-medium",thick:"border-x-thick"},borderStartWidth:{none:"border-s-none",thin:"border-s-thin",medium:"border-s-medium",thick:"border-s-thick"},borderEndWidth:{none:"border-e-none",thin:"border-e-thin",medium:"border-e-medium",thick:"border-e-thick"},borderTopWidth:{none:"border-t-none",thin:"border-t-thin",medium:"border-t-medium",thick:"border-t-thick"},borderBottomWidth:{none:"border-b-none",thin:"border-b-thin",medium:"border-b-medium",thick:"border-b-thick"},avatarSize:{sm:"avatarSize-sm",md:"avatarSize-md",lg:"avatarSize-lg"},iconSize:{sm:"iconSize-sm leading-none",md:"iconSize-md leading-none",lg:"iconSize-lg leading-none"},alignContent:{"flex-start":"content-start","flex-end":"content-end",center:"content-center",stretch:"content-stretch","space-between":"content-between","space-around":"content-around"},alignItems:{"flex-start":"items-start","flex-end":"items-end",center:"items-center",stretch:"items-stretch",baseline:"items-baseline"},alignSelf:{auto:"self-auto","flex-start":"self-start","flex-end":"self-end",center:"self-center",stretch:"self-stretch",baseline:"self-baseline"},flex:{1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"},flexDirection:{row:"flex-row",column:"flex-col","row-reverse":"flex-row-reverse","column-reverse":"flex-col-reverse"},flexGrow:{0:"grow-0",1:"grow",2:"grow-[2]",3:"grow-[3]"},flexShrink:{0:"shrink-0",1:"shrink"},flexWrap:{wrap:"flex-wrap","wrap-reverse":"flex-wrap-reverse",nowrap:"flex-nowrap"},justifyContent:{"flex-start":"justify-start","flex-end":"justify-end",center:"justify-center","space-between":"justify-between","space-around":"justify-around","space-evenly":"justify-evenly"},flexBasis:{"min-content":"basis-[min-content]"},display:{block:"block","inline-block":"inline-block",inline:"inline",flex:"flex","inline-flex":"inline-flex",table:"table","inline-table":"inline-table","table-caption":"table-caption","table-cell":"table-cell","table-column":"table-column","table-column-group":"table-column-group","table-footer-group":"table-footer-group","table-header-group":"table-header-group","table-row-group":"table-row-group","table-row":"table-row","flow-root":"flow-root",grid:"grid",contents:"contents"},overflow:{auto:"overflow-auto",hidden:"overflow-hidden",clip:"overflow-clip",visible:"overflow-visible",scroll:"overflow-scroll"},overflowX:{auto:"overflow-x-auto",hidden:"overflow-x-hidden",clip:"overflow-x-clip",visible:"overflow-x-visible",scroll:"overflow-x-scroll"},overflowY:{auto:"overflow-y-auto",hidden:"overflow-y-hidden",clip:"overflow-y-clip",visible:"overflow-y-visible",scroll:"overflow-y-scroll"},position:{static:"static",fixed:"fixed",absolute:"absolute",relative:"relative",sticky:"sticky"},contentFit:{contain:"object-contain",cover:"object-cover",fill:"object-fill",none:"object-none","scale-down":"object-scale-down"},colorMode:{dark:`${w}-color-mode-dark`,light:`${w}-color-mode-light`},scaleMode:{xSmall:`${w}-scale-mode-xsmall`,small:`${w}-scale-mode-small`,medium:`${w}-scale-mode-medium`,large:`${w}-scale-mode-large`,xLarge:`${w}-scale-mode-xlarge`,xxxLarge:`${w}-scale-mode-xxxlarge`,xxLarge:`${w}-scale-mode-xxlarge`},buttonPalette:{accent:"uds-button-accent",brand:"uds-button-brand",alert:"uds-button-alert",positive:"uds-button-positive",warning:"uds-button-warning"},buttonVariant:{primary:"uds-button-primary",secondary:"uds-button-secondary",tertiary:"uds-button-tertiary"},buttonSize:{sm:"uds-button-sm",md:"uds-button-md",lg:"uds-button-lg"},iconButtonSize:{xs:"uds-icon-button-xs",sm:"uds-icon-button-sm",md:"uds-icon-button-md",lg:"uds-icon-button-lg",xl:"uds-icon-button-xl"}};function v(e){const r=Object.create(null),t=Object.keys(e);for(let o=0,n=t.length;o<n;o++){const n=t[o];void 0!==e[n]&&(r[n]=e[n])}return r}var j,z=n.extendTailwindMerge({extend:{theme:{borderColor:r.lineColors,borderWidth:r.borderWidths,borderRadius:r.borderRadii}},override:{classGroups:{"text-color":[{text:[...r.foregroundColors,...r.spectrumColors]}],"bg-color":[{bg:r.backgroundColors}],"font-family":[{font:["icons",...r.textVariants]}],leading:[{leading:r.textVariants}]},conflictingClassGroups:{}}}),k=(...e)=>{const r=c.default(e);return z(r)},S=(j={variants:C},e=>{if(!j?.variants)return k(j?.base,e?.className);const{variants:r,defaultVariants:t}=j,o=Object.keys(r).map((o=>{const n=e?.[o],a=t?.[o],l=y(n)||y(a);return r[o][l]})),n={...t,...e&&v(e)},a=j?.compoundVariants?.reduce(((e,{className:r,...t})=>Object.entries(t).every((([e,r])=>n[e]===r))?k(e,r):e),"");return k(j?.base,o,a,e?.className)}),T=new Map,R=e=>{const{useGetStylesCache:r}=g;if(r){const r=function(e){const r=Object.create(null),t=Object.keys(e).sort();for(let o=0,n=t.length;o<n;o++){const n=t[o];r[n]=e[n]}return r}(v(e)),t=(new p.default).hash(JSON.stringify(r)).result();if(T.has(t))return T.get(t);const o=S(r);return T.set(t,o),o}return S(e)},W={sm:16,md:24,lg:32},B=a.forwardRef((function({name:r,size:t="md",variant:o="outline",color:n="primary",className:a,...l},i){const s=R({color:n,className:a}),d=W[t];return e.jsx("svg",{ref:i,xmlns:"http://www.w3.org/2000/svg",width:d,height:d,viewBox:`0 0 ${d} ${d}`,"aria-hidden":"true",focusable:"false",className:s,...l,children:e.jsx(r,{size:t,variant:o})})}));function E(...e){return r=>e.forEach((e=>function(e,r){"function"==typeof e?e(r):null!=e&&(e.current=r)}(e,r)))}function N(){const r=a.forwardRef(((r,o)=>{const{children:l,...i}=r,s=a.Children.toArray(l),d=s.find(n);if(d){const r=d.props.children,n=s.map((e=>e===d?a.Children.count(r)>1?a.Children.only(null):a.isValidElement(r)?r.props.children:null:e));return e.jsx(t,{...i,ref:o,children:a.isValidElement(r)?a.cloneElement(r,void 0,n):null})}return e.jsx(t,{...i,ref:o,children:l})}));r.displayName="Slot";const t=a.forwardRef(((e,r)=>{const{children:t,...o}=e;return a.isValidElement(t)?a.cloneElement(t,{...l(o,t.props),ref:r?E(r,t.ref):t.ref}):a.Children.count(t)>1?a.Children.only(null):null}));t.displayName="SlotClone";const o=({children:e})=>e;function n(e){return a.isValidElement(e)&&e.type===o}function l(e,r){const t={...r};for(const o in r){const n=e[o],a=r[o];/^on[A-Z]/.test(o)?n&&a?t[o]=(...e)=>{a(...e),n(...e)}:n&&(t[o]=n):"style"===o&&(t[o]={...n,...a})}return{...e,...t}}return r}var H=N(),V=a.forwardRef((function({className:r,asChild:t,onPress:o,onClick:n=o,backgroundColor:a,borderRadius:l,borderTopStartRadius:i,borderTopEndRadius:s,borderBottomStartRadius:d,borderBottomEndRadius:c,borderColor:p,borderStartColor:m,borderEndColor:b,borderTopColor:u,borderBottomColor:f,borderWidth:x,borderVerticalWidth:h,borderHorizontalWidth:g,borderStartWidth:y,borderEndWidth:w,borderTopWidth:C,borderBottomWidth:v,alignContent:j,alignItems:z,alignSelf:k,flex:S,flexDirection:T,flexGrow:W,flexShrink:B,flexWrap:E,justifyContent:N,flexBasis:V,display:F,overflow:M,overflowX:D,overflowY:G,position:I,spacing:P,spacingHorizontal:L,spacingVertical:A,spacingBottom:_,spacingEnd:q,spacingStart:$,spacingTop:O,offset:X,offsetVertical:Y,offsetHorizontal:U,offsetBottom:Z,offsetEnd:J,offsetStart:K,offsetTop:Q,columnGap:ee,rowGap:re,...te},oe){const ne=R({backgroundColor:a,borderRadius:l,borderTopStartRadius:i,borderTopEndRadius:s,borderBottomStartRadius:d,borderBottomEndRadius:c,borderColor:p,borderStartColor:m,borderEndColor:b,borderTopColor:u,borderBottomColor:f,borderWidth:x,borderVerticalWidth:h,borderHorizontalWidth:g,borderStartWidth:y,borderEndWidth:w,borderTopWidth:C,borderBottomWidth:v,alignContent:j,alignItems:z,alignSelf:k,flex:S,flexDirection:T,flexGrow:W,flexShrink:B,flexWrap:E,justifyContent:N,flexBasis:V,display:F,overflow:M,overflowX:D,overflowY:G,position:I,spacing:P,spacingHorizontal:L,spacingVertical:A,spacingBottom:_,spacingEnd:q,spacingStart:$,spacingTop:O,offset:X,offsetVertical:Y,offsetHorizontal:U,offsetBottom:Z,offsetEnd:J,offsetStart:K,offsetTop:Q,columnGap:ee,rowGap:re,className:r}),ae=t?H:"button";return e.jsx(ae,{className:ne,ref:oe,onClick:n,...te})})),F=N(),M={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",caption1:"p",caption2:"p",legal1:"p"},D=a.forwardRef((function({className:r,asChild:t,color:o="primary",variant:n="body1",as:a=M[n],fontSize:l=n,fontFamily:i=n,fontWeight:s=n,lineHeight:d=n,textTransform:c=n,textAlign:p,backgroundColor:m,borderRadius:b,borderTopStartRadius:u,borderTopEndRadius:f,borderBottomStartRadius:x,borderBottomEndRadius:h,borderColor:g,borderStartColor:y,borderEndColor:w,borderTopColor:C,borderBottomColor:v,borderWidth:j,borderVerticalWidth:z,borderHorizontalWidth:k,borderStartWidth:S,borderEndWidth:T,borderTopWidth:W,borderBottomWidth:B,alignContent:E,alignItems:N,alignSelf:H,flex:V,flexDirection:D,flexGrow:G,flexShrink:I,flexWrap:P,justifyContent:L,flexBasis:A,display:_,overflow:q,overflowX:$,overflowY:O,position:X,spacing:Y,spacingHorizontal:U,spacingVertical:Z,spacingBottom:J,spacingEnd:K,spacingStart:Q,spacingTop:ee,offset:re,offsetVertical:te,offsetHorizontal:oe,offsetBottom:ne,offsetEnd:ae,offsetStart:le,offsetTop:ie,columnGap:se,rowGap:de,...ce},pe){const me=R({className:r,color:o,fontFamily:i,fontSize:l,fontWeight:s,lineHeight:d,textTransform:c,textAlign:p,backgroundColor:m,borderRadius:b,borderTopStartRadius:u,borderTopEndRadius:f,borderBottomStartRadius:x,borderBottomEndRadius:h,borderColor:g,borderStartColor:y,borderEndColor:w,borderTopColor:C,borderBottomColor:v,borderWidth:j,borderVerticalWidth:z,borderHorizontalWidth:k,borderStartWidth:S,borderEndWidth:T,borderTopWidth:W,borderBottomWidth:B,alignContent:E,alignItems:N,alignSelf:H,flex:V,flexDirection:D,flexGrow:G,flexShrink:I,flexWrap:P,justifyContent:L,flexBasis:A,display:_,overflow:q,overflowX:$,overflowY:O,position:X,spacing:Y,spacingHorizontal:U,spacingVertical:Z,spacingBottom:J,spacingEnd:K,spacingStart:Q,spacingTop:ee,offset:re,offsetVertical:te,offsetHorizontal:oe,offsetBottom:ne,offsetEnd:ae,offsetStart:le,offsetTop:ie,columnGap:se,rowGap:de}),be=t?F:a;return e.jsx(be,{className:me,ref:pe,...ce})})),G=N(),I=a.forwardRef((function({asChild:r,className:t,backgroundColor:o,borderRadius:n,borderTopStartRadius:a,borderTopEndRadius:l,borderBottomStartRadius:i,borderBottomEndRadius:s,borderColor:d,borderStartColor:c,borderEndColor:p,borderTopColor:m,borderBottomColor:b,borderWidth:u,borderVerticalWidth:f,borderHorizontalWidth:x,borderStartWidth:h,borderEndWidth:g,borderTopWidth:y,borderBottomWidth:w,alignContent:C,alignItems:v,alignSelf:j,flex:z,flexDirection:k,flexGrow:S,flexShrink:T,flexWrap:W,justifyContent:B,flexBasis:E,display:N="flex",overflow:H,overflowX:V,overflowY:F,position:M,spacing:D,spacingHorizontal:I,spacingVertical:P,spacingBottom:L,spacingEnd:A,spacingStart:_,spacingTop:q,offset:$,offsetVertical:O,offsetHorizontal:X,offsetBottom:Y,offsetEnd:U,offsetStart:Z,offsetTop:J,columnGap:K,rowGap:Q,...ee},re){const te=R({backgroundColor:o,borderRadius:n,borderTopStartRadius:a,borderTopEndRadius:l,borderBottomStartRadius:i,borderBottomEndRadius:s,borderColor:d,borderStartColor:c,borderEndColor:p,borderTopColor:m,borderBottomColor:b,borderWidth:u,borderVerticalWidth:f,borderHorizontalWidth:x,borderStartWidth:h,borderEndWidth:g,borderTopWidth:y,borderBottomWidth:w,alignContent:C,alignItems:v,alignSelf:j,flex:z,flexDirection:k,flexGrow:S,flexShrink:T,flexWrap:W,justifyContent:B,flexBasis:E,display:N,overflow:H,overflowX:V,overflowY:F,position:M,spacing:D,spacingHorizontal:I,spacingVertical:P,spacingBottom:L,spacingEnd:A,spacingStart:_,spacingTop:q,offset:$,offsetVertical:O,offsetHorizontal:X,offsetBottom:Y,offsetEnd:U,offsetStart:Z,offsetTop:J,columnGap:K,rowGap:Q,className:t}),oe=r?G:"div";return e.jsx(oe,{className:te,ref:re,...ee})})),P=a.forwardRef((function({gap:r,...t},o){return e.jsx(I,{ref:o,flexDirection:"column",columnGap:r,rowGap:r,...t})}));var L={display:"inline-flex",alignItems:"center",justifyContent:"center",overflow:"hidden",backgroundColor:"primary",contentFit:"cover"};var A=a.forwardRef((function({gap:r,...t},o){return e.jsx(I,{ref:o,flexDirection:"row",rowGap:r,columnGap:r,...t})})),_={accent:"on-color",secondary:"primary"},q={accent:"on-color",secondary:"tertiary"};var $=l.Popover,O=l.PopoverArrow,X=l.PopoverAnchor,Y=l.PopoverDescription,U=l.PopoverDismiss,Z=l.PopoverProvider,J=l.PopoverDisclosure,K=l.PopoverDisclosureArrow,Q=Z,ee=a.forwardRef((function({children:r,disabled:t,onClick:o,...n},i){const s=l.usePopoverStore(),d=a.useCallback((e=>{e.preventDefault();o?.((()=>s.setOpen(!1)))}),[o,s]);return e.jsx(V,{display:"flex",flexDirection:"row",alignItems:"flex-start",spacingVertical:"4",spacingHorizontal:"8",columnGap:"3",borderColor:"muted",className:k(!t&&"hover:bg-gray-2",t&&"cursor-default"),onClick:o?d:void 0,ref:i,...n,children:r})}));var re=a.forwardRef((function({children:r,className:t,overflow:o="scroll",...n},a){return e.jsx(P,{borderRadius:"lg",backgroundColor:"primary",className:k("z-10 max-h-[312px] min-w-[220px] shadow-md",t),overflow:o,spacingVertical:"2",asChild:!0,children:e.jsxs($,{preventBodyScroll:!0,...n,ref:a,children:[e.jsx(O,{className:"!fill-elevation-3 !stroke-muted !stroke-1"}),r]})})}));var te=l.DialogDismiss;var oe=a.forwardRef((function({children:r,className:t,display:o="table",overflow:n="hidden",borderColor:a="muted",borderRadius:l="md",...i},s){return e.jsx(I,{asChild:!0,borderColor:a,borderRadius:l,className:t,overflow:n,display:o,...i,children:e.jsx("table",{ref:s,children:r})})})),ne=a.forwardRef((function({children:r,display:t="table-row",...o},n){return e.jsx(I,{asChild:!0,display:t,...o,children:e.jsx("tr",{ref:n,children:r})})})),ae=a.forwardRef((function({children:r,display:t="table-header-group",...o},n){return e.jsx(I,{asChild:!0,display:t,...o,children:e.jsx("thead",{ref:n,children:r})})})),le=a.forwardRef((function({children:r,display:t="table-row-group",...o},n){return e.jsx(I,{asChild:!0,display:t,...o,children:e.jsx("tbody",{ref:n,children:r})})})),ie=a.forwardRef((function({asHeaderCell:r,className:t,display:o="table-cell",spacing:n="3",borderBottomColor:a="muted",color:l="primary",...i},s){const d=R({textAlign:"start",className:t}),c=r?"th":"td",p="row"===r?"row":r?"column":void 0,m=r?"headline1":"body1";return e.jsx(D,{asChild:!0,variant:m,color:l,display:o,spacing:n,borderBottomColor:a,borderBottomWidth:"thin",className:d,children:e.jsx(c,{scope:p,...i,ref:s})})}));function se({data:r,columns:t,...o}){return e.jsxs(se.Root,{...o,children:[e.jsx(se.Header,{children:e.jsx(se.Row,{children:t.map(((r,t)=>e.jsx(se.Cell,{asHeaderCell:"column",children:r.title},t)))})}),e.jsx(se.Body,{children:r.map(((r,o)=>e.jsx(se.Row,{children:t.map(((t,n)=>{const l=r[t.dataIndex];return e.jsx(se.Cell,{children:t.render?t.render(l,r,o):a.isValidElement(l)?l:String(l)},n)}))},o)))})]})}se.Root=oe,se.Row=ne,se.Header=ae,se.Body=le,se.Cell=ie;var de=N();var ce=a.forwardRef((function({className:r,...t},o){const n=R({display:"flex",flexDirection:"row",columnGap:"6",className:r});return e.jsx(l.TabList,{ref:o,...t,className:n})})),pe=a.forwardRef((function(r,t){const o=l.useTabContext();if(!o)throw new Error("TabPanel must be wrapped in a Tabs component");const n=o.useState("selectedId");return e.jsx(l.TabPanel,{ref:t,tabId:n,...r})}));function me({className:r,disabled:t,backgroundColor:o=(t?"secondary":"primary"),borderColor:n="tertiary",borderWidth:a="thin",borderRadius:l="md",color:i="primary",placeholderColor:s="tertiary",spacingVertical:d="3",spacingHorizontal:c="4",fontSize:p="body1",...m}){return e.jsx("input",{type:"text","data-1p-ignore":!0,className:k(R({backgroundColor:o,borderColor:n,borderWidth:a,borderRadius:l,spacingVertical:d,spacingHorizontal:c,fontSize:p,fontWeight:p,lineHeight:p,fontFamily:p,color:i,placeholderColor:s}),"w-full",r),disabled:t,...m})}function be({children:r,required:t}){return e.jsxs(D,{variant:"caption2",color:"primary",children:[r,t&&e.jsx(D,{variant:"caption2",as:"span",color:"alert",spacingStart:"0.5",children:"*"})]})}var ue=R({borderRadius:"md",spacingVertical:"2",spacingHorizontal:"3",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",columnGap:"5",overflow:"hidden",position:"relative",className:"cursor-pointer"}),fe=R({fontSize:"label2",lineHeight:"label2",fontWeight:"label2"}),xe=R({backgroundColor:"positive"}),he=R({backgroundColor:"alert"}),ge=R({backgroundColor:"accent"}),ye=R({backgroundColor:"warning"}),we=R({backgroundColor:"accent"}),Ce=R({backgroundColor:"brand"}),ve=R({backgroundColor:"accent"}),je=e=>"default"===e?.type?k(ue,ve):e?.defaultClassName??"";function ze(e){const{type:r="default",defaultClassName:t=""}=e??{},o={success:xe,error:he,info:ge,warning:ye,default:we,dark:Ce}[r],n=t.replace(/Toastify__progress-bar-theme--light/,"");return k(n,o)}function ke({closeToast:r,type:t}){const o={success:"positive",error:"alert",info:"accent",warning:"warning",default:"accent",dark:"accent"}[t];return e.jsx(i.IconButton,{name:f,size:"sm",palette:o,onClick:r,className:"p-2"})}
+/*! © 2024 Yahoo, Inc. UDS v1.0.4 */
+Object.defineProperty(exports,"usePopoverStore",{enumerable:!0,get:function(){return l.usePopoverStore}}),Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return s.toast}}),exports.Accordion=function({label:r,children:t,onClick:o,open:n,spacingHorizontal:a="4",_content:l,className:i,textProps:s,...d}){return e.jsxs(e.Fragment,{children:[e.jsxs(V,{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",spacingVertical:"4",spacingHorizontal:a,borderRadius:"md",onClick:o,className:k("hover:bg-secondary/80","w-full",i),...d,children:[e.jsx(D,{variant:"title4",color:"primary",...s||{},children:r}),e.jsx(B,{name:n?b:u,variant:"fill",size:"sm",color:"primary"})]}),e.jsx(P,{overflow:"hidden",className:k("transition-[max-height]","duration-500","ease-in-out",n?"max-h-full":"max-h-0"),spacingHorizontal:a,...l,children:e.jsx(P,{className:"min-h-min",children:t})})]})},exports.Avatar=function({size:r,shape:t,src:o,alt:n,...a}){const l=R({...L,avatarSize:r,borderRadius:t});return e.jsx("img",{src:o,alt:n,className:l,...a})},exports.CheckBox=({label:r,checked:t,onChange:o})=>e.jsx(A,{asChild:!0,alignItems:"center",className:"cursor-pointer",gap:"2",children:e.jsxs("label",{children:[e.jsx("input",{type:"checkbox",checked:t,onChange:e=>{o(e.target.checked)},className:"!max-w-0 cursor-pointer opacity-0"}),e.jsx(B,{name:t?m:x,color:"tertiary",size:"md"}),e.jsx(D,{variant:"label2",color:"secondary",className:"select-none",children:r})]})}),exports.Chip=function({children:r,variant:t,startIcon:o,startContent:n=(o?e.jsx(B,{name:o,variant:"fill",size:"sm",color:_[t]}):null),endIcon:a,endContent:l=(a?e.jsx(B,{name:a,variant:"fill",size:"sm",color:_[t]}):null)}){return e.jsxs(V,{display:"inline-flex",flexDirection:"row",columnGap:"2",borderRadius:"full",backgroundColor:t,alignItems:"center",spacingVertical:"2",spacingHorizontal:"3",children:[n,e.jsx(D,{variant:"label2",color:q[t],children:r}),l]})},exports.Dropdown=Q,exports.DropdownItem=function({title:r,description:t,_title:o,_description:n,startIcon:a,endIcon:l,...i}){return e.jsxs(ee,{...i,children:[a&&e.jsx(B,{name:a,size:"md",color:"primary"}),e.jsxs(P,{gap:"3",alignItems:"flex-start",children:[r&&e.jsx(D,{variant:"headline1",color:"primary",...o,children:r}),t&&e.jsx(D,{variant:"label2",color:"muted",...n,children:t})]}),l&&e.jsx(B,{name:l,size:"md",color:"primary"})]})},exports.DropdownItemPressable=ee,exports.DropdownItems=re,exports.DropdownTrigger=function({children:r,...t}){return e.jsx(J,{render:o=>e.jsx(i.Button,{...o,...t,children:r})})},exports.Modal=function({className:r,...t}){return e.jsx(P,{borderRadius:"md",position:"fixed",backgroundColor:"primary",className:k("inset-8 top-[250px] z-50 mx-auto h-fit w-[600px] origin-center scale-95 opacity-0 shadow-md transition duration-150 data-[enter]:scale-100 data-[enter]:opacity-100",r),spacing:"8",asChild:!0,overflow:"hidden",children:e.jsx(l.Dialog,{backdrop:e.jsx("div",{className:"data-[enter]:bg-primary opacity-0 backdrop-blur-0 transition duration-150 data-[enter]:opacity-60 data-[enter]:backdrop-blur-sm"}),...t})})},exports.ModalDismiss=te,exports.ModalHeader=function({children:r,handleClose:t}){return e.jsxs(A,{alignItems:"center",justifyContent:"space-between",children:[e.jsx(D,{variant:"headline1",color:"primary",children:r}),e.jsx(i.IconButton,{"aria-label":"Close",size:"sm",variant:"tertiary",name:f,onClick:t})]})},exports.Popover=$,exports.PopoverAnchor=X,exports.PopoverArrow=O,exports.PopoverDescription=Y,exports.PopoverDisclosure=J,exports.PopoverDisclosureArrow=K,exports.PopoverDismiss=U,exports.PopoverHeading=function({children:r,leading:t,trailing:o}){return e.jsxs(A,{children:[t,e.jsx(D,{variant:"headline1",color:"primary",asChild:!0,children:e.jsx(l.PopoverHeading,{children:r})}),o]})},exports.PopoverProvider=Z,exports.Spinner=function({className:r,...t}){return e.jsxs("div",{role:"status",className:k("self-center","relative",r),...t,style:{width:32,maxWidth:32,height:32,maxHeight:32},children:[e.jsxs("svg",{"aria-hidden":"true",className:"text-gray-3 fill-accent top-half left-half absolute left-0 right-0 animate-spin",viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor"}),e.jsx("path",{d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentFill"})]}),e.jsx("span",{className:"sr-only",children:"Loading..."})]})},exports.Tab=function({asChild:r,label:t,value:o,startIcon:n}){const a=r?de:"button",i=R({});if(!l.useTabContext())throw new Error("Tab must be wrapped in a Tabs component");const s=k("text-tertiary","border-b-transparent","aria-selected:border-b-accent","aria-selected:text-accent");return e.jsx(l.Tab,{id:o,className:i,render:e.jsx(V,{borderBottomWidth:"thick",spacingBottom:"1",spacingTop:"4",className:s,asChild:!0,children:e.jsxs(a,{children:[n?e.jsx(B,{name:n,className:"text-current",size:"md"}):null,e.jsx(D,{className:"text-current",variant:"headline1",as:"span",children:t})]})})})},exports.TabList=ce,exports.TabPanel=pe,exports.Table=se,exports.Tabs=function(r){return e.jsx(l.TabProvider,{...r})},exports.TextInput=me,exports.TextInputGroup=function({label:r,required:t,...o}){return e.jsxs(P,{gap:"4",className:"w-full",children:[e.jsx(be,{required:t,children:r}),e.jsx(me,{required:t,...o})]})},exports.TextInputLabel=be,exports.ToastContainer=function(r){return e.jsx(s.ToastContainer,{toastClassName:je,bodyClassName:fe,progressClassName:ze,transition:s.Slide,closeButton:ke,...r})},exports.useModalStore=function(e){return l.useDialogStore({animated:!0,...e})};