@atom-learning/components 6.0.0-beta.8 → 6.0.0

package/dist/components/divider/Divider.d.ts

@@ -1,15 +1,15 @@
 import React from 'react';
 export declare const StyledDivider: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
     ref?: ((instance: HTMLHRElement | null) => void) | React.RefObject<HTMLHRElement> | null | undefined;
-} & {
+}, "orientation"> & {
     orientation?: ("horizontal" | "vertical" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "horizontal" | "vertical">>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLHRElement>>;
+}>;
 export declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
     ref?: ((instance: HTMLHRElement | null) => void) | React.RefObject<HTMLHRElement> | null | undefined;
-} & {
+}, "orientation"> & {
     orientation?: ("horizontal" | "vertical" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "horizontal" | "vertical">>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLHRElement>, "ref"> & React.RefAttributes<HTMLHRElement>>;
+}, "ref"> & React.RefAttributes<HTMLHRElement>>;

package/dist/components/divider/Divider.js

@@ -1,2 +1,2 @@
-import r from"react";import{styled as n}from"../../styled.js";const e=n("hr",{base:["border-none","bg-grey-200"],variants:{orientation:{horizontal:["h-px","w-full"],vertical:["h-full","min-h-8","w-px"]}}}),a=r.forwardRef(({orientation:o="horizontal",...t},i)=>r.createElement(e,{ref:i,orientation:o,...t}));export{a as Divider,e as StyledDivider};
+import e from"react";import{styled as n}from"../../styled.js";const r=n("hr",{base:["border-none","bg-grey-200"],variants:{orientation:{horizontal:["h-px","w-full"],vertical:["h-full","min-h-8","w-px"]}}},{enabledResponsiveVariants:!0}),a=e.forwardRef(({orientation:o="horizontal",...t},i)=>e.createElement(r,{ref:i,orientation:o,...t}));export{a as Divider,r as StyledDivider};
 //# sourceMappingURL=Divider.js.map

package/dist/components/divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../../src/components/divider/Divider.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const StyledDivider = styled('hr', {\n  base: ['border-none', 'bg-grey-200'],\n  variants: {\n    orientation: {\n      horizontal: ['h-px', 'w-full'],\n      vertical: ['h-full', 'min-h-8', 'w-px']\n    }\n  }\n})\n\nexport const Divider = React.forwardRef<\n  HTMLHRElement,\n  React.ComponentProps<typeof StyledDivider>\n>(({ orientation = 'horizontal', ...rest }, ref) => {\n  return <StyledDivider ref={ref} orientation={orientation} {...rest} />\n})\n"],"names":["StyledDivider","styled","Divider","React","orientation","rest","ref"],"mappings":"8DAIO,MAAMA,EAAgBC,EAAO,KAAM,CACxC,KAAM,CAAC,cAAe,aAAa,EACnC,SAAU,CACR,YAAa,CACX,WAAY,CAAC,OAAQ,QAAQ,EAC7B,SAAU,CAAC,SAAU,UAAW,MAAM,CACxC,CACF,CACF,CAAC,EAEYC,EAAUC,EAAM,WAG3B,CAAC,CAAE,YAAAC,EAAc,aAAc,GAAGC,CAAK,EAAGC,IACnCH,EAAA,cAACH,EAAA,CAAc,IAAKM,EAAK,YAAaF,EAAc,GAAGC,CAAAA,CAAM,CACrE"}
+{"version":3,"file":"Divider.js","sources":["../../../src/components/divider/Divider.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const StyledDivider = styled(\n  'hr',\n  {\n    base: ['border-none', 'bg-grey-200'],\n    variants: {\n      orientation: {\n        horizontal: ['h-px', 'w-full'],\n        vertical: ['h-full', 'min-h-8', 'w-px']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nexport const Divider = React.forwardRef<\n  HTMLHRElement,\n  React.ComponentProps<typeof StyledDivider>\n>(({ orientation = 'horizontal', ...rest }, ref) => {\n  return <StyledDivider ref={ref} orientation={orientation} {...rest} />\n})\n"],"names":["StyledDivider","styled","Divider","React","orientation","rest","ref"],"mappings":"8DAIa,MAAAA,EAAgBC,EAC3B,KACA,CACE,KAAM,CAAC,cAAe,aAAa,EACnC,SAAU,CACR,YAAa,CACX,WAAY,CAAC,OAAQ,QAAQ,EAC7B,SAAU,CAAC,SAAU,UAAW,MAAM,CACxC,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAEaC,EAAUC,EAAM,WAG3B,CAAC,CAAE,YAAAC,EAAc,aAAc,GAAGC,CAAK,EAAGC,IACnCH,EAAA,cAACH,EAAA,CAAc,IAAKM,EAAK,YAAaF,EAAc,GAAGC,CAAAA,CAAM,CACrE"}

package/dist/components/drawer/Drawer.d.ts

@@ -8,19 +8,19 @@ export declare const Drawer: {
     Content: ({ children, ...rest }: React.ComponentProps<typeof import("./DrawerContent").StyledContent>) => React.JSX.Element;
     Main: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    } & {
+    }, never> & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    }>;
     Header: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    } & {
+    }, never> & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    }>;
     Footer: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    } & {
+    }, never> & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    }>;
     Trigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 };
 export {};

package/dist/components/drawer/DrawerContent.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-export declare const StyledContent: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement> & {
-    position?: ("left" | "right" | "top" | "bottom" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "left" | "right" | "top" | "bottom">>) | undefined;
-    size?: ("sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl">>) | undefined;
+export declare const StyledContent: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "size" | "position"> & {
+    position?: "left" | "right" | "top" | "bottom" | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}>;
 export declare const DrawerContent: ({ children, ...rest }: React.ComponentProps<typeof StyledContent>) => React.JSX.Element;

package/dist/components/drawer/DrawerFooter.d.ts

@@ -1,5 +1,5 @@
 export declare const DrawerFooter: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-} & {
+}, never> & {
     as?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+}>;

package/dist/components/drawer/DrawerHeader.d.ts

@@ -1,5 +1,5 @@
 export declare const DrawerHeader: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-} & {
+}, never> & {
     as?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+}>;

package/dist/components/drawer/DrawerMain.d.ts

@@ -1,5 +1,5 @@
 export declare const DrawerMain: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-} & {
+}, never> & {
     as?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+}>;

package/dist/components/drawer/DrawerOverlay.d.ts

@@ -1,3 +1,3 @@
-export declare const DrawerOverlay: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement> & {
+export declare const DrawerOverlay: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, never> & {
     as?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+}>;

package/dist/components/dropdown-menu/DropdownMenu.d.ts

@@ -1,20 +1,20 @@
 import React from 'react';
 import { DropdownMenuItem } from './DropdownMenuItem';
 export declare const DropdownMenu: React.FC<import("@radix-ui/react-dropdown-menu").DropdownMenuProps> & {
-    Content: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & React.RefAttributes<HTMLDivElement> & {
+    Content: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, never> & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Item: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement> & {
+    }>;
+    Item: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, never> & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    }>;
     LinkItem: ({ children, href, ...props }: React.ComponentProps<typeof DropdownMenuItem> & {
         href: string;
     }) => React.JSX.Element;
     Portal: React.FC<import("@radix-ui/react-dropdown-menu").DropdownMenuPortalProps>;
-    Separator: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement> & {
+    Separator: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, never> & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Trigger: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement> & {
+    }>;
+    Trigger: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, never> & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    }>;
 };

package/dist/components/dropdown-menu/DropdownMenuContent.d.ts

@@ -1,3 +1,3 @@
-export declare const DropdownMenuContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement> & {
+export declare const DropdownMenuContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, never> & {
     as?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+}>;

package/dist/components/dropdown-menu/DropdownMenuItem.d.ts

@@ -1,3 +1,3 @@
-export declare const DropdownMenuItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement> & {
+export declare const DropdownMenuItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>, never> & {
     as?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+}>;

package/dist/components/dropdown-menu/DropdownMenuSeparator.d.ts

@@ -1,3 +1,3 @@
-export declare const DropdownMenuSeparator: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement> & {
+export declare const DropdownMenuSeparator: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, never> & {
     as?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+}>;

package/dist/components/dropdown-menu/DropdownMenuTrigger.d.ts

@@ -1,3 +1,3 @@
-export declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement> & {
+export declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, never> & {
     as?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+}>;

package/dist/components/empty-state/EmptyState.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 declare const EmptyStateContainer: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-} & {
+}, "direction" | "align" | "wrap" | "justify" | "gap"> & {
     direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
     wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
     justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
@@ -9,53 +9,53 @@ declare const EmptyStateContainer: React.ForwardRefExoticComponent<Omit<Omit<Omi
     gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement> & {
+}, "size"> & {
     size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}>;
 export type EmptyStateProps = React.ComponentProps<typeof EmptyStateContainer>;
 export declare const EmptyState: {
     ({ size, ...rest }: EmptyStateProps): React.JSX.Element;
     displayName: string;
 } & {
-    Image: (props: Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
+    Image: (props: Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
         ref?: ((instance: HTMLImageElement | null) => void) | React.RefObject<HTMLImageElement> | null | undefined;
-    } & {
-        fluid?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    }, "fluid"> & {
+        fluid?: boolean | undefined;
     } & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLImageElement>, "ref">, "as"> & {
+    }, "as"> & {
         as?: never;
-    } & {
+    }, "ref"> & React.RefAttributes<HTMLImageElement>, "size"> & {
         size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
     } & {
         as?: React.ElementType;
-    } & React.RefAttributes<never>) => React.JSX.Element;
+    }) => React.JSX.Element;
     Title: (props: Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
         ref?: ((instance: HTMLHeadingElement | null) => void) | React.RefObject<HTMLHeadingElement> | null | undefined;
-    } & {
+    }, "size"> & {
         size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
     } & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLHeadingElement> & {
+    } & {
         as?: React.ComponentType | React.ElementType;
     }) => React.JSX.Element;
     Body: (props: Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
         ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
-    } & {
+    }, "size" | "noCapsize" | "weight" | "family"> & {
+        size?: ("sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl">>) | undefined;
+        noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
         weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
         family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
-        size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
-        noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
     } & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLParagraphElement>, "as"> & {
+    }, "as"> & {
         as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLParagraphElement> & {
+    }, "ref"> & React.RefAttributes<HTMLParagraphElement>, "size"> & {
         size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
     } & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLParagraphElement>) => React.JSX.Element;
+    }) => React.JSX.Element;
 };
 export {};

