@cerberus-design/react 1.2.1 → 1.3.0-rc.2

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 (60) hide show
  1. package/dist/components/admonition/primitives.cjs +5 -5
  2. package/dist/components/admonition/primitives.d.cts +13 -2856
  3. package/dist/components/admonition/primitives.d.ts +13 -2856
  4. package/dist/components/admonition/primitives.js +6 -6
  5. package/dist/components/combobox/use-stateful-collection.cjs +1 -1
  6. package/dist/components/combobox/use-stateful-collection.js +1 -1
  7. package/dist/components/dialog/dialog.cjs +1 -1
  8. package/dist/components/dialog/dialog.js +1 -1
  9. package/dist/components/dialog/index.cjs +1 -0
  10. package/dist/components/dialog/index.js +2 -2
  11. package/dist/components/dialog/primitives.cjs +2 -0
  12. package/dist/components/dialog/primitives.d.cts +5 -2
  13. package/dist/components/dialog/primitives.d.ts +5 -2
  14. package/dist/components/dialog/primitives.js +2 -1
  15. package/dist/components/icon-button/button.cjs +1 -3
  16. package/dist/components/icon-button/button.js +1 -3
  17. package/dist/components/icon-button/primitives.cjs +4 -2
  18. package/dist/components/icon-button/primitives.d.cts +5 -5
  19. package/dist/components/icon-button/primitives.d.ts +5 -5
  20. package/dist/components/icon-button/primitives.js +4 -2
  21. package/dist/components/notifications/center.cjs +7 -23
  22. package/dist/components/notifications/center.d.cts +2 -6
  23. package/dist/components/notifications/center.d.ts +2 -6
  24. package/dist/components/notifications/center.js +8 -23
  25. package/dist/components/notifications/index.cjs +0 -14
  26. package/dist/components/notifications/index.js +3 -3
  27. package/dist/components/notifications/match-icon.cjs +7 -1
  28. package/dist/components/notifications/match-icon.d.cts +1 -5
  29. package/dist/components/notifications/match-icon.d.ts +1 -5
  30. package/dist/components/notifications/match-icon.js +7 -1
  31. package/dist/components/notifications/toaster.d.cts +0 -1
  32. package/dist/components/notifications/toaster.d.ts +0 -1
  33. package/dist/components/notifications/toaster.js +2 -2
  34. package/dist/components/notifications/types.d.cts +4 -30
  35. package/dist/components/notifications/types.d.ts +4 -30
  36. package/dist/components/pagination/triggers.d.cts +2 -3
  37. package/dist/components/pagination/triggers.d.ts +2 -3
  38. package/dist/components/progress/primitives.cjs +2 -2
  39. package/dist/components/progress/primitives.d.cts +7 -1904
  40. package/dist/components/progress/primitives.d.ts +7 -1904
  41. package/dist/components/progress/primitives.js +3 -3
  42. package/dist/components/table/primitives.cjs +10 -10
  43. package/dist/components/table/primitives.d.cts +23 -9488
  44. package/dist/components/table/primitives.d.ts +23 -9488
  45. package/dist/components/table/primitives.js +11 -11
  46. package/dist/components/tooltip/renderer.cjs +11 -0
  47. package/dist/components/tooltip/renderer.d.cts +6 -0
  48. package/dist/components/tooltip/renderer.d.ts +6 -0
  49. package/dist/components/tooltip/renderer.js +11 -0
  50. package/dist/components/tooltip/tooltip.cjs +6 -2
  51. package/dist/components/tooltip/tooltip.d.cts +4 -0
  52. package/dist/components/tooltip/tooltip.d.ts +4 -0
  53. package/dist/components/tooltip/tooltip.js +6 -2
  54. package/dist/index.cjs +4 -5
  55. package/dist/index.client.d.cts +1 -1
  56. package/dist/index.client.d.ts +1 -1
  57. package/dist/index.client.js +2 -2
  58. package/dist/index.js +6 -6
  59. package/dist/panda.buildinfo.json +15 -3
  60. package/package.json +6 -6
@@ -1,4 +1,4 @@
1
- import { cerberus, createCerberusPrimitive } from "../../system/index.js";
1
+ import { createCerberusPrimitive } from "../../system/index.js";
2
2
  import { table } from "styled-system/recipes";
3
3
  //#region src/components/table/primitives.tsx
4
4
  /**
@@ -6,43 +6,43 @@ import { table } from "styled-system/recipes";
6
6
  * @module 'table/primitives'
7
7
  */
8
8
  var { withSlotRecipe } = createCerberusPrimitive(table);
