@jbpark/ui-kit 1.1.5 → 1.1.7

package/dist/Menu.d.mts

@@ -1,2 +1,2 @@
-import { a as findKey, i as MenuProps, n as Menu, r as MenuItem, t as ClickEventHandler } from "./index-B9mWYXv2.mjs";
+import { a as findKey, i as MenuProps, n as Menu, r as MenuItem, t as ClickEventHandler } from "./index-BNeH6gYs.mjs";
 export { ClickEventHandler, MenuItem, MenuProps, Menu as default, findKey };

package/dist/Menu.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import { l as Menu_default, u as findKey } from "./src-BWzCs5T7.mjs";
+import { l as Menu_default, u as findKey } from "./src-DBVgtbBS.mjs";
 import "./utils-DEenfsJ-.mjs";
 import "./Typography-LYvEW-c8.mjs";
 import "./Reveals-BpnYZJUk.mjs";

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-CvYPwbSk.mjs";
 export { CASCADE, DELAY, DURATION, Item, ItemProps, Props as RevealsProps, Reveals as default };

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-D-PIa92o.mjs";
+import { a as Paragraph, i as Text, n as TypographyProps, o as Link, r as Title, t as Typography } from "./index-DP36DulT.mjs";
 export { Link, Paragraph, Text, Title, TypographyProps, Typography as default };

package/dist/{index-B9mWYXv2.d.mts → index-BNeH6gYs.d.mts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/molecules/Menu/index.d.ts
 interface MenuItem {
@@ -54,6 +54,6 @@ declare const Menu: ({
   inlineOffset,
   onClick,
   ...props
-}: MenuProps) => react_jsx_runtime4.JSX.Element;
+}: MenuProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { findKey as a, MenuProps as i, Menu as n, MenuItem as r, ClickEventHandler as t };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 import { MotionProps } from "motion/react";
 
 //#region src/components/molecules/Reveals/Item/index.d.ts
@@ -54,7 +54,7 @@ declare const Item: ({
   transition,
   className,
   ...props
-}: ItemProps) => react_jsx_runtime11.JSX.Element;
+}: ItemProps) => react_jsx_runtime7.JSX.Element;
 //#endregion
 //#region src/components/molecules/Reveals/index.d.ts
 interface Props extends React.HTMLAttributes<HTMLDivElement>, ItemProps {
@@ -79,7 +79,7 @@ declare const Reveals: {
     duration,
     delay,
     ...props
-  }: Props): react_jsx_runtime11.JSX.Element;
+  }: Props): react_jsx_runtime7.JSX.Element;
   Item: ({
     effect,
     children,
@@ -91,7 +91,7 @@ declare const Reveals: {
     transition,
     className,
     ...props
-  }: ItemProps) => react_jsx_runtime11.JSX.Element;
+  }: ItemProps) => react_jsx_runtime7.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-D-PIa92o.d.mts → index-DP36DulT.d.mts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/components/atoms/Typography/Link/index.d.ts
 interface Props$3 extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
@@ -9,7 +9,7 @@ declare const Link: ({
   className,
   level,
   ...props
-}: Props$3) => react_jsx_runtime10.JSX.Element;
+}: Props$3) => react_jsx_runtime9.JSX.Element;
 //#endregion
 //#region src/components/atoms/Typography/Paragraph/index.d.ts
 interface Props$2 extends TypographyProps {}
@@ -18,7 +18,7 @@ declare const Paragraph: ({
   className,
   level,
   ...props
-}: Props$2) => react_jsx_runtime10.JSX.Element;
+}: Props$2) => react_jsx_runtime9.JSX.Element;
 //#endregion
 //#region src/components/atoms/Typography/Text/index.d.ts
 interface Props$1 extends TypographyProps {
@@ -32,7 +32,7 @@ declare const Text: ({
   className,
   level,
   ...props
-}: Props$1) => react_jsx_runtime10.JSX.Element;
+}: Props$1) => react_jsx_runtime9.JSX.Element;
 //#endregion
 //#region src/components/atoms/Typography/Title/index.d.ts
 interface Props extends TypographyProps {}
@@ -41,7 +41,7 @@ declare const Title: ({
   level,
   className,
   ...props
-}: Props) => react_jsx_runtime10.JSX.Element;
+}: Props) => react_jsx_runtime9.JSX.Element;
 //#endregion
 //#region src/components/atoms/Typography/index.d.ts
 interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
