@lotte-innovate/ui-component-test 0.1.36 → 0.1.38

package/dist/esm/lib/components/DoughnutChart/index.js

@@ -0,0 +1,65 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Doughnut } from 'react-chartjs-2';
+import { Chart as ChartJS, ArcElement, Tooltip, Legend, plugins } from 'chart.js/auto';
+import ChartDataLabels from 'chartjs-plugin-datalabels';
+import { cn } from 'lib/utils/utils';
+import { cva } from 'class-variance-authority';
+import { scalingVariants } from 'lib/constants';
+import { chartColorList, chartAlphaColorList } from 'lib/color/constants';
+ChartJS.register(ArcElement, Tooltip, Legend, plugins, ChartDataLabels);
+ChartJS.defaults.set('plugins.datalabels', {
+    display: false,
+});
+var doughnutVariants = cva('', {
+    variants: {
+        scaling: __assign({}, scalingVariants),
+    },
+    defaultVariants: {
+        scaling: '100%',
+    },
+});
+var DoughnutChart = function (_a) {
+    var labels = _a.labels, title = _a.title, legend = _a.legend, datasets = _a.datasets, datalabels = _a.datalabels, scaling = _a.scaling, className = _a.className, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, _c = _a.isColorMixed, isColorMixed = _c === void 0 ? true : _c, rest = __rest(_a, ["labels", "title", "legend", "datasets", "datalabels", "scaling", "className", "appearance", "isColorMixed"]);
+    var getChartColor = function (isColorMixed, appearance) {
+        if (appearance === 'solid') {
+            return isColorMixed ? chartColorList.mixed : chartColorList.sorting;
+        }
+        if (appearance === 'soft') {
+            return isColorMixed ? chartAlphaColorList.mixed : chartAlphaColorList.sorting;
+        }
+    };
+    datasets.forEach(function (dataset, index) {
+        datasets[index] = __assign(__assign({}, dataset), { backgroundColor: getChartColor(isColorMixed, appearance), borderColor: getChartColor(isColorMixed, 'solid') });
+    });
+    return (_jsx(Doughnut, __assign({ data: { labels: labels, datasets: datasets }, options: {
+            plugins: {
+                title: title,
+                legend: legend,
+                datalabels: datalabels,
+            },
+        }, className: cn(doughnutVariants({ scaling: scaling }), className) }, rest)));
+};
+DoughnutChart.displayName = 'DoughnutChart';
+export default DoughnutChart;

package/dist/esm/lib/components/DropdownMenu/DropdonMenuRadioGroup.js

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { forwardRef, Children } from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export var DropdownMenuRadioGroup = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, value = _a.value, props = __rest(_a, ["className", "children", "value"]);
+    return (_jsx(DropdownMenuPrimitive.RadioGroup, __assign({ ref: ref, className: className }, props, { children: Children.map(children, function (child) { return React.cloneElement(child, { selectedValue: value }); }) })));
+});
+DropdownMenuRadioGroup.displayName = 'DropdownMenu.RadioGroup';

package/dist/esm/lib/components/DropdownMenu/DropdonMenuSubContent.js

@@ -0,0 +1,60 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { cva } from 'class-variance-authority';
+import { scalingVariants } from 'lib/constants';
+import { DropdownMenuContext } from './DropdownMenuRoot';
+import { cn } from 'lib/utils/utils';
+export var dropdownMenuSubContentVariants = cva("p-[5px] 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)]", {
+    variants: {
+        radius: {
+            none: 'rounded-none',
+            small: 'rounded-[3px]',
+            medium: 'rounded',
+            large: 'rounded-md',
+            full: 'rounded-md',
+        },
+        size: {
+            small: 'p-1 min-w-[128px]',
+            medium: 'p-2 min-w-[152px]',
+        },
+        scaling: __assign({}, scalingVariants),
+    },
+    defaultVariants: {
+        radius: 'small',
+        size: 'medium',
+        scaling: '100%',
+    },
+});
+export var DropdownMenuSubContent = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    var _b = useContext(DropdownMenuContext), radius = _b.radius, scaling = _b.scaling, size = _b.size;
+    return (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.SubContent, __assign({ ref: ref, className: cn(dropdownMenuSubContentVariants({
+                radius: radius,
+                size: size,
+                scaling: scaling,
+            }), className), sideOffset: 2, alignOffset: -5 }, props, { children: children })) }));
+});
+DropdownMenuSubContent.displayName = 'DropdownMenu.SubContent';

