@lotte-innovate/ui-component-test 0.1.65 → 0.1.67

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":"wTAAA,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,EAQmBiB,EAAI,GAAI,CACvBC,SAAU,CACNC,OAAQtB,EAAS,CAAE,EAAEuB,MAGnB,IAACC,EAAOC,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUC,EAAKJ,EAAGK,MAAOA,OAAe,IAAPD,EAAgB,MAAQA,EAAIE,EAAYlB,EAAOY,EAAI,CAAC,YAAa,WAAY,UACtJO,EAAQC,IAAWD,MACvB,OAAQE,EAAKC,EAAO,CAAEC,YAAaJ,EAAMK,YAAcP,EAAOQ,eAAe,EAAOV,SAAUM,EAAKK,EAAUjB,KAAMxB,EAAS,CAAE,EAAEiC,EAAW,CAAES,IAAKd,EAAcC,UAAWc,EAAG,GAAId,GAAYC,SAAUA,MAC5M,IACAN,EAAKoB,YAAc,YACT,IAACC,EAAOpB,EAAMC,YAAW,SAAUC,EAAIC,GAC1C,IAACC,EAAYF,EAAGE,UAAoBF,EAAGL,WAAQQ,EAAWH,EAAGG,SAAUgB,EAAOnB,EAAGmB,KAAMC,EAAYhC,EAAOY,EAAI,CAAC,YAAa,SAAU,WAAY,SACjJqB,EAAY,IAGhB,MAFa,UAATF,IACAE,EAAY,KACRZ,EAAKK,EAAUI,KAAM7C,EAAS,CAAE0C,IAAKd,EAAckB,KAAME,GAAaD,EAAW,CAAElB,UAAWc,EAAG,GAAId,GAAYC,SAAUA,IACvI,IACAe,EAAKD,YAAc,YACT,IAACK,EAAUxB,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAACC,EAAYF,EAAGE,UAAoBF,EAAGL,OAAO,IAACQ,EAAWH,EAAGG,SAAUoB,EAAenC,EAAOY,EAAI,CAAC,YAAa,SAAU,aAC5H,OAAQS,EAAKK,EAAUQ,QAASjD,EAAS,CAAE0C,IAAKd,EAAcC,UAAWc,EAAG,wHAAyHd,IAAcqB,EAAc,CAAEpB,SAAUA,IACjP,IACAmB,EAAQL,YAAc,eACZ,IAACO,EAAU1B,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAACC,EAAYF,EAAGE,UAAoBF,EAAGL,OAAO,IAACQ,EAAWH,EAAGG,SAAUsB,EAAerC,EAAOY,EAAI,CAAC,YAAa,SAAU,aAC5H,OAAQS,EAAKK,EAAUU,QAASnD,EAAS,CAAE0C,IAAKd,GAAgBwB,EAAc,CAAEvB,UAAWc,EAAG,OAAQd,GAAYC,SAAUA,IAChI,IACAqB,EAAQP,YAAc,eACnB,IAACS,EAAO,CACP7B,KAAMA,EACNqB,KAAMA,EACNI,QAASA,EACTE,QAASA"}

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>>;

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

@@ -26,6 +26,7 @@ import { cva } from 'class-variance-authority';
 import { cn } from '../../../lib/utils/utils';
 import { bgColorStyle, radiusVariants } from '../../../lib/constants';
 import { Theme, TextField as TextFieldTheme } from '@radix-ui/themes';
