@konstructio/ui 0.0.12 → 0.0.13-alpha.2

package/dist/components/Autocomplete/components/List/List.variants.js

@@ -1,81 +1,75 @@
 import { c as t } from "../../../../index-BNmRGtA6.js";
-const a = t(["max-h-[250px]", "overflow-y-auto"], {
+const e = t(["max-h-[250px]", "overflow-y-auto"], {
   variants: {
     variant: {
       default: "bg-white"
-    },
-    theme: {
-      kubefirst: "",
-      colony: "",
-      civo: ""
     }
   },
   defaultVariants: {
-    variant: "default",
-    theme: "kubefirst"
+    variant: "default"
   }
 }), r = t(
-  ["p-1", "text-center", "w-full block", "bg-white"],
+  ["p-1", "text-center", "w-full", "block", "bg-white"],
   {
     variants: {
       variant: {
         default: ""
-      },
-      theme: {
-        kubefirst: "",
-        colony: "",
-        civo: ""
       }
     },
     defaultVariants: {
-      variant: "default",
-      theme: "kubefirst"
+      variant: "default"
     }
   }
-), i = t(["focus-visible:outline-none"], {
-  variants: {
-    variant: {
-      default: ""
+), o = t(
+  [
+    "focus-visible:outline-none",
+    "focus:bg-purple-100",
+    "hover:bg-purple-100",
+    "border-transparent",
+    "colony:focus:bg-red-100",
+    "colony:hover:bg-red-100",
+    "civo:focus:bg-blue-100",
+    "civo:hover:bg-blue-100"
+  ],
+  {
+    variants: {
+      variant: {
+        default: ""
+      }
     },
-    theme: {
-      kubefirst: ["focus:bg-purple-100", "hover:bg-purple-100"],
-      colony: ["focus:bg-red-100", "hover:bg-red-100"],
-      civo: ""
+    defaultVariants: {
+      variant: "default"
     }
-  },
-  defaultVariants: {
-    variant: "default",
-    theme: "kubefirst"
   }
-}), o = t(
+), n = t(
   [
     "cursor-pointer",
     "focus-visible:outline-none",
     "px-3",
     "py-1.5",
     "w-full",
-    "text-left"
+    "text-left",
+    "focus:bg-purple-100",
+    "hover:bg-purple-100",
+    "colony:focus:bg-red-100",
+    "colony:hover:bg-red-100",
+    "civo:focus:bg-blue-100",
+    "civo:hover:bg-blue-100"
   ],
   {
     variants: {
       variant: {
         default: ""
-      },
-      theme: {
-        kubefirst: ["focus:bg-purple-100", "hover:bg-purple-100"],
-        colony: ["focus:bg-red-100", "hover:bg-red-100"],
-        civo: ""
       }
     },
     defaultVariants: {
-      variant: "default",
-      theme: "kubefirst"
+      variant: "default"
     }
   }
 );
 export {
-  o as buttonVariants,
+  n as buttonVariants,
   r as emptyListVariants,
-  i as listItemVariants,
-  a as listVariants
+  o as listItemVariants,
+  e as listVariants
 };

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1,110 +1,100 @@
-import { jsx as a, jsxs as g, Fragment as b } from "react/jsx-runtime";
-import d, { forwardRef as y, Fragment as O } from "react";
-import "../../contexts/theme.context.js";
-import { useTheme as j } from "../../contexts/theme.hook.js";
-import "../../js.cookie-OLEfuq_g.js";
-import { cn as h } from "../../utils/index.js";
-import { breadcrumbVariants as w, breadcrumbItemVariants as x, chevronVariants as P } from "./Breadcrumb.variants.js";
-import { u as k, L as N } from "../../useBreadcrumb-DxYsZvj_.js";
-import { P as c } from "../../index-D68N8v8R.js";
-function f() {
-  return f = Object.assign || function(e) {
+import { jsx as a, jsxs as v } from "react/jsx-runtime";
+import h, { forwardRef as b, useId as y, Fragment as O } from "react";
+import { cn as c } from "../../utils/index.js";
+import { chevronVariants as j, breadcrumbVariants as w, breadcrumbWrapperVariants as P } from "./Breadcrumb.variants.js";
+import { Item as x } from "./components/Item/Item.js";
+import { P as l } from "../../index-C5psggHV.js";
+function m() {
+  return m = Object.assign || function(r) {
     for (var n = 1; n < arguments.length; n++) {
-      var t = arguments[n];
-      for (var r in t)
-        Object.prototype.hasOwnProperty.call(t, r) && (e[r] = t[r]);
+      var e = arguments[n];
+      for (var t in e)
+        Object.prototype.hasOwnProperty.call(e, t) && (r[t] = e[t]);
     }
-    return e;
-  }, f.apply(this, arguments);
+    return r;
+  }, m.apply(this, arguments);
 }
-function T(e, n) {
-  if (e == null) return {};
-  var t = L(e, n), r, o;
+function k(r, n) {
+  if (r == null) return {};
+  var e = N(r, n), t, o;
   if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(e);
+    var i = Object.getOwnPropertySymbols(r);
     for (o = 0; o < i.length; o++)
-      r = i[o], !(n.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
+      t = i[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(r, t) && (e[t] = r[t]);
   }
-  return t;
+  return e;
 }
-function L(e, n) {
-  if (e == null) return {};
-  var t = {}, r = Object.keys(e), o, i;
-  for (i = 0; i < r.length; i++)
-    o = r[i], !(n.indexOf(o) >= 0) && (t[o] = e[o]);
-  return t;
+function N(r, n) {
+  if (r == null) return {};
+  var e = {}, t = Object.keys(r), o, i;
+  for (i = 0; i < t.length; i++)
+    o = t[i], !(n.indexOf(o) >= 0) && (e[o] = r[o]);
+  return e;
 }
-var p = y(function(e, n) {
-  var t = e.color, r = t === void 0 ? "currentColor" : t, o = e.size, i = o === void 0 ? 24 : o, s = T(e, ["color", "size"]);
-  return /* @__PURE__ */ d.createElement("svg", f({
+var p = b(function(r, n) {
+  var e = r.color, t = e === void 0 ? "currentColor" : e, o = r.size, i = o === void 0 ? 24 : o, s = k(r, ["color", "size"]);
+  return /* @__PURE__ */ h.createElement("svg", m({
     ref: n,
     xmlns: "http://www.w3.org/2000/svg",
     width: i,
     height: i,
     viewBox: "0 0 24 24",
     fill: "none",
-    stroke: r,
+    stroke: t,
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }, s), /* @__PURE__ */ d.createElement("polyline", {
+  }, s), /* @__PURE__ */ h.createElement("polyline", {
     points: "9 18 15 12 9 6"
   }));
 });
 p.propTypes = {
-  color: c.string,
-  size: c.oneOfType([c.string, c.number])
+  color: l.string,
+  size: l.oneOfType([l.string, l.number])
 };
 p.displayName = "ChevronRight";
-const W = ({
-  className: e,
+const C = ({
+  className: r,
   size: n,
-  steps: t,
-  theme: r
+  steps: e,
+  theme: t,
+  "aria-label": o = "breadcrumb",
+  wrapperClassName: i,
+  ...s
 }) => {
-  const { theme: o } = j(), { isInsideRouter: i } = k(), s = r ?? o;
-  return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", children: /* @__PURE__ */ a(
-    "ol",
+  const d = y();
+  return /* @__PURE__ */ a(
+    "nav",
     {
-      className: h(
-        w({ theme: s, className: e, size: n })
+      "aria-label": o,
+      "data-theme": t,
+      className: c(
+        P({
+          className: i
+        })
       ),
-      children: t.map(({ label: m, to: l, target: u }, v) => /* @__PURE__ */ g(O, { children: [
-        /* @__PURE__ */ a(
-          "li",
-          {
-            className: h(
-              x({ theme: s, size: n })
-            ),
-            children: l ? /* @__PURE__ */ a(b, { children: i ? /* @__PURE__ */ a(
-              N,
-              {
-                to: l,
-                target: u,
-                className: "hover:underline hover:underline-offset-2",
-                children: m
-              }
-            ) : /* @__PURE__ */ a(
-              "a",
+      children: /* @__PURE__ */ a(
+        "ol",
+        {
+          className: c(w({ className: r, size: n })),
+          ...s,
+          children: e.map(({ label: f, ...g }, u) => /* @__PURE__ */ v(O, { children: [
+            /* @__PURE__ */ a(
+              x,
               {
-                href: l,
-                target: u,
-                className: "hover:underline hover:underline-offset-2",
-                children: m
+                ...g,
+                label: f,
+                isLast: u === e.length - 1,
+                size: n
               }
-            ) }) : /* @__PURE__ */ a("span", { "aria-current": "page", children: m })
-          }
-        ),
-        v !== t.length - 1 && /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
-          p,
-          {
-            className: h(P({ size: n, theme: s }))
-          }
-        ) })
-      ] }, m))
+            ),
+            u !== e.length - 1 && /* @__PURE__ */ a("li", { "aria-hidden": "true", children: /* @__PURE__ */ a(p, { className: c(j({ size: n })) }) })
+          ] }, `${d}-${f}`))
+        }
+      )
     }
-  ) });
+  );
 };
 export {
-  W as Breadcrumb
+  C as Breadcrumb
 };

package/dist/components/Breadcrumb/Breadcrumb.variants.js

@@ -1,11 +1,18 @@
-import { c as e } from "../../index-BNmRGtA6.js";
-const s = e(["flex", "gap-1.5", "items-center"], {
+import { c as a } from "../../index-BNmRGtA6.js";
+const e = a(
+  ["text-slate-500", "cursor-pointer"],
+  {
+    variants: {
+      size: {
+        sm: "",
+        base: "",
+        lg: "",
+        xl: ""
+      }
+    }
+  }
+), t = a(["flex", "gap-1", "items-center"], {
   variants: {
-    theme: {
-      kubefirst: "",
-      colony: "",
-      civo: ""
-    },
     size: {
       sm: "",
       base: "",
@@ -14,48 +21,23 @@ const s = e(["flex", "gap-1.5", "items-center"], {
     }
   },
   defaultVariants: {
-    theme: "kubefirst",
-    size: "base"
-  }
-}), a = e(["text-slate-400", "font-semibold"], {
-  variants: {
-    theme: {
-      kubefirst: "",
-      colony: "",
-      civo: ""
-    },
-    size: {
-      sm: "text-sm",
-      base: "text-base",
-      lg: "text-lg",
-      xl: "text-xl"
-    }
-  },
-  defaultVariants: {
-    theme: "kubefirst",
     size: "base"
   }
-}), i = e("", {
+}), r = a("text-[#abadc6]", {
   variants: {
-    theme: {
-      kubefirst: "text-kubefirst-primary",
-      colony: "text-red-500",
-      civo: ""
-    },
     size: {
-      sm: ["w-2", "h-2"],
-      base: ["w-3", "h-3"],
-      lg: ["w-4", "h-4"],
-      xl: ["w-5", "h-5"]
+      sm: ["w-3", "h-3"],
+      base: ["w-4", "h-4"],
+      lg: ["w-5", "h-5"],
+      xl: ["w-6", "h-6"]
     }
   },
   defaultVariants: {
-    theme: "kubefirst",
     size: "base"
   }
 });
 export {
-  a as breadcrumbItemVariants,
-  s as breadcrumbVariants,
-  i as chevronVariants
+  t as breadcrumbVariants,
+  e as breadcrumbWrapperVariants,
+  r as chevronVariants
 };

package/dist/components/Breadcrumb/components/Item/Item.js

@@ -0,0 +1,49 @@
+import { jsx as a, Fragment as f } from "react/jsx-runtime";
+import { cn as n } from "../../../../utils/index.js";
+import { u as b, L as h } from "../../../../useBreadcrumb-BsIeMoR1.js";
+import { breadcrumbLinkVariants as c, breadcrumbLabelVariants as p, breadcrumbItemVariants as k } from "./Item.variants.js";
+const V = ({
+  isActive: r,
+  isLast: d,
+  label: s,
+  size: l,
+  target: m,
+  theme: t,
+  to: e
+}) => {
+  const { isInsideRouter: o } = b(), i = (u) => {
+    e === "#" && u.preventDefault();
+  };
+  return /* @__PURE__ */ a(
+    "li",
+    {
+      "aria-current": d ? "page" : void 0,
+      className: n(k({ size: l })),
+      "data-theme": t,
+      children: e ? /* @__PURE__ */ a(f, { children: o ? /* @__PURE__ */ a(
+        h,
+        {
+          to: e,
+          target: m,
+          className: n(c({ isActive: r })),
+          "aria-disabled": r ? "true" : "false",
+          onClick: i,
+          children: s
+        }
+      ) : /* @__PURE__ */ a(
+        "a",
+        {
+          href: e,
+          target: m,
+          className: n(c({ isActive: r })),
+          "aria-disabled": r ? "true" : "false",
+          onClick: i,
+          children: s
+        }
+      ) }) : /* @__PURE__ */ a("span", { className: n(p({ isActive: r })), children: s })
+    }
+  );
+};
+export {
+  V as Item
+};

package/dist/components/Breadcrumb/components/Item/Item.variants.js

@@ -0,0 +1,72 @@
+import { c as t } from "../../../../index-BNmRGtA6.js";
+const i = t(
+  ["group", "font-semibold", "text-inherit"],
+  {
+    variants: {
+      size: {
+        sm: "text-xs",
+        base: "text-sm",
+        lg: "text-base",
+        xl: "text-lg"
+      }
+    },
+    defaultVariants: {
+      size: "base"
+    }
+  }
+), o = t(["text-inherit"], {
+  variants: {
+    isActive: {
+      true: "",
+      false: ["text-slate-400", "cursor-auto"]
+    }
+  },
+  defaultVariants: {
+    isActive: !0
+  },
+  compoundVariants: [
+    {
+      isActive: !0,
+      class: [
+        "group-focus-within:no-underline",
+        "group-focus-within:outline",
+        "group-focus-within:outline-2",
+        "group-focus-within:outline-offset-4",
+        "group-focus-within:outline-slate-500",
+        "group-focus-within:rounded-sm",
+        "group-hover:rounded-sm",
+        "hover:no-underline",
+        "hover:text-slate-500"
+      ]
+    },
+    {
+      isActive: void 0,
+      class: [
+        "group-focus-within:no-underline",
+        "group-focus-within:outline",
+        "group-focus-within:outline-2",
+        "group-focus-within:outline-offset-4",
+        "group-focus-within:outline-slate-500",
+        "group-focus-within:rounded-sm",
+        "group-hover:rounded-sm",
+        "hover:no-underline",
+        "hover:text-slate-500"
+      ]
+    }
+  ]
+}), s = t(["text-inherit"], {
+  variants: {
+    isActive: {
+      true: "",
+      false: ["text-slate-400"]
+    }
+  },
+  defaultVariants: {
+    isActive: !0
+  }
+});
+export {
+  i as breadcrumbItemVariants,
+  s as breadcrumbLabelVariants,
+  o as breadcrumbLinkVariants
+};

package/dist/components/Breadcrumb/components/index.js

@@ -0,0 +1,4 @@
+import { Item as o } from "./Item/Item.js";
+export {
+  o as Item
+};

package/dist/components/Breadcrumb/hooks/useBreadcrumb.js

@@ -1,5 +1,4 @@
-import "react";
-import { u as o } from "../../../useBreadcrumb-DxYsZvj_.js";
+import { u } from "../../../useBreadcrumb-BsIeMoR1.js";
 export {
-  o as useBreadcrumb
+  u as useBreadcrumb
 };

package/dist/components/Button/Button.js

@@ -1,44 +1,38 @@
-import { jsx as h } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { S as u } from "../../index-DoOsnuB6.js";
-import { cn as l } from "../../utils/index.js";
-import "../../contexts/theme.context.js";
-import { useTheme as x } from "../../contexts/theme.hook.js";
-import "../../js.cookie-OLEfuq_g.js";
-import { buttonVariants as T } from "./Button.variants.js";
-const B = c(
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { S as u } from "../../index-Bk324h27.js";
+import { cn as c } from "../../utils/index.js";
+import { buttonVariants as l } from "./Button.variants.js";
+const x = i(
   ({
-    className: o,
-    variant: m,
-    theme: e,
-    size: r,
-    version: n,
-    disabled: t = !1,
-    asChild: i = !1,
-    ...s
-  }, p) => {
-    const f = i ? u : "button", { theme: a } = x();
-    return /* @__PURE__ */ h(
-      f,
-      {
-        ref: p,
-        className: l(
-          T({
-            variant: m,
-            disabled: t,
-            theme: e ?? a,
-            size: r,
-            className: o,
-            version: n
-          })
-        ),
-        disabled: t,
-        ...s
-      }
-    );
-  }
+    className: t,
+    variant: r,
+    theme: m,
+    size: a,
+    version: f,
+    disabled: o = !1,
+    asChild: n = !1,
+    ...p
+  }, s) => /* @__PURE__ */ e(
+    n ? u : "button",
+    {
+      ref: s,
+      "data-theme": m,
+      className: c(
+        l({
+          variant: r,
+          disabled: o,
+          size: a,
+          className: t,
+          version: f
+        })
+      ),
+      disabled: o,
+      ...p
+    }
+  )
 );
-B.displayName = "Button";
+x.displayName = "Button";
 export {
-  B as Button
+  x as Button
 };