@uniai-fe/uds-primitives 0.3.22 → 0.3.23

package/dist/styles.css

@@ -2309,6 +2309,9 @@ figure.chip {
   font-weight: var(--dropdown-option-font-weight, var(--dropdown-text-weight));
   line-height: var(--dropdown-option-line-height, var(--dropdown-text-medium-line-height));
 }
+.dropdown-menu-item-trigger span {
+  user-select: none;
+}
 .dropdown-menu-item-trigger[data-state=selected] {
   background-color: var(--dropdown-option-bg-selected);
   color: var(--dropdown-option-color-selected);
@@ -2335,7 +2338,7 @@ figure.chip {
 
 .dropdown-menu-item-left,
 .dropdown-menu-item-right {
-  display: inline-flex;
+  display: flex;
   align-items: center;
   color: inherit;
 }
@@ -2349,7 +2352,7 @@ figure.chip {
 }
 
 .dropdown-menu-item-label {
-  display: inline-flex;
+  display: flex;
   align-items: center;
   min-width: 0;
   color: inherit;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniai-fe/uds-primitives",
-  "version": "0.3.22",
+  "version": "0.3.23",
   "description": "UNIAI Design System; Primitives Components Package",
   "type": "module",
   "private": false,

package/src/components/dropdown/markup/foundation/MenuItem.tsx

@@ -7,6 +7,7 @@ import { forwardRef } from "react";
 import type { DropdownMenuItemProps } from "../../types/props";
 import { Checkbox } from "../../../checkbox/markup/Checkbox";
 import type { CheckboxProps } from "../../../checkbox/types";
+import { Slot } from "../../../slot";
 
 /**
  * Dropdown Foundation; Menu Item 옵션 렌더링 컴포넌트
@@ -42,13 +43,10 @@ const DropdownMenuItem = forwardRef<HTMLDivElement, DropdownMenuItemProps>(
     ref,
   ) => {
     const labelContent = label ?? children;
-    // 변경: label/children이 string|number일 때만 준비된 label span으로 매핑하고, 그 외 ReactNode는 그대로 렌더링한다.
-    const resolvedLabelContent =
-      typeof labelContent === "string" || typeof labelContent === "number" ? (
-        <span className="dropdown-menu-item-label">{labelContent}</span>
-      ) : (
-        labelContent
-      );
+    // 변경: label 렌더링을 Slot.Text 경로로 통일해 string|number만 공통 래핑 규칙을 적용한다.
+    const resolvedLabelContent = (
+      <Slot.Text className="dropdown-menu-item-label">{labelContent}</Slot.Text>
+    );
     const hasDescription = Boolean(description);
     const shouldRenderCheckbox = multiple && !left;
 

package/src/components/dropdown/styles/dropdown.scss

@@ -98,6 +98,10 @@
     var(--dropdown-text-medium-line-height)
   );
 
+  span {
+    user-select: none;
+  }
+
   &[data-state="selected"] {
     background-color: var(--dropdown-option-bg-selected);
     color: var(--dropdown-option-color-selected);
@@ -134,7 +138,8 @@
 
 .dropdown-menu-item-left,
 .dropdown-menu-item-right {
-  display: inline-flex;
+  // 변경: inline-* 금지 규칙에 맞춰 정렬 컨테이너를 flex로 통일한다.
+  display: flex;
   align-items: center;
   color: inherit;
 }
@@ -148,7 +153,8 @@
 }
 
 .dropdown-menu-item-label {
-  display: inline-flex;
+  // 변경: inline-* 금지 규칙에 맞춰 라벨 렌더 박스를 flex로 유지한다.
+  display: flex;
   align-items: center;
   min-width: 0;
   color: inherit;

package/src/components/slot/markup/Text.tsx

@@ -21,12 +21,30 @@ export default function SlotText<C extends ElementType = "span">({
     return children;
   }
 
+  // 변경: rest spread로 유입될 수 있는 className 충돌을 제거해 slot-text 클래스가 항상 유지되도록 한다.
+  const restPropsRecord = restProps as Record<string, unknown>;
+  const restClassName =
+    typeof restPropsRecord.className === "string"
+      ? restPropsRecord.className
+      : undefined;
+  const mergedClassName = clsx("slot-text", restClassName, className);
+  const normalizedRestProps = { ...restPropsRecord };
+  delete normalizedRestProps.className;
+
+  const hasCustomTitle =
+    "title" in normalizedRestProps &&
+    typeof normalizedRestProps.title !== "undefined";
+
+  // 변경: 텍스트 children은 기본 title을 자동 주입해 native tooltip 경로를 보장한다.
+  const nativeTitleProps = hasCustomTitle ? {} : { title: String(children) };
+
   // 문자열/숫자 children만 공통 slot text 마크업으로 감싼다.
   return (
     <SlotBase
       as={as as ElementType}
-      className={clsx("slot-text", className)}
-      {...restProps}
+      className={mergedClassName}
+      {...nativeTitleProps}
+      {...normalizedRestProps}
     >
       {children}
     </SlotBase>