@antify/ui-module 1.7.3 → 1.8.2

package/dist/runtime/components/__stories/AntAccordion.stories.mjs

@@ -1,101 +0,0 @@
-import AntAccordion from "../AntAccordion.vue";
-import AntAccordionItem from "../AntAccordionItem.vue";
-import { CollapseStrategy } from "../__types/AntAccordion.types.mjs";
-const meta = {
-  title: "Components/Accordion",
-  component: AntAccordion,
-  subcomponents: { AntAccordionItem },
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    collapseStrategy: {
-      control: { type: "select" },
-      options: Object.values(CollapseStrategy)
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  parameters: {
-    chromatic: { disableSnapshot: false }
-  },
-  render: (args) => ({
-    components: { AntAccordion, AntAccordionItem },
-    setup() {
-      return { args };
-    },
-    template: `
-      <div class="p-4">
-        <AntAccordion v-bind="args"/>
-      </div>`
-  }),
-  args: {
-    items: [
-      {
-        label: "First entry",
-        content: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
-      },
-      {
-        label: "Second entry",
-        content: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.",
-        iconLeft: true
-      },
-      {
-        label: "Third entry",
-        content: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
-      },
-      {
-        label: "Fourth entry",
-        content: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
-      }
-    ]
-  }
-};
-export const CustomContent = {
-  render: (args) => ({
-    components: { AntAccordion, AntAccordionItem },
-    setup() {
-      return { args };
-    },
-    template: `
-      <div class="p-4">
-        <AntAccordion v-bind="args">
-          <template #item-content="{item, index}">
-            <div class="text-danger-500">{{ item.content }}</div>
-          </template>
-        </AntAccordion>
-      </div>`
-  }),
-  args: {
-    ...Docs.args
-  }
-};
-export const MultipleCollapseStrategy = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    collapseStrategy: CollapseStrategy.multiple
-  }
-};
-export const htmlInContent = {
-  render: Docs.render,
-  args: {
-    items: [
-      {
-        label: "First entry",
-        content: `Lorem <strong>ipsum</strong> dolor sit amet, consetetur sadipscing elitr, <br/>
-                    sed diam nonumy eirmod tempor invidunt <br/>
-                    ut labore et dolore magna aliquyam erat, <br/>
-                    sed diam voluptua. At vero eos et accusam et <br/>
-                    justo duo dolores et ea rebum. Stet clita kasd`
-      },
-      {
-        label: "Second entry",
-        content: `Lorem <strong>ipsum</strong> dolor sit amet, consetetur sadipscing elitr, <br/>
-                    sed diam nonumy eirmod tempor invidunt <br/>
-                    ut labore et dolore magna aliquyam erat, <br/>
-                    sed diam voluptua. At vero eos et accusam et <br/>
-                    justo duo dolores et ea rebum. Stet clita kasd`
-      }
-    ]
-  }
-};

package/dist/runtime/components/__stories/AntAlert.stories.d.ts

@@ -1,11 +0,0 @@
-import AntAlert from '../AntAlert.vue';
-import { type Meta, type StoryObj } from '@storybook/vue3';
-declare const meta: Meta<typeof AntAlert>;
-export default meta;
-type Story = StoryObj<typeof AntAlert>;
-export declare const Docs: Story;
-export declare const WithOutTitle: Story;
-export declare const WithContent: Story;
-export declare const WithoutContent: Story;
-export declare const WithQuestionIcon: Story;
-export declare const Skeleton: Story;

package/dist/runtime/components/__stories/AntAlert.stories.mjs

@@ -1,81 +0,0 @@
-import AntAlert from "../AntAlert.vue";
-import { InputState } from "../../enums/index.mjs";
-const meta = {
-  title: "Components/Alert",
-  component: AntAlert,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    state: {
-      control: { type: "select" },
-      options: Object.values(InputState)
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntAlert },
-    setup() {
-      function logClick() {
-        console.log("Clicked close icon");
-      }
-      return { args, logClick };
-    },
-    template: `
-			<AntAlert v-bind="args" @close="logClick">
-				Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <br/>
-				sed diam nonumy eirmod tempor invidunt <br/>
-				ut labore et dolore magna aliquyam erat, <br/>
-				sed diam voluptua. At vero eos et accusam et <br/>
-				justo duo dolores et ea rebum. Stet clita kasd
-			</AntAlert>
-    `
-  }),
-  args: {
-    title: "Lorem ipsum dolor"
-  }
-};
-export const WithOutTitle = {
-  render: Docs.render,
-  args: {
-    title: "",
-    dismissBtn: false,
-    icon: false
-  }
-};
-export const WithContent = {
-  render: Docs.render,
-  args: {
-    ...Docs.args
-  }
-};
-export const WithoutContent = {
-  render: (args, ctx) => ({
-    // @ts-ignore
-    components: Docs.render(args, ctx).components,
-    // @ts-ignore
-    setup: Docs.render(args, ctx).setup,
-    template: `
-      <div class="p-4">
-        <AntAlert v-bind="args" @close="logClick"/>
-      </div>
-    `
-  }),
-  args: {
-    ...Docs.args
-  }
-};
-export const WithQuestionIcon = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    questionMarkText: "Lorem ipsum dolor"
-  }
-};
-export const Skeleton = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    skeleton: true
-  }
-};

