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

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

@@ -1,2 +1,3 @@
+"use client";
 import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import*as t from"@radix-ui/react-menubar";import{cn as a}from"../../utils/utils.mjs";import{cva as i}from"class-variance-authority";import{radiusVariants as o}from"../../constants.mjs";import{useMenubarContext as n}from"./MenubarRoot.mjs";var s=function(){return s=Object.assign||function(r){for(var e,t=1,a=arguments.length;t<a;t++)for(var i in e=arguments[t])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},s.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 i=0;for(a=Object.getOwnPropertySymbols(r);i<a.length;i++)e.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(r,a[i])&&(t[a[i]]=r[a[i]])}return t},l=i("absolute left-0 inline-flex items-center justify-center ml-1 border",{variants:{radius:s({},o.base),size:{small:"w-3.5 h-3.5",medium:"w-4 h-4"}},defaultVariants:{size:"medium",radius:"medium"}}),c=e((function(e,i){var o=e.children,c=e.className,u=e.radius,f=m(e,["children","className","radius"]),p=n().size,d=a(l({size:p,radius:u}),c);return r(t.ItemIndicator,s({ref:i,className:d},f,{children:o}))}));c.displayName="Menubar.ItemIndicator";export{c as MenubarItemIndicator,l as menubarItemIndicatorVariants};
 //# sourceMappingURL=MenubarItemIndicator.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenubarItemIndicator.mjs","sources":["../../../lib/components/Menubar/MenubarItemIndicator.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 { cn } from '../../../lib/utils/utils';\nimport { cva } from 'class-variance-authority';\nimport { radiusVariants } from '../../../lib/constants';\nimport { useMenubarContext } from './MenubarRoot';\nexport var menubarItemIndicatorVariants = cva(\"absolute left-0 inline-flex items-center justify-center ml-1 border\", {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n        size: {\n            small: 'w-3.5 h-3.5',\n            medium: 'w-4 h-4',\n        },\n    },\n    defaultVariants: {\n        size: 'medium',\n        radius: 'medium',\n    },\n});\nexport var MenubarItemIndicator = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, radius = _a.radius, props = __rest(_a, [\"children\", \"className\", \"radius\"]);\n    var size = useMenubarContext().size;\n    var indicatorClassName = cn(menubarItemIndicatorVariants({ size: size, radius: radius }), className);\n    return (_jsx(MenubarPrimitive.ItemIndicator, __assign({ ref: ref, className: indicatorClassName }, props, { children: children })));\n});\nMenubarItemIndicator.displayName = 'Menubar.ItemIndicator';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","menubarItemIndicatorVariants","cva","variants","radius","radiusVariants","size","small","medium","defaultVariants","MenubarItemIndicator","forwardRef","_a","ref","children","className","props","useMenubarContext","indicatorClassName","cn","_jsx","MenubarPrimitive","ItemIndicator","displayName"],"mappings":"0TAAA,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,EAA+BC,EAAI,sEAAuE,CACjHC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,MAC1CC,KAAM,CACFC,MAAO,cACPC,OAAQ,YAGhBC,gBAAiB,CACbH,KAAM,SACNF,OAAQ,YAGLM,EAAuBC,GAAW,SAAUC,EAAIC,GACvD,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWX,EAASQ,EAAGR,OAAQY,EAAQpB,EAAOgB,EAAI,CAAC,WAAY,YAAa,WACnHN,EAAOW,IAAoBX,KAC3BY,EAAqBC,EAAGlB,EAA6B,CAAEK,KAAMA,EAAMF,OAAQA,IAAWW,GAC1F,OAAQK,EAAKC,EAAiBC,cAAezC,EAAS,CAAEgC,IAAKA,EAAKE,UAAWG,GAAsBF,EAAO,CAAEF,SAAUA,IAC1H,IACAJ,EAAqBa,YAAc"}
+{"version":3,"file":"MenubarItemIndicator.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"MenubarRadioGroup.mjs","sources":["../../../lib/components/Menubar/MenubarRadioGroup.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createContext, forwardRef } from 'react';\nimport * as MenubarPrimitive from '@radix-ui/react-menubar';\nexport var RadioContext = createContext({ selectedValue: '' });\nexport var MenubarRadioGroup = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, value = _a.value, props = __rest(_a, [\"children\", \"className\", \"value\"]);\n    return (_jsx(MenubarPrimitive.RadioGroup, __assign({ ref: ref, className: className }, props, { children: _jsx(RadioContext.Provider, { value: { selectedValue: value !== null && value !== void 0 ? value : '' }, children: children }) })));\n});\nMenubarRadioGroup.displayName = 'Menubar.RadioGroup';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","RadioContext","createContext","selectedValue","MenubarRadioGroup","forwardRef","_a","ref","children","className","value","props","_jsx","MenubarPrimitive","RadioGroup","Provider","displayName"],"mappings":"wIAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAIWiB,EAAeC,EAAc,CAAEC,cAAe,KAC9CC,EAAoBC,GAAW,SAAUC,EAAIC,GACpD,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWC,EAAQJ,EAAGI,MAAOC,EAAQf,EAAOU,EAAI,CAAC,WAAY,YAAa,UACrH,OAAQM,EAAKC,EAAiBC,WAAYjC,EAAS,CAAE0B,IAAKA,EAAKE,UAAWA,GAAaE,EAAO,CAAEH,SAAUI,EAAKX,EAAac,SAAU,CAAEL,MAAO,CAAEP,cAAeO,QAAqCA,EAAQ,IAAMF,SAAUA,MACjO,IACAJ,EAAkBY,YAAc"}
+{"version":3,"file":"MenubarRadioGroup.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/components/Menubar/MenubarRadioItem.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++) {
@@ -30,9 +31,10 @@ import { menubarItemVariants } from './MenubarItem';
 import { MenubarItemIndicator } from './MenubarItemIndicator';
 import { RadioContext } from './MenubarRadioGroup';
 import { useMenubarContext } from './MenubarRoot';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 export var MenubarRadioItem = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    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);
     var radioGroup = useContext(RadioContext);
     return (_jsxs(MenubarPrimitive.RadioItem, __assign({ ref: ref, className: itemClassName }, props, { children: [_jsx(MenubarItemIndicator, { forceMount: true, radius: 'full', size: size, children: radioGroup.selectedValue === props.value && _jsx(DotFilledIcon, {}) }), children] })));

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"MenubarRadioItem.mjs","sources":["../../../lib/components/Menubar/MenubarRadioItem.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, useContext } from 'react';\nimport * as MenubarPrimitive from '@radix-ui/react-menubar';\nimport { DotFilledIcon } from '@radix-ui/react-icons';\nimport { cn } from '../../../lib/utils/utils';\nimport { menuItemAppearanceStyle } from '../../../lib/constants';\nimport { menubarItemVariants } from './MenubarItem';\nimport { MenubarItemIndicator } from './MenubarItemIndicator';\nimport { RadioContext } from './MenubarRadioGroup';\nimport { useMenubarContext } from './MenubarRoot';\nexport var MenubarRadioItem = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, props = __rest(_a, [\"children\", \"className\"]);\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    var radioGroup = useContext(RadioContext);\n    return (_jsxs(MenubarPrimitive.RadioItem, __assign({ ref: ref, className: itemClassName }, props, { children: [_jsx(MenubarItemIndicator, { forceMount: true, radius: 'full', size: size, children: radioGroup.selectedValue === props.value && _jsx(DotFilledIcon, {}) }), children] })));\n});\nMenubarRadioItem.displayName = 'Menubar.RadioItem';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","MenubarRadioItem","forwardRef","_a","ref","children","className","props","_b","useMenubarContext","radius","scaling","size","_c","color","_d","itemAppearance","itemClassName","cn","menubarItemVariants","menuItemAppearanceStyle","radioGroup","useContext","RadioContext","_jsxs","MenubarPrimitive","RadioItem","_jsx","MenubarItemIndicator","forceMount","selectedValue","value","DotFilledIcon","displayName"],"mappings":"qhBAAA,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,EAWWiB,EAAmBC,GAAW,SAAUC,EAAIC,GACnD,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWC,EAAQX,EAAOO,EAAI,CAAC,WAAY,cAClFK,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,GAAQR,GAClJe,EAAaC,EAAWC,GAC5B,OAAQC,EAAMC,EAAiBC,UAAW7C,EAAS,CAAEuB,IAAKA,EAAKE,UAAWW,GAAiBV,EAAO,CAAEF,SAAU,CAACsB,EAAKC,EAAsB,CAAEC,YAAY,EAAMnB,OAAQ,OAAQE,KAAMA,EAAMP,SAAUgB,EAAWS,gBAAkBvB,EAAMwB,OAASJ,EAAKK,EAAe,MAAQ3B,KAChR,IACAJ,EAAiBgC,YAAc"}
+{"version":3,"file":"MenubarRadioItem.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -10,9 +10,9 @@ export interface MenubarProps extends VariantProps<typeof menubarVariants>, Vari
     color?: IColor;
 }
 export declare const menubarVariants: (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 useMenubarContext: () => MenubarProps;
 export declare const MenubarRoot: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React.RefAttributes<HTMLDivElement>, "ref"> & MenubarProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,3 +1,4 @@
+'use client';
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21,11 +22,13 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, forwardRef, useContext, useMemo, } from 'react';
+import { createContext, forwardRef, useContext, } from 'react';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../../lib/utils/utils';
 import { radiusVariants, scalingVariants } from '../../../lib/constants';
