@lotte-innovate/ui-component-test 0.1.66 → 0.1.68

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

@@ -8,7 +8,7 @@ export interface SliderProps extends VariantProps<typeof sliderVariants> {
     scaling?: IScaling;
 }
 declare const sliderVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const Slider: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes").SliderProps & React.RefAttributes<HTMLSpanElement>, "ref">, "size"> & SliderProps & React.RefAttributes<HTMLSpanElement>>;
 export default Slider;

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

@@ -26,16 +26,20 @@ 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';
+import { useTheme } from '../../../lib/theme';
 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';
+    var className = _a.className, _b = _a.color, color = _b === void 0 ? 'red' : _b, size = _a.size, appearance = _a.appearance, _c = _a.scaling, scaling = _c === void 0 ? '100%' : _c, radius = _a.radius, tabIndex = _a.tabIndex, sliderProps = __rest(_a, ["className", "color", "size", "appearance", "scaling", "radius", "tabIndex"]);
+    var theme = useTheme().theme;
+    var contextValue = {
+        radius: theme.themeRadius || radius,
+        scaling: theme.themeScaling || scaling,
+        color: theme.themeColor || color,
+    };
     if (radius === 'medium' || radius === 'large')
         radius = 'full';
     var sizeTheme = '2';
@@ -43,7 +47,11 @@ export var Slider = React.forwardRef(function (_a, forwardedRef) {
         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)) }));
+    return (
+    // @ts-ignore
+    _jsx(Theme, { accentColor: contextValue.color, scaling: contextValue.scaling, hasBackground: false, children: _jsx(SliderTheme, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, radius: contextValue.radius, 
+            // @ts-ignore
+            color: contextValue.color, className: cn(sliderVariants({ radius: contextValue.radius }), className) }, sliderProps)) }));
 });
 Slider.displayName = 'Slider';
 export default Slider;

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

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

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

@@ -1 +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","SliderTheme","ref","variant","cn","displayName"],"mappings":"iQAAA,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,EAAKC,EAAO,CAAEC,YAAaV,EAAOI,QAASA,EAASO,eAAe,EAAOC,SAAUJ,EAAKK,EAAa5C,EAAS,CAAE6C,IAAKhB,EAAciB,QAASb,EAAYD,KAAMM,EAAWf,OAAQA,EAAQQ,MAAOA,EAAOD,UAAWiB,EAAG3B,EAAe,CAAEG,OAAQA,IAAWO,IAAcO,KACpR,IACAZ,EAAOuB,YAAc"}
+{"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';\nimport { useTheme } from '../../../lib/theme';\nvar sliderVariants = cva('relative flex items-center select-none touch-none w-[200px] h-5', {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n    },\n});\nexport var Slider = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, _b = _a.color, color = _b === void 0 ? 'red' : _b, size = _a.size, appearance = _a.appearance, _c = _a.scaling, scaling = _c === void 0 ? '100%' : _c, radius = _a.radius, tabIndex = _a.tabIndex, sliderProps = __rest(_a, [\"className\", \"color\", \"size\", \"appearance\", \"scaling\", \"radius\", \"tabIndex\"]);\n    var theme = useTheme().theme;\n    var contextValue = {\n        radius: theme.themeRadius || radius,\n        scaling: theme.themeScaling || scaling,\n        color: theme.themeColor || color,\n    };\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 (\n    // @ts-ignore\n    _jsx(Theme, { accentColor: contextValue.color, scaling: contextValue.scaling, hasBackground: false, children: _jsx(SliderTheme, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, radius: contextValue.radius, \n            // @ts-ignore\n            color: contextValue.color, className: cn(sliderVariants({ radius: contextValue.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","_b","color","size","appearance","_c","scaling","tabIndex","sliderProps","theme","useTheme","contextValue","themeRadius","themeScaling","themeColor","sizeTheme","_jsx","Theme","accentColor","hasBackground","children","SliderTheme","ref","variant","cn","displayName"],"mappings":"0TAAA,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,EAQIiB,EAAiBC,EAAI,kEAAmE,CACxFC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,SAGvCC,EAASC,EAAMC,YAAW,SAAUC,EAAIC,GAC5C,IAACC,EAAYF,EAAGE,UAAWC,EAAKH,EAAGI,MAAOA,OAAe,IAAPD,EAAgB,MAAQA,EAAIE,EAAOL,EAAGK,KAAMC,EAAaN,EAAGM,WAAYC,EAAKP,EAAGQ,QAASA,OAAiB,IAAPD,EAAgB,OAASA,EAAIZ,EAASK,EAAGL,OAAmBK,EAAGS,SAAU,IAAAC,EAAcvB,EAAOa,EAAI,CAAC,YAAa,QAAS,OAAQ,aAAc,UAAW,SAAU,aACxTW,EAAQC,IAAWD,MACnBE,EAAe,CACflB,OAAQgB,EAAMG,aAAenB,EAC7Ba,QAASG,EAAMI,cAAgBP,EAC/BJ,MAAOO,EAAMK,YAAcZ,GAEhB,WAAXT,GAAkC,UAAXA,IACvBA,EAAS,QACb,IAAIsB,EAAY,IAKhB,MAJa,UAATZ,IACAY,EAAY,KACH,UAATZ,IACAY,EAAY,KAGhBC,EAAKC,EAAO,CAAEC,YAAaP,EAAaT,MAAOI,QAASK,EAAaL,QAASa,eAAe,EAAOC,SAAUJ,EAAKK,EAAanD,EAAS,CAAEoD,IAAKvB,EAAcwB,QAASnB,EAAYD,KAAMY,EAAWtB,OAAQkB,EAAalB,OAEjNS,MAAOS,EAAaT,MAAOF,UAAWwB,EAAGlC,EAAe,CAAEG,OAAQkB,EAAalB,SAAWO,IAAcQ,KACpH,IACAb,EAAO8B,YAAc"}

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

