@atom-learning/components 8.0.2 → 9.0.0-beta.0

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

@@ -1,3 +1 @@
-export declare const DrawerFooter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & {
-    as?: import("react").ElementType;
-}>;
+export declare const DrawerFooter: import("../..").PolymorphicComponent<"div", unknown>;

package/dist/components/drawer/DrawerFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerFooter.js","names":[],"sources":["../../../src/components/drawer/DrawerFooter.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const DrawerFooter = styled('div', {\n  base: ['p-4', 'w-full', 'border-t', 'border-t-(--base-3)']\n})\n"],"mappings":";;AAEA,IAAa,eAAe,OAAO,OAAO,EACxC,MAAM;CAAC;CAAO;CAAU;CAAY;CAAsB,EAC3D,CAAC"}
+{"version":3,"file":"DrawerFooter.js","names":[],"sources":["../../../src/components/drawer/DrawerFooter.tsx"],"sourcesContent":["import { styled } from '../../styled'\n\nexport const DrawerFooter = styled('div', {\n  base: ['p-4', 'w-full', 'border-t', 'border-t-(--base-3)']\n})\n"],"mappings":";;AAEA,IAAa,eAAe,OAAO,OAAO,EACxC,MAAM;CAAC;CAAO;CAAU;CAAY;AAAqB,EAC3D,CAAC"}

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

@@ -1,3 +1 @@
-export declare const DrawerHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & {
-    as?: import("react").ElementType;
-}>;
+export declare const DrawerHeader: import("../..").PolymorphicComponent<"div", unknown>;

package/dist/components/drawer/DrawerHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerHeader.js","names":[],"sources":["../../../src/components/drawer/DrawerHeader.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const DrawerHeader = styled('div', {\n  base: ['p-4', 'w-full', 'min-h-16', 'border-b', 'border-b-(--base-3)']\n})\n"],"mappings":";;AAEA,IAAa,eAAe,OAAO,OAAO,EACxC,MAAM;CAAC;CAAO;CAAU;CAAY;CAAY;CAAsB,EACvE,CAAC"}
+{"version":3,"file":"DrawerHeader.js","names":[],"sources":["../../../src/components/drawer/DrawerHeader.tsx"],"sourcesContent":["import { styled } from '../../styled'\n\nexport const DrawerHeader = styled('div', {\n  base: ['p-4', 'w-full', 'min-h-16', 'border-b', 'border-b-(--base-3)']\n})\n"],"mappings":";;AAEA,IAAa,eAAe,OAAO,OAAO,EACxC,MAAM;CAAC;CAAO;CAAU;CAAY;CAAY;AAAqB,EACvE,CAAC"}

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

@@ -1,3 +1 @@
-export declare const DrawerMain: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & {
-    as?: import("react").ElementType;
-}>;
+export declare const DrawerMain: import("../..").PolymorphicComponent<"div", unknown>;

package/dist/components/drawer/DrawerMain.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerMain.js","names":[],"sources":["../../../src/components/drawer/DrawerMain.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const DrawerMain = styled('div', {\n  base: ['p-4', 'w-full', 'grow', 'overflow-y-auto']\n})\n"],"mappings":";;AAEA,IAAa,aAAa,OAAO,OAAO,EACtC,MAAM;CAAC;CAAO;CAAU;CAAQ;CAAkB,EACnD,CAAC"}
+{"version":3,"file":"DrawerMain.js","names":[],"sources":["../../../src/components/drawer/DrawerMain.tsx"],"sourcesContent":["import { styled } from '../../styled'\n\nexport const DrawerMain = styled('div', {\n  base: ['p-4', 'w-full', 'grow', 'overflow-y-auto']\n})\n"],"mappings":";;AAEA,IAAa,aAAa,OAAO,OAAO,EACtC,MAAM;CAAC;CAAO;CAAU;CAAQ;AAAiB,EACnD,CAAC"}

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

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

package/dist/components/drawer/DrawerOverlay.js

@@ -2,7 +2,7 @@ import { styled } from "../../styled.js";
 import { backdropOverlay } from "../../utilities/style/backdrop-overlay.js";
 import { Overlay } from "@radix-ui/react-dialog";
 //#region src/components/drawer/DrawerOverlay.tsx
-var DrawerOverlay = styled(Overlay, { base: backdropOverlay });
+var DrawerOverlay = styled(Overlay, { base: backdropOverlay }, { enablePolymorphism: false });
 //#endregion
 export { DrawerOverlay };
 

