@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.
Files changed (141) hide show
  1. package/dist/components/accordion/primitives.cjs +2 -2
  2. package/dist/components/accordion/primitives.js +2 -2
  3. package/dist/components/admonition/primitives.js +1 -1
  4. package/dist/components/button/button.js +1 -1
  5. package/dist/components/button/primitives.js +1 -1
  6. package/dist/components/carousel/parts.js +1 -1
  7. package/dist/components/carousel/primitives.cjs +3 -3
  8. package/dist/components/carousel/primitives.js +3 -3
  9. package/dist/components/circular-progress/primitives.cjs +4 -4
  10. package/dist/components/circular-progress/primitives.js +5 -5
  11. package/dist/components/clipboard/primitives.cjs +4 -4
  12. package/dist/components/clipboard/primitives.js +4 -4
  13. package/dist/components/collapsible/index.cjs +1 -0
  14. package/dist/components/collapsible/index.js +1 -1
  15. package/dist/components/collapsible/parts.cjs +1 -0
  16. package/dist/components/collapsible/parts.d.cts +4 -0
  17. package/dist/components/collapsible/parts.d.ts +4 -0
  18. package/dist/components/collapsible/parts.js +2 -1
  19. package/dist/components/collapsible/primitives.cjs +3 -0
  20. package/dist/components/collapsible/primitives.d.cts +6 -1
  21. package/dist/components/collapsible/primitives.d.ts +6 -1
  22. package/dist/components/collapsible/primitives.js +3 -1
  23. package/dist/components/combobox/combobox.cjs +1 -2
  24. package/dist/components/combobox/combobox.d.cts +0 -5
  25. package/dist/components/combobox/combobox.d.ts +0 -5
  26. package/dist/components/combobox/combobox.js +1 -2
  27. package/dist/components/combobox/primitives.cjs +7 -7
  28. package/dist/components/combobox/primitives.js +7 -7
  29. package/dist/components/date-picker/calendar.cjs +1 -1
  30. package/dist/components/date-picker/calendar.d.cts +0 -5
  31. package/dist/components/date-picker/calendar.d.ts +0 -5
  32. package/dist/components/date-picker/calendar.js +1 -1
  33. package/dist/components/date-picker/index.cjs +4 -4
  34. package/dist/components/date-picker/index.js +2 -2
  35. package/dist/components/date-picker/primitives.cjs +7 -7
  36. package/dist/components/date-picker/primitives.js +7 -7
  37. package/dist/components/deprecated/Legend.js +1 -1
  38. package/dist/components/deprecated/NavMenuLink.js +1 -1
  39. package/dist/components/dialog/primitives.cjs +2 -2
  40. package/dist/components/dialog/primitives.js +2 -2
  41. package/dist/components/field/primitives.cjs +2 -2
  42. package/dist/components/field/primitives.js +2 -2
  43. package/dist/components/file-upload/file-status.js +1 -1
  44. package/dist/components/file-upload/file-uploader.cjs +1 -1
  45. package/dist/components/file-upload/file-uploader.js +1 -1
  46. package/dist/components/file-upload/index.cjs +1 -0
  47. package/dist/components/file-upload/index.js +1 -1
  48. package/dist/components/file-upload/parts.cjs +1 -0
  49. package/dist/components/file-upload/parts.d.cts +4 -0
  50. package/dist/components/file-upload/parts.d.ts +4 -0
  51. package/dist/components/file-upload/parts.js +2 -1
  52. package/dist/components/file-upload/primitives.cjs +11 -9
  53. package/dist/components/file-upload/primitives.d.cts +2 -0
  54. package/dist/components/file-upload/primitives.d.ts +2 -0
  55. package/dist/components/file-upload/primitives.js +11 -10
  56. package/dist/components/file-upload/utils.cjs +1 -1
  57. package/dist/components/file-upload/utils.js +1 -1
  58. package/dist/components/menu/menu.js +1 -1
  59. package/dist/components/notifications/index.cjs +4 -4
  60. package/dist/components/notifications/index.js +1 -1
  61. package/dist/components/number-input/primitives.cjs +3 -3
  62. package/dist/components/number-input/primitives.js +3 -3
  63. package/dist/components/pin-input/primitives.cjs +1 -1
  64. package/dist/components/pin-input/primitives.js +1 -1
  65. package/dist/components/progress/primitives.js +1 -1
  66. package/dist/components/radio/primitives.cjs +3 -3
  67. package/dist/components/radio/primitives.js +3 -3
  68. package/dist/components/rating/primitives.cjs +2 -2
  69. package/dist/components/rating/primitives.js +2 -2
  70. package/dist/components/select/primitives.cjs +8 -8
  71. package/dist/components/select/primitives.js +8 -8
  72. package/dist/components/select/select.d.cts +0 -5
  73. package/dist/components/select/select.d.ts +0 -5
  74. package/dist/components/switch/primitives.cjs +2 -2
  75. package/dist/components/switch/primitives.js +2 -2
  76. package/dist/components/table/primitives.js +1 -1
  77. package/dist/components/tabs/parts.js +1 -1
  78. package/dist/components/tabs/primitives.cjs +2 -2
  79. package/dist/components/tabs/primitives.js +2 -2
  80. package/dist/components/tooltip/primitives.cjs +4 -4
  81. package/dist/components/tooltip/primitives.js +4 -4
  82. package/dist/context/cerberus.js +1 -1
  83. package/dist/context/confirm-modal.js +1 -1
  84. package/dist/context/feature-flags.js +1 -1
  85. package/dist/context/navMenu.js +1 -1
  86. package/dist/context/prompt-modal.js +1 -1
  87. package/dist/context/theme.js +1 -1
  88. package/dist/index.cjs +266 -256
  89. package/dist/index.client.d.cts +1 -1
  90. package/dist/index.client.d.ts +1 -1
  91. package/dist/index.js +9 -9
  92. 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
  93. 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
  94. 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
  95. 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
  96. package/dist/node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs +1 -1
  97. package/dist/node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +2 -2
  98. package/dist/node_modules/.pnpm/@internationalized_date@3.10.0/node_modules/@internationalized/date/src/queries.js +1 -1
  99. package/dist/node_modules/.pnpm/@zag-js_accordion@1.31.1/node_modules/@zag-js/accordion/dist/index.js +2 -2
  100. package/dist/node_modules/.pnpm/@zag-js_avatar@1.31.1/node_modules/@zag-js/avatar/dist/index.cjs +5 -5
  101. package/dist/node_modules/.pnpm/@zag-js_carousel@1.31.1/node_modules/@zag-js/carousel/dist/index.cjs +16 -16
  102. package/dist/node_modules/.pnpm/@zag-js_carousel@1.31.1/node_modules/@zag-js/carousel/dist/index.js +2 -2
  103. package/dist/node_modules/.pnpm/@zag-js_clipboard@1.31.1/node_modules/@zag-js/clipboard/dist/index.cjs +4 -4
  104. package/dist/node_modules/.pnpm/@zag-js_clipboard@1.31.1/node_modules/@zag-js/clipboard/dist/index.js +1 -1
  105. package/dist/node_modules/.pnpm/@zag-js_collapsible@1.31.1/node_modules/@zag-js/collapsible/dist/index.cjs +11 -11
  106. package/dist/node_modules/.pnpm/@zag-js_collapsible@1.31.1/node_modules/@zag-js/collapsible/dist/index.js +1 -1
  107. package/dist/node_modules/.pnpm/@zag-js_combobox@1.31.1/node_modules/@zag-js/combobox/dist/index.cjs +84 -84
  108. package/dist/node_modules/.pnpm/@zag-js_combobox@1.31.1/node_modules/@zag-js/combobox/dist/index.js +1 -1
  109. 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
  110. 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
  111. 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
  112. 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
  113. package/dist/node_modules/.pnpm/@zag-js_dialog@1.31.1/node_modules/@zag-js/dialog/dist/index.cjs +14 -14
  114. package/dist/node_modules/.pnpm/@zag-js_file-upload@1.31.1/node_modules/@zag-js/file-upload/dist/index.cjs +47 -47
  115. package/dist/node_modules/.pnpm/@zag-js_file-upload@1.31.1/node_modules/@zag-js/file-upload/dist/index.js +3 -3
  116. package/dist/node_modules/.pnpm/@zag-js_number-input@1.31.1/node_modules/@zag-js/number-input/dist/index.cjs +53 -53
  117. package/dist/node_modules/.pnpm/@zag-js_number-input@1.31.1/node_modules/@zag-js/number-input/dist/index.js +3 -3
  118. package/dist/node_modules/.pnpm/@zag-js_pin-input@1.31.1/node_modules/@zag-js/pin-input/dist/index.cjs +44 -44
  119. package/dist/node_modules/.pnpm/@zag-js_pin-input@1.31.1/node_modules/@zag-js/pin-input/dist/index.js +1 -1
  120. package/dist/node_modules/.pnpm/@zag-js_progress@1.31.1/node_modules/@zag-js/progress/dist/index.cjs +6 -6
  121. package/dist/node_modules/.pnpm/@zag-js_rating-group@1.31.1/node_modules/@zag-js/rating-group/dist/index.js +1 -1
  122. 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
  123. package/dist/node_modules/.pnpm/@zag-js_remove-scroll@1.31.1/node_modules/@zag-js/remove-scroll/dist/index.js +1 -1
  124. package/dist/node_modules/.pnpm/@zag-js_select@1.31.1/node_modules/@zag-js/select/dist/index.cjs +5 -5
  125. package/dist/node_modules/.pnpm/@zag-js_tabs@1.31.1/node_modules/@zag-js/tabs/dist/index.cjs +37 -37
  126. package/dist/node_modules/.pnpm/@zag-js_tabs@1.31.1/node_modules/@zag-js/tabs/dist/index.js +2 -2
  127. package/dist/node_modules/.pnpm/@zag-js_toast@1.31.1/node_modules/@zag-js/toast/dist/index.cjs +33 -33
  128. package/dist/node_modules/.pnpm/@zag-js_toast@1.31.1/node_modules/@zag-js/toast/dist/index.js +1 -1
  129. package/dist/node_modules/.pnpm/@zag-js_tooltip@1.31.1/node_modules/@zag-js/tooltip/dist/index.cjs +9 -9
  130. package/dist/node_modules/.pnpm/@zag-js_tooltip@1.31.1/node_modules/@zag-js/tooltip/dist/index.js +1 -1
  131. package/package.json +3 -3
  132. package/src/components/collapsible/parts.ts +6 -0
  133. package/src/components/collapsible/primitives.tsx +6 -0
  134. package/src/components/combobox/combobox.tsx +0 -6
  135. package/src/components/date-picker/calendar.tsx +1 -6
  136. package/src/components/file-upload/file-uploader.tsx +2 -2
  137. package/src/components/file-upload/parts.tsx +6 -0
  138. package/src/components/file-upload/primitives.ts +5 -0
  139. package/src/components/file-upload/utils.ts +1 -1
  140. package/src/components/select/select.tsx +0 -5
  141. package/src/index.client.ts +2 -0
