@konstructio/ui 0.0.12-alpha.9 → 0.0.13-alpha.1

package/dist/components/Sidebar/Sidebar.variants.js

@@ -1,58 +1,32 @@
-import { c as a } from "../../index-BNmRGtA6.js";
-const r = a(
-  [
-    "duration-200",
-    "ease-linear",
-    "flex",
-    "flex-col",
-    "flex-shrink-0",
-    "group/sidebar",
-    "h-full",
-    "px-4",
-    "relative",
-    "transition-all",
-    "w-[72px]",
-    "md:w-[256px]"
-  ],
-  {
-    variants: {
-      theme: {
-        colony: "",
-        kubefirst: ["bg-kubefirst-dark-blue-900"],
-        civo: ""
-      }
-    },
-    defaultVariants: {
-      theme: "kubefirst"
-    }
-  }
-), t = a(
-  [
-    "absolute",
-    "top-0",
-    "right-0",
-    "h-full",
-    "opacity-0",
-    "group-hover/sidebar:opacity-100",
-    "cursor-col-resize",
-    "w-[2px]",
-    "shadow",
-    "shadow-slate-200"
-  ],
-  {
-    variants: {
-      theme: {
-        colony: "",
-        kubefirst: ["bg-slate-200"],
-        civo: ""
-      }
-    },
-    defaultVariants: {
-      theme: "kubefirst"
-    }
-  }
-);
+import { c as r } from "../../index-BNmRGtA6.js";
+const e = r([
+  "duration-200",
+  "ease-linear",
+  "flex",
+  "flex-col",
+  "flex-shrink-0",
+  "group/sidebar",
+  "h-full",
+  "px-4",
+  "relative",
+  "transition-all",
+  "w-[72px]",
+  "md:w-[256px]",
+  "bg-kubefirst-dark-blue-900"
+]), o = r([
+  "absolute",
+  "top-0",
+  "right-0",
+  "h-full",
+  "opacity-0",
+  "group-hover/sidebar:opacity-100",
+  "cursor-col-resize",
+  "w-[2px]",
+  "shadow",
+  "shadow-slate-200",
+  "bg-slate-200"
+]);
 export {
-  t as dragVariants,
-  r as wrapperSiderbarVariants
+  o as dragVariants,
+  e as wrapperSiderbarVariants
 };

package/dist/components/Sidebar/components/Footer/Footer.js

@@ -1,19 +1,7 @@
-import { jsx as m } from "react/jsx-runtime";
-import { cn as s } from "../../../../utils/index.js";
-import { footerVariants as f } from "./Footer.variants.js";
-import { useTheme as n } from "../../../../contexts/theme.hook.js";
-const h = ({ theme: o, className: e, children: t }) => {
-  const { theme: r } = n();
-  return /* @__PURE__ */ m(
-    "footer",
-    {
-      className: s(
-        f({ theme: o ?? r, className: e })
-      ),
-      children: t
-    }
-  );
-};
+import { jsx as t } from "react/jsx-runtime";
+import { cn as m } from "../../../../utils/index.js";
+import { footerVariants as e } from "./Footer.variants.js";
+const i = ({ className: o, children: r }) => /* @__PURE__ */ t("footer", { className: m(e({ className: o })), children: r });
 export {
-  h as Footer
+  i as Footer
 };

package/dist/components/Sidebar/components/Footer/Footer.variants.js

@@ -1,19 +1,12 @@
 import { c as t } from "../../../../index-BNmRGtA6.js";
-const a = t(
-  ["p-2", "pb-5", "text-white", "flex", "flex-col", "gap-2"],
-  {
-    variants: {
-      theme: {
-        colony: "",
-        kubefirst: "",
-        civo: ""
-      }
-    },
-    defaultVariants: {
-      theme: "kubefirst"
-    }
-  }
-);
+const e = t([
+  "p-2",
+  "pb-5",
+  "text-white",
+  "flex",
+  "flex-col",
+  "gap-2"
+]);
 export {
-  a as footerVariants
+  e as footerVariants
 };

package/dist/components/Sidebar/components/Logo/Logo.js

