@lotte-innovate/ui-component-test 0.2.51 → 0.2.53

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

@@ -0,0 +1,33 @@
+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 { Flex as FlexTheme, Theme } from '@radix-ui/themes';
+import { useTheme } from '../../../lib/theme';
+export var Flex = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    var theme = useTheme().theme;
+    return (_jsx(Theme, { children: _jsx(FlexTheme, __assign({ ref: ref, className: className }, props, { children: children })) }));
+});
+Flex.displayName = 'Flex';
+export default Flex;

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, className: cn(FooterVariants(contextValue), className) }, props, { children: _jsx("p", { className: "text-center leading-loose", children: children }) })));
+});
+Footer.displayName = 'Footer';
+export default Footer;

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

@@ -0,0 +1,3 @@
+"use client";
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{cva as t}from"class-variance-authority";import{scalingVariants as o,textColorStyle as l}from"../../constants.mjs";import{cn as a}from"../../utils/utils.mjs";import{useTheme as n}from"../../theme/ThemeProvider.mjs";var i=function(){return i=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var l in r=arguments[t])Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l]);return e},i.apply(this,arguments)},s=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)r.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(t[o[l]]=e[o[l]])}return t},c=t("py-3 px-8 container flex flex-col items-center justify-between gap-4 ",{variants:{scaling:i({},o),size:{small:"text-xs",medium:"text-sm",large:"text-base"},color:l()},defaultVariants:{scaling:"100%",size:"medium",color:"black"}}),m=r((function(r,t){var o=r.className,l=r.children,m=r.scaling,p=r.size,f=r.color,u=s(r,["className","children","scaling","size","color"]),y=n().theme,h={scaling:null!=m?m:y.themeScaling,color:null!=f?f:y.themeColor,size:p};return e("footer",i({ref:t,className:a(c(h),o)},u,{children:e("p",{className:"text-center leading-loose",children:l})}))}));m.displayName="Footer";export{m as Footer,c as FooterVariants,m as default};
+//# sourceMappingURL=index.mjs.map

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

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

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/GnbInfo.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useContext as r}from"react";import{cva as n}from"class-variance-authority";import{GnbContext as a}from"./GnbRoot.mjs";import{cn as i}from"../../utils/utils.mjs";var o=function(){return o=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},o.apply(this,arguments)},s=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r},l=n("flex flex-1 items-center justify-end space-x-2",{variants:{size:{small:"text-xs",medium:"text-sm",large:"text-base"}},defaultVariants:{size:"medium"}}),c=t((function(t,n){var c=t.children,m=t.className,f=s(t,["children","className"]),p=r(a).size;return e("div",o({className:i(l({size:p}),m),ref:n},f,{children:e("nav",{className:"flex items-center",children:c})}))}));c.displayName="Gnb.Info";export{c as GnbInfo};
+//# sourceMappingURL=GnbInfo.mjs.map

