@konstructio/ui 0.1.2-alpha.101 → 0.1.2-alpha.103

package/dist/{x-CESTrenk.js → x-BI9jmc7e.js}

@@ -1,5 +1,5 @@
 import { o as u } from "./rolldown-runtime-Ck3dxwZt.js";
-import { t as c } from "./prop-types-CaJpPVsa.js";
+import { t as c } from "./prop-types-CfEYxTbR.js";
 import l, { forwardRef as m } from "react";
 var a = /* @__PURE__ */ u(c());
 function p() {

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.101",
+  "version": "0.1.2-alpha.103",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -78,19 +78,20 @@
     "test:watch": "vitest dev"
   },
   "dependencies": {
-    "@radix-ui/react-alert-dialog": "^1.1.18",
-    "@radix-ui/react-checkbox": "^1.3.6",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-slider": "^1.4.2",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-switch": "^1.3.2",
-    "@radix-ui/react-tabs": "^1.1.16",
-    "@radix-ui/react-toast": "^1.2.18",
-    "@radix-ui/react-tooltip": "^1.2.11",
-    "@radix-ui/react-visually-hidden": "^1.2.4",
+    "@radix-ui/react-alert-dialog": "^1.1.20",
+    "@radix-ui/react-checkbox": "^1.3.8",
+    "@radix-ui/react-dialog": "^1.1.20",
+    "@radix-ui/react-popover": "^1.1.20",
+    "@radix-ui/react-slider": "^1.4.4",
+    "@radix-ui/react-slot": "^1.3.0",
+    "@radix-ui/react-switch": "^1.3.4",
+    "@radix-ui/react-tabs": "^1.1.18",
+    "@radix-ui/react-toast": "^1.2.20",
+    "@radix-ui/react-tooltip": "^1.2.13",
+    "@radix-ui/react-visually-hidden": "^1.2.8",
     "@react-input/mask": "^2.0.4",
     "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.14.5",
+    "@tanstack/react-virtual": "^3.14.7",
     "chart.js": "^4.5.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -101,10 +102,10 @@
     "google-libphonenumber": "^3.2.44",
     "i18n-iso-countries": "^7.14.0",
     "js-cookie": "^3.0.8",
-    "lucide-react": "^1.23.0",
+    "lucide-react": "^1.25.0",
     "motion": "^12.42.2",
     "react-chartjs-2": "^5.3.1",
-    "react-day-picker": "^9.14.0",
+    "react-day-picker": "^10.0.1",
     "react-feather": "^2.0.10",
     "react-focus-lock": "^2.13.7",
     "react-remove-scroll": "^2.7.2",
@@ -145,12 +146,12 @@
   "devDependencies": {
     "@faker-js/faker": "^10.5.0",
     "@rollup/plugin-alias": "^6.0.0",
-    "@storybook/addon-docs": "^10.4.6",
-    "@storybook/addon-links": "^10.4.6",
-    "@storybook/react-vite": "^10.4.6",
-    "@tailwindcss/vite": "^4.3.2",
-    "@tanstack/react-query": "^5.101.2",
-    "@testing-library/jest-dom": "^6.9.1",
+    "@storybook/addon-docs": "^10.5.3",
+    "@storybook/addon-links": "^10.5.3",
+    "@storybook/react-vite": "^10.5.3",
+    "@tailwindcss/vite": "^4.3.3",
+    "@tanstack/react-query": "^5.101.4",
+    "@testing-library/jest-dom": "^7.0.0",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@types/google-libphonenumber": "^7.4.30",
@@ -159,35 +160,35 @@
     "@types/lodash": "^4.17.24",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.62.1",
-    "@typescript-eslint/parser": "^8.62.1",
+    "@typescript-eslint/eslint-plugin": "^8.65.0",
+    "@typescript-eslint/parser": "^8.65.0",
     "@vitejs/plugin-react": "^6.0.3",
-    "@vitest/coverage-v8": "^4.1.5",
-    "autoprefixer": "^10.5.2",
-    "eslint": "^9.39.4",
+    "@vitest/coverage-v8": "^4.1.10",
+    "autoprefixer": "^10.5.4",
+    "eslint": "^9.39.5",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.3",
-    "eslint-plugin-storybook": "^10.4.6",
+    "eslint-plugin-storybook": "^10.5.3",
     "eslint-plugin-vitest": "^0.5.4",
     "glob": "^13.0.6",
     "husky": "^9.1.7",
     "jest-axe": "^10.0.0",
     "jsdom": "^29.1.1",
     "lodash": "^4.18.1",
-    "postcss": "^8.5.16",
-    "prettier": "^3.9.4",
+    "postcss": "^8.5.21",
+    "prettier": "^3.9.6",
     "rimraf": "^6.1.3",
-    "storybook": "^10.4.6",
-    "tailwindcss": "^4.2.4",
+    "storybook": "^10.5.3",
+    "tailwindcss": "^4.3.3",
     "ts-node": "^10.9.2",
     "typescript": "^6.0.3",
-    "vite": "^8.1.3",
-    "vite-plugin-dts": "^4.5.4",
+    "vite": "^8.1.5",
+    "vite-plugin-dts": "^5.0.3",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-plugin-svgr": "^5.2.0",
     "vite-tsconfig-paths": "^6.1.1",
-    "vitest": "^4.1.5"
+    "vitest": "^4.1.10"
   },
   "overrides": {
     "storybook": "$storybook",

package/dist/AlertDialogTrigger-HhbFOOUE.js

@@ -1,124 +0,0 @@
-import { a as D } from "./dist-DqKFpce5.js";
-import { t as O } from "./utils-Cx-WzRZF.js";
-import { a as S, i as w } from "./dist-CfYOvauX.js";
-import { a as M, c as h, i as I, l as A, n as d, o as x, r as L, s as F, t as G } from "./dist-7edduNXi.js";
-import { Button as $ } from "./components/Button/Button.js";
-import * as i from "react";
-import { forwardRef as b } from "react";
-import { jsx as l } from "react/jsx-runtime";
-var v = "AlertDialog", [j, re] = S(v, [A]), s = A(), f = (o) => {
-  const { __scopeAlertDialog: r, ...e } = o, a = s(r);
-  return /* @__PURE__ */ l(G, {
-    ...a,
-    ...e,
-    modal: !0
-  });
-};
-f.displayName = v;
-var k = "AlertDialogTrigger", m = i.forwardRef((o, r) => {
-  const { __scopeAlertDialog: e, ...a } = o, t = s(e);
-  return /* @__PURE__ */ l(h, {
-    ...t,
-    ...a,
-    ref: r
-  });
-});
-m.displayName = k;
-var B = "AlertDialogPortal", u = (o) => {
-  const { __scopeAlertDialog: r, ...e } = o, a = s(r);
-  return /* @__PURE__ */ l(x, {
-    ...a,
-    ...e
-  });
-};
-u.displayName = B;
-var H = "AlertDialogOverlay", _ = i.forwardRef((o, r) => {
-  const { __scopeAlertDialog: e, ...a } = o, t = s(e);
-  return /* @__PURE__ */ l(M, {
-    ...t,
-    ...a,
-    ref: r
-  });
-});
-_.displayName = H;
-var N = "AlertDialogContent", [V, Y] = j(N), R = i.forwardRef((o, r) => {
-  const { __scopeAlertDialog: e, children: a, ...t } = o, n = s(e), c = D(r, i.useRef(null)), g = i.useRef(null);
-  return /* @__PURE__ */ l(V, {
-    scope: e,
-    cancelRef: g,
-    children: /* @__PURE__ */ l(L, {
-      role: "alertdialog",
-      ...n,
-      ...t,
-      ref: c,
-      onOpenAutoFocus: w(t.onOpenAutoFocus, (p) => {
-        p.preventDefault(), g.current?.focus({ preventScroll: !0 });
-      }),
-      onPointerDownOutside: (p) => p.preventDefault(),
-      onInteractOutside: (p) => p.preventDefault(),
-      children: a
-    })
-  });
-});
-R.displayName = N;
-var q = "AlertDialogTitle", C = i.forwardRef((o, r) => {
-  const { __scopeAlertDialog: e, ...a } = o, t = s(e);
-  return /* @__PURE__ */ l(F, {
-    ...t,
-    ...a,
-    ref: r
-  });
-});
-C.displayName = q;
-var z = "AlertDialogDescription", T = i.forwardRef((o, r) => {
-  const { __scopeAlertDialog: e, ...a } = o, t = s(e);
-  return /* @__PURE__ */ l(I, {
-    ...t,
-    ...a,
-    ref: r
-  });
-});
-T.displayName = z;
-var J = "AlertDialogAction", P = i.forwardRef((o, r) => {
-  const { __scopeAlertDialog: e, ...a } = o, t = s(e);
-  return /* @__PURE__ */ l(d, {
-    ...t,
-    ...a,
-    ref: r
-  });
-});
-P.displayName = J;
-var E = "AlertDialogCancel", y = i.forwardRef((o, r) => {
-  const { __scopeAlertDialog: e, ...a } = o, { cancelRef: t } = Y(E, e), n = s(e), c = D(r, t);
-  return /* @__PURE__ */ l(d, {
-    ...n,
-    ...a,
-    ref: c
-  });
-});
-y.displayName = E;
-var ae = f, K = m, te = u, le = _, ie = R, se = P, ne = y, ce = C, pe = T, ge = b(({ "data-theme": o, className: r, text: e, variant: a, onOpen: t, onClick: n }, c) => /* @__PURE__ */ l(K, {
-  asChild: !0,
-  children: /* @__PURE__ */ l($, {
-    ref: c,
-    type: "button",
-    variant: a,
-    "data-theme": o,
-    className: O(r),
-    onClick: () => {
-      t(), n?.();
-    },
-    children: e
-  })
-}));
-export {
-  pe as a,
-  ae as c,
-  ie as i,
-  ce as l,
-  se as n,
-  le as o,
-  ne as r,
-  te as s,
-  ge as t
-};

package/dist/Checkbox-B1rTwzR3.js

@@ -1,240 +0,0 @@
-import { o as G } from "./rolldown-runtime-Ck3dxwZt.js";
-import { t as U } from "./prop-types-CaJpPVsa.js";
-import { a as B } from "./dist-DqKFpce5.js";
-import { t as I } from "./dist-CVy-ulDZ.js";
-import { t as w } from "./utils-Cx-WzRZF.js";
-import { a as V, i as S, t as X } from "./dist-CfYOvauX.js";
-import { t as J } from "./dist-eAwtFCCA.js";
-import { t as Q } from "./dist-DdFwUrO22.js";
-import { t as Y } from "./dist-DvoMuWKO2.js";
-import { useToggle as Z } from "./hooks/useToggle.js";
-import { checkboxVariants as ee, labelVariants as te } from "./components/Checkbox/Checkbox.variants.js";
-import * as p from "react";
-import j, { forwardRef as T, useCallback as re, useId as oe } from "react";
-import { Fragment as ne, jsx as f, jsxs as z } from "react/jsx-runtime";
-var E = /* @__PURE__ */ G(U());
-function R() {
-  return R = Object.assign || function(e) {
-    for (var a = 1; a < arguments.length; a++) {
-      var n = arguments[a];
-      for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
-    }
-    return e;
-  }, R.apply(this, arguments);
-}
-function ae(e, a) {
-  if (e == null) return {};
-  var n = se(e, a), r, o;
-  if (Object.getOwnPropertySymbols) {
-    var t = Object.getOwnPropertySymbols(e);
-    for (o = 0; o < t.length; o++)
-      r = t[o], !(a.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
-  }
-  return n;
-}
-function se(e, a) {
-  if (e == null) return {};
-  var n = {}, r = Object.keys(e), o, t;
-  for (t = 0; t < r.length; t++)
-    o = r[t], !(a.indexOf(o) >= 0) && (n[o] = e[o]);
-  return n;
-}
-var N = T(function(e, a) {
-  var n = e.color, r = n === void 0 ? "currentColor" : n, o = e.size, t = o === void 0 ? 24 : o, l = ae(e, ["color", "size"]);
-  return /* @__PURE__ */ j.createElement("svg", R({
-    ref: a,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: t,
-    height: t,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: r,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, l), /* @__PURE__ */ j.createElement("polyline", { points: "20 6 9 17 4 12" }));
-});
-N.propTypes = {
-  color: E.default.string,
-  size: E.default.oneOfType([E.default.string, E.default.number])
-};
-N.displayName = "Check";
-var P = "Checkbox", [ce, Pe] = V(P), [ie, O] = ce(P);
-function le(e) {
-  const { __scopeCheckbox: a, checked: n, children: r, defaultChecked: o, disabled: t, form: l, name: h, onCheckedChange: i, required: b, value: k = "on", internal_do_not_use_render: d } = e, [u, x] = X({
-    prop: n,
-    defaultProp: o ?? !1,
-    onChange: i,
-    caller: P
-  }), [C, m] = p.useState(null), [v, s] = p.useState(null), c = p.useRef(!1), y = C ? !!l || !!C.closest("form") : !0, _ = {
-    checked: u,
-    disabled: t,
-    setChecked: x,
-    control: C,
-    setControl: m,
-    name: h,
-    form: l,
-    value: k,
-    hasConsumerStoppedPropagationRef: c,
-    required: b,
-    defaultChecked: g(o) ? !1 : o,
-    isFormControl: y,
-    bubbleInput: v,
-    setBubbleInput: s
-  };
-  return /* @__PURE__ */ f(ie, {
-    scope: a,
-    ..._,
-    children: de(d) ? d(_) : r
-  });
-}
-var L = "CheckboxTrigger", M = p.forwardRef(({ __scopeCheckbox: e, onKeyDown: a, onClick: n, ...r }, o) => {
-  const { control: t, value: l, disabled: h, checked: i, required: b, setControl: k, setChecked: d, hasConsumerStoppedPropagationRef: u, isFormControl: x, bubbleInput: C } = O(L, e), m = B(o, k), v = p.useRef(i);
-  return p.useEffect(() => {
-    const s = t?.form;
-    if (s) {
-      const c = () => d(v.current);
-      return s.addEventListener("reset", c), () => s.removeEventListener("reset", c);
-    }
-  }, [t, d]), /* @__PURE__ */ f(I.button, {
-    type: "button",
-    role: "checkbox",
-    "aria-checked": g(i) ? "mixed" : i,
-    "aria-required": b,
-    "data-state": H(i),
-    "data-disabled": h ? "" : void 0,
-    disabled: h,
-    value: l,
-    ...r,
-    ref: m,
-    onKeyDown: S(a, (s) => {
-      s.key === "Enter" && s.preventDefault();
-    }),
-    onClick: S(n, (s) => {
-      d((c) => g(c) ? !0 : !c), C && x && (u.current = s.isPropagationStopped(), u.current || s.stopPropagation());
-    })
-  });
-});
-M.displayName = L;
-var q = p.forwardRef((e, a) => {
-  const { __scopeCheckbox: n, name: r, checked: o, defaultChecked: t, required: l, disabled: h, value: i, onCheckedChange: b, form: k, ...d } = e;
-  return /* @__PURE__ */ f(le, {
-    __scopeCheckbox: n,
-    checked: o,
-    defaultChecked: t,
-    disabled: h,
-    required: l,
-    onCheckedChange: b,
-    name: r,
-    form: k,
-    value: i,
-    internal_do_not_use_render: ({ isFormControl: u }) => /* @__PURE__ */ z(ne, { children: [/* @__PURE__ */ f(M, {
-      ...d,
-      ref: a,
-      __scopeCheckbox: n
-    }), u && /* @__PURE__ */ f(D, { __scopeCheckbox: n })] })
-  });
-});
-q.displayName = P;
-var F = "CheckboxIndicator", A = p.forwardRef((e, a) => {
-  const { __scopeCheckbox: n, forceMount: r, ...o } = e, t = O(F, n);
-  return /* @__PURE__ */ f(J, {
-    present: r || g(t.checked) || t.checked === !0,
-    children: /* @__PURE__ */ f(I.span, {
-      "data-state": H(t.checked),
-      "data-disabled": t.disabled ? "" : void 0,
-      ...o,
-      ref: a,
-      style: {
-        pointerEvents: "none",
-        ...e.style
-      }
-    })
-  });
-});
-A.displayName = F;
-var $ = "CheckboxBubbleInput", D = p.forwardRef(({ __scopeCheckbox: e, ...a }, n) => {
-  const { control: r, hasConsumerStoppedPropagationRef: o, checked: t, defaultChecked: l, required: h, disabled: i, name: b, value: k, form: d, bubbleInput: u, setBubbleInput: x } = O($, e), C = B(n, x), m = Q(t), v = Y(r);
-  p.useEffect(() => {
-    const c = u;
-    if (!c) return;
-    const y = window.HTMLInputElement.prototype, _ = Object.getOwnPropertyDescriptor(y, "checked").set, K = !o.current;
-    if (m !== t && _) {
-      const W = new Event("click", { bubbles: K });
-      c.indeterminate = g(t), _.call(c, g(t) ? !1 : t), c.dispatchEvent(W);
-    }
-  }, [
-    u,
-    m,
-    t,
-    o
-  ]);
-  const s = p.useRef(g(t) ? !1 : t);
-  return /* @__PURE__ */ f(I.input, {
-    type: "checkbox",
-    "aria-hidden": !0,
-    defaultChecked: l ?? s.current,
-    required: h,
-    disabled: i,
-    name: b,
-    value: k,
-    form: d,
-    ...a,
-    tabIndex: -1,
-    ref: C,
-    style: {
-      ...a.style,
-      ...v,
-      position: "absolute",
-      pointerEvents: "none",
-      opacity: 0,
-      margin: 0,
-      transform: "translateX(-100%)"
-    }
-  });
-});
-D.displayName = $;
-function de(e) {
-  return typeof e == "function";
-}
-function g(e) {
-  return e === "indeterminate";
-}
-function H(e) {
-  return g(e) ? "indeterminate" : e ? "checked" : "unchecked";
-}
-var ue = T(({ ariaLabelledBy: e, className: a, defaultChecked: n, disabled: r, id: o, label: t, labelClassName: l, labelWrapperClassName: h, name: i, theme: b, title: k, variant: d, onChange: u, ...x }, C) => {
-  const [m, v] = Z(n ?? !1), s = oe(), c = re((y) => {
-    v(y), u?.(y);
-  }, [u, v]);
-  return /* @__PURE__ */ z("div", {
-    className: w("flex items-center gap-4", h),
-    "data-theme": b,
-    children: [/* @__PURE__ */ f(q, {
-      id: o ?? s,
-      checked: m,
-      ref: C,
-      name: i,
-      disabled: r,
-      "aria-labelledby": e,
-      title: k,
-      className: w(ee({
-        className: a,
-        variant: d,
-        checked: m
-      })),
-      onCheckedChange: c,
-      ...x,
-      children: /* @__PURE__ */ f(A, { children: /* @__PURE__ */ f(N, { className: "w-4 h-4 stroke-2" }) })
-    }), t ? /* @__PURE__ */ f("label", {
-      htmlFor: i ?? o,
-      className: w(te({ className: l }), { "cursor-not-allowed": r }),
-      onClick: () => !r && c(!m),
-      children: t
-    }) : null]
-  });
-});
-ue.displayName = "KonstructCheckbox";
-export {
-  ue as t
-};