@lotte-innovate/ui-component-test 0.2.79 → 0.2.81

package/dist/lib/components/Modal/ModalContent.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as a,useContext as t}from"react";import*as o from"@radix-ui/react-dialog";import{cva as n}from"class-variance-authority";import{scalingVariants as i}from"../../constants.mjs";import{ModalContext as l}from"./ModalRoot.mjs";import{cn as s}from"../../utils/utils.mjs";var d=function(){return d=Object.assign||function(e){for(var r,a=1,t=arguments.length;a<t;a++)for(var o in r=arguments[a])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},d.apply(this,arguments)},p=function(e,r){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(a[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)r.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(a[t[o]]=e[t[o]])}return a},m=n("fixed top-[50%] left-[50%] focus:outline-none\n  translate-x-[-50%] translate-y-[-50%] data-[state=open]:animate-contentShow bg-white dark:bg-slateDark-1 \n  shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px]",{variants:{radius:{none:"rounded-none",small:"rounded",medium:"rounded-lg",large:"rounded-xl",full:"rounded-xl"},size:{small:"w-[600px]",medium:"w-[800px]",large:"w-[1000px]","x-large":"w-[1200px]"},scaling:d({},i)},defaultVariants:{radius:"medium",size:"medium"}}),c=a((function(a,n){var i=a.children,c=a.className,u=a["aria-describedby"],f=p(a,["children","className","aria-describedby"]),x=t(l),y=x.radius,b=x.size,h=x.scaling;return e(o.Portal,{children:[r(o.Overlay,{style:{backgroundColor:"#00000066"},className:"fixed inset-0 data-[state=open]:animate-overlayShow"}),r(o.Content,d({ref:n,"aria-describedby":void 0!==u?u:void 0,className:s(m({radius:y,size:b,scaling:h}),c),style:{"--max-width":"1200px"}},f,{children:i}))]})}));c.displayName="Modal.Content";export{c as ModalContent,m as modalContentVariants};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useContext as t}from"react";import*as a from"@radix-ui/react-dialog";import{cva as o}from"class-variance-authority";import{scalingVariants as n}from"../../constants.mjs";import{ModalContext as i}from"./ModalRoot.mjs";import{cn as s}from"../../utils/utils.mjs";var l=function(){return l=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},l.apply(this,arguments)},d=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=o("fixed top-[50%] left-[50%] focus:outline-none\n  translate-x-[-50%] translate-y-[-50%] data-[state=open]:animate-contentShow bg-white dark:bg-slateDark-1 \n  shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px]",{variants:{radius:{none:"rounded-none",small:"rounded",medium:"rounded-lg",large:"rounded-xl",full:"rounded-xl"},size:{small:"w-[600px]",medium:"w-[800px]",large:"w-[1000px]","x-large":"w-[1200px]"},scaling:l({},n)},defaultVariants:{radius:"medium",size:"medium"}}),m=e((function(e,o){var n=e.children,m=e.className,c=e["aria-describedby"],u=d(e,["children","className","aria-describedby"]),f=t(i),x=f.radius,y=f.size,b=f.scaling;return r(a.Content,l({ref:o,"aria-describedby":void 0!==c?c:void 0,className:s(p({radius:x,size:y,scaling:b}),m),style:{"--max-width":"1200px"}},u,{children:n}))}));m.displayName="Modal.Content";export{m as ModalContent,p as modalContentVariants};
 //# sourceMappingURL=ModalContent.mjs.map

package/dist/lib/components/Modal/ModalOverlay.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+export declare const ModalOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/Modal/ModalOverlay.js

@@ -0,0 +1,31 @@
+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 * as DialogPrimitive from '@radix-ui/react-dialog';
+import { cn } from '../../../lib/utils/utils';
+export var ModalOverlay = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (_jsx(DialogPrimitive.Overlay, __assign({ ref: ref, style: { backgroundColor: '#00000066' }, className: cn('fixed inset-0 data-[state=open]:animate-overlayShow', className) }, props, { children: children })));
+});
+ModalOverlay.displayName = 'Modal.Overlay';

