@lotte-innovate/ui-component-test 0.1.26 → 0.1.28

package/dist/lib/components/Dialog/DialogRoot.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ComponentPropsWithoutRef } from 'react';
 import { Dialog as DialogTheme } from '@radix-ui/themes';
 import { VariantProps } from 'class-variance-authority';
 import { dialogContentVariants } from './DialogContent';
@@ -9,4 +9,7 @@ export interface DialogProps extends VariantProps<typeof dialogContentVariants>,
     color?: any;
 }
 export declare const DialogContext: React.Context<DialogProps>;
-export declare const DialogRoot: React.ForwardRefExoticComponent<DialogTheme.RootProps & DialogProps & React.RefAttributes<never>>;
+export declare const DialogRoot: {
+    ({ children, radius, size, scaling, color, ...props }: ComponentPropsWithoutRef<typeof DialogTheme.Root> & DialogProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, createContext } from 'react';
+import { createContext } from 'react';
 import { Theme, Dialog as DialogTheme } from '@radix-ui/themes';
 export var DialogContext = createContext({
     size: 'medium',
@@ -29,9 +29,9 @@ export var DialogContext = createContext({
     color: 'red',
     radius: 'medium',
 });
-export var DialogRoot = forwardRef(function (_a, ref) {
+export var DialogRoot = function (_a) {
     var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, color = _a.color, props = __rest(_a, ["children", "radius", "size", "scaling", "color"]);
     var contextValue = { radius: radius, size: size, scaling: scaling, color: color };
     return (_jsx(Theme, { accentColor: color, children: _jsx(DialogContext.Provider, { value: contextValue, children: _jsx(DialogTheme.Root, __assign({}, props, { children: children })) }) }));
-});
+};
 DialogRoot.displayName = 'Dialog.Root';

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

@@ -1,6 +1,9 @@
 /// <reference types="react" />
 declare const Dialog: {
-    Root: import("react").ForwardRefExoticComponent<import("@radix-ui/themes/dist/cjs/components/dialog").RootProps & import("./DialogRoot").DialogProps & import("react").RefAttributes<never>>;
+    Root: {
+        ({ children, radius, size, scaling, color, ...props }: import("@radix-ui/themes/dist/cjs/components/dialog").RootProps & import("./DialogRoot").DialogProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
     Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/dialog").TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
     Content: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/dialog").ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./DialogContent").DialogContentProps & import("react").RefAttributes<HTMLDivElement>>;
     Title: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/dialog").TitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("./DialogTitle").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist/lib/components/DropdownMenu/DropdownMenuRoot.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ComponentPropsWithoutRef } from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { VariantProps } from 'class-variance-authority';
 import { dropdownMenuContentVariants } from './DropdownMenuContent';
@@ -9,4 +9,7 @@ export interface DropdownMenuProps extends VariantProps<typeof dropdownMenuConte
     appearance?: 'solid' | 'soft';
 }
 export declare const DropdownMenuContext: React.Context<DropdownMenuProps>;
-export declare const DropdownMenuRoot: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuProps & DropdownMenuProps & React.RefAttributes<never>>;
+export declare const DropdownMenuRoot: {
+    ({ children, radius, size, scaling, color, appearance, ...props }: ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> & DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/lib/components/DropdownMenu/DropdownMenuRoot.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, createContext } from 'react';
+import { createContext } from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 export var DropdownMenuContext = createContext({
     radius: 'medium',
@@ -30,9 +30,9 @@ export var DropdownMenuContext = createContext({
     color: 'red',
     appearance: 'solid',
 });
-export var DropdownMenuRoot = forwardRef(function (_a, ref) {
+export var DropdownMenuRoot = function (_a) {
     var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, color = _a.color, appearance = _a.appearance, props = __rest(_a, ["children", "radius", "size", "scaling", "color", "appearance"]);
     var contextValue = { radius: radius, size: size, scaling: scaling, color: color, appearance: appearance };
     return (_jsx(DropdownMenuContext.Provider, { value: contextValue, children: _jsx(DropdownMenuPrimitive.Root, __assign({}, props, { children: children })) }));
-});
+};
 DropdownMenuRoot.displayName = 'DropdownMenu.Root';

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

@@ -1,6 +1,9 @@
 /// <reference types="react" />
 declare const DropdownMenu: {
-    Root: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuProps & import("./DropdownMenuRoot").DropdownMenuProps & import("react").RefAttributes<never>>;
+    Root: {
+        ({ children, radius, size, scaling, color, appearance, ...props }: import("@radix-ui/react-dropdown-menu").DropdownMenuProps & import("./DropdownMenuRoot").DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
     Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./DropdownMenuTrigger").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
     Content: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./DropdownMenuContent").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
     Label: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./DropdownMenuLable").DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,11 @@
-import React from 'react';
+import React, { ComponentPropsWithoutRef } from 'react';
 import { HoverCard as HoverCardTheme } from '@radix-ui/themes';
 import { hoverCardContentVariants } from './HoverCardContent';
 import { VariantProps } from 'class-variance-authority';
 export interface HoverCardProps extends VariantProps<typeof hoverCardContentVariants> {
 }
 export declare const HoverCardContext: React.Context<HoverCardProps>;
-export declare const HoverCardRoot: React.ForwardRefExoticComponent<HoverCardTheme.RootProps & HoverCardProps & React.RefAttributes<never>>;
+export declare const HoverCardRoot: {
+    ({ children, radius, size, scaling, weight, color, ...props }: ComponentPropsWithoutRef<typeof HoverCardTheme.Root> & HoverCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/lib/components/HoverCard/HoverCardRoot.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, createContext } from 'react';
+import { createContext } from 'react';
 import { HoverCard as HoverCardTheme, Theme } from '@radix-ui/themes';
 export var HoverCardContext = createContext({
     radius: 'medium',
@@ -30,9 +30,9 @@ export var HoverCardContext = createContext({
     weight: 'medium',
     color: 'red',
 });
-export var HoverCardRoot = forwardRef(function (_a, ref) {
+export var HoverCardRoot = function (_a) {
     var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, weight = _a.weight, color = _a.color, props = __rest(_a, ["children", "radius", "size", "scaling", "weight", "color"]);
     var contextValue = { radius: radius, size: size, scaling: scaling, weight: weight, color: color };
     return (_jsx(Theme, { children: _jsx(HoverCardContext.Provider, { value: contextValue, children: _jsx(HoverCardTheme.Root, __assign({}, props, { children: children })) }) }));
-});
+};
 HoverCardRoot.displayName = 'HoverCard.Root';

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

@@ -1,6 +1,9 @@
 /// <reference types="react" />
 declare const HoverCard: {
-    Root: import("react").ForwardRefExoticComponent<import("@radix-ui/themes/dist/cjs/components/hover-card").RootProps & import("./HoverCardRoot").HoverCardProps & import("react").RefAttributes<never>>;
+    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;
+        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>>;
     Content: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/hover-card").ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./HoverCardContent").HoverCardContentProps & import("react").RefAttributes<HTMLDivElement>>;
 };

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ComponentPropsWithoutRef } from 'react';
 import { Popover as PopoverTheme } from '@radix-ui/themes';
 import { VariantProps } from 'class-variance-authority';
 import { popoverContentVariants } from './PopoverContent';
@@ -6,4 +6,7 @@ import { popoverCloseVariants } from './PopoverClose';
 export interface PopoverProps extends VariantProps<typeof popoverContentVariants>, VariantProps<typeof popoverCloseVariants> {
 }
 export declare const PopoverContext: React.Context<PopoverProps>;
-export declare const PopoverRoot: React.ForwardRefExoticComponent<PopoverTheme.RootProps & PopoverProps & React.RefAttributes<never>>;
+export declare const PopoverRoot: {
+    ({ children, radius, size, scaling, ...props }: ComponentPropsWithoutRef<typeof PopoverTheme.Root> & PopoverProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/lib/components/Popover/PopoverRoot.js

@@ -21,16 +21,16 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, createContext } from 'react';
+import { createContext } from 'react';
 import { Theme, Popover as PopoverTheme } from '@radix-ui/themes';
 export var PopoverContext = createContext({
     radius: 'medium',
     size: 'medium',
     scaling: '100%',
 });
-export var PopoverRoot = forwardRef(function (_a, ref) {
+export var PopoverRoot = function (_a) {
     var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, props = __rest(_a, ["children", "radius", "size", "scaling"]);
     var contextValue = { radius: radius, size: size, scaling: scaling };
     return (_jsx(Theme, { children: _jsx(PopoverContext.Provider, { value: contextValue, children: _jsx(PopoverTheme.Root, __assign({}, props, { children: children })) }) }));
-});
+};
 PopoverRoot.displayName = 'Popover.Root';

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

@@ -1,6 +1,9 @@
 /// <reference types="react" />
 declare const Popover: {
-    Root: import("react").ForwardRefExoticComponent<import("@radix-ui/themes/dist/cjs/components/popover").RootProps & import("./PopoverRoot").PopoverProps & import("react").RefAttributes<never>>;
+    Root: {
+        ({ children, radius, size, scaling, ...props }: 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>>;
     Content: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/popover").ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./PopoverContent").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>;
     Close: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/popover").CloseProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./PopoverClose").PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -35,7 +35,7 @@ var tooltipVariants = cva('bg-slate-12 text-slate-1 dark:bg-slateDark-12 dark:te
         color: primaryColorStyle(),
     },
 });
-var Tooltip = React.forwardRef(function (_a) {
+var Tooltip = React.forwardRef(function (_a, ref) {
     var content = _a.content, scaling = _a.scaling, weight = _a.weight, color = _a.color, radius = _a.radius, children = _a.children, defaultOpen = _a.defaultOpen, open = _a.open, className = _a.className, side = _a.side, onOpenChange = _a.onOpenChange, props = __rest(_a, ["content", "scaling", "weight", "color", "radius", "children", "defaultOpen", "open", "className", "side", "onOpenChange"]);
     if (!side)
         side = 'top';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lotte-innovate/ui-component-test",
   "description": "Lotte UI Library",
-  "version": "0.1.26",
+  "version": "0.1.28",
   "private": false,
   "type": "module",
   "files": [