@serendie/ui 3.1.1-dev.202602260402 → 3.1.1-dev.202603310916

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/dist/client.js +5 -5
  2. package/dist/components/Avatar/Avatar.js +5 -5
  3. package/dist/components/Badge/Badge.js +1 -1
  4. package/dist/components/Banner/Banner.js +4 -4
  5. package/dist/components/BottomNavigation/BottomNavigationItem.js +4 -4
  6. package/dist/components/Button/Button.js +6 -6
  7. package/dist/components/CheckBox/CheckBox.js +4 -4
  8. package/dist/components/ChoiceBox/ChoiceBox.js +1 -1
  9. package/dist/components/DashboardWidget/DashboardWidget.js +4 -4
  10. package/dist/components/DataTable/DataTableComponent.js +16 -17
  11. package/dist/components/DataTable/table/HeaderCell.js +4 -4
  12. package/dist/components/DataTable/table/Root.js +4 -4
  13. package/dist/components/DatePicker/DatePicker.js +2 -2
  14. package/dist/components/Divider/Divider.js +4 -4
  15. package/dist/components/Drawer/Drawer.js +1 -1
  16. package/dist/components/IconButton/IconButton.js +4 -4
  17. package/dist/components/List/ListItem.js +1 -1
  18. package/dist/components/ModalDialog/ModalDialog.js +10 -10
  19. package/dist/components/NotificationBadge/NotificationBadge.js +1 -1
  20. package/dist/components/Pagination/Pagination.js +6 -6
  21. package/dist/components/RadioButton/RadioButton.js +4 -4
  22. package/dist/components/Search/Search.js +12 -12
  23. package/dist/components/Select/Select.js +7 -7
  24. package/dist/components/Switch/Switch.js +11 -11
  25. package/dist/components/Tabs/TabItem.js +6 -6
  26. package/dist/components/Tabs/Tabs.js +5 -5
  27. package/dist/components/TextArea/TextArea.js +4 -4
  28. package/dist/components/TextField/TextField.js +1 -1
  29. package/dist/components/Toast/Toast.js +6 -6
  30. package/dist/components/Tooltip/Tooltip.js +12 -12
  31. package/dist/components/TopAppBar/TopAppBar.js +4 -4
  32. package/dist/index.js +5 -5
  33. package/dist/node_modules/@ark-ui/react/dist/components/accordion/use-accordion-item-context.js +2 -3
  34. package/dist/node_modules/@ark-ui/react/dist/components/combobox/use-combobox-item-context.js +2 -3
  35. package/dist/node_modules/@ark-ui/react/dist/components/combobox/use-combobox-item-group-props-context.js +2 -3
  36. package/dist/node_modules/@ark-ui/react/dist/components/menu/use-menu-item-context.js +2 -3
  37. package/dist/node_modules/@ark-ui/react/dist/components/menu/use-menu-item-group-context.js +2 -3
  38. package/dist/node_modules/@ark-ui/react/dist/components/menu/use-menu-option-item-props-context.js +2 -3
  39. package/dist/node_modules/@ark-ui/react/dist/components/menu/use-menu-trigger-item-context.js +2 -3
  40. package/dist/node_modules/@ark-ui/react/dist/components/select/use-select-item-context.js +2 -3
  41. package/dist/node_modules/@ark-ui/react/dist/components/select/use-select-item-props-context.js +2 -3
  42. package/dist/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +1 -1
  43. package/dist/node_modules/@zag-js/accordion/dist/index.js +4 -4
  44. package/dist/node_modules/@zag-js/combobox/dist/index.js +1 -1
  45. package/dist/node_modules/@zag-js/date-picker/dist/index.js +13 -13
  46. package/dist/node_modules/@zag-js/menu/dist/index.js +11 -11
  47. package/dist/node_modules/@zag-js/react/dist/index.js +1 -1
  48. package/dist/node_modules/@zag-js/remove-scroll/dist/index.js +3 -3
  49. package/dist/node_modules/@zag-js/tabs/dist/index.js +4 -4
  50. package/dist/node_modules/@zag-js/toast/dist/index.js +4 -4
  51. package/dist/node_modules/@zag-js/tooltip/dist/index.js +3 -3
  52. package/package.json +4 -1
