@lotte-innovate/ui-component-test 0.1.113 → 0.1.115

package/dist/lib/components/DropdownMenu/DropdonMenuSubContent.js

@@ -25,9 +25,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useContext } from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { cva } from 'class-variance-authority';
-import { scalingVariants } from '../../constants';
+import { scalingVariants } from '../../../lib/constants';
 import { DropdownMenuContext } from './DropdownMenuRoot';
-import { cn } from '../../utils/utils';
+import { cn } from '../../../lib/utils/utils';
 export var dropdownMenuSubContentVariants = cva("p-[5px] 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: {

package/dist/lib/components/DropdownMenu/DropdownMenuCheckboxItem.js

@@ -24,12 +24,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useContext } from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { menuItemAppearanceStyle } from '../../constants';
+import { menuItemAppearanceStyle } from '../../../lib/constants';
 import { dropdownMenuItemVariants } from './DropdownMenuItem';
 import { DropdownMenuItemIndicator } from './DropdownMenuItemIndicator';
 import { CheckIcon } from '@radix-ui/react-icons';
 import { DropdownMenuContext } from './DropdownMenuRoot';
-import { cn } from '../../utils/utils';
+import { cn } from '../../../lib/utils/utils';
 export var DropdownMenuCheckboxItem = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, shortcut = _a.shortcut, checked = _a.checked, props = __rest(_a, ["className", "children", "shortcut", "checked"]);
     var _b = useContext(DropdownMenuContext), radius = _b.radius, size = _b.size, color = _b.color, _c = _b.appearance, appearance = _c === void 0 ? 'solid' : _c;

package/dist/lib/components/DropdownMenu/DropdownMenuContent.js

@@ -25,9 +25,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useContext } from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { cva } from 'class-variance-authority';
-import { scalingVariants } from '../../constants';
+import { scalingVariants } from '../../../lib/constants';
 import { DropdownMenuContext } from './DropdownMenuRoot';
