@atom-learning/components 6.17.0 → 8.0.0

package/dist/components/drawer/DrawerClose.js

@@ -1,16 +1,21 @@
 import { Icon } from "../icon/Icon.js";
 import { ActionIcon } from "../action-icon/ActionIcon.js";
-import React from "react";
+import "react";
+import { jsx } from "react/jsx-runtime";
 import { Close } from "@atom-learning/icons";
 import { Close as Close$1 } from "@radix-ui/react-dialog";
 //#region src/components/drawer/DrawerClose.tsx
-var DrawerClose = (props) => /* @__PURE__ */ React.createElement(Close$1, { asChild: true }, /* @__PURE__ */ React.createElement(ActionIcon, {
-	theme: "neutral",
-	appearance: "simple",
-	size: "md",
-	hasTooltip: false,
-	...props
-}, /* @__PURE__ */ React.createElement(Icon, { is: Close })));
+var DrawerClose = (props) => /* @__PURE__ */ jsx(Close$1, {
+	asChild: true,
+	children: /* @__PURE__ */ jsx(ActionIcon, {
+		theme: "neutral",
+		appearance: "simple",
+		size: "md",
+		hasTooltip: false,
+		...props,
+		children: /* @__PURE__ */ jsx(Icon, { is: Close })
+	})
+});
 //#endregion
 export { DrawerClose };
 

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerClose.js","names":[],"sources":["../../../src/components/drawer/DrawerClose.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport { Close as DialogClose } from '@radix-ui/react-dialog'\nimport React from 'react'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\n\nexport const DrawerClose = (\n  props: Omit<React.ComponentProps<typeof ActionIcon>, 'children'>\n) => (\n  <DialogClose asChild>\n    <ActionIcon\n      theme=\"neutral\"\n      appearance=\"simple\"\n      size=\"md\"\n      hasTooltip={false}\n      {...props}\n    >\n      <Icon is={Close} />\n    </ActionIcon>\n  </DialogClose>\n)\n"],"mappings":";;;;;;AAOA,IAAa,eACX,UAEA,sBAAA,cAAC,SAAD,EAAa,SAAA,MAUC,EATZ,sBAAA,cAAC,YAAD;CACE,OAAM;CACN,YAAW;CACX,MAAK;CACL,YAAY;CACZ,GAAI;CAGO,EADX,sBAAA,cAAC,MAAD,EAAM,IAAI,OAAS,CAAA,CACR,CACD"}
+{"version":3,"file":"DrawerClose.js","names":[],"sources":["../../../src/components/drawer/DrawerClose.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport { Close as DialogClose } from '@radix-ui/react-dialog'\nimport React from 'react'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\n\nexport const DrawerClose = (\n  props: Omit<React.ComponentProps<typeof ActionIcon>, 'children'>\n) => (\n  <DialogClose asChild>\n    <ActionIcon\n      theme=\"neutral\"\n      appearance=\"simple\"\n      size=\"md\"\n      hasTooltip={false}\n      {...props}\n    >\n      <Icon is={Close} />\n    </ActionIcon>\n  </DialogClose>\n)\n"],"mappings":";;;;;;;AAOA,IAAa,eACX,UAEA,oBAAC,SAAD;CAAa,SAAA;WACX,oBAAC,YAAD;EACE,OAAM;EACN,YAAW;EACX,MAAK;EACL,YAAY;EACZ,GAAI;YAEJ,oBAAC,MAAD,EAAM,IAAI,OAAS,CAAA;EACR,CAAA;CACD,CAAA"}

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

@@ -1,5 +1,7 @@
 import React from 'react';