@@ -1,8 +1,8 @@
1
1
  import { createAnatomy as de } from "../../anatomy/dist/index.js";
2
2
  import { mergeProps as ue, createMachine as ce, createGuards as he } from "../../core/dist/index.js";
3
- import { dataAttr as C, isDownloadingEvent as J, isOpeningInNewTab as Q, isSelfTarget as pe, getEventTarget as B, isValidTabEvent as Oe, getEventKey as Z, isPrintableKey as Ee, isModifierKey as me, isEditableElement as re, isContextMenuEvent as Te, getEventPoint as b, ariaAttr as Ie, isAnchorElement as fe, isHTMLElement as Pe, raf as D, observeAttributes as ye, addDomEvent as Ce, getByTypeahead as oe, clickIfLink as Re, getWindow as ve, queryAll as Se, getInitialFocus as Ne, contains as U, scrollIntoView as ke } from "../../dom-query/dist/index.js";
3
+ import { dataAttr as C, isDownloadingEvent as J, isOpeningInNewTab as Q, isSelfTarget as pe, getEventTarget as B, isValidTabEvent as Oe, getEventKey as Z, isPrintableKey as Ee, isModifierKey as me, isEditableElement as re, isContextMenuEvent as Te, getEventPoint as b, ariaAttr as Ie, isHTMLElement as fe, raf as D, observeAttributes as Pe, addDomEvent as ye, getByTypeahead as oe, clickIfLink as Ce, isAnchorElement as Re, getWindow as ve, queryAll as Se, getInitialFocus as Ne, contains as U, scrollIntoView as ke } from "../../dom-query/dist/index.js";
4
4
  import { getPlacementStyles as Le, getPlacementSide as Ae, getPlacement as z } from "../../popper/dist/index.js";
5
- import { hasProp as W, cast as ee, last as Me, first as be, isEqual as De, prev as _e, next as He } from "../../utils/dist/index.js";
5
+ import { hasProp as W, cast as ee, isEqual as Me, prev as be, next as De, last as _e, first as He } from "../../utils/dist/index.js";
6
6
  import { trackDismissableElement as we } from "../../dismissable/dist/index.js";
7
7
  import { getElementPolygon as Ge, isPointInPolygon as Ve } from "../../rect-utils/dist/index.js";
8
8
  import { createProps as k } from "../../types/dist/index.js";
@@ -45,16 +45,16 @@ var Fe = de("menu").parts(
45
45
  }, I = (e) => e.getById(S(e)), ne = (e) => e.getById(se(e)), _ = (e) => e.getById(w(e)), le = (e, t) => t ? e.getById(N(e, t)) : null, x = (e) => e.getById(ae(e)), L = (e) => {
46
46
  const n = `[role^="menuitem"][data-ownedby=${CSS.escape(S(e))}]:not([data-disabled])`;
47
47
  return Se(I(e), n);
48
- }, xe = (e) => be(L(e)), Be = (e) => Me(L(e)), $ = (e, t) => t ? e.id === t || e.dataset.value === t : !1, Ke = (e, t) => {
48
+ }, xe = (e) => He(L(e)), Be = (e) => _e(L(e)), $ = (e, t) => t ? e.id === t || e.dataset.value === t : !1, Ke = (e, t) => {
49
49
  const n = L(e), i = n.findIndex((s) => $(s, t.value));
50
- return He(n, i, { loop: t.loop ?? t.loopFocus });
50
+ return De(n, i, { loop: t.loop ?? t.loopFocus });
51
51
  }, $e = (e, t) => {
52
52
  const n = L(e), i = n.findIndex((s) => $(s, t.value));
53
- return _e(n, i, { loop: t.loop ?? t.loopFocus });
53
+ return be(n, i, { loop: t.loop ?? t.loopFocus });
54
54
  }, Xe = (e, t) => {
55
55
  const n = L(e), i = n.find((s) => $(s, t.value));
56
56
  return oe(n, { state: t.typeaheadState, key: t.key, activeId: (i == null ? void 0 : i.id) ?? null });
57
- }, H = (e) => Pe(e) && (e.dataset.disabled === "" || e.hasAttribute("disabled")), Ye = (e) => {
57
+ }, H = (e) => fe(e) && (e.dataset.disabled === "" || e.hasAttribute("disabled")), Ye = (e) => {
58
58
  var t;
59
59
  return !!((t = e == null ? void 0 : e.getAttribute("role")) != null && t.startsWith("menuitem")) && !!(e != null && e.hasAttribute("aria-controls"));
60
60
  }, K = "menu:select";