+import { useTheme } from '../../../lib/theme';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 export var menubarVariants = cva('flex p-1 shadow bg-white dark:bg-slateDark-1', {
     variants: {
         radius: __assign({}, radiusVariants['base']),
@@ -44,7 +47,7 @@ var MenubarContext = createContext({
     radius: 'medium',
     scaling: '100%',
     size: 'medium',
-    color: 'red',
+    color: MAIN_COLOR,
     appearance: 'ghost',
     itemAppearance: 'solid',
 });
@@ -52,9 +55,18 @@ export var useMenubarContext = function () {
     return useContext(MenubarContext);
 };
 export var MenubarRoot = forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'ghost' : _c, _d = _a.itemAppearance, itemAppearance = _d === void 0 ? 'solid' : _d, props = __rest(_a, ["children", "className", "radius", "scaling", "size", "color", "appearance", "itemAppearance"]);
-    var contextValue = useMemo(function () { return ({ radius: radius, size: size, scaling: scaling, color: color, appearance: appearance, itemAppearance: itemAppearance }); }, [radius, size, scaling, color, appearance, itemAppearance]);
-    var menuClassName = cn(menubarVariants({ radius: radius, scaling: scaling, size: size }), appearance === 'solid' && "bg-".concat(color, "-9 dark:bg-$").concat(color, "Dark-9"), className);
+    var _b;
+    var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, size = _a.size, color = _a.color, _c = _a.appearance, appearance = _c === void 0 ? 'ghost' : _c, _d = _a.itemAppearance, itemAppearance = _d === void 0 ? 'solid' : _d, props = __rest(_a, ["children", "className", "radius", "scaling", "size", "color", "appearance", "itemAppearance"]);
+    var 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,
+        size: size,
+        appearance: appearance,
+        itemAppearance: itemAppearance,
+    };
+    var menuClassName = cn(menubarVariants(contextValue), appearance === 'solid' && "bg-".concat(contextValue.color, "-9 dark:bg-$").concat(contextValue.color, "Dark-9"), className);
     return (_jsx(MenubarContext.Provider, { value: contextValue, children: _jsx(MenubarPrimitive.Root, __assign({ ref: ref, className: menuClassName }, props, { children: children })) }));
 });
 MenubarRoot.displayName = 'Menubar.Root';

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

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

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

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

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

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

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