package/dist/esm/lib/components/DropdownMenu/DropdownMenuCheckboxItem.js

@@ -0,0 +1,41 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { menuItemAppearanceStyle } from 'lib/constants';
+import { dropdownMenuItemVariants } from './DropdownMenuItem';
+import { DropdownMenuItemIndicator } from './DropdownMenuItemIndicator';
+import { CheckIcon } from '@radix-ui/react-icons';
+import { DropdownMenuContext } from './DropdownMenuRoot';
+import { cn } from 'lib/utils/utils';
+export var DropdownMenuCheckboxItem = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, shortcut = _a.shortcut, checked = _a.checked, props = __rest(_a, ["className", "children", "shortcut", "checked"]);
+    var _b = useContext(DropdownMenuContext), radius = _b.radius, size = _b.size, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.appearance, appearance = _d === void 0 ? 'solid' : _d;
+    var itemClassName = cn(dropdownMenuItemVariants({
+        radius: radius,
+        size: size,
+    }), menuItemAppearanceStyle(appearance, color), className);
+    return (_jsxs(DropdownMenuPrimitive.CheckboxItem, __assign({ ref: ref, className: itemClassName }, props, { children: [_jsx(DropdownMenuItemIndicator, { forceMount: true, radius: 'medium', size: size, children: checked && _jsx(CheckIcon, {}) }), children] })));
+});
+DropdownMenuCheckboxItem.displayName = 'DropdownMenu.CheckboxItem';

package/dist/esm/lib/components/DropdownMenu/DropdownMenuContent.js

@@ -0,0 +1,56 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { cva } from 'class-variance-authority';
+import { scalingVariants } from 'lib/constants';
+import { DropdownMenuContext } from './DropdownMenuRoot';
+import { cn } from 'lib/utils/utils';
+export var dropdownMenuContentVariants = cva("p-[5px] 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)]", {
+    variants: {
+        radius: {
+            none: 'rounded-none',
+            small: 'rounded-[3px]',
+            medium: 'rounded',
+            large: 'rounded-md',
+            full: 'rounded-md',
+        },
+        size: {
+            small: 'p-1 min-w-[128px]',
+            medium: 'p-2 min-w-[152px]',
+        },
+        scaling: __assign({}, scalingVariants),
+    },
+    defaultVariants: {
+        radius: 'medium',
+        size: 'medium',
+        scaling: '100%',
+    },
+});
+export var DropdownMenuContent = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    var _b = useContext(DropdownMenuContext), size = _b.size, scaling = _b.scaling, radius = _b.radius;
+    return (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, __assign({ ref: ref, sideOffset: 5, className: cn(dropdownMenuContentVariants({ radius: radius, scaling: scaling, size: size }), className) }, props, { children: children })) }));
+});
+DropdownMenuContent.displayName = 'DropdownMenu.Content';

package/dist/esm/lib/components/DropdownMenu/DropdownMenuItem.js

@@ -0,0 +1,58 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { cva } from 'class-variance-authority';
+import { menuItemAppearanceStyle, scalingVariants, radiusVariants, blackText } from 'lib/constants';
+import { DropdownMenuContext } from './DropdownMenuRoot';
+import { cn } from 'lib/utils/utils';
+export var dropdownMenuItemVariants = cva("flex gap-2 group relative leading-none select-none outline-none items-center\n    data-[disabled]:text-slate-8 dark:data-[disabled]:text-slateDark-8 hover:data-[disabled]:bg-transparent dark:hover:data-[disabled]:bg-transparent text-slate-12 dark:text-slateDark-12", {
+    variants: {
+        radius: __assign({}, radiusVariants['menu-item']),
+        scaling: __assign({}, scalingVariants),
+        size: {
+            small: 'text-xs h-[24px] w-[120px] px-2',
+            medium: 'text-sm h-[32px] w-[136px] px-3',
+        },
+    },
+    defaultVariants: {
+        radius: 'medium',
+        size: 'medium',
+        scaling: '100%',
+    },
+});
+export var DropdownMenuItem = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, shortcut = _a.shortcut, props = __rest(_a, ["className", "children", "shortcut"]);
+    var _b = useContext(DropdownMenuContext), size = _b.size, radius = _b.radius, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.appearance, appearance = _d === void 0 ? 'solid' : _d;
+    var itemClassName = cn(menuItemAppearanceStyle(appearance, color), dropdownMenuItemVariants({
+        radius: radius,
+        size: size,
+    }), className);
+    var shortcutClassName = 'ml-auto group-hover:text-slateA-11 dark:group-hover:text-white';
+    if (appearance === 'solid' && !blackText.includes(color)) {
+        shortcutClassName = 'ml-auto group-hover:text-white dark:group-hover:text-white';
+    }
+    return (_jsxs(DropdownMenuPrimitive.Item, __assign({ ref: ref }, props, { className: itemClassName, children: [children, shortcut && _jsx("span", { className: shortcutClassName, children: shortcut })] })));
+});
+DropdownMenuItem.displayName = 'DropdownMenu.Item';

