@lotte-innovate/ui-component-test 0.0.49 → 0.0.51

package/dist/lib/components/Skeleton/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IColor } from 'lib/types';
+import { IColor } from '../../../lib/types';
 export interface SkeletonProps extends VariantProps<typeof separatorVariants> {
     color?: IColor;
     loading?: boolean;

package/dist/lib/components/Skeleton/{index.jsx → index.js}

@@ -20,11 +20,12 @@ 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 { Theme, Skeleton as SkeletonTheme } from '@radix-ui/themes';
-import { cn } from 'lib/utils/utils';
-import { radiusVariants } from 'lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { radiusVariants } from '../../../lib/constants';
 var separatorVariants = cva('', {
     variants: {
         radius: __assign({}, radiusVariants['base']),
@@ -35,11 +36,7 @@ var separatorVariants = cva('', {
 });
 export var Skeleton = React.forwardRef(function (_a, forwardedRef) {
     var children = _a.children, className = _a.className, radius = _a.radius, loading = _a.loading, width = _a.width, height = _a.height, skeletonProps = __rest(_a, ["children", "className", "radius", "loading", "width", "height"]);
-    return (<Theme>
-      <SkeletonTheme ref={forwardedRef} loading={loading} width={width} height={height} className={cn('', radius && cn(separatorVariants({ radius: radius }), className))} {...skeletonProps}>
-        {children}
-      </SkeletonTheme>
-    </Theme>);
+    return (_jsx(Theme, { children: _jsx(SkeletonTheme, __assign({ ref: forwardedRef, loading: loading, width: width, height: height, className: cn('', radius && cn(separatorVariants({ radius: radius }), className)) }, skeletonProps, { children: children })) }));
 });
 Skeleton.displayName = 'Skeleton';
 export default Skeleton;

package/dist/lib/components/Slider/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IScaling } from 'lib/types';
+import { IScaling } from '../../../lib/types';
 export interface SliderProps extends VariantProps<typeof sliderVariants> {
     appearance?: 'classic' | 'soft' | 'surface';
     label?: string;

package/dist/lib/components/Slider/{index.jsx → index.js}

@@ -20,10 +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 { cn } from 'lib/utils/utils';
-import { radiusVariants } from 'lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { radiusVariants } from '../../../lib/constants';
 import { Theme, Slider as SliderTheme } from '@radix-ui/themes';
 var sliderVariants = cva('relative flex items-center select-none touch-none w-[200px] h-5', {
     variants: {
@@ -42,9 +43,7 @@ export var Slider = React.forwardRef(function (_a, forwardedRef) {
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    return (<Theme accentColor={color} scaling={scaling} hasBackground={false}>
-        <SliderTheme ref={forwardedRef} variant={appearance} size={sizeTheme} radius={radius} color={color} className={cn(sliderVariants({ radius: radius }), className)} {...sliderProps}/>
-      </Theme>);
+    return (_jsx(Theme, { accentColor: color, scaling: scaling, hasBackground: false, children: _jsx(SliderTheme, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, radius: radius, color: color, className: cn(sliderVariants({ radius: radius }), className) }, sliderProps)) }));
 });
 Slider.displayName = 'Slider';
 export default Slider;

package/dist/lib/components/Spinner/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IColor } from 'lib/types';
+import { IColor } from '../../../lib/types';
 export interface SpinnerProps extends VariantProps<typeof spinnerVariants> {
     color?: IColor;
     loading?: boolean;

package/dist/lib/components/Spinner/{index.jsx → index.js}

@@ -20,11 +20,12 @@ 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 { Spinner as SpinnerTheme, Theme } from '@radix-ui/themes';
-import { cn } from 'lib/utils/utils';
-import { scalingVariants } from 'lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { scalingVariants } from '../../../lib/constants';
 var spinnerVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -40,11 +41,7 @@ export var Spinner = React.forwardRef(function (_a, forwardedRef) {
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    return (<Theme hasBackground={false}>
-      <SpinnerTheme ref={forwardedRef} loading={loading} size={sizeTheme} className={cn('', spinnerVariants({ scaling: scaling }), className)} {...spinnerProps}>
-        {children}
-      </SpinnerTheme>
-    </Theme>);
+    return (_jsx(Theme, { hasBackground: false, children: _jsx(SpinnerTheme, __assign({ ref: forwardedRef, loading: loading, size: sizeTheme, className: cn('', spinnerVariants({ scaling: scaling }), className) }, spinnerProps, { children: children })) }));
 });
 Spinner.displayName = 'Spinner';
 export default Spinner;

package/dist/lib/components/TabNav/{index.jsx → index.js}

@@ -1,3 +1,14 @@
+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)
@@ -9,10 +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 { TabNav as TabNavTheme, Theme } from '@radix-ui/themes';
-import { cn } from 'lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 var tabNavVariants = cva('', {
     variants: {},
 });
@@ -23,18 +35,12 @@ export var Root = React.forwardRef(function (_a, ref) {
     var sizeTheme = '2';
     if (size === 'small')
         sizeTheme = '1';
-    return (<Theme accentColor={color} hasBackground={false}>
-      <TabNavTheme.Root ref={ref} size={sizeTheme} className={cn('', tabNavVariants({}), className)} {...rootProps}>
-        {children}
-      </TabNavTheme.Root>
-    </Theme>);
+    return (_jsx(Theme, { accentColor: color, hasBackground: false, children: _jsx(TabNavTheme.Root, __assign({ ref: ref, size: sizeTheme, className: cn('', tabNavVariants({}), className) }, rootProps, { children: children })) }));
 });
 Root.displayName = 'TabNav.Root';
 export var Link = React.forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, href = _a.href, linkProps = __rest(_a, ["className", "children", "href"]);
-    return (<TabNavTheme.Link ref={ref} className={cn('text-slateA-11 data-[state=active]:text-slateA-12 dark:text-slateDarkA-11 dark:data-[state=active]:text-slateDarkA-12', tabNavVariants({}), className)} href={href} {...linkProps}>
-      {children}
-    </TabNavTheme.Link>);
+    return (_jsx(TabNavTheme.Link, __assign({ ref: ref, className: cn('text-slateA-11 data-[state=active]:text-slateA-12 dark:text-slateDarkA-11 dark:data-[state=active]:text-slateDarkA-12', tabNavVariants({}), className), href: href }, linkProps, { children: children })));
 });
 Link.displayName = 'TabNav.Link';
 var TabNav = {

package/dist/lib/components/Table/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IColor } from 'lib/types';
+import { IColor } from '../../../lib/types';
 import { Table as TableTheme } from '@radix-ui/themes';
 export interface TableProps extends VariantProps<typeof tableVariants> {
     color?: IColor;

package/dist/lib/components/Table/{index.jsx → index.js}

@@ -20,11 +20,12 @@ 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 { Table as TableTheme, 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 tableVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -52,53 +53,37 @@ export var Root = React.forwardRef(function (_a, ref) {
         sizeTheme = '3';
     if (radius === 'full')
         radius = 'large';
-    return (<Theme hasBackground={false}>
-      <TableTheme.Root ref={ref} className={cn('', tableVariants({ scaling: scaling, radius: radius }), className)} variant={appearance} size={sizeTheme} {...tableProps}>
-        {children}
-      </TableTheme.Root>
-    </Theme>);
+    return (_jsx(Theme, { hasBackground: false, children: _jsx(TableTheme.Root, __assign({ ref: ref, className: cn('', tableVariants({ scaling: scaling, radius: radius }), className), variant: appearance, size: sizeTheme }, tableProps, { children: children })) }));
 });
 Root.displayName = 'Table.Root';
 export var Header = React.forwardRef(function (_a, forwardedRef) {
     var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
-    return (<TableTheme.Header ref={forwardedRef} className={cn('', tableVariants({ scaling: scaling }), className)} {...props}>
-    {children}
-  </TableTheme.Header>);
+    return (_jsx(TableTheme.Header, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
 });
 Header.displayName = 'Table.Header';
 export var Body = React.forwardRef(function (_a, forwardedRef) {
     var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
-    return (<TableTheme.Body ref={forwardedRef} className={cn('', tableVariants({ scaling: scaling }), className)} {...props}>
-    {children}
-  </TableTheme.Body>);
+    return (_jsx(TableTheme.Body, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
 });
 Body.displayName = 'Table.Body';
 export var Row = React.forwardRef(function (_a, forwardedRef) {
     var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
-    return (<TableTheme.Row ref={forwardedRef} className={cn('', tableVariants({ scaling: scaling }), className)} {...props}>
-    {children}
-  </TableTheme.Row>);
+    return (_jsx(TableTheme.Row, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
 });
 Row.displayName = 'Table.Row';
 export var Cell = React.forwardRef(function (_a, forwardedRef) {
     var className = _a.className, children = _a.children, scaling = _a.scaling, cellProps = __rest(_a, ["className", "children", "scaling"]);
-    return (<TableTheme.Cell className={cn('', tableVariants({ scaling: scaling }), className)} {...cellProps} ref={forwardedRef}>
-    {children}
-  </TableTheme.Cell>);
+    return (_jsx(TableTheme.Cell, __assign({ className: cn('', tableVariants({ scaling: scaling }), className) }, cellProps, { ref: forwardedRef, children: children })));
 });
 Cell.displayName = 'Table.Cell';
 export var ColumnHeaderCell = React.forwardRef(function (_a, forwardedRef) {
     var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, props = __rest(_a, ["className", "children", "scaling", "size"]);
-    return (<TableTheme.ColumnHeaderCell ref={forwardedRef} className={cn('', tableVariants({ scaling: scaling }), tableRowVariants({ size: size }), className)} {...props}>
-    {children}
-  </TableTheme.ColumnHeaderCell>);
+    return (_jsx(TableTheme.ColumnHeaderCell, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), tableRowVariants({ size: size }), className) }, props, { children: children })));
 });
 ColumnHeaderCell.displayName = 'Table.ColumnHeaderCell';
 export var RowHeaderCell = React.forwardRef(function (_a, forwardedRef) {
     var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
-    return (<TableTheme.RowHeaderCell ref={forwardedRef} className={cn('', tableVariants({ scaling: scaling }), className)} {...props}>
-    {children}
-  </TableTheme.RowHeaderCell>);
+    return (_jsx(TableTheme.RowHeaderCell, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
 });
 RowHeaderCell.displayName = 'Table.RowHeaderCell';
 var Table = {

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

@@ -20,11 +20,12 @@ 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),
@@ -34,11 +35,7 @@ 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 (<Theme accentColor={color} hasBackground={false}>
-      <TabsTheme.Root {...rootProps} ref={forwardedRef} className={cn('', className)}>
-        {children}
-      </TabsTheme.Root>
-    </Theme>);
+    return (_jsx(Theme, { accentColor: color, hasBackground: false, children: _jsx(TabsTheme.Root, __assign({}, rootProps, { ref: forwardedRef, className: cn('', className), children: children })) }));
 });
 Root.displayName = 'Tabs.Root';
 export var List = React.forwardRef(function (_a, forwardedRef) {
@@ -46,23 +43,17 @@ export var List = React.forwardRef(function (_a, forwardedRef) {
     var sizeTheme = '2';
     if (size === 'small')
         sizeTheme = '1';
-    return (<TabsTheme.List ref={forwardedRef} size={sizeTheme} {...listProps} className={cn('', className)}>
-      {children}
-    </TabsTheme.List>);
+    return (_jsx(TabsTheme.List, __assign({ ref: forwardedRef, size: sizeTheme }, listProps, { className: cn('', className), children: children })));
 });
 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 (<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>);
+    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 })));
 });
 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 (<TabsTheme.Content ref={forwardedRef} {...contentProps} className={cn('mt-3', className)}>
-      {children}
-    </TabsTheme.Content>);
+    return (_jsx(TabsTheme.Content, __assign({ ref: forwardedRef }, contentProps, { className: cn('mt-3', className), children: children })));
 });
 Content.displayName = 'Tabs.Content';
 var Tabs = {

package/dist/lib/components/TextArea/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IColor } from 'lib/types';
+import { IColor } from '../../../lib/types';
 export interface TextAreaProps extends VariantProps<typeof textAreaNavVariants> {
     color?: IColor;
     href?: string;

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

@@ -20,11 +20,12 @@ 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: {
@@ -51,9 +52,7 @@ export var TextArea = React.forwardRef(function (_a, forwardedRef) {
         sizeTheme = '3';
     if (!color)
         color = 'red';
-    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>);
+    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)) }));
 });
 TextArea.displayName = 'TextArea';
 export default TextArea;

