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

package/dist/lib/components/Skeleton/index.js

@@ -0,0 +1,42 @@
+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 { 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';
+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 (_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/Skeleton/index.mjs

@@ -0,0 +1,2 @@
+import{j as e}from"../../../_virtual/jsx-runtime.mjs";import t from"react";import{cva as r}from"../../../node_modules/class-variance-authority/dist/index.mjs";import{cn as o}from"../../utils/utils.mjs";import{radiusVariants as i}from"../../constants.mjs";import{Skeleton as s}from"../../../node_modules/@radix-ui/themes/dist/esm/components/skeleton.mjs";import{Theme as a}from"../../../node_modules/@radix-ui/themes/dist/esm/components/theme.mjs";var n=function(){return n=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},n.apply(this,arguments)},m=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)t.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(r[o[i]]=e[o[i]])}return r},l=r("",{variants:{radius:n({},i.base)},defaultVariants:{radius:"medium"}}),d=t.forwardRef((function(t,r){var i=t.children,d=t.className,u=t.radius,c=t.loading,p=t.width,f=t.height,h=m(t,["children","className","radius","loading","width","height"]);return e.jsx(a,{children:e.jsx(s,n({ref:r,loading:c,width:p,height:f,className:o("",u&&o(l({radius:u}),d))},h,{children:i}))})}));d.displayName="Skeleton";export{d as Skeleton,d as default};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/components/Skeleton/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../lib/components/Skeleton/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Theme, Skeleton as SkeletonTheme } from '@radix-ui/themes';\nimport { cn } from '../../../lib/utils/utils';\nimport { radiusVariants } from '../../../lib/constants';\nvar separatorVariants = cva('', {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n    },\n    defaultVariants: {\n        radius: 'medium',\n    },\n});\nexport var Skeleton = React.forwardRef(function (_a, forwardedRef) {\n    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\"]);\n    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 })) }));\n});\nSkeleton.displayName = 'Skeleton';\nexport default Skeleton;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","separatorVariants","cva","variants","radius","radiusVariants","defaultVariants","Skeleton","React","forwardRef","_a","forwardedRef","children","className","loading","width","height","skeletonProps","_jsx","Theme","jsx","SkeletonTheme","ref","cn","displayName"],"mappings":"2cAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAOIiB,EAAoBC,EAAI,GAAI,CAC5BC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,OAE9CC,gBAAiB,CACbF,OAAQ,YAGLG,EAAWC,EAAMC,YAAW,SAAUC,EAAIC,GACjD,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWT,EAASM,EAAGN,OAAQU,EAAUJ,EAAGI,QAASC,EAAQL,EAAGK,MAAOC,EAASN,EAAGM,OAAQC,EAAgBrB,EAAOc,EAAI,CAAC,WAAY,YAAa,SAAU,UAAW,QAAS,WACzN,OAAQQ,EAAAA,IAAKC,EAAO,CAAEP,SAAUM,EAAIE,IAACC,EAAexC,EAAS,CAAEyC,IAAKX,EAAcG,QAASA,EAASC,MAAOA,EAAOC,OAAQA,EAAQH,UAAWU,EAAG,GAAInB,GAAUmB,EAAGtB,EAAkB,CAAEG,OAAQA,IAAWS,KAAeI,EAAe,CAAEL,SAAUA,MACtP,IACAL,EAASiB,YAAc"}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { IScaling } from '../../../lib/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?: "small" | "none" | "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/lib/components/Slider/index.js

