@velora-dex/widget 0.6.1-dev.1 → 0.6.1-dev.2

package/dist/components/widget/Drawer/Overlay.js

@@ -1,62 +1,27 @@
-import { jsx } from 'react/jsx-runtime';
-import { d as distExports } from '../../../_virtual/index.js';
-import { cn } from '../../../lib/utils/index.js';
-import { openDrawerAtom } from './state/useDrawerControls.js';
-import { useSetAtom } from '../../../core/store.js';
-
-function InWidgetDrawerOverlay(t0) {
-  const $ = distExports.c(12);
-  const {
-    open,
-    onClick,
-    closeDrawerOnClick: t1,
-    className
-  } = t0;
-  const closeDrawerOnClick = t1 === void 0 ? true : t1;
-  const setOpenDrawer = useSetAtom(openDrawerAtom);
-  const t2 = !open;
-  const t3 = !open;
-  let t4;
-  if ($[0] !== className || $[1] !== open || $[2] !== t2 || $[3] !== t3) {
-    t4 = cn("absolute inset-0 bg-gray-900 z-10 transition-opacity duration-300 rounded-xxl", {
-      "opacity-0": t2,
-      "opacity-75": open,
-      "pointer-events-none": t3
-    }, className);
-    $[0] = className;
-    $[1] = open;
-    $[2] = t2;
-    $[3] = t3;
-    $[4] = t4;
-  } else {
-    t4 = $[4];
-  }
-  let t5;
-  if ($[5] !== closeDrawerOnClick || $[6] !== onClick || $[7] !== setOpenDrawer) {
-    t5 = () => {
-      if (closeDrawerOnClick) {
-        setOpenDrawer(null);
-      }
-      onClick?.();
-    };
-    $[5] = closeDrawerOnClick;
-    $[6] = onClick;
-    $[7] = setOpenDrawer;
-    $[8] = t5;
-  } else {
-    t5 = $[8];
-  }
-  let t6;
-  if ($[9] !== t4 || $[10] !== t5) {
-    t6 = /* @__PURE__ */ jsx("div", { className: t4, onClick: t5 });
-    $[9] = t4;
-    $[10] = t5;
-    $[11] = t6;
-  } else {
-    t6 = $[11];
-  }
-  return t6;
+import { useSetAtom as e } from "../../../core/store.js";
+import { cn as t } from "../../../lib/utils/index.js";
+import { openDrawerAtom as n } from "./state/useDrawerControls.js";
+import { c as r } from "react-compiler-runtime";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/widget/Drawer/Overlay.tsx
+function a(a) {
+	let o = r(12), { open: s, onClick: c, closeDrawerOnClick: l, className: u } = a, d = l === void 0 ? !0 : l, f = e(n), p = !s, m = !s, h;
+	o[0] !== u || o[1] !== s || o[2] !== p || o[3] !== m ? (h = t("absolute inset-0 bg-gray-900 z-10 transition-opacity duration-300 rounded-xxl", {
+		"opacity-0": p,
+		"opacity-75": s,
+		"pointer-events-none": m
+	}, u), o[0] = u, o[1] = s, o[2] = p, o[3] = m, o[4] = h) : h = o[4];
+	let g;
+	o[5] !== d || o[6] !== c || o[7] !== f ? (g = () => {
+		d && f(null), c?.();
+	}, o[5] = d, o[6] = c, o[7] = f, o[8] = g) : g = o[8];
+	let _;
+	return o[9] !== h || o[10] !== g ? (_ = /* @__PURE__ */ i("div", {
+		className: h,
+		onClick: g
+	}), o[9] = h, o[10] = g, o[11] = _) : _ = o[11], _;
 }
+//#endregion
+export { a as InWidgetDrawerOverlay };
 
-export { InWidgetDrawerOverlay };
-//# sourceMappingURL=Overlay.js.map
+//# sourceMappingURL=Overlay.js.map

package/dist/components/widget/Drawer/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","sources":["../../../../src/components/widget/Drawer/Overlay.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { openDrawerAtom } from \"./state/useDrawerControls\";\nimport { useSetAtom } from \"@/core/store\";\n\ntype DrawerOverlayProps = {\n  open: boolean;\n  onClick?: () => void;\n  closeDrawerOnClick?: boolean;\n  className?: string;\n};\n// Used when Partial Drawer is open,\n// darkens the Widget in the background,\n// onClick closes the Partial Drawer\nexport function InWidgetDrawerOverlay({\n  open,\n  onClick,\n  closeDrawerOnClick = true,\n  className,\n}: DrawerOverlayProps) {\n  const setOpenDrawer = useSetAtom(openDrawerAtom);\n\n  return (\n    <div\n      className={cn(\n        \"absolute inset-0 bg-gray-900 z-10 transition-opacity duration-300 rounded-xxl\",\n        {\n          \"opacity-0\": !open,\n          \"opacity-75\": open,\n          // allow clicking through when no drawer is open\n          \"pointer-events-none\": !open,\n        },\n        className\n      )}\n      onClick={() => {\n        if (closeDrawerOnClick) {\n          setOpenDrawer(null);\n        }\n        onClick?.();\n      }}\n    />\n  );\n}\n"],"names":["InWidgetDrawerOverlay","t0","$","_c","open","onClick","closeDrawerOnClick","t1","className","undefined","setOpenDrawer","useSetAtom","openDrawerAtom","t2","t3","t4","cn","t5","t6"],"mappings":";;;;;;AAaO,SAAAA,sBAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAA+B,EAAA,MAAA;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,kBAAAA,EAAAC,EAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAP,EAAAA;AAGpC,EAAA,MAAAK,kBAAAA,GAAAC,EAAAA,KAAAE,MAAAA,GAAA,IAAA,GAAAF,EAAAA;AAGA,EAAA,MAAAG,aAAAA,GAAsBC,WAAWC,cAAc,CAAA;AAO1B,EAAA,MAAAC,MAACT,IAAAA;AAGS,EAAA,MAAAU,MAACV,IAAAA;AAAI,EAAA,IAAAW,EAAAA;AAAA,EAAA,IAAAb,CAAAA,CAAA,CAAA,CAAA,KAAAM,SAAAA,IAAAN,EAAA,CAAA,CAAA,KAAAE,IAAAA,IAAAF,CAAAA,CAAA,CAAA,CAAA,KAAAW,EAAAA,IAAAX,CAAAA,QAAAY,EAAAA,EAAA;AANrBC,IAAAA,EAAAA,GAAAC,GACT,+EAAA,EACA;AAAA,MAAA,WAAA,EACeH,EAAAA;AAAAA,MAAK,YAAA,EACJT,IAAAA;AAAAA,MAAI,qBAAA,EAEKU;AAAAA,OAEzBN,SACF,CAAA;AAACN,IAAAA,CAAAA,MAAAM,SAAAA;AAAAN,IAAAA,CAAAA,MAAAE,IAAAA;AAAAF,IAAAA,CAAAA,MAAAW,EAAAA;AAAAX,IAAAA,CAAAA,MAAAY,EAAAA;AAAAZ,IAAAA,CAAAA,MAAAa,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAb,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAe,EAAAA;AAAA,EAAA,IAAAf,CAAAA,CAAA,CAAA,CAAA,KAAAI,kBAAAA,IAAAJ,CAAAA,QAAAG,OAAAA,IAAAH,CAAAA,CAAA,CAAA,CAAA,KAAAQ,aAAAA,EAAA;AACQO,IAAAA,EAAAA,GAAAA,MAAA;AACP,MAAA,IAAIX,kBAAAA,EAAkB;AACpBI,QAAAA,aAAAA,CAAc,IAAI,CAAA;AAAA,MAAC;AAErBL,MAAAA,OAAAA,IAAU;AAAA,IAAC,CAAA;AACZH,IAAAA,CAAAA,MAAAI,kBAAAA;AAAAJ,IAAAA,CAAAA,MAAAG,OAAAA;AAAAH,IAAAA,CAAAA,MAAAQ,aAAAA;AAAAR,IAAAA,CAAAA,MAAAe,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAf,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAgB,EAAAA;AAAA,EAAA,IAAAhB,EAAA,CAAA,CAAA,KAAAa,MAAAb,CAAAA,SAAAe,EAAAA,EAAA;AAhBHC,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EACa,SAAA,EAAAH,EAAAA,EAUF,SAAAE,EAAAA,EAKR,CAAA;AACDf,IAAAA,CAAAA,MAAAa,EAAAA;AAAAb,IAAAA,CAAAA,OAAAe,EAAAA;AAAAf,IAAAA,CAAAA,OAAAgB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAhB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAjBFgB,EAAAA;AAiBE;;;;"}
+{"version":3,"file":"Overlay.js","names":["cn","openDrawerAtom","useSetAtom","DrawerOverlayProps","open","onClick","closeDrawerOnClick","className","InWidgetDrawerOverlay","t0","$","_c","t1","undefined","setOpenDrawer","t2","t3","t4","t5","t6"],"sources":["../../../../src/components/widget/Drawer/Overlay.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { openDrawerAtom } from \"./state/useDrawerControls\";\nimport { useSetAtom } from \"@/core/store\";\n\ntype DrawerOverlayProps = {\n  open: boolean;\n  onClick?: () => void;\n  closeDrawerOnClick?: boolean;\n  className?: string;\n};\n// Used when Partial Drawer is open,\n// darkens the Widget in the background,\n// onClick closes the Partial Drawer\nexport function InWidgetDrawerOverlay({\n  open,\n  onClick,\n  closeDrawerOnClick = true,\n  className,\n}: DrawerOverlayProps) {\n  const setOpenDrawer = useSetAtom(openDrawerAtom);\n\n  return (\n    <div\n      className={cn(\n        \"absolute inset-0 bg-gray-900 z-10 transition-opacity duration-300 rounded-xxl\",\n        {\n          \"opacity-0\": !open,\n          \"opacity-75\": open,\n          // allow clicking through when no drawer is open\n          \"pointer-events-none\": !open,\n        },\n        className\n      )}\n      onClick={() => {\n        if (closeDrawerOnClick) {\n          setOpenDrawer(null);\n        }\n        onClick?.();\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;AAaA,SAAOQ,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAA+B,EAAAP,SAAAC,YAAAC,oBAAAM,GAAAL,iBAAAE,GAGpCH,IAAAM,MAAAC,KAAAA,IAAA,KAAAD,GAGAE,IAAsBZ,EAAWD,EAAe,EAO3Bc,IAAA,CAACX,GAGSY,IAAA,CAACZ,GAAIa;AAAA,CAAAP,EAAA,OAAAH,KAAAG,EAAA,OAAAN,KAAAM,EAAA,OAAAK,KAAAL,EAAA,OAAAM,KANrBC,IAAAjB,EACT,iFACA;EAAA,aACee;EAAK,cACJX;EAAI,uBAEKY;EACxB,EACDT,EACD,EAAAG,EAAA,KAAAH,GAAAG,EAAA,KAAAN,GAAAM,EAAA,KAAAK,GAAAL,EAAA,KAAAM,GAAAN,EAAA,KAAAO,KAAAA,IAAAP,EAAA;CAAA,IAAAQ;AAAA,CAAAR,EAAA,OAAAJ,KAAAI,EAAA,OAAAL,KAAAK,EAAA,OAAAI,KACQI,UAAA;AAIPb,EAHIC,KACFQ,EAAc,KAAK,EAErBT,KAAW;IACZK,EAAA,KAAAJ,GAAAI,EAAA,KAAAL,GAAAK,EAAA,KAAAI,GAAAJ,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAAA,IAAAS;AACD,QADCT,EAAA,OAAAO,KAAAP,EAAA,QAAAQ,KAhBHC,IAAA,kBAAA,OAAA;EACa,WAAAF;EAUF,SAAAC;EAMT,CAAA,EAAAR,EAAA,KAAAO,GAAAP,EAAA,MAAAQ,GAAAR,EAAA,MAAAS,KAAAA,IAAAT,EAAA,KAjBFS"}

package/dist/components/widget/Drawer/index.js

@@ -1,236 +1,100 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { d as distExports } from '../../../_virtual/index.js';
-import { DrawerHeader, DrawerTitle, DrawerClose, Drawer, DrawerDescription, DrawerPortal, DrawerContent } from '../../ui/drawer.js';
-import { useContainerAtom } from '../../../core/state/containerAtom.js';
-import { cn } from '../../../lib/utils/index.js';
-import { ArrowLeft, XIcon } from 'lucide-react';
-
-function ControlledDrawer(t0) {
-  const $ = distExports.c(44);
-  let _container;
-  let children;
-  let classes;
-  let closeButtonReplacement;
-  let description;
-  let onGoBack;
-  let props;
-  let showCloseButton;
-  let showGoBackButton;
-  let t1;
-  let t2;
-  let title;
-  if ($[0] !== t0) {
-    const {
-      children: t32,
-      container: t42,
-      title: t52,
-      description: t62,
-      showCloseButton: t72,
-      showGoBackButton: t82,
-      onGoBack: t92,
-      closeButtonReplacement: t102,
-      logger,
-      dismissible: t11,
-      scrollIntoView: t12,
-      classes: t13,
-      ...t14
-    } = t0;
-    children = t32;
-    _container = t42;
-    title = t52;
-    description = t62;
-    showCloseButton = t72;
-    showGoBackButton = t82;
-    onGoBack = t92;
-    closeButtonReplacement = t102;
-    t1 = t11;
-    t2 = t12;
-    classes = t13;
-    props = t14;
-    $[0] = t0;
-    $[1] = _container;
-    $[2] = children;
-    $[3] = classes;
-    $[4] = closeButtonReplacement;
-    $[5] = description;
-    $[6] = onGoBack;
-    $[7] = props;
-    $[8] = showCloseButton;
-    $[9] = showGoBackButton;
-    $[10] = t1;
-    $[11] = t2;
-    $[12] = title;
-  } else {
-    _container = $[1];
-    children = $[2];
-    classes = $[3];
-    closeButtonReplacement = $[4];
-    description = $[5];
-    onGoBack = $[6];
-    props = $[7];
-    showCloseButton = $[8];
-    showGoBackButton = $[9];
-    t1 = $[10];
-    t2 = $[11];
-    title = $[12];
-  }
-  const dismissible = t1 === void 0 ? false : t1;
-  const scrollIntoView = t2 === void 0 ? true : t2;
-  const drawerContainer = useContainerAtom();
-  const container = _container || drawerContainer;
-  const shouldShowHeader = !!(showGoBackButton || title || showCloseButton || closeButtonReplacement);
-  const t3 = classes?.content;
-  let t4;
-  if ($[13] !== t3) {
-    t4 = cn("absolute p-0 bg-contrast-8 dark:bg-contrast-1", t3);
-    $[13] = t3;
-    $[14] = t4;
-  } else {
-    t4 = $[14];
-  }
-  let t5;
-  if ($[15] !== drawerContainer || $[16] !== props) {
-    t5 = () => {
-      if (drawerContainer && !props.open) {
-        restoreContainer.onAnimationStart(drawerContainer);
-      }
-    };
-    $[15] = drawerContainer;
-    $[16] = props;
-    $[17] = t5;
-  } else {
-    t5 = $[17];
-  }
-  let t6;
-  if ($[18] !== drawerContainer || $[19] !== props || $[20] !== scrollIntoView) {
-    t6 = (event) => {
-      if (drawerContainer) {
-        maybeMoveIntoPage({
-          element: event.currentTarget,
-          open: props.open,
-          drawerContainer
-        });
-        restoreContainer.onAnimationEnd(drawerContainer);
-      }
-      if (scrollIntoView && props.open) {
-        maybeScrollIntoView(event.currentTarget);
-      }
-    };
-    $[18] = drawerContainer;
-    $[19] = props;
-    $[20] = scrollIntoView;
-    $[21] = t6;
-  } else {
-    t6 = $[21];
-  }
-  let t7;
-  if ($[22] !== closeButtonReplacement || $[23] !== onGoBack || $[24] !== props || $[25] !== shouldShowHeader || $[26] !== showCloseButton || $[27] !== showGoBackButton || $[28] !== title) {
-    t7 = shouldShowHeader ? /* @__PURE__ */ jsx(DrawerHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs(DrawerTitle, { className: "flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7", children: [
-        showGoBackButton && /* @__PURE__ */ jsx(ArrowLeft, { className: "ring-offset-background cursor-pointer size-4 focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0", onClick: onGoBack || props.onClose }),
-        title
-      ] }),
-      closeButtonReplacement ?? (showCloseButton && /* @__PURE__ */ jsx(DrawerClose, { className: "ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", onClick: props.onClose, children: /* @__PURE__ */ jsx(XIcon, {}) }))
-    ] }) }) : /* @__PURE__ */ jsx(DrawerTitle, { className: "sr-only" });
-    $[22] = closeButtonReplacement;
-    $[23] = onGoBack;
-    $[24] = props;
-    $[25] = shouldShowHeader;
-    $[26] = showCloseButton;
-    $[27] = showGoBackButton;
-    $[28] = title;
-    $[29] = t7;
-  } else {
-    t7 = $[29];
-  }
-  let t8;
-  if ($[30] !== description) {
-    t8 = /* @__PURE__ */ jsx(DrawerDescription, { children: description });
-    $[30] = description;
-    $[31] = t8;
-  } else {
-    t8 = $[31];
-  }
-  let t9;
-  if ($[32] !== children || $[33] !== t4 || $[34] !== t5 || $[35] !== t6 || $[36] !== t7 || $[37] !== t8) {
-    t9 = /* @__PURE__ */ jsx(DrawerPortal, { children: /* @__PURE__ */ jsxs(DrawerContent, { className: t4, onAnimationStart: t5, onAnimationEnd: t6, children: [
-      t7,
-      t8,
-      children
-    ] }) });
-    $[32] = children;
-    $[33] = t4;
-    $[34] = t5;
-    $[35] = t6;
-    $[36] = t7;
-    $[37] = t8;
-    $[38] = t9;
-  } else {
-    t9 = $[38];
-  }
-  let t10;
-  if ($[39] !== container || $[40] !== dismissible || $[41] !== props || $[42] !== t9) {
-    t10 = /* @__PURE__ */ jsx(Drawer, { ...props, container, dismissible, modal: false, children: t9 });
-    $[39] = container;
-    $[40] = dismissible;
-    $[41] = props;
-    $[42] = t9;
-    $[43] = t10;
-  } else {
-    t10 = $[43];
-  }
-  return t10;
+import { cn as e } from "../../../lib/utils/index.js";
+import { useContainerAtom as t } from "../../../core/state/containerAtom.js";
+import { Drawer as n, DrawerClose as r, DrawerContent as i, DrawerDescription as a, DrawerHeader as o, DrawerPortal as s, DrawerTitle as c } from "../../ui/drawer.js";
+import { c as l } from "react-compiler-runtime";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { ArrowLeft as f, XIcon as p } from "lucide-react";
+//#region src/components/widget/Drawer/index.tsx
+function m(m) {
+	let h = l(44), _, b, x, S, C, w, T, E, D, O, k, A;
+	if (h[0] !== m) {
+		let { children: e, container: t, title: n, description: r, showCloseButton: i, showGoBackButton: a, onGoBack: o, closeButtonReplacement: s, logger: c, dismissible: l, scrollIntoView: u, classes: d, ...f } = m;
+		b = e, _ = t, A = n, C = r, E = i, D = a, w = o, S = s, O = l, k = u, x = d, T = f, h[0] = m, h[1] = _, h[2] = b, h[3] = x, h[4] = S, h[5] = C, h[6] = w, h[7] = T, h[8] = E, h[9] = D, h[10] = O, h[11] = k, h[12] = A;
+	} else _ = h[1], b = h[2], x = h[3], S = h[4], C = h[5], w = h[6], T = h[7], E = h[8], D = h[9], O = h[10], k = h[11], A = h[12];
+	let j = O === void 0 ? !1 : O, M = k === void 0 ? !0 : k, N = t(), P = _ || N, F = !!(D || A || E || S), I = x?.content, L;
+	h[13] === I ? L = h[14] : (L = e("absolute p-0 bg-contrast-8 dark:bg-contrast-1", I), h[13] = I, h[14] = L);
+	let R;
+	h[15] !== N || h[16] !== T ? (R = () => {
+		N && !T.open && y.onAnimationStart(N);
+	}, h[15] = N, h[16] = T, h[17] = R) : R = h[17];
+	let z;
+	h[18] !== N || h[19] !== T || h[20] !== M ? (z = (e) => {
+		N && (g({
+			element: e.currentTarget,
+			open: T.open,
+			drawerContainer: N
+		}), y.onAnimationEnd(N)), M && T.open && v(e.currentTarget);
+	}, h[18] = N, h[19] = T, h[20] = M, h[21] = z) : z = h[21];
+	let B;
+	h[22] !== S || h[23] !== w || h[24] !== T || h[25] !== F || h[26] !== E || h[27] !== D || h[28] !== A ? (B = F ? /* @__PURE__ */ u(o, { children: /* @__PURE__ */ d("div", {
+		className: "flex items-center justify-between",
+		children: [/* @__PURE__ */ d(c, {
+			className: "flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7",
+			children: [D && /* @__PURE__ */ u(f, {
+				className: "ring-offset-background cursor-pointer size-4 focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0",
+				onClick: w || T.onClose
+			}), A]
+		}), S ?? (E && /* @__PURE__ */ u(r, {
+			className: "ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+			onClick: T.onClose,
+			children: /* @__PURE__ */ u(p, {})
+		}))]
+	}) }) : /* @__PURE__ */ u(c, { className: "sr-only" }), h[22] = S, h[23] = w, h[24] = T, h[25] = F, h[26] = E, h[27] = D, h[28] = A, h[29] = B) : B = h[29];
+	let V;
+	h[30] === C ? V = h[31] : (V = /* @__PURE__ */ u(a, { children: C }), h[30] = C, h[31] = V);
+	let H;
+	h[32] !== b || h[33] !== L || h[34] !== R || h[35] !== z || h[36] !== B || h[37] !== V ? (H = /* @__PURE__ */ u(s, { children: /* @__PURE__ */ d(i, {
+		className: L,
+		onAnimationStart: R,
+		onAnimationEnd: z,
+		children: [
+			B,
+			V,
+			b
+		]
+	}) }), h[32] = b, h[33] = L, h[34] = R, h[35] = z, h[36] = B, h[37] = V, h[38] = H) : H = h[38];
+	let U;
+	return h[39] !== P || h[40] !== j || h[41] !== T || h[42] !== H ? (U = /* @__PURE__ */ u(n, {
+		...T,
+		container: P,
+		dismissible: j,
+		modal: !1,
+		children: H
+	}), h[39] = P, h[40] = j, h[41] = T, h[42] = H, h[43] = U) : U = h[43], U;
 }
