@retinalabsllc/zairusjs 15.1.20 → 15.1.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +2 -2
- package/dist/index.mjs +2 -2
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -383,7 +383,7 @@ var import_react6 = __toESM(require("react"));
|
|
|
383
383
|
var InputSpinner = () => /* @__PURE__ */ import_react6.default.createElement("svg", { className: "animate-spin h-3 w-3 text-neutral-400", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" }, /* @__PURE__ */ import_react6.default.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), /* @__PURE__ */ import_react6.default.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" }));
|
|
384
384
|
var FlagImage = ({ countryCode }) => {
|
|
385
385
|
const [loaded, setLoaded] = (0, import_react6.useState)(false);
|
|
386
|
-
return /* @__PURE__ */ import_react6.default.createElement("div", { className: "relative w-
|
|
386
|
+
return /* @__PURE__ */ import_react6.default.createElement("div", { className: "relative w-5 h-5 rounded-full overflow-hidden flex items-center justify-center bg-neutral-100 shrink-0" }, !loaded && /* @__PURE__ */ import_react6.default.createElement("div", { className: "absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ import_react6.default.createElement(InputSpinner, null)), /* @__PURE__ */ import_react6.default.createElement(
|
|
387
387
|
"img",
|
|
388
388
|
{
|
|
389
389
|
src: `https://flagcdn.com/w40/${countryCode.toLowerCase()}.png`,
|
|
@@ -457,7 +457,7 @@ var PhoneInput = ({
|
|
|
457
457
|
className: "flex items-center gap-1.5 outline-none hover:opacity-80 transition-opacity"
|
|
458
458
|
},
|
|
459
459
|
/* @__PURE__ */ import_react6.default.createElement(FlagImage, { countryCode: selectedCountry.code }),
|
|
460
|
-
/* @__PURE__ */ import_react6.default.createElement("span", { className: "text-
|
|
460
|
+
/* @__PURE__ */ import_react6.default.createElement("span", { className: "text-sm text-black pl-1" }, selectedCountry.dialCode),
|
|
461
461
|
/* @__PURE__ */ import_react6.default.createElement("svg", { className: "w-3 h-3 text-neutral-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ import_react6.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }))
|
|
462
462
|
), /* @__PURE__ */ import_react6.default.createElement(
|
|
463
463
|
"input",
|
package/dist/index.mjs
CHANGED
|
@@ -304,7 +304,7 @@ import React5, { useState as useState3 } from "react";
|
|
|
304
304
|
var InputSpinner = () => /* @__PURE__ */ React5.createElement("svg", { className: "animate-spin h-3 w-3 text-neutral-400", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" }, /* @__PURE__ */ React5.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), /* @__PURE__ */ React5.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" }));
|
|
305
305
|
var FlagImage = ({ countryCode }) => {
|
|
306
306
|
const [loaded, setLoaded] = useState3(false);
|
|
307
|
-
return /* @__PURE__ */ React5.createElement("div", { className: "relative w-
|
|
307
|
+
return /* @__PURE__ */ React5.createElement("div", { className: "relative w-5 h-5 rounded-full overflow-hidden flex items-center justify-center bg-neutral-100 shrink-0" }, !loaded && /* @__PURE__ */ React5.createElement("div", { className: "absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React5.createElement(InputSpinner, null)), /* @__PURE__ */ React5.createElement(
|
|
308
308
|
"img",
|
|
309
309
|
{
|
|
310
310
|
src: `https://flagcdn.com/w40/${countryCode.toLowerCase()}.png`,
|
|
@@ -378,7 +378,7 @@ var PhoneInput = ({
|
|
|
378
378
|
className: "flex items-center gap-1.5 outline-none hover:opacity-80 transition-opacity"
|
|
379
379
|
},
|
|
380
380
|
/* @__PURE__ */ React5.createElement(FlagImage, { countryCode: selectedCountry.code }),
|
|
381
|
-
/* @__PURE__ */ React5.createElement("span", { className: "text-
|
|
381
|
+
/* @__PURE__ */ React5.createElement("span", { className: "text-sm text-black pl-1" }, selectedCountry.dialCode),
|
|
382
382
|
/* @__PURE__ */ React5.createElement("svg", { className: "w-3 h-3 text-neutral-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React5.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }))
|
|
383
383
|
), /* @__PURE__ */ React5.createElement(
|
|
384
384
|
"input",
|