@personizely/ui 0.0.50 → 0.0.52

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@personizely/ui",
   "web-types": "./web-types.json",
-  "version": "0.0.50",
+  "version": "0.0.52",
   "description": "Personizely UI is a Vue.js UI library with a simple API, based on Reka UI, inspired by shadcn-vue and Keen UI.",
   "type": "module",
   "main": "./dist/personizely-ui.js",

package/src/components/ui/textarea/Textarea.vue

@@ -1,13 +1,17 @@
 <template>
-  <textarea v-model="modelValue" :class="cn('flex min-h-20 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', props.class)" />
+  <textarea v-model="modelValue" v-autofocus="autofocus" :class="cn('flex min-h-20 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', props.class)" />
 </template>
 
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
 import { cn } from '@/utils/tailwind'
+import vAutofocus from '@/directives/autofocus'
 
 const modelValue = defineModel<string | undefined | null>()
-const props = defineProps<{
+const props = withDefaults(defineProps<{
+  autofocus?: boolean
   class?: HTMLAttributes['class']
-}>()
+}>(), {
+  autofocus: false
+})
 </script>

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@personizely/ui",
-  "version": "0.0.50",
+  "version": "0.0.52",
   "description-markup": "none",
   "js-types-syntax": "typescript",
   "contributions": {
@@ -9410,6 +9410,13 @@
               "type": "string | null | undefined",
               "required": false
             },
+            {
+              "name": "autofocus",
+              "description": "",
+              "type": "boolean | undefined",
+              "required": false,
+              "default": "false"
+            },
             {
               "name": "class",
               "description": "",
@@ -9471,6 +9478,13 @@
               "type": "string | null | undefined",
               "required": false
             },
+            {
+              "name": "autofocus",
+              "description": "",
+              "type": "boolean | undefined",
+              "required": false,
+              "default": "false"
+            },
             {
               "name": "class",
               "description": "",