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

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

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cva as t}from"class-variance-authority";import{cn as i}from"../../utils/utils.mjs";import{radiusVariants as o,scalingVariants as a,weightVariants as s,primaryColorStyle as n,appearanceStyle as l}from"../../constants.mjs";var c=function(){return c=Object.assign||function(r){for(var e,t=1,i=arguments.length;t<i;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o]);return r},c.apply(this,arguments)},p=function(r,e){var t={};for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&e.indexOf(i)<0&&(t[i]=r[i]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(r);o<i.length;o++)e.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(r,i[o])&&(t[i[o]]=r[i[o]])}return t},m=t("inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 w-fit",{variants:{radius:c({},o.base),size:{small:"text-xs h-[20px] px-1.5 py-0.5",medium:"text-xs h-[24px] px-2 py-1",large:"text-sm h-[28px] px-2.5 py-1"},scaling:c({},a),weight:c({},s),color:n()},defaultVariants:{radius:"medium",size:"medium",scaling:"100%",weight:"medium",color:"red"}}),u=e((function(e,t){var o=e.className,a=e.children,s=e.radius,n=e.scaling,u=e.weight,f=e.size,d=e.color,g=void 0===d?"red":d,h=e.appearance,y=void 0===h?"solid":h,x=p(e,["className","children","radius","scaling","weight","size","color","appearance"]),v=i(m({radius:s,scaling:n,weight:u,size:f,color:g}),l(y,g,!1),o);return r("div",c({ref:t,className:v},x,{children:a}))}));u.displayName="Badge";export{u as default};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{cva as t}from"class-variance-authority";import{cn as i}from"../../utils/utils.mjs";import{radiusVariants as o,scalingVariants as a,weightVariants as s,primaryColorStyle as n,appearanceStyle as l}from"../../constants.mjs";import{useTheme as c}from"../../theme/ThemeProvider.mjs";var m=function(){return m=Object.assign||function(e){for(var r,t=1,i=arguments.length;t<i;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},m.apply(this,arguments)},p=function(e,r){var t={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&r.indexOf(i)<0&&(t[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(e);o<i.length;o++)r.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(e,i[o])&&(t[i[o]]=e[i[o]])}return t},u=t("inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 w-fit",{variants:{radius:m({},o.base),size:{small:"text-xs h-[20px] px-1.5 py-0.5",medium:"text-xs h-[24px] px-2 py-1",large:"text-sm h-[28px] px-2.5 py-1"},scaling:m({},a),weight:m({},s),color:n()},defaultVariants:{radius:"medium",size:"medium",scaling:"100%",weight:"medium",color:"red"}}),f=r((function(r,t){var o=r.className,a=r.children,s=r.radius,n=r.scaling,f=r.weight,d=r.size,h=r.color,g=void 0===h?"red":h,y=r.appearance,x=void 0===y?"solid":y,v=p(r,["className","children","radius","scaling","weight","size","color","appearance"]),O=c().theme,b={radius:O.themeRadius||s,scaling:O.themeScaling||n,weight:O.themeWeight||f,color:O.themeColor||g,size:d},j=i(u(b),l(x,b.color,!1),o);return e("div",m({ref:t,className:j},v,{children:a}))}));f.displayName="Badge";export{f as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/Badge/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 { cn } from '../../../lib/utils/utils';\nimport { appearanceStyle, primaryColorStyle, radiusVariants, scalingVariants, weightVariants, } from '../../../lib/constants';\nvar BadgeVariants = cva('inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 w-fit', {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n        size: {\n            small: 'text-xs h-[20px] px-1.5 py-0.5',\n            medium: 'text-xs h-[24px] px-2 py-1',\n            large: 'text-sm h-[28px] px-2.5 py-1',\n        },\n        scaling: __assign({}, scalingVariants),\n        weight: __assign({}, weightVariants),\n        color: primaryColorStyle(),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        size: 'medium',\n        scaling: '100%',\n        weight: 'medium',\n        color: 'red',\n    },\n});\nvar Badge = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, radius = _a.radius, scaling = _a.scaling, weight = _a.weight, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'solid' : _c, props = __rest(_a, [\"className\", \"children\", \"radius\", \"scaling\", \"weight\", \"size\", \"color\", \"appearance\"]);\n    var badgeClassName = cn(BadgeVariants({ radius: radius, scaling: scaling, weight: weight, size: size, color: color }), appearanceStyle(appearance, color, false), className);\n    return (_jsx(\"div\", __assign({ ref: ref, className: badgeClassName }, props, { children: children })));\n});\nBadge.displayName = 'Badge';\nexport default Badge;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","BadgeVariants","cva","variants","radius","radiusVariants","size","small","medium","large","scaling","scalingVariants","weight","weightVariants","color","primaryColorStyle","defaultVariants","Badge","forwardRef","_a","ref","className","children","_b","_c","appearance","props","badgeClassName","cn","appearanceStyle","_jsx","displayName"],"mappings":"+SAAA,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,EAAgBC,EAAI,uHAAwH,CAC5IC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,MAC1CC,KAAM,CACFC,MAAO,iCACPC,OAAQ,6BACRC,MAAO,gCAEXC,QAAS7B,EAAS,CAAE,EAAE8B,GACtBC,OAAQ/B,EAAS,CAAE,EAAEgC,GACrBC,MAAOC,KAEXC,gBAAiB,CACbZ,OAAQ,SACRE,KAAM,SACNI,QAAS,OACTE,OAAQ,SACRE,MAAO,SAGXG,EAAQC,GAAW,SAAUC,EAAIC,GACjC,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUlB,EAASe,EAAGf,OAAQM,EAAUS,EAAGT,QAASE,EAASO,EAAGP,OAAQN,EAAOa,EAAGb,KAAMiB,EAAKJ,EAAGL,MAAOA,OAAe,IAAPS,EAAgB,MAAQA,EAAIC,EAAKL,EAAGM,WAAYA,OAAoB,IAAPD,EAAgB,QAAUA,EAAIE,EAAQ9B,EAAOuB,EAAI,CAAC,YAAa,WAAY,SAAU,UAAW,SAAU,OAAQ,QAAS,eAC/UQ,EAAiBC,EAAG3B,EAAc,CAAEG,OAAQA,EAAQM,QAASA,EAASE,OAAQA,EAAQN,KAAMA,EAAMQ,MAAOA,IAAUe,EAAgBJ,EAAYX,GAAO,GAAQO,GAClK,OAAQS,EAAK,MAAOjD,EAAS,CAAEuC,IAAKA,EAAKC,UAAWM,GAAkBD,EAAO,CAAEJ,SAAUA,IAC7F,IACAL,EAAMc,YAAc"}
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/Badge/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 { cn } from '../../../lib/utils/utils';\nimport { appearanceStyle, primaryColorStyle, radiusVariants, scalingVariants, weightVariants, } from '../../../lib/constants';\nimport { useTheme } from '../../../lib/theme';\nvar BadgeVariants = cva('inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 w-fit', {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n        size: {\n            small: 'text-xs h-[20px] px-1.5 py-0.5',\n            medium: 'text-xs h-[24px] px-2 py-1',\n            large: 'text-sm h-[28px] px-2.5 py-1',\n        },\n        scaling: __assign({}, scalingVariants),\n        weight: __assign({}, weightVariants),\n        color: primaryColorStyle(),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        size: 'medium',\n        scaling: '100%',\n        weight: 'medium',\n        color: 'red',\n    },\n});\nvar Badge = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, radius = _a.radius, scaling = _a.scaling, weight = _a.weight, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'solid' : _c, props = __rest(_a, [\"className\", \"children\", \"radius\", \"scaling\", \"weight\", \"size\", \"color\", \"appearance\"]);\n    var theme = useTheme().theme;\n    var badgeStyle = {\n        radius: theme.themeRadius || radius,\n        scaling: theme.themeScaling || scaling,\n        weight: theme.themeWeight || weight,\n        color: theme.themeColor || color,\n        size: size,\n    };\n    var badgeClassName = cn(BadgeVariants(badgeStyle), appearanceStyle(appearance, badgeStyle.color, false), className);\n    return (_jsx(\"div\", __assign({ ref: ref, className: badgeClassName }, props, { children: children })));\n});\nBadge.displayName = 'Badge';\nexport default Badge;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","BadgeVariants","cva","variants","radius","radiusVariants","size","small","medium","large","scaling","scalingVariants","weight","weightVariants","color","primaryColorStyle","defaultVariants","Badge","forwardRef","_a","ref","className","children","_b","_c","appearance","props","theme","useTheme","badgeStyle","themeRadius","themeScaling","themeWeight","themeColor","badgeClassName","cn","appearanceStyle","_jsx","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,EAOIiB,EAAgBC,EAAI,uHAAwH,CAC5IC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,MAC1CC,KAAM,CACFC,MAAO,iCACPC,OAAQ,6BACRC,MAAO,gCAEXC,QAAS7B,EAAS,CAAE,EAAE8B,GACtBC,OAAQ/B,EAAS,CAAE,EAAEgC,GACrBC,MAAOC,KAEXC,gBAAiB,CACbZ,OAAQ,SACRE,KAAM,SACNI,QAAS,OACTE,OAAQ,SACRE,MAAO,SAGXG,EAAQC,GAAW,SAAUC,EAAIC,GACjC,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUlB,EAASe,EAAGf,OAAQM,EAAUS,EAAGT,QAASE,EAASO,EAAGP,OAAQN,EAAOa,EAAGb,KAAMiB,EAAKJ,EAAGL,MAAOA,OAAe,IAAPS,EAAgB,MAAQA,EAAIC,EAAKL,EAAGM,WAAYA,OAAoB,IAAPD,EAAgB,QAAUA,EAAIE,EAAQ9B,EAAOuB,EAAI,CAAC,YAAa,WAAY,SAAU,UAAW,SAAU,OAAQ,QAAS,eAC/UQ,EAAQC,IAAWD,MACnBE,EAAa,CACbzB,OAAQuB,EAAMG,aAAe1B,EAC7BM,QAASiB,EAAMI,cAAgBrB,EAC/BE,OAAQe,EAAMK,aAAepB,EAC7BE,MAAOa,EAAMM,YAAcnB,EAC3BR,KAAMA,GAEN4B,EAAiBC,EAAGlC,EAAc4B,GAAaO,EAAgBX,EAAYI,EAAWf,OAAO,GAAQO,GACzG,OAAQgB,EAAK,MAAOxD,EAAS,CAAEuC,IAAKA,EAAKC,UAAWa,GAAkBR,EAAO,CAAEJ,SAAUA,IAC7F,IACAL,EAAMqB,YAAc"}

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

@@ -52,7 +52,7 @@ var bubbleChartVariants = cva('', {
 });
 export var BubbleChart = function (_a) {
     var className = _a.className, title = _a.title, legend = _a.legend, datalabels = _a.datalabels, datasets = _a.datasets, scaling = _a.scaling, width = _a.width, height = _a.height, _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", "scaling", "width", "height", "appearance", "isColorMixed"]);
-    var _d = useDarkMode(), isDark = _d[0], defaultScales = _d[1];
+    var _d = useDarkMode(), defaultScales = _d[1];
     var getChartColor = function (isColorMixed, appearance) {
         if (appearance === 'solid') {
             return isColorMixed ? chartColorList.mixed : chartColorList.sorting;

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/BubbleChart/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 { Bubble } from 'react-chartjs-2';\nimport { Chart as ChartJS, registerables } from 'chart.js';\nimport { scalingVariants } from '../../../lib/constants';\nimport { cva } from 'class-variance-authority';\nimport { chartColorList, chartAlphaColorList } from '../../../lib/color/constants';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nimport { useDarkMode } from '../../../lib/utils/useDarkMode';\nimport { cn } from '../../../lib/utils/utils';\nChartJS.register.apply(ChartJS, __spreadArray(__spreadArray([], registerables, false), [ChartDataLabels], false));\nChartJS.defaults.set('plugins.datalabels', {\n    display: false,\n});\nvar bubbleChartVariants = cva('', {\n    variants: {\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        scaling: '100%',\n    },\n});\nexport var BubbleChart = function (_a) {\n    var className = _a.className, title = _a.title, legend = _a.legend, datalabels = _a.datalabels, datasets = _a.datasets, scaling = _a.scaling, width = _a.width, height = _a.height, _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\", \"scaling\", \"width\", \"height\", \"appearance\", \"isColorMixed\"]);\n    var _d = useDarkMode(), 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(Bubble, __assign({ data: { datasets: datasets }, options: {\n            plugins: {\n                title: title,\n                legend: legend,\n                datalabels: datalabels,\n            },\n            scales: __assign({}, defaultScales.linescale),\n        }, className: cn(bubbleChartVariants({ scaling: scaling }), className), width: width, height: height }, props)));\n};\nBubbleChart.displayName = 'BubbleChart';\nexport default BubbleChart;\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","bubbleChartVariants","cva","variants","scaling","scalingVariants","defaultVariants","BubbleChart","_a","className","title","legend","datalabels","datasets","width","height","_b","appearance","_c","isColorMixed","props","defaultScales","useDarkMode","getChartColor","chartColorList","mixed","sorting","chartAlphaColorList","forEach","dataset","index","ChartColor","BorderColor","backgroundColor","borderColor","_jsx","Bubble","data","options","plugins","scales","linescale","cn","displayName"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/BubbleChart/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 { Bubble } from 'react-chartjs-2';\nimport { Chart as ChartJS, registerables } from 'chart.js';\nimport { scalingVariants } from '../../../lib/constants';\nimport { cva } from 'class-variance-authority';\nimport { chartColorList, chartAlphaColorList } from '../../../lib/color/constants';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nimport { useDarkMode } from '../../../lib/utils/useDarkMode';\nimport { cn } from '../../../lib/utils/utils';\nChartJS.register.apply(ChartJS, __spreadArray(__spreadArray([], registerables, false), [ChartDataLabels], false));\nChartJS.defaults.set('plugins.datalabels', {\n    display: false,\n});\nvar bubbleChartVariants = cva('', {\n    variants: {\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        scaling: '100%',\n    },\n});\nexport var BubbleChart = function (_a) {\n    var className = _a.className, title = _a.title, legend = _a.legend, datalabels = _a.datalabels, datasets = _a.datasets, scaling = _a.scaling, width = _a.width, height = _a.height, _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\", \"scaling\", \"width\", \"height\", \"appearance\", \"isColorMixed\"]);\n    var _d = useDarkMode(), 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(Bubble, __assign({ data: { datasets: datasets }, options: {\n            plugins: {\n                title: title,\n                legend: legend,\n                datalabels: datalabels,\n            },\n            scales: __assign({}, defaultScales.linescale),\n        }, className: cn(bubbleChartVariants({ scaling: scaling }), className), width: width, height: height }, props)));\n};\nBubbleChart.displayName = 'BubbleChart';\nexport default BubbleChart;\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","bubbleChartVariants","cva","variants","scaling","scalingVariants","defaultVariants","BubbleChart","_a","className","title","legend","datalabels","datasets","width","height","_b","appearance","_c","isColorMixed","props","defaultScales","useDarkMode","getChartColor","chartColorList","mixed","sorting","chartAlphaColorList","forEach","dataset","index","ChartColor","BorderColor","backgroundColor","borderColor","_jsx","Bubble","data","options","plugins","scales","linescale","cn","displayName"],"mappings":"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"}

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

@@ -6,10 +6,10 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     appearance?: IAppearance;
 }
 declare const buttonVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | "x-small" | "x-large" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
+    weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
     color?: string | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const Button: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & ButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -25,6 +25,7 @@ import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../../lib/utils/utils';
 import { radiusVariants, weightVariants, primaryColorStyle, appearanceStyle, scalingVariants, } from '../../../lib/constants';
+import { useTheme } from '../../../lib/theme';
 var buttonVariants = cva("inline-flex items-center w-fit transition-colors focus:outline-none hover:cursor-pointer\n  disabled:cursor-not-allowed disabled:bg-slate-3 disabled:text-slate-8 justify-center", {
     variants: {
         radius: __assign({}, radiusVariants['base']),
@@ -49,7 +50,15 @@ var buttonVariants = cva("inline-flex items-center w-fit transition-colors focus
 });
 export var Button = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, radius = _a.radius, scaling = _a.scaling, size = _a.size, weight = _a.weight, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'solid' : _c, props = __rest(_a, ["className", "children", "radius", "scaling", "size", "weight", "color", "appearance"]);
-    var buttonClassName = cn(buttonVariants({ radius: radius, scaling: scaling, size: size, weight: weight, color: color }), appearanceStyle(appearance, color, true), className);
+    var theme = useTheme().theme;
+    var buttonStyle = {
+        radius: theme.themeRadius || radius,
+        scaling: theme.themeScaling || scaling,
+        weight: theme.themeWeight || weight,
+        color: theme.themeColor || color,
+        size: size,
+    };
+    var buttonClassName = cn(buttonVariants(buttonStyle), appearanceStyle(appearance, buttonStyle.color, true), className);
     return (_jsx("button", __assign({ ref: ref, className: buttonClassName }, props, { children: children })));
 });
 Button.displayName = 'Button';

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

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cva as r}from"class-variance-authority";import{cn as i}from"../../utils/utils.mjs";import{radiusVariants as a,scalingVariants as o,weightVariants as n,primaryColorStyle as s,appearanceStyle as l}from"../../constants.mjs";var c=function(){return c=Object.assign||function(e){for(var t,r=1,i=arguments.length;r<i;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},c.apply(this,arguments)},p=function(e,t){var r={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(e);a<i.length;a++)t.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(e,i[a])&&(r[i[a]]=e[i[a]])}return r},m=r("inline-flex items-center w-fit transition-colors focus:outline-none hover:cursor-pointer\n  disabled:cursor-not-allowed disabled:bg-slate-3 disabled:text-slate-8 justify-center",{variants:{radius:c({},a.base),size:{"x-small":"text-xs min-w-[36px] h-[20px] px-1.5",small:"text-xs min-w-[40px] h-[24px] px-2",medium:"text-sm min-w-[50px] h-[32px] px-3",large:"text-base min-w-[62px] h-[40px] px-4","x-large":"text-lg min-w-[82px] h-[48px] px-6"},scaling:c({},o),weight:c({},n),color:s()},defaultVariants:{radius:"medium",scaling:"100%",weight:"medium",color:"red",size:"medium"}}),u=t((function(t,r){var a=t.className,o=t.children,n=t.radius,s=t.scaling,u=t.size,x=t.weight,d=t.color,f=void 0===d?"red":d,h=t.appearance,g=void 0===h?"solid":h,b=p(t,["className","children","radius","scaling","size","weight","color","appearance"]),w=i(m({radius:n,scaling:s,size:u,weight:x,color:f}),l(g,f,!0),a);return e("button",c({ref:r,className:w},b,{children:o}))}));u.displayName="Button";export{u as Button,u as default};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cva as r}from"class-variance-authority";import{cn as i}from"../../utils/utils.mjs";import{radiusVariants as o,scalingVariants as a,weightVariants as s,primaryColorStyle as n,appearanceStyle as l}from"../../constants.mjs";import{useTheme as m}from"../../theme/ThemeProvider.mjs";var c=function(){return c=Object.assign||function(e){for(var t,r=1,i=arguments.length;r<i;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},c.apply(this,arguments)},p=function(e,t){var r={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(e);o<i.length;o++)t.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(e,i[o])&&(r[i[o]]=e[i[o]])}return r},u=r("inline-flex items-center w-fit transition-colors focus:outline-none hover:cursor-pointer\n  disabled:cursor-not-allowed disabled:bg-slate-3 disabled:text-slate-8 justify-center",{variants:{radius:c({},o.base),size:{"x-small":"text-xs min-w-[36px] h-[20px] px-1.5",small:"text-xs min-w-[40px] h-[24px] px-2",medium:"text-sm min-w-[50px] h-[32px] px-3",large:"text-base min-w-[62px] h-[40px] px-4","x-large":"text-lg min-w-[82px] h-[48px] px-6"},scaling:c({},a),weight:c({},s),color:n()},defaultVariants:{radius:"medium",scaling:"100%",weight:"medium",color:"red",size:"medium"}}),d=t((function(t,r){var o=t.className,a=t.children,s=t.radius,n=t.scaling,d=t.size,x=t.weight,h=t.color,f=void 0===h?"red":h,g=t.appearance,b=void 0===g?"solid":g,w=p(t,["className","children","radius","scaling","size","weight","color","appearance"]),y=m().theme,v={radius:y.themeRadius||s,scaling:y.themeScaling||n,weight:y.themeWeight||x,color:y.themeColor||f,size:d},O=i(u(v),l(b,v.color,!0),o);return e("button",c({ref:r,className:O},w,{children:a}))}));d.displayName="Button";export{d as Button,d as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/Button/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 { cn } from '../../../lib/utils/utils';\nimport { radiusVariants, weightVariants, primaryColorStyle, appearanceStyle, scalingVariants, } from '../../../lib/constants';\nvar buttonVariants = cva(\"inline-flex items-center w-fit transition-colors focus:outline-none hover:cursor-pointer\\n  disabled:cursor-not-allowed disabled:bg-slate-3 disabled:text-slate-8 justify-center\", {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n        size: {\n            'x-small': 'text-xs min-w-[36px] h-[20px] px-1.5',\n            small: 'text-xs min-w-[40px] h-[24px] px-2',\n            medium: 'text-sm min-w-[50px] h-[32px] px-3',\n            large: 'text-base min-w-[62px] h-[40px] px-4',\n            'x-large': 'text-lg min-w-[82px] h-[48px] px-6',\n        },\n        scaling: __assign({}, scalingVariants),\n        weight: __assign({}, weightVariants),\n        color: primaryColorStyle(),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        scaling: '100%',\n        weight: 'medium',\n        color: 'red',\n        size: 'medium',\n    },\n});\nexport var Button = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, radius = _a.radius, scaling = _a.scaling, size = _a.size, weight = _a.weight, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'solid' : _c, props = __rest(_a, [\"className\", \"children\", \"radius\", \"scaling\", \"size\", \"weight\", \"color\", \"appearance\"]);\n    var buttonClassName = cn(buttonVariants({ radius: radius, scaling: scaling, size: size, weight: weight, color: color }), appearanceStyle(appearance, color, true), className);\n    return (_jsx(\"button\", __assign({ ref: ref, className: buttonClassName }, props, { children: children })));\n});\nButton.displayName = 'Button';\nexport default Button;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","buttonVariants","cva","variants","radius","radiusVariants","size","small","medium","large","scaling","scalingVariants","weight","weightVariants","color","primaryColorStyle","defaultVariants","Button","forwardRef","_a","ref","className","children","_b","_c","appearance","props","buttonClassName","cn","appearanceStyle","_jsx","displayName"],"mappings":"+SAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAMIiB,EAAiBC,EAAI,mLAAoL,CACzMC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,MAC1CC,KAAM,CACF,UAAW,uCACXC,MAAO,qCACPC,OAAQ,qCACRC,MAAO,uCACP,UAAW,sCAEfC,QAAS7B,EAAS,CAAE,EAAE8B,GACtBC,OAAQ/B,EAAS,CAAE,EAAEgC,GACrBC,MAAOC,KAEXC,gBAAiB,CACbZ,OAAQ,SACRM,QAAS,OACTE,OAAQ,SACRE,MAAO,MACPR,KAAM,YAGHW,EAASC,GAAW,SAAUC,EAAIC,GACzC,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUlB,EAASe,EAAGf,OAAQM,EAAUS,EAAGT,QAASJ,EAAOa,EAAGb,KAAMM,EAASO,EAAGP,OAAQW,EAAKJ,EAAGL,MAAOA,OAAe,IAAPS,EAAgB,MAAQA,EAAIC,EAAKL,EAAGM,WAAYA,OAAoB,IAAPD,EAAgB,QAAUA,EAAIE,EAAQ9B,EAAOuB,EAAI,CAAC,YAAa,WAAY,SAAU,UAAW,OAAQ,SAAU,QAAS,eAC/UQ,EAAkBC,EAAG3B,EAAe,CAAEG,OAAQA,EAAQM,QAASA,EAASJ,KAAMA,EAAMM,OAAQA,EAAQE,MAAOA,IAAUe,EAAgBJ,EAAYX,GAAO,GAAOO,GACnK,OAAQS,EAAK,SAAUjD,EAAS,CAAEuC,IAAKA,EAAKC,UAAWM,GAAmBD,EAAO,CAAEJ,SAAUA,IACjG,IACAL,EAAOc,YAAc"}
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/Button/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 { cn } from '../../../lib/utils/utils';\nimport { radiusVariants, weightVariants, primaryColorStyle, appearanceStyle, scalingVariants, } from '../../../lib/constants';\nimport { useTheme } from '../../../lib/theme';\nvar buttonVariants = cva(\"inline-flex items-center w-fit transition-colors focus:outline-none hover:cursor-pointer\\n  disabled:cursor-not-allowed disabled:bg-slate-3 disabled:text-slate-8 justify-center\", {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n        size: {\n            'x-small': 'text-xs min-w-[36px] h-[20px] px-1.5',\n            small: 'text-xs min-w-[40px] h-[24px] px-2',\n            medium: 'text-sm min-w-[50px] h-[32px] px-3',\n            large: 'text-base min-w-[62px] h-[40px] px-4',\n            'x-large': 'text-lg min-w-[82px] h-[48px] px-6',\n        },\n        scaling: __assign({}, scalingVariants),\n        weight: __assign({}, weightVariants),\n        color: primaryColorStyle(),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        scaling: '100%',\n        weight: 'medium',\n        color: 'red',\n        size: 'medium',\n    },\n});\nexport var Button = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, radius = _a.radius, scaling = _a.scaling, size = _a.size, weight = _a.weight, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'solid' : _c, props = __rest(_a, [\"className\", \"children\", \"radius\", \"scaling\", \"size\", \"weight\", \"color\", \"appearance\"]);\n    var theme = useTheme().theme;\n    var buttonStyle = {\n        radius: theme.themeRadius || radius,\n        scaling: theme.themeScaling || scaling,\n        weight: theme.themeWeight || weight,\n        color: theme.themeColor || color,\n        size: size,\n    };\n    var buttonClassName = cn(buttonVariants(buttonStyle), appearanceStyle(appearance, buttonStyle.color, true), className);\n    return (_jsx(\"button\", __assign({ ref: ref, className: buttonClassName }, props, { children: children })));\n});\nButton.displayName = 'Button';\nexport default Button;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","buttonVariants","cva","variants","radius","radiusVariants","size","small","medium","large","scaling","scalingVariants","weight","weightVariants","color","primaryColorStyle","defaultVariants","Button","forwardRef","_a","ref","className","children","_b","_c","appearance","props","theme","useTheme","buttonStyle","themeRadius","themeScaling","themeWeight","themeColor","buttonClassName","cn","appearanceStyle","_jsx","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,EAOIiB,EAAiBC,EAAI,mLAAoL,CACzMC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,MAC1CC,KAAM,CACF,UAAW,uCACXC,MAAO,qCACPC,OAAQ,qCACRC,MAAO,uCACP,UAAW,sCAEfC,QAAS7B,EAAS,CAAE,EAAE8B,GACtBC,OAAQ/B,EAAS,CAAE,EAAEgC,GACrBC,MAAOC,KAEXC,gBAAiB,CACbZ,OAAQ,SACRM,QAAS,OACTE,OAAQ,SACRE,MAAO,MACPR,KAAM,YAGHW,EAASC,GAAW,SAAUC,EAAIC,GACzC,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUlB,EAASe,EAAGf,OAAQM,EAAUS,EAAGT,QAASJ,EAAOa,EAAGb,KAAMM,EAASO,EAAGP,OAAQW,EAAKJ,EAAGL,MAAOA,OAAe,IAAPS,EAAgB,MAAQA,EAAIC,EAAKL,EAAGM,WAAYA,OAAoB,IAAPD,EAAgB,QAAUA,EAAIE,EAAQ9B,EAAOuB,EAAI,CAAC,YAAa,WAAY,SAAU,UAAW,OAAQ,SAAU,QAAS,eAC/UQ,EAAQC,IAAWD,MACnBE,EAAc,CACdzB,OAAQuB,EAAMG,aAAe1B,EAC7BM,QAASiB,EAAMI,cAAgBrB,EAC/BE,OAAQe,EAAMK,aAAepB,EAC7BE,MAAOa,EAAMM,YAAcnB,EAC3BR,KAAMA,GAEN4B,EAAkBC,EAAGlC,EAAe4B,GAAcO,EAAgBX,EAAYI,EAAYf,OAAO,GAAOO,GAC5G,OAAQgB,EAAK,SAAUxD,EAAS,CAAEuC,IAAKA,EAAKC,UAAWa,GAAmBR,EAAO,CAAEJ,SAAUA,IACjG,IACAL,EAAOqB,YAAc"}

package/dist/lib/components/Callout/CalloutRoot.d.ts

@@ -8,7 +8,7 @@ export interface CalloutProps extends VariantProps<typeof calloutVariants>, Vari
     color?: 'danger' | 'warning' | 'success' | 'information' | null;
 }
 declare const calloutVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
     color?: "danger" | "warning" | "success" | "information" | null | undefined;

package/dist/lib/components/Callout/CalloutRoot.js

@@ -1,3 +1,4 @@
+'use client';
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21,11 +22,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, createContext, useContext, useMemo, } from 'react';
+import { forwardRef, createContext, useContext, } from 'react';
 import { Callout as CalloutTheme } from '@radix-ui/themes';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../../lib/utils/utils';
 import { appearanceStyle, radiusVariants, scalingVariants } from '../../../lib/constants';
