@lotte-innovate/ui-component-test 0.2.78 → 0.2.79
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/globals.css +1 -1
- package/dist/lib/components/Dialog/DialogTrigger.js +1 -1
- package/dist/lib/components/Dialog/DialogTrigger.mjs +1 -1
- package/dist/lib/components/Gnb/GnbRoot.js +1 -1
- package/dist/lib/components/Gnb/GnbRoot.mjs +1 -1
- package/dist/lib/components/Modal/ModalContent.js +2 -2
- package/dist/lib/components/Modal/ModalContent.mjs +1 -1
- package/dist/lib/components/Modal/ModalDescription.js +1 -1
- package/dist/lib/components/Modal/ModalDescription.mjs +1 -1
- package/dist/lib/components/Modal/ModalFooter.js +1 -1
- package/dist/lib/components/Modal/ModalFooter.mjs +1 -1
- package/dist/lib/components/Modal/ModalFooter.mjs.map +1 -1
- package/dist/lib/components/Modal/ModalTitle.js +2 -2
- package/dist/lib/components/Modal/ModalTitle.mjs +1 -1
- package/dist/lib/components/Modal/ModalTrigger.js +1 -1
- package/dist/lib/components/Modal/ModalTrigger.mjs +1 -1
- package/dist/lib/components/Modal/ModalTrigger.mjs.map +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -26,6 +26,6 @@ import { forwardRef } from 'react';
|
|
|
26
26
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
27
27
|
export var DialogTrigger = forwardRef(function (_a, ref) {
|
|
28
28
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
29
|
-
return (_jsx(DialogPrimitive.Trigger, __assign({ ref: ref, className: className }, props, { children: children })));
|
|
29
|
+
return (_jsx(DialogPrimitive.Trigger, __assign({ ref: ref, asChild: true, className: className }, props, { children: children })));
|
|
30
30
|
});
|
|
31
31
|
DialogTrigger.displayName = 'Dialog.Trigger';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
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
|
|
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 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};
|
|
3
3
|
//# sourceMappingURL=DialogTrigger.mjs.map
|
|
@@ -27,7 +27,7 @@ import { cva } from 'class-variance-authority';
|
|
|
27
27
|
import { scalingVariants, bgColorStyle } from '../../../lib/constants';
|
|
28
28
|
import { cn } from '../../../lib/utils/utils';
|
|
29
29
|
import { useTheme } from '../../../lib/theme';
|
|
30
|
-
var GnbVariants = cva('sticky top-0
|
|
30
|
+
var GnbVariants = cva('sticky top-0 w-full px-8 backdrop-blur flex items-center', {
|
|
31
31
|
variants: {
|
|
32
32
|
scaling: __assign({}, scalingVariants),
|
|
33
33
|
size: {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
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
|
|
2
|
+
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};
|
|
3
3
|
//# sourceMappingURL=GnbRoot.mjs.map
|
|
@@ -28,7 +28,7 @@ import { cva } from 'class-variance-authority';
|
|
|
28
28
|
import { scalingVariants } from '../../../lib/constants';
|
|
29
29
|
import { ModalContext } from './ModalRoot';
|
|
30
30
|
import { cn } from '../../../lib/utils/utils';
|
|
31
|
-
export var modalContentVariants = cva("fixed
|
|
31
|
+
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]", {
|
|
32
32
|
variants: {
|
|
33
33
|
radius: {
|
|
34
34
|
none: 'rounded-none',
|
|
@@ -56,6 +56,6 @@ export var ModalContent = forwardRef(function (_a, ref) {
|
|
|
56
56
|
var ModalStyle = {
|
|
57
57
|
'--max-width': '1200px',
|
|
58
58
|
};
|
|
59
|
-
return (_jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Overlay, { style: { backgroundColor: '#00000066' }, className: "fixed inset-0
|
|
59
|
+
return (_jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Overlay, { style: { backgroundColor: '#00000066' }, className: "fixed inset-0 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 }))] }));
|
|
60
60
|
});
|
|
61
61
|
ModalContent.displayName = 'Modal.Content';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
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)},
|
|
2
|
+
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};
|
|
3
3
|
//# sourceMappingURL=ModalContent.mjs.map
|
|
@@ -26,7 +26,7 @@ import { forwardRef, useContext } from 'react';
|
|
|
26
26
|
import { cva } from 'class-variance-authority';
|
|
27
27
|
import { ModalContext } from './ModalRoot';
|
|
28
28
|
import { cn } from '../../../lib/utils/utils';
|
|
29
|
-
export var modalDescriptionVariants = cva('p-6 overflow-y-auto max-h-
|
|
29
|
+
export var modalDescriptionVariants = cva('p-6 overflow-y-auto max-h-[65vh]', {
|
|
30
30
|
variants: {
|
|
31
31
|
size: {
|
|
32
32
|
small: 'text-xs',
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as r}from"react/jsx-runtime";import{forwardRef as t,useContext as e}from"react";import{cva as
|
|
2
|
+
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};
|
|
3
3
|
//# sourceMappingURL=ModalDescription.mjs.map
|
|
@@ -25,6 +25,6 @@ import { forwardRef } from 'react';
|
|
|
25
25
|
import { cn } from '../../../lib/utils/utils';
|
|
26
26
|
export var ModalFooter = forwardRef(function (_a, ref) {
|
|
27
27
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
28
|
-
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 })));
|
|
28
|
+
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 })));
|
|
29
29
|
});
|
|
30
30
|
ModalFooter.displayName = 'Modal.Footer';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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};
|
|
1
|
+
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};
|
|
2
2
|
//# sourceMappingURL=ModalFooter.mjs.map
|
|
@@ -1 +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,
|
|
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('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"}
|
|
@@ -29,7 +29,7 @@ import IconButton from '../../../lib/components/IconButton';
|
|
|
29
29
|
import { Cross2Icon } from '@radix-ui/react-icons';
|
|
30
30
|
import { ModalContext } from './ModalRoot';
|
|
31
31
|
import { cn } from '../../../lib/utils/utils';
|
|
32
|
-
export var modalTitleVariants = cva('m-0', {
|
|
32
|
+
export var modalTitleVariants = cva('m-0 h-15', {
|
|
33
33
|
variants: {
|
|
34
34
|
size: {
|
|
35
35
|
small: 'text-sm',
|
|
@@ -58,6 +58,6 @@ export var modalCloseVariants = cva("p-0 hover:text-slate-12 dark:hover:text-sla
|
|
|
58
58
|
export var ModalTitle = forwardRef(function (_a, ref) {
|
|
59
59
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
60
60
|
var size = useContext(ModalContext).size;
|
|
61
|
-
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, {}) }) })] })));
|
|
61
|
+
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, {}) }) })] })));
|
|
62
62
|
});
|
|
63
63
|
ModalTitle.displayName = 'Modal.Title';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
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};
|
|
2
|
+
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};
|
|
3
3
|
//# sourceMappingURL=ModalTitle.mjs.map
|
|
@@ -25,6 +25,6 @@ import { forwardRef } from 'react';
|
|
|
25
25
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
26
26
|
export var ModalTrigger = forwardRef(function (_a, ref) {
|
|
27
27
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
28
|
-
return (_jsx(DialogPrimitive.Trigger, __assign({ ref: ref, className: className }, props, { children: children })));
|
|
28
|
+
return (_jsx(DialogPrimitive.Trigger, __assign({ ref: ref, className: className, asChild: true }, props, { children: children })));
|
|
29
29
|
});
|
|
30
30
|
ModalTrigger.displayName = 'Modal.Trigger';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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
|
|
1
|
+
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};
|
|
2
2
|
//# sourceMappingURL=ModalTrigger.mjs.map
|
|
@@ -1 +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,
|
|
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, 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"}
|