@fiscozen/card-list 1.0.0

package/src/components/FzCardActionLink.vue

@@ -0,0 +1,87 @@
+<script setup lang="ts">
+import { computed, useId } from "vue";
+import { FzBadge } from "@fiscozen/badge";
+import { FzContainer } from "@fiscozen/container";
+import { FzDivider } from "@fiscozen/divider";
+import { FzIcon } from "@fiscozen/icons";
+import type { FzCardSingleActionEmits, FzCardSingleActionProps } from "./types";
+import FzCardHeader from "./FzCardHeader.vue";
+import FzCardFooter from "./FzCardFooter.vue";
+
+const props = defineProps<FzCardSingleActionProps>();
+
+const emit = defineEmits<FzCardSingleActionEmits>();
+
+const hasTitleOnly = computed(() => !props.badge && !props.value);
+const noAction = computed(() => !props.action);
+
+const rowTitleId = useId();
+
+function handleRowInteraction(e: MouseEvent | KeyboardEvent) {
+  if (noAction.value) return;
+  if (e instanceof KeyboardEvent) {
+    if (e.key !== "Enter" && e.key !== " ") return;
+    e.preventDefault();
+  }
+  e.stopPropagation();
+  emit("fzaction:click", props.action!);
+}
+</script>
+
+<template>
+  <FzContainer
+    gap="xs"
+    role="button"
+    tabindex="0"
+    :aria-labelledby="rowTitleId"
+    class="p-8 hover:bg-semantic-info-50 hover:rounded cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-200 focus-visible:rounded"
+    @click="handleRowInteraction"
+    @keydown="handleRowInteraction"
+  >
+    <!--
+      Header row layout:
+      - badge present → badge + action
+      - hasTitleOnly (no badge, no value) → title + action (inline)
+      - value present, no badge → action only; title + value are in the second row
+    -->
+    <FzContainer horizontal alignItems="center">
+      <!-- Badge -->
+      <FzBadge v-if="badge" :tone="badge.tone" variant="text">
+        {{ badge.text }}
+      </FzBadge>
+      <!-- Title only (inline with action) -->
+      <FzCardHeader
+        v-else-if="hasTitleOnly"
+        has-title-only
+        :show-indicator="showIndicator"
+        :title="title"
+        :title-id="rowTitleId"
+      />
+      <!-- Single action arrow -->
+      <FzContainer
+        v-if="!noAction"
+        horizontal
+        gap="xs"
+        alignItems="center"
+        layout="expand-last"
+        class="shrink-0 ml-auto"
+      >
+        <span class="inline-flex shrink-0 text-inherit" aria-hidden="true">
+          <FzIcon name="chevron-right" size="md" variant="fas" v-color:grey />
+        </span>
+      </FzContainer>
+    </FzContainer>
+
+    <!-- Title + value row (when badge or value is present) -->
+    <FzCardHeader
+      v-if="!hasTitleOnly"
+      :show-indicator="showIndicator"
+      :title="title"
+      :value="value"
+      :title-id="rowTitleId"
+    />
+    <FzCardFooter :descriptions="descriptions" />
+  </FzContainer>
+
+  <FzDivider margin="none" />
+</template>

package/src/components/FzCardFooter.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+import { FzContainer } from "@fiscozen/container";
+import { FzCardListFooterProps } from "./types";
+const props = defineProps<FzCardListFooterProps>();
+</script>
+
+<template>
+  <FzContainer v-if="descriptions?.length" gap="none">
+    <p v-for="(desc, i) in descriptions" :key="i" v-small v-color:grey>
+      {{ desc }}
+    </p>
+  </FzContainer>
+</template>

package/src/components/FzCardHeader.vue

