@lotte-innovate/ui-component-test 0.0.15 → 0.0.17

package/dist/components/Select/index.jsx

@@ -1,100 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { Theme, Select as SelectTheme } from '@radix-ui/themes';
-import React from 'react';
-import { cva } from 'class-variance-authority';
-import { cn } from 'utils/utils';
-import { radiusVariants, selectAppearanceStyle } from '../../constants';
-var selectVariants = cva('', {
-    variants: {
-        radius: __assign({}, radiusVariants['base']),
-    },
-    defaultVariants: {
-        radius: 'medium',
-    },
-});
-export var Select = React.forwardRef(function (_a, ref) {
-    var scaling = _a.scaling, size = _a.size, color = _a.color, children = _a.children, props = __rest(_a, ["scaling", "size", "color", "children"]);
-    var sizeTheme = '2';
-    if (size === 'small')
-        sizeTheme = '1';
-    if (size === 'large')
-        sizeTheme = '3';
-    return (<Theme scaling={scaling} accentColor={color} hasBackground={false}>
-      <div ref={ref}>
-        <SelectTheme.Root size={sizeTheme} {...props}>
-          {children}
-        </SelectTheme.Root>
-      </div>
-    </Theme>);
-});
-Select.displayName = 'Select';
-export var SelectTrigger = React.forwardRef(function (_a, forwardedRef) {
-    var _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, color = _a.color, size = _a.size, radius = _a.radius, children = _a.children, className = _a.className, props = __rest(_a, ["appearance", "color", "size", "radius", "children", "className"]);
-    if (!color)
-        color = 'red';
-    return (<SelectTheme.Trigger ref={forwardedRef} variant={appearance} radius={radius} className={cn(selectVariants({ radius: radius }), selectAppearanceStyle(appearance, color), className)} {...props}>
-        {children}
-      </SelectTheme.Trigger>);
-});
-SelectTrigger.displayName = 'SelectTrigger';
-export var SelectContent = React.forwardRef(function (_a, forwardedRef) {
-    var appearance = _a.appearance, color = _a.color, size = _a.size, radius = _a.radius, children = _a.children, className = _a.className, props = __rest(_a, ["appearance", "color", "size", "radius", "children", "className"]);
-    if (!color)
-        color = 'red';
-    if (radius === 'full')
-        radius = 'large';
-    return (<SelectTheme.Content ref={forwardedRef} color={color} {...props} className={cn(selectVariants({ radius: radius }), className)}>
-      {children}
-    </SelectTheme.Content>);
-});
-SelectContent.displayName = 'SelectContent';
-export var SelectItem = React.forwardRef(function (_a, forwardedRef) {
-    var value = _a.value, children = _a.children, className = _a.className, radius = _a.radius, props = __rest(_a, ["value", "children", "className", "radius"]);
-    return (<SelectTheme.Item ref={forwardedRef} value={value} {...props} className={cn(selectVariants({ radius: radius }), className)}>
-      {children}
-    </SelectTheme.Item>);
-});
-SelectItem.displayName = 'SelectItem';
-export var SelectGroup = React.forwardRef(function (_a, forwardedRef) {
-    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (<SelectTheme.Group ref={forwardedRef} {...props} className={className}>
-      {children}
-    </SelectTheme.Group>);
-});
-SelectGroup.displayName = 'SelectGroup';
-export var SelectLabel = React.forwardRef(function (_a, forwardedRef) {
-    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (<SelectTheme.Label ref={forwardedRef} {...props} className={className}>
-      {children}
-    </SelectTheme.Label>);
-});
-SelectLabel.displayName = 'SelectLabel';
-export var SelectSeparator = React.forwardRef(function (_a, forwardedRef) {
-    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (<SelectTheme.Separator ref={forwardedRef} {...props} className={className}>
-      {children}
-    </SelectTheme.Separator>);
-});
-SelectSeparator.displayName = 'SelectSeparator';
-export default Select;

