@lotte-innovate/ui-component-test 0.2.78 → 0.2.80

package/dist/lib/components/Dialog/DialogTrigger.js

@@ -26,6 +26,6 @@ import { forwardRef } from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 export var DialogTrigger = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (_jsx(DialogPrimitive.Trigger, __assign({ ref: ref, className: className }, props, { children: children })));
+    return (_jsx(DialogPrimitive.Trigger, __assign({ ref: ref, asChild: true, className: className }, props, { children: children })));
 });
 DialogTrigger.displayName = 'Dialog.Trigger';

package/dist/lib/components/Dialog/DialogTrigger.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import*as t from"@radix-ui/react-dialog";var o=function(){return o=Object.assign||function(r){for(var e,t=1,o=arguments.length;t<o;t++)for(var n in e=arguments[t])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},o.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 n=0;for(o=Object.getOwnPropertySymbols(r);n<o.length;n++)e.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(r,o[n])&&(t[o[n]]=r[o[n]])}return t},a=e((function(e,a){var i=e.children,c=e.className,l=n(e,["children","className"]);return r(t.Trigger,o({ref:a,className:c},l,{children:i}))}));a.displayName="Dialog.Trigger";export{a as DialogTrigger};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import*as t from"@radix-ui/react-dialog";var o=function(){return o=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},o.apply(this,arguments)},a=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},n=e((function(e,n){var i=e.children,l=e.className,c=a(e,["children","className"]);return r(t.Trigger,o({ref:n,asChild:!0,className:l},c,{children:i}))}));n.displayName="Dialog.Trigger";export{n as DialogTrigger};
 //# sourceMappingURL=DialogTrigger.mjs.map

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

@@ -27,7 +27,7 @@ import { cva } from 'class-variance-authority';
 import { scalingVariants, bgColorStyle } 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', {