package/dist/components/empty-state/EmptyState.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{Flex as o}from"../flex/Flex.js";import{styled as p}from"../../styled.js";import{EmptyStateProvider as a}from"./EmptyState.context.js";import{EmptyStateBody as i}from"./EmptyStateBody.js";import{EmptyStateImage as s}from"./EmptyStateImage.js";import{EmptyStateTitle as l}from"./EmptyStateTitle.js";const y=p(o,{base:["flex-col","items-center","text-center","*:last:mb-0"],variants:{size:{xs:["p-2"],sm:["p-3"],md:["p-4"],lg:["p-8"],xl:["p-10"]}}}),m=({size:t="sm",...r})=>e.createElement(a,{size:t},e.createElement(y,{size:t,...r})),n=Object.assign(m,{Image:s,Title:l,Body:i});m.displayName="EmptyState";export{n as EmptyState};
+import*as e from"react";import{Flex as o}from"../flex/Flex.js";import{styled as a}from"../../styled.js";import{EmptyStateProvider as p}from"./EmptyState.context.js";import{EmptyStateBody as s}from"./EmptyStateBody.js";import{EmptyStateImage as i}from"./EmptyStateImage.js";import{EmptyStateTitle as l}from"./EmptyStateTitle.js";const n=a(o,{base:["flex-col","items-center","text-center","*:last:mb-0"],variants:{size:{xs:["p-2"],sm:["p-3"],md:["p-4"],lg:["p-8"],xl:["p-10"]}}},{enabledResponsiveVariants:!0}),m=({size:t="sm",...r})=>e.createElement(p,{size:t},e.createElement(n,{size:t,...r})),y=Object.assign(m,{Image:i,Title:l,Body:s});m.displayName="EmptyState";export{y as EmptyState};
 //# sourceMappingURL=EmptyState.js.map

package/dist/components/empty-state/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","sources":["../../../src/components/empty-state/EmptyState.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { styled } from '~/styled'\n\nimport { EmptyStateProvider } from './EmptyState.context'\nimport { EmptyStateBody } from './EmptyStateBody'\nimport { EmptyStateImage } from './EmptyStateImage'\nimport { EmptyStateTitle } from './EmptyStateTitle'\n\nconst EmptyStateContainer = styled(Flex, {\n  base: ['flex-col', 'items-center', 'text-center', '*:last:mb-0'],\n  variants: {\n    size: {\n      xs: ['p-2'],\n      sm: ['p-3'],\n      md: ['p-4'],\n      lg: ['p-8'],\n      xl: ['p-10']\n    }\n  }\n})\n\nexport type EmptyStateProps = React.ComponentProps<typeof EmptyStateContainer>\n\nconst EmptyStateComponent = ({ size = 'sm', ...rest }: EmptyStateProps) => (\n  <EmptyStateProvider size={size}>\n    <EmptyStateContainer size={size} {...rest} />\n  </EmptyStateProvider>\n)\n\nexport const EmptyState = Object.assign(EmptyStateComponent, {\n  Image: EmptyStateImage,\n  Title: EmptyStateTitle,\n  Body: EmptyStateBody\n})\n\nEmptyStateComponent.displayName = 'EmptyState'\n"],"names":["EmptyStateContainer","styled","Flex","EmptyStateComponent","size","rest","React","EmptyStateProvider","EmptyState","EmptyStateImage","EmptyStateTitle","EmptyStateBody"],"mappings":"wUAUA,MAAMA,EAAsBC,EAAOC,EAAM,CACvC,KAAM,CAAC,WAAY,eAAgB,cAAe,aAAa,EAC/D,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,MAAM,CACb,CACF,CACF,CAAC,EAIKC,EAAsB,CAAC,CAAE,KAAAC,EAAO,KAAM,GAAGC,CAAK,IAClDC,EAAA,cAACC,EAAA,CAAmB,KAAMH,GACxBE,EAAA,cAACN,EAAA,CAAoB,KAAMI,EAAO,GAAGC,CAAM,CAAA,CAC7C,EAGWG,EAAa,OAAO,OAAOL,EAAqB,CAC3D,MAAOM,EACP,MAAOC,EACP,KAAMC,CACR,CAAC,EAEDR,EAAoB,YAAc"}
+{"version":3,"file":"EmptyState.js","sources":["../../../src/components/empty-state/EmptyState.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { styled } from '~/styled'\n\nimport { EmptyStateProvider } from './EmptyState.context'\nimport { EmptyStateBody } from './EmptyStateBody'\nimport { EmptyStateImage } from './EmptyStateImage'\nimport { EmptyStateTitle } from './EmptyStateTitle'\n\nconst EmptyStateContainer = styled(\n  Flex,\n  {\n    base: ['flex-col', 'items-center', 'text-center', '*:last:mb-0'],\n    variants: {\n      size: {\n        xs: ['p-2'],\n        sm: ['p-3'],\n        md: ['p-4'],\n        lg: ['p-8'],\n        xl: ['p-10']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nexport type EmptyStateProps = React.ComponentProps<typeof EmptyStateContainer>\n\nconst EmptyStateComponent = ({ size = 'sm', ...rest }: EmptyStateProps) => (\n  <EmptyStateProvider size={size}>\n    <EmptyStateContainer size={size} {...rest} />\n  </EmptyStateProvider>\n)\n\nexport const EmptyState = Object.assign(EmptyStateComponent, {\n  Image: EmptyStateImage,\n  Title: EmptyStateTitle,\n  Body: EmptyStateBody\n})\n\nEmptyStateComponent.displayName = 'EmptyState'\n"],"names":["EmptyStateContainer","styled","Flex","EmptyStateComponent","size","rest","React","EmptyStateProvider","EmptyState","EmptyStateImage","EmptyStateTitle","EmptyStateBody"],"mappings":"wUAUA,MAAMA,EAAsBC,EAC1BC,EACA,CACE,KAAM,CAAC,WAAY,eAAgB,cAAe,aAAa,EAC/D,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,MAAM,CACb,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAIMC,EAAsB,CAAC,CAAE,KAAAC,EAAO,KAAM,GAAGC,CAAK,IAClDC,EAAA,cAACC,EAAA,CAAmB,KAAMH,CACxBE,EAAAA,EAAA,cAACN,EAAA,CAAoB,KAAMI,EAAO,GAAGC,CAAAA,CAAM,CAC7C,EAGWG,EAAa,OAAO,OAAOL,EAAqB,CAC3D,MAAOM,EACP,MAAOC,EACP,KAAMC,CACR,CAAC,EAEDR,EAAoB,YAAc"}

package/dist/components/empty-state/EmptyStateBody.d.ts

@@ -1,20 +1,20 @@
 import * as React from 'react';
 declare const StyledEmptyStateBody: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
