@televet/kibble-ui 4.0.0-beta.65 → 4.0.0-beta.67

package/dist/chunks/{index-D9DU-5GF.js → index-BL1VW2oK.js}

@@ -1,6 +1,5 @@
-import { c as le, N as te, y as ge, r as M, P as ce, Q as ue, o as de, R as he, J as ne, S as pe, b as Oe, d as y, T as K, U as $, L as me, D as ie, M as Ee, q, V as Te, n as Ie, W as fe, X as _, Y as Pe, Z as ye, _ as Ce, $ as ve, k as Re, a0 as Se, l as Ne, x as ke, g as Le, a1 as j, K as be } from "./index-CYk-7wwG.js";
-import { e as Ae, g as J, d as Me, b as k } from "./use-locale-context-D-agiW5E.js";
-import { t as _e } from "./index-j7W9Hyzx.js";
+import { c as le, R as te, w as ge, r as M, T as ce, U as ue, o as de, V as he, t as pe, N as ne, W as Oe, b as Ee, f as y, X as K, Y as $, P as me, B as ie, Q as Te, m as j, Z as Ie, l as fe, _ as Pe, $ as _, a0 as ye, D as Ce, a1 as ve, a2 as Re, h as Se, a3 as Ne, j as ke, u as Le, M as be, a4 as q, O as Ae } from "./index-Cb49D-ky.js";
+import { f as Me, g as Q, e as _e, b as k } from "./portal-CtkZ5xTm.js";
 var R = (e, t) => ({ x: e, y: t });
 function De(e) {
   const { x: t, y: r, width: n, height: o } = e, g = t + n / 2, a = r + o / 2;
@@ -40,7 +39,7 @@ function Ge(e, t) {
   }
   return o;
 }