-export declare const StyledContent: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "position" | "size"> & {
+export declare const StyledContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "position" | "size"> & {
     position?: "bottom" | "left" | "right" | "top" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | undefined;
 } & {

package/dist/components/drawer/DrawerContent.js

@@ -3,6 +3,7 @@ import { ColorScheme } from "../../experiments/color-scheme/ColorScheme.js";
 import { DrawerContext } from "./Drawer.context.js";
 import { DrawerOverlay } from "./DrawerOverlay.js";
 import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Content, Portal } from "@radix-ui/react-dialog";
 //#region src/components/drawer/DrawerContent.tsx
 var StyledContent = styled(Content, {
@@ -60,16 +61,21 @@ var StyledContent = styled(Content, {
 });
 var DrawerContent = ({ children, ...rest }) => {
 	const { position } = React.useContext(DrawerContext);
-	return /* @__PURE__ */ React.createElement(Portal, null, /* @__PURE__ */ React.createElement(DrawerOverlay, null), /* @__PURE__ */ React.createElement(ColorScheme, {
+	return /* @__PURE__ */ jsxs(Portal, { children: [/* @__PURE__ */ jsx(DrawerOverlay, {}), /* @__PURE__ */ jsx(ColorScheme, {
 		base: "grey1",
 		accent: "primary1",
-		asChild: true
-	}, /* @__PURE__ */ React.createElement(StyledContent, {
-		size: "lg",
-		position,
-		...rest,
-		asChild: true
-	}, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col" }, children))));
+		asChild: true,
+		children: /* @__PURE__ */ jsx(StyledContent, {
+			size: "lg",
+			position,
+			...rest,
+			asChild: true,
+			children: /* @__PURE__ */ jsx("div", {
+				className: "flex flex-col",
+				children
+			})
+		})
+	})] });
 };
 //#endregion
 export { DrawerContent };

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.js","names":[],"sources":["../../../src/components/drawer/DrawerContent.tsx"],"sourcesContent":["import { Content, Portal } from '@radix-ui/react-dialog'\nimport React from 'react'\n\nimport { ColorScheme } from '~/experiments/color-scheme/ColorScheme'\nimport { styled } from '~/styled'\n\nimport { DrawerContext } from './Drawer.context'\nimport { DrawerOverlay } from './DrawerOverlay'\n\nexport const StyledContent = styled(Content, {\n  base: [\n    'bg-(--base-1)',\n    'shadow-lg',\n    'fixed',\n    'z-1147483646',\n    'motion-safe:data-[state=open]:animate-slide-direction-in',\n    'motion-safe:data-[state=closed]:animate-slide-direction-out'\n  ],\n  variants: {\n    position: {\n      top: [\n        '[--slide-direction-out-y:-100%]',\n        'top-0',\n        'left-0',\n        'w-full',\n        'max-h-17/20'\n      ],\n      right: [\n        '[--slide-direction-out-x:100%]',\n        'right-0',\n        'top-0',\n        'h-full',\n        'w-(--drawer-content-width,100%)',\n        'max-w-full'\n      ],\n      bottom: [\n        '[--slide-direction-out-y:100%]',\n        'bottom-0',\n        'left-0',\n        'w-full',\n        'max-h-17/20'\n      ],\n      left: [\n        '[--slide-direction-out-x:-100%]',\n        'left-0',\n        'top-0',\n        'h-full',\n        'w-(--drawer-content-width,100%)',\n        'max-w-full'\n      ]\n    },\n    size: {\n      xs: ['[--drawer-content-width:240px]'],\n      sm: ['[--drawer-content-width:256px]'],\n      md: ['[--drawer-content-width:288px]'],\n      lg: ['[--drawer-content-width:304px]'],\n      xl: ['[--drawer-content-width:320px]'],\n      '2xl': ['[--drawer-content-width:720px]'],\n      '3xl': ['[--drawer-content-width:1000px]']\n    }\n  }\n})\n\nexport const DrawerContent = ({\n  children,\n  ...rest\n}: React.ComponentProps<typeof StyledContent>) => {\n  const { position } = React.useContext(DrawerContext)\n\n  return (\n    <Portal>\n      <DrawerOverlay />\n      <ColorScheme base=\"grey1\" accent=\"primary1\" asChild>\n        <StyledContent size=\"lg\" position={position} {...rest} asChild>\n          <div className=\"flex flex-col\">{children}</div>\n        </StyledContent>\n      </ColorScheme>\n    </Portal>\n  )\n}\n"],"mappings":";;;;;;;AASA,IAAa,gBAAgB,OAAO,SAAS;CAC3C,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,UAAU;GACR,KAAK;IACH;IACA;IACA;IACA;IACA;IACD;GACD,OAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACD;GACD,QAAQ;IACN;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACD;GACF;EACD,MAAM;GACJ,IAAI,CAAC,iCAAiC;GACtC,IAAI,CAAC,iCAAiC;GACtC,IAAI,CAAC,iCAAiC;GACtC,IAAI,CAAC,iCAAiC;GACtC,IAAI,CAAC,iCAAiC;GACtC,OAAO,CAAC,iCAAiC;GACzC,OAAO,CAAC,kCAAkC;GAC3C;EACF;CACF,CAAC;AAEF,IAAa,iBAAiB,EAC5B,UACA,GAAG,WAC6C;CAChD,MAAM,EAAE,aAAa,MAAM,WAAW,cAAc;AAEpD,QACE,sBAAA,cAAC,QAAA,MACC,sBAAA,cAAC,eAAA,KAAgB,EACjB,sBAAA,cAAC,aAAD;EAAa,MAAK;EAAQ,QAAO;EAAW,SAAA;EAI9B,EAHZ,sBAAA,cAAC,eAAD;EAAe,MAAK;EAAe;EAAU,GAAI;EAAM,SAAA;EAEvC,EADd,sBAAA,cAAC,OAAD,EAAK,WAAU,iBAAgC,EAAf,SAAe,CACjC,CACJ,CACP"}
+{"version":3,"file":"DrawerContent.js","names":[],"sources":["../../../src/components/drawer/DrawerContent.tsx"],"sourcesContent":["import { Content, Portal } from '@radix-ui/react-dialog'\nimport React from 'react'\n\nimport { ColorScheme } from '~/experiments/color-scheme/ColorScheme'\nimport { styled } from '~/styled'\n\nimport { DrawerContext } from './Drawer.context'\nimport { DrawerOverlay } from './DrawerOverlay'\n\nexport const StyledContent = styled(Content, {\n  base: [\n    'bg-(--base-1)',\n    'shadow-lg',\n    'fixed',\n    'z-1147483646',\n    'motion-safe:data-[state=open]:animate-slide-direction-in',\n    'motion-safe:data-[state=closed]:animate-slide-direction-out'\n  ],\n  variants: {\n    position: {\n      top: [\n        '[--slide-direction-out-y:-100%]',\n        'top-0',\n        'left-0',\n        'w-full',\n        'max-h-17/20'\n      ],\n      right: [\n        '[--slide-direction-out-x:100%]',\n        'right-0',\n        'top-0',\n        'h-full',\n        'w-(--drawer-content-width,100%)',\n        'max-w-full'\n      ],\n      bottom: [\n        '[--slide-direction-out-y:100%]',\n        'bottom-0',\n        'left-0',\n        'w-full',\n        'max-h-17/20'\n      ],\n      left: [\n        '[--slide-direction-out-x:-100%]',\n        'left-0',\n        'top-0',\n        'h-full',\n        'w-(--drawer-content-width,100%)',\n        'max-w-full'\n      ]\n    },\n    size: {\n      xs: ['[--drawer-content-width:240px]'],\n      sm: ['[--drawer-content-width:256px]'],\n      md: ['[--drawer-content-width:288px]'],\n      lg: ['[--drawer-content-width:304px]'],\n      xl: ['[--drawer-content-width:320px]'],\n      '2xl': ['[--drawer-content-width:720px]'],\n      '3xl': ['[--drawer-content-width:1000px]']\n    }\n  }\n})\n\nexport const DrawerContent = ({\n  children,\n  ...rest\n}: React.ComponentProps<typeof StyledContent>) => {\n  const { position } = React.useContext(DrawerContext)\n\n  return (\n    <Portal>\n      <DrawerOverlay />\n      <ColorScheme base=\"grey1\" accent=\"primary1\" asChild>\n        <StyledContent size=\"lg\" position={position} {...rest} asChild>\n          <div className=\"flex flex-col\">{children}</div>\n        </StyledContent>\n      </ColorScheme>\n    </Portal>\n  )\n}\n"],"mappings":";;;;;;;;AASA,IAAa,gBAAgB,OAAO,SAAS;CAC3C,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,UAAU;GACR,KAAK;IACH;IACA;IACA;IACA;IACA;IACD;GACD,OAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACD;GACD,QAAQ;IACN;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;IACJ;IACA;IACA;IACA;IACA;IACA;IACD;GACF;EACD,MAAM;GACJ,IAAI,CAAC,iCAAiC;GACtC,IAAI,CAAC,iCAAiC;GACtC,IAAI,CAAC,iCAAiC;GACtC,IAAI,CAAC,iCAAiC;GACtC,IAAI,CAAC,iCAAiC;GACtC,OAAO,CAAC,iCAAiC;GACzC,OAAO,CAAC,kCAAkC;GAC3C;EACF;CACF,CAAC;AAEF,IAAa,iBAAiB,EAC5B,UACA,GAAG,WAC6C;CAChD,MAAM,EAAE,aAAa,MAAM,WAAW,cAAc;AAEpD,QACE,qBAAC,QAAD,EAAA,UAAA,CACE,oBAAC,eAAD,EAAiB,CAAA,EACjB,oBAAC,aAAD;EAAa,MAAK;EAAQ,QAAO;EAAW,SAAA;YAC1C,oBAAC,eAAD;GAAe,MAAK;GAAe;GAAU,GAAI;GAAM,SAAA;aACrD,oBAAC,OAAD;IAAK,WAAU;IAAiB;IAAe,CAAA;GACjC,CAAA;EACJ,CAAA,CACP,EAAA,CAAA"}

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

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

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

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

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

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

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

@@ -1,3 +1,5 @@
-export declare const DrawerOverlay: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, never> & {
+export declare const DrawerOverlay: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never> & {
     as?: import("react").ElementType;
 }>;

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

@@ -1,11 +1,15 @@
 import React from 'react';
 import { DropdownMenuItem } from './DropdownMenuItem';
 export declare const DropdownMenu: React.FC<import("@radix-ui/react-dropdown-menu").DropdownMenuProps> & {
-    Content: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, never> & {
+    Content: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
+    }, never> & {
         as?: React.ElementType;
     }>;
     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> & {
+    Item: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
+    }, never> & {
         as?: React.ElementType;
     }>;
     Label: {
@@ -16,10 +20,14 @@ export declare const DropdownMenu: React.FC<import("@radix-ui/react-dropdown-men
         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> & {
+    Separator: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
+    }, never> & {
         as?: React.ElementType;
     }>;
-    Trigger: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, never> & {
+    Trigger: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
+    }, never> & {
         as?: React.ElementType;
     }>;
 };

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

@@ -1,3 +1,5 @@
-export declare const DropdownMenuContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, never> & {
+export declare const DropdownMenuContent: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never> & {
     as?: import("react").ElementType;
 }>;

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

@@ -1,3 +1,5 @@
-export declare const DropdownMenuItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>, never> & {
+export declare const DropdownMenuItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never> & {
     as?: import("react").ElementType;
 }>;

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

@@ -1,9 +1,10 @@
 import { cn } from "../../styled.js";
 import { Text } from "../text/Text.js";
-import * as React$1 from "react";
+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__ */ React$1.createElement(Text, {
+var DropdownMenuLabel = ({ className, ...props }) => /* @__PURE__ */ jsx(Text, {
 	as: Label,
 	size: "sm",
 	className: cn("px-3", "py-2", "text-text-subtle", className),

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,wBAAA,cAAC,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'\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"}

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

@@ -1,17 +1,20 @@
 import { styled } from "../../styled.js";
 import { getExternalAnchorProps } from "../../utilities/uri/index.js";
 import { DropdownMenuItem } from "./DropdownMenuItem.js";
-import React from "react";
+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__ */ React.createElement(DropdownMenuItem, {
+var DropdownMenuLinkItem = ({ children, href, ...props }) => /* @__PURE__ */ jsx(DropdownMenuItem, {
 	...props,
-	asChild: true
-}, /* @__PURE__ */ React.createElement(StyledLink, {
-	href,
-	role: "menuitem",
-	...getExternalAnchorProps(href)
-}, children));
+	asChild: true,
+	children: /* @__PURE__ */ jsx(StyledLink, {
+		href,
+		role: "menuitem",
+		...getExternalAnchorProps(href),
+		children
+	})
+});
 //#endregion
 export { DropdownMenuLinkItem };
 

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,sBAAA,cAAC,kBAAD;CAAkB,GAAI;CAAO,SAAA;CAIV,EAHjB,sBAAA,cAAC,YAAD;CAAkB;CAAM,MAAK;CAAW,GAAI,uBAAuB,KAAK;CAE3D,EADV,SACU,CACI"}
+{"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"}

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

@@ -1,3 +1,5 @@
-export declare const DropdownMenuSeparator: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, never> & {
+export declare const DropdownMenuSeparator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never> & {
     as?: import("react").ElementType;
 }>;

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

@@ -1,3 +1,5 @@
-export declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, never> & {
+export declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, never> & {
     as?: import("react").ElementType;
 }>;

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

@@ -1,9 +1,13 @@
 import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/empty-state/EmptyState.context.tsx
 var EmptyStateContext = React$1.createContext({});
 var EmptyStateProvider = ({ size, children }) => {
 	const value = React$1.useMemo(() => ({ size }), [size]);
-	return /* @__PURE__ */ React$1.createElement(EmptyStateContext.Provider, { value }, children);
+	return /* @__PURE__ */ jsx(EmptyStateContext.Provider, {
+		value,
+		children
+	});
 };
 //#endregion
 export { EmptyStateContext, EmptyStateProvider };

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,wBAAA,cAAC,kBAAkB,UAAnB,EAAmC,OAEN,EAD1B,SAC0B"}
+{"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"}

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 declare const EmptyStateContainer: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "size"> & {
     size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
 } & {
@@ -11,21 +11,23 @@ export declare const EmptyState: {
     ({ size, ...rest }: EmptyStateProps): React.JSX.Element;
     displayName: string;
 } & {
-    Image: (props: Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
-        ref?: ((instance: HTMLImageElement | null) => void) | React.RefObject<HTMLImageElement> | null | undefined;
+    Image: (props: Omit<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
+        ref?: ((instance: HTMLImageElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLImageElement> | null | undefined;
     }, "fluid"> & {
         fluid?: boolean | undefined;
     } & {
         as?: React.ElementType;
     }, "as"> & {
         as?: never;
-    }, "ref"> & React.RefAttributes<HTMLImageElement>, "size"> & {
+    }, "ref"> & React.RefAttributes<HTMLImageElement>, "ref"> & {
+        ref?: ((instance: HTMLImageElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLImageElement> | null | undefined;
+    }, "size"> & {
         size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
     } & {
         as?: React.ElementType;
     }) => React.JSX.Element;
     Title: (props: Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
-        ref?: ((instance: HTMLHeadingElement | null) => void) | React.RefObject<HTMLHeadingElement> | null | undefined;
+        ref?: ((instance: HTMLHeadingElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLHeadingElement> | null | undefined;
     }, "size"> & {
         size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
     } & {
@@ -33,8 +35,8 @@ export declare const EmptyState: {
     } & {
         as?: React.ComponentType | React.ElementType;
     }) => React.JSX.Element;
-    Body: (props: Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
-        ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
+    Body: (props: Omit<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+        ref?: ((instance: HTMLParagraphElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLParagraphElement> | null | undefined;
     }, "size" | "noCapsize" | "weight" | "family"> & {
         size?: ("sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl">>) | undefined;
         noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
@@ -44,7 +46,9 @@ export declare const EmptyState: {
         as?: React.ElementType;
     }, "as"> & {
         as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLParagraphElement>, "size"> & {
+    }, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & {
+        ref?: ((instance: HTMLParagraphElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLParagraphElement> | null | undefined;
+    }, "size"> & {
         size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
     } & {
         as?: React.ElementType;

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

@@ -3,7 +3,8 @@ import { EmptyStateProvider } from "./EmptyState.context.js";
 import { EmptyStateBody } from "./EmptyStateBody.js";
 import { EmptyStateImage } from "./EmptyStateImage.js";
 import { EmptyStateTitle } from "./EmptyStateTitle.js";
-import * as React$1 from "react";
+import "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/empty-state/EmptyState.tsx
 var EmptyStateContainer = styled("div", {
 	base: [
@@ -21,10 +22,13 @@ var EmptyStateContainer = styled("div", {
 		xl: ["p-10"]
 	} }
 }, { enabledResponsiveVariants: true });
-var EmptyStateComponent = ({ size = "sm", ...rest }) => /* @__PURE__ */ React$1.createElement(EmptyStateProvider, { size }, /* @__PURE__ */ React$1.createElement(EmptyStateContainer, {
+var EmptyStateComponent = ({ size = "sm", ...rest }) => /* @__PURE__ */ jsx(EmptyStateProvider, {
 	size,
-	...rest
-}));
+	children: /* @__PURE__ */ jsx(EmptyStateContainer, {
+		size,
+		...rest
+	})
+});
 var EmptyState = Object.assign(EmptyStateComponent, {
 	Image: EmptyStateImage,
 	Title: EmptyStateTitle,

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,wBAAA,cAAC,oBAAD,EAA0B,MAEL,EADnB,wBAAA,cAAC,qBAAD;CAA2B;CAAM,GAAI;CAAQ,CAAA,CAC1B;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'\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"}

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-declare const StyledEmptyStateBody: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
-    ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
+declare const StyledEmptyStateBody: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLParagraphElement> | null | undefined;
 }, "size" | "noCapsize" | "weight" | "family"> & {
     size?: ("sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl">>) | undefined;
     noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
@@ -10,7 +10,9 @@ declare const StyledEmptyStateBody: React.ForwardRefExoticComponent<Omit<Omit<Om
     as?: React.ElementType;
 }, "as"> & {
     as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLParagraphElement>, "size"> & {
+}, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLParagraphElement> | null | undefined;
+}, "size"> & {
     size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
 } & {
     as?: React.ElementType;

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

@@ -2,6 +2,7 @@ import { styled } from "../../styled.js";
 import { Text } from "../text/Text.js";
 import { EmptyStateContext } from "./EmptyState.context.js";
 import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/empty-state/EmptyStateBody.tsx
 var StyledEmptyStateBody = styled(Text, {
 	base: ["text-grey-800", "font-normal"],
@@ -15,7 +16,7 @@ var StyledEmptyStateBody = styled(Text, {
 }, { enabledResponsiveVariants: true });
 var EmptyStateBody = (props) => {
 	const { size } = React$1.useContext(EmptyStateContext);
-	return /* @__PURE__ */ React$1.createElement(StyledEmptyStateBody, {
+	return /* @__PURE__ */ jsx(StyledEmptyStateBody, {
 		...props,
 		size
 	});

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,wBAAA,cAAC,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 { 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"}

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

@@ -1,13 +1,15 @@
 import React from 'react';
-declare const StyledEmptyStateImage: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
-    ref?: ((instance: HTMLImageElement | null) => void) | React.RefObject<HTMLImageElement> | null | undefined;
+declare const StyledEmptyStateImage: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
+    ref?: ((instance: HTMLImageElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLImageElement> | null | undefined;
 }, "fluid"> & {
     fluid?: boolean | undefined;
 } & {
     as?: React.ElementType;
 }, "as"> & {
     as?: never;
-}, "ref"> & React.RefAttributes<HTMLImageElement>, "size"> & {
+}, "ref"> & React.RefAttributes<HTMLImageElement>, "ref"> & {
+    ref?: ((instance: HTMLImageElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLImageElement> | null | undefined;
+}, "size"> & {
     size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
 } & {
     as?: React.ElementType;

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

@@ -2,6 +2,7 @@ import { styled } from "../../styled.js";
 import { Image } from "../image/Image.js";
 import { EmptyStateContext } from "./EmptyState.context.js";
 import React from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/empty-state/EmptyStateImage.tsx
 var StyledEmptyStateImage = styled(Image, {
 	base: [],
@@ -35,7 +36,7 @@ var StyledEmptyStateImage = styled(Image, {
 }, { enabledResponsiveVariants: true });
 var EmptyStateImage = (props) => {
 	const { size } = React.useContext(EmptyStateContext);
-	return /* @__PURE__ */ React.createElement(StyledEmptyStateImage, {
+	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,sBAAA,cAAC,uBAAD;EAA6B;EAAM,GAAI;EAAS,CAAA"}
+{"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"}

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

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

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

@@ -1,6 +1,7 @@
 import { styled } from "../../styled.js";
 import { EmptyStateContext } from "./EmptyState.context.js";
 import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/empty-state/EmptyStateTitle.tsx
 var StyledEmptyStateTitle = styled("h2", {
 	base: [
@@ -19,7 +20,7 @@ var StyledEmptyStateTitle = styled("h2", {
 }, { enabledResponsiveVariants: true });
 var EmptyStateTitle = (props) => {
 	const { size } = React$1.useContext(EmptyStateContext);
-	return /* @__PURE__ */ React$1.createElement(StyledEmptyStateTitle, {
+	return /* @__PURE__ */ jsx(StyledEmptyStateTitle, {
 		size,
 		...props
 	});

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,wBAAA,cAAC,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'\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"}

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

@@ -1,11 +1,13 @@
 import { cn } from "../../styled.js";
 import { Text } from "../text/Text.js";
-import * as React$1 from "react";
+import "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/field-wrapper/FieldDescription.tsx
-var Description = ({ children, className }) => /* @__PURE__ */ React$1.createElement(Text, {
+var Description = ({ children, className }) => /* @__PURE__ */ jsx(Text, {
 	size: "sm",
-	className: cn("text-grey-700", "max-w-[80ch]", className)
-}, children);
+	className: cn("text-grey-700", "max-w-[80ch]", className),
+	children
+});
 //#endregion
 export { Description };
 

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,wBAAA,cAAC,MAAD;CAAM,MAAK;CAAK,WAAW,GAAG,iBAAiB,gBAAgB,UAAU;CAElE,EADJ,SACI"}
+{"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"}