@x-plat/design-system 0.5.55 → 0.5.59

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) => {
@@ -9454,7 +9459,7 @@ var Swiper = (props) => {
   );
   const [isDragging, setIsDragging] = React31.useState(false);
   const [dragOffset, setDragOffset] = React31.useState(0);
-  const [animated, setAnimated] = React31.useState(true);
+  const [animated, setAnimated] = React31.useState(false);
   const [containerWidth, setContainerWidth] = React31.useState(0);
   const containerRef = React31.useRef(null);
   const startXRef = React31.useRef(0);
@@ -9462,12 +9467,17 @@ var Swiper = (props) => {
   const autoplayTimerRef = React31.useRef(null);
   const resumeTimeoutRef = React31.useRef(null);
   const [paused, setPaused] = React31.useState(false);
+  const initializedRef = React31.useRef(false);
   React31.useEffect(() => {
     const el = containerRef.current;
     if (!el) return;
     const ro = new ResizeObserver((entries) => {
       for (const entry of entries) {
         setContainerWidth(entry.contentRect.width);
+        if (!initializedRef.current) {
+          initializedRef.current = true;
+          requestAnimationFrame(() => setAnimated(true));
+        }
       }
     });
     ro.observe(el);
@@ -9670,6 +9680,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.55",
+  "version": "0.5.59",
   "description": "XPLAT UI Design System",
   "author": "XPLAT WOONG",
   "main": "dist/index.cjs",