@clicktap/ui 0.12.7 → 0.12.8

package/src/utils/defaultTheme.js

@@ -0,0 +1 @@
+const o={fontFamily:{sans:["ui-sans-serif","system-ui","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica Neue","Arial","Noto Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"],serif:["ui-serif","Georgia","Cambria","Times New Roman","Times","serif"],monospace:["ui-monospace","SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New","monospace"]},fontSize:{xs:["0.75rem",{lineHeight:"1rem"}],sm:["0.875rem",{lineHeight:"1.25rem"}],base:["1rem",{lineHeight:"1.5rem"}],lg:["1.125rem",{lineHeight:"1.75rem"}],xl:["1.25rem",{lineHeight:"1.75rem"}],"2xl":["1.5rem",{lineHeight:"2rem"}],"3xl":["1.875rem",{lineHeight:"2.25rem"}],"4xl":["2.25rem",{lineHeight:"2.5rem"}],"5xl":["3rem",{lineHeight:"1"}],"6xl":["3.75rem",{lineHeight:"1"}],"7xl":["4.5rem",{lineHeight:"1"}],"8xl":["6rem",{lineHeight:"1"}],"9xl":["8rem",{lineHeight:"1"}]},fontWeight:{thin:100,extralight:200,light:300,normal:400,medium:500,semibold:600,bold:700,extrabold:800,black:900},letterSpacing:{tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"},lineHeight:{3:"0.75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2"},borderRadius:{.5:"0.125rem",1:"0.25rem",1.5:"0.375rem",2:"0.5rem"},listStyleType:{none:"none",disc:"disc",decimal:"decimal"},screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},colors:{primary:"#4785ff",secondary:"#b8cfff",tertiary:"#d6e4ff",background:"#f0f5ff",inherit:"inherit",current:"currentColor",transparent:"transparent",black:"rgb(0 0 0)",white:"rgb(255 255 255)",slate:{50:"rgb(248 250 252)",100:"rgb(241 245 249)",200:"rgb(226 232 240)",300:"rgb(203 213 225)",400:"rgb(148 163 184)",500:"rgb(100 116 139)",600:"rgb(71 85 105)",700:"rgb(51 65 85)",800:"rgb(30 41 59)",900:"rgb(15 23 42)"},gray:{50:"rgb(249 250 251)",100:"rgb(243 244 246)",200:"rgb(229 231 235)",300:"rgb(209 213 219)",400:"rgb(156 163 175)",500:"rgb(107 114 128)",600:"rgb(75 85 99)",700:"rgb(55 65 81)",800:"rgb(31 41 55)",900:"rgb(17 24 39)"},zinc:{50:"rgb(250 250 250)",100:"rgb(244 244 245)",200:"rgb(228 228 231)",300:"rgb(212 212 216)",400:"rgb(161 161 170)",500:"rgb(113 113 122)",600:"rgb(82 82 91)",700:"rgb(63 63 70)",800:"rgb(39 39 42)",900:"rgb(24 24 27)"},neutral:{50:"rgb(250 250 250)",100:"rgb(245 245 245)",200:"rgb(229 229 229)",300:"rgb(212 212 212)",400:"rgb(163 163 163)",500:"rgb(115 115 115)",600:"rgb(82 82 82)",700:"rgb(64 64 64)",800:"rgb(38 38 38)",900:"rgb(23 23 23)"},stone:{50:"rgb(250 250 249)",100:"rgb(245 245 244)",200:"rgb(231 229 228)",300:"rgb(214 211 209)",400:"rgb(168 162 158)",500:"rgb(120 113 108)",600:"rgb(87 83 78)",700:"rgb(68 64 60)",800:"rgb(41 37 36)",900:"rgb(28 25 23)"},red:{50:"rgb(254 242 242)",100:"rgb(254 226 226)",200:"rgb(254 202 202)",300:"rgb(252 165 165)",400:"rgb(248 113 113)",500:"rgb(239 68 68)",600:"rgb(220 38 38)",700:"rgb(185 28 28)",800:"rgb(153 27 27)",900:"rgb(127 29 29)"},orange:{50:"rgb(255 247 237)",100:"rgb(255 237 213)",200:"rgb(254 215 170)",300:"rgb(253 186 116)",400:"rgb(251 146 60)",500:"rgb(249 115 22)",600:"rgb(234 88 12)",700:"rgb(194 65 12)",800:"rgb(154 52 18)",900:"rgb(124 45 18)"},amber:{50:"rgb(255 251 235)",100:"rgb(254 243 199)",200:"rgb(253 230 138)",300:"rgb(252 211 77)",400:"rgb(251 191 36)",500:"rgb(245 158 11)",600:"rgb(217 119 6)",700:"rgb(180 83 9)",800:"rgb(146 64 14)",900:"rgb(120 53 15)"},yellow:{50:"rgb(254 252 232)",100:"rgb(254 249 195)",200:"rgb(254 240 138)",300:"rgb(253 224 71)",400:"rgb(250 204 21)",500:"rgb(234 179 8)",600:"rgb(202 138 4)",700:"rgb(161 98 7)",800:"rgb(133 77 14)",900:"rgb(113 63 18)"},lime:{50:"rgb(247 254 231)",100:"rgb(236 252 203)",200:"rgb(217 249 157)",300:"rgb(190 242 100)",400:"rgb(163 230 53)",500:"rgb(132 204 22)",600:"rgb(101 163 13)",700:"rgb(77 124 15)",800:"rgb(63 98 18)",900:"rgb(54 83 20)"},green:{50:"rgb(240 253 244)",100:"rgb(220 252 231)",200:"rgb(187 247 208)",300:"rgb(134 239 172)",400:"rgb(74 222 128)",500:"rgb(34 197 94)",600:"rgb(22 163 74)",700:"rgb(21 128 61)",800:"rgb(22 101 52)",900:"rgb(20 83 45)"},emerald:{50:"rgb(236 253 245)",100:"rgb(209 250 229)",200:"rgb(167 243 208)",300:"rgb(110 231 183)",400:"rgb(52 211 153)",500:"rgb(16 185 129)",600:"rgb(5 150 105)",700:"rgb(4 120 87)",800:"rgb(6 95 70)",900:"rgb(6 78 59)"},teal:{50:"rgb(240 253 250)",100:"rgb(204 251 241)",200:"rgb(153 246 228)",300:"rgb(94 234 212)",400:"rgb(45 212 191)",500:"rgb(20 184 166)",600:"rgb(13 148 136)",700:"rgb(15 118 110)",800:"rgb(17 94 89)",900:"rgb(19 78 74)"},cyan:{50:"rgb(236 254 255)",100:"rgb(207 250 254)",200:"rgb(165 243 252)",300:"rgb(103 232 249)",400:"rgb(34 211 238)",500:"rgb(6 182 212)",600:"rgb(8 145 178)",700:"rgb(14 116 144)",800:"rgb(21 94 117)",900:"rgb(22 78 99)"},sky:{50:"rgb(240 249 255)",100:"rgb(224 242 254)",200:"rgb(186 230 253)",300:"rgb(125 211 252)",400:"rgb(56 189 248)",500:"rgb(14 165 233)",600:"rgb(2 132 199)",700:"rgb(3 105 161)",800:"rgb(7 89 133)",900:"rgb(12 74 110)"},blue:{50:"rgb(239 246 255)",100:"rgb(219 234 254)",200:"rgb(191 219 254)",300:"rgb(147 197 253)",400:"rgb(96 165 250)",500:"rgb(59 130 246)",600:"rgb(37 99 235)",700:"rgb(29 78 216)",800:"rgb(30 64 175)",900:"rgb(30 58 138)"},indigo:{50:"rgb(238 242 255)",100:"rgb(224 231 255)",200:"rgb(199 210 254)",300:"rgb(165 180 252)",400:"rgb(129 140 248)",500:"rgb(99 102 241)",600:"rgb(79 70 229)",700:"rgb(67 56 202)",800:"rgb(55 48 163)",900:"rgb(49 46 129)"},violet:{50:"rgb(245 243 255)",100:"rgb(237 233 254)",200:"rgb(221 214 254)",300:"rgb(196 181 253)",400:"rgb(167 139 250)",500:"rgb(139 92 246)",600:"rgb(124 58 237)",700:"rgb(109 40 217)",800:"rgb(91 33 182)",900:"rgb(76 29 149)"},purple:{50:"rgb(250 245 255)",100:"rgb(243 232 255)",200:"rgb(233 213 255)",300:"rgb(216 180 254)",400:"rgb(192 132 252)",500:"rgb(168 85 247)",600:"rgb(147 51 234)",700:"rgb(126 34 206)",800:"rgb(107 33 168)",900:"rgb(88 28 135)"},fuchsia:{50:"rgb(253 244 255)",100:"rgb(250 232 255)",200:"rgb(245 208 254)",300:"rgb(240 171 252)",400:"rgb(232 121 249)",500:"rgb(217 70 239)",600:"rgb(192 38 211)",700:"rgb(162 28 175)",800:"rgb(134 25 143)",900:"rgb(112 26 117)"},pink:{50:"rgb(253 242 248)",100:"rgb(252 231 243)",200:"rgb(251 207 232)",300:"rgb(249 168 212)",400:"rgb(244 114 182)",500:"rgb(236 72 153)",600:"rgb(219 39 119)",700:"rgb(190 24 93)",800:"rgb(157 23 77)",900:"rgb(131 24 67)"},rose:{50:"rgb(255 241 242)",100:"rgb(255 228 230)",200:"rgb(254 205 211)",300:"rgb(253 164 175)",400:"rgb(251 113 133)",500:"rgb(244 63 94)",600:"rgb(225 29 72)",700:"rgb(190 18 60)",800:"rgb(159 18 57)",900:"rgb(136 19 55)"}},spacing:{px:"1px",0:"0px",.5:"0.125rem",1:"0.25rem",1.5:"0.375rem",2:"0.5rem",2.5:"0.625rem",3:"0.75rem",3.5:"0.875rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",11:"2.75rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"},height:{auto:"auto",px:"1px",0:"0px",.5:"0.125rem",1:"0.25rem",1.5:"0.375rem",2:"0.5rem",2.5:"0.625rem",3:"0.75rem",3.5:"0.875rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",11:"2.75rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem","1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%",full:"100%",screen:"100vh",min:"min-content",max:"max-content",fit:"fit-content"},components:{button:{primary:{color:"#FFF",backgroundColor:"#000"}},Card:{border:"1px solid rgb(226 232 240)",padding:"1rem",backgroundColor:"transparent",borderRadius:"2px",boxShadow:"rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px"},"Card.Content":{padding:0,fontSize:"0.9rem"},"Card.Header":{fontSize:"1.125rem",fontWeight:"700",marginBottom:"1rem"}}};function i(e,m){const r={...e};return Object.entries(m).forEach(([g,b])=>{b!==null&&typeof b=="object"&&!Array.isArray(b)?((r[g]===void 0||r[g]===null)&&(r[g]={}),r[g]=i(r[g],b)):r[g]=b}),r}export{o as defaultTheme,i as mergeTheme};

package/types/Accordion.d.ts

@@ -0,0 +1,11 @@
+import { AccordionItem } from '@nextui-org/accordion';
+import { AccordionProps } from '@nextui-org/accordion';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+
+export declare function Accordion({ children, variant, isCompact, className, itemClasses, ...props }: AccordionProps): JSX_2.Element;
+
+export { AccordionItem }
+
+export { AccordionProps }
+
+export { }

package/types/Avatar.d.ts

@@ -0,0 +1,16 @@
+import { AvatarGroupProps as AvatarGroupProps_2 } from '@nextui-org/avatar';
+import { AvatarProps as AvatarProps_2 } from '@nextui-org/avatar';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { PropsWithChildren } from 'react';
+
+export declare function Avatar({ icon, className, isDisabled, size, classNames, isBordered, radius, ...props }: AvatarProps): JSX_2.Element;
+
+export declare function AvatarGroup({ children, isGrid, renderCount, className, }: PropsWithChildren<AvatarGroupProps>): JSX_2.Element;
+
+export declare type AvatarGroupProps = Pick<AvatarGroupProps_2, 'isGrid' | 'renderCount'> & {
+    className?: string;
+};
+
+export declare type AvatarProps = Omit<AvatarProps_2, 'color'>;
+
+export { }

package/types/Badge.d.ts

@@ -0,0 +1,8 @@
+import { BadgeProps as BadgeProps_2 } from '@nextui-org/badge';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+
+export declare function Badge({ children, isInvisible, disableAnimation, placement, shape, className, classNames, showOutline, content, isDot, isOneChar, size, variant, ...props }: BadgeProps): JSX_2.Element;
+
+export declare type BadgeProps = Omit<BadgeProps_2, 'color | disableOutline'>;
+
+export { }

package/types/Breadcrumbs.d.ts

@@ -0,0 +1,32 @@
+import { BreadcrumbProps } from 'react-aria-components';
+import { BreadcrumbsProps as BreadcrumbsProps_2 } from 'react-aria-components';
+import { HTMLAttributes } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { LinkProps } from 'react-aria-components';
+import { PropsWithChildren } from 'react';
+import { ReactNode } from 'react';
+
+export declare function BreadcrumbEllipsis({ children, ...props }: BreadcrumbEllipsisProps): JSX_2.Element;
+
+export declare type BreadcrumbEllipsisProps = PropsWithChildren<HTMLAttributes<HTMLSpanElement>>;
+
+export declare function BreadcrumbItem({ children, className, ...props }: BreadcrumbItemProps): JSX_2.Element;
+
+export declare type BreadcrumbItemProps = BreadcrumbProps;
+
+export declare function BreadcrumbLink({ children, className, ...props }: BreadcrumbLinkProps): JSX_2.Element;
+
+export declare type BreadcrumbLinkProps = LinkProps;
+
+export declare function Breadcrumbs({ children, className, ...props }: BreadcrumbsProps<object>): JSX_2.Element;
+
+export declare function BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps): JSX_2.Element;
+
+/** @todo what is this type actually trying to do? */
+export declare interface BreadcrumbSeparatorProps extends Omit<BreadcrumbProps, 'children'>, React.RefAttributes<HTMLLIElement> {
+    children?: ReactNode;
+}
+
+export declare type BreadcrumbsProps<T extends object> = Omit<BreadcrumbsProps_2<T>, 'items'>;
+
+export { }

package/types/Button.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+
+import { ButtonProps as ButtonProps_2 } from 'react-aria-components';
+import { ForwardRefExoticComponent } from 'react';
+import { RefAttributes } from 'react';
+
+export declare const Button: ForwardRefExoticComponent<ButtonProps_2 & {
+isLoading?: boolean | undefined;
+variant?: "solid" | "outline" | "ghost" | undefined;
+size?: "sm" | "md" | "lg" | undefined;
+} & RefAttributes<HTMLButtonElement>>;
+
+export declare type ButtonProps = ButtonProps_2 & {
+    isLoading?: boolean;
+    variant?: 'solid' | 'outline' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+};
+
+export { }

package/types/Card.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { PropsWithChildren } from 'react';
+
+export declare function Card({ children, className, ...props }: CardProps): JSX_2.Element;
+
+export declare type CardProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
+
+export { }

package/types/Checkbox.d.ts

@@ -0,0 +1,31 @@
+import { CheckboxProps as CheckboxProps_2 } from 'react-aria-components';
+import { CheckboxRenderProps } from 'react-aria-components';
+import { ClassValue } from 'clsx';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+export declare function Checkbox({ children, slots, className, classNames, ...props }: CheckboxProps): JSX_2.Element;
+
+export declare namespace Checkbox {
+    var defaultProps: {
+        slots: {
+            control: undefined;
+        };
+        classNames: undefined;
+    };
+}
+
+export declare interface CheckboxProps extends CheckboxProps_2 {
+    slots?: CheckboxSlots;
+    classNames?: SlotsToClasses<'control'>;
+}
+
+export declare interface CheckboxSlots {
+    control?: ReactNode | ((values: CheckboxRenderProps) => ReactNode);
+}
+
+declare type SlotsToClasses<S extends string> = {
+    [key in S]?: ClassValue;
+};
+
+export { }

package/types/Collapsible.d.ts

@@ -0,0 +1,28 @@
+import { Context } from 'react';
+import { HTMLAttributes } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { PropsWithChildren } from 'react';
+
+export declare function Collapsible({ children, className }: CollapsibleContentProps): JSX_2.Element;
+
+export declare type CollapsibleContentProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
+
+export declare function CollapsibleTrigger({ children, className, ...props }: CollapsibleTriggerProps): JSX_2.Element;
+
+export declare type CollapsibleTriggerProps = PropsWithChildren<{
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    className?: string | undefined;
+}>;
+
+export declare type CollapsibleTriggerState = {
+    isOpen: boolean;
+    id: string;
+    defaultOpen: boolean;
+};
+
+/** @todo look into use hook to provide access instead of exporting directly */
+export declare const CollapsibleTriggerStateContext: Context<CollapsibleTriggerState>;
+
+export { }

package/types/Container.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
+import { PropsWithChildren } from 'react';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+
+export declare const Container: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+children?: ReactNode;
+} & RefAttributes<HTMLDivElement>>;
+
+export declare type ContainerProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
+
+export { }