@@ -1,2 +1,3 @@
+"use client";
 import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import*as a from"@radix-ui/react-menubar";import{cva as e}from"class-variance-authority";import{cn as i}from"../../utils/utils.mjs";import{radiusVariants as n}from"../../constants.mjs";import{useMenubarContext as o}from"./MenubarRoot.mjs";var s=function(){return s=Object.assign||function(r){for(var t,a=1,e=arguments.length;a<e;a++)for(var i in t=arguments[a])Object.prototype.hasOwnProperty.call(t,i)&&(r[i]=t[i]);return r},s.apply(this,arguments)},m=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 i=0;for(e=Object.getOwnPropertySymbols(r);i<e.length;i++)t.indexOf(e[i])<0&&Object.prototype.propertyIsEnumerable.call(r,e[i])&&(a[e[i]]=r[e[i]])}return a},p=e("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:s({},n["extra-large"]),size:{small:"p-1 min-w-[120px]",medium:"p-2 min-w-[136px]"}},defaultVariants:{radius:"small",size:"medium"}}),l=t((function(t,e){var n=t.children,l=t.className,c=m(t,["children","className"]),u=o(),f=u.radius,b=u.size;return r(a.SubContent,s({ref:e,className:i(p({radius:f,size:b}),l),alignOffset:-5},c,{children:n}))}));l.displayName="Menubar.SubContent";export{l as MenubarSubContent,p as menubarSubContentVariants};
 //# sourceMappingURL=MenubarSubContent.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenubarSubContent.mjs","sources":["../../../lib/components/Menubar/MenubarSubContent.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 { radiusVariants } from '../../../lib/constants';\nimport { useMenubarContext } from './MenubarRoot';\nexport var menubarSubContentVariants = 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: __assign({}, radiusVariants['extra-large']),\n        size: {\n            small: 'p-1 min-w-[120px]',\n            medium: 'p-2 min-w-[136px]',\n        },\n    },\n    defaultVariants: {\n        radius: 'small',\n        size: 'medium',\n    },\n});\nexport var MenubarSubContent = 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;\n    return (_jsx(MenubarPrimitive.SubContent, __assign({ ref: ref, className: cn(menubarSubContentVariants({\n            radius: radius,\n            size: size,\n        }), className), alignOffset: -5 }, props, { children: children })));\n});\nMenubarSubContent.displayName = 'Menubar.SubContent';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","menubarSubContentVariants","cva","variants","radius","radiusVariants","size","small","medium","defaultVariants","MenubarSubContent","forwardRef","_a","ref","children","className","props","_b","useMenubarContext","_jsx","MenubarPrimitive","SubContent","cn","alignOffset","displayName"],"mappings":"0TAAA,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,EAA4BC,EAAI,0QAA2Q,CAClTC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAe,gBACpCC,KAAM,CACFC,MAAO,oBACPC,OAAQ,sBAGhBC,gBAAiB,CACbL,OAAQ,QACRE,KAAM,YAGHI,EAAoBC,GAAW,SAAUC,EAAIC,GACpD,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWC,EAAQpB,EAAOgB,EAAI,CAAC,WAAY,cAClFK,EAAKC,IAAqBd,EAASa,EAAGb,OAAQE,EAAOW,EAAGX,KAC5D,OAAQa,EAAKC,EAAiBC,WAAYxC,EAAS,CAAEgC,IAAKA,EAAKE,UAAWO,EAAGrB,EAA0B,CAC/FG,OAAQA,EACRE,KAAMA,IACNS,GAAYQ,aAAc,GAAKP,EAAO,CAAEF,SAAUA,IAC9D,IACAJ,EAAkBc,YAAc"}
+{"version":3,"file":"MenubarSubContent.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/components/Menubar/MenubarSubTrigger.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++) {
@@ -28,9 +29,10 @@ import { cn } from '../../../lib/utils/utils';
 import { blackText, menuItemAppearanceStyle } from '../../../lib/constants';
 import { menubarItemVariants } from './MenubarItem';
 import { useMenubarContext } from './MenubarRoot';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 export var MenubarSubTrigger = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    var _b = useMenubarContext(), scaling = _b.scaling, size = _b.size, radius = _b.radius, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.itemAppearance, itemAppearance = _d === void 0 ? 'solid' : _d;
+    var _b = useMenubarContext(), scaling = _b.scaling, size = _b.size, radius = _b.radius, _c = _b.color, color = _c === void 0 ? MAIN_COLOR : _c, _d = _b.itemAppearance, itemAppearance = _d === void 0 ? 'solid' : _d;
     var triggerClassName = cn(menubarItemVariants({ scaling: scaling, size: size, radius: radius }), menuItemAppearanceStyle(itemAppearance, color), className);
     var iconClassName = 'ml-auto pl-5 group-hover:text-slateA-11 dark:group-hover:text-slateDarkA-11';
     if (itemAppearance === 'solid' && !blackText.includes(color)) {

package/dist/lib/components/Menubar/MenubarSubTrigger.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{ChevronRightIcon as a}from"@radix-ui/react-icons";import{cn as i}from"../../utils/utils.mjs";import{menuItemAppearanceStyle as n,blackText as s}from"../../constants.mjs";import{menubarItemVariants as l}from"./MenubarItem.mjs";import{useMenubarContext as c}from"./MenubarRoot.mjs";var m=function(){return m=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},m.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 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},u=t((function(t,u){var f=t.children,d=t.className,b=p(t,["children","className"]),g=c(),h=g.scaling,v=g.size,y=g.radius,O=g.color,j=void 0===O?"red":O,x=g.itemAppearance,w=void 0===x?"solid":x,N=i(l({scaling:h,size:v,radius:y}),n(w,j),d),k="ml-auto pl-5 group-hover:text-slateA-11 dark:group-hover:text-slateDarkA-11";return"solid"!==w||s.includes(j)||(k="group-hover:text-white dark:group-hover:text-slateDark-1"),r(o.SubTrigger,m({ref:u,className:N},b,{children:[f,e("div",{className:k,children:e(a,{})})]}))}));u.displayName="Menubar.SubTrigger";export{u as MenubarSubTrigger};
+"use client";
+import{jsxs as r,jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import*as o from"@radix-ui/react-menubar";import{ChevronRightIcon as a}from"@radix-ui/react-icons";import{cn as i}from"../../utils/utils.mjs";import{menuItemAppearanceStyle as n,blackText as s}from"../../constants.mjs";import{menubarItemVariants as l}from"./MenubarItem.mjs";import{useMenubarContext as m}from"./MenubarRoot.mjs";import{MAIN_COLOR as c}from"../../color/constants.mjs";var p=function(){return p=Object.assign||function(r){for(var t,e=1,o=arguments.length;e<o;e++)for(var a in t=arguments[e])Object.prototype.hasOwnProperty.call(t,a)&&(r[a]=t[a]);return r},p.apply(this,arguments)},u=function(r,t){var e={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&t.indexOf(o)<0&&(e[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(r);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(r,o[a])&&(e[o[a]]=r[o[a]])}return e},f=e((function(e,f){var d=e.children,b=e.className,g=u(e,["children","className"]),h=m(),v=h.scaling,y=h.size,j=h.radius,O=h.color,x=void 0===O?c:O,w=h.itemAppearance,N=void 0===w?"solid":w,k=i(l({scaling:v,size:y,radius:j}),n(N,x),b),P="ml-auto pl-5 group-hover:text-slateA-11 dark:group-hover:text-slateDarkA-11";return"solid"!==N||s.includes(x)||(P="group-hover:text-white dark:group-hover:text-slateDark-1"),r(o.SubTrigger,p({ref:f,className:k},g,{children:[d,t("div",{className:P,children:t(a,{})})]}))}));f.displayName="Menubar.SubTrigger";export{f as MenubarSubTrigger};
 //# sourceMappingURL=MenubarSubTrigger.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenubarSubTrigger.mjs","sources":["../../../lib/components/Menubar/MenubarSubTrigger.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 { ChevronRightIcon } from '@radix-ui/react-icons';\nimport { cn } from '../../../lib/utils/utils';\nimport { blackText, menuItemAppearanceStyle } from '../../../lib/constants';\nimport { menubarItemVariants } from './MenubarItem';\nimport { useMenubarContext } from './MenubarRoot';\nexport var MenubarSubTrigger = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, props = __rest(_a, [\"children\", \"className\"]);\n    var _b = useMenubarContext(), scaling = _b.scaling, size = _b.size, radius = _b.radius, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.itemAppearance, itemAppearance = _d === void 0 ? 'solid' : _d;\n    var triggerClassName = cn(menubarItemVariants({ scaling: scaling, size: size, radius: radius }), menuItemAppearanceStyle(itemAppearance, color), className);\n    var iconClassName = 'ml-auto pl-5 group-hover:text-slateA-11 dark:group-hover:text-slateDarkA-11';\n    if (itemAppearance === 'solid' && !blackText.includes(color)) {\n        iconClassName = 'group-hover:text-white dark:group-hover:text-slateDark-1';\n    }\n    return (_jsxs(MenubarPrimitive.SubTrigger, __assign({ ref: ref, className: triggerClassName }, props, { children: [children, _jsx(\"div\", { className: iconClassName, children: _jsx(ChevronRightIcon, {}) })] })));\n});\nMenubarSubTrigger.displayName = 'Menubar.SubTrigger';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","MenubarSubTrigger","forwardRef","_a","ref","children","className","props","_b","useMenubarContext","scaling","size","radius","_c","color","_d","itemAppearance","triggerClassName","cn","menubarItemVariants","menuItemAppearanceStyle","iconClassName","blackText","includes","_jsxs","MenubarPrimitive","SubTrigger","_jsx","ChevronRightIcon","displayName"],"mappings":"8ZAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EASWiB,EAAoBC,GAAW,SAAUC,EAAIC,GACpD,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWC,EAAQX,EAAOO,EAAI,CAAC,WAAY,cAClFK,EAAKC,IAAqBC,EAAUF,EAAGE,QAASC,EAAOH,EAAGG,KAAMC,EAASJ,EAAGI,OAAQC,EAAKL,EAAGM,MAAOA,OAAe,IAAPD,EAAgB,MAAQA,EAAIE,EAAKP,EAAGQ,eAAgBA,OAAwB,IAAPD,EAAgB,QAAUA,EAC1ME,EAAmBC,EAAGC,EAAoB,CAAET,QAASA,EAASC,KAAMA,EAAMC,OAAQA,IAAWQ,EAAwBJ,EAAgBF,GAAQR,GAC7Ie,EAAgB,8EAIpB,MAHuB,UAAnBL,GAA+BM,EAAUC,SAAST,KAClDO,EAAgB,4DAEZG,EAAMC,EAAiBC,WAAY7C,EAAS,CAAEuB,IAAKA,EAAKE,UAAWW,GAAoBV,EAAO,CAAEF,SAAU,CAACA,EAAUsB,EAAK,MAAO,CAAErB,UAAWe,EAAehB,SAAUsB,EAAKC,EAAkB,CAAA,QAC1M,IACA3B,EAAkB4B,YAAc"}
+{"version":3,"file":"MenubarSubTrigger.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

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

package/dist/lib/components/Menubar/MenubarTrigger.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++) {
@@ -50,7 +51,7 @@ export var menubarTriggerVariants = cva("flex items-center justify-between gap-[
 });
 export var MenubarTrigger = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    var _b = useMenubarContext(), scaling = _b.scaling, size = _b.size, radius = _b.radius, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.appearance, appearance = _d === void 0 ? 'ghost' : _d;
+    var _b = useMenubarContext(), scaling = _b.scaling, size = _b.size, radius = _b.radius, color = _b.color, _c = _b.appearance, appearance = _c === void 0 ? 'ghost' : _c;
     var triggerClassName = cn(menubarTriggerVariants({ scaling: scaling, size: size, radius: radius }), appearanceStyle(appearance, color), className);
     return (_jsx(MenubarPrimitive.Trigger, __assign({ ref: ref, className: triggerClassName }, props, { children: children })));
 });

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

@@ -1,2 +1,3 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import*as t from"@radix-ui/react-menubar";import{cva as n}from"class-variance-authority";import{cn as a}from"../../utils/utils.mjs";import{scalingVariants as o,appearanceStyle as i}from"../../constants.mjs";import{useMenubarContext as s}from"./MenubarRoot.mjs";var l=function(){return l=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var a in r=arguments[t])Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);return e},l.apply(this,arguments)},m=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)r.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(t[n[a]]=e[n[a]])}return t},u=n("flex items-center justify-between gap-[2px] outline-none select-none leading-none py-1 px-3 \n    font-medium truncate w-fit",{variants:{size:{small:"text-xs",medium:"text-sm"},radius:{none:"rounded-none",small:"rounded-[1px]",medium:"rounded-sm",large:"rounded",full:"rounded-full"},scaling:l({},o)},defaultVariants:{scaling:"100%",size:"medium",radius:"small"}}),c=r((function(r,n){var o=r.children,c=r.className,p=m(r,["children","className"]),d=s(),f=d.scaling,g=d.size,y=d.radius,b=d.color,x=void 0===b?"red":b,O=d.appearance,j=void 0===O?"ghost":O,v=a(u({scaling:f,size:g,radius:y}),i(j,x),c);return e(t.Trigger,l({ref:n,className:v},p,{children:o}))}));c.displayName="Menubar.Trigger";export{c as MenubarTrigger,u as menubarTriggerVariants};
+"use client";
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import*as t from"@radix-ui/react-menubar";import{cva as n}from"class-variance-authority";import{cn as a}from"../../utils/utils.mjs";import{scalingVariants as o,appearanceStyle as i}from"../../constants.mjs";import{useMenubarContext as s}from"./MenubarRoot.mjs";var l=function(){return l=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var a in r=arguments[t])Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);return e},l.apply(this,arguments)},m=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)r.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(t[n[a]]=e[n[a]])}return t},u=n("flex items-center justify-between gap-[2px] outline-none select-none leading-none py-1 px-3 \n    font-medium truncate w-fit",{variants:{size:{small:"text-xs",medium:"text-sm"},radius:{none:"rounded-none",small:"rounded-[1px]",medium:"rounded-sm",large:"rounded",full:"rounded-full"},scaling:l({},o)},defaultVariants:{scaling:"100%",size:"medium",radius:"small"}}),c=r((function(r,n){var o=r.children,c=r.className,p=m(r,["children","className"]),d=s(),f=d.scaling,g=d.size,y=d.radius,b=d.color,x=d.appearance,O=void 0===x?"ghost":x,j=a(u({scaling:f,size:g,radius:y}),i(O,b),c);return e(t.Trigger,l({ref:n,className:j},p,{children:o}))}));c.displayName="Menubar.Trigger";export{c as MenubarTrigger,u as menubarTriggerVariants};
 //# sourceMappingURL=MenubarTrigger.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenubarTrigger.mjs","sources":["../../../lib/components/Menubar/MenubarTrigger.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 { appearanceStyle, scalingVariants } from '../../../lib/constants';\nimport { useMenubarContext } from './MenubarRoot';\nexport var menubarTriggerVariants = cva(\"flex items-center justify-between gap-[2px] outline-none select-none leading-none py-1 px-3 \\n    font-medium truncate w-fit\", {\n    variants: {\n        size: {\n            small: 'text-xs',\n            medium: 'text-sm',\n        },\n        radius: {\n            none: 'rounded-none',\n            small: 'rounded-[1px]',\n            medium: 'rounded-sm',\n            large: 'rounded',\n            full: 'rounded-full',\n        },\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        scaling: '100%',\n        size: 'medium',\n        radius: 'small',\n    },\n});\nexport var MenubarTrigger = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, props = __rest(_a, [\"children\", \"className\"]);\n    var _b = useMenubarContext(), scaling = _b.scaling, size = _b.size, radius = _b.radius, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.appearance, appearance = _d === void 0 ? 'ghost' : _d;\n    var triggerClassName = cn(menubarTriggerVariants({ scaling: scaling, size: size, radius: radius }), appearanceStyle(appearance, color), className);\n    return (_jsx(MenubarPrimitive.Trigger, __assign({ ref: ref, className: triggerClassName }, props, { children: children })));\n});\nMenubarTrigger.displayName = 'Menubar.Trigger';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","menubarTriggerVariants","cva","variants","size","small","medium","radius","none","large","full","scaling","scalingVariants","defaultVariants","MenubarTrigger","forwardRef","_a","ref","children","className","props","_b","useMenubarContext","_c","color","_d","appearance","triggerClassName","cn","appearanceStyle","_jsx","MenubarPrimitive","Trigger","displayName"],"mappings":"gVAAA,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,+HAAgI,CACpKC,SAAU,CACNC,KAAM,CACFC,MAAO,UACPC,OAAQ,WAEZC,OAAQ,CACJC,KAAM,eACNH,MAAO,gBACPC,OAAQ,aACRG,MAAO,UACPC,KAAM,gBAEVC,QAAS9B,EAAS,CAAE,EAAE+B,IAE1BC,gBAAiB,CACbF,QAAS,OACTP,KAAM,SACNG,OAAQ,WAGLO,EAAiBC,GAAW,SAAUC,EAAIC,GACjD,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWC,EAAQxB,EAAOoB,EAAI,CAAC,WAAY,cAClFK,EAAKC,IAAqBX,EAAUU,EAAGV,QAASP,EAAOiB,EAAGjB,KAAMG,EAASc,EAAGd,OAAQgB,EAAKF,EAAGG,MAAOA,OAAe,IAAPD,EAAgB,MAAQA,EAAIE,EAAKJ,EAAGK,WAAYA,OAAoB,IAAPD,EAAgB,QAAUA,EAClME,EAAmBC,EAAG3B,EAAuB,CAAEU,QAASA,EAASP,KAAMA,EAAMG,OAAQA,IAAWsB,EAAgBH,EAAYF,GAAQL,GACxI,OAAQW,EAAKC,EAAiBC,QAASnD,EAAS,CAAEoC,IAAKA,EAAKE,UAAWQ,GAAoBP,EAAO,CAAEF,SAAUA,IAClH,IACAJ,EAAemB,YAAc"}
