@baseplate-dev/ui-components 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +390 -0
- package/dist/components/Alert/Alert.d.ts +15 -0
- package/dist/components/Alert/Alert.d.ts.map +1 -0
- package/dist/components/Alert/Alert.js +32 -0
- package/dist/components/Alert/Alert.js.map +1 -0
- package/dist/components/Badge/Badge.d.ts +21 -0
- package/dist/components/Badge/Badge.d.ts.map +1 -0
- package/dist/components/Badge/Badge.js +33 -0
- package/dist/components/Badge/Badge.js.map +1 -0
- package/dist/components/Breadcrumb/Breadcrumb.d.ts +12 -0
- package/dist/components/Breadcrumb/Breadcrumb.d.ts.map +1 -0
- package/dist/components/Breadcrumb/Breadcrumb.js +28 -0
- package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -0
- package/dist/components/Button/Button.d.ts +23 -0
- package/dist/components/Button/Button.d.ts.map +1 -0
- package/dist/components/Button/Button.js +22 -0
- package/dist/components/Button/Button.js.map +1 -0
- package/dist/components/ButtonGroup/ButtonGroup.d.ts +7 -0
- package/dist/components/ButtonGroup/ButtonGroup.d.ts.map +1 -0
- package/dist/components/ButtonGroup/ButtonGroup.js +10 -0
- package/dist/components/ButtonGroup/ButtonGroup.js.map +1 -0
- package/dist/components/Card/Card.d.ts +15 -0
- package/dist/components/Card/Card.d.ts.map +1 -0
- package/dist/components/Card/Card.js +30 -0
- package/dist/components/Card/Card.js.map +1 -0
- package/dist/components/Checkbox/Checkbox.d.ts +10 -0
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/Checkbox/Checkbox.js +15 -0
- package/dist/components/Checkbox/Checkbox.js.map +1 -0
- package/dist/components/CheckboxField/CheckboxField.d.ts +19 -0
- package/dist/components/CheckboxField/CheckboxField.d.ts.map +1 -0
- package/dist/components/CheckboxField/CheckboxField.js +20 -0
- package/dist/components/CheckboxField/CheckboxField.js.map +1 -0
- package/dist/components/ColorPicker/ColorPicker.d.ts +16 -0
- package/dist/components/ColorPicker/ColorPicker.d.ts.map +1 -0
- package/dist/components/ColorPicker/ColorPicker.js +19 -0
- package/dist/components/ColorPicker/ColorPicker.js.map +1 -0
- package/dist/components/ColorPickerField/ColorPickerField.d.ts +36 -0
- package/dist/components/ColorPickerField/ColorPickerField.d.ts.map +1 -0
- package/dist/components/ColorPickerField/ColorPickerField.js +43 -0
- package/dist/components/ColorPickerField/ColorPickerField.js.map +1 -0
- package/dist/components/Combobox/Combobox.d.ts +71 -0
- package/dist/components/Combobox/Combobox.d.ts.map +1 -0
- package/dist/components/Combobox/Combobox.js +173 -0
- package/dist/components/Combobox/Combobox.js.map +1 -0
- package/dist/components/Combobox/Combobox.test.d.ts +2 -0
- package/dist/components/Combobox/Combobox.test.d.ts.map +1 -0
- package/dist/components/Combobox/Combobox.test.js +148 -0
- package/dist/components/Combobox/Combobox.test.js.map +1 -0
- package/dist/components/ComboboxField/ComboboxField.d.ts +20 -0
- package/dist/components/ComboboxField/ComboboxField.d.ts.map +1 -0
- package/dist/components/ComboboxField/ComboboxField.js +39 -0
- package/dist/components/ComboboxField/ComboboxField.js.map +1 -0
- package/dist/components/Command/Command.d.ts +22 -0
- package/dist/components/Command/Command.d.ts.map +1 -0
- package/dist/components/Command/Command.js +40 -0
- package/dist/components/Command/Command.js.map +1 -0
- package/dist/components/ConfirmDialog/ConfirmDialog.d.ts +8 -0
- package/dist/components/ConfirmDialog/ConfirmDialog.d.ts.map +1 -0
- package/dist/components/ConfirmDialog/ConfirmDialog.js +48 -0
- package/dist/components/ConfirmDialog/ConfirmDialog.js.map +1 -0
- package/dist/components/Dialog/Dialog.d.ts +22 -0
- package/dist/components/Dialog/Dialog.d.ts.map +1 -0
- package/dist/components/Dialog/Dialog.js +42 -0
- package/dist/components/Dialog/Dialog.js.map +1 -0
- package/dist/components/Dropdown/Dropdown.d.ts +31 -0
- package/dist/components/Dropdown/Dropdown.d.ts.map +1 -0
- package/dist/components/Dropdown/Dropdown.js +57 -0
- package/dist/components/Dropdown/Dropdown.js.map +1 -0
- package/dist/components/EmptyDisplay/EmptyDisplay.d.ts +30 -0
- package/dist/components/EmptyDisplay/EmptyDisplay.d.ts.map +1 -0
- package/dist/components/EmptyDisplay/EmptyDisplay.js +14 -0
- package/dist/components/EmptyDisplay/EmptyDisplay.js.map +1 -0
- package/dist/components/ErrorDisplay/ErrorDisplay.d.ts +25 -0
- package/dist/components/ErrorDisplay/ErrorDisplay.d.ts.map +1 -0
- package/dist/components/ErrorDisplay/ErrorDisplay.js +16 -0
- package/dist/components/ErrorDisplay/ErrorDisplay.js.map +1 -0
- package/dist/components/ErrorableLoader/ErrorableLoader.d.ts +25 -0
- package/dist/components/ErrorableLoader/ErrorableLoader.d.ts.map +1 -0
- package/dist/components/ErrorableLoader/ErrorableLoader.js +14 -0
- package/dist/components/ErrorableLoader/ErrorableLoader.js.map +1 -0
- package/dist/components/FormActionBar/FormActionBar.d.ts +32 -0
- package/dist/components/FormActionBar/FormActionBar.d.ts.map +1 -0
- package/dist/components/FormActionBar/FormActionBar.js +28 -0
- package/dist/components/FormActionBar/FormActionBar.js.map +1 -0
- package/dist/components/FormItem/FormItem.d.ts +23 -0
- package/dist/components/FormItem/FormItem.d.ts.map +1 -0
- package/dist/components/FormItem/FormItem.js +57 -0
- package/dist/components/FormItem/FormItem.js.map +1 -0
- package/dist/components/Input/Input.d.ts +11 -0
- package/dist/components/Input/Input.d.ts.map +1 -0
- package/dist/components/Input/Input.js +15 -0
- package/dist/components/Input/Input.js.map +1 -0
- package/dist/components/InputField/InputField.d.ts +17 -0
- package/dist/components/InputField/InputField.d.ts.map +1 -0
- package/dist/components/InputField/InputField.js +18 -0
- package/dist/components/InputField/InputField.js.map +1 -0
- package/dist/components/Label/Label.d.ts +10 -0
- package/dist/components/Label/Label.d.ts.map +1 -0
- package/dist/components/Label/Label.js +14 -0
- package/dist/components/Label/Label.js.map +1 -0
- package/dist/components/Loader/Loader.d.ts +10 -0
- package/dist/components/Loader/Loader.d.ts.map +1 -0
- package/dist/components/Loader/Loader.js +10 -0
- package/dist/components/Loader/Loader.js.map +1 -0
- package/dist/components/MultiCombobox/MultiCombobox.d.ts +47 -0
- package/dist/components/MultiCombobox/MultiCombobox.d.ts.map +1 -0
- package/dist/components/MultiCombobox/MultiCombobox.js +114 -0
- package/dist/components/MultiCombobox/MultiCombobox.js.map +1 -0
- package/dist/components/MultiComboboxField/MultiComboboxField.d.ts +19 -0
- package/dist/components/MultiComboboxField/MultiComboboxField.d.ts.map +1 -0
- package/dist/components/MultiComboboxField/MultiComboboxField.js +38 -0
- package/dist/components/MultiComboboxField/MultiComboboxField.js.map +1 -0
- package/dist/components/MultiSwitchField/MultiSwitchField.d.ts +41 -0
- package/dist/components/MultiSwitchField/MultiSwitchField.d.ts.map +1 -0
- package/dist/components/MultiSwitchField/MultiSwitchField.js +44 -0
- package/dist/components/MultiSwitchField/MultiSwitchField.js.map +1 -0
- package/dist/components/NavigationMenu/NavigationMenu.d.ts +27 -0
- package/dist/components/NavigationMenu/NavigationMenu.d.ts.map +1 -0
- package/dist/components/NavigationMenu/NavigationMenu.js +50 -0
- package/dist/components/NavigationMenu/NavigationMenu.js.map +1 -0
- package/dist/components/NavigationTabs/NavigationTabs.d.ts +9 -0
- package/dist/components/NavigationTabs/NavigationTabs.d.ts.map +1 -0
- package/dist/components/NavigationTabs/NavigationTabs.js +14 -0
- package/dist/components/NavigationTabs/NavigationTabs.js.map +1 -0
- package/dist/components/Popover/Popover.d.ts +17 -0
- package/dist/components/Popover/Popover.d.ts.map +1 -0
- package/dist/components/Popover/Popover.js +23 -0
- package/dist/components/Popover/Popover.js.map +1 -0
- package/dist/components/RecordView/RecordView.d.ts +24 -0
- package/dist/components/RecordView/RecordView.d.ts.map +1 -0
- package/dist/components/RecordView/RecordView.js +16 -0
- package/dist/components/RecordView/RecordView.js.map +1 -0
- package/dist/components/ScrollArea/ScrollArea.d.ts +11 -0
- package/dist/components/ScrollArea/ScrollArea.d.ts.map +1 -0
- package/dist/components/ScrollArea/ScrollArea.js +19 -0
- package/dist/components/ScrollArea/ScrollArea.js.map +1 -0
- package/dist/components/SectionList/SectionList.d.ts +36 -0
- package/dist/components/SectionList/SectionList.d.ts.map +1 -0
- package/dist/components/SectionList/SectionList.js +25 -0
- package/dist/components/SectionList/SectionList.js.map +1 -0
- package/dist/components/Select/Select.d.ts +26 -0
- package/dist/components/Select/Select.d.ts.map +1 -0
- package/dist/components/Select/Select.js +51 -0
- package/dist/components/Select/Select.js.map +1 -0
- package/dist/components/SelectField/SelectField.d.ts +13 -0
- package/dist/components/SelectField/SelectField.d.ts.map +1 -0
- package/dist/components/SelectField/SelectField.js +30 -0
- package/dist/components/SelectField/SelectField.js.map +1 -0
- package/dist/components/Separator/Separator.d.ts +10 -0
- package/dist/components/Separator/Separator.d.ts.map +1 -0
- package/dist/components/Separator/Separator.js +14 -0
- package/dist/components/Separator/Separator.js.map +1 -0
- package/dist/components/Sheet/Sheet.d.ts +20 -0
- package/dist/components/Sheet/Sheet.d.ts.map +1 -0
- package/dist/components/Sheet/Sheet.js +46 -0
- package/dist/components/Sheet/Sheet.js.map +1 -0
- package/dist/components/SidebarLayout/SidebarLayout.d.ts +23 -0
- package/dist/components/SidebarLayout/SidebarLayout.d.ts.map +1 -0
- package/dist/components/SidebarLayout/SidebarLayout.js +22 -0
- package/dist/components/SidebarLayout/SidebarLayout.js.map +1 -0
- package/dist/components/Switch/Switch.d.ts +10 -0
- package/dist/components/Switch/Switch.d.ts.map +1 -0
- package/dist/components/Switch/Switch.js +13 -0
- package/dist/components/Switch/Switch.js.map +1 -0
- package/dist/components/SwitchField/SwitchField.d.ts +16 -0
- package/dist/components/SwitchField/SwitchField.d.ts.map +1 -0
- package/dist/components/SwitchField/SwitchField.js +15 -0
- package/dist/components/SwitchField/SwitchField.js.map +1 -0
- package/dist/components/Table/Table.d.ts +16 -0
- package/dist/components/Table/Table.d.ts.map +1 -0
- package/dist/components/Table/Table.js +33 -0
- package/dist/components/Table/Table.js.map +1 -0
- package/dist/components/Tabs/Tabs.d.ts +13 -0
- package/dist/components/Tabs/Tabs.d.ts.map +1 -0
- package/dist/components/Tabs/Tabs.js +23 -0
- package/dist/components/Tabs/Tabs.js.map +1 -0
- package/dist/components/Textarea/Textarea.d.ts +10 -0
- package/dist/components/Textarea/Textarea.d.ts.map +1 -0
- package/dist/components/Textarea/Textarea.js +12 -0
- package/dist/components/Textarea/Textarea.js.map +1 -0
- package/dist/components/TextareaField/TextareaField.d.ts +17 -0
- package/dist/components/TextareaField/TextareaField.d.ts.map +1 -0
- package/dist/components/TextareaField/TextareaField.js +18 -0
- package/dist/components/TextareaField/TextareaField.js.map +1 -0
- package/dist/components/Toaster/Toaster.d.ts +11 -0
- package/dist/components/Toaster/Toaster.d.ts.map +1 -0
- package/dist/components/Toaster/Toaster.js +29 -0
- package/dist/components/Toaster/Toaster.js.map +1 -0
- package/dist/components/Tooltip/Tooltip.d.ts +8 -0
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/Tooltip/Tooltip.js +18 -0
- package/dist/components/Tooltip/Tooltip.js.map +1 -0
- package/dist/components/index.d.ts +48 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +48 -0
- package/dist/components/index.js.map +1 -0
- package/dist/constants/strings.d.ts +14 -0
- package/dist/constants/strings.d.ts.map +1 -0
- package/dist/constants/strings.js +13 -0
- package/dist/constants/strings.js.map +1 -0
- package/dist/contexts/component-strings.d.ts +16 -0
- package/dist/contexts/component-strings.d.ts.map +1 -0
- package/dist/contexts/component-strings.js +9 -0
- package/dist/contexts/component-strings.js.map +1 -0
- package/dist/hooks/index.d.ts +5 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/index.js +5 -0
- package/dist/hooks/index.js.map +1 -0
- package/dist/hooks/useConfirmDialog.d.ts +22 -0
- package/dist/hooks/useConfirmDialog.d.ts.map +1 -0
- package/dist/hooks/useConfirmDialog.js +20 -0
- package/dist/hooks/useConfirmDialog.js.map +1 -0
- package/dist/hooks/useControlledState.d.ts +6 -0
- package/dist/hooks/useControlledState.d.ts.map +1 -0
- package/dist/hooks/useControlledState.js +27 -0
- package/dist/hooks/useControlledState.js.map +1 -0
- package/dist/hooks/useControllerMerged.d.ts +22 -0
- package/dist/hooks/useControllerMerged.d.ts.map +1 -0
- package/dist/hooks/useControllerMerged.js +32 -0
- package/dist/hooks/useControllerMerged.js.map +1 -0
- package/dist/hooks/useEventCallback.d.ts +3 -0
- package/dist/hooks/useEventCallback.d.ts.map +1 -0
- package/dist/hooks/useEventCallback.js +15 -0
- package/dist/hooks/useEventCallback.js.map +1 -0
- package/dist/index.d.ts +7 -0
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -0
- package/dist/stories/button-icons.d.ts +15 -0
- package/dist/stories/button-icons.d.ts.map +1 -0
- package/dist/stories/button-icons.js +17 -0
- package/dist/stories/button-icons.js.map +1 -0
- package/dist/styles/button.d.ts +6 -0
- package/dist/styles/button.d.ts.map +1 -0
- package/dist/styles/button.js +33 -0
- package/dist/styles/button.js.map +1 -0
- package/dist/styles/index.d.ts +4 -0
- package/dist/styles/index.d.ts.map +1 -0
- package/dist/styles/index.js +4 -0
- package/dist/styles/index.js.map +1 -0
- package/dist/styles/input.d.ts +6 -0
- package/dist/styles/input.d.ts.map +1 -0
- package/dist/styles/input.js +24 -0
- package/dist/styles/input.js.map +1 -0
- package/dist/styles/select.d.ts +9 -0
- package/dist/styles/select.d.ts.map +1 -0
- package/dist/styles/select.js +22 -0
- package/dist/styles/select.js.map +1 -0
- package/dist/tests/render.test-helper.d.ts +4 -0
- package/dist/tests/render.test-helper.d.ts.map +1 -0
- package/dist/tests/render.test-helper.js +7 -0
- package/dist/tests/render.test-helper.js.map +1 -0
- package/dist/tests/setup.d.ts +2 -0
- package/dist/tests/setup.d.ts.map +1 -0
- package/dist/tests/setup.js +27 -0
- package/dist/tests/setup.js.map +1 -0
- package/dist/types/form.d.ts +40 -0
- package/dist/types/form.d.ts.map +1 -0
- package/dist/types/form.js +2 -0
- package/dist/types/form.js.map +1 -0
- package/dist/types/react.d.ts +3 -0
- package/dist/types/react.d.ts.map +1 -0
- package/dist/types/react.js +2 -0
- package/dist/types/react.js.map +1 -0
- package/dist/utils/cn.d.ts +3 -0
- package/dist/utils/cn.d.ts.map +1 -0
- package/dist/utils/cn.js +5 -0
- package/dist/utils/cn.js.map +1 -0
- package/dist/utils/generic-forward-ref.d.ts +8 -0
- package/dist/utils/generic-forward-ref.d.ts.map +1 -0
- package/dist/utils/generic-forward-ref.js +15 -0
- package/dist/utils/generic-forward-ref.js.map +1 -0
- package/dist/utils/index.d.ts +4 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/index.js +4 -0
- package/dist/utils/index.js.map +1 -0
- package/dist/utils/refs.d.ts +10 -0
- package/dist/utils/refs.d.ts.map +1 -0
- package/dist/utils/refs.js +24 -0
- package/dist/utils/refs.js.map +1 -0
- package/package.json +127 -0
- package/src/theme.css +81 -0
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
interface SectionListProps {
|
|
3
|
+
className?: string;
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Represents a list of sections.
|
|
8
|
+
*/
|
|
9
|
+
declare function SectionList({ className, children, }: SectionListProps): React.ReactElement;
|
|
10
|
+
interface SectionProps {
|
|
11
|
+
className?: string;
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
}
|
|
14
|
+
declare function SectionListSection({ className, children, }: SectionProps): React.ReactElement;
|
|
15
|
+
interface SectionHeaderProps {
|
|
16
|
+
className?: string;
|
|
17
|
+
children: React.ReactNode;
|
|
18
|
+
}
|
|
19
|
+
declare function SectionListSectionHeader({ className, children, }: SectionHeaderProps): React.ReactElement;
|
|
20
|
+
interface SectionTitleProps {
|
|
21
|
+
className?: string;
|
|
22
|
+
children: React.ReactNode;
|
|
23
|
+
}
|
|
24
|
+
declare function SectionListSectionTitle({ className, children, }: SectionTitleProps): React.ReactElement;
|
|
25
|
+
interface SectionDescriptionProps {
|
|
26
|
+
className?: string;
|
|
27
|
+
children: React.ReactNode;
|
|
28
|
+
}
|
|
29
|
+
declare function SectionListSectionDescription({ className, children, }: SectionDescriptionProps): React.ReactElement;
|
|
30
|
+
interface SectionContentProps {
|
|
31
|
+
className?: string;
|
|
32
|
+
children: React.ReactNode;
|
|
33
|
+
}
|
|
34
|
+
declare function SectionListSectionContent({ className, children, }: SectionContentProps): React.ReactElement;
|
|
35
|
+
export { SectionList, SectionListSection, SectionListSectionContent, SectionListSectionDescription, SectionListSectionHeader, SectionListSectionTitle, };
|
|
36
|
+
//# sourceMappingURL=SectionList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SectionList.d.ts","sourceRoot":"","sources":["../../../src/components/SectionList/SectionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,gBAAgB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,QAAQ,GACT,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAEvC;AAED,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAQ,GACT,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,CAInC;AAED,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,wBAAwB,CAAC,EAChC,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAEzC;AAED,UAAU,iBAAiB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,QAAQ,GACT,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAExC;AAED,UAAU,uBAAuB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,6BAA6B,CAAC,EACrC,SAAS,EACT,QAAQ,GACT,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAM9C;AAED,UAAU,mBAAmB;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,yBAAyB,CAAC,EACjC,SAAS,EACT,QAAQ,GACT,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAE1C;AAED,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,yBAAyB,EACzB,6BAA6B,EAC7B,wBAAwB,EACxB,uBAAuB,GACxB,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '#src/utils/index.js';
|
|
3
|
+
/**
|
|
4
|
+
* Represents a list of sections.
|
|
5
|
+
*/
|
|
6
|
+
function SectionList({ className, children, }) {
|
|
7
|
+
return _jsx("div", { className: cn('divide-y', className), children: children });
|
|
8
|
+
}
|
|
9
|
+
function SectionListSection({ className, children, }) {
|
|
10
|
+
return (_jsx("section", { className: cn('flex gap-8 py-6', className), children: children }));
|
|
11
|
+
}
|
|
12
|
+
function SectionListSectionHeader({ className, children, }) {
|
|
13
|
+
return _jsx("div", { className: cn('w-[320px] space-y-2', className), children: children });
|
|
14
|
+
}
|
|
15
|
+
function SectionListSectionTitle({ className, children, }) {
|
|
16
|
+
return _jsx("h3", { className: className, children: children });
|
|
17
|
+
}
|
|
18
|
+
function SectionListSectionDescription({ className, children, }) {
|
|
19
|
+
return (_jsx("div", { className: cn('text-sm text-muted-foreground', className), children: children }));
|
|
20
|
+
}
|
|
21
|
+
function SectionListSectionContent({ className, children, }) {
|
|
22
|
+
return _jsx("div", { className: cn('flex-1', className), children: children });
|
|
23
|
+
}
|
|
24
|
+
export { SectionList, SectionListSection, SectionListSectionContent, SectionListSectionDescription, SectionListSectionHeader, SectionListSectionTitle, };
|
|
25
|
+
//# sourceMappingURL=SectionList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SectionList.js","sourceRoot":"","sources":["../../../src/components/SectionList/SectionList.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAOzC;;GAEG;AACH,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,QAAQ,GACS;IACjB,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAC;AACrE,CAAC;AAOD,SAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAQ,GACK;IACb,OAAO,CACL,kBAAS,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAW,CAC3E,CAAC;AACJ,CAAC;AAOD,SAAS,wBAAwB,CAAC,EAChC,SAAS,EACT,QAAQ,GACW;IACnB,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAC;AAChF,CAAC;AAOD,SAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,QAAQ,GACU;IAClB,OAAO,aAAI,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAM,CAAC;AACnD,CAAC;AAOD,SAAS,6BAA6B,CAAC,EACrC,SAAS,EACT,QAAQ,GACgB;IACxB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,YAC3D,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAOD,SAAS,yBAAyB,CAAC,EACjC,SAAS,EACT,QAAQ,GACY;IACpB,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAC;AACnE,CAAC;AAED,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,yBAAyB,EACzB,6BAA6B,EAC7B,wBAAwB,EACxB,uBAAuB,GACxB,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
3
|
+
/**
|
|
4
|
+
* Select component
|
|
5
|
+
*
|
|
6
|
+
* - Adapted styles to make full width to match input styles
|
|
7
|
+
* - Added max height to the content
|
|
8
|
+
* - Use scroll area to make the content scrollable rather than buttons
|
|
9
|
+
*
|
|
10
|
+
* https://ui.shadcn.com/docs/components/select
|
|
11
|
+
*/
|
|
12
|
+
declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): React.ReactElement;
|
|
13
|
+
declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): React.ReactElement;
|
|
14
|
+
declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): React.ReactElement;
|
|
15
|
+
declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
|
|
16
|
+
size?: 'sm' | 'default';
|
|
17
|
+
}): React.ReactElement;
|
|
18
|
+
interface SelectContentProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> {
|
|
19
|
+
maxHeight?: string;
|
|
20
|
+
}
|
|
21
|
+
declare function SelectContent({ className, children, position, maxHeight, ...props }: SelectContentProps): React.ReactElement;
|
|
22
|
+
declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): React.ReactElement;
|
|
23
|
+
declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): React.ReactElement;
|
|
24
|
+
declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): React.ReactElement;
|
|
25
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, };
|
|
26
|
+
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAa1D;;;;;;;;GAQG;AACH,iBAAS,MAAM,CAAC,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAExE;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAEzE;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAEzE;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;CACzB,GAAG,KAAK,CAAC,YAAY,CAcrB;AACD,UAAU,kBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,QAAmB,EACnB,SAAmB,EACnB,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CA2CzC;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAQzE;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAexE;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,YAAY,CAQ7E;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAC"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
4
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
5
|
+
import { MdCheck, MdUnfoldMore } from 'react-icons/md';
|
|
6
|
+
import { selectCheckVariants, selectContentVariants, selectItemVariants, selectTriggerVariants, } from '#src/styles/index.js';
|
|
7
|
+
import { cn } from '#src/utils/index.js';
|
|
8
|
+
import { ScrollBar } from '../ScrollArea/ScrollArea.js';
|
|
9
|
+
/**
|
|
10
|
+
* Select component
|
|
11
|
+
*
|
|
12
|
+
* - Adapted styles to make full width to match input styles
|
|
13
|
+
* - Added max height to the content
|
|
14
|
+
* - Use scroll area to make the content scrollable rather than buttons
|
|
15
|
+
*
|
|
16
|
+
* https://ui.shadcn.com/docs/components/select
|
|
17
|
+
*/
|
|
18
|
+
function Select({ ...props }) {
|
|
19
|
+
return _jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
|
|
20
|
+
}
|
|
21
|
+
function SelectGroup({ ...props }) {
|
|
22
|
+
return _jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
|
|
23
|
+
}
|
|
24
|
+
function SelectValue({ ...props }) {
|
|
25
|
+
return _jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
|
|
26
|
+
}
|
|
27
|
+
function SelectTrigger({ className, size = 'default', children, ...props }) {
|
|
28
|
+
return (_jsxs(SelectPrimitive.Trigger, { "data-slot": "select-trigger", "data-size": size, className: cn(selectTriggerVariants(), className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(MdUnfoldMore, { className: "size-4 opacity-50" }) })] }));
|
|
29
|
+
}
|
|
30
|
+
function SelectContent({ className, children, position = 'popper', maxHeight = '320px', ...props }) {
|
|
31
|
+
return (_jsx(SelectPrimitive.Portal, { children: _jsx(SelectPrimitive.Content, { "data-slot": "select-content", className: cn(selectContentVariants({
|
|
32
|
+
popper: position === 'popper' ? 'active' : 'none',
|
|
33
|
+
}), className), position: position, ...props, children: _jsxs(ScrollAreaPrimitive.Root, { type: "auto", className: "relative overflow-hidden", children: [_jsx(SelectPrimitive.Viewport, { asChild: true, children: _jsx(ScrollAreaPrimitive.Viewport, { className: cn('h-full w-full rounded-[inherit] p-1', position === 'popper'
|
|
34
|
+
? 'max-h-[min(var(--max-popper-height),var(--radix-select-content-available-height))] w-full min-w-(--radix-select-trigger-width)'
|
|
35
|
+
: 'max-h-(--max-popper-height)'), style: {
|
|
36
|
+
'--max-popper-height': maxHeight,
|
|
37
|
+
// Resolves React warning: https://github.com/radix-ui/primitives/issues/2059
|
|
38
|
+
overflowY: undefined,
|
|
39
|
+
}, children: children }) }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }) }) }));
|
|
40
|
+
}
|
|
41
|
+
function SelectLabel({ className, ...props }) {
|
|
42
|
+
return (_jsx(SelectPrimitive.Label, { "data-slot": "select-label", className: cn('px-2 py-1.5 text-xs text-muted-foreground', className), ...props }));
|
|
43
|
+
}
|
|
44
|
+
function SelectItem({ className, children, ...props }) {
|
|
45
|
+
return (_jsxs(SelectPrimitive.Item, { "data-slot": "select-item", className: cn(selectItemVariants({ withFocus: 'highlight' }), className), ...props, children: [_jsx("span", { className: selectCheckVariants(), children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(MdCheck, { className: "size-4" }) }) }), _jsx(SelectPrimitive.ItemText, { children: children })] }));
|
|
46
|
+
}
|
|
47
|
+
function SelectSeparator({ className, ...props }) {
|
|
48
|
+
return (_jsx(SelectPrimitive.Separator, { "data-slot": "select-separator", className: cn('pointer-events-none -mx-1 my-1 h-px bg-border', className), ...props }));
|
|
49
|
+
}
|
|
50
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, };
|
|
51
|
+
//# sourceMappingURL=Select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Control, FieldPath, FieldValues } from 'react-hook-form';
|
|
2
|
+
import type { AddOptionRequiredFields, FormFieldProps, SelectOptionProps } from '#src/types/form.js';
|
|
3
|
+
export interface SelectFieldProps<OptionType> extends SelectOptionProps<OptionType>, FormFieldProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
}
|
|
6
|
+
declare function SelectField<OptionType>({ label, description, error, value, placeholder, options, renderItemLabel, getOptionLabel, getOptionValue, className, onChange, ...props }: SelectFieldProps<OptionType> & AddOptionRequiredFields<OptionType>): React.ReactElement;
|
|
7
|
+
interface SelectFieldControllerProps<OptionType, TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<SelectFieldProps<OptionType>, 'value'> {
|
|
8
|
+
control: Control<TFieldValues>;
|
|
9
|
+
name: TFieldName;
|
|
10
|
+
}
|
|
11
|
+
declare function SelectFieldController<OptionType, TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, ...rest }: SelectFieldControllerProps<OptionType, TFieldValues, TFieldName> & AddOptionRequiredFields<OptionType>): React.ReactElement;
|
|
12
|
+
export { SelectField, SelectFieldController };
|
|
13
|
+
//# sourceMappingURL=SelectField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../src/components/SelectField/SelectField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEvE,OAAO,KAAK,EACV,uBAAuB,EACvB,cAAc,EACd,iBAAiB,EAClB,MAAM,oBAAoB,CAAC;AAoB5B,MAAM,WAAW,gBAAgB,CAAC,UAAU,CAC1C,SAAQ,iBAAiB,CAAC,UAAU,CAAC,EACnC,cAAc;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,iBAAS,WAAW,CAAC,UAAU,EAAE,EAC/B,KAAK,EACL,WAAW,EACX,KAAK,EACL,KAAK,EACL,WAAW,EACX,OAAO,EACP,eAAe,EACf,cAA0D,EAC1D,cAA0D,EAC1D,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,UAAU,CAAC,GAC7B,uBAAuB,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,YAAY,CA2CzD;AAED,UAAU,0BAA0B,CAClC,UAAU,EACV,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CACpE,SAAQ,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IACnD,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,iBAAS,qBAAqB,CAC5B,UAAU,EACV,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACpE,EACA,IAAI,EACJ,OAAO,EACP,GAAG,IAAI,EACR,EAAE,0BAA0B,CAAC,UAAU,EAAE,YAAY,EAAE,UAAU,CAAC,GACjE,uBAAuB,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,YAAY,CAUzD;AAED,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useControllerMerged } from '#src/hooks/useControllerMerged.js';
|
|
4
|
+
import { FormControl, FormDescription, FormItem, FormLabel, FormMessage, } from '../FormItem/FormItem.js';
|
|
5
|
+
import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, } from '../Select/Select.js';
|
|
6
|
+
// we have to use a sentinel value to detect null values since Radix Select doesn't support empty values
|
|
7
|
+
// https://github.com/radix-ui/primitives/issues/2706
|
|
8
|
+
const NULL_SENTINEL = '__NULL_VALUE__';
|
|
9
|
+
function SelectField({ label, description, error, value, placeholder, options, renderItemLabel, getOptionLabel = (val) => val.label, getOptionValue = (val) => val.value, className, onChange, ...props }) {
|
|
10
|
+
const selectedOption = options.find((o) => getOptionValue(o) === value);
|
|
11
|
+
const selectedValue = (() => {
|
|
12
|
+
if (!selectedOption || value === undefined)
|
|
13
|
+
return '';
|
|
14
|
+
return value ?? NULL_SENTINEL;
|
|
15
|
+
})();
|
|
16
|
+
return (_jsxs(FormItem, { error: error, className: className, children: [_jsx(FormLabel, { children: label }), _jsxs(Select, { value: selectedValue, onValueChange: (val) => onChange?.(val === NULL_SENTINEL ? null : val), ...props, children: [_jsx(FormControl, { children: _jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: placeholder, children: selectedOption ? getOptionLabel(selectedOption) : null }) }) }), _jsx(SelectContent, { children: _jsx(SelectGroup, { children: options.map((option) => {
|
|
17
|
+
const val = getOptionValue(option);
|
|
18
|
+
const label = getOptionLabel(option);
|
|
19
|
+
return (_jsx(SelectItem, { value: val ?? NULL_SENTINEL, children: renderItemLabel
|
|
20
|
+
? renderItemLabel(option, { selected: val === value })
|
|
21
|
+
: label }, val));
|
|
22
|
+
}) }) })] }), _jsx(FormDescription, { children: description }), _jsx(FormMessage, {})] }));
|
|
23
|
+
}
|
|
24
|
+
function SelectFieldController({ name, control, ...rest }) {
|
|
25
|
+
const { field, fieldState: { error }, } = useControllerMerged({ name, control }, rest);
|
|
26
|
+
const restProps = rest;
|
|
27
|
+
return _jsx(SelectField, { error: error?.message, ...restProps, ...field });
|
|
28
|
+
}
|
|
29
|
+
export { SelectField, SelectFieldController };
|
|
30
|
+
//# sourceMappingURL=SelectField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../src/components/SelectField/SelectField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
3
|
+
/**
|
|
4
|
+
* Visually or semantically separates content.
|
|
5
|
+
*
|
|
6
|
+
* https://ui.shadcn.com/docs/components/separator
|
|
7
|
+
*/
|
|
8
|
+
declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): React.ReactElement;
|
|
9
|
+
export { Separator };
|
|
10
|
+
//# sourceMappingURL=Separator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAIhE;;;;GAIG;AACH,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAA0B,EAC1B,UAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAa3E;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
4
|
+
import { cn } from '#src/utils/index.js';
|
|
5
|
+
/**
|
|
6
|
+
* Visually or semantically separates content.
|
|
7
|
+
*
|
|
8
|
+
* https://ui.shadcn.com/docs/components/separator
|
|
9
|
+
*/
|
|
10
|
+
function Separator({ className, orientation = 'horizontal', decorative = true, ...props }) {
|
|
11
|
+
return (_jsx(SeparatorPrimitive.Root, { "data-slot": "separator-root", decorative: decorative, orientation: orientation, className: cn('shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px', className), ...props }));
|
|
12
|
+
}
|
|
13
|
+
export { Separator };
|
|
14
|
+
//# sourceMappingURL=Separator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC;;;;GAIG;AACH,SAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAW,GAAG,YAAY,EAC1B,UAAU,GAAG,IAAI,EACjB,GAAG,KAAK,EAC6C;IACrD,OAAO,CACL,KAAC,kBAAkB,CAAC,IAAI,iBACZ,gBAAgB,EAC1B,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,gKAAgK,EAChK,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
import type { ReactElement } from 'react';
|
|
3
|
+
import * as SheetPrimitive from '@radix-ui/react-dialog';
|
|
4
|
+
/**
|
|
5
|
+
* React component that overlays a sheet on top of the current page.
|
|
6
|
+
*
|
|
7
|
+
* https://ui.shadcn.com/docs/components/sheet
|
|
8
|
+
*/
|
|
9
|
+
declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): ReactElement;
|
|
10
|
+
declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): ReactElement;
|
|
11
|
+
declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): ReactElement;
|
|
12
|
+
declare function SheetContent({ className, children, side, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
|
|
13
|
+
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
14
|
+
}): ReactElement;
|
|
15
|
+
declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): ReactElement;
|
|
16
|
+
declare function SheetFooter({ className, ...props }: React.ComponentProps<'div'>): ReactElement;
|
|
17
|
+
declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): ReactElement;
|
|
18
|
+
declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): ReactElement;
|
|
19
|
+
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, };
|
|
20
|
+
//# sourceMappingURL=Sheet.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AAKzD;;;;GAIG;AACH,iBAAS,KAAK,CAAC,EACb,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG,YAAY,CAEjE;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG,YAAY,CAEpE;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAElE;AAwBD,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,QAAQ,EACR,IAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG;IACvD,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC5C,GAAG,YAAY,CA4Bf;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAQ5C;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAQ5C;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAQlE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC,GAAG,YAAY,CAQxE;AAED,OAAO,EACL,KAAK,EACL,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,UAAU,EACV,YAAY,GACb,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as SheetPrimitive from '@radix-ui/react-dialog';
|
|
4
|
+
import { MdClose } from 'react-icons/md';
|
|
5
|
+
import { cn } from '#src/utils/index.js';
|
|
6
|
+
/**
|
|
7
|
+
* React component that overlays a sheet on top of the current page.
|
|
8
|
+
*
|
|
9
|
+
* https://ui.shadcn.com/docs/components/sheet
|
|
10
|
+
*/
|
|
11
|
+
function Sheet({ ...props }) {
|
|
12
|
+
return _jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
|
|
13
|
+
}
|
|
14
|
+
function SheetTrigger({ ...props }) {
|
|
15
|
+
return _jsx(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
|
|
16
|
+
}
|
|
17
|
+
function SheetClose({ ...props }) {
|
|
18
|
+
return _jsx(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
|
|
19
|
+
}
|
|
20
|
+
function SheetPortal({ ...props }) {
|
|
21
|
+
return _jsx(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
|
|
22
|
+
}
|
|
23
|
+
function SheetOverlay({ className, ...props }) {
|
|
24
|
+
return (_jsx(SheetPrimitive.Overlay, { "data-slot": "sheet-overlay", className: cn('fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0', className), ...props }));
|
|
25
|
+
}
|
|
26
|
+
function SheetContent({ className, children, side = 'right', ...props }) {
|
|
27
|
+
return (_jsxs(SheetPortal, { children: [_jsx(SheetOverlay, {}), _jsxs(SheetPrimitive.Content, { "data-slot": "sheet-content", className: cn('fixed z-50 flex flex-col gap-4 bg-background shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500', side === 'right' &&
|
|
28
|
+
'inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm', side === 'left' &&
|
|
29
|
+
'inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm', side === 'top' &&
|
|
30
|
+
'inset-x-0 top-0 h-auto border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top', side === 'bottom' &&
|
|
31
|
+
'inset-x-0 bottom-0 h-auto border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom', className), ...props, children: [children, _jsxs(SheetPrimitive.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary", children: [_jsx(MdClose, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] }));
|
|
32
|
+
}
|
|
33
|
+
function SheetHeader({ className, ...props }) {
|
|
34
|
+
return (_jsx("div", { "data-slot": "sheet-header", className: cn('flex flex-col gap-1.5 p-4', className), ...props }));
|
|
35
|
+
}
|
|
36
|
+
function SheetFooter({ className, ...props }) {
|
|
37
|
+
return (_jsx("div", { "data-slot": "sheet-footer", className: cn('mt-auto flex flex-col gap-2 p-4', className), ...props }));
|
|
38
|
+
}
|
|
39
|
+
function SheetTitle({ className, ...props }) {
|
|
40
|
+
return (_jsx(SheetPrimitive.Title, { "data-slot": "sheet-title", className: cn('font-semibold text-foreground', className), ...props }));
|
|
41
|
+
}
|
|
42
|
+
function SheetDescription({ className, ...props }) {
|
|
43
|
+
return (_jsx(SheetPrimitive.Description, { "data-slot": "sheet-description", className: cn('text-sm text-muted-foreground', className), ...props }));
|
|
44
|
+
}
|
|
45
|
+
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, };
|
|
46
|
+
//# sourceMappingURL=Sheet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sheet.js","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
export interface SidebarLayoutProps {
|
|
3
|
+
className?: string;
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Displays a 2 column layout with a sidebar and content.
|
|
8
|
+
*/
|
|
9
|
+
declare function SidebarLayout({ className, children, }: SidebarLayoutProps): React.ReactElement;
|
|
10
|
+
interface SidebarLayoutSidebarProps {
|
|
11
|
+
className?: string;
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
width?: 'sm' | 'md' | 'lg' | 'auto';
|
|
14
|
+
noPadding?: boolean;
|
|
15
|
+
}
|
|
16
|
+
declare function SidebarLayoutSidebar({ className, children, width, noPadding, }: SidebarLayoutSidebarProps): React.ReactElement;
|
|
17
|
+
interface SidebarLayoutContentProps {
|
|
18
|
+
className?: string;
|
|
19
|
+
children: React.ReactNode;
|
|
20
|
+
}
|
|
21
|
+
declare function SidebarLayoutContent({ className, children, }: SidebarLayoutContentProps): React.ReactElement;
|
|
22
|
+
export { SidebarLayout, SidebarLayoutContent, SidebarLayoutSidebar };
|
|
23
|
+
//# sourceMappingURL=SidebarLayout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidebarLayout.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarLayout/SidebarLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAEzC;AAED,UAAU,yBAAyB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,KAAY,EACZ,SAAS,GACV,EAAE,yBAAyB,GAAG,KAAK,CAAC,YAAY,CAiBhD;AAED,UAAU,yBAAyB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,QAAQ,GACT,EAAE,yBAAyB,GAAG,KAAK,CAAC,YAAY,CAMhD;AAED,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { clsx } from 'clsx';
|
|
3
|
+
import { cn } from '#src/utils/index.js';
|
|
4
|
+
/**
|
|
5
|
+
* Displays a 2 column layout with a sidebar and content.
|
|
6
|
+
*/
|
|
7
|
+
function SidebarLayout({ className, children, }) {
|
|
8
|
+
return _jsx("div", { className: clsx('flex h-full', className), children: children });
|
|
9
|
+
}
|
|
10
|
+
function SidebarLayoutSidebar({ className, children, width = 'md', noPadding, }) {
|
|
11
|
+
return (_jsx("aside", { className: cn('sticky shrink-0 overflow-y-auto border-r border-border', {
|
|
12
|
+
'w-64': width === 'sm',
|
|
13
|
+
'w-72': width === 'md',
|
|
14
|
+
'w-96': width === 'lg',
|
|
15
|
+
'p-4': !noPadding,
|
|
16
|
+
}, className), children: children }));
|
|
17
|
+
}
|
|
18
|
+
function SidebarLayoutContent({ className, children, }) {
|
|
19
|
+
return (_jsx("div", { className: cn('w-full flex-auto overflow-y-auto', className), children: children }));
|
|
20
|
+
}
|
|
21
|
+
export { SidebarLayout, SidebarLayoutContent, SidebarLayoutSidebar };
|
|
22
|
+
//# sourceMappingURL=SidebarLayout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidebarLayout.js","sourceRoot":"","sources":["../../../src/components/SidebarLayout/SidebarLayout.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE5B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAOzC;;GAEG;AACH,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,GACW;IACnB,OAAO,cAAK,SAAS,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAC;AAC1E,CAAC;AASD,SAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,KAAK,GAAG,IAAI,EACZ,SAAS,GACiB;IAC1B,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CACX,wDAAwD,EACxD;YACE,MAAM,EAAE,KAAK,KAAK,IAAI;YACtB,MAAM,EAAE,KAAK,KAAK,IAAI;YACtB,MAAM,EAAE,KAAK,KAAK,IAAI;YACtB,KAAK,EAAE,CAAC,SAAS;SAClB,EACD,SAAS,CACV,YAEA,QAAQ,GACH,CACT,CAAC;AACJ,CAAC;AAOD,SAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,QAAQ,GACkB;IAC1B,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,YAC9D,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
3
|
+
/**
|
|
4
|
+
* A control that allows the user to toggle between checked and not checked.
|
|
5
|
+
*
|
|
6
|
+
* https://ui.shadcn.com/docs/components/switch
|
|
7
|
+
*/
|
|
8
|
+
declare function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>): React.ReactElement;
|
|
9
|
+
export { Switch };
|
|
10
|
+
//# sourceMappingURL=Switch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D;;;;GAIG;AACH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAkBxE;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
3
|
+
import { cn } from '#src/utils/index.js';
|
|
4
|
+
/**
|
|
5
|
+
* A control that allows the user to toggle between checked and not checked.
|
|
6
|
+
*
|
|
7
|
+
* https://ui.shadcn.com/docs/components/switch
|
|
8
|
+
*/
|
|
9
|
+
function Switch({ className, ...props }) {
|
|
10
|
+
return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", className: cn('peer inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80', className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn('pointer-events-none block size-4 rounded-full bg-background ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground') }) }));
|
|
11
|
+
}
|
|
12
|
+
export { Switch };
|
|
13
|
+
//# sourceMappingURL=Switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC;;;;GAIG;AACH,SAAS,MAAM,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EAC0C;IAClD,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,iBACT,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,2WAA2W,EAC3W,SAAS,CACV,KACG,KAAK,YAET,KAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,0QAA0Q,CAC3Q,GACD,GACmB,CACxB,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
import type { Control, FieldPath, FieldValues } from 'react-hook-form';
|
|
3
|
+
import type { FormFieldProps } from '#src/types/form.js';
|
|
4
|
+
import { Switch } from '../Switch/Switch.js';
|
|
5
|
+
export interface SwitchFieldProps extends Omit<React.ComponentPropsWithRef<typeof Switch>, 'onChange' | 'value' | 'onCheckedChange' | 'checked'>, FormFieldProps {
|
|
6
|
+
onChange?: (value: boolean) => void;
|
|
7
|
+
value?: boolean;
|
|
8
|
+
}
|
|
9
|
+
declare function SwitchField({ label, description, error, onChange, value, className, ...props }: SwitchFieldProps): React.ReactElement;
|
|
10
|
+
export interface SwitchFieldControllerProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<SwitchFieldProps, 'value'> {
|
|
11
|
+
control: Control<TFieldValues>;
|
|
12
|
+
name: TFieldName;
|
|
13
|
+
}
|
|
14
|
+
declare function SwitchFieldController<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ control, name, ...rest }: SwitchFieldControllerProps<TFieldValues, TFieldName>): React.JSX.Element;
|
|
15
|
+
export { SwitchField, SwitchFieldController };
|
|
16
|
+
//# sourceMappingURL=SwitchField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwitchField.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchField/SwitchField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAYzD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,MAAM,WAAW,gBACf,SAAQ,IAAI,CACR,KAAK,CAAC,qBAAqB,CAAC,OAAO,MAAM,CAAC,EAC1C,UAAU,GAAG,OAAO,GAAG,iBAAiB,GAAG,SAAS,CACrD,EACD,cAAc;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAmBvC;AAED,MAAM,WAAW,0BAA0B,CACzC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CACpE,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACvC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,iBAAS,qBAAqB,CAC5B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACpE,EACA,OAAO,EACP,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,0BAA0B,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAO1E;AAED,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useControllerMerged } from '#src/hooks/useControllerMerged.js';
|
|
4
|
+
import { cn } from '#src/utils/index.js';
|
|
5
|
+
import { FormControl, FormDescription, FormItem, FormLabel, FormMessage, } from '../FormItem/FormItem.js';
|
|
6
|
+
import { Switch } from '../Switch/Switch.js';
|
|
7
|
+
function SwitchField({ label, description, error, onChange, value, className, ...props }) {
|
|
8
|
+
return (_jsxs(FormItem, { error: error, className: cn('space-y-2', className), children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FormControl, { children: _jsx(Switch, { onCheckedChange: (checked) => onChange?.(checked), checked: value, ...props }) }), _jsxs("div", { className: "space-y-0.5", children: [_jsx(FormLabel, { className: "block", children: label }), _jsx(FormDescription, { children: description })] })] }), _jsx(FormMessage, {})] }));
|
|
9
|
+
}
|
|
10
|
+
function SwitchFieldController({ control, name, ...rest }) {
|
|
11
|
+
const { field, fieldState: { error }, } = useControllerMerged({ control, name }, rest, rest.ref);
|
|
12
|
+
return _jsx(SwitchField, { error: error?.message, ...rest, ...field });
|
|
13
|
+
}
|
|
14
|
+
export { SwitchField, SwitchFieldController };
|
|
15
|
+
//# sourceMappingURL=SwitchField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwitchField.js","sourceRoot":"","sources":["../../../src/components/SwitchField/SwitchField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAOb,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,OAAO,EACL,WAAW,EACX,eAAe,EACf,QAAQ,EACR,SAAS,EACT,WAAW,GACZ,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAY7C,SAAS,WAAW,CAAC,EACnB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACS;IACjB,OAAO,CACL,MAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,aAC3D,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,WAAW,cACV,KAAC,MAAM,IACL,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,EACjD,OAAO,EAAE,KAAK,KACV,KAAK,GACT,GACU,EACd,eAAK,SAAS,EAAC,aAAa,aAC1B,KAAC,SAAS,IAAC,SAAS,EAAC,OAAO,YAAE,KAAK,GAAa,EAChD,KAAC,eAAe,cAAE,WAAW,GAAmB,IAC5C,IACF,EACN,KAAC,WAAW,KAAG,IACN,CACZ,CAAC;AACJ,CAAC;AAUD,SAAS,qBAAqB,CAG5B,EACA,OAAO,EACP,IAAI,EACJ,GAAG,IAAI,EAC8C;IACrD,MAAM,EACJ,KAAK,EACL,UAAU,EAAE,EAAE,KAAK,EAAE,GACtB,GAAG,mBAAmB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;IAE3D,OAAO,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,KAAM,IAAI,KAAM,KAAK,GAAI,CAAC;AACrE,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* A responsive table component.
|
|
4
|
+
*
|
|
5
|
+
* https://ui.shadcn.com/docs/components/table
|
|
6
|
+
*/
|
|
7
|
+
declare function Table({ className, ...props }: React.ComponentProps<'table'>): React.ReactElement;
|
|
8
|
+
declare function TableHeader({ className, ...props }: React.ComponentProps<'thead'>): React.ReactElement;
|
|
9
|
+
declare function TableBody({ className, ...props }: React.ComponentProps<'tbody'>): React.ReactElement;
|
|
10
|
+
declare function TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>): React.ReactElement;
|
|
11
|
+
declare function TableRow({ className, ...props }: React.ComponentProps<'tr'>): React.ReactElement;
|
|
12
|
+
declare function TableHead({ className, ...props }: React.ComponentProps<'th'>): React.ReactElement;
|
|
13
|
+
declare function TableCell({ className, ...props }: React.ComponentProps<'td'>): React.ReactElement;
|
|
14
|
+
declare function TableCaption({ className, ...props }: React.ComponentProps<'caption'>): React.ReactElement;
|
|
15
|
+
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, };
|
|
16
|
+
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC;;;;GAIG;AACH,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,YAAY,CAapD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,YAAY,CAQpD;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,YAAY,CAQpD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,YAAY,CAWpD;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAWjD;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAWjD;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAWjD;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,YAAY,CAQtD;AAED,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,GACT,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '#src/utils/index.js';
|
|
3
|
+
/**
|
|
4
|
+
* A responsive table component.
|
|
5
|
+
*
|
|
6
|
+
* https://ui.shadcn.com/docs/components/table
|
|
7
|
+
*/
|
|
8
|
+
function Table({ className, ...props }) {
|
|
9
|
+
return (_jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: _jsx("table", { "data-slot": "table", className: cn('w-full caption-bottom text-sm', className), ...props }) }));
|
|
10
|
+
}
|
|
11
|
+
function TableHeader({ className, ...props }) {
|
|
12
|
+
return (_jsx("thead", { "data-slot": "table-header", className: cn('[&_tr]:border-b', className), ...props }));
|
|
13
|
+
}
|
|
14
|
+
function TableBody({ className, ...props }) {
|
|
15
|
+
return (_jsx("tbody", { "data-slot": "table-body", className: cn('[&_tr:last-child]:border-0', className), ...props }));
|
|
16
|
+
}
|
|
17
|
+
function TableFooter({ className, ...props }) {
|
|
18
|
+
return (_jsx("tfoot", { "data-slot": "table-footer", className: cn('border-t bg-muted/50 font-medium [&>tr]:last:border-b-0', className), ...props }));
|
|
19
|
+
}
|
|
20
|
+
function TableRow({ className, ...props }) {
|
|
21
|
+
return (_jsx("tr", { "data-slot": "table-row", className: cn('border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted', className), ...props }));
|
|
22
|
+
}
|
|
23
|
+
function TableHead({ className, ...props }) {
|
|
24
|
+
return (_jsx("th", { "data-slot": "table-head", className: cn('h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]', className), ...props }));
|
|
25
|
+
}
|
|
26
|
+
function TableCell({ className, ...props }) {
|
|
27
|
+
return (_jsx("td", { "data-slot": "table-cell", className: cn('p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]', className), ...props }));
|
|
28
|
+
}
|
|
29
|
+
function TableCaption({ className, ...props }) {
|
|
30
|
+
return (_jsx("caption", { "data-slot": "table-caption", className: cn('mt-4 text-sm text-muted-foreground', className), ...props }));
|
|
31
|
+
}
|
|
32
|
+
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, };
|
|
33
|
+
//# sourceMappingURL=Table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC;;;;GAIG;AACH,SAAS,KAAK,CAAC,EACb,SAAS,EACT,GAAG,KAAK,EACsB;IAC9B,OAAO,CACL,2BACY,iBAAiB,EAC3B,SAAS,EAAC,iCAAiC,YAE3C,6BACY,OAAO,EACjB,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACT,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACsB;IAC9B,OAAO,CACL,6BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,KACvC,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACsB;IAC9B,OAAO,CACL,6BACY,YAAY,EACtB,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAClD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACsB;IAC9B,OAAO,CACL,6BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,yDAAyD,EACzD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACmB;IAC3B,OAAO,CACL,0BACY,WAAW,EACrB,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACmB;IAC3B,OAAO,CACL,0BACY,YAAY,EACtB,SAAS,EAAE,EAAE,CACX,oJAAoJ,EACpJ,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACmB;IAC3B,OAAO,CACL,0BACY,YAAY,EACtB,SAAS,EAAE,EAAE,CACX,wGAAwG,EACxG,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACwB;IAChC,OAAO,CACL,+BACY,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,GACT,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
3
|
+
/**
|
|
4
|
+
* A set of layered sections of content—known as tab panels—that are displayed one at a time.
|
|
5
|
+
*
|
|
6
|
+
* https://ui.shadcn.com/docs/components/tabs
|
|
7
|
+
*/
|
|
8
|
+
declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): React.ReactElement;
|
|
9
|
+
declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): React.ReactElement;
|
|
10
|
+
declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): React.ReactElement;
|
|
11
|
+
declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): React.ReactElement;
|
|
12
|
+
export { Tabs, TabsContent, TabsList, TabsTrigger };
|
|
13
|
+
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAItD;;;;GAIG;AACH,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAQtE;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAWtE;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,YAAY,CAWzE;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,YAAY,CAQzE;AAED,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
4
|
+
import { cn } from '#src/utils/index.js';
|
|
5
|
+
/**
|
|
6
|
+
* A set of layered sections of content—known as tab panels—that are displayed one at a time.
|
|
7
|
+
*
|
|
8
|
+
* https://ui.shadcn.com/docs/components/tabs
|
|
9
|
+
*/
|
|
10
|
+
function Tabs({ className, ...props }) {
|
|
11
|
+
return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", className: cn('flex flex-col gap-2', className), ...props }));
|
|
12
|
+
}
|
|
13
|
+
function TabsList({ className, ...props }) {
|
|
14
|
+
return (_jsx(TabsPrimitive.List, { "data-slot": "tabs-list", className: cn('inline-flex h-9 w-fit items-center justify-center rounded-lg bg-muted p-[3px] text-muted-foreground', className), ...props }));
|
|
15
|
+
}
|
|
16
|
+
function TabsTrigger({ className, ...props }) {
|
|
17
|
+
return (_jsx(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: cn("inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:shadow-sm dark:text-muted-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
|
|
18
|
+
}
|
|
19
|
+
function TabsContent({ className, ...props }) {
|
|
20
|
+
return (_jsx(TabsPrimitive.Content, { "data-slot": "tabs-content", className: cn('flex-1 outline-none', className), ...props }));
|
|
21
|
+
}
|
|
22
|
+
export { Tabs, TabsContent, TabsList, TabsTrigger };
|
|
23
|
+
//# sourceMappingURL=Tabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC;;;;GAIG;AACH,SAAS,IAAI,CAAC,EACZ,SAAS,EACT,GAAG,KAAK,EACwC;IAChD,OAAO,CACL,KAAC,aAAa,CAAC,IAAI,iBACP,MAAM,EAChB,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAC3C,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACwC;IAChD,OAAO,CACL,KAAC,aAAa,CAAC,IAAI,iBACP,WAAW,EACrB,SAAS,EAAE,EAAE,CACX,qGAAqG,EACrG,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EAC2C;IACnD,OAAO,CACL,KAAC,aAAa,CAAC,OAAO,iBACV,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,iqBAAiqB,EACjqB,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EAC2C;IACnD,OAAO,CACL,KAAC,aAAa,CAAC,OAAO,iBACV,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAC3C,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC"}
|