@konstructio/ui 0.0.2 → 0.0.4

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

@@ -1,11 +1,11 @@
 export declare const sliderVariants: (props?: ({
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const trackVariants: (props?: ({
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
     size?: "sm" | "lg" | "md" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const thumbVariants: (props?: ({
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
     size?: "sm" | "lg" | "md" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Slider/Slider.variants.js

@@ -1,24 +1,24 @@
-import { c as e } from "../../index-BwYCDOHZ.js";
+import { c as e } from "../../index-BNmRGtA6.js";
 const r = e(
   ["relative", "flex", "items-center", "w-full"],
   {
     variants: {
       theme: {
         kubefirst: "",
-        konstruct: "",
-        colony: ""
+        colony: "",
+        civo: ""
       }
     },
     defaultVariants: {
       theme: "kubefirst"
     }
   }
-), s = e(["relative", "flex-grow", "rounded-full"], {
+), i = e(["relative", "flex-grow", "rounded-full"], {
   variants: {
     theme: {
-      kubefirst: ["bg-kubefirst-purple-dark"],
-      konstruct: ["bg-orange-500"],
-      colony: ["bg-red-500"]
+      kubefirst: ["bg-kubefirst-secondary"],
+      colony: ["bg-red-500"],
+      civo: ""
     },
     size: {
       sm: ["h-1"],
@@ -30,7 +30,7 @@ const r = e(
     theme: "kubefirst",
     size: "md"
   }
-}), a = e(
+}), s = e(
   [
     "block",
     "w-5",
@@ -47,8 +47,8 @@ const r = e(
     variants: {
       theme: {
         kubefirst: "",
-        konstruct: "",
-        colony: ""
+        colony: "",
+        civo: ""
       },
       size: {
         sm: ["w-5", "h-5"],
@@ -64,6 +64,6 @@ const r = e(
 );
 export {
   r as sliderVariants,
-  a as thumbVariants,
-  s as trackVariants
+  s as thumbVariants,
+  i as trackVariants
 };

package/dist/components/Switch/Switch.js

@@ -2,9 +2,9 @@ import { jsxs as x, jsx as l } from "react/jsx-runtime";
 import * as h from "react";
 import { forwardRef as I, useState as _, useRef as H, useId as A, useImperativeHandle as M, useEffect as $, useCallback as j } from "react";
 import { c as z, a as B, d as q } from "../../index-8vgf-x5i.js";
-import { u as F } from "../../index-CCavb-1K.js";
+import { u as F } from "../../index-DoOsnuB6.js";
 import { u as O, a as V } from "../../index-BxeV34ij.js";
-import { P } from "../../index-BJ7FQg17.js";
+import { P } from "../../index-OOfdXoxx.js";
 import { cn as D } from "../../utils/index.js";
 import "../../contexts/theme.context.js";
 import { useTheme as L } from "../../contexts/theme.hook.js";

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

@@ -1,6 +1,6 @@
 export declare const switchVariants: (props?: ({
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const thumbVariants: (props?: ({
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Switch/Switch.variants.js

@@ -1,4 +1,4 @@
-import { c as t } from "../../index-BwYCDOHZ.js";
+import { c as t } from "../../index-BNmRGtA6.js";
 const e = t(
   [
     "w-12",
@@ -16,9 +16,9 @@ const e = t(
   {
     variants: {
       theme: {
-        konstruct: "bg-orange-600",
-        kubefirst: "bg-kubefirst-purple-light",
-        colony: "bg-red-600"
+        kubefirst: "bg-kubefirst-primary",
+        colony: "bg-red-600",
+        civo: ""
       }
     },
     defaultVariants: {
@@ -42,9 +42,9 @@ const e = t(
   {
     variants: {
       theme: {
-        konstruct: "",
         kubefirst: "",
-        colony: ""
+        colony: "",
+        civo: ""
       }
     },
     defaultVariants: {

package/dist/components/Tag/Tag.variants.js

@@ -1,4 +1,4 @@
-import { c as e } from "../../index-BwYCDOHZ.js";
+import { c as e } from "../../index-BNmRGtA6.js";
 const f = e(
   ["px-2", "py-1", "rounded-md", "w-max", "text-xs"],
   {

package/dist/components/TagSelect/TagSelect.js

@@ -7,7 +7,7 @@ import { cn as u } from "../../utils/index.js";
 import { Tag as d } from "../Tag/Tag.js";
 import { useTagSelect as k } from "./hooks/useTagSelect.js";
 import { tagSelectVariants as I, tagListVariants as V, tagItemVariants as j } from "./TagSelect.variants.js";
-import { C as y } from "../../chevron-up-Cmu1oXfj.js";
+import { C as y } from "../../chevron-up-CvquEaNg.js";
 const B = g(({ label: n, name: r, options: f, placeholder: h = "Select a value...", theme: l }, x) => {
   const s = w(), { theme: o } = S(), t = C(null), {
     isOpen: a,

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

@@ -1,9 +1,9 @@
 export declare const tagSelectVariants: (props?: ({
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const tagListVariants: (props?: ({
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const tagItemVariants: (props?: ({
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/TagSelect/TagSelect.variants.js

@@ -1,4 +1,4 @@
-import { c as e } from "../../index-BwYCDOHZ.js";
+import { c as e } from "../../index-BNmRGtA6.js";
 const t = e(
   [
     "border",
@@ -18,14 +18,11 @@ const t = e(
     variants: {
       theme: {
         colony: ["aria-expanded:border-red-400", "aria-expanded:text-red-400"],
-        konstruct: [
-          "aria-expanded:border-orange-400",
-          "aria-expanded:text-orange-400"
-        ],
         kubefirst: [
-          "aria-expanded:border-kubefirst-purple-light",
-          "aria-expanded:text-kubefirst-purple-dark"
-        ]
+          "aria-expanded:border-kubefirst-primary",
+          "aria-expanded:text-kubefirst-secondary"
+        ],
+        civo: ""
       }
     },
     defaultVariants: {
@@ -53,22 +50,22 @@ const t = e(
     variants: {
       theme: {
         colony: ["border-red-400"],
-        konstruct: ["border-orange-400"],
-        kubefirst: ["border-kubefirst-purple-light"]
+        kubefirst: ["border-kubefirst-primary"],
+        civo: ""
       }
     },
     defaultVariants: {
       theme: "kubefirst"
     }
   }
-), o = e(
+), i = e(
   ["cursor-pointer", "py-1", "px-2", "last:mb-2", "first:mt-2", "h-full"],
   {
     variants: {
       theme: {
         colony: "hover:bg-red-100",
-        konstruct: "hover:bg-orange-100",
-        kubefirst: "hover:bg-purple-100"
+        kubefirst: "hover:bg-purple-100",
+        civo: ""
       }
     },
     defaultVariants: {
@@ -77,7 +74,7 @@ const t = e(
   }
 );
 export {
-  o as tagItemVariants,
+  i as tagItemVariants,
   a as tagListVariants,
   t as tagSelectVariants
 };

package/dist/components/TagSelect/hooks/useTagSelect.d.ts

@@ -3,7 +3,7 @@ export declare const useTagSelect: () => {
     isOpen: boolean;
     selectedTag: TagProps | null;
     value: string;
-    wrapperRef: import('react').RefObject<HTMLDivElement>;
+    wrapperRef: import('react').RefObject<HTMLDivElement | null>;
     handleClickTag: (tag: TagProps) => void;
     handleOpenDropdown: () => void;
 };

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

@@ -1,3 +1,3 @@
 export declare const textAreaVariants: (props?: ({
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/TextArea/TextArea.variants.js

@@ -1,5 +1,5 @@
-import { c as e } from "../../index-BwYCDOHZ.js";
-const o = e(
+import { c as e } from "../../index-BNmRGtA6.js";
+const i = e(
   [
     "border",
     "border-gray-200",
@@ -20,8 +20,8 @@ const o = e(
     variants: {
       theme: {
         colony: "focus:ring-red-700",
-        kubefirst: "focus:ring-kubefirst-purple-light",
-        konstruct: "focus:ring-orange-600"
+        kubefirst: "focus:ring-kubefirst-primary",
+        civo: ""
       }
     },
     defaultVariants: {
@@ -30,5 +30,5 @@ const o = e(
   }
 );
 export {
-  o as textAreaVariants
+  i as textAreaVariants
 };