@@ -0,0 +1,49 @@
+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 { 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 { 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 (_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/Slider/index.mjs

@@ -0,0 +1,2 @@
+import{j as e}from"../../../_virtual/jsx-runtime.mjs";import r from"react";import{cva as a}from"../../../node_modules/class-variance-authority/dist/index.mjs";import{cn as t}from"../../utils/utils.mjs";import{radiusVariants as o}from"../../constants.mjs";import{Slider as s}from"../../../node_modules/@radix-ui/themes/dist/esm/components/slider.mjs";import{Theme as n}from"../../../node_modules/@radix-ui/themes/dist/esm/components/theme.mjs";var i=function(){return i=Object.assign||function(e){for(var r,a=1,t=arguments.length;a<t;a++)for(var o in r=arguments[a])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},i.apply(this,arguments)},l=function(e,r){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(a[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)r.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(a[t[o]]=e[t[o]])}return a},m=a("relative flex items-center select-none touch-none w-[200px] h-5",{variants:{radius:i({},o.base)}}),c=r.forwardRef((function(r,a){var o=r.className,c=r.color,d=r.size,p=r.appearance,u=r.scaling,f=void 0===u?"100%":u,j=r.radius;r.tabIndex;var v=l(r,["className","color","size","appearance","scaling","radius","tabIndex"]);c||(c="red"),"medium"!==j&&"large"!==j||(j="full");var h="2";return"small"===d&&(h="1"),"large"===d&&(h="3"),e.jsx(n,{accentColor:c,scaling:f,hasBackground:!1,children:e.jsx(s,i({ref:a,variant:p,size:h,radius:j,color:c,className:t(m({radius:j}),o)},v))})}));c.displayName="Slider";export{c as Slider,c as default};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/components/Slider/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../lib/components/Slider/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport { radiusVariants } from '../../../lib/constants';\nimport { Theme, Slider as SliderTheme } from '@radix-ui/themes';\nvar sliderVariants = cva('relative flex items-center select-none touch-none w-[200px] h-5', {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n        // color: bgColorStyle(),\n    },\n});\nexport var Slider = React.forwardRef(function (_a, forwardedRef) {\n    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\"]);\n    if (!color)\n        color = 'red';\n    if (radius === 'medium' || radius === 'large')\n        radius = 'full';\n    var sizeTheme = '2';\n    if (size === 'small')\n        sizeTheme = '1';\n    if (size === 'large')\n        sizeTheme = '3';\n    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)) }));\n});\nSlider.displayName = 'Slider';\nexport default Slider;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","sliderVariants","cva","variants","radius","radiusVariants","Slider","React","forwardRef","_a","forwardedRef","className","color","size","appearance","_b","scaling","tabIndex","sliderProps","sizeTheme","_jsx","Theme","accentColor","hasBackground","children","jsx","SliderTheme","ref","variant","cn","displayName"],"mappings":"ucAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAOIiB,EAAiBC,EAAI,kEAAmE,CACxFC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,SAIvCC,EAASC,EAAMC,YAAW,SAAUC,EAAIC,GAC5C,IAACC,EAAYF,EAAGE,UAAWC,EAAQH,EAAGG,MAAOC,EAAOJ,EAAGI,KAAMC,EAAaL,EAAGK,WAAYC,EAAKN,EAAGO,QAASA,OAAiB,IAAPD,EAAgB,OAASA,EAAIX,EAASK,EAAGL,OAAmBK,EAAGQ,SAAU,IAAAC,EAActB,EAAOa,EAAI,CAAC,YAAa,QAAS,OAAQ,aAAc,UAAW,SAAU,aACtRG,IACDA,EAAQ,OACG,WAAXR,GAAkC,UAAXA,IACvBA,EAAS,QACb,IAAIe,EAAY,IAKhB,MAJa,UAATN,IACAM,EAAY,KACH,UAATN,IACAM,EAAY,KACRC,EAAAA,IAAKC,EAAO,CAAEC,YAAaV,EAAOI,QAASA,EAASO,eAAe,EAAOC,SAAUJ,EAAIK,IAACC,EAAa7C,EAAS,CAAE8C,IAAKjB,EAAckB,QAASd,EAAYD,KAAMM,EAAWf,OAAQA,EAAQQ,MAAOA,EAAOD,UAAWkB,EAAG5B,EAAe,CAAEG,OAAQA,IAAWO,IAAcO,KACpR,IACAZ,EAAOwB,YAAc"}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { IColor } from '../../../lib/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/lib/components/Spinner/index.js

@@ -0,0 +1,47 @@
+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 { 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';
+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 (_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/Spinner/index.mjs

@@ -0,0 +1,2 @@
+import{j as e}from"../../../_virtual/jsx-runtime.mjs";import r from"react";import{cva as t}from"../../../node_modules/class-variance-authority/dist/index.mjs";import{cn as n}from"../../utils/utils.mjs";import{scalingVariants as s}from"../../constants.mjs";import{Spinner as a}from"../../../node_modules/@radix-ui/themes/dist/esm/components/spinner.mjs";import{Theme as o}from"../../../node_modules/@radix-ui/themes/dist/esm/components/theme.mjs";var i=function(){return i=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var s in r=arguments[t])Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s]);return e},i.apply(this,arguments)},l=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(n=Object.getOwnPropertySymbols(e);s<n.length;s++)r.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(e,n[s])&&(t[n[s]]=e[n[s]])}return t},m=t("",{variants:{scaling:i({},s)},defaultVariants:{scaling:"100%"}}),c=r.forwardRef((function(r,t){var s=r.className,c=r.children,p=r.size,d=r.scaling,f=r.loading,u=l(r,["className","children","size","scaling","loading"]),j="2";return"small"===p&&(j="1"),"large"===p&&(j="3"),e.jsx(o,{hasBackground:!1,children:e.jsx(a,i({ref:t,loading:f,size:j,className:n("",m({scaling:d}),s)},u,{children:c}))})}));c.displayName="Spinner";export{c as Spinner,c as default};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/components/Spinner/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../lib/components/Spinner/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Spinner as SpinnerTheme, Theme } from '@radix-ui/themes';\nimport { cn } from '../../../lib/utils/utils';\nimport { scalingVariants } from '../../../lib/constants';\nvar spinnerVariants = cva('', {\n    variants: {\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        scaling: '100%',\n    },\n});\nexport var Spinner = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, children = _a.children, size = _a.size, scaling = _a.scaling, loading = _a.loading, spinnerProps = __rest(_a, [\"className\", \"children\", \"size\", \"scaling\", \"loading\"]);\n    var sizeTheme = '2';\n    if (size === 'small')\n        sizeTheme = '1';\n    if (size === 'large')\n        sizeTheme = '3';\n    return (_jsx(Theme, { hasBackground: false, children: _jsx(SpinnerTheme, __assign({ ref: forwardedRef, loading: loading, size: sizeTheme, className: cn('', spinnerVariants({ scaling: scaling }), className) }, spinnerProps, { children: children })) }));\n});\nSpinner.displayName = 'Spinner';\nexport default Spinner;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","spinnerVariants","cva","variants","scaling","scalingVariants","defaultVariants","Spinner","React","forwardRef","_a","forwardedRef","className","children","size","loading","spinnerProps","sizeTheme","_jsx","Theme","hasBackground","jsx","SpinnerTheme","ref","cn","displayName"],"mappings":"0cAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAOIiB,EAAkBC,EAAI,GAAI,CAC1BC,SAAU,CACNC,QAASvB,EAAS,CAAE,EAAEwB,IAE1BC,gBAAiB,CACbF,QAAS,UAGNG,EAAUC,EAAMC,YAAW,SAAUC,EAAIC,GAChD,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUC,EAAOJ,EAAGI,KAAMV,EAAUM,EAAGN,QAASW,EAAUL,EAAGK,QAASC,EAAepB,EAAOc,EAAI,CAAC,YAAa,WAAY,OAAQ,UAAW,YACrLO,EAAY,IAKhB,MAJa,UAATH,IACAG,EAAY,KACH,UAATH,IACAG,EAAY,KACRC,EAAAA,IAAKC,EAAO,CAAEC,eAAe,EAAOP,SAAUK,EAAIG,IAACC,EAAczC,EAAS,CAAE0C,IAAKZ,EAAcI,QAASA,EAASD,KAAMG,EAAWL,UAAWY,EAAG,GAAIvB,EAAgB,CAAEG,QAASA,IAAYQ,IAAcI,EAAc,CAAEH,SAAUA,MAC/O,IACAN,EAAQkB,YAAc"}