@@ -26,6 +26,7 @@ import { cva } from 'class-variance-authority';
 import { Spinner as SpinnerTheme, Theme } from '@radix-ui/themes';
 import { cn } from '../../../lib/utils/utils';
 import { scalingVariants } from '../../../lib/constants';
+import { useTheme } from '../../../lib/theme';
 var spinnerVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -36,12 +37,13 @@ var spinnerVariants = cva('', {
 });
 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 theme = useTheme().theme;
     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 })) }));
+    return (_jsx(Theme, { hasBackground: false, children: _jsx(SpinnerTheme, __assign({ ref: forwardedRef, loading: loading, size: sizeTheme, className: cn('', spinnerVariants({ scaling: theme.themeScaling || scaling }), className) }, spinnerProps, { children: children })) }));
 });
 Spinner.displayName = 'Spinner';
 export default Spinner;

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

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

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

@@ -1 +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","SpinnerTheme","ref","cn","displayName"],"mappings":"mQAAA,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,EAAKC,EAAO,CAAEC,eAAe,EAAOP,SAAUK,EAAKG,EAAcxC,EAAS,CAAEyC,IAAKX,EAAcI,QAASA,EAASD,KAAMG,EAAWL,UAAWW,EAAG,GAAItB,EAAgB,CAAEG,QAASA,IAAYQ,IAAcI,EAAc,CAAEH,SAAUA,MAC/O,IACAN,EAAQiB,YAAc"}
+{"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';\nimport { useTheme } from '../../../lib/theme';\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 theme = useTheme().theme;\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: theme.themeScaling || 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","theme","useTheme","sizeTheme","_jsx","Theme","hasBackground","SpinnerTheme","ref","cn","themeScaling","displayName"],"mappings":"4TAAA,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,EAQIiB,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,EAAQC,IAAWD,MACnBE,EAAY,IAKhB,MAJa,UAATL,IACAK,EAAY,KACH,UAATL,IACAK,EAAY,KACRC,EAAKC,EAAO,CAAEC,eAAe,EAAOT,SAAUO,EAAKG,EAAc1C,EAAS,CAAE2C,IAAKb,EAAcI,QAASA,EAASD,KAAMK,EAAWP,UAAWa,EAAG,GAAIxB,EAAgB,CAAEG,QAASa,EAAMS,cAAgBtB,IAAYQ,IAAcI,EAAc,CAAEH,SAAUA,MACrQ,IACAN,EAAQoB,YAAc"}

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

