@konstructio/ui 0.1.2-alpha.82 → 0.1.2-alpha.85

package/dist/{FlagSelectorList-C17nmEBM.js → FlagSelectorList-NMlHNF7N.js}

@@ -1,30 +1,30 @@
-import { t as y } from "./utils-DHuiYnx1.js";
-import { Typography as M } from "./components/Typography/Typography.js";
-import { usePhoneNumberContext as _ } from "./components/PhoneNumberInput/contexts/phone-number.hook.js";
-import { TruncateText as T } from "./components/PhoneNumberInput/components/TruncateText/TruncateText.js";
-import * as E from "react";
-import { useEffect as N, useMemo as k, useRef as D } from "react";
-import { flushSync as W } from "react-dom";
-import { jsx as m, jsxs as L } from "react/jsx-runtime";
-function b(r, t, e) {
+import { t as M } from "./utils-COaoD3PI.js";
+import { Typography as I } from "./components/Typography/Typography.js";
+import { usePhoneNumberContext as N } from "./components/PhoneNumberInput/contexts/phone-number.hook.js";
+import { TruncateText as k } from "./components/PhoneNumberInput/components/TruncateText/TruncateText.js";
+import * as w from "react";
+import { useEffect as D, useMemo as L, useRef as W } from "react";
+import { flushSync as V } from "react-dom";
+import { jsx as m, jsxs as j } from "react/jsx-runtime";
+function x(r, t, e) {
   let s = e.initialDeps ?? [], n, l = !0;
   function i() {
-    var o, h, c;
-    let u;
-    e.key && ((o = e.debug) != null && o.call(e)) && (u = Date.now());
-    const a = r();
-    if (!(a.length !== s.length || a.some((v, f) => s[f] !== v))) return n;
-    s = a;
-    let d;
-    if (e.key && ((h = e.debug) != null && h.call(e)) && (d = Date.now()), n = t(...a), e.key && ((c = e.debug) != null && c.call(e))) {
-      const v = Math.round((Date.now() - u) * 100) / 100, f = Math.round((Date.now() - d) * 100) / 100, S = f / 16, x = (g, w) => {
-        for (g = String(g); g.length < w; ) g = " " + g;
-        return g;
+    var o, h, u;
+    let c;
+    e.key && ((o = e.debug) != null && o.call(e)) && (c = Date.now());
+    const d = r();
+    if (!(d.length !== s.length || d.some((f, v) => s[v] !== f))) return n;
+    s = d;
+    let a;
+    if (e.key && ((h = e.debug) != null && h.call(e)) && (a = Date.now()), n = t(...d), e.key && ((u = e.debug) != null && u.call(e))) {
+      const f = Math.round((Date.now() - c) * 100) / 100, v = Math.round((Date.now() - a) * 100) / 100, g = v / 16, S = (p, E) => {
+        for (p = String(p); p.length < E; ) p = " " + p;
+        return p;
       };
-      console.info(`%c⏱ ${x(f, 5)} /${x(v, 5)} ms`, `
+      console.info(`%c⏱ ${S(v, 5)} /${S(f, 5)} ms`, `
             font-size: .6rem;
             font-weight: bold;
-            color: hsl(${Math.max(0, Math.min(120 - 120 * S, 120))}deg 100% 31%);`, e?.key);
+            color: hsl(${Math.max(0, Math.min(120 - 120 * g, 120))}deg 100% 31%);`, e?.key);
     }
     return e?.onChange && !(l && e.skipInitialOnChange) && e.onChange(n), l = !1, n;
   }
@@ -32,26 +32,26 @@ function b(r, t, e) {
     s = o;
   }, i;
 }
-function I(r, t) {
+function z(r, t) {
   if (r === void 0) throw new Error(`Unexpected undefined${t ? `: ${t}` : ""}`);
   return r;
 }
-var V = (r, t) => Math.abs(r - t) < 1.01, j = (r, t, e) => {
+var P = (r, t) => Math.abs(r - t) < 1.01, B = (r, t, e) => {
   let s;
   return function(...n) {
     r.clearTimeout(s), s = r.setTimeout(() => t.apply(this, n), e);
   };
-}, z = (r) => {
+}, C = (r) => {
   const { offsetWidth: t, offsetHeight: e } = r;
   return {
     width: t,
     height: e
   };
-}, P = (r) => r, B = (r) => {
+}, H = (r) => r, $ = (r) => {
   const t = Math.max(r.startIndex - r.overscan, 0), e = Math.min(r.endIndex + r.overscan, r.count - 1), s = [];
   for (let n = t; n <= e; n++) s.push(n);
   return s;
-}, H = (r, t) => {
+}, q = (r, t) => {
   const e = r.scrollElement;
   if (!e) return;
   const s = r.targetWindow;
@@ -63,60 +63,60 @@ var V = (r, t) => Math.abs(r - t) < 1.01, j = (r, t, e) => {
       height: Math.round(h)
     });
   };
-  if (n(z(e)), !s.ResizeObserver) return () => {
+  if (n(C(e)), !s.ResizeObserver) return () => {
   };
   const l = new s.ResizeObserver((i) => {
     const o = () => {
       const h = i[0];
       if (h?.borderBoxSize) {
-        const c = h.borderBoxSize[0];
-        if (c) {
+        const u = h.borderBoxSize[0];
+        if (u) {
           n({
-            width: c.inlineSize,
-            height: c.blockSize
+            width: u.inlineSize,
+            height: u.blockSize
           });
           return;
         }
       }
-      n(z(e));
+      n(C(e));
     };
     r.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(o) : o();
   });
   return l.observe(e, { box: "border-box" }), () => {
     l.unobserve(e);
   };
-}, C = { passive: !0 }, A = typeof window > "u" ? !0 : "onscrollend" in window, $ = (r, t) => {
+}, A = { passive: !0 }, F = typeof window > "u" ? !0 : "onscrollend" in window, K = (r, t) => {
   const e = r.scrollElement;
   if (!e) return;
   const s = r.targetWindow;
   if (!s) return;
   let n = 0;
-  const l = r.options.useScrollendEvent && A ? () => {
-  } : j(s, () => {
+  const l = r.options.useScrollendEvent && F ? () => {
+  } : B(s, () => {
     t(n, !1);
-  }, r.options.isScrollingResetDelay), i = (u) => () => {
-    const { horizontal: a, isRtl: d } = r.options;
-    n = a ? e.scrollLeft * (d && -1 || 1) : e.scrollTop, l(), t(n, u);
+  }, r.options.isScrollingResetDelay), i = (c) => () => {
+    const { horizontal: d, isRtl: a } = r.options;
+    n = d ? e.scrollLeft * (a && -1 || 1) : e.scrollTop, l(), t(n, c);
   }, o = i(!0), h = i(!1);
-  e.addEventListener("scroll", o, C);
-  const c = r.options.useScrollendEvent && A;
-  return c && e.addEventListener("scrollend", h, C), () => {
-    e.removeEventListener("scroll", o), c && e.removeEventListener("scrollend", h);
+  e.addEventListener("scroll", o, A);
+  const u = r.options.useScrollendEvent && F;
+  return u && e.addEventListener("scrollend", h, A), () => {
+    e.removeEventListener("scroll", o), u && e.removeEventListener("scrollend", h);
   };
-}, q = (r, t, e) => {
+}, U = (r, t, e) => {
   if (t?.borderBoxSize) {
     const s = t.borderBoxSize[0];
     if (s) return Math.round(s[e.options.horizontal ? "inlineSize" : "blockSize"]);
   }
   return r[e.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, K = (r, { adjustments: t = 0, behavior: e }, s) => {
+}, G = (r, { adjustments: t = 0, behavior: e }, s) => {
   var n, l;
   const i = r + t;
   (l = (n = s.scrollElement) == null ? void 0 : n.scrollTo) == null || l.call(n, {
     [s.options.horizontal ? "left" : "top"]: i,
     behavior: e
   });
-}, U = class {
+}, J = class {
   constructor(r) {
     this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollState = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.now = () => {
       var t, e, s;
@@ -162,11 +162,11 @@ var V = (r, t) => Math.abs(r - t) < 1.01, j = (r, t, e) => {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: !1,
-        getItemKey: P,
-        rangeExtractor: B,
+        getItemKey: H,
+        rangeExtractor: $,
         onChange: () => {
         },
-        measureElement: q,
+        measureElement: U,
         initialRect: {
           width: 0,
           height: 0
@@ -181,12 +181,13 @@ var V = (r, t) => Math.abs(r - t) < 1.01, j = (r, t, e) => {
         isRtl: !1,
         useScrollendEvent: !1,
         useAnimationFrameWithResizeObserver: !1,
+        laneAssignmentMode: "estimate",
         ...t
       };
     }, this.notify = (t) => {
       var e, s;
       (s = (e = this.options).onChange) == null || s.call(e, this, t);
-    }, this.maybeNotify = b(() => (this.calculateRange(), [
+    }, this.maybeNotify = x(() => (this.calculateRange(), [
       this.isScrolling,
       this.range ? this.range.startIndex : null,
       this.range ? this.range.endIndex : null
@@ -232,21 +233,23 @@ var V = (r, t) => Math.abs(r - t) < 1.01, j = (r, t, e) => {
         if (o == null || i.end > o.end ? n.set(i.lane, i) : i.end < o.end && s.set(i.lane, !0), s.size === this.options.lanes) break;
       }
       return n.size === this.options.lanes ? Array.from(n.values()).sort((l, i) => l.end === i.end ? l.index - i.index : l.end - i.end)[0] : void 0;
-    }, this.getMeasurementOptions = b(() => [
+    }, this.getMeasurementOptions = x(() => [
       this.options.count,
       this.options.paddingStart,
       this.options.scrollMargin,
       this.options.getItemKey,
       this.options.enabled,
-      this.options.lanes
-    ], (t, e, s, n, l, i) => (this.prevLanes !== void 0 && this.prevLanes !== i && (this.lanesChangedFlag = !0), this.prevLanes = i, this.pendingMeasuredCacheIndexes = [], {
+      this.options.lanes,
+      this.options.laneAssignmentMode
+    ], (t, e, s, n, l, i, o) => (this.prevLanes !== void 0 && this.prevLanes !== i && (this.lanesChangedFlag = !0), this.prevLanes = i, this.pendingMeasuredCacheIndexes = [], {
       count: t,
       paddingStart: e,
       scrollMargin: s,
       getItemKey: n,
       enabled: l,
-      lanes: i
-    }), { key: !1 }), this.getMeasurements = b(() => [this.getMeasurementOptions(), this.itemSizeCache], ({ count: t, paddingStart: e, scrollMargin: s, getItemKey: n, enabled: l, lanes: i }, o) => {
+      lanes: i,
+      laneAssignmentMode: o
+    }), { key: !1 }), this.getMeasurements = x(() => [this.getMeasurementOptions(), this.itemSizeCache], ({ count: t, paddingStart: e, scrollMargin: s, getItemKey: n, enabled: l, lanes: i, laneAssignmentMode: o }, h) => {
       if (!l)
         return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
       if (this.laneAssignments.size > t)
@@ -254,44 +257,45 @@ var V = (r, t) => Math.abs(r - t) < 1.01, j = (r, t, e) => {
       this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMeasuredCacheIndexes = []), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((a) => {
         this.itemSizeCache.set(a.key, a.size);
       }));
-      const h = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
+      const u = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
       this.pendingMeasuredCacheIndexes = [], this.lanesSettling && this.measurementsCache.length === t && (this.lanesSettling = !1);
-      const c = this.measurementsCache.slice(0, h), u = new Array(i).fill(void 0);
-      for (let a = 0; a < h; a++) {
-        const d = c[a];
-        d && (u[d.lane] = a);
+      const c = this.measurementsCache.slice(0, u), d = new Array(i).fill(void 0);
+      for (let a = 0; a < u; a++) {
+        const f = c[a];
+        f && (d[f.lane] = a);
       }
-      for (let a = h; a < t; a++) {
-        const d = n(a), v = this.laneAssignments.get(a);
-        let f, S;
+      for (let a = u; a < t; a++) {
+        const f = n(a), v = this.laneAssignments.get(a);
+        let g, S;
+        const p = o === "estimate" || h.has(f);
         if (v !== void 0 && this.options.lanes > 1) {
-          f = v;
-          const p = u[f], O = p !== void 0 ? c[p] : void 0;
-          S = O ? O.end + this.options.gap : e + s;
+          g = v;
+          const b = d[g], y = b !== void 0 ? c[b] : void 0;
+          S = y ? y.end + this.options.gap : e + s;
         } else {
-          const p = this.options.lanes === 1 ? c[a - 1] : this.getFurthestMeasurement(c, a);
-          S = p ? p.end + this.options.gap : e + s, f = p ? p.lane : a % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(a, f);
+          const b = this.options.lanes === 1 ? c[a - 1] : this.getFurthestMeasurement(c, a);
+          S = b ? b.end + this.options.gap : e + s, g = b ? b.lane : a % this.options.lanes, this.options.lanes > 1 && p && this.laneAssignments.set(a, g);
         }
-        const x = o.get(d), g = typeof x == "number" ? x : this.options.estimateSize(a), w = S + g;
+        const E = h.get(f), O = typeof E == "number" ? E : this.options.estimateSize(a), T = S + O;
         c[a] = {
           index: a,
           start: S,
-          size: g,
-          end: w,
-          key: d,
-          lane: f
-        }, u[f] = a;
+          size: O,
+          end: T,
+          key: f,
+          lane: g
+        }, d[g] = a;
       }
       return this.measurementsCache = c, c;
     }, {
       key: process.env.NODE_ENV !== "production" && "getMeasurements",
       debug: () => this.options.debug
-    }), this.calculateRange = b(() => [
+    }), this.calculateRange = x(() => [
       this.getMeasurements(),
       this.getSize(),
       this.getScrollOffset(),
       this.options.lanes
-    ], (t, e, s, n) => this.range = t.length > 0 && e > 0 ? G({
+    ], (t, e, s, n) => this.range = t.length > 0 && e > 0 ? Q({
       measurements: t,
       outerSize: e,
       scrollOffset: s,
@@ -299,7 +303,7 @@ var V = (r, t) => Math.abs(r - t) < 1.01, j = (r, t, e) => {
     }) : null, {
       key: process.env.NODE_ENV !== "production" && "calculateRange",
       debug: () => this.options.debug
-    }), this.getVirtualIndexes = b(() => {
+    }), this.getVirtualIndexes = x(() => {
       let t = null, e = null;
       const s = this.calculateRange();
       return s && (t = s.startIndex, e = s.endIndex), this.maybeNotify.updateDeps([
@@ -351,7 +355,7 @@ var V = (r, t) => Math.abs(r - t) < 1.01, j = (r, t, e) => {
         adjustments: this.scrollAdjustments += l,
         behavior: void 0
       })), this.pendingMeasuredCacheIndexes.push(n.index), this.itemSizeCache = new Map(this.itemSizeCache.set(n.key, e)), this.notify(!1));
-    }, this.getVirtualItems = b(() => [this.getVirtualIndexes(), this.getMeasurements()], (t, e) => {
+    }, this.getVirtualItems = x(() => [this.getVirtualIndexes(), this.getMeasurements()], (t, e) => {
       const s = [];
       for (let n = 0, l = t.length; n < l; n++) {
         const i = e[t[n]];
@@ -364,7 +368,7 @@ var V = (r, t) => Math.abs(r - t) < 1.01, j = (r, t, e) => {
     }), this.getVirtualItemForOffset = (t) => {
       const e = this.getMeasurements();
       if (e.length !== 0)
-        return I(e[R(0, e.length - 1, (s) => I(e[s]).start, t)]);
+        return z(e[_(0, e.length - 1, (s) => z(e[s]).start, t)]);
     }, this.getMaxScrollOffset = () => {
       if (!this.scrollElement) return 0;
       if ("scrollHeight" in this.scrollElement) return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
@@ -389,12 +393,12 @@ var V = (r, t) => Math.abs(r - t) < 1.01, j = (r, t, e) => {
       const i = e === "end" ? l.end + this.options.scrollPaddingEnd : l.start - this.options.scrollPaddingStart;
       return [this.getOffsetForAlignment(i, e, l.size), e];
     }, this.scrollToOffset = (t, { align: e = "start", behavior: s = "auto" } = {}) => {
-      const n = this.getOffsetForAlignment(t, e);
+      const n = this.getOffsetForAlignment(t, e), l = this.now();
       this.scrollState = {
         index: null,
         align: e,
         behavior: s,
-        startedAt: this.now(),
+        startedAt: l,
         lastTargetOffset: n,
         stableFrames: 0
       }, this._scrollToOffset(n, {
@@ -418,12 +422,12 @@ var V = (r, t) => Math.abs(r - t) < 1.01, j = (r, t, e) => {
         behavior: s
       }), this.scheduleScrollReconcile();
     }, this.scrollBy = (t, { behavior: e = "auto" } = {}) => {
-      const s = this.getScrollOffset() + t;
+      const s = this.getScrollOffset() + t, n = this.now();
       this.scrollState = {
         index: null,
         align: "start",
         behavior: e,
-        startedAt: this.now(),
+        startedAt: n,
         lastTargetOffset: s,
         stableFrames: 0
       }, this._scrollToOffset(s, {
@@ -471,7 +475,7 @@ var V = (r, t) => Math.abs(r - t) < 1.01, j = (r, t, e) => {
       return;
     }
     const r = this.scrollState.index != null ? this.getOffsetForIndex(this.scrollState.index, this.scrollState.align) : void 0, t = r ? r[0] : this.scrollState.lastTargetOffset, e = 1, s = t !== this.scrollState.lastTargetOffset;
-    if (!s && V(t, this.getScrollOffset())) {
+    if (!s && P(t, this.getScrollOffset())) {
       if (this.scrollState.stableFrames++, this.scrollState.stableFrames >= e) {
         this.scrollState = null;
         return;
@@ -483,7 +487,7 @@ var V = (r, t) => Math.abs(r - t) < 1.01, j = (r, t, e) => {
       }));
     this.scheduleScrollReconcile();
   }
-}, R = (r, t, e, s) => {
+}, _ = (r, t, e, s) => {
   for (; r <= t; ) {
     const n = (r + t) / 2 | 0, l = e(n);
     if (l < s) r = n + 1;
@@ -492,24 +496,24 @@ var V = (r, t) => Math.abs(r - t) < 1.01, j = (r, t, e) => {
   }
   return r > 0 ? r - 1 : 0;
 };
-function G({ measurements: r, outerSize: t, scrollOffset: e, lanes: s }) {
+function Q({ measurements: r, outerSize: t, scrollOffset: e, lanes: s }) {
   const n = r.length - 1, l = (h) => r[h].start;
   if (r.length <= s) return {
     startIndex: 0,
     endIndex: n
   };
-  let i = R(0, n, l, e), o = i;
+  let i = _(0, n, l, e), o = i;
   if (s === 1) for (; o < n && r[o].end < e + t; ) o++;
   else if (s > 1) {
     const h = Array(s).fill(0);
-    for (; o < n && h.some((u) => u < e + t); ) {
-      const u = r[o];
-      h[u.lane] = u.end, o++;
+    for (; o < n && h.some((c) => c < e + t); ) {
+      const c = r[o];
+      h[c.lane] = c.end, o++;
     }
-    const c = Array(s).fill(e + t);
-    for (; i >= 0 && c.some((u) => u >= e); ) {
-      const u = r[i];
-      c[u.lane] = u.start, i--;
+    const u = Array(s).fill(e + t);
+    for (; i >= 0 && u.some((c) => c >= e); ) {
+      const c = r[i];
+      u[c.lane] = c.start, i--;
     }
     i = Math.max(0, i - i % s), o = Math.min(n, o + (s - 1 - o % s));
   }
@@ -518,33 +522,33 @@ function G({ measurements: r, outerSize: t, scrollOffset: e, lanes: s }) {
     endIndex: o
   };
 }
-var F = typeof document < "u" ? E.useLayoutEffect : E.useEffect;
-function J({ useFlushSync: r = !0, ...t }) {
-  const e = E.useReducer(() => ({}), {})[1], s = {
+var R = typeof document < "u" ? w.useLayoutEffect : w.useEffect;
+function X({ useFlushSync: r = !0, ...t }) {
+  const e = w.useReducer(() => ({}), {})[1], s = {
     ...t,
     onChange: (l, i) => {
       var o;
-      r && i ? W(e) : e(), (o = t.onChange) == null || o.call(t, l, i);
+      r && i ? V(e) : e(), (o = t.onChange) == null || o.call(t, l, i);
     }
-  }, [n] = E.useState(() => new U(s));
-  return n.setOptions(s), F(() => n._didMount(), []), F(() => n._willUpdate()), n;
+  }, [n] = w.useState(() => new J(s));
+  return n.setOptions(s), R(() => n._didMount(), []), R(() => n._willUpdate()), n;
 }
-function Q(r) {
-  return J({
-    observeElementRect: H,
-    observeElementOffset: $,
-    scrollToFn: K,
+function Y(r) {
+  return X({
+    observeElementRect: q,
+    observeElementOffset: K,
+    scrollToFn: G,
     ...r
   });
 }
-var ie = ({ showFlagOnSearch: r, showNameOnSearch: t }) => {
-  const e = D(null), { termOfSearch: s, countries: n, handleSelectCountry: l } = _(), i = k(() => n.filter((h) => h.name.toLocaleLowerCase().includes(s.toLowerCase())), [s]), o = Q({
+var re = ({ showFlagOnSearch: r, showNameOnSearch: t }) => {
+  const e = W(null), { termOfSearch: s, countries: n, handleSelectCountry: l } = N(), i = L(() => n.filter((h) => h.name.toLocaleLowerCase().includes(s.toLowerCase())), [s]), o = Y({
     count: i.length,
     overscan: 5,
     getScrollElement: () => e.current,
     estimateSize: () => 40
   });
-  return N(() => {
+  return D(() => {
     i.length > 0 && o.scrollToIndex(0);
   }, [s, o]), i.length === 0 ? /* @__PURE__ */ m("div", {
     className: "overflow-y-auto max-h-60 snap-y snap-mandatory",
@@ -552,7 +556,7 @@ var ie = ({ showFlagOnSearch: r, showNameOnSearch: t }) => {
       className: "relative",
       children: /* @__PURE__ */ m("li", {
         className: "w-full flex items-center h-10 select-none px-6",
-        children: /* @__PURE__ */ m(M, {
+        children: /* @__PURE__ */ m(I, {
           variant: "body2",
           component: "span",
           className: "flex gap-2 items-center text-left",
@@ -567,23 +571,23 @@ var ie = ({ showFlagOnSearch: r, showNameOnSearch: t }) => {
       className: "relative",
       style: { height: o.getTotalSize() },
       children: o.getVirtualItems().map((h) => {
-        const c = i[h.index], { flag: u, name: a, prefix: d } = c;
+        const u = i[h.index], { flag: c, name: d, prefix: a } = u;
         return /* @__PURE__ */ m("li", {
-          className: y("absolute", "w-full", "snap-start", "snap-always", "scroll-m-0", "flex", "items-center", "h-10"),
+          className: M("absolute", "w-full", "snap-start", "snap-always", "scroll-m-0", "flex", "items-center", "h-10"),
           style: {
             top: h.start,
             height: h.size
           },
           children: /* @__PURE__ */ m("button", {
-            className: y("w-full", "h-full", "cursor-pointer", "px-6", "hover:bg-gray-50", "transition-colors", "duration-150", "focus-visible:outline-0", "hover:outline-gray-100", "focus:bg-gray-50", "dark:hover:bg-metal-700"),
-            onClick: () => l(c),
-            children: /* @__PURE__ */ L(M, {
+            className: M("w-full", "h-full", "cursor-pointer", "px-6", "hover:bg-gray-50", "transition-colors", "duration-150", "focus-visible:outline-0", "hover:outline-gray-100", "focus:bg-gray-50", "dark:hover:bg-metal-700"),
+            onClick: () => l(u),
+            children: /* @__PURE__ */ j(I, {
               variant: "body2",
               component: "span",
               className: "flex gap-2 items-center text-left",
-              children: [r && /* @__PURE__ */ m(u, {}), t && /* @__PURE__ */ m(T, {
-                text: a,
-                prefix: d
+              children: [r && /* @__PURE__ */ m(c, {}), t && /* @__PURE__ */ m(k, {
+                text: d,
+                prefix: a
               })]
             })
           })
@@ -593,5 +597,5 @@ var ie = ({ showFlagOnSearch: r, showNameOnSearch: t }) => {
   });
 };
 export {
-  ie as t
+  re as t
 };

package/dist/HamburgerTrigger-BzCfBWzH.js

@@ -0,0 +1,85 @@
+import { o as m } from "./chunk-cI0lbGMq.js";
+import { t as g } from "./prop-types-CE0Kfmwk.js";
+import { t as c } from "./dist-EV-1XXQr.js";
+import { t as y } from "./utils-COaoD3PI.js";
+import { hamburgerTriggerVariants as d } from "./components/Sidebar/components/HamburgerTrigger/HamburgerTrigger.variants.js";
+import a, { forwardRef as v } from "react";
+import { jsx as u, jsxs as b } from "react/jsx-runtime";
+var p = /* @__PURE__ */ m(g());
+function s() {
+  return s = Object.assign || function(r) {
+    for (var n = 1; n < arguments.length; n++) {
+      var e = arguments[n];
+      for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && (r[t] = e[t]);
+    }
+    return r;
+  }, s.apply(this, arguments);
+}
+function h(r, n) {
+  if (r == null) return {};
+  var e = x(r, n), t, o;
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(r);
+    for (o = 0; o < i.length; o++)
+      t = i[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(r, t) && (e[t] = r[t]);
+  }
+  return e;
+}
+function x(r, n) {
+  if (r == null) return {};
+  var e = {}, t = Object.keys(r), o, i;
+  for (i = 0; i < t.length; i++)
+    o = t[i], !(n.indexOf(o) >= 0) && (e[o] = r[o]);
+  return e;
+}
+var l = v(function(r, n) {
+  var e = r.color, t = e === void 0 ? "currentColor" : e, o = r.size, i = o === void 0 ? 24 : o, f = h(r, ["color", "size"]);
+  return /* @__PURE__ */ a.createElement("svg", s({
+    ref: n,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: i,
+    height: i,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: t,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, f), /* @__PURE__ */ a.createElement("line", {
+    x1: "3",
+    y1: "12",
+    x2: "21",
+    y2: "12"
+  }), /* @__PURE__ */ a.createElement("line", {
+    x1: "3",
+    y1: "6",
+    x2: "21",
+    y2: "6"
+  }), /* @__PURE__ */ a.createElement("line", {
+    x1: "3",
+    y1: "18",
+    x2: "21",
+    y2: "18"
+  }));
+});
+l.propTypes = {
+  color: p.default.string,
+  size: p.default.oneOfType([p.default.string, p.default.number])
+};
+l.displayName = "Menu";
+var O = ({ isOpen: r, onClick: n, className: e }) => /* @__PURE__ */ b("button", {
+  type: "button",
+  "aria-label": "Open navigation",
+  "aria-expanded": r,
+  "aria-haspopup": "menu",
+  className: y(d({ className: e })),
+  onClick: n,
+  children: [/* @__PURE__ */ u(l, {
+    size: 20,
+    "aria-hidden": "true"
+  }), /* @__PURE__ */ u(c, { children: "Open navigation" })]
+});
+O.displayName = "KonstructSidebarHamburgerTrigger";
+export {
+  O as t
+};

package/dist/{ImageUpload-BzXjGZ2w.js → ImageUpload-DebL0hwF.js}

@@ -1,9 +1,9 @@
-import { t as o } from "./utils-DHuiYnx1.js";
+import { t as o } from "./utils-COaoD3PI.js";
 import { LoaderIcon as _ } from "./assets/icons/components/Loader.js";
 import { PhotoLibraryIcon as ee } from "./assets/icons/components/PhotoLibrary.js";
 import { WarningIcon as te } from "./assets/icons/components/Warning.js";
 import { Button as F } from "./components/Button/Button.js";
-import { t as D } from "./x-a0ouxoIM.js";
+import { t as D } from "./x-DBIZFfaM.js";
 import { helperTextVariants as ae, imageUploadVariants as re, inputContainerVariants as le, inputFieldVariants as ie, labelVariants as se } from "./components/ImageUpload/ImageUpload.variants.js";
 import { useEffect as ne, useId as ce, useRef as V, useState as N } from "react";
 import { Fragment as P, jsx as e, jsxs as l } from "react/jsx-runtime";

package/dist/{Input-t3DjCWy0.js → Input-BZG7N8m1.js}

@@ -1,11 +1,11 @@
-import { o as W } from "./chunk-D1xtDmiO.js";
-import { t as $ } from "./prop-types-DTnODft1.js";
-import { t as i } from "./utils-DHuiYnx1.js";
+import { o as W } from "./chunk-cI0lbGMq.js";
+import { t as $ } from "./prop-types-CE0Kfmwk.js";
+import { t as i } from "./utils-COaoD3PI.js";
 import { SearchIcon as S } from "./assets/icons/components/Search.js";
 import { WarningIcon as T } from "./assets/icons/components/Warning.js";
 import { Typography as m } from "./components/Typography/Typography.js";
 import { inputVariants as M } from "./components/Input/Input.variants.js";
-import p, { forwardRef as y, useId as C, useRef as A, useState as B } from "react";
+import p, { forwardRef as y, useId as C, useRef as R, useState as A } from "react";
 import { jsx as s, jsxs as d } from "react/jsx-runtime";
 var l = /* @__PURE__ */ W($());
 function g() {
@@ -17,7 +17,7 @@ function g() {
     return t;
   }, g.apply(this, arguments);
 }
-function R(t, r) {
+function B(t, r) {
   if (t == null) return {};
   var n = q(t, r), e, a;
   if (Object.getOwnPropertySymbols) {
@@ -35,7 +35,7 @@ function q(t, r) {
   return n;
 }
 var x = y(function(t, r) {
-  var n = t.color, e = n === void 0 ? "currentColor" : n, a = t.size, o = a === void 0 ? 24 : a, c = R(t, ["color", "size"]);
+  var n = t.color, e = n === void 0 ? "currentColor" : n, a = t.size, o = a === void 0 ? 24 : a, c = B(t, ["color", "size"]);
   return /* @__PURE__ */ p.createElement("svg", g({
     ref: r,
     xmlns: "http://www.w3.org/2000/svg",
@@ -110,7 +110,7 @@ w.propTypes = {
 };
 w.displayName = "Eye";
 var K = y(({ className: t, error: r, helperText: n, helperTextClassName: e, isRequired: a = !1, isSearch: o = !1, label: c, labelAction: O, labelClassName: j, labelWrapperClassName: k, name: N, theme: E, type: f = "text", ...P }, _) => {
-  const b = C(), z = A(f === "password"), [h, I] = B(() => f !== "password"), u = typeof r == "string" && r.length >= 0, L = h ? w : x;
+  const b = C(), z = R(f === "password"), [h, I] = A(() => f !== "password"), u = typeof r == "string" && r.length >= 0, L = h ? w : x;
   return /* @__PURE__ */ d("div", {
     className: "flex flex-col gap-2 w-full relative",
     "data-theme": E,

package/dist/{Loading-DKqxR-oV.js → Loading-DNlO4qxs.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./utils-DHuiYnx1.js";
-import { t as i } from "./createLucideIcon-BVGkzDZC.js";
+import { t as e } from "./utils-COaoD3PI.js";
+import { t as i } from "./createLucideIcon-CL4htJAF.js";
 import { loadingVariants as t } from "./components/Loading/Loading.variants.js";
 import { jsx as d } from "react/jsx-runtime";
 var m = [["path", {