Migrated OTP

components/lib/themes/primeone/base/index.js

@@ -33,6 +33,7 @@ import image from 'primevue/themes/primeone/base/image';
 import inlinemessage from 'primevue/themes/primeone/base/inlinemessage';
 import inplace from 'primevue/themes/primeone/base/inplace';
 import inputgroup from 'primevue/themes/primeone/base/inputgroup';
+import inputotp from 'primevue/themes/primeone/base/inputotp';
 import inputswitch from 'primevue/themes/primeone/base/inputswitch';
 import inputtext from 'primevue/themes/primeone/base/inputtext';
 import knob from 'primevue/themes/primeone/base/knob';
@@ -117,6 +118,7 @@ export default {
         inlinemessage,
         inplace,
         inputgroup,
+        inputotp,
         inputswitch,
         inputtext,
         knob,

components/lib/themes/primeone/base/inputotp/index.js

@@ -0,0 +1,14 @@
+export default {
+    css: `
+.p-inputotp {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.p-inputotp-input {
+    text-align: center;
+    width: 2.5rem;
+}   
+    `
+};

components/lib/themes/primeone/base/inputotp/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "./index.cjs.js",
+    "module": "./index.esm.js",
+    "unpkg": "./index.min.js",
+    "types": "./index.d.ts"
+}

components/lib/themes/primeone/presets/aura/index.js

@@ -32,6 +32,7 @@ import image from 'primevue/themes/primeone/presets/aura/image';
 import inlinemessage from 'primevue/themes/primeone/presets/aura/inlinemessage';
 import inplace from 'primevue/themes/primeone/presets/aura/inplace';
 import inputgroup from 'primevue/themes/primeone/presets/aura/inputgroup';
+import inputotp from 'primevue/themes/primeone/presets/aura/inputotp';
 import inputswitch from 'primevue/themes/primeone/presets/aura/inputswitch';
 import inputtext from 'primevue/themes/primeone/presets/aura/inputtext';
 import knob from 'primevue/themes/primeone/presets/aura/knob';
@@ -265,6 +266,7 @@ export default {
         inplace,
         inputgroup,
         inputswitch,
+        inputotp,
         inputtext,
         knob,
         listbox,

components/lib/themes/primeone/presets/aura/inputotp/index.js

@@ -0,0 +1 @@
+export default {};

components/lib/themes/primeone/presets/aura/inputotp/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "./index.cjs.js",
+    "module": "./index.esm.js",
+    "unpkg": "./index.min.js",
+    "types": "./index.d.ts"
+}

nuxt-vite.config.js

@@ -200,6 +200,7 @@ const THEME_COMPONENTS = [
     'inplace',
     'inputgroup',
     'inputnumber',
+    'inputotp',
     'inputswitch',
     'inputtext',
     'knob',