@lotte-innovate/ui-component-test 0.0.89 → 0.0.96

package/dist/lib/components/Radio/index.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++) {
@@ -26,6 +27,8 @@ import { cva } from 'class-variance-authority';
 import { Theme, Radio as RadioTheme, Flex } from '@radix-ui/themes';
 import { Text } from '../../../lib/Typography/Text';
 import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 var radioVariants = cva('font-normal', {
     variants: {
         size: {
@@ -39,15 +42,19 @@ var radioVariants = cva('font-normal', {
     },
 });
 export var Radio = forwardRef(function (_a, ref) {
-    var value = _a.value, scaling = _a.scaling, color = _a.color, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, children = _a.children, className = _a.className, props = __rest(_a, ["value", "scaling", "color", "size", "appearance", "children", "className"]);
-    if (!color)
-        color = 'red';
+    var _b;
+    var value = _a.value, scaling = _a.scaling, color = _a.color, _c = _a.size, size = _c === void 0 ? 'medium' : _c, _d = _a.appearance, appearance = _d === void 0 ? 'surface' : _d, children = _a.children, className = _a.className, props = __rest(_a, ["value", "scaling", "color", "size", "appearance", "children", "className"]);
+    var theme = useTheme().theme;
     var sizeTheme = '2';
     if (size === 'small')
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    return (_jsx(Theme, { accentColor: color, scaling: scaling, children: _jsx(Flex, { asChild: true, className: cn(radioVariants({ size: size }), className), children: _jsxs(Text, { as: "label", size: sizeTheme, children: [_jsx(RadioTheme, __assign({ ref: ref, value: value, variant: appearance, size: sizeTheme }, props)), children] }) }) }));
+    var radioStyle = {
+        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+        color: (_b = color !== null && color !== void 0 ? color : theme.themeColor) !== null && _b !== void 0 ? _b : MAIN_COLOR,
+    };
+    return (_jsx(Theme, { accentColor: radioStyle.color, scaling: radioStyle.scaling, children: _jsx(Flex, { asChild: true, className: cn(radioVariants({ size: size }), className), children: _jsxs(Text, { as: "label", size: sizeTheme, color: "black", children: [_jsx(RadioTheme, __assign({ ref: ref, value: value, variant: appearance, size: sizeTheme }, props)), children] }) }) }));
 });
 Radio.displayName = 'Radio';
 export default Radio;

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

@@ -1,2 +1,3 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{forwardRef as a}from"react";import{cva as t}from"class-variance-authority";import{Theme as i,Flex as o,Radio as l}from"@radix-ui/themes";import{Text as n}from"../../Typography/Text/index.mjs";import{cn as s}from"../../utils/utils.mjs";var c=function(){return c=Object.assign||function(e){for(var r,a=1,t=arguments.length;a<t;a++)for(var i in r=arguments[a])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e},c.apply(this,arguments)},p=function(e,r){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(a[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(e);i<t.length;i++)r.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(e,t[i])&&(a[t[i]]=e[t[i]])}return a},m=t("font-normal",{variants:{size:{small:"text-[12px] gap-2",medium:"text-[14px] gap-2",large:"text-[16px] gap-3"}},defaultVariants:{size:"medium"}}),u=a((function(a,t){var u=a.value,f=a.scaling,d=a.color,v=a.size,y=void 0===v?"medium":v,g=a.appearance,h=void 0===g?"surface":g,x=a.children,O=a.className,b=p(a,["value","scaling","color","size","appearance","children","className"]);d||(d="red");var j="2";return"small"===y&&(j="1"),"large"===y&&(j="3"),e(i,{accentColor:d,scaling:f,children:e(o,{asChild:!0,className:s(m({size:y}),O),children:r(n,{as:"label",size:j,children:[e(l,c({ref:t,value:u,variant:h,size:j},b)),x]})})})}));u.displayName="Radio";export{u as Radio,u as default};
+"use client";
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{forwardRef as a}from"react";import{cva as t}from"class-variance-authority";import{Theme as o,Flex as l,Radio as i}from"@radix-ui/themes";import{Text as n}from"../../Typography/Text/index.mjs";import{cn as s}from"../../utils/utils.mjs";import{useTheme as c}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as m}from"../../color/constants.mjs";var p=function(){return p=Object.assign||function(e){for(var r,a=1,t=arguments.length;a<t;a++)for(var o in r=arguments[a])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},p.apply(this,arguments)},u=function(e,r){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(a[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)r.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(a[t[o]]=e[t[o]])}return a},f=t("font-normal",{variants:{size:{small:"text-[12px] gap-2",medium:"text-[14px] gap-2",large:"text-[16px] gap-3"}},defaultVariants:{size:"medium"}}),d=a((function(a,t){var d,h=a.value,v=a.scaling,g=a.color,y=a.size,x=void 0===y?"medium":y,O=a.appearance,b=void 0===O?"surface":O,j=a.children,z=a.className,P=u(a,["value","scaling","color","size","appearance","children","className"]),w=c().theme,N="2";"small"===x&&(N="1"),"large"===x&&(N="3");var C={scaling:null!=v?v:w.themeScaling,color:null!==(d=null!=g?g:w.themeColor)&&void 0!==d?d:m};return e(o,{accentColor:C.color,scaling:C.scaling,children:e(l,{asChild:!0,className:s(f({size:x}),z),children:r(n,{as:"label",size:N,color:"black",children:[e(i,p({ref:t,value:h,variant:b,size:N},P)),j]})})})}));d.displayName="Radio";export{d as Radio,d as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/Radio/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, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Theme, Radio as RadioTheme, Flex } from '@radix-ui/themes';\nimport { Text } from '../../../lib/Typography/Text';\nimport { cn } from '../../../lib/utils/utils';\nvar radioVariants = cva('font-normal', {\n    variants: {\n        size: {\n            small: 'text-[12px] gap-2',\n            medium: 'text-[14px] gap-2',\n            large: 'text-[16px] gap-3',\n        },\n    },\n    defaultVariants: {\n        size: 'medium',\n    },\n});\nexport var Radio = forwardRef(function (_a, ref) {\n    var value = _a.value, scaling = _a.scaling, color = _a.color, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, children = _a.children, className = _a.className, props = __rest(_a, [\"value\", \"scaling\", \"color\", \"size\", \"appearance\", \"children\", \"className\"]);\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, { accentColor: color, scaling: scaling, children: _jsx(Flex, { asChild: true, className: cn(radioVariants({ size: size }), className), children: _jsxs(Text, { as: \"label\", size: sizeTheme, children: [_jsx(RadioTheme, __assign({ ref: ref, value: value, variant: appearance, size: sizeTheme }, props)), children] }) }) }));\n});\nRadio.displayName = 'Radio';\nexport default Radio;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","radioVariants","cva","variants","size","small","medium","large","defaultVariants","Radio","forwardRef","_a","ref","value","scaling","color","_b","_c","appearance","children","className","props","sizeTheme","_jsx","Theme","accentColor","Flex","asChild","cn","_jsxs","Text","as","RadioTheme","variant","displayName"],"mappings":"oSAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAOIiB,EAAgBC,EAAI,cAAe,CACnCC,SAAU,CACNC,KAAM,CACFC,MAAO,oBACPC,OAAQ,oBACRC,MAAO,sBAGfC,gBAAiB,CACbJ,KAAM,YAGHK,EAAQC,GAAW,SAAUC,EAAIC,GACxC,IAAIC,EAAQF,EAAGE,MAAOC,EAAUH,EAAGG,QAASC,EAAQJ,EAAGI,MAAOC,EAAKL,EAAGP,KAAMA,OAAc,IAAPY,EAAgB,SAAWA,EAAIC,EAAKN,EAAGO,WAAYA,OAAoB,IAAPD,EAAgB,UAAYA,EAAIE,EAAWR,EAAGQ,SAAUC,EAAYT,EAAGS,UAAWC,EAAQzB,EAAOe,EAAI,CAAC,QAAS,UAAW,QAAS,OAAQ,aAAc,WAAY,cACnTI,IACDA,EAAQ,OACZ,IAAIO,EAAY,IAKhB,MAJa,UAATlB,IACAkB,EAAY,KACH,UAATlB,IACAkB,EAAY,KACRC,EAAKC,EAAO,CAAEC,YAAaV,EAAOD,QAASA,EAASK,SAAUI,EAAKG,EAAM,CAAEC,SAAS,EAAMP,UAAWQ,EAAG3B,EAAc,CAAEG,KAAMA,IAASgB,GAAYD,SAAUU,EAAMC,EAAM,CAAEC,GAAI,QAAS3B,KAAMkB,EAAWH,SAAU,CAACI,EAAKS,EAAYnD,EAAS,CAAE+B,IAAKA,EAAKC,MAAOA,EAAOoB,QAASf,EAAYd,KAAMkB,GAAaD,IAASF,QACrU,IACAV,EAAMyB,YAAc"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/components/RadioCards/RadioCardsItem.d.ts

@@ -4,7 +4,7 @@ import { RadioCards as RadioCardsTheme } from '@radix-ui/themes';
 export interface RadioCardsItemProps extends VariantProps<typeof radioCardsItemVariants> {
 }
 export declare const radioCardsItemVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
-    size?: "small" | "medium" | "large" | null | undefined;
+    radius?: "small" | "none" | "large" | "medium" | "full" | null | undefined;
+    size?: "small" | "large" | "medium" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const RadioCardsItem: React.ForwardRefExoticComponent<Omit<RadioCardsTheme.ItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & RadioCardsItemProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/lib/components/RadioCards/RadioCardsItem.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++) {

package/dist/lib/components/RadioCards/RadioCardsItem.mjs

@@ -1,2 +1,3 @@
+"use client";
 import{jsx as e}from"react/jsx-runtime";import{forwardRef as r,useContext as t}from"react";import{cva as a}from"class-variance-authority";import{RadioCards as o}from"@radix-ui/themes";import{cn as d}from"../../utils/utils.mjs";import{RadioCardsContext as n}from"./RadioCardsRoot.mjs";var i=function(){return i=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},i.apply(this,arguments)},s=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 o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)r.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(t[a[o]]=e[a[o]])}return t},l=a("min-w-[200px] bg-white dark:bg-slateDark-1 text-slateA-12 dark:text-slateDarkA-12 border-slateA-6 dark:border-slateDarkA-6 font-normal disabled:text-slateA-9 dark:disabled:text-slateDarkA-9",{variants:{radius:{none:"rounded-none before:rounded-none after:rounded-none",small:"rounded-[3px] before:rounded-[3px] after:rounded-[3px]",medium:"rounded before:rounded after:rounded",large:"rounded-md before:rounded-md after:rounded-md",full:"rounded-md before:rounded-md after:rounded-md"},size:{small:"text-sm py-[10px] px-[12px] h-[40px]",medium:"text-sm py-[14px] px-[16px] h-[48px]",large:"text-base py-[20px] px-[24px] h-[64px]"}},defaultVariants:{radius:"medium",size:"medium"}}),m=r((function(r,a){var m=r.children,u=r.className,p=r.value,f=s(r,["children","className","value"]),x=t(n),c=x.radius,b=x.size;return e(o.Item,i({ref:a,value:p,className:d(l({radius:c,size:b}),u)},f,{children:m}))}));m.displayName="RadioCards.Item";export{m as RadioCardsItem,l as radioCardsItemVariants};
 //# sourceMappingURL=RadioCardsItem.mjs.map

package/dist/lib/components/RadioCards/RadioCardsItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioCardsItem.mjs","sources":["../../../lib/components/RadioCards/RadioCardsItem.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, useContext } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { RadioCards as RadioCardsTheme } from '@radix-ui/themes';\nimport { cn } from '../../../lib/utils/utils';\nimport { RadioCardsContext } from './RadioCardsRoot';\nexport var radioCardsItemVariants = cva('min-w-[200px] bg-white dark:bg-slateDark-1 text-slateA-12 dark:text-slateDarkA-12 border-slateA-6 dark:border-slateDarkA-6 font-normal disabled:text-slateA-9 dark:disabled:text-slateDarkA-9', {\n    variants: {\n        radius: {\n            none: 'rounded-none before:rounded-none after:rounded-none',\n            small: 'rounded-[3px] before:rounded-[3px] after:rounded-[3px]',\n            medium: 'rounded before:rounded after:rounded',\n            large: 'rounded-md before:rounded-md after:rounded-md',\n            full: 'rounded-md before:rounded-md after:rounded-md',\n        },\n        size: {\n            small: 'text-sm py-[10px] px-[12px] h-[40px]',\n            medium: 'text-sm py-[14px] px-[16px] h-[48px]',\n            large: 'text-base py-[20px] px-[24px] h-[64px]',\n        },\n    },\n    defaultVariants: {\n        radius: 'medium',\n        size: 'medium',\n    },\n});\nexport var RadioCardsItem = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, value = _a.value, props = __rest(_a, [\"children\", \"className\", \"value\"]);\n    var _b = useContext(RadioCardsContext), radius = _b.radius, size = _b.size;\n    return (_jsx(RadioCardsTheme.Item, __assign({ ref: ref, value: value, className: cn(radioCardsItemVariants({ radius: radius, size: size }), className) }, props, { children: children })));\n});\nRadioCardsItem.displayName = 'RadioCards.Item';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","radioCardsItemVariants","cva","variants","radius","none","small","medium","large","full","size","defaultVariants","RadioCardsItem","forwardRef","_a","ref","children","className","value","props","_b","useContext","RadioCardsContext","_jsx","RadioCardsTheme","Item","cn","displayName"],"mappings":"4RAAA,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,EAAyBC,EAAI,gMAAiM,CACrOC,SAAU,CACNC,OAAQ,CACJC,KAAM,sDACNC,MAAO,yDACPC,OAAQ,uCACRC,MAAO,gDACPC,KAAM,iDAEVC,KAAM,CACFJ,MAAO,uCACPC,OAAQ,uCACRC,MAAO,2CAGfG,gBAAiB,CACbP,OAAQ,SACRM,KAAM,YAGHE,EAAiBC,GAAW,SAAUC,EAAIC,GACjD,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWC,EAAQJ,EAAGI,MAAOC,EAAQvB,EAAOkB,EAAI,CAAC,WAAY,YAAa,UACjHM,EAAKC,EAAWC,GAAoBlB,EAASgB,EAAGhB,OAAQM,EAAOU,EAAGV,KACtE,OAAQa,EAAKC,EAAgBC,KAAM5C,EAAS,CAAEkC,IAAKA,EAAKG,MAAOA,EAAOD,UAAWS,EAAGzB,EAAuB,CAAEG,OAAQA,EAAQM,KAAMA,IAASO,IAAcE,EAAO,CAAEH,SAAUA,IACjL,IACAJ,EAAee,YAAc"}
+{"version":3,"file":"RadioCardsItem.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/components/RadioCards/RadioCardsRoot.d.ts

@@ -6,7 +6,7 @@ export interface RadioCardsProps extends VariantProps<typeof radioCardsVariants>
     appearance?: 'classic' | 'surface';
 }
 declare const radioCardsVariants: (props?: ({
-    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+    scaling?: "100%" | "90%" | "95%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const RadioCardsContext: React.Context<RadioCardsProps>;
 export declare const RadioCardsRoot: React.ForwardRefExoticComponent<Omit<Omit<RadioCardsTheme.RootProps & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & RadioCardsProps & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/RadioCards/RadioCardsRoot.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++) {
@@ -26,6 +27,8 @@ import { cva } from 'class-variance-authority';
 import { scalingVariants } from '../../../lib/constants';
 import { Theme, RadioCards as RadioCardsTheme } from '@radix-ui/themes';
 import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 var radioCardsVariants = cva('flex items-center gap-2', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -39,8 +42,15 @@ export var RadioCardsContext = createContext({
     size: 'medium',
 });
 export var RadioCardsRoot = forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, props = __rest(_a, ["children", "className", "radius", "scaling", "size", "color", "appearance"]);
-    var contextValue = { radius: radius, size: size };
-    return (_jsx(Theme, { accentColor: color, children: _jsx(RadioCardsContext.Provider, { value: contextValue, children: _jsx(RadioCardsTheme.Root, __assign({ ref: ref, variant: appearance, className: cn(radioCardsVariants({ scaling: scaling }), className) }, props, { children: children })) }) }));
+    var _b;
+    var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, size = _a.size, color = _a.color, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, props = __rest(_a, ["children", "className", "radius", "scaling", "size", "color", "appearance"]);
+    var theme = useTheme().theme;
+    var contextValue = {
+        radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
+        color: (_b = color !== null && color !== void 0 ? color : theme.themeColor) !== null && _b !== void 0 ? _b : MAIN_COLOR,
+        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+        size: size,
+    };
+    return (_jsx(Theme, { accentColor: contextValue.color, children: _jsx(RadioCardsContext.Provider, { value: contextValue, children: _jsx(RadioCardsTheme.Root, __assign({ ref: ref, variant: appearance, className: cn(radioCardsVariants({ scaling: contextValue.scaling }), className) }, props, { children: children })) }) }));
 });
 RadioCardsRoot.displayName = 'RadioCards.Root';

package/dist/lib/components/RadioCards/RadioCardsRoot.mjs

@@ -1,2 +1,3 @@
-import{jsx as r}from"react/jsx-runtime";import{createContext as e,forwardRef as a}from"react";import{cva as t}from"class-variance-authority";import{scalingVariants as i}from"../../constants.mjs";import{Theme as o,RadioCards as n}from"@radix-ui/themes";import{cn as s}from"../../utils/utils.mjs";var c=function(){return c=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},c.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 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=t("flex items-center gap-2",{variants:{scaling:c({},i)},defaultVariants:{scaling:"100%"}}),p=e({radius:"medium",size:"medium"}),u=a((function(e,a){var t=e.children,i=e.className,u=e.radius,f=e.scaling,d=e.size,v=e.color,y=void 0===v?"red":v,h=e.appearance,O=void 0===h?"surface":h,g=l(e,["children","className","radius","scaling","size","color","appearance"]),b={radius:u,size:d};return r(o,{accentColor:y,children:r(p.Provider,{value:b,children:r(n.Root,c({ref:a,variant:O,className:s(m({scaling:f}),i)},g,{children:t}))})})}));u.displayName="RadioCards.Root";export{p as RadioCardsContext,u as RadioCardsRoot};
+"use client";
+import{jsx as r}from"react/jsx-runtime";import{createContext as e,forwardRef as t}from"react";import{cva as o}from"class-variance-authority";import{scalingVariants as a}from"../../constants.mjs";import{Theme as i,RadioCards as n}from"@radix-ui/themes";import{cn as l}from"../../utils/utils.mjs";import{useTheme as s}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as c}from"../../color/constants.mjs";var m=function(){return m=Object.assign||function(r){for(var e,t=1,o=arguments.length;t<o;t++)for(var a in e=arguments[t])Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r},m.apply(this,arguments)},p=function(r,e){var t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(t[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(r);a<o.length;a++)e.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(r,o[a])&&(t[o[a]]=r[o[a]])}return t},u=o("flex items-center gap-2",{variants:{scaling:m({},a)},defaultVariants:{scaling:"100%"}}),f=e({radius:"medium",size:"medium"}),d=t((function(e,t){var o,a=e.children,d=e.className,h=e.radius,v=e.scaling,g=e.size,y=e.color,O=e.appearance,j=void 0===O?"surface":O,b=p(e,["children","className","radius","scaling","size","color","appearance"]),x=s().theme,P={radius:null!=h?h:x.themeRadius,color:null!==(o=null!=y?y:x.themeColor)&&void 0!==o?o:c,scaling:null!=v?v:x.themeScaling,size:g};return r(i,{accentColor:P.color,children:r(f.Provider,{value:P,children:r(n.Root,m({ref:t,variant:j,className:l(u({scaling:P.scaling}),d)},b,{children:a}))})})}));d.displayName="RadioCards.Root";export{f as RadioCardsContext,d as RadioCardsRoot};
 //# sourceMappingURL=RadioCardsRoot.mjs.map

package/dist/lib/components/RadioCards/RadioCardsRoot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioCardsRoot.mjs","sources":["../../../lib/components/RadioCards/RadioCardsRoot.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 { createContext, forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { scalingVariants } from '../../../lib/constants';\nimport { Theme, RadioCards as RadioCardsTheme } from '@radix-ui/themes';\nimport { cn } from '../../../lib/utils/utils';\nvar radioCardsVariants = cva('flex items-center gap-2', {\n    variants: {\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        scaling: '100%',\n    },\n});\nexport var RadioCardsContext = createContext({\n    radius: 'medium',\n    size: 'medium',\n});\nexport var RadioCardsRoot = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, props = __rest(_a, [\"children\", \"className\", \"radius\", \"scaling\", \"size\", \"color\", \"appearance\"]);\n    var contextValue = { radius: radius, size: size };\n    return (_jsx(Theme, { accentColor: color, children: _jsx(RadioCardsContext.Provider, { value: contextValue, children: _jsx(RadioCardsTheme.Root, __assign({ ref: ref, variant: appearance, className: cn(radioCardsVariants({ scaling: scaling }), className) }, props, { children: children })) }) }));\n});\nRadioCardsRoot.displayName = 'RadioCards.Root';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","radioCardsVariants","cva","variants","scaling","scalingVariants","defaultVariants","RadioCardsContext","createContext","radius","size","RadioCardsRoot","forwardRef","_a","ref","children","className","_b","color","_c","appearance","props","contextValue","_jsx","Theme","accentColor","Provider","value","RadioCardsTheme","Root","variant","cn","displayName"],"mappings":"uSAAA,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,EAAqBC,EAAI,0BAA2B,CACpDC,SAAU,CACNC,QAASvB,EAAS,CAAE,EAAEwB,IAE1BC,gBAAiB,CACbF,QAAS,UAGNG,EAAoBC,EAAc,CACzCC,OAAQ,SACRC,KAAM,WAECC,EAAiBC,GAAW,SAAUC,EAAIC,GACjD,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWP,EAASI,EAAGJ,OAAQL,EAAUS,EAAGT,QAASM,EAAOG,EAAGH,KAAMO,EAAKJ,EAAGK,MAAOA,OAAe,IAAPD,EAAgB,MAAQA,EAAIE,EAAKN,EAAGO,WAAYA,OAAoB,IAAPD,EAAgB,UAAYA,EAAIE,EAAQzB,EAAOiB,EAAI,CAAC,WAAY,YAAa,SAAU,UAAW,OAAQ,QAAS,eACnTS,EAAe,CAAEb,OAAQA,EAAQC,KAAMA,GAC3C,OAAQa,EAAKC,EAAO,CAAEC,YAAaP,EAAOH,SAAUQ,EAAKhB,EAAkBmB,SAAU,CAAEC,MAAOL,EAAcP,SAAUQ,EAAKK,EAAgBC,KAAMhD,EAAS,CAAEiC,IAAKA,EAAKgB,QAASV,EAAYJ,UAAWe,EAAG9B,EAAmB,CAAEG,QAASA,IAAYY,IAAcK,EAAO,CAAEN,SAAUA,QACxR,IACAJ,EAAeqB,YAAc"}
+{"version":3,"file":"RadioCardsRoot.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const RadioCards: {
     Root: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes/dist/cjs/components/radio-cards").RootProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "size"> & import("./RadioCardsRoot").RadioCardsProps & import("react").RefAttributes<HTMLDivElement>>;
     Item: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/radio-cards").ItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./RadioCardsItem").RadioCardsItemProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/lib/components/RadioGroup/RadioGroupItem.d.ts

@@ -6,7 +6,7 @@ export interface RadioGroupItemProps extends VariantProps<typeof radioGroupItemV
     appearance?: 'classic' | 'surface' | 'soft';
 }
 declare const radioGroupItemVariants: (props?: ({
-    size?: "small" | "medium" | "large" | null | undefined;
+    size?: "small" | "large" | "medium" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupTheme.ItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/lib/components/RadioGroup/RadioGroupItem.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++) {

package/dist/lib/components/RadioGroup/RadioGroupItem.mjs

@@ -1,2 +1,3 @@
+"use client";
 import{jsx as t}from"react/jsx-runtime";import{forwardRef as r,useContext as e}from"react";import{cva as a}from"class-variance-authority";import{RadioGroup as o}from"@radix-ui/themes";import{RadioGroupContext as i}from"./RadioGroupRoot.mjs";import{cn as n}from"../../utils/utils.mjs";var s=function(){return s=Object.assign||function(t){for(var r,e=1,a=arguments.length;e<a;e++)for(var o in r=arguments[e])Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o]);return t},s.apply(this,arguments)},l=function(t,r){var e={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&r.indexOf(a)<0&&(e[a]=t[a]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(t);o<a.length;o++)r.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(t,a[o])&&(e[a[o]]=t[a[o]])}return e},m=a("font-normal text-slate-12 dark:text-slateDark-12",{variants:{size:{small:"text-xs gap-2",medium:"text-sm gap-2",large:"text-base gap-3"}},defaultVariants:{size:"medium"}}),p=r((function(r,a){var p=r.className,c=r.children,u=r.value,f=l(r,["className","children","value"]),y=e(i).size;return t(o.Item,s({ref:a,value:u,className:n(m({size:y}),p)},f,{children:c}))}));p.displayName="RadioGroup.Item";export{p as RadioGroupItem};
 //# sourceMappingURL=RadioGroupItem.mjs.map

package/dist/lib/components/RadioGroup/RadioGroupItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupItem.mjs","sources":["../../../lib/components/RadioGroup/RadioGroupItem.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, useContext } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { RadioGroup as RadioGroupTheme } from '@radix-ui/themes';\nimport { RadioGroupContext } from './RadioGroupRoot';\nimport { cn } from '../../../lib/utils/utils';\nvar radioGroupItemVariants = cva('font-normal text-slate-12 dark:text-slateDark-12', {\n    variants: {\n        size: {\n            small: 'text-xs gap-2',\n            medium: 'text-sm gap-2',\n            large: 'text-base gap-3',\n        },\n    },\n    defaultVariants: {\n        size: 'medium',\n    },\n});\nexport var RadioGroupItem = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, value = _a.value, props = __rest(_a, [\"className\", \"children\", \"value\"]);\n    var size = useContext(RadioGroupContext).size;\n    return (_jsx(RadioGroupTheme.Item, __assign({ ref: ref, value: value, className: cn(radioGroupItemVariants({ size: size }), className) }, props, { children: children })));\n});\nRadioGroupItem.displayName = 'RadioGroup.Item';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","radioGroupItemVariants","cva","variants","size","small","medium","large","defaultVariants","RadioGroupItem","forwardRef","_a","ref","className","children","value","props","useContext","RadioGroupContext","_jsx","RadioGroupTheme","Item","cn","displayName"],"mappings":"4RAAA,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,EAAyBC,EAAI,mDAAoD,CACjFC,SAAU,CACNC,KAAM,CACFC,MAAO,gBACPC,OAAQ,gBACRC,MAAO,oBAGfC,gBAAiB,CACbJ,KAAM,YAGHK,EAAiBC,GAAW,SAAUC,EAAIC,GACjD,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUC,EAAQJ,EAAGI,MAAOC,EAAQpB,EAAOe,EAAI,CAAC,YAAa,WAAY,UACjHP,EAAOa,EAAWC,GAAmBd,KACzC,OAAQe,EAAKC,EAAgBC,KAAMxC,EAAS,CAAE+B,IAAKA,EAAKG,MAAOA,EAAOF,UAAWS,EAAGrB,EAAuB,CAAEG,KAAMA,IAASS,IAAcG,EAAO,CAAEF,SAAUA,IACjK,IACAL,EAAec,YAAc"}
+{"version":3,"file":"RadioGroupItem.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/components/RadioGroup/RadioGroupRoot.d.ts

@@ -8,7 +8,7 @@ export interface RadioGroupProps extends VariantProps<typeof radioGroupVariants>
     appearance?: 'classic' | 'surface' | 'soft';
 }
 declare const radioGroupVariants: (props?: ({
-    size?: "small" | "medium" | "large" | null | undefined;
+    size?: "small" | "large" | "medium" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const RadioGroupContext: React.Context<RadioGroupProps>;
 export declare const RadioGroupRoot: React.ForwardRefExoticComponent<Omit<Omit<RadioGroupTheme.RootProps & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & RadioGroupProps & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/RadioGroup/RadioGroupRoot.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++) {
@@ -25,6 +26,8 @@ import { createContext, forwardRef } from 'react';
 import { Theme, RadioGroup as RadioGroupTheme } from '@radix-ui/themes';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 var radioGroupVariants = cva('', {
     variants: {
         size: {
@@ -41,13 +44,19 @@ export var RadioGroupContext = createContext({
     size: 'medium',
 });
 export var RadioGroupRoot = forwardRef(function (_a, ref) {
-    var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, props = __rest(_a, ["className", "children", "scaling", "size", "color", "appearance"]);
-    var contextValue = { size: size };
+    var _b;
+    var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, color = _a.color, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, props = __rest(_a, ["className", "children", "scaling", "size", "color", "appearance"]);
+    var theme = useTheme().theme;
+    var contextValue = {
+        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+        color: (_b = color !== null && color !== void 0 ? color : theme.themeColor) !== null && _b !== void 0 ? _b : MAIN_COLOR,
+        size: size,
+    };
     var sizeTheme = '2';
     if (size === 'small')
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    return (_jsx(Theme, { accentColor: color, scaling: scaling, children: _jsx(RadioGroupContext.Provider, { value: contextValue, children: _jsx(RadioGroupTheme.Root, __assign({ ref: ref, size: sizeTheme, variant: appearance, className: cn(radioGroupVariants({ size: size }), className) }, props, { children: children })) }) }));
+    return (_jsx(Theme, { accentColor: contextValue.color, scaling: contextValue.scaling, children: _jsx(RadioGroupContext.Provider, { value: contextValue, children: _jsx(RadioGroupTheme.Root, __assign({ ref: ref, size: sizeTheme, variant: appearance, className: cn(radioGroupVariants({ size: size }), className) }, props, { children: children })) }) }));
 });
 RadioGroupRoot.displayName = 'RadioGroup.Root';

package/dist/lib/components/RadioGroup/RadioGroupRoot.mjs

@@ -1,2 +1,3 @@
-import{jsx as r}from"react/jsx-runtime";import{createContext as e,forwardRef as a}from"react";import{Theme as t,RadioGroup as i}from"@radix-ui/themes";import{cva as o}from"class-variance-authority";import{cn as n}from"../../utils/utils.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)},s=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},c=o("",{variants:{size:{small:"gap-1",medium:"gap-2",large:"gap-3"}},defaultVariants:{size:"medium"}}),p=e({size:"medium"}),m=a((function(e,a){var o=e.className,m=e.children,u=e.scaling,f=e.size,d=e.color,v=void 0===d?"red":d,y=e.appearance,g=void 0===y?"surface":y,h=s(e,["className","children","scaling","size","color","appearance"]),O={size:f},b="2";return"small"===f&&(b="1"),"large"===f&&(b="3"),r(t,{accentColor:v,scaling:u,children:r(p.Provider,{value:O,children:r(i.Root,l({ref:a,size:b,variant:g,className:n(c({size:f}),o)},h,{children:m}))})})}));m.displayName="RadioGroup.Root";export{p as RadioGroupContext,m as RadioGroupRoot};
+"use client";
+import{jsx as r}from"react/jsx-runtime";import{createContext as e,forwardRef as o}from"react";import{Theme as a,RadioGroup as t}from"@radix-ui/themes";import{cva as i}from"class-variance-authority";import{cn as l}from"../../utils/utils.mjs";import{useTheme as n}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as s}from"../../color/constants.mjs";var c=function(){return c=Object.assign||function(r){for(var e,o=1,a=arguments.length;o<a;o++)for(var t in e=arguments[o])Object.prototype.hasOwnProperty.call(e,t)&&(r[t]=e[t]);return r},c.apply(this,arguments)},m=function(r,e){var o={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(o[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(a=Object.getOwnPropertySymbols(r);t<a.length;t++)e.indexOf(a[t])<0&&Object.prototype.propertyIsEnumerable.call(r,a[t])&&(o[a[t]]=r[a[t]])}return o},p=i("",{variants:{size:{small:"gap-1",medium:"gap-2",large:"gap-3"}},defaultVariants:{size:"medium"}}),u=e({size:"medium"}),f=o((function(e,o){var i,f=e.className,d=e.children,h=e.scaling,g=e.size,v=e.color,y=e.appearance,O=void 0===y?"surface":y,j=m(e,["className","children","scaling","size","color","appearance"]),b=n().theme,z={scaling:null!=h?h:b.themeScaling,color:null!==(i=null!=v?v:b.themeColor)&&void 0!==i?i:s,size:g},P="2";return"small"===g&&(P="1"),"large"===g&&(P="3"),r(a,{accentColor:z.color,scaling:z.scaling,children:r(u.Provider,{value:z,children:r(t.Root,c({ref:o,size:P,variant:O,className:l(p({size:g}),f)},j,{children:d}))})})}));f.displayName="RadioGroup.Root";export{u as RadioGroupContext,f as RadioGroupRoot};
 //# sourceMappingURL=RadioGroupRoot.mjs.map

package/dist/lib/components/RadioGroup/RadioGroupRoot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupRoot.mjs","sources":["../../../lib/components/RadioGroup/RadioGroupRoot.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 { createContext, forwardRef } from 'react';\nimport { Theme, RadioGroup as RadioGroupTheme } from '@radix-ui/themes';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nvar radioGroupVariants = cva('', {\n    variants: {\n        size: {\n            small: 'gap-1',\n            medium: 'gap-2',\n            large: 'gap-3',\n        },\n    },\n    defaultVariants: {\n        size: 'medium',\n    },\n});\nexport var RadioGroupContext = createContext({\n    size: 'medium',\n});\nexport var RadioGroupRoot = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, props = __rest(_a, [\"className\", \"children\", \"scaling\", \"size\", \"color\", \"appearance\"]);\n    var contextValue = { size: size };\n    var sizeTheme = '2';\n    if (size === 'small')\n        sizeTheme = '1';\n    if (size === 'large')\n        sizeTheme = '3';\n    return (_jsx(Theme, { accentColor: color, scaling: scaling, children: _jsx(RadioGroupContext.Provider, { value: contextValue, children: _jsx(RadioGroupTheme.Root, __assign({ ref: ref, size: sizeTheme, variant: appearance, className: cn(radioGroupVariants({ size: size }), className) }, props, { children: children })) }) }));\n});\nRadioGroupRoot.displayName = 'RadioGroup.Root';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","radioGroupVariants","cva","variants","size","small","medium","large","defaultVariants","RadioGroupContext","createContext","RadioGroupRoot","forwardRef","_a","ref","className","children","scaling","_b","color","_c","appearance","props","contextValue","sizeTheme","_jsx","Theme","accentColor","Provider","value","RadioGroupTheme","Root","variant","cn","displayName"],"mappings":"iPAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAMIiB,EAAqBC,EAAI,GAAI,CAC7BC,SAAU,CACNC,KAAM,CACFC,MAAO,QACPC,OAAQ,QACRC,MAAO,UAGfC,gBAAiB,CACbJ,KAAM,YAGHK,EAAoBC,EAAc,CACzCN,KAAM,WAECO,EAAiBC,GAAW,SAAUC,EAAIC,GACjD,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUC,EAAUJ,EAAGI,QAASb,EAAOS,EAAGT,KAAMc,EAAKL,EAAGM,MAAOA,OAAe,IAAPD,EAAgB,MAAQA,EAAIE,EAAKP,EAAGQ,WAAYA,OAAoB,IAAPD,EAAgB,UAAYA,EAAIE,EAAQ1B,EAAOiB,EAAI,CAAC,YAAa,WAAY,UAAW,OAAQ,QAAS,eACrRU,EAAe,CAAEnB,KAAMA,GACvBoB,EAAY,IAKhB,MAJa,UAATpB,IACAoB,EAAY,KACH,UAATpB,IACAoB,EAAY,KACRC,EAAKC,EAAO,CAAEC,YAAaR,EAAOF,QAASA,EAASD,SAAUS,EAAKhB,EAAkBmB,SAAU,CAAEC,MAAON,EAAcP,SAAUS,EAAKK,EAAgBC,KAAMlD,EAAS,CAAEiC,IAAKA,EAAKV,KAAMoB,EAAWQ,QAASX,EAAYN,UAAWkB,EAAGhC,EAAmB,CAAEG,KAAMA,IAASW,IAAcO,EAAO,CAAEN,SAAUA,QACrT,IACAL,EAAeuB,YAAc"}
+{"version":3,"file":"RadioGroupRoot.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const RadioGroup: {
     Root: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes/dist/cjs/components/radio-group").RootProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "size"> & import("./RadioGroupRoot").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
     Item: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/radio-group").ItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./RadioGroupItem").RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/lib/components/ScrollArea/index.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++) {
@@ -23,14 +24,16 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { Theme, ScrollArea as ScrollAreaTheme } from '@radix-ui/themes';
+import { useTheme } from '../../../lib/theme';
 export var ScrollArea = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, scrollbars = _a.scrollbars, radius = _a.radius, _b = _a.size, size = _b === void 0 ? 'small' : _b, props = __rest(_a, ["className", "children", "scrollbars", "radius", "size"]);
+    var theme = useTheme().theme;
     var sizeTheme = '1';
     if (size === 'medium')
         sizeTheme = '2';
     if (size === 'large')
         sizeTheme = '3';
-    return (_jsx(Theme, { children: _jsx(ScrollAreaTheme, __assign({ ref: ref, scrollbars: scrollbars, radius: radius, size: sizeTheme, className: className }, props, { children: children })) }));
+    return (_jsx(Theme, { children: _jsx(ScrollAreaTheme, __assign({ ref: ref, scrollbars: scrollbars, radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius, size: sizeTheme, className: className }, props, { children: children })) }));
 });
 ScrollArea.displayName = 'ScrollArea';
 export default ScrollArea;

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

@@ -1,2 +1,3 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Theme as t,ScrollArea as a}from"@radix-ui/themes";var l=function(){return l=Object.assign||function(r){for(var e,t=1,a=arguments.length;t<a;t++)for(var l in e=arguments[t])Object.prototype.hasOwnProperty.call(e,l)&&(r[l]=e[l]);return r},l.apply(this,arguments)},o=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 l=0;for(a=Object.getOwnPropertySymbols(r);l<a.length;l++)e.indexOf(a[l])<0&&Object.prototype.propertyIsEnumerable.call(r,a[l])&&(t[a[l]]=r[a[l]])}return t},n=e((function(e,n){var s=e.className,i=e.children,c=e.scrollbars,p=e.radius,f=e.size,m=void 0===f?"small":f,u=o(e,["className","children","scrollbars","radius","size"]),d="1";return"medium"===m&&(d="2"),"large"===m&&(d="3"),r(t,{children:r(a,l({ref:n,scrollbars:c,radius:p,size:d,className:s},u,{children:i}))})}));n.displayName="ScrollArea";export{n as ScrollArea,n as default};
+"use client";
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Theme as t,ScrollArea as a}from"@radix-ui/themes";import{useTheme as o}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 o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o]);return r},l.apply(this,arguments)},i=function(r,e){var t={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(t[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(r);o<a.length;o++)e.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(r,a[o])&&(t[a[o]]=r[a[o]])}return t},s=e((function(e,s){var n=e.className,c=e.children,m=e.scrollbars,p=e.radius,u=e.size,f=void 0===u?"small":u,d=i(e,["className","children","scrollbars","radius","size"]),h=o().theme,y="1";return"medium"===f&&(y="2"),"large"===f&&(y="3"),r(t,{children:r(a,l({ref:s,scrollbars:m,radius:null!=p?p:h.themeRadius,size:y,className:n},d,{children:c}))})}));s.displayName="ScrollArea";export{s as ScrollArea,s as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/ScrollArea/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 { forwardRef } from 'react';\nimport { Theme, ScrollArea as ScrollAreaTheme } from '@radix-ui/themes';\nexport var ScrollArea = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, scrollbars = _a.scrollbars, radius = _a.radius, _b = _a.size, size = _b === void 0 ? 'small' : _b, props = __rest(_a, [\"className\", \"children\", \"scrollbars\", \"radius\", \"size\"]);\n    var sizeTheme = '1';\n    if (size === 'medium')\n        sizeTheme = '2';\n    if (size === 'large')\n        sizeTheme = '3';\n    return (_jsx(Theme, { children: _jsx(ScrollAreaTheme, __assign({ ref: ref, scrollbars: scrollbars, radius: radius, size: sizeTheme, className: className }, props, { children: children })) }));\n});\nScrollArea.displayName = 'ScrollArea';\nexport default ScrollArea;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","ScrollArea","forwardRef","_a","ref","className","children","scrollbars","radius","_b","size","props","sizeTheme","_jsx","Theme","ScrollAreaTheme","displayName"],"mappings":"oIAAA,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,EAIWiB,EAAaC,GAAW,SAAUC,EAAIC,GAC7C,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUC,EAAaJ,EAAGI,WAAYC,EAASL,EAAGK,OAAQC,EAAKN,EAAGO,KAAMA,OAAc,IAAPD,EAAgB,QAAUA,EAAIE,EAAQf,EAAOO,EAAI,CAAC,YAAa,WAAY,aAAc,SAAU,SAC1NS,EAAY,IAKhB,MAJa,WAATF,IACAE,EAAY,KACH,UAATF,IACAE,EAAY,KACRC,EAAKC,EAAO,CAAER,SAAUO,EAAKE,EAAiBlC,EAAS,CAAEuB,IAAKA,EAAKG,WAAYA,EAAYC,OAAQA,EAAQE,KAAME,EAAWP,UAAWA,GAAaM,EAAO,CAAEL,SAAUA,MACnL,IACAL,EAAWe,YAAc"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/components/SegmentedControl/SegmentedControlRoot.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { SegmentedControl as SegmentedControlTheme } from '@radix-ui/themes';
-export * from './SegmentedControlItem';
+export { SegmentedControlItem } from './SegmentedControlItem';
 import { ISize } from '../../../lib/types';
 export interface SegmentedControlProps extends VariantProps<typeof segmentedControlVariants> {
     appearance?: 'surface' | 'classic';
@@ -9,6 +9,6 @@ export interface SegmentedControlProps extends VariantProps<typeof segmentedCont
     radius?: 'none' | 'small' | 'medium' | 'large' | 'full';
 }
 declare const segmentedControlVariants: (props?: ({
-    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+    scaling?: "100%" | "90%" | "95%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const SegmentedControlRoot: React.ForwardRefExoticComponent<Omit<Omit<SegmentedControlTheme.RootProps & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & SegmentedControlProps & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/SegmentedControl/SegmentedControlRoot.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++) {
@@ -25,8 +26,9 @@ import React, { Children, forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { SegmentedControl as SegmentedControlTheme, Theme } from '@radix-ui/themes';
 import { scalingVariants } from '../../../lib/constants';
-export * from './SegmentedControlItem';
+export { SegmentedControlItem } from './SegmentedControlItem';
 import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
 var segmentedControlVariants = cva('text-slateA-12 dark:text-slateDarkA-12', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -36,12 +38,18 @@ var segmentedControlVariants = cva('text-slateA-12 dark:text-slateDarkA-12', {
     },
 });
 export var SegmentedControlRoot = forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.radius, radius = _c === void 0 ? 'medium' : _c, _d = _a.size, size = _d === void 0 ? 'medium' : _d, scaling = _a.scaling, props = __rest(_a, ["children", "className", "appearance", "radius", "size", "scaling"]);
+    var _b;
+    var children = _a.children, className = _a.className, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, radius = _a.radius, _d = _a.size, size = _d === void 0 ? 'medium' : _d, scaling = _a.scaling, props = __rest(_a, ["children", "className", "appearance", "radius", "size", "scaling"]);
+    var theme = useTheme().theme;
     var sizeTheme = '2';
     if (size === 'small')
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    return (_jsx(Theme, { children: _jsx(SegmentedControlTheme.Root, __assign({ ref: ref, size: sizeTheme, radius: radius, variant: appearance, className: cn(segmentedControlVariants({ scaling: scaling }), className) }, props, { children: Children.map(children, function (child) { return React.cloneElement(child, { appearance: appearance }); }) })) }));
+    var contextValue = {
+        radius: (_b = radius !== null && radius !== void 0 ? radius : theme.themeRadius) !== null && _b !== void 0 ? _b : 'medium',
+        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+    };
+    return (_jsx(Theme, { children: _jsx(SegmentedControlTheme.Root, __assign({ ref: ref, size: sizeTheme, radius: contextValue.radius, variant: appearance, className: cn(segmentedControlVariants({ scaling: contextValue.scaling }), className) }, props, { children: Children.map(children, function (child) { return React.cloneElement(child, { appearance: appearance }); }) })) }));
 });
 SegmentedControlRoot.displayName = 'SegmentedControl.Root';

package/dist/lib/components/SegmentedControl/SegmentedControlRoot.mjs

@@ -1,2 +1,3 @@
-import{jsx as e}from"react/jsx-runtime";import r,{forwardRef as t,Children as a}from"react";import{cva as n}from"class-variance-authority";import{Theme as o,SegmentedControl as i}from"@radix-ui/themes";import{scalingVariants as s}from"../../constants.mjs";export{SegmentedControlItem}from"./SegmentedControlItem.mjs";import{cn as l}from"../../utils/utils.mjs";var c=function(){return c=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},c.apply(this,arguments)},m=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 n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)r.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(t[a[n]]=e[a[n]])}return t},p=n("text-slateA-12 dark:text-slateDarkA-12",{variants:{scaling:c({},s)},defaultVariants:{scaling:"100%"}}),u=t((function(t,n){var s=t.children,u=t.className,f=t.appearance,d=void 0===f?"surface":f,g=t.radius,y=void 0===g?"medium":g,v=t.size,O=void 0===v?"medium":v,h=t.scaling,j=m(t,["children","className","appearance","radius","size","scaling"]),b="2";return"small"===O&&(b="1"),"large"===O&&(b="3"),e(o,{children:e(i.Root,c({ref:n,size:b,radius:y,variant:d,className:l(p({scaling:h}),u)},j,{children:a.map(s,(function(e){return r.cloneElement(e,{appearance:d})}))}))})}));u.displayName="SegmentedControl.Root";export{u as SegmentedControlRoot};
+"use client";
+import{jsx as e}from"react/jsx-runtime";import r,{forwardRef as t,Children as a}from"react";import{cva as n}from"class-variance-authority";import{Theme as i,SegmentedControl as o}from"@radix-ui/themes";import{scalingVariants as l}from"../../constants.mjs";export{SegmentedControlItem}from"./SegmentedControlItem.mjs";import{cn as s}from"../../utils/utils.mjs";import{useTheme as m}from"../../theme/ThemeProvider.mjs";var c=function(){return c=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},c.apply(this,arguments)},p=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 n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)r.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(t[a[n]]=e[a[n]])}return t},u=n("text-slateA-12 dark:text-slateDarkA-12",{variants:{scaling:c({},l)},defaultVariants:{scaling:"100%"}}),d=t((function(t,n){var l,d=t.children,f=t.className,g=t.appearance,h=void 0===g?"surface":g,v=t.radius,y=t.size,O=void 0===y?"medium":y,j=t.scaling,b=p(t,["children","className","appearance","radius","size","scaling"]),x=m().theme,S="2";"small"===O&&(S="1"),"large"===O&&(S="3");var P={radius:null!==(l=null!=v?v:x.themeRadius)&&void 0!==l?l:"medium",scaling:null!=j?j:x.themeScaling};return e(i,{children:e(o.Root,c({ref:n,size:S,radius:P.radius,variant:h,className:s(u({scaling:P.scaling}),f)},b,{children:a.map(d,(function(e){return r.cloneElement(e,{appearance:h})}))}))})}));d.displayName="SegmentedControl.Root";export{d as SegmentedControlRoot};
 //# sourceMappingURL=SegmentedControlRoot.mjs.map