-} & {
+}, "size" | "noCapsize" | "weight" | "family"> & {
+    size?: ("sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl">>) | undefined;
+    noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
     weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
     family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
-    size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
-    noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLParagraphElement>, "as"> & {
+}, "as"> & {
     as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLParagraphElement> & {
+}, "ref"> & React.RefAttributes<HTMLParagraphElement>, "size"> & {
     size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+}>;
 type EmptyStateBodyProps = React.ComponentProps<typeof StyledEmptyStateBody>;
 export declare const EmptyStateBody: (props: EmptyStateBodyProps) => React.JSX.Element;
 export {};

package/dist/components/empty-state/EmptyStateBody.js

@@ -1,2 +1,2 @@
-import*as t from"react";import{Text as o}from"../text/Text.js";import{styled as r}from"../../styled.js";import{EmptyStateContext as s}from"./EmptyState.context.js";const x=r(o,{base:["text-grey-800","font-normal"],variants:{size:{xs:["mb-4","text-sm"],sm:["mb-4","text-sm"],md:["mb-4","text-sm"],lg:["mb-6","text-md"],xl:["mb-6","text-md"]}}}),n=e=>{const{size:m}=t.useContext(s);return t.createElement(x,{...e,size:m})};export{n as EmptyStateBody};
+import*as t from"react";import{Text as s}from"../text/Text.js";import{styled as o}from"../../styled.js";import{EmptyStateContext as r}from"./EmptyState.context.js";const n=o(s,{base:["text-grey-800","font-normal"],variants:{size:{xs:["mb-4","text-sm"],sm:["mb-4","text-sm"],md:["mb-4","text-sm"],lg:["mb-6","text-md"],xl:["mb-6","text-md"]}}},{enabledResponsiveVariants:!0}),x=e=>{const{size:m}=t.useContext(r);return t.createElement(n,{...e,size:m})};export{x as EmptyStateBody};
 //# sourceMappingURL=EmptyStateBody.js.map

package/dist/components/empty-state/EmptyStateBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateBody.js","sources":["../../../src/components/empty-state/EmptyStateBody.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Text } from '~/components/text'\nimport { styled } from '~/styled'\n\nimport { EmptyStateContext } from './EmptyState.context'\n\nconst StyledEmptyStateBody = styled(Text, {\n  base: ['text-grey-800', 'font-normal'],\n  variants: {\n    size: {\n      xs: ['mb-4', 'text-sm'],\n      sm: ['mb-4', 'text-sm'],\n      md: ['mb-4', 'text-sm'],\n      lg: ['mb-6', 'text-md'],\n      xl: ['mb-6', 'text-md']\n    }\n  }\n})\n\ntype EmptyStateBodyProps = React.ComponentProps<typeof StyledEmptyStateBody>\n\nexport const EmptyStateBody = (props: EmptyStateBodyProps) => {\n  const { size } = React.useContext(EmptyStateContext)\n  return <StyledEmptyStateBody {...props} size={size} />\n}\n"],"names":["StyledEmptyStateBody","styled","Text","EmptyStateBody","props","size","React","EmptyStateContext"],"mappings":"oKAOA,MAAMA,EAAuBC,EAAOC,EAAM,CACxC,KAAM,CAAC,gBAAiB,aAAa,EACrC,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,CACxB,CACF,CACF,CAAC,EAIYC,EAAkBC,GAA+B,CAC5D,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAM,WAAWC,CAAiB,EACnD,OAAOD,EAAA,cAACN,EAAA,CAAsB,GAAGI,EAAO,KAAMC,EAAM,CACtD"}
+{"version":3,"file":"EmptyStateBody.js","sources":["../../../src/components/empty-state/EmptyStateBody.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Text } from '~/components/text'\nimport { styled } from '~/styled'\n\nimport { EmptyStateContext } from './EmptyState.context'\n\nconst StyledEmptyStateBody = styled(\n  Text,\n  {\n    base: ['text-grey-800', 'font-normal'],\n    variants: {\n      size: {\n        xs: ['mb-4', 'text-sm'],\n        sm: ['mb-4', 'text-sm'],\n        md: ['mb-4', 'text-sm'],\n        lg: ['mb-6', 'text-md'],\n        xl: ['mb-6', 'text-md']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\ntype EmptyStateBodyProps = React.ComponentProps<typeof StyledEmptyStateBody>\n\nexport const EmptyStateBody = (props: EmptyStateBodyProps) => {\n  const { size } = React.useContext(EmptyStateContext)\n  return <StyledEmptyStateBody {...props} size={size} />\n}\n"],"names":["StyledEmptyStateBody","styled","Text","EmptyStateBody","props","size","React","EmptyStateContext"],"mappings":"oKAOA,MAAMA,EAAuBC,EAC3BC,EACA,CACE,KAAM,CAAC,gBAAiB,aAAa,EACrC,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,CACxB,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAIaC,EAAkBC,GAA+B,CAC5D,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAM,WAAWC,CAAiB,EACnD,OAAOD,EAAA,cAACN,EAAA,CAAsB,GAAGI,EAAO,KAAMC,EAAM,CACtD"}

package/dist/components/empty-state/EmptyStateImage.d.ts

@@ -1,17 +1,17 @@
 import React from 'react';
-declare const StyledEmptyStateImage: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
+declare const StyledEmptyStateImage: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
     ref?: ((instance: HTMLImageElement | null) => void) | React.RefObject<HTMLImageElement> | null | undefined;
-} & {
-    fluid?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+}, "fluid"> & {
+    fluid?: boolean | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLImageElement>, "ref">, "as"> & {
+}, "as"> & {
     as?: never;
-} & {
+}, "ref"> & React.RefAttributes<HTMLImageElement>, "size"> & {
     size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
 } & {
     as?: React.ElementType;
-} & React.RefAttributes<never>>;
+}>;
 type EmptyStateImageProps = React.ComponentProps<typeof StyledEmptyStateImage>;
 export declare const EmptyStateImage: (props: EmptyStateImageProps) => React.JSX.Element;
 export {};

package/dist/components/empty-state/EmptyStateImage.js

@@ -1,2 +1,2 @@
-import m from"react";import{Image as x}from"../image/Image.js";import{styled as a}from"../../styled.js";import{EmptyStateContext as o}from"./EmptyState.context.js";const r=a(x,{base:[],variants:{size:{xs:["max-h-8","max-w-14","mb-4"],sm:["max-h-12","max-w-21","mb-4"],md:["max-h-18","max-w-[126px]","mb-4"],lg:["max-h-[142px]","max-w-[190px]","mb-6"],xl:["max-h-[213px]","max-w-[285px]","mb-6"]}}}),p=t=>{const{size:e}=m.useContext(o);return m.createElement(r,{size:e,...t})};export{p as EmptyStateImage};
+import m from"react";import{Image as a}from"../image/Image.js";import{styled as x}from"../../styled.js";import{EmptyStateContext as o}from"./EmptyState.context.js";const s=x(a,{base:[],variants:{size:{xs:["max-h-8","max-w-14","mb-4"],sm:["max-h-12","max-w-21","mb-4"],md:["max-h-18","max-w-[126px]","mb-4"],lg:["max-h-[142px]","max-w-[190px]","mb-6"],xl:["max-h-[213px]","max-w-[285px]","mb-6"]}}},{enabledResponsiveVariants:!0}),r=e=>{const{size:t}=m.useContext(o);return m.createElement(s,{size:t,...e})};export{r as EmptyStateImage};
 //# sourceMappingURL=EmptyStateImage.js.map