@@ -0,0 +1,33 @@
+<script setup lang="ts">
+import { FzContainer } from "@fiscozen/container";
+import FzCardTitle from "./FzCardTitle.vue";
+import { FzCardHeaderProps } from "./types";
+
+const props = defineProps<FzCardHeaderProps>();
+</script>
+
+<template>
+  <!-- Title Only -->
+  <FzContainer
+    v-if="hasTitleOnly"
+    horizontal
+    gap="xs"
+    alignItems="center"
+    class="min-w-0 flex-1"
+  >
+    <FzCardTitle :show-indicator="showIndicator" :title="title" :title-id="titleId" />
+  </FzContainer>
+  <FzContainer
+    v-else
+    horizontal
+    gap="sm"
+    alignItems="center"
+    layout="space-between"
+  >
+    <FzCardTitle :show-indicator="showIndicator" :title="title" :title-id="titleId" />
+    <!-- Value -->
+    <p v-if="value" v-bold v-color:blue class="text-base whitespace-nowrap">
+      {{ value }}
+    </p>
+  </FzContainer>
+</template>

package/src/components/FzCardMultiActions.vue

@@ -0,0 +1,75 @@
+<script setup lang="ts">
+import { computed } from "vue";
+import { FzBadge } from "@fiscozen/badge";
+import { FzContainer } from "@fiscozen/container";
+import { FzDivider } from "@fiscozen/divider";
+import { FzIconDropdown } from "@fiscozen/dropdown";
+import type { FzCardMultiActionsProps, FzCardMultiActionsEmits } from "./types";
+import type { FzActionProps } from "@fiscozen/action";
+import FzCardHeader from "./FzCardHeader.vue";
+import FzCardFooter from "./FzCardFooter.vue";
+
+const props = defineProps<FzCardMultiActionsProps>();
+
+const emit = defineEmits<FzCardMultiActionsEmits>();
+
+const hasTitleOnly = computed(() => !props.badge && !props.value);
+
+function emitActionClick(
+  actionIndex: number = 0,
+  action: FzActionProps = props.actions![0],
+) {
+  emit("fzaction:click", actionIndex, action);
+}
+</script>
+
+<template>
+  <FzContainer gap="xs" class="p-8 hover:bg-semantic-info-50 hover:rounded">
+    <!--
+      Header row layout:
+      - badge present → badge + actions
+      - hasTitleOnly (no badge, no value) → title + actions (inline)
+      - value present, no badge → actions only; title + value are in the second row
+    -->
+    <FzContainer horizontal alignItems="center">
+      <!-- Badge -->
+      <FzBadge v-if="badge" :tone="badge.tone" variant="text">
+        {{ badge.text }}
+      </FzBadge>
+      <!-- Title only (inline with actions) -->
+      <FzCardHeader
+        v-else-if="hasTitleOnly"
+        has-title-only
+        :show-indicator="showIndicator"
+        :title="title"
+      />
+      <!-- Multiple actions dropdown -->
+      <FzContainer
+        horizontal
+        gap="xs"
+        alignItems="center"
+        layout="expand-last"
+        class="shrink-0 ml-auto"
+      >
+        <FzIconDropdown
+          :actions="actions!"
+          iconName="ellipsis-vertical"
+          variant="invisible"
+          aria-label="Mostra azioni"
+          @fzaction:click="emitActionClick"
+        />
+      </FzContainer>
+    </FzContainer>
+
+    <!-- Title + value row (when badge or value is present) -->
+    <FzCardHeader
+      v-if="!hasTitleOnly"
+      :show-indicator="showIndicator"
+      :title="title"
+      :value="value"
+    />
+    <FzCardFooter :descriptions="descriptions" />
+  </FzContainer>
+
+  <FzDivider margin="none" />
+</template>

package/src/components/FzCardNoAction.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import { FzBadge } from "@fiscozen/badge";
+import { FzContainer } from "@fiscozen/container";
+import { FzDivider } from "@fiscozen/divider";
+import type { FzCardNoActionProps } from "./types";
+import FzCardHeader from "./FzCardHeader.vue";
+import FzCardFooter from "./FzCardFooter.vue";
+
+const props = defineProps<FzCardNoActionProps>();
+</script>
+
+<template>
+  <FzContainer gap="xs" class="p-8">
+    <FzContainer v-if="badge" horizontal alignItems="center">
+      <!-- Badge -->
+      <FzBadge :tone="badge.tone" variant="text">
+        {{ badge.text }}
+      </FzBadge>
+    </FzContainer>
+    <!-- Title + value row (when badge or value is present) -->
+    <FzCardHeader
+      :show-indicator="showIndicator"
+      :title="title"
+      :value="value"
+    />
+    <FzCardFooter :descriptions="descriptions" />
+  </FzContainer>
+  <FzDivider margin="none" />
+</template>

