@jbpark/ui-kit 2.1.0 → 2.2.2

package/README.ko.md

@@ -42,9 +42,13 @@ src/
 | --------------- | ------------------------- | ------------------------------------ |
 | **Button**      | 다양한 스타일의 버튼      | -                                    |
 | **Checkbox**    | 체크박스 및 그룹 체크박스 | `Group`                              |
+| **ColorPicker** | 색상 선택 컴포넌트        | -                                    |
 | **FloatButton** | 플로팅 버튼               | `BackTop`                            |
 | **Input**       | 입력 필드 컴포넌트        | `Search`, `TextArea`                 |
+| **Popover**     | 팝오버 툴팁 컴포넌트      | -                                    |
 | **Progress**    | 진행률 표시 컴포넌트      | -                                    |
+| **Radio**       | 라디오 버튼 컴포넌트      | -                                    |
+| **Select**      | 드롭다운 선택 컴포넌트    | -                                    |
 | **Skeleton**    | 로딩 스켈레톤             | `Button`, `Node`                     |
 | **Spin**        | 로딩 스피너               | -                                    |
 | **Switch**      | 토글 스위치               | -                                    |

package/README.md

@@ -42,9 +42,13 @@ Basic UI building blocks
 | --------------- | ---------------------------- | ------------------------------------ |
 | **Button**      | Various button styles        | -                                    |
 | **Checkbox**    | Checkbox and checkbox groups | `Group`                              |
+| **ColorPicker** | Color selection component    | -                                    |
 | **FloatButton** | Floating action button       | `BackTop`                            |
 | **Input**       | Input field component        | `Search`, `TextArea`                 |
+| **Popover**     | Popover tooltip component    | -                                    |
 | **Progress**    | Progress indicator component | -                                    |
+| **Radio**       | Radio button component       | -                                    |
+| **Select**      | Select dropdown component    | -                                    |
 | **Skeleton**    | Loading skeleton             | `Button`, `Node`                     |
 | **Spin**        | Loading spinner              | -                                    |
 | **Switch**      | Toggle switch component      | -                                    |

package/dist/Menu.d.mts

@@ -1,2 +1,2 @@
-import { a as MenuProps, c as buildSelectionMap, i as MenuItem, l as findKey, n as MENU_CLASSNAMES, o as Props, r as Menu, s as SelectionMap, t as ClickEventHandler } from "./index-CbElazGe.mjs";
+import { a as MenuProps, c as buildSelectionMap, i as MenuItem, l as findKey, n as MENU_CLASSNAMES, o as Props, r as Menu, s as SelectionMap, t as ClickEventHandler } from "./index-D2igfkiF.mjs";
 export { ClickEventHandler, MENU_CLASSNAMES, MenuItem, MenuProps, Props, SelectionMap, buildSelectionMap, Menu as default, findKey };

package/dist/Menu.mjs

@@ -1,8 +1,8 @@
 'use client';
 
-import { d as buildSelectionMap, f as findKey, l as MENU_CLASSNAMES, u as Menu_default } from "./src-Da3Y-f7V.mjs";
+import { d as buildSelectionMap, f as findKey, l as MENU_CLASSNAMES, u as Menu_default } from "./src-DZ7IYc6G.mjs";
 import "./utils-CssUrKWE.mjs";
-import "./Typography-DJSakhLz.mjs";
-import "./Reveals-BMHeo2nr.mjs";
+import "./Typography-GMk9208W.mjs";
+import "./Reveals-mkV9B8lj.mjs";
 
 export { MENU_CLASSNAMES, buildSelectionMap, Menu_default as default, findKey };

package/dist/Reveals.d.mts

@@ -1,2 +1,2 @@
-import { a as Reveals, i as Props, n as DELAY, o as Item, r as DURATION, s as ItemProps, t as CASCADE } from "./index-DS-PGSIg.mjs";
+import { a as Reveals, i as Props, n as DELAY, o as Item, r as DURATION, s as ItemProps, t as CASCADE } from "./index-BbwB0IAD.mjs";
 export { CASCADE, DELAY, DURATION, Item, ItemProps, Props as RevealsProps, Reveals as default };

package/dist/Reveals.mjs

@@ -1,4 +1,4 @@
 import "./utils-CssUrKWE.mjs";
-import { a as Item_default, i as Reveals_default, n as DELAY, r as DURATION, t as CASCADE } from "./Reveals-BMHeo2nr.mjs";
+import { a as Item_default, i as Reveals_default, n as DELAY, r as DURATION, t as CASCADE } from "./Reveals-mkV9B8lj.mjs";
 
 export { CASCADE, DELAY, DURATION, Item_default as Item, Reveals_default as default };

