sprintify-ui 0.6.5 → 0.6.7

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

@@ -65,7 +65,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     dropdownShow: {
         default: string;
-        type: PropType<"focus" | "always">;
+        type: PropType<"always" | "focus">;
     };
     showModelValue: {
         default: boolean;
@@ -165,7 +165,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     dropdownShow: {
         default: string;
-        type: PropType<"focus" | "always">;
+        type: PropType<"always" | "focus">;
     };
     showModelValue: {
         default: boolean;
@@ -213,7 +213,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     loading: boolean;
     loadingBottom: boolean;
     size: "base" | "xs" | "sm";
-    dropdownShow: "focus" | "always";
+    dropdownShow: "always" | "focus";
     showModelValue: boolean;
     visibleFocus: boolean;
     focusOnMount: boolean;

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

@@ -51,7 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     dropdownShow: {
         default: string;
-        type: PropType<"focus" | "always">;
+        type: PropType<"always" | "focus">;
     };
     showModelValue: {
         default: boolean;
@@ -140,7 +140,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     dropdownShow: {
         default: string;
-        type: PropType<"focus" | "always">;
+        type: PropType<"always" | "focus">;
     };
     showModelValue: {
         default: boolean;
@@ -182,7 +182,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabled: boolean;
     hasError: boolean;
     size: "base" | "xs" | "sm";
-    dropdownShow: "focus" | "always";
+    dropdownShow: "always" | "focus";
     showModelValue: boolean;
     visibleFocus: boolean;
     focusOnMount: boolean;

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

@@ -47,7 +47,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     dropdownShow: {
         default: string;
-        type: PropType<"focus" | "always">;
+        type: PropType<"always" | "focus">;
     };
     showModelValue: {
         default: boolean;
@@ -128,7 +128,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     dropdownShow: {
         default: string;
-        type: PropType<"focus" | "always">;
+        type: PropType<"always" | "focus">;
     };
     showModelValue: {
         default: boolean;
@@ -166,7 +166,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabled: boolean;
     hasError: boolean;
     size: "base" | "xs" | "sm";
-    dropdownShow: "focus" | "always";
+    dropdownShow: "always" | "focus";
     showModelValue: boolean;
     visibleFocus: boolean;
     focusOnMount: boolean;

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

@@ -55,7 +55,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     dropdownShow: {
         default: string;
-        type: PropType<"focus" | "always">;
+        type: PropType<"always" | "focus">;
     };
     showModelValue: {
         default: boolean;
@@ -144,7 +144,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     dropdownShow: {
         default: string;
-        type: PropType<"focus" | "always">;
+        type: PropType<"always" | "focus">;
     };
     showModelValue: {
         default: boolean;
@@ -182,7 +182,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabled: boolean;
     hasError: boolean;
     size: "base" | "xs" | "sm";
-    dropdownShow: "focus" | "always";
+    dropdownShow: "always" | "focus";
     showModelValue: boolean;
     visibleFocus: boolean;
     focusOnMount: boolean;

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

@@ -1,16 +1,33 @@
-declare const _default: import("vue").DefineComponent<{
+import { ClassNameValue } from 'tailwind-merge';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    class: {
+        type: import("vue").PropType<string | false | 0 | ClassNameValue[] | null>;
+        default: string;
+    };
     size: {
+        type: import("vue").PropType<"base" | "xs" | "sm" | "lg">;
+        required: true;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    class: {
+        type: import("vue").PropType<string | false | 0 | ClassNameValue[] | null>;
         default: string;
-        type: StringConstructor;
     };
-}, unknown, unknown, {
-    paddingClass(): string;
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
+        type: import("vue").PropType<"base" | "xs" | "sm" | "lg">;
+        required: true;
         default: string;
-        type: StringConstructor;
     };
 }>>, {
-    size: string;
-}, {}>;
+    class: string | false | 0 | ClassNameValue[] | null;
+    size: "base" | "xs" | "sm" | "lg";
+}, {}>, {
+    default?(_: {}): any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     step: {
         default: undefined;
-        type: NumberConstructor;
+        type: PropType<number | null | undefined>;
     };
     autocomplete: {
         default: boolean;
@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     name: {
         default: undefined;
-        type: StringConstructor;
+        type: PropType<string | null | undefined>;
     };
     placeholder: {
         default: string;
@@ -43,19 +43,19 @@ declare const _default: import("vue").DefineComponent<{
     };
     iconLeft: {
         default: undefined;
-        type: StringConstructor;
+        type: PropType<string | null | undefined>;
     };
     iconRight: {
         default: undefined;
-        type: StringConstructor;
+        type: PropType<string | null | undefined>;
     };
     prefix: {
         default: undefined;
-        type: StringConstructor;
+        type: PropType<string | null | undefined>;
     };
     suffix: {
         default: undefined;
-        type: StringConstructor;
+        type: PropType<string | null | undefined>;
     };
     hasError: {
         default: boolean;
@@ -63,11 +63,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     min: {
         default: undefined;
-        type: NumberConstructor;
+        type: PropType<number | null | undefined>;
     };
     max: {
         default: undefined;
-        type: NumberConstructor;
+        type: PropType<number | null | undefined>;
     };
     mask: {
         type: (ArrayConstructor | StringConstructor | FunctionConstructor)[];
@@ -91,7 +91,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     step: {
         default: undefined;
-        type: NumberConstructor;
+        type: PropType<number | null | undefined>;
     };
     autocomplete: {
         default: boolean;
@@ -106,7 +106,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     name: {
         default: undefined;
-        type: StringConstructor;
+        type: PropType<string | null | undefined>;
     };
     placeholder: {
         default: string;
@@ -122,19 +122,19 @@ declare const _default: import("vue").DefineComponent<{
     };
     iconLeft: {
         default: undefined;
-        type: StringConstructor;
+        type: PropType<string | null | undefined>;
     };
     iconRight: {
         default: undefined;
-        type: StringConstructor;
+        type: PropType<string | null | undefined>;
     };
     prefix: {
         default: undefined;
-        type: StringConstructor;
+        type: PropType<string | null | undefined>;
     };
     suffix: {
         default: undefined;
-        type: StringConstructor;
+        type: PropType<string | null | undefined>;
     };
     hasError: {
         default: boolean;
@@ -142,11 +142,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     min: {
         default: undefined;
-        type: NumberConstructor;
+        type: PropType<number | null | undefined>;
     };
     max: {
         default: undefined;
-        type: NumberConstructor;
+        type: PropType<number | null | undefined>;
     };
     mask: {
         type: (ArrayConstructor | StringConstructor | FunctionConstructor)[];
@@ -160,19 +160,19 @@ declare const _default: import("vue").DefineComponent<{
     type: string;
     required: boolean;
     mask: string | Function | unknown[];
-    step: number;
-    name: string;
+    step: number | null | undefined;
+    name: string | null | undefined;
     modelValue: string | number | null;
     autocomplete: boolean;
     preventSubmit: boolean;
     placeholder: string;
     disabled: boolean;
-    iconLeft: string;
-    iconRight: string;
-    prefix: string;
-    suffix: string;
+    iconLeft: string | null | undefined;
+    iconRight: string | null | undefined;
+    prefix: string | null | undefined;
+    suffix: string | null | undefined;
     hasError: boolean;
-    min: number;
-    max: number;
+    min: number | null | undefined;
+    max: number | null | undefined;
 }, {}>;
 export default _default;

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

@@ -59,8 +59,8 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"xs" | "sm" | "md">;
     };
 }>>, {
-    label: string;
     active: boolean;
+    label: string;
     color: ActionColors;
     icon: string;
     description: string;

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

@@ -51,8 +51,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     dark: boolean;
-    label: string;
     active: boolean;
+    label: string;
     icon: string;
     count: number;
     size: "xs" | "sm" | "md";

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

@@ -51,8 +51,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     dark: boolean;
-    label: string;
     active: boolean;
+    label: string;
     icon: string;
     count: number;
     size: "xs" | "sm" | "md";

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

@@ -68,7 +68,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     dropdownShow: {
         default: string;
-        type: PropType<"focus" | "always">;
+        type: PropType<"always" | "focus">;
     };
     focusOnMount: {
         default: boolean;
@@ -153,7 +153,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     dropdownShow: {
         default: string;
-        type: PropType<"focus" | "always">;
+        type: PropType<"always" | "focus">;
     };
     focusOnMount: {
         default: boolean;
@@ -181,7 +181,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     loading: boolean;
     loadingBottom: boolean;
     size: "base" | "xs" | "sm";
-    dropdownShow: "focus" | "always";
+    dropdownShow: "always" | "focus";
     focusOnMount: boolean;
     twContainer: string | string[];
 }, {}>, {

package/dist/types/src/types/index.d.ts

@@ -62,7 +62,11 @@ export interface ActionItem {
     count?: number;
     color?: ActionColors;
     disabled?: boolean;
-    meta?: Record<string, any>;
+    meta?: {
+        line?: boolean;
+        showSubItems?: 'always' | 'active' | 'never';
+        [key: string]: any;
+    };
     actions?: ActionItem[];
 }
 export type Row = Record<string, any>;

package/package.json

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

package/src/components/BaseBelongsTo.vue

@@ -136,9 +136,9 @@ const model = computed(() => {
 
 function onUpdate(newModel: Option | null) {
   if (!newModel) {
-    emit('update:modelValue', null);
+    emit('update:modelValue', null, null);
   } else {
-    emit('update:modelValue', newModel[props.primaryKey]);
+    emit('update:modelValue', newModel[props.primaryKey], newModel);
   }
 }
 

package/src/components/BaseBelongsToFetch.vue

@@ -181,10 +181,10 @@ watch(
 function onUpdate(newModel: Option | null) {
   if (!newModel) {
     model.value = null;
-    emit('update:modelValue', null);
+    emit('update:modelValue', null, null);
   } else {
     model.value = newModel;
-    emit('update:modelValue', newModel[props.primaryKey]);
+    emit('update:modelValue', newModel[props.primaryKey], newModel);
   }
 }
 

package/src/components/BaseCard.stories.js

@@ -13,6 +13,7 @@ const Template = (args) => ({
     return { args };
   },
   template: `
+  <div class="bg-slate-100 p-5">
     <BaseCard class="mb-3">
       Content (no padding)
     </BaseCard>
@@ -54,6 +55,7 @@ const Template = (args) => ({
     <BaseCard clipped class="mb-3">
       <div class="p-5 bg-slate-300">Clipped</div>
     </BaseCard>
+    </div>
   `,
 });
 

package/src/components/BaseCard.vue

@@ -1,9 +1,9 @@
 <template>
   <div
     ref="card"
-    class="border-t border-b border-slate-300 bg-white"
+    class="ring-1 ring-slate-950/10 bg-white"
     :class="{
-      'rounded-lg border-r border-l shadow-sm': width != windowWidth,
+      'rounded-lg shadow': width != windowWidth,
       'relative isolate overflow-hidden': clipped,
     }"
   >

package/src/components/BaseCardRow.vue

@@ -1,34 +1,45 @@
 <template>
-  <div class="border-t border-slate-300 first:border-t-0">
-    <div :class="paddingClass">
-      <slot />
-    </div>
+  <div :class="classes">
+    <slot />
   </div>
 </template>
 
-<script lang="ts">
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  props: {
-    size: {
-      default: 'base',
-      type: String,
-    },
-  },
-  computed: {
-    paddingClass(): string {
-      if (this.size == 'xs') {
-        return 'md:p-3 p-2';
-      }
-      if (this.size == 'sm') {
-        return 'md:p-4 p-3';
-      }
-      if (this.size == 'lg') {
-        return 'md:p-8 p-6';
-      }
-      return 'md:p-6 px-4 py-5';
-    },
-  },
+<script lang="ts" setup>
+import { ClassNameValue, twMerge } from 'tailwind-merge';
+
+
+defineOptions({
+  inheritAttrs: false,
+})
+
+const props = withDefaults(defineProps<{
+  size: 'xs' | 'sm' | 'base' | 'lg',
+  class?: ClassNameValue,
+}>(), {
+  size: 'base',
+  class: '',
+});
+
+const paddingClass = computed(() => {
+  if (props.size == 'xs') {
+    return 'md:p-3 p-2';
+  }
+  if (props.size == 'sm') {
+    return 'md:p-4 p-3';
+  }
+  if (props.size == 'lg') {
+    return 'md:p-8 p-6';
+  }
+  return 'md:p-6 px-4 py-5';
 });
+
+const classes = computed(() => {
+  return twMerge(
+    'border-t border-slate-300 first:border-t-0',
+    paddingClass.value,
+    props.class,
+  );
+});
+
+
 </script>

package/src/components/BaseHasMany.vue

@@ -122,7 +122,8 @@ function onUpdate(newModels: Option[]) {
   models.value = newModels;
   emit(
     'update:modelValue',
-    newModels.map((m) => m[props.primaryKey])
+    newModels.map((m) => m[props.primaryKey]),
+    newModels,
   );
 }
 

package/src/components/BaseInput.vue

@@ -91,7 +91,7 @@ const props = defineProps({
   },
   step: {
     default: undefined,
-    type: Number,
+    type: [null, Number] as PropType<undefined | null | number>,
   },
   autocomplete: {
     default: true,
@@ -106,7 +106,7 @@ const props = defineProps({
   },
   name: {
     default: undefined,
-    type: String,
+    type: [null, String] as PropType<undefined | null | string>,
   },
   placeholder: {
     default: '',
@@ -122,19 +122,19 @@ const props = defineProps({
   },
   iconLeft: {
     default: undefined,
-    type: String,
+    type: [null, String] as PropType<undefined | null | string>,
   },
   iconRight: {
     default: undefined,
-    type: String,
+    type: [null, String] as PropType<undefined | null | string>,
   },
   prefix: {
     default: undefined,
-    type: String,
+    type: [null, String] as PropType<undefined | null | string>,
   },
   suffix: {
     default: undefined,
-    type: String,
+    type: [null, String] as PropType<undefined | null | string>,
   },
   hasError: {
     default: false,
@@ -142,11 +142,11 @@ const props = defineProps({
   },
   min: {
     default: undefined,
-    type: Number,
+    type: [null, Number] as PropType<undefined | null | number>,
   },
   max: {
     default: undefined,
-    type: Number,
+    type: [null, Number] as PropType<undefined | null | number>,
   },
   mask: {
     type: [String, Array, Function],

package/src/components/BaseModalCenter.vue

@@ -33,7 +33,7 @@
                 <div
                   v-if="modelValue"
                   :class="twMerge(
-                    'fixed inset-0 bg-slate-300 bg-opacity-60 transition-opacity',
+                    'fixed inset-0 bg-slate-300 bg-opacity-40 transition-opacity backdrop-blur-sm',
                     twBackdrop
                   )"
                   @click="closeOnOutsideClick ? modal.close() : modal.refuseAnimation()"

package/src/components/BaseModalSide.vue

@@ -24,7 +24,7 @@
                 <div
                   v-show="modelValue"
                   :class="twMerge(
-                    'fixed inset-0 bg-slate-300 bg-opacity-60 transition-opacity',
+                    'fixed inset-0 bg-slate-300 bg-opacity-40 transition-opacity backdrop-blur-sm',
                     twBackdrop
                   )"
                   @click="closeOnOutsideClick ? modal.close() : modal.refuseAnimation()"

package/src/types/index.ts

@@ -85,7 +85,11 @@ export interface ActionItem {
   count?: number;
   color?: ActionColors;
   disabled?: boolean;
-  meta?: Record<string, any>;
+  meta?: {
+    line?: boolean;
+    showSubItems?: 'always' | 'active' | 'never';
+    [key: string]: any
+  };
   actions?: ActionItem[];
 }