package/src/components/FzCardTitle.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import { FzContainer } from '@fiscozen/container';
+import { FzIcon } from '@fiscozen/icons';
+import { FzCardTitleProps } from './types';
+
+const props = defineProps<FzCardTitleProps>();
+</script>
+
+<template>
+  <!-- Title and indicator -->
+  <FzContainer horizontal gap="xs" alignItems="center" class="min-w-0">
+    <!-- Indicator -->
+    <FzIcon
+      v-if="showIndicator"
+      name="circle-small"
+      size="xs"
+      variant="fas"
+      v-color:blue
+    />
+    <!-- Title -->
+    <p
+      v-bold
+      class="min-w-0 flex-1 truncate"
+      :id="titleId"
+    >
+      {{ title }}
+    </p>
+  </FzContainer>
+</template>

package/src/components/types.ts

@@ -0,0 +1,45 @@
+import { FzActionLinkProps, FzActionProps } from "@fiscozen/action";
+import { FzBadgeTone } from "@fiscozen/badge";
+
+export type FzCardBadge = {
+  text: string;
+  tone: FzBadgeTone;
+};
+
+export interface FzCardTitleProps {
+  showIndicator?: boolean;
+  title: string;
+  titleId?: string;
+}
+
+export interface FzCardHeaderProps extends FzCardTitleProps {
+  hasTitleOnly?: boolean;
+  value?: string;
+}
+
+export interface FzCardListFooterProps {
+  descriptions?: string[];
+}
+
+export interface FzCardNoActionProps
+  extends FzCardHeaderProps, FzCardListFooterProps {
+  badge?: FzCardBadge;
+}
+
+export interface FzCardSingleActionProps
+  extends FzCardHeaderProps, FzCardListFooterProps, FzCardNoActionProps {
+  action?: FzActionLinkProps;
+}
+
+export interface FzCardSingleActionEmits {
+  (event: "fzaction:click", action: FzActionLinkProps): void;
+}
+
+export interface FzCardMultiActionsProps
+  extends FzCardHeaderProps, FzCardListFooterProps, FzCardNoActionProps {
+  actions: FzActionProps[];
+}
+
+export interface FzCardMultiActionsEmits {
+  (event: "fzaction:click", actionIndex: number, action: FzActionProps): void;
+}

package/src/index.ts

@@ -0,0 +1,3 @@
+export { default as FzCardList } from "./FzCardList.vue";
+export { default as FzCardListItem } from "./FzCardListItem.vue";
+export type * from "./types";

package/src/types.ts

@@ -0,0 +1,74 @@
+import type { FzActionProps } from "@fiscozen/action";
+import type { FzBadgeTone } from "@fiscozen/badge";
+
+export type ActionsMode = "none" | "link" | "actions";
+
+export interface FzCardListItemProps {
+  /**
+   * Badge displayed inside the card at the top-left.
+   * When omitted, no badge is displayed.
+   */
+  badge?: {
+    /**
+     * Text of the badge.
+     */
+    text: string;
+    /**
+     * Tone of the badge.
+     */
+    tone: FzBadgeTone;
+  };
+  /**
+   * Main title of the item, displayed in bold.
+   */
+  title: string;
+  /**
+   * Value displayed on the right side of the title row (e.g. "0,00 €").
+   */
+  value?: string;
+  /**
+   * Description lines rendered below the title row.
+   */
+  descriptions?: string[];
+  /**
+   * Whether to show the indicator icon before the title.
+   */
+  showIndicator?: boolean;
+  /**
+   * Row actions. When omitted or `[]`, no trailing control is shown. With one item, an arrow button is shown; with more than one, an ellipsis opens a dropdown.
+   */
+  actions?: FzActionProps[];
+}
+
+export interface FzCardListItemEmits {
+  /**
+   * Emitted when a row action is chosen: single-arrow click, or an item from the overflow dropdown.
+   */
+  (event: "fzaction:click", actionIndex: number, action: FzActionProps): void;
+}
+
+/**
+ * A single item in the card list when using data-driven rendering.
+ * Maps directly to FzCardListItemProps.
+ */
+export type FzCardListItem = FzCardListItemProps;
+
+export type FzCardListProps = {
+  /**
+   * Array of card item data for data-driven rendering.
+   * Each item is rendered as an FzCardListItem.
+   */
+  items: FzCardListItem[];
+};
+
+export interface FzCardListEmits {
+  /**
+   * Emitted when a row action is triggered for an item built from `items`.
+   */
+  (
+    event: "fzaction:click",
+    itemIndex: number,
+    actionIndex: number,
+    action: FzActionProps,
+  ): void;
+}

