@cerberus-design/react 0.8.0-next-7d49bb9 → 0.8.0-next-4fc3696

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 (81) hide show
  1. package/build/legacy/_tsup-dts-rollup.d.ts +48 -0
  2. package/build/legacy/{chunk-2VPKILZ6.js → chunk-4DPGADIC.js} +2 -2
  3. package/build/legacy/{chunk-L46XIE3D.js → chunk-6CNSWNE2.js} +4 -4
  4. package/build/legacy/{chunk-SMCEFK6Q.js → chunk-CWZON7EZ.js} +2 -2
  5. package/build/legacy/{chunk-GVNPFXKL.js → chunk-H4F2ONKN.js} +3 -1
  6. package/build/legacy/chunk-H4F2ONKN.js.map +1 -0
  7. package/build/legacy/{chunk-AAKIOHAX.js → chunk-ITND4I7J.js} +2 -2
  8. package/build/legacy/chunk-MINQJYGV.js +68 -0
  9. package/build/legacy/chunk-MINQJYGV.js.map +1 -0
  10. package/build/legacy/{chunk-JJGZRBIR.js → chunk-RQPDRHRP.js} +5 -4
  11. package/build/legacy/{chunk-JJGZRBIR.js.map → chunk-RQPDRHRP.js.map} +1 -1
  12. package/build/legacy/{chunk-BEYPMC73.js → chunk-TSUSAKL3.js} +2 -2
  13. package/build/{modern/chunk-XB4ZRAH4.js → legacy/chunk-URKYD3YB.js} +2 -2
  14. package/build/legacy/{chunk-LF2QFS5S.js → chunk-XYCRUMOL.js} +2 -2
  15. package/build/legacy/{chunk-IL5ELPTT.js → chunk-YRGASCC5.js} +2 -2
  16. package/build/legacy/components/FileUploader.js +3 -3
  17. package/build/legacy/components/Input.js +3 -3
  18. package/build/legacy/components/Label.js +1 -1
  19. package/build/legacy/components/Notification.js +3 -3
  20. package/build/legacy/components/Select.js +14 -0
  21. package/build/legacy/components/Select.js.map +1 -0
  22. package/build/legacy/components/Toggle.js +3 -3
  23. package/build/legacy/config/cerbIcons.js +1 -1
  24. package/build/legacy/config/defineIcons.js +2 -2
  25. package/build/legacy/context/confirm-modal.js +3 -3
  26. package/build/legacy/context/notification-center.js +4 -4
  27. package/build/legacy/context/prompt-modal.js +5 -5
  28. package/build/legacy/index.js +22 -16
  29. package/build/legacy/index.js.map +1 -1
  30. package/build/modern/_tsup-dts-rollup.d.ts +48 -0
  31. package/build/modern/{chunk-Y5IY7O23.js → chunk-GM3AUVXL.js} +2 -2
  32. package/build/modern/{chunk-GVNPFXKL.js → chunk-H4F2ONKN.js} +3 -1
  33. package/build/modern/chunk-H4F2ONKN.js.map +1 -0
  34. package/build/modern/chunk-MINQJYGV.js +68 -0
  35. package/build/modern/chunk-MINQJYGV.js.map +1 -0
  36. package/build/modern/{chunk-IOG6XIR5.js → chunk-NVCUFUD7.js} +2 -2
  37. package/build/modern/{chunk-4N2L357B.js → chunk-O7SC4O5S.js} +2 -2
  38. package/build/modern/{chunk-LTDNZRUY.js → chunk-QRTCZO2W.js} +4 -4
  39. package/build/modern/{chunk-JJGZRBIR.js → chunk-RQPDRHRP.js} +5 -4
  40. package/build/modern/{chunk-JJGZRBIR.js.map → chunk-RQPDRHRP.js.map} +1 -1
  41. package/build/modern/{chunk-BEYPMC73.js → chunk-TSUSAKL3.js} +2 -2
  42. package/build/{legacy/chunk-XB4ZRAH4.js → modern/chunk-URKYD3YB.js} +2 -2
  43. package/build/modern/{chunk-QO2UXGW4.js → chunk-XWE45ZOL.js} +2 -2
  44. package/build/modern/{chunk-IL5ELPTT.js → chunk-YRGASCC5.js} +2 -2
  45. package/build/modern/components/FileUploader.js +3 -3
  46. package/build/modern/components/Input.js +3 -3
  47. package/build/modern/components/Label.js +1 -1
  48. package/build/modern/components/Notification.js +3 -3
  49. package/build/modern/components/Select.js +14 -0
  50. package/build/modern/components/Select.js.map +1 -0
  51. package/build/modern/components/Toggle.js +3 -3
  52. package/build/modern/config/cerbIcons.js +1 -1
  53. package/build/modern/config/defineIcons.js +2 -2
  54. package/build/modern/context/confirm-modal.js +3 -3
  55. package/build/modern/context/notification-center.js +4 -4
  56. package/build/modern/context/prompt-modal.js +5 -5
  57. package/build/modern/index.js +22 -16
  58. package/build/modern/index.js.map +1 -1
  59. package/package.json +2 -2
  60. package/src/components/Label.tsx +3 -2
  61. package/src/components/Select.tsx +96 -0
  62. package/src/config/cerbIcons.ts +3 -0
  63. package/src/index.ts +1 -0
  64. package/build/legacy/chunk-GVNPFXKL.js.map +0 -1
  65. package/build/modern/chunk-GVNPFXKL.js.map +0 -1
  66. /package/build/legacy/{chunk-2VPKILZ6.js.map → chunk-4DPGADIC.js.map} +0 -0
  67. /package/build/legacy/{chunk-L46XIE3D.js.map → chunk-6CNSWNE2.js.map} +0 -0
  68. /package/build/legacy/{chunk-SMCEFK6Q.js.map → chunk-CWZON7EZ.js.map} +0 -0
  69. /package/build/legacy/{chunk-AAKIOHAX.js.map → chunk-ITND4I7J.js.map} +0 -0
  70. /package/build/legacy/{chunk-BEYPMC73.js.map → chunk-TSUSAKL3.js.map} +0 -0
  71. /package/build/legacy/{chunk-XB4ZRAH4.js.map → chunk-URKYD3YB.js.map} +0 -0
  72. /package/build/legacy/{chunk-LF2QFS5S.js.map → chunk-XYCRUMOL.js.map} +0 -0
  73. /package/build/legacy/{chunk-IL5ELPTT.js.map → chunk-YRGASCC5.js.map} +0 -0
  74. /package/build/modern/{chunk-Y5IY7O23.js.map → chunk-GM3AUVXL.js.map} +0 -0
  75. /package/build/modern/{chunk-IOG6XIR5.js.map → chunk-NVCUFUD7.js.map} +0 -0
  76. /package/build/modern/{chunk-4N2L357B.js.map → chunk-O7SC4O5S.js.map} +0 -0
  77. /package/build/modern/{chunk-LTDNZRUY.js.map → chunk-QRTCZO2W.js.map} +0 -0
  78. /package/build/modern/{chunk-BEYPMC73.js.map → chunk-TSUSAKL3.js.map} +0 -0
  79. /package/build/modern/{chunk-XB4ZRAH4.js.map → chunk-URKYD3YB.js.map} +0 -0
  80. /package/build/modern/{chunk-QO2UXGW4.js.map → chunk-XWE45ZOL.js.map} +0 -0
  81. /package/build/modern/{chunk-IL5ELPTT.js.map → chunk-YRGASCC5.js.map} +0 -0
