@saasmakers/ui 0.1.112 → 0.1.114

package/app/components/bases/BasePower.vue

@@ -1,29 +1,10 @@
 <script lang="ts" setup>
 import type { BasePower } from '../../types/bases'
-// import lottie from 'lottie-web'
 
-const props = withDefaults(defineProps<BasePower>(), {
-  animated: false,
+withDefaults(defineProps<BasePower>(), {
   power: 'welcome',
   size: 'base',
 })
-
-const animationLoaded = ref(false)
-const animationPlaceholder = ref<HTMLElement>()
-
-onMounted(() => {
-  if (props.animated && ['radar'].includes(props.power) && animationPlaceholder.value) {
-    // lottie.loadAnimation({
-    //   autoplay: true,
-    //   container: animationPlaceholder.value,
-    //   loop: true,
-    //   path: `/animations/bases/BasePower/power-${props.power}.json`,
-    //   renderer: 'svg',
-    // })
-
-    // setTimeout(() => (animationLoaded.value = true), 1 * 1000)
-  }
-})
 </script>
 
 <template>
@@ -37,17 +18,10 @@ onMounted(() => {
     }"
   >
     <img
-      v-show="!animationLoaded"
       :alt="power"
       class="h-full w-full"
       loading="lazy"
       :src="`/images/bases/BasePower/power-${power}.svg`"
     >
-
-    <div
-      v-show="animationLoaded"
-      ref="animationPlaceholder"
-      class="h-full w-full"
-    />
   </div>
 </template>

package/app/components/bases/BaseText.stories.ts

@@ -37,7 +37,6 @@ export default {
         '4xl',
       ] satisfies BaseSize[],
     },
-    skeleton: { control: 'boolean' },
     text: { control: 'text' },
     truncate: { control: 'boolean' },
     underline: { control: 'boolean' },

package/app/components/bases/BaseText.vue

@@ -12,7 +12,6 @@ const props = withDefaults(defineProps<BaseText>(), {
   noWrap: false,
   reverse: false,
   size: 'base',
-  skeleton: false,
   text: '',
   to: undefined,
   truncate: false,
@@ -116,46 +115,27 @@ function onShowMore() {
     :to="to"
     @click="onClick"
   >
-    <template v-if="!skeleton">
-      <span v-if="maxCharacters || typeof text === 'string'">
-        {{ finalText }}
+    <span v-if="maxCharacters || typeof text === 'string'">
+      {{ finalText }}
+    </span>
+
+    <template v-else-if="typeof text === 'object'">
+      <span class="sm:hidden">
+        {{ text.sm }}
       </span>
 
-      <template v-else-if="typeof text === 'object'">
-        <span class="sm:hidden">
-          {{ text.sm }}
-        </span>
-
-        <span class="hidden sm:inline">
-          {{ text.base }}
-        </span>
-      </template>
-
-      <BaseText
-        v-if="maxCharacters && typeof text === 'string' && finalText?.length !== text.length"
-        class="inline cursor-pointer text-indigo-700 dark:text-indigo-300"
-        has-margin
-        :size="size"
-        :text="t('showMore')"
-        @click="onShowMore"
-      />
+      <span class="hidden sm:inline">
+        {{ text.base }}
+      </span>
     </template>
 
-    <span
-      v-else
-      class="block w-full rounded bg-gray-300 dark:bg-gray-700"
-      :class="{
-        'h-2': size === '3xs',
-        'h-2.5': size === '2xs',
-        'h-3': size === 'xs',
-        'h-3.5': size === 'sm',
-        'h-4': size === 'base',
-        'h-4.5': size === 'lg',
-        'h-5': size === 'xl',
-        'h-6': size === '2xl',
-        'h-7': size === '3xl',
-        'h-8': size === '4xl',
-      }"
+    <BaseText
+      v-if="maxCharacters && typeof text === 'string' && finalText?.length !== text.length"
+      class="inline cursor-pointer text-indigo-700 dark:text-indigo-300"
+      has-margin
+      :size="size"
+      :text="t('showMore')"
+      @click="onShowMore"
     />
 
     <slot />

package/app/types/bases.d.ts

@@ -224,7 +224,6 @@ export interface BaseParagraph {
 export type BaseParagraphSize = 'base' | 'lg' | 'sm'
 
 export interface BasePower {
-  animated?: boolean
   power?: BasePowerPower
   size?: BasePowerSize
 }
@@ -346,7 +345,6 @@ export interface BaseText {
   noWrap?: boolean
   reverse?: boolean
   size?: BaseSize
-  skeleton?: boolean
   text?: BaseTextText
   to?: RouteLocationNamedI18n
   truncate?: boolean

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saasmakers/ui",
-  "version": "0.1.112",
+  "version": "0.1.114",
   "private": false,
   "description": "Reusable Nuxt UI components for SaaS Makers projects",
   "repository": {
@@ -43,7 +43,6 @@
     "@vueuse/nuxt": "14.1.0",
     "chartist": "1.5.0",
     "floating-vue": "5.2.2",
-    "lottie-web": "5.13.0",
     "motion-v": "1.7.4",
     "numbro": "2.5.0",
     "snarkdown": "2.0.0",