@@ -25,17 +25,19 @@ import React from 'react';
 import { cva } from 'class-variance-authority';
 import { TabNav as TabNavTheme, Theme } from '@radix-ui/themes';
 import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
 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 className = _a.className, children = _a.children, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, rootProps = __rest(_a, ["className", "children", "size", "color"]);
+    var theme = useTheme().theme;
     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 })) }));
+    return (
+    // @ts-ignore
+    _jsx(Theme, { accentColor: theme.themeColor || 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) {

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

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

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

@@ -1 +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","Theme","accentColor","hasBackground","TabNavTheme","cn","displayName","Link","href","linkProps","TabNav"],"mappings":"4MAAA,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,EAAKC,EAAO,CAAEC,YAAaL,EAAOM,eAAe,EAAOR,SAAUK,EAAKI,EAAYf,KAAMvB,EAAS,CAAE2B,IAAKA,EAAKG,KAAMG,EAAWL,UAAWW,EAAG,GAAInB,EAAe,CAAE,GAAGQ,IAAcI,EAAW,CAAEH,SAAUA,MACtN,IACAN,EAAKiB,YAAc,cACT,IAACC,EAAOjB,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUa,EAAOhB,EAAGgB,KAAMC,EAAY5B,EAAOW,EAAI,CAAC,YAAa,WAAY,SACvH,OAAQQ,EAAKI,EAAYG,KAAMzC,EAAS,CAAE2B,IAAKA,EAAKC,UAAWW,EAAG,wHAAyHnB,EAAe,CAAA,GAAKQ,GAAYc,KAAMA,GAAQC,EAAW,CAAEd,SAAUA,IACpQ,IACAY,EAAKD,YAAc,cAChB,IAACI,EAAS,CACTrB,KAAMA,EACNkB,KAAMA"}
+{"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';\nimport { useTheme } from '../../../lib/theme';\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, _b = _a.color, color = _b === void 0 ? 'red' : _b, rootProps = __rest(_a, [\"className\", \"children\", \"size\", \"color\"]);\n    var theme = useTheme().theme;\n    var sizeTheme = '2';\n    if (size === 'small')\n        sizeTheme = '1';\n    return (\n    // @ts-ignore\n    _jsx(Theme, { accentColor: theme.themeColor || 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","_b","color","rootProps","theme","useTheme","sizeTheme","_jsx","Theme","accentColor","themeColor","hasBackground","TabNavTheme","cn","displayName","Link","href","linkProps","TabNav"],"mappings":"qQAAA,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,GAAI,CACzBC,SAAU,CAAE,IAELC,EAAOC,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUC,EAAOJ,EAAGI,KAAMC,EAAKL,EAAGM,MAAOA,OAAe,IAAPD,EAAgB,MAAQA,EAAIE,EAAYlB,EAAOW,EAAI,CAAC,YAAa,WAAY,OAAQ,UAC9KQ,EAAQC,IAAWD,MACnBE,EAAY,IAGhB,MAFa,UAATN,IACAM,EAAY,KAGhBC,EAAKC,EAAO,CAAEC,YAAaL,EAAMM,YAAcR,EAAOS,eAAe,EAAOZ,SAAUQ,EAAKK,EAAYnB,KAAMvB,EAAS,CAAE2B,IAAKA,EAAKG,KAAMM,EAAWR,UAAWe,EAAG,GAAIvB,EAAe,CAAA,GAAKQ,IAAcK,EAAW,CAAEJ,SAAUA,MAClO,IACAN,EAAKqB,YAAc,cACT,IAACC,EAAOrB,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUiB,EAAOpB,EAAGoB,KAAMC,EAAYhC,EAAOW,EAAI,CAAC,YAAa,WAAY,SACvH,OAAQW,EAAKK,EAAYG,KAAM7C,EAAS,CAAE2B,IAAKA,EAAKC,UAAWe,EAAG,wHAAyHvB,EAAe,CAAA,GAAKQ,GAAYkB,KAAMA,GAAQC,EAAW,CAAElB,SAAUA,IACpQ,IACAgB,EAAKD,YAAc,cAChB,IAACI,EAAS,CACTzB,KAAMA,EACNsB,KAAMA"}

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

@@ -9,7 +9,7 @@ export interface TableProps extends VariantProps<typeof tableVariants> {
 }
 declare const tableVariants: (props?: ({
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "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>>;

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

@@ -26,6 +26,7 @@ import { cva } from 'class-variance-authority';
 import { Table as TableTheme, Theme } from '@radix-ui/themes';
 import { cn } from '../../../lib/utils/utils';
 import { radiusVariants, scalingVariants } from '../../../lib/constants';
+import { useTheme } from '../../../lib/theme';
 var tableVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -46,6 +47,7 @@ var tableRowVariants = cva('', {
 });
 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 theme = useTheme().theme;
     var sizeTheme = '2';
     if (size === 'small')
         sizeTheme = '1';
@@ -53,7 +55,11 @@ export var Root = React.forwardRef(function (_a, ref) {
         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 })) }));
+    var contextValue = {
+        scaling: theme.themeScaling || scaling,
+        radius: theme.themeRadius || radius,
+    };
+    return (_jsx(Theme, { hasBackground: false, children: _jsx(TableTheme.Root, __assign({ ref: ref, className: cn(tableVariants(contextValue), className), variant: appearance, size: sizeTheme }, tableProps, { children: children })) }));
 });
 Root.displayName = 'Table.Root';
 export var Header = React.forwardRef(function (_a, forwardedRef) {

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

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

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

@@ -1 +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","cn","variant","displayName","Header","forwardedRef","props","Body","Row","Cell","cellProps","ColumnHeaderCell","RowHeaderCell","Table"],"mappings":"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"}
+{"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';\nimport { useTheme } from '../../../lib/theme';\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 theme = useTheme().theme;\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    var contextValue = {\n        scaling: theme.themeScaling || scaling,\n        radius: theme.themeRadius || radius,\n    };\n    return (_jsx(Theme, { hasBackground: false, children: _jsx(TableTheme.Root, __assign({ ref: ref, className: cn(tableVariants(contextValue), 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","theme","useTheme","sizeTheme","contextValue","themeScaling","themeRadius","_jsx","Theme","hasBackground","TableTheme","cn","variant","displayName","Header","forwardedRef","props","Body","Row","Cell","cellProps","ColumnHeaderCell","RowHeaderCell","Table"],"mappings":"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"}

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

@@ -7,7 +7,7 @@ export interface TabsProps extends VariantProps<typeof tabsVariants> {
     color?: any;
 }
 declare const tabsVariants: (props?: ({
-    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
+    weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<TabsTheme.RootProps & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
 export declare const List: React.ForwardRefExoticComponent<Omit<TabsTheme.ListProps & React.RefAttributes<HTMLDivElement>, "ref"> & TabsProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -26,16 +26,16 @@ import React from 'react';
 import { cn } from '../../../lib/utils/utils';
 import { cva } from 'class-variance-authority';
 import { weightVariants } from '../../../lib/constants';
+import { useTheme } from '../../../lib/theme';
 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 })) }));
