welcome-ui 10.6.4 → 10.6.6

package/dist/Tabs.js

@@ -1,175 +1,169 @@
 "use client";
 import './Tabs.css';
 import { jsx as h, jsxs as L } from "react/jsx-runtime";
-import { T as V, b as A, a as F } from "./tab-panel-Cc3MfOBM.js";
-import T, { createContext as C, useMemo as R, forwardRef as O } from "react";
-import { c as w } from "./index-B6iGEm-i.js";
-import { m as W, o as y, c as K, s as p, d as m, g as Q, u as E, a as j, b as U } from "./Q5W46E73-5xQblshY.js";
-import { Badge as D } from "./Badge.js";
-import { f as G } from "./forwardRefWithAs-8eP3ZN15.js";
-import { Icon as H } from "./Icon.js";
-import { P as J, b as X } from "./JMU4N4M5-DnfyqGdJ.js";
-import { C as Y, a as Z } from "./WZWDIE3S-CGqoM1Fy.js";
-import { b as ee, x as v, Q as z, y as P } from "./U6HHPQDW-CzxyP5H7.js";
-import { c as te, a as oe, u as ae } from "./IQYAUKXT-Cltvp3KN.js";
-import { a as se } from "./CVCFNOHX-Ck0bUDvo.js";
-var re = ee(
-  [X, Z],
-  [J, Y]
-), ie = re.useContext;
-C(!1);
-C(null);
-function le({
-  composite: e,
-  combobox: a,
-  ...t
-} = {}) {
-  const i = [
+import { T as A, b as R, a as W } from "./tab-panel-DMICXMJc.js";
+import { a as K } from "./combobox-context-COdkPD-I.js";
+import { u as U } from "./composite-store-BbsZpdXc.js";
+import { P as D, b as G } from "./popover-context-B2YQ_e3N.js";
+import { C as H, a as J, c as Q, m as X } from "./composite-item-CzuZunbi.js";
+import { b as Y, w as _, V as z, ab as Z, x as y } from "./D5lwkpmX-BTxFdaqc.js";
+import O, { createContext as F, useMemo as ee, forwardRef as M } from "react";
+import { m as te, o as E, c as oe, s as I, d as f, g as re, a as N, b as C, u as se } from "./index-B0vSTNCB.js";
+import { c as j } from "./index-B6iGEm-i.js";
+import { Badge as ae } from "./Badge.js";
+import { f as ne } from "./forwardRefWithAs-8eP3ZN15.js";
+import { Icon as le } from "./Icon.js";
+const ie = Y([G, J], [D, H]), ce = ie.useContext;
+F(!1);
+F(null);
+function de(e) {
+  var a;
+  const o = (a = e[0]) == null ? void 0 : a.element;
+  if (!o) return;
+  const t = Z(o);
+  if (t)
+    return e.find((l) => l.element === t);
+}
+function ue(e, o) {
+  if (o != null)
+    return e.find((t) => t.id === o);
+}
+function w(e) {
+  return !(!e || e.disabled || e.dimmed);
+}
+function me() {
+  const e = X(), o = /* @__PURE__ */ new Map();
+  return f(e, ["items"], (t) => {
+    o.clear();
+    for (const a of t.items) {
+      const { tabId: l } = a;
+      l != null && (o.has(l) || o.set(l, a));
+    }
+  }), {
+    panels: e,
+    panel: (t) => t == null ? null : o.get(t) || null
+  };
+}
+function fe({ composite: e, combobox: o, ...t } = {}) {
+  const a = [
     "items",
     "renderedItems",
     "moves",
     "orientation",
     "virtualFocus",
+    "compositeElementInFocusOrder",
     "includesBaseElement",
+    "compositeElement",
     "baseElement",
     "focusLoop",
     "focusShift",
-    "focusWrap"
-  ], l = W(
-    t.store,
-    y(e, i),
-    y(a, i)
-  ), r = l == null ? void 0 : l.getState(), d = te({
+    "focusWrap",
+    "selectOnMove"
+  ], l = te(t.store, E(e, a), E(o, a)), r = l == null ? void 0 : l.getState(), m = Q({
     ...t,
     store: l,
-    // We need to explicitly set the default value of `includesBaseElement` to
-    // `false` since we don't want the composite store to default it to `true`
-    // when the activeId state is null, which could be the case when rendering
-    // combobox with tab.
-    includesBaseElement: v(
-      t.includesBaseElement,
-      r == null ? void 0 : r.includesBaseElement,
-      !1
-    ),
-    orientation: v(
-      t.orientation,
-      r == null ? void 0 : r.orientation,
-      "horizontal"
-    ),
-    focusLoop: v(t.focusLoop, r == null ? void 0 : r.focusLoop, !0)
-  }), b = oe(), I = {
-    ...d.getState(),
-    selectedId: v(
-      t.selectedId,
-      r == null ? void 0 : r.selectedId,
-      t.defaultSelectedId
-    ),
-    selectOnMove: v(
-      t.selectOnMove,
-      r == null ? void 0 : r.selectOnMove,
-      !0
-    )
-  }, o = K(I, d, l);
-  p(
-    o,
-    () => m(o, ["moves"], () => {
-      const { activeId: s, selectOnMove: n } = o.getState();
-      if (!n || !s) return;
-      const c = d.item(s);
-      c && (c.dimmed || c.disabled || o.setState("selectedId", c.id));
-    })
-  );
-  let u = !0;
-  p(
-    o,
-    () => Q(o, ["selectedId"], (s, n) => {
-      if (!u) {
-        u = !0;
-        return;
-      }
-      e && s.selectedId === n.selectedId || o.setState("activeId", s.selectedId);
-    })
-  ), p(
-    o,
-    () => m(o, ["selectedId", "renderedItems"], (s) => {
-      if (s.selectedId !== void 0) return;
-      const { activeId: n, renderedItems: c } = o.getState(), f = d.item(n);
-      if (f && !f.disabled && !f.dimmed)
-        o.setState("selectedId", f.id);
-      else {
-        const k = c.find(
-          (g) => !g.disabled && !g.dimmed
-        );
-        o.setState("selectedId", k == null ? void 0 : k.id);
-      }
-    })
-  ), p(
-    o,
-    () => m(o, ["renderedItems"], (s) => {
-      const n = s.renderedItems;
-      if (n.length)
-        return m(b, ["renderedItems"], (c) => {
-          const f = c.renderedItems;
-          f.some((g) => !g.tabId) && f.forEach((g, B) => {
-            if (g.tabId) return;
-            const x = n[B];
-            x && b.renderItem({ ...g, tabId: x.id });
+    compositeElementInFocusOrder: _(t.compositeElementInFocusOrder, t.includesBaseElement, r == null ? void 0 : r.compositeElementInFocusOrder, r == null ? void 0 : r.includesBaseElement, !1),
+    orientation: _(t.orientation, r == null ? void 0 : r.orientation, "horizontal"),
+    focusLoop: _(t.focusLoop, r == null ? void 0 : r.focusLoop, !0)
+  }), { panels: b, panel: x } = me(), S = {
+    ...m.getState(),
+    selectedId: _(t.selectedId, r == null ? void 0 : r.selectedId, t.defaultSelectedId),
+    selectOnMove: _(t.selectOnMove, r == null ? void 0 : r.selectOnMove, !0)
+  }, s = oe(S, m, l);
+  I(s, () => f(s, ["moves"], () => {
+    const { activeId: n, selectOnMove: d } = s.getState();
+    if (!d || !n) return;
+    const u = m.item(n);
+    w(u) && s.setState("selectedId", u.id);
+  }));
+  let g = !1, v;
+  I(s, () => (g = !1, re(s, ["selectedId"], (n, d) => {
+    if (g && (g = !1, n.selectedId === v) || e && n.selectedId === d.selectedId) return;
+    const { activeId: u, renderedItems: i } = s.getState();
+    if (u === n.selectedId) return;
+    const c = de(i), k = ue(i, n.selectedId);
+    if (c && w(k)) {
+      m.move(k.id);
+      return;
+    }
+    s.setState("activeId", n.selectedId);
+  }))), I(s, () => f(s, ["selectedId", "renderedItems"], (n) => {
+    if (n.selectedId !== void 0) return;
+    const { activeId: d, renderedItems: u } = s.getState(), i = m.item(d);
+    if (w(i)) s.setState("selectedId", i.id);
+    else {
+      const c = u.find(w);
+      s.setState("selectedId", c == null ? void 0 : c.id);
+    }
+  })), I(s, () => f(s, ["renderedItems"], (n) => {
+    const d = n.renderedItems;
+    if (d.length)
+      return f(b, ["renderedItems"], (u) => {
+        const i = u.renderedItems;
+        i.some((c) => !c.tabId) && i.forEach((c, k) => {
+          if (c.tabId) return;
+          const P = d[k];
+          P && b.renderItem({
+            ...c,
+            tabId: P.id
           });
         });
-    })
-  );
-  let _ = null;
-  return p(o, () => {
-    const s = () => {
-      _ = o.getState().selectedId;
-    }, n = () => {
-      u = !1, o.setState("selectedId", _);
-    };
-    if (e && "setSelectElement" in e)
-      return z(
-        m(e, ["value"], s),
-        m(e, ["mounted"], n)
-      );
-    if (a)
-      return z(
-        m(a, ["selectedValue"], s),
-        m(a, ["mounted"], n)
-      );
+      });
+  }));
+  let p = null;
+  return I(s, () => {
+    const n = () => {
+      p = s.getState().selectedId;
+    }, d = () => {
+      const { selectedId: c } = s.getState();
+      c !== p && (g = !0, v = p, s.setState("selectedId", p));
+    }, u = !!e && "setSelectedValue" in e, i = u ? e : o;
+    if (e && !u && "setSelectElement" in e) return z(f(e, ["value"], n), f(e, ["mounted"], d));
+    if (i)
+      return z(f(i, ["selectedValue"], n), f(i, ["mounted"], d));
   }), {
-    ...d,
-    ...o,
+    ...m,
+    ...s,
     panels: b,
-    setSelectedId: (s) => o.setState("selectedId", s),
-    select: (s) => {
-      o.setState("selectedId", s), d.move(s);
+    panel: x,
+    setSelectedId: (n) => s.setState("selectedId", n),
+    select: (n) => {
+      s.setState("selectedId", n), m.move(n);
     }
   };
 }
-function ne(e, a, t) {
-  P(a, [t.composite, t.combobox]), e = ae(e, a, t), j(e, t, "selectedId", "setSelectedId"), j(e, t, "selectOnMove");
-  const [i, l] = E(() => e.panels, {});
-  return P(l, [e, l]), Object.assign(
-    R(() => ({ ...e, panels: i }), [e, i]),
-    { composite: t.composite, combobox: t.combobox }
-  );
+function be(e, o, t) {
+  y(o, [
+    t.composite,
+    t.combobox,
+    o
+  ]);
+  const a = U(e, o, t);
+  C(a, t, "selectedId", "setSelectedId"), C(a, t, "selectOnMove");
+  const [l, r] = N(() => a.panels, {});
+  return y(r, [a, r]), Object.assign(ee(() => ({
+    ...a,
+    panels: l
+  }), [a, l]), {
+    composite: t.composite,
+    combobox: t.combobox
+  });
 }
-function Fe(e = {}) {
-  const a = se(), t = ie() || a;
-  e = {
+function Ge(e = {}) {
+  const o = K(), t = ce() || o, a = {
     ...e,
     composite: e.composite !== void 0 ? e.composite : t,
-    combobox: e.combobox !== void 0 ? e.combobox : a
-  };
-  const [i, l] = E(le, e);
-  return ne(i, l, e);
+    combobox: e.combobox !== void 0 ? e.combobox : o
+  }, [l, r] = N(fe, a);
+  return be(l, r, a);
 }
-const N = T.createContext(null);
-function ce() {
-  const e = T.useContext(N);
+const $ = O.createContext(null);
+function ge() {
+  const e = O.useContext($);
   return (e == null ? void 0 : e.size) || "lg";
 }
-const de = "_root_ijogm_2", S = {
-  root: de,
+const pe = "_root_ijogm_2", T = {
+  root: pe,
   "size-lg": "_size-lg_ijogm_58",
   "size-md": "_size-md_ijogm_65",
   "folder-icon": "_folder-icon_ijogm_75",
@@ -188,7 +182,7 @@ const de = "_root_ijogm_2", S = {
   "folder-icon-warm": "_folder-icon-warm_ijogm_114",
   "folder-icon-warm-active": "_folder-icon-warm-active_ijogm_117",
   "tab-list": "_tab-list_ijogm_123"
-}, me = [
+}, he = [
   "angle-left-b",
   "angle-right-b",
   "angle-up",
@@ -205,7 +199,7 @@ const de = "_root_ijogm_2", S = {
   "angle-double-right",
   "angle-left",
   "angle-right"
-], ue = [
+], ve = [
   "asterisk",
   "info-circle",
   "chart-line",
@@ -261,13 +255,13 @@ const de = "_root_ijogm_2", S = {
   "share",
   "bulk",
   "bulk-active"
-], fe = [
+], _e = [
   "chat",
   "chat-bubble-user",
   "comment",
   "comment-alt-lines",
   "comment-chart-line"
-], ge = [
+], Ie = [
   "music",
   "rocket",
   "file-alt",
@@ -354,7 +348,7 @@ const de = "_root_ijogm_2", S = {
   "certified",
   // (not unicons, personal mashup)
   "plug"
-], be = [
+], ke = [
   "play",
   "play-solid",
   "stop-circle-solid",
@@ -384,7 +378,7 @@ const de = "_root_ijogm_2", S = {
   "volume-up",
   "volume-mute",
   "closed-captioning"
-], he = [
+], we = [
   "icons",
   "package",
   "basketball",
@@ -460,14 +454,14 @@ const de = "_root_ijogm_2", S = {
   "redo",
   "play",
   "ban"
-], pe = [
+], xe = [
   "folder",
   "folder-open",
   "folder-full",
   "folder-plus",
   "file",
   "image"
-], ve = [
+], Se = [
   "bold",
   "arrow",
   "brackets-curly",
@@ -493,7 +487,7 @@ const de = "_root_ijogm_2", S = {
   // (not unicons, original creation)
   "font",
   "underline"
-], _e = [
+], je = [
   "behance",
   "dribbble",
   "facebook",
@@ -520,80 +514,80 @@ const de = "_root_ijogm_2", S = {
   // (not unicons)
   "medium"
   // (not unicons)
-], Ie = ["symbol", "wttj"], ke = ["flag-fr", "flag-en", "flag-us"], we = [
-  ...ue,
-  ...me,
-  ..._e,
-  ...fe,
-  ...pe,
-  ...ke,
+], Te = ["symbol", "wttj"], Pe = ["flag-fr", "flag-en", "flag-us"], ze = [
   ...ve,
-  ...ge,
-  ...be,
+  ...he,
+  ...je,
+  ..._e,
+  ...xe,
+  ...Pe,
+  ...Se,
   ...Ie,
-  ...he
-], Se = (e) => we.includes(e), xe = w(S);
-function ye({
+  ...ke,
+  ...Te,
+  ...we
+], ye = (e) => ze.includes(e), Ee = j(T);
+function Ce({
   icon: e,
-  iconColor: a,
+  iconColor: o,
   isActive: t,
-  size: i
+  size: a
 }) {
-  return e ? typeof e != "string" || !Se(e) ? e : /* @__PURE__ */ h(
-    H,
+  return e ? typeof e != "string" || !ye(e) ? e : /* @__PURE__ */ h(
+    le,
     {
-      className: a ? xe("folder-icon", `folder-icon-${a}${t ? "-active" : ""}`) : void 0,
+      className: o ? Ee("folder-icon", `folder-icon-${o}${t ? "-active" : ""}`) : void 0,
       name: e,
-      size: i
+      size: a
     }
   ) : null;
 }
-const je = w(S), $ = G(
-  ({ as: e, badge: a, children: t, className: i, icon: l, iconColor: r = "violet", id: d, store: b, ...I }, o) => {
-    const u = ce(), { selectedId: _ } = U(b), s = _ === d, n = ye({
+const Oe = j(T), V = ne(
+  ({ as: e, badge: o, children: t, className: a, icon: l, iconColor: r = "violet", id: m, store: b, ...x }, S) => {
+    const s = ge(), { selectedId: g } = se(b), v = g === m, p = Ce({
       icon: l,
       iconColor: r,
-      isActive: s,
-      size: u
-    }), c = s ? "neutral" : "warm";
+      isActive: v,
+      size: s
+    }), n = v ? "neutral" : "warm";
     return /* @__PURE__ */ L(
-      V,
+      A,
       {
-        className: je("root", `size-${u}`, i),
-        id: d,
-        ref: o,
+        className: Oe("root", `size-${s}`, a),
+        id: m,
+        ref: S,
         render: e ? /* @__PURE__ */ h(e, {}) : void 0,
         store: b,
-        ...I,
+        ...x,
         children: [
-          n,
+          p,
           t,
-          a ? /* @__PURE__ */ h(D, { size: u, variant: c, children: a }) : null
+          o ? /* @__PURE__ */ h(ae, { size: s, variant: n, children: o }) : null
         ]
       }
     );
   }
 );
-$.displayName = "Tabs.Tab";
-const M = O(({ children: e, ...a }, t) => /* @__PURE__ */ h(A, { ref: t, ...a, children: e }));
-M.displayName = "Tabs.Panel";
-const ze = w(S), q = O(
-  ({ children: e, className: a, size: t = "lg", store: i, ...l }, r) => /* @__PURE__ */ h(
-    F,
+V.displayName = "Tabs.Tab";
+const B = M(({ children: e, ...o }, t) => /* @__PURE__ */ h(R, { ref: t, ...o, children: e }));
+B.displayName = "Tabs.Panel";
+const Fe = j(T), q = M(
+  ({ children: e, className: o, size: t = "lg", store: a, ...l }, r) => /* @__PURE__ */ h(
+    W,
     {
-      className: ze("tab-list", `size-${t}`, a),
+      className: Fe("tab-list", `size-${t}`, o),
       ref: r,
-      store: i,
+      store: a,
       ...l,
-      children: /* @__PURE__ */ h(N.Provider, { value: { size: t }, children: e })
+      children: /* @__PURE__ */ h($.Provider, { value: { size: t }, children: e })
     }
   )
 );
 q.displayName = "Tabs";
-const Re = Object.assign(q, { Panel: M, Tab: $ });
+const He = Object.assign(q, { Panel: B, Tab: V });
 export {
-  Re as Tabs,
+  He as Tabs,
   q as TabsComponent,
-  S as tabsClasses,
-  Fe as useTab
+  T as tabsClasses,
+  Ge as useTab
 };

package/dist/TimePicker.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as f } from "react/jsx-runtime";
 import { forwardRef as S, useState as j, useRef as F, useEffect as d } from "react";
-import { D as I, C as L } from "./CustomPopper-C1wIDHbM.js";
-import { b as M, D as O, s as U } from "./utils-ZE_dEXnJ.js";
+import { D as I, C as L } from "./CustomPopper-DWdMQOgg.js";
+import { D as M, b as O, s as U } from "./utils-ZE_dEXnJ.js";
 import { InputText as _ } from "./InputText.js";
 import { c as q } from "./index-B6iGEm-i.js";
 const a = q(U), z = S(
@@ -18,10 +18,10 @@ const a = q(U), z = S(
     size: x = "md",
     timeIntervals: m = 15,
     transparent: y,
-    value: r = O,
+    value: r = M,
     ...c
   }, p) => {
-    const i = (e) => M(e, m), [A, l] = j(i(r)), H = F(), P = p || H;
+    const i = (e) => O(e, m), [A, l] = j(i(r)), H = F(), P = p || H;
     d(() => {
       t == null || t(i(r));
     }, []), d(() => {

package/dist/Toggle.js

@@ -1,7 +1,7 @@
 "use client";
 import './Toggle.css';
 import { jsxs as d, jsx as s } from "react/jsx-runtime";
-import { a as f } from "./I7KWAPMF-DQWZpGyL.js";
+import { a as f } from "./DjvJNLSl-CB2sOBlX.js";
 import { forwardRef as h } from "react";
 import { useField as w } from "./Field.js";
 import { Icon as a } from "./Icon.js";

package/dist/Tooltip.css

@@ -1 +1 @@
-@layer components{._root_1r2b3_2{display:flex;flex-direction:column;gap:var(--tooltip-gap-content);background-color:var(--tooltip-color-background);border:var(--tooltip-border-width) solid var(--tooltip-color-border);border-radius:var(--tooltip-border-radius);box-sizing:border-box;color:var(--tooltip-color-text);max-width:12.5rem;padding:var(--tooltip-padding-block) var(--tooltip-padding-inline);transition-property:opacity,visibility;transition-duration:var(--duration-medium);z-index:10;visibility:var(--visibility, hidden);opacity:var(--opacity, 0);box-shadow:var(--elevation-20)}._root_1r2b3_2[data-enter=true]{--visibility: visible;--opacity: 1}._childItem_1r2b3_24{display:inline}}
+@layer components{._root_auyq0_2{display:flex;flex-direction:column;gap:var(--tooltip-gap-content);background-color:var(--tooltip-color-background);border:var(--tooltip-border-width) solid var(--tooltip-color-border);border-radius:var(--tooltip-border-radius);box-sizing:border-box;color:var(--tooltip-color-text);max-width:12.5rem;padding:var(--tooltip-padding-block) var(--tooltip-padding-inline);transition-property:opacity,visibility;transition-duration:var(--duration-medium);z-index:10;visibility:var(--visibility, hidden);opacity:var(--opacity, 0);box-shadow:var(--elevation-20)}._root_auyq0_2[data-enter=true]{--visibility: visible;--opacity: 1}._childItem_auyq0_24{display:inline-block;width:fit-content}}