@caspeco/casper-ui-library 5.5.0 → 5.5.1

package/dist/components/drawer/inline-drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inline-drawer.d.ts","sourceRoot":"","sources":["../../../lib/components/drawer/inline-drawer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAK3C,wBAAgB,YAAY,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,OAAO,EACP,UAAiB,EACjB,IAAW,EACX,MAAU,EACV,GAAG,KAAK,EACR,EAAE,WAAW,2CAsEb"}
+{"version":3,"file":"inline-drawer.d.ts","sourceRoot":"","sources":["../../../lib/components/drawer/inline-drawer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAK3C,wBAAgB,YAAY,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,OAAO,EACP,UAAiB,EACjB,IAAW,EACX,MAAU,EACV,GAAG,KAAK,EACR,EAAE,WAAW,2CA8Db"}

package/dist/components/drawer/inline-drawer.js

@@ -1,23 +1,23 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Box as x } from "@chakra-ui/react";
-import { useReducedMotion as y, motion as n } from "framer-motion";
-import { useRef as I, useMemo as S, useState as A } from "react";
-import { useInlineDrawerKeydown as M } from "./use-drawer-key-down.js";
-import { ThemeShadowVariable as R, ThemeColorVariable as s } from "../../theme/theme-types.js";
-const d = 0.3;
-function N({
-  children: u,
+import { jsx as t } from "react/jsx-runtime";
+import { Box as p } from "@chakra-ui/react";
+import { motion as a } from "framer-motion";
+import { useRef as x, useMemo as I, useState as y } from "react";
+import { useInlineDrawerKeydown as S } from "./use-drawer-key-down.js";
+import { ThemeShadowVariable as A, ThemeColorVariable as i } from "../../theme/theme-types.js";
+const n = 0.3;
+function M({
+  children: s,
   isOpen: e,
-  onClose: l,
-  closeOnEsc: c = !0,
-  size: r = "xs",
-  zIndex: m = 1,
-  ...h
+  onClose: d,
+  closeOnEsc: m = !0,
+  size: o = "xs",
+  zIndex: u = 1,
+  ...l
 }) {
-  const f = I(null);
-  M({ isOpen: e, onClose: l, closeOnEsc: c });
-  const w = S(() => {
-    switch (r) {
+  const c = x(null);
+  S({ isOpen: e, onClose: d, closeOnEsc: m });
+  const h = I(() => {
+    switch (o) {
       case "xs":
         return 320;
       case "sm":
@@ -31,44 +31,43 @@ function N({
       default:
         return 320;
     }
-  }, [r]), [p, i] = A(!e), a = y();
-  let t;
-  return e ? t = a ? { opacity: 1 } : { width: w } : t = a ? { opacity: 0 } : { width: 0 }, /* @__PURE__ */ o(
-    n.aside,
+  }, [o]), [f, r] = y(!e), w = { width: e ? h : 0 };
+  return /* @__PURE__ */ t(
+    a.aside,
     {
-      ref: f,
-      hidden: p,
+      ref: c,
+      hidden: f,
       initial: !1,
-      onAnimationStart: () => i(!1),
-      onAnimationComplete: () => i(!e),
-      animate: t,
+      onAnimationStart: () => r(!1),
+      onAnimationComplete: () => r(!e),
+      animate: w,
       transition: {
-        duration: d,
+        duration: n,
         ease: "easeInOut"
       },
       style: {
-        backgroundColor: s.Surface,
-        color: s.OnSurface,
+        backgroundColor: i.Surface,
+        color: i.OnSurface,
         overflow: "hidden",
-        boxShadow: R.Medium,
+        boxShadow: A.Medium,
         height: "100dvh",
         top: "0",
-        zIndex: m
+        zIndex: u
       },
-      children: /* @__PURE__ */ o(
-        n.div,
+      children: /* @__PURE__ */ t(
+        a.div,
         {
           initial: { opacity: 0 },
           animate: { opacity: e ? 1 : 0 },
           exit: { opacity: 0 },
-          transition: { duration: d, ease: "easeInOut" },
+          transition: { duration: n, ease: "easeInOut" },
           style: { height: "100%", width: "100%" },
-          children: /* @__PURE__ */ o(x, { h: "100%", w: "100%", overflowY: "auto", ...h, children: u })
+          children: /* @__PURE__ */ t(p, { h: "100%", w: "100%", overflowY: "auto", ...l, children: s })
         }
       )
     }
   );
 }
 export {
-  N as InlineDrawer
+  M as InlineDrawer
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@caspeco/casper-ui-library",
-	"version": "5.5.0",
+	"version": "5.5.1",
 	"prettier": "@caspeco/prettier-config",
 	"type": "module",
 	"sideEffects": false,