@@ -82,6 +82,7 @@ import { MouseSensor } from '@dnd-kit/core';
82
82
  import { MouseSensorOptions } from '@dnd-kit/core';
83
83
  import { MutableRefObject } from 'react';
84
84
  import { NotificationVariantProps } from '@cerberus/styled-system/recipes';
85
+ import type { OptionHTMLAttributes } from 'react';
85
86
  import { Over } from '@dnd-kit/core';
86
87
  import { PointerActivationConstraint } from '@dnd-kit/core';
87
88
  import { PointerEventHandlers } from '@dnd-kit/core';
@@ -100,6 +101,8 @@ import { rectIntersection } from '@dnd-kit/core';
100
101
  import { RefAttributes } from 'react';
101
102
  import { RefObject } from 'react';
102
103
  import { ScreenReaderInstructions } from '@dnd-kit/core';
104
+ import type { SelectHTMLAttributes } from 'react';
105
+ import { SelectVariantProps } from '@cerberus/styled-system/recipes';
103
106
  import { Sensor } from '@dnd-kit/core';
104
107
  import { SensorContext } from '@dnd-kit/core';
105
108
  import { SensorDescriptor } from '@dnd-kit/core';
@@ -280,6 +283,7 @@ export declare interface DefinedIcons {
280
283
  warningNotification?: IconType;
281
284
  dangerNotification?: IconType;
282
285
  invalid: IconType;
286
+ selectArrow?: IconType;
283
287
  toggleChecked?: IconType;
284
288
  }
285
289
 
@@ -884,6 +888,22 @@ declare interface NotifyOptions {
884
888
  export { NotifyOptions }
885
889
  export { NotifyOptions as NotifyOptions_alias_1 }
886
890
 
891
+ /**
892
+ * Option component
893
+ * props: OptionHTMLAttributes<HTMLOptionElement>
894
+ * @example
895
+ * ```tsx
896
+ * <Option value="one">Option 1</Option>
897
+ * ```
898
+ */
899
+ declare function Option_2(props: OptionProps): JSX_2.Element;
900
+ export { Option_2 as Option }
901
+ export { Option_2 as Option_alias_1 }
902
+
903
+ declare type OptionProps = OptionHTMLAttributes<HTMLOptionElement>;
904
+ export { OptionProps }
905
+ export { OptionProps as OptionProps_alias_1 }
906
+
887
907
  export { Over }
888
908
 
889
909
  export { PointerActivationConstraint }
@@ -989,6 +1009,34 @@ export { rectIntersection }
989
1009
 
990
1010
  export { ScreenReaderInstructions }
991
1011
 
1012
+ /**
1013
+ * Select component
1014
+ * props: SelectHTMLAttributes<HTMLSelectElement> & SelectVariantProps & { describedBy?: string }
1015
+ * @example
1016
+ * ```tsx
1017
+ * <Select describedby="help:fruit" id="fruit">
1018
+ * <Option value="">Choose option</Option>
1019
+ * <Option value="one">Option 1</Option>
1020
+ * <Option value="two">Option 2</Option>
1021
+ * <Option value="three">Option 3</Option>
1022
+ * </Select>
1023
+ * ```
1024
+ */
1025
+ declare function Select(props: SelectProps): JSX_2.Element;
1026
+ export { Select }
1027
+ export { Select as Select_alias_1 }
1028
+
1029
+ /**
1030
+ * This module contains the select components.
1031
+ * @module
1032
+ */
1033
+ declare type SelectProps = Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> & SelectVariantProps & {
1034
+ id: string;
1035
+ describedBy?: string;
1036
+ };
1037
+ export { SelectProps }
1038
+ export { SelectProps as SelectProps_alias_1 }
1039
+
992
1040
  export { Sensor }
993
1041
 
994
1042
  export { SensorContext }
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Notification
3
- } from "./chunk-LF2QFS5S.js";
3
+ } from "./chunk-XYCRUMOL.js";
4
4
  import {
5
5
  NotificationDescription
6
6
  } from "./chunk-HW76XVA3.js";
