@antify/ui-module 1.1.3

package/dist/runtime/components/form/__stories/AntSwitcher.stories.mjs

@@ -0,0 +1,225 @@
+import { computed, ref } from "vue";
+import { Size } from "../../../enums/index.mjs";
+import { useFieldValidator } from "@antify/validate";
+import { InputColorType } from "../../../enums/index.mjs";
+import { AntSwitcher } from "../index.mjs";
+const meta = {
+  title: "Components/Forms/Switcher",
+  component: AntSwitcher,
+  argTypes: {
+    modelValue: {
+      control: "text"
+    },
+    options: {
+      table: {
+        type: {
+          summary: "string | SwitcherOption[]",
+          detail: `
+type SwitcherOption = {
+  label: string;
+  value: string | number;
+  [key: string]: unknown;
+}
+          `
+        }
+      }
+    },
+    colorType: {
+      control: { type: "select" },
+      options: Object.values(InputColorType)
+    },
+    size: {
+      control: { type: "select" },
+      options: Object.values(Size)
+    }
+  }
+};
+export default meta;
+export const Docs = {
+  render: (args) => ({
+    components: { AntSwitcher },
+    setup() {
+      const modelValue = computed({
+        // @ts-ignore
+        get: () => args.modelValue,
+        // @ts-ignore
+        set: (val) => args.modelValue = val
+      });
+      return { args, modelValue };
+    },
+    template: `
+      <AntSwitcher v-bind="args" v-model="modelValue"/>
+    `
+  }),
+  args: {
+    options: [
+      {
+        label: "Entry 1",
+        value: "entry-1"
+      },
+      {
+        label: "Entry 2",
+        value: "entry-2"
+      },
+      {
+        label: "Entry 3",
+        value: "entry-3"
+      },
+      {
+        label: "Entry 4",
+        value: "entry-4"
+      }
+    ],
+    modelValue: "entry-1"
+  }
+};
+export const withValidator = {
+  render: Docs.render,
+  args: {
+    ...Docs.args,
+    validator: useFieldValidator([
+      (val) => {
+        return val.value !== "entry-1" || "Select something else";
+      }
+    ])
+  }
+};
+export const Summary = {
+  render: (args) => ({
+    components: { AntSwitcher },
+    setup() {
+      const modelValue = computed({
+        // @ts-ignore
+        get: () => args.modelValue,
+        // @ts-ignore
+        set: (val) => args.modelValue = val
+      });
+      const skeleton = ref(true);
+      return { args, modelValue, InputColorType, skeleton };
+    },
+    template: `
+      <div class="flex flex-col gap-5 ">
+        <div class="flex gap-2.5">
+          <AntSwitcher v-bind="args" v-model="modelValue" :color-type="InputColorType.base"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" :color-type="InputColorType.info"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" :color-type="InputColorType.success"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" :color-type="InputColorType.warning"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" :color-type="InputColorType.danger"/>
+        </div>
+        <div class="flex gap-2.5">
+          <AntSwitcher v-bind="args" v-model="modelValue" label="Label" :color-type="InputColorType.base"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" label="Label" :color-type="InputColorType.info"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" label="Label" :color-type="InputColorType.success"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" label="Label" :color-type="InputColorType.warning"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" label="Label" :color-type="InputColorType.danger"/>
+        </div>
+        <div class="flex gap-2.5">
+          <AntSwitcher v-bind="args" v-model="modelValue"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.base"/>
+          <AntSwitcher v-bind="args" v-model="modelValue"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.info"/>
+          <AntSwitcher v-bind="args" v-model="modelValue"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.success"/>
+          <AntSwitcher v-bind="args" v-model="modelValue"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.warning"/>
+          <AntSwitcher v-bind="args" v-model="modelValue"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.danger"/>
+        </div>
+        <div class="flex gap-2.5">
+          <AntSwitcher v-bind="args" v-model="modelValue" label="Label"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.base"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" label="Label"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.info"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" label="Label"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.success"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" label="Label"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.warning"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" label="Label"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.danger"/>
+        </div>
+        <div class="flex gap-2.5">
+          <AntSwitcher v-bind="args" v-model="modelValue" readonly label="Label"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.base"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" readonly label="Label"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.info"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" readonly label="Label"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.success"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" readonly label="Label"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.warning"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" readonly label="Label"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.danger"/>
+        </div>
+        <div class="flex gap-2.5">
+          <AntSwitcher v-bind="args" v-model="modelValue" disabled label="Label"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.base"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" disabled label="Label"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.info"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" disabled label="Label"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.success"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" disabled label="Label"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.warning"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" disabled label="Label"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.danger"/>
+        </div>
+        <div class="flex gap-2.5">
+          <AntSwitcher v-bind="args" v-model="modelValue" :skeleton="true" label="Label"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.base"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" :skeleton="true" label="Label"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.info"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" :skeleton="true" label="Label"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.success"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" :skeleton="true" label="Label"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.warning"/>
+          <AntSwitcher v-bind="args" v-model="modelValue" :skeleton="true" label="Label"
+                       description="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+                       :color-type="InputColorType.danger"/>
+        </div>
+      </div>
+    `
+  }),
+  args: {
+    options: [
+      {
+        label: "Entry 1",
+        value: "entry-1"
+      },
+      {
+        label: "Entry 2",
+        value: "entry-2"
+      },
+      {
+        label: "Entry 3",
+        value: "entry-3"
+      },
+      {
+        label: "Entry 4",
+        value: "entry-4"
+      }
+    ],
+    modelValue: "entry-1"
+  }
+};

