@lotte-innovate/ui-component-test 0.0.6 → 0.0.7
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +163 -163
- package/dist/Typography/Header/index.d.ts +2 -2
- package/dist/Typography/Header/{index.jsx → index.js} +2 -5
- package/dist/Typography/Text/index.d.ts +1 -1
- package/dist/Typography/Text/{index.jsx → index.js} +3 -6
- package/dist/Typography/index.js +3 -2
- package/dist/components/Accordion/{index.jsx → index.js} +5 -17
- package/dist/components/AlertDialog/{AlertDialogAction.jsx → AlertDialogAction.js} +3 -4
- package/dist/components/AlertDialog/{AlertDialogCancel.jsx → AlertDialogCancel.js} +3 -4
- package/dist/components/AlertDialog/{AlertDialogContent.jsx → AlertDialogContent.js} +3 -7
- package/dist/components/AlertDialog/{AlertDialogDescription.jsx → AlertDialogDescription.js} +14 -4
- package/dist/components/AlertDialog/{AlertDialogTitle.jsx → AlertDialogTitle.js} +14 -4
- package/dist/components/AlertDialog/{AlertDialogTrigger.jsx → AlertDialogTrigger.js} +3 -4
- package/dist/components/AlertDialog/{index.jsx → index.js} +14 -2
- package/dist/components/AspectRatio/{index.jsx → index.js} +3 -4
- package/dist/components/Avatar/{index.jsx → index.js} +3 -7
- package/dist/components/Badge/{index.jsx → index.js} +3 -4
- package/dist/components/BubbleChart/index.d.ts +2 -3
- package/dist/components/BubbleChart/{index.jsx → index.js} +2 -2
- package/dist/components/Button/{index.jsx → index.js} +3 -4
- package/dist/components/Callout/{CalloutIcon.jsx → CalloutIcon.js} +3 -8
- package/dist/components/Callout/{CalloutText.jsx → CalloutText.js} +14 -4
- package/dist/components/Callout/{index.jsx → index.js} +3 -6
- package/dist/components/Card/{index.jsx → index.js} +3 -4
- package/dist/components/Checkbox/{index.jsx → index.js} +3 -11
- package/dist/components/CheckboxCard/{index.jsx → index.js} +3 -5
- package/dist/components/CheckboxGroup/{CheckboxGroupItem.jsx → CheckboxGroupItem.js} +14 -6
- package/dist/components/CheckboxGroup/{index.jsx → index.js} +2 -5
- package/dist/components/ContextMenu/{ContextMenuCheckboxItem.jsx → ContextMenuCheckboxItem.js} +14 -7
- package/dist/components/ContextMenu/{ContextMenuContent.jsx → ContextMenuContent.js} +3 -6
- package/dist/components/ContextMenu/{ContextMenuGroup.jsx → ContextMenuGroup.js} +14 -4
- package/dist/components/ContextMenu/{ContextMenuItem.jsx → ContextMenuItem.js} +3 -5
- package/dist/components/ContextMenu/{ContextMenuItemIndicator.jsx → ContextMenuItemIndicator.js} +3 -4
- package/dist/components/ContextMenu/{ContextMenuLabel.jsx → ContextMenuLabel.js} +3 -4
- package/dist/components/ContextMenu/{ContextMenuRadioGroup.jsx → ContextMenuRadioGroup.js} +14 -6
- package/dist/components/ContextMenu/{ContextMenuRadioItem.jsx → ContextMenuRadioItem.js} +14 -7
- package/dist/components/ContextMenu/{ContextMenuSeparator.jsx → ContextMenuSeparator.js} +14 -4
- package/dist/components/ContextMenu/{ContextMenuSubContent.jsx → ContextMenuSubContent.js} +6 -9
- package/dist/components/ContextMenu/{ContextMenuSubTrigger.jsx → ContextMenuSubTrigger.js} +14 -9
- package/dist/components/ContextMenu/{ContextMenuTrigger.jsx → ContextMenuTrigger.js} +14 -4
- package/dist/components/ContextMenu/{index.jsx → index.js} +14 -4
- package/dist/components/DataList/{DataListItem.jsx → DataListItem.js} +3 -4
- package/dist/components/DataList/{DataListLabel.jsx → DataListLabel.js} +3 -4
- package/dist/components/DataList/{DataListValue.jsx → DataListValue.js} +3 -4
- package/dist/components/DataList/{index.jsx → index.js} +14 -6
- package/dist/components/Dialog/{DialogAction.jsx → DialogAction.js} +14 -4
- package/dist/components/Dialog/{DialogCancel.jsx → DialogCancel.js} +14 -4
- package/dist/components/Dialog/{DialogContent.jsx → DialogContent.js} +3 -4
- package/dist/components/Dialog/{DialogDescription.jsx → DialogDescription.js} +14 -4
- package/dist/components/Dialog/{DialogSlot.jsx → DialogSlot.js} +14 -4
- package/dist/components/Dialog/{DialogTitle.jsx → DialogTitle.js} +14 -4
- package/dist/components/Dialog/{DialogTrigger.jsx → DialogTrigger.js} +14 -4
- package/dist/components/Dialog/{index.jsx → index.js} +14 -4
- package/dist/components/DoughnutChart/index.d.ts +1 -2
- package/dist/components/DoughnutChart/{index.jsx → index.js} +2 -2
- package/dist/components/DropdownMenu/{DropdonMenuRadioGroup.jsx → DropdonMenuRadioGroup.js} +14 -6
- package/dist/components/DropdownMenu/{DropdonMenuSubContent.jsx → DropdonMenuSubContent.js} +7 -10
- package/dist/components/DropdownMenu/{DropdownMenuCheckboxItem.jsx → DropdownMenuCheckboxItem.js} +14 -7
- package/dist/components/DropdownMenu/{DropdownMenuContent.jsx → DropdownMenuContent.js} +3 -6
- package/dist/components/DropdownMenu/{DropdownMenuItem.jsx → DropdownMenuItem.js} +3 -5
- package/dist/components/DropdownMenu/{DropdownMenuItemIndicator.jsx → DropdownMenuItemIndicator.js} +3 -4
- package/dist/components/DropdownMenu/{DropdownMenuLable.jsx → DropdownMenuLable.js} +3 -4
- package/dist/components/DropdownMenu/{DropdownMenuRadioItem.jsx → DropdownMenuRadioItem.js} +14 -7
- package/dist/components/DropdownMenu/{DropdownMenuSeparator.jsx → DropdownMenuSeparator.js} +14 -2
- package/dist/components/DropdownMenu/{DropdownMenuSub.jsx → DropdownMenuSub.js} +14 -2
- package/dist/components/DropdownMenu/{DropdownMenuSubTrigger.jsx → DropdownMenuSubTrigger.js} +14 -7
- package/dist/components/DropdownMenu/{DropdownMenuTrigger.jsx → DropdownMenuTrigger.js} +14 -4
- package/dist/components/DropdownMenu/{index.jsx → index.js} +14 -2
- package/dist/components/HoverCard/{HoverCardContent.jsx → HoverCardContent.js} +3 -4
- package/dist/components/HoverCard/{HoverCardTrigger.jsx → HoverCardTrigger.js} +14 -4
- package/dist/components/HoverCard/{index.jsx → index.js} +14 -4
- package/dist/components/IconButton/{index.jsx → index.js} +2 -3
- package/dist/components/Input/Input.stories.d.ts +4 -4
- package/dist/components/Input/{Input.stories.jsx → Input.stories.js} +15 -9
- package/dist/components/Input/index.d.ts +1 -1
- package/dist/components/Input/{index.jsx → index.js} +3 -3
- package/dist/components/Inset/{index.jsx → index.js} +3 -6
- package/dist/components/Label/{index.jsx → index.js} +2 -3
- package/dist/components/Menubar/{MenubarCheckboxItem.jsx → MenubarCheckboxItem.js} +14 -7
- package/dist/components/Menubar/{MenubarContent.jsx → MenubarContent.js} +7 -10
- package/dist/components/Menubar/{MenubarItem.jsx → MenubarItem.js} +3 -5
- package/dist/components/Menubar/{MenubarItemIndicator.jsx → MenubarItemIndicator.js} +3 -4
- package/dist/components/Menubar/{MenubarMenu.jsx → MenubarMenu.js} +14 -2
- package/dist/components/Menubar/{MenubarRadioGroup.jsx → MenubarRadioGroup.js} +14 -6
- package/dist/components/Menubar/{MenubarRadioItem.jsx → MenubarRadioItem.js} +14 -7
- package/dist/components/Menubar/{MenubarSeparator.jsx → MenubarSeparator.js} +14 -4
- package/dist/components/Menubar/{MenubarSub.jsx → MenubarSub.js} +14 -2
- package/dist/components/Menubar/{MenubarSubContent.jsx → MenubarSubContent.js} +4 -5
- package/dist/components/Menubar/{MenubarSubTrigger.jsx → MenubarSubTrigger.js} +14 -7
- package/dist/components/Menubar/{MenubarTrigger.jsx → MenubarTrigger.js} +3 -4
- package/dist/components/Menubar/{index.jsx → index.js} +3 -6
- package/dist/components/NavigationMenu/{NavigationMenuContent.jsx → NavigationMenuContent.js} +3 -4
- package/dist/components/NavigationMenu/NavigationMenuIndicator.js +31 -0
- package/dist/components/NavigationMenu/{NavigationMenuItem.jsx → NavigationMenuItem.js} +14 -4
- package/dist/components/NavigationMenu/{NavigationMenuLink.jsx → NavigationMenuLink.js} +3 -4
- package/dist/components/NavigationMenu/{NavigationMenuList.jsx → NavigationMenuList.js} +3 -5
- package/dist/components/NavigationMenu/{NavigationMenuTrigger.jsx → NavigationMenuTrigger.js} +3 -5
- package/dist/components/NavigationMenu/{NavigationMenuViewport.jsx → NavigationMenuViewport.js} +3 -4
- package/dist/components/NavigationMenu/{index.jsx → index.js} +14 -6
- package/dist/components/PieChart/index.d.ts +1 -2
- package/dist/components/PieChart/{index.jsx → index.js} +2 -2
- package/dist/components/Popover/{PopoverClose.jsx → PopoverClose.js} +14 -4
- package/dist/components/Popover/{PopoverContent.jsx → PopoverContent.js} +3 -4
- package/dist/components/Popover/{PopoverTrigger.jsx → PopoverTrigger.js} +14 -4
- package/dist/components/Popover/{index.jsx → index.js} +14 -4
- package/dist/components/Progress/index.d.ts +3 -3
- package/dist/components/Progress/{index.jsx → index.js} +3 -4
- package/dist/components/RadarChart/index.d.ts +2 -3
- package/dist/components/RadarChart/{index.jsx → index.js} +2 -2
- package/dist/components/Radio/index.d.ts +1 -1
- package/dist/components/Radio/{index.jsx → index.js} +13 -8
- package/dist/components/RadioCards/{RadioCardsItem.jsx → RadioCardsItem.js} +14 -4
- package/dist/components/RadioCards/index.d.ts +1 -1
- package/dist/components/RadioCards/{index.jsx → index.js} +3 -6
- package/dist/components/RadioGroup/{RadioGroupItem.jsx → RadioGroupItem.js} +14 -4
- package/dist/components/RadioGroup/index.d.ts +1 -1
- package/dist/components/RadioGroup/{index.jsx → index.js} +14 -6
- package/dist/components/ScrollArea/{index.jsx → index.js} +14 -6
- package/dist/components/SegmentedControl/{SegmentedControlItem.jsx → SegmentedControlItem.js} +14 -4
- package/dist/components/SegmentedControl/index.d.ts +1 -1
- package/dist/components/SegmentedControl/{index.jsx → index.js} +2 -5
- package/dist/components/Select/index.d.ts +1 -1
- package/dist/components/Select/{index.jsx → index.js} +8 -23
- package/dist/components/Separator/index.d.ts +1 -1
- package/dist/components/Separator/{index.jsx → index.js} +2 -5
- package/dist/components/Skeleton/index.d.ts +1 -1
- package/dist/components/Skeleton/{index.jsx → index.js} +2 -5
- package/dist/components/Slider/index.d.ts +1 -1
- package/dist/components/Slider/{index.jsx → index.js} +2 -3
- package/dist/components/Spinner/index.d.ts +1 -1
- package/dist/components/Spinner/{index.jsx → index.js} +2 -5
- package/dist/components/TabNav/{index.jsx → index.js} +14 -8
- package/dist/components/Table/index.d.ts +2 -2
- package/dist/components/Table/{index.jsx → index.js} +8 -23
- package/dist/components/Tabs/index.d.ts +1 -1
- package/dist/components/Tabs/{index.jsx → index.js} +5 -14
- package/dist/components/TextArea/index.d.ts +3 -3
- package/dist/components/TextArea/{index.jsx → index.js} +2 -3
- package/dist/components/TextField/index.d.ts +1 -1
- package/dist/components/TextField/{index.jsx → index.js} +3 -8
- package/dist/components/Toast/ToastActionButton.d.ts +3 -3
- package/dist/components/Toast/{ToastActionButton.jsx → ToastActionButton.js} +3 -4
- package/dist/components/Toast/ToastDescription.d.ts +1 -1
- package/dist/components/Toast/{ToastDescription.jsx → ToastDescription.js} +14 -6
- package/dist/components/Toast/ToastTitle.d.ts +1 -1
- package/dist/components/Toast/{ToastTitle.jsx → ToastTitle.js} +14 -4
- package/dist/components/Toast/index.d.ts +3 -3
- package/dist/components/Toast/{index.jsx → index.js} +3 -9
- package/dist/components/Toggle/{ToggleWithText.jsx → ToggleWithText.js} +4 -6
- package/dist/components/Toggle/index.d.ts +3 -3
- package/dist/components/Toggle/{index.jsx → index.js} +3 -4
- package/dist/components/ToggleGroup/index.d.ts +1 -1
- package/dist/components/ToggleGroup/{index.jsx → index.js} +3 -6
- package/dist/components/ToggleGroup/{toggleGroupItem.jsx → toggleGroupItem.js} +14 -4
- package/dist/components/ToggleSwitch/index.d.ts +3 -3
- package/dist/components/ToggleSwitch/{index.jsx → index.js} +2 -6
- package/dist/components/Tooltip/index.d.ts +1 -1
- package/dist/components/Tooltip/{index.jsx → index.js} +2 -11
- package/dist/components/index.d.ts +0 -2
- package/dist/index.js +0 -3
- package/package.json +120 -118
- package/dist/app/layout.d.ts +0 -7
- package/dist/app/layout.jsx +0 -13
- package/dist/app/page.d.ts +0 -2
- package/dist/app/page.jsx +0 -42
- package/dist/app/template/badgeTemplate.d.ts +0 -12
- package/dist/app/template/badgeTemplate.jsx +0 -82
- package/dist/app/template/buttonTemplate.d.ts +0 -12
- package/dist/app/template/buttonTemplate.jsx +0 -82
- package/dist/app/template/colorPicker.d.ts +0 -7
- package/dist/app/template/colorPicker.jsx +0 -19
- package/dist/app/template/textTemplate.d.ts +0 -11
- package/dist/app/template/textTemplate.jsx +0 -72
- package/dist/app/template/theme.d.ts +0 -12
- package/dist/app/template/theme.jsx +0 -44
- package/dist/color/alpha.d.ts +0 -784
- package/dist/color/alpha.js +0 -784
- package/dist/color/constants.d.ts +0 -20
- package/dist/color/constants.js +0 -200
- package/dist/color/dark.d.ts +0 -392
- package/dist/color/dark.js +0 -392
- package/dist/color/krdsColors.d.ts +0 -309
- package/dist/color/krdsColors.js +0 -309
- package/dist/color/light.d.ts +0 -392
- package/dist/color/light.js +0 -393
- package/dist/components/NavigationMenu/NavigationMenuIndicator.jsx +0 -22
- package/dist/constants.d.ts +0 -185
- package/dist/constants.js +0 -569
- package/dist/index.d.ts +0 -5
- package/dist/stories/Welcome.d.ts +0 -3
- package/dist/stories/Welcome.jsx +0 -48
- package/dist/stories/accordion/Accordion.stories.d.ts +0 -71
- package/dist/stories/accordion/Accordion.stories.jsx +0 -79
- package/dist/stories/alert-dialog/AlertDialog.stories.d.ts +0 -107
- package/dist/stories/alert-dialog/AlertDialog.stories.jsx +0 -73
- package/dist/stories/aspect-ratio/AspectRatio.stories.d.ts +0 -68
- package/dist/stories/aspect-ratio/AspectRatio.stories.jsx +0 -106
- package/dist/stories/avatar/Avatar.stories.d.ts +0 -127
- package/dist/stories/avatar/Avatar.stories.jsx +0 -105
- package/dist/stories/badge/Badge.stories.d.ts +0 -133
- package/dist/stories/badge/Badge.stories.jsx +0 -130
- package/dist/stories/bubble-chart/BubbleChart.stories.d.ts +0 -103
- package/dist/stories/bubble-chart/BubbleChart.stories.jsx +0 -176
- package/dist/stories/button/Button.stories.d.ts +0 -148
- package/dist/stories/button/Button.stories.jsx +0 -98
- package/dist/stories/button/IconButton.stories.d.ts +0 -125
- package/dist/stories/button/IconButton.stories.jsx +0 -93
- package/dist/stories/callout/Callout.stories.d.ts +0 -129
- package/dist/stories/callout/Callout.stories.jsx +0 -205
- package/dist/stories/card/Card.stories.d.ts +0 -100
- package/dist/stories/card/Card.stories.jsx +0 -134
- package/dist/stories/checkbox/Checkbox.stories.d.ts +0 -147
- package/dist/stories/checkbox/Checkbox.stories.jsx +0 -166
- package/dist/stories/checkbox/CheckboxCard.stories.d.ts +0 -129
- package/dist/stories/checkbox/CheckboxCard.stories.jsx +0 -125
- package/dist/stories/checkbox/CheckboxGroup.stories.d.ts +0 -91
- package/dist/stories/checkbox/CheckboxGroup.stories.jsx +0 -144
- package/dist/stories/context-menu/ContextMenu.stories.d.ts +0 -113
- package/dist/stories/context-menu/ContextMenu.stories.jsx +0 -155
- package/dist/stories/data-list/DataList.stories.d.ts +0 -97
- package/dist/stories/data-list/DataList.stories.jsx +0 -185
- package/dist/stories/dialog/Dialog.stories.d.ts +0 -88
- package/dist/stories/dialog/Dialog.stories.jsx +0 -82
- package/dist/stories/doughnut-chart/DoughnutChart.stories.d.ts +0 -181
- package/dist/stories/doughnut-chart/DoughnutChart.stories.jsx +0 -236
- package/dist/stories/dropdown-menu/DropdownMenu.stories.d.ts +0 -112
- package/dist/stories/dropdown-menu/DropdownMenu.stories.jsx +0 -170
- package/dist/stories/header/Header.stories.d.ts +0 -112
- package/dist/stories/header/Header.stories.jsx +0 -116
- package/dist/stories/hover-card/HoverCard.stories.d.ts +0 -107
- package/dist/stories/hover-card/HoverCard.stories.jsx +0 -98
- package/dist/stories/inset/Inset.stories.d.ts +0 -58
- package/dist/stories/inset/Inset.stories.jsx +0 -79
- package/dist/stories/label/Label.stories.d.ts +0 -94
- package/dist/stories/label/Label.stories.jsx +0 -112
- package/dist/stories/menubar/Menubar.stories.d.ts +0 -119
- package/dist/stories/menubar/Menubar.stories.jsx +0 -135
- package/dist/stories/navigation-menu/NavigationMenu.stories.d.ts +0 -385
- package/dist/stories/navigation-menu/NavigationMenu.stories.jsx +0 -144
- package/dist/stories/pie-chart/PieChart.stories.d.ts +0 -186
- package/dist/stories/pie-chart/PieChart.stories.jsx +0 -300
- package/dist/stories/popover/Popover.stories.d.ts +0 -78
- package/dist/stories/popover/Popover.stories.jsx +0 -107
- package/dist/stories/progress/Progress.stories.d.ts +0 -113
- package/dist/stories/progress/Progress.stories.jsx +0 -82
- package/dist/stories/radar-chart/RadarChart.stories.d.ts +0 -111
- package/dist/stories/radar-chart/RadarChart.stories.jsx +0 -200
- package/dist/stories/radio/Radio.stories.d.ts +0 -108
- package/dist/stories/radio/Radio.stories.jsx +0 -94
- package/dist/stories/radio/RadioCards.stories.d.ts +0 -127
- package/dist/stories/radio/RadioCards.stories.jsx +0 -153
- package/dist/stories/radio/RadioGroup.stories.d.ts +0 -111
- package/dist/stories/radio/RadioGroup.stories.jsx +0 -142
- package/dist/stories/scroll-area/ScrollArea.stories.d.ts +0 -59
- package/dist/stories/scroll-area/ScrollArea.stories.jsx +0 -123
- package/dist/stories/segmented-control/SegmentedControl.stories.d.ts +0 -97
- package/dist/stories/segmented-control/SegmentedControl.stories.jsx +0 -101
- package/dist/stories/select/Select.stories.d.ts +0 -116
- package/dist/stories/select/Select.stories.jsx +0 -149
- package/dist/stories/separator/Separator.stories.d.ts +0 -93
- package/dist/stories/separator/Separator.stories.jsx +0 -106
- package/dist/stories/skeleton/Skeleton.stories.d.ts +0 -88
- package/dist/stories/skeleton/Skeleton.stories.jsx +0 -119
- package/dist/stories/slider/Slider.stories.d.ts +0 -114
- package/dist/stories/slider/Slider.stories.jsx +0 -94
- package/dist/stories/spinner/Spinner.stories.d.ts +0 -83
- package/dist/stories/spinner/Spinner.stories.jsx +0 -112
- package/dist/stories/switch/Switch.stories.d.ts +0 -146
- package/dist/stories/switch/Switch.stories.jsx +0 -119
- package/dist/stories/tab-nav/TabNav.stories.d.ts +0 -55
- package/dist/stories/tab-nav/TabNav.stories.jsx +0 -68
- package/dist/stories/table/Table.stories.d.ts +0 -87
- package/dist/stories/table/Table.stories.jsx +0 -106
- package/dist/stories/tabs/Tabs.stories.d.ts +0 -55
- package/dist/stories/tabs/Tabs.stories.jsx +0 -76
- package/dist/stories/text/Text.stories.d.ts +0 -74
- package/dist/stories/text/Text.stories.jsx +0 -91
- package/dist/stories/textArea/TextArea.stories.d.ts +0 -117
- package/dist/stories/textArea/TextArea.stories.jsx +0 -112
- package/dist/stories/textfield/TextField.stories.d.ts +0 -116
- package/dist/stories/textfield/TextField.stories.jsx +0 -120
- package/dist/stories/toast/Toast.stories.d.ts +0 -138
- package/dist/stories/toast/Toast.stories.jsx +0 -122
- package/dist/stories/toggle/Toggle.stories.d.ts +0 -115
- package/dist/stories/toggle/Toggle.stories.jsx +0 -106
- package/dist/stories/toggle/ToggleGroup.stories.d.ts +0 -103
- package/dist/stories/toggle/ToggleGroup.stories.jsx +0 -127
- package/dist/stories/tooltip/Tooltip.stories.d.ts +0 -93
- package/dist/stories/tooltip/Tooltip.stories.jsx +0 -91
- package/dist/tsconfig.tsbuildinfo +0 -1
- package/dist/types.d.ts +0 -11
- package/dist/types.js +0 -1
- package/dist/utils/utils.d.ts +0 -3
- package/dist/utils/utils.js +0 -27
@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
24
25
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
25
26
|
import { cn } from 'utils/utils';
|
26
27
|
import { cva } from 'class-variance-authority';
|
@@ -43,8 +44,6 @@ export var MenubarItemIndicator = forwardRef(function (_a, ref) {
|
|
43
44
|
var children = _a.children, className = _a.className, radius = _a.radius, props = __rest(_a, ["children", "className", "radius"]);
|
44
45
|
var size = useMenubarContext().size;
|
45
46
|
var indicatorClassName = cn(menubarItemIndicatorVariants({ size: size, radius: radius }), className);
|
46
|
-
return (
|
47
|
-
{children}
|
48
|
-
</MenubarPrimitive.ItemIndicator>);
|
47
|
+
return (_jsx(MenubarPrimitive.ItemIndicator, __assign({ ref: ref, className: indicatorClassName }, props, { children: children })));
|
49
48
|
});
|
50
49
|
MenubarItemIndicator.displayName = 'MenubarItemIndicator';
|
@@ -1,3 +1,14 @@
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
2
|
+
__assign = Object.assign || function(t) {
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
+
s = arguments[i];
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
+
t[p] = s[p];
|
7
|
+
}
|
8
|
+
return t;
|
9
|
+
};
|
10
|
+
return __assign.apply(this, arguments);
|
11
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,10 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
12
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
13
25
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
14
26
|
export var MenubarMenu = forwardRef(function (_a, ref) {
|
15
27
|
var children = _a.children, props = __rest(_a, ["children"]);
|
16
|
-
return
|
28
|
+
return _jsx(MenubarPrimitive.Menu, __assign({}, props, { children: children }));
|
17
29
|
});
|
18
30
|
MenubarMenu.displayName = 'MenubarMenu';
|
@@ -1,3 +1,14 @@
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
2
|
+
__assign = Object.assign || function(t) {
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
+
s = arguments[i];
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
+
t[p] = s[p];
|
7
|
+
}
|
8
|
+
return t;
|
9
|
+
};
|
10
|
+
return __assign.apply(this, arguments);
|
11
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,15 +20,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
12
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { createContext, forwardRef } from 'react';
|
13
25
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
14
26
|
export var RadioContext = createContext({ selectedValue: '' });
|
15
27
|
export var MenubarRadioGroup = forwardRef(function (_a, ref) {
|
16
28
|
var children = _a.children, className = _a.className, value = _a.value, props = __rest(_a, ["children", "className", "value"]);
|
17
|
-
return (
|
18
|
-
<RadioContext.Provider value={{ selectedValue: value !== null && value !== void 0 ? value : '' }}>
|
19
|
-
{children}
|
20
|
-
</RadioContext.Provider>
|
21
|
-
</MenubarPrimitive.RadioGroup>);
|
29
|
+
return (_jsx(MenubarPrimitive.RadioGroup, __assign({ ref: ref, className: className }, props, { children: _jsx(RadioContext.Provider, { value: { selectedValue: value !== null && value !== void 0 ? value : '' }, children: children }) })));
|
22
30
|
});
|
23
31
|
MenubarRadioGroup.displayName = 'MenubarRadioGroup';
|
@@ -1,3 +1,14 @@
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
2
|
+
__assign = Object.assign || function(t) {
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
+
s = arguments[i];
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
+
t[p] = s[p];
|
7
|
+
}
|
8
|
+
return t;
|
9
|
+
};
|
10
|
+
return __assign.apply(this, arguments);
|
11
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
12
|
-
import
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
24
|
+
import { forwardRef, useContext } from 'react';
|
13
25
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
14
26
|
import { DotFilledIcon } from '@radix-ui/react-icons';
|
15
27
|
import { cn } from 'utils/utils';
|
@@ -23,11 +35,6 @@ export var MenubarRadioItem = forwardRef(function (_a, ref) {
|
|
23
35
|
var _b = useMenubarContext(), radius = _b.radius, scaling = _b.scaling, size = _b.size, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.itemAppearance, itemAppearance = _d === void 0 ? 'solid' : _d;
|
24
36
|
var itemClassName = cn(menubarItemVariants({ radius: radius, scaling: scaling, size: size }), 'pl-7', menuItemAppearanceStyle(itemAppearance, color), className);
|
25
37
|
var radioGroup = useContext(RadioContext);
|
26
|
-
return (
|
27
|
-
<MenubarItemIndicator forceMount radius={'full'} size={size}>
|
28
|
-
{radioGroup.selectedValue === props.value && <DotFilledIcon />}
|
29
|
-
</MenubarItemIndicator>
|
30
|
-
{children}
|
31
|
-
</MenubarPrimitive.RadioItem>);
|
38
|
+
return (_jsxs(MenubarPrimitive.RadioItem, __assign({ ref: ref, className: itemClassName }, props, { children: [_jsx(MenubarItemIndicator, { forceMount: true, radius: 'full', size: size, children: radioGroup.selectedValue === props.value && _jsx(DotFilledIcon, {}) }), children] })));
|
32
39
|
});
|
33
40
|
MenubarRadioItem.displayName = 'MenubarRadioItem';
|
@@ -1,3 +1,14 @@
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
2
|
+
__assign = Object.assign || function(t) {
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
+
s = arguments[i];
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
+
t[p] = s[p];
|
7
|
+
}
|
8
|
+
return t;
|
9
|
+
};
|
10
|
+
return __assign.apply(this, arguments);
|
11
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,13 +20,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
12
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
13
25
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
14
26
|
import { cn } from 'utils/utils';
|
15
27
|
export var MenubarSeparator = forwardRef(function (_a, ref) {
|
16
28
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
17
|
-
return (
|
18
|
-
{children}
|
19
|
-
</MenubarPrimitive.Separator>);
|
29
|
+
return (_jsx(MenubarPrimitive.Separator, __assign({ ref: ref, className: cn('h-[1px] m-[5px] bg-slate-6 dark:bg-slateDark-6', className) }, props, { children: children })));
|
20
30
|
});
|
21
31
|
MenubarSeparator.displayName = 'MenubarSeparator';
|
@@ -1,3 +1,14 @@
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
2
|
+
__assign = Object.assign || function(t) {
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
+
s = arguments[i];
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
+
t[p] = s[p];
|
7
|
+
}
|
8
|
+
return t;
|
9
|
+
};
|
10
|
+
return __assign.apply(this, arguments);
|
11
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,10 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
12
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
13
25
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
14
26
|
export var MenubarSub = forwardRef(function (_a, ref) {
|
15
27
|
var children = _a.children, props = __rest(_a, ["children"]);
|
16
|
-
return
|
28
|
+
return _jsx(MenubarPrimitive.Sub, __assign({}, props, { children: children }));
|
17
29
|
});
|
18
30
|
MenubarSub.displayName = 'MenubarSub';
|
@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
24
25
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
25
26
|
import { cva } from 'class-variance-authority';
|
26
27
|
import { cn } from 'utils/utils';
|
@@ -42,11 +43,9 @@ export var menubarSubContentVariants = cva("p-[5px] bg-white dark:bg-slateDark-1
|
|
42
43
|
export var MenubarSubContent = forwardRef(function (_a, ref) {
|
43
44
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
44
45
|
var _b = useMenubarContext(), radius = _b.radius, size = _b.size;
|
45
|
-
return (
|
46
|
+
return (_jsx(MenubarPrimitive.SubContent, __assign({ ref: ref, className: cn(menubarSubContentVariants({
|
46
47
|
radius: radius,
|
47
48
|
size: size,
|
48
|
-
}), className)
|
49
|
-
{children}
|
50
|
-
</MenubarPrimitive.SubContent>);
|
49
|
+
}), className), alignOffset: -5 }, props, { children: children })));
|
51
50
|
});
|
52
51
|
MenubarSubContent.displayName = 'MenubarSubContent';
|
@@ -1,3 +1,14 @@
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
2
|
+
__assign = Object.assign || function(t) {
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
+
s = arguments[i];
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
+
t[p] = s[p];
|
7
|
+
}
|
8
|
+
return t;
|
9
|
+
};
|
10
|
+
return __assign.apply(this, arguments);
|
11
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
12
|
-
import
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
13
25
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
14
26
|
import { ChevronRightIcon } from '@radix-ui/react-icons';
|
15
27
|
import { cn } from 'utils/utils';
|
@@ -24,11 +36,6 @@ export var MenubarSubTrigger = forwardRef(function (_a, ref) {
|
|
24
36
|
if (itemAppearance === 'solid' && !blackText.includes(color)) {
|
25
37
|
iconClassName = 'group-hover:text-white dark:group-hover:text-slateDark-1';
|
26
38
|
}
|
27
|
-
return (
|
28
|
-
{children}
|
29
|
-
<div className={iconClassName}>
|
30
|
-
<ChevronRightIcon />
|
31
|
-
</div>
|
32
|
-
</MenubarPrimitive.SubTrigger>);
|
39
|
+
return (_jsxs(MenubarPrimitive.SubTrigger, __assign({ ref: ref, className: triggerClassName }, props, { children: [children, _jsx("div", { className: iconClassName, children: _jsx(ChevronRightIcon, {}) })] })));
|
33
40
|
});
|
34
41
|
MenubarSubTrigger.displayName = 'MenubarSubTrigger';
|
@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
24
25
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
25
26
|
import { cva } from 'class-variance-authority';
|
26
27
|
import { cn } from 'utils/utils';
|
@@ -51,8 +52,6 @@ export var MenubarTrigger = forwardRef(function (_a, ref) {
|
|
51
52
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
52
53
|
var _b = useMenubarContext(), scaling = _b.scaling, size = _b.size, radius = _b.radius, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.appearance, appearance = _d === void 0 ? 'ghost' : _d;
|
53
54
|
var triggerClassName = cn(menubarTriggerVariants({ scaling: scaling, size: size, radius: radius }), appearanceStyle(appearance, color), className);
|
54
|
-
return (
|
55
|
-
{children}
|
56
|
-
</MenubarPrimitive.Trigger>);
|
55
|
+
return (_jsx(MenubarPrimitive.Trigger, __assign({ ref: ref, className: triggerClassName }, props, { children: children })));
|
57
56
|
});
|
58
57
|
MenubarTrigger.displayName = 'MenubarTrigger';
|
@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { createContext, forwardRef, useContext, } from 'react';
|
24
25
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
25
26
|
import { cva } from 'class-variance-authority';
|
26
27
|
import { cn } from 'utils/utils';
|
@@ -66,11 +67,7 @@ export var Menubar = forwardRef(function (_a, ref) {
|
|
66
67
|
var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'ghost' : _c, _d = _a.itemAppearance, itemAppearance = _d === void 0 ? 'solid' : _d, props = __rest(_a, ["children", "className", "radius", "scaling", "size", "color", "appearance", "itemAppearance"]);
|
67
68
|
var contextValue = { radius: radius, size: size, scaling: scaling, color: color, appearance: appearance, itemAppearance: itemAppearance };
|
68
69
|
var menuClassName = cn(menubarVariants({ radius: radius, scaling: scaling, size: size }), appearance === 'solid' && "bg-".concat(color, "-9 dark:bg-$").concat(color, "Dark-9"), className);
|
69
|
-
return (
|
70
|
-
<MenubarPrimitive.Root ref={ref} className={menuClassName} {...props}>
|
71
|
-
{children}
|
72
|
-
</MenubarPrimitive.Root>
|
73
|
-
</MenubarContext.Provider>);
|
70
|
+
return (_jsx(MenubarContext.Provider, { value: contextValue, children: _jsx(MenubarPrimitive.Root, __assign({ ref: ref, className: menuClassName }, props, { children: children })) }));
|
74
71
|
});
|
75
72
|
Menubar.displayName = 'Menubar';
|
76
73
|
export default Menubar;
|
package/dist/components/NavigationMenu/{NavigationMenuContent.jsx → NavigationMenuContent.js}
RENAMED
@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
24
25
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
25
26
|
import { cn } from 'utils/utils';
|
26
27
|
import { cva } from 'class-variance-authority';
|
@@ -42,8 +43,6 @@ export var navigationMenuContentVariants = cva("text-slate-12 dark:text-slateDar
|
|
42
43
|
export var NavigationMenuContent = forwardRef(function (_a, ref) {
|
43
44
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
44
45
|
var _b = useNavigationMenuContext(), radius = _b.radius, size = _b.size;
|
45
|
-
return (
|
46
|
-
{children}
|
47
|
-
</NavigationMenuPrimitive.Content>);
|
46
|
+
return (_jsx(NavigationMenuPrimitive.Content, __assign({ ref: ref, className: cn("absolute top-0 left-0 w-full sm:w-auto\n data-[motion=from-start]:animate-enterFromLeft \n data-[motion=from-end]:animate-enterFromRight \n data-[motion=to-start]:animate-exitToLeft \n data-[motion=to-end]:animate-exitToRight", navigationMenuContentVariants({ radius: radius, size: size }), className) }, props, { children: children })));
|
48
47
|
});
|
49
48
|
NavigationMenuContent.displayName = 'NavigationMenuContent';
|
@@ -0,0 +1,31 @@
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
2
|
+
__assign = Object.assign || function(t) {
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
+
s = arguments[i];
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
+
t[p] = s[p];
|
7
|
+
}
|
8
|
+
return t;
|
9
|
+
};
|
10
|
+
return __assign.apply(this, arguments);
|
11
|
+
};
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
+
var t = {};
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
+
t[p] = s[p];
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
+
t[p[i]] = s[p[i]];
|
20
|
+
}
|
21
|
+
return t;
|
22
|
+
};
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
25
|
+
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
26
|
+
import { cn } from 'utils/utils';
|
27
|
+
export var NavigationMenuIndicator = forwardRef(function (_a, ref) {
|
28
|
+
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
29
|
+
return (_jsxs(NavigationMenuPrimitive.Indicator, __assign({ ref: ref, className: "flex z-[1] top-full h-[10px] items-end justify-center overflow-hidden\n data-[state=visible]:animate-fadeIn data-[state=hidden]:animate-fadeOut \n transition-[width,transform_250ms_ease]" }, props, { children: [_jsx("div", { className: cn("relative top-[70%] h-[10px] w-[10px] rotate-[45deg] rounded-tl-[2px] \n bg-white dark:bg-slateDark-2 shadow-slate-4 shadow dark:shadow-slateDark-4", className) }), children] })));
|
30
|
+
});
|
31
|
+
NavigationMenuIndicator.displayName = 'NavigationMenuIndicator';
|
@@ -1,3 +1,14 @@
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
2
|
+
__assign = Object.assign || function(t) {
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
+
s = arguments[i];
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
+
t[p] = s[p];
|
7
|
+
}
|
8
|
+
return t;
|
9
|
+
};
|
10
|
+
return __assign.apply(this, arguments);
|
11
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,12 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
12
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
13
25
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
14
26
|
export var NavigationMenuItem = forwardRef(function (_a, ref) {
|
15
27
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
16
|
-
return (
|
17
|
-
{children}
|
18
|
-
</NavigationMenuPrimitive.Item>);
|
28
|
+
return (_jsx(NavigationMenuPrimitive.Item, __assign({ ref: ref, className: className }, props, { children: children })));
|
19
29
|
});
|
20
30
|
NavigationMenuItem.displayName = 'NavigationMenuItem';
|
@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
24
25
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
25
26
|
import { cn } from 'utils/utils';
|
26
27
|
import { cva } from 'class-variance-authority';
|
@@ -45,8 +46,6 @@ export var NavigationMenuLink = forwardRef(function (_a, ref) {
|
|
45
46
|
var children = _a.children, className = _a.className, href = _a.href, props = __rest(_a, ["children", "className", "href"]);
|
46
47
|
var _b = useNavigationMenuContext(), scaling = _b.scaling, size = _b.size, radius = _b.radius, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.appearance, appearance = _d === void 0 ? 'ghost' : _d;
|
47
48
|
var linkClassName = cn(navigationMenuLinkVariants({ scaling: scaling, size: size, radius: radius }), appearanceStyle(appearance, color), className);
|
48
|
-
return (
|
49
|
-
{children}
|
50
|
-
</NavigationMenuPrimitive.Link>);
|
49
|
+
return (_jsx(NavigationMenuPrimitive.Link, __assign({ ref: ref, href: href, title: href, className: linkClassName }, props, { children: children })));
|
51
50
|
});
|
52
51
|
NavigationMenuLink.displayName = 'NavigationMenuLink';
|
@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
24
25
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
25
26
|
import { cn } from 'utils/utils';
|
26
27
|
import { cva } from 'class-variance-authority';
|
@@ -41,9 +42,6 @@ export var NavigationMenuList = forwardRef(function (_a, ref) {
|
|
41
42
|
var children = _a.children, className = _a.className, _b = _a.isShowIndicator, isShowIndicator = _b === void 0 ? true : _b, props = __rest(_a, ["children", "className", "isShowIndicator"]);
|
42
43
|
var _c = useNavigationMenuContext(), scaling = _c.scaling, radius = _c.radius, _d = _c.appearance, appearance = _d === void 0 ? 'ghost' : _d, _e = _c.color, color = _e === void 0 ? 'red' : _e;
|
43
44
|
var navigationMenuListClassName = cn(navigationMenuListVariants({ scaling: scaling, radius: radius }), appearanceStyle(appearance, color, false), 'border-none', appearance === 'ghost' && 'bg-white', className);
|
44
|
-
return (
|
45
|
-
{children}
|
46
|
-
{isShowIndicator && <NavigationMenuIndicator />}
|
47
|
-
</NavigationMenuPrimitive.List>);
|
45
|
+
return (_jsxs(NavigationMenuPrimitive.List, __assign({ ref: ref, className: navigationMenuListClassName }, props, { children: [children, isShowIndicator && _jsx(NavigationMenuIndicator, {})] })));
|
48
46
|
});
|
49
47
|
NavigationMenuList.displayName = 'NavigationMenuList';
|
package/dist/components/NavigationMenu/{NavigationMenuTrigger.jsx → NavigationMenuTrigger.js}
RENAMED
@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
24
25
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
25
26
|
import { cn } from 'utils/utils';
|
26
27
|
import { cva } from 'class-variance-authority';
|
@@ -52,9 +53,6 @@ export var NavigationMenuTrigger = forwardRef(function (_a, ref) {
|
|
52
53
|
var children = _a.children, className = _a.className, _b = _a.isShowIcon, isShowIcon = _b === void 0 ? true : _b, props = __rest(_a, ["children", "className", "isShowIcon"]);
|
53
54
|
var _c = useNavigationMenuContext(), scaling = _c.scaling, size = _c.size, radius = _c.radius, _d = _c.color, color = _d === void 0 ? 'red' : _d, _e = _c.appearance, appearance = _e === void 0 ? 'ghost' : _e;
|
54
55
|
var triggerClassName = cn(navigationMenuTriggerVariants({ scaling: scaling, size: size, radius: radius }), appearanceStyle(appearance, color), className);
|
55
|
-
return (
|
56
|
-
{children}
|
57
|
-
{isShowIcon && (<CaretDownIcon className={cn("relative top-[1px] transition-transform duration-[250] ease-in group-data-[state=open]:-rotate-180")} aria-hidden/>)}
|
58
|
-
</NavigationMenuPrimitive.Trigger>);
|
56
|
+
return (_jsxs(NavigationMenuPrimitive.Trigger, __assign({ ref: ref, className: triggerClassName }, props, { children: [children, isShowIcon && (_jsx(CaretDownIcon, { className: cn("relative top-[1px] transition-transform duration-[250] ease-in group-data-[state=open]:-rotate-180"), "aria-hidden": true }))] })));
|
59
57
|
});
|
60
58
|
NavigationMenuTrigger.displayName = 'NavigationMenuTrigger';
|
package/dist/components/NavigationMenu/{NavigationMenuViewport.jsx → NavigationMenuViewport.js}
RENAMED
@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
24
25
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
25
26
|
import { cn } from 'utils/utils';
|
26
27
|
import { cva } from 'class-variance-authority';
|
@@ -47,8 +48,6 @@ export var NavigationMenuViewport = forwardRef(function (_a, ref) {
|
|
47
48
|
var className = _a.className, props = __rest(_a, ["className"]);
|
48
49
|
var _b = useNavigationMenuContext(), size = _b.size, scaling = _b.scaling, radius = _b.radius;
|
49
50
|
var viewportClassName = cn(navigationViewportVariants({ size: size, scaling: scaling, radius: radius }), className);
|
50
|
-
return (
|
51
|
-
<NavigationMenuPrimitive.Viewport ref={ref} className={viewportClassName} {...props}/>
|
52
|
-
</div>);
|
51
|
+
return (_jsx("div", { className: "perspective-[2000px] absolute top-full left-0 flex w-full justify-center ", children: _jsx(NavigationMenuPrimitive.Viewport, __assign({ ref: ref, className: viewportClassName }, props)) }));
|
53
52
|
});
|
54
53
|
NavigationMenuViewport.displayName = 'NavigationMenuViewport';
|
@@ -1,3 +1,14 @@
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
2
|
+
__assign = Object.assign || function(t) {
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
+
s = arguments[i];
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
+
t[p] = s[p];
|
7
|
+
}
|
8
|
+
return t;
|
9
|
+
};
|
10
|
+
return __assign.apply(this, arguments);
|
11
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
12
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef, createContext, useContext, } from 'react';
|
13
25
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
14
26
|
import { cn } from 'utils/utils';
|
15
27
|
export * from './NavigationMenuList';
|
@@ -32,11 +44,7 @@ export var useNavigationMenuContext = function () {
|
|
32
44
|
export var NavigationMenu = forwardRef(function (_a, ref) {
|
33
45
|
var className = _a.className, children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, color = _a.color, appearance = _a.appearance, props = __rest(_a, ["className", "children", "radius", "size", "scaling", "color", "appearance"]);
|
34
46
|
var contextValue = { radius: radius, size: size, scaling: scaling, color: color, appearance: appearance };
|
35
|
-
return (
|
36
|
-
<NavigationMenuPrimitive.Root ref={ref} className={cn('flex relative z-[1] w-screen justify-center', className)} {...props}>
|
37
|
-
{children}
|
38
|
-
</NavigationMenuPrimitive.Root>
|
39
|
-
</NavigationMenuContext.Provider>);
|
47
|
+
return (_jsx(NavigationMenuContext.Provider, { value: contextValue, children: _jsx(NavigationMenuPrimitive.Root, __assign({ ref: ref, className: cn('flex relative z-[1] w-screen justify-center', className) }, props, { children: children })) }));
|
40
48
|
});
|
41
49
|
NavigationMenu.displayName = 'NavigationMenu';
|
42
50
|
export default NavigationMenu;
|
@@ -1,4 +1,3 @@
|
|
1
|
-
import React from 'react';
|
2
1
|
import { VariantProps } from 'class-variance-authority';
|
3
2
|
export interface PieChartProps extends VariantProps<typeof PieVariants> {
|
4
3
|
labels?: string[];
|
@@ -20,5 +19,5 @@ export interface PieChartProps extends VariantProps<typeof PieVariants> {
|
|
20
19
|
declare const PieVariants: (props?: ({
|
21
20
|
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
22
21
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
23
|
-
declare const PieChart: ({ labels, datasets, scaling, className, ...rest }: PieChartProps) =>
|
22
|
+
declare const PieChart: ({ labels, datasets, scaling, className, ...rest }: PieChartProps) => import("react/jsx-runtime").JSX.Element;
|
24
23
|
export default PieChart;
|
@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
24
|
import { Pie } from 'react-chartjs-2';
|
25
25
|
import { Chart as ChartJS, ArcElement, Tooltip, Legend, plugins } from 'chart.js';
|
26
26
|
import ChartDataLabels from 'chartjs-plugin-datalabels';
|
@@ -41,6 +41,6 @@ var PieVariants = cva('', {
|
|
41
41
|
});
|
42
42
|
var PieChart = function (_a) {
|
43
43
|
var labels = _a.labels, datasets = _a.datasets, scaling = _a.scaling, className = _a.className, rest = __rest(_a, ["labels", "datasets", "scaling", "className"]);
|
44
|
-
return (
|
44
|
+
return (_jsx(Pie, __assign({ data: { labels: labels, datasets: datasets }, className: cn(PieVariants({ scaling: scaling }), className) }, rest)));
|
45
45
|
};
|
46
46
|
export default PieChart;
|
@@ -1,3 +1,14 @@
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
2
|
+
__assign = Object.assign || function(t) {
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
+
s = arguments[i];
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
+
t[p] = s[p];
|
7
|
+
}
|
8
|
+
return t;
|
9
|
+
};
|
10
|
+
return __assign.apply(this, arguments);
|
11
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
12
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
13
25
|
import { cva } from 'class-variance-authority';
|
14
26
|
import { Popover as PopoverTheme } from '@radix-ui/themes';
|
15
27
|
import { cn } from '../../utils/utils';
|
@@ -29,8 +41,6 @@ export var popoverCloseVariants = cva('', {
|
|
29
41
|
});
|
30
42
|
export var PopoverClose = forwardRef(function (_a, ref) {
|
31
43
|
var className = _a.className, children = _a.children, radius = _a.radius, props = __rest(_a, ["className", "children", "radius"]);
|
32
|
-
return (
|
33
|
-
{children}
|
34
|
-
</PopoverTheme.Close>);
|
44
|
+
return (_jsx(PopoverTheme.Close, __assign({ ref: ref, className: cn(popoverCloseVariants({ radius: radius }), className) }, props, { children: children })));
|
35
45
|
});
|
36
46
|
PopoverClose.displayName = 'PopoverClose';
|
@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
24
25
|
import { scalingVariants } from '../../constants';
|
25
26
|
import { Popover as PopoverTheme } from '@radix-ui/themes';
|
26
27
|
import { cva } from 'class-variance-authority';
|
@@ -57,8 +58,6 @@ export var PopoverContent = forwardRef(function (_a, ref) {
|
|
57
58
|
sizeTheme = '3';
|
58
59
|
if (size === 'x-large')
|
59
60
|
sizeTheme = '4';
|
60
|
-
return (
|
61
|
-
{children}
|
62
|
-
</PopoverTheme.Content>);
|
61
|
+
return (_jsx(PopoverTheme.Content, __assign({ ref: ref, size: sizeTheme, className: cn(popoverContentVariants({ size: size, radius: radius, scaling: scaling }), className) }, props, { children: children })));
|
63
62
|
});
|
64
63
|
PopoverContent.displayName = 'PopoverContent';
|
@@ -1,3 +1,14 @@
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
2
|
+
__assign = Object.assign || function(t) {
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
+
s = arguments[i];
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
+
t[p] = s[p];
|
7
|
+
}
|
8
|
+
return t;
|
9
|
+
};
|
10
|
+
return __assign.apply(this, arguments);
|
11
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,12 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
12
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
13
25
|
import { Popover as PopoverTheme } from '@radix-ui/themes';
|
14
26
|
export var PopoverTrigger = forwardRef(function (_a, ref) {
|
15
27
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
16
|
-
return (
|
17
|
-
{children}
|
18
|
-
</PopoverTheme.Trigger>);
|
28
|
+
return (_jsx(PopoverTheme.Trigger, __assign({ ref: ref }, props, { className: className, children: children })));
|
19
29
|
});
|
20
30
|
PopoverTrigger.displayName = 'PopoverTrigger';
|