@konstructio/ui 0.0.13-alpha.2 → 0.1.0-alpha.3

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.0.13-alpha.2",
+  "version": "0.1.0-alpha.3",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -55,23 +55,26 @@
     "test:watch": "vitest dev"
   },
   "dependencies": {
-    "@radix-ui/react-alert-dialog": "^1.1.7",
-    "@radix-ui/react-checkbox": "^1.1.5",
-    "@radix-ui/react-dialog": "^1.1.7",
-    "@radix-ui/react-slider": "^1.2.4",
-    "@radix-ui/react-slot": "^1.2.0",
-    "@radix-ui/react-switch": "^1.1.4",
-    "@radix-ui/react-toast": "^1.2.7",
-    "@radix-ui/react-visually-hidden": "^1.1.3",
+    "@radix-ui/react-alert-dialog": "^1.1.13",
+    "@radix-ui/react-checkbox": "^1.3.1",
+    "@radix-ui/react-dialog": "^1.1.13",
+    "@radix-ui/react-slider": "^1.3.4",
+    "@radix-ui/react-slot": "^1.2.2",
+    "@radix-ui/react-switch": "^1.2.4",
+    "@radix-ui/react-toast": "^1.2.13",
+    "@radix-ui/react-tabs": "^1.1.11",
+    "@radix-ui/react-visually-hidden": "^1.2.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
+    "countries-and-timezones": "^3.8.0",
     "js-cookie": "^3.0.5",
-    "lucide-react": "^0.488.0",
+    "lucide-react": "^0.510.0",
+    "react-day-picker": "^9.7.0",
     "react-feather": "^2.0.10",
     "react-focus-lock": "^2.13.6",
     "react-remove-scroll": "^2.6.3",
-    "tailwind-merge": "^3.2.0"
+    "tailwind-merge": "^3.3.0"
   },
   "peerDependencies": {
     "@types/react": "*",
@@ -112,25 +115,25 @@
     "@storybook/react": "^8.6.12",
     "@storybook/react-vite": "^8.6.12",
     "@storybook/test": "^8.6.12",
-    "@tailwindcss/vite": "^4.1.4",
+    "@tailwindcss/vite": "^4.1.6",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest-axe": "^3.5.9",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.16",
-    "@types/react": "^19.1.2",
-    "@types/react-dom": "^19.1.2",
-    "@typescript-eslint/eslint-plugin": "^8.29.1",
-    "@typescript-eslint/parser": "^8.29.1",
-    "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/coverage-v8": "^3.1.1",
+    "@types/react": "^19.1.4",
+    "@types/react-dom": "^19.1.5",
+    "@typescript-eslint/eslint-plugin": "^8.32.1",
+    "@typescript-eslint/parser": "^8.32.1",
+    "@vitejs/plugin-react": "^4.4.1",
+    "@vitest/coverage-v8": "^3.1.3",
     "autoprefixer": "^10.4.21",
     "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
     "eslint-plugin-storybook": "^0.9.0",
-    "glob": "^11.0.1",
+    "glob": "^11.0.2",
     "husky": "^9.1.7",
     "jest-axe": "^10.0.0",
     "jsdom": "^26.1.0",
@@ -139,14 +142,14 @@
     "prettier": "^3.5.3",
     "rimraf": "^6.0.1",
     "storybook": "^8.6.12",
-    "tailwindcss": "^4.1.4",
+    "tailwindcss": "^4.1.6",
     "ts-node": "^10.9.2",
     "typescript": "^5.8.3",
-    "vite": "^6.2.6",
+    "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.3",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-plugin-svgr": "^4.3.0",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.1.1"
+    "vitest": "^3.1.3"
   }
 }

package/dist/index-BOx5P4tS.js

