@lotte-innovate/ui-component-test 0.1.44 → 0.1.46

package/dist/{lib/components/Tabs/index.js → esm/src/lib/components/Tabs/index.jsx}

@@ -20,12 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
 import { Theme, Tabs as TabsTheme } from '@radix-ui/themes';
 import React from 'react';
-import { cn } from '../../../lib/utils/utils';
+import { cn } from '../../../../../lib/utils/utils';
 import { cva } from 'class-variance-authority';
-import { weightVariants } from '../../../lib/constants';
+import { weightVariants } from '../../../../../lib/constants';
 var tabsVariants = cva('', {
     variants: {
         weight: __assign({}, weightVariants),
@@ -35,7 +34,11 @@ export var Root = React.forwardRef(function (_a, forwardedRef) {
     var className = _a.className, children = _a.children, color = _a.color, rootProps = __rest(_a, ["className", "children", "color"]);
     if (!color)
         color = 'red';
-    return (_jsx(Theme, { accentColor: color, hasBackground: false, children: _jsx(TabsTheme.Root, __assign({}, rootProps, { ref: forwardedRef, className: cn('', className), children: children })) }));
+    return (<Theme accentColor={color} hasBackground={false}>
+      <TabsTheme.Root {...rootProps} ref={forwardedRef} className={cn('', className)}>
+        {children}
+      </TabsTheme.Root>
+    </Theme>);
 });
 Root.displayName = 'Tabs.Root';
 export var List = React.forwardRef(function (_a, forwardedRef) {
@@ -43,17 +46,23 @@ export var List = React.forwardRef(function (_a, forwardedRef) {
     var sizeTheme = '2';
     if (size === 'small')
         sizeTheme = '1';
-    return (_jsx(TabsTheme.List, __assign({ ref: forwardedRef, size: sizeTheme }, listProps, { className: cn('', className), children: children })));
+    return (<TabsTheme.List ref={forwardedRef} size={sizeTheme} {...listProps} className={cn('', className)}>
+      {children}
+    </TabsTheme.List>);
 });
 List.displayName = 'Tabs.List';
 export var Trigger = React.forwardRef(function (_a, forwardedRef) {
     var className = _a.className, weight = _a.weight, children = _a.children, triggerProps = __rest(_a, ["className", "weight", "children"]);
-    return (_jsx(TabsTheme.Trigger, __assign({ ref: forwardedRef, className: cn('text-slateA-11 data-[state=active]:text-slateA-12 dark:text-slateDarkA-11 dark:data-[state=active]:text-slateDarkA-12', className) }, triggerProps, { children: children })));
+    return (<TabsTheme.Trigger ref={forwardedRef} className={cn('text-slateA-11 data-[state=active]:text-slateA-12 dark:text-slateDarkA-11 dark:data-[state=active]:text-slateDarkA-12', className)} {...triggerProps}>
+      {children}
+    </TabsTheme.Trigger>);
 });
 Trigger.displayName = 'Tabs.Trigger';
 export var Content = React.forwardRef(function (_a, forwardedRef) {
     var className = _a.className, weight = _a.weight, children = _a.children, contentProps = __rest(_a, ["className", "weight", "children"]);
-    return (_jsx(TabsTheme.Content, __assign({ ref: forwardedRef }, contentProps, { className: cn('mt-3', className), children: children })));
+    return (<TabsTheme.Content ref={forwardedRef} {...contentProps} className={cn('mt-3', className)}>
+      {children}
+    </TabsTheme.Content>);
 });
 Content.displayName = 'Tabs.Content';
 var Tabs = {

package/dist/{lib/components/TextArea/index.js → esm/src/lib/components/TextArea/index.jsx}

@@ -20,12 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { cva } from 'class-variance-authority';
 import { TextArea as TextAreaTheme, Theme } from '@radix-ui/themes';
-import { cn } from '../../../lib/utils/utils';
-import { radiusVariants, scalingVariants } from '../../../lib/constants';
+import { cn } from '../../../../../lib/utils/utils';
+import { radiusVariants, scalingVariants } from '../../../../../lib/constants';
 var textAreaNavVariants = cva('w-[250px]', {
     variants: {
         size: {
@@ -52,7 +51,9 @@ export var TextArea = React.forwardRef(function (_a, forwardedRef) {
         sizeTheme = '3';
     if (!color)
         color = 'red';
-    return (_jsx(Theme, { hasBackground: false, accentColor: color, children: _jsx(TextAreaTheme, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, className: cn(textAreaNavVariants({ size: size, scaling: scaling, radius: radius }), size === 'x-large' && 'rt-r-size-4', className) }, textAreaProps)) }));
+    return (<Theme hasBackground={false} accentColor={color}>
+        <TextAreaTheme ref={forwardedRef} variant={appearance} size={sizeTheme} className={cn(textAreaNavVariants({ size: size, scaling: scaling, radius: radius }), size === 'x-large' && 'rt-r-size-4', className)} {...textAreaProps}></TextAreaTheme>
+      </Theme>);
 });
 TextArea.displayName = 'TextArea';
 export default TextArea;

package/dist/{lib/components/TextField/index.js → esm/src/lib/components/TextField/index.jsx}

@@ -20,11 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
-import { bgColorStyle, radiusVariants } from '../../../lib/constants';
+import { cn } from '../../../../../lib/utils/utils';
+import { bgColorStyle, radiusVariants } from '../../../../../lib/constants';
 import { Theme, TextField as TextFieldTheme } from '@radix-ui/themes';
 var textFieldVariants = cva('', {
     variants: {
@@ -41,12 +40,18 @@ export var Root = React.forwardRef(function (_a, forwardedRef) {
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    return (_jsx(Theme, { scaling: scaling, accentColor: color, hasBackground: false, children: _jsx(TextFieldTheme.Root, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, radius: radius, color: color, className: cn(textFieldVariants({ radius: radius }), className) }, sliderProps, { children: children })) }));
+    return (<Theme scaling={scaling} accentColor={color} hasBackground={false}>
+        <TextFieldTheme.Root ref={forwardedRef} variant={appearance} size={sizeTheme} radius={radius} color={color} className={cn(textFieldVariants({ radius: radius }), className)} {...sliderProps}>
+          {children}
+        </TextFieldTheme.Root>
+      </Theme>);
 });
 Root.displayName = 'TextField.Root';
 export var Slot = React.forwardRef(function (_a, forwardedRef) {
     var className = _a.className, color = _a.color, side = _a.side, radius = _a.radius, children = _a.children, sliderProps = __rest(_a, ["className", "color", "side", "radius", "children"]);
-    return (_jsx(TextFieldTheme.Slot, __assign({ ref: forwardedRef, color: color, side: side, className: cn(textFieldVariants({ radius: radius }), className) }, sliderProps, { children: children })));
+    return (<TextFieldTheme.Slot ref={forwardedRef} color={color} side={side} className={cn(textFieldVariants({ radius: radius }), className)} {...sliderProps}>
+      {children}
+    </TextFieldTheme.Slot>);
 });
 Slot.displayName = 'TextField.Slot';
 var TextField = {

package/dist/{lib/components/Toast/ToastActionButton.js → esm/src/lib/components/Toast/ToastActionButton.jsx}

@@ -20,13 +20,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
-import Button from '../../../lib/components/Button';
-import { appearanceStyle, radiusVariants, scalingVariants } from '../../../lib/constants';
+import { cn } from '../../../../../lib/utils/utils';
+import Button from '../../../../../lib/components/Button';
+import { appearanceStyle, radiusVariants, scalingVariants } from '../../../../../lib/constants';
 import { useToastContext } from './ToastRoot';
 export var toastActionButtonVariants = cva("absolute items-center justify-center", {
     variants: {
@@ -62,6 +61,8 @@ export var ToastActionButton = forwardRef(function (_a, ref) {
     var buttonClassName = cn(toastActionButtonVariants({ size: size, radius: radius, scaling: scaling }), color && semantics.includes(color)
         ? getSemanticsStyle(color)
         : appearanceStyle(appearance, color !== null && color !== void 0 ? color : 'red'), className);
-    return (_jsx(ToastPrimitive.Action, __assign({ ref: ref, altText: altText }, props, { className: buttonClassName, asChild: true, children: _jsx(Button, { children: children }) })));
+    return (<ToastPrimitive.Action ref={ref} altText={altText} {...props} className={buttonClassName} asChild>
+      <Button>{children}</Button>
+    </ToastPrimitive.Action>);
 });
 ToastActionButton.displayName = 'Toast.ActionButton';

package/dist/{lib/components/Toast/ToastDescription.js → esm/src/lib/components/Toast/ToastDescription.jsx}

@@ -1,14 +1,3 @@
-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)
@@ -20,11 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
+import { cn } from '../../../../../lib/utils/utils';
 import { useToastContext } from './ToastRoot';
 export var toastDescriptionVariants = cva('flex m-0 text-wrap text-slate-11 dark:text-slateDark-11', {
     variants: {
@@ -48,6 +36,10 @@ export var toastDescriptionVariants = cva('flex m-0 text-wrap text-slate-11 dark
 export var ToastDescription = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, contentText = _a.contentText, props = __rest(_a, ["className", "children", "contentText"]);
     var _b = useToastContext(), size = _b.size, color = _b.color;
-    return (_jsx(ToastPrimitive.Description, __assign({ ref: ref }, props, { children: _jsx("p", { className: cn(toastDescriptionVariants({ size: size, color: color }), className), children: contentText !== null && contentText !== void 0 ? contentText : children }) })));
+    return (<ToastPrimitive.Description ref={ref} {...props}>
+      <p className={cn(toastDescriptionVariants({ size: size, color: color }), className)}>
+        {contentText !== null && contentText !== void 0 ? contentText : children}
+      </p>
+    </ToastPrimitive.Description>);
 });
 ToastDescription.displayName = 'Toast.Description';

package/dist/{lib/components/Toast/ToastRoot.js → esm/src/lib/components/Toast/ToastRoot.jsx}

@@ -20,11 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, createContext, useContext, useMemo, } from 'react';
+import React, { forwardRef, createContext, useContext, useMemo, } from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
-import { scalingVariants } from '../../../lib/constants';
+import { cn } from '../../../../../lib/utils/utils';
+import { scalingVariants } from '../../../../../lib/constants';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 export var toastVariants = cva('flex bg-white dark:bg-slateDark-1', {
     variants: {
@@ -84,7 +83,14 @@ export var ToastRoot = forwardRef(function (_a, ref) {
     var contextValue = useMemo(function () { return ({ radius: radius, size: size, scaling: scaling, color: color }); }, [radius, size, scaling, color]);
     var toastRootStyle = "\n      shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] \n      flex flex-col px-[15px] relative justify-center\n      data-[state=open]:animate-slideIn \n      data-[state=closed]:animate-hide \n      data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] \n      data-[swipe=cancel]:translate-x-0 \n      data-[swipe=cancel]:transition-[transform_200ms_ease-out] \n      data-[swipe=end]:animate-swipeOut\n    ";
     var toastClassName = cn(toastVariants({ radius: radius, scaling: scaling, size: size, color: color }), toastRootStyle, className);
-    return (_jsx(ToastContext.Provider, { value: contextValue, children: _jsxs(ToastPrimitive.Provider, { swipeDirection: "right", duration: duration, children: [_jsx(ToastPrimitive.Root, __assign({ ref: ref, className: toastClassName, open: openToast, onOpenChange: setOpenToast }, props, { children: children })), _jsx(ToastPrimitive.Viewport, { className: cn(toastViewportVariants({ toastPosition: toastPosition })) })] }) }));
+    return (<ToastContext.Provider value={contextValue}>
+        <ToastPrimitive.Provider swipeDirection="right" duration={duration}>
+          <ToastPrimitive.Root ref={ref} className={toastClassName} open={openToast} onOpenChange={setOpenToast} {...props}>
+            {children}
+          </ToastPrimitive.Root>
+          <ToastPrimitive.Viewport className={cn(toastViewportVariants({ toastPosition: toastPosition }))}/>
+        </ToastPrimitive.Provider>
+      </ToastContext.Provider>);
 });
 ToastRoot.displayName = 'Toast.Root';
 export default ToastRoot;

package/dist/{lib/components/Toast/ToastTitle.js → esm/src/lib/components/Toast/ToastTitle.jsx}

@@ -1,14 +1,3 @@
-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)
@@ -20,11 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
+import { cn } from '../../../../../lib/utils/utils';
 import { useToastContext } from './ToastRoot';
 export var toastTitleVariants = cva('flex mb-[5px] text-slate-12 dark:text-slateDark-12 text-wrap break-words font-medium', {
     variants: {
@@ -48,6 +36,8 @@ export var toastTitleVariants = cva('flex mb-[5px] text-slate-12 dark:text-slate
 export var ToastTitle = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, titleText = _a.titleText, props = __rest(_a, ["className", "children", "titleText"]);
     var _b = useToastContext(), size = _b.size, color = _b.color;
-    return (_jsx(ToastPrimitive.Title, __assign({ ref: ref }, props, { children: _jsx("p", { className: cn(toastTitleVariants({ size: size, color: color }), className), children: titleText !== null && titleText !== void 0 ? titleText : children }) })));
+    return (<ToastPrimitive.Title ref={ref} {...props}>
+      <p className={cn(toastTitleVariants({ size: size, color: color }), className)}>{titleText !== null && titleText !== void 0 ? titleText : children}</p>
+    </ToastPrimitive.Title>);
 });
 ToastTitle.displayName = 'Toast.Title';

package/dist/{lib/components/Toggle/ToggleWithText.js → esm/src/lib/components/Toggle/ToggleWithText.jsx}

@@ -20,13 +20,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsxs as _jsxs } from "react/jsx-runtime";
 import React, { Children, forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { radiusVariants, toggleAppearanceStyle } from '../../../lib/constants';
-import { scalingVariants } from '../../../lib/constants';
-import { cn } from '../../../lib/utils/utils';
+import { radiusVariants, toggleAppearanceStyle } from '../../../../../lib/constants';
+import { scalingVariants } from '../../../../../lib/constants';
+import { cn } from '../../../../../lib/utils/utils';
 var toggleWithTextVariants = cva('flex items-center justify-center box-border font-medium', {
     variants: {
         radius: __assign({}, radiusVariants['base']),
@@ -50,9 +49,12 @@ export var IconScaling = {
 };
 export var ToggleWithText = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, radius = _a.radius, _b = _a.size, size = _b === void 0 ? 'medium' : _b, scaling = _a.scaling, _c = _a.color, color = _c === void 0 ? 'red' : _c, _d = _a.appearance, appearance = _d === void 0 ? 'surface' : _d, text = _a.text, props = __rest(_a, ["className", "children", "radius", "size", "scaling", "color", "appearance", "text"]);
-    return (_jsxs(TogglePrimitive.Root, __assign({ ref: ref, className: cn(toggleWithTextVariants({ radius: radius, size: size, scaling: scaling }), toggleAppearanceStyle(appearance, color, true, 'data-[state=on]:'), className) }, props, { children: [Children.map(children, function (child) {
-                return React.cloneElement(child, { className: IconScaling[size] });
-            }), text] })));
+    return (<TogglePrimitive.Root ref={ref} className={cn(toggleWithTextVariants({ radius: radius, size: size, scaling: scaling }), toggleAppearanceStyle(appearance, color, true, 'data-[state=on]:'), className)} {...props}>
+      {Children.map(children, function (child) {
+            return React.cloneElement(child, { className: IconScaling[size] });
+        })}
+      {text}
+    </TogglePrimitive.Root>);
 });
 ToggleWithText.displayName = 'ToggleWithText';
 export default ToggleWithText;

package/dist/{lib/components/Toggle/index.js → esm/src/lib/components/Toggle/index.jsx}

@@ -20,12 +20,11 @@ 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 * as TogglePrimitive from '@radix-ui/react-toggle';
-import { radiusVariants, scalingVariants, toggleAppearanceStyle } from '../../../lib/constants';
-import { cn } from '../../../lib/utils/utils';
+import { radiusVariants, scalingVariants, toggleAppearanceStyle } from '../../../../../lib/constants';
+import { cn } from '../../../../../lib/utils/utils';
 export * from './ToggleWithText';
 var toggleVariants = cva('grid place-content-center items-center justify-center box-border"', {
     variants: {
@@ -50,9 +49,11 @@ export var IconScaling = {
 };
 export var Toggle = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, radius = _a.radius, _b = _a.size, size = _b === void 0 ? 'medium' : _b, scaling = _a.scaling, _c = _a.color, color = _c === void 0 ? 'red' : _c, _d = _a.appearance, appearance = _d === void 0 ? 'surface' : _d, props = __rest(_a, ["className", "children", "radius", "size", "scaling", "color", "appearance"]);
-    return (_jsx(TogglePrimitive.Root, __assign({ ref: ref, className: cn(toggleVariants({ radius: radius, size: size, scaling: scaling }), toggleAppearanceStyle(appearance, color, true, 'data-[state=on]:'), className) }, props, { children: Children.map(children, function (child) {
+    return (<TogglePrimitive.Root ref={ref} className={cn(toggleVariants({ radius: radius, size: size, scaling: scaling }), toggleAppearanceStyle(appearance, color, true, 'data-[state=on]:'), className)} {...props}>
+        {Children.map(children, function (child) {
             return React.cloneElement(child, { className: IconScaling[size] });
-        }) })));
+        })}
+      </TogglePrimitive.Root>);
 });
 Toggle.displayName = 'Toggle';
 export default Toggle;

package/dist/{lib/components/ToggleGroup/ToggleGroupItem.js → esm/src/lib/components/ToggleGroup/ToggleGroupItem.jsx}

@@ -1,14 +1,3 @@
-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)
@@ -20,13 +9,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
 import React, { Children, forwardRef, useContext, } from 'react';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { cva } from 'class-variance-authority';
-import { toggleAppearanceStyle } from '../../../lib/constants';
+import { toggleAppearanceStyle } from '../../../../../lib/constants';
 import { ToggleGroupContext } from './ToggleGroupRoot';
-import { cn } from '../../../lib/utils/utils';
+import { cn } from '../../../../../lib/utils/utils';
 export var toggleGroupItemVariants = cva('grid place-content-center mr-[-1px] first:rounded-l last:rounded-r', {
     variants: {
         size: {
@@ -47,8 +35,10 @@ export var IconScaling = {
 export var ToggleGroupItem = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, value = _a.value, props = __rest(_a, ["className", "children", "value"]);
     var _b = useContext(ToggleGroupContext), size = _b.size, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.appearance, appearance = _d === void 0 ? 'surface' : _d;
-    return (_jsx(ToggleGroupPrimitive.Item, __assign({ ref: ref, value: value, className: cn(toggleGroupItemVariants({ size: size }), toggleAppearanceStyle(appearance, color, true, 'data-[state=on]:'), className) }, props, { children: Children.map(children, function (child) {
+    return (<ToggleGroupPrimitive.Item ref={ref} value={value} className={cn(toggleGroupItemVariants({ size: size }), toggleAppearanceStyle(appearance, color, true, 'data-[state=on]:'), className)} {...props}>
+      {Children.map(children, function (child) {
             return React.cloneElement(child, { className: IconScaling[size !== null && size !== void 0 ? size : 'medium'] });
-        }) })));
+        })}
+    </ToggleGroupPrimitive.Item>);
 });
 ToggleGroupItem.displayName = 'ToggleGroup.Item';

package/dist/{lib/components/ToggleGroup/ToggleGroupRoot.js → esm/src/lib/components/ToggleGroup/ToggleGroupRoot.jsx}

@@ -20,12 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, forwardRef } from 'react';
+import React, { createContext, forwardRef } from 'react';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { cva } from 'class-variance-authority';
-import { scalingVariants } from '../../../lib/constants';
-import { cn } from '../../../lib/utils/utils';
+import { scalingVariants } from '../../../../../lib/constants';
+import { cn } from '../../../../../lib/utils/utils';
 var toggleVariants = cva('inline-flex', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -43,6 +42,12 @@ export var ToggleGroupRoot = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, color = _a.color, appearance = _a.appearance, props = __rest(_a, ["className", "children", "scaling", "size", "color", "appearance"]);
     var type = __assign({}, props).type;
     var contextValue = { size: size, color: color, appearance: appearance };
-    return (_jsx(ToggleGroupContext.Provider, { value: contextValue, children: type === 'single' ? (_jsx(ToggleGroupPrimitive.Root, __assign({ className: cn(toggleVariants({ scaling: scaling }), className) }, props, { ref: ref, children: children }))) : (_jsx(ToggleGroupPrimitive.Root, __assign({ className: cn(toggleVariants({ scaling: scaling }), className) }, props, { ref: ref, children: children }))) }));
+    return (<ToggleGroupContext.Provider value={contextValue}>
+      {type === 'single' ? (<ToggleGroupPrimitive.Root className={cn(toggleVariants({ scaling: scaling }), className)} {...props} ref={ref}>
+          {children}
+        </ToggleGroupPrimitive.Root>) : (<ToggleGroupPrimitive.Root className={cn(toggleVariants({ scaling: scaling }), className)} {...props} ref={ref}>
+          {children}
+        </ToggleGroupPrimitive.Root>)}
+    </ToggleGroupContext.Provider>);
 });
 ToggleGroupRoot.displayName = 'ToggleGroup.Root';

package/dist/{lib/components/ToggleSwitch/index.js → esm/src/lib/components/ToggleSwitch/index.jsx}

@@ -20,13 +20,12 @@ 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 { cn } from '../../../lib/utils/utils';
-import { radiusVariants, scalingVariants } from '../../../lib/constants';
+import { cn } from '../../../../../lib/utils/utils';
+import { radiusVariants, scalingVariants } from '../../../../../lib/constants';
 import { Switch as SwitchTheme, Theme } from '@radix-ui/themes';
-import { Text } from '../../../lib/Typography/Text';
+import { Text } from '../../../../../lib/Typography/Text';
 var toggleSwitchVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -65,7 +64,12 @@ export var ToggleSwitch = React.forwardRef(function (_a, forwardedRef) {
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    return (_jsx(Theme, { className: "flex", accentColor: color, hasBackground: false, children: _jsxs(Text, { as: "label", className: cn('flex items-center', SwitchLabelVariants({ size: size, scaling: scaling })), children: [_jsx(SwitchTheme, __assign({ ref: forwardedRef }, switchProps, { variant: appearance, radius: radius, size: sizeTheme, color: color, className: cn(toggleSwitchVariants({ scaling: scaling, radius: radius, size: size }), className), "aria-label": "Switch" })), children] }) }));
+    return (<Theme className="flex" accentColor={color} hasBackground={false}>
+        <Text as="label" className={cn('flex items-center', SwitchLabelVariants({ size: size, scaling: scaling }))}>
+          <SwitchTheme ref={forwardedRef} {...switchProps} variant={appearance} radius={radius} size={sizeTheme} color={color} className={cn(toggleSwitchVariants({ scaling: scaling, radius: radius, size: size }), className)} aria-label="Switch"></SwitchTheme>
+          {children}
+        </Text>
+      </Theme>);
 });
 ToggleSwitch.displayName = 'ToggleSwitch';
 export default ToggleSwitch;

package/dist/{lib/components/Tooltip/index.js → esm/src/lib/components/Tooltip/index.jsx}

@@ -20,12 +20,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// your-tooltip.jsx
 import React from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
-import { primaryColorStyle, radiusVariants, weightVariants } from '../../../lib/constants';
+import { cn } from '../../../../../lib/utils/utils';
+import { primaryColorStyle, radiusVariants, weightVariants } from '../../../../../lib/constants';
 var tooltipVariants = cva('bg-slate-12 text-slate-1 dark:bg-slateDark-12 dark:text-slateDark-1 data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade select-none rounded-[4px] px-[9px] py-[6px] text-[12px] leading-none shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] will-change-[transform,opacity]', {
     variants: {
         weight: __assign({}, weightVariants),
@@ -42,7 +42,17 @@ var Tooltip = React.forwardRef(function (_a, ref) {
     var arrowColor = color
         ? "fill-".concat(color, "-9 dark:fill-").concat(color, "Dark-9")
         : 'fill-slate-12 dark:fill-slateDark-12';
-    return (_jsx(TooltipPrimitive.Provider, { children: _jsxs(TooltipPrimitive.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: [_jsx(TooltipPrimitive.Trigger, { className: "cursor-pointer text-slate-12 dark:text-slateDark-12", asChild: true, children: children }), _jsxs(TooltipPrimitive.Content, __assign({ align: "center" }, props, { side: side, className: cn('mr-2', tooltipVariants({ weight: weight, radius: radius, color: color }), className), sideOffset: 5, children: [content, _jsx(TooltipPrimitive.Arrow, { width: 11, height: 5, className: arrowColor })] }))] }) }));
+    return (<TooltipPrimitive.Provider>
+        <TooltipPrimitive.Root open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>
+          <TooltipPrimitive.Trigger className="cursor-pointer text-slate-12 dark:text-slateDark-12" asChild>
+            {children}
+          </TooltipPrimitive.Trigger>
+          <TooltipPrimitive.Content align="center" {...props} side={side} className={cn('mr-2', tooltipVariants({ weight: weight, radius: radius, color: color }), className)} sideOffset={5}>
+            {content}
+            <TooltipPrimitive.Arrow width={11} height={5} className={arrowColor}/>
+          </TooltipPrimitive.Content>
+        </TooltipPrimitive.Root>
+      </TooltipPrimitive.Provider>);
 });
 Tooltip.displayName = 'Tooltip';
 export default Tooltip;

package/dist/{lib → esm/src/lib}/components/index.js

@@ -1,3 +1,4 @@
+// Component
 export { default as Accordion } from './Accordion';
 export { default as AlertDialog } from './AlertDialog';
 export { default as AspectRatio } from './AspectRatio';
@@ -42,6 +43,7 @@ export { default as ToggleWithText } from './Toggle/ToggleWithText';
 export { default as ToggleGroup } from './ToggleGroup';
 export { default as ToggleSwitch } from './ToggleSwitch';
 export { default as Tooltip } from './Tooltip';
+// Chart
 export { default as BarChart } from './BarChart';
 export { default as BubbleChart } from './BubbleChart';
 export { default as RadarChart } from './RadarChart';

package/dist/{lib → esm/src/lib}/constants.js

@@ -1,5 +1,5 @@
-import { ColorStyle, DarkColorStyle, colorOptions, chartColorOptions } from '../lib/color/constants';
-import * as lightColors from '../lib/color/light';
+import { ColorStyle, DarkColorStyle, colorOptions, chartColorOptions } from '../../../lib/color/constants';
+import * as lightColors from '../../../lib/color/light';
 export var radiusOptions = ['none', 'small', 'medium', 'large', 'full'];
 export var typoSizeOptions = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];
 export var scalingOptions = ['90%', '95%', '100%', '105%', '110%'];
@@ -14,6 +14,7 @@ export var appearanceOptions = [
     'solid',
     'surface',
 ];
+//차트
 export var labelPositionList = ['top', 'bottom', 'left', 'right'];
 export var pointStyleList = [
     'circle',
@@ -29,6 +30,7 @@ export var pointStyleList = [
     false,
 ];
 export var radiusVariants = {
+    // 체크박스
     small: {
         none: 'rounded-none',
         small: 'rounded-[3px]',
@@ -36,20 +38,23 @@ export var radiusVariants = {
         large: 'rounded',
         full: 'rounded',
     },
+    // 라디오버튼, 스위치, 태그, 배지, 버튼, 텍스트인풋, 텍스트영역, 페이지네이션
     base: {
         none: 'rounded-none',
         small: 'rounded-[3px]',
-        medium: 'rounded',
-        large: 'rounded-md',
+        medium: 'rounded', // 4px
+        large: 'rounded-md', // 6px
         full: 'rounded-full',
     },
+    // 배너
     large: {
         none: 'rounded-none',
         small: 'rounded',
-        medium: 'rounded-lg',
-        large: 'rounded-xl',
-        full: 'rounded-2xl',
+        medium: 'rounded-lg', // 8px
+        large: 'rounded-xl', // 12px
+        full: 'rounded-2xl', // 16px
     },
+    // 다이얼로그, 바텀시트, 그리드, 카드
     'extra-large': {
         none: 'rounded-none',
         small: 'rounded',
@@ -57,6 +62,7 @@ export var radiusVariants = {
         large: 'rounded-xl',
         full: 'rounded-xl',
     },
+    // Dropdown, Context Menu 아이템
     'menu-item': {
         none: 'rounded-none',
         small: 'rounded-[1px]',
@@ -66,10 +72,10 @@ export var radiusVariants = {
     },
 };
 export var weightVariants = {
-    regular: 'font-normal',
-    medium: 'font-medium',
-    semibold: 'font-semibold',
-    bold: 'font-bold',
+    regular: 'font-normal', // 400
+    medium: 'font-medium', // 500
+    semibold: 'font-semibold', // 600
+    bold: 'font-bold', // 700
 };
 export var scalingVariants = {
     '90%': 'scale-90',
@@ -78,6 +84,7 @@ export var scalingVariants = {
     '105%': 'scale-105',
     '110%': 'scale-110',
 };
+// 스토리북 공통 argTypes 설정
 export var commonArgTypes = {
     typoSize: {
         table: {

package/dist/{lib → esm/src/lib}/utils/useDarkMode.js

@@ -1,4 +1,4 @@
-import { slateA, slateDarkA } from '../../lib/color/alpha';
+import { slateA, slateDarkA } from '../../../../lib/color/alpha';
 import { useEffect, useState } from 'react';
 export var useDarkMode = function (isRAxes) {
     if (isRAxes === void 0) { isRAxes = false; }

package/dist/{lib → esm/src/lib}/utils/utils.js

@@ -1,5 +1,6 @@
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
+// tailwind를 merge할 때 발생할 수 있는 클래스 충돌 문제 해결
 export function cn() {
     var inputs = [];
     for (var _i = 0; _i < arguments.length; _i++) {