@winchsa/ui 0.1.33 → 0.1.34

package/dist/components/Modal.vue

@@ -0,0 +1,155 @@
+<script setup>
+import { PerfectScrollbar } from "vue3-perfect-scrollbar";
+import { useDisplay } from "vuetify";
+import { computed, nextTick, ref } from "vue";
+import { VDialog, VCol, VRow, VIcon } from "vuetify/components";
+import { useI18n } from "vue-i18n";
+import AppCard from "./cards/AppCard.vue";
+import BaseButton from "./forms/BaseButton.vue";
+import DialogCloseBtn from "./DialogCloseBtn.vue";
+const { xs } = useDisplay();
+const { t } = useI18n();
+const props = defineProps({
+  modelValue: { type: Boolean, required: false, default: false },
+  persistent: { type: Boolean, required: false, default: false },
+  title: { type: String, required: false, default: "" },
+  width: { type: String, required: false, default: "434px" },
+  maxWidth: { type: String, required: false, default: "70%" },
+  zIndex: { type: String, required: false, default: "9999" },
+  confirmBtn: { type: [Object, null], required: false, default: () => ({
+    text: "actions.save",
+    color: "primary"
+  }) },
+  closeBtn: { type: [Object, null], required: false, default: () => ({
+    text: "actions.cancel",
+    color: "gray-200"
+  }) },
+  hasIcon: { type: Boolean, required: false, default: true },
+  icon: { type: String, required: false, default: "tabler-info-circle" },
+  iconColor: { type: String, required: false, default: "primary" },
+  contentContainerClass: { type: Array, required: false },
+  showActions: { type: Boolean, required: false, default: true },
+  loading: { type: Boolean, required: false },
+  actionsClass: { type: [String, Array], required: false },
+  height: { type: [String, Number], required: false }
+});
+const emits = defineEmits(["update:modelValue", "save", "cancel"]);
+const modalScrollbarRef = ref(null);
+const save = () => {
+  emits("save");
+};
+const cancel = () => {
+  isOpen.value = false;
+  emits("cancel");
+};
+const isOpen = computed({
+  get() {
+    return props.modelValue;
+  },
+  set(value) {
+    emits("update:modelValue", value);
+  }
+});
+const checkScrollbar = () => {
+  nextTick(() => {
+    if (modalScrollbarRef?.value?.ps) {
+      modalScrollbarRef?.value?.ps.update();
+    }
+  });
+};
+const mergedConfirmBtn = computed(() => ({
+  text: "actions.save",
+  color: "primary",
+  disabled: false,
+  ...props.confirmBtn || {}
+}));
+const mergedCloseBtn = computed(() => ({
+  text: "actions.cancel",
+  color: "gray-200",
+  disabled: false,
+  ...props.closeBtn || {}
+}));
+</script>
+
+<template>
+  <PerfectScrollbar
+    ref="modalScrollbarRef"
+    :options="{
+  wheelPropagation: false,
+  suppressScrollX: true
+}"
+    @mouseover="checkScrollbar"
+  >
+    <VDialog
+      v-model="isOpen"
+      :width="xs ? '100%' : width"
+      :max-width="xs ? '90%' : maxWidth"
+      :z-index="zIndex"
+      :persistent="persistent"
+      :height="height"
+    >
+      <DialogCloseBtn @click="cancel" />
+      <AppCard class="pa-4 pb-0 h-100" :height="height">
+        <div v-if="title" class="d-flex justify-space-between border-b pb-2 mb-3">
+          <h4 class="mb-2 font-weight-bold">
+            {{ title }}
+          </h4>
+        </div>
+
+        <div class="d-flex flex-column align-center justify-center gap-2" :class="contentContainerClass">
+          <div v-if="hasIcon" class="d-flex align-center justify-center app-w-50px app-h-50px rounded-pill position-relative my-4">
+            <div class="d-flex align-center justify-center app-w-60px app-h-60px rounded-pill position-absolute app-opacity-17" :class="`bg-${iconColor}`" />
+            <div class="d-flex align-center justify-center app-w-50px app-h-50px rounded-pill position-absolute app-opacity-11" :class="`bg-${iconColor}`" />
+            <VIcon
+              size="30"
+              :icon="icon"
+              :color="iconColor"
+            />
+          </div>
+          <div class="w-100 text-center">
+            <slot />
+          </div>
+        </div>
+
+        <slot v-if="showActions" name="actions">
+          <VRow class="modal-actions" no-gutters>
+            <slot name="additional-actions" />
+            <VCol
+              cols="12"
+              :class="actionsClass"
+              class="d-flex flex-wrap justify-center gap-4 mt-4 "
+            >
+              <BaseButton
+                v-if="mergedCloseBtn"
+                :color="mergedCloseBtn.color"
+                :disabled="mergedCloseBtn?.disabled"
+                class="flex-1-1"
+                elevation="0"
+                @click="cancel"
+              >
+                {{ t(mergedCloseBtn.text) }}
+              </BaseButton>
+
+              <BaseButton
+                v-if="mergedConfirmBtn"
+                type="submit"
+                class="flex-1-1"
+                :color="mergedConfirmBtn.color"
+                :disabled="mergedConfirmBtn?.disabled"
+                elevation="0"
+                :loading="loading"
+                @click="save"
+              >
+                {{ t(mergedConfirmBtn.text) }}
+              </BaseButton>
+            </VCol>
+          </VRow>
+        </slot>
+      </AppCard>
+    </VDialog>
+  </PerfectScrollbar>
+</template>
+
+<style scoped>
+.modal-actions{background-color:#fff;bottom:0;padding-bottom:18px;position:sticky}
+</style>

package/dist/components/Modal.vue.d.ts

@@ -0,0 +1,50 @@
+type __VLS_Props = {
+    modelValue?: boolean;
+    persistent?: boolean;
+    title?: string;
+    width?: string;
+    maxWidth?: string;
+    zIndex?: string;
+    confirmBtn?: {
+        text?: string;
+        color?: string;
+        disabled?: boolean;
+    } | null;
+    closeBtn?: {
+        text?: string;
+        color?: string;
+    } | null;
+    hasIcon?: boolean;
+    icon?: string;
+    iconColor?: string;
+    contentContainerClass?: string[];
+    showActions?: boolean;
+    loading?: boolean;
+    actionsClass?: string | string[];
+    height?: string | number;
+};
+declare var __VLS_35: {}, __VLS_37: {}, __VLS_45: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_35) => any;
+} & {
+    actions?: (props: typeof __VLS_37) => any;
+} & {
+    'additional-actions'?: (props: typeof __VLS_45) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    save: (...args: any[]) => void;
+    cancel: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onSave?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MoreBtn.d.vue.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    menuList?: unknown[];
+    itemProps?: boolean;
+};
+declare var __VLS_19: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MoreBtn.vue