package/dist/components/empty-state/EmptyStateImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateImage.js","sources":["../../../src/components/empty-state/EmptyStateImage.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Image } from '~/components/image'\nimport { styled } from '~/styled'\n\nimport { EmptyStateContext } from './EmptyState.context'\n\nconst StyledEmptyStateImage = styled(Image, {\n  base: [],\n  variants: {\n    size: {\n      xs: ['max-h-8', 'max-w-14', 'mb-4'],\n      sm: ['max-h-12', 'max-w-21', 'mb-4'],\n      md: ['max-h-18', 'max-w-[126px]', 'mb-4'],\n      lg: ['max-h-[142px]', 'max-w-[190px]', 'mb-6'],\n      xl: ['max-h-[213px]', 'max-w-[285px]', 'mb-6']\n    }\n  }\n})\n\ntype EmptyStateImageProps = React.ComponentProps<typeof StyledEmptyStateImage>\n\nexport const EmptyStateImage = (props: EmptyStateImageProps) => {\n  const { size } = React.useContext(EmptyStateContext)\n  return <StyledEmptyStateImage size={size} {...props} />\n}\n"],"names":["StyledEmptyStateImage","styled","Image","EmptyStateImage","props","size","React","EmptyStateContext"],"mappings":"oKAOA,MAAMA,EAAwBC,EAAOC,EAAO,CAC1C,KAAM,GACN,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAW,WAAY,MAAM,EAClC,GAAI,CAAC,WAAY,WAAY,MAAM,EACnC,GAAI,CAAC,WAAY,gBAAiB,MAAM,EACxC,GAAI,CAAC,gBAAiB,gBAAiB,MAAM,EAC7C,GAAI,CAAC,gBAAiB,gBAAiB,MAAM,CAC/C,CACF,CACF,CAAC,EAIYC,EAAmBC,GAAgC,CAC9D,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAM,WAAWC,CAAiB,EACnD,OAAOD,EAAA,cAACN,EAAA,CAAsB,KAAMK,EAAO,GAAGD,EAAO,CACvD"}
+{"version":3,"file":"EmptyStateImage.js","sources":["../../../src/components/empty-state/EmptyStateImage.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Image } from '~/components/image'\nimport { styled } from '~/styled'\n\nimport { EmptyStateContext } from './EmptyState.context'\n\nconst StyledEmptyStateImage = styled(\n  Image,\n  {\n    base: [],\n    variants: {\n      size: {\n        xs: ['max-h-8', 'max-w-14', 'mb-4'],\n        sm: ['max-h-12', 'max-w-21', 'mb-4'],\n        md: ['max-h-18', 'max-w-[126px]', 'mb-4'],\n        lg: ['max-h-[142px]', 'max-w-[190px]', 'mb-6'],\n        xl: ['max-h-[213px]', 'max-w-[285px]', 'mb-6']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\ntype EmptyStateImageProps = React.ComponentProps<typeof StyledEmptyStateImage>\n\nexport const EmptyStateImage = (props: EmptyStateImageProps) => {\n  const { size } = React.useContext(EmptyStateContext)\n  return <StyledEmptyStateImage size={size} {...props} />\n}\n"],"names":["StyledEmptyStateImage","styled","Image","EmptyStateImage","props","size","React","EmptyStateContext"],"mappings":"oKAOA,MAAMA,EAAwBC,EAC5BC,EACA,CACE,KAAM,CAAA,EACN,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAW,WAAY,MAAM,EAClC,GAAI,CAAC,WAAY,WAAY,MAAM,EACnC,GAAI,CAAC,WAAY,gBAAiB,MAAM,EACxC,GAAI,CAAC,gBAAiB,gBAAiB,MAAM,EAC7C,GAAI,CAAC,gBAAiB,gBAAiB,MAAM,CAC/C,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAIaC,EAAmBC,GAAgC,CAC9D,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAM,WAAWC,CAAiB,EACnD,OAAOD,EAAA,cAACN,EAAA,CAAsB,KAAMK,EAAO,GAAGD,EAAO,CACvD"}

package/dist/components/empty-state/EmptyStateTitle.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 declare const StyledEmptyStateTitle: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
     ref?: ((instance: HTMLHeadingElement | null) => void) | React.RefObject<HTMLHeadingElement> | null | undefined;
-} & {
+}, "size"> & {
     size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+}>;
 type EmptyStateTitleProps = React.ComponentProps<typeof StyledEmptyStateTitle> & {
     as?: React.ComponentType | React.ElementType;
 };

package/dist/components/empty-state/EmptyStateTitle.js

@@ -1,2 +1,2 @@
-import*as t from"react";import{styled as o}from"../../styled.js";import{EmptyStateContext as s}from"./EmptyState.context.js";const r=o("h2",{base:["text-grey-800","font-body","font-semibold","m-0"],variants:{size:{xs:["mb-3","text-md"],sm:["mb-3","text-md"],md:["mb-3","text-md"],lg:["mb-4","text-lg"],xl:["mb-4","text-lg"]}}}),x=e=>{const{size:m}=t.useContext(s);return t.createElement(r,{size:m,...e})};export{x as EmptyStateTitle};
+import*as t from"react";import{styled as o}from"../../styled.js";import{EmptyStateContext as s}from"./EmptyState.context.js";const n=o("h2",{base:["text-grey-800","font-body","font-semibold","m-0"],variants:{size:{xs:["mb-3","text-md"],sm:["mb-3","text-md"],md:["mb-3","text-md"],lg:["mb-4","text-lg"],xl:["mb-4","text-lg"]}}},{enabledResponsiveVariants:!0}),r=e=>{const{size:m}=t.useContext(s);return t.createElement(n,{size:m,...e})};export{r as EmptyStateTitle};
 //# sourceMappingURL=EmptyStateTitle.js.map

package/dist/components/empty-state/EmptyStateTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateTitle.js","sources":["../../../src/components/empty-state/EmptyStateTitle.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { EmptyStateContext } from './EmptyState.context'\n\nconst StyledEmptyStateTitle = styled('h2', {\n  base: ['text-grey-800', 'font-body', 'font-semibold', 'm-0'],\n  variants: {\n    size: {\n      xs: ['mb-3', 'text-md'],\n      sm: ['mb-3', 'text-md'],\n      md: ['mb-3', 'text-md'],\n      lg: ['mb-4', 'text-lg'],\n      xl: ['mb-4', 'text-lg']\n    }\n  }\n})\n\ntype EmptyStateTitleProps = React.ComponentProps<\n  typeof StyledEmptyStateTitle\n> & {\n  as?: React.ComponentType | React.ElementType\n}\n\nexport const EmptyStateTitle = (props: EmptyStateTitleProps) => {\n  const { size } = React.useContext(EmptyStateContext)\n  return <StyledEmptyStateTitle size={size} {...props} />\n}\n"],"names":["StyledEmptyStateTitle","styled","EmptyStateTitle","props","size","React","EmptyStateContext"],"mappings":"6HAMA,MAAMA,EAAwBC,EAAO,KAAM,CACzC,KAAM,CAAC,gBAAiB,YAAa,gBAAiB,KAAK,EAC3D,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,CACxB,CACF,CACF,CAAC,EAQYC,EAAmBC,GAAgC,CAC9D,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAM,WAAWC,CAAiB,EACnD,OAAOD,EAAA,cAACL,EAAA,CAAsB,KAAMI,EAAO,GAAGD,EAAO,CACvD"}
+{"version":3,"file":"EmptyStateTitle.js","sources":["../../../src/components/empty-state/EmptyStateTitle.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { EmptyStateContext } from './EmptyState.context'\n\nconst StyledEmptyStateTitle = styled(\n  'h2',\n  {\n    base: ['text-grey-800', 'font-body', 'font-semibold', 'm-0'],\n    variants: {\n      size: {\n        xs: ['mb-3', 'text-md'],\n        sm: ['mb-3', 'text-md'],\n        md: ['mb-3', 'text-md'],\n        lg: ['mb-4', 'text-lg'],\n        xl: ['mb-4', 'text-lg']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\ntype EmptyStateTitleProps = React.ComponentProps<\n  typeof StyledEmptyStateTitle\n> & {\n  as?: React.ComponentType | React.ElementType\n}\n\nexport const EmptyStateTitle = (props: EmptyStateTitleProps) => {\n  const { size } = React.useContext(EmptyStateContext)\n  return <StyledEmptyStateTitle size={size} {...props} />\n}\n"],"names":["StyledEmptyStateTitle","styled","EmptyStateTitle","props","size","React","EmptyStateContext"],"mappings":"6HAMA,MAAMA,EAAwBC,EAC5B,KACA,CACE,KAAM,CAAC,gBAAiB,YAAa,gBAAiB,KAAK,EAC3D,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,CACxB,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAQaC,EAAmBC,GAAgC,CAC9D,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAM,WAAWC,CAAiB,EACnD,OAAOD,EAAA,cAACL,EAAA,CAAsB,KAAMI,EAAO,GAAGD,EAAO,CACvD"}

package/dist/components/field-wrapper/InlineFieldWrapper.js

@@ -1,2 +1,2 @@
-import l from"clsx";import*as e from"react";import{Checkbox as d}from"../checkbox/Checkbox.js";import{InlineMessage as f}from"../inline-message/InlineMessage.js";import{Label as v}from"../label/Label.js";import{RadioButton as N}from"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";import{Description as u}from"./FieldDescription.js";const o=({align:a="start",children:n,className:p,description:t,direction:r="row",error:m,label:c,required:s})=>e.createElement("div",{className:p},e.createElement(v,{align:a,direction:r,required:s,type:"inline"},e.Children.map(n,i=>e.createElement("div",{className:l(r==="reverse"&&"ml-3",r==="row"&&"mr-3",((i==null?void 0:i.type)===d||(i==null?void 0:i.type)===N)&&["translate-y-1"])},i)),c),m&&e.createElement(f,{className:"mt-2"},m),t&&e.createElement(u,{className:l("mt-2",r==="reverse"&&"mr-7",r==="row"&&"ml-7")},t));o.displayName="InlineFieldWrapper";export{o as InlineFieldWrapper};
+import o from"clsx";import*as r from"react";import{Checkbox as v}from"../checkbox/Checkbox.js";import{InlineMessage as u}from"../inline-message/InlineMessage.js";import{Label as f}from"../label/Label.js";import{RadioButton as N}from"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";import{Description as y}from"./FieldDescription.js";const a=({align:n="start",children:p,className:s,description:l,direction:i="row",error:t,label:c,required:d})=>r.createElement("div",{className:s},r.createElement(f,{align:n,direction:i,required:d,type:"inline"},r.Children.map(p,e=>{var m;return r.createElement("div",{className:o(i==="reverse"&&"ml-3",i==="row"&&"mr-3",((e==null?void 0:e.type)===v||(e==null?void 0:e.type)===N)&&((m=e==null?void 0:e.props)==null?void 0:m.size)!=="lg"&&"translate-y-1")},e)}),c),t&&r.createElement(u,{className:"mt-2"},t),l&&r.createElement(y,{className:o("mt-2",i==="reverse"&&"mr-7",i==="row"&&"ml-7")},l));a.displayName="InlineFieldWrapper";export{a as InlineFieldWrapper};
 //# sourceMappingURL=InlineFieldWrapper.js.map

