@atom-learning/components 6.5.4 → 6.5.5

package/dist/components/dismissible/DismissibleTrigger.js

@@ -1,23 +1,28 @@
-import { DismissibleRootContext as e } from "./DismissibleRoot.js";
-import * as t from "react";
-import { Slot as n } from "@radix-ui/react-slot";
+import { DismissibleRootContext } from "./DismissibleRoot.js";
+import * as React$1 from "react";
+import { Slot } from "@radix-ui/react-slot";
 //#region src/components/dismissible/DismissibleTrigger.tsx
-var r = (e) => /* @__PURE__ */ t.createElement("button", {
+var DefaultTrigger = (props) => /* @__PURE__ */ React$1.createElement("button", {
 	type: "button",
-	...e
-}, "Dismiss"), i = ({ asChild: i = !1, ...a }) => {
-	let o = t.useContext(e);
-	if (o === void 0) throw Error("Dismissible.Trigger can only be used within a Dismissible.Item");
-	let { setIsDismissed: s, disabled: c, onDismiss: l } = o, u = {
-		disabled: c,
-		onClick: () => {
-			s(!0), l?.();
-		},
-		...a
-	}, d = i ? n : r;
-	return /* @__PURE__ */ t.createElement(d, u);
+	...props
+}, "Dismiss");
+var DismissibleTrigger = ({ asChild = false, ...rest }) => {
+	const context = React$1.useContext(DismissibleRootContext);
+	if (context === void 0) throw new Error("Dismissible.Trigger can only be used within a Dismissible.Item");
+	const { setIsDismissed, disabled, onDismiss } = context;
+	const handleDismiss = () => {
+		setIsDismissed(true);
+		onDismiss?.();
+	};
+	const props = {
+		disabled,
+		onClick: handleDismiss,
+		...rest
+	};
+	const Component = asChild ? Slot : DefaultTrigger;
+	return /* @__PURE__ */ React$1.createElement(Component, props);
 };
 //#endregion
-export { i as DismissibleTrigger };
+export { DismissibleTrigger };
 
 //# sourceMappingURL=DismissibleTrigger.js.map

package/dist/components/dismissible/DismissibleTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissibleTrigger.js","names":[],"sources":["../../../src/components/dismissible/DismissibleTrigger.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { DismissibleRootContext } from './DismissibleRoot'\n\nexport interface IDismissibleTriggerProps {\n  asChild?: boolean\n}\n\nconst DefaultTrigger = (props) => (\n  <button type=\"button\" {...props}>\n    Dismiss\n  </button>\n)\n\nexport const DismissibleTrigger = ({\n  asChild = false,\n  ...rest\n}: React.PropsWithChildren<IDismissibleTriggerProps>) => {\n  const context = React.useContext(DismissibleRootContext)\n  if (context === undefined) {\n    throw new Error(\n      'Dismissible.Trigger can only be used within a Dismissible.Item'\n    )\n  }\n\n  const { setIsDismissed, disabled, onDismiss } = context\n\n  const handleDismiss = () => {\n    setIsDismissed(true)\n    onDismiss?.()\n  }\n\n  const props = {\n    disabled: disabled,\n    onClick: handleDismiss,\n    ...rest\n  }\n\n  const Component = asChild ? Slot : DefaultTrigger\n  return <Component {...props} />\n}\n"],"mappings":";;;;AASA,IAAM,KAAkB,MACtB,kBAAA,cAAC,UAAD;CAAQ,MAAK;CAAS,GAAI;CAEjB,EAFwB,UAExB,EAGE,KAAsB,EACjC,aAAU,IACV,GAAG,QACoD;CACvD,IAAM,IAAU,EAAM,WAAW,EAAuB;AACxD,KAAI,MAAY,KAAA,EACd,OAAU,MACR,iEACD;CAGH,IAAM,EAAE,mBAAgB,aAAU,iBAAc,GAO1C,IAAQ;EACF;EACV,eAP0B;AAE1B,GADA,EAAe,GAAK,EACpB,KAAa;;EAMb,GAAG;EACJ,EAEK,IAAY,IAAU,IAAO;AACnC,QAAO,kBAAA,cAAC,GAAc,EAAS"}
+{"version":3,"file":"DismissibleTrigger.js","names":[],"sources":["../../../src/components/dismissible/DismissibleTrigger.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { DismissibleRootContext } from './DismissibleRoot'\n\nexport interface IDismissibleTriggerProps {\n  asChild?: boolean\n}\n\nconst DefaultTrigger = (props) => (\n  <button type=\"button\" {...props}>\n    Dismiss\n  </button>\n)\n\nexport const DismissibleTrigger = ({\n  asChild = false,\n  ...rest\n}: React.PropsWithChildren<IDismissibleTriggerProps>) => {\n  const context = React.useContext(DismissibleRootContext)\n  if (context === undefined) {\n    throw new Error(\n      'Dismissible.Trigger can only be used within a Dismissible.Item'\n    )\n  }\n\n  const { setIsDismissed, disabled, onDismiss } = context\n\n  const handleDismiss = () => {\n    setIsDismissed(true)\n    onDismiss?.()\n  }\n\n  const props = {\n    disabled: disabled,\n    onClick: handleDismiss,\n    ...rest\n  }\n\n  const Component = asChild ? Slot : DefaultTrigger\n  return <Component {...props} />\n}\n"],"mappings":";;;;AASA,IAAM,kBAAkB,UACtB,wBAAA,cAAC,UAAD;CAAQ,MAAK;CAAS,GAAI;CAEjB,EAFwB,UAExB;AAGX,IAAa,sBAAsB,EACjC,UAAU,OACV,GAAG,WACoD;CACvD,MAAM,UAAU,QAAM,WAAW,uBAAuB;AACxD,KAAI,YAAY,KAAA,EACd,OAAM,IAAI,MACR,iEACD;CAGH,MAAM,EAAE,gBAAgB,UAAU,cAAc;CAEhD,MAAM,sBAAsB;AAC1B,iBAAe,KAAK;AACpB,eAAa;;CAGf,MAAM,QAAQ;EACF;EACV,SAAS;EACT,GAAG;EACJ;CAED,MAAM,YAAY,UAAU,OAAO;AACnC,QAAO,wBAAA,cAAC,WAAc,MAAS"}

