@lotte-innovate/ui-component-test 0.1.48 → 0.1.49

package/dist/cjs/lib/components/Dialog/DialogDescription.jsx

@@ -0,0 +1,63 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogDescription = exports.dialogDescriptionVariants = void 0;
+var react_1 = __importStar(require("react"));
+var class_variance_authority_1 = require("class-variance-authority");
+var themes_1 = require("@radix-ui/themes");
+var DialogRoot_1 = require("./DialogRoot");
+var utils_1 = require("lib/utils/utils");
+exports.dialogDescriptionVariants = (0, class_variance_authority_1.cva)('font-normal text-slate-12 dark:text-slateDark-12', {
+    variants: {
+        size: {
+            small: 'text-xs mb-3',
+            medium: 'text-sm mb-4',
+            large: 'text-base mb-5',
+            'x-large': 'text-lg mb-6',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+    },
+});
+exports.DialogDescription = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    var size = (0, react_1.useContext)(DialogRoot_1.DialogContext).size;
+    return (<themes_1.Dialog.Description mb="4" ref={ref} className={(0, utils_1.cn)((0, exports.dialogDescriptionVariants)({ size: size }), className)} {...props}>
+      {children}
+    </themes_1.Dialog.Description>);
+});
+exports.DialogDescription.displayName = 'Dialog.Description';

package/dist/cjs/lib/components/Dialog/DialogRoot.jsx

@@ -0,0 +1,56 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogRoot = exports.DialogContext = void 0;
+var react_1 = __importStar(require("react"));
+var themes_1 = require("@radix-ui/themes");
+exports.DialogContext = (0, react_1.createContext)({
+    size: 'medium',
+    scaling: '100%',
+    color: 'red',
+    radius: 'medium',
+});
+var DialogRoot = function (_a) {
+    var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, color = _a.color, props = __rest(_a, ["children", "radius", "size", "scaling", "color"]);
+    var contextValue = { radius: radius, size: size, scaling: scaling, color: color };
+    return (<themes_1.Theme accentColor={color}>
+      <exports.DialogContext.Provider value={contextValue}>
+        <themes_1.Dialog.Root {...props}>{children}</themes_1.Dialog.Root>
+      </exports.DialogContext.Provider>
+    </themes_1.Theme>);
+};
+exports.DialogRoot = DialogRoot;
+exports.DialogRoot.displayName = 'Dialog.Root';

package/dist/cjs/lib/components/Dialog/DialogSlot.jsx

@@ -0,0 +1,62 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogSlot = exports.dialogSlotVariants = void 0;
+var react_1 = __importStar(require("react"));
+var class_variance_authority_1 = require("class-variance-authority");
+var DialogRoot_1 = require("./DialogRoot");
+var utils_1 = require("lib/utils/utils");
+exports.dialogSlotVariants = (0, class_variance_authority_1.cva)('flex flex-col gap-2 font-normal text-slate-12 dark:text-slateDark-12', {
+    variants: {
+        size: {
+            small: 'text-xs mb-3',
+            medium: 'text-sm mb-4',
+            large: 'text-base mb-5',
+            'x-large': 'text-lg mb-6',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+    },
+});
+exports.DialogSlot = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    var size = (0, react_1.useContext)(DialogRoot_1.DialogContext).size;
+    return (<div ref={ref} className={(0, utils_1.cn)((0, exports.dialogSlotVariants)({ size: size }), className)} {...props}>
+      {children}
+    </div>);
+});
+exports.DialogSlot.displayName = 'Dialog.Slot';

package/dist/cjs/lib/components/Dialog/DialogTitle.jsx

@@ -0,0 +1,63 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogTitle = exports.dialogTitleVariants = void 0;
+var react_1 = __importStar(require("react"));
+var class_variance_authority_1 = require("class-variance-authority");
+var themes_1 = require("@radix-ui/themes");
+var DialogRoot_1 = require("./DialogRoot");
+var utils_1 = require("lib/utils/utils");
+exports.dialogTitleVariants = (0, class_variance_authority_1.cva)('font-bold text-slate-12 dark:text-slateDark-12', {
+    variants: {
+        size: {
+            small: 'text-sm',
+            medium: 'text-lg',
+            large: 'text-xl',
+            'x-large': 'text-2xl',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+    },
+});
+exports.DialogTitle = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    var size = (0, react_1.useContext)(DialogRoot_1.DialogContext).size;
+    return (<themes_1.Dialog.Title ref={ref} className={(0, utils_1.cn)((0, exports.dialogTitleVariants)({ size: size }), className)} {...props}>
+      {children}
+    </themes_1.Dialog.Title>);
+});
+exports.DialogTitle.displayName = 'Dialog.Title';