@@ -315,7 +315,7 @@ function at(e, t) {
315
315
  },
316
316
  Enter() {
317
317
  var h;
318
- i({ type: "ENTER" }), v != null && fe(E) && ((h = o("navigate")) == null || h({ value: v, node: E, href: E.href }));
318
+ i({ type: "ENTER" }), v != null && Re(E) && ((h = o("navigate")) == null || h({ value: v, node: E, href: E.href }));
319
319
  },
320
320
  Space(h) {
321
321
  var M;
@@ -414,7 +414,7 @@ var { not: m, and: R, or: je } = he(), st = ce({
414
414
  composite: !0,
415
415
  loopFocus: !1,
416
416
  navigate(t) {
417
- Re(t.node);
417
+ Ce(t.node);
418
418
  },
419
419
  ...e,
420
420
  positioning: {
@@ -981,7 +981,7 @@ var { not: m, and: R, or: je } = he(), st = ce({
981
981
  g.context.set("suspendPointer", !0);
982
982
  });
983
983
  const o = t.getDoc();
984
- return Ce(o, "pointermove", (l) => {
984
+ return ye(o, "pointermove", (l) => {
985
985
  Je(e.get("intentPolygon"), {
986
986
  x: l.clientX,
987
987
  y: l.clientY
@@ -994,7 +994,7 @@ var { not: m, and: R, or: je } = he(), st = ce({
994
994
  const g = t.getById(n("highlightedId")), o = I(t);
995
995
  ke(g, { rootEl: o, block: "nearest" });
996
996
  };
997
- return D(() => i()), ye(() => I(t), {
997
+ return D(() => i()), Pe(() => I(t), {
998
998
  defer: !0,
999
999
  attributes: ["aria-activedescendant"],
1000
1000
  callback: i
@@ -1003,7 +1003,7 @@ var { not: m, and: R, or: je } = he(), st = ce({
1003
1003
  },
1004
1004
  actions: {
1005
1005
  setAnchorPoint({ context: e, event: t }) {
1006
- e.set("anchorPoint", (n) => De(n, t.point) ? n : t.point);
1006
+ e.set("anchorPoint", (n) => Me(n, t.point) ? n : t.point);
1007
1007
  },
1008
1008
  setSubmenuPlacement({ context: e, computed: t, refs: n }) {
1009
1009
  if (!e.get("isSubmenu")) return;
@@ -1,7 +1,7 @@
1
1
  import { createScope as Y, MachineStatus as V, INIT_STATE as L } from "../../core/dist/index.js";
2
2
  import { mergeProps as bt } from "../../core/dist/index.js";
3
3
  import { compact as Z, ensure as h, identity as tt, isFunction as j, warn as H, toArray as et, isString as rt } from "../../utils/dist/index.js";
4
- import { useMemo as nt, useRef as d, useLayoutEffect as ut, useEffect as w, useState as K } from "react";
4
+ import { useMemo as nt, useRef as d, useState as K, useLayoutEffect as ut, useEffect as w } from "react";
5
5
  import { flushSync as O } from "react-dom";
6
6
  import { createNormalizer as ot } from "../../types/dist/index.js";
7
7
  import "react/jsx-runtime";
@@ -1,4 +1,4 @@
1
- import { setStyleProperty as x, setStyle as p, isIos as L } from "../../dom-query/dist/index.js";
1
+ import { isIos as x, setStyleProperty as L, setStyle as p } from "../../dom-query/dist/index.js";
2
2
  var i = "data-scroll-lock";
3
3
  function m(r) {
4
4
  const n = r.getBoundingClientRect().left;
@@ -9,7 +9,7 @@ function $(r) {
9
9
  if (e.hasAttribute(i)) return;
10
10
  const l = c.innerWidth - s.clientWidth;
11
11
  e.setAttribute(i, "");
12
- const h = () => x(s, "--scrollbar-width", `${l}px`), f = m(s), u = () => p(e, {
12
+ const h = () => L(s, "--scrollbar-width", `${l}px`), f = m(s), u = () => p(e, {
13
13
  overflow: "hidden",
14
14
  [f]: `${l}px`
15
15
  }), y = () => {
@@ -24,7 +24,7 @@ function $(r) {
24
24
  return () => {
25
25
  d == null || d(), c.scrollTo({ left: t, top: a, behavior: "instant" });
26
26
  };
27
- }, b = [h(), L() ? y() : u()];
27
+ }, b = [h(), x() ? y() : u()];
28
28
  return () => {
29
29
  b.forEach((t) => t == null ? void 0 : t()), e.removeAttribute(i);
30
30
  };
@@ -1,5 +1,5 @@
1
1
  import { createAnatomy as L } from "../../anatomy/dist/index.js";
2
- import { dataAttr as d, isOpeningInNewTab as N, isSafari as P, isSelfTarget as S, isComposingEvent as U, getEventKey as $, isAnchorElement as D, trackElementRect as k, nextTick as W, raf as v, getFocusables as x, prevById as M, nextById as X, clickIfLink as H, itemById as K, queryAll as Y } from "../../dom-query/dist/index.js";
2
+ import { dataAttr as d, isOpeningInNewTab as N, isSafari as P, isSelfTarget as S, isComposingEvent as U, getEventKey as $, isAnchorElement as D, trackElementRect as k, nextTick as W, raf as v, getFocusables as x, clickIfLink as M, itemById as X, prevById as H, nextById as K, queryAll as Y } from "../../dom-query/dist/index.js";
3
3
  import { last as q, first as j } from "../../utils/dist/index.js";
4
4
  import { setup as G } from "../../core/dist/index.js";
5
5
  import { createProps as F } from "../../types/dist/index.js";
@@ -21,13 +21,13 @@ var J = L("tabs").parts("root", "list", "trigger", "content", "indicator"), b =
21
21
  }, Z = (e) => e.getById(y(e)), z = (e, t) => e.getById(E(e, t)), h = (e, t) => e.getById(f(e, t)), _ = (e) => e.getById(w(e)), V = (e) => {
22
22
  const o = `[role=tab][data-ownedby='${CSS.escape(y(e))}']:not([disabled])`;
23
23
  return Y(Z(e), o);
24
- }, ee = (e) => j(V(e)), te = (e) => q(V(e)), ae = (e, t) => X(V(e), f(e, t.value), t.loopFocus), oe = (e, t) => M(V(e), f(e, t.value), t.loopFocus), O = (e) => ({
24
+ }, ee = (e) => j(V(e)), te = (e) => q(V(e)), ae = (e, t) => K(V(e), f(e, t.value), t.loopFocus), oe = (e, t) => H(V(e), f(e, t.value), t.loopFocus), O = (e) => ({
25
25
  left: (e == null ? void 0 : e.offsetLeft) ?? 0,
26
26
  top: (e == null ? void 0 : e.offsetTop) ?? 0,
27
27
  width: (e == null ? void 0 : e.offsetWidth) ?? 0,
28
28
  height: (e == null ? void 0 : e.offsetHeight) ?? 0
29
29
  }), re = (e, t) => {
30
- const o = K(V(e), f(e, t));
30
+ const o = X(V(e), f(e, t));
31
31
  return B(O(o));
32
32
  }, B = (e) => ({
33
33
  width: `${e.width}px`,
@@ -205,7 +205,7 @@ var { createMachine: ie } = G(), fe = ie({
205
205
  loopFocus: !0,
206
206
  composite: !0,
207
207
  navigate(t) {
208
- H(t.node);
208
+ M(t.node);
209
209
  },
210
210
  defaultValue: null,
211
211
  ...e
@@ -2,7 +2,7 @@ import { contains as q, MAX_Z_INDEX as X, raf as N, dataAttr as D, addDomEvent a
2
2
  import { createAnatomy as Q } from "../../anatomy/dist/index.js";
3
3
  import { createMachine as K, createGuards as Y } from "../../core/dist/index.js";
4
4
  import { trackDismissableBranch as Z } from "../../dismissable/dist/index.js";
5
- import { compact as J, warn as z, runIfFn as C, uuid as _, setRafTimeout as w, ensureProps as tt } from "../../utils/dist/index.js";
5
+ import { setRafTimeout as w, ensureProps as J, compact as z, warn as tt, runIfFn as C, uuid as _ } from "../../utils/dist/index.js";
6
6
  var et = Q("toast").parts(
7
7
  "group",
8
8
  "root",
@@ -460,7 +460,7 @@ function Ot(t, e) {
460
460
  }
461
461
  var { not: dt } = Y(), Rt = K({
462
462
  props({ props: t }) {
463
- return tt(t, ["id", "type", "parent", "removeDelay"], "toast"), {
463
+ return J(t, ["id", "type", "parent", "removeDelay"], "toast"), {
464
464
  closable: !0,
465
465
  ...t,
466
466
  duration: A(t.duration, t.type)
@@ -679,7 +679,7 @@ function B(t, e) {
679
679
  const { id: i, height: s } = e;
680
680
  t.context.set("heights", (r) => r.find((c) => c.id === i) ? r.map((c) => c.id === i ? { ...c, height: s } : c) : [{ id: i, height: s }, ...r]);
681
681
  }
682
- var gt = (t, e) => ({ ...e, ...J(t) });
682
+ var gt = (t, e) => ({ ...e, ...z(t) });
683
683
  function kt(t) {
684
684
  const e = gt(t, {
685
685
  placement: "bottom",
@@ -738,7 +738,7 @@ function kt(t) {
738
738
  getCount: () => s.length,
739
739
  promise: (n, o, I = {}) => {
740
740
  if (!o || !o.loading) {
741
- z("[zag-js > toast] toaster.promise() requires at least a 'loading' option to be specified");
741
+ tt("[zag-js > toast] toaster.promise() requires at least a 'loading' option to be specified");
742
742
  return;
743
743
  }
744
744
  const v = u({
@@ -1,5 +1,5 @@
1
1
  import { createAnatomy as D } from "../../anatomy/dist/index.js";
2
- import { addDomEvent as u, getOverflowAncestors as M, dataAttr as E, isLeftClick as I, isComposingEvent as V } from "../../dom-query/dist/index.js";
2
+ import { addDomEvent as u, getOverflowAncestors as M, isLeftClick as E, dataAttr as I, isComposingEvent as V } from "../../dom-query/dist/index.js";
3
3
  import { trackFocusVisible as S, isFocusVisible as T } from "../../focus-visible/dist/index.js";
4
4
  import { getPlacement as k, getPlacementStyles as F } from "../../popper/dist/index.js";
5
5
  import { createStore as A } from "../../utils/dist/index.js";
@@ -36,7 +36,7 @@ function W(e, t) {
36
36
  ...d.trigger.attrs,
37
37
  id: h,
38
38
  dir: n("dir"),
39
- "data-expanded": E(p),
39
+ "data-expanded": I(p),
40
40
  "data-state": p ? "open" : "closed",
41
41
  "aria-describedby": p ? y : void 0,
42
42
  onClick(i) {
@@ -51,7 +51,7 @@ function W(e, t) {
51
51
  i.defaultPrevented || c || f === l.get("id") && r({ type: "close", src: "trigger.blur" });
52
52
  },
53
53
  onPointerDown(i) {
54
- i.defaultPrevented || c || I(i) && n("closeOnPointerDown") && f === l.get("id") && r({ type: "close", src: "trigger.pointerdown" });
54
+ i.defaultPrevented || c || E(i) && n("closeOnPointerDown") && f === l.get("id") && r({ type: "close", src: "trigger.pointerdown" });
55
55
  },
56
56
  onPointerMove(i) {
57
57
  i.defaultPrevented || c || i.pointerType !== "touch" && r({ type: "pointer.move" });
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@serendie/ui",
3
3
  "description": "Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric",
4
4
  "license": "MIT",
5
- "version": "3.1.1-dev.202602260402",
5
+ "version": "3.1.1-dev.202603310916",
6
6
  "type": "module",
7
7
  "types": "./dist/index.d.ts",
8
8
  "sideEffects": [
@@ -148,5 +148,8 @@
148
148
  },
149
149
  "optionalDependencies": {
150
150
  "@rollup/rollup-linux-x64-gnu": "^4.14.3"
151
+ },
152
+ "overrides": {
153
+ "axios": "1.13.2"
151
154
  }
152
155
  }