package/types/ContextMenu.d.ts

@@ -0,0 +1,37 @@
+import { ClassValue } from 'clsx';
+import { Dispatch } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { Key } from 'react';
+import { MotionStyle } from 'framer-motion';
+import { PopoverProps as PopoverProps_2 } from 'react-aria-components';
+import { ReactNode } from 'react';
+import { SetStateAction } from 'react';
+
+export declare function ContextMenu({ children, key, onAction, setAnimation, animation, className, classNames, ...props }: PopoverProps): JSX_2.Element;
+
+export declare namespace ContextMenu {
+    var defaultProps: {
+        key: undefined;
+        onAction: undefined;
+        classNames: undefined;
+        style: undefined;
+    };
+}
+
+declare type ContextMenuAnimationState = 'unmounted' | 'hidden' | 'visible';
+
+export declare interface PopoverProps extends Omit<PopoverProps_2, 'children' | 'style'> {
+    animation: ContextMenuAnimationState;
+    children: ReactNode;
+    onAction?: (key: Key) => void;
+    setAnimation: Dispatch<SetStateAction<ContextMenuAnimationState>>;
+    key?: Key | null;
+    classNames?: SlotsToClasses<'menu'>;
+    style?: MotionStyle;
+}
+
+declare type SlotsToClasses<S extends string> = {
+    [key in S]?: ClassValue;
+};
+
+export { }