package/dist/cjs/lib/components/Dialog/DialogTrigger.jsx

@@ -0,0 +1,46 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogTrigger = void 0;
+var react_1 = __importStar(require("react"));
+var themes_1 = require("@radix-ui/themes");
+exports.DialogTrigger = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (<themes_1.Dialog.Trigger ref={ref} className={className} {...props}>
+    {children}
+  </themes_1.Dialog.Trigger>);
+});
+exports.DialogTrigger.displayName = 'Dialog.Trigger';

package/dist/cjs/lib/components/Dialog/index.jsx

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var DialogRoot_1 = require("./DialogRoot");
+var DialogTrigger_1 = require("./DialogTrigger");
+var DialogContent_1 = require("./DialogContent");
+var DialogTitle_1 = require("./DialogTitle");
+var DialogDescription_1 = require("./DialogDescription");
+var DialogSlot_1 = require("./DialogSlot");
+var DialogCancel_1 = require("./DialogCancel");
+var DialogAction_1 = require("./DialogAction");
+var Dialog = {
+    Root: DialogRoot_1.DialogRoot,
+    Trigger: DialogTrigger_1.DialogTrigger,
+    Content: DialogContent_1.DialogContent,
+    Title: DialogTitle_1.DialogTitle,
+    Description: DialogDescription_1.DialogDescription,
+    Slot: DialogSlot_1.DialogSlot,
+    Cancel: DialogCancel_1.DialogCancel,
+    Action: DialogAction_1.DialogAction,
+};
+exports.default = Dialog;

package/dist/cjs/lib/components/DoughnutChart/index.jsx