package/dist/components/field-wrapper/InlineFieldWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineFieldWrapper.js","sources":["../../../src/components/field-wrapper/InlineFieldWrapper.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Checkbox } from '~/components/checkbox'\nimport { InlineMessage } from '~/components/inline-message'\nimport { Label } from '~/components/label'\nimport { RadioButton } from '~/components/radio-button'\n\nimport { Description } from './FieldDescription'\n\ntype InlineFieldWrapperProps = {\n  className?: string\n  error?: string\n  label: string\n  required?: boolean\n  align?: 'start' | 'center'\n  direction?: 'row' | 'reverse'\n  description?: string\n}\n\nexport const InlineFieldWrapper = ({\n  align = 'start',\n  children,\n  className,\n  description,\n  direction = 'row',\n  error,\n  label,\n  required\n}: React.PropsWithChildren<InlineFieldWrapperProps>) => (\n  <div className={className}>\n    <Label\n      align={align}\n      direction={direction}\n      required={required}\n      type=\"inline\"\n    >\n      {React.Children.map(children, (child: any) => (\n        <div\n          className={clsx(\n            direction === 'reverse' && 'ml-3',\n            direction === 'row' && 'mr-3',\n            (child?.type === Checkbox || child?.type === RadioButton) && [\n              'translate-y-1'\n            ]\n          )}\n        >\n          {child}\n        </div>\n      ))}\n      {label}\n    </Label>\n    {error && <InlineMessage className=\"mt-2\">{error}</InlineMessage>}\n    {description && (\n      <Description\n        className={clsx(\n          'mt-2',\n          direction === 'reverse' && 'mr-7',\n          direction === 'row' && 'ml-7'\n        )}\n      >\n        {description}\n      </Description>\n    )}\n  </div>\n)\n\nInlineFieldWrapper.displayName = 'InlineFieldWrapper'\n"],"names":["InlineFieldWrapper","align","children","className","description","direction","error","label","required","React","Label","child","clsx","Checkbox","RadioButton","InlineMessage","Description"],"mappings":"yWAoBO,MAAMA,EAAqB,CAAC,CACjC,MAAAC,EAAQ,QACR,SAAAC,EACA,UAAAC,EACA,YAAAC,EACA,UAAAC,EAAY,MACZ,MAAAC,EACA,MAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAAC,MAAA,CAAI,UAAWN,CAAAA,EACdM,EAAA,cAACC,EAAA,CACC,MAAOT,EACP,UAAWI,EACX,SAAUG,EACV,KAAK,QAEJC,EAAAA,EAAM,SAAS,IAAIP,EAAWS,GAC7BF,EAAA,cAAC,MACC,CAAA,UAAWG,EACTP,IAAc,WAAa,OAC3BA,IAAc,OAAS,SACtBM,GAAA,KAAAA,OAAAA,EAAO,QAASE,IAAYF,GAAA,KAAA,OAAAA,EAAO,QAASG,IAAgB,CAC3D,eACF,CACF,GAECH,CACH,CACD,EACAJ,CACH,EACCD,GAASG,EAAA,cAACM,EAAA,CAAc,UAAU,MAAA,EAAQT,CAAM,EAChDF,GACCK,EAAA,cAACO,EAAA,CACC,UAAWJ,EACT,OACAP,IAAc,WAAa,OAC3BA,IAAc,OAAS,MACzB,CAECD,EAAAA,CACH,CAEJ,EAGFJ,EAAmB,YAAc"}
+{"version":3,"file":"InlineFieldWrapper.js","sources":["../../../src/components/field-wrapper/InlineFieldWrapper.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Checkbox } from '~/components/checkbox'\nimport { InlineMessage } from '~/components/inline-message'\nimport { Label } from '~/components/label'\nimport { RadioButton } from '~/components/radio-button'\n\nimport { Description } from './FieldDescription'\n\ntype InlineFieldWrapperProps = {\n  className?: string\n  error?: string\n  label: string\n  required?: boolean\n  align?: 'start' | 'center'\n  direction?: 'row' | 'reverse'\n  description?: string\n}\n\nexport const InlineFieldWrapper = ({\n  align = 'start',\n  children,\n  className,\n  description,\n  direction = 'row',\n  error,\n  label,\n  required\n}: React.PropsWithChildren<InlineFieldWrapperProps>) => (\n  <div className={className}>\n    <Label\n      align={align}\n      direction={direction}\n      required={required}\n      type=\"inline\"\n    >\n      {React.Children.map(children, (child: any) => (\n        <div\n          className={clsx(\n            direction === 'reverse' && 'ml-3',\n            direction === 'row' && 'mr-3',\n            (child?.type === Checkbox || child?.type === RadioButton) &&\n              child?.props?.size !== 'lg' &&\n              'translate-y-1'\n          )}\n        >\n          {child}\n        </div>\n      ))}\n      {label}\n    </Label>\n    {error && <InlineMessage className=\"mt-2\">{error}</InlineMessage>}\n    {description && (\n      <Description\n        className={clsx(\n          'mt-2',\n          direction === 'reverse' && 'mr-7',\n          direction === 'row' && 'ml-7'\n        )}\n      >\n        {description}\n      </Description>\n    )}\n  </div>\n)\n\nInlineFieldWrapper.displayName = 'InlineFieldWrapper'\n"],"names":["InlineFieldWrapper","align","children","className","description","direction","error","label","required","React","Label","child","_a","clsx","Checkbox","RadioButton","InlineMessage","Description"],"mappings":"yWAoBO,MAAMA,EAAqB,CAAC,CACjC,MAAAC,EAAQ,QACR,SAAAC,EACA,UAAAC,EACA,YAAAC,EACA,UAAAC,EAAY,MACZ,MAAAC,EACA,MAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAAC,MAAA,CAAI,UAAWN,CAAAA,EACdM,EAAA,cAACC,EAAA,CACC,MAAOT,EACP,UAAWI,EACX,SAAUG,EACV,KAAK,QAEJC,EAAAA,EAAM,SAAS,IAAIP,EAAWS,GAAY,CArCjD,IAAAC,EAsCQ,OAAAH,EAAA,cAAC,MACC,CAAA,UAAWI,EACTR,IAAc,WAAa,OAC3BA,IAAc,OAAS,SACtBM,GAAA,KAAA,OAAAA,EAAO,QAASG,IAAYH,GAAA,KAAAA,OAAAA,EAAO,QAASI,MAC3CH,EAAAD,GAAA,KAAA,OAAAA,EAAO,QAAP,KAAAC,OAAAA,EAAc,QAAS,MACvB,eACJ,CAECD,EAAAA,CACH,CACD,CAAA,EACAJ,CACH,EACCD,GAASG,EAAA,cAACO,EAAA,CAAc,UAAU,MAAA,EAAQV,CAAM,EAChDF,GACCK,EAAA,cAACQ,EAAA,CACC,UAAWJ,EACT,OACAR,IAAc,WAAa,OAC3BA,IAAc,OAAS,MACzB,CAECD,EAAAA,CACH,CAEJ,EAGFJ,EAAmB,YAAc"}

package/dist/components/flex/Flex.d.ts

@@ -1,6 +1,6 @@
 export declare const Flex: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-} & {
+}, "direction" | "align" | "wrap" | "justify" | "gap"> & {
     direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
     wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
     justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
@@ -8,4 +8,4 @@ export declare const Flex: import("react").ForwardRefExoticComponent<Omit<Omit<i
     gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
 } & {
     as?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+}>;

package/dist/components/flex/Flex.js