package/dist/{Typography-DJSakhLz.mjs → Typography-GMk9208W.mjs}

@@ -1,11 +1,10 @@
 import { t as cn } from "./utils-CssUrKWE.mjs";
-import { t as TEXT_LEVELS } from "./enums-HFC1lmIX.mjs";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/atoms/Typography/Link/index.tsx
-const Link = ({ children, className, level, ...props }) => {
+const Link = ({ children, className, ...props }) => {
 	return /* @__PURE__ */ jsx("a", {
-		className: cn("underline-offset-1 hover:underline", level ? TEXT_LEVELS[level] : "", className),
+		className: cn("underline-offset-1 hover:underline", className),
 		...props,
 		children
 	});
@@ -14,10 +13,10 @@ var Link_default = Link;
 
 //#endregion
 //#region src/components/atoms/Typography/Paragraph/index.tsx
-const Paragraph = ({ children, className, level, ...props }) => {
+const Paragraph = ({ children, className, ...props }) => {
 	return /* @__PURE__ */ jsx("p", {
 		...props,
-		className: cn(level ? TEXT_LEVELS[level] : "", className),
+		className: cn(className),
 		children
 	});
 };
@@ -25,9 +24,9 @@ var Paragraph_default = Paragraph;
 
 //#endregion
 //#region src/components/atoms/Typography/Text/index.tsx
-const Text = ({ children, underline, strong, className, level, ...props }) => {
+const Text = ({ children, underline, strong, className, ...props }) => {
 	return /* @__PURE__ */ jsx("span", {
-		className: cn("text-nowrap", level ? TEXT_LEVELS[level] : "", underline && "underline", strong && "font-bold", className),
+		className: cn("text-nowrap", underline && "underline", strong && "font-bold", className),
 		...props,
 		children
 	});

package/dist/Typography.d.mts

@@ -1,2 +1,2 @@
-import { a as Paragraph, i as Text, n as TypographyProps, o as Link, r as Title, t as Typography } from "./index-DX9rV4ki.mjs";
-export { Link, Paragraph, Text, Title, TypographyProps, Typography as default };
+import { a as Paragraph, i as Text, n as Typography, o as Link, r as Title, t as Props } from "./index-BQHdyc27.mjs";
+export { Link, Paragraph, Props, Text, Title, Typography as default };

package/dist/Typography.mjs

@@ -1,4 +1,4 @@
 import "./utils-CssUrKWE.mjs";
-import { a as Link_default, i as Paragraph_default, n as Title_default, r as Text_default, t as Typography_default } from "./Typography-DJSakhLz.mjs";
+import { a as Link_default, i as Paragraph_default, n as Title_default, r as Text_default, t as Typography_default } from "./Typography-GMk9208W.mjs";
 
 export { Link_default as Link, Paragraph_default as Paragraph, Text_default as Text, Title_default as Title, Typography_default as default };

package/dist/enums.mjs

@@ -1,3 +1,12 @@
-import { t as TEXT_LEVELS } from "./enums-HFC1lmIX.mjs";
+//#region src/lib/enums/index.ts
+const TEXT_LEVELS = {
+	1: "text-2xl",
+	2: "text-xl",
+	3: "text-lg",
+	4: "text-base",
+	5: "text-sm",
+	6: "text-xs"
+};
 
+//#endregion
 export { TEXT_LEVELS };

package/dist/{index-DX9rV4ki.d.mts → index-BQHdyc27.d.mts}

@@ -1,27 +1,23 @@
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/components/atoms/Typography/Link/index.d.ts
-interface Props$3 extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-  level?: TypographyProps['level'];
-}
+interface Props$4 extends React.ComponentPropsWithoutRef<'a'> {}
 declare const Link: ({
   children,
   className,
-  level,
   ...props
-}: Props$3) => react_jsx_runtime7.JSX.Element;
+}: Props$4) => react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/atoms/Typography/Paragraph/index.d.ts
-interface Props$2 extends TypographyProps {}
+interface Props$3 extends React.ComponentPropsWithoutRef<'p'> {}
 declare const Paragraph: ({
   children,
   className,
-  level,
   ...props
-}: Props$2) => react_jsx_runtime7.JSX.Element;
+}: Props$3) => react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/atoms/Typography/Text/index.d.ts
-interface Props$1 extends TypographyProps {
+interface Props$2 extends React.ComponentPropsWithoutRef<'span'> {
   underline?: boolean;
   strong?: boolean;
 }
@@ -30,54 +26,50 @@ declare const Text: ({
   underline,
   strong,
   className,
-  level,
   ...props
-}: Props$1) => react_jsx_runtime7.JSX.Element;
+}: Props$2) => react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/atoms/Typography/Title/index.d.ts
-interface Props extends TypographyProps {}
+interface Props$1 extends React.ComponentPropsWithoutRef<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'> {
+  level?: 1 | 2 | 3 | 4 | 5 | 6;
+}
 declare const Title: ({
   children,
   level,
   className,
   ...props
-}: Props) => react_jsx_runtime7.JSX.Element;
+}: Props$1) => react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/atoms/Typography/index.d.ts
-interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
-  level?: 1 | 2 | 3 | 4 | 5 | 6;
-}
+interface Props extends React.ComponentPropsWithoutRef<'article'> {}
 declare const Typography: {
   ({
     children,
     ...props
-  }: TypographyProps): react_jsx_runtime7.JSX.Element;
+  }: Props): react_jsx_runtime8.JSX.Element;
   Link: ({
     children,
     className,
-    level,
     ...props
-  }: Props$3) => react_jsx_runtime7.JSX.Element;
+  }: Props$4) => react_jsx_runtime8.JSX.Element;
   Paragraph: ({
     children,
     className,
-    level,
     ...props
-  }: Props$2) => react_jsx_runtime7.JSX.Element;
+  }: Props$3) => react_jsx_runtime8.JSX.Element;
   Text: ({
     children,
     underline,
     strong,
     className,
-    level,
     ...props
-  }: Props$1) => react_jsx_runtime7.JSX.Element;
+  }: Props$2) => react_jsx_runtime8.JSX.Element;
   Title: ({
     children,
     level,
     className,
     ...props
-  }: Props) => react_jsx_runtime7.JSX.Element;
+  }: Props$1) => react_jsx_runtime8.JSX.Element;
 };
 //#endregion