@@ -0,0 +1,28 @@
+<script setup>
+import { VIcon, VList, VMenu } from "vuetify/components";
+import IconBtn from "./IconBtn.vue";
+defineProps({
+  menuList: { type: Array, required: false },
+  itemProps: { type: Boolean, required: false }
+});
+</script>
+
+<template>
+  <IconBtn
+    density="compact"
+  >
+    <VIcon icon="tabler-dots-vertical" color="text-on-background" />
+
+    <VMenu
+      activator="parent"
+      scroll-strategy="close"
+    >
+      <slot>
+        <VList
+          :items="menuList"
+          :item-props="itemProps"
+        />
+      </slot>
+    </VMenu>
+  </IconBtn>
+</template>

package/dist/components/MoreBtn.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    menuList?: unknown[];
+    itemProps?: boolean;
+};
+declare var __VLS_19: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ScrollToTop.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/ScrollToTop.vue

@@ -0,0 +1,39 @@
+<script setup>
+import { useWindowScroll } from "@vueuse/core";
+import { VScaleTransition, VBtn, VIcon } from "vuetify/components";
+const { y } = useWindowScroll();
+const scrollToTop = () => {
+  window.scrollTo({
+    top: 0,
+    behavior: "smooth"
+  });
+};
+</script>
+
+<template>
+  <VScaleTransition
+    style="transform-origin: center"
+    class="scroll-to-top d-print-none"
+  >
+    <VBtn
+      v-show="y > 200"
+      icon
+      density="comfortable"
+      @click="scrollToTop"
+    >
+      <VIcon
+        size="22"
+        icon="tabler-arrow-up"
+      />
+    </VBtn>
+  </VScaleTransition>
+</template>
+
+<style>
+.scroll-to-top {
+  position: fixed !important;
+  z-index: 999 !important;
+  inset-block-end: 5% !important;
+  inset-inline-end: 25px !important;
+}
+</style>

package/dist/components/ScrollToTop.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/SiteTitle.d.vue.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/SiteTitle.vue

