@lotte-innovate/ui-component-test 0.2.88 → 0.2.89

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 declare const HoverCard: {
     Root: {
-        ({ children, radius, size, scaling, weight, color, ...props }: import("@radix-ui/themes/dist/cjs/components/hover-card").RootProps & import("./HoverCardRoot").HoverCardProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, radius, size, scaling, weight, color, ...props }: import("react").ComponentPropsWithoutRef<import("react").FC<import("@radix-ui/themes/dist/cjs/components/hover-card").RootProps>> & import("./HoverCardRoot").HoverCardProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/hover-card").TriggerProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Menubar: {
     Root: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-menubar").MenubarProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./MenubarRoot").MenubarProps & import("react").RefAttributes<HTMLDivElement>>;
     Menu: import("react").ForwardRefExoticComponent<import("@radix-ui/react-menubar").MenubarMenuProps & {

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 declare const Modal: {
     Root: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogProps & import("./ModalRoot").ModalRootProps & import("react").RefAttributes<never>>;
     Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
     Portal: {
-        ({ children, ...props }: import("@radix-ui/react-dialog").DialogPortalProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, ...props }: import("react").ComponentPropsWithoutRef<import("react").FC<import("@radix-ui/react-dialog").DialogPortalProps>>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Overlay: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const NavigationMenu: {
     Root: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("./NavigationMenuRoot").NavigationMenuProps & import("react").RefAttributes<HTMLElement>>;
     List: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>, "ref"> & import("./NavigationMenuList").NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>>;

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 declare const Popover: {
     Root: {
-        ({ children, radius, size, scaling, ...props }: import("@radix-ui/themes/dist/cjs/components/popover").RootProps & import("./PopoverRoot").PopoverProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, radius, size, scaling, ...props }: import("react").ComponentPropsWithoutRef<import("react").FC<import("@radix-ui/themes/dist/cjs/components/popover").RootProps>> & import("./PopoverRoot").PopoverProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/popover").TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const RadioCards: {
     Root: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes/dist/cjs/components/radio-cards").RootProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "color" | "size"> & import("./RadioCardsRoot").RadioCardsProps & import("react").RefAttributes<HTMLDivElement>>;
     Item: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/radio-cards").ItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./RadioCardsItem").RadioCardsItemProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const RadioGroup: {
     Root: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes/dist/cjs/components/radio-group").RootProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "size"> & import("./RadioGroupRoot").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
     Item: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/radio-group").ItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./RadioGroupItem").RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const SegmentedControl: {
     Root: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes/dist/cjs/components/segmented-control").RootProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "size"> & import("./SegmentedControlRoot").SegmentedControlProps & import("react").RefAttributes<HTMLDivElement>>;
     Item: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/segmented-control").ItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./SegmentedControlItem").SegmentedControlItemProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -86,7 +86,7 @@ export var Root = React.forwardRef(function (_a, forwardedRef) {
                             return;
                         }
                         setShowMessage(false);
-                    } }, textFieldProps, { children: [children, validationType == 'password' && (_jsx(TextField.Slot, { side: 'right', children: _jsx(IconButton, { appearance: "ghost", color: "slate", onMouseDown: function (e) { return setIsMouseDown(true); }, onMouseUp: function (e) { return setIsMouseDown(false); }, children: isMouseDown ? (_jsx(EyeOpenIcon, { height: "14", width: "14" })) : (_jsx(EyeClosedIcon, { height: "14", width: "14" })) }) }))] })) }), showMessage && (_jsx(Text, { size: "1", color: contextValue.color, children: warningMessage ? warningMessage : message }))] }));
+                    } }, textFieldProps, { children: [children, validationType == 'password' && (_jsx(TextField.Slot, { side: 'right', children: _jsx(IconButton, { type: "button", appearance: "ghost", color: "slate", onMouseDown: function (e) { return setIsMouseDown(true); }, onMouseUp: function (e) { return setIsMouseDown(false); }, children: isMouseDown ? (_jsx(EyeOpenIcon, { height: "14", width: "14" })) : (_jsx(EyeClosedIcon, { height: "14", width: "14" })) }) }))] })) }), showMessage && (_jsx(Text, { size: "1", color: contextValue.color, children: warningMessage ? warningMessage : message }))] }));
 });
 Root.displayName = 'TextField.Root';
 export var Slot = React.forwardRef(function (_a, forwardedRef) {

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

@@ -1,3 +1,3 @@
 "use client";
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import o,{useState as a}from"react";import{cva as t}from"class-variance-authority";import{cn as n}from"../../utils/utils.mjs";import{radiusVariants as i,bgColorStyle as l}from"../../constants.mjs";import{Theme as s,TextField as c}from"@radix-ui/themes";import{useTheme as u}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as d}from"../../color/constants.mjs";import{Text as m}from"../../Typography/Text/index.mjs";import{IconButton as p}from"../IconButton/index.mjs";import{EyeOpenIcon as f,EyeClosedIcon as h}from"@radix-ui/react-icons";var g=function(){return g=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},g.apply(this,arguments)},v=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},y=t("",{variants:{radius:g({},i.base),color:l()}}),x=o.forwardRef((function(o,t){var i,l,x,w=o.className,b=o.color,O=o.size,N=o.appearance,T=o.scaling,z=o.radius,S=o.children,R=o.validationType,B=o.regex,C=o.warningMessage,P=o.onChange,M=o.onBlur,F=v(o,["className","color","size","appearance","scaling","radius","children","validationType","regex","warningMessage","onChange","onBlur"]),I=u().theme,$=a(!1),k=$[0],D=$[1],E=a(null!==(i=F.defaultValue)&&void 0!==i?i:""),U=E[0],V=E[1],_=a(!1),q=_[0],A=_[1],G="2";"small"===O&&(G="1"),"large"===O&&(G="3");var H={scaling:null!==(l=null!=T?T:I.themeScaling)&&void 0!==l?l:"100%",radius:null!=z?z:I.themeRadius,color:null!==(x=null!=b?b:I.themeColor)&&void 0!==x?x:d},J=/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/,K=/^[0-9]+$/,L="";return"number"==R&&(L="숫자만 입력 가능합니다."),"email"==R&&(L="이메일 형식에 어긋납니다."),"password"==(null==F?void 0:F.type)&&delete F.type,r("div",{children:[e(s,{scaling:H.scaling,accentColor:H.color,hasBackground:!1,children:r(c.Root,g({ref:t,variant:N,size:G,type:"password"!==R||q?"text":"password",radius:H.radius,color:H.color,className:n(y({radius:H.radius}),w),onChange:function(r){r.target.value&&B?D(!0):"number"!=R||!r.target.value||B||K.test(r.target.value)?(D(!1),V(r.target.value),P&&P(r)):D(!0)},value:U,onBlur:function(r){M&&M(r),"email"!=R||!r.target.value||J.test(r.target.value)?D(!1):D(!0)}},F,{children:[S,"password"==R&&e(j.Slot,{side:"right",children:e(p,{appearance:"ghost",color:"slate",onMouseDown:function(r){return A(!0)},onMouseUp:function(r){return A(!1)},children:e(q?f:h,{height:"14",width:"14"})})})]}))}),k&&e(m,{size:"1",color:H.color,children:C||L})]})}));x.displayName="TextField.Root";var w=o.forwardRef((function(r,o){var a=r.className,t=r.color,i=r.side,l=r.radius,s=r.children,u=v(r,["className","color","side","radius","children"]);return e(c.Slot,g({ref:o,color:t,side:i,className:n(y({radius:l}),a)},u,{children:s}))}));w.displayName="TextField.Slot";var j={Root:x,Slot:w};export{x as Root,w as Slot,j as default};
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import o,{useState as a}from"react";import{cva as t}from"class-variance-authority";import{cn as n}from"../../utils/utils.mjs";import{radiusVariants as i,bgColorStyle as l}from"../../constants.mjs";import{Theme as s,TextField as c}from"@radix-ui/themes";import{useTheme as u}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as d}from"../../color/constants.mjs";import{Text as m}from"../../Typography/Text/index.mjs";import{IconButton as p}from"../IconButton/index.mjs";import{EyeOpenIcon as f,EyeClosedIcon as h}from"@radix-ui/react-icons";var g=function(){return g=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},g.apply(this,arguments)},v=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},y=t("",{variants:{radius:g({},i.base),color:l()}}),x=o.forwardRef((function(o,t){var i,l,x,w=o.className,j=o.color,O=o.size,N=o.appearance,T=o.scaling,z=o.radius,S=o.children,R=o.validationType,B=o.regex,C=o.warningMessage,P=o.onChange,M=o.onBlur,F=v(o,["className","color","size","appearance","scaling","radius","children","validationType","regex","warningMessage","onChange","onBlur"]),I=u().theme,$=a(!1),k=$[0],D=$[1],E=a(null!==(i=F.defaultValue)&&void 0!==i?i:""),U=E[0],V=E[1],_=a(!1),q=_[0],A=_[1],G="2";"small"===O&&(G="1"),"large"===O&&(G="3");var H={scaling:null!==(l=null!=T?T:I.themeScaling)&&void 0!==l?l:"100%",radius:null!=z?z:I.themeRadius,color:null!==(x=null!=j?j:I.themeColor)&&void 0!==x?x:d},J=/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/,K=/^[0-9]+$/,L="";return"number"==R&&(L="숫자만 입력 가능합니다."),"email"==R&&(L="이메일 형식에 어긋납니다."),"password"==(null==F?void 0:F.type)&&delete F.type,r("div",{children:[e(s,{scaling:H.scaling,accentColor:H.color,hasBackground:!1,children:r(c.Root,g({ref:t,variant:N,size:G,type:"password"!==R||q?"text":"password",radius:H.radius,color:H.color,className:n(y({radius:H.radius}),w),onChange:function(r){r.target.value&&B?D(!0):"number"!=R||!r.target.value||B||K.test(r.target.value)?(D(!1),V(r.target.value),P&&P(r)):D(!0)},value:U,onBlur:function(r){M&&M(r),"email"!=R||!r.target.value||J.test(r.target.value)?D(!1):D(!0)}},F,{children:[S,"password"==R&&e(b.Slot,{side:"right",children:e(p,{type:"button",appearance:"ghost",color:"slate",onMouseDown:function(r){return A(!0)},onMouseUp:function(r){return A(!1)},children:e(q?f:h,{height:"14",width:"14"})})})]}))}),k&&e(m,{size:"1",color:H.color,children:C||L})]})}));x.displayName="TextField.Root";var w=o.forwardRef((function(r,o){var a=r.className,t=r.color,i=r.side,l=r.radius,s=r.children,u=v(r,["className","color","side","radius","children"]);return e(c.Slot,g({ref:o,color:t,side:i,className:n(y({radius:l}),a)},u,{children:s}))}));w.displayName="TextField.Slot";var b={Root:x,Slot:w};export{x as Root,w as Slot,b as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Timeline: {
     Root: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLOListElement> & import("./TimelineRoot").TimelineRootProps & import("react").RefAttributes<HTMLOListElement>>;
     Item: import("react").ForwardRefExoticComponent<import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;

package/dist/lib/components/Toast/ToastRoot.d.ts

@@ -1,4 +1,4 @@
-import React, { Dispatch, SetStateAction } from 'react';
+import React, { Dispatch, SetStateAction, CSSProperties } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import { toastTitleVariants } from './ToastTitle';
@@ -6,6 +6,7 @@ import { toastDescriptionVariants } from './ToastDescription';
 import { toastActionButtonVariants } from './ToastActionButton';
 export interface ToastProps extends VariantProps<typeof toastVariants>, VariantProps<typeof toastTitleVariants>, VariantProps<typeof toastDescriptionVariants>, VariantProps<typeof toastActionButtonVariants>, VariantProps<typeof toastViewportVariants> {
     className?: string;
+    style?: CSSProperties;
     openToast?: boolean;
     duration?: number;
     titleText?: string;

package/dist/lib/components/Toast/ToastRoot.js

@@ -82,7 +82,7 @@ export var useToastContext = function () {
     return useContext(ToastContext);
 };
 export var ToastRoot = forwardRef(function (_a, ref) {
-    var className = _a.className, children = _a.children, openToast = _a.openToast, radius = _a.radius, scaling = _a.scaling, size = _a.size, color = _a.color, _b = _a.duration, duration = _b === void 0 ? 3000 : _b, _c = _a.toastPosition, toastPosition = _c === void 0 ? 'top_right' : _c, setOpenToast = _a.setOpenToast, props = __rest(_a, ["className", "children", "openToast", "radius", "scaling", "size", "color", "duration", "toastPosition", "setOpenToast"]);
+    var className = _a.className, style = _a.style, children = _a.children, openToast = _a.openToast, radius = _a.radius, scaling = _a.scaling, size = _a.size, color = _a.color, _b = _a.duration, duration = _b === void 0 ? 3000 : _b, _c = _a.toastPosition, toastPosition = _c === void 0 ? 'top_right' : _c, setOpenToast = _a.setOpenToast, props = __rest(_a, ["className", "style", "children", "openToast", "radius", "scaling", "size", "color", "duration", "toastPosition", "setOpenToast"]);
     var theme = useTheme().theme;
     var contextValue = {
         radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
@@ -92,7 +92,7 @@ export var ToastRoot = forwardRef(function (_a, ref) {
     };
     var toastRootStyle = "\n      shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] \n      flex flex-col px-[15px] relative justify-center\n      data-[state=open]:animate-slideIn \n      data-[state=closed]:animate-hide \n      data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] \n      data-[swipe=cancel]:translate-x-0 \n      data-[swipe=cancel]:transition-[transform_200ms_ease-out] \n      data-[swipe=end]:animate-swipeOut\n    ";
     var toastClassName = cn(toastVariants(contextValue), toastRootStyle, className);
-    return (_jsx(ToastContext.Provider, { value: contextValue, children: _jsxs(ToastPrimitive.Provider, { swipeDirection: "right", duration: duration, children: [_jsx(ToastPrimitive.Root, __assign({ ref: ref, className: toastClassName, open: openToast, onOpenChange: setOpenToast }, props, { children: children })), _jsx(ToastPrimitive.Viewport, { className: cn(toastViewportVariants({ toastPosition: toastPosition })) })] }) }));
+    return (_jsx(ToastContext.Provider, { value: contextValue, children: _jsxs(ToastPrimitive.Provider, { swipeDirection: "right", duration: duration, children: [_jsx(ToastPrimitive.Root, __assign({ ref: ref, className: toastClassName, open: openToast, onOpenChange: setOpenToast, style: style }, props, { children: children })), _jsx(ToastPrimitive.Viewport, { className: cn(toastViewportVariants({ toastPosition: toastPosition })) })] }) }));
 });
 ToastRoot.displayName = 'Toast.Root';
 export default ToastRoot;

package/dist/lib/components/Toast/ToastRoot.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{createContext as r,forwardRef as a,useContext as o}from"react";import{cva as n}from"class-variance-authority";import{cn as i}from"../../utils/utils.mjs";import{scalingVariants as s}from"../../constants.mjs";import*as l from"@radix-ui/react-toast";import{useTheme as p}from"../../theme/ThemeProvider.mjs";var d=function(){return d=Object.assign||function(t){for(var e,r=1,a=arguments.length;r<a;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},d.apply(this,arguments)},m=function(t,e){var r={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&e.indexOf(a)<0&&(r[a]=t[a]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(t);o<a.length;o++)e.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(t,a[o])&&(r[a[o]]=t[a[o]])}return r},c=n("flex bg-white dark:bg-slateDark-1",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-md"},size:{small:"w-[300px] min-h-[55px] p-3",medium:"w-[400px] min-h-[63px] p-3",large:"w-[400px] min-h-[84px] p-4","x-large":"w-[400px] min-h-[88px] p-4"},scaling:d({},s),color:{danger:"bg-red-3 dark:bg-redDark-3",warning:"bg-amber-3 dark:bg-amberDark-3",success:"bg-green-3 dark:bg-greenDark-3",information:"bg-sky-3 dark:bg-skyDark-3"}},defaultVariants:{radius:"medium",scaling:"100%",size:"medium"}}),u=n("[--viewport-padding:_25px] fixed flex flex-col outline-none gap-[10px]\n    p-[var(--viewport-padding)] m-0 list-none z-[987654321]",{variants:{toastPosition:{top_center:"top-0 left-1/2 transform -translate-x-1/2",top_left:"top-0 left-0",top_right:"top-0 right-0",bottom_center:"bottom-0 left-1/2 transform -translate-x-1/2",bottom_left:"bottom-0 left-0",bottom_right:"bottom-0 right-0"}},defaultVariants:{toastPosition:"top_right"}}),f=r({radius:"medium",scaling:"100%",size:"medium",color:null}),g=function(){return o(f)},x=a((function(r,a){var o=r.className,n=r.children,s=r.openToast,g=r.radius,x=r.scaling,h=r.size,_=r.color,b=r.duration,v=void 0===b?3e3:b,w=r.toastPosition,y=void 0===w?"top_right":w,O=r.setOpenToast,k=m(r,["className","children","openToast","radius","scaling","size","color","duration","toastPosition","setOpenToast"]),P=p().theme,j={radius:null!=g?g:P.themeRadius,scaling:null!=x?x:P.themeScaling,color:_,size:h},z=i(c(j),"\n      shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] \n      flex flex-col px-[15px] relative justify-center\n      data-[state=open]:animate-slideIn \n      data-[state=closed]:animate-hide \n      data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] \n      data-[swipe=cancel]:translate-x-0 \n      data-[swipe=cancel]:transition-[transform_200ms_ease-out] \n      data-[swipe=end]:animate-swipeOut\n    ",o);return t(f.Provider,{value:j,children:e(l.Provider,{swipeDirection:"right",duration:v,children:[t(l.Root,d({ref:a,className:z,open:s,onOpenChange:O},k,{children:n})),t(l.Viewport,{className:i(u({toastPosition:y}))})]})})}));x.displayName="Toast.Root";export{x as ToastRoot,x as default,c as toastVariants,u as toastViewportVariants,g as useToastContext};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{createContext as r,forwardRef as a,useContext as o}from"react";import{cva as n}from"class-variance-authority";import{cn as i}from"../../utils/utils.mjs";import{scalingVariants as s}from"../../constants.mjs";import*as l from"@radix-ui/react-toast";import{useTheme as p}from"../../theme/ThemeProvider.mjs";var d=function(){return d=Object.assign||function(t){for(var e,r=1,a=arguments.length;r<a;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},d.apply(this,arguments)},m=function(t,e){var r={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&e.indexOf(a)<0&&(r[a]=t[a]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(t);o<a.length;o++)e.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(t,a[o])&&(r[a[o]]=t[a[o]])}return r},c=n("flex bg-white dark:bg-slateDark-1",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-md"},size:{small:"w-[300px] min-h-[55px] p-3",medium:"w-[400px] min-h-[63px] p-3",large:"w-[400px] min-h-[84px] p-4","x-large":"w-[400px] min-h-[88px] p-4"},scaling:d({},s),color:{danger:"bg-red-3 dark:bg-redDark-3",warning:"bg-amber-3 dark:bg-amberDark-3",success:"bg-green-3 dark:bg-greenDark-3",information:"bg-sky-3 dark:bg-skyDark-3"}},defaultVariants:{radius:"medium",scaling:"100%",size:"medium"}}),u=n("[--viewport-padding:_25px] fixed flex flex-col outline-none gap-[10px]\n    p-[var(--viewport-padding)] m-0 list-none z-[987654321]",{variants:{toastPosition:{top_center:"top-0 left-1/2 transform -translate-x-1/2",top_left:"top-0 left-0",top_right:"top-0 right-0",bottom_center:"bottom-0 left-1/2 transform -translate-x-1/2",bottom_left:"bottom-0 left-0",bottom_right:"bottom-0 right-0"}},defaultVariants:{toastPosition:"top_right"}}),f=r({radius:"medium",scaling:"100%",size:"medium",color:null}),g=function(){return o(f)},x=a((function(r,a){var o=r.className,n=r.style,s=r.children,g=r.openToast,x=r.radius,h=r.scaling,_=r.size,b=r.color,v=r.duration,w=void 0===v?3e3:v,y=r.toastPosition,O=void 0===y?"top_right":y,k=r.setOpenToast,P=m(r,["className","style","children","openToast","radius","scaling","size","color","duration","toastPosition","setOpenToast"]),j=p().theme,z={radius:null!=x?x:j.themeRadius,scaling:null!=h?h:j.themeScaling,color:b,size:_},D=i(c(z),"\n      shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] \n      flex flex-col px-[15px] relative justify-center\n      data-[state=open]:animate-slideIn \n      data-[state=closed]:animate-hide \n      data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] \n      data-[swipe=cancel]:translate-x-0 \n      data-[swipe=cancel]:transition-[transform_200ms_ease-out] \n      data-[swipe=end]:animate-swipeOut\n    ",o);return t(f.Provider,{value:z,children:e(l.Provider,{swipeDirection:"right",duration:w,children:[t(l.Root,d({ref:a,className:D,open:g,onOpenChange:k,style:n},P,{children:s})),t(l.Viewport,{className:i(u({toastPosition:O}))})]})})}));x.displayName="Toast.Root";export{x as ToastRoot,x as default,c as toastVariants,u as toastViewportVariants,g as useToastContext};
 //# sourceMappingURL=ToastRoot.mjs.map

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Toast: {
     Root: import("react").ForwardRefExoticComponent<import("@radix-ui/react-toast").ToastProviderProps & import("./ToastRoot").ToastProps & import("react").RefAttributes<never>>;
     Title: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-toast").ToastTitleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./ToastTitle").ToastTitleProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const ToggleGroup: {
     Root: import("react").ForwardRefExoticComponent<(import("react").ComponentPropsWithoutRef<import("react").ForwardRefExoticComponent<(import("@radix-ui/react-toggle-group").ToggleGroupSingleProps | import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps) & import("react").RefAttributes<HTMLDivElement>>> & import("./ToggleGroupRoot").ToggleGroupProps) & import("react").RefAttributes<HTMLDivElement>>;
     Item: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./ToggleGroupItem").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -20,8 +20,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");

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

@@ -1,3 +1,3 @@
 "use client";
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";import{primaryColorStyle as r}from"../../constants.mjs";import o,{useState as l,useRef as i,useCallback as a,useEffect as c}from"react";import{StaticTreeDataProvider as u,UncontrolledTreeEnvironment as s,Tree as f}from"react-complex-tree";import d from"../TextField/index.mjs";import{Button as m}from"../Button/index.mjs";import{MAIN_COLOR as p}from"../../color/constants.mjs";import{useTheme as h}from"../../theme/ThemeProvider.mjs";var v=function(){return v=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},v.apply(this,arguments)},y=function(e,t,n,r){return new(n||(n=Promise))((function(o,l){function i(e){try{c(r.next(e))}catch(e){l(e)}}function a(e){try{c(r.throw(e))}catch(e){l(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,a)}c((r=r.apply(e,t||[])).next())}))},b=function(e,t){var n,r,o,l,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return l={next:a(0),throw:a(1),return:a(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function a(a){return function(c){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;l&&(l=0,a[0]&&(i=0)),i;)try{if(n=1,r&&(o=2&a[0]?r.return:a[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;switch(r=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,r=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(6===a[0]&&i.label<o[1]){i.label=o[1],o=a;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(a);break}o[2]&&i.ops.pop(),i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e],r=0}finally{n=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,c])}}},x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[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])&&(n[r[o]]=e[r[o]])}return n},g=function(e,t,n){if(n||2===arguments.length)for(var r,o=0,l=t.length;o<l;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))};function w(e,t){var n=[];return Object.values(e).forEach((function(e){e[t]&&n.push(e.index)})),n}n("",{variants:{color:r()}});var I=null,j=o.forwardRef((function(n,r){var o,j,O,k=n.items,S=n.treeId;n.className;var T=n.color,P=n.isSearch,E=n.keyword,C=x(n,["items","treeId","className","color","isSearch","keyword"]),N=l(""),F=N[0],R=N[1],B=i(null),D=l({}),L=D[0],q=D[1],A=w(k,"isFocusd"),z=w(k,"isExpanded"),G=w(k,"isSelected");I=new u(L,(function(e,t){return v(v({},e),{data:t})}));var H=h().theme,J={color:null!==(j=null!=T?T:H.themeColor)&&void 0!==j?j:p},K=a((function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return y(void 0,g([e],t,!0),void 0,(function(e,t){var n,r,o,l,i;return void 0===t&&(t="root"),b(this,(function(a){switch(a.label){case 0:return I?[4,I.getTreeItem(t)]:[2];case 1:return(n=a.sent()).data.toLowerCase().includes(e.toLowerCase())?[2,[n.index]]:[4,Promise.all(null!==(i=null===(l=n.children)||void 0===l?void 0:l.map((function(t){return K(e,t)})))&&void 0!==i?i:[])];case 2:return r=a.sent(),o=r.find((function(e){return null!==e})),o?[2,g([n.index],o,!0)]:[2,null]}}))}))}),[I]),M=a((function(e){e.preventDefault(),F&&K(F).then((function(e){var t;e&&(null===(t=B.current)||void 0===t||t.expandSubsequently(e).then((function(){var t,n;null===(t=B.current)||void 0===t||t.selectItems([e[e.length-1]]),null===(n=B.current)||void 0===n||n.focusItem(e[e.length-1])})))}))}),[K,F]);return c((function(){E&&K(E).then((function(e){var t;e&&(null===(t=B.current)||void 0===t||t.expandSubsequently(e).then((function(){var t,n;null===(t=B.current)||void 0===t||t.selectItems([e[e.length-1]]),null===(n=B.current)||void 0===n||n.focusItem(e[e.length-1])})))}))}),[E]),c((function(){if(k){var e=[],t=[];k.map((function(e){t.push.apply(t,e.children)})),k.forEach((function(n){t.includes(n.index)||e.push(n.index)}));var n={};n.root={index:"root",isFolder:!0,children:e,data:"Root item"},k.map((function(e){n[e.index]=v(v({},e),{isFolder:e.children.length>0})})),q(n)}}),[k]),c((function(){Object.keys(L).length>0&&I&&(null==I||I.onDidChangeTreeDataEmitter.emit(Object.keys(L)))}),[L]),e("div",{className:"text-slate-12",children:[P&&e("div",{className:"flex",children:[t(d.Root,{color:J.color,value:F,onChange:function(e){return R(e.target.value)},placeholder:"검색어를 입력하세요",className:"mr-2"}),t(m,{color:J.color,onClick:M,children:"검색"})]}),t(s,v({ref:r,dataProvider:I,getItemTitle:function(e){return e.data},viewState:(o={},o[S]={focusedItem:null!==(O=A[0])&&void 0!==O?O:"",expandedItems:z,selectedItems:G},o),keyboardBindings:v({renameItem:["enter"],abortRenameItem:["control+z"]},C.keyboardBindings)},C,{canSearch:!1,children:t(f,{ref:B,treeId:S,rootItem:"root",treeLabel:"Tree Example"})}))]})}));j.displayName="Tree";export{j as Tree,I as treeProvider};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";import{primaryColorStyle as r}from"../../constants.mjs";import o,{useState as l,useRef as i,useCallback as a,useEffect as c}from"react";import{StaticTreeDataProvider as u,UncontrolledTreeEnvironment as s,Tree as f}from"react-complex-tree";import d from"../TextField/index.mjs";import{Button as m}from"../Button/index.mjs";import{MAIN_COLOR as p}from"../../color/constants.mjs";import{useTheme as h}from"../../theme/ThemeProvider.mjs";var v=function(){return v=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},v.apply(this,arguments)},y=function(e,t,n,r){return new(n||(n=Promise))((function(o,l){function i(e){try{c(r.next(e))}catch(e){l(e)}}function a(e){try{c(r.throw(e))}catch(e){l(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,a)}c((r=r.apply(e,t||[])).next())}))},b=function(e,t){var n,r,o,l={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]},i=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return i.next=a(0),i.throw=a(1),i.return=a(2),"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function a(a){return function(c){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;i&&(i=0,a[0]&&(l=0)),l;)try{if(n=1,r&&(o=2&a[0]?r.return:a[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;switch(r=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return l.label++,{value:a[1],done:!1};case 5:l.label++,r=a[1],a=[0];continue;case 7:a=l.ops.pop(),l.trys.pop();continue;default:if(!(o=l.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){l=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){l.label=a[1];break}if(6===a[0]&&l.label<o[1]){l.label=o[1],o=a;break}if(o&&l.label<o[2]){l.label=o[2],l.ops.push(a);break}o[2]&&l.ops.pop(),l.trys.pop();continue}a=t.call(e,l)}catch(e){a=[6,e],r=0}finally{n=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,c])}}},x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[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])&&(n[r[o]]=e[r[o]])}return n},g=function(e,t,n){if(n||2===arguments.length)for(var r,o=0,l=t.length;o<l;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))};function w(e,t){var n=[];return Object.values(e).forEach((function(e){e[t]&&n.push(e.index)})),n}n("",{variants:{color:r()}});var I=null,j=o.forwardRef((function(n,r){var o,j,O,k=n.items,S=n.treeId;n.className;var T=n.color,P=n.isSearch,E=n.keyword,C=x(n,["items","treeId","className","color","isSearch","keyword"]),N=l(""),F=N[0],R=N[1],B=i(null),D=l({}),L=D[0],q=D[1],A=w(k,"isFocusd"),z=w(k,"isExpanded"),G=w(k,"isSelected");I=new u(L,(function(e,t){return v(v({},e),{data:t})}));var H=h().theme,J={color:null!==(j=null!=T?T:H.themeColor)&&void 0!==j?j:p},K=a((function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return y(void 0,g([e],t,!0),void 0,(function(e,t){var n,r,o,l,i;return void 0===t&&(t="root"),b(this,(function(a){switch(a.label){case 0:return I?[4,I.getTreeItem(t)]:[2];case 1:return(n=a.sent()).data.toLowerCase().includes(e.toLowerCase())?[2,[n.index]]:[4,Promise.all(null!==(i=null===(l=n.children)||void 0===l?void 0:l.map((function(t){return K(e,t)})))&&void 0!==i?i:[])];case 2:return r=a.sent(),o=r.find((function(e){return null!==e})),o?[2,g([n.index],o,!0)]:[2,null]}}))}))}),[I]),M=a((function(e){e.preventDefault(),F&&K(F).then((function(e){var t;e&&(null===(t=B.current)||void 0===t||t.expandSubsequently(e).then((function(){var t,n;null===(t=B.current)||void 0===t||t.selectItems([e[e.length-1]]),null===(n=B.current)||void 0===n||n.focusItem(e[e.length-1])})))}))}),[K,F]);return c((function(){E&&K(E).then((function(e){var t;e&&(null===(t=B.current)||void 0===t||t.expandSubsequently(e).then((function(){var t,n;null===(t=B.current)||void 0===t||t.selectItems([e[e.length-1]]),null===(n=B.current)||void 0===n||n.focusItem(e[e.length-1])})))}))}),[E]),c((function(){if(k){var e=[],t=[];k.map((function(e){t.push.apply(t,e.children)})),k.forEach((function(n){t.includes(n.index)||e.push(n.index)}));var n={};n.root={index:"root",isFolder:!0,children:e,data:"Root item"},k.map((function(e){n[e.index]=v(v({},e),{isFolder:e.children.length>0})})),q(n)}}),[k]),c((function(){Object.keys(L).length>0&&I&&(null==I||I.onDidChangeTreeDataEmitter.emit(Object.keys(L)))}),[L]),e("div",{className:"text-slate-12",children:[P&&e("div",{className:"flex",children:[t(d.Root,{color:J.color,value:F,onChange:function(e){return R(e.target.value)},placeholder:"검색어를 입력하세요",className:"mr-2"}),t(m,{color:J.color,onClick:M,children:"검색"})]}),t(s,v({ref:r,dataProvider:I,getItemTitle:function(e){return e.data},viewState:(o={},o[S]={focusedItem:null!==(O=A[0])&&void 0!==O?O:"",expandedItems:z,selectedItems:G},o),keyboardBindings:v({renameItem:["enter"],abortRenameItem:["control+z"]},C.keyboardBindings)},C,{canSearch:!1,children:t(f,{ref:B,treeId:S,rootItem:"root",treeLabel:"Tree Example"})}))]})}));j.displayName="Tree";export{j as Tree,I as treeProvider};
 //# sourceMappingURL=index.mjs.map

package/dist/lib/constants.d.ts

@@ -649,6 +649,6 @@ export declare const textColorStyle: () => Record<string, string>;
 export declare const borderColorStyle: () => Record<string, string>;
 export declare const appearanceStyle: (type: string, color?: string, isClickable?: boolean) => string;
 export declare const toggleAppearanceStyle: (type: string, color?: string, isClickable?: boolean, stateOn?: string) => string;
-export declare const menuItemAppearanceStyle: (type: 'solid' | 'soft' | 'ghost', color?: string) => string;
+export declare const menuItemAppearanceStyle: (type: "solid" | "soft" | "ghost", color?: string) => string;
 export declare const checkboxAppearanceStyle: (type: string, color: string | undefined, indeterminate: boolean) => string;
-export declare const selectAppearanceStyle: (type: 'classic' | 'surface' | 'soft' | 'ghost', color: string) => string;
+export declare const selectAppearanceStyle: (type: "classic" | "surface" | "soft" | "ghost", color: string) => string;