@@ -51,19 +51,19 @@ declare const Typography: {
   ({
     children,
     ...props
-  }: TypographyProps): react_jsx_runtime10.JSX.Element;
+  }: TypographyProps): react_jsx_runtime9.JSX.Element;
   Link: ({
     children,
     className,
     level,
     ...props
-  }: Props$3) => react_jsx_runtime10.JSX.Element;
+  }: Props$3) => react_jsx_runtime9.JSX.Element;
   Paragraph: ({
     children,
     className,
     level,
     ...props
-  }: Props$2) => react_jsx_runtime10.JSX.Element;
+  }: Props$2) => react_jsx_runtime9.JSX.Element;
   Text: ({
     children,
     underline,
@@ -71,13 +71,13 @@ declare const Typography: {
     className,
     level,
     ...props
-  }: Props$1) => react_jsx_runtime10.JSX.Element;
+  }: Props$1) => react_jsx_runtime9.JSX.Element;
   Title: ({
     children,
     level,
     className,
     ...props
-  }: Props) => react_jsx_runtime10.JSX.Element;
+  }: Props) => react_jsx_runtime9.JSX.Element;
 };
 //#endregion
 export { Paragraph as a, Text as i, TypographyProps as n, Link as o, Title as r, Typography as t };

package/dist/index.d.mts

@@ -1,10 +1,10 @@
-import { t as Typography } from "./index-D-PIa92o.mjs";
-import { i as MenuProps, n as Menu } from "./index-B9mWYXv2.mjs";
-import { a as Reveals } from "./index-DS-PGSIg.mjs";
+import { t as Typography } from "./index-DP36DulT.mjs";
+import { i as MenuProps, n as Menu } from "./index-BNeH6gYs.mjs";
+import { a as Reveals } from "./index-CvYPwbSk.mjs";
 import * as React$2 from "react";
-import React$1, { HTMLAttributes, MouseEvent } from "react";
+import React$1, { ChangeEvent, HTMLAttributes, InputHTMLAttributes, MouseEvent } from "react";
 import { VariantProps } from "class-variance-authority";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 import * as swiper_react0 from "swiper/react";
 import { SwiperProps } from "swiper/react";
 import "swiper/css";
@@ -20,13 +20,13 @@ declare const buttonVariants: (props?: ({
   variant?: "outline" | "link" | "default" | "destructive" | "secondary" | "ghost" | null | undefined;
   size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
-type Props$21 = React$2.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
+type Props$22 = React$2.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
   asChild?: boolean;
 };
 //#endregion
 //#region src/components/atoms/Button/index.d.ts
 type PresetColors = 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' | 'red' | 'orange' | 'yellow' | 'volcano' | 'geekblue' | 'lime' | 'gold';
-interface Props$20 extends Omit<Props$21, 'size'> {
+interface Props$21 extends Omit<Props$22, 'size'> {
   icon?: React.ReactNode;
   block?: boolean;
   danger?: boolean;
@@ -50,7 +50,7 @@ declare const Button: ({
   children,
   onMouseDown,
   ...props
-}: Props$20) => react_jsx_runtime17.JSX.Element;
+}: Props$21) => react_jsx_runtime19.JSX.Element;
 //#endregion
 //#region src/components/atoms/Checkbox/Group/index.d.ts
 type Option = {
@@ -59,7 +59,7 @@ type Option = {
   checked?: boolean;
 };
 type Options = string[] | number[] | boolean[] | Option[];
-interface Props$19 extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+interface Props$20 extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
   options?: Options;
   direction?: string;
   placement?: string;
@@ -69,7 +69,7 @@ interface Props$19 extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'
 //#endregion
 //#region src/components/atoms/Checkbox/index.d.ts
 type OptionValue = string | number | boolean;
-interface Props$18 extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+interface Props$19 extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
   placement?: string;
   checked?: boolean;
   value?: OptionValue;
@@ -90,7 +90,7 @@ declare const Checkbox: {
     checked: _checked,
     onChange: _onChange,
     ...props
-  }: Props$18): react_jsx_runtime17.JSX.Element;
+  }: Props$19): react_jsx_runtime19.JSX.Element;
   Group: ({
     direction,
     placement,
@@ -98,29 +98,55 @@ declare const Checkbox: {
     classNames,
     options: _options,
     onChange
-  }: Props$19) => react_jsx_runtime17.JSX.Element;
+  }: Props$20) => react_jsx_runtime19.JSX.Element;
 };
 //#endregion
 //#region src/components/atoms/FloatButton/BackTop/index.d.ts
