@lotte-innovate/ui-component-test 0.1.110 → 0.1.111

package/dist/lib/components/Editor/index copy.js

@@ -22,11 +22,29 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { Editor as EditorUI } from '@tinymce/tinymce-react';
+import { forwardRef, useEffect } from 'react';
 import { cva } from 'class-variance-authority';
-import { scalingVariants } from '../../constants';
-import { cn } from '../../utils/utils';
+import { scalingVariants } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { marked } from 'marked';
+import tinymce from 'tinymce';
+/* Default icons are required. After that, import custom icons if applicable */
+import 'tinymce/icons/default';
+/* Required TinyMCE components */
+import 'tinymce/themes/silver';
+import 'tinymce/models/dom';
+/* Import a skin (can be a custom skin instead of the default) */
+import 'tinymce/skins/ui/oxide/skin.css';
+/* Import plugins */
+import 'tinymce/plugins/advlist';
+import 'tinymce/plugins/code';
+import 'tinymce/plugins/codesample';
+import 'tinymce/plugins/link';
+import 'tinymce/plugins/lists';
+import 'tinymce/plugins/table';
+import 'tinymce/plugins/image';
+/* content UI CSS is required */
+import 'tinymce/skins/ui/oxide/content.css';
 var editorVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -41,13 +59,62 @@ var editorVariants = cva('', {
         size: 'medium',
     },
 });
+export var initTinyMCE = function (_a) {
+    var width = _a.width, height = _a.height;
+    console.log('width', width, height);
+    tinymce.init({
+        width: width,
+        height: height,
+        selector: '#tinymce',
+        plugins: 'link table code lists codesample',
+        menubar: false,
+        toolbar: 'blocks | bold italic forecolor strikethrough | hr blockquote | bullist numlist outdent indent | table image link | inlinecode codeformat codesample markdown',
+        skin: false,
+        content_css: false,
+        setup: function (editor) {
+            editor.ui.registry.addButton('inlinecode', {
+                icon: 'sourcecode',
+                tooltip: 'Inline code',
+                onAction: function () {
+                    editor.formatter.toggle('code');
+                },
+            });
+            editor.on('init', function () {
+                editor.formatter.register('code', {
+                    inline: 'code',
+                    remove: 'all',
+                });
+            });
+            editor.ui.registry.addButton('markdown', {
+                text: 'Markdown',
+                onAction: function () {
+                    var content = editor.getContent({ format: 'text' });
+                    var html = marked(content);
+                    editor.setContent(html);
+                },
+            });
+        },
+    });
+};
 export var Editor = forwardRef(function (_a, ref) {
-    var className = _a.className, size = _a.size, scaling = _a.scaling, tinymceScriptSrc = _a.tinymceScriptSrc, props = __rest(_a, ["className", "size", "scaling", "tinymceScriptSrc"]);
-    return (_jsx("div", { ref: ref, className: cn(editorVariants({ size: size, scaling: scaling }), className), children: _jsx(EditorUI, __assign({ tinymceScriptSrc: "/tinymce/tinymce.min.js", initialValue: "", init: {
-                height: '100%',
-                menubar: false,
-                // plugins: ['image', 'code', 'link', 'table'],
-            } }, props)) }));
+    var className = _a.className, size = _a.size, scaling = _a.scaling, width = _a.width, height = _a.height, props = __rest(_a, ["className", "size", "scaling", "width", "height"]);
+    useEffect(function () {
+        initTinyMCE({ width: width, height: height });
+    }, [size]);
+    switch (size) {
+        case 'small':
+            (width = 500), (height = 350);
+            break;
+        case 'medium':
+            (width = 550), (height = 400);
+            break;
+        case 'large':
+            (width = 600), (height = 450);
+            break;
+        default:
+            (width = 550), (height = 400);
+    }
+    return (_jsx("textarea", { id: "tinymce", ref: ref, className: cn(editorVariants({ size: size, scaling: scaling })) }));
 });
 Editor.displayName = 'Editor';
 export default Editor;

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

