@konstructio/ui 0.1.2-alpha.77 → 0.1.2-alpha.78

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

@@ -1,87 +1,139 @@
-import { jsx as l, jsxs as s } from "react/jsx-runtime";
-import { c as E } from "../../../../compiler-runtime-DA41awpA.js";
-import { Badge as I } from "../../../Badge/Badge.js";
-import { Button as V } from "../../../Button/Button.js";
-import { Checkbox as z } from "../../../Checkbox/Checkbox.js";
-import { filterButtonVariants as T, filterButtonIconVariants as q } from "../../Filter.variants.js";
-import { cn as g } from "../../../../utils/index.js";
-import { useBadgeMultiSelect as F } from "../BadgeDropdown/BadgeMultiSelect.hook.js";
-import { C as G } from "../../../../chevron-down-BBFYYzZq.js";
-const Z = (D) => {
-  const e = E.c(33), {
-    options: a,
-    label: b,
-    position: $,
-    onApply: k,
-    showSelectAll: j,
-    selectAllLabel: L
-  } = D, p = $ === void 0 ? "left" : $, v = j === void 0 ? !0 : j, C = L === void 0 ? "All" : L;
-  let f;
-  e[0] !== k || e[1] !== a ? (f = {
-    onApply: k,
-    options: a
-  }, e[0] = k, e[1] = a, e[2] = f) : f = e[2];
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { Badge as y } from "../../../Badge/Badge.js";
+import { Button as o } from "../../../Button/Button.js";
+import { Checkbox as p } from "../../../Checkbox/Checkbox.js";
+import { filterButtonIconVariants as S, filterButtonVariants as O } from "../../Filter.variants.js";
+import { cn as r } from "../../../../utils/index.js";
+import { useBadgeMultiSelect as A } from "../BadgeDropdown/BadgeMultiSelect.hook.js";
+import { C as B } from "../../../../chevron-down-BBFYYzZq.js";
+const T = ({
+  options: l,
+  label: h,
+  position: c = "left",
+  onApply: f,
+  showSelectAll: x = !0,
+  selectAllLabel: u = "All"
+}) => {
   const {
-    wrapperRef: N,
-    isOpen: t,
-    isAllSelected: h,
-    selectedOptions: w,
-    selectedCount: x,
-    handleOpen: A,
-    handleResetOptions: y,
-    handleApplyOptions: S,
-    handleSelectAll: O,
-    handleSelectOption: B
-  } = F(f);
-  if (a.length === 0)
-    return null;
-  let i;
-  e[3] !== t ? (i = g(T(), {
-    "text-slate-700 dark:text-metal-50": t
-  }), e[3] = t, e[4] = i) : i = e[4];
-  let n;
-  e[5] !== x.length ? (n = x.length > 0 && /* @__PURE__ */ l(I, { label: x.length.toString() }), e[5] = x.length, e[6] = n) : n = e[6];
-  let o;
-  e[7] !== t ? (o = g(q(), {
-    "rotate-180 text-blue-600 dark:text-aurora-500": t
-  }), e[7] = t, e[8] = o) : o = e[8];
-  let c;
-  e[9] !== o ? (c = /* @__PURE__ */ l(G, { className: o }), e[9] = o, e[10] = c) : c = e[10];
-  let d;
-  e[11] !== A || e[12] !== b || e[13] !== i || e[14] !== n || e[15] !== c ? (d = /* @__PURE__ */ s("button", { className: i, onClick: A, children: [
-    b,
-    n,
-    c
-  ] }), e[11] = A, e[12] = b, e[13] = i, e[14] = n, e[15] = c, e[16] = d) : d = e[16];
-  let m;
-  e[17] !== S || e[18] !== y || e[19] !== O || e[20] !== B || e[21] !== h || e[22] !== t || e[23] !== a || e[24] !== p || e[25] !== C || e[26] !== w || e[27] !== v ? (m = t && /* @__PURE__ */ s("div", { className: g("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": p === "left",
-    "right-0": p === "right"
-  }), children: [
-    /* @__PURE__ */ l("div", { className: "px-6 py-4", children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: [
-      v && /* @__PURE__ */ s("div", { className: "flex gap-4", children: [
-        /* @__PURE__ */ l(z, { defaultChecked: h, onChange: (r) => O(a, r) }, `select-all-${h}`),
-        /* @__PURE__ */ l("span", { className: "text-sm text-slate-700 dark:text-metal-200 whitespace-nowrap", children: C })
-      ] }),
-      a.map((r) => {
-        const M = !!w.find((R) => R.id === r.id);
-        return /* @__PURE__ */ s("div", { className: "flex gap-4", children: [
-          /* @__PURE__ */ l(z, { defaultChecked: M, "data-label": r.id, onChange: (R) => B(r, R) }, `${r.id}-${M}`),
-          /* @__PURE__ */ l("span", { className: "text-sm text-slate-700 dark:text-metal-200 whitespace-nowrap", children: r.label })
-        ] }, r.id);
-      })
-    ] }) }),
-    /* @__PURE__ */ s("div", { className: g("flex", "justify-center", "items-center", "gap-4", "px-6", "py-4", "border-t", "border-gray-200", "dark:border-metal-700"), children: [
-      /* @__PURE__ */ l(V, { variant: "secondary", appearance: "compact", onClick: y, children: "Reset" }),
-      /* @__PURE__ */ l(V, { appearance: "compact", onClick: S, children: "Apply" })
-    ] })
-  ] }), e[17] = S, e[18] = y, e[19] = O, e[20] = B, e[21] = h, e[22] = t, e[23] = a, e[24] = p, e[25] = C, e[26] = w, e[27] = v, e[28] = m) : m = e[28];
-  let u;
-  return e[29] !== m || e[30] !== d || e[31] !== N ? (u = /* @__PURE__ */ s("div", { ref: N, className: "relative", children: [
-    d,
-    m
-  ] }), e[29] = m, e[30] = d, e[31] = N, e[32] = u) : u = e[32], u;
+    wrapperRef: g,
+    isOpen: d,
+    isAllSelected: i,
+    selectedOptions: b,
+    selectedCount: s,
+    handleOpen: k,
+    handleResetOptions: C,
+    handleApplyOptions: N,
+    handleSelectAll: v,
+    handleSelectOption: w
+  } = A({ onApply: f, options: l });
+  return l.length === 0 ? null : /* @__PURE__ */ a("div", { ref: g, className: "relative", children: [
+    /* @__PURE__ */ a(
+      "button",
+      {
+        className: r(O(), {
+          "text-slate-700 dark:text-metal-50": d
+        }),
+        onClick: k,
+        children: [
+          h,
+          s.length > 0 && /* @__PURE__ */ e(y, { label: s.length.toString() }),
+          /* @__PURE__ */ e(
+            B,
+            {
+              className: r(S(), {
+                "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", { className: "flex gap-4", children: [
+              /* @__PURE__ */ e(
+                p,
+                {
+                  defaultChecked: i,
+                  onChange: (t) => v(l, t)
+                },
+                `select-all-${i}`
+              ),
+              /* @__PURE__ */ e("span", { className: "text-sm text-slate-700 dark:text-metal-200 whitespace-nowrap", children: u })
+            ] }),
+            l.map((t) => {
+              const m = !!b.find(
+                (n) => n.id === t.id
+              );
+              return /* @__PURE__ */ a("div", { className: "flex gap-4", children: [
+                /* @__PURE__ */ e(
+                  p,
+                  {
+                    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(
+                  o,
+                  {
+                    variant: "secondary",
+                    appearance: "compact",
+                    onClick: C,
+                    children: "Reset"
+                  }
+                ),
+                /* @__PURE__ */ e(o, { appearance: "compact", onClick: N, children: "Apply" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
 };
 export {
-  Z as TextMultiSelect
+  T as TextMultiSelect
 };

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

@@ -1,89 +1,75 @@
-import { c as H } from "../../../../compiler-runtime-DA41awpA.js";
-import { useRef as J, useId as K, useState as c, useEffect as j } from "react";
-import { getFormattedTime as M } from "../../../TimePicker/utils/index.js";
-import { sendOpenFilterEvent as Q, FilterEvent as q } from "../../events/index.js";
-import { useFilterContext as U } from "../../contexts/filter.hook.js";
-const ee = (z) => {
-  const e = H.c(32), {
-    onApply: l,
-    format: N
-  } = z, A = N === void 0 ? "24" : N, {
-    closeOnApply: s
-  } = U(), O = J(null), o = K(), [T, r] = c(!1), [n, a] = c(), [d, C] = c(), [i, m] = c(), [P, w] = c();
-  let f;
-  e[0] !== P || e[1] !== d || e[2] !== A ? (f = P ?? (d ? M(d, A) : void 0), e[0] = P, e[1] = d, e[2] = A, e[3] = f) : f = e[3];
-  const F = f;
-  let p;
-  e[4] !== o ? (p = () => r((t) => (t || Q(o), !t)), e[4] = o, e[5] = p) : p = e[5];
-  const R = p;
-  let u;
-  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = (t) => {
-    a(t.value), m(t.label);
-  }, e[6] = u) : u = e[6];
-  const B = u;
-  let v;
-  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = (t) => {
-    a(t), m(void 0);
-  }, e[7] = v) : v = e[7];
-  const G = v;
-  let b;
-  e[8] !== s || e[9] !== l || e[10] !== i || e[11] !== n ? (b = () => {
-    C(n), w(i), l?.(n), s && r(!1);
-  }, e[8] = s, e[9] = l, e[10] = i, e[11] = n, e[12] = b) : b = e[12];
-  const x = b;
-  let h;
-  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = () => r(!1), e[13] = h) : h = e[13];
-  const I = h;
-  let E;
-  e[14] !== s || e[15] !== l ? (E = () => {
-    a(void 0), C(void 0), m(void 0), w(void 0), l?.(), s && r(!1);
-  }, e[14] = s, e[15] = l, e[16] = E) : E = e[16];
-  const k = E;
-  let g, S;
-  e[17] !== o || e[18] !== l ? (S = () => {
-    const t = new AbortController();
-    return document.addEventListener(q.OPEN, (D) => {
-      D.detail !== o && r(!1);
-    }, {
-      signal: t.signal
-    }), document.addEventListener(q.RESET, () => {
-      a(void 0), C(void 0), m(void 0), w(void 0), l?.();
-    }, {
-      signal: t.signal
-    }), () => {
-      t.abort();
+import { useRef as k, useId as x, useState as i, useCallback as n, useEffect as g } from "react";
+import { getFormattedTime as I } from "../../../TimePicker/utils/index.js";
+import { sendOpenFilterEvent as A, FilterEvent as h } from "../../events/index.js";
+import { useFilterContext as D } from "../../contexts/filter.hook.js";
+const B = ({
+  onApply: t,
+  format: L = "24"
+}) => {
+  const { closeOnApply: l } = D(), c = k(null), s = x(), [C, o] = i(!1), [d, r] = i(), [b, m] = i(), [u, a] = i(), [O, f] = i(), T = O ?? (b ? I(b, L) : void 0), P = n(
+    () => o((e) => (e || A(s), !e)),
+    [s]
+  ), S = n((e) => {
+    r(e.value), a(e.label);
+  }, []), w = n((e) => {
+    r(e), a(void 0);
+  }, []), F = n(() => {
+    m(d), f(u), t?.(d), l && o(!1);
+  }, [l, t, d, u]), v = n(() => o(!1), []), R = n(() => {
+    r(void 0), m(void 0), a(void 0), f(void 0), t?.(), l && o(!1);
+  }, [l, t]);
+  return g(() => {
+    const e = new AbortController();
+    return document.addEventListener(
+      h.OPEN,
+      (p) => {
+        p.detail !== s && o(!1);
+      },
+      {
+        signal: e.signal
+      }
+    ), document.addEventListener(
+      h.RESET,
+      () => {
+        r(void 0), m(void 0), a(void 0), f(void 0), t?.();
+      },
+      {
+        signal: e.signal
+      }
+    ), () => {
+      e.abort();
     };
-  }, g = [o, l], e[17] = o, e[18] = l, e[19] = g, e[20] = S) : (g = e[19], S = e[20]), j(S, g);
-  let L, _;
-  e[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = () => {
-    const t = new AbortController(), D = ($) => {
-      O.current?.contains($.target) || I();
+  }, [s, t]), g(() => {
+    const e = new AbortController(), p = (E) => {
+      c.current?.contains(E.target) || v();
     };
-    return document.addEventListener("mousedown", D, {
-      signal: t.signal
-    }), document.addEventListener("visibilitychange", () => {
-      document.hidden && I();
-    }, {
-      signal: t.signal
-    }), () => {
-      t.abort();
+    return document.addEventListener("mousedown", p, {
+      signal: e.signal
+    }), document.addEventListener(
+      "visibilitychange",
+      () => {
+        document.hidden && v();
+      },
+      {
+        signal: e.signal
+      }
+    ), () => {
+      e.abort();
     };
-  }, _ = [I, O], e[21] = L, e[22] = _) : (L = e[21], _ = e[22]), j(L, _);
-  let y;
-  return e[23] !== F || e[24] !== x || e[25] !== R || e[26] !== k || e[27] !== o || e[28] !== T || e[29] !== i || e[30] !== n ? (y = {
-    id: o,
-    appliedLabel: F,
-    isOpen: T,
-    selectedTime: n,
-    selectedPresetLabel: i,
-    wrapperRef: O,
-    handleApply: x,
-    handleOpen: R,
-    handleSelectPreset: B,
-    handleSelectCustom: G,
-    handleReset: k
-  }, e[23] = F, e[24] = x, e[25] = R, e[26] = k, e[27] = o, e[28] = T, e[29] = i, e[30] = n, e[31] = y) : y = e[31], y;
+  }, [v, c]), {
+    id: s,
+    appliedLabel: T,
+    isOpen: C,
+    selectedTime: d,
+    selectedPresetLabel: u,
+    wrapperRef: c,
+    handleApply: F,
+    handleOpen: P,
+    handleSelectPreset: S,
+    handleSelectCustom: w,
+    handleReset: R
+  };
 };
 export {
-  ee as useTimeFilterDropdown
+  B as useTimeFilterDropdown
 };

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

@@ -1,84 +1,155 @@
-import { jsxs as f, jsx as t } from "react/jsx-runtime";
-import { c as S } from "../../../../compiler-runtime-DA41awpA.js";
-import { Badge as V } from "../../../Badge/Badge.js";
-import { Button as L } from "../../../Button/Button.js";
-import { filterButtonVariants as z, filterButtonIconVariants as E } from "../../Filter.variants.js";
-import { TimePicker as I } from "../../../TimePicker/TimePicker.js";
-import { cn as m } from "../../../../utils/index.js";
-import { useTimeFilterDropdown as $ } from "./TimeFilterDropdown.hook.js";
-import { C as q } from "../../../../chevron-down-BBFYYzZq.js";
-const Y = (O) => {
-  const e = S.c(34), {
-    label: y,
-    position: A,
-    format: D,
-    presets: d,
-    showTimePicker: F,
-    onApply: w
-  } = O, h = A === void 0 ? "left" : A, a = D === void 0 ? "24" : D, b = F === void 0 ? !0 : F;
-  let x;
-  e[0] !== a || e[1] !== w ? (x = {
-    onApply: w,
-    format: a
-  }, e[0] = a, e[1] = w, e[2] = x) : x = e[2];
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Badge as N } from "../../../Badge/Badge.js";
+import { Button as p } from "../../../Button/Button.js";
+import { filterButtonIconVariants as w, filterButtonVariants as C } from "../../Filter.variants.js";
+import { TimePicker as B } from "../../../TimePicker/TimePicker.js";
+import { cn as a } from "../../../../utils/index.js";
+import { useTimeFilterDropdown as j } from "./TimeFilterDropdown.hook.js";
+import { C as D } from "../../../../chevron-down-BBFYYzZq.js";
+const V = ({
+  label: b,
+  position: o = "left",
+  format: r = "24",
+  presets: n,
+  showTimePicker: d = !0,
+  onApply: h
+}) => {
   const {
-    appliedLabel: g,
-    isOpen: l,
-    selectedTime: N,
-    selectedPresetLabel: u,
-    wrapperRef: C,
-    handleApply: P,
-    handleOpen: T,
-    handleSelectPreset: B,
-    handleSelectCustom: R,
-    handleReset: j
-  } = $(x), k = d && d.length > 0;
-  let r;
-  e[3] !== l ? (r = m(z(), {
-    "text-slate-700 dark:text-metal-100": l
-  }), e[3] = l, e[4] = r) : r = e[4];
-  let o;
-  e[5] !== g ? (o = g && /* @__PURE__ */ t(V, { label: g }), e[5] = g, e[6] = o) : o = e[6];
-  let i;
-  e[7] !== l ? (i = m(E(), {
-    "rotate-180 text-blue-600 dark:text-aurora-500": l
-  }), e[7] = l, e[8] = i) : i = e[8];
-  let s;
-  e[9] !== i ? (s = /* @__PURE__ */ t(q, { className: i }), e[9] = i, e[10] = s) : s = e[10];
-  let n;
-  e[11] !== T || e[12] !== y || e[13] !== r || e[14] !== o || e[15] !== s ? (n = /* @__PURE__ */ f("button", { className: r, onClick: T, children: [
-    y,
-    o,
-    s
-  ] }), e[11] = T, e[12] = y, e[13] = r, e[14] = o, e[15] = s, e[16] = n) : n = e[16];
-  let c;
-  e[17] !== a || e[18] !== P || e[19] !== j || e[20] !== R || e[21] !== B || e[22] !== k || e[23] !== l || e[24] !== h || e[25] !== d || e[26] !== u || e[27] !== N || e[28] !== b ? (c = l && /* @__PURE__ */ f("div", { className: m("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": h === "left",
-    "right-0": h === "right"
-  }), children: [
-    /* @__PURE__ */ f("div", { className: "flex", children: [
-      k && /* @__PURE__ */ t("div", { className: "flex flex-col gap-1 py-4 px-4 min-w-40", children: d.map((p) => /* @__PURE__ */ t("button", { type: "button", className: m("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": u === p.label,
-        "text-gray-700 dark:text-gray-300": u !== p.label
-      }), onClick: () => B(p), children: p.label }, p.label)) }),
-      k && b && /* @__PURE__ */ t("div", { className: "w-px bg-gray-200 dark:bg-metal-700" }),
-      b && /* @__PURE__ */ t("div", { className: "py-4 px-6", children: /* @__PURE__ */ t("div", { className: m({
-        "w-35.5": a === "24",
-        "w-52": a === "12"
-      }), children: /* @__PURE__ */ t(I, { format: a, time: N, onChange: R, mode: "input" }) }) })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "h-px bg-gray-200 dark:bg-metal-700" }),
-    /* @__PURE__ */ f("div", { className: m("flex", "justify-end", "items-center", "gap-4", "px-6", "py-3"), children: [
-      /* @__PURE__ */ t(L, { variant: "secondary", appearance: "compact", onClick: j, children: "Reset" }),
-      /* @__PURE__ */ t(L, { appearance: "compact", onClick: P, children: "Apply" })
-    ] })
-  ] }), e[17] = a, e[18] = P, e[19] = j, e[20] = R, e[21] = B, e[22] = k, e[23] = l, e[24] = h, e[25] = d, e[26] = u, e[27] = N, e[28] = b, e[29] = c) : c = e[29];
-  let v;
-  return e[30] !== c || e[31] !== n || e[32] !== C ? (v = /* @__PURE__ */ f("div", { ref: C, className: "relative", children: [
-    n,
-    c
-  ] }), e[30] = c, e[31] = n, e[32] = C, e[33] = v) : v = e[33], v;
+    appliedLabel: c,
+    isOpen: i,
+    selectedTime: x,
+    selectedPresetLabel: m,
+    wrapperRef: g,
+    handleApply: f,
+    handleOpen: u,
+    handleSelectPreset: y,
+    handleSelectCustom: k,
+    handleReset: v
+  } = j({ onApply: h, format: r }), s = n && n.length > 0;
+  return /* @__PURE__ */ l("div", { ref: g, className: "relative", children: [
+    /* @__PURE__ */ l(
+      "button",
+      {
+        className: a(C(), {
+          "text-slate-700 dark:text-metal-100": i
+        }),
+        onClick: u,
+        children: [
+          b,
+          c && /* @__PURE__ */ e(N, { label: c }),
+          /* @__PURE__ */ e(
+            D,
+            {
+              className: a(w(), {
+                "rotate-180 text-blue-600 dark:text-aurora-500": i
+              })
+            }
+          )
+        ]
+      }
+    ),
+    i && /* @__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: 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": m === t.label,
+                    "text-gray-700 dark:text-gray-300": m !== t.label
+                  }
+                ),
+                onClick: () => y(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(
+                  B,
+                  {
+                    format: r,
+                    time: x,
+                    onChange: k,
+                    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: v,
+                    children: "Reset"
+                  }
+                ),
+                /* @__PURE__ */ e(p, { appearance: "compact", onClick: f, children: "Apply" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
 };
 export {
-  Y as TimeFilterDropdown
+  V as TimeFilterDropdown
 };

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

@@ -1,18 +1,6 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c } from "../../../compiler-runtime-DA41awpA.js";
-import { FilterContext as m } from "./filter.context.js";
-const x = (l) => {
-  const e = c.c(5), {
-    children: o,
-    closeOnApply: i
-  } = l;
-  let r;
-  e[0] !== i ? (r = {
-    closeOnApply: i
-  }, e[0] = i, e[1] = r) : r = e[1];
-  let t;
-  return e[2] !== o || e[3] !== r ? (t = /* @__PURE__ */ s(m.Provider, { value: r, children: o }), e[2] = o, e[3] = r, e[4] = t) : t = e[4], t;
-};
+import { jsx as t } from "react/jsx-runtime";
+import { FilterContext as e } from "./filter.context.js";
+const l = ({ children: r, closeOnApply: o }) => /* @__PURE__ */ t(e.Provider, { value: { closeOnApply: o }, children: r });
 export {
-  x as FilterProvider
+  l as FilterProvider
 };