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

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

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cva as a}from"class-variance-authority";import{scalingVariants as o}from"../../constants.mjs";import{Theme as t,Progress as n}from"@radix-ui/themes";import{cn as i}from"../../utils/utils.mjs";var s=function(){return s=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},s.apply(this,arguments)},l=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},u=a("w-[300px]",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded-full",large:"rounded-full",full:"rounded-full"},size:{small:"h-1",medium:"h-[6px]",large:"h-2"},scaling:s({},o)},defaultVariants:{radius:"medium",size:"medium",scaling:"100%"}}),c=e((function(e,a){var o=e.className,c=e.radius,m=e.size,p=e.value,d=e.appearance,f=void 0===d?"surface":d,v=e.color,g=void 0===v?"red":v,y=e.scaling,O=l(e,["className","radius","size","value","appearance","color","scaling"]);return r(t,{accentColor:g,children:r(n,s({ref:a,value:p,variant:f,className:i(u({radius:c,size:m,scaling:y}),o)},O))})}));c.displayName="Progress";export{c as Progress,c as default};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cva as a}from"class-variance-authority";import{scalingVariants as o}from"../../constants.mjs";import{Theme as t,Progress as i}from"@radix-ui/themes";import{cn as l}from"../../utils/utils.mjs";import{useTheme as n}from"../../theme/ThemeProvider.mjs";var s=function(){return s=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},s.apply(this,arguments)},m=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},u=a("w-[300px]",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded-full",large:"rounded-full",full:"rounded-full"},size:{small:"h-1",medium:"h-[6px]",large:"h-2"},scaling:s({},o)},defaultVariants:{radius:"medium",size:"medium",scaling:"100%"}}),c=e((function(e,a){var o=e.className,c=e.radius,d=e.size,p=e.value,f=e.appearance,h=void 0===f?"surface":f,v=e.color,g=void 0===v?"red":v,y=e.scaling,O=m(e,["className","radius","size","value","appearance","color","scaling"]),j=n().theme,b={radius:j.themeRadius||c,scaling:j.themeScaling||y,color:j.themeColor||g,size:d};return r(t,{accentColor:b.color,children:r(i,s({ref:a,value:p,variant:h,className:l(u(b),o)},O))})}));c.displayName="Progress";export{c as Progress,c as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/Progress/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 { cva } from 'class-variance-authority';\nimport { scalingVariants } from '../../../lib/constants';\nimport { Theme, Progress as ProgressTheme } from '@radix-ui/themes';\nimport { cn } from '../../../lib/utils/utils';\nvar progressVariants = cva('w-[300px]', {\n    variants: {\n        radius: {\n            none: 'rounded-none',\n            small: 'rounded-[3px]',\n            medium: 'rounded-full',\n            large: 'rounded-full',\n            full: 'rounded-full',\n        },\n        size: {\n            small: 'h-1',\n            medium: 'h-[6px]',\n            large: 'h-2',\n        },\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        size: 'medium',\n        scaling: '100%',\n    },\n});\nexport var Progress = forwardRef(function (_a, ref) {\n    var className = _a.className, radius = _a.radius, size = _a.size, value = _a.value, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.color, color = _c === void 0 ? 'red' : _c, scaling = _a.scaling, props = __rest(_a, [\"className\", \"radius\", \"size\", \"value\", \"appearance\", \"color\", \"scaling\"]);\n    return (_jsx(Theme, { accentColor: color, children: _jsx(ProgressTheme, __assign({ ref: ref, value: value, variant: appearance, className: cn(progressVariants({ radius: radius, size: size, scaling: scaling }), className) }, props)) }));\n});\nProgress.displayName = 'Progress';\nexport default Progress;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","progressVariants","cva","variants","radius","none","small","medium","large","full","size","scaling","scalingVariants","defaultVariants","Progress","forwardRef","_a","ref","className","value","_b","appearance","_c","color","props","_jsx","Theme","accentColor","children","ProgressTheme","variant","cn","displayName"],"mappings":"kRAAA,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,EAAmBC,EAAI,YAAa,CACpCC,SAAU,CACNC,OAAQ,CACJC,KAAM,eACNC,MAAO,gBACPC,OAAQ,eACRC,MAAO,eACPC,KAAM,gBAEVC,KAAM,CACFJ,MAAO,MACPC,OAAQ,UACRC,MAAO,OAEXG,QAAS9B,EAAS,CAAE,EAAE+B,IAE1BC,gBAAiB,CACbT,OAAQ,SACRM,KAAM,SACNC,QAAS,UAGNG,EAAWC,GAAW,SAAUC,EAAIC,GAC3C,IAAIC,EAAYF,EAAGE,UAAWd,EAASY,EAAGZ,OAAQM,EAAOM,EAAGN,KAAMS,EAAQH,EAAGG,MAAOC,EAAKJ,EAAGK,WAAYA,OAAoB,IAAPD,EAAgB,UAAYA,EAAIE,EAAKN,EAAGO,MAAOA,OAAe,IAAPD,EAAgB,MAAQA,EAAIX,EAAUK,EAAGL,QAASa,EAAQ5B,EAAOoB,EAAI,CAAC,YAAa,SAAU,OAAQ,QAAS,aAAc,QAAS,YACjT,OAAQS,EAAKC,EAAO,CAAEC,YAAaJ,EAAOK,SAAUH,EAAKI,EAAehD,EAAS,CAAEoC,IAAKA,EAAKE,MAAOA,EAAOW,QAAST,EAAYH,UAAWa,EAAG9B,EAAiB,CAAEG,OAAQA,EAAQM,KAAMA,EAAMC,QAASA,IAAYO,IAAcM,KACpO,IACAV,EAASkB,YAAc"}
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/Progress/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 { cva } from 'class-variance-authority';\nimport { scalingVariants } from '../../../lib/constants';\nimport { Theme, Progress as ProgressTheme } from '@radix-ui/themes';\nimport { cn } from '../../../lib/utils/utils';\nimport { useTheme } from '../../../lib/theme';\nvar progressVariants = cva('w-[300px]', {\n    variants: {\n        radius: {\n            none: 'rounded-none',\n            small: 'rounded-[3px]',\n            medium: 'rounded-full',\n            large: 'rounded-full',\n            full: 'rounded-full',\n        },\n        size: {\n            small: 'h-1',\n            medium: 'h-[6px]',\n            large: 'h-2',\n        },\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        size: 'medium',\n        scaling: '100%',\n    },\n});\nexport var Progress = forwardRef(function (_a, ref) {\n    var className = _a.className, radius = _a.radius, size = _a.size, value = _a.value, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.color, color = _c === void 0 ? 'red' : _c, scaling = _a.scaling, props = __rest(_a, [\"className\", \"radius\", \"size\", \"value\", \"appearance\", \"color\", \"scaling\"]);\n    var theme = useTheme().theme;\n    var progressStyle = {\n        radius: theme.themeRadius || radius,\n        scaling: theme.themeScaling || scaling,\n        color: theme.themeColor || color,\n        size: size,\n    };\n    return (\n    // @ts-ignore\n    _jsx(Theme, { accentColor: progressStyle.color, children: _jsx(ProgressTheme, __assign({ ref: ref, value: value, variant: appearance, className: cn(progressVariants(progressStyle), className) }, props)) }));\n});\nProgress.displayName = 'Progress';\nexport default Progress;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","progressVariants","cva","variants","radius","none","small","medium","large","full","size","scaling","scalingVariants","defaultVariants","Progress","forwardRef","_a","ref","className","value","_b","appearance","_c","color","props","theme","useTheme","progressStyle","themeRadius","themeScaling","themeColor","_jsx","Theme","accentColor","children","ProgressTheme","variant","cn","displayName"],"mappings":"2UAAA,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,EAAmBC,EAAI,YAAa,CACpCC,SAAU,CACNC,OAAQ,CACJC,KAAM,eACNC,MAAO,gBACPC,OAAQ,eACRC,MAAO,eACPC,KAAM,gBAEVC,KAAM,CACFJ,MAAO,MACPC,OAAQ,UACRC,MAAO,OAEXG,QAAS9B,EAAS,CAAE,EAAE+B,IAE1BC,gBAAiB,CACbT,OAAQ,SACRM,KAAM,SACNC,QAAS,UAGNG,EAAWC,GAAW,SAAUC,EAAIC,GAC3C,IAAIC,EAAYF,EAAGE,UAAWd,EAASY,EAAGZ,OAAQM,EAAOM,EAAGN,KAAMS,EAAQH,EAAGG,MAAOC,EAAKJ,EAAGK,WAAYA,OAAoB,IAAPD,EAAgB,UAAYA,EAAIE,EAAKN,EAAGO,MAAOA,OAAe,IAAPD,EAAgB,MAAQA,EAAIX,EAAUK,EAAGL,QAASa,EAAQ5B,EAAOoB,EAAI,CAAC,YAAa,SAAU,OAAQ,QAAS,aAAc,QAAS,YAC7SS,EAAQC,IAAWD,MACnBE,EAAgB,CAChBvB,OAAQqB,EAAMG,aAAexB,EAC7BO,QAASc,EAAMI,cAAgBlB,EAC/BY,MAAOE,EAAMK,YAAcP,EAC3Bb,KAAMA,GAEV,OAEAqB,EAAKC,EAAO,CAAEC,YAAaN,EAAcJ,MAAOW,SAAUH,EAAKI,EAAetD,EAAS,CAAEoC,IAAKA,EAAKE,MAAOA,EAAOiB,QAASf,EAAYH,UAAWmB,EAAGpC,EAAiB0B,GAAgBT,IAAcM,KACvM,IACAV,EAASwB,YAAc"}

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

@@ -52,7 +52,7 @@ var radarChartVariants = cva('', {
 });
 export var RadarChart = function (_a) {
     var className = _a.className, title = _a.title, legend = _a.legend, datalabels = _a.datalabels, datasets = _a.datasets, labels = _a.labels, width = _a.width, height = _a.height, scaling = _a.scaling, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, _c = _a.isColorMixed, isColorMixed = _c === void 0 ? true : _c, props = __rest(_a, ["className", "title", "legend", "datalabels", "datasets", "labels", "width", "height", "scaling", "appearance", "isColorMixed"]);
-    var _d = useDarkMode(true), isDark = _d[0], defaultScales = _d[1];
+    var _d = useDarkMode(true), defaultScales = _d[1];
     var getChartColor = function (isColorMixed, appearance) {
         if (appearance === 'solid') {
             return isColorMixed ? chartColorList.mixed : chartColorList.sorting;

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/RadarChart/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};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n        if (ar || !(i in from)) {\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n            ar[i] = from[i];\n        }\n    }\n    return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { cva } from 'class-variance-authority';\nimport { scalingVariants } from '../../../lib/constants';\nimport { Radar } from 'react-chartjs-2';\nimport { cn } from '../../../lib/utils/utils';\nimport { Chart as ChartJS, registerables } from 'chart.js';\nimport { chartColorList, chartAlphaColorList } from '../../../lib/color/constants';\nimport { useDarkMode } from '../../../lib/utils/useDarkMode';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nChartJS.register.apply(ChartJS, __spreadArray(__spreadArray([], registerables, false), [ChartDataLabels], false));\nChartJS.defaults.set('plugins.datalabels', {\n    display: false,\n});\nvar radarChartVariants = cva('', {\n    variants: {\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        scaling: '100%',\n    },\n});\nexport var RadarChart = function (_a) {\n    var className = _a.className, title = _a.title, legend = _a.legend, datalabels = _a.datalabels, datasets = _a.datasets, labels = _a.labels, width = _a.width, height = _a.height, scaling = _a.scaling, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, _c = _a.isColorMixed, isColorMixed = _c === void 0 ? true : _c, props = __rest(_a, [\"className\", \"title\", \"legend\", \"datalabels\", \"datasets\", \"labels\", \"width\", \"height\", \"scaling\", \"appearance\", \"isColorMixed\"]);\n    var _d = useDarkMode(true), isDark = _d[0], defaultScales = _d[1];\n    var getChartColor = function (isColorMixed, appearance) {\n        if (appearance === 'solid') {\n            return isColorMixed ? chartColorList.mixed : chartColorList.sorting;\n        }\n        if (appearance === 'soft') {\n            return isColorMixed ? chartAlphaColorList.mixed : chartAlphaColorList.sorting;\n        }\n    };\n    datasets.forEach(function (dataset, index) {\n        var ChartColor = getChartColor(isColorMixed, appearance);\n        var BorderColor = getChartColor(isColorMixed, 'solid');\n        if (!ChartColor || !BorderColor)\n            return;\n        dataset.backgroundColor = ChartColor[index];\n        dataset.borderColor = BorderColor[index];\n    });\n    return (_jsx(Radar, __assign({ data: { labels: labels, datasets: datasets }, options: {\n            plugins: {\n                title: title,\n                legend: legend,\n                datalabels: datalabels,\n            },\n            scales: __assign({ r: {\n                    suggestedMin: 50,\n                    suggestedMax: 100,\n                } }, defaultScales.linescale),\n        }, className: cn(radarChartVariants({ scaling: scaling }), className), width: width, height: height }, props)));\n};\nRadarChart.displayName = 'RadarChart';\nexport default RadarChart;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","__spreadArray","to","from","pack","ar","l","Array","slice","concat","ChartJS","register","registerables","ChartDataLabels","defaults","set","display","radarChartVariants","cva","variants","scaling","scalingVariants","defaultVariants","RadarChart","_a","className","title","legend","datalabels","datasets","labels","width","height","_b","appearance","_c","isColorMixed","props","defaultScales","useDarkMode","getChartColor","chartColorList","mixed","sorting","chartAlphaColorList","forEach","dataset","index","ChartColor","BorderColor","backgroundColor","borderColor","_jsx","Radar","data","options","plugins","scales","r","suggestedMin","suggestedMax","linescale","cn","displayName"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/RadarChart/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};\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n        if (ar || !(i in from)) {\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n            ar[i] = from[i];\n        }\n    }\n    return to.concat(ar || Array.prototype.slice.call(from));\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { cva } from 'class-variance-authority';\nimport { scalingVariants } from '../../../lib/constants';\nimport { Radar } from 'react-chartjs-2';\nimport { cn } from '../../../lib/utils/utils';\nimport { Chart as ChartJS, registerables } from 'chart.js';\nimport { chartColorList, chartAlphaColorList } from '../../../lib/color/constants';\nimport { useDarkMode } from '../../../lib/utils/useDarkMode';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nChartJS.register.apply(ChartJS, __spreadArray(__spreadArray([], registerables, false), [ChartDataLabels], false));\nChartJS.defaults.set('plugins.datalabels', {\n    display: false,\n});\nvar radarChartVariants = cva('', {\n    variants: {\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        scaling: '100%',\n    },\n});\nexport var RadarChart = function (_a) {\n    var className = _a.className, title = _a.title, legend = _a.legend, datalabels = _a.datalabels, datasets = _a.datasets, labels = _a.labels, width = _a.width, height = _a.height, scaling = _a.scaling, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, _c = _a.isColorMixed, isColorMixed = _c === void 0 ? true : _c, props = __rest(_a, [\"className\", \"title\", \"legend\", \"datalabels\", \"datasets\", \"labels\", \"width\", \"height\", \"scaling\", \"appearance\", \"isColorMixed\"]);\n    var _d = useDarkMode(true), defaultScales = _d[1];\n    var getChartColor = function (isColorMixed, appearance) {\n        if (appearance === 'solid') {\n            return isColorMixed ? chartColorList.mixed : chartColorList.sorting;\n        }\n        if (appearance === 'soft') {\n            return isColorMixed ? chartAlphaColorList.mixed : chartAlphaColorList.sorting;\n        }\n    };\n    datasets.forEach(function (dataset, index) {\n        var ChartColor = getChartColor(isColorMixed, appearance);\n        var BorderColor = getChartColor(isColorMixed, 'solid');\n        if (!ChartColor || !BorderColor)\n            return;\n        dataset.backgroundColor = ChartColor[index];\n        dataset.borderColor = BorderColor[index];\n    });\n    return (_jsx(Radar, __assign({ data: { labels: labels, datasets: datasets }, options: {\n            plugins: {\n                title: title,\n                legend: legend,\n                datalabels: datalabels,\n            },\n            scales: __assign({ r: {\n                    suggestedMin: 50,\n                    suggestedMax: 100,\n                } }, defaultScales.linescale),\n        }, className: cn(radarChartVariants({ scaling: scaling }), className), width: width, height: height }, props)));\n};\nRadarChart.displayName = 'RadarChart';\nexport default RadarChart;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","__spreadArray","to","from","pack","ar","l","Array","slice","concat","ChartJS","register","registerables","ChartDataLabels","defaults","set","display","radarChartVariants","cva","variants","scaling","scalingVariants","defaultVariants","RadarChart","_a","className","title","legend","datalabels","datasets","labels","width","height","_b","appearance","_c","isColorMixed","props","defaultScales","useDarkMode","getChartColor","chartColorList","mixed","sorting","chartAlphaColorList","forEach","dataset","index","ChartColor","BorderColor","backgroundColor","borderColor","_jsx","Radar","data","options","plugins","scales","r","suggestedMin","suggestedMax","linescale","cn","displayName"],"mappings":"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"}

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

@@ -26,6 +26,7 @@ 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';
 var radioVariants = cva('font-normal', {
     variants: {
         size: {
@@ -39,15 +40,20 @@ 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 value = _a.value, scaling = _a.scaling, _b = _a.color, color = _b === void 0 ? 'red' : _b, _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: theme.themeScaling || scaling,
+        color: theme.themeColor || color,
+    };
+    return (
+    // @ts-ignore
+    _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, 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,2 @@
-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};
+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 i,Radio as l}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";var m=function(){return m=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},m.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 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"}}),u=a((function(a,t){var u=a.value,d=a.scaling,h=a.color,v=void 0===h?"red":h,g=a.size,y=void 0===g?"medium":g,x=a.appearance,O=void 0===x?"surface":x,b=a.children,j=a.className,z=p(a,["value","scaling","color","size","appearance","children","className"]),P=c().theme,w="2";"small"===y&&(w="1"),"large"===y&&(w="3");var N={scaling:P.themeScaling||d,color:P.themeColor||v};return e(o,{accentColor:N.color,scaling:N.scaling,children:e(i,{asChild:!0,className:s(f({size:y}),j),children:r(n,{as:"label",size:w,children:[e(l,m({ref:t,value:u,variant:O,size:w},z)),b]})})})}));u.displayName="Radio";export{u as Radio,u 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":["../../../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';\nimport { useTheme } from '../../../lib/theme';\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, _b = _a.color, color = _b === void 0 ? 'red' : _b, _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\"]);\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 radioStyle = {\n        scaling: theme.themeScaling || scaling,\n        color: theme.themeColor || color,\n    };\n    return (\n    // @ts-ignore\n    _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, 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","_b","color","_c","_d","appearance","children","className","props","theme","useTheme","sizeTheme","radioStyle","themeScaling","themeColor","_jsx","Theme","accentColor","Flex","asChild","cn","_jsxs","Text","as","RadioTheme","variant","displayName"],"mappings":"6VAAA,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,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,EAAKJ,EAAGK,MAAOA,OAAe,IAAPD,EAAgB,MAAQA,EAAIE,EAAKN,EAAGP,KAAMA,OAAc,IAAPa,EAAgB,SAAWA,EAAIC,EAAKP,EAAGQ,WAAYA,OAAoB,IAAPD,EAAgB,UAAYA,EAAIE,EAAWT,EAAGS,SAAUC,EAAYV,EAAGU,UAAWC,EAAQ1B,EAAOe,EAAI,CAAC,QAAS,UAAW,QAAS,OAAQ,aAAc,WAAY,cACrVY,EAAQC,IAAWD,MACnBE,EAAY,IACH,UAATrB,IACAqB,EAAY,KACH,UAATrB,IACAqB,EAAY,KAChB,IAAIC,EAAa,CACbZ,QAASS,EAAMI,cAAgBb,EAC/BE,MAAOO,EAAMK,YAAcZ,GAE/B,OAEAa,EAAKC,EAAO,CAAEC,YAAaL,EAAWV,MAAOF,QAASY,EAAWZ,QAASM,SAAUS,EAAKG,EAAM,CAAEC,SAAS,EAAMZ,UAAWa,EAAGjC,EAAc,CAAEG,KAAMA,IAASiB,GAAYD,SAAUe,EAAMC,EAAM,CAAEC,GAAI,QAASjC,KAAMqB,EAAWL,SAAU,CAACS,EAAKS,EAAYzD,EAAS,CAAE+B,IAAKA,EAAKC,MAAOA,EAAO0B,QAASpB,EAAYf,KAAMqB,GAAaH,IAASF,QACnV,IACAX,EAAM+B,YAAc"}

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;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | 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/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,7 @@ 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';
 var radioCardsVariants = cva('flex items-center gap-2', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -40,7 +42,15 @@ export var RadioCardsContext = createContext({
 });
 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 theme = useTheme().theme;
+    var contextValue = {
+        radius: theme.themeRadius || radius,
+        color: theme.themeColor || color,
+        scaling: theme.themeScaling || scaling,
+        size: size,
+    };
+    return (
+    // @ts-ignore
+    _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 a}from"class-variance-authority";import{scalingVariants as o}from"../../constants.mjs";import{Theme as i,RadioCards as n}from"@radix-ui/themes";import{cn as s}from"../../utils/utils.mjs";import{useTheme as c}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)},m=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},p=a("flex items-center gap-2",{variants:{scaling:l({},o)},defaultVariants:{scaling:"100%"}}),u=e({radius:"medium",size:"medium"}),d=t((function(e,t){var a=e.children,o=e.className,d=e.radius,f=e.scaling,h=e.size,v=e.color,g=void 0===v?"red":v,y=e.appearance,O=void 0===y?"surface":y,j=m(e,["children","className","radius","scaling","size","color","appearance"]),b=c().theme,x={radius:b.themeRadius||d,color:b.themeColor||g,scaling:b.themeScaling||f,size:h};return r(i,{accentColor:x.color,children:r(u.Provider,{value:x,children:r(n.Root,l({ref:t,variant:O,className:s(p({scaling:x.scaling}),o)},j,{children:a}))})})}));d.displayName="RadioCards.Root";export{u 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/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,7 @@ 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';
 var radioGroupVariants = cva('', {
     variants: {
         size: {
@@ -42,12 +44,19 @@ export var RadioGroupContext = createContext({
 });
 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 theme = useTheme().theme;
+    var contextValue = {
+        scaling: theme.themeScaling || scaling,
+        color: theme.themeColor || 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 (
+    // @ts-ignore
+    _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 e}from"react/jsx-runtime";import{createContext as r,forwardRef as a}from"react";import{Theme as o,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";var c=function(){return c=Object.assign||function(e){for(var r,a=1,o=arguments.length;a<o;a++)for(var t in r=arguments[a])Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t]);return e},c.apply(this,arguments)},s=function(e,r){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(o=Object.getOwnPropertySymbols(e);t<o.length;t++)r.indexOf(o[t])<0&&Object.prototype.propertyIsEnumerable.call(e,o[t])&&(a[o[t]]=e[o[t]])}return a},m=i("",{variants:{size:{small:"gap-1",medium:"gap-2",large:"gap-3"}},defaultVariants:{size:"medium"}}),p=r({size:"medium"}),u=a((function(r,a){var i=r.className,u=r.children,f=r.scaling,d=r.size,h=r.color,g=void 0===h?"red":h,v=r.appearance,y=void 0===v?"surface":v,O=s(r,["className","children","scaling","size","color","appearance"]),b=n().theme,j={scaling:b.themeScaling||f,color:b.themeColor||g,size:d},z="2";return"small"===d&&(z="1"),"large"===d&&(z="3"),e(o,{accentColor:j.color,scaling:j.scaling,children:e(p.Provider,{value:j,children:e(t.Root,c({ref:a,size:z,variant:y,className:l(m({size:d}),i)},O,{children:u}))})})}));u.displayName="RadioGroup.Root";export{p as RadioGroupContext,u 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/ScrollArea/index.js

@@ -23,14 +23,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: theme.themeRadius || radius, size: sizeTheme, className: className }, props, { children: children })) }));
 });
 ScrollArea.displayName = 'ScrollArea';
 export default ScrollArea;

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

@@ -1,2 +1,2 @@
-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};
+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,f=e.size,u=void 0===f?"small":f,d=i(e,["className","children","scrollbars","radius","size"]),h=o().theme,y="1";return"medium"===u&&(y="2"),"large"===u&&(y="3"),r(t,{children:r(a,l({ref:s,scrollbars:m,radius:h.themeRadius||p,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":["../../../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';\nimport { useTheme } from '../../../lib/theme';\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 theme = useTheme().theme;\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: theme.themeRadius || 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","theme","useTheme","sizeTheme","_jsx","Theme","ScrollAreaTheme","themeRadius","displayName"],"mappings":"6LAAA,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,EAKWiB,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,EAAQC,IAAWD,MACnBE,EAAY,IAKhB,MAJa,WAATJ,IACAI,EAAY,KACH,UAATJ,IACAI,EAAY,KACRC,EAAKC,EAAO,CAAEV,SAAUS,EAAKE,EAAiBpC,EAAS,CAAEuB,IAAKA,EAAKG,WAAYA,EAAYC,OAAQI,EAAMM,aAAeV,EAAQE,KAAMI,EAAWT,UAAWA,GAAaM,EAAO,CAAEL,SAAUA,MACxM,IACAL,EAAWkB,YAAc"}

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

@@ -27,6 +27,7 @@ import { SegmentedControl as SegmentedControlTheme, Theme } from '@radix-ui/them
 import { scalingVariants } from '../../../lib/constants';
 export * 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),
@@ -37,11 +38,16 @@ 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 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: theme.themeRadius || radius,
+        scaling: theme.themeScaling || scaling,
+    };
+    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,2 @@
-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};
+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 s}from"../../constants.mjs";export{SegmentedControlItem}from"./SegmentedControlItem.mjs";import{cn as m}from"../../utils/utils.mjs";import{useTheme as l}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({},s)},defaultVariants:{scaling:"100%"}}),d=t((function(t,n){var s=t.children,d=t.className,f=t.appearance,g=void 0===f?"surface":f,h=t.radius,v=void 0===h?"medium":h,y=t.size,O=void 0===y?"medium":y,j=t.scaling,b=p(t,["children","className","appearance","radius","size","scaling"]),x=l().theme,S="2";"small"===O&&(S="1"),"large"===O&&(S="3");var P={radius:x.themeRadius||v,scaling:x.themeScaling||j};return e(i,{children:e(o.Root,c({ref:n,size:S,radius:P.radius,variant:g,className:m(u({scaling:P.scaling}),d)},b,{children:a.map(s,(function(e){return r.cloneElement(e,{appearance:g})}))}))})}));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":["../../../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';\nimport { useTheme } from '../../../lib/theme';\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 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        radius: theme.themeRadius || radius,\n        scaling: theme.themeScaling || scaling,\n    };\n    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 }); }) })) }));\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","theme","useTheme","sizeTheme","contextValue","themeRadius","themeScaling","_jsx","Theme","SegmentedControlTheme","Root","variant","cn","Children","map","child","React","cloneElement","displayName"],"mappings":"iaAAA,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,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,EAAQC,IAAWD,MACnBE,EAAY,IACH,UAATJ,IACAI,EAAY,KACH,UAATJ,IACAI,EAAY,KAChB,IAAIC,EAAe,CACfP,OAAQI,EAAMI,aAAeR,EAC7BZ,QAASgB,EAAMK,cAAgBrB,GAEnC,OAAQsB,EAAKC,EAAO,CAAEhB,SAAUe,EAAKE,EAAsBC,KAAMhD,EAAS,CAAE6B,IAAKA,EAAKQ,KAAMI,EAAWN,OAAQO,EAAaP,OAAQc,QAAShB,EAAYF,UAAWmB,EAAG9B,EAAyB,CAAEG,QAASmB,EAAanB,UAAYQ,IAAcO,EAAO,CAAER,SAAUqB,EAASC,IAAItB,GAAU,SAAUuB,GAAS,OAAOC,EAAMC,aAAaF,EAAO,CAAEpB,WAAYA,WAClW,IACAP,EAAqB8B,YAAc"}

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?: "none" | "small" | "medium" | "large" | "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

@@ -22,10 +22,11 @@ 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';
 var selectVariants = cva('', {
     variants: {
         radius: __assign({}, radiusVariants['base']),
@@ -34,34 +35,50 @@ var selectVariants = cva('', {
         radius: 'medium',
     },
 });
+var SelectContext = createContext({
+    size: 'medium',
+    scaling: '100%',
+    color: 'red',
+    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 scaling = _a.scaling, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, 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: theme.themeScaling || scaling,
+        color: theme.themeColor || color,
+        radius: theme.themeRadius || radius,
+        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';

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

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{Theme as e,Select as a}from"@radix-ui/themes";import l from"react";import{cva as c}from"class-variance-authority";import{cn as i}from"../../utils/utils.mjs";import{radiusVariants as s,selectAppearanceStyle as n}from"../../constants.mjs";var t=function(){return t=Object.assign||function(r){for(var e,a=1,l=arguments.length;a<l;a++)for(var c in e=arguments[a])Object.prototype.hasOwnProperty.call(e,c)&&(r[c]=e[c]);return r},t.apply(this,arguments)},o=function(r,e){var a={};for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&e.indexOf(l)<0&&(a[l]=r[l]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var c=0;for(l=Object.getOwnPropertySymbols(r);c<l.length;c++)e.indexOf(l[c])<0&&Object.prototype.propertyIsEnumerable.call(r,l[c])&&(a[l[c]]=r[l[c]])}return a},d=c("",{variants:{radius:t({},s.base)},defaultVariants:{radius:"medium"}}),u=l.forwardRef((function(l,c){var i=l.scaling,s=l.size,n=l.color,d=l.children,u=o(l,["scaling","size","color","children"]),m="2";return"small"===s&&(m="1"),"large"===s&&(m="3"),r(e,{scaling:i,accentColor:n,hasBackground:!1,children:r("div",{ref:c,children:r(a.Root,t({size:m},u,{children:d}))})})}));u.displayName="Select.Root";var m=l.forwardRef((function(e,l){var c=e.appearance,s=void 0===c?"classic":c,u=e.color;e.size;var m=e.radius,f=e.children,p=e.className,h=o(e,["appearance","color","size","radius","children","className"]);return u||(u="red"),r(a.Trigger,t({ref:l,variant:s,radius:m,className:i(d({radius:m}),n(s,u),p)},h,{children:f}))}));m.displayName="Select.Trigger";var f=l.forwardRef((function(e,l){e.appearance;var c=e.color;e.size;var s=e.radius,n=e.children,u=e.className,m=o(e,["appearance","color","size","radius","children","className"]);return c||(c="red"),"full"===s&&(s="large"),r(a.Content,t({ref:l,color:c},m,{className:i(d({radius:s}),u),children:n}))}));f.displayName="Select.Content";var p=l.forwardRef((function(e,l){var c=e.value,s=e.children,n=e.className,u=e.radius,m=o(e,["value","children","className","radius"]);return r(a.Item,t({ref:l,value:c},m,{className:i(d({radius:u}),n),children:s}))}));p.displayName="Select.Item";var h=l.forwardRef((function(e,l){var c=e.children,i=e.className,s=o(e,["children","className"]);return r(a.Group,t({ref:l},s,{className:i,children:c}))}));h.displayName="Select.Group";var v=l.forwardRef((function(e,l){var c=e.children,i=e.className,s=o(e,["children","className"]);return r(a.Label,t({ref:l},s,{className:i,children:c}))}));v.displayName="Select.Label";var N=l.forwardRef((function(e,l){var c=e.children,i=e.className,s=o(e,["children","className"]);return r(a.Separator,t({ref:l},s,{className:i,children:c}))}));N.displayName="Select.Separator";var y={Root:u,Trigger:m,Content:f,Item:p,Group:h,Label:v,Separator:N};export{f as Content,h as Group,p as Item,v as Label,u as Root,N as Separator,m as Trigger,y as default};
+import{jsx as e}from"react/jsx-runtime";import{Theme as r,Select as a}from"@radix-ui/themes";import i,{createContext as l,useContext as c}from"react";import{cva as n}from"class-variance-authority";import{cn as s}from"../../utils/utils.mjs";import{radiusVariants as t,selectAppearanceStyle as o}from"../../constants.mjs";import{useTheme as d}from"../../theme/ThemeProvider.mjs";var m=function(){return m=Object.assign||function(e){for(var r,a=1,i=arguments.length;a<i;a++)for(var l in r=arguments[a])Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l]);return e},m.apply(this,arguments)},u=function(e,r){var a={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&r.indexOf(i)<0&&(a[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(i=Object.getOwnPropertySymbols(e);l<i.length;l++)r.indexOf(i[l])<0&&Object.prototype.propertyIsEnumerable.call(e,i[l])&&(a[i[l]]=e[i[l]])}return a},f=n("",{variants:{radius:m({},t.base)},defaultVariants:{radius:"medium"}}),p=l({size:"medium",scaling:"100%",color:"red",radius:"medium",appearance:"classic"}),h=function(){return c(p)},v=i.forwardRef((function(i,l){var c=i.scaling,n=i.size,s=i.color,t=void 0===s?"red":s,o=i.radius,f=i.appearance,h=i.children,v=u(i,["scaling","size","color","radius","appearance","children"]),N=d().theme,g="2";"small"===n&&(g="1"),"large"===n&&(g="3");var y={scaling:N.themeScaling||c,color:N.themeColor||t,radius:N.themeRadius||o,size:n,sizeTheme:g,appearance:f};return e(p.Provider,{value:y,children:e(r,{scaling:y.scaling,accentColor:y.color,hasBackground:!1,children:e("div",{ref:l,children:e(a.Root,m({size:g},v,{children:h}))})})})}));v.displayName="Select.Root";var N=i.forwardRef((function(r,i){var l=r.children,c=r.className,n=u(r,["children","className"]),t=h(),d=t.radius,p=void 0===d?"medium":d,v=t.color,N=t.appearance,g=void 0===N?"classic":N;return e(a.Trigger,m({ref:i,variant:g,radius:p,className:s(f({radius:p}),o(g,v),c)},n,{children:l}))}));N.displayName="Select.Trigger";var g=i.forwardRef((function(r,i){var l=r.children,c=r.className,n=u(r,["children","className"]),t=h(),o=t.radius,d=t.color;return e(a.Content,m({ref:i,color:d},n,{className:s(f({radius:"full"==o?"large":o}),c),children:l}))}));g.displayName="Select.Content";var y=i.forwardRef((function(r,i){var l=r.value,c=r.children,n=r.className,t=u(r,["value","children","className"]),o=h().radius;return e(a.Item,m({ref:i,value:l},t,{className:s(f({radius:o}),n),children:c}))}));y.displayName="Select.Item";var S=i.forwardRef((function(r,i){var l=r.children,c=r.className,n=u(r,["children","className"]);return e(a.Group,m({ref:i},n,{className:c,children:l}))}));S.displayName="Select.Group";var b=i.forwardRef((function(r,i){var l=r.children,c=r.className,n=u(r,["children","className"]);return e(a.Label,m({ref:i},n,{className:c,children:l}))}));b.displayName="Select.Label";var O=i.forwardRef((function(r,i){var l=r.children,c=r.className,n=u(r,["children","className"]);return e(a.Separator,m({ref:i},n,{className:c,children:l}))}));O.displayName="Select.Separator";var w={Root:v,Trigger:N,Content:g,Item:y,Group:S,Label:b,Separator:O};export{g as Content,S as Group,y as Item,b as Label,v as Root,O as Separator,N as Trigger,w as default,h as useSelectContext};
 //# sourceMappingURL=index.mjs.map