@@ -5,20 +5,22 @@ import 'tinymce/icons/default';
 import 'tinymce/themes/silver';
 import 'tinymce/models/dom';
 import 'tinymce/skins/ui/oxide/skin.css';
+import 'tinymce/skins/ui/oxide/skin.min.css';
 import 'tinymce/plugins/advlist';
 import 'tinymce/plugins/code';
-import 'tinymce/plugins/emoticons';
-import 'tinymce/plugins/emoticons/js/emojis';
+import 'tinymce/plugins/codesample';
 import 'tinymce/plugins/link';
 import 'tinymce/plugins/lists';
 import 'tinymce/plugins/table';
+import 'tinymce/plugins/image';
 export interface EditorProps extends VariantProps<typeof editorVariants> {
-    tinymceScriptSrc?: string;
+    width?: string | number;
+    height?: string | number;
 }
 declare const editorVariants: (props?: ({
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const initTinyMCE: () => void;
+export declare const initTinyMCE: ({ width, height, target }: any) => void;
 export declare const Editor: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & EditorProps & IAllProps & React.RefAttributes<HTMLTextAreaElement>>;
 export default Editor;

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

@@ -22,9 +22,11 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useEffect } from 'react';
+import { forwardRef, useEffect, useRef } from 'react';
 import { cva } from 'class-variance-authority';
-import { scalingVariants } from '../../constants';
+import { scalingVariants } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { marked } from 'marked';
 import tinymce from 'tinymce';
 /* Default icons are required. After that, import custom icons if applicable */
 import 'tinymce/icons/default';
@@ -33,14 +35,15 @@ import 'tinymce/themes/silver';
 import 'tinymce/models/dom';
 /* Import a skin (can be a custom skin instead of the default) */
 import 'tinymce/skins/ui/oxide/skin.css';
+import 'tinymce/skins/ui/oxide/skin.min.css';
 /* Import plugins */
 import 'tinymce/plugins/advlist';
 import 'tinymce/plugins/code';
-import 'tinymce/plugins/emoticons';
-import 'tinymce/plugins/emoticons/js/emojis';
+import 'tinymce/plugins/codesample';
 import 'tinymce/plugins/link';
 import 'tinymce/plugins/lists';
 import 'tinymce/plugins/table';
+import 'tinymce/plugins/image';
 var editorVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -55,23 +58,68 @@ var editorVariants = cva('', {
         size: 'medium',
     },
 });
-export var initTinyMCE = function () {
-    if (typeof window !== 'undefined') {
-        tinymce.init({
-            selector: '#tinymce',
-            plugins: 'link table code',
-            toolbar: 'undo redo | formatselect | bold italic | alignleft aligncenter alignright | code',
-            skin: false,
-            content_css: false,
-        });
-    }
+export var initTinyMCE = function (_a) {
+    var width = _a.width, height = _a.height, target = _a.target;
+    tinymce.init({
+        target: target,
+        width: width,
+        height: height,
+        selector: '#tinymce',
+        plugins: 'link table code lists codesample',
+        menubar: false,
+        toolbar: 'blocks | bold italic forecolor strikethrough | hr blockquote | bullist numlist outdent indent | table image link | inlinecode codeformat codesample markdown',
+        // skin: false,
+        // content_css: false,
+        content_style: 'body { font-family:Noto Sans KR, sans-serif, Nunito Sans, Helvetica Neue, Helvetica }',
+        setup: function (editor) {
+            editor.ui.registry.addButton('inlinecode', {
+                icon: 'sourcecode',
+                tooltip: 'Inline code',
+                onAction: function () {
+                    editor.formatter.toggle('code');
+                },
+            });
+            editor.on('init', function () {
+                editor.formatter.register('code', {
+                    inline: 'code',
+                    remove: 'all',
+                });
+            });
+            editor.ui.registry.addButton('markdown', {
+                text: 'Markdown',
+                onAction: function () {
+                    var content = editor.getContent({ format: 'text' });
+                    var html = marked(content);
+                    editor.setContent(html);
+                },
+            });
+        },
+    });
 };
 export var Editor = forwardRef(function (_a, ref) {
-    var className = _a.className, size = _a.size, scaling = _a.scaling, tinymceScriptSrc = _a.tinymceScriptSrc, props = __rest(_a, ["className", "size", "scaling", "tinymceScriptSrc"]);
+    var className = _a.className, size = _a.size, scaling = _a.scaling, width = _a.width, height = _a.height, props = __rest(_a, ["className", "size", "scaling", "width", "height"]);
+    var editorRef = useRef(null);
     useEffect(function () {
-        initTinyMCE();
-    }, []);
-    return _jsx("textarea", { id: "tinymce", ref: ref });
+        if (editorRef.current) {
+            console.log('여기');
+            tinymce.remove(editorRef.current);
+        }
+        initTinyMCE({ width: width, height: height, editorRef: editorRef });
+    }, [size]);
+    switch (size) {
+        case 'small':
+            (width = 500), (height = 350);
+            break;
+        case 'medium':
+            (width = 550), (height = 400);
+            break;
+        case 'large':
+            (width = 600), (height = 450);
+            break;
+        default:
+            (width = 550), (height = 400);
+    }
+    return (_jsx("textarea", { id: "tinymce", ref: ref, className: cn(editorVariants({ size: size, scaling: scaling })) }));
 });
 Editor.displayName = 'Editor';
 export default Editor;

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

