@konstructio/ui 0.1.0-alpha.9 → 0.1.1-alpha.2

package/dist/utils/index.js

@@ -1,5 +1,5 @@
 import { c as Ie } from "../clsx-OuTLNxxd.js";
-const ne = "-", Re = (e) => {
+const ne = "-", Pe = (e) => {
   const n = Ge(e), {
     conflictingClassGroups: s,
     conflictingClassGroupModifiers: t
@@ -7,7 +7,7 @@ const ne = "-", Re = (e) => {
   return {
     getClassGroupId: (i) => {
       const u = i.split(ne);
-      return u[0] === "" && u.length !== 1 && u.shift(), we(u, n) || Pe(i);
+      return u[0] === "" && u.length !== 1 && u.shift(), we(u, n) || Re(i);
     },
     getConflictingClassGroupIds: (i, u) => {
       const p = s[i] || [];
@@ -15,7 +15,6 @@ const ne = "-", Re = (e) => {
     }
   };
 }, we = (e, n) => {
-  var i;
   if (e.length === 0)
     return n.classGroupId;
   const s = e[0], t = n.nextPart.get(s), c = t ? we(e.slice(1), t) : void 0;
@@ -24,12 +23,12 @@ const ne = "-", Re = (e) => {
   if (n.validators.length === 0)
     return;
   const m = e.join(ne);
-  return (i = n.validators.find(({
-    validator: u
-  }) => u(m))) == null ? void 0 : i.classGroupId;
-}, fe = /^\[(.+)\]$/, Pe = (e) => {
+  return n.validators.find(({
+    validator: i
+  }) => i(m))?.classGroupId;
+}, fe = /^\[(.+)\]$/, Re = (e) => {
   if (fe.test(e)) {
-    const n = fe.exec(e)[1], s = n == null ? void 0 : n.substring(0, n.indexOf(":"));
+    const n = fe.exec(e)[1], s = n?.substring(0, n.indexOf(":"));
     if (s)
       return "arbitrary.." + s;
   }
@@ -161,7 +160,7 @@ const ne = "-", Re = (e) => {
   cache: Ee(e.cacheSize),
   parseClassName: Ne(e),
   sortModifiers: je(e),
-  ...Re(e)
+  ...Pe(e)
 }), Fe = /\s+/, Be = (e, n) => {
   const {
     parseClassName: s,
@@ -241,12 +240,12 @@ function We(e, ...n) {
 const f = (e) => {
   const n = (s) => s[e] || [];
   return n.isThemeGetter = !0, n;
-}, ke = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, ye = /^\((?:(\w[\w-]*):)?(.+)\)$/i, $e = /^\d+\/\d+$/, Ue = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, qe = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, He = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Je = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Xe = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, N = (e) => $e.test(e), d = (e) => !!e && !Number.isNaN(Number(e)), S = (e) => !!e && Number.isInteger(Number(e)), ee = (e) => e.endsWith("%") && d(e.slice(0, -1)), C = (e) => Ue.test(e), De = () => !0, Ke = (e) => (
+}, ke = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, ye = /^\((?:(\w[\w-]*):)?(.+)\)$/i, $e = /^\d+\/\d+$/, Ue = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, qe = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, He = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Je = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Xe = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, N = (e) => $e.test(e), d = (e) => !!e && !Number.isNaN(Number(e)), S = (e) => !!e && Number.isInteger(Number(e)), ee = (e) => e.endsWith("%") && d(e.slice(0, -1)), C = (e) => Ue.test(e), De = () => !0, Ke = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   qe.test(e) && !He.test(e)
-), ve = () => !1, Qe = (e) => Je.test(e), Ye = (e) => Xe.test(e), Ze = (e) => !o(e) && !r(e), eo = (e) => V(e, Me, ve), o = (e) => ke.test(e), P = (e) => V(e, Se, Ke), oe = (e) => V(e, no, d), ge = (e) => V(e, ze, ve), oo = (e) => V(e, Ce, Ye), D = (e) => V(e, Ae, Qe), r = (e) => ye.test(e), W = (e) => j(e, Se), ro = (e) => j(e, ao), he = (e) => j(e, ze), to = (e) => j(e, Me), so = (e) => j(e, Ce), K = (e) => j(e, Ae, !0), V = (e, n, s) => {
+), ve = () => !1, Qe = (e) => Je.test(e), Ye = (e) => Xe.test(e), Ze = (e) => !o(e) && !r(e), eo = (e) => V(e, Me, ve), o = (e) => ke.test(e), R = (e) => V(e, Se, Ke), oe = (e) => V(e, no, d), ge = (e) => V(e, ze, ve), oo = (e) => V(e, Ce, Ye), D = (e) => V(e, Ae, Qe), r = (e) => ye.test(e), W = (e) => j(e, Se), ro = (e) => j(e, ao), he = (e) => j(e, ze), to = (e) => j(e, Me), so = (e) => j(e, Ce), K = (e) => j(e, Ae, !0), V = (e, n, s) => {
   const t = ke.exec(e);
   return t ? t[1] ? n(t[1]) : s(t[2]) : !1;
 }, j = (e, n, s = !1) => {
@@ -273,13 +272,13 @@ const f = (e) => {
     "left-bottom"
   ], E = () => [...T(), r, o], I = () => ["auto", "hidden", "clip", "visible", "scroll"], _ = () => ["auto", "contain", "none"], l = () => [r, o, p], v = () => [N, "full", "auto", ...l()], ae = () => [S, "none", "subgrid", r, o], ie = () => ["auto", {
     span: ["full", S, r, o]
-  }, S, r, o], U = () => [S, "auto", r, o], le = () => ["auto", "min", "max", "fr", r, o], Q = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], L = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], z = () => ["auto", ...l()], R = () => [N, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...l()], a = () => [e, r, o], ce = () => [...T(), he, ge, {
+  }, S, r, o], U = () => [S, "auto", r, o], le = () => ["auto", "min", "max", "fr", r, o], Q = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], L = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], z = () => ["auto", ...l()], P = () => [N, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...l()], a = () => [e, r, o], ce = () => [...T(), he, ge, {
     position: [r, o]
   }], de = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], me = () => ["auto", "cover", "contain", to, eo, {
     size: [r, o]
-  }], Y = () => [ee, W, P], w = () => [
+  }], Y = () => [ee, W, R], w = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -287,7 +286,7 @@ const f = (e) => {
     g,
     r,
     o
-  ], x = () => ["", d, W, P], q = () => ["solid", "dashed", "dotted", "double"], pe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], b = () => [d, ee, he, ge], ue = () => [
+  ], x = () => ["", d, W, R], q = () => ["solid", "dashed", "dotted", "double"], pe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], b = () => [d, ee, he, ge], ue = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -918,14 +917,14 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: R()
+        size: P()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [u, "screen", ...R()]
+        w: [u, "screen", ...P()]
       }],
       /**
        * Min-Width
@@ -937,7 +936,7 @@ const f = (e) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...R()
+          ...P()
         ]
       }],
       /**
@@ -955,7 +954,7 @@ const f = (e) => {
           {
             screen: [i]
           },
-          ...R()
+          ...P()
         ]
       }],
       /**
@@ -963,21 +962,21 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...R()]
+        h: ["screen", "lh", ...P()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...R()]
+        "min-h": ["screen", "lh", "none", ...P()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...R()]
+        "max-h": ["screen", "lh", ...P()]
       }],
       // ------------------
       // --- Typography ---
@@ -987,7 +986,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", s, W, P]
+        text: ["base", s, W, R]
       }],
       /**
        * Font Smoothing
@@ -1135,7 +1134,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [d, "from-font", "auto", r, P]
+        decoration: [d, "from-font", "auto", r, R]
       }],
       /**
        * Text Decoration Color
@@ -1622,7 +1621,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", d, W, P]
+        outline: ["", d, W, R]
       }],
       /**
        * Outline Color
@@ -1697,7 +1696,7 @@ const f = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [d, P]
+        "ring-offset": [d, R]
       }],
       /**
        * Ring Offset Color
@@ -2647,7 +2646,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [d, W, P, oe]
+        stroke: [d, W, R, oe]
       }],
       /**
        * Stroke

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.9",
+  "version": "0.1.1-alpha.2",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -16,7 +16,7 @@
   },
   "keywords": [
     "konstruct",
-    "colony",
+    "civo",
     "kubefirst",
     "react",
     "tailwind",
@@ -55,26 +55,28 @@
     "test:watch": "vitest dev"
   },
   "dependencies": {
-    "@radix-ui/react-alert-dialog": "^1.1.14",
-    "@radix-ui/react-checkbox": "^1.3.2",
-    "@radix-ui/react-dialog": "^1.1.14",
-    "@radix-ui/react-slider": "^1.3.5",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-slider": "^1.3.6",
     "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-switch": "^1.2.5",
-    "@radix-ui/react-tabs": "^1.1.12",
-    "@radix-ui/react-toast": "^1.2.14",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toast": "^1.2.15",
     "@radix-ui/react-visually-hidden": "^1.2.3",
+    "chart.js": "^4.5.0",
     "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.513.0",
-    "react-day-picker": "^9.7.0",
+    "lucide-react": "^0.542.0",
+    "react-chartjs-2": "^5.3.0",
+    "react-day-picker": "^9.9.0",
     "react-feather": "^2.0.10",
     "react-focus-lock": "^2.13.6",
     "react-remove-scroll": "^2.7.1",
-    "tailwind-merge": "^3.3.0"
+    "tailwind-merge": "^3.3.1"
   },
   "peerDependencies": {
     "@types/react": "*",
@@ -106,45 +108,47 @@
   },
   "devDependencies": {
     "@rollup/plugin-alias": "^5.1.1",
-    "@storybook/addon-docs": "^9.1.0-alpha.2",
-    "@storybook/addon-links": "^9.1.0-alpha.2",
-    "@storybook/react-vite": "^9.1.0-alpha.2",
-    "@tailwindcss/vite": "^4.1.8",
-    "@testing-library/jest-dom": "^6.6.3",
+    "@storybook/addon-docs": "^9.1.4",
+    "@storybook/addon-links": "^9.1.4",
+    "@storybook/react-vite": "^9.1.4",
+    "@tailwindcss/vite": "^4.1.12",
+    "@testing-library/jest-dom": "^6.8.0",
     "@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.17",
-    "@types/react": "^19.1.6",
-    "@types/react-dom": "^19.1.6",
-    "@typescript-eslint/eslint-plugin": "^8.33.1",
-    "@typescript-eslint/parser": "^8.33.1",
-    "@vitejs/plugin-react": "^4.5.1",
-    "@vitest/coverage-v8": "^3.2.3",
+    "@types/lodash": "^4.17.20",
+    "@types/react": "^19.1.12",
+    "@types/react-dom": "^19.1.9",
+    "@typescript-eslint/eslint-plugin": "^8.42.0",
+    "@typescript-eslint/parser": "^8.42.0",
+    "@vitejs/plugin-react": "^5.0.2",
+    "@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.2",
-    "glob": "^11.0.2",
+    "eslint": "^9.34.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "eslint-plugin-storybook": "^9.1.4",
+    "eslint-plugin-vitest": "^0.5.4",
+    "glob": "^11.0.3",
     "husky": "^9.1.7",
     "jest-axe": "^10.0.0",
     "jsdom": "^26.1.0",
     "lodash": "^4.17.21",
-    "postcss": "^8.5.4",
-    "prettier": "^3.5.3",
+    "postcss": "^8.5.6",
+    "prettier": "^3.6.2",
     "rimraf": "^6.0.1",
-    "storybook": "^9.1.0-alpha.2",
-    "tailwindcss": "^4.1.8",
+    "storybook": "^9.1.4",
+    "tailwindcss": "^4.1.12",
     "ts-node": "^10.9.2",
-    "typescript": "^5.8.3",
-    "vite": "^6.3.5",
+    "typescript": "^5.9.2",
+    "vite": "^7.1.4",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "vite-plugin-svgr": "^4.3.0",
+    "vite-plugin-svgr": "^4.5.0",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.2.3"
+    "vitest": "^3.2.4"
   },
   "overrides": {
     "storybook": "$storybook"

package/dist/index-BNU3RH-3.js

@@ -1,133 +0,0 @@
-import { jsx as i, jsxs as w } from "react/jsx-runtime";
-import * as l from "react";
-import { c as M, b as x } from "./index-Cq1I1cG9.js";
-import { u as A, b as I } from "./index-B5MIi2tR.js";
-import { c as v, R as $, P as L, O as F, W as G, C as W, T as j, d as B, b as D, e as Y } from "./index-DLYwlPRZ.js";
-import { Button as k } from "./components/Button/Button.js";
-import { cn as q } from "./utils/index.js";
-var f = "AlertDialog", [H, se] = M(f, [
-  v
-]), s = v(), m = (e) => {
-  const { __scopeAlertDialog: o, ...r } = e, a = s(o);
-  return /* @__PURE__ */ i($, { ...a, ...r, modal: !0 });
-};
-m.displayName = f;
-var V = "AlertDialogTrigger", y = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, ...a } = e, t = s(r);
-    return /* @__PURE__ */ i(Y, { ...t, ...a, ref: o });
-  }
-);
-y.displayName = V;
-var z = "AlertDialogPortal", _ = (e) => {
-  const { __scopeAlertDialog: o, ...r } = e, a = s(o);
-  return /* @__PURE__ */ i(L, { ...a, ...r });
-};
-_.displayName = z;
-var J = "AlertDialogOverlay", N = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, ...a } = e, t = s(r);
-    return /* @__PURE__ */ i(F, { ...t, ...a, ref: o });
-  }
-);
-N.displayName = J;
-var n = "AlertDialogContent", [K, Q] = H(n), U = I("AlertDialogContent"), h = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, children: a, ...t } = e, d = s(r), p = l.useRef(null), O = A(o, p), g = l.useRef(null);
-    return /* @__PURE__ */ i(
-      G,
-      {
-        contentName: n,
-        titleName: C,
-        docsSlug: "alert-dialog",
-        children: /* @__PURE__ */ i(K, { scope: r, cancelRef: g, children: /* @__PURE__ */ w(
-          W,
-          {
-            role: "alertdialog",
-            ...d,
-            ...t,
-            ref: O,
-            onOpenAutoFocus: x(t.onOpenAutoFocus, (c) => {
-              var u;
-              c.preventDefault(), (u = g.current) == null || u.focus({ preventScroll: !0 });
-            }),
-            onPointerDownOutside: (c) => c.preventDefault(),
-            onInteractOutside: (c) => c.preventDefault(),
-            children: [
-              /* @__PURE__ */ i(U, { children: a }),
-              /* @__PURE__ */ i(Z, { contentRef: p })
-            ]
-          }
-        ) })
-      }
-    );
-  }
-);
-h.displayName = n;
-var C = "AlertDialogTitle", R = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, ...a } = e, t = s(r);
-    return /* @__PURE__ */ i(j, { ...t, ...a, ref: o });
-  }
-);
-R.displayName = C;
-var E = "AlertDialogDescription", P = l.forwardRef((e, o) => {
-  const { __scopeAlertDialog: r, ...a } = e, t = s(r);
-  return /* @__PURE__ */ i(B, { ...t, ...a, ref: o });
-});
-P.displayName = E;
-var X = "AlertDialogAction", S = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, ...a } = e, t = s(r);
-    return /* @__PURE__ */ i(D, { ...t, ...a, ref: o });
-  }
-);
-S.displayName = X;
-var T = "AlertDialogCancel", b = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, ...a } = e, { cancelRef: t } = Q(T, r), d = s(r), p = A(o, t);
-    return /* @__PURE__ */ i(D, { ...d, ...a, ref: p });
-  }
-);
-b.displayName = T;
-var Z = ({ contentRef: e }) => {
-  const o = `\`${n}\` requires a description for the component to be accessible for screen reader users.
-
-You can add a description to the \`${n}\` by passing a \`${E}\` 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 \`${n}\`. 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 l.useEffect(() => {
-    var a;
-    document.getElementById(
-      (a = e.current) == null ? void 0 : a.getAttribute("aria-describedby")
-    ) || console.warn(o);
-  }, [o, e]), null;
-}, ne = m, ee = y, ce = _, pe = N, de = h, ge = S, ue = b, Ae = R, ve = P;
-const De = ({
-  "data-theme": e,
-  className: o,
-  text: r,
-  onOpen: a
-}) => /* @__PURE__ */ i(ee, { asChild: !0, children: /* @__PURE__ */ i(
-  k,
-  {
-    type: "button",
-    "data-theme": e,
-    className: q(o),
-    onClick: a,
-    children: r
-  }
-) });
-export {
-  De as A,
-  de as C,
-  ve as D,
-  pe as O,
-  ce as P,
-  ne as R,
-  Ae as T,
-  ue as a,
-  ge as b
-};