@winchsa/ui 0.1.0

package/dist/components/core/app-form-elements/CustomCheckboxesWithImage.vue.d.ts

@@ -0,0 +1,15 @@
+import type { GridColumn } from '../../../types/core';
+type __VLS_Props = {
+    selectedCheckbox: string[];
+    checkboxContent: {
+        bgImage: string;
+        value: string;
+    }[];
+    gridColumn?: GridColumn;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:selectedCheckbox": (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:selectedCheckbox"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/core/app-form-elements/CustomRadios.vue

@@ -0,0 +1,69 @@
+<script setup>
+import { ref, watch, toRaw } from "vue";
+import { VLabel, VRadio, VSpacer, VRadioGroup, VCol, VRow } from "vuetify/components";
+const props = defineProps({
+  selectedRadio: { type: String, required: true },
+  radioContent: { type: Array, required: true },
+  gridColumn: { type: null, required: false }
+});
+const emit = defineEmits(["update:selectedRadio"]);
+const selectedOption = ref(structuredClone(toRaw(props.selectedRadio)));
+watch(selectedOption, () => {
+  emit("update:selectedRadio", selectedOption.value);
+});
+</script>
+
+<template>
+  <VRadioGroup
+    v-if="radioContent"
+    v-model="selectedOption"
+  >
+    <VRow>
+      <VCol
+        v-for="item in radioContent"
+        :key="item.title"
+        v-bind="gridColumn"
+      >
+        <VLabel
+          class="custom-input custom-radio rounded cursor-pointer"
+          :class="selectedOption === item.value ? 'active' : ''"
+        >
+          <div>
+            <VRadio :value="item.value" />
+          </div>
+          <slot :item="item">
+            <div class="flex-grow-1">
+              <div class="d-flex align-center mb-1">
+                <h6 class="cr-title text-base">
+                  {{ item.title }}
+                </h6>
+                <VSpacer />
+                <span
+                  v-if="item.subtitle"
+                  class="text-disabled text-base"
+                >{{ item.subtitle }}</span>
+              </div>
+              <p class="text-sm mb-0">
+                {{ item.desc }}
+              </p>
+            </div>
+          </slot>
+        </VLabel>
+      </VCol>
+    </VRow>
+  </VRadioGroup>
+</template>
+
+<style scoped>
+.custom-radio {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.375rem;
+}
+.custom-radio .v-radio {
+  margin-block-start: -0.25rem;
+}
+.custom-radio .cr-title {
+  font-weight: 500;
+}
+</style>

package/dist/components/core/app-form-elements/CustomRadios.vue.d.ts

@@ -0,0 +1,40 @@
+import { VLabel, VRadio, VSpacer, VRadioGroup, VCol, VRow } from 'vuetify/components';
+import type { CustomInputContent, GridColumn } from '../../../types/core';
+type __VLS_Props = {
+    selectedRadio: string;
+    radioContent: CustomInputContent[];
+    gridColumn?: GridColumn;
+};
+declare const selectedOption: import("vue").Ref<string, string>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_22: {
+    item: any;
+};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_22) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
+    VLabel: typeof VLabel;
+    VRadio: typeof VRadio;
+    VSpacer: typeof VSpacer;
+    VRadioGroup: typeof VRadioGroup;
+    VCol: typeof VCol;
+    VRow: typeof VRow;
+    selectedOption: typeof selectedOption;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:selectedRadio": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:selectedRadio"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:selectedRadio": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:selectedRadio"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/core/app-form-elements/CustomRadiosWithIcon.vue

