@serendie/ui 0.1.16 → 0.2.1

package/dist/node_modules/@zag-js/tabs/dist/index.js

@@ -1,7 +1,7 @@
 import { createAnatomy as A } from "../../anatomy/dist/index.js";
-import { getEventKey as C, clickIfLink as F } from "../../dom-event/dist/index.js";
-import { createScope as S, queryAll as L, nextById as _, prevById as O, itemById as w, dataAttr as d, isSelfTarget as B, isComposingEvent as N, isSafari as P, raf as T, nextTick as V, getFocusables as k } from "../../dom-query/dist/index.js";
-import { first as U, last as $, compact as D, isEqual as h } from "../../utils/dist/index.js";
+import { clickIfLink as C, getEventKey as F } from "../../dom-event/dist/index.js";
+import { createScope as S, nextTick as V, raf as T, getFocusables as L, dataAttr as g, isSafari as _, isSelfTarget as O, isComposingEvent as w, prevById as B, nextById as N, itemById as P, queryAll as k } from "../../dom-query/dist/index.js";
+import { compact as U, last as $, first as D, isEqual as h } from "../../utils/dist/index.js";
 import { createMachine as W, guards as M } from "../../core/dist/index.js";
 import { trackElementRect as X } from "../../element-rect/dist/index.js";
 import { createProps as E } from "../../types/dist/index.js";
@@ -32,12 +32,12 @@ var H = A("tabs").parts("root", "list", "trigger", "content", "indicator"), v =
   getIndicatorEl: (e) => r.getById(e, r.getIndicatorId(e)),
   getElements: (e) => {
     const t = `[role=tab][data-ownedby='${CSS.escape(r.getListId(e))}']:not([disabled])`;
-    return L(r.getListEl(e), t);
+    return k(r.getListEl(e), t);
   },
-  getFirstTriggerEl: (e) => U(r.getElements(e)),
+  getFirstTriggerEl: (e) => D(r.getElements(e)),
   getLastTriggerEl: (e) => $(r.getElements(e)),
-  getNextTriggerEl: (e, o) => _(r.getElements(e), r.getTriggerId(e, o), e.loopFocus),
-  getPrevTriggerEl: (e, o) => O(r.getElements(e), r.getTriggerId(e, o), e.loopFocus),
+  getNextTriggerEl: (e, o) => N(r.getElements(e), r.getTriggerId(e, o), e.loopFocus),
+  getPrevTriggerEl: (e, o) => B(r.getElements(e), r.getTriggerId(e, o), e.loopFocus),
   getSelectedContentEl: (e) => {
     if (e.value)
       return r.getContentEl(e, e.value);
@@ -53,7 +53,7 @@ var H = A("tabs").parts("root", "list", "trigger", "content", "indicator"), v =
     height: (e == null ? void 0 : e.offsetHeight) ?? 0
   }),
   getRectById: (e, o) => {
-    const t = w(r.getElements(e), r.getTriggerId(e, o));
+    const t = P(r.getElements(e), r.getTriggerId(e, o));
     return r.resolveRect(r.getOffsetRect(t));
   },
   resolveRect: (e) => ({
@@ -63,8 +63,8 @@ var H = A("tabs").parts("root", "list", "trigger", "content", "indicator"), v =
     top: `${e.top}px`
   })
 });