package/types/CreditCardExpirationInput.d.ts

@@ -0,0 +1,30 @@
+import { ClassValue } from 'clsx';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { TextFieldProps } from 'react-aria-components';
+import { ValidationResult } from 'react-aria-components';
+
+export declare function CreditCardExpirationInput({ label, description, errorMessage, placeholder, value, className, classNames, ...props }: CreditCardExpirationInputProps): JSX_2.Element;
+
+export declare namespace CreditCardExpirationInput {
+    var defaultProps: {
+        label: undefined;
+        description: undefined;
+        errorMessage: undefined;
+        placeholder: undefined;
+        classNames: undefined;
+    };
+}
+
+export declare interface CreditCardExpirationInputProps extends TextFieldProps {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    placeholder?: string;
+    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error'>;
+}
+
+declare type SlotsToClasses<S extends string> = {
+    [key in S]?: ClassValue;
+};
+
+export { }

package/types/CreditCardInput.d.ts

@@ -0,0 +1,34 @@
+import { ClassValue } from 'clsx';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { TextFieldProps } from 'react-aria-components';
+import { ValidationResult } from 'react-aria-components';
+
+export declare function CreditCardInput({ label, description, errorMessage, placeholder, value, onChange, className, classNames, ...props }: CreditCardInputProps): JSX_2.Element;
+
+export declare namespace CreditCardInput {
+    var defaultProps: {
+        label: undefined;
+        description: undefined;
+        errorMessage: undefined;
+        placeholder: undefined;
+        classNames: undefined;
+        value: undefined;
+        onChange: () => void;
+    };
+}
+
+export declare interface CreditCardInputProps extends TextFieldProps {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    placeholder?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error'>;
+}
+
+declare type SlotsToClasses<S extends string> = {
+    [key in S]?: ClassValue;
+};
+
+export { }

