@yahoo/uds 0.1.20 → 0.2.2

package/dist/VStack-BSD9TbBd.d.cts

@@ -0,0 +1,114 @@
+import * as react from 'react';
+import { k as UniversalBoxProps, l as UniversalPressableProps, m as UniversalStackProps } from './types-CzJpH_Oi.cjs';
+
+type DivProps = React.HTMLAttributes<HTMLDivElement>;
+interface BoxProps extends UniversalBoxProps, DivProps {
+}
+/**
+ * A layout primitive that can be used to compose other components.
+ * @example
+ ```tsx
+  import { Box } from "@yahoo/uds"
+
+  export function Demo() {
+    return (
+      <Box
+        bordered
+        backgroundColor="primary"
+        borderRadius="md"
+        spacing='6'
+        >
+        Any kind of content can go here!
+      </Box>
+    )
+  }
+  ```
+ */
+declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
+
+type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
+interface PressableProps extends UniversalPressableProps, HtmlButtonProps {
+}
+/**
+ * Provides press interactions with accessibility support.
+ * @example
+ ```tsx
+   import { Pressable, Text } from "@yahoo/uds"
+
+  export function Demo() {
+    return (
+      <Pressable
+        onClick={console.log}
+        backgroundColor="secondary"
+        bordered
+        borderColor="primary"
+        borderRadius="lg"
+      >
+        <Text variant="body1" spacingHorizontal="7" spacingVertical="5">Click me...</Text>
+      </Pressable>
+    )
+  }
+  ```
+ */
+declare const Pressable: react.ForwardRefExoticComponent<PressableProps & react.RefAttributes<HTMLButtonElement>>;
+
+type VStackProps = UniversalStackProps & DivProps;
+/**
+ * The VStack is essentially the same component as [Box](/components/box) where it uses [flexbox](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox) but it lays out content in a column. VStack also allows for gaps between children via the `gap` prop.
+ *
+ * You should use VStack when:
+ *
+ * - you want to lay content out in rows that are sized to their content (height only, by default each child will fill the width of the VStack)
+ * - you want to add gaps between columns
+ * - you want to lay content out in columns that fill the available space within the parent container
+ * - you need columns of proportionate size to each other (also known as a ratio-based layout)
+ *
+ * @example
+ * #### Rows with Gaps
+ *
+ * ```tsx
+ *   import { Box, VStack } from "@yahoo/uds"
+ *
+ *   export function Demo() {
+ *     return (
+ *       <VStack gap="6">
+ *         <Box spacing="6" backgroundColor="secondary">
+ *           First
+ *         </Box>
+ *         <Box spacing="6" backgroundColor="secondary">
+ *           Second
+ *         </Box>
+ *         <Box spacing="6" backgroundColor="secondary">
+ *           Third
+ *         </Box>
+ *       </VStack>
+ *     )
+ *   }
+ * ```
+ *
+ * #### Rows that Have Proportionate Sizes
+ *
+ * ```tsx
+ *     import { Box, VStack } from "@yahoo/uds"
+ *
+ *   export function Demo() {
+ *     return (
+ *       <VStack gap="6">
+ *         <Box spacing="6" flexGrow="1" backgroundColor="secondary">
+ *           First
+ *         </Box>
+ *         <Box spacing="6" flexGrow="2" backgroundColor="secondary">
+ *           Second
+ *         </Box>
+ *         <Box spacing="6" flexGrow="3" backgroundColor="secondary">
+ *           Third
+ *         </Box>
+ *       </VStack>
+ *     )
+ *   }
+ * ```
+ *
+ **/
+declare const VStack: react.ForwardRefExoticComponent<UniversalStackProps & DivProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Box as B, type DivProps as D, Pressable as P, VStack as V, type BoxProps as a, type PressableProps as b, type VStackProps as c };

package/dist/VStack-Dk3-8IyU.d.ts

@@ -0,0 +1,114 @@
+import * as react from 'react';
+import { k as UniversalBoxProps, l as UniversalPressableProps, m as UniversalStackProps } from './types-CzJpH_Oi.js';
+
+type DivProps = React.HTMLAttributes<HTMLDivElement>;
+interface BoxProps extends UniversalBoxProps, DivProps {
+}
+/**
+ * A layout primitive that can be used to compose other components.
+ * @example
+ ```tsx
+  import { Box } from "@yahoo/uds"
+
+  export function Demo() {
+    return (
+      <Box
+        bordered
+        backgroundColor="primary"
+        borderRadius="md"
+        spacing='6'
+        >
+        Any kind of content can go here!
+      </Box>
+    )
+  }
+  ```
+ */
+declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
+
+type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
+interface PressableProps extends UniversalPressableProps, HtmlButtonProps {
+}
+/**
+ * Provides press interactions with accessibility support.
+ * @example
+ ```tsx
+   import { Pressable, Text } from "@yahoo/uds"
+
+  export function Demo() {
+    return (
+      <Pressable
+        onClick={console.log}
+        backgroundColor="secondary"
+        bordered
+        borderColor="primary"
+        borderRadius="lg"
+      >
+        <Text variant="body1" spacingHorizontal="7" spacingVertical="5">Click me...</Text>
+      </Pressable>
+    )
+  }
+  ```
+ */
+declare const Pressable: react.ForwardRefExoticComponent<PressableProps & react.RefAttributes<HTMLButtonElement>>;
+
+type VStackProps = UniversalStackProps & DivProps;
+/**
+ * The VStack is essentially the same component as [Box](/components/box) where it uses [flexbox](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox) but it lays out content in a column. VStack also allows for gaps between children via the `gap` prop.
+ *
+ * You should use VStack when:
+ *
+ * - you want to lay content out in rows that are sized to their content (height only, by default each child will fill the width of the VStack)
+ * - you want to add gaps between columns
+ * - you want to lay content out in columns that fill the available space within the parent container
+ * - you need columns of proportionate size to each other (also known as a ratio-based layout)
+ *
+ * @example
+ * #### Rows with Gaps
+ *
+ * ```tsx
+ *   import { Box, VStack } from "@yahoo/uds"
+ *
+ *   export function Demo() {
+ *     return (
+ *       <VStack gap="6">
+ *         <Box spacing="6" backgroundColor="secondary">
+ *           First
+ *         </Box>
+ *         <Box spacing="6" backgroundColor="secondary">
+ *           Second
+ *         </Box>
+ *         <Box spacing="6" backgroundColor="secondary">
+ *           Third
+ *         </Box>
+ *       </VStack>
+ *     )
+ *   }
+ * ```
+ *
+ * #### Rows that Have Proportionate Sizes
+ *
+ * ```tsx
+ *     import { Box, VStack } from "@yahoo/uds"
+ *
+ *   export function Demo() {
+ *     return (
+ *       <VStack gap="6">
+ *         <Box spacing="6" flexGrow="1" backgroundColor="secondary">
+ *           First
+ *         </Box>
+ *         <Box spacing="6" flexGrow="2" backgroundColor="secondary">
+ *           Second
+ *         </Box>
+ *         <Box spacing="6" flexGrow="3" backgroundColor="secondary">
+ *           Third
+ *         </Box>
+ *       </VStack>
+ *     )
+ *   }
+ * ```
+ *
+ **/
+declare const VStack: react.ForwardRefExoticComponent<UniversalStackProps & DivProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Box as B, type DivProps as D, Pressable as P, VStack as V, type BoxProps as a, type PressableProps as b, type VStackProps as c };

package/dist/experimental/index.cjs

