@serendie/ui 3.5.1 → 3.6.0

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 (59) hide show
  1. package/dist/client.js +128 -124
  2. package/dist/components/BottomNavigation/BottomNavigation.d.ts +1 -1
  3. package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +84 -0
  4. package/dist/components/Breadcrumbs/Breadcrumbs.js +268 -0
  5. package/dist/components/Breadcrumbs/index.d.ts +2 -0
  6. package/dist/components/Breadcrumbs/index.js +6 -0
  7. package/dist/components/DataTable/DataTable.sampleData.d.ts +12 -0
  8. package/dist/components/DataTable/DataTable.sampleData.test.d.ts +1 -0
  9. package/dist/components/DataTable/DataTableComponent.d.ts +1 -1
  10. package/dist/components/DataTable/table/BodyCheckbox.d.ts +1 -1
  11. package/dist/components/Divider/Divider.d.ts +1 -1
  12. package/dist/components/List/List.d.ts +1 -1
  13. package/dist/components/List/ListItem.d.ts +42 -12
  14. package/dist/components/List/ListItem.js +122 -75
  15. package/dist/components/ProgressIndicator/AnimatedArc.d.ts +1 -0
  16. package/dist/components/ProgressIndicator/AnimatedArc.js +31 -34
  17. package/dist/components/ProgressIndicator/AnimatedArc.test.d.ts +1 -0
  18. package/dist/components/ProgressIndicator/ProgressIndicator.d.ts +1 -1
  19. package/dist/components/ProgressIndicator/ProgressIndicatorIndeterminate.d.ts +2 -1
  20. package/dist/components/ProgressIndicator/ProgressIndicatorIndeterminate.js +49 -36
  21. package/dist/components/ProgressIndicator/animatedArcProps.d.ts +11 -0
  22. package/dist/components/ProgressIndicator/animatedArcProps.js +19 -0
  23. package/dist/components/Tabs/TabItem.d.ts +1 -1
  24. package/dist/components/Tabs/Tabs.d.ts +1 -1
  25. package/dist/i18n/dictionary.d.ts +4 -0
  26. package/dist/i18n/dictionary.js +8 -4
  27. package/dist/i18n/provider.d.ts +1 -1
  28. package/dist/index.d.ts +1 -0
  29. package/dist/index.js +128 -124
  30. package/dist/node_modules/@zag-js/accordion/dist/accordion.connect.js +49 -50
  31. package/dist/node_modules/@zag-js/combobox/dist/combobox.connect.js +70 -68
  32. package/dist/node_modules/@zag-js/combobox/dist/combobox.machine.js +1 -1
  33. package/dist/node_modules/@zag-js/date-picker/dist/date-picker.connect.js +322 -308
  34. package/dist/node_modules/@zag-js/date-picker/dist/date-picker.machine.js +93 -79
  35. package/dist/node_modules/@zag-js/date-picker/dist/date-picker.utils.js +35 -43
  36. package/dist/node_modules/@zag-js/date-utils/dist/locale.js +12 -0
  37. package/dist/node_modules/@zag-js/dialog/dist/dialog.dom.js +36 -35
  38. package/dist/node_modules/@zag-js/dialog/dist/dialog.machine.js +27 -37
  39. package/dist/node_modules/@zag-js/dismissable/dist/dismissable-layer.js +56 -41
  40. package/dist/node_modules/@zag-js/dismissable/dist/layer-stack.js +51 -31
  41. package/dist/node_modules/@zag-js/dismissable/dist/pointer-event-outside.js +46 -25
  42. package/dist/node_modules/@zag-js/dom-query/dist/controller.js +5 -5
  43. package/dist/node_modules/@zag-js/dom-query/dist/overflow.js +13 -21
  44. package/dist/node_modules/@zag-js/dom-query/dist/scroll.js +11 -0
  45. package/dist/node_modules/@zag-js/live-region/dist/index.js +29 -19
  46. package/dist/node_modules/@zag-js/menu/dist/menu.connect.js +138 -135
  47. package/dist/node_modules/@zag-js/menu/dist/menu.dom.js +24 -24
  48. package/dist/node_modules/@zag-js/menu/dist/menu.machine.js +1 -1
  49. package/dist/node_modules/@zag-js/popper/dist/get-placement.js +82 -71
  50. package/dist/node_modules/@zag-js/react/dist/machine.js +105 -96
  51. package/dist/node_modules/@zag-js/remove-scroll/dist/index.js +34 -26
  52. package/dist/node_modules/@zag-js/select/dist/select.connect.js +104 -101
  53. package/dist/node_modules/@zag-js/select/dist/select.machine.js +1 -1
  54. package/dist/node_modules/@zag-js/tabs/dist/tabs.machine.js +63 -60
  55. package/dist/node_modules/@zag-js/tooltip/dist/tooltip.connect.js +27 -25
  56. package/dist/node_modules/@zag-js/tooltip/dist/tooltip.dom.js +15 -14
  57. package/dist/styles.css +1 -1
  58. package/dist/theme/initColorScheme.d.ts +1 -1
  59. package/package.json +8 -8