package/types/DateInput.d.ts

@@ -0,0 +1,29 @@
+import { ClassValue } from 'clsx';
+import { DateFieldProps } from 'react-aria-components';
+import { DateValue } from 'react-aria-components';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { ValidationResult } from 'react-aria-components';
+
+export declare function DateInput({ label, description, errorMessage, className, classNames, ...props }: DateInputProps): JSX_2.Element;
+
+export declare namespace DateInput {
+    var defaultProps: {
+        label: undefined;
+        description: undefined;
+        errorMessage: undefined;
+        classNames: undefined;
+    };
+}
+
+export declare interface DateInputProps extends DateFieldProps<DateValue> {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error' | 'segment'>;
+}
+
+declare type SlotsToClasses<S extends string> = {
+    [key in S]?: ClassValue;
+};
+
+export { }

package/types/Dialog.d.ts

@@ -0,0 +1,23 @@
+import { DialogProps as DialogProps_2 } from 'react-aria-components';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { Key } from 'react';
+import { MotionStyle } from 'framer-motion';
+import { Variants } from 'framer-motion';
+
+export declare function Dialog({ className, children, animationVariants, ...props }: DialogProps): JSX_2.Element;
+
+export declare namespace Dialog {
+    var defaultProps: {
+        key: undefined;
+        style: undefined;
+        animationVariants: undefined;
+    };
+}
+
+export declare type DialogProps = DialogProps_2 & {
+    key?: Key;
+    style?: MotionStyle;
+    animationVariants?: Variants;
+};
+
+export { }

