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

package/dist/lib/components/ContextMenu/ContextMenuRoot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuRoot.mjs","sources":["../../../lib/components/ContextMenu/ContextMenuRoot.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createContext, forwardRef, useContext, useMemo, } from 'react';\nimport * as ContextMenuPrimitive from '@radix-ui/react-context-menu';\nvar ContextMenuContext = createContext({\n    radius: 'medium',\n    scaling: '100%',\n    size: 'medium',\n    color: 'red',\n    appearance: 'solid',\n});\nexport var useContextMenuContext = function () {\n    return useContext(ContextMenuContext);\n};\nexport var ContextMenuRoot = forwardRef(function (_a, ref) {\n    var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, color = _a.color, appearance = _a.appearance, props = __rest(_a, [\"children\", \"radius\", \"size\", \"scaling\", \"color\", \"appearance\"]);\n    var contextValue = useMemo(function () { return ({ radius: radius, size: size, scaling: scaling, color: color, appearance: appearance }); }, [radius, size, scaling, color, appearance]);\n    return (_jsx(ContextMenuContext.Provider, { value: contextValue, children: _jsx(\"div\", { ref: ref, children: _jsx(ContextMenuPrimitive.Root, __assign({}, props, { children: children })) }) }));\n});\nContextMenuRoot.displayName = 'ContextMenu.Root';\nexport default ContextMenuRoot;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","ContextMenuContext","createContext","radius","scaling","size","color","appearance","useContextMenuContext","useContext","ContextMenuRoot","forwardRef","_a","ref","children","props","contextValue","useMemo","_jsx","Provider","value","ContextMenuPrimitive","Root","displayName"],"mappings":"0KAAA,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,EAIIiB,EAAqBC,EAAc,CACnCC,OAAQ,SACRC,QAAS,OACTC,KAAM,SACNC,MAAO,MACPC,WAAY,UAELC,EAAwB,WAC/B,OAAOC,EAAWR,EACtB,EACWS,EAAkBC,GAAW,SAAUC,EAAIC,GAClD,IAAIC,EAAWF,EAAGE,SAAUX,EAASS,EAAGT,OAAQE,EAAOO,EAAGP,KAAMD,EAAUQ,EAAGR,QAASE,EAAQM,EAAGN,MAAOC,EAAaK,EAAGL,WAAYQ,EAAQnB,EAAOgB,EAAI,CAAC,WAAY,SAAU,OAAQ,UAAW,QAAS,eACtMI,EAAeC,GAAQ,WAAc,OAAUd,OAAQA,EAAQE,KAAMA,EAAMD,QAASA,EAASE,MAAOA,EAAOC,WAAYA,EAAc,GAAI,CAACJ,EAAQE,EAAMD,EAASE,EAAOC,IAC5K,OAAQW,EAAKjB,EAAmBkB,SAAU,CAAEC,MAAOJ,EAAcF,SAAUI,EAAK,MAAO,CAAEL,IAAKA,EAAKC,SAAUI,EAAKG,EAAqBC,KAAMzC,EAAS,CAAE,EAAEkC,EAAO,CAAED,SAAUA,QACjL,IACAJ,EAAgBa,YAAc"}
+{"version":3,"file":"ContextMenuRoot.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/components/ContextMenu/ContextMenuSubContent.d.ts

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

package/dist/lib/components/DataList/DataListLabel.d.ts

@@ -5,6 +5,6 @@ export interface DataListLabelProps extends VariantProps<typeof dataListLabelVar
 }
 export declare const dataListLabelVariants: (props?: ({
     size?: "small" | "medium" | "large" | 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;
 export declare const DataListLabel: React.ForwardRefExoticComponent<Omit<DataListTheme.LabelProps & React.RefAttributes<HTMLElement>, "ref"> & DataListLabelProps & React.RefAttributes<HTMLElement>>;

package/dist/lib/components/DataList/DataListRoot.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,10 +22,11 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, forwardRef, useContext, useMemo, } from 'react';
+import { createContext, forwardRef, useContext, } from 'react';
 import { DataList as DataListTheme } from '@radix-ui/themes';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
 export var dataListVariants = cva('flex flex-col', {
     variants: {
         size: {
@@ -47,7 +49,12 @@ export var useDataListContext = function () {
 };
 export var DataListRoot = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, size = _a.size, scaling = _a.scaling, color = _a.color, props = __rest(_a, ["children", "className", "size", "scaling", "color"]);
-    var contextValue = useMemo(function () { return ({ size: size, scaling: scaling, color: color }); }, [size, scaling, color]);
+    var theme = useTheme().theme;
+    var contextValue = {
+        scaling: theme.themeScaling || scaling,
+        color: theme.themeColor || color,
+        size: size,
+    };
     return (_jsx(DataListContext.Provider, { value: contextValue, children: _jsx(DataListTheme.Root, __assign({ ref: ref }, props, { className: cn(dataListVariants({ size: size }), className), children: children })) }));
 });
 DataListRoot.displayName = 'DataList.Root';

package/dist/lib/components/DataList/DataListRoot.mjs

@@ -1,2 +1,3 @@
-import{jsx as r}from"react/jsx-runtime";import{createContext as e,forwardRef as t,useMemo as o,useContext as a}from"react";import{DataList as i}from"@radix-ui/themes";import{cva as n}from"class-variance-authority";import{cn as l}from"../../utils/utils.mjs";var s=function(){return s=Object.assign||function(r){for(var e,t=1,o=arguments.length;t<o;t++)for(var a in e=arguments[t])Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r},s.apply(this,arguments)},c=function(r,e){var t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(t[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(r);a<o.length;a++)e.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(r,o[a])&&(t[o[a]]=r[o[a]])}return t},m=n("flex flex-col",{variants:{size:{small:"space-y-3",medium:"space-y-4",large:"space-y-5"}},defaultVariants:{size:"medium"}}),u=e({size:"medium",scaling:"100%",color:"black"}),f=function(){return a(u)},p=t((function(e,t){var a=e.children,n=e.className,f=e.size,p=e.scaling,y=e.color,d=c(e,["children","className","size","scaling","color"]),O=o((function(){return{size:f,scaling:p,color:y}}),[f,p,y]);return r(u.Provider,{value:O,children:r(i.Root,s({ref:t},d,{className:l(m({size:f}),n),children:a}))})}));p.displayName="DataList.Root";export{p as DataListRoot,m as dataListVariants,p as default,f as useDataListContext};
+"use client";
+import{jsx as e}from"react/jsx-runtime";import{createContext as r,forwardRef as t,useContext as o}from"react";import{DataList as a}from"@radix-ui/themes";import{cva as i}from"class-variance-authority";import{cn as l}from"../../utils/utils.mjs";import{useTheme as n}from"../../theme/ThemeProvider.mjs";var s=function(){return s=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var a in r=arguments[t])Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);return e},s.apply(this,arguments)},c=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)r.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(t[o[a]]=e[o[a]])}return t},m=i("flex flex-col",{variants:{size:{small:"space-y-3",medium:"space-y-4",large:"space-y-5"}},defaultVariants:{size:"medium"}}),p=r({size:"medium",scaling:"100%",color:"black"}),f=function(){return o(p)},u=t((function(r,t){var o=r.children,i=r.className,f=r.size,u=r.scaling,y=r.color,h=c(r,["children","className","size","scaling","color"]),d=n().theme,v={scaling:d.themeScaling||u,color:d.themeColor||y,size:f};return e(p.Provider,{value:v,children:e(a.Root,s({ref:t},h,{className:l(m({size:f}),i),children:o}))})}));u.displayName="DataList.Root";export{u as DataListRoot,m as dataListVariants,u as default,f as useDataListContext};
 //# sourceMappingURL=DataListRoot.mjs.map