package/dist/lib/components/Modal/ModalOverlay.mjs

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import*as t from"@radix-ui/react-dialog";import{cn as o}from"../../utils/utils.mjs";var a=function(){return a=Object.assign||function(r){for(var e,t=1,o=arguments.length;t<o;t++)for(var a in e=arguments[t])Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r},a.apply(this,arguments)},n=function(r,e){var t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(t[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(r);a<o.length;a++)e.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(r,o[a])&&(t[o[a]]=r[o[a]])}return t},l=e((function(e,l){var i=e.children,c=e.className,s=n(e,["children","className"]);return r(t.Overlay,a({ref:l,style:{backgroundColor:"#00000066"},className:o("fixed inset-0 data-[state=open]:animate-overlayShow",c)},s,{children:i}))}));l.displayName="Modal.Overlay";export{l as ModalOverlay};
+//# sourceMappingURL=ModalOverlay.mjs.map

package/dist/lib/components/Modal/ModalOverlay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalOverlay.mjs","sources":["../../../lib/components/Modal/ModalOverlay.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { cn } from '../../../lib/utils/utils';\nexport var ModalOverlay = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, props = __rest(_a, [\"children\", \"className\"]);\n    return (_jsx(DialogPrimitive.Overlay, __assign({ ref: ref, style: { backgroundColor: '#00000066' }, className: cn('fixed inset-0 data-[state=open]:animate-overlayShow', className) }, props, { children: children })));\n});\nModalOverlay.displayName = 'Modal.Overlay';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","ModalOverlay","forwardRef","_a","ref","children","className","props","_jsx","DialogPrimitive","Overlay","style","backgroundColor","cn","displayName"],"mappings":"+JAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAKWiB,EAAeC,GAAW,SAAUC,EAAIC,GAC/C,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWC,EAAQX,EAAOO,EAAI,CAAC,WAAY,cACtF,OAAQK,EAAKC,EAAgBC,QAAS7B,EAAS,CAAEuB,IAAKA,EAAKO,MAAO,CAAEC,gBAAiB,aAAeN,UAAWO,EAAG,sDAAuDP,IAAcC,EAAO,CAAEF,SAAUA,IAC9M,IACAJ,EAAaa,YAAc"}