@@ -0,0 +1,14 @@
+<script setup>
+import { computed } from "vue";
+import { useI18n } from "vue-i18n";
+const { t } = useI18n();
+const siteName = computed(() => {
+  return t(`${import.meta.env.VITE_APP_TYPE}_site_name`);
+});
+</script>
+
+<template>
+  <h2 class="text-center">
+    {{ siteName }}
+  </h2>
+</template>

package/dist/components/SiteTitle.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/Toaster.d.vue.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    theme: 'light' | 'dark';
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Toaster.vue

@@ -0,0 +1,19 @@
+<script setup>
+import { Toaster } from "vue-sonner";
+defineProps({
+  theme: { type: String, required: true }
+});
+</script>
+
+<template>
+  <Toaster
+    position="top-center"
+    :theme="theme"
+    close-button
+    rich-colors
+  />
+</template>
+
+<style>
+[data-sonner-toast] [data-icon]{margin:0}[data-sonner-toast] [data-icon] svg{margin-inline-start:-2px}[data-sonner-toaster][data-theme=light]{--normal-bg:#fff;--normal-text:var(--gray12);--normal-icon:#fdc930;--success-text:#28c76f;--error-text:#ea5455;--error-bg:#fbe3e4;--error-border:#fbe3e4;--success-bg:#dcf6e8;--success-border:#dcf6e8}[data-sonner-toaster][data-theme=dark]{--normal-bg:#2f3349;--normal-border:#2f3349;--normal-text:var(--gray1);--success-text:#28c76f;--error-text:#ea5455;--error-bg:#4c384b;--error-border:#4c384b;--success-bg:#2d4b4f;--success-border:#2d4b4f}[data-sonner-toast][data-styled=true]{gap:10px!important}
+</style>

package/dist/components/Toaster.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    theme: 'light' | 'dark';
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/cards/AppCard.d.vue.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    isLoading?: boolean;
+};
+declare var __VLS_9: {}, __VLS_18: string, __VLS_19: any;
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_18>]?: (props: typeof __VLS_19) => any;
+} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/cards/AppCard.vue

@@ -0,0 +1,45 @@
+<script setup>
+import { computed, useSlots } from "vue";
+import { VCard } from "vuetify/components";
+import LoadingBar from "../LoadingBar.vue";
+defineProps({
+  isLoading: { type: Boolean, required: false }
+});
+defineOptions({
+  name: "AppCard",
+  inheritAttrs: false
+});
+const slots = computed(() => {
+  const slots2 = useSlots();
+  return Object.keys(slots2).reduce((item, key) => {
+    if (key !== "default") {
+      item[key] = slots2[key];
+    }
+    return item;
+  }, {});
+});
+</script>
+
+<template>
+  <VCard v-bind="$attrs">
+    <template #default>
+      <!--  card content -->
+      <slot />
+
+      <LoadingBar
+        v-if="isLoading"
+        :is-loading="isLoading"
+      />
+    </template>
+
+    <template
+      v-for="(_, name) in slots"
+      #[name]="slotProps"
+    >
+      <slot
+        :name="name"
+        v-bind="slotProps || {}"
+      />
+    </template>
+  </VCard>
+</template>

package/dist/components/cards/AppCard.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    isLoading?: boolean;
+};
+declare var __VLS_9: {}, __VLS_18: string, __VLS_19: any;
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_18>]?: (props: typeof __VLS_19) => any;
+} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/cards/AppCardActions.d.vue.ts