@@ -119,4 +119,4 @@ export {
119
119
  NotificationCenter,
120
120
  useNotificationCenter
121
121
  };
122
- //# sourceMappingURL=chunk-2VPKILZ6.js.map
122
+ //# sourceMappingURL=chunk-4DPGADIC.js.map
@@ -3,10 +3,10 @@ import {
3
3
  } from "./chunk-4CAT3FHV.js";
4
4
  import {
5
5
  Input
6
- } from "./chunk-XB4ZRAH4.js";
6
+ } from "./chunk-URKYD3YB.js";
7
7
  import {
8
8
  Label
9
- } from "./chunk-JJGZRBIR.js";
9
+ } from "./chunk-RQPDRHRP.js";
10
10
  import {
11
11
  Modal
12
12
  } from "./chunk-2UFNQM55.js";
@@ -36,7 +36,7 @@ import {
36
36
  } from "./chunk-KESKDLX6.js";
37
37
  import {
38
38
  $cerberusIcons
39
- } from "./chunk-BEYPMC73.js";
39
+ } from "./chunk-TSUSAKL3.js";
40
40
  import {
41
41
  useModal
42
42
  } from "./chunk-TZNYJ3G7.js";
@@ -205,4 +205,4 @@ export {
205
205
  PromptModal,
206
206
  usePromptModal
207
207
  };
208
- //# sourceMappingURL=chunk-L46XIE3D.js.map
208
+ //# sourceMappingURL=chunk-6CNSWNE2.js.map
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk-4O4QFF4S.js";
4
4
  import {
5
5
  $cerberusIcons
6
- } from "./chunk-BEYPMC73.js";
6
+ } from "./chunk-TSUSAKL3.js";
7
7
 
8
8
  // src/components/FileUploader.tsx
9
9
  import { cx } from "@cerberus/styled-system/css";