+var GnbVariants = cva('sticky top-0 w-full px-8 backdrop-blur flex items-center', {
     variants: {
         scaling: __assign({}, scalingVariants),
         size: {

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

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

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

@@ -21,14 +21,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useContext } from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { cva } from 'class-variance-authority';
 import { scalingVariants } from '../../../lib/constants';
 import { ModalContext } from './ModalRoot';
 import { cn } from '../../../lib/utils/utils';
-export var modalContentVariants = cva("fixed max-h-[85vh] 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] z-50", {
+export var modalContentVariants = cva("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',
@@ -56,6 +56,6 @@ export var ModalContent = forwardRef(function (_a, ref) {
     var ModalStyle = {
         '--max-width': '1200px',
     };
-    return (_jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Overlay, { style: { backgroundColor: '#00000066' }, className: "fixed inset-0 z-40 data-[state=open]:animate-overlayShow" }), _jsx(DialogPrimitive.Content, __assign({ ref: ref, "aria-describedby": ariaDescribedby !== undefined ? ariaDescribedby : undefined, className: cn(modalContentVariants({ radius: radius, size: size, scaling: scaling }), className), style: ModalStyle }, props, { children: children }))] }));
+    return (_jsx(DialogPrimitive.Content, __assign({ ref: ref, "aria-describedby": ariaDescribedby !== undefined ? ariaDescribedby : undefined, className: cn(modalContentVariants({ radius: radius, size: size, scaling: scaling }), className), style: ModalStyle }, props, { children: children })));
 });
 ModalContent.displayName = 'Modal.Content';

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)},m=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},p=n("fixed max-h-[85vh] 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] z-50",{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=m(a,["children","className","aria-describedby"]),x=t(l),y=x.radius,h=x.size,b=x.scaling;return e(o.Portal,{children:[r(o.Overlay,{style:{backgroundColor:"#00000066"},className:"fixed inset-0 z-40 data-[state=open]:animate-overlayShow"}),r(o.Content,d({ref:n,"aria-describedby":void 0!==u?u:void 0,className:s(p({radius:y,size:h,scaling:b}),c),style:{"--max-width":"1200px"}},f,{children:i}))]})}));c.displayName="Modal.Content";export{c as ModalContent,p 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/ModalDescription.js

@@ -26,7 +26,7 @@ import { forwardRef, useContext } from 'react';
 import { cva } from 'class-variance-authority';
 import { ModalContext } from './ModalRoot';
 import { cn } from '../../../lib/utils/utils';
-export var modalDescriptionVariants = cva('p-6 overflow-y-auto max-h-64 md:max-h-96 lg:max-h-[75vh]', {
+export var modalDescriptionVariants = cva('p-6 overflow-y-auto max-h-[65vh]', {
     variants: {
         size: {
             small: 'text-xs',

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

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as t,useContext as e}from"react";import{cva as a}from"class-variance-authority";import{ModalContext as o}from"./ModalRoot.mjs";import{cn as i}from"../../utils/utils.mjs";var n=function(){return n=Object.assign||function(r){for(var t,e=1,a=arguments.length;e<a;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(r[o]=t[o]);return r},n.apply(this,arguments)},l=function(r,t){var e={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&t.indexOf(a)<0&&(e[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(r);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(r,a[o])&&(e[a[o]]=r[a[o]])}return e},s=a("p-6 overflow-y-auto max-h-64 md:max-h-96 lg:max-h-[75vh]",{variants:{size:{small:"text-xs",medium:"text-sm",large:"text-base","x-large":"text-lg"}},defaultVariants:{size:"medium"}}),m=t((function(t,a){var m=t.children,c=t.className,p=l(t,["children","className"]),f=e(o).size;return r("div",n({ref:a,className:i(s({size:f}),c)},p,{children:m}))}));m.displayName="Modal.Description";export{m as ModalDescription,s as modalDescriptionVariants};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as t,useContext as e}from"react";import{cva as o}from"class-variance-authority";import{ModalContext as a}from"./ModalRoot.mjs";import{cn as i}from"../../utils/utils.mjs";var n=function(){return n=Object.assign||function(r){for(var t,e=1,o=arguments.length;e<o;e++)for(var a in t=arguments[e])Object.prototype.hasOwnProperty.call(t,a)&&(r[a]=t[a]);return r},n.apply(this,arguments)},l=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 a=0;for(o=Object.getOwnPropertySymbols(r);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(r,o[a])&&(e[o[a]]=r[o[a]])}return e},s=o("p-6 overflow-y-auto max-h-[65vh]",{variants:{size:{small:"text-xs",medium:"text-sm",large:"text-base","x-large":"text-lg"}},defaultVariants:{size:"medium"}}),m=t((function(t,o){var m=t.children,c=t.className,p=l(t,["children","className"]),f=e(a).size;return r("div",n({ref:o,className:i(s({size:f}),c)},p,{children:m}))}));m.displayName="Modal.Description";export{m as ModalDescription,s as modalDescriptionVariants};
 //# sourceMappingURL=ModalDescription.mjs.map

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

@@ -25,6 +25,6 @@ import { forwardRef } from 'react';
 import { cn } from '../../../lib/utils/utils';
 export var ModalFooter = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (_jsx("div", __assign({ ref: ref, className: cn('flex justify-end border-t border-slate-5 p-4 dark:border-slateDark-5', className) }, props, { children: children })));
+    return (_jsx("div", __assign({ ref: ref, className: cn('h-15 flex justify-end border-t border-slate-5 p-4 dark:border-slateDark-5', className) }, props, { children: children })));
 });
 ModalFooter.displayName = 'Modal.Footer';

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

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as t}from"../../utils/utils.mjs";var o=function(){return o=Object.assign||function(r){for(var e,t=1,o=arguments.length;t<o;t++)for(var n in e=arguments[t])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},o.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 n=0;for(o=Object.getOwnPropertySymbols(r);n<o.length;n++)e.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(r,o[n])&&(t[o[n]]=r[o[n]])}return t},a=e((function(e,a){var l=e.className,i=e.children,c=n(e,["className","children"]);return r("div",o({ref:a,className:t("flex justify-end border-t border-slate-5 p-4 dark:border-slateDark-5",l)},c,{children:i}))}));a.displayName="Modal.Footer";export{a as ModalFooter};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as t}from"../../utils/utils.mjs";var o=function(){return o=Object.assign||function(r){for(var e,t=1,o=arguments.length;t<o;t++)for(var n in e=arguments[t])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},o.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 n=0;for(o=Object.getOwnPropertySymbols(r);n<o.length;n++)e.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(r,o[n])&&(t[o[n]]=r[o[n]])}return t},a=e((function(e,a){var l=e.className,i=e.children,c=n(e,["className","children"]);return r("div",o({ref:a,className:t("h-15 flex justify-end border-t border-slate-5 p-4 dark:border-slateDark-5",l)},c,{children:i}))}));a.displayName="Modal.Footer";export{a as ModalFooter};
 //# sourceMappingURL=ModalFooter.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalFooter.mjs","sources":["../../../lib/components/Modal/ModalFooter.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 { cn } from '../../../lib/utils/utils';\nexport var ModalFooter = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, props = __rest(_a, [\"className\", \"children\"]);\n    return (_jsx(\"div\", __assign({ ref: ref, className: cn('flex justify-end border-t border-slate-5 p-4 dark:border-slateDark-5', className) }, props, { children: children })));\n});\nModalFooter.displayName = 'Modal.Footer';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","ModalFooter","forwardRef","_a","ref","className","children","props","_jsx","cn","displayName"],"mappings":"sHAAA,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,EAIWiB,EAAcC,GAAW,SAAUC,EAAIC,GAC9C,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUC,EAAQX,EAAOO,EAAI,CAAC,YAAa,aACvF,OAAQK,EAAK,MAAO3B,EAAS,CAAEuB,IAAKA,EAAKC,UAAWI,EAAG,uEAAwEJ,IAAcE,EAAO,CAAED,SAAUA,IACpK,IACAL,EAAYS,YAAc"}
+{"version":3,"file":"ModalFooter.mjs","sources":["../../../lib/components/Modal/ModalFooter.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 { cn } from '../../../lib/utils/utils';\nexport var ModalFooter = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, props = __rest(_a, [\"className\", \"children\"]);\n    return (_jsx(\"div\", __assign({ ref: ref, className: cn('h-15 flex justify-end border-t border-slate-5 p-4 dark:border-slateDark-5', className) }, props, { children: children })));\n});\nModalFooter.displayName = 'Modal.Footer';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","ModalFooter","forwardRef","_a","ref","className","children","props","_jsx","cn","displayName"],"mappings":"sHAAA,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,EAIWiB,EAAcC,GAAW,SAAUC,EAAIC,GAC9C,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUC,EAAQX,EAAOO,EAAI,CAAC,YAAa,aACvF,OAAQK,EAAK,MAAO3B,EAAS,CAAEuB,IAAKA,EAAKC,UAAWI,EAAG,4EAA6EJ,IAAcE,EAAO,CAAED,SAAUA,IACzK,IACAL,EAAYS,YAAc"}

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.ModalOverlay';

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.ModalOverlay";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.ModalOverlay';\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.ModalPortal';

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,l=o(n,["children"]);return r(t.Portal,e({},l,{children:a}))};n.displayName="Modal.ModalPortal";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.ModalPortal';\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/ModalTitle.js

