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

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;

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

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import*as t from"@radix-ui/react-label";import e from"react";import{cn as a}from"../../utils/utils.mjs";import{cva as o}from"class-variance-authority";import{scalingVariants as i,weightVariants as l,textColorStyle as s}from"../../constants.mjs";var n=function(){return n=Object.assign||function(r){for(var t,e=1,a=arguments.length;e<a;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(r[o]=t[o]);return r},n.apply(this,arguments)},c=function(r,t){var e={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&t.indexOf(a)<0&&(e[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(r);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(r,a[o])&&(e[a[o]]=r[a[o]])}return e},m=o("text-slate-12",{variants:{scaling:n({},i),weight:n({},l),size:{small:"text-xs",medium:"text-sm",large:"text-base"},color:s()},defaultVariants:{scaling:"100%",size:"medium",color:"black"}}),f=e.forwardRef((function(e,o){var i=e.className,l=e.scaling,s=e.weight,f=e.size,p=e.color,u=e.children,b=c(e,["className","scaling","weight","size","color","children"]);return"medium"!==s&&"semibold"!==s||(s="bold"),r(t.Root,n({},b,{ref:o,className:a("",m({scaling:l,size:f,weight:s,color:p}),i),children:u}))}));f.displayName="Label";export{f as Label,f as default};
+import{jsx as e}from"react/jsx-runtime";import*as t from"@radix-ui/react-label";import r from"react";import{cn as o}from"../../utils/utils.mjs";import{cva as i}from"class-variance-authority";import{scalingVariants as a,weightVariants as l,textColorStyle as s}from"../../constants.mjs";import{useTheme as n}from"../../theme/ThemeProvider.mjs";var m=function(){return m=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},m.apply(this,arguments)},c=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)t.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(r[o[i]]=e[o[i]])}return r},f=i("text-slate-12",{variants:{scaling:m({},a),weight:m({},l),size:{small:"text-xs",medium:"text-sm",large:"text-base"},color:s()},defaultVariants:{scaling:"100%",size:"medium",color:"black"}}),p=r.forwardRef((function(r,i){var a=r.className,l=r.scaling,s=r.weight,p=r.size,h=r.color,u=r.children,g=c(r,["className","scaling","weight","size","color","children"]),d=n().theme,b={scaling:d.themeScaling||l,weight:d.themeWeight||s,color:d.themeColor||h,size:p};return"medium"!==b.weight&&"semibold"!==b.weight||(b.weight="bold"),e(t.Root,m({},g,{ref:i,className:o("",f(b),a),children:u}))}));p.displayName="Label";export{p as Label,p as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/Label/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 * as LabelPrimitive from '@radix-ui/react-label';\nimport React from 'react';\nimport { cn } from '../../../lib/utils/utils';\nimport { cva } from 'class-variance-authority';\nimport { scalingVariants, textColorStyle, weightVariants } from '../../../lib/constants';\nvar labeVariants = cva('text-slate-12', {\n    variants: {\n        scaling: __assign({}, scalingVariants),\n        weight: __assign({}, weightVariants),\n        size: {\n            small: 'text-xs',\n            medium: 'text-sm',\n            large: 'text-base',\n        },\n        color: textColorStyle(),\n    },\n    defaultVariants: {\n        scaling: '100%',\n        size: 'medium',\n        color: 'black',\n    },\n});\nexport var Label = React.forwardRef(function (_a, forwardedRef) {\n    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\"]);\n    if (weight === 'medium' || weight === 'semibold')\n        weight = 'bold';\n    return (_jsx(LabelPrimitive.Root, __assign({}, rootProps, { ref: forwardedRef, className: cn('', labeVariants({ scaling: scaling, size: size, weight: weight, color: color }), className), children: children })));\n});\nLabel.displayName = 'Label';\nexport default Label;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","labeVariants","cva","variants","scaling","scalingVariants","weight","weightVariants","size","small","medium","large","color","textColorStyle","defaultVariants","Label","React","forwardRef","_a","forwardedRef","className","children","rootProps","_jsx","LabelPrimitive","Root","ref","cn","displayName"],"mappings":"6RAAA,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,gBAAiB,CACpCC,SAAU,CACNC,QAASvB,EAAS,CAAE,EAAEwB,GACtBC,OAAQzB,EAAS,CAAE,EAAE0B,GACrBC,KAAM,CACFC,MAAO,UACPC,OAAQ,UACRC,MAAO,aAEXC,MAAOC,KAEXC,gBAAiB,CACbV,QAAS,OACTI,KAAM,SACNI,MAAO,WAGJG,EAAQC,EAAMC,YAAW,SAAUC,EAAIC,GAC9C,IAAIC,EAAYF,EAAGE,UAAWhB,EAAUc,EAAGd,QAASE,EAASY,EAAGZ,OAAQE,EAAOU,EAAGV,KAAMI,EAAQM,EAAGN,MAAOS,EAAWH,EAAGG,SAAUC,EAAY1B,EAAOsB,EAAI,CAAC,YAAa,UAAW,SAAU,OAAQ,QAAS,aAG7M,MAFe,WAAXZ,GAAkC,aAAXA,IACvBA,EAAS,QACLiB,EAAKC,EAAeC,KAAM5C,EAAS,CAAA,EAAIyC,EAAW,CAAEI,IAAKP,EAAcC,UAAWO,EAAG,GAAI1B,EAAa,CAAEG,QAASA,EAASI,KAAMA,EAAMF,OAAQA,EAAQM,MAAOA,IAAUQ,GAAYC,SAAUA,IACzM,IACAN,EAAMa,YAAc"}
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/Label/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 * as LabelPrimitive from '@radix-ui/react-label';\nimport React from 'react';\nimport { cn } from '../../../lib/utils/utils';\nimport { cva } from 'class-variance-authority';\nimport { scalingVariants, textColorStyle, weightVariants } from '../../../lib/constants';\nimport { useTheme } from '../../../lib/theme';\nvar labeVariants = cva('text-slate-12', {\n    variants: {\n        scaling: __assign({}, scalingVariants),\n        weight: __assign({}, weightVariants),\n        size: {\n            small: 'text-xs',\n            medium: 'text-sm',\n            large: 'text-base',\n        },\n        color: textColorStyle(),\n    },\n    defaultVariants: {\n        scaling: '100%',\n        size: 'medium',\n        color: 'black',\n    },\n});\nexport var Label = React.forwardRef(function (_a, forwardedRef) {\n    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\"]);\n    var theme = useTheme().theme;\n    var labelStyle = {\n        scaling: theme.themeScaling || scaling,\n        weight: theme.themeWeight || weight,\n        color: theme.themeColor || color,\n        size: size,\n    };\n    if (labelStyle.weight === 'medium' || labelStyle.weight === 'semibold')\n        labelStyle.weight = 'bold';\n    return (_jsx(LabelPrimitive.Root, __assign({}, rootProps, { ref: forwardedRef, className: cn('', labeVariants(labelStyle), className), children: children })));\n});\nLabel.displayName = 'Label';\nexport default Label;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","labeVariants","cva","variants","scaling","scalingVariants","weight","weightVariants","size","small","medium","large","color","textColorStyle","defaultVariants","Label","React","forwardRef","_a","forwardedRef","className","children","rootProps","theme","useTheme","labelStyle","themeScaling","themeWeight","themeColor","_jsx","LabelPrimitive","Root","ref","cn","displayName"],"mappings":"sVAAA,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,EAAeC,EAAI,gBAAiB,CACpCC,SAAU,CACNC,QAASvB,EAAS,CAAE,EAAEwB,GACtBC,OAAQzB,EAAS,CAAE,EAAE0B,GACrBC,KAAM,CACFC,MAAO,UACPC,OAAQ,UACRC,MAAO,aAEXC,MAAOC,KAEXC,gBAAiB,CACbV,QAAS,OACTI,KAAM,SACNI,MAAO,WAGJG,EAAQC,EAAMC,YAAW,SAAUC,EAAIC,GAC9C,IAAIC,EAAYF,EAAGE,UAAWhB,EAAUc,EAAGd,QAASE,EAASY,EAAGZ,OAAQE,EAAOU,EAAGV,KAAMI,EAAQM,EAAGN,MAAOS,EAAWH,EAAGG,SAAUC,EAAY1B,EAAOsB,EAAI,CAAC,YAAa,UAAW,SAAU,OAAQ,QAAS,aACzMK,EAAQC,IAAWD,MACnBE,EAAa,CACbrB,QAASmB,EAAMG,cAAgBtB,EAC/BE,OAAQiB,EAAMI,aAAerB,EAC7BM,MAAOW,EAAMK,YAAchB,EAC3BJ,KAAMA,GAIV,MAF0B,WAAtBiB,EAAWnB,QAA6C,aAAtBmB,EAAWnB,SAC7CmB,EAAWnB,OAAS,QAChBuB,EAAKC,EAAeC,KAAMlD,EAAS,CAAA,EAAIyC,EAAW,CAAEU,IAAKb,EAAcC,UAAWa,EAAG,GAAIhC,EAAawB,GAAaL,GAAYC,SAAUA,IACrJ,IACAN,EAAMmB,YAAc"}

package/dist/lib/components/Menubar/MenubarContent.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 export interface MenubarContentProps extends VariantProps<typeof menubarContentVariants> {
 }
 export declare const menubarContentVariants: (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/Menubar/MenubarItem.d.ts

@@ -6,7 +6,7 @@ export interface MenubarItemProps extends VariantProps<typeof menubarItemVariant
     shortcut?: string;
 }
 export declare const menubarItemVariants: (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/Menubar/MenubarItemIndicator.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 export interface MenubarItemIndicatorProps extends VariantProps<typeof menubarItemIndicatorVariants> {
 }
 export declare const menubarItemIndicatorVariants: (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 MenubarItemIndicator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & MenubarItemIndicatorProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/lib/components/Menubar/MenubarRadioGroup.js

@@ -1,3 +1,4 @@
+'use client';
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {

package/dist/lib/components/Menubar/MenubarRadioGroup.mjs

@@ -1,2 +1,3 @@
+"use client";
 import{jsx as r}from"react/jsx-runtime";import{createContext as e,forwardRef as t}from"react";import*as a from"@radix-ui/react-menubar";var n=function(){return n=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},n.apply(this,arguments)},o=function(r,e){var t={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(t[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var 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=e({selectedValue:""}),c=t((function(e,t){var c=e.children,i=e.className,u=e.value,p=o(e,["children","className","value"]);return r(a.RadioGroup,n({ref:t,className:i},p,{children:r(l.Provider,{value:{selectedValue:null!=u?u:""},children:c})}))}));c.displayName="Menubar.RadioGroup";export{c as MenubarRadioGroup,l as RadioContext};
 //# sourceMappingURL=MenubarRadioGroup.mjs.map

package/dist/lib/components/Menubar/MenubarRadioGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenubarRadioGroup.mjs","sources":["../../../lib/components/Menubar/MenubarRadioGroup.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createContext, forwardRef } from 'react';\nimport * as MenubarPrimitive from '@radix-ui/react-menubar';\nexport var RadioContext = createContext({ selectedValue: '' });\nexport var MenubarRadioGroup = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, value = _a.value, props = __rest(_a, [\"children\", \"className\", \"value\"]);\n    return (_jsx(MenubarPrimitive.RadioGroup, __assign({ ref: ref, className: className }, props, { children: _jsx(RadioContext.Provider, { value: { selectedValue: value !== null && value !== void 0 ? value : '' }, children: children }) })));\n});\nMenubarRadioGroup.displayName = 'Menubar.RadioGroup';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","RadioContext","createContext","selectedValue","MenubarRadioGroup","forwardRef","_a","ref","children","className","value","props","_jsx","MenubarPrimitive","RadioGroup","Provider","displayName"],"mappings":"wIAAA,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,EAAeC,EAAc,CAAEC,cAAe,KAC9CC,EAAoBC,GAAW,SAAUC,EAAIC,GACpD,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWC,EAAQJ,EAAGI,MAAOC,EAAQf,EAAOU,EAAI,CAAC,WAAY,YAAa,UACrH,OAAQM,EAAKC,EAAiBC,WAAYjC,EAAS,CAAE0B,IAAKA,EAAKE,UAAWA,GAAaE,EAAO,CAAEH,SAAUI,EAAKX,EAAac,SAAU,CAAEL,MAAO,CAAEP,cAAeO,QAAqCA,EAAQ,IAAMF,SAAUA,MACjO,IACAJ,EAAkBY,YAAc"}
+{"version":3,"file":"MenubarRadioGroup.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/components/Menubar/MenubarRoot.d.ts

@@ -10,7 +10,7 @@ export interface MenubarProps extends VariantProps<typeof menubarVariants>, Vari
     color?: IColor;
 }
 export declare const menubarVariants: (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/Menubar/MenubarRoot.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 { createContext, forwardRef, useContext, useMemo, } from 'react';
+import { createContext, forwardRef, useContext, } from 'react';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../../lib/utils/utils';
 import { radiusVariants, scalingVariants } from '../../../lib/constants';
+import { useTheme } from '../../../lib/theme';
 export var menubarVariants = cva('flex p-1 shadow bg-white dark:bg-slateDark-1', {
     variants: {
         radius: __assign({}, radiusVariants['base']),
@@ -53,8 +55,16 @@ export var useMenubarContext = function () {
 };
 export var MenubarRoot = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'ghost' : _c, _d = _a.itemAppearance, itemAppearance = _d === void 0 ? 'solid' : _d, props = __rest(_a, ["children", "className", "radius", "scaling", "size", "color", "appearance", "itemAppearance"]);
-    var contextValue = useMemo(function () { return ({ radius: radius, size: size, scaling: scaling, color: color, appearance: appearance, itemAppearance: itemAppearance }); }, [radius, size, scaling, color, appearance, itemAppearance]);
-    var menuClassName = cn(menubarVariants({ radius: radius, scaling: scaling, size: size }), appearance === 'solid' && "bg-".concat(color, "-9 dark:bg-$").concat(color, "Dark-9"), className);
+    var theme = useTheme().theme;
+    var contextValue = {
+        radius: theme.themeRadius || radius,
+        scaling: theme.themeScaling || scaling,
+        color: theme.themeColor || color,
+        size: size,
+        appearance: appearance,
+        itemAppearance: itemAppearance,
+    };
+    var menuClassName = cn(menubarVariants(contextValue), appearance === 'solid' && "bg-".concat(contextValue.color, "-9 dark:bg-$").concat(contextValue.color, "Dark-9"), className);
     return (_jsx(MenubarContext.Provider, { value: contextValue, children: _jsx(MenubarPrimitive.Root, __assign({ ref: ref, className: menuClassName }, props, { children: children })) }));
 });
 MenubarRoot.displayName = 'Menubar.Root';

package/dist/lib/components/Menubar/MenubarRoot.mjs

@@ -1,2 +1,3 @@
-import{jsx as r}from"react/jsx-runtime";import{createContext as e,forwardRef as a,useMemo as t,useContext as i}from"react";import*as o from"@radix-ui/react-menubar";import{cva as n}from"class-variance-authority";import{cn as s}from"../../utils/utils.mjs";import{radiusVariants as c,scalingVariants as l}from"../../constants.mjs";var p=function(){return p=Object.assign||function(r){for(var e,a=1,t=arguments.length;a<t;a++)for(var i in e=arguments[a])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},p.apply(this,arguments)},m=function(r,e){var a={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(a[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(r);i<t.length;i++)e.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(r,t[i])&&(a[t[i]]=r[t[i]])}return a},u=n("flex p-1 shadow bg-white dark:bg-slateDark-1",{variants:{radius:p({},c.base),size:{small:"text-xs",medium:"text-sm"},scaling:p({},l)},defaultVariants:{radius:"small",size:"medium"}}),d=e({radius:"medium",scaling:"100%",size:"medium",color:"red",appearance:"ghost",itemAppearance:"solid"}),f=function(){return i(d)},g=a((function(e,a){var i=e.children,n=e.className,c=e.radius,l=e.scaling,f=e.size,g=e.color,b=void 0===g?"red":g,h=e.appearance,v=void 0===h?"ghost":h,y=e.itemAppearance,O=void 0===y?"solid":y,j=m(e,["children","className","radius","scaling","size","color","appearance","itemAppearance"]),x=t((function(){return{radius:c,size:f,scaling:l,color:b,appearance:v,itemAppearance:O}}),[c,f,l,b,v,O]),z=s(u({radius:c,scaling:l,size:f}),"solid"===v&&"bg-".concat(b,"-9 dark:bg-$").concat(b,"Dark-9"),n);return r(d.Provider,{value:x,children:r(o.Root,p({ref:a,className:z},j,{children:i}))})}));g.displayName="Menubar.Root";export{g as MenubarRoot,g as default,u as menubarVariants,f as useMenubarContext};
+"use client";
+import{jsx as e}from"react/jsx-runtime";import{createContext as r,forwardRef as a,useContext as t}from"react";import*as o from"@radix-ui/react-menubar";import{cva as i}from"class-variance-authority";import{cn as s}from"../../utils/utils.mjs";import{radiusVariants as n,scalingVariants as c}from"../../constants.mjs";import{useTheme as l}from"../../theme/ThemeProvider.mjs";var m=function(){return m=Object.assign||function(e){for(var r,a=1,t=arguments.length;a<t;a++)for(var o in r=arguments[a])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},m.apply(this,arguments)},p=function(e,r){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(a[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)r.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(a[t[o]]=e[t[o]])}return a},d=i("flex p-1 shadow bg-white dark:bg-slateDark-1",{variants:{radius:m({},n.base),size:{small:"text-xs",medium:"text-sm"},scaling:m({},c)},defaultVariants:{radius:"small",size:"medium"}}),u=r({radius:"medium",scaling:"100%",size:"medium",color:"red",appearance:"ghost",itemAppearance:"solid"}),f=function(){return t(u)},h=a((function(r,a){var t=r.children,i=r.className,n=r.radius,c=r.scaling,f=r.size,h=r.color,g=void 0===h?"red":h,b=r.appearance,v=void 0===b?"ghost":b,y=r.itemAppearance,O=void 0===y?"solid":y,j=p(r,["children","className","radius","scaling","size","color","appearance","itemAppearance"]),x=l().theme,w={radius:x.themeRadius||n,scaling:x.themeScaling||c,color:x.themeColor||g,size:f,appearance:v,itemAppearance:O},z=s(d(w),"solid"===v&&"bg-".concat(w.color,"-9 dark:bg-$").concat(w.color,"Dark-9"),i);return e(u.Provider,{value:w,children:e(o.Root,m({ref:a,className:z},j,{children:t}))})}));h.displayName="Menubar.Root";export{h as MenubarRoot,h as default,d as menubarVariants,f as useMenubarContext};
 //# sourceMappingURL=MenubarRoot.mjs.map

package/dist/lib/components/Menubar/MenubarRoot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenubarRoot.mjs","sources":["../../../lib/components/Menubar/MenubarRoot.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 MenubarPrimitive from '@radix-ui/react-menubar';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport { radiusVariants, scalingVariants } from '../../../lib/constants';\nexport var menubarVariants = cva('flex p-1 shadow bg-white dark:bg-slateDark-1', {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n        size: {\n            small: 'text-xs',\n            medium: 'text-sm',\n        },\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        radius: 'small',\n        size: 'medium',\n    },\n});\nvar MenubarContext = createContext({\n    radius: 'medium',\n    scaling: '100%',\n    size: 'medium',\n    color: 'red',\n    appearance: 'ghost',\n    itemAppearance: 'solid',\n});\nexport var useMenubarContext = function () {\n    return useContext(MenubarContext);\n};\nexport var MenubarRoot = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'ghost' : _c, _d = _a.itemAppearance, itemAppearance = _d === void 0 ? 'solid' : _d, props = __rest(_a, [\"children\", \"className\", \"radius\", \"scaling\", \"size\", \"color\", \"appearance\", \"itemAppearance\"]);\n    var contextValue = useMemo(function () { return ({ radius: radius, size: size, scaling: scaling, color: color, appearance: appearance, itemAppearance: itemAppearance }); }, [radius, size, scaling, color, appearance, itemAppearance]);\n    var menuClassName = cn(menubarVariants({ radius: radius, scaling: scaling, size: size }), appearance === 'solid' && \"bg-\".concat(color, \"-9 dark:bg-$\").concat(color, \"Dark-9\"), className);\n    return (_jsx(MenubarContext.Provider, { value: contextValue, children: _jsx(MenubarPrimitive.Root, __assign({ ref: ref, className: menuClassName }, props, { children: children })) }));\n});\nMenubarRoot.displayName = 'Menubar.Root';\nexport default MenubarRoot;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","menubarVariants","cva","variants","radius","radiusVariants","size","small","medium","scaling","scalingVariants","defaultVariants","MenubarContext","createContext","color","appearance","itemAppearance","useMenubarContext","useContext","MenubarRoot","forwardRef","_a","ref","children","className","_b","_c","_d","props","contextValue","useMemo","menuClassName","cn","concat","_jsx","Provider","value","MenubarPrimitive","Root","displayName"],"mappings":"yUAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAOWiB,EAAkBC,EAAI,+CAAgD,CAC7EC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,MAC1CC,KAAM,CACFC,MAAO,UACPC,OAAQ,WAEZC,QAAS5B,EAAS,CAAE,EAAE6B,IAE1BC,gBAAiB,CACbP,OAAQ,QACRE,KAAM,YAGVM,EAAiBC,EAAc,CAC/BT,OAAQ,SACRK,QAAS,OACTH,KAAM,SACNQ,MAAO,MACPC,WAAY,QACZC,eAAgB,UAETC,EAAoB,WAC3B,OAAOC,EAAWN,EACtB,EACWO,EAAcC,GAAW,SAAUC,EAAIC,GAC9C,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWpB,EAASiB,EAAGjB,OAAQK,EAAUY,EAAGZ,QAASH,EAAOe,EAAGf,KAAMmB,EAAKJ,EAAGP,MAAOA,OAAe,IAAPW,EAAgB,MAAQA,EAAIC,EAAKL,EAAGN,WAAYA,OAAoB,IAAPW,EAAgB,QAAUA,EAAIC,EAAKN,EAAGL,eAAgBA,OAAwB,IAAPW,EAAgB,QAAUA,EAAIC,EAAQhC,EAAOyB,EAAI,CAAC,WAAY,YAAa,SAAU,UAAW,OAAQ,QAAS,aAAc,mBACtYQ,EAAeC,GAAQ,WAAc,MAAQ,CAAE1B,OAAQA,EAAQE,KAAMA,EAAMG,QAASA,EAASK,MAAOA,EAAOC,WAAYA,EAAYC,eAAgBA,EAAoB,GAAE,CAACZ,EAAQE,EAAMG,EAASK,EAAOC,EAAYC,IACpNe,EAAgBC,EAAG/B,EAAgB,CAAEG,OAAQA,EAAQK,QAASA,EAASH,KAAMA,IAAwB,UAAfS,GAA0B,MAAMkB,OAAOnB,EAAO,gBAAgBmB,OAAOnB,EAAO,UAAWU,GACjL,OAAQU,EAAKtB,EAAeuB,SAAU,CAAEC,MAAOP,EAAcN,SAAUW,EAAKG,EAAiBC,KAAMzD,EAAS,CAAEyC,IAAKA,EAAKE,UAAWO,GAAiBH,EAAO,CAAEL,SAAUA,MAC3K,IACAJ,EAAYoB,YAAc"}
+{"version":3,"file":"MenubarRoot.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/components/Menubar/MenubarSubContent.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 export interface MenubarSubContentProps extends VariantProps<typeof menubarSubContentVariants> {
 }
 export declare const menubarSubContentVariants: (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 MenubarSubContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & MenubarSubContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/Menubar/MenubarTrigger.d.ts

@@ -6,7 +6,7 @@ export interface MenubarTriggerProps extends VariantProps<typeof menubarTriggerV
 }
 export declare const menubarTriggerVariants: (props?: ({
     size?: "small" | "medium" | null | undefined;
-    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 MenubarTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & MenubarTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/lib/components/NavigationMenu/NavigationMenuContent.d.ts

@@ -5,7 +5,7 @@ export interface NavigationMenuContentProps extends VariantProps<typeof navigati
     isShowIcon?: boolean;
 }
 export declare const navigationMenuContentVariants: (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 NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/NavigationMenu/NavigationMenuLink.d.ts

@@ -7,7 +7,7 @@ export interface NavigationMenuLinkProps extends VariantProps<typeof navigationM
 }
 export declare const navigationMenuLinkVariants: (props?: ({
     size?: "small" | "medium" | null | undefined;
-    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 NavigationMenuLink: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/lib/components/NavigationMenu/NavigationMenuList.d.ts

@@ -6,7 +6,7 @@ export interface NavigationMenuListProps extends VariantProps<typeof navigationM
     appearance?: 'ghost' | 'solid';
 }
 export declare const navigationMenuListVariants: (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 NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & NavigationMenuListProps & React.RefAttributes<HTMLUListElement>>;

package/dist/lib/components/NavigationMenu/NavigationMenuRoot.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,9 +22,10 @@ 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 * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
 var NavigationMenuContext = createContext({
     radius: 'medium',
     scaling: '100%',
@@ -36,7 +38,14 @@ export var useNavigationMenuContext = function () {
 };
 export var NavigationMenuRoot = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, color = _a.color, appearance = _a.appearance, props = __rest(_a, ["className", "children", "radius", "size", "scaling", "color", "appearance"]);
-    var contextValue = useMemo(function () { return ({ radius: radius, size: size, scaling: scaling, color: color, appearance: appearance }); }, [radius, size, scaling, color, 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(NavigationMenuContext.Provider, { value: contextValue, children: _jsx(NavigationMenuPrimitive.Root, __assign({ ref: ref, className: cn('relative flex', className) }, props, { children: children })) }));
 });
 NavigationMenuRoot.displayName = 'NavigationMenu.Root';

package/dist/lib/components/NavigationMenu/NavigationMenuRoot.mjs

@@ -1,2 +1,3 @@
-import{jsx as r}from"react/jsx-runtime";import{createContext as e,forwardRef as a,useMemo as t,useContext as n}from"react";import*as o from"@radix-ui/react-navigation-menu";import{cn as i}from"../../utils/utils.mjs";var c=function(){return c=Object.assign||function(r){for(var e,a=1,t=arguments.length;a<t;a++)for(var n in e=arguments[a])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},c.apply(this,arguments)},l=function(r,e){var a={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(a[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(r);n<t.length;n++)e.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(r,t[n])&&(a[t[n]]=r[t[n]])}return a},s=e({radius:"medium",scaling:"100%",size:"medium",color:"red",appearance:"ghost"}),p=function(){return n(s)},u=a((function(e,a){var n=e.className,p=e.children,u=e.radius,f=e.size,m=e.scaling,d=e.color,y=e.appearance,g=l(e,["className","children","radius","size","scaling","color","appearance"]),v=t((function(){return{radius:u,size:f,scaling:m,color:d,appearance:y}}),[u,f,m,d,y]);return r(s.Provider,{value:v,children:r(o.Root,c({ref:a,className:i("relative flex",n)},g,{children:p}))})}));u.displayName="NavigationMenu.Root";export{u as NavigationMenuRoot,u as default,p as useNavigationMenuContext};
+"use client";
+import{jsx as e}from"react/jsx-runtime";import{createContext as r,forwardRef as a,useContext as t}from"react";import*as o from"@radix-ui/react-navigation-menu";import{cn as i}from"../../utils/utils.mjs";import{useTheme as n}from"../../theme/ThemeProvider.mjs";var c=function(){return c=Object.assign||function(e){for(var r,a=1,t=arguments.length;a<t;a++)for(var o in r=arguments[a])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},c.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 o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)r.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(a[t[o]]=e[t[o]])}return a},s=r({radius:"medium",scaling:"100%",size:"medium",color:"red",appearance:"ghost"}),m=function(){return t(s)},p=a((function(r,a){var t=r.className,m=r.children,p=r.radius,u=r.size,f=r.scaling,d=r.color,h=r.appearance,g=l(r,["className","children","radius","size","scaling","color","appearance"]),v=n().theme,y={radius:v.themeRadius||p,scaling:v.themeScaling||f,color:v.themeColor||d,size:u,appearance:h};return e(s.Provider,{value:y,children:e(o.Root,c({ref:a,className:i("relative flex",t)},g,{children:m}))})}));p.displayName="NavigationMenu.Root";export{p as NavigationMenuRoot,p as default,m as useNavigationMenuContext};
 //# sourceMappingURL=NavigationMenuRoot.mjs.map

package/dist/lib/components/NavigationMenu/NavigationMenuRoot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuRoot.mjs","sources":["../../../lib/components/NavigationMenu/NavigationMenuRoot.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 * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';\nimport { cn } from '../../../lib/utils/utils';\nvar NavigationMenuContext = createContext({\n    radius: 'medium',\n    scaling: '100%',\n    size: 'medium',\n    color: 'red',\n    appearance: 'ghost',\n});\nexport var useNavigationMenuContext = function () {\n    return useContext(NavigationMenuContext);\n};\nexport var NavigationMenuRoot = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, color = _a.color, appearance = _a.appearance, props = __rest(_a, [\"className\", \"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(NavigationMenuContext.Provider, { value: contextValue, children: _jsx(NavigationMenuPrimitive.Root, __assign({ ref: ref, className: cn('relative flex', className) }, props, { children: children })) }));\n});\nNavigationMenuRoot.displayName = 'NavigationMenu.Root';\nexport default NavigationMenuRoot;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","NavigationMenuContext","createContext","radius","scaling","size","color","appearance","useNavigationMenuContext","useContext","NavigationMenuRoot","forwardRef","_a","ref","className","children","props","contextValue","useMemo","_jsx","Provider","value","NavigationMenuPrimitive","Root","cn","displayName"],"mappings":"wNAAA,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,EAKIiB,EAAwBC,EAAc,CACtCC,OAAQ,SACRC,QAAS,OACTC,KAAM,SACNC,MAAO,MACPC,WAAY,UAELC,EAA2B,WAClC,OAAOC,EAAWR,EACtB,EACWS,EAAqBC,GAAW,SAAUC,EAAIC,GACrD,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUZ,EAASS,EAAGT,OAAQE,EAAOO,EAAGP,KAAMD,EAAUQ,EAAGR,QAASE,EAAQM,EAAGN,MAAOC,EAAaK,EAAGL,WAAYS,EAAQpB,EAAOgB,EAAI,CAAC,YAAa,WAAY,SAAU,OAAQ,UAAW,QAAS,eAC7OK,EAAeC,GAAQ,WAAc,OAAUf,OAAQA,EAAQE,KAAMA,EAAMD,QAASA,EAASE,MAAOA,EAAOC,WAAYA,EAAc,GAAI,CAACJ,EAAQE,EAAMD,EAASE,EAAOC,IAC5K,OAAQY,EAAKlB,EAAsBmB,SAAU,CAAEC,MAAOJ,EAAcF,SAAUI,EAAKG,EAAwBC,KAAM1C,EAAS,CAAEgC,IAAKA,EAAKC,UAAWU,EAAG,gBAAiBV,IAAcE,EAAO,CAAED,SAAUA,MAC1M,IACAL,EAAmBe,YAAc"}
+{"version":3,"file":"NavigationMenuRoot.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/components/NavigationMenu/NavigationMenuTrigger.d.ts

@@ -7,7 +7,7 @@ export interface NavigationMenuTriggerProps extends VariantProps<typeof navigati
 }
 export declare const navigationMenuTriggerVariants: (props?: ({
     size?: "small" | "medium" | null | undefined;
-    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 NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/lib/components/NavigationMenu/NavigationMenuViewport.d.ts

@@ -4,8 +4,8 @@ import { VariantProps } from 'class-variance-authority';
 export interface NavigationViewportProps extends VariantProps<typeof navigationViewportVariants> {
 }
 export declare const navigationViewportVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
-    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
+    weight?: "medium" | "regular" | "semibold" | "bold" | 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/Popover/PopoverClose.d.ts

@@ -4,6 +4,6 @@ import { Popover as PopoverTheme } from '@radix-ui/themes';
 export interface PopoverCloseProps extends VariantProps<typeof popoverCloseVariants> {
 }
 export declare const popoverCloseVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const PopoverClose: React.ForwardRefExoticComponent<Omit<PopoverTheme.CloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/lib/components/Popover/PopoverContent.d.ts

@@ -6,7 +6,7 @@ export interface PopoverContentProps extends VariantProps<typeof popoverContentV
     size?: Exclude<ISize, 'x-small'>;
 }
 export declare const popoverContentVariants: (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/Popover/PopoverRoot.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, Popover as PopoverTheme } from '@radix-ui/themes';
+import { useTheme } from '../../../lib/theme';
 export var PopoverContext = createContext({
     radius: 'medium',
     size: 'medium',
@@ -30,7 +32,12 @@ export var PopoverContext = createContext({
 });
 export var PopoverRoot = function (_a) {
     var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, props = __rest(_a, ["children", "radius", "size", "scaling"]);
-    var contextValue = { radius: radius, size: size, scaling: scaling };
+    var theme = useTheme().theme;
+    var contextValue = {
+        radius: theme.themeRadius || radius,
+        scaling: theme.themeScaling || scaling,
+        size: size,
+    };
     return (_jsx(Theme, { children: _jsx(PopoverContext.Provider, { value: contextValue, children: _jsx(PopoverTheme.Root, __assign({}, props, { children: children })) }) }));
 };
 PopoverRoot.displayName = 'Popover.Root';

package/dist/lib/components/Popover/PopoverRoot.mjs

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

package/dist/lib/components/Popover/PopoverRoot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverRoot.mjs","sources":["../../../lib/components/Popover/PopoverRoot.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, Popover as PopoverTheme } from '@radix-ui/themes';\nexport var PopoverContext = createContext({\n    radius: 'medium',\n    size: 'medium',\n    scaling: '100%',\n});\nexport var PopoverRoot = function (_a) {\n    var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, props = __rest(_a, [\"children\", \"radius\", \"size\", \"scaling\"]);\n    var contextValue = { radius: radius, size: size, scaling: scaling };\n    return (_jsx(Theme, { children: _jsx(PopoverContext.Provider, { value: contextValue, children: _jsx(PopoverTheme.Root, __assign({}, props, { children: children })) }) }));\n};\nPopoverRoot.displayName = 'Popover.Root';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","PopoverContext","createContext","radius","size","scaling","PopoverRoot","_a","children","props","contextValue","_jsx","Theme","Provider","value","PopoverTheme","Root","displayName"],"mappings":"oIAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAIWiB,EAAiBC,EAAc,CACtCC,OAAQ,SACRC,KAAM,SACNC,QAAS,SAEFC,EAAc,SAAUC,GAC/B,IAAIC,EAAWD,EAAGC,SAAUL,EAASI,EAAGJ,OAAQC,EAAOG,EAAGH,KAAMC,EAAUE,EAAGF,QAASI,EAAQb,EAAOW,EAAI,CAAC,WAAY,SAAU,OAAQ,YACpIG,EAAe,CAAEP,OAAQA,EAAQC,KAAMA,EAAMC,QAASA,GAC1D,OAAQM,EAAKC,EAAO,CAAEJ,SAAUG,EAAKV,EAAeY,SAAU,CAAEC,MAAOJ,EAAcF,SAAUG,EAAKI,EAAaC,KAAMnC,EAAS,CAAE,EAAE4B,EAAO,CAAED,SAAUA,QAC3J,EACAF,EAAYW,YAAc"}
+{"version":3,"file":"PopoverRoot.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -5,7 +5,7 @@ export interface ProgressProps extends VariantProps<typeof progressVariants> {
     appearance?: 'classic' | 'surface' | 'soft';
 }
 declare const progressVariants: (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/Progress/index.js

@@ -26,6 +26,7 @@ import { cva } from 'class-variance-authority';
 import { scalingVariants } from '../../../lib/constants';
 import { Theme, Progress as ProgressTheme } from '@radix-ui/themes';
 import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
 var progressVariants = cva('w-[300px]', {
     variants: {
         radius: {
@@ -50,7 +51,16 @@ var progressVariants = cva('w-[300px]', {
 });
 export var Progress = forwardRef(function (_a, ref) {
     var className = _a.className, radius = _a.radius, size = _a.size, value = _a.value, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.color, color = _c === void 0 ? 'red' : _c, scaling = _a.scaling, props = __rest(_a, ["className", "radius", "size", "value", "appearance", "color", "scaling"]);
-    return (_jsx(Theme, { accentColor: color, children: _jsx(ProgressTheme, __assign({ ref: ref, value: value, variant: appearance, className: cn(progressVariants({ radius: radius, size: size, scaling: scaling }), className) }, props)) }));
+    var theme = useTheme().theme;
+    var progressStyle = {
+        radius: theme.themeRadius || radius,
+        scaling: theme.themeScaling || scaling,
+        color: theme.themeColor || color,
+        size: size,
+    };
+    return (
+    // @ts-ignore
+    _jsx(Theme, { accentColor: progressStyle.color, children: _jsx(ProgressTheme, __assign({ ref: ref, value: value, variant: appearance, className: cn(progressVariants(progressStyle), className) }, props)) }));
 });
 Progress.displayName = 'Progress';
 export default Progress;