@konstructio/ui 0.1.2-alpha.68 → 0.1.2-alpha.69

package/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.2-alpha.68",
+  "version": "0.1.2-alpha.69",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -100,7 +100,7 @@
     "i18n-iso-countries": "^7.14.0",
     "js-cookie": "^3.0.5",
     "lucide-react": "^0.576.0",
-    "motion": "^12.34.3",
+    "motion": "^12.34.5",
     "react-chartjs-2": "^5.3.1",
     "react-day-picker": "^9.14.0",
     "react-feather": "^2.0.10",
@@ -173,7 +173,7 @@
     "jest-axe": "^10.0.0",
     "jsdom": "^28.1.0",
     "lodash": "^4.17.23",
-    "postcss": "^8.5.6",
+    "postcss": "^8.5.8",
     "prettier": "^3.8.1",
     "rimraf": "^6.1.3",
     "storybook": "^10.2.14",

package/dist/Modal-mwLmWbnA.js

@@ -1,115 +0,0 @@
-import { Body as R } from "./components/Modal/components/Body/Body.js";
-import { Footer as g } from "./components/Modal/components/Footer/Footer.js";
-import { Header as k } from "./components/Modal/components/Header/Header.js";
-import { jsx as n, jsxs as c, Fragment as v } from "react/jsx-runtime";
-import { Children as d, isValidElement as m, useRef as w, useState as A, useEffect as b } from "react";
-import { createPortal as F } from "react-dom";
-import { R as N } from "./index-BKjcReYh.js";
-import { R as x } from "./Combination-BtmnusWq.js";
-import { cn as h } from "./utils/index.js";
-import { buttonCloseVariants as B, modalVariants as C } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
-import { m as E } from "./proxy-BIRlSMN_.js";
-import { X as H } from "./x-Eoa9FJjA.js";
-const V = ({
-  buttonCloseClassName: l,
-  children: o,
-  className: s,
-  showCloseButton: i = !0,
-  theme: f,
-  onClose: a
-}) => {
-  const p = d.toArray(o).find(
-    (e) => m(e) && e.type === t.Header
-  ), u = d.toArray(o).find(
-    (e) => m(e) && e.type === t.Body
-  ), r = d.toArray(o).find(
-    (e) => m(e) && e.type === t.Footer
-  ), y = d.toArray(o).filter(
-    (e) => !m(e) || ![t.Header, t.Body, t.Footer].includes(
-      e.type
-    )
-  );
-  return /* @__PURE__ */ n(x, { children: /* @__PURE__ */ c(
-    "div",
-    {
-      className: "fixed inset-0 grid place-content-center",
-      "data-theme": f,
-      children: [
-        /* @__PURE__ */ n(
-          "div",
-          {
-            className: "absolute inset-0 bg-black opacity-70 dark:opacity-85 animate-in fade-in-0",
-            onClick: a,
-            role: "presentation"
-          }
-        ),
-        /* @__PURE__ */ c(
-          E.div,
-          {
-            className: h(
-              C({
-                className: s
-              })
-            ),
-            role: "dialog",
-            "aria-modal": "true",
-            layout: "size",
-            transition: { duration: 0.25, ease: "easeInOut" },
-            children: [
-              p,
-              i && /* @__PURE__ */ c(
-                "button",
-                {
-                  className: h(
-                    B({
-                      className: l
-                    })
-                  ),
-                  onClick: a,
-                  children: [
-                    /* @__PURE__ */ n(H, {}),
-                    /* @__PURE__ */ n(N, { children: "Dismiss modal" })
-                  ]
-                }
-              ),
-              u ?? y,
-              r
-            ]
-          }
-        )
-      ]
-    }
-  ) });
-}, t = ({ isOpen: l, onClose: o, container: s, theme: i, ...f }) => {
-  const a = w(null), [p, u] = A(
-    null
-  );
-  return b(() => {
-    if (!a.current || i || s)
-      return;
-    const r = a.current.closest("[data-theme]");
-    r && u(r);
-  }, [i, s]), b(() => {
-    const r = new AbortController(), y = (e) => {
-      e.code === "Escape" && o?.();
-    };
-    return window.addEventListener("keydown", y, {
-      signal: r.signal
-    }), () => {
-      r.abort();
-    };
-  }, [o]), /* @__PURE__ */ c(v, { children: [
-    /* @__PURE__ */ n("span", { ref: a, "data-testid": "modal-anchor", hidden: !0 }),
-    l && F(
-      /* @__PURE__ */ n(V, { ...f, theme: i, onClose: o }),
-      s || p || document.body
-    )
-  ] });
-};
-t.Header = k;
-t.Body = R;
-t.Footer = g;
-export {
-  t as M,
-  V as W
-};