@konstructio/ui 0.1.2-alpha.71 → 0.1.2-alpha.72

package/dist/utils/index.js

@@ -1,5 +1,5 @@
-import { c as je } from "../clsx-OuTLNxxd.js";
-const Ee = (e, t) => {
+import { c as Ee } from "../clsx-OuTLNxxd.js";
+const je = (e, t) => {
   const o = new Array(e.length + t.length);
   for (let r = 0; r < e.length; r++)
     o[r] = e[r];
@@ -28,7 +28,7 @@ const Ee = (e, t) => {
     getConflictingClassGroupIds: (a, b) => {
       if (b) {
         const d = r[a], u = o[a];
-        return d ? u ? Ee(u, d) : d : u || fe;
+        return d ? u ? je(u, d) : d : u || fe;
       }
       return o[a] || fe;
     }
@@ -278,10 +278,10 @@ const Ee = (e, t) => {
   // 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.
   ao.test(e) && !io.test(e)
-), ae = () => !1, po = (e) => lo.test(e), bo = (e) => co.test(e), uo = (e) => !s(e) && !n(e), fo = (e) => M(e, Pe, ae), s = (e) => Ae.test(e), j = (e) => M(e, Ge, mo), we = (e) => M(e, zo, p), go = (e) => M(e, Le, Re), ho = (e) => M(e, Te, ae), xe = (e) => M(e, Ie, ae), wo = (e) => M(e, Me, bo), J = (e) => M(e, Oe, po), n = (e) => Se.test(e), _ = (e) => E(e, Ge), xo = (e) => E(e, Te), ke = (e) => E(e, Ie), ko = (e) => E(e, Pe), yo = (e) => E(e, Me), H = (e) => E(e, Oe, !0), vo = (e) => E(e, Le, !0), M = (e, t, o) => {
+), ae = () => !1, po = (e) => lo.test(e), bo = (e) => co.test(e), uo = (e) => !s(e) && !n(e), fo = (e) => M(e, Pe, ae), s = (e) => Ae.test(e), E = (e) => M(e, Ge, mo), we = (e) => M(e, zo, p), go = (e) => M(e, Le, Re), ho = (e) => M(e, Te, ae), xe = (e) => M(e, Ie, ae), wo = (e) => M(e, Me, bo), J = (e) => M(e, Oe, po), n = (e) => Se.test(e), _ = (e) => j(e, Ge), xo = (e) => j(e, Te), ke = (e) => j(e, Ie), ko = (e) => j(e, Pe), yo = (e) => j(e, Me), H = (e) => j(e, Oe, !0), vo = (e) => j(e, Le, !0), M = (e, t, o) => {
   const r = Ae.exec(e);
   return r ? r[1] ? t(r[1]) : o(r[2]) : !1;
-}, E = (e, t, o = !1) => {
+}, j = (e, t, o = !1) => {
   const r = Se.exec(e);
   return r ? r[1] ? t(r[1]) : o : !1;
 }, Ie = (e) => e === "position" || e === "percentage", Me = (e) => e === "image" || e === "url", Pe = (e) => e === "length" || e === "size" || e === "bg-size", Ge = (e) => e === "length", zo = (e) => e === "number", Te = (e) => e === "family-name", Le = (e) => e === "number" || e === "weight", Oe = (e) => e === "shadow", Co = () => {
@@ -311,7 +311,7 @@ const Ee = (e, t) => {
     repeat: ["", "x", "y", "space", "round"]
   }], pe = () => ["auto", "cover", "contain", ko, fo, {
     size: [n, s]
-  }], oe = () => [te, _, j], w = () => [
+  }], oe = () => [te, _, E], w = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -319,7 +319,7 @@ const Ee = (e, t) => {
     u,
     n,
     s
-  ], x = () => ["", p, _, j], D = () => ["solid", "dashed", "dotted", "double"], be = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], g = () => [p, te, ke, xe], ue = () => [
+  ], x = () => ["", p, _, E], D = () => ["solid", "dashed", "dotted", "double"], be = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], g = () => [p, te, ke, xe], ue = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -1115,7 +1115,7 @@ const Ee = (e, t) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", o, _, j]
+        text: ["base", o, _, E]
       }],
       /**
        * Font Smoothing
@@ -1270,7 +1270,7 @@ const Ee = (e, t) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [p, "from-font", "auto", n, j]
+        decoration: [p, "from-font", "auto", n, E]
       }],
       /**
        * Text Decoration Color
@@ -1785,7 +1785,7 @@ const Ee = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", p, _, j]
+        outline: ["", p, _, E]
       }],
       /**
        * Outline Color
@@ -1860,7 +1860,7 @@ const Ee = (e, t) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [p, j]
+        "ring-offset": [p, E]
       }],
       /**
        * Ring Offset Color
@@ -2838,7 +2838,7 @@ const Ee = (e, t) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [p, _, j, we]
+        stroke: [p, _, E, we]
       }],
       /**
        * Stroke
@@ -2913,11 +2913,12 @@ const Ee = (e, t) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Ao = /* @__PURE__ */ ro(Co), Ro = (...e) => Ao(je(e)), Io = (e, t) => e.filter(
+}, Ao = /* @__PURE__ */ ro(Co), Ro = (...e) => Ao(Ee(e)), Io = (e, t) => e.filter(
   (o) => o.toLocaleLowerCase().indexOf(t.toLocaleLowerCase()) > -1
-), Mo = !!(typeof window < "u" && window.document && window.document.createElement);
+), Mo = !!(typeof window < "u" && window.document && window.document.createElement), Po = (e) => getComputedStyle(document.documentElement).getPropertyValue(e).trim() || e;
 export {
   Ro as cn,
   Io as filterByValue,
-  Mo as isClient
+  Mo as isClient,
+  Po as resolveColor
 };

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.71",
+  "version": "0.1.2-alpha.72",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -99,8 +99,8 @@
     "google-libphonenumber": "^3.2.44",
     "i18n-iso-countries": "^7.14.0",
     "js-cookie": "^3.0.5",
