@antify/ui-module 1.7.2 → 1.8.0

package/dist/runtime/tailwind.config.mjs

@@ -1,204 +1,20 @@
-import defaultColors from "tailwindcss/colors.js";
-const colors = {
-  "transparent": defaultColors.transparent,
-  "white": defaultColors.white,
-  "black": defaultColors.black,
-  "neutral-50": defaultColors.slate["50"],
-  "neutral-100": defaultColors.slate["100"],
-  "neutral-200": defaultColors.slate["200"],
-  "neutral-300": defaultColors.slate["300"],
-  "neutral-400": defaultColors.slate["400"],
-  "neutral-500": defaultColors.slate["500"],
-  "neutral-600": defaultColors.slate["600"],
-  "neutral-700": defaultColors.slate["700"],
-  "neutral-800": defaultColors.slate["800"],
-  "neutral-900": defaultColors.slate["900"],
-  "neutral-950": defaultColors.slate["950"],
-  "primary-50": defaultColors.sky["50"],
-  "primary-100": defaultColors.sky["100"],
-  "primary-200": defaultColors.sky["200"],
-  "primary-300": defaultColors.sky["300"],
-  "primary-400": defaultColors.sky["400"],
-  "primary-500": defaultColors.sky["500"],
-  "primary-600": defaultColors.sky["600"],
-  "primary-700": defaultColors.sky["700"],
-  "primary-800": defaultColors.sky["800"],
-  "primary-900": defaultColors.sky["900"],
-  "primary-950": defaultColors.sky["950"],
-  "secondary-50": defaultColors.lime["50"],
-  "secondary-100": defaultColors.lime["100"],
-  "secondary-200": defaultColors.lime["200"],
-  "secondary-300": defaultColors.lime["300"],
-  "secondary-400": defaultColors.lime["400"],
-  "secondary-500": defaultColors.lime["500"],
-  "secondary-600": defaultColors.lime["600"],
-  "secondary-700": defaultColors.lime["700"],
-  "secondary-800": defaultColors.lime["800"],
-  "secondary-900": defaultColors.lime["900"],
-  "secondary-950": defaultColors.lime["950"],
-  "info-50": defaultColors.blue["50"],
-  "info-100": defaultColors.blue["100"],
-  "info-200": defaultColors.blue["200"],
-  "info-300": defaultColors.blue["300"],
-  "info-400": defaultColors.blue["400"],
-  "info-500": defaultColors.blue["500"],
-  "info-600": defaultColors.blue["600"],
-  "info-700": defaultColors.blue["700"],
-  "info-800": defaultColors.blue["800"],
-  "info-900": defaultColors.blue["900"],
-  "info-950": defaultColors.blue["950"],
-  "success-50": defaultColors.green["50"],
-  "success-100": defaultColors.green["100"],
-  "success-200": defaultColors.green["200"],
-  "success-300": defaultColors.green["300"],
-  "success-400": defaultColors.green["400"],
-  "success-500": defaultColors.green["500"],
-  "success-600": defaultColors.green["600"],
-  "success-700": defaultColors.green["700"],
-  "success-800": defaultColors.green["800"],
-  "success-900": defaultColors.green["900"],
-  "success-950": defaultColors.green["950"],
-  "warning-50": defaultColors.yellow["50"],
-  "warning-100": defaultColors.yellow["100"],
-  "warning-200": defaultColors.yellow["200"],
-  "warning-300": defaultColors.yellow["300"],
-  "warning-400": defaultColors.yellow["400"],
-  "warning-500": defaultColors.yellow["500"],
-  "warning-600": defaultColors.yellow["600"],
-  "warning-700": defaultColors.yellow["700"],
-  "warning-800": defaultColors.yellow["800"],
-  "warning-900": defaultColors.yellow["900"],
-  "warning-950": defaultColors.yellow["950"],
-  "danger-50": defaultColors.red["50"],
-  "danger-100": defaultColors.red["100"],
-  "danger-200": defaultColors.red["200"],
-  "danger-300": defaultColors.red["300"],
-  "danger-400": defaultColors.red["400"],
-  "danger-500": defaultColors.red["500"],
-  "danger-600": defaultColors.red["600"],
-  "danger-700": defaultColors.red["700"],
-  "danger-800": defaultColors.red["800"],
-  "danger-900": defaultColors.red["900"],
-  "danger-950": defaultColors.red["950"]
-};
-const fontColors = {
-  "for-white-bg-font": colors["neutral-600"],
-  "for-black-bg-font": colors["neutral-100"],
-  "neutral-50-font": colors["neutral-600"],
-  "neutral-100-font": colors["neutral-600"],
-  "neutral-200-font": colors["neutral-600"],
-  "neutral-300-font": colors["neutral-600"],
-  "neutral-400-font": colors["neutral-600"],
-  "neutral-500-font": colors["neutral-100"],
-  "neutral-600-font": colors["neutral-100"],
-  "neutral-700-font": colors["neutral-100"],
-  "neutral-800-font": colors["neutral-100"],
-  "neutral-900-font": colors["neutral-100"],
-  "neutral-950-font": colors["neutral-100"],
-  "primary-50-font": colors["neutral-600"],
-  "primary-100-font": colors["neutral-600"],
-  "primary-200-font": colors["neutral-600"],
-  "primary-300-font": colors["neutral-600"],
-  "primary-400-font": colors["neutral-600"],
-  "primary-500-font": colors["neutral-100"],
-  "primary-600-font": colors["neutral-100"],
-  "primary-700-font": colors["neutral-100"],
-  "primary-800-font": colors["neutral-100"],
-  "primary-900-font": colors["neutral-100"],
-  "primary-950-font": colors["neutral-100"],
-  "secondary-50-font": colors["neutral-600"],
-  "secondary-100-font": colors["neutral-600"],
-  "secondary-200-font": colors["neutral-600"],
-  "secondary-300-font": colors["neutral-600"],
-  "secondary-400-font": colors["neutral-600"],
-  "secondary-500-font": colors["neutral-100"],
-  "secondary-600-font": colors["neutral-100"],
-  "secondary-700-font": colors["neutral-100"],
-  "secondary-800-font": colors["neutral-100"],
-  "secondary-900-font": colors["neutral-100"],
-  "secondary-950-font": colors["neutral-100"],
-  "success-50-font": colors["neutral-600"],
-  "success-100-font": colors["neutral-600"],
-  "success-200-font": colors["neutral-600"],
-  "success-300-font": colors["neutral-600"],
-  "success-400-font": colors["neutral-600"],
-  "success-500-font": colors["neutral-100"],
-  "success-600-font": colors["neutral-100"],
-  "success-700-font": colors["neutral-100"],
-  "success-800-font": colors["neutral-100"],
-  "success-900-font": colors["neutral-100"],
-  "success-950-font": colors["neutral-100"],
-  "info-50-font": colors["neutral-600"],
-  "info-100-font": colors["neutral-600"],
-  "info-200-font": colors["neutral-600"],
-  "info-300-font": colors["neutral-600"],
-  "info-400-font": colors["neutral-600"],
-  "info-500-font": colors["neutral-100"],
-  "info-600-font": colors["neutral-100"],
-  "info-700-font": colors["neutral-100"],
-  "info-800-font": colors["neutral-100"],
-  "info-900-font": colors["neutral-100"],
-  "info-950-font": colors["neutral-100"],
-  "warning-50-font": colors["neutral-600"],
-  "warning-100-font": colors["neutral-600"],
-  "warning-200-font": colors["neutral-600"],
-  "warning-300-font": colors["neutral-600"],
-  "warning-400-font": colors["neutral-600"],
-  "warning-500-font": colors["neutral-100"],
-  "warning-600-font": colors["neutral-100"],
-  "warning-700-font": colors["neutral-100"],
-  "warning-800-font": colors["neutral-100"],
-  "warning-900-font": colors["neutral-100"],
-  "warning-950-font": colors["neutral-100"],
-  "danger-50-font": colors["neutral-600"],
-  "danger-100-font": colors["neutral-600"],
-  "danger-200-font": colors["neutral-600"],
-  "danger-300-font": colors["neutral-600"],
-  "danger-400-font": colors["neutral-600"],
-  "danger-500-font": colors["neutral-100"],
-  "danger-600-font": colors["neutral-100"],
-  "danger-700-font": colors["neutral-100"],
-  "danger-800-font": colors["neutral-100"],
-  "danger-900-font": colors["neutral-100"],
-  "danger-950-font": colors["neutral-100"]
-};
-export default {
-  content: [
-    // For module dev
-    "./src/runtime/**/*.{vue,js,ts,jsx,tsx}",
-    "./src/runtime/**/*.stories.ts",
-    "./playground/app.vue",
-    "./playground/components/**/*.{vue,js,ts,jsx,tsx}",
-    "./playground/pages/**/*.{vue,js,ts,jsx,tsx}",
-    "./playground/layouts/**/*.{vue,js,ts,jsx,tsx}",
-    "../ui-module/src/**/*.{vue,js,ts,jsx,tsx}",
-    // For project dev
-    "./app.vue",
-    "./components/**/*.{vue,js,ts,jsx,tsx}",
-    "./pages/**/*.{vue,js,ts,jsx,tsx}",
-    "./layouts/**/*.{vue,js,ts,jsx,tsx}",
-    // If this config is used in a project
-    "./node_modules/@antify/*/dist/**/*.{js,vue,ts}",
-    "./node_modules/@antify/*/src/**/*.{js,vue,ts}"
-  ],
-  theme: {
-    colors: {
-      ...colors,
-      ...fontColors
-    },
-    extend: {
-      fontSize: {
-        "2xs": ["0.625rem", "0.75rem"]
-      },
-      animation: {
-        skeleton: "skeleton 2s ease-out infinite"
-      },
-      keyframes: {
-        "skeleton": {
-          "0%, 100%": { "background-color": colors["neutral-300"] },
-          "50%": { "background-color": colors["neutral-100"] }
-        }
-      }
-    }
-  }
-};
+import tailwindConfig from "@antify/ui/config";
+tailwindConfig.content = [
+  // For module dev
+  "./src/runtime/**/*.{vue,js,ts,jsx,tsx}",
+  "./src/runtime/**/*.stories.ts",
+  "./playground/app.vue",
+  "./playground/components/**/*.{vue,js,ts,jsx,tsx}",
+  "./playground/pages/**/*.{vue,js,ts,jsx,tsx}",
+  "./playground/layouts/**/*.{vue,js,ts,jsx,tsx}",
+  "../ui-module/src/**/*.{vue,js,ts,jsx,tsx}",
+  // For project dev
+  "./app.vue",
+  "./components/**/*.{vue,js,ts,jsx,tsx}",
+  "./pages/**/*.{vue,js,ts,jsx,tsx}",
+  "./layouts/**/*.{vue,js,ts,jsx,tsx}",
+  // If this config is used in a project
+  "./node_modules/@antify/*/dist/**/*.{js,vue,ts}",
+  "./node_modules/@antify/*/src/**/*.{js,vue,ts}"
+];
+export default tailwindConfig;

