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

package/dist/index-0g-eSmV1.js

@@ -0,0 +1,142 @@
+import { jsx as i, Fragment as x, jsxs as I } from "react/jsx-runtime";
+import { c as M } from "./compiler-runtime-DA41awpA.js";
+import * as s from "react";
+import { forwardRef as $ } from "react";
+import { b as L, c as F } from "./index--l0zux8V.js";
+import { u as f } from "./index-DLcqcWxM.js";
+import { a as v, T as B, c as D, O as G, W, C as j, d as k, e as Y, R as q, P as H } from "./index-C6mt--X_.js";
+import { Button as V } from "./components/Button/Button.js";
+import { cn as z } from "./utils/index.js";
+var J = /* @__PURE__ */ Symbol("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function K(r) {
+  const o = ({ children: e }) => /* @__PURE__ */ i(x, { children: e });
+  return o.displayName = `${r}.Slottable`, o.__radixId = J, o;
+}
+var _ = "AlertDialog", [Q] = L(_, [
+  D
+]), n = D(), y = (r) => {
+  const { __scopeAlertDialog: o, ...e } = r, t = n(o);
+  return /* @__PURE__ */ i(q, { ...t, ...e, modal: !0 });
+};
+y.displayName = _;
+var U = "AlertDialogTrigger", N = s.forwardRef(
+  (r, o) => {
+    const { __scopeAlertDialog: e, ...t } = r, a = n(e);
+    return /* @__PURE__ */ i(B, { ...a, ...t, ref: o });
+  }
+);
+N.displayName = U;
+var X = "AlertDialogPortal", R = (r) => {
+  const { __scopeAlertDialog: o, ...e } = r, t = n(o);
+  return /* @__PURE__ */ i(H, { ...t, ...e });
+};
+R.displayName = X;
+var Z = "AlertDialogOverlay", h = s.forwardRef(
+  (r, o) => {
+    const { __scopeAlertDialog: e, ...t } = r, a = n(e);
+    return /* @__PURE__ */ i(G, { ...a, ...t, ref: o });
+  }
+);
+h.displayName = Z;
+var u = "AlertDialogContent", [ee, oe] = Q(u), re = /* @__PURE__ */ K("AlertDialogContent"), C = s.forwardRef(
+  (r, o) => {
+    const { __scopeAlertDialog: e, children: t, ...a } = r, p = n(e), c = s.useRef(null), m = f(o, c), d = s.useRef(null);
+    return /* @__PURE__ */ i(
+      W,
+      {
+        contentName: u,
+        titleName: E,
+        docsSlug: "alert-dialog",
+        children: /* @__PURE__ */ i(ee, { scope: e, cancelRef: d, children: /* @__PURE__ */ I(
+          j,
+          {
+            role: "alertdialog",
+            ...p,
+            ...a,
+            ref: m,
+            onOpenAutoFocus: F(a.onOpenAutoFocus, (l) => {
+              l.preventDefault(), d.current?.focus({ preventScroll: !0 });
+            }),
+            onPointerDownOutside: (l) => l.preventDefault(),
+            onInteractOutside: (l) => l.preventDefault(),
+            children: [
+              /* @__PURE__ */ i(re, { children: t }),
+              /* @__PURE__ */ i(ae, { contentRef: c })
+            ]
+          }
+        ) })
+      }
+    );
+  }
+);
+C.displayName = u;
+var E = "AlertDialogTitle", T = s.forwardRef(
+  (r, o) => {
+    const { __scopeAlertDialog: e, ...t } = r, a = n(e);
+    return /* @__PURE__ */ i(k, { ...a, ...t, ref: o });
+  }
+);
+T.displayName = E;
+var S = "AlertDialogDescription", b = s.forwardRef((r, o) => {
+  const { __scopeAlertDialog: e, ...t } = r, a = n(e);
+  return /* @__PURE__ */ i(Y, { ...a, ...t, ref: o });
+});
+b.displayName = S;
+var te = "AlertDialogAction", P = s.forwardRef(
+  (r, o) => {
+    const { __scopeAlertDialog: e, ...t } = r, a = n(e);
+    return /* @__PURE__ */ i(v, { ...a, ...t, ref: o });
+  }
+);
+P.displayName = te;
+var O = "AlertDialogCancel", w = s.forwardRef(
+  (r, o) => {
+    const { __scopeAlertDialog: e, ...t } = r, { cancelRef: a } = oe(O, e), p = n(e), c = f(o, a);
+    return /* @__PURE__ */ i(v, { ...p, ...t, ref: c });
+  }
+);
+w.displayName = O;
+var ae = ({ contentRef: r }) => {
+  const o = `\`${u}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${u}\` by passing a \`${S}\` 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 \`${u}\`. 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 s.useEffect(() => {
+    document.getElementById(
+      r.current?.getAttribute("aria-describedby")
+    ) || console.warn(o);
+  }, [o, r]), null;
+}, me = y, ie = N, Ae = R, fe = h, ve = C, De = P, _e = w, ye = T, Ne = b;
+const Re = $((r, o) => {
+  const e = M.c(12), {
+    "data-theme": t,
+    className: a,
+    text: p,
+    variant: c,
+    onOpen: m,
+    onClick: d
+  } = r;
+  let l;
+  e[0] !== a ? (l = z(a), e[0] = a, e[1] = l) : l = e[1];
+  let g;
+  e[2] !== d || e[3] !== m ? (g = () => {
+    m(), d?.();
+  }, e[2] = d, e[3] = m, e[4] = g) : g = e[4];
+  let A;
+  return e[5] !== t || e[6] !== o || e[7] !== l || e[8] !== g || e[9] !== p || e[10] !== c ? (A = /* @__PURE__ */ i(ie, { asChild: !0, children: /* @__PURE__ */ i(V, { ref: o, type: "button", variant: c, "data-theme": t, className: l, onClick: g, children: p }) }), e[5] = t, e[6] = o, e[7] = l, e[8] = g, e[9] = p, e[10] = c, e[11] = A) : A = e[11], A;
+});
+export {
+  Re as A,
+  _e as C,
+  Ne as D,
+  fe as O,
+  Ae as P,
+  me as R,
+  ye as T,
+  De as a,
+  ve as b
+};

package/dist/{index-Jr0cra7i.js → index-B9v5VxE2.js}

@@ -1,5 +1,5 @@
 import * as l from "react";
-import { a as ce, c as _, P as T, b as le } from "./index--l0zux8V.js";
+import { P as T, b as ce, a as le, c as _ } from "./index--l0zux8V.js";
 import { u as M } from "./index-DLcqcWxM.js";
 import { u as de } from "./index-BdMNhZnh.js";
 import { u as ue } from "./index-BZPx6jYI.js";
@@ -14,7 +14,7 @@ var j = ["PageUp", "PageDown"], X = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
   "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
   "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
   "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
-}, C = "Slider", [N, pe, he] = me(C), [W] = le(C, [
+}, C = "Slider", [N, pe, he] = me(C), [W] = ce(C, [
   he
 ]), [ge, V] = W(C), q = l.forwardRef(
   (e, t) => {
@@ -35,7 +35,7 @@ var j = ["PageUp", "PageDown"], X = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
       inverted: v = !1,
       form: y,
       ...h
-    } = e, m = l.useRef(/* @__PURE__ */ new Set()), f = l.useRef(0), b = r === "horizontal" ? ve : we, [S = [], K] = ce({
+    } = e, m = l.useRef(/* @__PURE__ */ new Set()), f = l.useRef(0), b = r === "horizontal" ? ve : we, [S = [], K] = le({
       prop: p,
       defaultProp: w,
       onChange: (R) => {
@@ -424,8 +424,8 @@ function Ce(e, t) {
 }
 var ze = q, He = te, Ne = ne, Le = oe;
 export {
-  ze as R,
+  Ne as R,
   He as T,
-  Ne as a,
-  Le as b
+  Le as a,
+  ze as b
 };

package/dist/{index-DWyM654o.js → index-C6mt--X_.js}

@@ -1,5 +1,5 @@
 import * as i from "react";
-import { P as O, c as _, b as Ee, a as ye, e as he } from "./index--l0zux8V.js";
+import { P as O, a as Ee, c as _, b as ye, e as he } from "./index--l0zux8V.js";
 import { u as F, c as Ce } from "./index-DLcqcWxM.js";
 import { u as w } from "./index-BKMaItIC.js";
 import { P as De, D as be } from "./index-BvEpLnOv.js";
@@ -240,7 +240,7 @@ function Ge(e) {
   let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
   return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var M = "Dialog", [te, at] = Ee(M), [Ve, y] = te(M), ne = (e) => {
+var M = "Dialog", [te, at] = ye(M), [Ve, y] = te(M), ne = (e) => {
   const {
     __scopeDialog: t,
     children: n,
@@ -248,7 +248,7 @@ var M = "Dialog", [te, at] = Ee(M), [Ve, y] = te(M), ne = (e) => {
     defaultOpen: r,
     onOpenChange: a,
     modal: l = !0
-  } = e, s = i.useRef(null), v = i.useRef(null), [p, E] = ye({
+  } = e, s = i.useRef(null), v = i.useRef(null), [p, E] = Ee({
     prop: o,
     defaultProp: r ?? !1,
     onChange: a,
@@ -470,8 +470,8 @@ export {
   it as R,
   ct as T,
   st as W,
-  se as a,
-  vt as b,
+  vt as a,
+  se as b,
   at as c,
   dt as d,
   pt as e

package/dist/{index-mPinF0Ho.js → index-CiACf4ao.js}

@@ -1,6 +1,6 @@
 import * as g from "react";
 import { useLayoutEffect as jt } from "react";
-import { P as ce, b as tt, u as ze, a as Yt, c as J } from "./index--l0zux8V.js";
+import { P as ce, b as tt, u as ze, c as J, a as Yt } from "./index--l0zux8V.js";
 import { u as we } from "./index-DLcqcWxM.js";
 import { D as Xt, P as Gt } from "./index-BvEpLnOv.js";
 import { u as qt } from "./index-BKMaItIC.js";
@@ -1878,8 +1878,8 @@ var er = Ot, tr = Et, nr = St, or = Lt, rr = Dt, ir = kt;
 export {
   ir as A,
   rr as C,
-  er as P,
+  or as P,
   tr as R,
   nr as T,
-  or as a
+  er as a
 };

package/dist/{index-CrCTywU1.js → index-Dy4FVowi.js}

@@ -1,4 +1,4 @@
-import { R as Ee, P as ke, O as Se, C as Ie } from "./index-DWyM654o.js";
+import { R as Ee, P as ke, O as Se, C as Ie } from "./index-C6mt--X_.js";
 import * as n from "react";
 import { P as C } from "./index--l0zux8V.js";
 import { u as P } from "./index-BKMaItIC.js";

package/dist/{index-Cmf-IG4l.js → index-kTGTSLpq.js}

@@ -1,5 +1,5 @@
 import * as s from "react";
-import { P as C, c as I, b as K, a as L } from "./index--l0zux8V.js";
+import { b as K, P as C, c as I, a as L } from "./index--l0zux8V.js";
 import { c as ce } from "./index-CJnS4BVW.js";
 import { u as ie } from "./index-DLcqcWxM.js";
 import { u as O } from "./index-BKMaItIC.js";

package/dist/index.js

@@ -27,7 +27,7 @@ import { LineChart as or } from "./components/LineChart/LineChart.js";
 import { List as tr } from "./components/Tabs/components/List.js";
 import { Loading as mr } from "./components/Loading/Loading.js";
 import { Logo as xr } from "./components/Sidebar/components/Logo/Logo.js";
-import { M as nr } from "./Modal-BTOXCb0Y.js";
+import { M as nr } from "./Modal-h5H4yxYg.js";
 import { MultiSelectDropdown as sr } from "./components/MultiSelectDropdown/MultiSelectDropdown.js";
 import { Navigation as dr } from "./components/Sidebar/components/Navigation/Navigation.js";
 import { NavigationGroup as gr } from "./components/Sidebar/components/NavigationGroup/NavigationGroup.js";

package/dist/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.75",
+  "version": "0.1.2-alpha.76",
   "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"