+import { useTheme } from '../../../lib/theme';
 var calloutVariants = cva('flex w-fit max-w-[600px]', {
     variants: {
         radius: __assign({}, radiusVariants['large']),
@@ -59,14 +61,20 @@ export var useCalloutContext = function () {
 };
 export var CalloutRoot = 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 ? 'information' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'soft' : _c, props = __rest(_a, ["children", "className", "radius", "scaling", "size", "color", "appearance"]);
+    var theme = useTheme().theme;
     var colorMap = {
         danger: 'red',
         information: 'sky',
         success: 'green',
         warning: 'amber',
     };
-    var calloutClassName = cn(calloutVariants({ radius: radius, scaling: scaling, size: size, color: color }), appearanceStyle(appearance, colorMap[color], false), className);
-    var contextValue = useMemo(function () { return ({ size: size, scaling: scaling, color: color }); }, [size, scaling, color]);
+    var contextValue = {
+        size: size,
+        color: color,
+        scaling: theme.themeScaling || scaling,
+        radius: theme.themeRadius || radius,
+    };
+    var calloutClassName = cn(calloutVariants(contextValue), appearanceStyle(appearance, colorMap[color], false), className);
     return (_jsx(CalloutContext.Provider, { value: contextValue, children: _jsx(CalloutTheme.Root, __assign({ ref: ref }, props, { className: calloutClassName, children: children })) }));
 });
 CalloutRoot.displayName = 'Callout.Root';

package/dist/lib/components/Callout/CalloutRoot.mjs

@@ -1,2 +1,3 @@
-import{jsx as r}from"react/jsx-runtime";import{createContext as e,forwardRef as a,useMemo as i,useContext as n}from"react";import{Callout as o}from"@radix-ui/themes";import{cva as t}from"class-variance-authority";import{cn as s}from"../../utils/utils.mjs";import{radiusVariants as l,scalingVariants as c,appearanceStyle as m}from"../../constants.mjs";var u=function(){return u=Object.assign||function(r){for(var e,a=1,i=arguments.length;a<i;a++)for(var n in e=arguments[a])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},u.apply(this,arguments)},p=function(r,e){var a={};for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&e.indexOf(i)<0&&(a[i]=r[i]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(i=Object.getOwnPropertySymbols(r);n<i.length;n++)e.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(r,i[n])&&(a[i[n]]=r[i[n]])}return a},d=t("flex w-fit max-w-[600px]",{variants:{radius:u({},l.large),size:{small:"min-h-[44px] p-3",medium:"min-h-[52px] p-4",large:"min-h-[72px] p-6"},scaling:u({},c),color:{danger:"bg-redA-3 dark:bg-redDarkA-3",warning:"bg-amberA-3 dark:bg-amberDarkA-3",success:"bg-greenA-3 dark:bg-greenDarkA-3",information:"bg-skyA-3 dark:bg-skyDarkA-3"}},defaultVariants:{radius:"medium",scaling:"100%",color:"information",size:"medium"}}),f=e({size:"medium",scaling:"100%",color:null}),g=function(){return n(f)},b=a((function(e,a){var n=e.children,t=e.className,l=e.radius,c=e.scaling,g=e.size,b=e.color,y=void 0===b?"information":b,h=e.appearance,v=void 0===h?"soft":h,O=p(e,["children","className","radius","scaling","size","color","appearance"]),k=s(d({radius:l,scaling:c,size:g,color:y}),m(v,{danger:"red",information:"sky",success:"green",warning:"amber"}[y],!1),t),x=i((function(){return{size:g,scaling:c,color:y}}),[g,c,y]);return r(f.Provider,{value:x,children:r(o.Root,u({ref:a},O,{className:k,children:n}))})}));b.displayName="Callout.Root";export{b as CalloutRoot,g as useCalloutContext};
+"use client";
+import{jsx as r}from"react/jsx-runtime";import{createContext as e,forwardRef as a,useContext as i}from"react";import{Callout as o}from"@radix-ui/themes";import{cva as n}from"class-variance-authority";import{cn as t}from"../../utils/utils.mjs";import{radiusVariants as s,scalingVariants as m,appearanceStyle as l}from"../../constants.mjs";import{useTheme as c}from"../../theme/ThemeProvider.mjs";var p=function(){return p=Object.assign||function(r){for(var e,a=1,i=arguments.length;a<i;a++)for(var o in e=arguments[a])Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o]);return r},p.apply(this,arguments)},u=function(r,e){var a={};for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&e.indexOf(i)<0&&(a[i]=r[i]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(r);o<i.length;o++)e.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(r,i[o])&&(a[i[o]]=r[i[o]])}return a},d=n("flex w-fit max-w-[600px]",{variants:{radius:p({},s.large),size:{small:"min-h-[44px] p-3",medium:"min-h-[52px] p-4",large:"min-h-[72px] p-6"},scaling:p({},m),color:{danger:"bg-redA-3 dark:bg-redDarkA-3",warning:"bg-amberA-3 dark:bg-amberDarkA-3",success:"bg-greenA-3 dark:bg-greenDarkA-3",information:"bg-skyA-3 dark:bg-skyDarkA-3"}},defaultVariants:{radius:"medium",scaling:"100%",color:"information",size:"medium"}}),f=e({size:"medium",scaling:"100%",color:null}),g=function(){return i(f)},b=a((function(e,a){var i=e.children,n=e.className,s=e.radius,m=e.scaling,g=e.size,b=e.color,h=void 0===b?"information":b,y=e.appearance,v=void 0===y?"soft":y,O=u(e,["children","className","radius","scaling","size","color","appearance"]),k=c().theme,x={size:g,color:h,scaling:k.themeScaling||m,radius:k.themeRadius||s},j=t(d(x),l(v,{danger:"red",information:"sky",success:"green",warning:"amber"}[h],!1),n);return r(f.Provider,{value:x,children:r(o.Root,p({ref:a},O,{className:j,children:i}))})}));b.displayName="Callout.Root";export{b as CalloutRoot,g as useCalloutContext};
 //# sourceMappingURL=CalloutRoot.mjs.map

