@atom-learning/components 7.0.0 → 8.0.1

package/dist/components/dismissible-group/DismissibleGroupRoot.js

@@ -1,4 +1,5 @@
 import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/dismissible-group/DismissibleGroupRoot.tsx
 var DismissibleGroupContext = React$1.createContext({ onDismiss: () => null });
 var DismissibleGroupProvider = ({ children, disabled, onDismiss }) => {
@@ -6,13 +7,17 @@ var DismissibleGroupProvider = ({ children, disabled, onDismiss }) => {
 		disabled,
 		onDismiss
 	}), [disabled, onDismiss]);
-	return /* @__PURE__ */ React$1.createElement(DismissibleGroupContext.Provider, { value }, children);
+	return /* @__PURE__ */ jsx(DismissibleGroupContext.Provider, {
+		value,
+		children
+	});
 };
 var DismissibleGroupRoot = ({ as: Component = "div", disabled, onDismiss, ...rest }) => {
-	return /* @__PURE__ */ React$1.createElement(DismissibleGroupProvider, {
+	return /* @__PURE__ */ jsx(DismissibleGroupProvider, {
 		disabled,
-		onDismiss
-	}, /* @__PURE__ */ React$1.createElement(Component, rest));
+		onDismiss,
+		children: /* @__PURE__ */ jsx(Component, { ...rest })
+	});
 };
 DismissibleGroupRoot.displayName = "DismissibleGroup";
 //#endregion

package/dist/components/dismissible-group/DismissibleGroupRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissibleGroupRoot.js","names":[],"sources":["../../../src/components/dismissible-group/DismissibleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport interface IDismissibleGroupContext {\n  disabled?: boolean\n  onDismiss: (value: React.ReactText) => void\n}\nexport const DismissibleGroupContext =\n  React.createContext<IDismissibleGroupContext>({\n    onDismiss: () => null\n  })\n\nexport interface IDismissibleGroupProps {\n  disabled?: boolean\n  onDismiss: (value: React.ReactText) => void\n}\n\nexport const DismissibleGroupProvider = ({\n  children,\n  disabled,\n  onDismiss\n}: React.PropsWithChildren<IDismissibleGroupProps>) => {\n  const value = React.useMemo<IDismissibleGroupContext>(\n    () => ({ disabled, onDismiss }),\n    [disabled, onDismiss]\n  )\n  return (\n    <DismissibleGroupContext.Provider value={value}>\n      {children}\n    </DismissibleGroupContext.Provider>\n  )\n}\n\nexport interface IDismissibleGroupRootProps extends IDismissibleGroupProps {\n  as?: React.ElementType\n}\n\nexport const DismissibleGroupRoot = ({\n  as: Component = 'div',\n  disabled,\n  onDismiss,\n  ...rest\n}: React.PropsWithChildren<IDismissibleGroupRootProps>) => {\n  return (\n    <DismissibleGroupProvider disabled={disabled} onDismiss={onDismiss}>\n      <Component {...rest} />\n    </DismissibleGroupProvider>\n  )\n}\n\nDismissibleGroupRoot.displayName = 'DismissibleGroup'\n"],"mappings":";;AAMA,IAAa,0BACX,QAAM,cAAwC,EAC5C,iBAAiB,MAClB,CAAC;AAOJ,IAAa,4BAA4B,EACvC,UACA,UACA,gBACqD;CACrD,MAAM,QAAQ,QAAM,eACX;EAAE;EAAU;EAAW,GAC9B,CAAC,UAAU,UAAU,CACtB;AACD,QACE,wBAAA,cAAC,wBAAwB,UAAzB,EAAyC,OAEN,EADhC,SACgC;;AAQvC,IAAa,wBAAwB,EACnC,IAAI,YAAY,OAChB,UACA,WACA,GAAG,WACsD;AACzD,QACE,wBAAA,cAAC,0BAAD;EAAoC;EAAqB;EAE9B,EADzB,wBAAA,cAAC,WAAc,KAAQ,CACE;;AAI/B,qBAAqB,cAAc"}
+{"version":3,"file":"DismissibleGroupRoot.js","names":[],"sources":["../../../src/components/dismissible-group/DismissibleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport interface IDismissibleGroupContext {\n  disabled?: boolean\n  onDismiss: (value: string | number) => void\n}\nexport const DismissibleGroupContext =\n  React.createContext<IDismissibleGroupContext>({\n    onDismiss: () => null\n  })\n\nexport interface IDismissibleGroupProps {\n  disabled?: boolean\n  onDismiss: (value: string | number) => void\n}\n\nexport const DismissibleGroupProvider = ({\n  children,\n  disabled,\n  onDismiss\n}: React.PropsWithChildren<IDismissibleGroupProps>) => {\n  const value = React.useMemo<IDismissibleGroupContext>(\n    () => ({ disabled, onDismiss }),\n    [disabled, onDismiss]\n  )\n  return (\n    <DismissibleGroupContext.Provider value={value}>\n      {children}\n    </DismissibleGroupContext.Provider>\n  )\n}\n\nexport interface IDismissibleGroupRootProps extends IDismissibleGroupProps {\n  as?: React.ElementType\n}\n\nexport const DismissibleGroupRoot = ({\n  as: Component = 'div',\n  disabled,\n  onDismiss,\n  ...rest\n}: React.PropsWithChildren<IDismissibleGroupRootProps>) => {\n  return (\n    <DismissibleGroupProvider disabled={disabled} onDismiss={onDismiss}>\n      <Component {...rest} />\n    </DismissibleGroupProvider>\n  )\n}\n\nDismissibleGroupRoot.displayName = 'DismissibleGroup'\n"],"mappings":";;;AAMA,IAAa,0BACX,QAAM,cAAwC,EAC5C,iBAAiB,MAClB,CAAC;AAOJ,IAAa,4BAA4B,EACvC,UACA,UACA,gBACqD;CACrD,MAAM,QAAQ,QAAM,eACX;EAAE;EAAU;EAAW,GAC9B,CAAC,UAAU,UAAU,CACtB;AACD,QACE,oBAAC,wBAAwB,UAAzB;EAAyC;EACtC;EACgC,CAAA;;AAQvC,IAAa,wBAAwB,EACnC,IAAI,YAAY,OAChB,UACA,WACA,GAAG,WACsD;AACzD,QACE,oBAAC,0BAAD;EAAoC;EAAqB;YACvD,oBAAC,WAAD,EAAW,GAAI,MAAQ,CAAA;EACE,CAAA;;AAI/B,qBAAqB,cAAc"}

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

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