package/dist/types.d.mts

@@ -5,4 +5,4 @@ import type {  } from './module.js'
 
 
 
-export type { AntCheckboxSize, AntCheckboxType, AntDateInputTypes, AntKeycapSize, AntRadioSize, AntRadioTypes, AntSpinnerSize, AntTableAlign, AntTableRowTypes, AntTableSize, AntTableSortDirection, AntTagInputSize, AntTagSize, BaseInputType, ButtonType, CollapseStrategy, CornerPosition, Direction, Grouped, IconSize, InputState, ListGroupItemState, NavbarItemTypes, Position, SelectOption, Size, State, SwitcherOption, TabItem, TabItemState, TableHeader, TagState, TextInputType, Toast, default } from './module.js'
+export type { default } from './module.js'

package/dist/types.d.ts

@@ -5,4 +5,4 @@ import type {  } from './module'
 
 
 
-export type { AntCheckboxSize, AntCheckboxType, AntDateInputTypes, AntKeycapSize, AntRadioSize, AntRadioTypes, AntSpinnerSize, AntTableAlign, AntTableRowTypes, AntTableSize, AntTableSortDirection, AntTagInputSize, AntTagSize, BaseInputType, ButtonType, CollapseStrategy, CornerPosition, Direction, Grouped, IconSize, InputState, ListGroupItemState, NavbarItemTypes, Position, SelectOption, Size, State, SwitcherOption, TabItem, TabItemState, TableHeader, TagState, TextInputType, Toast, default } from './module'
+export type { default } from './module'

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@antify/ui-module",
   "private": false,
