@cerberus-design/react 0.14.2-next-a928afd → 0.14.2-next-0052cda

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 (188) hide show
  1. package/build/legacy/_tsup-dts-rollup.d.cts +111 -34
  2. package/build/legacy/components/Accordion.cjs +4 -187
  3. package/build/legacy/components/Accordion.cjs.map +1 -1
  4. package/build/legacy/components/Accordion.client.cjs +64 -0
  5. package/build/legacy/components/Accordion.client.cjs.map +1 -0
  6. package/build/legacy/components/AccordionItemGroup.cjs +41 -185
  7. package/build/legacy/components/AccordionItemGroup.cjs.map +1 -1
  8. package/build/legacy/components/Admonition.cjs +89 -239
  9. package/build/legacy/components/Admonition.cjs.map +1 -1
  10. package/build/legacy/components/Admonition.client.cjs +219 -0
  11. package/build/legacy/components/Admonition.client.cjs.map +1 -0
  12. package/build/legacy/components/AnimatingUploadIcon.cjs.map +1 -1
  13. package/build/legacy/components/Avatar.cjs +23 -174
  14. package/build/legacy/components/Avatar.cjs.map +1 -1
  15. package/build/legacy/components/Checkbox.cjs +22 -168
  16. package/build/legacy/components/Checkbox.cjs.map +1 -1
  17. package/build/legacy/components/DatePicker.client.cjs +119 -268
  18. package/build/legacy/components/DatePicker.client.cjs.map +1 -1
  19. package/build/legacy/components/DatePicker.server.cjs +17 -271
  20. package/build/legacy/components/DatePicker.server.cjs.map +1 -1
  21. package/build/legacy/components/FileStatus.cjs +62 -212
  22. package/build/legacy/components/FileStatus.cjs.map +1 -1
  23. package/build/legacy/components/FileUploader.cjs +29 -180
  24. package/build/legacy/components/FileUploader.cjs.map +1 -1
  25. package/build/legacy/components/Input.cjs +20 -172
  26. package/build/legacy/components/Input.cjs.map +1 -1
  27. package/build/legacy/components/Notification.cjs +25 -176
  28. package/build/legacy/components/Notification.cjs.map +1 -1
  29. package/build/legacy/components/Select.cjs +26 -178
  30. package/build/legacy/components/Select.cjs.map +1 -1
  31. package/build/legacy/components/Tag.cjs +16 -167
  32. package/build/legacy/components/Tag.cjs.map +1 -1
  33. package/build/legacy/components/Toggle.cjs +20 -172
  34. package/build/legacy/components/Toggle.cjs.map +1 -1
  35. package/build/legacy/config/defineIcons.cjs +3 -39
  36. package/build/legacy/config/defineIcons.cjs.map +1 -1
  37. package/build/legacy/config/{cerbIcons.cjs → index.cjs} +22 -29
  38. package/build/legacy/config/index.cjs.map +1 -0
  39. package/build/legacy/config/types.cjs +19 -0
  40. package/build/legacy/config/types.cjs.map +1 -0
  41. package/build/legacy/context/cerberus.cjs +46 -0
  42. package/build/legacy/context/cerberus.cjs.map +1 -0
  43. package/build/legacy/context/confirm-modal.cjs +58 -207
  44. package/build/legacy/context/confirm-modal.cjs.map +1 -1
  45. package/build/legacy/context/cta-modal.cjs +57 -209
  46. package/build/legacy/context/cta-modal.cjs.map +1 -1
  47. package/build/legacy/context/notification-center.cjs +55 -206
  48. package/build/legacy/context/notification-center.cjs.map +1 -1
  49. package/build/legacy/context/prompt-modal.cjs +83 -233
  50. package/build/legacy/context/prompt-modal.cjs.map +1 -1
  51. package/build/legacy/index.cjs +950 -930
  52. package/build/legacy/index.cjs.map +1 -1
  53. package/build/modern/_tsup-dts-rollup.d.ts +111 -34
  54. package/build/modern/{chunk-BVCXVZAF.js → chunk-25HMVHLT.js} +6 -5
  55. package/build/modern/chunk-25HMVHLT.js.map +1 -0
  56. package/build/modern/chunk-36N4527B.js +1 -0
  57. package/build/modern/chunk-5EWCH7AI.js +82 -0
  58. package/build/modern/chunk-5EWCH7AI.js.map +1 -0
  59. package/build/modern/chunk-5SNLQZYP.js +25 -0
  60. package/build/modern/chunk-5SNLQZYP.js.map +1 -0
  61. package/build/modern/{chunk-6BH5J5GF.js → chunk-CCTLGF5U.js} +18 -17
  62. package/build/modern/chunk-CCTLGF5U.js.map +1 -0
  63. package/build/modern/{chunk-HKJMLWVP.js → chunk-EDARV2EI.js} +5 -4
  64. package/build/modern/chunk-EDARV2EI.js.map +1 -0
  65. package/build/modern/{chunk-FXLLRVAM.js → chunk-EMNBMH7Z.js} +13 -11
  66. package/build/modern/chunk-EMNBMH7Z.js.map +1 -0
  67. package/build/modern/{chunk-PVIMOXSO.js → chunk-GCQMH4QA.js} +5 -4
  68. package/build/modern/chunk-GCQMH4QA.js.map +1 -0
  69. package/build/modern/chunk-GITT5645.js +20 -0
  70. package/build/modern/chunk-GITT5645.js.map +1 -0
  71. package/build/modern/{chunk-TJCFYL5W.js → chunk-IGHMP4WA.js} +1 -20
  72. package/build/modern/chunk-IGHMP4WA.js.map +1 -0
  73. package/build/modern/chunk-ISCJ542I.js +82 -0
  74. package/build/modern/chunk-ISCJ542I.js.map +1 -0
  75. package/build/modern/{chunk-HVKM54BA.js → chunk-IW3LIRDG.js} +1 -1
  76. package/build/modern/chunk-IW3LIRDG.js.map +1 -0
  77. package/build/modern/{chunk-KWJ5FKX7.js → chunk-JQCRDZNI.js} +8 -6
  78. package/build/modern/chunk-JQCRDZNI.js.map +1 -0
  79. package/build/modern/chunk-KDDPAJMR.js +9 -0
  80. package/build/modern/chunk-KDDPAJMR.js.map +1 -0
  81. package/build/modern/{chunk-JJZQGR7A.js → chunk-KF35CYT4.js} +8 -6
  82. package/build/modern/chunk-KF35CYT4.js.map +1 -0
  83. package/build/modern/{chunk-XOROL3JY.js → chunk-KKHL3ZO4.js} +5 -4
  84. package/build/modern/chunk-KKHL3ZO4.js.map +1 -0
  85. package/build/modern/{chunk-U36UZJGZ.js → chunk-MZ3UCDUL.js} +5 -4
  86. package/build/modern/chunk-MZ3UCDUL.js.map +1 -0
  87. package/build/modern/{chunk-T2JOPPGL.js → chunk-N24COMHJ.js} +11 -4
  88. package/build/modern/chunk-N24COMHJ.js.map +1 -0
  89. package/build/modern/{chunk-CVTON5DQ.js → chunk-N3L3PEMF.js} +2 -2
  90. package/build/modern/chunk-NJSETNRL.js +68 -0
  91. package/build/modern/chunk-NJSETNRL.js.map +1 -0
  92. package/build/modern/{chunk-XXWR7UGH.js → chunk-QKZZHZL4.js} +22 -21
  93. package/build/modern/chunk-QKZZHZL4.js.map +1 -0
  94. package/build/modern/{chunk-KPUYKHLW.js → chunk-UMF2TWZN.js} +59 -9
  95. package/build/modern/chunk-UMF2TWZN.js.map +1 -0
  96. package/build/modern/{chunk-QK7R2XJM.js → chunk-XQICKZH4.js} +6 -5
  97. package/build/modern/chunk-XQICKZH4.js.map +1 -0
  98. package/build/modern/chunk-XZGXRRSQ.js +31 -0
  99. package/build/modern/chunk-XZGXRRSQ.js.map +1 -0
  100. package/build/modern/{chunk-5OVH3INN.js → chunk-Z64YZ5IH.js} +18 -18
  101. package/build/modern/chunk-Z64YZ5IH.js.map +1 -0
  102. package/build/modern/components/Accordion.client.js +9 -0
  103. package/build/modern/components/Accordion.client.js.map +1 -0
  104. package/build/modern/components/Accordion.js +1 -7
  105. package/build/modern/components/AccordionItemGroup.js +4 -6
  106. package/build/modern/components/Admonition.client.js +11 -0
  107. package/build/modern/components/Admonition.client.js.map +1 -0
  108. package/build/modern/components/Admonition.js +4 -6
  109. package/build/modern/components/AnimatingUploadIcon.js +1 -1
  110. package/build/modern/components/Avatar.js +3 -5
  111. package/build/modern/components/Checkbox.js +2 -5
  112. package/build/modern/components/DatePicker.client.js +8 -7
  113. package/build/modern/components/DatePicker.server.js +3 -13
  114. package/build/modern/components/FileStatus.js +4 -7
  115. package/build/modern/components/FileUploader.js +3 -6
  116. package/build/modern/components/Input.js +2 -5
  117. package/build/modern/components/Notification.js +2 -5
  118. package/build/modern/components/Select.js +2 -5
  119. package/build/modern/components/Tag.js +3 -5
  120. package/build/modern/components/Toggle.js +2 -5
  121. package/build/modern/config/defineIcons.js +2 -5
  122. package/build/modern/config/index.js +14 -0
  123. package/build/modern/config/index.js.map +1 -0
  124. package/build/modern/config/types.js +2 -0
  125. package/build/modern/config/types.js.map +1 -0
  126. package/build/modern/context/cerberus.js +10 -0
  127. package/build/modern/context/cerberus.js.map +1 -0
  128. package/build/modern/context/confirm-modal.js +6 -9
  129. package/build/modern/context/cta-modal.js +6 -9
  130. package/build/modern/context/notification-center.js +3 -6
  131. package/build/modern/context/prompt-modal.js +8 -11
  132. package/build/modern/index.js +105 -94
  133. package/build/modern/index.js.map +1 -1
  134. package/package.json +4 -8
  135. package/src/components/Accordion.client.tsx +46 -0
  136. package/src/components/Accordion.tsx +0 -37
  137. package/src/components/AccordionItemGroup.tsx +1 -1
  138. package/src/components/Admonition.client.tsx +73 -0
  139. package/src/components/Admonition.tsx +1 -70
  140. package/src/components/AnimatingUploadIcon.tsx +3 -3
  141. package/src/components/Avatar.tsx +5 -2
  142. package/src/components/Checkbox.tsx +10 -3
  143. package/src/components/DatePicker.client.tsx +79 -7
  144. package/src/components/DatePicker.server.tsx +2 -75
  145. package/src/components/FileStatus.tsx +5 -3
  146. package/src/components/FileUploader.tsx +3 -2
  147. package/src/components/Input.tsx +4 -2
  148. package/src/components/Notification.tsx +7 -4
  149. package/src/components/Select.tsx +5 -2
  150. package/src/components/Tag.tsx +5 -2
  151. package/src/components/Toggle.tsx +4 -3
  152. package/src/config/defineIcons.ts +28 -16
  153. package/src/config/index.ts +28 -0
  154. package/src/config/types.ts +42 -0
  155. package/src/context/cerberus.tsx +44 -0
  156. package/src/context/confirm-modal.tsx +4 -2
  157. package/src/context/cta-modal.tsx +5 -4
  158. package/src/context/prompt-modal.tsx +4 -2
  159. package/src/index.ts +3 -1
  160. package/build/legacy/config/cerbIcons.cjs.map +0 -1
  161. package/build/modern/chunk-5OVH3INN.js.map +0 -1
  162. package/build/modern/chunk-6BH5J5GF.js.map +0 -1
  163. package/build/modern/chunk-BC5SZDYY.js +0 -132
  164. package/build/modern/chunk-BC5SZDYY.js.map +0 -1
  165. package/build/modern/chunk-BVCXVZAF.js.map +0 -1
  166. package/build/modern/chunk-CRII2HNX.js +0 -55
  167. package/build/modern/chunk-CRII2HNX.js.map +0 -1
  168. package/build/modern/chunk-FXLLRVAM.js.map +0 -1
  169. package/build/modern/chunk-HKJMLWVP.js.map +0 -1
  170. package/build/modern/chunk-HVKM54BA.js.map +0 -1
  171. package/build/modern/chunk-JJZQGR7A.js.map +0 -1
  172. package/build/modern/chunk-KPUYKHLW.js.map +0 -1
  173. package/build/modern/chunk-KWJ5FKX7.js.map +0 -1
  174. package/build/modern/chunk-PVIMOXSO.js.map +0 -1
  175. package/build/modern/chunk-QK7R2XJM.js.map +0 -1
  176. package/build/modern/chunk-QMF5ZNDG.js +0 -27
  177. package/build/modern/chunk-QMF5ZNDG.js.map +0 -1
  178. package/build/modern/chunk-QQOWWMZ3.js +0 -138
  179. package/build/modern/chunk-QQOWWMZ3.js.map +0 -1
  180. package/build/modern/chunk-T2JOPPGL.js.map +0 -1
  181. package/build/modern/chunk-TJCFYL5W.js.map +0 -1
  182. package/build/modern/chunk-U36UZJGZ.js.map +0 -1
  183. package/build/modern/chunk-XOROL3JY.js.map +0 -1
  184. package/build/modern/chunk-XXWR7UGH.js.map +0 -1
  185. package/build/modern/config/cerbIcons.js +0 -9
  186. package/src/config/cerbIcons.ts +0 -73
  187. /package/build/modern/{config/cerbIcons.js.map → chunk-36N4527B.js.map} +0 -0
  188. /package/build/modern/{chunk-CVTON5DQ.js.map → chunk-N3L3PEMF.js.map} +0 -0
