@konstructio/ui 0.1.2-alpha.106 → 0.1.2-alpha.108

package/dist/{Checkbox-B20uoUKD.js → Checkbox-8KnRLpQG.js}

@@ -2,11 +2,11 @@ import { o as X } from "./rolldown-runtime-Dw9YIBcH.js";
 import { t as J } from "./prop-types-BCUW56rg.js";
 import { a as U } from "./dist-xCbHbMLA.js";
 import { t as N } from "./dist-CCdbu9GU.js";
-import { t as O } from "./utils-Cx-WzRZF.js";
+import { t as O } from "./utils-B-6R7kNE.js";
 import { i as Q, r as S, t as Y } from "./dist-D-yS0HN8.js";
 import { t as Z } from "./dist-BUocnzkM.js";
 import { useToggle as ee } from "./hooks/useToggle.js";
-import { t as te } from "./dist-pWlMx4Fi2.js";
+import { t as te } from "./dist-pWlMx4Fi.js";
 import { checkboxVariants as re, labelVariants as oe } from "./components/Checkbox/Checkbox.variants.js";
 import * as u from "react";
 import q, { forwardRef as A, useId as ne } from "react";
@@ -58,30 +58,30 @@ B.propTypes = {
   size: w.default.oneOfType([w.default.string, w.default.number])
 };
 B.displayName = "Check";
