@uva-glass/component-library 3.50.15 → 3.52.0

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 (110) hide show
  1. package/dist/RteEditor.module-CUi7Vqe8.js +37 -0
  2. package/dist/RteEditor.module-CUi7Vqe8.js.map +1 -0
  3. package/dist/{SelectListbox.module-CgZyIxwT.js → SelectListbox.module-CXqMuXRB.js} +24 -23
  4. package/dist/SelectListbox.module-CXqMuXRB.js.map +1 -0
  5. package/dist/{TablePlugin-CeZO4BR1.js → TablePlugin-BLbsvcuu.js} +2 -2
  6. package/dist/{TablePlugin-CeZO4BR1.js.map → TablePlugin-BLbsvcuu.js.map} +1 -1
  7. package/dist/assets/CheckboxButtonBar.css +1 -1
  8. package/dist/assets/FormInput.css +1 -1
  9. package/dist/assets/InputField.css +1 -1
  10. package/dist/assets/MetaDataBar.css +1 -0
  11. package/dist/assets/RteEditor.css +1 -1
  12. package/dist/assets/SelectListbox.css +1 -1
  13. package/dist/components/Accordion/Accordion.test.js +3 -3
  14. package/dist/components/AccordionCard/AccordionCard.test.js +3 -3
  15. package/dist/components/ActionList/ActionList.test.js +3 -3
  16. package/dist/components/AppStatusBar/AppStatusBar.test.js +2 -2
  17. package/dist/components/Attention/Attention.test.js +2 -2
  18. package/dist/components/Backdrop/Backdrop.test.js +2 -2
  19. package/dist/components/Buttons/Button.test.js +2 -2
  20. package/dist/components/Buttons/LinkButton.test.js +2 -2
  21. package/dist/components/Buttons/MenuButton.test.js +2 -2
  22. package/dist/components/Card/Card.test.js +2 -2
  23. package/dist/components/Checkbox/Checkbox.test.js +3 -3
  24. package/dist/components/CheckboxButtonBar/CheckboxButtonBar.d.ts +3 -3
  25. package/dist/components/CheckboxButtonBar/CheckboxButtonBar.js +45 -45
  26. package/dist/components/CheckboxButtonBar/CheckboxButtonBar.js.map +1 -1
  27. package/dist/components/CheckboxButtonBar/CheckboxButtonBar.test.js +2 -2
  28. package/dist/components/CheckboxTree/CheckboxTree.js +1 -1
  29. package/dist/components/FeedbackBar/FeedbackBar.test.js +2 -2
  30. package/dist/components/FormInput/FormInput.d.ts +3 -1
  31. package/dist/components/FormInput/FormInput.js +35 -31
  32. package/dist/components/FormInput/FormInput.js.map +1 -1
  33. package/dist/components/Icon/icons/index.d.ts +6 -0
  34. package/dist/components/Icon/icons/index.js +16 -11
  35. package/dist/components/Icon/icons/index.js.map +1 -1
  36. package/dist/components/InputField/InputField.d.ts +2 -0
  37. package/dist/components/InputField/InputField.js +29 -26
  38. package/dist/components/InputField/InputField.js.map +1 -1
  39. package/dist/components/InputField/InputField.stories.js +1 -1
  40. package/dist/components/Label/Label.test.js +2 -2
  41. package/dist/components/MetaDataBar/MetaDataBar.d.ts +11 -0
  42. package/dist/components/MetaDataBar/MetaDataBar.js +13 -0
  43. package/dist/components/MetaDataBar/MetaDataBar.js.map +1 -0
  44. package/dist/components/MetaDataBar/MetaDataBar.stories.d.ts +5 -0
  45. package/dist/components/MetaDataBar/MetaDataBar.stories.js +21 -0
  46. package/dist/components/MetaDataBar/MetaDataBar.stories.js.map +1 -0
  47. package/dist/components/MetaDataBar/MetaDataBar.test.d.ts +1 -0
  48. package/dist/components/MetaDataBar/MetaDataBar.test.js +18 -0
  49. package/dist/components/MetaDataBar/MetaDataBar.test.js.map +1 -0
  50. package/dist/components/MetaDataBar/index.d.ts +1 -0
  51. package/dist/components/MetaDataBar/index.js +5 -0
  52. package/dist/components/MetaDataBar/index.js.map +1 -0
  53. package/dist/components/MultiSelect/MultiSelect.js +1 -1
  54. package/dist/components/MultiSelect/MultiSelect.stories.js +1 -1
  55. package/dist/components/MultiSelect/components/MultiSelectHeader.js +1 -1
  56. package/dist/components/MultiSelect/index.js +1 -1
  57. package/dist/components/MultiSelectBox/MultiSelectBox.test.js +2 -2
  58. package/dist/components/Notification/Notification.test.js +2 -2
  59. package/dist/components/PeriodSelector/PeriodSelector.js +13 -13
  60. package/dist/components/PeriodSelector/PeriodSelector.js.map +1 -1
  61. package/dist/components/ProgrammeCard/ProgrammeCard.stories.js +1 -1
  62. package/dist/components/RadioGroup/Radiogroup.test.js +2 -2
  63. package/dist/components/RadioTabSelector/RadioTabSelector.js +1 -1
  64. package/dist/components/RteEditor/EditorHeader/EditorHeader.js +1 -1
  65. package/dist/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.js +1 -1
  66. package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js +2 -2
  67. package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkForm/AddLinkFrom.js +1 -1
  68. package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js +2 -2
  69. package/dist/components/RteEditor/Plugins/ListPlugin/ListPlugin.js +1 -1
  70. package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js +1 -1
  71. package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js +2 -2
  72. package/dist/components/RteEditor/Plugins/TablePlugin/index.js +1 -1
  73. package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js +2 -2
  74. package/dist/components/RteEditor/Plugins/index.js +1 -1
  75. package/dist/components/RteEditor/RteEditor.d.ts +8 -6
  76. package/dist/components/RteEditor/RteEditor.js +367 -356
  77. package/dist/components/RteEditor/RteEditor.js.map +1 -1
  78. package/dist/components/RteEditor/UvaTheme/UvaTheme.js +1 -1
  79. package/dist/components/SelectListbox/SelectListbox.d.ts +4 -2
  80. package/dist/components/SelectListbox/SelectListbox.js +20 -18
  81. package/dist/components/SelectListbox/SelectListbox.js.map +1 -1
  82. package/dist/components/SelectListbox/components/SelectButton.d.ts +1 -0
  83. package/dist/components/SelectListbox/components/SelectButton.js +34 -25
  84. package/dist/components/SelectListbox/components/SelectButton.js.map +1 -1
  85. package/dist/components/SelectListbox/components/SelectContainer.js +1 -1
  86. package/dist/components/SelectListbox/components/SelectOption.js +1 -1
  87. package/dist/components/SelectListbox/components/SelectOptionBox.js +1 -1
  88. package/dist/components/StatusBadge/StatusBadge.test.js +2 -2
  89. package/dist/components/TextArea/TextArea.test.js +2 -2
  90. package/dist/components/VarIndicator/VarIndicator.test.js +3 -3
  91. package/dist/components/index.d.ts +1 -0
  92. package/dist/components/index.js +70 -68
  93. package/dist/components/index.js.map +1 -1
  94. package/dist/{index-Bf2LCbD1.js → index-C_1Z-Fok.js} +2 -2
  95. package/dist/{index-Bf2LCbD1.js.map → index-C_1Z-Fok.js.map} +1 -1
  96. package/dist/index-D6WVIfcJ.js +6039 -0
  97. package/dist/index-D6WVIfcJ.js.map +1 -0
  98. package/dist/index-DYPpFe2R.js +2364 -0
  99. package/dist/index-DYPpFe2R.js.map +1 -0
  100. package/dist/index.js +70 -68
  101. package/dist/index.js.map +1 -1
  102. package/dist/{react.esm-Bg7Fh9lz.js → react.esm-DdELhthz.js} +2 -2
  103. package/dist/{react.esm-Bg7Fh9lz.js.map → react.esm-DdELhthz.js.map} +1 -1
  104. package/dist/setupTests.js +1 -1
  105. package/package.json +5 -5
  106. package/dist/RteEditor.module-CmYZ4MmA.js +0 -36
  107. package/dist/RteEditor.module-CmYZ4MmA.js.map +0 -1
  108. package/dist/SelectListbox.module-CgZyIxwT.js.map +0 -1
  109. package/dist/index-JOHbZ4si.js +0 -8400
  110. package/dist/index-JOHbZ4si.js.map +0 -1
@@ -1,95 +1,95 @@
1
- import { jsxs as F, jsx as b } from "react/jsx-runtime";
1
+ import { jsxs as F, jsx as r } from "react/jsx-runtime";
2
2
  import { useState as S } from "react";
3
3
  import { c as a } from "../../clsx-OuTLNxxd.js";
4
4
  import { Label as L } from "../Label/Label.js";
5
5
  import { FeedbackBox as $ } from "../FeedbackBox/FeedbackBox.js";
6
6
  import { ControlsButton as C } from "../ControlsButton/ControlsButton.js";