@@ -60,4 +60,4 @@ function FileUploader(props) {
60
60
  export {
61
61
  FileUploader
62
62
  };
63
- //# sourceMappingURL=chunk-SMCEFK6Q.js.map
63
+ //# sourceMappingURL=chunk-CWZON7EZ.js.map
@@ -2,6 +2,7 @@
2
2
  import {
3
3
  Checkmark,
4
4
  CheckmarkFilled,
5
+ ChevronDown,
5
6
  CloudUpload,
6
7
  ErrorFilled,
7
8
  Information,
@@ -17,10 +18,11 @@ var defaultIcons = {
17
18
  warningNotification: WarningFilled,
18
19
  dangerNotification: ErrorFilled,
19
20
  invalid: WarningFilled,
21
+ selectArrow: ChevronDown,
20
22
  toggleChecked: Checkmark
21
23
  };
22
24
 
23
25
  export {
24
26
  defaultIcons
25
27
  };
26
- //# sourceMappingURL=chunk-GVNPFXKL.js.map
28
+ //# sourceMappingURL=chunk-H4F2ONKN.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/config/cerbIcons.ts"],"sourcesContent":["import {\n Checkmark,\n CheckmarkFilled,\n ChevronDown,\n CloudUpload,\n ErrorFilled,\n Information,\n InformationFilled,\n WarningFilled,\n type CarbonIconType,\n} from '@cerberus/icons'\nimport type { ElementType } from 'react'\n\nexport type IconType = CarbonIconType | ElementType\n\nexport interface DefinedIcons {\n confirmModal?: IconType\n promptModal?: IconType\n fileUploader?: IconType\n infoNotification?: IconType\n successNotification?: IconType\n warningNotification?: IconType\n dangerNotification?: IconType\n invalid: IconType\n selectArrow?: IconType\n toggleChecked?: IconType\n}\n\nexport const defaultIcons: DefinedIcons = {\n confirmModal: Information,\n promptModal: Information,\n fileUploader: CloudUpload,\n infoNotification: InformationFilled,\n successNotification: CheckmarkFilled,\n warningNotification: WarningFilled,\n dangerNotification: ErrorFilled,\n invalid: WarningFilled,\n selectArrow: ChevronDown,\n toggleChecked: Checkmark,\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAkBA,IAAM,eAA6B;AAAA,EACxC,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,aAAa;AAAA,EACb,eAAe;AACjB;","names":[]}
@@ -27,7 +27,7 @@ import {
27
27
  } from "./chunk-KESKDLX6.js";
28
28
  import {
29
29
  $cerberusIcons
30
- } from "./chunk-BEYPMC73.js";
30
+ } from "./chunk-TSUSAKL3.js";
31
31
  import {
32
32
  useModal
33
33
  } from "./chunk-TZNYJ3G7.js";
@@ -152,4 +152,4 @@ export {
152
152
  ConfirmModal,
153
153
  useConfirmModal
154
154
  };
155
- //# sourceMappingURL=chunk-AAKIOHAX.js.map
155
+ //# sourceMappingURL=chunk-ITND4I7J.js.map
@@ -0,0 +1,68 @@
1
+ import {
2
+ useFieldContext
3
+ } from "./chunk-ZAU4JVLL.js";
4
+ import {
5
+ Show
6
+ } from "./chunk-4O4QFF4S.js";
7
+ import {
8
+ $cerberusIcons
9
+ } from "./chunk-TSUSAKL3.js";
10
+
11
+ // src/components/Select.tsx
12
+ import { cx } from "@cerberus/styled-system/css";
13
+ import { hstack } from "@cerberus/styled-system/patterns";
14
+ import {
15
+ select
16
+ } from "@cerberus/styled-system/recipes";
17
+ import { jsx, jsxs } from "react/jsx-runtime";
18
+ function Select(props) {
19
+ const { describedBy, size, ...nativeProps } = props;
20
+ const { invalid, ...fieldStates } = useFieldContext();
21
+ const { invalid: InvalidIcon, selectArrow: SelectArrow } = $cerberusIcons;
22
+ const styles = select({
23
+ size
24
+ });
25
+ return /* @__PURE__ */ jsxs("div", { className: styles.root, children: [
26
+ /* @__PURE__ */ jsx(
27
+ "select",
28
+ {
29
+ ...nativeProps,
30
+ ...fieldStates,
31
+ ...describedBy && { "aria-describedby": describedBy },
32
+ ...invalid && { "aria-invalid": true },
33
+ className: styles.input
34
+ }
35
+ ),
36
+ /* @__PURE__ */ jsxs(
37
+ "span",
38
+ {
39
+ className: cx(
40
+ styles.iconStack,
41
+ hstack({
42
+ gap: "2"
43
+ })
44
+ ),
45
+ children: [
46
+ /* @__PURE__ */ jsx(Show, { when: invalid, children: /* @__PURE__ */ jsx(
47
+ "span",
48
+ {
49
+ ...invalid && { "data-invalid": true },
50
+ className: styles.stateIcon,
51
+ children: /* @__PURE__ */ jsx(InvalidIcon, {})
52
+ }
53
+ ) }),
54
+ /* @__PURE__ */ jsx("span", { className: styles.arrowIcon, children: /* @__PURE__ */ jsx(SelectArrow, {}) })
55
+ ]
56
+ }
57
+ )
58
+ ] });
59
+ }
60
+ function Option(props) {
61
+ return /* @__PURE__ */ jsx("option", { ...props });
62
+ }
63
+
64
+ export {
65
+ Select,
66
+ Option
67
+ };
68
+ //# sourceMappingURL=chunk-MINQJYGV.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/components/Select.tsx"],"sourcesContent":["'use client'\n\nimport { cx } from '@cerberus/styled-system/css'\nimport { hstack } from '@cerberus/styled-system/patterns'\nimport {\n select,\n type SelectVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport type { OptionHTMLAttributes, SelectHTMLAttributes } from 'react'\nimport { $cerberusIcons } from '../config/defineIcons'\nimport { useFieldContext } from '../context/field'\nimport { Show } from './Show'\n\n/**\n * This module contains the select components.\n * @module\n */\n\nexport type SelectProps = Omit<\n SelectHTMLAttributes<HTMLSelectElement>,\n 'size'\n> &\n SelectVariantProps & {\n id: string\n describedBy?: string\n }\n\n/**\n * Select component\n * props: SelectHTMLAttributes<HTMLSelectElement> & SelectVariantProps & { describedBy?: string }\n * @example\n * ```tsx\n * <Select describedby=\"help:fruit\" id=\"fruit\">\n * <Option value=\"\">Choose option</Option>\n * <Option value=\"one\">Option 1</Option>\n * <Option value=\"two\">Option 2</Option>\n * <Option value=\"three\">Option 3</Option>\n * </Select>\n * ```\n */\nexport function Select(props: SelectProps) {\n const { describedBy, size, ...nativeProps } = props\n const { invalid, ...fieldStates } = useFieldContext()\n const { invalid: InvalidIcon, selectArrow: SelectArrow } = $cerberusIcons\n const styles = select({\n size,\n })\n\n return (\n <div className={styles.root}>\n <select\n {...nativeProps}\n {...fieldStates}\n {...(describedBy && { 'aria-describedby': describedBy })}\n {...(invalid && { 'aria-invalid': true })}\n className={styles.input}\n />\n <span\n className={cx(\n styles.iconStack,\n hstack({\n gap: '2',\n }),\n )}\n >\n <Show when={invalid}>\n <span\n {...(invalid && { 'data-invalid': true })}\n className={styles.stateIcon}\n >\n <InvalidIcon />\n </span>\n </Show>\n <span className={styles.arrowIcon}>\n <SelectArrow />\n </span>\n </span>\n </div>\n )\n}\n\n// We only export this component for consistency with the other components\n\nexport type OptionProps = OptionHTMLAttributes<HTMLOptionElement>\n\n/**\n * Option component\n * props: OptionHTMLAttributes<HTMLOptionElement>\n * @example\n * ```tsx\n * <Option value=\"one\">Option 1</Option>\n * ```\n */\nexport function Option(props: OptionProps) {\n return <option {...props} />\n}\n"],"mappings":";;;;;;;;;;;AAEA,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,OAEK;AA2CD,cAOA,YAPA;AAVC,SAAS,OAAO,OAAoB;AACzC,QAAM,EAAE,aAAa,MAAM,GAAG,YAAY,IAAI;AAC9C,QAAM,EAAE,SAAS,GAAG,YAAY,IAAI,gBAAgB;AACpD,QAAM,EAAE,SAAS,aAAa,aAAa,YAAY,IAAI;AAC3D,QAAM,SAAS,OAAO;AAAA,IACpB;AAAA,EACF,CAAC;AAED,SACE,qBAAC,SAAI,WAAW,OAAO,MACrB;AAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAI,eAAe,EAAE,oBAAoB,YAAY;AAAA,QACrD,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,QACvC,WAAW,OAAO;AAAA;AAAA,IACpB;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT,OAAO;AAAA,UACP,OAAO;AAAA,YACL,KAAK;AAAA,UACP,CAAC;AAAA,QACH;AAAA,QAEA;AAAA,8BAAC,QAAK,MAAM,SACV;AAAA,YAAC;AAAA;AAAA,cACE,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,cACvC,WAAW,OAAO;AAAA,cAElB,8BAAC,eAAY;AAAA;AAAA,UACf,GACF;AAAA,UACA,oBAAC,UAAK,WAAW,OAAO,WACtB,8BAAC,eAAY,GACf;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAcO,SAAS,OAAO,OAAoB;AACzC,SAAO,oBAAC,YAAQ,GAAG,OAAO;AAC5B;","names":[]}
@@ -18,12 +18,13 @@ function Label(props) {
18
18
  "label",
19
19
  {
20
20
  ...nativeProps,
21
- "data-disabled": disabled,
21
+ ...disabled && { "data-disabled": true },
22
22
  className: cx(
23
23
  nativeProps.className,
24
24
  label({ size, usage }),
25
25
  hstack({
26
- justify: "space-between"
26
+ justify: "space-between",
27
+ w: "full"
27
28
  })
28
29
  ),
29
30
  children: [
@@ -32,7 +33,7 @@ function Label(props) {
32
33
  "span",
33
34
  {
34
35
  className: css({
35
- color: "page.text.100",
36
+ color: "inherit",
36
37
  fontSize: "inherit"
37
38
  }),
38
39
  children: "(required)"
@@ -46,4 +47,4 @@ function Label(props) {
46
47
  export {
47
48
  Label
48
49
  };
49
- //# sourceMappingURL=chunk-JJGZRBIR.js.map
50
+ //# sourceMappingURL=chunk-RQPDRHRP.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/components/Label.tsx"],"sourcesContent":["'use client'\n\nimport type { HTMLAttributes, PropsWithChildren } from 'react'\nimport { label } from '@cerberus/styled-system/recipes'\nimport { css, cx, type RecipeVariantProps } from '@cerberus/styled-system/css'\nimport { hstack } from '@cerberus/styled-system/patterns'\nimport { useFieldContext } from '../context/field'\nimport { Show } from './Show'\n\n/**\n * This module contains the Label component.\n * @module\n */\n\nexport type LabelRecipeProps = RecipeVariantProps<typeof label>\nexport interface LabelBaseProps extends HTMLAttributes<HTMLLabelElement> {\n htmlFor: string\n hidden?: boolean\n}\nexport type LabelProps = LabelBaseProps & LabelRecipeProps\n\n/**\n * A screen ready friendly label component.\n * @definition [ARIA Forms](https://www.a11yproject.com/checklist/#forms)\n * @definition [Label docs](https://cerberus.digitalu.design/react/label)\n * @example\n * ```tsx\n * <Field required>\n * <Label htmlFor=\"test\">Test Label</Label>\n * </Field>\n * ```\n */\nexport function Label(props: PropsWithChildren<LabelProps>) {\n const { hidden, size, ...nativeProps } = props\n const { required, disabled } = useFieldContext()\n const usage = hidden ? 'hidden' : 'visible'\n\n return (\n <label\n {...nativeProps}\n data-disabled={disabled}\n className={cx(\n nativeProps.className,\n label({ size, usage }),\n hstack({\n justify: 'space-between',\n }),\n )}\n >\n {props.children}\n <Show when={required}>\n <span\n className={css({\n color: 'page.text.100',\n fontSize: 'inherit',\n })}\n >\n (required)\n </span>\n </Show>\n </label>\n )\n}\n"],"mappings":";;;;;;;;AAGA,SAAS,aAAa;AACtB,SAAS,KAAK,UAAmC;AACjD,SAAS,cAAc;AAiCnB,SAaI,KAbJ;AANG,SAAS,MAAM,OAAsC;AAC1D,QAAM,EAAE,QAAQ,MAAM,GAAG,YAAY,IAAI;AACzC,QAAM,EAAE,UAAU,SAAS,IAAI,gBAAgB;AAC/C,QAAM,QAAQ,SAAS,WAAW;AAElC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,iBAAe;AAAA,MACf,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA,QACrB,OAAO;AAAA,UACL,SAAS;AAAA,QACX,CAAC;AAAA,MACH;AAAA,MAEC;AAAA,cAAM;AAAA,QACP,oBAAC,QAAK,MAAM,UACV;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,IAAI;AAAA,cACb,OAAO;AAAA,cACP,UAAU;AAAA,YACZ,CAAC;AAAA,YACF;AAAA;AAAA,QAED,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
1
+ {"version":3,"sources":["../../src/components/Label.tsx"],"sourcesContent":["'use client'\n\nimport type { HTMLAttributes, PropsWithChildren } from 'react'\nimport { label } from '@cerberus/styled-system/recipes'\nimport { css, cx, type RecipeVariantProps } from '@cerberus/styled-system/css'\nimport { hstack } from '@cerberus/styled-system/patterns'\nimport { useFieldContext } from '../context/field'\nimport { Show } from './Show'\n\n/**\n * This module contains the Label component.\n * @module\n */\n\nexport type LabelRecipeProps = RecipeVariantProps<typeof label>\nexport interface LabelBaseProps extends HTMLAttributes<HTMLLabelElement> {\n htmlFor: string\n hidden?: boolean\n}\nexport type LabelProps = LabelBaseProps & LabelRecipeProps\n\n/**\n * A screen ready friendly label component.\n * @definition [ARIA Forms](https://www.a11yproject.com/checklist/#forms)\n * @definition [Label docs](https://cerberus.digitalu.design/react/label)\n * @example\n * ```tsx\n * <Field required>\n * <Label htmlFor=\"test\">Test Label</Label>\n * </Field>\n * ```\n */\nexport function Label(props: PropsWithChildren<LabelProps>) {\n const { hidden, size, ...nativeProps } = props\n const { required, disabled } = useFieldContext()\n const usage = hidden ? 'hidden' : 'visible'\n\n return (\n <label\n {...nativeProps}\n {...(disabled && { 'data-disabled': true })}\n className={cx(\n nativeProps.className,\n label({ size, usage }),\n hstack({\n justify: 'space-between',\n w: 'full',\n }),\n )}\n >\n {props.children}\n <Show when={required}>\n <span\n className={css({\n color: 'inherit',\n fontSize: 'inherit',\n })}\n >\n (required)\n </span>\n </Show>\n </label>\n )\n}\n"],"mappings":";;;;;;;;AAGA,SAAS,aAAa;AACtB,SAAS,KAAK,UAAmC;AACjD,SAAS,cAAc;AAiCnB,SAcI,KAdJ;AANG,SAAS,MAAM,OAAsC;AAC1D,QAAM,EAAE,QAAQ,MAAM,GAAG,YAAY,IAAI;AACzC,QAAM,EAAE,UAAU,SAAS,IAAI,gBAAgB;AAC/C,QAAM,QAAQ,SAAS,WAAW;AAElC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAI,YAAY,EAAE,iBAAiB,KAAK;AAAA,MACzC,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA,QACrB,OAAO;AAAA,UACL,SAAS;AAAA,UACT,GAAG;AAAA,QACL,CAAC;AAAA,MACH;AAAA,MAEC;AAAA,cAAM;AAAA,QACP,oBAAC,QAAK,MAAM,UACV;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,IAAI;AAAA,cACb,OAAO;AAAA,cACP,UAAU;AAAA,YACZ,CAAC;AAAA,YACF;AAAA;AAAA,QAED,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  defaultIcons
3
- } from "./chunk-GVNPFXKL.js";
3
+ } from "./chunk-H4F2ONKN.js";
4
4
 
5
5
  // src/config/defineIcons.ts
6
6
  function _validateIconsProperties(icons) {
@@ -24,4 +24,4 @@ export {
24
24
  defineIcons,
25
25
  $cerberusIcons
26
26
  };
27
- //# sourceMappingURL=chunk-BEYPMC73.js.map
27
+ //# sourceMappingURL=chunk-TSUSAKL3.js.map
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk-4O4QFF4S.js";
7
7
  import {
8
8
  $cerberusIcons
9
- } from "./chunk-BEYPMC73.js";
9
+ } from "./chunk-TSUSAKL3.js";
10
10
 
11
11
  // src/components/Input.tsx
12
12
  import { input } from "@cerberus/styled-system/recipes";
@@ -39,4 +39,4 @@ function Input(props) {
39
39
  export {
40
40
  Input
41
41
  };
42
- //# sourceMappingURL=chunk-XB4ZRAH4.js.map
42
+ //# sourceMappingURL=chunk-URKYD3YB.js.map
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk-KESKDLX6.js";
4
4
  import {
5
5
  $cerberusIcons
6
- } from "./chunk-BEYPMC73.js";
6
+ } from "./chunk-TSUSAKL3.js";
7
7
 
8
8
  // src/components/Notification.tsx
9
9
  import { cx } from "@cerberus/styled-system/css";
@@ -73,4 +73,4 @@ function Notification(props) {
73
73
  export {
74
74
  Notification
75
75
  };
76
- //# sourceMappingURL=chunk-LF2QFS5S.js.map
76
+ //# sourceMappingURL=chunk-XYCRUMOL.js.map
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk-ZAU4JVLL.js";
4
4
  import {
5
5
  $cerberusIcons
6
- } from "./chunk-BEYPMC73.js";
6
+ } from "./chunk-TSUSAKL3.js";
7
7
 
8
8
  // src/components/Toggle.tsx
9
9
  import { cx } from "@cerberus/styled-system/css";
@@ -55,4 +55,4 @@ function Toggle(props) {
55
55
  export {
56
56
  Toggle
57
57
  };
58
- //# sourceMappingURL=chunk-IL5ELPTT.js.map
58
+ //# sourceMappingURL=chunk-YRGASCC5.js.map
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import {
3
3
  FileUploader
4
- } from "../chunk-SMCEFK6Q.js";
4
+ } from "../chunk-CWZON7EZ.js";
5
5
  import "../chunk-4O4QFF4S.js";
6
- import "../chunk-BEYPMC73.js";
7
- import "../chunk-GVNPFXKL.js";
6
+ import "../chunk-TSUSAKL3.js";
7
+ import "../chunk-H4F2ONKN.js";
8
8
  export {
9
9
  FileUploader
10
10
  };
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import {
3
3
  Input
4
- } from "../chunk-XB4ZRAH4.js";
4
+ } from "../chunk-URKYD3YB.js";
5
5
  import "../chunk-ZAU4JVLL.js";
6
6
  import "../chunk-4O4QFF4S.js";
7
- import "../chunk-BEYPMC73.js";
8
- import "../chunk-GVNPFXKL.js";
7
+ import "../chunk-TSUSAKL3.js";
8
+ import "../chunk-H4F2ONKN.js";
9
9
  export {
10
10
  Input
11
11
  };
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  Label
4
- } from "../chunk-JJGZRBIR.js";
4
+ } from "../chunk-RQPDRHRP.js";
5
5
  import "../chunk-ZAU4JVLL.js";
6
6
  import "../chunk-4O4QFF4S.js";
7
7
  export {
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import {
3
3
  Notification
4
- } from "../chunk-LF2QFS5S.js";
4
+ } from "../chunk-XYCRUMOL.js";
5
5
  import "../chunk-KESKDLX6.js";
6
- import "../chunk-BEYPMC73.js";
7
- import "../chunk-GVNPFXKL.js";
6
+ import "../chunk-TSUSAKL3.js";
7
+ import "../chunk-H4F2ONKN.js";
8
8
  export {
9
9
  Notification
10
10
  };
@@ -0,0 +1,14 @@
1
+ "use client";
2
+ import {
3
+ Option,
4
+ Select
5
+ } from "../chunk-MINQJYGV.js";
6
+ import "../chunk-ZAU4JVLL.js";
7
+ import "../chunk-4O4QFF4S.js";
8
+ import "../chunk-TSUSAKL3.js";
9
+ import "../chunk-H4F2ONKN.js";
10
+ export {
11
+ Option,
12
+ Select
13
+ };
14
+ //# sourceMappingURL=Select.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import {
3
3
  Toggle
4
- } from "../chunk-IL5ELPTT.js";
4
+ } from "../chunk-YRGASCC5.js";
5
5
  import "../chunk-ZAU4JVLL.js";
6
- import "../chunk-BEYPMC73.js";
7
- import "../chunk-GVNPFXKL.js";
6
+ import "../chunk-TSUSAKL3.js";
7
+ import "../chunk-H4F2ONKN.js";
8
8
  export {
9
9
  Toggle
10
10
  };
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  defaultIcons
3
- } from "../chunk-GVNPFXKL.js";
3
+ } from "../chunk-H4F2ONKN.js";
4
4
  export {
5
5
  defaultIcons
6
6
  };
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  $cerberusIcons,
3
3
  defineIcons