9
- var TableRoot = withSlotRecipe(cerberus.div, "root", { defaultProps: {
9
+ var TableRoot = withSlotRecipe("div", "root", { defaultProps: {
10
10
  "data-scope": "table",
11
11
  "data-part": "root"
12
12
  } });
13
- var TableEl = withSlotRecipe(cerberus.table, "table", { defaultProps: {
13
+ var TableEl = withSlotRecipe("table", "table", { defaultProps: {
14
14
  "data-scope": "table",
15
15
  "data-part": "table"
16
16
  } });
17
- var Caption = withSlotRecipe(cerberus.caption, "caption", { defaultProps: {
17
+ var Caption = withSlotRecipe("caption", "caption", { defaultProps: {
18
18
  "data-scope": "table",
19
19
  "data-part": "caption"
20
20
  } });
21
- var Thead = withSlotRecipe(cerberus.thead, "thead", { defaultProps: {
21
+ var Thead = withSlotRecipe("thead", "thead", { defaultProps: {
22
22
  "data-scope": "table",
23
23
  "data-part": "header"
24
24
  } });
25
- var Th = withSlotRecipe(cerberus.th, "th", { defaultProps: {
25
+ var Th = withSlotRecipe("th", "th", { defaultProps: {
26
26
  "data-scope": "table",
27
27
  "data-part": "header-col"
28
28
  } });
29
- var Tbody = withSlotRecipe(cerberus.tbody, "tbody", { defaultProps: {
29
+ var Tbody = withSlotRecipe("tbody", "tbody", { defaultProps: {
30
30
  "data-scope": "table",
31
31
  "data-part": "body"
32
32
  } });
33
- var Tr = withSlotRecipe(cerberus.tr, "tr", { defaultProps: {
33
+ var Tr = withSlotRecipe("tr", "tr", { defaultProps: {
34
34
  "data-scope": "table",
35
35
  "data-part": "row"
36
36
  } });
37
- var Td = withSlotRecipe(cerberus.td, "td", { defaultProps: {
37
+ var Td = withSlotRecipe("td", "td", { defaultProps: {
38
38
  "data-scope": "table",
39
39
  "data-part": "cell"
40
40
  } });
41
- var Tfoot = withSlotRecipe(cerberus.tfoot, "tfoot", { defaultProps: {
41
+ var Tfoot = withSlotRecipe("tfoot", "tfoot", { defaultProps: {
42
42
  "data-scope": "table",
43
43
  "data-part": "footer"
44
44
  } });
45
- var TableTrigger = withSlotRecipe(cerberus.button, "trigger", { defaultProps: {
45
+ var TableTrigger = withSlotRecipe("button", "trigger", { defaultProps: {
46
46
  "data-scope": "table",
47
47
  "data-part": "trigger"
48
48
  } });
@@ -0,0 +1,11 @@
1
+ "use client";
2
+ "use client";
3
+ const require_portal = require("../portal/portal.cjs");
4
+ let react_jsx_runtime = require("react/jsx-runtime");
5
+ //#region src/components/tooltip/renderer.tsx
6
+ function TooltipRenderer(props) {
7
+ if (props.portal) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portal.Portal, { children: props.children });
8
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: props.children });
9
+ }
10
+ //#endregion
11
+ exports.TooltipRenderer = TooltipRenderer;
@@ -0,0 +1,6 @@
1
+ import { PropsWithChildren } from 'react';
2
+ interface TooltipRendererProps {
3
+ portal: boolean;
4
+ }
5
+ export declare function TooltipRenderer(props: PropsWithChildren<TooltipRendererProps>): import("react/jsx-runtime").JSX.Element;
6
+ export {};
@@ -0,0 +1,6 @@
1
+ import { PropsWithChildren } from 'react';
2
+ interface TooltipRendererProps {
3
+ portal: boolean;
4
+ }
5
+ export declare function TooltipRenderer(props: PropsWithChildren<TooltipRendererProps>): import("react/jsx-runtime").JSX.Element;
6
+ export {};
@@ -0,0 +1,11 @@
1
+ "use client";
2
+ "use client";
3
+ import { Portal } from "../portal/portal.js";
4
+ import { Fragment, jsx } from "react/jsx-runtime";
5
+ //#region src/components/tooltip/renderer.tsx
6
+ function TooltipRenderer(props) {
7
+ if (props.portal) return /* @__PURE__ */ jsx(Portal, { children: props.children });
8
+ return /* @__PURE__ */ jsx(Fragment, { children: props.children });
9
+ }
10
+ //#endregion
11
+ export { TooltipRenderer };
@@ -1,4 +1,5 @@
1
1
  const require_parts = require("./parts.cjs");
2
+ const require_renderer = require("./renderer.cjs");
2
3
  let react_jsx_runtime = require("react/jsx-runtime");
3
4
  //#region src/components/tooltip/tooltip.tsx
4
5
  /**
@@ -11,7 +12,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
11
12
  * </Tooltip>
12
13
  */
13
14
  function Tooltip(props) {
14
- const { content, children, ...rootProps } = props;
15
+ const { content, children, portal, ...rootProps } = props;
15
16
  const position = { placement: props.positioning || "top" };
16
17
  return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.TooltipParts.Root, {
17
18
  openDelay: 400,
@@ -20,7 +21,10 @@ function Tooltip(props) {
20
21
  children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.TooltipParts.Trigger, {
21
22
  asChild: true,
22
23
  children
23
- }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.TooltipParts.Positioner, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.TooltipParts.Content, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.TooltipParts.Arrow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.TooltipParts.ArrowTip, {}) }), content] }) })]
24
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_renderer.TooltipRenderer, {
25
+ portal: Boolean(portal),
26
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.TooltipParts.Positioner, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.TooltipParts.Content, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.TooltipParts.Arrow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.TooltipParts.ArrowTip, {}) }), content] }) })
27
+ })]
24
28
  });
25
29
  }
26
30
  //#endregion
@@ -9,6 +9,10 @@ export interface TooltipProps extends Omit<TooltipRootProps, 'content'> {
9
9
  * The text content to display in the tooltip.
10
10
  */
11
11
  content: ReactNode;
12
+ /**
13
+ * Whether to render the content within a Portal or not. Default is set to **false**.
14
+ */
15
+ portal?: boolean;
12
16
  }
13
17
  /**
14
18
  * The Tooltip component is used to provide additional information about an element when it is hovered over.
@@ -9,6 +9,10 @@ export interface TooltipProps extends Omit<TooltipRootProps, 'content'> {
9
9
  * The text content to display in the tooltip.
10
10
  */
11
11
  content: ReactNode;
12
+ /**
13
+ * Whether to render the content within a Portal or not. Default is set to **false**.
14
+ */
15
+ portal?: boolean;
12
16
  }
13
17
  /**
14
18
  * The Tooltip component is used to provide additional information about an element when it is hovered over.
@@ -1,4 +1,5 @@
1
1
  import { TooltipParts } from "./parts.js";
2
+ import { TooltipRenderer } from "./renderer.js";
2
3
  import { jsx, jsxs } from "react/jsx-runtime";
3
4
  //#region src/components/tooltip/tooltip.tsx
4
5
  /**
@@ -11,7 +12,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
11
12
  * </Tooltip>
12
13
  */
13
14
  function Tooltip(props) {
14
- const { content, children, ...rootProps } = props;
15
+ const { content, children, portal, ...rootProps } = props;
15
16
  const position = { placement: props.positioning || "top" };
16
17
  return /* @__PURE__ */ jsxs(TooltipParts.Root, {
17
18
  openDelay: 400,
@@ -20,7 +21,10 @@ function Tooltip(props) {
20
21
  children: [/* @__PURE__ */ jsx(TooltipParts.Trigger, {
21
22
  asChild: true,
22
23
  children
23
- }), /* @__PURE__ */ jsx(TooltipParts.Positioner, { children: /* @__PURE__ */ jsxs(TooltipParts.Content, { children: [/* @__PURE__ */ jsx(TooltipParts.Arrow, { children: /* @__PURE__ */ jsx(TooltipParts.ArrowTip, {}) }), content] }) })]
24
+ }), /* @__PURE__ */ jsx(TooltipRenderer, {
25
+ portal: Boolean(portal),
26
+ children: /* @__PURE__ */ jsx(TooltipParts.Positioner, { children: /* @__PURE__ */ jsxs(TooltipParts.Content, { children: [/* @__PURE__ */ jsx(TooltipParts.Arrow, { children: /* @__PURE__ */ jsx(TooltipParts.ArrowTip, {}) }), content] }) })
27
+ })]
24
28
  });
25
29
  }
26
30
  //#endregion
package/dist/index.cjs CHANGED
@@ -32,6 +32,7 @@ const require_circular_progress = require("./components/circular-progress/circul
32
32
  const require_primitives$7 = require("./components/clipboard/primitives.cjs");
33
33
  const require_primitives$8 = require("./components/tooltip/primitives.cjs");
34
34
  const require_parts$6 = require("./components/tooltip/parts.cjs");
35
+ const require_portal = require("./components/portal/portal.cjs");
35
36
  const require_tooltip = require("./components/tooltip/tooltip.cjs");
36
37
  const require_parts$7 = require("./components/clipboard/parts.cjs");
37
38
  const require_primitives$9 = require("./components/collapsible/primitives.cjs");
@@ -48,7 +49,6 @@ const require_button$1 = require("./components/icon-button/button.cjs");
48
49
  const require_primitives$13 = require("./components/dialog/primitives.cjs");
49
50
  const require_close_icon_trigger = require("./components/dialog/close-icon-trigger.cjs");
50
51
  const require_parts$10 = require("./components/dialog/parts.cjs");
51
- const require_portal = require("./components/portal/portal.cjs");
52
52
  const require_dialog = require("./components/dialog/dialog.cjs");
53
53
  const require_provider = require("./components/cta-dialog/provider.cjs");
54
54
  const require_utils = require("./components/cta-dialog/utils.cjs");
@@ -131,7 +131,6 @@ const require_theme$1 = require("./context/theme.cjs");
131
131
  const require_useRootColors = require("./hooks/useRootColors.cjs");
132
132
  let _ark_ui_react = require("@ark-ui/react");
133
133
  let _internationalized_date = require("@internationalized/date");
134
- let _ark_ui_react_toast = require("@ark-ui/react/toast");
135
134
  let _ark_ui_react_date_picker = require("@ark-ui/react/date-picker");
136
135
  let _ark_ui_react_avatar = require("@ark-ui/react/avatar");
137
136
  exports.Accordion = require_item_group.Accordion;
@@ -327,6 +326,7 @@ exports.DialogBackdrop = require_primitives$13.DialogBackdrop;
327
326
  exports.DialogCloseIconTrigger = require_close_icon_trigger.DialogCloseIconTrigger;
328
327
  exports.DialogCloseTrigger = require_primitives$13.DialogCloseTrigger;
329
328
  exports.DialogContent = require_primitives$13.DialogContent;
329
+ exports.DialogContext = require_primitives$13.DialogContext;
330
330
  exports.DialogDescription = require_primitives$13.DialogDescription;
331
331
  exports.DialogHeading = require_primitives$13.DialogHeading;
332
332
  exports.DialogParts = require_parts$10.DialogParts;
@@ -761,7 +761,7 @@ Object.defineProperty(exports, "TimerRootProvider", {
761
761
  Object.defineProperty(exports, "Toaster", {
762
762
  enumerable: true,
763
763
  get: function() {
764
- return _ark_ui_react_toast.Toaster;
764
+ return _ark_ui_react.Toaster;
765
765
  }
766
766
  });
767
767
  Object.defineProperty(exports, "ToggleContext", {
@@ -814,7 +814,7 @@ exports.createSelectCollection = require_primitives$11.createSelectCollection;
814
814
  Object.defineProperty(exports, "createToaster", {
815
815
  enumerable: true,
816
816
  get: function() {
817
- return _ark_ui_react_toast.createToaster;
817
+ return _ark_ui_react.createToaster;
818
818
  }
819
819
  });
820
820
  exports.defineIcons = require_defineIcons.defineIcons;
@@ -1005,7 +1005,6 @@ Object.defineProperty(exports, "useMenu", {
1005
1005
  }
1006
1006
  });
1007
1007
  exports.useNavMenuContext = require_navMenu.useNavMenuContext;
1008
- exports.useNotificationCenter = require_center.useNotificationCenter;
1009
1008
  Object.defineProperty(exports, "useNumberInput", {
1010
1009
  enumerable: true,
1011
1010
  get: function() {
@@ -1 +1 @@
1
- export { AccordionRootProvider, useAccordion, useAngleSlider, AngleSliderRootProvider, useAvatar, AvatarRootProvider, useCarousel, CarouselRootProvider, useCheckbox, CheckboxRootProvider, useClipboard, ClipboardRootProvider, useCollapsible, useCollapsibleContext, useColorPicker, ColorPickerRootProvider, useCombobox, ComboboxRootProvider, useDatePicker, DatePickerRootProvider, useDialog, DialogRootProvider, type DialogOpenChangeDetails, useEditable, EditableRootProvider, useField, FieldRootProvider, useFieldset, FieldsetRootProvider, useFileUpload, FileUploadRootProvider, useFloatingPanel, FloatingPanelRootProvider, useImageCropper, ImageCropperRootProvider, useHoverCard, HoverCardRootProvider, useListbox, ListboxRootProvider, useMarquee, MarqueeRootProvider, useMenu, MenuRootProvider, useNumberInput, NumberInputRootProvider, usePagination, usePaginationContext, usePasswordInput, PasswordInputRootProvider, usePinInput, PinInputRootProvider, usePopover, PopoverRootProvider, useQrCode, QrCodeRootProvider, useRadioGroup, RadioGroupRootProvider, useRatingGroup, RatingGroupRootProvider, useScrollArea, ScrollAreaRootProvider, useSegmentGroup, SegmentGroupRootProvider, useSelect, SelectRootProvider, useSignaturePad, SignaturePadRootProvider, useSlider, SliderRootProvider, useSplitter, SplitterRootProvider, useSteps, StepsRootProvider, useSwitch, SwitchRootProvider, useTabs, TabsRootProvider, useTagsInput, TagsInputRootProvider, useTimer, TimerRootProvider, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, ToggleContext, ToggleGroupRootProvider, useTooltip, TooltipRootProvider, useTour, useTourContext, useTreeView, TreeViewRootProvider, useTreeViewNodeContext, TreeViewNodeProvider, ClientOnly, DownloadTrigger, FocusTrap, Format, Frame, Highlight, JsonTreeView, useJsonTreeView, Presence, EnvironmentProvider, useEnvironmentContext, LocaleProvider, useLocaleContext, } from '@ark-ui/react';
1
+ export { AccordionRootProvider, useAccordion, useAngleSlider, AngleSliderRootProvider, useAvatar, AvatarRootProvider, useCarousel, CarouselRootProvider, useCheckbox, CheckboxRootProvider, useClipboard, ClipboardRootProvider, useCollapsible, useCollapsibleContext, useColorPicker, ColorPickerRootProvider, useCombobox, ComboboxRootProvider, useDatePicker, DatePickerRootProvider, useDialog, DialogRootProvider, type DialogOpenChangeDetails, useEditable, EditableRootProvider, useField, FieldRootProvider, useFieldset, FieldsetRootProvider, useFileUpload, FileUploadRootProvider, useFloatingPanel, FloatingPanelRootProvider, useImageCropper, ImageCropperRootProvider, useHoverCard, HoverCardRootProvider, useListbox, ListboxRootProvider, useMarquee, MarqueeRootProvider, useMenu, MenuRootProvider, useNumberInput, NumberInputRootProvider, usePagination, usePaginationContext, usePasswordInput, PasswordInputRootProvider, usePinInput, PinInputRootProvider, usePopover, PopoverRootProvider, useQrCode, QrCodeRootProvider, useRadioGroup, RadioGroupRootProvider, useRatingGroup, RatingGroupRootProvider, useScrollArea, ScrollAreaRootProvider, useSegmentGroup, SegmentGroupRootProvider, useSelect, SelectRootProvider, useSignaturePad, SignaturePadRootProvider, useSlider, SliderRootProvider, useSplitter, SplitterRootProvider, useSteps, StepsRootProvider, useSwitch, SwitchRootProvider, useTabs, TabsRootProvider, useTagsInput, TagsInputRootProvider, useTimer, TimerRootProvider, createToaster, Toaster, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, ToggleContext, ToggleGroupRootProvider, useTooltip, TooltipRootProvider, useTour, useTourContext, useTreeView, TreeViewRootProvider, useTreeViewNodeContext, TreeViewNodeProvider, ClientOnly, DownloadTrigger, FocusTrap, Format, Frame, Highlight, JsonTreeView, useJsonTreeView, Presence, EnvironmentProvider, useEnvironmentContext, LocaleProvider, useLocaleContext, } from '@ark-ui/react';
@@ -1 +1 @@
1
- export { AccordionRootProvider, useAccordion, useAngleSlider, AngleSliderRootProvider, useAvatar, AvatarRootProvider, useCarousel, CarouselRootProvider, useCheckbox, CheckboxRootProvider, useClipboard, ClipboardRootProvider, useCollapsible, useCollapsibleContext, useColorPicker, ColorPickerRootProvider, useCombobox, ComboboxRootProvider, useDatePicker, DatePickerRootProvider, useDialog, DialogRootProvider, type DialogOpenChangeDetails, useEditable, EditableRootProvider, useField, FieldRootProvider, useFieldset, FieldsetRootProvider, useFileUpload, FileUploadRootProvider, useFloatingPanel, FloatingPanelRootProvider, useImageCropper, ImageCropperRootProvider, useHoverCard, HoverCardRootProvider, useListbox, ListboxRootProvider, useMarquee, MarqueeRootProvider, useMenu, MenuRootProvider, useNumberInput, NumberInputRootProvider, usePagination, usePaginationContext, usePasswordInput, PasswordInputRootProvider, usePinInput, PinInputRootProvider, usePopover, PopoverRootProvider, useQrCode, QrCodeRootProvider, useRadioGroup, RadioGroupRootProvider, useRatingGroup, RatingGroupRootProvider, useScrollArea, ScrollAreaRootProvider, useSegmentGroup, SegmentGroupRootProvider, useSelect, SelectRootProvider, useSignaturePad, SignaturePadRootProvider, useSlider, SliderRootProvider, useSplitter, SplitterRootProvider, useSteps, StepsRootProvider, useSwitch, SwitchRootProvider, useTabs, TabsRootProvider, useTagsInput, TagsInputRootProvider, useTimer, TimerRootProvider, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, ToggleContext, ToggleGroupRootProvider, useTooltip, TooltipRootProvider, useTour, useTourContext, useTreeView, TreeViewRootProvider, useTreeViewNodeContext, TreeViewNodeProvider, ClientOnly, DownloadTrigger, FocusTrap, Format, Frame, Highlight, JsonTreeView, useJsonTreeView, Presence, EnvironmentProvider, useEnvironmentContext, LocaleProvider, useLocaleContext, } from '@ark-ui/react';
1
+ export { AccordionRootProvider, useAccordion, useAngleSlider, AngleSliderRootProvider, useAvatar, AvatarRootProvider, useCarousel, CarouselRootProvider, useCheckbox, CheckboxRootProvider, useClipboard, ClipboardRootProvider, useCollapsible, useCollapsibleContext, useColorPicker, ColorPickerRootProvider, useCombobox, ComboboxRootProvider, useDatePicker, DatePickerRootProvider, useDialog, DialogRootProvider, type DialogOpenChangeDetails, useEditable, EditableRootProvider, useField, FieldRootProvider, useFieldset, FieldsetRootProvider, useFileUpload, FileUploadRootProvider, useFloatingPanel, FloatingPanelRootProvider, useImageCropper, ImageCropperRootProvider, useHoverCard, HoverCardRootProvider, useListbox, ListboxRootProvider, useMarquee, MarqueeRootProvider, useMenu, MenuRootProvider, useNumberInput, NumberInputRootProvider, usePagination, usePaginationContext, usePasswordInput, PasswordInputRootProvider, usePinInput, PinInputRootProvider, usePopover, PopoverRootProvider, useQrCode, QrCodeRootProvider, useRadioGroup, RadioGroupRootProvider, useRatingGroup, RatingGroupRootProvider, useScrollArea, ScrollAreaRootProvider, useSegmentGroup, SegmentGroupRootProvider, useSelect, SelectRootProvider, useSignaturePad, SignaturePadRootProvider, useSlider, SliderRootProvider, useSplitter, SplitterRootProvider, useSteps, StepsRootProvider, useSwitch, SwitchRootProvider, useTabs, TabsRootProvider, useTagsInput, TagsInputRootProvider, useTimer, TimerRootProvider, createToaster, Toaster, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, ToggleContext, ToggleGroupRootProvider, useTooltip, TooltipRootProvider, useTour, useTourContext, useTreeView, TreeViewRootProvider, useTreeViewNodeContext, TreeViewNodeProvider, ClientOnly, DownloadTrigger, FocusTrap, Format, Frame, Highlight, JsonTreeView, useJsonTreeView, Presence, EnvironmentProvider, useEnvironmentContext, LocaleProvider, useLocaleContext, } from '@ark-ui/react';
@@ -1,4 +1,4 @@
1
1
  "use client";
2
2
  "use client";
3
- import { AccordionRootProvider, AngleSliderRootProvider, AvatarRootProvider, CarouselRootProvider, CheckboxRootProvider, ClientOnly, ClipboardRootProvider, ColorPickerRootProvider, ComboboxRootProvider, DatePickerRootProvider, DialogRootProvider, DownloadTrigger, EditableRootProvider, EnvironmentProvider, FieldRootProvider, FieldsetRootProvider, FileUploadRootProvider, FloatingPanelRootProvider, FocusTrap, Format, Frame, Highlight, HoverCardRootProvider, ImageCropperRootProvider, JsonTreeView, ListboxRootProvider, LocaleProvider, MarqueeRootProvider, MenuRootProvider, NumberInputRootProvider, PasswordInputRootProvider, PinInputRootProvider, PopoverRootProvider, Presence, QrCodeRootProvider, RadioGroupRootProvider, RatingGroupRootProvider, ScrollAreaRootProvider, SegmentGroupRootProvider, SelectRootProvider, SignaturePadRootProvider, SliderRootProvider, SplitterRootProvider, StepsRootProvider, SwitchRootProvider, TabsRootProvider, TagsInputRootProvider, TimerRootProvider, ToggleContext, ToggleGroupRootProvider, TooltipRootProvider, TreeViewNodeProvider, TreeViewRootProvider, useAccordion, useAngleSlider, useAvatar, useCarousel, useCheckbox, useClipboard, useCollapsible, useCollapsibleContext, useColorPicker, useCombobox, useDatePicker, useDialog, useEditable, useEnvironmentContext, useField, useFieldset, useFileUpload, useFloatingPanel, useHoverCard, useImageCropper, useJsonTreeView, useListbox, useLocaleContext, useMarquee, useMenu, useNumberInput, usePagination, usePaginationContext, usePasswordInput, usePinInput, usePopover, useQrCode, useRadioGroup, useRatingGroup, useScrollArea, useSegmentGroup, useSelect, useSignaturePad, useSlider, useSplitter, useSteps, useSwitch, useTabs, useTagsInput, useTimer, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, useTooltip, useTour, useTourContext, useTreeView, useTreeViewNodeContext } from "@ark-ui/react";
4
- export { AccordionRootProvider, AngleSliderRootProvider, AvatarRootProvider, CarouselRootProvider, CheckboxRootProvider, ClientOnly, ClipboardRootProvider, ColorPickerRootProvider, ComboboxRootProvider, DatePickerRootProvider, DialogRootProvider, DownloadTrigger, EditableRootProvider, EnvironmentProvider, FieldRootProvider, FieldsetRootProvider, FileUploadRootProvider, FloatingPanelRootProvider, FocusTrap, Format, Frame, Highlight, HoverCardRootProvider, ImageCropperRootProvider, JsonTreeView, ListboxRootProvider, LocaleProvider, MarqueeRootProvider, MenuRootProvider, NumberInputRootProvider, PasswordInputRootProvider, PinInputRootProvider, PopoverRootProvider, Presence, QrCodeRootProvider, RadioGroupRootProvider, RatingGroupRootProvider, ScrollAreaRootProvider, SegmentGroupRootProvider, SelectRootProvider, SignaturePadRootProvider, SliderRootProvider, SplitterRootProvider, StepsRootProvider, SwitchRootProvider, TabsRootProvider, TagsInputRootProvider, TimerRootProvider, ToggleContext, ToggleGroupRootProvider, TooltipRootProvider, TreeViewNodeProvider, TreeViewRootProvider, useAccordion, useAngleSlider, useAvatar, useCarousel, useCheckbox, useClipboard, useCollapsible, useCollapsibleContext, useColorPicker, useCombobox, useDatePicker, useDialog, useEditable, useEnvironmentContext, useField, useFieldset, useFileUpload, useFloatingPanel, useHoverCard, useImageCropper, useJsonTreeView, useListbox, useLocaleContext, useMarquee, useMenu, useNumberInput, usePagination, usePaginationContext, usePasswordInput, usePinInput, usePopover, useQrCode, useRadioGroup, useRatingGroup, useScrollArea, useSegmentGroup, useSelect, useSignaturePad, useSlider, useSplitter, useSteps, useSwitch, useTabs, useTagsInput, useTimer, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, useTooltip, useTour, useTourContext, useTreeView, useTreeViewNodeContext };
3
+ import { AccordionRootProvider, AngleSliderRootProvider, AvatarRootProvider, CarouselRootProvider, CheckboxRootProvider, ClientOnly, ClipboardRootProvider, ColorPickerRootProvider, ComboboxRootProvider, DatePickerRootProvider, DialogRootProvider, DownloadTrigger, EditableRootProvider, EnvironmentProvider, FieldRootProvider, FieldsetRootProvider, FileUploadRootProvider, FloatingPanelRootProvider, FocusTrap, Format, Frame, Highlight, HoverCardRootProvider, ImageCropperRootProvider, JsonTreeView, ListboxRootProvider, LocaleProvider, MarqueeRootProvider, MenuRootProvider, NumberInputRootProvider, PasswordInputRootProvider, PinInputRootProvider, PopoverRootProvider, Presence, QrCodeRootProvider, RadioGroupRootProvider, RatingGroupRootProvider, ScrollAreaRootProvider, SegmentGroupRootProvider, SelectRootProvider, SignaturePadRootProvider, SliderRootProvider, SplitterRootProvider, StepsRootProvider, SwitchRootProvider, TabsRootProvider, TagsInputRootProvider, TimerRootProvider, Toaster, ToggleContext, ToggleGroupRootProvider, TooltipRootProvider, TreeViewNodeProvider, TreeViewRootProvider, createToaster, useAccordion, useAngleSlider, useAvatar, useCarousel, useCheckbox, useClipboard, useCollapsible, useCollapsibleContext, useColorPicker, useCombobox, useDatePicker, useDialog, useEditable, useEnvironmentContext, useField, useFieldset, useFileUpload, useFloatingPanel, useHoverCard, useImageCropper, useJsonTreeView, useListbox, useLocaleContext, useMarquee, useMenu, useNumberInput, usePagination, usePaginationContext, usePasswordInput, usePinInput, usePopover, useQrCode, useRadioGroup, useRatingGroup, useScrollArea, useSegmentGroup, useSelect, useSignaturePad, useSlider, useSplitter, useSteps, useSwitch, useTabs, useTagsInput, useTimer, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, useTooltip, useTour, useTourContext, useTreeView, useTreeViewNodeContext } from "@ark-ui/react";
4
+ export { AccordionRootProvider, AngleSliderRootProvider, AvatarRootProvider, CarouselRootProvider, CheckboxRootProvider, ClientOnly, ClipboardRootProvider, ColorPickerRootProvider, ComboboxRootProvider, DatePickerRootProvider, DialogRootProvider, DownloadTrigger, EditableRootProvider, EnvironmentProvider, FieldRootProvider, FieldsetRootProvider, FileUploadRootProvider, FloatingPanelRootProvider, FocusTrap, Format, Frame, Highlight, HoverCardRootProvider, ImageCropperRootProvider, JsonTreeView, ListboxRootProvider, LocaleProvider, MarqueeRootProvider, MenuRootProvider, NumberInputRootProvider, PasswordInputRootProvider, PinInputRootProvider, PopoverRootProvider, Presence, QrCodeRootProvider, RadioGroupRootProvider, RatingGroupRootProvider, ScrollAreaRootProvider, SegmentGroupRootProvider, SelectRootProvider, SignaturePadRootProvider, SliderRootProvider, SplitterRootProvider, StepsRootProvider, SwitchRootProvider, TabsRootProvider, TagsInputRootProvider, TimerRootProvider, Toaster, ToggleContext, ToggleGroupRootProvider, TooltipRootProvider, TreeViewNodeProvider, TreeViewRootProvider, createToaster, useAccordion, useAngleSlider, useAvatar, useCarousel, useCheckbox, useClipboard, useCollapsible, useCollapsibleContext, useColorPicker, useCombobox, useDatePicker, useDialog, useEditable, useEnvironmentContext, useField, useFieldset, useFileUpload, useFloatingPanel, useHoverCard, useImageCropper, useJsonTreeView, useListbox, useLocaleContext, useMarquee, useMenu, useNumberInput, usePagination, usePaginationContext, usePasswordInput, usePinInput, usePopover, useQrCode, useRadioGroup, useRatingGroup, useScrollArea, useSegmentGroup, useSelect, useSignaturePad, useSlider, useSplitter, useSteps, useSwitch, useTabs, useTagsInput, useTimer, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, useTooltip, useTour, useTourContext, useTreeView, useTreeViewNodeContext };
package/dist/index.js CHANGED
@@ -32,6 +32,7 @@ import { CircularProgress } from "./components/circular-progress/circular-progre
32
32
  import { ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardTrigger } from "./components/clipboard/primitives.js";
33
33
  import { TooltipArrow, TooltipArrowTip, TooltipContent, TooltipPositioner, TooltipRoot, TooltipTrigger } from "./components/tooltip/primitives.js";
34
34
  import { TooltipParts } from "./components/tooltip/parts.js";
35
+ import { Portal } from "./components/portal/portal.js";
35
36
  import { Tooltip } from "./components/tooltip/tooltip.js";
36
37
  import { Clipboard } from "./components/clipboard/parts.js";
37
38
  import { CollapsibleContent, CollapsibleIndicator, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger } from "./components/collapsible/primitives.js";
@@ -45,10 +46,9 @@ import { SelectClearTrigger, SelectContent, SelectControl, SelectHiddenSelect, S
45
46
  import { useStatefulCollection } from "./components/combobox/use-stateful-collection.js";
46
47
  import { IconButtonRoot } from "./components/icon-button/primitives.js";
47
48
  import { IconButton } from "./components/icon-button/button.js";
48
- import { DialogBackdrop, DialogCloseTrigger, DialogContent, DialogDescription, DialogHeading, DialogPositioner, DialogProvider, DialogRoot, DialogTrigger } from "./components/dialog/primitives.js";
49
+ import { DialogBackdrop, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogHeading, DialogPositioner, DialogProvider, DialogRoot, DialogTrigger } from "./components/dialog/primitives.js";
49
50
  import { DialogCloseIconTrigger } from "./components/dialog/close-icon-trigger.js";
50
51
  import { DialogParts } from "./components/dialog/parts.js";
51
- import { Portal } from "./components/portal/portal.js";
52
52
  import { Dialog } from "./components/dialog/dialog.js";
53
53
  import { CTAModal, useCTAModal } from "./components/cta-dialog/provider.js";
54
54
  import { createCTAModalActions } from "./components/cta-dialog/utils.js";
@@ -82,8 +82,8 @@ import { MenuContentEl, MenuIndicator, MenuItemEl, MenuItemGroupEl, MenuItemGrou
82
82
  import { Menu, MenuContent, MenuGroupLabel, MenuItem, MenuItemGroup, MenuSeparator, MenuTrigger } from "./components/menu/menu.js";
83
83
  import { NotificationActionTrigger, NotificationCloseTrigger, NotificationDescription, NotificationHeading, NotificationProvider, NotificationRoot } from "./components/notifications/primitives.js";
84
84
  import { NotificationParts } from "./components/notifications/parts.js";
85
- import { Toaster, createToaster, toaster } from "./components/notifications/toaster.js";
86
- import { NotificationCenter, getEmphasis, useNotificationCenter } from "./components/notifications/center.js";
85
+ import { toaster } from "./components/notifications/toaster.js";
86
+ import { NotificationCenter, getEmphasis } from "./components/notifications/center.js";
87
87
  import { NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputRoot, NumberInputScrubber } from "./components/number-input/primitives.js";
88
88
  import { NumberInputParts } from "./components/number-input/parts.js";
89
89
  import { NumberInput } from "./components/number-input/input.js";
@@ -130,5 +130,5 @@ import { PromptModal, usePromptModal } from "./context/prompt-modal.js";
130
130
  import { MODE_KEY, THEME_KEY, useTheme } from "./hooks/useTheme.js";
131
131
  import { ThemeProvider, useThemeContext } from "./context/theme.js";
132
132
  import { useRootColors } from "./hooks/useRootColors.js";
133
- import { AccordionRootProvider, AngleSliderRootProvider, AvatarRootProvider, CarouselRootProvider, CheckboxRootProvider, ClientOnly, ClipboardRootProvider, ColorPickerRootProvider, ComboboxRootProvider, DatePickerRootProvider, DialogRootProvider, DownloadTrigger, EditableRootProvider, EnvironmentProvider, FieldRootProvider, FieldsetRootProvider, FileUploadRootProvider, FloatingPanelRootProvider, FocusTrap, Format, Frame, Highlight, HoverCardRootProvider, ImageCropperRootProvider, JsonTreeView, ListboxRootProvider, LocaleProvider, MarqueeRootProvider, MenuRootProvider, NumberInputRootProvider, PasswordInputRootProvider, PinInputRootProvider, PopoverRootProvider, Presence, QrCodeRootProvider, RadioGroupRootProvider, RatingGroupRootProvider, ScrollAreaRootProvider, SegmentGroupRootProvider, SelectRootProvider, SignaturePadRootProvider, SliderRootProvider, SplitterRootProvider, StepsRootProvider, SwitchRootProvider, TabsRootProvider, TagsInputRootProvider, TimerRootProvider, ToggleContext, ToggleGroupRootProvider, TooltipRootProvider, TreeViewNodeProvider, TreeViewRootProvider, useAccordion, useAngleSlider, useAvatar, useCarousel, useCheckbox, useClipboard, useCollapsible, useCollapsibleContext, useColorPicker, useCombobox, useDatePicker, useDialog, useEditable, useEnvironmentContext, useField, useFieldset, useFileUpload, useFloatingPanel, useHoverCard, useImageCropper, useJsonTreeView, useListbox, useLocaleContext, useMarquee, useMenu, useNumberInput, usePagination, usePaginationContext, usePasswordInput, usePinInput, usePopover, useQrCode, useRadioGroup, useRatingGroup, useScrollArea, useSegmentGroup, useSelect, useSignaturePad, useSlider, useSplitter, useSteps, useSwitch, useTabs, useTagsInput, useTimer, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, useTooltip, useTour, useTourContext, useTreeView, useTreeViewNodeContext } from "./index.client.js";
134
- export { Accordion, AccordionItem, AccordionItemContent, AccordionItemGroup, AccordionItemIndicator, AccordionItemTrigger, AccordionParts, AccordionRoot, AccordionRootProvider, Admonition, AdmonitionContent, AdmonitionDescription, AdmonitionHeading, AdmonitionIndicator, AdmonitionParts, AdmonitionRoot, AngleSliderRootProvider, Avatar, AvatarFallback, AvatarImage, AvatarParts, AvatarRoot, AvatarRootProvider, Button, ButtonGroup, ButtonIcon, ButtonParts, CTAModal, CalendarDate, Caption, Carousel, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselParts, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, CerberusProvider, Checkbox, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxParts, CheckboxRoot, CheckboxRootProvider, CircularProgress, CircularProgressCircle, CircularProgressCircleRange, CircularProgressCircleTrack, CircularProgressInfoGroup, CircularProgressLabel, CircularProgressRoot, CircularProgressValueText, ClientOnly, Clipboard, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, Collapsible, CollapsibleContent, CollapsibleIndicator, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, ColorPickerRootProvider, ComboItemGroup, ComboItemText, ComboItemWithIndicator, Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxParts, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxStartIcon, ComboboxTrigger, CompactText, ConfirmModal, DateFormatter, DatePicker, DatePickerCalendar, DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerInputEl, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerParts, DatePickerPositioner, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, Dialog, DialogBackdrop, DialogCloseIconTrigger, DialogCloseTrigger, DialogContent, DialogDescription, DialogHeading, DialogParts, DialogPositioner, DialogProvider, DialogRoot, DialogRootProvider, DialogTrigger, DownloadTrigger, EditableRootProvider, EnvironmentProvider, FeatureFlag, FeatureFlags, Field, FieldErrorText, FieldHelperText, FieldInput, FieldInputRoot, FieldLabel, FieldParts, FieldRequiredIndicator, FieldRoot, FieldRootProvider, FieldStartIndicator, FieldStatusIndicator, FieldTextarea, Fieldset, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetParts, FieldsetRoot, FieldsetRootProvider, FileStatus, FileUploadClearTrigger, FileUploadContent, FileUploadContext, FileUploadDescription, FileUploadDropzone, FileUploadHeading, FileUploadHiddenInput, FileUploadIcon, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadParts, FileUploadRoot, FileUploadRootProvider, FileUploadTrigger, FileUploader, FloatingPanelRootProvider, FocusTrap, For, Format, Frame, Group, Highlight, HoverCardRootProvider, IconButton, IconButtonRoot, ImageCropperRootProvider, ImgPreview, Input, ItemList, JsonTreeView, ListboxRootProvider, LocaleProvider, MODE_KEY, MarqueeRootProvider, Menu, MenuContent, MenuContentEl, MenuGroupLabel, MenuIndicator, MenuItem, MenuItemEl, MenuItemGroup, MenuItemGroupEl, MenuItemGroupLabelEl, MenuPositioner, MenuRoot, MenuRootProvider, MenuSeparator, MenuSeparatorEl, MenuTrigger, MenuTriggerEl, MenuTriggerItem, NavMenu, NextTrigger, NotificationActionTrigger, NotificationCenter, NotificationCloseTrigger, NotificationDescription, NotificationHeading, NotificationParts, NotificationProvider, NotificationRoot, NumberInput, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputParts, NumberInputRoot, NumberInputRootProvider, NumberInputScrubber, Option, OptionGroup, OptionGroupLabel, Pagination, PaginationContext, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationParts, PaginationPrevTrigger, PaginationRoot, PaginationRootProvider, PasswordInputRootProvider, PinInput, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputParts, PinInputRoot, PinInputRootProvider, Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverBody, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverFooter, PopoverHeader, PopoverParts, PopoverPositioner, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, Portal, Presence, PrevTrigger, ProgressBar, ProgressBarBar, ProgressBarRoot, PromptModal, QrCodeRootProvider, Radio, RadioGroup, RadioGroupIndicator, RadioGroupItem, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, RadioGroupRootProvider, RadioParts, RangePickerInput, Rating, RatingContext, RatingControl, RatingGroupRootProvider, RatingHiddenInput, RatingItem, RatingItemContext, RatingLabel, RatingParts, RatingRoot, ScrollAreaRootProvider, SegmentGroupRootProvider, Select, SelectClearTrigger, SelectContent, SelectControl, SelectHiddenSelect, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectParts, SelectPositioner, SelectRoot, SelectRootProvider, SelectTrigger, SelectValueText, Show, SignaturePadRootProvider, SliderRootProvider, Spinner, SplitButton, SplitterRootProvider, StepsRootProvider, Switch, SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchParts, SwitchRoot, SwitchRootProvider, SwitchThumb, THEME_KEY, Table, TableEl, TableParts, TableRoot, TableTrigger, Tabs, TabsContent, TabsIndicator, TabsList, TabsParts, TabsRoot, TabsRootProvider, TabsTrigger, Tag, TagRoot, TagsInputRootProvider, Tbody, Td, Text, Textarea, Tfoot, Th, Thead, Theme, ThemeProvider, TimerRootProvider, Toaster, ToggleContext, ToggleGroupRootProvider, ToggleIndicator, ToggleParts, ToggleRoot, Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipParts, TooltipPositioner, TooltipRoot, TooltipRootProvider, TooltipTrigger, Tr, TreeViewNodeProvider, TreeViewRootProvider, cerberus, createCTAModalActions, createCerberusPrimitive, createErrorMessages, createSelectCollection, createToaster, defineIcons, formatNotifyCount, getEmphasis, getLocalStorage, getLocalTimeZone, makeSystemConfig, parseDate, processStatus, setLocalStorage, splitProps, toaster, today, useAccordion, useAngleSlider, useAvatar, useAvatarContext, useCTAModal, useCarousel, useCerberusContext, useCheckbox, useClipboard, useCollapsible, useCollapsibleContext, useColorPicker, useCombobox, useConfirmModal, useDatePicker, useDialog, useEditable, useEnvironmentContext, useFeatureFlags, useField, useFieldset, useFileUpload, useFloatingPanel, useHoverCard, useImageCropper, useJsonTreeView, useListbox, useLocaleContext, useMarquee, useMenu, useNavMenuContext, useNotificationCenter, useNumberInput, usePagination, usePaginationContext, usePasswordInput, usePinInput, usePopover, usePromptModal, useQrCode, useRadioGroup, useRatingGroup, useRootColors, useScrollArea, useSegmentGroup, useSelect, useSignaturePad, useSlider, useSplitter, useStatefulCollection, useSteps, useSwitch, useTabs, useTagsInput, useTheme, useThemeContext, useTimer, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, useTooltip, useTour, useTourContext, useTreeView, useTreeViewNodeContext };
133
+ import { AccordionRootProvider, AngleSliderRootProvider, AvatarRootProvider, CarouselRootProvider, CheckboxRootProvider, ClientOnly, ClipboardRootProvider, ColorPickerRootProvider, ComboboxRootProvider, DatePickerRootProvider, DialogRootProvider, DownloadTrigger, EditableRootProvider, EnvironmentProvider, FieldRootProvider, FieldsetRootProvider, FileUploadRootProvider, FloatingPanelRootProvider, FocusTrap, Format, Frame, Highlight, HoverCardRootProvider, ImageCropperRootProvider, JsonTreeView, ListboxRootProvider, LocaleProvider, MarqueeRootProvider, MenuRootProvider, NumberInputRootProvider, PasswordInputRootProvider, PinInputRootProvider, PopoverRootProvider, Presence, QrCodeRootProvider, RadioGroupRootProvider, RatingGroupRootProvider, ScrollAreaRootProvider, SegmentGroupRootProvider, SelectRootProvider, SignaturePadRootProvider, SliderRootProvider, SplitterRootProvider, StepsRootProvider, SwitchRootProvider, TabsRootProvider, TagsInputRootProvider, TimerRootProvider, Toaster, ToggleContext, ToggleGroupRootProvider, TooltipRootProvider, TreeViewNodeProvider, TreeViewRootProvider, createToaster, useAccordion, useAngleSlider, useAvatar, useCarousel, useCheckbox, useClipboard, useCollapsible, useCollapsibleContext, useColorPicker, useCombobox, useDatePicker, useDialog, useEditable, useEnvironmentContext, useField, useFieldset, useFileUpload, useFloatingPanel, useHoverCard, useImageCropper, useJsonTreeView, useListbox, useLocaleContext, useMarquee, useMenu, useNumberInput, usePagination, usePaginationContext, usePasswordInput, usePinInput, usePopover, useQrCode, useRadioGroup, useRatingGroup, useScrollArea, useSegmentGroup, useSelect, useSignaturePad, useSlider, useSplitter, useSteps, useSwitch, useTabs, useTagsInput, useTimer, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, useTooltip, useTour, useTourContext, useTreeView, useTreeViewNodeContext } from "./index.client.js";
134
+ export { Accordion, AccordionItem, AccordionItemContent, AccordionItemGroup, AccordionItemIndicator, AccordionItemTrigger, AccordionParts, AccordionRoot, AccordionRootProvider, Admonition, AdmonitionContent, AdmonitionDescription, AdmonitionHeading, AdmonitionIndicator, AdmonitionParts, AdmonitionRoot, AngleSliderRootProvider, Avatar, AvatarFallback, AvatarImage, AvatarParts, AvatarRoot, AvatarRootProvider, Button, ButtonGroup, ButtonIcon, ButtonParts, CTAModal, CalendarDate, Caption, Carousel, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselParts, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, CerberusProvider, Checkbox, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxParts, CheckboxRoot, CheckboxRootProvider, CircularProgress, CircularProgressCircle, CircularProgressCircleRange, CircularProgressCircleTrack, CircularProgressInfoGroup, CircularProgressLabel, CircularProgressRoot, CircularProgressValueText, ClientOnly, Clipboard, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, Collapsible, CollapsibleContent, CollapsibleIndicator, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, ColorPickerRootProvider, ComboItemGroup, ComboItemText, ComboItemWithIndicator, Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxParts, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxStartIcon, ComboboxTrigger, CompactText, ConfirmModal, DateFormatter, DatePicker, DatePickerCalendar, DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerInputEl, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerParts, DatePickerPositioner, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, Dialog, DialogBackdrop, DialogCloseIconTrigger, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogHeading, DialogParts, DialogPositioner, DialogProvider, DialogRoot, DialogRootProvider, DialogTrigger, DownloadTrigger, EditableRootProvider, EnvironmentProvider, FeatureFlag, FeatureFlags, Field, FieldErrorText, FieldHelperText, FieldInput, FieldInputRoot, FieldLabel, FieldParts, FieldRequiredIndicator, FieldRoot, FieldRootProvider, FieldStartIndicator, FieldStatusIndicator, FieldTextarea, Fieldset, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetParts, FieldsetRoot, FieldsetRootProvider, FileStatus, FileUploadClearTrigger, FileUploadContent, FileUploadContext, FileUploadDescription, FileUploadDropzone, FileUploadHeading, FileUploadHiddenInput, FileUploadIcon, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadParts, FileUploadRoot, FileUploadRootProvider, FileUploadTrigger, FileUploader, FloatingPanelRootProvider, FocusTrap, For, Format, Frame, Group, Highlight, HoverCardRootProvider, IconButton, IconButtonRoot, ImageCropperRootProvider, ImgPreview, Input, ItemList, JsonTreeView, ListboxRootProvider, LocaleProvider, MODE_KEY, MarqueeRootProvider, Menu, MenuContent, MenuContentEl, MenuGroupLabel, MenuIndicator, MenuItem, MenuItemEl, MenuItemGroup, MenuItemGroupEl, MenuItemGroupLabelEl, MenuPositioner, MenuRoot, MenuRootProvider, MenuSeparator, MenuSeparatorEl, MenuTrigger, MenuTriggerEl, MenuTriggerItem, NavMenu, NextTrigger, NotificationActionTrigger, NotificationCenter, NotificationCloseTrigger, NotificationDescription, NotificationHeading, NotificationParts, NotificationProvider, NotificationRoot, NumberInput, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputParts, NumberInputRoot, NumberInputRootProvider, NumberInputScrubber, Option, OptionGroup, OptionGroupLabel, Pagination, PaginationContext, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationParts, PaginationPrevTrigger, PaginationRoot, PaginationRootProvider, PasswordInputRootProvider, PinInput, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputParts, PinInputRoot, PinInputRootProvider, Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverBody, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverFooter, PopoverHeader, PopoverParts, PopoverPositioner, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, Portal, Presence, PrevTrigger, ProgressBar, ProgressBarBar, ProgressBarRoot, PromptModal, QrCodeRootProvider, Radio, RadioGroup, RadioGroupIndicator, RadioGroupItem, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, RadioGroupRootProvider, RadioParts, RangePickerInput, Rating, RatingContext, RatingControl, RatingGroupRootProvider, RatingHiddenInput, RatingItem, RatingItemContext, RatingLabel, RatingParts, RatingRoot, ScrollAreaRootProvider, SegmentGroupRootProvider, Select, SelectClearTrigger, SelectContent, SelectControl, SelectHiddenSelect, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectParts, SelectPositioner, SelectRoot, SelectRootProvider, SelectTrigger, SelectValueText, Show, SignaturePadRootProvider, SliderRootProvider, Spinner, SplitButton, SplitterRootProvider, StepsRootProvider, Switch, SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchParts, SwitchRoot, SwitchRootProvider, SwitchThumb, THEME_KEY, Table, TableEl, TableParts, TableRoot, TableTrigger, Tabs, TabsContent, TabsIndicator, TabsList, TabsParts, TabsRoot, TabsRootProvider, TabsTrigger, Tag, TagRoot, TagsInputRootProvider, Tbody, Td, Text, Textarea, Tfoot, Th, Thead, Theme, ThemeProvider, TimerRootProvider, Toaster, ToggleContext, ToggleGroupRootProvider, ToggleIndicator, ToggleParts, ToggleRoot, Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipParts, TooltipPositioner, TooltipRoot, TooltipRootProvider, TooltipTrigger, Tr, TreeViewNodeProvider, TreeViewRootProvider, cerberus, createCTAModalActions, createCerberusPrimitive, createErrorMessages, createSelectCollection, createToaster, defineIcons, formatNotifyCount, getEmphasis, getLocalStorage, getLocalTimeZone, makeSystemConfig, parseDate, processStatus, setLocalStorage, splitProps, toaster, today, useAccordion, useAngleSlider, useAvatar, useAvatarContext, useCTAModal, useCarousel, useCerberusContext, useCheckbox, useClipboard, useCollapsible, useCollapsibleContext, useColorPicker, useCombobox, useConfirmModal, useDatePicker, useDialog, useEditable, useEnvironmentContext, useFeatureFlags, useField, useFieldset, useFileUpload, useFloatingPanel, useHoverCard, useImageCropper, useJsonTreeView, useListbox, useLocaleContext, useMarquee, useMenu, useNavMenuContext, useNumberInput, usePagination, usePaginationContext, usePasswordInput, usePinInput, usePopover, usePromptModal, useQrCode, useRadioGroup, useRatingGroup, useRootColors, useScrollArea, useSegmentGroup, useSelect, useSignaturePad, useSlider, useSplitter, useStatefulCollection, useSteps, useSwitch, useTabs, useTagsInput, useTheme, useThemeContext, useTimer, useToggle, useToggleContext, useToggleGroup, useToggleGroupContext, useTooltip, useTour, useTourContext, useTreeView, useTreeViewNodeContext };
@@ -1,5 +1,5 @@
1
1
  {
2
- "schemaVersion": "1.9.1",
2
+ "schemaVersion": "1.11.0",
3
3
  "styles": {
4
4
  "atomic": [
5
5
  "display]___[value:flex",
@@ -91,6 +91,14 @@
91
91
  "colorPalette]___[value:success",
92
92
  "colorPalette]___[value:warning",
93
93
  "colorPalette]___[value:danger",
94
+ "layerStyle]___[value:outline.subtle",
95
+ "layerStyle]___[value:outline.solid",
96
+ "layerStyle]___[value:indicator.bottom",
97
+ "layerStyle]___[value:indicator.top",
98
+ "layerStyle]___[value:indicator.start",
99
+ "layerStyle]___[value:indicator.end",
100
+ "layerStyle]___[value:disabled",
101
+ "layerStyle]___[value:none",
94
102
  "backgroundColor]___[value:page.surface.200",
95
103
  "backgroundColor]___[value:page.surface.100",
96
104
  "borderColor]___[value:page.border.200"
@@ -135,7 +143,7 @@
135
143
  "palette]___[value:action]___[recipe:button",
136
144
  "usage]___[value:filled]___[recipe:button",
137
145
  "shape]___[value:sharp]___[recipe:button",
138
- "size]___[value:md]___[recipe:button",
146
+ "size]___[value:lg]___[recipe:button",
139
147
  "usage]___[value:outlined]___[recipe:button",
140
148
  "usage]___[value:ghost]___[recipe:button",
141
149
  "shape]___[value:rounded]___[recipe:button",
@@ -146,7 +154,11 @@
146
154
  "palette]___[value:info]___[recipe:button",
147
155
  "palette]___[value:success]___[recipe:button",
148
156
  "palette]___[value:warning]___[recipe:button",
149
- "palette]___[value:danger]___[recipe:button"
157
+ "palette]___[value:danger]___[recipe:button",
158
+ "size]___[value:xs]___[recipe:button",
159
+ "size]___[value:md]___[recipe:button",
160
+ "size]___[value:xl]___[recipe:button",
161
+ "size]___[value:2xl]___[recipe:button"
150
162
  ],
151
163
  "field": [
152
164
  "size]___[value:lg]___[recipe:field",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cerberus-design/react",
3
- "version": "1.2.1",
3
+ "version": "1.3.0-rc.2",
4
4
  "description": "The Cerberus Design React component library.",
5
5
  "keywords": [
6
6
  "css",
@@ -31,12 +31,12 @@
31
31
  "access": "public"
32
32
  },
33
33
  "dependencies": {
34
- "@ark-ui/react": "^5.36.0",
35
- "@carbon/icons-react": "^11.76.0"
34
+ "@ark-ui/react": "^5.36.2",
35
+ "@carbon/icons-react": "^11.79.0"
36
36
  },
37
37
  "devDependencies": {
38
38
  "@internationalized/date": "^3.12.0",
39
- "@pandacss/dev": "^1.9.1",
39
+ "@pandacss/dev": "^1.11.0",
40
40
  "@types/react": "^19.2.14",
41
41
  "@types/react-dom": "^19.2.3",
42
42
  "@vitejs/plugin-react": "^6.0.1",
@@ -44,8 +44,8 @@
44
44
  "react": "^19.2.5",
45
45
  "react-dom": "^19.2.5",
46
46
  "vite": "^8.0.8",
47
- "vite-plugin-dts": "^4.5.4",
48
- "@cerberus/panda-preset": "1.2.1",
47
+ "vite-plugin-dts": "^5.0.0",
48
+ "@cerberus/panda-preset": "1.3.0-rc.2",
49
49
  "styled-system": "0.0.0"
50
50
  },
51
51
  "peerDependencies": {