@@ -1,2 +1,2 @@
-import{styled as t}from"../../styled.js";const e=t("div",{base:["flex"],variants:{direction:{row:["flex-row"],"row-reverse":["flex-row-reverse"],column:["flex-col"],"column-reverse":["flex-col-reverse"],inherit:["direction-[inherit]"],initial:["direction-[initial]"],revert:["direction-[revert]"],"revert-layer":["direction-[revert-layer]"],unset:["direction-[unset]"]},wrap:{nowrap:["flex-no-wrap"],wrap:["flex-wrap"],"wrap-reverse":["flex-wrap-reverse"],inherit:["[flex-wrap:inherit]"],initial:["[flex-wrap:initial]"],revert:["[flex-wrap:revert]"],"revert-layer":["[flex-wrap:revert-layer]"],unset:["[flex-wrap:unset]"]},justify:{normal:["justify-normal"],unsafe:["[justify-content:unsafe]"],safe:["[justify-content:safe]"],start:["justify-start"],center:["justify-center"],end:["justify-end"],"flex-start":["justify-start"],"flex-end":["justify-end"],left:["[justify-content:left]"],right:["[justify-content:right]"],"space-between":["justify-between"],"space-around":["justify-around"],"space-evenly":["justify-evenly"],stretch:["justify-stretch"],inherit:["[justify-content:inherit]"],initial:["[justify-content:initial]"],revert:["[justify-content:revert]"],"revert-layer":["[justify-content:revert-layer]"],unset:["[justify-content:unset]"]},align:{normal:["[align-items:normal]"],unsafe:["[align-items:unsafe]"],safe:["[align-items:safe]"],center:["items-center"],start:["items-start"],end:["items-end"],"self-start":["[align-items:self-start]"],"self-end":["[align-items:self-end]"],"flex-start":["items-start"],"flex-end":["items-end"],baseline:["items-baseline"],"first baseline":["[align-items:first baseline]"],"last baseline":["[align-items:last baseline]"],stretch:["items-stretch"],inherit:["[align-items:inherit]"],initial:["[align-items:initial]"],revert:["[align-items:revert]"],"revert-layer":["[align-items:revert-layer]"],unset:["[align-items:unset]"]},gap:{0:["gap-0.5"],1:["gap-1"],2:["gap-2"],3:["gap-3"],4:["gap-4"],24:["gap-6"],5:["gap-8"],6:["gap-10"],7:["gap-12"],8:["gap-16"],9:["gap-20"]}}});e.displayName="Flex";export{e as Flex};
+import{styled as t}from"../../styled.js";const e=t("div",{base:["flex"],variants:{direction:{row:["flex-row"],"row-reverse":["flex-row-reverse"],column:["flex-col"],"column-reverse":["flex-col-reverse"],inherit:["direction-[inherit]"],initial:["direction-[initial]"],revert:["direction-[revert]"],"revert-layer":["direction-[revert-layer]"],unset:["direction-[unset]"]},wrap:{nowrap:["flex-nowrap"],wrap:["flex-wrap"],"wrap-reverse":["flex-wrap-reverse"],inherit:["[flex-wrap:inherit]"],initial:["[flex-wrap:initial]"],revert:["[flex-wrap:revert]"],"revert-layer":["[flex-wrap:revert-layer]"],unset:["[flex-wrap:unset]"]},justify:{normal:["justify-normal"],unsafe:["[justify-content:unsafe]"],safe:["[justify-content:safe]"],start:["justify-start"],center:["justify-center"],end:["justify-end"],"flex-start":["justify-start"],"flex-end":["justify-end"],left:["[justify-content:left]"],right:["[justify-content:right]"],"space-between":["justify-between"],"space-around":["justify-around"],"space-evenly":["justify-evenly"],stretch:["justify-stretch"],inherit:["[justify-content:inherit]"],initial:["[justify-content:initial]"],revert:["[justify-content:revert]"],"revert-layer":["[justify-content:revert-layer]"],unset:["[justify-content:unset]"]},align:{normal:["[align-items:normal]"],unsafe:["[align-items:unsafe]"],safe:["[align-items:safe]"],center:["items-center"],start:["items-start"],end:["items-end"],"self-start":["[align-items:self-start]"],"self-end":["[align-items:self-end]"],"flex-start":["items-start"],"flex-end":["items-end"],baseline:["items-baseline"],"first baseline":["[align-items:first baseline]"],"last baseline":["[align-items:last baseline]"],stretch:["items-stretch"],inherit:["[align-items:inherit]"],initial:["[align-items:initial]"],revert:["[align-items:revert]"],"revert-layer":["[align-items:revert-layer]"],unset:["[align-items:unset]"]},gap:{0:["gap-0.5"],1:["gap-1"],2:["gap-2"],3:["gap-3"],4:["gap-4"],24:["gap-6"],5:["gap-8"],6:["gap-10"],7:["gap-12"],8:["gap-16"],9:["gap-20"]}}},{enabledResponsiveVariants:!0});e.displayName="Flex";export{e as Flex};
 //# sourceMappingURL=Flex.js.map