@@ -0,0 +1 @@
+"use strict";var Lt=Object.create;var to=Object.defineProperty;var Mt=Object.getOwnPropertyDescriptor;var Ht=Object.getOwnPropertyNames;var Nt=Object.getPrototypeOf,_t=Object.prototype.hasOwnProperty;var Bt=(o,e)=>{for(var t in e)to(o,t,{get:e[t],enumerable:!0})},So=(o,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of Ht(e))!_t.call(o,a)&&a!==t&&to(o,a,{get:()=>e[a],enumerable:!(r=Mt(e,a))||r.enumerable});return o};var Ot=(o,e,t)=>(t=o!=null?Lt(Nt(o)):{},So(e||!o||!o.__esModule?to(t,"default",{value:o,enumerable:!0}):t,o)),zt=o=>So(to({},"__esModule",{value:!0}),o);var xr={};Bt(xr,{Accordion:()=>Yo,Avatar:()=>Jo,Button:()=>ro,Chip:()=>ot,Dropdown:()=>pt,DropdownItem:()=>dt,DropdownItemPressable:()=>co,DropdownItems:()=>mt,DropdownTrigger:()=>ft,IconButton:()=>bo,Modal:()=>ht,ModalDismiss:()=>xt,ModalHeader:()=>yt,Popover:()=>no,PopoverAnchor:()=>nt,PopoverArrow:()=>so,PopoverDescription:()=>st,PopoverDisclosure:()=>lo,PopoverDisclosureArrow:()=>lt,PopoverDismiss:()=>it,PopoverHeading:()=>at,PopoverProvider:()=>io,Spinner:()=>vt,Tab:()=>Tt,TabList:()=>Pt,TabPanel:()=>Ct,Table:()=>T,Tabs:()=>wt,TextInput:()=>mo,TextInputGroup:()=>kt,TextInputLabel:()=>fo,ToastContainer:()=>At,toast:()=>Xe.toast,useModalStore:()=>gt,usePopoverStore:()=>m.usePopoverStore});module.exports=zt(xr);var zo=require("react");var x=require("@yahoo/uds/fixtures"),_o=Ot(require("clsx"),1),Bo=require("tailwind-merge");function ho(o){return typeof o=="boolean"?`${o}`:o===0?"0":o}var b="uds",Tr=`${b}-spectrum-color`,Cr=`${b}-font`,Sr=`${b}-icon-size`,kr=`${b}-avatar-size`,Ar=`${b}-border-radius`,Rr=`${b}-border-width`,Er=`${b}-spacing`,Dr=`${b}-font-size`,Ir=`${b}-line-height`,Lr=`${b}-font-weight`,Mr=`${b}-text-transform`,ko=`${b}-color-mode-dark`,Ao=`${b}-color-mode-light`,Ro=`${b}-scale-mode-xsmall`,Eo=`${b}-scale-mode-small`,Do=`${b}-scale-mode-medium`,Io=`${b}-scale-mode-large`,Lo=`${b}-scale-mode-xlarge`,Mo=`${b}-scale-mode-xxlarge`,Ho=`${b}-scale-mode-xxxlarge`;var Hr=`--${b}-font-icons`,Nr=`--${b}-font-sans`,_r=`--${b}-font-sans-beta`,Br=`--${b}-font-sans-condensed`,Or=`--${b}-font-serif-display`,zr=`--${b}-font-serif-text`;var No={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"},colorChecked:{accent:"data-[state=checked]:text-accent",alert:"data-[state=checked]:text-alert",black:"data-[state=checked]:text-black",brand:"data-[state=checked]:text-brand",positive:"data-[state=checked]:text-positive",warning:"data-[state=checked]:text-warning",white:"data-[state=checked]:text-white",transparent:"data-[state=checked]:text-transparent",primary:"data-[state=checked]:text-primary",secondary:"data-[state=checked]:text-secondary",muted:"data-[state=checked]:text-muted","on-color":"data-[state=checked]:text-on-color",tertiary:"data-[state=checked]:text-tertiary"},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"},fontFamily:{icons:"font-icons",sans:"font-sans","sans-beta":"font-sans-beta","sans-condensed":"font-sans-condensed","serif-text":"font-serif-text","serif-display":"font-serif-display",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:{none:"p-[0px]",1:"p-1",2:"p-2",3:"p-3",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",13:"p-13",14:"p-14"},spacingHorizontal:{none:"px-none",1:"px-1",2:"px-2",3:"px-3",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",13:"px-13",14:"px-14"},spacingVertical:{none:"py-none",1:"py-1",2:"py-2",3:"py-3",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",13:"py-13",14:"py-14"},spacingBottom:{none:"pb-none",1:"pb-1",2:"pb-2",3:"pb-3",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",13:"pb-13",14:"pb-14"},spacingEnd:{none:"pe-none",1:"pe-1",2:"pe-2",3:"pe-3",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",13:"pe-13",14:"pe-14"},spacingStart:{none:"ps-none",1:"ps-1",2:"ps-2",3:"ps-3",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",13:"ps-13",14:"ps-14"},spacingTop:{none:"pt-none",1:"pt-1",2:"pt-2",3:"pt-3",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",13:"pt-13",14:"pt-14"},offset:{none:"-m-none",1:"-m-1",2:"-m-2",3:"-m-3",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",13:"-m-13",14:"-m-14"},offsetVertical:{none:"-my-none",1:"-my-1",2:"-my-2",3:"-my-3",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",13:"-my-13",14:"-my-14"},offsetHorizontal:{none:"-mx-none",1:"-mx-1",2:"-mx-2",3:"-mx-3",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",13:"-mx-13",14:"-mx-14"},offsetBottom:{none:"-mb-none",1:"-mb-1",2:"-mb-2",3:"-mb-3",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",13:"-mb-13",14:"-mb-14"},offsetEnd:{none:"-me-none",1:"-me-1",2:"-me-2",3:"-me-3",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",13:"-me-13",14:"-me-14"},offsetStart:{none:"-ms-none",1:"-ms-1",2:"-ms-2",3:"-ms-3",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",13:"-ms-13",14:"-ms-14"},offsetTop:{none:"-mt-none",1:"-mt-1",2:"-mt-2",3:"-mt-3",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",13:"-mt-13",14:"-mt-14"},columnGap:{none:"gap-x-none",1:"gap-x-1",2:"gap-x-2",3:"gap-x-3",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",13:"gap-x-13",14:"gap-x-14"},rowGap:{none:"gap-y-none",1:"gap-y-1",2:"gap-y-2",3:"gap-y-3",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",13:"gap-y-13",14:"gap-y-14"},backgroundColor:{accent:"bg-accent",alert:"bg-alert",black:"bg-black",brand:"bg-brand",positive:"bg-positive",warning:"bg-warning",white:"bg-white","accent-wash":"bg-accent-wash","alert-wash":"bg-alert-wash","brand-wash":"bg-brand-wash","elevation-1":"bg-elevation-1","elevation-2":"bg-elevation-2","elevation-3":"bg-elevation-3","elevation-3-inverse":"bg-elevation-3-inverse",overlay:"bg-overlay","positive-wash":"bg-positive-wash",primary:"bg-primary",secondary:"bg-secondary",transparent:"bg-transparent","warning-wash":"bg-warning-wash"},backgroundColorOnActive:{accent:"active:bg-accent",alert:"active:bg-alert",black:"active:bg-black",brand:"active:bg-brand",positive:"active:bg-positive",warning:"active:bg-warning",white:"active:bg-white","accent-wash":"active:bg-accent-wash","alert-wash":"active:bg-alert-wash","brand-wash":"active:bg-brand-wash","elevation-1":"active:bg-elevation-1","elevation-2":"active:bg-elevation-2","elevation-3":"active:bg-elevation-3","elevation-3-inverse":"active:bg-elevation-3-inverse",overlay:"active:bg-overlay","positive-wash":"active:bg-positive-wash",primary:"active:bg-primary",secondary:"active:bg-secondary",transparent:"active:bg-transparent","warning-wash":"active:bg-warning-wash"},backgroundColorOnHover:{accent:"hover:bg-accent/80",alert:"hover:bg-alert/80",black:"hover:bg-black/80",brand:"hover:bg-brand/80",positive:"hover:bg-positive/80",warning:"hover:bg-warning/80",white:"hover:bg-white/80","accent-wash":"hover:bg-accent-wash/80","alert-wash":"hover:bg-alert-wash/80","brand-wash":"hover:bg-brand-wash/80","elevation-1":"hover:bg-elevation-1/80","elevation-2":"hover:bg-elevation-2/80","elevation-3":"hover:bg-elevation-3/80","elevation-3-inverse":"hover:bg-elevation-3-inverse/80",overlay:"hover:bg-overlay/80","positive-wash":"hover:bg-positive-wash/80",primary:"hover:bg-primary/80",secondary:"hover:bg-secondary/80",transparent:"hover:bg-transparent/80","warning-wash":"hover:bg-warning-wash/80"},backgroundColorOnChecked:{accent:"data-[state=checked]:bg-accent",alert:"data-[state=checked]:bg-alert",black:"data-[state=checked]:bg-black",brand:"data-[state=checked]:bg-brand",positive:"data-[state=checked]:bg-positive",warning:"data-[state=checked]:bg-warning",white:"data-[state=checked]:bg-white","accent-wash":"data-[state=checked]:bg-accent-wash","alert-wash":"data-[state=checked]:bg-alert-wash","brand-wash":"data-[state=checked]:bg-brand-wash","elevation-1":"data-[state=checked]:bg-elevation-1","elevation-2":"data-[state=checked]:bg-elevation-2","elevation-3":"data-[state=checked]:bg-elevation-3","elevation-3-inverse":"data-[state=checked]:bg-elevation-3-inverse",overlay:"data-[state=checked]:bg-overlay","positive-wash":"data-[state=checked]:bg-positive-wash",primary:"data-[state=checked]:bg-primary",secondary:"data-[state=checked]:bg-secondary",transparent:"data-[state=checked]:bg-transparent","warning-wash":"data-[state=checked]:bg-warning-wash"},backgroundColorOnFocus:{accent:"focus:bg-accent",alert:"focus:bg-alert",black:"focus:bg-black",brand:"focus:bg-brand",positive:"focus:bg-positive",warning:"focus:bg-warning",white:"focus:bg-white","accent-wash":"focus:bg-accent-wash","alert-wash":"focus:bg-alert-wash","brand-wash":"focus:bg-brand-wash","elevation-1":"focus:bg-elevation-1","elevation-2":"focus:bg-elevation-2","elevation-3":"focus:bg-elevation-3","elevation-3-inverse":"focus:bg-elevation-3-inverse",overlay:"focus:bg-overlay","positive-wash":"focus:bg-positive-wash",primary:"focus:bg-primary",secondary:"focus:bg-secondary",transparent:"focus:bg-transparent","warning-wash":"focus:bg-warning-wash"},elevation:{1:"bg-elevation-1 z-30 shadow-1",2:"bg-elevation-2 z-40 shadow-2",3:"bg-elevation-3 z-50 shadow-3"},opacity:{0:"opacity-0",5:"opacity-5",10:"opacity-10",20:"opacity-20",25:"opacity-25",30:"opacity-30",40:"opacity-40",50:"opacity-50",60:"opacity-60",70:"opacity-70",75:"opacity-75",80:"opacity-80",90:"opacity-90",95:"opacity-95",100:"opacity-100"},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"},borderColorOnActive:{accent:"active:border-accent",alert:"active:border-alert",black:"active:border-black",brand:"active:border-brand",positive:"active:border-positive",warning:"active:border-warning",white:"active:border-white",transparent:"active:border-transparent",muted:"active:border-muted",primary:"active:border-primary",secondary:"active:border-secondary",tertiary:"active:border-tertiary"},borderColorOnFocus:{accent:"focus:border-accent",alert:"focus:border-alert",black:"focus:border-black",brand:"focus:border-brand",positive:"focus:border-positive",warning:"focus:border-warning",white:"focus:border-white",transparent:"focus:border-transparent",muted:"focus:border-muted",primary:"focus:border-primary",secondary:"focus:border-secondary",tertiary:"focus:border-tertiary"},borderColorOnHover:{accent:"hover:border-accent",alert:"hover:border-alert",black:"hover:border-black",brand:"hover:border-brand",positive:"hover:border-positive",warning:"hover:border-warning",white:"hover:border-white",transparent:"hover:border-transparent",muted:"hover:border-muted",primary:"hover:border-primary",secondary:"hover:border-secondary",tertiary:"hover:border-tertiary"},borderColorOnChecked:{accent:"data-[state=checked]:border-accent",alert:"data-[state=checked]:border-alert",black:"data-[state=checked]:border-black",brand:"data-[state=checked]:border-brand",positive:"data-[state=checked]:border-positive",warning:"data-[state=checked]:border-warning",white:"data-[state=checked]:border-white",transparent:"data-[state=checked]:border-transparent",muted:"data-[state=checked]:border-muted",primary:"data-[state=checked]:border-primary",secondary:"data-[state=checked]:border-secondary",tertiary:"data-[state=checked]:border-tertiary"},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"},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"},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"},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"},borderRadius:{none:"rounded-none",xs:"rounded-xs",sm:"rounded-sm",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"},bordered:{true:"border-thin border-solid"},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"},borderedVertical:{true:"border-y-thin"},borderedTop:{true:"border-t-thin"},borderedBottom:{true:"border-b-thin"},borderedHorizontal:{true:"border-x-thin"},borderedEnd:{true:"border-e-thin"},borderedStart:{true:"border-s-thin"},height:{auto:"h-auto",full:"h-full",screen:"h-screen",min:"h-min",max:"h-max",fit:"h-fit","1/2":"h-1/2","1/3":"h-1/3","2/3":"h-2/3","1/4":"h-1/4","2/4":"h-2/4","3/4":"h-3/4","1/5":"h-1/5","2/5":"h-2/5","3/5":"h-3/5","4/5":"h-4/5","1/6":"h-1/6","2/6":"h-2/6","3/6":"h-3/6","4/6":"h-4/6","5/6":"h-5/6"},minHeight:{full:"min-h-full",min:"min-h-min",max:"min-h-max",fit:"min-h-fit",screen:"min-h-screen"},maxHeight:{full:"max-h-full",min:"max-h-min",max:"max-h-max",fit:"max-h-fit",screen:"max-h-screen",none:"max-h-[0px]"},width:{auto:"w-auto",full:"w-full",screen:"w-screen",min:"w-min",max:"w-max",fit:"w-fit","1/2":"w-1/2","1/3":"w-1/3","2/3":"w-2/3","1/4":"w-1/4","2/4":"w-2/4","3/4":"w-3/4","1/5":"w-1/5","2/5":"w-2/5","3/5":"w-3/5","4/5":"w-4/5","1/6":"w-1/6","2/6":"w-2/6","3/6":"w-3/6","4/6":"w-4/6","5/6":"w-5/6","1/12":"w-1/12","2/12":"w-2/12","3/12":"w-3/12","4/12":"w-4/12","5/12":"w-5/12","6/12":"w-6/12","7/12":"w-7/12","8/12":"w-8/12","9/12":"w-9/12","10/12":"w-10/12","11/12":"w-11/12"},minWidth:{full:"min-w-full",min:"min-w-min",max:"min-w-max",fit:"min-w-fit",screen:"min-w-screen"},maxWidth:{none:"max-w-[0px]",full:"max-w-full",min:"max-w-min",max:"max-w-max",fit:"max-w-fit"},avatarSize:{s:"avatarSize-s",m:"avatarSize-m",l:"avatarSize-l"},iconSize:{s:"iconSize-s leading-none",m:"iconSize-m leading-none",l:"iconSize-l 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"},zIndex:{0:"z-0",10:"z-10",20:"z-20",30:"z-40",40:"z-30",50:"z-50",auto:"z-auto"},contentFit:{contain:"object-contain",cover:"object-cover",fill:"object-fill",none:"object-none","scale-down":"object-scale-down"},colorMode:{dark:ko,light:Ao},scaleMode:{xSmall:Ro,small:Eo,medium:Do,large:Io,xLarge:Lo,xxxLarge:Ho,xxLarge:Mo}};var Vt=(0,Bo.extendTailwindMerge)({cacheSize:0,extend:{theme:{borderColor:x.lineColors,borderWidth:x.borderWidths,borderRadius:x.borderRadii}},override:{classGroups:{"text-color":[{text:x.foregroundColors}],"bg-color":[{bg:x.backgroundColors}],"font-family":[{font:["icons",...x.textVariants]}],leading:[{leading:x.textVariants}],shadow:[{shadow:x.elevations}]},conflictingClassGroups:{}}}),h=(...o)=>{let e=(0,_o.default)(o);return Vt(e)},Ft=o=>e=>{if(!o?.variants)return h(o?.base,e?.className);let{variants:t,defaultVariants:r}=o,a=Object.keys(t).map(s=>{let i=e?.[s],p=r?.[s],d=ho(i)||ho(p);return t[s][d]}),n={...r,...e&&Object.entries(e).reduce((s,[i,p])=>typeof p>"u"?s:{...s,[i]:p},{})},l=o?.compoundVariants?.reduce((s,{className:i,...p})=>Object.entries(p).every(([d,u])=>n[d]===u)?h(s,i):s,"");return h(o?.base,a,l,e?.className)},c=Ft({variants:No});var y=require("react");function Gt(o,e){typeof o=="function"?o(e):o!=null&&(o.current=e)}function Oo(...o){return e=>o.forEach(t=>Gt(t,e))}var xo=require("react/jsx-runtime");function A(){let o=(0,y.forwardRef)((n,l)=>{let{children:s,...i}=n,p=y.Children.toArray(s),d=p.find(r);if(d){let u=d.props.children,w=p.map(C=>C===d?y.Children.count(u)>1?y.Children.only(null):(0,y.isValidElement)(u)?u.props.children:null:C);return(0,xo.jsx)(e,{...i,ref:l,children:(0,y.isValidElement)(u)?(0,y.cloneElement)(u,void 0,w):null})}return(0,xo.jsx)(e,{...i,ref:l,children:s})});o.displayName="Slot";let e=(0,y.forwardRef)((n,l)=>{let{children:s,...i}=n;return(0,y.isValidElement)(s)?(0,y.cloneElement)(s,{...a(i,s.props),ref:l?Oo(l,s.ref):s.ref}):y.Children.count(s)>1?y.Children.only(null):null});e.displayName="SlotClone";let t=({children:n})=>n;function r(n){return(0,y.isValidElement)(n)&&n.type===t}function a(n,l){let s={...l};for(let i in l){let p=n[i],d=l[i];/^on[A-Z]/.test(i)?p&&d?s[i]=(...w)=>{d(...w),p(...w)}:p&&(s[i]=p):i==="style"&&(s[i]={...p,...d})}return{...n,...s}}return o}var Vo=require("react/jsx-runtime"),Ut=A(),v=(0,zo.forwardRef)(function({className:e,asChild:t=!1,size:r="l",color:a="primary",name:n,colorChecked:l,opacity:s,textAlign:i,backgroundColor:p,backgroundColorOnActive:d,backgroundColorOnHover:u,backgroundColorOnChecked:w,bordered:C,borderedTop:H,borderedBottom:N,borderedStart:_,borderedEnd:B,borderedHorizontal:O,borderedVertical:z,borderRadius:V,borderTopStartRadius:F,borderTopEndRadius:G,borderBottomStartRadius:U,borderBottomEndRadius:W,borderColor:X,borderColorOnActive:$,borderColorOnFocus:Z,borderColorOnChecked:K,borderColorOnHover:Y,borderStartColor:q,borderEndColor:J,borderTopColor:Q,borderBottomColor:j,borderWidth:ee,borderVerticalWidth:oe,borderHorizontalWidth:te,borderStartWidth:re,borderEndWidth:ae,borderTopWidth:ne,borderBottomWidth:se,alignContent:ie,alignItems:le,alignSelf:pe,flex:ce,flexDirection:de,flexGrow:be,flexShrink:me,flexWrap:fe,justifyContent:ue,flexBasis:ge,display:ye,zIndex:he,overflow:xe,overflowX:ve,overflowY:we,position:Pe,spacing:Te,spacingHorizontal:Ce,spacingVertical:Se,spacingBottom:ke,spacingEnd:Ae,spacingStart:Re,spacingTop:Ee,offset:De,offsetVertical:Ie,offsetHorizontal:Le,offsetBottom:Me,offsetEnd:He,offsetStart:Ne,offsetTop:_e,columnGap:Be,rowGap:Oe,height:ze,minHeight:Ve,maxHeight:Fe,width:Ge,minWidth:Ue,maxWidth:$e,...Je},oo){let go=t?Ut:"span",yo=c({iconSize:r,color:a,colorChecked:l,opacity:s,fontFamily:"icons",textAlign:i,backgroundColor:p,backgroundColorOnActive:d,backgroundColorOnHover:u,backgroundColorOnChecked:w,bordered:C,borderedTop:H,borderedBottom:N,borderedStart:_,borderedEnd:B,borderedHorizontal:O,borderedVertical:z,borderRadius:V,borderTopStartRadius:F,borderTopEndRadius:G,borderBottomStartRadius:U,borderBottomEndRadius:W,borderColor:X,borderColorOnActive:$,borderColorOnFocus:Z,borderColorOnChecked:K,borderColorOnHover:Y,borderStartColor:q,borderEndColor:J,borderTopColor:Q,borderBottomColor:j,borderWidth:ee,borderVerticalWidth:oe,borderHorizontalWidth:te,borderStartWidth:re,borderEndWidth:ae,borderTopWidth:ne,borderBottomWidth:se,alignContent:ie,alignItems:le,alignSelf:pe,flex:ce,flexDirection:de,flexGrow:be,flexShrink:me,flexWrap:fe,justifyContent:ue,flexBasis:ge,display:ye,zIndex:he,overflow:xe,overflowX:ve,overflowY:we,position:Pe,spacing:Te,spacingHorizontal:Ce,spacingVertical:Se,spacingBottom:ke,spacingEnd:Ae,spacingStart:Re,spacingTop:Ee,offset:De,offsetVertical:Ie,offsetHorizontal:Le,offsetBottom:Me,offsetEnd:He,offsetStart:Ne,offsetTop:_e,columnGap:Be,rowGap:Oe,height:ze,minHeight:Ve,maxHeight:Fe,width:Ge,minWidth:Ue,maxWidth:$e,className:e});return(0,Vo.jsx)(go,{className:yo,ref:oo,...Je,children:n})});var Fo=require("react");var Go=require("react/jsx-runtime"),Wt=A(),P=(0,Fo.forwardRef)(function({className:e,asChild:t,onPress:r,onClick:a=r,backgroundColor:n,backgroundColorOnActive:l,backgroundColorOnHover:s,backgroundColorOnChecked:i,elevation:p,opacity:d,bordered:u,borderedTop:w,borderedBottom:C,borderedStart:H,borderedEnd:N,borderedHorizontal:_,borderedVertical:B,borderRadius:O,borderTopStartRadius:z,borderTopEndRadius:V,borderBottomStartRadius:F,borderBottomEndRadius:G,borderColor:U,borderColorOnActive:W,borderColorOnFocus:X,borderColorOnChecked:$,borderColorOnHover:Z,borderStartColor:K,borderEndColor:Y,borderTopColor:q,borderBottomColor:J,borderWidth:Q,borderVerticalWidth:j,borderHorizontalWidth:ee,borderStartWidth:oe,borderEndWidth:te,borderTopWidth:re,borderBottomWidth:ae,alignContent:ne,alignItems:se,alignSelf:ie,flex:le,flexDirection:pe,flexGrow:ce,flexShrink:de,flexWrap:be,justifyContent:me,flexBasis:fe,display:ue,zIndex:ge,overflow:ye,overflowX:he,overflowY:xe,position:ve,spacing:we,spacingHorizontal:Pe,spacingVertical:Te,spacingBottom:Ce,spacingEnd:Se,spacingStart:ke,spacingTop:Ae,offset:Re,offsetVertical:Ee,offsetHorizontal:De,offsetBottom:Ie,offsetEnd:Le,offsetStart:Me,offsetTop:He,columnGap:Ne,rowGap:_e,height:Be,minHeight:Oe,maxHeight:ze,width:Ve,minWidth:Fe,maxWidth:Ge,...Ue},$e){let Je=c({backgroundColor:n,backgroundColorOnActive:l,backgroundColorOnHover:s,backgroundColorOnChecked:i,elevation:p,opacity:d,bordered:u,borderedTop:w,borderedBottom:C,borderedStart:H,borderedEnd:N,borderedHorizontal:_,borderedVertical:B,borderRadius:O,borderTopStartRadius:z,borderTopEndRadius:V,borderBottomStartRadius:F,borderBottomEndRadius:G,borderColor:U,borderColorOnActive:W,borderColorOnFocus:X,borderColorOnChecked:$,borderColorOnHover:Z,borderStartColor:K,borderEndColor:Y,borderTopColor:q,borderBottomColor:J,borderWidth:Q,borderVerticalWidth:j,borderHorizontalWidth:ee,borderStartWidth:oe,borderEndWidth:te,borderTopWidth:re,borderBottomWidth:ae,alignContent:ne,alignItems:se,alignSelf:ie,flex:le,flexDirection:pe,flexGrow:ce,flexShrink:de,flexWrap:be,justifyContent:me,flexBasis:fe,display:ue,zIndex:ge,overflow:ye,overflowX:he,overflowY:xe,position:ve,spacing:we,spacingHorizontal:Pe,spacingVertical:Te,spacingBottom:Ce,spacingEnd:Se,spacingStart:ke,spacingTop:Ae,offset:Re,offsetVertical:Ee,offsetHorizontal:De,offsetBottom:Ie,offsetEnd:Le,offsetStart:Me,offsetTop:He,columnGap:Ne,rowGap:_e,height:Be,minHeight:Oe,maxHeight:ze,width:Ve,minWidth:Fe,maxWidth:Ge,className:e});return(0,Go.jsx)(t?Wt:"button",{className:Je,ref:$e,onClick:a,...Ue})});var Uo=require("react");var Wo=require("react/jsx-runtime"),Xt=A(),$t={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"},f=(0,Uo.forwardRef)(function({className:e,asChild:t,color:r="primary",colorChecked:a,variant:n="body1",as:l=$t[n],fontSize:s=n,fontFamily:i=n,fontWeight:p=n,lineHeight:d=n,textTransform:u=n,textAlign:w,backgroundColor:C,backgroundColorOnActive:H,backgroundColorOnHover:N,backgroundColorOnChecked:_,opacity:B,bordered:O,borderedTop:z,borderedBottom:V,borderedStart:F,borderedEnd:G,borderedHorizontal:U,borderedVertical:W,borderRadius:X,borderTopStartRadius:$,borderTopEndRadius:Z,borderBottomStartRadius:K,borderBottomEndRadius:Y,borderColor:q,borderColorOnActive:J,borderColorOnFocus:Q,borderColorOnChecked:j,borderColorOnHover:ee,borderStartColor:oe,borderEndColor:te,borderTopColor:re,borderBottomColor:ae,borderWidth:ne,borderVerticalWidth:se,borderHorizontalWidth:ie,borderStartWidth:le,borderEndWidth:pe,borderTopWidth:ce,borderBottomWidth:de,alignContent:be,alignItems:me,alignSelf:fe,flex:ue,flexDirection:ge,flexGrow:ye,flexShrink:he,flexWrap:xe,justifyContent:ve,flexBasis:we,display:Pe,zIndex:Te,overflow:Ce,overflowX:Se,overflowY:ke,position:Ae,spacing:Re,spacingHorizontal:Ee,spacingVertical:De,spacingBottom:Ie,spacingEnd:Le,spacingStart:Me,spacingTop:He,offset:Ne,offsetVertical:_e,offsetHorizontal:Be,offsetBottom:Oe,offsetEnd:ze,offsetStart:Ve,offsetTop:Fe,columnGap:Ge,rowGap:Ue,height:$e,minHeight:Je,maxHeight:oo,width:go,minWidth:yo,maxWidth:Rt,...Et},Dt){let It=c({className:e,color:r,colorChecked:a,fontFamily:i,fontSize:s,fontWeight:p,lineHeight:d,textTransform:u,textAlign:w,backgroundColor:C,backgroundColorOnActive:H,backgroundColorOnHover:N,backgroundColorOnChecked:_,opacity:B,bordered:O,borderedTop:z,borderedBottom:V,borderedStart:F,borderedEnd:G,borderedHorizontal:U,borderedVertical:W,borderRadius:X,borderTopStartRadius:$,borderTopEndRadius:Z,borderBottomStartRadius:K,borderBottomEndRadius:Y,borderColor:q,borderColorOnActive:J,borderColorOnFocus:Q,borderColorOnChecked:j,borderColorOnHover:ee,borderStartColor:oe,borderEndColor:te,borderTopColor:re,borderBottomColor:ae,borderWidth:ne,borderVerticalWidth:se,borderHorizontalWidth:ie,borderStartWidth:le,borderEndWidth:pe,borderTopWidth:ce,borderBottomWidth:de,alignContent:be,alignItems:me,alignSelf:fe,flex:ue,flexDirection:ge,flexGrow:ye,flexShrink:he,flexWrap:xe,justifyContent:ve,flexBasis:we,display:Pe,zIndex:Te,overflow:Ce,overflowX:Se,overflowY:ke,position:Ae,spacing:Re,spacingHorizontal:Ee,spacingVertical:De,spacingBottom:Ie,spacingEnd:Le,spacingStart:Me,spacingTop:He,offset:Ne,offsetVertical:_e,offsetHorizontal:Be,offsetBottom:Oe,offsetEnd:ze,offsetStart:Ve,offsetTop:Fe,columnGap:Ge,rowGap:Ue,height:$e,minHeight:Je,maxHeight:oo,width:go,minWidth:yo,maxWidth:Rt});return(0,Wo.jsx)(t?Xt:l,{className:It,ref:Dt,...Et})});var Zo=require("react");var Xo=require("react");var $o=require("react/jsx-runtime"),Zt=A(),D=(0,Xo.forwardRef)(function({asChild:e,className:t,elevation:r,backgroundColor:a=r?`elevation-${r}`:void 0,backgroundColorOnActive:n,backgroundColorOnHover:l,backgroundColorOnChecked:s,opacity:i,bordered:p,borderedTop:d,borderedBottom:u,borderedStart:w,borderedEnd:C,borderedHorizontal:H,borderedVertical:N,borderRadius:_,borderTopStartRadius:B,borderTopEndRadius:O,borderBottomStartRadius:z,borderBottomEndRadius:V,borderColor:F,borderColorOnActive:G,borderColorOnFocus:U,borderColorOnChecked:W,borderColorOnHover:X,borderStartColor:$,borderEndColor:Z,borderTopColor:K,borderBottomColor:Y,borderWidth:q,borderVerticalWidth:J,borderHorizontalWidth:Q,borderStartWidth:j,borderEndWidth:ee,borderTopWidth:oe,borderBottomWidth:te,alignContent:re,alignItems:ae,alignSelf:ne,flex:se,flexDirection:ie,flexGrow:le,flexShrink:pe,flexWrap:ce,justifyContent:de,flexBasis:be,display:me="flex",zIndex:fe,overflow:ue,overflowX:ge,overflowY:ye,position:he,spacing:xe,spacingHorizontal:ve,spacingVertical:we,spacingBottom:Pe,spacingEnd:Te,spacingStart:Ce,spacingTop:Se,offset:ke,offsetVertical:Ae,offsetHorizontal:Re,offsetBottom:Ee,offsetEnd:De,offsetStart:Ie,offsetTop:Le,columnGap:Me,rowGap:He,height:Ne,minHeight:_e,maxHeight:Be,width:Oe,minWidth:ze,maxWidth:Ve,...Fe},Ge){let Ue=c({elevation:r,backgroundColor:a,backgroundColorOnActive:n,backgroundColorOnHover:l,backgroundColorOnChecked:s,opacity:i,bordered:p,borderedTop:d,borderedBottom:u,borderedStart:w,borderedEnd:C,borderedHorizontal:H,borderedVertical:N,borderRadius:_,borderTopStartRadius:B,borderTopEndRadius:O,borderBottomStartRadius:z,borderBottomEndRadius:V,borderColor:F,borderColorOnActive:G,borderColorOnFocus:U,borderColorOnChecked:W,borderColorOnHover:X,borderStartColor:$,borderEndColor:Z,borderTopColor:K,borderBottomColor:Y,borderWidth:q,borderVerticalWidth:J,borderHorizontalWidth:Q,borderStartWidth:j,borderEndWidth:ee,borderTopWidth:oe,borderBottomWidth:te,alignContent:re,alignItems:ae,alignSelf:ne,flex:se,flexDirection:ie,flexGrow:le,flexShrink:pe,flexWrap:ce,justifyContent:de,flexBasis:be,display:me,zIndex:fe,overflow:ue,overflowX:ge,overflowY:ye,position:he,spacing:xe,spacingHorizontal:ve,spacingVertical:we,spacingBottom:Pe,spacingEnd:Te,spacingStart:Ce,spacingTop:Se,offset:ke,offsetVertical:Ae,offsetHorizontal:Re,offsetBottom:Ee,offsetEnd:De,offsetStart:Ie,offsetTop:Le,columnGap:Me,rowGap:He,height:Ne,minHeight:_e,maxHeight:Be,width:Oe,minWidth:ze,maxWidth:Ve,className:t});return(0,$o.jsx)(e?Zt:"div",{className:Ue,ref:Ge,...Fe})});var Ko=require("react/jsx-runtime"),S=(0,Zo.forwardRef)(function({gap:e,...t},r){return(0,Ko.jsx)(D,{ref:r,flexDirection:"column",columnGap:e,rowGap:e,...t})});var R=require("react/jsx-runtime");function Yo({label:o,children:e,onClick:t,open:r,spacingHorizontal:a="6",_content:n,...l}){return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(P,{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",spacingVertical:"6",spacingHorizontal:a,backgroundColorOnHover:"secondary",borderRadius:"md",width:"full",onClick:t,...l,children:[(0,R.jsx)(f,{variant:"title4",children:o}),(0,R.jsx)(v,{name:r?"chevronDown":"chevronUp",size:"s"})]}),(0,R.jsx)(S,{overflow:"hidden",maxHeight:r?"full":"none",className:"transition-[max-height] duration-500 ease-in-out",spacingHorizontal:a,...n,children:(0,R.jsx)(S,{minHeight:"min",children:e})})]})}var qo={display:"inline-flex",alignItems:"center",justifyContent:"center",overflow:"hidden",backgroundColor:"primary",contentFit:"cover"},vo={base:{display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:"full",minWidth:"fit"},variant:{accent:{color:"on-color",backgroundColor:"accent",borderColor:"accent",bordered:!0},"accent-outline":{color:"accent",backgroundColor:"transparent",borderColor:"accent",bordered:!0},"accent-ghost":{color:"accent"},"accent-wash":{color:"accent",backgroundColor:"accent-wash",borderColor:"accent",bordered:!0},brand:{color:"on-color",backgroundColor:"brand",borderColor:"brand",bordered:!0},"brand-outline":{color:"brand",backgroundColor:"transparent",borderColor:"brand",bordered:!0},"brand-ghost":{color:"brand"},"brand-wash":{color:"brand",backgroundColor:"brand-wash",borderColor:"brand",bordered:!0},positive:{color:"on-color",backgroundColor:"positive",borderColor:"positive",bordered:!0},"positive-outline":{color:"positive",backgroundColor:"transparent",borderColor:"positive",bordered:!0},"positive-ghost":{color:"positive"},"positive-wash":{color:"positive",backgroundColor:"positive-wash",borderColor:"positive",bordered:!0},alert:{color:"on-color",backgroundColor:"alert",borderColor:"alert",bordered:!0},"alert-outline":{color:"alert",backgroundColor:"transparent",borderColor:"alert",bordered:!0},"alert-ghost":{color:"alert"},"alert-wash":{color:"alert",backgroundColor:"alert-wash",borderColor:"alert",bordered:!0},warning:{color:"on-color",backgroundColor:"warning",borderColor:"warning",bordered:!0},"warning-outline":{color:"warning",backgroundColor:"transparent",borderColor:"warning",bordered:!0},"warning-ghost":{color:"warning"},"warning-wash":{color:"warning",backgroundColor:"warning-wash",borderColor:"warning",bordered:!0},"primary-outline":{color:"primary",borderColor:"muted",bordered:!0},"primary-ghost":{color:"primary"},secondary:{backgroundColor:"secondary",color:"primary"}},size:{s:{variant:"label1",spacingHorizontal:"6",spacingVertical:"4",columnGap:"4"},m:{variant:"headline1",spacingHorizontal:"7",spacingVertical:"5",columnGap:"4"},l:{variant:"headline1",spacingHorizontal:"8",spacingVertical:"6",columnGap:"4"}}};function Ze({variant:o="accent",size:e="s"}){let{color:t,...r}=vo.variant[o],{variant:a,...n}=vo.size[e];return{pressable:{...vo.base,...r,...n},text:{color:t,variant:a,textAlign:"center"},icon:{color:t,size:"s"}}}var Qo=require("react/jsx-runtime");function Jo({size:o,shape:e,src:t,alt:r,...a}){let n=c({...qo,avatarSize:o,borderRadius:e});return(0,Qo.jsx)("img",{src:t,alt:r,className:n,...a})}var jo=require("react");var Ke=require("react/jsx-runtime"),ro=(0,jo.forwardRef)(function({variant:e="accent",size:t,startIcon:r,endIcon:a,children:n,...l},s){let i=Ze({variant:e,size:t}),p=r?(0,Ke.jsx)(v,{name:r,...i.icon}):null,d=a?(0,Ke.jsx)(v,{name:a,...i.icon}):null;return(0,Ke.jsxs)(P,{...i.pressable,ref:s,...l,children:[p,(0,Ke.jsx)(f,{...i.text,children:n}),d]})});var Ye=require("react/jsx-runtime"),et={accent:"on-color",secondary:"primary"},Kt={accent:"on-color",secondary:"tertiary"};function ot({children:o,variant:e,startIcon:t,startContent:r=t?(0,Ye.jsx)(v,{name:t,size:"s",color:et[e]}):null,endIcon:a,endContent:n=a?(0,Ye.jsx)(v,{name:a,size:"s",color:et[e]}):null}){return(0,Ye.jsxs)(P,{display:"inline-flex",flexDirection:"row",columnGap:"4",borderRadius:"full",backgroundColor:e,alignItems:"center",spacingVertical:"4",spacingHorizontal:"5",children:[r,(0,Ye.jsx)(f,{variant:"label2",color:Kt[e],children:o}),n]})}var m=require("@ariakit/react");var tt=require("react");var rt=require("react/jsx-runtime"),ao=(0,tt.forwardRef)(function({gap:e,...t},r){return(0,rt.jsx)(D,{ref:r,flexDirection:"row",rowGap:e,columnGap:e,...t})});var Qe=require("react/jsx-runtime");function at({children:o,leading:e,trailing:t}){return(0,Qe.jsxs)(ao,{children:[e,(0,Qe.jsx)(f,{variant:"headline1",asChild:!0,children:(0,Qe.jsx)(m.PopoverHeading,{children:o})}),t]})}var no=m.Popover,so=m.PopoverArrow,nt=m.PopoverAnchor,st=m.PopoverDescription,it=m.PopoverDismiss,io=m.PopoverProvider,lo=m.PopoverDisclosure,lt=m.PopoverDisclosureArrow;var pt=io;var po=require("react");var ct=require("react/jsx-runtime"),co=(0,po.forwardRef)(function({children:e,onClick:t,...r},a){let n=(0,m.usePopoverStore)(),l=(0,po.useCallback)(s=>{s.preventDefault(),t?.(()=>n.setOpen(!1))},[t,n]);return(0,ct.jsx)(P,{display:"flex",flexDirection:"row",alignItems:"flex-start",spacingVertical:"6",spacingHorizontal:"8",columnGap:"5",borderColor:"muted",className:"hover:bg-gray-2",onClick:t?l:void 0,ref:a,...r,children:e})});var I=require("react/jsx-runtime");function dt({title:o,description:e,_title:t,_description:r,startIcon:a,endIcon:n,...l}){return(0,I.jsxs)(co,{...l,children:[a&&(0,I.jsx)(v,{name:a,size:"s"}),(0,I.jsxs)(S,{gap:"3",alignItems:"flex-start",children:[o&&(0,I.jsx)(f,{variant:"headline1",...t,children:o}),e&&(0,I.jsx)(f,{variant:"label2",color:"muted",...r,children:e})]}),n&&(0,I.jsx)(v,{name:n,size:"s"})]})}var bt=require("react");var je=require("react/jsx-runtime"),mt=(0,bt.forwardRef)(function({children:e,className:t,overflow:r="scroll",...a},n){return(0,je.jsx)(S,{borderRadius:"lg",elevation:"3",className:h("max-h-[312px] min-w-[220px]",t),overflow:r,spacingVertical:"4",asChild:!0,children:(0,je.jsxs)(no,{preventBodyScroll:!0,...a,ref:n,children:[(0,je.jsx)(so,{className:"!fill-elevation-3 !stroke-muted !stroke-1"}),e]})})});var wo=require("react/jsx-runtime");function ft({children:o,variant:e,size:t,...r}){let a=Ze({variant:e,size:t}),n=e?a.pressable:{display:"flex",flexDirection:"row",alignItems:"center",columnGap:"6",justifyContent:"space-between"};return(0,wo.jsx)(P,{...n,...r,asChild:!0,children:(0,wo.jsx)(lo,{children:o})})}var ut=require("react");var Po=require("react/jsx-runtime"),Yt={s:"w-[36px] h-[36px]",m:"w-[48px] h-[48px]",l:"w-[64px] h-[64px]"},bo=(0,ut.forwardRef)(function({variant:e="accent",size:t="s",name:r,className:a,color:n,...l},s){let i=Ze({variant:e,size:t});return(0,Po.jsx)(P,{...i.pressable,spacingHorizontal:i.pressable.spacingVertical,ref:s,className:h("leading-[0px]",Yt[t],a),...l,children:(0,Po.jsx)(v,{name:r,...i.icon,color:n})})});var qe=require("@ariakit/react");var L=require("react/jsx-runtime");function gt(o){return(0,qe.useDialogStore)({animated:!0,...o})}function yt({children:o,handleClose:e}){return(0,L.jsxs)(ao,{alignItems:"center",justifyContent:"space-between",children:[(0,L.jsx)(f,{variant:"headline1",children:o}),(0,L.jsx)(ro,{variant:"accent-ghost",size:"m",spacingEnd:"none",spacingVertical:"none",onClick:e,children:"close"})]})}function ht({className:o,...e}){return(0,L.jsx)(S,{borderRadius:"md",elevation:"3",position:"fixed",height:"fit",zIndex:"50",className:h("inset-8 top-[250px] mx-auto w-[600px] origin-center scale-95 opacity-0 transition duration-150 data-[enter]:scale-100 data-[enter]:opacity-100",o),spacing:"8",asChild:!0,overflow:"hidden",children:(0,L.jsx)(qe.Dialog,{backdrop:(0,L.jsx)("div",{className:"data-[enter]:bg-overlay opacity-0 backdrop-blur-0 transition duration-150 data-[enter]:opacity-100 data-[enter]:backdrop-blur-sm"}),...e})})}var xt=qe.DialogDismiss;var We=require("react/jsx-runtime");function vt({className:o,...e}){return(0,We.jsxs)("div",{role:"status",className:h("self-center",o),...e,style:{width:8,maxWidth:8,height:8,maxHeight:8},children:[(0,We.jsxs)("svg",{"aria-hidden":"true",className:"text-gray-3 fill-accent h-8 w-8 animate-spin",viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,We.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"}),(0,We.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"})]}),(0,We.jsx)("span",{className:"sr-only",children:"Loading..."})]})}var M=require("react");var g=require("react/jsx-runtime"),qt=(0,M.forwardRef)(function({children:e,className:t,display:r="table",overflow:a="hidden",borderColor:n="muted",elevation:l="1",borderRadius:s="md",...i},p){return(0,g.jsx)(D,{asChild:!0,borderColor:n,elevation:l,borderRadius:s,className:t,overflow:a,display:r,...i,children:(0,g.jsx)("table",{ref:p,children:e})})}),Jt=(0,M.forwardRef)(function({children:e,display:t="table-row",...r},a){return(0,g.jsx)(D,{asChild:!0,display:t,...r,children:(0,g.jsx)("tr",{ref:a,children:e})})}),Qt=(0,M.forwardRef)(function({children:e,display:t="table-header-group",...r},a){return(0,g.jsx)(D,{asChild:!0,display:t,...r,children:(0,g.jsx)("thead",{ref:a,children:e})})}),jt=(0,M.forwardRef)(function({children:e,display:t="table-row-group",...r},a){return(0,g.jsx)(D,{asChild:!0,display:t,...r,children:(0,g.jsx)("tbody",{ref:a,children:e})})}),er=(0,M.forwardRef)(function({asHeaderCell:e,className:t,display:r="table-cell",spacing:a="5",borderBottomColor:n="muted",color:l="primary",...s},i){let p=c({textAlign:"start",className:t});return(0,g.jsx)(f,{asChild:!0,variant:e?"headline1":"body1",color:l,display:r,spacing:a,borderBottomColor:n,borderedBottom:!0,className:p,children:(0,g.jsx)(e?"th":"td",{scope:e==="row"?"row":e?"column":void 0,...s,ref:i})})});T.Root=qt;T.Row=Jt;T.Header=Qt;T.Body=jt;T.Cell=er;function T({data:o,columns:e}){return(0,g.jsxs)(T.Root,{children:[(0,g.jsx)(T.Header,{children:(0,g.jsx)(T.Row,{children:e.map((t,r)=>(0,g.jsx)(T.Cell,{asHeaderCell:"column",children:t.title},r))})}),(0,g.jsx)(T.Body,{children:o.map((t,r)=>(0,g.jsx)(T.Row,{children:e.map((a,n)=>{let l=t[a.dataIndex];return(0,g.jsx)(T.Cell,{children:a.render?a.render(l,t,r):(0,M.isValidElement)(l)?l:String(l)},n)})},r))})]})}var k=require("@ariakit/react"),To=require("react");var E=require("react/jsx-runtime"),or=A();function wt(o){return(0,E.jsx)(k.TabProvider,{...o})}var Pt=(0,To.forwardRef)(function({className:e,...t},r){let a=c({display:"flex",flexDirection:"row",columnGap:"7",className:e});return(0,E.jsx)(k.TabList,{ref:r,...t,className:a})}),Tt=function({asChild:e,label:t,value:r,startIcon:a}){let n=e?or:"a",l=c({}),s=(0,k.useTabContext)();if(!s)throw new Error("Tab must be wrapped in a Tabs component");let i=s?.useState().activeId===r,p=i?"accent":"primary";return(0,E.jsx)(k.Tab,{id:r,className:l,render:(0,E.jsx)(n,{children:(0,E.jsxs)(P,{borderColor:i?"accent":"transparent",borderBottomWidth:"thick",spacingVertical:"6",flexDirection:"row",columnGap:"8",children:[a?(0,E.jsx)(v,{name:a,color:p,size:"m"}):null,(0,E.jsx)(f,{color:p,variant:"headline1",children:t})]})})})},Ct=(0,To.forwardRef)(function(e,t){let r=(0,k.useTabContext)();if(!r)throw new Error("TabPanel must be wrapped in a Tabs component");let a=r.useState("selectedId");return(0,E.jsx)(k.TabPanel,{ref:t,tabId:a,...e})});var St=require("react/jsx-runtime");function mo({className:o,disabled:e,backgroundColor:t=e?"secondary":"primary",borderColor:r="tertiary",borderWidth:a="thin",borderRadius:n="md",color:l="primary",placeholderColor:s="tertiary",spacingVertical:i="5",spacingHorizontal:p="6",fontSize:d="body1",...u}){return(0,St.jsx)("input",{type:"text","data-1p-ignore":!0,className:h(c({backgroundColor:t,borderColor:r,borderWidth:a,borderRadius:n,spacingVertical:i,spacingHorizontal:p,width:"full",fontSize:d,fontWeight:d,lineHeight:d,fontFamily:d,color:l,placeholderColor:s}),o),disabled:e,...u})}var uo=require("react/jsx-runtime");function fo({children:o,required:e}){return(0,uo.jsxs)(f,{variant:"caption2",children:[o,e&&(0,uo.jsx)(f,{variant:"caption2",as:"span",color:"alert",spacingStart:"2",children:"*"})]})}var eo=require("react/jsx-runtime");function kt({label:o,required:e,...t}){return(0,eo.jsxs)(S,{gap:"4",width:"full",children:[(0,eo.jsx)(fo,{required:e,children:o}),(0,eo.jsx)(mo,{required:e,...t})]})}var Xe=require("react-toastify");var Co=require("react/jsx-runtime"),tr=c({elevation:"3",borderRadius:"md",spacingVertical:"6",spacingHorizontal:"5",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",columnGap:"5",overflow:"hidden",position:"relative",className:"cursor-pointer"}),rr=c({fontSize:"label2",lineHeight:"label2",fontWeight:"label2"}),ar=c({backgroundColor:"positive"}),nr=c({backgroundColor:"alert"}),sr=c({backgroundColor:"accent"}),ir=c({backgroundColor:"warning"}),lr=c({backgroundColor:"elevation-3-inverse"}),pr=c({backgroundColor:"elevation-3-inverse"}),cr=c({backgroundColor:"positive-wash",color:"positive"}),dr=c({backgroundColor:"alert-wash",color:"alert"}),br=c({backgroundColor:"accent-wash",color:"accent"}),mr=c({backgroundColor:"warning-wash",color:"warning"}),fr=c({backgroundColor:"elevation-3-inverse",color:"on-color"}),ur=c({backgroundColor:"elevation-3-inverse",color:"on-color"}),gr=o=>{let{type:e="default"}=o??{},t={success:cr,error:dr,info:br,warning:mr,default:fr,dark:ur}[e];return h(tr,t)};function yr(o){let{type:e="default",defaultClassName:t=""}=o??{},r={success:ar,error:nr,info:sr,warning:ir,default:lr,dark:pr}[e],a=t.replace(/Toastify__progress-bar-theme--light/,"");return h(a,r)}function hr({closeToast:o,type:e}){let t={success:"positive",error:"alert",info:"accent",warning:"warning",default:"on-color",dark:"white"}[e];return(0,Co.jsx)(bo,{name:"close",size:"s",variant:"accent-ghost",color:t,onClick:o})}function At(o){return(0,Co.jsx)(Xe.ToastContainer,{toastClassName:gr,bodyClassName:rr,progressClassName:yr,transition:Xe.Slide,closeButton:hr,...o})}0&&(module.exports={Accordion,Avatar,Button,Chip,Dropdown,DropdownItem,DropdownItemPressable,DropdownItems,DropdownTrigger,IconButton,Modal,ModalDismiss,ModalHeader,Popover,PopoverAnchor,PopoverArrow,PopoverDescription,PopoverDisclosure,PopoverDisclosureArrow,PopoverDismiss,PopoverHeading,PopoverProvider,Spinner,Tab,TabList,TabPanel,Table,Tabs,TextInput,TextInputGroup,TextInputLabel,ToastContainer,toast,useModalStore,usePopoverStore});

