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

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

@@ -1,139 +1,87 @@
-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"
-}) => {
+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];
   const {
-    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" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
+    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;
 };
 export {
-  T as TextMultiSelect
+  Z as TextMultiSelect
 };

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

@@ -1,75 +1,89 @@
-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();
+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();
     };
-  }, [s, t]), g(() => {
-    const e = new AbortController(), p = (E) => {
-      c.current?.contains(E.target) || v();
+  }, 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();
     };
-    return document.addEventListener("mousedown", p, {
-      signal: e.signal
-    }), document.addEventListener(
-      "visibilitychange",
-      () => {
-        document.hidden && v();
-      },
-      {
-        signal: e.signal
-      }
-    ), () => {
-      e.abort();
+    return document.addEventListener("mousedown", D, {
+      signal: t.signal
+    }), document.addEventListener("visibilitychange", () => {
+      document.hidden && I();
+    }, {
+      signal: t.signal
+    }), () => {
+      t.abort();
     };
-  }, [v, c]), {
-    id: s,
-    appliedLabel: T,
-    isOpen: C,
-    selectedTime: d,
-    selectedPresetLabel: u,
-    wrapperRef: c,
-    handleApply: F,
-    handleOpen: P,
-    handleSelectPreset: S,
-    handleSelectCustom: w,
-    handleReset: R
-  };
+  }, _ = [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;
 };
 export {
-  B as useTimeFilterDropdown
+  ee as useTimeFilterDropdown
 };

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

@@ -1,155 +1,84 @@
-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
-}) => {
+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];
   const {
-    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" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
+    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;
 };
 export {
-  V as TimeFilterDropdown
+  Y as TimeFilterDropdown
 };

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

@@ -1,6 +1,18 @@
-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 });
+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;
+};
 export {
-  l as FilterProvider
+  x as FilterProvider
 };