package/dist/components/flex/Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sources":["../../../src/components/flex/Flex.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const Flex = styled('div', {\n  base: ['flex'],\n  variants: {\n    direction: {\n      row: ['flex-row'],\n      'row-reverse': ['flex-row-reverse'],\n      column: ['flex-col'],\n      'column-reverse': ['flex-col-reverse'],\n      inherit: ['direction-[inherit]'],\n      initial: ['direction-[initial]'],\n      revert: ['direction-[revert]'],\n      'revert-layer': ['direction-[revert-layer]'],\n      unset: ['direction-[unset]']\n    },\n    wrap: {\n      nowrap: ['flex-no-wrap'],\n      wrap: ['flex-wrap'],\n      'wrap-reverse': ['flex-wrap-reverse'],\n      inherit: ['[flex-wrap:inherit]'],\n      initial: ['[flex-wrap:initial]'],\n      revert: ['[flex-wrap:revert]'],\n      'revert-layer': ['[flex-wrap:revert-layer]'],\n      unset: ['[flex-wrap:unset]']\n    },\n    justify: {\n      normal: ['justify-normal'],\n      unsafe: ['[justify-content:unsafe]'],\n      safe: ['[justify-content:safe]'],\n      start: ['justify-start'],\n      center: ['justify-center'],\n      end: ['justify-end'],\n      'flex-start': ['justify-start'],\n      'flex-end': ['justify-end'],\n      left: ['[justify-content:left]'],\n      right: ['[justify-content:right]'],\n      'space-between': ['justify-between'],\n      'space-around': ['justify-around'],\n      'space-evenly': ['justify-evenly'],\n      stretch: ['justify-stretch'],\n      inherit: ['[justify-content:inherit]'],\n      initial: ['[justify-content:initial]'],\n      revert: ['[justify-content:revert]'],\n      'revert-layer': ['[justify-content:revert-layer]'],\n      unset: ['[justify-content:unset]']\n    },\n    align: {\n      normal: ['[align-items:normal]'],\n      unsafe: ['[align-items:unsafe]'],\n      safe: ['[align-items:safe]'],\n      center: ['items-center'],\n      start: ['items-start'],\n      end: ['items-end'],\n      'self-start': ['[align-items:self-start]'],\n      'self-end': ['[align-items:self-end]'],\n      'flex-start': ['items-start'],\n      'flex-end': ['items-end'],\n      baseline: ['items-baseline'],\n      'first baseline': ['[align-items:first baseline]'],\n      'last baseline': ['[align-items:last baseline]'],\n      stretch: ['items-stretch'],\n      inherit: ['[align-items:inherit]'],\n      initial: ['[align-items:initial]'],\n      revert: ['[align-items:revert]'],\n      'revert-layer': ['[align-items:revert-layer]'],\n      unset: ['[align-items:unset]']\n    },\n    gap: {\n      0: ['gap-0.5'],\n      1: ['gap-1'],\n      2: ['gap-2'],\n      3: ['gap-3'],\n      4: ['gap-4'],\n      24: ['gap-6'],\n      5: ['gap-8'],\n      6: ['gap-10'],\n      7: ['gap-12'],\n      8: ['gap-16'],\n      9: ['gap-20']\n    }\n  }\n})\n\nFlex.displayName = 'Flex'\n"],"names":["Flex","styled"],"mappings":"yCAEO,MAAMA,EAAOC,EAAO,MAAO,CAChC,KAAM,CAAC,MAAM,EACb,SAAU,CACR,UAAW,CACT,IAAK,CAAC,UAAU,EAChB,cAAe,CAAC,kBAAkB,EAClC,OAAQ,CAAC,UAAU,EACnB,iBAAkB,CAAC,kBAAkB,EACrC,QAAS,CAAC,qBAAqB,EAC/B,QAAS,CAAC,qBAAqB,EAC/B,OAAQ,CAAC,oBAAoB,EAC7B,eAAgB,CAAC,0BAA0B,EAC3C,MAAO,CAAC,mBAAmB,CAC7B,EACA,KAAM,CACJ,OAAQ,CAAC,cAAc,EACvB,KAAM,CAAC,WAAW,EAClB,eAAgB,CAAC,mBAAmB,EACpC,QAAS,CAAC,qBAAqB,EAC/B,QAAS,CAAC,qBAAqB,EAC/B,OAAQ,CAAC,oBAAoB,EAC7B,eAAgB,CAAC,0BAA0B,EAC3C,MAAO,CAAC,mBAAmB,CAC7B,EACA,QAAS,CACP,OAAQ,CAAC,gBAAgB,EACzB,OAAQ,CAAC,0BAA0B,EACnC,KAAM,CAAC,wBAAwB,EAC/B,MAAO,CAAC,eAAe,EACvB,OAAQ,CAAC,gBAAgB,EACzB,IAAK,CAAC,aAAa,EACnB,aAAc,CAAC,eAAe,EAC9B,WAAY,CAAC,aAAa,EAC1B,KAAM,CAAC,wBAAwB,EAC/B,MAAO,CAAC,yBAAyB,EACjC,gBAAiB,CAAC,iBAAiB,EACnC,eAAgB,CAAC,gBAAgB,EACjC,eAAgB,CAAC,gBAAgB,EACjC,QAAS,CAAC,iBAAiB,EAC3B,QAAS,CAAC,2BAA2B,EACrC,QAAS,CAAC,2BAA2B,EACrC,OAAQ,CAAC,0BAA0B,EACnC,eAAgB,CAAC,gCAAgC,EACjD,MAAO,CAAC,yBAAyB,CACnC,EACA,MAAO,CACL,OAAQ,CAAC,sBAAsB,EAC/B,OAAQ,CAAC,sBAAsB,EAC/B,KAAM,CAAC,oBAAoB,EAC3B,OAAQ,CAAC,cAAc,EACvB,MAAO,CAAC,aAAa,EACrB,IAAK,CAAC,WAAW,EACjB,aAAc,CAAC,0BAA0B,EACzC,WAAY,CAAC,wBAAwB,EACrC,aAAc,CAAC,aAAa,EAC5B,WAAY,CAAC,WAAW,EACxB,SAAU,CAAC,gBAAgB,EAC3B,iBAAkB,CAAC,8BAA8B,EACjD,gBAAiB,CAAC,6BAA6B,EAC/C,QAAS,CAAC,eAAe,EACzB,QAAS,CAAC,uBAAuB,EACjC,QAAS,CAAC,uBAAuB,EACjC,OAAQ,CAAC,sBAAsB,EAC/B,eAAgB,CAAC,4BAA4B,EAC7C,MAAO,CAAC,qBAAqB,CAC/B,EACA,IAAK,CACH,EAAG,CAAC,SAAS,EACb,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,GAAI,CAAC,OAAO,EACZ,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,CACd,CACF,CACF,CAAC,EAEDD,EAAK,YAAc"}
+{"version":3,"file":"Flex.js","sources":["../../../src/components/flex/Flex.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const Flex = styled(\n  'div',\n  {\n    base: ['flex'],\n    variants: {\n      direction: {\n        row: ['flex-row'],\n        'row-reverse': ['flex-row-reverse'],\n        column: ['flex-col'],\n        'column-reverse': ['flex-col-reverse'],\n        inherit: ['direction-[inherit]'],\n        initial: ['direction-[initial]'],\n        revert: ['direction-[revert]'],\n        'revert-layer': ['direction-[revert-layer]'],\n        unset: ['direction-[unset]']\n      },\n      wrap: {\n        nowrap: ['flex-nowrap'],\n        wrap: ['flex-wrap'],\n        'wrap-reverse': ['flex-wrap-reverse'],\n        inherit: ['[flex-wrap:inherit]'],\n        initial: ['[flex-wrap:initial]'],\n        revert: ['[flex-wrap:revert]'],\n        'revert-layer': ['[flex-wrap:revert-layer]'],\n        unset: ['[flex-wrap:unset]']\n      },\n      justify: {\n        normal: ['justify-normal'],\n        unsafe: ['[justify-content:unsafe]'],\n        safe: ['[justify-content:safe]'],\n        start: ['justify-start'],\n        center: ['justify-center'],\n        end: ['justify-end'],\n        'flex-start': ['justify-start'],\n        'flex-end': ['justify-end'],\n        left: ['[justify-content:left]'],\n        right: ['[justify-content:right]'],\n        'space-between': ['justify-between'],\n        'space-around': ['justify-around'],\n        'space-evenly': ['justify-evenly'],\n        stretch: ['justify-stretch'],\n        inherit: ['[justify-content:inherit]'],\n        initial: ['[justify-content:initial]'],\n        revert: ['[justify-content:revert]'],\n        'revert-layer': ['[justify-content:revert-layer]'],\n        unset: ['[justify-content:unset]']\n      },\n      align: {\n        normal: ['[align-items:normal]'],\n        unsafe: ['[align-items:unsafe]'],\n        safe: ['[align-items:safe]'],\n        center: ['items-center'],\n        start: ['items-start'],\n        end: ['items-end'],\n        'self-start': ['[align-items:self-start]'],\n        'self-end': ['[align-items:self-end]'],\n        'flex-start': ['items-start'],\n        'flex-end': ['items-end'],\n        baseline: ['items-baseline'],\n        'first baseline': ['[align-items:first baseline]'],\n        'last baseline': ['[align-items:last baseline]'],\n        stretch: ['items-stretch'],\n        inherit: ['[align-items:inherit]'],\n        initial: ['[align-items:initial]'],\n        revert: ['[align-items:revert]'],\n        'revert-layer': ['[align-items:revert-layer]'],\n        unset: ['[align-items:unset]']\n      },\n      gap: {\n        0: ['gap-0.5'],\n        1: ['gap-1'],\n        2: ['gap-2'],\n        3: ['gap-3'],\n        4: ['gap-4'],\n        24: ['gap-6'],\n        5: ['gap-8'],\n        6: ['gap-10'],\n        7: ['gap-12'],\n        8: ['gap-16'],\n        9: ['gap-20']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nFlex.displayName = 'Flex'\n"],"names":["Flex","styled"],"mappings":"yCAEO,MAAMA,EAAOC,EAClB,MACA,CACE,KAAM,CAAC,MAAM,EACb,SAAU,CACR,UAAW,CACT,IAAK,CAAC,UAAU,EAChB,cAAe,CAAC,kBAAkB,EAClC,OAAQ,CAAC,UAAU,EACnB,iBAAkB,CAAC,kBAAkB,EACrC,QAAS,CAAC,qBAAqB,EAC/B,QAAS,CAAC,qBAAqB,EAC/B,OAAQ,CAAC,oBAAoB,EAC7B,eAAgB,CAAC,0BAA0B,EAC3C,MAAO,CAAC,mBAAmB,CAC7B,EACA,KAAM,CACJ,OAAQ,CAAC,aAAa,EACtB,KAAM,CAAC,WAAW,EAClB,eAAgB,CAAC,mBAAmB,EACpC,QAAS,CAAC,qBAAqB,EAC/B,QAAS,CAAC,qBAAqB,EAC/B,OAAQ,CAAC,oBAAoB,EAC7B,eAAgB,CAAC,0BAA0B,EAC3C,MAAO,CAAC,mBAAmB,CAC7B,EACA,QAAS,CACP,OAAQ,CAAC,gBAAgB,EACzB,OAAQ,CAAC,0BAA0B,EACnC,KAAM,CAAC,wBAAwB,EAC/B,MAAO,CAAC,eAAe,EACvB,OAAQ,CAAC,gBAAgB,EACzB,IAAK,CAAC,aAAa,EACnB,aAAc,CAAC,eAAe,EAC9B,WAAY,CAAC,aAAa,EAC1B,KAAM,CAAC,wBAAwB,EAC/B,MAAO,CAAC,yBAAyB,EACjC,gBAAiB,CAAC,iBAAiB,EACnC,eAAgB,CAAC,gBAAgB,EACjC,eAAgB,CAAC,gBAAgB,EACjC,QAAS,CAAC,iBAAiB,EAC3B,QAAS,CAAC,2BAA2B,EACrC,QAAS,CAAC,2BAA2B,EACrC,OAAQ,CAAC,0BAA0B,EACnC,eAAgB,CAAC,gCAAgC,EACjD,MAAO,CAAC,yBAAyB,CACnC,EACA,MAAO,CACL,OAAQ,CAAC,sBAAsB,EAC/B,OAAQ,CAAC,sBAAsB,EAC/B,KAAM,CAAC,oBAAoB,EAC3B,OAAQ,CAAC,cAAc,EACvB,MAAO,CAAC,aAAa,EACrB,IAAK,CAAC,WAAW,EACjB,aAAc,CAAC,0BAA0B,EACzC,WAAY,CAAC,wBAAwB,EACrC,aAAc,CAAC,aAAa,EAC5B,WAAY,CAAC,WAAW,EACxB,SAAU,CAAC,gBAAgB,EAC3B,iBAAkB,CAAC,8BAA8B,EACjD,gBAAiB,CAAC,6BAA6B,EAC/C,QAAS,CAAC,eAAe,EACzB,QAAS,CAAC,uBAAuB,EACjC,QAAS,CAAC,uBAAuB,EACjC,OAAQ,CAAC,sBAAsB,EAC/B,eAAgB,CAAC,4BAA4B,EAC7C,MAAO,CAAC,qBAAqB,CAC/B,EACA,IAAK,CACH,EAAG,CAAC,SAAS,EACb,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,GAAI,CAAC,OAAO,EACZ,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,CACd,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAEAD,EAAK,YAAc"}