-interface Props$17 extends Props$20 {
+interface Props$18 extends Props$21 {
   visibilityHeight?: number;
   onClick?: (e: MouseEvent<HTMLElement>) => void;
 }
 //#endregion
 //#region src/components/atoms/FloatButton/index.d.ts
-interface Props$16 extends Props$20 {}
+interface Props$17 extends Props$21 {}
 declare const FloatButton: {
   ({
     className,
     children,
     ...props
-  }: Props$16): react_jsx_runtime17.JSX.Element;
+  }: Props$17): react_jsx_runtime19.JSX.Element;
   BackTop: ({
     visibilityHeight,
     className,
     onClick,
     ...props
-  }: Props$17) => react_jsx_runtime17.JSX.Element;
+  }: Props$18) => react_jsx_runtime19.JSX.Element;
+};
+//#endregion
+//#region src/components/atoms/Input/Search/index.d.ts
+interface Props$16 extends InputHTMLAttributes<HTMLInputElement> {
+  allowClear?: boolean;
+  onChange: (e: ChangeEvent<HTMLInputElement> | {
+    target: {
+      value: string;
+    };
+  }) => void;
+  onPressEnter: () => void;
+}
+//#endregion
+//#region src/components/atoms/Input/index.d.ts
+declare const Input: {
+  ({
+    ...props
+  }: InputHTMLAttributes<HTMLInputElement>): react_jsx_runtime19.JSX.Element;
+  Search: React$2.ForwardRefExoticComponent<Props$16 & React$2.RefAttributes<HTMLInputElement>>;
+  TextArea: ({
+    className,
+    ref,
+    ...props
+  }: React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    ref?: React.Ref<HTMLTextAreaElement>;
+  }) => react_jsx_runtime19.JSX.Element;
 };
 //#endregion
 //#region src/components/atoms/Progress/index.d.ts
@@ -137,7 +163,7 @@ declare const Progress: ({
   className,
   direction,
   classNames
-}: Props$15) => react_jsx_runtime17.JSX.Element;
+}: Props$15) => react_jsx_runtime19.JSX.Element;
 //#endregion
 //#region src/components/atoms/Skeleton/index.d.ts
 interface Props$14 extends React.HTMLAttributes<HTMLDivElement> {
@@ -172,15 +198,15 @@ declare const Skeleton: {
     height,
     children,
     ...props
-  }: Props$14): string | number | bigint | boolean | Iterable<React$2.ReactNode> | Promise<string | number | bigint | boolean | React$2.ReactPortal | React$2.ReactElement<unknown, string | React$2.JSXElementConstructor<any>> | Iterable<React$2.ReactNode> | null | undefined> | react_jsx_runtime17.JSX.Element | null | undefined;
+  }: Props$14): string | number | bigint | boolean | react_jsx_runtime19.JSX.Element | Iterable<React$2.ReactNode> | Promise<string | number | bigint | boolean | React$2.ReactPortal | React$2.ReactElement<unknown, string | React$2.JSXElementConstructor<any>> | Iterable<React$2.ReactNode> | null | undefined> | null | undefined;
   Button: ({
     className,
     ...props
-  }: Props$14) => react_jsx_runtime17.JSX.Element;
+  }: Props$14) => react_jsx_runtime19.JSX.Element;
   Node: ({
     className,
     ...props
-  }: Props$14) => react_jsx_runtime17.JSX.Element;
+  }: Props$14) => react_jsx_runtime19.JSX.Element;
 };
 //#endregion
 //#region src/components/atoms/Spin/index.d.ts
@@ -191,7 +217,7 @@ declare const Spin: ({
   spinning,
   className,
   ...props
-}: Props$13) => react_jsx_runtime17.JSX.Element | null;
+}: Props$13) => react_jsx_runtime19.JSX.Element | null;
 //#endregion
 //#region src/components/atoms/Switch/index.d.ts
 interface Props$12 extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'> {
