@konstructio/ui 0.0.2 → 0.0.4

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.0.1",
+  "version": "0.0.3",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -34,6 +34,9 @@
   "sideEffects": [
     "**/*.css"
   ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
   "homepage": "https://konstructio.github.io/konstruct-ui",
   "scripts": {
     "build": "rimraf ./dist & tsc --p ./tsconfig.build.json && vite build && cp ./package.json ./dist/package.json",
@@ -49,49 +52,50 @@
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
     "test": "vitest run --coverage",
-    "test:watch": "vitest run -w"
+    "test:watch": "vitest dev"
   },
   "dependencies": {
-    "@radix-ui/react-alert-dialog": "^1.1.2",
-    "@radix-ui/react-checkbox": "^1.1.2",
-    "@radix-ui/react-slider": "^1.2.1",
-    "@radix-ui/react-slot": "^1.1.0",
-    "@radix-ui/react-switch": "^1.1.1",
-    "@radix-ui/react-toast": "^1.2.2",
-    "@radix-ui/react-visually-hidden": "^1.1.0",
-    "class-variance-authority": "^0.7.0",
+    "@radix-ui/react-alert-dialog": "^1.1.4",
+    "@radix-ui/react-checkbox": "^1.1.3",
+    "@radix-ui/react-slider": "^1.2.2",
+    "@radix-ui/react-slot": "^1.1.1",
+    "@radix-ui/react-switch": "^1.1.2",
+    "@radix-ui/react-toast": "^1.2.4",
+    "@radix-ui/react-visually-hidden": "^1.1.1",
+    "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "js-cookie": "^3.0.5",
     "react-feather": "^2.0.10",
-    "react-focus-lock": "^2.13.2",
-    "react-remove-scroll": "^2.6.0",
-    "react-router-dom": "^6.28.0",
-    "tailwind-merge": "^2.5.4"
+    "react-focus-lock": "^2.13.5",
+    "react-remove-scroll": "^2.6.2",
+    "react-router-dom": "^7.0.2",
+    "tailwind-merge": "^2.5.5"
   },
   "peerDependencies": {
     "react": "^18",
     "react-dom": "^18"
   },
   "devDependencies": {
-    "@arethetypeswrong/cli": "^0.17.0",
-    "@storybook/addon-essentials": "^8.4.4",
-    "@storybook/addon-interactions": "^8.4.4",
-    "@storybook/addon-links": "^8.4.4",
+    "@arethetypeswrong/cli": "^0.17.1",
+    "@storybook/addon-docs": "^8.4.7",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
     "@storybook/addon-styling-webpack": "^1.0.1",
-    "@storybook/blocks": "^8.4.4",
-    "@storybook/react": "^8.4.4",
-    "@storybook/react-vite": "^8.4.4",
-    "@storybook/test": "^8.4.4",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/test": "^8.4.7",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.0.1",
+    "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/js-cookie": "^3.0.6",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "@typescript-eslint/eslint-plugin": "^8.14.0",
-    "@typescript-eslint/parser": "^8.14.0",
-    "@vitejs/plugin-react": "^4.3.3",
-    "@vitest/coverage-v8": "^2.1.5",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.2",
+    "@typescript-eslint/eslint-plugin": "^8.18.1",
+    "@typescript-eslint/parser": "^8.18.1",
+    "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/coverage-v8": "^2.1.8",
     "ajv": "^8.17.1",
     "autoprefixer": "^10.4.20",
     "eslint": "^8.57.0",
@@ -99,20 +103,20 @@
     "eslint-plugin-react-refresh": "^0.4.7",
     "eslint-plugin-storybook": "^0.9.0",
     "glob": "^11.0.0",
-    "husky": "^9.1.6",
+    "husky": "^9.1.7",
     "jsdom": "^25.0.1",
     "postcss": "^8.4.49",
-    "prettier": "^3.3.3",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "prettier": "^3.4.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "rimraf": "^6.0.1",
-    "storybook": "^8.4.4",
-    "tailwindcss": "^3.4.14",
+    "storybook": "^8.4.7",
+    "tailwindcss": "^3.4.16",
     "ts-node": "^10.9.2",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.11",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.3",
     "vite-plugin-dts": "^4.3.0",
     "vite-plugin-lib-inject-css": "^2.1.1",
-    "vitest": "^2.1.5"
+    "vitest": "^2.1.8"
   }
 }

package/dist/plugins/konstruct.js

