@lotte-innovate/ui-component-test 0.1.53 → 0.1.54

package/dist/cjs/lib/components/RadarChart/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -20,36 +21,41 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cva } from 'class-variance-authority';
-import { scalingVariants } from 'lib/constants';
-import { Radar } from 'react-chartjs-2';
-import { cn } from 'lib/utils/utils';
-import { Chart as ChartJS, RadialLinearScale, PointElement, LineElement, Filler, Tooltip, Legend, plugins, } from 'chart.js/auto';
-import { chartColorList, chartAlphaColorList } from 'lib/color/constants';
-import { useDarkMode } from 'lib/utils/useDarkMode';
-import ChartDataLabels from 'chartjs-plugin-datalabels';
-ChartJS.register(RadialLinearScale, PointElement, LineElement, Filler, Tooltip, Legend, plugins, ChartDataLabels);
-ChartJS.defaults.set('plugins.datalabels', {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadarChart = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var class_variance_authority_1 = require("class-variance-authority");
+var constants_1 = require("lib/constants");
+var react_chartjs_2_1 = require("react-chartjs-2");
+var utils_1 = require("lib/utils/utils");
+var auto_1 = require("chart.js/auto");
+var constants_2 = require("lib/color/constants");
+var useDarkMode_1 = require("lib/utils/useDarkMode");
+var chartjs_plugin_datalabels_1 = __importDefault(require("chartjs-plugin-datalabels"));
+auto_1.Chart.register(auto_1.RadialLinearScale, auto_1.PointElement, auto_1.LineElement, auto_1.Filler, auto_1.Tooltip, auto_1.Legend, auto_1.plugins, chartjs_plugin_datalabels_1.default);
+auto_1.Chart.defaults.set('plugins.datalabels', {
     display: false,
 });
-var radarChartVariants = cva('', {
+var radarChartVariants = (0, class_variance_authority_1.cva)('', {
     variants: {
-        scaling: __assign({}, scalingVariants),
+        scaling: __assign({}, constants_1.scalingVariants),
     },
     defaultVariants: {
         scaling: '100%',
     },
 });
-export var RadarChart = function (_a) {
+var RadarChart = function (_a) {
     var className = _a.className, title = _a.title, legend = _a.legend, datalabels = _a.datalabels, datasets = _a.datasets, labels = _a.labels, width = _a.width, height = _a.height, scaling = _a.scaling, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, _c = _a.isColorMixed, isColorMixed = _c === void 0 ? true : _c, props = __rest(_a, ["className", "title", "legend", "datalabels", "datasets", "labels", "width", "height", "scaling", "appearance", "isColorMixed"]);
-    var _d = useDarkMode(true), isDark = _d[0], defaultScales = _d[1];
+    var _d = (0, useDarkMode_1.useDarkMode)(true), isDark = _d[0], defaultScales = _d[1];
     var getChartColor = function (isColorMixed, appearance) {
         if (appearance === 'solid') {
-            return isColorMixed ? chartColorList.mixed : chartColorList.sorting;
+            return isColorMixed ? constants_2.chartColorList.mixed : constants_2.chartColorList.sorting;
         }
         if (appearance === 'soft') {
-            return isColorMixed ? chartAlphaColorList.mixed : chartAlphaColorList.sorting;
+            return isColorMixed ? constants_2.chartAlphaColorList.mixed : constants_2.chartAlphaColorList.sorting;
         }
     };
     datasets.forEach(function (dataset, index) {
@@ -60,7 +66,7 @@ export var RadarChart = function (_a) {
         dataset.backgroundColor = ChartColor[index];
         dataset.borderColor = BorderColor[index];
     });
-    return (_jsx(Radar, __assign({ data: { labels: labels, datasets: datasets }, options: {
+    return ((0, jsx_runtime_1.jsx)(react_chartjs_2_1.Radar, __assign({ data: { labels: labels, datasets: datasets }, options: {
             plugins: {
                 title: title,
                 legend: legend,
@@ -70,7 +76,8 @@ export var RadarChart = function (_a) {
                     suggestedMin: 50,
                     suggestedMax: 100,
                 } }, defaultScales.linescale),
-        }, className: cn(radarChartVariants({ scaling: scaling }), className), width: width, height: height }, props)));
+        }, className: (0, utils_1.cn)(radarChartVariants({ scaling: scaling }), className), width: width, height: height }, props)));
 };
-RadarChart.displayName = 'RadarChart';
-export default RadarChart;
+exports.RadarChart = RadarChart;
+exports.RadarChart.displayName = 'RadarChart';
+exports.default = exports.RadarChart;

package/dist/cjs/lib/components/Radio/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -20,13 +21,18 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { cva } from 'class-variance-authority';
-import { Theme, Radio as RadioTheme, Flex } from '@radix-ui/themes';
-import { Text } from 'lib/Typography/Text';
-import { cn } from 'lib/utils/utils';
-var radioVariants = cva('font-normal', {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Radio = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var class_variance_authority_1 = require("class-variance-authority");
+var themes_1 = require("@radix-ui/themes");
+var Text_1 = require("lib/Typography/Text");
+var utils_1 = require("lib/utils/utils");
+var radioVariants = (0, class_variance_authority_1.cva)('font-normal', {
     variants: {
         size: {
             small: 'text-[12px] gap-2',
@@ -38,7 +44,7 @@ var radioVariants = cva('font-normal', {
         size: 'medium',
     },
 });
-export var Radio = React.forwardRef(function (_a, ref) {
+exports.Radio = react_1.default.forwardRef(function (_a, ref) {
     var value = _a.value, scaling = _a.scaling, color = _a.color, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, children = _a.children, className = _a.className, props = __rest(_a, ["value", "scaling", "color", "size", "appearance", "children", "className"]);
     if (!color)
         color = 'red';
@@ -47,7 +53,7 @@ export var Radio = React.forwardRef(function (_a, ref) {
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    return (_jsx(Theme, { accentColor: color, scaling: scaling, children: _jsx(Flex, { asChild: true, className: cn(radioVariants({ size: size }), className), children: _jsxs(Text, { as: "label", size: sizeTheme, children: [_jsx(RadioTheme, __assign({ ref: ref, value: value, variant: appearance, size: sizeTheme }, props)), children] }) }) }));
+    return ((0, jsx_runtime_1.jsx)(themes_1.Theme, { accentColor: color, scaling: scaling, children: (0, jsx_runtime_1.jsx)(themes_1.Flex, { asChild: true, className: (0, utils_1.cn)(radioVariants({ size: size }), className), children: (0, jsx_runtime_1.jsxs)(Text_1.Text, { as: "label", size: sizeTheme, children: [(0, jsx_runtime_1.jsx)(themes_1.Radio, __assign({ ref: ref, value: value, variant: appearance, size: sizeTheme }, props)), children] }) }) }));
 });
-Radio.displayName = 'Radio';
-export default Radio;
+exports.Radio.displayName = 'Radio';
+exports.default = exports.Radio;

package/dist/cjs/lib/components/RadioCards/RadioCardsItem.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -20,13 +21,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useContext } from 'react';
-import { cva } from 'class-variance-authority';
-import { RadioCards as RadioCardsTheme } from '@radix-ui/themes';
-import { cn } from 'lib/utils/utils';
-import { RadioCardsContext } from './RadioCardsRoot';
-export var radioCardsItemVariants = cva('min-w-[200px] bg-white dark:bg-slateDark-1 text-slateA-12 dark:text-slateDarkA-12 border-slateA-6 dark:border-slateDarkA-6 font-normal disabled:text-slateA-9 dark:disabled:text-slateDarkA-9', {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioCardsItem = exports.radioCardsItemVariants = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var class_variance_authority_1 = require("class-variance-authority");
+var themes_1 = require("@radix-ui/themes");
+var utils_1 = require("lib/utils/utils");
+var RadioCardsRoot_1 = require("./RadioCardsRoot");
+exports.radioCardsItemVariants = (0, class_variance_authority_1.cva)('min-w-[200px] bg-white dark:bg-slateDark-1 text-slateA-12 dark:text-slateDarkA-12 border-slateA-6 dark:border-slateDarkA-6 font-normal disabled:text-slateA-9 dark:disabled:text-slateDarkA-9', {
     variants: {
         radius: {
             none: 'rounded-none before:rounded-none after:rounded-none',
@@ -46,9 +49,9 @@ export var radioCardsItemVariants = cva('min-w-[200px] bg-white dark:bg-slateDar
         size: 'medium',
     },
 });
-export var RadioCardsItem = forwardRef(function (_a, ref) {
+exports.RadioCardsItem = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, value = _a.value, props = __rest(_a, ["children", "className", "value"]);
-    var _b = useContext(RadioCardsContext), radius = _b.radius, size = _b.size;
-    return (_jsx(RadioCardsTheme.Item, __assign({ ref: ref, value: value, className: cn(radioCardsItemVariants({ radius: radius, size: size }), className) }, props, { children: children })));
+    var _b = (0, react_1.useContext)(RadioCardsRoot_1.RadioCardsContext), radius = _b.radius, size = _b.size;
+    return ((0, jsx_runtime_1.jsx)(themes_1.RadioCards.Item, __assign({ ref: ref, value: value, className: (0, utils_1.cn)((0, exports.radioCardsItemVariants)({ radius: radius, size: size }), className) }, props, { children: children })));
 });
-RadioCardsItem.displayName = 'RadioCards.Item';
+exports.RadioCardsItem.displayName = 'RadioCards.Item';

package/dist/cjs/lib/components/RadioCards/RadioCardsRoot.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -20,27 +21,29 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, forwardRef } from 'react';
-import { cva } from 'class-variance-authority';
-import { scalingVariants } from 'lib/constants';
-import { Theme, RadioCards as RadioCardsTheme } from '@radix-ui/themes';
-import { cn } from 'lib/utils/utils';
-var radioCardsVariants = cva('flex items-center gap-2', {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioCardsRoot = exports.RadioCardsContext = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var class_variance_authority_1 = require("class-variance-authority");
+var constants_1 = require("lib/constants");
+var themes_1 = require("@radix-ui/themes");
+var utils_1 = require("lib/utils/utils");
+var radioCardsVariants = (0, class_variance_authority_1.cva)('flex items-center gap-2', {
     variants: {
-        scaling: __assign({}, scalingVariants),
+        scaling: __assign({}, constants_1.scalingVariants),
     },
     defaultVariants: {
         scaling: '100%',
     },
 });
-export var RadioCardsContext = createContext({
+exports.RadioCardsContext = (0, react_1.createContext)({
     radius: 'medium',
     size: 'medium',
 });
-export var RadioCardsRoot = forwardRef(function (_a, ref) {
+exports.RadioCardsRoot = (0, react_1.forwardRef)(function (_a, ref) {
     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 ? 'surface' : _c, props = __rest(_a, ["children", "className", "radius", "scaling", "size", "color", "appearance"]);
     var contextValue = { radius: radius, size: size };
-    return (_jsx(Theme, { accentColor: color, children: _jsx(RadioCardsContext.Provider, { value: contextValue, children: _jsx(RadioCardsTheme.Root, __assign({ ref: ref, variant: appearance, className: cn(radioCardsVariants({ scaling: scaling }), className) }, props, { children: children })) }) }));
+    return ((0, jsx_runtime_1.jsx)(themes_1.Theme, { accentColor: color, children: (0, jsx_runtime_1.jsx)(exports.RadioCardsContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(themes_1.RadioCards.Root, __assign({ ref: ref, variant: appearance, className: (0, utils_1.cn)(radioCardsVariants({ scaling: scaling }), className) }, props, { children: children })) }) }));
 });
-RadioCardsRoot.displayName = 'RadioCards.Root';
+exports.RadioCardsRoot.displayName = 'RadioCards.Root';

package/dist/cjs/lib/components/RadioCards/index.js

@@ -1,7 +1,9 @@
-import { RadioCardsRoot } from './RadioCardsRoot';
-import { RadioCardsItem } from './RadioCardsItem';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var RadioCardsRoot_1 = require("./RadioCardsRoot");
+var RadioCardsItem_1 = require("./RadioCardsItem");
 var RadioCards = {
-    Root: RadioCardsRoot,
-    Item: RadioCardsItem,
+    Root: RadioCardsRoot_1.RadioCardsRoot,
+    Item: RadioCardsItem_1.RadioCardsItem,
 };
-export default RadioCards;
+exports.default = RadioCards;

package/dist/cjs/lib/components/RadioGroup/RadioGroupItem.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -20,13 +21,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useContext } from 'react';
-import { cva } from 'class-variance-authority';
-import { RadioGroup as RadioGroupTheme } from '@radix-ui/themes';
-import { RadioGroupContext } from './RadioGroupRoot';
-import { cn } from 'lib/utils/utils';
-var radioGroupItemVariants = cva('font-normal text-slate-12 dark:text-slateDark-12', {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroupItem = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var class_variance_authority_1 = require("class-variance-authority");
+var themes_1 = require("@radix-ui/themes");
+var RadioGroupRoot_1 = require("./RadioGroupRoot");
+var utils_1 = require("lib/utils/utils");
+var radioGroupItemVariants = (0, class_variance_authority_1.cva)('font-normal text-slate-12 dark:text-slateDark-12', {
     variants: {
         size: {
             small: 'text-xs gap-2',
@@ -38,9 +41,9 @@ var radioGroupItemVariants = cva('font-normal text-slate-12 dark:text-slateDark-
         size: 'medium',
     },
 });
-export var RadioGroupItem = forwardRef(function (_a, ref) {
+exports.RadioGroupItem = (0, react_1.forwardRef)(function (_a, ref) {
     var className = _a.className, children = _a.children, value = _a.value, props = __rest(_a, ["className", "children", "value"]);
-    var size = useContext(RadioGroupContext).size;
-    return (_jsx(RadioGroupTheme.Item, __assign({ ref: ref, value: value, className: cn(radioGroupItemVariants({ size: size }), className) }, props, { children: children })));
+    var size = (0, react_1.useContext)(RadioGroupRoot_1.RadioGroupContext).size;
+    return ((0, jsx_runtime_1.jsx)(themes_1.RadioGroup.Item, __assign({ ref: ref, value: value, className: (0, utils_1.cn)(radioGroupItemVariants({ size: size }), className) }, props, { children: children })));
 });
-RadioGroupItem.displayName = 'RadioGroup.Item';
+exports.RadioGroupItem.displayName = 'RadioGroup.Item';

package/dist/cjs/lib/components/RadioGroup/RadioGroupRoot.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -20,12 +21,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, forwardRef } from 'react';
-import { Theme, RadioGroup as RadioGroupTheme } from '@radix-ui/themes';
-import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-var radioGroupVariants = cva('', {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroupRoot = exports.RadioGroupContext = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var themes_1 = require("@radix-ui/themes");
+var class_variance_authority_1 = require("class-variance-authority");
+var utils_1 = require("lib/utils/utils");
+var radioGroupVariants = (0, class_variance_authority_1.cva)('', {
     variants: {
         size: {
             small: 'gap-1',
@@ -37,10 +40,10 @@ var radioGroupVariants = cva('', {
         size: 'medium',
     },
 });
-export var RadioGroupContext = createContext({
+exports.RadioGroupContext = (0, react_1.createContext)({
     size: 'medium',
 });
-export var RadioGroupRoot = forwardRef(function (_a, ref) {
+exports.RadioGroupRoot = (0, react_1.forwardRef)(function (_a, ref) {
     var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, props = __rest(_a, ["className", "children", "scaling", "size", "color", "appearance"]);
     var contextValue = { size: size };
     var sizeTheme = '2';
@@ -48,6 +51,6 @@ export var RadioGroupRoot = forwardRef(function (_a, ref) {
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    return (_jsx(Theme, { accentColor: color, scaling: scaling, children: _jsx(RadioGroupContext.Provider, { value: contextValue, children: _jsx(RadioGroupTheme.Root, __assign({ ref: ref, size: sizeTheme, variant: appearance, className: cn(radioGroupVariants({ size: size }), className) }, props, { children: children })) }) }));
+    return ((0, jsx_runtime_1.jsx)(themes_1.Theme, { accentColor: color, scaling: scaling, children: (0, jsx_runtime_1.jsx)(exports.RadioGroupContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(themes_1.RadioGroup.Root, __assign({ ref: ref, size: sizeTheme, variant: appearance, className: (0, utils_1.cn)(radioGroupVariants({ size: size }), className) }, props, { children: children })) }) }));
 });
-RadioGroupRoot.displayName = 'RadioGroup.Root';
+exports.RadioGroupRoot.displayName = 'RadioGroup.Root';

package/dist/cjs/lib/components/RadioGroup/index.js

@@ -1,7 +1,9 @@
-import { RadioGroupRoot } from './RadioGroupRoot';
-import { RadioGroupItem } from './RadioGroupItem';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var RadioGroupRoot_1 = require("./RadioGroupRoot");
+var RadioGroupItem_1 = require("./RadioGroupItem");
 var RadioGroup = {
-    Root: RadioGroupRoot,
-    Item: RadioGroupItem,
+    Root: RadioGroupRoot_1.RadioGroupRoot,
+    Item: RadioGroupItem_1.RadioGroupItem,
 };
-export default RadioGroup;
+exports.default = RadioGroup;

package/dist/cjs/lib/components/ScrollArea/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -20,17 +21,19 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { Theme, ScrollArea as ScrollAreaTheme } from '@radix-ui/themes';
-export var ScrollArea = forwardRef(function (_a, ref) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollArea = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var themes_1 = require("@radix-ui/themes");
+exports.ScrollArea = (0, react_1.forwardRef)(function (_a, ref) {
     var className = _a.className, children = _a.children, scrollbars = _a.scrollbars, radius = _a.radius, _b = _a.size, size = _b === void 0 ? 'small' : _b, props = __rest(_a, ["className", "children", "scrollbars", "radius", "size"]);
     var sizeTheme = '1';
     if (size === 'medium')
         sizeTheme = '2';
     if (size === 'large')
         sizeTheme = '3';
-    return (_jsx(Theme, { children: _jsx(ScrollAreaTheme, __assign({ ref: ref, scrollbars: scrollbars, radius: radius, size: sizeTheme, className: className }, props, { children: children })) }));
+    return ((0, jsx_runtime_1.jsx)(themes_1.Theme, { children: (0, jsx_runtime_1.jsx)(themes_1.ScrollArea, __assign({ ref: ref, scrollbars: scrollbars, radius: radius, size: sizeTheme, className: className }, props, { children: children })) }));
 });
-ScrollArea.displayName = 'ScrollArea';
-export default ScrollArea;
+exports.ScrollArea.displayName = 'ScrollArea';
+exports.default = exports.ScrollArea;

package/dist/cjs/lib/components/SegmentedControl/SegmentedControlItem.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -20,16 +21,18 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { SegmentedControl as SegmentedControlTheme } from '@radix-ui/themes';
-import { cn } from 'lib/utils/utils';
-export var SegmentedControlItem = forwardRef(function (_a, ref) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SegmentedControlItem = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var themes_1 = require("@radix-ui/themes");
+var utils_1 = require("lib/utils/utils");
+exports.SegmentedControlItem = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, appearance = _a.appearance, props = __rest(_a, ["children", "className", "appearance"]);
     var appearanceClassName = '';
     if (appearance === 'classic') {
         appearanceClassName = 'dark:data-[state=on]:shadow-segmented-control-dark-classic';
     }
-    return (_jsx(SegmentedControlTheme.Item, __assign({ ref: ref, className: cn(appearanceClassName, className) }, props, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(themes_1.SegmentedControl.Item, __assign({ ref: ref, className: (0, utils_1.cn)(appearanceClassName, className) }, props, { children: children })));
 });
-SegmentedControlItem.displayName = 'SegmentedControl.Item';
+exports.SegmentedControlItem.displayName = 'SegmentedControl.Item';

package/dist/cjs/lib/components/SegmentedControl/SegmentedControlRoot.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,6 +10,32 @@ var __assign = (this && this.__assign) || function () {
     };
     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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 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)
@@ -20,28 +47,30 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { Children, forwardRef } from 'react';
-import { cva } from 'class-variance-authority';
-import { SegmentedControl as SegmentedControlTheme, Theme } from '@radix-ui/themes';
-import { scalingVariants } from 'lib/constants';
-export * from './SegmentedControlItem';
-import { cn } from 'lib/utils/utils';
-var segmentedControlVariants = cva('text-slateA-12 dark:text-slateDarkA-12', {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SegmentedControlRoot = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importStar(require("react"));
+var class_variance_authority_1 = require("class-variance-authority");
+var themes_1 = require("@radix-ui/themes");
+var constants_1 = require("lib/constants");
+__exportStar(require("./SegmentedControlItem"), exports);
+var utils_1 = require("lib/utils/utils");
+var segmentedControlVariants = (0, class_variance_authority_1.cva)('text-slateA-12 dark:text-slateDarkA-12', {
     variants: {
-        scaling: __assign({}, scalingVariants),
+        scaling: __assign({}, constants_1.scalingVariants),
     },
     defaultVariants: {
         scaling: '100%',
     },
 });
-export var SegmentedControlRoot = forwardRef(function (_a, ref) {
+exports.SegmentedControlRoot = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.radius, radius = _c === void 0 ? 'medium' : _c, _d = _a.size, size = _d === void 0 ? 'medium' : _d, scaling = _a.scaling, props = __rest(_a, ["children", "className", "appearance", "radius", "size", "scaling"]);
     var sizeTheme = '2';
     if (size === 'small')
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    return (_jsx(Theme, { children: _jsx(SegmentedControlTheme.Root, __assign({ ref: ref, size: sizeTheme, radius: radius, variant: appearance, className: cn(segmentedControlVariants({ scaling: scaling }), className) }, props, { children: Children.map(children, function (child) { return React.cloneElement(child, { appearance: appearance }); }) })) }));
+    return ((0, jsx_runtime_1.jsx)(themes_1.Theme, { children: (0, jsx_runtime_1.jsx)(themes_1.SegmentedControl.Root, __assign({ ref: ref, size: sizeTheme, radius: radius, variant: appearance, className: (0, utils_1.cn)(segmentedControlVariants({ scaling: scaling }), className) }, props, { children: react_1.Children.map(children, function (child) { return react_1.default.cloneElement(child, { appearance: appearance }); }) })) }));
 });
-SegmentedControlRoot.displayName = 'SegmentedControl.Root';
+exports.SegmentedControlRoot.displayName = 'SegmentedControl.Root';

package/dist/cjs/lib/components/SegmentedControl/index.js

@@ -1,7 +1,9 @@
-import { SegmentedControlRoot } from './SegmentedControlRoot';
-import { SegmentedControlItem } from './SegmentedControlRoot';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var SegmentedControlRoot_1 = require("./SegmentedControlRoot");
+var SegmentedControlRoot_2 = require("./SegmentedControlRoot");
 var SegmentedControl = {
-    Root: SegmentedControlRoot,
-    Item: SegmentedControlItem,
+    Root: SegmentedControlRoot_1.SegmentedControlRoot,
+    Item: SegmentedControlRoot_2.SegmentedControlItem,
 };
-export default SegmentedControl;
+exports.default = SegmentedControl;