@oneplatformdev/ui 0.1.10-25 → 0.1.10-29
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/{Accordion/Accordion.js → Accordion.js} +1 -0
- package/Accordion.js.map +1 -0
- package/Alert/alertVariants.js +1 -0
- package/Alert/alertVariants.js.map +1 -0
- package/{Alert/Alert.js → Alert.js} +2 -1
- package/Alert.js.map +1 -0
- package/AlertDialog/AlertDialog.js +1 -0
- package/AlertDialog/AlertDialog.js.map +1 -0
- package/AlertDialog/AlertDialogRoot.js +32 -32
- package/AlertDialog/AlertDialogRoot.js.map +1 -0
- package/{AlertDialog/AlertDialog.stories.js → AlertDialog.js} +5 -5
- package/AlertDialog.js.map +1 -0
- package/{AreaChart/AreaChart.js → AreaChart.js} +2 -1
- package/AreaChart.js.map +1 -0
- package/Aside/AsideSidebar.js +2 -1
- package/Aside/AsideSidebar.js.map +1 -0
- package/{Aside/Aside.js → Aside.js} +2 -1
- package/Aside.js.map +1 -0
- package/{AspectRatio/AspectRatio.js → AspectRatio.js} +1 -0
- package/AspectRatio.js.map +1 -0
- package/{Avatar/Avatar.js → Avatar.js} +1 -0
- package/Avatar.js.map +1 -0
- package/Badge/badgeVariants.js +1 -0
- package/Badge/badgeVariants.js.map +1 -0
- package/{Badge/Badge.js → Badge.js} +2 -1
- package/Badge.js.map +1 -0
- package/{Breadcrumb/Breadcrumb.js → Breadcrumb.js} +1 -0
- package/Breadcrumb.js.map +1 -0
- package/Button/Button.js +1 -0
- package/Button/Button.js.map +1 -0
- package/Button/buttonVariants.js +1 -0
- package/Button/buttonVariants.js.map +1 -0
- package/{Button/Button.stories.js → Button.js} +2 -1
- package/Button.js.map +1 -0
- package/ButtonIcon/ButtonIcon.js +1 -0
- package/ButtonIcon/ButtonIcon.js.map +1 -0
- package/ButtonIcon/buttonIconVariants.js +1 -0
- package/ButtonIcon/buttonIconVariants.js.map +1 -0
- package/{ButtonIcon/ButtonIcon.stories.js → ButtonIcon.js} +2 -1
- package/ButtonIcon.js.map +1 -0
- package/CHANGELOG.md +32 -0
- package/{Calendar/Calendar.js → Calendar.js} +2 -2
- package/Calendar.js.map +1 -0
- package/{Card/Card.js → Card.js} +1 -0
- package/Card.js.map +1 -0
- package/{Carousel/Carousel.js → Carousel.js} +7 -7
- package/Carousel.js.map +1 -0
- package/{Chart/Chart.js → Chart.js} +1 -0
- package/Chart.js.map +1 -0
- package/{Checkbox/Checkbox.js → Checkbox.js} +19 -19
- package/Checkbox.js.map +1 -0
- package/{Collapsible/Collapsible.js → Collapsible.js} +1 -0
- package/Collapsible.js.map +1 -0
- package/Combobox/ComboboxOptionItem.js +5 -4
- package/Combobox/ComboboxOptionItem.js.map +1 -0
- package/Combobox/ComboboxOptions.js +27 -27
- package/Combobox/ComboboxOptions.js.map +1 -0
- package/{Combobox/Combobox.js → Combobox.js} +37 -38
- package/Combobox.js.map +1 -0
- package/{Command/Command.js → Command.js} +20 -20
- package/Command.js.map +1 -0
- package/DataTable/useDataTable.d.ts +1 -1
- package/{DataTable/DataTable.js → DataTable.js} +13 -13
- package/DataTable.js.map +1 -0
- package/{DatePicker/DatePicker.js → DatePicker.js} +15 -15
- package/DatePicker.js.map +1 -0
- package/Dialog/DialogOverlayScope.js +1 -0
- package/Dialog/DialogOverlayScope.js.map +1 -0
- package/{Dialog/Dialog.js → Dialog.js} +2 -1
- package/Dialog.js.map +1 -0
- package/{Drawer/Drawer.js → Drawer.js} +1 -0
- package/Drawer.js.map +1 -0
- package/{DropdownMenu/DropdownMenu.js → DropdownMenu.js} +1 -0
- package/DropdownMenu.js.map +1 -0
- package/Dropzone/Dropzone.types.js +1 -0
- package/Dropzone/Dropzone.types.js.map +1 -0
- package/Dropzone/DropzoneFilePreview.js +1 -0
- package/Dropzone/DropzoneFilePreview.js.map +1 -0
- package/Dropzone/DropzoneSinglePickPreview.js +1 -0
- package/Dropzone/DropzoneSinglePickPreview.js.map +1 -0
- package/Dropzone/DropzoneUtils.js +1 -0
- package/Dropzone/DropzoneUtils.js.map +1 -0
- package/{Dropzone/Dropzone.js → Dropzone.js} +6 -5
- package/Dropzone.js.map +1 -0
- package/Form/Form.d.ts +8 -7
- package/Form/Form.d.ts.map +1 -1
- package/Form/FormRenderControl.d.ts +1 -1
- package/Form/FormRenderControl.d.ts.map +1 -1
- package/Form/FormRenderControl.js +2 -1
- package/Form/FormRenderControl.js.map +1 -0
- package/Form/FormRenderControl.types.d.ts +5 -5
- package/Form/FormRenderControl.types.d.ts.map +1 -1
- package/Form/Form_old.d.ts +24 -0
- package/Form/Form_old.d.ts.map +1 -0
- package/Form.js +102 -0
- package/Form.js.map +1 -0
- package/{FormCheckbox/FormCheckbox.js → FormCheckbox.js} +6 -5
- package/FormCheckbox.js.map +1 -0
- package/{FormCombobox/FormCombobox.js → FormCombobox.js} +6 -5
- package/FormCombobox.js.map +1 -0
- package/{FormDatePicker/FormDatePicker.js → FormDatePicker.js} +6 -5
- package/FormDatePicker.js.map +1 -0
- package/FormDropzone.js +20 -0
- package/FormDropzone.js.map +1 -0
- package/{FormInput/FormInput.js → FormInput.js} +8 -7
- package/FormInput.js.map +1 -0
- package/{FormRadio/FormRadio.js → FormRadio.js} +4 -3
- package/FormRadio.js.map +1 -0
- package/FormSelect.js +40 -0
- package/FormSelect.js.map +1 -0
- package/{FormTextarea/FormTextarea.js → FormTextarea.js} +6 -5
- package/FormTextarea.js.map +1 -0
- package/{Header/Header.js → Header.js} +3 -2
- package/Header.js.map +1 -0
- package/{HoverCard/HoverCard.js → HoverCard.js} +1 -0
- package/HoverCard.js.map +1 -0
- package/Input/inputVariants.js +1 -0
- package/Input/inputVariants.js.map +1 -0
- package/{Input/Input.js → Input.js} +2 -1
- package/Input.js.map +1 -0
- package/{InputOTP/InputOTP.js → InputOTP.js} +1 -0
- package/InputOTP.js.map +1 -0
- package/Label/Label.d.ts +7 -4
- package/Label/Label.d.ts.map +1 -1
- package/Label/labelVariants.d.ts.map +1 -1
- package/Label/labelVariants.js +5 -3
- package/Label/labelVariants.js.map +1 -0
- package/Label.js +23 -0
- package/Label.js.map +1 -0
- package/LazyLoader.js +8 -0
- package/LazyLoader.js.map +1 -0
- package/{LoadedIcon/LoadedIcon.js → LoadedIcon.js} +1 -0
- package/LoadedIcon.js.map +1 -0
- package/LoadingMask/RenderLoadingMask.js +1 -0
- package/LoadingMask/RenderLoadingMask.js.map +1 -0
- package/{LoadingMask/LoadingMask.js → LoadingMask.js} +2 -1
- package/LoadingMask.js.map +1 -0
- package/LoadingProgress/loadingProgressVariants.js +1 -0
- package/LoadingProgress/loadingProgressVariants.js.map +1 -0
- package/{LoadingProgress/LoadingProgress.js → LoadingProgress.js} +2 -1
- package/LoadingProgress.js.map +1 -0
- package/{Menubar/Menubar.js → Menubar.js} +1 -0
- package/Menubar.js.map +1 -0
- package/NavigationMenu/navigationMenuVariants.js +1 -0
- package/NavigationMenu/navigationMenuVariants.js.map +1 -0
- package/{NavigationMenu/NavigationMenu.js → NavigationMenu.js} +2 -1
- package/NavigationMenu.js.map +1 -0
- package/{Pagination/Pagination.js → Pagination.js} +2 -2
- package/Pagination.js.map +1 -0
- package/{Popover/Popover.js → Popover.js} +1 -0
- package/Popover.js.map +1 -0
- package/{Progress/Progress.js → Progress.js} +1 -0
- package/Progress.js.map +1 -0
- package/{Radio/Radio.js → Radio.js} +2 -1
- package/Radio.js.map +1 -0
- package/{RadioGroup/RadioGroup.js → RadioGroup.js} +2 -1
- package/RadioGroup.js.map +1 -0
- package/{Resizable/Resizable.js → Resizable.js} +1 -0
- package/Resizable.js.map +1 -0
- package/{ScrollArea/ScrollArea.js → ScrollArea.js} +1 -0
- package/ScrollArea.js.map +1 -0
- package/{Search/Search.js → Search.js} +10 -9
- package/Search.js.map +1 -0
- package/Select/Select.js +24 -24
- package/Select/Select.js.map +1 -0
- package/Select/SelectRoot.js +4 -3
- package/Select/SelectRoot.js.map +1 -0
- package/{Select/Select.stories.js → Select.js} +2 -1
- package/Select.js.map +1 -0
- package/{Separator/Separator.js → Separator.js} +1 -0
- package/Separator.js.map +1 -0
- package/{Sheet/Sheet.js → Sheet.js} +1 -0
- package/Sheet.js.map +1 -0
- package/{Sidebar/Sidebar.js → Sidebar.js} +22 -22
- package/Sidebar.js.map +1 -0
- package/{Skeleton/Skeleton.js → Skeleton.js} +1 -0
- package/Skeleton.js.map +1 -0
- package/{Slider/Slider.js → Slider.js} +1 -0
- package/Slider.js.map +1 -0
- package/{Sonner/Sonner.js → Sonner.js} +1 -0
- package/Sonner.js.map +1 -0
- package/{Switch/Switch.js → Switch.js} +1 -0
- package/Switch.js.map +1 -0
- package/{Table/Table.js → Table.js} +1 -0
- package/Table.js.map +1 -0
- package/{TablePagination/TablePagination.js → TablePagination.js} +15 -16
- package/TablePagination.js.map +1 -0
- package/Tabs/TabsRoot.js +1 -0
- package/Tabs/TabsRoot.js.map +1 -0
- package/{Tabs/Tabs.js → Tabs.js} +2 -1
- package/Tabs.js.map +1 -0
- package/Textarea/useAutosizeTextArea.js +1 -0
- package/Textarea/useAutosizeTextArea.js.map +1 -0
- package/{Textarea/Textarea.js → Textarea.js} +2 -1
- package/Textarea.js.map +1 -0
- package/Theme/ThemeProvider.js +1 -0
- package/Theme/ThemeProvider.js.map +1 -0
- package/{Theme/ThemeModeToggle.js → Theme.js} +6 -6
- package/Theme.js.map +1 -0
- package/Toast/toastVariants.js +1 -0
- package/Toast/toastVariants.js.map +1 -0
- package/Toast/useToast.js +1 -0
- package/Toast/useToast.js.map +1 -0
- package/{Toast/Toast.js → Toast.js} +2 -1
- package/Toast.js.map +1 -0
- package/{Toaster/Toaster.js → Toaster.js} +3 -2
- package/Toaster.js.map +1 -0
- package/{Toggle/Toggle.js → Toggle.js} +1 -0
- package/Toggle.js.map +1 -0
- package/{ToggleGroup/ToggleGroup.js → ToggleGroup.js} +2 -1
- package/ToggleGroup.js.map +1 -0
- package/Tooltip/TooltipRoot.js +1 -0
- package/Tooltip/TooltipRoot.js.map +1 -0
- package/{Tooltip/Tooltip.js → Tooltip.js} +2 -1
- package/Tooltip.js.map +1 -0
- package/hooks/dist/useIsMobile/useIsMobile.js +1 -0
- package/hooks/dist/useIsMobile/useIsMobile.js.map +1 -0
- package/index.js +66 -65
- package/index.js.map +1 -0
- package/package.json +10 -21
- package/src.js +374 -0
- package/src.js.map +1 -0
- package/Accordion/index.js +0 -7
- package/Alert/index.js +0 -6
- package/AlertDialog/AlertDialog.types.js +0 -1
- package/AlertDialog/index.js +0 -16
- package/AreaChart/AreaChart.types.js +0 -1
- package/AreaChart/index.js +0 -4
- package/Aside/Aside.types.js +0 -1
- package/Aside/index.js +0 -7
- package/AspectRatio/index.js +0 -5
- package/Avatar/index.js +0 -6
- package/Badge/Badge.types.js +0 -1
- package/Badge/index.js +0 -6
- package/Breadcrumb/index.js +0 -10
- package/Button/Button.types.js +0 -1
- package/Button/index.js +0 -7
- package/ButtonIcon/ButtonIcon.types.js +0 -1
- package/ButtonIcon/index.js +0 -7
- package/Calendar/index.js +0 -4
- package/Card/index.js +0 -9
- package/Carousel/index.js +0 -8
- package/Chart/index.js +0 -9
- package/Checkbox/Checkbox.types.js +0 -1
- package/Checkbox/index.js +0 -5
- package/Collapsible/index.js +0 -6
- package/Combobox/Combobox.types.js +0 -1
- package/Combobox/index.js +0 -4
- package/Command/index.js +0 -12
- package/DataTable/DataTable.types.js +0 -1
- package/DataTable/DataTableColumnFilter.js +0 -31
- package/DataTable/index.js +0 -4
- package/DataTable/useDataTable.js +0 -30
- package/DatePicker/DatePicker.types.js +0 -1
- package/DatePicker/index.js +0 -5
- package/Dialog/index.js +0 -17
- package/Drawer/index.js +0 -13
- package/DropdownMenu/index.js +0 -18
- package/Dropzone/index.js +0 -7
- package/Form/Form.js +0 -98
- package/Form/FormRenderControl.types.js +0 -1
- package/Form/index.js +0 -13
- package/FormCheckbox/FormCheckbox.types.js +0 -1
- package/FormCheckbox/index.js +0 -4
- package/FormCombobox/FormCombobox.types.js +0 -1
- package/FormCombobox/index.js +0 -4
- package/FormDatePicker/FormDatePicker.types.js +0 -1
- package/FormDatePicker/index.js +0 -5
- package/FormDropzone/FormDropzone.js +0 -19
- package/FormDropzone/FormDropzone.types.js +0 -1
- package/FormDropzone/index.js +0 -4
- package/FormInput/FormInput.types.js +0 -1
- package/FormInput/index.js +0 -4
- package/FormRadio/FormRadio.types.js +0 -1
- package/FormRadio/index.js +0 -4
- package/FormSelect/FormSelect.js +0 -40
- package/FormSelect/FormSelect.types.js +0 -1
- package/FormSelect/index.js +0 -4
- package/FormTextarea/FormTextarea.types.js +0 -1
- package/FormTextarea/index.js +0 -4
- package/Header/Header.types.js +0 -1
- package/Header/index.js +0 -5
- package/HoverCard/index.js +0 -6
- package/Input/Input.types.js +0 -1
- package/Input/index.js +0 -7
- package/InputOTP/index.js +0 -7
- package/Label/Label.js +0 -17
- package/Label/index.js +0 -6
- package/LazyLoader/LazyLoader.js +0 -8
- package/LazyLoader/index.js +0 -5
- package/LoadedIcon/index.js +0 -4
- package/LoadingMask/LoadingMask.types.js +0 -1
- package/LoadingMask/index.js +0 -6
- package/LoadingProgress/LoadingProgress.types.js +0 -1
- package/LoadingProgress/index.js +0 -6
- package/Menubar/index.js +0 -19
- package/NavigationMenu/index.js +0 -13
- package/Pagination/index.js +0 -10
- package/Popover/index.js +0 -7
- package/Progress/index.js +0 -4
- package/Radio/Radio.types.js +0 -1
- package/Radio/index.js +0 -4
- package/RadioGroup/index.js +0 -6
- package/Resizable/index.js +0 -6
- package/ScrollArea/index.js +0 -5
- package/Search/Search.types.js +0 -1
- package/Search/index.js +0 -5
- package/Select/Select.types.js +0 -1
- package/Select/index.js +0 -15
- package/Separator/index.js +0 -4
- package/Sheet/index.js +0 -13
- package/Sidebar/index.js +0 -27
- package/Skeleton/index.js +0 -4
- package/Slider/index.js +0 -4
- package/Sonner/index.js +0 -4
- package/Switch/index.js +0 -4
- package/Table/index.js +0 -11
- package/TablePagination/index.js +0 -4
- package/Tabs/Tabs.types.js +0 -1
- package/Tabs/index.js +0 -10
- package/Textarea/Textarea.types.js +0 -1
- package/Textarea/index.js +0 -4
- package/Theme/index.js +0 -6
- package/Toast/Toast.types.js +0 -1
- package/Toast/index.js +0 -15
- package/Toast/toast.constants.js +0 -9
- package/Toaster/index.js +0 -4
- package/Toggle/index.js +0 -5
- package/ToggleGroup/index.js +0 -5
- package/Tooltip/Tooltip.types.js +0 -1
- package/Tooltip/index.js +0 -9
package/Accordion.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.js","sources":["../src/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\nimport { ChevronDownIcon } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nfunction Accordion({\n ...props\n }: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />\n}\n\nfunction AccordionItem({\n className,\n ...props\n }: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n return (\n <AccordionPrimitive.Item\n data-slot=\"accordion-item\"\n className={cn(\"border-b last:border-b-0\", className)}\n {...props}\n />\n )\n}\n\nfunction AccordionTrigger({\n className,\n children,\n showChevron = true,\n ...props\n }: React.ComponentProps<typeof AccordionPrimitive.Trigger> & { showChevron?: boolean }) {\n return (\n <AccordionPrimitive.Header className=\"flex\">\n <AccordionPrimitive.Trigger\n data-slot=\"accordion-trigger\"\n className={cn(\n \"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180\",\n className\n )}\n {...props}\n >\n {children}\n {showChevron && <ChevronDownIcon className=\"text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200\" />}\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n )\n}\n\nfunction AccordionContent({\n className,\n children,\n ...props\n }: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n return (\n <AccordionPrimitive.Content\n data-slot=\"accordion-content\"\n className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\n {...props}\n >\n <div className={cn(\"pt-0 pb-4\", className)}>{children}</div>\n </AccordionPrimitive.Content>\n )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"],"names":["Accordion","props","AccordionPrimitive","AccordionItem","className","jsx","cn","AccordionTrigger","children","showChevron","jsxs","ChevronDownIcon","AccordionContent"],"mappings":";;;;AAQA,SAASA,EAAU;AAAA,EACE,GAAGC;AACL,GAAyD;AAC1E,2BAAQC,EAAmB,MAAnB,EAAwB,aAAU,aAAa,GAAGD,GAAO;AACnE;AAEA,SAASE,EAAc;AAAA,EACE,WAAAC;AAAA,EACA,GAAGH;AACL,GAAyD;AAC9E,SACE,gBAAAI;AAAA,IAACH,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWI,EAAG,4BAA4BF,CAAS;AAAA,MAClD,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAiB;AAAA,EACE,WAAAH;AAAA,EACA,UAAAI;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGR;AACL,GAAwF;AAChH,SACE,gBAAAI,EAACH,EAAmB,QAAnB,EAA0B,WAAU,QACnC,UAAA,gBAAAQ;AAAA,IAACR,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWI;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGH;AAAA,MAEH,UAAA;AAAA,QAAAO;AAAA,QACAC,KAAe,gBAAAJ,EAACM,GAAA,EAAgB,WAAU,8GAAA,CAA8G;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE7J;AAEJ;AAEA,SAASC,EAAiB;AAAA,EACE,WAAAR;AAAA,EACA,UAAAI;AAAA,EACA,GAAGP;AACL,GAA4D;AACpF,SACE,gBAAAI;AAAA,IAACH,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAGD;AAAA,MAEJ,4BAAC,OAAA,EAAI,WAAWK,EAAG,aAAaF,CAAS,GAAI,UAAAI,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG5D;"}
|
package/Alert/alertVariants.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alertVariants.js","sources":["../../src/Alert/alertVariants.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\"\n\nexport const alertVariants = cva(\n \"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\",\n {\n variants: {\n variant: {\n default: \"bg-background text-foreground\",\n destructive:\n \"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n\nexport default alertVariants;\n"],"names":["alertVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import * as i from "react";
|
|
3
3
|
import { cn as l } from "@oneplatformdev/utils";
|
|
4
|
-
import { alertVariants as m } from "./alertVariants.js";
|
|
4
|
+
import { alertVariants as m } from "./Alert/alertVariants.js";
|
|
5
5
|
const s = i.forwardRef(({ className: e, variant: r, ...t }, o) => /* @__PURE__ */ a(
|
|
6
6
|
"div",
|
|
7
7
|
{
|
|
@@ -35,3 +35,4 @@ export {
|
|
|
35
35
|
d as AlertDescription,
|
|
36
36
|
n as AlertTitle
|
|
37
37
|
};
|
|
38
|
+
//# sourceMappingURL=Alert.js.map
|
package/Alert.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.js","sources":["../src/Alert/Alert.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"@oneplatformdev/utils\"\n\nimport alertVariants from './alertVariants';\n\nexport const Alert = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>\n>(({ className, variant, ...props }, ref) => (\n <div\n ref={ref}\n role=\"alert\"\n className={cn(alertVariants({ variant }), className)}\n {...props}\n />\n))\nAlert.displayName = \"Alert\"\n\nexport const AlertTitle = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n <h5\n ref={ref}\n className={cn(\"mb-1 font-medium leading-none tracking-tight\", className)}\n {...props}\n />\n))\nAlertTitle.displayName = \"AlertTitle\"\n\nexport const AlertDescription = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"text-sm [&_p]:leading-relaxed\", className)}\n {...props}\n />\n))\nAlertDescription.displayName = \"AlertDescription\"\n"],"names":["Alert","React","className","variant","props","ref","jsx","cn","alertVariants","AlertTitle","AlertDescription"],"mappings":";;;;AAMO,MAAMA,IAAQC,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,KAASC,MACnC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,MAAK;AAAA,IACL,WAAWE,EAAGC,EAAc,EAAE,SAAAL,EAAA,CAAS,GAAGD,CAAS;AAAA,IAClD,GAAGE;AAAA,EAAA;AACN,CACD;AACDJ,EAAM,cAAc;AAEb,MAAMS,IAAaR,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,gDAAgDL,CAAS;AAAA,IACtE,GAAGE;AAAA,EAAA;AACN,CACD;AACDK,EAAW,cAAc;AAElB,MAAMC,IAAmBT,EAAM,WAGpC,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,iCAAiCL,CAAS;AAAA,IACvD,GAAGE;AAAA,EAAA;AACN,CACD;AACDM,EAAiB,cAAc;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialog.js","sources":["../../src/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import {\n Children,\n cloneElement,\n FC,\n Key,\n PropsWithChildren,\n ReactElement,\n useId,\n} from 'react';\nimport {\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogRoot,\n AlertDialogTitle,\n AlertDialogTrigger,\n} from './AlertDialogRoot';\nimport {\n AlertDialogContentProps,\n AlertDialogDescriptionProps,\n AlertDialogFooterProps,\n AlertDialogHeaderProps,\n AlertDialogProps,\n AlertDialogTitleProps,\n AlertDialogTriggerProps,\n} from './AlertDialog.types';\n\nimport { isValidReactElement } from '@oneplatformdev/utils';\n\nconst RenderAlertDialogTrigger: FC<PropsWithChildren<AlertDialogProps>> = (\n props\n) => {\n const { slotProps = {}, children } = props;\n\n const triggerProps = slotProps.trigger ?? {};\n\n if (isValidReactElement(children, AlertDialogTrigger)) {\n return cloneElement<AlertDialogTriggerProps>(\n children as ReactElement<AlertDialogTriggerProps>,\n {\n ...((children as ReactElement<AlertDialogTriggerProps>).props || {}),\n ...triggerProps,\n }\n );\n }\n\n return <AlertDialogTrigger asChild>{children}</AlertDialogTrigger>;\n};\n\nconst RenderAlertDialogHeader: FC<PropsWithChildren<AlertDialogProps>> = (props) => {\n const {\n title = '',\n description = '',\n slotProps = {},\n children,\n } = props;\n\n const headerProps = slotProps.header ?? {};\n const titleProps = slotProps.title ?? {};\n const descriptionProps = slotProps.description ?? {};\n\n if(children) {\n return isValidReactElement(children, AlertDialogHeader)\n ? cloneElement<AlertDialogHeaderProps>(\n children as ReactElement<AlertDialogHeaderProps>,\n { ...((children as ReactElement<AlertDialogHeaderProps>).props || {}), ...headerProps }\n )\n : <AlertDialogHeader {...headerProps}>{children}</AlertDialogHeader>\n }\n\n return (\n <AlertDialogHeader>\n {Boolean(title) && isValidReactElement(title, AlertDialogTitle)\n ? cloneElement<AlertDialogTitleProps>(\n title as ReactElement<AlertDialogTitleProps>,\n { ...((title as ReactElement<AlertDialogTitleProps>).props || {}), ...titleProps }\n )\n : <AlertDialogTitle {...titleProps}>{title}</AlertDialogTitle>}\n\n {Boolean(description) && isValidReactElement(description, AlertDialogDescription)\n ? cloneElement<AlertDialogDescriptionProps>(\n description as ReactElement<AlertDialogDescriptionProps>,\n { ...((description as ReactElement<AlertDialogDescriptionProps>).props || {}), ...descriptionProps }\n )\n : <AlertDialogDescription {...descriptionProps}>{description}</AlertDialogDescription>\n }\n </AlertDialogHeader>\n )\n}\n\nconst RenderAlertDialogFooter: FC<PropsWithChildren<AlertDialogProps>> = (props) => {\n const {\n slotProps = {},\n children,\n onCancel,\n onConfirm,\n cancelLabel = 'Cancel',\n actionLabel = 'Continue',\n variant = 'confirm',\n } = props;\n const footerId = useId();\n\n const footerProps = slotProps.footer ?? {};\n const cancelButtonProps = slotProps.cancelButton ?? {};\n const actionButtonProps = slotProps.actionButton ?? {};\n\n if(children) {\n return isValidReactElement(children, AlertDialogFooter)\n ? cloneElement<AlertDialogFooterProps>(\n children as ReactElement<AlertDialogFooterProps>,\n { ...((children as ReactElement<AlertDialogFooterProps>).props || {}), ...footerProps }\n )\n : (\n <AlertDialogFooter {...footerProps}>\n {Children.map(children, (child, i) => {\n if(!child || !isValidReactElement(child)) return;\n\n const reactChild = child as ReactElement;\n const clonedChild = cloneElement(reactChild, {...(reactChild.props || {}), key: (reactChild.key || `footer-${footerId}-action-${i}` as unknown as Key)});\n\n if(isValidReactElement(child, AlertDialogAction) || isValidReactElement(child, AlertDialogCancel)) {\n return clonedChild;\n }\n\n return (\n <AlertDialogAction asChild>\n {clonedChild}\n </AlertDialogAction>\n )\n })}\n </AlertDialogFooter>\n )\n }\n\n return (\n <AlertDialogFooter>\n {variant !== 'alert' && (\n <AlertDialogCancel\n variant='ghost'\n onClick={onCancel}\n {...cancelButtonProps}\n >\n {cancelLabel}\n </AlertDialogCancel>\n )}\n <AlertDialogAction\n onClick={onConfirm}\n {...actionButtonProps}\n variant={\n actionButtonProps.variant || variant === 'destructive' ? 'destructive' : 'default'\n }\n >\n {actionLabel}\n </AlertDialogAction>\n </AlertDialogFooter>\n )\n}\n\n/**\n * Component for show Alert Dialog.\n * @public\n * @see [Documentation](#)\n * @example\n * > Import:\n * ```tsx\n * import { AlertDialog } from '@oneplatformdev/ui/AlertDialog';\n * ```\n * > Simple example:\n * ```tsx\n * <AlertDialog\n * trigger={'Trigger text'} // may be any ReactNode | Button | string\n * variant='alert' // 'confirm' (default) | 'alert' | 'destructive'\n * title='Dialog title'\n * description='Description text...'\n * />\n * ```\n * > Base example:\n * ```tsx\n * <AlertDialog\n * trigger={<Button variant=\"outline\">Simple Trigger</Button>}\n * title='Dialog title'\n * description='Description text...'\n * onCancel={(event) => console.log(event, 'Cancel')}\n * onConfirm={(event) => console.log(event, 'Confirm')}\n * />\n * ```\n * > Trigger example: Button with icon children\n * ```tsx\n * <AlertDialog\n * trigger={<Button variant=\"outline\" size=\"icon\"><PencilLine /></Button>}\n * title=\"Dialog title with icon trigger\"\n * description=\"Description text...\"\n * onCancel={(event) => console.log(event, 'Cancel')}\n * onConfirm={(event) => console.log(event, 'Confirm')}\n * />\n * ```\n *\n * > Full content example:\n * ```tsx\n * <AlertDialog trigger={<Button variant=\"outline\">Full Content Trigger</Button>}>\n * Full Content...\n * </AlertDialog>\n * ```\n *\n * > Full control example:\n * ```tsx\n * <AlertDialog\n * open={true}\n * onOpenChange={(nextState) => console.log(nextState)}\n * trigger={<Button variant=\"outline\">Control Trigger</Button>}\n * header={<div>Custom Header</div>}\n * footer={[\n * <Button key='cancel' variant=\"outline\" onClick={() => {}}>On Action</Button>,\n * <Button key='action' variant=\"outline\" onClick={() => {}}>On Action</Button>,\n * ]}\n * />\n * ```\n */\nexport const AlertDialog: FC<PropsWithChildren<AlertDialogProps>> = (props) => {\n const {\n trigger,\n header,\n footer,\n slotProps = {},\n children,\n ...rest\n } = props;\n\n const contentProps = slotProps.content ?? {};\n\n return (\n <AlertDialogRoot {...rest}>\n <RenderAlertDialogTrigger {...props}>{trigger}</RenderAlertDialogTrigger>\n {children\n ? isValidReactElement(children, AlertDialogContent)\n ? cloneElement<AlertDialogContentProps>(\n children as ReactElement<AlertDialogContentProps>,\n {\n ...((children as ReactElement<AlertDialogContentProps>).props || {}),\n ...contentProps\n })\n : <AlertDialogContent {...contentProps}>{children}</AlertDialogContent>\n : (\n <AlertDialogContent {...contentProps}>\n <RenderAlertDialogHeader {...props}>{header}</RenderAlertDialogHeader>\n <RenderAlertDialogFooter {...props}>{footer}</RenderAlertDialogFooter>\n </AlertDialogContent>\n )\n }\n </AlertDialogRoot>\n )\n}\n\nexport default AlertDialog;\n"],"names":["RenderAlertDialogTrigger","props","slotProps","children","triggerProps","isValidReactElement","AlertDialogTrigger","cloneElement","jsx","RenderAlertDialogHeader","title","description","headerProps","titleProps","descriptionProps","AlertDialogHeader","AlertDialogTitle","AlertDialogDescription","RenderAlertDialogFooter","onCancel","onConfirm","cancelLabel","actionLabel","variant","footerId","useId","footerProps","cancelButtonProps","actionButtonProps","AlertDialogFooter","child","i","reactChild","clonedChild","AlertDialogAction","AlertDialogCancel","AlertDialog","trigger","header","footer","rest","contentProps","jsxs","AlertDialogRoot","AlertDialogContent"],"mappings":"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"}
|
|
@@ -1,39 +1,38 @@
|
|
|
1
1
|
import { jsx as l, jsxs as c } from "react/jsx-runtime";
|
|
2
2
|
import * as i from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as t from "@radix-ui/react-alert-dialog";
|
|
4
4
|
import { cn as s } from "@oneplatformdev/utils";
|
|
5
|
-
import "../Button/Button.js";
|
|
6
5
|
import { buttonVariants as n } from "../Button/buttonVariants.js";
|
|
7
|
-
const
|
|
8
|
-
|
|
6
|
+
const b = t.Root, v = t.Trigger, f = t.Portal, m = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ l(
|
|
7
|
+
t.Overlay,
|
|
9
8
|
{
|
|
10
9
|
className: s(
|
|
11
10
|
"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
11
|
a
|
|
13
12
|
),
|
|
14
|
-
...
|
|
13
|
+
...e,
|
|
15
14
|
ref: o
|
|
16
15
|
}
|
|
17
16
|
));
|
|
18
|
-
m.displayName =
|
|
19
|
-
const p = i.forwardRef(({ className: a, ...
|
|
17
|
+
m.displayName = t.Overlay.displayName;
|
|
18
|
+
const p = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ c(f, { children: [
|
|
20
19
|
/* @__PURE__ */ l(m, {}),
|
|
21
20
|
/* @__PURE__ */ l(
|
|
22
|
-
|
|
21
|
+
t.Content,
|
|
23
22
|
{
|
|
24
23
|
ref: o,
|
|
25
24
|
className: s(
|
|
26
25
|
"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
26
|
a
|
|
28
27
|
),
|
|
29
|
-
...
|
|
28
|
+
...e
|
|
30
29
|
}
|
|
31
30
|
)
|
|
32
31
|
] }));
|
|
33
|
-
p.displayName =
|
|
32
|
+
p.displayName = t.Content.displayName;
|
|
34
33
|
const g = ({
|
|
35
34
|
className: a,
|
|
36
|
-
...
|
|
35
|
+
...e
|
|
37
36
|
}) => /* @__PURE__ */ l(
|
|
38
37
|
"div",
|
|
39
38
|
{
|
|
@@ -41,13 +40,13 @@ const g = ({
|
|
|
41
40
|
"w-full min-w-0 flex flex-col space-y-2 text-center sm:text-left",
|
|
42
41
|
a
|
|
43
42
|
),
|
|
44
|
-
...
|
|
43
|
+
...e
|
|
45
44
|
}
|
|
46
45
|
);
|
|
47
46
|
g.displayName = "AlertDialogHeader";
|
|
48
47
|
const N = ({
|
|
49
48
|
className: a,
|
|
50
|
-
...
|
|
49
|
+
...e
|
|
51
50
|
}) => /* @__PURE__ */ l(
|
|
52
51
|
"div",
|
|
53
52
|
{
|
|
@@ -55,50 +54,50 @@ const N = ({
|
|
|
55
54
|
"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
|
|
56
55
|
a
|
|
57
56
|
),
|
|
58
|
-
...
|
|
57
|
+
...e
|
|
59
58
|
}
|
|
60
59
|
);
|
|
61
60
|
N.displayName = "AlertDialogFooter";
|
|
62
|
-
const y = i.forwardRef(({ className: a, ...
|
|
63
|
-
|
|
61
|
+
const y = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ l(
|
|
62
|
+
t.Title,
|
|
64
63
|
{
|
|
65
64
|
ref: o,
|
|
66
65
|
className: s("text-lg font-semibold", a),
|
|
67
|
-
...
|
|
66
|
+
...e
|
|
68
67
|
}
|
|
69
68
|
));
|
|
70
|
-
y.displayName =
|
|
71
|
-
const x = i.forwardRef(({ className: a, ...
|
|
72
|
-
|
|
69
|
+
y.displayName = t.Title.displayName;
|
|
70
|
+
const x = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ l(
|
|
71
|
+
t.Description,
|
|
73
72
|
{
|
|
74
73
|
ref: o,
|
|
75
74
|
className: s("text-sm text-muted-foreground", a),
|
|
76
|
-
...
|
|
75
|
+
...e
|
|
77
76
|
}
|
|
78
77
|
));
|
|
79
|
-
x.displayName =
|
|
80
|
-
const u = i.forwardRef(({ className: a, variant:
|
|
81
|
-
|
|
78
|
+
x.displayName = t.Description.displayName;
|
|
79
|
+
const u = i.forwardRef(({ className: a, variant: e, size: o, ...r }, d) => /* @__PURE__ */ l(
|
|
80
|
+
t.Action,
|
|
82
81
|
{
|
|
83
82
|
ref: d,
|
|
84
|
-
className: s(n({ variant:
|
|
83
|
+
className: s(n({ variant: e, size: o }), a),
|
|
85
84
|
...r
|
|
86
85
|
}
|
|
87
86
|
));
|
|
88
|
-
u.displayName =
|
|
89
|
-
const A = i.forwardRef(({ className: a, variant:
|
|
90
|
-
|
|
87
|
+
u.displayName = t.Action.displayName;
|
|
88
|
+
const A = i.forwardRef(({ className: a, variant: e = "outline-solid", size: o, ...r }, d) => /* @__PURE__ */ l(
|
|
89
|
+
t.Cancel,
|
|
91
90
|
{
|
|
92
91
|
ref: d,
|
|
93
92
|
className: s(
|
|
94
|
-
n({ variant:
|
|
93
|
+
n({ variant: e, size: o }),
|
|
95
94
|
"mt-2 sm:mt-0",
|
|
96
95
|
a
|
|
97
96
|
),
|
|
98
97
|
...r
|
|
99
98
|
}
|
|
100
99
|
));
|
|
101
|
-
A.displayName =
|
|
100
|
+
A.displayName = t.Cancel.displayName;
|
|
102
101
|
export {
|
|
103
102
|
u as AlertDialogAction,
|
|
104
103
|
A as AlertDialogCancel,
|
|
@@ -108,7 +107,8 @@ export {
|
|
|
108
107
|
g as AlertDialogHeader,
|
|
109
108
|
m as AlertDialogOverlay,
|
|
110
109
|
f as AlertDialogPortal,
|
|
111
|
-
|
|
110
|
+
b as AlertDialogRoot,
|
|
112
111
|
y as AlertDialogTitle,
|
|
113
|
-
|
|
112
|
+
v as AlertDialogTrigger
|
|
114
113
|
};
|
|
114
|
+
//# sourceMappingURL=AlertDialogRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialogRoot.js","sources":["../../src/AlertDialog/AlertDialogRoot.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\n\nimport { cn } from '@oneplatformdev/utils';\nimport { ButtonProps, buttonVariants } from '../Button';\n\nconst AlertDialogRoot = AlertDialogPrimitive.Root;\n\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal\n\nconst AlertDialogOverlay = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Overlay\n className={cn(\n \"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\",\n className\n )}\n {...props}\n ref={ref}\n />\n))\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName\n\nconst AlertDialogContent = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <AlertDialogPortal>\n <AlertDialogOverlay />\n <AlertDialogPrimitive.Content\n ref={ref}\n className={cn(\n \"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\",\n className\n )}\n {...props}\n />\n </AlertDialogPortal>\n))\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName\n\nconst AlertDialogHeader = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n \"w-full min-w-0 flex flex-col space-y-2 text-center sm:text-left\",\n className\n )}\n {...props}\n />\n)\nAlertDialogHeader.displayName = \"AlertDialogHeader\"\n\nconst AlertDialogFooter = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n className\n )}\n {...props}\n />\n)\nAlertDialogFooter.displayName = \"AlertDialogFooter\"\n\nconst AlertDialogTitle = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Title\n ref={ref}\n className={cn(\"text-lg font-semibold\", className)}\n {...props}\n />\n))\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName\n\nconst AlertDialogDescription = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Description\n ref={ref}\n className={cn(\"text-sm text-muted-foreground\", className)}\n {...props}\n />\n))\nAlertDialogDescription.displayName =\n AlertDialogPrimitive.Description.displayName\n\nconst AlertDialogAction = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Action>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action> & ButtonProps\n>(({ className, variant, size, ...props }, ref) => (\n <AlertDialogPrimitive.Action\n ref={ref}\n className={cn(buttonVariants({variant, size}), className)}\n {...props}\n />\n))\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName\n\nconst AlertDialogCancel = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Cancel>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel> & ButtonProps\n>(({ className, variant = 'outline-solid', size, ...props }, ref) => (\n <AlertDialogPrimitive.Cancel\n ref={ref}\n className={cn(\n buttonVariants({ variant, size }),\n \"mt-2 sm:mt-0\",\n className\n )}\n {...props}\n />\n))\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName\n\nexport {\n AlertDialogRoot,\n AlertDialogPortal,\n AlertDialogOverlay,\n AlertDialogTrigger,\n AlertDialogContent,\n AlertDialogHeader,\n AlertDialogFooter,\n AlertDialogTitle,\n AlertDialogDescription,\n AlertDialogAction,\n AlertDialogCancel,\n};\n"],"names":["AlertDialogRoot","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","React","className","props","ref","jsx","cn","AlertDialogContent","jsxs","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","variant","size","buttonVariants","AlertDialogCancel"],"mappings":"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"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { AlertDialog as n } from "./AlertDialog.js";
|
|
3
|
-
import { Button as l } from "
|
|
4
|
-
|
|
5
|
-
const c = (e) => /* @__PURE__ */ t(n, { ...e }), r = ["confirm", "alert", "destructive"], b = {
|
|
2
|
+
import { AlertDialog as n } from "./AlertDialog/AlertDialog.js";
|
|
3
|
+
import { Button as l } from "./Button/Button.js";
|
|
4
|
+
const c = (e) => /* @__PURE__ */ t(n, { ...e }), r = ["confirm", "alert", "destructive"], u = {
|
|
6
5
|
title: "AlertDialog",
|
|
7
6
|
component: n,
|
|
8
7
|
render: c,
|
|
@@ -117,5 +116,6 @@ export {
|
|
|
117
116
|
a as FullControl,
|
|
118
117
|
s as Playground,
|
|
119
118
|
i as Variants,
|
|
120
|
-
|
|
119
|
+
u as default
|
|
121
120
|
};
|
|
121
|
+
//# sourceMappingURL=AlertDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialog.js","sources":["../src/AlertDialog/AlertDialog.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\n\nimport { AlertDialog } from './AlertDialog';\nimport { AlertDialogProps } from './AlertDialog.types';\nimport React from 'react';\nimport { Button } from '../Button';\n\nconst Template = (props: AlertDialogProps) => <AlertDialog {...props} />;\n\nconst variants = ['confirm', 'alert', 'destructive'] as const;\n\nconst meta = {\n title: 'AlertDialog',\n component: AlertDialog,\n render: Template,\n argTypes: {\n open: {\n control: {\n type: 'boolean',\n },\n },\n variant: {\n name: 'variant',\n description: 'ButtonIcon variant',\n options: variants,\n control: {\n type: 'inline-radio',\n },\n },\n cancelLabel: {\n control: {\n type: 'text',\n },\n },\n actionLabel: {\n control: {\n type: 'text',\n },\n },\n title: {\n control: {\n type: 'text',\n },\n },\n description: {\n control: {\n type: 'text',\n },\n },\n },\n args: {\n variant: 'alert',\n cancelLabel: 'Cancel',\n actionLabel: 'Action',\n },\n} satisfies Meta<typeof AlertDialog>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Playground = (args: AlertDialogProps) => (\n <AlertDialog\n {...args}\n />\n);\nPlayground.args = {\n trigger: 'Trigger text or ReactNode',\n variant: 'confirm',\n title: 'Dialog title...',\n description: 'Description text...',\n cancelLabel: 'Cancel label',\n actionLabel: 'Action label',\n}\n\nexport const Variants = (args: AlertDialogProps) => (\n <div className='flex gap-3'>\n {variants.map((variant) => (\n <AlertDialog\n key={variant}\n trigger={variant}\n {...args}\n variant={variant}\n />\n ))}\n </div>\n);\nVariants.parameters = {\n controls: {\n include: ['title', 'description', 'cancelLabel', 'actionLabel'],\n },\n};\nVariants.args = {\n title: \"Dialog title\",\n description: \"Description text...\"\n}\n\nexport const FullControl = (args: AlertDialogProps) => (\n <AlertDialog\n onOpenChange={(nextState) => console.log(nextState)}\n trigger={<Button variant=\"outline\">Control Trigger</Button>}\n header={<div>Custom Header</div>}\n footer={[\n <Button key='cancel' variant=\"outline\" onClick={console.log}>On cancel</Button>,\n <Button key='action' variant=\"outline\" onClick={console.log}>On Action</Button>,\n ]}\n {...args}\n />\n);\nFullControl.parameters = {\n controls: {\n include: ['open'],\n },\n};\nFullControl.args = {\n open: false,\n}\n\n\nexport const FullContent = (args: AlertDialogProps) => (\n <AlertDialog\n trigger={<Button variant=\"outline\">Full Content Trigger</Button>}\n {...args}\n >\n Full Content...\n </AlertDialog>\n);\nFullContent.parameters = {\n controls: {\n include: [],\n },\n};\n"],"names":["Template","props","jsx","AlertDialog","variants","meta","Playground","args","Variants","variant","FullControl","nextState","Button","FullContent"],"mappings":";;;AAOA,MAAMA,IAAW,CAACC,MAA4B,gBAAAC,EAACC,GAAA,EAAa,GAAGF,GAAO,GAEhEG,IAAW,CAAC,WAAW,SAAS,aAAa,GAE7CC,IAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAWF;AAAA,EACX,QAAQH;AAAA,EACR,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,SAAS;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,SAASI;AAAA,MACT,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,aAAa;AAAA,MACX,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,aAAa;AAAA,MACX,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,OAAO;AAAA,MACL,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,aAAa;AAAA,MACX,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,EACF;AAAA,EAEF,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,aAAa;AAAA,IACb,aAAa;AAAA,EAAA;AAEjB,GAKaE,IAAa,CAACC,MACzB,gBAAAL;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGI;AAAA,EAAA;AACN;AAEFD,EAAW,OAAO;AAAA,EAChB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AACf;AAEO,MAAME,IAAW,CAACD,MACvB,gBAAAL,EAAC,OAAA,EAAI,WAAU,cACZ,UAAAE,EAAS,IAAI,CAACK,MACb,gBAAAP;AAAA,EAACC;AAAA,EAAA;AAAA,IAEC,SAASM;AAAA,IACR,GAAGF;AAAA,IACJ,SAAAE;AAAA,EAAA;AAAA,EAHKA;AAIP,CACD,EAAA,CACH;AAEFD,EAAS,aAAa;AAAA,EACpB,UAAU;AAAA,IACR,SAAS,CAAC,SAAS,eAAe,eAAe,aAAa;AAAA,EAAA;AAElE;AACAA,EAAS,OAAO;AAAA,EACd,OAAO;AAAA,EACP,aAAa;AACf;AAEO,MAAME,IAAc,CAACH,MAC1B,gBAAAL;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,cAAc,CAACQ,MAAc,QAAQ,IAAIA,CAAS;AAAA,IAClD,SAAS,gBAAAT,EAACU,GAAA,EAAO,SAAQ,WAAU,UAAA,mBAAe;AAAA,IAClD,QAAQ,gBAAAV,EAAC,OAAA,EAAI,UAAA,gBAAA,CAAa;AAAA,IAC1B,QAAQ;AAAA,MACN,gBAAAA,EAACU,KAAoB,SAAQ,WAAU,SAAS,QAAQ,KAAK,yBAAjD,QAA0D;AAAA,MACtE,gBAAAV,EAACU,KAAoB,SAAQ,WAAU,SAAS,QAAQ,KAAK,yBAAjD,QAA0D;AAAA,IAAA;AAAA,IAEvE,GAAGL;AAAA,EAAA;AACN;AAEFG,EAAY,aAAa;AAAA,EACvB,UAAU;AAAA,IACR,SAAS,CAAC,MAAM;AAAA,EAAA;AAEpB;AACAA,EAAY,OAAO;AAAA,EACjB,MAAM;AACR;AAGO,MAAMG,IAAc,CAACN,MAC1B,gBAAAL;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAS,gBAAAD,EAACU,GAAA,EAAO,SAAQ,WAAU,UAAA,wBAAoB;AAAA,IACtD,GAAGL;AAAA,IACL,UAAA;AAAA,EAAA;AAED;AAEFM,EAAY,aAAa;AAAA,EACvB,UAAU;AAAA,IACR,SAAS,CAAA;AAAA,EAAC;AAEd;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as t, jsxs as a } from "react/jsx-runtime";
|
|
2
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 "
|
|
3
|
+
import { ChartContainer as d, ChartTooltip as f, ChartTooltipContent as c } from "./Chart.js";
|
|
4
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
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
6
|
/* @__PURE__ */ t("stop", { offset: "5%", stopColor: r, stopOpacity: 0.8 }),
|
|
@@ -25,3 +25,4 @@ const k = ({ data: o, config: i }) => /* @__PURE__ */ t(d, { config: i, classNam
|
|
|
25
25
|
export {
|
|
26
26
|
k as AreaChart
|
|
27
27
|
};
|
|
28
|
+
//# sourceMappingURL=AreaChart.js.map
|
package/AreaChart.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AreaChart.js","sources":["../src/AreaChart/AreaChart.tsx"],"sourcesContent":["\"use client\";\n\nimport { FC } from \"react\";\nimport { Area, AreaChart as RechartAreaChart, CartesianGrid, XAxis, YAxis } from \"recharts\";\n\nimport { ChartContainer, ChartTooltip, ChartTooltipContent } from \"../Chart\";\n\nimport { AreaChartProps } from './AreaChart.types';\n\nexport const AreaChart: FC<AreaChartProps> = ({ data, config }) => {\n return (\n <ChartContainer config={config} className=\"h-[350px] w-full\">\n <RechartAreaChart data={data} width={808} height={350} margin={{ top: 10, right: 10, left: 0, bottom: 0 }}>\n <defs>\n {Object.entries(config).map(([key, { color }]) => (\n <linearGradient id={`${key}Gradient`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\" key={key}>\n <stop offset=\"5%\" stopColor={color} stopOpacity={0.8} />\n <stop offset=\"95%\" stopColor={color} stopOpacity={0.1} />\n </linearGradient>\n ))}\n </defs>\n <CartesianGrid strokeDasharray=\"none\" stroke=\"gray\" strokeWidth={0.5} vertical={true} horizontal={true} />\n <XAxis dataKey=\"month\" axisLine={false} tickLine={false} tick={{ fontSize: 12 }} />\n <YAxis axisLine={false} tickLine={false} tick={{ fontSize: 12 }} />\n <ChartTooltip content={<ChartTooltipContent />} />\n {Object.entries(config).map(([key, { color }]) => (\n <Area\n key={key}\n type=\"monotone\"\n dataKey={key}\n stroke={color}\n fill={`url(#${key}Gradient)`}\n strokeWidth={3}\n />\n ))}\n </RechartAreaChart>\n </ChartContainer>\n );\n};\n"],"names":["AreaChart","data","config","jsx","ChartContainer","jsxs","RechartAreaChart","key","color","CartesianGrid","XAxis","YAxis","ChartTooltip","ChartTooltipContent","Area"],"mappings":";;;AASO,MAAMA,IAAgC,CAAC,EAAE,MAAAC,GAAM,QAAAC,QAE9C,gBAAAC,EAACC,KAAe,QAAAF,GAAgB,WAAU,oBACtC,UAAA,gBAAAG,EAACC,GAAA,EAAiB,MAAAL,GAAY,OAAO,KAAK,QAAQ,KAAK,QAAQ,EAAE,KAAK,IAAI,OAAO,IAAI,MAAM,GAAG,QAAQ,EAAA,GAClG,UAAA;AAAA,EAAA,gBAAAE,EAAC,QAAA,EACI,UAAA,OAAO,QAAQD,CAAM,EAAE,IAAI,CAAC,CAACK,GAAK,EAAE,OAAAC,EAAA,CAAO,wBACvC,kBAAA,EAAe,IAAI,GAAGD,CAAG,YAAY,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KAC1D,UAAA;AAAA,IAAA,gBAAAJ,EAAC,UAAK,QAAO,MAAK,WAAWK,GAAO,aAAa,KAAK;AAAA,sBACrD,QAAA,EAAK,QAAO,OAAM,WAAWA,GAAO,aAAa,IAAA,CAAK;AAAA,EAAA,KAFYD,CAGvE,CACH,GACL;AAAA,EACA,gBAAAJ,EAACM,GAAA,EAAc,iBAAgB,QAAO,QAAO,QAAO,aAAa,KAAK,UAAU,IAAM,YAAY,GAAA,CAAM;AAAA,EACxG,gBAAAN,EAACO,GAAA,EAAM,SAAQ,SAAQ,UAAU,IAAO,UAAU,IAAO,MAAM,EAAE,UAAU,GAAA,EAAG,CAAG;AAAA,EACjF,gBAAAP,EAACQ,GAAA,EAAM,UAAU,IAAO,UAAU,IAAO,MAAM,EAAE,UAAU,GAAA,EAAG,CAAG;AAAA,EACjE,gBAAAR,EAACS,GAAA,EAAa,SAAS,gBAAAT,EAACU,KAAoB,GAAI;AAAA,EAC/C,OAAO,QAAQX,CAAM,EAAE,IAAI,CAAC,CAACK,GAAK,EAAE,OAAAC,EAAA,CAAO,MACxC,gBAAAL;AAAA,IAACW;AAAA,IAAA;AAAA,MAEG,MAAK;AAAA,MACL,SAASP;AAAA,MACT,QAAQC;AAAA,MACR,MAAM,QAAQD,CAAG;AAAA,MACjB,aAAa;AAAA,IAAA;AAAA,IALRA;AAAA,EAAA,CAOZ;AAAA,EAAA,CACL,EAAA,CACJ;"}
|
package/Aside/AsideSidebar.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as c, jsx as i, Fragment as f } from "react/jsx-runtime";
|
|
2
2
|
import * as a from "react";
|
|
3
|
-
import { Sidebar as S, SidebarHeader as s, SidebarContent as p, SidebarFooter as m, SidebarRail as E } from "../Sidebar
|
|
3
|
+
import { Sidebar as S, SidebarHeader as s, SidebarContent as p, SidebarFooter as m, SidebarRail as E } from "../Sidebar.js";
|
|
4
4
|
function d(l, e) {
|
|
5
5
|
return a.isValidElement(l) && l.type === e;
|
|
6
6
|
}
|
|
@@ -35,3 +35,4 @@ const R = (l) => {
|
|
|
35
35
|
export {
|
|
36
36
|
R as AsideSidebar
|
|
37
37
|
};
|
|
38
|
+
//# sourceMappingURL=AsideSidebar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AsideSidebar.js","sources":["../../src/Aside/AsideSidebar.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport {\n Sidebar,\n SidebarContent,\n SidebarFooter,\n SidebarHeader,\n SidebarRail\n} from \"../Sidebar\";\nimport { AsideSidebarProps } from \"./Aside.types\";\n\nfunction isReactElement<T>(\n element: React.ReactNode,\n componentType: React.JSXElementConstructor<T>\n): element is React.ReactElement<T> {\n return React.isValidElement(element) && element.type === componentType;\n}\n\nexport const AsideSidebar: React.FC<React.PropsWithChildren<AsideSidebarProps>> = (props) => {\n const {\n children,\n header,\n content,\n footer,\n slot,\n hiddenRail,\n ...rest\n } = props;\n return (\n <Sidebar collapsible=\"icon\" {...rest}>\n {Boolean(children)\n ? children\n : (\n <>\n {!children && Boolean(header) && isReactElement(header, SidebarHeader)\n ? React.cloneElement(header, {\n ...header.props,\n ...(slot?.header || {})\n })\n : (\n <SidebarHeader {...(slot?.header || {})}>\n <div className=\"grid gap-2 text-center\">\n {header}\n </div>\n </SidebarHeader>\n )\n }\n\n {!children && Boolean(content) && isReactElement(content, SidebarContent)\n ? React.cloneElement(content, {\n ...content.props,\n ...(slot?.content || {})\n })\n : (\n <SidebarContent {...(slot?.content || {})}>\n {content}\n </SidebarContent>\n )\n }\n\n {!children && Boolean(footer) && isReactElement(footer, SidebarFooter)\n ? React.cloneElement(footer, {\n ...footer.props,\n ...(slot?.footer || {})\n })\n : (\n <SidebarFooter {...(slot?.footer || {})}>\n {footer}\n </SidebarFooter>\n )\n }\n </>\n )\n }\n {!hiddenRail && <SidebarRail />}\n </Sidebar>\n )\n}\n"],"names":["isReactElement","element","componentType","React","AsideSidebar","props","children","header","content","footer","slot","hiddenRail","rest","jsxs","Sidebar","Fragment","SidebarHeader","jsx","SidebarContent","SidebarFooter","SidebarRail"],"mappings":";;;AAWA,SAASA,EACPC,GACAC,GACkC;AAClC,SAAOC,EAAM,eAAeF,CAAO,KAAKA,EAAQ,SAASC;AAC3D;AAEO,MAAME,IAAqE,CAACC,MAAU;AAC3F,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDP;AACJ,SACE,gBAAAQ,EAACC,GAAA,EAAQ,aAAY,QAAQ,GAAGF,GAC7B,UAAA;AAAA,IAAQN,KAGL,gBAAAO,EAAAE,GAAA,EACG,UAAA;AAAA,MAAA,CAACT,KAAoBC,KAAWP,EAAeO,GAAQS,CAAa,IACjEb,EAAM,aAAaI,GAAQ;AAAA,QAC3B,GAAGA,EAAO;AAAA,QACV,GAAIG,GAAM,UAAU,CAAA;AAAA,MAAC,CACtB,IAEC,gBAAAO,EAACD,GAAA,EAAe,GAAIN,GAAM,UAAU,IAClC,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAU,0BACZ,aACH,GACF;AAAA,MAIH,CAACX,KAAoBE,KAAYR,EAAeQ,GAASU,CAAc,IACpEf,EAAM,aAAaK,GAAS;AAAA,QAC5B,GAAGA,EAAQ;AAAA,QACX,GAAIE,GAAM,WAAW,CAAA;AAAA,MAAC,CACvB,IAEC,gBAAAO,EAACC,GAAA,EAAgB,GAAIR,GAAM,WAAW,CAAA,GACnC,UAAAF,GACH;AAAA,MAIH,CAACF,KAAoBG,KAAWT,EAAeS,GAAQU,CAAa,IACjEhB,EAAM,aAAaM,GAAQ;AAAA,QAC3B,GAAGA,EAAO;AAAA,QACV,GAAIC,GAAM,UAAU,CAAA;AAAA,MAAC,CACtB,IAEC,gBAAAO,EAACE,GAAA,EAAe,GAAIT,GAAM,UAAU,CAAA,GACjC,UAAAD,EAAA,CACH;AAAA,IAAA,GAGN;AAAA,IAGH,CAACE,KAAc,gBAAAM,EAACG,GAAA,CAAA,CAAY;AAAA,EAAA,GAC/B;AAEJ;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as e, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { SidebarProvider as s, SidebarInset as n } from "
|
|
2
|
+
import { SidebarProvider as s, SidebarInset as n } from "./Sidebar.js";
|
|
3
3
|
const c = (d) => {
|
|
4
4
|
const {
|
|
5
5
|
children: l,
|
|
@@ -21,3 +21,4 @@ export {
|
|
|
21
21
|
c as Aside,
|
|
22
22
|
c as default
|
|
23
23
|
};
|
|
24
|
+
//# sourceMappingURL=Aside.js.map
|
package/Aside.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Aside.js","sources":["../src/Aside/Aside.tsx"],"sourcesContent":["import { SidebarInset, SidebarProvider } from \"../Sidebar\";\nimport { AsideProps } from \"./Aside.types\";\n\nexport const Aside: React.FC<React.PropsWithChildren<AsideProps>> = (props) => {\n const {\n children,\n header,\n sidebar\n } = props;\n return (\n <SidebarProvider>\n {Boolean(sidebar) && sidebar}\n <SidebarInset>\n {Boolean(header) && header}\n <section className=\"flex flex-1 flex-col gap-4 p-4 pt-0\">\n <div>\n test build\n </div>\n {children}\n </section>\n </SidebarInset>\n </SidebarProvider>\n )\n}\n\nexport default Aside;\n"],"names":["Aside","props","children","header","sidebar","SidebarProvider","SidebarInset","jsxs","jsx"],"mappings":";;AAGO,MAAMA,IAAuD,CAACC,MAAU;AAC7E,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACEH;AACJ,2BACGI,GAAA,EACE,UAAA;AAAA,IAAA,EAAQD,KAAYA;AAAA,sBACpBE,GAAA,EACE,UAAA;AAAA,MAAA,EAAQH,KAAWA;AAAA,MACpB,gBAAAI,EAAC,WAAA,EAAQ,WAAU,uCACjB,UAAA;AAAA,QAAA,gBAAAC,EAAC,SAAI,UAAA,aAAA,CAEL;AAAA,QACCN;AAAA,MAAA,EAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AspectRatio.js","sources":["../src/AspectRatio/AspectRatio.tsx"],"sourcesContent":["\"use client\"\n\nimport * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\"\n\nexport const AspectRatio = AspectRatioPrimitive.Root\n"],"names":["AspectRatio","AspectRatioPrimitive"],"mappings":";AAIO,MAAMA,IAAcC,EAAqB;"}
|
package/Avatar.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.js","sources":["../src/Avatar/Avatar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nexport const Avatar = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Root\n ref={ref}\n className={cn(\n \"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\",\n className\n )}\n {...props}\n />\n))\nAvatar.displayName = AvatarPrimitive.Root.displayName\n\nexport const AvatarImage = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Image>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Image\n ref={ref}\n className={cn(\"aspect-square h-full w-full\", className)}\n {...props}\n />\n))\nAvatarImage.displayName = AvatarPrimitive.Image.displayName\n\nexport const AvatarFallback = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Fallback>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Fallback\n ref={ref}\n className={cn(\n \"flex h-full w-full items-center justify-center rounded-full bg-muted\",\n className\n )}\n {...props}\n />\n))\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\n"],"names":["Avatar","React","className","props","ref","jsx","AvatarPrimitive","cn","AvatarImage","AvatarFallback"],"mappings":";;;;AAOO,MAAMA,IAASC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAO,cAAcM,EAAgB,KAAK;AAEnC,MAAME,IAAcP,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,+BAA+BL,CAAS;AAAA,IACrD,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAcF,EAAgB,MAAM;AAEzC,MAAMG,IAAiBR,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAe,cAAcH,EAAgB,SAAS;"}
|
package/Badge/badgeVariants.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badgeVariants.js","sources":["../../src/Badge/badgeVariants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const badgeVariants = cva(\n \"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden\",\n {\n variants: {\n variant: {\n default:\n \"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n secondary:\n \"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n destructive:\n \"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n outline:\n \"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n"],"names":["badgeVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
-
import { badgeVariants as s } from "./badgeVariants.js";
|
|
2
|
+
import { badgeVariants as s } from "./Badge/badgeVariants.js";
|
|
3
3
|
import { Slot as e } from "@radix-ui/react-slot";
|
|
4
4
|
import { cn as p } from "@oneplatformdev/utils";
|
|
5
5
|
function c({
|
|
@@ -21,3 +21,4 @@ export {
|
|
|
21
21
|
c as Badge,
|
|
22
22
|
c as default
|
|
23
23
|
};
|
|
24
|
+
//# sourceMappingURL=Badge.js.map
|
package/Badge.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.js","sources":["../src/Badge/Badge.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { badgeVariants } from './badgeVariants';\nimport { BadgeProps } from './Badge.types';\n\nimport * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nexport function Badge({\n className,\n variant,\n asChild = false,\n ...props\n }: BadgeProps) {\n const Comp = asChild ? Slot : \"span\"\n\n return (\n <Comp\n data-slot=\"badge\"\n className={cn(badgeVariants({ variant }), className)}\n {...props}\n />\n )\n}\n\nexport default Badge\n\n"],"names":["Badge","className","variant","asChild","props","jsx","Slot","cn","badgeVariants"],"mappings":";;;;AAWO,SAASA,EAAM;AAAA,EACL,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAAe;AAG5B,SACE,gBAAAC;AAAA,IAHWF,IAAUG,IAAO;AAAA,IAG3B;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAGC,EAAc,EAAE,SAAAN,EAAA,CAAS,GAAGD,CAAS;AAAA,MAClD,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumb.js","sources":["../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\";\n\nconst Breadcrumb = React.forwardRef<\n HTMLElement,\n React.ComponentPropsWithoutRef<\"nav\"> & {\n separator?: React.ReactNode\n }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />)\nBreadcrumb.displayName = \"Breadcrumb\"\n\nconst BreadcrumbList = React.forwardRef<\n HTMLOListElement,\n React.ComponentPropsWithoutRef<\"ol\">\n>(({ className, ...props }, ref) => (\n <ol\n ref={ref}\n className={cn(\n \"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5\",\n className\n )}\n {...props}\n />\n))\nBreadcrumbList.displayName = \"BreadcrumbList\"\n\nconst BreadcrumbItem = React.forwardRef<\n HTMLLIElement,\n React.ComponentPropsWithoutRef<\"li\">\n>(({ className, ...props }, ref) => (\n <li\n ref={ref}\n className={cn(\"inline-flex items-center gap-1.5\", className)}\n {...props}\n />\n))\nBreadcrumbItem.displayName = \"BreadcrumbItem\"\n\nconst BreadcrumbLink = React.forwardRef<\n HTMLAnchorElement,\n React.ComponentPropsWithoutRef<\"a\"> & {\n asChild?: boolean\n }\n>(({ asChild, className, ...props }, ref) => {\n const Comp = asChild ? Slot : \"a\"\n\n return (\n <Comp\n ref={ref}\n className={cn(\"transition-colors hover:text-foreground\", className)}\n {...props}\n />\n )\n})\nBreadcrumbLink.displayName = \"BreadcrumbLink\"\n\nconst BreadcrumbPage = React.forwardRef<\n HTMLSpanElement,\n React.ComponentPropsWithoutRef<\"span\">\n>(({ className, ...props }, ref) => (\n <span\n ref={ref}\n role=\"link\"\n aria-disabled=\"true\"\n aria-current=\"page\"\n className={cn(\"font-normal text-foreground\", className)}\n {...props}\n />\n))\nBreadcrumbPage.displayName = \"BreadcrumbPage\"\n\nconst BreadcrumbSeparator = ({\n children,\n className,\n ...props\n}: React.ComponentProps<\"li\">) => (\n <li\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn(\"[&>svg]:w-3.5 [&>svg]:h-3.5\", className)}\n {...props}\n >\n {children ?? <ChevronRight />}\n </li>\n)\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\"\n\nconst BreadcrumbEllipsis = ({\n className,\n ...props\n}: React.ComponentProps<\"span\">) => (\n <span\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n {...props}\n >\n <MoreHorizontal className=\"h-4 w-4\" />\n <span className=\"sr-only\">More</span>\n </span>\n)\nBreadcrumbEllipsis.displayName = \"BreadcrumbElipssis\"\n\nexport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbPage,\n BreadcrumbSeparator,\n BreadcrumbEllipsis,\n}\n"],"names":["Breadcrumb","React","props","ref","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","MoreHorizontal"],"mappings":";;;;;AAMA,MAAMA,IAAaC,EAAM,WAKvB,CAAC,EAAE,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAAC,SAAI,KAAAD,GAAU,cAAW,cAAc,GAAGD,GAAO,CAAE;AAC7EF,EAAW,cAAc;AAEzB,MAAMK,IAAiBJ,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI;AAAA,MACT;AAAA,MACAD;AAAA,IAAA;AAAA,IAED,GAAGJ;AAAA,EAAA;AACN,CACD;AACDG,EAAe,cAAc;AAE7B,MAAMG,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI,EAAG,oCAAoCD,CAAS;AAAA,IAC1D,GAAGJ;AAAA,EAAA;AACN,CACD;AACDM,EAAe,cAAc;AAE7B,MAAMC,IAAiBR,EAAM,WAK3B,CAAC,EAAE,SAAAS,GAAS,WAAAJ,GAAW,GAAGJ,EAAA,GAASC,MAIjC,gBAAAC;AAAA,EAHWM,IAAUC,IAAO;AAAA,EAG3B;AAAA,IACC,KAAAR;AAAA,IACA,WAAWI,EAAG,2CAA2CD,CAAS;AAAA,IACjE,GAAGJ;AAAA,EAAA;AAAA,CAGT;AACDO,EAAe,cAAc;AAE7B,MAAMG,IAAiBX,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,gBAAa;AAAA,IACb,WAAWI,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGJ;AAAA,EAAA;AACN,CACD;AACDU,EAAe,cAAc;AAE7B,MAAMC,IAAsB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAR;AAAA,EACA,GAAGJ;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWG,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGJ;AAAA,IAEH,UAAAY,uBAAaC,GAAA,CAAA,CAAa;AAAA,EAAA;AAC7B;AAEFF,EAAoB,cAAc;AAElC,MAAMG,IAAqB,CAAC;AAAA,EAC1B,WAAAV;AAAA,EACA,GAAGJ;AACL,MACE,gBAAAe;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWV,EAAG,4CAA4CD,CAAS;AAAA,IAClE,GAAGJ;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAACc,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,MACpC,gBAAAd,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,IAAA;AAAA,EAAA;AAChC;AAEFY,EAAmB,cAAc;"}
|
package/Button/Button.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../src/Button/Button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\n\nimport { cn } from \"@oneplatformdev/utils\"\nimport { buttonVariants } from './buttonVariants';\nimport { ButtonProps } from './Button.types';\n\nimport { TooltipRoot } from '../Tooltip';\n\n// TODO: create ButtonIcon component | update button | add start/end icon\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n ({ disabled, className, variant, size, asChild = false, title = '', tooltip, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\"\n return (\n <TooltipRoot\n open={(disabled || (!title && !tooltip)) ? false : undefined}\n message={tooltip || title}\n delay={300}\n >\n <Comp\n type='button'\n ref={ref}\n disabled={disabled}\n className={cn(buttonVariants({ variant, size, className }))}\n {...props}\n />\n </TooltipRoot>\n )\n }\n)\nButton.displayName = \"Button\"\n\nexport default Button;\n"],"names":["Button","React","disabled","className","variant","size","asChild","title","tooltip","props","ref","jsx","TooltipRoot","Slot","cn","buttonVariants"],"mappings":";;;;;;AAUO,MAAMA,IAASC,EAAM;AAAA,EAC1B,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,OAAAC,IAAQ,IAAI,SAAAC,GAAS,GAAGC,EAAA,GAASC,MAGrF,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAOV,KAAa,CAACK,KAAS,CAACC,IAAY,KAAQ;AAAA,MACnD,SAASA,KAAWD;AAAA,MACpB,OAAO;AAAA,MAEP,UAAA,gBAAAI;AAAA,QAPSL,IAAUO,IAAO;AAAA,QAOzB;AAAA,UACC,MAAK;AAAA,UACL,KAAAH;AAAA,UACA,UAAAR;AAAA,UACA,WAAWY,EAAGC,EAAe,EAAE,SAAAX,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,UACzD,GAAGM;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAIR;AACAT,EAAO,cAAc;"}
|
package/Button/buttonVariants.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"buttonVariants.js","sources":["../../src/Button/buttonVariants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\n// TODO: refactor btn variants | ask me about mnc next pwa\nexport const buttonVariants = cva(\n [\n \"inline-flex items-center justify-center gap-2\",\n \"whitespace-nowrap rounded-lg text-sm font-medium\",\n \"transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring\",\n \"disabled:pointer-events-none disabled:opacity-50\",\n \"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n 'cursor-pointer'\n ],\n {\n variants: {\n variant: {\n default:\n \"bg-primary text-primary-foreground shadow-sm hover:opacity-[.8]\",\n destructive:\n \"bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90\",\n outline:\n \"border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground\",\n secondary:\n \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n transparent: \"bg-transparent hover:bg-transparent hover:text-accent-foreground\",\n none: \"\",\n },\n size: {\n default: \"h-9 px-4 py-2\",\n sm: \"h-8 rounded-md px-3 text-xs [&_svg]:size-4\",\n lg: \"h-10 px-8 [&_svg]:size-5 px-3 py-2\",\n icon: \"h-9 w-9 [&_svg]:size-5!\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"lg\",\n },\n }\n)\n"],"names":["buttonVariants","cva"],"mappings":";AAGO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,QACN,aAAa;AAAA,QACb,MAAM;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { Button as t } from "./Button.js";
|
|
2
|
+
import { Button as t } from "./Button/Button.js";
|
|
3
3
|
const o = (e) => /* @__PURE__ */ a(t, { ...e }), n = {
|
|
4
4
|
title: "Button",
|
|
5
5
|
component: t,
|
|
@@ -18,3 +18,4 @@ export {
|
|
|
18
18
|
s as Default,
|
|
19
19
|
n as default
|
|
20
20
|
};
|
|
21
|
+
//# sourceMappingURL=Button.js.map
|
package/Button.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../src/Button/Button.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\n\nimport { Button } from './Button';\nimport type { ButtonProps } from './Button.types';\nimport React from 'react';\n\nconst Template = (props: ButtonProps) => (\n <Button {...props}/>\n);\n\nconst variants = ['default', 'destructive', 'outline-solid', 'secondary', 'ghost', 'link']\nconst size = ['default', 'sm', 'lg', 'icon']\n\nconst meta = {\n title: 'Button',\n component: Button,\n render: Template,\n args: {\n variant: 'default',\n size: 'default',\n disabled: false,\n },\n} satisfies Meta<typeof Button>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n args: {\n children: 'Default',\n }\n};\n"],"names":["Template","props","jsx","Button","meta","Default"],"mappings":";;AAMA,MAAMA,IAAW,CAACC,MAChB,gBAAAC,EAACC,GAAA,EAAQ,GAAGF,GAAM,GAMdG,IAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAWD;AAAA,EACX,QAAQH;AAAA,EACR,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAEd,GAMaK,IAAiB;AAAA,EAC5B,MAAM;AAAA,IACJ,UAAU;AAAA,EAAA;AAEd;"}
|
package/ButtonIcon/ButtonIcon.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonIcon.js","sources":["../../src/ButtonIcon/ButtonIcon.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@oneplatformdev/utils\"\nimport { buttonIconVariants } from './buttonIconVariants';\nimport { ButtonIconProps } from './ButtonIcon.types';\n\nimport { TooltipRoot } from '../Tooltip';\n\nexport const ButtonIcon = React.forwardRef<HTMLButtonElement, ButtonIconProps>(\n ({ disabled, className, variant, color, size, rounded, title = '', tooltip, ...props }, ref) => {\n const shouldTooltipOpen = (disabled || (!title && !tooltip)) ? false : undefined;\n return (\n <TooltipRoot\n open={shouldTooltipOpen}\n message={tooltip || title}\n delay={300}\n >\n <button\n className={cn(buttonIconVariants({ variant, size, color, disabled, rounded, className }))}\n ref={ref}\n disabled={Boolean(disabled)}\n {...props}\n />\n </TooltipRoot>\n )\n }\n)\nButtonIcon.displayName = \"Button\"\n"],"names":["ButtonIcon","React","disabled","className","variant","color","size","rounded","title","tooltip","props","ref","jsx","TooltipRoot","cn","buttonIconVariants"],"mappings":";;;;;AAQO,MAAMA,IAAaC,EAAM;AAAA,EAC9B,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,SAAAC,GAAS,OAAAC,GAAO,MAAAC,GAAM,SAAAC,GAAS,OAAAC,IAAQ,IAAI,SAAAC,GAAS,GAAGC,EAAA,GAASC,MAGpF,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAHuBX,KAAa,CAACM,KAAS,CAACC,IAAY,KAAQ;AAAA,MAInE,SAASA,KAAWD;AAAA,MACpB,OAAO;AAAA,MAEP,UAAA,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWE,EAAGC,EAAmB,EAAE,SAAAX,GAAS,MAAAE,GAAM,OAAAD,GAAO,UAAAH,GAAU,SAAAK,GAAS,WAAAJ,EAAA,CAAW,CAAC;AAAA,UACxF,KAAAQ;AAAA,UACA,UAAU,EAAQT;AAAA,UACjB,GAAGQ;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAIR;AACAV,EAAW,cAAc;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"buttonIconVariants.js","sources":["../../src/ButtonIcon/buttonIconVariants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const buttonIconVariants = cva(\n \"aspect-square inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n {\n variants: {\n variant: {\n contained: 'border shadow-sm',\n outlined: 'border bg-transparent hover:shadow-xs',\n ghost: \"bg-transparent hover:bg-accent hover:text-accent-foreground\",\n link: \"underline-offset-4 hover:underline bg-transparent hover:bg-transparent\",\n },\n color: {\n primary: \"\",\n secondary: \"\",\n error: \"\",\n success: \"\",\n disabled: \"contrast-50\",\n },\n size: {\n sm: \"w-8 h-8 rounded-sm text-xs [&_svg]:size-4\",\n md: \"w-9 h-9 px-4 rounded-md [&_svg]:size-5\",\n lg: \"w-10 h-10 rounded-md [&_svg]:size-6\",\n icon: \"h-9 w-9 [&_svg]:size-5 rounded-sm\",\n },\n disabled: {\n true: \"cursor-not-allowed contrast-50\",\n false: \"cursor-pointer\",\n },\n rounded: {\n true: \"rounded-full\",\n false: \"\",\n },\n },\n compoundVariants: [\n // contained\n {\n variant: 'contained',\n color: 'primary',\n disabled: false,\n className: 'bg-typography-primary border-typography-primary text-white dark:bg-gray-3 dark:border-gray-3 dark:text-typography-secondary'\n },\n {\n variant: 'contained',\n color: 'secondary',\n disabled: false,\n className: 'bg-gray-2 border-gray-2 text-typography-primary dark:bg-gray-3 dark:border-gray-3 dark:text-typography-secondary'\n },\n {\n variant: 'contained',\n color: 'error',\n disabled: false,\n className: 'bg-typography-error/90 border-typography-error/90 text-white dark:bg-typography-error/80 dark:border-typography-error/80 dark:text-typography-primary'\n },\n {\n variant: 'contained',\n color: 'success',\n disabled: false,\n className: 'bg-typography-success/90 border-typography-success/90 text-white dark:bg-typography-success/80 dark:border-typography-success/80 dark:text-typography-primary'\n },\n // outlined\n {\n variant: 'outlined',\n color: 'primary',\n disabled: false,\n className: 'border-typography-primary text-typography-primary hover:bg-typography-primary/15'\n },\n {\n variant: 'outlined',\n color: 'secondary',\n disabled: false,\n className: 'border-border text-typography-secondary hover:bg-border-border/15'\n },\n {\n variant: 'outlined',\n color: 'error',\n disabled: false,\n className: 'border-typography-error text-typography-error hover:bg-typography-error/15'\n },\n {\n variant: 'outlined',\n color: 'success',\n disabled: false,\n className: 'border-typography-success text-typography-success hover:bg-typography-success/15'\n },\n // link - ghost\n {\n variant: [ 'link', 'ghost' ],\n color: 'primary',\n className: \"text-typography-primary\",\n },\n {\n variant: [ 'link', 'ghost' ],\n color: 'secondary',\n className: \"text-typography-secondary\",\n },\n {\n variant: [ 'link', 'ghost' ],\n color: \"success\",\n className: \"text-typography-success\",\n },\n {\n variant: [ 'link', 'ghost' ],\n color: \"error\",\n className: \"text-typography-error\",\n },\n // ghost\n {\n variant: 'ghost',\n color: 'primary',\n className: \"hover:bg-typography-primary/15\",\n },\n {\n variant: 'ghost',\n color: 'secondary',\n className: \"hover:bg-typography-secondary/15\",\n },\n {\n variant: 'ghost',\n color: \"success\",\n className: \"hover:bg-typography-success/15\",\n },\n {\n variant: 'ghost',\n color: \"error\",\n className: \"hover:bg-typography-error/15\",\n },\n ],\n defaultVariants: {\n variant: \"contained\",\n size: \"md\",\n color: \"primary\",\n disabled: false,\n rounded: false,\n },\n }\n)\n"],"names":["buttonIconVariants","cva"],"mappings":";AAEO,MAAMA,IAAqBC;AAAA,EAChC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,WAAW;AAAA,QACX,UAAU;AAAA,QACV,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,MAER,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,QACX,OAAO;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,MAAA;AAAA,MAEZ,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,MAER,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,kBAAkB;AAAA;AAAA,MAEhB;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA;AAAA,MAGb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA;AAAA,MAGb;AAAA,QACE,SAAS,CAAE,QAAQ,OAAQ;AAAA,QAC3B,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS,CAAE,QAAQ,OAAQ;AAAA,QAC3B,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS,CAAE,QAAQ,OAAQ;AAAA,QAC3B,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS,CAAE,QAAQ,OAAQ;AAAA,QAC3B,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA;AAAA,MAGb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as o, jsxs as d } from "react/jsx-runtime";
|
|
2
|
-
import { ButtonIcon as m } from "./ButtonIcon.js";
|
|
2
|
+
import { ButtonIcon as m } from "./ButtonIcon/ButtonIcon.js";
|
|
3
3
|
import { PencilLineIcon as x } from "lucide-react";
|
|
4
4
|
const s = ["contained", "outlined", "ghost", "link"], c = [
|
|
5
5
|
"primary",
|
|
@@ -124,3 +124,4 @@ export {
|
|
|
124
124
|
g as Variants,
|
|
125
125
|
z as default
|
|
126
126
|
};
|
|
127
|
+
//# sourceMappingURL=ButtonIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonIcon.js","sources":["../src/ButtonIcon/ButtonIcon.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\n\nimport { ButtonIcon } from './ButtonIcon';\nimport { ButtonIconProps } from './ButtonIcon.types';\nimport { PencilLineIcon } from 'lucide-react';\nimport React from 'react';\n\nconst variants = ['contained', 'outlined', 'ghost', 'link'] as const;\nconst colors = [\n 'primary',\n 'secondary',\n 'error',\n 'success',\n 'disabled',\n] as const;\nconst sizes = ['sm', 'md', 'lg'] as const;\n\nconst Template = (props: ButtonIconProps) => (\n <ButtonIcon {...props}>\n <PencilLineIcon />\n </ButtonIcon>\n);\n\nconst meta = {\n title: 'ButtonIcon',\n component: ButtonIcon,\n render: Template,\n argTypes: {\n variant: {\n name: 'variant',\n description: 'ButtonIcon variant',\n defaultValue: 'contained',\n options: variants,\n control: {\n type: 'inline-radio',\n },\n },\n color: {\n options: colors,\n control: {\n type: 'inline-radio',\n },\n },\n size: {\n options: sizes,\n control: {\n type: 'inline-radio',\n },\n },\n tooltip: {\n control: {\n type: 'text',\n },\n },\n disabled: {\n control: {\n type: 'boolean',\n },\n },\n rounded: {\n control: {\n type: 'boolean',\n },\n },\n },\n args: {\n variant: 'contained',\n color: 'primary',\n size: 'md',\n disabled: false,\n rounded: false,\n tooltip: 'ButtonIcon tooltip',\n },\n} satisfies Meta<typeof ButtonIcon>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Playground = ({ rounded, ...args }: ButtonIconProps) => (\n <div className=\"flex flex-col gap-10\">\n <span>\n <Template rounded={rounded} {...args} />\n </span>\n\n <div className=\"flex flex-col gap-2\">\n {variants.map((v) => {\n return (\n <div className=\"flex gap-2\" key={v}>\n {colors.map((c) => {\n const k = `${v}-${c}`;\n return (\n <div className=\"flex gap-2\" key={k}>\n {sizes.map((s) => {\n const key = `${k}-${s}`;\n return (\n <Template\n key={key}\n color={c}\n size={s}\n variant={v}\n rounded={rounded}\n tooltip={key}\n />\n );\n })}\n </div>\n );\n })}\n </div>\n );\n })}\n </div>\n </div>\n);\nPlayground.args = {\n onClick: { action: (e: React.MouseEvent<HTMLButtonElement>) => e },\n};\n\nexport const Variants = ({ variant, ...args }: ButtonIconProps) => (\n <div className=\"flex flex-col gap-10\">\n <span>\n <Template variant={variant} {...args} />\n </span>\n\n <div className=\"flex gap-2\">\n {variants.map((v) => (\n <Template key={v} variant={v} tooltip={v} />\n ))}\n </div>\n </div>\n);\n\nVariants.parameters = {\n controls: {\n include: ['disabled', 'color', 'size', 'variant'],\n },\n};\n\nexport const Colors = ({ color, ...args }: ButtonIconProps) => (\n <div className=\"flex flex-col gap-2\">\n <span>\n <Template color={color} {...args} />\n </span>\n\n <div className=\"flex gap-2\">\n {colors.map((c) => (\n <Template key={c} color={c} tooltip={c} {...args} />\n ))}\n </div>\n </div>\n);\n\nColors.parameters = {\n controls: {\n include: ['disabled', 'color', 'size', 'variant'],\n },\n};\n\nexport const Disabled = ({ variant, color, ...args }: ButtonIconProps) => (\n <div className=\"flex flex-col gap-10\">\n <div className=\"flex flex-col gap-2\">\n {variants.map((v) => {\n return (\n <div className=\"flex gap-2\" key={v}>\n {colors.map((c) => {\n const key = `${v}-${c}`;\n return <Template\n key={key}\n variant={v}\n color={c}\n disabled\n tooltip={key}\n {...args}\n />;\n })}\n </div>\n );\n })}\n </div>\n </div>\n);\nDisabled.parameters = {\n controls: {\n include: [],\n },\n};\n"],"names":["variants","colors","sizes","Template","props","jsx","ButtonIcon","PencilLineIcon","meta","Playground","rounded","args","jsxs","v","c","k","s","key","e","Variants","variant","Colors","color","Disabled"],"mappings":"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"}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,35 @@
|
|
|
1
|
+
## 0.1.10-29 (2025-09-16)
|
|
2
|
+
|
|
3
|
+
### 🧱 Updated Dependencies
|
|
4
|
+
|
|
5
|
+
- Updated @oneplatformdev/utils to 0.1.1-79
|
|
6
|
+
- Updated @oneplatformdev/hooks to 0.1.0-65
|
|
7
|
+
- Updated @oneplatformdev/tokens to 0.0.1-52
|
|
8
|
+
|
|
9
|
+
## 0.1.10-28 (2025-09-16)
|
|
10
|
+
|
|
11
|
+
### 🧱 Updated Dependencies
|
|
12
|
+
|
|
13
|
+
- Updated @oneplatformdev/utils to 0.1.1-78
|
|
14
|
+
- Updated @oneplatformdev/hooks to 0.1.0-64
|
|
15
|
+
- Updated @oneplatformdev/tokens to 0.0.1-51
|
|
16
|
+
|
|
17
|
+
## 0.1.10-27 (2025-09-16)
|
|
18
|
+
|
|
19
|
+
### 🧱 Updated Dependencies
|
|
20
|
+
|
|
21
|
+
- Updated @oneplatformdev/utils to 0.1.1-77
|
|
22
|
+
- Updated @oneplatformdev/hooks to 0.1.0-63
|
|
23
|
+
- Updated @oneplatformdev/tokens to 0.0.1-50
|
|
24
|
+
|
|
25
|
+
## 0.1.10-26 (2025-09-16)
|
|
26
|
+
|
|
27
|
+
### 🧱 Updated Dependencies
|
|
28
|
+
|
|
29
|
+
- Updated @oneplatformdev/utils to 0.1.1-76
|
|
30
|
+
- Updated @oneplatformdev/hooks to 0.1.0-62
|
|
31
|
+
- Updated @oneplatformdev/tokens to 0.0.1-49
|
|
32
|
+
|
|
1
33
|
## 0.1.10-25 (2025-09-16)
|
|
2
34
|
|
|
3
35
|
### 🧱 Updated Dependencies
|