@personizely/ui 0.0.55 → 0.0.56

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@personizely/ui",
   "web-types": "./web-types.json",
-  "version": "0.0.55",
+  "version": "0.0.56",
   "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/dropdown-menu/DropdownMenu.vue

@@ -21,6 +21,9 @@
 
       <template v-for="(item, index) in items" :key="index">
         <DropdownMenuPart :item="item" @select="$emit('select', $event)">
+          <template v-if="$slots['group-action']" #group-action="{ item }">
+            <slot name="group-action" v-bind="{ item }" />
+          </template>
           <template v-if="$slots['item-icon']" #item-icon="{ item }">
             <slot name="item-icon" v-bind="{ item }" />
           </template>

package/src/components/ui/dropdown-menu/DropdownMenuContent.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { type HTMLAttributes, computed, provide } from 'vue'
 import {
   DropdownMenuContent,
   type DropdownMenuContentEmits,
@@ -34,4 +34,6 @@ const delegatedProps = computed(() => {
 
 const forwarded = useForwardPropsEmits(delegatedProps, emits)
 const options = getOptions()
+
+provide('hasDropdown', false)
 </script>

package/src/components/ui/dropdown-menu/DropdownMenuPart.vue

@@ -1,11 +1,14 @@
 <template>
   <template v-if="'items' in item">
     <template v-if="item.label">
-      <DropdownMenuLabel>
-        <slot name="label" v-bind="{ item }">
-          {{ item.label }}
-        </slot>
-      </DropdownMenuLabel>
+      <div class="flex items-center justify-between">
+        <DropdownMenuLabel>
+          <slot name="label" v-bind="{ item }">
+            {{ item.label }}
+          </slot>
+        </DropdownMenuLabel>
+        <slot name="group-action" v-bind="{ item }" />
+      </div>
       <DropdownMenuSeparator />
     </template>
     <DropdownMenuGroup>
@@ -57,6 +60,7 @@ defineEmits<{
 
 defineSlots<{
   'label'(props: { item: MenuGroupItem }): any
+  'group-action'(props: { item: MenuGroupItem }): any
   'item-icon'(props: { item: MenuItem }): any
   'item-label'(props: { item: MenuItem }): any
   'item-help'(props: { item: MenuItem }): any

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@personizely/ui",
-  "version": "0.0.55",
+  "version": "0.0.56",
   "description-markup": "none",
   "js-types-syntax": "typescript",
   "contributions": {
@@ -5170,6 +5170,10 @@
               "name": "label",
               "description": ""
             },
+            {
+              "name": "group-action",
+              "description": ""
+            },
             {
               "name": "item-icon",
               "description": ""
@@ -5298,6 +5302,10 @@
               "name": "label",
               "description": ""
             },
+            {
+              "name": "group-action",
+              "description": ""
+            },
             {
               "name": "item-icon",
               "description": ""