@saasmakers/ui 2.0.66 → 2.0.68

package/app/components/bases/BaseRing.vue

@@ -2,7 +2,6 @@
 import type { BaseRing } from '../../types/bases'
 
 const props = withDefaults(defineProps<BaseRing>(), {
-  clickable: false,
   completed: 0,
   dashed: false,
   format: 'count',
@@ -11,10 +10,6 @@ const props = withDefaults(defineProps<BaseRing>(), {
   transitionColors: false,
 })
 
-const emit = defineEmits<{
-  click: [event: MouseEvent]
-}>()
-
 const sizes = {
   base: {
     inset: 1,
@@ -139,23 +134,10 @@ const ringArcs = computed(() => {
 
   return arcs
 })
-
-function onClick(event: MouseEvent) {
-  if (props.clickable) {
-    emit('click', event)
-  }
-}
 </script>
 
 <template>
-  <component
-    :is="clickable ? 'button' : 'div'"
-    class="inline-flex"
-    :aria-label="label"
-    :class="{ 'cursor-pointer': clickable }"
-    :type="clickable ? 'button' : undefined"
-    @click="onClick"
-  >
+  <div class="inline-flex">
     <svg
       class="size-full"
       :height="geometry.size"
@@ -201,5 +183,5 @@ function onClick(event: MouseEvent) {
         {{ centerLabel }}
       </text>
     </svg>
-  </component>
+  </div>
 </template>

package/app/types/bases.d.ts

@@ -297,11 +297,9 @@ export type BaseQuoteBackground = 'gray' | 'gray-light' | 'white'
 export type BaseQuoteSize = 'base' | 'sm' | 'xs'
 
 export interface BaseRing {
-  clickable?: boolean
   completed?: number
   dashed?: boolean
   format?: BaseRingFormat
-  label?: string
   size?: BaseRingSize
   total?: number
   transitionColors?: boolean

package/package.json

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