@@ -29,7 +29,7 @@ import IconButton from '../../../lib/components/IconButton';
 import { Cross2Icon } from '@radix-ui/react-icons';
 import { ModalContext } from './ModalRoot';
 import { cn } from '../../../lib/utils/utils';
-export var modalTitleVariants = cva('m-0', {
+export var modalTitleVariants = cva('m-0 h-15', {
     variants: {
         size: {
             small: 'text-sm',
@@ -58,6 +58,6 @@ export var modalCloseVariants = cva("p-0 hover:text-slate-12 dark:hover:text-sla
 export var ModalTitle = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
     var size = useContext(ModalContext).size;
-    return (_jsxs("div", __assign({ ref: ref, className: "flex items-center justify-between border-b border-slate-5 p-4 font-bold text-slate-12 dark:border-slateDark-5 dark:text-slateDark-12" }, props, { children: [_jsx(DialogPrimitive.Title, { className: cn(modalTitleVariants({ size: size }), className), children: children }), _jsx(DialogPrimitive.Close, { children: _jsx(IconButton, { "aria-label": "Close", className: cn(modalCloseVariants({ size: size })), size: size, children: _jsx(Cross2Icon, {}) }) })] })));
+    return (_jsxs("div", __assign({ ref: ref, className: "flex items-center justify-between border-b border-slate-5 p-4 font-bold text-slate-12 dark:border-slateDark-5 dark:text-slateDark-12" }, props, { children: [_jsx(DialogPrimitive.Title, { className: cn(modalTitleVariants({ size: size }), className), children: children }), _jsx(DialogPrimitive.Close, { asChild: true, children: _jsx(IconButton, { "aria-label": "Close", className: cn(modalCloseVariants({ size: size })), size: size, children: _jsx(Cross2Icon, {}) }) })] })));
 });
 ModalTitle.displayName = 'Modal.Title';

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

@@ -1,3 +1,3 @@
 "use client";
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useContext as a}from"react";import*as i from"@radix-ui/react-dialog";import{cva as n}from"class-variance-authority";import{IconButton as o}from"../IconButton/index.mjs";import{Cross2Icon as s}from"@radix-ui/react-icons";import{ModalContext as l}from"./ModalRoot.mjs";import{cn as m}from"../../utils/utils.mjs";var p=function(){return p=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++)for(var i in r=arguments[t])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e},p.apply(this,arguments)},c=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 i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)r.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(t[a[i]]=e[a[i]])}return t},d=n("m-0",{variants:{size:{small:"text-sm",medium:"text-lg",large:"text-xl","x-large":"text-2xl"}},defaultVariants:{size:"medium"}}),x=n("p-0 hover:text-slate-12 dark:hover:text-slateDark-12 inline-flex items-center justify-center bg-transparent text-slate-11 outline-none hover:cursor-pointer hover:bg-transparent active:border-none active:bg-transparent dark:bg-transparent dark:text-slateDark-11 dark:hover:bg-transparent dark:active:bg-transparent",{variants:{size:{small:"w-[24px] h-[24px]",medium:"w-[32px] h-[32px]",large:"w-[32px] h-[32px]","x-large":"w-[40px] h-[40px]"}},defaultVariants:{size:"medium"}}),f=t((function(t,n){var f=t.children,u=t.className,b=c(t,["children","className"]),h=a(l).size;return e("div",p({ref:n,className:"flex items-center justify-between border-b border-slate-5 p-4 font-bold text-slate-12 dark:border-slateDark-5 dark:text-slateDark-12"},b,{children:[r(i.Title,{className:m(d({size:h}),u),children:f}),r(i.Close,{children:r(o,{"aria-label":"Close",className:m(x({size:h})),size:h,children:r(s,{})})})]}))}));f.displayName="Modal.Title";export{f as ModalTitle,x as modalCloseVariants,d as modalTitleVariants};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useContext as a}from"react";import*as i from"@radix-ui/react-dialog";import{cva as n}from"class-variance-authority";import{IconButton as o}from"../IconButton/index.mjs";import{Cross2Icon as s}from"@radix-ui/react-icons";import{ModalContext as l}from"./ModalRoot.mjs";import{cn as m}from"../../utils/utils.mjs";var p=function(){return p=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++)for(var i in r=arguments[t])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e},p.apply(this,arguments)},c=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 i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)r.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(t[a[i]]=e[a[i]])}return t},d=n("m-0 h-15",{variants:{size:{small:"text-sm",medium:"text-lg",large:"text-xl","x-large":"text-2xl"}},defaultVariants:{size:"medium"}}),x=n("p-0 hover:text-slate-12 dark:hover:text-slateDark-12 inline-flex items-center justify-center bg-transparent text-slate-11 outline-none hover:cursor-pointer hover:bg-transparent active:border-none active:bg-transparent dark:bg-transparent dark:text-slateDark-11 dark:hover:bg-transparent dark:active:bg-transparent",{variants:{size:{small:"w-[24px] h-[24px]",medium:"w-[32px] h-[32px]",large:"w-[32px] h-[32px]","x-large":"w-[40px] h-[40px]"}},defaultVariants:{size:"medium"}}),f=t((function(t,n){var f=t.children,u=t.className,b=c(t,["children","className"]),h=a(l).size;return e("div",p({ref:n,className:"flex items-center justify-between border-b border-slate-5 p-4 font-bold text-slate-12 dark:border-slateDark-5 dark:text-slateDark-12"},b,{children:[r(i.Title,{className:m(d({size:h}),u),children:f}),r(i.Close,{asChild:!0,children:r(o,{"aria-label":"Close",className:m(x({size:h})),size:h,children:r(s,{})})})]}))}));f.displayName="Modal.Title";export{f as ModalTitle,x as modalCloseVariants,d as modalTitleVariants};
 //# sourceMappingURL=ModalTitle.mjs.map

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

