@jbpark/ui-kit 1.1.6 → 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-DsjrAVBb.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-BqaluEQ4.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-BqaluEQ4.d.mts → index-DP36DulT.d.mts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime8 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_runtime8.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_runtime8.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_runtime8.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_runtime8.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_runtime8.JSX.Element;
+  }: TypographyProps): react_jsx_runtime9.JSX.Element;
   Link: ({
     children,
     className,
     level,
     ...props
-  }: Props$3) => react_jsx_runtime8.JSX.Element;
+  }: Props$3) => react_jsx_runtime9.JSX.Element;
   Paragraph: ({
     children,
     className,
     level,
     ...props
-  }: Props$2) => react_jsx_runtime8.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_runtime8.JSX.Element;
+  }: Props$1) => react_jsx_runtime9.JSX.Element;
   Title: ({
     children,
     level,
     className,
     ...props
-  }: Props) => react_jsx_runtime8.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,6 +1,6 @@
-import { t as Typography } from "./index-BqaluEQ4.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, { ChangeEvent, HTMLAttributes, InputHTMLAttributes, MouseEvent } from "react";
 import { VariantProps } from "class-variance-authority";
@@ -198,7 +198,7 @@ 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_runtime19.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
@@ -455,7 +455,7 @@ 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_runtime19.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,

package/dist/index.mjs

@@ -1,4 +1,4 @@
-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-DsjrAVBb.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";

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-DsjrAVBb.mjs → src-DBVgtbBS.mjs}

@@ -4597,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);
@@ -4605,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);
@@ -4619,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,
@@ -4996,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,
@@ -5046,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?.();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbpark/ui-kit",
-  "version": "1.1.6",
+  "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",