@lotte-innovate/ui-component-test 0.1.95 → 0.1.97

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

@@ -1,3 +1,4 @@
+'use client';
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -27,6 +28,7 @@ import { cva } from 'class-variance-authority';
 import { menuItemAppearanceStyle, scalingVariants, radiusVariants, blackText } from '../../../lib/constants';
 import { DropdownMenuContext } from './DropdownMenuRoot';
 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']),
@@ -44,7 +46,7 @@ export var dropdownMenuItemVariants = cva("flex gap-2 group relative leading-non
 });
 export var DropdownMenuItem = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, shortcut = _a.shortcut, props = __rest(_a, ["className", "children", "shortcut"]);
-    var _b = useContext(DropdownMenuContext), size = _b.size, radius = _b.radius, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.appearance, appearance = _d === void 0 ? 'solid' : _d;
+    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;
     var itemClassName = cn(menuItemAppearanceStyle(appearance, color), dropdownMenuItemVariants({
         radius: radius,
         size: size,

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

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

package/dist/lib/components/DropdownMenu/DropdownMenuItemIndicator.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/DropdownMenu/DropdownMenuLable.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/DropdownMenu/DropdownMenuRadioItem.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++) {
@@ -31,7 +32,7 @@ import { DropdownMenuContext } from './DropdownMenuRoot';
 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, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.appearance, appearance = _d === void 0 ? 'solid' : _d;
+    var _b = useContext(DropdownMenuContext), radius = _b.radius, size = _b.size, color = _b.color, _c = _b.appearance, appearance = _c === void 0 ? 'solid' : _c;
     var itemClassName = cn(dropdownMenuItemVariants({
         radius: radius,
         size: size,

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

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

package/dist/lib/components/DropdownMenu/DropdownMenuSubTrigger.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 { ChevronRightIcon } from '@radix-ui/react-icons';
 import { blackText, menuItemAppearanceStyle } from '../../../lib/constants';
 import { DropdownMenuContext } from './DropdownMenuRoot';
 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 ? 'red' : _c, _d = _b.appearance, appearance = _d === void 0 ? 'solid' : _d;
+    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;
     var iconClassName = cn('group-data-[disabled]:text-slate-8 ', appearance === 'solid' && blackText.includes(color)
         ? 'hover:fill-slate-12 dark:hover:fill-slateDark-1'
         : "hover:fill-white dark:hover:fill-slateDark-12 ");

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

@@ -7,7 +7,7 @@ export interface DropdownMenuTriggerProps extends VariantProps<typeof dropdownMe
     appearance?: 'classic' | 'surface';
 }
 declare const dropdownMenuTriggerVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.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/DropdownMenu/index.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 declare const DropdownMenu: {
     Root: {
-        ({ children, radius, size, scaling, color, appearance, ...props }: import("react").ComponentPropsWithoutRef<import("react").FC<import("@radix-ui/react-dropdown-menu").DropdownMenuProps>> & import("./DropdownMenuRoot").DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, radius, size, scaling, color, appearance, ...props }: import("@radix-ui/react-dropdown-menu").DropdownMenuProps & import("./DropdownMenuRoot").DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./DropdownMenuTrigger").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { IAllProps } from '@tinymce/tinymce-react';
+import { VariantProps } from 'class-variance-authority';
+export interface EditorProps extends VariantProps<typeof editorVariants> {
+}
+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 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

@@ -0,0 +1,76 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Editor as EditorUI } from '@tinymce/tinymce-react';
+import { cva } from 'class-variance-authority';
+import { scalingVariants } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { marked } from 'marked';
+var editorVariants = cva('', {
+    variants: {
+        scaling: __assign({}, scalingVariants),
+        size: {
+            small: 'w-[500px] h-[350px]',
+            medium: 'w-[550px] h-[400px]',
+            large: 'w-[600px] h-[450px]',
+        },
+    },
+    defaultVariants: {
+        scaling: '100%',
+        size: 'medium',
+    },
+});
+export var Editor = forwardRef(function (_a, ref) {
+    var className = _a.className, size = _a.size, scaling = _a.scaling, props = __rest(_a, ["className", "size", "scaling"]);
+    return (_jsx("div", { ref: ref, className: cn(editorVariants({ size: size, scaling: scaling }), className), children: _jsx(EditorUI, __assign({ tinymceScriptSrc: "../../../lib/tinymce/tinymce.min.js", initialValue: "", init: {
+                height: '100%',
+                menubar: false,
+                plugins: ['advlist', 'autolink', 'lists', 'link', 'image', 'code', 'table', 'codesample'],
+                toolbar: 'undo redo | blocks | ' +
+                    'bold italic forecolor strikethrough | hr blockquote | ' +
+                    'bullist numlist outdent indent | ' +
+                    'table image link | codeformat codesample | markdown',
+                content_style: 'body { font-family:Noto Sans KR,sans-serif,Nunito Sans,Helvetica Neue,Helvetica; font-size:14px }',
+                setup: function (editor) {
+                    editor.ui.registry.addButton('markdown', {
+                        text: 'Markdown',
+                        onAction: function () {
+                            var content = editor.getContent({ format: 'text' });
+                            var html = marked(content);
+                            editor.setContent(html);
+                        },
+                    });
+                    editor.ui.registry.addButton('codeformat', {
+                        icon: 'sourcecode',
+                        tooltip: 'Inline code',
+                        onAction: function () {
+                            editor.formatter.toggle('code');
+                        },
+                    });
+                },
+            } }, props)) }));
+});
+Editor.displayName = 'Editor';
+export default Editor;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface FooterProps extends VariantProps<typeof FooterVariants> {
+}
+export declare const FooterVariants: (props?: ({
+    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+    color?: string | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const Footer: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & FooterProps & React.RefAttributes<HTMLElement>>;
+export default Footer;

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

@@ -0,0 +1,57 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+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),
+        size: {
+            small: 'text-xs',
+            medium: 'text-sm',
+            large: 'text-base',
+        },
+        color: textColorStyle(),
+    },
+    defaultVariants: {
+        scaling: '100%',
+        size: 'medium',
+        color: 'black',
+    },
+});
+export var Footer = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, color = _a.color, props = __rest(_a, ["className", "children", "scaling", "size", "color"]);
+    var theme = useTheme().theme;
+    var contextValue = {
+        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+        color: color !== null && color !== void 0 ? color : theme.themeColor,
+        size: size,
+    };
+    return (_jsx("footer", __assign({ ref: ref }, props, { children: _jsx("div", { className: cn(FooterVariants(contextValue), className), children: _jsx("p", { className: "text-center leading-loose", children: children }) }) })));
+});
+Footer.displayName = 'Footer';
+export default Footer;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface GnbInfoProps extends VariantProps<typeof gnbInfoVariants> {
+}
+declare const gnbInfoVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const GnbInfo: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & GnbInfoProps & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,46 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 '../../../lib/utils/utils';
+var gnbInfoVariants = cva('flex flex-1 items-center justify-end space-x-2', {
+    variants: {
+        size: {
+            small: 'text-xs',
+            medium: 'text-sm',
+            large: 'text-base',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+    },
+});
+export var GnbInfo = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    var size = useContext(GnbContext).size;
+    return (_jsx("div", __assign({ className: cn(gnbInfoVariants({ size: size }), className), ref: ref }, props, { children: _jsx("nav", { className: "flex items-center", children: children }) })));
+});
+GnbInfo.displayName = 'Gnb.Info';

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface GnbLogoProps extends VariantProps<typeof gnbLogoVariants> {
+}
+declare const gnbLogoVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const GnbLogo: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & GnbLogoProps & React.RefAttributes<HTMLAnchorElement>>;
+export {};

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

@@ -0,0 +1,46 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 '../../../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: {
+            small: 'text-xs w-[140px] h-[15px]',
+            medium: 'text-sm w-[150px] h-[20px]',
+            large: 'text-base w-[160px] h-[25px]',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+    },
+});
+export var GnbLogo = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    var size = useContext(GnbContext).size;
+    return (_jsx("a", __assign({ href: "/", className: cn(gnbLogoVariants({ size: size }), className) }, props, { children: children !== null && children !== void 0 ? children : _jsx(Text, { children: "LOGO \uC601\uC5ED" }) })));
+});
+GnbLogo.displayName = 'Gnb.Logo';

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { INavItem } from '../../../lib/types';
+export interface GnbMenuProps extends VariantProps<typeof gnbMenuVariants> {
+    menuList: INavItem[];
+}
+declare const gnbMenuVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const GnbMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & GnbMenuProps & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,49 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import { cva } from 'class-variance-authority';
+import { usePathname } from 'next/navigation';
+import { GnbContext } from './GnbRoot';
+import { cn } from '../../../lib/utils/utils';
+import Link from 'next/link';
+var gnbMenuVariants = cva('mr-4 hidden md:flex', {
+    variants: {
+        size: {
+            small: 'text-xs',
+            medium: 'text-sm',
+            large: 'text-base',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+    },
+});
+export var GnbMenu = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, menuList = _a.menuList, props = __rest(_a, ["children", "className", "menuList"]);
+    var size = useContext(GnbContext).size;
+    var pathname = usePathname();
+    return (_jsx("div", __assign({ className: cn(gnbMenuVariants({ size: size }), className) }, props, { children: _jsx("nav", { className: "flex items-center gap-4 lg:gap-6", children: menuList.map(function (menu, index) { return (_jsx(Link, { href: menu.href, className: cn('hover:text-slate-11', menu.href.startsWith(pathname) ? 'text-slate-12' : 'text-slate-10'), children: menu.title }, index)); }) }) })));
+});
+GnbMenu.displayName = 'Gnb.Menu';

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface GnbProps extends VariantProps<typeof GnbVariants> {
+}
+declare const GnbVariants: (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 GnbContext: React.Context<GnbProps>;
+export declare const Gnb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & GnbProps & React.RefAttributes<HTMLElement>>;
+export {};

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

@@ -0,0 +1,53 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, createContext } from 'react';
+import { cva } from 'class-variance-authority';
+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),
+        size: {
+            small: 'text-xs h-12',
+            medium: 'text-sm h-14',
+            large: 'text-base h-16',
+        },
+    },
+    defaultVariants: {
+        scaling: '100%',
+        size: 'medium',
+    },
+});
+export var GnbContext = createContext({
+    size: 'medium',
+});
+export var Gnb = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, size = _a.size, scaling = _a.scaling, props = __rest(_a, ["children", "className", "size", "scaling"]);
+    var theme = useTheme().theme;
+    var contextValue = { size: size, scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling };
+    return (_jsx(GnbContext.Provider, { value: contextValue, children: _jsx("header", __assign({ className: cn(GnbVariants(contextValue), className), ref: ref }, props, { children: children })) }));
+});
+Gnb.displayName = 'Gnb.Root';

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const Gnb: {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("./GnbRoot").GnbProps & import("react").RefAttributes<HTMLElement>>;
+    Logo: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("./GnbLogo").GnbLogoProps & import("react").RefAttributes<HTMLAnchorElement>>;
+    Menu: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("./GnbMenu").GnbMenuProps & import("react").RefAttributes<HTMLDivElement>>;
+    Info: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("./GnbInfo").GnbInfoProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default Gnb;

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

@@ -0,0 +1,11 @@
+import { Gnb as Root } from './GnbRoot';
+import { GnbLogo as Logo } from './GnbLogo';
+import { GnbMenu as Menu } from './GnbMenu';
+import { GnbInfo as Info } from './GnbInfo';
+var Gnb = {
+    Root: Root,
+    Logo: Logo,
+    Menu: Menu,
+    Info: Info,
+};
+export default Gnb;

package/dist/lib/components/Grid/Pagination.d.ts

@@ -0,0 +1,2 @@
+declare function Pagination({ table }: any): import("react/jsx-runtime").JSX.Element;
+export default Pagination;

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import IconButton from '../IconButton';
+import { ChevronLeftIcon, ChevronRightIcon, DoubleArrowLeftIcon, DoubleArrowRightIcon, } from '@radix-ui/react-icons';
+import TextField from '../TextField';
+import Select from '../Select';
+function Pagination(_a) {
+    var _b;
+    var table = _a.table;
+    var color = (_b = table.options.color) !== null && _b !== void 0 ? _b : 'red';
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(IconButton, { className: "rounded border p-1", color: color, onClick: function () { return table.firstPage(); }, disabled: !table.getCanPreviousPage(), children: _jsx(DoubleArrowLeftIcon, {}) }), _jsx(IconButton, { className: "rounded border p-1", color: color, onClick: function () { return table.previousPage(); }, disabled: !table.getCanPreviousPage(), children: _jsx(ChevronLeftIcon, {}) }), _jsx(IconButton, { className: "rounded border p-1", color: color, onClick: function () { return table.nextPage(); }, disabled: !table.getCanNextPage(), children: _jsx(ChevronRightIcon, {}) }), _jsx(IconButton, { className: "rounded border p-1", color: color, onClick: function () { return table.lastPage(); }, disabled: !table.getCanNextPage(), children: _jsx(DoubleArrowRightIcon, {}) }), _jsxs("span", { className: "flex items-center gap-1", children: [_jsx("div", { children: "Page" }), _jsxs("strong", { children: [table.getState().pagination.pageIndex + 1, " of ", table.getPageCount().toLocaleString()] })] }), _jsxs("span", { className: "flex items-center gap-1", children: ["| Go to page:", _jsx(TextField.Root, { type: "number", color: color, min: "1", max: table.getPageCount(), defaultValue: table.getState().pagination.pageIndex + 1, onChange: function (e) {
+                            var page = e.target.value ? Number(e.target.value) - 1 : 0;
+                            table.setPageIndex(page);
+                        }, className: "w-16 rounded border p-1" })] }), _jsxs(Select.Root, { color: color, value: String(table.getState().pagination.pageSize), defaultValue: String(table.getState().pagination.pageSize), onValueChange: function (e) {
+                    table.setPageSize(Number(e));
+                }, children: [_jsx(Select.Trigger, {}), _jsx(Select.Content, { children: [10, 20, 30, 40, 50].map(function (pageSize) { return (_jsx(Select.Item, { value: String(pageSize), children: pageSize }, pageSize)); }) })] })] }));
+}
+export default Pagination;

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

@@ -0,0 +1,4 @@
+declare function Grid({ table }: {
+    table: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default Grid;