@lotte-innovate/ui-component-test 0.0.47 → 0.0.49
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +281 -78
- package/dist/lib/Typography/Header/index.d.ts +1 -1
- package/dist/lib/Typography/Header/{index.js → index.jsx} +7 -4
- package/dist/lib/Typography/Text/index.d.ts +1 -1
- package/dist/lib/Typography/Text/{index.js → index.jsx} +8 -5
- package/dist/lib/components/Accordion/index.d.ts +1 -1
- package/dist/lib/components/Accordion/{index.js → index.jsx} +19 -7
- package/dist/lib/components/AlertDialog/AlertDialogAction.d.ts +1 -1
- package/dist/lib/components/AlertDialog/{AlertDialogAction.js → AlertDialogAction.jsx} +6 -5
- package/dist/lib/components/AlertDialog/AlertDialogCancel.d.ts +1 -1
- package/dist/lib/components/AlertDialog/{AlertDialogCancel.js → AlertDialogCancel.jsx} +6 -5
- package/dist/lib/components/AlertDialog/{AlertDialogContent.js → AlertDialogContent.jsx} +9 -5
- package/dist/lib/components/AlertDialog/{AlertDialogDescription.js → AlertDialogDescription.jsx} +5 -15
- package/dist/lib/components/AlertDialog/AlertDialogRoot.d.ts +1 -1
- package/dist/lib/components/AlertDialog/{AlertDialogRoot.js → AlertDialogRoot.jsx} +6 -14
- package/dist/lib/components/AlertDialog/{AlertDialogTitle.js → AlertDialogTitle.jsx} +5 -15
- package/dist/lib/components/AlertDialog/AlertDialogTrigger.d.ts +1 -1
- package/dist/lib/components/AlertDialog/{AlertDialogTrigger.js → AlertDialogTrigger.jsx} +6 -5
- package/dist/lib/components/AspectRatio/{index.js → index.jsx} +6 -5
- package/dist/lib/components/Avatar/{index.js → index.jsx} +9 -5
- package/dist/lib/components/Badge/index.d.ts +1 -1
- package/dist/lib/components/Badge/{index.js → index.jsx} +6 -5
- package/dist/lib/components/BarChart/index.d.ts +3 -2
- package/dist/lib/components/BarChart/{index.js → index.jsx} +6 -7
- package/dist/lib/components/BubbleChart/index.d.ts +3 -2
- package/dist/lib/components/BubbleChart/{index.js → index.jsx} +7 -7
- package/dist/lib/components/Button/index.d.ts +1 -1
- package/dist/lib/components/Button/{index.js → index.jsx} +6 -5
- package/dist/lib/components/Callout/{CalloutIcon.js → CalloutIcon.jsx} +10 -5
- package/dist/lib/components/Callout/CalloutRoot.d.ts +1 -1
- package/dist/lib/components/Callout/{CalloutRoot.js → CalloutRoot.jsx} +8 -5
- package/dist/lib/components/Callout/{CalloutText.js → CalloutText.jsx} +5 -15
- package/dist/lib/components/Card/index.d.ts +1 -1
- package/dist/lib/components/Card/{index.js → index.jsx} +6 -5
- package/dist/lib/components/Checkbox/index.d.ts +1 -1
- package/dist/lib/components/Checkbox/{index.js → index.jsx} +14 -6
- package/dist/lib/components/CheckboxCard/index.d.ts +2 -2
- package/dist/lib/components/CheckboxCard/{index.js → index.jsx} +9 -7
- package/dist/lib/components/CheckboxGroup/CheckboxGroupItem.d.ts +1 -1
- package/dist/lib/components/CheckboxGroup/{CheckboxGroupItem.js → CheckboxGroupItem.jsx} +7 -15
- package/dist/lib/components/CheckboxGroup/CheckboxGroupRoot.d.ts +2 -2
- package/dist/lib/components/CheckboxGroup/{CheckboxGroupRoot.js → CheckboxGroupRoot.jsx} +6 -3
- package/dist/lib/components/CheckboxGroup/index.d.ts +1 -1
- package/dist/lib/components/ContextMenu/{ContextMenuCheckboxItem.js → ContextMenuCheckboxItem.jsx} +9 -16
- package/dist/lib/components/ContextMenu/{ContextMenuContent.js → ContextMenuContent.jsx} +8 -5
- package/dist/lib/components/ContextMenu/{ContextMenuGroup.js → ContextMenuGroup.jsx} +4 -14
- package/dist/lib/components/ContextMenu/{ContextMenuItem.js → ContextMenuItem.jsx} +7 -5
- package/dist/lib/components/ContextMenu/{ContextMenuItemIndicator.js → ContextMenuItemIndicator.jsx} +6 -5
- package/dist/lib/components/ContextMenu/{ContextMenuLabel.js → ContextMenuLabel.jsx} +6 -5
- package/dist/lib/components/ContextMenu/{ContextMenuRadioGroup.js → ContextMenuRadioGroup.jsx} +6 -14
- package/dist/lib/components/ContextMenu/{ContextMenuRadioItem.js → ContextMenuRadioItem.jsx} +9 -16
- package/dist/lib/components/ContextMenu/ContextMenuRoot.d.ts +1 -1
- package/dist/lib/components/ContextMenu/{ContextMenuRoot.js → ContextMenuRoot.jsx} +6 -14
- package/dist/lib/components/ContextMenu/{ContextMenuSeparator.js → ContextMenuSeparator.jsx} +5 -15
- package/dist/lib/components/ContextMenu/{ContextMenuSubContent.js → ContextMenuSubContent.jsx} +12 -9
- package/dist/lib/components/ContextMenu/{ContextMenuSubTrigger.js → ContextMenuSubTrigger.jsx} +11 -16
- package/dist/lib/components/ContextMenu/{ContextMenuTrigger.js → ContextMenuTrigger.jsx} +5 -15
- package/dist/lib/components/DataList/{DataListItem.js → DataListItem.jsx} +6 -5
- package/dist/lib/components/DataList/{DataListLabel.js → DataListLabel.jsx} +6 -5
- package/dist/lib/components/DataList/{DataListRoot.js → DataListRoot.jsx} +7 -15
- package/dist/lib/components/DataList/{DataListValue.js → DataListValue.jsx} +6 -5
- package/dist/lib/components/Dialog/{DialogAction.js → DialogAction.jsx} +6 -16
- package/dist/lib/components/Dialog/{DialogCancel.js → DialogCancel.jsx} +5 -15
- package/dist/lib/components/Dialog/{DialogContent.js → DialogContent.jsx} +6 -5
- package/dist/lib/components/Dialog/{DialogDescription.js → DialogDescription.jsx} +5 -15
- package/dist/lib/components/Dialog/DialogRoot.d.ts +1 -1
- package/dist/lib/components/Dialog/{DialogRoot.js → DialogRoot.jsx} +6 -14
- package/dist/lib/components/Dialog/{DialogSlot.js → DialogSlot.jsx} +5 -15
- package/dist/lib/components/Dialog/{DialogTitle.js → DialogTitle.jsx} +5 -15
- package/dist/lib/components/Dialog/{DialogTrigger.js → DialogTrigger.jsx} +4 -14
- package/dist/lib/components/Dialog/index.d.ts +1 -1
- package/dist/lib/components/DoughnutChart/index.d.ts +3 -2
- package/dist/lib/components/DoughnutChart/{index.js → index.jsx} +6 -6
- package/dist/lib/components/DropdownMenu/{DropdonMenuRadioGroup.js → DropdonMenuRadioGroup.jsx} +3 -13
- package/dist/lib/components/DropdownMenu/{DropdonMenuSubContent.js → DropdonMenuSubContent.jsx} +12 -9
- package/dist/lib/components/DropdownMenu/{DropdownMenuCheckboxItem.js → DropdownMenuCheckboxItem.jsx} +9 -16
- package/dist/lib/components/DropdownMenu/{DropdownMenuContent.js → DropdownMenuContent.jsx} +8 -5
- package/dist/lib/components/DropdownMenu/DropdownMenuItem.d.ts +1 -1
- package/dist/lib/components/DropdownMenu/{DropdownMenuItem.js → DropdownMenuItem.jsx} +7 -5
- package/dist/lib/components/DropdownMenu/{DropdownMenuItemIndicator.js → DropdownMenuItemIndicator.jsx} +6 -5
- package/dist/lib/components/DropdownMenu/{DropdownMenuLable.js → DropdownMenuLable.jsx} +5 -15
- package/dist/lib/components/DropdownMenu/{DropdownMenuRadioItem.js → DropdownMenuRadioItem.jsx} +9 -16
- package/dist/lib/components/DropdownMenu/DropdownMenuRoot.d.ts +2 -2
- package/dist/lib/components/DropdownMenu/{DropdownMenuRoot.js → DropdownMenuRoot.jsx} +4 -14
- package/dist/lib/components/DropdownMenu/{DropdownMenuSeparator.js → DropdownMenuSeparator.jsx} +3 -15
- package/dist/lib/components/DropdownMenu/{DropdownMenuSub.js → DropdownMenuSub.jsx} +2 -14
- package/dist/lib/components/DropdownMenu/{DropdownMenuSubTrigger.js → DropdownMenuSubTrigger.jsx} +9 -16
- package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.d.ts +1 -1
- package/dist/lib/components/DropdownMenu/{DropdownMenuTrigger.js → DropdownMenuTrigger.jsx} +5 -15
- package/dist/lib/components/DropdownMenu/index.d.ts +1 -1
- package/dist/lib/components/HoverCard/{HoverCardContent.js → HoverCardContent.jsx} +6 -5
- package/dist/lib/components/HoverCard/HoverCardRoot.d.ts +1 -1
- package/dist/lib/components/HoverCard/{HoverCardRoot.js → HoverCardRoot.jsx} +6 -14
- package/dist/lib/components/HoverCard/{HoverCardTrigger.js → HoverCardTrigger.jsx} +4 -14
- package/dist/lib/components/HoverCard/index.d.ts +1 -1
- package/dist/lib/components/IconButton/index.d.ts +1 -1
- package/dist/lib/components/IconButton/{index.js → index.jsx} +5 -4
- package/dist/lib/components/Inset/{index.js → index.jsx} +8 -5
- package/dist/lib/components/Label/index.d.ts +1 -1
- package/dist/lib/components/Label/{index.js → index.jsx} +5 -4
- package/dist/lib/components/LineChart/index.d.ts +3 -2
- package/dist/lib/components/LineChart/{index.js → index.jsx} +6 -7
- package/dist/lib/components/Menubar/{MenubarCheckboxItem.js → MenubarCheckboxItem.jsx} +9 -16
- package/dist/lib/components/Menubar/{MenubarContent.js → MenubarContent.jsx} +12 -9
- package/dist/lib/components/Menubar/{MenubarItem.js → MenubarItem.jsx} +7 -5
- package/dist/lib/components/Menubar/{MenubarItemIndicator.js → MenubarItemIndicator.jsx} +6 -5
- package/dist/lib/components/Menubar/{MenubarMenu.js → MenubarMenu.jsx} +2 -14
- package/dist/lib/components/Menubar/{MenubarRadioGroup.js → MenubarRadioGroup.jsx} +6 -14
- package/dist/lib/components/Menubar/{MenubarRadioItem.js → MenubarRadioItem.jsx} +9 -16
- package/dist/lib/components/Menubar/MenubarRoot.d.ts +1 -1
- package/dist/lib/components/Menubar/{MenubarRoot.js → MenubarRoot.jsx} +8 -5
- package/dist/lib/components/Menubar/{MenubarSeparator.js → MenubarSeparator.jsx} +5 -15
- package/dist/lib/components/Menubar/{MenubarSub.js → MenubarSub.jsx} +2 -14
- package/dist/lib/components/Menubar/{MenubarSubContent.js → MenubarSubContent.jsx} +7 -6
- package/dist/lib/components/Menubar/{MenubarSubTrigger.js → MenubarSubTrigger.jsx} +9 -16
- package/dist/lib/components/Menubar/{MenubarTrigger.js → MenubarTrigger.jsx} +6 -5
- package/dist/lib/components/NavigationMenu/{NavigationMenuContent.js → NavigationMenuContent.jsx} +6 -5
- package/dist/lib/components/NavigationMenu/NavigationMenuIndicator.jsx +22 -0
- package/dist/lib/components/NavigationMenu/{NavigationMenuItem.js → NavigationMenuItem.jsx} +4 -14
- package/dist/lib/components/NavigationMenu/{NavigationMenuLink.js → NavigationMenuLink.jsx} +6 -5
- package/dist/lib/components/NavigationMenu/{NavigationMenuList.js → NavigationMenuList.jsx} +7 -5
- package/dist/lib/components/NavigationMenu/NavigationMenuRoot.d.ts +1 -1
- package/dist/lib/components/NavigationMenu/{NavigationMenuRoot.js → NavigationMenuRoot.jsx} +7 -15
- package/dist/lib/components/NavigationMenu/{NavigationMenuTrigger.js → NavigationMenuTrigger.jsx} +7 -5
- package/dist/lib/components/NavigationMenu/{NavigationMenuViewport.js → NavigationMenuViewport.jsx} +6 -5
- package/dist/lib/components/PieChart/index.d.ts +3 -2
- package/dist/lib/components/PieChart/{index.js → index.jsx} +6 -6
- package/dist/lib/components/Popover/{PopoverClose.js → PopoverClose.jsx} +5 -15
- package/dist/lib/components/Popover/{PopoverContent.js → PopoverContent.jsx} +6 -5
- package/dist/lib/components/Popover/PopoverRoot.d.ts +1 -1
- package/dist/lib/components/Popover/{PopoverRoot.js → PopoverRoot.jsx} +6 -14
- package/dist/lib/components/Popover/{PopoverTrigger.js → PopoverTrigger.jsx} +4 -14
- package/dist/lib/components/Popover/index.d.ts +1 -1
- package/dist/lib/components/Progress/{index.js → index.jsx} +6 -5
- package/dist/lib/components/RadarChart/index.d.ts +3 -2
- package/dist/lib/components/RadarChart/{index.js → index.jsx} +7 -7
- package/dist/lib/components/Radio/index.d.ts +1 -1
- package/dist/lib/components/Radio/{index.js → index.jsx} +10 -15
- package/dist/lib/components/RadioCards/{RadioCardsItem.js → RadioCardsItem.jsx} +5 -15
- package/dist/lib/components/RadioCards/{RadioCardsRoot.js → RadioCardsRoot.jsx} +10 -5
- package/dist/lib/components/RadioGroup/{RadioGroupItem.js → RadioGroupItem.jsx} +5 -15
- package/dist/lib/components/RadioGroup/RadioGroupRoot.d.ts +1 -1
- package/dist/lib/components/RadioGroup/{RadioGroupRoot.js → RadioGroupRoot.jsx} +9 -15
- package/dist/lib/components/ScrollArea/{index.js → index.jsx} +6 -14
- package/dist/lib/components/SegmentedControl/{SegmentedControlItem.js → SegmentedControlItem.jsx} +5 -15
- package/dist/lib/components/SegmentedControl/SegmentedControlRoot.d.ts +1 -1
- package/dist/lib/components/SegmentedControl/{SegmentedControlRoot.js → SegmentedControlRoot.jsx} +7 -4
- package/dist/lib/components/SegmentedControl/index.d.ts +1 -1
- package/dist/lib/components/Select/index.d.ts +1 -1
- package/dist/lib/components/Select/{index.js → index.jsx} +27 -10
- package/dist/lib/components/Separator/{index.js → index.jsx} +7 -4
- package/dist/lib/components/Skeleton/index.d.ts +1 -1
- package/dist/lib/components/Skeleton/{index.js → index.jsx} +7 -4
- package/dist/lib/components/Slider/index.d.ts +1 -1
- package/dist/lib/components/Slider/{index.js → index.jsx} +5 -4
- package/dist/lib/components/Spinner/index.d.ts +1 -1
- package/dist/lib/components/Spinner/{index.js → index.jsx} +7 -4
- package/dist/lib/components/TabNav/{index.js → index.jsx} +9 -15
- package/dist/lib/components/Table/index.d.ts +1 -1
- package/dist/lib/components/Table/{index.js → index.jsx} +25 -10
- package/dist/lib/components/Tabs/{index.js → index.jsx} +16 -7
- package/dist/lib/components/TextArea/index.d.ts +1 -1
- package/dist/lib/components/TextArea/{index.js → index.jsx} +5 -4
- package/dist/lib/components/TextField/index.d.ts +1 -1
- package/dist/lib/components/TextField/{index.js → index.jsx} +10 -5
- package/dist/lib/components/Toast/ToastActionButton.d.ts +1 -1
- package/dist/lib/components/Toast/{ToastActionButton.js → ToastActionButton.jsx} +7 -6
- package/dist/lib/components/Toast/ToastDescription.d.ts +1 -1
- package/dist/lib/components/Toast/{ToastDescription.js → ToastDescription.jsx} +7 -15
- package/dist/lib/components/Toast/{ToastRoot.js → ToastRoot.jsx} +11 -5
- package/dist/lib/components/Toast/ToastTitle.d.ts +1 -1
- package/dist/lib/components/Toast/{ToastTitle.js → ToastTitle.jsx} +5 -15
- package/dist/lib/components/Toggle/ToggleWithText.d.ts +1 -1
- package/dist/lib/components/Toggle/{ToggleWithText.js → ToggleWithText.jsx} +9 -7
- package/dist/lib/components/Toggle/index.d.ts +1 -1
- package/dist/lib/components/Toggle/{index.js → index.jsx} +6 -5
- package/dist/lib/components/ToggleGroup/ToggleGroupItem.d.ts +1 -1
- package/dist/lib/components/ToggleGroup/{ToggleGroupItem.js → ToggleGroupItem.jsx} +6 -16
- package/dist/lib/components/ToggleGroup/ToggleGroupRoot.d.ts +1 -1
- package/dist/lib/components/ToggleGroup/{ToggleGroupRoot.js → ToggleGroupRoot.jsx} +10 -5
- package/dist/lib/components/ToggleSwitch/{index.js → index.jsx} +9 -5
- package/dist/lib/components/Tooltip/index.d.ts +1 -1
- package/dist/lib/components/Tooltip/{index.js → index.jsx} +13 -4
- package/dist/lib/constants.js +2 -2
- package/dist/lib/index.d.ts +2 -2
- package/dist/lib/index.js +2 -2
- package/dist/lib/utils/useDarkMode.js +1 -1
- package/package.json +2 -4
- package/dist/globals.css +0 -4
- package/dist/lib/components/NavigationMenu/NavigationMenuIndicator.js +0 -31
- package/dist/tailwind.config.d.ts +0 -3
- package/dist/tailwind.config.js +0 -141
- /package/dist/lib/components/AlertDialog/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/Callout/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/CheckboxGroup/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/ContextMenu/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/DataList/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/Dialog/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/DropdownMenu/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/HoverCard/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/Menubar/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/NavigationMenu/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/Popover/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/RadioCards/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/RadioGroup/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/SegmentedControl/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/Toast/{index.js → index.jsx} +0 -0
- /package/dist/lib/components/ToggleGroup/{index.js → index.jsx} +0 -0
@@ -20,14 +20,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
24
23
|
import { Line } from 'react-chartjs-2';
|
25
24
|
import { Chart as ChartJS, CategoryScale, LinearScale, Tooltip, Legend, LineElement, PointElement, } from 'chart.js/auto';
|
26
|
-
import { scalingVariants } from '
|
25
|
+
import { scalingVariants } from 'lib/constants';
|
27
26
|
import { cva } from 'class-variance-authority';
|
28
|
-
import { cn } from '
|
29
|
-
import { chartAlphaColorList, chartColorList } from '
|
30
|
-
import { useDarkMode } from '
|
27
|
+
import { cn } from 'lib/utils/utils';
|
28
|
+
import { chartAlphaColorList, chartColorList } from 'lib/color/constants';
|
29
|
+
import { useDarkMode } from 'lib/utils/useDarkMode';
|
31
30
|
ChartJS.register(CategoryScale, LinearScale, LineElement, PointElement, Tooltip, Legend);
|
32
31
|
var lineChartVariants = cva('', {
|
33
32
|
variants: {
|
@@ -48,14 +47,14 @@ var LineChart = function (_a) {
|
|
48
47
|
? colorset[index % colorset.length]
|
49
48
|
: colorAlphaset[index % colorset.length] });
|
50
49
|
});
|
51
|
-
return (
|
50
|
+
return (<Line data={{ labels: labels, datasets: datasets }} options={{
|
52
51
|
plugins: {
|
53
52
|
title: title,
|
54
53
|
legend: legend,
|
55
54
|
},
|
56
55
|
indexAxis: indexAxis,
|
57
56
|
scales: __assign(__assign({}, defaultScales.linescale), scales),
|
58
|
-
}
|
57
|
+
}} className={cn(lineChartVariants({ scaling: scaling }), className)} width={width} height={height} {...props}/>);
|
59
58
|
};
|
60
59
|
LineChart.displayName = 'LineChart';
|
61
60
|
export default LineChart;
|
@@ -1,14 +1,3 @@
|
|
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
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,19 +9,23 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import
|
24
|
-
import { forwardRef } from 'react';
|
12
|
+
import React, { forwardRef } from 'react';
|
25
13
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
26
14
|
import { CheckIcon } from '@radix-ui/react-icons';
|
27
|
-
import { cn } from '
|
15
|
+
import { cn } from 'lib/utils/utils';
|
28
16
|
import { menubarItemVariants } from './MenubarItem';
|
29
17
|
import { MenubarItemIndicator } from './MenubarItemIndicator';
|
30
|
-
import { menuItemAppearanceStyle } from '
|
18
|
+
import { menuItemAppearanceStyle } from 'lib/constants';
|
31
19
|
import { useMenubarContext } from './MenubarRoot';
|
32
20
|
export var MenubarCheckboxItem = forwardRef(function (_a, ref) {
|
33
21
|
var children = _a.children, className = _a.className, checked = _a.checked, props = __rest(_a, ["children", "className", "checked"]);
|
34
22
|
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;
|
35
23
|
var itemClassName = cn(menubarItemVariants({ radius: radius, scaling: scaling, size: size }), 'pl-7', menuItemAppearanceStyle(itemAppearance, color), className);
|
36
|
-
return (
|
24
|
+
return (<MenubarPrimitive.CheckboxItem ref={ref} className={itemClassName} {...props}>
|
25
|
+
<MenubarItemIndicator forceMount radius={'medium'} size={size}>
|
26
|
+
{checked && <CheckIcon />}
|
27
|
+
</MenubarItemIndicator>
|
28
|
+
{children}
|
29
|
+
</MenubarPrimitive.CheckboxItem>);
|
37
30
|
});
|
38
31
|
MenubarCheckboxItem.displayName = 'Menubar.CheckboxItem';
|
@@ -20,12 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
23
|
+
import React, { forwardRef } from 'react';
|
25
24
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
26
25
|
import { cva } from 'class-variance-authority';
|
27
|
-
import { cn } from '
|
28
|
-
import { scalingVariants } from '
|
26
|
+
import { cn } from 'lib/utils/utils';
|
27
|
+
import { scalingVariants } from 'lib/constants';
|
29
28
|
import { useMenubarContext } from './MenubarRoot';
|
30
29
|
export var menubarContentVariants = cva("p-[5px] w-fit bg-white dark:bg-slateDark-1 will-change-[transform,opacity]\n shadow-[0px_10px_38px_-10px_rgba(22,_23,_24,_0.35),_0px_10px_20px_-15px_rgba(22,_23,_24,_0.2)] \n [animation-duration:_400ms] [animation-timing-function:_cubic-bezier(0.16,_1,_0.3,_1)]", {
|
31
30
|
variants: {
|
@@ -51,10 +50,14 @@ export var menubarContentVariants = cva("p-[5px] w-fit bg-white dark:bg-slateDar
|
|
51
50
|
export var MenubarContent = forwardRef(function (_a, ref) {
|
52
51
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
53
52
|
var _b = useMenubarContext(), radius = _b.radius, size = _b.size, scaling = _b.scaling;
|
54
|
-
return (
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
53
|
+
return (<MenubarPrimitive.Portal>
|
54
|
+
<MenubarPrimitive.Content ref={ref} className={cn(menubarContentVariants({
|
55
|
+
radius: radius,
|
56
|
+
size: size,
|
57
|
+
scaling: scaling,
|
58
|
+
}), className)} align="start" sideOffset={5} alignOffset={-3} {...props}>
|
59
|
+
{children}
|
60
|
+
</MenubarPrimitive.Content>
|
61
|
+
</MenubarPrimitive.Portal>);
|
59
62
|
});
|
60
63
|
MenubarContent.displayName = 'Menubar.Content';
|
@@ -20,12 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
24
|
-
import { forwardRef } from 'react';
|
23
|
+
import React, { forwardRef } from 'react';
|
25
24
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
26
25
|
import { cva } from 'class-variance-authority';
|
27
|
-
import { cn } from '
|
28
|
-
import { blackText, menuItemAppearanceStyle, radiusVariants, scalingVariants } from '
|
26
|
+
import { cn } from 'lib/utils/utils';
|
27
|
+
import { blackText, menuItemAppearanceStyle, radiusVariants, scalingVariants } from 'lib/constants';
|
29
28
|
import { useMenubarContext } from './MenubarRoot';
|
30
29
|
export var menubarItemVariants = cva("flex group relative leading-none select-none outline-none items-center justify-between font-normal\n data-[disabled]:text-slate-8 data-[disabled]:cursor-not-allowed text-slate-12 dark:text-slateDark-12\n data-[disabled]:hover:bg-transparent dark:data-[disabled]:text-slateDark-8 data-[disabled]:dark:hover:bg-transparent", {
|
31
30
|
variants: {
|
@@ -49,6 +48,9 @@ export var MenubarItem = forwardRef(function (_a, ref) {
|
|
49
48
|
var shortcutClassName = "text-slateA-11 dark:text-slateDarkA-11 ".concat(itemAppearance === 'solid' && !blackText.includes(color)
|
50
49
|
? 'group-hover:text-white dark:group-hover:text-slateDark-1'
|
51
50
|
: '');
|
52
|
-
return (
|
51
|
+
return (<MenubarPrimitive.Item ref={ref} className={itemClassName} {...props}>
|
52
|
+
{children}
|
53
|
+
{shortcut && <span className={shortcutClassName}>{shortcut}</span>}
|
54
|
+
</MenubarPrimitive.Item>);
|
53
55
|
});
|
54
56
|
MenubarItem.displayName = 'Menubar.Item';
|
@@ -20,12 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
23
|
+
import React, { forwardRef } from 'react';
|
25
24
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
26
|
-
import { cn } from '
|
25
|
+
import { cn } from 'lib/utils/utils';
|
27
26
|
import { cva } from 'class-variance-authority';
|
28
|
-
import { radiusVariants } from '
|
27
|
+
import { radiusVariants } from 'lib/constants';
|
29
28
|
import { useMenubarContext } from './MenubarRoot';
|
30
29
|
export var menubarItemIndicatorVariants = cva("absolute left-0 inline-flex items-center justify-center ml-1 border", {
|
31
30
|
variants: {
|
@@ -44,6 +43,8 @@ export var MenubarItemIndicator = forwardRef(function (_a, ref) {
|
|
44
43
|
var children = _a.children, className = _a.className, radius = _a.radius, props = __rest(_a, ["children", "className", "radius"]);
|
45
44
|
var size = useMenubarContext().size;
|
46
45
|
var indicatorClassName = cn(menubarItemIndicatorVariants({ size: size, radius: radius }), className);
|
47
|
-
return (
|
46
|
+
return (<MenubarPrimitive.ItemIndicator ref={ref} className={indicatorClassName} {...props}>
|
47
|
+
{children}
|
48
|
+
</MenubarPrimitive.ItemIndicator>);
|
48
49
|
});
|
49
50
|
MenubarItemIndicator.displayName = 'Menubar.ItemIndicator';
|
@@ -1,14 +1,3 @@
|
|
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
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,11 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
12
|
+
import React, { forwardRef } from 'react';
|
25
13
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
26
14
|
export var MenubarMenu = forwardRef(function (_a, ref) {
|
27
15
|
var children = _a.children, props = __rest(_a, ["children"]);
|
28
|
-
return
|
16
|
+
return <MenubarPrimitive.Menu {...props}>{children}</MenubarPrimitive.Menu>;
|
29
17
|
});
|
30
18
|
MenubarMenu.displayName = 'Menubar.Menu';
|
@@ -1,14 +1,3 @@
|
|
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
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,12 +9,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import {
|
24
|
-
import { createContext, forwardRef } from 'react';
|
12
|
+
import React, { createContext, forwardRef } from 'react';
|
25
13
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
26
14
|
export var RadioContext = createContext({ selectedValue: '' });
|
27
15
|
export var MenubarRadioGroup = forwardRef(function (_a, ref) {
|
28
16
|
var children = _a.children, className = _a.className, value = _a.value, props = __rest(_a, ["children", "className", "value"]);
|
29
|
-
return (
|
17
|
+
return (<MenubarPrimitive.RadioGroup ref={ref} className={className} {...props}>
|
18
|
+
<RadioContext.Provider value={{ selectedValue: value !== null && value !== void 0 ? value : '' }}>
|
19
|
+
{children}
|
20
|
+
</RadioContext.Provider>
|
21
|
+
</MenubarPrimitive.RadioGroup>);
|
30
22
|
});
|
31
23
|
MenubarRadioGroup.displayName = 'Menubar.RadioGroup';
|
@@ -1,14 +1,3 @@
|
|
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
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,12 +9,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef, useContext } from 'react';
|
12
|
+
import React, { forwardRef, useContext } from 'react';
|
25
13
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
26
14
|
import { DotFilledIcon } from '@radix-ui/react-icons';
|
27
|
-
import { cn } from '
|
28
|
-
import { menuItemAppearanceStyle } from '
|
15
|
+
import { cn } from 'lib/utils/utils';
|
16
|
+
import { menuItemAppearanceStyle } from 'lib/constants';
|
29
17
|
import { menubarItemVariants } from './MenubarItem';
|
30
18
|
import { MenubarItemIndicator } from './MenubarItemIndicator';
|
31
19
|
import { RadioContext } from './MenubarRadioGroup';
|
@@ -35,6 +23,11 @@ export var MenubarRadioItem = forwardRef(function (_a, ref) {
|
|
35
23
|
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;
|
36
24
|
var itemClassName = cn(menubarItemVariants({ radius: radius, scaling: scaling, size: size }), 'pl-7', menuItemAppearanceStyle(itemAppearance, color), className);
|
37
25
|
var radioGroup = useContext(RadioContext);
|
38
|
-
return (
|
26
|
+
return (<MenubarPrimitive.RadioItem ref={ref} className={itemClassName} {...props}>
|
27
|
+
<MenubarItemIndicator forceMount radius={'full'} size={size}>
|
28
|
+
{radioGroup.selectedValue === props.value && <DotFilledIcon />}
|
29
|
+
</MenubarItemIndicator>
|
30
|
+
{children}
|
31
|
+
</MenubarPrimitive.RadioItem>);
|
39
32
|
});
|
40
33
|
MenubarRadioItem.displayName = 'Menubar.RadioItem';
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
4
|
-
import { IColor } from '
|
4
|
+
import { IColor } from 'lib/types';
|
5
5
|
import { menubarTriggerVariants } from './MenubarTrigger';
|
6
6
|
import { menubarItemVariants } from './MenubarItem';
|
7
7
|
export interface MenubarProps extends VariantProps<typeof menubarVariants>, VariantProps<typeof menubarTriggerVariants>, VariantProps<typeof menubarItemVariants> {
|
@@ -20,12 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import {
|
24
|
-
import { createContext, forwardRef, useContext, useMemo, } from 'react';
|
23
|
+
import React, { createContext, forwardRef, useContext, useMemo, } from 'react';
|
25
24
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
26
25
|
import { cva } from 'class-variance-authority';
|
27
|
-
import { cn } from '
|
28
|
-
import { radiusVariants, scalingVariants } from '
|
26
|
+
import { cn } from 'lib/utils/utils';
|
27
|
+
import { radiusVariants, scalingVariants } from 'lib/constants';
|
29
28
|
export var menubarVariants = cva('flex p-1 shadow bg-white dark:bg-slateDark-1', {
|
30
29
|
variants: {
|
31
30
|
radius: __assign({}, radiusVariants['base']),
|
@@ -55,7 +54,11 @@ export var MenubarRoot = forwardRef(function (_a, ref) {
|
|
55
54
|
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"]);
|
56
55
|
var contextValue = useMemo(function () { return ({ radius: radius, size: size, scaling: scaling, color: color, appearance: appearance, itemAppearance: itemAppearance }); }, [radius, size, scaling, color, appearance, itemAppearance]);
|
57
56
|
var menuClassName = cn(menubarVariants({ radius: radius, scaling: scaling, size: size }), appearance === 'solid' && "bg-".concat(color, "-9 dark:bg-$").concat(color, "Dark-9"), className);
|
58
|
-
return (
|
57
|
+
return (<MenubarContext.Provider value={contextValue}>
|
58
|
+
<MenubarPrimitive.Root ref={ref} className={menuClassName} {...props}>
|
59
|
+
{children}
|
60
|
+
</MenubarPrimitive.Root>
|
61
|
+
</MenubarContext.Provider>);
|
59
62
|
});
|
60
63
|
MenubarRoot.displayName = 'Menubar.Root';
|
61
64
|
export default MenubarRoot;
|
@@ -1,14 +1,3 @@
|
|
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
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,12 +9,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
12
|
+
import React, { forwardRef } from 'react';
|
25
13
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
26
|
-
import { cn } from '
|
14
|
+
import { cn } from 'lib/utils/utils';
|
27
15
|
export var MenubarSeparator = forwardRef(function (_a, ref) {
|
28
16
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
29
|
-
return (
|
17
|
+
return (<MenubarPrimitive.Separator ref={ref} className={cn('h-[1px] m-[5px] bg-slate-6 dark:bg-slateDark-6', className)} {...props}>
|
18
|
+
{children}
|
19
|
+
</MenubarPrimitive.Separator>);
|
30
20
|
});
|
31
21
|
MenubarSeparator.displayName = 'Menubar.Separator';
|
@@ -1,14 +1,3 @@
|
|
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
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,11 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
12
|
+
import React, { forwardRef } from 'react';
|
25
13
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
26
14
|
export var MenubarSub = forwardRef(function (_a, ref) {
|
27
15
|
var children = _a.children, props = __rest(_a, ["children"]);
|
28
|
-
return
|
16
|
+
return <MenubarPrimitive.Sub {...props}>{children}</MenubarPrimitive.Sub>;
|
29
17
|
});
|
30
18
|
MenubarSub.displayName = 'Menubar.Sub';
|
@@ -20,12 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
23
|
+
import React, { forwardRef } from 'react';
|
25
24
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
26
25
|
import { cva } from 'class-variance-authority';
|
27
|
-
import { cn } from '
|
28
|
-
import { radiusVariants } from '
|
26
|
+
import { cn } from 'lib/utils/utils';
|
27
|
+
import { radiusVariants } from 'lib/constants';
|
29
28
|
import { useMenubarContext } from './MenubarRoot';
|
30
29
|
export var menubarSubContentVariants = cva("p-[5px] w-fit bg-white dark:bg-slateDark-1 will-change-[transform,opacity]\n shadow-[0px_10px_38px_-10px_rgba(22,_23,_24,_0.35),_0px_10px_20px_-15px_rgba(22,_23,_24,_0.2)] \n [animation-duration:_400ms] [animation-timing-function:_cubic-bezier(0.16,_1,_0.3,_1)]", {
|
31
30
|
variants: {
|
@@ -43,9 +42,11 @@ export var menubarSubContentVariants = cva("p-[5px] w-fit bg-white dark:bg-slate
|
|
43
42
|
export var MenubarSubContent = forwardRef(function (_a, ref) {
|
44
43
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
45
44
|
var _b = useMenubarContext(), radius = _b.radius, size = _b.size;
|
46
|
-
return (
|
45
|
+
return (<MenubarPrimitive.SubContent ref={ref} className={cn(menubarSubContentVariants({
|
47
46
|
radius: radius,
|
48
47
|
size: size,
|
49
|
-
}), className)
|
48
|
+
}), className)} alignOffset={-5} {...props}>
|
49
|
+
{children}
|
50
|
+
</MenubarPrimitive.SubContent>);
|
50
51
|
});
|
51
52
|
MenubarSubContent.displayName = 'Menubar.SubContent';
|
@@ -1,14 +1,3 @@
|
|
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
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,12 +9,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import
|
24
|
-
import { forwardRef } from 'react';
|
12
|
+
import React, { forwardRef } from 'react';
|
25
13
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
26
14
|
import { ChevronRightIcon } from '@radix-ui/react-icons';
|
27
|
-
import { cn } from '
|
28
|
-
import { blackText, menuItemAppearanceStyle } from '
|
15
|
+
import { cn } from 'lib/utils/utils';
|
16
|
+
import { blackText, menuItemAppearanceStyle } from 'lib/constants';
|
29
17
|
import { menubarItemVariants } from './MenubarItem';
|
30
18
|
import { useMenubarContext } from './MenubarRoot';
|
31
19
|
export var MenubarSubTrigger = forwardRef(function (_a, ref) {
|
@@ -36,6 +24,11 @@ export var MenubarSubTrigger = forwardRef(function (_a, ref) {
|
|
36
24
|
if (itemAppearance === 'solid' && !blackText.includes(color)) {
|
37
25
|
iconClassName = 'group-hover:text-white dark:group-hover:text-slateDark-1';
|
38
26
|
}
|
39
|
-
return (
|
27
|
+
return (<MenubarPrimitive.SubTrigger ref={ref} className={triggerClassName} {...props}>
|
28
|
+
{children}
|
29
|
+
<div className={iconClassName}>
|
30
|
+
<ChevronRightIcon />
|
31
|
+
</div>
|
32
|
+
</MenubarPrimitive.SubTrigger>);
|
40
33
|
});
|
41
34
|
MenubarSubTrigger.displayName = 'Menubar.SubTrigger';
|
@@ -20,12 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
23
|
+
import React, { forwardRef } from 'react';
|
25
24
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
26
25
|
import { cva } from 'class-variance-authority';
|
27
|
-
import { cn } from '
|
28
|
-
import { appearanceStyle, scalingVariants } from '
|
26
|
+
import { cn } from 'lib/utils/utils';
|
27
|
+
import { appearanceStyle, scalingVariants } from 'lib/constants';
|
29
28
|
import { useMenubarContext } from './MenubarRoot';
|
30
29
|
export var menubarTriggerVariants = cva("flex items-center justify-between gap-[2px] outline-none select-none leading-none py-1 px-3 \n font-medium truncate w-fit", {
|
31
30
|
variants: {
|
@@ -52,6 +51,8 @@ export var MenubarTrigger = forwardRef(function (_a, ref) {
|
|
52
51
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
53
52
|
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;
|
54
53
|
var triggerClassName = cn(menubarTriggerVariants({ scaling: scaling, size: size, radius: radius }), appearanceStyle(appearance, color), className);
|
55
|
-
return (
|
54
|
+
return (<MenubarPrimitive.Trigger ref={ref} className={triggerClassName} {...props}>
|
55
|
+
{children}
|
56
|
+
</MenubarPrimitive.Trigger>);
|
56
57
|
});
|
57
58
|
MenubarTrigger.displayName = 'Menubar.Trigger';
|
package/dist/lib/components/NavigationMenu/{NavigationMenuContent.js → NavigationMenuContent.jsx}
RENAMED
@@ -20,12 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
23
|
+
import React, { forwardRef } from 'react';
|
25
24
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
26
|
-
import { cn } from '
|
25
|
+
import { cn } from 'lib/utils/utils';
|
27
26
|
import { cva } from 'class-variance-authority';
|
28
|
-
import { radiusVariants } from '
|
27
|
+
import { radiusVariants } from 'lib/constants';
|
29
28
|
import { useNavigationMenuContext } from './NavigationMenuRoot';
|
30
29
|
export var navigationMenuContentVariants = cva("text-slate-12 dark:text-slateDark-12 bg-white dark:bg-slateDark-1 p-2 cursor-pointer", {
|
31
30
|
variants: {
|
@@ -43,6 +42,8 @@ export var navigationMenuContentVariants = cva("text-slate-12 dark:text-slateDar
|
|
43
42
|
export var NavigationMenuContent = forwardRef(function (_a, ref) {
|
44
43
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
45
44
|
var _b = useNavigationMenuContext(), radius = _b.radius, size = _b.size;
|
46
|
-
return (
|
45
|
+
return (<NavigationMenuPrimitive.Content ref={ref} className={cn("data-[motion=from-start]:animate-enterFromLeft data-[motion=from-end]:animate-enterFromRight data-[motion=to-start]:animate-exitToLeft data-[motion=to-end]:animate-exitToRight absolute left-0 top-0 w-full sm:w-auto", navigationMenuContentVariants({ radius: radius, size: size }), className)} {...props}>
|
46
|
+
{children}
|
47
|
+
</NavigationMenuPrimitive.Content>);
|
47
48
|
});
|
48
49
|
NavigationMenuContent.displayName = 'NavigationMenu.Content';
|
@@ -0,0 +1,22 @@
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
+
var t = {};
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
+
t[p] = s[p];
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
+
t[p[i]] = s[p[i]];
|
9
|
+
}
|
10
|
+
return t;
|
11
|
+
};
|
12
|
+
import React, { forwardRef } from 'react';
|
13
|
+
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
14
|
+
import { cn } from 'lib/utils/utils';
|
15
|
+
export var NavigationMenuIndicator = forwardRef(function (_a, ref) {
|
16
|
+
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
17
|
+
return (<NavigationMenuPrimitive.Indicator ref={ref} className={"data-[state=visible]:animate-fadeIn data-[state=hidden]:animate-fadeOut top-full z-[1] flex h-[10px] items-end justify-center overflow-hidden transition-[width,transform_250ms_ease]"} {...props}>
|
18
|
+
<div className={cn("relative top-[70%] h-[10px] w-[10px] rotate-[45deg] rounded-tl-[2px] bg-white shadow shadow-slate-4 dark:bg-slateDark-2 dark:shadow-slateDark-4", className)}/>
|
19
|
+
{children}
|
20
|
+
</NavigationMenuPrimitive.Indicator>);
|
21
|
+
});
|
22
|
+
NavigationMenuIndicator.displayName = 'NavigationMenu.Indicator';
|
@@ -1,14 +1,3 @@
|
|
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
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,11 +9,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
12
|
+
import React, { forwardRef } from 'react';
|
25
13
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
26
14
|
export var NavigationMenuItem = forwardRef(function (_a, ref) {
|
27
15
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
28
|
-
return (
|
16
|
+
return (<NavigationMenuPrimitive.Item ref={ref} className={className} {...props}>
|
17
|
+
{children}
|
18
|
+
</NavigationMenuPrimitive.Item>);
|
29
19
|
});
|
30
20
|
NavigationMenuItem.displayName = 'NavigationMenu.Item';
|
@@ -20,12 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
23
|
+
import React, { forwardRef } from 'react';
|
25
24
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
26
|
-
import { cn } from '
|
25
|
+
import { cn } from 'lib/utils/utils';
|
27
26
|
import { cva } from 'class-variance-authority';
|
28
|
-
import { appearanceStyle, radiusVariants, scalingVariants } from '
|
27
|
+
import { appearanceStyle, radiusVariants, scalingVariants } from 'lib/constants';
|
29
28
|
import { useNavigationMenuContext } from './NavigationMenuRoot';
|
30
29
|
export var navigationMenuLinkVariants = cva("block select-none leading-none outline-none py-1 px-3 cursor-alias hover:underline font-medium", {
|
31
30
|
variants: {
|
@@ -46,6 +45,8 @@ export var NavigationMenuLink = forwardRef(function (_a, ref) {
|
|
46
45
|
var children = _a.children, className = _a.className, href = _a.href, props = __rest(_a, ["children", "className", "href"]);
|
47
46
|
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;
|
48
47
|
var linkClassName = cn(navigationMenuLinkVariants({ scaling: scaling, size: size, radius: radius }), appearanceStyle(appearance, color), className);
|
49
|
-
return (
|
48
|
+
return (<NavigationMenuPrimitive.Link ref={ref} href={href} title={href} className={linkClassName} {...props}>
|
49
|
+
{children}
|
50
|
+
</NavigationMenuPrimitive.Link>);
|
50
51
|
});
|
51
52
|
NavigationMenuLink.displayName = 'NavigationMenu.Link';
|