@@ -1,17 +1,7 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as s } from "../../../../utils/index.js";
-import { logoVariants as n } from "./Logo.variants.js";
-import { useTheme as a } from "../../../../contexts/theme.hook.js";
-const f = ({ children: o, theme: e, className: m }) => {
-  const { theme: r } = a();
-  return /* @__PURE__ */ t(
-    "header",
-    {
-      className: s(n({ theme: e ?? r, className: m })),
-      children: o
-    }
-  );
-};
+import { jsx as m } from "react/jsx-runtime";
+import { cn as t } from "../../../../utils/index.js";
+import { logoVariants as a } from "./Logo.variants.js";
+const p = ({ children: o, className: r }) => /* @__PURE__ */ m("header", { className: t(a({ className: r })), children: o });
 export {
-  f as Logo
+  p as Logo
 };

package/dist/components/Sidebar/components/Logo/Logo.variants.js

@@ -1,39 +1,23 @@
-import { c as t } from "../../../../index-BNmRGtA6.js";
-const o = t(
-  [
-    "md:px-4",
-    "md:py-5",
-    "flex",
-    "flex-col",
-    "items-center",
-    "items-center",
-    "justify-center",
-    "gap-1",
-    "group",
-    "relative",
-    "mb-8",
-    "[&>p]:pl-14",
-    "[&>p]:-mt-2",
-    "[&>img]:pt-3",
-    "[&>*>p]:absolute",
-    "[&>*>p]:bottom-0",
-    "[&>*>p]:-mt-2",
-    "[&>*>img]:pt-3",
-    "cursor-pointer"
-  ],
-  {
-    variants: {
-      theme: {
-        colony: "",
-        kubefirst: "",
-        civo: ""
-      }
-    },
-    defaultVariants: {
-      theme: "kubefirst"
-    }
-  }
-);
+import { c as p } from "../../../../index-BNmRGtA6.js";
+const o = p([
+  "md:px-4",
+  "md:py-5",
+  "flex",
+  "flex-col",
+  "justify-center",
+  "gap-1",
+  "group",
+  "relative",
+  "mb-8",
+  "[&>p]:pl-14",
+  "[&>p]:-mt-2",
+  "[&>img]:pt-3",
+  "[&>*>p]:absolute",
+  "[&>*>p]:bottom-0",
+  "[&>*>p]:-mt-2",
+  "[&>*>img]:pt-3",
+  "cursor-pointer"
+]);
 export {
   o as logoVariants
 };

package/dist/components/Sidebar/components/Navigation/Navigation.js

@@ -1,31 +1,18 @@
-import { jsx as m } from "react/jsx-runtime";
-import { cn as n } from "../../../../utils/index.js";
-import { NavigationGroup as e } from "../NavigationGroup/NavigationGroup.js";
-import { NavigationOption as p } from "../NavigationOption/NavigationOption.js";
-import { NavigationSeparator as v } from "../NavigationSeparator/NavigationSeparator.js";
-import { NavigationTitle as g } from "../NavigationTitle/NavigationTitle.js";
-import { navigationVariants as N } from "./Navigation.variants.js";
-import { useTheme as f } from "../../../../contexts/theme.hook.js";
-const o = ({
-  className: i,
-  theme: t,
+import { jsx as t } from "react/jsx-runtime";
+import { cn as r } from "../../../../utils/index.js";
+import { NavigationGroup as n } from "../NavigationGroup/NavigationGroup.js";
+import { NavigationOption as m } from "../NavigationOption/NavigationOption.js";
+import { NavigationSeparator as p } from "../NavigationSeparator/NavigationSeparator.js";
+import { NavigationTitle as v } from "../NavigationTitle/NavigationTitle.js";
+import { navigationVariants as g } from "./Navigation.variants.js";
+const i = ({
+  className: o,
   children: a
-}) => {
-  const { theme: r } = f();
-  return /* @__PURE__ */ m(
-    "nav",
-    {
-      className: n(
-        N({ theme: t ?? r, className: i })
-      ),
-      children: a
-    }
-  );
-};
-o.NavigationGroup = e;
-o.NavigationOption = p;
-o.NavigationSeparator = v;
-o.NavigationTitle = g;
+}) => /* @__PURE__ */ t("nav", { className: r(g({ className: o })), children: a });
+i.NavigationGroup = n;
+i.NavigationOption = m;
+i.NavigationSeparator = p;
+i.NavigationTitle = v;
 export {
-  o as Navigation
+  i as Navigation
 };

package/dist/components/Sidebar/components/Navigation/Navigation.variants.js

