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

package/dist/lib/components/Grid/useGrid.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{jsxs as e,jsx as n,Fragment as t}from"react/jsx-runtime";import{createColumnHelper as o,getSortedRowModel as r,getCoreRowModel as a,getExpandedRowModel as l,getPaginationRowModel as c,useReactTable as d}from"@tanstack/react-table";import i,{useRef as s}from"react";import{IconButton as g}from"../IconButton/index.mjs";import{ChevronDownIcon as p,ChevronRightIcon as u}from"@radix-ui/react-icons";import{Checkbox as h}from"../Checkbox/index.mjs";var m=function(){return m=Object.assign||function(e){for(var n,t=1,o=arguments.length;t<o;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e},m.apply(this,arguments)},f=function(e,n){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)n.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(t[o[r]]=e[o[r]])}return t};function w(e){var t=e.indeterminate,o=e.checked,r=e.disabled,a=e.onChange,l=s();return n(h,{ref:l,id:"checkbox",checked:o,disabled:r,onCheckedChange:a,indeterminate:t})}var b=function(s){var h,b,x=f(s,[]),v=i.useState([]),S=v[0],y=v[1],R=i.useState({}),C=R[0],O=R[1],k=i.useState({}),E=k[0],j=k[1],I=o(),P=null===(h=null==x?void 0:x.columns)||void 0===h?void 0:h.map((function(e){return I.accessor(e.id,m({},e))}));if(x.enableExpanding){var M=P[0].cell;P[0]=m(m({},P[0]),{cell:function(o){var r;return e("div",{className:"flex",style:{paddingLeft:"".concat(10*o.row.depth,"px")},children:[o.row.getCanExpand()?n(g,{onClick:o.row.getToggleExpandedHandler(),appearance:"ghost",className:"h-3 w-3",color:null!==(r=o.color)&&void 0!==r?r:"red",children:o.row.getIsExpanded()?n(p,{}):n(u,{})}):n(t,{}),n("div",{children:M?M(o):o.getValue()})]})}})}x.enableRowSelection&&(null==P||P.unshift({id:"select",header:function(e){var t=e.table;return n("div",{className:"header-checkbox",children:n(w,{checked:t.getIsAllRowsSelected()||t.getIsSomeRowsSelected(),indeterminate:t.getIsSomeRowsSelected(),onChange:t.toggleAllRowsSelected})})},cell:function(e){var t=e.row;return n("div",{className:"px-1",style:{paddingLeft:"".concat(10*t.depth,"px")},children:n(w,{checked:t.getIsSelected(),disabled:!t.getCanSelect(),indeterminate:t.getIsSomeSelected(),onChange:t.getToggleSelectedHandler()})})}}));var N=m(m({state:{sorting:S,rowSelection:E,expanded:C}},x),{data:x.data,columns:P,color:null!==(b=x.color)&&void 0!==b?b:"red",paginateExpandedRows:!0,enableExpanding:!!x.enableExpanding,getSubRows:function(e){return e.subRows},onExpandedChange:O,onSortingChange:y,onRowSelectionChange:j,getSortedRowModel:r(),getCoreRowModel:a(),getExpandedRowModel:l()});return x.enableRowPagination&&(N.getPaginationRowModel=c()),d(N)};export{b as useGrid};
+//# sourceMappingURL=useGrid.mjs.map

package/dist/lib/components/Grid/useGrid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGrid.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -4,9 +4,9 @@ import { HoverCard as HoverCardTheme } from '@radix-ui/themes';
 export interface HoverCardContentProps extends VariantProps<typeof hoverCardContentVariants> {
 }
 export declare const hoverCardContentVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
-    size?: "small" | "medium" | "large" | "x-large" | null | undefined;
-    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+    radius?: "small" | "none" | "large" | "medium" | "full" | null | undefined;
+    size?: "small" | "large" | "medium" | "x-large" | null | undefined;
+    scaling?: "100%" | "90%" | "95%" | "105%" | "110%" | null | undefined;
     weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
     color?: string | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/lib/components/HoverCard/HoverCardContent.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/HoverCard/HoverCardContent.mjs