package/dist/lib/components/TabNav/index.js

@@ -0,0 +1,50 @@
+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 { 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';
+var tabNavVariants = cva('', {
+    variants: {},
+});
+export var Root = 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 (_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 (_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 = {
+    Root: Root,
+    Link: Link,
+};
+export default TabNav;

package/dist/lib/components/TabNav/index.mjs

@@ -0,0 +1,2 @@
+import{j as e}from"../../../_virtual/jsx-runtime.mjs";import r from"react";import{cva as t}from"../../../node_modules/class-variance-authority/dist/index.mjs";import{cn as a}from"../../utils/utils.mjs";import{Theme as s}from"../../../node_modules/@radix-ui/themes/dist/esm/components/theme.mjs";import{Root as o,Link as n}from"../../../node_modules/@radix-ui/themes/dist/esm/components/tab-nav.mjs";var i=function(){return i=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++)for(var s in r=arguments[t])Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s]);return e},i.apply(this,arguments)},l=function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(a=Object.getOwnPropertySymbols(e);s<a.length;s++)r.indexOf(a[s])<0&&Object.prototype.propertyIsEnumerable.call(e,a[s])&&(t[a[s]]=e[a[s]])}return t},m=t("",{variants:{}}),c=r.forwardRef((function(r,t){var n=r.className,c=r.children,d=r.size,f=r.color,p=l(r,["className","children","size","color"]);f||(f="red");var u="2";return"small"===d&&(u="1"),e.jsx(s,{accentColor:f,hasBackground:!1,children:e.jsx(o,i({ref:t,size:u,className:a("",m({}),n)},p,{children:c}))})}));c.displayName="TabNav.Root";var d=r.forwardRef((function(r,t){var s=r.className,o=r.children,c=r.href,d=l(r,["className","children","href"]);return e.jsx(n,i({ref:t,className:a("text-slateA-11 data-[state=active]:text-slateA-12 dark:text-slateDarkA-11 dark:data-[state=active]:text-slateDarkA-12",m({}),s),href:c},d,{children:o}))}));d.displayName="TabNav.Link";var f={Root:c,Link:d};export{d as Link,c as Root,f as default};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/components/TabNav/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../lib/components/TabNav/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { TabNav as TabNavTheme, Theme } from '@radix-ui/themes';\nimport { cn } from '../../../lib/utils/utils';\nvar tabNavVariants = cva('', {\n    variants: {},\n});\nexport var Root = React.forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, size = _a.size, color = _a.color, rootProps = __rest(_a, [\"className\", \"children\", \"size\", \"color\"]);\n    if (!color)\n        color = 'red';\n    var sizeTheme = '2';\n    if (size === 'small')\n        sizeTheme = '1';\n    return (_jsx(Theme, { accentColor: color, hasBackground: false, children: _jsx(TabNavTheme.Root, __assign({ ref: ref, size: sizeTheme, className: cn('', tabNavVariants({}), className) }, rootProps, { children: children })) }));\n});\nRoot.displayName = 'TabNav.Root';\nexport var Link = React.forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, href = _a.href, linkProps = __rest(_a, [\"className\", \"children\", \"href\"]);\n    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 })));\n});\nLink.displayName = 'TabNav.Link';\nvar TabNav = {\n    Root: Root,\n    Link: Link,\n};\nexport default TabNav;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","tabNavVariants","cva","variants","Root","React","forwardRef","_a","ref","className","children","size","color","rootProps","sizeTheme","_jsx","jsx","Theme","accentColor","hasBackground","TabNavTheme.Root","cn","displayName","Link","href","linkProps","TabNavTheme.Link","TabNav"],"mappings":"2ZAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAMIiB,EAAiBC,EAAI,GAAI,CACzBC,SAAU,CAAE,IAELC,EAAOC,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUC,EAAOJ,EAAGI,KAAMC,EAAQL,EAAGK,MAAOC,EAAYjB,EAAOW,EAAI,CAAC,YAAa,WAAY,OAAQ,UAC5IK,IACDA,EAAQ,OACZ,IAAIE,EAAY,IAGhB,MAFa,UAATH,IACAG,EAAY,KACRC,EAAIC,IAACC,EAAO,CAAEC,YAAaN,EAAOO,eAAe,EAAOT,SAAUK,EAAIC,IAACI,EAAkBvC,EAAS,CAAE2B,IAAKA,EAAKG,KAAMG,EAAWL,UAAWY,EAAG,GAAIpB,EAAe,CAAE,GAAGQ,IAAcI,EAAW,CAAEH,SAAUA,MACtN,IACAN,EAAKkB,YAAc,cACT,IAACC,EAAOlB,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUc,EAAOjB,EAAGiB,KAAMC,EAAY7B,EAAOW,EAAI,CAAC,YAAa,WAAY,SACvH,OAAQQ,EAAIC,IAACU,EAAkB7C,EAAS,CAAE2B,IAAKA,EAAKC,UAAWY,EAAG,wHAAyHpB,EAAe,CAAE,GAAGQ,GAAYe,KAAMA,GAAQC,EAAW,CAAEf,SAAUA,IACpQ,IACAa,EAAKD,YAAc,cAChB,IAACK,EAAS,CACTvB,KAAMA,EACNmB,KAAMA"}

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { IColor } from '../../../lib/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?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & TableProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Header: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const Body: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const Row: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableRowElement>>;
+export declare const Cell: React.ForwardRefExoticComponent<Omit<TableTheme.CellProps & React.RefAttributes<HTMLTableDataCellElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableDataCellElement>>;
+export declare const ColumnHeaderCell: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableHeaderCellElement>>;
+export declare const RowHeaderCell: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableHeaderCellElement>>;
+declare const Table: {
+    Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & TableProps & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableSectionElement>>;
+    Body: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableSectionElement>>;
+    Row: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableRowElement>>;
+    Cell: React.ForwardRefExoticComponent<Omit<TableTheme.CellProps & React.RefAttributes<HTMLTableDataCellElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableDataCellElement>>;
+    ColumnHeaderCell: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableHeaderCellElement>>;
+    RowHeaderCell: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableHeaderCellElement>>;
+};
+export default Table;

