@saasmakers/ui 2.0.35 → 2.0.37

package/app/components/fields/FieldSelect.vue

@@ -11,6 +11,7 @@ const props = withDefaults(defineProps<Omit<FieldSelect, 'modelValue'>>(), {
   direction: 'bottom',
   disabled: false,
   hideError: false,
+  hideCaret: false,
   hideLabel: false,
   label: '',
   labelIcon: undefined,
@@ -279,7 +280,7 @@ function selectOption(event: MouseEvent, value: string) {
           </span>
 
           <BaseIcon
-            v-if="caret"
+            v-if="caret && !hideCaret"
             class="flex-initial"
             :class="{
               'ml-2': !hideLabel,

package/app/components/layout/LayoutBottomSheet.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { LayoutBottomSheet } from '../../types/layout'
 
-withDefaults(defineProps<LayoutBottomSheet>(), { title: undefined })
+withDefaults(defineProps<LayoutBottomSheet>(), { ariaLabel: undefined })
 
 defineSlots<{
   default?: () => VNode[]
@@ -199,7 +199,7 @@ watch(visible, (isVisible) => {
         <div
           v-if="visible"
           ref="panelRef"
-          :aria-label="title"
+          :aria-label="ariaLabel"
           aria-modal="true"
           class="layout-bottom-sheet fixed bottom-0 left-0 right-0 z-[60] mx-auto max-h-[85dvh] max-w-screen-md flex flex-col rounded-t-2xl bg-white text-gray-900 app-text shadow-lg outline-none safe-bottom dark:bg-gray-900 dark:text-gray-100"
           :class="{

package/app/components/layout/LayoutModal.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { LayoutModal } from '../../types/layout'
 
-withDefaults(defineProps<LayoutModal>(), { title: undefined })
+withDefaults(defineProps<LayoutModal>(), { ariaLabel: undefined })
 
 defineSlots<{
   default?: () => VNode[]
@@ -39,7 +39,7 @@ function onClose() {
         >
           <div
             ref="panelRef"
-            :aria-label="title"
+            :aria-label="ariaLabel"
             aria-modal="true"
             class="scroll-y-stable pointer-events-auto max-h-[85dvh] max-w-md w-full rounded-2xl bg-white p-5 text-gray-900 app-text shadow-lg outline-none dark:bg-gray-900 dark:text-gray-100"
             role="dialog"

package/app/types/fields.d.ts

@@ -122,6 +122,7 @@ export interface FieldSelect {
   direction?: FieldSelectDirection
   disabled?: boolean
   hideError?: boolean
+  hideCaret?: boolean
   hideLabel?: boolean
   label?: BaseTextText
   labelIcon?: string

package/app/types/layout.d.ts

@@ -11,9 +11,9 @@ export interface LayoutBackdrop {
 }
 
 export interface LayoutBottomSheet {
-  title?: string
+  ariaLabel?: string
 }
 
 export interface LayoutModal {
-  title?: string
+  ariaLabel?: string
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saasmakers/ui",
-  "version": "2.0.35",
+  "version": "2.0.37",
   "private": false,
   "description": "Reusable Nuxt UI components for SaaS Makers projects",
   "license": "MIT",