@saasmakers/ui 2.0.28 → 2.0.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/app/components/bases/BaseEmoji.vue +8 -5
  2. package/app/composables/useToasts.ts +1 -1
  3. package/app/types/bases.d.ts +1 -0
  4. package/package.json +3 -3
package/app/components/bases/BaseEmoji.vue CHANGED
@@ -6,6 +6,7 @@ const props = withDefaults(defineProps<BaseEmoji>(), {
6
6
  clickable: true,
7
7
  emoji: undefined,
8
8
  hasBox: false,
9
+ legend: undefined,
9
10
  size: 'base',
10
11
  })
11
12
 
@@ -13,10 +14,6 @@ const emit = defineEmits<{
13
14
  click: [event: MouseEvent, emoji?: string]
14
15
  }>()
15
16
 
16
- defineSlots<{
17
- default?: () => VNode[]
18
- }>()
19
-
20
17
  const { urls } = useAppConfig()
21
18
 
22
19
  function onClick(event: MouseEvent) {
@@ -34,6 +31,7 @@ function onKeyDown(event: KeyboardEvent) {
34
31
  <span
35
32
  class="flex items-center justify-center transition"
36
33
  :class="{
34
+ 'relative': legend,
37
35
  'border base-border': hasBox,
38
36
  'bg-gray-100 dark:bg-gray-900 shadow-inner': hasBox && background === 'gray',
39
37
  'bg-white dark:bg-gray-900 shadow-sm': hasBox && background === 'white',
@@ -79,6 +77,11 @@ function onKeyDown(event: KeyboardEvent) {
79
77
  :src="`${urls.storage}/images/emojis/${emoji}.svg`"
80
78
  >
81
79
 
82
- <slot />
80
+ <BaseText
81
+ v-if="legend"
82
+ class="absolute bottom-0 left-0 right-0 select-none rounded-b bg-gray-200 text-center text-gray-900 leading-[0.75rem] opacity-90 -mx-px -mb-px dark:bg-gray-800 dark:text-gray-100"
83
+ size="3xs"
84
+ :text="legend"
85
+ />
83
86
  </span>
84
87
  </template>
package/app/composables/useToasts.ts CHANGED
@@ -47,7 +47,7 @@ export default function useToast() {
47
47
  const toast: BaseToast = {
48
48
  action: params.action,
49
49
  id: crypto.randomUUID(),
50
- status: params.status,
50
+ status: params.status ?? 'success',
51
51
  text,
52
52
  }
53
53
 
package/app/types/bases.d.ts CHANGED
@@ -169,6 +169,7 @@ export interface BaseEmoji {
169
169
  clickable?: boolean
170
170
  emoji?: string
171
171
  hasBox?: boolean
172
+ legend?: string
172
173
  size?: BaseSize
173
174
  }
174
175
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@saasmakers/ui",
3
- "version": "2.0.28",
3
+ "version": "2.0.29",
4
4
  "private": false,
5
5
  "description": "Reusable Nuxt UI components for SaaS Makers projects",
6
6
  "license": "MIT",
@@ -60,8 +60,8 @@
60
60
  "devDependencies": {
61
61
  "nuxt": "4.3.1",
62
62
  "typescript": "5.9.3",
63
- "@saasmakers/apps-helpers": "0.1.0",
64
- "@saasmakers/shared": "0.2.8"
63
+ "@saasmakers/shared": "0.2.8",
64
+ "@saasmakers/apps-helpers": "0.1.0"
65
65
  },
66
66
  "peerDependencies": {
67
67
  "@saasmakers/apps-helpers": "^0.1.0",