@retinalabsllc/zairusjs 5.1.65 → 5.1.70

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 CHANGED
@@ -503,7 +503,7 @@ function AuthFormInner({
503
503
  maxLength: 1,
504
504
  value: digit,
505
505
  onChange: (e) => handleOtpChange(index, e.target.value),
506
- className: "w-10 h-10 text-center text-xl bg-transparent border-b-2 border-neutral-800 text-white outline-none focus:border-white transition-all duration-300"
506
+ className: "w-8 h-8 text-center text-lg bg-transparent border-b-2 border-neutral-800 text-white outline-none focus:border-white transition-all duration-300"
507
507
  }
508
508
  ))), /* @__PURE__ */ import_react5.default.createElement(
509
509
  ThreeDActionButton,
@@ -763,7 +763,7 @@ function AuthFormInner2({
763
763
  maxLength: 1,
764
764
  value: digit,
765
765
  onChange: (e) => handleOtpChange(index, e.target.value),
766
- className: "w-10 h-10 text-center text-xl bg-transparent border-b-2 border-neutral-800 text-white outline-none focus:border-white transition-all duration-300"
766
+ className: "w-8 h-8 text-center text-lg bg-transparent border-b-2 border-neutral-800 text-white outline-none focus:border-white transition-all duration-300"
767
767
  }
768
768
  ))), /* @__PURE__ */ import_react6.default.createElement(
769
769
  ThreeDActionButton,
@@ -2385,9 +2385,10 @@ var UniversalProfileSettings = ({
2385
2385
  {
2386
2386
  type: "button",
2387
2387
  onClick: () => setIsPinModalOpen(true),
2388
- className: "text-[11px] px-4 py-2.5 border border-neutral-700 rounded-full text-white transition-colors outline-none"
2388
+ "aria-label": "PIN Settings",
2389
+ className: "w-9 h-9 flex items-center justify-center border border-neutral-700 rounded-full text-white transition-colors outline-none"
2389
2390
  },
2390
- "PIN Settings"
2391
+ /* @__PURE__ */ import_react39.default.createElement(import_react40.HugeiconsIcon, { icon: import_core_free_icons10.LockKeyIcon, size: 17, className: "text-white" })
2391
2392
  ))), /* @__PURE__ */ import_react39.default.createElement("div", { className: "flex flex-col-reverse sm:flex-row items-center gap-3 sm:gap-4 w-full sm:w-auto shrink-0" }, hasChanges && !isSubmitting && !isReadOnly && /* @__PURE__ */ import_react39.default.createElement(
2392
2393
  "button",
2393
2394
  {
package/dist/index.mjs CHANGED
@@ -432,7 +432,7 @@ function AuthFormInner({
432
432
  maxLength: 1,
433
433
  value: digit,
434
434
  onChange: (e) => handleOtpChange(index, e.target.value),
435
- className: "w-10 h-10 text-center text-xl bg-transparent border-b-2 border-neutral-800 text-white outline-none focus:border-white transition-all duration-300"
435
+ className: "w-8 h-8 text-center text-lg bg-transparent border-b-2 border-neutral-800 text-white outline-none focus:border-white transition-all duration-300"
436
436
  }
437
437
  ))), /* @__PURE__ */ React4.createElement(
438
438
  ThreeDActionButton,
@@ -692,7 +692,7 @@ function AuthFormInner2({
692
692
  maxLength: 1,
693
693
  value: digit,
694
694
  onChange: (e) => handleOtpChange(index, e.target.value),
695
- className: "w-10 h-10 text-center text-xl bg-transparent border-b-2 border-neutral-800 text-white outline-none focus:border-white transition-all duration-300"
695
+ className: "w-8 h-8 text-center text-lg bg-transparent border-b-2 border-neutral-800 text-white outline-none focus:border-white transition-all duration-300"
696
696
  }
697
697
  ))), /* @__PURE__ */ React5.createElement(
698
698
  ThreeDActionButton,
@@ -2211,7 +2211,8 @@ import { HugeiconsIcon as HugeiconsIcon14 } from "@hugeicons/react";
2211
2211
  import {
2212
2212
  CircleLock02Icon as CircleLock02Icon2,
2213
2213
  CancelCircleIcon as CancelCircleIcon2,
2214
- Loading03Icon as Loading03Icon5
2214
+ Loading03Icon as Loading03Icon5,
2215
+ LockKeyIcon
2215
2216
  } from "@hugeicons/core-free-icons";
2216
2217
  var UniversalProfileSettings = ({
2217
2218
  initialFirstName,
@@ -2332,9 +2333,10 @@ var UniversalProfileSettings = ({
2332
2333
  {
2333
2334
  type: "button",
2334
2335
  onClick: () => setIsPinModalOpen(true),
2335
- className: "text-[11px] px-4 py-2.5 border border-neutral-700 rounded-full text-white transition-colors outline-none"
2336
+ "aria-label": "PIN Settings",
2337
+ className: "w-9 h-9 flex items-center justify-center border border-neutral-700 rounded-full text-white transition-colors outline-none"
2336
2338
  },
2337
- "PIN Settings"
2339
+ /* @__PURE__ */ React26.createElement(HugeiconsIcon14, { icon: LockKeyIcon, size: 17, className: "text-white" })
2338
2340
  ))), /* @__PURE__ */ React26.createElement("div", { className: "flex flex-col-reverse sm:flex-row items-center gap-3 sm:gap-4 w-full sm:w-auto shrink-0" }, hasChanges && !isSubmitting && !isReadOnly && /* @__PURE__ */ React26.createElement(
2339
2341
  "button",
2340
2342
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@retinalabsllc/zairusjs",
3
- "version": "5.1.65",
3
+ "version": "5.1.70",
4
4
  "description": "A perceptive, Ai data driven Next.js UI component library.",
5
5
  "author": "Retina Labs Company",
6
6
  "license": "MIT",