@atom-learning/components 6.5.4 → 6.5.5

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

@@ -1,7 +1,7 @@
-import { styled as e } from "../../styled.js";
-import { Content as t } from "@radix-ui/react-dropdown-menu";
+import { styled } from "../../styled.js";
+import { Content } from "@radix-ui/react-dropdown-menu";
 //#region src/components/dropdown-menu/DropdownMenuContent.tsx
-var n = e(t, { base: [
+var DropdownMenuContent = styled(Content, { base: [
 	"bg-white",
 	"rounded-sm",
 	"shadow-sm",
@@ -16,6 +16,6 @@ var n = e(t, { base: [
 	"motion-safe:data-[state=closed]:animate-slide-direction-out"
 ] });
 //#endregion
-export { n as DropdownMenuContent };
+export { DropdownMenuContent };
 
 //# sourceMappingURL=DropdownMenuContent.js.map

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

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

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

@@ -1,8 +1,40 @@
-import { styled as e } from "../../styled.js";
-import { Item as t } from "@radix-ui/react-dropdown-menu";
+import { styled } from "../../styled.js";
+import { Item } from "@radix-ui/react-dropdown-menu";
 //#region src/components/dropdown-menu/DropdownMenuItem.tsx
-var n = e(t, { base: /* @__PURE__ */ "items-center.text-grey-1000.cursor-pointer.flex.font-body.font-normal.relative.px-3.py-2.data-disabled:cursor-not-allowed.data-disabled:opacity-30.data-disabled:pointer-events-none.aria-[current=page]:before:absolute.aria-[current=page]:before:border-l-2.aria-[current=page]:before:border-l-current.aria-[current=page]:before:content-[''].aria-[current=page]:before:h-6.aria-[current=page]:before:left-0.aria-[current=page]:before:outline-none.aria-[current=page]:before:scale-100.focus:before:absolute.focus:before:border-l-2.focus:before:border-l-current.focus:before:content-[''].focus:before:h-6.focus:before:left-0.focus:before:outline-none.focus:before:scale-100.focus:outline-none.focus:text-primary-900.hover:underline".split(".") });
+var DropdownMenuItem = styled(Item, { base: [
+	"items-center",
+	"text-grey-1000",
+	"cursor-pointer",
+	"flex",
+	"font-body",
+	"font-normal",
+	"relative",
+	"px-3",
+	"py-2",
+	"data-disabled:cursor-not-allowed",
+	"data-disabled:opacity-30",
+	"data-disabled:pointer-events-none",
+	"aria-[current=page]:before:absolute",
+	"aria-[current=page]:before:border-l-2",
+	"aria-[current=page]:before:border-l-current",
+	"aria-[current=page]:before:content-['']",
+	"aria-[current=page]:before:h-6",
+	"aria-[current=page]:before:left-0",
+	"aria-[current=page]:before:outline-none",
+	"aria-[current=page]:before:scale-100",
+	"focus:before:absolute",
+	"focus:before:border-l-2",
+	"focus:before:border-l-current",
+	"focus:before:content-['']",
+	"focus:before:h-6",
+	"focus:before:left-0",
+	"focus:before:outline-none",
+	"focus:before:scale-100",
+	"focus:outline-none",
+	"focus:text-primary-900",
+	"hover:underline"
+] });
 //#endregion
-export { n as DropdownMenuItem };
+export { DropdownMenuItem };
 
 //# sourceMappingURL=DropdownMenuItem.js.map

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

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

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

@@ -1,17 +1,18 @@
-import { styled as e } from "../../styled.js";
-import { getExternalAnchorProps as t } from "../../utilities/uri/index.js";
-import { DropdownMenuItem as n } from "./DropdownMenuItem.js";
-import r from "react";
+import { styled } from "../../styled.js";
+import { getExternalAnchorProps } from "../../utilities/uri/index.js";
+import { DropdownMenuItem } from "./DropdownMenuItem.js";
+import React from "react";
 //#region src/components/dropdown-menu/DropdownMenuLinkItem.tsx
-var i = e("a", { base: ["no-underline"] }), a = ({ children: e, href: a, ...o }) => /* @__PURE__ */ r.createElement(n, {
-	...o,
-	asChild: !0
-}, /* @__PURE__ */ r.createElement(i, {
-	href: a,
+var StyledLink = styled("a", { base: ["no-underline"] });
+var DropdownMenuLinkItem = ({ children, href, ...props }) => /* @__PURE__ */ React.createElement(DropdownMenuItem, {
+	...props,
+	asChild: true
+}, /* @__PURE__ */ React.createElement(StyledLink, {
+	href,
 	role: "menuitem",
-	...t(a)
-}, e));
+	...getExternalAnchorProps(href)
+}, children));
 //#endregion
-export { a as DropdownMenuLinkItem };
+export { DropdownMenuLinkItem };
 
 //# sourceMappingURL=DropdownMenuLinkItem.js.map

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,IAAa,EAAO,KAAK,EAC7B,MAAM,CAAC,eAAe,EACvB,CAAC,EAEW,KAAwB,EACnC,aACA,SACA,GAAG,QAEH,kBAAA,cAAC,GAAD;CAAkB,GAAI;CAAO,SAAA;CAIV,EAHjB,kBAAA,cAAC,GAAD;CAAkB;CAAM,MAAK;CAAW,GAAI,EAAuB,EAAK;CAE3D,EADV,EACU,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,sBAAA,cAAC,kBAAD;CAAkB,GAAI;CAAO,SAAA;CAIV,EAHjB,sBAAA,cAAC,YAAD;CAAkB;CAAM,MAAK;CAAW,GAAI,uBAAuB,KAAK;CAE3D,EADV,SACU,CACI"}

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

@@ -1,12 +1,12 @@
-import { styled as e } from "../../styled.js";
-import { Separator as t } from "@radix-ui/react-dropdown-menu";
+import { styled } from "../../styled.js";
+import { Separator } from "@radix-ui/react-dropdown-menu";
 //#region src/components/dropdown-menu/DropdownMenuSeparator.tsx
-var n = e(t, { base: [
+var DropdownMenuSeparator = styled(Separator, { base: [
 	"h-px",
 	"bg-grey-600",
 	"my-2"
 ] });
 //#endregion
-export { n as DropdownMenuSeparator };
+export { DropdownMenuSeparator };
 
 //# sourceMappingURL=DropdownMenuSeparator.js.map

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

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

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

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

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

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

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

@@ -1,10 +1,11 @@
-import * as e from "react";
+import * as React$1 from "react";
 //#region src/components/empty-state/EmptyState.context.tsx
-var t = e.createContext({}), n = ({ size: n, children: r }) => {
-	let i = e.useMemo(() => ({ size: n }), [n]);
-	return /* @__PURE__ */ e.createElement(t.Provider, { value: i }, r);
+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);
 };
 //#endregion
-export { t as EmptyStateContext, n as EmptyStateProvider };
+export { EmptyStateContext, EmptyStateProvider };
 
 //# sourceMappingURL=EmptyState.context.js.map

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,IAAoB,EAAM,cAAsC,EAAE,CAAC,EAEnE,KAAsB,EACjC,SACA,kBACsD;CACtD,IAAM,IAAQ,EAAM,eAAuC,EAAE,SAAM,GAAG,CAAC,EAAK,CAAC;AAC7E,QACE,kBAAA,cAAC,EAAkB,UAAnB,EAAmC,UAEN,EAD1B,EAC0B"}
+{"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"}

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

@@ -1,11 +1,11 @@
-import { styled as e } from "../../styled.js";
-import { EmptyStateProvider as t } from "./EmptyState.context.js";
-import { EmptyStateBody as n } from "./EmptyStateBody.js";
-import { EmptyStateImage as r } from "./EmptyStateImage.js";
-import { EmptyStateTitle as i } from "./EmptyStateTitle.js";
-import * as a from "react";
+import { styled } from "../../styled.js";
+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";
 //#region src/components/empty-state/EmptyState.tsx
-var o = e("div", {
+var EmptyStateContainer = styled("div", {
 	base: [
 		"flex",
 		"flex-col",
@@ -20,16 +20,18 @@ var o = e("div", {
 		lg: ["p-8"],
 		xl: ["p-10"]
 	} }
-}, { enabledResponsiveVariants: !0 }), s = ({ size: e = "sm", ...n }) => /* @__PURE__ */ a.createElement(t, { size: e }, /* @__PURE__ */ a.createElement(o, {
-	size: e,
-	...n
-})), c = Object.assign(s, {
-	Image: r,
-	Title: i,
-	Body: n
+}, { enabledResponsiveVariants: true });
+var EmptyStateComponent = ({ size = "sm", ...rest }) => /* @__PURE__ */ React$1.createElement(EmptyStateProvider, { size }, /* @__PURE__ */ React$1.createElement(EmptyStateContainer, {
+	size,
+	...rest
+}));
+var EmptyState = Object.assign(EmptyStateComponent, {
+	Image: EmptyStateImage,
+	Title: EmptyStateTitle,
+	Body: EmptyStateBody
 });
-s.displayName = "EmptyState";
+EmptyStateComponent.displayName = "EmptyState";
 //#endregion
-export { c as EmptyState };
+export { EmptyState };
 
 //# sourceMappingURL=EmptyState.js.map

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,IAAsB,EAC1B,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,IAAM,CACpC,EAIK,KAAuB,EAAE,UAAO,MAAM,GAAG,QAC7C,kBAAA,cAAC,GAAD,EAA0B,SAEL,EADnB,kBAAA,cAAC,GAAD;CAA2B;CAAM,GAAI;CAAQ,CAAA,CAC1B,EAGV,IAAa,OAAO,OAAO,GAAqB;CAC3D,OAAO;CACP,OAAO;CACP,MAAM;CACP,CAAC;AAEF,EAAoB,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,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"}

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

@@ -1,9 +1,9 @@
-import { styled as e } from "../../styled.js";
-import { Text as t } from "../text/Text.js";
-import { EmptyStateContext as n } from "./EmptyState.context.js";
-import * as r from "react";
+import { styled } from "../../styled.js";
+import { Text } from "../text/Text.js";
+import { EmptyStateContext } from "./EmptyState.context.js";
+import * as React$1 from "react";
 //#region src/components/empty-state/EmptyStateBody.tsx
-var i = e(t, {
+var StyledEmptyStateBody = styled(Text, {
 	base: ["text-grey-800", "font-normal"],
 	variants: { size: {
 		xs: ["mb-4", "text-sm"],
@@ -12,14 +12,15 @@ var i = e(t, {
 		lg: ["mb-6", "text-md"],
 		xl: ["mb-6", "text-md"]
 	} }
-}, { enabledResponsiveVariants: !0 }), a = (e) => {
-	let { size: t } = r.useContext(n);
-	return /* @__PURE__ */ r.createElement(i, {
-		...e,
-		size: t
+}, { enabledResponsiveVariants: true });
+var EmptyStateBody = (props) => {
+	const { size } = React$1.useContext(EmptyStateContext);
+	return /* @__PURE__ */ React$1.createElement(StyledEmptyStateBody, {
+		...props,
+		size
 	});
 };
 //#endregion
-export { a as EmptyStateBody };
+export { EmptyStateBody };
 
 //# sourceMappingURL=EmptyStateBody.js.map

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,IAAuB,EAC3B,GACA;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,IAAM,CACpC,EAIY,KAAkB,MAA+B;CAC5D,IAAM,EAAE,YAAS,EAAM,WAAW,EAAkB;AACpD,QAAO,kBAAA,cAAC,GAAD;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,wBAAA,cAAC,sBAAD;EAAsB,GAAI;EAAa;EAAQ,CAAA"}

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

@@ -1,9 +1,9 @@
-import { styled as e } from "../../styled.js";
-import { Image as t } from "../image/Image.js";
-import { EmptyStateContext as n } from "./EmptyState.context.js";
-import r from "react";
+import { styled } from "../../styled.js";
+import { Image } from "../image/Image.js";
+import { EmptyStateContext } from "./EmptyState.context.js";
+import React from "react";
 //#region src/components/empty-state/EmptyStateImage.tsx
-var i = e(t, {
+var StyledEmptyStateImage = styled(Image, {
 	base: [],
 	variants: { size: {
 		xs: [
@@ -32,14 +32,15 @@ var i = e(t, {
 			"mb-6"
 		]
 	} }
-}, { enabledResponsiveVariants: !0 }), a = (e) => {
-	let { size: t } = r.useContext(n);
-	return /* @__PURE__ */ r.createElement(i, {
-		size: t,
-		...e
+}, { enabledResponsiveVariants: true });
+var EmptyStateImage = (props) => {
+	const { size } = React.useContext(EmptyStateContext);
+	return /* @__PURE__ */ React.createElement(StyledEmptyStateImage, {
+		size,
+		...props
 	});
 };
 //#endregion
-export { a as EmptyStateImage };
+export { EmptyStateImage };
 
 //# sourceMappingURL=EmptyStateImage.js.map

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,IAAwB,EAC5B,GACA;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,IAAM,CACpC,EAIY,KAAmB,MAAgC;CAC9D,IAAM,EAAE,YAAS,EAAM,WAAW,EAAkB;AACpD,QAAO,kBAAA,cAAC,GAAD;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,sBAAA,cAAC,uBAAD;EAA6B;EAAM,GAAI;EAAS,CAAA"}

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

@@ -1,12 +1,13 @@
-import { styled as e } from "../../styled.js";
-import { EmptyStateContext as t } from "./EmptyState.context.js";
-import * as n from "react";
+import { styled } from "../../styled.js";
+import { EmptyStateContext } from "./EmptyState.context.js";
+import * as React$1 from "react";
 //#region src/components/empty-state/EmptyStateTitle.tsx
-var r = e("h2", {
+var StyledEmptyStateTitle = styled("h2", {
 	base: [
 		"text-grey-800",
 		"font-body",
-		"font-semibold"
+		"font-semibold",
+		"m-0"
 	],
 	variants: { size: {
 		xs: ["mb-3", "text-md"],
@@ -15,14 +16,15 @@ var r = e("h2", {
 		lg: ["mb-4", "text-lg"],
 		xl: ["mb-4", "text-lg"]
 	} }
-}, { enabledResponsiveVariants: !0 }), i = (e) => {
-	let { size: i } = n.useContext(t);
-	return /* @__PURE__ */ n.createElement(r, {
-		size: i,
-		...e
+}, { enabledResponsiveVariants: true });
+var EmptyStateTitle = (props) => {
+	const { size } = React$1.useContext(EmptyStateContext);
+	return /* @__PURE__ */ React$1.createElement(StyledEmptyStateTitle, {
+		size,
+		...props
 	});
 };
 //#endregion
-export { i as EmptyStateTitle };
+export { EmptyStateTitle };
 
 //# sourceMappingURL=EmptyStateTitle.js.map

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'],\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,IAAwB,EAC5B,MACA;CACE,MAAM;EAAC;EAAiB;EAAa;EAAgB;CACrD,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,IAAM,CACpC,EAQY,KAAmB,MAAgC;CAC9D,IAAM,EAAE,YAAS,EAAM,WAAW,EAAkB;AACpD,QAAO,kBAAA,cAAC,GAAD;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,wBAAA,cAAC,uBAAD;EAA6B;EAAM,GAAI;EAAS,CAAA"}

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

@@ -1,12 +1,12 @@
-import { Text as e } from "../text/Text.js";
-import t from "clsx";
-import * as n from "react";
+import { Text } from "../text/Text.js";
+import clsx from "clsx";
+import * as React$1 from "react";
 //#region src/components/field-wrapper/FieldDescription.tsx
-var r = ({ children: r, className: i }) => /* @__PURE__ */ n.createElement(e, {
+var Description = ({ children, className }) => /* @__PURE__ */ React$1.createElement(Text, {
 	size: "sm",
-	className: t("text-grey-700", "max-w-[80ch]", i)
-}, r);
+	className: clsx("text-grey-700", "max-w-[80ch]", className)
+}, children);
 //#endregion
-export { r as Description };
+export { Description };
 
 //# sourceMappingURL=FieldDescription.js.map

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 clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Text } from '~/components/text/Text'\n\nexport const Description = ({\n  children,\n  className\n}: React.PropsWithChildren<{ className?: string }>) => (\n  <Text size=\"sm\" className={clsx('text-grey-700', 'max-w-[80ch]', className)}>\n    {children}\n  </Text>\n)\n"],"mappings":";;;;AAKA,IAAa,KAAe,EAC1B,aACA,mBAEA,kBAAA,cAAC,GAAD;CAAM,MAAK;CAAK,WAAW,EAAK,iBAAiB,gBAAgB,EAAU;CAEpE,EADJ,EACI"}
+{"version":3,"file":"FieldDescription.js","names":[],"sources":["../../../src/components/field-wrapper/FieldDescription.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Text } from '~/components/text/Text'\n\nexport const Description = ({\n  children,\n  className\n}: React.PropsWithChildren<{ className?: string }>) => (\n  <Text size=\"sm\" className={clsx('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,KAAK,iBAAiB,gBAAgB,UAAU;CAEpE,EADJ,SACI"}

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

@@ -1,21 +1,21 @@
-import { InlineMessage as e } from "../inline-message/InlineMessage.js";
-import { Label as t } from "../label/Label.js";
-import { Description as n } from "./FieldDescription.js";
-import { Link as r } from "../link/Link.js";
-import i from "clsx";
-import * as a from "react";
+import { InlineMessage } from "../inline-message/InlineMessage.js";
+import { Label } from "../label/Label.js";
+import { Description } from "./FieldDescription.js";
+import { Link } from "../link/Link.js";
+import clsx from "clsx";
+import * as React$1 from "react";
 //#region src/components/field-wrapper/FieldWrapper.tsx
-var o = ({ children: o, error: s, fieldId: c, label: l, prompt: u, description: d, required: f, hideLabel: p, appearance: m, ...h }) => /* @__PURE__ */ a.createElement("div", h, /* @__PURE__ */ a.createElement("div", { className: i("mb-3", "flex", "items-center", "justify-between", p && "sr-only") }, /* @__PURE__ */ a.createElement(t, {
-	htmlFor: c,
-	required: f,
-	appearance: m
-}, l), u && /* @__PURE__ */ a.createElement(r, {
-	href: u?.link,
-	onClick: u?.onClick,
+var FieldWrapper = ({ children, error, fieldId, label, prompt, description, required, hideLabel, appearance, ...rest }) => /* @__PURE__ */ React$1.createElement("div", rest, /* @__PURE__ */ React$1.createElement("div", { className: clsx("mb-3", "flex", "items-center", "justify-between", hideLabel && "sr-only") }, /* @__PURE__ */ React$1.createElement(Label, {
+	htmlFor: fieldId,
+	required,
+	appearance
+}, label), prompt && /* @__PURE__ */ React$1.createElement(Link, {
+	href: prompt?.link,
+	onClick: prompt?.onClick,
 	size: "sm"
-}, u.label)), d && /* @__PURE__ */ a.createElement(n, { className: "mb-3" }, d), o, s && /* @__PURE__ */ a.createElement(e, { className: "mt-2" }, s));
-o.displayName = "FieldWrapper";
+}, prompt.label)), description && /* @__PURE__ */ React$1.createElement(Description, { className: "mb-3" }, description), children, error && /* @__PURE__ */ React$1.createElement(InlineMessage, { className: "mt-2" }, error));
+FieldWrapper.displayName = "FieldWrapper";
 //#endregion
-export { o as FieldWrapper };
+export { FieldWrapper };
 
 //# sourceMappingURL=FieldWrapper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FieldWrapper.js","names":[],"sources":["../../../src/components/field-wrapper/FieldWrapper.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { ValidationOptions } from '~/components/form/validation'\nimport { InlineMessage } from '~/components/inline-message/InlineMessage'\nimport { Label } from '~/components/label/Label'\nimport { Link } from '~/components/link/Link'\n\nimport { type LabelProps } from '../label/Label'\nimport { Description } from './FieldDescription'\n\nexport type FieldWrapperProps = {\n  className?: string\n  error?: string\n  fieldId: string\n  label: string\n  prompt?: { link?: string; label: string; onClick?: () => void }\n  description?: string\n  required?: boolean\n  hideLabel?: boolean\n  appearance?: LabelProps['appearance']\n}\n\nexport type FieldElementWrapperProps = Omit<FieldWrapperProps, 'fieldId'> & {\n  name: string\n  validation?: ValidationOptions\n}\n\nexport const FieldWrapper = ({\n  children,\n  error,\n  fieldId,\n  label,\n  prompt,\n  description,\n  required,\n  hideLabel,\n  appearance,\n  ...rest\n}: React.PropsWithChildren<FieldWrapperProps>) => (\n  <div {...rest}>\n    <div\n      className={clsx(\n        'mb-3',\n        'flex',\n        'items-center',\n        'justify-between',\n        hideLabel && 'sr-only'\n      )}\n    >\n      <Label htmlFor={fieldId} required={required} appearance={appearance}>\n        {label}\n      </Label>\n      {prompt && (\n        <Link href={prompt?.link} onClick={prompt?.onClick} size=\"sm\">\n          {prompt.label}\n        </Link>\n      )}\n    </div>\n    {description && <Description className=\"mb-3\">{description}</Description>}\n    {children}\n    {error && <InlineMessage className=\"mt-2\">{error}</InlineMessage>}\n  </div>\n)\n\nFieldWrapper.displayName = 'FieldWrapper'\n"],"mappings":";;;;;;;AA4BA,IAAa,KAAgB,EAC3B,aACA,UACA,YACA,UACA,WACA,gBACA,aACA,cACA,eACA,GAAG,QAEH,kBAAA,cAAC,OAAQ,GACP,kBAAA,cAAC,OAAD,EACE,WAAW,EACT,QACA,QACA,gBACA,mBACA,KAAa,UACd,EAUG,EARJ,kBAAA,cAAC,GAAD;CAAO,SAAS;CAAmB;CAAsB;CAEjD,EADL,EACK,EACP,KACC,kBAAA,cAAC,GAAD;CAAM,MAAM,GAAQ;CAAM,SAAS,GAAQ;CAAS,MAAK;CAElD,EADJ,EAAO,MACH,CAEL,EACL,KAAe,kBAAA,cAAC,GAAD,EAAa,WAAU,QAAkC,EAA1B,EAA0B,EACxE,GACA,KAAS,kBAAA,cAAC,GAAD,EAAe,WAAU,QAA8B,EAAtB,EAAsB,CAC7D;AAGR,EAAa,cAAc"}
+{"version":3,"file":"FieldWrapper.js","names":[],"sources":["../../../src/components/field-wrapper/FieldWrapper.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { ValidationOptions } from '~/components/form/validation'\nimport { InlineMessage } from '~/components/inline-message/InlineMessage'\nimport { Label } from '~/components/label/Label'\nimport { Link } from '~/components/link/Link'\n\nimport { type LabelProps } from '../label/Label'\nimport { Description } from './FieldDescription'\n\nexport type FieldWrapperProps = {\n  className?: string\n  error?: string\n  fieldId: string\n  label: string\n  prompt?: { link?: string; label: string; onClick?: () => void }\n  description?: string\n  required?: boolean\n  hideLabel?: boolean\n  appearance?: LabelProps['appearance']\n}\n\nexport type FieldElementWrapperProps = Omit<FieldWrapperProps, 'fieldId'> & {\n  name: string\n  validation?: ValidationOptions\n}\n\nexport const FieldWrapper = ({\n  children,\n  error,\n  fieldId,\n  label,\n  prompt,\n  description,\n  required,\n  hideLabel,\n  appearance,\n  ...rest\n}: React.PropsWithChildren<FieldWrapperProps>) => (\n  <div {...rest}>\n    <div\n      className={clsx(\n        'mb-3',\n        'flex',\n        'items-center',\n        'justify-between',\n        hideLabel && 'sr-only'\n      )}\n    >\n      <Label htmlFor={fieldId} required={required} appearance={appearance}>\n        {label}\n      </Label>\n      {prompt && (\n        <Link href={prompt?.link} onClick={prompt?.onClick} size=\"sm\">\n          {prompt.label}\n        </Link>\n      )}\n    </div>\n    {description && <Description className=\"mb-3\">{description}</Description>}\n    {children}\n    {error && <InlineMessage className=\"mt-2\">{error}</InlineMessage>}\n  </div>\n)\n\nFieldWrapper.displayName = 'FieldWrapper'\n"],"mappings":";;;;;;;AA4BA,IAAa,gBAAgB,EAC3B,UACA,OACA,SACA,OACA,QACA,aACA,UACA,WACA,YACA,GAAG,WAEH,wBAAA,cAAC,OAAQ,MACP,wBAAA,cAAC,OAAD,EACE,WAAW,KACT,QACA,QACA,gBACA,mBACA,aAAa,UACd,EAUG,EARJ,wBAAA,cAAC,OAAD;CAAO,SAAS;CAAmB;CAAsB;CAEjD,EADL,MACK,EACP,UACC,wBAAA,cAAC,MAAD;CAAM,MAAM,QAAQ;CAAM,SAAS,QAAQ;CAAS,MAAK;CAElD,EADJ,OAAO,MACH,CAEL,EACL,eAAe,wBAAA,cAAC,aAAD,EAAa,WAAU,QAAkC,EAA1B,YAA0B,EACxE,UACA,SAAS,wBAAA,cAAC,eAAD,EAAe,WAAU,QAA8B,EAAtB,MAAsB,CAC7D;AAGR,aAAa,cAAc"}

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

@@ -1,19 +1,19 @@
-import { Checkbox as e } from "../checkbox/Checkbox.js";
-import { InlineMessage as t } from "../inline-message/InlineMessage.js";
-import { Label as n } from "../label/Label.js";
-import { RadioButton as r } from "../radio-button/RadioButton.js";
-import { Description as i } from "./FieldDescription.js";
-import a from "clsx";
-import * as o from "react";
+import { Checkbox } from "../checkbox/Checkbox.js";
+import { InlineMessage } from "../inline-message/InlineMessage.js";
+import { Label } from "../label/Label.js";
+import { RadioButton } from "../radio-button/RadioButton.js";
+import { Description } from "./FieldDescription.js";
+import clsx from "clsx";
+import * as React$1 from "react";
 //#region src/components/field-wrapper/InlineFieldWrapper.tsx
-var s = ({ align: s = "start", children: c, className: l, description: u, direction: d = "row", error: f, label: p, required: m }) => /* @__PURE__ */ o.createElement("div", { className: l }, /* @__PURE__ */ o.createElement(n, {
-	align: s,
-	direction: d,
-	required: m,
+var InlineFieldWrapper = ({ align = "start", children, className, description, direction = "row", error, label, required }) => /* @__PURE__ */ React$1.createElement("div", { className }, /* @__PURE__ */ React$1.createElement(Label, {
+	align,
+	direction,
+	required,
 	type: "inline"
-}, o.Children.map(c, (t) => /* @__PURE__ */ o.createElement("div", { className: a(d === "reverse" && "ml-3", d === "row" && "mr-3", (t?.type === e || t?.type === r) && t?.props?.size !== "lg" && "translate-y-1") }, t)), p), f && /* @__PURE__ */ o.createElement(t, { className: "mt-2" }, f), u && /* @__PURE__ */ o.createElement(i, { className: a("mt-2", d === "reverse" && "mr-7", d === "row" && "ml-7") }, u));
-s.displayName = "InlineFieldWrapper";
+}, React$1.Children.map(children, (child) => /* @__PURE__ */ React$1.createElement("div", { className: clsx(direction === "reverse" && "ml-3", direction === "row" && "mr-3", (child?.type === Checkbox || child?.type === RadioButton) && child?.props?.size !== "lg" && "translate-y-1") }, child)), label), error && /* @__PURE__ */ React$1.createElement(InlineMessage, { className: "mt-2" }, error), description && /* @__PURE__ */ React$1.createElement(Description, { className: clsx("mt-2", direction === "reverse" && "mr-7", direction === "row" && "ml-7") }, description));
+InlineFieldWrapper.displayName = "InlineFieldWrapper";
 //#endregion
-export { s as InlineFieldWrapper };
+export { InlineFieldWrapper };
 
 //# sourceMappingURL=InlineFieldWrapper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InlineFieldWrapper.js","names":[],"sources":["../../../src/components/field-wrapper/InlineFieldWrapper.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Checkbox } from '~/components/checkbox/Checkbox'\nimport { InlineMessage } from '~/components/inline-message/InlineMessage'\nimport { Label } from '~/components/label/Label'\nimport { RadioButton } from '~/components/radio-button/RadioButton'\n\nimport { Description } from './FieldDescription'\n\ntype InlineFieldWrapperProps = {\n  className?: string\n  error?: string\n  label: string\n  required?: boolean\n  align?: 'start' | 'center'\n  direction?: 'row' | 'reverse'\n  description?: string\n}\n\nexport const InlineFieldWrapper = ({\n  align = 'start',\n  children,\n  className,\n  description,\n  direction = 'row',\n  error,\n  label,\n  required\n}: React.PropsWithChildren<InlineFieldWrapperProps>) => (\n  <div className={className}>\n    <Label\n      align={align}\n      direction={direction}\n      required={required}\n      type=\"inline\"\n    >\n      {React.Children.map(children, (child: any) => (\n        <div\n          className={clsx(\n            direction === 'reverse' && 'ml-3',\n            direction === 'row' && 'mr-3',\n            (child?.type === Checkbox || child?.type === RadioButton) &&\n              child?.props?.size !== 'lg' &&\n              'translate-y-1'\n          )}\n        >\n          {child}\n        </div>\n      ))}\n      {label}\n    </Label>\n    {error && <InlineMessage className=\"mt-2\">{error}</InlineMessage>}\n    {description && (\n      <Description\n        className={clsx(\n          'mt-2',\n          direction === 'reverse' && 'mr-7',\n          direction === 'row' && 'ml-7'\n        )}\n      >\n        {description}\n      </Description>\n    )}\n  </div>\n)\n\nInlineFieldWrapper.displayName = 'InlineFieldWrapper'\n"],"mappings":";;;;;;;;AAoBA,IAAa,KAAsB,EACjC,WAAQ,SACR,aACA,cACA,gBACA,eAAY,OACZ,UACA,UACA,kBAEA,kBAAA,cAAC,OAAD,EAAgB,cAkCV,EAjCJ,kBAAA,cAAC,GAAD;CACS;CACI;CACD;CACV,MAAK;CAgBC,EAdL,EAAM,SAAS,IAAI,IAAW,MAC7B,kBAAA,cAAC,OAAD,EACE,WAAW,EACT,MAAc,aAAa,QAC3B,MAAc,SAAS,SACtB,GAAO,SAAS,KAAY,GAAO,SAAS,MAC3C,GAAO,OAAO,SAAS,QACvB,gBACH,EAGG,EADH,EACG,CACN,EACD,EACK,EACP,KAAS,kBAAA,cAAC,GAAD,EAAe,WAAU,QAA8B,EAAtB,EAAsB,EAChE,KACC,kBAAA,cAAC,GAAD,EACE,WAAW,EACT,QACA,MAAc,aAAa,QAC3B,MAAc,SAAS,OACxB,EAGW,EADX,EACW,CAEZ;AAGR,EAAmB,cAAc"}
+{"version":3,"file":"InlineFieldWrapper.js","names":[],"sources":["../../../src/components/field-wrapper/InlineFieldWrapper.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Checkbox } from '~/components/checkbox/Checkbox'\nimport { InlineMessage } from '~/components/inline-message/InlineMessage'\nimport { Label } from '~/components/label/Label'\nimport { RadioButton } from '~/components/radio-button/RadioButton'\n\nimport { Description } from './FieldDescription'\n\ntype InlineFieldWrapperProps = {\n  className?: string\n  error?: string\n  label: string\n  required?: boolean\n  align?: 'start' | 'center'\n  direction?: 'row' | 'reverse'\n  description?: string\n}\n\nexport const InlineFieldWrapper = ({\n  align = 'start',\n  children,\n  className,\n  description,\n  direction = 'row',\n  error,\n  label,\n  required\n}: React.PropsWithChildren<InlineFieldWrapperProps>) => (\n  <div className={className}>\n    <Label\n      align={align}\n      direction={direction}\n      required={required}\n      type=\"inline\"\n    >\n      {React.Children.map(children, (child: any) => (\n        <div\n          className={clsx(\n            direction === 'reverse' && 'ml-3',\n            direction === 'row' && 'mr-3',\n            (child?.type === Checkbox || child?.type === RadioButton) &&\n              child?.props?.size !== 'lg' &&\n              'translate-y-1'\n          )}\n        >\n          {child}\n        </div>\n      ))}\n      {label}\n    </Label>\n    {error && <InlineMessage className=\"mt-2\">{error}</InlineMessage>}\n    {description && (\n      <Description\n        className={clsx(\n          'mt-2',\n          direction === 'reverse' && 'mr-7',\n          direction === 'row' && 'ml-7'\n        )}\n      >\n        {description}\n      </Description>\n    )}\n  </div>\n)\n\nInlineFieldWrapper.displayName = 'InlineFieldWrapper'\n"],"mappings":";;;;;;;;AAoBA,IAAa,sBAAsB,EACjC,QAAQ,SACR,UACA,WACA,aACA,YAAY,OACZ,OACA,OACA,eAEA,wBAAA,cAAC,OAAD,EAAgB,WAkCV,EAjCJ,wBAAA,cAAC,OAAD;CACS;CACI;CACD;CACV,MAAK;CAgBC,EAdL,QAAM,SAAS,IAAI,WAAW,UAC7B,wBAAA,cAAC,OAAD,EACE,WAAW,KACT,cAAc,aAAa,QAC3B,cAAc,SAAS,SACtB,OAAO,SAAS,YAAY,OAAO,SAAS,gBAC3C,OAAO,OAAO,SAAS,QACvB,gBACH,EAGG,EADH,MACG,CACN,EACD,MACK,EACP,SAAS,wBAAA,cAAC,eAAD,EAAe,WAAU,QAA8B,EAAtB,MAAsB,EAChE,eACC,wBAAA,cAAC,aAAD,EACE,WAAW,KACT,QACA,cAAc,aAAa,QAC3B,cAAc,SAAS,OACxB,EAGW,EADX,YACW,CAEZ;AAGR,mBAAmB,cAAc"}