@@ -1,55 +1,66 @@
-import { g as l } from "../_commonjsHelpers-C6fGbg64.js";
-import { konstructColors as s } from "./utils/colors.js";
-var c = {}, d = {};
-(function(t) {
-  Object.defineProperty(t, "__esModule", {
-    value: !0
-  }), Object.defineProperty(t, "default", {
-    enumerable: !0,
-    get: function() {
-      return o;
-    }
-  });
-  function r(n, e) {
-    return {
-      handler: n,
-      config: e
-    };
-  }
-  r.withOptions = function(n, e = () => ({})) {
-    const i = function(a) {
+import { g } from "../_commonjsHelpers-C6fGbg64.js";
+import { konstructColors as p } from "./utils/colors.js";
+var a = {}, l = {}, d;
+function m() {
+  return d || (d = 1, function(e) {
+    Object.defineProperty(e, "__esModule", {
+      value: !0
+    }), Object.defineProperty(e, "default", {
+      enumerable: !0,
+      get: function() {
+        return u;
+      }
+    });
+    function n(r, t) {
       return {
-        __options: a,
-        handler: n(a),
-        config: e(a)
+        handler: r,
+        config: t
       };
-    };
-    return i.__isOptionsFunction = !0, i.__pluginFunction = n, i.__configFunction = e, i;
-  };
-  const o = r;
-})(d);
-(function(t) {
-  Object.defineProperty(t, "__esModule", {
-    value: !0
-  }), Object.defineProperty(t, "default", {
-    enumerable: !0,
-    get: function() {
-      return n;
     }
-  });
-  const r = /* @__PURE__ */ o(d);
-  function o(e) {
-    return e && e.__esModule ? e : {
-      default: e
+    n.withOptions = function(r, t = () => ({})) {
+      const i = function(o) {
+        return {
+          __options: o,
+          handler: r(o),
+          config: t(o)
+        };
+      };
+      return i.__isOptionsFunction = !0, i.__pluginFunction = r, i.__configFunction = t, i;
     };
-  }
-  const n = r.default;
-})(c);
-let u = c;
-var f = (u.__esModule ? u : { default: u }).default;
-const g = /* @__PURE__ */ l(f), _ = g(
-  function({ addBase: t }) {
-    t({
+    const u = n;
+  }(l)), l;
+}
+var s;
+function _() {
+  return s || (s = 1, function(e) {
+    Object.defineProperty(e, "__esModule", {
+      value: !0
+    }), Object.defineProperty(e, "default", {
+      enumerable: !0,
+      get: function() {
+        return r;
+      }
+    });
+    const n = /* @__PURE__ */ u(m());
+    function u(t) {
+      return t && t.__esModule ? t : {
+        default: t
+      };
+    }
+    const r = n.default;
+  }(a)), a;
+}
+var c, f;
+function P() {
+  if (f) return c;
+  f = 1;
+  let e = _();
+  return c = (e.__esModule ? e : { default: e }).default, c;
+}
+var v = P();
+const b = /* @__PURE__ */ g(v), w = b(
+  function({ addBase: e }) {
+    e({
       ":root": {
         "--viewport-padding": "25px"
       }
@@ -58,7 +69,7 @@ const g = /* @__PURE__ */ l(f), _ = g(
   {
     theme: {
       extend: {
-        colors: { ...s },
+        colors: { ...p },
         viewportPadding: "",
         backgroundImage: {
           "kubefirst-gradient": "linear-gradient(90deg, #81E2B4, #8851C8)"
@@ -100,5 +111,5 @@ const g = /* @__PURE__ */ l(f), _ = g(
   }
 );
 export {
-  _ as konstructPlugin
+  w as konstructPlugin
 };

package/dist/plugins/utils/colors.d.ts

@@ -1,6 +1,18 @@
 export declare const konstructColors: {
-    black: "#000";
-    white: "#fff";
+    black: string;
+    white: string;
+    amber: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
     blue: {
         50: string;
         100: string;
@@ -13,6 +25,42 @@ export declare const konstructColors: {
         800: string;
         900: string;
     };
+    cyan: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    emerald: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    fuchsia: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
     gray: {
         50: string;
         100: string;
@@ -49,6 +97,18 @@ export declare const konstructColors: {
         800: string;
         900: string;
     };
+    lime: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
     metal: {
         50: string;
         100: string;
@@ -60,6 +120,8 @@ export declare const konstructColors: {
         700: string;
         800: string;
         900: string;
+        1000: string;
+        1100: string;
     };
     neutral: {
         50: string;
@@ -133,6 +195,42 @@ export declare const konstructColors: {
         800: string;
         900: string;
     };
+    rose: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    sage: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    sky: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
     slate: {
         50: string;
         100: string;
@@ -169,6 +267,18 @@ export declare const konstructColors: {
         800: string;
         900: string;
     };
+    violet: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
     yellow: {
         50: string;
         100: string;
@@ -193,14 +303,21 @@ export declare const konstructColors: {
         800: string;
         900: string;
     };
-    facebook: string;
-    twitter: string;
-    github: string;
-    linkedin: string;
-    youtube: string;
-    slack: string;
     kubefirst: {
-        'purple-light': string;
-        'purple-dark': string;
+        primary: string;
+        secondary: string;
+    };
+    'kubefirst-pro': {
+        primary: string;
+        secondary: string;
+    };
+    colony: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+    civo: {
+        primary: string;
+        secondary: string;
     };
 };