package/types/DialogTrigger.d.ts

@@ -0,0 +1,19 @@
+import { DialogTriggerProps as DialogTriggerProps_2 } from 'react-aria-components';
+import { Dispatch } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { SetStateAction } from 'react';
+
+export declare function DialogTrigger(props: DialogTriggerProps_2): JSX_2.Element;
+
+export declare type DialogTriggerProps = DialogTriggerProps_2;
+
+/** @todo this feels like it should be renamed, maybe moved to modal directly */
+export declare type DriverAnimationState = 'unmounted' | 'visible' | 'hidden';
+
+export declare const useDialogTrigger: () => {
+    animation: DriverAnimationState;
+    setAnimation: Dispatch<SetStateAction<DriverAnimationState>>;
+    onOpenChange: (isOpen: boolean) => void;
+};
+
+export { }

package/types/Divider.d.ts

@@ -0,0 +1,10 @@
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { SeparatorProps } from 'react-aria';
+
+export declare function Divider({ orientation, className, ...props }: DividerProps): JSX_2.Element;
+
+export declare type DividerProps = SeparatorProps & {
+    className?: string;
+};
+
+export { }

package/types/Drawer.d.ts

@@ -0,0 +1,27 @@
+import { DialogProps } from 'react-aria-components';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { Key } from 'react';
+import { MotionStyle } from 'framer-motion';
+import { Variants } from 'framer-motion';
+
+export declare function Drawer({ direction, children, className, animationVariants, ...props }: DrawerProps): JSX_2.Element;
+
+export declare namespace Drawer {
+    var defaultProps: {
+        direction: string;
+        key: undefined;
+        style: undefined;
+        animationVariants: undefined;
+        size: string;
+    };
+}
+
+export declare type DrawerProps = DialogProps & {
+    direction?: 'top' | 'right' | 'bottom' | 'left';
+    key?: Key;
+    style?: MotionStyle;
+    animationVariants?: Variants;
+    size?: string;
+};
+
+export { }

