@bl33dz/fa814698dcde12f86a37ac31dd3aedf9 1.0.18 → 1.0.19

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.0.18",
+  "version": "1.0.19",
   "main": "dist/perisai-ui.umd.js",
   "module": "dist/perisai-ui.es.js",
   "scripts": {

package/src/ui/SelectGroup.vue

@@ -1,10 +1,16 @@
 <script setup lang="ts">
 import { SelectGroup as RekaSelectGroup } from "reka-ui"
+import { cn } from "./utils"
+
+const props = defineProps({
+  class: String
+})
 </script>
 
 <template>
   <RekaSelectGroup
     data-slot="select-group"
+    :class="cn(props.class)"
     v-bind="$attrs"
   >
     <slot />

package/src/ui/SelectValue.vue

@@ -1,9 +1,18 @@
 <script setup lang="ts">
 import { SelectValue } from '@/shadcn/select';
+import { cn } from './utils';
+
+const props = defineProps({
+  class: String,
+});
 </script>
 
 <template>
-  <SelectValue data-slot="select-value" v-bind="$attrs">
+  <SelectValue 
+    data-slot="select-value" 
+    :class="cn(props.class)"
+    v-bind="$attrs"
+  >
     <slot />
   </SelectValue>
 </template>

package/src/ui/select.vue

@@ -18,19 +18,24 @@
     v-else
     v-model="internalValue"
     :disabled="disabled"
+    :class="mergedClass"
   >
     <SelectTrigger class="w-full">
-      <SelectValue :placeholder="placeholder" />
+      <slot name="trigger">
+        <SelectValue :placeholder="placeholder" />
+      </slot>
     </SelectTrigger>
 
-    <SelectContent>
-      <SelectItem
-        v-for="opt in options"
-        :key="String(opt.value)"
-        :value="String(opt.value)"
-      >
-        {{ opt.label }}
-      </SelectItem>
+    <SelectContent :class="contentClass">
+      <slot name="content">
+        <SelectItem
+          v-for="opt in options"
+          :key="String(opt.value)"
+          :value="String(opt.value)"
+        >
+          {{ opt.label }}
+        </SelectItem>
+      </slot>
     </SelectContent>
   </ShadcnSelect>
 </template>
@@ -43,6 +48,8 @@ import {
   SelectContent,
   SelectItem,
 } from '@/shadcn/select'
+import { cn } from './utils'
+import SelectMultiple from './select-multiple.vue'
 
 const props = defineProps({
   modelValue: [String, Array],
@@ -51,6 +58,10 @@ const props = defineProps({
   placeholder: String,
   disabled: Boolean,
   customClass: String,
+  contentClass: String,
+  title: String,
+  maxDisplay: { type: Number, default: 3 },
+  size: { type: String, default: 'default' },
 })
 
 const emit = defineEmits(['update:modelValue'])
@@ -61,5 +72,5 @@ const internalValue = computed({
 })
 
 const attrs = useAttrs()
-const mergedClass = computed(() => props.customClass || attrs.class || '')
+const mergedClass = computed(() => cn(props.customClass, attrs.class as string))
 </script>