@serendie/ui 3.5.1-dev.202605201240 → 3.5.1-dev.202606160617

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 (47) hide show
  1. package/dist/components/BottomNavigation/BottomNavigation.d.ts +1 -1
  2. package/dist/components/DataTable/DataTable.sampleData.d.ts +12 -0
  3. package/dist/components/DataTable/DataTable.sampleData.test.d.ts +1 -0
  4. package/dist/components/DataTable/DataTableComponent.d.ts +1 -1
  5. package/dist/components/DataTable/table/BodyCheckbox.d.ts +1 -1
  6. package/dist/components/Divider/Divider.d.ts +1 -1
  7. package/dist/components/List/List.d.ts +1 -1
  8. package/dist/components/ProgressIndicator/AnimatedArc.d.ts +1 -0
  9. package/dist/components/ProgressIndicator/AnimatedArc.js +31 -34
  10. package/dist/components/ProgressIndicator/AnimatedArc.test.d.ts +1 -0
  11. package/dist/components/ProgressIndicator/ProgressIndicator.d.ts +1 -1
  12. package/dist/components/ProgressIndicator/ProgressIndicatorIndeterminate.d.ts +2 -1
  13. package/dist/components/ProgressIndicator/ProgressIndicatorIndeterminate.js +49 -36
  14. package/dist/components/ProgressIndicator/animatedArcProps.d.ts +11 -0
  15. package/dist/components/ProgressIndicator/animatedArcProps.js +19 -0
  16. package/dist/components/Tabs/TabItem.d.ts +1 -1
  17. package/dist/components/Tabs/Tabs.d.ts +1 -1
  18. package/dist/i18n/provider.d.ts +1 -1
  19. package/dist/node_modules/@zag-js/accordion/dist/accordion.connect.js +49 -50
  20. package/dist/node_modules/@zag-js/combobox/dist/combobox.connect.js +70 -68
  21. package/dist/node_modules/@zag-js/combobox/dist/combobox.machine.js +1 -1
  22. package/dist/node_modules/@zag-js/date-picker/dist/date-picker.connect.js +322 -308
  23. package/dist/node_modules/@zag-js/date-picker/dist/date-picker.machine.js +93 -79
  24. package/dist/node_modules/@zag-js/date-picker/dist/date-picker.utils.js +35 -43
  25. package/dist/node_modules/@zag-js/date-utils/dist/locale.js +12 -0
  26. package/dist/node_modules/@zag-js/dialog/dist/dialog.dom.js +36 -35
  27. package/dist/node_modules/@zag-js/dialog/dist/dialog.machine.js +27 -37
  28. package/dist/node_modules/@zag-js/dismissable/dist/dismissable-layer.js +56 -41
  29. package/dist/node_modules/@zag-js/dismissable/dist/layer-stack.js +51 -31
  30. package/dist/node_modules/@zag-js/dismissable/dist/pointer-event-outside.js +46 -25
  31. package/dist/node_modules/@zag-js/dom-query/dist/controller.js +5 -5
  32. package/dist/node_modules/@zag-js/dom-query/dist/overflow.js +13 -21
  33. package/dist/node_modules/@zag-js/dom-query/dist/scroll.js +11 -0
  34. package/dist/node_modules/@zag-js/live-region/dist/index.js +29 -19
  35. package/dist/node_modules/@zag-js/menu/dist/menu.connect.js +138 -135
  36. package/dist/node_modules/@zag-js/menu/dist/menu.dom.js +24 -24
  37. package/dist/node_modules/@zag-js/menu/dist/menu.machine.js +1 -1
  38. package/dist/node_modules/@zag-js/popper/dist/get-placement.js +82 -71
  39. package/dist/node_modules/@zag-js/react/dist/machine.js +105 -96
  40. package/dist/node_modules/@zag-js/remove-scroll/dist/index.js +34 -26
  41. package/dist/node_modules/@zag-js/select/dist/select.connect.js +104 -101
  42. package/dist/node_modules/@zag-js/select/dist/select.machine.js +1 -1
  43. package/dist/node_modules/@zag-js/tabs/dist/tabs.machine.js +63 -60
  44. package/dist/node_modules/@zag-js/tooltip/dist/tooltip.connect.js +27 -25
  45. package/dist/node_modules/@zag-js/tooltip/dist/tooltip.dom.js +15 -14
  46. package/dist/theme/initColorScheme.d.ts +1 -1
  47. 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
  };
@@ -71,4 +71,4 @@ export declare function getColorSchemeScript(options?: ColorSchemeScriptOptions)
71
71
  * }
72
72
  * ```
73
73
  */
74
- export declare function ColorSchemeScript(props?: ColorSchemeScriptOptions): import("react/jsx-runtime").JSX.Element;
74
+ export declare function ColorSchemeScript(props?: ColorSchemeScriptOptions): import("react").JSX.Element;
package/package.json CHANGED
@@ -9,7 +9,7 @@
9
9
  "publishConfig": {
10
10
  "access": "public"
11
11
  },
12
- "version": "3.5.1-dev.202605201240",
12
+ "version": "3.5.1-dev.202606160617",
13
13
  "type": "module",
14
14
  "types": "./dist/index.d.ts",
15
15
  "sideEffects": [
@@ -64,10 +64,10 @@
64
64
  "@serendie/design-token": "^1.4.5",
65
65
  "@tanstack/intent": "^0.0.41",
66
66
  "@storybook/addon-designs": "^11.1.3",
67
- "@storybook/addon-links": "10.3.6",
68
- "@storybook/addon-onboarding": "10.3.6",
69
- "@storybook/addon-themes": "10.3.6",
70
- "@storybook/react-vite": "10.3.6",
67
+ "@storybook/addon-links": "10.4.1",
68
+ "@storybook/addon-onboarding": "10.4.1",
69
+ "@storybook/addon-themes": "10.4.1",
70
+ "@storybook/react-vite": "10.4.1",
71
71
  "@storybook/test-runner": "^0.24.3",
72
72
  "@types/eslint__js": "^8.42.3",
73
73
  "@types/react": "^18.3.1",
@@ -80,20 +80,20 @@
80
80
  "eslint-plugin-prettier": "^5.2.1",
81
81
  "eslint-plugin-react-hooks": "^4.6.2",
82
82
  "eslint-plugin-react-refresh": "^0.4.8",
83
- "eslint-plugin-storybook": "10.3.6",
83
+ "eslint-plugin-storybook": "10.4.1",
84
84
  "globby": "14.1.0",
85
85
  "husky": "^9.1.4",
86
86
  "lint-staged": "^15.2.8",
87
87
  "prettier": "^3.3.3",
88
88
  "release-it": "^20.0.1",
89
- "storybook": "10.3.6",
89
+ "storybook": "10.4.1",
90
90
  "tsx": "^4.20.6",
91
91
  "typescript": "^5.5.3",
92
92
  "typescript-eslint": "^8.0.0",
93
93
  "vite": "^5.3.3",
94
94
  "vite-plugin-dts": "^4.2.1",
95
95
  "vite-plugin-svgr": "^4.2.0",
96
- "@storybook/addon-docs": "10.3.6"
96
+ "@storybook/addon-docs": "10.4.1"
97
97
  },
98
98
  "main": "./dist/index.cjs",
99
99
  "module": "./dist/index.js",