@manafishrov/ui 1.2.11 → 1.2.12

package/dist/node_modules/.bun/@zag-js_slider@1.35.3/node_modules/@zag-js/slider/dist/slider.machine.js

@@ -2,17 +2,17 @@ import { getThumbEl as h, getPointValue as c, getHiddenInputEl as g, dispatchCha
 import { normalizeValues as x, constrainValue as E, getRangeAtIndex as d, increment as I, decrement as V, resolveThumbCollision as O, selectMovableThumb as C, getClosestIndex as D } from "./slider.utils.js";
 import { pick as S } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/object.js";
 import { createMachine as A } from "../../../../../@zag-js_core@1.35.3/node_modules/@zag-js/core/dist/create-machine.js";
-import { memo as P } from "../../../../../@zag-js_core@1.35.3/node_modules/@zag-js/core/dist/memo.js";
-import { setValueAtIndex as r, getValuePercent as R, getValueRanges as N, snapValueToStep as k, clampValue as M, isValueWithinRange as z } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/number.js";
-import { raf as p } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/raf.js";
-import { setElementValue as F, trackFormControl as _ } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/form.js";
-import { resizeObserverBorderBox as w } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/resize-observer.js";
-import { callAll as B } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/functions.js";
-import { trackPointerMove as y } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/pointer-move.js";
+import { setValueAtIndex as r, getValuePercent as P, getValueRanges as R, snapValueToStep as N, clampValue as k, isValueWithinRange as M } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/number.js";
+import { raf as z } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/raf.js";
+import { setElementValue as p, trackFormControl as F } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/form.js";
+import { resizeObserverBorderBox as _ } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/resize-observer.js";
+import { callAll as w } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/functions.js";
+import { trackPointerMove as B } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/pointer-move.js";
+import { memo as y } from "../../../../../@zag-js_core@1.35.3/node_modules/@zag-js/core/dist/memo.js";
 import { isEqual as U } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/equal.js";
-var W = (e, t) => e?.width === t?.width && e?.height === t?.height, m = (e, t, n, a, s) => N(e, t, n, s * a).map((o) => {
-  const l = k(o.value, o.min, o.max, a), i = M(l, o.min, o.max);
-  if (!z(i, t, n))
+var W = (e, t) => e?.width === t?.width && e?.height === t?.height, m = (e, t, n, a, s) => R(e, t, n, s * a).map((o) => {
+  const l = N(o.value, o.min, o.max, a), i = k(l, o.min, o.max);
+  if (!M(i, t, n))
     throw new Error(
       "[zag-js/slider] The configured `min`, `max`, `step` or `minStepsBetweenThumbs` values are invalid"
     );
@@ -79,9 +79,9 @@ var W = (e, t) => e?.width === t?.width && e?.height === t?.height, m = (e, t, n
     isDisabled: ({ context: e, prop: t }) => !!t("disabled") || e.get("fieldsetDisabled"),
     isInteractive: ({ prop: e, computed: t }) => !(e("readOnly") || t("isDisabled")),
     hasMeasuredThumbSize: ({ context: e }) => e.get("thumbSize") != null,
-    valuePercent: P(
+    valuePercent: y(
       ({ context: e, prop: t }) => [e.get("value"), t("min"), t("max")],
-      ([e, t, n]) => e.map((a) => 100 * R(a, t, n))
+      ([e, t, n]) => e.map((a) => 100 * P(a, t, n))
     )
   },
   watch({ track: e, action: t, context: n, computed: a, send: s }) {
@@ -179,7 +179,7 @@ var W = (e, t) => e?.width === t?.width && e?.height === t?.height, m = (e, t, n
     },
     effects: {
       trackFormControlState({ context: e, scope: t }) {
-        return _(b(t), {
+        return F(b(t), {
           onFieldsetDisabledChange(n) {
             e.set("fieldsetDisabled", n);
           },
@@ -189,7 +189,7 @@ var W = (e, t) => e?.width === t?.width && e?.height === t?.height, m = (e, t, n
         });
       },
       trackPointerMove({ scope: e, send: t }) {
-        return y(e.getDoc(), {
+        return B(e.getDoc(), {
           onPointerMove(n) {
             t({ type: "POINTER_MOVE", point: n.point });
           },
@@ -205,8 +205,8 @@ var W = (e, t) => e?.width === t?.width && e?.height === t?.height, m = (e, t, n
           W(e.get("thumbSize"), i) || e.set("thumbSize", i);
         }, s = v(t);
         s.forEach(a);
-        const u = s.map((o) => w.observe(o, () => a(o)));
-        return B(...u);
+        const u = s.map((o) => _.observe(o, () => a(o)));
+        return w(...u);
       }
     },
     actions: {
@@ -216,7 +216,7 @@ var W = (e, t) => e?.width === t?.width && e?.height === t?.height, m = (e, t, n
       syncInputElements({ context: e, scope: t }) {
         e.get("value").forEach((n, a) => {
           const s = g(t, a);
-          F(s, n.toString());
+          p(s, n.toString());
         });
       },
       invokeOnChangeEnd({ prop: e, context: t }) {
@@ -269,7 +269,7 @@ var W = (e, t) => e?.width === t?.width && e?.height === t?.height, m = (e, t, n
         });
       },
       focusActiveThumb({ scope: e, context: t }) {
-        p(() => {
+        z(() => {
           h(e, t.get("focusedIndex"))?.focus({ preventScroll: !0 });
         });
       },

package/dist/node_modules/.bun/@zag-js_solid@1.35.3_2e1854f049906f04/node_modules/@zag-js/solid/dist/machine.js

@@ -6,7 +6,7 @@ import { createScope as H } from "../../../../../@zag-js_core@1.35.3/node_module
 import { compact as K } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/object.js";
 import { ensure as L, warn as V } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/warning.js";
 import { MachineStatus as x, INIT_STATE as R } from "../../../../../@zag-js_core@1.35.3/node_modules/@zag-js/core/dist/types.js";
-import { resolveStateValue as k, getExitEnterStates as Q, findTransition as U, hasTag as W, matchesState as X } from "../../../../../@zag-js_core@1.35.3/node_modules/@zag-js/core/dist/state.js";
+import { getExitEnterStates as Q, resolveStateValue as k, findTransition as U, hasTag as W, matchesState as X } from "../../../../../@zag-js_core@1.35.3/node_modules/@zag-js/core/dist/state.js";
 import { toArray as Y } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/array.js";
 import { isFunction as E, isString as Z } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/guard.js";
 function dt(n, h = {}) {

package/dist/node_modules/.bun/@zag-js_switch@1.35.3/node_modules/@zag-js/switch/dist/switch.connect.js

@@ -4,7 +4,7 @@ import { dataAttr as d } from "../../../../../@zag-js_dom-query@1.35.3/node_modu
 import { visuallyHiddenStyle as k } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/visually-hidden.js";
 import { isFocusVisible as I } from "../../../../../@zag-js_focus-visible@1.35.3/node_modules/@zag-js/focus-visible/dist/index.js";
 import { parts as u } from "./switch.anatomy.js";
-import { getLabelId as g, getHiddenInputId as h, getControlId as P, getThumbId as S, getRootId as x, getHiddenInputEl as T } from "./switch.dom.js";
+import { getLabelId as g, getHiddenInputId as h, getControlId as P, getThumbId as S, getHiddenInputEl as T, getRootId as x } from "./switch.dom.js";
 function X(m, a) {
   const { context: s, send: i, prop: e, scope: t } = m, r = !!e("disabled"), l = !!e("readOnly"), b = !!e("required"), n = !!s.get("checked"), f = !r && s.get("focused"), E = !r && s.get("focusVisible"), v = !r && s.get("active"), c = {
     "data-active": d(v),

package/dist/node_modules/.bun/@zag-js_tabs@1.35.3/node_modules/@zag-js/tabs/dist/tabs.dom.js

@@ -1,15 +1,15 @@
-import { prevById as d, nextById as a, queryAll as s, itemById as n } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/query.js";
+import { queryAll as d, itemById as a, prevById as s, nextById as n } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/query.js";
 import { last as l, first as v } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/array.js";
 var $ = (t) => t.ids?.root ?? `tabs:${t.id}`, o = (t) => t.ids?.list ?? `tabs:${t.id}:list`, I = (t, e) => t.ids?.content?.(e) ?? `tabs:${t.id}:content-${e}`, g = (t, e) => t.ids?.trigger?.(e) ?? `tabs:${t.id}:trigger-${e}`, f = (t) => t.ids?.indicator ?? `tabs:${t.id}:indicator`, y = (t) => t.getById(o(t)), u = (t, e) => t.getById(I(t, e)), T = (t, e) => e != null ? t.getById(g(t, e)) : null, m = (t) => t.getById(f(t)), r = (t) => {
   const i = `[role=tab][data-ownedby='${CSS.escape(o(t))}']:not([disabled])`;
-  return s(y(t), i);
-}, p = (t) => v(r(t)), h = (t) => l(r(t)), w = (t, e) => a(r(t), g(t, e.value), e.loopFocus), L = (t, e) => d(r(t), g(t, e.value), e.loopFocus), b = (t) => ({
+  return d(y(t), i);
+}, p = (t) => v(r(t)), h = (t) => l(r(t)), w = (t, e) => n(r(t), g(t, e.value), e.loopFocus), L = (t, e) => s(r(t), g(t, e.value), e.loopFocus), b = (t) => ({
   x: t?.offsetLeft ?? 0,
   y: t?.offsetTop ?? 0,
   width: t?.offsetWidth ?? 0,
   height: t?.offsetHeight ?? 0
 }), C = (t, e) => {
-  const i = n(r(t), g(t, e));
+  const i = a(r(t), g(t, e));
   return b(i);
 };
 export {

package/dist/node_modules/.bun/@zag-js_tabs@1.35.3/node_modules/@zag-js/tabs/dist/tabs.machine.js

@@ -1,13 +1,13 @@
 import { getTriggerEl as n, getIndicatorEl as d, getElements as v, getRectByValue as V, getContentEl as T, getPrevTriggerEl as E, getNextTriggerEl as b, getLastTriggerEl as m, getFirstTriggerEl as F, getOffsetRect as R } from "./tabs.dom.js";
-import { setup as C } from "../../../../../@zag-js_core@1.35.3/node_modules/@zag-js/core/dist/create-machine.js";
-import { isAnchorElement as I } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/node.js";
-import { callAll as A } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/functions.js";
-import { resizeObserverBorderBox as O } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/resize-observer.js";
+import { isAnchorElement as C } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/node.js";
+import { callAll as I } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/functions.js";
+import { resizeObserverBorderBox as A } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/resize-observer.js";
 import { raf as c } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/raf.js";
-import { getFocusables as y } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/tabbable.js";
-import { clickIfLink as _ } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/navigate.js";
+import { getFocusables as O } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/tabbable.js";
+import { clickIfLink as y } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/navigate.js";
+import { setup as _ } from "../../../../../@zag-js_core@1.35.3/node_modules/@zag-js/core/dist/create-machine.js";
 import { isEqual as h } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/equal.js";
-var { createMachine: L } = C(), z = L({
+var { createMachine: L } = _(), z = L({
   props({ props: e }) {
     return {
       dir: "ltr",
@@ -16,7 +16,7 @@ var { createMachine: L } = C(), z = L({
       loopFocus: !0,
       composite: !0,
       navigate(t) {
-        _(t.node);
+        y(t.node);
       },
       defaultValue: null,
       ...e
@@ -200,7 +200,7 @@ var { createMachine: L } = C(), z = L({
           if (!a) return;
           const s = T(t, a);
           if (!s) return;
-          y(s).length > 0 ? s.removeAttribute("tabindex") : s.setAttribute("tabindex", "0");
+          O(s).length > 0 ? s.removeAttribute("tabindex") : s.setAttribute("tabindex", "0");
         });
       },
       cleanupObserver({ refs: e }) {
@@ -224,14 +224,14 @@ var { createMachine: L } = C(), z = L({
           e.set("indicatorRect", (i) => h(i, r) ? i : r);
         };
         l();
-        const f = v(a), g = A(...f.map((o) => O.observe(o, l)));
+        const f = v(a), g = I(...f.map((o) => A.observe(o, l)));
         t.set("indicatorCleanup", g);
       },
       navigateIfNeeded({ context: e, prop: t, scope: a }) {
         const s = e.get("value");
         if (!s) return;
         const u = n(a, s);
-        I(u) && t("navigate")?.({ value: s, node: u, href: u.href });
+        C(u) && t("navigate")?.({ value: s, node: u, href: u.href });
       }
     }
   }

package/dist/node_modules/.bun/@zag-js_tags-input@1.35.3/node_modules/@zag-js/tags-input/dist/tags-input.connect.js

@@ -1,7 +1,7 @@
 import { isLeftClick as _, isComposingEvent as L, getEventKey as S, getNativeEvent as N } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/event.js";
 import { dataAttr as i, ariaAttr as U } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/shared.js";
 import { parts as l } from "./tags-input.anatomy.js";
-import { getClearTriggerId as k, getItemDeleteTriggerId as w, clearHoverIntent as O, setHoverIntent as G, getItemInputId as M, getHiddenInputId as W, getInputId as D, getControlId as q, getLabelId as K, getRootId as B, getInputEl as H, getItemId as F } from "./tags-input.dom.js";
+import { getClearTriggerId as k, clearHoverIntent as w, setHoverIntent as O, getItemDeleteTriggerId as G, getItemInputId as M, getHiddenInputId as W, getInputId as D, getControlId as q, getLabelId as K, getRootId as B, getInputEl as H, getItemId as F } from "./tags-input.dom.js";
 function Q(h, n) {
   const { state: A, send: a, computed: s, prop: d, scope: u, context: c } = h, g = s("isInteractive"), o = !!d("disabled"), p = !!d("readOnly"), C = !!d("required"), T = d("invalid") || s("isOverflowing"), b = d("translations"), v = A.hasTag("focused"), x = A.matches("editing:tag"), I = s("count") === 0;
   function y(e) {
@@ -237,7 +237,7 @@ function Q(h, n) {
         "data-disabled": i(t.disabled),
         "aria-disabled": t.disabled,
         "data-highlighted": i(t.highlighted),
-        id: w(u, e),
+        id: G(u, e),
         type: "button",
         disabled: t.disabled,
         "aria-label": b?.deleteTagTriggerLabel?.(e.value),
@@ -246,10 +246,10 @@ function Q(h, n) {
           _(r) && (g || r.preventDefault());
         },
         onPointerMove(r) {
-          g && G(r.currentTarget);
+          g && O(r.currentTarget);
         },
         onPointerLeave(r) {
-          g && O(r.currentTarget);
+          g && w(r.currentTarget);
         },
         onClick(r) {
           r.defaultPrevented || g && a({ type: "CLICK_DELETE_TAG", id: t.id });

package/dist/node_modules/.bun/@zag-js_tags-input@1.35.3/node_modules/@zag-js/tags-input/dist/tags-input.dom.js

@@ -1,4 +1,4 @@
-import { indexOfId as g, queryAll as r, prevById as l, nextById as I } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/query.js";
+import { indexOfId as g, prevById as l, nextById as I, queryAll as r } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/query.js";
 import { dispatchInputValueEvent as v } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/form.js";
 var s = (t) => t.ids?.root ?? `tags-input:${t.id}`, p = (t) => t.ids?.input ?? `tags-input:${t.id}:input`, y = (t) => t.ids?.clearBtn ?? `tags-input:${t.id}:clear-btn`, u = (t) => t.ids?.hiddenInput ?? `tags-input:${t.id}:hidden-input`, B = (t) => t.ids?.label ?? `tags-input:${t.id}:label`, b = (t) => t.ids?.control ?? `tags-input:${t.id}:control`, i = (t, e) => t.ids?.item?.(e) ?? `tags-input:${t.id}:tag:${e.value}:${e.index}`, T = (t, e) => t.ids?.itemDeleteTrigger?.(e) ?? `${i(t, e)}:delete-btn`, o = (t, e) => t.ids?.itemInput?.(e) ?? `${i(t, e)}:input`, E = (t) => `${t}:input`, h = (t, e) => t.getById(E(e)), H = (t) => r(n(t), "[data-part=item]"), w = (t, e) => t.getById(o(t, e)), n = (t) => t.getById(s(t)), A = (t) => t.getById(p(t)), m = (t) => t.getById(u(t)), a = (t) => r(n(t), "[data-part=item-preview]:not([data-disabled])"), C = (t) => a(t)[0], D = (t) => a(t)[a(t).length - 1], L = (t, e) => l(a(t), e, !1), O = (t, e) => I(a(t), e, !1), R = (t, e) => a(t)[e], q = (t, e) => g(a(t), e), F = (t) => {
   const e = t.closest("[data-part=item-preview]");

package/dist/node_modules/.bun/@zag-js_tags-input@1.35.3/node_modules/@zag-js/tags-input/dist/tags-input.machine.js

@@ -1,9 +1,9 @@
 import { trackInteractOutside as A } from "../../../../../@zag-js_interact-outside@1.35.3/node_modules/@zag-js/interact-outside/dist/index.js";
 import { createLiveRegion as L } from "../../../../../@zag-js_live-region@1.35.3/node_modules/@zag-js/live-region/dist/index.js";
 import { getIndexOfId as o, getEditInputEl as I, getInputEl as c, getTagElAtIndex as O, getPrevEl as R, getLastEl as P, getFirstEl as _, getNextEl as y, dispatchInputEvent as C, getTagInputEl as S, getHiddenInputEl as H, getItemId as v, getItemEls as D } from "./tags-input.dom.js";
-import { isCaretAtStart as N } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/caret.js";
 import { uniq as p, removeAt as E } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/array.js";
-import { autoResizeInput as x } from "../../../../../@zag-js_auto-resize@1.35.3/node_modules/@zag-js/auto-resize/dist/autoresize-input.js";
+import { autoResizeInput as N } from "../../../../../@zag-js_auto-resize@1.35.3/node_modules/@zag-js/auto-resize/dist/autoresize-input.js";
+import { isCaretAtStart as x } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/caret.js";
 import { createMachine as F, createGuards as U } from "../../../../../@zag-js_core@1.35.3/node_modules/@zag-js/core/dist/create-machine.js";
 import { raf as r } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/raf.js";
 import { setElementValue as f, trackFormControl as B } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/form.js";
@@ -351,7 +351,7 @@ var { and: h, not: s, or: b } = U(), ee = F({
       clearOnBlur: ({ prop: e }) => e("blurBehavior") === "clear",
       addOnPaste: ({ prop: e }) => !!e("addOnPaste"),
       isTagEditable: ({ prop: e }) => !!e("editable"),
-      isCaretAtStart: ({ scope: e }) => N(c(e))
+      isCaretAtStart: ({ scope: e }) => x(c(e))
     },
     effects: {
       trackInteractOutside({ scope: e, prop: t, send: a }) {
@@ -386,7 +386,7 @@ var { and: h, not: s, or: b } = U(), ee = F({
             value: i,
             index: l
           });
-          g = x(d);
+          g = N(d);
         }), () => {
           g?.();
         };

package/dist/node_modules/.bun/@zag-js_toast@1.35.3/node_modules/@zag-js/toast/dist/toast-group.machine.js

@@ -1,14 +1,14 @@
 import { getRegionEl as n } from "./toast.dom.js";
 import { trackDismissableBranch as u } from "../../../../../@zag-js_dismissable@1.35.3/node_modules/@zag-js/dismissable/dist/dismissable-layer.js";
 import { AnimationFrame as d } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/raf.js";
-import { setup as p } from "../../../../../@zag-js_core@1.35.3/node_modules/@zag-js/core/dist/create-machine.js";
 import { addDomEvent as l } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/event.js";
-import { uuid as m } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/functions.js";
-var { guards: g, createMachine: E } = p(), { and: h } = g, y = E({
+import { uuid as p } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/functions.js";
+import { setup as m } from "../../../../../@zag-js_core@1.35.3/node_modules/@zag-js/core/dist/create-machine.js";
+var { guards: g, createMachine: E } = m(), { and: h } = g, y = E({
   props({ props: e }) {
     return {
       dir: "ltr",
-      id: m(),
+      id: p(),
       ...e,
       store: e.store
     };

package/dist/node_modules/.bun/@zag-js_tree-view@1.35.3/node_modules/@zag-js/tree-view/dist/tree-view.machine.js

@@ -3,14 +3,14 @@ import { getRenameInputEl as R, focusNode as d, getNodeId as k } from "./tree-vi
 import { toggleBranchChecked as L } from "./utils/checked-state.js";
 import { expandBranches as p } from "./utils/expand-branch.js";
 import { skipFn as r } from "./utils/visit-skip.js";
-import { createMachine as D, createGuards as O } from "../../../../../@zag-js_core@1.35.3/node_modules/@zag-js/core/dist/create-machine.js";
-import { setElementValue as F } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/form.js";
-import { addOrRemove as B, first as m, uniq as P, diff as S, toArray as v, remove as C, last as M } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/array.js";
+import { setElementValue as D } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/form.js";
+import { addOrRemove as B, first as m, uniq as O, diff as S, toArray as v, remove as C, last as F } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/array.js";
 import { isArray as E } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/guard.js";
+import { createMachine as P, createGuards as M } from "../../../../../@zag-js_core@1.35.3/node_modules/@zag-js/core/dist/create-machine.js";
 import { getByTypeahead as A } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/typeahead.js";
 import { raf as g } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/raf.js";
 import { isEqual as T } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/equal.js";
-var { and: N } = O(), j = D({
+var { and: N } = M(), j = P({
   props({ props: e }) {
     return {
       selectionMode: "single",
@@ -292,7 +292,7 @@ var { and: N } = O(), j = D({
     actions: {
       selectNode({ context: e, event: t }) {
         const o = t.id || t.value;
-        e.set("selectedValue", (n) => o == null ? n : !t.isTrusted && E(o) ? n.concat(...o) : [E(o) ? M(o) : o].filter(Boolean));
+        e.set("selectedValue", (n) => o == null ? n : !t.isTrusted && E(o) ? n.concat(...o) : [E(o) ? F(o) : o].filter(Boolean));
       },
       deselectNode({ context: e, event: t }) {
         const o = v(t.id || t.value);
@@ -406,7 +406,7 @@ var { and: N } = O(), j = D({
         l("visibleNodes").forEach(({ node: h }) => {
           const x = c.getNodeValue(h);
           u === 1 && i.push(x), (x === s || x === a) && u++;
-        }), t.set("selectedValue", P(i));
+        }), t.set("selectedValue", O(i));
       },
       extendSelectionToNextNode(e) {
         const { context: t, event: o, prop: n } = e, l = n("collection"), c = l.getNextNode(o.id, { skip: r(e) });
@@ -504,7 +504,7 @@ var { and: N } = O(), j = D({
         const l = o("collection"), c = l.findNode(n);
         if (!c) return;
         const s = l.stringifyNode(c), a = R(t, n);
-        F(a, s);
+        D(a, s);
       },
       focusRenameInput({ context: e, scope: t }) {
         const o = e.get("renamingValue");

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package",
   "name": "@manafishrov/ui",
-  "version": "1.2.11",
+  "version": "1.2.12",
   "description": "Styled component library for Manafish interfaces ",
   "license": "AGPL-3.0-or-later",
   "repository": {

package/src/components/Combobox.tsx

@@ -30,7 +30,7 @@ export const ComboboxLabel: Component<ComboboxPrimitive.LabelProps> = (props) =>
   return (
     <ComboboxPrimitive.Label
       class={cn(
-        'mb-1 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
+        'mb-1.5 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
         local.class,
       )}
       {...others}

package/src/components/DatePicker.tsx

@@ -61,7 +61,7 @@ export const DatePickerLabel: Component<DatePickerPrimitive.LabelProps> = (props
   return (
     <DatePickerPrimitive.Label
       class={cn(
-        'mb-1 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
+        'mb-1.5 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
         local.class,
       )}
       {...others}

package/src/components/Field.tsx

@@ -43,7 +43,7 @@ export const FieldLegend: Component<FieldLegendProps> = (props) => {
       data-slot='field-legend'
       data-variant={local.variant ?? 'legend'}
       class={cn(
-        'mb-1 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base',
+        'mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base',
         local.class,
       )}
       {...others}
@@ -105,7 +105,7 @@ export const FieldContent: Component<ComponentProps<'div'>> = (props) => {
   return (
     <div
       data-slot='field-content'
-      class={cn('relative group/field-content leading-snug flex flex-1 flex-col', local.class)}
+      class={cn('group/field-content leading-snug relative flex flex-1 flex-col', local.class)}
       {...others}
     />
   );
@@ -171,7 +171,7 @@ export const FieldLabel: Component<PrimitiveField.LabelProps> = (props) => {
     <PrimitiveField.Label
       data-slot='field-label'
       class={cn(
-        'group-data-[orientation=vertical]/field:mb-1',
+        'group-data-[orientation=vertical]/field:mb-1.5',
         'gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
         '*:data-[slot=field]:p-2.5 group/field-label peer/field-label leading-snug flex w-fit group-data-disabled/field:opacity-50 has-data-[slot=field]:rounded-lg has-data-[slot=field]:border has-[[data-state=checked]]:border-primary/30 has-[[data-state=checked]]:bg-primary/5 dark:has-[[data-state=checked]]:border-primary/20 dark:has-[[data-state=checked]]:bg-primary/10',
         'has-data-[slot=field]:w-full has-data-[slot=field]:flex-col',
@@ -190,7 +190,7 @@ export const FieldTitle: Component<ComponentProps<'div'>> = (props) => {
     <div
       data-slot='field-label'
       class={cn(
-        'group-data-[orientation=vertical]/field:mb-1',
+        'group-data-[orientation=vertical]/field:mb-1.5',
         'gap-2 text-sm font-medium leading-snug flex w-fit items-center group-data-disabled/field:opacity-50',
         local.class,
       )}
@@ -273,10 +273,10 @@ export const FieldError: Component<FieldErrorProps> = (props) => {
   });
 
   return (
-    <div class='mt-[3px] min-h-[0.875rem] flex flex-col justify-start'>
+    <div class='mt-[3px] flex min-h-[0.875rem] flex-col justify-start'>
       <PrimitiveField.ErrorText
         data-slot='field-error'
-        class={cn('text-[0.8rem] leading-[0.875rem] font-medium text-destructive', local.class)}
+        class={cn('font-medium text-[0.8rem] leading-[0.875rem] text-destructive', local.class)}
         {...others}
       >
         <Show

package/src/components/NumberInput.tsx

@@ -21,7 +21,7 @@ export const NumberInputLabel: Component<PrimitiveNumberInput.LabelProps> = (pro
   return (
     <PrimitiveNumberInput.Label
       class={cn(
-        'mb-1 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
+        'mb-1.5 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
         local.class,
       )}
       {...others}

package/src/components/PasswordInput.tsx

@@ -20,7 +20,7 @@ export const PasswordInputLabel: Component<PrimitivePasswordInput.LabelProps> =
   return (
     <PrimitivePasswordInput.Label
       class={cn(
-        'mb-1 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
+        'mb-1.5 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
         local.class,
       )}
       {...others}

package/src/components/PinInput.tsx

@@ -21,7 +21,7 @@ export const PinInputLabel: Component<PrimitivePinInput.LabelProps> = (props) =>
   return (
     <PrimitivePinInput.Label
       class={cn(
-        'mb-1 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
+        'mb-1.5 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
         local.class,
       )}
       {...others}

package/src/components/Progress.tsx

@@ -9,7 +9,7 @@ export const ProgressCircle: Component<ProgressPrimitive.CircleProps> = (props)
   const [local, others] = splitProps(props, ['class', 'children']);
   return (
     <ProgressPrimitive.Circle
-      class={cn('text-primary shrink-0', '[--size:2.5rem] [--thickness:4px]', local.class)}
+      class={cn('shrink-0 text-primary', '[--size:2.5rem] [--thickness:4px]', local.class)}
       data-slot='progress-circle'
       {...others}
     >
@@ -89,7 +89,7 @@ export const ProgressLabel: Component<ProgressPrimitive.LabelProps> = (props) =>
     <ProgressPrimitive.Label
       data-slot='progress-label'
       class={cn(
-        'mb-1 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
+        'mb-1.5 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
         'text-sm font-medium',
         local.class,
       )}

package/src/components/RadioGroup.tsx

@@ -18,7 +18,7 @@ export const RadioGroupLabel: Component<RadioGroupPrimitive.LabelProps> = (props
   return (
     <RadioGroupPrimitive.Label
       class={cn(
-        'mb-1 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
+        'mb-1.5 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
         'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-70',
         local.class,
       )}
@@ -46,9 +46,9 @@ export const RadioGroupItemControl: Component<RadioGroupPrimitive.ItemControlPro
   return (
     <RadioGroupPrimitive.ItemControl
       class={cn(
-        'peer size-4 shadow-xs group/radio-group-item relative flex aspect-square shrink-0 items-center justify-center rounded-full border border-input bg-background outline-none transition-[border-color,border-width,box-shadow] after:-inset-x-3 after:-inset-y-2 after:absolute',
-        'data-[state=checked]:border-primary data-[state=checked]:border-[5px] group-data-invalid/radio-group-item:data-[state=checked]:border-destructive',
-        'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50 group-has-focus-visible/radio-group-item:border-ring group-has-focus-visible/radio-group-item:ring-[3px] group-has-focus-visible/radio-group-item:ring-ring/50 data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:bg-input/30 dark:data-[invalid=true]:border-destructive/50 dark:data-[invalid=true]:ring-destructive/40',
+        'peer size-4 shadow-xs group/radio-group-item after:-inset-x-3 after:-inset-y-2 relative flex aspect-square shrink-0 items-center justify-center rounded-full border border-input bg-background transition-[border-color,border-width,box-shadow] outline-none after:absolute',
+        'data-[state=checked]:border-[5px] data-[state=checked]:border-primary group-data-invalid/radio-group-item:data-[state=checked]:border-destructive',
+        'group-has-focus-visible/radio-group-item:border-ring group-has-focus-visible/radio-group-item:ring-[3px] group-has-focus-visible/radio-group-item:ring-ring/50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50 data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:bg-input/30 dark:data-[invalid=true]:border-destructive/50 dark:data-[invalid=true]:ring-destructive/40',
         local.class,
       )}
       {...others}

package/src/components/Select.tsx

@@ -120,7 +120,7 @@ export const SelectLabel: Component<SelectPrimitive.LabelProps> = (props) => {
   return (
     <SelectPrimitive.Label
       class={cn(
-        'mb-1 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
+        'mb-1.5 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
         local.class,
       )}
       {...others}

package/src/components/Slider.tsx

@@ -22,7 +22,7 @@ export const SliderLabel: Component<SliderPrimitive.LabelProps> = (props) => {
   return (
     <SliderPrimitive.Label
       class={cn(
-        'mb-1 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
+        'mb-1.5 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
         local.class,
       )}
       {...others}
@@ -87,7 +87,7 @@ export const SliderThumb: Component<SliderPrimitive.ThumbProps> = (props) => {
     <SliderPrimitive.Thumb
       data-slot='slider-thumb'
       class={cn(
-        'size-4 bg-white shadow-sm after:-inset-2 relative block shrink-0 rounded-full border border-ring ring-ring/50 transition-[color,box-shadow] select-none after:absolute hover:ring-[3px] focus-visible:outline-hidden data-active:ring-[3px] data-disabled:pointer-events-none data-[disabled=true]:opacity-50 data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50 has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50',
+        'size-4 bg-white shadow-sm after:-inset-2 relative block shrink-0 rounded-full border border-ring ring-ring/50 transition-[color,box-shadow] select-none after:absolute hover:ring-[3px] focus-visible:outline-hidden has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50 data-active:ring-[3px] data-disabled:pointer-events-none data-[disabled=true]:opacity-50 data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50',
         local.class,
       )}
       {...others}
@@ -100,7 +100,7 @@ export const SliderThumb: Component<SliderPrimitive.ThumbProps> = (props) => {
 
 export const SliderMarkerGroup: Component<SliderPrimitive.MarkerGroupProps> = (props) => {
   const [local, others] = splitProps(props, ['class']);
-  return <SliderPrimitive.MarkerGroup class={cn('mt-2', local.class)} {...others} />;
+  return <SliderPrimitive.MarkerGroup class={cn('mt-2 mb-2', local.class)} {...others} />;
 };
 
 export const SliderMarker: Component<SliderPrimitive.MarkerProps> = (props) => {
@@ -108,7 +108,7 @@ export const SliderMarker: Component<SliderPrimitive.MarkerProps> = (props) => {
   return (
     <SliderPrimitive.Marker
       class={cn(
-        'data-[state=at-value]:font-medium text-[10px] text-muted-foreground data-[orientation=horizontal]:-translate-x-1/2 data-[orientation=vertical]:-translate-y-1/2 data-[state=at-value]:text-foreground',
+        '-translate-x-1/2 text-[10px] text-muted-foreground data-[orientation=vertical]:-translate-y-1/2 data-[state=at-value]:text-foreground',
         local.class,
       )}
       {...others}
@@ -171,7 +171,7 @@ export const SliderCircleRange: Component<AngleSliderPrimitive.ThumbProps> = (pr
   const [local, others] = splitProps(props, ['class', 'children']);
   return (
     <div
-      class={cn('inset-0 z-10 pointer-events-none absolute rounded-full', local.class)}
+      class={cn('inset-0 pointer-events-none absolute z-10 rounded-full', local.class)}
       data-slot='slider-circle-range'
       {...others}
     >
@@ -201,9 +201,9 @@ export const SliderCircleThumb: Component<AngleSliderPrimitive.ThumbProps> = (pr
   return (
     <AngleSliderPrimitive.Thumb
       class={cn(
-        'inset-0 z-20 absolute rounded-full outline-none',
+        'inset-0 absolute z-20 rounded-full outline-none',
         'before:top-1 before:size-4 before:bg-white before:shadow-sm before:absolute before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:border before:border-ring before:transition-[color,box-shadow] before:data-active:ring-[3px] before:data-active:ring-ring/50',
-        'data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50 has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50',
+        'has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50 data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50',
         local.class,
       )}
       data-slot='slider-circle-thumb'
@@ -221,7 +221,7 @@ export const SliderCircleMarkerGroup: Component<AngleSliderPrimitive.MarkerGroup
   const [local, others] = splitProps(props, ['class', 'children']);
   return (
     <AngleSliderPrimitive.MarkerGroup
-      class={cn('inset-0 z-20 pointer-events-none absolute rounded-full', local.class)}
+      class={cn('inset-0 pointer-events-none absolute z-20 rounded-full', local.class)}
       {...others}
     >
       {local.children}

package/src/components/TagsInput.tsx

@@ -11,7 +11,7 @@ export const TagsInputLabel: Component<TagsInputPrimitive.LabelProps> = (props)
   return (
     <TagsInputPrimitive.Label
       class={cn(
-        'mb-1 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
+        'mb-1.5 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
         local.class,
       )}
       {...others}

package/src/components/TextInput.tsx

@@ -19,7 +19,7 @@ export const TextInputLabel: Component<PrimitiveField.LabelProps> = (props) => {
   return (
     <PrimitiveField.Label
       class={cn(
-        'mb-1 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
+        'mb-1.5 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
         local.class,
       )}
       {...others}

package/src/components/form/SliderField.tsx

@@ -29,7 +29,9 @@ const SliderInput: Component<{
       <SliderTrack>
         <SliderRange />
       </SliderTrack>
-      <For each={props.value}>{(_, index) => <SliderThumb index={index()} />}</For>
+      <For each={props.value.map((_, index) => index)}>
+        {(index) => <SliderThumb index={index} />}
+      </For>
     </SliderControl>
     {props.marks && (
       <SliderMarkerGroup>