@oneplatformdev/ui 0.1.10-5 → 0.1.10-50
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.d.ts +7 -7
- package/Accordion/Accordion.d.ts.map +1 -1
- package/Accordion/Accordion.js +62 -45
- package/Accordion/Accordion.js.map +1 -0
- package/Accordion/index.js +1 -0
- package/Accordion/index.js.map +1 -0
- package/Alert/Alert.js +1 -0
- package/Alert/Alert.js.map +1 -0
- package/Alert/alertVariants.js +1 -0
- package/Alert/alertVariants.js.map +1 -0
- package/Alert/index.js +1 -0
- package/Alert/index.js.map +1 -0
- package/AlertDialog/AlertDialog.js +1 -0
- package/AlertDialog/AlertDialog.js.map +1 -0
- package/AlertDialog/AlertDialog.stories.js +1 -0
- package/AlertDialog/AlertDialog.stories.js.map +1 -0
- package/AlertDialog/AlertDialog.types.js +1 -0
- package/AlertDialog/AlertDialog.types.js.map +1 -0
- package/AlertDialog/AlertDialogRoot.d.ts +12 -18
- package/AlertDialog/AlertDialogRoot.d.ts.map +1 -1
- package/AlertDialog/AlertDialogRoot.js +119 -106
- package/AlertDialog/AlertDialogRoot.js.map +1 -0
- package/AlertDialog/index.js +1 -0
- package/AlertDialog/index.js.map +1 -0
- package/AreaChart/AreaChart.js +1 -0
- package/AreaChart/AreaChart.js.map +1 -0
- package/AreaChart/AreaChart.types.js +1 -0
- package/AreaChart/AreaChart.types.js.map +1 -0
- package/AreaChart/index.js +1 -0
- package/AreaChart/index.js.map +1 -0
- package/Aside/Aside.js +1 -0
- package/Aside/Aside.js.map +1 -0
- package/Aside/Aside.types.js +1 -0
- package/Aside/Aside.types.js.map +1 -0
- package/Aside/AsideSidebar.js +1 -0
- package/Aside/AsideSidebar.js.map +1 -0
- package/Aside/index.js +1 -0
- package/Aside/index.js.map +1 -0
- package/AspectRatio/AspectRatio.js +1 -0
- package/AspectRatio/AspectRatio.js.map +1 -0
- package/AspectRatio/index.js +1 -0
- package/AspectRatio/index.js.map +1 -0
- package/Avatar/Avatar.js +1 -0
- package/Avatar/Avatar.js.map +1 -0
- package/Avatar/index.js +1 -0
- package/Avatar/index.js.map +1 -0
- package/Badge/Badge.d.ts +3 -4
- package/Badge/Badge.d.ts.map +1 -1
- package/Badge/Badge.js +21 -7
- package/Badge/Badge.js.map +1 -0
- package/Badge/Badge.types.d.ts +2 -1
- package/Badge/Badge.types.d.ts.map +1 -1
- package/Badge/Badge.types.js +1 -0
- package/Badge/Badge.types.js.map +1 -0
- package/Badge/badgeVariants.d.ts.map +1 -1
- package/Badge/badgeVariants.js +6 -5
- package/Badge/badgeVariants.js.map +1 -0
- package/Badge/index.js +1 -0
- package/Badge/index.js.map +1 -0
- package/Breadcrumb/Breadcrumb.js +1 -0
- package/Breadcrumb/Breadcrumb.js.map +1 -0
- package/Breadcrumb/index.js +1 -0
- package/Breadcrumb/index.js.map +1 -0
- package/Button/Button.js +3 -2
- package/Button/Button.js.map +1 -0
- package/Button/Button.stories.js +1 -0
- package/Button/Button.stories.js.map +1 -0
- package/Button/Button.types.js +1 -0
- package/Button/Button.types.js.map +1 -0
- package/Button/buttonVariants.d.ts +1 -1
- package/Button/buttonVariants.d.ts.map +1 -1
- package/Button/buttonVariants.js +8 -4
- package/Button/buttonVariants.js.map +1 -0
- package/Button/index.js +1 -0
- package/Button/index.js.map +1 -0
- package/ButtonIcon/ButtonIcon.js +3 -2
- package/ButtonIcon/ButtonIcon.js.map +1 -0
- package/ButtonIcon/ButtonIcon.stories.js +1 -0
- package/ButtonIcon/ButtonIcon.stories.js.map +1 -0
- package/ButtonIcon/ButtonIcon.types.js +1 -0
- package/ButtonIcon/ButtonIcon.types.js.map +1 -0
- package/ButtonIcon/buttonIconVariants.js +1 -0
- package/ButtonIcon/buttonIconVariants.js.map +1 -0
- package/ButtonIcon/index.js +1 -0
- package/ButtonIcon/index.js.map +1 -0
- package/CHANGELOG.md +356 -0
- package/Calendar/Calendar.js +1 -0
- package/Calendar/Calendar.js.map +1 -0
- package/Calendar/index.js +1 -0
- package/Calendar/index.js.map +1 -0
- package/Card/Card.js +1 -0
- package/Card/Card.js.map +1 -0
- package/Card/index.js +1 -0
- package/Card/index.js.map +1 -0
- package/Carousel/Carousel.js +1 -0
- package/Carousel/Carousel.js.map +1 -0
- package/Carousel/index.js +1 -0
- package/Carousel/index.js.map +1 -0
- package/Chart/Chart.js +1 -0
- package/Chart/Chart.js.map +1 -0
- package/Chart/index.js +1 -0
- package/Chart/index.js.map +1 -0
- package/Checkbox/Checkbox.js +1 -0
- package/Checkbox/Checkbox.js.map +1 -0
- package/Checkbox/Checkbox.types.js +1 -0
- package/Checkbox/Checkbox.types.js.map +1 -0
- package/Checkbox/index.js +1 -0
- package/Checkbox/index.js.map +1 -0
- package/Collapsible/Collapsible.js +1 -0
- package/Collapsible/Collapsible.js.map +1 -0
- package/Collapsible/index.js +1 -0
- package/Collapsible/index.js.map +1 -0
- package/Combobox/Combobox.d.ts +1 -2
- package/Combobox/Combobox.d.ts.map +1 -1
- package/Combobox/Combobox.js +1 -0
- package/Combobox/Combobox.js.map +1 -0
- package/Combobox/Combobox.types.js +1 -0
- package/Combobox/Combobox.types.js.map +1 -0
- package/Combobox/ComboboxOptionItem.js +1 -0
- package/Combobox/ComboboxOptionItem.js.map +1 -0
- package/Combobox/ComboboxOptions.js +1 -0
- package/Combobox/ComboboxOptions.js.map +1 -0
- package/Combobox/index.js +1 -0
- package/Combobox/index.js.map +1 -0
- package/Command/Command.d.ts +18 -80
- package/Command/Command.d.ts.map +1 -1
- package/Command/Command.js +166 -109
- package/Command/Command.js.map +1 -0
- package/Command/index.js +5 -2
- package/Command/index.js.map +1 -0
- package/DataTable/DataTable.js +1 -0
- package/DataTable/DataTable.js.map +1 -0
- package/DataTable/DataTable.types.js +1 -0
- package/DataTable/DataTable.types.js.map +1 -0
- package/DataTable/DataTableColumnFilter.js +1 -0
- package/DataTable/DataTableColumnFilter.js.map +1 -0
- package/DataTable/index.js +1 -0
- package/DataTable/index.js.map +1 -0
- package/DataTable/useDataTable.d.ts +1 -1
- package/DataTable/useDataTable.js +1 -0
- package/DataTable/useDataTable.js.map +1 -0
- package/DatePicker/DatePicker.js +1 -0
- package/DatePicker/DatePicker.js.map +1 -0
- package/DatePicker/DatePicker.types.js +1 -0
- package/DatePicker/DatePicker.types.js.map +1 -0
- package/DatePicker/index.js +1 -0
- package/DatePicker/index.js.map +1 -0
- package/Dialog/Dialog.d.ts +14 -21
- package/Dialog/Dialog.d.ts.map +1 -1
- package/Dialog/Dialog.js +140 -142
- package/Dialog/Dialog.js.map +1 -0
- package/Dialog/DialogOverlayScope.js +1 -0
- package/Dialog/DialogOverlayScope.js.map +1 -0
- package/Dialog/index.js +16 -13
- package/Dialog/index.js.map +1 -0
- package/Drawer/Drawer.js +1 -0
- package/Drawer/Drawer.js.map +1 -0
- package/Drawer/index.js +1 -0
- package/Drawer/index.js.map +1 -0
- package/DropdownMenu/DropdownMenu.d.ts +20 -22
- package/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/DropdownMenu/DropdownMenu.js +230 -141
- package/DropdownMenu/DropdownMenu.js.map +1 -0
- package/DropdownMenu/index.js +17 -14
- package/DropdownMenu/index.js.map +1 -0
- package/Dropzone/Dropzone.js +1 -0
- package/Dropzone/Dropzone.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/index.js +1 -0
- package/Dropzone/index.js.map +1 -0
- package/Form/Form.d.ts +8 -7
- package/Form/Form.d.ts.map +1 -1
- package/Form/Form.js +74 -69
- package/Form/Form.js.map +1 -0
- package/Form/FormRenderControl.d.ts +1 -1
- package/Form/FormRenderControl.d.ts.map +1 -1
- package/Form/FormRenderControl.js +1 -0
- 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/FormRenderControl.types.js +1 -0
- package/Form/FormRenderControl.types.js.map +1 -0
- package/Form/Form_old.d.ts +24 -0
- package/Form/Form_old.d.ts.map +1 -0
- package/Form/Form_old.js +99 -0
- package/Form/Form_old.js.map +1 -0
- package/Form/index.js +1 -0
- package/Form/index.js.map +1 -0
- package/FormCheckbox/FormCheckbox.js +1 -0
- package/FormCheckbox/FormCheckbox.js.map +1 -0
- package/FormCheckbox/FormCheckbox.types.js +1 -0
- package/FormCheckbox/FormCheckbox.types.js.map +1 -0
- package/FormCheckbox/index.js +1 -0
- package/FormCheckbox/index.js.map +1 -0
- package/FormCombobox/FormCombobox.js +1 -0
- package/FormCombobox/FormCombobox.js.map +1 -0
- package/FormCombobox/FormCombobox.types.js +1 -0
- package/FormCombobox/FormCombobox.types.js.map +1 -0
- package/FormCombobox/index.js +1 -0
- package/FormCombobox/index.js.map +1 -0
- package/FormDatePicker/FormDatePicker.js +1 -0
- package/FormDatePicker/FormDatePicker.js.map +1 -0
- package/FormDatePicker/FormDatePicker.types.js +1 -0
- package/FormDatePicker/FormDatePicker.types.js.map +1 -0
- package/FormDatePicker/index.js +1 -0
- package/FormDatePicker/index.js.map +1 -0
- package/FormDropzone/FormDropzone.js +1 -0
- package/FormDropzone/FormDropzone.js.map +1 -0
- package/FormDropzone/FormDropzone.types.js +1 -0
- package/FormDropzone/FormDropzone.types.js.map +1 -0
- package/FormDropzone/index.js +1 -0
- package/FormDropzone/index.js.map +1 -0
- package/FormInput/FormInput.js +1 -0
- package/FormInput/FormInput.js.map +1 -0
- package/FormInput/FormInput.types.js +1 -0
- package/FormInput/FormInput.types.js.map +1 -0
- package/FormInput/index.js +1 -0
- package/FormInput/index.js.map +1 -0
- package/FormRadio/FormRadio.js +1 -0
- package/FormRadio/FormRadio.js.map +1 -0
- package/FormRadio/FormRadio.types.js +1 -0
- package/FormRadio/FormRadio.types.js.map +1 -0
- package/FormRadio/index.js +1 -0
- package/FormRadio/index.js.map +1 -0
- package/FormSelect/FormSelect.js +1 -0
- package/FormSelect/FormSelect.js.map +1 -0
- package/FormSelect/FormSelect.types.js +1 -0
- package/FormSelect/FormSelect.types.js.map +1 -0
- package/FormSelect/index.js +1 -0
- package/FormSelect/index.js.map +1 -0
- package/FormTextarea/FormTextarea.js +1 -0
- package/FormTextarea/FormTextarea.js.map +1 -0
- package/FormTextarea/FormTextarea.types.js +1 -0
- package/FormTextarea/FormTextarea.types.js.map +1 -0
- package/FormTextarea/index.js +1 -0
- package/FormTextarea/index.js.map +1 -0
- package/Header/Header.js +1 -0
- package/Header/Header.js.map +1 -0
- package/Header/Header.types.js +1 -0
- package/Header/Header.types.js.map +1 -0
- package/Header/index.js +1 -0
- package/Header/index.js.map +1 -0
- package/HoverCard/HoverCard.js +1 -0
- package/HoverCard/HoverCard.js.map +1 -0
- package/HoverCard/index.js +1 -0
- package/HoverCard/index.js.map +1 -0
- package/Input/Input.js +1 -0
- package/Input/Input.js.map +1 -0
- package/Input/Input.types.js +1 -0
- package/Input/Input.types.js.map +1 -0
- package/Input/index.js +1 -0
- package/Input/index.js.map +1 -0
- package/Input/inputVariants.js +1 -0
- package/Input/inputVariants.js.map +1 -0
- package/InputOTP/InputOTP.js +1 -0
- package/InputOTP/InputOTP.js.map +1 -0
- package/InputOTP/index.js +1 -0
- package/InputOTP/index.js.map +1 -0
- package/Label/Label.d.ts +5 -5
- package/Label/Label.d.ts.map +1 -1
- package/Label/Label.js +21 -15
- package/Label/Label.js.map +1 -0
- package/Label/index.js +7 -4
- package/Label/index.js.map +1 -0
- package/Label/labelVariants.d.ts.map +1 -1
- package/Label/labelVariants.js +5 -3
- package/Label/labelVariants.js.map +1 -0
- package/LazyLoader/LazyLoader.js +1 -0
- package/LazyLoader/LazyLoader.js.map +1 -0
- package/LazyLoader/index.js +1 -0
- package/LazyLoader/index.js.map +1 -0
- package/LoadedIcon/LoadedIcon.js +1 -0
- package/LoadedIcon/LoadedIcon.js.map +1 -0
- package/LoadedIcon/index.js +1 -0
- package/LoadedIcon/index.js.map +1 -0
- package/LoadingMask/LoadingMask.js +1 -0
- package/LoadingMask/LoadingMask.js.map +1 -0
- package/LoadingMask/LoadingMask.types.js +1 -0
- package/LoadingMask/LoadingMask.types.js.map +1 -0
- package/LoadingMask/RenderLoadingMask.js +1 -0
- package/LoadingMask/RenderLoadingMask.js.map +1 -0
- package/LoadingMask/index.js +1 -0
- package/LoadingMask/index.js.map +1 -0
- package/LoadingProgress/LoadingProgress.js +1 -0
- package/LoadingProgress/LoadingProgress.js.map +1 -0
- package/LoadingProgress/LoadingProgress.types.js +1 -0
- package/LoadingProgress/LoadingProgress.types.js.map +1 -0
- package/LoadingProgress/index.js +1 -0
- package/LoadingProgress/index.js.map +1 -0
- package/LoadingProgress/loadingProgressVariants.js +1 -0
- package/LoadingProgress/loadingProgressVariants.js.map +1 -0
- package/Menubar/Menubar.js +1 -0
- package/Menubar/Menubar.js.map +1 -0
- package/Menubar/index.js +1 -0
- package/Menubar/index.js.map +1 -0
- package/NavigationMenu/NavigationMenu.js +1 -0
- package/NavigationMenu/NavigationMenu.js.map +1 -0
- package/NavigationMenu/index.js +1 -0
- package/NavigationMenu/index.js.map +1 -0
- package/NavigationMenu/navigationMenuVariants.js +1 -0
- package/NavigationMenu/navigationMenuVariants.js.map +1 -0
- package/Pagination/Pagination.js +1 -0
- package/Pagination/Pagination.js.map +1 -0
- package/Pagination/index.js +1 -0
- package/Pagination/index.js.map +1 -0
- package/Popover/Popover.d.ts +7 -7
- package/Popover/Popover.d.ts.map +1 -1
- package/Popover/Popover.js +44 -28
- package/Popover/Popover.js.map +1 -0
- package/Popover/index.js +6 -3
- package/Popover/index.js.map +1 -0
- package/Progress/Progress.d.ts +2 -2
- package/Progress/Progress.d.ts.map +1 -1
- package/Progress/Progress.js +28 -24
- package/Progress/Progress.js.map +1 -0
- package/Progress/index.js +5 -2
- package/Progress/index.js.map +1 -0
- package/Radio/Radio.js +1 -0
- package/Radio/Radio.js.map +1 -0
- package/Radio/Radio.types.js +1 -0
- package/Radio/Radio.types.js.map +1 -0
- package/Radio/index.js +1 -0
- package/Radio/index.js.map +1 -0
- package/RadioGroup/RadioGroup.js +1 -0
- package/RadioGroup/RadioGroup.js.map +1 -0
- package/RadioGroup/index.js +1 -0
- package/RadioGroup/index.js.map +1 -0
- package/Resizable/Resizable.js +1 -0
- package/Resizable/Resizable.js.map +1 -0
- package/Resizable/index.js +1 -0
- package/Resizable/index.js.map +1 -0
- package/ScrollArea/ScrollArea.js +1 -0
- package/ScrollArea/ScrollArea.js.map +1 -0
- package/ScrollArea/index.js +1 -0
- package/ScrollArea/index.js.map +1 -0
- package/Search/Search.js +1 -0
- package/Search/Search.js.map +1 -0
- package/Search/Search.types.js +1 -0
- package/Search/Search.types.js.map +1 -0
- package/Search/index.js +1 -0
- package/Search/index.js.map +1 -0
- package/Select/Select.js +1 -0
- package/Select/Select.js.map +1 -0
- package/Select/Select.stories.js +1 -0
- package/Select/Select.stories.js.map +1 -0
- package/Select/Select.types.js +1 -0
- package/Select/Select.types.js.map +1 -0
- package/Select/SelectRoot.js +1 -0
- package/Select/SelectRoot.js.map +1 -0
- package/Select/index.js +1 -0
- package/Select/index.js.map +1 -0
- package/Separator/Separator.js +1 -0
- package/Separator/Separator.js.map +1 -0
- package/Separator/index.js +1 -0
- package/Separator/index.js.map +1 -0
- package/Sheet/Sheet.js +1 -0
- package/Sheet/Sheet.js.map +1 -0
- package/Sheet/index.js +1 -0
- package/Sheet/index.js.map +1 -0
- package/Sidebar/Sidebar.d.ts.map +1 -1
- package/Sidebar/Sidebar.js +124 -120
- package/Sidebar/Sidebar.js.map +1 -0
- package/Sidebar/index.js +1 -0
- package/Sidebar/index.js.map +1 -0
- package/Skeleton/Skeleton.js +1 -0
- package/Skeleton/Skeleton.js.map +1 -0
- package/Skeleton/index.js +1 -0
- package/Skeleton/index.js.map +1 -0
- package/Slider/Slider.js +1 -0
- package/Slider/Slider.js.map +1 -0
- package/Slider/index.js +1 -0
- package/Slider/index.js.map +1 -0
- package/Sonner/Sonner.js +1 -0
- package/Sonner/Sonner.js.map +1 -0
- package/Sonner/index.js +1 -0
- package/Sonner/index.js.map +1 -0
- package/Switch/Switch.d.ts +2 -2
- package/Switch/Switch.d.ts.map +1 -1
- package/Switch/Switch.js +30 -25
- package/Switch/Switch.js.map +1 -0
- package/Switch/index.js +1 -0
- package/Switch/index.js.map +1 -0
- package/Table/Table.js +1 -0
- package/Table/Table.js.map +1 -0
- package/Table/index.js +1 -0
- package/Table/index.js.map +1 -0
- package/TablePagination/TablePagination.js +1 -0
- package/TablePagination/TablePagination.js.map +1 -0
- package/TablePagination/index.js +1 -0
- package/TablePagination/index.js.map +1 -0
- package/Tabs/Tabs.js +1 -0
- package/Tabs/Tabs.js.map +1 -0
- package/Tabs/Tabs.types.js +1 -0
- package/Tabs/Tabs.types.js.map +1 -0
- package/Tabs/TabsRoot.js +1 -0
- package/Tabs/TabsRoot.js.map +1 -0
- package/Tabs/index.js +1 -0
- package/Tabs/index.js.map +1 -0
- package/Textarea/Textarea.js +1 -0
- package/Textarea/Textarea.js.map +1 -0
- package/Textarea/Textarea.types.js +1 -0
- package/Textarea/Textarea.types.js.map +1 -0
- package/Textarea/index.js +1 -0
- package/Textarea/index.js.map +1 -0
- package/Textarea/useAutosizeTextArea.js +1 -0
- package/Textarea/useAutosizeTextArea.js.map +1 -0
- package/Theme/ThemeModeToggle.js +1 -0
- package/Theme/ThemeModeToggle.js.map +1 -0
- package/Theme/ThemeProvider.js +1 -0
- package/Theme/ThemeProvider.js.map +1 -0
- package/Theme/index.js +1 -0
- package/Theme/index.js.map +1 -0
- package/Toast/Toast.js +1 -0
- package/Toast/Toast.js.map +1 -0
- package/Toast/Toast.types.js +1 -0
- package/Toast/Toast.types.js.map +1 -0
- package/Toast/index.js +1 -0
- package/Toast/index.js.map +1 -0
- package/Toast/toast.constants.js +1 -0
- package/Toast/toast.constants.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/Toaster/Toaster.js +1 -0
- package/Toaster/Toaster.js.map +1 -0
- package/Toaster/index.js +1 -0
- package/Toaster/index.js.map +1 -0
- package/Toggle/Toggle.js +1 -0
- package/Toggle/Toggle.js.map +1 -0
- package/Toggle/index.js +1 -0
- package/Toggle/index.js.map +1 -0
- package/ToggleGroup/ToggleGroup.js +1 -0
- package/ToggleGroup/ToggleGroup.js.map +1 -0
- package/ToggleGroup/index.js +1 -0
- package/ToggleGroup/index.js.map +1 -0
- package/Tooltip/Tooltip.d.ts +3 -2
- package/Tooltip/Tooltip.d.ts.map +1 -1
- package/Tooltip/Tooltip.js +58 -9
- package/Tooltip/Tooltip.js.map +1 -0
- package/Tooltip/Tooltip.types.d.ts +5 -3
- package/Tooltip/Tooltip.types.d.ts.map +1 -1
- package/Tooltip/Tooltip.types.js +1 -0
- package/Tooltip/Tooltip.types.js.map +1 -0
- package/Tooltip/TooltipRoot.d.ts +7 -5
- package/Tooltip/TooltipRoot.d.ts.map +1 -1
- package/Tooltip/TooltipRoot.js +50 -20
- package/Tooltip/TooltipRoot.js.map +1 -0
- package/Tooltip/index.js +9 -5
- package/Tooltip/index.js.map +1 -0
- package/hooks/dist/useIsMobile/useIsMobile.js +1 -0
- package/hooks/dist/useIsMobile/useIsMobile.js.map +1 -0
- package/index.d.ts.map +1 -1
- package/index.js +387 -372
- package/index.js.map +1 -0
- package/package.json +16 -17
- package/styles.css +0 -1
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/Aside/Aside.js
CHANGED
@@ -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;"}
|
package/Aside/Aside.types.js
CHANGED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Aside.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/Aside/AsideSidebar.js
CHANGED
@@ -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;"}
|
package/Aside/index.js
CHANGED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
@@ -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/AspectRatio/index.js
CHANGED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/Avatar/Avatar.js
CHANGED
@@ -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/Avatar/index.js
CHANGED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/Badge/Badge.d.ts
CHANGED
@@ -1,5 +1,4 @@
|
|
1
|
-
import {
|
2
|
-
|
3
|
-
|
4
|
-
export { Badge, badgeVariants };
|
1
|
+
import { BadgeProps } from './Badge.types';
|
2
|
+
export declare function Badge({ className, variant, asChild, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
|
3
|
+
export default Badge;
|
5
4
|
//# sourceMappingURL=Badge.d.ts.map
|
package/Badge/Badge.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C,wBAAgB,KAAK,CAAC,EACL,SAAS,EACT,OAAO,EACP,OAAe,EACf,GAAG,KAAK,EACT,EAAE,UAAU,2CAU3B;AAED,eAAe,KAAK,CAAA"}
|
package/Badge/Badge.js
CHANGED
@@ -1,10 +1,24 @@
|
|
1
|
-
import { jsx as
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
|
5
|
-
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
2
|
+
import { badgeVariants as s } from "./badgeVariants.js";
|
3
|
+
import { Slot as e } from "@radix-ui/react-slot";
|
4
|
+
import { cn as p } from "@oneplatformdev/utils";
|
5
|
+
function c({
|
6
|
+
className: o,
|
7
|
+
variant: a,
|
8
|
+
asChild: t = !1,
|
9
|
+
...r
|
10
|
+
}) {
|
11
|
+
return /* @__PURE__ */ m(
|
12
|
+
t ? e : "span",
|
13
|
+
{
|
14
|
+
"data-slot": "badge",
|
15
|
+
className: p(s({ variant: a }), o),
|
16
|
+
...r
|
17
|
+
}
|
18
|
+
);
|
6
19
|
}
|
7
20
|
export {
|
8
|
-
|
9
|
-
|
21
|
+
c as Badge,
|
22
|
+
c as default
|
10
23
|
};
|
24
|
+
//# sourceMappingURL=Badge.js.map
|
@@ -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;"}
|
package/Badge/Badge.types.d.ts
CHANGED
@@ -1,6 +1,7 @@
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
2
2
|
import { badgeVariants } from './badgeVariants';
|
3
3
|
import * as React from "react";
|
4
|
-
export interface BadgeProps extends React.
|
4
|
+
export interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
|
5
|
+
asChild?: boolean;
|
5
6
|
}
|
6
7
|
//# sourceMappingURL=Badge.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,
|
1
|
+
{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAClC,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}
|
package/Badge/Badge.types.js
CHANGED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Badge.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"badgeVariants.d.ts","sourceRoot":"","sources":["../../src/Badge/badgeVariants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;
|
1
|
+
{"version":3,"file":"badgeVariants.d.ts","sourceRoot":"","sources":["../../src/Badge/badgeVariants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;8EAmBzB,CAAA"}
|
package/Badge/badgeVariants.js
CHANGED
@@ -1,13 +1,13 @@
|
|
1
1
|
import { cva as r } from "class-variance-authority";
|
2
2
|
const t = r(
|
3
|
-
"inline-flex items-center rounded-md border px-2
|
3
|
+
"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",
|
4
4
|
{
|
5
5
|
variants: {
|
6
6
|
variant: {
|
7
|
-
default: "border-transparent bg-primary text-primary-foreground
|
8
|
-
secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/
|
9
|
-
destructive: "border-transparent bg-destructive text-destructive-
|
10
|
-
outline: "text-foreground"
|
7
|
+
default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
|
8
|
+
secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
|
9
|
+
destructive: "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",
|
10
|
+
outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
|
11
11
|
}
|
12
12
|
},
|
13
13
|
defaultVariants: {
|
@@ -18,3 +18,4 @@ const t = r(
|
|
18
18
|
export {
|
19
19
|
t as badgeVariants
|
20
20
|
};
|
21
|
+
//# sourceMappingURL=badgeVariants.js.map
|
@@ -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;"}
|
package/Badge/index.js
CHANGED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
package/Breadcrumb/Breadcrumb.js
CHANGED
@@ -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/Breadcrumb/index.js
CHANGED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/Button/Button.js
CHANGED
@@ -3,8 +3,8 @@ import * as i from "react";
|
|
3
3
|
import { Slot as u } from "@radix-ui/react-slot";
|
4
4
|
import { cn as c } from "@oneplatformdev/utils";
|
5
5
|
import { buttonVariants as l } from "./buttonVariants.js";
|
6
|
-
import "../Tooltip/TooltipRoot.js";
|
7
|
-
import
|
6
|
+
import { TooltipRoot as d } from "../Tooltip/TooltipRoot.js";
|
7
|
+
import "lucide-react";
|
8
8
|
const y = i.forwardRef(
|
9
9
|
({ disabled: o, className: a, variant: e, size: p, asChild: n = !1, title: t = "", tooltip: r, ...s }, f) => /* @__PURE__ */ m(
|
10
10
|
d,
|
@@ -30,3 +30,4 @@ export {
|
|
30
30
|
y as Button,
|
31
31
|
y as default
|
32
32
|
};
|
33
|
+
//# sourceMappingURL=Button.js.map
|
@@ -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/Button.stories.js
CHANGED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Button.stories.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/Button/Button.types.js
CHANGED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Button.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
export declare const buttonVariants: (props?: ({
|
2
|
-
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
2
|
+
variant?: "link" | "none" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "transparent" | null | undefined;
|
3
3
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
4
4
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
5
5
|
//# sourceMappingURL=buttonVariants.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"buttonVariants.d.ts","sourceRoot":"","sources":["../../src/Button/buttonVariants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;;;
|
1
|
+
{"version":3,"file":"buttonVariants.d.ts","sourceRoot":"","sources":["../../src/Button/buttonVariants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;;;8EAqC1B,CAAA"}
|
package/Button/buttonVariants.js
CHANGED
@@ -1,11 +1,12 @@
|
|
1
1
|
import { cva as e } from "class-variance-authority";
|
2
|
-
const
|
2
|
+
const t = e(
|
3
3
|
[
|
4
4
|
"inline-flex items-center justify-center gap-2",
|
5
5
|
"whitespace-nowrap rounded-lg text-sm font-medium",
|
6
6
|
"transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring",
|
7
7
|
"disabled:pointer-events-none disabled:opacity-50",
|
8
|
-
"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
|
8
|
+
"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
|
9
|
+
"cursor-pointer"
|
9
10
|
],
|
10
11
|
{
|
11
12
|
variants: {
|
@@ -15,7 +16,9 @@ const r = e(
|
|
15
16
|
outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
|
16
17
|
secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
|
17
18
|
ghost: "hover:bg-accent hover:text-accent-foreground",
|
18
|
-
link: "text-primary underline-offset-4 hover:underline"
|
19
|
+
link: "text-primary underline-offset-4 hover:underline",
|
20
|
+
transparent: "bg-transparent hover:bg-transparent hover:text-accent-foreground",
|
21
|
+
none: ""
|
19
22
|
},
|
20
23
|
size: {
|
21
24
|
default: "h-9 px-4 py-2",
|
@@ -31,5 +34,6 @@ const r = e(
|
|
31
34
|
}
|
32
35
|
);
|
33
36
|
export {
|
34
|
-
|
37
|
+
t as buttonVariants
|
35
38
|
};
|
39
|
+
//# sourceMappingURL=buttonVariants.js.map
|
@@ -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;"}
|
package/Button/index.js
CHANGED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
package/ButtonIcon/ButtonIcon.js
CHANGED
@@ -2,8 +2,8 @@ import { jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import * as f from "react";
|
3
3
|
import { cn as l } from "@oneplatformdev/utils";
|
4
4
|
import { buttonIconVariants as u } from "./buttonIconVariants.js";
|
5
|
-
import "../Tooltip/TooltipRoot.js";
|
6
|
-
import
|
5
|
+
import { TooltipRoot as d } from "../Tooltip/TooltipRoot.js";
|
6
|
+
import "lucide-react";
|
7
7
|
const h = f.forwardRef(
|
8
8
|
({ disabled: o, className: m, variant: e, color: p, size: a, rounded: s, title: t = "", tooltip: r, ...i }, c) => /* @__PURE__ */ n(
|
9
9
|
d,
|
@@ -27,3 +27,4 @@ h.displayName = "Button";
|
|
27
27
|
export {
|
28
28
|
h as ButtonIcon
|
29
29
|
};
|
30
|
+
//# sourceMappingURL=ButtonIcon.js.map
|
@@ -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":"ButtonIcon.stories.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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"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"ButtonIcon.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
@@ -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;"}
|
package/ButtonIcon/index.js
CHANGED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|