+    var className = _a.className, children = _a.children, _b = _a.color, color = _b === void 0 ? 'red' : _b, rootProps = __rest(_a, ["className", "children", "color"]);
+    var theme = useTheme().theme;
+    return (_jsx(Theme, { accentColor: theme.themeColor || 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) {

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

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

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

@@ -1 +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","ref","cn","displayName","List","size","listProps","sizeTheme","Trigger","triggerProps","Content","contentProps","Tabs"],"mappings":"+PAAA,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,EAAKC,EAAO,CAAEC,YAAaJ,EAAOK,eAAe,EAAON,SAAUG,EAAKI,EAAUb,KAAMxB,EAAS,CAAA,EAAIgC,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,EAAKI,EAAUI,KAAMzC,EAAS,CAAEsC,IAAKV,EAAcc,KAAME,GAAaD,EAAW,CAAEd,UAAWU,EAAG,GAAIV,GAAYC,SAAUA,IACvI,IACAW,EAAKD,YAAc,YACT,IAACK,EAAUpB,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAACC,EAAYF,EAAGE,UAAoBF,EAAGL,OAAO,IAACQ,EAAWH,EAAGG,SAAUgB,EAAe/B,EAAOY,EAAI,CAAC,YAAa,SAAU,aAC5H,OAAQM,EAAKI,EAAUQ,QAAS7C,EAAS,CAAEsC,IAAKV,EAAcC,UAAWU,EAAG,wHAAyHV,IAAciB,EAAc,CAAEhB,SAAUA,IACjP,IACAe,EAAQL,YAAc,eACZ,IAACO,EAAUtB,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAACC,EAAYF,EAAGE,UAAoBF,EAAGL,OAAO,IAACQ,EAAWH,EAAGG,SAAUkB,EAAejC,EAAOY,EAAI,CAAC,YAAa,SAAU,aAC5H,OAAQM,EAAKI,EAAUU,QAAS/C,EAAS,CAAEsC,IAAKV,GAAgBoB,EAAc,CAAEnB,UAAWU,EAAG,OAAQV,GAAYC,SAAUA,IAChI,IACAiB,EAAQP,YAAc,eACnB,IAACS,EAAO,CACPzB,KAAMA,EACNiB,KAAMA,EACNI,QAASA,EACTE,QAASA"}
+{"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';\nimport { useTheme } from '../../../lib/theme';\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, _b = _a.color, color = _b === void 0 ? 'red' : _b, rootProps = __rest(_a, [\"className\", \"children\", \"color\"]);\n    var theme = useTheme().theme;\n    return (_jsx(Theme, { accentColor: theme.themeColor || 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","_b","color","rootProps","theme","useTheme","_jsx","Theme","accentColor","themeColor","hasBackground","TabsTheme","ref","cn","displayName","List","size","listProps","sizeTheme","Trigger","triggerProps","Content","contentProps","Tabs"],"mappings":"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"}

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

@@ -10,7 +10,7 @@ export interface TextAreaProps extends VariantProps<typeof textAreaNavVariants>
 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;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const TextArea: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes").TextAreaProps & React.RefAttributes<HTMLTextAreaElement>, "ref">, "size"> & TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export default TextArea;

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

@@ -26,6 +26,7 @@ import { cva } from 'class-variance-authority';
 import { TextArea as TextAreaTheme, Theme } from '@radix-ui/themes';
 import { cn } from '../../../lib/utils/utils';
 import { radiusVariants, scalingVariants } from '../../../lib/constants';
+import { useTheme } from '../../../lib/theme';
 var textAreaNavVariants = cva('w-[250px]', {
     variants: {
         size: {
@@ -44,15 +45,21 @@ var textAreaNavVariants = cva('w-[250px]', {
     },
 });
 export var TextArea = React.forwardRef(function (_a, forwardedRef) {
-    var className = _a.className, children = _a.children, size = _a.size, appearance = _a.appearance, scaling = _a.scaling, radius = _a.radius, color = _a.color, textAreaProps = __rest(_a, ["className", "children", "size", "appearance", "scaling", "radius", "color"]);
+    var className = _a.className, children = _a.children, size = _a.size, appearance = _a.appearance, scaling = _a.scaling, radius = _a.radius, _b = _a.color, color = _b === void 0 ? 'red' : _b, textAreaProps = __rest(_a, ["className", "children", "size", "appearance", "scaling", "radius", "color"]);
+    var theme = useTheme().theme;
     var sizeTheme = '2';
     if (size === 'small')
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    if (!color)
-        color = 'red';
-    return (_jsx(Theme, { hasBackground: false, accentColor: color, children: _jsx(TextAreaTheme, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, className: cn(textAreaNavVariants({ size: size, scaling: scaling, radius: radius }), size === 'x-large' && 'rt-r-size-4', className) }, textAreaProps)) }));
+    var textAreaStyle = {
+        scaling: theme.themeScaling || scaling,
+        radius: theme.themeRadius || radius,
+        size: size
+    };
+    return (
+    // @ts-ignore
+    _jsx(Theme, { hasBackground: false, accentColor: theme.themeColor || color, children: _jsx(TextAreaTheme, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, className: cn(textAreaNavVariants(textAreaStyle), size === 'x-large' && 'rt-r-size-4', className) }, textAreaProps)) }));
 });
 TextArea.displayName = 'TextArea';
 export default TextArea;

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

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import e from"react";import{cva as a}from"class-variance-authority";import{Theme as t,TextArea as i}from"@radix-ui/themes";import{cn as s}from"../../utils/utils.mjs";import{scalingVariants as n,radiusVariants as o}from"../../constants.mjs";var l=function(){return l=Object.assign||function(r){for(var e,a=1,t=arguments.length;a<t;a++)for(var i in e=arguments[a])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},l.apply(this,arguments)},c=function(r,e){var a={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(a[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(r);i<t.length;i++)e.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(r,t[i])&&(a[t[i]]=r[t[i]])}return a},m=a("w-[250px]",{variants:{size:{small:"text-xs h-[48px]",medium:"text-sm h-[64px]",large:"text-base h-[80px]","x-large":"text-lg h-[96px]"},scaling:l({},n),radius:l({},o["extra-large"])},defaultVariants:{size:"medium",scaling:"100%",radius:"medium"}}),p=e.forwardRef((function(e,a){var n=e.className;e.children;var o=e.size,p=e.appearance,u=e.scaling,f=e.radius,d=e.color,x=c(e,["className","children","size","appearance","scaling","radius","color"]),g="2";return"small"===o&&(g="1"),"large"===o&&(g="3"),d||(d="red"),r(t,{hasBackground:!1,accentColor:d,children:r(i,l({ref:a,variant:p,size:g,className:s(m({size:o,scaling:u,radius:f}),"x-large"===o&&"rt-r-size-4",n)},x))})}));p.displayName="TextArea";export{p as TextArea,p as default};
+import{jsx as r}from"react/jsx-runtime";import e from"react";import{cva as a}from"class-variance-authority";import{Theme as t,TextArea as i}from"@radix-ui/themes";import{cn as s}from"../../utils/utils.mjs";import{scalingVariants as o,radiusVariants as n}from"../../constants.mjs";import{useTheme as l}from"../../theme/ThemeProvider.mjs";var m=function(){return m=Object.assign||function(r){for(var e,a=1,t=arguments.length;a<t;a++)for(var i in e=arguments[a])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},m.apply(this,arguments)},c=function(r,e){var a={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(a[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(r);i<t.length;i++)e.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(r,t[i])&&(a[t[i]]=r[t[i]])}return a},p=a("w-[250px]",{variants:{size:{small:"text-xs h-[48px]",medium:"text-sm h-[64px]",large:"text-base h-[80px]","x-large":"text-lg h-[96px]"},scaling:m({},o),radius:m({},n["extra-large"])},defaultVariants:{size:"medium",scaling:"100%",radius:"medium"}}),u=e.forwardRef((function(e,a){var o=e.className;e.children;var n=e.size,u=e.appearance,f=e.scaling,d=e.radius,h=e.color,x=void 0===h?"red":h,g=c(e,["className","children","size","appearance","scaling","radius","color"]),v=l().theme,y="2";"small"===n&&(y="1"),"large"===n&&(y="3");var O={scaling:v.themeScaling||f,radius:v.themeRadius||d,size:n};return r(t,{hasBackground:!1,accentColor:v.themeColor||x,children:r(i,m({ref:a,variant:u,size:y,className:s(p(O),"x-large"===n&&"rt-r-size-4",o)},g))})}));u.displayName="TextArea";export{u as TextArea,u as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/TextArea/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 { TextArea as TextAreaTheme, Theme } from '@radix-ui/themes';\nimport { cn } from '../../../lib/utils/utils';\nimport { radiusVariants, scalingVariants } from '../../../lib/constants';\nvar textAreaNavVariants = cva('w-[250px]', {\n    variants: {\n        size: {\n            small: 'text-xs h-[48px]',\n            medium: 'text-sm h-[64px]',\n            large: 'text-base h-[80px]',\n            'x-large': 'text-lg h-[96px]',\n        },\n        scaling: __assign({}, scalingVariants),\n        radius: __assign({}, radiusVariants['extra-large']),\n    },\n    defaultVariants: {\n        size: 'medium',\n        scaling: '100%',\n        radius: 'medium',\n    },\n});\nexport var TextArea = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, children = _a.children, size = _a.size, appearance = _a.appearance, scaling = _a.scaling, radius = _a.radius, color = _a.color, textAreaProps = __rest(_a, [\"className\", \"children\", \"size\", \"appearance\", \"scaling\", \"radius\", \"color\"]);\n    var sizeTheme = '2';\n    if (size === 'small')\n        sizeTheme = '1';\n    if (size === 'large')\n        sizeTheme = '3';\n    if (!color)\n        color = 'red';\n    return (_jsx(Theme, { hasBackground: false, accentColor: color, children: _jsx(TextAreaTheme, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, className: cn(textAreaNavVariants({ size: size, scaling: scaling, radius: radius }), size === 'x-large' && 'rt-r-size-4', className) }, textAreaProps)) }));\n});\nTextArea.displayName = 'TextArea';\nexport default TextArea;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","textAreaNavVariants","cva","variants","size","small","medium","large","scaling","scalingVariants","radius","radiusVariants","defaultVariants","TextArea","React","forwardRef","_a","forwardedRef","className","children","appearance","color","textAreaProps","sizeTheme","_jsx","Theme","hasBackground","accentColor","TextAreaTheme","ref","variant","cn","displayName"],"mappings":"wRAAA,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,EAAsBC,EAAI,YAAa,CACvCC,SAAU,CACNC,KAAM,CACFC,MAAO,mBACPC,OAAQ,mBACRC,MAAO,qBACP,UAAW,oBAEfC,QAAS3B,EAAS,CAAE,EAAE4B,GACtBC,OAAQ7B,EAAS,CAAA,EAAI8B,EAAe,iBAExCC,gBAAiB,CACbR,KAAM,SACNI,QAAS,OACTE,OAAQ,YAGLG,EAAWC,EAAMC,YAAW,SAAUC,EAAIC,GAC9C,IAACC,EAAYF,EAAGE,UAAsBF,EAAGG,SAAS,IAACf,EAAOY,EAAGZ,KAAMgB,EAAaJ,EAAGI,WAAYZ,EAAUQ,EAAGR,QAASE,EAASM,EAAGN,OAAQW,EAAQL,EAAGK,MAAOC,EAAgB1B,EAAOoB,EAAI,CAAC,YAAa,WAAY,OAAQ,aAAc,UAAW,SAAU,UAC1PO,EAAY,IAOhB,MANa,UAATnB,IACAmB,EAAY,KACH,UAATnB,IACAmB,EAAY,KACXF,IACDA,EAAQ,OACJG,EAAKC,EAAO,CAAEC,eAAe,EAAOC,YAAaN,EAAOF,SAAUK,EAAKI,EAAe/C,EAAS,CAAEgD,IAAKZ,EAAca,QAASV,EAAYhB,KAAMmB,EAAWL,UAAWa,EAAG9B,EAAoB,CAAEG,KAAMA,EAAMI,QAASA,EAASE,OAAQA,IAAoB,YAATN,GAAsB,cAAec,IAAcI,KAC9S,IACAT,EAASmB,YAAc"}
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/TextArea/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 { TextArea as TextAreaTheme, Theme } from '@radix-ui/themes';\nimport { cn } from '../../../lib/utils/utils';\nimport { radiusVariants, scalingVariants } from '../../../lib/constants';\nimport { useTheme } from '../../../lib/theme';\nvar textAreaNavVariants = cva('w-[250px]', {\n    variants: {\n        size: {\n            small: 'text-xs h-[48px]',\n            medium: 'text-sm h-[64px]',\n            large: 'text-base h-[80px]',\n            'x-large': 'text-lg h-[96px]',\n        },\n        scaling: __assign({}, scalingVariants),\n        radius: __assign({}, radiusVariants['extra-large']),\n    },\n    defaultVariants: {\n        size: 'medium',\n        scaling: '100%',\n        radius: 'medium',\n    },\n});\nexport var TextArea = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, children = _a.children, size = _a.size, appearance = _a.appearance, scaling = _a.scaling, radius = _a.radius, _b = _a.color, color = _b === void 0 ? 'red' : _b, textAreaProps = __rest(_a, [\"className\", \"children\", \"size\", \"appearance\", \"scaling\", \"radius\", \"color\"]);\n    var theme = useTheme().theme;\n    var sizeTheme = '2';\n    if (size === 'small')\n        sizeTheme = '1';\n    if (size === 'large')\n        sizeTheme = '3';\n    var textAreaStyle = {\n        scaling: theme.themeScaling || scaling,\n        radius: theme.themeRadius || radius,\n        size: size\n    };\n    return (\n    // @ts-ignore\n    _jsx(Theme, { hasBackground: false, accentColor: theme.themeColor || color, children: _jsx(TextAreaTheme, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, className: cn(textAreaNavVariants(textAreaStyle), size === 'x-large' && 'rt-r-size-4', className) }, textAreaProps)) }));\n});\nTextArea.displayName = 'TextArea';\nexport default TextArea;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","textAreaNavVariants","cva","variants","size","small","medium","large","scaling","scalingVariants","radius","radiusVariants","defaultVariants","TextArea","React","forwardRef","_a","forwardedRef","className","children","appearance","_b","color","textAreaProps","theme","useTheme","sizeTheme","textAreaStyle","themeScaling","themeRadius","_jsx","Theme","hasBackground","accentColor","themeColor","TextAreaTheme","ref","variant","cn","displayName"],"mappings":"iVAAA,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,EAQIiB,EAAsBC,EAAI,YAAa,CACvCC,SAAU,CACNC,KAAM,CACFC,MAAO,mBACPC,OAAQ,mBACRC,MAAO,qBACP,UAAW,oBAEfC,QAAS3B,EAAS,CAAE,EAAE4B,GACtBC,OAAQ7B,EAAS,CAAA,EAAI8B,EAAe,iBAExCC,gBAAiB,CACbR,KAAM,SACNI,QAAS,OACTE,OAAQ,YAGLG,EAAWC,EAAMC,YAAW,SAAUC,EAAIC,GAC9C,IAACC,EAAYF,EAAGE,UAAsBF,EAAGG,SAAS,IAACf,EAAOY,EAAGZ,KAAMgB,EAAaJ,EAAGI,WAAYZ,EAAUQ,EAAGR,QAASE,EAASM,EAAGN,OAAQW,EAAKL,EAAGM,MAAOA,OAAe,IAAPD,EAAgB,MAAQA,EAAIE,EAAgB3B,EAAOoB,EAAI,CAAC,YAAa,WAAY,OAAQ,aAAc,UAAW,SAAU,UAC3RQ,EAAQC,IAAWD,MACnBE,EAAY,IACH,UAATtB,IACAsB,EAAY,KACH,UAATtB,IACAsB,EAAY,KAChB,IAAIC,EAAgB,CAChBnB,QAASgB,EAAMI,cAAgBpB,EAC/BE,OAAQc,EAAMK,aAAenB,EAC7BN,KAAMA,GAEV,OAEA0B,EAAKC,EAAO,CAAEC,eAAe,EAAOC,YAAaT,EAAMU,YAAcZ,EAAOH,SAAUW,EAAKK,EAAetD,EAAS,CAAEuD,IAAKnB,EAAcoB,QAASjB,EAAYhB,KAAMsB,EAAWR,UAAWoB,EAAGrC,EAAoB0B,GAAyB,YAATvB,GAAsB,cAAec,IAAcK,KACvR,IACAV,EAAS0B,YAAc"}

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

@@ -9,7 +9,7 @@ export interface TextFieldProps extends VariantProps<typeof textFieldVariants> {
     scaling?: IScaling;
 }
 declare const textFieldVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     color?: string | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<TextFieldTheme.RootProps & React.RefAttributes<HTMLInputElement>, "ref">, "size"> & TextFieldProps & React.RefAttributes<HTMLInputElement>>;