@@ -208,7 +234,7 @@ declare const Switch: ({
   className,
   classNames,
   ...props
-}: Props$12) => react_jsx_runtime17.JSX.Element;
+}: Props$12) => react_jsx_runtime19.JSX.Element;
 //#endregion
 //#region src/components/molecules/Card/index.d.ts
 interface Props$11 extends Omit<React.HTMLProps<HTMLDivElement>, 'title'> {
@@ -226,7 +252,7 @@ declare const Card: ({
   classNames,
   variant,
   ...props
-}: Props$11) => react_jsx_runtime17.JSX.Element;
+}: Props$11) => react_jsx_runtime19.JSX.Element;
 //#endregion
 //#region src/components/molecules/Collapse/index.d.ts
 interface Item {
@@ -253,7 +279,7 @@ declare const Collapse: ({
   className,
   classNames,
   defaultActiveKey
-}: Props$10) => react_jsx_runtime17.JSX.Element;
+}: Props$10) => react_jsx_runtime19.JSX.Element;
 //#endregion
 //#region src/components/molecules/Dropdown/index.d.ts
 type ChangeEventHandler = (open: boolean) => void;
@@ -271,7 +297,7 @@ declare const Dropdown: ({
   open: _open,
   onOpenChange,
   ...props
-}: Props$9) => react_jsx_runtime17.JSX.Element;
+}: Props$9) => react_jsx_runtime19.JSX.Element;
 //#endregion
 //#region src/components/molecules/Marquees/Item/index.d.ts
 interface ItemProps {
@@ -301,7 +327,7 @@ declare const Marquees: {
     pauseOnHover,
     autoFill,
     ...props
-  }: Props$7): react_jsx_runtime17.JSX.Element;
+  }: Props$7): react_jsx_runtime19.JSX.Element;
   Item: ({
     width: _width,
     speed,
@@ -309,7 +335,7 @@ declare const Marquees: {
     pause: _pause,
     pauseOnHover,
     children
-  }: Props$8) => react_jsx_runtime17.JSX.Element;
+  }: Props$8) => react_jsx_runtime19.JSX.Element;
 };
 //#endregion
 //#region src/components/molecules/Space/index.d.ts
@@ -340,7 +366,7 @@ declare const Space: ({
   hidden,
   style,
   ...props
-}: Props$6) => react_jsx_runtime17.JSX.Element;
+}: Props$6) => react_jsx_runtime19.JSX.Element;
 //#endregion
 //#region src/components/organisms/Drawer/index.d.ts
 interface Props$5 {
@@ -390,7 +416,7 @@ declare const Drawer: ({
   container,
   onClose,
   ...props
-}: Props$5) => react_jsx_runtime17.JSX.Element | null;
+}: Props$5) => react_jsx_runtime19.JSX.Element | null;
 //#endregion
 //#region src/components/organisms/List/index.d.ts
 interface Props$4<T> extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'title'> {
@@ -429,12 +455,12 @@ declare const List: {
     classNames,
     renderItem,
     ...props
-  }: Props$4<T>): string | number | bigint | true | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> | react_jsx_runtime17.JSX.Element;
+  }: Props$4<T>): string | number | bigint | true | react_jsx_runtime19.JSX.Element | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined>;
   Item: ({
     children,
     className,
     ...props
-  }: React$1.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime17.JSX.Element;
+  }: React$1.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime19.JSX.Element;
 };
 //#endregion
 //#region src/components/organisms/Modal/index.d.ts
@@ -488,7 +514,7 @@ declare const Modal: {
     onOk,
     onCancel,
     ...props
-  }: Props$3): react_jsx_runtime17.JSX.Element | null;
+  }: Props$3): react_jsx_runtime19.JSX.Element | null;
   destroy(id?: string): void;
   destroyAll(): void;
   info(props: StaticProps): string | undefined;
@@ -517,13 +543,13 @@ declare const Swiper: {
     renderItem,
     loadingClassName,
     ...props
-  }: Props$2<T>): react_jsx_runtime17.JSX.Element;
+  }: Props$2<T>): react_jsx_runtime19.JSX.Element;
   Slide: {
     ({
       children,
       className,
       ...props
-    }: swiper_react0.SwiperSlideProps): react_jsx_runtime17.JSX.Element;
+    }: swiper_react0.SwiperSlideProps): react_jsx_runtime19.JSX.Element;
     displayName: string;
   };
 };