package/dist/esm/lib/components/DropdownMenu/DropdownMenuItemIndicator.js

@@ -0,0 +1,48 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { cva } from 'class-variance-authority';
+import { radiusVariants } from 'lib/constants';
+import { DropdownMenuContext } from './DropdownMenuRoot';
+import { cn } from 'lib/utils/utils';
+export var dropdownMenuItemIndicatorVariants = cva("inline-flex items-center justify-center border", {
+    variants: {
+        radius: __assign({}, radiusVariants['base']),
+        size: {
+            small: 'w-3.5 h-3.5',
+            medium: 'w-4 h-4',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+        radius: 'medium',
+    },
+});
+export var DropdownMenuItemIndicator = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, radius = _a.radius, props = __rest(_a, ["className", "children", "radius"]);
+    var size = useContext(DropdownMenuContext).size;
+    return (_jsx(DropdownMenuPrimitive.ItemIndicator, __assign({ ref: ref, className: cn(dropdownMenuItemIndicatorVariants({ radius: radius, size: size }), className) }, props, { children: children })));
+});
+DropdownMenuItemIndicator.displayName = 'DropdownMenu.ItemIndicator';

package/dist/esm/lib/components/DropdownMenu/DropdownMenuLable.js

@@ -0,0 +1,45 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { cva } from 'class-variance-authority';
+import { DropdownMenuContext } from './DropdownMenuRoot';
+import { cn } from 'lib/utils/utils';
+export var dropdownMenuLabelVariants = cva("flex relative leading-none select-none outline-none items-center font-normal text-slateA-11 dark:text-slateDarkA-11", {
+    variants: {
+        size: {
+            small: 'text-xs h-[24px] w-[120px] px-2',
+            medium: 'text-sm h-[32px] w-[136px] px-3',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+    },
+});
+export var DropdownMenuLabel = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    var size = useContext(DropdownMenuContext).size;
+    return (_jsx(DropdownMenuPrimitive.Label, __assign({ ref: ref, className: cn(dropdownMenuLabelVariants({ size: size }), className) }, props, { children: children })));
+});
+DropdownMenuLabel.displayName = 'DropdownMenu.Label';

package/dist/esm/lib/components/DropdownMenu/DropdownMenuRadioItem.js

@@ -0,0 +1,41 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { DropdownMenuItemIndicator } from './DropdownMenuItemIndicator';
+import { dropdownMenuItemVariants } from './DropdownMenuItem';
+import { menuItemAppearanceStyle } from 'lib/constants';
+import { DotFilledIcon } from '@radix-ui/react-icons';
+import { DropdownMenuContext } from './DropdownMenuRoot';
+import { cn } from 'lib/utils/utils';
+export var DropdownMenuRadioItem = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, selectedValue = _a.selectedValue, props = __rest(_a, ["className", "children", "selectedValue"]);
+    var _b = useContext(DropdownMenuContext), radius = _b.radius, size = _b.size, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.appearance, appearance = _d === void 0 ? 'solid' : _d;
+    var itemClassName = cn(dropdownMenuItemVariants({
+        radius: radius,
+        size: size,
+    }), menuItemAppearanceStyle(appearance, color), className);
+    return (_jsxs(DropdownMenuPrimitive.RadioItem, __assign({ ref: ref, className: itemClassName }, props, { children: [_jsx(DropdownMenuItemIndicator, { forceMount: true, radius: 'full', size: size, children: selectedValue === props.value && _jsx(DotFilledIcon, {}) }), children] })));
+});
+DropdownMenuRadioItem.displayName = 'DropdownMenu.RadioItem';

package/dist/esm/lib/components/DropdownMenu/DropdownMenuRoot.js

