@konstructio/ui 0.1.0-alpha.16 → 0.1.0-alpha.18

package/dist/{chevron-down-1hnuqhTt.js → chevron-down-B_1aNqYv.js}

@@ -1,6 +1,6 @@
-import { c as o } from "./createLucideIcon-qZIN4i94.js";
+import { c as o } from "./createLucideIcon-Ck_e4796.js";
 /**
-* @license lucide-react v0.525.0 - ISC
+* @license lucide-react v0.534.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.

package/dist/components/Badge/Badge.js

@@ -2,9 +2,9 @@ import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { useRef as v, useState as w, useCallback as x, useEffect as y } from "react";
 import { cn as u } from "../../utils/index.js";
 import { buttonDismissVariants as M, badgeVariants as Z } from "./Badge.variants.js";
-import { c as N } from "../../createLucideIcon-qZIN4i94.js";
+import { c as N } from "../../createLucideIcon-Ck_e4796.js";
 /**
-* @license lucide-react v0.525.0 - ISC
+* @license lucide-react v0.534.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.

package/dist/components/Breadcrumb/components/Item/Item.js

@@ -1,48 +1,49 @@
-import { jsx as a, Fragment as u } from "react/jsx-runtime";
-import { cn as i } from "../../../../utils/index.js";
+import { jsx as a, Fragment as p } from "react/jsx-runtime";
+import { cn as m } from "../../../../utils/index.js";
 import { u as f, L as h } from "../../../../useBreadcrumb-DMERrNkJ.js";
-import { breadcrumbLinkVariants as d, breadcrumbLabelVariants as p } from "./Item.variants.js";
-const x = ({
+import { breadcrumbLinkVariants as o, breadcrumbLabelVariants as b } from "./Item.variants.js";
+const g = ({
   isActive: r,
-  isLast: c,
+  isLast: t,
   label: n,
-  target: m,
-  theme: l,
-  to: e
+  target: i,
+  theme: c,
+  to: e,
+  component: d = "a"
 }) => {
-  const { isInsideRouter: t } = f(), s = (o) => {
-    e === "#" && o.preventDefault();
+  const { isInsideRouter: l } = f(), s = (u) => {
+    e === "#" && u.preventDefault();
   };
   return /* @__PURE__ */ a(
     "li",
     {
-      "aria-current": c ? "page" : void 0,
+      "aria-current": t ? "page" : void 0,
       className: "group font-medium text-inherit",
-      "data-theme": l,
-      children: e ? /* @__PURE__ */ a(u, { children: t ? /* @__PURE__ */ a(
+      "data-theme": c,
+      children: e ? /* @__PURE__ */ a(p, { children: l ? /* @__PURE__ */ a(
         h,
         {
           to: e,
-          target: m,
-          className: i(d({ isActive: r })),
+          target: i,
+          className: m(o({ isActive: r })),
           "aria-disabled": r ? "true" : "false",
           onClick: s,
           children: n
         }
       ) : /* @__PURE__ */ a(
-        "a",
+        d,
         {
           href: e,
-          target: m,
-          className: i(d({ isActive: r })),
+          target: i,
+          className: m(o({ isActive: r })),
           "aria-disabled": r ? "true" : "false",
           onClick: s,
           children: n
         }
-      ) }) : /* @__PURE__ */ a("span", { className: i(p({ isActive: r })), children: n })
+      ) }) : /* @__PURE__ */ a("span", { className: m(b({ isActive: r })), children: n })
     }
   );
 };
 export {
-  x as Item
+  g as Item
 };

package/dist/components/Datepicker/DatePicker.js

@@ -2,16 +2,16 @@ import { jsx as Be } from "react/jsx-runtime";
 import m, { createContext as dn, useContext as ln, useCallback as A, useRef as Se, useLayoutEffect as hn, useState as Ce, useEffect as mn, useMemo as Ie } from "react";
 import { cn as le } from "../../utils/index.js";
 import { datePickerVariants as yn } from "./DatePicker.variants.js";