-  "version": "1.7.2",
+  "version": "1.8.0",
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -12,69 +12,39 @@
     }
   },
   "files": [
-    "dist",
-    "src/runtime/components/**/*.vue"
+    "dist"
   ],
   "main": "./dist/module.cjs",
   "types": "./dist/types.d.ts",
   "dependencies": {
+    "@antify/ui": "^1.0.1",
     "@antify/validate": "1.14.0",
-    "@fortawesome/free-regular-svg-icons": "^6.5.1",
-    "@fortawesome/free-solid-svg-icons": "^6.5.1",
-    "@fortawesome/vue-fontawesome": "^3.0.5",
+    "@fortawesome/vue-fontawesome": "^3.0.8",
     "@nuxt/kit": "^3.9.3",
-    "@tailwindcss/forms": "^0.5.7",
-    "@tiptap/extension-heading": "^2.1.16",
-    "@tiptap/extension-underline": "^2.1.16",
-    "@tiptap/pm": "^2.1.16",
-    "@tiptap/starter-kit": "^2.1.16",
-    "@tiptap/vue-3": "^2.1.16",
-    "@vuepic/vue-datepicker": "^6.1.0",
-    "@vueuse/components": "^10.7.2",
     "@vueuse/core": "^10.7.2",
-    "@vueuse/router": "^10.7.2",
-    "autoprefixer": "^10.4.17",
-    "postcss": "^8.4.33",
-    "tailwindcss": "^3.4.1",
-    "vue": "^3.4.15",
-    "vue-router": "^4.2.5"
+    "tailwindcss": "^3.4.10",
+    "vue": "^3.4.29"
   },
   "devDependencies": {
     "@faker-js/faker": "^8.3.1",
+    "@fortawesome/free-solid-svg-icons": "^6.6.0",
     "@nuxt/eslint-config": "latest",
     "@nuxt/module-builder": "latest",
-    "@storybook/addon-docs": "^8.0.0",
-    "@storybook/addon-essentials": "^8.0.0",
-    "@storybook/addon-interactions": "^8.0.0",
-    "@storybook/addon-links": "^8.0.0",
-    "@storybook/addon-mdx-gfm": "^8.0.0",
-    "@storybook/blocks": "^8.0.0",
-    "@storybook/test": "^8.0.0",
-    "@storybook/vue3": "^8.0.0",
-    "@storybook/vue3-vite": "^8.0.0",
-    "@vitejs/plugin-vue": "^5.0.4",
     "autoprefixer": "^10.4.16",
-    "chromatic": "^11.0.0",
+    "defu": "^6.1.4",
     "eslint": "latest",
     "eslint-plugin-storybook": "latest",
     "nuxt": "^3.9.3",
     "ofetch": "^1.3.3",
     "standard-version": "latest",
-    "storybook": "^8.0.0",
     "typescript": "^5.3.3",
-    "unbuild": "^2.0.0",
-    "vite": "^5.1.4",
-    "vue-cli-plugin-tailwind": "3.0.0"
+    "unbuild": "^2.0.0"
   },
   "scripts": {
     "build": "nuxt-module-build",
     "dev": "nuxi dev playground",
     "dev:build": "nuxi build playground",
     "dev:prepare": "nuxt-module-build build && nuxi prepare playground",
-    "storybook": "storybook dev -p 6006 --no-open",
-    "build-storybook": "storybook build",
-    "release": "standard-version && git push --follow-tags && pnpm publish --access public",
-    "release-minor": "standard-version -- --release-as minor && git push --follow-tags && pnpm publish",
-    "chromatic": "npx chromatic --project-token=chpt_2abc12269958fdc"
+    "release": "standard-version && git push --follow-tags && pnpm publish --access public"
   }
 }

