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

package/dist/{Modal-V67Uz78z.js → Modal-B8jrP02v.js}

@@ -1,15 +1,15 @@
 import { Body as b } from "./components/Modal/components/Body/Body.js";
 import { Footer as g } from "./components/Modal/components/Footer/Footer.js";
 import { Header as v } from "./components/Modal/components/Header/Header.js";
-import { jsx as n, jsxs as p } from "react/jsx-runtime";
+import { jsx as n, jsxs as f } from "react/jsx-runtime";
 import { Children as i, isValidElement as s, useEffect as w } from "react";
-import { r as x } from "./index-C9T9HQaa.js";
-import { R as A } from "./index-iXyXtdgP.js";
-import { R as E } from "./Combination-VYaRRJBZ.js";
-import { cn as f } from "./utils/index.js";
-import { buttonCloseVariants as N, modalVariants as R } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
-import { X as k } from "./x-BPcqkRZd.js";
-const B = ({
+import { createPortal as A } from "react-dom";
+import { R as N } from "./index-sp5ZfG6g.js";
+import { R } from "./Combination-VYaRRJBZ.js";
+import { cn as p } from "./utils/index.js";
+import { buttonCloseVariants as k, modalVariants as x } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
+import { X as B } from "./x-4F_5p77m.js";
+const E = ({
   children: e,
   theme: t,
   className: m,
@@ -27,7 +27,7 @@ const B = ({
       o.type
     )
   );
-  return /* @__PURE__ */ n(E, { children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ n(R, { children: /* @__PURE__ */ f(
     "div",
     {
       className: "fixed inset-0 grid place-content-center",
@@ -41,11 +41,11 @@ const B = ({
             role: "presentation"
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ f(
           "div",
           {
-            className: f(
-              R({
+            className: p(
+              x({
                 className: m
               })
             ),
@@ -53,18 +53,18 @@ const B = ({
             "aria-modal": "true",
             children: [
               l,
-              /* @__PURE__ */ p(
+              /* @__PURE__ */ f(
                 "button",
                 {
-                  className: f(
-                    N({
+                  className: p(
+                    k({
                       className: d
                     })
                   ),
                   onClick: a,
                   children: [
-                    /* @__PURE__ */ n(k, {}),
-                    /* @__PURE__ */ n(A, { children: "Dismiss modal" })
+                    /* @__PURE__ */ n(B, {}),
+                    /* @__PURE__ */ n(N, { children: "Dismiss modal" })
                   ]
                 }
               ),
@@ -85,8 +85,8 @@ const B = ({
   }), () => {
     a.abort();
   };
-}, [t]), e ? x.createPortal(
-  /* @__PURE__ */ n(B, { ...d, onClose: t }),
+}, [t]), e ? A(
+  /* @__PURE__ */ n(E, { ...d, onClose: t }),
   m || document.body
 ) : null);
 r.Header = v;
@@ -94,5 +94,5 @@ r.Body = b;
 r.Footer = g;
 export {
   r as M,
-  B as W
+  E as W
 };

package/dist/_commonjsHelpers-DaMA6jEr.js

@@ -0,0 +1,8 @@
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+export {
+  o as c,
+  l as g
+};

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

@@ -1,6 +1,6 @@
-import { c as o } from "./createLucideIcon-BpsAkT97.js";
+import { c as o } from "./createLucideIcon-D2CN7Ma9.js";
 /**
-* @license lucide-react v0.542.0 - ISC
+* @license lucide-react v0.545.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/chevron-right-VYBOBhRt.js

@@ -0,0 +1,19 @@
+import { c as o } from "./createLucideIcon-D2CN7Ma9.js";
+/**
+* @license lucide-react v0.545.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const e = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], n = o("chevron-left", e);
+/**
+* @license lucide-react v0.545.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const t = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], h = o("chevron-right", t);
+export {
+  n as C,
+  h as a
+};

package/dist/components/Alert/Alert.js

@@ -1,9 +1,9 @@
 import { jsx as l, jsxs as s } from "react/jsx-runtime";
 import { useRef as f, useState as h, useMemo as b, isValidElement as C, useCallback as V, useEffect as v } from "react";
-import { V as k } from "../../index-iXyXtdgP.js";
+import { V as k } from "../../index-sp5ZfG6g.js";
 import { cn as a } from "../../utils/index.js";
 import { closeButtonVariants as w, alertVariants as x } from "./Alert.variants.js";
-import { X as y } from "../../x-BPcqkRZd.js";
+import { X as y } from "../../x-4F_5p77m.js";
 const R = ({
   theme: i,
   type: o,

package/dist/components/AlertDialog/AlertDialog.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { R as A, A as D, P as v, O as j, C as k, T, D as w, a as P, b as R } from "../../index-Oq5GlCHP.js";
+import { R as A, A as D, P as v, O as j, C as k, T, D as w, a as P, b as R } from "../../index-Bn4c-gww.js";
 import { Button as l } from "../Button/Button.js";
 import { cn as t } from "../../utils/index.js";
 import { useAlertDialog as z } from "./hooks/useAlertDialog.js";

package/dist/components/AlertDialog/components/AlertDialogTrigger.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { A as p } from "../../../index-Oq5GlCHP.js";
+import { A as p } from "../../../index-Bn4c-gww.js";
 import "../../Button/Button.js";
 import "../../../utils/index.js";
 export {

package/dist/components/AlertDialog/components/index.js

@@ -1,4 +1,4 @@
-import { A as g } from "../../../index-Oq5GlCHP.js";
+import { A as g } from "../../../index-Bn4c-gww.js";
 export {
   g as AlertDialogTrigger
 };

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-D2CN7Ma9.js";
 /**
-* @license lucide-react v0.542.0 - ISC
+* @license lucide-react v0.545.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/Breadcrumb/Breadcrumb.js

@@ -3,7 +3,7 @@ import u, { forwardRef as b, useId as v, Fragment as y } from "react";
 import { cn as h } from "../../utils/index.js";
 import { breadcrumbVariants as O, breadcrumbWrapperVariants as j } from "./Breadcrumb.variants.js";
 import { Item as w } from "./components/Item/Item.js";
-import { P as l } from "../../index-h-Ul0anl.js";
+import { P as l } from "../../index-N2OStZoU.js";
 function m() {
   return m = Object.assign || function(r) {
     for (var o = 1; o < arguments.length; o++) {