package/types/Input.d.ts

@@ -0,0 +1,30 @@
+import { ClassValue } from 'clsx';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { TextFieldProps } from 'react-aria-components';
+import { ValidationResult } from 'react-aria-components';
+
+export declare function Input({ label, description, errorMessage, placeholder, className, classNames, ...props }: InputProps): JSX_2.Element;
+
+export declare namespace Input {
+    var defaultProps: {
+        label: undefined;
+        description: undefined;
+        errorMessage: undefined;
+        placeholder: undefined;
+        classNames: undefined;
+    };
+}
+
+export declare interface InputProps extends TextFieldProps {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    placeholder?: string;
+    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error'>;
+}
+
+declare type SlotsToClasses<S extends string> = {
+    [key in S]?: ClassValue;
+};
+
+export { }

package/types/Link.d.ts

@@ -0,0 +1,8 @@
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { LinkProps as LinkProps_2 } from 'react-aria-components';
+
+export declare function Link({ children, isDisabled, className, ...props }: LinkProps): JSX_2.Element;
+
+export declare type LinkProps = LinkProps_2;
+
+export { }

package/types/Loader.d.ts

@@ -0,0 +1,30 @@
+import { ClassValue } from 'clsx';
+import { HTMLAttributes } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+
+export declare function CircularEasing({ width, stroke, strokeLinecap, strokeWidth, className, style, ...props }: CircularEasingProps): JSX_2.Element;
+
+export declare type CircularEasingProps = HTMLAttributes<HTMLDivElement> & {
+    stroke: string;
+    strokeLinecap?: 'butt' | 'round' | 'square';
+    strokeWidth?: number;
+    width: number;
+};
+
+export declare function Pulse({ classNames }: PulseProps): JSX_2.Element;
+
+export declare namespace Pulse {
+    var defaultProps: {
+        classNames: undefined;
+    };
+}
+
+export declare interface PulseProps {
+    classNames?: SlotsToClasses<'base' | 'dot'>;
+}
+
+declare type SlotsToClasses<S extends string> = {
+    [key in S]?: ClassValue;
+};
+
+export { }