package/dist/runtime/components/AntAccordion.vue

@@ -1,64 +0,0 @@
-<script lang="ts" setup>
-import AntAccordionItem from './AntAccordionItem.vue';
-import {onMounted, ref} from 'vue';
-import {CollapseStrategy} from './__types/AntAccordion.types';
-
-const props = withDefaults(defineProps<{
-  items: {
-    label?: string;
-    content?: string;
-    isOpen?: boolean;
-    iconLeft?: boolean;
-  }[];
-  collapseStrategy?: CollapseStrategy;
-}>(), {
-  collapseStrategy: CollapseStrategy.single
-});
-
-const openItems = ref<number[]>([]);
-
-onMounted(() => {
-  openItems.value = props.items
-    .map((item, index) => item.isOpen ? index : -1)
-    .filter((index) => index !== -1);
-});
-
-function onOpen(index: number) {
-  if (props.collapseStrategy === CollapseStrategy.single) {
-    openItems.value = [index];
-  } else {
-    openItems.value = [...openItems.value, index];
-  }
-}
-
-function onClose(index: number) {
-  if (props.collapseStrategy === CollapseStrategy.single) {
-    openItems.value = [];
-  } else {
-    openItems.value = openItems.value.filter((item) => item !== index);
-  }
-}
-</script>
-
-<template>
-  <div class="w-full h-full flex flex-col bg-neutral-300 gap-px">
-    <slot>
-      <AntAccordionItem
-        v-for="(item, index) in items"
-        :key="`accordion-item-${index}`"
-        :label="item.label"
-        :is-open="openItems.includes(index)"
-        :icon-left="item.iconLeft"
-        @open="() => onOpen(index)"
-        @close="() => onClose(index)"
-      >
-        <slot
-          name="item-content"
-          v-bind="{item, index}"
-        >
-          <div v-html="item.content" />
-        </slot>
-      </AntAccordionItem>
-    </slot>
-  </div>
-</template>

