@omnikit-js/ui 0.9.41 → 0.9.43

package/dist/{chunk-XYCOFFYZ.js → chunk-3AQCVPQI.js}

@@ -650,7 +650,7 @@ function BillingContent({
               const unit = usage.unit ? ` ${usage.unit}` : "";
               return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-gray-700 dark:text-gray-300", children: featureName }),
+                  /* @__PURE__ */ jsx("span", { className: "text-gray-700 dark:text-neutral-300", children: featureName }),
                   /* @__PURE__ */ jsxs("span", { className: "text-gray-600 dark:text-gray-400", children: [
                     usage.current_usage.toLocaleString(),
                     " / ",
@@ -673,14 +673,14 @@ function BillingContent({
               const stringValue = entitlement?.value ? typeof entitlement.value === "object" && entitlement.value !== null && "value" in entitlement.value ? String(entitlement.value.value) : String(entitlement.value) : null;
               if (stringValue) {
                 return /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center text-sm", children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-gray-700 dark:text-gray-300", children: featureName }),
+                  /* @__PURE__ */ jsx("span", { className: "text-gray-700 dark:text-neutral-300", children: featureName }),
                   /* @__PURE__ */ jsx("span", { className: "text-gray-900 dark:text-gray-100 font-medium", children: stringValue })
                 ] }, usage.feature_key);
               }
             }
             const isEnabled = usage.feature_type === "boolean" || usage.limit === 0;
             return /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center text-sm", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-gray-700 dark:text-gray-300", children: featureName }),
+              /* @__PURE__ */ jsx("span", { className: "text-gray-700 dark:text-neutral-300", children: featureName }),
               isEnabled ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-green-600 dark:text-green-400", children: [
                 /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }),
                 "Included"
@@ -738,7 +738,7 @@ function BillingContent({
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx("span", { className: "text-gray-700 dark:text-gray-300", children: feature })
+                /* @__PURE__ */ jsx("span", { className: "text-gray-700 dark:text-neutral-300", children: feature })
               ] }, idx)) }),
               /* @__PURE__ */ jsx(
                 Button,
@@ -764,11 +764,11 @@ function BillingContent({
         /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400 mb-6", children: "View and download your past invoices" }),
         invoices.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-gray-500 dark:text-gray-400", children: "No invoices yet." }) : /* @__PURE__ */ jsx("div", { className: "space-y-3", children: invoices.map((invoice) => /* @__PURE__ */ jsxs(Card, { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-            /* @__PURE__ */ jsx("div", { className: "h-10 w-10 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center", children: /* @__PURE__ */ jsx("svg", { className: "w-5 h-5 text-blue-600 dark:text-blue-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) }),
+            /* @__PURE__ */ jsx("div", { className: "h-10 w-10 rounded-full bg-blue-100 dark:bg-neutral-700 flex items-center justify-center", children: /* @__PURE__ */ jsx("svg", { className: "w-5 h-5 text-blue-600 dark:text-neutral-300", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) }),
             /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsx("p", { className: "font-medium text-sm", children: invoice.id }),
-                /* @__PURE__ */ jsx("span", { className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${invoice.status === "paid" ? "bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300" : invoice.status === "open" ? "bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-300" : "bg-gray-100 dark:bg-neutral-800 text-gray-800 dark:text-gray-300"}`, children: invoice.status })
+                /* @__PURE__ */ jsx("span", { className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${invoice.status === "paid" ? "bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300" : invoice.status === "open" ? "bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-300" : "bg-gray-100 dark:bg-neutral-800 text-gray-800 dark:text-neutral-300"}`, children: invoice.status })
               ] }),
               /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-600 dark:text-gray-400", children: invoice.date })
             ] })
@@ -808,7 +808,7 @@ function BillingContent({
                     " \u2022\u2022\u2022\u2022 ",
                     pm.card_last4 || pm.bank_last4 || "****"
                   ] }),