@@ -0,0 +1,33 @@
+type __VLS_Props = {
+    collapsed?: boolean;
+    noActions?: boolean;
+    actionCollapsed?: boolean;
+    actionRefresh?: boolean;
+    actionRemove?: boolean;
+    title?: string;
+};
+declare var __VLS_26: {}, __VLS_29: {}, __VLS_76: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_26) => any;
+} & {
+    'before-actions'?: (props: typeof __VLS_29) => any;
+} & {
+    default?: (props: typeof __VLS_76) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    collapsed: (isContentCollapsed: boolean) => any;
+    refresh: (hideOverlay: () => void) => any;
+    trash: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCollapsed?: ((isContentCollapsed: boolean) => any) | undefined;
+    onRefresh?: ((hideOverlay: () => void) => any) | undefined;
+    onTrash?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/cards/AppCardActions.vue

@@ -0,0 +1,126 @@
+<script setup>
+import { ref } from "vue";
+import { VCard, VCardItem, VIcon, VOverlay, VExpandTransition, VProgressCircular, VCardTitle } from "vuetify/components";
+import IconBtn from "../IconBtn.vue";
+const props = defineProps({
+  collapsed: { type: Boolean, required: false, default: false },
+  noActions: { type: Boolean, required: false, default: false },
+  actionCollapsed: { type: Boolean, required: false, default: false },
+  actionRefresh: { type: Boolean, required: false, default: false },
+  actionRemove: { type: Boolean, required: false, default: false },
+  title: { type: String, required: false, default: void 0 }
+});
+const emit = defineEmits(["collapsed", "refresh", "trash"]);
+defineOptions({
+  inheritAttrs: false
+});
+const isContentCollapsed = ref(props.collapsed);
+const isCardRemoved = ref(false);
+const isOverlayVisible = ref(false);
+const hideOverlay = () => {
+  isOverlayVisible.value = false;
+};
+const triggerCollapse = () => {
+  isContentCollapsed.value = !isContentCollapsed.value;
+  emit("collapsed", isContentCollapsed.value);
+};
+const triggerRefresh = () => {
+  isOverlayVisible.value = true;
+  emit("refresh", hideOverlay);
+};
+const triggeredRemove = () => {
+  isCardRemoved.value = true;
+  emit("trash");
+};
+</script>
+
+<template>
+  <VExpandTransition>
+    <!-- TODO remove div when transition work with v-card components: https://github.com/vuetifyjs/vuetify/issues/15111 -->
+    <div v-if="!isCardRemoved">
+      <VCard v-bind="$attrs">
+        <VCardItem>
+          <VCardTitle v-if="props.title || $slots.title">
+            <!--  Title slot and prop -->
+            <slot name="title">
+              {{ props.title }}
+            </slot>
+          </VCardTitle>
+
+          <template #append>
+            <!--  Before actions slot -->
+            <div>
+              <slot name="before-actions" />
+
+              <!-- SECTION Actions buttons -->
+
+              <!--  Collapse button -->
+              <IconBtn
+                v-if="(!(actionRemove || actionRefresh) || actionCollapsed) && !noActions"
+                @click="triggerCollapse"
+              >
+                <VIcon
+                  size="20"
+                  icon="tabler-chevron-up"
+                  :style="{
+  transform: isContentCollapsed ? 'rotate(-180deg)' : null
+}"
+                  style="transition-duration: 0.28s"
+                />
+              </IconBtn>
+
+              <!--  Overlay button -->
+              <IconBtn
+                v-if="(!(actionRemove || actionCollapsed) || actionRefresh) && !noActions"
+                @click="triggerRefresh"
+              >
+                <VIcon
+                  size="20"
+                  icon="tabler-refresh"
+                />
+              </IconBtn>
+
+              <!--  Close button -->
+              <IconBtn
+                v-if="(!(actionRefresh || actionCollapsed) || actionRemove) && !noActions"
+                @click="triggeredRemove"
+              >
+                <VIcon
+                  size="20"
+                  icon="tabler-x"
+                />
+              </IconBtn>
+            </div>
+            <!-- !SECTION -->
+          </template>
+        </VCardItem>
+
+        <!--  card content -->
+        <VExpandTransition>
+          <div
+            v-show="!isContentCollapsed"
+            class="v-card-content"
+          >
+            <slot />
+          </div>
+        </VExpandTransition>
+
+        <!--  Overlay -->
+        <VOverlay
+          v-model="isOverlayVisible"
+          contained
+          persistent
+          class="align-center justify-center"
+        >
+          <VProgressCircular indeterminate />
+        </VOverlay>
+      </VCard>
+    </div>
+  </VExpandTransition>
+</template>
+
+<style>
+.v-card-item + .v-card-content .v-card-text:first-child {
+  padding-block-start: 0;
+}
+</style>

package/dist/components/cards/AppCardActions.vue.d.ts

@@ -0,0 +1,33 @@
+type __VLS_Props = {
+    collapsed?: boolean;
+    noActions?: boolean;
+    actionCollapsed?: boolean;
+    actionRefresh?: boolean;
+    actionRemove?: boolean;
+    title?: string;
+};
+declare var __VLS_26: {}, __VLS_29: {}, __VLS_76: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_26) => any;
+} & {
+    'before-actions'?: (props: typeof __VLS_29) => any;
+} & {
+    default?: (props: typeof __VLS_76) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    collapsed: (isContentCollapsed: boolean) => any;
+    refresh: (hideOverlay: () => void) => any;
+    trash: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCollapsed?: ((isContentCollapsed: boolean) => any) | undefined;
+    onRefresh?: ((hideOverlay: () => void) => any) | undefined;
+    onTrash?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/cards/CardStatisticsHorizontal.d.vue.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    title: string;
+    color?: string;
+    icon: string;
+    stats: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;