package/dist/lib/components/Gnb/GnbInfo.mjs.map

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface GnbLogoProps extends VariantProps<typeof gnbLogoVariants> {
+    href?: string;
+}
+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, href = _a.href, props = __rest(_a, ["children", "className", "href"]);
+    var size = useContext(GnbContext).size;
+    return (_jsx("a", __assign({ href: 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/GnbLogo.mjs

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useContext as t}from"react";import{cva as a}from"class-variance-authority";import{GnbContext as o}from"./GnbRoot.mjs";import{cn as n}from"../../utils/utils.mjs";import"../../Typography/Header/index.mjs";import i from"../../Typography/Text/index.mjs";var s=function(){return s=Object.assign||function(r){for(var e,t=1,a=arguments.length;t<a;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o]);return r},s.apply(this,arguments)},l=function(r,e){var t={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(t[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(r);o<a.length;o++)e.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(r,a[o])&&(t[a[o]]=r[a[o]])}return t},p=a("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"}}),m=e((function(e,a){var m=e.children,c=e.className,f=e.href,x=l(e,["children","className","href"]),u=t(o).size;return r("a",s({href:f,className:n(p({size:u}),c)},x,{children:null!=m?m:r(i,{children:"LOGO 영역"})}))}));m.displayName="Gnb.Logo";export{m as GnbLogo};
+//# sourceMappingURL=GnbLogo.mjs.map

package/dist/lib/components/Gnb/GnbLogo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GnbLogo.mjs","sources":["../../../lib/components/Gnb/GnbLogo.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useContext } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { GnbContext } from './GnbRoot';\nimport { cn } from '../../../lib/utils/utils';\nimport { Text } from '../../../lib/Typography';\nvar gnbLogoVariants = cva('mr-4 flex items-center space-x-2 lg:mr-6 text-slate-12 dark:text-slateDark-12', {\n    variants: {\n        size: {\n            small: 'text-xs w-[140px] h-[15px]',\n            medium: 'text-sm w-[150px] h-[20px]',\n            large: 'text-base w-[160px] h-[25px]',\n        },\n    },\n    defaultVariants: {\n        size: 'medium',\n    },\n});\nexport var GnbLogo = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, href = _a.href, props = __rest(_a, [\"children\", \"className\", \"href\"]);\n    var size = useContext(GnbContext).size;\n    return (_jsx(\"a\", __assign({ href: href, className: cn(gnbLogoVariants({ size: size }), className) }, props, { children: children !== null && children !== void 0 ? children : _jsx(Text, { children: \"LOGO \\uC601\\uC5ED\" }) })));\n});\nGnbLogo.displayName = 'Gnb.Logo';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","gnbLogoVariants","cva","variants","size","small","medium","large","defaultVariants","GnbLogo","forwardRef","_a","ref","children","className","href","props","useContext","GnbContext","_jsx","cn","Text","displayName"],"mappings":"yTAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAOIiB,EAAkBC,EAAI,gFAAiF,CACvGC,SAAU,CACNC,KAAM,CACFC,MAAO,6BACPC,OAAQ,6BACRC,MAAO,iCAGfC,gBAAiB,CACbJ,KAAM,YAGHK,EAAUC,GAAW,SAAUC,EAAIC,GAC1C,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWC,EAAOJ,EAAGI,KAAMC,EAAQpB,EAAOe,EAAI,CAAC,WAAY,YAAa,SAC/GP,EAAOa,EAAWC,GAAYd,KAClC,OAAQe,EAAK,IAAKtC,EAAS,CAAEkC,KAAMA,EAAMD,UAAWM,EAAGnB,EAAgB,CAAEG,KAAMA,IAASU,IAAcE,EAAO,CAAEH,SAAUA,QAA2CA,EAAWM,EAAKE,EAAM,CAAER,SAAU,cAC1M,IACAJ,EAAQa,YAAc"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface GnbMenuProps extends VariantProps<typeof gnbMenuVariants> {
+}
+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,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 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, props = __rest(_a, ["children", "className"]);
+    var size = useContext(GnbContext).size;
+    return (_jsx("div", __assign({ className: cn(gnbMenuVariants({ size: size }), className) }, props, { children: _jsx("nav", { className: "flex items-center gap-4 lg:gap-6", children: children }) })));
+});
+GnbMenu.displayName = 'Gnb.Menu';

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

@@ -0,0 +1,3 @@
+"use client";
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r,useContext as t}from"react";import{cva as a}from"class-variance-authority";import{GnbContext as n}from"./GnbRoot.mjs";import{cn as i}from"../../utils/utils.mjs";var o=function(){return o=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},o.apply(this,arguments)},s=function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)r.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(t[a[n]]=e[a[n]])}return t},l=a("mr-4 hidden md:flex",{variants:{size:{small:"text-xs",medium:"text-sm",large:"text-base"}},defaultVariants:{size:"medium"}}),m=r((function(r,a){var m=r.children,c=r.className,p=s(r,["children","className"]),f=t(n).size;return e("div",o({className:i(l({size:f}),c)},p,{children:e("nav",{className:"flex items-center gap-4 lg:gap-6",children:m})}))}));m.displayName="Gnb.Menu";export{m as GnbMenu};
+//# sourceMappingURL=GnbMenu.mjs.map