package/types/Meter.d.ts

@@ -0,0 +1,25 @@
+import { ClassValue } from 'clsx';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { MeterProps as MeterProps_2 } from 'react-aria-components';
+
+export declare function Meter({ label, showValue, value, minValue, maxValue, formatOptions, className, classNames, ...props }: MeterProps): JSX_2.Element;
+
+export declare namespace Meter {
+    var defaultProps: {
+        showValue: undefined;
+        label: undefined;
+        classNames: undefined;
+    };
+}
+
+export declare type MeterProps = MeterProps_2 & {
+    label?: string;
+    showValue?: boolean;
+    classNames?: SlotsToClasses<'label' | 'value' | 'labelWrapper' | 'track' | 'trackWrapepr'>;
+};
+
+declare type SlotsToClasses<S extends string> = {
+    [key in S]?: ClassValue;
+};
+
+export { }

package/types/Modal.d.ts

@@ -0,0 +1,11 @@
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { ModalOverlayProps } from 'react-aria-components';
+import { ReactNode } from 'react';
+
+export declare function Modal({ children, className, ...props }: ModalProps): JSX_2.Element;
+
+export declare interface ModalProps extends Omit<ModalOverlayProps, 'children'> {
+    children: ReactNode;
+}
+
+export { }

package/types/ModalOverlay.d.ts

