sprintify-ui 0.0.130 → 0.0.131

package/dist/sprintify-ui.es.js

@@ -3070,26 +3070,14 @@ const na = /* @__PURE__ */ vt(tc, [["render", ic]]), lc = { class: "relative w-f
 }), Lc = /* @__PURE__ */ me({
   __name: "BaseBadge",
   props: {
-    contrast: {
-      default: "high",
-      type: String
-    },
-    color: {
-      default: "gray",
-      type: String
-    },
-    size: {
-      default: "base",
-      type: String
-    },
-    icon: {
-      default: void 0,
-      type: String
-    }
+    contrast: { default: "high" },
+    color: { default: "gray" },
+    size: { default: "base" },
+    icon: { default: void 0 }
   },
   setup(e) {
     const i = e, r = G(() => i.color == "gray" ? i.contrast == "high" ? "bg-slate-600 text-white" : "bg-slate-100 text-slate-800" : i.color == "red" ? i.contrast == "high" ? "bg-red-600 text-white" : "bg-red-100 text-red-900" : i.color == "orange" ? i.contrast == "high" ? "bg-orange-500 text-white" : "bg-orange-100 text-yellow-900" : i.color == "yellow" ? i.contrast == "high" ? "bg-yellow-500 text-white" : "bg-yellow-100 text-yellow-900" : i.color == "green" ? i.contrast == "high" ? "bg-green-600 text-white" : "bg-green-100 text-green-900" : i.color == "blue" ? i.contrast == "high" ? "bg-blue-600 text-white" : "bg-blue-100 text-blue-900" : i.color == "indigo" ? i.contrast == "high" ? "bg-indigo-600 text-white" : "bg-indigo-100 text-indigo-900" : i.color == "purple" ? i.contrast == "high" ? "bg-purple-600 text-white" : "bg-purple-100 text-purple-900" : i.color == "pink" ? i.contrast == "high" ? "bg-pink-600 text-white" : "bg-pink-100 text-pink-900" : i.color ? "" : "bg-slate-100 text-slate-900"), n = G(() => {
-      if (i.color.startsWith("#") || i.color.startsWith("rgb")) {
+      if (i.color && (i.color.startsWith("#") || i.color.startsWith("rgb"))) {
         let a = "white";
         return i.contrast == "low" && (a = "rgba(0,0,0,0.8)"), {
           backgroundColor: i.color,

package/dist/types/src/components/BaseBadge.vue.d.ts

@@ -1,47 +1,46 @@
-import { PropType } from 'vue';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    contrast: {
-        default: string;
-        type: PropType<"high" | "low">;
-    };
-    color: {
-        default: string;
-        type: PropType<string>;
-    };
-    size: {
-        default: string;
-        type: PropType<"base" | "lg">;
-    };
-    icon: {
-        default: undefined;
-        type: PropType<string | undefined>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    contrast: {
-        default: string;
-        type: PropType<"high" | "low">;
-    };
-    color: {
-        default: string;
-        type: PropType<string>;
-    };
-    size: {
-        default: string;
-        type: PropType<"base" | "lg">;
-    };
-    icon: {
-        default: undefined;
-        type: PropType<string | undefined>;
-    };
-}>>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    contrast: 'low' | 'high';
+    color: 'gray' | 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink' | string;
+    size: 'base' | 'lg';
+    icon?: string | undefined;
+}>, {
+    contrast: string;
+    color: string;
+    size: string;
+    icon: undefined;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    contrast: 'low' | 'high';
+    color: 'gray' | 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink' | string;
+    size: 'base' | 'lg';
+    icon?: string | undefined;
+}>, {
+    contrast: string;
     color: string;
-    icon: string | undefined;
-    size: "base" | "lg";
-    contrast: "high" | "low";
+    size: string;
+    icon: undefined;
+}>>>, {
+    color: 'gray' | 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink' | string;
+    icon: string;
+    size: 'base' | 'lg';
+    contrast: 'low' | 'high';
 }>, {
     default: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.130",
+  "version": "0.0.131",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseBadge.vue

@@ -10,17 +10,12 @@
 </template>
 
 <script lang="ts" setup>
-import { PropType } from 'vue';
 import { BaseIcon } from '.';
 
-const props = defineProps({
-  contrast: {
-    default: 'high',
-    type: String as PropType<'low' | 'high'>,
-  },
-  color: {
-    default: 'gray',
-    type: String as PropType<
+const props = withDefaults(
+  defineProps<{
+    contrast: 'low' | 'high';
+    color:
       | 'gray'
       | 'red'
       | 'orange'
@@ -30,18 +25,17 @@ const props = defineProps({
       | 'indigo'
       | 'purple'
       | 'pink'
-      | string
-    >,
-  },
-  size: {
-    default: 'base',
-    type: String as PropType<'base' | 'lg'>,
-  },
-  icon: {
-    default: undefined,
-    type: String as PropType<string | undefined>,
-  },
-});
+      | string;
+    size: 'base' | 'lg';
+    icon?: string;
+  }>(),
+  {
+    contrast: 'high',
+    color: 'gray',
+    size: 'base',
+    icon: undefined,
+  }
+);
 
 const colorClasses = computed(() => {
   if (props.color == 'gray') {
@@ -105,7 +99,10 @@ const colorClasses = computed(() => {
 });
 
 const colorStyle = computed((): Record<string, string> => {
-  if (props.color.startsWith('#') || props.color.startsWith('rgb')) {
+  if (
+    props.color &&
+    (props.color.startsWith('#') || props.color.startsWith('rgb'))
+  ) {
     let textColor = 'white';
 
     if (props.contrast == 'low') {