package/dist/lib/components/Gnb/GnbMenu.mjs.map

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

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

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

package/dist/lib/components/Gnb/GnbMenuItem.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 gnbMenuItemVariants = cva('hover:text-slate-11 dark:hover:text-slateDark-11 cursor-pointer', {
+    variants: {
+        size: {
+            small: 'text-xs',
+            medium: 'text-sm',
+            large: 'text-base',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+    },
+});
+export var GnbMenuItem = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, href = _a.href, active = _a.active, props = __rest(_a, ["children", "className", "href", "active"]);
+    var size = useContext(GnbContext).size;
+    return (_jsx("a", __assign({ href: href, className: cn(gnbMenuItemVariants({ size: size }), active ? 'text-slate-12 dark:text-slateDark-12' : 'text-slate-10 dark:text-slateDark-10', className) }, props, { children: children })));
+});
+GnbMenuItem.displayName = 'Gnb.GnbMenuItem';

package/dist/lib/components/Gnb/GnbMenuItem.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as e,useContext as r}from"react";import{cva as a}from"class-variance-authority";import{GnbContext as o}from"./GnbRoot.mjs";import{cn as n}from"../../utils/utils.mjs";var s=function(){return s=Object.assign||function(t){for(var e,r=1,a=arguments.length;r<a;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},s.apply(this,arguments)},i=function(t,e){var r={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&e.indexOf(a)<0&&(r[a]=t[a]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(t);o<a.length;o++)e.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(t,a[o])&&(r[a[o]]=t[a[o]])}return r},l=a("hover:text-slate-11 dark:hover:text-slateDark-11 cursor-pointer",{variants:{size:{small:"text-xs",medium:"text-sm",large:"text-base"}},defaultVariants:{size:"medium"}}),c=e((function(e,a){var c=e.children,m=e.className,p=e.href,f=e.active,u=i(e,["children","className","href","active"]),h=r(o).size;return t("a",s({href:p,className:n(l({size:h}),f?"text-slate-12 dark:text-slateDark-12":"text-slate-10 dark:text-slateDark-10",m)},u,{children:c}))}));c.displayName="Gnb.GnbMenuItem";export{c as GnbMenuItem};
+//# sourceMappingURL=GnbMenuItem.mjs.map

package/dist/lib/components/Gnb/GnbMenuItem.mjs.map

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

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/GnbRoot.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{jsx as e}from"react/jsx-runtime";import{createContext as r,forwardRef as t}from"react";import{cva as i}from"class-variance-authority";import{scalingVariants as a}from"../../constants.mjs";import{cn as n}from"../../utils/utils.mjs";import{useTheme as o}from"../../theme/ThemeProvider.mjs";var s=function(){return s=Object.assign||function(e){for(var r,t=1,i=arguments.length;t<i;t++)for(var a in r=arguments[t])Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);return e},s.apply(this,arguments)},l=function(e,r){var t={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&r.indexOf(i)<0&&(t[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(e);a<i.length;a++)r.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(e,i[a])&&(t[i[a]]=e[i[a]])}return t},m=i("sticky top-0 z-50 w-full px-8 backdrop-blur flex items-center",{variants:{scaling:s({},a),size:{small:"text-xs h-12",medium:"text-sm h-14",large:"text-base h-16"}},defaultVariants:{scaling:"100%",size:"medium"}}),c=r({size:"medium"}),p=t((function(r,t){var i=r.children,a=r.className,p=r.size,f=r.scaling,u=l(r,["children","className","size","scaling"]),h=o().theme,d={size:p,scaling:null!=f?f:h.themeScaling};return e(c.Provider,{value:d,children:e("header",s({className:n(m(d),a),ref:t},u,{children:i}))})}));p.displayName="Gnb.Root";export{p as Gnb,c as GnbContext};
+//# sourceMappingURL=GnbRoot.mjs.map

package/dist/lib/components/Gnb/GnbRoot.mjs.map

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

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

@@ -0,0 +1,9 @@
+/// <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>>;
+    MenuItem: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("./GnbMenuItem").GnbMenuItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
+    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,13 @@
+import { Gnb as Root } from './GnbRoot';
+import { GnbLogo as Logo } from './GnbLogo';
+import { GnbMenu as Menu } from './GnbMenu';
+import { GnbMenuItem as MenuItem } from './GnbMenuItem';
+import { GnbInfo as Info } from './GnbInfo';
+var Gnb = {
+    Root: Root,
+    Logo: Logo,
+    Menu: Menu,
+    MenuItem: MenuItem,
+    Info: Info,
+};
+export default Gnb;

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

@@ -0,0 +1,2 @@
+import{Gnb as o}from"./GnbRoot.mjs";import{GnbLogo as m}from"./GnbLogo.mjs";import{GnbMenu as n}from"./GnbMenu.mjs";import{GnbMenuItem as r}from"./GnbMenuItem.mjs";import{GnbInfo as t}from"./GnbInfo.mjs";var e={Root:o,Logo:m,Menu:n,MenuItem:r,Info:t};export{e as default};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/Gnb/index.js"],"sourcesContent":["import { Gnb as Root } from './GnbRoot';\nimport { GnbLogo as Logo } from './GnbLogo';\nimport { GnbMenu as Menu } from './GnbMenu';\nimport { GnbMenuItem as MenuItem } from './GnbMenuItem';\nimport { GnbInfo as Info } from './GnbInfo';\nvar Gnb = {\n    Root: Root,\n    Logo: Logo,\n    Menu: Menu,\n    MenuItem: MenuItem,\n    Info: Info,\n};\nexport default Gnb;\n"],"names":["Gnb","Root","Logo","Menu","MenuItem","Info"],"mappings":"4MAKG,IAACA,EAAM,CACNC,KAAMA,EACNC,KAAMA,EACNC,KAAMA,EACNC,SAAUA,EACVC,KAAMA"}

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

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

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

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import IconButton from '../IconButton';
+import { ChevronLeftIcon, ChevronRightIcon, DoubleArrowLeftIcon, DoubleArrowRightIcon, } from '@radix-ui/react-icons';
+import Select from '../Select';
+import { MAIN_COLOR } from '../../../lib/color/constants';
+import Button from '../Button';
+import TextField from '../TextField';
+import Text from '../../Typography/Text';
+function NumberingPagination(_a) {
+    var _b;
+    var table = _a.table;
+    var _c = useState(0), inputPage = _c[0], setInputPage = _c[1];
+    var color = (_b = table.options.color) !== null && _b !== void 0 ? _b : MAIN_COLOR;
+    var renderPageNumbers = function () {
+        var pageNumbers = [];
+        var currentInx = table.getState().pagination.pageIndex;
+        var _loop_1 = function (i) {
+            pageNumbers.push(_jsx(Button, { appearance: "ghost", onClick: function () { return table.setPageIndex(i); }, color: table.getState().pagination.pageIndex === i ? color : 'slate', children: i + 1 }, i));
+        };
+        for (var i = 0; i < table.getPageCount(); i++) {
+            _loop_1(i);
+        }
+        if (pageNumbers.length > 10) {
+            if (currentInx - 3 > 0 && currentInx + 3 < table.getPageCount()) {
+                pageNumbers = pageNumbers.slice(currentInx - 2, currentInx + 3);
+                pageNumbers.unshift(_jsx(Button, { appearance: "ghost", onClick: function () { return table.setPageIndex(0); }, color: table.getState().pagination.pageIndex === 0 ? color : 'slate', children: 1 }, 0), _jsx(Button, { appearance: "ghost", disabled: true, children: "..." }));
+                pageNumbers.push(_jsx(Button, { appearance: "ghost", disabled: true, children: "..." }), _jsx(Button, { appearance: "ghost", onClick: function () { return table.setPageIndex(table.getPageCount() - 1); }, color: table.getState().pagination.pageIndex === table.getPageCount() - 1 ? color : 'slate', children: table.getPageCount() }, table.getPageCount() - 1));
+            }
+            else if (currentInx - 3 <= 0) {
+                pageNumbers = pageNumbers.slice(0, 7);
+                pageNumbers.push(_jsx(Button, { appearance: "ghost", disabled: true, children: "..." }), _jsx(Button, { appearance: "ghost", onClick: function () { return table.setPageIndex(table.getPageCount() - 1); }, color: table.getState().pagination.pageIndex === table.getPageCount() - 1 ? color : 'slate', children: table.getPageCount() }, table.getPageCount() - 1));
+            }
+            else {
+                pageNumbers = pageNumbers.slice(table.getPageCount() - 7, table.getPageCount());
+                pageNumbers.unshift(_jsx(Button, { appearance: "ghost", onClick: function () { return table.setPageIndex(0); }, color: table.getState().pagination.pageIndex === 0 ? color : 'slate', children: 1 }, 0), _jsx(Button, { appearance: "ghost", disabled: true, children: "..." }));
+            }
+        }
+        return pageNumbers;
+    };
+    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-center gap-2", children: [_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, 50, 100].map(function (pageSize) { return (_jsx(Select.Item, { value: String(pageSize), children: pageSize }, pageSize)); }) })] }), _jsxs("div", { className: "flex 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("div", { children: renderPageNumbers() }), _jsxs("div", { className: "flex gap-2", children: [_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("div", { className: "mt-4 flex items-center justify-center gap-2", children: [_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;
+                            setInputPage(page);
+                        }, className: "w-[50px] rounded border" }), _jsxs(Text, { children: ["/ ", table.getPageCount()] }), _jsx(Button, { onClick: function () { return table.setPageIndex(inputPage); }, children: "\uC774\uB3D9" })] })] }));
+}
+export default NumberingPagination;

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

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n}from"react";import{IconButton as a}from"../IconButton/index.mjs";import{DoubleArrowLeftIcon as r,ChevronLeftIcon as o,ChevronRightIcon as i,DoubleArrowRightIcon as g}from"@radix-ui/react-icons";import c from"../Select/index.mjs";import{MAIN_COLOR as l}from"../../color/constants.mjs";import{Button as d}from"../Button/index.mjs";import s from"../TextField/index.mjs";import u from"../../Typography/Text/index.mjs";function p(p){var m,h=p.table,f=n(0),x=f[0],C=f[1],P=null!==(m=h.options.color)&&void 0!==m?m:l;return e("div",{children:[e("div",{className:"flex items-center justify-center gap-2",children:[e(c.Root,{color:P,value:String(h.getState().pagination.pageSize),defaultValue:String(h.getState().pagination.pageSize),onValueChange:function(e){h.setPageSize(Number(e))},children:[t(c.Trigger,{}),t(c.Content,{children:[10,20,30,50,100].map((function(e){return t(c.Item,{value:String(e),children:e},e)}))})]}),e("div",{className:"flex gap-2",children:[t(a,{className:"rounded border p-1",color:P,onClick:function(){return h.firstPage()},disabled:!h.getCanPreviousPage(),children:t(r,{})}),t(a,{className:"rounded border p-1",color:P,onClick:function(){return h.previousPage()},disabled:!h.getCanPreviousPage(),children:t(o,{})})]}),t("div",{children:function(){for(var e=[],n=h.getState().pagination.pageIndex,a=function(n){e.push(t(d,{appearance:"ghost",onClick:function(){return h.setPageIndex(n)},color:h.getState().pagination.pageIndex===n?P:"slate",children:n+1},n))},r=0;r<h.getPageCount();r++)a(r);return e.length>10&&(n-3>0&&n+3<h.getPageCount()?((e=e.slice(n-2,n+3)).unshift(t(d,{appearance:"ghost",onClick:function(){return h.setPageIndex(0)},color:0===h.getState().pagination.pageIndex?P:"slate",children:1},0),t(d,{appearance:"ghost",disabled:!0,children:"..."})),e.push(t(d,{appearance:"ghost",disabled:!0,children:"..."}),t(d,{appearance:"ghost",onClick:function(){return h.setPageIndex(h.getPageCount()-1)},color:h.getState().pagination.pageIndex===h.getPageCount()-1?P:"slate",children:h.getPageCount()},h.getPageCount()-1))):n-3<=0?(e=e.slice(0,7)).push(t(d,{appearance:"ghost",disabled:!0,children:"..."}),t(d,{appearance:"ghost",onClick:function(){return h.setPageIndex(h.getPageCount()-1)},color:h.getState().pagination.pageIndex===h.getPageCount()-1?P:"slate",children:h.getPageCount()},h.getPageCount()-1)):(e=e.slice(h.getPageCount()-7,h.getPageCount())).unshift(t(d,{appearance:"ghost",onClick:function(){return h.setPageIndex(0)},color:0===h.getState().pagination.pageIndex?P:"slate",children:1},0),t(d,{appearance:"ghost",disabled:!0,children:"..."}))),e}()}),e("div",{className:"flex gap-2",children:[t(a,{className:"rounded border p-1",color:P,onClick:function(){return h.nextPage()},disabled:!h.getCanNextPage(),children:t(i,{})}),t(a,{className:"rounded border p-1",color:P,onClick:function(){return h.lastPage()},disabled:!h.getCanNextPage(),children:t(g,{})})]})]}),e("div",{className:"mt-4 flex items-center justify-center gap-2",children:[t(s.Root,{type:"number",color:P,min:"1",max:h.getPageCount(),defaultValue:h.getState().pagination.pageIndex+1,onChange:function(e){var t=e.target.value?Number(e.target.value)-1:0;C(t)},className:"w-[50px] rounded border"}),e(u,{children:["/ ",h.getPageCount()]}),t(d,{onClick:function(){return h.setPageIndex(x)},children:"이동"})]})]})}export{p as default};
+//# sourceMappingURL=NumberingPagination.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberingPagination.mjs","sources":["../../../lib/components/Grid/NumberingPagination.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState } from 'react';\nimport IconButton from '../IconButton';\nimport { ChevronLeftIcon, ChevronRightIcon, DoubleArrowLeftIcon, DoubleArrowRightIcon, } from '@radix-ui/react-icons';\nimport Select from '../Select';\nimport { MAIN_COLOR } from '../../../lib/color/constants';\nimport Button from '../Button';\nimport TextField from '../TextField';\nimport Text from '../../Typography/Text';\nfunction NumberingPagination(_a) {\n    var _b;\n    var table = _a.table;\n    var _c = useState(0), inputPage = _c[0], setInputPage = _c[1];\n    var color = (_b = table.options.color) !== null && _b !== void 0 ? _b : MAIN_COLOR;\n    var renderPageNumbers = function () {\n        var pageNumbers = [];\n        var currentInx = table.getState().pagination.pageIndex;\n        var _loop_1 = function (i) {\n            pageNumbers.push(_jsx(Button, { appearance: \"ghost\", onClick: function () { return table.setPageIndex(i); }, color: table.getState().pagination.pageIndex === i ? color : 'slate', children: i + 1 }, i));\n        };\n        for (var i = 0; i < table.getPageCount(); i++) {\n            _loop_1(i);\n        }\n        if (pageNumbers.length > 10) {\n            if (currentInx - 3 > 0 && currentInx + 3 < table.getPageCount()) {\n                pageNumbers = pageNumbers.slice(currentInx - 2, currentInx + 3);\n                pageNumbers.unshift(_jsx(Button, { appearance: \"ghost\", onClick: function () { return table.setPageIndex(0); }, color: table.getState().pagination.pageIndex === 0 ? color : 'slate', children: 1 }, 0), _jsx(Button, { appearance: \"ghost\", disabled: true, children: \"...\" }));\n                pageNumbers.push(_jsx(Button, { appearance: \"ghost\", disabled: true, children: \"...\" }), _jsx(Button, { appearance: \"ghost\", onClick: function () { return table.setPageIndex(table.getPageCount() - 1); }, color: table.getState().pagination.pageIndex === table.getPageCount() - 1 ? color : 'slate', children: table.getPageCount() }, table.getPageCount() - 1));\n            }\n            else if (currentInx - 3 <= 0) {\n                pageNumbers = pageNumbers.slice(0, 7);\n                pageNumbers.push(_jsx(Button, { appearance: \"ghost\", disabled: true, children: \"...\" }), _jsx(Button, { appearance: \"ghost\", onClick: function () { return table.setPageIndex(table.getPageCount() - 1); }, color: table.getState().pagination.pageIndex === table.getPageCount() - 1 ? color : 'slate', children: table.getPageCount() }, table.getPageCount() - 1));\n            }\n            else {\n                pageNumbers = pageNumbers.slice(table.getPageCount() - 7, table.getPageCount());\n                pageNumbers.unshift(_jsx(Button, { appearance: \"ghost\", onClick: function () { return table.setPageIndex(0); }, color: table.getState().pagination.pageIndex === 0 ? color : 'slate', children: 1 }, 0), _jsx(Button, { appearance: \"ghost\", disabled: true, children: \"...\" }));\n            }\n        }\n        return pageNumbers;\n    };\n    return (_jsxs(\"div\", { children: [_jsxs(\"div\", { className: \"flex items-center justify-center gap-2\", children: [_jsxs(Select.Root, { color: color, value: String(table.getState().pagination.pageSize), defaultValue: String(table.getState().pagination.pageSize), onValueChange: function (e) {\n                            table.setPageSize(Number(e));\n                        }, children: [_jsx(Select.Trigger, {}), _jsx(Select.Content, { children: [10, 20, 30, 50, 100].map(function (pageSize) { return (_jsx(Select.Item, { value: String(pageSize), children: pageSize }, pageSize)); }) })] }), _jsxs(\"div\", { className: \"flex 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(\"div\", { children: renderPageNumbers() }), _jsxs(\"div\", { className: \"flex gap-2\", children: [_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(\"div\", { className: \"mt-4 flex items-center justify-center gap-2\", children: [_jsx(TextField.Root, { type: \"number\", color: color, min: \"1\", max: table.getPageCount(), defaultValue: table.getState().pagination.pageIndex + 1, onChange: function (e) {\n                            var page = e.target.value ? Number(e.target.value) - 1 : 0;\n                            setInputPage(page);\n                        }, className: \"w-[50px] rounded border\" }), _jsxs(Text, { children: [\"/ \", table.getPageCount()] }), _jsx(Button, { onClick: function () { return table.setPageIndex(inputPage); }, children: \"\\uC774\\uB3D9\" })] })] }));\n}\nexport default NumberingPagination;\n"],"names":["NumberingPagination","_a","_b","table","_c","useState","inputPage","setInputPage","color","options","MAIN_COLOR","_jsxs","children","className","Select","Root","value","String","getState","pagination","pageSize","defaultValue","onValueChange","e","setPageSize","Number","_jsx","Trigger","Content","map","Item","IconButton","onClick","firstPage","disabled","getCanPreviousPage","DoubleArrowLeftIcon","previousPage","ChevronLeftIcon","pageNumbers","currentInx","pageIndex","_loop_1","i","push","Button","appearance","setPageIndex","getPageCount","length","slice","unshift","renderPageNumbers","nextPage","getCanNextPage","ChevronRightIcon","lastPage","DoubleArrowRightIcon","TextField","type","min","max","onChange","page","target","Text"],"mappings":"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"}

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;