+{"version":3,"file":"MenubarTrigger.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const Menubar: {
     Root: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-menubar").MenubarProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./MenubarRoot").MenubarProps & import("react").RefAttributes<HTMLDivElement>>;
     Menu: import("react").ForwardRefExoticComponent<import("@radix-ui/react-menubar").MenubarMenuProps & {

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

@@ -5,7 +5,7 @@ export interface NavigationMenuContentProps extends VariantProps<typeof navigati
     isShowIcon?: boolean;
 }
 export declare const navigationMenuContentVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "small" | "none" | "large" | "medium" | "full" | null | undefined;
     size?: "small" | "medium" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/NavigationMenu/NavigationMenuContent.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++) {
@@ -43,6 +44,6 @@ export var navigationMenuContentVariants = cva("text-slate-12 dark:text-slateDar
 export var NavigationMenuContent = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
     var _b = useNavigationMenuContext(), radius = _b.radius, size = _b.size;
-    return (_jsx(NavigationMenuPrimitive.Content, __assign({ ref: ref, className: cn("data-[motion=from-start]:animate-enterFromLeft data-[motion=from-end]:animate-enterFromRight data-[motion=to-start]:animate-exitToLeft data-[motion=to-end]:animate-exitToRight absolute left-0 top-0 w-full sm:w-auto", navigationMenuContentVariants({ radius: radius, size: size }), className) }, props, { children: children })));
+    return (_jsx(NavigationMenuPrimitive.Content, __assign({ ref: ref, className: cn("data-[motion=from-start]:animate-enterFromLeft data-[motion=from-end]:animate-enterFromRight data-[motion=to-start]:animate-exitToLeft data-[motion=to-end]:animate-exitToRight absolute left-0 top-0 z-10 w-full bg-white sm:w-auto", navigationMenuContentVariants({ radius: radius, size: size }), className) }, props, { children: children })));
 });
 NavigationMenuContent.displayName = 'NavigationMenu.Content';

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

