@cerberus-design/react 0.25.1-rc.1 → 0.25.2-rc.1
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/accordion/primitives.cjs +2 -2
- package/dist/components/accordion/primitives.js +2 -2
- package/dist/components/admonition/primitives.js +1 -1
- package/dist/components/button/button.js +1 -1
- package/dist/components/button/primitives.js +1 -1
- package/dist/components/carousel/parts.js +1 -1
- package/dist/components/carousel/primitives.cjs +3 -3
- package/dist/components/carousel/primitives.js +3 -3
- package/dist/components/circular-progress/primitives.cjs +4 -4
- package/dist/components/circular-progress/primitives.js +5 -5
- package/dist/components/clipboard/primitives.cjs +4 -4
- package/dist/components/clipboard/primitives.js +4 -4
- package/dist/components/collapsible/index.cjs +1 -0
- package/dist/components/collapsible/index.js +1 -1
- package/dist/components/collapsible/parts.cjs +1 -0
- package/dist/components/collapsible/parts.d.cts +4 -0
- package/dist/components/collapsible/parts.d.ts +4 -0
- package/dist/components/collapsible/parts.js +2 -1
- package/dist/components/collapsible/primitives.cjs +3 -0
- package/dist/components/collapsible/primitives.d.cts +6 -1
- package/dist/components/collapsible/primitives.d.ts +6 -1
- package/dist/components/collapsible/primitives.js +3 -1
- package/dist/components/combobox/combobox.cjs +1 -2
- package/dist/components/combobox/combobox.d.cts +0 -5
- package/dist/components/combobox/combobox.d.ts +0 -5
- package/dist/components/combobox/combobox.js +1 -2
- package/dist/components/combobox/primitives.cjs +7 -7
- package/dist/components/combobox/primitives.js +7 -7
- package/dist/components/date-picker/calendar.cjs +1 -1
- package/dist/components/date-picker/calendar.d.cts +0 -5
- package/dist/components/date-picker/calendar.d.ts +0 -5
- package/dist/components/date-picker/calendar.js +1 -1
- package/dist/components/date-picker/index.cjs +4 -4
- package/dist/components/date-picker/index.js +2 -2
- package/dist/components/date-picker/primitives.cjs +7 -7
- package/dist/components/date-picker/primitives.js +7 -7
- package/dist/components/deprecated/Legend.js +1 -1
- package/dist/components/deprecated/NavMenuLink.js +1 -1
- package/dist/components/dialog/primitives.cjs +2 -2
- package/dist/components/dialog/primitives.js +2 -2
- package/dist/components/field/primitives.cjs +2 -2
- package/dist/components/field/primitives.js +2 -2
- package/dist/components/file-upload/file-status.js +1 -1
- package/dist/components/file-upload/file-uploader.cjs +1 -1
- package/dist/components/file-upload/file-uploader.js +1 -1
- package/dist/components/file-upload/index.cjs +1 -0
- package/dist/components/file-upload/index.js +1 -1
- package/dist/components/file-upload/parts.cjs +1 -0
- package/dist/components/file-upload/parts.d.cts +4 -0
- package/dist/components/file-upload/parts.d.ts +4 -0
- package/dist/components/file-upload/parts.js +2 -1
- package/dist/components/file-upload/primitives.cjs +11 -9
- package/dist/components/file-upload/primitives.d.cts +2 -0
- package/dist/components/file-upload/primitives.d.ts +2 -0
- package/dist/components/file-upload/primitives.js +11 -10
- package/dist/components/file-upload/utils.cjs +1 -1
- package/dist/components/file-upload/utils.js +1 -1
- package/dist/components/menu/menu.js +1 -1
- package/dist/components/notifications/index.cjs +4 -4
- package/dist/components/notifications/index.js +1 -1
- package/dist/components/number-input/primitives.cjs +3 -3
- package/dist/components/number-input/primitives.js +3 -3
- package/dist/components/pin-input/primitives.cjs +1 -1
- package/dist/components/pin-input/primitives.js +1 -1
- package/dist/components/progress/primitives.js +1 -1
- package/dist/components/radio/primitives.cjs +3 -3
- package/dist/components/radio/primitives.js +3 -3
- package/dist/components/rating/primitives.cjs +2 -2
- package/dist/components/rating/primitives.js +2 -2
- package/dist/components/select/primitives.cjs +8 -8
- package/dist/components/select/primitives.js +8 -8
- package/dist/components/select/select.d.cts +0 -5
- package/dist/components/select/select.d.ts +0 -5
- package/dist/components/switch/primitives.cjs +2 -2
- package/dist/components/switch/primitives.js +2 -2
- package/dist/components/table/primitives.js +1 -1
- package/dist/components/tabs/parts.js +1 -1
- package/dist/components/tabs/primitives.cjs +2 -2
- package/dist/components/tabs/primitives.js +2 -2
- package/dist/components/tooltip/primitives.cjs +4 -4
- package/dist/components/tooltip/primitives.js +4 -4
- package/dist/context/cerberus.js +1 -1
- package/dist/context/confirm-modal.js +1 -1
- package/dist/context/feature-flags.js +1 -1
- package/dist/context/navMenu.js +1 -1
- package/dist/context/prompt-modal.js +1 -1
- package/dist/context/theme.js +1 -1
- package/dist/index.cjs +266 -256
- package/dist/index.client.d.cts +1 -1
- package/dist/index.client.d.ts +1 -1
- package/dist/index.js +9 -9
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/collapsible/collapsible-root-provider.cjs +21 -0
- package/dist/node_modules/.pnpm/@ark-ui_react@5.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@ark-ui/react/dist/components/collapsible/collapsible-root-provider.js +17 -0
- package/dist/node_modules/.pnpm/{@floating-ui_core@1.7.3 → @floating-ui_core@1.7.4}/node_modules/@floating-ui/core/dist/floating-ui.core.cjs +79 -73
- package/dist/node_modules/.pnpm/{@floating-ui_core@1.7.3 → @floating-ui_core@1.7.4}/node_modules/@floating-ui/core/dist/floating-ui.core.js +80 -74
- package/dist/node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs +1 -1
- package/dist/node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +2 -2
- package/dist/node_modules/.pnpm/@internationalized_date@3.10.0/node_modules/@internationalized/date/src/queries.js +1 -1
- package/dist/node_modules/.pnpm/@zag-js_accordion@1.31.1/node_modules/@zag-js/accordion/dist/index.js +2 -2
- package/dist/node_modules/.pnpm/@zag-js_avatar@1.31.1/node_modules/@zag-js/avatar/dist/index.cjs +5 -5
- package/dist/node_modules/.pnpm/@zag-js_carousel@1.31.1/node_modules/@zag-js/carousel/dist/index.cjs +16 -16
- package/dist/node_modules/.pnpm/@zag-js_carousel@1.31.1/node_modules/@zag-js/carousel/dist/index.js +2 -2
- package/dist/node_modules/.pnpm/@zag-js_clipboard@1.31.1/node_modules/@zag-js/clipboard/dist/index.cjs +4 -4
- package/dist/node_modules/.pnpm/@zag-js_clipboard@1.31.1/node_modules/@zag-js/clipboard/dist/index.js +1 -1
- package/dist/node_modules/.pnpm/@zag-js_collapsible@1.31.1/node_modules/@zag-js/collapsible/dist/index.cjs +11 -11
- package/dist/node_modules/.pnpm/@zag-js_collapsible@1.31.1/node_modules/@zag-js/collapsible/dist/index.js +1 -1
- package/dist/node_modules/.pnpm/@zag-js_combobox@1.31.1/node_modules/@zag-js/combobox/dist/index.cjs +84 -84
- package/dist/node_modules/.pnpm/@zag-js_combobox@1.31.1/node_modules/@zag-js/combobox/dist/index.js +1 -1
- package/dist/node_modules/.pnpm/@zag-js_date-picker@1.31.1_@internationalized_date@3.10.0/node_modules/@zag-js/date-picker/dist/index.cjs +154 -154
- package/dist/node_modules/.pnpm/@zag-js_date-picker@1.31.1_@internationalized_date@3.10.0/node_modules/@zag-js/date-picker/dist/index.js +4 -4
- package/dist/node_modules/.pnpm/@zag-js_date-utils@1.31.1_@internationalized_date@3.10.0/node_modules/@zag-js/date-utils/dist/index.cjs +1 -1
- package/dist/node_modules/.pnpm/@zag-js_date-utils@1.31.1_@internationalized_date@3.10.0/node_modules/@zag-js/date-utils/dist/index.js +2 -2
- package/dist/node_modules/.pnpm/@zag-js_dialog@1.31.1/node_modules/@zag-js/dialog/dist/index.cjs +14 -14
- package/dist/node_modules/.pnpm/@zag-js_file-upload@1.31.1/node_modules/@zag-js/file-upload/dist/index.cjs +47 -47
- package/dist/node_modules/.pnpm/@zag-js_file-upload@1.31.1/node_modules/@zag-js/file-upload/dist/index.js +3 -3
- package/dist/node_modules/.pnpm/@zag-js_number-input@1.31.1/node_modules/@zag-js/number-input/dist/index.cjs +53 -53
- package/dist/node_modules/.pnpm/@zag-js_number-input@1.31.1/node_modules/@zag-js/number-input/dist/index.js +3 -3
- package/dist/node_modules/.pnpm/@zag-js_pin-input@1.31.1/node_modules/@zag-js/pin-input/dist/index.cjs +44 -44
- package/dist/node_modules/.pnpm/@zag-js_pin-input@1.31.1/node_modules/@zag-js/pin-input/dist/index.js +1 -1
- package/dist/node_modules/.pnpm/@zag-js_progress@1.31.1/node_modules/@zag-js/progress/dist/index.cjs +6 -6
- package/dist/node_modules/.pnpm/@zag-js_rating-group@1.31.1/node_modules/@zag-js/rating-group/dist/index.js +1 -1
- package/dist/node_modules/.pnpm/@zag-js_react@1.31.1_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@zag-js/react/dist/index.js +1 -1
- package/dist/node_modules/.pnpm/@zag-js_remove-scroll@1.31.1/node_modules/@zag-js/remove-scroll/dist/index.js +1 -1
- package/dist/node_modules/.pnpm/@zag-js_select@1.31.1/node_modules/@zag-js/select/dist/index.cjs +5 -5
- package/dist/node_modules/.pnpm/@zag-js_tabs@1.31.1/node_modules/@zag-js/tabs/dist/index.cjs +37 -37
- package/dist/node_modules/.pnpm/@zag-js_tabs@1.31.1/node_modules/@zag-js/tabs/dist/index.js +2 -2
- package/dist/node_modules/.pnpm/@zag-js_toast@1.31.1/node_modules/@zag-js/toast/dist/index.cjs +33 -33
- package/dist/node_modules/.pnpm/@zag-js_toast@1.31.1/node_modules/@zag-js/toast/dist/index.js +1 -1
- package/dist/node_modules/.pnpm/@zag-js_tooltip@1.31.1/node_modules/@zag-js/tooltip/dist/index.cjs +9 -9
- package/dist/node_modules/.pnpm/@zag-js_tooltip@1.31.1/node_modules/@zag-js/tooltip/dist/index.js +1 -1
- package/package.json +3 -3
- package/src/components/collapsible/parts.ts +6 -0
- package/src/components/collapsible/primitives.tsx +6 -0
- package/src/components/combobox/combobox.tsx +0 -6
- package/src/components/date-picker/calendar.tsx +1 -6
- package/src/components/file-upload/file-uploader.tsx +2 -2
- package/src/components/file-upload/parts.tsx +6 -0
- package/src/components/file-upload/primitives.ts +5 -0
- package/src/components/file-upload/utils.ts +1 -1
- package/src/components/select/select.tsx +0 -5
- package/src/index.client.ts +2 -0
package/dist/node_modules/.pnpm/@zag-js_tabs@1.31.1/node_modules/@zag-js/tabs/dist/index.cjs
CHANGED
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
5
|
const index$3 = require('../../../../../@zag-js_anatomy@1.31.1/node_modules/@zag-js/anatomy/dist/index.cjs');
|
|
6
|
-
const index
|
|
7
|
-
const index$
|
|
8
|
-
const index = require('../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.cjs');
|
|
6
|
+
const index = require('../../../../../@zag-js_dom-query@1.31.1/node_modules/@zag-js/dom-query/dist/index.cjs');
|
|
7
|
+
const index$1 = require('../../../../../@zag-js_utils@1.31.1/node_modules/@zag-js/utils/dist/index.cjs');
|
|
8
|
+
const index$2 = require('../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.cjs');
|
|
9
9
|
const index$4 = require('../../../../../@zag-js_types@1.31.1/node_modules/@zag-js/types/dist/index.cjs');
|
|
10
10
|
|
|
11
11
|
// src/tabs.anatomy.ts
|
|
@@ -23,12 +23,12 @@ var getIndicatorEl = (ctx) => ctx.getById(getIndicatorId(ctx));
|
|
|
23
23
|
var getElements = (ctx) => {
|
|
24
24
|
const ownerId = CSS.escape(getListId(ctx));
|
|
25
25
|
const selector = `[role=tab][data-ownedby='${ownerId}']:not([disabled])`;
|
|
26
|
-
return index
|
|
26
|
+
return index.queryAll(getListEl(ctx), selector);
|
|
27
27
|
};
|
|
28
|
-
var getFirstTriggerEl = (ctx) => index$
|
|
29
|
-
var getLastTriggerEl = (ctx) => index$
|
|
30
|
-
var getNextTriggerEl = (ctx, opts) => index
|
|
31
|
-
var getPrevTriggerEl = (ctx, opts) => index
|
|
28
|
+
var getFirstTriggerEl = (ctx) => index$1.first(getElements(ctx));
|
|
29
|
+
var getLastTriggerEl = (ctx) => index$1.last(getElements(ctx));
|
|
30
|
+
var getNextTriggerEl = (ctx, opts) => index.nextById(getElements(ctx), getTriggerId(ctx, opts.value), opts.loopFocus);
|
|
31
|
+
var getPrevTriggerEl = (ctx, opts) => index.prevById(getElements(ctx), getTriggerId(ctx, opts.value), opts.loopFocus);
|
|
32
32
|
var getOffsetRect = (el) => ({
|
|
33
33
|
x: el?.offsetLeft ?? 0,
|
|
34
34
|
y: el?.offsetTop ?? 0,
|
|
@@ -36,7 +36,7 @@ var getOffsetRect = (el) => ({
|
|
|
36
36
|
height: el?.offsetHeight ?? 0
|
|
37
37
|
});
|
|
38
38
|
var getRectByValue = (ctx, value) => {
|
|
39
|
-
const tab = index
|
|
39
|
+
const tab = index.itemById(getElements(ctx), getTriggerId(ctx, value));
|
|
40
40
|
return getOffsetRect(tab);
|
|
41
41
|
};
|
|
42
42
|
|
|
@@ -89,7 +89,7 @@ function connect(service, normalize) {
|
|
|
89
89
|
...parts.root.attrs,
|
|
90
90
|
id: getRootId(scope),
|
|
91
91
|
"data-orientation": prop("orientation"),
|
|
92
|
-
"data-focus": index
|
|
92
|
+
"data-focus": index.dataAttr(focused),
|
|
93
93
|
dir: prop("dir")
|
|
94
94
|
});
|
|
95
95
|
},
|
|
@@ -99,14 +99,14 @@ function connect(service, normalize) {
|
|
|
99
99
|
id: getListId(scope),
|
|
100
100
|
role: "tablist",
|
|
101
101
|
dir: prop("dir"),
|
|
102
|
-
"data-focus": index
|
|
102
|
+
"data-focus": index.dataAttr(focused),
|
|
103
103
|
"aria-orientation": prop("orientation"),
|
|
104
104
|
"data-orientation": prop("orientation"),
|
|
105
105
|
"aria-label": translations?.listLabel,
|
|
106
106
|
onKeyDown(event) {
|
|
107
107
|
if (event.defaultPrevented) return;
|
|
108
|
-
if (index
|
|
109
|
-
if (!index
|
|
108
|
+
if (index.isComposingEvent(event)) return;
|
|
109
|
+
if (!index.contains(event.currentTarget, index.getEventTarget(event))) return;
|
|
110
110
|
const keyMap = {
|
|
111
111
|
ArrowDown() {
|
|
112
112
|
if (isHorizontal) return;
|
|
@@ -131,7 +131,7 @@ function connect(service, normalize) {
|
|
|
131
131
|
send({ type: "END" });
|
|
132
132
|
}
|
|
133
133
|
};
|
|
134
|
-
let key = index
|
|
134
|
+
let key = index.getEventKey(event, {
|
|
135
135
|
dir: prop("dir"),
|
|
136
136
|
orientation: prop("orientation")
|
|
137
137
|
});
|
|
@@ -155,15 +155,15 @@ function connect(service, normalize) {
|
|
|
155
155
|
disabled,
|
|
156
156
|
dir: prop("dir"),
|
|
157
157
|
"data-orientation": prop("orientation"),
|
|
158
|
-
"data-disabled": index
|
|
158
|
+
"data-disabled": index.dataAttr(disabled),
|
|
159
159
|
"aria-disabled": disabled,
|
|
160
160
|
"data-value": value,
|
|
161
161
|
"aria-selected": triggerState.selected,
|
|
162
|
-
"data-selected": index
|
|
163
|
-
"data-focus": index
|
|
162
|
+
"data-selected": index.dataAttr(triggerState.selected),
|
|
163
|
+
"data-focus": index.dataAttr(triggerState.focused),
|
|
164
164
|
"aria-controls": triggerState.selected ? getContentId(scope, value) : void 0,
|
|
165
165
|
"data-ownedby": getListId(scope),
|
|
166
|
-
"data-ssr": index
|
|
166
|
+
"data-ssr": index.dataAttr(context.get("ssr")),
|
|
167
167
|
id: getTriggerId(scope, value),
|
|
168
168
|
tabIndex: triggerState.selected && composite ? 0 : -1,
|
|
169
169
|
onFocus() {
|
|
@@ -177,9 +177,9 @@ function connect(service, normalize) {
|
|
|
177
177
|
},
|
|
178
178
|
onClick(event) {
|
|
179
179
|
if (event.defaultPrevented) return;
|
|
180
|
-
if (index
|
|
180
|
+
if (index.isOpeningInNewTab(event)) return;
|
|
181
181
|
if (disabled) return;
|
|
182
|
-
if (index
|
|
182
|
+
if (index.isSafari()) {
|
|
183
183
|
event.currentTarget.focus();
|
|
184
184
|
}
|
|
185
185
|
send({ type: "TAB_CLICK", value });
|
|
@@ -197,7 +197,7 @@ function connect(service, normalize) {
|
|
|
197
197
|
"aria-labelledby": getTriggerId(scope, value),
|
|
198
198
|
role: "tabpanel",
|
|
199
199
|
"data-ownedby": getListId(scope),
|
|
200
|
-
"data-selected": index
|
|
200
|
+
"data-selected": index.dataAttr(selected),
|
|
201
201
|
"data-orientation": prop("orientation"),
|
|
202
202
|
hidden: !selected
|
|
203
203
|
});
|
|
@@ -213,10 +213,10 @@ function connect(service, normalize) {
|
|
|
213
213
|
hidden: rectIsEmpty,
|
|
214
214
|
style: {
|
|
215
215
|
"--transition-property": "left, right, top, bottom, width, height",
|
|
216
|
-
"--left": index$
|
|
217
|
-
"--top": index$
|
|
218
|
-
"--width": index$
|
|
219
|
-
"--height": index$
|
|
216
|
+
"--left": index$1.toPx(rect?.x),
|
|
217
|
+
"--top": index$1.toPx(rect?.y),
|
|
218
|
+
"--width": index$1.toPx(rect?.width),
|
|
219
|
+
"--height": index$1.toPx(rect?.height),
|
|
220
220
|
position: "absolute",
|
|
221
221
|
willChange: "var(--transition-property)",
|
|
222
222
|
transitionProperty: "var(--transition-property)",
|
|
@@ -228,7 +228,7 @@ function connect(service, normalize) {
|
|
|
228
228
|
}
|
|
229
229
|
};
|
|
230
230
|
}
|
|
231
|
-
var { createMachine } = index.setup();
|
|
231
|
+
var { createMachine } = index$2.setup();
|
|
232
232
|
var machine = createMachine({
|
|
233
233
|
props({ props: props2 }) {
|
|
234
234
|
return {
|
|
@@ -238,7 +238,7 @@ var machine = createMachine({
|
|
|
238
238
|
loopFocus: true,
|
|
239
239
|
composite: true,
|
|
240
240
|
navigate(details) {
|
|
241
|
-
index
|
|
241
|
+
index.clickIfLink(details.node);
|
|
242
242
|
},
|
|
243
243
|
defaultValue: null,
|
|
244
244
|
...props2
|
|
@@ -363,7 +363,7 @@ var machine = createMachine({
|
|
|
363
363
|
},
|
|
364
364
|
actions: {
|
|
365
365
|
selectFocusedTab({ context, prop }) {
|
|
366
|
-
index
|
|
366
|
+
index.raf(() => {
|
|
367
367
|
const focusedValue = context.get("focusedValue");
|
|
368
368
|
if (!focusedValue) return;
|
|
369
369
|
const nullable = prop("deselectable") && context.get("value") === focusedValue;
|
|
@@ -388,12 +388,12 @@ var machine = createMachine({
|
|
|
388
388
|
context.set("value", null);
|
|
389
389
|
},
|
|
390
390
|
focusFirstTab({ scope }) {
|
|
391
|
-
index
|
|
391
|
+
index.raf(() => {
|
|
392
392
|
getFirstTriggerEl(scope)?.focus();
|
|
393
393
|
});
|
|
394
394
|
},
|
|
395
395
|
focusLastTab({ scope }) {
|
|
396
|
-
index
|
|
396
|
+
index.raf(() => {
|
|
397
397
|
getLastTriggerEl(scope)?.focus();
|
|
398
398
|
});
|
|
399
399
|
},
|
|
@@ -404,7 +404,7 @@ var machine = createMachine({
|
|
|
404
404
|
value: focusedValue,
|
|
405
405
|
loopFocus: prop("loopFocus")
|
|
406
406
|
});
|
|
407
|
-
index
|
|
407
|
+
index.raf(() => {
|
|
408
408
|
if (prop("composite")) {
|
|
409
409
|
triggerEl?.focus();
|
|
410
410
|
} else if (triggerEl?.dataset.value != null) {
|
|
@@ -419,7 +419,7 @@ var machine = createMachine({
|
|
|
419
419
|
value: focusedValue,
|
|
420
420
|
loopFocus: prop("loopFocus")
|
|
421
421
|
});
|
|
422
|
-
index
|
|
422
|
+
index.raf(() => {
|
|
423
423
|
if (prop("composite")) {
|
|
424
424
|
triggerEl?.focus();
|
|
425
425
|
} else if (triggerEl?.dataset.value != null) {
|
|
@@ -428,12 +428,12 @@ var machine = createMachine({
|
|
|
428
428
|
});
|
|
429
429
|
},
|
|
430
430
|
syncTabIndex({ context, scope }) {
|
|
431
|
-
index
|
|
431
|
+
index.raf(() => {
|
|
432
432
|
const value = context.get("value");
|
|
433
433
|
if (!value) return;
|
|
434
434
|
const contentEl = getContentEl(scope, value);
|
|
435
435
|
if (!contentEl) return;
|
|
436
|
-
const focusables = index
|
|
436
|
+
const focusables = index.getFocusables(contentEl);
|
|
437
437
|
if (focusables.length > 0) {
|
|
438
438
|
contentEl.removeAttribute("tabindex");
|
|
439
439
|
} else {
|
|
@@ -466,18 +466,18 @@ var machine = createMachine({
|
|
|
466
466
|
const triggerEl = getTriggerEl(scope, context.get("value"));
|
|
467
467
|
if (!triggerEl) return;
|
|
468
468
|
const rect = getOffsetRect(triggerEl);
|
|
469
|
-
context.set("indicatorRect", (prev) => index$
|
|
469
|
+
context.set("indicatorRect", (prev) => index$1.isEqual(prev, rect) ? prev : rect);
|
|
470
470
|
};
|
|
471
471
|
exec();
|
|
472
472
|
const triggerEls = getElements(scope);
|
|
473
|
-
const indicatorCleanup = index$
|
|
473
|
+
const indicatorCleanup = index$1.callAll(...triggerEls.map((el) => index.resizeObserverBorderBox.observe(el, exec)));
|
|
474
474
|
refs.set("indicatorCleanup", indicatorCleanup);
|
|
475
475
|
},
|
|
476
476
|
navigateIfNeeded({ context, prop, scope }) {
|
|
477
477
|
const value = context.get("value");
|
|
478
478
|
if (!value) return;
|
|
479
479
|
const triggerEl = getTriggerEl(scope, value);
|
|
480
|
-
if (index
|
|
480
|
+
if (index.isAnchorElement(triggerEl)) {
|
|
481
481
|
prop("navigate")?.({ value, node: triggerEl, href: triggerEl.href });
|
|
482
482
|
}
|
|
483
483
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { createAnatomy } from '../../../../../@zag-js_anatomy@1.31.1/node_modules/@zag-js/anatomy/dist/index.js';
|
|
2
|
-
import { isAnchorElement, resizeObserverBorderBox, raf,
|
|
3
|
-
import { callAll,
|
|
2
|
+
import { isAnchorElement, resizeObserverBorderBox, raf, clickIfLink, dataAttr, isOpeningInNewTab, isSafari, isComposingEvent, contains, getEventTarget, getEventKey, queryAll, itemById, prevById, nextById, getFocusables } from '../../../../../@zag-js_dom-query@1.31.1/node_modules/@zag-js/dom-query/dist/index.js';
|
|
3
|
+
import { callAll, toPx, isEqual, last, first } from '../../../../../@zag-js_utils@1.31.1/node_modules/@zag-js/utils/dist/index.js';
|
|
4
4
|
import { setup } from '../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.js';
|
|
5
5
|
import { createProps } from '../../../../../@zag-js_types@1.31.1/node_modules/@zag-js/types/dist/index.js';
|
|
6
6
|
|
package/dist/node_modules/.pnpm/@zag-js_toast@1.31.1/node_modules/@zag-js/toast/dist/index.cjs
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const index$
|
|
5
|
+
const index$1 = require('../../../../../@zag-js_dom-query@1.31.1/node_modules/@zag-js/dom-query/dist/index.cjs');
|
|
6
6
|
const index$4 = require('../../../../../@zag-js_anatomy@1.31.1/node_modules/@zag-js/anatomy/dist/index.cjs');
|
|
7
|
-
const index = require('../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.cjs');
|
|
8
|
-
const index
|
|
9
|
-
const index$
|
|
7
|
+
const index$3 = require('../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.cjs');
|
|
8
|
+
const index = require('../../../../../@zag-js_dismissable@1.31.1/node_modules/@zag-js/dismissable/dist/index.cjs');
|
|
9
|
+
const index$2 = require('../../../../../@zag-js_utils@1.31.1/node_modules/@zag-js/utils/dist/index.cjs');
|
|
10
10
|
|
|
11
11
|
// src/toast-group.connect.ts
|
|
12
12
|
var anatomy = index$4.createAnatomy("toast").parts(
|
|
@@ -58,7 +58,7 @@ function getGroupPlacementStyle(service, placement) {
|
|
|
58
58
|
"--viewport-offset-right": computedOffset.right,
|
|
59
59
|
"--viewport-offset-top": computedOffset.top,
|
|
60
60
|
"--viewport-offset-bottom": computedOffset.bottom,
|
|
61
|
-
zIndex: index$
|
|
61
|
+
zIndex: index$1.MAX_Z_INDEX
|
|
62
62
|
};
|
|
63
63
|
let alignItems = "center";
|
|
64
64
|
if (isRighty) alignItems = "flex-end";
|
|
@@ -241,7 +241,7 @@ function groupConnect(service, normalize) {
|
|
|
241
241
|
send({ type: "REGION.FOCUS", target: event.relatedTarget });
|
|
242
242
|
},
|
|
243
243
|
onBlur(event) {
|
|
244
|
-
if (refs.get("isFocusWithin") && !index$
|
|
244
|
+
if (refs.get("isFocusWithin") && !index$1.contains(event.currentTarget, event.relatedTarget)) {
|
|
245
245
|
queueMicrotask(() => send({ type: "REGION.BLUR" }));
|
|
246
246
|
}
|
|
247
247
|
}
|
|
@@ -253,13 +253,13 @@ function groupConnect(service, normalize) {
|
|
|
253
253
|
}
|
|
254
254
|
};
|
|
255
255
|
}
|
|
256
|
-
var { guards, createMachine } = index.setup();
|
|
256
|
+
var { guards, createMachine } = index$3.setup();
|
|
257
257
|
var { and } = guards;
|
|
258
258
|
var groupMachine = createMachine({
|
|
259
259
|
props({ props }) {
|
|
260
260
|
return {
|
|
261
261
|
dir: "ltr",
|
|
262
|
-
id: index$
|
|
262
|
+
id: index$2.uuid(),
|
|
263
263
|
...props,
|
|
264
264
|
store: props.store
|
|
265
265
|
};
|
|
@@ -272,7 +272,7 @@ var groupMachine = createMachine({
|
|
|
272
272
|
lastFocusedEl: null,
|
|
273
273
|
isFocusWithin: false,
|
|
274
274
|
isPointerWithin: false,
|
|
275
|
-
ignoreMouseTimer: index$
|
|
275
|
+
ignoreMouseTimer: index$1.AnimationFrame.create(),
|
|
276
276
|
dismissableCleanup: void 0
|
|
277
277
|
};
|
|
278
278
|
},
|
|
@@ -399,13 +399,13 @@ var groupMachine = createMachine({
|
|
|
399
399
|
if (!isHotkeyPressed) return;
|
|
400
400
|
send({ type: "DOC.HOTKEY" });
|
|
401
401
|
};
|
|
402
|
-
return index$
|
|
402
|
+
return index$1.addDomEvent(document, "keydown", handleKeyDown, { capture: true });
|
|
403
403
|
},
|
|
404
404
|
trackDocumentVisibility({ prop, send, scope }) {
|
|
405
405
|
const { pauseOnPageIdle } = prop("store").attrs;
|
|
406
406
|
if (!pauseOnPageIdle) return;
|
|
407
407
|
const doc = scope.getDoc();
|
|
408
|
-
return index$
|
|
408
|
+
return index$1.addDomEvent(doc, "visibilitychange", () => {
|
|
409
409
|
const isHidden = doc.visibilityState === "hidden";
|
|
410
410
|
send({ type: isHidden ? "PAUSE_ALL" : "RESUME_ALL" });
|
|
411
411
|
});
|
|
@@ -424,7 +424,7 @@ var groupMachine = createMachine({
|
|
|
424
424
|
return;
|
|
425
425
|
}
|
|
426
426
|
const groupEl = () => getRegionEl(scope, placement);
|
|
427
|
-
const cleanup = index
|
|
427
|
+
const cleanup = index.trackDismissableBranch(groupEl, { defer: true });
|
|
428
428
|
refs.set("dismissableCleanup", cleanup);
|
|
429
429
|
},
|
|
430
430
|
clearDismissableBranch({ refs }) {
|
|
@@ -539,12 +539,12 @@ function connect(service, normalize) {
|
|
|
539
539
|
"data-placement": placement,
|
|
540
540
|
"data-align": align,
|
|
541
541
|
"data-side": side,
|
|
542
|
-
"data-mounted": index$
|
|
543
|
-
"data-paused": index$
|
|
544
|
-
"data-first": index$
|
|
545
|
-
"data-sibling": index$
|
|
546
|
-
"data-stack": index$
|
|
547
|
-
"data-overlap": index$
|
|
542
|
+
"data-mounted": index$1.dataAttr(mounted),
|
|
543
|
+
"data-paused": index$1.dataAttr(paused),
|
|
544
|
+
"data-first": index$1.dataAttr(frontmost),
|
|
545
|
+
"data-sibling": index$1.dataAttr(!frontmost),
|
|
546
|
+
"data-stack": index$1.dataAttr(stacked),
|
|
547
|
+
"data-overlap": index$1.dataAttr(!stacked),
|
|
548
548
|
role: "status",
|
|
549
549
|
"aria-atomic": "true",
|
|
550
550
|
"aria-describedby": description ? getDescriptionId(scope) : void 0,
|
|
@@ -611,10 +611,10 @@ function connect(service, normalize) {
|
|
|
611
611
|
}
|
|
612
612
|
};
|
|
613
613
|
}
|
|
614
|
-
var { not } = index.createGuards();
|
|
615
|
-
var machine = index.createMachine({
|
|
614
|
+
var { not } = index$3.createGuards();
|
|
615
|
+
var machine = index$3.createMachine({
|
|
616
616
|
props({ props }) {
|
|
617
|
-
index$
|
|
617
|
+
index$2.ensureProps(props, ["id", "type", "parent", "removeDelay"], "toast");
|
|
618
618
|
return {
|
|
619
619
|
closable: true,
|
|
620
620
|
...props,
|
|
@@ -753,24 +753,24 @@ var machine = index.createMachine({
|
|
|
753
753
|
implementations: {
|
|
754
754
|
effects: {
|
|
755
755
|
waitForRemoveDelay({ prop, send }) {
|
|
756
|
-
return index$
|
|
756
|
+
return index$2.setRafTimeout(() => {
|
|
757
757
|
send({ type: "REMOVE", src: "timer" });
|
|
758
758
|
}, prop("removeDelay"));
|
|
759
759
|
},
|
|
760
760
|
waitForDuration({ send, context, computed }) {
|
|
761
761
|
if (computed("shouldPersist")) return;
|
|
762
|
-
return index$
|
|
762
|
+
return index$2.setRafTimeout(() => {
|
|
763
763
|
send({ type: "DISMISS", src: "timer" });
|
|
764
764
|
}, context.get("remainingTime"));
|
|
765
765
|
},
|
|
766
766
|
waitForNextTick({ send }) {
|
|
767
|
-
return index$
|
|
767
|
+
return index$2.setRafTimeout(() => {
|
|
768
768
|
send({ type: "SHOW", src: "timer" });
|
|
769
769
|
}, 0);
|
|
770
770
|
},
|
|
771
771
|
trackHeight({ scope, prop }) {
|
|
772
772
|
let cleanup;
|
|
773
|
-
index$
|
|
773
|
+
index$1.raf(() => {
|
|
774
774
|
const rootEl = getRootEl(scope);
|
|
775
775
|
if (!rootEl) return;
|
|
776
776
|
const syncHeight = () => {
|
|
@@ -799,7 +799,7 @@ var machine = index.createMachine({
|
|
|
799
799
|
},
|
|
800
800
|
actions: {
|
|
801
801
|
setMounted({ context }) {
|
|
802
|
-
index$
|
|
802
|
+
index$1.raf(() => {
|
|
803
803
|
context.set("mounted", true);
|
|
804
804
|
});
|
|
805
805
|
},
|
|
@@ -859,7 +859,7 @@ function setHeight(parent, item) {
|
|
|
859
859
|
});
|
|
860
860
|
}
|
|
861
861
|
var withDefaults = (options, defaults) => {
|
|
862
|
-
return { ...defaults, ...index$
|
|
862
|
+
return { ...defaults, ...index$2.compact(options) };
|
|
863
863
|
};
|
|
864
864
|
function createToastStore(props = {}) {
|
|
865
865
|
const attrs = withDefaults(props, {
|
|
@@ -905,7 +905,7 @@ function createToastStore(props = {}) {
|
|
|
905
905
|
}
|
|
906
906
|
};
|
|
907
907
|
const create = (data) => {
|
|
908
|
-
const id = data.id ?? `toast:${index$
|
|
908
|
+
const id = data.id ?? `toast:${index$2.uuid()}`;
|
|
909
909
|
const exists = toasts.find((toast) => toast.id === id);
|
|
910
910
|
if (dismissedToasts.has(id)) dismissedToasts.delete(id);
|
|
911
911
|
if (exists) {
|
|
@@ -966,7 +966,7 @@ function createToastStore(props = {}) {
|
|
|
966
966
|
};
|
|
967
967
|
const promise = (promise2, options, shared = {}) => {
|
|
968
968
|
if (!options || !options.loading) {
|
|
969
|
-
index$
|
|
969
|
+
index$2.warn("[zag-js > toast] toaster.promise() requires at least a 'loading' option to be specified");
|
|
970
970
|
return;
|
|
971
971
|
}
|
|
972
972
|
const id = create({
|
|
@@ -977,22 +977,22 @@ function createToastStore(props = {}) {
|
|
|
977
977
|
});
|
|
978
978
|
let removable = true;
|
|
979
979
|
let result;
|
|
980
|
-
const prom = index$
|
|
980
|
+
const prom = index$2.runIfFn(promise2).then(async (response) => {
|
|
981
981
|
result = ["resolve", response];
|
|
982
982
|
if (isHttpResponse(response) && !response.ok) {
|
|
983
983
|
removable = false;
|
|
984
|
-
const errorOptions = index$
|
|
984
|
+
const errorOptions = index$2.runIfFn(options.error, `HTTP Error! status: ${response.status}`);
|
|
985
985
|
create({ ...shared, ...errorOptions, id, type: "error" });
|
|
986
986
|
} else if (options.success !== void 0) {
|
|
987
987
|
removable = false;
|
|
988
|
-
const successOptions = index$
|
|
988
|
+
const successOptions = index$2.runIfFn(options.success, response);
|
|
989
989
|
create({ ...shared, ...successOptions, id, type: "success" });
|
|
990
990
|
}
|
|
991
991
|
}).catch(async (error2) => {
|
|
992
992
|
result = ["reject", error2];
|
|
993
993
|
if (options.error !== void 0) {
|
|
994
994
|
removable = false;
|
|
995
|
-
const errorOptions = index$
|
|
995
|
+
const errorOptions = index$2.runIfFn(options.error, error2);
|
|
996
996
|
create({ ...shared, ...errorOptions, id, type: "error" });
|
|
997
997
|
}
|
|
998
998
|
}).finally(() => {
|
package/dist/node_modules/.pnpm/@zag-js_toast@1.31.1/node_modules/@zag-js/toast/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { addDomEvent, AnimationFrame, contains,
|
|
1
|
+
import { addDomEvent, AnimationFrame, contains, dataAttr, MAX_Z_INDEX, raf } from '../../../../../@zag-js_dom-query@1.31.1/node_modules/@zag-js/dom-query/dist/index.js';
|
|
2
2
|
import { createAnatomy } from '../../../../../@zag-js_anatomy@1.31.1/node_modules/@zag-js/anatomy/dist/index.js';
|
|
3
3
|
import { setup, createMachine as createMachine$1, createGuards } from '../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.js';
|
|
4
4
|
import { trackDismissableBranch } from '../../../../../@zag-js_dismissable@1.31.1/node_modules/@zag-js/dismissable/dist/index.js';
|
package/dist/node_modules/.pnpm/@zag-js_tooltip@1.31.1/node_modules/@zag-js/tooltip/dist/index.cjs
CHANGED
|
@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
4
4
|
|
|
5
5
|
const index$5 = require('../../../../../@zag-js_anatomy@1.31.1/node_modules/@zag-js/anatomy/dist/index.cjs');
|
|
6
6
|
const index$1 = require('../../../../../@zag-js_dom-query@1.31.1/node_modules/@zag-js/dom-query/dist/index.cjs');
|
|
7
|
-
const index$
|
|
8
|
-
const index$
|
|
9
|
-
const index$
|
|
7
|
+
const index$3 = require('../../../../../@zag-js_focus-visible@1.31.1/node_modules/@zag-js/focus-visible/dist/index.cjs');
|
|
8
|
+
const index$2 = require('../../../../../@zag-js_popper@1.31.1/node_modules/@zag-js/popper/dist/index.cjs');
|
|
9
|
+
const index$4 = require('../../../../../@zag-js_utils@1.31.1/node_modules/@zag-js/utils/dist/index.cjs');
|
|
10
10
|
const index = require('../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.cjs');
|
|
11
11
|
const index$6 = require('../../../../../@zag-js_types@1.31.1/node_modules/@zag-js/types/dist/index.cjs');
|
|
12
12
|
|
|
@@ -21,7 +21,7 @@ var getArrowId = (scope) => scope.ids?.arrow ?? `tooltip:${scope.id}:arrow`;
|
|
|
21
21
|
var getPositionerId = (scope) => scope.ids?.positioner ?? `tooltip:${scope.id}:popper`;
|
|
22
22
|
var getTriggerEl = (scope) => scope.getById(getTriggerId(scope));
|
|
23
23
|
var getPositionerEl = (scope) => scope.getById(getPositionerId(scope));
|
|
24
|
-
var store = index$
|
|
24
|
+
var store = index$4.createStore({ id: null });
|
|
25
25
|
|
|
26
26
|
// src/tooltip.connect.ts
|
|
27
27
|
function connect(service, normalize) {
|
|
@@ -32,7 +32,7 @@ function connect(service, normalize) {
|
|
|
32
32
|
const triggerId = getTriggerId(scope);
|
|
33
33
|
const contentId = getContentId(scope);
|
|
34
34
|
const disabled = prop("disabled");
|
|
35
|
-
const popperStyles = index$
|
|
35
|
+
const popperStyles = index$2.getPlacementStyles({
|
|
36
36
|
...prop("positioning"),
|
|
37
37
|
placement: context.get("currentPlacement")
|
|
38
38
|
});
|
|
@@ -65,7 +65,7 @@ function connect(service, normalize) {
|
|
|
65
65
|
if (event.defaultPrevented) return;
|
|
66
66
|
if (disabled) return;
|
|
67
67
|
if (_event.src === "trigger.pointerdown") return;
|
|
68
|
-
if (!index$
|
|
68
|
+
if (!index$3.isFocusVisible()) return;
|
|
69
69
|
send({ type: "open", src: "trigger.focus" });
|
|
70
70
|
});
|
|
71
71
|
},
|
|
@@ -399,7 +399,7 @@ var machine = index.createMachine({
|
|
|
399
399
|
reposition: ({ context, event, prop, scope }) => {
|
|
400
400
|
if (event.type !== "positioning.set") return;
|
|
401
401
|
const getPositionerEl2 = () => getPositionerEl(scope);
|
|
402
|
-
return index$
|
|
402
|
+
return index$2.getPlacement(getTriggerEl(scope), getPositionerEl2, {
|
|
403
403
|
...prop("positioning"),
|
|
404
404
|
...event.options,
|
|
405
405
|
defer: true,
|
|
@@ -426,14 +426,14 @@ var machine = index.createMachine({
|
|
|
426
426
|
},
|
|
427
427
|
effects: {
|
|
428
428
|
trackFocusVisible: ({ scope }) => {
|
|
429
|
-
return index$
|
|
429
|
+
return index$3.trackFocusVisible({ root: scope.getRootNode?.() });
|
|
430
430
|
},
|
|
431
431
|
trackPositioning: ({ context, prop, scope }) => {
|
|
432
432
|
if (!context.get("currentPlacement")) {
|
|
433
433
|
context.set("currentPlacement", prop("positioning").placement);
|
|
434
434
|
}
|
|
435
435
|
const getPositionerEl2 = () => getPositionerEl(scope);
|
|
436
|
-
return index$
|
|
436
|
+
return index$2.getPlacement(getTriggerEl(scope), getPositionerEl2, {
|
|
437
437
|
...prop("positioning"),
|
|
438
438
|
defer: true,
|
|
439
439
|
onComplete(data) {
|
package/dist/node_modules/.pnpm/@zag-js_tooltip@1.31.1/node_modules/@zag-js/tooltip/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createAnatomy } from '../../../../../@zag-js_anatomy@1.31.1/node_modules/@zag-js/anatomy/dist/index.js';
|
|
2
|
-
import { addDomEvent, getOverflowAncestors, isComposingEvent,
|
|
2
|
+
import { addDomEvent, getOverflowAncestors, isComposingEvent, isLeftClick, dataAttr } from '../../../../../@zag-js_dom-query@1.31.1/node_modules/@zag-js/dom-query/dist/index.js';
|
|
3
3
|
import { trackFocusVisible, isFocusVisible } from '../../../../../@zag-js_focus-visible@1.31.1/node_modules/@zag-js/focus-visible/dist/index.js';
|
|
4
4
|
import { getPlacement, getPlacementStyles } from '../../../../../@zag-js_popper@1.31.1/node_modules/@zag-js/popper/dist/index.js';
|
|
5
5
|
import { createStore } from '../../../../../@zag-js_utils@1.31.1/node_modules/@zag-js/utils/dist/index.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cerberus-design/react",
|
|
3
|
-
"version": "0.25.
|
|
3
|
+
"version": "0.25.2-rc.1",
|
|
4
4
|
"description": "The Cerberus Design React component library.",
|
|
5
5
|
"browserslist": "> 0.25%, not dead",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -25,10 +25,10 @@
|
|
|
25
25
|
"globby": "^16.1.0",
|
|
26
26
|
"react": "^19.2.3",
|
|
27
27
|
"react-dom": "^19.2.3",
|
|
28
|
-
"vite": "^7.
|
|
28
|
+
"vite": "^7.3.1",
|
|
29
29
|
"vite-plugin-dts": "^4.5.4",
|
|
30
30
|
"@cerberus-design/configs": "0.0.0",
|
|
31
|
-
"@cerberus/panda-preset": "0.25.
|
|
31
|
+
"@cerberus/panda-preset": "0.25.2-rc.1"
|
|
32
32
|
},
|
|
33
33
|
"publishConfig": {
|
|
34
34
|
"access": "public"
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { ElementType } from 'react'
|
|
2
2
|
import {
|
|
3
|
+
CollapsibleRootProvider,
|
|
3
4
|
CollapsibleRoot,
|
|
4
5
|
CollapsibleTrigger,
|
|
5
6
|
CollapsibleIndicator,
|
|
@@ -12,6 +13,10 @@ import {
|
|
|
12
13
|
*/
|
|
13
14
|
|
|
14
15
|
interface CollapsiblePartsValue {
|
|
16
|
+
/**
|
|
17
|
+
* The low-level context provider for advanced scenarios
|
|
18
|
+
*/
|
|
19
|
+
RootProvider: ElementType
|
|
15
20
|
/**
|
|
16
21
|
* The context provider of the collapsible.
|
|
17
22
|
*/
|
|
@@ -40,6 +45,7 @@ interface CollapsiblePartsValue {
|
|
|
40
45
|
* the entire family of components vs. only what you use.
|
|
41
46
|
*/
|
|
42
47
|
export const Collapsible: CollapsiblePartsValue = {
|
|
48
|
+
RootProvider: CollapsibleRootProvider,
|
|
43
49
|
Root: CollapsibleRoot,
|
|
44
50
|
Trigger: CollapsibleTrigger,
|
|
45
51
|
Indicator: CollapsibleIndicator,
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Collapsible,
|
|
3
|
+
type CollapsibleRootProviderProps as ArkCollapsibleProviderProps,
|
|
3
4
|
type CollapsibleRootProps as ArkCollapsibleRootProps,
|
|
4
5
|
type CollapsibleTriggerProps as ArkCollapsibleTriggerProps,
|
|
5
6
|
type CollapsibleIndicatorProps as ArkCollapsibleIndicatorProps,
|
|
@@ -21,6 +22,11 @@ import {
|
|
|
21
22
|
|
|
22
23
|
const { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(collapsible)
|
|
23
24
|
|
|
25
|
+
// Provider
|
|
26
|
+
|
|
27
|
+
export type CollapsibleProviderProps = ArkCollapsibleProviderProps
|
|
28
|
+
export const CollapsibleRootProvider = withNoRecipe(Collapsible.RootProvider)
|
|
29
|
+
|
|
24
30
|
// Root
|
|
25
31
|
|
|
26
32
|
export type CollapsibleRootProps =
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
import type { ComboboxRootProps } from '@ark-ui/react/combobox'
|
|
4
4
|
import type { ComboboxVariantProps } from 'styled-system/recipes'
|
|
5
|
-
import type { RefObject } from 'react'
|
|
6
5
|
import { useCerberusContext } from '../../context/cerberus'
|
|
7
6
|
import { splitProps } from '../../utils/index'
|
|
8
7
|
import type { SelectCollectionItem } from '../select/select'
|
|
@@ -21,10 +20,6 @@ export interface ComboboxProps
|
|
|
21
20
|
* The icon that appears at the start of the combobox input.
|
|
22
21
|
*/
|
|
23
22
|
startIcon?: FieldInputElProps['startIcon']
|
|
24
|
-
/**
|
|
25
|
-
* @deprecated - this is no longer needed
|
|
26
|
-
*/
|
|
27
|
-
container?: RefObject<HTMLElement | null>
|
|
28
23
|
}
|
|
29
24
|
|
|
30
25
|
export function Combobox(props: ComboboxProps) {
|
|
@@ -32,7 +27,6 @@ export function Combobox(props: ComboboxProps) {
|
|
|
32
27
|
'label',
|
|
33
28
|
'children',
|
|
34
29
|
'startIcon',
|
|
35
|
-
'container',
|
|
36
30
|
])
|
|
37
31
|
|
|
38
32
|
const { icons } = useCerberusContext()
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { RefObject } from 'react'
|
|
2
1
|
import { splitProps } from '../../utils/index'
|
|
3
2
|
import { DatePickerContent } from './content'
|
|
4
3
|
import { DatePickerDayView } from './day-view'
|
|
@@ -16,10 +15,6 @@ export interface DatePickerCalendarProps {
|
|
|
16
15
|
* @deprecated - this is no longer needed.
|
|
17
16
|
*/
|
|
18
17
|
withModal?: boolean
|
|
19
|
-
/**
|
|
20
|
-
* @deprecated - this is no longer needed.
|
|
21
|
-
*/
|
|
22
|
-
container?: RefObject<HTMLElement | null>
|
|
23
18
|
}
|
|
24
19
|
|
|
25
20
|
/**
|
|
@@ -40,7 +35,7 @@ export interface DatePickerCalendarProps {
|
|
|
40
35
|
export function DatePickerCalendar(
|
|
41
36
|
props: DatePickerCalendarProps & DatePickerContentProps,
|
|
42
37
|
) {
|
|
43
|
-
const [, contentProps] = splitProps(props, ['withModal'
|
|
38
|
+
const [, contentProps] = splitProps(props, ['withModal'])
|
|
44
39
|
|
|
45
40
|
return (
|
|
46
41
|
<DatePickerContent {...contentProps}>
|