@@ -538,27 +564,27 @@ declare const Layout: {
     children,
     className,
     ...props
-  }: Props): react_jsx_runtime17.JSX.Element;
+  }: Props): react_jsx_runtime19.JSX.Element;
   Content: ({
     children,
     className,
     ...props
-  }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime17.JSX.Element;
+  }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime19.JSX.Element;
   Footer: ({
     children,
     className,
     ...props
-  }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime17.JSX.Element;
+  }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime19.JSX.Element;
   Header: ({
     children,
     className,
     ...props
-  }: Props$1) => react_jsx_runtime17.JSX.Element;
+  }: Props$1) => react_jsx_runtime19.JSX.Element;
   Sider: ({
     children,
     className,
     ...props
-  }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime17.JSX.Element;
+  }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime19.JSX.Element;
 };
 //#endregion
-export { Button, Card, Checkbox, Collapse, Drawer, Dropdown, FloatButton, Layout, List, Marquees, Menu, Modal, Progress, Reveals, Skeleton, Space, Spin, Swiper, Switch, Typography };
+export { Button, Card, Checkbox, Collapse, Drawer, Dropdown, FloatButton, Input, Layout, List, Marquees, Menu, Modal, Progress, Reveals, Skeleton, Space, Spin, Swiper, Switch, Typography };

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import { _ as FloatButton_default, a as Drawer_default, c as Dropdown_default, d as Collapse_default, f as Card_default, g as Progress_default, h as Skeleton_default, i as List_default, l as Menu_default, m as Spin_default, n as Swiper_default, o as Space_default, p as Switch_default, r as Modal_default, s as Marquees_default, t as Layout_default, v as Checkbox_default, y as Button_default } from "./src-BWzCs5T7.mjs";
+import { _ as Input_default, a as Drawer_default, b as Button_default, c as Dropdown_default, d as Collapse_default, f as Card_default, g as Progress_default, h as Skeleton_default, i as List_default, l as Menu_default, m as Spin_default, n as Swiper_default, o as Space_default, p as Switch_default, r as Modal_default, s as Marquees_default, t as Layout_default, v as FloatButton_default, y as Checkbox_default } from "./src-DBVgtbBS.mjs";
 import "./utils-DEenfsJ-.mjs";
 import { t as Typography_default } from "./Typography-LYvEW-c8.mjs";
 import { i as Reveals_default } from "./Reveals-BpnYZJUk.mjs";
 
-export { Button_default as Button, Card_default as Card, Checkbox_default as Checkbox, Collapse_default as Collapse, Drawer_default as Drawer, Dropdown_default as Dropdown, FloatButton_default as FloatButton, Layout_default as Layout, List_default as List, Marquees_default as Marquees, Menu_default as Menu, Modal_default as Modal, Progress_default as Progress, Reveals_default as Reveals, Skeleton_default as Skeleton, Space_default as Space, Spin_default as Spin, Swiper_default as Swiper, Switch_default as Switch, Typography_default as Typography };
+export { Button_default as Button, Card_default as Card, Checkbox_default as Checkbox, Collapse_default as Collapse, Drawer_default as Drawer, Dropdown_default as Dropdown, FloatButton_default as FloatButton, Input_default as Input, Layout_default as Layout, List_default as List, Marquees_default as Marquees, Menu_default as Menu, Modal_default as Modal, Progress_default as Progress, Reveals_default as Reveals, Skeleton_default as Skeleton, Space_default as Space, Spin_default as Spin, Swiper_default as Swiper, Switch_default as Switch, Typography_default as Typography };

package/dist/{src-CHbpO4Np.css → src-BMCpZppe.css}

@@ -173,7 +173,7 @@
   } /* yellow-500 */
   [data-slot='button'][data-color='volcano'] {
     --btn-bg: #ea580c;
-  } /* orange-600 느낌 */
+  } /* orange-600 */
   [data-slot='button'][data-color='geekblue'] {
     --btn-bg: #6366f1;
   } /* indigo-500 */

package/dist/{src-BWzCs5T7.mjs → src-DBVgtbBS.mjs}