package/dist/runtime/components/__stories/AntCard.stories.d.ts

@@ -1,7 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/vue3';
-import AntCard from '../AntCard.vue';
-declare const meta: Meta<typeof AntCard>;
-export default meta;
-type Story = StoryObj<typeof AntCard>;
-export declare const Docs: Story;
-export declare const Summary: Story;

package/dist/runtime/components/__stories/AntCard.stories.mjs

@@ -1,87 +0,0 @@
-import AntCard from "../AntCard.vue";
-import { Size } from "../../enums/index.mjs";
-import AntFormGroup from "../forms/AntFormGroup.vue";
-import AntFormGroupLabel from "../forms/AntFormGroupLabel.vue";
-const meta = {
-  title: "Components/Card",
-  component: AntCard,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    size: {
-      control: { type: "select" },
-      options: Object.values(Size)
-    },
-    padding: {
-      control: { type: "boolean" }
-    },
-    expanded: {
-      control: { type: "boolean" }
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntCard },
-    setup() {
-      return { args, Size };
-    },
-    template: `
-      <AntCard v-bind="args">
-        <div
-          class="slot h-40"
-          :class="args.expanded ? 'w-full' : 'w-48'"
-        >
-          SLOT
-        </div>
-      </AntCard>
-    `
-  }),
-  args: {}
-};
-export const Summary = {
-  parameters: {
-    chromatic: { disableSnapshot: false }
-  },
-  render: (args) => ({
-    components: { AntCard, AntFormGroup, AntFormGroupLabel },
-    setup() {
-      return { args, Size };
-    },
-    template: `
-      <AntFormGroup direction="column">
-        <AntFormGroupLabel>Size</AntFormGroupLabel>
-        <AntFormGroup direction="row">
-          <AntCard v-bind="args" :size="Size.lg" :expanded="true">
-            <div class="slot h-40">SLOT</div>
-          </AntCard>
-          <AntCard v-bind="args" :size="Size.md" :expanded="true">
-            <div class="slot h-full">SLOT</div>
-          </AntCard>
-          <AntCard v-bind="args" :size="Size.sm" :expanded="true">
-            <div class="slot h-full">SLOT</div>
-          </AntCard>
-          <AntCard v-bind="args" :size="Size.xs" :expanded="true">
-            <div class="slot h-full">SLOT</div>
-          </AntCard>
-          <AntCard v-bind="args" :size="Size.xs2" :expanded="true">
-            <div class="slot h-full">SLOT</div>
-          </AntCard>
-        </AntFormGroup>
-        <AntFormGroupLabel>Paddingles</AntFormGroupLabel>
-        <AntCard v-bind="args" :padding="false" class="w-48">
-          <div class="slot h-40">SLOT</div>
-        </AntCard>
-        <AntFormGroupLabel>Expanded</AntFormGroupLabel>
-        <AntFormGroup direction="row">
-          <AntCard v-bind="args" class="w-48">
-            <div class="slot h-40">SLOT</div>
-          </AntCard>
-          <AntCard v-bind="args" :expanded="true">
-            <div class="slot h-40">SLOT</div>
-          </AntCard>
-        </AntFormGroup>
-      </AntFormGroup>`
-  }),
-  args: {}
-};

package/dist/runtime/components/__stories/AntContent.stories.d.ts

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

package/dist/runtime/components/__stories/AntContent.stories.mjs

@@ -1,26 +0,0 @@
-import AntContent from "../AntContent.vue";
-const meta = {
-  title: "Components/Content",
-  component: AntContent,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {}
-};
-export default meta;
-export const Docs = {
-  parameters: {
-    chromatic: { disableSnapshot: false }
-  },
-  render: (args) => ({
-    components: { AntContent },
-    setup() {
-      return { args };
-    },
-    template: `
-			<div class="outline outline-neutral-300">
-				<AntContent v-bind="args" class="h-40">
-					<div class="slot h-60">SLOT</div>
-				</AntContent>
-			</div>`
-  }),
-  args: {}
-};