@@ -1,2 +1,3 @@
-import{jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import*as e from"@radix-ui/react-navigation-menu";import{cn as a}from"../../utils/utils.mjs";import{cva as o}from"class-variance-authority";import{radiusVariants as i}from"../../constants.mjs";import{useNavigationMenuContext as n}from"./NavigationMenuRoot.mjs";var m=function(){return m=Object.assign||function(t){for(var r,e=1,a=arguments.length;e<a;e++)for(var o in r=arguments[e])Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o]);return t},m.apply(this,arguments)},s=function(t,r){var e={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&r.indexOf(a)<0&&(e[a]=t[a]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(t);o<a.length;o++)r.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(t,a[o])&&(e[a[o]]=t[a[o]])}return e},l=o("text-slate-12 dark:text-slateDark-12 bg-white dark:bg-slateDark-1 p-2 cursor-pointer",{variants:{radius:m({},i["extra-large"]),size:{small:"min-w-[250px] text-xs py-2 px-3",medium:"min-w-[300px] text-sm py-2 px-3"}},defaultVariants:{radius:"medium",size:"medium"}}),p=r((function(r,o){var i=r.className,p=r.children,u=s(r,["className","children"]),f=n(),c=f.radius,d=f.size;return t(e.Content,m({ref:o,className:a("data-[motion=from-start]:animate-enterFromLeft data-[motion=from-end]:animate-enterFromRight data-[motion=to-start]:animate-exitToLeft data-[motion=to-end]:animate-exitToRight absolute left-0 top-0 w-full sm:w-auto",l({radius:c,size:d}),i)},u,{children:p}))}));p.displayName="NavigationMenu.Content";export{p as NavigationMenuContent,l as navigationMenuContentVariants};
+"use client";
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import*as r from"@radix-ui/react-navigation-menu";import{cn as a}from"../../utils/utils.mjs";import{cva as o}from"class-variance-authority";import{radiusVariants as i}from"../../constants.mjs";import{useNavigationMenuContext as n}from"./NavigationMenuRoot.mjs";var m=function(){return m=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},m.apply(this,arguments)},s=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},l=o("text-slate-12 dark:text-slateDark-12 bg-white dark:bg-slateDark-1 p-2 cursor-pointer",{variants:{radius:m({},i["extra-large"]),size:{small:"min-w-[250px] text-xs py-2 px-3",medium:"min-w-[300px] text-sm py-2 px-3"}},defaultVariants:{radius:"medium",size:"medium"}}),p=e((function(e,o){var i=e.className,p=e.children,u=s(e,["className","children"]),f=n(),c=f.radius,d=f.size;return t(r.Content,m({ref:o,className:a("data-[motion=from-start]:animate-enterFromLeft data-[motion=from-end]:animate-enterFromRight data-[motion=to-start]:animate-exitToLeft data-[motion=to-end]:animate-exitToRight absolute left-0 top-0 z-10 w-full bg-white sm:w-auto",l({radius:c,size:d}),i)},u,{children:p}))}));p.displayName="NavigationMenu.Content";export{p as NavigationMenuContent,l as navigationMenuContentVariants};
 //# sourceMappingURL=NavigationMenuContent.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuContent.mjs","sources":["../../../lib/components/NavigationMenu/NavigationMenuContent.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 NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';\nimport { cn } from '../../../lib/utils/utils';\nimport { cva } from 'class-variance-authority';\nimport { radiusVariants } from '../../../lib/constants';\nimport { useNavigationMenuContext } from './NavigationMenuRoot';\nexport var navigationMenuContentVariants = cva(\"text-slate-12 dark:text-slateDark-12 bg-white dark:bg-slateDark-1 p-2 cursor-pointer\", {\n    variants: {\n        radius: __assign({}, radiusVariants['extra-large']),\n        size: {\n            small: 'min-w-[250px] text-xs py-2 px-3',\n            medium: 'min-w-[300px] text-sm py-2 px-3',\n        },\n    },\n    defaultVariants: {\n        radius: 'medium',\n        size: 'medium',\n    },\n});\nexport var NavigationMenuContent = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, props = __rest(_a, [\"className\", \"children\"]);\n    var _b = useNavigationMenuContext(), radius = _b.radius, size = _b.size;\n    return (_jsx(NavigationMenuPrimitive.Content, __assign({ ref: ref, className: cn(\"data-[motion=from-start]:animate-enterFromLeft data-[motion=from-end]:animate-enterFromRight data-[motion=to-start]:animate-exitToLeft data-[motion=to-end]:animate-exitToRight absolute left-0 top-0 w-full sm:w-auto\", navigationMenuContentVariants({ radius: radius, size: size }), className) }, props, { children: children })));\n});\nNavigationMenuContent.displayName = 'NavigationMenu.Content';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","navigationMenuContentVariants","cva","variants","radius","radiusVariants","size","small","medium","defaultVariants","NavigationMenuContent","forwardRef","_a","ref","className","children","props","_b","useNavigationMenuContext","_jsx","NavigationMenuPrimitive","Content","cn","displayName"],"mappings":"gVAAA,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,EAAgCC,EAAI,uFAAwF,CACnIC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAe,gBACpCC,KAAM,CACFC,MAAO,kCACPC,OAAQ,oCAGhBC,gBAAiB,CACbL,OAAQ,SACRE,KAAM,YAGHI,EAAwBC,GAAW,SAAUC,EAAIC,GACxD,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUC,EAAQpB,EAAOgB,EAAI,CAAC,YAAa,aACnFK,EAAKC,IAA4Bd,EAASa,EAAGb,OAAQE,EAAOW,EAAGX,KACnE,OAAQa,EAAKC,EAAwBC,QAASxC,EAAS,CAAEgC,IAAKA,EAAKC,UAAWQ,EAAG,yNAA0NrB,EAA8B,CAAEG,OAAQA,EAAQE,KAAMA,IAASQ,IAAcE,EAAO,CAAED,SAAUA,IAC/Y,IACAL,EAAsBa,YAAc"}
