@phpsoftbox/react-softbox 0.1.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 (158) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +271 -0
  3. package/dist/components/Alert/Alert.d.ts +11 -0
  4. package/dist/components/Alert/Alert.js +15 -0
  5. package/dist/components/Alert/Alert.js.map +1 -0
  6. package/dist/components/Alert/Alert.module.css +73 -0
  7. package/dist/components/Badge/Badge.d.ts +8 -0
  8. package/dist/components/Badge/Badge.js +15 -0
  9. package/dist/components/Badge/Badge.js.map +1 -0
  10. package/dist/components/Badge/Badge.module.css +47 -0
  11. package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +24 -0
  12. package/dist/components/Breadcrumbs/Breadcrumbs.js +15 -0
  13. package/dist/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
  14. package/dist/components/Breadcrumbs/Breadcrumbs.module.css +55 -0
  15. package/dist/components/Button/Button.d.ts +10 -0
  16. package/dist/components/Button/Button.js +37 -0
  17. package/dist/components/Button/Button.js.map +1 -0
  18. package/dist/components/Button/Button.module.css +130 -0
  19. package/dist/components/Card/Card.d.ts +15 -0
  20. package/dist/components/Card/Card.js +26 -0
  21. package/dist/components/Card/Card.js.map +1 -0
  22. package/dist/components/Card/Card.module.css +55 -0
  23. package/dist/components/CollapseButton/CollapseButton.d.ts +9 -0
  24. package/dist/components/CollapseButton/CollapseButton.js +11 -0
  25. package/dist/components/CollapseButton/CollapseButton.js.map +1 -0
  26. package/dist/components/CollapseButton/CollapseButton.module.css +57 -0
  27. package/dist/components/Drawer/Drawer.d.ts +19 -0
  28. package/dist/components/Drawer/Drawer.js +42 -0
  29. package/dist/components/Drawer/Drawer.js.map +1 -0
  30. package/dist/components/Drawer/Drawer.module.css +104 -0
  31. package/dist/components/Flex/Flex.module.css +11 -0
  32. package/dist/components/Flex/Row.d.ts +9 -0
  33. package/dist/components/Flex/Row.js +14 -0
  34. package/dist/components/Flex/Row.js.map +1 -0
  35. package/dist/components/Flex/Stack.d.ts +8 -0
  36. package/dist/components/Flex/Stack.js +13 -0
  37. package/dist/components/Flex/Stack.js.map +1 -0
  38. package/dist/components/Grid/Grid.d.ts +11 -0
  39. package/dist/components/Grid/Grid.js +16 -0
  40. package/dist/components/Grid/Grid.js.map +1 -0
  41. package/dist/components/Grid/Grid.module.css +32 -0
  42. package/dist/components/Input/DatePicker.d.ts +6 -0
  43. package/dist/components/Input/DatePicker.js +6 -0
  44. package/dist/components/Input/DatePicker.js.map +1 -0
  45. package/dist/components/Input/DateRangePicker.d.ts +16 -0
  46. package/dist/components/Input/DateRangePicker.js +16 -0
  47. package/dist/components/Input/DateRangePicker.js.map +1 -0
  48. package/dist/components/Input/Field.d.ts +5 -0
  49. package/dist/components/Input/Field.js +25 -0
  50. package/dist/components/Input/Field.js.map +1 -0
  51. package/dist/components/Input/FloatLabel/FloatLabel.d.ts +9 -0
  52. package/dist/components/Input/FloatLabel/FloatLabel.js +22 -0
  53. package/dist/components/Input/FloatLabel/FloatLabel.js.map +1 -0
  54. package/dist/components/Input/FloatLabel/FloatLabel.module.css +41 -0
  55. package/dist/components/Input/FormField/FormField.d.ts +29 -0
  56. package/dist/components/Input/FormField/FormField.js +60 -0
  57. package/dist/components/Input/FormField/FormField.js.map +1 -0
  58. package/dist/components/Input/FormField/FormField.module.css +30 -0
  59. package/dist/components/Input/Input.d.ts +59 -0
  60. package/dist/components/Input/Input.js +34 -0
  61. package/dist/components/Input/Input.js.map +1 -0
  62. package/dist/components/Input/Input.module.css +31 -0
  63. package/dist/components/Input/InputGroup.d.ts +11 -0
  64. package/dist/components/Input/InputGroup.js +25 -0
  65. package/dist/components/Input/InputGroup.js.map +1 -0
  66. package/dist/components/Input/InputGroup.module.css +38 -0
  67. package/dist/components/Input/MaskedInput.d.ts +9 -0
  68. package/dist/components/Input/MaskedInput.js +82 -0
  69. package/dist/components/Input/MaskedInput.js.map +1 -0
  70. package/dist/components/Input/NumberInput.d.ts +10 -0
  71. package/dist/components/Input/NumberInput.js +44 -0
  72. package/dist/components/Input/NumberInput.js.map +1 -0
  73. package/dist/components/Input/Radio/Radio.d.ts +7 -0
  74. package/dist/components/Input/Radio/Radio.js +9 -0
  75. package/dist/components/Input/Radio/Radio.js.map +1 -0
  76. package/dist/components/Input/Radio/Radio.module.css +83 -0
  77. package/dist/components/Input/Select/Select.d.ts +38 -0
  78. package/dist/components/Input/Select/Select.js +200 -0
  79. package/dist/components/Input/Select/Select.js.map +1 -0
  80. package/dist/components/Input/Select/Select.module.css +194 -0
  81. package/dist/components/Input/Switch/Switch.d.ts +6 -0
  82. package/dist/components/Input/Switch/Switch.js +9 -0
  83. package/dist/components/Input/Switch/Switch.js.map +1 -0
  84. package/dist/components/Input/Switch/Switch.module.css +62 -0
  85. package/dist/components/Input/Textarea/Textarea.d.ts +6 -0
  86. package/dist/components/Input/Textarea/Textarea.js +21 -0
  87. package/dist/components/Input/Textarea/Textarea.js.map +1 -0
  88. package/dist/components/Input/Textarea/Textarea.module.css +39 -0
  89. package/dist/components/Input/TimePicker.d.ts +4 -0
  90. package/dist/components/Input/TimePicker.js +6 -0
  91. package/dist/components/Input/TimePicker.js.map +1 -0
  92. package/dist/components/Menu/Dropdown.d.ts +13 -0
  93. package/dist/components/Menu/Dropdown.js +58 -0
  94. package/dist/components/Menu/Dropdown.js.map +1 -0
  95. package/dist/components/Menu/Menu.d.ts +31 -0
  96. package/dist/components/Menu/Menu.js +161 -0
  97. package/dist/components/Menu/Menu.js.map +1 -0
  98. package/dist/components/Menu/Menu.module.css +240 -0
  99. package/dist/components/Modal/Modal.d.ts +12 -0
  100. package/dist/components/Modal/Modal.js +31 -0
  101. package/dist/components/Modal/Modal.js.map +1 -0
  102. package/dist/components/Modal/Modal.module.css +90 -0
  103. package/dist/components/Notifier/Notifier.d.ts +17 -0
  104. package/dist/components/Notifier/Notifier.js +210 -0
  105. package/dist/components/Notifier/Notifier.js.map +1 -0
  106. package/dist/components/Notifier/Notifier.module.css +182 -0
  107. package/dist/components/Pagination/Pagination.d.ts +28 -0
  108. package/dist/components/Pagination/Pagination.js +70 -0
  109. package/dist/components/Pagination/Pagination.js.map +1 -0
  110. package/dist/components/Pagination/Pagination.module.css +93 -0
  111. package/dist/components/Progress/Progress.d.ts +16 -0
  112. package/dist/components/Progress/Progress.js +32 -0
  113. package/dist/components/Progress/Progress.js.map +1 -0
  114. package/dist/components/Progress/Progress.module.css +110 -0
  115. package/dist/components/Tabs/Tabs.d.ts +20 -0
  116. package/dist/components/Tabs/Tabs.js +115 -0
  117. package/dist/components/Tabs/Tabs.js.map +1 -0
  118. package/dist/components/Tabs/Tabs.module.css +101 -0
  119. package/dist/components/Typography/Heading.d.ts +13 -0
  120. package/dist/components/Typography/Heading.js +38 -0
  121. package/dist/components/Typography/Heading.js.map +1 -0
  122. package/dist/components/Typography/Text.d.ts +20 -0
  123. package/dist/components/Typography/Text.js +43 -0
  124. package/dist/components/Typography/Text.js.map +1 -0
  125. package/dist/components/Typography/Typography.module.css +132 -0
  126. package/dist/foundations/index.css +3 -0
  127. package/dist/foundations/layout.css +78 -0
  128. package/dist/foundations/tokens.css +236 -0
  129. package/dist/foundations/typography.css +49 -0
  130. package/dist/hooks/useDropdownPosition.d.ts +14 -0
  131. package/dist/hooks/useDropdownPosition.js +61 -0
  132. package/dist/hooks/useDropdownPosition.js.map +1 -0
  133. package/dist/hooks/useMediaQuery.d.ts +1 -0
  134. package/dist/hooks/useMediaQuery.js +33 -0
  135. package/dist/hooks/useMediaQuery.js.map +1 -0
  136. package/dist/index.d.ts +30 -0
  137. package/dist/index.js +29 -0
  138. package/dist/index.js.map +1 -0
  139. package/dist/theme.d.ts +12 -0
  140. package/dist/theme.js +133 -0
  141. package/dist/theme.js.map +1 -0
  142. package/dist/types.d.ts +1 -0
  143. package/dist/types.js +2 -0
  144. package/dist/types.js.map +1 -0
  145. package/docs/README.md +40 -0
  146. package/docs/breadcrumbs.md +47 -0
  147. package/docs/card.md +18 -0
  148. package/docs/feedback.md +38 -0
  149. package/docs/forms.md +166 -0
  150. package/docs/layout.md +39 -0
  151. package/docs/navigation.md +80 -0
  152. package/docs/overlays.md +31 -0
  153. package/docs/pagination.md +50 -0
  154. package/docs/progress.md +18 -0
  155. package/docs/tabs.md +34 -0
  156. package/docs/theme.md +49 -0
  157. package/docs/typography.md +26 -0
  158. package/package.json +49 -0
