@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.
- package/dist/components/BottomNavigation/BottomNavigation.d.ts +1 -1
- package/dist/components/DataTable/DataTable.sampleData.d.ts +12 -0
- package/dist/components/DataTable/DataTable.sampleData.test.d.ts +1 -0
- package/dist/components/DataTable/DataTableComponent.d.ts +1 -1
- package/dist/components/DataTable/table/BodyCheckbox.d.ts +1 -1
- package/dist/components/Divider/Divider.d.ts +1 -1
- package/dist/components/List/List.d.ts +1 -1
- package/dist/components/ProgressIndicator/AnimatedArc.d.ts +1 -0
- package/dist/components/ProgressIndicator/AnimatedArc.js +31 -34
- package/dist/components/ProgressIndicator/AnimatedArc.test.d.ts +1 -0
- package/dist/components/ProgressIndicator/ProgressIndicator.d.ts +1 -1
- package/dist/components/ProgressIndicator/ProgressIndicatorIndeterminate.d.ts +2 -1
- package/dist/components/ProgressIndicator/ProgressIndicatorIndeterminate.js +49 -36
- package/dist/components/ProgressIndicator/animatedArcProps.d.ts +11 -0
- package/dist/components/ProgressIndicator/animatedArcProps.js +19 -0
- package/dist/components/Tabs/TabItem.d.ts +1 -1
- package/dist/components/Tabs/Tabs.d.ts +1 -1
- package/dist/i18n/provider.d.ts +1 -1
- package/dist/node_modules/@zag-js/accordion/dist/accordion.connect.js +49 -50
- package/dist/node_modules/@zag-js/combobox/dist/combobox.connect.js +70 -68
- package/dist/node_modules/@zag-js/combobox/dist/combobox.machine.js +1 -1
- package/dist/node_modules/@zag-js/date-picker/dist/date-picker.connect.js +322 -308
- package/dist/node_modules/@zag-js/date-picker/dist/date-picker.machine.js +93 -79
- package/dist/node_modules/@zag-js/date-picker/dist/date-picker.utils.js +35 -43
- package/dist/node_modules/@zag-js/date-utils/dist/locale.js +12 -0
- package/dist/node_modules/@zag-js/dialog/dist/dialog.dom.js +36 -35
- package/dist/node_modules/@zag-js/dialog/dist/dialog.machine.js +27 -37
- package/dist/node_modules/@zag-js/dismissable/dist/dismissable-layer.js +56 -41
- package/dist/node_modules/@zag-js/dismissable/dist/layer-stack.js +51 -31
- package/dist/node_modules/@zag-js/dismissable/dist/pointer-event-outside.js +46 -25
- package/dist/node_modules/@zag-js/dom-query/dist/controller.js +5 -5
- package/dist/node_modules/@zag-js/dom-query/dist/overflow.js +13 -21
- package/dist/node_modules/@zag-js/dom-query/dist/scroll.js +11 -0
- package/dist/node_modules/@zag-js/live-region/dist/index.js +29 -19
- package/dist/node_modules/@zag-js/menu/dist/menu.connect.js +138 -135
- package/dist/node_modules/@zag-js/menu/dist/menu.dom.js +24 -24
- package/dist/node_modules/@zag-js/menu/dist/menu.machine.js +1 -1
- package/dist/node_modules/@zag-js/popper/dist/get-placement.js +82 -71
- package/dist/node_modules/@zag-js/react/dist/machine.js +105 -96
- package/dist/node_modules/@zag-js/remove-scroll/dist/index.js +34 -26
- package/dist/node_modules/@zag-js/select/dist/select.connect.js +104 -101
- package/dist/node_modules/@zag-js/select/dist/select.machine.js +1 -1
- package/dist/node_modules/@zag-js/tabs/dist/tabs.machine.js +63 -60
- package/dist/node_modules/@zag-js/tooltip/dist/tooltip.connect.js +27 -25
- package/dist/node_modules/@zag-js/tooltip/dist/tooltip.dom.js +15 -14
- package/dist/theme/initColorScheme.d.ts +1 -1
- package/package.json +8 -8
|
@@ -1,21 +1,22 @@
|
|
|
1
|
-
import { isLeftClick as
|
|
2
|
-
import { dataAttr as
|
|
3
|
-
import { isFocusVisible as
|
|
4
|
-
import { getPlacementStyles as
|
|
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
|
|
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
|
|
9
|
-
const { state: y, context:
|
|
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
|
|
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:
|
|
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 :
|
|
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":
|
|
33
|
+
"data-current": v(l),
|
|
33
34
|
dir: n("dir"),
|
|
34
|
-
"data-expanded":
|
|
35
|
+
"data-expanded": v(o),
|
|
35
36
|
"data-state": o ? "open" : "closed",
|
|
36
|
-
"aria-describedby": o ?
|
|
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 || !
|
|
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 ||
|
|
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:
|
|
74
|
+
id: O(d),
|
|
74
75
|
...p.arrow.attrs,
|
|
75
76
|
dir: n("dir"),
|
|
76
|
-
style:
|
|
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:
|
|
84
|
+
style: P.arrowTip
|
|
84
85
|
});
|
|
85
86
|
},
|
|
86
87
|
getPositionerProps() {
|
|
87
88
|
return u.element({
|
|
88
|
-
id:
|
|
89
|
+
id: D(d),
|
|
89
90
|
...p.positioner.attrs,
|
|
90
91
|
dir: n("dir"),
|
|
91
|
-
style:
|
|
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":
|
|
102
|
-
role:
|
|
103
|
-
id:
|
|
104
|
-
"data-placement": m
|
|
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
|
-
|
|
121
|
+
J as connect
|
|
120
122
|
};
|
|
@@ -1,25 +1,26 @@
|
|
|
1
|
-
import { isFunction as
|
|
2
|
-
import { queryAll as
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
const i = (
|
|
6
|
-
return i != null ?
|
|
7
|
-
},
|
|
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
|
-
},
|
|
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)),
|
|
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
|
-
|
|
19
|
-
|
|
20
|
-
|
|
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
|
|
24
|
-
|
|
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
|
|
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.
|
|
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.
|
|
68
|
-
"@storybook/addon-onboarding": "10.
|
|
69
|
-
"@storybook/addon-themes": "10.
|
|
70
|
-
"@storybook/react-vite": "10.
|
|
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.
|
|
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.
|
|
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.
|
|
96
|
+
"@storybook/addon-docs": "10.4.1"
|
|
97
97
|
},
|
|
98
98
|
"main": "./dist/index.cjs",
|
|
99
99
|
"module": "./dist/index.js",
|