package/dist/experimental/index.d.cts

@@ -0,0 +1,229 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { b as PressableProps, c as VStackProps, a as BoxProps } from '../VStack-BSD9TbBd.cjs';
+import { i as UniversalAvatarProps, j as UniversalButtonProps, al as IconName, q as UniversalTextProps, aD as Overflow, V as ButtonVariant, T as ButtonSize, n as UniversalIconButtonProps, ah as ForegroundColor, $ as Display, b0 as UniversalTextInputProps } from '../types-CzJpH_Oi.cjs';
+import * as react from 'react';
+import react__default, { PropsWithChildren, TdHTMLAttributes } from 'react';
+import * as _ariakit_react from '@ariakit/react';
+import { PopoverProviderProps, PopoverProps, DialogProps, useDialogStore, DialogStore, DialogDismiss, Popover as Popover$1, PopoverArrow as PopoverArrow$1, PopoverAnchor as PopoverAnchor$1, PopoverDescription as PopoverDescription$1, PopoverDismiss as PopoverDismiss$1, PopoverProvider as PopoverProvider$1, PopoverDisclosure as PopoverDisclosure$1, PopoverDisclosureArrow as PopoverDisclosureArrow$1, TabProviderProps, TabListProps, TabPanelProps } from '@ariakit/react';
+export { DialogStore as ModalStore, TabListProps, TabPanelProps, TabProviderProps as TabsProps, usePopoverStore } from '@ariakit/react';
+import { ToastContainerProps } from 'react-toastify';
+export { toast } from 'react-toastify';
+
+interface AccordionProps extends PressableProps {
+    label: string;
+    open?: boolean;
+    onClick?: () => void;
+    _content?: VStackProps;
+}
+declare function Accordion({ label, children, onClick, open, spacingHorizontal, _content, ...pressableProps }: AccordionProps): react_jsx_runtime.JSX.Element;
+
+type NativeImageProps = Omit<react__default.ImgHTMLAttributes<HTMLImageElement>, 'size' | 'color' | 'height' | 'width' | 'alt' | 'src'>;
+interface AvatarProps extends NativeImageProps, UniversalAvatarProps {
+}
+/**
+ * Avatar can be used for profile images.
+ */
+declare function Avatar({ size: avatarSize, shape: borderRadius, src, alt, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
+
+interface ButtonProps extends PressableProps, UniversalButtonProps {
+}
+/**
+ * A button element that can be used to trigger an action.
+ * @example
+ ```tsx
+  import { Button, HStack } from "@yahoo/uds"
+
+  export function Demo() {
+    return (
+      <HStack gap="2">
+        <Button variant="accent" onClick={console.log}>Save</Button>
+        <Button variant="accent-outline" onClick={console.log}>Cancel</Button>
+      </HStack>
+    )
+  }
+ ```
+ */
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface ChipProps {
+    children?: string;
+    startContent?: React.ReactNode;
+    startIcon?: IconName;
+    endIcon?: IconName;
+    endContent?: React.ReactNode;
+    variant: 'accent' | 'secondary';
+}
+declare function Chip({ children, variant, startIcon, startContent, endIcon, endContent, }: ChipProps): react_jsx_runtime.JSX.Element;
+
+interface DropdownProps extends PopoverProviderProps {
+    children: React.ReactNode;
+}
+declare const Dropdown: typeof _ariakit_react.PopoverProvider;
+
+interface DropdownItemPressableProps extends Omit<PressableProps, 'onClick'> {
+    onClick?: (close: () => void) => void;
+}
+declare const DropdownItemPressable: react.ForwardRefExoticComponent<DropdownItemPressableProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface DropdownItemProps extends DropdownItemPressableProps {
+    startIcon?: IconName;
+    endIcon?: IconName;
+    title?: string;
+    description?: string;
+    _title?: UniversalTextProps;
+    _description?: UniversalTextProps;
+}
+declare function DropdownItem({ title, description, _title, _description, startIcon, endIcon, ...props }: DropdownItemProps): react_jsx_runtime.JSX.Element;
+
+interface DropdownItemsProps extends React.PropsWithChildren, Omit<PopoverProps, 'children'> {
+    overflow?: Overflow;
+}
+declare const DropdownItems: react.ForwardRefExoticComponent<Omit<DropdownItemsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+interface DropdownTriggerProps extends PressableProps {
+    children: React.ReactNode;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+}
+declare function DropdownTrigger({ children, variant, size, ...props }: DropdownTriggerProps): react_jsx_runtime.JSX.Element;
+
+interface IconButtonProps extends PressableProps, UniversalIconButtonProps {
+    color?: ForegroundColor;
+}
+/**
+ * An icon button element that can be used to trigger an action.
+ * @example
+ ```tsx
+  import { IconButton } from "@yahoo/uds"
+
+  export function IconButtonDemo() {
+    return (
+      <IconButton variant="accent-outline" name="close" onPress={console.log} />
+    )
+  }
+ ```
+ */
+declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface ModalProps extends DialogProps {
+}
+declare function useModalStore(params?: Parameters<typeof useDialogStore>[0]): DialogStore;
+interface ModalHeaderProps extends React.PropsWithChildren {
+    handleClose?: () => void;
+}
+declare function ModalHeader({ children, handleClose }: ModalHeaderProps): react_jsx_runtime.JSX.Element;
+declare function Modal({ className, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
+declare const ModalDismiss: typeof DialogDismiss;
+
+interface PopoverHeadingProps extends PropsWithChildren {
+    leading?: react__default.ReactNode;
+    trailing?: react__default.ReactNode;
+}
+declare function PopoverHeading({ children, leading, trailing }: PopoverHeadingProps): react_jsx_runtime.JSX.Element;
+declare const Popover: typeof Popover$1;
+declare const PopoverArrow: typeof PopoverArrow$1;
+declare const PopoverAnchor: typeof PopoverAnchor$1;
+declare const PopoverDescription: typeof PopoverDescription$1;
+declare const PopoverDismiss: typeof PopoverDismiss$1;
+declare const PopoverProvider: typeof PopoverProvider$1;
+declare const PopoverDisclosure: typeof PopoverDisclosure$1;
+declare const PopoverDisclosureArrow: typeof PopoverDisclosureArrow$1;
+
+type DivProps = React.HTMLAttributes<HTMLDivElement>;
+interface SpinnerProps extends DivProps {
+}
+declare function Spinner({ className, ...props }: SpinnerProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * TableColumn
+ * A TableColumn is a definition of a column in a table.
+ */
+type TableColumn<T> = {
+    title?: string;
+    dataIndex: keyof T;
+    render?: (value: T[keyof T], record: T, index: number) => react__default.ReactNode;
+};
+interface HTMLTableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, 'color' | 'height' | 'width'> {
+}
+interface TableCellProps extends UniversalTextProps, HTMLTableCellProps {
+    /** asHeaderCell will return a th element instead of a td element.
+     *  If asHeaderCell is row, it will return a th element with scope="row"
+     *  @default false
+     */
+    asHeaderCell?: boolean | 'column' | 'row';
+}
+/**
+ * Table component props
+ * @template T The type of data in the table.
+ */
+type TableProps<T> = {
+    /** An array of data for the table. Each item represents a row in the table.
+     * The keys of each item should match the `dataIndex` of the columns.
+     */
+    data: T[];
+    /** An array of columns for the table. Each item defines a column in the table.
+     * The `dataIndex` should match the key of the data item.
+     */
+    columns: TableColumn<T>[];
+};
+/**
+ * The Table component renders a table with the given data and columns.
+ * If you want more control over the table, or want to handle virtualization,
+ * drag-n-drop, etc, Please can use the sub-components directly and build your own!
+ */
+declare function Table<T>({ data, columns }: TableProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace Table {
+    var Root: react__default.ForwardRefExoticComponent<react__default.TableHTMLAttributes<HTMLTableElement> & BoxProps & {
+        /** Sets whether an element is treated as a block or inline box and the
+         *  layout used for its children, such as flow layout, grid or flex.
+         *  @default "table"
+         */
+        display?: Display | undefined;
+    } & {
+        children?: react__default.ReactNode;
+    } & react__default.RefAttributes<HTMLTableElement>>;
+    var Row: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLTableRowElement> & BoxProps & {
+        children?: react__default.ReactNode;
+    } & react__default.RefAttributes<HTMLTableRowElement>>;
+    var Header: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLTableSectionElement> & BoxProps & {
+        children?: react__default.ReactNode;
+    } & react__default.RefAttributes<HTMLTableSectionElement>>;
+    var Body: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLTableSectionElement> & BoxProps & {
+        children?: react__default.ReactNode;
+    } & react__default.RefAttributes<HTMLTableSectionElement>>;
+    var Cell: react__default.ForwardRefExoticComponent<TableCellProps & {
+        children?: react__default.ReactNode;
+    } & react__default.RefAttributes<HTMLTableCellElement | HTMLTableHeaderCellElement>>;
+}
+
+interface TabProps extends React.PropsWithChildren {
+    asChild?: boolean;
+    value: string;
+    label: string;
+    startIcon?: IconName;
+}
+declare function Tabs(props: TabProviderProps): react_jsx_runtime.JSX.Element;
+declare const TabList: react.ForwardRefExoticComponent<Omit<TabListProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const Tab: ({ asChild, label, value, startIcon }: TabProps) => react_jsx_runtime.JSX.Element;
+declare const TabPanel: react.ForwardRefExoticComponent<Omit<TabPanelProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+type NativeTextInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'height' | 'size' | 'width' | 'color'>;
+interface TextInputProps extends NativeTextInputProps, UniversalTextInputProps {
+}
+declare function TextInput({ className, disabled, backgroundColor, borderColor, borderWidth, borderRadius, color, placeholderColor, spacingVertical, spacingHorizontal, fontSize: textVariant, ...props }: TextInputProps): react_jsx_runtime.JSX.Element;
+
+interface TextInputGroupProps extends TextInputProps {
+    label?: string;
+}
+declare function TextInputGroup({ label, required, ...props }: TextInputGroupProps): react_jsx_runtime.JSX.Element;
+
+interface TextInputLabelProps extends React.PropsWithChildren {
+    required?: boolean;
+}
+declare function TextInputLabel({ children, required }: TextInputLabelProps): react_jsx_runtime.JSX.Element;
+
+interface ToastProps extends ToastContainerProps {
+}
+declare function ToastContainer(props: ToastProps): react_jsx_runtime.JSX.Element;
+
+export { Accordion, type AccordionProps, Avatar, type AvatarProps, Button, type ButtonProps, Chip, type ChipProps, Dropdown, DropdownItem, DropdownItemPressable, type DropdownItemPressableProps, type DropdownItemProps, DropdownItems, type DropdownItemsProps, type DropdownProps, DropdownTrigger, type DropdownTriggerProps, IconButton, type IconButtonProps, Modal, ModalDismiss, ModalHeader, type ModalProps, Popover, PopoverAnchor, PopoverArrow, PopoverDescription, PopoverDisclosure, PopoverDisclosureArrow, PopoverDismiss, PopoverHeading, type PopoverHeadingProps, PopoverProvider, Spinner, type SpinnerProps, Tab, TabList, TabPanel, type TabProps, Table, type TableProps, Tabs, TextInput, TextInputGroup, type TextInputGroupProps, TextInputLabel, type TextInputLabelProps, type TextInputProps, ToastContainer, type ToastProps, useModalStore };