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

package/dist/cjs/lib/components/Button/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,14 +21,16 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-import { radiusVariants, weightVariants, primaryColorStyle, appearanceStyle, scalingVariants, } from 'lib/constants';
-var buttonVariants = cva("inline-flex items-center w-fit transition-colors focus:outline-none hover:cursor-pointer\n  disabled:cursor-not-allowed disabled:bg-slate-3 disabled:text-slate-8 justify-center", {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = 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 utils_1 = require("lib/utils/utils");
+var constants_1 = require("lib/constants");
+var buttonVariants = (0, class_variance_authority_1.cva)("inline-flex items-center w-fit transition-colors focus:outline-none hover:cursor-pointer\n  disabled:cursor-not-allowed disabled:bg-slate-3 disabled:text-slate-8 justify-center", {
     variants: {
-        radius: __assign({}, radiusVariants['base']),
+        radius: __assign({}, constants_1.radiusVariants['base']),
         size: {
             'x-small': 'text-xs min-w-[36px] h-[20px] px-1.5',
             small: 'text-xs min-w-[40px] h-[24px] px-2',
@@ -35,9 +38,9 @@ var buttonVariants = cva("inline-flex items-center w-fit transition-colors focus
             large: 'text-base min-w-[62px] h-[40px] px-4',
             'x-large': 'text-lg min-w-[82px] h-[48px] px-6',
         },
-        scaling: __assign({}, scalingVariants),
-        weight: __assign({}, weightVariants),
-        color: primaryColorStyle(),
+        scaling: __assign({}, constants_1.scalingVariants),
+        weight: __assign({}, constants_1.weightVariants),
+        color: (0, constants_1.primaryColorStyle)(),
     },
     defaultVariants: {
         radius: 'medium',
@@ -47,10 +50,10 @@ var buttonVariants = cva("inline-flex items-center w-fit transition-colors focus
         size: 'medium',
     },
 });
-export var Button = forwardRef(function (_a, ref) {
+exports.Button = (0, react_1.forwardRef)(function (_a, ref) {
     var className = _a.className, children = _a.children, radius = _a.radius, scaling = _a.scaling, size = _a.size, weight = _a.weight, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'solid' : _c, props = __rest(_a, ["className", "children", "radius", "scaling", "size", "weight", "color", "appearance"]);
-    var buttonClassName = cn(buttonVariants({ radius: radius, scaling: scaling, size: size, weight: weight, color: color }), appearanceStyle(appearance, color, true), className);
-    return (_jsx("button", __assign({ ref: ref, className: buttonClassName }, props, { children: children })));
+    var buttonClassName = (0, utils_1.cn)(buttonVariants({ radius: radius, scaling: scaling, size: size, weight: weight, color: color }), (0, constants_1.appearanceStyle)(appearance, color, true), className);
+    return ((0, jsx_runtime_1.jsx)("button", __assign({ ref: ref, className: buttonClassName }, props, { children: children })));
 });
-Button.displayName = 'Button';
-export default Button;
+exports.Button.displayName = 'Button';
+exports.default = exports.Button;

package/dist/cjs/lib/components/Callout/CalloutIcon.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, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { Callout as CalloutTheme } from '@radix-ui/themes';
-import { cva } from 'class-variance-authority';
-import { ExclamationTriangleIcon, InfoCircledIcon, LockClosedIcon, CheckCircledIcon, } from '@radix-ui/react-icons';
-import { scalingVariants } from 'lib/constants';
-import { cn } from 'lib/utils/utils';
-import { useCalloutContext } from './CalloutRoot';
-var calloutIconVariants = cva('flex items-center text-slate-12 dark:text-slateDark-12', {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalloutIcon = 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 react_icons_1 = require("@radix-ui/react-icons");
+var constants_1 = require("lib/constants");
+var utils_1 = require("lib/utils/utils");
+var CalloutRoot_1 = require("./CalloutRoot");
+var calloutIconVariants = (0, class_variance_authority_1.cva)('flex items-center text-slate-12 dark:text-slateDark-12', {
     variants: {
-        scaling: __assign({}, scalingVariants),
+        scaling: __assign({}, constants_1.scalingVariants),
         size: {
             small: 'h-5 mr-2',
             medium: 'h-5 mr-3',
@@ -49,9 +52,9 @@ var calloutIconVariants = cva('flex items-center text-slate-12 dark:text-slateDa
         color: 'information',
     },
 });
-export var CalloutIcon = forwardRef(function (_a, ref) {
+exports.CalloutIcon = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, iconType = _a.iconType, props = __rest(_a, ["children", "className", "iconType"]);
-    var _b = useCalloutContext(), scaling = _b.scaling, size = _b.size, color = _b.color;
-    return (_jsxs(CalloutTheme.Icon, __assign({ ref: ref, className: cn(calloutIconVariants({ color: color, size: size, scaling: scaling }), className) }, props, { children: [iconType === 'danger' && _jsx(ExclamationTriangleIcon, {}), iconType === 'warning' && _jsx(LockClosedIcon, {}), iconType === 'success' && _jsx(CheckCircledIcon, {}), iconType === 'information' && _jsx(InfoCircledIcon, {}), children] })));
+    var _b = (0, CalloutRoot_1.useCalloutContext)(), scaling = _b.scaling, size = _b.size, color = _b.color;
+    return ((0, jsx_runtime_1.jsxs)(themes_1.Callout.Icon, __assign({ ref: ref, className: (0, utils_1.cn)(calloutIconVariants({ color: color, size: size, scaling: scaling }), className) }, props, { children: [iconType === 'danger' && (0, jsx_runtime_1.jsx)(react_icons_1.ExclamationTriangleIcon, {}), iconType === 'warning' && (0, jsx_runtime_1.jsx)(react_icons_1.LockClosedIcon, {}), iconType === 'success' && (0, jsx_runtime_1.jsx)(react_icons_1.CheckCircledIcon, {}), iconType === 'information' && (0, jsx_runtime_1.jsx)(react_icons_1.InfoCircledIcon, {}), children] })));
 });
-CalloutIcon.displayName = 'Callout.Icon';
+exports.CalloutIcon.displayName = 'Callout.Icon';

package/dist/cjs/lib/components/Callout/CalloutRoot.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,21 +21,23 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, createContext, useContext, useMemo, } from 'react';
-import { Callout as CalloutTheme } from '@radix-ui/themes';
-import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-import { appearanceStyle, radiusVariants, scalingVariants } from 'lib/constants';
-var calloutVariants = cva('flex w-fit max-w-[600px]', {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalloutRoot = exports.useCalloutContext = 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 constants_1 = require("lib/constants");
+var calloutVariants = (0, class_variance_authority_1.cva)('flex w-fit max-w-[600px]', {
     variants: {
-        radius: __assign({}, radiusVariants['large']),
+        radius: __assign({}, constants_1.radiusVariants['large']),
         size: {
             small: 'min-h-[44px] p-3',
             medium: 'min-h-[52px] p-4',
             large: 'min-h-[72px] p-6',
         },
-        scaling: __assign({}, scalingVariants),
+        scaling: __assign({}, constants_1.scalingVariants),
         color: {
             danger: 'bg-redA-3 dark:bg-redDarkA-3',
             warning: 'bg-amberA-3 dark:bg-amberDarkA-3',
@@ -49,15 +52,16 @@ var calloutVariants = cva('flex w-fit max-w-[600px]', {
         size: 'medium',
     },
 });
-var CalloutContext = createContext({
+var CalloutContext = (0, react_1.createContext)({
     size: 'medium',
     scaling: '100%',
     color: null,
 });
-export var useCalloutContext = function () {
-    return useContext(CalloutContext);
+var useCalloutContext = function () {
+    return (0, react_1.useContext)(CalloutContext);
 };
-export var CalloutRoot = forwardRef(function (_a, ref) {
+exports.useCalloutContext = useCalloutContext;
+exports.CalloutRoot = (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 ? 'information' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'soft' : _c, props = __rest(_a, ["children", "className", "radius", "scaling", "size", "color", "appearance"]);
     var colorMap = {
         danger: 'red',
@@ -65,8 +69,8 @@ export var CalloutRoot = forwardRef(function (_a, ref) {
         success: 'green',
         warning: 'amber',
     };
-    var calloutClassName = cn(calloutVariants({ radius: radius, scaling: scaling, size: size, color: color }), appearanceStyle(appearance, colorMap[color], false), className);
-    var contextValue = useMemo(function () { return ({ size: size, scaling: scaling, color: color }); }, [size, scaling, color]);
-    return (_jsx(CalloutContext.Provider, { value: contextValue, children: _jsx(CalloutTheme.Root, __assign({ ref: ref }, props, { className: calloutClassName, children: children })) }));
+    var calloutClassName = (0, utils_1.cn)(calloutVariants({ radius: radius, scaling: scaling, size: size, color: color }), (0, constants_1.appearanceStyle)(appearance, colorMap[color], false), className);
+    var contextValue = (0, react_1.useMemo)(function () { return ({ size: size, scaling: scaling, color: color }); }, [size, scaling, color]);
+    return ((0, jsx_runtime_1.jsx)(CalloutContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(themes_1.Callout.Root, __assign({ ref: ref }, props, { className: calloutClassName, children: children })) }));
 });
-CalloutRoot.displayName = 'Callout.Root';
+exports.CalloutRoot.displayName = 'Callout.Root';

package/dist/cjs/lib/components/Callout/CalloutText.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 { forwardRef } from 'react';
-import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-import { useCalloutContext } from './CalloutRoot';
-export var calloutTextVariants = cva('break-words font-normal text-slate-12 dark:text-slateDark-12', {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalloutText = exports.calloutTextVariants = 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 utils_1 = require("lib/utils/utils");
+var CalloutRoot_1 = require("./CalloutRoot");
+exports.calloutTextVariants = (0, class_variance_authority_1.cva)('break-words font-normal text-slate-12 dark:text-slateDark-12', {
     variants: {
         size: {
             small: 'text-sm',
@@ -44,9 +47,9 @@ export var calloutTextVariants = cva('break-words font-normal text-slate-12 dark
         color: 'information',
     },
 });
-export var CalloutText = forwardRef(function (_a, ref) {
+exports.CalloutText = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, contentText = _a.contentText, props = __rest(_a, ["children", "className", "contentText"]);
-    var _b = useCalloutContext(), size = _b.size, color = _b.color;
-    return (_jsx("p", __assign({ ref: ref, className: cn(calloutTextVariants({ size: size, color: color }), className) }, props, { children: contentText !== null && contentText !== void 0 ? contentText : children })));
+    var _b = (0, CalloutRoot_1.useCalloutContext)(), size = _b.size, color = _b.color;
+    return ((0, jsx_runtime_1.jsx)("p", __assign({ ref: ref, className: (0, utils_1.cn)((0, exports.calloutTextVariants)({ size: size, color: color }), className) }, props, { children: contentText !== null && contentText !== void 0 ? contentText : children })));
 });
-CalloutText.displayName = 'Callout.Text';
+exports.CalloutText.displayName = 'Callout.Text';

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

@@ -1,9 +1,11 @@
-import { CalloutRoot as Root } from './CalloutRoot';
-import { CalloutText as Text } from './CalloutText';
-import { CalloutIcon as Icon } from './CalloutIcon';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var CalloutRoot_1 = require("./CalloutRoot");
+var CalloutText_1 = require("./CalloutText");
+var CalloutIcon_1 = require("./CalloutIcon");
 var Callout = {
-    Root: Root,
-    Text: Text,
-    Icon: Icon
+    Root: CalloutRoot_1.CalloutRoot,
+    Text: CalloutText_1.CalloutText,
+    Icon: CalloutIcon_1.CalloutIcon
 };
-export default Callout;
+exports.default = Callout;

package/dist/cjs/lib/components/Card/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,12 +21,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { cva } from 'class-variance-authority';
-import { scalingVariants, weightVariants } from 'lib/constants';
-import { cn } from 'lib/utils/utils';
-var cardVariants = cva("border border-slate-6 flex items-center text-slate-12\n  dark:border-slateDarkA-6 dark:text-slateDarkA-12\n  ", {
+Object.defineProperty(exports, "__esModule", { value: true });
+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 utils_1 = require("lib/utils/utils");
+var cardVariants = (0, class_variance_authority_1.cva)("border border-slate-6 flex items-center text-slate-12\n  dark:border-slateDarkA-6 dark:text-slateDarkA-12\n  ", {
     variants: {
         radius: {
             none: 'rounded-none',
@@ -39,8 +41,8 @@ var cardVariants = cva("border border-slate-6 flex items-center text-slate-12\n
             medium: 'text-base min-h-[80px] w-[350px] p-4 space-x-4',
             large: 'text-lg min-h-[112px] w-[400px] p-8 space-x-8',
         },
-        scaling: __assign({}, scalingVariants),
-        weight: __assign({}, weightVariants),
+        scaling: __assign({}, constants_1.scalingVariants),
+        weight: __assign({}, constants_1.weightVariants),
     },
     defaultVariants: {
         radius: 'medium',
@@ -49,7 +51,7 @@ var cardVariants = cva("border border-slate-6 flex items-center text-slate-12\n
         weight: 'medium',
     },
 });
-var Card = forwardRef(function (_a, ref) {
+var Card = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, size = _a.size, color = _a.color, weight = _a.weight, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, props = __rest(_a, ["children", "className", "radius", "scaling", "size", "color", "weight", "appearance"]);
     var appearanceClassName = '';
     if (appearance === 'classic') {
@@ -58,7 +60,7 @@ var Card = forwardRef(function (_a, ref) {
     if (appearance === 'ghost') {
         appearanceClassName = 'border-transparent';
     }
-    return (_jsx("div", __assign({ className: cn(cardVariants({ radius: radius, scaling: scaling, size: size }), appearanceClassName, className), ref: ref }, props, { children: children })));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, utils_1.cn)(cardVariants({ radius: radius, scaling: scaling, size: size }), appearanceClassName, className), ref: ref }, props, { children: children })));
 });
 Card.displayName = 'Card';
-export default Card;
+exports.default = Card;

package/dist/cjs/lib/components/Checkbox/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++) {
@@ -9,6 +10,29 @@ 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 __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,15 +44,17 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { cva } from 'class-variance-authority';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { CheckIcon, MinusIcon } from '@radix-ui/react-icons';
-import { Label } from 'lib/components/Label';
-import { cn } from 'lib/utils/utils';
-import { checkboxAppearanceStyle, radiusVariants, scalingVariants, textColorStyle, } from 'lib/constants';
-export var CheckboxVariants = cva("peer ring-offset-background", {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = exports.CheckboxVariants = 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 CheckboxPrimitive = __importStar(require("@radix-ui/react-checkbox"));
+var react_icons_1 = require("@radix-ui/react-icons");
+var Label_1 = require("lib/components/Label");
+var utils_1 = require("lib/utils/utils");
+var constants_1 = require("lib/constants");
+exports.CheckboxVariants = (0, class_variance_authority_1.cva)("peer ring-offset-background", {
     variants: {
         size: {
             small: 'h-3.5 w-3.5 mr-2',
@@ -42,7 +68,7 @@ export var CheckboxVariants = cva("peer ring-offset-background", {
             '105%': 'scale-105 mr-2.5',
             '110%': 'scale-110 mr-3',
         },
-        radius: __assign({}, radiusVariants['small']),
+        radius: __assign({}, constants_1.radiusVariants['small']),
     },
     defaultVariants: {
         radius: 'medium',
@@ -50,29 +76,29 @@ export var CheckboxVariants = cva("peer ring-offset-background", {
         scaling: '100%',
     },
 });
-var CheckboxIndicatorVariants = cva('stroke-current', {
+var CheckboxIndicatorVariants = (0, class_variance_authority_1.cva)('stroke-current', {
     variants: {
         size: {
             small: 'w-3.5',
             medium: 'w-4',
             large: 'w-5',
         },
-        scaling: __assign({}, scalingVariants),
+        scaling: __assign({}, constants_1.scalingVariants),
     },
     defaultVariants: {
         size: 'medium',
         scaling: '100%',
     },
 });
-var CheckboxLabelVariants = cva('', {
+var CheckboxLabelVariants = (0, class_variance_authority_1.cva)('', {
     variants: {
         size: {
             small: 'text-xs',
             medium: 'text-sm',
             large: 'text-base',
         },
-        scaling: __assign({}, scalingVariants),
-        color: textColorStyle(),
+        scaling: __assign({}, constants_1.scalingVariants),
+        color: (0, constants_1.textColorStyle)(),
     },
     defaultVariants: {
         size: 'medium',
@@ -80,10 +106,10 @@ var CheckboxLabelVariants = cva('', {
         color: 'black',
     },
 });
-export var Checkbox = forwardRef(function (_a, ref) {
+exports.Checkbox = (0, react_1.forwardRef)(function (_a, ref) {
     var id = _a.id, className = _a.className, children = _a.children, scaling = _a.scaling, radius = _a.radius, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, _d = _a.indeterminate, indeterminate = _d === void 0 ? false : _d, props = __rest(_a, ["id", "className", "children", "scaling", "radius", "size", "color", "appearance", "indeterminate"]);
-    var checkboxClassName = cn(CheckboxVariants({ scaling: scaling, size: size, radius: radius }), checkboxAppearanceStyle(appearance, color, indeterminate), className);
-    return (_jsxs("div", { className: "flex items-center", children: [_jsx(CheckboxPrimitive.Root, __assign({ id: id, ref: ref, className: checkboxClassName }, props, { children: _jsx(CheckboxPrimitive.Indicator, { className: cn('flex items-center justify-center text-current stroke-[0.5px]'), children: indeterminate ? (_jsx(MinusIcon, { className: cn(CheckboxIndicatorVariants({ scaling: scaling, size: size }), 'w-3') })) : (_jsx(CheckIcon, { className: cn(CheckboxIndicatorVariants({ scaling: scaling, size: size })) })) }) })), children && (_jsx(Label, { className: cn(CheckboxLabelVariants({ scaling: scaling, size: size }), className), htmlFor: id, children: children }))] }));
+    var checkboxClassName = (0, utils_1.cn)((0, exports.CheckboxVariants)({ scaling: scaling, size: size, radius: radius }), (0, constants_1.checkboxAppearanceStyle)(appearance, color, indeterminate), className);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [(0, jsx_runtime_1.jsx)(CheckboxPrimitive.Root, __assign({ id: id, ref: ref, className: checkboxClassName }, props, { children: (0, jsx_runtime_1.jsx)(CheckboxPrimitive.Indicator, { className: (0, utils_1.cn)('flex items-center justify-center text-current stroke-[0.5px]'), children: indeterminate ? ((0, jsx_runtime_1.jsx)(react_icons_1.MinusIcon, { className: (0, utils_1.cn)(CheckboxIndicatorVariants({ scaling: scaling, size: size }), 'w-3') })) : ((0, jsx_runtime_1.jsx)(react_icons_1.CheckIcon, { className: (0, utils_1.cn)(CheckboxIndicatorVariants({ scaling: scaling, size: size })) })) }) })), children && ((0, jsx_runtime_1.jsx)(Label_1.Label, { className: (0, utils_1.cn)(CheckboxLabelVariants({ scaling: scaling, size: size }), className), htmlFor: id, children: children }))] }));
 });
-Checkbox.displayName = 'Checkbox';
-export default Checkbox;
+exports.Checkbox.displayName = 'Checkbox';
+exports.default = exports.Checkbox;

package/dist/cjs/lib/components/CheckboxCard/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,14 +21,19 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { cva } from 'class-variance-authority';
-import Checkbox from 'lib/components/Checkbox';
-import { Label } from 'lib/components/Label';
-import { cn } from 'lib/utils/utils';
-import { scalingVariants } from 'lib/constants';
-export var CheckboxCardVariants = cva("flex justify-between space-x-2 w-fit min-w-[200px] border border-slate-7 text-slate-12\n    hover:border-slate-8 hover:cursor-pointer aria-disabled:bg-slate-3 aria-disabled:cursor-not-allowed aria-disabled:text-slateA-9\n    dark:border-slateDark-6 dark:text-slateDark-12 dark:hover:border-slateDark-7\n    dark:aria-disabled:bg-slateDark-3 dark:aria-disabled:text-slateDarkA-8", {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxCardVariants = 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 Checkbox_1 = __importDefault(require("lib/components/Checkbox"));
+var Label_1 = require("lib/components/Label");
+var utils_1 = require("lib/utils/utils");
+var constants_1 = require("lib/constants");
+exports.CheckboxCardVariants = (0, class_variance_authority_1.cva)("flex justify-between space-x-2 w-fit min-w-[200px] border border-slate-7 text-slate-12\n    hover:border-slate-8 hover:cursor-pointer aria-disabled:bg-slate-3 aria-disabled:cursor-not-allowed aria-disabled:text-slateA-9\n    dark:border-slateDark-6 dark:text-slateDark-12 dark:hover:border-slateDark-7\n    dark:aria-disabled:bg-slateDark-3 dark:aria-disabled:text-slateDarkA-8", {
     variants: {
         radius: {
             none: 'rounded-none',
@@ -41,7 +47,7 @@ export var CheckboxCardVariants = cva("flex justify-between space-x-2 w-fit min-
             medium: 'text-sm px-4 py-3.5',
             large: 'text-base px-6 py-[20px]',
         },
-        scaling: __assign({}, scalingVariants),
+        scaling: __assign({}, constants_1.scalingVariants),
     },
     defaultVariants: {
         radius: 'medium',
@@ -49,10 +55,10 @@ export var CheckboxCardVariants = cva("flex justify-between space-x-2 w-fit min-
         size: 'medium',
     },
 });
-var CheckboxCard = forwardRef(function (_a, ref) {
+var CheckboxCard = (0, react_1.forwardRef)(function (_a, ref) {
     var className = _a.className, children = _a.children, size = _a.size, scaling = _a.scaling, radius = _a.radius, color = _a.color, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, id = _a.id, disabled = _a.disabled, props = __rest(_a, ["className", "children", "size", "scaling", "radius", "color", "appearance", "id", "disabled"]);
-    var labelClassName = cn(CheckboxCardVariants({ size: size, radius: radius, scaling: scaling }), appearance === 'classic' ? 'shadow-card-classic dark:shadow-card-dark-classic' : '', className);
-    return (_jsxs(Label, { htmlFor: id, className: labelClassName, "aria-disabled": disabled, children: [children, _jsx(Checkbox, __assign({ className: "mr-0", ref: ref, id: id, size: size, scaling: scaling, radius: radius, color: color, disabled: disabled, appearance: appearance === 'classic' ? 'classic' : 'surface' }, props))] }));
+    var labelClassName = (0, utils_1.cn)((0, exports.CheckboxCardVariants)({ size: size, radius: radius, scaling: scaling }), appearance === 'classic' ? 'shadow-card-classic dark:shadow-card-dark-classic' : '', className);
+    return ((0, jsx_runtime_1.jsxs)(Label_1.Label, { htmlFor: id, className: labelClassName, "aria-disabled": disabled, children: [children, (0, jsx_runtime_1.jsx)(Checkbox_1.default, __assign({ className: "mr-0", ref: ref, id: id, size: size, scaling: scaling, radius: radius, color: color, disabled: disabled, appearance: appearance === 'classic' ? 'classic' : 'surface' }, props))] }));
 });
 CheckboxCard.displayName = 'CheckboxCard';
-export default CheckboxCard;
+exports.default = CheckboxCard;

package/dist/cjs/lib/components/CheckboxGroup/CheckboxGroupItem.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,14 +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 Checkbox from 'lib/components/Checkbox';
-import { useCheckboxGroupContext } from './CheckboxGroupRoot';
-export var CheckboxGroupItem = forwardRef(function (_a, ref) {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxGroupItem = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var Checkbox_1 = __importDefault(require("lib/components/Checkbox"));
+var CheckboxGroupRoot_1 = require("./CheckboxGroupRoot");
+exports.CheckboxGroupItem = (0, react_1.forwardRef)(function (_a, ref) {
     var className = _a.className, children = _a.children, value = _a.value, id = _a.id, defaultValue = _a.defaultValue, props = __rest(_a, ["className", "children", "value", "id", "defaultValue"]);
-    var _b = useCheckboxGroupContext(), scaling = _b.scaling, size = _b.size, color = _b.color, radius = _b.radius, appearance = _b.appearance;
-    return (_jsx("div", { className: "flex", children: _jsx(Checkbox, __assign({ className: className, ref: ref, id: id, defaultChecked: defaultValue == id, scaling: scaling, radius: radius, color: color, size: size, appearance: appearance }, props, { children: children })) }));
+    var _b = (0, CheckboxGroupRoot_1.useCheckboxGroupContext)(), scaling = _b.scaling, size = _b.size, color = _b.color, radius = _b.radius, appearance = _b.appearance;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex", children: (0, jsx_runtime_1.jsx)(Checkbox_1.default, __assign({ className: className, ref: ref, id: id, defaultChecked: defaultValue == id, scaling: scaling, radius: radius, color: color, size: size, appearance: appearance }, props, { children: children })) }));
 });
-CheckboxGroupItem.displayName = 'CheckboxGroup.Item';
-export default CheckboxGroupItem;
+exports.CheckboxGroupItem.displayName = 'CheckboxGroup.Item';
+exports.default = exports.CheckboxGroupItem;

package/dist/cjs/lib/components/CheckboxGroup/CheckboxGroupRoot.js

@@ -1,9 +1,35 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { Children, createContext, forwardRef, useContext, useMemo, } from 'react';
-import { CheckboxGroup as CheckboxGroupTheme } from '@radix-ui/themes';
-import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-export var CheckboxGroupVariants = cva("", {
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxGroupRoot = exports.useCheckboxGroupContext = exports.CheckboxGroupVariants = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importStar(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");
+exports.CheckboxGroupVariants = (0, class_variance_authority_1.cva)("", {
     variants: {
         size: {
             small: 'space-y-1',
@@ -15,20 +41,21 @@ export var CheckboxGroupVariants = cva("", {
         size: 'medium',
     },
 });
-var CheckboxGroupContext = createContext({
+var CheckboxGroupContext = (0, react_1.createContext)({
     size: 'medium',
     color: 'red',
     scaling: '100%',
     radius: 'medium',
     appearance: 'surface',
 });
-export var useCheckboxGroupContext = function () {
-    return useContext(CheckboxGroupContext);
+var useCheckboxGroupContext = function () {
+    return (0, react_1.useContext)(CheckboxGroupContext);
 };
-export var CheckboxGroupRoot = forwardRef(function (_a, ref) {
+exports.useCheckboxGroupContext = useCheckboxGroupContext;
+exports.CheckboxGroupRoot = (0, react_1.forwardRef)(function (_a, ref) {
     var className = _a.className, children = _a.children, defaultValue = _a.defaultValue, scaling = _a.scaling, size = _a.size, color = _a.color, radius = _a.radius, appearance = _a.appearance;
-    var contextValue = useMemo(function () { return ({ scaling: scaling, size: size, color: color, radius: radius, appearance: appearance }); }, [scaling, size, color, radius, appearance]);
-    return (_jsx(CheckboxGroupContext.Provider, { value: contextValue, children: _jsx(CheckboxGroupTheme.Root, { ref: ref, defaultValue: defaultValue, className: cn(CheckboxGroupVariants({ size: size }), className), children: Children.map(children, function (child) { return React.cloneElement(child, { defaultValue: defaultValue }); }) }) }));
+    var contextValue = (0, react_1.useMemo)(function () { return ({ scaling: scaling, size: size, color: color, radius: radius, appearance: appearance }); }, [scaling, size, color, radius, appearance]);
+    return ((0, jsx_runtime_1.jsx)(CheckboxGroupContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(themes_1.CheckboxGroup.Root, { ref: ref, defaultValue: defaultValue, className: (0, utils_1.cn)((0, exports.CheckboxGroupVariants)({ size: size }), className), children: react_1.Children.map(children, function (child) { return react_1.default.cloneElement(child, { defaultValue: defaultValue }); }) }) }));
 });
-CheckboxGroupRoot.displayName = 'CheckboxGroup.Root';
-export default CheckboxGroupRoot;
+exports.CheckboxGroupRoot.displayName = 'CheckboxGroup.Root';
+exports.default = exports.CheckboxGroupRoot;

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

@@ -1,4 +1,6 @@
-import { CheckboxGroupRoot as Root } from './CheckboxGroupRoot';
-import { CheckboxGroupItem as Item } from './CheckboxGroupItem';
-var CheckboxGroup = { Root: Root, Item: Item };
-export default CheckboxGroup;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var CheckboxGroupRoot_1 = require("./CheckboxGroupRoot");
+var CheckboxGroupItem_1 = require("./CheckboxGroupItem");
+var CheckboxGroup = { Root: CheckboxGroupRoot_1.CheckboxGroupRoot, Item: CheckboxGroupItem_1.CheckboxGroupItem };
+exports.default = CheckboxGroup;