@konstructio/ui 0.1.2-alpha.101 → 0.1.2-alpha.103

package/dist/components/Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.js

@@ -1,58 +1,52 @@
-import { t as a } from "../../../../utils-Cx-WzRZF.js";
-import { Button as l } from "../../../Button/Button.js";
-import { t as x } from "../../../../chevron-down-DNP-OOAQ.js";
-import { Badge as C } from "../../../Badge/Badge.js";
-import { DateRangePicker as D } from "../../../DateRangePicker/DateRangePicker.js";
-import { filterButtonIconVariants as N, filterButtonVariants as y } from "../../Filter.variants.js";
-import { useDateRangeFilterDropdown as B } from "./DateRangeFilterDropdown.hook.js";
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-var S = ({ label: i, position: n = "left", showTime: s = !1, timeFormat: d = "24", showPresets: m = !0, defaultRange: p, minDate: c, maxDate: f, countryCode: h = "US", onApply: g }) => {
-  const { appliedRange: o, isOpen: r, selectedRange: u, wrapperRef: R, handleApply: b, handleOpen: k, handleRangeChange: v, handleReset: w } = B({
-    defaultRange: p,
-    onApply: g,
-    countryCode: h
+import { t } from "../../../../utils-Cx-WzRZF.js";
+import { Button as o } from "../../../Button/Button.js";
+import { t as w } from "../../../../chevron-down-DNP-OOAQ.js";
+import { Badge as k } from "../../../Badge/Badge.js";
+import { DateRangePicker as v } from "../../../DateRangePicker/DateRangePicker.js";
+import { filterButtonIconVariants as y, filterButtonVariants as B } from "../../Filter.variants.js";
+import { FilterDropdown as F } from "../FilterDropdown/FilterDropdown.js";
+import { useDateRangeFilterDropdown as N } from "./DateRangeFilterDropdown.hook.js";
+import { Fragment as j, jsx as e, jsxs as r } from "react/jsx-runtime";
+var z = ({ label: i, position: l = "left", showTime: p = !1, timeFormat: s = "24", showPresets: m = !0, defaultRange: c, minDate: d, maxDate: g, countryCode: f = "US", onApply: h }) => {
+  const { appliedRange: n, isOpen: a, selectedRange: u, handleApply: R, handleOpenChange: C, handleRangeChange: x, handleReset: D } = N({
+    defaultRange: c,
+    onApply: h,
+    countryCode: f
   });
-  return /* @__PURE__ */ t("div", {
-    ref: R,
-    className: "relative",
-    children: [/* @__PURE__ */ t("button", {
-      className: a(y(), { "text-slate-700": r }),
-      onClick: k,
-      children: [
-        i,
-        o && /* @__PURE__ */ e(C, { label: o }),
-        /* @__PURE__ */ e(x, { className: a(N(), { "rotate-180 text-blue-600 dark:text-aurora-500": r }) })
-      ]
-    }), r && /* @__PURE__ */ t("div", {
-      className: a("absolute", "top-full", "mt-1", "bg-white", "rounded-md", "shadow-md", "animate-in", "fade-in-0", "z-10", "dark:bg-metal-800", "dark:border-metal-700", {
-        "left-0": n === "left",
-        "right-0": n === "right"
-      }),
-      children: [/* @__PURE__ */ e(D, {
-        defaultRange: u,
-        showTime: s,
-        timeFormat: d,
-        showPresets: m,
-        minDate: c,
-        maxDate: f,
-        onRangeChange: v,
-        classNames: { container: "shadow-none" }
-      }), /* @__PURE__ */ t("div", {
-        className: a("flex", "justify-end", "items-center", "gap-4", "p-4", "pt-0"),
-        children: [/* @__PURE__ */ e(l, {
-          variant: "secondary",
-          appearance: "compact",
-          onClick: w,
-          children: "Reset"
-        }), /* @__PURE__ */ e(l, {
-          appearance: "compact",
-          onClick: b,
-          children: "Apply"
-        })]
+  return /* @__PURE__ */ r(F, {
+    isOpen: a,
+    position: l,
+    triggerClassName: t(B(), { "text-slate-700": a }),
+    trigger: /* @__PURE__ */ r(j, { children: [
+      i,
+      n && /* @__PURE__ */ e(k, { label: n }),
+      /* @__PURE__ */ e(w, { className: t(y(), { "rotate-180 text-blue-600 dark:text-aurora-500": a }) })
+    ] }),
+    onOpenChange: C,
+    children: [/* @__PURE__ */ e(v, {
+      defaultRange: u,
+      showTime: p,
+      timeFormat: s,
+      showPresets: m,
+      minDate: d,
+      maxDate: g,
+      onRangeChange: x,
+      classNames: { container: "shadow-none" }
+    }), /* @__PURE__ */ r("div", {
+      className: t("flex", "justify-end", "items-center", "gap-4", "p-4", "pt-0"),
+      children: [/* @__PURE__ */ e(o, {
+        variant: "secondary",
+        appearance: "compact",
+        onClick: D,
+        children: "Reset"
+      }), /* @__PURE__ */ e(o, {
+        appearance: "compact",
+        onClick: R,
+        children: "Apply"
       })]
     })]
   });
 };
 export {
-  S as DateRangeFilterDropdown
+  z as DateRangeFilterDropdown
 };

package/dist/components/Filter/components/FilterDropdown/FilterDropdown.js

@@ -0,0 +1,28 @@
+import { t as l } from "../../../../utils-Cx-WzRZF.js";
+import { useFilterContext as f } from "../../contexts/filter.hook.js";
+import { i as p, n as c, r as h, t as g } from "../../../../dist-2bGlmy8N2.js";
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+var j = ({ isOpen: t, trigger: r, triggerClassName: o, position: a = "left", contentClassName: n, children: s, onOpenChange: i }) => {
+  const { theme: m } = f();
+  return /* @__PURE__ */ u(h, {
+    open: t,
+    onOpenChange: i,
+    children: [/* @__PURE__ */ e(p, {
+      className: o,
+      children: r
+    }), /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(g, {
+      "data-theme": m,
+      side: "bottom",
+      sideOffset: 4,
+      align: a === "right" ? "end" : "start",
+      onOpenAutoFocus: (d) => {
+        d.preventDefault();
+      },
+      className: l("bg-white", "rounded-md", "shadow-md", "animate-in", "fade-in-0", "z-50", "dark:bg-metal-800", "dark:border-metal-700", n),
+      children: s
+    }) })]
+  });
+};
+export {
+  j as FilterDropdown
+};

package/dist/components/Filter/components/TextMultiSelect/TextMultiSelect.js

@@ -1,76 +1,71 @@
-import { t as o } from "../../../../Checkbox-B1rTwzR3.js";
-import { t as r } from "../../../../utils-Cx-WzRZF.js";
-import { Button as p } from "../../../Button/Button.js";
+import { t as m } from "../../../../Checkbox-DzAx7n67.js";
+import { t as s } from "../../../../utils-Cx-WzRZF.js";
+import { Button as o } from "../../../Button/Button.js";
 import { t as y } from "../../../../chevron-down-DNP-OOAQ.js";
-import { Badge as S } from "../../../Badge/Badge.js";
-import { filterButtonIconVariants as O, filterButtonVariants as A } from "../../Filter.variants.js";
+import { Badge as O } from "../../../Badge/Badge.js";
+import { filterButtonIconVariants as S, filterButtonVariants as w } from "../../Filter.variants.js";
+import { FilterDropdown as A } from "../FilterDropdown/FilterDropdown.js";
 import { useBadgeMultiSelect as B } from "../BadgeDropdown/BadgeMultiSelect.hook.js";
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-var T = ({ options: l, label: h, position: c = "left", onApply: f, showSelectAll: x = !0, selectAllLabel: u = "All" }) => {
-  const { wrapperRef: g, isOpen: d, isAllSelected: s, selectedOptions: b, selectedCount: i, handleOpen: k, handleResetOptions: v, handleApplyOptions: N, handleSelectAll: C, handleSelectOption: w } = B({
+import { Fragment as j, jsx as e, jsxs as a } from "react/jsx-runtime";
+var z = ({ options: l, label: p, position: h = "left", onApply: f, showSelectAll: x = !0, selectAllLabel: g = "All" }) => {
+  const { isOpen: r, isAllSelected: c, selectedOptions: u, selectedCount: d, handleOpenChange: C, handleResetOptions: b, handleApplyOptions: k, handleSelectAll: N, handleSelectOption: v } = B({
     onApply: f,
     options: l
   });
-  return l.length === 0 ? null : /* @__PURE__ */ a("div", {
-    ref: g,
-    className: "relative",
-    children: [/* @__PURE__ */ a("button", {
-      className: r(A(), { "text-slate-700 dark:text-metal-50": d }),
-      onClick: k,
-      children: [
-        h,
-        i.length > 0 && /* @__PURE__ */ e(S, { label: i.length.toString() }),
-        /* @__PURE__ */ e(y, { className: r(O(), { "rotate-180 text-blue-600 dark:text-aurora-500": d }) })
-      ]
-    }), d && /* @__PURE__ */ a("div", {
-      className: r("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": c === "left",
-        "right-0": c === "right"
-      }),
-      children: [/* @__PURE__ */ e("div", {
-        className: "px-6 py-4",
-        children: /* @__PURE__ */ a("div", {
-          className: "flex flex-col gap-2",
-          children: [x && /* @__PURE__ */ a("div", {
+  return l.length === 0 ? null : /* @__PURE__ */ a(A, {
+    isOpen: r,
+    position: h,
+    contentClassName: "border border-gray-200",
+    triggerClassName: s(w(), { "text-slate-700 dark:text-metal-50": r }),
+    trigger: /* @__PURE__ */ a(j, { children: [
+      p,
+      d.length > 0 && /* @__PURE__ */ e(O, { label: d.length.toString() }),
+      /* @__PURE__ */ e(y, { className: s(S(), { "rotate-180 text-blue-600 dark:text-aurora-500": r }) })
+    ] }),
+    onOpenChange: C,
+    children: [/* @__PURE__ */ e("div", {
+      className: "px-6 py-4",
+      children: /* @__PURE__ */ a("div", {
+        className: "flex flex-col gap-2",
+        children: [x && /* @__PURE__ */ a("div", {
+          className: "flex gap-4",
+          children: [/* @__PURE__ */ e(m, {
+            defaultChecked: c,
+            onChange: (t) => N(l, t)
+          }, `select-all-${c}`), /* @__PURE__ */ e("span", {
+            className: "text-sm text-slate-700 dark:text-metal-200 whitespace-nowrap",
+            children: g
+          })]
+        }), l.map((t) => {
+          const i = !!u.find((n) => n.id === t.id);
+          return /* @__PURE__ */ a("div", {
             className: "flex gap-4",
-            children: [/* @__PURE__ */ e(o, {
-              defaultChecked: s,
-              onChange: (t) => C(l, t)
-            }, `select-all-${s}`), /* @__PURE__ */ e("span", {
+            children: [/* @__PURE__ */ e(m, {
+              defaultChecked: i,
+              "data-label": t.id,
+              onChange: (n) => v(t, n)
+            }, `${t.id}-${i}`), /* @__PURE__ */ e("span", {
               className: "text-sm text-slate-700 dark:text-metal-200 whitespace-nowrap",
-              children: u
+              children: t.label
             })]
-          }), l.map((t) => {
-            const m = !!b.find((n) => n.id === t.id);
-            return /* @__PURE__ */ a("div", {
-              className: "flex gap-4",
-              children: [/* @__PURE__ */ e(o, {
-                defaultChecked: m,
-                "data-label": t.id,
-                onChange: (n) => w(t, n)
-              }, `${t.id}-${m}`), /* @__PURE__ */ e("span", {
-                className: "text-sm text-slate-700 dark:text-metal-200 whitespace-nowrap",
-                children: t.label
-              })]
-            }, t.id);
-          })]
-        })
-      }), /* @__PURE__ */ a("div", {
-        className: r("flex", "justify-center", "items-center", "gap-4", "px-6", "py-4", "border-t", "border-gray-200", "dark:border-metal-700"),
-        children: [/* @__PURE__ */ e(p, {
-          variant: "secondary",
-          appearance: "compact",
-          onClick: v,
-          children: "Reset"
-        }), /* @__PURE__ */ e(p, {
-          appearance: "compact",
-          onClick: N,
-          children: "Apply"
+          }, t.id);
         })]
+      })
+    }), /* @__PURE__ */ a("div", {
+      className: s("flex", "justify-center", "items-center", "gap-4", "px-6", "py-4", "border-t", "border-gray-200", "dark:border-metal-700"),
+      children: [/* @__PURE__ */ e(o, {
+        variant: "secondary",
+        appearance: "compact",
+        onClick: b,
+        children: "Reset"
+      }), /* @__PURE__ */ e(o, {
+        appearance: "compact",
+        onClick: k,
+        children: "Apply"
       })]
     })]
   });
 };
 export {
-  T as TextMultiSelect
+  z as TextMultiSelect
 };

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

@@ -1,54 +1,53 @@
-import { getFormattedTime as k } from "../../../TimePicker/utils/index.js";
+import { getFormattedTime as w } from "../../../TimePicker/utils/index.js";
 import { useFilterContext as x } from "../../contexts/filter.hook.js";
-import { FilterEvent as g, sendOpenFilterEvent as I } from "../../events/index.js";
-import { useCallback as n, useEffect as E, useId as A, useRef as D, useState as i } from "react";
-var B = ({ onApply: t, format: h = "24" }) => {
-  const { closeOnApply: l } = x(), c = D(null), s = A(), [L, o] = i(!1), [d, r] = i(), [b, m] = i(), [u, a] = i(), [C, f] = i(), O = C ?? (b ? k(b, h) : void 0), T = n(() => o((e) => (e || I(s), !e)), [s]), P = n((e) => {
+import { FilterEvent as b, sendOpenFilterEvent as I } from "../../events/index.js";
+import { useCallback as s, useEffect as p, useId as R, useState as i } from "react";
+var j = ({ onApply: t, format: g = "24" }) => {
+  const { closeOnApply: l } = x(), n = R(), [h, o] = i(!1), [d, r] = i(), [f, c] = i(), [m, a] = i(), [E, v] = i(), L = E ?? (f ? w(f, g) : void 0), C = s((e) => {
+    e && I(n), o(e);
+  }, [n]), T = s((e) => {
     r(e.value), a(e.label);
-  }, []), S = n((e) => {
+  }, []), O = s((e) => {
     r(e), a(void 0);
-  }, []), w = n(() => {
-    m(d), f(u), t?.(d), l && o(!1);
+  }, []), P = s(() => {
+    c(d), v(m), t?.(d), l && o(!1);
   }, [
     l,
     t,
     d,
-    u
-  ]), v = n(() => o(!1), []), F = n(() => {
-    r(void 0), m(void 0), a(void 0), f(void 0), t?.(), l && o(!1);
+    m
+  ]), u = s(() => o(!1), []), S = s(() => {
+    r(void 0), c(void 0), a(void 0), v(void 0), t?.(), l && o(!1);
   }, [l, t]);
-  return E(() => {
+  return p(() => {
     const e = new AbortController();
-    return document.addEventListener(g.OPEN, (p) => {
-      p.detail !== s && o(!1);
-    }, { signal: e.signal }), document.addEventListener(g.RESET, () => {
-      r(void 0), m(void 0), a(void 0), f(void 0), t?.();
+    return document.addEventListener(b.OPEN, (F) => {
+      F.detail !== n && o(!1);
+    }, { signal: e.signal }), document.addEventListener(b.RESET, () => {
+      r(void 0), c(void 0), a(void 0), v(void 0), t?.();
     }, { signal: e.signal }), () => {
       e.abort();
     };
-  }, [s, t]), E(() => {
-    const e = new AbortController(), p = (R) => {
-      c.current?.contains(R.target) || v();
-    };
-    return document.addEventListener("mousedown", p, { signal: e.signal }), document.addEventListener("visibilitychange", () => {
-      document.hidden && v();
+  }, [n, t]), p(() => {
+    const e = new AbortController();
+    return document.addEventListener("visibilitychange", () => {
+      document.hidden && u();
     }, { signal: e.signal }), () => {
       e.abort();
     };
-  }, [v, c]), {
-    id: s,
-    appliedLabel: O,
-    isOpen: L,
+  }, [u]), {
+    id: n,
+    appliedLabel: L,
+    isOpen: h,
     selectedTime: d,
-    selectedPresetLabel: u,
-    wrapperRef: c,
-    handleApply: w,
-    handleOpen: T,
-    handleSelectPreset: P,
-    handleSelectCustom: S,
-    handleReset: F
+    selectedPresetLabel: m,
+    handleApply: P,
+    handleOpenChange: C,
+    handleSelectPreset: T,
+    handleSelectCustom: O,
+    handleReset: S
   };
 };
 export {
-  B as useTimeFilterDropdown
+  j as useTimeFilterDropdown
 };

package/dist/components/Filter/components/TimeFilterDropdown/TimeFilterDropdown.js

@@ -1,84 +1,79 @@
 import { t as a } from "../../../../utils-Cx-WzRZF.js";
-import { Button as p } from "../../../Button/Button.js";
-import { t as N } from "../../../../chevron-down-DNP-OOAQ.js";
-import { Badge as w } from "../../../Badge/Badge.js";
+import { Button as s } from "../../../Button/Button.js";
+import { t as k } from "../../../../chevron-down-DNP-OOAQ.js";
+import { Badge as N } from "../../../Badge/Badge.js";
 import { TimePicker as C } from "../../../TimePicker/TimePicker.js";
-import { filterButtonIconVariants as B, filterButtonVariants as j } from "../../Filter.variants.js";
-import { useTimeFilterDropdown as D } from "./TimeFilterDropdown.hook.js";
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-var V = ({ label: b, position: o = "left", format: r = "24", presets: i, showTimePicker: d = !0, onApply: h }) => {
-  const { appliedLabel: c, isOpen: n, selectedTime: x, selectedPresetLabel: m, wrapperRef: g, handleApply: f, handleOpen: u, handleSelectPreset: v, handleSelectCustom: y, handleReset: k } = D({
-    onApply: h,
+import { filterButtonIconVariants as w, filterButtonVariants as B } from "../../Filter.variants.js";
+import { FilterDropdown as D } from "../FilterDropdown/FilterDropdown.js";
+import { useTimeFilterDropdown as F } from "./TimeFilterDropdown.hook.js";
+import { Fragment as j, jsx as e, jsxs as l } from "react/jsx-runtime";
+var q = ({ label: p, position: g = "left", format: r = "24", presets: n, showTimePicker: i = !0, onApply: x }) => {
+  const { appliedLabel: c, isOpen: o, selectedTime: h, selectedPresetLabel: d, handleApply: b, handleOpenChange: u, handleSelectPreset: f, handleSelectCustom: y, handleReset: v } = F({
+    onApply: x,
     format: r
-  }), s = i && i.length > 0;
-  return /* @__PURE__ */ l("div", {
-    ref: g,
-    className: "relative",
-    children: [/* @__PURE__ */ l("button", {
-      className: a(j(), { "text-slate-700 dark:text-metal-100": n }),
-      onClick: u,
-      children: [
-        b,
-        c && /* @__PURE__ */ e(w, { label: c }),
-        /* @__PURE__ */ e(N, { className: a(B(), { "rotate-180 text-blue-600 dark:text-aurora-500": n }) })
-      ]
-    }), n && /* @__PURE__ */ l("div", {
-      className: a("absolute", "top-full", "mt-1", "bg-white", "rounded-md", "shadow-md", "animate-in", "fade-in-0", "z-10", "border", "border-gray-200", "flex", "flex-col", "dark:bg-metal-800", "dark:border-metal-700", {
-        "left-0": o === "left",
-        "right-0": o === "right"
-      }),
-      children: [
-        /* @__PURE__ */ l("div", {
-          className: "flex",
-          children: [
-            s && /* @__PURE__ */ e("div", {
-              className: "flex flex-col gap-1 py-4 px-4 min-w-40",
-              children: i.map((t) => /* @__PURE__ */ e("button", {
-                type: "button",
-                className: a("text-left", "px-3", "py-1.5", "rounded", "cursor-pointer", "text-sm", "whitespace-nowrap", "transition-colors", "hover:bg-gray-100", "dark:hover:bg-metal-700", {
-                  "bg-blue-50 text-blue-600 dark:bg-metal-700 dark:text-aurora-500": m === t.label,
-                  "text-gray-700 dark:text-gray-300": m !== t.label
-                }),
-                onClick: () => v(t),
-                children: t.label
-              }, t.label))
-            }),
-            s && d && /* @__PURE__ */ e("div", { className: "w-px bg-gray-200 dark:bg-metal-700" }),
-            d && /* @__PURE__ */ e("div", {
-              className: "py-4 px-6",
-              children: /* @__PURE__ */ e("div", {
-                className: a({
-                  "w-35.5": r === "24",
-                  "w-52": r === "12"
-                }),
-                children: /* @__PURE__ */ e(C, {
-                  format: r,
-                  time: x,
-                  onChange: y,
-                  mode: "input"
-                })
+  }), m = n && n.length > 0;
+  return /* @__PURE__ */ l(D, {
+    isOpen: o,
+    position: g,
+    contentClassName: a("border", "border-gray-200", "flex", "flex-col"),
+    triggerClassName: a(B(), { "text-slate-700 dark:text-metal-100": o }),
+    trigger: /* @__PURE__ */ l(j, { children: [
+      p,
+      c && /* @__PURE__ */ e(N, { label: c }),
+      /* @__PURE__ */ e(k, { className: a(w(), { "rotate-180 text-blue-600 dark:text-aurora-500": o }) })
+    ] }),
+    onOpenChange: u,
+    children: [
+      /* @__PURE__ */ l("div", {
+        className: "flex",
+        children: [
+          m && /* @__PURE__ */ e("div", {
+            className: "flex flex-col gap-1 py-4 px-4 min-w-40",
+            children: n.map((t) => /* @__PURE__ */ e("button", {
+              type: "button",
+              className: a("text-left", "px-3", "py-1.5", "rounded", "cursor-pointer", "text-sm", "whitespace-nowrap", "transition-colors", "hover:bg-gray-100", "dark:hover:bg-metal-700", {
+                "bg-blue-50 text-blue-600 dark:bg-metal-700 dark:text-aurora-500": d === t.label,
+                "text-gray-700 dark:text-gray-300": d !== t.label
+              }),
+              onClick: () => f(t),
+              children: t.label
+            }, t.label))
+          }),
+          m && i && /* @__PURE__ */ e("div", { className: "w-px bg-gray-200 dark:bg-metal-700" }),
+          i && /* @__PURE__ */ e("div", {
+            className: "py-4 px-6",
+            children: /* @__PURE__ */ e("div", {
+              className: a({
+                "w-35.5": r === "24",
+                "w-52": r === "12"
+              }),
+              children: /* @__PURE__ */ e(C, {
+                format: r,
+                time: h,
+                onChange: y,
+                mode: "input"
               })
             })
-          ]
-        }),
-        /* @__PURE__ */ e("div", { className: "h-px bg-gray-200 dark:bg-metal-700" }),
-        /* @__PURE__ */ l("div", {
-          className: a("flex", "justify-end", "items-center", "gap-4", "px-6", "py-3"),
-          children: [/* @__PURE__ */ e(p, {
-            variant: "secondary",
-            appearance: "compact",
-            onClick: k,
-            children: "Reset"
-          }), /* @__PURE__ */ e(p, {
-            appearance: "compact",
-            onClick: f,
-            children: "Apply"
-          })]
-        })
-      ]
-    })]
+          })
+        ]
+      }),
+      /* @__PURE__ */ e("div", { className: "h-px bg-gray-200 dark:bg-metal-700" }),
+      /* @__PURE__ */ l("div", {
+        className: a("flex", "justify-end", "items-center", "gap-4", "px-6", "py-3"),
+        children: [/* @__PURE__ */ e(s, {
+          variant: "secondary",
+          appearance: "compact",
+          onClick: v,
+          children: "Reset"
+        }), /* @__PURE__ */ e(s, {
+          appearance: "compact",
+          onClick: b,
+          children: "Apply"
+        })]
+      })
+    ]
   });
 };
 export {
-  V as TimeFilterDropdown
+  q as TimeFilterDropdown
 };

package/dist/components/Filter/contexts/filter.provider.js

@@ -1,9 +1,12 @@
-import { FilterContext as e } from "./filter.context.js";
-import { jsx as t } from "react/jsx-runtime";
-var v = ({ children: r, closeOnApply: o }) => /* @__PURE__ */ t(e.Provider, {
-  value: { closeOnApply: o },
+import { FilterContext as t } from "./filter.context.js";
+import { jsx as i } from "react/jsx-runtime";
+var l = ({ children: r, closeOnApply: o, theme: e }) => /* @__PURE__ */ i(t.Provider, {
+  value: {
+    closeOnApply: o,
+    theme: e
+  },
   children: r
 });
 export {
-  v as FilterProvider
+  l as FilterProvider
 };

package/dist/components/Filter/utils/index.js

@@ -1,4 +1,4 @@
-import { t } from "../../../utils-B6A9pnrH.js";
+import { t } from "../../../utils-B-BTGYA5.js";
 export {
   t as getLocale
 };

package/dist/components/Input/Input.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../Input-DG3snJf_.js";
+import { t as o } from "../../Input-CW0VwW2T.js";
 export {
   o as Input
 };

package/dist/components/LineChart/LineChart.js

@@ -1,6 +1,6 @@
 import { i as l, t as _ } from "../../utils-Cx-WzRZF.js";
 import { Typography as z } from "../Typography/Typography.js";
-import { a as P, c as j, d as D, i as E, l as F, n as H, o as N, s as O, u as M } from "../../dist-AihTpWdF2.js";
+import { a as P, c as j, d as D, i as E, l as F, n as H, o as N, s as O, u as M } from "../../dist-AihTpWdF.js";
 import { useMemo as h } from "react";
 import { jsx as p, jsxs as V } from "react/jsx-runtime";
 P.register(E, F, M, O, N, j, D);

package/dist/components/Modal/Modal.js

@@ -1,5 +1,5 @@
 "use client";
-import { t } from "../../Modal-Bcu6LLAp.js";
+import { t } from "../../Modal-Bfzggwlr.js";
 export {
   t as Modal
 };

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

@@ -1,4 +1,4 @@
-import { n as p } from "../../../../Modal-Bcu6LLAp.js";
+import { n as p } from "../../../../Modal-Bfzggwlr.js";
 export {
   p as Wrapper
 };

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

@@ -1,7 +1,7 @@
 import { Body as o } from "./Body/Body.js";
 import { Footer as p } from "./Footer/Footer.js";
 import { Header as e } from "./Header/Header.js";
-import { n as i } from "../../../Modal-Bcu6LLAp.js";
+import { n as i } from "../../../Modal-Bfzggwlr.js";
 export {
   o as Body,
   p as Footer,

package/dist/components/MultiSelectDropdown/MultiSelectDropdown.js

@@ -1,4 +1,4 @@
-import { t } from "../../components-CYt24H4n.js";
+import { t } from "../../components-BIHlj4yH.js";
 export {
   t as MultiSelectDropdown
 };

package/dist/components/MultiSelectDropdown/components/List/List.js

@@ -1,4 +1,4 @@
-import { r as o } from "../../../../components-CYt24H4n.js";
+import { r as o } from "../../../../components-BIHlj4yH.js";
 export {
   o as List
 };

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

@@ -1,4 +1,4 @@
-import { n as p } from "../../../../components-CYt24H4n.js";
+import { n as p } from "../../../../components-BIHlj4yH.js";
 export {
   p as Wrapper
 };

package/dist/components/MultiSelectDropdown/components/index.js

@@ -1,5 +1,5 @@
 import { Item as m } from "./Item/Item.js";
-import { n as p, r as t } from "../../../components-CYt24H4n.js";
+import { n as p, r as t } from "../../../components-BIHlj4yH.js";
 export {
   m as Item,
   t as List,