-import { c as ft } from "../../createLucideIcon-qZIN4i94.js";
+import { c as ft } from "../../createLucideIcon-Ck_e4796.js";
 import '../../DatePicker.css';/**
-* @license lucide-react v0.525.0 - ISC
+* @license lucide-react v0.534.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
 const gn = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], wn = ft("chevron-left", gn);
 /**
-* @license lucide-react v0.525.0 - ISC
+* @license lucide-react v0.534.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.

package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.hook.js

@@ -1,23 +1,23 @@
-import { useId as C, useRef as S, useState as m, useEffect as f, useCallback as r, useMemo as w } from "react";
-import { FilterEvent as E, sendOpenFilterEvent as L } from "../../events/index.js";
+import { useId as C, useRef as w, useState as m, useEffect as f, useCallback as d, useMemo as S } from "react";
+import { FilterEvent as v, sendOpenFilterEvent as L } from "../../events/index.js";
 const I = ({
   onApply: t
 }) => {
-  const a = C(), c = S(null), [g, l] = m(!1), [n, d] = m([]);
+  const a = C(), o = w(null), [E, c] = m(!1), [n, r] = m([]);
   f(() => {
     const e = new AbortController();
     return document.addEventListener(
-      E.OPEN,
+      v.OPEN,
       (s) => {
-        s.detail !== a && l(!1);
+        s.detail !== a && c(!1);
       },
       {
         signal: e.signal
       }
     ), document.addEventListener(
-      E.RESET,
+      v.RESET,
       () => {
-        d([]), t == null || t([]);
+        r([]), t == null || t([]);
       },
       {
         signal: e.signal
@@ -26,44 +26,43 @@ const I = ({
       e.abort();
     };
   }, [a, t]);
-  const O = r(
-    () => l((e) => (e || (L(a), d(
+  const g = d(
+    () => c((e) => (e || (L(a), r(
       (s) => s.filter((i) => i.isApplied)
     )), !e)),
-    [a, l]
-  ), o = r(() => l(!1), []), h = r(
+    [a, c]
+  ), u = d(() => c(!1), []), O = d(
     (e, s) => {
-      d(s ? [
+      r(s ? [
         ...n,
         { ...e, isApplied: !1 }
       ] : n.map((i) => i.id === e.id ? { ...i, isRemoved: !0 } : i));
     },
-    [d, n]
-  ), v = r(() => {
-    d([]), t == null || t([]);
-  }, [t]), R = r(() => {
-    d(
-      (e) => e == null ? void 0 : e.filter((s) => !s.isRemoved).map((s) => ({ ...s, isApplied: !0 }))
-    ), t == null || t(
-      n.map(
-        ({ isApplied: e, isRemoved: s, ...i }) => i
+    [r, n]
+  ), h = d(() => {
+    r([]), t == null || t([]);
+  }, [t]), R = d(() => {
+    const e = n == null ? void 0 : n.filter((s) => !s.isRemoved).map((s) => ({ ...s, isApplied: !0 }));
+    r(e), t == null || t(
+      e.map(
+        ({ isApplied: s, isRemoved: i, ...l }) => l
       )
     );
-  }, [t, n, d]), b = w(
+  }, [t, n, r]), b = S(
     () => n.filter((e) => e.isApplied),
     [n]
   );
   return f(() => {
     const e = new AbortController(), s = (i) => {
-      var u;
-      (u = c.current) != null && u.contains(i.target) || o();
+      var l;
+      (l = o.current) != null && l.contains(i.target) || u();
     };
     return document.addEventListener("mousedown", s, {
       signal: e.signal
     }), document.addEventListener(
       "visibilitychange",
       () => {
-        document.hidden && o();
+        document.hidden && u();
       },
       {
         signal: e.signal
@@ -71,15 +70,15 @@ const I = ({
     ), () => {
       e.abort();
     };
-  }, [o, c]), {
-    isOpen: g,
+  }, [u, o]), {
+    isOpen: E,
     selectedCount: b,
     selectedOptions: n,
-    wrapperRef: c,
+    wrapperRef: o,
     handleApplyOptions: R,
-    handleOpen: O,
-    handleResetOptions: v,
-    handleSelectOption: h
+    handleOpen: g,
+    handleResetOptions: h,
+    handleSelectOption: O
   };
 };
 export {

package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js

@@ -5,7 +5,7 @@ import { Checkbox as C } from "../../../Checkbox/Checkbox.js";
 import { cn as n } from "../../../../utils/index.js";
 import { filterButtonIconVariants as y, filterButtonVariants as N } from "../../Filter.variants.js";
 import { useBadgeMultiSelect as B } from "./BadgeMultiSelect.hook.js";
-import { C as O } from "../../../../chevron-down-1hnuqhTt.js";
+import { C as O } from "../../../../chevron-down-B_1aNqYv.js";
 const $ = ({
   options: i,
   label: p,

package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.js

@@ -5,7 +5,7 @@ import { DatePicker as w } from "../../../Datepicker/DatePicker.js";
 import { cn as o } from "../../../../utils/index.js";
 import { filterButtonIconVariants as x, filterButtonVariants as N } from "../../Filter.variants.js";
 import { useDateFilterDropdown as b } from "./DateFilterDropdown.hook.js";
-import { C as y } from "../../../../chevron-down-1hnuqhTt.js";
+import { C as y } from "../../../../chevron-down-B_1aNqYv.js";
 const R = ({
   label: p,
   position: l = "left",

package/dist/components/Loading/Loading.js

@@ -1,9 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
 import { cn as c } from "../../utils/index.js";
 import { loadingVariants as i } from "./Loading.variants.js";
-import { c as t } from "../../createLucideIcon-qZIN4i94.js";
+import { c as t } from "../../createLucideIcon-Ck_e4796.js";
 /**
-* @license lucide-react v0.525.0 - ISC
+* @license lucide-react v0.534.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.

package/dist/components/TimePicker/components/Wrapper/Wrapper.js

@@ -3,7 +3,7 @@ import { useId as y, useState as E, useRef as O, useCallback as I, useEffect as
 import { cn as d } from "../../../../utils/index.js";
 import { timePickerVariants as j } from "../../TimePicker.variants.js";
 import { WrapperList as P } from "../WrapperList/WrapperList.js";
-import { C as R } from "../../../../chevron-down-1hnuqhTt.js";
+import { C as R } from "../../../../chevron-down-B_1aNqYv.js";
 import { useTimePickerContext as T } from "../../contexts/time-picker.hook.js";
 const $ = ({
   name: p,

package/dist/{createLucideIcon-qZIN4i94.js → createLucideIcon-Ck_e4796.js}

@@ -1,6 +1,6 @@
 import { forwardRef as l, createElement as n } from "react";
 /**
-* @license lucide-react v0.525.0 - ISC
+* @license lucide-react v0.534.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -17,7 +17,7 @@ const w = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), h = (t)
       return !0;
 };
 /**
-* @license lucide-react v0.525.0 - ISC
+* @license lucide-react v0.534.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -34,7 +34,7 @@ var g = {
   strokeLinejoin: "round"
 };
 /**
-* @license lucide-react v0.525.0 - ISC
+* @license lucide-react v0.534.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -69,7 +69,7 @@ const A = l(
   )
 );
 /**
-* @license lucide-react v0.525.0 - ISC
+* @license lucide-react v0.534.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.

package/dist/index.d.ts

@@ -569,6 +569,7 @@ declare type Step = {
     to?: string;
     target?: '_self' | '_blank';
     isActive?: boolean;
+    component?: FC<any>;
 };
 
 export declare const Switch: FC<SwitchProps>;

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.0-alpha.15",
+  "version": "0.1.0-alpha.17",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -69,8 +69,8 @@
     "cmdk": "^1.1.1",
     "countries-and-timezones": "^3.8.0",
     "js-cookie": "^3.0.5",
-    "lucide-react": "^0.525.0",
-    "react-day-picker": "^9.8.0",
+    "lucide-react": "^0.534.0",
+    "react-day-picker": "^9.8.1",
     "react-feather": "^2.0.10",
     "react-focus-lock": "^2.13.6",
     "react-remove-scroll": "^2.7.1",
@@ -106,27 +106,27 @@
   },
   "devDependencies": {
     "@rollup/plugin-alias": "^5.1.1",
-    "@storybook/addon-docs": "^9.1.0-alpha.6",
-    "@storybook/addon-links": "^9.1.0-alpha.6",
-    "@storybook/react-vite": "^9.1.0-alpha.6",
+    "@storybook/addon-docs": "^9.1.0-alpha.9",
+    "@storybook/addon-links": "^9.1.0-alpha.9",
+    "@storybook/react-vite": "^9.1.0-alpha.9",
     "@tailwindcss/vite": "^4.1.11",
-    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/jest-dom": "^6.6.4",
     "@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.20",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "@typescript-eslint/eslint-plugin": "^8.35.1",
-    "@typescript-eslint/parser": "^8.35.1",
-    "@vitejs/plugin-react": "^4.6.0",
+    "@types/react": "^19.1.9",
+    "@types/react-dom": "^19.1.7",
+    "@typescript-eslint/eslint-plugin": "^8.38.0",
+    "@typescript-eslint/parser": "^8.38.0",
+    "@vitejs/plugin-react": "^4.7.0",
     "@vitest/coverage-v8": "^3.2.4",
     "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": "^9.1.0-alpha.6",
+    "eslint-plugin-storybook": "^9.1.0-alpha.9",
     "glob": "^11.0.3",
     "husky": "^9.1.7",
     "jest-axe": "^10.0.0",
@@ -135,7 +135,7 @@
     "postcss": "^8.5.6",
     "prettier": "^3.6.2",
     "rimraf": "^6.0.1",
-    "storybook": "^9.1.0-alpha.6",
+    "storybook": "^9.1.0-alpha.9",
     "tailwindcss": "^4.1.11",
     "ts-node": "^10.9.2",
     "typescript": "^5.8.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.1.0-alpha.16",
+  "version": "0.1.0-alpha.18",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -69,8 +69,8 @@
     "cmdk": "^1.1.1",
     "countries-and-timezones": "^3.8.0",
     "js-cookie": "^3.0.5",
-    "lucide-react": "^0.525.0",
-    "react-day-picker": "^9.8.0",
+    "lucide-react": "^0.534.0",
+    "react-day-picker": "^9.8.1",
     "react-feather": "^2.0.10",
     "react-focus-lock": "^2.13.6",
     "react-remove-scroll": "^2.7.1",
@@ -106,27 +106,27 @@
   },
   "devDependencies": {
     "@rollup/plugin-alias": "^5.1.1",
-    "@storybook/addon-docs": "^9.1.0-alpha.6",
-    "@storybook/addon-links": "^9.1.0-alpha.6",
-    "@storybook/react-vite": "^9.1.0-alpha.6",
+    "@storybook/addon-docs": "^9.1.0-alpha.9",
+    "@storybook/addon-links": "^9.1.0-alpha.9",
+    "@storybook/react-vite": "^9.1.0-alpha.9",
     "@tailwindcss/vite": "^4.1.11",
-    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/jest-dom": "^6.6.4",
     "@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.20",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "@typescript-eslint/eslint-plugin": "^8.35.1",
-    "@typescript-eslint/parser": "^8.35.1",
-    "@vitejs/plugin-react": "^4.6.0",
+    "@types/react": "^19.1.9",
+    "@types/react-dom": "^19.1.7",
+    "@typescript-eslint/eslint-plugin": "^8.38.0",
+    "@typescript-eslint/parser": "^8.38.0",
+    "@vitejs/plugin-react": "^4.7.0",
     "@vitest/coverage-v8": "^3.2.4",
     "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": "^9.1.0-alpha.6",
+    "eslint-plugin-storybook": "^9.1.0-alpha.9",
     "glob": "^11.0.3",
     "husky": "^9.1.7",
     "jest-axe": "^10.0.0",
@@ -135,7 +135,7 @@
     "postcss": "^8.5.6",
     "prettier": "^3.6.2",
     "rimraf": "^6.0.1",
-    "storybook": "^9.1.0-alpha.6",
+    "storybook": "^9.1.0-alpha.9",
     "tailwindcss": "^4.1.11",
     "ts-node": "^10.9.2",
     "typescript": "^5.8.3",