package/dist/lib/components/Table/index.js

@@ -0,0 +1,98 @@
+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 { 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';
+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 Root = 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 (_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 (_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 (_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 (_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 (_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 (_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 (_jsx(TableTheme.RowHeaderCell, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
+});
+RowHeaderCell.displayName = 'Table.RowHeaderCell';
+var Table = {
+    Root: Root,
+    Header: Header,
+    Body: Body,
+    Row: Row,
+    Cell: Cell,
+    ColumnHeaderCell: ColumnHeaderCell,
+    RowHeaderCell: RowHeaderCell,
+};
+export default Table;

package/dist/lib/components/Table/index.mjs

@@ -0,0 +1,2 @@
+import{j as a}from"../../../_virtual/jsx-runtime.mjs";import e from"react";import{cva as r}from"../../../node_modules/class-variance-authority/dist/index.mjs";import{cn as s}from"../../utils/utils.mjs";import{scalingVariants as l,radiusVariants as n}from"../../constants.mjs";import{Theme as i}from"../../../node_modules/@radix-ui/themes/dist/esm/components/theme.mjs";import{Root as c,Header as o,Body as t,Row as d,Cell as m,ColumnHeaderCell as f,RowHeaderCell as u}from"../../../node_modules/@radix-ui/themes/dist/esm/components/table.mjs";var p=function(){return p=Object.assign||function(a){for(var e,r=1,s=arguments.length;r<s;r++)for(var l in e=arguments[r])Object.prototype.hasOwnProperty.call(e,l)&&(a[l]=e[l]);return a},p.apply(this,arguments)},h=function(a,e){var r={};for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&e.indexOf(s)<0&&(r[s]=a[s]);if(null!=a&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(s=Object.getOwnPropertySymbols(a);l<s.length;l++)e.indexOf(s[l])<0&&Object.prototype.propertyIsEnumerable.call(a,s[l])&&(r[s[l]]=a[s[l]])}return r},g=r("",{variants:{scaling:p({},l),radius:p({},n.base)},defaultVariants:{scaling:"100%"}}),N=r("",{variants:{size:{small:"h-[36px]",medium:"h-[44px]",large:"h-[48px] p-3"}}}),v=e.forwardRef((function(e,r){var l=e.className,n=e.children,o=e.appearance,t=e.scaling,d=e.size,m=e.radius,f=h(e,["className","children","appearance","scaling","size","radius"]),u="2";return"small"===d&&(u="1"),"large"===d&&(u="3"),"full"===m&&(m="large"),a.jsx(i,{hasBackground:!1,children:a.jsx(c,p({ref:r,className:s("",g({scaling:t,radius:m}),l),variant:o,size:u},f,{children:n}))})}));v.displayName="Table.Root";var y=e.forwardRef((function(e,r){var l=e.className,n=e.children,i=e.scaling,c=h(e,["className","children","scaling"]);return a.jsx(o,p({ref:r,className:s("",g({scaling:i}),l)},c,{children:n}))}));y.displayName="Table.Header";var j=e.forwardRef((function(e,r){var l=e.className,n=e.children,i=e.scaling,c=h(e,["className","children","scaling"]);return a.jsx(t,p({ref:r,className:s("",g({scaling:i}),l)},c,{children:n}))}));j.displayName="Table.Body";var b=e.forwardRef((function(e,r){var l=e.className,n=e.children,i=e.scaling,c=h(e,["className","children","scaling"]);return a.jsx(d,p({ref:r,className:s("",g({scaling:i}),l)},c,{children:n}))}));b.displayName="Table.Row";var x=e.forwardRef((function(e,r){var l=e.className,n=e.children,i=e.scaling,c=h(e,["className","children","scaling"]);return a.jsx(m,p({className:s("",g({scaling:i}),l)},c,{ref:r,children:n}))}));x.displayName="Table.Cell";var w=e.forwardRef((function(e,r){var l=e.className,n=e.children,i=e.scaling,c=e.size,o=h(e,["className","children","scaling","size"]);return a.jsx(f,p({ref:r,className:s("",g({scaling:i}),N({size:c}),l)},o,{children:n}))}));w.displayName="Table.ColumnHeaderCell";var R=e.forwardRef((function(e,r){var l=e.className,n=e.children,i=e.scaling,c=h(e,["className","children","scaling"]);return a.jsx(u,p({ref:r,className:s("",g({scaling:i}),l)},c,{children:n}))}));R.displayName="Table.RowHeaderCell";var C={Root:v,Header:y,Body:j,Row:b,Cell:x,ColumnHeaderCell:w,RowHeaderCell:R};export{j as Body,x as Cell,w as ColumnHeaderCell,y as Header,v as Root,b as Row,R as RowHeaderCell,C as default};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/components/Table/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../lib/components/Table/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Table as TableTheme, Theme } from '@radix-ui/themes';\nimport { cn } from '../../../lib/utils/utils';\nimport { radiusVariants, scalingVariants } from '../../../lib/constants';\nvar tableVariants = cva('', {\n    variants: {\n        scaling: __assign({}, scalingVariants),\n        radius: __assign({}, radiusVariants['base']),\n    },\n    defaultVariants: {\n        scaling: '100%',\n    },\n});\nvar tableRowVariants = cva('', {\n    variants: {\n        size: {\n            small: 'h-[36px]',\n            medium: 'h-[44px]',\n            large: 'h-[48px] p-3',\n        },\n    },\n});\nexport var Root = React.forwardRef(function (_a, ref) {\n    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\"]);\n    var sizeTheme = '2';\n    if (size === 'small')\n        sizeTheme = '1';\n    if (size === 'large')\n        sizeTheme = '3';\n    if (radius === 'full')\n        radius = 'large';\n    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 })) }));\n});\nRoot.displayName = 'Table.Root';\nexport var Header = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, [\"className\", \"children\", \"scaling\"]);\n    return (_jsx(TableTheme.Header, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));\n});\nHeader.displayName = 'Table.Header';\nexport var Body = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, [\"className\", \"children\", \"scaling\"]);\n    return (_jsx(TableTheme.Body, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));\n});\nBody.displayName = 'Table.Body';\nexport var Row = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, [\"className\", \"children\", \"scaling\"]);\n    return (_jsx(TableTheme.Row, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));\n});\nRow.displayName = 'Table.Row';\nexport var Cell = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, children = _a.children, scaling = _a.scaling, cellProps = __rest(_a, [\"className\", \"children\", \"scaling\"]);\n    return (_jsx(TableTheme.Cell, __assign({ className: cn('', tableVariants({ scaling: scaling }), className) }, cellProps, { ref: forwardedRef, children: children })));\n});\nCell.displayName = 'Table.Cell';\nexport var ColumnHeaderCell = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, props = __rest(_a, [\"className\", \"children\", \"scaling\", \"size\"]);\n    return (_jsx(TableTheme.ColumnHeaderCell, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), tableRowVariants({ size: size }), className) }, props, { children: children })));\n});\nColumnHeaderCell.displayName = 'Table.ColumnHeaderCell';\nexport var RowHeaderCell = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, [\"className\", \"children\", \"scaling\"]);\n    return (_jsx(TableTheme.RowHeaderCell, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));\n});\nRowHeaderCell.displayName = 'Table.RowHeaderCell';\nvar Table = {\n    Root: Root,\n    Header: Header,\n    Body: Body,\n    Row: Row,\n    Cell: Cell,\n    ColumnHeaderCell: ColumnHeaderCell,\n    RowHeaderCell: RowHeaderCell,\n};\nexport default Table;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","tableVariants","cva","variants","scaling","scalingVariants","radius","radiusVariants","defaultVariants","tableRowVariants","size","small","medium","large","Root","React","forwardRef","_a","ref","className","children","appearance","tableProps","sizeTheme","_jsx","Theme","hasBackground","TableTheme.Root","cn","variant","displayName","Header","forwardedRef","props","jsx","TableTheme.Header","Body","TableTheme.Body","Row","TableTheme.Row","Cell","cellProps","TableTheme.Cell","ColumnHeaderCell","TableTheme.ColumnHeaderCell","RowHeaderCell","TableTheme.RowHeaderCell","Table"],"mappings":"2iBAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAOIiB,EAAgBC,EAAI,GAAI,CACxBC,SAAU,CACNC,QAASvB,EAAS,CAAE,EAAEwB,GACtBC,OAAQzB,EAAS,CAAA,EAAI0B,EAAqB,OAE9CC,gBAAiB,CACbJ,QAAS,UAGbK,EAAmBP,EAAI,GAAI,CAC3BC,SAAU,CACNO,KAAM,CACFC,MAAO,WACPC,OAAQ,WACRC,MAAO,mBAIRC,EAAOC,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUC,EAAaJ,EAAGI,WAAYjB,EAAUa,EAAGb,QAASM,EAAOO,EAAGP,KAAMJ,EAASW,EAAGX,OAAQgB,EAAa1B,EAAOqB,EAAI,CAAC,YAAa,WAAY,aAAc,UAAW,OAAQ,WAC3NM,EAAY,IAOhB,MANa,UAATb,IACAa,EAAY,KACH,UAATb,IACAa,EAAY,KACD,SAAXjB,IACAA,EAAS,SACLkB,EAAAA,IAAKC,EAAO,CAAEC,eAAe,EAAON,SAAUI,MAAKG,EAAiB9C,EAAS,CAAEqC,IAAKA,EAAKC,UAAWS,EAAG,GAAI3B,EAAc,CAAEG,QAASA,EAASE,OAAQA,IAAWa,GAAYU,QAASR,EAAYX,KAAMa,GAAaD,EAAY,CAAEF,SAAUA,MACxP,IACAN,EAAKgB,YAAc,aACT,IAACC,EAAShB,EAAMC,YAAW,SAAUC,EAAIe,GAC/C,IAAIb,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUhB,EAAUa,EAAGb,QAAS6B,EAAQrC,EAAOqB,EAAI,CAAC,YAAa,WAAY,YACzH,OAAQO,EAAIU,IAACC,EAAmBtD,EAAS,CAAEqC,IAAKc,EAAcb,UAAWS,EAAG,GAAI3B,EAAc,CAAEG,QAASA,IAAYe,IAAcc,EAAO,CAAEb,SAAUA,IAC1J,IACAW,EAAOD,YAAc,eACX,IAACM,EAAOrB,EAAMC,YAAW,SAAUC,EAAIe,GAC7C,IAAIb,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUhB,EAAUa,EAAGb,QAAS6B,EAAQrC,EAAOqB,EAAI,CAAC,YAAa,WAAY,YACzH,OAAQO,EAAIU,IAACG,EAAiBxD,EAAS,CAAEqC,IAAKc,EAAcb,UAAWS,EAAG,GAAI3B,EAAc,CAAEG,QAASA,IAAYe,IAAcc,EAAO,CAAEb,SAAUA,IACxJ,IACAgB,EAAKN,YAAc,aACT,IAACQ,EAAMvB,EAAMC,YAAW,SAAUC,EAAIe,GAC5C,IAAIb,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUhB,EAAUa,EAAGb,QAAS6B,EAAQrC,EAAOqB,EAAI,CAAC,YAAa,WAAY,YACzH,OAAQO,EAAIU,IAACK,EAAgB1D,EAAS,CAAEqC,IAAKc,EAAcb,UAAWS,EAAG,GAAI3B,EAAc,CAAEG,QAASA,IAAYe,IAAcc,EAAO,CAAEb,SAAUA,IACvJ,IACAkB,EAAIR,YAAc,YACR,IAACU,EAAOzB,EAAMC,YAAW,SAAUC,EAAIe,GAC7C,IAAIb,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUhB,EAAUa,EAAGb,QAASqC,EAAY7C,EAAOqB,EAAI,CAAC,YAAa,WAAY,YAC7H,OAAQO,EAAIU,IAACQ,EAAiB7D,EAAS,CAAEsC,UAAWS,EAAG,GAAI3B,EAAc,CAAEG,QAASA,IAAYe,IAAcsB,EAAW,CAAEvB,IAAKc,EAAcZ,SAAUA,IAC5J,IACAoB,EAAKV,YAAc,aACT,IAACa,EAAmB5B,EAAMC,YAAW,SAAUC,EAAIe,GACzD,IAAIb,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUhB,EAAUa,EAAGb,QAASM,EAAOO,EAAGP,KAAMuB,EAAQrC,EAAOqB,EAAI,CAAC,YAAa,WAAY,UAAW,SACpJ,OAAQO,MAAKoB,EAA6B/D,EAAS,CAAEqC,IAAKc,EAAcb,UAAWS,EAAG,GAAI3B,EAAc,CAAEG,QAASA,IAAYK,EAAiB,CAAEC,KAAMA,IAASS,IAAcc,EAAO,CAAEb,SAAUA,IACtM,IACAuB,EAAiBb,YAAc,yBACrB,IAACe,EAAgB9B,EAAMC,YAAW,SAAUC,EAAIe,GACtD,IAAIb,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUhB,EAAUa,EAAGb,QAAS6B,EAAQrC,EAAOqB,EAAI,CAAC,YAAa,WAAY,YACzH,OAAQO,EAAIU,IAACY,EAA0BjE,EAAS,CAAEqC,IAAKc,EAAcb,UAAWS,EAAG,GAAI3B,EAAc,CAAEG,QAASA,IAAYe,IAAcc,EAAO,CAAEb,SAAUA,IACjK,IACAyB,EAAcf,YAAc,sBACzB,IAACiB,EAAQ,CACRjC,KAAMA,EACNiB,OAAQA,EACRK,KAAMA,EACNE,IAAKA,EACLE,KAAMA,EACNG,iBAAkBA,EAClBE,cAAeA"}

package/dist/lib/components/Tabs/index.js

@@ -0,0 +1,65 @@
+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 { 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 { cva } from 'class-variance-authority';
+import { weightVariants } from '../../../lib/constants';
+var tabsVariants = cva('', {
+    variants: {
+        weight: __assign({}, weightVariants),
+    },
+});
+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 })) }));
+});
+Root.displayName = 'Tabs.Root';
+export var List = 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 (_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 (_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 (_jsx(TabsTheme.Content, __assign({ ref: forwardedRef }, contentProps, { className: cn('mt-3', className), children: children })));
+});
+Content.displayName = 'Tabs.Content';
+var Tabs = {
+    Root: Root,
+    List: List,
+    Trigger: Trigger,
+    Content: Content,
+};
+export default Tabs;