@@ -24,9 +24,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
-import { scalingVariants, textColorStyle } from '../../constants';
-import { cn } from '../../utils/utils';
-import { useTheme } from '../../theme';
+import { scalingVariants, textColorStyle } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
 export var FooterVariants = cva("py-3 px-8 container flex flex-col items-center justify-between gap-4 ", {
     variants: {
         scaling: __assign({}, scalingVariants),

package/dist/lib/components/Gnb/GnbInfo.js

@@ -25,7 +25,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useContext } from 'react';
 import { cva } from 'class-variance-authority';
 import { GnbContext } from './GnbRoot';
-import { cn } from '../../utils/utils';
+import { cn } from '../../../lib/utils/utils';
 var gnbInfoVariants = cva('flex flex-1 items-center justify-end space-x-2', {
     variants: {
         size: {

package/dist/lib/components/Gnb/GnbLogo.js

@@ -25,8 +25,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useContext } from 'react';
 import { cva } from 'class-variance-authority';
 import { GnbContext } from './GnbRoot';
-import { cn } from '../../utils/utils';
-import { Text } from '../../Typography';
+import { cn } from '../../../lib/utils/utils';
+import { Text } from '../../../lib/Typography';
 var gnbLogoVariants = cva('mr-4 flex items-center space-x-2 lg:mr-6 text-slate-12 dark:text-slateDark-12', {
     variants: {
         size: {

package/dist/lib/components/Gnb/GnbMenu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { INavItem } from '../../types';
+import { INavItem } from '../../../lib/types';
 export interface GnbMenuProps extends VariantProps<typeof gnbMenuVariants> {
     menuList: INavItem[];
 }

package/dist/lib/components/Gnb/GnbMenu.js

@@ -26,7 +26,7 @@ import { forwardRef, useContext } from 'react';
 import { cva } from 'class-variance-authority';
 import { usePathname } from 'next/navigation';
 import { GnbContext } from './GnbRoot';
-import { cn } from '../../utils/utils';
+import { cn } from '../../../lib/utils/utils';
 import Link from 'next/link';
 var gnbMenuVariants = cva('mr-4 hidden md:flex', {
     variants: {

package/dist/lib/components/Gnb/GnbRoot.js

@@ -24,9 +24,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, createContext } from 'react';
 import { cva } from 'class-variance-authority';
-import { scalingVariants } from '../../constants';
-import { cn } from '../../utils/utils';
-import { useTheme } from '../../theme';
+import { scalingVariants } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
 var GnbVariants = cva('sticky top-0 z-50 w-full px-8 backdrop-blur flex items-center', {
     variants: {
         scaling: __assign({}, scalingVariants),

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

@@ -5,8 +5,8 @@ import { flexRender } from '@tanstack/react-table';
 import Table from '../Table';
 import { ChevronDownIcon, ChevronUpIcon } from '@radix-ui/react-icons';
 import Pagination from './Pagination';
-import { cn } from '../../utils/utils';
-import { bgColorStyle } from '../../constants';
+import { cn } from '../../../lib/utils/utils';
+import { bgColorStyle } from '../../../lib/constants';
 import { cva } from 'class-variance-authority';
 export var GridVariants = cva("", {
     variants: {

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

@@ -23,11 +23,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useContext } from 'react';
-import { primaryColorStyle, radiusVariants, weightVariants, scalingVariants } from '../../constants';
+import { primaryColorStyle, radiusVariants, weightVariants, scalingVariants } from '../../../lib/constants';
 import { cva } from 'class-variance-authority';
 import { HoverCard as HoverCardTheme } from '@radix-ui/themes';
 import { HoverCardContext } from './HoverCardRoot';
-import { cn } from '../../utils/utils';
+import { cn } from '../../../lib/utils/utils';
 export var hoverCardContentVariants = cva('', {
     variants: {
         radius: __assign({}, radiusVariants['base']),

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

@@ -24,8 +24,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext } from 'react';
 import { HoverCard as HoverCardTheme, Theme } from '@radix-ui/themes';
-import { useTheme } from '../../theme';
-import { MAIN_COLOR } from '../../color/constants';
+import { useTheme } from '../../../lib/theme';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 export var HoverCardContext = createContext({
     radius: 'medium',
     size: 'medium',

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IAppearance, ISize } from '../../types';
+import { IAppearance, ISize } from '../../../lib/types';
 export interface IconButtonProps extends VariantProps<typeof iconButtonVariants> {
     appearance?: IAppearance;
     size?: ISize;

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

@@ -24,10 +24,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { Children, forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
-import { scalingVariants, radiusVariants, primaryColorStyle, appearanceStyle } from '../../constants';
-import { cn } from '../../utils/utils';
-import { useTheme } from '../../theme';
-import { MAIN_COLOR } from '../../color/constants';
+import { scalingVariants, radiusVariants, primaryColorStyle, appearanceStyle } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 var iconButtonVariants = cva("grid place-content-center transition-colors focus:outline-none hover:cursor-pointer\n  disabled:cursor-not-allowed disabled:bg-slate-3 disabled:text-slate-8", {
     variants: {
         radius: __assign({}, radiusVariants['base']),

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

@@ -25,9 +25,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { Inset as InsetTheme, Theme } from '@radix-ui/themes';
-import { scalingVariants } from '../../constants';
-import { cn } from '../../utils/utils';
-import { useTheme } from '../../theme';
+import { scalingVariants } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
 var insetVariants = cva('border-[1px] border-slate-6 dark:border-slateDark-6 text-slate-12 dark:text-slateDark-12', {
     variants: {
         radius: {

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

@@ -1,7 +1,7 @@
 import * as LabelPrimitive from '@radix-ui/react-label';
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IColor, IScaling } from '../../types';
+import { IColor, IScaling } from '../../../lib/types';
 export interface LabelProps extends VariantProps<typeof labelVariants> {
     defaultValue?: string;
     color?: IColor;

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

@@ -24,10 +24,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as LabelPrimitive from '@radix-ui/react-label';
 import React from 'react';
-import { cn } from '../../utils/utils';
+import { cn } from '../../../lib/utils/utils';
 import { cva } from 'class-variance-authority';
-import { scalingVariants, textColorStyle, weightVariants } from '../../constants';
-import { useTheme } from '../../theme';
+import { scalingVariants, textColorStyle, weightVariants } from '../../../lib/constants';
+import { useTheme } from '../../../lib/theme';
 var labelVariants = cva('flex text-slate-12', {
     variants: {
         scaling: __assign({}, scalingVariants),

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

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { IChartDatasets, IChartLegend, IChartTitle } from '../../types';
+import { IChartDatasets, IChartLegend, IChartTitle } from '../../../lib/types';
 export interface BorderRadius {
     topLeft: number;
     topRight: number;

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

@@ -23,11 +23,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Line } from 'react-chartjs-2';
 import { Chart as ChartJS, CategoryScale, LinearScale, Tooltip, Legend, LineElement, PointElement, } from 'chart.js/auto';
-import { scalingVariants } from '../../constants';
+import { scalingVariants } from '../../../lib/constants';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../utils/utils';
-import { chartAlphaColorList, chartColorList } from '../../color/constants';
-import { useDarkMode } from '../../utils/useDarkMode';
+import { cn } from '../../../lib/utils/utils';
+import { chartAlphaColorList, chartColorList } from '../../../lib/color/constants';
+import { useDarkMode } from '../../../lib/utils/useDarkMode';
 ChartJS.register(CategoryScale, LinearScale, LineElement, PointElement, Tooltip, Legend);
 var lineChartVariants = cva('', {
     variants: {

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

@@ -25,12 +25,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import { CheckIcon } from '@radix-ui/react-icons';
-import { cn } from '../../utils/utils';
+import { cn } from '../../../lib/utils/utils';
 import { menubarItemVariants } from './MenubarItem';
 import { MenubarItemIndicator } from './MenubarItemIndicator';
-import { menuItemAppearanceStyle } from '../../constants';
+import { menuItemAppearanceStyle } from '../../../lib/constants';
 import { useMenubarContext } from './MenubarRoot';
-import { MAIN_COLOR } from '../../color/constants';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 export var MenubarCheckboxItem = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, checked = _a.checked, props = __rest(_a, ["children", "className", "checked"]);
     var _b = useMenubarContext(), radius = _b.radius, scaling = _b.scaling, size = _b.size, _c = _b.color, color = _c === void 0 ? MAIN_COLOR : _c, _d = _b.itemAppearance, itemAppearance = _d === void 0 ? 'solid' : _d;

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

@@ -25,8 +25,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../utils/utils';
-import { scalingVariants } from '../../constants';
+import { cn } from '../../../lib/utils/utils';
+import { scalingVariants } from '../../../lib/constants';
 import { useMenubarContext } from './MenubarRoot';
 export var menubarContentVariants = cva("p-[5px] w-fit bg-white dark:bg-slateDark-1 will-change-[transform,opacity]\n  shadow-[0px_10px_38px_-10px_rgba(22,_23,_24,_0.35),_0px_10px_20px_-15px_rgba(22,_23,_24,_0.2)] \n  [animation-duration:_400ms] [animation-timing-function:_cubic-bezier(0.16,_1,_0.3,_1)]", {
     variants: {

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

@@ -25,10 +25,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../utils/utils';
-import { blackText, menuItemAppearanceStyle, radiusVariants, scalingVariants } from '../../constants';
+import { cn } from '../../../lib/utils/utils';
+import { blackText, menuItemAppearanceStyle, radiusVariants, scalingVariants } from '../../../lib/constants';
 import { useMenubarContext } from './MenubarRoot';
-import { MAIN_COLOR } from '../../color/constants';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 export var menubarItemVariants = cva("flex group relative leading-none select-none outline-none items-center justify-between font-normal\n    data-[disabled]:text-slate-8 data-[disabled]:cursor-not-allowed text-slate-12 dark:text-slateDark-12\n    data-[disabled]:hover:bg-transparent dark:data-[disabled]:text-slateDark-8 data-[disabled]:dark:hover:bg-transparent", {
     variants: {
         radius: __assign({}, radiusVariants['menu-item']),

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

@@ -24,9 +24,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
-import { cn } from '../../utils/utils';
+import { cn } from '../../../lib/utils/utils';
 import { cva } from 'class-variance-authority';
-import { radiusVariants } from '../../constants';
+import { radiusVariants } from '../../../lib/constants';
 import { useMenubarContext } from './MenubarRoot';
 export var menubarItemIndicatorVariants = cva("absolute left-0 inline-flex items-center justify-center ml-1 border", {
     variants: {

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

@@ -25,13 +25,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useContext } from 'react';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import { DotFilledIcon } from '@radix-ui/react-icons';
-import { cn } from '../../utils/utils';
-import { menuItemAppearanceStyle } from '../../constants';
+import { cn } from '../../../lib/utils/utils';
+import { menuItemAppearanceStyle } from '../../../lib/constants';
 import { menubarItemVariants } from './MenubarItem';
 import { MenubarItemIndicator } from './MenubarItemIndicator';
 import { RadioContext } from './MenubarRadioGroup';
 import { useMenubarContext } from './MenubarRoot';
-import { MAIN_COLOR } from '../../color/constants';
+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 ? MAIN_COLOR : _c, _d = _b.itemAppearance, itemAppearance = _d === void 0 ? 'solid' : _d;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import { VariantProps } from 'class-variance-authority';
-import { IColor } from '../../types';
+import { IColor } from '../../../lib/types';
 import { menubarTriggerVariants } from './MenubarTrigger';
 import { menubarItemVariants } from './MenubarItem';
 export interface MenubarProps extends VariantProps<typeof menubarVariants>, VariantProps<typeof menubarTriggerVariants>, VariantProps<typeof menubarItemVariants> {

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

@@ -25,10 +25,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, forwardRef, useContext, } from 'react';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../utils/utils';
-import { radiusVariants, scalingVariants } from '../../constants';
-import { useTheme } from '../../theme';
-import { MAIN_COLOR } from '../../color/constants';
+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']),

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

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
-import { cn } from '../../utils/utils';
+import { cn } from '../../../lib/utils/utils';
 export var MenubarSeparator = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
     return (_jsx(MenubarPrimitive.Separator, __assign({ ref: ref, className: cn('h-[1px] m-[5px] bg-slate-6 dark:bg-slateDark-6', className) }, props, { children: children })));

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

@@ -25,8 +25,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../utils/utils';
-import { radiusVariants } from '../../constants';
+import { cn } from '../../../lib/utils/utils';
+import { radiusVariants } from '../../../lib/constants';
 import { useMenubarContext } from './MenubarRoot';
 export 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)]", {
     variants: {

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

@@ -25,11 +25,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import { ChevronRightIcon } from '@radix-ui/react-icons';
-import { cn } from '../../utils/utils';
-import { blackText, menuItemAppearanceStyle } from '../../constants';
+import { cn } from '../../../lib/utils/utils';
+import { blackText, menuItemAppearanceStyle } from '../../../lib/constants';
 import { menubarItemVariants } from './MenubarItem';
 import { useMenubarContext } from './MenubarRoot';
-import { MAIN_COLOR } from '../../color/constants';
+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 ? MAIN_COLOR : _c, _d = _b.itemAppearance, itemAppearance = _d === void 0 ? 'solid' : _d;

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

@@ -25,8 +25,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../utils/utils';
-import { appearanceStyle, scalingVariants } from '../../constants';
+import { cn } from '../../../lib/utils/utils';
+import { appearanceStyle, scalingVariants } from '../../../lib/constants';
 import { useMenubarContext } from './MenubarRoot';
 export 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", {
     variants: {

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

@@ -24,9 +24,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
-import { cn } from '../../utils/utils';
+import { cn } from '../../../lib/utils/utils';
 import { cva } from 'class-variance-authority';
-import { radiusVariants } from '../../constants';
+import { radiusVariants } from '../../../lib/constants';
 import { useNavigationMenuContext } from './NavigationMenuRoot';
 export var navigationMenuContentVariants = cva("text-slate-12 dark:text-slateDark-12 bg-white dark:bg-slateDark-1 p-2 cursor-pointer", {
     variants: {