package/dist/runtime/components/form/__stories/AntTextInput.stories.d.ts

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

package/dist/runtime/components/form/__stories/AntTextInput.stories.mjs

@@ -0,0 +1,68 @@
+import { Size } from "../../../enums/Size.enum.mjs";
+import AntTextInput from "../AntTextInput.vue";
+import { isRequiredRule, notBlankRule, useFieldValidator } from "@antify/validate";
+import { TextInputType } from "../__types/AntTextInput.type.mjs";
+import { InputColorType } from "../../../enums/index.mjs";
+import { reactive } from "vue";
+const meta = {
+  title: "Components/Forms/Text Input",
+  component: AntTextInput,
+  parameters: { controls: { sort: "requiredFirst" } },
+  argTypes: {
+    modelValue: {
+      control: "text",
+      table: { type: { summary: "string|null" } }
+    },
+    colorType: {
+      control: { type: "select" },
+      options: Object.values(InputColorType)
+    },
+    size: {
+      control: { type: "radio" },
+      options: Object.values(Size),
+      table: { defaultValue: { summary: Size.md } }
+    },
+    placeholder: {
+      table: { defaultValue: { summary: "this.label" } }
+    },
+    type: {
+      control: { type: "select" },
+      options: Object.values(TextInputType),
+      table: { defaultValue: { summary: TextInputType.text } }
+    }
+  }
+};
+export default meta;
+export const Docs = {
+  render: (args) => ({
+    components: { AntTextInput },
+    setup() {
+      const validator = reactive(useFieldValidator([isRequiredRule, notBlankRule]));
+      return { args, validator };
+    },
+    template: `
+      <AntTextInput
+        v-bind="args"
+        v-model="args.modelValue"
+        :errors="Array.isArray(args.errors) ? args.errors : validator.getErrors()"
+        @validate="(val) => validator.validate(val)"
+      />`
+  }),
+  args: {
+    modelValue: null,
+    label: "Label",
+    description: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+  }
+};
+export const limited = {
+  render: Docs.render,
+  args: {
+    ...Docs.args,
+    modelValue: "A to long value",
+    max: 10,
+    limiter: true,
+    validator: useFieldValidator([
+      (val) => val.length <= 10 || "Max. 10 characters allowed"
+    ])
+  }
+};

package/dist/runtime/components/form/__stories/AntTextarea.stories.d.ts

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

package/dist/runtime/components/form/__stories/AntTextarea.stories.mjs

