kesp-ui 1.0.1 → 1.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kesp-ui",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "CLI to add kesp-ui components to your project",
   "main": "index.js",
   "bin": {

package/registry/otp-input.tsx

@@ -150,7 +150,7 @@ const OtpInput = ({
   return (
     <div className={`space-y-4${className ? ` ${className}` : ""}`}>
       {/* Header */}
-      <div className="flex items-center gap-2">
+      <div className="flex items-center gap-2 mb-2">
         <ShieldCheck className="h-5 w-5 text-primary" />
         <span className="text-sm font-medium text-foreground">
           Enter {length}-digit OTP
@@ -190,9 +190,8 @@ const OtpInput = ({
         {digits.map((d, i) => (
           <div
             key={i}
-            className={`h-1.5 w-1.5 rounded-full transition-all duration-200 ${
-              d ? "bg-primary scale-125" : "bg-muted-foreground/30"
-            }`}
+            className={`h-1.5 w-1.5 rounded-full transition-all duration-200 ${d ? "bg-primary scale-125" : "bg-muted-foreground/30"
+              }`}
           />
         ))}
       </div>

package/registry.json

@@ -72,6 +72,31 @@
       "devDependencies": [],
       "tailwind": {},
       "cssVars": {}
+    },
+    {
+      "name": "masked-aadhar",
+      "type": "registry:ui",
+      "description": "Masked Aadhaar number display with toggle visibility",
+      "files": [
+        {
+          "path": "registry/maskedAadhar.tsx",
+          "type": "registry:ui"
+        },
+        {
+          "path": "registry/utils.ts",
+          "type": "registry:lib"
+        }
+      ],
+      "dependencies": [
+        "react",
+        "lucide-react",
+        "clsx",
+        "tailwind-merge"
+      ],
+      "registryDependencies": [],
+      "devDependencies": [],
+      "tailwind": {},
+      "cssVars": {}
     }
   ]
 }