From 3faab003d3178379a81c04459dae76033c2f5a04 Mon Sep 17 00:00:00 2001
From: harrisazmi <azmi.harris@gmail.com>
Date: Fri, 3 Oct 2025 16:56:15 +0800
Subject: [PATCH] feature: splask multilang support for select component

---
 .changeset/orange-jobs-dance.md          |  5 +++
 packages/react/src/components/select.tsx | 42 ++++++++++++++++--------
 2 files changed, 33 insertions(+), 14 deletions(-)
 create mode 100644 .changeset/orange-jobs-dance.md

diff --git a/.changeset/orange-jobs-dance.md b/.changeset/orange-jobs-dance.md
new file mode 100644
index 00000000..0f918a47
--- /dev/null
+++ b/.changeset/orange-jobs-dance.md
@@ -0,0 +1,5 @@
+---
+"@govtechmy/myds-react": patch
+---
+
+Integration of Splask Multilang Support to select component
diff --git a/packages/react/src/components/select.tsx b/packages/react/src/components/select.tsx
index a4e551dd..d1173259 100644
--- a/packages/react/src/components/select.tsx
+++ b/packages/react/src/components/select.tsx
@@ -12,6 +12,11 @@ type SelectBase = Omit<
 > & {
   variant: "outline" | "ghost" | null;
   size: "small" | "medium" | "large" | null;
+  /**
+   * Add this prop for Splask Multilang Support
+   * Will render splwpk-multilang ="splwpk-multilang"
+   */
+splaskMultilang?: boolean; 
 };
 
 type SelectSingle = SelectBase & {
@@ -96,20 +101,29 @@ const Select: React.ForwardRefExoticComponent<SelectProps> = React.forwardRef(
     };
 
     return (
-      <SelectContext.Provider
-        value={{ ...props, _value, _handleClose: _setOpen }}
-      >
-        <SelectPrimitive.Root
-          ref={ref}
-          {...props}
-          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-          /* @ts-expect-error */
-          value={_value}
-          onValueChange={handleValueChange}
-          open={_open}
-          onOpenChange={handleClose}
-        />
-      </SelectContext.Provider>
+
+  <div
+    {...(props.splaskMultilang
+      ? { "splwpk-multilang": "splwpk-multilang" }
+      : {})}
+  >
+    <SelectContext.Provider
+      value={{ ...props, _value, _handleClose: _setOpen }}
+    >
+      <SelectPrimitive.Root
+        ref={ref}
+        {...props}
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        /* @ts-expect-error */
+        value={_value}
+        onValueChange={handleValueChange}
+        open={_open}
+        onOpenChange={handleClose}
+      />
+    </SelectContext.Provider>
+  </div>
+
+
     );
   },
 );