@@ -0,0 +1,128 @@
+import { isRequiredRule, notBlankRule, useFieldValidator } from "@antify/validate";
+import { Grouped as _Grouped } from "../../../enums/Grouped.enum.mjs";
+import { Size } from "../../../enums/Size.enum.mjs";
+import AntTextarea from "../AntTextarea.vue";
+import { InputColorType } from "../../../enums/index.mjs";
+import { reactive } from "vue";
+const meta = {
+  title: "Components/Forms/Textarea",
+  component: AntTextarea,
+  parameters: { controls: { sort: "requiredFirst" } },
+  argTypes: {
+    colorType: {
+      control: { type: "select" },
+      options: Object.values(InputColorType)
+    },
+    size: {
+      control: { type: "radio" },
+      options: Object.values(Size)
+    },
+    placeholder: {
+      table: { defaultValue: { summary: "this.label" } }
+    },
+    grouped: {
+      control: { type: "select" },
+      options: Object.values(_Grouped),
+      description: "Where is this fields position in a group"
+    },
+    wrapperClass: {
+      control: "text",
+      description: 'Class for the first element because the attribute "class" would affect the input element.',
+      table: { type: { summary: "string|object" } }
+    },
+    showIcon: {
+      control: "boolean",
+      description: "Some InputColorTypes can has an icon. Control with this property if it get shown or not.",
+      table: { type: { summary: "Type" } }
+    }
+  }
+};
+export default meta;
+export const Docs = {
+  render: (args) => ({
+    components: { AntTextarea },
+    setup: () => {
+      const validator = reactive(useFieldValidator([isRequiredRule, notBlankRule]));
+      return { args, validator };
+    },
+    template: `
+      <AntTextarea
+        v-bind="args"
+        v-model="args.modelValue"
+        :errors="Array.isArray(args.errors) ? args.errors : validator.getErrors()"
+        @validate="val => validator.validate(val)"
+      />
+    `
+  }),
+  args: {
+    modelValue: null,
+    label: "Label",
+    description: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+  }
+};
+export const limited = {
+  render: (args) => ({
+    components: { AntTextarea },
+    setup: () => {
+      const validator = reactive(useFieldValidator(
+        (val) => val?.length <= 10 || "Max. 10 characters allowed"
+      ));
+      return { args, validator };
+    },
+    template: `
+      <AntTextarea
+        v-bind="args"
+        v-model="args.modelValue"
+        :errors="Array.isArray(args.errors) ? args.errors : validator.getErrors()"
+        @validate="(val) => validator.validate(val)"
+      />
+    `
+  }),
+  args: {
+    ...Docs.args,
+    modelValue: "A to long value",
+    limiter: true,
+    max: 10
+  }
+};
+export const summary = {
+  render: (args, ctx) => ({
+    // @ts-ignore
+    components: Docs.render(args, ctx).components,
+    // @ts-ignore
+    setup: Docs.render(args, ctx).setup,
+    template: `
+      <div class="pb-10 flex flex-col gap-2">
+        <div class="flex gap-2">
+          <AntTextarea v-bind="args" v-model:value="modelValue" color-type="base"/>
+          <AntTextarea v-bind="args" v-model:value="modelValue" color-type="info"/>
+          <AntTextarea v-bind="args" v-model:value="modelValue" color-type="success"/>
+          <AntTextarea v-bind="args" v-model:value="modelValue" color-type="warning"/>
+          <AntTextarea v-bind="args" v-model:value="modelValue" color-type="danger"/>
+        </div>
+
+        <div class="flex gap-2">
+          <AntTextarea v-bind="args" v-model:value="modelValue" :show-icon="false" color-type="base"/>
+          <AntTextarea v-bind="args" v-model:value="modelValue" :show-icon="false" color-type="info"/>
+          <AntTextarea v-bind="args" v-model:value="modelValue" :show-icon="false" color-type="success"/>
+          <AntTextarea v-bind="args" v-model:value="modelValue" :show-icon="false" color-type="warning"/>
+          <AntTextarea v-bind="args" v-model:value="modelValue" :show-icon="false" color-type="danger"/>
+        </div>
+
+        <div class="flex gap-2">
+          <AntTextarea v-bind="args" v-model:value="modelValue" :icon-left="faSearch" color-type="base"/>
+          <AntTextarea v-bind="args" v-model:value="modelValue" :icon-left="faSearch" color-type="info"/>
+          <AntTextarea v-bind="args" v-model:value="modelValue" :icon-left="faSearch" color-type="success"/>
+          <AntTextarea v-bind="args" v-model:value="modelValue" :icon-left="faSearch" color-type="warning"/>
+          <AntTextarea v-bind="args" v-model:value="modelValue" :icon-left="faSearch" color-type="danger"/>
+        </div>
+
+        <div class="flex gap-[-2px]">
+          <AntTextarea v-bind="args" v-model:value="modelValue" grouped="left"/>
+          <AntTextarea v-bind="args" v-model:value="modelValue" grouped="center" color-type="danger"/>
+          <AntTextarea v-bind="args" v-model:value="modelValue" grouped="right" color-type="info"/>
+        </div>
+      </div>`
+  }),
+  args: Docs.args
+};