4
- } from "../chunk-BEYPMC73.js";
5
- import "../chunk-GVNPFXKL.js";
4
+ } from "../chunk-TSUSAKL3.js";
5
+ import "../chunk-H4F2ONKN.js";
6
6
  export {
7
7
  $cerberusIcons,
8
8
  defineIcons
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  ConfirmModal,
4
4
  useConfirmModal
5
- } from "../chunk-AAKIOHAX.js";
5
+ } from "../chunk-ITND4I7J.js";
6
6
  import "../chunk-4CAT3FHV.js";
7
7
  import "../chunk-2UFNQM55.js";
8
8
  import "../chunk-4M4LCQ43.js";
@@ -12,8 +12,8 @@ import "../chunk-JJP2TFTU.js";
12
12
  import "../chunk-6F34A7NZ.js";
13
13
  import "../chunk-4O4QFF4S.js";
14
14
  import "../chunk-KESKDLX6.js";
15
- import "../chunk-BEYPMC73.js";
16
- import "../chunk-GVNPFXKL.js";
15
+ import "../chunk-TSUSAKL3.js";
16
+ import "../chunk-H4F2ONKN.js";
17
17
  import "../chunk-TZNYJ3G7.js";
18
18
  export {
19
19
  ConfirmModal,
@@ -2,16 +2,16 @@
2
2
  import {
3
3
  NotificationCenter,
4
4
  useNotificationCenter
5
- } from "../chunk-2VPKILZ6.js";
6
- import "../chunk-LF2QFS5S.js";
5
+ } from "../chunk-4DPGADIC.js";
6
+ import "../chunk-XYCRUMOL.js";
7
7
  import "../chunk-HW76XVA3.js";