package/dist/lib/components/Callout/CalloutRoot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CalloutRoot.mjs","sources":["../../../lib/components/Callout/CalloutRoot.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, createContext, useContext, useMemo, } from 'react';\nimport { Callout as CalloutTheme } from '@radix-ui/themes';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport { appearanceStyle, radiusVariants, scalingVariants } from '../../../lib/constants';\nvar calloutVariants = cva('flex w-fit max-w-[600px]', {\n    variants: {\n        radius: __assign({}, radiusVariants['large']),\n        size: {\n            small: 'min-h-[44px] p-3',\n            medium: 'min-h-[52px] p-4',\n            large: 'min-h-[72px] p-6',\n        },\n        scaling: __assign({}, scalingVariants),\n        color: {\n            danger: 'bg-redA-3 dark:bg-redDarkA-3',\n            warning: 'bg-amberA-3 dark:bg-amberDarkA-3',\n            success: 'bg-greenA-3 dark:bg-greenDarkA-3',\n            information: 'bg-skyA-3 dark:bg-skyDarkA-3',\n        },\n    },\n    defaultVariants: {\n        radius: 'medium',\n        scaling: '100%',\n        color: 'information',\n        size: 'medium',\n    },\n});\nvar CalloutContext = createContext({\n    size: 'medium',\n    scaling: '100%',\n    color: null,\n});\nexport var useCalloutContext = function () {\n    return useContext(CalloutContext);\n};\nexport var CalloutRoot = 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 ? 'information' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'soft' : _c, props = __rest(_a, [\"children\", \"className\", \"radius\", \"scaling\", \"size\", \"color\", \"appearance\"]);\n    var colorMap = {\n        danger: 'red',\n        information: 'sky',\n        success: 'green',\n        warning: 'amber',\n    };\n    var calloutClassName = cn(calloutVariants({ radius: radius, scaling: scaling, size: size, color: color }), appearanceStyle(appearance, colorMap[color], false), className);\n    var contextValue = useMemo(function () { return ({ size: size, scaling: scaling, color: color }); }, [size, scaling, color]);\n    return (_jsx(CalloutContext.Provider, { value: contextValue, children: _jsx(CalloutTheme.Root, __assign({ ref: ref }, props, { className: calloutClassName, children: children })) }));\n});\nCalloutRoot.displayName = 'Callout.Root';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","calloutVariants","cva","variants","radius","radiusVariants","size","small","medium","large","scaling","scalingVariants","color","danger","warning","success","information","defaultVariants","CalloutContext","createContext","useCalloutContext","useContext","CalloutRoot","forwardRef","_a","ref","children","className","_b","_c","appearance","props","calloutClassName","cn","appearanceStyle","contextValue","useMemo","_jsx","Provider","value","CalloutTheme","Root","displayName"],"mappings":"+VAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAOIiB,EAAkBC,EAAI,2BAA4B,CAClDC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAsB,OAC3CC,KAAM,CACFC,MAAO,mBACPC,OAAQ,mBACRC,MAAO,oBAEXC,QAAS7B,EAAS,CAAE,EAAE8B,GACtBC,MAAO,CACHC,OAAQ,+BACRC,QAAS,mCACTC,QAAS,mCACTC,YAAa,iCAGrBC,gBAAiB,CACbb,OAAQ,SACRM,QAAS,OACTE,MAAO,cACPN,KAAM,YAGVY,EAAiBC,EAAc,CAC/Bb,KAAM,SACNI,QAAS,OACTE,MAAO,OAEAQ,EAAoB,WAC3B,OAAOC,EAAWH,EACtB,EACWI,EAAcC,GAAW,SAAUC,EAAIC,GAC9C,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWvB,EAASoB,EAAGpB,OAAQM,EAAUc,EAAGd,QAASJ,EAAOkB,EAAGlB,KAAMsB,EAAKJ,EAAGZ,MAAOA,OAAe,IAAPgB,EAAgB,cAAgBA,EAAIC,EAAKL,EAAGM,WAAYA,OAAoB,IAAPD,EAAgB,OAASA,EAAIE,EAAQnC,EAAO4B,EAAI,CAAC,WAAY,YAAa,SAAU,UAAW,OAAQ,QAAS,eAOxTQ,EAAmBC,EAAGhC,EAAgB,CAAEG,OAAQA,EAAQM,QAASA,EAASJ,KAAMA,EAAMM,MAAOA,IAAUsB,EAAgBJ,EAN5G,CACXjB,OAAQ,MACRG,YAAa,MACbD,QAAS,QACTD,QAAS,SAEmIF,IAAQ,GAAQe,GAC5JQ,EAAeC,GAAQ,WAAc,MAAQ,CAAE9B,KAAMA,EAAMI,QAASA,EAASE,MAAOA,KAAa,CAACN,EAAMI,EAASE,IACrH,OAAQyB,EAAKnB,EAAeoB,SAAU,CAAEC,MAAOJ,EAAcT,SAAUW,EAAKG,EAAaC,KAAM5D,EAAS,CAAE4C,IAAKA,GAAOM,EAAO,CAAEJ,UAAWK,EAAkBN,SAAUA,MAC1K,IACAJ,EAAYoB,YAAc"}
+{"version":3,"file":"CalloutRoot.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -5,10 +5,10 @@ export interface CardProps extends VariantProps<typeof cardVariants> {
     appearance?: Exclude<IAppearance, 'solid' | 'outline'>;
 }
 declare const cardVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