package/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "@fiscozen/tsconfig",
+  "exclude": ["src/__tests__", "vite.config.ts", "vitest.config.ts"]
+}

package/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"program":{"fileNames":["../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es5.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2015.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2016.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2017.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2018.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2019.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2020.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.dom.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.dom.iterable.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2015.core.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2015.collection.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2015.generator.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2015.promise.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2017.date.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2017.object.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2017.string.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2017.intl.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2018.intl.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2018.promise.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2019.array.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2019.object.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2019.string.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2019.intl.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2020.date.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2020.promise.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2020.string.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2020.intl.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2020.number.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.decorators.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.decorators.legacy.d.ts","../../node_modules/.pnpm/@vue+shared@3.5.26/node_modules/@vue/shared/dist/shared.d.ts","../../node_modules/.pnpm/@vue+reactivity@3.5.26/node_modules/@vue/reactivity/dist/reactivity.d.ts","../../node_modules/.pnpm/@vue+runtime-core@3.5.26/node_modules/@vue/runtime-core/dist/runtime-core.d.ts","../../node_modules/.pnpm/csstype@3.2.3/node_modules/csstype/index.d.ts","../../node_modules/.pnpm/@vue+runtime-dom@3.5.26/node_modules/@vue/runtime-dom/dist/runtime-dom.d.ts","../../node_modules/.pnpm/vue@3.5.26_typescript@5.3.3/node_modules/vue/jsx-runtime/index.d.ts","../../node_modules/.pnpm/@babel+types@7.29.0/node_modules/@babel/types/lib/index.d.ts","../../node_modules/.pnpm/@babel+types@7.28.6/node_modules/@babel/types/lib/index.d.ts","../../node_modules/.pnpm/@babel+parser@7.28.6/node_modules/@babel/parser/typings/babel-parser.d.ts","../../node_modules/.pnpm/@vue+compiler-core@3.5.26/node_modules/@vue/compiler-core/dist/compiler-core.d.ts","../../node_modules/.pnpm/@vue+compiler-dom@3.5.26/node_modules/@vue/compiler-dom/dist/compiler-dom.d.ts","../../node_modules/.pnpm/vue@3.5.26_typescript@5.3.3/node_modules/vue/dist/vue.d.mts","../../node_modules/.pnpm/vue@3.5.26_typescript@5.7.3/node_modules/vue/jsx-runtime/index.d.ts","../../node_modules/.pnpm/vue@3.5.26_typescript@5.7.3/node_modules/vue/dist/vue.d.mts","../../node_modules/.pnpm/@fortawesome+fontawesome-common-types@6.7.2/node_modules/@fortawesome/fontawesome-common-types/index.d.ts","../../node_modules/.pnpm/@fortawesome+fontawesome-svg-core@6.7.2/node_modules/@fortawesome/fontawesome-svg-core/index.d.ts","../../node_modules/.pnpm/@awesome.me+kit-8137893ad3@1.0.405/node_modules/@awesome.me/kit-8137893ad3/icons/modules/icon-types.ts","../../node_modules/.pnpm/@awesome.me+kit-8137893ad3@1.0.405/node_modules/@awesome.me/kit-8137893ad3/icons/modules/index.d.ts","../../node_modules/.pnpm/@fortawesome+vue-fontawesome@3.1.3_@fortawesome+fontawesome-svg-core@6.7.2_vue@3.5.26_typescript@5.7.3_/node_modules/@fortawesome/vue-fontawesome/index.d.ts","../icons/src/types.ts","../icons/src/fzicon.vue.ts","../icons/src/fziconbackground.vue.ts","../icons/src/index.ts","../../node_modules/.pnpm/vue-router@4.6.4_vue@3.5.26_typescript@5.7.3_/node_modules/vue-router/dist/router-cwonjprp.d.mts","../../node_modules/.pnpm/vue-router@4.6.4_vue@3.5.26_typescript@5.7.3_/node_modules/vue-router/dist/vue-router.d.mts","../link/src/types.ts","../link/src/fzlink.vue.ts","../link/src/index.ts","../action/src/types.ts","../action/src/composables/useactionclasses.ts","../action/src/fzaction.vue.ts","../action/src/fzactionlist.vue.ts","../action/src/fzactionsection.vue.ts","../action/src/index.ts","../badge/src/types.ts","../badge/src/fzbadge.vue.ts","../badge/src/index.ts","./src/types.ts","../container/src/types.ts","../container/src/fzcontainer.vue.ts","../container/src/index.ts","../divider/src/types.ts","../divider/src/fzdivider.vue.ts","../divider/src/index.ts","./src/components/types.ts","./src/components/fzcardtitle.vue.ts","./src/components/fzcardheader.vue.ts","./src/components/fzcardfooter.vue.ts","./src/components/fzcardactionlink.vue.ts","../button/src/types.ts","../button/src/utils.ts","../button/src/fzbutton.vue.ts","../button/src/fziconbutton.vue.ts","../button/src/fzbuttongroup.vue.ts","../button/src/index.ts","../composables/src/types.ts","../composables/src/utils/number/index.ts","../composables/src/utils/position/index.ts","../composables/src/utils/index.ts","../composables/src/composables/usefloating.ts","../composables/src/composables/usemediaquery.ts","../composables/src/composables/usebreakpoints.ts","../composables/src/composables/useclickoutside.ts","../composables/src/composables/usekeydown.ts","../composables/src/composables/usekeyup.ts","../composables/src/composables/usecurrency.ts","../composables/src/composables/index.ts","../style/src/custom-directives/validation.ts","../style/src/custom-directives/config.ts","../style/src/custom-directives/vbold.ts","../style/tokens.json","../style/safe-colors.json","../style/safe-semantic-colors.json","../style/src/custom-directives/vcolor.ts","../style/src/custom-directives/vsmall.ts","../style/src/custom-directives/index.ts","../style/src/constants.ts","../style/src/index.ts","../composables/src/fzfloating.vue.ts","../composables/src/index.ts","../dropdown/src/types.ts","../dropdown/src/fzdropdown.vue.ts","../dropdown/src/fzicondropdown.vue.ts","../dropdown/src/index.ts","./src/components/fzcardmultiactions.vue.ts","./src/components/fzcardnoaction.vue.ts","./src/fzcardlistitem.vue.ts","./src/fzcardlist.vue.ts","./__vls_types.d.ts","./dist/src/types.d.ts","./dist/src/fzcardlist.vue.d.ts","./dist/src/fzcardlistitem.vue.d.ts","./dist/src/index.d.ts","./dist/index.d.ts","./dist/src/components/types.d.ts","./dist/src/components/fzcardactionlink.vue.d.ts","./dist/src/components/fzcardfooter.vue.d.ts","./dist/src/components/fzcardheader.vue.d.ts","./dist/src/components/fzcardmultiactions.vue.d.ts","./dist/src/components/fzcardnoaction.vue.d.ts","./dist/src/components/fzcardtitle.vue.d.ts","./src/index.ts"],"fileInfos":[{"version":"0","affectsGlobalScope":true},"0","0","0","0","0","0",{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},"0","0",{"version":"0","affectsGlobalScope":true},"0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0",{"version":"0","affectsGlobalScope":true},"0","0","0","0","0","0","0","0","0","0","0","0","0"],"root":[83,[90,94],[130,147]],"options":{"composite":true,"esModuleInterop":true,"jsx":1,"jsxImportSource":"vue","module":99,"noImplicitThis":true,"skipLibCheck":true,"strict":true,"target":99,"useDefineForClassFields":true},"fileIdsList":[[51,60],[62],[53],[60],[57,61,70],[46,52,54],[55],[46],[46,47,48,50],[47,48,49,50],[57,70],[57,69,70],[50,56],[50],[51,57,70,74],[51,57,68,70,73,74,75],[51,74,76,77,78],[51,68,70,73],[51,57,68,70,80],[51,80,81],[51,68],[51,57,68,70,95,96],[51,57,70,86,95,96],[51,57,70,95,96,97],[51,95,97,98,99],[51,57,70,95,97],[51,57,70],[138],[57,70,79,140],[57,70,140],[79,82],[57,70,79,135],[135,136,137],[51,57,68,70,82,86,89,90,92,93],[51,57,70,86,90],[51,57,70,86,90,91],[51,57,70,79,82,86,89,90,92,93,129],[51,57,70,82,86,89,90,92,93],[51,57,68,70,86,90],[51,79,82],[51,57,70,79,83,86,132],[51,57,70,79,83,94,130,131],[51,83,132,133],[51,105,106,107,108,109,110,111],[51,106],[51,101,104],[51,57,70,101,104],[51,57,70,101,112,123],[51,101,104,112,124],[51,102,103],[51],[51,101],[51,57,70,84],[51,84,85],[51,57,70,87],[51,87,88],[51,57,70,79,96,100,125,126],[51,57,70,79,96,100,126,127],[51,126,127,128],[51,57,70,79,100],[51,57,63,64,65,70],[51,57,65,66,70],[51,57,61,63,65,66,67,70],[51,57,70,71],[51,71,72],[51,70],[51,116],[51,113],[51,113,114,115,119,120],[51,57,70,113,114],[51,57,70,113,114,116,117,118],[51,57,70,121,122],[],[51,74],[51,80],[51,95],[51,57,70,95],[57,70,79,143],[57,70,143],[51,101,104,112],[51,84],[51,87],[51,126],[51,57,61,63,65,70],[51,71]],"referencedMap":[[62,1],[63,2],[54,3],[61,4],[64,5],[55,6],[56,7],[47,8],[48,9],[50,10],[69,11],[70,12],[57,13],[51,14],[59,13],[58,14],[75,15],[76,16],[77,15],[78,15],[79,17],[74,18],[81,19],[82,20],[80,21],[97,22],[99,23],[98,24],[100,25],[95,21],[96,26],[134,27],[139,28],[141,29],[142,30],[143,30],[144,29],[145,30],[146,30],[140,31],[136,32],[137,32],[138,33],[135,31],[94,34],[93,35],[92,36],[130,37],[131,38],[91,39],[90,40],[133,41],[132,42],[147,43],[83,40],[112,44],[107,45],[108,27],[111,46],[105,47],[109,27],[110,27],[106,27],[124,48],[125,49],[101,27],[104,50],[102,51],[103,52],[85,53],[86,54],[84,51],[88,55],[89,56],[87,51],[127,57],[128,58],[129,59],[126,60],[66,61],[67,62],[68,63],[65,51],[72,64],[73,65],[71,66],[122,67],[114,68],[121,69],[113,27],[115,70],[119,71],[120,70],[123,72]],"exportedModulesMap":[[62,1],[63,2],[54,3],[53,73],[52,73],[60,73],[61,4],[64,5],[55,6],[56,7],[47,8],[48,9],[50,10],[46,73],[49,73],[44,73],[45,73],[8,73],[9,73],[11,73],[10,73],[2,73],[12,73],[13,73],[14,73],[15,73],[16,73],[17,73],[18,73],[19,73],[3,73],[4,73],[20,73],[24,73],[21,73],[22,73],[23,73],[25,73],[26,73],[27,73],[5,73],[28,73],[29,73],[30,73],[31,73],[6,73],[35,73],[32,73],[33,73],[34,73],[36,73],[7,73],[37,73],[42,73],[43,73],[38,73],[39,73],[40,73],[41,73],[1,73],[69,11],[70,12],[57,13],[51,14],[59,13],[58,14],[75,15],[76,16],[77,15],[78,15],[79,74],[74,18],[81,19],[82,75],[80,21],[97,22],[99,23],[98,24],[100,76],[95,21],[96,77],[134,27],[139,27],[141,27],[142,27],[143,31],[144,78],[145,79],[146,79],[140,27],[136,27],[137,27],[138,27],[135,27],[94,34],[93,35],[92,36],[130,37],[131,38],[91,39],[90,40],[133,41],[132,42],[147,78],[83,40],[112,44],[107,45],[108,27],[111,46],[105,47],[109,27],[110,27],[106,27],[124,48],[125,80],[101,27],[104,50],[102,51],[103,52],[85,53],[86,81],[84,51],[88,55],[89,82],[87,51],[127,57],[128,58],[129,83],[126,60],[66,61],[67,62],[68,84],[65,51],[72,64],[73,85],[71,66],[117,73],[118,73],[122,67],[114,68],[121,69],[113,27],[115,70],[119,71],[120,70],[123,72],[116,73]],"semanticDiagnosticsPerFile":[62,63,54,53,52,60,61,64,55,56,47,48,50,46,49,44,45,8,9,11,10,2,12,13,14,15,16,17,18,19,3,4,20,24,21,22,23,25,26,27,5,28,29,30,31,6,35,32,33,34,36,7,37,42,43,38,39,40,41,1,69,70,57,51,59,58,75,76,77,78,79,74,81,82,80,97,99,98,100,95,96,134,139,141,142,143,144,145,146,140,136,137,138,135,94,93,92,130,131,91,90,133,132,147,83,112,107,108,111,105,109,110,106,124,125,101,104,102,103,85,86,84,88,89,87,127,128,129,126,66,67,68,65,72,73,71,117,118,122,114,121,113,115,119,120,123,116],"affectedFilesPendingEmit":[94,93,92,130,131,91,90,133,132,147,83],"emitSignatures":[83,90,91,92,93,94,130,131,132,133]},"version":"5.3.3"}