-                  pm.is_default && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-full bg-blue-100 dark:bg-blue-900/30 px-2 py-0.5 text-xs font-medium text-blue-800 dark:text-blue-300", children: "Default" })
+                  pm.is_default && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-full bg-blue-100 dark:bg-neutral-700 px-2 py-0.5 text-xs font-medium text-blue-800 dark:text-neutral-300", children: "Default" })
                 ] }),
                 pm.card_exp_month && pm.card_exp_year && /* @__PURE__ */ jsxs("p", { className: "text-xs text-gray-600 dark:text-gray-400", children: [
                   "Expires ",
@@ -863,7 +863,7 @@ function BillingContent({
         preferencesSuccess && /* @__PURE__ */ jsx(Alert, { variant: "success", className: "mb-6", children: "Preferences saved successfully" }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", children: "Customer Type" }),
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-neutral-300 mb-2", children: "Customer Type" }),
             /* @__PURE__ */ jsx(
               Radio,
               {
@@ -929,7 +929,7 @@ function BillingContent({
             }
           ),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium text-gray-700 dark:text-gray-300 mb-3", children: "Billing Address" }),
+            /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium text-gray-700 dark:text-neutral-300 mb-3", children: "Billing Address" }),
             /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
               /* @__PURE__ */ jsx("div", { className: "md:col-span-2", children: /* @__PURE__ */ jsx(
                 TextInput,
@@ -1200,7 +1200,7 @@ function BillingContent({
                 /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-900 dark:text-white", children: "$0.00" })
               ] }) : null
             ] }),
-            taxInfo && taxInfo.reverse_charge && /* @__PURE__ */ jsx("div", { className: "mt-2 p-2 border border-gray-200 dark:border-neutral-700 rounded text-xs text-gray-700 dark:text-gray-300", children: "EU reverse charge applies - you are responsible for reporting VAT in your country." }),
+            taxInfo && taxInfo.reverse_charge && /* @__PURE__ */ jsx("div", { className: "mt-2 p-2 border border-gray-200 dark:border-neutral-700 rounded text-xs text-gray-700 dark:text-neutral-300", children: "EU reverse charge applies - you are responsible for reporting VAT in your country." }),
             /* @__PURE__ */ jsx("div", { className: "border-t border-gray-200 dark:border-neutral-700 mt-3 pt-3", children: /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
               /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-900 dark:text-white", children: selectedPlan && parseFloat(selectedPlan.price.replace(/[^0-9.]/g, "")) === 0 ? "Total:" : "Charged Today:" }),
               /* @__PURE__ */ jsx("span", { className: "font-bold text-lg text-gray-900 dark:text-white", children: selectedPlan && parseFloat(selectedPlan.price.replace(/[^0-9.]/g, "")) === 0 ? /* @__PURE__ */ jsx("span", { className: "text-green-600 dark:text-green-400", children: "FREE" }) : taxInfo ? `$${(taxInfo.total / 100).toFixed(2)}` : selectedPlan?.price || "$0" })
@@ -1211,7 +1211,7 @@ function BillingContent({
             /* @__PURE__ */ jsx("div", { className: "space-y-2", children: paymentMethods.map((method) => /* @__PURE__ */ jsxs(
               "label",
               {
-                className: `flex items-center gap-3 p-3 border-2 rounded-lg cursor-pointer transition-all ${selectedUpgradePaymentMethod === method.id ? "border-blue-500 bg-blue-50 dark:bg-blue-900/20" : "border-gray-200 dark:border-neutral-700 hover:border-gray-300 dark:hover:border-neutral-600"}`,
+                className: `flex items-center gap-3 p-3 border-2 rounded-lg cursor-pointer transition-all ${selectedUpgradePaymentMethod === method.id ? "border-blue-500 bg-blue-50 dark:border-gray-400 dark:bg-neutral-700/50" : "border-gray-200 dark:border-neutral-700 hover:border-gray-300 dark:hover:border-neutral-600"}`,
                 children: [
                   /* @__PURE__ */ jsx(
                     "input",
@@ -1227,7 +1227,7 @@ function BillingContent({
                   /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
                     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                       /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-900 dark:text-white text-sm", children: method.card_brand ? method.card_brand.charAt(0).toUpperCase() + method.card_brand.slice(1) : "Card" }),
-                      method.is_default && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-full bg-blue-100 dark:bg-blue-900/30 px-2 py-0.5 text-xs font-medium text-blue-800 dark:text-blue-300", children: "Default" })
+                      method.is_default && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-full bg-blue-100 dark:bg-neutral-700 px-2 py-0.5 text-xs font-medium text-blue-800 dark:text-neutral-300", children: "Default" })
                     ] }),
                     /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-600 dark:text-gray-400", children: [
                       "\u2022\u2022\u2022\u2022 ",
@@ -1315,5 +1315,5 @@ function BillingContent({
 }
 
 export { AddPaymentMethodForm, BillingContent };
-//# sourceMappingURL=chunk-XYCOFFYZ.js.map
-//# sourceMappingURL=chunk-XYCOFFYZ.js.map
+//# sourceMappingURL=chunk-3AQCVPQI.js.map
+//# sourceMappingURL=chunk-3AQCVPQI.js.map