@lotte-innovate/ui-component-test 0.2.35 → 0.2.37
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/lib/components/Modal/ModalAction.d.ts +9 -1
- package/dist/lib/components/Modal/ModalAction.js +35 -3
- package/dist/lib/components/Modal/ModalAction.mjs +2 -1
- package/dist/lib/components/Modal/ModalAction.mjs.map +1 -1
- package/dist/lib/components/Modal/ModalCancel.d.ts +8 -1
- package/dist/lib/components/Modal/ModalCancel.js +31 -3
- package/dist/lib/components/Modal/ModalCancel.mjs +2 -1
- package/dist/lib/components/Modal/ModalCancel.mjs.map +1 -1
- package/dist/lib/components/Modal/ModalContent.d.ts +5 -3
- package/dist/lib/components/Modal/ModalContent.js +15 -4
- package/dist/lib/components/Modal/ModalContent.mjs +2 -1
- package/dist/lib/components/Modal/ModalContent.mjs.map +1 -1
- package/dist/lib/components/Modal/ModalRoot.d.ts +2 -2
- package/dist/lib/components/Modal/ModalRoot.js +10 -3
- package/dist/lib/components/Modal/ModalRoot.mjs +1 -1
- package/dist/lib/components/Modal/ModalTitle.d.ts +6 -3
- package/dist/lib/components/Modal/ModalTitle.js +20 -3
- package/dist/lib/components/Modal/ModalTitle.mjs +2 -1
- package/dist/lib/components/Modal/ModalTitle.mjs.map +1 -1
- package/dist/lib/components/Modal/ModalTrigger.js +2 -2
- package/dist/lib/components/Modal/ModalTrigger.mjs +1 -1
- package/dist/lib/components/Modal/ModalTrigger.mjs.map +1 -1
- package/dist/lib/components/Modal/index.d.ts +3 -3
- package/dist/lib/components/Modal/index.mjs.map +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -1,3 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
3
|
import { Dialog as DialogTheme } from '@radix-ui/themes';
|
|
3
|
-
export
|
|
4
|
+
export interface ModalActionProps extends VariantProps<typeof modalActionVariants> {
|
|
5
|
+
}
|
|
6
|
+
export declare const modalActionVariants: (props?: ({
|
|
7
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
|
8
|
+
size?: "small" | "medium" | "large" | "x-large" | null | undefined;
|
|
9
|
+
color?: string | null | undefined;
|
|
10
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
11
|
+
export declare const ModalAction: React.ForwardRefExoticComponent<Omit<DialogTheme.CloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ModalActionProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
var __assign = (this && this.__assign) || function () {
|
|
2
3
|
__assign = Object.assign || function(t) {
|
|
3
4
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -21,10 +22,41 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
22
|
return t;
|
|
22
23
|
};
|
|
23
24
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
|
-
import { forwardRef } from 'react';
|
|
25
|
-
import {
|
|
25
|
+
import { forwardRef, useContext } from 'react';
|
|
26
|
+
import { cva } from 'class-variance-authority';
|
|
27
|
+
import { Dialog as DialogTheme } from '@radix-ui/themes';
|
|
28
|
+
import { primaryColorStyle } from '../../../lib/constants';
|
|
29
|
+
import { MAIN_COLOR } from '../../../lib/color/constants';
|
|
30
|
+
import { ModalContext } from './ModalRoot';
|
|
31
|
+
import { cn } from '../../../lib/utils/utils';
|
|
32
|
+
import { Text } from '../../../lib';
|
|
33
|
+
export var modalActionVariants = cva('rounded-md inline-flex font-medium items-center justify-center px-[15px] hover:cursor-pointer', {
|
|
34
|
+
variants: {
|
|
35
|
+
radius: {
|
|
36
|
+
none: 'rounded-none',
|
|
37
|
+
small: 'rounded-[3px]',
|
|
38
|
+
medium: 'rounded',
|
|
39
|
+
large: 'rounded-md',
|
|
40
|
+
full: 'rounded-full',
|
|
41
|
+
},
|
|
42
|
+
size: {
|
|
43
|
+
small: 'text-xs w-[52px] h-[24px] px-2',
|
|
44
|
+
medium: 'text-sm w-[66px] h-[32px] px-3',
|
|
45
|
+
large: 'text-base w-[72px] h-[32px] px-3',
|
|
46
|
+
'x-large': 'text-lg w-[86px] h-[40px] px-6',
|
|
47
|
+
},
|
|
48
|
+
color: primaryColorStyle(),
|
|
49
|
+
},
|
|
50
|
+
defaultVariants: {
|
|
51
|
+
radius: 'medium',
|
|
52
|
+
size: 'medium',
|
|
53
|
+
color: MAIN_COLOR,
|
|
54
|
+
},
|
|
55
|
+
});
|
|
26
56
|
export var ModalAction = forwardRef(function (_a, ref) {
|
|
27
57
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
28
|
-
|
|
58
|
+
var _b = useContext(ModalContext), radius = _b.radius, size = _b.size, color = _b.color;
|
|
59
|
+
var buttonClassName = cn(modalActionVariants({ radius: radius, size: size, color: color }), className);
|
|
60
|
+
return (_jsx(DialogTheme.Close, __assign({ ref: ref, className: buttonClassName }, props, { children: typeof children === 'string' ? _jsx(Text, { children: children }) : children })));
|
|
29
61
|
});
|
|
30
62
|
ModalAction.displayName = 'Modal.Action';
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import{jsx as o}from"react/jsx-runtime";import{forwardRef as t,useContext as r}from"react";import{cva as e}from"class-variance-authority";import{Dialog as i}from"@radix-ui/themes";import{primaryColorStyle as m}from"../../constants.mjs";import{MAIN_COLOR as n}from"../../color/constants.mjs";import{ModalContext as p}from"./ModalRoot.mjs";import{cn as a}from"../../utils/utils.mjs";import"../Accordion/index.mjs";import"../AlertDialog/AlertDialogRoot.mjs";import"../AlertDialog/AlertDialogTrigger.mjs";import"../AlertDialog/AlertDialogContent.mjs";import"../AlertDialog/AlertDialogTitle.mjs";import"../AlertDialog/AlertDialogDescription.mjs";import"../AlertDialog/AlertDialogCancel.mjs";import"../AlertDialog/AlertDialogAction.mjs";import"../AspectRatio/index.mjs";import"../Avatar/index.mjs";import"../Badge/index.mjs";import"../Breadcrumb/BreadcrumbRoot.mjs";import"../Breadcrumb/BreadcrumbItem.mjs";import"../Breadcrumb/BreadcrumbLink.mjs";import"../Breadcrumb/BreadcrumbList.mjs";import"../Breadcrumb/BreadcrumbPage.mjs";import"../Breadcrumb/BreadcrumbSeparator.mjs";import"../Breadcrumb/BreadcrumbEllipsis.mjs";import"../Button/index.mjs";import"../Calendar/index.mjs";import"../Callout/CalloutRoot.mjs";import"../Callout/CalloutText.mjs";import"../Callout/CalloutIcon.mjs";import"../Card/index.mjs";import"../Checkbox/index.mjs";import"../CheckboxCard/index.mjs";import"../CheckboxGroup/CheckboxGroupRoot.mjs";import"../CheckboxGroup/CheckboxGroupItem.mjs";import"../ContextMenu/ContextMenuRoot.mjs";import"../ContextMenu/ContextMenuContent.mjs";import"../ContextMenu/ContextMenuCheckboxItem.mjs";import"../ContextMenu/ContextMenuGroup.mjs";import"../ContextMenu/ContextMenuItem.mjs";import"../ContextMenu/ContextMenuItemIndicator.mjs";import"../ContextMenu/ContextMenuLabel.mjs";import"../ContextMenu/ContextMenuTrigger.mjs";import"../ContextMenu/ContextMenuRadioGroup.mjs";import"../ContextMenu/ContextMenuRadioItem.mjs";import"../ContextMenu/ContextMenuSeparator.mjs";import"../ContextMenu/ContextMenuSubTrigger.mjs";import"../ContextMenu/ContextMenuSubContent.mjs";import"../Collapsible/index.mjs";import"../DataList/DataListRoot.mjs";import"../DataList/DataListItem.mjs";import"../DataList/DataListLabel.mjs";import"../DataList/DataListValue.mjs";import"../Datepicker/index.mjs";import"../Dialog/DialogRoot.mjs";import"../Dialog/DialogTrigger.mjs";import"../Dialog/DialogContent.mjs";import"../Dialog/DialogTitle.mjs";import"../Dialog/DialogDescription.mjs";import"../Dialog/DialogSlot.mjs";import"../Dialog/DialogCancel.mjs";import"../Dialog/DialogAction.mjs";import"../DropdownMenu/DropdownMenuRoot.mjs";import"../DropdownMenu/DropdownMenuTrigger.mjs";import"../DropdownMenu/DropdownMenuContent.mjs";import"../DropdownMenu/DropdownMenuLable.mjs";import"../DropdownMenu/DropdownMenuItem.mjs";import"../DropdownMenu/DropdownMenuSeparator.mjs";import"../DropdownMenu/DropdownMenuCheckboxItem.mjs";import"../DropdownMenu/DropdonMenuRadioGroup.mjs";import"../DropdownMenu/DropdownMenuRadioItem.mjs";import"../DropdownMenu/DropdownMenuSub.mjs";import"../DropdownMenu/DropdownMenuSubTrigger.mjs";import"../DropdownMenu/DropdonMenuSubContent.mjs";import"../DropdownMenu/DropdownMenuItemIndicator.mjs";import"../Tabs/DynamicTabs.mjs";import"../Footer/index.mjs";import"../Gnb/GnbRoot.mjs";import"../Gnb/GnbLogo.mjs";import"../Gnb/GnbMenu.mjs";import"../Gnb/GnbMenuItem.mjs";import"../Gnb/GnbInfo.mjs";import"../HoverCard/HoverCardRoot.mjs";import"../HoverCard/HoverCardTrigger.mjs";import"../HoverCard/HoverCardContent.mjs";import"../IconButton/index.mjs";import"../Inset/index.mjs";import"../Label/index.mjs";import"../Menubar/MenubarRoot.mjs";import"../Menubar/MenubarMenu.mjs";import"../Menubar/MenubarTrigger.mjs";import"../Menubar/MenubarContent.mjs";import"../Menubar/MenubarItem.mjs";import"../Menubar/MenubarSeparator.mjs";import"../Menubar/MenubarSub.mjs";import"../Menubar/MenubarSubTrigger.mjs";import"../Menubar/MenubarSubContent.mjs";import"../Menubar/MenubarCheckboxItem.mjs";import"../Menubar/MenubarItemIndicator.mjs";import"../Menubar/MenubarRadioGroup.mjs";import"../Menubar/MenubarRadioItem.mjs";import"./ModalTrigger.mjs";import"./ModalContent.mjs";import"./ModalTitle.mjs";import"./ModalDescription.mjs";import"./ModalFooter.mjs";import"./ModalCancel.mjs";import"../NavigationMenu/NavigationMenuRoot.mjs";import"../NavigationMenu/NavigationMenuList.mjs";import"../NavigationMenu/NavigationMenuItem.mjs";import"../NavigationMenu/NavigationMenuTrigger.mjs";import"../NavigationMenu/NavigationMenuContent.mjs";import"../NavigationMenu/NavigationMenuViewport.mjs";import"../NavigationMenu/NavigationMenuIndicator.mjs";import"../NavigationMenu/NavigationMenuLink.mjs";import"../Popover/PopoverRoot.mjs";import"../Popover/PopoverTrigger.mjs";import"../Popover/PopoverContent.mjs";import"../Popover/PopoverClose.mjs";import"../Progress/index.mjs";import"../Radio/index.mjs";import"../RadioCards/RadioCardsRoot.mjs";import"../RadioCards/RadioCardsItem.mjs";import"../RadioGroup/RadioGroupRoot.mjs";import"../RadioGroup/RadioGroupItem.mjs";import"../ScrollArea/index.mjs";import"../SegmentedControl/SegmentedControlRoot.mjs";import"../SegmentedControl/SegmentedControlItem.mjs";import"../Select/index.mjs";import"../Separator/index.mjs";import"../SideBar/index.mjs";import"../Skeleton/index.mjs";import"../Slider/index.mjs";import"../Spinner/index.mjs";import"../Table/index.mjs";import"../TabNav/index.mjs";import"../Tabs/index.mjs";import"../TextArea/index.mjs";import"../TextField/index.mjs";import"../Timeline/TimelineRoot.mjs";import"../Timeline/TimelineItem.mjs";import"../Timeline/TimelineConnector.mjs";import"../Timeline/TimelineHeader.mjs";import"../Timeline/TimelineTime.mjs";import"../Timeline/TimelineIcon.mjs";import"../Timeline/TimelineTitle.mjs";import"../Timeline/TimelineContent.mjs";import"../Timeline/TimelineDescription.mjs";import"../Toast/ToastRoot.mjs";import"../Toast/ToastTitle.mjs";import"../Toast/ToastDescription.mjs";import"../Toast/ToastActionButton.mjs";import"../Toggle/index.mjs";import"../Toggle/ToggleWithText.mjs";import"../ToggleGroup/ToggleGroupRoot.mjs";import"../ToggleGroup/ToggleGroupItem.mjs";import"../ToggleSwitch/index.mjs";import"../Tooltip/index.mjs";import"../BarChart/index.mjs";import"../BubbleChart/index.mjs";import"../RadarChart/index.mjs";import"../LineChart/index.mjs";import"../PieChart/index.mjs";import"../DoughnutChart/index.mjs";import"../Grid/index.mjs";import"../Grid/useGrid.mjs";import"../../Typography/Header/index.mjs";import s from"../../Typography/Text/index.mjs";import"../../theme/ThemeProvider.mjs";var u=function(){return u=Object.assign||function(o){for(var t,r=1,e=arguments.length;r<e;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(o[i]=t[i]);return o},u.apply(this,arguments)},j=function(o,t){var r={};for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&t.indexOf(e)<0&&(r[e]=o[e]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(e=Object.getOwnPropertySymbols(o);i<e.length;i++)t.indexOf(e[i])<0&&Object.prototype.propertyIsEnumerable.call(o,e[i])&&(r[e[i]]=o[e[i]])}return r},l=e("rounded-md inline-flex font-medium items-center justify-center px-[15px] hover:cursor-pointer",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-full"},size:{small:"text-xs w-[52px] h-[24px] px-2",medium:"text-sm w-[66px] h-[32px] px-3",large:"text-base w-[72px] h-[32px] px-3","x-large":"text-lg w-[86px] h-[40px] px-6"},color:m()},defaultVariants:{radius:"medium",size:"medium",color:n}}),d=t((function(t,e){var m=t.children,n=t.className,d=j(t,["children","className"]),x=r(p),g=x.radius,M=x.size,b=x.color,c=a(l({radius:g,size:M,color:b}),n);return o(i.Close,u({ref:e,className:c},d,{children:"string"==typeof m?o(s,{children:m}):m}))}));d.displayName="Modal.Action";export{d as ModalAction,l as modalActionVariants};
|
|
2
3
|
//# sourceMappingURL=ModalAction.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalAction.mjs","sources":[
|
|
1
|
+
{"version":3,"file":"ModalAction.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1,3 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
3
|
import { Dialog as DialogTheme } from '@radix-ui/themes';
|
|
3
|
-
export
|
|
4
|
+
export interface ModalCancelProps extends VariantProps<typeof modalCancelVariants> {
|
|
5
|
+
}
|
|
6
|
+
export declare const modalCancelVariants: (props?: ({
|
|
7
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
|
8
|
+
size?: "small" | "medium" | "large" | "x-large" | null | undefined;
|
|
9
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
10
|
+
export declare const ModalCancel: React.ForwardRefExoticComponent<Omit<DialogTheme.CloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ModalCancelProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
var __assign = (this && this.__assign) || function () {
|
|
2
3
|
__assign = Object.assign || function(t) {
|
|
3
4
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -21,10 +22,37 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
22
|
return t;
|
|
22
23
|
};
|
|
23
24
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
|
-
import { forwardRef } from 'react';
|
|
25
|
-
import {
|
|
25
|
+
import { forwardRef, useContext } from 'react';
|
|
26
|
+
import { cva } from 'class-variance-authority';
|
|
27
|
+
import { Dialog as DialogTheme } from '@radix-ui/themes';
|
|
28
|
+
import { ModalContext } from './ModalRoot';
|
|
29
|
+
import { cn } from '../../../lib/utils/utils';
|
|
30
|
+
import { Text } from '../../../lib';
|
|
31
|
+
export var modalCancelVariants = cva("rounded-md font-medium inline-flex justify-center items-center text-slate-11 bg-slate-3 outline-none border-none\n dark:text-slateDark-11 dark:bg-slateDark-3 dark:hover:bg-slateDarkA-4\n active:border-none hover:cursor-pointer hover:bg-slateA-4", {
|
|
32
|
+
variants: {
|
|
33
|
+
radius: {
|
|
34
|
+
none: 'rounded-none',
|
|
35
|
+
small: 'rounded-[3px]',
|
|
36
|
+
medium: 'rounded',
|
|
37
|
+
large: 'rounded-md',
|
|
38
|
+
full: 'rounded-full',
|
|
39
|
+
},
|
|
40
|
+
size: {
|
|
41
|
+
small: 'text-xs w-[52px] h-[24px] px-2 mr-2',
|
|
42
|
+
medium: 'text-sm w-[66px] h-[32px] px-3 mr-2',
|
|
43
|
+
large: 'text-base w-[72px] h-[32px] px-3 mr-3',
|
|
44
|
+
'x-large': 'text-lg w-[86px] h-[40px] px-6 mr-4',
|
|
45
|
+
},
|
|
46
|
+
},
|
|
47
|
+
defaultVariants: {
|
|
48
|
+
radius: 'medium',
|
|
49
|
+
size: 'medium',
|
|
50
|
+
},
|
|
51
|
+
});
|
|
26
52
|
export var ModalCancel = forwardRef(function (_a, ref) {
|
|
27
53
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
28
|
-
|
|
54
|
+
var _b = useContext(ModalContext), radius = _b.radius, size = _b.size;
|
|
55
|
+
var buttonClassName = cn(modalCancelVariants({ radius: radius, size: size }), className);
|
|
56
|
+
return (_jsx(DialogTheme.Close, __assign({ ref: ref, className: buttonClassName }, props, { children: typeof children === 'string' ? _jsx(Text, { children: children }) : children })));
|
|
29
57
|
});
|
|
30
58
|
ModalCancel.displayName = 'Modal.Cancel';
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import{jsx as o}from"react/jsx-runtime";import{forwardRef as t,useContext as e}from"react";import{cva as r}from"class-variance-authority";import{Dialog as i}from"@radix-ui/themes";import{ModalContext as m}from"./ModalRoot.mjs";import{cn as n}from"../../utils/utils.mjs";import"../Accordion/index.mjs";import"../AlertDialog/AlertDialogRoot.mjs";import"../AlertDialog/AlertDialogTrigger.mjs";import"../AlertDialog/AlertDialogContent.mjs";import"../AlertDialog/AlertDialogTitle.mjs";import"../AlertDialog/AlertDialogDescription.mjs";import"../AlertDialog/AlertDialogCancel.mjs";import"../AlertDialog/AlertDialogAction.mjs";import"../AspectRatio/index.mjs";import"../Avatar/index.mjs";import"../Badge/index.mjs";import"../Breadcrumb/BreadcrumbRoot.mjs";import"../Breadcrumb/BreadcrumbItem.mjs";import"../Breadcrumb/BreadcrumbLink.mjs";import"../Breadcrumb/BreadcrumbList.mjs";import"../Breadcrumb/BreadcrumbPage.mjs";import"../Breadcrumb/BreadcrumbSeparator.mjs";import"../Breadcrumb/BreadcrumbEllipsis.mjs";import"../Button/index.mjs";import"../Calendar/index.mjs";import"../Callout/CalloutRoot.mjs";import"../Callout/CalloutText.mjs";import"../Callout/CalloutIcon.mjs";import"../Card/index.mjs";import"../Checkbox/index.mjs";import"../CheckboxCard/index.mjs";import"../CheckboxGroup/CheckboxGroupRoot.mjs";import"../CheckboxGroup/CheckboxGroupItem.mjs";import"../ContextMenu/ContextMenuRoot.mjs";import"../ContextMenu/ContextMenuContent.mjs";import"../ContextMenu/ContextMenuCheckboxItem.mjs";import"../ContextMenu/ContextMenuGroup.mjs";import"../ContextMenu/ContextMenuItem.mjs";import"../ContextMenu/ContextMenuItemIndicator.mjs";import"../ContextMenu/ContextMenuLabel.mjs";import"../ContextMenu/ContextMenuTrigger.mjs";import"../ContextMenu/ContextMenuRadioGroup.mjs";import"../ContextMenu/ContextMenuRadioItem.mjs";import"../ContextMenu/ContextMenuSeparator.mjs";import"../ContextMenu/ContextMenuSubTrigger.mjs";import"../ContextMenu/ContextMenuSubContent.mjs";import"../Collapsible/index.mjs";import"../DataList/DataListRoot.mjs";import"../DataList/DataListItem.mjs";import"../DataList/DataListLabel.mjs";import"../DataList/DataListValue.mjs";import"../Datepicker/index.mjs";import"../Dialog/DialogRoot.mjs";import"../Dialog/DialogTrigger.mjs";import"../Dialog/DialogContent.mjs";import"../Dialog/DialogTitle.mjs";import"../Dialog/DialogDescription.mjs";import"../Dialog/DialogSlot.mjs";import"../Dialog/DialogCancel.mjs";import"../Dialog/DialogAction.mjs";import"../DropdownMenu/DropdownMenuRoot.mjs";import"../DropdownMenu/DropdownMenuTrigger.mjs";import"../DropdownMenu/DropdownMenuContent.mjs";import"../DropdownMenu/DropdownMenuLable.mjs";import"../DropdownMenu/DropdownMenuItem.mjs";import"../DropdownMenu/DropdownMenuSeparator.mjs";import"../DropdownMenu/DropdownMenuCheckboxItem.mjs";import"../DropdownMenu/DropdonMenuRadioGroup.mjs";import"../DropdownMenu/DropdownMenuRadioItem.mjs";import"../DropdownMenu/DropdownMenuSub.mjs";import"../DropdownMenu/DropdownMenuSubTrigger.mjs";import"../DropdownMenu/DropdonMenuSubContent.mjs";import"../DropdownMenu/DropdownMenuItemIndicator.mjs";import"../Tabs/DynamicTabs.mjs";import"../Footer/index.mjs";import"../Gnb/GnbRoot.mjs";import"../Gnb/GnbLogo.mjs";import"../Gnb/GnbMenu.mjs";import"../Gnb/GnbMenuItem.mjs";import"../Gnb/GnbInfo.mjs";import"../HoverCard/HoverCardRoot.mjs";import"../HoverCard/HoverCardTrigger.mjs";import"../HoverCard/HoverCardContent.mjs";import"../IconButton/index.mjs";import"../Inset/index.mjs";import"../Label/index.mjs";import"../Menubar/MenubarRoot.mjs";import"../Menubar/MenubarMenu.mjs";import"../Menubar/MenubarTrigger.mjs";import"../Menubar/MenubarContent.mjs";import"../Menubar/MenubarItem.mjs";import"../Menubar/MenubarSeparator.mjs";import"../Menubar/MenubarSub.mjs";import"../Menubar/MenubarSubTrigger.mjs";import"../Menubar/MenubarSubContent.mjs";import"../Menubar/MenubarCheckboxItem.mjs";import"../Menubar/MenubarItemIndicator.mjs";import"../Menubar/MenubarRadioGroup.mjs";import"../Menubar/MenubarRadioItem.mjs";import"./ModalTrigger.mjs";import"./ModalContent.mjs";import"./ModalTitle.mjs";import"./ModalDescription.mjs";import"./ModalFooter.mjs";import"./ModalAction.mjs";import"../NavigationMenu/NavigationMenuRoot.mjs";import"../NavigationMenu/NavigationMenuList.mjs";import"../NavigationMenu/NavigationMenuItem.mjs";import"../NavigationMenu/NavigationMenuTrigger.mjs";import"../NavigationMenu/NavigationMenuContent.mjs";import"../NavigationMenu/NavigationMenuViewport.mjs";import"../NavigationMenu/NavigationMenuIndicator.mjs";import"../NavigationMenu/NavigationMenuLink.mjs";import"../Popover/PopoverRoot.mjs";import"../Popover/PopoverTrigger.mjs";import"../Popover/PopoverContent.mjs";import"../Popover/PopoverClose.mjs";import"../Progress/index.mjs";import"../Radio/index.mjs";import"../RadioCards/RadioCardsRoot.mjs";import"../RadioCards/RadioCardsItem.mjs";import"../RadioGroup/RadioGroupRoot.mjs";import"../RadioGroup/RadioGroupItem.mjs";import"../ScrollArea/index.mjs";import"../SegmentedControl/SegmentedControlRoot.mjs";import"../SegmentedControl/SegmentedControlItem.mjs";import"../Select/index.mjs";import"../Separator/index.mjs";import"../SideBar/index.mjs";import"../Skeleton/index.mjs";import"../Slider/index.mjs";import"../Spinner/index.mjs";import"../Table/index.mjs";import"../TabNav/index.mjs";import"../Tabs/index.mjs";import"../TextArea/index.mjs";import"../TextField/index.mjs";import"../Timeline/TimelineRoot.mjs";import"../Timeline/TimelineItem.mjs";import"../Timeline/TimelineConnector.mjs";import"../Timeline/TimelineHeader.mjs";import"../Timeline/TimelineTime.mjs";import"../Timeline/TimelineIcon.mjs";import"../Timeline/TimelineTitle.mjs";import"../Timeline/TimelineContent.mjs";import"../Timeline/TimelineDescription.mjs";import"../Toast/ToastRoot.mjs";import"../Toast/ToastTitle.mjs";import"../Toast/ToastDescription.mjs";import"../Toast/ToastActionButton.mjs";import"../Toggle/index.mjs";import"../Toggle/ToggleWithText.mjs";import"../ToggleGroup/ToggleGroupRoot.mjs";import"../ToggleGroup/ToggleGroupItem.mjs";import"../ToggleSwitch/index.mjs";import"../Tooltip/index.mjs";import"../BarChart/index.mjs";import"../BubbleChart/index.mjs";import"../RadarChart/index.mjs";import"../LineChart/index.mjs";import"../PieChart/index.mjs";import"../DoughnutChart/index.mjs";import"../Grid/index.mjs";import"../Grid/useGrid.mjs";import"../../Typography/Header/index.mjs";import a from"../../Typography/Text/index.mjs";import"../../theme/ThemeProvider.mjs";var p=function(){return p=Object.assign||function(o){for(var t,e=1,r=arguments.length;e<r;e++)for(var i in t=arguments[e])Object.prototype.hasOwnProperty.call(t,i)&&(o[i]=t[i]);return o},p.apply(this,arguments)},s=function(o,t){var e={};for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&t.indexOf(r)<0&&(e[r]=o[r]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(o);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(o,r[i])&&(e[r[i]]=o[r[i]])}return e},u=r("rounded-md font-medium inline-flex justify-center items-center text-slate-11 bg-slate-3 outline-none border-none\n dark:text-slateDark-11 dark:bg-slateDark-3 dark:hover:bg-slateDarkA-4\n active:border-none hover:cursor-pointer hover:bg-slateA-4",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-full"},size:{small:"text-xs w-[52px] h-[24px] px-2 mr-2",medium:"text-sm w-[66px] h-[32px] px-3 mr-2",large:"text-base w-[72px] h-[32px] px-3 mr-3","x-large":"text-lg w-[86px] h-[40px] px-6 mr-4"}},defaultVariants:{radius:"medium",size:"medium"}}),d=t((function(t,r){var d=t.children,j=t.className,l=s(t,["children","className"]),g=e(m),x=g.radius,M=g.size,b=n(u({radius:x,size:M}),j);return o(i.Close,p({ref:r,className:b},l,{children:"string"==typeof d?o(a,{children:d}):d}))}));d.displayName="Modal.Cancel";export{d as ModalCancel,u as modalCancelVariants};
|
|
2
3
|
//# sourceMappingURL=ModalCancel.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalCancel.mjs","sources":[
|
|
1
|
+
{"version":3,"file":"ModalCancel.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
3
|
import { Dialog as DialogTheme } from '@radix-ui/themes';
|
|
3
|
-
export interface ModalContentProps {
|
|
4
|
-
size?: any;
|
|
4
|
+
export interface ModalContentProps extends VariantProps<typeof modalContentVariants> {
|
|
5
5
|
}
|
|
6
|
-
export declare const
|
|
6
|
+
export declare const modalContentVariants: (props?: ({
|
|
7
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
|
7
8
|
size?: "small" | "medium" | "large" | "x-large" | null | undefined;
|
|
9
|
+
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
|
8
10
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
9
11
|
export declare const ModalContent: React.ForwardRefExoticComponent<Omit<DialogTheme.ContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & ModalContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
var __assign = (this && this.__assign) || function () {
|
|
2
3
|
__assign = Object.assign || function(t) {
|
|
3
4
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -23,28 +24,38 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
24
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
25
|
import { forwardRef, useContext } from 'react';
|
|
25
26
|
import { cva } from 'class-variance-authority';
|
|
27
|
+
import { Dialog as DialogTheme } from '@radix-ui/themes';
|
|
28
|
+
import { scalingVariants } from '../../../lib/constants';
|
|
26
29
|
import { ModalContext } from './ModalRoot';
|
|
27
30
|
import { cn } from '../../../lib/utils/utils';
|
|
28
|
-
|
|
29
|
-
export var ModalContentVariants = cva("p-0", {
|
|
31
|
+
export var modalContentVariants = cva("p-0", {
|
|
30
32
|
variants: {
|
|
33
|
+
radius: {
|
|
34
|
+
none: 'rounded-none',
|
|
35
|
+
small: 'rounded',
|
|
36
|
+
medium: 'rounded-lg',
|
|
37
|
+
large: 'rounded-xl',
|
|
38
|
+
full: 'rounded-xl',
|
|
39
|
+
},
|
|
31
40
|
size: {
|
|
32
41
|
small: 'w-[600px]',
|
|
33
42
|
medium: 'w-[800px]',
|
|
34
43
|
large: 'w-[1000px]',
|
|
35
44
|
'x-large': 'w-[1200px]',
|
|
36
45
|
},
|
|
46
|
+
scaling: __assign({}, scalingVariants),
|
|
37
47
|
},
|
|
38
48
|
defaultVariants: {
|
|
49
|
+
radius: 'medium',
|
|
39
50
|
size: 'medium',
|
|
40
51
|
},
|
|
41
52
|
});
|
|
42
53
|
export var ModalContent = forwardRef(function (_a, ref) {
|
|
43
54
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
44
|
-
var
|
|
55
|
+
var _b = useContext(ModalContext), radius = _b.radius, size = _b.size, scaling = _b.scaling;
|
|
45
56
|
var ModalStyle = {
|
|
46
57
|
'--max-width': '1200px',
|
|
47
58
|
};
|
|
48
|
-
return (_jsx(
|
|
59
|
+
return (_jsx(DialogTheme.Content, __assign({ ref: ref, className: cn(modalContentVariants({ radius: radius, size: size, scaling: scaling }), className), style: ModalStyle }, props, { children: children })));
|
|
49
60
|
});
|
|
50
61
|
ModalContent.displayName = 'Modal.Content';
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useContext as t}from"react";import{cva as o}from"class-variance-authority";import{Dialog as n}from"@radix-ui/themes";import{scalingVariants as a}from"../../constants.mjs";import{ModalContext as i}from"./ModalRoot.mjs";import{cn as l}from"../../utils/utils.mjs";var s=function(){return s=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},s.apply(this,arguments)},m=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},u=o("p-0",{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:s({},a)},defaultVariants:{radius:"medium",size:"medium"}}),p=e((function(e,o){var a=e.children,p=e.className,d=m(e,["children","className"]),c=t(i),f=c.radius,y=c.size,x=c.scaling;return r(n.Content,s({ref:o,className:l(u({radius:f,size:y,scaling:x}),p),style:{"--max-width":"1200px"}},d,{children:a}))}));p.displayName="Modal.Content";export{p as ModalContent,u as modalContentVariants};
|
|
2
3
|
//# sourceMappingURL=ModalContent.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalContent.mjs","sources":[
|
|
1
|
+
{"version":3,"file":"ModalContent.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React, { ComponentPropsWithoutRef } from 'react';
|
|
2
2
|
import { Dialog as DialogTheme } from '@radix-ui/themes';
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
|
-
import {
|
|
4
|
+
import { modalContentVariants } from './ModalContent';
|
|
5
5
|
import { IRadius, IScaling, ISize } from '../../../lib/types';
|
|
6
|
-
export interface ModalRootProps extends VariantProps<typeof
|
|
6
|
+
export interface ModalRootProps extends VariantProps<typeof modalContentVariants> {
|
|
7
7
|
color?: any;
|
|
8
8
|
size?: Exclude<ISize, 'x-small'>;
|
|
9
9
|
scaling?: IScaling;
|
|
@@ -23,13 +23,20 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
};
|
|
24
24
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
25
25
|
import { createContext } from 'react';
|
|
26
|
-
import { Dialog } from '
|
|
26
|
+
import { Theme, Dialog as DialogTheme } from '@radix-ui/themes';
|
|
27
|
+
import { useTheme } from '../../../lib/theme';
|
|
27
28
|
export var ModalContext = createContext({
|
|
28
29
|
size: 'medium',
|
|
29
30
|
});
|
|
30
31
|
export var ModalRoot = function (_a) {
|
|
31
32
|
var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, color = _a.color, props = __rest(_a, ["children", "radius", "size", "scaling", "color"]);
|
|
32
|
-
var
|
|
33
|
-
|
|
33
|
+
var theme = useTheme().theme;
|
|
34
|
+
var contextValue = {
|
|
35
|
+
radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
|
|
36
|
+
scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
|
|
37
|
+
color: color !== null && color !== void 0 ? color : theme.themeColor,
|
|
38
|
+
size: size,
|
|
39
|
+
};
|
|
40
|
+
return (_jsx(Theme, { accentColor: color, children: _jsx(ModalContext.Provider, { value: contextValue, children: _jsx(DialogTheme.Root, __assign({}, props, { children: children })) }) }));
|
|
34
41
|
};
|
|
35
42
|
ModalRoot.displayName = 'Modal.Root';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as
|
|
2
|
+
import{jsx as r}from"react/jsx-runtime";import{createContext as e}from"react";import{Theme as o,Dialog as t}from"@radix-ui/themes";import{useTheme as n}from"../../theme/ThemeProvider.mjs";var i=function(){return i=Object.assign||function(r){for(var e,o=1,t=arguments.length;o<t;o++)for(var n in e=arguments[o])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},i.apply(this,arguments)},l=function(r,e){var o={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(o[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(r);n<t.length;n++)e.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(r,t[n])&&(o[t[n]]=r[t[n]])}return o},a=e({size:"medium"}),c=function(e){var c=e.children,m=e.radius,s=e.size,u=e.scaling,p=e.color,d=l(e,["children","radius","size","scaling","color"]),f=n().theme,h={radius:null!=m?m:f.themeRadius,scaling:null!=u?u:f.themeScaling,color:null!=p?p:f.themeColor,size:s};return r(o,{accentColor:p,children:r(a.Provider,{value:h,children:r(t.Root,i({},d,{children:c}))})})};c.displayName="Modal.Root";export{a as ModalContext,c as ModalRoot};
|
|
3
3
|
//# sourceMappingURL=ModalRoot.mjs.map
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export interface ModalTitleProps {
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
export interface ModalTitleProps extends VariantProps<typeof modalTitleVariants> {
|
|
4
4
|
}
|
|
5
|
-
export declare const
|
|
5
|
+
export declare const modalTitleVariants: (props?: ({
|
|
6
|
+
size?: "small" | "medium" | "large" | "x-large" | null | undefined;
|
|
7
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
8
|
+
export declare const ModalTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & ModalTitleProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
var __assign = (this && this.__assign) || function () {
|
|
2
3
|
__assign = Object.assign || function(t) {
|
|
3
4
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -21,12 +22,28 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
22
|
return t;
|
|
22
23
|
};
|
|
23
24
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
|
-
import { forwardRef } from 'react';
|
|
25
|
+
import { forwardRef, useContext } from 'react';
|
|
26
|
+
import { cva } from 'class-variance-authority';
|
|
25
27
|
import { Cross2Icon } from '@radix-ui/react-icons';
|
|
26
|
-
import {
|
|
28
|
+
import { ModalContext } from './ModalRoot';
|
|
29
|
+
import { IconButton, Modal } from '../../../lib';
|
|
27
30
|
import { cn } from '../../../lib/utils/utils';
|
|
31
|
+
export var modalTitleVariants = cva('flex items-center justify-between border border-slate-5 p-4 font-bold text-slate-12 dark:border-slateDark-5 dark:text-slateDark-12', {
|
|
32
|
+
variants: {
|
|
33
|
+
size: {
|
|
34
|
+
small: 'text-sm',
|
|
35
|
+
medium: 'text-lg',
|
|
36
|
+
large: 'text-xl',
|
|
37
|
+
'x-large': 'text-2xl',
|
|
38
|
+
},
|
|
39
|
+
},
|
|
40
|
+
defaultVariants: {
|
|
41
|
+
size: 'medium',
|
|
42
|
+
},
|
|
43
|
+
});
|
|
28
44
|
export var ModalTitle = forwardRef(function (_a, ref) {
|
|
29
45
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
30
|
-
|
|
46
|
+
var size = useContext(ModalContext).size;
|
|
47
|
+
return (_jsxs("div", __assign({ ref: ref, className: cn(modalTitleVariants({ size: size }), className) }, props, { children: [_jsx("div", { children: children }), _jsx(Modal.Cancel, { className: "m-0 w-10 bg-transparent hover:bg-transparent active:bg-transparent dark:bg-transparent dark:hover:bg-transparent dark:active:bg-transparent", children: _jsx(IconButton, { "aria-label": "Close", className: "p-0 hover:text-slate-12 dark:hover:text-slateDark-12", size: 'large', children: _jsx(Cross2Icon, { width: 20, height: 20 }) }) })] })));
|
|
31
48
|
});
|
|
32
49
|
ModalTitle.displayName = 'Modal.Title';
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import{jsxs as o,jsx as t}from"react/jsx-runtime";import{forwardRef as e,useContext as r}from"react";import{cva as i}from"class-variance-authority";import{Cross2Icon as m}from"@radix-ui/react-icons";import{ModalContext as n}from"./ModalRoot.mjs";import"../Accordion/index.mjs";import"../AlertDialog/AlertDialogRoot.mjs";import"../AlertDialog/AlertDialogTrigger.mjs";import"../AlertDialog/AlertDialogContent.mjs";import"../AlertDialog/AlertDialogTitle.mjs";import"../AlertDialog/AlertDialogDescription.mjs";import"../AlertDialog/AlertDialogCancel.mjs";import"../AlertDialog/AlertDialogAction.mjs";import"../AspectRatio/index.mjs";import"../Avatar/index.mjs";import"../Badge/index.mjs";import"../Breadcrumb/BreadcrumbRoot.mjs";import"../Breadcrumb/BreadcrumbItem.mjs";import"../Breadcrumb/BreadcrumbLink.mjs";import"../Breadcrumb/BreadcrumbList.mjs";import"../Breadcrumb/BreadcrumbPage.mjs";import"../Breadcrumb/BreadcrumbSeparator.mjs";import"../Breadcrumb/BreadcrumbEllipsis.mjs";import"../Button/index.mjs";import"../Calendar/index.mjs";import"../Callout/CalloutRoot.mjs";import"../Callout/CalloutText.mjs";import"../Callout/CalloutIcon.mjs";import"../Card/index.mjs";import"../Checkbox/index.mjs";import"../CheckboxCard/index.mjs";import"../CheckboxGroup/CheckboxGroupRoot.mjs";import"../CheckboxGroup/CheckboxGroupItem.mjs";import"../ContextMenu/ContextMenuRoot.mjs";import"../ContextMenu/ContextMenuContent.mjs";import"../ContextMenu/ContextMenuCheckboxItem.mjs";import"../ContextMenu/ContextMenuGroup.mjs";import"../ContextMenu/ContextMenuItem.mjs";import"../ContextMenu/ContextMenuItemIndicator.mjs";import"../ContextMenu/ContextMenuLabel.mjs";import"../ContextMenu/ContextMenuTrigger.mjs";import"../ContextMenu/ContextMenuRadioGroup.mjs";import"../ContextMenu/ContextMenuRadioItem.mjs";import"../ContextMenu/ContextMenuSeparator.mjs";import"../ContextMenu/ContextMenuSubTrigger.mjs";import"../ContextMenu/ContextMenuSubContent.mjs";import"../Collapsible/index.mjs";import"../DataList/DataListRoot.mjs";import"../DataList/DataListItem.mjs";import"../DataList/DataListLabel.mjs";import"../DataList/DataListValue.mjs";import"../Datepicker/index.mjs";import"../Dialog/DialogRoot.mjs";import"../Dialog/DialogTrigger.mjs";import"../Dialog/DialogContent.mjs";import"../Dialog/DialogTitle.mjs";import"../Dialog/DialogDescription.mjs";import"../Dialog/DialogSlot.mjs";import"../Dialog/DialogCancel.mjs";import"../Dialog/DialogAction.mjs";import"../DropdownMenu/DropdownMenuRoot.mjs";import"../DropdownMenu/DropdownMenuTrigger.mjs";import"../DropdownMenu/DropdownMenuContent.mjs";import"../DropdownMenu/DropdownMenuLable.mjs";import"../DropdownMenu/DropdownMenuItem.mjs";import"../DropdownMenu/DropdownMenuSeparator.mjs";import"../DropdownMenu/DropdownMenuCheckboxItem.mjs";import"../DropdownMenu/DropdonMenuRadioGroup.mjs";import"../DropdownMenu/DropdownMenuRadioItem.mjs";import"../DropdownMenu/DropdownMenuSub.mjs";import"../DropdownMenu/DropdownMenuSubTrigger.mjs";import"../DropdownMenu/DropdonMenuSubContent.mjs";import"../DropdownMenu/DropdownMenuItemIndicator.mjs";import"../Tabs/DynamicTabs.mjs";import"../Footer/index.mjs";import"../Gnb/GnbRoot.mjs";import"../Gnb/GnbLogo.mjs";import"../Gnb/GnbMenu.mjs";import"../Gnb/GnbMenuItem.mjs";import"../Gnb/GnbInfo.mjs";import"../HoverCard/HoverCardRoot.mjs";import"../HoverCard/HoverCardTrigger.mjs";import"../HoverCard/HoverCardContent.mjs";import{IconButton as a}from"../IconButton/index.mjs";import"../Inset/index.mjs";import"../Label/index.mjs";import"../Menubar/MenubarRoot.mjs";import"../Menubar/MenubarMenu.mjs";import"../Menubar/MenubarTrigger.mjs";import"../Menubar/MenubarContent.mjs";import"../Menubar/MenubarItem.mjs";import"../Menubar/MenubarSeparator.mjs";import"../Menubar/MenubarSub.mjs";import"../Menubar/MenubarSubTrigger.mjs";import"../Menubar/MenubarSubContent.mjs";import"../Menubar/MenubarCheckboxItem.mjs";import"../Menubar/MenubarItemIndicator.mjs";import"../Menubar/MenubarRadioGroup.mjs";import"../Menubar/MenubarRadioItem.mjs";import p from"./index.mjs";import"../NavigationMenu/NavigationMenuRoot.mjs";import"../NavigationMenu/NavigationMenuList.mjs";import"../NavigationMenu/NavigationMenuItem.mjs";import"../NavigationMenu/NavigationMenuTrigger.mjs";import"../NavigationMenu/NavigationMenuContent.mjs";import"../NavigationMenu/NavigationMenuViewport.mjs";import"../NavigationMenu/NavigationMenuIndicator.mjs";import"../NavigationMenu/NavigationMenuLink.mjs";import"../Popover/PopoverRoot.mjs";import"../Popover/PopoverTrigger.mjs";import"../Popover/PopoverContent.mjs";import"../Popover/PopoverClose.mjs";import"../Progress/index.mjs";import"../Radio/index.mjs";import"../RadioCards/RadioCardsRoot.mjs";import"../RadioCards/RadioCardsItem.mjs";import"../RadioGroup/RadioGroupRoot.mjs";import"../RadioGroup/RadioGroupItem.mjs";import"../ScrollArea/index.mjs";import"../SegmentedControl/SegmentedControlRoot.mjs";import"../SegmentedControl/SegmentedControlItem.mjs";import"../Select/index.mjs";import"../Separator/index.mjs";import"../SideBar/index.mjs";import"../Skeleton/index.mjs";import"../Slider/index.mjs";import"../Spinner/index.mjs";import"../Table/index.mjs";import"../TabNav/index.mjs";import"../Tabs/index.mjs";import"../TextArea/index.mjs";import"../TextField/index.mjs";import"../Timeline/TimelineRoot.mjs";import"../Timeline/TimelineItem.mjs";import"../Timeline/TimelineConnector.mjs";import"../Timeline/TimelineHeader.mjs";import"../Timeline/TimelineTime.mjs";import"../Timeline/TimelineIcon.mjs";import"../Timeline/TimelineTitle.mjs";import"../Timeline/TimelineContent.mjs";import"../Timeline/TimelineDescription.mjs";import"../Toast/ToastRoot.mjs";import"../Toast/ToastTitle.mjs";import"../Toast/ToastDescription.mjs";import"../Toast/ToastActionButton.mjs";import"../Toggle/index.mjs";import"../Toggle/ToggleWithText.mjs";import"../ToggleGroup/ToggleGroupRoot.mjs";import"../ToggleGroup/ToggleGroupItem.mjs";import"../ToggleSwitch/index.mjs";import"../Tooltip/index.mjs";import"../BarChart/index.mjs";import"../BubbleChart/index.mjs";import"../RadarChart/index.mjs";import"../LineChart/index.mjs";import"../PieChart/index.mjs";import"../DoughnutChart/index.mjs";import"../Grid/index.mjs";import"../Grid/useGrid.mjs";import"../../Typography/Header/index.mjs";import"../../Typography/Text/index.mjs";import"../../theme/ThemeProvider.mjs";import{cn as s}from"../../utils/utils.mjs";var u=function(){return u=Object.assign||function(o){for(var t,e=1,r=arguments.length;e<r;e++)for(var i in t=arguments[e])Object.prototype.hasOwnProperty.call(t,i)&&(o[i]=t[i]);return o},u.apply(this,arguments)},j=function(o,t){var e={};for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&t.indexOf(r)<0&&(e[r]=o[r]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(o);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(o,r[i])&&(e[r[i]]=o[r[i]])}return e},l=i("flex items-center justify-between border border-slate-5 p-4 font-bold text-slate-12 dark:border-slateDark-5 dark:text-slateDark-12",{variants:{size:{small:"text-sm",medium:"text-lg",large:"text-xl","x-large":"text-2xl"}},defaultVariants:{size:"medium"}}),d=e((function(e,i){var d=e.children,g=e.className,b=j(e,["children","className"]),x=r(n).size;return o("div",u({ref:i,className:s(l({size:x}),g)},b,{children:[t("div",{children:d}),t(p.Cancel,{className:"m-0 w-10 bg-transparent hover:bg-transparent active:bg-transparent dark:bg-transparent dark:hover:bg-transparent dark:active:bg-transparent",children:t(a,{"aria-label":"Close",className:"p-0 hover:text-slate-12 dark:hover:text-slateDark-12",size:"large",children:t(m,{width:20,height:20})})})]}))}));d.displayName="Modal.Title";export{d as ModalTitle,l as modalTitleVariants};
|
|
2
3
|
//# sourceMappingURL=ModalTitle.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalTitle.mjs","sources":[
|
|
1
|
+
{"version":3,"file":"ModalTitle.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -22,9 +22,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
};
|
|
23
23
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
24
|
import { forwardRef } from 'react';
|
|
25
|
-
import { Dialog } from '
|
|
25
|
+
import { Dialog as DialogTheme } from '@radix-ui/themes';
|
|
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(
|
|
28
|
+
return (_jsx(DialogTheme.Trigger, __assign({ ref: ref, className: className }, props, { children: children })));
|
|
29
29
|
});
|
|
30
30
|
ModalTrigger.displayName = 'Modal.Trigger';
|