package/dist/lib/components/TextField/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { TextField as TextFieldTheme } from '@radix-ui/themes';
-import { IScaling } from 'lib/types';
+import { IScaling } from '../../../lib/types';
 export interface TextFieldProps extends VariantProps<typeof textFieldVariants> {
     appearance?: 'classic' | 'soft' | 'surface';
     label?: string;

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

@@ -20,10 +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 { 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: {
@@ -40,18 +41,12 @@ export var Root = React.forwardRef(function (_a, forwardedRef) {
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    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>);
+    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 })) }));
 });
 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 (<TextFieldTheme.Slot ref={forwardedRef} color={color} side={side} className={cn(textFieldVariants({ radius: radius }), className)} {...sliderProps}>
-      {children}
-    </TextFieldTheme.Slot>);
+    return (_jsx(TextFieldTheme.Slot, __assign({ ref: forwardedRef, color: color, side: side, className: cn(textFieldVariants({ radius: radius }), className) }, sliderProps, { children: children })));
 });
 Slot.displayName = 'TextField.Slot';
 var TextField = {

package/dist/lib/components/Toast/ToastActionButton.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
-import { IAppearance } from 'lib/types';
+import { IAppearance } from '../../../lib/types';
 export interface ToastActionButtonProps extends VariantProps<typeof toastActionButtonVariants> {
     altText?: string;
     appearance?: IAppearance;

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

@@ -20,12 +20,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { 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: {
@@ -61,8 +62,6 @@ 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 (<ToastPrimitive.Action ref={ref} altText={altText} {...props} className={buttonClassName} asChild>
-      <Button>{children}</Button>
-    </ToastPrimitive.Action>);
+    return (_jsx(ToastPrimitive.Action, __assign({ ref: ref, altText: altText }, props, { className: buttonClassName, asChild: true, children: _jsx(Button, { children: children }) })));
 });
 ToastActionButton.displayName = 'Toast.ActionButton';

package/dist/lib/components/Toast/ToastDescription.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
-import { IAppearance } from 'lib/types';
+import { IAppearance } from '../../../lib/types';
 export interface ToastDescriptionProps extends VariantProps<typeof toastDescriptionVariants> {
     contentText?: string;
     appearance?: IAppearance;

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

@@ -1,3 +1,14 @@
+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)
@@ -9,10 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { 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: {
@@ -36,10 +48,6 @@ 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 (<ToastPrimitive.Description ref={ref} {...props}>
-      <p className={cn(toastDescriptionVariants({ size: size, color: color }), className)}>
-        {contentText !== null && contentText !== void 0 ? contentText : children}
-      </p>
-    </ToastPrimitive.Description>);
+    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 }) })));
 });
 ToastDescription.displayName = 'Toast.Description';

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