-var Ve = Oe("menu").parts(
+var Ve = Ee("menu").parts(
   "arrow",
   "arrowTip",
   "content",
@@ -55,26 +54,26 @@ var Ve = Oe("menu").parts(
   "separator",
   "trigger",
   "triggerItem"
-), h = Ve.build(), w = (e) => e.ids?.trigger ?? `menu:${e.id}:trigger`, re = (e) => e.ids?.contextTrigger ?? `menu:${e.id}:ctx-trigger`, S = (e) => e.ids?.content ?? `menu:${e.id}:content`, Fe = (e) => e.ids?.arrow ?? `menu:${e.id}:arrow`, oe = (e) => e.ids?.positioner ?? `menu:${e.id}:popper`, Ue = (e, t) => e.ids?.group?.(t) ?? `menu:${e.id}:group:${t}`, N = (e, t) => `${e.id}/${t}`, P = (e) => e?.dataset.value ?? null, Q = (e, t) => e.ids?.groupLabel?.(t) ?? `menu:${e.id}:group-label:${t}`, f = (e) => e.getById(S(e)), Z = (e) => e.getById(oe(e)), D = (e) => e.getById(w(e)), ae = (e, t) => t ? e.getById(N(e, t)) : null, z = (e) => e.getById(re(e)), L = (e) => {
+), h = Ve.build(), w = (e) => e.ids?.trigger ?? `menu:${e.id}:trigger`, re = (e) => e.ids?.contextTrigger ?? `menu:${e.id}:ctx-trigger`, S = (e) => e.ids?.content ?? `menu:${e.id}:content`, Fe = (e) => e.ids?.arrow ?? `menu:${e.id}:arrow`, oe = (e) => e.ids?.positioner ?? `menu:${e.id}:popper`, Ue = (e, t) => e.ids?.group?.(t) ?? `menu:${e.id}:group:${t}`, N = (e, t) => `${e.id}/${t}`, P = (e) => e?.dataset.value ?? null, Z = (e, t) => e.ids?.groupLabel?.(t) ?? `menu:${e.id}:group-label:${t}`, f = (e) => e.getById(S(e)), J = (e) => e.getById(oe(e)), D = (e) => e.getById(w(e)), ae = (e, t) => t ? e.getById(N(e, t)) : null, z = (e) => e.getById(re(e)), L = (e) => {
   const r = `[role^="menuitem"][data-ownedby=${CSS.escape(S(e))}]:not([data-disabled])`;
-  return ke(f(e), r);
+  return Le(f(e), r);
 }, xe = (e) => ue(L(e)), We = (e) => ce(L(e)), W = (e, t) => t ? e.id === t || e.dataset.value === t : !1, Be = (e, t) => {
   const r = L(e), n = r.findIndex((o) => W(o, t.value));
-  return ve(r, n, { loop: t.loop ?? t.loopFocus });
+  return Re(r, n, { loop: t.loop ?? t.loopFocus });
 }, Xe = (e, t) => {
   const r = L(e), n = r.findIndex((o) => W(o, t.value));
-  return Ce(r, n, { loop: t.loop ?? t.loopFocus });
+  return ve(r, n, { loop: t.loop ?? t.loopFocus });
 }, Ye = (e, t) => {
   const r = L(e), n = r.find((o) => W(o, t.value));
   return ne(r, { state: t.typeaheadState, key: t.key, activeId: n?.id ?? null });
-}, H = (e) => Ne(e) && (e.dataset.disabled === "" || e.hasAttribute("disabled")), Ke = (e) => !!e?.getAttribute("role")?.startsWith("menuitem") && !!e?.hasAttribute("aria-controls"), x = "menu:select";
+}, H = (e) => ke(e) && (e.dataset.disabled === "" || e.hasAttribute("disabled")), Ke = (e) => !!e?.getAttribute("role")?.startsWith("menuitem") && !!e?.hasAttribute("aria-controls"), x = "menu:select";
 function $e(e, t) {
   if (!e) return;
-  const r = ye(e), n = new r.CustomEvent(x, { detail: { value: t } });
+  const r = Ce(e), n = new r.CustomEvent(x, { detail: { value: t } });
   e.dispatchEvent(n);
 }
-function et(e, t) {
-  const { context: r, send: n, state: o, computed: g, prop: a, scope: l } = e, u = o.hasTag("open"), I = g("isSubmenu"), b = g("isTypingAhead"), B = a("composite"), X = r.get("currentPlacement"), se = r.get("anchorPoint"), v = r.get("highlightedValue"), G = Me({
+function ze(e, t) {
+  const { context: r, send: n, state: o, computed: g, prop: a, scope: l } = e, u = o.hasTag("open"), I = g("isSubmenu"), b = g("isTypingAhead"), B = a("composite"), X = r.get("currentPlacement"), se = r.get("anchorPoint"), v = r.get("highlightedValue"), G = _e({
     ...a("positioning"),
     placement: se ? "bottom" : X
   });
@@ -96,17 +95,17 @@ function et(e, t) {
     };
   }
   function F(i) {
-    const { closeOnSelect: s, valueText: m, value: E } = i, p = V(i), T = N(l, E);
+    const { closeOnSelect: s, valueText: E, value: m } = i, p = V(i), T = N(l, m);
     return t.element({
       ...h.item.attrs,
       id: T,
       role: "menuitem",
-      "aria-disabled": Re(p.disabled),
+      "aria-disabled": Se(p.disabled),
       "data-disabled": y(p.disabled),
       "data-ownedby": S(l),
       "data-highlighted": y(p.highlighted),
-      "data-value": E,
-      "data-valuetext": m,
+      "data-value": m,
+      "data-valuetext": E,
       onDragStart(c) {
         c.currentTarget.matches("a[href]") && c.preventDefault();
       },
@@ -153,8 +152,8 @@ function et(e, t) {
     addItemListener(i) {
       const s = l.getById(i.id);
       if (!s) return;
-      const m = () => i.onSelect?.();
-      return s.addEventListener(x, m), () => s.removeEventListener(x, m);
+      const E = () => i.onSelect?.();
+      return s.addEventListener(x, E), () => s.removeEventListener(x, E);
     },
     getContextTriggerProps() {
       return t.element({
@@ -188,7 +187,7 @@ function et(e, t) {
     },
     getTriggerItemProps(i) {
       const s = i.getTriggerProps();
-      return Pe(F({ value: s.id }), s);
+      return ye(F({ value: s.id }), s);
     },
     getTriggerProps() {
       return t.button({
@@ -204,8 +203,8 @@ function et(e, t) {
         "data-state": u ? "open" : "closed",
         onPointerMove(i) {
           if (i.pointerType !== "mouse" || H(i.currentTarget) || !I) return;
-          const m = _(i);
-          n({ type: "TRIGGER_POINTERMOVE", target: i.currentTarget, point: m });
+          const E = _(i);
+          n({ type: "TRIGGER_POINTERMOVE", target: i.currentTarget, point: E });
         },
         onPointerLeave(i) {
           if (H(i.currentTarget) || i.pointerType !== "mouse" || !I) return;
@@ -217,7 +216,7 @@ function et(e, t) {
           });
         },
         onPointerDown(i) {
-          H(i.currentTarget) || fe(i) || i.preventDefault();
+          H(i.currentTarget) || Pe(i) || i.preventDefault();
         },
         onClick(i) {
           i.defaultPrevented || H(i.currentTarget) || n({ type: "TRIGGER_CLICK", target: i.currentTarget });
@@ -243,11 +242,11 @@ function et(e, t) {
             Space() {
               n({ type: "ARROW_DOWN", src: "space" });
             }
-          }, m = q(i, {
+          }, E = j(i, {
             orientation: "vertical",
             dir: a("dir")
-          }), E = s[m];
-          E && (i.preventDefault(), E(i));
+          }), m = s[E];
+          m && (i.preventDefault(), m(i));
         }
       });
     },
@@ -301,11 +300,11 @@ function et(e, t) {
           if (i.defaultPrevented || !me(i)) return;
           const s = ie(i);
           if (!(s?.closest("[role=menu]") === i.currentTarget || s === i.currentTarget)) return;
-          if (i.key === "Tab" && !Ee(i)) {
+          if (i.key === "Tab" && !Te(i)) {
             i.preventDefault();
             return;
           }
-          const E = ae(l, v), p = {
+          const m = ae(l, v), p = {
             ArrowDown() {
               n({ type: "ARROW_DOWN" });
             },
@@ -319,7 +318,7 @@ function et(e, t) {
               n({ type: "ARROW_RIGHT" });
             },
             Enter() {
-              n({ type: "ENTER" }), v != null && Se(E) && a("navigate")?.({ value: v, node: E, href: E.href });
+              n({ type: "ENTER" }), v != null && Ne(m) && a("navigate")?.({ value: v, node: m, href: m.href });
             },
             Space(d) {
               b ? n({ type: "TYPEAHEAD", key: d.key }) : p.Enter?.(d);
@@ -330,12 +329,12 @@ function et(e, t) {
             End() {
               n({ type: "END" });
             }
-          }, T = q(i, { dir: a("dir") }), c = p[T];
+          }, T = j(i, { dir: a("dir") }), c = p[T];
           if (c) {
             c(i), i.stopPropagation(), i.preventDefault();
             return;
           }
-          a("typeahead") && Te(i) && (Ie(i) || te(s) || (n({ type: "TYPEAHEAD", key: i.key }), i.preventDefault()));
+          a("typeahead") && Ie(i) && (fe(i) || te(s) || (n({ type: "TYPEAHEAD", key: i.key }), i.preventDefault()));
         }
       });
     },
@@ -351,7 +350,7 @@ function et(e, t) {
     getItemProps: F,
     getOptionItemState: A,
     getOptionItemProps(i) {
-      const { type: s, disabled: m, onCheckedChange: E, closeOnSelect: p } = i, T = Y(i), c = A(i);
+      const { type: s, disabled: E, onCheckedChange: m, closeOnSelect: p } = i, T = Y(i), c = A(i);
       return {
         ...F(T),
         ...t.element({
@@ -363,9 +362,9 @@ function et(e, t) {
           "aria-checked": !!c.checked,
           "data-state": c.checked ? "checked" : "unchecked",
           onClick(d) {
-            if (m || K(d) || $(d)) return;
+            if (E || K(d) || $(d)) return;
             const U = d.currentTarget;
-            n({ type: "ITEM_CLICK", target: U, option: T, closeOnSelect: p }), E?.(!c.checked);
+            n({ type: "ITEM_CLICK", target: U, option: T, closeOnSelect: p }), m?.(!c.checked);
           }
         })
       };
@@ -394,7 +393,7 @@ function et(e, t) {
     getItemGroupLabelProps(i) {
       return t.element({
         ...h.itemGroupLabel.attrs,
-        id: Q(l, i.htmlFor),
+        id: Z(l, i.htmlFor),
         dir: a("dir")
       });
     },
@@ -403,13 +402,13 @@ function et(e, t) {
         id: Ue(l, i.id),
         ...h.itemGroup.attrs,
         dir: a("dir"),
-        "aria-labelledby": Q(l, i.id),
+        "aria-labelledby": Z(l, i.id),
         role: "group"
       });
     }
   };
 }
-var { not: O, and: C, or: qe } = ge(), tt = le({
+var { not: O, and: C, or: je } = ge(), et = le({
   props({ props: e }) {
     return {
       closeOnSelect: !0,
@@ -417,7 +416,7 @@ var { not: O, and: C, or: qe } = ge(), tt = le({
       composite: !0,
       loopFocus: !1,
       navigate(t) {
-        pe(t.node);
+        Oe(t.node);
       },
       ...e,
       positioning: {
@@ -471,7 +470,7 @@ var { not: O, and: C, or: qe } = ge(), tt = le({
     isSubmenu: ({ refs: e }) => e.get("parent") != null,
     isRtl: ({ prop: e }) => e("dir") === "rtl",
     isTypingAhead: ({ refs: e }) => e.get("typeaheadState").keysSoFar !== "",
-    highlightedId: ({ context: e, scope: t, refs: r }) => Je(r.get("children"), e.get("highlightedValue"), t)
+    highlightedId: ({ context: e, scope: t, refs: r }) => Qe(r.get("children"), e.get("highlightedValue"), t)
   },
   watch({ track: e, action: t, context: r, computed: n, prop: o }) {
     e([() => n("isSubmenu")], () => {
@@ -685,7 +684,7 @@ var { not: O, and: C, or: qe } = ge(), tt = le({
       on: {
         "CONTROLLED.OPEN": [
           {
-            guard: qe("isOpenAutoFocusEvent", "isArrowDownEvent"),
+            guard: je("isOpenAutoFocusEvent", "isArrowDownEvent"),
             target: "open",
             actions: ["highlightFirstItem"]
           },
@@ -915,8 +914,8 @@ var { not: O, and: C, or: qe } = ge(), tt = le({
           ...n.get("positioningOverride")
         };
         e.set("currentPlacement", o.placement);
-        const g = () => Z(r);
-        return J(D(r), g, {
+        const g = () => J(r);
+        return Q(D(r), g, {
           ...o,
           defer: !0,
           onComplete(a) {
@@ -927,7 +926,7 @@ var { not: O, and: C, or: qe } = ge(), tt = le({
       trackInteractOutside({ refs: e, scope: t, prop: r, computed: n, send: o }) {
         const g = () => f(t);
         let a = !0;
-        return _e(g, {
+        return pe(g, {
           defer: !0,
           exclude: [D(t)],
           onInteractOutside: r("onInteractOutside"),
@@ -937,7 +936,7 @@ var { not: O, and: C, or: qe } = ge(), tt = le({
           },
           onPointerDownOutside(l) {
             const u = ie(l.detail.originalEvent);
-            if (j(z(t), u) && l.detail.contextmenu) {
+            if (q(z(t), u) && l.detail.contextmenu) {
               l.preventDefault();
               return;
             }
@@ -955,7 +954,7 @@ var { not: O, and: C, or: qe } = ge(), tt = le({
         });
         const a = t.getDoc();
         return he(a, "pointermove", (l) => {
-          je(e.get("intentPolygon"), {
+          qe(e.get("intentPolygon"), {
             x: l.clientX,
             y: l.clientY
           }) || (r({ type: "POINTER_MOVED_AWAY_FROM_SUBMENU" }), g.context.set("suspendPointer", !1));
@@ -965,7 +964,7 @@ var { not: O, and: C, or: qe } = ge(), tt = le({
         const n = () => {
           if (e.type.startsWith("ITEM_POINTER")) return;
           const g = t.getById(r("highlightedId")), a = f(t);
-          be(g, { rootEl: a, block: "nearest" });
+          Ae(g, { rootEl: a, block: "nearest" });
         };
         return M(() => n()), de(() => f(t), {
           defer: !0,
@@ -984,11 +983,11 @@ var { not: O, and: C, or: qe } = ge(), tt = le({
         t.set("positioningOverride", { placement: r, gutter: 0 });
       },
       reposition({ context: e, scope: t, prop: r, event: n, refs: o }) {
-        const g = () => Z(t), a = e.get("anchorPoint"), l = a ? () => ({ width: 0, height: 0, ...a }) : void 0, u = {
+        const g = () => J(t), a = e.get("anchorPoint"), l = a ? () => ({ width: 0, height: 0, ...a }) : void 0, u = {
           ...r("positioning"),
           ...o.get("positioningOverride")
         };
-        J(D(t), g, {
+        Q(D(t), g, {
           ...u,
           defer: !0,
           getAnchorRect: l,
@@ -1013,7 +1012,7 @@ var { not: O, and: C, or: qe } = ge(), tt = le({
         if (!n || !o) return;
         const g = n.getBoundingClientRect(), a = we(g, o);
         if (!a) return;
-        const u = Ae(o) === "right" ? -5 : 5;
+        const u = Me(o) === "right" ? -5 : 5;
         e.set("intentPolygon", [{ ...r.point, x: r.point.x + u }, ...a]);
       },
       clearIntentPolygon({ context: e }) {
@@ -1035,9 +1034,9 @@ var { not: O, and: C, or: qe } = ge(), tt = le({
       focusMenu({ scope: e }) {
         M(() => {
           const t = f(e);
-          Le({
+          be({
             root: t,
-            enabled: !j(t, e.getActiveElement()),
+            enabled: !q(t, e.getActiveElement()),
             filter(n) {
               return !n.role?.startsWith("menuitem");
             }
@@ -1136,10 +1135,10 @@ function ee(e) {
     t = t.refs.get("parent");
   t?.send({ type: "CLOSE" });
 }
-function je(e, t) {
+function qe(e, t) {
   return e ? Ge(e, t) : !1;
 }
-function Je(e, t, r) {
+function Qe(e, t, r) {
   const n = Object.keys(e).length > 0;
   if (!t) return null;
   if (!n)
@@ -1190,7 +1189,7 @@ k()([
 ]);
 export {
   Ve as a,
-  et as c,
-  tt as m
+  ze as c,
+  et as m
 };
-//# sourceMappingURL=index-D9DU-5GF.js.map
+//# sourceMappingURL=index-BL1VW2oK.js.map