package/dist/runtime/components/AntAccordionItem.vue

@@ -1,81 +0,0 @@
-<script lang="ts" setup>
-import {faAngleDown, faAngleUp, faQuestionCircle} from '@fortawesome/free-solid-svg-icons';
-import AntIcon from './AntIcon.vue';
-import AntTransitionCollapseHeight from './transitions/AntTransitionCollapseHeight.vue';
-import {IconSize} from './__types/AntIcon.types';
-
-const props = withDefaults(defineProps<{
-  isOpen: boolean;
-  label?: string;
-  collapseTransition?: string;
-  iconLeft: boolean;
-}>(), {
-  collapseTransition: 'slide',
-  iconLeft: false,
-});
-const emit = defineEmits(['close', 'open']);
-
-// TODO:: Stehengeblieben: delays machen
-function onClick() {
-  if (props.isOpen) {
-    emit('close');
-  } else {
-    emit('open');
-  }
-}
-</script>
-
-<template>
-  <div
-    class="p-2 select-none cursor-pointer transition-colors"
-    :class="{'bg-primary-500 text-primary-500-font': isOpen, 'bg-white text-for-white-bg-font': !isOpen}"
-    @click="onClick"
-  >
-    <slot
-      name="label"
-      v-bind="{ isOpen: isOpen }"
-    >
-      <div
-        class="hover:text-gray-800 flex justify-between items-center"
-      >
-        <div class="flex items-center gap-2">
-          <AntIcon
-            v-if="iconLeft"
-            :size="IconSize.sm"
-            :icon="faQuestionCircle"
-            :color="isOpen ? 'text-primary-500-font' : 'text-for-white-bg-font'"
-          />
-
-          <span class="text-sm font-semibold">
-            {{ label }}
-          </span>
-        </div>
-
-        <AntIcon
-          :icon="isOpen ? faAngleUp : faAngleDown"
-          :color="isOpen ? 'text-primary-500-font' : undefined"
-        />
-      </div>
-    </slot>
-  </div>
-
-  <AntTransitionCollapseHeight>
-    <div
-      v-show="isOpen"
-      class="bg-white overflow-hidden -mt-px"
-    >
-      <Transition name="bounce">
-        <div
-          v-show="isOpen"
-          class="p-2 text-sm bg-white text-for-white-bg-font"
-        >
-          <slot />
-        </div>
-      </Transition>
-    </div>
-  </AntTransitionCollapseHeight>
-</template>
-
-<style scoped>
-.bounce-enter-active{animation:bounce .6s}.bounce-leave-active{animation:bounce .6s reverse}@keyframes bounce{0%{opacity:0;transform:translateY(-100%)}50%{opacity:1;transform:translateY(5%)}to{opacity:1;transform:translateY(0)}}.slide-enter-active{animation:slide 1s}.slide-leave-active{animation:slide 1s reverse}
-</style>

