@lotte-innovate/ui-component-test 0.2.39 → 0.2.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -5
- package/dist/globals.css +1 -1
- package/dist/lib/components/Box/index.d.ts +10 -0
- package/dist/lib/components/Box/index.js +57 -0
- package/dist/lib/components/Box/index.mjs +3 -0
- package/dist/lib/{_virtual → components/Box}/index.mjs.map +1 -1
- package/dist/lib/components/Calendar/index.js +4 -2
- package/dist/lib/components/Calendar/index.mjs +1 -1
- package/dist/lib/components/Datepicker/index.js +2 -2
- package/dist/lib/components/Datepicker/index.mjs +1 -1
- package/dist/lib/components/Dialog/DialogAction.mjs +1 -1
- package/dist/lib/components/Dialog/DialogCancel.mjs +1 -1
- package/dist/lib/components/Dialog/DialogRoot.js +1 -1
- package/dist/lib/components/Dialog/DialogRoot.mjs +1 -1
- package/dist/lib/components/Grid/NumberingPagination.d.ts +2 -0
- package/dist/lib/components/Grid/NumberingPagination.js +41 -0
- package/dist/lib/components/Grid/NumberingPagination.mjs +2 -0
- package/dist/lib/components/Grid/NumberingPagination.mjs.map +1 -0
- package/dist/lib/components/Grid/index.js +2 -2
- package/dist/lib/components/Grid/index.mjs +1 -1
- package/dist/lib/components/Modal/ModalAction.mjs +1 -1
- package/dist/lib/components/Modal/ModalCancel.mjs +1 -1
- package/dist/lib/components/Modal/ModalRoot.js +1 -1
- package/dist/lib/components/Modal/ModalRoot.mjs +1 -1
- package/dist/lib/components/Modal/ModalTitle.d.ts +3 -0
- package/dist/lib/components/Modal/ModalTitle.js +17 -3
- package/dist/lib/components/Modal/ModalTitle.mjs +1 -1
- package/dist/lib/components/Modal/index.mjs.map +1 -1
- package/dist/lib/components/SideBar/index.mjs +1 -1
- package/dist/lib/components/Tabs/DynamicTabs.mjs +1 -1
- package/dist/lib/components/TextField/index.js +1 -1
- package/dist/lib/components/TextField/index.mjs +1 -1
- package/dist/lib/components/Timeline/TimelineRoot.js +9 -3
- package/dist/lib/components/Timeline/TimelineRoot.mjs +1 -1
- package/dist/lib/components/Tooltip/index.d.ts +1 -0
- package/dist/lib/components/Tooltip/index.js +2 -2
- package/dist/lib/components/Tooltip/index.mjs +1 -1
- package/dist/lib/components/index.d.ts +1 -0
- package/dist/lib/components/index.js +1 -0
- package/dist/lib/index.mjs +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/dist/lib/_virtual/_commonjsHelpers.mjs +0 -2
- package/dist/lib/_virtual/_commonjsHelpers.mjs.map +0 -1
- package/dist/lib/_virtual/index.mjs +0 -2
- package/dist/lib/_virtual/index2.mjs +0 -2
- package/dist/lib/_virtual/index2.mjs.map +0 -1
- package/dist/lib/_virtual/index3.mjs +0 -2
- package/dist/lib/_virtual/index3.mjs.map +0 -1
- package/dist/lib/_virtual/react-is.development.mjs +0 -2
- package/dist/lib/_virtual/react-is.development.mjs.map +0 -1
- package/dist/lib/_virtual/react-is.production.min.mjs +0 -2
- package/dist/lib/_virtual/react-is.production.min.mjs.map +0 -1
- package/dist/lib/components/Grid/Pagination.mjs +0 -2
- package/dist/lib/components/Grid/Pagination.mjs.map +0 -1
- package/dist/lib/node_modules/object-assign/index.mjs +0 -7
- package/dist/lib/node_modules/object-assign/index.mjs.map +0 -1
- package/dist/lib/node_modules/prop-types/checkPropTypes.mjs +0 -2
- package/dist/lib/node_modules/prop-types/checkPropTypes.mjs.map +0 -1
- package/dist/lib/node_modules/prop-types/factoryWithThrowingShims.mjs +0 -2
- package/dist/lib/node_modules/prop-types/factoryWithThrowingShims.mjs.map +0 -1
- package/dist/lib/node_modules/prop-types/factoryWithTypeCheckers.mjs +0 -2
- package/dist/lib/node_modules/prop-types/factoryWithTypeCheckers.mjs.map +0 -1
- package/dist/lib/node_modules/prop-types/index.mjs +0 -2
- package/dist/lib/node_modules/prop-types/index.mjs.map +0 -1
- package/dist/lib/node_modules/prop-types/lib/ReactPropTypesSecret.mjs +0 -2
- package/dist/lib/node_modules/prop-types/lib/ReactPropTypesSecret.mjs.map +0 -1
- package/dist/lib/node_modules/prop-types/lib/has.mjs +0 -2
- package/dist/lib/node_modules/prop-types/lib/has.mjs.map +0 -1
- package/dist/lib/node_modules/prop-types/node_modules/react-is/cjs/react-is.development.mjs +0 -10
- package/dist/lib/node_modules/prop-types/node_modules/react-is/cjs/react-is.development.mjs.map +0 -1
- package/dist/lib/node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.mjs +0 -10
- package/dist/lib/node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.mjs.map +0 -1
- package/dist/lib/node_modules/prop-types/node_modules/react-is/index.mjs +0 -2
- package/dist/lib/node_modules/prop-types/node_modules/react-is/index.mjs.map +0 -1
- package/dist/lib/node_modules/react-pro-sidebar/dist/index.es.mjs +0 -21
- package/dist/lib/node_modules/react-pro-sidebar/dist/index.es.mjs.map +0 -1
- package/dist/lib/node_modules/react-tabs/esm/components/Tab.mjs +0 -2
- package/dist/lib/node_modules/react-tabs/esm/components/Tab.mjs.map +0 -1
- package/dist/lib/node_modules/react-tabs/esm/components/TabList.mjs +0 -2
- package/dist/lib/node_modules/react-tabs/esm/components/TabList.mjs.map +0 -1
- package/dist/lib/node_modules/react-tabs/esm/components/TabPanel.mjs +0 -2
- package/dist/lib/node_modules/react-tabs/esm/components/TabPanel.mjs.map +0 -1
- package/dist/lib/node_modules/react-tabs/esm/components/Tabs.mjs +0 -2
- package/dist/lib/node_modules/react-tabs/esm/components/Tabs.mjs.map +0 -1
- package/dist/lib/node_modules/react-tabs/esm/components/UncontrolledTabs.mjs +0 -2
- package/dist/lib/node_modules/react-tabs/esm/components/UncontrolledTabs.mjs.map +0 -1
- package/dist/lib/node_modules/react-tabs/esm/helpers/childrenDeepMap.mjs +0 -2
- package/dist/lib/node_modules/react-tabs/esm/helpers/childrenDeepMap.mjs.map +0 -1
- package/dist/lib/node_modules/react-tabs/esm/helpers/count.mjs +0 -2
- package/dist/lib/node_modules/react-tabs/esm/helpers/count.mjs.map +0 -1
- package/dist/lib/node_modules/react-tabs/esm/helpers/elementTypes.mjs +0 -2
- package/dist/lib/node_modules/react-tabs/esm/helpers/elementTypes.mjs.map +0 -1
- package/dist/lib/node_modules/react-tabs/esm/helpers/propTypes.mjs +0 -2
- package/dist/lib/node_modules/react-tabs/esm/helpers/propTypes.mjs.map +0 -1
|
@@ -37,6 +37,6 @@ export var ModalRoot = function (_a) {
|
|
|
37
37
|
color: color !== null && color !== void 0 ? color : theme.themeColor,
|
|
38
38
|
size: size,
|
|
39
39
|
};
|
|
40
|
-
return (_jsx(Theme, { accentColor: color, children: _jsx(ModalContext.Provider, { value: contextValue, children: _jsx(DialogTheme.Root, __assign({}, props, { children: children })) }) }));
|
|
40
|
+
return (_jsx(Theme, { accentColor: contextValue.color, children: _jsx(ModalContext.Provider, { value: contextValue, children: _jsx(DialogTheme.Root, __assign({}, props, { children: children })) }) }));
|
|
41
41
|
};
|
|
42
42
|
ModalRoot.displayName = 'Modal.Root';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
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:
|
|
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:h.color,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
|
|
@@ -5,4 +5,7 @@ export interface ModalTitleProps extends VariantProps<typeof modalTitleVariants>
|
|
|
5
5
|
export declare const modalTitleVariants: (props?: ({
|
|
6
6
|
size?: "small" | "medium" | "large" | "x-large" | null | undefined;
|
|
7
7
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
8
|
+
export declare const modalCloseVariants: (props?: ({
|
|
9
|
+
size?: "small" | "medium" | "large" | "x-large" | null | undefined;
|
|
10
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
8
11
|
export declare const ModalTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & ModalTitleProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -24,11 +24,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
24
24
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
25
25
|
import { forwardRef, useContext } from 'react';
|
|
26
26
|
import { cva } from 'class-variance-authority';
|
|
27
|
+
import { Dialog as DialogTheme } from '@radix-ui/themes';
|
|
27
28
|
import { Cross2Icon } from '@radix-ui/react-icons';
|
|
28
29
|
import { ModalContext } from './ModalRoot';
|
|
29
|
-
import { IconButton, Modal } from '../../../lib';
|
|
30
30
|
import { cn } from '../../../lib/utils/utils';
|
|
31
|
-
|
|
31
|
+
import { IconButton } from '../../../lib';
|
|
32
|
+
export var modalTitleVariants = cva('m-0', {
|
|
32
33
|
variants: {
|
|
33
34
|
size: {
|
|
34
35
|
small: 'text-sm',
|
|
@@ -41,9 +42,22 @@ export var modalTitleVariants = cva('flex items-center justify-between border bo
|
|
|
41
42
|
size: 'medium',
|
|
42
43
|
},
|
|
43
44
|
});
|
|
45
|
+
export var modalCloseVariants = cva("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", {
|
|
46
|
+
variants: {
|
|
47
|
+
size: {
|
|
48
|
+
small: 'w-[24px] h-[24px]',
|
|
49
|
+
medium: 'w-[32px] h-[32px]',
|
|
50
|
+
large: 'w-[32px] h-[32px]',
|
|
51
|
+
'x-large': 'w-[40px] h-[40px]',
|
|
52
|
+
},
|
|
53
|
+
},
|
|
54
|
+
defaultVariants: {
|
|
55
|
+
size: 'medium',
|
|
56
|
+
},
|
|
57
|
+
});
|
|
44
58
|
export var ModalTitle = forwardRef(function (_a, ref) {
|
|
45
59
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
46
60
|
var size = useContext(ModalContext).size;
|
|
47
|
-
return (_jsxs("div", __assign({ ref: ref, className:
|
|
61
|
+
return (_jsxs("div", __assign({ ref: ref, className: "flex items-center justify-between border border-slate-5 p-4 font-bold text-slate-12 dark:border-slateDark-5 dark:text-slateDark-12" }, props, { children: [_jsx(DialogTheme.Title, { className: cn(modalTitleVariants({ size: size }), className), children: children }), _jsx(DialogTheme.Close, { className: modalCloseVariants({ size: size }), children: _jsx(IconButton, { "aria-label": "Close", className: "p-0 hover:text-slate-12 dark:hover:text-slateDark-12", size: size, children: _jsx(Cross2Icon, {}) }) })] })));
|
|
48
62
|
});
|
|
49
63
|
ModalTitle.displayName = 'Modal.Title';
|
|
@@ -1,3 +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{
|
|
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{Dialog as m}from"@radix-ui/themes";import{Cross2Icon as n}from"@radix-ui/react-icons";import{ModalContext as a}from"./ModalRoot.mjs";import{cn as p}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"../Box/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 s}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"./ModalTrigger.mjs";import"./ModalContent.mjs";import"./ModalDescription.mjs";import"./ModalFooter.mjs";import"./ModalCancel.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"../../Typography/Text/index.mjs";import"../../theme/ThemeProvider.mjs";var l=function(){return l=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},l.apply(this,arguments)},u=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},j=i("m-0",{variants:{size:{small:"text-sm",medium:"text-lg",large:"text-xl","x-large":"text-2xl"}},defaultVariants:{size:"medium"}}),d=i("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"}}),g=e((function(e,i){var g=e.children,x=e.className,M=u(e,["children","className"]),b=r(a).size;return o("div",l({ref:i,className:"flex items-center justify-between border border-slate-5 p-4 font-bold text-slate-12 dark:border-slateDark-5 dark:text-slateDark-12"},M,{children:[t(m.Title,{className:p(j({size:b}),x),children:g}),t(m.Close,{className:d({size:b}),children:t(s,{"aria-label":"Close",className:"p-0 hover:text-slate-12 dark:hover:text-slateDark-12",size:b,children:t(n,{})})})]}))}));g.displayName="Modal.Title";export{g as ModalTitle,d as modalCloseVariants,j as modalTitleVariants};
|
|
3
3
|
//# sourceMappingURL=ModalTitle.mjs.map
|
|
@@ -1 +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
|
|
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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import r from"react";import{cva as o}from"class-variance-authority";import{cn as a}from"../../utils/utils.mjs";import{scalingVariants as l,bgColorStyle as n}from"../../constants.mjs";import{useTheme as t}from"../../theme/ThemeProvider.mjs";import
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import r from"react";import{cva as o}from"class-variance-authority";import{cn as a}from"../../utils/utils.mjs";import{scalingVariants as l,bgColorStyle as n}from"../../constants.mjs";import{useTheme as t}from"../../theme/ThemeProvider.mjs";import*as c from"react-pro-sidebar";import{useWindowSize as i}from"../../utils/useWindowSize.mjs";import*as s from"../../color/alpha.mjs";var m=function(){return m=Object.assign||function(e){for(var r,o=1,a=arguments.length;o<a;o++)for(var l in r=arguments[o])Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l]);return e},m.apply(this,arguments)},u=function(e,r){var o={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(o[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(a=Object.getOwnPropertySymbols(e);l<a.length;l++)r.indexOf(a[l])<0&&Object.prototype.propertyIsEnumerable.call(e,a[l])&&(o[a[l]]=e[a[l]])}return o},d=o("",{variants:{scaling:m({},l),color:n()}}),p=r.forwardRef((function(r,o){var l,n=r.scaling;r.size;var s=r.color,p=r.className,f=r.children,h=u(r,["scaling","size","color","className","children"]),v=t().theme,g=i(),b={scaling:null!=n?n:v.themeScaling,color:null!==(l=null!=s?s:v.themeColor)&&void 0!==l?l:"slate"};return e(c.Sidebar,m({className:a("bg-".concat(b.color,"A-6 dark:bg-").concat(b.color,"DarkA-6"),d({scaling:b.scaling}),p)},h,{collapsed:void 0===h.collapsed?g<=250:h.collapsed,children:f}))}));p.displayName="Sidebar.Root";var f=r.forwardRef((function(r,o){var a,l=r.scaling,n=r.size,i=r.color;r.className;var d=r.menuItemStyles,p=r.children,f=u(r,["scaling","size","color","className","menuItemStyles","children"]),h="50px",v="16px";"small"==n&&(h="40px",v="14px"),"large"==n&&(h="60px",v="18px");var g=t().theme,b={scaling:null!=l?l:g.themeScaling,color:null!==(a=null!=i?i:g.themeColor)&&void 0!==a?a:"slate"},y="".concat(b.color,"A"),S=s[y];return e(c.Menu,m({menuItemStyles:m({button:function(e){e.level;var r=e.active;return e.disabled,e.open,{height:h,fontSize:v,backgroundColor:r?S[5]:"","&:hover":{backgroundColor:S[3]}}}},d)},f,{children:p}))}));f.displayName="Sidebar.Menu";var h=r.forwardRef((function(r,o){r.scaling,r.size,r.color,r.className;var a=r.children,l=u(r,["scaling","size","color","className","children"]);return e(c.MenuItem,m({},l,{children:a}))}));h.displayName="Sidebar.Item";var v=r.forwardRef((function(r,o){r.scaling,r.size,r.color,r.className;var a=r.children,l=u(r,["scaling","size","color","className","children"]);return e(c.SubMenu,m({},l,{children:a}))}));v.displayName="Sidebar.SubMenu";var g={Root:p,Menu:f,Item:h,SubMenu:v};export{h as Item,f as Menu,p as Root,v as SubMenu,g as default};
|
|
3
3
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Cross1Icon as
|
|
2
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Cross1Icon as l,TrashIcon as n,ChevronLeftIcon as r,ChevronRightIcon as o}from"@radix-ui/react-icons";import{cva as a}from"class-variance-authority";import{weightVariants as i,scalingVariants as c,bgColorStyle as s}from"../../constants.mjs";import d,{useState as m,useEffect as u}from"react";import{Tabs as p,TabList as f,Tab as h,TabPanel as b}from"react-tabs";import{IconButton as v}from"../IconButton/index.mjs";import{cn as x}from"../../utils/utils.mjs";import{useTheme as g}from"../../theme/ThemeProvider.mjs";var y=function(){return y=Object.assign||function(e){for(var t,l=1,n=arguments.length;l<n;l++)for(var r in t=arguments[l])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},y.apply(this,arguments)},j=function(e,t){var l={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(l[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(l[n[r]]=e[n[r]])}return l},w=a("",{variants:{weight:y({},i),scaling:y({},c),color:s()}}),k=d.forwardRef((function(a,i){var c,s=a.tabData,d=a.scaling,k=a.color,O=a.setTabData,C=a.defaultTab,D=a.onDeleteTab,T=a.onDeleteAllTabs,N=a.onSelect;a.maxCount;var S=a.className,A=j(a,["tabData","scaling","color","setTabData","defaultTab","onDeleteTab","onDeleteAllTabs","onSelect","maxCount","className"]),P=m(0),z=P[0],I=P[1],B=g().theme,E={scaling:null!=d?d:B.themeScaling,color:null!==(c=null!=k?k:B.themeColor)&&void 0!==c?c:"slate"};return u((function(){s.length>20&&O(s.slice(0,20))}),[s]),e(p,y({selectedIndex:z,className:x("flex w-full text-slate-12",w({scaling:E.scaling}),S),onSelect:function(e,t,l){I(e),N&&N(e,t,l)}},A,{children:[t(f,{className:"mb-[10px] flex flex-1 overflow-x-auto overflow-y-hidden p-0",children:s.map((function(n,r){return t(h,{className:x("relative bottom-[-1px] inline-block w-[50px] max-w-[350px] flex-1 cursor-pointer list-none aria-selected:rounded-t-lg aria-selected:border aria-selected:border-b-0 aria-selected:border-slateA-8 aria-selected:bg-slate-1"),onClick:function(e){var t,l;return(null===(t=n.title)||void 0===t?void 0:t.onClick)&&(null===(l=n.title)||void 0===l?void 0:l.onClick(n))},children:e("div",{className:x("mx-[3px] my-[2px] flex justify-between rounded-lg px-[9px] py-[4px]","hover:bg-".concat(E.color,"A-6 hover:dark:bg-").concat(E.color,"DarkA-6")),children:[t("div",{className:"flex-1 overflow-hidden truncate text-ellipsis",children:n.title.children()}),((null==s?void 0:s.length)<15||z==r)&&t(v,{size:"small",appearance:"ghost",color:E.color,scaling:E.scaling,onClick:function(){var e=s.filter((function(e){return e.key!==n.key}));O(C&&0==e.length?[C]:e),0==e.length?I(0):z-1>=0&&I(z-1),D&&D(n)},children:t(l,{})})]})},r)}))}),s.map((function(e,l){var n;return t(b,{children:null===(n=null==e?void 0:e.content)||void 0===n?void 0:n.children()},l)})),e("div",{className:"right-5 mb-[10px] flex justify-end p-0 px-3 py-2",children:[t(v,{size:"small",appearance:"ghost",onClick:function(){I(0),O(C?[C]:[]),T&&T()},children:t(n,{})}),t(v,{size:"small",appearance:"ghost",onClick:function(){return z-1>=0&&I(z-1)},children:t(r,{})}),t(v,{size:"small",appearance:"ghost",onClick:function(){return z+1<s.length&&I(z+1)},children:t(o,{})})]})]}))}));k.displayName="DynamicTabs";export{k as default};
|
|
3
3
|
//# sourceMappingURL=DynamicTabs.mjs.map
|
|
@@ -49,7 +49,7 @@ export var Root = React.forwardRef(function (_a, forwardedRef) {
|
|
|
49
49
|
radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
|
|
50
50
|
color: (_c = color !== null && color !== void 0 ? color : theme.themeColor) !== null && _c !== void 0 ? _c : MAIN_COLOR,
|
|
51
51
|
};
|
|
52
|
-
return (_jsx(Theme, { scaling: contextValue.scaling, accentColor: color, hasBackground: false, children: _jsx(TextFieldTheme.Root, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, radius: contextValue.radius, color: contextValue.color, className: cn(textFieldVariants({ radius: contextValue.radius }), className) }, sliderProps, { children: children })) }));
|
|
52
|
+
return (_jsx(Theme, { scaling: contextValue.scaling, accentColor: contextValue.color, hasBackground: false, children: _jsx(TextFieldTheme.Root, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, radius: contextValue.radius, color: contextValue.color, className: cn(textFieldVariants({ radius: contextValue.radius }), className) }, sliderProps, { children: children })) }));
|
|
53
53
|
});
|
|
54
54
|
Root.displayName = 'TextField.Root';
|
|
55
55
|
export var Slot = React.forwardRef(function (_a, forwardedRef) {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as r}from"react/jsx-runtime";import e from"react";import{cva as
|
|
2
|
+
import{jsx as r}from"react/jsx-runtime";import e from"react";import{cva as o}from"class-variance-authority";import{cn as a}from"../../utils/utils.mjs";import{radiusVariants as t,bgColorStyle as l}from"../../constants.mjs";import{Theme as i,TextField as s}from"@radix-ui/themes";import{useTheme as n}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as c}from"../../color/constants.mjs";var m=function(){return m=Object.assign||function(r){for(var e,o=1,a=arguments.length;o<a;o++)for(var t in e=arguments[o])Object.prototype.hasOwnProperty.call(e,t)&&(r[t]=e[t]);return r},m.apply(this,arguments)},d=function(r,e){var o={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(o[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(a=Object.getOwnPropertySymbols(r);t<a.length;t++)e.indexOf(a[t])<0&&Object.prototype.propertyIsEnumerable.call(r,a[t])&&(o[a[t]]=r[a[t]])}return o},u=o("",{variants:{radius:m({},t.base),color:l()}}),p=e.forwardRef((function(e,o){var t,l,p=e.className,f=e.color,h=e.size,v=e.appearance,y=e.scaling,g=e.radius,O=e.children,j=d(e,["className","color","size","appearance","scaling","radius","children"]),b=n().theme,x="2";"small"===h&&(x="1"),"large"===h&&(x="3");var N={scaling:null!==(t=null!=y?y:b.themeScaling)&&void 0!==t?t:"100%",radius:null!=g?g:b.themeRadius,color:null!==(l=null!=f?f:b.themeColor)&&void 0!==l?l:c};return r(i,{scaling:N.scaling,accentColor:N.color,hasBackground:!1,children:r(s.Root,m({ref:o,variant:v,size:x,radius:N.radius,color:N.color,className:a(u({radius:N.radius}),p)},j,{children:O}))})}));p.displayName="TextField.Root";var f=e.forwardRef((function(e,o){var t=e.className,l=e.color,i=e.side,n=e.radius,c=e.children,p=d(e,["className","color","side","radius","children"]);return r(s.Slot,m({ref:o,color:l,side:i,className:a(u({radius:n}),t)},p,{children:c}))}));f.displayName="TextField.Slot";var h={Root:p,Slot:f};export{p as Root,f as Slot,h as default};
|
|
3
3
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -23,8 +23,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
};
|
|
24
24
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
25
25
|
import { forwardRef, createContext } from 'react';
|
|
26
|
-
import { cva } from 'class-variance-authority';
|
|
27
26
|
import { scalingVariants, textColorStyle } from '../../../lib/constants';
|
|
27
|
+
import { cva } from 'class-variance-authority';
|
|
28
|
+
import { useTheme } from '../../../lib/theme';
|
|
28
29
|
import { cn } from '../../../lib/utils/utils';
|
|
29
30
|
export var timelineRootVariants = cva("flex flex-col", {
|
|
30
31
|
variants: {
|
|
@@ -47,7 +48,12 @@ export var TimelineContext = createContext({
|
|
|
47
48
|
});
|
|
48
49
|
export var TimelineRoot = forwardRef(function (_a, ref) {
|
|
49
50
|
var className = _a.className, scaling = _a.scaling, size = _a.size, color = _a.color, props = __rest(_a, ["className", "scaling", "size", "color"]);
|
|
50
|
-
var
|
|
51
|
-
|
|
51
|
+
var theme = useTheme().theme;
|
|
52
|
+
var contextValue = {
|
|
53
|
+
scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
|
|
54
|
+
color: color !== null && color !== void 0 ? color : theme.themeColor,
|
|
55
|
+
size: size,
|
|
56
|
+
};
|
|
57
|
+
return (_jsx(TimelineContext.Provider, { value: contextValue, children: _jsx("ol", __assign({ ref: ref, className: cn(timelineRootVariants(contextValue), className) }, props)) }));
|
|
52
58
|
});
|
|
53
59
|
TimelineRoot.displayName = 'Timeline.Root';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{createContext as r,forwardRef as t}from"react";import{scalingVariants as o,textColorStyle as l}from"../../constants.mjs";import{cva as a}from"class-variance-authority";import{useTheme as i}from"../../theme/ThemeProvider.mjs";import{cn as n}from"../../utils/utils.mjs";var s=function(){return s=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var l in r=arguments[t])Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l]);return e},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 l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)r.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(t[o[l]]=e[o[l]])}return t},m=a("flex flex-col",{variants:{scaling:s({},o),size:{small:"text-xs w-[350px]",medium:"text-sm w-[400px]",large:"text-base w-[450px]"},color:l()},defaultVariants:{scaling:"100%",size:"medium",color:"red"}}),p=r({color:"red"}),f=t((function(r,t){var o=r.className,l=r.scaling,a=r.size,f=r.color,u=c(r,["className","scaling","size","color"]),y=i().theme,x={scaling:null!=l?l:y.themeScaling,color:null!=f?f:y.themeColor,size:a};return e(p.Provider,{value:x,children:e("ol",s({ref:t,className:n(m(x),o)},u))})}));f.displayName="Timeline.Root";export{p as TimelineContext,f as TimelineRoot,m as timelineRootVariants};
|
|
3
3
|
//# sourceMappingURL=TimelineRoot.mjs.map
|
|
@@ -36,7 +36,7 @@ var tooltipVariants = cva('bg-slate-12 text-slate-1 dark:bg-slateDark-12 dark:te
|
|
|
36
36
|
},
|
|
37
37
|
});
|
|
38
38
|
var Tooltip = React.forwardRef(function (_a, ref) {
|
|
39
|
-
var content = _a.content, weight = _a.weight, color = _a.color, radius = _a.radius, children = _a.children, defaultOpen = _a.defaultOpen, open = _a.open, className = _a.className, _b = _a.side, side = _b === void 0 ? 'top' : _b, onOpenChange = _a.onOpenChange, props = __rest(_a, ["content", "weight", "color", "radius", "children", "defaultOpen", "open", "className", "side", "onOpenChange"]);
|
|
39
|
+
var content = _a.content, weight = _a.weight, color = _a.color, radius = _a.radius, children = _a.children, defaultOpen = _a.defaultOpen, open = _a.open, className = _a.className, _b = _a.side, side = _b === void 0 ? 'top' : _b, _c = _a.active, active = _c === void 0 ? true : _c, onOpenChange = _a.onOpenChange, props = __rest(_a, ["content", "weight", "color", "radius", "children", "defaultOpen", "open", "className", "side", "active", "onOpenChange"]);
|
|
40
40
|
var theme = useTheme().theme;
|
|
41
41
|
var contextValue = {
|
|
42
42
|
radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
|
|
@@ -48,7 +48,7 @@ var Tooltip = React.forwardRef(function (_a, ref) {
|
|
|
48
48
|
var arrowColor = contextValue.color
|
|
49
49
|
? "fill-".concat(contextValue.color, "-9 dark:fill-").concat(contextValue.color, "Dark-9")
|
|
50
50
|
: 'fill-slate-12 dark:fill-slateDark-12';
|
|
51
|
-
return (_jsx(TooltipPrimitive.Provider, { children: _jsxs(TooltipPrimitive.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: [_jsx(TooltipPrimitive.Trigger, { className: "cursor-pointer text-slate-12 dark:text-slateDark-12", asChild: true, children: children }), _jsxs(TooltipPrimitive.Content, __assign({ align: "center" }, props, { side: side, className: cn('mr-2', tooltipVariants(contextValue), className), sideOffset: 5, children: [content, _jsx(TooltipPrimitive.Arrow, { width: 11, height: 5, className: arrowColor })] }))] }) }));
|
|
51
|
+
return (_jsx(TooltipPrimitive.Provider, { children: _jsxs(TooltipPrimitive.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: [_jsx(TooltipPrimitive.Trigger, { className: "cursor-pointer text-slate-12 dark:text-slateDark-12", asChild: true, children: children }), active && (_jsxs(TooltipPrimitive.Content, __assign({ align: "center" }, props, { side: side, className: cn('mr-2', tooltipVariants(contextValue), className), sideOffset: 5, children: [content, _jsx(TooltipPrimitive.Arrow, { width: 11, height: 5, className: arrowColor })] })))] }) }));
|
|
52
52
|
});
|
|
53
53
|
Tooltip.displayName = 'Tooltip';
|
|
54
54
|
export default Tooltip;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import a from"react";import*as r from"@radix-ui/react-tooltip";import{cva as o}from"class-variance-authority";import{cn as n}from"../../utils/utils.mjs";import{weightVariants as l,radiusVariants as i,primaryColorStyle as d}from"../../constants.mjs";import{useTheme as s}from"../../theme/ThemeProvider.mjs";var p=function(){return p=Object.assign||function(e){for(var t,a=1,r=arguments.length;a<r;a++)for(var o in t=arguments[a])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},p.apply(this,arguments)},c=function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(a[r[o]]=e[r[o]])}return a},m=o("bg-slate-12 text-slate-1 dark:bg-slateDark-12 dark:text-slateDark-1 data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade select-none rounded-[4px] px-[9px] py-[6px] text-[12px] leading-none shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] will-change-[transform,opacity]",{variants:{weight:p({},l),radius:p({},i["extra-large"]),color:d()}}),f=a.forwardRef((function(a,o){var l=a.content,i=a.weight,d=a.color,f=a.radius,h=a.children,u=a.defaultOpen,g=a.open,x=a.className,y=a.side,O=void 0===y?"top":y,_=a.
|
|
2
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import a from"react";import*as r from"@radix-ui/react-tooltip";import{cva as o}from"class-variance-authority";import{cn as n}from"../../utils/utils.mjs";import{weightVariants as l,radiusVariants as i,primaryColorStyle as d}from"../../constants.mjs";import{useTheme as s}from"../../theme/ThemeProvider.mjs";var p=function(){return p=Object.assign||function(e){for(var t,a=1,r=arguments.length;a<r;a++)for(var o in t=arguments[a])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},p.apply(this,arguments)},c=function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(a[r[o]]=e[r[o]])}return a},m=o("bg-slate-12 text-slate-1 dark:bg-slateDark-12 dark:text-slateDark-1 data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade select-none rounded-[4px] px-[9px] py-[6px] text-[12px] leading-none shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] will-change-[transform,opacity]",{variants:{weight:p({},l),radius:p({},i["extra-large"]),color:d()}}),f=a.forwardRef((function(a,o){var l=a.content,i=a.weight,d=a.color,f=a.radius,h=a.children,u=a.defaultOpen,g=a.open,x=a.className,y=a.side,O=void 0===y?"top":y,_=a.active,v=void 0===_||_,w=a.onOpenChange,b=c(a,["content","weight","color","radius","children","defaultOpen","open","className","side","active","onOpenChange"]),j=s().theme,k={radius:null!=f?f:j.themeRadius,color:null!=d?d:j.themeColor,weight:null!=i?i:j.themeWeight};"full"===k.radius&&(k.radius="large");var C=k.color?"fill-".concat(k.color,"-9 dark:fill-").concat(k.color,"Dark-9"):"fill-slate-12 dark:fill-slateDark-12";return e(r.Provider,{children:t(r.Root,{open:g,defaultOpen:u,onOpenChange:w,children:[e(r.Trigger,{className:"cursor-pointer text-slate-12 dark:text-slateDark-12",asChild:!0,children:h}),v&&t(r.Content,p({align:"center"},b,{side:O,className:n("mr-2",m(k),x),sideOffset:5,children:[l,e(r.Arrow,{width:11,height:5,className:C})]}))]})})}));f.displayName="Tooltip";export{f as default};
|
|
3
3
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -3,6 +3,7 @@ export { default as AlertDialog } from './AlertDialog';
|
|
|
3
3
|
export { default as AspectRatio } from './AspectRatio';
|
|
4
4
|
export { default as Avatar } from './Avatar';
|
|
5
5
|
export { default as Badge } from './Badge';
|
|
6
|
+
export { default as Box } from './Box';
|
|
6
7
|
export { default as Breadcrumb } from './Breadcrumb';
|
|
7
8
|
export { default as Button } from './Button';
|
|
8
9
|
export { default as Calendar } from './Calendar';
|
|
@@ -4,6 +4,7 @@ export { default as AlertDialog } from './AlertDialog';
|
|
|
4
4
|
export { default as AspectRatio } from './AspectRatio';
|
|
5
5
|
export { default as Avatar } from './Avatar';
|
|
6
6
|
export { default as Badge } from './Badge';
|
|
7
|
+
export { default as Box } from './Box';
|
|
7
8
|
export { default as Breadcrumb } from './Breadcrumb';
|
|
8
9
|
export { default as Button } from './Button';
|
|
9
10
|
export { default as Calendar } from './Calendar';
|
package/dist/lib/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{default as Accordion}from"./components/Accordion/index.mjs";export{default as AlertDialog}from"./components/AlertDialog/index.mjs";export{default as AspectRatio}from"./components/AspectRatio/index.mjs";export{default as Avatar}from"./components/Avatar/index.mjs";export{default as Badge}from"./components/Badge/index.mjs";export{default as Breadcrumb}from"./components/Breadcrumb/index.mjs";export{Button}from"./components/Button/index.mjs";export{Calendar}from"./components/Calendar/index.mjs";export{default as Callout}from"./components/Callout/index.mjs";export{default as Card}from"./components/Card/index.mjs";export{Checkbox}from"./components/Checkbox/index.mjs";export{default as CheckboxCard}from"./components/CheckboxCard/index.mjs";export{default as CheckboxGroup}from"./components/CheckboxGroup/index.mjs";export{default as ContextMenu}from"./components/ContextMenu/index.mjs";export{default as Collapsible}from"./components/Collapsible/index.mjs";export{default as DataList}from"./components/DataList/index.mjs";export{Datepicker}from"./components/Datepicker/index.mjs";export{default as Dialog}from"./components/Dialog/index.mjs";export{default as DropdownMenu}from"./components/DropdownMenu/index.mjs";export{default as DynamicTabs}from"./components/Tabs/DynamicTabs.mjs";export{Footer}from"./components/Footer/index.mjs";export{default as Gnb}from"./components/Gnb/index.mjs";export{default as HoverCard}from"./components/HoverCard/index.mjs";export{IconButton}from"./components/IconButton/index.mjs";export{Inset}from"./components/Inset/index.mjs";export{Label}from"./components/Label/index.mjs";export{default as Menubar}from"./components/Menubar/index.mjs";export{default as Modal}from"./components/Modal/index.mjs";export{default as NavigationMenu}from"./components/NavigationMenu/index.mjs";export{default as Popover}from"./components/Popover/index.mjs";export{Progress}from"./components/Progress/index.mjs";export{Radio}from"./components/Radio/index.mjs";export{default as RadioCards}from"./components/RadioCards/index.mjs";export{default as RadioGroup}from"./components/RadioGroup/index.mjs";export{ScrollArea}from"./components/ScrollArea/index.mjs";export{default as SegmentedControl}from"./components/SegmentedControl/index.mjs";export{default as Select}from"./components/Select/index.mjs";export{Separator}from"./components/Separator/index.mjs";export{default as Sidebar}from"./components/SideBar/index.mjs";export{Skeleton}from"./components/Skeleton/index.mjs";export{Slider}from"./components/Slider/index.mjs";export{Spinner}from"./components/Spinner/index.mjs";export{default as Table}from"./components/Table/index.mjs";export{default as TabNav}from"./components/TabNav/index.mjs";export{default as Tabs}from"./components/Tabs/index.mjs";export{TextArea}from"./components/TextArea/index.mjs";export{default as TextField}from"./components/TextField/index.mjs";export{default as Timeline}from"./components/Timeline/index.mjs";export{default as Toast}from"./components/Toast/index.mjs";export{Toggle}from"./components/Toggle/index.mjs";export{ToggleWithText}from"./components/Toggle/ToggleWithText.mjs";export{default as ToggleGroup}from"./components/ToggleGroup/index.mjs";export{ToggleSwitch}from"./components/ToggleSwitch/index.mjs";export{default as Tooltip}from"./components/Tooltip/index.mjs";export{default as BarChart}from"./components/BarChart/index.mjs";export{BubbleChart}from"./components/BubbleChart/index.mjs";export{RadarChart}from"./components/RadarChart/index.mjs";export{default as LineChart}from"./components/LineChart/index.mjs";export{default as PieChart}from"./components/PieChart/index.mjs";export{default as DoughnutChart}from"./components/DoughnutChart/index.mjs";export{default as Grid}from"./components/Grid/index.mjs";export{useGrid}from"./components/Grid/useGrid.mjs";export{Header}from"./Typography/Header/index.mjs";export{default as Text}from"./Typography/Text/index.mjs";export{default as LuiThemeProvider,useTheme}from"./theme/ThemeProvider.mjs";
|
|
1
|
+
export{default as Accordion}from"./components/Accordion/index.mjs";export{default as AlertDialog}from"./components/AlertDialog/index.mjs";export{default as AspectRatio}from"./components/AspectRatio/index.mjs";export{default as Avatar}from"./components/Avatar/index.mjs";export{default as Badge}from"./components/Badge/index.mjs";export{Box}from"./components/Box/index.mjs";export{default as Breadcrumb}from"./components/Breadcrumb/index.mjs";export{Button}from"./components/Button/index.mjs";export{Calendar}from"./components/Calendar/index.mjs";export{default as Callout}from"./components/Callout/index.mjs";export{default as Card}from"./components/Card/index.mjs";export{Checkbox}from"./components/Checkbox/index.mjs";export{default as CheckboxCard}from"./components/CheckboxCard/index.mjs";export{default as CheckboxGroup}from"./components/CheckboxGroup/index.mjs";export{default as ContextMenu}from"./components/ContextMenu/index.mjs";export{default as Collapsible}from"./components/Collapsible/index.mjs";export{default as DataList}from"./components/DataList/index.mjs";export{Datepicker}from"./components/Datepicker/index.mjs";export{default as Dialog}from"./components/Dialog/index.mjs";export{default as DropdownMenu}from"./components/DropdownMenu/index.mjs";export{default as DynamicTabs}from"./components/Tabs/DynamicTabs.mjs";export{Footer}from"./components/Footer/index.mjs";export{default as Gnb}from"./components/Gnb/index.mjs";export{default as HoverCard}from"./components/HoverCard/index.mjs";export{IconButton}from"./components/IconButton/index.mjs";export{Inset}from"./components/Inset/index.mjs";export{Label}from"./components/Label/index.mjs";export{default as Menubar}from"./components/Menubar/index.mjs";export{default as Modal}from"./components/Modal/index.mjs";export{default as NavigationMenu}from"./components/NavigationMenu/index.mjs";export{default as Popover}from"./components/Popover/index.mjs";export{Progress}from"./components/Progress/index.mjs";export{Radio}from"./components/Radio/index.mjs";export{default as RadioCards}from"./components/RadioCards/index.mjs";export{default as RadioGroup}from"./components/RadioGroup/index.mjs";export{ScrollArea}from"./components/ScrollArea/index.mjs";export{default as SegmentedControl}from"./components/SegmentedControl/index.mjs";export{default as Select}from"./components/Select/index.mjs";export{Separator}from"./components/Separator/index.mjs";export{default as Sidebar}from"./components/SideBar/index.mjs";export{Skeleton}from"./components/Skeleton/index.mjs";export{Slider}from"./components/Slider/index.mjs";export{Spinner}from"./components/Spinner/index.mjs";export{default as Table}from"./components/Table/index.mjs";export{default as TabNav}from"./components/TabNav/index.mjs";export{default as Tabs}from"./components/Tabs/index.mjs";export{TextArea}from"./components/TextArea/index.mjs";export{default as TextField}from"./components/TextField/index.mjs";export{default as Timeline}from"./components/Timeline/index.mjs";export{default as Toast}from"./components/Toast/index.mjs";export{Toggle}from"./components/Toggle/index.mjs";export{ToggleWithText}from"./components/Toggle/ToggleWithText.mjs";export{default as ToggleGroup}from"./components/ToggleGroup/index.mjs";export{ToggleSwitch}from"./components/ToggleSwitch/index.mjs";export{default as Tooltip}from"./components/Tooltip/index.mjs";export{default as BarChart}from"./components/BarChart/index.mjs";export{BubbleChart}from"./components/BubbleChart/index.mjs";export{RadarChart}from"./components/RadarChart/index.mjs";export{default as LineChart}from"./components/LineChart/index.mjs";export{default as PieChart}from"./components/PieChart/index.mjs";export{default as DoughnutChart}from"./components/DoughnutChart/index.mjs";export{default as Grid}from"./components/Grid/index.mjs";export{useGrid}from"./components/Grid/useGrid.mjs";export{Header}from"./Typography/Header/index.mjs";export{default as Text}from"./Typography/Text/index.mjs";export{default as LuiThemeProvider,useTheme}from"./theme/ThemeProvider.mjs";
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|