package/dist/components/dismissible/index.js

@@ -1,8 +1,8 @@
-import { DismissibleRoot as e } from "./DismissibleRoot.js";
-import { DismissibleTrigger as t } from "./DismissibleTrigger.js";
+import { DismissibleRoot } from "./DismissibleRoot.js";
+import { DismissibleTrigger } from "./DismissibleTrigger.js";
 //#region src/components/dismissible/index.ts
-var n = Object.assign(e, { Trigger: t });
+var Dismissible = Object.assign(DismissibleRoot, { Trigger: DismissibleTrigger });
 //#endregion
-export { n as Dismissible };
+export { Dismissible };
 
 //# sourceMappingURL=index.js.map

package/dist/components/dismissible/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/dismissible/index.ts"],"sourcesContent":["import { DismissibleRoot } from './DismissibleRoot'\nimport { DismissibleTrigger } from './DismissibleTrigger'\n\nexport const Dismissible = Object.assign(DismissibleRoot, {\n  Trigger: DismissibleTrigger\n})\n"],"mappings":";;;AAGA,IAAa,IAAc,OAAO,OAAO,GAAiB,EACxD,SAAS,GACV,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/dismissible/index.ts"],"sourcesContent":["import { DismissibleRoot } from './DismissibleRoot'\nimport { DismissibleTrigger } from './DismissibleTrigger'\n\nexport const Dismissible = Object.assign(DismissibleRoot, {\n  Trigger: DismissibleTrigger\n})\n"],"mappings":";;;AAGA,IAAa,cAAc,OAAO,OAAO,iBAAiB,EACxD,SAAS,oBACV,CAAC"}

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

@@ -1,18 +1,18 @@
-import { Dismissible as e } from "../dismissible/index.js";
-import { DismissibleGroupContext as t } from "./DismissibleGroupRoot.js";
-import * as n from "react";
+import { Dismissible } from "../dismissible/index.js";
+import { DismissibleGroupContext } from "./DismissibleGroupRoot.js";
+import * as React$1 from "react";
 //#region src/components/dismissible-group/DismissibleGroupItem.tsx
