@konstructio/ui 0.1.1-alpha.6 → 0.1.2-alpha.2

package/dist/{chevron-down-CVce9Mvh.js → chevron-down-BLZPftpV.js}

@@ -1,6 +1,6 @@
-import { c as o } from "./createLucideIcon-BpsAkT97.js";
+import { c as o } from "./createLucideIcon-DbC6TvM5.js";
 /**
-* @license lucide-react v0.542.0 - ISC
+* @license lucide-react v0.544.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.

package/dist/components/Autocomplete/Autocomplete.js

@@ -1,83 +1,75 @@
-import { jsxs as v, jsx as l } from "react/jsx-runtime";
-import { forwardRef as C, useRef as i, useId as R, useImperativeHandle as A } from "react";
-import { cn as p } from "../../utils/index.js";
-import { labelVariants as O, autocompleteVariants as V } from "./Autocomplete.variants.js";
-import { useAutocomplete as g } from "./hooks/useAutocomplete.js";
-import { List as j } from "./components/List/List.js";
-const y = C(
+import { jsxs as N, jsx as l } from "react/jsx-runtime";
+import { forwardRef as b, useRef as i, useId as C, useImperativeHandle as R } from "react";
+import { cn as m } from "../../utils/index.js";
+import { labelVariants as A, autocompleteVariants as O } from "./Autocomplete.variants.js";
+import { useAutocomplete as V } from "./hooks/useAutocomplete.js";
+import { List as g } from "./components/List/List.js";
+const j = b(
   ({
-    autoComplete: c = "off",
-    className: a,
-    label: n,
-    labelClassName: d,
-    name: t,
-    options: u,
-    placeholder: f,
-    placeHolderEmptyValues: h = "No values...",
-    placeHolderEmptyValuesClassName: w,
-    theme: x,
-    variant: r,
-    onChange: N
-  }, b) => {
-    const s = i(null), o = i(null), m = R();
-    A(b, () => o.current, [o]);
-    const e = g({
-      options: u,
+    autoComplete: d = "off",
+    className: s,
+    label: t,
+    labelClassName: p,
+    name: r,
+    options: c,
+    placeholder: u,
+    placeHolderEmptyValues: f = "No values...",
+    placeHolderEmptyValuesClassName: h,
+    theme: v,
+    onChange: w
+  }, x) => {
+    const a = i(null), o = i(null), n = C();
+    R(x, () => o.current, [o]);
+    const e = V({
+      options: c,
       inputRef: o,
-      wrapperRef: s,
-      onChange: N
+      wrapperRef: a,
+      onChange: w
     });
-    return /* @__PURE__ */ v(
+    return /* @__PURE__ */ N(
       "div",
       {
-        ref: s,
+        ref: a,
         className: "relative flex flex-col",
-        "data-theme": x,
+        "data-theme": v,
         children: [
-          n ? /* @__PURE__ */ l(
+          t ? /* @__PURE__ */ l(
             "label",
             {
-              htmlFor: t ?? m,
-              className: p(
-                O({
-                  variant: r,
-                  className: d
+              htmlFor: r ?? n,
+              className: m(
+                A({
+                  className: p
                 })
               ),
-              children: n
+              children: t
             }
           ) : null,
           /* @__PURE__ */ l(
             "input",
             {
               ref: o,
-              id: t ?? m,
+              id: t ? r ?? n : void 0,
               type: "text",
-              name: t,
+              name: r,
               role: "combobox",
-              autoComplete: c,
-              className: p(
-                V({
-                  variant: r,
-                  className: a
-                })
-              ),
+              autoComplete: d,
+              className: m(O({ className: s })),
               onChange: e.handleChange,
               value: e.value,
-              placeholder: f,
+              placeholder: u,
               "aria-expanded": e.showOptions ? "true" : "false"
             }
           ),
           e.showOptions && /* @__PURE__ */ l("div", { className: "absolute z-10 top-full w-full rounded-md mt-1 border shadow-sm border-zinc-200 overflow-hidden", children: /* @__PURE__ */ l(
-            j,
+            g,
             {
-              className: a,
+              className: s,
               inputRef: o,
-              wrapperRef: s,
+              wrapperRef: a,
               options: e.newOptions,
-              placeholder: h,
-              placeholderClassName: w,
-              variant: r,
+              placeholder: f,
+              placeholderClassName: h,
               onClick: e.handleSelectValue
             }
           ) })
@@ -86,7 +78,7 @@ const y = C(
     );
   }
 );
-y.displayName = "Autocomplete";
+j.displayName = "Autocomplete";
 export {
-  y as Autocomplete
+  j as Autocomplete
 };

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

@@ -1,50 +1,31 @@
-import { c as a } from "../../index-D29mdTf5.js";
-const t = a(
-  [
-    "flex",
-    "w-full",
-    "rounded-md",
-    "border",
-    "border-zinc-200",
-    "bg-transparent",
-    "text-zinc-700",
-    "transition-colors",
-    "placeholder:text-muted-foreground",
-    "focus-visible:outline-none",
-    "focus-visible:ring-1",
-    "focus-visible:ring-ring",
-    "disabled:cursor-not-allowed",
-    "disabled:opacity-50",
-    "shadow-2xs",
-    "py-1",
-    "px-2",
-    "focus:ring-kubefirst-primary",
-    "civo:focus:focus:ring-blue-400"
-  ],
-  {
-    variants: {
-      variant: {
-        default: ""
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-), e = a(
-  ["pl-1", "mb-2", "text-base", "cursor-pointer"],
-  {
-    variants: {
-      variant: {
-        default: ""
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
+import { c as r } from "../../index-D29mdTf5.js";
+const e = r([
+  "flex",
+  "w-full",
+  "rounded-md",
+  "border",
+  "border-zinc-200",
+  "bg-transparent",
+  "text-zinc-700",
+  "transition-colors",
+  "placeholder:text-muted-foreground",
+  "focus-visible:outline-none",
+  "focus-visible:ring-1",
+  "focus-visible:ring-ring",
+  "disabled:cursor-not-allowed",
+  "disabled:opacity-50",
+  "shadow-2xs",
+  "py-1",
+  "px-2",
+  "focus:ring-aurora-500",
+  "kubefirst:focus:ring-kubefirst-primary"
+]), i = r([
+  "pl-1",
+  "mb-2",
+  "text-base",
+  "cursor-pointer"
+]);
 export {
-  t as autocompleteVariants,
-  e as labelVariants
+  e as autocompleteVariants,
+  i as labelVariants
 };

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

@@ -1,58 +1,48 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useRef as p } from "react";
-import { cn as s } from "../../../../utils/index.js";
-import { emptyListVariants as u, buttonVariants as b, listItemVariants as N, listVariants as d } from "./List.variants.js";
-import { useNavigationUlList as h } from "../../hooks/useNavigationList.js";
-const I = ({
-  className: i,
-  inputRef: n,
-  options: e,
-  placeholder: m,
-  placeholderClassName: a,
-  variant: t,
-  wrapperRef: c,
-  onClick: f
+import { jsx as t } from "react/jsx-runtime";
+import { useRef as f } from "react";
+import { cn as r } from "../../../../utils/index.js";
+import { emptyListVariants as p, buttonVariants as u, listItemVariants as b, listVariants as N } from "./List.variants.js";
+import { useNavigationUlList as d } from "../../hooks/useNavigationList.js";
+const y = ({
+  className: n,
+  inputRef: a,
+  options: s,
+  placeholder: l,
+  placeholderClassName: o,
+  wrapperRef: m,
+  onClick: c
 }) => {
-  const o = p(null);
-  return h({ ulRef: o, inputRef: n, wrapperRef: c, options: e }), e.length === 0 ? /* @__PURE__ */ r(
+  const i = f(null);
+  return d({ ulRef: i, inputRef: a, wrapperRef: m, options: s }), s.length === 0 ? /* @__PURE__ */ t(
     "span",
     {
-      className: s(
-        u({
-          variant: t,
-          className: a
+      className: r(
+        p({
+          className: o
         })
       ),
-      children: m
+      children: l
     }
-  ) : /* @__PURE__ */ r(
-    "ul",
+  ) : /* @__PURE__ */ t("ul", { ref: i, role: "listbox", className: r(N({ className: n })), children: s.map(({ value: e }) => /* @__PURE__ */ t(
+    "li",
     {
-      ref: o,
-      role: "listbox",
-      className: s(d({ variant: t, className: i })),
-      children: e.map(({ value: l }) => /* @__PURE__ */ r(
-        "li",
+      role: "option",
+      tabIndex: 0,
+      className: r(b()),
+      children: /* @__PURE__ */ t(
+        "button",
         {
-          role: "option",
-          tabIndex: 0,
-          className: s(N({ variant: t })),
-          children: /* @__PURE__ */ r(
-            "button",
-            {
-              type: "button",
-              role: "button",
-              className: s(b({ variant: t })),
-              onClick: () => f(l),
-              children: l
-            }
-          )
-        },
-        l
-      ))
-    }
-  );
+          type: "button",
+          role: "button",
+          className: r(u()),
+          onClick: () => c(e),
+          children: e
+        }
+      )
+    },
+    e
+  )) });
 };
 export {
-  I as List
+  y as List
 };

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

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

package/dist/components/Badge/Badge.js

@@ -2,9 +2,9 @@ import { jsxs as l, jsx as s } from "react/jsx-runtime";
 import { useRef as f, useState as h, useCallback as g, useEffect as v } from "react";
 import { cn as c } from "../../utils/index.js";
 import { buttonDismissVariants as w, badgeVariants as x } from "./Badge.variants.js";
-import { c as y } from "../../createLucideIcon-BpsAkT97.js";
+import { c as y } from "../../createLucideIcon-DbC6TvM5.js";
 /**
-* @license lucide-react v0.542.0 - ISC
+* @license lucide-react v0.544.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.