package/dist/runtime/components/form/__stories/AntUnitInput.stories.d.ts

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

package/dist/runtime/components/form/__stories/AntUnitInput.stories.mjs

@@ -0,0 +1,84 @@
+import { Size } from "../../../enums/Size.enum.mjs";
+import AntUnitInput from "../AntUnitInput.vue";
+import { faEuroSign } from "@fortawesome/free-solid-svg-icons";
+import { InputColorType } from "../../../enums/index.mjs";
+import { isRequiredRule, useFieldValidator } from "@antify/validate";
+import { reactive } from "vue";
+const meta = {
+  title: "Components/Forms/Unit Input",
+  component: AntUnitInput,
+  parameters: { controls: { sort: "requiredFirst" } },
+  argTypes: {
+    modelValue: {
+      table: { type: { summary: "number|null" } }
+    },
+    unit: {
+      control: "text",
+      description: "Will be displayed right to the input.<br>Use text or Font-awesome Icons.",
+      table: { type: { summary: "string|IconDefinition" } }
+    },
+    colorType: {
+      control: { type: "select" },
+      options: Object.values(InputColorType)
+    },
+    size: {
+      control: { type: "radio" },
+      options: Object.values(Size)
+    },
+    placeholder: {
+      table: { defaultValue: { summary: "this.label" } }
+    },
+    wrapperClass: {
+      control: "text",
+      description: 'Class for the first element because the attribute "class" would affect the input element.',
+      table: { type: { summary: "string|object" } }
+    }
+  }
+};
+export default meta;
+export const Docs = {
+  render: (args) => ({
+    components: { AntUnitInput },
+    setup() {
+      const validator = reactive(useFieldValidator([
+        isRequiredRule,
+        (val) => typeof val !== "number" || val <= 8 || "Value should not be bigger than 8"
+      ]));
+      return { args, validator };
+    },
+    template: `
+      <AntUnitInput
+        v-bind="args"
+        v-model="args.modelValue"
+        :unit="args.unit"
+        :errors="Array.isArray(args.errors) ? args.errors : validator.getErrors()"
+        @validate="(val) => validator.validate(val)"
+      />`
+  }),
+  args: {
+    modelValue: null,
+    unit: "\u20AC",
+    label: "Label",
+    description: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
+  }
+};
+export const Limited = {
+  render: Docs.render,
+  args: {
+    ...Docs.args,
+    modelValue: 50,
+    limiter: true,
+    max: 10,
+    validator: useFieldValidator([
+      (val) => val <= 10 || "Value should not be bigger than 10",
+      (val) => val <= 11 || "It should be really not bigger than 10!!!!"
+    ])
+  }
+};
+export const UnitAsIcon = {
+  render: Docs.render,
+  args: {
+    ...Docs.args,
+    unit: faEuroSign
+  }
+};

package/dist/runtime/components/form/__types/AntSelect.type.d.ts

@@ -0,0 +1,4 @@
+export type SelectOption = {
+    label: string;
+    value: string | number;
+};

package/dist/runtime/components/form/__types/AntSwitcher.type.d.ts

@@ -0,0 +1,4 @@
+export type SwitcherOption = {
+    label: string;
+    value: string | number;
+};

package/dist/runtime/components/form/__types/AntTextInput.type.d.ts

@@ -0,0 +1,7 @@
+export declare enum TextInputType {
+    email = "email",
+    password = "password",
+    tel = "tel",
+    text = "text",
+    url = "url"
+}