-var r = ({ children: r, value: i, disabled: a = !1, ...o }) => {
-	let s = n.useContext(t);
-	if (s === void 0) throw Error("DismissibleGroup.Item can only be used within a DismissibleGroup");
-	let { onDismiss: c, disabled: l } = s;
-	return /* @__PURE__ */ n.createElement(e, {
-		disabled: l || a,
-		...o,
-		onDismiss: () => c(i)
-	}, r);
+var DismissibleGroupItem = ({ children, value, disabled: itemDisabled = false, ...rest }) => {
+	const groupContext = React$1.useContext(DismissibleGroupContext);
+	if (groupContext === void 0) throw new Error("DismissibleGroup.Item can only be used within a DismissibleGroup");
+	const { onDismiss, disabled: groupDisabled } = groupContext;
+	return /* @__PURE__ */ React$1.createElement(Dismissible, {
+		disabled: groupDisabled || itemDisabled,
+		...rest,
+		onDismiss: () => onDismiss(value)
+	}, children);
 };
 //#endregion
-export { r as DismissibleGroupItem };
+export { DismissibleGroupItem };
 
 //# sourceMappingURL=DismissibleGroupItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DismissibleGroupItem.js","names":[],"sources":["../../../src/components/dismissible-group/DismissibleGroupItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Dismissible } from '~/components/dismissible'\n\nimport { DismissibleGroupContext } from './DismissibleGroupRoot'\n\nexport type TDismissibleGroupItemProps = React.ComponentProps<\n  typeof Dismissible\n> & {\n  value: React.ReactText\n  disabled?: boolean\n}\n\nexport const DismissibleGroupItem = ({\n  children,\n  value,\n  disabled: itemDisabled = false,\n  ...rest\n}: React.PropsWithChildren<TDismissibleGroupItemProps>) => {\n  const groupContext = React.useContext(DismissibleGroupContext)\n  if (groupContext === undefined) {\n    throw new Error(\n      'DismissibleGroup.Item can only be used within a DismissibleGroup'\n    )\n  }\n  const { onDismiss, disabled: groupDisabled } = groupContext\n  return (\n    <Dismissible\n      disabled={groupDisabled || itemDisabled}\n      {...rest}\n      onDismiss={() => onDismiss(value)}\n    >\n      {children}\n    </Dismissible>\n  )\n}\n"],"mappings":";;;;AAaA,IAAa,KAAwB,EACnC,aACA,UACA,UAAU,IAAe,IACzB,GAAG,QACsD;CACzD,IAAM,IAAe,EAAM,WAAW,EAAwB;AAC9D,KAAI,MAAiB,KAAA,EACnB,OAAU,MACR,mEACD;CAEH,IAAM,EAAE,cAAW,UAAU,MAAkB;AAC/C,QACE,kBAAA,cAAC,GAAD;EACE,UAAU,KAAiB;EAC3B,GAAI;EACJ,iBAAiB,EAAU,EAAM;EAGrB,EADX,EACW"}
+{"version":3,"file":"DismissibleGroupItem.js","names":[],"sources":["../../../src/components/dismissible-group/DismissibleGroupItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Dismissible } from '~/components/dismissible'\n\nimport { DismissibleGroupContext } from './DismissibleGroupRoot'\n\nexport type TDismissibleGroupItemProps = React.ComponentProps<\n  typeof Dismissible\n> & {\n  value: React.ReactText\n  disabled?: boolean\n}\n\nexport const DismissibleGroupItem = ({\n  children,\n  value,\n  disabled: itemDisabled = false,\n  ...rest\n}: React.PropsWithChildren<TDismissibleGroupItemProps>) => {\n  const groupContext = React.useContext(DismissibleGroupContext)\n  if (groupContext === undefined) {\n    throw new Error(\n      'DismissibleGroup.Item can only be used within a DismissibleGroup'\n    )\n  }\n  const { onDismiss, disabled: groupDisabled } = groupContext\n  return (\n    <Dismissible\n      disabled={groupDisabled || itemDisabled}\n      {...rest}\n      onDismiss={() => onDismiss(value)}\n    >\n      {children}\n    </Dismissible>\n  )\n}\n"],"mappings":";;;;AAaA,IAAa,wBAAwB,EACnC,UACA,OACA,UAAU,eAAe,OACzB,GAAG,WACsD;CACzD,MAAM,eAAe,QAAM,WAAW,wBAAwB;AAC9D,KAAI,iBAAiB,KAAA,EACnB,OAAM,IAAI,MACR,mEACD;CAEH,MAAM,EAAE,WAAW,UAAU,kBAAkB;AAC/C,QACE,wBAAA,cAAC,aAAD;EACE,UAAU,iBAAiB;EAC3B,GAAI;EACJ,iBAAiB,UAAU,MAAM;EAGrB,EADX,SACW"}

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

@@ -1,17 +1,21 @@
-import * as e from "react";
+import * as React$1 from "react";
 //#region src/components/dismissible-group/DismissibleGroupRoot.tsx
-var t = e.createContext({ onDismiss: () => null }), n = ({ children: n, disabled: r, onDismiss: i }) => {
-	let a = e.useMemo(() => ({
-		disabled: r,
-		onDismiss: i
-	}), [r, i]);
-	return /* @__PURE__ */ e.createElement(t.Provider, { value: a }, n);
-}, r = ({ as: t = "div", disabled: r, onDismiss: i, ...a }) => /* @__PURE__ */ e.createElement(n, {
-	disabled: r,
-	onDismiss: i
-}, /* @__PURE__ */ e.createElement(t, a));
-r.displayName = "DismissibleGroup";
+var DismissibleGroupContext = React$1.createContext({ onDismiss: () => null });
+var DismissibleGroupProvider = ({ children, disabled, onDismiss }) => {
+	const value = React$1.useMemo(() => ({
+		disabled,
+		onDismiss
+	}), [disabled, onDismiss]);
+	return /* @__PURE__ */ React$1.createElement(DismissibleGroupContext.Provider, { value }, children);
+};
+var DismissibleGroupRoot = ({ as: Component = "div", disabled, onDismiss, ...rest }) => {
+	return /* @__PURE__ */ React$1.createElement(DismissibleGroupProvider, {
+		disabled,
+		onDismiss
+	}, /* @__PURE__ */ React$1.createElement(Component, rest));
+};
+DismissibleGroupRoot.displayName = "DismissibleGroup";
 //#endregion
-export { t as DismissibleGroupContext, r as DismissibleGroupRoot };
+export { DismissibleGroupContext, DismissibleGroupRoot };
 
 //# sourceMappingURL=DismissibleGroupRoot.js.map

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,IACX,EAAM,cAAwC,EAC5C,iBAAiB,MAClB,CAAC,EAOS,KAA4B,EACvC,aACA,aACA,mBACqD;CACrD,IAAM,IAAQ,EAAM,eACX;EAAE;EAAU;EAAW,GAC9B,CAAC,GAAU,EAAU,CACtB;AACD,QACE,kBAAA,cAAC,EAAwB,UAAzB,EAAyC,UAEN,EADhC,EACgC;GAQ1B,KAAwB,EACnC,IAAI,IAAY,OAChB,aACA,cACA,GAAG,QAGD,kBAAA,cAAC,GAAD;CAAoC;CAAqB;CAE9B,EADzB,kBAAA,cAAC,GAAc,EAAQ,CACE;AAI/B,EAAqB,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: 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"}

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

@@ -1,12 +1,12 @@
-import { DismissibleTrigger as e } from "../dismissible/DismissibleTrigger.js";
-import { DismissibleGroupRoot as t } from "./DismissibleGroupRoot.js";
-import { DismissibleGroupItem as n } from "./DismissibleGroupItem.js";
+import { DismissibleTrigger } from "../dismissible/DismissibleTrigger.js";
+import { DismissibleGroupRoot } from "./DismissibleGroupRoot.js";
+import { DismissibleGroupItem } from "./DismissibleGroupItem.js";
 //#region src/components/dismissible-group/index.ts
-var r = Object.assign(t, {
-	Item: n,
-	Trigger: e
+var DismissibleGroup = Object.assign(DismissibleGroupRoot, {
+	Item: DismissibleGroupItem,
+	Trigger: DismissibleTrigger
 });
 //#endregion
-export { r as DismissibleGroup };
+export { DismissibleGroup };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/dismissible-group/index.ts"],"sourcesContent":["import { DismissibleTrigger } from '~/components/dismissible/DismissibleTrigger'\n\nimport { DismissibleGroupItem } from './DismissibleGroupItem'\nimport { DismissibleGroupRoot } from './DismissibleGroupRoot'\n\nexport const DismissibleGroup = Object.assign(DismissibleGroupRoot, {\n  Item: DismissibleGroupItem,\n  Trigger: DismissibleTrigger\n})\n"],"mappings":";;;;AAKA,IAAa,IAAmB,OAAO,OAAO,GAAsB;CAClE,MAAM;CACN,SAAS;CACV,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/dismissible-group/index.ts"],"sourcesContent":["import { DismissibleTrigger } from '~/components/dismissible/DismissibleTrigger'\n\nimport { DismissibleGroupItem } from './DismissibleGroupItem'\nimport { DismissibleGroupRoot } from './DismissibleGroupRoot'\n\nexport const DismissibleGroup = Object.assign(DismissibleGroupRoot, {\n  Item: DismissibleGroupItem,\n  Trigger: DismissibleTrigger\n})\n"],"mappings":";;;;AAKA,IAAa,mBAAmB,OAAO,OAAO,sBAAsB;CAClE,MAAM;CACN,SAAS;CACV,CAAC"}

package/dist/components/divider/Divider.js

@@ -1,7 +1,7 @@
-import { styled as e } from "../../styled.js";
-import t from "react";
+import { styled } from "../../styled.js";
+import React from "react";
 //#region src/components/divider/Divider.tsx
-var n = e("hr", {
+var StyledDivider = styled("hr", {
 	base: ["border-none", "bg-grey-200"],
 	variants: { orientation: {
 		horizontal: ["h-px", "w-full"],
@@ -11,12 +11,15 @@ var n = e("hr", {
 			"w-px"
 		]
 	} }
-}, { enabledResponsiveVariants: !0 }), r = t.forwardRef(({ orientation: e = "horizontal", ...r }, i) => /* @__PURE__ */ t.createElement(n, {
-	ref: i,
-	orientation: e,
-	...r
-}));
+}, { enabledResponsiveVariants: true });
+var Divider = React.forwardRef(({ orientation = "horizontal", ...rest }, ref) => {
+	return /* @__PURE__ */ React.createElement(StyledDivider, {
+		ref,
+		orientation,
+		...rest
+	});
+});
 //#endregion
-export { r as Divider };
+export { Divider };
 
 //# sourceMappingURL=Divider.js.map

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,IAAgB,EAC3B,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,IAAM,CACpC,EAEY,IAAU,EAAM,YAG1B,EAAE,iBAAc,cAAc,GAAG,KAAQ,MACnC,kBAAA,cAAC,GAAD;CAAoB;CAAkB;CAAa,GAAI;CAAQ,CAAA,CACtE"}
+{"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"}

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

@@ -1,13 +1,14 @@
-import * as e from "react";
+import * as React$1 from "react";
 //#region src/components/drawer/Drawer.context.tsx
-var t = e.createContext({ position: "left" }), n = ({ position: n = "left", ...r }) => {
-	let i = e.useMemo(() => ({ position: n }), [n]);
-	return /* @__PURE__ */ e.createElement(t.Provider, {
-		value: i,
-		...r
+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, {
+		value,
+		...rest
 	});
 };
 //#endregion
-export { t as DrawerContext, n as DrawerProvider };
+export { DrawerContext, DrawerProvider };
 
 //# sourceMappingURL=Drawer.context.js.map

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,IAAgB,EAAM,cAA8B,EAC/D,UAAU,QACX,CAAC,EAEW,KAAkB,EAC7B,cAAW,QACX,GAAG,QAC6D;CAChE,IAAM,IAAQ,EAAM,eAA+B,EAAE,aAAU,GAAG,CAAC,EAAS,CAAC;AAC7E,QAAO,kBAAA,cAAC,EAAc,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>): 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"}

package/dist/components/drawer/Drawer.js

@@ -1,16 +1,23 @@
-import { DrawerProvider as e } from "./Drawer.context.js";
-import { DrawerClose as t } from "./DrawerClose.js";
-import { DrawerContent as n } from "./DrawerContent.js";
-import { DrawerFooter as r } from "./DrawerFooter.js";
-import { DrawerHeader as i } from "./DrawerHeader.js";
-import { DrawerMain as a } from "./DrawerMain.js";
-import { DrawerTrigger as o } from "./DrawerTrigger.js";
-import s from "react";
-import { Root as c } from "@radix-ui/react-dialog";
+import { DrawerProvider } from "./Drawer.context.js";
+import { DrawerClose } from "./DrawerClose.js";
+import { DrawerContent } from "./DrawerContent.js";
+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 { Root } from "@radix-ui/react-dialog";
 //#region src/components/drawer/Drawer.tsx
-var l = ({ children: t, position: n, ...r }) => /* @__PURE__ */ s.createElement(e, { position: n }, /* @__PURE__ */ s.createElement(c, r, t));
-l.Close = t, l.Content = n, l.Main = a, l.Header = i, l.Footer = r, l.Trigger = o;
+var Drawer = ({ children, position, ...rest }) => {
+	return /* @__PURE__ */ React.createElement(DrawerProvider, { position }, /* @__PURE__ */ React.createElement(Root, rest, children));
+};
+Drawer.Close = DrawerClose;
+Drawer.Content = DrawerContent;
+Drawer.Main = DrawerMain;
+Drawer.Header = DrawerHeader;
+Drawer.Footer = DrawerFooter;
+Drawer.Trigger = DrawerTrigger;
 //#endregion
-export { l as Drawer };
+export { Drawer };
 
 //# sourceMappingURL=Drawer.js.map

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,KAAU,EACrB,aACA,aACA,GAAG,QAGD,kBAAA,cAAC,GAAD,EAA0B,aAET,EADf,kBAAA,cAAC,GAAS,GAAO,EAAgB,CAClB;AAIrB,EAAO,QAAQ,GACf,EAAO,UAAU,GACjB,EAAO,OAAO,GACd,EAAO,SAAS,GAChB,EAAO,SAAS,GAChB,EAAO,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): 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"}

package/dist/components/drawer/DrawerClose.js

@@ -1,17 +1,17 @@
-import { Icon as e } from "../icon/Icon.js";
-import { ActionIcon as t } from "../action-icon/ActionIcon.js";
-import n from "react";
-import { Close as r } from "@atom-learning/icons";
-import { Close as i } from "@radix-ui/react-dialog";
+import { Icon } from "../icon/Icon.js";
+import { ActionIcon } from "../action-icon/ActionIcon.js";
+import React from "react";
+import { Close } from "@atom-learning/icons";
+import { Close as Close$1 } from "@radix-ui/react-dialog";
 //#region src/components/drawer/DrawerClose.tsx
-var a = (a) => /* @__PURE__ */ n.createElement(i, { asChild: !0 }, /* @__PURE__ */ n.createElement(t, {
+var DrawerClose = (props) => /* @__PURE__ */ React.createElement(Close$1, { asChild: true }, /* @__PURE__ */ React.createElement(ActionIcon, {
 	theme: "neutral",
 	appearance: "simple",
 	size: "md",
-	hasTooltip: !1,
-	...a
-}, /* @__PURE__ */ n.createElement(e, { is: r })));
+	hasTooltip: false,
+	...props
+}, /* @__PURE__ */ React.createElement(Icon, { is: Close })));
 //#endregion
-export { a as DrawerClose };
+export { DrawerClose };
 
 //# sourceMappingURL=DrawerClose.js.map

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,KACX,MAEA,kBAAA,cAAC,GAAD,EAAa,SAAA,IAUC,EATZ,kBAAA,cAAC,GAAD;CACE,OAAM;CACN,YAAW;CACX,MAAK;CACL,YAAY;CACZ,GAAI;CAGO,EADX,kBAAA,cAAC,GAAD,EAAM,IAAI,GAAS,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,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"}

package/dist/components/drawer/DrawerContent.js

@@ -1,11 +1,11 @@
-import { styled as e } from "../../styled.js";
-import { ColorScheme as t } from "../../experiments/color-scheme/ColorScheme.js";
-import { DrawerContext as n } from "./Drawer.context.js";
-import { DrawerOverlay as r } from "./DrawerOverlay.js";
-import i from "react";
-import { Content as a, Portal as o } from "@radix-ui/react-dialog";
+import { styled } from "../../styled.js";
+import { ColorScheme } from "../../experiments/color-scheme/ColorScheme.js";
+import { DrawerContext } from "./Drawer.context.js";
+import { DrawerOverlay } from "./DrawerOverlay.js";
+import React from "react";
+import { Content, Portal } from "@radix-ui/react-dialog";
 //#region src/components/drawer/DrawerContent.tsx
-var s = e(a, {
+var StyledContent = styled(Content, {
 	base: [
 		"bg-(--base-1)",
 		"shadow-lg",
@@ -57,20 +57,21 @@ var s = e(a, {
 			"3xl": ["[--drawer-content-width:1000px]"]
 		}
 	}
-}), c = ({ children: e, ...a }) => {
-	let { position: c } = i.useContext(n);
-	return /* @__PURE__ */ i.createElement(o, null, /* @__PURE__ */ i.createElement(r, null), /* @__PURE__ */ i.createElement(t, {
+});
+var DrawerContent = ({ children, ...rest }) => {
+	const { position } = React.useContext(DrawerContext);
+	return /* @__PURE__ */ React.createElement(Portal, null, /* @__PURE__ */ React.createElement(DrawerOverlay, null), /* @__PURE__ */ React.createElement(ColorScheme, {
 		base: "grey1",
 		accent: "primary1",
-		asChild: !0
-	}, /* @__PURE__ */ i.createElement(s, {
+		asChild: true
+	}, /* @__PURE__ */ React.createElement(StyledContent, {
 		size: "lg",
-		position: c,
-		...a,
-		asChild: !0
-	}, /* @__PURE__ */ i.createElement("div", { className: "flex flex-col" }, e))));
+		position,
+		...rest,
+		asChild: true
+	}, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col" }, children))));
 };
 //#endregion
-export { c as DrawerContent };
+export { DrawerContent };
 
 //# sourceMappingURL=DrawerContent.js.map

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,IAAgB,EAAO,GAAS;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,EAEW,KAAiB,EAC5B,aACA,GAAG,QAC6C;CAChD,IAAM,EAAE,gBAAa,EAAM,WAAW,EAAc;AAEpD,QACE,kBAAA,cAAC,GAAA,MACC,kBAAA,cAAC,GAAA,KAAgB,EACjB,kBAAA,cAAC,GAAD;EAAa,MAAK;EAAQ,QAAO;EAAW,SAAA;EAI9B,EAHZ,kBAAA,cAAC,GAAD;EAAe,MAAK;EAAe;EAAU,GAAI;EAAM,SAAA;EAEvC,EADd,kBAAA,cAAC,OAAD,EAAK,WAAU,iBAAgC,EAAf,EAAe,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,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"}

package/dist/components/drawer/DrawerFooter.js

@@ -1,12 +1,12 @@
-import { styled as e } from "../../styled.js";
+import { styled } from "../../styled.js";
 //#region src/components/drawer/DrawerFooter.tsx
-var t = e("div", { base: [
+var DrawerFooter = styled("div", { base: [
 	"p-4",
 	"w-full",
 	"border-t",
 	"border-t-(--base-3)"
 ] });
 //#endregion
-export { t as DrawerFooter };
+export { DrawerFooter };
 
 //# sourceMappingURL=DrawerFooter.js.map

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

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

package/dist/components/drawer/DrawerHeader.js

@@ -1,6 +1,6 @@
-import { styled as e } from "../../styled.js";
+import { styled } from "../../styled.js";
 //#region src/components/drawer/DrawerHeader.tsx
-var t = e("div", { base: [
+var DrawerHeader = styled("div", { base: [
 	"p-4",
 	"w-full",
 	"min-h-16",
@@ -8,6 +8,6 @@ var t = e("div", { base: [
 	"border-b-(--base-3)"
 ] });
 //#endregion
-export { t as DrawerHeader };
+export { DrawerHeader };
 
 //# sourceMappingURL=DrawerHeader.js.map

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

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

package/dist/components/drawer/DrawerMain.js

@@ -1,12 +1,12 @@
-import { styled as e } from "../../styled.js";
+import { styled } from "../../styled.js";
 //#region src/components/drawer/DrawerMain.tsx
-var t = e("div", { base: [
+var DrawerMain = styled("div", { base: [
 	"p-4",
 	"w-full",
 	"grow",
 	"overflow-y-auto"
 ] });
 //#endregion
-export { t as DrawerMain };
+export { DrawerMain };
 
 //# sourceMappingURL=DrawerMain.js.map

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

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

package/dist/components/drawer/DrawerOverlay.js

@@ -1,9 +1,9 @@
-import { styled as e } from "../../styled.js";
-import { backdropOverlay as t } from "../../utilities/style/backdrop-overlay.js";
-import { Overlay as n } from "@radix-ui/react-dialog";
+import { styled } from "../../styled.js";
+import { backdropOverlay } from "../../utilities/style/backdrop-overlay.js";
+import { Overlay } from "@radix-ui/react-dialog";
 //#region src/components/drawer/DrawerOverlay.tsx
-var r = e(n, { base: t });
+var DrawerOverlay = styled(Overlay, { base: backdropOverlay });
 //#endregion
-export { r as DrawerOverlay };
+export { DrawerOverlay };
 
 //# sourceMappingURL=DrawerOverlay.js.map

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

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

package/dist/components/drawer/DrawerTrigger.js

@@ -1,7 +1,7 @@
-import { Trigger as e } from "@radix-ui/react-dialog";
+import { Trigger } from "@radix-ui/react-dialog";
 //#region src/components/drawer/DrawerTrigger.tsx
-var t = e;
+var DrawerTrigger = Trigger;
 //#endregion
-export { t as DrawerTrigger };
+export { DrawerTrigger };
 
 //# sourceMappingURL=DrawerTrigger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerTrigger.js","names":[],"sources":["../../../src/components/drawer/DrawerTrigger.tsx"],"sourcesContent":["import { Trigger } from '@radix-ui/react-dialog'\n\nexport const DrawerTrigger = Trigger\n"],"mappings":";;AAEA,IAAa,IAAgB"}
+{"version":3,"file":"DrawerTrigger.js","names":[],"sources":["../../../src/components/drawer/DrawerTrigger.tsx"],"sourcesContent":["import { Trigger } from '@radix-ui/react-dialog'\n\nexport const DrawerTrigger = Trigger\n"],"mappings":";;AAEA,IAAa,gBAAgB"}

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

@@ -1,19 +1,19 @@
-import { DropdownMenuContent as e } from "./DropdownMenuContent.js";
-import { DropdownMenuItem as t } from "./DropdownMenuItem.js";
-import { DropdownMenuLinkItem as n } from "./DropdownMenuLinkItem.js";
-import { DropdownMenuSeparator as r } from "./DropdownMenuSeparator.js";
-import { DropdownMenuTrigger as i } from "./DropdownMenuTrigger.js";
-import { Portal as a, Root as o } from "@radix-ui/react-dropdown-menu";
+import { DropdownMenuContent } from "./DropdownMenuContent.js";
+import { DropdownMenuItem } from "./DropdownMenuItem.js";
+import { DropdownMenuLinkItem } from "./DropdownMenuLinkItem.js";
+import { DropdownMenuSeparator } from "./DropdownMenuSeparator.js";
+import { DropdownMenuTrigger } from "./DropdownMenuTrigger.js";
+import { Portal, Root } from "@radix-ui/react-dropdown-menu";
 //#region src/components/dropdown-menu/DropdownMenu.tsx
-var s = Object.assign(o, {
-	Content: e,
-	Item: t,
-	LinkItem: n,
-	Portal: a,
-	Separator: r,
-	Trigger: i
+var DropdownMenu = Object.assign(Root, {
+	Content: DropdownMenuContent,
+	Item: DropdownMenuItem,
+	LinkItem: DropdownMenuLinkItem,
+	Portal,
+	Separator: DropdownMenuSeparator,
+	Trigger: DropdownMenuTrigger
 });
 //#endregion
-export { s as DropdownMenu };
+export { DropdownMenu };
 
 //# sourceMappingURL=DropdownMenu.js.map

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

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