@konstructio/ui 0.1.2-alpha.76 → 0.1.2-alpha.77

package/dist/utils/index.js

@@ -2913,9 +2913,7 @@ const je = (e, t) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Ao = /* @__PURE__ */ ro(Co), Ro = (...e) => Ao(Ee(e)), Io = (e, t) => e.filter(
-  (o) => o.toLocaleLowerCase().indexOf(t.toLocaleLowerCase()) > -1
-), Mo = !!(typeof window < "u" && window.document && window.document.createElement), Po = (e) => getComputedStyle(document.documentElement).getPropertyValue(e).trim() || e;
+}, Ao = /* @__PURE__ */ ro(Co), Ro = (...e) => Ao(Ee(e)), Io = (e, t) => e.filter((o) => o.toLocaleLowerCase().indexOf(t.toLocaleLowerCase()) > -1), Mo = !!(typeof window < "u" && window.document && window.document.createElement), Po = (e) => getComputedStyle(document.documentElement).getPropertyValue(e).trim() || e;
 export {
   Ro as cn,
   Io as filterByValue,

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.76",
+  "version": "0.1.2-alpha.77",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -88,7 +88,7 @@
     "@radix-ui/react-visually-hidden": "^1.2.4",
     "@react-input/mask": "^2.0.4",
     "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.13.21",
+    "@tanstack/react-virtual": "^3.13.23",
     "chart.js": "^4.5.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -100,7 +100,7 @@
     "i18n-iso-countries": "^7.14.0",
     "js-cookie": "^3.0.5",
     "lucide-react": "^0.577.0",
-    "motion": "^12.35.2",
+    "motion": "^12.37.0",
     "react-chartjs-2": "^5.3.1",
     "react-day-picker": "^9.14.0",
     "react-feather": "^2.0.10",
@@ -143,9 +143,9 @@
   "devDependencies": {
     "@faker-js/faker": "^10.3.0",
     "@rollup/plugin-alias": "^6.0.0",
-    "@storybook/addon-docs": "^10.2.17",
-    "@storybook/addon-links": "^10.2.17",
-    "@storybook/react-vite": "^10.2.17",
+    "@storybook/addon-docs": "^10.2.19",
+    "@storybook/addon-links": "^10.2.19",
+    "@storybook/react-vite": "^10.2.19",
     "@tailwindcss/vite": "^4.2.1",
     "@tanstack/react-query": "^5.90.21",
     "@testing-library/jest-dom": "^6.9.1",
@@ -160,32 +160,33 @@
     "@typescript-eslint/eslint-plugin": "^8.57.0",
     "@typescript-eslint/parser": "^8.57.0",
     "@vitejs/plugin-react": "^5.1.4",
-    "@vitest/coverage-v8": "^4.0.18",
+    "@vitest/coverage-v8": "^4.1.0",
     "autoprefixer": "^10.4.27",
     "eslint": "^9.39.3",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.5.2",
-    "eslint-plugin-storybook": "^10.2.17",
+    "eslint-plugin-storybook": "^10.2.19",
     "eslint-plugin-vitest": "^0.5.4",
     "glob": "^13.0.6",
     "husky": "^9.1.7",
     "jest-axe": "^10.0.0",
-    "jsdom": "^28.1.0",
+    "jsdom": "^29.0.0",
     "lodash": "^4.17.23",
     "postcss": "^8.5.8",
     "prettier": "^3.8.1",
     "rimraf": "^6.1.3",
-    "storybook": "^10.2.17",
+    "storybook": "^10.2.19",
     "tailwindcss": "^4.2.1",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.3",
+    "babel-plugin-react-compiler": "^1.0.0",
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-plugin-svgr": "^4.5.0",
     "vite-tsconfig-paths": "^6.1.1",
-    "vitest": "^4.0.18"
+    "vitest": "^4.1.0"
   },
   "overrides": {
     "storybook": "$storybook"

package/dist/AdditionalOptions-C2FDVZhu.js

@@ -1,45 +0,0 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { S as n } from "./index-BvoZGpli.js";
-import { Fragment as p } from "react";
-import { cn as c } from "./utils/index.js";
-import { listGroupLabelVariants as m } from "./components/Select/components/List/List.variants.js";
-import { additionalOptionSlotClassName as l } from "./components/Select/components/AdditionalOptions/AdditionalOptions.variants.js";
-import { useSelectContext as u } from "./components/Select/contexts/select.hook.js";
-const N = (o) => "groupLabel" in o, d = (o) => typeof o == "object" && o !== null && "groupLabel" in o && "options" in o, S = ({ additionalOptions: o }) => {
-  const { toggleOpen: i } = u();
-  return o?.length ? d(o[0]) ? o.map((r) => /* @__PURE__ */ s(p, { children: [
-    /* @__PURE__ */ t(
-      "li",
-      {
-        role: "presentation",
-        "aria-hidden": "true",
-        "data-action": "true",
-        className: c(m()),
-        children: r.groupLabel
-      }
-    ),
-    r.options.map((e, a) => /* @__PURE__ */ t(
-      "li",
-      {
-        role: "option",
-        "data-action": "true",
-        onClick: () => i(!1),
-        children: /* @__PURE__ */ t(n, { className: l, children: e })
-      },
-      a
-    ))
-  ] }, r.groupLabel)) : o.map((r, e) => /* @__PURE__ */ t(
-    "li",
-    {
-      role: "option",
-      "data-action": "true",
-      onClick: () => i(!1),
-      children: /* @__PURE__ */ t(n, { className: l, children: r })
-    },
-    e
-  )) : null;
-};
-export {
-  S as A,
-  N as i
-};

package/dist/Modal-BTOXCb0Y.js

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

package/dist/index-C7zAY3xv.js

@@ -1,139 +0,0 @@
-import { jsx as i, Fragment as O, jsxs as w } from "react/jsx-runtime";
-import * as l from "react";
-import { forwardRef as I } from "react";
-import { c as x, b as M } from "./index--l0zux8V.js";
-import { u } from "./index-DLcqcWxM.js";
-import { T as L, c as A, R as $, P as F, O as B, W as G, C as W, d as j, e as Y, b as f } from "./index-DWyM654o.js";
-import { Button as k } from "./components/Button/Button.js";
-import { cn as q } from "./utils/index.js";
-var H = /* @__PURE__ */ Symbol("radix.slottable");
-// @__NO_SIDE_EFFECTS__
-function V(r) {
-  const e = ({ children: o }) => /* @__PURE__ */ i(O, { children: o });
-  return e.displayName = `${r}.Slottable`, e.__radixId = H, e;
-}
-var v = "AlertDialog", [z] = M(v, [
-  A
-]), s = A(), m = (r) => {
-  const { __scopeAlertDialog: e, ...o } = r, t = s(e);
-  return /* @__PURE__ */ i($, { ...t, ...o, modal: !0 });
-};
-m.displayName = v;
-var J = "AlertDialogTrigger", D = l.forwardRef(
-  (r, e) => {
-    const { __scopeAlertDialog: o, ...t } = r, a = s(o);
-    return /* @__PURE__ */ i(L, { ...a, ...t, ref: e });
-  }
-);
-D.displayName = J;
-var K = "AlertDialogPortal", _ = (r) => {
-  const { __scopeAlertDialog: e, ...o } = r, t = s(e);
-  return /* @__PURE__ */ i(F, { ...t, ...o });
-};
-_.displayName = K;
-var Q = "AlertDialogOverlay", y = l.forwardRef(
-  (r, e) => {
-    const { __scopeAlertDialog: o, ...t } = r, a = s(o);
-    return /* @__PURE__ */ i(B, { ...a, ...t, ref: e });
-  }
-);
-y.displayName = Q;
-var c = "AlertDialogContent", [U, X] = z(c), Z = /* @__PURE__ */ V("AlertDialogContent"), N = l.forwardRef(
-  (r, e) => {
-    const { __scopeAlertDialog: o, children: t, ...a } = r, p = s(o), n = l.useRef(null), P = u(e, n), g = l.useRef(null);
-    return /* @__PURE__ */ i(
-      G,
-      {
-        contentName: c,
-        titleName: R,
-        docsSlug: "alert-dialog",
-        children: /* @__PURE__ */ i(U, { scope: o, cancelRef: g, children: /* @__PURE__ */ w(
-          W,
-          {
-            role: "alertdialog",
-            ...p,
-            ...a,
-            ref: P,
-            onOpenAutoFocus: x(a.onOpenAutoFocus, (d) => {
-              d.preventDefault(), g.current?.focus({ preventScroll: !0 });
-            }),
-            onPointerDownOutside: (d) => d.preventDefault(),
-            onInteractOutside: (d) => d.preventDefault(),
-            children: [
-              /* @__PURE__ */ i(Z, { children: t }),
-              /* @__PURE__ */ i(re, { contentRef: n })
-            ]
-          }
-        ) })
-      }
-    );
-  }
-);
-N.displayName = c;
-var R = "AlertDialogTitle", h = l.forwardRef(
-  (r, e) => {
-    const { __scopeAlertDialog: o, ...t } = r, a = s(o);
-    return /* @__PURE__ */ i(j, { ...a, ...t, ref: e });
-  }
-);
-h.displayName = R;
-var C = "AlertDialogDescription", E = l.forwardRef((r, e) => {
-  const { __scopeAlertDialog: o, ...t } = r, a = s(o);
-  return /* @__PURE__ */ i(Y, { ...a, ...t, ref: e });
-});
-E.displayName = C;
-var ee = "AlertDialogAction", S = l.forwardRef(
-  (r, e) => {
-    const { __scopeAlertDialog: o, ...t } = r, a = s(o);
-    return /* @__PURE__ */ i(f, { ...a, ...t, ref: e });
-  }
-);
-S.displayName = ee;
-var T = "AlertDialogCancel", b = l.forwardRef(
-  (r, e) => {
-    const { __scopeAlertDialog: o, ...t } = r, { cancelRef: a } = X(T, o), p = s(o), n = u(e, a);
-    return /* @__PURE__ */ i(f, { ...p, ...t, ref: n });
-  }
-);
-b.displayName = T;
-var re = ({ contentRef: r }) => {
-  const e = `\`${c}\` requires a description for the component to be accessible for screen reader users.
-
-You can add a description to the \`${c}\` by passing a \`${C}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
-
-Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${c}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
-
-For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
-  return l.useEffect(() => {
-    document.getElementById(
-      r.current?.getAttribute("aria-describedby")
-    ) || console.warn(e);
-  }, [e, r]), null;
-}, pe = m, oe = D, de = _, ge = y, ue = N, Ae = S, fe = b, ve = h, me = E;
-const De = I(
-  ({ "data-theme": r, className: e, text: o, variant: t, onOpen: a, onClick: p }, n) => /* @__PURE__ */ i(oe, { asChild: !0, children: /* @__PURE__ */ i(
-    k,
-    {
-      ref: n,
-      type: "button",
-      variant: t,
-      "data-theme": r,
-      className: q(e),
-      onClick: () => {
-        a(), p?.();
-      },
-      children: o
-    }
-  ) })
-);
-export {
-  De as A,
-  ue as C,
-  me as D,
-  ge as O,
-  de as P,
-  pe as R,
-  ve as T,
-  fe as a,
-  Ae as b
-};