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

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

@@ -1,70 +1,55 @@
-import { jsxs as u, jsx as p } from "react/jsx-runtime";
-import { c as j } from "../../../../compiler-runtime-DA41awpA.js";
-import { Badge as A } from "../../../Badge/Badge.js";
-import { Button as B } from "../../../Button/Button.js";
-import { DatePicker as O } from "../../../Datepicker/DatePicker.js";
-import { filterButtonVariants as F, filterButtonIconVariants as I } from "../../Filter.variants.js";
-import { cn as d } from "../../../../utils/index.js";
-import { useDateFilterDropdown as V } from "./DateFilterDropdown.hook.js";
-import { C as z } from "../../../../chevron-down-BBFYYzZq.js";
-const K = (R) => {
-  const e = j.c(29), {
-    label: y,
-    position: N,
-    countryCode: S,
-    onApply: b
-  } = R, c = N === void 0 ? "left" : N, x = S === void 0 ? "US" : S;
-  let m;
-  e[0] !== x || e[1] !== b ? (m = {
-    onApply: b,
-    countryCode: x
-  }, e[0] = x, e[1] = b, e[2] = m) : m = e[2];
-  const {
-    id: g,
-    appliedDay: f,
-    isOpen: t,
-    selectedDay: s,
-    wrapperRef: w,
-    handleApply: C,
-    handleOpen: k,
-    handleSelect: v,
-    handleReset: D
-  } = V(m);
-  let o;
-  e[3] !== t ? (o = d(F(), {
-    "text-slate-700": t
-  }), e[3] = t, e[4] = o) : o = e[4];
-  let r;
-  e[5] !== f ? (r = f && /* @__PURE__ */ p(A, { label: f }), e[5] = f, e[6] = r) : r = e[6];
-  let a;
-  e[7] !== t ? (a = d(I(), {
-    "rotate-180 text-blue-600 dark:text-aurora-500": t
-  }), e[7] = t, e[8] = a) : a = e[8];
-  let l;
-  e[9] !== a ? (l = /* @__PURE__ */ p(z, { className: a }), e[9] = a, e[10] = l) : l = e[10];
-  let i;
-  e[11] !== k || e[12] !== y || e[13] !== o || e[14] !== r || e[15] !== l ? (i = /* @__PURE__ */ u("button", { className: o, onClick: k, children: [
-    y,
-    r,
-    l
-  ] }), e[11] = k, e[12] = y, e[13] = o, e[14] = r, e[15] = l, e[16] = i) : i = e[16];
-  let n;
-  e[17] !== C || e[18] !== D || e[19] !== v || e[20] !== g || e[21] !== t || e[22] !== c || e[23] !== s ? (n = t && /* @__PURE__ */ u("div", { className: d("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", "gap-4", "py-4", "px-6", "dark:bg-metal-800", "dark:border-metal-700", {
-    "left-0": c === "left",
-    "right-0": c === "right"
-  }), children: [
-    /* @__PURE__ */ p(O, { className: "p-0", arrowClassName: "-top-1 right-0", monthsClassName: d("shadow-none", "p-0", "w-auto", "dark:border-transparent"), defaultSelected: s, defaultMonth: s, onSelect: v }, s?.toISOString() ?? g),
-    /* @__PURE__ */ u("div", { className: d("flex", "justify-end", "items-center", "gap-4", "py-2"), children: [
-      /* @__PURE__ */ p(B, { variant: "secondary", appearance: "compact", onClick: D, children: "Reset" }),
-      /* @__PURE__ */ p(B, { appearance: "compact", onClick: C, children: "Apply" })
-    ] })
-  ] }), e[17] = C, e[18] = D, e[19] = v, e[20] = g, e[21] = t, e[22] = c, e[23] = s, e[24] = n) : n = e[24];
-  let h;
-  return e[25] !== i || e[26] !== n || e[27] !== w ? (h = /* @__PURE__ */ u("div", { ref: w, className: "relative", children: [
-    i,
-    n
-  ] }), e[25] = i, e[26] = n, e[27] = w, e[28] = h) : h = e[28], h;
+import { t as e } from "../../../../utils-DHuiYnx1.js";
+import { Button as i } from "../../../Button/Button.js";
+import { t as g } from "../../../../chevron-down-DgssmYWu.js";
+import { Badge as x } from "../../../Badge/Badge.js";
+import { DatePicker as w } from "../../../Datepicker/DatePicker.js";
+import { filterButtonIconVariants as y, filterButtonVariants as k } from "../../Filter.variants.js";
+import { useDateFilterDropdown as D } from "./DateFilterDropdown.hook.js";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+var A = ({ label: d, position: l = "left", countryCode: s = "US", onApply: p }) => {
+  const { id: m, appliedDay: n, isOpen: r, selectedDay: o, wrapperRef: c, handleApply: f, handleOpen: h, handleSelect: u, handleReset: b } = D({
+    onApply: p,
+    countryCode: s
+  });
+  return /* @__PURE__ */ a("div", {
+    ref: c,
+    className: "relative",
+    children: [/* @__PURE__ */ a("button", {
+      className: e(k(), { "text-slate-700": r }),
+      onClick: h,
+      children: [
+        d,
+        n && /* @__PURE__ */ t(x, { label: n }),
+        /* @__PURE__ */ t(g, { className: e(y(), { "rotate-180 text-blue-600 dark:text-aurora-500": r }) })
+      ]
+    }), r && /* @__PURE__ */ a("div", {
+      className: e("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", "gap-4", "py-4", "px-6", "dark:bg-metal-800", "dark:border-metal-700", {
+        "left-0": l === "left",
+        "right-0": l === "right"
+      }),
+      children: [/* @__PURE__ */ t(w, {
+        className: "p-0",
+        arrowClassName: "-top-1 right-0",
+        monthsClassName: e("shadow-none", "p-0", "w-auto", "dark:border-transparent"),
+        defaultSelected: o,
+        defaultMonth: o,
+        onSelect: u
+      }, o?.toISOString() ?? m), /* @__PURE__ */ a("div", {
+        className: e("flex", "justify-end", "items-center", "gap-4", "py-2"),
+        children: [/* @__PURE__ */ t(i, {
+          variant: "secondary",
+          appearance: "compact",
+          onClick: b,
+          children: "Reset"
+        }), /* @__PURE__ */ t(i, {
+          appearance: "compact",
+          onClick: f,
+          children: "Apply"
+        })]
+      })]
+    })]
+  });
 };
 export {
-  K as DateFilterDropdown
+  A as DateFilterDropdown
 };

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

@@ -1,71 +1,61 @@
-import { useRef as F, useId as S, useState as u, useMemo as D, useCallback as a, useEffect as p } from "react";
-import { sendOpenFilterEvent as k, FilterEvent as v } from "../../events/index.js";
-import { getLocale as x } from "../../utils/index.js";
-import { useFilterContext as I } from "../../contexts/filter.hook.js";
-const P = ({
-  defaultRange: h,
-  onApply: t,
-  countryCode: E = "US"
-}) => {
-  const {
-    closeOnApply: i
-  } = I(), d = F(null), o = S(), [R, s] = u(!1), [l, c] = u(h), [n, f] = u(), C = D(() => {
+import { useFilterContext as F } from "../../contexts/filter.hook.js";
+import { FilterEvent as g, sendOpenFilterEvent as S } from "../../events/index.js";
+import { t as D } from "../../../../utils-CQSRNcoF.js";
+import { useCallback as a, useEffect as p, useId as k, useMemo as x, useRef as I, useState as u } from "react";
+var P = ({ defaultRange: h, onApply: t, countryCode: v = "US" }) => {
+  const { closeOnApply: i } = F(), d = I(null), o = k(), [R, r] = u(!1), [l, c] = u(h), [n, f] = u(), E = x(() => {
     if (!n?.from) return;
-    const e = (r) => r.toLocaleDateString(x(E), {
+    const e = (s) => s.toLocaleDateString(D(v), {
       day: "numeric",
       month: "short"
     });
     return n.to ? `${e(n.from)} - ${e(n.to)}` : e(n.from);
-  }, [n]), O = a(() => s((e) => (e || k(o), !e)), [o]), b = a(() => {
+  }, [n]), C = a(() => r((e) => (e || S(o), !e)), [o]), O = a(() => {
     const e = {
       from: l?.from,
       to: l?.to
     };
-    f(e), t?.(e), i && s(!1);
-  }, [i, t, l]), L = a((e) => {
+    f(e), t?.(e), i && r(!1);
+  }, [
+    i,
+    t,
+    l
+  ]), b = a((e) => {
     c({
       from: e.from,
       to: e.to
     });
-  }, []), m = a(() => s(!1), []), w = a(() => {
-    c(void 0), f(void 0), t?.(), i && s(!1);
+  }, []), m = a(() => r(!1), []), L = a(() => {
+    c(void 0), f(void 0), t?.(), i && r(!1);
   }, [i, t]);
   return p(() => {
     const e = new AbortController();
-    return document.addEventListener(v.OPEN, (r) => {
-      r.detail !== o && s(!1);
-    }, {
-      signal: e.signal
-    }), document.addEventListener(v.RESET, () => {
+    return document.addEventListener(g.OPEN, (s) => {
+      s.detail !== o && r(!1);
+    }, { signal: e.signal }), document.addEventListener(g.RESET, () => {
       c(void 0), f(void 0), t?.();
-    }, {
-      signal: e.signal
-    }), () => {
+    }, { signal: e.signal }), () => {
       e.abort();
     };
   }, [o, t]), p(() => {
-    const e = new AbortController(), r = (g) => {
-      d.current?.contains(g.target) || m();
+    const e = new AbortController(), s = (w) => {
+      d.current?.contains(w.target) || m();
     };
-    return document.addEventListener("mousedown", r, {
-      signal: e.signal
-    }), document.addEventListener("visibilitychange", () => {
+    return document.addEventListener("mousedown", s, { signal: e.signal }), document.addEventListener("visibilitychange", () => {
       document.hidden && m();
-    }, {
-      signal: e.signal
-    }), () => {
+    }, { signal: e.signal }), () => {
       e.abort();
     };
   }, [m, d]), {
     id: o,
-    appliedRange: C,
+    appliedRange: E,
     isOpen: R,
     selectedRange: l,
     wrapperRef: d,
-    handleApply: b,
-    handleOpen: O,
-    handleRangeChange: L,
-    handleReset: w
+    handleApply: O,
+    handleOpen: C,
+    handleRangeChange: b,
+    handleReset: L
   };
 };
 export {

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

@@ -1,78 +1,58 @@
-import { jsxs as f, jsx as s } from "react/jsx-runtime";
-import { c as I } from "../../../../compiler-runtime-DA41awpA.js";
-import { Badge as S } from "../../../Badge/Badge.js";
-import { Button as z } from "../../../Button/Button.js";
-import { DateRangePicker as U } from "../../../DateRangePicker/DateRangePicker.js";
-import { filterButtonVariants as $, filterButtonIconVariants as q } from "../../Filter.variants.js";
-import { cn as h } from "../../../../utils/index.js";
-import { useDateRangeFilterDropdown as G } from "./DateRangeFilterDropdown.hook.js";
-import { C as H } from "../../../../chevron-down-BBFYYzZq.js";
-const _ = (E) => {
-  const e = I.c(34), {
-    label: u,
-    position: A,
-    showTime: P,
-    timeFormat: O,
-    showPresets: T,
-    defaultRange: g,
-    minDate: R,
-    maxDate: v,
-    countryCode: V,
-    onApply: w
-  } = E, m = A === void 0 ? "left" : A, x = P === void 0 ? !1 : P, C = O === void 0 ? "24" : O, b = T === void 0 ? !0 : T, D = V === void 0 ? "US" : V;
-  let c;
-  e[0] !== D || e[1] !== g || e[2] !== w ? (c = {
-    defaultRange: g,
-    onApply: w,
-    countryCode: D
-  }, e[0] = D, e[1] = g, e[2] = w, e[3] = c) : c = e[3];
-  const {
-    appliedRange: d,
-    isOpen: t,
-    selectedRange: k,
-    wrapperRef: y,
-    handleApply: N,
-    handleOpen: B,
-    handleRangeChange: F,
-    handleReset: j
-  } = G(c);
-  let a;
-  e[4] !== t ? (a = h($(), {
-    "text-slate-700": t
-  }), e[4] = t, e[5] = a) : a = e[5];
-  let o;
-  e[6] !== d ? (o = d && /* @__PURE__ */ s(S, { label: d }), e[6] = d, e[7] = o) : o = e[7];
-  let n;
-  e[8] !== t ? (n = h(q(), {
-    "rotate-180 text-blue-600 dark:text-aurora-500": t
-  }), e[8] = t, e[9] = n) : n = e[9];
-  let r;
-  e[10] !== n ? (r = /* @__PURE__ */ s(H, { className: n }), e[10] = n, e[11] = r) : r = e[11];
-  let i;
-  e[12] !== B || e[13] !== u || e[14] !== r || e[15] !== a || e[16] !== o ? (i = /* @__PURE__ */ f("button", { className: a, onClick: B, children: [
-    u,
-    o,
-    r
-  ] }), e[12] = B, e[13] = u, e[14] = r, e[15] = a, e[16] = o, e[17] = i) : i = e[17];
-  let l;
-  e[18] !== N || e[19] !== F || e[20] !== j || e[21] !== t || e[22] !== v || e[23] !== R || e[24] !== m || e[25] !== k || e[26] !== b || e[27] !== x || e[28] !== C ? (l = t && /* @__PURE__ */ f("div", { className: h("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": m === "left",
-    "right-0": m === "right"
-  }), children: [
-    /* @__PURE__ */ s(U, { defaultRange: k, showTime: x, timeFormat: C, showPresets: b, minDate: R, maxDate: v, onRangeChange: F, classNames: {
-      container: "shadow-none"
-    } }),
-    /* @__PURE__ */ f("div", { className: h("flex", "justify-end", "items-center", "gap-4", "p-4", "pt-0"), children: [
-      /* @__PURE__ */ s(z, { variant: "secondary", appearance: "compact", onClick: j, children: "Reset" }),
-      /* @__PURE__ */ s(z, { appearance: "compact", onClick: N, children: "Apply" })
-    ] })
-  ] }), e[18] = N, e[19] = F, e[20] = j, e[21] = t, e[22] = v, e[23] = R, e[24] = m, e[25] = k, e[26] = b, e[27] = x, e[28] = C, e[29] = l) : l = e[29];
-  let p;
-  return e[30] !== i || e[31] !== l || e[32] !== y ? (p = /* @__PURE__ */ f("div", { ref: y, className: "relative", children: [
-    i,
-    l
-  ] }), e[30] = i, e[31] = l, e[32] = y, e[33] = p) : p = e[33], p;
+import { t as a } from "../../../../utils-DHuiYnx1.js";
+import { Button as l } from "../../../Button/Button.js";
+import { t as x } from "../../../../chevron-down-DgssmYWu.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
+  });
+  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"
+        })]
+      })]
+    })]
+  });
 };
 export {
-  _ as DateRangeFilterDropdown
+  S as DateRangeFilterDropdown
 };

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