+    weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 declare const Card: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & CardProps & React.RefAttributes<HTMLDivElement>>;
 export default Card;

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

@@ -25,6 +25,7 @@ import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { scalingVariants, weightVariants } from '../../../lib/constants';
 import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
 var cardVariants = cva("border border-slate-6 flex items-center text-slate-12\n  dark:border-slateDarkA-6 dark:text-slateDarkA-12\n  ", {
     variants: {
         radius: {
@@ -51,6 +52,7 @@ var cardVariants = cva("border border-slate-6 flex items-center text-slate-12\n
 });
 var Card = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, size = _a.size, color = _a.color, weight = _a.weight, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, props = __rest(_a, ["children", "className", "radius", "scaling", "size", "color", "weight", "appearance"]);
+    var theme = useTheme().theme;
     var appearanceClassName = '';
     if (appearance === 'classic') {
         appearanceClassName = 'shadow-card-classic dark:shadow-card-dark-classic';
@@ -58,7 +60,12 @@ var Card = forwardRef(function (_a, ref) {
     if (appearance === 'ghost') {
         appearanceClassName = 'border-transparent';
     }
-    return (_jsx("div", __assign({ className: cn(cardVariants({ radius: radius, scaling: scaling, size: size }), appearanceClassName, className), ref: ref }, props, { children: children })));
+    var cardStyle = {
+        radius: theme.themeRadius || radius,
+        scaling: theme.themeScaling || scaling,
+        size: size,
+    };
+    return (_jsx("div", __assign({ className: cn(cardVariants(cardStyle), appearanceClassName, className), ref: ref }, props, { children: children })));
 });
 Card.displayName = 'Card';
 export default Card;

package/dist/lib/components/Card/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 t,weightVariants as s}from"../../constants.mjs";import{cn as i}from"../../utils/utils.mjs";var n=function(){return n=Object.assign||function(r){for(var e,a=1,t=arguments.length;a<t;a++)for(var s in e=arguments[a])Object.prototype.hasOwnProperty.call(e,s)&&(r[s]=e[s]);return r},n.apply(this,arguments)},o=function(r,e){var a={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(a[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(t=Object.getOwnPropertySymbols(r);s<t.length;s++)e.indexOf(t[s])<0&&Object.prototype.propertyIsEnumerable.call(r,t[s])&&(a[t[s]]=r[t[s]])}return a},l=a("border border-slate-6 flex items-center text-slate-12\n  dark:border-slateDarkA-6 dark:text-slateDarkA-12\n  ",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-md"},size:{small:"text-sm min-h-[64px] w-[300px] p-3 space-x-3",medium:"text-base min-h-[80px] w-[350px] p-4 space-x-4",large:"text-lg min-h-[112px] w-[400px] p-8 space-x-8"},scaling:n({},t),weight:n({},s)},defaultVariants:{radius:"medium",scaling:"100%",size:"medium",weight:"medium"}}),c=e((function(e,a){var t=e.children,s=e.className,c=e.radius,d=e.scaling,p=e.size;e.color,e.weight;var m=e.appearance,u=void 0===m?"surface":m,f=o(e,["children","className","radius","scaling","size","color","weight","appearance"]),x="";return"classic"===u&&(x="shadow-card-classic dark:shadow-card-dark-classic"),"ghost"===u&&(x="border-transparent"),r("div",n({className:i(l({radius:c,scaling:d,size:p}),x,s),ref:a},f,{children:t}))}));c.displayName="Card";export{c as default};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{cva as a}from"class-variance-authority";import{scalingVariants as t,weightVariants as s}from"../../constants.mjs";import{cn as i}from"../../utils/utils.mjs";import{useTheme as n}from"../../theme/ThemeProvider.mjs";var o=function(){return o=Object.assign||function(e){for(var r,a=1,t=arguments.length;a<t;a++)for(var s in r=arguments[a])Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s]);return e},o.apply(this,arguments)},l=function(e,r){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(a[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(t=Object.getOwnPropertySymbols(e);s<t.length;s++)r.indexOf(t[s])<0&&Object.prototype.propertyIsEnumerable.call(e,t[s])&&(a[t[s]]=e[t[s]])}return a},c=a("border border-slate-6 flex items-center text-slate-12\n  dark:border-slateDarkA-6 dark:text-slateDarkA-12\n  ",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-md"},size:{small:"text-sm min-h-[64px] w-[300px] p-3 space-x-3",medium:"text-base min-h-[80px] w-[350px] p-4 space-x-4",large:"text-lg min-h-[112px] w-[400px] p-8 space-x-8"},scaling:o({},t),weight:o({},s)},defaultVariants:{radius:"medium",scaling:"100%",size:"medium",weight:"medium"}}),d=r((function(r,a){var t=r.children,s=r.className,d=r.radius,m=r.scaling,p=r.size;r.color,r.weight;var u=r.appearance,f=void 0===u?"surface":u,h=l(r,["children","className","radius","scaling","size","color","weight","appearance"]),x=n().theme,g="";"classic"===f&&(g="shadow-card-classic dark:shadow-card-dark-classic"),"ghost"===f&&(g="border-transparent");var b={radius:x.themeRadius||d,scaling:x.themeScaling||m,size:p};return e("div",o({className:i(c(b),g,s),ref:a},h,{children:t}))}));d.displayName="Card";export{d as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/Card/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, weightVariants } from '../../../lib/constants';\nimport { cn } from '../../../lib/utils/utils';\nvar cardVariants = cva(\"border border-slate-6 flex items-center text-slate-12\\n  dark:border-slateDarkA-6 dark:text-slateDarkA-12\\n  \", {\n    variants: {\n        radius: {\n            none: 'rounded-none',\n            small: 'rounded-[3px]',\n            medium: 'rounded',\n            large: 'rounded-md',\n            full: 'rounded-md',\n        },\n        size: {\n            small: 'text-sm min-h-[64px] w-[300px] p-3 space-x-3',\n            medium: 'text-base min-h-[80px] w-[350px] p-4 space-x-4',\n            large: 'text-lg min-h-[112px] w-[400px] p-8 space-x-8',\n        },\n        scaling: __assign({}, scalingVariants),\n        weight: __assign({}, weightVariants),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        scaling: '100%',\n        size: 'medium',\n        weight: 'medium',\n    },\n});\nvar Card = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, size = _a.size, color = _a.color, weight = _a.weight, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, props = __rest(_a, [\"children\", \"className\", \"radius\", \"scaling\", \"size\", \"color\", \"weight\", \"appearance\"]);\n    var appearanceClassName = '';\n    if (appearance === 'classic') {\n        appearanceClassName = 'shadow-card-classic dark:shadow-card-dark-classic';\n    }\n    if (appearance === 'ghost') {\n        appearanceClassName = 'border-transparent';\n    }\n    return (_jsx(\"div\", __assign({ className: cn(cardVariants({ radius: radius, scaling: scaling, size: size }), appearanceClassName, className), ref: ref }, props, { children: children })));\n});\nCard.displayName = 'Card';\nexport default Card;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","cardVariants","cva","variants","radius","none","small","medium","large","full","size","scaling","scalingVariants","weight","weightVariants","defaultVariants","Card","forwardRef","_a","ref","children","className","color","_b","appearance","props","appearanceClassName","_jsx","cn","displayName"],"mappings":"+OAAA,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,EAAeC,EAAI,gHAAiH,CACpIC,SAAU,CACNC,OAAQ,CACJC,KAAM,eACNC,MAAO,gBACPC,OAAQ,UACRC,MAAO,aACPC,KAAM,cAEVC,KAAM,CACFJ,MAAO,+CACPC,OAAQ,iDACRC,MAAO,iDAEXG,QAAS9B,EAAS,CAAE,EAAE+B,GACtBC,OAAQhC,EAAS,CAAE,EAAEiC,IAEzBC,gBAAiB,CACbX,OAAQ,SACRO,QAAS,OACTD,KAAM,SACNG,OAAQ,YAGZG,EAAOC,GAAW,SAAUC,EAAIC,GAC7B,IAACC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWjB,EAASc,EAAGd,OAAQO,EAAUO,EAAGP,QAASD,EAAOQ,EAAGR,KAAcQ,EAAGI,MAAgBJ,EAAGL,OAAO,IAACU,EAAKL,EAAGM,WAAYA,OAAoB,IAAPD,EAAgB,UAAYA,EAAIE,EAAQ7B,EAAOsB,EAAI,CAAC,WAAY,YAAa,SAAU,UAAW,OAAQ,QAAS,SAAU,eAChTQ,EAAsB,GAO1B,MANmB,YAAfF,IACAE,EAAsB,qDAEP,UAAfF,IACAE,EAAsB,sBAElBC,EAAK,MAAO9C,EAAS,CAAEwC,UAAWO,EAAG3B,EAAa,CAAEG,OAAQA,EAAQO,QAASA,EAASD,KAAMA,IAASgB,EAAqBL,GAAYF,IAAKA,GAAOM,EAAO,CAAEL,SAAUA,IACjL,IACAJ,EAAKa,YAAc"}
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/Card/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, weightVariants } from '../../../lib/constants';\nimport { cn } from '../../../lib/utils/utils';\nimport { useTheme } from '../../../lib/theme';\nvar cardVariants = cva(\"border border-slate-6 flex items-center text-slate-12\\n  dark:border-slateDarkA-6 dark:text-slateDarkA-12\\n  \", {\n    variants: {\n        radius: {\n            none: 'rounded-none',\n            small: 'rounded-[3px]',\n            medium: 'rounded',\n            large: 'rounded-md',\n            full: 'rounded-md',\n        },\n        size: {\n            small: 'text-sm min-h-[64px] w-[300px] p-3 space-x-3',\n            medium: 'text-base min-h-[80px] w-[350px] p-4 space-x-4',\n            large: 'text-lg min-h-[112px] w-[400px] p-8 space-x-8',\n        },\n        scaling: __assign({}, scalingVariants),\n        weight: __assign({}, weightVariants),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        scaling: '100%',\n        size: 'medium',\n        weight: 'medium',\n    },\n});\nvar Card = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, size = _a.size, color = _a.color, weight = _a.weight, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, props = __rest(_a, [\"children\", \"className\", \"radius\", \"scaling\", \"size\", \"color\", \"weight\", \"appearance\"]);\n    var theme = useTheme().theme;\n    var appearanceClassName = '';\n    if (appearance === 'classic') {\n        appearanceClassName = 'shadow-card-classic dark:shadow-card-dark-classic';\n    }\n    if (appearance === 'ghost') {\n        appearanceClassName = 'border-transparent';\n    }\n    var cardStyle = {\n        radius: theme.themeRadius || radius,\n        scaling: theme.themeScaling || scaling,\n        size: size,\n    };\n    return (_jsx(\"div\", __assign({ className: cn(cardVariants(cardStyle), appearanceClassName, className), ref: ref }, props, { children: children })));\n});\nCard.displayName = 'Card';\nexport default Card;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","cardVariants","cva","variants","radius","none","small","medium","large","full","size","scaling","scalingVariants","weight","weightVariants","defaultVariants","Card","forwardRef","_a","ref","children","className","color","_b","appearance","props","theme","useTheme","appearanceClassName","cardStyle","themeRadius","themeScaling","_jsx","cn","displayName"],"mappings":"wSAAA,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,EAAeC,EAAI,gHAAiH,CACpIC,SAAU,CACNC,OAAQ,CACJC,KAAM,eACNC,MAAO,gBACPC,OAAQ,UACRC,MAAO,aACPC,KAAM,cAEVC,KAAM,CACFJ,MAAO,+CACPC,OAAQ,iDACRC,MAAO,iDAEXG,QAAS9B,EAAS,CAAE,EAAE+B,GACtBC,OAAQhC,EAAS,CAAE,EAAEiC,IAEzBC,gBAAiB,CACbX,OAAQ,SACRO,QAAS,OACTD,KAAM,SACNG,OAAQ,YAGZG,EAAOC,GAAW,SAAUC,EAAIC,GAC7B,IAACC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWjB,EAASc,EAAGd,OAAQO,EAAUO,EAAGP,QAASD,EAAOQ,EAAGR,KAAcQ,EAAGI,MAAgBJ,EAAGL,OAAO,IAACU,EAAKL,EAAGM,WAAYA,OAAoB,IAAPD,EAAgB,UAAYA,EAAIE,EAAQ7B,EAAOsB,EAAI,CAAC,WAAY,YAAa,SAAU,UAAW,OAAQ,QAAS,SAAU,eAChTQ,EAAQC,IAAWD,MACnBE,EAAsB,GACP,YAAfJ,IACAI,EAAsB,qDAEP,UAAfJ,IACAI,EAAsB,sBAE1B,IAAIC,EAAY,CACZzB,OAAQsB,EAAMI,aAAe1B,EAC7BO,QAASe,EAAMK,cAAgBpB,EAC/BD,KAAMA,GAEV,OAAQsB,EAAK,MAAOnD,EAAS,CAAEwC,UAAWY,EAAGhC,EAAa4B,GAAYD,EAAqBP,GAAYF,IAAKA,GAAOM,EAAO,CAAEL,SAAUA,IAC1I,IACAJ,EAAKkB,YAAc"}

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