package/dist/runtime/components/form/__types/AntTextInput.type.mjs

@@ -0,0 +1,8 @@
+export var TextInputType = /* @__PURE__ */ ((TextInputType2) => {
+  TextInputType2["email"] = "email";
+  TextInputType2["password"] = "password";
+  TextInputType2["tel"] = "tel";
+  TextInputType2["text"] = "text";
+  TextInputType2["url"] = "url";
+  return TextInputType2;
+})(TextInputType || {});

package/dist/runtime/components/form/__types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AntSelect.type';
+export * from './AntSwitcher.type';
+export * from './AntTextInput.type';

package/dist/runtime/components/form/__types/index.mjs

@@ -0,0 +1,3 @@
+export * from "./AntSelect.type.mjs";
+export * from "./AntSwitcher.type.mjs";
+export * from "./AntTextInput.type.mjs";

package/dist/runtime/components/form/index.d.ts

@@ -0,0 +1,11 @@
+import AntButton from '../buttons/AntButton.vue';
+import AntNumberInput from './AntNumberInput.vue';
+import AntRangeSlider from './AntRangeSlider.vue';
+import AntSwitcher from './AntSwitcher.vue';
+import AntSearch from './AntSearch.vue';
+import AntSelect from './AntSelect.vue';
+import AntSwitch from './AntSwitch.vue';
+import AntTextarea from './AntTextarea.vue';
+import AntTextInput from './AntTextInput.vue';
+import AntUnitInput from './AntUnitInput.vue';
+export { AntButton, AntNumberInput, AntRangeSlider, AntSwitcher, AntSearch, AntSelect, AntSwitch, AntTextarea, AntTextInput, AntUnitInput, };

package/dist/runtime/components/form/index.mjs

@@ -0,0 +1,22 @@
+import AntButton from "../buttons/AntButton.vue";
+import AntNumberInput from "./AntNumberInput.vue";
+import AntRangeSlider from "./AntRangeSlider.vue";
+import AntSwitcher from "./AntSwitcher.vue";
+import AntSearch from "./AntSearch.vue";
+import AntSelect from "./AntSelect.vue";
+import AntSwitch from "./AntSwitch.vue";
+import AntTextarea from "./AntTextarea.vue";
+import AntTextInput from "./AntTextInput.vue";
+import AntUnitInput from "./AntUnitInput.vue";
+export {
+  AntButton,
+  AntNumberInput,
+  AntRangeSlider,
+  AntSwitcher,
+  AntSearch,
+  AntSelect,
+  AntSwitch,
+  AntTextarea,
+  AntTextInput,
+  AntUnitInput
+};

package/dist/runtime/components/index.d.ts

@@ -0,0 +1,22 @@
+import AntAccordion from './AntAccordion.vue';
+import AntAccordionItem from './AntAccordionItem.vue';
+import AntAlert from './AntAlert.vue';
+import AntDropdown from './AntDropdown.vue';
+import AntIcon from './AntIcon.vue';
+import AntKeycap from './AntKeycap.vue';
+import AntListGroup from './AntListGroup.vue';
+import AntListGroupItem from './AntListGroupItem.vue';
+import AntModal from './AntModal.vue';
+import AntPagination from './AntPagination.vue';
+import AntPopover from './AntPopover.vue';
+import AntCrudTableFilter from './crud/AntCrudTableFilter.vue';
+import AntSkeleton from './AntSkeleton.vue';
+import AntSpinner from './AntSpinner.vue';
+import AntTableNav from './crud/AntCrudTableNav.vue';
+import AntTag from './AntTag.vue';
+import AntToast from './AntToast.vue';
+import AntTooltip from './AntTooltip.vue';
+export * from './deprecated/elements';
+export * from './form';
+export * from './form/Elements';
+export { AntAccordion, AntAccordionItem, AntAlert, AntDropdown, AntIcon, AntKeycap, AntListGroup, AntListGroupItem, AntModal, AntPagination, AntPopover, AntCrudTableFilter, AntSkeleton, AntSpinner, AntTableNav, AntTag, AntToast, AntTooltip };