package/dist/lib/components/Modal/ModalPortal.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithoutRef } from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+export declare const ModalPortal: {
+    ({ children, ...props }: ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/lib/components/Modal/ModalPortal.js

@@ -0,0 +1,29 @@
+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 * as DialogPrimitive from '@radix-ui/react-dialog';
+export var ModalPortal = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (_jsx(DialogPrimitive.Portal, __assign({}, props, { children: children })));
+};
+ModalPortal.displayName = 'Modal.Portal';

package/dist/lib/components/Modal/ModalPortal.mjs

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import*as t from"@radix-ui/react-dialog";var e=function(){return e=Object.assign||function(r){for(var t,e=1,o=arguments.length;e<o;e++)for(var n in t=arguments[e])Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n]);return r},e.apply(this,arguments)},o=function(r,t){var e={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&t.indexOf(o)<0&&(e[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(r);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(r,o[n])&&(e[o[n]]=r[o[n]])}return e},n=function(n){var a=n.children,i=o(n,["children"]);return r(t.Portal,e({},i,{children:a}))};n.displayName="Modal.Portal";export{n as ModalPortal};
+//# sourceMappingURL=ModalPortal.mjs.map

package/dist/lib/components/Modal/ModalPortal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalPortal.mjs","sources":["../../../lib/components/Modal/ModalPortal.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 * as DialogPrimitive from '@radix-ui/react-dialog';\nexport var ModalPortal = function (_a) {\n    var children = _a.children, props = __rest(_a, [\"children\"]);\n    return (_jsx(DialogPrimitive.Portal, __assign({}, props, { children: children })));\n};\nModalPortal.displayName = 'Modal.Portal';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","ModalPortal","_a","children","props","_jsx","DialogPrimitive","Portal","displayName"],"mappings":"iFAAA,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,EAGWiB,EAAc,SAAUC,GAC/B,IAAIC,EAAWD,EAAGC,SAAUC,EAAQR,EAAOM,EAAI,CAAC,aAChD,OAAQG,EAAKC,EAAgBC,OAAQ1B,EAAS,CAAA,EAAIuB,EAAO,CAAED,SAAUA,IACzE,EACAF,EAAYO,YAAc"}

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

@@ -2,6 +2,11 @@
 declare const Modal: {
     Root: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogProps & import("./ModalRoot").ModalRootProps & import("react").RefAttributes<never>>;
     Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Portal: {
+        ({ children, ...props }: import("@radix-ui/react-dialog").DialogPortalProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Overlay: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Content: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./ModalContent").ModalContentProps & import("react").RefAttributes<HTMLDivElement>>;
     Title: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("./ModalTitle").ModalTitleProps & import("react").RefAttributes<HTMLDivElement>>;
     Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,5 +1,7 @@
 import { ModalRoot } from './ModalRoot';
 import { ModalTrigger } from './ModalTrigger';
+import { ModalPortal } from './ModalPortal';
+import { ModalOverlay } from './ModalOverlay';
 import { ModalContent } from './ModalContent';
 import { ModalTitle } from './ModalTitle';
 import { ModalDescription } from './ModalDescription';
@@ -9,6 +11,8 @@ import { ModalAction } from './ModalAction';
 var Modal = {
     Root: ModalRoot,
     Trigger: ModalTrigger,
+    Portal: ModalPortal,
+    Overlay: ModalOverlay,
     Content: ModalContent,
     Title: ModalTitle,
     Description: ModalDescription,

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

@@ -1,2 +1,2 @@
-import{ModalRoot as o}from"./ModalRoot.mjs";import{ModalTrigger as r}from"./ModalTrigger.mjs";import{ModalContent as m}from"./ModalContent.mjs";import{ModalTitle as t}from"./ModalTitle.mjs";import{ModalDescription as i}from"./ModalDescription.mjs";import{ModalFooter as e}from"./ModalFooter.mjs";import{ModalCancel as a}from"./ModalCancel.mjs";import{ModalAction as l}from"./ModalAction.mjs";var p={Root:o,Trigger:r,Content:m,Title:t,Description:i,Footer:e,Cancel:a,Action:l};export{p as default};
+import{ModalRoot as o}from"./ModalRoot.mjs";import{ModalTrigger as r}from"./ModalTrigger.mjs";import{ModalPortal as m}from"./ModalPortal.mjs";import{ModalOverlay as t}from"./ModalOverlay.mjs";import{ModalContent as i}from"./ModalContent.mjs";import{ModalTitle as a}from"./ModalTitle.mjs";import{ModalDescription as l}from"./ModalDescription.mjs";import{ModalFooter as e}from"./ModalFooter.mjs";import{ModalCancel as p}from"./ModalCancel.mjs";import{ModalAction as s}from"./ModalAction.mjs";var d={Root:o,Trigger:r,Portal:m,Overlay:t,Content:i,Title:a,Description:l,Footer:e,Cancel:p,Action:s};export{d as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/Modal/index.js"],"sourcesContent":["import { ModalRoot } from './ModalRoot';\nimport { ModalTrigger } from './ModalTrigger';\nimport { ModalContent } from './ModalContent';\nimport { ModalTitle } from './ModalTitle';\nimport { ModalDescription } from './ModalDescription';\nimport { ModalFooter } from './ModalFooter';\nimport { ModalCancel } from './ModalCancel';\nimport { ModalAction } from './ModalAction';\nvar Modal = {\n    Root: ModalRoot,\n    Trigger: ModalTrigger,\n    Content: ModalContent,\n    Title: ModalTitle,\n    Description: ModalDescription,\n    Footer: ModalFooter,\n    Cancel: ModalCancel,\n    Action: ModalAction,\n};\nexport default Modal;\n"],"names":["Modal","Root","ModalRoot","Trigger","ModalTrigger","Content","ModalContent","Title","ModalTitle","Description","ModalDescription","Footer","ModalFooter","Cancel","ModalCancel","Action","ModalAction"],"mappings":"wYAQG,IAACA,EAAQ,CACRC,KAAMC,EACNC,QAASC,EACTC,QAASC,EACTC,MAAOC,EACPC,YAAaC,EACbC,OAAQC,EACRC,OAAQC,EACRC,OAAQC"}
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/Modal/index.js"],"sourcesContent":["import { ModalRoot } from './ModalRoot';\nimport { ModalTrigger } from './ModalTrigger';\nimport { ModalPortal } from './ModalPortal';\nimport { ModalOverlay } from './ModalOverlay';\nimport { ModalContent } from './ModalContent';\nimport { ModalTitle } from './ModalTitle';\nimport { ModalDescription } from './ModalDescription';\nimport { ModalFooter } from './ModalFooter';\nimport { ModalCancel } from './ModalCancel';\nimport { ModalAction } from './ModalAction';\nvar Modal = {\n    Root: ModalRoot,\n    Trigger: ModalTrigger,\n    Portal: ModalPortal,\n    Overlay: ModalOverlay,\n    Content: ModalContent,\n    Title: ModalTitle,\n    Description: ModalDescription,\n    Footer: ModalFooter,\n    Cancel: ModalCancel,\n    Action: ModalAction,\n};\nexport default Modal;\n"],"names":["Modal","Root","ModalRoot","Trigger","ModalTrigger","Portal","ModalPortal","Overlay","ModalOverlay","Content","ModalContent","Title","ModalTitle","Description","ModalDescription","Footer","ModalFooter","Cancel","ModalCancel","Action","ModalAction"],"mappings":"0eAUG,IAACA,EAAQ,CACRC,KAAMC,EACNC,QAASC,EACTC,OAAQC,EACRC,QAASC,EACTC,QAASC,EACTC,MAAOC,EACPC,YAAaC,EACbC,OAAQC,EACRC,OAAQC,EACRC,OAAQC"}

package/dist/lib/components/Popover/PopoverContent.js

@@ -26,6 +26,7 @@ import { forwardRef, useContext } from 'react';
 import { scalingVariants } from '../../../lib/constants';
 import { Popover as PopoverTheme } from '@radix-ui/themes';
 import { cva } from 'class-variance-authority';
+import { Portal } from '@radix-ui/react-portal';
 import { PopoverContext } from './PopoverRoot';
 import { cn } from '../../../lib/utils/utils';
 export var popoverContentVariants = cva('flex gap-2 bg-white dark:bg-slateDark-1 border-slateA-6 dark:border-slateDarkA-6', {
@@ -61,6 +62,6 @@ export var PopoverContent = forwardRef(function (_a, ref) {
         sizeTheme = '3';
     if (size === 'x-large')
         sizeTheme = '4';
-    return (_jsx(PopoverTheme.Content, __assign({ ref: ref, size: sizeTheme, className: cn(popoverContentVariants({ size: size, radius: radius, scaling: scaling }), className) }, props, { children: children })));
+    return (_jsx(Portal, { children: _jsx(PopoverTheme.Content, __assign({ ref: ref, size: sizeTheme, className: cn(popoverContentVariants({ size: size, radius: radius, scaling: scaling }), className) }, props, { children: children })) }));
 });
 PopoverContent.displayName = 'Popover.Content';

package/dist/lib/components/Popover/PopoverContent.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useContext as t}from"react";import{scalingVariants as a}from"../../constants.mjs";import{Popover as o}from"@radix-ui/themes";import{cva as n}from"class-variance-authority";import{PopoverContext as i}from"./PopoverRoot.mjs";import{cn as s}from"../../utils/utils.mjs";var l=function(){return l=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},l.apply(this,arguments)},m=function(r,e){var t={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(t[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var 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},d=n("flex gap-2 bg-white dark:bg-slateDark-1 border-slateA-6 dark:border-slateDarkA-6",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-md"},size:{small:"text-xs w-[250px]",medium:"text-sm w-[300px]",large:"text-base w-[350px]","x-large":"text-lg w-[400px]"},scaling:l({},a)},defaultVariants:{radius:"medium",size:"medium",scaling:"100%"}}),p=e((function(e,a){var n=e.className,p=e.children,u=m(e,["className","children"]),c=t(i),f=c.radius,g=c.size,x=c.scaling,b="2";return"small"===g&&(b="1"),"large"===g&&(b="3"),"x-large"===g&&(b="4"),r(o.Content,l({ref:a,size:b,className:s(d({size:g,radius:f,scaling:x}),n)},u,{children:p}))}));p.displayName="Popover.Content";export{p as PopoverContent,d as popoverContentVariants};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useContext as t}from"react";import{scalingVariants as a}from"../../constants.mjs";import{Popover as o}from"@radix-ui/themes";import{cva as i}from"class-variance-authority";import{Portal as n}from"@radix-ui/react-portal";import{PopoverContext as s}from"./PopoverRoot.mjs";import{cn as l}from"../../utils/utils.mjs";var m=function(){return m=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},m.apply(this,arguments)},d=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=i("flex gap-2 bg-white dark:bg-slateDark-1 border-slateA-6 dark:border-slateDarkA-6",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-md"},size:{small:"text-xs w-[250px]",medium:"text-sm w-[300px]",large:"text-base w-[350px]","x-large":"text-lg w-[400px]"},scaling:m({},a)},defaultVariants:{radius:"medium",size:"medium",scaling:"100%"}}),u=e((function(e,a){var i=e.className,u=e.children,c=d(e,["className","children"]),f=t(s),x=f.radius,g=f.size,b=f.scaling,y="2";return"small"===g&&(y="1"),"large"===g&&(y="3"),"x-large"===g&&(y="4"),r(n,{children:r(o.Content,m({ref:a,size:y,className:l(p({size:g,radius:x,scaling:b}),i)},c,{children:u}))})}));u.displayName="Popover.Content";export{u as PopoverContent,p as popoverContentVariants};
 //# sourceMappingURL=PopoverContent.mjs.map

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

@@ -17,6 +17,7 @@ export { default as Collapsible } from './Collapsible';
 export { default as Container } from './Container';
 export { default as DataList } from './DataList';
 export { default as Datepicker } from './Datepicker';
+export { default as DatetimePicker } from './DatetimePicker';
 export { default as Dialog } from './Dialog';
 export { default as DropdownMenu } from './DropdownMenu';
 export { default as Editor } from './Editor';

package/dist/lib/components/index.js

@@ -18,6 +18,7 @@ export { default as Collapsible } from './Collapsible';
 export { default as Container } from './Container';
 export { default as DataList } from './DataList';
 export { default as Datepicker } from './Datepicker';
+export { default as DatetimePicker } from './DatetimePicker';
 export { default as Dialog } from './Dialog';
 export { default as DropdownMenu } from './DropdownMenu';
 export { default as Editor } from './Editor';

package/dist/lib/index.mjs

@@ -1,2 +1,2 @@
-export{default as Accordion}from"./components/Accordion/index.mjs";export{default as AlertDialog}from"./components/AlertDialog/index.mjs";export{default as AspectRatio}from"./components/AspectRatio/index.mjs";export{default as Avatar}from"./components/Avatar/index.mjs";export{default as Badge}from"./components/Badge/index.mjs";export{Box}from"./components/Box/index.mjs";export{default as Breadcrumb}from"./components/Breadcrumb/index.mjs";export{Button}from"./components/Button/index.mjs";export{Calendar}from"./components/Calendar/index.mjs";export{default as Callout}from"./components/Callout/index.mjs";export{default as Card}from"./components/Card/index.mjs";export{Checkbox}from"./components/Checkbox/index.mjs";export{default as CheckboxCard}from"./components/CheckboxCard/index.mjs";export{default as CheckboxGroup}from"./components/CheckboxGroup/index.mjs";export{default as ContextMenu}from"./components/ContextMenu/index.mjs";export{default as Collapsible}from"./components/Collapsible/index.mjs";export{Container}from"./components/Container/index.mjs";export{default as DataList}from"./components/DataList/index.mjs";export{Datepicker}from"./components/Datepicker/index.mjs";export{default as Dialog}from"./components/Dialog/index.mjs";export{default as DropdownMenu}from"./components/DropdownMenu/index.mjs";export{Editor}from"./components/Editor/index.mjs";export{Flex}from"./components/Flex/index.mjs";export{default as DynamicTabs}from"./components/Tabs/DynamicTabs.mjs";export{Footer}from"./components/Footer/index.mjs";export{default as Gnb}from"./components/Gnb/index.mjs";export{GridLayout}from"./components/GridLayout/index.mjs";export{default as HoverCard}from"./components/HoverCard/index.mjs";export{IconButton}from"./components/IconButton/index.mjs";export{Inset}from"./components/Inset/index.mjs";export{Label}from"./components/Label/index.mjs";export{default as Menubar}from"./components/Menubar/index.mjs";export{default as Modal}from"./components/Modal/index.mjs";export{default as NavigationMenu}from"./components/NavigationMenu/index.mjs";export{default as Popover}from"./components/Popover/index.mjs";export{Progress}from"./components/Progress/index.mjs";export{Radio}from"./components/Radio/index.mjs";export{default as RadioCards}from"./components/RadioCards/index.mjs";export{default as RadioGroup}from"./components/RadioGroup/index.mjs";export{ScrollArea}from"./components/ScrollArea/index.mjs";export{SearchBar}from"./components/SearchBar/index.mjs";export{default as SegmentedControl}from"./components/SegmentedControl/index.mjs";export{default as Select}from"./components/Select/index.mjs";export{Separator}from"./components/Separator/index.mjs";export{default as Sidebar}from"./components/SideBar/index.mjs";export{Skeleton}from"./components/Skeleton/index.mjs";export{Slider}from"./components/Slider/index.mjs";export{Spinner}from"./components/Spinner/index.mjs";export{default as Table}from"./components/Table/index.mjs";export{default as TabNav}from"./components/TabNav/index.mjs";export{default as Tabs}from"./components/Tabs/index.mjs";export{TextArea}from"./components/TextArea/index.mjs";export{default as TextField}from"./components/TextField/index.mjs";export{default as Timeline}from"./components/Timeline/index.mjs";export{default as Toast}from"./components/Toast/index.mjs";export{Toggle}from"./components/Toggle/index.mjs";export{ToggleWithText}from"./components/Toggle/ToggleWithText.mjs";export{default as ToggleGroup}from"./components/ToggleGroup/index.mjs";export{ToggleSwitch}from"./components/ToggleSwitch/index.mjs";export{default as Tooltip}from"./components/Tooltip/index.mjs";export{default as BarChart}from"./components/BarChart/index.mjs";export{BubbleChart}from"./components/BubbleChart/index.mjs";export{RadarChart}from"./components/RadarChart/index.mjs";export{default as LineChart}from"./components/LineChart/index.mjs";export{default as PieChart}from"./components/PieChart/index.mjs";export{default as DoughnutChart}from"./components/DoughnutChart/index.mjs";export{default as Grid}from"./components/Grid/index.mjs";export{useGrid}from"./components/Grid/useGrid.mjs";export{Tree,treeProvider}from"./components/Tree/index.mjs";export{Header}from"./Typography/Header/index.mjs";export{Text}from"./Typography/Text/index.mjs";export{default as LuiThemeProvider,useTheme}from"./theme/ThemeProvider.mjs";export{amberA,amberDarkA,blueA,blueDarkA,bronzeA,bronzeDarkA,brownA,brownDarkA,crimsonA,crimsonDarkA,cyanA,cyanDarkA,goldA,goldDarkA,grassA,grassDarkA,greenA,greenDarkA,indigoA,indigoDarkA,irisA,irisDarkA,jadeA,jadeDarkA,limeA,limeDarkA,mintA,mintDarkA,oliveA,oliveDarkA,orangeA,orangeDarkA,pinkA,pinkDarkA,plumA,plumDarkA,purpleA,purpleDarkA,redA,redDarkA,rubyA,rubyDarkA,sandA,sandDarkA,skyA,skyDarkA,slateA,slateDarkA,tealA,tealDarkA,tomatoA,tomatoDarkA,violetA,violetDarkA,yellowA,yellowDarkA}from"./color/alpha.mjs";export{ColorStyle,DarkColorStyle,MAIN_COLOR,alphaColorOptions,chartAlphaColorList,chartColorList,colorOptions,darkColorOptions}from"./color/constants.mjs";export{amberDark,blueDark,bronzeDark,brownDark,crimsonDark,cyanDark,goldDark,grassDark,greenDark,indigoDark,irisDark,jadeDark,limeDark,mintDark,oliveDark,orangeDark,pinkDark,plumDark,purpleDark,redDark,rubyDark,sandDark,skyDark,slateDark,tealDark,tomatoDark,violetDark,yellowDark}from"./color/dark.mjs";export{colors}from"./color/krdsColors.mjs";export{amber,blue,bronze,brown,crimson,cyan,gold,grass,green,indigo,iris,jade,lime,mint,olive,orange,pink,plum,purple,red,ruby,sand,sky,slate,teal,tomato,violet,yellow}from"./color/light.mjs";
+export{default as Accordion}from"./components/Accordion/index.mjs";export{default as AlertDialog}from"./components/AlertDialog/index.mjs";export{default as AspectRatio}from"./components/AspectRatio/index.mjs";export{default as Avatar}from"./components/Avatar/index.mjs";export{default as Badge}from"./components/Badge/index.mjs";export{Box}from"./components/Box/index.mjs";export{default as Breadcrumb}from"./components/Breadcrumb/index.mjs";export{Button}from"./components/Button/index.mjs";export{Calendar}from"./components/Calendar/index.mjs";export{default as Callout}from"./components/Callout/index.mjs";export{default as Card}from"./components/Card/index.mjs";export{Checkbox}from"./components/Checkbox/index.mjs";export{default as CheckboxCard}from"./components/CheckboxCard/index.mjs";export{default as CheckboxGroup}from"./components/CheckboxGroup/index.mjs";export{default as ContextMenu}from"./components/ContextMenu/index.mjs";export{default as Collapsible}from"./components/Collapsible/index.mjs";export{Container}from"./components/Container/index.mjs";export{default as DataList}from"./components/DataList/index.mjs";export{Datepicker}from"./components/Datepicker/index.mjs";export{Datetimepicker as DatetimePicker}from"./components/DatetimePicker/index.mjs";export{default as Dialog}from"./components/Dialog/index.mjs";export{default as DropdownMenu}from"./components/DropdownMenu/index.mjs";export{Editor}from"./components/Editor/index.mjs";export{Flex}from"./components/Flex/index.mjs";export{default as DynamicTabs}from"./components/Tabs/DynamicTabs.mjs";export{Footer}from"./components/Footer/index.mjs";export{default as Gnb}from"./components/Gnb/index.mjs";export{GridLayout}from"./components/GridLayout/index.mjs";export{default as HoverCard}from"./components/HoverCard/index.mjs";export{IconButton}from"./components/IconButton/index.mjs";export{Inset}from"./components/Inset/index.mjs";export{Label}from"./components/Label/index.mjs";export{default as Menubar}from"./components/Menubar/index.mjs";export{default as Modal}from"./components/Modal/index.mjs";export{default as NavigationMenu}from"./components/NavigationMenu/index.mjs";export{default as Popover}from"./components/Popover/index.mjs";export{Progress}from"./components/Progress/index.mjs";export{Radio}from"./components/Radio/index.mjs";export{default as RadioCards}from"./components/RadioCards/index.mjs";export{default as RadioGroup}from"./components/RadioGroup/index.mjs";export{ScrollArea}from"./components/ScrollArea/index.mjs";export{SearchBar}from"./components/SearchBar/index.mjs";export{default as SegmentedControl}from"./components/SegmentedControl/index.mjs";export{default as Select}from"./components/Select/index.mjs";export{Separator}from"./components/Separator/index.mjs";export{default as Sidebar}from"./components/SideBar/index.mjs";export{Skeleton}from"./components/Skeleton/index.mjs";export{Slider}from"./components/Slider/index.mjs";export{Spinner}from"./components/Spinner/index.mjs";export{default as Table}from"./components/Table/index.mjs";export{default as TabNav}from"./components/TabNav/index.mjs";export{default as Tabs}from"./components/Tabs/index.mjs";export{TextArea}from"./components/TextArea/index.mjs";export{default as TextField}from"./components/TextField/index.mjs";export{default as Timeline}from"./components/Timeline/index.mjs";export{default as Toast}from"./components/Toast/index.mjs";export{Toggle}from"./components/Toggle/index.mjs";export{ToggleWithText}from"./components/Toggle/ToggleWithText.mjs";export{default as ToggleGroup}from"./components/ToggleGroup/index.mjs";export{ToggleSwitch}from"./components/ToggleSwitch/index.mjs";export{default as Tooltip}from"./components/Tooltip/index.mjs";export{default as BarChart}from"./components/BarChart/index.mjs";export{BubbleChart}from"./components/BubbleChart/index.mjs";export{RadarChart}from"./components/RadarChart/index.mjs";export{default as LineChart}from"./components/LineChart/index.mjs";export{default as PieChart}from"./components/PieChart/index.mjs";export{default as DoughnutChart}from"./components/DoughnutChart/index.mjs";export{default as Grid}from"./components/Grid/index.mjs";export{useGrid}from"./components/Grid/useGrid.mjs";export{Tree,treeProvider}from"./components/Tree/index.mjs";export{Header}from"./Typography/Header/index.mjs";export{Text}from"./Typography/Text/index.mjs";export{default as LuiThemeProvider,useTheme}from"./theme/ThemeProvider.mjs";export{amberA,amberDarkA,blueA,blueDarkA,bronzeA,bronzeDarkA,brownA,brownDarkA,crimsonA,crimsonDarkA,cyanA,cyanDarkA,goldA,goldDarkA,grassA,grassDarkA,greenA,greenDarkA,indigoA,indigoDarkA,irisA,irisDarkA,jadeA,jadeDarkA,limeA,limeDarkA,mintA,mintDarkA,oliveA,oliveDarkA,orangeA,orangeDarkA,pinkA,pinkDarkA,plumA,plumDarkA,purpleA,purpleDarkA,redA,redDarkA,rubyA,rubyDarkA,sandA,sandDarkA,skyA,skyDarkA,slateA,slateDarkA,tealA,tealDarkA,tomatoA,tomatoDarkA,violetA,violetDarkA,yellowA,yellowDarkA}from"./color/alpha.mjs";export{ColorStyle,DarkColorStyle,MAIN_COLOR,alphaColorOptions,chartAlphaColorList,chartColorList,colorOptions,darkColorOptions}from"./color/constants.mjs";export{amberDark,blueDark,bronzeDark,brownDark,crimsonDark,cyanDark,goldDark,grassDark,greenDark,indigoDark,irisDark,jadeDark,limeDark,mintDark,oliveDark,orangeDark,pinkDark,plumDark,purpleDark,redDark,rubyDark,sandDark,skyDark,slateDark,tealDark,tomatoDark,violetDark,yellowDark}from"./color/dark.mjs";export{colors}from"./color/krdsColors.mjs";export{amber,blue,bronze,brown,crimson,cyan,gold,grass,green,indigo,iris,jade,lime,mint,olive,orange,pink,plum,purple,red,ruby,sand,sky,slate,teal,tomato,violet,yellow}from"./color/light.mjs";
 //# sourceMappingURL=index.mjs.map