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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlRoot.mjs","sources":["../../../lib/components/SegmentedControl/SegmentedControlRoot.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React, { Children, forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { SegmentedControl as SegmentedControlTheme, Theme } from '@radix-ui/themes';\nimport { scalingVariants } from '../../../lib/constants';\nexport * from './SegmentedControlItem';\nimport { cn } from '../../../lib/utils/utils';\nvar segmentedControlVariants = cva('text-slateA-12 dark:text-slateDarkA-12', {\n    variants: {\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        scaling: '100%',\n    },\n});\nexport var SegmentedControlRoot = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.radius, radius = _c === void 0 ? 'medium' : _c, _d = _a.size, size = _d === void 0 ? 'medium' : _d, scaling = _a.scaling, props = __rest(_a, [\"children\", \"className\", \"appearance\", \"radius\", \"size\", \"scaling\"]);\n    var sizeTheme = '2';\n    if (size === 'small')\n        sizeTheme = '1';\n    if (size === 'large')\n        sizeTheme = '3';\n    return (_jsx(Theme, { children: _jsx(SegmentedControlTheme.Root, __assign({ ref: ref, size: sizeTheme, radius: radius, variant: appearance, className: cn(segmentedControlVariants({ scaling: scaling }), className) }, props, { children: Children.map(children, function (child) { return React.cloneElement(child, { appearance: appearance }); }) })) }));\n});\nSegmentedControlRoot.displayName = 'SegmentedControl.Root';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","segmentedControlVariants","cva","variants","scaling","scalingVariants","defaultVariants","SegmentedControlRoot","forwardRef","_a","ref","children","className","_b","appearance","_c","radius","_d","size","props","sizeTheme","_jsx","Theme","SegmentedControlTheme","Root","variant","cn","Children","map","child","React","cloneElement","displayName"],"mappings":"wWAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAQIiB,EAA2BC,EAAI,yCAA0C,CACzEC,SAAU,CACNC,QAASvB,EAAS,CAAE,EAAEwB,IAE1BC,gBAAiB,CACbF,QAAS,UAGNG,EAAuBC,GAAW,SAAUC,EAAIC,GACvD,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWC,EAAKJ,EAAGK,WAAYA,OAAoB,IAAPD,EAAgB,UAAYA,EAAIE,EAAKN,EAAGO,OAAQA,OAAgB,IAAPD,EAAgB,SAAWA,EAAIE,EAAKR,EAAGS,KAAMA,OAAc,IAAPD,EAAgB,SAAWA,EAAIb,EAAUK,EAAGL,QAASe,EAAQvB,EAAOa,EAAI,CAAC,WAAY,YAAa,aAAc,SAAU,OAAQ,YAClUW,EAAY,IAKhB,MAJa,UAATF,IACAE,EAAY,KACH,UAATF,IACAE,EAAY,KACRC,EAAKC,EAAO,CAAEX,SAAUU,EAAKE,EAAsBC,KAAM3C,EAAS,CAAE6B,IAAKA,EAAKQ,KAAME,EAAWJ,OAAQA,EAAQS,QAASX,EAAYF,UAAWc,EAAGzB,EAAyB,CAAEG,QAASA,IAAYQ,IAAcO,EAAO,CAAER,SAAUgB,EAASC,IAAIjB,GAAU,SAAUkB,GAAS,OAAOC,EAAMC,aAAaF,EAAO,CAAEf,WAAYA,WACxU,IACAP,EAAqByB,YAAc"}
+{"version":3,"file":"SegmentedControlRoot.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/Select/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 { Theme, Select as SelectTheme } from '@radix-ui/themes';\nimport React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport { radiusVariants, selectAppearanceStyle } from '../../../lib/constants';\nvar selectVariants = cva('', {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n    },\n    defaultVariants: {\n        radius: 'medium',\n    },\n});\nexport var Root = React.forwardRef(function (_a, ref) {\n    var scaling = _a.scaling, size = _a.size, color = _a.color, children = _a.children, props = __rest(_a, [\"scaling\", \"size\", \"color\", \"children\"]);\n    var sizeTheme = '2';\n    if (size === 'small')\n        sizeTheme = '1';\n    if (size === 'large')\n        sizeTheme = '3';\n    return (_jsx(Theme, { scaling: scaling, accentColor: color, hasBackground: false, children: _jsx(\"div\", { ref: ref, children: _jsx(SelectTheme.Root, __assign({ size: sizeTheme }, props, { children: children })) }) }));\n});\nRoot.displayName = 'Select.Root';\nexport var Trigger = React.forwardRef(function (_a, forwardedRef) {\n    var _b = _a.appearance, appearance = _b === void 0 ? 'classic' : _b, color = _a.color, size = _a.size, radius = _a.radius, children = _a.children, className = _a.className, props = __rest(_a, [\"appearance\", \"color\", \"size\", \"radius\", \"children\", \"className\"]);\n    if (!color)\n        color = 'red';\n    return (_jsx(SelectTheme.Trigger, __assign({ ref: forwardedRef, variant: appearance, radius: radius, className: cn(selectVariants({ radius: radius }), selectAppearanceStyle(appearance, color), className) }, props, { children: children })));\n});\nTrigger.displayName = 'Select.Trigger';\nexport var Content = React.forwardRef(function (_a, forwardedRef) {\n    var appearance = _a.appearance, color = _a.color, size = _a.size, radius = _a.radius, children = _a.children, className = _a.className, props = __rest(_a, [\"appearance\", \"color\", \"size\", \"radius\", \"children\", \"className\"]);\n    if (!color)\n        color = 'red';\n    if (radius === 'full')\n        radius = 'large';\n    return (_jsx(SelectTheme.Content, __assign({ ref: forwardedRef, color: color }, props, { className: cn(selectVariants({ radius: radius }), className), children: children })));\n});\nContent.displayName = 'Select.Content';\nexport var Item = React.forwardRef(function (_a, forwardedRef) {\n    var value = _a.value, children = _a.children, className = _a.className, radius = _a.radius, props = __rest(_a, [\"value\", \"children\", \"className\", \"radius\"]);\n    return (_jsx(SelectTheme.Item, __assign({ ref: forwardedRef, value: value }, props, { className: cn(selectVariants({ radius: radius }), className), children: children })));\n});\nItem.displayName = 'Select.Item';\nexport var Group = React.forwardRef(function (_a, forwardedRef) {\n    var children = _a.children, className = _a.className, props = __rest(_a, [\"children\", \"className\"]);\n    return (_jsx(SelectTheme.Group, __assign({ ref: forwardedRef }, props, { className: className, children: children })));\n});\nGroup.displayName = 'Select.Group';\nexport var Label = React.forwardRef(function (_a, forwardedRef) {\n    var children = _a.children, className = _a.className, props = __rest(_a, [\"children\", \"className\"]);\n    return (_jsx(SelectTheme.Label, __assign({ ref: forwardedRef }, props, { className: className, children: children })));\n});\nLabel.displayName = 'Select.Label';\nexport var Separator = React.forwardRef(function (_a, forwardedRef) {\n    var children = _a.children, className = _a.className, props = __rest(_a, [\"children\", \"className\"]);\n    return (_jsx(SelectTheme.Separator, __assign({ ref: forwardedRef }, props, { className: className, children: children })));\n});\nSeparator.displayName = 'Select.Separator';\nvar Select = {\n    Root: Root,\n    Trigger: Trigger,\n    Content: Content,\n    Item: Item,\n    Group: Group,\n    Label: Label,\n    Separator: Separator,\n};\nexport default Select;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","selectVariants","cva","variants","radius","radiusVariants","defaultVariants","Root","React","forwardRef","_a","ref","scaling","size","color","children","props","sizeTheme","_jsx","Theme","accentColor","hasBackground","SelectTheme","displayName","Trigger","forwardedRef","_b","appearance","className","variant","cn","selectAppearanceStyle","Content","Item","value","Group","Label","Separator","Select"],"mappings":"4RAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAOIiB,EAAiBC,EAAI,GAAI,CACzBC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,OAE9CC,gBAAiB,CACbF,OAAQ,YAGLG,EAAOC,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAAIC,EAAUF,EAAGE,QAASC,EAAOH,EAAGG,KAAMC,EAAQJ,EAAGI,MAAOC,EAAWL,EAAGK,SAAUC,EAAQpB,EAAOc,EAAI,CAAC,UAAW,OAAQ,QAAS,aAChIO,EAAY,IAKhB,MAJa,UAATJ,IACAI,EAAY,KACH,UAATJ,IACAI,EAAY,KACRC,EAAKC,EAAO,CAAEP,QAASA,EAASQ,YAAaN,EAAOO,eAAe,EAAON,SAAUG,EAAK,MAAO,CAAEP,IAAKA,EAAKI,SAAUG,EAAKI,EAAYf,KAAM1B,EAAS,CAAEgC,KAAMI,GAAaD,EAAO,CAAED,SAAUA,QAC1M,IACAR,EAAKgB,YAAc,cACT,IAACC,EAAUhB,EAAMC,YAAW,SAAUC,EAAIe,GAC7C,IAACC,EAAKhB,EAAGiB,WAAYA,OAAoB,IAAPD,EAAgB,UAAYA,EAAIZ,EAAQJ,EAAGI,MAAcJ,EAAGG,KAAM,IAAAT,EAASM,EAAGN,OAAQW,EAAWL,EAAGK,SAAUa,EAAYlB,EAAGkB,UAAWZ,EAAQpB,EAAOc,EAAI,CAAC,aAAc,QAAS,OAAQ,SAAU,WAAY,cAGtP,OAFKI,IACDA,EAAQ,OACJI,EAAKI,EAAYE,QAAS3C,EAAS,CAAE8B,IAAKc,EAAcI,QAASF,EAAYvB,OAAQA,EAAQwB,UAAWE,EAAG7B,EAAe,CAAEG,OAAQA,IAAW2B,EAAsBJ,EAAYb,GAAQc,IAAcZ,EAAO,CAAED,SAAUA,IACtO,IACAS,EAAQD,YAAc,iBACZ,IAACS,EAAUxB,EAAMC,YAAW,SAAUC,EAAIe,GAC/Bf,EAAGiB,WAAW,IAACb,EAAQJ,EAAGI,MAAcJ,EAAGG,KAAM,IAAAT,EAASM,EAAGN,OAAQW,EAAWL,EAAGK,SAAUa,EAAYlB,EAAGkB,UAAWZ,EAAQpB,EAAOc,EAAI,CAAC,aAAc,QAAS,OAAQ,SAAU,WAAY,cAKjN,OAJKI,IACDA,EAAQ,OACG,SAAXV,IACAA,EAAS,SACLc,EAAKI,EAAYU,QAASnD,EAAS,CAAE8B,IAAKc,EAAcX,MAAOA,GAASE,EAAO,CAAEY,UAAWE,EAAG7B,EAAe,CAAEG,OAAQA,IAAWwB,GAAYb,SAAUA,IACrK,IACAiB,EAAQT,YAAc,iBACZ,IAACU,EAAOzB,EAAMC,YAAW,SAAUC,EAAIe,GAC7C,IAAIS,EAAQxB,EAAGwB,MAAOnB,EAAWL,EAAGK,SAAUa,EAAYlB,EAAGkB,UAAWxB,EAASM,EAAGN,OAAQY,EAAQpB,EAAOc,EAAI,CAAC,QAAS,WAAY,YAAa,WAClJ,OAAQQ,EAAKI,EAAYW,KAAMpD,EAAS,CAAE8B,IAAKc,EAAcS,MAAOA,GAASlB,EAAO,CAAEY,UAAWE,EAAG7B,EAAe,CAAEG,OAAQA,IAAWwB,GAAYb,SAAUA,IAClK,IACAkB,EAAKV,YAAc,cACT,IAACY,EAAQ3B,EAAMC,YAAW,SAAUC,EAAIe,GAC9C,IAAIV,EAAWL,EAAGK,SAAUa,EAAYlB,EAAGkB,UAAWZ,EAAQpB,EAAOc,EAAI,CAAC,WAAY,cACtF,OAAQQ,EAAKI,EAAYa,MAAOtD,EAAS,CAAE8B,IAAKc,GAAgBT,EAAO,CAAEY,UAAWA,EAAWb,SAAUA,IAC7G,IACAoB,EAAMZ,YAAc,eACV,IAACa,EAAQ5B,EAAMC,YAAW,SAAUC,EAAIe,GAC9C,IAAIV,EAAWL,EAAGK,SAAUa,EAAYlB,EAAGkB,UAAWZ,EAAQpB,EAAOc,EAAI,CAAC,WAAY,cACtF,OAAQQ,EAAKI,EAAYc,MAAOvD,EAAS,CAAE8B,IAAKc,GAAgBT,EAAO,CAAEY,UAAWA,EAAWb,SAAUA,IAC7G,IACAqB,EAAMb,YAAc,eACV,IAACc,EAAY7B,EAAMC,YAAW,SAAUC,EAAIe,GAClD,IAAIV,EAAWL,EAAGK,SAAUa,EAAYlB,EAAGkB,UAAWZ,EAAQpB,EAAOc,EAAI,CAAC,WAAY,cACtF,OAAQQ,EAAKI,EAAYe,UAAWxD,EAAS,CAAE8B,IAAKc,GAAgBT,EAAO,CAAEY,UAAWA,EAAWb,SAAUA,IACjH,IACAsB,EAAUd,YAAc,mBACrB,IAACe,EAAS,CACT/B,KAAMA,EACNiB,QAASA,EACTQ,QAASA,EACTC,KAAMA,EACNE,MAAOA,EACPC,MAAOA,EACPC,UAAWA"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -4,7 +4,7 @@ export interface SeparatorProps extends VariantProps<typeof separatorVariants> {
     size?: 'small' | 'medium' | 'large' | 'fill-large';
 }
 declare const separatorVariants: (props?: ({
-    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+    scaling?: "100%" | "90%" | "95%" | "105%" | "110%" | null | undefined;
     color?: string | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const Separator: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes").SeparatorProps & React.RefAttributes<HTMLSpanElement>, "ref">, "size"> & SeparatorProps & React.RefAttributes<HTMLSpanElement>>;

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

@@ -1,3 +1,4 @@
+'use client';
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -26,6 +27,7 @@ import { cva } from 'class-variance-authority';
 import { cn } from '../../../lib/utils/utils';
 import { bgColorStyle, scalingVariants } from '../../../lib/constants';
 import { Separator as SeparatorTheme, Theme } from '@radix-ui/themes';
+import { useTheme } from '../../../lib/theme';
 var separatorVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -33,7 +35,13 @@ var separatorVariants = cva('', {
     },
 });
 export var Separator = React.forwardRef(function (_a, forwardedRef) {
-    var orientation = _a.orientation, scaling = _a.scaling, size = _a.size, _b = _a.color, color = _b === void 0 ? 'slate' : _b, className = _a.className, children = _a.children, props = __rest(_a, ["orientation", "scaling", "size", "color", "className", "children"]);
+    var _b;
+    var orientation = _a.orientation, scaling = _a.scaling, size = _a.size, color = _a.color, className = _a.className, children = _a.children, props = __rest(_a, ["orientation", "scaling", "size", "color", "className", "children"]);
+    var theme = useTheme().theme;
+    var separatorStyle = {
+        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+        color: (_b = color !== null && color !== void 0 ? color : theme.themeColor) !== null && _b !== void 0 ? _b : 'slate',
+    };
     var sizeTheme = '1';
     if (size === 'medium')
         sizeTheme = '2';
@@ -41,7 +49,7 @@ export var Separator = React.forwardRef(function (_a, forwardedRef) {
         sizeTheme = '3';
     if (size === 'fill-large')
         sizeTheme = '4';
-    return (_jsx(Theme, { hasBackground: false, className: "flex items-center justify-center", children: _jsx(SeparatorTheme, __assign({ orientation: orientation, size: sizeTheme, className: cn("bg-".concat(color, "A-6 dark:bg-").concat(color, "DarkA-6"), separatorVariants({ scaling: scaling }), className) }, props, { children: children })) }));
+    return (_jsx(Theme, { hasBackground: false, className: "flex items-center justify-center", children: _jsx(SeparatorTheme, __assign({ orientation: orientation, size: sizeTheme, className: cn("bg-".concat(separatorStyle.color, "A-6 dark:bg-").concat(separatorStyle.color, "DarkA-6"), separatorVariants({ scaling: separatorStyle.scaling }), className) }, props, { children: children })) }));
 });
 Separator.displayName = 'Separator';
 export default Separator;

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

@@ -1,2 +1,3 @@
-import{jsx as r}from"react/jsx-runtime";import t from"react";import{cva as e}from"class-variance-authority";import{cn as a}from"../../utils/utils.mjs";import{scalingVariants as o,bgColorStyle as n}from"../../constants.mjs";import{Theme as i,Separator as c}from"@radix-ui/themes";var s=function(){return s=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},s.apply(this,arguments)},l=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=e("",{variants:{scaling:s({},o),color:n()}}),f=t.forwardRef((function(t,e){var o=t.orientation,n=t.scaling,f=t.size,p=t.color,u=void 0===p?"slate":p,y=t.className,d=t.children,g=l(t,["orientation","scaling","size","color","className","children"]),h="1";return"medium"===f&&(h="2"),"large"===f&&(h="3"),"fill-large"===f&&(h="4"),r(i,{hasBackground:!1,className:"flex items-center justify-center",children:r(c,s({orientation:o,size:h,className:a("bg-".concat(u,"A-6 dark:bg-").concat(u,"DarkA-6"),m({scaling:n}),y)},g,{children:d}))})}));f.displayName="Separator";export{f as Separator,f as default};
+"use client";
+import{jsx as r}from"react/jsx-runtime";import e from"react";import{cva as t}from"class-variance-authority";import{cn as o}from"../../utils/utils.mjs";import{scalingVariants as a,bgColorStyle as n}from"../../constants.mjs";import{Theme as i,Separator as l}from"@radix-ui/themes";import{useTheme as c}from"../../theme/ThemeProvider.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)},m=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},f=t("",{variants:{scaling:s({},a),color:n()}}),p=e.forwardRef((function(e,t){var a,n=e.orientation,p=e.scaling,u=e.size,g=e.color,h=e.className,d=e.children,y=m(e,["orientation","scaling","size","color","className","children"]),O=c().theme,b={scaling:null!=p?p:O.themeScaling,color:null!==(a=null!=g?g:O.themeColor)&&void 0!==a?a:"slate"},j="1";return"medium"===u&&(j="2"),"large"===u&&(j="3"),"fill-large"===u&&(j="4"),r(i,{hasBackground:!1,className:"flex items-center justify-center",children:r(l,s({orientation:n,size:j,className:o("bg-".concat(b.color,"A-6 dark:bg-").concat(b.color,"DarkA-6"),f({scaling:b.scaling}),h)},y,{children:d}))})}));p.displayName="Separator";export{p as Separator,p as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/Separator/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 from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport { bgColorStyle, scalingVariants } from '../../../lib/constants';\nimport { Separator as SeparatorTheme, Theme } from '@radix-ui/themes';\nvar separatorVariants = cva('', {\n    variants: {\n        scaling: __assign({}, scalingVariants),\n        color: bgColorStyle(),\n    },\n});\nexport var Separator = React.forwardRef(function (_a, forwardedRef) {\n    var orientation = _a.orientation, scaling = _a.scaling, size = _a.size, _b = _a.color, color = _b === void 0 ? 'slate' : _b, className = _a.className, children = _a.children, props = __rest(_a, [\"orientation\", \"scaling\", \"size\", \"color\", \"className\", \"children\"]);\n    var sizeTheme = '1';\n    if (size === 'medium')\n        sizeTheme = '2';\n    if (size === 'large')\n        sizeTheme = '3';\n    if (size === 'fill-large')\n        sizeTheme = '4';\n    return (_jsx(Theme, { hasBackground: false, className: \"flex items-center justify-center\", children: _jsx(SeparatorTheme, __assign({ orientation: orientation, size: sizeTheme, className: cn(\"bg-\".concat(color, \"A-6 dark:bg-\").concat(color, \"DarkA-6\"), separatorVariants({ scaling: scaling }), className) }, props, { children: children })) }));\n});\nSeparator.displayName = 'Separator';\nexport default Separator;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","separatorVariants","cva","variants","scaling","scalingVariants","color","bgColorStyle","Separator","React","forwardRef","_a","forwardedRef","orientation","size","_b","className","children","props","sizeTheme","_jsx","Theme","hasBackground","SeparatorTheme","cn","concat","displayName"],"mappings":"uRAAA,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,EAAoBC,EAAI,GAAI,CAC5BC,SAAU,CACNC,QAASvB,EAAS,CAAE,EAAEwB,GACtBC,MAAOC,OAGJC,EAAYC,EAAMC,YAAW,SAAUC,EAAIC,GAClD,IAAIC,EAAcF,EAAGE,YAAaT,EAAUO,EAAGP,QAASU,EAAOH,EAAGG,KAAMC,EAAKJ,EAAGL,MAAOA,OAAe,IAAPS,EAAgB,QAAUA,EAAIC,EAAYL,EAAGK,UAAWC,EAAWN,EAAGM,SAAUC,EAAQtB,EAAOe,EAAI,CAAC,cAAe,UAAW,OAAQ,QAAS,YAAa,aACvPQ,EAAY,IAOhB,MANa,WAATL,IACAK,EAAY,KACH,UAATL,IACAK,EAAY,KACH,eAATL,IACAK,EAAY,KACRC,EAAKC,EAAO,CAAEC,eAAe,EAAON,UAAW,mCAAoCC,SAAUG,EAAKG,EAAgB1C,EAAS,CAAEgC,YAAaA,EAAaC,KAAMK,EAAWH,UAAWQ,EAAG,MAAMC,OAAOnB,EAAO,gBAAgBmB,OAAOnB,EAAO,WAAYL,EAAkB,CAAEG,QAASA,IAAYY,IAAcE,EAAO,CAAED,SAAUA,MAC1U,IACAT,EAAUkB,YAAc"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -8,7 +8,7 @@ export interface SkeletonProps extends VariantProps<typeof separatorVariants> {
     height?: string;
 }
 declare const separatorVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "small" | "none" | "large" | "medium" | "full" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const Skeleton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & SkeletonProps & React.RefAttributes<HTMLSpanElement>>;
 export default Skeleton;

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

@@ -1,3 +1,4 @@
+'use client';
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -26,6 +27,7 @@ import { cva } from 'class-variance-authority';
 import { Theme, Skeleton as SkeletonTheme } from '@radix-ui/themes';
 import { cn } from '../../../lib/utils/utils';
 import { radiusVariants } from '../../../lib/constants';
+import { useTheme } from '../../../lib/theme';
 var separatorVariants = cva('', {
     variants: {
         radius: __assign({}, radiusVariants['base']),
@@ -36,7 +38,9 @@ var separatorVariants = cva('', {
 });
 export var Skeleton = React.forwardRef(function (_a, forwardedRef) {
     var children = _a.children, className = _a.className, radius = _a.radius, loading = _a.loading, width = _a.width, height = _a.height, skeletonProps = __rest(_a, ["children", "className", "radius", "loading", "width", "height"]);
-    return (_jsx(Theme, { children: _jsx(SkeletonTheme, __assign({ ref: forwardedRef, loading: loading, width: width, height: height, className: cn('', radius && cn(separatorVariants({ radius: radius }), className)) }, skeletonProps, { children: children })) }));
+    var theme = useTheme().theme;
+    var radiusStyle = radius !== null && radius !== void 0 ? radius : theme.themeRadius;
+    return (_jsx(Theme, { children: _jsx(SkeletonTheme, __assign({ ref: forwardedRef, loading: loading, width: width, height: height, className: cn(separatorVariants({ radius: radiusStyle }), className) }, skeletonProps, { children: children })) }));
 });
 Skeleton.displayName = 'Skeleton';
 export default Skeleton;

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

@@ -1,2 +1,3 @@
-import{jsx as r}from"react/jsx-runtime";import t from"react";import{cva as e}from"class-variance-authority";import{Theme as a,Skeleton as i}from"@radix-ui/themes";import{cn as o}from"../../utils/utils.mjs";import{radiusVariants as n}from"../../constants.mjs";var s=function(){return s=Object.assign||function(r){for(var t,e=1,a=arguments.length;e<a;e++)for(var i in t=arguments[e])Object.prototype.hasOwnProperty.call(t,i)&&(r[i]=t[i]);return r},s.apply(this,arguments)},l=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 i=0;for(a=Object.getOwnPropertySymbols(r);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(r,a[i])&&(e[a[i]]=r[a[i]])}return e},c=e("",{variants:{radius:s({},n.base)},defaultVariants:{radius:"medium"}}),m=t.forwardRef((function(t,e){var n=t.children,m=t.className,f=t.radius,u=t.loading,d=t.width,p=t.height,h=l(t,["children","className","radius","loading","width","height"]);return r(a,{children:r(i,s({ref:e,loading:u,width:d,height:p,className:o("",f&&o(c({radius:f}),m))},h,{children:n}))})}));m.displayName="Skeleton";export{m as Skeleton,m as default};
+"use client";
+import{jsx as r}from"react/jsx-runtime";import t from"react";import{cva as e}from"class-variance-authority";import{Theme as a,Skeleton as i}from"@radix-ui/themes";import{cn as o}from"../../utils/utils.mjs";import{radiusVariants as n}from"../../constants.mjs";import{useTheme as s}from"../../theme/ThemeProvider.mjs";var l=function(){return l=Object.assign||function(r){for(var t,e=1,a=arguments.length;e<a;e++)for(var i in t=arguments[e])Object.prototype.hasOwnProperty.call(t,i)&&(r[i]=t[i]);return r},l.apply(this,arguments)},m=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 i=0;for(a=Object.getOwnPropertySymbols(r);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(r,a[i])&&(e[a[i]]=r[a[i]])}return e},c=e("",{variants:{radius:l({},n.base)},defaultVariants:{radius:"medium"}}),u=t.forwardRef((function(t,e){var n=t.children,u=t.className,d=t.radius,f=t.loading,h=t.width,p=t.height,y=m(t,["children","className","radius","loading","width","height"]),O=s().theme,g=null!=d?d:O.themeRadius;return r(a,{children:r(i,l({ref:e,loading:f,width:h,height:p,className:o(c({radius:g}),u)},y,{children:n}))})}));u.displayName="Skeleton";export{u as Skeleton,u as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/Skeleton/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 from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Theme, Skeleton as SkeletonTheme } from '@radix-ui/themes';\nimport { cn } from '../../../lib/utils/utils';\nimport { radiusVariants } from '../../../lib/constants';\nvar separatorVariants = cva('', {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n    },\n    defaultVariants: {\n        radius: 'medium',\n    },\n});\nexport var Skeleton = React.forwardRef(function (_a, forwardedRef) {\n    var children = _a.children, className = _a.className, radius = _a.radius, loading = _a.loading, width = _a.width, height = _a.height, skeletonProps = __rest(_a, [\"children\", \"className\", \"radius\", \"loading\", \"width\", \"height\"]);\n    return (_jsx(Theme, { children: _jsx(SkeletonTheme, __assign({ ref: forwardedRef, loading: loading, width: width, height: height, className: cn('', radius && cn(separatorVariants({ radius: radius }), className)) }, skeletonProps, { children: children })) }));\n});\nSkeleton.displayName = 'Skeleton';\nexport default Skeleton;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","separatorVariants","cva","variants","radius","radiusVariants","defaultVariants","Skeleton","React","forwardRef","_a","forwardedRef","children","className","loading","width","height","skeletonProps","_jsx","Theme","SkeletonTheme","ref","cn","displayName"],"mappings":"mQAAA,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,EAAoBC,EAAI,GAAI,CAC5BC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,OAE9CC,gBAAiB,CACbF,OAAQ,YAGLG,EAAWC,EAAMC,YAAW,SAAUC,EAAIC,GACjD,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWT,EAASM,EAAGN,OAAQU,EAAUJ,EAAGI,QAASC,EAAQL,EAAGK,MAAOC,EAASN,EAAGM,OAAQC,EAAgBrB,EAAOc,EAAI,CAAC,WAAY,YAAa,SAAU,UAAW,QAAS,WACzN,OAAQQ,EAAKC,EAAO,CAAEP,SAAUM,EAAKE,EAAevC,EAAS,CAAEwC,IAAKV,EAAcG,QAASA,EAASC,MAAOA,EAAOC,OAAQA,EAAQH,UAAWS,EAAG,GAAIlB,GAAUkB,EAAGrB,EAAkB,CAAEG,OAAQA,IAAWS,KAAeI,EAAe,CAAEL,SAAUA,MACtP,IACAL,EAASgB,YAAc"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,14 +1,15 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IScaling } from '../../../lib/types';
+import { IColor, IScaling } from '../../../lib/types';
 export interface SliderProps extends VariantProps<typeof sliderVariants> {
     appearance?: 'classic' | 'soft' | 'surface';
     label?: string;
     size?: 'small' | 'medium' | 'large';
     scaling?: IScaling;
+    color?: IColor;
 }
 declare const sliderVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "small" | "none" | "large" | "medium" | "full" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const Slider: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes").SliderProps & React.RefAttributes<HTMLSpanElement>, "ref">, "size"> & SliderProps & React.RefAttributes<HTMLSpanElement>>;
 export default Slider;

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

@@ -1,3 +1,4 @@
+'use client';
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -26,16 +27,22 @@ import { cva } from 'class-variance-authority';
 import { cn } from '../../../lib/utils/utils';
 import { radiusVariants } from '../../../lib/constants';
 import { Theme, Slider as SliderTheme } from '@radix-ui/themes';
+import { useTheme } from '../../../lib/theme';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 var sliderVariants = cva('relative flex items-center select-none touch-none w-[200px] h-5', {
     variants: {
         radius: __assign({}, radiusVariants['base']),
-        // color: bgColorStyle(),
     },
 });
 export var Slider = React.forwardRef(function (_a, forwardedRef) {
-    var className = _a.className, color = _a.color, size = _a.size, appearance = _a.appearance, _b = _a.scaling, scaling = _b === void 0 ? '100%' : _b, radius = _a.radius, tabIndex = _a.tabIndex, sliderProps = __rest(_a, ["className", "color", "size", "appearance", "scaling", "radius", "tabIndex"]);
-    if (!color)
-        color = 'red';
+    var _b;
+    var className = _a.className, color = _a.color, size = _a.size, appearance = _a.appearance, _c = _a.scaling, scaling = _c === void 0 ? '100%' : _c, radius = _a.radius, tabIndex = _a.tabIndex, sliderProps = __rest(_a, ["className", "color", "size", "appearance", "scaling", "radius", "tabIndex"]);
+    var theme = useTheme().theme;
+    var contextValue = {
+        radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
+        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+        color: (_b = color !== null && color !== void 0 ? color : theme.themeColor) !== null && _b !== void 0 ? _b : MAIN_COLOR,
+    };
     if (radius === 'medium' || radius === 'large')
         radius = 'full';
     var sizeTheme = '2';
@@ -43,7 +50,7 @@ export var Slider = React.forwardRef(function (_a, forwardedRef) {
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    return (_jsx(Theme, { accentColor: color, scaling: scaling, hasBackground: false, children: _jsx(SliderTheme, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, radius: radius, color: color, className: cn(sliderVariants({ radius: radius }), className) }, sliderProps)) }));
+    return (_jsx(Theme, { accentColor: contextValue.color, scaling: contextValue.scaling, hasBackground: false, children: _jsx(SliderTheme, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, radius: contextValue.radius, color: contextValue.color, className: cn(sliderVariants({ radius: contextValue.radius }), className) }, sliderProps)) }));
 });
 Slider.displayName = 'Slider';
 export default Slider;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/Slider/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 from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport { radiusVariants } from '../../../lib/constants';\nimport { Theme, Slider as SliderTheme } from '@radix-ui/themes';\nvar sliderVariants = cva('relative flex items-center select-none touch-none w-[200px] h-5', {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n        // color: bgColorStyle(),\n    },\n});\nexport var Slider = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, color = _a.color, size = _a.size, appearance = _a.appearance, _b = _a.scaling, scaling = _b === void 0 ? '100%' : _b, radius = _a.radius, tabIndex = _a.tabIndex, sliderProps = __rest(_a, [\"className\", \"color\", \"size\", \"appearance\", \"scaling\", \"radius\", \"tabIndex\"]);\n    if (!color)\n        color = 'red';\n    if (radius === 'medium' || radius === 'large')\n        radius = 'full';\n    var sizeTheme = '2';\n    if (size === 'small')\n        sizeTheme = '1';\n    if (size === 'large')\n        sizeTheme = '3';\n    return (_jsx(Theme, { accentColor: color, scaling: scaling, hasBackground: false, children: _jsx(SliderTheme, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, radius: radius, color: color, className: cn(sliderVariants({ radius: radius }), className) }, sliderProps)) }));\n});\nSlider.displayName = 'Slider';\nexport default Slider;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","sliderVariants","cva","variants","radius","radiusVariants","Slider","React","forwardRef","_a","forwardedRef","className","color","size","appearance","_b","scaling","tabIndex","sliderProps","sizeTheme","_jsx","Theme","accentColor","hasBackground","children","SliderTheme","ref","variant","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,EAOIiB,EAAiBC,EAAI,kEAAmE,CACxFC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,SAIvCC,EAASC,EAAMC,YAAW,SAAUC,EAAIC,GAC5C,IAACC,EAAYF,EAAGE,UAAWC,EAAQH,EAAGG,MAAOC,EAAOJ,EAAGI,KAAMC,EAAaL,EAAGK,WAAYC,EAAKN,EAAGO,QAASA,OAAiB,IAAPD,EAAgB,OAASA,EAAIX,EAASK,EAAGL,OAAmBK,EAAGQ,SAAU,IAAAC,EAActB,EAAOa,EAAI,CAAC,YAAa,QAAS,OAAQ,aAAc,UAAW,SAAU,aACtRG,IACDA,EAAQ,OACG,WAAXR,GAAkC,UAAXA,IACvBA,EAAS,QACb,IAAIe,EAAY,IAKhB,MAJa,UAATN,IACAM,EAAY,KACH,UAATN,IACAM,EAAY,KACRC,EAAKC,EAAO,CAAEC,YAAaV,EAAOI,QAASA,EAASO,eAAe,EAAOC,SAAUJ,EAAKK,EAAa5C,EAAS,CAAE6C,IAAKhB,EAAciB,QAASb,EAAYD,KAAMM,EAAWf,OAAQA,EAAQQ,MAAOA,EAAOD,UAAWiB,EAAG3B,EAAe,CAAEG,OAAQA,IAAWO,IAAcO,KACpR,IACAZ,EAAOuB,YAAc"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -9,7 +9,7 @@ export interface SpinnerProps extends VariantProps<typeof spinnerVariants> {
     size?: 'small' | 'medium' | 'large';
 }
 declare const spinnerVariants: (props?: ({
-    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+    scaling?: "100%" | "90%" | "95%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const Spinner: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & SpinnerProps & React.RefAttributes<HTMLSpanElement>>;
 export default Spinner;

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

@@ -1,3 +1,4 @@
+'use client';
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -26,6 +27,7 @@ import { cva } from 'class-variance-authority';
 import { Spinner as SpinnerTheme, Theme } from '@radix-ui/themes';
 import { cn } from '../../../lib/utils/utils';
 import { scalingVariants } from '../../../lib/constants';
+import { useTheme } from '../../../lib/theme';
 var spinnerVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -36,12 +38,13 @@ var spinnerVariants = cva('', {
 });
 export var Spinner = React.forwardRef(function (_a, forwardedRef) {
     var className = _a.className, children = _a.children, size = _a.size, scaling = _a.scaling, loading = _a.loading, spinnerProps = __rest(_a, ["className", "children", "size", "scaling", "loading"]);
+    var theme = useTheme().theme;
     var sizeTheme = '2';
     if (size === 'small')
         sizeTheme = '1';
     if (size === 'large')
         sizeTheme = '3';
-    return (_jsx(Theme, { hasBackground: false, children: _jsx(SpinnerTheme, __assign({ ref: forwardedRef, loading: loading, size: sizeTheme, className: cn('', spinnerVariants({ scaling: scaling }), className) }, spinnerProps, { children: children })) }));
+    return (_jsx(Theme, { hasBackground: false, children: _jsx(SpinnerTheme, __assign({ ref: forwardedRef, loading: loading, size: sizeTheme, className: cn('', spinnerVariants({ scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling }), className) }, spinnerProps, { children: children })) }));
 });
 Spinner.displayName = 'Spinner';
 export default Spinner;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/Spinner/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 from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Spinner as SpinnerTheme, Theme } from '@radix-ui/themes';\nimport { cn } from '../../../lib/utils/utils';\nimport { scalingVariants } from '../../../lib/constants';\nvar spinnerVariants = cva('', {\n    variants: {\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        scaling: '100%',\n    },\n});\nexport var Spinner = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, children = _a.children, size = _a.size, scaling = _a.scaling, loading = _a.loading, spinnerProps = __rest(_a, [\"className\", \"children\", \"size\", \"scaling\", \"loading\"]);\n    var sizeTheme = '2';\n    if (size === 'small')\n        sizeTheme = '1';\n    if (size === 'large')\n        sizeTheme = '3';\n    return (_jsx(Theme, { hasBackground: false, children: _jsx(SpinnerTheme, __assign({ ref: forwardedRef, loading: loading, size: sizeTheme, className: cn('', spinnerVariants({ scaling: scaling }), className) }, spinnerProps, { children: children })) }));\n});\nSpinner.displayName = 'Spinner';\nexport default Spinner;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","spinnerVariants","cva","variants","scaling","scalingVariants","defaultVariants","Spinner","React","forwardRef","_a","forwardedRef","className","children","size","loading","spinnerProps","sizeTheme","_jsx","Theme","hasBackground","SpinnerTheme","ref","cn","displayName"],"mappings":"mQAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAOIiB,EAAkBC,EAAI,GAAI,CAC1BC,SAAU,CACNC,QAASvB,EAAS,CAAE,EAAEwB,IAE1BC,gBAAiB,CACbF,QAAS,UAGNG,EAAUC,EAAMC,YAAW,SAAUC,EAAIC,GAChD,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUC,EAAOJ,EAAGI,KAAMV,EAAUM,EAAGN,QAASW,EAAUL,EAAGK,QAASC,EAAepB,EAAOc,EAAI,CAAC,YAAa,WAAY,OAAQ,UAAW,YACrLO,EAAY,IAKhB,MAJa,UAATH,IACAG,EAAY,KACH,UAATH,IACAG,EAAY,KACRC,EAAKC,EAAO,CAAEC,eAAe,EAAOP,SAAUK,EAAKG,EAAcxC,EAAS,CAAEyC,IAAKX,EAAcI,QAASA,EAASD,KAAMG,EAAWL,UAAWW,EAAG,GAAItB,EAAgB,CAAEG,QAASA,IAAYQ,IAAcI,EAAc,CAAEH,SAAUA,MAC/O,IACAN,EAAQiB,YAAc"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,3 +1,4 @@
+'use client';
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -25,17 +26,19 @@ import React from 'react';
 import { cva } from 'class-variance-authority';
 import { TabNav as TabNavTheme, Theme } from '@radix-ui/themes';
 import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 var tabNavVariants = cva('', {
     variants: {},
 });
 export var Root = React.forwardRef(function (_a, ref) {
+    var _b;
     var className = _a.className, children = _a.children, size = _a.size, color = _a.color, rootProps = __rest(_a, ["className", "children", "size", "color"]);
-    if (!color)
-        color = 'red';
+    var theme = useTheme().theme;
     var sizeTheme = '2';
     if (size === 'small')
         sizeTheme = '1';
-    return (_jsx(Theme, { accentColor: color, hasBackground: false, children: _jsx(TabNavTheme.Root, __assign({ ref: ref, size: sizeTheme, className: cn('', tabNavVariants({}), className) }, rootProps, { children: children })) }));
+    return (_jsx(Theme, { accentColor: ((_b = color !== null && color !== void 0 ? color : theme.themeColor) !== null && _b !== void 0 ? _b : MAIN_COLOR), hasBackground: false, children: _jsx(TabNavTheme.Root, __assign({ ref: ref, size: sizeTheme, className: cn(tabNavVariants({}), className) }, rootProps, { children: children })) }));
 });
 Root.displayName = 'TabNav.Root';
 export var Link = React.forwardRef(function (_a, ref) {

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

@@ -1,2 +1,3 @@
-import{jsx as r}from"react/jsx-runtime";import a from"react";import{cva as e}from"class-variance-authority";import{Theme as t,TabNav as o}from"@radix-ui/themes";import{cn as n}from"../../utils/utils.mjs";var i=function(){return i=Object.assign||function(r){for(var a,e=1,t=arguments.length;e<t;e++)for(var o in a=arguments[e])Object.prototype.hasOwnProperty.call(a,o)&&(r[o]=a[o]);return r},i.apply(this,arguments)},s=function(r,a){var e={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&a.indexOf(t)<0&&(e[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(r);o<t.length;o++)a.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(r,t[o])&&(e[t[o]]=r[t[o]])}return e},l=e("",{variants:{}}),c=a.forwardRef((function(a,e){var c=a.className,f=a.children,m=a.size,p=a.color,d=s(a,["className","children","size","color"]);p||(p="red");var u="2";return"small"===m&&(u="1"),r(t,{accentColor:p,hasBackground:!1,children:r(o.Root,i({ref:e,size:u,className:n("",l({}),c)},d,{children:f}))})}));c.displayName="TabNav.Root";var f=a.forwardRef((function(a,e){var t=a.className,c=a.children,f=a.href,m=s(a,["className","children","href"]);return r(o.Link,i({ref:e,className:n("text-slateA-11 data-[state=active]:text-slateA-12 dark:text-slateDarkA-11 dark:data-[state=active]:text-slateDarkA-12",l({}),t),href:f},m,{children:c}))}));f.displayName="TabNav.Link";var m={Root:c,Link:f};export{f as Link,c as Root,m as default};
+"use client";
+import{jsx as r}from"react/jsx-runtime";import e from"react";import{cva as t}from"class-variance-authority";import{Theme as a,TabNav as o}from"@radix-ui/themes";import{cn as n}from"../../utils/utils.mjs";import{useTheme as l}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as i}from"../../color/constants.mjs";var s=function(){return s=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},s.apply(this,arguments)},c=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},m=t("",{variants:{}}),f=e.forwardRef((function(e,t){var f,p=e.className,d=e.children,h=e.size,u=e.color,v=c(e,["className","children","size","color"]),y=l().theme,b="2";return"small"===h&&(b="1"),r(a,{accentColor:null!==(f=null!=u?u:y.themeColor)&&void 0!==f?f:i,hasBackground:!1,children:r(o.Root,s({ref:t,size:b,className:n(m({}),p)},v,{children:d}))})}));f.displayName="TabNav.Root";var p=e.forwardRef((function(e,t){var a=e.className,l=e.children,i=e.href,f=c(e,["className","children","href"]);return r(o.Link,s({ref:t,className:n("text-slateA-11 data-[state=active]:text-slateA-12 dark:text-slateDarkA-11 dark:data-[state=active]:text-slateDarkA-12",m({}),a),href:i},f,{children:l}))}));p.displayName="TabNav.Link";var d={Root:f,Link:p};export{p as Link,f as Root,d as default};
 //# sourceMappingURL=index.mjs.map