@@ -1,19 +1,5 @@
-import { c as t } from "../../../../index-BNmRGtA6.js";
-const e = t(
-  ["flex", "flex-1", "w-full", "flex-col"],
-  {
-    variants: {
-      theme: {
-        colony: "",
-        kubefirst: "",
-        civo: ""
-      }
-    },
-    defaultVariants: {
-      theme: "kubefirst"
-    }
-  }
-);
+import { c as a } from "../../../../index-BNmRGtA6.js";
+const o = a(["flex", "flex-1", "w-full", "flex-col"]);
 export {
-  e as navigationVariants
+  o as navigationVariants
 };

package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.js

@@ -1,38 +1,25 @@
-import { jsxs as u, Fragment as l, jsx as o } from "react/jsx-runtime";
-import { cn as p } from "../../../../utils/index.js";
-import { NavigationTitle as c } from "../NavigationTitle/NavigationTitle.js";
-import { navigationGroupsVariants as f } from "./NavigationGroup.variants.js";
-import { useTheme as h } from "../../../../contexts/theme.hook.js";
-const j = ({
-  children: t,
+import { jsxs as s, Fragment as e, jsx as o } from "react/jsx-runtime";
+import { cn as l } from "../../../../utils/index.js";
+import { NavigationTitle as u } from "../NavigationTitle/NavigationTitle.js";
+import { navigationGroupsVariants as p } from "./NavigationGroup.variants.js";
+const v = ({
+  children: a,
   title: r,
-  className: e,
-  theme: m,
+  className: i,
   titleClassName: n,
-  isVisible: i = !0,
-  ...a
-}) => {
-  const { theme: s } = h();
-  return i ? /* @__PURE__ */ u(l, { children: [
-    r ? /* @__PURE__ */ o(
-      c,
-      {
-        title: r,
-        className: n,
-        ...a
-      }
-    ) : null,
-    /* @__PURE__ */ o(
-      "ul",
-      {
-        className: p(
-          f({ theme: m ?? s, className: e })
-        ),
-        children: t
-      }
-    )
-  ] }) : null;
-};
+  isVisible: t = !0,
+  ...m
+}) => t ? /* @__PURE__ */ s(e, { children: [
+  r ? /* @__PURE__ */ o(
+    u,
+    {
+      title: r,
+      className: n,
+      ...m
+    }
+  ) : null,
+  /* @__PURE__ */ o("ul", { className: l(p({ className: i })), children: a })
+] }) : null;
 export {
-  j as NavigationGroup
+  v as NavigationGroup
 };

package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.variants.js

@@ -1,16 +1,5 @@
 import { c as a } from "../../../../index-BNmRGtA6.js";
-const e = a(["flex", "flex-col", "gap-1"], {
-  variants: {
-    theme: {
-      colony: "",
-      kubefirst: "",
-      civo: ""
-    }
-  },
-  defaultVariants: {
-    theme: "kubefirst"
-  }
-});
+const r = a(["flex", "flex-col", "gap-1"]);
 export {
-  e as navigationGroupsVariants
+  r as navigationGroupsVariants
 };

package/dist/components/Sidebar/components/NavigationOption/NavigationOption.js

@@ -1,32 +1,26 @@
 import { jsx as a } from "react/jsx-runtime";
-import { cn as p } from "../../../../utils/index.js";
-import { navigationOptionVariants as s } from "./NavigationOption.variants.js";
-import { useTheme as c } from "../../../../contexts/theme.hook.js";
-const x = ({
-  children: t,
-  className: o,
-  theme: e,
-  isVisible: r = !0,
+import { cn as m } from "../../../../utils/index.js";
+import { navigationOptionVariants as p } from "./NavigationOption.variants.js";
+const f = ({
+  children: o,
+  className: r,
+  isVisible: t = !0,
   isActive: i,
   ...n
-}) => {
-  const { theme: m } = c();
-  return r ? /* @__PURE__ */ a(
-    "li",
-    {
-      ...n,
-      role: "option",
-      className: p(
-        s({
-          theme: e ?? m,
-          className: o,
-          isActive: i
-        })
-      ),
-      children: t
-    }
-  ) : null;
-};
+}) => t ? /* @__PURE__ */ a(
+  "li",
+  {
+    ...n,
+    role: "option",
+    className: m(
+      p({
+        className: r,
+        isActive: i
+      })
+    ),
+    children: o
+  }
+) : null;
 export {
-  x as NavigationOption
+  f as NavigationOption
 };

package/dist/components/Sidebar/components/NavigationOption/NavigationOption.variants.js