@@ -13,8 +13,6 @@ import { AvatarVariantProps } from '@cerberus/styled-system/recipes';
13
13
  import { ButtonHTMLAttributes } from 'react';
14
14
  import { ButtonVariantProps } from '@cerberus/styled-system/recipes';
15
15
  import { CancelDrop } from '@dnd-kit/core';
16
- import { CarbonIconProps } from '@cerberus/icons';
17
- import { CarbonIconType } from '@cerberus/icons';
18
16
  import { ChangeEvent } from 'react';
19
17
  import { CheckboxVariantProps } from '@cerberus/styled-system/recipes';
20
18
  import { ClientRect as ClientRect_2 } from '@dnd-kit/core';
@@ -159,10 +157,6 @@ import { UseDroppableArguments } from '@dnd-kit/core';
159
157
  import { useSensor } from '@dnd-kit/core';
160
158
  import { useSensors } from '@dnd-kit/core';
161
159
 
162
- declare let $cerberusIcons: Required<DefinedIcons>;
163
- export { $cerberusIcons }
164
- export { $cerberusIcons as $cerberusIcons_alias_1 }
165
-
166
160
  /**
167
161
  * The context provider for the Accordion family.
168
162
  * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)
@@ -405,7 +399,9 @@ export declare function AnimatingUploadIcon(props: AnimatingUploadIconProps): JS
405
399
  * This module contains an animating icon to use for the FileStatus component.
406
400
  * @module
407
401
  */