package/dist/components/Separator/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { VariantProps } from 'class-variance-authority';
-export interface SeparatorProps extends VariantProps<typeof separatorVariants> {
-    size?: 'small' | 'medium' | 'large' | 'fill-large';
-}
-declare const separatorVariants: (props?: ({
-    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    color?: string | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const Separator: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").SeparatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & SeparatorProps & React.RefAttributes<HTMLSpanElement>>;
-export default Separator;

package/dist/components/Separator/index.jsx

@@ -1,50 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import { cva } from 'class-variance-authority';
-import { cn } from 'utils/utils';
-import { bgColorStyle, scalingVariants } from '../../constants';
-import { Separator as SeparatorTheme, Theme } from '@radix-ui/themes';
-var separatorVariants = cva('', {
-    variants: {
-        scaling: __assign({}, scalingVariants),
-        color: bgColorStyle(),
-    },
-});
-export var Separator = React.forwardRef(function (_a, forwardedRef) {
-    var orientation = _a.orientation, scaling = _a.scaling, size = _a.size, _b = _a.color, color = _b === void 0 ? 'slate' : _b, className = _a.className, children = _a.children, props = __rest(_a, ["orientation", "scaling", "size", "color", "className", "children"]);
-    var sizeTheme = '1';
-    if (size === 'medium')
-        sizeTheme = '2';
-    if (size === 'large')
-        sizeTheme = '3';
-    if (size === 'fill-large')
-        sizeTheme = '4';
-    return (<Theme hasBackground={false} className="flex justify-center items-center">
-        <SeparatorTheme orientation={orientation} size={sizeTheme} className={cn("bg-".concat(color, "A-6 dark:bg-").concat(color, "DarkA-6"), separatorVariants({ scaling: scaling }), className)} {...props}>
-          {children}
-        </SeparatorTheme>
-      </Theme>);
-});
-Separator.displayName = 'Separator';
-export default Separator;

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import '@radix-ui/themes/styles.css';
-import { VariantProps } from 'class-variance-authority';
-import { IColor } from 'types';
-export interface SkeletonProps extends VariantProps<typeof separatorVariants> {
-    color?: IColor;
-    loading?: boolean;
-    width?: string;
-    height?: string;
-}
-declare const separatorVariants: (props?: ({
-    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const Skeleton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & SkeletonProps & React.RefAttributes<HTMLSpanElement>>;
-export default Skeleton;

package/dist/components/Skeleton/index.jsx

@@ -1,46 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import '@radix-ui/themes/styles.css';
-import { cva } from 'class-variance-authority';
-import { Theme, Skeleton as SkeletonTheme } from '@radix-ui/themes';
-import { cn } from 'utils/utils';
-import { radiusVariants } from '../../constants';
-var separatorVariants = cva('', {
-    variants: {
-        radius: __assign({}, radiusVariants['base']),
-    },
-    defaultVariants: {
-        radius: 'medium',
-    },
-});
-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>);
-});
-Skeleton.displayName = 'Skeleton';
-export default Skeleton;

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import '@radix-ui/themes/styles.css';
-import { VariantProps } from 'class-variance-authority';
-import { IScaling } from 'types';
-export interface SliderProps extends VariantProps<typeof sliderVariants> {
-    appearance?: 'classic' | 'soft' | 'surface';
-    label?: string;
-    size?: 'small' | 'medium' | 'large';
-    scaling?: IScaling;
-}
-declare const sliderVariants: (props?: ({
-    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const Slider: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & SliderProps & React.RefAttributes<HTMLSpanElement>>;
-export default Slider;

package/dist/components/Slider/index.jsx

@@ -1,51 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import '@radix-ui/themes/styles.css';
-import { cva } from 'class-variance-authority';
-import { cn } from 'utils/utils';
-import { radiusVariants } from '../../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: {
-        radius: __assign({}, radiusVariants['base']),
-        // color: bgColorStyle(),
-    },
-});
-export var Slider = React.forwardRef(function (_a, forwardedRef) {
-    var className = _a.className, color = _a.color, size = _a.size, appearance = _a.appearance, _b = _a.scaling, scaling = _b === void 0 ? '100%' : _b, radius = _a.radius, tabIndex = _a.tabIndex, sliderProps = __rest(_a, ["className", "color", "size", "appearance", "scaling", "radius", "tabIndex"]);
-    if (!color)
-        color = 'red';
-    if (radius === 'medium' || radius === 'large')
-        radius = 'full';
-    var sizeTheme = '2';
-    if (size === 'small')
-        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>);
-});
-Slider.displayName = 'Slider';
-export default Slider;

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { IColor } from 'types';
-export interface SpinnerProps extends VariantProps<typeof spinnerVariants> {
-    color?: IColor;
-    loading?: boolean;
-    width?: string;
-    height?: string;
-    size?: 'small' | 'medium' | 'large';
-}
-declare const spinnerVariants: (props?: ({
-    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const Spinner: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & SpinnerProps & React.RefAttributes<HTMLSpanElement>>;
-export default Spinner;

package/dist/components/Spinner/index.jsx

@@ -1,50 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import { cva } from 'class-variance-authority';
-import { Spinner as SpinnerTheme, Theme } from '@radix-ui/themes';
-import { cn } from '../../utils/utils';
-import { scalingVariants } from '../../constants';
-var spinnerVariants = cva('', {
-    variants: {
-        scaling: __assign({}, scalingVariants),
-    },
-    defaultVariants: {
-        scaling: '100%',
-    },
-});
-export var Spinner = React.forwardRef(function (_a, forwardedRef) {
-    var className = _a.className, children = _a.children, size = _a.size, scaling = _a.scaling, loading = _a.loading, spinnerProps = __rest(_a, ["className", "children", "size", "scaling", "loading"]);
-    var sizeTheme = '2';
-    if (size === 'small')
-        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>);
-});
-Spinner.displayName = 'Spinner';
-export default Spinner;

package/dist/components/TabNav/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { TabNav as TabNavTheme } from '@radix-ui/themes';
-export interface TabNavProps extends VariantProps<typeof tabNavVariants> {
-    href?: string;
-    size?: 'small' | 'medium';
-}
-declare const tabNavVariants: (props?: ({} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const TabNav: React.ForwardRefExoticComponent<Omit<TabNavTheme.RootProps & React.RefAttributes<HTMLElement>, "ref"> & TabNavProps & React.RefAttributes<HTMLElement>>;
-export declare const TabNavLink: React.ForwardRefExoticComponent<Omit<TabNavTheme.LinkProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & TabNavProps & React.RefAttributes<HTMLAnchorElement>>;
-export default TabNav;

package/dist/components/TabNav/index.jsx

@@ -1,40 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import { cva } from 'class-variance-authority';
-import { TabNav as TabNavTheme, Theme } from '@radix-ui/themes';
-import { cn } from '../../utils/utils';
-var tabNavVariants = cva('', {
-    variants: {},
-});
-export var TabNav = React.forwardRef(function (_a, ref) {
-    var className = _a.className, children = _a.children, size = _a.size, color = _a.color, rootProps = __rest(_a, ["className", "children", "size", "color"]);
-    if (!color)
-        color = 'red';
-    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>);
-});
-TabNav.displayName = 'TabNav';
-export var TabNavLink = 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 dark:text-slateDarkA-11 data-[state=active]:text-slateA-12 dark:data-[state=active]:text-slateDarkA-12', tabNavVariants({}), className)} href={href} {...linkProps}>
-      {children}
-    </TabNavTheme.Link>);
-});
-TabNavLink.displayName = 'TabNav.Link';
-export default TabNav;

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { IColor } from 'types';
-import { Table as TableTheme } from '@radix-ui/themes';
-export interface TableProps extends VariantProps<typeof tableVariants> {
-    color?: IColor;
-    appearance?: 'ghost' | 'surface';
-    size?: 'small' | 'medium' | 'large';
-}
-declare const tableVariants: (props?: ({
-    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const Table: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & TableProps & React.RefAttributes<HTMLDivElement>>;
-export declare const TableHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableSectionElement>>;
-export declare const TableBody: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableSectionElement>>;
-export declare const TableRow: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableRowElement>>;
-export declare const TableCell: React.ForwardRefExoticComponent<Omit<TableTheme.CellProps & React.RefAttributes<HTMLTableDataCellElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableDataCellElement>>;
-export declare const TableColumnHeaderCell: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableHeaderCellElement>>;
-export declare const TableRowHeaderCell: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableHeaderCellElement>>;
-export default Table;

package/dist/components/Table/index.jsx

@@ -1,104 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import { cva } from 'class-variance-authority';
-import { Table as TableTheme, Theme } from '@radix-ui/themes';
-import { cn } from '../../utils/utils';
-import { radiusVariants, scalingVariants } from '../../constants';
-var tableVariants = cva('', {
-    variants: {
-        scaling: __assign({}, scalingVariants),
-        radius: __assign({}, radiusVariants['base']),
-    },
-    defaultVariants: {
-        scaling: '100%',
-    },
-});
-var tableRowVariants = cva('', {
-    variants: {
-        size: {
-            small: 'h-[36px]',
-            medium: 'h-[44px]',
-            large: 'h-[48px] p-3',
-        },
-    },
-});
-export var Table = React.forwardRef(function (_a, ref) {
-    var className = _a.className, children = _a.children, appearance = _a.appearance, scaling = _a.scaling, size = _a.size, radius = _a.radius, tableProps = __rest(_a, ["className", "children", "appearance", "scaling", "size", "radius"]);
-    var sizeTheme = '2';
-    if (size === 'small')
-        sizeTheme = '1';
-    if (size === 'large')
-        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>);
-});
-Table.displayName = 'Table';
-export var TableHeader = 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>);
-});
-TableHeader.displayName = 'TableHeader';
-export var TableBody = 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>);
-});
-TableBody.displayName = 'TableBody';
-export var TableRow = 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>);
-});
-TableRow.displayName = 'TableRow';
-export var TableCell = 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>);
-});
-TableCell.displayName = 'TableCell';
-export var TableColumnHeaderCell = 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>);
-});
-TableColumnHeaderCell.displayName = 'TableColumnHeaderCell';
-export var TableRowHeaderCell = 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>);
-});
-TableRowHeaderCell.displayName = 'TableRowHeaderCell';
-export default Table;