package/dist/lib/components/Tabs/index.mjs

@@ -0,0 +1,2 @@
+import{j as e}from"../../../_virtual/jsx-runtime.mjs";import r from"react";import{cn as t}from"../../utils/utils.mjs";import{cva as a}from"../../../node_modules/class-variance-authority/dist/index.mjs";import{weightVariants as s}from"../../constants.mjs";import{Theme as o}from"../../../node_modules/@radix-ui/themes/dist/esm/components/theme.mjs";import{Root as i,List as n,Trigger as l,Content as c}from"../../../node_modules/@radix-ui/themes/dist/esm/components/tabs.mjs";var m=function(){return m=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++)for(var s in r=arguments[t])Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s]);return e},m.apply(this,arguments)},d=function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(a=Object.getOwnPropertySymbols(e);s<a.length;s++)r.indexOf(a[s])<0&&Object.prototype.propertyIsEnumerable.call(e,a[s])&&(t[a[s]]=e[a[s]])}return t};a("",{variants:{weight:m({},s)}});var f=r.forwardRef((function(r,a){var s=r.className,n=r.children,l=r.color,c=d(r,["className","children","color"]);return l||(l="red"),e.jsx(o,{accentColor:l,hasBackground:!1,children:e.jsx(i,m({},c,{ref:a,className:t("",s),children:n}))})}));f.displayName="Tabs.Root";var h=r.forwardRef((function(r,a){var s=r.className;r.weight;var o=r.children,i=r.size,l=d(r,["className","weight","children","size"]),c="2";return"small"===i&&(c="1"),e.jsx(n,m({ref:a,size:c},l,{className:t("",s),children:o}))}));h.displayName="Tabs.List";var p=r.forwardRef((function(r,a){var s=r.className;r.weight;var o=r.children,i=d(r,["className","weight","children"]);return e.jsx(l,m({ref:a,className:t("text-slateA-11 data-[state=active]:text-slateA-12 dark:text-slateDarkA-11 dark:data-[state=active]:text-slateDarkA-12",s)},i,{children:o}))}));p.displayName="Tabs.Trigger";var u=r.forwardRef((function(r,a){var s=r.className;r.weight;var o=r.children,i=d(r,["className","weight","children"]);return e.jsx(c,m({ref:a},i,{className:t("mt-3",s),children:o}))}));u.displayName="Tabs.Content";var v={Root:f,List:h,Trigger:p,Content:u};export{u as Content,h as List,f as Root,p as Trigger,v as default};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/components/Tabs/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../lib/components/Tabs/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Theme, Tabs as TabsTheme } from '@radix-ui/themes';\nimport React from 'react';\nimport { cn } from '../../../lib/utils/utils';\nimport { cva } from 'class-variance-authority';\nimport { weightVariants } from '../../../lib/constants';\nvar tabsVariants = cva('', {\n    variants: {\n        weight: __assign({}, weightVariants),\n    },\n});\nexport var Root = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, children = _a.children, color = _a.color, rootProps = __rest(_a, [\"className\", \"children\", \"color\"]);\n    if (!color)\n        color = 'red';\n    return (_jsx(Theme, { accentColor: color, hasBackground: false, children: _jsx(TabsTheme.Root, __assign({}, rootProps, { ref: forwardedRef, className: cn('', className), children: children })) }));\n});\nRoot.displayName = 'Tabs.Root';\nexport var List = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, weight = _a.weight, children = _a.children, size = _a.size, listProps = __rest(_a, [\"className\", \"weight\", \"children\", \"size\"]);\n    var sizeTheme = '2';\n    if (size === 'small')\n        sizeTheme = '1';\n    return (_jsx(TabsTheme.List, __assign({ ref: forwardedRef, size: sizeTheme }, listProps, { className: cn('', className), children: children })));\n});\nList.displayName = 'Tabs.List';\nexport var Trigger = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, weight = _a.weight, children = _a.children, triggerProps = __rest(_a, [\"className\", \"weight\", \"children\"]);\n    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 })));\n});\nTrigger.displayName = 'Tabs.Trigger';\nexport var Content = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, weight = _a.weight, children = _a.children, contentProps = __rest(_a, [\"className\", \"weight\", \"children\"]);\n    return (_jsx(TabsTheme.Content, __assign({ ref: forwardedRef }, contentProps, { className: cn('mt-3', className), children: children })));\n});\nContent.displayName = 'Tabs.Content';\nvar Tabs = {\n    Root: Root,\n    List: List,\n    Trigger: Trigger,\n    Content: Content,\n};\nexport default Tabs;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","cva","variants","weight","weightVariants","Root","React","forwardRef","_a","forwardedRef","className","children","color","rootProps","_jsx","Theme","accentColor","hasBackground","TabsTheme.Root","ref","cn","displayName","List","size","listProps","sizeTheme","TabsTheme.List","Trigger","triggerProps","TabsTheme.Trigger","Content","contentProps","TabsTheme.Content","Tabs"],"mappings":"ueAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAOmBiB,EAAI,GAAI,CACvBC,SAAU,CACNC,OAAQtB,EAAS,CAAE,EAAEuB,MAGnB,IAACC,EAAOC,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUC,EAAQJ,EAAGI,MAAOC,EAAYjB,EAAOY,EAAI,CAAC,YAAa,WAAY,UAGzH,OAFKI,IACDA,EAAQ,OACJE,MAAKC,EAAO,CAAEC,YAAaJ,EAAOK,eAAe,EAAON,SAAUG,EAAAA,IAAKI,EAAgBrC,EAAS,CAAE,EAAEgC,EAAW,CAAEM,IAAKV,EAAcC,UAAWU,EAAG,GAAIV,GAAYC,SAAUA,MACxL,IACAN,EAAKgB,YAAc,YACT,IAACC,EAAOhB,EAAMC,YAAW,SAAUC,EAAIC,GAC1C,IAACC,EAAYF,EAAGE,UAAoBF,EAAGL,WAAQQ,EAAWH,EAAGG,SAAUY,EAAOf,EAAGe,KAAMC,EAAY5B,EAAOY,EAAI,CAAC,YAAa,SAAU,WAAY,SACjJiB,EAAY,IAGhB,MAFa,UAATF,IACAE,EAAY,KACRX,EAAAA,IAAKY,EAAgB7C,EAAS,CAAEsC,IAAKV,EAAcc,KAAME,GAAaD,EAAW,CAAEd,UAAWU,EAAG,GAAIV,GAAYC,SAAUA,IACvI,IACAW,EAAKD,YAAc,YACT,IAACM,EAAUrB,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAACC,EAAYF,EAAGE,UAAoBF,EAAGL,OAAO,IAACQ,EAAWH,EAAGG,SAAUiB,EAAehC,EAAOY,EAAI,CAAC,YAAa,SAAU,aAC5H,OAAQM,EAAAA,IAAKe,EAAmBhD,EAAS,CAAEsC,IAAKV,EAAcC,UAAWU,EAAG,wHAAyHV,IAAckB,EAAc,CAAEjB,SAAUA,IACjP,IACAgB,EAAQN,YAAc,eACZ,IAACS,EAAUxB,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAACC,EAAYF,EAAGE,UAAoBF,EAAGL,OAAO,IAACQ,EAAWH,EAAGG,SAAUoB,EAAenC,EAAOY,EAAI,CAAC,YAAa,SAAU,aAC5H,OAAQM,EAAAA,IAAKkB,EAAmBnD,EAAS,CAAEsC,IAAKV,GAAgBsB,EAAc,CAAErB,UAAWU,EAAG,OAAQV,GAAYC,SAAUA,IAChI,IACAmB,EAAQT,YAAc,eACnB,IAACY,EAAO,CACP5B,KAAMA,EACNiB,KAAMA,EACNK,QAASA,EACTG,QAASA"}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { IColor } from '../../../lib/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?: "small" | "none" | "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;