+{"version":3,"file":"NavigationMenuContent.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/components/NavigationMenu/NavigationMenuIndicator.js

@@ -26,6 +26,6 @@ import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import { cn } from '../../../lib/utils/utils';
 export var NavigationMenuIndicator = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (_jsxs(NavigationMenuPrimitive.Indicator, __assign({ ref: ref, className: "data-[state=visible]:animate-fadeIn data-[state=hidden]:animate-fadeOut top-full z-[1] flex h-[10px] items-end justify-center overflow-hidden transition-[width,transform_250ms_ease]" }, props, { children: [_jsx("div", { className: cn("relative top-[70%] h-[10px] w-[10px] rotate-[45deg] rounded-tl-[2px] bg-white shadow shadow-slate-4 dark:bg-slateDark-2 dark:shadow-slateDark-4", className) }), children] })));
+    return (_jsxs(NavigationMenuPrimitive.Indicator, __assign({ ref: ref, className: "data-[state=visible]:animate-fadeIn data-[state=hidden]:animate-fadeOut top-full z-30 flex h-[10px] items-end justify-center overflow-hidden transition-[width,transform_250ms_ease]" }, props, { children: [_jsx("div", { className: cn("relative top-[70%] h-[10px] w-[10px] rotate-[45deg] rounded-tl-[2px] bg-white shadow shadow-slate-4 dark:bg-slateDark-2 dark:shadow-slateDark-4", className) }), children] })));
 });
 NavigationMenuIndicator.displayName = 'NavigationMenu.Indicator';

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

@@ -1,2 +1,2 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import*as a from"@radix-ui/react-navigation-menu";import{cn as n}from"../../utils/utils.mjs";var o=function(){return o=Object.assign||function(t){for(var e,r=1,a=arguments.length;r<a;r++)for(var n in e=arguments[r])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t},o.apply(this,arguments)},i=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 n=0;for(a=Object.getOwnPropertySymbols(t);n<a.length;n++)e.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(t,a[n])&&(r[a[n]]=t[a[n]])}return r},s=r((function(r,s){var l=r.className,d=r.children,c=i(r,["className","children"]);return t(a.Indicator,o({ref:s,className:"data-[state=visible]:animate-fadeIn data-[state=hidden]:animate-fadeOut top-full z-[1] flex h-[10px] items-end justify-center overflow-hidden transition-[width,transform_250ms_ease]"},c,{children:[e("div",{className:n("relative top-[70%] h-[10px] w-[10px] rotate-[45deg] rounded-tl-[2px] bg-white shadow shadow-slate-4 dark:bg-slateDark-2 dark:shadow-slateDark-4",l)}),d]}))}));s.displayName="NavigationMenu.Indicator";export{s as NavigationMenuIndicator};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import*as a from"@radix-ui/react-navigation-menu";import{cn as n}from"../../utils/utils.mjs";var o=function(){return o=Object.assign||function(t){for(var e,r=1,a=arguments.length;r<a;r++)for(var n in e=arguments[r])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t},o.apply(this,arguments)},i=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 n=0;for(a=Object.getOwnPropertySymbols(t);n<a.length;n++)e.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(t,a[n])&&(r[a[n]]=t[a[n]])}return r},s=r((function(r,s){var l=r.className,d=r.children,c=i(r,["className","children"]);return t(a.Indicator,o({ref:s,className:"data-[state=visible]:animate-fadeIn data-[state=hidden]:animate-fadeOut top-full z-30 flex h-[10px] items-end justify-center overflow-hidden transition-[width,transform_250ms_ease]"},c,{children:[e("div",{className:n("relative top-[70%] h-[10px] w-[10px] rotate-[45deg] rounded-tl-[2px] bg-white shadow shadow-slate-4 dark:bg-slateDark-2 dark:shadow-slateDark-4",l)}),d]}))}));s.displayName="NavigationMenu.Indicator";export{s as NavigationMenuIndicator};
 //# sourceMappingURL=NavigationMenuIndicator.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuIndicator.mjs","sources":["../../../lib/components/NavigationMenu/NavigationMenuIndicator.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 NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';\nimport { cn } from '../../../lib/utils/utils';\nexport var NavigationMenuIndicator = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, props = __rest(_a, [\"className\", \"children\"]);\n    return (_jsxs(NavigationMenuPrimitive.Indicator, __assign({ ref: ref, className: \"data-[state=visible]:animate-fadeIn data-[state=hidden]:animate-fadeOut top-full z-[1] flex h-[10px] items-end justify-center overflow-hidden transition-[width,transform_250ms_ease]\" }, props, { children: [_jsx(\"div\", { className: cn(\"relative top-[70%] h-[10px] w-[10px] rotate-[45deg] rounded-tl-[2px] bg-white shadow shadow-slate-4 dark:bg-slateDark-2 dark:shadow-slateDark-4\", className) }), children] })));\n});\nNavigationMenuIndicator.displayName = 'NavigationMenu.Indicator';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","NavigationMenuIndicator","forwardRef","_a","ref","className","children","props","_jsxs","NavigationMenuPrimitive","Indicator","_jsx","cn","displayName"],"mappings":"kLAAA,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,EAKWiB,EAA0BC,GAAW,SAAUC,EAAIC,GAC1D,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUC,EAAQX,EAAOO,EAAI,CAAC,YAAa,aACvF,OAAQK,EAAMC,EAAwBC,UAAW7B,EAAS,CAAEuB,IAAKA,EAAKC,UAAW,yLAA2LE,EAAO,CAAED,SAAU,CAACK,EAAK,MAAO,CAAEN,UAAWO,EAAG,kJAAmJP,KAAeC,KACle,IACAL,EAAwBY,YAAc"}
+{"version":3,"file":"NavigationMenuIndicator.mjs","sources":["../../../lib/components/NavigationMenu/NavigationMenuIndicator.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 NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';\nimport { cn } from '../../../lib/utils/utils';\nexport var NavigationMenuIndicator = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, props = __rest(_a, [\"className\", \"children\"]);\n    return (_jsxs(NavigationMenuPrimitive.Indicator, __assign({ ref: ref, className: \"data-[state=visible]:animate-fadeIn data-[state=hidden]:animate-fadeOut top-full z-30 flex h-[10px] items-end justify-center overflow-hidden transition-[width,transform_250ms_ease]\" }, props, { children: [_jsx(\"div\", { className: cn(\"relative top-[70%] h-[10px] w-[10px] rotate-[45deg] rounded-tl-[2px] bg-white shadow shadow-slate-4 dark:bg-slateDark-2 dark:shadow-slateDark-4\", className) }), children] })));\n});\nNavigationMenuIndicator.displayName = 'NavigationMenu.Indicator';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","NavigationMenuIndicator","forwardRef","_a","ref","className","children","props","_jsxs","NavigationMenuPrimitive","Indicator","_jsx","cn","displayName"],"mappings":"kLAAA,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,EAKWiB,EAA0BC,GAAW,SAAUC,EAAIC,GAC1D,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUC,EAAQX,EAAOO,EAAI,CAAC,YAAa,aACvF,OAAQK,EAAMC,EAAwBC,UAAW7B,EAAS,CAAEuB,IAAKA,EAAKC,UAAW,wLAA0LE,EAAO,CAAED,SAAU,CAACK,EAAK,MAAO,CAAEN,UAAWO,EAAG,kJAAmJP,KAAeC,KACje,IACAL,EAAwBY,YAAc"}

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

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