package/dist/components/Tabs/index.d.ts

@@ -1,16 +0,0 @@
-import { Tabs as TabsTheme } from '@radix-ui/themes';
-import React from 'react';
-import { VariantProps } from 'class-variance-authority';
-export interface TabsProps extends VariantProps<typeof tabsVariants> {
-    defaultValue?: string;
-    size?: 'small' | 'medium';
-    color?: any;
-}
-declare const tabsVariants: (props?: ({
-    weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsTheme.RootProps & React.RefAttributes<HTMLDivElement>, "ref"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
-export declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsTheme.ListProps & React.RefAttributes<HTMLDivElement>, "ref"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
-export declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsTheme.TriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & TabsProps & React.RefAttributes<HTMLButtonElement>>;
-export declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsTheme.ContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
-export default Tabs;

package/dist/components/Tabs/index.jsx

@@ -1,68 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { Theme, Tabs as TabsTheme } from '@radix-ui/themes';
-import React from 'react';
-import { cn } from '../../utils/utils';
-import { cva } from 'class-variance-authority';
-import { weightVariants } from '../../constants';
-var tabsVariants = cva('', {
-    variants: {
-        weight: __assign({}, weightVariants),
-    },
-});
-export var Tabs = 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>);
-});
-Tabs.displayName = 'Tabs';
-export var TabsList = React.forwardRef(function (_a, forwardedRef) {
-    var className = _a.className, weight = _a.weight, children = _a.children, size = _a.size, listProps = __rest(_a, ["className", "weight", "children", "size"]);
-    var sizeTheme = '2';
-    if (size === 'small')
-        sizeTheme = '1';
-    return (<TabsTheme.List ref={forwardedRef} size={sizeTheme} {...listProps} className={cn('', className)}>
-      {children}
-    </TabsTheme.List>);
-});
-TabsList.displayName = 'TabsList';
-export var TabsTrigger = 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 dark:text-slateDarkA-11 data-[state=active]:text-slateA-12 dark:data-[state=active]:text-slateDarkA-12', className)} {...triggerProps}>
-      {children}
-    </TabsTheme.Trigger>);
-});
-TabsTrigger.displayName = 'TabsTrigger';
-export var TabsContent = 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>);
-});
-TabsContent.displayName = 'TabsTrigger';
-export default Tabs;

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

@@ -1,16 +0,0 @@
-import React from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { IColor } from 'types';
-export interface TextAreaProps extends VariantProps<typeof textAreaNavVariants> {
-    color?: IColor;
-    href?: string;
-    appearance?: 'classic' | 'soft' | 'surface';
-    size?: 'small' | 'medium' | 'large' | 'x-large';
-}
-declare const textAreaNavVariants: (props?: ({
-    size?: "small" | "medium" | "large" | "x-large" | null | undefined;
-    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const TextArea: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").TextAreaProps & React.RefAttributes<HTMLTextAreaElement>, "ref"> & TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export default TextArea;