@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.
- package/build/legacy/_tsup-dts-rollup.d.cts +111 -34
- package/build/legacy/components/Accordion.cjs +4 -187
- package/build/legacy/components/Accordion.cjs.map +1 -1
- package/build/legacy/components/Accordion.client.cjs +64 -0
- package/build/legacy/components/Accordion.client.cjs.map +1 -0
- package/build/legacy/components/AccordionItemGroup.cjs +41 -185
- package/build/legacy/components/AccordionItemGroup.cjs.map +1 -1
- package/build/legacy/components/Admonition.cjs +89 -239
- package/build/legacy/components/Admonition.cjs.map +1 -1
- package/build/legacy/components/Admonition.client.cjs +219 -0
- package/build/legacy/components/Admonition.client.cjs.map +1 -0
- package/build/legacy/components/AnimatingUploadIcon.cjs.map +1 -1
- package/build/legacy/components/Avatar.cjs +23 -174
- package/build/legacy/components/Avatar.cjs.map +1 -1
- package/build/legacy/components/Checkbox.cjs +22 -168
- package/build/legacy/components/Checkbox.cjs.map +1 -1
- package/build/legacy/components/DatePicker.client.cjs +119 -268
- package/build/legacy/components/DatePicker.client.cjs.map +1 -1
- package/build/legacy/components/DatePicker.server.cjs +17 -271
- package/build/legacy/components/DatePicker.server.cjs.map +1 -1
- package/build/legacy/components/FileStatus.cjs +62 -212
- package/build/legacy/components/FileStatus.cjs.map +1 -1
- package/build/legacy/components/FileUploader.cjs +29 -180
- package/build/legacy/components/FileUploader.cjs.map +1 -1
- package/build/legacy/components/Input.cjs +20 -172
- package/build/legacy/components/Input.cjs.map +1 -1
- package/build/legacy/components/Notification.cjs +25 -176
- package/build/legacy/components/Notification.cjs.map +1 -1
- package/build/legacy/components/Select.cjs +26 -178
- package/build/legacy/components/Select.cjs.map +1 -1
- package/build/legacy/components/Tag.cjs +16 -167
- package/build/legacy/components/Tag.cjs.map +1 -1
- package/build/legacy/components/Toggle.cjs +20 -172
- package/build/legacy/components/Toggle.cjs.map +1 -1
- package/build/legacy/config/defineIcons.cjs +3 -39
- package/build/legacy/config/defineIcons.cjs.map +1 -1
- package/build/legacy/config/{cerbIcons.cjs → index.cjs} +22 -29
- package/build/legacy/config/index.cjs.map +1 -0
- package/build/legacy/config/types.cjs +19 -0
- package/build/legacy/config/types.cjs.map +1 -0
- package/build/legacy/context/cerberus.cjs +46 -0
- package/build/legacy/context/cerberus.cjs.map +1 -0
- package/build/legacy/context/confirm-modal.cjs +58 -207
- package/build/legacy/context/confirm-modal.cjs.map +1 -1
- package/build/legacy/context/cta-modal.cjs +57 -209
- package/build/legacy/context/cta-modal.cjs.map +1 -1
- package/build/legacy/context/notification-center.cjs +55 -206
- package/build/legacy/context/notification-center.cjs.map +1 -1
- package/build/legacy/context/prompt-modal.cjs +83 -233
- package/build/legacy/context/prompt-modal.cjs.map +1 -1
- package/build/legacy/index.cjs +950 -930
- package/build/legacy/index.cjs.map +1 -1
- package/build/modern/_tsup-dts-rollup.d.ts +111 -34
- package/build/modern/{chunk-BVCXVZAF.js → chunk-25HMVHLT.js} +6 -5
- package/build/modern/chunk-25HMVHLT.js.map +1 -0
- package/build/modern/chunk-36N4527B.js +1 -0
- package/build/modern/chunk-5EWCH7AI.js +82 -0
- package/build/modern/chunk-5EWCH7AI.js.map +1 -0
- package/build/modern/chunk-5SNLQZYP.js +25 -0
- package/build/modern/chunk-5SNLQZYP.js.map +1 -0
- package/build/modern/{chunk-6BH5J5GF.js → chunk-CCTLGF5U.js} +18 -17
- package/build/modern/chunk-CCTLGF5U.js.map +1 -0
- package/build/modern/{chunk-HKJMLWVP.js → chunk-EDARV2EI.js} +5 -4
- package/build/modern/chunk-EDARV2EI.js.map +1 -0
- package/build/modern/{chunk-FXLLRVAM.js → chunk-EMNBMH7Z.js} +13 -11
- package/build/modern/chunk-EMNBMH7Z.js.map +1 -0
- package/build/modern/{chunk-PVIMOXSO.js → chunk-GCQMH4QA.js} +5 -4
- package/build/modern/chunk-GCQMH4QA.js.map +1 -0
- package/build/modern/chunk-GITT5645.js +20 -0
- package/build/modern/chunk-GITT5645.js.map +1 -0
- package/build/modern/{chunk-TJCFYL5W.js → chunk-IGHMP4WA.js} +1 -20
- package/build/modern/chunk-IGHMP4WA.js.map +1 -0
- package/build/modern/chunk-ISCJ542I.js +82 -0
- package/build/modern/chunk-ISCJ542I.js.map +1 -0
- package/build/modern/{chunk-HVKM54BA.js → chunk-IW3LIRDG.js} +1 -1
- package/build/modern/chunk-IW3LIRDG.js.map +1 -0
- package/build/modern/{chunk-KWJ5FKX7.js → chunk-JQCRDZNI.js} +8 -6
- package/build/modern/chunk-JQCRDZNI.js.map +1 -0
- package/build/modern/chunk-KDDPAJMR.js +9 -0
- package/build/modern/chunk-KDDPAJMR.js.map +1 -0
- package/build/modern/{chunk-JJZQGR7A.js → chunk-KF35CYT4.js} +8 -6
- package/build/modern/chunk-KF35CYT4.js.map +1 -0
- package/build/modern/{chunk-XOROL3JY.js → chunk-KKHL3ZO4.js} +5 -4
- package/build/modern/chunk-KKHL3ZO4.js.map +1 -0
- package/build/modern/{chunk-U36UZJGZ.js → chunk-MZ3UCDUL.js} +5 -4
- package/build/modern/chunk-MZ3UCDUL.js.map +1 -0
- package/build/modern/{chunk-T2JOPPGL.js → chunk-N24COMHJ.js} +11 -4
- package/build/modern/chunk-N24COMHJ.js.map +1 -0
- package/build/modern/{chunk-CVTON5DQ.js → chunk-N3L3PEMF.js} +2 -2
- package/build/modern/chunk-NJSETNRL.js +68 -0
- package/build/modern/chunk-NJSETNRL.js.map +1 -0
- package/build/modern/{chunk-XXWR7UGH.js → chunk-QKZZHZL4.js} +22 -21
- package/build/modern/chunk-QKZZHZL4.js.map +1 -0
- package/build/modern/{chunk-KPUYKHLW.js → chunk-UMF2TWZN.js} +59 -9
- package/build/modern/chunk-UMF2TWZN.js.map +1 -0
- package/build/modern/{chunk-QK7R2XJM.js → chunk-XQICKZH4.js} +6 -5
- package/build/modern/chunk-XQICKZH4.js.map +1 -0
- package/build/modern/chunk-XZGXRRSQ.js +31 -0
- package/build/modern/chunk-XZGXRRSQ.js.map +1 -0
- package/build/modern/{chunk-5OVH3INN.js → chunk-Z64YZ5IH.js} +18 -18
- package/build/modern/chunk-Z64YZ5IH.js.map +1 -0
- package/build/modern/components/Accordion.client.js +9 -0
- package/build/modern/components/Accordion.client.js.map +1 -0
- package/build/modern/components/Accordion.js +1 -7
- package/build/modern/components/AccordionItemGroup.js +4 -6
- package/build/modern/components/Admonition.client.js +11 -0
- package/build/modern/components/Admonition.client.js.map +1 -0
- package/build/modern/components/Admonition.js +4 -6
- package/build/modern/components/AnimatingUploadIcon.js +1 -1
- package/build/modern/components/Avatar.js +3 -5
- package/build/modern/components/Checkbox.js +2 -5
- package/build/modern/components/DatePicker.client.js +8 -7
- package/build/modern/components/DatePicker.server.js +3 -13
- package/build/modern/components/FileStatus.js +4 -7
- package/build/modern/components/FileUploader.js +3 -6
- package/build/modern/components/Input.js +2 -5
- package/build/modern/components/Notification.js +2 -5
- package/build/modern/components/Select.js +2 -5
- package/build/modern/components/Tag.js +3 -5
- package/build/modern/components/Toggle.js +2 -5
- package/build/modern/config/defineIcons.js +2 -5
- package/build/modern/config/index.js +14 -0
- package/build/modern/config/index.js.map +1 -0
- package/build/modern/config/types.js +2 -0
- package/build/modern/config/types.js.map +1 -0
- package/build/modern/context/cerberus.js +10 -0
- package/build/modern/context/cerberus.js.map +1 -0
- package/build/modern/context/confirm-modal.js +6 -9
- package/build/modern/context/cta-modal.js +6 -9
- package/build/modern/context/notification-center.js +3 -6
- package/build/modern/context/prompt-modal.js +8 -11
- package/build/modern/index.js +105 -94
- package/build/modern/index.js.map +1 -1
- package/package.json +4 -8
- package/src/components/Accordion.client.tsx +46 -0
- package/src/components/Accordion.tsx +0 -37
- package/src/components/AccordionItemGroup.tsx +1 -1
- package/src/components/Admonition.client.tsx +73 -0
- package/src/components/Admonition.tsx +1 -70
- package/src/components/AnimatingUploadIcon.tsx +3 -3
- package/src/components/Avatar.tsx +5 -2
- package/src/components/Checkbox.tsx +10 -3
- package/src/components/DatePicker.client.tsx +79 -7
- package/src/components/DatePicker.server.tsx +2 -75
- package/src/components/FileStatus.tsx +5 -3
- package/src/components/FileUploader.tsx +3 -2
- package/src/components/Input.tsx +4 -2
- package/src/components/Notification.tsx +7 -4
- package/src/components/Select.tsx +5 -2
- package/src/components/Tag.tsx +5 -2
- package/src/components/Toggle.tsx +4 -3
- package/src/config/defineIcons.ts +28 -16
- package/src/config/index.ts +28 -0
- package/src/config/types.ts +42 -0
- package/src/context/cerberus.tsx +44 -0
- package/src/context/confirm-modal.tsx +4 -2
- package/src/context/cta-modal.tsx +5 -4
- package/src/context/prompt-modal.tsx +4 -2
- package/src/index.ts +3 -1
- package/build/legacy/config/cerbIcons.cjs.map +0 -1
- package/build/modern/chunk-5OVH3INN.js.map +0 -1
- package/build/modern/chunk-6BH5J5GF.js.map +0 -1
- package/build/modern/chunk-BC5SZDYY.js +0 -132
- package/build/modern/chunk-BC5SZDYY.js.map +0 -1
- package/build/modern/chunk-BVCXVZAF.js.map +0 -1
- package/build/modern/chunk-CRII2HNX.js +0 -55
- package/build/modern/chunk-CRII2HNX.js.map +0 -1
- package/build/modern/chunk-FXLLRVAM.js.map +0 -1
- package/build/modern/chunk-HKJMLWVP.js.map +0 -1
- package/build/modern/chunk-HVKM54BA.js.map +0 -1
- package/build/modern/chunk-JJZQGR7A.js.map +0 -1
- package/build/modern/chunk-KPUYKHLW.js.map +0 -1
- package/build/modern/chunk-KWJ5FKX7.js.map +0 -1
- package/build/modern/chunk-PVIMOXSO.js.map +0 -1
- package/build/modern/chunk-QK7R2XJM.js.map +0 -1
- package/build/modern/chunk-QMF5ZNDG.js +0 -27
- package/build/modern/chunk-QMF5ZNDG.js.map +0 -1
- package/build/modern/chunk-QQOWWMZ3.js +0 -138
- package/build/modern/chunk-QQOWWMZ3.js.map +0 -1
- package/build/modern/chunk-T2JOPPGL.js.map +0 -1
- package/build/modern/chunk-TJCFYL5W.js.map +0 -1
- package/build/modern/chunk-U36UZJGZ.js.map +0 -1
- package/build/modern/chunk-XOROL3JY.js.map +0 -1
- package/build/modern/chunk-XXWR7UGH.js.map +0 -1
- package/build/modern/config/cerbIcons.js +0 -9
- package/src/config/cerbIcons.ts +0 -73
- /package/build/modern/{config/cerbIcons.js.map → chunk-36N4527B.js.map} +0 -0
- /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
|
|
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
|
-
|
|
1059
|
-
accordionIndicator
|
|
1060
|
-
avatar
|
|
1061
|
-
calendar
|
|
1062
|
-
calendarPrev
|
|
1063
|
-
calendarNext
|
|
1064
|
-
checkbox?:
|
|
1065
|
-
close
|
|
1066
|
-
confirmModal
|
|
1067
|
-
delete
|
|
1068
|
-
promptModal
|
|
1069
|
-
waitingFileUploader
|
|
1070
|
-
fileUploader?:
|
|
1071
|
-
indeterminate?:
|
|
1072
|
-
infoNotification
|
|
1073
|
-
successNotification
|
|
1074
|
-
warningNotification
|
|
1075
|
-
dangerNotification
|
|
1076
|
-
invalid:
|
|
1077
|
-
invalidAlt
|
|
1078
|
-
redo
|
|
1079
|
-
selectArrow
|
|
1080
|
-
toggleChecked
|
|
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
|
-
|
|
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
|
-
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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"]}
|