@konstructio/ui 0.1.2-alpha.119 → 0.1.2-alpha.120

package/dist/{x-Vur_9PXW.js → x-BmNOD9Gr.js}

@@ -1,5 +1,5 @@
-import { o as u } from "./rolldown-runtime-Dw9YIBcH.js";
-import { t as c } from "./prop-types-BCUW56rg.js";
+import { o as u } from "./rolldown-runtime-B28h4lGi.js";
+import { t as c } from "./prop-types-qsAjMBb1.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.119",
+  "version": "0.1.2-alpha.120",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -92,17 +92,17 @@
     "@react-input/mask": "^2.0.4",
     "@tanstack/react-table": "^8.21.3",
     "@tanstack/react-virtual": "^3.14.18",
-    "chart.js": "^4.5.1",
+    "chart.js": "^4.6.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "countries-and-timezones": "^3.11.0",
     "country-flag-icons": "^1.6.20",
     "country-locale-map": "^1.9.14",
-    "google-libphonenumber": "^3.2.47",
+    "google-libphonenumber": "^3.2.48",
     "i18n-iso-countries": "^7.14.0",
     "js-cookie": "^3.0.8",
-    "lucide-react": "^1.59.0",
+    "lucide-react": "^1.62.0",
     "react-chartjs-2": "^5.3.1",
     "react-day-picker": "^10.0.2",
     "react-feather": "^2.0.10",
@@ -145,46 +145,46 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^10.6.0",
-    "@rollup/plugin-alias": "^6.0.0",
-    "@storybook/addon-docs": "^10.6.2",
-    "@storybook/addon-links": "^10.6.2",
-    "@storybook/react-vite": "^10.6.2",
+    "@rollup/plugin-alias": "^6.0.1",
+    "@storybook/addon-docs": "^10.6.5",
+    "@storybook/addon-links": "^10.6.5",
+    "@storybook/react-vite": "^10.6.5",
     "@tailwindcss/vite": "^4.3.3",
-    "@tanstack/react-query": "^5.104.5",
+    "@tanstack/react-query": "^5.105.0",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",
     "@testing-library/user-event": "^14.6.8",
     "@types/google-libphonenumber": "^7.4.31",
     "@types/jest-axe": "^3.5.9",
     "@types/js-cookie": "^3.0.6",
-    "@types/lodash": "^4.17.26",
+    "@types/lodash": "^4.17.27",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
-    "@typescript-eslint/eslint-plugin": "^8.72.0",
-    "@typescript-eslint/parser": "^8.72.0",
+    "@typescript-eslint/eslint-plugin": "^8.72.1",
+    "@typescript-eslint/parser": "^8.72.1",
     "@vitejs/plugin-react": "^6.1.2",
     "@vitest/coverage-v8": "^5.0.5",
-    "autoprefixer": "^10.6.1",
+    "autoprefixer": "^10.6.2",
     "eslint": "^9.39.5",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.7",
-    "eslint-plugin-storybook": "^10.6.2",
+    "eslint-plugin-storybook": "^10.6.5",
     "eslint-plugin-vitest": "^0.5.4",
     "glob": "^13.0.6",
     "husky": "^9.1.7",
     "jest-axe": "^11.0.0",
     "jsdom": "^30.1.3",
     "lodash": "^4.18.1",
-    "motion": "^14.4.0",
-    "postcss": "^8.5.31",
+    "motion": "^14.7.1",
+    "postcss": "^8.5.32",
     "prettier": "^3.9.10",
     "rimraf": "^6.1.3",
-    "storybook": "^10.6.2",
+    "storybook": "^10.6.5",
     "tailwindcss": "^4.3.3",
     "ts-node": "^10.9.2",
     "typescript": "^6.0.3",
-    "vite": "^8.3.4",
+    "vite": "^8.3.5",
     "vite-plugin-dts": "^5.1.2",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-plugin-svgr": "^5.2.0",

package/dist/Breadcrumb-CpXRb08J.js