@@ -1,27 +1,21 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as p } from "../../../../compiler-runtime-DA41awpA.js";
-import { Button as f } from "../../../Button/Button.js";
-import { cn as d } from "../../../../utils/index.js";
-import { resetEvent as u } from "../../events/index.js";
-const R = (a) => {
-  const e = p.c(14);
-  let t, o, l, r;
-  e[0] !== a ? ({
-    disabled: l,
-    className: t,
-    onClick: r,
-    ...o
-  } = a, e[0] = a, e[1] = t, e[2] = o, e[3] = l, e[4] = r) : (t = e[1], o = e[2], l = e[3], r = e[4]);
-  let i;
-  e[5] !== r ? (i = () => {
-    u(), r?.();
-  }, e[5] = r, e[6] = i) : i = e[6];
-  const c = i;
-  let n;
-  e[7] !== t ? (n = d("hover:no-underline", t), e[7] = t, e[8] = n) : n = e[8];
-  let s;
-  return e[9] !== o || e[10] !== l || e[11] !== c || e[12] !== n ? (s = /* @__PURE__ */ m(f, { type: "button", variant: "link", appearance: "compact", version: "alternate", onClick: c, disabled: l, className: n, ...o, children: "Reset" }), e[9] = o, e[10] = l, e[11] = c, e[12] = n, e[13] = s) : s = e[13], s;
-};
+import { t as n } from "../../../../utils-DHuiYnx1.js";
+import { Button as a } from "../../../Button/Button.js";
+import { resetEvent as m } from "../../events/index.js";
+import { useCallback as i } from "react";
+import { jsx as p } from "react/jsx-runtime";
+var v = ({ disabled: r, className: e, onClick: t, ...o }) => /* @__PURE__ */ p(a, {
+  type: "button",
+  variant: "link",
+  appearance: "compact",
+  version: "alternate",
+  onClick: i(() => {
+    m(), t?.();
+  }, [t]),
+  disabled: r,
+  className: n("hover:no-underline", e),
+  ...o,
+  children: "Reset"
+});
 export {
-  R as ResetButton
+  v as ResetButton
 };

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

@@ -1,87 +1,76 @@
-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: 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;
+import { t as o } from "../../../../Checkbox-Cn0UWlk8.js";
+import { t as r } from "../../../../utils-DHuiYnx1.js";
+import { Button as p } from "../../../Button/Button.js";
+import { t as y } from "../../../../chevron-down-DgssmYWu.js";
+import { Badge as S } from "../../../Badge/Badge.js";
+import { filterButtonIconVariants as O, filterButtonVariants as A } from "../../Filter.variants.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({
+    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", {
+            className: "flex gap-4",
+            children: [/* @__PURE__ */ e(o, {
+              defaultChecked: s,
+              onChange: (t) => C(l, t)
+            }, `select-all-${s}`), /* @__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(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"
+        })]
+      })]
+    })]
+  });
 };
 export {
-  Z as TextMultiSelect
+  T as TextMultiSelect
 };