408
- export declare type AnimatingUploadIconProps = CarbonIconProps;
402
+ export declare interface AnimatingUploadIconProps {
403
+ size?: 16 | 20 | 24 | 32;
404
+ }
409
405
 
410
406
  export { Announcements }
411
407
 
@@ -523,6 +519,19 @@ export { ButtonProps as ButtonProps_alias_1 }
523
519
 
524
520
  export { CancelDrop }
525
521
 
522
+ /**
523
+ * Cerberus configuration provider.
524
+ * @param props.config The Cerberus configuration created with
525
+ * `makeSystemConfig` helper.
526
+ */
527
+ declare function CerberusProvider(props: PropsWithChildren<CerberusProviderProps>): JSX_2.Element;
528
+ export { CerberusProvider }
529
+ export { CerberusProvider as CerberusProvider_alias_1 }
530
+
531
+ declare interface CerberusProviderProps {
532
+ config: SystemConfig;
533
+ }
534
+
526
535
  /**
527
536
  * Checkbox component
528
537
  * @definition [ARIA Target Size](https://www.w3.org/WAI/WCAG21/Understanding/target-size.html#:~:text=Understanding%20SC%202.5.,%3ATarget%20Size%20(Level%20AAA)&text=The%20size%20of%20the%20target,Equivalent)
@@ -1043,8 +1052,6 @@ export { defaultDropAnimation }
1043
1052
 
1044
1053
  export { defaultDropAnimationSideEffects }
1045
1054
 
1046
- export declare const defaultIcons: DefinedIcons;
1047
-
1048
1055
  export { defaultScreenReaderInstructions }
1049
1056
 
1050
1057
  /**
@@ -1055,34 +1062,51 @@ declare type DefaultThemes = 'cerberus' | 'acheron';
1055
1062
  export { DefaultThemes }
1056
1063
  export { DefaultThemes as DefaultThemes_alias_1 }
1057
1064
 
1058
- export declare interface DefinedIcons {
1059
- accordionIndicator?: IconType;
1060
- avatar?: IconType;
1061
- calendar?: IconType;
1062
- calendarPrev?: IconType;
1063
- calendarNext?: IconType;
1064
- checkbox?: IconType;
1065
- close?: IconType;
1066
- confirmModal?: IconType;
1067
- delete?: IconType;
1068
- promptModal?: IconType;
1069
- waitingFileUploader?: IconType;
1070
- fileUploader?: IconType;
1071
- indeterminate?: IconType;
1072
- infoNotification?: IconType;
1073
- successNotification?: IconType;
1074
- warningNotification?: IconType;
1075
- dangerNotification?: IconType;
1076
- invalid: IconType;
1077
- invalidAlt?: IconType;
1078
- redo?: IconType;
1079
- selectArrow?: IconType;
1080
- toggleChecked?: IconType;
1065
+ declare interface DefinedIcons<T extends IconType = IconType> {
1066
+ accordionIndicator: T;
1067
+ avatar: T;
1068
+ calendar: T;
1069
+ calendarPrev: T;
1070
+ calendarNext: T;
1071
+ checkbox?: T;
1072
+ close: T;
1073
+ confirmModal: T;
1074
+ delete: T;
1075
+ promptModal: T;
1076
+ waitingFileUploader: T;
1077
+ fileUploader?: T;
1078
+ indeterminate?: T;
1079
+ infoNotification: T;
1080
+ successNotification: T;
1081
+ warningNotification: T;
1082
+ dangerNotification: T;
1083
+ invalid: T;
1084
+ invalidAlt: T;
1085
+ redo: T;
1086
+ selectArrow: T;
1087
+ toggleChecked: T;
1081
1088
  }
1089
+ export { DefinedIcons }
1090
+ export { DefinedIcons as DefinedIcons_alias_1 }
1091
+ export { DefinedIcons as DefinedIcons_alias_2 }
1082
1092
 
1083
- declare function defineIcons(icons: DefinedIcons): Required<DefinedIcons>;
1093
+ /**
1094
+ * Defines the icons that will be used in Cerberus React components via the
1095
+ * CerberusProvider.
1096
+ * @param icons The icons that will be used in Cerberus React components.
1097
+ * @returns Icons object compatible with the CerberusProvider SystemConfig.
1098
+ * @example
1099
+ * ```tsx
1100
+ * const icons = defineIcons({
1101
+ * accordionIndicator: MyAccordionIndicatorIcon,
1102
+ * ...
1103
+ * })
1104
+ * ```
1105
+ */
1106
+ declare function defineIcons<T extends IconType>(icons: DefinedIcons): Required<DefinedIcons<T>>;
1084
1107
  export { defineIcons }
