@oneplatformdev/ui 0.0.1-beta.11
Sign up to get free protection for your applications and to get access to all the features.
- package/Accordion/Accordion.d.ts +7 -0
- package/Accordion/Accordion.mjs +46 -0
- package/Accordion/index.d.ts +1 -0
- package/Accordion/index.mjs +7 -0
- package/Accordion/package.json +7 -0
- package/Alert/Alert.d.ts +7 -0
- package/Alert/Alert.mjs +37 -0
- package/Alert/alertVariants.d.ts +4 -0
- package/Alert/alertVariants.mjs +19 -0
- package/Alert/index.d.ts +1 -0
- package/Alert/index.mjs +6 -0
- package/Alert/package.json +7 -0
- package/AlertDialog/AlertDialog.d.ts +65 -0
- package/AlertDialog/AlertDialog.mjs +97 -0
- package/AlertDialog/AlertDialog.types.d.ts +53 -0
- package/AlertDialog/AlertDialogRoot.d.ts +21 -0
- package/AlertDialog/AlertDialogRoot.mjs +114 -0
- package/AlertDialog/index.d.ts +3 -0
- package/AlertDialog/index.mjs +16 -0
- package/AlertDialog/package.json +7 -0
- package/AreaChart/AreaChart.d.ts +4 -0
- package/AreaChart/AreaChart.mjs +27 -0
- package/AreaChart/AreaChart.types.d.ts +15 -0
- package/AreaChart/index.d.ts +2 -0
- package/AreaChart/index.mjs +4 -0
- package/AreaChart/package.json +7 -0
- package/Aside/Aside.d.ts +4 -0
- package/Aside/Aside.mjs +23 -0
- package/Aside/Aside.types.d.ts +18 -0
- package/Aside/AsideSidebar.d.ts +3 -0
- package/Aside/AsideSidebar.mjs +37 -0
- package/Aside/index.d.ts +3 -0
- package/Aside/index.mjs +7 -0
- package/Aside/package.json +7 -0
- package/AspectRatio/AspectRatio.d.ts +2 -0
- package/AspectRatio/AspectRatio.mjs +5 -0
- package/AspectRatio/index.d.ts +1 -0
- package/AspectRatio/index.mjs +5 -0
- package/AspectRatio/package.json +7 -0
- package/Avatar/Avatar.d.ts +5 -0
- package/Avatar/Avatar.mjs +42 -0
- package/Avatar/index.d.ts +1 -0
- package/Avatar/index.mjs +6 -0
- package/Avatar/package.json +7 -0
- package/Badge/Badge.d.ts +5 -0
- package/Badge/Badge.mjs +10 -0
- package/Badge/Badge.types.d.ts +5 -0
- package/Badge/badgeVariants.d.ts +3 -0
- package/Badge/badgeVariants.mjs +20 -0
- package/Badge/index.d.ts +3 -0
- package/Badge/index.mjs +6 -0
- package/Badge/package.json +7 -0
- package/Breadcrumb/Breadcrumb.d.ts +19 -0
- package/Breadcrumb/Breadcrumb.mjs +90 -0
- package/Breadcrumb/index.d.ts +1 -0
- package/Breadcrumb/index.mjs +10 -0
- package/Breadcrumb/package.json +7 -0
- package/Button/Button.d.ts +4 -0
- package/Button/Button.mjs +31 -0
- package/Button/Button.types.d.ts +8 -0
- package/Button/buttonVariants.d.ts +4 -0
- package/Button/buttonVariants.mjs +29 -0
- package/Button/index.d.ts +3 -0
- package/Button/index.mjs +7 -0
- package/Button/package.json +7 -0
- package/ButtonIcon/ButtonIcon.d.ts +3 -0
- package/ButtonIcon/ButtonIcon.mjs +29 -0
- package/ButtonIcon/ButtonIcon.types.d.ts +7 -0
- package/ButtonIcon/buttonIconVariants.d.ts +7 -0
- package/ButtonIcon/buttonIconVariants.mjs +139 -0
- package/ButtonIcon/index.d.ts +3 -0
- package/ButtonIcon/index.mjs +7 -0
- package/ButtonIcon/package.json +7 -0
- package/Calendar/Calendar.d.ts +8 -0
- package/Calendar/Calendar.mjs +63 -0
- package/Calendar/index.d.ts +1 -0
- package/Calendar/index.mjs +4 -0
- package/Calendar/package.json +7 -0
- package/Card/Card.d.ts +8 -0
- package/Card/Card.mjs +61 -0
- package/Card/index.d.ts +1 -0
- package/Card/index.mjs +9 -0
- package/Card/package.json +7 -0
- package/Carousel/Carousel.d.ts +18 -0
- package/Carousel/Carousel.mjs +168 -0
- package/Carousel/index.d.ts +1 -0
- package/Carousel/index.mjs +8 -0
- package/Carousel/package.json +7 -0
- package/Chart/Chart.d.ts +62 -0
- package/Chart/Chart.mjs +210 -0
- package/Chart/index.d.ts +1 -0
- package/Chart/index.mjs +9 -0
- package/Chart/package.json +7 -0
- package/Checkbox/Checkbox.d.ts +4 -0
- package/Checkbox/Checkbox.mjs +27 -0
- package/Checkbox/index.d.ts +1 -0
- package/Checkbox/index.mjs +4 -0
- package/Checkbox/package.json +7 -0
- package/Collapsible/Collapsible.d.ts +5 -0
- package/Collapsible/Collapsible.mjs +7 -0
- package/Collapsible/index.d.ts +1 -0
- package/Collapsible/index.mjs +6 -0
- package/Collapsible/package.json +7 -0
- package/Combobox/Combobox.d.ts +4 -0
- package/Combobox/Combobox.mjs +126 -0
- package/Combobox/Combobox.types.d.ts +15 -0
- package/Combobox/index.d.ts +2 -0
- package/Combobox/index.mjs +4 -0
- package/Combobox/package.json +7 -0
- package/Command/Command.d.ts +80 -0
- package/Command/Command.mjs +109 -0
- package/Command/index.d.ts +1 -0
- package/Command/index.mjs +12 -0
- package/Command/package.json +7 -0
- package/DataTable/DataTable.d.ts +4 -0
- package/DataTable/DataTable.mjs +64 -0
- package/DataTable/DataTable.types.d.ts +11 -0
- package/DataTable/index.d.ts +2 -0
- package/DataTable/index.mjs +4 -0
- package/DataTable/package.json +7 -0
- package/DataTable/useDataTable.d.ts +3 -0
- package/DataTable/useDataTable.mjs +30 -0
- package/DatePicker/DatePicker.d.ts +3 -0
- package/DatePicker/DatePicker.mjs +699 -0
- package/DatePicker/DatePicker.types.d.ts +5 -0
- package/DatePicker/index.d.ts +3 -0
- package/DatePicker/index.mjs +5 -0
- package/DatePicker/package.json +7 -0
- package/Dialog/Dialog.d.ts +19 -0
- package/Dialog/Dialog.mjs +100 -0
- package/Dialog/index.d.ts +1 -0
- package/Dialog/index.mjs +13 -0
- package/Dialog/package.json +7 -0
- package/Drawer/Drawer.d.ts +22 -0
- package/Drawer/Drawer.mjs +98 -0
- package/Drawer/index.d.ts +1 -0
- package/Drawer/index.mjs +13 -0
- package/Drawer/package.json +7 -0
- package/DropdownMenu/DropdownMenu.d.ts +27 -0
- package/DropdownMenu/DropdownMenu.mjs +144 -0
- package/DropdownMenu/index.d.ts +1 -0
- package/DropdownMenu/index.mjs +18 -0
- package/DropdownMenu/package.json +7 -0
- package/Dropzone/Dropzone.d.ts +16 -0
- package/Dropzone/Dropzone.mjs +2923 -0
- package/Dropzone/Dropzone.types.d.ts +21 -0
- package/Dropzone/FilePreview.d.ts +15 -0
- package/Dropzone/FilePreview.mjs +7 -0
- package/Dropzone/index.d.ts +2 -0
- package/Dropzone/index.mjs +7 -0
- package/Dropzone/package.json +7 -0
- package/FilePreview-C6IeuOqo.js +40 -0
- package/Form/Form.d.ts +23 -0
- package/Form/Form.mjs +95 -0
- package/Form/FormRenderControl.d.ts +5 -0
- package/Form/FormRenderControl.mjs +21 -0
- package/Form/FormRenderControl.types.d.ts +18 -0
- package/Form/index.d.ts +3 -0
- package/Form/index.mjs +13 -0
- package/Form/package.json +7 -0
- package/FormCheckbox/FormCheckbox.d.ts +5 -0
- package/FormCheckbox/FormCheckbox.mjs +30 -0
- package/FormCheckbox/FormCheckbox.types.d.ts +7 -0
- package/FormCheckbox/index.d.ts +2 -0
- package/FormCheckbox/index.mjs +4 -0
- package/FormCheckbox/package.json +7 -0
- package/FormCombobox/FormCombobox.d.ts +4 -0
- package/FormCombobox/FormCombobox.mjs +26 -0
- package/FormCombobox/FormCombobox.types.d.ts +7 -0
- package/FormCombobox/index.d.ts +2 -0
- package/FormCombobox/index.mjs +4 -0
- package/FormCombobox/package.json +7 -0
- package/FormDatePicker/FormDatePicker.d.ts +4 -0
- package/FormDatePicker/FormDatePicker.mjs +27 -0
- package/FormDatePicker/FormDatePicker.types.d.ts +7 -0
- package/FormDatePicker/index.d.ts +3 -0
- package/FormDatePicker/index.mjs +5 -0
- package/FormDatePicker/package.json +7 -0
- package/FormInput/FormInput.d.ts +5 -0
- package/FormInput/FormInput.mjs +26 -0
- package/FormInput/FormInput.types.d.ts +7 -0
- package/FormInput/index.d.ts +2 -0
- package/FormInput/index.mjs +4 -0
- package/FormInput/package.json +7 -0
- package/FormSelect/FormSelect.d.ts +5 -0
- package/FormSelect/FormSelect.mjs +38 -0
- package/FormSelect/FormSelect.types.d.ts +7 -0
- package/FormSelect/index.d.ts +2 -0
- package/FormSelect/index.mjs +4 -0
- package/FormSelect/package.json +7 -0
- package/FormTextarea/FormTextarea.d.ts +5 -0
- package/FormTextarea/FormTextarea.mjs +26 -0
- package/FormTextarea/FormTextarea.types.d.ts +7 -0
- package/FormTextarea/index.d.ts +2 -0
- package/FormTextarea/index.mjs +4 -0
- package/FormTextarea/package.json +7 -0
- package/Header/Header.d.ts +4 -0
- package/Header/Header.mjs +26 -0
- package/Header/Header.types.d.ts +3 -0
- package/Header/index.d.ts +2 -0
- package/Header/index.mjs +5 -0
- package/Header/package.json +7 -0
- package/HoverCard/HoverCard.d.ts +6 -0
- package/HoverCard/HoverCard.mjs +23 -0
- package/HoverCard/index.d.ts +1 -0
- package/HoverCard/index.mjs +6 -0
- package/HoverCard/package.json +7 -0
- package/Input/Input.d.ts +6 -0
- package/Input/Input.mjs +61 -0
- package/Input/Input.types.d.ts +13 -0
- package/Input/index.d.ts +3 -0
- package/Input/index.mjs +7 -0
- package/Input/inputVariants.d.ts +3 -0
- package/Input/inputVariants.mjs +18 -0
- package/Input/package.json +7 -0
- package/InputOTP/InputOTP.d.ts +34 -0
- package/InputOTP/InputOTP.mjs +48 -0
- package/InputOTP/index.d.ts +1 -0
- package/InputOTP/index.mjs +7 -0
- package/InputOTP/package.json +7 -0
- package/Label/Label.d.ts +5 -0
- package/Label/Label.mjs +17 -0
- package/Label/index.d.ts +2 -0
- package/Label/index.mjs +6 -0
- package/Label/labelVariants.d.ts +1 -0
- package/Label/labelVariants.mjs +7 -0
- package/Label/package.json +7 -0
- package/LazyLoader/LazyLoader.d.ts +20 -0
- package/LazyLoader/LazyLoader.mjs +7 -0
- package/LazyLoader/index.d.ts +1 -0
- package/LazyLoader/index.mjs +5 -0
- package/LazyLoader/package.json +7 -0
- package/LoadingMask/LoadingMask.d.ts +1 -0
- package/LoadingMask/LoadingMask.mjs +59 -0
- package/LoadingMask/index.d.ts +1 -0
- package/LoadingMask/index.mjs +4 -0
- package/LoadingMask/package.json +7 -0
- package/LoadingProgress/LoadingProgress.d.ts +4 -0
- package/LoadingProgress/LoadingProgress.mjs +37 -0
- package/LoadingProgress/LoadingProgress.types.d.ts +8 -0
- package/LoadingProgress/index.d.ts +3 -0
- package/LoadingProgress/index.mjs +6 -0
- package/LoadingProgress/loadingProgressVariants.d.ts +4 -0
- package/LoadingProgress/loadingProgressVariants.mjs +24 -0
- package/LoadingProgress/package.json +7 -0
- package/Menubar/Menubar.d.ts +28 -0
- package/Menubar/Menubar.mjs +175 -0
- package/Menubar/index.d.ts +1 -0
- package/Menubar/index.mjs +19 -0
- package/Menubar/package.json +7 -0
- package/NavigationMenu/NavigationMenu.d.ts +11 -0
- package/NavigationMenu/NavigationMenu.mjs +101 -0
- package/NavigationMenu/index.d.ts +2 -0
- package/NavigationMenu/index.mjs +13 -0
- package/NavigationMenu/navigationMenuVariants.d.ts +1 -0
- package/NavigationMenu/navigationMenuVariants.mjs +7 -0
- package/NavigationMenu/package.json +7 -0
- package/Pagination/Pagination.d.ts +28 -0
- package/Pagination/Pagination.mjs +106 -0
- package/Pagination/index.d.ts +1 -0
- package/Pagination/index.mjs +10 -0
- package/Pagination/package.json +7 -0
- package/Popover/Popover.d.ts +7 -0
- package/Popover/Popover.mjs +24 -0
- package/Popover/index.d.ts +1 -0
- package/Popover/index.mjs +7 -0
- package/Popover/package.json +7 -0
- package/Progress/Progress.d.ts +4 -0
- package/Progress/Progress.mjs +26 -0
- package/Progress/index.d.ts +1 -0
- package/Progress/index.mjs +4 -0
- package/Progress/package.json +7 -0
- package/README.md +33 -0
- package/RadioGroup/RadioGroup.d.ts +5 -0
- package/RadioGroup/RadioGroup.mjs +31 -0
- package/RadioGroup/index.d.ts +1 -0
- package/RadioGroup/index.mjs +5 -0
- package/RadioGroup/package.json +7 -0
- package/Resizable/Resizable.d.ts +23 -0
- package/Resizable/Resizable.mjs +36 -0
- package/Resizable/index.d.ts +1 -0
- package/Resizable/index.mjs +6 -0
- package/Resizable/package.json +7 -0
- package/ScrollArea/ScrollArea.d.ts +5 -0
- package/ScrollArea/ScrollArea.mjs +38 -0
- package/ScrollArea/index.d.ts +1 -0
- package/ScrollArea/index.mjs +5 -0
- package/ScrollArea/package.json +7 -0
- package/Search/Search.d.ts +4 -0
- package/Search/Search.mjs +30 -0
- package/Search/Search.types.d.ts +6 -0
- package/Search/index.d.ts +3 -0
- package/Search/index.mjs +5 -0
- package/Search/package.json +7 -0
- package/Select/Select.d.ts +3 -0
- package/Select/Select.mjs +72 -0
- package/Select/Select.types.d.ts +29 -0
- package/Select/SelectRoot.d.ts +13 -0
- package/Select/SelectRoot.mjs +121 -0
- package/Select/index.d.ts +3 -0
- package/Select/index.mjs +15 -0
- package/Select/package.json +7 -0
- package/Separator/Separator.d.ts +4 -0
- package/Separator/Separator.mjs +24 -0
- package/Separator/index.d.ts +1 -0
- package/Separator/index.mjs +4 -0
- package/Separator/package.json +7 -0
- package/Sheet/Sheet.d.ts +25 -0
- package/Sheet/Sheet.mjs +110 -0
- package/Sheet/index.d.ts +1 -0
- package/Sheet/index.mjs +13 -0
- package/Sheet/package.json +7 -0
- package/Sidebar/Sidebar.d.ts +66 -0
- package/Sidebar/Sidebar.mjs +543 -0
- package/Sidebar/index.d.ts +1 -0
- package/Sidebar/index.mjs +27 -0
- package/Sidebar/package.json +7 -0
- package/Skeleton/Skeleton.d.ts +4 -0
- package/Skeleton/Skeleton.mjs +17 -0
- package/Skeleton/index.d.ts +1 -0
- package/Skeleton/index.mjs +4 -0
- package/Skeleton/package.json +7 -0
- package/Slider/Slider.d.ts +4 -0
- package/Slider/Slider.mjs +23 -0
- package/Slider/index.d.ts +1 -0
- package/Slider/index.mjs +4 -0
- package/Slider/package.json +7 -0
- package/Sonner/Sonner.d.ts +5 -0
- package/Sonner/Sonner.mjs +25 -0
- package/Sonner/index.d.ts +1 -0
- package/Sonner/index.mjs +4 -0
- package/Sonner/package.json +7 -0
- package/Switch/Switch.d.ts +4 -0
- package/Switch/Switch.mjs +27 -0
- package/Switch/index.d.ts +1 -0
- package/Switch/index.mjs +4 -0
- package/Switch/package.json +7 -0
- package/Table/Table.d.ts +10 -0
- package/Table/Table.mjs +90 -0
- package/Table/index.d.ts +1 -0
- package/Table/index.mjs +11 -0
- package/Table/package.json +7 -0
- package/Tabs/Tabs.d.ts +4 -0
- package/Tabs/Tabs.mjs +9 -0
- package/Tabs/Tabs.types.d.ts +9 -0
- package/Tabs/TabsRoot.d.ts +7 -0
- package/Tabs/TabsRoot.mjs +46 -0
- package/Tabs/index.d.ts +2 -0
- package/Tabs/index.mjs +9 -0
- package/Tabs/package.json +7 -0
- package/Textarea/Textarea.d.ts +4 -0
- package/Textarea/Textarea.mjs +18 -0
- package/Textarea/Textarea.types.d.ts +4 -0
- package/Textarea/index.d.ts +2 -0
- package/Textarea/index.mjs +4 -0
- package/Textarea/package.json +7 -0
- package/Theme/ThemeModeToggle.d.ts +8 -0
- package/Theme/ThemeModeToggle.mjs +48 -0
- package/Theme/ThemeProvider.d.ts +4 -0
- package/Theme/ThemeProvider.mjs +27 -0
- package/Theme/index.d.ts +2 -0
- package/Theme/index.mjs +6 -0
- package/Theme/package.json +7 -0
- package/Toast/Toast.d.ts +13 -0
- package/Toast/Toast.mjs +80 -0
- package/Toast/Toast.types.d.ts +34 -0
- package/Toast/index.d.ts +3 -0
- package/Toast/index.mjs +15 -0
- package/Toast/package.json +7 -0
- package/Toast/toast.constants.d.ts +6 -0
- package/Toast/toast.constants.mjs +9 -0
- package/Toast/toastVariants.d.ts +3 -0
- package/Toast/toastVariants.mjs +21 -0
- package/Toast/useToast.d.ts +16 -0
- package/Toast/useToast.mjs +101 -0
- package/Toaster/Toaster.d.ts +1 -0
- package/Toaster/Toaster.mjs +22 -0
- package/Toaster/index.d.ts +1 -0
- package/Toaster/index.mjs +4 -0
- package/Toaster/package.json +7 -0
- package/Toggle/Toggle.d.ts +12 -0
- package/Toggle/Toggle.mjs +37 -0
- package/Toggle/index.d.ts +1 -0
- package/Toggle/index.mjs +5 -0
- package/Toggle/package.json +7 -0
- package/ToggleGroup/ToggleGroup.d.ts +12 -0
- package/ToggleGroup/ToggleGroup.mjs +41 -0
- package/ToggleGroup/index.d.ts +1 -0
- package/ToggleGroup/index.mjs +5 -0
- package/ToggleGroup/package.json +7 -0
- package/Tooltip/Tooltip.d.ts +4 -0
- package/Tooltip/Tooltip.mjs +12 -0
- package/Tooltip/Tooltip.types.d.ts +8 -0
- package/Tooltip/TooltipRoot.d.ts +7 -0
- package/Tooltip/TooltipRoot.mjs +23 -0
- package/Tooltip/index.d.ts +3 -0
- package/Tooltip/index.mjs +9 -0
- package/Tooltip/package.json +7 -0
- package/index.css +1 -0
- package/index.d.ts +66 -0
- package/index.mjs +358 -0
- package/package.json +103 -0
- package/tailwind.config.mjs +148 -0
@@ -0,0 +1,7 @@
|
|
1
|
+
import * as React from "react";
|
2
|
+
import * as AccordionPrimitive from "@radix-ui/react-accordion";
|
3
|
+
declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
|
4
|
+
declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
5
|
+
declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
6
|
+
declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
7
|
+
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
|
@@ -0,0 +1,46 @@
|
|
1
|
+
import { jsx as a, jsxs as d } from "react/jsx-runtime";
|
2
|
+
import * as i from "react";
|
3
|
+
import * as e from "@radix-ui/react-accordion";
|
4
|
+
import { ChevronDown as m } from "lucide-react";
|
5
|
+
import { cn as s } from "@oneplatformdev/utils";
|
6
|
+
const g = e.Root, c = i.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ a(
|
7
|
+
e.Item,
|
8
|
+
{
|
9
|
+
ref: r,
|
10
|
+
className: s("border-b", o),
|
11
|
+
...t
|
12
|
+
}
|
13
|
+
));
|
14
|
+
c.displayName = "AccordionItem";
|
15
|
+
const l = i.forwardRef(({ className: o, children: t, ...r }, n) => /* @__PURE__ */ a(e.Header, { className: "flex", children: /* @__PURE__ */ d(
|
16
|
+
e.Trigger,
|
17
|
+
{
|
18
|
+
ref: n,
|
19
|
+
className: s(
|
20
|
+
"flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
|
21
|
+
o
|
22
|
+
),
|
23
|
+
...r,
|
24
|
+
children: [
|
25
|
+
t,
|
26
|
+
/* @__PURE__ */ a(m, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
|
27
|
+
]
|
28
|
+
}
|
29
|
+
) }));
|
30
|
+
l.displayName = e.Trigger.displayName;
|
31
|
+
const f = i.forwardRef(({ className: o, children: t, ...r }, n) => /* @__PURE__ */ a(
|
32
|
+
e.Content,
|
33
|
+
{
|
34
|
+
ref: n,
|
35
|
+
className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
|
36
|
+
...r,
|
37
|
+
children: /* @__PURE__ */ a("div", { className: s("pb-4 pt-0", o), children: t })
|
38
|
+
}
|
39
|
+
));
|
40
|
+
f.displayName = e.Content.displayName;
|
41
|
+
export {
|
42
|
+
g as Accordion,
|
43
|
+
f as AccordionContent,
|
44
|
+
c as AccordionItem,
|
45
|
+
l as AccordionTrigger
|
46
|
+
};
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './Accordion';
|
package/Alert/Alert.d.ts
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
2
|
+
import * as React from "react";
|
3
|
+
export declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
4
|
+
variant?: "default" | "destructive" | null | undefined;
|
5
|
+
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
|
6
|
+
export declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
|
7
|
+
export declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
package/Alert/Alert.mjs
ADDED
@@ -0,0 +1,37 @@
|
|
1
|
+
import { jsx as a } from "react/jsx-runtime";
|
2
|
+
import * as i from "react";
|
3
|
+
import { cn as l } from "@oneplatformdev/utils";
|
4
|
+
import { alertVariants as m } from "./alertVariants.mjs";
|
5
|
+
const s = i.forwardRef(({ className: e, variant: r, ...t }, o) => /* @__PURE__ */ a(
|
6
|
+
"div",
|
7
|
+
{
|
8
|
+
ref: o,
|
9
|
+
role: "alert",
|
10
|
+
className: l(m({ variant: r }), e),
|
11
|
+
...t
|
12
|
+
}
|
13
|
+
));
|
14
|
+
s.displayName = "Alert";
|
15
|
+
const n = i.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
|
16
|
+
"h5",
|
17
|
+
{
|
18
|
+
ref: t,
|
19
|
+
className: l("mb-1 font-medium leading-none tracking-tight", e),
|
20
|
+
...r
|
21
|
+
}
|
22
|
+
));
|
23
|
+
n.displayName = "AlertTitle";
|
24
|
+
const d = i.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
|
25
|
+
"div",
|
26
|
+
{
|
27
|
+
ref: t,
|
28
|
+
className: l("text-sm [&_p]:leading-relaxed", e),
|
29
|
+
...r
|
30
|
+
}
|
31
|
+
));
|
32
|
+
d.displayName = "AlertDescription";
|
33
|
+
export {
|
34
|
+
s as Alert,
|
35
|
+
d as AlertDescription,
|
36
|
+
n as AlertTitle
|
37
|
+
};
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { cva as t } from "class-variance-authority";
|
2
|
+
const r = t(
|
3
|
+
"relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
|
4
|
+
{
|
5
|
+
variants: {
|
6
|
+
variant: {
|
7
|
+
default: "bg-background text-foreground",
|
8
|
+
destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
|
9
|
+
}
|
10
|
+
},
|
11
|
+
defaultVariants: {
|
12
|
+
variant: "default"
|
13
|
+
}
|
14
|
+
}
|
15
|
+
);
|
16
|
+
export {
|
17
|
+
r as alertVariants,
|
18
|
+
r as default
|
19
|
+
};
|
package/Alert/index.d.ts
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
export * from './Alert';
|
package/Alert/index.mjs
ADDED
@@ -0,0 +1,65 @@
|
|
1
|
+
import { AlertDialogProps } from './AlertDialog.types';
|
2
|
+
import { FC, PropsWithChildren } from 'react';
|
3
|
+
|
4
|
+
/**
|
5
|
+
* Component for show Alert Dialog.
|
6
|
+
* @public
|
7
|
+
* @see [Documentation](#)
|
8
|
+
* @example
|
9
|
+
* > Import:
|
10
|
+
* ```tsx
|
11
|
+
* import { AlertDialog } from '@oneplatformdev/ui/AlertDialog';
|
12
|
+
* ```
|
13
|
+
* > Simple example:
|
14
|
+
* ```tsx
|
15
|
+
* <AlertDialog
|
16
|
+
* trigger={'Trigger text'} // may be any ReactNode | Button | string
|
17
|
+
* variant='alert' // 'confirm' (default) | 'alert' | 'destructive'
|
18
|
+
* title='Dialog title'
|
19
|
+
* description='Description text...'
|
20
|
+
* />
|
21
|
+
* ```
|
22
|
+
* > Base example:
|
23
|
+
* ```tsx
|
24
|
+
* <AlertDialog
|
25
|
+
* trigger={<Button variant="outline">Simple Trigger</Button>}
|
26
|
+
* title='Dialog title'
|
27
|
+
* description='Description text...'
|
28
|
+
* onCancel={(event) => console.log(event, 'Cancel')}
|
29
|
+
* onConfirm={(event) => console.log(event, 'Confirm')}
|
30
|
+
* />
|
31
|
+
* ```
|
32
|
+
* > Trigger example: Button with icon children
|
33
|
+
* ```tsx
|
34
|
+
* <AlertDialog
|
35
|
+
* trigger={<Button variant="outline" size="icon"><PencilLine /></Button>}
|
36
|
+
* title="Dialog title with icon trigger"
|
37
|
+
* description="Description text..."
|
38
|
+
* onCancel={(event) => console.log(event, 'Cancel')}
|
39
|
+
* onConfirm={(event) => console.log(event, 'Confirm')}
|
40
|
+
* />
|
41
|
+
* ```
|
42
|
+
*
|
43
|
+
* > Full content example:
|
44
|
+
* ```tsx
|
45
|
+
* <AlertDialog trigger={<Button variant="outline">Full Content Trigger</Button>}>
|
46
|
+
* Full Content...
|
47
|
+
* </AlertDialog>
|
48
|
+
* ```
|
49
|
+
*
|
50
|
+
* > Full control example:
|
51
|
+
* ```tsx
|
52
|
+
* <AlertDialog
|
53
|
+
* open={true}
|
54
|
+
* onOpenChange={(nextState) => console.log(nextState)}
|
55
|
+
* trigger={<Button variant="outline">Control Trigger</Button>}
|
56
|
+
* header={<div>Custom Header</div>}
|
57
|
+
* footer={[
|
58
|
+
* <Button key='cancel' variant="outline" onClick={() => {}}>On Action</Button>,
|
59
|
+
* <Button key='action' variant="outline" onClick={() => {}}>On Action</Button>,
|
60
|
+
* ]}
|
61
|
+
* />
|
62
|
+
* ```
|
63
|
+
*/
|
64
|
+
export declare const AlertDialog: FC<PropsWithChildren<AlertDialogProps>>;
|
65
|
+
export default AlertDialog;
|
@@ -0,0 +1,97 @@
|
|
1
|
+
import { jsxs as g, jsx as t } from "react/jsx-runtime";
|
2
|
+
import { cloneElement as a, useId as j, Children as y } from "react";
|
3
|
+
import { AlertDialogRoot as E, AlertDialogContent as u, AlertDialogTrigger as v, AlertDialogHeader as f, AlertDialogTitle as B, AlertDialogDescription as R, AlertDialogFooter as A, AlertDialogAction as D, AlertDialogCancel as k } from "./AlertDialogRoot.mjs";
|
4
|
+
import { isValidReactElement as s } from "@oneplatformdev/utils";
|
5
|
+
const F = (o) => {
|
6
|
+
const { slotProps: e = {}, children: r } = o, i = e.trigger ?? {};
|
7
|
+
return s(r, v) ? a(
|
8
|
+
r,
|
9
|
+
{
|
10
|
+
...r.props || {},
|
11
|
+
...i
|
12
|
+
}
|
13
|
+
) : /* @__PURE__ */ t(v, { asChild: !0, children: r });
|
14
|
+
}, H = (o) => {
|
15
|
+
const {
|
16
|
+
title: e = "",
|
17
|
+
description: r = "",
|
18
|
+
slotProps: i = {},
|
19
|
+
children: l
|
20
|
+
} = o, n = i.header ?? {}, d = i.title ?? {}, c = i.description ?? {};
|
21
|
+
return l ? s(l, f) ? a(
|
22
|
+
l,
|
23
|
+
{ ...l.props || {}, ...n }
|
24
|
+
) : /* @__PURE__ */ t(f, { ...n, children: l }) : /* @__PURE__ */ g(f, { children: [
|
25
|
+
e && s(e, B) ? a(
|
26
|
+
e,
|
27
|
+
{ ...e.props || {}, ...d }
|
28
|
+
) : /* @__PURE__ */ t(B, { ...d, children: e }),
|
29
|
+
r && s(r, R) ? a(
|
30
|
+
r,
|
31
|
+
{ ...r.props || {}, ...c }
|
32
|
+
) : /* @__PURE__ */ t(R, { ...c, children: r })
|
33
|
+
] });
|
34
|
+
}, I = (o) => {
|
35
|
+
const {
|
36
|
+
slotProps: e = {},
|
37
|
+
children: r,
|
38
|
+
onCancel: i,
|
39
|
+
onConfirm: l,
|
40
|
+
cancelLabel: n = "Cancel",
|
41
|
+
actionLabel: d = "Continue",
|
42
|
+
variant: c = "confirm"
|
43
|
+
} = o, x = j(), m = e.footer ?? {}, T = e.cancelButton ?? {}, C = e.actionButton ?? {};
|
44
|
+
return r ? s(r, A) ? a(
|
45
|
+
r,
|
46
|
+
{ ...r.props || {}, ...m }
|
47
|
+
) : /* @__PURE__ */ t(A, { ...m, children: y.map(r, (p, b) => {
|
48
|
+
if (!p || !s(p)) return;
|
49
|
+
const h = p, P = a(h, { ...h.props || {}, key: h.key || `footer-${x}-action-${b}` });
|
50
|
+
return s(p, D) || s(p, k) ? P : /* @__PURE__ */ t(D, { asChild: !0, children: P });
|
51
|
+
}) }) : /* @__PURE__ */ g(A, { children: [
|
52
|
+
c !== "alert" && /* @__PURE__ */ t(
|
53
|
+
k,
|
54
|
+
{
|
55
|
+
variant: "ghost",
|
56
|
+
onClick: i,
|
57
|
+
...T,
|
58
|
+
children: n
|
59
|
+
}
|
60
|
+
),
|
61
|
+
/* @__PURE__ */ t(
|
62
|
+
D,
|
63
|
+
{
|
64
|
+
onClick: l,
|
65
|
+
...C,
|
66
|
+
variant: C.variant || c === "destructive" ? "destructive" : "default",
|
67
|
+
children: d
|
68
|
+
}
|
69
|
+
)
|
70
|
+
] });
|
71
|
+
}, w = (o) => {
|
72
|
+
const {
|
73
|
+
trigger: e,
|
74
|
+
header: r,
|
75
|
+
footer: i,
|
76
|
+
slotProps: l = {},
|
77
|
+
children: n,
|
78
|
+
...d
|
79
|
+
} = o, c = l.content ?? {};
|
80
|
+
return /* @__PURE__ */ g(E, { ...d, children: [
|
81
|
+
/* @__PURE__ */ t(F, { ...o, children: e }),
|
82
|
+
n ? s(n, u) ? a(
|
83
|
+
n,
|
84
|
+
{
|
85
|
+
...n.props || {},
|
86
|
+
...c
|
87
|
+
}
|
88
|
+
) : /* @__PURE__ */ t(u, { ...c, children: n }) : /* @__PURE__ */ g(u, { ...c, children: [
|
89
|
+
/* @__PURE__ */ t(H, { ...o, children: r }),
|
90
|
+
/* @__PURE__ */ t(I, { ...o, children: i })
|
91
|
+
] })
|
92
|
+
] });
|
93
|
+
};
|
94
|
+
export {
|
95
|
+
w as AlertDialog,
|
96
|
+
w as default
|
97
|
+
};
|
@@ -0,0 +1,53 @@
|
|
1
|
+
import { AlertDialogTrigger, AlertDialogTitle, AlertDialogRoot, AlertDialogDescription, AlertDialogHeader, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, AlertDialogContent } from './AlertDialogRoot';
|
2
|
+
import { ComponentPropsWithoutRef, ReactNode, MouseEvent } from 'react';
|
3
|
+
|
4
|
+
export type AlertDialogRootProps = ComponentPropsWithoutRef<typeof AlertDialogRoot>;
|
5
|
+
export type AlertDialogTriggerProps = ComponentPropsWithoutRef<typeof AlertDialogTrigger>;
|
6
|
+
export type AlertDialogContentProps = ComponentPropsWithoutRef<typeof AlertDialogContent>;
|
7
|
+
export type AlertDialogHeaderProps = ComponentPropsWithoutRef<typeof AlertDialogHeader>;
|
8
|
+
export type AlertDialogTitleProps = ComponentPropsWithoutRef<typeof AlertDialogTitle>;
|
9
|
+
export type AlertDialogDescriptionProps = ComponentPropsWithoutRef<typeof AlertDialogDescription>;
|
10
|
+
export type AlertDialogFooterProps = ComponentPropsWithoutRef<typeof AlertDialogFooter>;
|
11
|
+
export type AlertDialogCancelProps = ComponentPropsWithoutRef<typeof AlertDialogCancel>;
|
12
|
+
export type AlertDialogActionProps = ComponentPropsWithoutRef<typeof AlertDialogAction>;
|
13
|
+
export interface AlertDialogProps extends Partial<AlertDialogRootProps> {
|
14
|
+
/** Alert Dialog Type. */
|
15
|
+
variant?: 'confirm' | 'alert' | 'destructive';
|
16
|
+
/** CancelButton label. */
|
17
|
+
cancelLabel?: ReactNode;
|
18
|
+
/** ActionButton label. */
|
19
|
+
actionLabel?: ReactNode;
|
20
|
+
/** CancelButton onClick event. */
|
21
|
+
onCancel?: (event: MouseEvent<HTMLButtonElement>) => void;
|
22
|
+
/** ActionButton onClick event. */
|
23
|
+
onConfirm?: (event: MouseEvent<HTMLButtonElement>) => void;
|
24
|
+
/** The trigger to open alert dialog. */
|
25
|
+
trigger?: ReactNode;
|
26
|
+
/** Alert Dialog Header. */
|
27
|
+
header?: ReactNode;
|
28
|
+
/** Alert Dialog Header Title. */
|
29
|
+
title?: ReactNode;
|
30
|
+
/** Alert Dialog Header Description. */
|
31
|
+
description?: ReactNode;
|
32
|
+
/** Alert Dialog Footer. */
|
33
|
+
footer?: ReactNode;
|
34
|
+
/** Alert Dialog Slots props. */
|
35
|
+
slotProps?: {
|
36
|
+
/** Alert Dialog Slot props for AlertDialogTrigger. */
|
37
|
+
trigger?: AlertDialogTriggerProps;
|
38
|
+
/** Alert Dialog Slot props for AlertDialogContentProps. */
|
39
|
+
content?: AlertDialogContentProps;
|
40
|
+
/** Alert Dialog Slot props for AlertDialogTrigger. */
|
41
|
+
header?: AlertDialogHeaderProps;
|
42
|
+
/** Alert Dialog Slot props for AlertDialogFooter. */
|
43
|
+
footer?: AlertDialogFooterProps;
|
44
|
+
/** Alert Dialog Slot props for AlertDialogTitle. */
|
45
|
+
title?: AlertDialogTitleProps;
|
46
|
+
/** Alert Dialog Slot props for AlertDialogDescriptionProps. */
|
47
|
+
description?: AlertDialogDescriptionProps;
|
48
|
+
/** Alert Dialog Slot props for AlertDialogCancelProps. */
|
49
|
+
cancelButton?: AlertDialogCancelProps;
|
50
|
+
/** Alert Dialog Slot props for AlertDialogActionProps. */
|
51
|
+
actionButton?: AlertDialogActionProps;
|
52
|
+
};
|
53
|
+
}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import { ButtonProps } from '../Button';
|
2
|
+
import * as React from "react";
|
3
|
+
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
4
|
+
declare const AlertDialogRoot: React.FC<AlertDialogPrimitive.AlertDialogProps>;
|
5
|
+
declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
6
|
+
declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
|
7
|
+
declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
8
|
+
declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
9
|
+
declare const AlertDialogHeader: {
|
10
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
11
|
+
displayName: string;
|
12
|
+
};
|
13
|
+
declare const AlertDialogFooter: {
|
14
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
15
|
+
displayName: string;
|
16
|
+
};
|
17
|
+
declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
18
|
+
declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
19
|
+
declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
20
|
+
declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
21
|
+
export { AlertDialogRoot, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
|
@@ -0,0 +1,114 @@
|
|
1
|
+
import { jsx as l, jsxs as c } from "react/jsx-runtime";
|
2
|
+
import * as i from "react";
|
3
|
+
import * as e from "@radix-ui/react-alert-dialog";
|
4
|
+
import { cn as s } from "@oneplatformdev/utils";
|
5
|
+
import "../Button/Button.mjs";
|
6
|
+
import { buttonVariants as n } from "../Button/buttonVariants.mjs";
|
7
|
+
const v = e.Root, C = e.Trigger, f = e.Portal, m = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
|
8
|
+
e.Overlay,
|
9
|
+
{
|
10
|
+
className: s(
|
11
|
+
"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
|
12
|
+
a
|
13
|
+
),
|
14
|
+
...t,
|
15
|
+
ref: o
|
16
|
+
}
|
17
|
+
));
|
18
|
+
m.displayName = e.Overlay.displayName;
|
19
|
+
const p = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ c(f, { children: [
|
20
|
+
/* @__PURE__ */ l(m, {}),
|
21
|
+
/* @__PURE__ */ l(
|
22
|
+
e.Content,
|
23
|
+
{
|
24
|
+
ref: o,
|
25
|
+
className: s(
|
26
|
+
"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
|
27
|
+
a
|
28
|
+
),
|
29
|
+
...t
|
30
|
+
}
|
31
|
+
)
|
32
|
+
] }));
|
33
|
+
p.displayName = e.Content.displayName;
|
34
|
+
const g = ({
|
35
|
+
className: a,
|
36
|
+
...t
|
37
|
+
}) => /* @__PURE__ */ l(
|
38
|
+
"div",
|
39
|
+
{
|
40
|
+
className: s(
|
41
|
+
"flex flex-col space-y-2 text-center sm:text-left",
|
42
|
+
a
|
43
|
+
),
|
44
|
+
...t
|
45
|
+
}
|
46
|
+
);
|
47
|
+
g.displayName = "AlertDialogHeader";
|
48
|
+
const N = ({
|
49
|
+
className: a,
|
50
|
+
...t
|
51
|
+
}) => /* @__PURE__ */ l(
|
52
|
+
"div",
|
53
|
+
{
|
54
|
+
className: s(
|
55
|
+
"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
|
56
|
+
a
|
57
|
+
),
|
58
|
+
...t
|
59
|
+
}
|
60
|
+
);
|
61
|
+
N.displayName = "AlertDialogFooter";
|
62
|
+
const y = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
|
63
|
+
e.Title,
|
64
|
+
{
|
65
|
+
ref: o,
|
66
|
+
className: s("text-lg font-semibold", a),
|
67
|
+
...t
|
68
|
+
}
|
69
|
+
));
|
70
|
+
y.displayName = e.Title.displayName;
|
71
|
+
const x = i.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ l(
|
72
|
+
e.Description,
|
73
|
+
{
|
74
|
+
ref: o,
|
75
|
+
className: s("text-sm text-muted-foreground", a),
|
76
|
+
...t
|
77
|
+
}
|
78
|
+
));
|
79
|
+
x.displayName = e.Description.displayName;
|
80
|
+
const A = i.forwardRef(({ className: a, variant: t, size: o, ...r }, d) => /* @__PURE__ */ l(
|
81
|
+
e.Action,
|
82
|
+
{
|
83
|
+
ref: d,
|
84
|
+
className: s(n({ variant: t, size: o }), a),
|
85
|
+
...r
|
86
|
+
}
|
87
|
+
));
|
88
|
+
A.displayName = e.Action.displayName;
|
89
|
+
const D = i.forwardRef(({ className: a, variant: t = "outline", size: o, ...r }, d) => /* @__PURE__ */ l(
|
90
|
+
e.Cancel,
|
91
|
+
{
|
92
|
+
ref: d,
|
93
|
+
className: s(
|
94
|
+
n({ variant: t, size: o }),
|
95
|
+
"mt-2 sm:mt-0",
|
96
|
+
a
|
97
|
+
),
|
98
|
+
...r
|
99
|
+
}
|
100
|
+
));
|
101
|
+
D.displayName = e.Cancel.displayName;
|
102
|
+
export {
|
103
|
+
A as AlertDialogAction,
|
104
|
+
D as AlertDialogCancel,
|
105
|
+
p as AlertDialogContent,
|
106
|
+
x as AlertDialogDescription,
|
107
|
+
N as AlertDialogFooter,
|
108
|
+
g as AlertDialogHeader,
|
109
|
+
m as AlertDialogOverlay,
|
110
|
+
f as AlertDialogPortal,
|
111
|
+
v as AlertDialogRoot,
|
112
|
+
y as AlertDialogTitle,
|
113
|
+
C as AlertDialogTrigger
|
114
|
+
};
|
@@ -0,0 +1,3 @@
|
|
1
|
+
export { AlertDialogRoot, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, } from './AlertDialogRoot';
|
2
|
+
export * from './AlertDialog';
|
3
|
+
export type * from './AlertDialog.types';
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import { AlertDialogAction as e, AlertDialogCancel as r, AlertDialogContent as t, AlertDialogDescription as i, AlertDialogFooter as a, AlertDialogHeader as g, AlertDialogOverlay as A, AlertDialogPortal as D, AlertDialogRoot as n, AlertDialogTitle as c, AlertDialogTrigger as p } from "./AlertDialogRoot.mjs";
|
2
|
+
import { AlertDialog as m } from "./AlertDialog.mjs";
|
3
|
+
export {
|
4
|
+
m as AlertDialog,
|
5
|
+
e as AlertDialogAction,
|
6
|
+
r as AlertDialogCancel,
|
7
|
+
t as AlertDialogContent,
|
8
|
+
i as AlertDialogDescription,
|
9
|
+
a as AlertDialogFooter,
|
10
|
+
g as AlertDialogHeader,
|
11
|
+
A as AlertDialogOverlay,
|
12
|
+
D as AlertDialogPortal,
|
13
|
+
n as AlertDialogRoot,
|
14
|
+
c as AlertDialogTitle,
|
15
|
+
p as AlertDialogTrigger
|
16
|
+
};
|
@@ -0,0 +1,27 @@
|
|
1
|
+
import { jsx as t, jsxs as a } from "react/jsx-runtime";
|
2
|
+
import { AreaChart as s, CartesianGrid as n, XAxis as l, YAxis as h, Area as p } from "recharts";
|
3
|
+
import { ChartContainer as d, ChartTooltip as f, ChartTooltipContent as c } from "../Chart/Chart.mjs";
|
4
|
+
const k = ({ data: o, config: i }) => /* @__PURE__ */ t(d, { config: i, className: "h-[350px] w-full", children: /* @__PURE__ */ a(s, { data: o, width: 808, height: 350, margin: { top: 10, right: 10, left: 0, bottom: 0 }, children: [
|
5
|
+
/* @__PURE__ */ t("defs", { children: Object.entries(i).map(([e, { color: r }]) => /* @__PURE__ */ a("linearGradient", { id: `${e}Gradient`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
|
6
|
+
/* @__PURE__ */ t("stop", { offset: "5%", stopColor: r, stopOpacity: 0.8 }),
|
7
|
+
/* @__PURE__ */ t("stop", { offset: "95%", stopColor: r, stopOpacity: 0.1 })
|
8
|
+
] }, e)) }),
|
9
|
+
/* @__PURE__ */ t(n, { strokeDasharray: "none", stroke: "gray", strokeWidth: 0.5, vertical: !0, horizontal: !0 }),
|
10
|
+
/* @__PURE__ */ t(l, { dataKey: "month", axisLine: !1, tickLine: !1, tick: { fontSize: 12 } }),
|
11
|
+
/* @__PURE__ */ t(h, { axisLine: !1, tickLine: !1, tick: { fontSize: 12 } }),
|
12
|
+
/* @__PURE__ */ t(f, { content: /* @__PURE__ */ t(c, {}) }),
|
13
|
+
Object.entries(i).map(([e, { color: r }]) => /* @__PURE__ */ t(
|
14
|
+
p,
|
15
|
+
{
|
16
|
+
type: "monotone",
|
17
|
+
dataKey: e,
|
18
|
+
stroke: r,
|
19
|
+
fill: `url(#${e}Gradient)`,
|
20
|
+
strokeWidth: 3
|
21
|
+
},
|
22
|
+
e
|
23
|
+
))
|
24
|
+
] }) });
|
25
|
+
export {
|
26
|
+
k as AreaChart
|
27
|
+
};
|
@@ -0,0 +1,15 @@
|
|
1
|
+
export interface AreaChartData {
|
2
|
+
month: string;
|
3
|
+
[key: string]: number | string;
|
4
|
+
}
|
5
|
+
export interface AreaChartConfigItem {
|
6
|
+
label: string;
|
7
|
+
color: string;
|
8
|
+
}
|
9
|
+
export interface AreaChartConfig {
|
10
|
+
[key: string]: AreaChartConfigItem;
|
11
|
+
}
|
12
|
+
export interface AreaChartProps {
|
13
|
+
data: AreaChartData[];
|
14
|
+
config: AreaChartConfig;
|
15
|
+
}
|
package/Aside/Aside.d.ts
ADDED
package/Aside/Aside.mjs
ADDED
@@ -0,0 +1,23 @@
|
|
1
|
+
import { jsxs as e, jsx as o } from "react/jsx-runtime";
|
2
|
+
import { SidebarProvider as s, SidebarInset as n } from "../Sidebar/Sidebar.mjs";
|
3
|
+
const c = (d) => {
|
4
|
+
const {
|
5
|
+
children: l,
|
6
|
+
header: r,
|
7
|
+
sidebar: i
|
8
|
+
} = d;
|
9
|
+
return /* @__PURE__ */ e(s, { children: [
|
10
|
+
!!i && i,
|
11
|
+
/* @__PURE__ */ e(n, { children: [
|
12
|
+
!!r && r,
|
13
|
+
/* @__PURE__ */ e("section", { className: "flex flex-1 flex-col gap-4 p-4 pt-0", children: [
|
14
|
+
/* @__PURE__ */ o("div", { children: "test build" }),
|
15
|
+
l
|
16
|
+
] })
|
17
|
+
] })
|
18
|
+
] });
|
19
|
+
};
|
20
|
+
export {
|
21
|
+
c as Aside,
|
22
|
+
c as default
|
23
|
+
};
|