@@ -1,2 +1,3 @@
+"use client";
 import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useContext as t}from"react";import{radiusVariants as i,scalingVariants as a,weightVariants as o,primaryColorStyle as s}from"../../constants.mjs";import{cva as n}from"class-variance-authority";import{HoverCard as l}from"@radix-ui/themes";import{HoverCardContext as m}from"./HoverCardRoot.mjs";import{cn as c}from"../../utils/utils.mjs";var p=function(){return p=Object.assign||function(r){for(var e,t=1,i=arguments.length;t<i;t++)for(var a in e=arguments[t])Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r},p.apply(this,arguments)},u=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 a=0;for(i=Object.getOwnPropertySymbols(r);a<i.length;a++)e.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(r,i[a])&&(t[i[a]]=r[i[a]])}return t},f=n("",{variants:{radius:p({},i.base),size:{small:"text-xs w-[250px]",medium:"text-sm w-[300px]",large:"text-base w-[350px]","x-large":"text-lg w-[400px]"},scaling:p({},a),weight:p({},o),color:s()},defaultVariants:{radius:"medium",size:"medium",scaling:"100%",weight:"medium",color:"white"}}),d=e((function(e,i){var a=e.className,o=e.children,s=u(e,["className","children"]),n=t(m),d=n.radius,g=n.size,x=n.scaling,h=n.weight,y=n.color,w="2";return"small"===g&&(w="1"),"large"===g&&(w="3"),r(l.Content,p({ref:i},s,{size:w,className:c(f({size:g,scaling:x,weight:h,radius:d,color:y}),"x-large"===g&&"rt-r-size-4",a),children:o}))}));d.displayName="HoverCard.Content";export{d as HoverCardContent,f as hoverCardContentVariants};
 //# sourceMappingURL=HoverCardContent.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"HoverCardContent.mjs","sources":["../../../lib/components/HoverCard/HoverCardContent.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, useContext } from 'react';\nimport { primaryColorStyle, radiusVariants, weightVariants, scalingVariants } from '../../../lib/constants';\nimport { cva } from 'class-variance-authority';\nimport { HoverCard as HoverCardTheme } from '@radix-ui/themes';\nimport { HoverCardContext } from './HoverCardRoot';\nimport { cn } from '../../../lib/utils/utils';\nexport var hoverCardContentVariants = cva('', {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n        size: {\n            small: 'text-xs w-[250px]',\n            medium: 'text-sm w-[300px]',\n            large: 'text-base w-[350px]',\n            'x-large': 'text-lg w-[400px]',\n        },\n        scaling: __assign({}, scalingVariants),\n        weight: __assign({}, weightVariants),\n        color: primaryColorStyle(),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        size: 'medium',\n        scaling: '100%',\n        weight: 'medium',\n        color: 'white',\n    },\n});\nexport var HoverCardContent = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, props = __rest(_a, [\"className\", \"children\"]);\n    var _b = useContext(HoverCardContext), radius = _b.radius, size = _b.size, scaling = _b.scaling, weight = _b.weight, color = _b.color;\n    var sizeTheme = '2';\n    if (size === 'small')\n        sizeTheme = '1';\n    if (size === 'large')\n        sizeTheme = '3';\n    return (_jsx(HoverCardTheme.Content, __assign({ ref: ref }, props, { size: sizeTheme, className: cn(hoverCardContentVariants({ size: size, scaling: scaling, weight: weight, radius: radius, color: color }), size === 'x-large' && 'rt-r-size-4', className), children: children })));\n});\nHoverCardContent.displayName = 'HoverCard.Content';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","hoverCardContentVariants","cva","variants","radius","radiusVariants","size","small","medium","large","scaling","scalingVariants","weight","weightVariants","color","primaryColorStyle","defaultVariants","HoverCardContent","forwardRef","_a","ref","className","children","props","_b","useContext","HoverCardContext","sizeTheme","_jsx","HoverCardTheme","Content","cn","displayName"],"mappings":"8YAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAQWiB,EAA2BC,EAAI,GAAI,CAC1CC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,MAC1CC,KAAM,CACFC,MAAO,oBACPC,OAAQ,oBACRC,MAAO,sBACP,UAAW,qBAEfC,QAAS7B,EAAS,CAAE,EAAE8B,GACtBC,OAAQ/B,EAAS,CAAE,EAAEgC,GACrBC,MAAOC,KAEXC,gBAAiB,CACbZ,OAAQ,SACRE,KAAM,SACNI,QAAS,OACTE,OAAQ,SACRE,MAAO,WAGJG,EAAmBC,GAAW,SAAUC,EAAIC,GACnD,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUC,EAAQ3B,EAAOuB,EAAI,CAAC,YAAa,aACnFK,EAAKC,EAAWC,GAAmBtB,EAASoB,EAAGpB,OAAQE,EAAOkB,EAAGlB,KAAMI,EAAUc,EAAGd,QAASE,EAASY,EAAGZ,OAAQE,EAAQU,EAAGV,MAC5Ha,EAAY,IAKhB,MAJa,UAATrB,IACAqB,EAAY,KACH,UAATrB,IACAqB,EAAY,KACRC,EAAKC,EAAeC,QAASjD,EAAS,CAAEuC,IAAKA,GAAOG,EAAO,CAAEjB,KAAMqB,EAAWN,UAAWU,EAAG9B,EAAyB,CAAEK,KAAMA,EAAMI,QAASA,EAASE,OAAQA,EAAQR,OAAQA,EAAQU,MAAOA,IAAmB,YAATR,GAAsB,cAAee,GAAYC,SAAUA,IAC7Q,IACAL,EAAiBe,YAAc"}