-    "lucide-react": "^0.576.0",
-    "motion": "^12.34.5",
+    "lucide-react": "^0.577.0",
+    "motion": "^12.35.0",
     "react-chartjs-2": "^5.3.1",
     "react-day-picker": "^9.14.0",
     "react-feather": "^2.0.10",
@@ -143,9 +143,9 @@
   "devDependencies": {
     "@faker-js/faker": "^10.3.0",
     "@rollup/plugin-alias": "^6.0.0",
-    "@storybook/addon-docs": "^10.2.14",
-    "@storybook/addon-links": "^10.2.14",
-    "@storybook/react-vite": "^10.2.14",
+    "@storybook/addon-docs": "^10.2.15",
+    "@storybook/addon-links": "^10.2.15",
+    "@storybook/react-vite": "^10.2.15",
     "@tailwindcss/vite": "^4.2.1",
     "@tanstack/react-query": "^5.90.21",
     "@testing-library/jest-dom": "^6.9.1",
@@ -166,7 +166,7 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.5.2",
-    "eslint-plugin-storybook": "^10.2.14",
+    "eslint-plugin-storybook": "^10.2.15",
     "eslint-plugin-vitest": "^0.5.4",
     "glob": "^13.0.6",
     "husky": "^9.1.7",
@@ -176,7 +176,7 @@
     "postcss": "^8.5.8",
     "prettier": "^3.8.1",
     "rimraf": "^6.1.3",
-    "storybook": "^10.2.14",
+    "storybook": "^10.2.15",
     "tailwindcss": "^4.2.1",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.3",

package/dist/assets/icons/components/CheckCircle.d.ts

@@ -1,3 +0,0 @@
-import { IconProps } from './types';
-export declare const CheckCircleIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
-export default CheckCircleIcon;

package/dist/components/Tooltip/Tooltip.variants.d.ts

@@ -1,6 +0,0 @@
-export declare const tooltipVariants: (props?: ({
-    position?: "left" | "right" | "bottom" | "top" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const arrowVariants: (props?: ({
-    position?: "left" | "right" | "bottom" | "top" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Tooltip/Tooltip.variants.js

@@ -1,86 +0,0 @@
-import { c as r } from "../../index-D29mdTf5.js";
-const a = r(
-  [
-    "absolute",
-    "w-max",
-    "py-2",
-    "px-[6px]",
-    "rounded-xs",
-    "shadow-md",
-    "transition-all",
-    "ease-linear",
-    "opacity-0",
-    "duration-250",
-    "[&[data-visible='true']]:opacity-100",
-    "delay-100",
-    "bg-slate-700"
-  ],
-  {
-    variants: {
-      position: {
-        top: ["-top-[120%]", "left-[50%]", "-translate-x-1/2"],
-        bottom: ["-bottom-[120%]", "right-[50%]", "translate-x-1/2"],
-        right: ["top-1/2", "ml-1", "left-[100%]", "-translate-y-2/4"],
-        left: ["top-1/2", "mr-1", "right-[100%]", "-translate-y-2/4"]
-      }
-    },
-    defaultVariants: {
-      position: "right"
-    }
-  }
-), o = r(
-  ["absolute", "w-0", "h-0", "border-slate-700"],
-  {
-    variants: {
-      position: {
-        top: [
-          "top-full",
-          "right-1/2",
-          "translate-x-2/4",
-          "border-l-4",
-          "border-l-transparent",
-          "border-r-4",
-          "border-r-transparent",
-          "border-t-4"
-        ],
-        bottom: [
-          "bottom-full",
-          "right-1/2",
-          "translate-x-2/4",
-          "border-l-4",
-          "border-l-transparent",
-          "border-r-4",
-          "border-r-transparent",
-          "border-b-4"
-        ],
-        right: [
-          "right-full",
-          "top-1/2",
-          "-translate-y-2/4",
-          "border-t-4",
-          "border-t-transparent",
-          "border-b-4",
-          "border-b-transparent",
-          "border-r-4"
-        ],
-        left: [
-          "left-full",
-          "top-1/2",
-          "-translate-y-2/4",
-          "border-t-4",
-          "border-t-transparent",
-          "border-b-4",
-          "border-b-transparent",
-          "border-l-4"
-        ]
-      }
-    },
-    defaultVariants: {
-      position: "right"
-    }
-  }
-);
-export {
-  o as arrowVariants,
-  a as tooltipVariants
-};

package/dist/components/Tooltip/hooks/useTooltip.d.ts

@@ -1,4 +0,0 @@
-export declare const useTooltip: () => {
-    isVisible: boolean;
-    componentRef: import('react').RefObject<HTMLElement | null>;
-};

package/dist/components/Tooltip/hooks/useTooltip.js

@@ -1,24 +0,0 @@
-import { useRef as r, useState as o, useEffect as l } from "react";
-const u = () => {
-  const e = r(null), [s, n] = o(!1);
-  return l(() => {
-    const t = new AbortController();
-    return e.current?.addEventListener(
-      "mouseenter",
-      () => n(!0),
-      { signal: t.signal }
-    ), e.current?.addEventListener(
-      "mouseleave",
-      () => n(!1),
-      { signal: t.signal }
-    ), () => {
-      t.abort();
-    };
-  }, []), {
-    isVisible: s,
-    componentRef: e
-  };
-};
-export {
-  u as useTooltip
-};