8
8
  import "../chunk-3C2DJSEE.js";
9
9
  import "../chunk-4CAT3FHV.js";
10
10
  import "../chunk-6F34A7NZ.js";
11
11
  import "../chunk-4O4QFF4S.js";
12
12
  import "../chunk-KESKDLX6.js";
13
- import "../chunk-BEYPMC73.js";
14
- import "../chunk-GVNPFXKL.js";
13
+ import "../chunk-TSUSAKL3.js";
14
+ import "../chunk-H4F2ONKN.js";
15
15
  export {
16
16
  NotificationCenter,
17
17
  useNotificationCenter
@@ -2,10 +2,10 @@
2
2
  import {
3
3
  PromptModal,
4
4
  usePromptModal
5
- } from "../chunk-L46XIE3D.js";
5
+ } from "../chunk-6CNSWNE2.js";
6
6
  import "../chunk-4CAT3FHV.js";
7
- import "../chunk-XB4ZRAH4.js";
8
- import "../chunk-JJGZRBIR.js";
7
+ import "../chunk-URKYD3YB.js";
8
+ import "../chunk-RQPDRHRP.js";
9
9
  import "../chunk-2UFNQM55.js";
10
10
  import "../chunk-4M4LCQ43.js";
11
11
  import "../chunk-QU7UV5DB.js";
