@konstructio/ui 0.1.0-alpha.9 → 0.1.1-alpha.2

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

@@ -1,25 +1,26 @@
-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 { jsxs as s, Fragment as e, jsx as a } from "react/jsx-runtime";
+import { cn as u } from "../../../../utils/index.js";
+import { NavigationTitle as l } from "../NavigationTitle/NavigationTitle.js";
 import { navigationGroupsVariants as p } from "./NavigationGroup.variants.js";
-const v = ({
-  children: a,
+const c = ({
+  children: o,
   title: r,
   className: i,
-  titleClassName: n,
-  isVisible: t = !0,
+  titleClassName: t,
+  isVisible: n = !0,
   ...m
-}) => t ? /* @__PURE__ */ s(e, { children: [
-  r ? /* @__PURE__ */ o(
-    u,
+}) => n ? /* @__PURE__ */ s(e, { children: [
+  r ? /* @__PURE__ */ a(
+    l,
     {
       title: r,
-      className: n,
+      className: t,
       ...m
     }
   ) : null,
-  /* @__PURE__ */ o("ul", { className: l(p({ className: i })), children: a })
+  /* @__PURE__ */ a("ul", { className: u(p({ className: i })), children: o })
 ] }) : null;
+c.displayName = "KonstructSidebarNavigationGroup";
 export {
-  v as NavigationGroup
+  c as NavigationGroup
 };

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

@@ -1,4 +1,4 @@
-import { c as a } from "../../../../index-BNmRGtA6.js";
+import { c as a } from "../../../../index-D29mdTf5.js";
 const r = a(["flex", "flex-col", "gap-1"]);
 export {
   r as navigationGroupsVariants

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

@@ -1,26 +1,27 @@
 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,
+import { cn as p } from "../../../../utils/index.js";
+import { navigationOptionVariants as e } from "./NavigationOption.variants.js";
+const m = ({
+  children: i,
+  className: o,
   isVisible: t = !0,
-  isActive: i,
+  isActive: r,
   ...n
 }) => t ? /* @__PURE__ */ a(
   "li",
   {
     ...n,
     role: "option",
-    className: m(
-      p({
-        className: r,
-        isActive: i
+    className: p(
+      e({
+        className: o,
+        isActive: r
       })
     ),
-    children: o
+    children: i
   }
 ) : null;
+m.displayName = "KonstructSidebarNavigationOption";
 export {
-  f as NavigationOption
+  m as NavigationOption
 };

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

@@ -1,4 +1,4 @@
-import { c as t } from "../../../../index-BNmRGtA6.js";
+import { c as t } from "../../../../index-D29mdTf5.js";
 const a = t(
   [
     "[&>a]:flex",

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

@@ -1,9 +1,8 @@
-import { jsx as o } from "react/jsx-runtime";
-import { cn as r } from "../../../../utils/index.js";
+import { jsx as r } from "react/jsx-runtime";
+import { cn as o } from "../../../../utils/index.js";
 import { navigationSeparatorVariant as t } from "./NavigationSeparator.variants.js";
-const p = ({
-  className: a
-}) => /* @__PURE__ */ o("div", { className: r(t({ className: a })) });
+const i = ({ className: a }) => /* @__PURE__ */ r("div", { className: o(t({ className: a })) });
+i.displayName = "KonstructSidebarNavigationSeparator";
 export {
-  p as NavigationSeparator
+  i as NavigationSeparator
 };

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

@@ -1,4 +1,4 @@
-import { c as r } from "../../../../index-BNmRGtA6.js";
+import { c as r } from "../../../../index-D29mdTf5.js";
 const o = r([
   "border-t",
   "rounded-full",

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

@@ -1,11 +1,12 @@
-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,
+import { jsx as a } from "react/jsx-runtime";
+import { cn as n } from "../../../../utils/index.js";
+import { navigationTitleVariants as o } from "./NavigationTitle.variants.js";
+const e = ({
+  title: i,
   className: t,
-  isVisible: i = !0
-}) => i ? /* @__PURE__ */ n("h2", { className: o(a({ className: t })), children: r }) : null;
+  isVisible: r = !0
+}) => r ? /* @__PURE__ */ a("h2", { className: n(o({ className: t })), children: i }) : null;
+e.displayName = "KonstructSidebarNavigationTitle";
 export {
-  s as NavigationTitle
+  e as NavigationTitle
 };

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

@@ -1,4 +1,4 @@
-import { c as t } from "../../../../index-BNmRGtA6.js";
+import { c as t } from "../../../../index-D29mdTf5.js";
 const o = t([
   "text-sm",
   "font-bold",

package/dist/components/Sidebar/components/Wrapper/Wrapper.js

@@ -1,15 +1,15 @@
-import { Footer as N } from "../Footer/Footer.js";
-import { Logo as C } from "../Logo/Logo.js";
-import { Navigation as D } from "../Navigation/Navigation.js";
+import { Footer as A } from "../Footer/Footer.js";
+import { Logo as b } from "../Logo/Logo.js";
+import { Navigation as C } from "../Navigation/Navigation.js";
 import "../NavigationGroup/NavigationGroup.js";
 import "../NavigationOption/NavigationOption.js";
 import "../NavigationSeparator/NavigationSeparator.js";
 import "../NavigationTitle/NavigationTitle.js";
-import { jsxs as V, jsx as b } from "react/jsx-runtime";
+import { jsxs as D, jsx as V } from "react/jsx-runtime";
 import { useRef as d, useCallback as f, useMemo as s, Children as a, isValidElement as l } from "react";
 import { cn as y } from "../../../../utils/index.js";
 import { dragVariants as j, wrapperSiderbarVariants as x } from "../../Sidebar.variants.js";
-const G = ({
+const z = ({
   canResize: g = !0,
   children: v,
   maxWith: i = 300,
@@ -39,21 +39,21 @@ const G = ({
     [v]
   ), E = s(
     () => a.toArray(t).find(
-      (e) => l(e) && e.type === C
+      (e) => l(e) && e.type === b
     ),
     [t]
-  ), R = s(
+  ), N = s(
     () => a.toArray(t).find(
-      (e) => l(e) && e.type === D
+      (e) => l(e) && e.type === C
     ),
     [t]
-  ), A = s(
+  ), R = s(
     () => a.toArray(t).find(
-      (e) => l(e) && e.type === N
+      (e) => l(e) && e.type === A
     ),
     [t]
   );
-  return /* @__PURE__ */ V(
+  return /* @__PURE__ */ D(
     "aside",
     {
       ref: u,
@@ -65,9 +65,9 @@ const G = ({
       "data-theme": L,
       children: [
         E,
+        N,
         R,
-        A,
-        g && /* @__PURE__ */ b(
+        g && /* @__PURE__ */ V(
           "div",
           {
             ref: r,
@@ -79,6 +79,7 @@ const G = ({
     }
   );
 };
+z.displayName = "Sidebar.Wrapper";
 export {
-  G as Wrapper
+  z as Wrapper
 };

package/dist/components/Slider/Slider.js

@@ -1,5 +1,5 @@
 import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { R as x, T as N, b as v } from "../../index-BvCZBMfr.js";
+import { R as x, T as N, b as v } from "../../index-DB2XhXHn.js";
 import { forwardRef as V, useRef as b, useState as R, useImperativeHandle as g, useEffect as j, useCallback as k } from "react";
 import { cn as r } from "../../utils/index.js";
 import { trackVariants as w, thumbVariants as y, sliderVariants as C } from "./Slider.variants.js";

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

@@ -1,17 +1,11 @@
-import { c as e } from "../../index-BNmRGtA6.js";
+import { c as e } from "../../index-D29mdTf5.js";
 const s = e([
   "relative",
   "flex",
   "items-center",
   "w-full"
 ]), a = e(
-  [
-    "relative",
-    "flex-grow",
-    "rounded-full",
-    "bg-kubefirst-secondary",
-    "colony:bg-red-500"
-  ],
+  ["relative", "flex-grow", "rounded-full", "bg-kubefirst-secondary"],
   {
     variants: {
       size: {

package/dist/components/Switch/Switch.js

@@ -1,32 +1,32 @@
 import { jsxs as x, jsx as n } from "react/jsx-runtime";
 import * as p from "react";
 import { forwardRef as H, useRef as M, useId as $, useImperativeHandle as j, useEffect as z } from "react";
-import { a as A, c as U, b as q } from "../../index-Cq1I1cG9.js";
-import { u as P } from "../../index-B5MIi2tR.js";
-import { u as F, a as L } from "../../index-Bc1LNrRD.js";
-import { P as y } from "../../index-BCGvACM9.js";
+import { a as A, c as U, b as q } from "../../index-BfXxHr_2.js";
+import { u as P } from "../../index-DQH6odE9.js";
+import { u as F, a as L } from "../../index-CZnD2QxM.js";
+import { P as y } from "../../index-C9T9HQaa.js";
 import { cn as R } from "../../utils/index.js";
 import { thumbVariants as O, switchVariants as V } from "./Switch.variants.js";
-var b = "Switch", [D, ce] = U(b), [W, X] = D(b), N = p.forwardRef(
+var b = "Switch", [D, se] = U(b), [W, X] = D(b), N = p.forwardRef(
   (t, i) => {
     const {
       __scopeSwitch: r,
-      name: a,
-      checked: s,
+      name: s,
+      checked: o,
       defaultChecked: d,
       required: u,
-      disabled: o,
-      value: c = "on",
+      disabled: c,
+      value: a = "on",
       onCheckedChange: m,
       form: e,
       ...f
-    } = t, [l, h] = p.useState(null), v = P(i, (S) => h(S)), k = p.useRef(!1), C = l ? e || !!l.closest("form") : !0, [w, B] = A({
-      prop: s,
+    } = t, [l, h] = p.useState(null), v = P(i, (S) => h(S)), C = p.useRef(!1), k = l ? e || !!l.closest("form") : !0, [w, B] = A({
+      prop: o,
       defaultProp: d ?? !1,
       onChange: m,
       caller: b
     });
-    return /* @__PURE__ */ x(W, { scope: r, checked: w, disabled: o, children: [
+    return /* @__PURE__ */ x(W, { scope: r, checked: w, disabled: c, children: [
       /* @__PURE__ */ n(
         y.button,
         {
@@ -34,27 +34,27 @@ var b = "Switch", [D, ce] = U(b), [W, X] = D(b), N = p.forwardRef(
           role: "switch",
           "aria-checked": w,
           "aria-required": u,
-          "data-state": g(w),
-          "data-disabled": o ? "" : void 0,
-          disabled: o,
-          value: c,
+          "data-state": I(w),
+          "data-disabled": c ? "" : void 0,
+          disabled: c,
+          value: a,
           ...f,
           ref: v,
           onClick: q(t.onClick, (S) => {
-            B((T) => !T), C && (k.current = S.isPropagationStopped(), k.current || S.stopPropagation());
+            B((T) => !T), k && (C.current = S.isPropagationStopped(), C.current || S.stopPropagation());
           })
         }
       ),
-      C && /* @__PURE__ */ n(
-        I,
+      k && /* @__PURE__ */ n(
+        _,
         {
           control: l,
-          bubbles: !k.current,
-          name: a,
-          value: c,
+          bubbles: !C.current,
+          name: s,
+          value: a,
           checked: w,
           required: u,
-          disabled: o,
+          disabled: c,
           form: e,
           style: { transform: "translateX(-100%)" }
         }
@@ -63,30 +63,30 @@ var b = "Switch", [D, ce] = U(b), [W, X] = D(b), N = p.forwardRef(
   }
 );
 N.displayName = b;
-var E = "SwitchThumb", _ = p.forwardRef(
+var g = "SwitchThumb", E = p.forwardRef(
   (t, i) => {
-    const { __scopeSwitch: r, ...a } = t, s = X(E, r);
+    const { __scopeSwitch: r, ...s } = t, o = X(g, r);
     return /* @__PURE__ */ n(
       y.span,
       {
-        "data-state": g(s.checked),
-        "data-disabled": s.disabled ? "" : void 0,
-        ...a,
+        "data-state": I(o.checked),
+        "data-disabled": o.disabled ? "" : void 0,
+        ...s,
         ref: i
       }
     );
   }
 );
-_.displayName = E;
-var G = "SwitchBubbleInput", I = p.forwardRef(
+E.displayName = g;
+var G = "SwitchBubbleInput", _ = p.forwardRef(
   ({
     __scopeSwitch: t,
     control: i,
     checked: r,
-    bubbles: a = !0,
-    ...s
+    bubbles: s = !0,
+    ...o
   }, d) => {
-    const u = p.useRef(null), o = P(u, d), c = F(r), m = L(i);
+    const u = p.useRef(null), c = P(u, d), a = F(r), m = L(i);
     return p.useEffect(() => {
       const e = u.current;
       if (!e) return;
@@ -94,21 +94,21 @@ var G = "SwitchBubbleInput", I = p.forwardRef(
         f,
         "checked"
       ).set;
-      if (c !== r && h) {
-        const v = new Event("click", { bubbles: a });
+      if (a !== r && h) {
+        const v = new Event("click", { bubbles: s });
         h.call(e, r), e.dispatchEvent(v);
       }
-    }, [c, r, a]), /* @__PURE__ */ n(
+    }, [a, r, s]), /* @__PURE__ */ n(
       "input",
       {
         type: "checkbox",
         "aria-hidden": !0,
         defaultChecked: r,
-        ...s,
+        ...o,
         tabIndex: -1,
-        ref: o,
+        ref: c,
         style: {
-          ...s.style,
+          ...o.style,
           ...m,
           position: "absolute",
           pointerEvents: "none",
@@ -119,27 +119,27 @@ var G = "SwitchBubbleInput", I = p.forwardRef(
     );
   }
 );
-I.displayName = G;
-function g(t) {
+_.displayName = G;
+function I(t) {
   return t ? "checked" : "unchecked";
 }
-var J = N, K = _;
-const ae = H(
+var J = N, K = E;
+const ce = H(
   ({
     name: t,
     alignment: i = "horizontal",
     theme: r,
-    thumbClassName: a,
-    className: s,
+    thumbClassName: s,
+    className: o,
     label: d,
     defaultChecked: u,
-    onChange: o,
-    value: c
+    onChange: c,
+    value: a
   }, m) => {
     const e = M(null), f = $(), l = t ? `${f}-${t}` : f;
     return j(m, () => e.current, [e]), z(() => {
-      e.current && (e.current.value = `${c}`);
-    }, [c]), /* @__PURE__ */ x(
+      e.current && (e.current.value = `${a}`);
+    }, [a]), /* @__PURE__ */ x(
       "div",
       {
         className: R(
@@ -162,15 +162,15 @@ const ae = H(
             {
               id: l,
               defaultChecked: u,
-              checked: c,
-              onCheckedChange: (h) => o == null ? void 0 : o(h),
-              className: R(V({ className: s })),
+              checked: a,
+              onCheckedChange: (h) => c?.(h),
+              className: R(V({ className: o })),
               "aria-label": d,
               children: /* @__PURE__ */ n(
                 K,
                 {
                   className: O({
-                    className: a
+                    className: s
                   })
                 }
               )
@@ -192,5 +192,5 @@ const ae = H(
   }
 );
 export {
-  ae as Switch
+  ce as Switch
 };

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

@@ -1,4 +1,4 @@
-import { c as t } from "../../index-BNmRGtA6.js";
+import { c as t } from "../../index-D29mdTf5.js";
 const e = t([
   "w-[44px]",
   "h-[22px]",
@@ -12,8 +12,7 @@ const e = t([
   "delay-10",
   "duration-250",
   "cursor-pointer",
-  "bg-kubefirst-primary",
-  "colony:bg-red-600"
+  "bg-kubefirst-primary"
 ]), r = t([
   "block",
   "w-[18px]",

package/dist/components/Table/Table.variants.js

@@ -1,4 +1,4 @@
-import { c as t } from "../../index-BNmRGtA6.js";
+import { c as t } from "../../index-D29mdTf5.js";
 const r = t([
   "table-auto",
   "w-full",

package/dist/components/Tabs/Tabs.js

@@ -1,24 +1,28 @@
-import { jsx as e } from "react/jsx-runtime";
-import { R as s } from "../../index-CvfCCTEO.js";
-import { List as n } from "./components/List.js";
-import f from "./components/Trigger.js";
-import { Content as p } from "./components/Content.js";
-import { rootVariants as g } from "./Tabs.variants.js";
-import { cn as c } from "../../utils/index.js";
-const t = ({ children: o, theme: a, className: m, orientation: r, ...i }) => /* @__PURE__ */ e(
-  s,
+import { jsx as s } from "react/jsx-runtime";
+import { R as e } from "../../index-BAraV3ai.js";
+import { cn as n } from "../../utils/index.js";
+import { rootVariants as p } from "./Tabs.variants.js";
+import { Content as f } from "./components/Content.js";
+import { List as c } from "./components/List.js";
+import { Trigger as g } from "./components/Trigger.js";
+const r = ({ children: o, theme: a, className: m, orientation: t, ...i }) => /* @__PURE__ */ s(
+  e,
   {
     ...i,
     "data-theme": a,
-    "data-orientation": r,
-    "aria-orientation": r,
-    className: c(g({ variant: r, className: m })),
+    "data-orientation": t,
+    "aria-orientation": t,
+    className: n(p({ variant: t, className: m })),
     children: o
   }
 );
-t.List = n;
-t.Trigger = f;
-t.Content = p;
+r.displayName = "KonstructTabs";
+r.Content = f;
+r.List = c;
+r.Trigger = g;
 export {
-  t as default
+  f as Content,
+  c as List,
+  r as Tabs,
+  g as Trigger
 };

package/dist/components/Tabs/Tabs.variants.js

@@ -1,4 +1,4 @@
-import { c as a } from "../../index-BNmRGtA6.js";
+import { c as a } from "../../index-D29mdTf5.js";
 const r = a([""], {
   variants: {
     variant: {
@@ -37,11 +37,9 @@ const r = a([""], {
         "text-zinc-700",
         "font-[600]",
         "civo:border-b-2",
-        "civo:border-civo-primary",
+        "civo:border-aurora-500",
         "kubefirst:border-b-2",
-        "kubefirst:border-kubefirst-primary",
-        "colony:border-b-2",
-        "colony:border-colony-primary"
+        "kubefirst:border-kubefirst-primary"
       ],
       inactive: "text-slate-500 font-[600]"
     }

package/dist/components/Tabs/components/Content.js

@@ -1,19 +1,16 @@
-import { jsx as n } from "react/jsx-runtime";
-import { C as m } from "../../../index-CvfCCTEO.js";
-import { contentVariants as a } from "../Tabs.variants.js";
-import { cn as e } from "../../../utils/index.js";
-const c = ({
-  children: t,
-  className: o,
-  ...r
-}) => /* @__PURE__ */ n(
-  m,
+import { jsx as r } from "react/jsx-runtime";
+import { C as a } from "../../../index-BAraV3ai.js";
+import { cn as m } from "../../../utils/index.js";
+import { contentVariants as s } from "../Tabs.variants.js";
+const e = ({ children: t, className: o, ...n }) => /* @__PURE__ */ r(
+  a,
   {
-    ...r,
-    className: e(a({ variant: "default", className: o })),
+    ...n,
+    className: m(s({ variant: "default", className: o })),
     children: t
   }
 );
+e.displayName = "KonstructTabsContent";
 export {
-  c as Content
+  e as Content
 };

package/dist/components/Tabs/components/List.js

@@ -1,20 +1,21 @@
-import { jsx as r } from "react/jsx-runtime";
-import { L as n } from "../../../index-CvfCCTEO.js";
-import { listVariants as t } from "../Tabs.variants.js";
+import { jsx as t } from "react/jsx-runtime";
+import { L as n } from "../../../index-BAraV3ai.js";
 import { cn as a } from "../../../utils/index.js";
-const p = ({
+import { listVariants as s } from "../Tabs.variants.js";
+const c = ({
   children: i,
-  className: s,
+  className: r,
   orientation: m,
   ...o
-}) => /* @__PURE__ */ r("div", { className: a(t({ variant: "default" })), children: /* @__PURE__ */ r(
+}) => /* @__PURE__ */ t("div", { className: a(s({ variant: "default" })), children: /* @__PURE__ */ t(
   n,
   {
-    className: a(t({ variant: m, className: s })),
+    className: a(s({ variant: m, className: r })),
     ...o,
     children: i
   }
 ) });
+c.displayName = "KonstructTabsList";
 export {
-  p as List
+  c as List
 };

package/dist/components/Tabs/components/Trigger.js

@@ -1,26 +1,22 @@
 import { jsx as r } from "react/jsx-runtime";
-import { Typography as e } from "../../Typography/Typography.js";
-import { T as m } from "../../../index-CvfCCTEO.js";
-import { cn as n } from "../../../utils/index.js";
-import { triggerVariants as p } from "../Tabs.variants.js";
-const v = ({
-  tab: i,
-  label: a,
-  isActive: t,
-  className: o
-}) => /* @__PURE__ */ r(m, { value: i, children: /* @__PURE__ */ r(
-  e,
+import { T as e } from "../../../index-BAraV3ai.js";
+import { Typography as m } from "../../Typography/Typography.js";
+import { cn as g } from "../../../utils/index.js";
+import { triggerVariants as n } from "../Tabs.variants.js";
+const p = ({ tab: i, label: a, isActive: o, className: t }) => /* @__PURE__ */ r(e, { value: i, children: /* @__PURE__ */ r(
+  m,
   {
     variant: "body2",
-    className: n(
-      p({
-        variant: t ? "active" : "inactive",
-        className: o
+    className: g(
+      n({
+        variant: o ? "active" : "inactive",
+        className: t
       })
     ),
     children: a
   }
 ) });
+p.displayName = "KonstructTabsTrigger";
 export {
-  v as default
+  p as Trigger
 };