@@ -1,423 +0,0 @@
-import * as d from "react";
-import { a as ae, c as ce, b as _ } from "./index-bYyfdsls.js";
-import { u as K } from "./index-Bk324h27.js";
-import { a as le, u as de } from "./index-Bry5AFQ2.js";
-import { P as T } from "./index-g-TFwd6Y.js";
-import { c as ue } from "./index-D9BbbgUq.js";
-import { jsx as g, jsxs as fe } from "react/jsx-runtime";
-function $(e, [t, n]) {
-  return Math.min(n, Math.max(t, e));
-}
-var me = d.createContext(void 0);
-function pe(e) {
-  const t = d.useContext(me);
-  return e || t || "ltr";
-}
-var j = ["PageUp", "PageDown"], X = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], G = {
-  "from-left": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
-  "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
-  "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
-  "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
-}, M = "Slider", [N, he, Se] = ue(M), [W, ke] = ce(M, [
-  Se
-]), [ge, B] = W(M), q = d.forwardRef(
-  (e, t) => {
-    const {
-      name: n,
-      min: o = 0,
-      max: i = 100,
-      step: c = 1,
-      orientation: r = "horizontal",
-      disabled: a = !1,
-      minStepsBetweenThumbs: l = 0,
-      defaultValue: m = [o],
-      value: x,
-      onValueChange: s = () => {
-      },
-      onValueCommit: u = () => {
-      },
-      inverted: v = !1,
-      form: P,
-      ...S
-    } = e, p = d.useRef(/* @__PURE__ */ new Set()), f = d.useRef(0), w = r === "horizontal" ? ve : we, [h = [], A] = ae({
-      prop: x,
-      defaultProp: m,
-      onChange: (b) => {
-        var C;
-        (C = [...p.current][f.current]) == null || C.focus(), s(b);
-      }
-    }), k = d.useRef(h);
-    function H(b) {
-      const R = ye(h, b);
-      I(b, R);
-    }
-    function ie(b) {
-      I(b, f.current);
-    }
-    function se() {
-      const b = k.current[f.current];
-      h[f.current] !== b && u(h);
-    }
-    function I(b, R, { commit: C } = { commit: !1 }) {
-      const U = _e(c), z = Me(Math.round((b - o) / c) * c + o, U), V = $(z, [o, i]);
-      A((E = []) => {
-        const y = Pe(E, V, R);
-        if (Ee(y, l * c)) {
-          f.current = y.indexOf(V);
-          const Y = String(y) !== String(E);
-          return Y && C && u(y), Y ? y : E;
-        } else
-          return E;
-      });
-    }
-    return /* @__PURE__ */ g(
-      ge,
-      {
-        scope: e.__scopeSlider,
-        name: n,
-        disabled: a,
-        min: o,
-        max: i,
-        valueIndexToChangeRef: f,
-        thumbs: p.current,
-        values: h,
-        orientation: r,
-        form: P,
-        children: /* @__PURE__ */ g(N.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ g(N.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ g(
-          w,
-          {
-            "aria-disabled": a,
-            "data-disabled": a ? "" : void 0,
-            ...S,
-            ref: t,
-            onPointerDown: _(S.onPointerDown, () => {
-              a || (k.current = h);
-            }),
-            min: o,
-            max: i,
-            inverted: v,
-            onSlideStart: a ? void 0 : H,
-            onSlideMove: a ? void 0 : ie,
-            onSlideEnd: a ? void 0 : se,
-            onHomeKeyDown: () => !a && I(o, 0, { commit: !0 }),
-            onEndKeyDown: () => !a && I(i, h.length - 1, { commit: !0 }),
-            onStepKeyDown: ({ event: b, direction: R }) => {
-              if (!a) {
-                const z = j.includes(b.key) || b.shiftKey && X.includes(b.key) ? 10 : 1, V = f.current, E = h[V], y = c * z * R;
-                I(E + y, V, { commit: !0 });
-              }
-            }
-          }
-        ) }) })
-      }
-    );
-  }
-);
-q.displayName = M;
-var [J, Q] = W(M, {
-  startEdge: "left",
-  endEdge: "right",
-  size: "width",
-  direction: 1
-}), ve = d.forwardRef(
-  (e, t) => {
-    const {
-      min: n,
-      max: o,
-      dir: i,
-      inverted: c,
-      onSlideStart: r,
-      onSlideMove: a,
-      onSlideEnd: l,
-      onStepKeyDown: m,
-      ...x
-    } = e, [s, u] = d.useState(null), v = K(t, (w) => u(w)), P = d.useRef(void 0), S = pe(i), p = S === "ltr", f = p && !c || !p && c;
-    function D(w) {
-      const h = P.current || s.getBoundingClientRect(), A = [0, h.width], H = F(A, f ? [n, o] : [o, n]);
-      return P.current = h, H(w - h.left);
-    }
-    return /* @__PURE__ */ g(
-      J,
-      {
-        scope: e.__scopeSlider,
-        startEdge: f ? "left" : "right",
-        endEdge: f ? "right" : "left",
-        direction: f ? 1 : -1,
-        size: "width",
-        children: /* @__PURE__ */ g(
-          Z,
-          {
-            dir: S,
-            "data-orientation": "horizontal",
-            ...x,
-            ref: v,
-            style: {
-              ...x.style,
-              "--radix-slider-thumb-transform": "translateX(-50%)"
-            },
-            onSlideStart: (w) => {
-              const h = D(w.clientX);
-              r == null || r(h);
-            },
-            onSlideMove: (w) => {
-              const h = D(w.clientX);
-              a == null || a(h);
-            },
-            onSlideEnd: () => {
-              P.current = void 0, l == null || l();
-            },
-            onStepKeyDown: (w) => {
-              const A = G[f ? "from-left" : "from-right"].includes(w.key);
-              m == null || m({ event: w, direction: A ? -1 : 1 });
-            }
-          }
-        )
-      }
-    );
-  }
-), we = d.forwardRef(
-  (e, t) => {
-    const {
-      min: n,
-      max: o,
-      inverted: i,
-      onSlideStart: c,
-      onSlideMove: r,
-      onSlideEnd: a,
-      onStepKeyDown: l,
-      ...m
-    } = e, x = d.useRef(null), s = K(t, x), u = d.useRef(void 0), v = !i;
-    function P(S) {
-      const p = u.current || x.current.getBoundingClientRect(), f = [0, p.height], w = F(f, v ? [o, n] : [n, o]);
-      return u.current = p, w(S - p.top);
-    }
-    return /* @__PURE__ */ g(
-      J,
-      {
-        scope: e.__scopeSlider,
-        startEdge: v ? "bottom" : "top",
-        endEdge: v ? "top" : "bottom",
-        size: "height",
-        direction: v ? 1 : -1,
-        children: /* @__PURE__ */ g(
-          Z,
-          {
-            "data-orientation": "vertical",
-            ...m,
-            ref: s,
-            style: {
-              ...m.style,
-              "--radix-slider-thumb-transform": "translateY(50%)"
-            },
-            onSlideStart: (S) => {
-              const p = P(S.clientY);
-              c == null || c(p);
-            },
-            onSlideMove: (S) => {
-              const p = P(S.clientY);
-              r == null || r(p);
-            },
-            onSlideEnd: () => {
-              u.current = void 0, a == null || a();
-            },
-            onStepKeyDown: (S) => {
-              const f = G[v ? "from-bottom" : "from-top"].includes(S.key);
-              l == null || l({ event: S, direction: f ? -1 : 1 });
-            }
-          }
-        )
-      }
-    );
-  }
-), Z = d.forwardRef(
-  (e, t) => {
-    const {
-      __scopeSlider: n,
-      onSlideStart: o,
-      onSlideMove: i,
-      onSlideEnd: c,
-      onHomeKeyDown: r,
-      onEndKeyDown: a,
-      onStepKeyDown: l,
-      ...m
-    } = e, x = B(M, n);
-    return /* @__PURE__ */ g(
-      T.span,
-      {
-        ...m,
-        ref: t,
-        onKeyDown: _(e.onKeyDown, (s) => {
-          s.key === "Home" ? (r(s), s.preventDefault()) : s.key === "End" ? (a(s), s.preventDefault()) : j.concat(X).includes(s.key) && (l(s), s.preventDefault());
-        }),
-        onPointerDown: _(e.onPointerDown, (s) => {
-          const u = s.target;
-          u.setPointerCapture(s.pointerId), s.preventDefault(), x.thumbs.has(u) ? u.focus() : o(s);
-        }),
-        onPointerMove: _(e.onPointerMove, (s) => {
-          s.target.hasPointerCapture(s.pointerId) && i(s);
-        }),
-        onPointerUp: _(e.onPointerUp, (s) => {
-          const u = s.target;
-          u.hasPointerCapture(s.pointerId) && (u.releasePointerCapture(s.pointerId), c(s));
-        })
-      }
-    );
-  }
-), ee = "SliderTrack", te = d.forwardRef(
-  (e, t) => {
-    const { __scopeSlider: n, ...o } = e, i = B(ee, n);
-    return /* @__PURE__ */ g(
-      T.span,
-      {
-        "data-disabled": i.disabled ? "" : void 0,
-        "data-orientation": i.orientation,
-        ...o,
-        ref: t
-      }
-    );
-  }
-);
-te.displayName = ee;
-var O = "SliderRange", ne = d.forwardRef(
-  (e, t) => {
-    const { __scopeSlider: n, ...o } = e, i = B(O, n), c = Q(O, n), r = d.useRef(null), a = K(t, r), l = i.values.length, m = i.values.map(
-      (u) => re(u, i.min, i.max)
-    ), x = l > 1 ? Math.min(...m) : 0, s = 100 - Math.max(...m);
-    return /* @__PURE__ */ g(
-      T.span,
-      {
-        "data-orientation": i.orientation,
-        "data-disabled": i.disabled ? "" : void 0,
-        ...o,
-        ref: a,
-        style: {
-          ...e.style,
-          [c.startEdge]: x + "%",
-          [c.endEdge]: s + "%"
-        }
-      }
-    );
-  }
-);
-ne.displayName = O;
-var L = "SliderThumb", oe = d.forwardRef(
-  (e, t) => {
-    const n = he(e.__scopeSlider), [o, i] = d.useState(null), c = K(t, (a) => i(a)), r = d.useMemo(
-      () => o ? n().findIndex((a) => a.ref.current === o) : -1,
-      [n, o]
-    );
-    return /* @__PURE__ */ g(be, { ...e, ref: c, index: r });
-  }
-), be = d.forwardRef(
-  (e, t) => {
-    const { __scopeSlider: n, index: o, name: i, ...c } = e, r = B(L, n), a = Q(L, n), [l, m] = d.useState(null), x = K(t, (D) => m(D)), s = l ? r.form || !!l.closest("form") : !0, u = le(l), v = r.values[o], P = v === void 0 ? 0 : re(v, r.min, r.max), S = Re(o, r.values.length), p = u == null ? void 0 : u[a.size], f = p ? De(p, P, a.direction) : 0;
-    return d.useEffect(() => {
-      if (l)
-        return r.thumbs.add(l), () => {
-          r.thumbs.delete(l);
-        };
-    }, [l, r.thumbs]), /* @__PURE__ */ fe(
-      "span",
-      {
-        style: {
-          transform: "var(--radix-slider-thumb-transform)",
-          position: "absolute",
-          [a.startEdge]: `calc(${P}% + ${f}px)`
-        },
-        children: [
-          /* @__PURE__ */ g(N.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ g(
-            T.span,
-            {
-              role: "slider",
-              "aria-label": e["aria-label"] || S,
-              "aria-valuemin": r.min,
-              "aria-valuenow": v,
-              "aria-valuemax": r.max,
-              "aria-orientation": r.orientation,
-              "data-orientation": r.orientation,
-              "data-disabled": r.disabled ? "" : void 0,
-              tabIndex: r.disabled ? void 0 : 0,
-              ...c,
-              ref: x,
-              style: v === void 0 ? { display: "none" } : e.style,
-              onFocus: _(e.onFocus, () => {
-                r.valueIndexToChangeRef.current = o;
-              })
-            }
-          ) }),
-          s && /* @__PURE__ */ g(
-            xe,
-            {
-              name: i ?? (r.name ? r.name + (r.values.length > 1 ? "[]" : "") : void 0),
-              form: r.form,
-              value: v
-            },
-            o
-          )
-        ]
-      }
-    );
-  }
-);
-oe.displayName = L;
-var xe = (e) => {
-  const { value: t, ...n } = e, o = d.useRef(null), i = de(t);
-  return d.useEffect(() => {
-    const c = o.current, r = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(r, "value").set;
-    if (i !== t && l) {
-      const m = new Event("input", { bubbles: !0 });
-      l.call(c, t), c.dispatchEvent(m);
-    }
-  }, [i, t]), /* @__PURE__ */ g("input", { style: { display: "none" }, ...n, ref: o, defaultValue: t });
-};
-function Pe(e = [], t, n) {
-  const o = [...e];
-  return o[n] = t, o.sort((i, c) => i - c);
-}
-function re(e, t, n) {
-  const c = 100 / (n - t) * (e - t);
-  return $(c, [0, 100]);
-}
-function Re(e, t) {
-  return t > 2 ? `Value ${e + 1} of ${t}` : t === 2 ? ["Minimum", "Maximum"][e] : void 0;
-}
-function ye(e, t) {
-  if (e.length === 1) return 0;
-  const n = e.map((i) => Math.abs(i - t)), o = Math.min(...n);
-  return n.indexOf(o);
-}
-function De(e, t, n) {
-  const o = e / 2, c = F([0, 50], [0, o]);
-  return (o - c(t) * n) * n;
-}
-function Ce(e) {
-  return e.slice(0, -1).map((t, n) => e[n + 1] - t);
-}
-function Ee(e, t) {
-  if (t > 0) {
-    const n = Ce(e);
-    return Math.min(...n) >= t;
-  }
-  return !0;
-}
-function F(e, t) {
-  return (n) => {
-    if (e[0] === e[1] || t[0] === t[1]) return t[0];
-    const o = (t[1] - t[0]) / (e[1] - e[0]);
-    return t[0] + o * (n - e[0]);
-  };
-}
-function _e(e) {
-  return (String(e).split(".")[1] || "").length;
-}
-function Me(e, t) {
-  const n = Math.pow(10, t);
-  return Math.round(e * n) / n;
-}
-var He = q, ze = te, Ne = ne, Oe = oe;
-export {
-  He as R,
-  ze as T,
-  Ne as a,
-  Oe as b
-};