@@ -11,7 +11,7 @@ export interface CheckboxProps extends VariantProps<typeof CheckboxVariants> {
 export declare const CheckboxVariants: (props?: ({
     size?: "small" | "medium" | "large" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
 export default Checkbox;

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

@@ -28,6 +28,7 @@ import { CheckIcon, MinusIcon } from '@radix-ui/react-icons';
 import { Label } from '../../../lib/components/Label';
 import { cn } from '../../../lib/utils/utils';
 import { checkboxAppearanceStyle, radiusVariants, scalingVariants, textColorStyle, } from '../../../lib/constants';
+import { useTheme } from '../../../lib/theme';
 export var CheckboxVariants = cva("peer ring-offset-background", {
     variants: {
         size: {
@@ -82,8 +83,15 @@ var CheckboxLabelVariants = cva('', {
 });
 export var Checkbox = forwardRef(function (_a, ref) {
     var id = _a.id, className = _a.className, children = _a.children, scaling = _a.scaling, radius = _a.radius, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, _d = _a.indeterminate, indeterminate = _d === void 0 ? false : _d, props = __rest(_a, ["id", "className", "children", "scaling", "radius", "size", "color", "appearance", "indeterminate"]);
-    var checkboxClassName = cn(CheckboxVariants({ scaling: scaling, size: size, radius: radius }), checkboxAppearanceStyle(appearance, color, indeterminate), className);
-    return (_jsxs("div", { className: "flex items-center", children: [_jsx(CheckboxPrimitive.Root, __assign({ id: id, ref: ref, className: checkboxClassName }, props, { children: _jsx(CheckboxPrimitive.Indicator, { className: cn('flex items-center justify-center text-current stroke-[0.5px]'), children: indeterminate ? (_jsx(MinusIcon, { className: cn(CheckboxIndicatorVariants({ scaling: scaling, size: size }), 'w-3') })) : (_jsx(CheckIcon, { className: cn(CheckboxIndicatorVariants({ scaling: scaling, size: size })) })) }) })), children && (_jsx(Label, { className: cn(CheckboxLabelVariants({ scaling: scaling, size: size }), className), htmlFor: id, children: children }))] }));
+    var theme = useTheme().theme;
+    var checkboxStyle = {
+        radius: theme.themeRadius || radius,
+        scaling: theme.themeScaling || scaling,
+        color: theme.themeColor || color,
+        size: size,
+    };
+    var checkboxClassName = cn(CheckboxVariants(checkboxStyle), checkboxAppearanceStyle(appearance, checkboxStyle.color, indeterminate), className);
+    return (_jsxs("div", { className: "flex items-center", children: [_jsx(CheckboxPrimitive.Root, __assign({ id: id, ref: ref, className: checkboxClassName }, props, { children: _jsx(CheckboxPrimitive.Indicator, { className: cn('flex items-center justify-center stroke-[0.5px] text-current'), children: indeterminate ? (_jsx(MinusIcon, { className: cn(CheckboxIndicatorVariants({ scaling: scaling, size: size }), 'w-3') })) : (_jsx(CheckIcon, { className: cn(CheckboxIndicatorVariants({ scaling: scaling, size: size })) })) }) })), children && (_jsx(Label, { className: cn(CheckboxLabelVariants({ scaling: scaling, size: size }), className), htmlFor: id, children: children }))] }));
 });
 Checkbox.displayName = 'Checkbox';
 export default Checkbox;

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

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as a}from"react";import{cva as i}from"class-variance-authority";import*as s from"@radix-ui/react-checkbox";import{MinusIcon as t,CheckIcon as l}from"@radix-ui/react-icons";import{Label as c}from"../Label/index.mjs";import{cn as n}from"../../utils/utils.mjs";import{radiusVariants as m,scalingVariants as o,textColorStyle as d,checkboxAppearanceStyle as u}from"../../constants.mjs";var f=function(){return f=Object.assign||function(e){for(var r,a=1,i=arguments.length;a<i;a++)for(var s in r=arguments[a])Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s]);return e},f.apply(this,arguments)},p=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 s=0;for(i=Object.getOwnPropertySymbols(e);s<i.length;s++)r.indexOf(i[s])<0&&Object.prototype.propertyIsEnumerable.call(e,i[s])&&(a[i[s]]=e[i[s]])}return a},g=i("peer ring-offset-background",{variants:{size:{small:"h-3.5 w-3.5 mr-2",medium:"h-4 w-4 mr-2",large:"h-5 w-5 mr-3"},scaling:{"90%":"scale-90 mr-1.5","95%":"scale-95 mr-2","100%":"scale-100 mr-2","105%":"scale-105 mr-2.5","110%":"scale-110 mr-3"},radius:f({},m.small)},defaultVariants:{radius:"medium",size:"medium",scaling:"100%"}}),h=i("stroke-current",{variants:{size:{small:"w-3.5",medium:"w-4",large:"w-5"},scaling:f({},o)},defaultVariants:{size:"medium",scaling:"100%"}}),x=i("",{variants:{size:{small:"text-xs",medium:"text-sm",large:"text-base"},scaling:f({},o),color:d()},defaultVariants:{size:"medium",scaling:"100%",color:"black"}}),b=a((function(a,i){var m=a.id,o=a.className,d=a.children,b=a.scaling,v=a.radius,y=a.size,z=a.color,O=void 0===z?"red":z,j=a.appearance,w=void 0===j?"surface":j,N=a.indeterminate,k=void 0!==N&&N,P=p(a,["id","className","children","scaling","radius","size","color","appearance","indeterminate"]),V=n(g({scaling:b,size:y,radius:v}),u(w,O,k),o);return e("div",{className:"flex items-center",children:[r(s.Root,f({id:m,ref:i,className:V},P,{children:r(s.Indicator,{className:n("flex items-center justify-center text-current stroke-[0.5px]"),children:k?r(t,{className:n(h({scaling:b,size:y}),"w-3")}):r(l,{className:n(h({scaling:b,size:y}))})})})),d&&r(c,{className:n(x({scaling:b,size:y}),o),htmlFor:m,children:d})]})}));b.displayName="Checkbox";export{b as Checkbox,g as CheckboxVariants,b as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as a}from"react";import{cva as i}from"class-variance-authority";import*as s from"@radix-ui/react-checkbox";import{MinusIcon as t,CheckIcon as l}from"@radix-ui/react-icons";import{Label as c}from"../Label/index.mjs";import{cn as m}from"../../utils/utils.mjs";import{radiusVariants as o,scalingVariants as n,textColorStyle as d,checkboxAppearanceStyle as u}from"../../constants.mjs";import{useTheme as f}from"../../theme/ThemeProvider.mjs";var p=function(){return p=Object.assign||function(e){for(var r,a=1,i=arguments.length;a<i;a++)for(var s in r=arguments[a])Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s]);return e},p.apply(this,arguments)},h=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 s=0;for(i=Object.getOwnPropertySymbols(e);s<i.length;s++)r.indexOf(i[s])<0&&Object.prototype.propertyIsEnumerable.call(e,i[s])&&(a[i[s]]=e[i[s]])}return a},g=i("peer ring-offset-background",{variants:{size:{small:"h-3.5 w-3.5 mr-2",medium:"h-4 w-4 mr-2",large:"h-5 w-5 mr-3"},scaling:{"90%":"scale-90 mr-1.5","95%":"scale-95 mr-2","100%":"scale-100 mr-2","105%":"scale-105 mr-2.5","110%":"scale-110 mr-3"},radius:p({},o.small)},defaultVariants:{radius:"medium",size:"medium",scaling:"100%"}}),x=i("stroke-current",{variants:{size:{small:"w-3.5",medium:"w-4",large:"w-5"},scaling:p({},n)},defaultVariants:{size:"medium",scaling:"100%"}}),v=i("",{variants:{size:{small:"text-xs",medium:"text-sm",large:"text-base"},scaling:p({},n),color:d()},defaultVariants:{size:"medium",scaling:"100%",color:"black"}}),b=a((function(a,i){var o=a.id,n=a.className,d=a.children,b=a.scaling,y=a.radius,j=a.size,z=a.color,O=void 0===z?"red":z,w=a.appearance,N=void 0===w?"surface":w,k=a.indeterminate,P=void 0!==k&&k,S=h(a,["id","className","children","scaling","radius","size","color","appearance","indeterminate"]),V=f().theme,C={radius:V.themeRadius||y,scaling:V.themeScaling||b,color:V.themeColor||O,size:j},I=m(g(C),u(N,C.color,P),n);return e("div",{className:"flex items-center",children:[r(s.Root,p({id:o,ref:i,className:I},S,{children:r(s.Indicator,{className:m("flex items-center justify-center stroke-[0.5px] text-current"),children:P?r(t,{className:m(x({scaling:b,size:j}),"w-3")}):r(l,{className:m(x({scaling:b,size:j}))})})})),d&&r(c,{className:m(v({scaling:b,size:j}),n),htmlFor:o,children:d})]})}));b.displayName="Checkbox";export{b as Checkbox,g as CheckboxVariants,b as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/Checkbox/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 * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { CheckIcon, MinusIcon } from '@radix-ui/react-icons';\nimport { Label } from '../../../lib/components/Label';\nimport { cn } from '../../../lib/utils/utils';\nimport { checkboxAppearanceStyle, radiusVariants, scalingVariants, textColorStyle, } from '../../../lib/constants';\nexport var CheckboxVariants = cva(\"peer ring-offset-background\", {\n    variants: {\n        size: {\n            small: 'h-3.5 w-3.5 mr-2',\n            medium: 'h-4 w-4 mr-2',\n            large: 'h-5 w-5 mr-3',\n        },\n        scaling: {\n            '90%': 'scale-90 mr-1.5',\n            '95%': 'scale-95 mr-2',\n            '100%': 'scale-100 mr-2',\n            '105%': 'scale-105 mr-2.5',\n            '110%': 'scale-110 mr-3',\n        },\n        radius: __assign({}, radiusVariants['small']),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        size: 'medium',\n        scaling: '100%',\n    },\n});\nvar CheckboxIndicatorVariants = cva('stroke-current', {\n    variants: {\n        size: {\n            small: 'w-3.5',\n            medium: 'w-4',\n            large: 'w-5',\n        },\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        size: 'medium',\n        scaling: '100%',\n    },\n});\nvar CheckboxLabelVariants = cva('', {\n    variants: {\n        size: {\n            small: 'text-xs',\n            medium: 'text-sm',\n            large: 'text-base',\n        },\n        scaling: __assign({}, scalingVariants),\n        color: textColorStyle(),\n    },\n    defaultVariants: {\n        size: 'medium',\n        scaling: '100%',\n        color: 'black',\n    },\n});\nexport var Checkbox = forwardRef(function (_a, ref) {\n    var id = _a.id, className = _a.className, children = _a.children, scaling = _a.scaling, radius = _a.radius, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, _d = _a.indeterminate, indeterminate = _d === void 0 ? false : _d, props = __rest(_a, [\"id\", \"className\", \"children\", \"scaling\", \"radius\", \"size\", \"color\", \"appearance\", \"indeterminate\"]);\n    var checkboxClassName = cn(CheckboxVariants({ scaling: scaling, size: size, radius: radius }), checkboxAppearanceStyle(appearance, color, indeterminate), className);\n    return (_jsxs(\"div\", { className: \"flex items-center\", children: [_jsx(CheckboxPrimitive.Root, __assign({ id: id, ref: ref, className: checkboxClassName }, props, { children: _jsx(CheckboxPrimitive.Indicator, { className: cn('flex items-center justify-center text-current stroke-[0.5px]'), children: indeterminate ? (_jsx(MinusIcon, { className: cn(CheckboxIndicatorVariants({ scaling: scaling, size: size }), 'w-3') })) : (_jsx(CheckIcon, { className: cn(CheckboxIndicatorVariants({ scaling: scaling, size: size })) })) }) })), children && (_jsx(Label, { className: cn(CheckboxLabelVariants({ scaling: scaling, size: size }), className), htmlFor: id, children: children }))] }));\n});\nCheckbox.displayName = 'Checkbox';\nexport default Checkbox;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","CheckboxVariants","cva","variants","size","small","medium","large","scaling","radius","radiusVariants","defaultVariants","CheckboxIndicatorVariants","scalingVariants","CheckboxLabelVariants","color","textColorStyle","Checkbox","forwardRef","_a","ref","id","className","children","_b","_c","appearance","_d","indeterminate","props","checkboxClassName","cn","checkboxAppearanceStyle","_jsxs","_jsx","CheckboxPrimitive","Root","Indicator","MinusIcon","CheckIcon","Label","htmlFor","displayName"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/Checkbox/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 * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { CheckIcon, MinusIcon } from '@radix-ui/react-icons';\nimport { Label } from '../../../lib/components/Label';\nimport { cn } from '../../../lib/utils/utils';\nimport { checkboxAppearanceStyle, radiusVariants, scalingVariants, textColorStyle, } from '../../../lib/constants';\nimport { useTheme } from '../../../lib/theme';\nexport var CheckboxVariants = cva(\"peer ring-offset-background\", {\n    variants: {\n        size: {\n            small: 'h-3.5 w-3.5 mr-2',\n            medium: 'h-4 w-4 mr-2',\n            large: 'h-5 w-5 mr-3',\n        },\n        scaling: {\n            '90%': 'scale-90 mr-1.5',\n            '95%': 'scale-95 mr-2',\n            '100%': 'scale-100 mr-2',\n            '105%': 'scale-105 mr-2.5',\n            '110%': 'scale-110 mr-3',\n        },\n        radius: __assign({}, radiusVariants['small']),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        size: 'medium',\n        scaling: '100%',\n    },\n});\nvar CheckboxIndicatorVariants = cva('stroke-current', {\n    variants: {\n        size: {\n            small: 'w-3.5',\n            medium: 'w-4',\n            large: 'w-5',\n        },\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        size: 'medium',\n        scaling: '100%',\n    },\n});\nvar CheckboxLabelVariants = cva('', {\n    variants: {\n        size: {\n            small: 'text-xs',\n            medium: 'text-sm',\n            large: 'text-base',\n        },\n        scaling: __assign({}, scalingVariants),\n        color: textColorStyle(),\n    },\n    defaultVariants: {\n        size: 'medium',\n        scaling: '100%',\n        color: 'black',\n    },\n});\nexport var Checkbox = forwardRef(function (_a, ref) {\n    var id = _a.id, className = _a.className, children = _a.children, scaling = _a.scaling, radius = _a.radius, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, _d = _a.indeterminate, indeterminate = _d === void 0 ? false : _d, props = __rest(_a, [\"id\", \"className\", \"children\", \"scaling\", \"radius\", \"size\", \"color\", \"appearance\", \"indeterminate\"]);\n    var theme = useTheme().theme;\n    var checkboxStyle = {\n        radius: theme.themeRadius || radius,\n        scaling: theme.themeScaling || scaling,\n        color: theme.themeColor || color,\n        size: size,\n    };\n    var checkboxClassName = cn(CheckboxVariants(checkboxStyle), checkboxAppearanceStyle(appearance, checkboxStyle.color, indeterminate), className);\n    return (_jsxs(\"div\", { className: \"flex items-center\", children: [_jsx(CheckboxPrimitive.Root, __assign({ id: id, ref: ref, className: checkboxClassName }, props, { children: _jsx(CheckboxPrimitive.Indicator, { className: cn('flex items-center justify-center stroke-[0.5px] text-current'), children: indeterminate ? (_jsx(MinusIcon, { className: cn(CheckboxIndicatorVariants({ scaling: scaling, size: size }), 'w-3') })) : (_jsx(CheckIcon, { className: cn(CheckboxIndicatorVariants({ scaling: scaling, size: size })) })) }) })), children && (_jsx(Label, { className: cn(CheckboxLabelVariants({ scaling: scaling, size: size }), className), htmlFor: id, children: children }))] }));\n});\nCheckbox.displayName = 'Checkbox';\nexport default Checkbox;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","CheckboxVariants","cva","variants","size","small","medium","large","scaling","radius","radiusVariants","defaultVariants","CheckboxIndicatorVariants","scalingVariants","CheckboxLabelVariants","color","textColorStyle","Checkbox","forwardRef","_a","ref","id","className","children","_b","_c","appearance","_d","indeterminate","props","theme","useTheme","checkboxStyle","themeRadius","themeScaling","themeColor","checkboxClassName","cn","checkboxAppearanceStyle","_jsxs","_jsx","CheckboxPrimitive","Root","Indicator","MinusIcon","CheckIcon","Label","htmlFor","displayName"],"mappings":"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"}

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

@@ -12,7 +12,7 @@ export interface CheckboxCardProps extends React.HTMLAttributes<HTMLDivElement>,
     ariaDisabled?: boolean;
 }
 export declare const CheckboxCardVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

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

