@ck-ui/component-library 1.0.7 → 1.0.9

package/dist/{OptionList-BM4AleXV.js → OptionList-DU0iA8Y4.js}

@@ -1,19 +1,19 @@
-import { jsxs as x, jsx as y } from "react/jsx-runtime";
-import * as M from "react";
-import { useState as W, useRef as j, useEffect as F, useMemo as V } from "react";
-import { flushSync as K } from "react-dom";
-import { CKCheckbox as P } from "./components/CKCheckbox/index.js";
-import B from "./components/Table/_helpers/TableFilterModal/OptionListItems.js";
-import { S as H } from "./search-B_cup-NN.js";
-import { Typography as T } from "./components/Typography/index.js";
-import { Switch as $ } from "./components/Switch/index.js";
-function J(l, u, t) {
+import { jsxs as x, jsx as y, Fragment as W } from "react/jsx-runtime";
+import * as C from "react";
+import { useState as F, useRef as j, useEffect as V, useMemo as K } from "react";
+import { flushSync as P } from "react-dom";
+import { CKCheckbox as B } from "./components/CKCheckbox/index.js";
+import H from "./components/Table/_helpers/TableFilterModal/OptionListItems.js";
+import { Typography as w } from "./components/Typography/index.js";
+import { Toggle as $ } from "./components/Toggle/index.js";
+import { Search as J } from "./components/Search/index.js";
+function q(l, u, t) {
   const e = new Array(l);
   return new Proxy(e, {
-    get(s, n, o) {
+    get(s, n, i) {
       if (typeof n == "string") {
-        const i = n.charCodeAt(0);
-        if (i >= 48 && i <= 57) {
+        const o = n.charCodeAt(0);
+        if (o >= 48 && o <= 57) {
           const r = +n;
           if (Number.isInteger(r) && r >= 0 && r < l) {
             let a = s[r];
@@ -33,15 +33,15 @@ function J(l, u, t) {
         }
         if (n === "length") return l;
       }
-      return Reflect.get(s, n, o);
+      return Reflect.get(s, n, i);
     }
   });
 }
 function z(l, u, t) {
   let e = t.initialDeps ?? [], s, n = !0;
-  function o() {
-    var i;
-    const r = process.env.NODE_ENV !== "production" && !!t.key && !!((i = t.debug) != null && i.call(t));
+  function i() {
+    var o;
+    const r = process.env.NODE_ENV !== "production" && !!t.key && !!((o = t.debug) != null && o.call(t));
     let a = 0;
     r && (a = Date.now());
     const h = l();
@@ -69,53 +69,53 @@ function z(l, u, t) {
     }
     return t?.onChange && !(n && t.skipInitialOnChange) && t.onChange(s), n = !1, s;
   }
-  return o.updateDeps = (i) => {
-    e = i;
-  }, o;
+  return i.updateDeps = (o) => {
+    e = o;
+  }, i;
 }
 function D(l, u) {
   if (l === void 0)
     throw new Error("Unexpected undefined");
   return l;
 }
-const q = (l, u) => Math.abs(l - u) < 1.01, U = (l, u, t) => {
+const U = (l, u) => Math.abs(l - u) < 1.01, X = (l, u, t) => {
   let e;
   return function(...s) {
     l.clearTimeout(e), e = l.setTimeout(() => u.apply(this, s), t);
   };
 };
-let I;
+let M;
 const A = () => {
-  if (I !== void 0) return I;
-  if (typeof navigator > "u") return I = !1;
-  if (/iP(hone|od|ad)/.test(navigator.userAgent)) return I = !0;
+  if (M !== void 0) return M;
+  if (typeof navigator > "u") return M = !1;
+  if (/iP(hone|od|ad)/.test(navigator.userAgent)) return M = !0;
   const l = navigator.maxTouchPoints;
-  return I = navigator.platform === "MacIntel" && l !== void 0 && l > 0;
+  return M = navigator.platform === "MacIntel" && l !== void 0 && l > 0;
 }, L = (l) => {
   const { offsetWidth: u, offsetHeight: t } = l;
   return { width: u, height: t };
-}, X = (l) => l, G = (l) => {
+}, G = (l) => l, Q = (l) => {
   const u = Math.max(l.startIndex - l.overscan, 0), e = Math.min(l.endIndex + l.overscan, l.count - 1) - u + 1, s = new Array(e);
   for (let n = 0; n < e; n++)
     s[n] = u + n;
   return s;
-}, Q = (l, u) => {
+}, Y = (l, u) => {
   const t = l.scrollElement;
   if (!t)
     return;
   const e = l.targetWindow;
   if (!e)
     return;
-  const s = (o) => {
-    const { width: i, height: r } = o;
-    u({ width: Math.round(i), height: Math.round(r) });
+  const s = (i) => {
+    const { width: o, height: r } = i;
+    u({ width: Math.round(o), height: Math.round(r) });
   };
   if (s(L(t)), !e.ResizeObserver)
     return () => {
     };
-  const n = new e.ResizeObserver((o) => {
-    const i = () => {
-      const r = o[0];
+  const n = new e.ResizeObserver((i) => {
+    const o = () => {
+      const r = i[0];
       if (r?.borderBoxSize) {
         const a = r.borderBoxSize[0];
         if (a) {
@@ -125,36 +125,36 @@ const A = () => {
       }
       s(L(t));
     };
-    l.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(i) : i();
+    l.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(o) : o();
   });
   return n.observe(t, { box: "border-box" }), () => {
     n.unobserve(t);
   };
-}, C = {
+}, T = {
   passive: !0
-}, Y = typeof window > "u" ? !0 : "onscrollend" in window, Z = (l, u, t) => {
+}, Z = typeof window > "u" ? !0 : "onscrollend" in window, tt = (l, u, t) => {
   const e = l.scrollElement;
   if (!e)
     return;
   const s = l.targetWindow;
   if (!s)
     return;
-  const n = l.options.useScrollendEvent && Y;
-  let o = 0;
-  const i = n ? null : U(
+  const n = l.options.useScrollendEvent && Z;
+  let i = 0;
+  const o = n ? null : X(
     s,
-    () => u(o, !1),
+    () => u(i, !1),
     l.options.isScrollingResetDelay
   ), r = (p) => () => {
-    o = t(e), i?.(), u(o, p);
+    i = t(e), o?.(), u(i, p);
   }, a = r(!0), h = r(!1);
-  return e.addEventListener("scroll", a, C), n && e.addEventListener("scrollend", h, C), () => {
+  return e.addEventListener("scroll", a, T), n && e.addEventListener("scrollend", h, T), () => {
     e.removeEventListener("scroll", a), n && e.removeEventListener("scrollend", h);
   };
-}, tt = (l, u) => Z(l, u, (t) => {
+}, et = (l, u) => tt(l, u, (t) => {
   const { horizontal: e, isRtl: s } = l.options;
   return e ? t.scrollLeft * (s && -1 || 1) : t.scrollTop;
-}), et = (l, u, t) => {
+}), st = (l, u, t) => {
   if (t.options.useCachedMeasurements) {
     const e = t.indexFromElement(l), s = t.options.getItemKey(e);
     return t.itemSizeCache.get(s) ?? t.options.estimateSize(e);
@@ -172,7 +172,7 @@ const A = () => {
       return n;
   }
   return l[t.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, st = (l, {
+}, nt = (l, {
   adjustments: u = 0,
   behavior: t
 }, e) => {
@@ -181,8 +181,8 @@ const A = () => {
     [e.options.horizontal ? "left" : "top"]: l + u,
     behavior: t
   });
-}, nt = st;
-class it {
+}, it = nt;
+class ot {
   constructor(u) {
     this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollState = null, this.measurementsCache = [], this._flatMeasurements = null, this.itemSizeCache = /* @__PURE__ */ new Map(), this.itemSizeCacheVersion = 0, this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMin = null, this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.pendingScrollAnchor = null, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this._iosDeferredAdjustment = 0, this._iosTouching = !1, this._iosJustTouchEnded = !1, this._iosTouchEndTimerId = null, this._intendedScrollOffset = null, this.elementsCache = /* @__PURE__ */ new Map(), this.now = () => {
       var t, e, s;
@@ -191,12 +191,12 @@ class it {
       let t = null;
       const e = () => t || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : t = new this.targetWindow.ResizeObserver((s) => {
         s.forEach((n) => {
-          const o = () => {
-            const i = n.target, r = this.indexFromElement(i);
-            if (!i.isConnected) {
-              this.observer.unobserve(i);
+          const i = () => {
+            const o = n.target, r = this.indexFromElement(o);
+            if (!o.isConnected) {
+              this.observer.unobserve(o);
               for (const [a, h] of this.elementsCache)
-                if (h === i) {
+                if (h === o) {
                   this.elementsCache.delete(a);
                   break;
                 }
@@ -204,10 +204,10 @@ class it {
             }
             this.shouldMeasureDuringScroll(r) && this.resizeItem(
               r,
-              this.options.measureElement(i, n, this)
+              this.options.measureElement(o, n, this)
             );
           };
-          this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(o) : o();
+          this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(i) : i();
         });
       }));
       return {
@@ -235,11 +235,11 @@ class it {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: !1,
-        getItemKey: X,
-        rangeExtractor: G,
+        getItemKey: G,
+        rangeExtractor: Q,
         onChange: () => {
         },
-        measureElement: et,
+        measureElement: st,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -261,22 +261,22 @@ class it {
         const v = t[c];
         v !== void 0 && (n[c] = v);
       }
-      const o = this.options;
-      let i = null, r = null, a = !1;
-      if (o !== void 0 && o.enabled && n.enabled && n.anchorTo === "end" && this.scrollElement !== null) {
-        const c = o.count, v = n.count, d = this.getMeasurements(), f = c > 0 ? ((e = d[0]) == null ? void 0 : e.key) ?? o.getItemKey(0) : null, S = c > 0 ? ((s = d[c - 1]) == null ? void 0 : s.key) ?? o.getItemKey(c - 1) : null;
+      const i = this.options;
+      let o = null, r = null, a = !1;
+      if (i !== void 0 && i.enabled && n.enabled && n.anchorTo === "end" && this.scrollElement !== null) {
+        const c = i.count, v = n.count, d = this.getMeasurements(), f = c > 0 ? ((e = d[0]) == null ? void 0 : e.key) ?? i.getItemKey(0) : null, S = c > 0 ? ((s = d[c - 1]) == null ? void 0 : s.key) ?? i.getItemKey(c - 1) : null;
         if (v !== c || c > 0 && v > 0 && (n.getItemKey(0) !== f || n.getItemKey(v - 1) !== S)) {
           a = !0;
           const m = c > 0 ? this.getVirtualItemForOffset(this.getScrollOffset()) ?? d[0] : null;
-          m && (i = [m.key, this.getScrollOffset() - m.start]);
+          m && (o = [m.key, this.getScrollOffset() - m.start]);
           const E = n.followOnAppend === !0 ? "auto" : n.followOnAppend || null;
-          E && v > c && this.isAtEnd(o.scrollEndThreshold) && (c === 0 || n.getItemKey(v - 1) !== S) && (r = E);
+          E && v > c && this.isAtEnd(i.scrollEndThreshold) && (c === 0 || n.getItemKey(v - 1) !== S) && (r = E);
         }
       }
       this.options = n, a && (this.pendingMin = 0, this.itemSizeCacheVersion++);
       let h = !1, p = 0;
-      if (i && this.scrollOffset !== null) {
-        const [c, v] = i, d = this.getMeasurements(), { count: f, getItemKey: S } = this.options;
+      if (o && this.scrollOffset !== null) {
+        const [c, v] = o, d = this.getMeasurements(), { count: f, getItemKey: S } = this.options;
         let g = 0;
         for (; g < f && S(g) !== c; )
           g++;
@@ -289,8 +289,8 @@ class it {
         }
       }
       (h || r) && (this.pendingScrollAnchor = [
-        h ? i[0] : null,
-        h ? i[1] : 0,
+        h ? o[0] : null,
+        h ? o[1] : 0,
         r,
         p
       ]);
@@ -334,27 +334,27 @@ class it {
             this.scrollRect = n, this.maybeNotify();
           })
         ), this.unsubs.push(
-          this.options.observeElementOffset(this, (n, o) => {
-            this._intendedScrollOffset !== null && Math.abs(n - this._intendedScrollOffset) < 1.5 && (n = this._intendedScrollOffset), this._intendedScrollOffset = null, this.scrollAdjustments = 0, this.scrollDirection = o ? this.getScrollOffset() < n ? "forward" : "backward" : null, this.scrollOffset = n, this.isScrolling = o, this._flushIosDeferredIfReady(), this.scrollState && this.scheduleScrollReconcile(), this.maybeNotify();
+          this.options.observeElementOffset(this, (n, i) => {
+            this._intendedScrollOffset !== null && Math.abs(n - this._intendedScrollOffset) < 1.5 && (n = this._intendedScrollOffset), this._intendedScrollOffset = null, this.scrollAdjustments = 0, this.scrollDirection = i ? this.getScrollOffset() < n ? "forward" : "backward" : null, this.scrollOffset = n, this.isScrolling = i, this._flushIosDeferredIfReady(), this.scrollState && this.scheduleScrollReconcile(), this.maybeNotify();
           })
         ), "addEventListener" in this.scrollElement) {
-          const n = this.scrollElement, o = () => {
+          const n = this.scrollElement, i = () => {
             this._iosTouching = !0, this._iosJustTouchEnded = !1, this._iosTouchEndTimerId !== null && this.targetWindow != null && (this.targetWindow.clearTimeout(this._iosTouchEndTimerId), this._iosTouchEndTimerId = null);
-          }, i = () => {
+          }, o = () => {
             this._iosTouching = !1, !(!A() || this.targetWindow == null) && (this._iosJustTouchEnded = !0, this._iosTouchEndTimerId = this.targetWindow.setTimeout(() => {
               this._iosJustTouchEnded = !1, this._iosTouchEndTimerId = null, this._flushIosDeferredIfReady();
             }, 150));
           };
           n.addEventListener(
             "touchstart",
-            o,
-            C
+            i,
+            T
           ), n.addEventListener(
             "touchend",
-            i,
-            C
+            o,
+            T
           ), this.unsubs.push(() => {
-            n.removeEventListener("touchstart", o), n.removeEventListener("touchend", i), this._iosTouchEndTimerId !== null && this.targetWindow != null && (this.targetWindow.clearTimeout(this._iosTouchEndTimerId), this._iosTouchEndTimerId = null);
+            n.removeEventListener("touchstart", i), n.removeEventListener("touchend", o), this._iosTouchEndTimerId !== null && this.targetWindow != null && (this.targetWindow.clearTimeout(this._iosTouchEndTimerId), this._iosTouchEndTimerId = null);
           });
         }
         this._scrollToOffset(this.getScrollOffset(), {
@@ -364,11 +364,11 @@ class it {
       }
       const s = this.pendingScrollAnchor;
       if (this.pendingScrollAnchor = null, s && this.scrollElement && this.options.enabled) {
-        const [n, o, i, r] = s;
-        n !== null && !i && (A() && (this.isScrolling || this._iosTouching || this._iosJustTouchEnded) ? r !== 0 && (this._iosDeferredAdjustment += r) : this._scrollToOffset(this.getScrollOffset(), {
+        const [n, i, o, r] = s;
+        n !== null && !o && (A() && (this.isScrolling || this._iosTouching || this._iosJustTouchEnded) ? r !== 0 && (this._iosDeferredAdjustment += r) : this._scrollToOffset(this.getScrollOffset(), {
           adjustments: void 0,
           behavior: void 0
-        })), i && this.scrollToEnd({ behavior: i });
+        })), o && this.scrollToEnd({ behavior: o });
       }
     }, this._flushIosDeferredIfReady = () => {
       if (this._iosDeferredAdjustment === 0 || this.isScrolling || this._iosTouching || this._iosJustTouchEnded) return;
@@ -381,17 +381,17 @@ class it {
       });
     }, this.rafId = null, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (t, e) => {
       const s = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
-      for (let o = e - 1; o >= 0; o--) {
-        const i = t[o];
-        if (s.has(i.lane))
+      for (let i = e - 1; i >= 0; i--) {
+        const o = t[i];
+        if (s.has(o.lane))
           continue;
         const r = n.get(
-          i.lane
+          o.lane
         );
-        if (r == null || i.end > r.end ? n.set(i.lane, i) : i.end < r.end && s.set(i.lane, !0), s.size === this.options.lanes)
+        if (r == null || o.end > r.end ? n.set(o.lane, o) : o.end < r.end && s.set(o.lane, !0), s.size === this.options.lanes)
           break;
       }
-      return n.size === this.options.lanes ? Array.from(n.values()).sort((o, i) => o.end === i.end ? o.index - i.index : o.end - i.end)[0] : void 0;
+      return n.size === this.options.lanes ? Array.from(n.values()).sort((i, o) => i.end === o.end ? i.index - o.index : i.end - o.end)[0] : void 0;
     }, this.getMeasurementOptions = z(
       () => [
         this.options.count,
@@ -402,13 +402,13 @@ class it {
         this.options.lanes,
         this.options.laneAssignmentMode
       ],
-      (t, e, s, n, o, i, r) => (this.prevLanes !== void 0 && this.prevLanes !== i && (this.lanesChangedFlag = !0), this.prevLanes = i, this.pendingMin = null, {
+      (t, e, s, n, i, o, r) => (this.prevLanes !== void 0 && this.prevLanes !== o && (this.lanesChangedFlag = !0), this.prevLanes = o, this.pendingMin = null, {
         count: t,
         paddingStart: e,
         scrollMargin: s,
         getItemKey: n,
-        enabled: o,
-        lanes: i,
+        enabled: i,
+        lanes: o,
         laneAssignmentMode: r
       }),
       {
@@ -421,12 +421,12 @@ class it {
         paddingStart: e,
         scrollMargin: s,
         getItemKey: n,
-        enabled: o,
-        lanes: i,
+        enabled: i,
+        lanes: o,
         laneAssignmentMode: r
       }, a) => {
         const h = this.itemSizeCache;
-        if (!o)
+        if (!i)
           return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
         if (this.laneAssignments.size > t)
           for (const d of this.laneAssignments.keys())
@@ -435,7 +435,7 @@ class it {
           this.itemSizeCache.set(d.key, d.size);
         }));
         const p = this.lanesSettling ? 0 : this.pendingMin ?? 0;
-        if (this.pendingMin = null, this.lanesSettling && this.measurementsCache.length === t && (this.lanesSettling = !1), i === 1) {
+        if (this.pendingMin = null, this.lanesSettling && this.measurementsCache.length === t && (this.lanesSettling = !1), o === 1) {
           const d = this.options.gap, f = t * 2;
           let S = this._flatMeasurements;
           if (!S || S.length < f) {
@@ -450,13 +450,13 @@ class it {
             g = S[m * 2] + S[m * 2 + 1] + d;
           }
           for (let m = p; m < t; m++) {
-            const E = n(m), w = h.get(E), _ = typeof w == "number" ? w : this.options.estimateSize(m);
+            const E = n(m), I = h.get(E), _ = typeof I == "number" ? I : this.options.estimateSize(m);
             S[m * 2] = g, S[m * 2 + 1] = _, g += _ + d;
           }
-          const b = J(t, S, n);
+          const b = q(t, S, n);
           return this.measurementsCache = b, b;
         }
-        const c = this.measurementsCache.slice(0, p), v = new Array(i).fill(
+        const c = this.measurementsCache.slice(0, p), v = new Array(o).fill(
           void 0
         );
         for (let d = 0; d < p; d++) {
@@ -469,17 +469,17 @@ class it {
           const m = r === "estimate" || h.has(f);
           if (S !== void 0 && this.options.lanes > 1) {
             g = S;
-            const O = v[g], R = O !== void 0 ? c[O] : void 0;
-            b = R ? R.end + this.options.gap : e + s;
+            const O = v[g], k = O !== void 0 ? c[O] : void 0;
+            b = k ? k.end + this.options.gap : e + s;
           } else {
             const O = this.options.lanes === 1 ? c[d - 1] : this.getFurthestMeasurement(c, d);
             b = O ? O.end + this.options.gap : e + s, g = O ? O.lane : d % this.options.lanes, this.options.lanes > 1 && m && this.laneAssignments.set(d, g);
           }
-          const E = h.get(f), w = typeof E == "number" ? E : this.options.estimateSize(d), _ = b + w;
+          const E = h.get(f), I = typeof E == "number" ? E : this.options.estimateSize(d), _ = b + I;
           c[d] = {
             index: d,
             start: b,
-            size: w,
+            size: I,
             end: _,
             key: f,
             lane: g
@@ -498,7 +498,7 @@ class it {
         this.getScrollOffset(),
         this.options.lanes
       ],
-      (t, e, s, n) => this.range = t.length > 0 && e > 0 ? ot({
+      (t, e, s, n) => this.range = t.length > 0 && e > 0 ? lt({
         measurements: t,
         outerSize: e,
         scrollOffset: s,
@@ -524,9 +524,9 @@ class it {
           e
         ];
       },
-      (t, e, s, n, o) => n === null || o === null ? [] : t({
+      (t, e, s, n, i) => n === null || i === null ? [] : t({
         startIndex: n,
-        endIndex: o,
+        endIndex: i,
         overscan: e,
         count: s
       }),
@@ -548,17 +548,17 @@ class it {
         const n = Math.max(
           this.options.overscan,
           Math.ceil((this.range.endIndex - this.range.startIndex) / 2)
-        ), o = Math.max(0, s - n), i = Math.min(
+        ), i = Math.max(0, s - n), o = Math.min(
           this.options.count - 1,
           s + n
         );
-        return t >= o && t <= i;
+        return t >= i && t <= o;
       }
       return !0;
     }, this.measureElement = (t) => {
       if (!t) {
-        this.elementsCache.forEach((o, i) => {
-          o.isConnected || (this.observer.unobserve(o), this.elementsCache.delete(i));
+        this.elementsCache.forEach((i, o) => {
+          i.isConnected || (this.observer.unobserve(i), this.elementsCache.delete(o));
         });
         return;
       }
@@ -567,16 +567,16 @@ class it {
     }, this.resizeItem = (t, e) => {
       var s, n;
       if (t < 0 || t >= this.options.count) return;
-      let o, i, r;
+      let i, o, r;
       const a = this._flatMeasurements;
       if (this.options.lanes === 1 && a !== null)
-        r = this.options.getItemKey(t), i = a[t * 2], o = a[t * 2 + 1];
+        r = this.options.getItemKey(t), o = a[t * 2], i = a[t * 2 + 1];
       else {
         const c = this.measurementsCache[t];
         if (!c) return;
-        r = c.key, i = c.start, o = c.size;
+        r = c.key, o = c.start, i = c.size;
       }
-      const h = this.itemSizeCache.get(r) ?? o, p = e - h;
+      const h = this.itemSizeCache.get(r) ?? i, p = e - h;
       if (p !== 0) {
         const c = this.options.anchorTo === "end" && ((s = this.scrollState) == null ? void 0 : s.behavior) !== "smooth" && this.getVirtualDistanceFromEnd() <= this.options.scrollEndThreshold, v = c ? this.getTotalSize() : 0, d = ((n = this.scrollState) == null ? void 0 : n.behavior) !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(
           // The callback expects a VirtualItem; build one lazily only
@@ -584,9 +584,9 @@ class it {
           this.measurementsCache[t] ?? {
             index: t,
             key: r,
-            start: i,
-            size: o,
-            end: i + o,
+            start: o,
+            size: i,
+            end: o + i,
             lane: 0
           },
           p,
@@ -598,7 +598,7 @@ class it {
           // direction and produces the "items jump while scrolling up"
           // jank reported across many issues. Users who want the old
           // behavior can pass shouldAdjustScrollPositionOnItemSizeChange.
-          i < this.getScrollOffset() + this.scrollAdjustments && this.scrollDirection !== "backward"
+          o < this.getScrollOffset() + this.scrollAdjustments && this.scrollDirection !== "backward"
         ));
         (this.pendingMin === null || t < this.pendingMin) && (this.pendingMin = t), this.itemSizeCache.set(r, e), this.itemSizeCacheVersion++, c ? this.applyScrollAdjustment(this.getTotalSize() - v) : d && this.applyScrollAdjustment(p), this.notify(!1);
       }
@@ -606,8 +606,8 @@ class it {
       () => [this.getVirtualIndexes(), this.getMeasurements()],
       (t, e) => {
         const s = [];
-        for (let n = 0, o = t.length; n < o; n++) {
-          const i = t[n], r = e[i];
+        for (let n = 0, i = t.length; n < i; n++) {
+          const o = t[n], r = e[o];
           s.push(r);
         }
         return s;
@@ -620,13 +620,13 @@ class it {
       const e = this.getMeasurements();
       if (e.length === 0)
         return;
-      const s = this._flatMeasurements, n = this.options.lanes === 1 && s != null, o = N(
+      const s = this._flatMeasurements, n = this.options.lanes === 1 && s != null, i = N(
         0,
         e.length - 1,
-        n ? (i) => s[i * 2] : (i) => D(e[i]).start,
+        n ? (o) => s[o * 2] : (o) => D(e[o]).start,
         t
       );
-      return D(e[o]);
+      return D(e[i]);
     }, this.getMaxScrollOffset = () => {
       if (!this.scrollElement) return 0;
       if ("scrollHeight" in this.scrollElement)
@@ -640,35 +640,35 @@ class it {
       0
     ), this.getDistanceFromEnd = () => Math.max(this.getMaxScrollOffset() - this.getScrollOffset(), 0), this.isAtEnd = (t = this.options.scrollEndThreshold) => this.getDistanceFromEnd() <= t, this.getOffsetForAlignment = (t, e, s = 0) => {
       if (!this.scrollElement) return 0;
-      const n = this.getSize(), o = this.getScrollOffset();
-      e === "auto" && (e = t >= o + n ? "end" : "start"), e === "center" ? t += (s - n) / 2 : e === "end" && (t -= n);
-      const i = this.getMaxScrollOffset();
-      return Math.max(Math.min(i, t), 0);
+      const n = this.getSize(), i = this.getScrollOffset();
+      e === "auto" && (e = t >= i + n ? "end" : "start"), e === "center" ? t += (s - n) / 2 : e === "end" && (t -= n);
+      const o = this.getMaxScrollOffset();
+      return Math.max(Math.min(o, t), 0);
     }, this.getOffsetForIndex = (t, e = "auto") => {
       t = Math.max(0, Math.min(t, this.options.count - 1));
-      const s = this.getSize(), n = this.getScrollOffset(), o = this.measurementsCache[t];
-      if (!o) return;
+      const s = this.getSize(), n = this.getScrollOffset(), i = this.measurementsCache[t];
+      if (!i) return;
       if (e === "auto")
-        if (o.end >= n + s - this.options.scrollPaddingEnd)
+        if (i.end >= n + s - this.options.scrollPaddingEnd)
           e = "end";
-        else if (o.start <= n + this.options.scrollPaddingStart)
+        else if (i.start <= n + this.options.scrollPaddingStart)
           e = "start";
         else
           return [n, e];
       if (e === "end" && t === this.options.count - 1)
         return [this.getMaxScrollOffset(), e];
-      const i = e === "end" ? o.end + this.options.scrollPaddingEnd : o.start - this.options.scrollPaddingStart;
+      const o = e === "end" ? i.end + this.options.scrollPaddingEnd : i.start - this.options.scrollPaddingStart;
       return [
-        this.getOffsetForAlignment(i, e, o.size),
+        this.getOffsetForAlignment(o, e, i.size),
         e
       ];
     }, this.scrollToOffset = (t, { align: e = "start", behavior: s = "auto" } = {}) => {
-      const n = this.getOffsetForAlignment(t, e), o = this.now();
+      const n = this.getOffsetForAlignment(t, e), i = this.now();
       this.scrollState = {
         index: null,
         align: e,
         behavior: s,
-        startedAt: o,
+        startedAt: i,
         lastTargetOffset: n,
         stableFrames: 0
       }, this._scrollToOffset(n, { adjustments: void 0, behavior: s }), this.scheduleScrollReconcile();
@@ -680,15 +680,15 @@ class it {
       const n = this.getOffsetForIndex(t, e);
       if (!n)
         return;
-      const [o, i] = n, r = this.now();
+      const [i, o] = n, r = this.now();
       this.scrollState = {
         index: t,
-        align: i,
+        align: o,
         behavior: s,
         startedAt: r,
-        lastTargetOffset: o,
+        lastTargetOffset: i,
         stableFrames: 0
-      }, this._scrollToOffset(o, { adjustments: void 0, behavior: s }), this.scheduleScrollReconcile();
+      }, this._scrollToOffset(i, { adjustments: void 0, behavior: s }), this.scheduleScrollReconcile();
     }, this.scrollBy = (t, { behavior: e = "auto" } = {}) => {
       const s = this.getScrollOffset() + t, n = this.now();
       this.scrollState = {
@@ -717,16 +717,16 @@ class it {
       if (e.length === 0)
         s = this.options.paddingStart;
       else if (this.options.lanes === 1) {
-        const n = e.length - 1, o = this._flatMeasurements;
-        o != null ? s = o[n * 2] + o[n * 2 + 1] : s = ((t = e[n]) == null ? void 0 : t.end) ?? 0;
+        const n = e.length - 1, i = this._flatMeasurements;
+        i != null ? s = i[n * 2] + i[n * 2 + 1] : s = ((t = e[n]) == null ? void 0 : t.end) ?? 0;
       } else {
         const n = Array(this.options.lanes).fill(null);
-        let o = e.length - 1;
-        for (; o >= 0 && n.some((i) => i === null); ) {
-          const i = e[o];
-          n[i.lane] === null && (n[i.lane] = i.end), o--;
+        let i = e.length - 1;
+        for (; i >= 0 && n.some((o) => o === null); ) {
+          const o = e[i];
+          n[o.lane] === null && (n[o.lane] = o.end), i--;
         }
-        s = Math.max(...n.filter((i) => i !== null));
+        s = Math.max(...n.filter((o) => o !== null));
       }
       return Math.max(
         s - this.options.scrollMargin + this.options.paddingEnd,
@@ -776,8 +776,8 @@ class it {
       this.scrollState = null;
       return;
     }
-    const e = this.scrollState.index != null ? this.getOffsetForIndex(this.scrollState.index, this.scrollState.align) : void 0, s = e ? e[0] : this.scrollState.lastTargetOffset, n = 1, o = s !== this.scrollState.lastTargetOffset;
-    if (!o && q(s, this.getScrollOffset())) {
+    const e = this.scrollState.index != null ? this.getOffsetForIndex(this.scrollState.index, this.scrollState.align) : void 0, s = e ? e[0] : this.scrollState.lastTargetOffset, n = 1, i = s !== this.scrollState.lastTargetOffset;
+    if (!i && U(s, this.getScrollOffset())) {
       if (this.scrollState.stableFrames++, this.scrollState.stableFrames >= n) {
         this.getScrollOffset() !== s && this._scrollToOffset(s, {
           adjustments: void 0,
@@ -785,8 +785,8 @@ class it {
         }), this.scrollState = null;
         return;
       }
-    } else if (this.scrollState.stableFrames = 0, o) {
-      const i = this.getSize() || 600, r = Math.abs(s - this.getScrollOffset()), a = this.scrollState.behavior === "smooth" && r > i;
+    } else if (this.scrollState.stableFrames = 0, i) {
+      const o = this.getSize() || 600, r = Math.abs(s - this.getScrollOffset()), a = this.scrollState.behavior === "smooth" && r > o;
       this.scrollState.lastTargetOffset = s, a || (this.scrollState.behavior = "auto"), this._scrollToOffset(s, {
         adjustments: void 0,
         behavior: a ? "smooth" : "auto"
@@ -807,22 +807,22 @@ const N = (l, u, t, e) => {
   }
   return l > 0 ? l - 1 : 0;
 };
-function ot({
+function lt({
   measurements: l,
   outerSize: u,
   scrollOffset: t,
   lanes: e,
   flat: s
 }) {
-  const n = l.length - 1, o = s ? (h) => s[h * 2] : (h) => l[h].start, i = s ? (h) => s[h * 2] + s[h * 2 + 1] : (h) => l[h].end;
+  const n = l.length - 1, i = s ? (h) => s[h * 2] : (h) => l[h].start, o = s ? (h) => s[h * 2] + s[h * 2 + 1] : (h) => l[h].end;
   if (l.length <= e)
     return {
       startIndex: 0,
       endIndex: n
     };
-  let r = N(0, n, o, t), a = r;
+  let r = N(0, n, i, t), a = r;
   if (e === 1)
-    for (; a < n && i(a) < t + u; )
+    for (; a < n && o(a) < t + u; )
       a++;
   else if (e > 1) {
     const h = Array(e).fill(0);
@@ -839,14 +839,14 @@ function ot({
   }
   return { startIndex: r, endIndex: a };
 }
-const k = typeof document < "u" ? M.useLayoutEffect : M.useEffect;
-function lt({
+const R = typeof document < "u" ? C.useLayoutEffect : C.useEffect;
+function rt({
   useFlushSync: l = !0,
   directDomUpdates: u = !1,
   directDomUpdatesMode: t = "transform",
   ...e
 }) {
-  const s = M.useReducer((a) => a + 1, 0)[1], n = M.useRef({
+  const s = C.useReducer((a) => a + 1, 0)[1], n = C.useRef({
     enabled: u,
     mode: t,
     container: null,
@@ -858,7 +858,7 @@ function lt({
     prevRange: null
   });
   n.current.enabled = u, n.current.mode = t;
-  const o = (a) => {
+  const i = (a) => {
     const h = n.current;
     if (!h.enabled) return;
     const p = a.getTotalSize();
@@ -872,14 +872,14 @@ function lt({
       const b = g.start - f, m = a.elementsCache.get(g.key);
       m && h.lastPositions.get(m) !== b && (h.lastPositions.set(m, b), v ? m.style.transform = c ? `translate3d(${b}px, 0, 0)` : `translate3d(0, ${b}px, 0)` : m.style[d] = `${b}px`);
     }
-  }, i = {
+  }, o = {
     ...e,
     onChange: (a, h) => {
       var p;
       const c = n.current;
       let v = !0;
       if (c.enabled) {
-        o(a);
+        i(a);
         const d = a.range, f = c.prevRange;
         v = !f || f.isScrolling !== a.isScrolling || f.startIndex !== d?.startIndex || f.endIndex !== d?.endIndex, v && (c.prevRange = d ? {
           startIndex: d.startIndex,
@@ -887,10 +887,10 @@ function lt({
           isScrolling: a.isScrolling
         } : null);
       }
-      v && (l && h ? K(s) : s()), (p = e.onChange) == null || p.call(e, a, h);
+      v && (l && h ? P(s) : s()), (p = e.onChange) == null || p.call(e, a, h);
     }
-  }, [r] = M.useState(() => {
-    const a = new it(i);
+  }, [r] = C.useState(() => {
+    const a = new ot(o);
     return Object.assign(a, {
       containerRef: (h) => {
         const p = n.current;
@@ -903,37 +903,37 @@ function lt({
       }
     });
   });
-  return r.setOptions(i), k(() => r._didMount(), []), k(() => r._willUpdate()), k(() => {
-    o(r);
+  return r.setOptions(o), R(() => r._didMount(), []), R(() => r._willUpdate()), R(() => {
+    i(r);
   }), r;
 }
-function rt(l) {
-  return lt({
-    observeElementRect: Q,
-    observeElementOffset: tt,
-    scrollToFn: nt,
+function at(l) {
+  return rt({
+    observeElementRect: Y,
+    observeElementOffset: et,
+    scrollToFn: it,
     ...l
   });
 }
-function pt({
+function St({
   selectedFilter: l,
   currentVal: u,
   exclude: t,
   setDraftColumnFilters: e,
   virtualization: s
 }) {
-  const [n, o] = W(""), i = j(null), r = 32;
-  F(() => {
-    o("");
+  const [n, i] = F(""), o = j(null), r = 32;
+  V(() => {
+    i("");
   }, [l?.key]);
-  const a = u || [], h = V(
+  const a = u || [], h = K(
     () => (l?.type === "checkbox" ? l.options : []).filter(
       (f) => f.toLowerCase().includes(n.toLowerCase())
     ),
     [l, n]
-  ), p = rt({
+  ), p = at({
     count: h.length,
-    getScrollElement: () => i.current,
+    getScrollElement: () => o.current,
     estimateSize: () => r,
     overscan: 5
   }), c = (f, S) => {
@@ -961,49 +961,57 @@ function pt({
     ]);
   };
   return /* @__PURE__ */ x("div", { children: [
-    /* @__PURE__ */ y("div", { children: /* @__PURE__ */ x("div", { className: "ckds-filter-search-wrapper", children: [
-      /* @__PURE__ */ y(H, {}),
-      /* @__PURE__ */ y(
-        "input",
-        {
-          placeholder: "Search here",
-          className: "ckds-table-search-input",
-          value: n,
-          onChange: (f) => o(f.target.value)
-        }
-      )
-    ] }) }),
+    /* @__PURE__ */ y("div", { children: /* @__PURE__ */ y(
+      J,
+      {
+        value: n,
+        placeholder: "Search",
+        onChange: (f) => i(f),
+        onClear: () => i(""),
+        size: "medium"
+      }
+    ) }),
     /* @__PURE__ */ x("div", { className: "ckds-filter-results-bar", children: [
-      /* @__PURE__ */ x(T, { variant: "caption", color: "secondary", children: [
-        h.length,
-        " ",
-        h.length === 1 ? "Result" : "Results"
+      /* @__PURE__ */ x("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+        /* @__PURE__ */ x(w, { variant: "caption", color: "secondary", children: [
+          h.length,
+          " ",
+          h.length === 1 ? "Result" : "Results"
+        ] }),
+        a.length > 0 && /* @__PURE__ */ x(W, { children: [
+          /* @__PURE__ */ y("span", { style: { width: "1px", height: "12px", backgroundColor: "#DCDCDC" } }),
+          /* @__PURE__ */ x(w, { variant: "caption", color: "secondary", children: [
+            a.length,
+            " Selected"
+          ] })
+        ] })
       ] }),
       /* @__PURE__ */ x("label", { className: "ckds-filter-exclude-label", children: [
-        /* @__PURE__ */ y(T, { variant: "caption", children: "Exclude" }),
+        /* @__PURE__ */ y(w, { variant: "caption", children: "Exclude" }),
         /* @__PURE__ */ y(
           $,
           {
             checked: !!t,
-            onChange: d
+            onChange: d,
+            size: "small"
           }
         )
       ] })
     ] }),
-    h.length === 0 ? /* @__PURE__ */ y("div", { className: "ckds-filter-empty-state", children: /* @__PURE__ */ y(T, { variant: "caption", children: l?.type === "checkbox" && l.options.length === 0 ? "There are no values available for this filter." : "No matching results found for your search." }) }) : /* @__PURE__ */ x("div", { ref: i, className: "ckds-filter-multiselect-wr ckds-custom-scrollbar", children: [
+    h.length === 0 ? /* @__PURE__ */ y("div", { className: "ckds-filter-empty-state", children: /* @__PURE__ */ y(w, { variant: "caption", children: l?.type === "checkbox" && l.options.length === 0 ? "There are no values available for this filter." : "No matching results found for your search." }) }) : /* @__PURE__ */ x("div", { ref: o, className: "ckds-filter-multiselect-wr ckds-custom-scrollbar", children: [
       /* @__PURE__ */ x("label", { className: "ckds-filter-option-label", children: [
         /* @__PURE__ */ y(
-          P,
+          B,
           {
             checked: h.length > 0 && h.every((f) => a.includes(f)),
             indeterminate: h.some((f) => a.includes(f)) && !h.every((f) => a.includes(f)),
             onChange: (f) => v(f)
           }
         ),
-        /* @__PURE__ */ y(T, { variant: "body-sm", children: "Select All" })
+        /* @__PURE__ */ y(w, { variant: "body-sm", children: "Select All" })
       ] }),
       /* @__PURE__ */ y(
-        B,
+        H,
         {
           virtualization: s,
           rowVirtualizer: p,
@@ -1017,6 +1025,6 @@ function pt({
   ] });
 }
 export {
-  pt as O,
-  rt as u
+  St as O,
+  at as u
 };