@@ -0,0 +1,98 @@
+<script setup>
+import { ref, watch, toRaw, computed } from "vue";
+import { VLabel, VRadio, VRadioGroup, VCol, VRow, VIcon } from "vuetify/components";
+import { useI18n } from "vue-i18n";
+const { t } = useI18n();
+const props = defineProps({
+  selectedRadio: { type: [String, Number], required: true },
+  label: { type: String, required: false },
+  radioContent: { type: Array, required: true },
+  gridColumn: { type: Object, required: false },
+  errorMessages: { type: String, required: false },
+  rules: { type: Array, required: false }
+});
+const emit = defineEmits(["update:selectedRadio"]);
+const selectedOption = ref(structuredClone(toRaw(props.selectedRadio)));
+watch(selectedOption, () => {
+  emit("update:selectedRadio", selectedOption.value);
+});
+watch(() => props.selectedRadio, () => {
+  selectedOption.value = props.selectedRadio;
+}, { immediate: true });
+const labelLang = computed(() => props.label ? t("inputs.placeholder_select", { name: t(props.label) }) : "");
+</script>
+
+<template>
+  <div v-if="radioContent">
+    <VLabel
+      class="font-weight-bold mb-4 text-body-2 text-high-emphasis"
+      :text="labelLang"
+    />
+
+    <VRadioGroup v-model="selectedOption" :rules="rules" :error-messages="errorMessages">
+      <VRow>
+        <VCol
+          v-for="item in radioContent"
+          :key="item.title"
+          v-bind="gridColumn"
+        >
+          <VLabel
+            class="custom-input custom-radio-icon app-rounded-6 cursor-pointer"
+            :class="[selectedOption === item.value ? 'active' : '', errorMessages ? 'border-error' : '']"
+          >
+            <slot :item="item">
+              <div class="d-flex flex-column align-center text-center gap-2">
+                <VIcon
+                  v-bind="item.icon"
+                  class="text-high-emphasis"
+                />
+                <img
+                  :src="item.image"
+                  alt="radio image"
+                  class="img-fluid"
+                >
+                <h6 class="cr-title text-base">
+                  {{ item.title }}
+                </h6>
+
+                <p v-if="item.desc" class="text-sm mb-0 clamp-text">
+                  {{ item.desc }}
+                </p>
+              </div>
+            </slot>
+
+            <div>
+              <VRadio :value="item.value" />
+            </div>
+          </VLabel>
+        </VCol>
+      </VRow>
+    </VRadioGroup>
+  </div>
+</template>
+
+<style scoped>
+.custom-radio-icon {
+  display: flex;
+  flex-direction: column;
+  gap: 0.375rem;
+}
+.custom-radio-icon .v-radio {
+  margin-block-end: -0.25rem;
+}
+.custom-radio-icon .cr-title {
+  font-weight: 500;
+}
+.custom-radio-icon img {
+  height: 70px;
+}
+</style>
+
+<style>
+.custom-radio-icon .v-radio {
+  margin-block-end: -0.25rem;
+}
+.custom-radio-icon .v-radio .v-selection-control__wrapper {
+  margin-inline-start: 0;
+}
+</style>

package/dist/components/core/app-form-elements/CustomRadiosWithIcon.vue.d.ts

