@vpdev2/metakyc-sdk 1.0.43 → 1.0.44

package/dist/index.js

@@ -2616,40 +2616,69 @@ const $ = ({ children: e, className: t, ...r }) => /* @__PURE__ */ a(
     }
   ) });
 }, Ae = Te(
-  ({ label: e, error: t, helperText: r, options: n, placeholder: s, className: l, ...o }, c) => /* @__PURE__ */ i("div", { className: "w-full", children: [
-    e && /* @__PURE__ */ i("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: [
-      e,
-      o.required && /* @__PURE__ */ a("span", { className: "text-danger-500 ml-1", children: "*" })
-    ] }),
+  ({ label: e, error: t, helperText: r, options: n, placeholder: s, className: l, style: o, ...c }, d) => /* @__PURE__ */ i("div", { className: "w-full", children: [
+    e && /* @__PURE__ */ i(
+      "label",
+      {
+        className: "block text-sm font-medium mb-1",
+        style: { color: "var(--metakyc-text-primary, #374151)" },
+        children: [
+          e,
+          c.required && /* @__PURE__ */ a("span", { className: "text-danger-500 ml-1", children: "*" })
+        ]
+      }
+    ),
     /* @__PURE__ */ i(
       "select",
       {
-        ref: c,
+        ref: d,
         className: ie(
           "block w-full rounded-lg border px-3 py-2 text-sm transition-colors",
-          "focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent",
-          "disabled:bg-gray-100 disabled:cursor-not-allowed",
-          t ? "border-danger-500 focus:ring-danger-500" : "border-gray-300 dark:border-gray-600",
-          "dark:bg-gray-800 dark:text-white",
+          "focus:outline-none focus:ring-2 focus:ring-offset-0",
+          "disabled:opacity-60 disabled:cursor-not-allowed",
+          t ? "border-danger-500" : "",
           l
         ),
-        ...o,
+        style: {
+          backgroundColor: "var(--metakyc-input-bg, #ffffff)",
+          color: "var(--metakyc-text-primary, #111827)",
+          borderColor: t ? "var(--metakyc-error, #ef4444)" : "var(--metakyc-border, #d1d5db)",
+          // ring color via outline on focus
+          ...o
+        },
+        ...c,
         children: [
-          s && /* @__PURE__ */ a("option", { value: "", disabled: !0, children: s }, "__placeholder__"),
-          n.map((d, m) => /* @__PURE__ */ a(
+          s && /* @__PURE__ */ a(
             "option",
             {
-              value: d.value,
-              disabled: d.disabled,
-              children: d.label
+              value: "",
+              disabled: !0,
+              style: {
+                backgroundColor: "var(--metakyc-input-bg, #ffffff)",
+                color: "var(--metakyc-text-secondary, #6b7280)"
+              },
+              children: s
             },
-            d.value || `option-${m}`
+            "__placeholder__"
+          ),
+          n.map((m, w) => /* @__PURE__ */ a(
+            "option",
+            {
+              value: m.value,
+              disabled: m.disabled,
+              style: {
+                backgroundColor: "var(--metakyc-input-bg, #ffffff)",
+                color: m.disabled ? "var(--metakyc-text-secondary, #9ca3af)" : "var(--metakyc-text-primary, #111827)"
+              },
+              children: m.label
+            },
+            m.value || `option-${w}`
           ))
         ]
       }
     ),
-    t && /* @__PURE__ */ a("p", { className: "mt-1 text-sm text-danger-500", children: t }),
-    !t && r && /* @__PURE__ */ a("p", { className: "mt-1 text-sm text-gray-500", children: r })
+    t && /* @__PURE__ */ a("p", { className: "mt-1 text-sm", style: { color: "var(--metakyc-error, #ef4444)" }, children: t }),
+    !t && r && /* @__PURE__ */ a("p", { className: "mt-1 text-sm", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: r })
   ] })
 );
 Ae.displayName = "Select";