@@ -1,21 +1,22 @@
1
- import { isLeftClick as V } from "../../dom-query/dist/event.js";
2
- import { dataAttr as P } from "../../dom-query/dist/shared.js";
3
- import { isFocusVisible as A } from "../../focus-visible/dist/index.js";
4
- import { getPlacementStyles as C } from "../../popper/dist/get-styles.js";
1
+ import { isLeftClick as C } from "../../dom-query/dist/event.js";
2
+ import { dataAttr as v } from "../../dom-query/dist/shared.js";
3
+ import { isFocusVisible as I } from "../../focus-visible/dist/index.js";
4
+ import { getPlacementStyles as S } from "../../popper/dist/get-styles.js";
5
+ import { getPlacementSide as k } from "../../popper/dist/placement.js";
5
6
  import { parts as p } from "./tooltip.anatomy.js";
6
- import { getContentId as I, getPositionerId as S, getArrowId as k, getTriggerId as L } from "./tooltip.dom.js";
7
+ import { getContentId as L, getPositionerId as D, getArrowId as O, getTriggerId as x } from "./tooltip.dom.js";
7
8
  import { store as g } from "./tooltip.store.js";
8
- function j(b, u) {
9
- const { state: y, context: m, send: r, scope: d, prop: n, event: D } = b, f = n("id"), w = !!n("aria-label"), o = y.matches("open", "closing"), h = m.get("triggerValue"), T = I(d), a = n("disabled"), v = C({
9
+ function J(V, u) {
10
+ const { state: y, context: w, send: r, scope: d, prop: n, event: E } = V, f = n("id"), h = !!n("aria-label"), o = y.matches("open", "closing"), T = w.get("triggerValue"), m = w.get("currentPlacement"), A = m ? k(m) : void 0, b = L(d), a = n("disabled"), P = S({
10
11
  ...n("positioning"),
11
- placement: m.get("currentPlacement")
12
+ placement: m
12
13
  });
13
14
  return {
14
15
  open: o,
15
16
  setOpen(i) {
16
17
  y.matches("open", "closing") !== i && r({ type: i ? "open" : "close" });
17
18
  },
18
- triggerValue: h,
19
+ triggerValue: T,
19
20
  setTriggerValue(i) {
20
21
  r({ type: "triggerValue.set", value: i ?? void 0 });
21
22
  },
@@ -23,24 +24,24 @@ function j(b, u) {
23
24
  r({ type: "positioning.set", options: i });
24
25
  },
25
26
  getTriggerProps(i = {}) {
26
- const { value: e } = i, l = e == null ? !1 : h === e, c = L(d, e);
27
+ const { value: e } = i, l = e == null ? !1 : T === e, c = x(d, e);
27
28
  return u.button({
28
29
  ...p.trigger.attrs,
29
30
  id: c,
30
31
  "data-ownedby": d.id,
31
32
  "data-value": e,
32
- "data-current": P(l),
33
+ "data-current": v(l),
33
34
  dir: n("dir"),
34
- "data-expanded": P(o),
35
+ "data-expanded": v(o),
35
36
  "data-state": o ? "open" : "closed",
36
- "aria-describedby": o ? T : void 0,
37
+ "aria-describedby": o ? b : void 0,
37
38
  onClick(t) {
38
39
  if (t.defaultPrevented || a || !n("closeOnClick")) return;
39
40
  const s = o && e != null && !l;
40
41
  r({ type: s ? "triggerValue.set" : "close", src: "trigger.click", value: e, triggerId: c });
41
42
  },
42
43
  onFocus(t) {
43
- if (t.defaultPrevented || a || !A()) return;
44
+ if (t.defaultPrevented || a || !I()) return;
44
45
  const s = o && e != null && !l;
45
46
  r({ type: s ? "triggerValue.set" : "open", src: "trigger.focus", value: e, triggerId: c });
46
47
  },
@@ -50,7 +51,7 @@ function j(b, u) {
50
51
  (s == null ? void 0 : s.closest(`[data-ownedby="${d.id}"]`)) != null || r({ type: "close", src: "trigger.blur", value: e, triggerId: c });
51
52
  },
52
53
  onPointerDown(t) {
53
- t.defaultPrevented || a || V(t) && n("closeOnPointerDown") && f === g.get("id") && r({ type: "close", src: "trigger.pointerdown", value: e, triggerId: c });
54
+ t.defaultPrevented || a || C(t) && n("closeOnPointerDown") && f === g.get("id") && r({ type: "close", src: "trigger.pointerdown", value: e, triggerId: c });
54
55
  },
55
56
  onPointerMove(t) {
56
57
  if (t.defaultPrevented || a || t.pointerType === "touch") return;
@@ -70,25 +71,25 @@ function j(b, u) {
70
71
  },
71
72
  getArrowProps() {
72
73
  return u.element({
73
- id: k(d),
74
+ id: O(d),
74
75
  ...p.arrow.attrs,
75
76
  dir: n("dir"),
76
- style: v.arrow
77
+ style: P.arrow
77
78
  });
78
79
  },
79
80
  getArrowTipProps() {
80
81
  return u.element({
81
82
  ...p.arrowTip.attrs,
82
83
  dir: n("dir"),
83
- style: v.arrowTip
84
+ style: P.arrowTip
84
85
  });
85
86
  },
86
87
  getPositionerProps() {
87
88
  return u.element({
88
- id: S(d),
89
+ id: D(d),
89
90
  ...p.positioner.attrs,
90
91
  dir: n("dir"),
91
- style: v.floating
92
+ style: P.floating
92
93
  });
93
94
  },
94
95
  getContentProps() {
@@ -98,10 +99,11 @@ function j(b, u) {
98
99
  dir: n("dir"),
99
100
  hidden: !o,
100
101
  "data-state": o ? "open" : "closed",
101
- "data-instant": P(l),
102
- role: w ? void 0 : "tooltip",
103
- id: w ? void 0 : T,
104
- "data-placement": m.get("currentPlacement"),
102
+ "data-instant": v(l),
103
+ role: h ? void 0 : "tooltip",
104
+ id: h ? void 0 : b,
105
+ "data-placement": m,
106
+ "data-side": A,
105
107
  onPointerEnter() {
106
108
  r({ type: "content.pointer.move" });
107
109
  },
@@ -116,5 +118,5 @@ function j(b, u) {
116
118
  };
117
119
  }
118
120
  export {
119
- j as connect
121
+ J as connect
120
122
  };
@@ -1,25 +1,26 @@
1
- import { isFunction as g } from "../../utils/dist/guard.js";
2
- import { queryAll as d } from "../../dom-query/dist/query.js";
3
- var e = (t, r) => {
4
- var o;
5
- const i = (o = t.ids) == null ? void 0 : o.trigger;
6
- return i != null ? g(i) ? i(r) : i : r ? `tooltip:${t.id}:trigger:${r}` : `tooltip:${t.id}:trigger`;
7
- }, $ = (t) => {
1
+ import { isFunction as d } from "../../utils/dist/guard.js";
2
+ import { queryAll as e } from "../../dom-query/dist/query.js";
3
+ var o = (t, r) => {
4
+ var g;
5
+ const i = (g = t.ids) == null ? void 0 : g.trigger;
6
+ return i != null ? d(i) ? i(r) : i : r ? `tooltip:${t.id}:trigger:${r}` : `tooltip:${t.id}:trigger`;
7
+ }, u = (t) => {
8
8
  var r;
9
9
  return ((r = t.ids) == null ? void 0 : r.content) ?? `tooltip:${t.id}:content`;
10
- }, p = (t) => {
10
+ }, v = (t) => {
11
11
  var r;
12
12
  return ((r = t.ids) == null ? void 0 : r.arrow) ?? `tooltip:${t.id}:arrow`;
13
13
  }, n = (t) => {
14
14
  var r;
15
15
  return ((r = t.ids) == null ? void 0 : r.positioner) ?? `tooltip:${t.id}:popper`;
16
- }, m = (t) => t.getById(n(t)), a = (t) => d(t.getDoc(), `[data-scope="tooltip"][data-part="trigger"][data-ownedby="${t.id}"]`), u = (t, r) => r == null ? a(t)[0] : t.getById(e(t, r));
16
+ }, a = (t) => t.getById(o(t)), m = (t) => t.getById(n(t)), l = (t) => e(t.getRootNode(), `[data-scope="tooltip"][data-part="trigger"][data-ownedby="${t.id}"]`), y = (t, r) => r == null ? a(t) ?? l(t)[0] : t.getById(o(t, r));
17
17
  export {
18
- u as getActiveTriggerEl,
19
- p as getArrowId,
20
- $ as getContentId,
18
+ y as getActiveTriggerEl,
19
+ v as getArrowId,
20
+ u as getContentId,
21
21
  m as getPositionerEl,
22
22
  n as getPositionerId,
23
- a as getTriggerEls,
24
- e as getTriggerId
23
+ a as getTriggerEl,
24
+ l as getTriggerEls,
25
+ o as getTriggerId
25
26
  };