@konstructio/ui 0.0.12 → 0.0.13-alpha.2

package/dist/components/Button/Button.variants.js

@@ -1,5 +1,5 @@
-import { c as e } from "../../index-BNmRGtA6.js";
-const a = e(
+import { c as r } from "../../index-BNmRGtA6.js";
+const e = r(
   [
     "border",
     "cursor-pointer",
@@ -18,7 +18,19 @@ const a = e(
     "whitespace-nowrap",
     "h-10",
     "p-4",
-    "text-sm"
+    "text-sm",
+    "border-kubefirst-primary",
+    "bg-kubefirst-primary",
+    "hover:bg-kubefirst-secondary",
+    "hover:border-kubefirst-secondary",
+    "colony:bg-colony-primary",
+    "colony:border-colony-primary",
+    "colony:hover:bg-colony-secondary",
+    "colony:hover:border-colony-secondary",
+    "civo:bg-civo-primary",
+    "civo:border-civo-primary",
+    "civo:hover:bg-civo-secondary",
+    "civo:hover:border-civo-secondary"
   ],
   {
     variants: {
@@ -39,11 +51,6 @@ const a = e(
         default: "",
         alternate: ""
       },
-      theme: {
-        civo: "",
-        colony: "",
-        kubefirst: ""
-      },
       disabled: {
         true: ["text-zinc-500", "border-zinc-200", "bg-zinc-200"],
         false: ""
@@ -54,78 +61,43 @@ const a = e(
       }
     },
     compoundVariants: [
-      {
-        variant: "primary",
-        theme: "kubefirst",
-        disabled: !1,
-        class: [
-          "border-kubefirst-primary",
-          "bg-kubefirst-primary",
-          "hover:bg-kubefirst-secondary",
-          "hover:border-kubefirst-secondary"
-        ]
-      },
-      {
-        variant: "primary",
-        theme: "colony",
-        disabled: !1,
-        class: [
-          "bg-colony-primary",
-          "border-colony-primary",
-          "hover:bg-colony-secondary",
-          "hover:border-colony-secondary"
-        ]
-      },
-      {
-        variant: "primary",
-        theme: "civo",
-        disabled: !1,
-        class: [
-          "bg-civo-primary",
-          "border-civo-primary",
-          "hover:bg-civo-secondary",
-          "hover:border-civo-secondary"
-        ]
-      },
       {
         variant: "secondary",
-        theme: "kubefirst",
         disabled: !1,
         class: [
           "text-kubefirst-primary",
           "border-kubefirst-primary",
           "hover:text-kubefirst-secondary",
           "hover:border-kubefirst-secondary",
-          "hover:bg-purple-50"
-        ]
-      },
-      {
-        variant: "secondary",
-        theme: "colony",
-        disabled: !1,
-        class: [
-          "text-colony-primary",
-          "border-colony-primary",
-          "hover:text-colony-secondary",
-          "hover:border-colony-secondary",
-          "hover:bg-pink-50"
-        ]
-      },
-      {
-        variant: "secondary",
-        theme: "civo",
-        disabled: !1,
-        class: [
-          "text-[#324154]",
-          "border-[#cbd5e0]",
-          "hover:text-[#5d6776]",
-          "hover:border-[#d6dde6]"
+          "hover:bg-purple-50",
+          "colony:text-colony-primary",
+          "colony:bg-white",
+          "colony:border-colony-primary",
+          "colony:hover:text-colony-secondary",
+          "colony:hover:border-colony-secondary",
+          "colony:hover:bg-pink-50",
+          "civo:bg-white",
+          "civo:hover:bg-white",
+          "civo:text-[#324154]",
+          "civo:border-[#cbd5e0]",
+          "civo:hover:text-[#5d6776]",
+          "civo:hover:border-[#d6dde6]"
         ]
       },
       {
         variant: "primary",
         disabled: !0,
-        class: ["bg-zinc-200", "border-zinc-200", "text-zinc-500"]
+        class: [
+          "bg-zinc-200",
+          "border-zinc-200",
+          "text-zinc-500",
+          "colony:bg-zinc-200",
+          "colony:border-zinc-200",
+          "colony:text-zinc-500",
+          "civo:bg-zinc-200",
+          "civo:border-zinc-200",
+          "civo:text-zinc-500"
+        ]
       },
       {
         variant: "secondary",
@@ -134,163 +106,135 @@ const a = e(
       },
       {
         variant: "text",
-        theme: "kubefirst",
-        disabled: !1,
-        version: "default",
-        class: ["hover:text-kubefirst-primary", "hover:bg-purple-50"]
-      },
-      {
-        variant: "text",
-        theme: "colony",
         disabled: !1,
         version: "default",
-        class: ["hover:text-colony-primary", "hover:bg-pink-50"]
-      },
-      {
-        variant: "text",
-        theme: "civo",
-        disabled: !1,
-        version: "default",
-        class: ["hover:text-civo-primary", "hover:bg-blue-50"]
-      },
-      {
-        variant: "text",
-        theme: "kubefirst",
-        disabled: !1,
-        version: "alternate",
         class: [
-          "text-kubefirst-primary",
+          "hover:border-transparent",
           "hover:text-kubefirst-primary",
-          "hover:bg-purple-50"
+          "hover:bg-purple-50",
+          "colony:bg-white",
+          "colony:border-transparent",
+          "colony:hover:border-transparent",
+          "colony:hover:text-colony-primary",
+          "colony:hover:bg-pink-50",
+          "civo:bg-white",
+          "civo:border-transparent",
+          "civo:hover:border-transparent",
+          "civo:hover:text-civo-primary",
+          "civo:hover:bg-blue-50"
         ]
       },
       {
         variant: "text",
-        theme: "colony",
         disabled: !1,
         version: "alternate",
         class: [
-          "text-colony-primary",
-          "hover:text-colony-primary",
-          "hover:bg-pink-50"
+          "hover:border-transparent",
+          "text-kubefirst-primary",
+          "hover:text-kubefirst-primary",
+          "hover:bg-purple-50",
+          "colony:bg-white",
+          "colony:border-transparent",
+          "colony:hover:border-transparent",
+          "colony:text-colony-primary",
+          "colony:hover:text-colony-primary",
+          "colony:hover:bg-pink-50",
+          "civo:bg-white",
+          "civo:border-transparent",
+          "civo:hover:border-transparent",
+          "civo:text-civo-primary",
+          "civo:hover:text-civo-primary",
+          "civo:hover:bg-blue-50"
         ]
       },
       {
         variant: "text",
-        theme: "civo",
-        disabled: !1,
-        version: "alternate",
+        disabled: !0,
+        version: ["default", "alternate"],
         class: [
-          "text-civo-primary",
-          "hover:text-civo-primary",
-          "hover:bg-blue-50"
+          "bg-white",
+          "border-white",
+          "text-zinc-400",
+          "colony:bg-white",
+          "colony:border-white",
+          "colony:text-zinc-400",
+          "civo:bg-white",
+          "civo:border-white",
+          "civo:text-zinc-400"
         ]
       },
-      {
-        variant: "text",
-        disabled: !0,
-        class: ["bg-transparent", "border-transparent", "text-zinc-400"]
-      },
       {
         variant: "circle",
         size: "medium",
-        theme: "kubefirst",
         disabled: !1,
         class: [
           "text-slate-400",
           "bg-transparent",
           "border-transparent",
+          "hover:border-transparent",
           "hover:bg-kubefirst-primary/5",
           "hover:text-kubefirst-primary",
           "w-8",
           "h-8",
           "[&>svg]:w-5",
-          "[&>svg]:h-5"
+          "[&>svg]:h-5",
+          "colony:text-slate-400",
+          "colony:bg-transparent",
+          "colony:border-transparent",
+          "colony:hover:border-transparent",
+          "colony:hover:bg-colony-primary/5",
+          "colony:hover:text-colony-primary",
+          "colony:w-8",
+          "colony:h-8",
+          "colony:[&>svg]:w-5",
+          "colony:[&>svg]:h-5",
+          "civo:text-slate-400",
+          "civo:bg-transparent",
+          "civo:border-transparent",
+          "civo:hover:border-transparent",
+          "civo:hover:bg-civo-primary/5",
+          "civo:hover:text-civo-primary",
+          "civo:w-8",
+          "civo:h-8",
+          "civo:[&>svg]:w-5",
+          "civo:[&>svg]:h-5"
         ]
       },
       {
         variant: "circle",
         size: "large",
-        theme: "kubefirst",
         disabled: !1,
         class: [
           "text-slate-400",
           "bg-transparent",
           "border-transparent",
+          "hover:border-transparent",
           "hover:bg-kubefirst-primary/5",
           "hover:text-kubefirst-primary",
           "w-11",
           "h-11",
           "[&>svg]:w-6",
-          "[&>svg]:h-6"
-        ]
-      },
-      {
-        variant: "circle",
-        size: "medium",
-        theme: "colony",
-        disabled: !1,
-        class: [
-          "text-slate-400",
-          "bg-transparent",
-          "border-transparent",
-          "hover:bg-colony-primary/5",
-          "hover:text-colony-primary",
-          "w-8",
-          "h-8",
-          "[&>svg]:w-5",
-          "[&>svg]:h-5"
-        ]
-      },
-      {
-        variant: "circle",
-        size: "large",
-        theme: "colony",
-        disabled: !1,
-        class: [
-          "text-slate-400",
-          "bg-transparent",
-          "border-transparent",
-          "hover:bg-colony-primary/5",
-          "hover:text-colony-primary",
-          "w-11",
-          "h-11",
-          "[&>svg]:w-6",
-          "[&>svg]:h-6"
-        ]
-      },
-      {
-        variant: "circle",
-        size: "medium",
-        theme: "civo",
-        disabled: !1,
-        class: [
-          "text-slate-400",
-          "bg-transparent",
-          "border-transparent",
-          "hover:bg-civo-primary/5",
-          "hover:text-civo-primary",
-          "w-8",
-          "h-8",
-          "[&>svg]:w-5",
-          "[&>svg]:h-5"
-        ]
-      },
-      {
-        variant: "circle",
-        size: "large",
-        theme: "civo",
-        disabled: !1,
-        class: [
-          "text-slate-400",
-          "bg-transparent",
-          "border-transparent",
-          "hover:bg-civo-primary/5",
-          "hover:text-civo-primary",
-          "w-11",
-          "h-11",
-          "[&>svg]:w-6",
-          "[&>svg]:h-6"
+          "[&>svg]:h-6",
+          "colony:text-slate-400",
+          "colony:bg-transparent",
+          "colony:border-transparent",
+          "colony:hover:border-transparent",
+          "colony:hover:bg-colony-primary/5",
+          "colony:hover:text-colony-primary",
+          "colony:w-11",
+          "colony:h-11",
+          "colony:[&>svg]:w-6",
+          "colony:[&>svg]:h-6",
+          "civo:text-slate-400",
+          "civo:bg-transparent",
+          "civo:border-transparent",
+          "civo:hover:border-transparent",
+          "civo:hover:bg-civo-primary/5",
+          "civo:hover:text-civo-primary",
+          "civo:w-11",
+          "civo:h-11",
+          "civo:[&>svg]:w-6",
+          "civo:[&>svg]:h-6"
         ]
       },
       {
@@ -304,32 +248,31 @@ const a = e(
           "w-8",
           "h-8",
           "[&>svg]:w-5",
-          "[&>svg]:h-5"
-        ]
-      },
-      {
-        variant: "circle",
-        size: "large",
-        disabled: !0,
-        class: [
-          "text-slate-300",
-          "bg-transparent",
-          "border-transparent",
-          "w-11",
-          "h-11",
-          "[&>svg]:w-6",
-          "[&>svg]:h-6"
+          "[&>svg]:h-5",
+          "colony:text-slate-300",
+          "colony:bg-transparent",
+          "colony:border-transparent",
+          "colony:w-8",
+          "colony:h-8",
+          "colony:[&>svg]:w-5",
+          "colony:[&>svg]:h-5",
+          "civo:text-slate-300",
+          "civo:bg-transparent",
+          "civo:border-transparent",
+          "civo:w-8",
+          "civo:h-8",
+          "civo:[&>svg]:w-5",
+          "civo:[&>svg]:h-5"
         ]
       }
     ],
     defaultVariants: {
       variant: "primary",
-      theme: "kubefirst",
       version: "default",
       disabled: !1
     }
   }
 );
 export {
-  a as buttonVariants
+  e as buttonVariants
 };

package/dist/components/Card/Card.js

@@ -1,42 +1,35 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
-import "../../contexts/theme.context.js";
-import { useTheme as f } from "../../contexts/theme.hook.js";
-import "../../js.cookie-OLEfuq_g.js";
-import { cn as t } from "../../utils/index.js";
-import { cardBaseVariants as n, cardVariants as h } from "./Card.variants.js";
+import { cn as s } from "../../utils/index.js";
+import { cardVariants as f, cardBaseVariants as p } from "./Card.variants.js";
 const l = c(
-  ({ className: s, theme: r, isActive: m, canHover: a, wrapperClassName: i, ...d }, p) => {
-    const { theme: e } = f();
-    return /* @__PURE__ */ o(
-      "div",
-      {
-        className: t(
-          n({
-            canHover: a,
-            className: i,
-            isActive: m,
-            theme: r ?? e
-          })
-        ),
-        children: /* @__PURE__ */ o(
-          "div",
-          {
-            ref: p,
-            className: t(
-              h({
-                className: s,
-                theme: r ?? e,
-                isActive: m,
-                canHover: a
-              })
-            ),
-            ...d
-          }
-        )
-      }
-    );
-  }
+  ({ className: d, theme: o, isActive: a, canHover: r, wrapperClassName: t, ...e }, i) => /* @__PURE__ */ m(
+    "div",
+    {
+      "data-theme": o,
+      className: s(
+        p({
+          canHover: r,
+          className: t,
+          isActive: a
+        })
+      ),
+      children: /* @__PURE__ */ m(
+        "div",
+        {
+          ref: i,
+          className: s(
+            f({
+              className: d,
+              isActive: a,
+              canHover: r
+            })
+          ),
+          ...e
+        }
+      )
+    }
+  )
 );
 l.displayName = "Card";
 export {

package/dist/components/Card/Card.variants.js

@@ -1,13 +1,8 @@
 import { c as r } from "../../index-BNmRGtA6.js";
-const o = r(
+const e = r(
   ["border", "border-slate-200", "rounded-xl"],
   {
     variants: {
-      theme: {
-        colony: "",
-        kubefirst: "",
-        civo: ""
-      },
       isActive: {
         true: "border-transparent",
         false: ""
@@ -16,72 +11,42 @@ const o = r(
         true: ["group", "hover:border-transparent"],
         false: ""
       }
-    },
-    defaultVariants: {
-      theme: "kubefirst"
     }
   }
-), t = r(
+), a = r(
   ["border", "border-4", "p-3", "text-card-foreground", "rounded-xl"],
   {
     variants: {
-      theme: {
-        colony: "",
-        kubefirst: "",
-        civo: ""
-      },
       isActive: {
-        true: "",
+        true: [
+          "border-kubefirst-primary",
+          "shadow",
+          "colony:border-colony-primary",
+          "civo:border-civo-primary"
+        ],
         false: "border-transparent"
       },
       canHover: {
-        true: "cursor-pointer border-transparent",
+        true: [
+          "cursor-pointer",
+          "border-transparent",
+          "group-hover:border-kubefirst-primary",
+          "colony:group-hover:border-colony-primary",
+          "civo:group-hover:border-civo-primary"
+        ],
         false: ""
       }
     },
     compoundVariants: [
-      {
-        theme: "colony",
-        isActive: !0,
-        class: ["border-colony-primary", "shadow"]
-      },
-      {
-        theme: "kubefirst",
-        isActive: !0,
-        class: ["border-kubefirst-primary", "shadow"]
-      },
-      {
-        theme: "civo",
-        isActive: !0,
-        class: ["border-civo-primary", "shadow"]
-      },
-      {
-        theme: "colony",
-        canHover: !0,
-        class: "group-hover:border-colony-primary"
-      },
-      {
-        theme: "kubefirst",
-        canHover: !0,
-        class: "group-hover:border-kubefirst-primary"
-      },
-      {
-        theme: "civo",
-        canHover: !0,
-        class: "group-hover:border-civo-primary"
-      },
       {
         canHover: void 0,
         isActive: void 0,
         class: "border-transparent"
       }
-    ],
-    defaultVariants: {
-      theme: "kubefirst"
-    }
+    ]
   }
 );
 export {
-  o as cardBaseVariants,
-  t as cardVariants
+  e as cardBaseVariants,
+  a as cardVariants
 };