@@ -1,93 +0,0 @@
-import { o as N } from "./rolldown-runtime-Dw9YIBcH.js";
-import { t as S } from "./prop-types-BCUW56rg.js";
-import { t as x } from "./CollapsedSteps-CR7oCTRC.js";
-import { t as b } from "./utils-DnIJruo0.js";
-import { breadcrumbVariants as k, breadcrumbWrapperVariants as z } from "./components/Breadcrumb/Breadcrumb.variants.js";
-import { BackButton as C } from "./components/Breadcrumb/components/BackButton/BackButton.js";
-import { Item as P } from "./components/Breadcrumb/components/Item/Item.js";
-import y, { Fragment as $, forwardRef as E, useId as L } from "react";
-import { Fragment as R, jsx as i, jsxs as f } from "react/jsx-runtime";
-var s = /* @__PURE__ */ N(S());
-function d() {
-  return d = Object.assign || function(r) {
-    for (var a = 1; a < arguments.length; a++) {
-      var o = arguments[a];
-      for (var t in o) Object.prototype.hasOwnProperty.call(o, t) && (r[t] = o[t]);
-    }
-    return r;
-  }, d.apply(this, arguments);
-}
-function W(r, a) {
-  if (r == null) return {};
-  var o = B(r, a), t, e;
-  if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(r);
-    for (e = 0; e < n.length; e++)
-      t = n[e], !(a.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(r, t) && (o[t] = r[t]);
-  }
-  return o;
-}
-function B(r, a) {
-  if (r == null) return {};
-  for (var o = {}, t = Object.keys(r), e, n = 0; n < t.length; n++)
-    e = t[n], !(a.indexOf(e) >= 0) && (o[e] = r[e]);
-  return o;
-}
-var c = E(function(r, a) {
-  var o = r.color, t = o === void 0 ? "currentColor" : o, e = r.size, n = e === void 0 ? 24 : e, l = W(r, ["color", "size"]);
-  return /* @__PURE__ */ y.createElement("svg", d({
-    ref: a,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: n,
-    height: n,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: t,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, l), /* @__PURE__ */ y.createElement("polyline", { points: "9 18 15 12 9 6" }));
-});
-c.propTypes = {
-  color: s.default.string,
-  size: s.default.oneOfType([s.default.string, s.default.number])
-};
-c.displayName = "ChevronRight";
-var J = ({ "aria-label": r = "breadcrumb", backButton: a, className: o, collapsedLabel: t = "Show hidden steps", maxVisibleItems: e, steps: n, theme: l, wrapperClassName: w, ...O }) => {
-  const j = L(), h = e !== void 0 && e >= 2 && n.length > e, u = n.length - (e ?? 0) + 1, g = h ? n.slice(1, u) : [], p = h ? [n[0], ...n.slice(u)] : n;
-  return /* @__PURE__ */ f("nav", {
-    "aria-label": r,
-    "data-theme": l,
-    className: b(z({ className: w })),
-    children: [a && /* @__PURE__ */ i(C, {
-      ...a,
-      theme: l
-    }), /* @__PURE__ */ i("ol", {
-      className: b(k({ className: o })),
-      ...O,
-      children: p.map(({ label: v, ..._ }, m) => /* @__PURE__ */ f($, { children: [
-        /* @__PURE__ */ i(P, {
-          ..._,
-          label: v,
-          isLast: m === p.length - 1
-        }),
-        m !== p.length - 1 && /* @__PURE__ */ i("li", {
-          "aria-hidden": "true",
-          className: "flex items-center",
-          children: /* @__PURE__ */ i(c, { className: "text-gray-400 w-5 h-5" })
-        }),
-        m === 0 && g.length > 0 && /* @__PURE__ */ f(R, { children: [/* @__PURE__ */ i(x, {
-          label: t,
-          steps: g
-        }), /* @__PURE__ */ i("li", {
-          "aria-hidden": "true",
-          className: "flex items-center",
-          children: /* @__PURE__ */ i(c, { className: "text-gray-400 w-5 h-5" })
-        })] })
-      ] }, `${j}-${v}`))
-    })]
-  });
-};
-export {
-  J as t
-};

package/dist/DropdownButton-JilCRLJY.js

@@ -1,92 +0,0 @@
-import { o as b } from "./rolldown-runtime-Dw9YIBcH.js";
-import { t as O } from "./prop-types-BCUW56rg.js";
-import { t as s } from "./utils-DnIJruo0.js";
-import { LoaderIcon as j } from "./assets/icons/components/Loader.js";
-import { Button as x } from "./components/Button/Button.js";
-import { i as _, n as D, r as k, t as z } from "./dist-BCoDIdCt.js";
-import m, { forwardRef as N } from "react";
-import { jsx as i, jsxs as c } from "react/jsx-runtime";
-var l = /* @__PURE__ */ b(O());
-function f() {
-  return f = Object.assign || function(e) {
-    for (var n = 1; n < arguments.length; n++) {
-      var o = arguments[n];
-      for (var r in o) Object.prototype.hasOwnProperty.call(o, r) && (e[r] = o[r]);
-    }
-    return e;
-  }, f.apply(this, arguments);
-}
-function C(e, n) {
-  if (e == null) return {};
-  var o = M(e, n), r, t;
-  if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(e);
-    for (t = 0; t < a.length; t++)
-      r = a[t], !(n.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
-  }
-  return o;
-}
-function M(e, n) {
-  if (e == null) return {};
-  for (var o = {}, r = Object.keys(e), t, a = 0; a < r.length; a++)
-    t = r[a], !(n.indexOf(t) >= 0) && (o[t] = e[t]);
-  return o;
-}
-var u = N(function(e, n) {
-  var o = e.color, r = o === void 0 ? "currentColor" : o, t = e.size, a = t === void 0 ? 24 : t, p = C(e, ["color", "size"]);
-  return /* @__PURE__ */ m.createElement("svg", f({
-    ref: n,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: a,
-    height: a,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: r,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, p), /* @__PURE__ */ m.createElement("polyline", { points: "6 9 12 15 18 9" }));
-});
-u.propTypes = {
-  color: l.default.string,
-  size: l.default.oneOfType([l.default.string, l.default.number])
-};
-u.displayName = "ChevronDown";
-var $ = ({ appearance: e, buttonClassName: n, className: o, disabled: r = !1, isLoading: t = !1, itemClassName: a, label: p = "Download Invoice as", listClassName: h, options: g, variant: v, version: w }) => /* @__PURE__ */ i(z, {
-  modal: !1,
-  children: /* @__PURE__ */ c("div", {
-    className: s("relative w-full", o),
-    children: [/* @__PURE__ */ i(_, {
-      asChild: !0,
-      disabled: r || t,
-      children: /* @__PURE__ */ c(x, {
-        appearance: e,
-        variant: v,
-        version: w,
-        disabled: r || t,
-        "aria-busy": t || void 0,
-        className: s("group flex gap-2 items-center justify-between w-full", n),
-        children: [p, t ? /* @__PURE__ */ i(j, {
-          size: 16,
-          className: "animate-spin shrink-0"
-        }) : /* @__PURE__ */ i(u, { className: "transition-transform duration-200 group-data-[state=open]:rotate-180" })]
-      })
-    }), /* @__PURE__ */ i(D, {
-      align: "start",
-      sideOffset: 4,
-      loop: !0,
-      className: s("z-10 bg-white border border-gray-200 rounded shadow-xs animate-in fade-in-0 py-2", h),
-      style: { width: "var(--radix-dropdown-menu-trigger-width)" },
-      children: g.map((d, y) => /* @__PURE__ */ i(k, {
-        className: s("hover:bg-gray-50 focus:bg-gray-50 outline-none px-6 py-1.5 hover:cursor-pointer", a),
-        onSelect: () => {
-          d.onClick?.();
-        },
-        children: d.label
-      }, y))
-    })]
-  })
-});
-export {
-  $ as t
-};

package/dist/Modal-0Wp5szX4.js

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