@atom-learning/components 8.0.3 → 8.1.1

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 declare const EmptyStateContainer: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size"> & {
-    size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
+    size?: ("lg" | "md" | "sm" | "xl" | "xs" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "lg" | "md" | "sm" | "xl" | "xs">>) | undefined;
 } & {
     as?: React.ElementType;
 }>;
@@ -13,31 +13,32 @@ export declare const EmptyState: {
         fluid?: boolean | undefined;
     } & {
         as?: React.ElementType;
-    }, "as"> & {
+    }, "as" | "children"> & {
         as?: never;
+        children?: React.ReactNode;
     }, "ref"> & React.RefAttributes<HTMLImageElement>, "size"> & {
-        size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
+        size?: ("lg" | "md" | "sm" | "xl" | "xs" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "lg" | "md" | "sm" | "xl" | "xs">>) | undefined;
     } & {
         as?: React.ElementType;
     }) => React.JSX.Element;
     Title: (props: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "size"> & {
-        size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
+        size?: ("lg" | "md" | "sm" | "xl" | "xs" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "lg" | "md" | "sm" | "xl" | "xs">>) | undefined;
     } & {
         as?: React.ElementType;
     } & {
         as?: React.ComponentType | React.ElementType;
     }) => React.JSX.Element;
-    Body: (props: Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "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?: ("display" | "body" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "display" | "body" | "mono">>) | undefined;
+    Body: (props: Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "family" | "noCapsize" | "size" | "weight"> & {
+        size?: ("2xl" | "3xl" | "4xl" | "lg" | "md" | "sm" | "xl" | "xs" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "2xl" | "3xl" | "4xl" | "lg" | "md" | "sm" | "xl" | "xs">>) | undefined;
+        noCapsize?: (boolean | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", boolean>>) | undefined;
+        weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "bold" | "normal">>) | undefined;
+        family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "body" | "display" | "mono">>) | undefined;
     } & {
         as?: React.ElementType;
     }, "as"> & {
-        as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
+        as?: 'blockquote' | 'caption' | 'dd' | 'dt' | 'figcaption' | 'li' | 'p' | 'span' | 'legend' | React.ComponentType | React.ElementType;
     }, "ref"> & React.RefAttributes<HTMLParagraphElement>, "size"> & {
-        size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
+        size?: ("lg" | "md" | "sm" | "xl" | "xs" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "lg" | "md" | "sm" | "xl" | "xs">>) | undefined;
     } & {
         as?: React.ElementType;
     }) => React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../src/components/empty-state/EmptyState.tsx"],"sourcesContent":["import * as React from 'react'\n\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  'div',\n  {\n    base: ['flex', '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"],"mappings":";;;;;;;;AASA,IAAM,sBAAsB,OAC1B,OACA;CACE,MAAM;EAAC;EAAQ;EAAY;EAAgB;EAAe;EAAc;CACxE,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,MAAM;EACX,IAAI,CAAC,MAAM;EACX,IAAI,CAAC,MAAM;EACX,IAAI,CAAC,MAAM;EACX,IAAI,CAAC,OAAO;EACb,EACF;CACF,EACD,EAAE,2BAA2B,MAAM,CACpC;AAID,IAAM,uBAAuB,EAAE,OAAO,MAAM,GAAG,WAC7C,oBAAC,oBAAD;CAA0B;WACxB,oBAAC,qBAAD;EAA2B;EAAM,GAAI;EAAQ,CAAA;CAC1B,CAAA;AAGvB,IAAa,aAAa,OAAO,OAAO,qBAAqB;CAC3D,OAAO;CACP,OAAO;CACP,MAAM;CACP,CAAC;AAEF,oBAAoB,cAAc"}
+{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../src/components/empty-state/EmptyState.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '../../styled'\nimport { EmptyStateProvider } from './EmptyState.context'\nimport { EmptyStateBody } from './EmptyStateBody'\nimport { EmptyStateImage } from './EmptyStateImage'\nimport { EmptyStateTitle } from './EmptyStateTitle'\n\nconst EmptyStateContainer = styled(\n  'div',\n  {\n    base: ['flex', '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"],"mappings":";;;;;;;;AAQA,IAAM,sBAAsB,OAC1B,OACA;CACE,MAAM;EAAC;EAAQ;EAAY;EAAgB;EAAe;CAAa;CACvE,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,KAAK;EACV,IAAI,CAAC,KAAK;EACV,IAAI,CAAC,KAAK;EACV,IAAI,CAAC,KAAK;EACV,IAAI,CAAC,MAAM;CACb,EACF;AACF,GACA,EAAE,2BAA2B,KAAK,CACpC;AAIA,IAAM,uBAAuB,EAAE,OAAO,MAAM,GAAG,WAC7C,oBAAC,oBAAD;CAA0B;WACxB,oBAAC,qBAAD;EAA2B;EAAM,GAAI;CAAO,CAAA;AAC1B,CAAA;AAGtB,IAAa,aAAa,OAAO,OAAO,qBAAqB;CAC3D,OAAO;CACP,OAAO;CACP,MAAM;AACR,CAAC;AAED,oBAAoB,cAAc"}

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

@@ -1,15 +1,15 @@
 import * as React from 'react';
-declare const StyledEmptyStateBody: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "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?: ("display" | "body" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "display" | "body" | "mono">>) | undefined;
+declare const StyledEmptyStateBody: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "family" | "noCapsize" | "size" | "weight"> & {
+    size?: ("2xl" | "3xl" | "4xl" | "lg" | "md" | "sm" | "xl" | "xs" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "2xl" | "3xl" | "4xl" | "lg" | "md" | "sm" | "xl" | "xs">>) | undefined;
+    noCapsize?: (boolean | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", boolean>>) | undefined;
+    weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "bold" | "normal">>) | undefined;
+    family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "body" | "display" | "mono">>) | undefined;
 } & {
     as?: React.ElementType;
 }, "as"> & {
-    as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
+    as?: 'blockquote' | 'caption' | 'dd' | 'dt' | 'figcaption' | 'li' | 'p' | 'span' | 'legend' | React.ComponentType | React.ElementType;
 }, "ref"> & React.RefAttributes<HTMLParagraphElement>, "size"> & {
-    size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
+    size?: ("lg" | "md" | "sm" | "xl" | "xs" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "lg" | "md" | "sm" | "xl" | "xs">>) | undefined;
 } & {
     as?: React.ElementType;
 }>;

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateBody.js","names":[],"sources":["../../../src/components/empty-state/EmptyStateBody.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Text } from '~/components/text/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"],"mappings":";;;;;;AAOA,IAAM,uBAAuB,OAC3B,MACA;CACE,MAAM,CAAC,iBAAiB,cAAc;CACtC,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,QAAQ,UAAU;EACvB,IAAI,CAAC,QAAQ,UAAU;EACvB,IAAI,CAAC,QAAQ,UAAU;EACvB,IAAI,CAAC,QAAQ,UAAU;EACvB,IAAI,CAAC,QAAQ,UAAU;EACxB,EACF;CACF,EACD,EAAE,2BAA2B,MAAM,CACpC;AAID,IAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,SAAS,QAAM,WAAW,kBAAkB;AACpD,QAAO,oBAAC,sBAAD;EAAsB,GAAI;EAAa;EAAQ,CAAA"}
+{"version":3,"file":"EmptyStateBody.js","names":[],"sources":["../../../src/components/empty-state/EmptyStateBody.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '../../styled'\nimport { Text } from '../text/Text'\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"],"mappings":";;;;;;AAMA,IAAM,uBAAuB,OAC3B,MACA;CACE,MAAM,CAAC,iBAAiB,aAAa;CACrC,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,QAAQ,SAAS;EACtB,IAAI,CAAC,QAAQ,SAAS;EACtB,IAAI,CAAC,QAAQ,SAAS;EACtB,IAAI,CAAC,QAAQ,SAAS;EACtB,IAAI,CAAC,QAAQ,SAAS;CACxB,EACF;AACF,GACA,EAAE,2BAA2B,KAAK,CACpC;AAIA,IAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,SAAS,QAAM,WAAW,iBAAiB;CACnD,OAAO,oBAAC,sBAAD;EAAsB,GAAI;EAAa;CAAO,CAAA;AACvD"}

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

@@ -1,12 +1,13 @@
-import React from 'react';
+import * as React from 'react';
 declare const StyledEmptyStateImage: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "fluid"> & {
     fluid?: boolean | undefined;
 } & {
     as?: React.ElementType;
-}, "as"> & {
+}, "as" | "children"> & {
     as?: never;
+    children?: React.ReactNode;
 }, "ref"> & React.RefAttributes<HTMLImageElement>, "size"> & {
-    size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
+    size?: ("lg" | "md" | "sm" | "xl" | "xs" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "lg" | "md" | "sm" | "xl" | "xs">>) | undefined;
 } & {
     as?: React.ElementType;
 }>;

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

@@ -1,7 +1,7 @@
 import { styled } from "../../styled.js";
 import { Image } from "../image/Image.js";
 import { EmptyStateContext } from "./EmptyState.context.js";
-import React from "react";
+import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/empty-state/EmptyStateImage.tsx
 var StyledEmptyStateImage = styled(Image, {
@@ -35,7 +35,7 @@ var StyledEmptyStateImage = styled(Image, {
 	} }
 }, { enabledResponsiveVariants: true });
 var EmptyStateImage = (props) => {
-	const { size } = React.useContext(EmptyStateContext);
+	const { size } = React$1.useContext(EmptyStateContext);
 	return /* @__PURE__ */ jsx(StyledEmptyStateImage, {
 		size,
 		...props

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateImage.js","names":[],"sources":["../../../src/components/empty-state/EmptyStateImage.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Image } from '~/components/image/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"],"mappings":";;;;;;AAOA,IAAM,wBAAwB,OAC5B,OACA;CACE,MAAM,EAAE;CACR,UAAU,EACR,MAAM;EACJ,IAAI;GAAC;GAAW;GAAY;GAAO;EACnC,IAAI;GAAC;GAAY;GAAY;GAAO;EACpC,IAAI;GAAC;GAAY;GAAiB;GAAO;EACzC,IAAI;GAAC;GAAiB;GAAiB;GAAO;EAC9C,IAAI;GAAC;GAAiB;GAAiB;GAAO;EAC/C,EACF;CACF,EACD,EAAE,2BAA2B,MAAM,CACpC;AAID,IAAa,mBAAmB,UAAgC;CAC9D,MAAM,EAAE,SAAS,MAAM,WAAW,kBAAkB;AACpD,QAAO,oBAAC,uBAAD;EAA6B;EAAM,GAAI;EAAS,CAAA"}
+{"version":3,"file":"EmptyStateImage.js","names":[],"sources":["../../../src/components/empty-state/EmptyStateImage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '../../styled'\nimport { Image } from '../image/Image'\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"],"mappings":";;;;;;AAMA,IAAM,wBAAwB,OAC5B,OACA;CACE,MAAM,CAAC;CACP,UAAU,EACR,MAAM;EACJ,IAAI;GAAC;GAAW;GAAY;EAAM;EAClC,IAAI;GAAC;GAAY;GAAY;EAAM;EACnC,IAAI;GAAC;GAAY;GAAiB;EAAM;EACxC,IAAI;GAAC;GAAiB;GAAiB;EAAM;EAC7C,IAAI;GAAC;GAAiB;GAAiB;EAAM;CAC/C,EACF;AACF,GACA,EAAE,2BAA2B,KAAK,CACpC;AAIA,IAAa,mBAAmB,UAAgC;CAC9D,MAAM,EAAE,SAAS,QAAM,WAAW,iBAAiB;CACnD,OAAO,oBAAC,uBAAD;EAA6B;EAAM,GAAI;CAAQ,CAAA;AACxD"}

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 declare const StyledEmptyStateTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "size"> & {
-    size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
+    size?: ("lg" | "md" | "sm" | "xl" | "xs" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "lg" | "md" | "sm" | "xl" | "xs">>) | undefined;
 } & {
     as?: React.ElementType;
 }>;

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateTitle.js","names":[],"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"],"mappings":";;;;;AAMA,IAAM,wBAAwB,OAC5B,MACA;CACE,MAAM;EAAC;EAAiB;EAAa;EAAiB;EAAM;CAC5D,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,QAAQ,UAAU;EACvB,IAAI,CAAC,QAAQ,UAAU;EACvB,IAAI,CAAC,QAAQ,UAAU;EACvB,IAAI,CAAC,QAAQ,UAAU;EACvB,IAAI,CAAC,QAAQ,UAAU;EACxB,EACF;CACF,EACD,EAAE,2BAA2B,MAAM,CACpC;AAQD,IAAa,mBAAmB,UAAgC;CAC9D,MAAM,EAAE,SAAS,QAAM,WAAW,kBAAkB;AACpD,QAAO,oBAAC,uBAAD;EAA6B;EAAM,GAAI;EAAS,CAAA"}
+{"version":3,"file":"EmptyStateTitle.js","names":[],"sources":["../../../src/components/empty-state/EmptyStateTitle.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '../../styled'\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"],"mappings":";;;;;AAKA,IAAM,wBAAwB,OAC5B,MACA;CACE,MAAM;EAAC;EAAiB;EAAa;EAAiB;CAAK;CAC3D,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,QAAQ,SAAS;EACtB,IAAI,CAAC,QAAQ,SAAS;EACtB,IAAI,CAAC,QAAQ,SAAS;EACtB,IAAI,CAAC,QAAQ,SAAS;EACtB,IAAI,CAAC,QAAQ,SAAS;CACxB,EACF;AACF,GACA,EAAE,2BAA2B,KAAK,CACpC;AAQA,IAAa,mBAAmB,UAAgC;CAC9D,MAAM,EAAE,SAAS,QAAM,WAAW,iBAAiB;CACnD,OAAO,oBAAC,uBAAD;EAA6B;EAAM,GAAI;CAAQ,CAAA;AACxD"}

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

@@ -1 +1 @@
-{"version":3,"file":"FieldDescription.js","names":[],"sources":["../../../src/components/field-wrapper/FieldDescription.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Text } from '~/components/text/Text'\nimport { cn } from '~/styled'\n\nexport const Description = ({\n  children,\n  className\n}: React.PropsWithChildren<{ className?: string }>) => (\n  <Text size=\"sm\" className={cn('text-grey-700', 'max-w-[80ch]', className)}>\n    {children}\n  </Text>\n)\n"],"mappings":";;;;;AAKA,IAAa,eAAe,EAC1B,UACA,gBAEA,oBAAC,MAAD;CAAM,MAAK;CAAK,WAAW,GAAG,iBAAiB,gBAAgB,UAAU;CACtE;CACI,CAAA"}
+{"version":3,"file":"FieldDescription.js","names":[],"sources":["../../../src/components/field-wrapper/FieldDescription.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '../../styled'\nimport { Text } from '../text/Text'\n\nexport const Description = ({\n  children,\n  className\n}: React.PropsWithChildren<{ className?: string }>) => (\n  <Text size=\"sm\" className={cn('text-grey-700', 'max-w-[80ch]', className)}>\n    {children}\n  </Text>\n)\n"],"mappings":";;;;;AAKA,IAAa,eAAe,EAC1B,UACA,gBAEA,oBAAC,MAAD;CAAM,MAAK;CAAK,WAAW,GAAG,iBAAiB,gBAAgB,SAAS;CACrE;AACG,CAAA"}

package/dist/components/field-wrapper/FieldWrapper.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ValidationOptions } from '../../components/form/validation';
+import type { ValidationOptions } from '../form/validation';
 import { type LabelProps } from '../label/Label';
 export type FieldWrapperProps = {
     className?: string;
@@ -20,7 +20,7 @@ export type FieldElementWrapperProps = Omit<FieldWrapperProps, 'fieldId'> & {
     name: string;
     validation?: ValidationOptions;
 };
-export declare const FieldWrapper: {
-    ({ children, error, fieldId, label, prompt, description, required, hideLabel, appearance, ...rest }: React.PropsWithChildren<FieldWrapperProps>): React.JSX.Element;
-    displayName: string;
-};
+export declare function FieldWrapper({ children, error, fieldId, label, prompt, description, required, hideLabel, appearance, ...rest }: React.PropsWithChildren<FieldWrapperProps>): React.JSX.Element;
+export declare namespace FieldWrapper {
+    var displayName: string;
+}

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

@@ -1,8 +1,8 @@
 import { cn } from "../../styled.js";
+import { Link } from "../link/Link.js";
 import { InlineMessage } from "../inline-message/InlineMessage.js";
 import { Label } from "../label/Label.js";
 import { Description } from "./FieldDescription.js";
-import { Link } from "../link/Link.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/field-wrapper/FieldWrapper.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"FieldWrapper.js","names":[],"sources":["../../../src/components/field-wrapper/FieldWrapper.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ValidationOptions } from '~/components/form/validation'\nimport { InlineMessage } from '~/components/inline-message/InlineMessage'\nimport { Label } from '~/components/label/Label'\nimport { Link } from '~/components/link/Link'\nimport { cn } from '~/styled'\n\nimport { type LabelProps } from '../label/Label'\nimport { Description } from './FieldDescription'\n\nexport type FieldWrapperProps = {\n  className?: string\n  error?: string\n  fieldId: string\n  label: string\n  prompt?: { link?: string; label: string; onClick?: () => void }\n  description?: string\n  required?: boolean\n  hideLabel?: boolean\n  appearance?: LabelProps['appearance']\n}\n\nexport type FieldElementWrapperProps = Omit<FieldWrapperProps, 'fieldId'> & {\n  name: string\n  validation?: ValidationOptions\n}\n\nexport const FieldWrapper = ({\n  children,\n  error,\n  fieldId,\n  label,\n  prompt,\n  description,\n  required,\n  hideLabel,\n  appearance,\n  ...rest\n}: React.PropsWithChildren<FieldWrapperProps>) => (\n  <div {...rest}>\n    <div\n      className={cn(\n        'mb-3',\n        'flex',\n        'items-center',\n        'justify-between',\n        hideLabel && 'sr-only'\n      )}\n    >\n      <Label htmlFor={fieldId} required={required} appearance={appearance}>\n        {label}\n      </Label>\n      {prompt && (\n        <Link href={prompt?.link} onClick={prompt?.onClick} size=\"sm\">\n          {prompt.label}\n        </Link>\n      )}\n    </div>\n    {description && <Description className=\"mb-3\">{description}</Description>}\n    {children}\n    {error && <InlineMessage className=\"mt-2\">{error}</InlineMessage>}\n  </div>\n)\n\nFieldWrapper.displayName = 'FieldWrapper'\n"],"mappings":";;;;;;;;AA4BA,IAAa,gBAAgB,EAC3B,UACA,OACA,SACA,OACA,QACA,aACA,UACA,WACA,YACA,GAAG,WAEH,qBAAC,OAAD;CAAK,GAAI;WAAT;EACE,qBAAC,OAAD;GACE,WAAW,GACT,QACA,QACA,gBACA,mBACA,aAAa,UACd;aAPH,CASE,oBAAC,OAAD;IAAO,SAAS;IAAmB;IAAsB;cACtD;IACK,CAAA,EACP,UACC,oBAAC,MAAD;IAAM,MAAM,QAAQ;IAAM,SAAS,QAAQ;IAAS,MAAK;cACtD,OAAO;IACH,CAAA,CAEL;;EACL,eAAe,oBAAC,aAAD;GAAa,WAAU;aAAQ;GAA0B,CAAA;EACxE;EACA,SAAS,oBAAC,eAAD;GAAe,WAAU;aAAQ;GAAsB,CAAA;EAC7D;;AAGR,aAAa,cAAc"}
+{"version":3,"file":"FieldWrapper.js","names":[],"sources":["../../../src/components/field-wrapper/FieldWrapper.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '../../styled'\nimport type { ValidationOptions } from '../form/validation'\nimport { InlineMessage } from '../inline-message/InlineMessage'\nimport { Label } from '../label/Label'\nimport { type LabelProps } from '../label/Label'\nimport { Link } from '../link/Link'\nimport { Description } from './FieldDescription'\n\nexport type FieldWrapperProps = {\n  className?: string\n  error?: string\n  fieldId: string\n  label: string\n  prompt?: { link?: string; label: string; onClick?: () => void }\n  description?: string\n  required?: boolean\n  hideLabel?: boolean\n  appearance?: LabelProps['appearance']\n}\n\nexport type FieldElementWrapperProps = Omit<FieldWrapperProps, 'fieldId'> & {\n  name: string\n  validation?: ValidationOptions\n}\n\nexport const FieldWrapper = ({\n  children,\n  error,\n  fieldId,\n  label,\n  prompt,\n  description,\n  required,\n  hideLabel,\n  appearance,\n  ...rest\n}: React.PropsWithChildren<FieldWrapperProps>) => (\n  <div {...rest}>\n    <div\n      className={cn(\n        'mb-3',\n        'flex',\n        'items-center',\n        'justify-between',\n        hideLabel && 'sr-only'\n      )}\n    >\n      <Label htmlFor={fieldId} required={required} appearance={appearance}>\n        {label}\n      </Label>\n      {prompt && (\n        <Link href={prompt?.link} onClick={prompt?.onClick} size=\"sm\">\n          {prompt.label}\n        </Link>\n      )}\n    </div>\n    {description && <Description className=\"mb-3\">{description}</Description>}\n    {children}\n    {error && <InlineMessage className=\"mt-2\">{error}</InlineMessage>}\n  </div>\n)\n\nFieldWrapper.displayName = 'FieldWrapper'\n"],"mappings":";;;;;;;;AA2BA,IAAa,gBAAgB,EAC3B,UACA,OACA,SACA,OACA,QACA,aACA,UACA,WACA,YACA,GAAG,WAEH,qBAAC,OAAD;CAAK,GAAI;WAAT;EACE,qBAAC,OAAD;GACE,WAAW,GACT,QACA,QACA,gBACA,mBACA,aAAa,SACf;aAPF,CASE,oBAAC,OAAD;IAAO,SAAS;IAAmB;IAAsB;cACtD;GACI,CAAA,GACN,UACC,oBAAC,MAAD;IAAM,MAAM,QAAQ;IAAM,SAAS,QAAQ;IAAS,MAAK;cACtD,OAAO;GACJ,CAAA,CAEL;;EACJ,eAAe,oBAAC,aAAD;GAAa,WAAU;aAAQ;EAAyB,CAAA;EACvE;EACA,SAAS,oBAAC,eAAD;GAAe,WAAU;aAAQ;EAAqB,CAAA;CAC7D;;AAGP,aAAa,cAAc"}

package/dist/components/field-wrapper/InlineFieldWrapper.d.ts

@@ -8,8 +8,8 @@ type InlineFieldWrapperProps = {
     direction?: 'row' | 'reverse';
     description?: string;
 };
-export declare const InlineFieldWrapper: {
-    ({ align, children, className, description, direction, error, label, required }: React.PropsWithChildren<InlineFieldWrapperProps>): React.JSX.Element;
-    displayName: string;
-};
+export declare function InlineFieldWrapper({ align, children, className, description, direction, error, label, required }: React.PropsWithChildren<InlineFieldWrapperProps>): React.JSX.Element;
+export declare namespace InlineFieldWrapper {
+    var displayName: string;
+}
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"InlineFieldWrapper.js","names":[],"sources":["../../../src/components/field-wrapper/InlineFieldWrapper.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Checkbox } from '~/components/checkbox/Checkbox'\nimport { InlineMessage } from '~/components/inline-message/InlineMessage'\nimport { Label } from '~/components/label/Label'\nimport { RadioButton } from '~/components/radio-button/RadioButton'\nimport { cn } from '~/styled'\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={cn(\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={cn(\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"],"mappings":";;;;;;;;;AAoBA,IAAa,sBAAsB,EACjC,QAAQ,SACR,UACA,WACA,aACA,YAAY,OACZ,OACA,OACA,eAEA,qBAAC,OAAD;CAAgB;WAAhB;EACE,qBAAC,OAAD;GACS;GACI;GACD;GACV,MAAK;aAJP,CAMG,QAAM,SAAS,IAAI,WAAW,UAC7B,oBAAC,OAAD;IACE,WAAW,GACT,cAAc,aAAa,QAC3B,cAAc,SAAS,SACtB,OAAO,SAAS,YAAY,OAAO,SAAS,gBAC3C,OAAO,OAAO,SAAS,QACvB,gBACH;cAEA;IACG,CAAA,CACN,EACD,MACK;;EACP,SAAS,oBAAC,eAAD;GAAe,WAAU;aAAQ;GAAsB,CAAA;EAChE,eACC,oBAAC,aAAD;GACE,WAAW,GACT,QACA,cAAc,aAAa,QAC3B,cAAc,SAAS,OACxB;aAEA;GACW,CAAA;EAEZ;;AAGR,mBAAmB,cAAc"}
+{"version":3,"file":"InlineFieldWrapper.js","names":[],"sources":["../../../src/components/field-wrapper/InlineFieldWrapper.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '../../styled'\nimport { Checkbox } from '../checkbox/Checkbox'\nimport { InlineMessage } from '../inline-message/InlineMessage'\nimport { Label } from '../label/Label'\nimport { RadioButton } from '../radio-button/RadioButton'\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={cn(\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={cn(\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"],"mappings":";;;;;;;;;AAmBA,IAAa,sBAAsB,EACjC,QAAQ,SACR,UACA,WACA,aACA,YAAY,OACZ,OACA,OACA,eAEA,qBAAC,OAAD;CAAgB;WAAhB;EACE,qBAAC,OAAD;GACS;GACI;GACD;GACV,MAAK;aAJP,CAMG,QAAM,SAAS,IAAI,WAAW,UAC7B,oBAAC,OAAD;IACE,WAAW,GACT,cAAc,aAAa,QAC3B,cAAc,SAAS,SACtB,OAAO,SAAS,YAAY,OAAO,SAAS,gBAC3C,OAAO,OAAO,SAAS,QACvB,eACJ;cAEC;GACE,CAAA,CACN,GACA,KACI;;EACN,SAAS,oBAAC,eAAD;GAAe,WAAU;aAAQ;EAAqB,CAAA;EAC/D,eACC,oBAAC,aAAD;GACE,WAAW,GACT,QACA,cAAc,aAAa,QAC3B,cAAc,SAAS,MACzB;aAEC;EACU,CAAA;CAEZ;;AAGP,mBAAmB,cAAc"}

package/dist/components/file-drop/FileDrop.context.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { FileDropContextValue } from './types';
+export declare const FileDropContext: React.Context<FileDropContextValue>;

package/dist/components/file-drop/FileDrop.context.js

@@ -0,0 +1,10 @@
+import * as React$1 from "react";
+//#region src/components/file-drop/FileDrop.context.ts
+var FileDropContext = React$1.createContext({
+	isDragging: false,
+	files: []
+});
+//#endregion
+export { FileDropContext };
+
+//# sourceMappingURL=FileDrop.context.js.map

package/dist/components/file-drop/FileDrop.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDrop.context.js","names":[],"sources":["../../../src/components/file-drop/FileDrop.context.ts"],"sourcesContent":["import * as React from 'react'\n\nimport type { FileDropContextValue } from './types'\n\nexport const FileDropContext = React.createContext<FileDropContextValue>({\n  isDragging: false,\n  files: []\n})\n"],"mappings":";;AAIA,IAAa,kBAAkB,QAAM,cAAoC;CACvE,YAAY;CACZ,OAAO,CAAC;AACV,CAAC"}

package/dist/components/file-drop/FileDrop.d.ts

@@ -6,8 +6,8 @@ interface FileDropProps extends Omit<React.ComponentProps<'div'>, 'onDrop' | 're
     accept?: React.InputHTMLAttributes<HTMLInputElement>['accept'];
     multiple?: React.InputHTMLAttributes<HTMLInputElement>['multiple'];
 }
-export declare const FileDrop: {
-    ({ children, accept, multiple, onDrop, ...props }: FileDropProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function FileDrop({ children, accept, multiple, onDrop, ...rest }: FileDropProps): React.JSX.Element;
+export declare namespace FileDrop {
+    var displayName: string;
+}
 export {};

package/dist/components/file-drop/FileDrop.js

@@ -1,5 +1,5 @@
 import { styled } from "../../styled.js";
-import { FileDropContext } from "./FileDropContext.js";
+import { FileDropContext } from "./FileDrop.context.js";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/file-drop/FileDrop.tsx
@@ -17,7 +17,7 @@ var StyledContainer = styled("div", { base: [
 	"cursor-pointer",
 	"**:pointer-events-none"
 ] });
-var FileDrop = ({ children, accept, multiple, onDrop, ...props }) => {
+var FileDrop = ({ children, accept, multiple, onDrop, ...rest }) => {
 	const [isDragging, setIsDragging] = React$1.useState(false);
 	const [files, setFiles] = React$1.useState([]);
 	const fileUploadInputRef = React$1.useRef(null);
@@ -53,7 +53,7 @@ var FileDrop = ({ children, accept, multiple, onDrop, ...props }) => {
 			role: "button",
 			onKeyDown: handleKeyDown,
 			tabIndex: 0,
-			...props,
+			...rest,
 			children: [typeof children === "function" ? children(value) : children, /* @__PURE__ */ jsx("input", {
 				type: "file",
 				ref: fileUploadInputRef,

package/dist/components/file-drop/FileDrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileDrop.js","names":[],"sources":["../../../src/components/file-drop/FileDrop.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { FileDropContext } from './FileDropContext'\nimport { type FileDropContextValue } from './types'\n\ninterface FileDropProps extends Omit<\n  React.ComponentProps<'div'>,\n  'onDrop' | 'ref' | 'children'\n> {\n  onDrop: (files: File[]) => void\n  children?:\n    | React.ReactNode\n    | ((value: FileDropContextValue) => React.ReactNode)\n  accept?: React.InputHTMLAttributes<HTMLInputElement>['accept']\n  multiple?: React.InputHTMLAttributes<HTMLInputElement>['multiple']\n}\n\nconst StyledContainer = styled('div', {\n  base: [\n    'flex',\n    'flex-col',\n    'gap-6',\n    'items-center',\n    'border',\n    'border-dashed',\n    'border-grey-500',\n    'px-12',\n    'py-8',\n    'rounded-md',\n    'cursor-pointer',\n    '**:pointer-events-none'\n  ]\n})\n\nexport const FileDrop = ({\n  children,\n  accept,\n  multiple,\n  onDrop,\n  ...props\n}: FileDropProps) => {\n  const [isDragging, setIsDragging] = React.useState(false)\n  const [files, setFiles] = React.useState<File[]>([])\n  const fileUploadInputRef = React.useRef<HTMLInputElement>(null)\n\n  const handleDragOver = (event: React.DragEvent<HTMLDivElement>) => {\n    event.preventDefault()\n    setIsDragging(true)\n  }\n\n  const handleDragLeave = () => setIsDragging(false)\n\n  const handleDrop = (fileList: FileList | null) => {\n    if (!fileList) return\n\n    setIsDragging(false)\n\n    const files = Array.from(fileList)\n    onDrop(files)\n    setFiles(files)\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (['Space', 'Enter'].includes(event.key)) {\n      fileUploadInputRef.current?.click()\n    }\n  }\n\n  const value: FileDropContextValue = { isDragging, files }\n\n  return (\n    <FileDropContext.Provider value={value}>\n      <StyledContainer\n        onDragOver={handleDragOver}\n        onDragLeave={handleDragLeave}\n        onDrop={(event) => {\n          event.preventDefault()\n          handleDrop(event.dataTransfer.files)\n        }}\n        onClick={() => fileUploadInputRef.current?.click()}\n        role=\"button\"\n        onKeyDown={handleKeyDown}\n        tabIndex={0}\n        {...props}\n      >\n        {typeof children === 'function' ? children(value) : children}\n        <input\n          type=\"file\"\n          ref={fileUploadInputRef}\n          style={{ visibility: 'hidden' }}\n          accept={accept}\n          multiple={multiple}\n          onChange={(event) => {\n            handleDrop(event.target.files)\n          }}\n        />\n      </StyledContainer>\n    </FileDropContext.Provider>\n  )\n}\n\nFileDrop.displayName = 'FileDrop'\n"],"mappings":";;;;;AAmBA,IAAM,kBAAkB,OAAO,OAAO,EACpC,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAEF,IAAa,YAAY,EACvB,UACA,QACA,UACA,QACA,GAAG,YACgB;CACnB,MAAM,CAAC,YAAY,iBAAiB,QAAM,SAAS,MAAM;CACzD,MAAM,CAAC,OAAO,YAAY,QAAM,SAAiB,EAAE,CAAC;CACpD,MAAM,qBAAqB,QAAM,OAAyB,KAAK;CAE/D,MAAM,kBAAkB,UAA2C;AACjE,QAAM,gBAAgB;AACtB,gBAAc,KAAK;;CAGrB,MAAM,wBAAwB,cAAc,MAAM;CAElD,MAAM,cAAc,aAA8B;AAChD,MAAI,CAAC,SAAU;AAEf,gBAAc,MAAM;EAEpB,MAAM,QAAQ,MAAM,KAAK,SAAS;AAClC,SAAO,MAAM;AACb,WAAS,MAAM;;CAGjB,MAAM,iBAAiB,UAA+C;AACpE,MAAI,CAAC,SAAS,QAAQ,CAAC,SAAS,MAAM,IAAI,CACxC,oBAAmB,SAAS,OAAO;;CAIvC,MAAM,QAA8B;EAAE;EAAY;EAAO;AAEzD,QACE,oBAAC,gBAAgB,UAAjB;EAAiC;YAC/B,qBAAC,iBAAD;GACE,YAAY;GACZ,aAAa;GACb,SAAS,UAAU;AACjB,UAAM,gBAAgB;AACtB,eAAW,MAAM,aAAa,MAAM;;GAEtC,eAAe,mBAAmB,SAAS,OAAO;GAClD,MAAK;GACL,WAAW;GACX,UAAU;GACV,GAAI;aAXN,CAaG,OAAO,aAAa,aAAa,SAAS,MAAM,GAAG,UACpD,oBAAC,SAAD;IACE,MAAK;IACL,KAAK;IACL,OAAO,EAAE,YAAY,UAAU;IACvB;IACE;IACV,WAAW,UAAU;AACnB,gBAAW,MAAM,OAAO,MAAM;;IAEhC,CAAA,CACc;;EACO,CAAA;;AAI/B,SAAS,cAAc"}
+{"version":3,"file":"FileDrop.js","names":[],"sources":["../../../src/components/file-drop/FileDrop.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '../../styled'\nimport { FileDropContext } from './FileDrop.context'\nimport { type FileDropContextValue } from './types'\n\ninterface FileDropProps extends Omit<\n  React.ComponentProps<'div'>,\n  'onDrop' | 'ref' | 'children'\n> {\n  onDrop: (files: File[]) => void\n  children?:\n    | React.ReactNode\n    | ((value: FileDropContextValue) => React.ReactNode)\n  accept?: React.InputHTMLAttributes<HTMLInputElement>['accept']\n  multiple?: React.InputHTMLAttributes<HTMLInputElement>['multiple']\n}\n\nconst StyledContainer = styled('div', {\n  base: [\n    'flex',\n    'flex-col',\n    'gap-6',\n    'items-center',\n    'border',\n    'border-dashed',\n    'border-grey-500',\n    'px-12',\n    'py-8',\n    'rounded-md',\n    'cursor-pointer',\n    '**:pointer-events-none'\n  ]\n})\n\nexport const FileDrop = ({\n  children,\n  accept,\n  multiple,\n  onDrop,\n  ...rest\n}: FileDropProps) => {\n  const [isDragging, setIsDragging] = React.useState(false)\n  const [files, setFiles] = React.useState<File[]>([])\n  const fileUploadInputRef = React.useRef<HTMLInputElement>(null)\n\n  const handleDragOver = (event: React.DragEvent<HTMLDivElement>) => {\n    event.preventDefault()\n    setIsDragging(true)\n  }\n\n  const handleDragLeave = () => setIsDragging(false)\n\n  const handleDrop = (fileList: FileList | null) => {\n    if (!fileList) return\n\n    setIsDragging(false)\n\n    const files = Array.from(fileList)\n    onDrop(files)\n    setFiles(files)\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (['Space', 'Enter'].includes(event.key)) {\n      fileUploadInputRef.current?.click()\n    }\n  }\n\n  const value: FileDropContextValue = { isDragging, files }\n\n  return (\n    <FileDropContext.Provider value={value}>\n      <StyledContainer\n        onDragOver={handleDragOver}\n        onDragLeave={handleDragLeave}\n        onDrop={(event) => {\n          event.preventDefault()\n          handleDrop(event.dataTransfer.files)\n        }}\n        onClick={() => fileUploadInputRef.current?.click()}\n        role=\"button\"\n        onKeyDown={handleKeyDown}\n        tabIndex={0}\n        {...rest}\n      >\n        {typeof children === 'function' ? children(value) : children}\n        <input\n          type=\"file\"\n          ref={fileUploadInputRef}\n          style={{ visibility: 'hidden' }}\n          accept={accept}\n          multiple={multiple}\n          onChange={(event) => {\n            handleDrop(event.target.files)\n          }}\n        />\n      </StyledContainer>\n    </FileDropContext.Provider>\n  )\n}\n\nFileDrop.displayName = 'FileDrop'\n"],"mappings":";;;;;AAkBA,IAAM,kBAAkB,OAAO,OAAO,EACpC,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,CAAC;AAED,IAAa,YAAY,EACvB,UACA,QACA,UACA,QACA,GAAG,WACgB;CACnB,MAAM,CAAC,YAAY,iBAAiB,QAAM,SAAS,KAAK;CACxD,MAAM,CAAC,OAAO,YAAY,QAAM,SAAiB,CAAC,CAAC;CACnD,MAAM,qBAAqB,QAAM,OAAyB,IAAI;CAE9D,MAAM,kBAAkB,UAA2C;EACjE,MAAM,eAAe;EACrB,cAAc,IAAI;CACpB;CAEA,MAAM,wBAAwB,cAAc,KAAK;CAEjD,MAAM,cAAc,aAA8B;EAChD,IAAI,CAAC,UAAU;EAEf,cAAc,KAAK;EAEnB,MAAM,QAAQ,MAAM,KAAK,QAAQ;EACjC,OAAO,KAAK;EACZ,SAAS,KAAK;CAChB;CAEA,MAAM,iBAAiB,UAA+C;EACpE,IAAI,CAAC,SAAS,OAAO,CAAC,CAAC,SAAS,MAAM,GAAG,GACvC,mBAAmB,SAAS,MAAM;CAEtC;CAEA,MAAM,QAA8B;EAAE;EAAY;CAAM;CAExD,OACE,oBAAC,gBAAgB,UAAjB;EAAiC;YAC/B,qBAAC,iBAAD;GACE,YAAY;GACZ,aAAa;GACb,SAAS,UAAU;IACjB,MAAM,eAAe;IACrB,WAAW,MAAM,aAAa,KAAK;GACrC;GACA,eAAe,mBAAmB,SAAS,MAAM;GACjD,MAAK;GACL,WAAW;GACX,UAAU;GACV,GAAI;aAXN,CAaG,OAAO,aAAa,aAAa,SAAS,KAAK,IAAI,UACpD,oBAAC,SAAD;IACE,MAAK;IACL,KAAK;IACL,OAAO,EAAE,YAAY,SAAS;IACtB;IACE;IACV,WAAW,UAAU;KACnB,WAAW,MAAM,OAAO,KAAK;IAC/B;GACD,CAAA,CACc;;CACO,CAAA;AAE9B;AAEA,SAAS,cAAc"}

package/dist/components/file-drop/useFileDrop.d.ts

@@ -1,2 +1,2 @@
-import { FileDropContextValue } from './types';
+import type { FileDropContextValue } from './types';
 export declare const useFileDrop: () => FileDropContextValue;

package/dist/components/file-drop/useFileDrop.js

@@ -1,7 +1,7 @@
-import { FileDropContext } from "./FileDropContext.js";
-import React from "react";
+import { FileDropContext } from "./FileDrop.context.js";
+import * as React$1 from "react";
 //#region src/components/file-drop/useFileDrop.ts
-var useFileDrop = () => React.useContext(FileDropContext);
+var useFileDrop = () => React$1.useContext(FileDropContext);
 //#endregion
 export { useFileDrop };
 

package/dist/components/file-drop/useFileDrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFileDrop.js","names":[],"sources":["../../../src/components/file-drop/useFileDrop.ts"],"sourcesContent":["import React from 'react'\n\nimport { FileDropContext } from './FileDropContext'\nimport { FileDropContextValue } from './types'\n\nexport const useFileDrop = (): FileDropContextValue =>\n  React.useContext(FileDropContext)\n"],"mappings":";;;AAKA,IAAa,oBACX,MAAM,WAAW,gBAAgB"}
+{"version":3,"file":"useFileDrop.js","names":[],"sources":["../../../src/components/file-drop/useFileDrop.ts"],"sourcesContent":["import * as React from 'react'\n\nimport { FileDropContext } from './FileDrop.context'\nimport type { FileDropContextValue } from './types'\n\nexport const useFileDrop = (): FileDropContextValue =>\n  React.useContext(FileDropContext)\n"],"mappings":";;;AAKA,IAAa,oBACX,QAAM,WAAW,eAAe"}

package/dist/components/file-input/FileInput.d.ts

@@ -5,7 +5,7 @@ export type FileInputProps = React.ComponentProps<typeof Button> & {
     accept?: string;
     multiple?: boolean;
 };
-export declare const FileInput: {
-    ({ accept, children, multiple, onFileSelect, ...rest }: FileInputProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function FileInput({ accept, children, multiple, onFileSelect, ...rest }: FileInputProps): React.JSX.Element;
+export declare namespace FileInput {
+    var displayName: string;
+}

package/dist/components/file-input/FileInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.js","names":[],"sources":["../../../src/components/file-input/FileInput.tsx"],"sourcesContent":["import { Upload } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { Button } from '../button/Button'\nimport { Icon } from '../icon/Icon'\n\nexport type FileInputProps = React.ComponentProps<typeof Button> & {\n  onFileSelect: (selection: FileList | null) => void\n  accept?: string\n  multiple?: boolean\n}\n\nexport const FileInput = ({\n  accept,\n  children,\n  multiple = false,\n  onFileSelect,\n  ...rest\n}: FileInputProps) => {\n  const handleFileSelect = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const { files } = event.target\n\n    onFileSelect(files)\n  }\n\n  return (\n    <Button as=\"label\" {...rest}>\n      <Icon is={Upload} />\n      {children}\n      <input\n        type=\"file\"\n        onChange={handleFileSelect}\n        accept={accept}\n        multiple={multiple}\n        hidden\n      />\n    </Button>\n  )\n}\n\nFileInput.displayName = 'FileInput'\n"],"mappings":";;;;;;AAYA,IAAa,aAAa,EACxB,QACA,UACA,WAAW,OACX,cACA,GAAG,WACiB;CACpB,MAAM,oBAAoB,UAA+C;EACvE,MAAM,EAAE,UAAU,MAAM;AAExB,eAAa,MAAM;;AAGrB,QACE,qBAAC,QAAD;EAAQ,IAAG;EAAQ,GAAI;YAAvB;GACE,oBAAC,MAAD,EAAM,IAAI,QAAU,CAAA;GACnB;GACD,oBAAC,SAAD;IACE,MAAK;IACL,UAAU;IACF;IACE;IACV,QAAA;IACA,CAAA;GACK;;;AAIb,UAAU,cAAc"}
+{"version":3,"file":"FileInput.js","names":[],"sources":["../../../src/components/file-input/FileInput.tsx"],"sourcesContent":["import { Upload } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { Button } from '../button/Button'\nimport { Icon } from '../icon/Icon'\n\nexport type FileInputProps = React.ComponentProps<typeof Button> & {\n  onFileSelect: (selection: FileList | null) => void\n  accept?: string\n  multiple?: boolean\n}\n\nexport const FileInput = ({\n  accept,\n  children,\n  multiple = false,\n  onFileSelect,\n  ...rest\n}: FileInputProps) => {\n  const handleFileSelect = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const { files } = event.target\n\n    onFileSelect(files)\n  }\n\n  return (\n    <Button as=\"label\" {...rest}>\n      <Icon is={Upload} />\n      {children}\n      <input\n        type=\"file\"\n        onChange={handleFileSelect}\n        accept={accept}\n        multiple={multiple}\n        hidden\n      />\n    </Button>\n  )\n}\n\nFileInput.displayName = 'FileInput'\n"],"mappings":";;;;;;AAYA,IAAa,aAAa,EACxB,QACA,UACA,WAAW,OACX,cACA,GAAG,WACiB;CACpB,MAAM,oBAAoB,UAA+C;EACvE,MAAM,EAAE,UAAU,MAAM;EAExB,aAAa,KAAK;CACpB;CAEA,OACE,qBAAC,QAAD;EAAQ,IAAG;EAAQ,GAAI;YAAvB;GACE,oBAAC,MAAD,EAAM,IAAI,OAAS,CAAA;GAClB;GACD,oBAAC,SAAD;IACE,MAAK;IACL,UAAU;IACF;IACE;IACV,QAAA;GACD,CAAA;EACK;;AAEZ;AAEA,UAAU,cAAc"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","names":[],"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"],"mappings":";;AAEA,IAAa,OAAO,OAClB,OACA;CACE,MAAM,CAAC,OAAO;CACd,UAAU;EACR,WAAW;GACT,KAAK,CAAC,WAAW;GACjB,eAAe,CAAC,mBAAmB;GACnC,QAAQ,CAAC,WAAW;GACpB,kBAAkB,CAAC,mBAAmB;GACtC,SAAS,CAAC,sBAAsB;GAChC,SAAS,CAAC,sBAAsB;GAChC,QAAQ,CAAC,qBAAqB;GAC9B,gBAAgB,CAAC,2BAA2B;GAC5C,OAAO,CAAC,oBAAoB;GAC7B;EACD,MAAM;GACJ,QAAQ,CAAC,cAAc;GACvB,MAAM,CAAC,YAAY;GACnB,gBAAgB,CAAC,oBAAoB;GACrC,SAAS,CAAC,sBAAsB;GAChC,SAAS,CAAC,sBAAsB;GAChC,QAAQ,CAAC,qBAAqB;GAC9B,gBAAgB,CAAC,2BAA2B;GAC5C,OAAO,CAAC,oBAAoB;GAC7B;EACD,SAAS;GACP,QAAQ,CAAC,iBAAiB;GAC1B,QAAQ,CAAC,2BAA2B;GACpC,MAAM,CAAC,yBAAyB;GAChC,OAAO,CAAC,gBAAgB;GACxB,QAAQ,CAAC,iBAAiB;GAC1B,KAAK,CAAC,cAAc;GACpB,cAAc,CAAC,gBAAgB;GAC/B,YAAY,CAAC,cAAc;GAC3B,MAAM,CAAC,yBAAyB;GAChC,OAAO,CAAC,0BAA0B;GAClC,iBAAiB,CAAC,kBAAkB;GACpC,gBAAgB,CAAC,iBAAiB;GAClC,gBAAgB,CAAC,iBAAiB;GAClC,SAAS,CAAC,kBAAkB;GAC5B,SAAS,CAAC,4BAA4B;GACtC,SAAS,CAAC,4BAA4B;GACtC,QAAQ,CAAC,2BAA2B;GACpC,gBAAgB,CAAC,iCAAiC;GAClD,OAAO,CAAC,0BAA0B;GACnC;EACD,OAAO;GACL,QAAQ,CAAC,uBAAuB;GAChC,QAAQ,CAAC,uBAAuB;GAChC,MAAM,CAAC,qBAAqB;GAC5B,QAAQ,CAAC,eAAe;GACxB,OAAO,CAAC,cAAc;GACtB,KAAK,CAAC,YAAY;GAClB,cAAc,CAAC,2BAA2B;GAC1C,YAAY,CAAC,yBAAyB;GACtC,cAAc,CAAC,cAAc;GAC7B,YAAY,CAAC,YAAY;GACzB,UAAU,CAAC,iBAAiB;GAC5B,kBAAkB,CAAC,+BAA+B;GAClD,iBAAiB,CAAC,8BAA8B;GAChD,SAAS,CAAC,gBAAgB;GAC1B,SAAS,CAAC,wBAAwB;GAClC,SAAS,CAAC,wBAAwB;GAClC,QAAQ,CAAC,uBAAuB;GAChC,gBAAgB,CAAC,6BAA6B;GAC9C,OAAO,CAAC,sBAAsB;GAC/B;EACD,KAAK;GACH,GAAG,CAAC,UAAU;GACd,GAAG,CAAC,QAAQ;GACZ,GAAG,CAAC,QAAQ;GACZ,GAAG,CAAC,QAAQ;GACZ,GAAG,CAAC,QAAQ;GACZ,IAAI,CAAC,QAAQ;GACb,GAAG,CAAC,QAAQ;GACZ,GAAG,CAAC,SAAS;GACb,GAAG,CAAC,SAAS;GACb,GAAG,CAAC,SAAS;GACb,GAAG,CAAC,SAAS;GACd;EACF;CACF,EACD,EAAE,2BAA2B,MAAM,CACpC;AAED,KAAK,cAAc"}
+{"version":3,"file":"Flex.js","names":[],"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"],"mappings":";;AAEA,IAAa,OAAO,OAClB,OACA;CACE,MAAM,CAAC,MAAM;CACb,UAAU;EACR,WAAW;GACT,KAAK,CAAC,UAAU;GAChB,eAAe,CAAC,kBAAkB;GAClC,QAAQ,CAAC,UAAU;GACnB,kBAAkB,CAAC,kBAAkB;GACrC,SAAS,CAAC,qBAAqB;GAC/B,SAAS,CAAC,qBAAqB;GAC/B,QAAQ,CAAC,oBAAoB;GAC7B,gBAAgB,CAAC,0BAA0B;GAC3C,OAAO,CAAC,mBAAmB;EAC7B;EACA,MAAM;GACJ,QAAQ,CAAC,aAAa;GACtB,MAAM,CAAC,WAAW;GAClB,gBAAgB,CAAC,mBAAmB;GACpC,SAAS,CAAC,qBAAqB;GAC/B,SAAS,CAAC,qBAAqB;GAC/B,QAAQ,CAAC,oBAAoB;GAC7B,gBAAgB,CAAC,0BAA0B;GAC3C,OAAO,CAAC,mBAAmB;EAC7B;EACA,SAAS;GACP,QAAQ,CAAC,gBAAgB;GACzB,QAAQ,CAAC,0BAA0B;GACnC,MAAM,CAAC,wBAAwB;GAC/B,OAAO,CAAC,eAAe;GACvB,QAAQ,CAAC,gBAAgB;GACzB,KAAK,CAAC,aAAa;GACnB,cAAc,CAAC,eAAe;GAC9B,YAAY,CAAC,aAAa;GAC1B,MAAM,CAAC,wBAAwB;GAC/B,OAAO,CAAC,yBAAyB;GACjC,iBAAiB,CAAC,iBAAiB;GACnC,gBAAgB,CAAC,gBAAgB;GACjC,gBAAgB,CAAC,gBAAgB;GACjC,SAAS,CAAC,iBAAiB;GAC3B,SAAS,CAAC,2BAA2B;GACrC,SAAS,CAAC,2BAA2B;GACrC,QAAQ,CAAC,0BAA0B;GACnC,gBAAgB,CAAC,gCAAgC;GACjD,OAAO,CAAC,yBAAyB;EACnC;EACA,OAAO;GACL,QAAQ,CAAC,sBAAsB;GAC/B,QAAQ,CAAC,sBAAsB;GAC/B,MAAM,CAAC,oBAAoB;GAC3B,QAAQ,CAAC,cAAc;GACvB,OAAO,CAAC,aAAa;GACrB,KAAK,CAAC,WAAW;GACjB,cAAc,CAAC,0BAA0B;GACzC,YAAY,CAAC,wBAAwB;GACrC,cAAc,CAAC,aAAa;GAC5B,YAAY,CAAC,WAAW;GACxB,UAAU,CAAC,gBAAgB;GAC3B,kBAAkB,CAAC,8BAA8B;GACjD,iBAAiB,CAAC,6BAA6B;GAC/C,SAAS,CAAC,eAAe;GACzB,SAAS,CAAC,uBAAuB;GACjC,SAAS,CAAC,uBAAuB;GACjC,QAAQ,CAAC,sBAAsB;GAC/B,gBAAgB,CAAC,4BAA4B;GAC7C,OAAO,CAAC,qBAAqB;EAC/B;EACA,KAAK;GACH,GAAG,CAAC,SAAS;GACb,GAAG,CAAC,OAAO;GACX,GAAG,CAAC,OAAO;GACX,GAAG,CAAC,OAAO;GACX,GAAG,CAAC,OAAO;GACX,IAAI,CAAC,OAAO;GACZ,GAAG,CAAC,OAAO;GACX,GAAG,CAAC,QAAQ;GACZ,GAAG,CAAC,QAAQ;GACZ,GAAG,CAAC,QAAQ;GACZ,GAAG,CAAC,QAAQ;EACd;CACF;AACF,GACA,EAAE,2BAA2B,KAAK,CACpC;AAEA,KAAK,cAAc"}

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

@@ -9,8 +9,8 @@ type FormProps<TFormData extends FieldValues> = Omit<React.HTMLAttributes<HTMLFo
     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;
-};
+export declare function Form<TFormData extends FieldValues>(props: FormProps<TFormData> & FormCustomContextType): React.JSX.Element;
+export declare namespace Form {
+    var displayName: string;
+}
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Form.js","names":[],"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  type FormCustomContextType,\n  FormCustomContext\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    theme,\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, theme }}>\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"],"mappings":";;;;;AA8BA,IAAa,QACX,UACG;CACH,MAAM,EACJ,UACA,eACA,iBAAiB,UACjB,UACA,SACA,YACA,OACA,GAAG,SACD;CAEJ,MAAM,UAAU,QAAmB;EACjC;EACA,MAAM;EACP,CAAC;AAEF,QACE,oBAAC,cAAD;EAAc,GAAI;YAChB,oBAAC,kBAAkB,UAAnB;GAA4B,OAAO;IAAE;IAAY;IAAO;aACtD,oBAAC,QAAD;IACE,cAAW;IACX,UAAU,QAAQ,aAAa,UAAU,QAAQ;IACjD,GAAI;cAEH,OAAO,aAAa,aAAa,SAAS,QAAQ,GAAG;IACjD,CAAA;GACoB,CAAA;EAChB,CAAA;;AAInB,KAAK,cAAc"}
+{"version":3,"file":"Form.js","names":[],"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  type FormCustomContextType,\n  FormCustomContext\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    theme,\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, theme }}>\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"],"mappings":";;;;;AA8BA,IAAa,QACX,UACG;CACH,MAAM,EACJ,UACA,eACA,iBAAiB,UACjB,UACA,SACA,YACA,OACA,GAAG,SACD;CAEJ,MAAM,UAAU,QAAmB;EACjC;EACA,MAAM;CACR,CAAC;CAED,OACE,oBAAC,cAAD;EAAc,GAAI;YAChB,oBAAC,kBAAkB,UAAnB;GAA4B,OAAO;IAAE;IAAY;GAAM;aACrD,oBAAC,QAAD;IACE,cAAW;IACX,UAAU,QAAQ,aAAa,UAAU,OAAO;IAChD,GAAI;cAEH,OAAO,aAAa,aAAa,SAAS,OAAO,IAAI;GAClD,CAAA;EACoB,CAAA;CAChB,CAAA;AAElB;AAEA,KAAK,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"useFieldError.js","names":[],"sources":["../../../src/components/form/useFieldError.ts"],"sourcesContent":["import delve from 'dlv'\nimport { useFormContext } from 'react-hook-form'\n\nexport const useFieldError = (fieldName: string) => {\n  const { errors } = useFormContext()\n\n  // in case of migration to a newer version of react-hook-form the path needs to updated to account for dynamic fields naming convention\n  const fieldPath = fieldName.split(/[,[\\].]+?/).filter(Boolean)\n\n  const getErrors = () => delve(errors, fieldPath)\n\n  return {\n    error: getErrors()?.message\n  }\n}\n"],"mappings":";;;AAGA,IAAa,iBAAiB,cAAsB;CAClD,MAAM,EAAE,WAAW,gBAAgB;CAGnC,MAAM,YAAY,UAAU,MAAM,YAAY,CAAC,OAAO,QAAQ;CAE9D,MAAM,kBAAkB,MAAM,QAAQ,UAAU;AAEhD,QAAO,EACL,OAAO,WAAW,EAAE,SACrB"}
+{"version":3,"file":"useFieldError.js","names":[],"sources":["../../../src/components/form/useFieldError.ts"],"sourcesContent":["import delve from 'dlv'\nimport { useFormContext } from 'react-hook-form'\n\nexport const useFieldError = (fieldName: string) => {\n  const { errors } = useFormContext()\n\n  // in case of migration to a newer version of react-hook-form the path needs to updated to account for dynamic fields naming convention\n  const fieldPath = fieldName.split(/[,[\\].]+?/).filter(Boolean)\n\n  const getErrors = () => delve(errors, fieldPath)\n\n  return {\n    error: getErrors()?.message\n  }\n}\n"],"mappings":";;;AAGA,IAAa,iBAAiB,cAAsB;CAClD,MAAM,EAAE,WAAW,eAAe;CAGlC,MAAM,YAAY,UAAU,MAAM,WAAW,CAAC,CAAC,OAAO,OAAO;CAE7D,MAAM,kBAAkB,MAAM,QAAQ,SAAS;CAE/C,OAAO,EACL,OAAO,UAAU,CAAC,EAAE,QACtB;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"useFormCustomContext.js","names":[],"sources":["../../../src/components/form/useFormCustomContext.ts"],"sourcesContent":["import * as React from 'react'\n\nimport type { InputProps } from '../input/Input'\n\nexport type FormCustomContextType =\n  | {\n      appearance?: InputProps['appearance']\n      theme?: InputProps['theme']\n    }\n  | undefined\n\nexport const FormCustomContext = React.createContext<FormCustomContextType>({\n  appearance: 'standard'\n})\n\nexport const useFormCustomContext = () => React.useContext(FormCustomContext)\n"],"mappings":";;AAWA,IAAa,oBAAoB,QAAM,cAAqC,EAC1E,YAAY,YACb,CAAC;AAEF,IAAa,6BAA6B,QAAM,WAAW,kBAAkB"}
+{"version":3,"file":"useFormCustomContext.js","names":[],"sources":["../../../src/components/form/useFormCustomContext.ts"],"sourcesContent":["import * as React from 'react'\n\nimport type { InputProps } from '../input/Input'\n\nexport type FormCustomContextType =\n  | {\n      appearance?: InputProps['appearance']\n      theme?: InputProps['theme']\n    }\n  | undefined\n\nexport const FormCustomContext = React.createContext<FormCustomContextType>({\n  appearance: 'standard'\n})\n\nexport const useFormCustomContext = () => React.useContext(FormCustomContext)\n"],"mappings":";;AAWA,IAAa,oBAAoB,QAAM,cAAqC,EAC1E,YAAY,WACd,CAAC;AAED,IAAa,6BAA6B,QAAM,WAAW,iBAAiB"}

package/dist/components/grid/Grid.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 declare const GridContainer: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "gap"> & {
-    gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24>>) | undefined;
+    gap?: ("0" | "1" | "2" | "24" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 24 | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "0" | "1" | "2" | "24" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 24>>) | undefined;
 } & {
     as?: React.ElementType;
 }>;
@@ -8,8 +8,8 @@ type GridProps = React.ComponentProps<typeof GridContainer> & {
     minItemSize?: string;
     maxItemSize?: string;
 };
-export declare const Grid: {
-    ({ className, style, gap, minItemSize, maxItemSize, ...remainingProps }: GridProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function Grid({ className, style, gap, minItemSize, maxItemSize, ...rest }: GridProps): React.JSX.Element;
+export declare namespace Grid {
+    var displayName: string;
+}
 export {};

package/dist/components/grid/Grid.js

@@ -18,8 +18,8 @@ var GridContainer = styled("div", {
 		9: ["gap-20"]
 	} }
 }, { enabledResponsiveVariants: true });
-var Grid = ({ className, style, gap = "2", minItemSize, maxItemSize = "1fr", ...remainingProps }) => /* @__PURE__ */ jsx(GridContainer, {
-	...remainingProps,
+var Grid = ({ className, style, gap = "2", minItemSize, maxItemSize = "1fr", ...rest }) => /* @__PURE__ */ jsx(GridContainer, {
+	...rest,
 	style: {
 		...style,
 		...minItemSize && { "--min-item-size": minItemSize },