sprintify-ui 0.0.129 → 0.0.131

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.129",
+  "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') {

package/src/components/BaseLayoutSidebar.vue

@@ -121,7 +121,8 @@
     <div class="z-10 hidden xl:fixed xl:inset-y-0 xl:flex xl:w-64 xl:flex-col">
       <!-- Sidebar component, swap this element with another sidebar if you like -->
       <div
-        class="flex min-h-0 flex-1 flex-col"
+        data-scroll-lock-scrollable
+        class="flex min-h-0 flex-1 flex-col overflow-y-auto"
         :class="[dark ? 'bg-slate-800' : 'bg-white shadow']"
       >
         <div