@@ -0,0 +1,45 @@
+import { VLabel, VRadio, VRadioGroup, VCol, VRow, VIcon } from 'vuetify/components';
+import type { CustomInputContent, GridColumn } from '../../../types';
+type __VLS_Props = {
+    selectedRadio: string | number;
+    label?: string;
+    radioContent: CustomInputContent[];
+    gridColumn?: GridColumn;
+    errorMessages?: string;
+    rules?: ((value: unknown) => typeof value | string)[];
+};
+declare const selectedOption: import("vue").Ref<string | number, string | number>;
+declare const labelLang: import("vue").ComputedRef<string>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_21: {
+    item: any;
+};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_21) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
+    VLabel: typeof VLabel;
+    VRadio: typeof VRadio;
+    VRadioGroup: typeof VRadioGroup;
+    VCol: typeof VCol;
+    VRow: typeof VRow;
+    VIcon: typeof VIcon;
+    selectedOption: typeof selectedOption;
+    labelLang: typeof labelLang;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:selectedRadio": (value: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:selectedRadio"?: ((value: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:selectedRadio": (value: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:selectedRadio"?: ((value: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/core/app-form-elements/CustomRadiosWithImage.vue

@@ -0,0 +1,69 @@
+<script setup>
+import { ref, watch, toRaw } from "vue";
+import { VRadioGroup, VRow, VCol, VLabel, VRadio } from "vuetify/components";
+const props = defineProps({
+  selectedRadio: { type: String, required: true },
+  radioContent: { type: Array, required: true },
+  gridColumn: { type: Object, required: false }
+});
+const emit = defineEmits(["update:selectedRadio", "clicked-custom"]);
+const selectedOption = ref(structuredClone(toRaw(props.selectedRadio)));
+watch(selectedOption, () => {
+  emit("update:selectedRadio", selectedOption.value);
+});
+watch(() => props.selectedRadio, (val) => {
+  selectedOption.value = val;
+});
+</script>
+
+<template>
+  <VRadioGroup
+    v-if="radioContent"
+    v-model="selectedOption"
+  >
+    <VRow>
+      <VCol
+        v-for="(item, index) in radioContent"
+        :key="item.bgImage"
+        v-bind="gridColumn"
+        :style="{
+  maxWidth: $attrs?.['max-width']
+}"
+      >
+        <VLabel
+          class="custom-input custom-radio rounded cursor-pointer w-100"
+          :class="selectedOption === item.value ? 'active' : ''"
+          @click="item?.type === 'custom' ? emit('clicked-custom') : ''"
+        >
+          <img
+            v-if="item.bgImage"
+            :src="item.bgImage"
+            alt="bg-img"
+            class="custom-radio-image"
+          >
+          <slot v-else :item="item" :name="index" />
+          <VRadio
+            v-show="item.bgImage"
+            :value="item.value"
+            :disabled="item?.type === 'custom'"
+          />
+        </VLabel>
+      </VCol>
+    </VRow>
+  </VRadioGroup>
+</template>
+
+<style scoped>
+.custom-radio {
+  padding: 0 !important;
+  border-width: 2px !important;
+}
+.custom-radio .custom-radio-image {
+  block-size: 100%;
+  inline-size: 100%;
+  min-inline-size: 100%;
+}
+.custom-radio .v-radio {
+  visibility: hidden;
+}
+</style>

package/dist/components/core/app-form-elements/CustomRadiosWithImage.vue.d.ts

@@ -0,0 +1,53 @@
+import { VRadioGroup, VRow, VCol, VLabel, VRadio } from 'vuetify/components';
+import type { GridColumn } from '../../../types';
+type __VLS_Props = {
+    selectedRadio: string;
+    radioContent: {
+        bgImage?: string;
+        value: string;
+        type?: string;
+    }[];
+    gridColumn?: GridColumn;
+};
+type __VLS_Emit = {
+    (e: 'update:selectedRadio', value: string): void;
+    (e: 'clicked-custom'): void;
+};
+declare const emit: __VLS_Emit;
+declare const selectedOption: import("vue").Ref<string, string>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_23: any, __VLS_24: {
+    item: any;
+};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    [K in NonNullable<typeof __VLS_23>]?: (props: typeof __VLS_24) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
+    VRadioGroup: typeof VRadioGroup;
+    VRow: typeof VRow;
+    VCol: typeof VCol;
+    VLabel: typeof VLabel;
+    VRadio: typeof VRadio;
+    emit: typeof emit;
+    selectedOption: typeof selectedOption;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:selectedRadio": (value: string) => any;
+    "clicked-custom": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:selectedRadio"?: ((value: string) => any) | undefined;
+    "onClicked-custom"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:selectedRadio": (value: string) => any;
+    "clicked-custom": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:selectedRadio"?: ((value: string) => any) | undefined;
+    "onClicked-custom"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/core/cards/AppCard.vue

@@ -0,0 +1,45 @@
+<script setup>
+import { computed, useSlots } from "vue";
+import { VCard } from "vuetify/components";
+import LoadingBar from "../../loading/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/core/cards/AppCard.vue.d.ts

@@ -0,0 +1,26 @@
+import { VCard } from 'vuetify/components';
+import LoadingBar from '../../loading/LoadingBar.vue';
+type __VLS_Props = {
+    isLoading?: boolean;
+};
+declare const slots: import("vue").ComputedRef<Record<string, any>>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_6: {}, __VLS_12: any, __VLS_13: any;
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    [K in NonNullable<typeof __VLS_12>]?: (props: typeof __VLS_13) => any;
+} & {
+    default?: (props: typeof __VLS_6) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
+    VCard: typeof VCard;
+    LoadingBar: typeof LoadingBar;
+    slots: typeof slots;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: 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: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/core/cards/AppCardActions.vue

@@ -0,0 +1,126 @@
+<script setup>
+import { ref } from "vue";
+import { VCard, VCardItem, VIcon, VOverlay, VExpandTransition, VProgressCircular, VCardTitle, VBtn } 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/core/cards/AppCardActions.vue.d.ts

@@ -0,0 +1,79 @@
+import { VCard, VCardItem, VIcon, VOverlay, VExpandTransition, VProgressCircular, VCardTitle } from 'vuetify/components';
+import IconBtn from '../../IconBtn.vue';
+type __VLS_Props = {
+    collapsed?: boolean;
+    noActions?: boolean;
+    actionCollapsed?: boolean;
+    actionRefresh?: boolean;
+    actionRemove?: boolean;
+    title?: string;
+};
+declare const isContentCollapsed: import("vue").Ref<boolean, boolean>;
+declare const isCardRemoved: import("vue").Ref<boolean, boolean>;
+declare const isOverlayVisible: import("vue").Ref<boolean, boolean>;
+declare const triggerCollapse: () => void;
+declare const triggerRefresh: () => void;
+declare const triggeredRemove: () => void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_18: {}, __VLS_20: {}, __VLS_59: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    title?: (props: typeof __VLS_18) => any;
+} & {
+    'before-actions'?: (props: typeof __VLS_20) => any;
+} & {
+    default?: (props: typeof __VLS_59) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
+    VCard: typeof VCard;
+    VCardItem: typeof VCardItem;
+    VIcon: typeof VIcon;
+    VOverlay: typeof VOverlay;
+    VExpandTransition: typeof VExpandTransition;
+    VProgressCircular: typeof VProgressCircular;
+    VCardTitle: typeof VCardTitle;
+    IconBtn: typeof IconBtn;
+    isContentCollapsed: typeof isContentCollapsed;
+    isCardRemoved: typeof isCardRemoved;
+    isOverlayVisible: typeof isOverlayVisible;
+    triggerCollapse: typeof triggerCollapse;
+    triggerRefresh: typeof triggerRefresh;
+    triggeredRemove: typeof triggeredRemove;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    refresh: (hideOverlay: () => void) => any;
+    collapsed: (isContentCollapsed: boolean) => any;
+    trash: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRefresh?: ((hideOverlay: () => void) => any) | undefined;
+    onCollapsed?: ((isContentCollapsed: boolean) => any) | undefined;
+    onTrash?: (() => any) | undefined;
+}>, {
+    title: string;
+    collapsed: boolean;
+    noActions: boolean;
+    actionCollapsed: boolean;
+    actionRefresh: boolean;
+    actionRemove: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    refresh: (hideOverlay: () => void) => any;
+    collapsed: (isContentCollapsed: boolean) => any;
+    trash: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRefresh?: ((hideOverlay: () => void) => any) | undefined;
+    onCollapsed?: ((isContentCollapsed: boolean) => any) | undefined;
+    onTrash?: (() => any) | undefined;
+}>, {
+    title: string;
+    collapsed: boolean;
+    noActions: boolean;
+    actionCollapsed: boolean;
+    actionRefresh: boolean;
+    actionRemove: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};