@@ -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$1 = require('../../../../../@zag-js_dom-query@1.31.1/node_modules/@zag-js/dom-query/dist/index.cjs');
7
- const index$2 = require('../../../../../@zag-js_utils@1.31.1/node_modules/@zag-js/utils/dist/index.cjs');
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$1.queryAll(getListEl(ctx), selector);
26
+ return index.queryAll(getListEl(ctx), selector);
27
27
  };
28
- var getFirstTriggerEl = (ctx) => index$2.first(getElements(ctx));
29
- var getLastTriggerEl = (ctx) => index$2.last(getElements(ctx));
30
- var getNextTriggerEl = (ctx, opts) => index$1.nextById(getElements(ctx), getTriggerId(ctx, opts.value), opts.loopFocus);
31
- var getPrevTriggerEl = (ctx, opts) => index$1.prevById(getElements(ctx), getTriggerId(ctx, opts.value), opts.loopFocus);
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$1.itemById(getElements(ctx), getTriggerId(ctx, value));
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$1.dataAttr(focused),
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$1.dataAttr(focused),
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$1.isComposingEvent(event)) return;
109
- if (!index$1.contains(event.currentTarget, index$1.getEventTarget(event))) return;
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$1.getEventKey(event, {
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$1.dataAttr(disabled),
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$1.dataAttr(triggerState.selected),
163
- "data-focus": index$1.dataAttr(triggerState.focused),
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$1.dataAttr(context.get("ssr")),
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$1.isOpeningInNewTab(event)) return;
180
+ if (index.isOpeningInNewTab(event)) return;
181
181
  if (disabled) return;
182
- if (index$1.isSafari()) {
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$1.dataAttr(selected),
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$2.toPx(rect?.x),
217
- "--top": index$2.toPx(rect?.y),
218
- "--width": index$2.toPx(rect?.width),
219
- "--height": index$2.toPx(rect?.height),
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$1.clickIfLink(details.node);
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$1.raf(() => {
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$1.raf(() => {
391
+ index.raf(() => {
392
392
  getFirstTriggerEl(scope)?.focus();
393
393
  });
394
394
  },
395
395
  focusLastTab({ scope }) {
396
- index$1.raf(() => {
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$1.raf(() => {
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$1.raf(() => {
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$1.raf(() => {
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$1.getFocusables(contentEl);
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$2.isEqual(prev, rect) ? prev : rect);
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$2.callAll(...triggerEls.map((el) => index$1.resizeObserverBorderBox.observe(el, exec)));
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$1.isAnchorElement(triggerEl)) {
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, getFocusables, prevById, nextById, clickIfLink, dataAttr, isOpeningInNewTab, isSafari, isComposingEvent, contains, getEventTarget, getEventKey, queryAll, itemById } from '../../../../../@zag-js_dom-query@1.31.1/node_modules/@zag-js/dom-query/dist/index.js';
3
- import { callAll, last, first, toPx, isEqual } from '../../../../../@zag-js_utils@1.31.1/node_modules/@zag-js/utils/dist/index.js';
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
 
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const index$2 = require('../../../../../@zag-js_dom-query@1.31.1/node_modules/@zag-js/dom-query/dist/index.cjs');
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$1 = require('../../../../../@zag-js_dismissable@1.31.1/node_modules/@zag-js/dismissable/dist/index.cjs');
9
- const index$3 = require('../../../../../@zag-js_utils@1.31.1/node_modules/@zag-js/utils/dist/index.cjs');
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$2.MAX_Z_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$2.contains(event.currentTarget, event.relatedTarget)) {
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$3.uuid(),
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$2.AnimationFrame.create(),
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$2.addDomEvent(document, "keydown", handleKeyDown, { capture: true });
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$2.addDomEvent(doc, "visibilitychange", () => {
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$1.trackDismissableBranch(groupEl, { defer: true });
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$2.dataAttr(mounted),
543
- "data-paused": index$2.dataAttr(paused),
544
- "data-first": index$2.dataAttr(frontmost),
545
- "data-sibling": index$2.dataAttr(!frontmost),
546
- "data-stack": index$2.dataAttr(stacked),
547
- "data-overlap": index$2.dataAttr(!stacked),
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$3.ensureProps(props, ["id", "type", "parent", "removeDelay"], "toast");
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$3.setRafTimeout(() => {
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$3.setRafTimeout(() => {
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$3.setRafTimeout(() => {
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$2.raf(() => {
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$2.raf(() => {
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$3.compact(options) };
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$3.uuid()}`;
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$3.warn("[zag-js > toast] toaster.promise() requires at least a 'loading' option to be specified");
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$3.runIfFn(promise2).then(async (response) => {
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$3.runIfFn(options.error, `HTTP Error! status: ${response.status}`);
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$3.runIfFn(options.success, response);
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$3.runIfFn(options.error, error2);
995
+ const errorOptions = index$2.runIfFn(options.error, error2);
996
996
  create({ ...shared, ...errorOptions, id, type: "error" });
997
997
  }
998
998
  }).finally(() => {
@@ -1,4 +1,4 @@
1
- import { addDomEvent, AnimationFrame, contains, MAX_Z_INDEX, dataAttr, raf } from '../../../../../@zag-js_dom-query@1.31.1/node_modules/@zag-js/dom-query/dist/index.js';
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';
@@ -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$4 = require('../../../../../@zag-js_focus-visible@1.31.1/node_modules/@zag-js/focus-visible/dist/index.cjs');
8
- const index$3 = require('../../../../../@zag-js_popper@1.31.1/node_modules/@zag-js/popper/dist/index.cjs');
9
- const index$2 = require('../../../../../@zag-js_utils@1.31.1/node_modules/@zag-js/utils/dist/index.cjs');
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$2.createStore({ id: null });
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$3.getPlacementStyles({
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$4.isFocusVisible()) return;
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$3.getPlacement(getTriggerEl(scope), getPositionerEl2, {
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$4.trackFocusVisible({ root: scope.getRootNode?.() });
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$3.getPlacement(getTriggerEl(scope), getPositionerEl2, {
436
+ return index$2.getPlacement(getTriggerEl(scope), getPositionerEl2, {
437
437
  ...prop("positioning"),
438
438
  defer: true,
439
439
  onComplete(data) {
@@ -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, dataAttr, isLeftClick } from '../../../../../@zag-js_dom-query@1.31.1/node_modules/@zag-js/dom-query/dist/index.js';
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.1-rc.1",
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.2.4",
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.1-rc.1"
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', 'container'])
38
+ const [, contentProps] = splitProps(props, ['withModal'])
44
39
 
45
40
  return (
46
41
  <DatePickerContent {...contentProps}>