@@ -16,21 +16,15 @@ const a = t(
     "md:py-2.5",
     "p-2",
     "text-black",
-    "w-full"
+    "w-full",
+    "text-[#9ea2c6]",
+    "hover:text-white",
+    "hover:bg-[#252a41]",
+    "selection:bg-powder-500",
+    "selection:text-white"
   ],
   {
     variants: {
-      theme: {
-        colony: "",
-        kubefirst: [
-          "text-[#9ea2c6]",
-          "hover:text-white",
-          "hover:bg-[#252a41]",
-          "selection:bg-powder-500",
-          "selection:text-white"
-        ],
-        civo: ""
-      },
       isActive: {
         true: "",
         false: ""
@@ -38,14 +32,10 @@ const a = t(
     },
     compoundVariants: [
       {
-        theme: "kubefirst",
         isActive: !0,
         class: ["text-white", "bg-[#252a41]"]
       }
-    ],
-    defaultVariants: {
-      theme: "kubefirst"
-    }
+    ]
   }
 );
 export {

package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.js

@@ -1,21 +1,9 @@
-import { jsx as e } from "react/jsx-runtime";
-import { cn as m } from "../../../../utils/index.js";
-import { navigationSeparatorVariant as a } from "./NavigationSeparator.variants.js";
-import { useTheme as i } from "../../../../contexts/theme.hook.js";
-const f = ({
-  className: t,
-  theme: o
-}) => {
-  const { theme: r } = i();
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: m(
-        a({ className: t, theme: o ?? r })
-      )
-    }
-  );
-};
+import { jsx as o } from "react/jsx-runtime";
+import { cn as r } from "../../../../utils/index.js";
+import { navigationSeparatorVariant as t } from "./NavigationSeparator.variants.js";
+const p = ({
+  className: a
+}) => /* @__PURE__ */ o("div", { className: r(t({ className: a })) });
 export {
-  f as NavigationSeparator
+  p as NavigationSeparator
 };

package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.variants.js

@@ -1,19 +1,9 @@
 import { c as r } from "../../../../index-BNmRGtA6.js";
-const a = r(
-  ["border-t", "rounded-full", "my-1.5"],
-  {
-    variants: {
-      theme: {
-        colony: "",
-        kubefirst: "border-t-[#9ea2c6]/30",
-        civo: ""
-      }
-    },
-    defaultVariants: {
-      theme: "kubefirst"
-    }
-  }
-);
+const o = r([
+  "border-t",
+  "rounded-full",
+  "my-1.5"
+]);
 export {
-  a as navigationSeparatorVariant
+  o as navigationSeparatorVariant
 };

package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.js

@@ -1,24 +1,11 @@
-import { jsx as m } from "react/jsx-runtime";
-import { cn as n } from "../../../../utils/index.js";
+import { jsx as n } from "react/jsx-runtime";
+import { cn as o } from "../../../../utils/index.js";
 import { navigationTitleVariants as a } from "./NavigationTitle.variants.js";
-import { useTheme as s } from "../../../../contexts/theme.hook.js";
-const p = ({
-  title: t,
-  className: e,
-  theme: r,
-  isVisible: o = !0
-}) => {
-  const { theme: i } = s();
-  return o ? /* @__PURE__ */ m(
-    "h2",
-    {
-      className: n(
-        a({ theme: r ?? i, className: e })
-      ),
-      children: t
-    }
-  ) : null;
-};
+const s = ({
+  title: r,
+  className: t,
+  isVisible: i = !0
+}) => i ? /* @__PURE__ */ n("h2", { className: o(a({ className: t })), children: r }) : null;
 export {
-  p as NavigationTitle
+  s as NavigationTitle
 };

package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.variants.js

@@ -1,23 +1,14 @@
 import { c as t } from "../../../../index-BNmRGtA6.js";
-const i = t(
-  ["text-sm", "font-bold", "px-4", "mt-3", "mb-2"],
-  {
-    variants: {
-      theme: {
-        colony: "",
-        kubefirst: [
-          "text-white",
-          "selection:bg-powder-500",
-          "selection:text-white"
-        ],
-        civo: ""
-      }
-    },
-    defaultVariants: {
-      theme: "kubefirst"
-    }
-  }
-);
+const o = t([
+  "text-sm",
+  "font-bold",
+  "px-4",
+  "mt-3",
+  "mb-2",
+  "text-white",
+  "selection:bg-powder-500",
+  "selection:text-white"
+]);
 export {
-  i as navigationTitleVariants
+  o as navigationTitleVariants
 };