@antify/ui 2.2.1 → 2.2.4

package/dist/components/__stories/AntKeycap.stories.mjs

@@ -1,17 +1,30 @@
 import AntKeycap from "../AntKeycap.vue";
-import { AntKeycapSize } from "../__types/AntKeycap.types.mjs";
-import { faPlus, faChevronUp } from "@fortawesome/free-solid-svg-icons";
+import {
+  AntKeycapSize
+} from "../__types/AntKeycap.types.mjs";
+import {
+  faPlus,
+  faChevronUp
+} from "@fortawesome/free-solid-svg-icons";
 const meta = {
   title: "Components/Keycap",
   component: AntKeycap,
-  parameters: { controls: { sort: "requiredFirst" } },
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
   argTypes: {
     icon: {
-      control: { type: "none" },
+      control: {
+        type: "none"
+      },
       description: "Will be displayed instead of the default slot if given.<br>Use Font-awesome Icons."
     },
     size: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(AntKeycapSize)
     }
   }
@@ -19,9 +32,13 @@ const meta = {
 export default meta;
 export const Docs = {
   render: (args) => ({
-    components: { AntKeycap },
+    components: {
+      AntKeycap
+    },
     setup() {
-      return { args };
+      return {
+        args
+      };
     },
     template: '<div class="p-4"><AntKeycap v-bind="args">F</AntKeycap></div>'
   }),
@@ -44,12 +61,20 @@ export const Icon = {
 };
 export const Summary = {
   parameters: {
-    chromatic: { disableSnapshot: false }
+    chromatic: {
+      disableSnapshot: false
+    }
   },
   render: (args) => ({
-    components: { AntKeycap },
+    components: {
+      AntKeycap
+    },
     setup() {
-      return { args, AntKeycapSize, faPlus };
+      return {
+        args,
+        AntKeycapSize,
+        faPlus
+      };
     },
     template: `
       <div class="flex gap-2 p-4">

package/dist/components/__stories/AntListGroup.stories.d.ts

@@ -1,5 +1,5 @@
 import AntListGroup from '../AntListGroup.vue';
-import { type Meta, type StoryObj } from "@storybook/vue3";
+import { type Meta, type StoryObj } from '@storybook/vue3';
 declare const meta: Meta<typeof AntListGroup>;
 export default meta;
 type Story = StoryObj<typeof AntListGroup>;

package/dist/components/__stories/AntListGroup.stories.mjs

@@ -1,18 +1,36 @@
 import AntListGroup from "../AntListGroup.vue";
 import AntListGroupItem from "../AntListGroupItem.vue";
-import { faDownload, faMessage, faUser, faCog } from "@fortawesome/free-solid-svg-icons";
+import {
+  faDownload,
+  faMessage,
+  faUser,
+  faCog
+} from "@fortawesome/free-solid-svg-icons";
 const meta = {
   title: "Components/List Group",
   component: AntListGroup,
-  parameters: { controls: { sort: "requiredFirst" } },
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
   argTypes: {}
 };
 export default meta;
 export const Docs = {
   render: (args) => ({
-    components: { AntListGroup, AntListGroupItem },
+    components: {
+      AntListGroup,
+      AntListGroupItem
+    },
     setup() {
-      return { args, faUser, faDownload, faMessage, faCog };
+      return {
+        args,
+        faUser,
+        faDownload,
+        faMessage,
+        faCog
+      };
     },
     template: `
           <div class="p-4 bg-base-100">

package/dist/components/__stories/AntListGroupItem.stories.mjs

@@ -1,21 +1,36 @@
 import AntListGroupItem from "../AntListGroupItem.vue";
-import { faUser, faChevronRight } from "@fortawesome/free-solid-svg-icons";
-import { ListGroupItemState } from "../__types/AntListGroupItem.types.mjs";
+import {
+  faUser,
+  faChevronRight
+} from "@fortawesome/free-solid-svg-icons";
+import {
+  ListGroupItemState
+} from "../__types/AntListGroupItem.types.mjs";
 const meta = {
   title: "Components/List Group Item",
   component: AntListGroupItem,
-  parameters: { controls: { sort: "requiredFirst" } },
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
   argTypes: {
     state: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(ListGroupItemState)
     },
     iconLeft: {
-      control: { type: "none" },
+      control: {
+        type: "none"
+      },
       description: "Will be displayed right to the default slot.<br>Use Font-awesome Icons."
     },
     iconRight: {
-      control: { type: "none" },
+      control: {
+        type: "none"
+      },
       description: "Will be displayed right to the default slot.<br>Use Font-awesome Icons."
     }
   }
@@ -23,9 +38,13 @@ const meta = {
 export default meta;
 export const Docs = {
   render: (args) => ({
-    components: { AntListGroupItem },
+    components: {
+      AntListGroupItem
+    },
     setup() {
-      return { args };
+      return {
+        args
+      };
     },
     template: '<div class="p-4 bg-base-100"><AntListGroupItem v-bind="args">Item</AntListGroupItem></div>'
   }),

package/dist/components/__stories/AntModal.stories.mjs

@@ -1,17 +1,27 @@
 import AntModal from "../AntModal.vue";
 import AntButton from "../buttons/AntButton.vue";
-import { computed } from "vue";
+import {
+  computed
+} from "vue";
 import AntKeycap from "../AntKeycap.vue";
 const meta = {
   title: "Components/Modal",
   component: AntModal,
-  parameters: { controls: { sort: "requiredFirst" } },
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
   argTypes: {}
 };
 export default meta;
 export const Docs = {
   render: (args) => ({
-    components: { AntModal, AntButton, AntKeycap },
+    components: {
+      AntModal,
+      AntButton,
+      AntKeycap
+    },
     setup() {
       const open = computed({
         // @ts-ignore
@@ -19,7 +29,10 @@ export const Docs = {
         // @ts-ignore
         set: (val) => args.open = val
       });
-      return { args, open };
+      return {
+        args,
+        open
+      };
     },
     template: `
       <div

package/dist/components/__stories/AntPagination.stories.mjs

@@ -1,23 +1,38 @@
 import AntPagination from "../AntPagination.vue";
-import { faAngleRight } from "@fortawesome/free-solid-svg-icons";
-import { vueRouter } from "storybook-vue3-router";
+import {
+  faAngleRight
+} from "@fortawesome/free-solid-svg-icons";
+import {
+  vueRouter
+} from "storybook-vue3-router";
 const meta = {
   title: "Components/Pagination",
   component: AntPagination,
-  parameters: { controls: { sort: "requiredFirst" } },
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
   argTypes: {
     pageQuery: {
       description: "Which query parameter should be used, for writing the current page into it."
     }
   },
-  decorators: [vueRouter()]
+  decorators: [
+    vueRouter()
+  ]
 };
 export default meta;
 export const Docs = {
   render: (args) => ({
-    components: { AntPagination },
+    components: {
+      AntPagination
+    },
     setup() {
-      return { args, faAngleRight };
+      return {
+        args,
+        faAngleRight
+      };
     },
     template: '<AntPagination v-bind="args"/>'
   }),

package/dist/components/__stories/AntPopover.stories.mjs

@@ -1,16 +1,27 @@
 import AntPopover from "../AntPopover.vue";
 import AntButton from "../buttons/AntButton.vue";
-import { computed, onMounted, ref } from "vue";
+import {
+  computed,
+  onMounted,
+  ref
+} from "vue";
 const meta = {
   title: "Components/Popover",
   component: AntPopover,
-  parameters: { controls: { sort: "requiredFirst" } },
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
   argTypes: {}
 };
 export default meta;
 export const Docs = {
   render: (args) => ({
-    components: { AntPopover, AntButton },
+    components: {
+      AntPopover,
+      AntButton
+    },
     setup() {
       const dummyText = "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.";
       const showPopover = computed({
@@ -28,7 +39,12 @@ export const Docs = {
           scrollContainer.value.scrollTop = (scrollContainer.value.scrollHeight - scrollContainer.value.clientHeight) / 3;
         }
       });
-      return { args, showPopover, dummyText, scrollContainer };
+      return {
+        args,
+        showPopover,
+        dummyText,
+        scrollContainer
+      };
     },
     template: `
       <div ref="scrollContainer" class="dashed overflow-scroll" :style="{height: '500px', width: '500px'}">

package/dist/components/__stories/AntSkeleton.stories.mjs

@@ -1,23 +1,35 @@
 import AntSkeleton from "../AntSkeleton.vue";
-import { Grouped as _Grouped } from "../../enums/Grouped.enum.mjs";
+import {
+  Grouped as _Grouped
+} from "../../enums/Grouped.enum.mjs";
 const meta = {
   title: "Components/Skeleton",
   component: AntSkeleton,
   argTypes: {
     grouped: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(_Grouped),
       description: "Where is this fields position in a group",
-      table: { defaultValue: { summary: _Grouped.none } }
+      table: {
+        defaultValue: {
+          summary: _Grouped.none
+        }
+      }
     }
   }
 };
 export default meta;
 export const Docs = {
   render: (args) => ({
-    components: { AntSkeleton },
+    components: {
+      AntSkeleton
+    },
     setup() {
-      return { args };
+      return {
+        args
+      };
     },
     template: `
       <AntSkeleton

package/dist/components/__stories/AntSpinner.stories.mjs

@@ -1,32 +1,56 @@
 import AntSpinner from "../AntSpinner.vue";
-import { AntSpinnerSize } from "../__types/AntSpinner.types.mjs";
-import { State } from "../../enums/State.enum.mjs";
+import {
+  AntSpinnerSize
+} from "../__types/AntSpinner.types.mjs";
+import {
+  State
+} from "../../enums/State.enum.mjs";
 const meta = {
   title: "Components/Spinner",
   component: AntSpinner,
-  parameters: { controls: { sort: "requiredFirst" } },
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
   argTypes: {
     size: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(AntSpinnerSize),
-      table: { defaultValue: { summary: AntSpinnerSize.md } }
+      table: {
+        defaultValue: {
+          summary: AntSpinnerSize.md
+        }
+      }
     },
     state: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(State)
     },
     inverted: {
       control: "boolean",
-      table: { defaultValue: { summary: false } }
+      table: {
+        defaultValue: {
+          summary: false
+        }
+      }
     }
   }
 };
 export default meta;
 export const Docs = {
   render: (args) => ({
-    components: { AntSpinner },
+    components: {
+      AntSpinner
+    },
     setup() {
-      return { args };
+      return {
+        args
+      };
     },
     template: '<div class="p-4"><AntSpinner v-bind="args" /></div>'
   }),

package/dist/components/__stories/AntTag.stories.mjs

@@ -1,21 +1,36 @@
 import AntTag from "../AntTag.vue";
-import { AntTagSize, TagState } from "../__types/AntTag.types.mjs";
-import { faTag } from "@fortawesome/free-solid-svg-icons";
+import {
+  AntTagSize,
+  TagState
+} from "../__types/AntTag.types.mjs";
+import {
+  faTag
+} from "@fortawesome/free-solid-svg-icons";
 const meta = {
   title: "Components/Tag",
   component: AntTag,
-  parameters: { controls: { sort: "requiredFirst" } },
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
   argTypes: {
     size: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(AntTagSize)
     },
     state: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(TagState)
     },
     iconLeft: {
-      control: { type: "none" },
+      control: {
+        type: "none"
+      },
       description: "Will be displayed left to the default slot.<br>Use Font-awesome Icons."
     }
   }
@@ -23,12 +38,17 @@ const meta = {
 export default meta;
 export const Docs = {
   render: (args) => ({
-    components: { AntTag },
+    components: {
+      AntTag
+    },
     setup() {
       function logClick() {
         console.log("Clicked close icon");
       }
-      return { args, logClick };
+      return {
+        args,
+        logClick
+      };
     },
     template: '<div class="p-4"><AntTag v-bind="args" @close="logClick">Tag</AntTag></div>'
   }),

package/dist/components/__stories/AntToast.stories.mjs

@@ -1,12 +1,20 @@
 import AntToast from "../AntToast.vue";
-import { InputState } from "../../enums/index.mjs";
+import {
+  InputState
+} from "../../enums/index.mjs";
 const meta = {
   title: "Components/Toast",
   component: AntToast,
-  parameters: { controls: { sort: "requiredFirst" } },
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
   argTypes: {
     state: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(InputState)
     }
   }
@@ -14,7 +22,9 @@ const meta = {
 export default meta;
 export const Docs = {
   render: (args) => ({
-    components: { AntToast },
+    components: {
+      AntToast
+    },
     setup() {
       function logClick() {
         console.log("Clicked close icon");
@@ -22,7 +32,11 @@ export const Docs = {
       function logUndoClick() {
         console.log("Clicked undo button");
       }
-      return { args, logClick, logUndoClick };
+      return {
+        args,
+        logClick,
+        logUndoClick
+      };
     },
     template: `
       <div class="p-4">

package/dist/components/__stories/AntToaster.stories.d.ts

@@ -1,6 +1,6 @@
 import { CornerPosition } from '../../enums';
 import AntToaster from '../AntToaster.vue';
-import type { StoryObj } from "@storybook/vue3";
+import type { StoryObj } from '@storybook/vue3';
 declare const _default: {
     title: string;
     parameters: {

package/dist/components/__stories/AntToaster.stories.mjs

@@ -1,12 +1,23 @@
 import AntButton from "../buttons/AntButton.vue";
 import AntFormGroup from "../forms/AntFormGroup.vue";
-import { CornerPosition, InputState } from "../../enums/index.mjs";
-import { enumToPlainText } from "../../utils.mjs";
+import {
+  CornerPosition,
+  InputState
+} from "../../enums/index.mjs";
+import {
+  enumToPlainText
+} from "../../utils.mjs";
 import AntToaster from "../AntToaster.vue";
-import { useToaster } from "../../composables/useToaster.mjs";
+import {
+  useToaster
+} from "../../composables/useToaster.mjs";
 export default {
   title: "Components/Toaster",
-  parameters: { controls: { sort: "requiredFirst" } },
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
   argTypes: {
     toasts: {
       description: "The toasts to display",
@@ -21,7 +32,9 @@ export default {
     position: {
       description: "Defines where the toasts will appear",
       options: Object.values(CornerPosition),
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       table: {
         defaultValue: {
           summary: "CornerPosition.bottomRight"
@@ -36,9 +49,14 @@ export default {
 };
 export const Docs = {
   render: (args) => ({
-    components: { AntButton, AntToaster },
+    components: {
+      AntButton,
+      AntToaster
+    },
     setup() {
-      return { args };
+      return {
+        args
+      };
     },
     template: `
       <div class="dashed h-60 relative">
@@ -58,7 +76,11 @@ export const Docs = {
 };
 export const UseToaster = {
   render: (args) => ({
-    components: { AntButton, AntToaster, AntFormGroup },
+    components: {
+      AntButton,
+      AntToaster,
+      AntFormGroup
+    },
     setup() {
       const toaster = useToaster();
       const toasts = [
@@ -88,7 +110,11 @@ export const UseToaster = {
           type: InputState.info
         }
       ];
-      return { args, toasts, toaster };
+      return {
+        args,
+        toasts,
+        toaster
+      };
     },
     template: `
       <AntFormGroup

package/dist/components/__stories/AntTooltip.stories.js

@@ -49,7 +49,7 @@ const Docs = exports.Docs = {
     },
     template: `
       <div ref="scrollContainer" class="dashed  h-[50vh] w-[50vw] overflow-scroll">
-        <div class="flex flex-grow justify-center items-center h-screen w-[1000px]">
+        <div class="flex grow justify-center items-center h-screen w-[1000px]">
           <AntTooltip v-bind="args">
             <AntButton>Hover me</AntButton>