@@ -20,10 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { forwardRef, createContext, useContext, useMemo, } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { 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: {
@@ -83,14 +84,7 @@ 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 (<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>);
+    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 })) })] }) }));
 });
 ToastRoot.displayName = 'Toast.Root';
 export default ToastRoot;

package/dist/lib/components/Toast/ToastTitle.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
-import { IAppearance } from 'lib/types';
+import { IAppearance } from '../../../lib/types';
 export interface ToastTitleProps extends VariantProps<typeof toastTitleVariants> {
     titleText?: string;
     appearance?: IAppearance;

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

@@ -1,3 +1,14 @@
+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)
@@ -9,10 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { 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: {
@@ -36,8 +48,6 @@ 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 (<ToastPrimitive.Title ref={ref} {...props}>
-      <p className={cn(toastTitleVariants({ size: size, color: color }), className)}>{titleText !== null && titleText !== void 0 ? titleText : children}</p>
-    </ToastPrimitive.Title>);
+    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 }) })));
 });
 ToastTitle.displayName = 'Toast.Title';

package/dist/lib/components/Toggle/ToggleWithText.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { IAppearance } from 'lib/types';
+import { IAppearance } from '../../../lib/types';
 export interface ToggleWithTextProps extends VariantProps<typeof toggleWithTextVariants> {
     text?: string;
     appearance?: IAppearance;

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

@@ -20,12 +20,13 @@ 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']),
@@ -49,12 +50,9 @@ 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 (<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>);
+    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] })));
 });
 ToggleWithText.displayName = 'ToggleWithText';
 export default ToggleWithText;

package/dist/lib/components/Toggle/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { IAppearance } from 'lib/types';
+import { IAppearance } from '../../../lib/types';
 export * from './ToggleWithText';
 export interface ToggleProps extends VariantProps<typeof toggleVariants> {
     size?: 'small' | 'medium' | 'large';