@@ -0,0 +1,70 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_chartjs_2_1 = require("react-chartjs-2");
+var auto_1 = require("chart.js/auto");
+var chartjs_plugin_datalabels_1 = __importDefault(require("chartjs-plugin-datalabels"));
+var utils_1 = require("lib/utils/utils");
+var class_variance_authority_1 = require("class-variance-authority");
+var constants_1 = require("lib/constants");
+var constants_2 = require("lib/color/constants");
+auto_1.Chart.register(auto_1.ArcElement, auto_1.Tooltip, auto_1.Legend, auto_1.plugins, chartjs_plugin_datalabels_1.default);
+auto_1.Chart.defaults.set('plugins.datalabels', {
+    display: false,
+});
+var doughnutVariants = (0, class_variance_authority_1.cva)('', {
+    variants: {
+        scaling: __assign({}, constants_1.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 ? constants_2.chartColorList.mixed : constants_2.chartColorList.sorting;
+        }
+        if (appearance === 'soft') {
+            return isColorMixed ? constants_2.chartAlphaColorList.mixed : constants_2.chartAlphaColorList.sorting;
+        }
+    };
+    datasets.forEach(function (dataset, index) {
+        datasets[index] = __assign(__assign({}, dataset), { backgroundColor: getChartColor(isColorMixed, appearance), borderColor: getChartColor(isColorMixed, 'solid') });
+    });
+    return (<react_chartjs_2_1.Doughnut data={{ labels: labels, datasets: datasets }} options={{
+            plugins: {
+                title: title,
+                legend: legend,
+                datalabels: datalabels,
+            },
+        }} className={(0, utils_1.cn)(doughnutVariants({ scaling: scaling }), className)} {...rest}/>);
+};
+DoughnutChart.displayName = 'DoughnutChart';
+exports.default = DoughnutChart;

package/dist/cjs/lib/components/DropdownMenu/DropdonMenuRadioGroup.jsx

@@ -0,0 +1,46 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownMenuRadioGroup = void 0;
+var react_1 = __importStar(require("react"));
+var DropdownMenuPrimitive = __importStar(require("@radix-ui/react-dropdown-menu"));
+exports.DropdownMenuRadioGroup = (0, react_1.forwardRef)(function (_a, ref) {
+    var className = _a.className, children = _a.children, value = _a.value, props = __rest(_a, ["className", "children", "value"]);
+    return (<DropdownMenuPrimitive.RadioGroup ref={ref} className={className} {...props}>
+      {react_1.Children.map(children, function (child) { return react_1.default.cloneElement(child, { selectedValue: value }); })}
+    </DropdownMenuPrimitive.RadioGroup>);
+});
+exports.DropdownMenuRadioGroup.displayName = 'DropdownMenu.RadioGroup';

package/dist/cjs/lib/components/DropdownMenu/DropdonMenuSubContent.jsx

@@ -0,0 +1,89 @@
+"use strict";
+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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownMenuSubContent = exports.dropdownMenuSubContentVariants = void 0;
+var react_1 = __importStar(require("react"));
+var DropdownMenuPrimitive = __importStar(require("@radix-ui/react-dropdown-menu"));
+var class_variance_authority_1 = require("class-variance-authority");
+var constants_1 = require("lib/constants");
+var DropdownMenuRoot_1 = require("./DropdownMenuRoot");
+var utils_1 = require("lib/utils/utils");
+exports.dropdownMenuSubContentVariants = (0, class_variance_authority_1.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({}, constants_1.scalingVariants),
+    },
+    defaultVariants: {
+        radius: 'small',
+        size: 'medium',
+        scaling: '100%',
+    },
+});
+exports.DropdownMenuSubContent = (0, react_1.forwardRef)(function (_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    var _b = (0, react_1.useContext)(DropdownMenuRoot_1.DropdownMenuContext), radius = _b.radius, scaling = _b.scaling, size = _b.size;
+    return (<DropdownMenuPrimitive.Portal>
+      <DropdownMenuPrimitive.SubContent ref={ref} className={(0, utils_1.cn)((0, exports.dropdownMenuSubContentVariants)({
+            radius: radius,
+            size: size,
+            scaling: scaling,
+        }), className)} sideOffset={2} alignOffset={-5} {...props}>
+        {children}
+      </DropdownMenuPrimitive.SubContent>
+    </DropdownMenuPrimitive.Portal>);
+});
+exports.DropdownMenuSubContent.displayName = 'DropdownMenu.SubContent';

package/dist/cjs/lib/components/DropdownMenu/DropdownMenuCheckboxItem.jsx

@@ -0,0 +1,60 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownMenuCheckboxItem = void 0;
+var react_1 = __importStar(require("react"));
+var DropdownMenuPrimitive = __importStar(require("@radix-ui/react-dropdown-menu"));
+var constants_1 = require("lib/constants");
+var DropdownMenuItem_1 = require("./DropdownMenuItem");
+var DropdownMenuItemIndicator_1 = require("./DropdownMenuItemIndicator");
+var react_icons_1 = require("@radix-ui/react-icons");
+var DropdownMenuRoot_1 = require("./DropdownMenuRoot");
+var utils_1 = require("lib/utils/utils");
+exports.DropdownMenuCheckboxItem = (0, react_1.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 = (0, react_1.useContext)(DropdownMenuRoot_1.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 = (0, utils_1.cn)((0, DropdownMenuItem_1.dropdownMenuItemVariants)({
+        radius: radius,
+        size: size,
+    }), (0, constants_1.menuItemAppearanceStyle)(appearance, color), className);
+    return (<DropdownMenuPrimitive.CheckboxItem ref={ref} className={itemClassName} {...props}>
+      <DropdownMenuItemIndicator_1.DropdownMenuItemIndicator forceMount radius={'medium'} size={size}>
+        {checked && <react_icons_1.CheckIcon />}
+      </DropdownMenuItemIndicator_1.DropdownMenuItemIndicator>
+      {children}
+    </DropdownMenuPrimitive.CheckboxItem>);
+});
+exports.DropdownMenuCheckboxItem.displayName = 'DropdownMenu.CheckboxItem';