@@ -15,8 +15,8 @@ import "../chunk-6F34A7NZ.js";
15
15
  import "../chunk-ZAU4JVLL.js";
16
16
  import "../chunk-4O4QFF4S.js";
17
17
  import "../chunk-KESKDLX6.js";
18
- import "../chunk-BEYPMC73.js";
19
- import "../chunk-GVNPFXKL.js";
18
+ import "../chunk-TSUSAKL3.js";
19
+ import "../chunk-H4F2ONKN.js";
20
20
  import "../chunk-TZNYJ3G7.js";
21
21
  export {
22
22
  PromptModal,
@@ -1,7 +1,14 @@
1
+ import {
2
+ NotificationCenter,
3
+ useNotificationCenter
4
+ } from "./chunk-4DPGADIC.js";
1
5
  import {
2
6
  PromptModal,
3
7
  usePromptModal
4
- } from "./chunk-L46XIE3D.js";
8
+ } from "./chunk-6CNSWNE2.js";
9
+ import {
10
+ Textarea
11
+ } from "./chunk-TCO46FK7.js";
5
12
  import {
6
13
  Th
7
14
  } from "./chunk-3GXISGPS.js";
@@ -10,15 +17,11 @@ import {
10
17
  } from "./chunk-N3FUF4TB.js";
