@konstructio/ui 0.1.2-alpha.41 → 0.1.2-alpha.44

package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js

@@ -1,90 +1,117 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { Badge as o } from "../../../Badge/Badge.js";
 import { Button as m } from "../../../Button/Button.js";
-import { Checkbox as C } from "../../../Checkbox/Checkbox.js";
-import { cn as n } from "../../../../utils/index.js";
-import { filterButtonIconVariants as y, filterButtonVariants as N } from "../../Filter.variants.js";
-import { useBadgeMultiSelect as B } from "./BadgeMultiSelect.hook.js";
-import { C as O } from "../../../../chevron-down-DgT-uSF9.js";
+import { Checkbox as k } from "../../../Checkbox/Checkbox.js";
+import { cn as l } from "../../../../utils/index.js";
+import { filterButtonIconVariants as C, filterButtonVariants as y } from "../../Filter.variants.js";
+import { useBadgeMultiSelect as N } from "./BadgeMultiSelect.hook.js";
+import { C as B } from "../../../../chevron-down-DgT-uSF9.js";
 const $ = ({
-  options: i,
+  options: n,
   label: p,
-  position: d = "left",
+  position: i = "left",
   onApply: f
 }) => {
   const {
     wrapperRef: h,
-    isOpen: l,
+    isOpen: r,
     selectedOptions: u,
     selectedCount: c,
     handleOpen: g,
     handleResetOptions: b,
-    handleApplyOptions: v,
-    handleSelectOption: x
-  } = B({ onApply: f });
-  return i.length === 0 ? null : /* @__PURE__ */ a("div", { ref: h, className: "relative", children: [
-    /* @__PURE__ */ a(
+    handleApplyOptions: x,
+    handleSelectOption: v
+  } = N({ onApply: f });
+  return n.length === 0 ? null : /* @__PURE__ */ t("div", { ref: h, className: "relative", children: [
+    /* @__PURE__ */ t(
       "button",
       {
-        className: n(N(), {
-          "text-slate-700": l
+        className: l(y(), {
+          "text-slate-700 dark:text-metal-50": r
         }),
         onClick: g,
         children: [
           p,
           c.length > 0 && /* @__PURE__ */ e(o, { label: c.length.toString() }),
           /* @__PURE__ */ e(
-            O,
+            B,
             {
-              className: n(y(), {
-                "rotate-180": l,
-                "text-blue-600": l
+              className: l(C(), {
+                "rotate-180": r,
+                "text-blue-600 dark:text-aurora-500": r
               })
             }
           )
         ]
       }
     ),
-    l && /* @__PURE__ */ a(
+    r && /* @__PURE__ */ t(
       "div",
       {
-        className: n(
-          "absolute top-full mt-1 bg-white rounded-md shadow-md animate-in fade-in-0 z-10 border border-gray-200",
+        className: l(
+          "absolute",
+          "top-full",
+          "mt-1",
+          "bg-white",
+          "rounded-md",
+          "shadow-md",
+          "animate-in",
+          "fade-in-0",
+          "z-10",
+          "border",
+          "border-gray-200",
+          "dark:bg-metal-800",
+          "dark:border-metal-700",
           {
-            "left-0": d === "left",
-            "right-0": d === "right"
+            "left-0": i === "left",
+            "right-0": i === "right"
           }
         ),
         children: [
-          /* @__PURE__ */ e("div", { className: "py-4", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: i.map((t) => {
+          /* @__PURE__ */ e("div", { className: "py-4", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: n.map((a) => {
             const s = !!u.find(
-              (r) => r.id === t.id
+              (d) => d.id === a.id
             );
-            return /* @__PURE__ */ a("div", { className: "flex gap-4 px-6", children: [
+            return /* @__PURE__ */ t("div", { className: "flex gap-4 px-6", children: [
               /* @__PURE__ */ e(
-                C,
+                k,
                 {
                   defaultChecked: s,
-                  "data-label": t.id,
-                  onChange: (r) => x(t, r)
+                  "data-label": a.id,
+                  onChange: (d) => v(a, d)
                 },
-                `${t.id}-${s}`
+                `${a.id}-${s}`
               ),
-              /* @__PURE__ */ e(o, { label: t.label, variant: t.variant })
-            ] }, t.id);
+              /* @__PURE__ */ e(o, { label: a.label, variant: a.variant })
+            ] }, a.id);
           }) }) }),
-          /* @__PURE__ */ a("div", { className: "flex justify-center items-center gap-4 py-4 border-t border-gray-200", children: [
-            /* @__PURE__ */ e(
-              m,
-              {
-                variant: "secondary",
-                appearance: "compact",
-                onClick: b,
-                children: "Reset"
-              }
-            ),
-            /* @__PURE__ */ e(m, { appearance: "compact", onClick: v, children: "Apply" })
-          ] })
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: l(
+                "flex",
+                "justify-center",
+                "items-center",
+                "gap-4",
+                "py-4",
+                "border-t",
+                "border-gray-200",
+                "dark:border-metal-700"
+              ),
+              children: [
+                /* @__PURE__ */ e(
+                  m,
+                  {
+                    variant: "secondary",
+                    appearance: "compact",
+                    onClick: b,
+                    children: "Reset"
+                  }
+                ),
+                /* @__PURE__ */ e(m, { appearance: "compact", onClick: x, children: "Apply" })
+              ]
+            }
+          )
         ]
       }
     )

package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.hook.js

@@ -22,9 +22,9 @@ const R = ({
     const e = new AbortController();
     return document.addEventListener(
       f.OPEN,
-      (o) => {
+      ((o) => {
         o.detail !== t && a(!1);
-      },
+      }),
       {
         signal: e.signal
       }

package/dist/components/Filter/components/ResetButton/ResetButton.js

@@ -1,29 +1,43 @@
 import { jsx as n } from "react/jsx-runtime";
-import { useCallback as a } from "react";
-import { Button as m } from "../../../Button/Button.js";
-import { resetEvent as p } from "../../events/index.js";
-const u = ({
-  disabled: e,
-  onClick: t,
-  ...r
+import { useCallback as s } from "react";
+import { Button as p } from "../../../Button/Button.js";
+import { cn as m } from "../../../../utils/index.js";
+import { resetEvent as c } from "../../events/index.js";
+const b = ({
+  disabled: t,
+  className: e,
+  onClick: r,
+  ...a
 }) => {
-  const o = a(() => {
-    p(), t?.();
-  }, [t]);
+  const o = s(() => {
+    c(), r?.();
+  }, [r]);
   return /* @__PURE__ */ n(
-    m,
+    p,
     {
       type: "button",
       variant: "text",
       appearance: "compact",
       version: "alternate",
       onClick: o,
-      disabled: e,
-      ...r,
+      disabled: t,
+      className: m(
+        "text-aurora-500",
+        "hover:text-slate-700",
+        "disabled:text-aurora-500/60",
+        "bg-transparent",
+        "hover:bg-transparent",
+        "hover:text-aurora-500",
+        "border-transparent",
+        "dark:hover:text-aurora-500",
+        "dark:hover:bg-aurora-900",
+        e
+      ),
+      ...a,
       children: "Reset"
     }
   );
 };
 export {
-  u as ResetButton
+  b as ResetButton
 };

package/dist/components/Input/Input.js

@@ -4,7 +4,7 @@ import { cn as u } from "../../utils/index.js";
 import { inputVariants as $ } from "./Input.variants.js";
 import { SearchIcon as L } from "../../assets/icons/components/Search.js";
 import { Warning as T } from "../../assets/icons/components/Warning.js";
-import { P as i } from "../../index--V_ZsiQe.js";
+import { P as i } from "../../index-BOE_3f_Z.js";
 function h() {
   return h = Object.assign || function(t) {
     for (var n = 1; n < arguments.length; n++) {

package/dist/components/Input/Input.variants.js

@@ -23,8 +23,8 @@ const a = r(
     "data-[error=false]:dark:focus:ring-aurora-500",
     "data-[error=false]:focus:ring-aurora-500",
     "data-[error=false]:kubefirst:focus:ring-kubefirst-primary",
-    "dark:bg-slate-800",
-    "dark:border-slate-600",
+    "dark:bg-metal-800",
+    "dark:border-metal-700",
     "dark:disabled:bg-slate-900",
     "dark:disabled:text-slate-400",
     "dark:text-slate-50",

package/dist/components/Modal/Modal.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "react-dom";
-import { M as d } from "../../Modal-CtAG97Ts.js";
+import { M as d } from "../../Modal-CjC-CIJ8.js";
 import "./components/Header/Header.js";
 import "./components/Body/Body.js";
 import "./components/Footer/Footer.js";

package/dist/components/Modal/components/Body/Body.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { S as n } from "../../../../index-BtQfgaSF.js";
+import { S as n } from "../../../../index-BvoZGpli.js";
 import { cn as e } from "../../../../utils/index.js";
 const i = ({ children: o, asChild: t, className: m }) => /* @__PURE__ */ r(t ? n : "div", { className: e("flex-1", m), children: o });
 export {

package/dist/components/Modal/components/Footer/Footer.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import { S as n } from "../../../../index-BtQfgaSF.js";
+import { S as n } from "../../../../index-BvoZGpli.js";
 import { cn as e } from "../../../../utils/index.js";
 const a = ({ children: o, asChild: r, className: t }) => /* @__PURE__ */ m(r ? n : "div", { className: e("border-zinc-200", t), children: o });
 export {

package/dist/components/Modal/components/Header/Header.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import { S as n } from "../../../../index-BtQfgaSF.js";
+import { S as n } from "../../../../index-BvoZGpli.js";
 import { cn as e } from "../../../../utils/index.js";
 const a = ({ children: o, asChild: r, className: t }) => /* @__PURE__ */ m(r ? n : "div", { className: e("border-zinc-200", t), children: o });
 export {

package/dist/components/Modal/components/Wrapper/Wrapper.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
-import "../../../../index-DrWQH0QF.js";
+import "../../../../index-BKjcReYh.js";
 import "react";
 import "../../../../Combination-BtmnusWq.js";
-import { W as f } from "../../../../Modal-CtAG97Ts.js";
+import { W as f } from "../../../../Modal-CjC-CIJ8.js";
 import "../../../../utils/index.js";
 import "./Wrapper.variants.js";
-import "../../../../x-DPU9OdYH.js";
+import "../../../../x-Eoa9FJjA.js";
 export {
   f as Wrapper
 };

package/dist/components/Modal/components/index.js

@@ -1,7 +1,7 @@
 import { Body as e } from "./Body/Body.js";
 import { Footer as t } from "./Footer/Footer.js";
 import { Header as m } from "./Header/Header.js";
-import { W as a } from "../../../Modal-CtAG97Ts.js";
+import { W as a } from "../../../Modal-CjC-CIJ8.js";
 export {
   e as Body,
   t as Footer,

package/dist/components/MultiSelectDropdown/components/Wrapper/Wrapper.js

@@ -7,7 +7,7 @@ import { S as O } from "../../../../loader-juvMSJ9L.js";
 import { cn as t } from "../../../../utils/index.js";
 import { useMultiSelectDropdown as k } from "../../hooks/useMultiSelectDropdown.js";
 import { labelVariants as D, multiSelectDropdownVariants as M, wrapperVariants as R } from "../../MultiSelectDropdown.variants.js";
-import { C as y } from "../../../../chevron-up-CRyLc5Ml.js";
+import { C as y } from "../../../../chevron-up-DEfvgPCw.js";
 import { useMultiSelectDropdown as I } from "../../contexts/MultiSelectDropdown.hook.js";
 import { Tag as V } from "../../../Tag/Tag.js";
 const j = (r) => /* @__PURE__ */ c.createElement("svg", { width: 9, height: 9, viewBox: "0 0 9 9", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ c.createElement("path", { d: "M8.16667 0.8225L7.34417 0L4.08333 3.26083L0.8225 0L0 0.8225L3.26083 4.08333L0 7.34417L0.8225 8.16667L4.08333 4.90583L7.34417 8.16667L8.16667 7.34417L4.90583 4.08333L8.16667 0.8225Z", fill: "#364153" })), E = S(

package/dist/components/NumberInput/NumberInput.js

@@ -1,9 +1,9 @@
 import { jsxs as m, jsx as c } from "react/jsx-runtime";
-import { R as O } from "../../index-DrWQH0QF.js";
+import { R as O } from "../../index-BKjcReYh.js";
 import f, { forwardRef as b, useId as N, useCallback as w } from "react";
 import { cn as y } from "../../utils/index.js";
 import { labelVariants as z, buttonVariants as j, numberInputVariants as _ } from "./NumberInput.variants.js";
-import { P as l } from "../../index--V_ZsiQe.js";
+import { P as l } from "../../index-BOE_3f_Z.js";
 function h() {
   return h = Object.assign || function(e) {
     for (var o = 1; o < arguments.length; o++) {