package/vite.config.ts

@@ -0,0 +1,42 @@
+import { fileURLToPath, URL } from "node:url";
+import { resolve } from "node:path";
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import dts from "vite-plugin-dts";
+
+export default defineConfig({
+  plugins: [
+    vue(),
+    dts({
+      insertTypesEntry: true,
+    }),
+  ],
+  resolve: {
+    alias: {
+      "@": fileURLToPath(new URL("./src", import.meta.url)),
+    },
+  },
+  build: {
+    lib: {
+      entry: resolve(__dirname, "./src/index.ts"),
+      name: "FzCardList",
+    },
+    rollupOptions: {
+      external: [
+        "vue",
+        "@fiscozen/icons",
+        "@fiscozen/action",
+        "@fiscozen/badge",
+        "@fiscozen/button",
+        "@fiscozen/divider",
+        "@fiscozen/dropdown",
+        "@fiscozen/container",
+      ],
+      output: {
+        globals: {
+          vue: "Vue",
+        },
+      },
+    },
+  },
+});

package/vitest.config.ts

@@ -0,0 +1,26 @@
+import { fileURLToPath } from "node:url";
+import { mergeConfig, defineConfig, configDefaults } from "vitest/config";
+import viteConfig from "./vite.config";
+
+export default mergeConfig(
+  viteConfig,
+  defineConfig({
+    test: {
+      environment: "jsdom",
+      exclude: [...configDefaults.exclude, "e2e/*"],
+      root: fileURLToPath(new URL("./", import.meta.url)),
+      setupFiles: ["../vitest.setup.ts"],
+      coverage: {
+        provider: "v8",
+        include: ["**/src/**"],
+        exclude: ["**/index.ts", "**/__tests__/**", "**/*.stories.ts"],
+        thresholds: {
+          statements: 80,
+          branches: 75,
+          functions: 80,
+          lines: 80,
+        },
+      },
+    },
+  }),
+);