7
- import '../../assets/CheckboxButtonBar.css';const c = {
8
- "checkbox-button-bar__container": "_checkbox-button-bar__container_114ld_1",
9
- "checkbox-button-bar__container--label-left": "_checkbox-button-bar__container--label-left_114ld_6",
10
- "checkbox-button-bar__container--label-top": "_checkbox-button-bar__container--label-top_114ld_12",
11
- "checkbox-button-bar__row-container": "_checkbox-button-bar__row-container_114ld_18",
12
- "checkbox-button-bar__row-container--segmented": "_checkbox-button-bar__row-container--segmented_114ld_24",
13
- "checkbox-button-bar__row": "_checkbox-button-bar__row_114ld_18",
14
- "checkbox-button-bar__row--not-validated": "_checkbox-button-bar__row--not-validated_114ld_39",
15
- "checkbox-button-bar__footer": "_checkbox-button-bar__footer_114ld_43"
7
+ import '../../assets/CheckboxButtonBar.css';const e = {
8
+ "checkbox-button-bar__container": "_checkbox-button-bar__container_1bsrf_1",
9
+ "checkbox-button-bar__container--label-left": "_checkbox-button-bar__container--label-left_1bsrf_6",
10
+ "checkbox-button-bar__container--label-top": "_checkbox-button-bar__container--label-top_1bsrf_12",
11
+ "checkbox-button-bar__row-container": "_checkbox-button-bar__row-container_1bsrf_18",
12
+ "checkbox-button-bar__row-container--segmented": "_checkbox-button-bar__row-container--segmented_1bsrf_24",
13
+ "checkbox-button-bar__row": "_checkbox-button-bar__row_1bsrf_18",
14
+ "checkbox-button-bar__row--not-valid": "_checkbox-button-bar__row--not-valid_1bsrf_39",
15
+ "checkbox-button-bar__footer": "_checkbox-button-bar__footer_1bsrf_43"
16
16
  }, K = ({
17
17
  checkboxes: x,
18
18
  defaultValues: n,
19
- label: d,
19
+ label: f,
20
20
  labelPosition: y = "top",
21
21
  required: j = !1,
22
- notValidated: m = !1,
22
+ notValid: m = !1,
23
23
  notValidatedText: _ = "",
24
- actAsRadioButtonBar: t = !1,
24
+ actAsRadioButtonBar: c = !1,
25
25
  footerText: u = "",
26
- disableGroup: f = !1,
26
+ disableGroup: d = !1,
27
27
  segmented: p = !1,
28
28
  forceSquared: w = !1,
29
29
  onSetValues: g
30
30
  }) => {
31
31
  const [l, v] = S(
32
- n && !t ? n.map(String) : n && t ? n.slice(0, 1) : []
33
- ), N = (e) => {
32
+ n && !c ? n.map(String) : n && c ? n.slice(0, 1) : []
33
+ ), N = (b) => {
34
34
  let o = l;
35
- t ? (v([e]), g([e])) : (o.includes(e) ? o = o.filter((r) => r !== e) : o = [...o, e], v(o), g(o));
35
+ c ? (v([b]), g([b])) : (o.includes(b) ? o = o.filter((t) => t !== b) : o = [...o, b], v(o), g(o));
36
36
  };
37
37
  return /* @__PURE__ */ F(
38
38
  "div",
39
39
  {
40
40
  className: a(
41
- c["checkbox-button-bar__container"],
42
- c[`checkbox-button-bar__container--label-${y}`]
41
+ e["checkbox-button-bar__container"],
42
+ e[`checkbox-button-bar__container--label-${y}`]
43
43
  ),
44
44
  children: [
45
- d && /* @__PURE__ */ b(L, { htmlFor: "", required: j, children: d }),
46
- /* @__PURE__ */ b(
45
+ f && /* @__PURE__ */ r(L, { htmlFor: "", required: j, children: f }),
46
+ /* @__PURE__ */ r(
47
47
  "div",
48
48
  {
49
- className: a(c["checkbox-button-bar__row-container"], {
50
- [c["checkbox-button-bar__row-container--segmented"]]: p
49
+ className: a(e["checkbox-button-bar__row-container"], {
50
+ [e["checkbox-button-bar__row-container--segmented"]]: p
51
51
  }),
52
- children: p ? x.map(({ label: e, value: o, prefix: r, tooltip: h, tooltipPosition: i, disabled: s }) => /* @__PURE__ */ b(
52
+ children: p ? x.map(({ label: b, value: o, prefix: t, tooltip: s, tooltipPosition: h, disabled: i }) => /* @__PURE__ */ r(
53
53
  "div",
54
54
  {
55
- className: a(c["checkbox-button-bar__row"], {
56
- [c["checkbox-button-bar__row--not-validated"]]: m || _
55
+ className: a(e["checkbox-button-bar__row"], {
56
+ [e["checkbox-button-bar__row--not-valid"]]: m || _
57
57
  }),
58
- children: /* @__PURE__ */ b(
58
+ children: /* @__PURE__ */ r(
59
59
  C,
60
60
  {
61
- type: t ? "radio" : "checkbox",
62
- label: e,
63
- prefix: r,
64
- tooltip: h,
65
- tooltipPosition: i,
61
+ type: c ? "radio" : "checkbox",
62
+ label: b,
63
+ prefix: t,
64
+ tooltip: s,
65
+ tooltipPosition: h,
66
66
  forceSquared: w,
67
67
  value: o,
68
68
  checked: l.includes(o),
69
- disabled: s || f,
69
+ disabled: i || d,
70
70
  onSetValue: (k) => N(k.target.value)
71
71
  }
72
72
  )
73
73
  },
74
74
  o
75
- )) : /* @__PURE__ */ b(
75
+ )) : /* @__PURE__ */ r(
76
76
  "div",
77
77
  {
78
- className: a(c["checkbox-button-bar__row"], {
79
- [c["checkbox-button-bar__row--not-validated"]]: m || _
78
+ className: a(e["checkbox-button-bar__row"], {
79
+ [e["checkbox-button-bar__row--not-valid"]]: m || _
80
80
  }),
81
- children: x.map(({ label: e, value: o, prefix: r, tooltip: h, tooltipPosition: i, disabled: s }) => /* @__PURE__ */ b(
81
+ children: x.map(({ label: b, value: o, prefix: t, tooltip: s, tooltipPosition: h, disabled: i }) => /* @__PURE__ */ r(
82
82
  C,
83
83
  {
84
- type: t ? "radio" : "checkbox",
85
- label: e,
86
- prefix: r,
87
- tooltip: h,
88
- tooltipPosition: i,
84
+ type: c ? "radio" : "checkbox",
85
+ label: b,
86
+ prefix: t,
87
+ tooltip: s,
88
+ tooltipPosition: h,
89
89
  forceSquared: w,
90
90
  value: o,
91
91
  checked: l.includes(o),
92
- disabled: s || f,
92
+ disabled: i || d,
93
93
  onSetValue: (k) => N(k.target.value)
94
94
  },
95
95
  o
@@ -98,8 +98,8 @@ import '../../assets/CheckboxButtonBar.css';const c = {
98
98
  )
99
99
  }
100
100
  ),
101
- u && /* @__PURE__ */ b("div", { className: c["checkbox-button-bar__footer"], children: u }),
102
- _ !== "" && /* @__PURE__ */ b($, { level: "error", feedback: _ })
101
+ u && /* @__PURE__ */ r("div", { className: e["checkbox-button-bar__footer"], children: u }),
102
+ _ !== "" && /* @__PURE__ */ r($, { level: "error", feedback: _ })
103
103
  ]
104
104
  }
105
105
  );
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxButtonBar.js","sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './CheckboxButtonBar.module.css';\n\nimport { Label } from 'components/Label';\nimport { FeedbackBox } from 'components/FeedbackBox';\nimport { ControlsButton } from 'components/ControlsButton';\n\ntype CheckboxProps = {\n label: string | ReactNode;\n value: string;\n prefix?: string;\n tooltip?: ReactNode;\n tooltipPosition?: 'left' | 'center' | 'right';\n disabled?: boolean;\n};\n\nexport interface CheckboxButtonBarProps {\n /** array with objects with label, value, prefix and disabled*/\n checkboxes: CheckboxProps[];\n //** array with value(s) */\n defaultValues?: string[];\n label?: string;\n /** 'top' | 'left' */\n labelPosition?: 'top' | 'left';\n /** `true` to show an asterisk to indicate an item is required; otherwise, `false`. */\n required?: boolean;\n /** `true` to color border red to show missing in validation; otherwise, `false`. */\n notValidated?: boolean;\n /** error text to display under the bar */\n notValidatedText?: string;\n /** returns an array with only one value */\n actAsRadioButtonBar?: boolean;\n /** optional footer text */\n footerText?: string;\n /** disables all checkboxes in the bar */\n disableGroup?: boolean;\n /** `true` to sepearte each button in their own bordered container */\n segmented?: boolean;\n /** `true` sets forceSquared on all buttons */\n forceSquared?: boolean;\n onSetValues: (value: string[]) => void;\n}\n\nexport const CheckboxButtonBar = ({\n checkboxes,\n defaultValues,\n label,\n labelPosition = 'top',\n required = false,\n notValidated = false,\n notValidatedText = '',\n actAsRadioButtonBar = false,\n footerText = '',\n disableGroup = false,\n segmented = false,\n forceSquared = false,\n onSetValues,\n}: CheckboxButtonBarProps) => {\n const [currentValues, setCurrentValues] = useState<string[]>(\n defaultValues && !actAsRadioButtonBar\n ? defaultValues.map(String)\n : defaultValues && actAsRadioButtonBar\n ? defaultValues.slice(0, 1)\n : []\n );\n\n const handleChange = (value: string) => {\n let values = currentValues;\n\n if (actAsRadioButtonBar) {\n setCurrentValues([value]);\n onSetValues([value]);\n } else {\n if (values.includes(value)) {\n values = values.filter((val) => val !== value);\n } else {\n values = [...values, value];\n }\n setCurrentValues(values);\n onSetValues(values);\n }\n };\n\n return (\n <div\n className={clsx(\n styles['checkbox-button-bar__container'],\n styles[`checkbox-button-bar__container--label-${labelPosition}`]\n )}\n >\n {label && (\n <Label htmlFor=\"\" required={required}>\n {label}\n </Label>\n )}\n\n <div\n className={clsx(styles['checkbox-button-bar__row-container'], {\n [styles['checkbox-button-bar__row-container--segmented']]: segmented,\n })}\n >\n {segmented ? (\n checkboxes.map(({ label, value, prefix, tooltip, tooltipPosition, disabled }) => (\n <div\n key={value}\n className={clsx(styles['checkbox-button-bar__row'], {\n [styles['checkbox-button-bar__row--not-validated']]: notValidated || notValidatedText,\n })}\n >\n <ControlsButton\n type={actAsRadioButtonBar ? 'radio' : 'checkbox'}\n label={label}\n prefix={prefix}\n tooltip={tooltip}\n tooltipPosition={tooltipPosition}\n forceSquared={forceSquared}\n value={value}\n checked={currentValues.includes(value)}\n disabled={disabled || disableGroup}\n onSetValue={(event) => handleChange(event.target.value)}\n />\n </div>\n ))\n ) : (\n <div\n className={clsx(styles['checkbox-button-bar__row'], {\n [styles['checkbox-button-bar__row--not-validated']]: notValidated || notValidatedText,\n })}\n >\n {checkboxes.map(({ label, value, prefix, tooltip, tooltipPosition, disabled }) => (\n <ControlsButton\n key={value}\n type={actAsRadioButtonBar ? 'radio' : 'checkbox'}\n label={label}\n prefix={prefix}\n tooltip={tooltip}\n tooltipPosition={tooltipPosition}\n forceSquared={forceSquared}\n value={value}\n checked={currentValues.includes(value)}\n disabled={disabled || disableGroup}\n onSetValue={(event) => handleChange(event.target.value)}\n />\n ))}\n </div>\n )}\n </div>\n\n {footerText && <div className={styles['checkbox-button-bar__footer']}>{footerText}</div>}\n {notValidatedText !== '' && <FeedbackBox level=\"error\" feedback={notValidatedText} />}\n </div>\n );\n};\n"],"names":["CheckboxButtonBar","checkboxes","defaultValues","label","labelPosition","required","notValidated","notValidatedText","actAsRadioButtonBar","footerText","disableGroup","segmented","forceSquared","onSetValues","currentValues","setCurrentValues","useState","handleChange","value","values","val","jsxs","clsx","styles","jsx","Label","prefix","tooltip","tooltipPosition","disabled","ControlsButton","event","FeedbackBox"],"mappings":"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"}
1
+ {"version":3,"file":"CheckboxButtonBar.js","sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './CheckboxButtonBar.module.css';\n\nimport { Label } from 'components/Label';\nimport { FeedbackBox } from 'components/FeedbackBox';\nimport { ControlsButton } from 'components/ControlsButton';\n\ntype CheckboxProps = {\n label: string | ReactNode;\n value: string;\n prefix?: string;\n tooltip?: ReactNode;\n tooltipPosition?: 'left' | 'center' | 'right';\n disabled?: boolean;\n};\n\nexport interface CheckboxButtonBarProps {\n /** array with objects with label, value, prefix and disabled*/\n checkboxes: CheckboxProps[];\n //** array with value(s) */\n defaultValues?: string[];\n label?: string;\n /** 'top' | 'left' */\n labelPosition?: 'top' | 'left';\n /** `true` to show an asterisk to indicate an item is required; otherwise, `false`. */\n required?: boolean;\n /** `true` to color border red to show not valid; otherwise, `false`. */\n notValid?: boolean;\n /** error text to display under the bar */\n notValidatedText?: string;\n /** returns an array with only one value */\n actAsRadioButtonBar?: boolean;\n /** optional footer text */\n footerText?: string;\n /** disables all checkboxes in the bar */\n disableGroup?: boolean;\n /** `true` to sepearte each button in their own bordered container */\n segmented?: boolean;\n /** `true` sets forceSquared on all buttons */\n forceSquared?: boolean;\n onSetValues: (value: string[]) => void;\n}\n\nexport const CheckboxButtonBar = ({\n checkboxes,\n defaultValues,\n label,\n labelPosition = 'top',\n required = false,\n notValid = false,\n notValidatedText = '',\n actAsRadioButtonBar = false,\n footerText = '',\n disableGroup = false,\n segmented = false,\n forceSquared = false,\n onSetValues,\n}: CheckboxButtonBarProps) => {\n const [currentValues, setCurrentValues] = useState<string[]>(\n defaultValues && !actAsRadioButtonBar\n ? defaultValues.map(String)\n : defaultValues && actAsRadioButtonBar\n ? defaultValues.slice(0, 1)\n : []\n );\n\n const handleChange = (value: string) => {\n let values = currentValues;\n\n if (actAsRadioButtonBar) {\n setCurrentValues([value]);\n onSetValues([value]);\n } else {\n if (values.includes(value)) {\n values = values.filter((val) => val !== value);\n } else {\n values = [...values, value];\n }\n setCurrentValues(values);\n onSetValues(values);\n }\n };\n\n return (\n <div\n className={clsx(\n styles['checkbox-button-bar__container'],\n styles[`checkbox-button-bar__container--label-${labelPosition}`]\n )}\n >\n {label && (\n <Label htmlFor=\"\" required={required}>\n {label}\n </Label>\n )}\n\n <div\n className={clsx(styles['checkbox-button-bar__row-container'], {\n [styles['checkbox-button-bar__row-container--segmented']]: segmented,\n })}\n >\n {segmented ? (\n checkboxes.map(({ label, value, prefix, tooltip, tooltipPosition, disabled }) => (\n <div\n key={value}\n className={clsx(styles['checkbox-button-bar__row'], {\n [styles['checkbox-button-bar__row--not-valid']]: notValid || notValidatedText,\n })}\n >\n <ControlsButton\n type={actAsRadioButtonBar ? 'radio' : 'checkbox'}\n label={label}\n prefix={prefix}\n tooltip={tooltip}\n tooltipPosition={tooltipPosition}\n forceSquared={forceSquared}\n value={value}\n checked={currentValues.includes(value)}\n disabled={disabled || disableGroup}\n onSetValue={(event) => handleChange(event.target.value)}\n />\n </div>\n ))\n ) : (\n <div\n className={clsx(styles['checkbox-button-bar__row'], {\n [styles['checkbox-button-bar__row--not-valid']]: notValid || notValidatedText,\n })}\n >\n {checkboxes.map(({ label, value, prefix, tooltip, tooltipPosition, disabled }) => (\n <ControlsButton\n key={value}\n type={actAsRadioButtonBar ? 'radio' : 'checkbox'}\n label={label}\n prefix={prefix}\n tooltip={tooltip}\n tooltipPosition={tooltipPosition}\n forceSquared={forceSquared}\n value={value}\n checked={currentValues.includes(value)}\n disabled={disabled || disableGroup}\n onSetValue={(event) => handleChange(event.target.value)}\n />\n ))}\n </div>\n )}\n </div>\n\n {footerText && <div className={styles['checkbox-button-bar__footer']}>{footerText}</div>}\n {notValidatedText !== '' && <FeedbackBox level=\"error\" feedback={notValidatedText} />}\n </div>\n );\n};\n"],"names":["CheckboxButtonBar","checkboxes","defaultValues","label","labelPosition","required","notValid","notValidatedText","actAsRadioButtonBar","footerText","disableGroup","segmented","forceSquared","onSetValues","currentValues","setCurrentValues","useState","handleChange","value","values","val","jsxs","clsx","styles","jsx","Label","prefix","tooltip","tooltipPosition","disabled","ControlsButton","event","FeedbackBox"],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  import { jsx as l } from "react/jsx-runtime";
2
- import "../../index-JOHbZ4si.js";
3
- import { r as c, s as t } from "../../react.esm-Bg7Fh9lz.js";
2
+ import "../../index-DYPpFe2R.js";
3
+ import { r as c, s as t } from "../../react.esm-DdELhthz.js";
4
4
  import { CheckboxButtonBar as a } from "./CheckboxButtonBar.js";
5
5
  const n = jest.fn(), d = [
6
6
  {
@@ -18,7 +18,7 @@ import "../IconButton/IconButton.js";
18
18
  import "../Input/Input.js";
19
19
  import "../InputField/InputField.js";
20
20
  import "react-router";
21
- import "../../TablePlugin-CeZO4BR1.js";
21
+ import "../../TablePlugin-BLbsvcuu.js";
22
22
  import "../RteEditor/Providers/LanguageProvider.js";
23
23
  import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
24
24
  import "../RteEditor/hooks/components/Flyout.js";
@@ -1,6 +1,6 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import "../../index-JOHbZ4si.js";
3
- import { r as s, s as e, f as r } from "../../react.esm-Bg7Fh9lz.js";
2
+ import "../../index-DYPpFe2R.js";
3
+ import { r as s, s as e, f as r } from "../../react.esm-DdELhthz.js";
4
4
  import { FeedbackBar as c } from "./FeedbackBar.js";
5
5
  describe("FeedbackBar", () => {
6
6
  it("should render with children text", () => {
@@ -10,6 +10,8 @@ export interface FormInputProps {
10
10
  type?: 'text' | 'password' | 'email' | 'number';
11
11
  /** Shows red * */
12
12
  required?: boolean;
13
+ /** `true` to color border red to show not valid; otherwise, `false`. */
14
+ notValid?: boolean;
13
15
  /** error text to display if set */
14
16
  notValidatedText?: string;
15
17
  /** Returns array of selected values as number */
@@ -19,4 +21,4 @@ export interface FormInputProps {
19
21
  /** Optional custom input that will replace the default input */
20
22
  customInput?: ReactNode;
21
23
  }
22
- export declare const FormInput: ({ id, label, labelPosition, type, required, notValidatedText, onChange, noContainer, customInput, }: FormInputProps) => import("react/jsx-runtime").JSX.Element;
24
+ export declare const FormInput: ({ id, label, labelPosition, type, required, notValid, notValidatedText, onChange, noContainer, customInput, }: FormInputProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,5 @@
1
- import { jsxs as u, jsx as t, Fragment as b } from "react/jsx-runtime";
2
- import { c as h } from "../../clsx-OuTLNxxd.js";
1
+ import { jsxs as c, Fragment as v, jsx as r } from "react/jsx-runtime";
2
+ import { c as l } from "../../clsx-OuTLNxxd.js";
3
3
  import "../Accordion/Accordion.js";
4
4
  import "react";
5
5
  import "../Buttons/Button.js";
@@ -7,7 +7,7 @@ import "../Buttons/LinkButton.js";
7
7
  import "@react-aria/button";
8
8
  import "../Checkbox/Checkbox.js";
9
9
  import { Label as k } from "../Label/Label.js";
10
- import { FeedbackBox as v } from "../FeedbackBox/FeedbackBox.js";
10
+ import { FeedbackBox as g } from "../FeedbackBox/FeedbackBox.js";
11
11
  import "@react-aria/dialog";
12
12
  import "@react-aria/focus";
13
13
  import "@react-aria/overlays";
@@ -17,7 +17,7 @@ import "../IconButton/IconButton.js";
17
17
  import "../Input/Input.js";
18
18
  import "../InputField/InputField.js";
19
19
  import "react-router";
20
- import "../../TablePlugin-CeZO4BR1.js";
20
+ import "../../TablePlugin-BLbsvcuu.js";
21
21
  import "../RteEditor/Providers/LanguageProvider.js";
22
22
  import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
23
23
  import "../RteEditor/hooks/components/Flyout.js";
@@ -29,45 +29,49 @@ import "../SelectListbox/SelectProvider.js";
29
29
  import "../Sortable/components/SortableItem.js";
30
30
  import "../../SortableProvider-BbwlEPIr.js";
31
31
  import "../WeekSelector/components/WeekSelectorOptionContainer.js";
32
- import '../../assets/FormInput.css';const o = {
33
- "form-input__container": "_form-input__container_aau49_1",
34
- "form-input__container--label-left": "_form-input__container--label-left_aau49_7",
35
- "form-input__container--label-top": "_form-input__container--label-top_aau49_18",
36
- "form-input__input-feedback-container": "_form-input__input-feedback-container_aau49_25",
37
- "form-input__input-container": "_form-input__input-container_aau49_35",
38
- "form-input__input": "_form-input__input_aau49_25"
39
- }, Z = ({
40
- id: i,
41
- label: n,
42
- labelPosition: c = "top",
32
+ import '../../assets/FormInput.css';const t = {
33
+ "form-input__container": "_form-input__container_rt0pn_1",
34
+ "form-input__container--label-left": "_form-input__container--label-left_rt0pn_7",
35
+ "form-input__container--label-top": "_form-input__container--label-top_rt0pn_18",
36
+ "form-input__input-feedback-container": "_form-input__input-feedback-container_rt0pn_25",
37
+ "form-input__input-container": "_form-input__input-container_rt0pn_35",
38
+ "form-input__input": "_form-input__input_rt0pn_25",
39
+ "not-valid": "_not-valid_rt0pn_60"
40
+ }, T = ({
41
+ id: o,
42
+ label: i,
43
+ labelPosition: f = "top",
43
44
  type: p = "text",
44
- required: f = !1,
45
+ required: u = !1,
46
+ notValid: s = !1,
45
47
  notValidatedText: e = "",
46
48
  onChange: m,
47
- noContainer: l = !1,
48
- customInput: a
49
+ noContainer: d = !1,
50
+ customInput: _
49
51
  }) => {
50
- const s = (r) => ["e", "E", "+", "-"].includes(r.key) && r.preventDefault(), d = (r) => {
51
- typeof m == "function" && m(r.target.value);
52
- }, _ = /* @__PURE__ */ u(b, { children: [
53
- n && /* @__PURE__ */ t(k, { htmlFor: i, required: f, alignRight: !0, children: n }),
54
- /* @__PURE__ */ u("div", { className: o["form-input__input-feedback-container"], children: [
55
- a || /* @__PURE__ */ t("div", { className: o["form-input__input-container"], children: /* @__PURE__ */ t(
52
+ const b = (n) => ["e", "E", "+", "-"].includes(n.key) && n.preventDefault(), h = (n) => {
53
+ typeof m == "function" && m(n.target.value);
54
+ }, a = /* @__PURE__ */ c(v, { children: [
55
+ i && /* @__PURE__ */ r(k, { htmlFor: o, required: u, alignRight: !0, children: i }),
56
+ /* @__PURE__ */ c("div", { className: t["form-input__input-feedback-container"], children: [
57
+ _ || /* @__PURE__ */ r("div", { className: t["form-input__input-container"], children: /* @__PURE__ */ r(
56
58
  "input",
57
59
  {
58
- id: i,
60
+ id: o,
59
61
  type: p,
60
- ...p === "number" && { onKeyDown: s },
61
- onChange: d,
62
- className: o["form-input__input"]
62
+ ...p === "number" && { onKeyDown: b },
63
+ onChange: h,
64
+ className: l(t["form-input__input"], {
65
+ [t["not-valid"]]: s
66
+ })
63
67
  }
64
68
  ) }),
65
- e !== "" && /* @__PURE__ */ t(v, { level: "error", feedback: e })
69
+ e !== "" && /* @__PURE__ */ r(g, { level: "error", feedback: e })
66
70
  ] })
67
71
  ] });
68
- return l ? _ : /* @__PURE__ */ t("div", { className: h(o["form-input__container"], o[`form-input__container--label-${c}`]), children: _ });
72
+ return d ? a : /* @__PURE__ */ r("div", { className: l(t["form-input__container"], t[`form-input__container--label-${f}`]), children: a });
69
73
  };
70
74
  export {
71
- Z as FormInput
75
+ T as FormInput
72
76
  };
73
77
  //# sourceMappingURL=FormInput.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FormInput.js","sources":["../../../src/components/FormInput/FormInput.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './FormInput.module.css';\n\nimport { FeedbackBox, Label } from 'components';\n\nexport interface FormInputProps {\n /** The id of the input element. */\n id: string;\n /** label text if empthy the label is not renderd */\n label: string;\n /** label position `top` or `left`. The default is `top`. */\n labelPosition?: 'top' | 'left';\n /** The type of the input element. */\n type?: 'text' | 'password' | 'email' | 'number';\n /** Shows red * */\n required?: boolean;\n /** error text to display if set */\n notValidatedText?: string;\n /** Returns array of selected values as number */\n onChange?: (value: string) => void;\n /** Determines if the container wrapper is rendered. */\n noContainer?: boolean;\n /** Optional custom input that will replace the default input */\n customInput?: ReactNode;\n}\n\nexport const FormInput = ({\n id,\n label,\n labelPosition = 'top',\n type = 'text',\n required = false,\n notValidatedText = '',\n onChange,\n noContainer = false,\n customInput,\n}: FormInputProps) => {\n const blockInvalidChar = (event: React.KeyboardEvent<HTMLInputElement>) =>\n ['e', 'E', '+', '-'].includes(event.key) && event.preventDefault();\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (typeof onChange === 'function') {\n onChange(event.target.value);\n }\n };\n\n const componentContent = (\n <>\n {label && (\n <Label htmlFor={id} required={required} alignRight>\n {label}\n </Label>\n )}\n\n <div className={styles['form-input__input-feedback-container']}>\n {customInput ? (\n customInput\n ) : (\n <div className={styles['form-input__input-container']}>\n <input\n id={id}\n type={type}\n {...(type === 'number' && { onKeyDown: blockInvalidChar })}\n onChange={handleChange}\n className={styles['form-input__input']}\n />\n </div>\n )}\n {notValidatedText !== '' && <FeedbackBox level=\"error\" feedback={notValidatedText} />}\n </div>\n </>\n );\n\n return noContainer ? (\n componentContent\n ) : (\n <div className={clsx(styles['form-input__container'], styles[`form-input__container--label-${labelPosition}`])}>\n {componentContent}\n </div>\n );\n};\n"],"names":["FormInput","id","label","labelPosition","type","required","notValidatedText","onChange","noContainer","customInput","blockInvalidChar","event","handleChange","componentContent","jsxs","Fragment","Label","styles","jsx","FeedbackBox","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BaA,IAAY,CAAC;AAAA,EACxB,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,aAAAC;AACF,MAAsB;AACpB,QAAMC,IAAmB,CAACC,MACxB,CAAC,KAAK,KAAK,KAAK,GAAG,EAAE,SAASA,EAAM,GAAG,KAAKA,EAAM,eAAA,GAE9CC,IAAe,CAACD,MAA+C;AACnE,IAAI,OAAOJ,KAAa,cACtBA,EAASI,EAAM,OAAO,KAAK;AAAA,EAE/B,GAEME,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAb,uBACEc,GAAA,EAAM,SAASf,GAAI,UAAAI,GAAoB,YAAU,IAC/C,UAAAH,EAAA,CACH;AAAA,IAGF,gBAAAY,EAAC,OAAA,EAAI,WAAWG,EAAO,sCAAsC,GAC1D,UAAA;AAAA,MAAAR,KAGC,gBAAAS,EAAC,OAAA,EAAI,WAAWD,EAAO,6BAA6B,GAClD,UAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAAjB;AAAA,UACA,MAAAG;AAAA,UACC,GAAIA,MAAS,YAAY,EAAE,WAAWM,EAAA;AAAA,UACvC,UAAUE;AAAA,UACV,WAAWK,EAAO,mBAAmB;AAAA,QAAA;AAAA,MAAA,GAEzC;AAAA,MAEDX,MAAqB,MAAM,gBAAAY,EAACC,KAAY,OAAM,SAAQ,UAAUb,EAAA,CAAkB;AAAA,IAAA,EAAA,CACrF;AAAA,EAAA,GACF;AAGF,SAAOE,IACLK,IAEA,gBAAAK,EAAC,OAAA,EAAI,WAAWE,EAAKH,EAAO,uBAAuB,GAAGA,EAAO,gCAAgCd,CAAa,EAAE,CAAC,GAC1G,UAAAU,GACH;AAEJ;"}
1
+ {"version":3,"file":"FormInput.js","sources":["../../../src/components/FormInput/FormInput.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './FormInput.module.css';\n\nimport { FeedbackBox, Label } from 'components';\n\nexport interface FormInputProps {\n /** The id of the input element. */\n id: string;\n /** label text if empthy the label is not renderd */\n label: string;\n /** label position `top` or `left`. The default is `top`. */\n labelPosition?: 'top' | 'left';\n /** The type of the input element. */\n type?: 'text' | 'password' | 'email' | 'number';\n /** Shows red * */\n required?: boolean;\n /** `true` to color border red to show not valid; otherwise, `false`. */\n notValid?: boolean;\n /** error text to display if set */\n notValidatedText?: string;\n /** Returns array of selected values as number */\n onChange?: (value: string) => void;\n /** Determines if the container wrapper is rendered. */\n noContainer?: boolean;\n /** Optional custom input that will replace the default input */\n customInput?: ReactNode;\n}\n\nexport const FormInput = ({\n id,\n label,\n labelPosition = 'top',\n type = 'text',\n required = false,\n notValid = false,\n notValidatedText = '',\n onChange,\n noContainer = false,\n customInput,\n}: FormInputProps) => {\n const blockInvalidChar = (event: React.KeyboardEvent<HTMLInputElement>) =>\n ['e', 'E', '+', '-'].includes(event.key) && event.preventDefault();\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (typeof onChange === 'function') {\n onChange(event.target.value);\n }\n };\n\n const componentContent = (\n <>\n {label && (\n <Label htmlFor={id} required={required} alignRight>\n {label}\n </Label>\n )}\n\n <div className={styles['form-input__input-feedback-container']}>\n {customInput ? (\n customInput\n ) : (\n <div className={styles['form-input__input-container']}>\n <input\n id={id}\n type={type}\n {...(type === 'number' && { onKeyDown: blockInvalidChar })}\n onChange={handleChange}\n className={clsx(styles['form-input__input'], {\n [styles['not-valid']]: notValid,\n })}\n />\n </div>\n )}\n {notValidatedText !== '' && <FeedbackBox level=\"error\" feedback={notValidatedText} />}\n </div>\n </>\n );\n\n return noContainer ? (\n componentContent\n ) : (\n <div className={clsx(styles['form-input__container'], styles[`form-input__container--label-${labelPosition}`])}>\n {componentContent}\n </div>\n );\n};\n"],"names":["FormInput","id","label","labelPosition","type","required","notValid","notValidatedText","onChange","noContainer","customInput","blockInvalidChar","event","handleChange","componentContent","jsxs","Fragment","Label","styles","jsx","clsx","FeedbackBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BaA,IAAY,CAAC;AAAA,EACxB,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,aAAAC;AACF,MAAsB;AACpB,QAAMC,IAAmB,CAACC,MACxB,CAAC,KAAK,KAAK,KAAK,GAAG,EAAE,SAASA,EAAM,GAAG,KAAKA,EAAM,eAAA,GAE9CC,IAAe,CAACD,MAA+C;AACnE,IAAI,OAAOJ,KAAa,cACtBA,EAASI,EAAM,OAAO,KAAK;AAAA,EAE/B,GAEME,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAd,uBACEe,GAAA,EAAM,SAAShB,GAAI,UAAAI,GAAoB,YAAU,IAC/C,UAAAH,EAAA,CACH;AAAA,IAGF,gBAAAa,EAAC,OAAA,EAAI,WAAWG,EAAO,sCAAsC,GAC1D,UAAA;AAAA,MAAAR,KAGC,gBAAAS,EAAC,OAAA,EAAI,WAAWD,EAAO,6BAA6B,GAClD,UAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAAlB;AAAA,UACA,MAAAG;AAAA,UACC,GAAIA,MAAS,YAAY,EAAE,WAAWO,EAAA;AAAA,UACvC,UAAUE;AAAA,UACV,WAAWO,EAAKF,EAAO,mBAAmB,GAAG;AAAA,YAC3C,CAACA,EAAO,WAAW,CAAC,GAAGZ;AAAA,UAAA,CACxB;AAAA,QAAA;AAAA,MAAA,GAEL;AAAA,MAEDC,MAAqB,MAAM,gBAAAY,EAACE,KAAY,OAAM,SAAQ,UAAUd,EAAA,CAAkB;AAAA,IAAA,EAAA,CACrF;AAAA,EAAA,GACF;AAGF,SAAOE,IACLK,IAEA,gBAAAK,EAAC,OAAA,EAAI,WAAWC,EAAKF,EAAO,uBAAuB,GAAGA,EAAO,gCAAgCf,CAAa,EAAE,CAAC,GAC1G,UAAAW,GACH;AAEJ;"}
@@ -707,6 +707,12 @@ export declare const Icons: {
707
707
  desc?: string;
708
708
  descId?: string;
709
709
  }>;
710
+ UserCircle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
711
+ title?: string;
712
+ titleId?: string;
713
+ desc?: string;
714
+ descId?: string;
715
+ }>;
710
716
  UserMinusFill: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
711
717
  title?: string;
712
718
  titleId?: string;
@@ -475,23 +475,27 @@ const n = ({
475
475
  title: l,
476
476
  titleId: C,
477
477
  ...t
478
- }) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": C, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: C }, l) : null, /* @__PURE__ */ e.createElement("path", { d: "M10.375 2.25C9.28103 2.25 8.23182 2.6846 7.45823 3.45818C6.68464 4.23177 6.25004 5.28098 6.25004 6.375C6.25004 7.46902 6.68464 8.51823 7.45823 9.29182C8.23182 10.0654 9.28103 10.5 10.375 10.5C11.4691 10.5 12.5183 10.0654 13.2919 9.29182C14.0654 8.51823 14.5 7.46902 14.5 6.375C14.5 5.28098 14.0654 4.23177 13.2919 3.45818C12.5183 2.6846 11.4691 2.25 10.375 2.25ZM10.375 12C9.42911 12 8.49263 12.1883 7.62026 12.5541C6.74788 12.9198 5.95706 13.4556 5.29393 14.1302C4.6308 14.8047 4.10863 15.6046 3.75789 16.4831C3.40715 17.3616 3.23485 18.3012 3.25104 19.247C3.25317 19.3742 3.28759 19.4987 3.3511 19.6089C3.4146 19.7191 3.50508 19.8114 3.61404 19.877C5.65484 21.106 7.99278 21.7536 10.375 21.75C12.847 21.75 15.161 21.066 17.135 19.877C17.2442 19.8115 17.3349 19.7193 17.3986 19.6091C17.4622 19.4989 17.4968 19.3743 17.499 19.247L17.5 19.127V19.125C17.5 17.2353 16.7494 15.4231 15.4132 14.0869C14.077 12.7507 12.2647 12 10.375 12ZM16 9.75C15.8011 9.75 15.6104 9.82902 15.4697 9.96967C15.3291 10.1103 15.25 10.3011 15.25 10.5C15.25 10.6989 15.3291 10.8897 15.4697 11.0303C15.6104 11.171 15.8011 11.25 16 11.25H22C22.199 11.25 22.3897 11.171 22.5304 11.0303C22.671 10.8897 22.75 10.6989 22.75 10.5C22.75 10.3011 22.671 10.1103 22.5304 9.96967C22.3897 9.82902 22.199 9.75 22 9.75H16Z", fill: "currentcolor" })), L2 = ({
478
+ }) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", strokeWidth: 1.5, stroke: "currentcolor", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": C, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: C }, l) : null, /* @__PURE__ */ e.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" })), L2 = ({
479
479
  title: l,
480
480
  titleId: C,
481
481
  ...t
482
- }) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": C, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: C }, l) : null, /* @__PURE__ */ e.createElement("path", { d: "M4.5 20.25L3.75329 20.1798L3.67619 21H4.5V20.25ZM11.8523 13.2513L11.8393 12.5014H11.8393L11.8523 13.2513ZM13.029 13.3138L12.9351 14.0579H12.9351L13.029 13.3138ZM13.8116 14.2259L14.5375 14.4146L14.915 12.9629L14.1892 12.7741L13.8116 14.2259ZM12.5 21H13.25V19.5H12.5V21ZM9.81133 12.7741L9.08547 12.9629L9.46301 14.4146L10.1889 14.2259L9.81133 12.7741ZM19 15.25V14.5H17.5V15.25H19ZM17.5 21.25V22H19V21.25H17.5ZM15.25 17.5H14.5V19H15.25V17.5ZM21.25 19H22V17.5H21.25V19ZM15 6.5C15 8.15685 13.6569 9.5 12 9.5V11C14.4853 11 16.5 8.98528 16.5 6.5H15ZM12 9.5C10.3431 9.5 9 8.15685 9 6.5H7.5C7.5 8.98528 9.51472 11 12 11V9.5ZM9 6.5C9 4.84315 10.3431 3.5 12 3.5V2C9.51472 2 7.5 4.01472 7.5 6.5H9ZM12 3.5C13.6569 3.5 15 4.84315 15 6.5H16.5C16.5 4.01472 14.4853 2 12 2V3.5ZM5.24671 20.3202C5.57928 16.7825 8.17444 14.0652 11.8653 14.0012L11.8393 12.5014C7.30719 12.58 4.14991 15.9609 3.75329 20.1798L5.24671 20.3202ZM11.8653 14.0012C11.91 14.0004 11.9549 14 12 14V12.5C11.9463 12.5 11.8927 12.5005 11.8393 12.5014L11.8653 14.0012ZM12 14C12.3212 14 12.6331 14.0198 12.9351 14.0579L13.1229 12.5697C12.7576 12.5236 12.383 12.5 12 12.5V14ZM12.9351 14.0579C13.2371 14.096 13.5295 14.1525 13.8116 14.2259L14.1892 12.7741C13.844 12.6844 13.4882 12.6158 13.1229 12.5697L12.9351 14.0579ZM4.5 21H12.5V19.5H4.5V21ZM11.8393 12.5014C11.1313 12.5137 10.4534 12.6072 9.81133 12.7741L10.1889 14.2259C10.7134 14.0894 11.2732 14.0114 11.8653 14.0012L11.8393 12.5014ZM15.2911 13.1468C14.6176 12.8631 13.8918 12.6667 13.1229 12.5697L12.9351 14.0579C13.5701 14.1381 14.1631 14.2993 14.7089 14.5292L15.2911 13.1468ZM17.5 15.25V18.25H19V15.25H17.5ZM17.5 18.25V21.25H19V18.25H17.5ZM15.25 19H18.25V17.5H15.25V19ZM18.25 19H21.25V17.5H18.25V19Z", fill: "currentColor" })), g2 = ({
482
+ }) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": C, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: C }, l) : null, /* @__PURE__ */ e.createElement("path", { d: "M10.375 2.25C9.28103 2.25 8.23182 2.6846 7.45823 3.45818C6.68464 4.23177 6.25004 5.28098 6.25004 6.375C6.25004 7.46902 6.68464 8.51823 7.45823 9.29182C8.23182 10.0654 9.28103 10.5 10.375 10.5C11.4691 10.5 12.5183 10.0654 13.2919 9.29182C14.0654 8.51823 14.5 7.46902 14.5 6.375C14.5 5.28098 14.0654 4.23177 13.2919 3.45818C12.5183 2.6846 11.4691 2.25 10.375 2.25ZM10.375 12C9.42911 12 8.49263 12.1883 7.62026 12.5541C6.74788 12.9198 5.95706 13.4556 5.29393 14.1302C4.6308 14.8047 4.10863 15.6046 3.75789 16.4831C3.40715 17.3616 3.23485 18.3012 3.25104 19.247C3.25317 19.3742 3.28759 19.4987 3.3511 19.6089C3.4146 19.7191 3.50508 19.8114 3.61404 19.877C5.65484 21.106 7.99278 21.7536 10.375 21.75C12.847 21.75 15.161 21.066 17.135 19.877C17.2442 19.8115 17.3349 19.7193 17.3986 19.6091C17.4622 19.4989 17.4968 19.3743 17.499 19.247L17.5 19.127V19.125C17.5 17.2353 16.7494 15.4231 15.4132 14.0869C14.077 12.7507 12.2647 12 10.375 12ZM16 9.75C15.8011 9.75 15.6104 9.82902 15.4697 9.96967C15.3291 10.1103 15.25 10.3011 15.25 10.5C15.25 10.6989 15.3291 10.8897 15.4697 11.0303C15.6104 11.171 15.8011 11.25 16 11.25H22C22.199 11.25 22.3897 11.171 22.5304 11.0303C22.671 10.8897 22.75 10.6989 22.75 10.5C22.75 10.3011 22.671 10.1103 22.5304 9.96967C22.3897 9.82902 22.199 9.75 22 9.75H16Z", fill: "currentcolor" })), g2 = ({
483
483
  title: l,
484
484
  titleId: C,
485
485
  ...t
486
- }) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": C, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: C }, l) : null, /* @__PURE__ */ e.createElement("path", { d: "M7.5 6.5C7.5 4.01472 9.51472 2 12 2C14.4853 2 16.5 4.01472 16.5 6.5C16.5 8.98528 14.4853 11 12 11C9.51472 11 7.5 8.98528 7.5 6.5Z", fill: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M12.1603 12.5014L12.1435 12.5011C12.0959 12.5004 12.0475 12.5 11.9996 12.5C11.9459 12.5 11.8923 12.5005 11.8389 12.5014C11.7356 12.5032 11.6329 12.5067 11.5309 12.5119C11.3097 12.5233 11.0916 12.5426 10.8767 12.5697L10.8739 12.5701L10.8148 12.5778L10.8119 12.5782L10.8085 12.5786L10.74 12.5881C10.5809 12.6107 10.4237 12.6377 10.2685 12.6688C6.57477 13.4093 4.10097 16.4772 3.75289 20.1798L3.67578 21H12.9996V16H15.9996V13.4714L15.5669 13.2694C15.4759 13.2269 15.3838 13.1861 15.2907 13.1468C14.9374 12.998 14.5697 12.8732 14.1887 12.7741L12.1603 12.5014Z", fill: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M12.1603 12.5014C12.4875 12.5071 12.8085 12.5301 13.1225 12.5697L13.1335 12.5711C13.2211 12.5823 13.3082 12.5947 13.3947 12.6085C13.4507 12.6174 13.5065 12.6268 13.562 12.6368L13.563 12.637L13.5848 12.6409C13.6484 12.6525 13.7118 12.6648 13.7748 12.6778L12.1603 12.5014Z", fill: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M22 17.5H19V14.5H17.5V17.5H14.5V19H17.5V22H19V19H22V17.5Z", fill: "currentColor" })), m2 = ({
486
+ }) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": C, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: C }, l) : null, /* @__PURE__ */ e.createElement("path", { d: "M4.5 20.25L3.75329 20.1798L3.67619 21H4.5V20.25ZM11.8523 13.2513L11.8393 12.5014H11.8393L11.8523 13.2513ZM13.029 13.3138L12.9351 14.0579H12.9351L13.029 13.3138ZM13.8116 14.2259L14.5375 14.4146L14.915 12.9629L14.1892 12.7741L13.8116 14.2259ZM12.5 21H13.25V19.5H12.5V21ZM9.81133 12.7741L9.08547 12.9629L9.46301 14.4146L10.1889 14.2259L9.81133 12.7741ZM19 15.25V14.5H17.5V15.25H19ZM17.5 21.25V22H19V21.25H17.5ZM15.25 17.5H14.5V19H15.25V17.5ZM21.25 19H22V17.5H21.25V19ZM15 6.5C15 8.15685 13.6569 9.5 12 9.5V11C14.4853 11 16.5 8.98528 16.5 6.5H15ZM12 9.5C10.3431 9.5 9 8.15685 9 6.5H7.5C7.5 8.98528 9.51472 11 12 11V9.5ZM9 6.5C9 4.84315 10.3431 3.5 12 3.5V2C9.51472 2 7.5 4.01472 7.5 6.5H9ZM12 3.5C13.6569 3.5 15 4.84315 15 6.5H16.5C16.5 4.01472 14.4853 2 12 2V3.5ZM5.24671 20.3202C5.57928 16.7825 8.17444 14.0652 11.8653 14.0012L11.8393 12.5014C7.30719 12.58 4.14991 15.9609 3.75329 20.1798L5.24671 20.3202ZM11.8653 14.0012C11.91 14.0004 11.9549 14 12 14V12.5C11.9463 12.5 11.8927 12.5005 11.8393 12.5014L11.8653 14.0012ZM12 14C12.3212 14 12.6331 14.0198 12.9351 14.0579L13.1229 12.5697C12.7576 12.5236 12.383 12.5 12 12.5V14ZM12.9351 14.0579C13.2371 14.096 13.5295 14.1525 13.8116 14.2259L14.1892 12.7741C13.844 12.6844 13.4882 12.6158 13.1229 12.5697L12.9351 14.0579ZM4.5 21H12.5V19.5H4.5V21ZM11.8393 12.5014C11.1313 12.5137 10.4534 12.6072 9.81133 12.7741L10.1889 14.2259C10.7134 14.0894 11.2732 14.0114 11.8653 14.0012L11.8393 12.5014ZM15.2911 13.1468C14.6176 12.8631 13.8918 12.6667 13.1229 12.5697L12.9351 14.0579C13.5701 14.1381 14.1631 14.2993 14.7089 14.5292L15.2911 13.1468ZM17.5 15.25V18.25H19V15.25H17.5ZM17.5 18.25V21.25H19V18.25H17.5ZM15.25 19H18.25V17.5H15.25V19ZM18.25 19H21.25V17.5H18.25V19Z", fill: "currentColor" })), m2 = ({
487
487
  title: l,
488
488
  titleId: C,
489
489
  ...t
490
- }) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": C, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: C }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.89576 1.7395L7.3169 2.29911C8.14859 3.40426 8.58092 4.54727 8.37896 5.68598C8.17708 6.82422 7.3782 7.75049 6.21728 8.50566L6.20274 8.51512C6.70579 9.48902 6.67669 10.6587 6.29346 11.9204L6.14437 12.4113C6.82384 13.0214 7.26094 13.917 7.51494 14.9939L7.66098 15.613C8.67553 15.6779 9.57563 16.1341 10.2122 16.7832C10.8829 17.467 11.3063 18.4163 11.1922 19.4069C11.0744 20.4294 10.4042 21.3309 9.21566 21.9217L8.54406 22.2555L7.87638 20.9123L8.54798 20.5785C9.37942 20.1652 9.65381 19.6536 9.70202 19.2352C9.71664 19.1083 9.71212 18.9759 9.68863 18.8415C8.85096 19.4926 7.93898 19.8311 6.97092 19.7284C5.94239 19.6192 5.00339 19.0271 4.14737 18.1208L3.64541 17.5893L4.16385 17.0739C4.544 16.696 4.93996 16.3961 5.34322 16.1685C4.65359 16.1834 4.01365 16.0459 3.44476 15.7193C2.44041 15.1428 1.83736 14.0805 1.52005 12.7353L1.35791 12.0478L2.03437 11.8447C2.49804 11.7055 2.94905 11.6135 3.38243 11.5771C2.9812 11.2899 2.65089 10.9405 2.40678 10.5202C1.82564 9.51947 1.83832 8.29825 2.23995 6.976L2.44402 6.30414L3.12786 6.46356C3.57651 6.56815 3.99401 6.70405 4.37282 6.87557C4.12199 6.23449 4.03242 5.58709 4.147 4.94108C4.34888 3.80283 5.14775 2.87657 6.30867 2.1214L6.89576 1.7395ZM8.85718 17.5861C8.46885 17.2979 7.98005 17.1138 7.44982 17.1054C6.96228 17.0977 6.40371 17.2382 5.82423 17.6343C6.30577 18.0156 6.74081 18.1955 7.12924 18.2367C7.63544 18.2905 8.20255 18.123 8.85718 17.5861ZM17.1043 1.7395L17.6914 2.1214C18.8523 2.87657 19.6512 3.80283 19.853 4.94108C19.9676 5.58709 19.8781 6.23449 19.6272 6.87557C20.006 6.70405 20.4235 6.56815 20.8722 6.46356L21.556 6.30414L21.7601 6.976C22.1617 8.29825 22.1744 9.51947 21.5933 10.5202C21.3492 10.9405 21.0188 11.2899 20.6176 11.5771C21.051 11.6135 21.502 11.7055 21.9657 11.8447L22.6421 12.0478L22.48 12.7353C22.1627 14.0805 21.5596 15.1428 20.5553 15.7193C19.9864 16.0459 19.3465 16.1834 18.6568 16.1685C19.0601 16.3961 19.456 16.696 19.8362 17.0739L20.3546 17.5893L19.8527 18.1208C18.9967 19.0271 18.0577 19.6192 17.0291 19.7284C16.0611 19.8311 15.1491 19.4926 14.3114 18.8415C14.2879 18.9759 14.2834 19.1083 14.298 19.2352C14.3462 19.6536 14.6206 20.1652 15.4521 20.5785L16.1237 20.9123L15.456 22.2555L14.7844 21.9217C13.5958 21.3309 12.9257 20.4294 12.8079 19.4069C12.6938 18.4163 13.1171 17.467 13.7878 16.7832C14.4244 16.1341 15.3245 15.6779 16.3391 15.613L16.4851 14.9939C16.7391 13.917 17.1762 13.0214 17.8557 12.4113L17.7066 11.9204C17.3234 10.6587 17.2943 9.48902 17.7973 8.51512L17.7828 8.50566C16.6218 7.75049 15.823 6.82422 15.6211 5.68598C15.4191 4.54727 15.8515 3.40426 16.6831 2.29911L17.1043 1.7395ZM15.1429 17.5861C15.7975 18.123 16.3646 18.2905 16.8708 18.2367C17.2592 18.1955 17.6943 18.0156 18.1758 17.6343C17.5963 17.2382 17.0378 17.0977 16.5502 17.1054C16.02 17.1138 15.5312 17.2979 15.1429 17.5861ZM5.99742 6.8053C6.55876 6.32468 6.8248 5.85937 6.90201 5.42403C6.97909 4.9894 6.88956 4.46288 6.52853 3.82175C5.96719 4.30237 5.70116 4.76768 5.62395 5.20303C5.54686 5.63765 5.63639 6.16418 5.99742 6.8053ZM17.4715 3.82175C17.1105 4.46288 17.021 4.9894 17.098 5.42403C17.1752 5.85937 17.4413 6.32468 18.0026 6.8053C18.3637 6.16418 18.4532 5.63765 18.3761 5.20303C18.2989 4.76768 18.0329 4.30237 17.4715 3.82175ZM3.50285 8.1377C3.3851 8.86063 3.48202 9.38479 3.70391 9.76688C3.92673 10.1506 4.33753 10.4978 5.03056 10.7587C5.1483 10.0358 5.05139 9.51165 4.8295 9.12957C4.60667 8.74588 4.19588 8.39867 3.50285 8.1377ZM18.9695 10.7587C19.6625 10.4978 20.0733 10.1506 20.2961 9.76688C20.518 9.38479 20.6149 8.86063 20.4972 8.1377C19.8042 8.39867 19.3934 8.74588 19.1705 9.12957C18.9487 9.51165 18.8517 10.0358 18.9695 10.7587ZM3.19748 13.1097C3.45898 13.7917 3.80632 14.1973 4.19147 14.4184C4.57824 14.6404 5.10835 14.7368 5.83751 14.6195C5.57601 13.9374 5.22867 13.5318 4.84352 13.3107C4.45676 13.0887 3.92664 12.9923 3.19748 13.1097ZM18.1625 14.6195C18.8917 14.7368 19.4218 14.6404 19.8086 14.4184C20.1937 14.1973 20.5411 13.7917 20.8026 13.1097C20.0734 12.9923 19.5433 13.0887 19.1565 13.3107C18.7714 13.5318 18.424 13.9374 18.1625 14.6195Z", fill: "currentcolor" })), u2 = ({
490
+ }) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": C, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: C }, l) : null, /* @__PURE__ */ e.createElement("path", { d: "M7.5 6.5C7.5 4.01472 9.51472 2 12 2C14.4853 2 16.5 4.01472 16.5 6.5C16.5 8.98528 14.4853 11 12 11C9.51472 11 7.5 8.98528 7.5 6.5Z", fill: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M12.1603 12.5014L12.1435 12.5011C12.0959 12.5004 12.0475 12.5 11.9996 12.5C11.9459 12.5 11.8923 12.5005 11.8389 12.5014C11.7356 12.5032 11.6329 12.5067 11.5309 12.5119C11.3097 12.5233 11.0916 12.5426 10.8767 12.5697L10.8739 12.5701L10.8148 12.5778L10.8119 12.5782L10.8085 12.5786L10.74 12.5881C10.5809 12.6107 10.4237 12.6377 10.2685 12.6688C6.57477 13.4093 4.10097 16.4772 3.75289 20.1798L3.67578 21H12.9996V16H15.9996V13.4714L15.5669 13.2694C15.4759 13.2269 15.3838 13.1861 15.2907 13.1468C14.9374 12.998 14.5697 12.8732 14.1887 12.7741L12.1603 12.5014Z", fill: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M12.1603 12.5014C12.4875 12.5071 12.8085 12.5301 13.1225 12.5697L13.1335 12.5711C13.2211 12.5823 13.3082 12.5947 13.3947 12.6085C13.4507 12.6174 13.5065 12.6268 13.562 12.6368L13.563 12.637L13.5848 12.6409C13.6484 12.6525 13.7118 12.6648 13.7748 12.6778L12.1603 12.5014Z", fill: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M22 17.5H19V14.5H17.5V17.5H14.5V19H17.5V22H19V19H22V17.5Z", fill: "currentColor" })), u2 = ({
491
491
  title: l,
492
492
  titleId: C,
493
493
  ...t
494
- }) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": C, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: C }, l) : null, /* @__PURE__ */ e.createElement("path", { d: "M11.995 16.973C11.0446 16.973 10.2862 16.5602 9.71978 15.7346C9.16298 14.909 8.88458 13.7234 8.88458 12.1778C8.88458 10.6322 9.16298 9.46099 9.71978 8.66419C10.2862 7.86739 11.0446 7.46899 11.995 7.46899C12.9454 7.46899 13.699 7.86739 14.2558 8.66419C14.8222 9.46099 15.1054 10.6322 15.1054 12.1778C15.1054 13.7234 14.8222 14.909 14.2558 15.7346C13.699 16.5602 12.9454 16.973 11.995 16.973ZM11.995 15.677C12.2926 15.677 12.5566 15.5666 12.787 15.3458C13.0174 15.1154 13.195 14.7458 13.3198 14.237C13.4542 13.7282 13.5214 13.0418 13.5214 12.1778C13.5214 11.3138 13.4542 10.6322 13.3198 10.133C13.195 9.63379 13.0174 9.28339 12.787 9.08179C12.5566 8.87059 12.2926 8.76499 11.995 8.76499C11.707 8.76499 11.4478 8.87059 11.2174 9.08179C10.987 9.28339 10.8046 9.63379 10.6702 10.133C10.5358 10.6322 10.4686 11.3138 10.4686 12.1778C10.4686 13.0418 10.5358 13.7282 10.6702 14.237C10.8046 14.7458 10.987 15.1154 11.2174 15.3458C11.4478 15.5666 11.707 15.677 11.995 15.677Z", fill: "currentcolor" })), M2 = {
494
+ }) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": C, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: C }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.89576 1.7395L7.3169 2.29911C8.14859 3.40426 8.58092 4.54727 8.37896 5.68598C8.17708 6.82422 7.3782 7.75049 6.21728 8.50566L6.20274 8.51512C6.70579 9.48902 6.67669 10.6587 6.29346 11.9204L6.14437 12.4113C6.82384 13.0214 7.26094 13.917 7.51494 14.9939L7.66098 15.613C8.67553 15.6779 9.57563 16.1341 10.2122 16.7832C10.8829 17.467 11.3063 18.4163 11.1922 19.4069C11.0744 20.4294 10.4042 21.3309 9.21566 21.9217L8.54406 22.2555L7.87638 20.9123L8.54798 20.5785C9.37942 20.1652 9.65381 19.6536 9.70202 19.2352C9.71664 19.1083 9.71212 18.9759 9.68863 18.8415C8.85096 19.4926 7.93898 19.8311 6.97092 19.7284C5.94239 19.6192 5.00339 19.0271 4.14737 18.1208L3.64541 17.5893L4.16385 17.0739C4.544 16.696 4.93996 16.3961 5.34322 16.1685C4.65359 16.1834 4.01365 16.0459 3.44476 15.7193C2.44041 15.1428 1.83736 14.0805 1.52005 12.7353L1.35791 12.0478L2.03437 11.8447C2.49804 11.7055 2.94905 11.6135 3.38243 11.5771C2.9812 11.2899 2.65089 10.9405 2.40678 10.5202C1.82564 9.51947 1.83832 8.29825 2.23995 6.976L2.44402 6.30414L3.12786 6.46356C3.57651 6.56815 3.99401 6.70405 4.37282 6.87557C4.12199 6.23449 4.03242 5.58709 4.147 4.94108C4.34888 3.80283 5.14775 2.87657 6.30867 2.1214L6.89576 1.7395ZM8.85718 17.5861C8.46885 17.2979 7.98005 17.1138 7.44982 17.1054C6.96228 17.0977 6.40371 17.2382 5.82423 17.6343C6.30577 18.0156 6.74081 18.1955 7.12924 18.2367C7.63544 18.2905 8.20255 18.123 8.85718 17.5861ZM17.1043 1.7395L17.6914 2.1214C18.8523 2.87657 19.6512 3.80283 19.853 4.94108C19.9676 5.58709 19.8781 6.23449 19.6272 6.87557C20.006 6.70405 20.4235 6.56815 20.8722 6.46356L21.556 6.30414L21.7601 6.976C22.1617 8.29825 22.1744 9.51947 21.5933 10.5202C21.3492 10.9405 21.0188 11.2899 20.6176 11.5771C21.051 11.6135 21.502 11.7055 21.9657 11.8447L22.6421 12.0478L22.48 12.7353C22.1627 14.0805 21.5596 15.1428 20.5553 15.7193C19.9864 16.0459 19.3465 16.1834 18.6568 16.1685C19.0601 16.3961 19.456 16.696 19.8362 17.0739L20.3546 17.5893L19.8527 18.1208C18.9967 19.0271 18.0577 19.6192 17.0291 19.7284C16.0611 19.8311 15.1491 19.4926 14.3114 18.8415C14.2879 18.9759 14.2834 19.1083 14.298 19.2352C14.3462 19.6536 14.6206 20.1652 15.4521 20.5785L16.1237 20.9123L15.456 22.2555L14.7844 21.9217C13.5958 21.3309 12.9257 20.4294 12.8079 19.4069C12.6938 18.4163 13.1171 17.467 13.7878 16.7832C14.4244 16.1341 15.3245 15.6779 16.3391 15.613L16.4851 14.9939C16.7391 13.917 17.1762 13.0214 17.8557 12.4113L17.7066 11.9204C17.3234 10.6587 17.2943 9.48902 17.7973 8.51512L17.7828 8.50566C16.6218 7.75049 15.823 6.82422 15.6211 5.68598C15.4191 4.54727 15.8515 3.40426 16.6831 2.29911L17.1043 1.7395ZM15.1429 17.5861C15.7975 18.123 16.3646 18.2905 16.8708 18.2367C17.2592 18.1955 17.6943 18.0156 18.1758 17.6343C17.5963 17.2382 17.0378 17.0977 16.5502 17.1054C16.02 17.1138 15.5312 17.2979 15.1429 17.5861ZM5.99742 6.8053C6.55876 6.32468 6.8248 5.85937 6.90201 5.42403C6.97909 4.9894 6.88956 4.46288 6.52853 3.82175C5.96719 4.30237 5.70116 4.76768 5.62395 5.20303C5.54686 5.63765 5.63639 6.16418 5.99742 6.8053ZM17.4715 3.82175C17.1105 4.46288 17.021 4.9894 17.098 5.42403C17.1752 5.85937 17.4413 6.32468 18.0026 6.8053C18.3637 6.16418 18.4532 5.63765 18.3761 5.20303C18.2989 4.76768 18.0329 4.30237 17.4715 3.82175ZM3.50285 8.1377C3.3851 8.86063 3.48202 9.38479 3.70391 9.76688C3.92673 10.1506 4.33753 10.4978 5.03056 10.7587C5.1483 10.0358 5.05139 9.51165 4.8295 9.12957C4.60667 8.74588 4.19588 8.39867 3.50285 8.1377ZM18.9695 10.7587C19.6625 10.4978 20.0733 10.1506 20.2961 9.76688C20.518 9.38479 20.6149 8.86063 20.4972 8.1377C19.8042 8.39867 19.3934 8.74588 19.1705 9.12957C18.9487 9.51165 18.8517 10.0358 18.9695 10.7587ZM3.19748 13.1097C3.45898 13.7917 3.80632 14.1973 4.19147 14.4184C4.57824 14.6404 5.10835 14.7368 5.83751 14.6195C5.57601 13.9374 5.22867 13.5318 4.84352 13.3107C4.45676 13.0887 3.92664 12.9923 3.19748 13.1097ZM18.1625 14.6195C18.8917 14.7368 19.4218 14.6404 19.8086 14.4184C20.1937 14.1973 20.5411 13.7917 20.8026 13.1097C20.0734 12.9923 19.5433 13.0887 19.1565 13.3107C18.7714 13.5318 18.424 13.9374 18.1625 14.6195Z", fill: "currentcolor" })), M2 = ({
495
+ title: l,
496
+ titleId: C,
497
+ ...t
498
+ }) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": C, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: C }, l) : null, /* @__PURE__ */ e.createElement("path", { d: "M11.995 16.973C11.0446 16.973 10.2862 16.5602 9.71978 15.7346C9.16298 14.909 8.88458 13.7234 8.88458 12.1778C8.88458 10.6322 9.16298 9.46099 9.71978 8.66419C10.2862 7.86739 11.0446 7.46899 11.995 7.46899C12.9454 7.46899 13.699 7.86739 14.2558 8.66419C14.8222 9.46099 15.1054 10.6322 15.1054 12.1778C15.1054 13.7234 14.8222 14.909 14.2558 15.7346C13.699 16.5602 12.9454 16.973 11.995 16.973ZM11.995 15.677C12.2926 15.677 12.5566 15.5666 12.787 15.3458C13.0174 15.1154 13.195 14.7458 13.3198 14.237C13.4542 13.7282 13.5214 13.0418 13.5214 12.1778C13.5214 11.3138 13.4542 10.6322 13.3198 10.133C13.195 9.63379 13.0174 9.28339 12.787 9.08179C12.5566 8.87059 12.2926 8.76499 11.995 8.76499C11.707 8.76499 11.4478 8.87059 11.2174 9.08179C10.987 9.28339 10.8046 9.63379 10.6702 10.133C10.5358 10.6322 10.4686 11.3138 10.4686 12.1778C10.4686 13.0418 10.5358 13.7282 10.6702 14.237C10.8046 14.7458 10.987 15.1154 11.2174 15.3458C11.4478 15.5666 11.707 15.677 11.995 15.677Z", fill: "currentcolor" })), H2 = {
495
499
  AcademicCap: n,
496
500
  Aggregate: r,
497
501
  ArrowDownOnSquare: o,
@@ -610,13 +614,14 @@ const n = ({
610
614
  Two: w2,
611
615
  User: h2,
612
616
  UserCheckFill: s2,
613
- UserMinusFill: v2,
614
- UserPlus: L2,
615
- UserPlusFill: g2,
616
- Wreath: m2,
617
- Zero: u2
617
+ UserCircle: v2,
618
+ UserMinusFill: L2,
619
+ UserPlus: g2,
620
+ UserPlusFill: m2,
621
+ Wreath: u2,
622
+ Zero: M2
618
623
  };
619
624
  export {
620
- M2 as Icons
625
+ H2 as Icons
621
626
  };
622
627
  //# sourceMappingURL=index.js.map