package/dist/lib/components/NavigationMenu/NavigationMenuLink.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 { cn } from '../../../lib/utils/utils';
 import { cva } from 'class-variance-authority';
 import { appearanceStyle, radiusVariants, scalingVariants } from '../../../lib/constants';
 import { useNavigationMenuContext } from './NavigationMenuRoot';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 export var navigationMenuLinkVariants = cva("block select-none leading-none outline-none py-1 px-3 cursor-alias hover:underline font-medium", {
     variants: {
         size: {
@@ -44,7 +46,7 @@ export var navigationMenuLinkVariants = cva("block select-none leading-none outl
 });
 export var NavigationMenuLink = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, href = _a.href, props = __rest(_a, ["children", "className", "href"]);
-    var _b = useNavigationMenuContext(), scaling = _b.scaling, size = _b.size, radius = _b.radius, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.appearance, appearance = _d === void 0 ? 'ghost' : _d;
+    var _b = useNavigationMenuContext(), scaling = _b.scaling, size = _b.size, radius = _b.radius, _c = _b.color, color = _c === void 0 ? MAIN_COLOR : _c, _d = _b.appearance, appearance = _d === void 0 ? 'ghost' : _d;
     var linkClassName = cn(navigationMenuLinkVariants({ scaling: scaling, size: size, radius: radius }), appearanceStyle(appearance, color), className);
     return (_jsx(NavigationMenuPrimitive.Link, __assign({ ref: ref, href: href, title: href, className: linkClassName }, props, { children: children })));
 });

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

@@ -1,2 +1,3 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import*as t from"@radix-ui/react-navigation-menu";import{cn as a}from"../../utils/utils.mjs";import{cva as i}from"class-variance-authority";import{radiusVariants as n,scalingVariants as o,appearanceStyle as s}from"../../constants.mjs";import{useNavigationMenuContext as l}from"./NavigationMenuRoot.mjs";var c=function(){return c=Object.assign||function(r){for(var e,t=1,a=arguments.length;t<a;t++)for(var i in e=arguments[t])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},c.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 i=0;for(a=Object.getOwnPropertySymbols(r);i<a.length;i++)e.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(r,a[i])&&(t[a[i]]=r[a[i]])}return t},p=i("block select-none leading-none outline-none py-1 px-3 cursor-alias hover:underline font-medium",{variants:{size:{small:"text-xs gap-[2px]",medium:"text-sm gap-[3px]"},radius:c({},n.base),scaling:c({},o)},defaultVariants:{scaling:"100%",size:"medium",radius:"small"}}),u=e((function(e,i){var n=e.children,o=e.className,u=e.href,f=m(e,["children","className","href"]),d=l(),g=d.scaling,v=d.size,y=d.radius,h=d.color,O=void 0===h?"red":h,b=d.appearance,x=void 0===b?"ghost":b,j=a(p({scaling:g,size:v,radius:y}),s(x,O),o);return r(t.Link,c({ref:i,href:u,title:u,className:j},f,{children:n}))}));u.displayName="NavigationMenu.Link";export{u as NavigationMenuLink,p as navigationMenuLinkVariants};
+"use client";
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import*as t from"@radix-ui/react-navigation-menu";import{cn as a}from"../../utils/utils.mjs";import{cva as i}from"class-variance-authority";import{radiusVariants as n,scalingVariants as o,appearanceStyle as s}from"../../constants.mjs";import{useNavigationMenuContext as l}from"./NavigationMenuRoot.mjs";import{MAIN_COLOR as m}from"../../color/constants.mjs";var c=function(){return c=Object.assign||function(r){for(var e,t=1,a=arguments.length;t<a;t++)for(var i in e=arguments[t])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},c.apply(this,arguments)},p=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 i=0;for(a=Object.getOwnPropertySymbols(r);i<a.length;i++)e.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(r,a[i])&&(t[a[i]]=r[a[i]])}return t},u=i("block select-none leading-none outline-none py-1 px-3 cursor-alias hover:underline font-medium",{variants:{size:{small:"text-xs gap-[2px]",medium:"text-sm gap-[3px]"},radius:c({},n.base),scaling:c({},o)},defaultVariants:{scaling:"100%",size:"medium",radius:"small"}}),f=e((function(e,i){var n=e.children,o=e.className,f=e.href,d=p(e,["children","className","href"]),g=l(),v=g.scaling,y=g.size,h=g.radius,O=g.color,b=void 0===O?m:O,j=g.appearance,x=void 0===j?"ghost":j,N=a(u({scaling:v,size:y,radius:h}),s(x,b),o);return r(t.Link,c({ref:i,href:f,title:f,className:N},d,{children:n}))}));f.displayName="NavigationMenu.Link";export{f as NavigationMenuLink,u as navigationMenuLinkVariants};
 //# sourceMappingURL=NavigationMenuLink.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuLink.mjs","sources":["../../../lib/components/NavigationMenu/NavigationMenuLink.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 NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';\nimport { cn } from '../../../lib/utils/utils';\nimport { cva } from 'class-variance-authority';\nimport { appearanceStyle, radiusVariants, scalingVariants } from '../../../lib/constants';\nimport { useNavigationMenuContext } from './NavigationMenuRoot';\nexport var navigationMenuLinkVariants = cva(\"block select-none leading-none outline-none py-1 px-3 cursor-alias hover:underline font-medium\", {\n    variants: {\n        size: {\n            small: 'text-xs gap-[2px]',\n            medium: 'text-sm gap-[3px]',\n        },\n        radius: __assign({}, radiusVariants['base']),\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        scaling: '100%',\n        size: 'medium',\n        radius: 'small',\n    },\n});\nexport var NavigationMenuLink = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, href = _a.href, props = __rest(_a, [\"children\", \"className\", \"href\"]);\n    var _b = useNavigationMenuContext(), scaling = _b.scaling, size = _b.size, radius = _b.radius, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.appearance, appearance = _d === void 0 ? 'ghost' : _d;\n    var linkClassName = cn(navigationMenuLinkVariants({ scaling: scaling, size: size, radius: radius }), appearanceStyle(appearance, color), className);\n    return (_jsx(NavigationMenuPrimitive.Link, __assign({ ref: ref, href: href, title: href, className: linkClassName }, props, { children: children })));\n});\nNavigationMenuLink.displayName = 'NavigationMenu.Link';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","navigationMenuLinkVariants","cva","variants","size","small","medium","radius","radiusVariants","scaling","scalingVariants","defaultVariants","NavigationMenuLink","forwardRef","_a","ref","children","className","href","props","_b","useNavigationMenuContext","_c","color","_d","appearance","linkClassName","cn","appearanceStyle","_jsx","NavigationMenuPrimitive","Link","title","displayName"],"mappings":"0XAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAQWiB,EAA6BC,EAAI,iGAAkG,CAC1IC,SAAU,CACNC,KAAM,CACFC,MAAO,oBACPC,OAAQ,qBAEZC,OAAQ1B,EAAS,CAAA,EAAI2B,EAAqB,MAC1CC,QAAS5B,EAAS,CAAE,EAAE6B,IAE1BC,gBAAiB,CACbF,QAAS,OACTL,KAAM,SACNG,OAAQ,WAGLK,EAAqBC,GAAW,SAAUC,EAAIC,GACrD,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWC,EAAOJ,EAAGI,KAAMC,EAAQvB,EAAOkB,EAAI,CAAC,WAAY,YAAa,SAC/GM,EAAKC,IAA4BZ,EAAUW,EAAGX,QAASL,EAAOgB,EAAGhB,KAAMG,EAASa,EAAGb,OAAQe,EAAKF,EAAGG,MAAOA,OAAe,IAAPD,EAAgB,MAAQA,EAAIE,EAAKJ,EAAGK,WAAYA,OAAoB,IAAPD,EAAgB,QAAUA,EACzME,EAAgBC,EAAG1B,EAA2B,CAAEQ,QAASA,EAASL,KAAMA,EAAMG,OAAQA,IAAWqB,EAAgBH,EAAYF,GAAQN,GACzI,OAAQY,EAAKC,EAAwBC,KAAMlD,EAAS,CAAEkC,IAAKA,EAAKG,KAAMA,EAAMc,MAAOd,EAAMD,UAAWS,GAAiBP,EAAO,CAAEH,SAAUA,IAC5I,IACAJ,EAAmBqB,YAAc"}