@@ -0,0 +1,62 @@
1
+ .switch {
2
+ display: inline-flex;
3
+ align-items: center;
4
+ gap: 12px;
5
+ cursor: pointer;
6
+ color: var(--color-text);
7
+ }
8
+
9
+ .input {
10
+ position: absolute;
11
+ opacity: 0;
12
+ width: 0;
13
+ height: 0;
14
+ }
15
+
16
+ .track {
17
+ width: 46px;
18
+ height: 26px;
19
+ border-radius: 999px;
20
+ background: rgba(30, 51, 85, 0.8);
21
+ border: 1px solid rgba(30, 51, 85, 0.9);
22
+ position: relative;
23
+ transition: background 0.2s ease, border-color 0.2s ease;
24
+ display: inline-flex;
25
+ align-items: center;
26
+ }
27
+
28
+ .thumb {
29
+ width: 20px;
30
+ height: 20px;
31
+ border-radius: 50%;
32
+ background: #f4f8ff;
33
+ position: absolute;
34
+ left: 3px;
35
+ top: 50%;
36
+ transform: translateY(-50%);
37
+ transition: transform 0.2s ease;
38
+ box-shadow: 0 4px 10px rgba(5, 12, 24, 0.35);
39
+ }
40
+
41
+ .input:checked + .track {
42
+ background: rgba(79, 230, 163, 0.25);
43
+ border-color: rgba(79, 230, 163, 0.6);
44
+ }
45
+
46
+ .input:checked + .track .thumb {
47
+ transform: translate(20px, -50%);
48
+ }
49
+
50
+ .input:focus-visible + .track {
51
+ box-shadow: 0 0 0 3px rgba(20, 201, 214, 0.25);
52
+ }
53
+
54
+ .input:disabled + .track {
55
+ opacity: 0.5;
56
+ cursor: not-allowed;
57
+ }
58
+
59
+ .label {
60
+ font-size: 14px;
61
+ color: var(--color-muted);
62
+ }
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ type Props = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
3
+ hasError?: boolean;
4
+ };
5
+ export default function Textarea({ hasError, className, ...props }: Props): import("react/jsx-runtime").JSX.Element;
6
+ export {};
@@ -0,0 +1,21 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import React from 'react';
3
+ import styles from './Textarea.module.css';
4
+ import { useFormFieldContext } from '../FormField/FormField';
5
+ export default function Textarea({ hasError = false, className, ...props }) {
6
+ const context = useFormFieldContext();
7
+ const generatedId = React.useId();
8
+ const resolvedId = props.id ?? context?.fieldId ?? (props.name ? `field-${props.name}` : generatedId);
9
+ const classes = [styles.textarea, hasError ? styles.error : null, className].filter(Boolean).join(' ');
10
+ if (process.env.NODE_ENV !== 'production') {
11
+ if (!props.id && !props.name) {
12
+ // eslint-disable-next-line no-console
13
+ console.warn('Input.TextArea: рекомендуется передавать id или name для связки с label.');
14
+ }
15
+ }
16
+ React.useEffect(() => {
17
+ context?.registerField(resolvedId, props.name);
18
+ }, [context, resolvedId, props.name]);
19
+ return _jsx("textarea", { id: resolvedId, className: classes, ...props });
20
+ }
21
+ //# sourceMappingURL=Textarea.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/Input/Textarea/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAM7D,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,GAAG,KAAK,EACF;IACN,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC;IACtC,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAClC,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,IAAI,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IACtG,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEvG,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;QAC1C,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YAC7B,sCAAsC;YACtC,OAAO,CAAC,IAAI,CAAC,0EAA0E,CAAC,CAAC;QAC3F,CAAC;IACH,CAAC;IAED,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,EAAE,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEtC,OAAO,mBAAU,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,KAAM,KAAK,GAAI,CAAC;AACrE,CAAC"}
@@ -0,0 +1,39 @@
1
+ .textarea {
2
+ width: 100%;
3
+ min-height: 120px;
4
+ padding: 14px 16px;
5
+ border-radius: var(--radius-sm);
6
+ border: 1px solid rgba(30, 99, 233, 0.25);
7
+ background: var(--surface-input);
8
+ color: var(--color-text);
9
+ transition: border-color 0.2s ease, box-shadow 0.2s ease;
10
+ resize: vertical;
11
+ }
12
+
13
+ .textarea:focus {
14
+ outline: none;
15
+ border-color: rgba(20, 201, 214, 0.8);
16
+ box-shadow: 0 0 0 3px rgba(20, 201, 214, 0.2);
17
+ }
18
+
19
+ .textarea::placeholder {
20
+ color: var(--color-muted-2);
21
+ }
22
+
23
+ .textarea:disabled {
24
+ background: var(--surface-input-disabled);
25
+ color: var(--color-muted-2);
26
+ border-color: rgba(30, 51, 85, 0.5);
27
+ cursor: not-allowed;
28
+ }
29
+
30
+ .error {
31
+ border-color: rgba(255, 94, 126, 0.8);
32
+ box-shadow: 0 0 0 3px rgba(255, 94, 126, 0.2);
33
+ }
34
+
35
+ @media (prefers-reduced-motion: reduce) {
36
+ .textarea {
37
+ transition: none;
38
+ }
39
+ }
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ type Props = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'>;
3
+ export default function TimePicker(props: Props): import("react/jsx-runtime").JSX.Element;
4
+ export {};
@@ -0,0 +1,6 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import InputField from './Field';
3
+ export default function TimePicker(props) {
4
+ return _jsx(InputField, { ...props, type: "time" });
5
+ }
6
+ //# sourceMappingURL=TimePicker.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../src/components/Input/TimePicker.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,SAAS,CAAC;AAIjC,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAY;IAC7C,OAAO,KAAC,UAAU,OAAK,KAAK,EAAE,IAAI,EAAC,MAAM,GAAG,CAAC;AAC/C,CAAC"}
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { MenuItem } from './Menu';
3
+ type Props = {
4
+ trigger: React.ReactNode;
5
+ items: MenuItem[];
6
+ orientation?: 'vertical' | 'horizontal';
7
+ align?: 'left' | 'right';
8
+ placement?: 'auto' | 'down' | 'up';
9
+ fullWidth?: boolean;
10
+ className?: string;
11
+ };
12
+ export default function Dropdown({ trigger, items, orientation, align, placement, fullWidth, className, }: Props): import("react/jsx-runtime").JSX.Element;
13
+ export {};
@@ -0,0 +1,58 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import React from 'react';
3
+ import Menu from './Menu';
4
+ import styles from './Menu.module.css';
5
+ import useDropdownPosition from '../../hooks/useDropdownPosition';
6
+ export default function Dropdown({ trigger, items, orientation = 'vertical', align = 'right', placement = 'auto', fullWidth = false, className, }) {
7
+ const [open, setOpen] = React.useState(false);
8
+ const containerRef = React.useRef(null);
9
+ const triggerRef = React.useRef(null);
10
+ const { ref: menuRef, style: menuStyle } = useDropdownPosition(open, {
11
+ gap: 8,
12
+ align,
13
+ placement,
14
+ anchorRef: triggerRef,
15
+ });
16
+ const isElementTrigger = React.isValidElement(trigger);
17
+ React.useEffect(() => {
18
+ const handleClick = (event) => {
19
+ if (!containerRef.current) {
20
+ return;
21
+ }
22
+ if (!containerRef.current.contains(event.target)) {
23
+ setOpen(false);
24
+ }
25
+ };
26
+ document.addEventListener('click', handleClick);
27
+ return () => document.removeEventListener('click', handleClick);
28
+ }, []);
29
+ React.useEffect(() => {
30
+ if (!open || !containerRef.current) {
31
+ return;
32
+ }
33
+ const firstItem = containerRef.current.querySelector('[data-menu-item="true"]');
34
+ firstItem?.focus();
35
+ }, [open]);
36
+ const handleKeyDown = (event) => {
37
+ if (event.key === 'Escape') {
38
+ event.stopPropagation();
39
+ setOpen(false);
40
+ triggerRef.current?.focus();
41
+ }
42
+ };
43
+ const handleTriggerKeyDown = (event) => {
44
+ if (event.key === 'ArrowDown' || event.key === 'Enter' || event.key === ' ') {
45
+ event.preventDefault();
46
+ setOpen(true);
47
+ }
48
+ if (event.key === 'Escape') {
49
+ setOpen(false);
50
+ }
51
+ };
52
+ return (_jsxs("div", { className: [styles.dropdown, fullWidth ? styles.dropdownFull : null, className].filter(Boolean).join(' '), ref: containerRef, onKeyDown: handleKeyDown, children: [isElementTrigger ? (_jsx("span", { className: [styles.dropdownAnchor, fullWidth ? styles.dropdownAnchorFull : null].filter(Boolean).join(' '), onClick: () => setOpen((prev) => !prev), onKeyDown: handleTriggerKeyDown, "aria-expanded": open, "aria-haspopup": "menu", ref: (node) => {
53
+ triggerRef.current = node;
54
+ }, children: trigger })) : (_jsx("button", { type: "button", className: [styles.dropdownTrigger, fullWidth ? styles.dropdownTriggerFull : null].filter(Boolean).join(' '), onClick: () => setOpen((prev) => !prev), onKeyDown: handleTriggerKeyDown, "aria-expanded": open, ref: (node) => {
55
+ triggerRef.current = node;
56
+ }, children: trigger })), open ? (_jsx("div", { ref: menuRef, className: [styles.dropdownMenu, styles[`align-${align}`]].filter(Boolean).join(' '), style: menuStyle, children: _jsx(Menu, { items: items, orientation: orientation, onItemSelect: () => setOpen(false) }) })) : null] }));
57
+ }
58
+ //# sourceMappingURL=Dropdown.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/Menu/Dropdown.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,31 @@
1
+ import React from 'react';
2
+ type LinkComponent = React.ElementType<{
3
+ href?: string;
4
+ className?: string;
5
+ onClick?: React.MouseEventHandler<HTMLElement>;
6
+ children?: React.ReactNode;
7
+ }>;
8
+ export type MenuItem = {
9
+ id?: string;
10
+ label?: string;
11
+ href?: string;
12
+ onClick?: () => void;
13
+ icon?: React.ReactNode;
14
+ active?: boolean;
15
+ disabled?: boolean;
16
+ divider?: boolean;
17
+ children?: MenuItem[];
18
+ open?: boolean;
19
+ align?: 'left' | 'right';
20
+ placement?: 'auto' | 'down' | 'up';
21
+ as?: LinkComponent;
22
+ };
23
+ type Props = {
24
+ items: MenuItem[];
25
+ orientation?: 'vertical' | 'horizontal';
26
+ className?: string;
27
+ onItemSelect?: (item: MenuItem) => void;
28
+ as?: LinkComponent;
29
+ };
30
+ export default function Menu({ items, orientation, className, onItemSelect, as }: Props): import("react/jsx-runtime").JSX.Element;
31
+ export {};
@@ -0,0 +1,161 @@
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
+ import React from 'react';
3
+ import styles from './Menu.module.css';
4
+ import useDropdownPosition from '../../hooks/useDropdownPosition';
5
+ function HorizontalDropdown({ item, isOpen, classNames, content, dropdownId, align, placement, onToggle, onSelect, }) {
6
+ const buttonRef = React.useRef(null);
7
+ const { ref, style } = useDropdownPosition(isOpen, { gap: 8, align, placement, anchorRef: buttonRef });
8
+ return (_jsxs("div", { className: styles.dropdownItem, children: [_jsxs("button", { type: "button", className: classNames, onClick: onToggle, "aria-expanded": isOpen, "aria-controls": dropdownId, "data-menu-item": "true", "aria-current": item.active ? 'page' : undefined, disabled: item.disabled, ref: buttonRef, children: [content, _jsx("span", { className: [styles.chevron, isOpen ? styles.chevronOpen : null].filter(Boolean).join(' '), "aria-hidden": "true" })] }), isOpen ? (_jsx("div", { id: dropdownId, className: [styles.dropdownMenu, styles[`align-${align}`]].filter(Boolean).join(' '), "aria-hidden": !isOpen, ref: ref, style: style, children: _jsx(Menu, { items: item.children ?? [], onItemSelect: onSelect }) })) : null] }));
9
+ }
10
+ export default function Menu({ items, orientation = 'vertical', className, onItemSelect, as }) {
11
+ const navRef = React.useRef(null);
12
+ const isHorizontal = orientation === 'horizontal';
13
+ const getKey = (item, index) => item.id ?? item.label ?? `item-${index}`;
14
+ const initGroups = React.useCallback(() => {
15
+ const map = {};
16
+ items.forEach((item, index) => {
17
+ if (item.children && item.children.length > 0) {
18
+ map[getKey(item, index)] = item.open ?? false;
19
+ }
20
+ });
21
+ return map;
22
+ }, [items]);
23
+ const [openGroups, setOpenGroups] = React.useState(() => initGroups());
24
+ React.useEffect(() => {
25
+ setOpenGroups((prev) => ({ ...initGroups(), ...prev }));
26
+ }, [initGroups]);
27
+ React.useEffect(() => {
28
+ if (!isHorizontal) {
29
+ return;
30
+ }
31
+ const handleClick = (event) => {
32
+ if (!navRef.current) {
33
+ return;
34
+ }
35
+ if (!navRef.current.contains(event.target)) {
36
+ setOpenGroups({});
37
+ }
38
+ };
39
+ document.addEventListener('click', handleClick);
40
+ return () => document.removeEventListener('click', handleClick);
41
+ }, [isHorizontal]);
42
+ const focusableItems = () => {
43
+ if (!navRef.current) {
44
+ return [];
45
+ }
46
+ const elements = Array.from(navRef.current.querySelectorAll('[data-menu-item="true"]'));
47
+ return elements.filter((el) => {
48
+ if (el.closest('[data-menu-root="true"]') !== navRef.current) {
49
+ return false;
50
+ }
51
+ if (el.getAttribute('aria-disabled') === 'true') {
52
+ return false;
53
+ }
54
+ if (el instanceof HTMLButtonElement && el.disabled) {
55
+ return false;
56
+ }
57
+ return true;
58
+ });
59
+ };
60
+ const handleKeyDown = (event) => {
61
+ const itemsList = focusableItems();
62
+ if (itemsList.length === 0) {
63
+ return;
64
+ }
65
+ const currentIndex = itemsList.indexOf(document.activeElement);
66
+ const lastIndex = itemsList.length - 1;
67
+ const moveFocus = (nextIndex) => {
68
+ itemsList[nextIndex]?.focus();
69
+ };
70
+ switch (event.key) {
71
+ case 'ArrowDown':
72
+ if (!isHorizontal) {
73
+ event.preventDefault();
74
+ moveFocus(currentIndex >= lastIndex ? 0 : currentIndex + 1);
75
+ }
76
+ break;
77
+ case 'ArrowUp':
78
+ if (!isHorizontal) {
79
+ event.preventDefault();
80
+ moveFocus(currentIndex <= 0 ? lastIndex : currentIndex - 1);
81
+ }
82
+ break;
83
+ case 'ArrowRight':
84
+ if (isHorizontal) {
85
+ event.preventDefault();
86
+ moveFocus(currentIndex >= lastIndex ? 0 : currentIndex + 1);
87
+ }
88
+ break;
89
+ case 'ArrowLeft':
90
+ if (isHorizontal) {
91
+ event.preventDefault();
92
+ moveFocus(currentIndex <= 0 ? lastIndex : currentIndex - 1);
93
+ }
94
+ break;
95
+ case 'Home':
96
+ event.preventDefault();
97
+ moveFocus(0);
98
+ break;
99
+ case 'End':
100
+ event.preventDefault();
101
+ moveFocus(lastIndex);
102
+ break;
103
+ default:
104
+ break;
105
+ }
106
+ };
107
+ const classes = [styles.menu, styles[orientation], className].filter(Boolean).join(' ');
108
+ const handleSelect = (item) => {
109
+ if (isHorizontal) {
110
+ setOpenGroups({});
111
+ }
112
+ onItemSelect?.(item);
113
+ };
114
+ return (_jsx("nav", { className: classes, "aria-orientation": orientation, "data-menu-root": "true", onKeyDown: handleKeyDown, ref: navRef, children: items.map((item, index) => {
115
+ const key = getKey(item, index);
116
+ if (item.divider) {
117
+ return _jsx("div", { className: styles.divider, role: "separator" }, key);
118
+ }
119
+ const content = (_jsxs(_Fragment, { children: [item.icon ? _jsx("span", { className: styles.icon, children: item.icon }) : null, _jsx("span", { children: item.label })] }));
120
+ const classNames = [
121
+ styles.item,
122
+ item.active ? styles.active : null,
123
+ item.disabled ? styles.disabled : null,
124
+ ]
125
+ .filter(Boolean)
126
+ .join(' ');
127
+ const handleClick = (event) => {
128
+ if (item.disabled) {
129
+ event.preventDefault();
130
+ return;
131
+ }
132
+ item.onClick?.();
133
+ handleSelect(item);
134
+ };
135
+ if (item.children && item.children.length > 0 && orientation === 'vertical') {
136
+ const isOpen = openGroups[key] ?? false;
137
+ const submenuId = `${key}-submenu`;
138
+ return (_jsxs("div", { className: styles.group, children: [_jsxs("button", { type: "button", className: [classNames, styles.groupButton].filter(Boolean).join(' '), onClick: () => setOpenGroups((prev) => ({ ...prev, [key]: !isOpen })), "aria-expanded": isOpen, "aria-controls": submenuId, "data-menu-item": "true", "aria-current": item.active ? 'page' : undefined, disabled: item.disabled, children: [content, _jsx("span", { className: [styles.chevron, isOpen ? styles.chevronOpen : null].filter(Boolean).join(' '), "aria-hidden": "true" })] }), _jsx("div", { id: submenuId, className: [styles.submenu, isOpen ? styles.submenuOpen : null].filter(Boolean).join(' '), "aria-hidden": !isOpen, children: _jsx(Menu, { items: item.children, onItemSelect: handleSelect, className: styles.submenuList }) })] }, key));
139
+ }
140
+ if (item.children && item.children.length > 0 && orientation === 'horizontal') {
141
+ const isOpen = openGroups[key] ?? false;
142
+ const dropdownId = `${key}-dropdown`;
143
+ const dropdownAlign = item.align ?? 'left';
144
+ const dropdownPlacement = item.placement ?? 'auto';
145
+ const toggleDropdown = () => {
146
+ setOpenGroups((prev) => {
147
+ const next = isHorizontal ? {} : { ...prev };
148
+ next[key] = !isOpen;
149
+ return next;
150
+ });
151
+ };
152
+ return (_jsx(HorizontalDropdown, { item: item, isOpen: isOpen, classNames: classNames, content: content, dropdownId: dropdownId, align: dropdownAlign, placement: dropdownPlacement, onToggle: toggleDropdown, onSelect: handleSelect }, key));
153
+ }
154
+ if (item.href) {
155
+ const LinkTag = item.as ?? as ?? 'a';
156
+ return (_jsx(LinkTag, { className: classNames, href: item.href, onClick: handleClick, "aria-current": item.active ? 'page' : undefined, "aria-disabled": item.disabled ? 'true' : undefined, tabIndex: item.disabled ? -1 : undefined, "data-menu-item": "true", children: content }, key));
157
+ }
158
+ return (_jsx("button", { type: "button", className: classNames, onClick: handleClick, disabled: item.disabled, "aria-current": item.active ? 'page' : undefined, "data-menu-item": "true", children: content }, key));
159
+ }) }));
160
+ }
161
+ //# sourceMappingURL=Menu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,mBAAmB,MAAM,iCAAiC,CAAC;AA6ClE,SAAS,kBAAkB,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,UAAU,EACV,OAAO,EACP,UAAU,EACV,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,GACgB;IACxB,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IACxD,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,mBAAmB,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;IAEvG,OAAO,CACL,eAAK,SAAS,EAAE,MAAM,CAAC,YAAY,aACjC,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,QAAQ,mBACF,MAAM,mBACN,UAAU,oBACV,MAAM,kBACP,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC9C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,GAAG,EAAE,SAAS,aAEb,OAAO,EACR,eAAM,SAAS,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,iBAAc,MAAM,GAAG,IAC/G,EACR,MAAM,CAAC,CAAC,CAAC,CACR,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,SAAS,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,iBACvE,CAAC,MAAM,EACpB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,YAEZ,KAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,IAAI,EAAE,EAAE,YAAY,EAAE,QAAQ,GAAI,GACxD,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,WAAW,GAAG,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,EAAS;IAClG,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAC;IAC/C,MAAM,YAAY,GAAG,WAAW,KAAK,YAAY,CAAC;IAElD,MAAM,MAAM,GAAG,CAAC,IAAc,EAAE,KAAa,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,KAAK,IAAI,QAAQ,KAAK,EAAE,CAAC;IAE3F,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,MAAM,GAAG,GAA4B,EAAE,CAAC;QACxC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC5B,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC9C,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC;YAChD,CAAC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAA0B,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,CAAC;IAEhG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC;IAC1D,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;YACxC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;gBACpB,OAAO;YACT,CAAC;YAED,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;gBACnD,aAAa,CAAC,EAAE,CAAC,CAAC;YACpB,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACpB,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,CAAkB,CAAC;QACzG,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE;YAC5B,IAAI,EAAE,CAAC,OAAO,CAAC,yBAAyB,CAAC,KAAK,MAAM,CAAC,OAAO,EAAE,CAAC;gBAC7D,OAAO,KAAK,CAAC;YACf,CAAC;YAED,IAAI,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,EAAE,CAAC;gBAChD,OAAO,KAAK,CAAC;YACf,CAAC;YAED,IAAI,EAAE,YAAY,iBAAiB,IAAI,EAAE,CAAC,QAAQ,EAAE,CAAC;gBACnD,OAAO,KAAK,CAAC;YACf,CAAC;YAED,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAA0B,EAAE,EAAE;QACnD,MAAM,SAAS,GAAG,cAAc,EAAE,CAAC;QACnC,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC3B,OAAO;QACT,CAAC;QAED,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,aAA4B,CAAC,CAAC;QAC9E,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;QACvC,MAAM,SAAS,GAAG,CAAC,SAAiB,EAAE,EAAE;YACtC,SAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC;QAChC,CAAC,CAAC;QAEF,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAClB,KAAK,WAAW;gBACd,IAAI,CAAC,YAAY,EAAE,CAAC;oBAClB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,SAAS,CAAC,YAAY,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;gBAC9D,CAAC;gBACD,MAAM;YACR,KAAK,SAAS;gBACZ,IAAI,CAAC,YAAY,EAAE,CAAC;oBAClB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,SAAS,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;gBAC9D,CAAC;gBACD,MAAM;YACR,KAAK,YAAY;gBACf,IAAI,YAAY,EAAE,CAAC;oBACjB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,SAAS,CAAC,YAAY,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;gBAC9D,CAAC;gBACD,MAAM;YACR,KAAK,WAAW;gBACd,IAAI,YAAY,EAAE,CAAC;oBACjB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,SAAS,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;gBAC9D,CAAC;gBACD,MAAM;YACR,KAAK,MAAM;gBACT,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,SAAS,CAAC,CAAC,CAAC,CAAC;gBACb,MAAM;YACR,KAAK,KAAK;gBACR,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,SAAS,CAAC,SAAS,CAAC,CAAC;gBACrB,MAAM;YACR;gBACE,MAAM;QACV,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAExF,MAAM,YAAY,GAAG,CAAC,IAAc,EAAE,EAAE;QACtC,IAAI,YAAY,EAAE,CAAC;YACjB,aAAa,CAAC,EAAE,CAAC,CAAC;QACpB,CAAC;QACD,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAE,OAAO,sBACA,WAAW,oBACd,MAAM,EACrB,SAAS,EAAE,aAAa,EACxB,GAAG,EAAE,MAAM,YAEV,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YAEhC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,OAAO,cAAe,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,IAAI,EAAC,WAAW,IAAhD,GAAG,CAAgD,CAAC;YACvE,CAAC;YAED,MAAM,OAAO,GAAG,CACd,8BACG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,IAAI,CAAC,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EACpE,yBAAO,IAAI,CAAC,KAAK,GAAQ,IACxB,CACJ,CAAC;YAEF,MAAM,UAAU,GAAG;gBACjB,MAAM,CAAC,IAAI;gBACX,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;gBAClC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;aACvC;iBACE,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,GAAG,CAAC,CAAC;YAEX,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;gBAC9C,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;oBAClB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,OAAO;gBACT,CAAC;gBACD,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;gBACjB,YAAY,CAAC,IAAI,CAAC,CAAC;YACrB,CAAC,CAAC;YAEF,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,WAAW,KAAK,UAAU,EAAE,CAAC;gBAC5E,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC;gBACxC,MAAM,SAAS,GAAG,GAAG,GAAG,UAAU,CAAC;gBAErC,OAAO,CACL,eAAe,SAAS,EAAE,MAAM,CAAC,KAAK,aACpC,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACrE,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC,mBACtD,MAAM,mBACN,SAAS,oBACT,MAAM,kBACP,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC9C,QAAQ,EAAE,IAAI,CAAC,QAAQ,aAEtB,OAAO,EACR,eAAM,SAAS,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,iBAAc,MAAM,GAAG,IAC/G,EACT,cACE,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,iBAC5E,CAAC,MAAM,YAEpB,KAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,GAAI,GACrF,KApBE,GAAG,CAqBP,CACP,CAAC;YACJ,CAAC;YAED,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,WAAW,KAAK,YAAY,EAAE,CAAC;gBAC9E,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC;gBACxC,MAAM,UAAU,GAAG,GAAG,GAAG,WAAW,CAAC;gBACrC,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC;gBAC3C,MAAM,iBAAiB,GAAG,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC;gBAEnD,MAAM,cAAc,GAAG,GAAG,EAAE;oBAC1B,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE;wBACrB,MAAM,IAAI,GAAG,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC;wBAC7C,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC;wBACpB,OAAO,IAAI,CAAC;oBACd,CAAC,CAAC,CAAC;gBACL,CAAC,CAAC;gBAEF,OAAO,CACL,KAAC,kBAAkB,IAEjB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,aAAa,EACpB,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,cAAc,EACxB,QAAQ,EAAE,YAAY,IATjB,GAAG,CAUR,CACH,CAAC;YACJ,CAAC;YAED,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACd,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC;gBACrC,OAAO,CACL,KAAC,OAAO,IAEN,SAAS,EAAE,UAAU,EACrB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,WAAW,kBACN,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,mBAC/B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACjD,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,oBACzB,MAAM,YAEpB,OAAO,IATH,GAAG,CAUA,CACX,CAAC;YACJ,CAAC;YAED,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,kBACT,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,oBAC/B,MAAM,YAEpB,OAAO,IARH,GAAG,CASD,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}