@@ -27,6 +27,7 @@ import Checkbox from '../../../lib/components/Checkbox';
 import { Label } from '../../../lib/components/Label';
 import { cn } from '../../../lib/utils/utils';
 import { scalingVariants } from '../../../lib/constants';
+import { useTheme } from '../../../lib/theme';
 export var CheckboxCardVariants = cva("flex justify-between space-x-2 w-fit min-w-[200px] border border-slate-7 text-slate-12\n    hover:border-slate-8 hover:cursor-pointer aria-disabled:bg-slate-3 aria-disabled:cursor-not-allowed aria-disabled:text-slateA-9\n    dark:border-slateDark-6 dark:text-slateDark-12 dark:hover:border-slateDark-7\n    dark:aria-disabled:bg-slateDark-3 dark:aria-disabled:text-slateDarkA-8", {
     variants: {
         radius: {
@@ -51,7 +52,13 @@ export var CheckboxCardVariants = cva("flex justify-between space-x-2 w-fit min-
 });
 var CheckboxCard = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, size = _a.size, scaling = _a.scaling, radius = _a.radius, color = _a.color, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, id = _a.id, disabled = _a.disabled, props = __rest(_a, ["className", "children", "size", "scaling", "radius", "color", "appearance", "id", "disabled"]);
-    var labelClassName = cn(CheckboxCardVariants({ size: size, radius: radius, scaling: scaling }), appearance === 'classic' ? 'shadow-card-classic dark:shadow-card-dark-classic' : '', className);
+    var theme = useTheme().theme;
+    var checkboxCardStyle = {
+        radius: theme.themeRadius || radius,
+        scaling: theme.themeScaling || scaling,
+        size: size,
+    };
+    var labelClassName = cn(CheckboxCardVariants(checkboxCardStyle), appearance === 'classic' ? 'shadow-card-classic dark:shadow-card-dark-classic' : '', className);
     return (_jsxs(Label, { htmlFor: id, className: labelClassName, "aria-disabled": disabled, children: [children, _jsx(Checkbox, __assign({ className: "mr-0", ref: ref, id: id, size: size, scaling: scaling, radius: radius, color: color, disabled: disabled, appearance: appearance === 'classic' ? 'classic' : 'surface' }, props))] }));
 });
 CheckboxCard.displayName = 'CheckboxCard';

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

@@ -1,2 +1,2 @@
-import{jsxs as a,jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cva as s}from"class-variance-authority";import{Checkbox as t}from"../Checkbox/index.mjs";import{Label as i}from"../Label/index.mjs";import{cn as l}from"../../utils/utils.mjs";import{scalingVariants as d}from"../../constants.mjs";var o=function(){return o=Object.assign||function(a){for(var r,e=1,s=arguments.length;e<s;e++)for(var t in r=arguments[e])Object.prototype.hasOwnProperty.call(r,t)&&(a[t]=r[t]);return a},o.apply(this,arguments)},n=function(a,r){var e={};for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&r.indexOf(s)<0&&(e[s]=a[s]);if(null!=a&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(s=Object.getOwnPropertySymbols(a);t<s.length;t++)r.indexOf(s[t])<0&&Object.prototype.propertyIsEnumerable.call(a,s[t])&&(e[s[t]]=a[s[t]])}return e},c=s("flex justify-between space-x-2 w-fit min-w-[200px] border border-slate-7 text-slate-12\n    hover:border-slate-8 hover:cursor-pointer aria-disabled:bg-slate-3 aria-disabled:cursor-not-allowed aria-disabled:text-slateA-9\n    dark:border-slateDark-6 dark:text-slateDark-12 dark:hover:border-slateDark-7\n    dark:aria-disabled:bg-slateDark-3 dark:aria-disabled:text-slateDarkA-8",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-md"},size:{small:"text-sm px-3 py-2.5",medium:"text-sm px-4 py-3.5",large:"text-base px-6 py-[20px]"},scaling:o({},d)},defaultVariants:{radius:"medium",scaling:"100%",size:"medium"}}),m=e((function(e,s){var d=e.className,m=e.children,p=e.size,u=e.scaling,b=e.radius,f=e.color,x=e.appearance,y=void 0===x?"surface":x,h=e.id,g=e.disabled,k=n(e,["className","children","size","scaling","radius","color","appearance","id","disabled"]),v=l(c({size:p,radius:b,scaling:u}),"classic"===y?"shadow-card-classic dark:shadow-card-dark-classic":"",d);return a(i,{htmlFor:h,className:v,"aria-disabled":g,children:[m,r(t,o({className:"mr-0",ref:s,id:h,size:p,scaling:u,radius:b,color:f,disabled:g,appearance:"classic"===y?"classic":"surface"},k))]})}));m.displayName="CheckboxCard";export{c as CheckboxCardVariants,m as default};
+import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as r}from"react";import{cva as s}from"class-variance-authority";import{Checkbox as t}from"../Checkbox/index.mjs";import{Label as i}from"../Label/index.mjs";import{cn as o}from"../../utils/utils.mjs";import{scalingVariants as d}from"../../constants.mjs";import{useTheme as l}from"../../theme/ThemeProvider.mjs";var n=function(){return n=Object.assign||function(e){for(var a,r=1,s=arguments.length;r<s;r++)for(var t in a=arguments[r])Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t]);return e},n.apply(this,arguments)},c=function(e,a){var r={};for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&a.indexOf(s)<0&&(r[s]=e[s]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(s=Object.getOwnPropertySymbols(e);t<s.length;t++)a.indexOf(s[t])<0&&Object.prototype.propertyIsEnumerable.call(e,s[t])&&(r[s[t]]=e[s[t]])}return r},m=s("flex justify-between space-x-2 w-fit min-w-[200px] border border-slate-7 text-slate-12\n    hover:border-slate-8 hover:cursor-pointer aria-disabled:bg-slate-3 aria-disabled:cursor-not-allowed aria-disabled:text-slateA-9\n    dark:border-slateDark-6 dark:text-slateDark-12 dark:hover:border-slateDark-7\n    dark:aria-disabled:bg-slateDark-3 dark:aria-disabled:text-slateDarkA-8",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-md"},size:{small:"text-sm px-3 py-2.5",medium:"text-sm px-4 py-3.5",large:"text-base px-6 py-[20px]"},scaling:n({},d)},defaultVariants:{radius:"medium",scaling:"100%",size:"medium"}}),p=r((function(r,s){var d=r.className,p=r.children,u=r.size,b=r.scaling,f=r.radius,x=r.color,h=r.appearance,y=void 0===h?"surface":h,g=r.id,k=r.disabled,v=c(r,["className","children","size","scaling","radius","color","appearance","id","disabled"]),j=l().theme,O={radius:j.themeRadius||f,scaling:j.themeScaling||b,size:u},w=o(m(O),"classic"===y?"shadow-card-classic dark:shadow-card-dark-classic":"",d);return e(i,{htmlFor:g,className:w,"aria-disabled":k,children:[p,a(t,n({className:"mr-0",ref:s,id:g,size:u,scaling:b,radius:f,color:x,disabled:k,appearance:"classic"===y?"classic":"surface"},v))]})}));p.displayName="CheckboxCard";export{m as CheckboxCardVariants,p as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/CheckboxCard/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 Checkbox from '../../../lib/components/Checkbox';\nimport { Label } from '../../../lib/components/Label';\nimport { cn } from '../../../lib/utils/utils';\nimport { scalingVariants } from '../../../lib/constants';\nexport var CheckboxCardVariants = cva(\"flex justify-between space-x-2 w-fit min-w-[200px] border border-slate-7 text-slate-12\\n    hover:border-slate-8 hover:cursor-pointer aria-disabled:bg-slate-3 aria-disabled:cursor-not-allowed aria-disabled:text-slateA-9\\n    dark:border-slateDark-6 dark:text-slateDark-12 dark:hover:border-slateDark-7\\n    dark:aria-disabled:bg-slateDark-3 dark:aria-disabled:text-slateDarkA-8\", {\n    variants: {\n        radius: {\n            none: 'rounded-none',\n            small: 'rounded-[3px]',\n            medium: 'rounded',\n            large: 'rounded-md',\n            full: 'rounded-md',\n        },\n        size: {\n            small: 'text-sm px-3 py-2.5',\n            medium: 'text-sm px-4 py-3.5',\n            large: 'text-base px-6 py-[20px]',\n        },\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        scaling: '100%',\n        size: 'medium',\n    },\n});\nvar CheckboxCard = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, size = _a.size, scaling = _a.scaling, radius = _a.radius, color = _a.color, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, id = _a.id, disabled = _a.disabled, props = __rest(_a, [\"className\", \"children\", \"size\", \"scaling\", \"radius\", \"color\", \"appearance\", \"id\", \"disabled\"]);\n    var labelClassName = cn(CheckboxCardVariants({ size: size, radius: radius, scaling: scaling }), appearance === 'classic' ? 'shadow-card-classic dark:shadow-card-dark-classic' : '', className);\n    return (_jsxs(Label, { htmlFor: id, className: labelClassName, \"aria-disabled\": disabled, children: [children, _jsx(Checkbox, __assign({ className: \"mr-0\", ref: ref, id: id, size: size, scaling: scaling, radius: radius, color: color, disabled: disabled, appearance: appearance === 'classic' ? 'classic' : 'surface' }, props))] }));\n});\nCheckboxCard.displayName = 'CheckboxCard';\nexport default CheckboxCard;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","CheckboxCardVariants","cva","variants","radius","none","small","medium","large","full","size","scaling","scalingVariants","defaultVariants","CheckboxCard","forwardRef","_a","ref","className","children","color","_b","appearance","id","disabled","props","labelClassName","cn","_jsxs","Label","htmlFor","_jsx","Checkbox","displayName"],"mappings":"iUAAA,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,EAQWiB,EAAuBC,EAAI,4XAA6X,CAC/ZC,SAAU,CACNC,OAAQ,CACJC,KAAM,eACNC,MAAO,gBACPC,OAAQ,UACRC,MAAO,aACPC,KAAM,cAEVC,KAAM,CACFJ,MAAO,sBACPC,OAAQ,sBACRC,MAAO,4BAEXG,QAAS9B,EAAS,CAAE,EAAE+B,IAE1BC,gBAAiB,CACbT,OAAQ,SACRO,QAAS,OACTD,KAAM,YAGVI,EAAeC,GAAW,SAAUC,EAAIC,GACxC,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUT,EAAOM,EAAGN,KAAMC,EAAUK,EAAGL,QAASP,EAASY,EAAGZ,OAAQgB,EAAQJ,EAAGI,MAAOC,EAAKL,EAAGM,WAAYA,OAAoB,IAAPD,EAAgB,UAAYA,EAAIE,EAAKP,EAAGO,GAAIC,EAAWR,EAAGQ,SAAUC,EAAQ7B,EAAOoB,EAAI,CAAC,YAAa,WAAY,OAAQ,UAAW,SAAU,QAAS,aAAc,KAAM,aAC1UU,EAAiBC,EAAG1B,EAAqB,CAAES,KAAMA,EAAMN,OAAQA,EAAQO,QAASA,IAA2B,YAAfW,EAA2B,oDAAsD,GAAIJ,GACrL,OAAQU,EAAMC,EAAO,CAAEC,QAASP,EAAIL,UAAWQ,EAAgB,gBAAiBF,EAAUL,SAAU,CAACA,EAAUY,EAAKC,EAAUnD,EAAS,CAAEqC,UAAW,OAAQD,IAAKA,EAAKM,GAAIA,EAAIb,KAAMA,EAAMC,QAASA,EAASP,OAAQA,EAAQgB,MAAOA,EAAOI,SAAUA,EAAUF,WAA2B,YAAfA,EAA2B,UAAY,WAAaG,MAClU,IACAX,EAAamB,YAAc"}
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/CheckboxCard/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 Checkbox from '../../../lib/components/Checkbox';\nimport { Label } from '../../../lib/components/Label';\nimport { cn } from '../../../lib/utils/utils';\nimport { scalingVariants } from '../../../lib/constants';\nimport { useTheme } from '../../../lib/theme';\nexport var CheckboxCardVariants = cva(\"flex justify-between space-x-2 w-fit min-w-[200px] border border-slate-7 text-slate-12\\n    hover:border-slate-8 hover:cursor-pointer aria-disabled:bg-slate-3 aria-disabled:cursor-not-allowed aria-disabled:text-slateA-9\\n    dark:border-slateDark-6 dark:text-slateDark-12 dark:hover:border-slateDark-7\\n    dark:aria-disabled:bg-slateDark-3 dark:aria-disabled:text-slateDarkA-8\", {\n    variants: {\n        radius: {\n            none: 'rounded-none',\n            small: 'rounded-[3px]',\n            medium: 'rounded',\n            large: 'rounded-md',\n            full: 'rounded-md',\n        },\n        size: {\n            small: 'text-sm px-3 py-2.5',\n            medium: 'text-sm px-4 py-3.5',\n            large: 'text-base px-6 py-[20px]',\n        },\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        scaling: '100%',\n        size: 'medium',\n    },\n});\nvar CheckboxCard = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, size = _a.size, scaling = _a.scaling, radius = _a.radius, color = _a.color, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, id = _a.id, disabled = _a.disabled, props = __rest(_a, [\"className\", \"children\", \"size\", \"scaling\", \"radius\", \"color\", \"appearance\", \"id\", \"disabled\"]);\n    var theme = useTheme().theme;\n    var checkboxCardStyle = {\n        radius: theme.themeRadius || radius,\n        scaling: theme.themeScaling || scaling,\n        size: size,\n    };\n    var labelClassName = cn(CheckboxCardVariants(checkboxCardStyle), appearance === 'classic' ? 'shadow-card-classic dark:shadow-card-dark-classic' : '', className);\n    return (_jsxs(Label, { htmlFor: id, className: labelClassName, \"aria-disabled\": disabled, children: [children, _jsx(Checkbox, __assign({ className: \"mr-0\", ref: ref, id: id, size: size, scaling: scaling, radius: radius, color: color, disabled: disabled, appearance: appearance === 'classic' ? 'classic' : 'surface' }, props))] }));\n});\nCheckboxCard.displayName = 'CheckboxCard';\nexport default CheckboxCard;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","CheckboxCardVariants","cva","variants","radius","none","small","medium","large","full","size","scaling","scalingVariants","defaultVariants","CheckboxCard","forwardRef","_a","ref","className","children","color","_b","appearance","id","disabled","props","theme","useTheme","checkboxCardStyle","themeRadius","themeScaling","labelClassName","cn","_jsxs","Label","htmlFor","_jsx","Checkbox","displayName"],"mappings":"0XAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EASWiB,EAAuBC,EAAI,4XAA6X,CAC/ZC,SAAU,CACNC,OAAQ,CACJC,KAAM,eACNC,MAAO,gBACPC,OAAQ,UACRC,MAAO,aACPC,KAAM,cAEVC,KAAM,CACFJ,MAAO,sBACPC,OAAQ,sBACRC,MAAO,4BAEXG,QAAS9B,EAAS,CAAE,EAAE+B,IAE1BC,gBAAiB,CACbT,OAAQ,SACRO,QAAS,OACTD,KAAM,YAGVI,EAAeC,GAAW,SAAUC,EAAIC,GACxC,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUT,EAAOM,EAAGN,KAAMC,EAAUK,EAAGL,QAASP,EAASY,EAAGZ,OAAQgB,EAAQJ,EAAGI,MAAOC,EAAKL,EAAGM,WAAYA,OAAoB,IAAPD,EAAgB,UAAYA,EAAIE,EAAKP,EAAGO,GAAIC,EAAWR,EAAGQ,SAAUC,EAAQ7B,EAAOoB,EAAI,CAAC,YAAa,WAAY,OAAQ,UAAW,SAAU,QAAS,aAAc,KAAM,aAC1UU,EAAQC,IAAWD,MACnBE,EAAoB,CACpBxB,OAAQsB,EAAMG,aAAezB,EAC7BO,QAASe,EAAMI,cAAgBnB,EAC/BD,KAAMA,GAENqB,EAAiBC,EAAG/B,EAAqB2B,GAAmC,YAAfN,EAA2B,oDAAsD,GAAIJ,GACtJ,OAAQe,EAAMC,EAAO,CAAEC,QAASZ,EAAIL,UAAWa,EAAgB,gBAAiBP,EAAUL,SAAU,CAACA,EAAUiB,EAAKC,EAAUxD,EAAS,CAAEqC,UAAW,OAAQD,IAAKA,EAAKM,GAAIA,EAAIb,KAAMA,EAAMC,QAASA,EAASP,OAAQA,EAAQgB,MAAOA,EAAOI,SAAUA,EAAUF,WAA2B,YAAfA,EAA2B,UAAY,WAAaG,MAClU,IACAX,EAAawB,YAAc"}