package/dist/lib/components/DataList/DataListRoot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataListRoot.mjs","sources":["../../../lib/components/DataList/DataListRoot.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createContext, forwardRef, useContext, useMemo, } from 'react';\nimport { DataList as DataListTheme } from '@radix-ui/themes';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nexport var dataListVariants = cva('flex flex-col', {\n    variants: {\n        size: {\n            small: 'space-y-3',\n            medium: 'space-y-4',\n            large: 'space-y-5',\n        },\n    },\n    defaultVariants: {\n        size: 'medium',\n    },\n});\nvar DataListContext = createContext({\n    size: 'medium',\n    scaling: '100%',\n    color: 'black',\n});\nexport var useDataListContext = function () {\n    return useContext(DataListContext);\n};\nexport var DataListRoot = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, size = _a.size, scaling = _a.scaling, color = _a.color, props = __rest(_a, [\"children\", \"className\", \"size\", \"scaling\", \"color\"]);\n    var contextValue = useMemo(function () { return ({ size: size, scaling: scaling, color: color }); }, [size, scaling, color]);\n    return (_jsx(DataListContext.Provider, { value: contextValue, children: _jsx(DataListTheme.Root, __assign({ ref: ref }, props, { className: cn(dataListVariants({ size: size }), className), children: children })) }));\n});\nDataListRoot.displayName = 'DataList.Root';\nexport default DataListRoot;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","dataListVariants","cva","variants","size","small","medium","large","defaultVariants","DataListContext","createContext","scaling","color","useDataListContext","useContext","DataListRoot","forwardRef","_a","ref","children","className","props","contextValue","useMemo","_jsx","Provider","value","DataListTheme","Root","cn","displayName"],"mappings":"iQAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAMWiB,EAAmBC,EAAI,gBAAiB,CAC/CC,SAAU,CACNC,KAAM,CACFC,MAAO,YACPC,OAAQ,YACRC,MAAO,cAGfC,gBAAiB,CACbJ,KAAM,YAGVK,EAAkBC,EAAc,CAChCN,KAAM,SACNO,QAAS,OACTC,MAAO,UAEAC,EAAqB,WAC5B,OAAOC,EAAWL,EACtB,EACWM,EAAeC,GAAW,SAAUC,EAAIC,GAC/C,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWhB,EAAOa,EAAGb,KAAMO,EAAUM,EAAGN,QAASC,EAAQK,EAAGL,MAAOS,EAAQzB,EAAOqB,EAAI,CAAC,WAAY,YAAa,OAAQ,UAAW,UAC1KK,EAAeC,GAAQ,WAAc,MAAQ,CAAEnB,KAAMA,EAAMO,QAASA,EAASC,MAAOA,KAAa,CAACR,EAAMO,EAASC,IACrH,OAAQY,EAAKf,EAAgBgB,SAAU,CAAEC,MAAOJ,EAAcH,SAAUK,EAAKG,EAAcC,KAAM/C,EAAS,CAAEqC,IAAKA,GAAOG,EAAO,CAAED,UAAWS,EAAG5B,EAAiB,CAAEG,KAAMA,IAASgB,GAAYD,SAAUA,MAC3M,IACAJ,EAAae,YAAc"}
+{"version":3,"file":"DataListRoot.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/components/DataList/DataListValue.d.ts

@@ -5,7 +5,7 @@ export interface DataListValueProps extends VariantProps<typeof dataListValueVar
 }
 export declare const dataListValueVariants: (props?: ({
     size?: "small" | "medium" | "large" | 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 DataListValue: React.ForwardRefExoticComponent<Omit<DataListTheme.ValueProps & React.RefAttributes<HTMLElement>, "ref"> & DataListValueProps & React.RefAttributes<HTMLElement>>;

package/dist/lib/components/Dialog/DialogAction.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 export interface DialogActionProps extends VariantProps<typeof dialogActionVariants> {
 }
 export declare const dialogActionVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | "x-large" | null | undefined;
     color?: string | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/lib/components/Dialog/DialogCancel.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 export interface DialogCancelProps extends VariantProps<typeof dialogCancelVariants> {
 }
 export declare const dialogCancelVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | "x-large" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const DialogCancel: React.ForwardRefExoticComponent<Omit<DialogTheme.CloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & DialogCancelProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/lib/components/Dialog/DialogContent.d.ts

@@ -4,7 +4,7 @@ import { Dialog as DialogTheme } from '@radix-ui/themes';
 export interface DialogContentProps extends VariantProps<typeof dialogContentVariants> {
 }
 export declare const dialogContentVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | "x-large" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/lib/components/Dialog/DialogRoot.js

@@ -1,3 +1,4 @@
+'use client';
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -23,6 +24,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext } from 'react';
 import { Theme, Dialog as DialogTheme } from '@radix-ui/themes';
+import { useTheme } from '../../../lib/theme';
 export var DialogContext = createContext({
     size: 'medium',
     scaling: '100%',
@@ -31,7 +33,13 @@ export var DialogContext = createContext({
 });
 export var DialogRoot = function (_a) {
     var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, color = _a.color, props = __rest(_a, ["children", "radius", "size", "scaling", "color"]);
-    var contextValue = { radius: radius, size: size, scaling: scaling, color: color };
+    var theme = useTheme().theme;
+    var contextValue = {
+        radius: theme.themeRadius || radius,
+        scaling: theme.themeScaling || scaling,
+        color: theme.themeColor || color,
+        size: size,
+    };
     return (_jsx(Theme, { accentColor: color, children: _jsx(DialogContext.Provider, { value: contextValue, children: _jsx(DialogTheme.Root, __assign({}, props, { children: children })) }) }));
 };
 DialogRoot.displayName = 'Dialog.Root';

package/dist/lib/components/Dialog/DialogRoot.mjs

@@ -1,2 +1,3 @@
-import{jsx as r}from"react/jsx-runtime";import{createContext as e}from"react";import{Theme as o,Dialog as t}from"@radix-ui/themes";var i=function(){return i=Object.assign||function(r){for(var e,o=1,t=arguments.length;o<t;o++)for(var i in e=arguments[o])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},i.apply(this,arguments)},n=function(r,e){var o={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(o[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(r);i<t.length;i++)e.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(r,t[i])&&(o[t[i]]=r[t[i]])}return o},a=e({size:"medium",scaling:"100%",color:"red",radius:"medium"}),c=function(e){var c=e.children,l=e.radius,s=e.size,p=e.scaling,u=e.color,d=n(e,["children","radius","size","scaling","color"]),f={radius:l,size:s,scaling:p,color:u};return r(o,{accentColor:u,children:r(a.Provider,{value:f,children:r(t.Root,i({},d,{children:c}))})})};c.displayName="Dialog.Root";export{a as DialogContext,c as DialogRoot};
+"use client";
+import{jsx as r}from"react/jsx-runtime";import{createContext as e}from"react";import{Theme as o,Dialog as t}from"@radix-ui/themes";import{useTheme as i}from"../../theme/ThemeProvider.mjs";var n=function(){return n=Object.assign||function(r){for(var e,o=1,t=arguments.length;o<t;o++)for(var i in e=arguments[o])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},n.apply(this,arguments)},a=function(r,e){var o={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(o[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(r);i<t.length;i++)e.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(r,t[i])&&(o[t[i]]=r[t[i]])}return o},l=e({size:"medium",scaling:"100%",color:"red",radius:"medium"}),c=function(e){var c=e.children,m=e.radius,s=e.size,p=e.scaling,u=e.color,d=a(e,["children","radius","size","scaling","color"]),f=i().theme,h={radius:f.themeRadius||m,scaling:f.themeScaling||p,color:f.themeColor||u,size:s};return r(o,{accentColor:u,children:r(l.Provider,{value:h,children:r(t.Root,n({},d,{children:c}))})})};c.displayName="Dialog.Root";export{l as DialogContext,c as DialogRoot};
 //# sourceMappingURL=DialogRoot.mjs.map

package/dist/lib/components/Dialog/DialogRoot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DialogRoot.mjs","sources":["../../../lib/components/Dialog/DialogRoot.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createContext } from 'react';\nimport { Theme, Dialog as DialogTheme } from '@radix-ui/themes';\nexport var DialogContext = createContext({\n    size: 'medium',\n    scaling: '100%',\n    color: 'red',\n    radius: 'medium',\n});\nexport var DialogRoot = function (_a) {\n    var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, color = _a.color, props = __rest(_a, [\"children\", \"radius\", \"size\", \"scaling\", \"color\"]);\n    var contextValue = { radius: radius, size: size, scaling: scaling, color: color };\n    return (_jsx(Theme, { accentColor: color, children: _jsx(DialogContext.Provider, { value: contextValue, children: _jsx(DialogTheme.Root, __assign({}, props, { children: children })) }) }));\n};\nDialogRoot.displayName = 'Dialog.Root';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","DialogContext","createContext","size","scaling","color","radius","DialogRoot","_a","children","props","contextValue","_jsx","Theme","accentColor","Provider","value","DialogTheme","Root","displayName"],"mappings":"mIAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAIWiB,EAAgBC,EAAc,CACrCC,KAAM,SACNC,QAAS,OACTC,MAAO,MACPC,OAAQ,WAEDC,EAAa,SAAUC,GAC9B,IAAIC,EAAWD,EAAGC,SAAUH,EAASE,EAAGF,OAAQH,EAAOK,EAAGL,KAAMC,EAAUI,EAAGJ,QAASC,EAAQG,EAAGH,MAAOK,EAAQd,EAAOY,EAAI,CAAC,WAAY,SAAU,OAAQ,UAAW,UACjKG,EAAe,CAAEL,OAAQA,EAAQH,KAAMA,EAAMC,QAASA,EAASC,MAAOA,GAC1E,OAAQO,EAAKC,EAAO,CAAEC,YAAaT,EAAOI,SAAUG,EAAKX,EAAcc,SAAU,CAAEC,MAAOL,EAAcF,SAAUG,EAAKK,EAAYC,KAAMrC,EAAS,CAAE,EAAE6B,EAAO,CAAED,SAAUA,QAC7K,EACAF,EAAWY,YAAc"}
+{"version":3,"file":"DialogRoot.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/components/DropdownMenu/DropdonMenuSubContent.d.ts

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

package/dist/lib/components/DropdownMenu/DropdownMenuContent.d.ts

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

package/dist/lib/components/DropdownMenu/DropdownMenuItem.d.ts

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

package/dist/lib/components/DropdownMenu/DropdownMenuItemIndicator.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 export interface DropdownMenuItemIndicatorProps extends VariantProps<typeof dropdownMenuItemIndicatorVariants> {
 }
 export declare const dropdownMenuItemIndicatorVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const DropdownMenuItemIndicator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & DropdownMenuItemIndicatorProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/lib/components/DropdownMenu/DropdownMenuRoot.js

@@ -1,3 +1,4 @@
+'use client';
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -23,6 +24,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext } from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { useTheme } from '../../../lib/theme';
 export var DropdownMenuContext = createContext({
     radius: 'medium',
     size: 'medium',
@@ -32,7 +34,14 @@ export var DropdownMenuContext = createContext({
 });
 export var DropdownMenuRoot = function (_a) {
     var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, color = _a.color, appearance = _a.appearance, props = __rest(_a, ["children", "radius", "size", "scaling", "color", "appearance"]);
-    var contextValue = { radius: radius, size: size, scaling: scaling, color: color, appearance: appearance };
+    var theme = useTheme().theme;
+    var contextValue = {
+        radius: theme.themeRadius || radius,
+        scaling: theme.themeScaling || scaling,
+        color: theme.themeColor || color,
+        size: size,
+        appearance: appearance,
+    };
     return (_jsx(DropdownMenuContext.Provider, { value: contextValue, children: _jsx(DropdownMenuPrimitive.Root, __assign({}, props, { children: children })) }));
 };
 DropdownMenuRoot.displayName = 'DropdownMenu.Root';

package/dist/lib/components/DropdownMenu/DropdownMenuRoot.mjs

@@ -1,2 +1,3 @@
-import{jsx as r}from"react/jsx-runtime";import{createContext as e}from"react";import*as o from"@radix-ui/react-dropdown-menu";var n=function(){return n=Object.assign||function(r){for(var e,o=1,n=arguments.length;o<n;o++)for(var a in e=arguments[o])Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r},n.apply(this,arguments)},a=function(r,e){var o={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&e.indexOf(n)<0&&(o[n]=r[n]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(r);a<n.length;a++)e.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(r,n[a])&&(o[n[a]]=r[n[a]])}return o},t=e({radius:"medium",size:"medium",scaling:"100%",color:"red",appearance:"solid"}),i=function(e){var i=e.children,c=e.radius,p=e.size,l=e.scaling,s=e.color,u=e.appearance,d=a(e,["children","radius","size","scaling","color","appearance"]),f={radius:c,size:p,scaling:l,color:s,appearance:u};return r(t.Provider,{value:f,children:r(o.Root,n({},d,{children:i}))})};i.displayName="DropdownMenu.Root";export{t as DropdownMenuContext,i as DropdownMenuRoot};
+"use client";
+import{jsx as r}from"react/jsx-runtime";import{createContext as e}from"react";import*as o from"@radix-ui/react-dropdown-menu";import{useTheme as t}from"../../theme/ThemeProvider.mjs";var a=function(){return a=Object.assign||function(r){for(var e,o=1,t=arguments.length;o<t;o++)for(var a in e=arguments[o])Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r},a.apply(this,arguments)},n=function(r,e){var o={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(o[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(t=Object.getOwnPropertySymbols(r);a<t.length;a++)e.indexOf(t[a])<0&&Object.prototype.propertyIsEnumerable.call(r,t[a])&&(o[t[a]]=r[t[a]])}return o},i=e({radius:"medium",size:"medium",scaling:"100%",color:"red",appearance:"solid"}),c=function(e){var c=e.children,l=e.radius,p=e.size,s=e.scaling,m=e.color,u=e.appearance,d=n(e,["children","radius","size","scaling","color","appearance"]),f=t().theme,h={radius:f.themeRadius||l,scaling:f.themeScaling||s,color:f.themeColor||m,size:p,appearance:u};return r(i.Provider,{value:h,children:r(o.Root,a({},d,{children:c}))})};c.displayName="DropdownMenu.Root";export{i as DropdownMenuContext,c as DropdownMenuRoot};
 //# sourceMappingURL=DropdownMenuRoot.mjs.map

package/dist/lib/components/DropdownMenu/DropdownMenuRoot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuRoot.mjs","sources":["../../../lib/components/DropdownMenu/DropdownMenuRoot.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createContext } from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nexport var DropdownMenuContext = createContext({\n    radius: 'medium',\n    size: 'medium',\n    scaling: '100%',\n    color: 'red',\n    appearance: 'solid',\n});\nexport var DropdownMenuRoot = function (_a) {\n    var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, color = _a.color, appearance = _a.appearance, props = __rest(_a, [\"children\", \"radius\", \"size\", \"scaling\", \"color\", \"appearance\"]);\n    var contextValue = { radius: radius, size: size, scaling: scaling, color: color, appearance: appearance };\n    return (_jsx(DropdownMenuContext.Provider, { value: contextValue, children: _jsx(DropdownMenuPrimitive.Root, __assign({}, props, { children: children })) }));\n};\nDropdownMenuRoot.displayName = 'DropdownMenu.Root';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","DropdownMenuContext","createContext","radius","size","scaling","color","appearance","DropdownMenuRoot","_a","children","props","contextValue","_jsx","Provider","value","DropdownMenuPrimitive","Root","displayName"],"mappings":"8HAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAIWiB,EAAsBC,EAAc,CAC3CC,OAAQ,SACRC,KAAM,SACNC,QAAS,OACTC,MAAO,MACPC,WAAY,UAELC,EAAmB,SAAUC,GACpC,IAAIC,EAAWD,EAAGC,SAAUP,EAASM,EAAGN,OAAQC,EAAOK,EAAGL,KAAMC,EAAUI,EAAGJ,QAASC,EAAQG,EAAGH,MAAOC,EAAaE,EAAGF,WAAYI,EAAQf,EAAOa,EAAI,CAAC,WAAY,SAAU,OAAQ,UAAW,QAAS,eACtMG,EAAe,CAAET,OAAQA,EAAQC,KAAMA,EAAMC,QAASA,EAASC,MAAOA,EAAOC,WAAYA,GAC7F,OAAQM,EAAKZ,EAAoBa,SAAU,CAAEC,MAAOH,EAAcF,SAAUG,EAAKG,EAAsBC,KAAMpC,EAAS,CAAE,EAAE8B,EAAO,CAAED,SAAUA,MACjJ,EACAF,EAAiBU,YAAc"}
+{"version":3,"file":"DropdownMenuRoot.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.d.ts

@@ -7,7 +7,7 @@ export interface DropdownMenuTriggerProps extends VariantProps<typeof dropdownMe
     appearance?: 'classic' | 'surface';
 }
 declare const dropdownMenuTriggerVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/lib/components/HoverCard/HoverCardContent.d.ts

@@ -4,10 +4,10 @@ import { HoverCard as HoverCardTheme } from '@radix-ui/themes';
 export interface HoverCardContentProps extends VariantProps<typeof hoverCardContentVariants> {
 }
 export declare const hoverCardContentVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | "x-large" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    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 HoverCardContent: React.ForwardRefExoticComponent<Omit<Omit<HoverCardTheme.ContentProps & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & HoverCardContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/HoverCard/HoverCardRoot.js

@@ -1,3 +1,4 @@
+'use client';
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -23,6 +24,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext } from 'react';
 import { HoverCard as HoverCardTheme, Theme } from '@radix-ui/themes';
+import { useTheme } from '../../../lib/theme';
 export var HoverCardContext = createContext({
     radius: 'medium',
     size: 'medium',
@@ -32,7 +34,14 @@ export var HoverCardContext = createContext({
 });
 export var HoverCardRoot = function (_a) {
     var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, weight = _a.weight, color = _a.color, props = __rest(_a, ["children", "radius", "size", "scaling", "weight", "color"]);
-    var contextValue = { radius: radius, size: size, scaling: scaling, weight: weight, color: color };
+    var theme = useTheme().theme;
+    var contextValue = {
+        radius: theme.themeRadius || radius,
+        scaling: theme.themeScaling || scaling,
+        color: theme.themeColor || color,
+        weight: theme.themeWeight || weight,
+        size: size,
+    };
     return (_jsx(Theme, { children: _jsx(HoverCardContext.Provider, { value: contextValue, children: _jsx(HoverCardTheme.Root, __assign({}, props, { children: children })) }) }));
 };
 HoverCardRoot.displayName = 'HoverCard.Root';

package/dist/lib/components/HoverCard/HoverCardRoot.mjs

@@ -1,2 +1,3 @@
-import{jsx as r}from"react/jsx-runtime";import{createContext as e}from"react";import{Theme as t,HoverCard as i}from"@radix-ui/themes";var o=function(){return o=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},o.apply(this,arguments)},n=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},a=e({radius:"medium",size:"medium",scaling:"100%",weight:"medium",color:"red"}),c=function(e){var c=e.children,l=e.radius,s=e.size,u=e.scaling,p=e.weight,d=e.color,m=n(e,["children","radius","size","scaling","weight","color"]),f={radius:l,size:s,scaling:u,weight:p,color:d};return r(t,{children:r(a.Provider,{value:f,children:r(i.Root,o({},m,{children:c}))})})};c.displayName="HoverCard.Root";export{a as HoverCardContext,c as HoverCardRoot};
+"use client";
+import{jsx as e}from"react/jsx-runtime";import{createContext as r}from"react";import{Theme as t,HoverCard as i}from"@radix-ui/themes";import{useTheme as o}from"../../theme/ThemeProvider.mjs";var n=function(){return n=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},n.apply(this,arguments)},a=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},l=r({radius:"medium",size:"medium",scaling:"100%",weight:"medium",color:"red"}),c=function(r){var c=r.children,m=r.radius,s=r.size,h=r.scaling,u=r.weight,d=r.color,p=a(r,["children","radius","size","scaling","weight","color"]),f=o().theme,g={radius:f.themeRadius||m,scaling:f.themeScaling||h,color:f.themeColor||d,weight:f.themeWeight||u,size:s};return e(t,{children:e(l.Provider,{value:g,children:e(i.Root,n({},p,{children:c}))})})};c.displayName="HoverCard.Root";export{l as HoverCardContext,c as HoverCardRoot};
 //# sourceMappingURL=HoverCardRoot.mjs.map

package/dist/lib/components/HoverCard/HoverCardRoot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"HoverCardRoot.mjs","sources":["../../../lib/components/HoverCard/HoverCardRoot.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createContext } from 'react';\nimport { HoverCard as HoverCardTheme, Theme } from '@radix-ui/themes';\nexport var HoverCardContext = createContext({\n    radius: 'medium',\n    size: 'medium',\n    scaling: '100%',\n    weight: 'medium',\n    color: 'red',\n});\nexport var HoverCardRoot = function (_a) {\n    var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, weight = _a.weight, color = _a.color, props = __rest(_a, [\"children\", \"radius\", \"size\", \"scaling\", \"weight\", \"color\"]);\n    var contextValue = { radius: radius, size: size, scaling: scaling, weight: weight, color: color };\n    return (_jsx(Theme, { children: _jsx(HoverCardContext.Provider, { value: contextValue, children: _jsx(HoverCardTheme.Root, __assign({}, props, { children: children })) }) }));\n};\nHoverCardRoot.displayName = 'HoverCard.Root';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","HoverCardContext","createContext","radius","size","scaling","weight","color","HoverCardRoot","_a","children","props","contextValue","_jsx","Theme","Provider","value","HoverCardTheme","Root","displayName"],"mappings":"sIAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAIWiB,EAAmBC,EAAc,CACxCC,OAAQ,SACRC,KAAM,SACNC,QAAS,OACTC,OAAQ,SACRC,MAAO,QAEAC,EAAgB,SAAUC,GACjC,IAAIC,EAAWD,EAAGC,SAAUP,EAASM,EAAGN,OAAQC,EAAOK,EAAGL,KAAMC,EAAUI,EAAGJ,QAASC,EAASG,EAAGH,OAAQC,EAAQE,EAAGF,MAAOI,EAAQf,EAAOa,EAAI,CAAC,WAAY,SAAU,OAAQ,UAAW,SAAU,UAC/LG,EAAe,CAAET,OAAQA,EAAQC,KAAMA,EAAMC,QAASA,EAASC,OAAQA,EAAQC,MAAOA,GAC1F,OAAQM,EAAKC,EAAO,CAAEJ,SAAUG,EAAKZ,EAAiBc,SAAU,CAAEC,MAAOJ,EAAcF,SAAUG,EAAKI,EAAeC,KAAMrC,EAAS,CAAE,EAAE8B,EAAO,CAAED,SAAUA,QAC/J,EACAF,EAAcW,YAAc"}
+{"version":3,"file":"HoverCardRoot.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -6,7 +6,7 @@ export interface IconButtonProps extends VariantProps<typeof iconButtonVariants>
     size?: ISize;
 }
 declare const iconButtonVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
     size?: "small" | "medium" | "large" | "x-small" | "x-large" | null | undefined;
     color?: string | null | undefined;

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

@@ -25,6 +25,7 @@ import React, { Children, forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { scalingVariants, radiusVariants, primaryColorStyle, appearanceStyle } from '../../../lib/constants';
 import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
 var iconButtonVariants = cva("grid place-content-center transition-colors focus:outline-none hover:cursor-pointer\n  disabled:cursor-not-allowed disabled:bg-slate-3 disabled:text-slate-8", {
     variants: {
         radius: __assign({}, radiusVariants['base']),
@@ -54,9 +55,16 @@ var iconSize = {
 };
 export var IconButton = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, radius = _a.radius, _b = _a.size, size = _b === void 0 ? 'medium' : _b, scaling = _a.scaling, _c = _a.color, color = _c === void 0 ? 'red' : _c, _d = _a.appearance, appearance = _d === void 0 ? 'solid' : _d, props = __rest(_a, ["children", "className", "radius", "size", "scaling", "color", "appearance"]);
+    var theme = useTheme().theme;
     var width = iconSize[size];
     var height = iconSize[size];
-    var buttonClassName = cn(iconButtonVariants({ radius: radius, scaling: scaling, size: size, color: color }), appearanceStyle(appearance, color, true), className);
+    var iconButtonStyle = {
+        radius: theme.themeRadius || radius,
+        scaling: theme.themeScaling || scaling,
+        color: theme.themeColor || color,
+        size: size,
+    };
+    var buttonClassName = cn(iconButtonVariants(iconButtonStyle), appearanceStyle(appearance, iconButtonStyle.color, true), className);
     return (_jsx("button", __assign({ ref: ref, className: buttonClassName }, props, { children: Children.map(children, function (child) { return React.cloneElement(child, { width: width, height: height }); }) })));
 });
 IconButton.displayName = 'IconButton';

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

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import e,{forwardRef as t,Children as a}from"react";import{cva as o}from"class-variance-authority";import{radiusVariants as i,scalingVariants as n,primaryColorStyle as l,appearanceStyle as s}from"../../constants.mjs";import{cn as c}from"../../utils/utils.mjs";var p=function(){return p=Object.assign||function(r){for(var e,t=1,a=arguments.length;t<a;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o]);return r},p.apply(this,arguments)},m=function(r,e){var t={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(t[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(r);o<a.length;o++)e.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(r,a[o])&&(t[a[o]]=r[a[o]])}return t},u=o("grid place-content-center transition-colors focus:outline-none hover:cursor-pointer\n  disabled:cursor-not-allowed disabled:bg-slate-3 disabled:text-slate-8",{variants:{radius:p({},i.base),scaling:p({},n),size:{"x-small":"p-1 w-5 h-5",small:"p-[6px] w-6 h-6",medium:"p-2 w-8 h-8",large:"p-[11px] w-10 h-10","x-large":"p-[14px] w-12 h-12"},color:l()},defaultVariants:{radius:"medium",scaling:"100%",size:"medium",color:"red"}}),d={"x-small":12,small:14,medium:16,large:18,"x-large":20},f=t((function(t,o){var i=t.children,n=t.className,l=t.radius,f=t.size,h=void 0===f?"medium":f,g=t.scaling,b=t.color,y=void 0===b?"red":b,v=t.appearance,x=void 0===v?"solid":v,O=m(t,["children","className","radius","size","scaling","color","appearance"]),w=d[h],j=d[h],z=c(u({radius:l,scaling:g,size:h,color:y}),s(x,y,!0),n);return r("button",p({ref:o,className:z},O,{children:a.map(i,(function(r){return e.cloneElement(r,{width:w,height:j})}))}))}));f.displayName="IconButton";export{f as IconButton,f as default};
+import{jsx as e}from"react/jsx-runtime";import r,{forwardRef as t,Children as o}from"react";import{cva as a}from"class-variance-authority";import{radiusVariants as i,scalingVariants as l,primaryColorStyle as n,appearanceStyle as s}from"../../constants.mjs";import{cn as c}from"../../utils/utils.mjs";import{useTheme as m}from"../../theme/ThemeProvider.mjs";var p=function(){return p=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var a in r=arguments[t])Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);return e},p.apply(this,arguments)},u=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)r.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(t[o[a]]=e[o[a]])}return t},d=a("grid place-content-center transition-colors focus:outline-none hover:cursor-pointer\n  disabled:cursor-not-allowed disabled:bg-slate-3 disabled:text-slate-8",{variants:{radius:p({},i.base),scaling:p({},l),size:{"x-small":"p-1 w-5 h-5",small:"p-[6px] w-6 h-6",medium:"p-2 w-8 h-8",large:"p-[11px] w-10 h-10","x-large":"p-[14px] w-12 h-12"},color:n()},defaultVariants:{radius:"medium",scaling:"100%",size:"medium",color:"red"}}),f={"x-small":12,small:14,medium:16,large:18,"x-large":20},h=t((function(t,a){var i=t.children,l=t.className,n=t.radius,h=t.size,g=void 0===h?"medium":h,b=t.scaling,v=t.color,y=void 0===v?"red":v,x=t.appearance,O=void 0===x?"solid":x,w=u(t,["children","className","radius","size","scaling","color","appearance"]),j=m().theme,z=f[g],P=f[g],N={radius:j.themeRadius||n,scaling:j.themeScaling||b,color:j.themeColor||y,size:g},S=c(d(N),s(O,N.color,!0),l);return e("button",p({ref:a,className:S},w,{children:o.map(i,(function(e){return r.cloneElement(e,{width:z,height:P})}))}))}));h.displayName="IconButton";export{h as IconButton,h as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/IconButton/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React, { Children, forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { scalingVariants, radiusVariants, primaryColorStyle, appearanceStyle } from '../../../lib/constants';\nimport { cn } from '../../../lib/utils/utils';\nvar iconButtonVariants = cva(\"grid place-content-center transition-colors focus:outline-none hover:cursor-pointer\\n  disabled:cursor-not-allowed disabled:bg-slate-3 disabled:text-slate-8\", {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n        scaling: __assign({}, scalingVariants),\n        size: {\n            'x-small': 'p-1 w-5 h-5',\n            small: 'p-[6px] w-6 h-6',\n            medium: 'p-2 w-8 h-8',\n            large: 'p-[11px] w-10 h-10',\n            'x-large': 'p-[14px] w-12 h-12',\n        },\n        color: primaryColorStyle(),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        scaling: '100%',\n        size: 'medium',\n        color: 'red',\n    },\n});\nvar iconSize = {\n    'x-small': 12,\n    small: 14,\n    medium: 16,\n    large: 18,\n    'x-large': 20,\n};\nexport var IconButton = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, radius = _a.radius, _b = _a.size, size = _b === void 0 ? 'medium' : _b, scaling = _a.scaling, _c = _a.color, color = _c === void 0 ? 'red' : _c, _d = _a.appearance, appearance = _d === void 0 ? 'solid' : _d, props = __rest(_a, [\"children\", \"className\", \"radius\", \"size\", \"scaling\", \"color\", \"appearance\"]);\n    var width = iconSize[size];\n    var height = iconSize[size];\n    var buttonClassName = cn(iconButtonVariants({ radius: radius, scaling: scaling, size: size, color: color }), appearanceStyle(appearance, color, true), className);\n    return (_jsx(\"button\", __assign({ ref: ref, className: buttonClassName }, props, { children: Children.map(children, function (child) { return React.cloneElement(child, { width: width, height: height }); }) })));\n});\nIconButton.displayName = 'IconButton';\nexport default IconButton;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","iconButtonVariants","cva","variants","radius","radiusVariants","scaling","scalingVariants","size","small","medium","large","color","primaryColorStyle","defaultVariants","iconSize","IconButton","forwardRef","_a","ref","children","className","_b","_c","_d","appearance","props","width","height","buttonClassName","cn","appearanceStyle","_jsx","Children","map","child","React","cloneElement","displayName"],"mappings":"4SAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAMIiB,EAAqBC,EAAI,+JAAgK,CACzLC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,MAC1CC,QAASzB,EAAS,CAAE,EAAE0B,GACtBC,KAAM,CACF,UAAW,cACXC,MAAO,kBACPC,OAAQ,cACRC,MAAO,qBACP,UAAW,sBAEfC,MAAOC,KAEXC,gBAAiB,CACbV,OAAQ,SACRE,QAAS,OACTE,KAAM,SACNI,MAAO,SAGXG,EAAW,CACX,UAAW,GACXN,MAAO,GACPC,OAAQ,GACRC,MAAO,GACP,UAAW,IAEJK,EAAaC,GAAW,SAAUC,EAAIC,GAC7C,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWjB,EAASc,EAAGd,OAAQkB,EAAKJ,EAAGV,KAAMA,OAAc,IAAPc,EAAgB,SAAWA,EAAIhB,EAAUY,EAAGZ,QAASiB,EAAKL,EAAGN,MAAOA,OAAe,IAAPW,EAAgB,MAAQA,EAAIC,EAAKN,EAAGO,WAAYA,OAAoB,IAAPD,EAAgB,QAAUA,EAAIE,EAAQ9B,EAAOsB,EAAI,CAAC,WAAY,YAAa,SAAU,OAAQ,UAAW,QAAS,eACrVS,EAAQZ,EAASP,GACjBoB,EAASb,EAASP,GAClBqB,EAAkBC,EAAG7B,EAAmB,CAAEG,OAAQA,EAAQE,QAASA,EAASE,KAAMA,EAAMI,MAAOA,IAAUmB,EAAgBN,EAAYb,GAAO,GAAOS,GACvJ,OAAQW,EAAK,SAAUnD,EAAS,CAAEsC,IAAKA,EAAKE,UAAWQ,GAAmBH,EAAO,CAAEN,SAAUa,EAASC,IAAId,GAAU,SAAUe,GAAS,OAAOC,EAAMC,aAAaF,EAAO,CAAER,MAAOA,EAAOC,OAAQA,GAAU,MAC9M,IACAZ,EAAWsB,YAAc"}
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/IconButton/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React, { Children, forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { scalingVariants, radiusVariants, primaryColorStyle, appearanceStyle } from '../../../lib/constants';\nimport { cn } from '../../../lib/utils/utils';\nimport { useTheme } from '../../../lib/theme';\nvar iconButtonVariants = cva(\"grid place-content-center transition-colors focus:outline-none hover:cursor-pointer\\n  disabled:cursor-not-allowed disabled:bg-slate-3 disabled:text-slate-8\", {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n        scaling: __assign({}, scalingVariants),\n        size: {\n            'x-small': 'p-1 w-5 h-5',\n            small: 'p-[6px] w-6 h-6',\n            medium: 'p-2 w-8 h-8',\n            large: 'p-[11px] w-10 h-10',\n            'x-large': 'p-[14px] w-12 h-12',\n        },\n        color: primaryColorStyle(),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        scaling: '100%',\n        size: 'medium',\n        color: 'red',\n    },\n});\nvar iconSize = {\n    'x-small': 12,\n    small: 14,\n    medium: 16,\n    large: 18,\n    'x-large': 20,\n};\nexport var IconButton = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, radius = _a.radius, _b = _a.size, size = _b === void 0 ? 'medium' : _b, scaling = _a.scaling, _c = _a.color, color = _c === void 0 ? 'red' : _c, _d = _a.appearance, appearance = _d === void 0 ? 'solid' : _d, props = __rest(_a, [\"children\", \"className\", \"radius\", \"size\", \"scaling\", \"color\", \"appearance\"]);\n    var theme = useTheme().theme;\n    var width = iconSize[size];\n    var height = iconSize[size];\n    var iconButtonStyle = {\n        radius: theme.themeRadius || radius,\n        scaling: theme.themeScaling || scaling,\n        color: theme.themeColor || color,\n        size: size,\n    };\n    var buttonClassName = cn(iconButtonVariants(iconButtonStyle), appearanceStyle(appearance, iconButtonStyle.color, true), className);\n    return (_jsx(\"button\", __assign({ ref: ref, className: buttonClassName }, props, { children: Children.map(children, function (child) { return React.cloneElement(child, { width: width, height: height }); }) })));\n});\nIconButton.displayName = 'IconButton';\nexport default IconButton;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","iconButtonVariants","cva","variants","radius","radiusVariants","scaling","scalingVariants","size","small","medium","large","color","primaryColorStyle","defaultVariants","iconSize","IconButton","forwardRef","_a","ref","children","className","_b","_c","_d","appearance","props","theme","useTheme","width","height","iconButtonStyle","themeRadius","themeScaling","themeColor","buttonClassName","cn","appearanceStyle","_jsx","Children","map","child","React","cloneElement","displayName"],"mappings":"qWAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAOIiB,EAAqBC,EAAI,+JAAgK,CACzLC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,MAC1CC,QAASzB,EAAS,CAAE,EAAE0B,GACtBC,KAAM,CACF,UAAW,cACXC,MAAO,kBACPC,OAAQ,cACRC,MAAO,qBACP,UAAW,sBAEfC,MAAOC,KAEXC,gBAAiB,CACbV,OAAQ,SACRE,QAAS,OACTE,KAAM,SACNI,MAAO,SAGXG,EAAW,CACX,UAAW,GACXN,MAAO,GACPC,OAAQ,GACRC,MAAO,GACP,UAAW,IAEJK,EAAaC,GAAW,SAAUC,EAAIC,GAC7C,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWjB,EAASc,EAAGd,OAAQkB,EAAKJ,EAAGV,KAAMA,OAAc,IAAPc,EAAgB,SAAWA,EAAIhB,EAAUY,EAAGZ,QAASiB,EAAKL,EAAGN,MAAOA,OAAe,IAAPW,EAAgB,MAAQA,EAAIC,EAAKN,EAAGO,WAAYA,OAAoB,IAAPD,EAAgB,QAAUA,EAAIE,EAAQ9B,EAAOsB,EAAI,CAAC,WAAY,YAAa,SAAU,OAAQ,UAAW,QAAS,eACrVS,EAAQC,IAAWD,MACnBE,EAAQd,EAASP,GACjBsB,EAASf,EAASP,GAClBuB,EAAkB,CAClB3B,OAAQuB,EAAMK,aAAe5B,EAC7BE,QAASqB,EAAMM,cAAgB3B,EAC/BM,MAAOe,EAAMO,YAActB,EAC3BJ,KAAMA,GAEN2B,EAAkBC,EAAGnC,EAAmB8B,GAAkBM,EAAgBZ,EAAYM,EAAgBnB,OAAO,GAAOS,GACxH,OAAQiB,EAAK,SAAUzD,EAAS,CAAEsC,IAAKA,EAAKE,UAAWc,GAAmBT,EAAO,CAAEN,SAAUmB,EAASC,IAAIpB,GAAU,SAAUqB,GAAS,OAAOC,EAAMC,aAAaF,EAAO,CAAEZ,MAAOA,EAAOC,OAAQA,GAAU,MAC9M,IACAd,EAAW4B,YAAc"}

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

@@ -3,7 +3,7 @@ import { VariantProps } from 'class-variance-authority';
 export interface InsetProps extends VariantProps<typeof insetVariants> {
 }
 declare const insetVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const Inset: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").InsetProps & React.RefAttributes<HTMLDivElement>, "ref"> & InsetProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -26,6 +26,7 @@ import { cva } from 'class-variance-authority';
 import { Inset as InsetTheme, Theme } from '@radix-ui/themes';
 import { scalingVariants } from '../../../lib/constants';
 import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
 var insetVariants = cva('border-[1px] border-slate-6 dark:border-slateDark-6 text-slate-12 dark:text-slateDark-12', {
     variants: {
         radius: {
@@ -44,7 +45,12 @@ var insetVariants = cva('border-[1px] border-slate-6 dark:border-slateDark-6 tex
 });
 export var Inset = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, props = __rest(_a, ["children", "className", "radius", "scaling"]);
-    return (_jsx(Theme, { children: _jsx(InsetTheme, __assign({ ref: ref, className: cn(insetVariants({ radius: radius, scaling: scaling }), className) }, props, { children: children })) }));
+    var theme = useTheme().theme;
+    var insetStyle = {
+        radius: theme.themeRadius || radius,
+        scaling: theme.themeScaling || scaling,
+    };
+    return (_jsx(Theme, { children: _jsx(InsetTheme, __assign({ ref: ref, className: cn(insetVariants(insetStyle), className) }, props, { children: children })) }));
 });
 Inset.displayName = 'Inset';
 export default Inset;

package/dist/lib/components/Inset/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{Theme as a,Inset as n}from"@radix-ui/themes";import{scalingVariants as o}from"../../constants.mjs";import{cn as d}from"../../utils/utils.mjs";var s=function(){return s=Object.assign||function(r){for(var e,t=1,a=arguments.length;t<a;t++)for(var n in e=arguments[t])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},s.apply(this,arguments)},i=function(r,e){var t={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(t[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(r);n<a.length;n++)e.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(r,a[n])&&(t[a[n]]=r[a[n]])}return t},l=t("border-[1px] border-slate-6 dark:border-slateDark-6 text-slate-12 dark:text-slateDark-12",{variants:{radius:{none:"rounded-none after:rounded-none",small:"rounded-[3px] after:rounded-[3px]",medium:"rounded after:rounded",large:"rounded-md after:rounded-md",full:"rounded-md after:rounded-md"},scaling:s({},o)},defaultVariants:{radius:"medium",scaling:"100%"}}),u=e((function(e,t){var o=e.children,u=e.className,m=e.radius,c=e.scaling,f=i(e,["children","className","radius","scaling"]);return r(a,{children:r(n,s({ref:t,className:d(l({radius:m,scaling:c}),u)},f,{children:o}))})}));u.displayName="Inset";export{u as Inset,u as default};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cva as t}from"class-variance-authority";import{Theme as a,Inset as n}from"@radix-ui/themes";import{scalingVariants as o}from"../../constants.mjs";import{cn as d}from"../../utils/utils.mjs";import{useTheme as i}from"../../theme/ThemeProvider.mjs";var s=function(){return s=Object.assign||function(r){for(var e,t=1,a=arguments.length;t<a;t++)for(var n in e=arguments[t])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},s.apply(this,arguments)},l=function(r,e){var t={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(t[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(r);n<a.length;n++)e.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(r,a[n])&&(t[a[n]]=r[a[n]])}return t},m=t("border-[1px] border-slate-6 dark:border-slateDark-6 text-slate-12 dark:text-slateDark-12",{variants:{radius:{none:"rounded-none after:rounded-none",small:"rounded-[3px] after:rounded-[3px]",medium:"rounded after:rounded",large:"rounded-md after:rounded-md",full:"rounded-md after:rounded-md"},scaling:s({},o)},defaultVariants:{radius:"medium",scaling:"100%"}}),u=e((function(e,t){var o=e.children,u=e.className,c=e.radius,f=e.scaling,p=l(e,["children","className","radius","scaling"]),h=i().theme,y={radius:h.themeRadius||c,scaling:h.themeScaling||f};return r(a,{children:r(n,s({ref:t,className:d(m(y),u)},p,{children:o}))})}));u.displayName="Inset";export{u as Inset,u as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/Inset/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 { Inset as InsetTheme, Theme } from '@radix-ui/themes';\nimport { scalingVariants } from '../../../lib/constants';\nimport { cn } from '../../../lib/utils/utils';\nvar insetVariants = cva('border-[1px] border-slate-6 dark:border-slateDark-6 text-slate-12 dark:text-slateDark-12', {\n    variants: {\n        radius: {\n            none: 'rounded-none after:rounded-none',\n            small: 'rounded-[3px] after:rounded-[3px]',\n            medium: 'rounded after:rounded',\n            large: 'rounded-md after:rounded-md',\n            full: 'rounded-md after:rounded-md',\n        },\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        scaling: '100%',\n    },\n});\nexport var Inset = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, props = __rest(_a, [\"children\", \"className\", \"radius\", \"scaling\"]);\n    return (_jsx(Theme, { children: _jsx(InsetTheme, __assign({ ref: ref, className: cn(insetVariants({ radius: radius, scaling: scaling }), className) }, props, { children: children })) }));\n});\nInset.displayName = 'Inset';\nexport default Inset;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","insetVariants","cva","variants","radius","none","small","medium","large","full","scaling","scalingVariants","defaultVariants","Inset","forwardRef","_a","ref","children","className","props","_jsx","Theme","InsetTheme","cn","displayName"],"mappings":"+QAAA,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,2FAA4F,CAChHC,SAAU,CACNC,OAAQ,CACJC,KAAM,kCACNC,MAAO,oCACPC,OAAQ,wBACRC,MAAO,8BACPC,KAAM,+BAEVC,QAAS7B,EAAS,CAAE,EAAE8B,IAE1BC,gBAAiB,CACbR,OAAQ,SACRM,QAAS,UAGNG,EAAQC,GAAW,SAAUC,EAAIC,GACxC,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWd,EAASW,EAAGX,OAAQM,EAAUK,EAAGL,QAASS,EAAQvB,EAAOmB,EAAI,CAAC,WAAY,YAAa,SAAU,YACvJ,OAAQK,EAAKC,EAAO,CAAEJ,SAAUG,EAAKE,EAAYzC,EAAS,CAAEmC,IAAKA,EAAKE,UAAWK,EAAGtB,EAAc,CAAEG,OAAQA,EAAQM,QAASA,IAAYQ,IAAcC,EAAO,CAAEF,SAAUA,MAC9K,IACAJ,EAAMW,YAAc"}
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/Inset/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 { Inset as InsetTheme, Theme } from '@radix-ui/themes';\nimport { scalingVariants } from '../../../lib/constants';\nimport { cn } from '../../../lib/utils/utils';\nimport { useTheme } from '../../../lib/theme';\nvar insetVariants = cva('border-[1px] border-slate-6 dark:border-slateDark-6 text-slate-12 dark:text-slateDark-12', {\n    variants: {\n        radius: {\n            none: 'rounded-none after:rounded-none',\n            small: 'rounded-[3px] after:rounded-[3px]',\n            medium: 'rounded after:rounded',\n            large: 'rounded-md after:rounded-md',\n            full: 'rounded-md after:rounded-md',\n        },\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        scaling: '100%',\n    },\n});\nexport var Inset = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, props = __rest(_a, [\"children\", \"className\", \"radius\", \"scaling\"]);\n    var theme = useTheme().theme;\n    var insetStyle = {\n        radius: theme.themeRadius || radius,\n        scaling: theme.themeScaling || scaling,\n    };\n    return (_jsx(Theme, { children: _jsx(InsetTheme, __assign({ ref: ref, className: cn(insetVariants(insetStyle), className) }, props, { children: children })) }));\n});\nInset.displayName = 'Inset';\nexport default Inset;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","insetVariants","cva","variants","radius","none","small","medium","large","full","scaling","scalingVariants","defaultVariants","Inset","forwardRef","_a","ref","children","className","props","theme","useTheme","insetStyle","themeRadius","themeScaling","_jsx","Theme","InsetTheme","cn","displayName"],"mappings":"wUAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAQIiB,EAAgBC,EAAI,2FAA4F,CAChHC,SAAU,CACNC,OAAQ,CACJC,KAAM,kCACNC,MAAO,oCACPC,OAAQ,wBACRC,MAAO,8BACPC,KAAM,+BAEVC,QAAS7B,EAAS,CAAE,EAAE8B,IAE1BC,gBAAiB,CACbR,OAAQ,SACRM,QAAS,UAGNG,EAAQC,GAAW,SAAUC,EAAIC,GACxC,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWd,EAASW,EAAGX,OAAQM,EAAUK,EAAGL,QAASS,EAAQvB,EAAOmB,EAAI,CAAC,WAAY,YAAa,SAAU,YACnJK,EAAQC,IAAWD,MACnBE,EAAa,CACblB,OAAQgB,EAAMG,aAAenB,EAC7BM,QAASU,EAAMI,cAAgBd,GAEnC,OAAQe,EAAKC,EAAO,CAAET,SAAUQ,EAAKE,EAAY9C,EAAS,CAAEmC,IAAKA,EAAKE,UAAWU,EAAG3B,EAAcqB,GAAaJ,IAAcC,EAAO,CAAEF,SAAUA,MACpJ,IACAJ,EAAMgB,YAAc"}

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

@@ -9,7 +9,7 @@ export interface LabelProps extends VariantProps<typeof labeVariants> {
 }
 declare const labeVariants: (props?: ({
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
+    weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
     color?: string | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

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

@@ -26,6 +26,7 @@ import React from 'react';
 import { cn } from '../../../lib/utils/utils';
 import { cva } from 'class-variance-authority';
 import { scalingVariants, textColorStyle, weightVariants } from '../../../lib/constants';
+import { useTheme } from '../../../lib/theme';
 var labeVariants = cva('text-slate-12', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -45,9 +46,16 @@ var labeVariants = cva('text-slate-12', {
 });
 export var Label = React.forwardRef(function (_a, forwardedRef) {
     var className = _a.className, scaling = _a.scaling, weight = _a.weight, size = _a.size, color = _a.color, children = _a.children, rootProps = __rest(_a, ["className", "scaling", "weight", "size", "color", "children"]);
-    if (weight === 'medium' || weight === 'semibold')
-        weight = 'bold';
-    return (_jsx(LabelPrimitive.Root, __assign({}, rootProps, { ref: forwardedRef, className: cn('', labeVariants({ scaling: scaling, size: size, weight: weight, color: color }), className), children: children })));
+    var theme = useTheme().theme;
+    var labelStyle = {
+        scaling: theme.themeScaling || scaling,
+        weight: theme.themeWeight || weight,
+        color: theme.themeColor || color,
+        size: size,
+    };
+    if (labelStyle.weight === 'medium' || labelStyle.weight === 'semibold')
+        labelStyle.weight = 'bold';
+    return (_jsx(LabelPrimitive.Root, __assign({}, rootProps, { ref: forwardedRef, className: cn('', labeVariants(labelStyle), className), children: children })));
 });
 Label.displayName = 'Label';
 export default Label;