@@ -0,0 +1,38 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext } from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export var DropdownMenuContext = createContext({
+    radius: 'medium',
+    size: 'medium',
+    scaling: '100%',
+    color: 'red',
+    appearance: 'solid',
+});
+export var DropdownMenuRoot = function (_a) {
+    var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, color = _a.color, appearance = _a.appearance, props = __rest(_a, ["children", "radius", "size", "scaling", "color", "appearance"]);
+    var contextValue = { radius: radius, size: size, scaling: scaling, color: color, appearance: appearance };
+    return (_jsx(DropdownMenuContext.Provider, { value: contextValue, children: _jsx(DropdownMenuPrimitive.Root, __assign({}, props, { children: children })) }));
+};
+DropdownMenuRoot.displayName = 'DropdownMenu.Root';

package/dist/esm/lib/components/DropdownMenu/DropdownMenuSeparator.js

@@ -0,0 +1,31 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { cn } from 'lib/utils/utils';
+export var DropdownMenuSeparator = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, color = _a.color, props = __rest(_a, ["className", "children", "color"]);
+    return (_jsx(DropdownMenuPrimitive.Separator, __assign({ ref: ref, className: cn('h-[1px] m-[5px] bg-slate-6 dark:bg-slateDark-6', className) }, props)));
+});
+DropdownMenuSeparator.displayName = 'DropdownMenu.Separator';

package/dist/esm/lib/components/DropdownMenu/DropdownMenuSub.js

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export var DropdownMenuSub = forwardRef(function (_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return _jsx(DropdownMenuPrimitive.Sub, __assign({}, props, { children: children }));
+});
+DropdownMenuSub.displayName = 'DropdownMenu.Sub';

package/dist/esm/lib/components/DropdownMenu/DropdownMenuSubTrigger.js

@@ -0,0 +1,40 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { dropdownMenuItemVariants } from './DropdownMenuItem';
+import { ChevronRightIcon } from '@radix-ui/react-icons';
+import { blackText, menuItemAppearanceStyle } from 'lib/constants';
+import { DropdownMenuContext } from './DropdownMenuRoot';
+import { cn } from 'lib/utils/utils';
+export var DropdownMenuSubTrigger = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    var _b = useContext(DropdownMenuContext), size = _b.size, radius = _b.radius, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.appearance, appearance = _d === void 0 ? 'solid' : _d;
+    var iconClassName = cn('group-data-[disabled]:text-slate-8 ', appearance === 'solid' && blackText.includes(color)
+        ? 'hover:fill-slate-12 dark:hover:fill-slateDark-1'
+        : "hover:fill-white dark:hover:fill-slateDark-12 ");
+    var triggerClassName = cn(dropdownMenuItemVariants({ size: size, radius: radius }), menuItemAppearanceStyle(appearance, color), className);
+    return (_jsxs(DropdownMenuPrimitive.SubTrigger, __assign({ ref: ref, className: triggerClassName }, props, { children: [children, _jsx("div", { className: "ml-auto pl-5", children: _jsx(ChevronRightIcon, { className: iconClassName }) })] })));
+});
+DropdownMenuSubTrigger.displayName = 'DropdownMenu.SubTrigger';

package/dist/esm/lib/components/DropdownMenu/DropdownMenuTrigger.js

@@ -0,0 +1,53 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import { cva } from 'class-variance-authority';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { DropdownMenuContext } from './DropdownMenuRoot';
+import { cn } from 'lib/utils/utils';
+var dropdownMenuTriggerVariants = cva('', {
+    variants: {
+        radius: {
+            none: 'rounded-none',
+            small: 'rounded-[3px]',
+            medium: 'rounded',
+            large: 'rounded-md',
+            full: 'rounded-md',
+        },
+        size: {
+            small: 'h-6 gap-1 px-2 text-xs',
+            medium: 'h-8 gap-2 px-3 text-sm',
+        },
+    },
+    defaultVariants: {
+        radius: 'medium',
+        size: 'medium',
+    },
+});
+export var DropdownMenuTrigger = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    var _b = useContext(DropdownMenuContext), radius = _b.radius, size = _b.size;
+    return (_jsx(DropdownMenuPrimitive.Trigger, __assign({ asChild: true, ref: ref, className: cn(dropdownMenuTriggerVariants({ radius: radius, size: size }), className) }, props, { children: children })));
+});
+DropdownMenuTrigger.displayName = 'DropdownMenu.Trigger';