-function isElementAbovePage(element) {
-  const rect = element.getBoundingClientRect();
-  const diff = Math.ceil(rect.top + window.scrollY);
-  const isAbove = diff < 0;
-  const overlap = isAbove ? Math.abs(diff) : 0;
-  return {
-    overlap,
-    isAbove
-  };
+function h(e) {
+	let t = e.getBoundingClientRect(), n = Math.ceil(t.top + window.scrollY), r = n < 0;
+	return {
+		overlap: r ? Math.abs(n) : 0,
+		isAbove: r
+	};
 }
-function maybeMoveIntoPage({
-  element,
-  open,
-  drawerContainer
-}) {
-  if (open) {
-    const {
-      isAbove,
-      overlap
-    } = isElementAbovePage(element);
-    if (isAbove) {
-      drawerContainer.style.translate = `0 ${overlap}px`;
-    }
-  } else {
-    drawerContainer.style.translate = "";
-  }
+function g({ element: e, open: t, drawerContainer: n }) {
+	if (t) {
+		let { isAbove: t, overlap: r } = h(e);
+		t && (n.style.translate = `0 ${r}px`);
+	} else n.style.translate = "";
 }
-function isElementVisibleInViewport(element) {
-  const rect = element.getBoundingClientRect();
-  return rect.top <= window.innerHeight && rect.bottom >= 0 && rect.left <= window.innerWidth && rect.right >= 0;
+function _(e) {
+	let t = e.getBoundingClientRect();
+	return t.top <= window.innerHeight && t.bottom >= 0 && t.left <= window.innerWidth && t.right >= 0;
 }
-function maybeScrollIntoView(element) {
-  if (isElementVisibleInViewport(element)) {
-    return;
-  }
-  element.scrollIntoView({
-    behavior: "smooth",
-    block: "nearest",
-    inline: "nearest"
-  });
+function v(e) {
+	_(e) || e.scrollIntoView({
+		behavior: "smooth",
+		block: "nearest",
+		inline: "nearest"
+	});
 }
-const restoreContainer = {
-  onAnimationStart: (drawerContainer) => {
-    drawerContainer.style.translate = "";
-    drawerContainer.style.transition = "none";
-  },
-  onAnimationEnd: (drawerContainer) => {
-    drawerContainer.style.transition = "";
-  }
+var y = {
+	onAnimationStart: (e) => {
+		e.style.translate = "", e.style.transition = "none";
+	},
+	onAnimationEnd: (e) => {
+		e.style.transition = "";
+	}
 };
+//#endregion
+export { m as ControlledDrawer };
 
-export { ControlledDrawer };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/widget/Drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/widget/Drawer/index.tsx"],"sourcesContent":["import {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerPortal,\n  DrawerDescription,\n} from \"@/components/ui/drawer\";\nimport { useContainerAtom } from \"@/core/state/containerAtom\";\nimport { cn } from \"@/lib/utils\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { XIcon, ArrowLeft } from \"lucide-react\";\n\ntype ControlledDrawerProps = React.ComponentProps<typeof Drawer> & {\n  open: boolean;\n  children?: React.ReactNode;\n  container?: HTMLElement | null;\n  title?: string;\n  description?: string;\n  showGoBackButton?: boolean;\n  onGoBack?: () => void;\n  showCloseButton?: boolean;\n  logger?: LoggerInstance;\n  closeButtonReplacement?: React.ReactNode;\n  scrollIntoView?: boolean;\n} & WithClasses<\"content\">;\n\nexport function ControlledDrawer({\n  children,\n  container: _container,\n  title,\n  description,\n  showCloseButton,\n  showGoBackButton,\n  onGoBack,\n  closeButtonReplacement,\n  logger,\n  dismissible = false,\n  scrollIntoView = true, // If Drawer Opened offscreen, scroll into view\n  classes,\n  ...props\n}: ControlledDrawerProps) {\n  const drawerContainer = useContainerAtom();\n  const container = _container || drawerContainer;\n\n  const shouldShowHeader = !!(\n    showGoBackButton ||\n    title ||\n    showCloseButton ||\n    closeButtonReplacement\n  );\n\n  return (\n    <Drawer\n      {...props}\n      container={container}\n      dismissible={dismissible}\n      modal={false}\n    >\n      <DrawerPortal>\n        <DrawerContent\n          className={cn(\n            \"absolute p-0 bg-contrast-8 dark:bg-contrast-1\",\n            classes?.content\n          )}\n          onAnimationStart={() => {\n            if (drawerContainer && !props.open) {\n              // restore container to bottom\n              restoreContainer.onAnimationStart(drawerContainer);\n            }\n          }}\n          onAnimationEnd={(event) => {\n            if (drawerContainer) {\n              maybeMoveIntoPage({\n                element: event.currentTarget,\n                open: props.open,\n                drawerContainer,\n              });\n              // restore normal transition if it was set to none\n              restoreContainer.onAnimationEnd(drawerContainer);\n            }\n\n            // only after animated to Open state to prevent jiggle\n            if (scrollIntoView && props.open) {\n              // On short screens a Drawer may open offscreen and not be noticable\n              maybeScrollIntoView(event.currentTarget);\n            }\n          }}\n        >\n          {shouldShowHeader ? (\n            <DrawerHeader>\n              <div className=\"flex items-center justify-between\">\n                <DrawerTitle className=\"flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7\">\n                  {showGoBackButton && (\n                    <ArrowLeft\n                      className=\"ring-offset-background cursor-pointer size-4 focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0\"\n                      onClick={onGoBack || props.onClose}\n                    />\n                  )}\n                  {title}\n                </DrawerTitle>\n                {closeButtonReplacement ??\n                  (showCloseButton && (\n                    <DrawerClose\n                      className=\"ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n                      onClick={props.onClose}\n                    >\n                      <XIcon />\n                    </DrawerClose>\n                  ))}\n              </div>\n            </DrawerHeader>\n          ) : (\n            // workaround to avoid \"DialogContent requires a DialogTitle for the component to be accessible for screen reader users\"\n            // error if !shouldShowHeader\n            <DrawerTitle className=\"sr-only\" />\n          )}\n          <DrawerDescription>{description}</DrawerDescription>\n          {children}\n        </DrawerContent>\n      </DrawerPortal>\n    </Drawer>\n  );\n}\n\n// Helper function to check if an element is above the page (not viewport)\nfunction isElementAbovePage(element: Element) {\n  const rect = element.getBoundingClientRect();\n  const diff = Math.ceil(rect.top + window.scrollY);\n  const isAbove = diff < 0;\n  const overlap = isAbove ? Math.abs(diff) : 0;\n  return {\n    overlap,\n    isAbove,\n  };\n}\n\ntype MaybeMoveIntoPageProps = {\n  element: Element;\n  open: boolean;\n  drawerContainer: HTMLElement;\n};\n\nfunction maybeMoveIntoPage({\n  element,\n  open,\n  drawerContainer,\n}: MaybeMoveIntoPageProps) {\n  if (open) {\n    const { isAbove, overlap } = isElementAbovePage(element);\n    if (isAbove) {\n      drawerContainer.style.translate = `0 ${overlap}px`;\n    }\n  } else {\n    drawerContainer.style.translate = \"\";\n  }\n}\n\n// Helper function to check if an element is visible in the viewport\nfunction isElementVisibleInViewport(element: Element): boolean {\n  const rect = element.getBoundingClientRect();\n\n  return (\n    rect.top <= window.innerHeight &&\n    rect.bottom >= 0 &&\n    rect.left <= window.innerWidth &&\n    rect.right >= 0\n  );\n}\n\nfunction maybeScrollIntoView(element: Element) {\n  if (isElementVisibleInViewport(element)) {\n    return;\n  }\n  element.scrollIntoView({\n    behavior: \"smooth\",\n    block: \"nearest\",\n    inline: \"nearest\",\n  });\n}\n\nconst restoreContainer = {\n  onAnimationStart: (drawerContainer: HTMLElement) => {\n    // restore container to bottom\n    drawerContainer.style.translate = \"\";\n    // set transition to snap container to bottom, looks better when not animated, because drawer is already closing\n    drawerContainer.style.transition = \"none\";\n  },\n  onAnimationEnd: (drawerContainer: HTMLElement) => {\n    // restore normal transition if it was set to none\n    drawerContainer.style.transition = \"\";\n  },\n};\n"],"names":["ControlledDrawer","t0","$","_c","_container","children","classes","closeButtonReplacement","description","onGoBack","props","showCloseButton","showGoBackButton","t1","t2","title","t3","container","t4","t5","t6","t7","t8","t9","t10","logger","dismissible","t11","scrollIntoView","t12","t13","t14","undefined","drawerContainer","useContainerAtom","shouldShowHeader","content","cn","open","restoreContainer","onAnimationStart","event","maybeMoveIntoPage","element","currentTarget","onAnimationEnd","maybeScrollIntoView","onClose","isElementAbovePage","rect","getBoundingClientRect","diff","Math","ceil","top","window","scrollY","isAbove","overlap","abs","style","translate","isElementVisibleInViewport","innerHeight","bottom","left","innerWidth","right","behavior","block","inline","transition"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["Drawer","DrawerClose","DrawerContent","DrawerHeader","DrawerTitle","DrawerPortal","DrawerDescription","useContainerAtom","cn","LoggerInstance","WithClasses","XIcon","ArrowLeft","ControlledDrawerProps","React","ComponentProps","open","children","ReactNode","container","HTMLElement","title","description","showGoBackButton","onGoBack","showCloseButton","logger","closeButtonReplacement","scrollIntoView","ControlledDrawer","t0","$","_c","_container","classes","props","t1","t2","t3","t4","t5","t6","t7","t8","t9","t10","dismissible","t11","t12","t13","t14","undefined","drawerContainer","shouldShowHeader","content","restoreContainer","onAnimationStart","event","maybeMoveIntoPage","element","currentTarget","onAnimationEnd","maybeScrollIntoView","onClose","isElementAbovePage","Element","rect","getBoundingClientRect","diff","Math","ceil","top","window","scrollY","isAbove","overlap","abs","MaybeMoveIntoPageProps","style","translate","isElementVisibleInViewport","innerHeight","bottom","left","innerWidth","right","behavior","block","inline","transition"],"sources":["../../../../src/components/widget/Drawer/index.tsx"],"sourcesContent":["import {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerPortal,\n  DrawerDescription,\n} from \"@/components/ui/drawer\";\nimport { useContainerAtom } from \"@/core/state/containerAtom\";\nimport { cn } from \"@/lib/utils\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { XIcon, ArrowLeft } from \"lucide-react\";\n\ntype ControlledDrawerProps = React.ComponentProps<typeof Drawer> & {\n  open: boolean;\n  children?: React.ReactNode;\n  container?: HTMLElement | null;\n  title?: string;\n  description?: string;\n  showGoBackButton?: boolean;\n  onGoBack?: () => void;\n  showCloseButton?: boolean;\n  logger?: LoggerInstance;\n  closeButtonReplacement?: React.ReactNode;\n  scrollIntoView?: boolean;\n} & WithClasses<\"content\">;\n\nexport function ControlledDrawer({\n  children,\n  container: _container,\n  title,\n  description,\n  showCloseButton,\n  showGoBackButton,\n  onGoBack,\n  closeButtonReplacement,\n  logger,\n  dismissible = false,\n  scrollIntoView = true, // If Drawer Opened offscreen, scroll into view\n  classes,\n  ...props\n}: ControlledDrawerProps) {\n  const drawerContainer = useContainerAtom();\n  const container = _container || drawerContainer;\n\n  const shouldShowHeader = !!(\n    showGoBackButton ||\n    title ||\n    showCloseButton ||\n    closeButtonReplacement\n  );\n\n  return (\n    <Drawer\n      {...props}\n      container={container}\n      dismissible={dismissible}\n      modal={false}\n    >\n      <DrawerPortal>\n        <DrawerContent\n          className={cn(\n            \"absolute p-0 bg-contrast-8 dark:bg-contrast-1\",\n            classes?.content\n          )}\n          onAnimationStart={() => {\n            if (drawerContainer && !props.open) {\n              // restore container to bottom\n              restoreContainer.onAnimationStart(drawerContainer);\n            }\n          }}\n          onAnimationEnd={(event) => {\n            if (drawerContainer) {\n              maybeMoveIntoPage({\n                element: event.currentTarget,\n                open: props.open,\n                drawerContainer,\n              });\n              // restore normal transition if it was set to none\n              restoreContainer.onAnimationEnd(drawerContainer);\n            }\n\n            // only after animated to Open state to prevent jiggle\n            if (scrollIntoView && props.open) {\n              // On short screens a Drawer may open offscreen and not be noticable\n              maybeScrollIntoView(event.currentTarget);\n            }\n          }}\n        >\n          {shouldShowHeader ? (\n            <DrawerHeader>\n              <div className=\"flex items-center justify-between\">\n                <DrawerTitle className=\"flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7\">\n                  {showGoBackButton && (\n                    <ArrowLeft\n                      className=\"ring-offset-background cursor-pointer size-4 focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0\"\n                      onClick={onGoBack || props.onClose}\n                    />\n                  )}\n                  {title}\n                </DrawerTitle>\n                {closeButtonReplacement ??\n                  (showCloseButton && (\n                    <DrawerClose\n                      className=\"ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n                      onClick={props.onClose}\n                    >\n                      <XIcon />\n                    </DrawerClose>\n                  ))}\n              </div>\n            </DrawerHeader>\n          ) : (\n            // workaround to avoid \"DialogContent requires a DialogTitle for the component to be accessible for screen reader users\"\n            // error if !shouldShowHeader\n            <DrawerTitle className=\"sr-only\" />\n          )}\n          <DrawerDescription>{description}</DrawerDescription>\n          {children}\n        </DrawerContent>\n      </DrawerPortal>\n    </Drawer>\n  );\n}\n\n// Helper function to check if an element is above the page (not viewport)\nfunction isElementAbovePage(element: Element) {\n  const rect = element.getBoundingClientRect();\n  const diff = Math.ceil(rect.top + window.scrollY);\n  const isAbove = diff < 0;\n  const overlap = isAbove ? Math.abs(diff) : 0;\n  return {\n    overlap,\n    isAbove,\n  };\n}\n\ntype MaybeMoveIntoPageProps = {\n  element: Element;\n  open: boolean;\n  drawerContainer: HTMLElement;\n};\n\nfunction maybeMoveIntoPage({\n  element,\n  open,\n  drawerContainer,\n}: MaybeMoveIntoPageProps) {\n  if (open) {\n    const { isAbove, overlap } = isElementAbovePage(element);\n    if (isAbove) {\n      drawerContainer.style.translate = `0 ${overlap}px`;\n    }\n  } else {\n    drawerContainer.style.translate = \"\";\n  }\n}\n\n// Helper function to check if an element is visible in the viewport\nfunction isElementVisibleInViewport(element: Element): boolean {\n  const rect = element.getBoundingClientRect();\n\n  return (\n    rect.top <= window.innerHeight &&\n    rect.bottom >= 0 &&\n    rect.left <= window.innerWidth &&\n    rect.right >= 0\n  );\n}\n\nfunction maybeScrollIntoView(element: Element) {\n  if (isElementVisibleInViewport(element)) {\n    return;\n  }\n  element.scrollIntoView({\n    behavior: \"smooth\",\n    block: \"nearest\",\n    inline: \"nearest\",\n  });\n}\n\nconst restoreContainer = {\n  onAnimationStart: (drawerContainer: HTMLElement) => {\n    // restore container to bottom\n    drawerContainer.style.translate = \"\";\n    // set transition to snap container to bottom, looks better when not animated, because drawer is already closing\n    drawerContainer.style.transition = \"none\";\n  },\n  onAnimationEnd: (drawerContainer: HTMLElement) => {\n    // restore normal transition if it was set to none\n    drawerContainer.style.transition = \"\";\n  },\n};\n"],"mappings":"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"}