prepare release

Author: vrodriguero

app/pages/components/InputOTP.vue

@@ -1,23 +1,24 @@
 <script setup lang="ts">
-import {
-  InputOTP,
-  InputOTPGroup,
-  InputOTPSeparator,
-  InputOTPSlot,
-} from '@/components/input-otp'
+import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "@/components/input-otp"
 </script>
 
 <template>
   <InputOTP :maxlength="6">
     <InputOTPGroup>
       <InputOTPSlot :index="0" />
+
       <InputOTPSlot :index="1" />
+
       <InputOTPSlot :index="2" />
     </InputOTPGroup>
+
     <InputOTPSeparator />
+
     <InputOTPGroup>
       <InputOTPSlot :index="3" />
+
       <InputOTPSlot :index="4" />
+
       <InputOTPSlot :index="5" />
     </InputOTPGroup>
   </InputOTP>

dist/gooey.js

@@ -23,6 +23,7 @@ export * from "@/components/drawer";
 export * from "@/components/dropdown-menu";
 export * from "@/components/empty";
 export * from "@/components/input";
+export * from "@/components/input-otp";
 export * from "@/components/label";
 export * from "@/components/pagination";
 export * from "@/components/popover";

dist/gooey.umd.cjs

@@ -1,6 +1,6 @@
 {
   "name": "@codinglabsau/gooey",
-  "version": "1.13.0",
+  "version": "1.14.0",
   "type": "module",
   "files": [
     "dist",

dist/types/index.d.ts

@@ -12,11 +12,7 @@ const forwarded = useForwardProps(delegatedProps)
 </script>
 
 <template>
-  <div
-    data-slot="input-otp-group"
-    v-bind="forwarded"
-    :class="cn('flex items-center', props.class)"
-  >
+  <div data-slot="input-otp-group" v-bind="forwarded" :class="cn('flex items-center', props.class)">
     <slot />
   </div>
 </template>

package-lock.json

@@ -9,11 +9,7 @@ const forwarded = useForwardProps(props)
 </script>
 
 <template>
-  <div
-    data-slot="input-otp-separator"
-    role="separator"
-    v-bind="forwarded"
-  >
+  <div data-slot="input-otp-separator" role="separator" v-bind="forwarded">
     <slot>
       <MinusIcon />
     </slot>

package.json

@@ -6,7 +6,7 @@ import { computed } from "vue"
 import { useVueOTPContext } from "vue-input-otp"
 import { cn } from "@/lib/utils"
 
-const props = defineProps<{ index: number, class?: HTMLAttributes["class"] }>()
+const props = defineProps<{ index: number; class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = reactiveOmit(props, "class")
 
@@ -22,11 +22,19 @@ const slot = computed(() => context?.value.slots[props.index])
     v-bind="forwarded"
     data-slot="input-otp-slot"
     :data-active="slot?.isActive"
-    :class="cn('data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]', props.class)"
+    :class="
+      cn(
+        'data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]',
+        props.class
+      )
+    "
   >
     {{ slot?.char }}
-    <div v-if="slot?.hasFakeCaret" class="pointer-events-none absolute inset-0 flex items-center justify-center">
-      <div class="animate-caret-blink bg-foreground h-4 w-px duration-1000" />
+    <div
+      v-if="slot?.hasFakeCaret"
+      class="pointer-events-none absolute inset-0 flex items-center justify-center"
+    >
+      <div class="animate-caret-blink h-4 w-px bg-foreground duration-1000" />
     </div>
   </div>
 </template>