-function x(e, o, t) {
-  const n = e.context.translations, u = e.matches("focused"), f = e.context.orientation === "vertical", l = e.context.orientation === "horizontal", y = e.context.composite, p = e.context.indicatorState;
+function z(e, o, t) {
+  const n = e.context.translations, s = e.matches("focused"), u = e.context.orientation === "vertical", d = e.context.orientation === "horizontal", y = e.context.composite, p = e.context.indicatorState;
   function R(a) {
     return {
       selected: e.context.value === a.value,
@@ -103,7 +103,7 @@ function x(e, o, t) {
         ...v.root.attrs,
         id: r.getRootId(e.context),
         "data-orientation": e.context.orientation,
-        "data-focus": d(u),
+        "data-focus": g(s),
         dir: e.context.dir
       });
     },
@@ -113,24 +113,24 @@ function x(e, o, t) {
         id: r.getListId(e.context),
         role: "tablist",
         dir: e.context.dir,
-        "data-focus": d(u),
+        "data-focus": g(s),
         "aria-orientation": e.context.orientation,
         "data-orientation": e.context.orientation,
         "aria-label": n == null ? void 0 : n.listLabel,
         onKeyDown(a) {
-          if (a.defaultPrevented || !B(a) || N(a)) return;
+          if (a.defaultPrevented || !O(a) || w(a)) return;
           const i = {
             ArrowDown() {
-              l || o({ type: "ARROW_NEXT", key: "ArrowDown" });
+              d || o({ type: "ARROW_NEXT", key: "ArrowDown" });
             },
             ArrowUp() {
-              l || o({ type: "ARROW_PREV", key: "ArrowUp" });
+              d || o({ type: "ARROW_PREV", key: "ArrowUp" });
             },
             ArrowLeft() {
-              f || o({ type: "ARROW_PREV", key: "ArrowLeft" });
+              u || o({ type: "ARROW_PREV", key: "ArrowLeft" });
             },
             ArrowRight() {
-              f || o({ type: "ARROW_NEXT", key: "ArrowRight" });
+              u || o({ type: "ARROW_NEXT", key: "ArrowRight" });
             },
             Home() {
               o("HOME");
@@ -142,47 +142,47 @@ function x(e, o, t) {
               o({ type: "ENTER" });
             }
           };
-          let s = C(a, e.context);
-          const c = i[s];
+          let l = F(a, e.context);
+          const c = i[l];
           c && (a.preventDefault(), c(a));
         }
       });
     },
     getTriggerState: R,
     getTriggerProps(a) {
-      const { value: i, disabled: s } = a, c = R(a);
+      const { value: i, disabled: l } = a, c = R(a);
       return t.button({
         ...v.trigger.attrs,
         role: "tab",
         type: "button",
-        disabled: s,
+        disabled: l,
         dir: e.context.dir,
         "data-orientation": e.context.orientation,
-        "data-disabled": d(s),
-        "aria-disabled": s,
+        "data-disabled": g(l),
+        "aria-disabled": l,
         "data-value": i,
         "aria-selected": c.selected,
-        "data-selected": d(c.selected),
-        "data-focus": d(c.focused),
+        "data-selected": g(c.selected),
+        "data-focus": g(c.focused),
         "aria-controls": c.selected ? r.getContentId(e.context, i) : void 0,
         "data-ownedby": r.getListId(e.context),
-        "data-ssr": d(e.context.ssr),
+        "data-ssr": g(e.context.ssr),
         id: r.getTriggerId(e.context, i),
         tabIndex: c.selected && y ? 0 : -1,
         onFocus() {
           o({ type: "TAB_FOCUS", value: i });
         },
-        onBlur(I) {
-          const b = I.relatedTarget;
-          (b == null ? void 0 : b.getAttribute("role")) !== "tab" && o({ type: "TAB_BLUR" });
+        onBlur(b) {
+          const I = b.relatedTarget;
+          (I == null ? void 0 : I.getAttribute("role")) !== "tab" && o({ type: "TAB_BLUR" });
         },
-        onClick(I) {
-          I.defaultPrevented || s || (P() && I.currentTarget.focus(), o({ type: "TAB_CLICK", value: i }));
+        onClick(b) {
+          b.defaultPrevented || l || (_() && b.currentTarget.focus(), o({ type: "TAB_CLICK", value: i }));
         }
       });
     },
     getContentProps(a) {
-      const { value: i } = a, s = e.context.value === i;
+      const { value: i } = a, l = e.context.value === i;
       return t.element({
         ...v.content.attrs,
         dir: e.context.dir,
@@ -191,13 +191,13 @@ function x(e, o, t) {
         "aria-labelledby": r.getTriggerId(e.context, i),
         role: "tabpanel",
         "data-ownedby": r.getListId(e.context),
-        "data-selected": d(s),
+        "data-selected": g(l),
         "data-orientation": e.context.orientation,
-        hidden: !s
+        hidden: !l
       });
     },
     getIndicatorProps() {
-      var a, i, s, c;
+      var a, i, l, c;
       return t.element({
         id: r.getIndicatorId(e.context),
         ...v.indicator.attrs,
@@ -207,22 +207,22 @@ function x(e, o, t) {
           "--transition-property": "left, right, top, bottom, width, height",
           "--left": (a = p.rect) == null ? void 0 : a.left,
           "--top": (i = p.rect) == null ? void 0 : i.top,
-          "--width": (s = p.rect) == null ? void 0 : s.width,
+          "--width": (l = p.rect) == null ? void 0 : l.width,
           "--height": (c = p.rect) == null ? void 0 : c.height,
           position: "absolute",
           willChange: "var(--transition-property)",
           transitionProperty: "var(--transition-property)",
           transitionDuration: p.transition ? "var(--transition-duration, 150ms)" : "0ms",
           transitionTimingFunction: "var(--transition-timing-function)",
-          [l ? "left" : "top"]: l ? "var(--left)" : "var(--top)"
+          [d ? "left" : "top"]: d ? "var(--left)" : "var(--top)"
         }
       });
     }
   };
 }
 var { not: K } = M;
-function z(e) {
-  const o = D(e);
+function x(e) {
+  const o = U(e);
   return W(
     {
       initial: "idle",
@@ -344,20 +344,22 @@ function z(e) {
         },
         selectFocusedTab(t) {
           T(() => {
-            g.value(t, t.focusedValue);
+            const s = t.deselectable && t.value === t.focusedValue ? null : t.focusedValue;
+            f.value(t, s);
           });
         },
         setFocusedValue(t, n) {
-          n.value != null && g.focusedValue(t, n.value);
+          n.value != null && f.focusedValue(t, n.value);
         },
         clearFocusedValue(t) {
-          g.focusedValue(t, null);
+          f.focusedValue(t, null);
         },
         setValue(t, n) {
-          g.value(t, n.value);
+          const u = t.deselectable && t.value === t.focusedValue ? null : n.value;
+          f.value(t, u);
         },
         clearValue(t) {
-          g.value(t, null);
+          f.value(t, null);
         },
         focusFirstTab(t) {
           T(() => {
@@ -375,14 +377,14 @@ function z(e) {
           if (!t.focusedValue) return;
           const n = r.getNextTriggerEl(t, t.focusedValue);
           T(() => {
-            t.composite ? n == null || n.focus() : (n == null ? void 0 : n.dataset.value) != null && g.focusedValue(t, n.dataset.value);
+            t.composite ? n == null || n.focus() : (n == null ? void 0 : n.dataset.value) != null && f.focusedValue(t, n.dataset.value);
           });
         },
         focusPrevTab(t) {
           if (!t.focusedValue) return;
           const n = r.getPrevTriggerEl(t, t.focusedValue);
           T(() => {
-            t.composite ? n == null || n.focus() : (n == null ? void 0 : n.dataset.value) != null && g.focusedValue(t, n.dataset.value);
+            t.composite ? n == null || n.focus() : (n == null ? void 0 : n.dataset.value) != null && f.focusedValue(t, n.dataset.value);
           });
         },
         checkRenderedElements(t) {
@@ -392,7 +394,7 @@ function z(e) {
           T(() => {
             const n = r.getSelectedContentEl(t);
             if (!n) return;
-            k(n).length > 0 ? n.removeAttribute("tabindex") : n.setAttribute("tabindex", "0");
+            L(n).length > 0 ? n.removeAttribute("tabindex") : n.setAttribute("tabindex", "0");
           });
         },
         cleanupObserver(t) {
@@ -403,8 +405,8 @@ function z(e) {
           t.indicatorState.transition = !0;
         },
         setIndicatorRect(t, n) {
-          const u = n.id ?? t.value;
-          !t.indicatorState.rendered || !u || !r.getTriggerEl(t, u) || (t.indicatorState.rect = r.getRectById(t, u), V(() => {
+          const s = n.id ?? t.value;
+          !t.indicatorState.rendered || !s || !r.getTriggerEl(t, s) || (t.indicatorState.rect = r.getRectById(t, s), V(() => {
             t.indicatorState.transition = !1;
           }));
         },
@@ -412,24 +414,24 @@ function z(e) {
           t.ssr = !1;
         },
         syncIndicatorRect(t) {
-          var f;
-          (f = t.indicatorCleanup) == null || f.call(t);
+          var u;
+          (u = t.indicatorCleanup) == null || u.call(t);
           const n = t.value;
           if (!t.indicatorState.rendered || !n) return;
-          const u = r.getSelectedTriggerEl(t);
-          u && (t.indicatorCleanup = X(u, {
-            getRect(l) {
-              return r.getOffsetRect(l);
+          const s = r.getSelectedTriggerEl(t);
+          s && (t.indicatorCleanup = X(s, {
+            getRect(d) {
+              return r.getOffsetRect(d);
             },
-            onChange(l) {
-              t.indicatorState.rect = r.resolveRect(l), V(() => {
+            onChange(d) {
+              t.indicatorState.rect = r.resolveRect(d), V(() => {
                 t.indicatorState.transition = !1;
               });
             }
           }));
         },
         clickIfLink(t) {
-          F(r.getSelectedTriggerEl(t));
+          C(r.getSelectedTriggerEl(t));
         }
       }
     }
@@ -444,7 +446,7 @@ var m = {
     var o;
     e.focusedValue != null && ((o = e.onFocusChange) == null || o.call(e, { focusedValue: e.focusedValue }));
   }
-}, g = {
+}, f = {
   value: (e, o) => {
     h(o, e.value) || (e.value = o, m.change(e));
   },
@@ -464,12 +466,13 @@ E()([
   "onValueChange",
   "orientation",
   "translations",
+  "deselectable",
   "value"
 ]);
 E()(["disabled", "value"]);
 E()(["value"]);
 export {
   H as anatomy,
-  x as connect,
-  z as machine
+  z as connect,
+  x as machine
 };