package/dist/components/divider/Divider.js

@@ -1,5 +1,6 @@
 import { styled } from "../../styled.js";
 import React from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/divider/Divider.tsx
 var StyledDivider = styled("hr", {
 	base: ["border-none", "bg-grey-200"],
@@ -13,7 +14,7 @@ var StyledDivider = styled("hr", {
 	} }
 }, { enabledResponsiveVariants: true });
 var Divider = React.forwardRef(({ orientation = "horizontal", ...rest }, ref) => {
-	return /* @__PURE__ */ React.createElement(StyledDivider, {
+	return /* @__PURE__ */ jsx(StyledDivider, {
 		ref,
 		orientation,
 		...rest

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","names":[],"sources":["../../../src/components/divider/Divider.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const StyledDivider = styled(\n  'hr',\n  {\n    base: ['border-none', 'bg-grey-200'],\n    variants: {\n      orientation: {\n        horizontal: ['h-px', 'w-full'],\n        vertical: ['h-full', 'min-h-8', 'w-px']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nexport const Divider = React.forwardRef<\n  HTMLHRElement,\n  React.ComponentProps<typeof StyledDivider>\n>(({ orientation = 'horizontal', ...rest }, ref) => {\n  return <StyledDivider ref={ref} orientation={orientation} {...rest} />\n})\n"],"mappings":";;;AAIA,IAAa,gBAAgB,OAC3B,MACA;CACE,MAAM,CAAC,eAAe,cAAc;CACpC,UAAU,EACR,aAAa;EACX,YAAY,CAAC,QAAQ,SAAS;EAC9B,UAAU;GAAC;GAAU;GAAW;GAAO;EACxC,EACF;CACF,EACD,EAAE,2BAA2B,MAAM,CACpC;AAED,IAAa,UAAU,MAAM,YAG1B,EAAE,cAAc,cAAc,GAAG,QAAQ,QAAQ;AAClD,QAAO,sBAAA,cAAC,eAAD;EAAoB;EAAkB;EAAa,GAAI;EAAQ,CAAA;EACtE"}
+{"version":3,"file":"Divider.js","names":[],"sources":["../../../src/components/divider/Divider.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const StyledDivider = styled(\n  'hr',\n  {\n    base: ['border-none', 'bg-grey-200'],\n    variants: {\n      orientation: {\n        horizontal: ['h-px', 'w-full'],\n        vertical: ['h-full', 'min-h-8', 'w-px']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nexport const Divider = React.forwardRef<\n  HTMLHRElement,\n  React.ComponentProps<typeof StyledDivider>\n>(({ orientation = 'horizontal', ...rest }, ref) => {\n  return <StyledDivider ref={ref} orientation={orientation} {...rest} />\n})\n"],"mappings":";;;;AAIA,IAAa,gBAAgB,OAC3B,MACA;CACE,MAAM,CAAC,eAAe,cAAc;CACpC,UAAU,EACR,aAAa;EACX,YAAY,CAAC,QAAQ,SAAS;EAC9B,UAAU;GAAC;GAAU;GAAW;GAAO;EACxC,EACF;CACF,EACD,EAAE,2BAA2B,MAAM,CACpC;AAED,IAAa,UAAU,MAAM,YAG1B,EAAE,cAAc,cAAc,GAAG,QAAQ,QAAQ;AAClD,QAAO,oBAAC,eAAD;EAAoB;EAAkB;EAAa,GAAI;EAAQ,CAAA;EACtE"}

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

@@ -4,5 +4,5 @@ type TDrawerProviderProps = {
     position?: React.ComponentProps<typeof StyledContent>['position'];
 };
 export declare const DrawerContext: React.Context<TDrawerProviderProps>;
-export declare const DrawerProvider: ({ position, ...rest }: React.PropsWithChildren<TDrawerProviderProps>) => JSX.Element;
+export declare const DrawerProvider: ({ position, ...rest }: React.PropsWithChildren<TDrawerProviderProps>) => React.JSX.Element;
 export {};

package/dist/components/drawer/Drawer.context.js

@@ -1,9 +1,10 @@
 import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/drawer/Drawer.context.tsx
 var DrawerContext = React$1.createContext({ position: "left" });
 var DrawerProvider = ({ position = "left", ...rest }) => {
 	const value = React$1.useMemo(() => ({ position }), [position]);
-	return /* @__PURE__ */ React$1.createElement(DrawerContext.Provider, {
+	return /* @__PURE__ */ jsx(DrawerContext.Provider, {
 		value,
 		...rest
 	});

package/dist/components/drawer/Drawer.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.context.js","names":[],"sources":["../../../src/components/drawer/Drawer.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { StyledContent } from './DrawerContent'\n\ntype TDrawerProviderProps = {\n  position?: React.ComponentProps<typeof StyledContent>['position']\n}\n\ntype TDrawerContext = TDrawerProviderProps\n\nexport const DrawerContext = React.createContext<TDrawerContext>({\n  position: 'left'\n})\n\nexport const DrawerProvider = ({\n  position = 'left',\n  ...rest\n}: React.PropsWithChildren<TDrawerProviderProps>): JSX.Element => {\n  const value = React.useMemo<TDrawerContext>(() => ({ position }), [position])\n  return <DrawerContext.Provider value={value} {...rest} />\n}\n"],"mappings":";;AAUA,IAAa,gBAAgB,QAAM,cAA8B,EAC/D,UAAU,QACX,CAAC;AAEF,IAAa,kBAAkB,EAC7B,WAAW,QACX,GAAG,WAC6D;CAChE,MAAM,QAAQ,QAAM,eAA+B,EAAE,UAAU,GAAG,CAAC,SAAS,CAAC;AAC7E,QAAO,wBAAA,cAAC,cAAc,UAAf;EAA+B;EAAO,GAAI;EAAQ,CAAA"}
+{"version":3,"file":"Drawer.context.js","names":[],"sources":["../../../src/components/drawer/Drawer.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { StyledContent } from './DrawerContent'\n\ntype TDrawerProviderProps = {\n  position?: React.ComponentProps<typeof StyledContent>['position']\n}\n\ntype TDrawerContext = TDrawerProviderProps\n\nexport const DrawerContext = React.createContext<TDrawerContext>({\n  position: 'left'\n})\n\nexport const DrawerProvider = ({\n  position = 'left',\n  ...rest\n}: React.PropsWithChildren<TDrawerProviderProps>): React.JSX.Element => {\n  const value = React.useMemo<TDrawerContext>(() => ({ position }), [position])\n  return <DrawerContext.Provider value={value} {...rest} />\n}\n"],"mappings":";;;AAUA,IAAa,gBAAgB,QAAM,cAA8B,EAC/D,UAAU,QACX,CAAC;AAEF,IAAa,kBAAkB,EAC7B,WAAW,QACX,GAAG,WACmE;CACtE,MAAM,QAAQ,QAAM,eAA+B,EAAE,UAAU,GAAG,CAAC,SAAS,CAAC;AAC7E,QAAO,oBAAC,cAAc,UAAf;EAA+B;EAAO,GAAI;EAAQ,CAAA"}

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

@@ -3,22 +3,16 @@ import React from 'react';
 import { DrawerProvider } from './Drawer.context';
 type TDrawerProps = React.ComponentProps<typeof Root> & React.ComponentProps<typeof DrawerProvider>;
 export declare const Drawer: {
-    ({ children, position, ...rest }: TDrawerProps): JSX.Element;
+    ({ children, position, ...rest }: TDrawerProps): React.JSX.Element;
     Close: (props: Omit<React.ComponentProps<typeof import("..").ActionIcon>, "children">) => React.JSX.Element;
     Content: ({ children, ...rest }: React.ComponentProps<typeof import("./DrawerContent").StyledContent>) => React.JSX.Element;
-    Main: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, never> & {
+    Main: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & {
         as?: React.ElementType;
     }>;
-    Header: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, never> & {
+    Header: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & {
         as?: React.ElementType;
     }>;
-    Footer: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-    }, never> & {
+    Footer: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & {
         as?: React.ElementType;
     }>;
     Trigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/drawer/Drawer.js

@@ -5,11 +5,18 @@ import { DrawerFooter } from "./DrawerFooter.js";
 import { DrawerHeader } from "./DrawerHeader.js";
 import { DrawerMain } from "./DrawerMain.js";
 import { DrawerTrigger } from "./DrawerTrigger.js";
-import React from "react";
+import "react";
+import { jsx } from "react/jsx-runtime";
 import { Root } from "@radix-ui/react-dialog";
 //#region src/components/drawer/Drawer.tsx
 var Drawer = ({ children, position, ...rest }) => {
-	return /* @__PURE__ */ React.createElement(DrawerProvider, { position }, /* @__PURE__ */ React.createElement(Root, rest, children));
+	return /* @__PURE__ */ jsx(DrawerProvider, {
+		position,
+		children: /* @__PURE__ */ jsx(Root, {
+			...rest,
+			children
+		})
+	});
 };
 Drawer.Close = DrawerClose;
 Drawer.Content = DrawerContent;

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","names":[],"sources":["../../../src/components/drawer/Drawer.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-dialog'\nimport React from 'react'\n\nimport { DrawerProvider } from './Drawer.context'\nimport { DrawerClose } from './DrawerClose'\nimport { DrawerContent } from './DrawerContent'\nimport { DrawerFooter } from './DrawerFooter'\nimport { DrawerHeader } from './DrawerHeader'\nimport { DrawerMain } from './DrawerMain'\nimport { DrawerTrigger } from './DrawerTrigger'\n\ntype TDrawerProps = React.ComponentProps<typeof Root> &\n  React.ComponentProps<typeof DrawerProvider>\n\nexport const Drawer = ({\n  children,\n  position,\n  ...rest\n}: TDrawerProps): JSX.Element => {\n  return (\n    <DrawerProvider position={position}>\n      <Root {...rest}>{children}</Root>\n    </DrawerProvider>\n  )\n}\n\nDrawer.Close = DrawerClose\nDrawer.Content = DrawerContent\nDrawer.Main = DrawerMain\nDrawer.Header = DrawerHeader\nDrawer.Footer = DrawerFooter\nDrawer.Trigger = DrawerTrigger\n"],"mappings":";;;;;;;;;;AAcA,IAAa,UAAU,EACrB,UACA,UACA,GAAG,WAC4B;AAC/B,QACE,sBAAA,cAAC,gBAAD,EAA0B,UAET,EADf,sBAAA,cAAC,MAAS,MAAO,SAAgB,CAClB;;AAIrB,OAAO,QAAQ;AACf,OAAO,UAAU;AACjB,OAAO,OAAO;AACd,OAAO,SAAS;AAChB,OAAO,SAAS;AAChB,OAAO,UAAU"}
+{"version":3,"file":"Drawer.js","names":[],"sources":["../../../src/components/drawer/Drawer.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-dialog'\nimport React from 'react'\n\nimport { DrawerProvider } from './Drawer.context'\nimport { DrawerClose } from './DrawerClose'\nimport { DrawerContent } from './DrawerContent'\nimport { DrawerFooter } from './DrawerFooter'\nimport { DrawerHeader } from './DrawerHeader'\nimport { DrawerMain } from './DrawerMain'\nimport { DrawerTrigger } from './DrawerTrigger'\n\ntype TDrawerProps = React.ComponentProps<typeof Root> &\n  React.ComponentProps<typeof DrawerProvider>\n\nexport const Drawer = ({\n  children,\n  position,\n  ...rest\n}: TDrawerProps): React.JSX.Element => {\n  return (\n    <DrawerProvider position={position}>\n      <Root {...rest}>{children}</Root>\n    </DrawerProvider>\n  )\n}\n\nDrawer.Close = DrawerClose\nDrawer.Content = DrawerContent\nDrawer.Main = DrawerMain\nDrawer.Header = DrawerHeader\nDrawer.Footer = DrawerFooter\nDrawer.Trigger = DrawerTrigger\n"],"mappings":";;;;;;;;;;;AAcA,IAAa,UAAU,EACrB,UACA,UACA,GAAG,WACkC;AACrC,QACE,oBAAC,gBAAD;EAA0B;YACxB,oBAAC,MAAD;GAAM,GAAI;GAAO;GAAgB,CAAA;EAClB,CAAA;;AAIrB,OAAO,QAAQ;AACf,OAAO,UAAU;AACjB,OAAO,OAAO;AACd,OAAO,SAAS;AAChB,OAAO,SAAS;AAChB,OAAO,UAAU"}

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

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

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

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

@@ -1,5 +1,3 @@
-export declare const DrawerMain: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never> & {
+export declare const DrawerMain: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 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/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,7 +1,5 @@
 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;
-}, "size"> & {
+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;
@@ -11,9 +9,7 @@ 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;
-    }, "fluid"> & {
+    Image: (props: Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "fluid"> & {
         fluid?: boolean | undefined;
     } & {
         as?: React.ElementType;
@@ -24,18 +20,14 @@ export declare const EmptyState: {
     } & {
         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;
-    }, "size"> & {
+    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;
     } & {
         as?: React.ComponentType | React.ElementType;
     }) => React.JSX.Element;
-    Body: (props: Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
-        ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
-    }, "size" | "noCapsize" | "weight" | "family"> & {
+    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;

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,7 +1,5 @@
 import * as React from 'react';
-declare const StyledEmptyStateBody: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
-    ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
-}, "size" | "noCapsize" | "weight" | "family"> & {
+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;

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,7 +1,5 @@
 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;
-}, "fluid"> & {
+declare const StyledEmptyStateImage: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "fluid"> & {
     fluid?: boolean | 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,7 +1,5 @@
 import * as React from 'react';
-declare const StyledEmptyStateTitle: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
-    ref?: ((instance: HTMLHeadingElement | null) => void) | React.RefObject<HTMLHeadingElement> | null | undefined;
-}, "size"> & {
+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;

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"}