1085
1108
  export { defineIcons as defineIcons_alias_1 }
1109
+ export { defineIcons as defineIcons_alias_2 }
1086
1110
 
1087
1111
  declare interface DestructiveConfirmOptions extends BaseConfirmOptions {
1088
1112
  /**
@@ -1613,7 +1637,10 @@ declare interface IconButtonRawProps extends ButtonHTMLAttributes<HTMLButtonElem
1613
1637
  export { IconButtonRawProps }
1614
1638
  export { IconButtonRawProps as IconButtonRawProps_alias_1 }
1615
1639
 
1616
- export declare type IconType = CarbonIconType | ElementType;
1640
+ declare type IconType = ElementType;
1641
+ export { IconType }
1642
+ export { IconType as IconType_alias_1 }
1643
+ export { IconType as IconType_alias_2 }
1617
1644
 
1618
1645
  /**
1619
1646
  * Indeterminate icon for Checkbox component
@@ -1773,6 +1800,34 @@ declare type LegendProps = HTMLAttributes<HTMLLegendElement> & LabelVariantProps
1773
1800
  export { LegendProps }
1774
1801
  export { LegendProps as LegendProps_alias_1 }
1775
1802
 
1803
+ /**
1804
+ * Create a system configuration object to be used on the CerberusProvider.
1805
+ * @param options The system configuration options you want to customize.
1806
+ * @returns A CerberusProvider-compatible system configuration object.
1807
+ * @example
1808
+ * ```tsx
1809
+ * const icons = defineIcons({
1810
+ * accordionIndicator: MyAccordionIndicatorIcon,
1811
+ * ...
1812
+ * })
1813
+ * const config = makeSystemConfig({
1814
+ * icons,
1815
+ * })
1816
+ *
1817
+ * // In your app
1818
+ * <CerberusProvider config={config}>
1819
+ * <App />
1820
+ * </CerberusProvider>
1821
+ * ```
1822
+ */
1823
+ declare function makeSystemConfig(options: SystemConfig): SystemConfig;
1824
+ export { makeSystemConfig }
1825
+ export { makeSystemConfig as makeSystemConfig_alias_1 }
1826
+
1827
+ export declare function MatchAvatar(props: MatchAvatarProps): JSX_2.Element;
1828
+
1829
+ declare type MatchAvatarProps = AdmonitionVariantProps;
1830
+
1776
1831
  export { MeasuringConfiguration }
1777
1832
 
1778
1833
  export { MeasuringFrequency }
@@ -2803,6 +2858,20 @@ declare type StaticTagProps = HTMLAttributes<HTMLSpanElement> & TagVariantProps
2803
2858
  export { StaticTagProps }
2804
2859
  export { StaticTagProps as StaticTagProps_alias_1 }
2805
2860
 
2861
+ /**
2862
+ * This module contains the types for the Cerberus React configuration.
2863
+ * @module config.types
2864
+ */
2865
+ declare interface SystemConfig {
2866
+ /**
2867
+ * The icons that will be used in Cerberus React components.
2868
+ */
2869
+ icons: Required<DefinedIcons>;
2870
+ }
2871
+ export { SystemConfig }
2872
+ export { SystemConfig as SystemConfig_alias_1 }
2873
+ export { SystemConfig as SystemConfig_alias_2 }
2874
+
2806
2875
  /**
2807
2876
  * The trigger for the Tabs group.
2808
2877
  * @definition [Tabs docs](https://cerberus.digitalu.design/react/tabs)
@@ -3344,6 +3413,14 @@ export { TrProps as TrProps_alias_1 }
3344
3413
 
3345
3414
  export { UniqueIdentifier }
3346
3415
 
3416
+ /**
3417
+ * Returns the Cerberus configuration context.
3418
+ * @returns The Cerberus configuration context.
3419
+ */
3420
+ declare function useCerberusContext(): SystemConfig;
3421
+ export { useCerberusContext }
3422
+ export { useCerberusContext as useCerberusContext_alias_1 }
3423
+
3347
3424
  declare function useConfirmModal(): ConfirmModalValue;
3348
3425
  export { useConfirmModal }
3349
3426
  export { useConfirmModal as useConfirmModal_alias_1 }
@@ -23,185 +23,17 @@ __export(Accordion_exports, {
23
23
  Accordion: () => Accordion,
24
24
  AccordionItem: () => AccordionItem,
25
25
  AccordionItemContent: () => AccordionItemContent,
26
- AccordionItemIndicator: () => AccordionItemIndicator,
27
26
  AccordionItemTrigger: () => AccordionItemTrigger
28
27
  });
29
28
  module.exports = __toCommonJS(Accordion_exports);
30
29
  var import_react = require("@ark-ui/react");
31
30
  var import_css = require("@cerberus/styled-system/css");
32
31
  var import_recipes = require("@cerberus/styled-system/recipes");
33
-
34
- // src/config/cerbIcons.ts
35
- var import_icons = require("@cerberus/icons");
36
-
37
- // src/config/icons/checkbox.icons.tsx
38
32
  var import_jsx_runtime = require("react/jsx-runtime");
39
- function CheckmarkIcon(props) {
40
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
41
- "svg",
42
- {
43
- "aria-hidden": "true",
44
- xmlns: "http://www.w3.org/2000/svg",
45
- fill: "none",
46
- role: "img",
47
- viewBox: "0 0 24 24",
48
- ...props,
49
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
50
- "path",
51
- {
52
- fill: "currentColor",
53
- d: "M9.714 18 4 12.335l1.818-1.764 3.896 3.824L18.181 6 20 7.803 9.714 18Z"
54
- }
55
- )
56
- }
57
- );
58
- }
59
- function IndeterminateIcon(props) {
60
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
61
- "svg",
62
- {
63
- "aria-hidden": "true",
64
- xmlns: "http://www.w3.org/2000/svg",
65
- role: "img",
66
- fill: "none",
67
- viewBox: "0 0 24 24",
68
- ...props,
69
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "currentColor", d: "M4 11h16v2.667H4z" })
70
- }
71
- );
72
- }
73
-
74
- // src/components/AnimatingUploadIcon.tsx
75
- var import_jsx_runtime2 = require("react/jsx-runtime");
76
- function AnimatingUploadIcon(props) {
77
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
78
- "svg",
79
- {
80
- "aria-hidden": "true",
81
- xmlns: "http://www.w3.org/2000/svg",
82
- width: props.size ?? "1em",
83
- height: props.size ?? "1em",
84
- viewBox: "0 0 24 24",
85
- children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
86
- "g",
87
- {
88
- fill: "none",
89
- stroke: "currentColor",
90
- strokeLinecap: "square",
91
- strokeLinejoin: "round",
92
- strokeWidth: 1.5,
93
- children: [
94
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
95
- "path",
96
- {
97
- "data-name": "animating-trail",
98
- strokeDasharray: "2 4",
99
- strokeDashoffset: 6,
100
- d: "M12 21c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9",
101
- children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
102
- "animate",
103
- {
104
- attributeName: "stroke-dashoffset",
105
- dur: "0.45s",
106
- repeatCount: "indefinite",
107
- values: "6;0"
108
- }
109
- )
110
- }
111
- ),
112
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
113
- "path",
114
- {
115
- "data-name": "half-circle",
116
- strokeDasharray: 32,
117
- strokeDashoffset: 32,
118
- d: "M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9",
119
- children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
120
- "animate",
121
- {
122
- fill: "freeze",
123
- attributeName: "stroke-dashoffset",
124
- begin: "0.075s",
125
- dur: "0.3s",
126
- values: "32;0"
127
- }
128
- )
129
- }
130
- ),
131
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
132
- "svg",
133
- {
134
- "aria-hidden": "true",
135
- xmlns: "http://www.w3.org/2000/svg",
136
- width: "0.8em",
137
- height: "0.8em",
138
- x: "27%",
139
- y: "27%",
140
- viewBox: "0 0 24 24",
141
- children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
142
- "polygon",
143
- {
144
- fill: "currentColor",
145
- stroke: "currentColor",
146
- strokeWidth: 0.8,
147
- opacity: "1",
148
- points: "3.7,6.7 7.5,2.9 7.5,15 8.5,15 8.5,2.9 12.3,6.7 13,6 8,1 3,6 ",
149
- children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
150
- "animate",
151
- {
152
- fill: "freeze",
153
- attributeName: "opacity",
154
- values: "1;0;1",
155
- dur: "2s",
156
- repeatCount: "indefinite"
157
- }
158
- )
159
- }
160
- )
161
- }
162
- )
163
- ]
164
- }
165
- )
166
- }
167
- );
168
- }
169
-
170
- // src/config/cerbIcons.ts
171
- var defaultIcons = {
172
- accordionIndicator: import_icons.ChevronDown,
173
- avatar: import_icons.UserFilled,
174
- calendar: import_icons.Calendar,
175
- calendarPrev: import_icons.ChevronLeft,
176
- calendarNext: import_icons.ChevronRight,
177
- checkbox: CheckmarkIcon,
178
- close: import_icons.Close,
179
- confirmModal: import_icons.Information,
180
- delete: import_icons.TrashCan,
181
- promptModal: import_icons.Information,
182
- waitingFileUploader: import_icons.CloudUpload,
183
- fileUploader: AnimatingUploadIcon,
184
- indeterminate: IndeterminateIcon,
185
- infoNotification: import_icons.Information,
186
- successNotification: import_icons.CheckmarkOutline,
187
- warningNotification: import_icons.WarningAlt,
188
- dangerNotification: import_icons.WarningFilled,
189
- invalid: import_icons.WarningFilled,
190
- invalidAlt: import_icons.Warning,
191
- redo: import_icons.Restart,
192
- selectArrow: import_icons.ChevronDown,
193
- toggleChecked: import_icons.Checkmark
194
- };
195
-
196
- // src/config/defineIcons.ts
197
- var $cerberusIcons = defaultIcons;
198
-
199
- // src/components/Accordion.tsx
200
- var import_jsx_runtime3 = require("react/jsx-runtime");
201
33
  function Accordion(props) {
202
34
  const { size, className, ...rootProps } = props;
203
35
  const styles = (0, import_recipes.accordion)({ size });
204
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
36
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
205
37
  import_react.Accordion.Root,
206
38
  {
207
39
  collapsible: true,
@@ -213,7 +45,7 @@ function Accordion(props) {
213
45
  function AccordionItem(props) {
214
46
  const { size, ...itemProps } = props;
215
47
  const styles = (0, import_recipes.accordion)({ size });
216
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
48
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
217
49
  import_react.Accordion.Item,
218
50
  {
219
51
  ...itemProps,
@@ -224,7 +56,7 @@ function AccordionItem(props) {
224
56
  function AccordionItemTrigger(props) {
225
57
  const { size, ...triggerProps } = props;
226
58
  const styles = (0, import_recipes.accordion)({ size });
227
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
59
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
228
60
  import_react.Accordion.ItemTrigger,
229
61
  {
230
62
  ...triggerProps,
@@ -232,24 +64,10 @@ function AccordionItemTrigger(props) {
232
64
  }
233
65
  );
234
66
  }
235
- function AccordionItemIndicator(props) {
236
- const { size, ...indicatorProps } = props;
237
- const styles = (0, import_recipes.accordion)({ size });
238
- const iconSize = size === "sm" ? 16 : "24";
239
- const { accordionIndicator: ChevronDown2 } = $cerberusIcons;
240
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
241
- import_react.Accordion.ItemIndicator,
242
- {
243
- ...indicatorProps,
244
- className: (0, import_css.cx)(indicatorProps.className, styles.itemIndicator),
245
- children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ChevronDown2, { size: iconSize })
246
- }
247
- );
248
- }
249
67
  function AccordionItemContent(props) {
250
68
  const { size, ...contentProps } = props;
251
69
  const styles = (0, import_recipes.accordion)({ size });
252
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
70
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
253
71
  import_react.Accordion.ItemContent,
254
72
  {
255
73
  ...contentProps,
@@ -262,7 +80,6 @@ function AccordionItemContent(props) {
262
80
  Accordion,
263
81
  AccordionItem,
264
82
  AccordionItemContent,
265
- AccordionItemIndicator,
266
83
  AccordionItemTrigger
267
84
  });
268
85
  //# sourceMappingURL=Accordion.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Accordion.tsx","../../../src/config/cerbIcons.ts","../../../src/config/icons/checkbox.icons.tsx","../../../src/components/AnimatingUploadIcon.tsx","../../../src/config/defineIcons.ts"],"sourcesContent":["import { Accordion as ArkAccordion } from '@ark-ui/react'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n accordion,\n type AccordionVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { $cerberusIcons } from '../config/defineIcons'\n\nexport type AccordionProps = ArkAccordion.RootProps & AccordionVariantProps\n\n/**\n * The context provider for the Accordion family.\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n * <AccordionItemGroup heading=\"Item 1 heading\" value=\"one\">\n * This is the content\n * </AccordionItemGroup>\n * </Accordion>\n * ```\n */\nexport function Accordion(props: AccordionProps) {\n const { size, className, ...rootProps } = props\n const styles = accordion({ size })\n return (\n <ArkAccordion.Root\n collapsible\n className={cx(className, styles.root)}\n {...rootProps}\n />\n )\n}\n\ntype AccordionItemProps = ArkAccordion.ItemProps & AccordionVariantProps\n\n/**\n * The item for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n * <AccordionItem value=\"one\">\n * <AccordionTrigger>\n * Accordion Item 1\n * <AccordionIndicator />\n * </AccordionTrigger>\n * <AccordionContent>Accordion Item 1 content</AccordionContent>\n * </AccordionItem>\n * </Accordion>\n * ```\n */\nexport function AccordionItem(props: AccordionItemProps) {\n const { size, ...itemProps } = props\n const styles = accordion({ size })\n return (\n <ArkAccordion.Item\n {...itemProps}\n className={cx(itemProps.className, styles.item)}\n />\n )\n}\n\nexport type AccordionItemTriggerProps = ArkAccordion.ItemTriggerProps &\n AccordionVariantProps\n\n/**\n * The trigger for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n * <AccordionItem value=\"one\">\n * <AccordionTrigger>\n * Accordion Item 1\n * <AccordionIndicator />\n * </AccordionTrigger>\n * <AccordionContent>Accordion Item 1 content</AccordionContent>\n * </AccordionItem>\n * </Accordion>\n * ```\n */\nexport function AccordionItemTrigger(props: AccordionItemTriggerProps) {\n const { size, ...triggerProps } = props\n const styles = accordion({ size })\n return (\n <ArkAccordion.ItemTrigger\n {...triggerProps}\n className={cx(triggerProps.className, styles.itemTrigger)}\n />\n )\n}\n\nexport type AccordionItemIndicatorProps = ArkAccordion.ItemIndicatorProps &\n AccordionVariantProps\n\n/**\n * The indicator for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n * <AccordionItem value=\"one\">\n * <AccordionTrigger>\n * Accordion Item 1\n * <AccordionIndicator />\n * </AccordionTrigger>\n * <AccordionContent>Accordion Item 1 content</AccordionContent>\n * </AccordionItem>\n * </Accordion>\n * ```\n * */\nexport function AccordionItemIndicator(props: AccordionItemIndicatorProps) {\n const { size, ...indicatorProps } = props\n const styles = accordion({ size })\n const iconSize = size === 'sm' ? 16 : '24'\n const { accordionIndicator: ChevronDown } = $cerberusIcons\n\n return (\n <ArkAccordion.ItemIndicator\n {...indicatorProps}\n className={cx(indicatorProps.className, styles.itemIndicator)}\n >\n <ChevronDown size={iconSize} />\n </ArkAccordion.ItemIndicator>\n )\n}\n\nexport type AccordionItemContentProps = ArkAccordion.ItemContentProps &\n AccordionVariantProps\n\n/**\n * The content for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n * <AccordionItem value=\"one\">\n * <AccordionTrigger>\n * Accordion Item 1\n * <AccordionIndicator />\n * </AccordionTrigger>\n * <AccordionContent>Accordion Item 1 content</AccordionContent>\n * </AccordionItem>\n * </Accordion>\n * ```\n * */\nexport function AccordionItemContent(props: AccordionItemContentProps) {\n const { size, ...contentProps } = props\n const styles = accordion({ size })\n return (\n <ArkAccordion.ItemContent\n {...contentProps}\n className={cx(contentProps.className, styles.itemContent)}\n />\n )\n}\n","import {\n Calendar,\n Checkmark,\n CheckmarkOutline,\n ChevronDown,\n ChevronLeft,\n ChevronRight,\n Close,\n CloudUpload,\n Information,\n Restart,\n TrashCan,\n UserFilled,\n Warning,\n WarningAlt,\n WarningFilled,\n type CarbonIconType,\n} from '@cerberus/icons'\nimport type { ElementType } from 'react'\nimport { CheckmarkIcon, IndeterminateIcon } from './icons/checkbox.icons'\nimport { AnimatingUploadIcon } from '../components/AnimatingUploadIcon'\n\nexport type IconType = CarbonIconType | ElementType\n\nexport interface DefinedIcons {\n accordionIndicator?: IconType\n avatar?: IconType\n calendar?: IconType\n calendarPrev?: IconType\n calendarNext?: IconType\n checkbox?: IconType\n close?: IconType\n confirmModal?: IconType\n delete?: IconType\n promptModal?: IconType\n waitingFileUploader?: IconType\n fileUploader?: IconType\n indeterminate?: IconType\n infoNotification?: IconType\n successNotification?: IconType\n warningNotification?: IconType\n dangerNotification?: IconType\n invalid: IconType\n invalidAlt?: IconType\n redo?: IconType\n selectArrow?: IconType\n toggleChecked?: IconType\n}\n\nexport const defaultIcons: DefinedIcons = {\n accordionIndicator: ChevronDown,\n avatar: UserFilled,\n calendar: Calendar,\n calendarPrev: ChevronLeft,\n calendarNext: ChevronRight,\n checkbox: CheckmarkIcon,\n close: Close,\n confirmModal: Information,\n delete: TrashCan,\n promptModal: Information,\n waitingFileUploader: CloudUpload,\n fileUploader: AnimatingUploadIcon,\n indeterminate: IndeterminateIcon,\n infoNotification: Information,\n successNotification: CheckmarkOutline,\n warningNotification: WarningAlt,\n dangerNotification: WarningFilled,\n invalid: WarningFilled,\n invalidAlt: Warning,\n redo: Restart,\n selectArrow: ChevronDown,\n toggleChecked: Checkmark,\n}\n","import type { SVGProps } from 'react'\n\n/**\n * This module contains substitute icons for the Checkbox component.\n * @module\n */\n\nexport type CheckboxIconProps = SVGProps<SVGSVGElement>\n\n/**\n * Checkmark icon for Checkbox component\n */\nexport function CheckmarkIcon(props: CheckboxIconProps) {\n return (\n <svg\n aria-hidden=\"true\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n role=\"img\"\n viewBox=\"0 0 24 24\"\n {...props}\n >\n <path\n fill=\"currentColor\"\n d=\"M9.714 18 4 12.335l1.818-1.764 3.896 3.824L18.181 6 20 7.803 9.714 18Z\"\n />\n </svg>\n )\n}\n\nexport type IndeterminateIconProps = SVGProps<SVGSVGElement>\n\n/**\n * Indeterminate icon for Checkbox component\n */\nexport function IndeterminateIcon(props: IndeterminateIconProps) {\n return (\n <svg\n aria-hidden=\"true\"\n xmlns=\"http://www.w3.org/2000/svg\"\n role=\"img\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n {...props}\n >\n <path fill=\"currentColor\" d=\"M4 11h16v2.667H4z\" />\n </svg>\n )\n}\n","import { type CarbonIconProps } from '@cerberus/icons'\n\n/**\n * This module contains an animating icon to use for the FileStatus component.\n * @module\n */\n\nexport type AnimatingUploadIconProps = CarbonIconProps\n\nexport function AnimatingUploadIcon(props: AnimatingUploadIconProps) {\n return (\n <svg\n aria-hidden=\"true\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width={props.size ?? '1em'}\n height={props.size ?? '1em'}\n viewBox=\"0 0 24 24\"\n >\n <g\n fill=\"none\"\n stroke=\"currentColor\"\n strokeLinecap=\"square\"\n strokeLinejoin=\"round\"\n strokeWidth={1.5}\n >\n <path\n data-name=\"animating-trail\"\n strokeDasharray=\"2 4\"\n strokeDashoffset={6}\n d=\"M12 21c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9\"\n >\n <animate\n attributeName=\"stroke-dashoffset\"\n dur=\"0.45s\"\n repeatCount=\"indefinite\"\n values=\"6;0\"\n ></animate>\n </path>\n\n <path\n data-name=\"half-circle\"\n strokeDasharray={32}\n strokeDashoffset={32}\n d=\"M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9\"\n >\n <animate\n fill=\"freeze\"\n attributeName=\"stroke-dashoffset\"\n begin=\"0.075s\"\n dur=\"0.3s\"\n values=\"32;0\"\n ></animate>\n </path>\n\n <svg\n aria-hidden=\"true\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"0.8em\"\n height=\"0.8em\"\n x=\"27%\"\n y=\"27%\"\n viewBox=\"0 0 24 24\"\n >\n <polygon\n fill=\"currentColor\"\n stroke=\"currentColor\"\n strokeWidth={0.8}\n opacity=\"1\"\n points=\"3.7,6.7 7.5,2.9 7.5,15 8.5,15 8.5,2.9 12.3,6.7 13,6 8,1 3,6 \"\n >\n <animate\n fill=\"freeze\"\n attributeName=\"opacity\"\n values=\"1;0;1\"\n dur=\"2s\"\n repeatCount=\"indefinite\"\n ></animate>\n </polygon>\n </svg>\n </g>\n </svg>\n )\n}\n","import { defaultIcons, type DefinedIcons } from './cerbIcons'\n\nfunction _validateIconsProperties(icons: DefinedIcons) {\n if (!icons.invalid) {\n throw new Error(\n 'The an invalid property must be defined in your custom icons library.',\n )\n }\n}\n\nexport function defineIcons(icons: DefinedIcons): Required<DefinedIcons> {\n _validateIconsProperties(icons)\n $cerberusIcons = {\n ...defaultIcons,\n ...icons,\n } as Required<DefinedIcons>\n return $cerberusIcons\n}\n\n// Default icons\n\nexport let $cerberusIcons = defaultIcons as Required<DefinedIcons>\n"],"mappings":"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","names":["import_jsx_runtime","import_jsx_runtime","ArkAccordion","ChevronDown"]}
1
+ {"version":3,"sources":["../../../src/components/Accordion.tsx"],"sourcesContent":["import { Accordion as ArkAccordion } from '@ark-ui/react'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n accordion,\n type AccordionVariantProps,\n} from '@cerberus/styled-system/recipes'\n\nexport type AccordionProps = ArkAccordion.RootProps & AccordionVariantProps\n\n/**\n * The context provider for the Accordion family.\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n * <AccordionItemGroup heading=\"Item 1 heading\" value=\"one\">\n * This is the content\n * </AccordionItemGroup>\n * </Accordion>\n * ```\n */\nexport function Accordion(props: AccordionProps) {\n const { size, className, ...rootProps } = props\n const styles = accordion({ size })\n return (\n <ArkAccordion.Root\n collapsible\n className={cx(className, styles.root)}\n {...rootProps}\n />\n )\n}\n\ntype AccordionItemProps = ArkAccordion.ItemProps & AccordionVariantProps\n\n/**\n * The item for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n * <AccordionItem value=\"one\">\n * <AccordionTrigger>\n * Accordion Item 1\n * <AccordionIndicator />\n * </AccordionTrigger>\n * <AccordionContent>Accordion Item 1 content</AccordionContent>\n * </AccordionItem>\n * </Accordion>\n * ```\n */\nexport function AccordionItem(props: AccordionItemProps) {\n const { size, ...itemProps } = props\n const styles = accordion({ size })\n return (\n <ArkAccordion.Item\n {...itemProps}\n className={cx(itemProps.className, styles.item)}\n />\n )\n}\n\nexport type AccordionItemTriggerProps = ArkAccordion.ItemTriggerProps &\n AccordionVariantProps\n\n/**\n * The trigger for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n * <AccordionItem value=\"one\">\n * <AccordionTrigger>\n * Accordion Item 1\n * <AccordionIndicator />\n * </AccordionTrigger>\n * <AccordionContent>Accordion Item 1 content</AccordionContent>\n * </AccordionItem>\n * </Accordion>\n * ```\n */\nexport function AccordionItemTrigger(props: AccordionItemTriggerProps) {\n const { size, ...triggerProps } = props\n const styles = accordion({ size })\n return (\n <ArkAccordion.ItemTrigger\n {...triggerProps}\n className={cx(triggerProps.className, styles.itemTrigger)}\n />\n )\n}\n\nexport type AccordionItemContentProps = ArkAccordion.ItemContentProps &\n AccordionVariantProps\n\n/**\n * The content for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n * <AccordionItem value=\"one\">\n * <AccordionTrigger>\n * Accordion Item 1\n * <AccordionIndicator />\n * </AccordionTrigger>\n * <AccordionContent>Accordion Item 1 content</AccordionContent>\n * </AccordionItem>\n * </Accordion>\n * ```\n * */\nexport function AccordionItemContent(props: AccordionItemContentProps) {\n const { size, ...contentProps } = props\n const styles = accordion({ size })\n return (\n <ArkAccordion.ItemContent\n {...contentProps}\n className={cx(contentProps.className, styles.itemContent)}\n />\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C;AAC1C,iBAAmB;AACnB,qBAGO;AAoBH;AAJG,SAAS,UAAU,OAAuB;AAC/C,QAAM,EAAE,MAAM,WAAW,GAAG,UAAU,IAAI;AAC1C,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAAA,UAAa;AAAA,IAAb;AAAA,MACC,aAAW;AAAA,MACX,eAAW,eAAG,WAAW,OAAO,IAAI;AAAA,MACnC,GAAG;AAAA;AAAA,EACN;AAEJ;AAqBO,SAAS,cAAc,OAA2B;AACvD,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,UAAU,WAAW,OAAO,IAAI;AAAA;AAAA,EAChD;AAEJ;AAsBO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,aAAa,WAAW,OAAO,WAAW;AAAA;AAAA,EAC1D;AAEJ;AAsBO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,aAAa,WAAW,OAAO,WAAW;AAAA;AAAA,EAC1D;AAEJ;","names":["ArkAccordion"]}
@@ -0,0 +1,64 @@
1
+ "use strict";
2
+ "use client";
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
20
+
21
+ // src/components/Accordion.client.tsx
22
+ var Accordion_client_exports = {};
23
+ __export(Accordion_client_exports, {
24
+ AccordionItemIndicator: () => AccordionItemIndicator
25
+ });
26
+ module.exports = __toCommonJS(Accordion_client_exports);
27
+ var import_react2 = require("@ark-ui/react");
28
+ var import_css = require("@cerberus/styled-system/css");
29
+ var import_recipes = require("@cerberus/styled-system/recipes");
30
+
31
+ // src/context/cerberus.tsx
32
+ var import_react = require("react");
33
+ var import_jsx_runtime = require("react/jsx-runtime");
34
+ var CerberusContext = (0, import_react.createContext)(null);
35
+ function useCerberusContext() {
36
+ const context = (0, import_react.useContext)(CerberusContext);
37
+ if (!context) {
38
+ throw new Error("useCerberus must be used within a CerberusProvider");
39
+ }
40
+ return context;
41
+ }
42
+
43
+ // src/components/Accordion.client.tsx
44
+ var import_jsx_runtime2 = require("react/jsx-runtime");
45
+ function AccordionItemIndicator(props) {
46
+ const { size, ...indicatorProps } = props;
47
+ const styles = (0, import_recipes.accordion)({ size });
48
+ const iconSize = size === "sm" ? 16 : "24";
49
+ const { icons } = useCerberusContext();
50
+ const ChevronDown = icons.accordionIndicator;
51
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
52
+ import_react2.Accordion.ItemIndicator,
53
+ {
54
+ ...indicatorProps,
55
+ className: (0, import_css.cx)(indicatorProps.className, styles.itemIndicator),
56
+ children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChevronDown, { size: iconSize })
57
+ }
58
+ );
59
+ }
60
+ // Annotate the CommonJS export names for ESM import in node:
61
+ 0 && (module.exports = {
62
+ AccordionItemIndicator
63
+ });
64
+ //# sourceMappingURL=Accordion.client.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/Accordion.client.tsx","../../../src/context/cerberus.tsx"],"sourcesContent":["'use client'\n\nimport { Accordion as ArkAccordion } from '@ark-ui/react'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n accordion,\n type AccordionVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { useCerberusContext } from '../context/cerberus'\n\nexport type AccordionItemIndicatorProps = ArkAccordion.ItemIndicatorProps &\n AccordionVariantProps\n\n/**\n * The indicator for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n * <AccordionItem value=\"one\">\n * <AccordionTrigger>\n * Accordion Item 1\n * <AccordionIndicator />\n * </AccordionTrigger>\n * <AccordionContent>Accordion Item 1 content</AccordionContent>\n * </AccordionItem>\n * </Accordion>\n * ```\n * */\nexport function AccordionItemIndicator(props: AccordionItemIndicatorProps) {\n const { size, ...indicatorProps } = props\n const styles = accordion({ size })\n const iconSize = size === 'sm' ? 16 : '24'\n const { icons } = useCerberusContext()\n const ChevronDown = icons.accordionIndicator\n\n return (\n <ArkAccordion.ItemIndicator\n {...indicatorProps}\n className={cx(indicatorProps.className, styles.itemIndicator)}\n >\n <ChevronDown size={iconSize} />\n </ArkAccordion.ItemIndicator>\n )\n}\n","'use client'\n\nimport { createContext, useContext, type PropsWithChildren } from 'react'\nimport type { SystemConfig } from '../config'\n\n/**\n * This module contains the Cerberus configuration context and helpers.\n * @module context/cerberus\n */\n\ntype CerberusContextValue = SystemConfig\n\nconst CerberusContext = createContext<CerberusContextValue | null>(null)\n\ninterface CerberusProviderProps {\n config: SystemConfig\n}\n\n/**\n * Cerberus configuration provider.\n * @param props.config The Cerberus configuration created with\n * `makeSystemConfig` helper.\n */\nexport function CerberusProvider(\n props: PropsWithChildren<CerberusProviderProps>,\n) {\n return (\n <CerberusContext.Provider value={props.config}>\n {props.children}\n </CerberusContext.Provider>\n )\n}\n\n/**\n * Returns the Cerberus configuration context.\n * @returns The Cerberus configuration context.\n */\nexport function useCerberusContext() {\n const context = useContext(CerberusContext)\n if (!context) {\n throw new Error('useCerberus must be used within a CerberusProvider')\n }\n return context\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,IAAAA,gBAA0C;AAC1C,iBAAmB;AACnB,qBAGO;;;ACLP,mBAAkE;AAyB9D;AAfJ,IAAM,sBAAkB,4BAA2C,IAAI;AAyBhE,SAAS,qBAAqB;AACnC,QAAM,cAAU,yBAAW,eAAe;AAC1C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,oDAAoD;AAAA,EACtE;AACA,SAAO;AACT;;;ADDM,IAAAC,sBAAA;AAZC,SAAS,uBAAuB,OAAoC;AACzE,QAAM,EAAE,MAAM,GAAG,eAAe,IAAI;AACpC,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,QAAM,WAAW,SAAS,OAAO,KAAK;AACtC,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,cAAc,MAAM;AAE1B,SACE;AAAA,IAAC,cAAAC,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,eAAe,WAAW,OAAO,aAAa;AAAA,MAE5D,uDAAC,eAAY,MAAM,UAAU;AAAA;AAAA,EAC/B;AAEJ;","names":["import_react","import_jsx_runtime","ArkAccordion"]}