package/dist/runtime/components/AntAlert.vue

@@ -1,146 +0,0 @@
-<script lang="ts" setup>
-import {computed, onMounted, useSlots} from 'vue';
-import {handleEnumValidation} from '../handler';
-import {
-  faCheckCircle,
-  faCircleQuestion,
-  faExclamationCircle,
-  faExclamationTriangle,
-  faInfoCircle,
-  faXmark
-} from '@fortawesome/free-solid-svg-icons';
-import AntIcon from './AntIcon.vue';
-import AntTooltip from './AntTooltip.vue';
-import AntSkeleton from './AntSkeleton.vue';
-import {InputState, Position} from '../enums';
-import {IconSize} from './__types';
-
-defineEmits(['close']);
-
-const props = withDefaults(defineProps<{
-  title?: string | null,
-  state?: InputState,
-  icon?: boolean,
-  expanded?: boolean,
-  questionMarkText?: string | null,
-  skeleton?: boolean,
-  dismissBtn?: boolean,
-}>(), {
-	title: null,
-  state: InputState.base,
-  icon: true,
-  expanded: false,
-	questionMarkText: null,
-  skeleton: false,
-  dismissBtn: true,
-});
-
-const icons = {
-  [InputState.base]: faInfoCircle,
-  [InputState.info]: faInfoCircle,
-  [InputState.danger]: faExclamationCircle,
-  [InputState.warning]: faExclamationTriangle,
-  [InputState.success]: faCheckCircle,
-};
-
-const _icon = computed(() => icons[props.state]);
-const classes = computed(() => {
-  const variants: Record<InputState, string> = {
-    [InputState.danger]: 'bg-danger-100 text-danger-700',
-    [InputState.info]: 'bg-info-100 text-info-700',
-    [InputState.base]: 'bg-neutral-100 text-neutral-100-font',
-    [InputState.success]: 'bg-success-100 text-success-700',
-    [InputState.warning]: 'bg-warning-100 text-warning-700',
-  };
-
-  return {
-    'inline-flex flex-col gap-2 rounded-md p-2 transition-colors text-sm relative': true,
-    'w-full': props.expanded,
-    [variants[props.state]]: true,
-  };
-});
-const hasDefaultSlot = computed(() => useSlots()['default'] || false);
-const hasQuestionMark = computed(() => (useSlots()['question-mark-text'] || false) || props.questionMarkText);
-const iconColor = computed(() => {
-  const variants = {
-    [InputState.base]: 'text-neutral-100-font',
-    [InputState.danger]: 'text-danger-700',
-    [InputState.info]: 'text-info-700',
-    [InputState.success]: 'text-success-700',
-    [InputState.warning]: 'text-warning-700',
-  };
-
-  return variants[props.state];
-});
-
-onMounted(() => {
-  handleEnumValidation(props.state, InputState, 'state');
-});
-</script>
-
-<template>
-  <div
-    :class="classes"
-    data-e2e="alert"
-  >
-    <AntSkeleton
-      v-if="skeleton"
-      absolute
-      rounded
-    />
-
-    <div
-      v-if="icon || hasQuestionMark || dismissBtn || title"
-      class="inline-flex items-center justify-between w-content gap-2"
-      :class="{'invisible': skeleton}"
-    >
-      <div class="inline-flex items-center gap-2">
-        <AntIcon
-          v-if="icon"
-          :icon="_icon"
-          :color="iconColor"
-          :size="IconSize.sm"
-        />
-
-        <div
-          :class="{'font-semibold': hasDefaultSlot}"
-        >
-          <slot name="title">
-            {{ title }}
-          </slot>
-        </div>
-      </div>
-
-      <div class="flex gap-2">
-        <div v-if="hasQuestionMark">
-          <slot name="questionMarkText">
-            <AntTooltip :position="Position.bottom">
-              <AntIcon
-                :icon="faCircleQuestion"
-                :color="iconColor"
-                :size="IconSize.sm"
-              />
-
-              <template #content>
-                {{ questionMarkText }}
-              </template>
-            </AntTooltip>
-          </slot>
-        </div>
-
-        <AntIcon
-          v-if="dismissBtn"
-          :icon="faXmark"
-          class="cursor-pointer"
-          :color="iconColor"
-          :size="IconSize.sm"
-          @click="() => $emit('close')"
-        />
-      </div>
-    </div>
-
-    <div v-if="hasDefaultSlot">
-      <slot />
-    </div>
-  </div>
-</template>