-import { cn } from '../../utils/utils';
+import { cn } from '../../../lib/utils/utils';
 export var dropdownMenuContentVariants = cva("p-[5px] 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: {

package/dist/lib/components/DropdownMenu/DropdownMenuItem.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { VariantProps } from 'class-variance-authority';
-import { IColor } from '../../types';
+import { IColor } from '../../../lib/types';
 export interface DropdownMenuItemProps extends VariantProps<typeof dropdownMenuItemVariants> {
     color?: IColor;
     shortcut?: string;

package/dist/lib/components/DropdownMenu/DropdownMenuItem.js

@@ -25,10 +25,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useContext } from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { cva } from 'class-variance-authority';
-import { menuItemAppearanceStyle, scalingVariants, radiusVariants, blackText } from '../../constants';
+import { menuItemAppearanceStyle, scalingVariants, radiusVariants, blackText } from '../../../lib/constants';
 import { DropdownMenuContext } from './DropdownMenuRoot';
-import { cn } from '../../utils/utils';
-import { MAIN_COLOR } from '../../color/constants';
+import { cn } from '../../../lib/utils/utils';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 export var dropdownMenuItemVariants = cva("flex gap-2 group relative leading-none select-none outline-none items-center\n    data-[disabled]:text-slate-8 dark:data-[disabled]:text-slateDark-8 hover:data-[disabled]:bg-transparent dark:hover:data-[disabled]:bg-transparent text-slate-12 dark:text-slateDark-12", {
     variants: {
         radius: __assign({}, radiusVariants['menu-item']),

package/dist/lib/components/DropdownMenu/DropdownMenuItemIndicator.js

@@ -25,9 +25,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useContext } from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { cva } from 'class-variance-authority';
-import { radiusVariants } from '../../constants';
+import { radiusVariants } from '../../../lib/constants';
 import { DropdownMenuContext } from './DropdownMenuRoot';
-import { cn } from '../../utils/utils';
+import { cn } from '../../../lib/utils/utils';
 export var dropdownMenuItemIndicatorVariants = cva("inline-flex items-center justify-center border", {
     variants: {
         radius: __assign({}, radiusVariants['base']),

package/dist/lib/components/DropdownMenu/DropdownMenuLable.js

@@ -26,7 +26,7 @@ import { forwardRef, useContext } from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { cva } from 'class-variance-authority';
 import { DropdownMenuContext } from './DropdownMenuRoot';
-import { cn } from '../../utils/utils';
+import { cn } from '../../../lib/utils/utils';
 export var dropdownMenuLabelVariants = cva("flex relative leading-none select-none outline-none items-center font-normal text-slateA-11 dark:text-slateDarkA-11", {
     variants: {
         size: {

package/dist/lib/components/DropdownMenu/DropdownMenuRadioItem.js

@@ -26,10 +26,10 @@ import { forwardRef, useContext } from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { DropdownMenuItemIndicator } from './DropdownMenuItemIndicator';
 import { dropdownMenuItemVariants } from './DropdownMenuItem';
-import { menuItemAppearanceStyle } from '../../constants';
+import { menuItemAppearanceStyle } from '../../../lib/constants';
 import { DotFilledIcon } from '@radix-ui/react-icons';
 import { DropdownMenuContext } from './DropdownMenuRoot';
-import { cn } from '../../utils/utils';
+import { cn } from '../../../lib/utils/utils';
 export var DropdownMenuRadioItem = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, selectedValue = _a.selectedValue, props = __rest(_a, ["className", "children", "selectedValue"]);
     var _b = useContext(DropdownMenuContext), radius = _b.radius, size = _b.size, color = _b.color, _c = _b.appearance, appearance = _c === void 0 ? 'solid' : _c;

package/dist/lib/components/DropdownMenu/DropdownMenuRoot.d.ts

@@ -2,7 +2,7 @@ import React, { ComponentPropsWithoutRef } from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { VariantProps } from 'class-variance-authority';
 import { dropdownMenuContentVariants } from './DropdownMenuContent';
-import { IColor } from '../../types';
+import { IColor } from '../../../lib/types';
 export interface DropdownMenuProps extends VariantProps<typeof dropdownMenuContentVariants> {
     color?: IColor;
     appearance?: 'solid' | 'soft';

package/dist/lib/components/DropdownMenu/DropdownMenuRoot.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 * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { useTheme } from '../../theme';
-import { MAIN_COLOR } from '../../color/constants';
+import { useTheme } from '../../../lib/theme';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 export var DropdownMenuContext = createContext({
     radius: 'medium',
     size: 'medium',

package/dist/lib/components/DropdownMenu/DropdownMenuSeparator.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 DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { cn } from '../../utils/utils';
+import { cn } from '../../../lib/utils/utils';
 export var DropdownMenuSeparator = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, color = _a.color, props = __rest(_a, ["className", "children", "color"]);
     return (_jsx(DropdownMenuPrimitive.Separator, __assign({ ref: ref, className: cn('h-[1px] m-[5px] bg-slate-6 dark:bg-slateDark-6', className) }, props)));

package/dist/lib/components/DropdownMenu/DropdownMenuSubTrigger.js

@@ -26,10 +26,10 @@ import { forwardRef, useContext } from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { dropdownMenuItemVariants } from './DropdownMenuItem';
 import { ChevronRightIcon } from '@radix-ui/react-icons';
-import { blackText, menuItemAppearanceStyle } from '../../constants';
+import { blackText, menuItemAppearanceStyle } from '../../../lib/constants';
 import { DropdownMenuContext } from './DropdownMenuRoot';
-import { cn } from '../../utils/utils';
-import { MAIN_COLOR } from '../../color/constants';
+import { cn } from '../../../lib/utils/utils';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 export var DropdownMenuSubTrigger = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
     var _b = useContext(DropdownMenuContext), size = _b.size, radius = _b.radius, _c = _b.color, color = _c === void 0 ? MAIN_COLOR : _c, _d = _b.appearance, appearance = _d === void 0 ? 'solid' : _d;

package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { IColor } from '../../types';
+import { IColor } from '../../../lib/types';
 export interface DropdownMenuTriggerProps extends VariantProps<typeof dropdownMenuTriggerVariants> {
     color?: IColor;
     appearance?: 'classic' | 'surface';

package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.js

@@ -26,7 +26,7 @@ import { forwardRef, useContext } from 'react';
 import { cva } from 'class-variance-authority';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { DropdownMenuContext } from './DropdownMenuRoot';
-import { cn } from '../../utils/utils';
+import { cn } from '../../../lib/utils/utils';
 var dropdownMenuTriggerVariants = cva('', {
     variants: {
         radius: {

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

@@ -24,8 +24,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 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 */

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

@@ -1,26 +1,25 @@
 import React from 'react';
 import { IAllProps } from '@tinymce/tinymce-react';
 import { VariantProps } from 'class-variance-authority';
-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/codesample';
-import 'tinymce/plugins/link';
-import 'tinymce/plugins/lists';
-import 'tinymce/plugins/table';
-import 'tinymce/plugins/image';
+import '../../../../public/tinymce/icons/default';
+import '../../../../public/tinymce/themes/silver';
+import '../../../../public/tinymce/models/dom';
+import '../../../../public/tinymce/skins/ui/oxide/skin';
+import '../../../../public/tinymce/plugins/advlist';
+import '../../../../public/tinymce/plugins/code';
+import '../../../../public/tinymce/plugins/codesample';
+import '../../../../public/tinymce/plugins/link';
+import '../../../../public/tinymce/plugins/lists';
+import '../../../../public/tinymce/plugins/table';
+import '../../../../public/tinymce/plugins/image';
+import '../../../../public/tinymce/skins/content/default/content';
+import '../../../../public/tinymce/skins/ui/oxide/content';
 export interface EditorProps extends VariantProps<typeof editorVariants> {
-    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: ({ 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 declare const Editor: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & EditorProps & IAllProps & React.RefAttributes<HTMLDivElement>>;
 export default Editor;

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

@@ -22,28 +22,29 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useEffect, useRef, } from 'react';
+import { forwardRef } from 'react';
+import { Editor as EditorUI } from '@tinymce/tinymce-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';
+import tinymce from '../../../../public/tinymce';
 /* Default icons are required. After that, import custom icons if applicable */
-import 'tinymce/icons/default';
+import '../../../../public/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 'tinymce/skins/ui/oxide/skin.min.css';
+import '../../../../public/tinymce/themes/silver';
+import '../../../../public/tinymce/models/dom';
+import '../../../../public/tinymce/skins/ui/oxide/skin';
 /* 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';
+import '../../../../public/tinymce/plugins/advlist';
+import '../../../../public/tinymce/plugins/code';
+import '../../../../public/tinymce/plugins/codesample';
+import '../../../../public/tinymce/plugins/link';
+import '../../../../public/tinymce/plugins/lists';
+import '../../../../public/tinymce/plugins/table';
+import '../../../../public/tinymce/plugins/image';
+import '../../../../public/tinymce/skins/content/default/content';
+import '../../../../public/tinymce/skins/ui/oxide/content';
 var editorVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -97,41 +98,40 @@ export var initTinyMCE = function (_a) {
     });
 };
 export var Editor = forwardRef(function (_a, ref) {
-    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({ width: width, height: height, editorRef: editorRef });
-    }, []);
-    useEffect(function () {
-        if (!editorRef.current) {
-            console.log('여기들어옴');
-            initTinyMCE({ width: width, height: height, editorRef: editorRef });
-        }
-        else {
-            console.log('여기123', width, height);
-            var editor = tinymce.get(editorRef.current.id);
-            if (editor) {
-                editor.theme.resizeTo(width, height);
-            }
-        }
-        //   if (editor) {
-        //     editor.theme.resizeTo(width, height);
-        //   }
-    }, [width, height]);
-    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: editorRef, className: cn(editorVariants({ size: size, scaling: scaling })) }));
+    var className = _a.className, size = _a.size, scaling = _a.scaling, props = __rest(_a, ["className", "size", "scaling"]);
+    return (_jsx("div", { className: cn(editorVariants({ size: size, scaling: scaling }), className), ref: ref, children: _jsx(EditorUI, __assign({ init: {
+                width: '100%',
+                height: '100%',
+                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);
+                        },
+                    });
+                },
+            } }, props)) }));
 });
 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']),