package/dist/index-Bk324h27.js

@@ -1,82 +0,0 @@
-import * as i from "react";
-import { jsx as f, Fragment as g } from "react/jsx-runtime";
-function d(e, n) {
-  if (typeof e == "function")
-    return e(n);
-  e != null && (e.current = n);
-}
-function m(...e) {
-  return (n) => {
-    let r = !1;
-    const o = e.map((t) => {
-      const l = d(t, n);
-      return !r && typeof l == "function" && (r = !0), l;
-    });
-    if (r)
-      return () => {
-        for (let t = 0; t < o.length; t++) {
-          const l = o[t];
-          typeof l == "function" ? l() : d(e[t], null);
-        }
-      };
-  };
-}
-function x(...e) {
-  return i.useCallback(m(...e), e);
-}
-// @__NO_SIDE_EFFECTS__
-function C(e) {
-  const n = /* @__PURE__ */ b(e), r = i.forwardRef((o, t) => {
-    const { children: l, ...a } = o, s = i.Children.toArray(l), u = s.find(E);
-    if (u) {
-      const c = u.props.children, S = s.map((p) => p === u ? i.Children.count(c) > 1 ? i.Children.only(null) : i.isValidElement(c) ? c.props.children : null : p);
-      return /* @__PURE__ */ f(n, { ...a, ref: t, children: i.isValidElement(c) ? i.cloneElement(c, void 0, S) : null });
-    }
-    return /* @__PURE__ */ f(n, { ...a, ref: t, children: l });
-  });
-  return r.displayName = `${e}.Slot`, r;
-}
-var I = /* @__PURE__ */ C("Slot");
-// @__NO_SIDE_EFFECTS__
-function b(e) {
-  const n = i.forwardRef((r, o) => {
-    const { children: t, ...l } = r;
-    if (i.isValidElement(t)) {
-      const a = h(t), s = R(l, t.props);
-      return t.type !== i.Fragment && (s.ref = o ? m(o, a) : a), i.cloneElement(t, s);
-    }
-    return i.Children.count(t) > 1 ? i.Children.only(null) : null;
-  });
-  return n.displayName = `${e}.SlotClone`, n;
-}
-var y = Symbol("radix.slottable");
-// @__NO_SIDE_EFFECTS__
-function V(e) {
-  const n = ({ children: r }) => /* @__PURE__ */ f(g, { children: r });
-  return n.displayName = `${e}.Slottable`, n.__radixId = y, n;
-}
-function E(e) {
-  return i.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === y;
-}
-function R(e, n) {
-  const r = { ...n };
-  for (const o in n) {
-    const t = e[o], l = n[o];
-    /^on[A-Z]/.test(o) ? t && l ? r[o] = (...s) => {
-      l(...s), t(...s);
-    } : t && (r[o] = t) : o === "style" ? r[o] = { ...t, ...l } : o === "className" && (r[o] = [t, l].filter(Boolean).join(" "));
-  }
-  return { ...e, ...r };
-}
-function h(e) {
-  var o, t;
-  let n = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = n && "isReactWarning" in n && n.isReactWarning;
-  return r ? e.ref : (n = (t = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : t.get, r = n && "isReactWarning" in n && n.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
-}
-export {
-  I as S,
-  m as a,
-  V as b,
-  C as c,
-  x as u
-};

package/dist/index-CWKdynYu.js

@@ -1,32 +0,0 @@
-import * as e from "react";
-import { P as o } from "./index-g-TFwd6Y.js";
-import { jsx as t } from "react/jsx-runtime";
-var d = "VisuallyHidden", a = e.forwardRef(
-  (r, i) => /* @__PURE__ */ t(
-    o.span,
-    {
-      ...r,
-      ref: i,
-      style: {
-        // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
-        position: "absolute",
-        border: 0,
-        width: 1,
-        height: 1,
-        padding: 0,
-        margin: -1,
-        overflow: "hidden",
-        clip: "rect(0, 0, 0, 0)",
-        whiteSpace: "nowrap",
-        wordWrap: "normal",
-        ...r.style
-      }
-    }
-  )
-);
-a.displayName = d;
-var m = a;
-export {
-  m as R,
-  a as V
-};