+{"version":3,"file":"HoverCardContent.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

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

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

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

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

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

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

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 declare const HoverCard: {
     Root: {
-        ({ children, radius, size, scaling, weight, color, ...props }: import("react").ComponentPropsWithoutRef<import("react").FC<import("@radix-ui/themes/dist/cjs/components/hover-card").RootProps>> & import("./HoverCardRoot").HoverCardProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, radius, size, scaling, weight, color, ...props }: import("@radix-ui/themes/dist/cjs/components/hover-card").RootProps & import("./HoverCardRoot").HoverCardProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/hover-card").TriggerProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;

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

@@ -6,9 +6,9 @@ export interface IconButtonProps extends VariantProps<typeof iconButtonVariants>
     size?: ISize;
 }
 declare const iconButtonVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
-    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    size?: "small" | "medium" | "large" | "x-small" | "x-large" | null | undefined;
+    radius?: "small" | "none" | "large" | "medium" | "full" | null | undefined;
+    scaling?: "100%" | "90%" | "95%" | "105%" | "110%" | null | undefined;
+    size?: "small" | "large" | "medium" | "x-small" | "x-large" | null | undefined;
     color?: string | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const IconButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & IconButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/lib/components/IconButton/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,6 +26,8 @@ import React, { Children, forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { scalingVariants, radiusVariants, primaryColorStyle, appearanceStyle } from '../../../lib/constants';
 import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 var iconButtonVariants = cva("grid place-content-center transition-colors focus:outline-none hover:cursor-pointer\n  disabled:cursor-not-allowed disabled:bg-slate-3 disabled:text-slate-8", {
     variants: {
         radius: __assign({}, radiusVariants['base']),
@@ -42,7 +45,7 @@ var iconButtonVariants = cva("grid place-content-center transition-colors focus:
         radius: 'medium',
         scaling: '100%',
         size: 'medium',
-        color: 'red',
+        color: MAIN_COLOR,
     },
 });
 var iconSize = {
@@ -53,10 +56,17 @@ var iconSize = {
     'x-large': 20,
 };
 export var IconButton = forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, radius = _a.radius, _b = _a.size, size = _b === void 0 ? 'medium' : _b, scaling = _a.scaling, _c = _a.color, color = _c === void 0 ? 'red' : _c, _d = _a.appearance, appearance = _d === void 0 ? 'solid' : _d, props = __rest(_a, ["children", "className", "radius", "size", "scaling", "color", "appearance"]);
+    var children = _a.children, className = _a.className, radius = _a.radius, _b = _a.size, size = _b === void 0 ? 'medium' : _b, scaling = _a.scaling, color = _a.color, _c = _a.appearance, appearance = _c === void 0 ? 'solid' : _c, props = __rest(_a, ["children", "className", "radius", "size", "scaling", "color", "appearance"]);
+    var theme = useTheme().theme;
     var width = iconSize[size];
     var height = iconSize[size];
-    var buttonClassName = cn(iconButtonVariants({ radius: radius, scaling: scaling, size: size, color: color }), appearanceStyle(appearance, color, true), className);
+    var iconButtonStyle = {
+        radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
+        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+        color: color !== null && color !== void 0 ? color : theme.themeColor,
+        size: size,
+    };
+    var buttonClassName = cn(iconButtonVariants(iconButtonStyle), appearanceStyle(appearance, iconButtonStyle.color, true), className);
     return (_jsx("button", __assign({ ref: ref, className: buttonClassName }, props, { children: Children.map(children, function (child) { return React.cloneElement(child, { width: width, height: height }); }) })));
 });
 IconButton.displayName = 'IconButton';

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

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

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

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

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

@@ -3,8 +3,8 @@ 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;
-    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+    radius?: "small" | "none" | "large" | "medium" | "full" | null | undefined;
+    scaling?: "100%" | "90%" | "95%" | "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>>;
 export default Inset;

package/dist/lib/components/Inset/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 { 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 +46,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: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
+        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+    };
+    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,3 @@
-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};
+"use client";
+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:null!=c?c:h.themeRadius,scaling:null!=f?f:h.themeScaling};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":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,16 +1,17 @@
 import * as LabelPrimitive from '@radix-ui/react-label';
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IColor } from '../../../lib/types';
-export interface LabelProps extends VariantProps<typeof labeVariants> {
+import { IColor, IScaling } from '../../../lib/types';
+export interface LabelProps extends VariantProps<typeof labelVariants> {
     defaultValue?: string;
     color?: IColor;
+    scaling?: IScaling;
     size?: 'small' | 'medium' | 'large';
 }
-declare const labeVariants: (props?: ({
-    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+declare const labelVariants: (props?: ({
+    scaling?: "100%" | "90%" | "95%" | "105%" | "110%" | null | undefined;
     weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
-    size?: "small" | "medium" | "large" | null | undefined;
+    size?: "small" | "large" | "medium" | null | undefined;
     color?: string | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & LabelProps & React.RefAttributes<HTMLLabelElement>>;

package/dist/lib/components/Label/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,7 +27,8 @@ import React from 'react';
 import { cn } from '../../../lib/utils/utils';
 import { cva } from 'class-variance-authority';
 import { scalingVariants, textColorStyle, weightVariants } from '../../../lib/constants';
-var labeVariants = cva('text-slate-12', {
+import { useTheme } from '../../../lib/theme';
+var labelVariants = cva('flex text-slate-12', {
     variants: {
         scaling: __assign({}, scalingVariants),
         weight: __assign({}, weightVariants),
@@ -39,15 +41,24 @@ var labeVariants = cva('text-slate-12', {
     },
     defaultVariants: {
         scaling: '100%',
+        weight: 'regular',
         size: 'medium',
         color: 'black',
     },
 });
 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: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+        weight: weight !== null && weight !== void 0 ? weight : theme.themeWeight,
+        color: color !== null && color !== void 0 ? color : theme.themeColor,
+        size: size,
+    };
+    if (labelStyle.weight === 'medium' || labelStyle.weight === 'semibold') {
+        labelStyle.weight = 'bold';
+    }
+    return (_jsx(LabelPrimitive.Root, __assign({ ref: forwardedRef, className: cn(labelVariants(labelStyle), className) }, rootProps, { children: children })));
 });
 Label.displayName = 'Label';
 export default Label;

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

@@ -1,2 +1,3 @@
-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};
+"use client";
+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 l,weightVariants as a,textColorStyle as n}from"../../constants.mjs";import{useTheme as s}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("flex text-slate-12",{variants:{scaling:m({},l),weight:m({},a),size:{small:"text-xs",medium:"text-sm",large:"text-base"},color:n()},defaultVariants:{scaling:"100%",weight:"regular",size:"medium",color:"black"}}),u=r.forwardRef((function(r,i){var l=r.className,a=r.scaling,n=r.weight,u=r.size,h=r.color,p=r.children,g=c(r,["className","scaling","weight","size","color","children"]),d=s().theme,b={scaling:null!=a?a:d.themeScaling,weight:null!=n?n:d.themeWeight,color:null!=h?h:d.themeColor,size:u};return"medium"!==b.weight&&"semibold"!==b.weight||(b.weight="bold"),e(t.Root,m({ref:i,className:o(f(b),l)},g,{children:p}))}));u.displayName="Label";export{u as Label,u 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":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -34,7 +34,7 @@ export interface LineChartProps extends VariantProps<typeof lineChartVariants> {
     height?: string | number;
 }
 declare const lineChartVariants: (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;
 declare const LineChart: {
     ({ className, title, datasets, labels, scaling, legend, width, height, indexAxis, appearance, scales, isColorMixed, ...props }: LineChartProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Menubar/MenubarCheckboxItem.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++) {
@@ -29,9 +30,10 @@ import { menubarItemVariants } from './MenubarItem';
 import { MenubarItemIndicator } from './MenubarItemIndicator';
 import { menuItemAppearanceStyle } from '../../../lib/constants';
 import { useMenubarContext } from './MenubarRoot';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 export var MenubarCheckboxItem = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, checked = _a.checked, props = __rest(_a, ["children", "className", "checked"]);
-    var _b = useMenubarContext(), radius = _b.radius, scaling = _b.scaling, size = _b.size, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.itemAppearance, itemAppearance = _d === void 0 ? 'solid' : _d;
+    var _b = useMenubarContext(), radius = _b.radius, scaling = _b.scaling, size = _b.size, _c = _b.color, color = _c === void 0 ? MAIN_COLOR : _c, _d = _b.itemAppearance, itemAppearance = _d === void 0 ? 'solid' : _d;
     var itemClassName = cn(menubarItemVariants({ radius: radius, scaling: scaling, size: size }), 'pl-7', menuItemAppearanceStyle(itemAppearance, color), className);
     return (_jsxs(MenubarPrimitive.CheckboxItem, __assign({ ref: ref, className: itemClassName }, props, { children: [_jsx(MenubarItemIndicator, { forceMount: true, radius: 'medium', size: size, children: checked && _jsx(CheckIcon, {}) }), children] })));
 });

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

@@ -1,2 +1,3 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import*as o from"@radix-ui/react-menubar";import{CheckIcon as i}from"@radix-ui/react-icons";import{cn as n}from"../../utils/utils.mjs";import{menubarItemVariants as a}from"./MenubarItem.mjs";import{MenubarItemIndicator as c}from"./MenubarItemIndicator.mjs";import{menuItemAppearanceStyle as m}from"../../constants.mjs";import{useMenubarContext as s}from"./MenubarRoot.mjs";var l=function(){return l=Object.assign||function(r){for(var e,t=1,o=arguments.length;t<o;t++)for(var i in e=arguments[t])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},l.apply(this,arguments)},p=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 i=0;for(o=Object.getOwnPropertySymbols(r);i<o.length;i++)e.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(r,o[i])&&(t[o[i]]=r[o[i]])}return t},u=t((function(t,u){var f=t.children,d=t.className,b=t.checked,h=p(t,["children","className","checked"]),y=s(),j=y.radius,O=y.scaling,v=y.size,x=y.color,g=void 0===x?"red":x,I=y.itemAppearance,M=void 0===I?"solid":I,k=n(a({radius:j,scaling:O,size:v}),"pl-7",m(M,g),d);return r(o.CheckboxItem,l({ref:u,className:k},h,{children:[e(c,{forceMount:!0,radius:"medium",size:v,children:b&&e(i,{})}),f]}))}));u.displayName="Menubar.CheckboxItem";export{u as MenubarCheckboxItem};
+"use client";
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import*as o from"@radix-ui/react-menubar";import{CheckIcon as i}from"@radix-ui/react-icons";import{cn as n}from"../../utils/utils.mjs";import{menubarItemVariants as a}from"./MenubarItem.mjs";import{MenubarItemIndicator as m}from"./MenubarItemIndicator.mjs";import{menuItemAppearanceStyle as c}from"../../constants.mjs";import{useMenubarContext as s}from"./MenubarRoot.mjs";import{MAIN_COLOR as l}from"../../color/constants.mjs";var p=function(){return p=Object.assign||function(r){for(var e,t=1,o=arguments.length;t<o;t++)for(var i in e=arguments[t])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},p.apply(this,arguments)},u=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 i=0;for(o=Object.getOwnPropertySymbols(r);i<o.length;i++)e.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(r,o[i])&&(t[o[i]]=r[o[i]])}return t},f=t((function(t,f){var d=t.children,b=t.className,h=t.checked,j=u(t,["children","className","checked"]),y=s(),O=y.radius,v=y.scaling,x=y.size,g=y.color,I=void 0===g?l:g,M=y.itemAppearance,k=void 0===M?"solid":M,w=n(a({radius:O,scaling:v,size:x}),"pl-7",c(k,I),b);return r(o.CheckboxItem,p({ref:f,className:w},j,{children:[e(m,{forceMount:!0,radius:"medium",size:x,children:h&&e(i,{})}),d]}))}));f.displayName="Menubar.CheckboxItem";export{f as MenubarCheckboxItem};
 //# sourceMappingURL=MenubarCheckboxItem.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenubarCheckboxItem.mjs","sources":["../../../lib/components/Menubar/MenubarCheckboxItem.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport * as MenubarPrimitive from '@radix-ui/react-menubar';\nimport { CheckIcon } from '@radix-ui/react-icons';\nimport { cn } from '../../../lib/utils/utils';\nimport { menubarItemVariants } from './MenubarItem';\nimport { MenubarItemIndicator } from './MenubarItemIndicator';\nimport { menuItemAppearanceStyle } from '../../../lib/constants';\nimport { useMenubarContext } from './MenubarRoot';\nexport var MenubarCheckboxItem = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, checked = _a.checked, props = __rest(_a, [\"children\", \"className\", \"checked\"]);\n    var _b = useMenubarContext(), radius = _b.radius, scaling = _b.scaling, size = _b.size, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.itemAppearance, itemAppearance = _d === void 0 ? 'solid' : _d;\n    var itemClassName = cn(menubarItemVariants({ radius: radius, scaling: scaling, size: size }), 'pl-7', menuItemAppearanceStyle(itemAppearance, color), className);\n    return (_jsxs(MenubarPrimitive.CheckboxItem, __assign({ ref: ref, className: itemClassName }, props, { children: [_jsx(MenubarItemIndicator, { forceMount: true, radius: 'medium', size: size, children: checked && _jsx(CheckIcon, {}) }), children] })));\n});\nMenubarCheckboxItem.displayName = 'Menubar.CheckboxItem';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","MenubarCheckboxItem","forwardRef","_a","ref","children","className","checked","props","_b","useMenubarContext","radius","scaling","size","_c","color","_d","itemAppearance","itemClassName","cn","menubarItemVariants","menuItemAppearanceStyle","_jsxs","MenubarPrimitive","CheckboxItem","_jsx","MenubarItemIndicator","forceMount","CheckIcon","displayName"],"mappings":"0cAAA,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,EAUWiB,EAAsBC,GAAW,SAAUC,EAAIC,GACtD,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWC,EAAUJ,EAAGI,QAASC,EAAQZ,EAAOO,EAAI,CAAC,WAAY,YAAa,YACrHM,EAAKC,IAAqBC,EAASF,EAAGE,OAAQC,EAAUH,EAAGG,QAASC,EAAOJ,EAAGI,KAAMC,EAAKL,EAAGM,MAAOA,OAAe,IAAPD,EAAgB,MAAQA,EAAIE,EAAKP,EAAGQ,eAAgBA,OAAwB,IAAPD,EAAgB,QAAUA,EAC1ME,EAAgBC,EAAGC,EAAoB,CAAET,OAAQA,EAAQC,QAASA,EAASC,KAAMA,IAAS,OAAQQ,EAAwBJ,EAAgBF,GAAQT,GACtJ,OAAQgB,EAAMC,EAAiBC,aAAc3C,EAAS,CAAEuB,IAAKA,EAAKE,UAAWY,GAAiBV,EAAO,CAAEH,SAAU,CAACoB,EAAKC,EAAsB,CAAEC,YAAY,EAAMhB,OAAQ,SAAUE,KAAMA,EAAMR,SAAUE,GAAWkB,EAAKG,EAAW,CAAE,KAAMvB,KAChP,IACAJ,EAAoB4B,YAAc"}
+{"version":3,"file":"MenubarCheckboxItem.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -4,8 +4,8 @@ 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?: "small" | "none" | "large" | "medium" | "full" | null | undefined;
     size?: "small" | "medium" | null | undefined;
-    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 MenubarContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & MenubarContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/Menubar/MenubarContent.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/MenubarContent.mjs

@@ -1,2 +1,3 @@
+"use client";
 import{jsx as r}from"react/jsx-runtime";import{forwardRef as n}from"react";import*as t from"@radix-ui/react-menubar";import{cva as a}from"class-variance-authority";import{cn as e}from"../../utils/utils.mjs";import{scalingVariants as i}from"../../constants.mjs";import{useMenubarContext as o}from"./MenubarRoot.mjs";var s=function(){return s=Object.assign||function(r){for(var n,t=1,a=arguments.length;t<a;t++)for(var e in n=arguments[t])Object.prototype.hasOwnProperty.call(n,e)&&(r[e]=n[e]);return r},s.apply(this,arguments)},m=function(r,n){var t={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&n.indexOf(a)<0&&(t[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var e=0;for(a=Object.getOwnPropertySymbols(r);e<a.length;e++)n.indexOf(a[e])<0&&Object.prototype.propertyIsEnumerable.call(r,a[e])&&(t[a[e]]=r[a[e]])}return t},l=a("p-[5px] w-fit bg-white dark:bg-slateDark-1 will-change-[transform,opacity]\n  shadow-[0px_10px_38px_-10px_rgba(22,_23,_24,_0.35),_0px_10px_20px_-15px_rgba(22,_23,_24,_0.2)] \n  [animation-duration:_400ms] [animation-timing-function:_cubic-bezier(0.16,_1,_0.3,_1)]",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-md"},size:{small:"p-1 min-w-[120px] max-w-[300px]",medium:"p-2 min-w-[136px] max-w-[300px]"},scaling:s({},i)},defaultVariants:{radius:"medium",size:"medium",scaling:"100%"}}),p=n((function(n,a){var i=n.children,p=n.className,u=m(n,["children","className"]),c=o(),d=c.radius,f=c.size,x=c.scaling;return r(t.Portal,{children:r(t.Content,s({ref:a,className:e(l({radius:d,size:f,scaling:x}),p),align:"start",sideOffset:5,alignOffset:-3},u,{children:i}))})}));p.displayName="Menubar.Content";export{p as MenubarContent,l as menubarContentVariants};
 //# sourceMappingURL=MenubarContent.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenubarContent.mjs","sources":["../../../lib/components/Menubar/MenubarContent.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 * as MenubarPrimitive from '@radix-ui/react-menubar';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport { scalingVariants } from '../../../lib/constants';\nimport { useMenubarContext } from './MenubarRoot';\nexport var menubarContentVariants = cva(\"p-[5px] w-fit bg-white dark:bg-slateDark-1 will-change-[transform,opacity]\\n  shadow-[0px_10px_38px_-10px_rgba(22,_23,_24,_0.35),_0px_10px_20px_-15px_rgba(22,_23,_24,_0.2)] \\n  [animation-duration:_400ms] [animation-timing-function:_cubic-bezier(0.16,_1,_0.3,_1)]\", {\n    variants: {\n        radius: {\n            none: 'rounded-none',\n            small: 'rounded-[3px]',\n            medium: 'rounded',\n            large: 'rounded-md',\n            full: 'rounded-md',\n        },\n        size: {\n            small: 'p-1 min-w-[120px] max-w-[300px]',\n            medium: 'p-2 min-w-[136px] max-w-[300px]',\n        },\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        size: 'medium',\n        scaling: '100%',\n    },\n});\nexport var MenubarContent = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, props = __rest(_a, [\"children\", \"className\"]);\n    var _b = useMenubarContext(), radius = _b.radius, size = _b.size, scaling = _b.scaling;\n    return (_jsx(MenubarPrimitive.Portal, { children: _jsx(MenubarPrimitive.Content, __assign({ ref: ref, className: cn(menubarContentVariants({\n                radius: radius,\n                size: size,\n                scaling: scaling,\n            }), className), align: \"start\", sideOffset: 5, alignOffset: -3 }, props, { children: children })) }));\n});\nMenubarContent.displayName = 'Menubar.Content';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","menubarContentVariants","cva","variants","radius","none","small","medium","large","full","size","scaling","scalingVariants","defaultVariants","MenubarContent","forwardRef","_a","ref","children","className","props","_b","useMenubarContext","_jsx","MenubarPrimitive","Portal","Content","cn","align","sideOffset","alignOffset","displayName"],"mappings":"2TAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAQWiB,EAAyBC,EAAI,0QAA2Q,CAC/SC,SAAU,CACNC,OAAQ,CACJC,KAAM,eACNC,MAAO,gBACPC,OAAQ,UACRC,MAAO,aACPC,KAAM,cAEVC,KAAM,CACFJ,MAAO,kCACPC,OAAQ,mCAEZI,QAAS9B,EAAS,CAAE,EAAE+B,IAE1BC,gBAAiB,CACbT,OAAQ,SACRM,KAAM,SACNC,QAAS,UAGNG,EAAiBC,GAAW,SAAUC,EAAIC,GACjD,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWC,EAAQxB,EAAOoB,EAAI,CAAC,WAAY,cAClFK,EAAKC,IAAqBlB,EAASiB,EAAGjB,OAAQM,EAAOW,EAAGX,KAAMC,EAAUU,EAAGV,QAC/E,OAAQY,EAAKC,EAAiBC,OAAQ,CAAEP,SAAUK,EAAKC,EAAiBE,QAAS7C,EAAS,CAAEoC,IAAKA,EAAKE,UAAWQ,EAAG1B,EAAuB,CAC/HG,OAAQA,EACRM,KAAMA,EACNC,QAASA,IACTQ,GAAYS,MAAO,QAASC,WAAY,EAAGC,aAAc,GAAKV,EAAO,CAAEF,SAAUA,MACjG,IACAJ,EAAeiB,YAAc"}
+{"version":3,"file":"MenubarContent.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -6,8 +6,8 @@ export interface MenubarItemProps extends VariantProps<typeof menubarItemVariant
     shortcut?: string;
 }
 export declare const menubarItemVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "small" | "none" | "large" | "medium" | "full" | null | undefined;
     size?: "small" | "medium" | null | undefined;
-    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 MenubarItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & MenubarItemProps & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/Menubar/MenubarItem.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++) {
@@ -27,6 +28,7 @@ import { cva } from 'class-variance-authority';
 import { cn } from '../../../lib/utils/utils';
 import { blackText, menuItemAppearanceStyle, radiusVariants, scalingVariants } from '../../../lib/constants';
 import { useMenubarContext } from './MenubarRoot';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 export var menubarItemVariants = cva("flex group relative leading-none select-none outline-none items-center justify-between font-normal\n    data-[disabled]:text-slate-8 data-[disabled]:cursor-not-allowed text-slate-12 dark:text-slateDark-12\n    data-[disabled]:hover:bg-transparent dark:data-[disabled]:text-slateDark-8 data-[disabled]:dark:hover:bg-transparent", {
     variants: {
         radius: __assign({}, radiusVariants['menu-item']),
@@ -44,7 +46,7 @@ export var menubarItemVariants = cva("flex group relative leading-none select-no
 });
 export var MenubarItem = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, shortcut = _a.shortcut, props = __rest(_a, ["children", "className", "shortcut"]);
-    var _b = useMenubarContext(), radius = _b.radius, scaling = _b.scaling, size = _b.size, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.itemAppearance, itemAppearance = _d === void 0 ? 'solid' : _d;
+    var _b = useMenubarContext(), radius = _b.radius, scaling = _b.scaling, size = _b.size, _c = _b.color, color = _c === void 0 ? MAIN_COLOR : _c, _d = _b.itemAppearance, itemAppearance = _d === void 0 ? 'solid' : _d;
     var itemClassName = cn(menubarItemVariants({ radius: radius, scaling: scaling, size: size }), menuItemAppearanceStyle(itemAppearance, color), className);
     var shortcutClassName = "text-slateA-11 dark:text-slateDarkA-11 ".concat(itemAppearance === 'solid' && !blackText.includes(color)
         ? 'group-hover:text-white dark:group-hover:text-slateDark-1'

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

@@ -1,2 +1,3 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import*as a from"@radix-ui/react-menubar";import{cva as s}from"class-variance-authority";import{cn as n}from"../../utils/utils.mjs";import{radiusVariants as o,scalingVariants as i,menuItemAppearanceStyle as l,blackText as d}from"../../constants.mjs";import{useMenubarContext as c}from"./MenubarRoot.mjs";var m=function(){return m=Object.assign||function(e){for(var t,r=1,a=arguments.length;r<a;r++)for(var s in t=arguments[r])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e},m.apply(this,arguments)},u=function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(a=Object.getOwnPropertySymbols(e);s<a.length;s++)t.indexOf(a[s])<0&&Object.prototype.propertyIsEnumerable.call(e,a[s])&&(r[a[s]]=e[a[s]])}return r},p=s("flex group relative leading-none select-none outline-none items-center justify-between font-normal\n    data-[disabled]:text-slate-8 data-[disabled]:cursor-not-allowed text-slate-12 dark:text-slateDark-12\n    data-[disabled]:hover:bg-transparent dark:data-[disabled]:text-slateDark-8 data-[disabled]:dark:hover:bg-transparent",{variants:{radius:m({},o["menu-item"]),size:{small:"text-xs h-[24px] px-2",medium:"text-sm h-[32px] px-3"},scaling:m({},i)},defaultVariants:{radius:"medium",scaling:"100%",size:"medium"}}),f=r((function(r,s){var o=r.children,i=r.className,f=r.shortcut,x=u(r,["children","className","shortcut"]),b=c(),h=b.radius,v=b.scaling,g=b.size,y=b.color,O=void 0===y?"red":y,j=b.itemAppearance,k=void 0===j?"solid":j,w=n(p({radius:h,scaling:v,size:g}),l(k,O),i),N="text-slateA-11 dark:text-slateDarkA-11 ".concat("solid"!==k||d.includes(O)?"":"group-hover:text-white dark:group-hover:text-slateDark-1");return e(a.Item,m({ref:s,className:w},x,{children:[o,f&&t("span",{className:N,children:f})]}))}));f.displayName="Menubar.Item";export{f as MenubarItem,p as menubarItemVariants};
+"use client";
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import*as a from"@radix-ui/react-menubar";import{cva as o}from"class-variance-authority";import{cn as s}from"../../utils/utils.mjs";import{radiusVariants as n,scalingVariants as i,menuItemAppearanceStyle as l,blackText as m}from"../../constants.mjs";import{useMenubarContext as c}from"./MenubarRoot.mjs";import{MAIN_COLOR as d}from"../../color/constants.mjs";var p=function(){return p=Object.assign||function(t){for(var e,r=1,a=arguments.length;r<a;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},p.apply(this,arguments)},u=function(t,e){var r={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&e.indexOf(a)<0&&(r[a]=t[a]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(t);o<a.length;o++)e.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(t,a[o])&&(r[a[o]]=t[a[o]])}return r},f=o("flex group relative leading-none select-none outline-none items-center justify-between font-normal\n    data-[disabled]:text-slate-8 data-[disabled]:cursor-not-allowed text-slate-12 dark:text-slateDark-12\n    data-[disabled]:hover:bg-transparent dark:data-[disabled]:text-slateDark-8 data-[disabled]:dark:hover:bg-transparent",{variants:{radius:p({},n["menu-item"]),size:{small:"text-xs h-[24px] px-2",medium:"text-sm h-[32px] px-3"},scaling:p({},i)},defaultVariants:{radius:"medium",scaling:"100%",size:"medium"}}),x=r((function(r,o){var n=r.children,i=r.className,x=r.shortcut,b=u(r,["children","className","shortcut"]),h=c(),v=h.radius,g=h.scaling,y=h.size,j=h.color,O=void 0===j?d:j,k=h.itemAppearance,w=void 0===k?"solid":k,N=s(f({radius:v,scaling:g,size:y}),l(w,O),i),z="text-slateA-11 dark:text-slateDarkA-11 ".concat("solid"!==w||m.includes(O)?"":"group-hover:text-white dark:group-hover:text-slateDark-1");return t(a.Item,p({ref:o,className:N},b,{children:[n,x&&e("span",{className:z,children:x})]}))}));x.displayName="Menubar.Item";export{x as MenubarItem,f as menubarItemVariants};
 //# sourceMappingURL=MenubarItem.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenubarItem.mjs","sources":["../../../lib/components/Menubar/MenubarItem.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport * as MenubarPrimitive from '@radix-ui/react-menubar';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport { blackText, menuItemAppearanceStyle, radiusVariants, scalingVariants } from '../../../lib/constants';\nimport { useMenubarContext } from './MenubarRoot';\nexport var menubarItemVariants = cva(\"flex group relative leading-none select-none outline-none items-center justify-between font-normal\\n    data-[disabled]:text-slate-8 data-[disabled]:cursor-not-allowed text-slate-12 dark:text-slateDark-12\\n    data-[disabled]:hover:bg-transparent dark:data-[disabled]:text-slateDark-8 data-[disabled]:dark:hover:bg-transparent\", {\n    variants: {\n        radius: __assign({}, radiusVariants['menu-item']),\n        size: {\n            small: 'text-xs h-[24px] px-2',\n            medium: 'text-sm h-[32px] px-3',\n        },\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        scaling: '100%',\n        size: 'medium',\n    },\n});\nexport var MenubarItem = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, shortcut = _a.shortcut, props = __rest(_a, [\"children\", \"className\", \"shortcut\"]);\n    var _b = useMenubarContext(), radius = _b.radius, scaling = _b.scaling, size = _b.size, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.itemAppearance, itemAppearance = _d === void 0 ? 'solid' : _d;\n    var itemClassName = cn(menubarItemVariants({ radius: radius, scaling: scaling, size: size }), menuItemAppearanceStyle(itemAppearance, color), className);\n    var shortcutClassName = \"text-slateA-11 dark:text-slateDarkA-11 \".concat(itemAppearance === 'solid' && !blackText.includes(color)\n        ? 'group-hover:text-white dark:group-hover:text-slateDark-1'\n        : '');\n    return (_jsxs(MenubarPrimitive.Item, __assign({ ref: ref, className: itemClassName }, props, { children: [children, shortcut && _jsx(\"span\", { className: shortcutClassName, children: shortcut })] })));\n});\nMenubarItem.displayName = 'Menubar.Item';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","menubarItemVariants","cva","variants","radius","radiusVariants","size","small","medium","scaling","scalingVariants","defaultVariants","MenubarItem","forwardRef","_a","ref","children","className","shortcut","props","_b","useMenubarContext","_c","color","_d","itemAppearance","itemClassName","cn","menuItemAppearanceStyle","shortcutClassName","concat","blackText","includes","_jsxs","MenubarPrimitive","Item","_jsx","displayName"],"mappings":"qYAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAQWiB,EAAsBC,EAAI,yUAA0U,CAC3WC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAe,cACpCC,KAAM,CACFC,MAAO,wBACPC,OAAQ,yBAEZC,QAAS5B,EAAS,CAAE,EAAE6B,IAE1BC,gBAAiB,CACbP,OAAQ,SACRK,QAAS,OACTH,KAAM,YAGHM,EAAcC,GAAW,SAAUC,EAAIC,GAC9C,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWC,EAAWJ,EAAGI,SAAUC,EAAQvB,EAAOkB,EAAI,CAAC,WAAY,YAAa,aACvHM,EAAKC,IAAqBjB,EAASgB,EAAGhB,OAAQK,EAAUW,EAAGX,QAASH,EAAOc,EAAGd,KAAMgB,EAAKF,EAAGG,MAAOA,OAAe,IAAPD,EAAgB,MAAQA,EAAIE,EAAKJ,EAAGK,eAAgBA,OAAwB,IAAPD,EAAgB,QAAUA,EAC1ME,EAAgBC,EAAG1B,EAAoB,CAAEG,OAAQA,EAAQK,QAASA,EAASH,KAAMA,IAASsB,EAAwBH,EAAgBF,GAAQN,GAC1IY,EAAoB,0CAA0CC,OAA0B,UAAnBL,GAA+BM,EAAUC,SAAST,GAErH,GADA,4DAEN,OAAQU,EAAMC,EAAiBC,KAAMtD,EAAS,CAAEkC,IAAKA,EAAKE,UAAWS,GAAiBP,EAAO,CAAEH,SAAU,CAACA,EAAUE,GAAYkB,EAAK,OAAQ,CAAEnB,UAAWY,EAAmBb,SAAUE,OAC3L,IACAN,EAAYyB,YAAc"}
+{"version":3,"file":"MenubarItem.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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?: "small" | "none" | "large" | "medium" | "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/MenubarItemIndicator.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++) {