@@ -0,0 +1,31 @@
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { Key } from 'react';
+import { ModalOverlayProps as ModalOverlayProps_2 } from 'react-aria-components';
+import { ModalRenderProps } from 'react-aria-components';
+import { MotionStyle } from 'framer-motion';
+import { ReactNode } from 'react';
+import { Variant } from 'framer-motion';
+
+export declare function ModalOverlay(props: ModalOverlayProps): JSX_2.Element;
+
+export declare namespace ModalOverlay {
+    var defaultProps: {
+        key: undefined;
+        style: undefined;
+        animationVariants: undefined;
+    };
+}
+
+export declare interface ModalOverlayProps extends Omit<ModalOverlayProps_2, 'children' | 'style'> {
+    key?: Key;
+    style?: MotionStyle;
+    animationVariants?: {
+        visible: Variant;
+        hidden: Variant;
+    };
+    children: ReactNode | ((values: ModalRenderProps & {
+        defaultChildren: ReactNode;
+    }) => ReactNode);
+}
+
+export { }

package/types/NumberInput.d.ts

@@ -0,0 +1,37 @@
+import { ClassValue } from 'clsx';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { NumberFieldProps } from 'react-aria-components';
+import { ReactNode } from 'react';
+import { ValidationResult } from 'react-aria-components';
+
+export declare function NumberInput({ label, description, errorMessage, isInvalid, isReadOnly, slots, className, classNames, ...props }: NumberInputProps): JSX_2.Element;
+
+export declare namespace NumberInput {
+    var defaultProps: {
+        label: undefined;
+        description: undefined;
+        errorMessage: undefined;
+        classNames: undefined;
+        slots: {
+            decrementIcon: JSX_2.Element;
+            incrementIcon: JSX_2.Element;
+        };
+    };
+}
+
+export declare interface NumberInputProps extends NumberFieldProps {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    slots?: {
+        decrementIcon?: ReactNode;
+        incrementIcon?: ReactNode;
+    };
+    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error' | 'incrementBtn' | 'decrementBtn' | 'group'>;
+}
+
+declare type SlotsToClasses<S extends string> = {
+    [key in S]?: ClassValue;
+};
+
+export { }

package/types/PinInput.d.ts

@@ -0,0 +1,46 @@
+import { ClassValue } from 'clsx';
+import { GroupProps } from 'react-aria-components';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { ValidationResult } from 'react-aria-components';
+
+/** based on https://github.com/chakra-ui/chakra-ui/blob/main/packages/components/src/pin-input/use-pin-input.ts */
+export declare function PinInput({ description, errorMessage, isDisabled, isInvalid, isMasked, isRequired, label, length, name, onChange: controlledOnChange, value, type, validationBehavior, className, classNames, ...props }: PinInputProps): JSX_2.Element;
+
+export declare namespace PinInput {
+    var defaultProps: {
+        description: undefined;
+        errorMessage: undefined;
+        isMasked: boolean;
+        isRequired: boolean;
+        label: undefined;
+        classNames: undefined;
+        length: number;
+        name: string;
+        onChange: () => void;
+        value: string;
+        type: string;
+        validationBehavior: string;
+    };
+}
+
+/** @todo extend certain textfield props like name, validationBehavior and isRequired */
+export declare interface PinInputProps extends GroupProps {
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    label?: string;
+    length?: number;
+    name?: string;
+    onChange?: (...event: any[]) => void;
+    value?: string;
+    isMasked?: boolean;
+    isRequired?: boolean;
+    type?: 'alpha' | 'alphanumeric' | 'numeric';
+    validationBehavior?: 'native' | 'aria';
+    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error' | 'inputWrap' | 'textWrap'>;
+}
+
+declare type SlotsToClasses<S extends string> = {
+    [key in S]?: ClassValue;
+};
+
+export { }