package/dist/components/drawer/DrawerOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerOverlay.js","names":[],"sources":["../../../src/components/drawer/DrawerOverlay.tsx"],"sourcesContent":["import { Overlay } from '@radix-ui/react-dialog'\n\nimport { styled } from '~/styled'\nimport { backdropOverlay } from '~/utilities/style/backdrop-overlay'\n\nexport const DrawerOverlay = styled(Overlay, { base: backdropOverlay })\n"],"mappings":";;;;AAKA,IAAa,gBAAgB,OAAO,SAAS,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"DrawerOverlay.js","names":[],"sources":["../../../src/components/drawer/DrawerOverlay.tsx"],"sourcesContent":["import { Overlay } from '@radix-ui/react-dialog'\n\nimport { styled } from '../../styled'\nimport { backdropOverlay } from '../../utilities/style/backdrop-overlay'\n\nexport const DrawerOverlay = styled(\n  Overlay,\n  { base: backdropOverlay },\n  { enablePolymorphism: false }\n)\n"],"mappings":";;;;AAKA,IAAa,gBAAgB,OAC3B,SACA,EAAE,MAAM,gBAAgB,GACxB,EAAE,oBAAoB,MAAM,CAC9B"}

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

@@ -1,25 +1,17 @@
-import React from 'react';
+import * as 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>, never> & {
-        as?: React.ElementType;
-    }>;
+    Content: import("../..").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>, unknown>;
     Group: React.ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-    Item: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, never> & {
-        as?: React.ElementType;
-    }>;
+    Item: import("../..").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>, unknown>;
     Label: {
-        ({ className, ...props }: import("@radix-ui/react-dropdown-menu").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+        ({ className, ...rest }: import("@radix-ui/react-dropdown-menu").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
         displayName: string;
     };
-    LinkItem: ({ children, href, ...props }: React.ComponentProps<typeof DropdownMenuItem> & {
+    LinkItem: ({ children, href, ...rest }: 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>, never> & {
-        as?: React.ElementType;
-    }>;
-    Trigger: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, never> & {
-        as?: React.ElementType;
-    }>;
+    Separator: import("../..").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>, unknown>;
+    Trigger: import("../..").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>, unknown>;
 };

package/dist/components/dropdown-menu/DropdownMenu.js

@@ -4,9 +4,10 @@ import { DropdownMenuLabel } from "./DropdownMenuLabel.js";
 import { DropdownMenuLinkItem } from "./DropdownMenuLinkItem.js";
 import { DropdownMenuSeparator } from "./DropdownMenuSeparator.js";
 import { DropdownMenuTrigger } from "./DropdownMenuTrigger.js";
+import "react";
 import { Group, Portal, Root } from "@radix-ui/react-dropdown-menu";
 //#region src/components/dropdown-menu/DropdownMenu.tsx
-var DropdownMenu = Object.assign(Root, {
+var DropdownMenu = /* @__PURE__ */ Object.assign(Root, {
 	Content: DropdownMenuContent,
 	Group,
 	Item: DropdownMenuItem,

package/dist/components/dropdown-menu/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenu.tsx"],"sourcesContent":["import {\n  Group,\n  Portal,\n  Root as DropdownMenuRoot\n} from '@radix-ui/react-dropdown-menu'\nimport React from 'react'\n\nimport { DropdownMenuContent } from './DropdownMenuContent'\nimport { DropdownMenuItem } from './DropdownMenuItem'\nimport { DropdownMenuLabel } from './DropdownMenuLabel'\nimport { DropdownMenuLinkItem } from './DropdownMenuLinkItem'\nimport { DropdownMenuSeparator } from './DropdownMenuSeparator'\nimport { DropdownMenuTrigger } from './DropdownMenuTrigger'\n\nexport const DropdownMenu = Object.assign(DropdownMenuRoot, {\n  Content: DropdownMenuContent,\n  Group: Group,\n  Item: DropdownMenuItem,\n  Label: DropdownMenuLabel,\n  LinkItem: DropdownMenuLinkItem,\n  Portal: Portal,\n  Separator: DropdownMenuSeparator,\n  Trigger: DropdownMenuTrigger\n})\n"],"mappings":";;;;;;;;AAcA,IAAa,eAAe,OAAO,OAAO,MAAkB;CAC1D,SAAS;CACF;CACP,MAAM;CACN,OAAO;CACP,UAAU;CACF;CACR,WAAW;CACX,SAAS;CACV,CAAC"}
+{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenu.tsx"],"sourcesContent":["import {\n  Group,\n  Portal,\n  Root as DropdownMenuRoot\n} from '@radix-ui/react-dropdown-menu'\nimport * as React from 'react'\n\nimport { DropdownMenuContent } from './DropdownMenuContent'\nimport { DropdownMenuItem } from './DropdownMenuItem'\nimport { DropdownMenuLabel } from './DropdownMenuLabel'\nimport { DropdownMenuLinkItem } from './DropdownMenuLinkItem'\nimport { DropdownMenuSeparator } from './DropdownMenuSeparator'\nimport { DropdownMenuTrigger } from './DropdownMenuTrigger'\n\nexport const DropdownMenu = /* @__PURE__ */ Object.assign(DropdownMenuRoot, {\n  Content: DropdownMenuContent,\n  Group: Group,\n  Item: DropdownMenuItem,\n  Label: DropdownMenuLabel,\n  LinkItem: DropdownMenuLinkItem,\n  Portal: Portal,\n  Separator: DropdownMenuSeparator,\n  Trigger: DropdownMenuTrigger\n})\n"],"mappings":";;;;;;;;;AAcA,IAAa,eAA+B,uBAAO,OAAO,MAAkB;CAC1E,SAAS;CACF;CACP,MAAM;CACN,OAAO;CACP,UAAU;CACF;CACR,WAAW;CACX,SAAS;AACX,CAAC"}

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

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

package/dist/components/dropdown-menu/DropdownMenuContent.js

@@ -14,7 +14,7 @@ var DropdownMenuContent = styled(Content, { base: [
 	"data-[side=left]:[--slide-direction-out-x:-4px]",
 	"motion-safe:data-[state=open]:animate-slide-direction-in",
 	"motion-safe:data-[state=closed]:animate-slide-direction-out"
-] });
+] }, { enablePolymorphism: false });
 //#endregion
 export { DropdownMenuContent };
 

package/dist/components/dropdown-menu/DropdownMenuContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuContent.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuContent.tsx"],"sourcesContent":["import { Content } from '@radix-ui/react-dropdown-menu'\n\nimport { styled } from '~/styled'\n\nexport const DropdownMenuContent = styled(Content, {\n  base: [\n    'bg-white',\n    'rounded-sm',\n    'shadow-sm',\n    'py-2',\n    'z-10',\n    '[--slide-opacity-out:0]',\n    'data-[side=top]:[--slide-direction-out-y:-4px]',\n    'data-[side=right]:[--slide-direction-out-x:4px]',\n    'data-[side=bottom]:[--slide-direction-out-y:4px]',\n    'data-[side=left]:[--slide-direction-out-x:-4px]',\n    'motion-safe:data-[state=open]:animate-slide-direction-in',\n    'motion-safe:data-[state=closed]:animate-slide-direction-out'\n  ]\n})\n"],"mappings":";;;AAIA,IAAa,sBAAsB,OAAO,SAAS,EACjD,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC"}
+{"version":3,"file":"DropdownMenuContent.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuContent.tsx"],"sourcesContent":["import { Content } from '@radix-ui/react-dropdown-menu'\n\nimport { styled } from '../../styled'\n\nexport const DropdownMenuContent = styled(\n  Content,\n  {\n    base: [\n      'bg-white',\n      'rounded-sm',\n      'shadow-sm',\n      'py-2',\n      'z-10',\n      '[--slide-opacity-out:0]',\n      'data-[side=top]:[--slide-direction-out-y:-4px]',\n      'data-[side=right]:[--slide-direction-out-x:4px]',\n      'data-[side=bottom]:[--slide-direction-out-y:4px]',\n      'data-[side=left]:[--slide-direction-out-x:-4px]',\n      'motion-safe:data-[state=open]:animate-slide-direction-in',\n      'motion-safe:data-[state=closed]:animate-slide-direction-out'\n    ]\n  },\n  { enablePolymorphism: false }\n)\n"],"mappings":";;;AAIA,IAAa,sBAAsB,OACjC,SACA,EACE,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,GACA,EAAE,oBAAoB,MAAM,CAC9B"}

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

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

package/dist/components/dropdown-menu/DropdownMenuItem.js

@@ -33,7 +33,7 @@ var DropdownMenuItem = styled(Item, { base: [
 	"focus:outline-none",
 	"focus:text-primary-900",
 	"hover:underline"
-] });
+] }, { enablePolymorphism: false });
 //#endregion
 export { DropdownMenuItem };
 

package/dist/components/dropdown-menu/DropdownMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuItem.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuItem.tsx"],"sourcesContent":["import { Item } from '@radix-ui/react-dropdown-menu'\n\nimport { styled } from '~/styled'\n\nexport const DropdownMenuItem = styled(Item, {\n  base: [\n    'items-center',\n    'text-grey-1000',\n    'cursor-pointer',\n    'flex',\n    'font-body',\n    'font-normal',\n    'relative',\n    'px-3',\n    'py-2',\n    'data-disabled:cursor-not-allowed',\n    'data-disabled:opacity-30',\n    'data-disabled:pointer-events-none',\n    'aria-[current=page]:before:absolute',\n    'aria-[current=page]:before:border-l-2',\n    'aria-[current=page]:before:border-l-current',\n    \"aria-[current=page]:before:content-['']\",\n    'aria-[current=page]:before:h-6',\n    'aria-[current=page]:before:left-0',\n    'aria-[current=page]:before:outline-none',\n    'aria-[current=page]:before:scale-100',\n    'focus:before:absolute',\n    'focus:before:border-l-2',\n    'focus:before:border-l-current',\n    \"focus:before:content-['']\",\n    'focus:before:h-6',\n    'focus:before:left-0',\n    'focus:before:outline-none',\n    'focus:before:scale-100',\n    'focus:outline-none',\n    'focus:text-primary-900',\n    'hover:underline'\n  ]\n})\n"],"mappings":";;;AAIA,IAAa,mBAAmB,OAAO,MAAM,EAC3C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC"}
+{"version":3,"file":"DropdownMenuItem.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuItem.tsx"],"sourcesContent":["import { Item } from '@radix-ui/react-dropdown-menu'\n\nimport { styled } from '../../styled'\n\nexport const DropdownMenuItem = styled(\n  Item,\n  {\n    base: [\n      'items-center',\n      'text-grey-1000',\n      'cursor-pointer',\n      'flex',\n      'font-body',\n      'font-normal',\n      'relative',\n      'px-3',\n      'py-2',\n      'data-disabled:cursor-not-allowed',\n      'data-disabled:opacity-30',\n      'data-disabled:pointer-events-none',\n      'aria-[current=page]:before:absolute',\n      'aria-[current=page]:before:border-l-2',\n      'aria-[current=page]:before:border-l-current',\n      \"aria-[current=page]:before:content-['']\",\n      'aria-[current=page]:before:h-6',\n      'aria-[current=page]:before:left-0',\n      'aria-[current=page]:before:outline-none',\n      'aria-[current=page]:before:scale-100',\n      'focus:before:absolute',\n      'focus:before:border-l-2',\n      'focus:before:border-l-current',\n      \"focus:before:content-['']\",\n      'focus:before:h-6',\n      'focus:before:left-0',\n      'focus:before:outline-none',\n      'focus:before:scale-100',\n      'focus:outline-none',\n      'focus:text-primary-900',\n      'hover:underline'\n    ]\n  },\n  { enablePolymorphism: false }\n)\n"],"mappings":";;;AAIA,IAAa,mBAAmB,OAC9B,MACA,EACE,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,GACA,EAAE,oBAAoB,MAAM,CAC9B"}

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

@@ -1,8 +1,8 @@
 import { Label } from '@radix-ui/react-dropdown-menu';
 import * as React from 'react';
 type DropdownMenuLabelProps = React.ComponentProps<typeof Label>;
-export declare const DropdownMenuLabel: {
-    ({ className, ...props }: DropdownMenuLabelProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function DropdownMenuLabel({ className, ...rest }: DropdownMenuLabelProps): React.JSX.Element;
+export declare namespace DropdownMenuLabel {
+    var displayName: string;
+}
 export {};

package/dist/components/dropdown-menu/DropdownMenuLabel.js

@@ -4,11 +4,11 @@ import "react";
 import { jsx } from "react/jsx-runtime";
 import { Label } from "@radix-ui/react-dropdown-menu";
 //#region src/components/dropdown-menu/DropdownMenuLabel.tsx
-var DropdownMenuLabel = ({ className, ...props }) => /* @__PURE__ */ jsx(Text, {
+var DropdownMenuLabel = ({ className, ...rest }) => /* @__PURE__ */ jsx(Text, {
 	as: Label,
 	size: "sm",
 	className: cn("px-3", "py-2", "text-text-subtle", className),
-	...props
+	...rest
 });
 DropdownMenuLabel.displayName = "DropdownMenuLabel";
 //#endregion

package/dist/components/dropdown-menu/DropdownMenuLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuLabel.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuLabel.tsx"],"sourcesContent":["import { Label } from '@radix-ui/react-dropdown-menu'\nimport * as React from 'react'\n\nimport { cn } from '~/styled'\n\nimport { Text } from '../text/Text'\n\ntype DropdownMenuLabelProps = React.ComponentProps<typeof Label>\n\nexport const DropdownMenuLabel = ({\n  className,\n  ...props\n}: DropdownMenuLabelProps) => (\n  <Text\n    as={Label}\n    size=\"sm\"\n    className={cn('px-3', 'py-2', 'text-text-subtle', className)}\n    {...props}\n  />\n)\n\nDropdownMenuLabel.displayName = 'DropdownMenuLabel'\n"],"mappings":";;;;;;AASA,IAAa,qBAAqB,EAChC,WACA,GAAG,YAEH,oBAAC,MAAD;CACE,IAAI;CACJ,MAAK;CACL,WAAW,GAAG,QAAQ,QAAQ,oBAAoB,UAAU;CAC5D,GAAI;CACJ,CAAA;AAGJ,kBAAkB,cAAc"}
+{"version":3,"file":"DropdownMenuLabel.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuLabel.tsx"],"sourcesContent":["import { Label } from '@radix-ui/react-dropdown-menu'\nimport * as React from 'react'\n\nimport { cn } from '../../styled'\nimport { Text } from '../text/Text'\n\ntype DropdownMenuLabelProps = React.ComponentProps<typeof Label>\n\nexport const DropdownMenuLabel = ({\n  className,\n  ...rest\n}: DropdownMenuLabelProps) => (\n  <Text\n    as={Label}\n    size=\"sm\"\n    className={cn('px-3', 'py-2', 'text-text-subtle', className)}\n    {...rest}\n  />\n)\n\nDropdownMenuLabel.displayName = 'DropdownMenuLabel'\n"],"mappings":";;;;;;AAQA,IAAa,qBAAqB,EAChC,WACA,GAAG,WAEH,oBAAC,MAAD;CACE,IAAI;CACJ,MAAK;CACL,WAAW,GAAG,QAAQ,QAAQ,oBAAoB,SAAS;CAC3D,GAAI;AACL,CAAA;AAGH,kBAAkB,cAAc"}

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

@@ -1,5 +1,5 @@
-import React from 'react';
+import * as React from 'react';
 import { DropdownMenuItem } from './DropdownMenuItem';
-export declare const DropdownMenuLinkItem: ({ children, href, ...props }: React.ComponentProps<typeof DropdownMenuItem> & {
+export declare const DropdownMenuLinkItem: ({ children, href, ...rest }: React.ComponentProps<typeof DropdownMenuItem> & {
     href: string;
 }) => React.JSX.Element;

package/dist/components/dropdown-menu/DropdownMenuLinkItem.js

@@ -5,8 +5,8 @@ import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/dropdown-menu/DropdownMenuLinkItem.tsx
 var StyledLink = styled("a", { base: ["no-underline"] });
-var DropdownMenuLinkItem = ({ children, href, ...props }) => /* @__PURE__ */ jsx(DropdownMenuItem, {
-	...props,
+var DropdownMenuLinkItem = ({ children, href, ...rest }) => /* @__PURE__ */ jsx(DropdownMenuItem, {
+	...rest,
 	asChild: true,
 	children: /* @__PURE__ */ jsx(StyledLink, {
 		href,

package/dist/components/dropdown-menu/DropdownMenuLinkItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuLinkItem.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuLinkItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/styled'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { DropdownMenuItem } from './DropdownMenuItem'\n\nconst StyledLink = styled('a', {\n  base: ['no-underline']\n})\n\nexport const DropdownMenuLinkItem = ({\n  children,\n  href,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuItem> & { href: string }) => (\n  <DropdownMenuItem {...props} asChild>\n    <StyledLink href={href} role=\"menuitem\" {...getExternalAnchorProps(href)}>\n      {children}\n    </StyledLink>\n  </DropdownMenuItem>\n)\n"],"mappings":";;;;;;AAOA,IAAM,aAAa,OAAO,KAAK,EAC7B,MAAM,CAAC,eAAe,EACvB,CAAC;AAEF,IAAa,wBAAwB,EACnC,UACA,MACA,GAAG,YAEH,oBAAC,kBAAD;CAAkB,GAAI;CAAO,SAAA;WAC3B,oBAAC,YAAD;EAAkB;EAAM,MAAK;EAAW,GAAI,uBAAuB,KAAK;EACrE;EACU,CAAA;CACI,CAAA"}
+{"version":3,"file":"DropdownMenuLinkItem.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuLinkItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '../../styled'\nimport { getExternalAnchorProps } from '../../utilities/uri'\nimport { DropdownMenuItem } from './DropdownMenuItem'\n\nconst StyledLink = styled('a', {\n  base: ['no-underline']\n})\n\nexport const DropdownMenuLinkItem = ({\n  children,\n  href,\n  ...rest\n}: React.ComponentProps<typeof DropdownMenuItem> & { href: string }) => (\n  <DropdownMenuItem {...rest} asChild>\n    <StyledLink href={href} role=\"menuitem\" {...getExternalAnchorProps(href)}>\n      {children}\n    </StyledLink>\n  </DropdownMenuItem>\n)\n"],"mappings":";;;;;;AAMA,IAAM,aAAa,OAAO,KAAK,EAC7B,MAAM,CAAC,cAAc,EACvB,CAAC;AAED,IAAa,wBAAwB,EACnC,UACA,MACA,GAAG,WAEH,oBAAC,kBAAD;CAAkB,GAAI;CAAM,SAAA;WAC1B,oBAAC,YAAD;EAAkB;EAAM,MAAK;EAAW,GAAI,uBAAuB,IAAI;EACpE;CACS,CAAA;AACI,CAAA"}

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

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

package/dist/components/dropdown-menu/DropdownMenuSeparator.js

@@ -5,7 +5,7 @@ var DropdownMenuSeparator = styled(Separator, { base: [
 	"h-px",
 	"bg-grey-600",
 	"my-2"
-] });
+] }, { enablePolymorphism: false });
 //#endregion
 export { DropdownMenuSeparator };
 

package/dist/components/dropdown-menu/DropdownMenuSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuSeparator.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuSeparator.tsx"],"sourcesContent":["import { Separator } from '@radix-ui/react-dropdown-menu'\n\nimport { styled } from '~/styled'\n\nexport const DropdownMenuSeparator = styled(Separator, {\n  base: ['h-px', 'bg-grey-600', 'my-2']\n})\n"],"mappings":";;;AAIA,IAAa,wBAAwB,OAAO,WAAW,EACrD,MAAM;CAAC;CAAQ;CAAe;CAAO,EACtC,CAAC"}
+{"version":3,"file":"DropdownMenuSeparator.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuSeparator.tsx"],"sourcesContent":["import { Separator } from '@radix-ui/react-dropdown-menu'\n\nimport { styled } from '../../styled'\n\nexport const DropdownMenuSeparator = styled(\n  Separator,\n  {\n    base: ['h-px', 'bg-grey-600', 'my-2']\n  },\n  { enablePolymorphism: false }\n)\n"],"mappings":";;;AAIA,IAAa,wBAAwB,OACnC,WACA,EACE,MAAM;CAAC;CAAQ;CAAe;AAAM,EACtC,GACA,EAAE,oBAAoB,MAAM,CAC9B"}

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

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

package/dist/components/dropdown-menu/DropdownMenuTrigger.js

@@ -1,7 +1,7 @@
 import { styled } from "../../styled.js";
 import { Trigger } from "@radix-ui/react-dropdown-menu";
 //#region src/components/dropdown-menu/DropdownMenuTrigger.tsx
-var DropdownMenuTrigger = styled(Trigger, { base: ["disabled:cursor-not-allowed", "disabled:opacity-30"] });
+var DropdownMenuTrigger = styled(Trigger, { base: ["disabled:cursor-not-allowed", "disabled:opacity-30"] }, { enablePolymorphism: false });
 //#endregion
 export { DropdownMenuTrigger };
 

package/dist/components/dropdown-menu/DropdownMenuTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuTrigger.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuTrigger.tsx"],"sourcesContent":["import { Trigger } from '@radix-ui/react-dropdown-menu'\n\nimport { styled } from '~/styled'\n\nexport const DropdownMenuTrigger = styled(Trigger, {\n  base: ['disabled:cursor-not-allowed', 'disabled:opacity-30']\n})\n"],"mappings":";;;AAIA,IAAa,sBAAsB,OAAO,SAAS,EACjD,MAAM,CAAC,+BAA+B,sBAAsB,EAC7D,CAAC"}
+{"version":3,"file":"DropdownMenuTrigger.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuTrigger.tsx"],"sourcesContent":["import { Trigger } from '@radix-ui/react-dropdown-menu'\n\nimport { styled } from '../../styled'\n\nexport const DropdownMenuTrigger = styled(\n  Trigger,\n  {\n    base: ['disabled:cursor-not-allowed', 'disabled:opacity-30']\n  },\n  { enablePolymorphism: false }\n)\n"],"mappings":";;;AAIA,IAAa,sBAAsB,OACjC,SACA,EACE,MAAM,CAAC,+BAA+B,qBAAqB,EAC7D,GACA,EAAE,oBAAoB,MAAM,CAC9B"}

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.context.js","names":[],"sources":["../../../src/components/empty-state/EmptyState.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { EmptyStateProps } from './EmptyState'\n\ntype EmptyStateProviderProps = {\n  size?: EmptyStateProps['size']\n}\n\ntype EmptyStateContextValue = EmptyStateProviderProps\n\nexport const EmptyStateContext = React.createContext<EmptyStateContextValue>({})\n\nexport const EmptyStateProvider = ({\n  size,\n  children\n}: React.PropsWithChildren<EmptyStateProviderProps>) => {\n  const value = React.useMemo<EmptyStateContextValue>(() => ({ size }), [size])\n  return (\n    <EmptyStateContext.Provider value={value}>\n      {children}\n    </EmptyStateContext.Provider>\n  )\n}\n"],"mappings":";;;AAUA,IAAa,oBAAoB,QAAM,cAAsC,EAAE,CAAC;AAEhF,IAAa,sBAAsB,EACjC,MACA,eACsD;CACtD,MAAM,QAAQ,QAAM,eAAuC,EAAE,MAAM,GAAG,CAAC,KAAK,CAAC;AAC7E,QACE,oBAAC,kBAAkB,UAAnB;EAAmC;EAChC;EAC0B,CAAA"}
+{"version":3,"file":"EmptyState.context.js","names":[],"sources":["../../../src/components/empty-state/EmptyState.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { EmptyStateProps } from './EmptyState'\n\ntype EmptyStateProviderProps = {\n  size?: EmptyStateProps['size']\n}\n\ntype EmptyStateContextValue = EmptyStateProviderProps\n\nexport const EmptyStateContext = React.createContext<EmptyStateContextValue>({})\n\nexport const EmptyStateProvider = ({\n  size,\n  children\n}: React.PropsWithChildren<EmptyStateProviderProps>) => {\n  const value = React.useMemo<EmptyStateContextValue>(() => ({ size }), [size])\n  return (\n    <EmptyStateContext.Provider value={value}>\n      {children}\n    </EmptyStateContext.Provider>\n  )\n}\n"],"mappings":";;;AAUA,IAAa,oBAAoB,QAAM,cAAsC,CAAC,CAAC;AAE/E,IAAa,sBAAsB,EACjC,MACA,eACsD;CACtD,MAAM,QAAQ,QAAM,eAAuC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC;CAC5E,OACE,oBAAC,kBAAkB,UAAnB;EAAmC;EAChC;CACyB,CAAA;AAEhC"}

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

@@ -1,45 +1,39 @@
 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;
-} & {
-    as?: React.ElementType;
+declare const EmptyStateContainer: import("../..").PolymorphicComponent<"div", {
+    size?: ("lg" | "md" | "sm" | "xl" | "xs" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "lg" | "md" | "sm" | "xl" | "xs">>) | undefined;
 }>;
 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>, "fluid"> & {
-        fluid?: boolean | undefined;
+    Image: (props: {
+        size?: ("lg" | "md" | "sm" | "xl" | "xs" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "lg" | "md" | "sm" | "xl" | "xs">>) | undefined;
     } & {
-        as?: React.ElementType;
-    }, "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.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;
-    } & {
-        as?: React.ElementType;
+    } & Omit<Omit<{
+        fluid?: boolean | undefined;
+    } & Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "as" | "fluid">, "children"> & {
+        children?: React.ReactNode;
+    }, "as" | "size">) => React.JSX.Element;
+    Title: (props: Omit<{
+        size?: ("lg" | "md" | "sm" | "xl" | "xs" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "lg" | "md" | "sm" | "xl" | "xs">>) | undefined;
     } & {
+        as?: never;
+    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "as" | "size">, "as"> & {
         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: {
+        size?: ("lg" | "md" | "sm" | "xl" | "xs" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "lg" | "md" | "sm" | "xl" | "xs">>) | undefined;
     } & {
-        as?: React.ElementType;
-    }, "as"> & {
-        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;
+        as?: never;
+    } & Omit<{
+        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;
-    }) => React.JSX.Element;
+        as?: never;
+    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "as" | "family" | "noCapsize" | "size" | "weight">, "as" | "size">) => React.JSX.Element;
 };
 export {};

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

@@ -21,7 +21,7 @@ var EmptyStateContainer = styled("div", {
 		lg: ["p-8"],
 		xl: ["p-10"]
 	} }
-}, { enabledResponsiveVariants: true });
+}, { enableResponsiveVariants: true });
 var EmptyStateComponent = ({ size = "sm", ...rest }) => /* @__PURE__ */ jsx(EmptyStateProvider, {
 	size,
 	children: /* @__PURE__ */ jsx(EmptyStateContainer, {
@@ -29,7 +29,7 @@ var EmptyStateComponent = ({ size = "sm", ...rest }) => /* @__PURE__ */ jsx(Empt
 		...rest
 	})
 });
-var EmptyState = Object.assign(EmptyStateComponent, {
+var EmptyState = /* @__PURE__ */ Object.assign(EmptyStateComponent, {
 	Image: EmptyStateImage,
 	Title: EmptyStateTitle,
 	Body: EmptyStateBody

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  { enableResponsiveVariants: 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 = /* @__PURE__ */ 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,0BAA0B,KAAK,CACnC;AAIA,IAAM,uBAAuB,EAAE,OAAO,MAAM,GAAG,WAC7C,oBAAC,oBAAD;CAA0B;WACxB,oBAAC,qBAAD;EAA2B;EAAM,GAAI;CAAO,CAAA;AAC1B,CAAA;AAGtB,IAAa,aAA6B,uBAAO,OAAO,qBAAqB;CAC3E,OAAO;CACP,OAAO;CACP,MAAM;AACR,CAAC;AAED,oBAAoB,cAAc"}

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

@@ -1,17 +1,11 @@
 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;
-} & {
-    as?: React.ElementType;
-}, "as"> & {
-    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;
-} & {
-    as?: React.ElementType;
+declare const StyledEmptyStateBody: import("../..").PolymorphicComponent<import("../..").PolymorphicComponent<"p", {
+    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;
+}>, {
+    size?: ("lg" | "md" | "sm" | "xl" | "xs" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "lg" | "md" | "sm" | "xl" | "xs">>) | undefined;
 }>;
 type EmptyStateBodyProps = React.ComponentProps<typeof StyledEmptyStateBody>;
 export declare const EmptyStateBody: (props: EmptyStateBodyProps) => React.JSX.Element;

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

@@ -13,7 +13,7 @@ var StyledEmptyStateBody = styled(Text, {
 		lg: ["mb-6", "text-md"],
 		xl: ["mb-6", "text-md"]
 	} }
-}, { enabledResponsiveVariants: true });
+}, { enableResponsiveVariants: true });
 var EmptyStateBody = (props) => {
 	const { size } = React$1.useContext(EmptyStateContext);
 	return /* @__PURE__ */ jsx(StyledEmptyStateBody, {

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  { enableResponsiveVariants: 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,0BAA0B,KAAK,CACnC;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,14 +1,16 @@
-import React from 'react';
-declare const StyledEmptyStateImage: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "fluid"> & {
+import * as React from 'react';
+declare const StyledEmptyStateImage: import("../..").PolymorphicComponent<(({ children, ref, ...props }: Omit<{
     fluid?: boolean | undefined;
-} & {
-    as?: React.ElementType;
-}, "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;
+} & Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "as" | "fluid">, "children"> & {
+    children?: React.ReactNode;
+}) => React.JSX.Element) & {
+    Credit: {
+        ({ author, sourceUrl, licenseName, licenseUrl }: import("../image/ImageCredit").ImageCreditProps): React.JSX.Element;
+        displayName: string;
+    };
+    displayName: string;
+}, {
+    size?: ("lg" | "md" | "sm" | "xl" | "xs" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "lg" | "md" | "sm" | "xl" | "xs">>) | undefined;
 }>;
 type EmptyStateImageProps = React.ComponentProps<typeof StyledEmptyStateImage>;
 export declare const EmptyStateImage: (props: EmptyStateImageProps) => React.JSX.Element;

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, {
@@ -33,9 +33,9 @@ var StyledEmptyStateImage = styled(Image, {
 			"mb-6"
 		]
 	} }
-}, { enabledResponsiveVariants: true });
+}, { enableResponsiveVariants: 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  { enableResponsiveVariants: 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,0BAA0B,KAAK,CACnC;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,11 +1,10 @@
 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;
-} & {
-    as?: React.ElementType;
+import type { Override } from '../../utilities/types';
+declare const StyledEmptyStateTitle: import("../..").PolymorphicComponent<"h2", {
+    size?: ("lg" | "md" | "sm" | "xl" | "xs" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "lg" | "md" | "sm" | "xl" | "xs">>) | undefined;
 }>;
-type EmptyStateTitleProps = React.ComponentProps<typeof StyledEmptyStateTitle> & {
+type EmptyStateTitleProps = Override<React.ComponentProps<typeof StyledEmptyStateTitle>, {
     as?: React.ComponentType | React.ElementType;
-};
+}>;
 export declare const EmptyStateTitle: (props: EmptyStateTitleProps) => React.JSX.Element;
 export {};

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

@@ -17,7 +17,7 @@ var StyledEmptyStateTitle = styled("h2", {
 		lg: ["mb-4", "text-lg"],
 		xl: ["mb-4", "text-lg"]
 	} }
-}, { enabledResponsiveVariants: true });
+}, { enableResponsiveVariants: true });
 var EmptyStateTitle = (props) => {
 	const { size } = React$1.useContext(EmptyStateContext);
 	return /* @__PURE__ */ jsx(StyledEmptyStateTitle, {

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 type { Override } from '../../utilities/types'\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  { enableResponsiveVariants: true }\n)\n\n// Override, not intersection: ComponentProps yields `as?: never`, and\n// intersecting that with ElementType silently collapses `as` to undefined\ntype EmptyStateTitleProps = Override<\n  React.ComponentProps<typeof StyledEmptyStateTitle>,\n  {\n    as?: React.ComponentType | React.ElementType\n  }\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;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,0BAA0B,KAAK,CACnC;AAWA,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"}