package/dist/components/form/Form.d.ts

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import type { DefaultValues, FieldValues, Mode, SubmitErrorHandler, SubmitHandler, UseFormMethods } from 'react-hook-form';
 import { type FormCustomContextType } from './useFormCustomContext';
-type StyledFormProps = Omit<React.HTMLAttributes<HTMLFormElement>, 'onSubmit' | 'onError'>;
-interface FormProps<TFormData extends FieldValues> extends StyledFormProps {
+type FormProps<TFormData extends FieldValues> = Omit<React.HTMLAttributes<HTMLFormElement>, 'onSubmit' | 'onError' | 'children'> & {
     defaultValues?: DefaultValues<TFormData>;
     validationMode?: Mode;
     onSubmit: SubmitHandler<TFormData>;
     onError?: SubmitErrorHandler<TFormData>;
+    noValidate?: boolean;
     children: React.ReactNode | ((methods: UseFormMethods<TFormData>) => React.ReactNode);
-}
+};
 export declare const Form: {
     <TFormData extends FieldValues>(props: FormProps<TFormData> & FormCustomContextType): React.JSX.Element;
     displayName: string;

package/dist/components/form/Form.js

@@ -1,2 +1,2 @@
-import*as o from"react";import{useForm as p,FormProvider as c}from"react-hook-form";import{FormCustomContext as f}from"./useFormCustomContext.js";const a=t=>{const{children:e,defaultValues:m,validationMode:n="onBlur",onSubmit:i,onError:l,appearance:u,...d}=t,r=p({defaultValues:m,mode:n});return o.createElement(c,{...r},o.createElement(f.Provider,{value:{appearance:u}},o.createElement("form",{"aria-label":"form",onSubmit:r.handleSubmit(i,l),...d},typeof e=="function"?e(r):e)))};a.displayName="Form";export{a as Form};
+import*as o from"react";import{useForm as p,FormProvider as c}from"react-hook-form";import{FormCustomContext as f}from"./useFormCustomContext.js";const a=t=>{const{children:e,defaultValues:m,validationMode:n="onBlur",onSubmit:l,onError:i,appearance:u,...d}=t,r=p({defaultValues:m,mode:n});return o.createElement(c,{...r},o.createElement(f.Provider,{value:{appearance:u}},o.createElement("form",{"aria-label":"form",onSubmit:r.handleSubmit(l,i),...d},typeof e=="function"?e(r):e)))};a.displayName="Form";export{a as Form};
 //# sourceMappingURL=Form.js.map

package/dist/components/form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../src/components/form/Form.tsx"],"sourcesContent":["import * as React from 'react'\nimport type {\n  DefaultValues,\n  FieldValues,\n  Mode,\n  SubmitErrorHandler,\n  SubmitHandler,\n  UseFormMethods\n} from 'react-hook-form'\nimport { FormProvider, useForm } from 'react-hook-form'\n\nimport {\n  FormCustomContext,\n  type FormCustomContextType\n} from './useFormCustomContext'\n\ntype StyledFormProps = Omit<\n  React.HTMLAttributes<HTMLFormElement>,\n  'onSubmit' | 'onError'\n>\n\ninterface FormProps<TFormData extends FieldValues> extends StyledFormProps {\n  defaultValues?: DefaultValues<TFormData>\n  validationMode?: Mode\n  onSubmit: SubmitHandler<TFormData>\n  onError?: SubmitErrorHandler<TFormData>\n  children:\n    | React.ReactNode\n    | ((methods: UseFormMethods<TFormData>) => React.ReactNode)\n}\n\nexport const Form = <TFormData extends FieldValues>(\n  props: FormProps<TFormData> & FormCustomContextType\n) => {\n  const {\n    children,\n    defaultValues,\n    validationMode = 'onBlur',\n    onSubmit,\n    onError,\n    appearance,\n    ...rest\n  } = props\n\n  const methods = useForm<TFormData>({\n    defaultValues,\n    mode: validationMode\n  })\n\n  return (\n    <FormProvider {...methods}>\n      <FormCustomContext.Provider value={{ appearance }}>\n        <form\n          aria-label=\"form\"\n          onSubmit={methods.handleSubmit(onSubmit, onError)}\n          {...rest}\n        >\n          {typeof children === 'function' ? children(methods) : children}\n        </form>\n      </FormCustomContext.Provider>\n    </FormProvider>\n  )\n}\n\nForm.displayName = 'Form'\n"],"names":["Form","props","children","defaultValues","validationMode","onSubmit","onError","appearance","rest","methods","useForm","React","FormProvider","FormCustomContext"],"mappings":"kJA+Ba,MAAAA,EACXC,GACG,CACH,KAAM,CACJ,SAAAC,EACA,cAAAC,EACA,eAAAC,EAAiB,SACjB,SAAAC,EACA,QAAAC,EACA,WAAAC,EACA,GAAGC,CACL,EAAIP,EAEEQ,EAAUC,EAAmB,CACjC,cAAAP,EACA,KAAMC,CACR,CAAC,EAED,OACEO,EAAA,cAACC,EAAA,CAAc,GAAGH,CAAAA,EAChBE,EAAA,cAACE,EAAkB,SAAlB,CAA2B,MAAO,CAAE,WAAAN,CAAW,CAC9CI,EAAAA,EAAA,cAAC,OACC,CAAA,aAAW,OACX,SAAUF,EAAQ,aAAaJ,EAAUC,CAAO,EAC/C,GAAGE,GAEH,OAAON,GAAa,WAAaA,EAASO,CAAO,EAAIP,CACxD,CACF,CACF,CAEJ,EAEAF,EAAK,YAAc"}
+{"version":3,"file":"Form.js","sources":["../../../src/components/form/Form.tsx"],"sourcesContent":["import * as React from 'react'\nimport type {\n  DefaultValues,\n  FieldValues,\n  Mode,\n  SubmitErrorHandler,\n  SubmitHandler,\n  UseFormMethods\n} from 'react-hook-form'\nimport { FormProvider, useForm } from 'react-hook-form'\n\nimport {\n  FormCustomContext,\n  type FormCustomContextType\n} from './useFormCustomContext'\n\ntype FormProps<TFormData extends FieldValues> = Omit<\n  React.HTMLAttributes<HTMLFormElement>,\n  'onSubmit' | 'onError' | 'children'\n> & {\n  defaultValues?: DefaultValues<TFormData>\n  validationMode?: Mode\n  onSubmit: SubmitHandler<TFormData>\n  onError?: SubmitErrorHandler<TFormData>\n  noValidate?: boolean\n  children:\n    | React.ReactNode\n    | ((methods: UseFormMethods<TFormData>) => React.ReactNode)\n}\n\nexport const Form = <TFormData extends FieldValues>(\n  props: FormProps<TFormData> & FormCustomContextType\n) => {\n  const {\n    children,\n    defaultValues,\n    validationMode = 'onBlur',\n    onSubmit,\n    onError,\n    appearance,\n    ...rest\n  } = props\n\n  const methods = useForm<TFormData>({\n    defaultValues,\n    mode: validationMode\n  })\n\n  return (\n    <FormProvider {...methods}>\n      <FormCustomContext.Provider value={{ appearance }}>\n        <form\n          aria-label=\"form\"\n          onSubmit={methods.handleSubmit(onSubmit, onError)}\n          {...rest}\n        >\n          {typeof children === 'function' ? children(methods) : children}\n        </form>\n      </FormCustomContext.Provider>\n    </FormProvider>\n  )\n}\n\nForm.displayName = 'Form'\n"],"names":["Form","props","children","defaultValues","validationMode","onSubmit","onError","appearance","rest","methods","useForm","React","FormProvider","FormCustomContext"],"mappings":"kJA8Ba,MAAAA,EACXC,GACG,CACH,KAAM,CACJ,SAAAC,EACA,cAAAC,EACA,eAAAC,EAAiB,SACjB,SAAAC,EACA,QAAAC,EACA,WAAAC,EACA,GAAGC,CACL,EAAIP,EAEEQ,EAAUC,EAAmB,CACjC,cAAAP,EACA,KAAMC,CACR,CAAC,EAED,OACEO,EAAA,cAACC,EAAA,CAAc,GAAGH,CAAAA,EAChBE,EAAA,cAACE,EAAkB,SAAlB,CAA2B,MAAO,CAAE,WAAAN,CAAW,CAC9CI,EAAAA,EAAA,cAAC,OACC,CAAA,aAAW,OACX,SAAUF,EAAQ,aAAaJ,EAAUC,CAAO,EAC/C,GAAGE,GAEH,OAAON,GAAa,WAAaA,EAASO,CAAO,EAAIP,CACxD,CACF,CACF,CAEJ,EAEAF,EAAK,YAAc"}