-var ie = Object.defineProperty, g = (e, o) => ie(e, "name", {
+var ie = Object.defineProperty, x = (e, o) => ie(e, "name", {
   value: o,
   configurable: !0
 }), T = "Checkbox", [ue, je] = Q(T), [le, z] = ue(T);
 function D(e) {
-  const { __scopeCheckbox: o, checked: n, children: t, defaultChecked: r, disabled: c, form: a, name: d, onCheckedChange: i, required: l, value: k = "on", internal_do_not_use_render: b } = e, [h, m] = Y({
+  const { __scopeCheckbox: o, checked: n, children: t, defaultChecked: r, disabled: c, form: a, name: l, onCheckedChange: s, required: d, value: C = "on", internal_do_not_use_render: m } = e, [h, k] = Y({
     prop: n,
     defaultProp: r ?? !1,
-    onChange: i,
+    onChange: s,
     caller: T
-  }), [C, x] = u.useState(null), [y, R] = u.useState(null), I = u.useRef(!1), [s, f] = u.useReducer((_) => _ + 1, 0), P = C ? !!a || !!C.closest("form") : !0, E = {
+  }), [v, I] = u.useState(null), [y, R] = u.useState(null), _ = u.useRef(!1), [i, f] = u.useReducer((b) => b + 1, 0), P = v ? !!a || !!v.closest("form") : !0, E = {
     checked: h,
     disabled: c,
-    setChecked: m,
-    control: C,
-    setControl: x,
-    name: d,
+    setChecked: k,
+    control: v,
+    setControl: I,
+    name: l,
     form: a,
-    value: k,
-    hasConsumerStoppedPropagationRef: I,
-    userInteractionCount: s,
+    value: C,
+    hasConsumerStoppedPropagationRef: _,
+    userInteractionCount: i,
     onUserInteraction: f,
-    required: l,
-    defaultChecked: v(r) ? !1 : r,
+    required: d,
+    defaultChecked: g(r) ? !1 : r,
     isFormControl: P,
     bubbleInput: y,
     setBubbleInput: R
@@ -89,58 +89,58 @@ function D(e) {
   return /* @__PURE__ */ p(le, {
     scope: o,
     ...E,
-    children: H(b) ? b(E) : t
+    children: H(m) ? m(E) : t
   });
 }
-g(D, "CheckboxProvider");
-var de = "CheckboxTrigger", fe = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ g(function({ __scopeCheckbox: o, onKeyDown: n, onClick: t, ...r }, c) {
-  const { control: a, value: d, disabled: i, checked: l, required: k, setControl: b, setChecked: h, hasConsumerStoppedPropagationRef: m, onUserInteraction: C, isFormControl: x, bubbleInput: y } = z(de, o), R = U(c, b), I = u.useRef(l);
+x(D, "CheckboxProvider");
+var de = "CheckboxTrigger", fe = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(function({ __scopeCheckbox: o, onKeyDown: n, onClick: t, ...r }, c) {
+  const { control: a, value: l, disabled: s, checked: d, required: C, setControl: m, setChecked: h, hasConsumerStoppedPropagationRef: k, onUserInteraction: v, isFormControl: I, bubbleInput: y } = z(de, o), R = U(c, m), _ = u.useRef(d);
   return u.useEffect(() => {
-    const s = a?.form;
-    if (s) {
-      const f = /* @__PURE__ */ g(() => h(I.current), "reset");
-      return s.addEventListener("reset", f), () => s.removeEventListener("reset", f);
+    const i = a?.form;
+    if (i) {
+      const f = /* @__PURE__ */ x(() => h(_.current), "reset");
+      return i.addEventListener("reset", f), () => i.removeEventListener("reset", f);
     }
   }, [a, h]), /* @__PURE__ */ p(N.button, {
     type: "button",
     role: "checkbox",
-    "aria-checked": v(l) ? "mixed" : l,
-    "aria-required": k,
-    "data-state": F(l),
-    "data-disabled": i ? "" : void 0,
-    disabled: i,
-    value: d,
+    "aria-checked": g(d) ? "mixed" : d,
+    "aria-required": C,
+    "data-state": F(d),
+    "data-disabled": s ? "" : void 0,
+    disabled: s,
+    value: l,
     ...r,
     ref: R,
-    onKeyDown: S(n, (s) => {
-      s.key === "Enter" && s.preventDefault();
+    onKeyDown: S(n, (i) => {
+      i.key === "Enter" && i.preventDefault();
     }),
-    onClick: S(t, (s) => {
-      C(), h((f) => v(f) ? !0 : !f), y && x && (m.current = s.isPropagationStopped(), m.current || s.stopPropagation());
+    onClick: S(t, (i) => {
+      v(), h((f) => g(f) ? !0 : !f), y && I && (k.current = i.isPropagationStopped(), k.current || i.stopPropagation());
     })
   });
-}, "CheckboxTrigger")), pe = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ g(function(o, n) {
-  const { __scopeCheckbox: t, name: r, checked: c, defaultChecked: a, required: d, disabled: i, value: l, onCheckedChange: k, form: b, ...h } = o;
+}, "CheckboxTrigger")), pe = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(function(o, n) {
+  const { __scopeCheckbox: t, name: r, checked: c, defaultChecked: a, required: l, disabled: s, value: d, onCheckedChange: C, form: m, ...h } = o;
   return /* @__PURE__ */ p(D, {
     __scopeCheckbox: t,
     checked: c,
     defaultChecked: a,
-    disabled: i,
-    required: d,
-    onCheckedChange: k,
+    disabled: s,
+    required: l,
+    onCheckedChange: C,
     name: r,
-    form: b,
-    value: l,
-    internal_do_not_use_render: ({ isFormControl: m }) => /* @__PURE__ */ $(ce, { children: [/* @__PURE__ */ p(fe, {
+    form: m,
+    value: d,
+    internal_do_not_use_render: ({ isFormControl: k }) => /* @__PURE__ */ $(ce, { children: [/* @__PURE__ */ p(fe, {
       ...h,
       ref: n,
       __scopeCheckbox: t
-    }), m && /* @__PURE__ */ p(ke, { __scopeCheckbox: t })] })
+    }), k && /* @__PURE__ */ p(ke, { __scopeCheckbox: t })] })
   });
-}, "Checkbox")), he = "CheckboxIndicator", be = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ g(function(o, n) {
+}, "Checkbox")), he = "CheckboxIndicator", be = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(function(o, n) {
   const { __scopeCheckbox: t, forceMount: r, ...c } = o, a = z(he, t);
   return /* @__PURE__ */ p(Z, {
-    present: r || v(a.checked) || a.checked === !0,
+    present: r || g(a.checked) || a.checked === !0,
     children: /* @__PURE__ */ p(N.span, {
       "data-state": F(a.checked),
       "data-disabled": a.disabled ? "" : void 0,
@@ -152,46 +152,46 @@ var de = "CheckboxTrigger", fe = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ g(
       }
     })
   });
-}, "CheckboxIndicator")), me = "CheckboxBubbleInput", ke = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ g(function({ __scopeCheckbox: o, onClick: n, ...t }, r) {
-  const { control: c, hasConsumerStoppedPropagationRef: a, userInteractionCount: d, checked: i, defaultChecked: l, required: k, disabled: b, name: h, value: m, form: C, bubbleInput: x, setBubbleInput: y } = z(me, o), R = U(r, y), I = te(c), s = u.useRef(!1), f = u.useRef(i), P = u.useRef(d);
+}, "CheckboxIndicator")), me = "CheckboxBubbleInput", ke = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(function({ __scopeCheckbox: o, onClick: n, ...t }, r) {
+  const { control: c, hasConsumerStoppedPropagationRef: a, userInteractionCount: l, checked: s, defaultChecked: d, required: C, disabled: m, name: h, value: k, form: v, bubbleInput: I, setBubbleInput: y } = z(me, o), R = U(r, y), _ = te(c), i = u.useRef(!1), f = u.useRef(s), P = u.useRef(l);
   u.useEffect(() => {
-    const _ = x;
-    if (!_) return;
-    const K = window.HTMLInputElement.prototype, L = Object.getOwnPropertyDescriptor(K, "checked").set, M = d !== P.current;
-    P.current = d;
-    const W = f.current !== i;
-    f.current = i;
+    const b = I;
+    if (!b) return;
+    const K = window.HTMLInputElement.prototype, L = Object.getOwnPropertyDescriptor(K, "checked").set, M = l !== P.current;
+    P.current = l;
+    const W = f.current !== s;
+    f.current = s;
     const G = !(M && a.current);
     if (W && L) {
-      s.current = !M;
+      i.current = !M;
       const V = new Event("click", { bubbles: G });
-      _.indeterminate = v(i), L.call(_, v(i) ? !1 : i), _.dispatchEvent(V), s.current = !1;
+      b.indeterminate = g(s), L.call(b, g(s) ? !1 : s), b.dispatchEvent(V), i.current = !1;
     }
   }, [
-    x,
-    i,
+    I,
+    s,
     a,
-    d
+    l
   ]);
-  const E = u.useRef(v(i) ? !1 : i);
+  const E = u.useRef(g(s) ? !1 : s);
   return /* @__PURE__ */ p(N.input, {
     type: "checkbox",
     "aria-hidden": !0,
-    defaultChecked: l ?? E.current,
-    required: k,
-    disabled: b,
+    defaultChecked: d ?? E.current,
+    required: C,
+    disabled: m,
     name: h,
-    value: m,
-    form: C,
+    value: k,
+    form: v,
     ...t,
     tabIndex: -1,
     ref: R,
-    onClick: S(n, (_) => {
-      s.current && _.stopPropagation();
+    onClick: S(n, (b) => {
+      i.current && b.stopPropagation();
     }),
     style: {
       ...t.style,
-      ...I,
+      ..._,
       position: "absolute",
       pointerEvents: "none",
       opacity: 0,
@@ -203,42 +203,41 @@ var de = "CheckboxTrigger", fe = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ g(
 function H(e) {
   return typeof e == "function";
 }
-g(H, "isFunction");
-function v(e) {
+x(H, "isFunction");
+function g(e) {
   return e === "indeterminate";
 }
-g(v, "isIndeterminate");
+x(g, "isIndeterminate");
 function F(e) {
-  return v(e) ? "indeterminate" : e ? "checked" : "unchecked";
+  return g(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-g(F, "getState");
-var Ce = A(({ ariaLabelledBy: e, checked: o, className: n, defaultChecked: t, disabled: r, id: c, label: a, labelClassName: d, labelWrapperClassName: i, name: l, theme: k, title: b, variant: h, onChange: m, ...C }, x) => {
-  const [y, R] = ee(t ?? !1), I = o !== void 0, s = I ? o : y, f = ne(), P = (E) => {
-    I || R(E), m?.(E);
+x(F, "getState");
+var Ce = A(({ ariaLabelledBy: e, checked: o, className: n, defaultChecked: t, disabled: r, id: c, label: a, labelClassName: l, labelWrapperClassName: s, name: d, theme: C, title: m, variant: h, onChange: k, ...v }, I) => {
+  const [y, R] = ee(t ?? !1), _ = o !== void 0, i = _ ? o : y, f = ne(), P = c ?? f, E = (b) => {
+    _ || R(b), k?.(b);
   };
   return /* @__PURE__ */ $("div", {
-    className: O("flex items-center gap-4", i),
-    "data-theme": k,
+    className: O("flex items-center gap-4", s),
+    "data-theme": C,
     children: [/* @__PURE__ */ p(pe, {
-      id: c ?? f,
-      checked: s,
-      ref: x,
-      name: l,
+      id: P,
+      checked: i,
+      ref: I,
+      name: d,
       disabled: r,
       "aria-labelledby": e,
-      title: b,
+      title: m,
       className: O(re({
         className: n,
         variant: h,
-        checked: s
+        checked: i
       })),
-      onCheckedChange: P,
-      ...C,
+      onCheckedChange: E,
+      ...v,
       children: /* @__PURE__ */ p(be, { children: /* @__PURE__ */ p(B, { className: "w-4 h-4 stroke-2" }) })
     }), a ? /* @__PURE__ */ p("label", {
-      htmlFor: l ?? c,
-      className: O(oe({ className: d }), { "cursor-not-allowed": r }),
-      onClick: () => !r && P(!s),
+      htmlFor: P,
+      className: O(oe({ className: l }), { "cursor-not-allowed": r }),
       children: a
     }) : null]
   });

package/dist/{CommandInput-BWt6-vUK.js → CommandInput-CGnqfudl.js}

@@ -1,6 +1,6 @@
 import { o as v } from "./rolldown-runtime-Dw9YIBcH.js";
 import { t as y } from "./prop-types-BCUW56rg.js";
-import { t as c } from "./utils-Cx-WzRZF.js";
+import { t as c } from "./utils-B-6R7kNE.js";
 import { inputVariants as g, searchInconInputVariants as h } from "./components/Command/Command.variants.js";
 import { t as m } from "./dist-BbX4Nrk2.js";
 import p, { forwardRef as u } from "react";

package/dist/{Counter-DiQb-he2.js → Counter-CDXdP1Af.js}

@@ -1,7 +1,7 @@
 import { o as D } from "./rolldown-runtime-Dw9YIBcH.js";
 import { t as R } from "./prop-types-BCUW56rg.js";
 import { t as P } from "./dist-DX0sBG3Q.js";
-import { t as f } from "./utils-Cx-WzRZF.js";
+import { t as f } from "./utils-B-6R7kNE.js";
 import { Typography as F } from "./components/Typography/Typography.js";
 import { buttonVariants as _, counterVariants as q, labelVariants as A } from "./components/Counter/Counter.variants.js";
 import m, { forwardRef as x, useId as G, useState as H } from "react";

package/dist/{DropdownButton-hCVYZ1LA.js → DropdownButton-LEDrhn1j.js}

@@ -2,7 +2,7 @@ import { o as Ae } from "./rolldown-runtime-Dw9YIBcH.js";
 import { t as Le } from "./prop-types-BCUW56rg.js";
 import { a as D, n as Fe } from "./dist-xCbHbMLA.js";
 import { n as Ne, t as se } from "./dist-CCdbu9GU.js";
-import { t as A } from "./utils-Cx-WzRZF.js";
+import { t as A } from "./utils-B-6R7kNE.js";
 import { i as le, r as g, t as Ke } from "./dist-D-yS0HN8.js";
 import { t as ae } from "./dist-DYIabsrY.js";
 import { t as je } from "./dist-D5XYRjmR.js";
@@ -11,10 +11,10 @@ import { n as Ue, r as Be, t as $e } from "./es2015-CoHq2g4y.js";
 import { t as Ve } from "./dist-BUocnzkM.js";
 import { t as ze } from "./Combination-CnMM05mt.js";
 import { Button as We } from "./components/Button/Button.js";
-import { t as Ye } from "./dist-DwxO2RoR2.js";
-import { t as Xe } from "./dist-DGOjiAnB2.js";
-import { a as de, i as He, r as qe, t as Ze } from "./dist-Z0F27ATp2.js";
-import { n as Je, r as fe, t as Qe } from "./dist-C87gsBDM.js";
+import { a as de, i as Ye, r as Xe, t as He } from "./dist-9WbMf_jT.js";
+import { t as qe } from "./dist-DwxO2RoR.js";
+import { t as Ze } from "./dist-DGOjiAnB.js";
+import { n as Je, r as fe, t as Qe } from "./dist-CszFjHAP.js";
 import * as i from "react";
 import ce, { forwardRef as et } from "react";
 import { jsx as s, jsxs as ie } from "react/jsx-runtime";
@@ -79,12 +79,12 @@ var ot = Object.defineProperty, p = (n, e) => ot(n, "name", {
 ], at = [...rt, ...pe], cn = {
   ltr: [...Y, "ArrowRight"],
   rtl: [...Y, "ArrowLeft"]
-}, N = "Menu", [X, ct, it] = Ye(N), [S, me] = le(N, [
+}, N = "Menu", [X, ct, it] = qe(N), [S, me] = le(N, [
   it,
   de,
   fe
 ]), Z = de(), ve = fe(), [ut, K] = S(N), [st, J] = S(N), lt = /* @__PURE__ */ p((n) => {
-  const { __scopeMenu: e, open: o = !1, children: t, dir: r, onOpenChange: a, modal: c = !0 } = n, l = Z(e), [h, d] = i.useState(null), m = i.useRef(!1), v = je(a), f = Xe(r);
+  const { __scopeMenu: e, open: o = !1, children: t, dir: r, onOpenChange: a, modal: c = !0 } = n, l = Z(e), [h, d] = i.useState(null), m = i.useRef(!1), v = je(a), f = Ze(r);
   return i.useEffect(() => {
     const w = /* @__PURE__ */ p(() => {
       m.current = !0, document.addEventListener("pointerdown", C, {
@@ -102,7 +102,7 @@ var ot = Object.defineProperty, p = (n, e) => ot(n, "name", {
     if (!o) return;
     const w = /* @__PURE__ */ p(() => v(!1), "handleBlur");
     return window.addEventListener("blur", w), () => window.removeEventListener("blur", w);
-  }, [o, v]), /* @__PURE__ */ s(He, {
+  }, [o, v]), /* @__PURE__ */ s(Ye, {
     ...l,
     children: /* @__PURE__ */ s(ut, {
       scope: e,
@@ -122,7 +122,7 @@ var ot = Object.defineProperty, p = (n, e) => ot(n, "name", {
   });
 }, "Menu"), dt = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ p(function(e, o) {
   const { __scopeMenu: t, ...r } = e, a = Z(t);
-  return /* @__PURE__ */ s(Ze, {
+  return /* @__PURE__ */ s(He, {
     ...a,
     ...r,
     ref: o
@@ -226,7 +226,7 @@ var ot = Object.defineProperty, p = (n, e) => ot(n, "name", {
               B.isUsingKeyboardRef.current || u.preventDefault();
             }),
             preventScrollOnEntryFocus: !0,
-            children: /* @__PURE__ */ s(qe, {
+            children: /* @__PURE__ */ s(Xe, {
               role: "menu",
               "aria-orientation": "vertical",
               "data-state": we(ee.open),

package/dist/{FlagSelectorList-CnJjnsp6.js → FlagSelectorList-tYZNl-tz.js}

@@ -1,5 +1,5 @@
-import { t as N } from "./utils-Cx-WzRZF.js";
-import { Typography as W } from "./components/Typography/Typography.js";
+import { t as N } from "./utils-B-6R7kNE.js";
+import { Typography as L } from "./components/Typography/Typography.js";
 import { usePhoneNumberContext as K } from "./components/PhoneNumberInput/contexts/phone-number.hook.js";
 import { TruncateText as $ } from "./components/PhoneNumberInput/components/TruncateText/TruncateText.js";
 import * as M from "react";
@@ -61,22 +61,24 @@ function I(l, t, e) {
     s = h;
   }, o;
 }
-function L(l, t) {
+function V(l, t) {
   if (l === void 0) throw new Error(`Unexpected undefined${t ? `: ${t}` : ""}`);
   return l;
 }
 var Q = (l, t) => Math.abs(l - t) < 1.01, X = (l, t, e) => {
   let s;
-  return function(...i) {
+  return Object.assign(function(...i) {
     l.clearTimeout(s), s = l.setTimeout(() => t.apply(this, i), e);
-  };
+  }, { cancel: () => {
+    l.clearTimeout(s);
+  } });
 }, T, D = () => {
   if (T !== void 0) return T;
   if (typeof navigator > "u") return T = !1;
   if (/iP(hone|od|ad)/.test(navigator.userAgent)) return T = !0;
   const l = navigator.maxTouchPoints;
   return T = navigator.platform === "MacIntel" && l !== void 0 && l > 0;
-}, V = (l) => {
+}, W = (l) => {
   const { offsetWidth: t, offsetHeight: e } = l;
   return {
     width: t,
@@ -98,7 +100,7 @@ var Q = (l, t) => Math.abs(l - t) < 1.01, X = (l, t, e) => {
       height: Math.round(a)
     });
   };
-  if (i(V(e)), !s.ResizeObserver) return () => {
+  if (i(W(e)), !s.ResizeObserver) return () => {
   };
   const n = new s.ResizeObserver((o) => {
     const h = () => {
@@ -113,7 +115,7 @@ var Q = (l, t) => Math.abs(l - t) < 1.01, X = (l, t, e) => {
           return;
         }
       }
-      i(V(e));
+      i(W(e));
     };
     l.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(h) : h();
   });
@@ -131,7 +133,7 @@ var Q = (l, t) => Math.abs(l - t) < 1.01, X = (l, t, e) => {
     o = e(s), h?.(), t(o, r);
   }, d = a(!0), c = a(!1);
   return s.addEventListener("scroll", d, C), n && s.addEventListener("scrollend", c, C), () => {
-    s.removeEventListener("scroll", d), n && s.removeEventListener("scrollend", c);
+    s.removeEventListener("scroll", d), n && s.removeEventListener("scrollend", c), h?.cancel();
   };
 }, it = (l, t) => st(l, t, (e) => {
   const { horizontal: s, isRtl: i } = l.options;
@@ -175,7 +177,7 @@ var Q = (l, t) => Math.abs(l - t) < 1.01, X = (l, t, e) => {
               }
               return;
             }
-            this.shouldMeasureDuringScroll(h) && this.resizeItem(h, this.options.measureElement(o, i, this));
+            this.isIndexInRange(h) && this.shouldMeasureDuringScroll(h) && this.resizeItem(h, this.options.measureElement(o, i, this));
           };
           this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(n) : n();
         });
@@ -284,7 +286,7 @@ var Q = (l, t) => Math.abs(l - t) < 1.01, X = (l, t, e) => {
         this.range ? this.range.endIndex : null
       ]
     }), this.cleanup = () => {
-      this.unsubs.filter(Boolean).forEach((t) => t()), this.unsubs = [], this.observer.disconnect(), this.rafId != null && this.targetWindow && (this.targetWindow.cancelAnimationFrame(this.rafId), this.rafId = null), this.scrollState = null, this._iosDeferredAdjustment = 0, this._iosTouching = !1, this._iosJustTouchEnded = !1, this.scrollElement = null, this.targetWindow = null;
+      this.unsubs.filter(Boolean).forEach((t) => t()), this.unsubs = [], this.observer.disconnect(), this.rafId != null && this.targetWindow && (this.targetWindow.cancelAnimationFrame(this.rafId), this.rafId = null), this.scrollState = null, this.isScrolling = !1, this.scrollDirection = null, this._iosDeferredAdjustment = 0, this._iosTouching = !1, this._iosJustTouchEnded = !1, this.scrollElement = null, this.targetWindow = null;
     }, this._didMount = () => () => {
       this.cleanup();
     }, this._willUpdate = () => {
@@ -360,7 +362,7 @@ var Q = (l, t) => Math.abs(l - t) < 1.01, X = (l, t, e) => {
       lanes: o,
       laneAssignmentMode: h,
       gap: a
-    }), { key: !1 }), this.getMeasurements = I(() => [this.getMeasurementOptions(), this.itemSizeCacheVersion], ({ count: t, paddingStart: e, scrollMargin: s, getItemKey: i, enabled: n, lanes: o, laneAssignmentMode: h, gap: a }, d) => {
+    }), { key: !1 }), this.isIndexInRange = (t) => t >= 0 && t < this.options.count, this.getMeasurements = I(() => [this.getMeasurementOptions(), this.itemSizeCacheVersion], ({ count: t, paddingStart: e, scrollMargin: s, getItemKey: i, enabled: n, lanes: o, laneAssignmentMode: h, gap: a }, d) => {
       const c = this.itemSizeCache;
       if (!n)
         return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
@@ -476,11 +478,13 @@ var Q = (l, t) => Math.abs(l - t) < 1.01, X = (l, t, e) => {
         });
         return;
       }
-      const e = this.indexFromElement(t), s = this.options.getItemKey(e), i = this.elementsCache.get(s);
+      const e = this.indexFromElement(t);
+      if (!this.isIndexInRange(e)) return;
+      const s = this.options.getItemKey(e), i = this.elementsCache.get(s);
       i !== t && (i && this.observer.unobserve(i), this.observer.observe(t), this.elementsCache.set(s, t)), (!this.isScrolling || this.scrollState) && this.shouldMeasureDuringScroll(e) && this.resizeItem(e, this.options.measureElement(t, void 0, this));
     }, this.resizeItem = (t, e) => {
       var s, i;
-      if (t < 0 || t >= this.options.count) return;
+      if (!this.isIndexInRange(t)) return;
       let n, o, h;
       const a = this._flatMeasurements;
       if (this.options.lanes === 1 && a !== null)
@@ -517,8 +521,8 @@ var Q = (l, t) => Math.abs(l - t) < 1.01, X = (l, t, e) => {
     }), this.getVirtualItemForOffset = (t) => {
       const e = this.getMeasurements();
       if (e.length === 0) return;
-      const s = this._flatMeasurements, i = this.options.lanes === 1 && s != null, n = P(0, e.length - 1, i ? (o) => s[o * 2] : (o) => L(e[o]).start, t);
-      return L(e[n]);
+      const s = this._flatMeasurements, i = this.options.lanes === 1 && s != null, n = P(0, e.length - 1, i ? (o) => s[o * 2] : (o) => V(e[o]).start, t);
+      return V(e[n]);
     }, 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;
@@ -814,7 +818,7 @@ var bt = ({ showFlagOnSearch: l, showNameOnSearch: t }) => {
       className: "relative",
       children: /* @__PURE__ */ x("li", {
         className: "w-full flex items-center h-10 select-none px-6",
-        children: /* @__PURE__ */ x(W, {
+        children: /* @__PURE__ */ x(L, {
           variant: "body2",
           component: "span",
           className: "flex gap-2 items-center text-left",
@@ -839,7 +843,7 @@ var bt = ({ showFlagOnSearch: l, showNameOnSearch: t }) => {
           children: /* @__PURE__ */ x("button", {
             className: N("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: () => n(d),
-            children: /* @__PURE__ */ U(W, {
+            children: /* @__PURE__ */ U(L, {
               variant: "body2",
               component: "span",
               className: "flex gap-2 items-center text-left",

package/dist/{HamburgerTrigger-BT2yUUJ-.js → HamburgerTrigger-B_NGSZ2r.js}

@@ -1,39 +1,39 @@
 import { o as m } from "./rolldown-runtime-Dw9YIBcH.js";
-import { t as g } from "./prop-types-BCUW56rg.js";
-import { t as c } from "./dist-DX0sBG3Q.js";
-import { t as y } from "./utils-Cx-WzRZF.js";
+import { t as c } from "./prop-types-BCUW56rg.js";
+import { t as g } from "./dist-DX0sBG3Q.js";
+import { t as y } from "./utils-B-6R7kNE.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());
+var p = /* @__PURE__ */ m(c());
 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]);
+      var t = arguments[n];
+      for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && (r[e] = t[e]);
     }
     return r;
   }, s.apply(this, arguments);
 }
 function h(r, n) {
   if (r == null) return {};
-  var e = x(r, n), t, o;
+  var t = x(r, n), e, 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]);
+      e = i[o], !(n.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(r, e) && (t[e] = r[e]);
   }
-  return e;
+  return t;
 }
 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 t = {}, e = Object.keys(r), o, i;
+  for (i = 0; i < e.length; i++)
+    o = e[i], !(n.indexOf(o) >= 0) && (t[o] = r[o]);
+  return t;
 }
 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"]);
+  var t = r.color, e = t === void 0 ? "currentColor" : t, 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",
@@ -41,7 +41,7 @@ var l = v(function(r, n) {
     height: i,
     viewBox: "0 0 24 24",
     fill: "none",
-    stroke: t,
+    stroke: e,
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
@@ -67,17 +67,17 @@ l.propTypes = {
   size: p.default.oneOfType([p.default.string, p.default.number])
 };
 l.displayName = "Menu";
-var O = ({ isOpen: r, onClick: n, className: e }) => /* @__PURE__ */ b("button", {
+var O = ({ isOpen: r, onClick: n, className: t, openNavigationLabel: e = "Open navigation" }) => /* @__PURE__ */ b("button", {
   type: "button",
-  "aria-label": "Open navigation",
+  "aria-label": e,
   "aria-expanded": r,
   "aria-haspopup": "menu",
-  className: y(d({ className: e })),
+  className: y(d({ className: t })),
   onClick: n,
   children: [/* @__PURE__ */ u(l, {
     size: 20,
     "aria-hidden": "true"
-  }), /* @__PURE__ */ u(c, { children: "Open navigation" })]
+  }), /* @__PURE__ */ u(g, { children: e })]
 });
 O.displayName = "KonstructSidebarHamburgerTrigger";
 export {