-export { Paragraph as a, Text as i, TypographyProps as n, Link as o, Title as r, Typography as t };
+export { Paragraph as a, Text as i, Typography as n, Link as o, Title as r, Props as t };

package/dist/{index-DS-PGSIg.d.mts → index-BbwB0IAD.d.mts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import { MotionProps } from "motion/react";
 
 //#region src/components/molecules/Reveals/Item/index.d.ts
@@ -54,10 +54,10 @@ declare const Item: ({
   transition,
   className,
   ...props
-}: ItemProps) => react_jsx_runtime11.JSX.Element;
+}: ItemProps) => react_jsx_runtime9.JSX.Element;
 //#endregion
 //#region src/components/molecules/Reveals/index.d.ts
-interface Props extends React.HTMLAttributes<HTMLDivElement>, ItemProps {
+interface Props extends React.ComponentPropsWithoutRef<'div'>, ItemProps {
   cascade?: number;
   classNames?: {
     root?: string;
@@ -79,7 +79,7 @@ declare const Reveals: {
     duration,
     delay,
     ...props
-  }: Props): react_jsx_runtime11.JSX.Element;
+  }: Props): react_jsx_runtime9.JSX.Element;
   Item: ({
     effect,
     children,
@@ -91,7 +91,7 @@ declare const Reveals: {
     transition,
     className,
     ...props
-  }: ItemProps) => react_jsx_runtime11.JSX.Element;
+  }: ItemProps) => react_jsx_runtime9.JSX.Element;
 };
 //#endregion
 export { Reveals as a, Props as i, DELAY as n, Item as o, DURATION as r, ItemProps as s, CASCADE as t };

package/dist/{index-CbElazGe.d.mts → index-D2igfkiF.d.mts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/molecules/Menu/index.d.ts
 interface MenuItem {
@@ -30,7 +30,7 @@ interface Props {
   onClick?: ClickEventHandler;
   onSelect?: ClickEventHandler;
 }
-interface MenuProps extends Props, Omit<React.HTMLAttributes<HTMLElement>, 'onClick' | 'onSelect'> {
+interface MenuProps extends Props, Omit<React.ComponentPropsWithoutRef<'ul'>, 'onClick' | 'onSelect'> {
   items?: MenuItem[];
 }
 type ClickEventHandler = (params: {
@@ -56,6 +56,6 @@ declare const Menu: ({
   onClick,
   onSelect: _onSelect,
   ...props
-}: MenuProps) => react_jsx_runtime0.JSX.Element;
+}: MenuProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { MenuProps as a, buildSelectionMap as c, MenuItem as i, findKey as l, MENU_CLASSNAMES as n, Props as o, Menu as r, SelectionMap as s, ClickEventHandler as t };