@konstructio/ui 0.0.12 → 0.0.13-alpha.2

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

@@ -1,22 +1,7 @@
-import { jsx as m } from "react/jsx-runtime";
-import "../../../../contexts/theme.context.js";
-import { useTheme as i } from "../../../../contexts/theme.hook.js";
-import "react";
-import "../../../../js.cookie-OLEfuq_g.js";
-import { cn as p } from "../../../../utils/index.js";
-import { footerVariants as s } from "./Footer.variants.js";
-const T = ({ theme: o, className: t, children: r }) => {
-  const { theme: e } = i();
-  return /* @__PURE__ */ m(
-    "footer",
-    {
-      className: p(
-        s({ theme: o ?? e, className: t })
-      ),
-      children: r
-    }
-  );
-};
+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 {
-  T 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,20 +1,7 @@
-import { jsx as e } from "react/jsx-runtime";
-import "../../../../contexts/theme.context.js";
-import { useTheme as i } from "../../../../contexts/theme.hook.js";
-import "react";
-import "../../../../js.cookie-OLEfuq_g.js";
-import { cn as p } from "../../../../utils/index.js";
-import { logoVariants as s } from "./Logo.variants.js";
-const l = ({ children: o, theme: m, className: r }) => {
-  const { theme: t } = i();
-  return /* @__PURE__ */ e(
-    "header",
-    {
-      className: p(s({ theme: m ?? t, className: r })),
-      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 {
-  l as Logo
+  p as Logo
 };

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

@@ -1,45 +1,23 @@
-import { c as t } from "../../../../index-BNmRGtA6.js";
-const s = t(
-  [
-    "px-4",
-    "py-5",
-    "flex",
-    "flex-col",
-    "items-center",
-    "items-center",
-    "justify-center",
-    "gap-1",
-    "group",
-    "relative",
-    "mb-8",
-    "[&>span]:text-gray-100",
-    "[&>span]:text-xs",
-    "[&>span]:font-semibold",
-    "[&>span]:pl-14",
-    "[&>span]:-mt-2",
-    "[&>img]:pt-3",
-    "[&>*>span]:text-gray-100",
-    "[&>*>span]:text-xs",
-    "[&>*>span]:font-semibold",
-    "[&>*>span]:absolute",
-    "[&>*>span]:bottom-0",
-    "[&>*>span]:-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 {
-  s as logoVariants
+  o as logoVariants
 };

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

@@ -1,34 +1,18 @@
-import { jsx as m } from "react/jsx-runtime";
-import "../../../../contexts/theme.context.js";
-import { useTheme as n } from "../../../../contexts/theme.hook.js";
-import "react";
-import "../../../../js.cookie-OLEfuq_g.js";
-import { cn as p } from "../../../../utils/index.js";
-import { NavigationGroup as e } from "../NavigationGroup/NavigationGroup.js";
-import { NavigationOption as v } from "../NavigationOption/NavigationOption.js";
-import { NavigationSeparator as g } from "../NavigationSeparator/NavigationSeparator.js";
-import { NavigationTitle as N } from "../NavigationTitle/NavigationTitle.js";
-import { navigationVariants as f } from "./Navigation.variants.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 } = n();
-  return /* @__PURE__ */ m(
-    "nav",
-    {
-      className: p(
-        f({ theme: t ?? r, className: i })
-      ),
-      children: a
-    }
-  );
-};
-o.NavigationGroup = e;
-o.NavigationOption = v;
-o.NavigationSeparator = g;
-o.NavigationTitle = N;
+}) => /* @__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,40 +1,25 @@
-import { jsxs as s, Fragment as p, jsx as r } from "react/jsx-runtime";
-import { cn as c } from "../../../../utils/index.js";
-import { NavigationTitle as l } from "../NavigationTitle/NavigationTitle.js";
-import { navigationGroupsVariants as u } from "./NavigationGroup.variants.js";
-import "../../../../contexts/theme.context.js";
-import { useTheme as f } from "../../../../contexts/theme.hook.js";
-import "react";
-import "../../../../js.cookie-OLEfuq_g.js";
-const d = ({
-  children: m,
-  title: o,
-  className: t,
-  theme: e,
-  titleClassName: i,
-  ...a
-}) => {
-  const { theme: n } = f();
-  return /* @__PURE__ */ s(p, { children: [
-    o ? /* @__PURE__ */ r(
-      l,
-      {
-        title: o,
-        className: i,
-        ...a
-      }
-    ) : null,
-    /* @__PURE__ */ r(
-      "ul",
-      {
-        className: c(
-          u({ theme: e ?? n, className: t })
-        ),
-        children: m
-      }
-    )
-  ] });
-};
+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: i,
+  titleClassName: n,
+  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 {
-  d as NavigationGroup
+  v as NavigationGroup
 };

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

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

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

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

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

@@ -1,5 +1,5 @@
-import { c as e } from "../../../../index-BNmRGtA6.js";
-const a = e(
+import { c as t } from "../../../../index-BNmRGtA6.js";
+const a = t(
   [
     "[&>a]:flex",
     "[&>a]:gap-2",
@@ -11,25 +11,20 @@ const a = e(
     "font-normal",
     "font-normal",
     "gap-2",
-    "hover:rounded-xl",
-    "px-4",
-    "py-2.5",
+    "rounded-xl",
+    "md:px-4",
+    "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: ""
@@ -37,14 +32,10 @@ const a = e(
     },
     compoundVariants: [
       {
-        theme: "kubefirst",
         isActive: !0,
         class: ["text-white", "bg-[#252a41]"]
       }
-    ],
-    defaultVariants: {
-      theme: "kubefirst"
-    }
+    ]
   }
 );
 export {

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

@@ -1,24 +1,9 @@
-import { jsx as m } from "react/jsx-runtime";
-import "../../../../contexts/theme.context.js";
-import { useTheme as e } from "../../../../contexts/theme.hook.js";
-import "react";
-import "../../../../js.cookie-OLEfuq_g.js";
-import { cn as i } from "../../../../utils/index.js";
-import { navigationSeparatorVariant as a } from "./NavigationSeparator.variants.js";
-const x = ({
-  className: t,
-  theme: o
-}) => {
-  const { theme: r } = e();
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      className: i(
-        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 {
-  x 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,27 +1,11 @@
-import { jsx as m } from "react/jsx-runtime";
-import "../../../../contexts/theme.context.js";
-import { useTheme as n } from "../../../../contexts/theme.hook.js";
-import "react";
-import "../../../../js.cookie-OLEfuq_g.js";
-import { cn as a } from "../../../../utils/index.js";
-import { navigationTitleVariants as p } from "./NavigationTitle.variants.js";
-const x = ({
-  title: t,
-  className: r,
-  theme: e,
-  isVisible: o = !0
-}) => {
-  const { theme: i } = n();
-  return o ? /* @__PURE__ */ m(
-    "h2",
-    {
-      className: a(
-        p({ theme: e ?? i, className: r })
-      ),
-      children: t
-    }
-  ) : null;
-};
+import { jsx as n } from "react/jsx-runtime";
+import { cn as o } from "../../../../utils/index.js";
+import { navigationTitleVariants as a } from "./NavigationTitle.variants.js";
+const s = ({
+  title: r,
+  className: t,
+  isVisible: i = !0
+}) => i ? /* @__PURE__ */ n("h2", { className: o(a({ className: t })), children: r }) : null;
 export {
-  x 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
 };