@lotte-innovate/ui-component-test 0.1.27 → 0.1.29

package/README.md

@@ -1,5 +1,9 @@
 # LOTTE UI COMPONENT LIBRARY
 
+<div style="padding: 20px;">
+ <img src="./Welcome.png" style="width: auto; height: auto;" alt="컴포넌트 이미지입니다."/>
+</div>
+
 ---
 
 <br />
@@ -67,7 +71,7 @@ export default App;
 ```javascript
 import React from 'react';
 import { IconButton } from '@lotte-innovate/ui-component-test';
-import { MagnifyingGlassIcon } from "@radix-ui/react-icons";
+import { MagnifyingGlassIcon } from '@radix-ui/react-icons';
 
 const App = () => {
   return (
@@ -82,7 +86,6 @@ const App = () => {
 export default App;
 ```
 
-
 ## Components
 
 주요 컴포넌트는 이런 이런 종류가 있습니다. (추가 설명 작성 예정)

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/ToggleGroup/ToggleGroupRoot.js

@@ -40,8 +40,9 @@ export var ToggleGroupContext = createContext({
     appearance: 'surface',
 });
 export var ToggleGroupRoot = forwardRef(function (_a, ref) {
-    var className = _a.className, children = _a.children, defaultValue = _a.defaultValue, value = _a.value, type = _a.type, onValueChange = _a.onValueChange, scaling = _a.scaling, size = _a.size, color = _a.color, appearance = _a.appearance, props = __rest(_a, ["className", "children", "defaultValue", "value", "type", "onValueChange", "scaling", "size", "color", "appearance"]);
+    var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, color = _a.color, appearance = _a.appearance, props = __rest(_a, ["className", "children", "scaling", "size", "color", "appearance"]);
+    var type = __assign({}, props).type;
     var contextValue = { size: size, color: color, appearance: appearance };
-    return (_jsx(ToggleGroupContext.Provider, { value: contextValue, children: type === 'single' ? (_jsx(ToggleGroupPrimitive.Root, __assign({ ref: ref, type: type, value: value, defaultValue: defaultValue, className: cn(toggleVariants({ scaling: scaling }), className) }, props, { children: children }))) : (_jsx(ToggleGroupPrimitive.Root, __assign({ ref: ref, type: type, value: value, defaultValue: defaultValue, className: cn(toggleVariants({ scaling: scaling }), className) }, props, { children: children }))) }));
+    return (_jsx(ToggleGroupContext.Provider, { value: contextValue, children: type === 'single' ? (_jsx(ToggleGroupPrimitive.Root, __assign({ className: cn(toggleVariants({ scaling: scaling }), className) }, props, { ref: ref, children: children }))) : (_jsx(ToggleGroupPrimitive.Root, __assign({ className: cn(toggleVariants({ scaling: scaling }), className) }, props, { ref: ref, children: children }))) }));
 });
 ToggleGroupRoot.displayName = 'ToggleGroup.Root';

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.27",
+  "version": "0.1.29",
   "private": false,
   "type": "module",
   "files": [