package/dist/lib/components/SegmentedControl/SegmentedControlRoot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlRoot.mjs","sources":["../../../lib/components/SegmentedControl/SegmentedControlRoot.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, { Children, forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { SegmentedControl as SegmentedControlTheme, Theme } from '@radix-ui/themes';\nimport { scalingVariants } from '../../../lib/constants';\nexport * from './SegmentedControlItem';\nimport { cn } from '../../../lib/utils/utils';\nvar segmentedControlVariants = cva('text-slateA-12 dark:text-slateDarkA-12', {\n    variants: {\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        scaling: '100%',\n    },\n});\nexport var SegmentedControlRoot = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.radius, radius = _c === void 0 ? 'medium' : _c, _d = _a.size, size = _d === void 0 ? 'medium' : _d, scaling = _a.scaling, props = __rest(_a, [\"children\", \"className\", \"appearance\", \"radius\", \"size\", \"scaling\"]);\n    var sizeTheme = '2';\n    if (size === 'small')\n        sizeTheme = '1';\n    if (size === 'large')\n        sizeTheme = '3';\n    return (_jsx(Theme, { children: _jsx(SegmentedControlTheme.Root, __assign({ ref: ref, size: sizeTheme, radius: radius, variant: appearance, className: cn(segmentedControlVariants({ scaling: scaling }), className) }, props, { children: Children.map(children, function (child) { return React.cloneElement(child, { appearance: appearance }); }) })) }));\n});\nSegmentedControlRoot.displayName = 'SegmentedControl.Root';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","segmentedControlVariants","cva","variants","scaling","scalingVariants","defaultVariants","SegmentedControlRoot","forwardRef","_a","ref","children","className","_b","appearance","_c","radius","_d","size","props","sizeTheme","_jsx","Theme","SegmentedControlTheme","Root","variant","cn","Children","map","child","React","cloneElement","displayName"],"mappings":"wWAAA,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,EAA2BC,EAAI,yCAA0C,CACzEC,SAAU,CACNC,QAASvB,EAAS,CAAE,EAAEwB,IAE1BC,gBAAiB,CACbF,QAAS,UAGNG,EAAuBC,GAAW,SAAUC,EAAIC,GACvD,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWC,EAAKJ,EAAGK,WAAYA,OAAoB,IAAPD,EAAgB,UAAYA,EAAIE,EAAKN,EAAGO,OAAQA,OAAgB,IAAPD,EAAgB,SAAWA,EAAIE,EAAKR,EAAGS,KAAMA,OAAc,IAAPD,EAAgB,SAAWA,EAAIb,EAAUK,EAAGL,QAASe,EAAQvB,EAAOa,EAAI,CAAC,WAAY,YAAa,aAAc,SAAU,OAAQ,YAClUW,EAAY,IAKhB,MAJa,UAATF,IACAE,EAAY,KACH,UAATF,IACAE,EAAY,KACRC,EAAKC,EAAO,CAAEX,SAAUU,EAAKE,EAAsBC,KAAM3C,EAAS,CAAE6B,IAAKA,EAAKQ,KAAME,EAAWJ,OAAQA,EAAQS,QAASX,EAAYF,UAAWc,EAAGzB,EAAyB,CAAEG,QAASA,IAAYQ,IAAcO,EAAO,CAAER,SAAUgB,EAASC,IAAIjB,GAAU,SAAUkB,GAAS,OAAOC,EAAMC,aAAaF,EAAO,CAAEf,WAAYA,WACxU,IACAP,EAAqByB,YAAc"}
+{"version":3,"file":"SegmentedControlRoot.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const SegmentedControl: {
     Root: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes/dist/cjs/components/segmented-control").RootProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "size"> & import("./SegmentedControlRoot").SegmentedControlProps & import("react").RefAttributes<HTMLDivElement>>;
     Item: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/segmented-control").ItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./SegmentedControlItem").SegmentedControlItemProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,5 +1,5 @@
 import { SegmentedControlRoot } from './SegmentedControlRoot';
-import { SegmentedControlItem } from './SegmentedControlRoot';
+import { SegmentedControlItem } from './SegmentedControlItem';
 var SegmentedControl = {
     Root: SegmentedControlRoot,
     Item: SegmentedControlItem,

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/SegmentedControl/index.js"],"sourcesContent":["import { SegmentedControlRoot } from './SegmentedControlRoot';\nimport { SegmentedControlItem } from './SegmentedControlRoot';\nvar SegmentedControl = {\n    Root: SegmentedControlRoot,\n    Item: SegmentedControlItem,\n};\nexport default SegmentedControl;\n"],"names":["SegmentedControl","Root","SegmentedControlRoot","Item","SegmentedControlItem"],"mappings":"oIAEG,IAACA,EAAmB,CACnBC,KAAMC,EACNC,KAAMC"}
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/SegmentedControl/index.js"],"sourcesContent":["import { SegmentedControlRoot } from './SegmentedControlRoot';\nimport { SegmentedControlItem } from './SegmentedControlItem';\nvar SegmentedControl = {\n    Root: SegmentedControlRoot,\n    Item: SegmentedControlItem,\n};\nexport default SegmentedControl;\n"],"names":["SegmentedControl","Root","SegmentedControlRoot","Item","SegmentedControlItem"],"mappings":"oIAEG,IAACA,EAAmB,CACnBC,KAAMC,EACNC,KAAMC"}

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

@@ -1,7 +1,7 @@
 import { Select as SelectTheme } from '@radix-ui/themes';
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IScaling } from '../../../lib/types';
+import { IRadius, IScaling } from '../../../lib/types';
 export interface SelectProps extends VariantProps<typeof selectVariants> {
     label?: string;
     defaultValue?: string;
@@ -11,10 +11,12 @@ export interface SelectProps extends VariantProps<typeof selectVariants> {
     scaling?: IScaling;
     appearance?: 'classic' | 'surface' | 'soft' | 'ghost';
     size?: 'small' | 'medium' | 'large';
+    radius?: IRadius;
 }
 declare const selectVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "small" | "none" | "large" | "medium" | "full" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const useSelectContext: () => SelectProps;
 export declare const Root: React.ForwardRefExoticComponent<SelectTheme.RootProps & SelectProps & React.RefAttributes<never>>;
 export declare const Trigger: React.ForwardRefExoticComponent<Omit<SelectTheme.TriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & SelectProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const Content: React.ForwardRefExoticComponent<Omit<SelectTheme.ContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & SelectProps & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/Select/index.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++) {
@@ -22,10 +23,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Theme, Select as SelectTheme } from '@radix-ui/themes';
-import React from 'react';
+import React, { createContext, useContext } from 'react';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../../lib/utils/utils';
 import { radiusVariants, selectAppearanceStyle } from '../../../lib/constants';
+import { useTheme } from '../../../lib/theme';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 var selectVariants = cva('', {
     variants: {
         radius: __assign({}, radiusVariants['base']),
@@ -34,34 +37,51 @@ var selectVariants = cva('', {
         radius: 'medium',
     },
 });
+var SelectContext = createContext({
+    size: 'medium',
+    scaling: '100%',
+    color: MAIN_COLOR,
+    radius: 'medium',
+    appearance: 'classic',
+});
+export var useSelectContext = function () {
+    return useContext(SelectContext);
+};
 export var Root = React.forwardRef(function (_a, ref) {
-    var scaling = _a.scaling, size = _a.size, color = _a.color, children = _a.children, props = __rest(_a, ["scaling", "size", "color", "children"]);
+    var _b;
+    var scaling = _a.scaling, size = _a.size, color = _a.color, radius = _a.radius, appearance = _a.appearance, children = _a.children, props = __rest(_a, ["scaling", "size", "color", "radius", "appearance", "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("div", { ref: ref, children: _jsx(SelectTheme.Root, __assign({ size: sizeTheme }, props, { children: children })) }) }));
+    var contextValue = {
+        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+        color: (_b = color !== null && color !== void 0 ? color : theme.themeColor) !== null && _b !== void 0 ? _b : MAIN_COLOR,
+        radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
+        size: size,
+        sizeTheme: sizeTheme,
+        appearance: appearance,
+    };
+    return (_jsx(SelectContext.Provider, { value: contextValue, children: _jsx(Theme, { scaling: contextValue.scaling, accentColor: contextValue.color, hasBackground: false, children: _jsx("div", { ref: ref, children: _jsx(SelectTheme.Root, __assign({ size: sizeTheme }, props, { children: children })) }) }) }));
 });
 Root.displayName = 'Select.Root';
 export var Trigger = React.forwardRef(function (_a, forwardedRef) {
-    var _b = _a.appearance, appearance = _b === void 0 ? 'classic' : _b, color = _a.color, size = _a.size, radius = _a.radius, children = _a.children, className = _a.className, props = __rest(_a, ["appearance", "color", "size", "radius", "children", "className"]);
-    if (!color)
-        color = 'red';
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    var _b = useSelectContext(), _c = _b.radius, radius = _c === void 0 ? 'medium' : _c, color = _b.color, _d = _b.appearance, appearance = _d === void 0 ? 'classic' : _d;
     return (_jsx(SelectTheme.Trigger, __assign({ ref: forwardedRef, variant: appearance, radius: radius, className: cn(selectVariants({ radius: radius }), selectAppearanceStyle(appearance, color), className) }, props, { children: children })));
 });
 Trigger.displayName = 'Select.Trigger';
 export var Content = React.forwardRef(function (_a, forwardedRef) {
-    var appearance = _a.appearance, color = _a.color, size = _a.size, radius = _a.radius, children = _a.children, className = _a.className, props = __rest(_a, ["appearance", "color", "size", "radius", "children", "className"]);
-    if (!color)
-        color = 'red';
-    if (radius === 'full')
-        radius = 'large';
-    return (_jsx(SelectTheme.Content, __assign({ ref: forwardedRef, color: color }, props, { className: cn(selectVariants({ radius: radius }), className), children: children })));
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    var _b = useSelectContext(), radius = _b.radius, color = _b.color;
+    return (_jsx(SelectTheme.Content, __assign({ ref: forwardedRef, color: color }, props, { className: cn(selectVariants({ radius: radius == 'full' ? 'large' : radius }), className), children: children })));
 });
 Content.displayName = 'Select.Content';
 export var Item = React.forwardRef(function (_a, forwardedRef) {
-    var value = _a.value, children = _a.children, className = _a.className, radius = _a.radius, props = __rest(_a, ["value", "children", "className", "radius"]);
+    var value = _a.value, children = _a.children, className = _a.className, props = __rest(_a, ["value", "children", "className"]);
+    var radius = useSelectContext().radius;
     return (_jsx(SelectTheme.Item, __assign({ ref: forwardedRef, value: value }, props, { className: cn(selectVariants({ radius: radius }), className), children: children })));
 });
 Item.displayName = 'Select.Item';