package/dist/runtime/components/__stories/AntDropdown.stories.d.ts

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

package/dist/runtime/components/__stories/AntDropdown.stories.mjs

@@ -1,52 +0,0 @@
-import AntDropdown from "../AntDropdown.vue";
-import AntButton from "../buttons/AntButton.vue";
-import { Position } from "../../enums/Position.enum.mjs";
-import { computed } from "vue";
-const meta = {
-  title: "Components/Dropdown",
-  component: AntDropdown,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    position: {
-      control: { type: "select" },
-      options: Object.values(Position)
-    },
-    contentPadding: {
-      description: "If the content require a paddingless dropdown to expand over the whole size, set this to false"
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntDropdown, AntButton },
-    setup() {
-      const showDropdown = computed({
-        get() {
-          return args.showDropdown;
-        },
-        set(val) {
-          args.showDropdown = val;
-        }
-      });
-      return { args, showDropdown };
-    },
-    template: `
-          <div class="p-64 flex justify-center items-center">
-            <AntDropdown dropdown-classes="w-64" v-bind="args" v-model:show-dropdown="showDropdown">
-              <template #content>
-                Lorem ipsum dolor sit amet, consetetur sadipscing
-                elitr, sed diam nonumy eirmod tempor invidunt ut
-                labore et dolore magna aliquyam erat, sed diam voluptua.
-              </template>
-              <template #default>
-                <AntButton @click="() => showDropdown = !showDropdown" filled>Click me</AntButton>
-              </template>
-            </AntDropdown>
-          </div>
-        `
-  }),
-  args: {
-    showDropdown: true
-  }
-};

package/dist/runtime/components/__stories/AntIcon.stories.d.ts

@@ -1,8 +0,0 @@
-import AntIcon from '../AntIcon.vue';
-import { type Meta, type StoryObj } from '@storybook/vue3';
-declare const meta: Meta<typeof AntIcon>;
-export default meta;
-type Story = StoryObj<typeof AntIcon>;
-export declare const Docs: Story;
-export declare const Size: Story;
-export declare const Color: Story;

package/dist/runtime/components/__stories/AntIcon.stories.mjs

@@ -1,93 +0,0 @@
-import AntIcon from "../AntIcon.vue";
-import { faTag } from "@fortawesome/free-solid-svg-icons";
-import { IconSize } from "../__types/AntIcon.types.mjs";
-const meta = {
-  title: "Components/Icon",
-  component: AntIcon,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    size: {
-      control: { type: "select" },
-      options: Object.values(IconSize)
-    },
-    icon: {
-      control: { type: "none" },
-      description: "Use Font-awesome Icons."
-    },
-    color: {
-      control: { type: "text" },
-      description: "A text-* css class to change the color of the icon."
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntIcon },
-    setup() {
-      return { args };
-    },
-    template: '<AntIcon v-bind="args"/>'
-  }),
-  args: {
-    icon: faTag
-  }
-};
-export const Size = {
-  render: (args) => ({
-    components: { AntIcon },
-    setup() {
-      return { args };
-    },
-    template: `
-      <div class="flex flex-col gap-2.5">
-				<AntIcon v-bind="args" size="2xs"/>
-				<AntIcon v-bind="args" size="xs"/>
-				<AntIcon v-bind="args" size="sm"/>
-				<AntIcon v-bind="args" size="md"/>
-				<AntIcon v-bind="args" size="lg"/>
-				<AntIcon v-bind="args" size="3xl"/>
-      </div>
-    `
-  }),
-  args: {
-    icon: faTag
-  }
-};
-export const Color = {
-  render: (args) => ({
-    components: { AntIcon },
-    setup() {
-      return { args };
-    },
-    template: `
-      <div class="flex items-center gap-2.5">
-        <AntIcon v-bind="args" color="text-primary-500"/>
-        <span>primary</span>
-      </div>
-      <div class="flex items-center gap-2.5">
-        <AntIcon v-bind="args" color="text-secondary-500"/>
-        <span>secondary</span>
-      </div>
-      <div class="flex items-center gap-2.5">
-        <AntIcon v-bind="args" color="text-info-500"/>
-        <span>info</span>
-      </div>
-      <div class="flex items-center gap-2.5">
-        <AntIcon v-bind="args" color="text-success-500"/>
-        <span>success</span>
-      </div>
-      <div class="flex items-center gap-2.5">
-        <AntIcon v-bind="args" color="text-info-500">Warning</AntIcon>
-        <span>warning</span>
-      </div>
-      <div class="flex items-center gap-2.5">
-        <AntIcon v-bind="args" color="text-danger-500"/>
-        <span>danger</span>
-      </div>
-    `
-  }),
-  args: {
-    icon: faTag
-  }
-};

