@atom-learning/components 6.6.0-beta.1 → 6.6.0-beta.2

package/dist/components/dialog/DialogFooter.js

@@ -1,12 +1,12 @@
-import { styled as e } from "../../styled.js";
+import { styled } from "../../styled.js";
 //#region src/components/dialog/DialogFooter.tsx
-var t = e("footer", { base: [
+var DialogFooter = styled("footer", { base: [
 	"flex",
 	"justify-end",
 	"gap-3",
 	"pt-4"
 ] });
 //#endregion
-export { t as DialogFooter };
+export { DialogFooter };
 
 //# sourceMappingURL=DialogFooter.js.map

package/dist/components/dialog/DialogFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogFooter.js","names":[],"sources":["../../../src/components/dialog/DialogFooter.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const DialogFooter = styled('footer', {\n  base: ['flex', 'justify-end', 'gap-3', 'pt-4']\n})\n"],"mappings":";;AAEA,IAAa,IAAe,EAAO,UAAU,EAC3C,MAAM;CAAC;CAAQ;CAAe;CAAS;CAAO,EAC/C,CAAC"}
+{"version":3,"file":"DialogFooter.js","names":[],"sources":["../../../src/components/dialog/DialogFooter.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const DialogFooter = styled('footer', {\n  base: ['flex', 'justify-end', 'gap-3', 'pt-4']\n})\n"],"mappings":";;AAEA,IAAa,eAAe,OAAO,UAAU,EAC3C,MAAM;CAAC;CAAQ;CAAe;CAAS;CAAO,EAC/C,CAAC"}

package/dist/components/dialog/DialogHeading.js

@@ -1,13 +1,13 @@
-import { Heading as e } from "../heading/Heading.js";
-import t from "clsx";
-import * as n from "react";
+import { Heading } from "../heading/Heading.js";
+import clsx from "clsx";
+import * as React$1 from "react";
 //#region src/components/dialog/DialogHeading.tsx
-var r = ({ className: r, ...i }) => /* @__PURE__ */ n.createElement(e, {
+var DialogHeading = ({ className, ...rest }) => /* @__PURE__ */ React$1.createElement(Heading, {
 	size: "sm",
-	...i,
-	className: t("border-b", "border-b-grey-200", "pb-8", "pt-0", "px-8", "mb-8", "-mx-8", "box-content", r)
+	...rest,
+	className: clsx("border-b", "border-b-grey-200", "pb-8", "pt-0", "px-8", "mb-8", "-mx-8", "box-content", className)
 });
 //#endregion
-export { r as DialogHeading };
+export { DialogHeading };
 
 //# sourceMappingURL=DialogHeading.js.map

package/dist/components/dialog/DialogHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogHeading.js","names":[],"sources":["../../../src/components/dialog/DialogHeading.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Heading } from '../heading/Heading'\n\nexport const DialogHeading = ({\n  className,\n  ...rest\n}: React.ComponentProps<typeof Heading>) => (\n  <Heading\n    size=\"sm\"\n    {...rest}\n    className={clsx(\n      'border-b',\n      'border-b-grey-200',\n      'pb-8',\n      'pt-0',\n      'px-8',\n      'mb-8',\n      '-mx-8',\n      'box-content',\n      className\n    )}\n  />\n)\n"],"mappings":";;;;AAKA,IAAa,KAAiB,EAC5B,cACA,GAAG,QAEH,kBAAA,cAAC,GAAD;CACE,MAAK;CACL,GAAI;CACJ,WAAW,EACT,YACA,qBACA,QACA,QACA,QACA,QACA,SACA,eACA,EACD;CACD,CAAA"}
+{"version":3,"file":"DialogHeading.js","names":[],"sources":["../../../src/components/dialog/DialogHeading.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Heading } from '../heading/Heading'\n\nexport const DialogHeading = ({\n  className,\n  ...rest\n}: React.ComponentProps<typeof Heading>) => (\n  <Heading\n    size=\"sm\"\n    {...rest}\n    className={clsx(\n      'border-b',\n      'border-b-grey-200',\n      'pb-8',\n      'pt-0',\n      'px-8',\n      'mb-8',\n      '-mx-8',\n      'box-content',\n      className\n    )}\n  />\n)\n"],"mappings":";;;;AAKA,IAAa,iBAAiB,EAC5B,WACA,GAAG,WAEH,wBAAA,cAAC,SAAD;CACE,MAAK;CACL,GAAI;CACJ,WAAW,KACT,YACA,qBACA,QACA,QACA,QACA,QACA,SACA,eACA,UACD;CACD,CAAA"}

package/dist/components/dismissible/DismissibleRoot.js

@@ -1,41 +1,46 @@
-import * as e from "react";
-import { Slot as t } from "@radix-ui/react-slot";
+import * as React$1 from "react";
+import { Slot } from "@radix-ui/react-slot";
 //#region src/components/dismissible/DismissibleRoot.tsx
-var n = e.createContext({
-	isDismissed: !1,
+var DismissibleRootContext = React$1.createContext({
+	isDismissed: false,
 	setIsDismissed: () => void 0,
 	onDismiss: () => void 0
-}), r = ({ dismissed: t, children: r, disabled: i, onDismiss: a = () => null }) => {
-	let [o, s] = e.useState(!1), c = e.useMemo(() => {
-		let e = typeof t == "boolean";
+});
+var DismissibleRootProvider = ({ dismissed: controlledIsDismissed, children, disabled, onDismiss = () => null }) => {
+	const [isDismissed, setIsDismissed] = React$1.useState(false);
+	const value = React$1.useMemo(() => {
+		const isControlled = typeof controlledIsDismissed === "boolean";
 		return {
-			disabled: i,
-			isDismissed: e ? t : o,
-			setIsDismissed: e ? () => null : s,
-			onDismiss: a
+			disabled,
+			isDismissed: isControlled ? controlledIsDismissed : isDismissed,
+			setIsDismissed: isControlled ? () => null : setIsDismissed,
+			onDismiss
 		};
 	}, [
-		i,
-		o,
-		a,
-		t
+		disabled,
+		isDismissed,
+		onDismiss,
+		controlledIsDismissed
 	]);
-	return /* @__PURE__ */ e.createElement(n.Provider, { value: c }, r);
-}, i = ({ asChild: r = !1, ...i }) => {
-	let { isDismissed: a, disabled: o } = e.useContext(n);
-	if (a) return null;
-	let s = {
-		...o && { "data-disabled": "" },
-		...i
-	}, c = r ? t : "div";
-	return /* @__PURE__ */ e.createElement(c, s);
-}, a = ({ disabled: t = !1, dismissed: n, onDismiss: a, ...o }) => /* @__PURE__ */ e.createElement(r, {
-	dismissed: n,
-	disabled: t,
-	onDismiss: a
-}, /* @__PURE__ */ e.createElement(i, o));
-a.displayName = "Dismissible";
+	return /* @__PURE__ */ React$1.createElement(DismissibleRootContext.Provider, { value }, children);
+};
+var DismissibleRootInternal = ({ asChild = false, ...rest }) => {
+	const { isDismissed, disabled } = React$1.useContext(DismissibleRootContext);
+	if (isDismissed) return null;
+	const props = {
+		...disabled && { [`data-disabled`]: "" },
+		...rest
+	};
+	const Component = asChild ? Slot : "div";
+	return /* @__PURE__ */ React$1.createElement(Component, props);
+};
+var DismissibleRoot = ({ disabled = false, dismissed, onDismiss, ...rest }) => /* @__PURE__ */ React$1.createElement(DismissibleRootProvider, {
+	dismissed,
+	disabled,
+	onDismiss
+}, /* @__PURE__ */ React$1.createElement(DismissibleRootInternal, rest));
+DismissibleRoot.displayName = "Dismissible";
 //#endregion
-export { a as DismissibleRoot, n as DismissibleRootContext };
+export { DismissibleRoot, DismissibleRootContext };
 
 //# sourceMappingURL=DismissibleRoot.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DismissibleRoot.js","names":[],"sources":["../../../src/components/dismissible/DismissibleRoot.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nexport interface IDismissibleRootContext {\n  disabled?: boolean\n  isDismissed: boolean\n  setIsDismissed: (boolean) => void\n  onDismiss: () => void\n}\n\nexport const DismissibleRootContext =\n  React.createContext<IDismissibleRootContext>({\n    isDismissed: false,\n    setIsDismissed: () => undefined,\n    onDismiss: () => undefined\n  })\n\nexport interface IDismissibleRootProps {\n  disabled?: boolean\n  dismissed?: boolean\n  onDismiss?: () => void\n}\n\nexport const DismissibleRootProvider = ({\n  dismissed: controlledIsDismissed,\n  children,\n  disabled,\n  onDismiss = () => null\n}: React.PropsWithChildren<IDismissibleRootProps>) => {\n  const [isDismissed, setIsDismissed] = React.useState(false)\n\n  const value = React.useMemo<IDismissibleRootContext>(() => {\n    const isControlled = typeof controlledIsDismissed === 'boolean'\n    return {\n      disabled,\n      isDismissed: isControlled\n        ? (controlledIsDismissed as boolean)\n        : isDismissed,\n      setIsDismissed: isControlled ? () => null : setIsDismissed,\n      onDismiss\n    }\n  }, [disabled, isDismissed, onDismiss, controlledIsDismissed])\n\n  return (\n    <DismissibleRootContext.Provider value={value}>\n      {children}\n    </DismissibleRootContext.Provider>\n  )\n}\n\nexport interface IDismissibleRootInternalProps {\n  asChild?: boolean\n}\n\nconst DismissibleRootInternal = ({\n  asChild = false,\n  ...rest\n}: React.PropsWithChildren<IDismissibleRootInternalProps>) => {\n  const rootContext = React.useContext(DismissibleRootContext)\n\n  const { isDismissed, disabled } = rootContext\n\n  if (isDismissed) return null\n\n  const props = { ...(disabled && { [`data-disabled`]: '' }), ...rest }\n  const Component = asChild ? Slot : 'div'\n  return <Component {...props} />\n}\n\nexport const DismissibleRoot = ({\n  disabled = false,\n  dismissed,\n  onDismiss,\n  ...rest\n}: React.PropsWithChildren<\n  IDismissibleRootInternalProps & IDismissibleRootProps\n>) => (\n  <DismissibleRootProvider\n    dismissed={dismissed}\n    disabled={disabled}\n    onDismiss={onDismiss}\n  >\n    <DismissibleRootInternal {...rest} />\n  </DismissibleRootProvider>\n)\n\nDismissibleRoot.displayName = 'Dismissible'\n"],"mappings":";;;AAUA,IAAa,IACX,EAAM,cAAuC;CAC3C,aAAa;CACb,sBAAsB,KAAA;CACtB,iBAAiB,KAAA;CAClB,CAAC,EAQS,KAA2B,EACtC,WAAW,GACX,aACA,aACA,qBAAkB,WACkC;CACpD,IAAM,CAAC,GAAa,KAAkB,EAAM,SAAS,GAAM,EAErD,IAAQ,EAAM,cAAuC;EACzD,IAAM,IAAe,OAAO,KAA0B;AACtD,SAAO;GACL;GACA,aAAa,IACR,IACD;GACJ,gBAAgB,UAAqB,OAAO;GAC5C;GACD;IACA;EAAC;EAAU;EAAa;EAAW;EAAsB,CAAC;AAE7D,QACE,kBAAA,cAAC,EAAuB,UAAxB,EAAwC,UAEN,EAD/B,EAC+B;GAQhC,KAA2B,EAC/B,aAAU,IACV,GAAG,QACyD;CAG5D,IAAM,EAAE,gBAAa,gBAFD,EAAM,WAAW,EAAuB;AAI5D,KAAI,EAAa,QAAO;CAExB,IAAM,IAAQ;EAAE,GAAI,KAAY,EAAG,iBAAkB,IAAI;EAAG,GAAG;EAAM,EAC/D,IAAY,IAAU,IAAO;AACnC,QAAO,kBAAA,cAAC,GAAc,EAAS;GAGpB,KAAmB,EAC9B,cAAW,IACX,cACA,cACA,GAAG,QAIH,kBAAA,cAAC,GAAD;CACa;CACD;CACC;CAGa,EADxB,kBAAA,cAAC,GAA4B,EAAQ,CACb;AAG5B,EAAgB,cAAc"}
+{"version":3,"file":"DismissibleRoot.js","names":[],"sources":["../../../src/components/dismissible/DismissibleRoot.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nexport interface IDismissibleRootContext {\n  disabled?: boolean\n  isDismissed: boolean\n  setIsDismissed: (boolean) => void\n  onDismiss: () => void\n}\n\nexport const DismissibleRootContext =\n  React.createContext<IDismissibleRootContext>({\n    isDismissed: false,\n    setIsDismissed: () => undefined,\n    onDismiss: () => undefined\n  })\n\nexport interface IDismissibleRootProps {\n  disabled?: boolean\n  dismissed?: boolean\n  onDismiss?: () => void\n}\n\nexport const DismissibleRootProvider = ({\n  dismissed: controlledIsDismissed,\n  children,\n  disabled,\n  onDismiss = () => null\n}: React.PropsWithChildren<IDismissibleRootProps>) => {\n  const [isDismissed, setIsDismissed] = React.useState(false)\n\n  const value = React.useMemo<IDismissibleRootContext>(() => {\n    const isControlled = typeof controlledIsDismissed === 'boolean'\n    return {\n      disabled,\n      isDismissed: isControlled\n        ? (controlledIsDismissed as boolean)\n        : isDismissed,\n      setIsDismissed: isControlled ? () => null : setIsDismissed,\n      onDismiss\n    }\n  }, [disabled, isDismissed, onDismiss, controlledIsDismissed])\n\n  return (\n    <DismissibleRootContext.Provider value={value}>\n      {children}\n    </DismissibleRootContext.Provider>\n  )\n}\n\nexport interface IDismissibleRootInternalProps {\n  asChild?: boolean\n}\n\nconst DismissibleRootInternal = ({\n  asChild = false,\n  ...rest\n}: React.PropsWithChildren<IDismissibleRootInternalProps>) => {\n  const rootContext = React.useContext(DismissibleRootContext)\n\n  const { isDismissed, disabled } = rootContext\n\n  if (isDismissed) return null\n\n  const props = { ...(disabled && { [`data-disabled`]: '' }), ...rest }\n  const Component = asChild ? Slot : 'div'\n  return <Component {...props} />\n}\n\nexport const DismissibleRoot = ({\n  disabled = false,\n  dismissed,\n  onDismiss,\n  ...rest\n}: React.PropsWithChildren<\n  IDismissibleRootInternalProps & IDismissibleRootProps\n>) => (\n  <DismissibleRootProvider\n    dismissed={dismissed}\n    disabled={disabled}\n    onDismiss={onDismiss}\n  >\n    <DismissibleRootInternal {...rest} />\n  </DismissibleRootProvider>\n)\n\nDismissibleRoot.displayName = 'Dismissible'\n"],"mappings":";;;AAUA,IAAa,yBACX,QAAM,cAAuC;CAC3C,aAAa;CACb,sBAAsB,KAAA;CACtB,iBAAiB,KAAA;CAClB,CAAC;AAQJ,IAAa,2BAA2B,EACtC,WAAW,uBACX,UACA,UACA,kBAAkB,WACkC;CACpD,MAAM,CAAC,aAAa,kBAAkB,QAAM,SAAS,MAAM;CAE3D,MAAM,QAAQ,QAAM,cAAuC;EACzD,MAAM,eAAe,OAAO,0BAA0B;AACtD,SAAO;GACL;GACA,aAAa,eACR,wBACD;GACJ,gBAAgB,qBAAqB,OAAO;GAC5C;GACD;IACA;EAAC;EAAU;EAAa;EAAW;EAAsB,CAAC;AAE7D,QACE,wBAAA,cAAC,uBAAuB,UAAxB,EAAwC,OAEN,EAD/B,SAC+B;;AAQtC,IAAM,2BAA2B,EAC/B,UAAU,OACV,GAAG,WACyD;CAG5D,MAAM,EAAE,aAAa,aAFD,QAAM,WAAW,uBAAuB;AAI5D,KAAI,YAAa,QAAO;CAExB,MAAM,QAAQ;EAAE,GAAI,YAAY,GAAG,kBAAkB,IAAI;EAAG,GAAG;EAAM;CACrE,MAAM,YAAY,UAAU,OAAO;AACnC,QAAO,wBAAA,cAAC,WAAc,MAAS;;AAGjC,IAAa,mBAAmB,EAC9B,WAAW,OACX,WACA,WACA,GAAG,WAIH,wBAAA,cAAC,yBAAD;CACa;CACD;CACC;CAGa,EADxB,wBAAA,cAAC,yBAA4B,KAAQ,CACb;AAG5B,gBAAgB,cAAc"}

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