+import { useTheme } from '../../../lib/theme';
 var textFieldVariants = cva('', {
     variants: {
         radius: __assign({}, radiusVariants['base']),
@@ -33,15 +34,21 @@ var textFieldVariants = cva('', {
     },
 });
 export var Root = 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, children = _a.children, sliderProps = __rest(_a, ["className", "color", "size", "appearance", "scaling", "radius", "children"]);
-    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, children = _a.children, sliderProps = __rest(_a, ["className", "color", "size", "appearance", "scaling", "radius", "children"]);
+    var theme = useTheme().theme;
     var sizeTheme = '2';
     if (size === 'small')
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    return (_jsx(Theme, { scaling: scaling, accentColor: color, hasBackground: false, children: _jsx(TextFieldTheme.Root, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, radius: radius, color: color, className: cn(textFieldVariants({ radius: radius }), className) }, sliderProps, { children: children })) }));
+    var contextValue = {
+        scaling: theme.themeScaling || scaling,
+        radius: theme.themeRadius || radius,
+        color: theme.themeColor || color,
+    };
+    return (_jsx(Theme, { scaling: contextValue.scaling, accentColor: color, hasBackground: false, children: _jsx(TextFieldTheme.Root, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, radius: contextValue.radius, 
+            // @ts-ignore
+            color: contextValue.color, className: cn(textFieldVariants({ radius: contextValue.radius }), className) }, sliderProps, { children: children })) }));
 });
 Root.displayName = 'TextField.Root';
 export var Slot = React.forwardRef(function (_a, forwardedRef) {

package/dist/lib/components/TextField/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{cn as o}from"../../utils/utils.mjs";import{radiusVariants as t,bgColorStyle as i}from"../../constants.mjs";import{Theme as s,TextField as l}from"@radix-ui/themes";var n=function(){return n=Object.assign||function(r){for(var a,e=1,o=arguments.length;e<o;e++)for(var t in a=arguments[e])Object.prototype.hasOwnProperty.call(a,t)&&(r[t]=a[t]);return r},n.apply(this,arguments)},c=function(r,a){var e={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&a.indexOf(o)<0&&(e[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(o=Object.getOwnPropertySymbols(r);t<o.length;t++)a.indexOf(o[t])<0&&Object.prototype.propertyIsEnumerable.call(r,o[t])&&(e[o[t]]=r[o[t]])}return e},d=e("",{variants:{radius:n({},t.base),color:i()}}),m=a.forwardRef((function(a,e){var t=a.className,i=a.color,m=a.size,p=a.appearance,u=a.scaling,f=void 0===u?"100%":u,h=a.radius,v=a.children,y=c(a,["className","color","size","appearance","scaling","radius","children"]);i||(i="red");var O="2";return"small"===m&&(O="1"),"large"===m&&(O="3"),r(s,{scaling:f,accentColor:i,hasBackground:!1,children:r(l.Root,n({ref:e,variant:p,size:O,radius:h,color:i,className:o(d({radius:h}),t)},y,{children:v}))})}));m.displayName="TextField.Root";var p=a.forwardRef((function(a,e){var t=a.className,i=a.color,s=a.side,m=a.radius,p=a.children,u=c(a,["className","color","side","radius","children"]);return r(l.Slot,n({ref:e,color:i,side:s,className:o(d({radius:m}),t)},u,{children:p}))}));p.displayName="TextField.Slot";var u={Root:m,Slot:p};export{m as Root,p as Slot,u 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 o}from"../../utils/utils.mjs";import{radiusVariants as t,bgColorStyle as i}from"../../constants.mjs";import{Theme as s,TextField as l}from"@radix-ui/themes";import{useTheme as c}from"../../theme/ThemeProvider.mjs";var n=function(){return n=Object.assign||function(r){for(var e,a=1,o=arguments.length;a<o;a++)for(var t in e=arguments[a])Object.prototype.hasOwnProperty.call(e,t)&&(r[t]=e[t]);return r},n.apply(this,arguments)},d=function(r,e){var a={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(a[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(o=Object.getOwnPropertySymbols(r);t<o.length;t++)e.indexOf(o[t])<0&&Object.prototype.propertyIsEnumerable.call(r,o[t])&&(a[o[t]]=r[o[t]])}return a},m=a("",{variants:{radius:n({},t.base),color:i()}}),u=e.forwardRef((function(e,a){var t=e.className,i=e.color,u=void 0===i?"red":i,p=e.size,f=e.appearance,h=e.scaling,v=void 0===h?"100%":h,y=e.radius,g=e.children,O=d(e,["className","color","size","appearance","scaling","radius","children"]),b=c().theme,j="2";"small"===p&&(j="1"),"large"===p&&(j="3");var x={scaling:b.themeScaling||v,radius:b.themeRadius||y,color:b.themeColor||u};return r(s,{scaling:x.scaling,accentColor:u,hasBackground:!1,children:r(l.Root,n({ref:a,variant:f,size:j,radius:x.radius,color:x.color,className:o(m({radius:x.radius}),t)},O,{children:g}))})}));u.displayName="TextField.Root";var p=e.forwardRef((function(e,a){var t=e.className,i=e.color,s=e.side,c=e.radius,u=e.children,p=d(e,["className","color","side","radius","children"]);return r(l.Slot,n({ref:a,color:i,side:s,className:o(m({radius:c}),t)},p,{children:u}))}));p.displayName="TextField.Slot";var f={Root:u,Slot:p};export{u as Root,p as Slot,f as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/TextField/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 { bgColorStyle, radiusVariants } from '../../../lib/constants';\nimport { Theme, TextField as TextFieldTheme } from '@radix-ui/themes';\nvar textFieldVariants = cva('', {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n        color: bgColorStyle(),\n    },\n});\nexport var Root = 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, children = _a.children, sliderProps = __rest(_a, [\"className\", \"color\", \"size\", \"appearance\", \"scaling\", \"radius\", \"children\"]);\n    if (!color)\n        color = 'red';\n    var sizeTheme = '2';\n    if (size === 'small')\n        sizeTheme = '1';\n    if (size === 'large')\n        sizeTheme = '3';\n    return (_jsx(Theme, { scaling: scaling, accentColor: color, hasBackground: false, children: _jsx(TextFieldTheme.Root, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, radius: radius, color: color, className: cn(textFieldVariants({ radius: radius }), className) }, sliderProps, { children: children })) }));\n});\nRoot.displayName = 'TextField.Root';\nexport var Slot = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, color = _a.color, side = _a.side, radius = _a.radius, children = _a.children, sliderProps = __rest(_a, [\"className\", \"color\", \"side\", \"radius\", \"children\"]);\n    return (_jsx(TextFieldTheme.Slot, __assign({ ref: forwardedRef, color: color, side: side, className: cn(textFieldVariants({ radius: radius }), className) }, sliderProps, { children: children })));\n});\nSlot.displayName = 'TextField.Slot';\nvar TextField = {\n    Root: Root,\n    Slot: Slot,\n};\nexport default TextField;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","textFieldVariants","cva","variants","radius","radiusVariants","color","bgColorStyle","Root","React","forwardRef","_a","forwardedRef","className","size","appearance","_b","scaling","children","sliderProps","sizeTheme","_jsx","Theme","accentColor","hasBackground","TextFieldTheme","ref","variant","cn","displayName","Slot","side","TextField"],"mappings":"sRAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAOIiB,EAAoBC,EAAI,GAAI,CAC5BC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,MAC1CC,MAAOC,OAGJC,EAAOC,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAAIC,EAAYF,EAAGE,UAAWP,EAAQK,EAAGL,MAAOQ,EAAOH,EAAGG,KAAMC,EAAaJ,EAAGI,WAAYC,EAAKL,EAAGM,QAASA,OAAiB,IAAPD,EAAgB,OAASA,EAAIZ,EAASO,EAAGP,OAAQc,EAAWP,EAAGO,SAAUC,EAAcvB,EAAOe,EAAI,CAAC,YAAa,QAAS,OAAQ,aAAc,UAAW,SAAU,aACtRL,IACDA,EAAQ,OACZ,IAAIc,EAAY,IAKhB,MAJa,UAATN,IACAM,EAAY,KACH,UAATN,IACAM,EAAY,KACRC,EAAKC,EAAO,CAAEL,QAASA,EAASM,YAAajB,EAAOkB,eAAe,EAAON,SAAUG,EAAKI,EAAejB,KAAM3B,EAAS,CAAE6C,IAAKd,EAAce,QAASZ,EAAYD,KAAMM,EAAWhB,OAAQA,EAAQE,MAAOA,EAAOO,UAAWe,EAAG3B,EAAkB,CAAEG,OAAQA,IAAWS,IAAcM,EAAa,CAAED,SAAUA,MACxT,IACAV,EAAKqB,YAAc,iBACT,IAACC,EAAOrB,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAAIC,EAAYF,EAAGE,UAAWP,EAAQK,EAAGL,MAAOyB,EAAOpB,EAAGoB,KAAM3B,EAASO,EAAGP,OAAQc,EAAWP,EAAGO,SAAUC,EAAcvB,EAAOe,EAAI,CAAC,YAAa,QAAS,OAAQ,SAAU,aAC9K,OAAQU,EAAKI,EAAeK,KAAMjD,EAAS,CAAE6C,IAAKd,EAAcN,MAAOA,EAAOyB,KAAMA,EAAMlB,UAAWe,EAAG3B,EAAkB,CAAEG,OAAQA,IAAWS,IAAcM,EAAa,CAAED,SAAUA,IAC1L,IACAY,EAAKD,YAAc,iBAChB,IAACG,EAAY,CACZxB,KAAMA,EACNsB,KAAMA"}
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/TextField/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 { bgColorStyle, radiusVariants } from '../../../lib/constants';\nimport { Theme, TextField as TextFieldTheme } from '@radix-ui/themes';\nimport { useTheme } from '../../../lib/theme';\nvar textFieldVariants = cva('', {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n        color: bgColorStyle(),\n    },\n});\nexport var Root = 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, children = _a.children, sliderProps = __rest(_a, [\"className\", \"color\", \"size\", \"appearance\", \"scaling\", \"radius\", \"children\"]);\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 contextValue = {\n        scaling: theme.themeScaling || scaling,\n        radius: theme.themeRadius || radius,\n        color: theme.themeColor || color,\n    };\n    return (_jsx(Theme, { scaling: contextValue.scaling, accentColor: color, hasBackground: false, children: _jsx(TextFieldTheme.Root, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, radius: contextValue.radius, \n            // @ts-ignore\n            color: contextValue.color, className: cn(textFieldVariants({ radius: contextValue.radius }), className) }, sliderProps, { children: children })) }));\n});\nRoot.displayName = 'TextField.Root';\nexport var Slot = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, color = _a.color, side = _a.side, radius = _a.radius, children = _a.children, sliderProps = __rest(_a, [\"className\", \"color\", \"side\", \"radius\", \"children\"]);\n    return (_jsx(TextFieldTheme.Slot, __assign({ ref: forwardedRef, color: color, side: side, className: cn(textFieldVariants({ radius: radius }), className) }, sliderProps, { children: children })));\n});\nSlot.displayName = 'TextField.Slot';\nvar TextField = {\n    Root: Root,\n    Slot: Slot,\n};\nexport default TextField;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","textFieldVariants","cva","variants","radius","radiusVariants","color","bgColorStyle","Root","React","forwardRef","_a","forwardedRef","className","_b","size","appearance","_c","scaling","children","sliderProps","theme","useTheme","sizeTheme","contextValue","themeScaling","themeRadius","themeColor","_jsx","Theme","accentColor","hasBackground","TextFieldTheme","ref","variant","cn","displayName","Slot","side","TextField"],"mappings":"+UAAA,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,EAAoBC,EAAI,GAAI,CAC5BC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,MAC1CC,MAAOC,OAGJC,EAAOC,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAAIC,EAAYF,EAAGE,UAAWC,EAAKH,EAAGL,MAAOA,OAAe,IAAPQ,EAAgB,MAAQA,EAAIC,EAAOJ,EAAGI,KAAMC,EAAaL,EAAGK,WAAYC,EAAKN,EAAGO,QAASA,OAAiB,IAAPD,EAAgB,OAASA,EAAIb,EAASO,EAAGP,OAAQe,EAAWR,EAAGQ,SAAUC,EAAcxB,EAAOe,EAAI,CAAC,YAAa,QAAS,OAAQ,aAAc,UAAW,SAAU,aACxTU,EAAQC,IAAWD,MACnBE,EAAY,IACH,UAATR,IACAQ,EAAY,KACH,UAATR,IACAQ,EAAY,KAChB,IAAIC,EAAe,CACfN,QAASG,EAAMI,cAAgBP,EAC/Bd,OAAQiB,EAAMK,aAAetB,EAC7BE,MAAOe,EAAMM,YAAcrB,GAE/B,OAAQsB,EAAKC,EAAO,CAAEX,QAASM,EAAaN,QAASY,YAAaxB,EAAOyB,eAAe,EAAOZ,SAAUS,EAAKI,EAAexB,KAAM3B,EAAS,CAAEoD,IAAKrB,EAAcsB,QAASlB,EAAYD,KAAMQ,EAAWnB,OAAQoB,EAAapB,OAEpNE,MAAOkB,EAAalB,MAAOO,UAAWsB,EAAGlC,EAAkB,CAAEG,OAAQoB,EAAapB,SAAWS,IAAcO,EAAa,CAAED,SAAUA,MAChJ,IACAX,EAAK4B,YAAc,iBACT,IAACC,EAAO5B,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAAIC,EAAYF,EAAGE,UAAWP,EAAQK,EAAGL,MAAOgC,EAAO3B,EAAG2B,KAAMlC,EAASO,EAAGP,OAAQe,EAAWR,EAAGQ,SAAUC,EAAcxB,EAAOe,EAAI,CAAC,YAAa,QAAS,OAAQ,SAAU,aAC9K,OAAQiB,EAAKI,EAAeK,KAAMxD,EAAS,CAAEoD,IAAKrB,EAAcN,MAAOA,EAAOgC,KAAMA,EAAMzB,UAAWsB,EAAGlC,EAAkB,CAAEG,OAAQA,IAAWS,IAAcO,EAAa,CAAED,SAAUA,IAC1L,IACAkB,EAAKD,YAAc,iBAChB,IAACG,EAAY,CACZ/B,KAAMA,EACN6B,KAAMA"}

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

@@ -7,7 +7,7 @@ export interface ToastActionButtonProps extends VariantProps<typeof toastActionB
     appearance?: IAppearance;
 }
 export declare const toastActionButtonVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | "x-large" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/lib/components/Toast/ToastActionButton.js

@@ -46,8 +46,8 @@ export var toastActionButtonVariants = cva("absolute items-center justify-center
     },
 });
 export var ToastActionButton = forwardRef(function (_a, ref) {
-    var className = _a.className, children = _a.children, radius = _a.radius, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.altText, altText = _c === void 0 ? 'altText' : _c, props = __rest(_a, ["className", "children", "radius", "appearance", "altText"]);
-    var _d = useToastContext(), scaling = _d.scaling, size = _d.size, _e = _d.color, color = _e === void 0 ? 'danger' : _e;
+    var className = _a.className, children = _a.children, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.altText, altText = _c === void 0 ? 'altText' : _c, props = __rest(_a, ["className", "children", "appearance", "altText"]);
+    var _d = useToastContext(), radius = _d.radius, scaling = _d.scaling, size = _d.size, _e = _d.color, color = _e === void 0 ? 'danger' : _e;
     var semantics = ['danger', 'warning', 'success', 'information'];
     var colorMap = {
         danger: 'red',

package/dist/lib/components/Toast/ToastActionButton.mjs

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import*as e from"@radix-ui/react-toast";import{cva as i}from"class-variance-authority";import{cn as a}from"../../utils/utils.mjs";import{Button as n}from"../Button/index.mjs";import{radiusVariants as o,scalingVariants as s,appearanceStyle as m}from"../../constants.mjs";import{useToastContext as l}from"./ToastRoot.mjs";var c=function(){return c=Object.assign||function(t){for(var r,e=1,i=arguments.length;e<i;e++)for(var a in r=arguments[e])Object.prototype.hasOwnProperty.call(r,a)&&(t[a]=r[a]);return t},c.apply(this,arguments)},p=function(t,r){var e={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&r.indexOf(i)<0&&(e[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(t);a<i.length;a++)r.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(t,i[a])&&(e[i[a]]=t[i[a]])}return e},u=i("absolute items-center justify-center",{variants:{radius:c({},o.base),size:{small:"text-xs min-w-[56px] h-[25px] font-normal right-3",medium:"text-xs min-w-[56px] h-[25px] font-normal right-3",large:"text-[15px] min-w-[76px] h-[35px] font-medium right-4","x-large":"text-[15px] min-w-[76px] h-[35px] font-medium right-4"},scaling:c({},s)},defaultVariants:{radius:"medium",scaling:"100%",size:"medium"}}),f=r((function(r,i){var o=r.className,s=r.children,f=r.radius,d=r.appearance,x=void 0===d?"surface":d,g=r.altText,h=void 0===g?"altText":g,y=p(r,["className","children","radius","appearance","altText"]),v=l(),b=v.scaling,j=v.size,O=v.color,w=void 0===O?"danger":O,T={danger:"red",information:"sky",success:"green",warning:"amber"},z=a(u({size:j,radius:f,scaling:b}),w&&["danger","warning","success","information"].includes(w)?function(t){var r=T[t];return r?m("outline",r):void 0}(w):m(x,null!=w?w:"red"),o);return t(e.Action,c({ref:i,altText:h},y,{className:z,asChild:!0,children:t(n,{children:s})}))}));f.displayName="Toast.ActionButton";export{f as ToastActionButton,u as toastActionButtonVariants};
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import*as e from"@radix-ui/react-toast";import{cva as i}from"class-variance-authority";import{cn as n}from"../../utils/utils.mjs";import{Button as a}from"../Button/index.mjs";import{radiusVariants as o,scalingVariants as s,appearanceStyle as m}from"../../constants.mjs";import{useToastContext as l}from"./ToastRoot.mjs";var c=function(){return c=Object.assign||function(t){for(var r,e=1,i=arguments.length;e<i;e++)for(var n in r=arguments[e])Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n]);return t},c.apply(this,arguments)},p=function(t,r){var e={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&r.indexOf(i)<0&&(e[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(i=Object.getOwnPropertySymbols(t);n<i.length;n++)r.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(t,i[n])&&(e[i[n]]=t[i[n]])}return e},u=i("absolute items-center justify-center",{variants:{radius:c({},o.base),size:{small:"text-xs min-w-[56px] h-[25px] font-normal right-3",medium:"text-xs min-w-[56px] h-[25px] font-normal right-3",large:"text-[15px] min-w-[76px] h-[35px] font-medium right-4","x-large":"text-[15px] min-w-[76px] h-[35px] font-medium right-4"},scaling:c({},s)},defaultVariants:{radius:"medium",scaling:"100%",size:"medium"}}),f=r((function(r,i){var o=r.className,s=r.children,f=r.appearance,d=void 0===f?"surface":f,x=r.altText,g=void 0===x?"altText":x,h=p(r,["className","children","appearance","altText"]),y=l(),v=y.radius,b=y.scaling,j=y.size,O=y.color,w=void 0===O?"danger":O,T={danger:"red",information:"sky",success:"green",warning:"amber"},z=n(u({size:j,radius:v,scaling:b}),w&&["danger","warning","success","information"].includes(w)?function(t){var r=T[t];return r?m("outline",r):void 0}(w):m(d,null!=w?w:"red"),o);return t(e.Action,c({ref:i,altText:g},h,{className:z,asChild:!0,children:t(a,{children:s})}))}));f.displayName="Toast.ActionButton";export{f as ToastActionButton,u as toastActionButtonVariants};
 //# sourceMappingURL=ToastActionButton.mjs.map

package/dist/lib/components/Toast/ToastActionButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToastActionButton.mjs","sources":["../../../lib/components/Toast/ToastActionButton.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 { forwardRef } from 'react';\nimport * as ToastPrimitive from '@radix-ui/react-toast';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport Button from '../../../lib/components/Button';\nimport { appearanceStyle, radiusVariants, scalingVariants } from '../../../lib/constants';\nimport { useToastContext } from './ToastRoot';\nexport var toastActionButtonVariants = cva(\"absolute items-center justify-center\", {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n        size: {\n            small: 'text-xs min-w-[56px] h-[25px] font-normal right-3',\n            medium: 'text-xs min-w-[56px] h-[25px] font-normal right-3',\n            large: 'text-[15px] min-w-[76px] h-[35px] font-medium right-4',\n            'x-large': 'text-[15px] min-w-[76px] h-[35px] font-medium right-4',\n        },\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        scaling: '100%',\n        size: 'medium',\n    },\n});\nexport var ToastActionButton = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, radius = _a.radius, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.altText, altText = _c === void 0 ? 'altText' : _c, props = __rest(_a, [\"className\", \"children\", \"radius\", \"appearance\", \"altText\"]);\n    var _d = useToastContext(), scaling = _d.scaling, size = _d.size, _e = _d.color, color = _e === void 0 ? 'danger' : _e;\n    var semantics = ['danger', 'warning', 'success', 'information'];\n    var colorMap = {\n        danger: 'red',\n        information: 'sky',\n        success: 'green',\n        warning: 'amber',\n    };\n    var getSemanticsStyle = function (color) {\n        var mappedColor = colorMap[color];\n        return mappedColor ? appearanceStyle('outline', mappedColor) : undefined;\n    };\n    var buttonClassName = cn(toastActionButtonVariants({ size: size, radius: radius, scaling: scaling }), color && semantics.includes(color)\n        ? getSemanticsStyle(color)\n        : appearanceStyle(appearance, color !== null && color !== void 0 ? color : 'red'), className);\n    return (_jsx(ToastPrimitive.Action, __assign({ ref: ref, altText: altText }, props, { className: buttonClassName, asChild: true, children: _jsx(Button, { children: children }) })));\n});\nToastActionButton.displayName = 'Toast.ActionButton';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","toastActionButtonVariants","cva","variants","radius","radiusVariants","size","small","medium","large","scaling","scalingVariants","defaultVariants","ToastActionButton","forwardRef","_a","ref","className","children","_b","appearance","_c","altText","props","_d","useToastContext","_e","color","colorMap","danger","information","success","warning","buttonClassName","cn","includes","mappedColor","appearanceStyle","undefined","getSemanticsStyle","_jsx","ToastPrimitive","Action","asChild","Button","displayName"],"mappings":"2YAAA,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,EASWiB,EAA4BC,EAAI,uCAAwC,CAC/EC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,MAC1CC,KAAM,CACFC,MAAO,oDACPC,OAAQ,oDACRC,MAAO,wDACP,UAAW,yDAEfC,QAAS7B,EAAS,CAAE,EAAE8B,IAE1BC,gBAAiB,CACbR,OAAQ,SACRM,QAAS,OACTJ,KAAM,YAGHO,EAAoBC,GAAW,SAAUC,EAAIC,GACpD,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUd,EAASW,EAAGX,OAAQe,EAAKJ,EAAGK,WAAYA,OAAoB,IAAPD,EAAgB,UAAYA,EAAIE,EAAKN,EAAGO,QAASA,OAAiB,IAAPD,EAAgB,UAAYA,EAAIE,EAAQ3B,EAAOmB,EAAI,CAAC,YAAa,WAAY,SAAU,aAAc,YACvQS,EAAKC,IAAmBf,EAAUc,EAAGd,QAASJ,EAAOkB,EAAGlB,KAAMoB,EAAKF,EAAGG,MAAOA,OAAe,IAAPD,EAAgB,SAAWA,EAEhHE,EAAW,CACXC,OAAQ,MACRC,YAAa,MACbC,QAAS,QACTC,QAAS,SAMTC,EAAkBC,EAAGjC,EAA0B,CAAEK,KAAMA,EAAMF,OAAQA,EAAQM,QAASA,IAAYiB,GAXtF,CAAC,SAAU,UAAW,UAAW,eAWwEQ,SAASR,GAJ1G,SAAUA,GAC9B,IAAIS,EAAcR,EAASD,GAC3B,OAAOS,EAAcC,EAAgB,UAAWD,QAAeE,CACvE,CAEUC,CAAkBZ,GAClBU,EAAgBjB,EAAYO,QAAqCA,EAAQ,OAAQV,GACvF,OAAQuB,EAAKC,EAAeC,OAAQ7D,EAAS,CAAEmC,IAAKA,EAAKM,QAASA,GAAWC,EAAO,CAAEN,UAAWgB,EAAiBU,SAAS,EAAMzB,SAAUsB,EAAKI,EAAQ,CAAE1B,SAAUA,MACxK,IACAL,EAAkBgC,YAAc"}
+{"version":3,"file":"ToastActionButton.mjs","sources":["../../../lib/components/Toast/ToastActionButton.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 { forwardRef } from 'react';\nimport * as ToastPrimitive from '@radix-ui/react-toast';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport Button from '../../../lib/components/Button';\nimport { appearanceStyle, radiusVariants, scalingVariants } from '../../../lib/constants';\nimport { useToastContext } from './ToastRoot';\nexport var toastActionButtonVariants = cva(\"absolute items-center justify-center\", {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n        size: {\n            small: 'text-xs min-w-[56px] h-[25px] font-normal right-3',\n            medium: 'text-xs min-w-[56px] h-[25px] font-normal right-3',\n            large: 'text-[15px] min-w-[76px] h-[35px] font-medium right-4',\n            'x-large': 'text-[15px] min-w-[76px] h-[35px] font-medium right-4',\n        },\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        scaling: '100%',\n        size: 'medium',\n    },\n});\nexport var ToastActionButton = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.altText, altText = _c === void 0 ? 'altText' : _c, props = __rest(_a, [\"className\", \"children\", \"appearance\", \"altText\"]);\n    var _d = useToastContext(), radius = _d.radius, scaling = _d.scaling, size = _d.size, _e = _d.color, color = _e === void 0 ? 'danger' : _e;\n    var semantics = ['danger', 'warning', 'success', 'information'];\n    var colorMap = {\n        danger: 'red',\n        information: 'sky',\n        success: 'green',\n        warning: 'amber',\n    };\n    var getSemanticsStyle = function (color) {\n        var mappedColor = colorMap[color];\n        return mappedColor ? appearanceStyle('outline', mappedColor) : undefined;\n    };\n    var buttonClassName = cn(toastActionButtonVariants({ size: size, radius: radius, scaling: scaling }), color && semantics.includes(color)\n        ? getSemanticsStyle(color)\n        : appearanceStyle(appearance, color !== null && color !== void 0 ? color : 'red'), className);\n    return (_jsx(ToastPrimitive.Action, __assign({ ref: ref, altText: altText }, props, { className: buttonClassName, asChild: true, children: _jsx(Button, { children: children }) })));\n});\nToastActionButton.displayName = 'Toast.ActionButton';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","toastActionButtonVariants","cva","variants","radius","radiusVariants","size","small","medium","large","scaling","scalingVariants","defaultVariants","ToastActionButton","forwardRef","_a","ref","className","children","_b","appearance","_c","altText","props","_d","useToastContext","_e","color","colorMap","danger","information","success","warning","buttonClassName","cn","includes","mappedColor","appearanceStyle","undefined","getSemanticsStyle","_jsx","ToastPrimitive","Action","asChild","Button","displayName"],"mappings":"2YAAA,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,EASWiB,EAA4BC,EAAI,uCAAwC,CAC/EC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,MAC1CC,KAAM,CACFC,MAAO,oDACPC,OAAQ,oDACRC,MAAO,wDACP,UAAW,yDAEfC,QAAS7B,EAAS,CAAE,EAAE8B,IAE1BC,gBAAiB,CACbR,OAAQ,SACRM,QAAS,OACTJ,KAAM,YAGHO,EAAoBC,GAAW,SAAUC,EAAIC,GACpD,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUC,EAAKJ,EAAGK,WAAYA,OAAoB,IAAPD,EAAgB,UAAYA,EAAIE,EAAKN,EAAGO,QAASA,OAAiB,IAAPD,EAAgB,UAAYA,EAAIE,EAAQ3B,EAAOmB,EAAI,CAAC,YAAa,WAAY,aAAc,YACzOS,EAAKC,IAAmBrB,EAASoB,EAAGpB,OAAQM,EAAUc,EAAGd,QAASJ,EAAOkB,EAAGlB,KAAMoB,EAAKF,EAAGG,MAAOA,OAAe,IAAPD,EAAgB,SAAWA,EAEpIE,EAAW,CACXC,OAAQ,MACRC,YAAa,MACbC,QAAS,QACTC,QAAS,SAMTC,EAAkBC,EAAGjC,EAA0B,CAAEK,KAAMA,EAAMF,OAAQA,EAAQM,QAASA,IAAYiB,GAXtF,CAAC,SAAU,UAAW,UAAW,eAWwEQ,SAASR,GAJ1G,SAAUA,GAC9B,IAAIS,EAAcR,EAASD,GAC3B,OAAOS,EAAcC,EAAgB,UAAWD,QAAeE,CACvE,CAEUC,CAAkBZ,GAClBU,EAAgBjB,EAAYO,QAAqCA,EAAQ,OAAQV,GACvF,OAAQuB,EAAKC,EAAeC,OAAQ7D,EAAS,CAAEmC,IAAKA,EAAKM,QAASA,GAAWC,EAAO,CAAEN,UAAWgB,EAAiBU,SAAS,EAAMzB,SAAUsB,EAAKI,EAAQ,CAAE1B,SAAUA,MACxK,IACAL,EAAkBgC,YAAc"}

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

@@ -14,7 +14,7 @@ export interface ToastProps extends VariantProps<typeof toastVariants>, VariantP
     setOpenToast?: Dispatch<SetStateAction<boolean>>;
 }
 export declare const toastVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | "x-large" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
     color?: "danger" | "warning" | "success" | "information" | null | undefined;

package/dist/lib/components/Toast/ToastRoot.js

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

package/dist/lib/components/Toast/ToastRoot.mjs

@@ -1,2 +1,3 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{createContext as r,forwardRef as a,useMemo as o,useContext as n}from"react";import{cva as i}from"class-variance-authority";import{cn as s}from"../../utils/utils.mjs";import{scalingVariants as l}from"../../constants.mjs";import*as p from"@radix-ui/react-toast";var d=function(){return d=Object.assign||function(t){for(var e,r=1,a=arguments.length;r<a;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},d.apply(this,arguments)},m=function(t,e){var r={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&e.indexOf(a)<0&&(r[a]=t[a]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(t);o<a.length;o++)e.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(t,a[o])&&(r[a[o]]=t[a[o]])}return r},c=i("flex bg-white dark:bg-slateDark-1",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-md"},size:{small:"w-[300px] min-h-[55px] p-3",medium:"w-[400px] min-h-[63px] p-3",large:"w-[400px] min-h-[84px] p-4","x-large":"w-[400px] min-h-[88px] p-4"},scaling:d({},l),color:{danger:"bg-red-3 dark:bg-redDark-3",warning:"bg-amber-3 dark:bg-amberDark-3",success:"bg-green-3 dark:bg-greenDark-3",information:"bg-sky-3 dark:bg-skyDark-3"}},defaultVariants:{radius:"medium",scaling:"100%",size:"medium"}}),u=i("[--viewport-padding:_25px] fixed flex flex-col outline-none gap-[10px]\n    p-[var(--viewport-padding)] m-0 list-none z-[987654321]",{variants:{toastPosition:{top_center:"top-0 left-1/2 transform -translate-x-1/2",top_left:"top-0 left-0",top_right:"top-0 right-0",bottom_center:"bottom-0 left-1/2 transform -translate-x-1/2",bottom_left:"bottom-0 left-0",bottom_right:"bottom-0 right-0"}},defaultVariants:{toastPosition:"top_right"}}),f=r({radius:"medium",scaling:"100%",size:"medium",color:null}),g=function(){return n(f)},x=a((function(r,a){var n=r.className,i=r.children,l=r.openToast,g=r.radius,x=r.scaling,h=r.size,_=r.color,b=r.duration,v=void 0===b?3e3:b,w=r.toastPosition,y=void 0===w?"top_right":w,O=r.setOpenToast,k=m(r,["className","children","openToast","radius","scaling","size","color","duration","toastPosition","setOpenToast"]),P=o((function(){return{radius:g,size:h,scaling:x,color:_}}),[g,h,x,_]),j=s(c({radius:g,scaling:x,size:h,color:_}),"\n      shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] \n      flex flex-col px-[15px] relative justify-center\n      data-[state=open]:animate-slideIn \n      data-[state=closed]:animate-hide \n      data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] \n      data-[swipe=cancel]:translate-x-0 \n      data-[swipe=cancel]:transition-[transform_200ms_ease-out] \n      data-[swipe=end]:animate-swipeOut\n    ",n);return t(f.Provider,{value:P,children:e(p.Provider,{swipeDirection:"right",duration:v,children:[t(p.Root,d({ref:a,className:j,open:l,onOpenChange:O},k,{children:i})),t(p.Viewport,{className:s(u({toastPosition:y}))})]})})}));x.displayName="Toast.Root";export{x as ToastRoot,x as default,c as toastVariants,u as toastViewportVariants,g as useToastContext};
+"use client";
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{createContext as r,forwardRef as a,useContext as o}from"react";import{cva as n}from"class-variance-authority";import{cn as i}from"../../utils/utils.mjs";import{scalingVariants as s}from"../../constants.mjs";import*as l from"@radix-ui/react-toast";import{useTheme as p}from"../../theme/ThemeProvider.mjs";var d=function(){return d=Object.assign||function(t){for(var e,r=1,a=arguments.length;r<a;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},d.apply(this,arguments)},m=function(t,e){var r={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&e.indexOf(a)<0&&(r[a]=t[a]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(t);o<a.length;o++)e.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(t,a[o])&&(r[a[o]]=t[a[o]])}return r},c=n("flex bg-white dark:bg-slateDark-1",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-md"},size:{small:"w-[300px] min-h-[55px] p-3",medium:"w-[400px] min-h-[63px] p-3",large:"w-[400px] min-h-[84px] p-4","x-large":"w-[400px] min-h-[88px] p-4"},scaling:d({},s),color:{danger:"bg-red-3 dark:bg-redDark-3",warning:"bg-amber-3 dark:bg-amberDark-3",success:"bg-green-3 dark:bg-greenDark-3",information:"bg-sky-3 dark:bg-skyDark-3"}},defaultVariants:{radius:"medium",scaling:"100%",size:"medium"}}),u=n("[--viewport-padding:_25px] fixed flex flex-col outline-none gap-[10px]\n    p-[var(--viewport-padding)] m-0 list-none z-[987654321]",{variants:{toastPosition:{top_center:"top-0 left-1/2 transform -translate-x-1/2",top_left:"top-0 left-0",top_right:"top-0 right-0",bottom_center:"bottom-0 left-1/2 transform -translate-x-1/2",bottom_left:"bottom-0 left-0",bottom_right:"bottom-0 right-0"}},defaultVariants:{toastPosition:"top_right"}}),f=r({radius:"medium",scaling:"100%",size:"medium",color:null}),g=function(){return o(f)},x=a((function(r,a){var o=r.className,n=r.children,s=r.openToast,g=r.radius,x=r.scaling,h=r.size,_=r.color,b=r.duration,v=void 0===b?3e3:b,w=r.toastPosition,y=void 0===w?"top_right":w,O=r.setOpenToast,k=m(r,["className","children","openToast","radius","scaling","size","color","duration","toastPosition","setOpenToast"]),P=p().theme,j={radius:P.themeRadius||g,scaling:P.themeScaling||x,color:_,size:h},z=i(c(j),"\n      shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] \n      flex flex-col px-[15px] relative justify-center\n      data-[state=open]:animate-slideIn \n      data-[state=closed]:animate-hide \n      data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] \n      data-[swipe=cancel]:translate-x-0 \n      data-[swipe=cancel]:transition-[transform_200ms_ease-out] \n      data-[swipe=end]:animate-swipeOut\n    ",o);return t(f.Provider,{value:j,children:e(l.Provider,{swipeDirection:"right",duration:v,children:[t(l.Root,d({ref:a,className:z,open:s,onOpenChange:O},k,{children:n})),t(l.Viewport,{className:i(u({toastPosition:y}))})]})})}));x.displayName="Toast.Root";export{x as ToastRoot,x as default,c as toastVariants,u as toastViewportVariants,g as useToastContext};
 //# sourceMappingURL=ToastRoot.mjs.map

package/dist/lib/components/Toast/ToastRoot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToastRoot.mjs","sources":["../../../lib/components/Toast/ToastRoot.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, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef, createContext, useContext, useMemo, } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport { scalingVariants } from '../../../lib/constants';\nimport * as ToastPrimitive from '@radix-ui/react-toast';\nexport var toastVariants = cva('flex bg-white dark:bg-slateDark-1', {\n    variants: {\n        radius: {\n            none: 'rounded-none',\n            small: 'rounded-[3px]',\n            medium: 'rounded',\n            large: 'rounded-md',\n            full: 'rounded-md',\n        },\n        size: {\n            small: 'w-[300px] min-h-[55px] p-3',\n            medium: 'w-[400px] min-h-[63px] p-3',\n            large: 'w-[400px] min-h-[84px] p-4',\n            'x-large': 'w-[400px] min-h-[88px] p-4',\n        },\n        scaling: __assign({}, scalingVariants),\n        color: {\n            danger: 'bg-red-3 dark:bg-redDark-3',\n            warning: 'bg-amber-3 dark:bg-amberDark-3',\n            success: 'bg-green-3 dark:bg-greenDark-3',\n            information: 'bg-sky-3 dark:bg-skyDark-3',\n        },\n    },\n    defaultVariants: {\n        radius: 'medium',\n        scaling: '100%',\n        size: 'medium',\n    },\n});\nexport var toastViewportVariants = cva(\"[--viewport-padding:_25px] fixed flex flex-col outline-none gap-[10px]\\n    p-[var(--viewport-padding)] m-0 list-none z-[987654321]\", {\n    variants: {\n        toastPosition: {\n            top_center: 'top-0 left-1/2 transform -translate-x-1/2',\n            top_left: 'top-0 left-0',\n            top_right: 'top-0 right-0',\n            bottom_center: 'bottom-0 left-1/2 transform -translate-x-1/2',\n            bottom_left: 'bottom-0 left-0',\n            bottom_right: 'bottom-0 right-0',\n        },\n    },\n    defaultVariants: {\n        toastPosition: 'top_right',\n    },\n});\nvar ToastContext = createContext({\n    radius: 'medium',\n    scaling: '100%',\n    size: 'medium',\n    color: null,\n});\nexport var useToastContext = function () {\n    return useContext(ToastContext);\n};\nexport var ToastRoot = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, openToast = _a.openToast, radius = _a.radius, scaling = _a.scaling, size = _a.size, color = _a.color, _b = _a.duration, duration = _b === void 0 ? 3000 : _b, _c = _a.toastPosition, toastPosition = _c === void 0 ? 'top_right' : _c, setOpenToast = _a.setOpenToast, props = __rest(_a, [\"className\", \"children\", \"openToast\", \"radius\", \"scaling\", \"size\", \"color\", \"duration\", \"toastPosition\", \"setOpenToast\"]);\n    var contextValue = useMemo(function () { return ({ radius: radius, size: size, scaling: scaling, color: color }); }, [radius, size, scaling, color]);\n    var toastRootStyle = \"\\n      shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] \\n      flex flex-col px-[15px] relative justify-center\\n      data-[state=open]:animate-slideIn \\n      data-[state=closed]:animate-hide \\n      data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] \\n      data-[swipe=cancel]:translate-x-0 \\n      data-[swipe=cancel]:transition-[transform_200ms_ease-out] \\n      data-[swipe=end]:animate-swipeOut\\n    \";\n    var toastClassName = cn(toastVariants({ radius: radius, scaling: scaling, size: size, color: color }), toastRootStyle, className);\n    return (_jsx(ToastContext.Provider, { value: contextValue, children: _jsxs(ToastPrimitive.Provider, { swipeDirection: \"right\", duration: duration, children: [_jsx(ToastPrimitive.Root, __assign({ ref: ref, className: toastClassName, open: openToast, onOpenChange: setOpenToast }, props, { children: children })), _jsx(ToastPrimitive.Viewport, { className: cn(toastViewportVariants({ toastPosition: toastPosition })) })] }) }));\n});\nToastRoot.displayName = 'Toast.Root';\nexport default ToastRoot;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","toastVariants","cva","variants","radius","none","small","medium","large","full","size","scaling","scalingVariants","color","danger","warning","success","information","defaultVariants","toastViewportVariants","toastPosition","top_center","top_left","top_right","bottom_center","bottom_left","bottom_right","ToastContext","createContext","useToastContext","useContext","ToastRoot","forwardRef","_a","ref","className","children","openToast","_b","duration","_c","setOpenToast","props","contextValue","useMemo","toastClassName","cn","_jsx","Provider","value","_jsxs","ToastPrimitive","swipeDirection","Root","open","onOpenChange","Viewport","displayName"],"mappings":"6TAAA,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,EAOWiB,EAAgBC,EAAI,oCAAqC,CAChEC,SAAU,CACNC,OAAQ,CACJC,KAAM,eACNC,MAAO,gBACPC,OAAQ,UACRC,MAAO,aACPC,KAAM,cAEVC,KAAM,CACFJ,MAAO,6BACPC,OAAQ,6BACRC,MAAO,6BACP,UAAW,8BAEfG,QAAS9B,EAAS,CAAE,EAAE+B,GACtBC,MAAO,CACHC,OAAQ,6BACRC,QAAS,iCACTC,QAAS,iCACTC,YAAa,+BAGrBC,gBAAiB,CACbd,OAAQ,SACRO,QAAS,OACTD,KAAM,YAGHS,EAAwBjB,EAAI,sIAAuI,CAC1KC,SAAU,CACNiB,cAAe,CACXC,WAAY,4CACZC,SAAU,eACVC,UAAW,gBACXC,cAAe,+CACfC,YAAa,kBACbC,aAAc,qBAGtBR,gBAAiB,CACbE,cAAe,eAGnBO,EAAeC,EAAc,CAC7BxB,OAAQ,SACRO,QAAS,OACTD,KAAM,SACNG,MAAO,OAEAgB,EAAkB,WACzB,OAAOC,EAAWH,EACtB,EACWI,EAAYC,GAAW,SAAUC,EAAIC,GAC5C,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUC,EAAYJ,EAAGI,UAAWjC,EAAS6B,EAAG7B,OAAQO,EAAUsB,EAAGtB,QAASD,EAAOuB,EAAGvB,KAAMG,EAAQoB,EAAGpB,MAAOyB,EAAKL,EAAGM,SAAUA,OAAkB,IAAPD,EAAgB,IAAOA,EAAIE,EAAKP,EAAGb,cAAeA,OAAuB,IAAPoB,EAAgB,YAAcA,EAAIC,EAAeR,EAAGQ,aAAcC,EAAQ9C,EAAOqC,EAAI,CAAC,YAAa,WAAY,YAAa,SAAU,UAAW,OAAQ,QAAS,WAAY,gBAAiB,iBACtbU,EAAeC,GAAQ,WAAc,MAAA,CAAUxC,OAAQA,EAAQM,KAAMA,EAAMC,QAASA,EAASE,MAAOA,KAAa,CAACT,EAAQM,EAAMC,EAASE,IAEzIgC,EAAiBC,EAAG7C,EAAc,CAAEG,OAAQA,EAAQO,QAASA,EAASD,KAAMA,EAAMG,MAAOA,IADxE,sdACkGsB,GACvH,OAAQY,EAAKpB,EAAaqB,SAAU,CAAEC,MAAON,EAAcP,SAAUc,EAAMC,EAAeH,SAAU,CAAEI,eAAgB,QAASb,SAAUA,EAAUH,SAAU,CAACW,EAAKI,EAAeE,KAAMxE,EAAS,CAAEqD,IAAKA,EAAKC,UAAWU,EAAgBS,KAAMjB,EAAWkB,aAAcd,GAAgBC,EAAO,CAAEN,SAAUA,KAAcW,EAAKI,EAAeK,SAAU,CAAErB,UAAWW,EAAG3B,EAAsB,CAAEC,cAAeA,WACjZ,IACAW,EAAU0B,YAAc"}
+{"version":3,"file":"ToastRoot.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -8,7 +8,7 @@ export interface ToggleWithTextProps extends VariantProps<typeof toggleWithTextV
     size?: 'small' | 'medium' | 'large';
 }
 declare const toggleWithTextVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/lib/components/Toggle/ToggleWithText.js

@@ -27,6 +27,7 @@ import * as TogglePrimitive from '@radix-ui/react-toggle';
 import { radiusVariants, toggleAppearanceStyle } from '../../../lib/constants';
 import { scalingVariants } from '../../../lib/constants';
 import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
 var toggleWithTextVariants = cva('flex items-center justify-center box-border font-medium w-fit', {
     variants: {
         radius: __assign({}, radiusVariants['base']),
@@ -50,7 +51,14 @@ export var IconScaling = {
 };
 export var ToggleWithText = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, radius = _a.radius, _b = _a.size, size = _b === void 0 ? 'medium' : _b, scaling = _a.scaling, _c = _a.color, color = _c === void 0 ? 'red' : _c, _d = _a.appearance, appearance = _d === void 0 ? 'surface' : _d, text = _a.text, props = __rest(_a, ["className", "children", "radius", "size", "scaling", "color", "appearance", "text"]);
-    return (_jsxs(TogglePrimitive.Root, __assign({ ref: ref, className: cn(toggleWithTextVariants({ radius: radius, size: size, scaling: scaling }), toggleAppearanceStyle(appearance, color, true, 'data-[state=on]:'), className) }, props, { children: [Children.map(children, function (child) {
+    var theme = useTheme().theme;
+    var contextValue = {
+        radius: theme.themeRadius || radius,
+        scaling: theme.themeScaling || scaling,
+        color: theme.themeColor || color,
+        size: size,
+    };
+    return (_jsxs(TogglePrimitive.Root, __assign({ ref: ref, className: cn(toggleWithTextVariants(contextValue), toggleAppearanceStyle(appearance, contextValue.color, true, 'data-[state=on]:'), className) }, props, { children: [Children.map(children, function (child) {
                 return React.cloneElement(child, { className: IconScaling[size] });
             }), text] })));
 });

package/dist/lib/components/Toggle/ToggleWithText.mjs

@@ -1,2 +1,2 @@
-import{jsxs as e}from"react/jsx-runtime";import t,{forwardRef as r,Children as a}from"react";import{cva as i}from"class-variance-authority";import*as o from"@radix-ui/react-toggle";import{radiusVariants as s,scalingVariants as n,toggleAppearanceStyle as l}from"../../constants.mjs";import{cn as c}from"../../utils/utils.mjs";var m=function(){return m=Object.assign||function(e){for(var t,r=1,a=arguments.length;r<a;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},m.apply(this,arguments)},p=function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(r[a[i]]=e[a[i]])}return r},u=i("flex items-center justify-center box-border font-medium w-fit",{variants:{radius:m({},s.base),size:{small:"h-6 px-2 text-xs gap-1",medium:"h-8 px-3 text-sm gap-2",large:"h-10 px-4 text-base gap-3"},scaling:m({},n)},defaultVariants:{radius:"medium",size:"medium",scaling:"100%"}}),f={small:"w-[14px]",medium:"w-4",large:"w-[18px]"},d=r((function(r,i){var s=r.className,n=r.children,d=r.radius,g=r.size,x=void 0===g?"medium":g,y=r.scaling,b=r.color,h=void 0===b?"red":b,v=r.appearance,O=void 0===v?"surface":v,j=r.text,w=p(r,["className","children","radius","size","scaling","color","appearance","text"]);return e(o.Root,m({ref:i,className:c(u({radius:d,size:x,scaling:y}),l(O,h,!0,"data-[state=on]:"),s)},w,{children:[a.map(n,(function(e){return t.cloneElement(e,{className:f[x]})})),j]}))}));d.displayName="ToggleWithText";export{f as IconScaling,d as ToggleWithText,d as default};
+import{jsxs as e}from"react/jsx-runtime";import r,{forwardRef as t,Children as a}from"react";import{cva as i}from"class-variance-authority";import*as o from"@radix-ui/react-toggle";import{radiusVariants as s,scalingVariants as n,toggleAppearanceStyle as m}from"../../constants.mjs";import{cn as l}from"../../utils/utils.mjs";import{useTheme as c}from"../../theme/ThemeProvider.mjs";var p=function(){return p=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++)for(var i in r=arguments[t])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e},p.apply(this,arguments)},u=function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)r.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(t[a[i]]=e[a[i]])}return t},f=i("flex items-center justify-center box-border font-medium w-fit",{variants:{radius:p({},s.base),size:{small:"h-6 px-2 text-xs gap-1",medium:"h-8 px-3 text-sm gap-2",large:"h-10 px-4 text-base gap-3"},scaling:p({},n)},defaultVariants:{radius:"medium",size:"medium",scaling:"100%"}}),d={small:"w-[14px]",medium:"w-4",large:"w-[18px]"},g=t((function(t,i){var s=t.className,n=t.children,g=t.radius,h=t.size,x=void 0===h?"medium":h,y=t.scaling,b=t.color,v=void 0===b?"red":b,O=t.appearance,j=void 0===O?"surface":O,w=t.text,z=u(t,["className","children","radius","size","scaling","color","appearance","text"]),N=c().theme,P={radius:N.themeRadius||g,scaling:N.themeScaling||y,color:N.themeColor||v,size:x};return e(o.Root,p({ref:i,className:l(f(P),m(j,P.color,!0,"data-[state=on]:"),s)},z,{children:[a.map(n,(function(e){return r.cloneElement(e,{className:d[x]})})),w]}))}));g.displayName="ToggleWithText";export{d as IconScaling,g as ToggleWithText,g as default};
 //# sourceMappingURL=ToggleWithText.mjs.map

package/dist/lib/components/Toggle/ToggleWithText.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleWithText.mjs","sources":["../../../lib/components/Toggle/ToggleWithText.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 { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React, { Children, forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport * as TogglePrimitive from '@radix-ui/react-toggle';\nimport { radiusVariants, toggleAppearanceStyle } from '../../../lib/constants';\nimport { scalingVariants } from '../../../lib/constants';\nimport { cn } from '../../../lib/utils/utils';\nvar toggleWithTextVariants = cva('flex items-center justify-center box-border font-medium w-fit', {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n        size: {\n            small: 'h-6 px-2 text-xs gap-1',\n            medium: 'h-8 px-3 text-sm gap-2',\n            large: 'h-10 px-4 text-base gap-3',\n        },\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        size: 'medium',\n        scaling: '100%',\n    },\n});\nexport var IconScaling = {\n    small: 'w-[14px]',\n    medium: 'w-4',\n    large: 'w-[18px]',\n};\nexport var ToggleWithText = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, radius = _a.radius, _b = _a.size, size = _b === void 0 ? 'medium' : _b, scaling = _a.scaling, _c = _a.color, color = _c === void 0 ? 'red' : _c, _d = _a.appearance, appearance = _d === void 0 ? 'surface' : _d, text = _a.text, props = __rest(_a, [\"className\", \"children\", \"radius\", \"size\", \"scaling\", \"color\", \"appearance\", \"text\"]);\n    return (_jsxs(TogglePrimitive.Root, __assign({ ref: ref, className: cn(toggleWithTextVariants({ radius: radius, size: size, scaling: scaling }), toggleAppearanceStyle(appearance, color, true, 'data-[state=on]:'), className) }, props, { children: [Children.map(children, function (child) {\n                return React.cloneElement(child, { className: IconScaling[size] });\n            }), text] })));\n});\nToggleWithText.displayName = 'ToggleWithText';\nexport default ToggleWithText;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","toggleWithTextVariants","cva","variants","radius","radiusVariants","size","small","medium","large","scaling","scalingVariants","defaultVariants","IconScaling","ToggleWithText","forwardRef","_a","ref","className","children","_b","_c","color","_d","appearance","text","props","_jsxs","TogglePrimitive","Root","cn","toggleAppearanceStyle","Children","map","child","React","cloneElement","displayName"],"mappings":"qUAAA,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,EAAyBC,EAAI,gEAAiE,CAC9FC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,MAC1CC,KAAM,CACFC,MAAO,yBACPC,OAAQ,yBACRC,MAAO,6BAEXC,QAAS7B,EAAS,CAAE,EAAE8B,IAE1BC,gBAAiB,CACbR,OAAQ,SACRE,KAAM,SACNI,QAAS,UAGNG,EAAc,CACrBN,MAAO,WACPC,OAAQ,MACRC,MAAO,YAEAK,EAAiBC,GAAW,SAAUC,EAAIC,GACjD,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUf,EAASY,EAAGZ,OAAQgB,EAAKJ,EAAGV,KAAMA,OAAc,IAAPc,EAAgB,SAAWA,EAAIV,EAAUM,EAAGN,QAASW,EAAKL,EAAGM,MAAOA,OAAe,IAAPD,EAAgB,MAAQA,EAAIE,EAAKP,EAAGQ,WAAYA,OAAoB,IAAPD,EAAgB,UAAYA,EAAIE,EAAOT,EAAGS,KAAMC,EAAQ9B,EAAOoB,EAAI,CAAC,YAAa,WAAY,SAAU,OAAQ,UAAW,QAAS,aAAc,SACzX,OAAQW,EAAMC,EAAgBC,KAAMhD,EAAS,CAAEoC,IAAKA,EAAKC,UAAWY,EAAG7B,EAAuB,CAAEG,OAAQA,EAAQE,KAAMA,EAAMI,QAASA,IAAYqB,EAAsBP,EAAYF,GAAO,EAAM,oBAAqBJ,IAAcQ,EAAO,CAAEP,SAAU,CAACa,EAASC,IAAId,GAAU,SAAUe,GAC5Q,OAAOC,EAAMC,aAAaF,EAAO,CAAEhB,UAAWL,EAAYP,IAC1E,IAAgBmB,KAChB,IACAX,EAAeuB,YAAc"}
+{"version":3,"file":"ToggleWithText.mjs","sources":["../../../lib/components/Toggle/ToggleWithText.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 { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React, { Children, forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport * as TogglePrimitive from '@radix-ui/react-toggle';\nimport { radiusVariants, toggleAppearanceStyle } from '../../../lib/constants';\nimport { scalingVariants } from '../../../lib/constants';\nimport { cn } from '../../../lib/utils/utils';\nimport { useTheme } from '../../../lib/theme';\nvar toggleWithTextVariants = cva('flex items-center justify-center box-border font-medium w-fit', {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n        size: {\n            small: 'h-6 px-2 text-xs gap-1',\n            medium: 'h-8 px-3 text-sm gap-2',\n            large: 'h-10 px-4 text-base gap-3',\n        },\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        size: 'medium',\n        scaling: '100%',\n    },\n});\nexport var IconScaling = {\n    small: 'w-[14px]',\n    medium: 'w-4',\n    large: 'w-[18px]',\n};\nexport var ToggleWithText = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, radius = _a.radius, _b = _a.size, size = _b === void 0 ? 'medium' : _b, scaling = _a.scaling, _c = _a.color, color = _c === void 0 ? 'red' : _c, _d = _a.appearance, appearance = _d === void 0 ? 'surface' : _d, text = _a.text, props = __rest(_a, [\"className\", \"children\", \"radius\", \"size\", \"scaling\", \"color\", \"appearance\", \"text\"]);\n    var theme = useTheme().theme;\n    var contextValue = {\n        radius: theme.themeRadius || radius,\n        scaling: theme.themeScaling || scaling,\n        color: theme.themeColor || color,\n        size: size,\n    };\n    return (_jsxs(TogglePrimitive.Root, __assign({ ref: ref, className: cn(toggleWithTextVariants(contextValue), toggleAppearanceStyle(appearance, contextValue.color, true, 'data-[state=on]:'), className) }, props, { children: [Children.map(children, function (child) {\n                return React.cloneElement(child, { className: IconScaling[size] });\n            }), text] })));\n});\nToggleWithText.displayName = 'ToggleWithText';\nexport default ToggleWithText;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","toggleWithTextVariants","cva","variants","radius","radiusVariants","size","small","medium","large","scaling","scalingVariants","defaultVariants","IconScaling","ToggleWithText","forwardRef","_a","ref","className","children","_b","_c","color","_d","appearance","text","props","theme","useTheme","contextValue","themeRadius","themeScaling","themeColor","_jsxs","TogglePrimitive","Root","cn","toggleAppearanceStyle","Children","map","child","React","cloneElement","displayName"],"mappings":"8XAAA,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,EASIiB,EAAyBC,EAAI,gEAAiE,CAC9FC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,MAC1CC,KAAM,CACFC,MAAO,yBACPC,OAAQ,yBACRC,MAAO,6BAEXC,QAAS7B,EAAS,CAAE,EAAE8B,IAE1BC,gBAAiB,CACbR,OAAQ,SACRE,KAAM,SACNI,QAAS,UAGNG,EAAc,CACrBN,MAAO,WACPC,OAAQ,MACRC,MAAO,YAEAK,EAAiBC,GAAW,SAAUC,EAAIC,GACjD,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUf,EAASY,EAAGZ,OAAQgB,EAAKJ,EAAGV,KAAMA,OAAc,IAAPc,EAAgB,SAAWA,EAAIV,EAAUM,EAAGN,QAASW,EAAKL,EAAGM,MAAOA,OAAe,IAAPD,EAAgB,MAAQA,EAAIE,EAAKP,EAAGQ,WAAYA,OAAoB,IAAPD,EAAgB,UAAYA,EAAIE,EAAOT,EAAGS,KAAMC,EAAQ9B,EAAOoB,EAAI,CAAC,YAAa,WAAY,SAAU,OAAQ,UAAW,QAAS,aAAc,SACrXW,EAAQC,IAAWD,MACnBE,EAAe,CACfzB,OAAQuB,EAAMG,aAAe1B,EAC7BM,QAASiB,EAAMI,cAAgBrB,EAC/BY,MAAOK,EAAMK,YAAcV,EAC3BhB,KAAMA,GAEV,OAAQ2B,EAAMC,EAAgBC,KAAMtD,EAAS,CAAEoC,IAAKA,EAAKC,UAAWkB,EAAGnC,EAAuB4B,GAAeQ,EAAsBb,EAAYK,EAAaP,OAAO,EAAM,oBAAqBJ,IAAcQ,EAAO,CAAEP,SAAU,CAACmB,EAASC,IAAIpB,GAAU,SAAUqB,GACrP,OAAOC,EAAMC,aAAaF,EAAO,CAAEtB,UAAWL,EAAYP,IAC1E,IAAgBmB,KAChB,IACAX,EAAe6B,YAAc"}

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

@@ -8,7 +8,7 @@ export interface ToggleProps extends VariantProps<typeof toggleVariants> {
     appearance?: IAppearance;
 }
 declare const toggleVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

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

@@ -26,6 +26,7 @@ import { cva } from 'class-variance-authority';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import { radiusVariants, scalingVariants, toggleAppearanceStyle } from '../../../lib/constants';
 import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
 export * from './ToggleWithText';
 var toggleVariants = cva('grid place-content-center items-center justify-center box-border"', {
     variants: {
@@ -50,7 +51,14 @@ export var IconScaling = {
 };
 export var Toggle = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, radius = _a.radius, _b = _a.size, size = _b === void 0 ? 'medium' : _b, scaling = _a.scaling, _c = _a.color, color = _c === void 0 ? 'red' : _c, _d = _a.appearance, appearance = _d === void 0 ? 'surface' : _d, props = __rest(_a, ["className", "children", "radius", "size", "scaling", "color", "appearance"]);
-    return (_jsx(TogglePrimitive.Root, __assign({ ref: ref, className: cn(toggleVariants({ radius: radius, size: size, scaling: scaling }), toggleAppearanceStyle(appearance, color, true, 'data-[state=on]:'), className) }, props, { children: Children.map(children, function (child) {
+    var theme = useTheme().theme;
+    var contextValue = {
+        radius: theme.themeRadius || radius,
+        scaling: theme.themeScaling || scaling,
+        color: theme.themeColor || color,
+        size: size,
+    };
+    return (_jsx(TogglePrimitive.Root, __assign({ ref: ref, className: cn(toggleVariants(contextValue), toggleAppearanceStyle(appearance, contextValue.color, true, 'data-[state=on]:'), className) }, props, { children: Children.map(children, function (child) {
             return React.cloneElement(child, { className: IconScaling[size] });
         }) })));
 });