@@ -1,8 +1,8 @@
 import { t as cn } from "./utils-DEenfsJ-.mjs";
 import { t as Typography_default } from "./Typography-LYvEW-c8.mjs";
-import { ArrowUp, Check, ChevronDown, CircleQuestionMark, Info, Loader2, LoaderCircle, OctagonAlert, OctagonX, Square, SquareCheck, X, XIcon } from "lucide-react";
+import { ArrowUp, Check, ChevronDown, CircleQuestionMark, CircleX, Info, Loader2, LoaderCircle, OctagonAlert, OctagonX, Search, Square, SquareCheck, X, XIcon } from "lucide-react";
 import * as React$1 from "react";
-import React, { Children, createElement, useEffect, useId, useRef, useState } from "react";
+import React, { Children, createElement, forwardRef, useEffect, useId, useRef, useState } from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -254,6 +254,87 @@ const FloatButton = ({ className, children, ...props }) => {
 FloatButton.BackTop = BackTop_default;
 var FloatButton_default = FloatButton;
 
+//#endregion
+//#region src/core/input.tsx
+const Input$1 = React$1.forwardRef(({ className, type, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("input", {
+		type,
+		className: cn(`border-input file:text-foreground placeholder:text-muted-foreground
+          focus-visible:ring-ring flex h-9 w-full rounded-md border
+          bg-transparent px-3 py-1 text-base shadow-sm transition-colors
+          file:border-0 file:bg-transparent file:text-sm file:font-medium
+          focus-visible:ring-1 focus-visible:outline-none
+          disabled:cursor-not-allowed disabled:opacity-50 md:text-sm`, className),
+		ref,
+		...props
+	});
+});
+Input$1.displayName = "Input";
+
+//#endregion
+//#region src/components/atoms/Input/Search/index.tsx
+const Search$1 = forwardRef(({ className, value, allowClear = true, onChange = () => {}, onPressEnter, ...props }, ref) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("relative flex items-center gap-x-2", "rounded-md", "p-3", className),
+		children: [
+			/* @__PURE__ */ jsx(Search, { className: "absolute size-5" }),
+			/* @__PURE__ */ jsx(Input$1, {
+				ref,
+				inputMode: "search",
+				type: "search",
+				enterKeyHint: "search",
+				className: cn("w-full"),
+				value,
+				onChange,
+				onKeyDown: (e) => {
+					if (e.key === "Enter") onPressEnter();
+				},
+				...props
+			}),
+			/* @__PURE__ */ jsx(CircleX, {
+				className: cn("absolute size-4 shrink-0 cursor-pointer", (!allowClear || !value) && "hidden"),
+				onClick: () => onChange({ target: { value: "" } })
+			})
+		]
+	});
+});
+Search$1.displayName = "Search";
+var Search_default = Search$1;
+
+//#endregion
+//#region src/core/textarea.tsx
+const Textarea = React$1.forwardRef(({ className, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("textarea", {
+		className: cn(`border-input placeholder:text-muted-foreground focus-visible:ring-ring
+        flex min-h-[60px] w-full rounded-md border bg-transparent px-3 py-2
+        text-base shadow-sm focus-visible:ring-1 focus-visible:outline-none
+        disabled:cursor-not-allowed disabled:opacity-50 md:text-sm`, className),
+		ref,
+		...props
+	});
+});
+Textarea.displayName = "Textarea";
+
+//#endregion
+//#region src/components/atoms/Input/TextArea/index.tsx
+const TextArea = ({ className, ref, ...props }) => {
+	return /* @__PURE__ */ jsx(Textarea, {
+		ref,
+		className: cn(className),
+		...props
+	});
+};
+var TextArea_default = TextArea;
+
+//#endregion
+//#region src/components/atoms/Input/index.tsx
+const Input = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Input$1, { ...props });
+};
+Input.Search = Search_default;
+Input.TextArea = TextArea_default;
+var Input_default = Input;
+
 //#endregion
 //#region src/core/progress.tsx
 const Progress$1 = React$1.forwardRef(({ className, barClassName, barStyle, value, ...props }, ref) => /* @__PURE__ */ jsx(ProgressPrimitive.Root, {
@@ -4516,6 +4597,7 @@ const Marquees = ({ className, items, speed, pauseOnHover = true, autoFill = tru
 	const [pause, setPause] = useState(false);
 	const throttledWidth = useThrottle(width, 200);
 	const { size } = useResponsiveSize();
+	const { size: innerSize, ref: innerRef } = useResponsiveSize();
 	const hoverEvents = pauseOnHover ? {
 		onMouseEnter: () => {
 			setPause(true);
@@ -4524,6 +4606,7 @@ const Marquees = ({ className, items, speed, pauseOnHover = true, autoFill = tru
 			setPause(false);
 		}
 	} : {};
+	const maxWidth = typeof throttledWidth === "string" ? "100%" : Math.min(throttledWidth, innerSize.width);
 	useEffect(() => {
 		if (!size.width) return;
 		setWidth(size.width);
@@ -4538,12 +4621,13 @@ const Marquees = ({ className, items, speed, pauseOnHover = true, autoFill = tru
 		};
 	}, []);
 	return /* @__PURE__ */ jsx("div", {
+		ref: innerRef,
 		className: cn(className),
 		...hoverEvents,
 		...props,
 		children: /* @__PURE__ */ jsx("div", {
 			className: cn("flex flex-col gap-y-5", "overflow-hidden", "whitespace-nowrap", "bg-inherit"),
-			style: { width: throttledWidth },
+			style: { width: maxWidth },
 			children: items?.map(({ children, key: itemKey, ...item }, key) => /* @__PURE__ */ jsx(Item_default$1, {
 				width: throttledWidth,
 				pause,
@@ -4915,7 +4999,7 @@ const createModalRoot = (container) => {
 	}
 	return rootEl;
 };
-const Modal = ({ open = false, maskClosable = false, closable = false, closeIcon, className, classNames, style, title, footer, container, children, okText = "확인", cancelText = "취소", onOk, onCancel, ...props }) => {
+const Modal = ({ open = false, maskClosable = false, closable = false, closeIcon, className, classNames, style, title, footer, container, children, okText = "OK", cancelText = "Cancel", onOk, onCancel, ...props }) => {
 	if (typeof window === "undefined") return null;
 	return /* @__PURE__ */ jsx(Dialog, {
 		open,
@@ -4965,7 +5049,7 @@ const STATIC_ICONS = {
 	warning: /* @__PURE__ */ jsx(OctagonAlert, { className: "text-yellow-400" }),
 	confirm: /* @__PURE__ */ jsx(CircleQuestionMark, {})
 };
-const StaticModal = ({ type, title, content, okText = "확인", cancelText = "취소", id, container, icon, onOk, onCancel, ...props }) => {
+const StaticModal = ({ type, title, content, okText = "OK", cancelText = "Cancel", id, container, icon, onOk, onCancel, ...props }) => {
 	const [open, setOpen] = useState(true);
 	const closeModal = (callback) => {
 		callback?.();
@@ -5189,4 +5273,4 @@ Layout.Sider = Sider_default;
 var Layout_default = Layout;
 
 //#endregion
-export { FloatButton_default as _, Drawer_default as a, Dropdown_default as c, Collapse_default as d, Card_default as f, Progress_default as g, Skeleton_default as h, List_default as i, Menu_default as l, Spin_default as m, Swiper_default as n, Space_default as o, Switch_default as p, Modal_default as r, Marquees_default as s, Layout_default as t, findKey as u, Checkbox_default as v, Button_default$1 as y };
+export { Input_default as _, Drawer_default as a, Button_default$1 as b, Dropdown_default as c, Collapse_default as d, Card_default as f, Progress_default as g, Skeleton_default as h, List_default as i, Menu_default as l, Spin_default as m, Swiper_default as n, Space_default as o, Switch_default as p, Modal_default as r, Marquees_default as s, Layout_default as t, findKey as u, FloatButton_default as v, Checkbox_default as y };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbpark/ui-kit",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "description": "Modern React UI component library built with TypeScript, Tailwind CSS, and Radix UI. Featuring atoms, molecules, organisms and layout templates for building beautiful interfaces.",
   "keywords": [
     "react",
@@ -83,7 +83,7 @@
   },
   "dependencies": {
     "@gsap/react": "^2.1.2",
-    "@jbpark/use-hooks": "^1.0.0",
+    "@jbpark/use-hooks": "^2.0.2",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-dialog": "^1.1.15",