sprintify-ui 0.0.188 → 0.0.190

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

@@ -42,9 +42,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<string | string[] | Record<string, boolean>>;
     };
 }>>, {
+    name: string;
     label: string;
     required: boolean;
-    name: string;
     errorType: "default" | "alert";
     labelClass: string | string[] | Record<string, boolean>;
 }>, {

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

@@ -81,9 +81,9 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    name: string;
     label: string;
     required: boolean;
-    name: string;
     modelValue: {
         [locale: string]: string | number | boolean;
     } | null;

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

@@ -68,7 +68,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
     };
     mask: {
-        type: (StringConstructor | ArrayConstructor | FunctionConstructor)[];
+        type: (ArrayConstructor | StringConstructor | FunctionConstructor)[];
         default(): null;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur")[], "update:modelValue" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -140,7 +140,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
     };
     mask: {
-        type: (StringConstructor | ArrayConstructor | FunctionConstructor)[];
+        type: (ArrayConstructor | StringConstructor | FunctionConstructor)[];
         default(): null;
     };
 }>> & {
@@ -148,11 +148,11 @@ declare const _default: import("vue").DefineComponent<{
     onBlur?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    required: boolean;
     type: string;
     name: string;
     mask: string | Function | unknown[];
     step: number;
+    required: boolean;
     modelValue: string | number | null;
     placeholder: string;
     disabled: boolean;

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

@@ -118,9 +118,9 @@ declare const _default: import("vue").DefineComponent<{
     onBlur?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    required: boolean;
     name: string;
     step: number;
+    required: boolean;
     icon: string;
     modelValue: string | number | null;
     placeholder: string;

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

@@ -7,7 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     menuClass: {
         default: string;
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
     };
     position: {
         default: string;
@@ -24,7 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     menuClass: {
         default: string;
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
     };
     position: {
         default: string;
@@ -37,7 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>>, {
     size: "xs" | "sm" | "md";
     items: MenuItemInterface[];
-    menuClass: string | Record<string, any> | unknown[];
+    menuClass: string | unknown[] | Record<string, any>;
     position: "custom" | "bottom-left" | "bottom-right";
 }>, {
     button: (_: {

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

@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     color: {
         default: string;
-        type: PropType<"dark" | "light" | "danger" | "success" | "warning">;
+        type: PropType<"success" | "danger" | "warning" | "dark" | "light">;
     };
     size: {
         default: string;
@@ -43,7 +43,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     color: {
         default: string;
-        type: PropType<"dark" | "light" | "danger" | "success" | "warning">;
+        type: PropType<"success" | "danger" | "warning" | "dark" | "light">;
     };
     size: {
         default: string;
@@ -52,7 +52,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     label: string;
     active: boolean;
-    color: "dark" | "light" | "danger" | "success" | "warning";
+    color: "success" | "danger" | "warning" | "dark" | "light";
     icon: string;
     count: number;
     size: "xs" | "sm" | "md";

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

@@ -41,10 +41,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
     };
 }>>, {
-    dark: boolean;
     label: string;
     active: boolean;
     icon: string;
     count: number;
+    dark: boolean;
 }>;
 export default _default;

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

@@ -41,10 +41,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
     };
 }>>, {
-    dark: boolean;
     label: string;
     active: boolean;
     icon: string;
     count: number;
+    dark: boolean;
 }>;
 export default _default;

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

@@ -45,7 +45,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     rounded: {
         default: string;
-        type: PropType<"left" | "right" | "full" | "none">;
+        type: PropType<"full" | "left" | "right" | "none">;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "keydown")[], "update:modelValue" | "focus" | "blur" | "keydown", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
@@ -93,7 +93,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     rounded: {
         default: string;
-        type: PropType<"left" | "right" | "full" | "none">;
+        type: PropType<"full" | "left" | "right" | "none">;
     };
 }>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
@@ -101,9 +101,9 @@ declare const _default: import("vue").DefineComponent<{
     onKeydown?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    required: boolean;
     name: string;
     step: number;
+    required: boolean;
     modelValue: number | null;
     placeholder: string;
     disabled: boolean;
@@ -111,6 +111,6 @@ declare const _default: import("vue").DefineComponent<{
     max: number;
     hasError: boolean;
     borderless: boolean;
-    rounded: "left" | "right" | "full" | "none";
+    rounded: "full" | "left" | "right" | "none";
 }>;
 export default _default;

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

@@ -52,8 +52,8 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    required: boolean;
     name: string;
+    required: boolean;
     modelValue: string | null;
     placeholder: string;
     disabled: boolean;

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

@@ -85,8 +85,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    required: boolean;
     name: string;
+    required: boolean;
     labelClass: string;
     modelValue: OptionValue | undefined;
     disabled: boolean;

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

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     toolbar: {
-        type: PropType<string | Record<string, any> | unknown[] | undefined>;
+        type: PropType<string | unknown[] | Record<string, any> | undefined>;
         default(): string[];
     };
     placeholder: {
@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     toolbar: {
-        type: PropType<string | Record<string, any> | unknown[] | undefined>;
+        type: PropType<string | unknown[] | Record<string, any> | undefined>;
         default(): string[];
     };
     placeholder: {
@@ -79,14 +79,14 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    required: boolean;
     name: string;
+    required: boolean;
     modelValue: string | Delta | null | undefined;
     placeholder: string;
     disabled: boolean;
     hasError: boolean;
     enable: boolean;
-    toolbar: string | Record<string, any> | unknown[] | undefined;
+    toolbar: string | unknown[] | Record<string, any> | undefined;
     theme: "" | "snow" | "bubble";
 }>;
 export default _default;

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

@@ -77,8 +77,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    required: boolean;
     name: string;
+    required: boolean;
     modelValue: (string | number | null) | undefined;
     placeholder: string;
     disabled: boolean;

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

@@ -2,8 +2,16 @@ import { PropType } from 'vue';
 import { RouteLocationRaw } from 'vue-router';
 declare const _default: import("vue").DefineComponent<{
     to: {
-        required: true;
-        type: PropType<RouteLocationRaw>;
+        default: undefined;
+        type: PropType<RouteLocationRaw | undefined>;
+    };
+    href: {
+        default: undefined;
+        type: PropType<string | undefined>;
+    };
+    action: {
+        default: undefined;
+        type: PropType<() => Promise<void> | undefined>;
     };
     title: {
         required: true;
@@ -31,8 +39,16 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     to: {
-        required: true;
-        type: PropType<RouteLocationRaw>;
+        default: undefined;
+        type: PropType<RouteLocationRaw | undefined>;
+    };
+    href: {
+        default: undefined;
+        type: PropType<string | undefined>;
+    };
+    action: {
+        default: undefined;
+        type: PropType<() => Promise<void> | undefined>;
     };
     title: {
         required: true;
@@ -59,6 +75,9 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"high" | "low">;
     };
 }>>, {
+    to: RouteLocationRaw | undefined;
+    href: string | undefined;
+    action: () => Promise<void> | undefined;
     color: string;
     description: string;
     contrast: "high" | "low";

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

@@ -48,8 +48,8 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | null>;
     };
 }>>, {
-    label: string | null;
     caption: string | null;
+    label: string | null;
     secondaryValue: string | null;
     trend: "up" | "down" | null;
 }>;

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

@@ -10,7 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     color: {
         default: string;
-        type: PropType<"dark" | "light" | "danger" | "success" | "warning" | "info" | "primary">;
+        type: PropType<"success" | "info" | "danger" | "warning" | "dark" | "light" | "primary">;
     };
     size: {
         default: string;
@@ -35,7 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     color: {
         default: string;
-        type: PropType<"dark" | "light" | "danger" | "success" | "warning" | "info" | "primary">;
+        type: PropType<"success" | "info" | "danger" | "warning" | "dark" | "light" | "primary">;
     };
     size: {
         default: string;
@@ -52,9 +52,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    required: boolean;
     name: string;
-    color: "dark" | "light" | "danger" | "success" | "warning" | "info" | "primary";
+    color: "success" | "info" | "danger" | "warning" | "dark" | "light" | "primary";
+    required: boolean;
     modelValue: string | number | boolean | null | undefined;
     hasError: boolean;
     size: "base" | "xs" | "sm" | "lg" | "xl";

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

@@ -11,7 +11,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     color: {
         default: string;
-        type: PropType<"danger" | "success" | "warning" | "info">;
+        type: PropType<"success" | "info" | "danger" | "warning">;
     };
     closable: {
         default: boolean;
@@ -28,7 +28,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     color: {
         default: string;
-        type: PropType<"danger" | "success" | "warning" | "info">;
+        type: PropType<"success" | "info" | "danger" | "warning">;
     };
     closable: {
         default: boolean;
@@ -38,8 +38,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
     to: RouteLocationRaw | undefined;
-    color: "danger" | "success" | "warning" | "info";
     action: () => Promise<void> | void;
+    color: "success" | "info" | "danger" | "warning";
     closable: boolean;
 }>, {
     default: (_: {}) => any;

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

@@ -85,10 +85,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         position: "left" | "right";
         searchable: boolean;
         sortable: boolean;
-        visible: boolean;
         clickable: boolean;
         toggle: boolean;
-        optional: boolean;
+        toggleDefault: boolean;
         width: number;
         style: {
             width: number | undefined;

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

@@ -40,10 +40,6 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
-    visible: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
     clickable: {
         default: boolean;
         type: BooleanConstructor;
@@ -52,7 +48,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    optional: {
+    toggleDefault: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -126,10 +122,6 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
-    visible: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
     clickable: {
         default: boolean;
         type: BooleanConstructor;
@@ -138,7 +130,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    optional: {
+    toggleDefault: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -161,19 +153,18 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
+    meta: unknown[] | Record<string, any>;
     label: string;
-    meta: Record<string, any> | unknown[];
     toggle: boolean;
     width: number;
     field: string;
     padding: string;
-    visible: boolean;
     position: "left" | "right" | "center";
     searchable: boolean;
     numeric: boolean;
     sortable: boolean;
     clickable: boolean;
-    optional: boolean;
+    toggleDefault: boolean;
     thAttrs: Function;
     tdAttrs: Function;
     customKey: string | number;

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

@@ -144,8 +144,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onOpen?: ((...args: any[]) => any) | undefined;
 }, {
     filter: (option: NormalizedOption) => boolean;
-    required: boolean;
     name: string;
+    required: boolean;
     placeholder: string;
     disabled: boolean;
     max: number;

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

@@ -84,9 +84,9 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    required: boolean;
     type: string;
     name: string;
+    required: boolean;
     modelValue: string | null | undefined;
     placeholder: string;
     disabled: boolean;

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

@@ -88,10 +88,9 @@ export interface BaseTableColumn {
     position: 'left' | 'right';
     searchable: boolean;
     sortable: boolean;
-    visible: boolean;
     clickable: boolean;
     toggle: boolean;
-    optional: boolean;
+    toggleDefault: boolean;
     width: number;
     style: {
         width: undefined | number;

package/package.json

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

package/src/components/BaseActionItem.vue

@@ -1,14 +1,14 @@
 <template>
   <RouterLink
-    v-if="item.to"
+    v-if="to"
     v-slot="{ isActive, href: slotHref, navigate }"
     custom
-    :to="item.to"
+    :to="to"
   >
     <a
       :active="isActive"
       :href="slotHref"
-      :class="itemClass"
+      :class="props.class"
       :aria-current="isActive ? 'page' : undefined"
       @click.prevent="onClick(navigate)"
     >
@@ -16,41 +16,34 @@
     </a>
   </RouterLink>
   <button
-    v-else-if="item.action"
+    v-else-if="action"
     type="button"
-    :class="itemClass"
-    @click="onClick(item.action)"
+    class="text-left"
+    :class="props.class"
+    @click="onClick(action)"
   >
     <slot :active="false"> </slot>
   </button>
-  <a
-    v-else-if="item.href"
-    :href="item.href"
-    :class="itemClass"
-    @click="onClick()"
-  >
+  <a v-else-if="href" :href="href" :class="props.class" @click="onClick()">
     <slot :active="false"> </slot>
   </a>
 </template>
 
+<script lang="ts">
+export default {
+  inheritAttrs: false,
+};
+</script>
+
 <script setup lang="ts">
-import { PropType } from 'vue';
-import { ActionItem } from '@/types';
+import { RouteLocationRaw } from 'vue-router';
 
-defineProps({
-  item: {
-    required: true,
-    type: Object as PropType<ActionItem>,
-  },
-  dark: {
-    default: false,
-    type: Boolean,
-  },
-  itemClass: {
-    default: '',
-    type: [String, Array, Object],
-  },
-});
+const props = defineProps<{
+  to?: RouteLocationRaw;
+  href?: string;
+  action?: (() => Promise<void>) | (() => void);
+  class?: string | string[] | null;
+}>();
 
 const closeMenu = inject('closeMenu', () => {
   return;