package/dist/runtime/components/AntCard.vue

@@ -1,34 +0,0 @@
-<script setup lang="ts">
-import {computed} from 'vue';
-import {Size} from '../enums/Size.enum';
-
-const props = withDefaults(defineProps<{
-  size?: Size;
-  padding?: boolean;
-  expanded?: boolean;
-}>(), {
-  size: Size.md,
-  padding: true,
-  expanded: false
-});
-
-const cardClass = computed(() => ({
-    'inline-block': true,
-    'w-full': props.expanded,
-    'p-0': !props.padding,
-    'p-2.5': props.size === Size.lg && props.padding,
-    'p-2': props.size === Size.md && props.padding,
-    'p-1.5': props.size === Size.sm || props.size === Size.xs && props.padding,
-    'p-1': props.size === Size.xs2 && props.padding,
-  })
-);
-</script>
-
-<template>
-  <div
-    :class="cardClass"
-    class="bg-white border border-neutral-300 rounded-md"
-  >
-    <slot />
-  </div>
-</template>

package/dist/runtime/components/AntContent.vue

@@ -1,16 +0,0 @@
-<script setup lang="ts">
-withDefaults(defineProps<{
-	padding?: boolean
-}>(), {
-	padding: true
-})
-</script>
-
-<template>
-  <div
-    :class="{ 'p-2.5': padding }"
-    class="bg-white overflow-auto"
-  >
-    <slot />
-  </div>
-</template>