11
18
  import {
12
19
  Toggle
13
- } from "./chunk-IL5ELPTT.js";
20
+ } from "./chunk-YRGASCC5.js";
14
21
  import {
15
22
  ConfirmModal,
16
23
  useConfirmModal
17
- } from "./chunk-AAKIOHAX.js";
18
- import {
19
- NotificationCenter,
20
- useNotificationCenter
21
- } from "./chunk-2VPKILZ6.js";
24
+ } from "./chunk-ITND4I7J.js";
22
25
  import {
23
26
  Tab
24
27
  } from "./chunk-NE5NHILF.js";
@@ -41,9 +44,6 @@ import {
41
44
  import {
42
45
  Td
43
46
  } from "./chunk-XREC5IJE.js";
44
- import {
45
- Textarea
46
- } from "./chunk-TCO46FK7.js";
47
47
  import {
48
48
  NavMenuList,
49
49
  getPosition
@@ -57,7 +57,7 @@ import {
57
57
  } from "./chunk-KJUCHZHV.js";
58
58
  import {
59
59
  Notification
60
- } from "./chunk-LF2QFS5S.js";
60
+ } from "./chunk-XYCRUMOL.js";
61
61
  import {
62
62
  NotificationDescription
63
63
  } from "./chunk-HW76XVA3.js";
@@ -70,12 +70,16 @@ import {
70
70
  import {
71
71
  Radio
72
72
  } from "./chunk-PH64POOB.js";
73
+ import {
74
+ Option,
75
+ Select
76
+ } from "./chunk-MINQJYGV.js";
73
77
  import {
74
78
  Input
75
- } from "./chunk-XB4ZRAH4.js";
79
+ } from "./chunk-URKYD3YB.js";
76
80
  import {
77
81
  Label
78
- } from "./chunk-JJGZRBIR.js";
82
+ } from "./chunk-RQPDRHRP.js";
79
83
  import {
80
84
  Modal
81
85
  } from "./chunk-2UFNQM55.js";
@@ -126,7 +130,7 @@ import {
126
130
  } from "./chunk-ZAU4JVLL.js";
127
131
  import {
128
132
  FileUploader
129
- } from "./chunk-SMCEFK6Q.js";
133
+ } from "./chunk-CWZON7EZ.js";
130
134
  import {
131
135
  Show
132
136
  } from "./chunk-4O4QFF4S.js";
@@ -151,8 +155,8 @@ import {
151
155
  import {
152
156
  $cerberusIcons,
153
157
  defineIcons
154
- } from "./chunk-BEYPMC73.js";
155
- import "./chunk-GVNPFXKL.js";
158
+ } from "./chunk-TSUSAKL3.js";
159
+ import "./chunk-H4F2ONKN.js";
156
160
  import {
157
161
  useModal
158
162
  } from "./chunk-TZNYJ3G7.js";
@@ -186,9 +190,11 @@ export {
186
190
  NotificationCenter,
187
191
  NotificationDescription,
188
192
  NotificationHeading,
193
+ Option,
189
194
  Portal,
190
195
  PromptModal,
191
196
  Radio,
197
+ Select,
192
198
  Show,
193
199
  THEME_KEY,
194
200
  Tab,