package/dist/runtime/components/__stories/AntKeycap.stories.d.ts

@@ -1,9 +0,0 @@
-import AntKeycap from '../AntKeycap.vue';
-import { type Meta, type StoryObj } from '@storybook/vue3';
-declare const meta: Meta<typeof AntKeycap>;
-export default meta;
-type Story = StoryObj<typeof AntKeycap>;
-export declare const Docs: Story;
-export declare const Text: Story;
-export declare const Icon: Story;
-export declare const Summary: Story;

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

@@ -1,69 +0,0 @@
-import AntKeycap from "../AntKeycap.vue";
-import { AntKeycapSize } from "../__types/AntKeycap.types.mjs";
-import { faChevronUp, faChevronDown } from "@fortawesome/free-solid-svg-icons";
-const meta = {
-  title: "Components/Keycap",
-  component: AntKeycap,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    icon: {
-      control: { type: "none" },
-      description: "Will be displayed instead of the default slot if given.<br>Use Font-awesome Icons."
-    },
-    size: {
-      control: { type: "select" },
-      options: Object.values(AntKeycapSize)
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntKeycap },
-    setup() {
-      return { args };
-    },
-    template: '<div class="p-4"><AntKeycap v-bind="args">F</AntKeycap></div>'
-  }),
-  args: {
-    size: AntKeycapSize.sm
-  }
-};
-export const Text = {
-  render: Docs.render,
-  args: {
-    ...Docs.args
-  }
-};
-export const Icon = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    icon: faChevronUp
-  }
-};
-export const Summary = {
-  parameters: {
-    chromatic: { disableSnapshot: false }
-  },
-  render: (args) => ({
-    components: { AntKeycap, faChevronUp, faChevronDown },
-    setup() {
-      return { args, faChevronUp, faChevronDown };
-    },
-    template: `
-      <div class="p-4">
-        Press
-        <AntKeycap v-bind="args" :icon="faChevronUp"/>
-        or
-        <AntKeycap v-bind="args" :icon="faChevronDown"/>
-        to navigate. Press
-        <AntKeycap v-bind="args">ctl</AntKeycap>
-        +
-        <AntKeycap v-bind="args">K</AntKeycap>
-        to search.
-      </div>
-    `
-  }),
-  args: {}
-};

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

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

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

@@ -1,36 +0,0 @@
-import AntListGroup from "../AntListGroup.vue";
-import AntListGroupItem from "../AntListGroupItem.vue";
-import { faDownload, faMessage, faUser, faCog } from "@fortawesome/free-solid-svg-icons";
-const meta = {
-  title: "Components/List Group",
-  component: AntListGroup,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {}
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntListGroup, AntListGroupItem },
-    setup() {
-      return { args, faUser, faDownload, faMessage, faCog };
-    },
-    template: `
-          <div class="p-4">
-            <AntListGroup v-bind="args">
-              <AntListGroupItem to="/example" :icon-left="faUser">Profile</AntListGroupItem>
-              <AntListGroupItem to="/example" :icon-left="faDownload">Downloads</AntListGroupItem>
-              <AntListGroupItem to="/example" :icon-left="faMessage">Messages</AntListGroupItem>
-              <AntListGroupItem to="/example" :icon-left="faCog">Settings</AntListGroupItem>
-            </AntListGroup>
-          </div>
-        `
-  }),
-  args: {}
-};
-export const Skeleton = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    skeleton: true
-  }
-};

package/dist/runtime/components/__stories/AntListGroupItem.stories.d.ts

@@ -1,10 +0,0 @@
-import AntListGroupItem from '../AntListGroupItem.vue';
-import { type Meta, type StoryObj } from '@storybook/vue3';
-declare const meta: Meta<typeof AntListGroupItem>;
-export default meta;
-type Story = StoryObj<typeof AntListGroupItem>;
-export declare const Docs: Story;
-export declare const Link: Story;
-export declare const IconLeft: Story;
-export declare const IconRight: Story;
-export declare const IconLeftAndRight: Story;