@vpdev2/metakyc-sdk 1.0.42 → 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
+            },
+            "__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
             },
-            d.value || `option-${m}`
+            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";
@@ -5241,39 +5270,32 @@ const Oe = {
     return /* @__PURE__ */ a("div", { className: "metakyc-sdk", children: /* @__PURE__ */ i($, { children: [
       /* @__PURE__ */ a(oe, { children: /* @__PURE__ */ a(He, { title: (o == null ? void 0 : o.title) || "Create Applicant" }) }),
       /* @__PURE__ */ i(B, { children: [
-        (u.title || u.subtitle || u.description) && /* @__PURE__ */ i(
-          "div",
-          {
-            className: "mb-4 pb-3 border-b",
-            style: { borderColor: "var(--metakyc-border, #e5e7eb)" },
-            children: [
-              u.title && /* @__PURE__ */ a(
-                "h3",
-                {
-                  className: "font-semibold text-base",
-                  style: { color: "var(--metakyc-text-primary, #111827)" },
-                  children: u.title
-                }
-              ),
-              u.subtitle && /* @__PURE__ */ a(
-                "p",
-                {
-                  className: "text-sm mt-0.5",
-                  style: { color: "var(--metakyc-text-secondary, #6b7280)" },
-                  children: u.subtitle
-                }
-              ),
-              u.description && u.description !== u.subtitle && /* @__PURE__ */ a(
-                "p",
-                {
-                  className: "text-xs mt-1",
-                  style: { color: "var(--metakyc-text-secondary, #6b7280)" },
-                  children: u.description
-                }
-              )
-            ]
-          }
-        ),
+        (u.title || u.subtitle || u.description) && /* @__PURE__ */ i("div", { className: "mb-4", children: [
+          u.title && /* @__PURE__ */ a(
+            "h3",
+            {
+              className: "font-semibold text-base",
+              style: { color: "var(--metakyc-text-primary, #111827)" },
+              children: u.title
+            }
+          ),
+          u.subtitle && /* @__PURE__ */ a(
+            "p",
+            {
+              className: "text-sm mt-0.5",
+              style: { color: "var(--metakyc-text-secondary, #6b7280)" },
+              children: u.subtitle
+            }
+          ),
+          u.description && u.description !== u.subtitle && /* @__PURE__ */ a(
+            "p",
+            {
+              className: "text-xs mt-1",
+              style: { color: "var(--metakyc-text-secondary, #6b7280)" },
+              children: u.description
+            }
+          )
+        ] }),
         (H || R.length > 0) && /* @__PURE__ */ i("div", { className: "mb-4 p-3 bg-red-50 border border-red-200 rounded-lg", children: [
           H && /* @__PURE__ */ i("p", { className: "text-red-600 text-sm", children: [
             /* @__PURE__ */ a("strong", { children: "Error:" }),