+{"version":3,"file":"NavigationMenuLink.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

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

package/dist/lib/components/NavigationMenu/NavigationMenuList.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++) {
@@ -28,6 +29,7 @@ import { cva } from 'class-variance-authority';
 import { appearanceStyle, radiusVariants, scalingVariants } from '../../../lib/constants';
 import { NavigationMenuIndicator } from './NavigationMenuIndicator';
 import { useNavigationMenuContext } from './NavigationMenuRoot';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 export var navigationMenuListVariants = cva('flex p-1 space-x-1 shadow-slate-4 shadow dark:shadow-slateDark-4 bg-white dark:bg-slateDark-1', {
     variants: {
         radius: __assign({}, radiusVariants['base']),
@@ -40,7 +42,7 @@ export var navigationMenuListVariants = cva('flex p-1 space-x-1 shadow-slate-4 s
 });
 export var NavigationMenuList = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.isShowIndicator, isShowIndicator = _b === void 0 ? true : _b, props = __rest(_a, ["children", "className", "isShowIndicator"]);
-    var _c = useNavigationMenuContext(), scaling = _c.scaling, radius = _c.radius, _d = _c.appearance, appearance = _d === void 0 ? 'ghost' : _d, _e = _c.color, color = _e === void 0 ? 'red' : _e;
+    var _c = useNavigationMenuContext(), scaling = _c.scaling, radius = _c.radius, _d = _c.appearance, appearance = _d === void 0 ? 'ghost' : _d, _e = _c.color, color = _e === void 0 ? MAIN_COLOR : _e;
     var navigationMenuListClassName = cn(navigationMenuListVariants({ scaling: scaling, radius: radius }), appearanceStyle(appearance, color, false), 'border-none', appearance === 'ghost' && 'bg-white', className);
     return (_jsxs(NavigationMenuPrimitive.List, __assign({ ref: ref, className: navigationMenuListClassName }, props, { children: [children, isShowIndicator && _jsx(NavigationMenuIndicator, {})] })));
 });

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

@@ -1,2 +1,3 @@
-import{jsxs as r,jsx as a}from"react/jsx-runtime";import{forwardRef as t}from"react";import*as o from"@radix-ui/react-navigation-menu";import{cn as i}from"../../utils/utils.mjs";import{cva as e}from"class-variance-authority";import{radiusVariants as n,scalingVariants as s,appearanceStyle as c}from"../../constants.mjs";import{NavigationMenuIndicator as l}from"./NavigationMenuIndicator.mjs";import{useNavigationMenuContext as m}from"./NavigationMenuRoot.mjs";var p=function(){return p=Object.assign||function(r){for(var a,t=1,o=arguments.length;t<o;t++)for(var i in a=arguments[t])Object.prototype.hasOwnProperty.call(a,i)&&(r[i]=a[i]);return r},p.apply(this,arguments)},d=function(r,a){var t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&a.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++)a.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(r,o[i])&&(t[o[i]]=r[o[i]])}return t},u=e("flex p-1 space-x-1 shadow-slate-4 shadow dark:shadow-slateDark-4 bg-white dark:bg-slateDark-1",{variants:{radius:p({},n.base),scaling:p({},s)},defaultVariants:{scaling:"100%",radius:"small"}}),f=t((function(t,e){var n=t.children,s=t.className,f=t.isShowIndicator,g=void 0===f||f,h=d(t,["children","className","isShowIndicator"]),v=m(),b=v.scaling,y=v.radius,O=v.appearance,j=void 0===O?"ghost":O,w=v.color,x=void 0===w?"red":w,N=i(u({scaling:b,radius:y}),c(j,x,!1),"border-none","ghost"===j&&"bg-white",s);return r(o.List,p({ref:e,className:N},h,{children:[n,g&&a(l,{})]}))}));f.displayName="NavigationMenu.List";export{f as NavigationMenuList,u as navigationMenuListVariants};
+"use client";
+import{jsxs as r,jsx as a}from"react/jsx-runtime";import{forwardRef as t}from"react";import*as o from"@radix-ui/react-navigation-menu";import{cn as i}from"../../utils/utils.mjs";import{cva as e}from"class-variance-authority";import{radiusVariants as n,scalingVariants as s,appearanceStyle as c}from"../../constants.mjs";import{NavigationMenuIndicator as l}from"./NavigationMenuIndicator.mjs";import{useNavigationMenuContext as m}from"./NavigationMenuRoot.mjs";import{MAIN_COLOR as p}from"../../color/constants.mjs";var f=function(){return f=Object.assign||function(r){for(var a,t=1,o=arguments.length;t<o;t++)for(var i in a=arguments[t])Object.prototype.hasOwnProperty.call(a,i)&&(r[i]=a[i]);return r},f.apply(this,arguments)},u=function(r,a){var t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&a.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++)a.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(r,o[i])&&(t[o[i]]=r[o[i]])}return t},d=e("flex p-1 space-x-1 shadow-slate-4 shadow dark:shadow-slateDark-4 bg-white dark:bg-slateDark-1",{variants:{radius:f({},n.base),scaling:f({},s)},defaultVariants:{scaling:"100%",radius:"small"}}),g=t((function(t,e){var n=t.children,s=t.className,g=t.isShowIndicator,h=void 0===g||g,v=u(t,["children","className","isShowIndicator"]),b=m(),y=b.scaling,j=b.radius,O=b.appearance,w=void 0===O?"ghost":O,x=b.color,N=void 0===x?p:x,k=i(d({scaling:y,radius:j}),c(w,N,!1),"border-none","ghost"===w&&"bg-white",s);return r(o.List,f({ref:e,className:k},v,{children:[n,h&&a(l,{})]}))}));g.displayName="NavigationMenu.List";export{g as NavigationMenuList,d as navigationMenuListVariants};
 //# sourceMappingURL=NavigationMenuList.mjs.map