@x-plat/design-system 0.5.54 → 0.5.58

package/dist/index.js

@@ -9152,10 +9152,11 @@ var SelectItem = (props) => {
     ctx?.close();
     onClick?.();
   };
+  const isSelected = value !== void 0 ? ctx?.selectedValue === value : ctx?.selectedLabel === children;
   return /* @__PURE__ */ jsx334(
     "div",
     {
-      className: clsx_default("select-item", disabled && "disabled"),
+      className: clsx_default("select-item", disabled && "disabled", isSelected && "is-selected"),
       onClick: handleClick,
       role: "menuitem",
       tabIndex: disabled ? void 0 : 0,
@@ -9191,12 +9192,14 @@ var SelectRoot = (props) => {
   const isControlled = valueProp !== void 0;
   const [isOpen, setOpen] = React30.useState(false);
   const [uncontrolledLabel, setUncontrolledLabel] = React30.useState(null);
+  const [uncontrolledValue, setUncontrolledValue] = React30.useState(void 0);
   const controlledLabel = React30.useMemo(() => {
     if (!isControlled) return null;
     const match = itemChildren.find((child) => child.props.value === valueProp);
     return match ? match.props.children : null;
   }, [isControlled, valueProp, itemChildren]);
   const selectedLabel = isControlled ? controlledLabel : uncontrolledLabel;
+  const selectedValue = isControlled ? valueProp : uncontrolledValue;
   const triggerRef = React30.useRef(null);
   const contentRef = React30.useRef(null);
   const [mounted, setMounted] = React30.useState(false);
@@ -9223,6 +9226,7 @@ var SelectRoot = (props) => {
     (label, itemValue) => {
       if (!isControlled) {
         setUncontrolledLabel(label);
+        setUncontrolledValue(itemValue);
       }
       onChange?.(itemValue, label);
     },
@@ -9235,12 +9239,13 @@ var SelectRoot = (props) => {
       visible,
       triggerRef,
       selectedLabel,
+      selectedValue,
       setSelected,
       open,
       close,
       toggle
     }),
-    [isOpen, mounted, visible, selectedLabel, setSelected, open, close, toggle]
+    [isOpen, mounted, visible, selectedLabel, selectedValue, setSelected, open, close, toggle]
   );
   const stateClass = visible ? "visible" : "exit";
   const handleTriggerClick = (e) => {
@@ -9308,7 +9313,7 @@ var SelectRoot = (props) => {
         mounted && /* @__PURE__ */ jsx335(Portal_default, { children: /* @__PURE__ */ jsx335(
           "div",
           {
-            className: clsx_default("lib-xplat-select-content", position.direction, stateClass),
+            className: clsx_default("lib-xplat-select-content", size, position.direction, stateClass),
             ref: contentRef,
             style: { ...position.position, width: triggerRef.current?.offsetWidth },
             role: "listbox",
@@ -9670,6 +9675,7 @@ var Swiper = (props) => {
         className: "lib-xplat-swiper__viewport",
         onMouseDown: handleDragStart,
         onTouchStart: handleDragStart,
+        onDragStart: (e) => e.preventDefault(),
         children: /* @__PURE__ */ jsx339(
           "div",
           {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@x-plat/design-system",
-  "version": "0.5.54",
+  "version": "0.5.58",
   "description": "XPLAT UI Design System",
   "author": "XPLAT WOONG",
   "main": "dist/index.cjs",