@@ -25,6 +25,6 @@ import { forwardRef } from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 export var ModalTrigger = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (_jsx(DialogPrimitive.Trigger, __assign({ ref: ref, className: className }, props, { children: children })));
+    return (_jsx(DialogPrimitive.Trigger, __assign({ ref: ref, className: className, asChild: true }, props, { children: children })));
 });
 ModalTrigger.displayName = 'Modal.Trigger';

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

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import*as t from"@radix-ui/react-dialog";var o=function(){return o=Object.assign||function(r){for(var e,t=1,o=arguments.length;t<o;t++)for(var n in e=arguments[t])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},o.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 n=0;for(o=Object.getOwnPropertySymbols(r);n<o.length;n++)e.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(r,o[n])&&(t[o[n]]=r[o[n]])}return t},a=e((function(e,a){var i=e.children,c=e.className,l=n(e,["children","className"]);return r(t.Trigger,o({ref:a,className:c},l,{children:i}))}));a.displayName="Modal.Trigger";export{a as ModalTrigger};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import*as t from"@radix-ui/react-dialog";var o=function(){return o=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},o.apply(this,arguments)},a=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},n=e((function(e,n){var i=e.children,l=e.className,c=a(e,["children","className"]);return r(t.Trigger,o({ref:n,className:l,asChild:!0},c,{children:i}))}));n.displayName="Modal.Trigger";export{n as ModalTrigger};
 //# sourceMappingURL=ModalTrigger.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalTrigger.mjs","sources":["../../../lib/components/Modal/ModalTrigger.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';\nexport var ModalTrigger = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, props = __rest(_a, [\"children\", \"className\"]);\n    return (_jsx(DialogPrimitive.Trigger, __assign({ ref: ref, className: className }, props, { children: children })));\n});\nModalTrigger.displayName = 'Modal.Trigger';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","ModalTrigger","forwardRef","_a","ref","children","className","props","_jsx","DialogPrimitive","Trigger","displayName"],"mappings":"oHAAA,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,EAIWiB,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,EAAKE,UAAWA,GAAaC,EAAO,CAAEF,SAAUA,IAC1G,IACAJ,EAAaU,YAAc"}
+{"version":3,"file":"ModalTrigger.mjs","sources":["../../../lib/components/Modal/ModalTrigger.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';\nexport var ModalTrigger = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, props = __rest(_a, [\"children\", \"className\"]);\n    return (_jsx(DialogPrimitive.Trigger, __assign({ ref: ref, className: className, asChild: true }, props, { children: children })));\n});\nModalTrigger.displayName = 'Modal.Trigger';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","ModalTrigger","forwardRef","_a","ref","children","className","props","_jsx","DialogPrimitive","Trigger","asChild","displayName"],"mappings":"oHAAA,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,EAIWiB,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,EAAKE,UAAWA,EAAWK,SAAS,GAAQJ,EAAO,CAAEF,SAAUA,IACzH,IACAJ,EAAaW,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"}