@antify/ui 1.0.0

package/dist/components/inputs/Elements/__stories/AntBaseInput.stories.js

@@ -0,0 +1,311 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withValidator = exports.default = exports.Summary = exports.Nullable = exports.IconRight = exports.IconLeft = exports.Docs = void 0;
+var _Size = require("../../../../enums/Size.enum");
+var _AntBaseInput = require("../__types/AntBaseInput.types");
+var _AntBaseInput2 = _interopRequireDefault(require("../AntBaseInput.vue"));
+var _AntButton = _interopRequireDefault(require("../../../buttons/AntButton.vue"));
+var _AntIcon = _interopRequireDefault(require("../../../AntIcon.vue"));
+var _Grouped2 = require("../../../../enums/Grouped.enum");
+var _validate = require("@antify/validate");
+var _vue = require("vue");
+var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
+var _enums = require("../../../../enums");
+var _AntFormGroup = _interopRequireDefault(require("../../../forms/AntFormGroup.vue"));
+var _AntFormGroupLabel = _interopRequireDefault(require("../../../forms/AntFormGroupLabel.vue"));
+var _Direction = require("../../../../enums/Direction.enum");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const meta = {
+  computed: {
+    Direction() {
+      return _Direction.Direction;
+    }
+  },
+  components: {
+    AntFormGroup: _AntFormGroup.default
+  },
+  title: "Inputs/Elements/Base Input",
+  component: _AntBaseInput2.default,
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
+  argTypes: {
+    modelValue: {
+      control: {
+        type: "text"
+      },
+      table: {
+        type: {
+          summary: "string|number|null"
+        }
+      }
+    },
+    type: {
+      control: {
+        type: "select"
+      },
+      options: Object.values(_AntBaseInput.BaseInputType),
+      table: {
+        defaultValue: {
+          summary: _AntBaseInput.BaseInputType.text
+        }
+      }
+    },
+    state: {
+      control: {
+        type: "select"
+      },
+      options: Object.values(_enums.InputState)
+    },
+    size: {
+      control: {
+        type: "select"
+      },
+      options: Object.values(_Size.Size),
+      table: {
+        defaultValue: {
+          summary: _Size.Size.md
+        }
+      }
+    },
+    placeholder: {
+      control: "text",
+      table: {
+        defaultValue: {
+          summary: "this.label"
+        }
+      }
+    },
+    grouped: {
+      control: {
+        type: "select"
+      },
+      options: Object.values(_Grouped2.Grouped),
+      description: "Where is this fields position in a group",
+      table: {
+        defaultValue: {
+          summary: _Grouped2.Grouped.none
+        }
+      }
+    },
+    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 InputStates can have an icon. Control with this property if it gets shown or not."
+    },
+    iconLeft: {
+      control: {
+        type: "none"
+      },
+      description: "Will be displayed left to the input text.<br>Use Font-awesome Icons."
+    }
+  }
+};
+module.exports = meta;
+const Docs = exports.Docs = {
+  render: args => ({
+    components: {
+      AntBaseInput: _AntBaseInput2.default
+    },
+    setup: () => {
+      return {
+        args
+      };
+    },
+    template: `
+      <AntBaseInput
+        v-model="args.modelValue"
+        v-bind="args"
+      />`
+  }),
+  args: {
+    modelValue: null,
+    placeholder: "Placeholder"
+  }
+};
+const withValidator = exports.withValidator = {
+  render: args => ({
+    components: {
+      AntBaseInput: _AntBaseInput2.default
+    },
+    setup: () => {
+      const validator = (0, _vue.reactive)((0, _validate.useFieldValidator)([_validate.isRequiredRule, _validate.notBlankRule]));
+      return {
+        args,
+        validator,
+        InputState: _enums.InputState
+      };
+    },
+    template: `
+      <AntBaseInput
+        v-model="args.modelValue"
+        v-bind="args"
+        :state="args.state ? args.state : (validator.hasErrors() ? InputState.danger : undefined)"
+        @validate="(val) => validator.validate(val)"
+      />`
+  }),
+  args: {
+    ...Docs.args,
+    modelValue: ""
+  }
+};
+const Nullable = exports.Nullable = {
+  render: Docs.render,
+  args: {
+    ...Docs.args,
+    nullable: true
+  }
+};
+const IconLeft = exports.IconLeft = {
+  render: Docs.render,
+  args: {
+    ...Docs.args,
+    iconLeft: _freeSolidSvgIcons.faSearch
+  }
+};
+const IconRight = exports.IconRight = {
+  render: args => ({
+    components: {
+      AntBaseInput: _AntBaseInput2.default,
+      AntIcon: _AntIcon.default
+    },
+    setup: () => {
+      return {
+        args,
+        faEye: _freeSolidSvgIcons.faEye
+      };
+    },
+    template: `
+      <AntBaseInput
+        v-model="args.modelValue"
+        v-bind="args"
+      >
+        <template #icon-right>
+          <AntIcon :icon="faEye"/>
+        </template>
+      </AntBaseInput>`
+  }),
+  args: {
+    ...Docs.args
+  }
+};
+const Summary = exports.Summary = {
+  parameters: {
+    chromatic: {
+      disableSnapshot: false
+    }
+  },
+  render: args => ({
+    components: {
+      AntBaseInput: _AntBaseInput2.default,
+      AntButton: _AntButton.default,
+      AntFormGroup: _AntFormGroup.default,
+      AntFormGroupLabel: _AntFormGroupLabel.default
+    },
+    setup: () => {
+      return {
+        args,
+        faSearch: _freeSolidSvgIcons.faSearch,
+        Direction: _Direction.Direction,
+        Size: _Size.Size
+      };
+    },
+    template: `
+      <AntFormGroup>
+        <AntFormGroupLabel>State</AntFormGroupLabel>
+        <AntFormGroup :direction="Direction.row">
+          <AntBaseInput v-bind="args" v-model="modelValue" state="base"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" state="info"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" state="success"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" state="warning"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" state="danger"/>
+        </AntFormGroup>
+
+        <AntFormGroupLabel>Size</AntFormGroupLabel>
+        <AntFormGroup :direction="Direction.row">
+          <AntBaseInput v-bind="args" v-model="modelValue" state="base" :size="Size.lg"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" state="info" :size="Size.md"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" state="success" :size="Size.sm"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" state="warning" :size="Size.xs"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" state="danger" :size="Size.xs2"/>
+        </AntFormGroup>
+
+        <AntFormGroupLabel>Value</AntFormGroupLabel>
+        <AntFormGroup :direction="Direction.row">
+          <AntBaseInput v-bind="args" value="A value" state="base"/>
+          <AntBaseInput v-bind="args" value="A value" state="info"/>
+          <AntBaseInput v-bind="args" value="A value" state="success"/>
+          <AntBaseInput v-bind="args" value="A value" state="warning"/>
+          <AntBaseInput v-bind="args" value="A value" state="danger"/>
+        </AntFormGroup>
+
+        <AntFormGroupLabel>Disabled</AntFormGroupLabel>
+        <AntFormGroup :direction="Direction.row">
+          <AntBaseInput v-bind="args" value="A value" disabled state="base"/>
+          <AntBaseInput v-bind="args" value="A value" disabled state="info"/>
+          <AntBaseInput v-bind="args" value="A value" disabled state="success"/>
+          <AntBaseInput v-bind="args" value="A value" disabled state="warning"/>
+          <AntBaseInput v-bind="args" value="A value" disabled state="danger"/>
+        </AntFormGroup>
+
+        <AntFormGroupLabel>Value & Nullable</AntFormGroupLabel>
+        <AntFormGroup :direction="Direction.row">
+          <AntBaseInput v-bind="args" value="A value" nullable state="base"/>
+          <AntBaseInput v-bind="args" value="A value" nullable state="info"/>
+          <AntBaseInput v-bind="args" value="A value" nullable state="success"/>
+          <AntBaseInput v-bind="args" value="A value" nullable state="warning"/>
+          <AntBaseInput v-bind="args" value="A value" nullable state="danger"/>
+        </AntFormGroup>
+
+        <AntFormGroupLabel>Value & Nullable & Disabled</AntFormGroupLabel>
+        <AntFormGroup :direction="Direction.row">
+          <AntBaseInput v-bind="args" value="A value" nullable disabled state="base"/>
+          <AntBaseInput v-bind="args" value="A value" nullable disabled state="info"/>
+          <AntBaseInput v-bind="args" value="A value" nullable disabled state="success"/>
+          <AntBaseInput v-bind="args" value="A value" nullable disabled state="warning"/>
+          <AntBaseInput v-bind="args" value="A value" nullable disabled state="danger"/>
+        </AntFormGroup>
+
+        <AntFormGroupLabel>Placeholder</AntFormGroupLabel>
+        <AntFormGroup :direction="Direction.row">
+          <AntBaseInput v-bind="args" v-model="modelValue" :show-icon="false" state="base"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" :show-icon="false" state="info"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" :show-icon="false" state="success"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" :show-icon="false" state="warning"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" :show-icon="false" state="danger"/>
+        </AntFormGroup>
+
+        <AntFormGroupLabel>Icon left</AntFormGroupLabel>
+        <AntFormGroup :direction="Direction.row">
+          <AntBaseInput v-bind="args" v-model="modelValue" :icon-left="faSearch" state="base"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" :icon-left="faSearch" state="info"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" :icon-left="faSearch" state="success"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" :icon-left="faSearch" state="warning"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" :icon-left="faSearch" state="danger"/>
+        </AntFormGroup>
+
+        <AntFormGroupLabel>Grouped</AntFormGroupLabel>
+        <div class="flex gap-[-2px]">
+          <AntBaseInput v-bind="args" v-model="modelValue" grouped="left"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" grouped="center" state="danger"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" grouped="right" state="info"/>
+        </div>
+      </AntFormGroup>`
+  }),
+  args: {
+    placeholder: "Placeholder"
+  }
+};

package/dist/components/inputs/Elements/__stories/AntBaseInput.stories.mjs

@@ -0,0 +1,234 @@
+import { Size } from "../../../../enums/Size.enum.mjs";
+import { BaseInputType } from "../__types/AntBaseInput.types.mjs";
+import AntBaseInput from "../AntBaseInput.vue";
+import AntButton from "../../../buttons/AntButton.vue";
+import AntIcon from "../../../AntIcon.vue";
+import { Grouped as _Grouped } from "../../../../enums/Grouped.enum.mjs";
+import { isRequiredRule, notBlankRule, useFieldValidator } from "@antify/validate";
+import { reactive } from "vue";
+import { faSearch, faEye } from "@fortawesome/free-solid-svg-icons";
+import { InputState } from "../../../../enums/index.mjs";
+import AntFormGroup from "../../../forms/AntFormGroup.vue";
+import AntFormGroupLabel from "../../../forms/AntFormGroupLabel.vue";
+import { Direction } from "../../../../enums/Direction.enum.mjs";
+const meta = {
+  computed: {
+    Direction() {
+      return Direction;
+    }
+  },
+  components: { AntFormGroup },
+  title: "Inputs/Elements/Base Input",
+  component: AntBaseInput,
+  parameters: { controls: { sort: "requiredFirst" } },
+  argTypes: {
+    modelValue: {
+      control: { type: "text" },
+      table: { type: { summary: "string|number|null" } }
+    },
+    type: {
+      control: { type: "select" },
+      options: Object.values(BaseInputType),
+      table: { defaultValue: { summary: BaseInputType.text } }
+    },
+    state: {
+      control: { type: "select" },
+      options: Object.values(InputState)
+    },
+    size: {
+      control: { type: "select" },
+      options: Object.values(Size),
+      table: { defaultValue: { summary: Size.md } }
+    },
+    placeholder: {
+      control: "text",
+      table: { defaultValue: { summary: "this.label" } }
+    },
+    grouped: {
+      control: { type: "select" },
+      options: Object.values(_Grouped),
+      description: "Where is this fields position in a group",
+      table: { defaultValue: { summary: _Grouped.none } }
+    },
+    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 InputStates can have an icon. Control with this property if it gets shown or not."
+    },
+    iconLeft: {
+      control: { type: "none" },
+      description: "Will be displayed left to the input text.<br>Use Font-awesome Icons."
+    }
+  }
+};
+export default meta;
+export const Docs = {
+  render: (args) => ({
+    components: { AntBaseInput },
+    setup: () => {
+      return { args };
+    },
+    template: `
+      <AntBaseInput
+        v-model="args.modelValue"
+        v-bind="args"
+      />`
+  }),
+  args: {
+    modelValue: null,
+    placeholder: "Placeholder"
+  }
+};
+export const withValidator = {
+  render: (args) => ({
+    components: { AntBaseInput },
+    setup: () => {
+      const validator = reactive(useFieldValidator([isRequiredRule, notBlankRule]));
+      return { args, validator, InputState };
+    },
+    template: `
+      <AntBaseInput
+        v-model="args.modelValue"
+        v-bind="args"
+        :state="args.state ? args.state : (validator.hasErrors() ? InputState.danger : undefined)"
+        @validate="(val) => validator.validate(val)"
+      />`
+  }),
+  args: {
+    ...Docs.args,
+    modelValue: ""
+  }
+};
+export const Nullable = {
+  render: Docs.render,
+  args: {
+    ...Docs.args,
+    nullable: true
+  }
+};
+export const IconLeft = {
+  render: Docs.render,
+  args: {
+    ...Docs.args,
+    iconLeft: faSearch
+  }
+};
+export const IconRight = {
+  render: (args) => ({
+    components: { AntBaseInput, AntIcon },
+    setup: () => {
+      return { args, faEye };
+    },
+    template: `
+      <AntBaseInput
+        v-model="args.modelValue"
+        v-bind="args"
+      >
+        <template #icon-right>
+          <AntIcon :icon="faEye"/>
+        </template>
+      </AntBaseInput>`
+  }),
+  args: {
+    ...Docs.args
+  }
+};
+export const Summary = {
+  parameters: {
+    chromatic: { disableSnapshot: false }
+  },
+  render: (args) => ({
+    components: { AntBaseInput, AntButton, AntFormGroup, AntFormGroupLabel },
+    setup: () => {
+      return { args, faSearch, Direction, Size };
+    },
+    template: `
+      <AntFormGroup>
+        <AntFormGroupLabel>State</AntFormGroupLabel>
+        <AntFormGroup :direction="Direction.row">
+          <AntBaseInput v-bind="args" v-model="modelValue" state="base"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" state="info"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" state="success"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" state="warning"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" state="danger"/>
+        </AntFormGroup>
+
+        <AntFormGroupLabel>Size</AntFormGroupLabel>
+        <AntFormGroup :direction="Direction.row">
+          <AntBaseInput v-bind="args" v-model="modelValue" state="base" :size="Size.lg"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" state="info" :size="Size.md"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" state="success" :size="Size.sm"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" state="warning" :size="Size.xs"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" state="danger" :size="Size.xs2"/>
+        </AntFormGroup>
+
+        <AntFormGroupLabel>Value</AntFormGroupLabel>
+        <AntFormGroup :direction="Direction.row">
+          <AntBaseInput v-bind="args" value="A value" state="base"/>
+          <AntBaseInput v-bind="args" value="A value" state="info"/>
+          <AntBaseInput v-bind="args" value="A value" state="success"/>
+          <AntBaseInput v-bind="args" value="A value" state="warning"/>
+          <AntBaseInput v-bind="args" value="A value" state="danger"/>
+        </AntFormGroup>
+
+        <AntFormGroupLabel>Disabled</AntFormGroupLabel>
+        <AntFormGroup :direction="Direction.row">
+          <AntBaseInput v-bind="args" value="A value" disabled state="base"/>
+          <AntBaseInput v-bind="args" value="A value" disabled state="info"/>
+          <AntBaseInput v-bind="args" value="A value" disabled state="success"/>
+          <AntBaseInput v-bind="args" value="A value" disabled state="warning"/>
+          <AntBaseInput v-bind="args" value="A value" disabled state="danger"/>
+        </AntFormGroup>
+
+        <AntFormGroupLabel>Value & Nullable</AntFormGroupLabel>
+        <AntFormGroup :direction="Direction.row">
+          <AntBaseInput v-bind="args" value="A value" nullable state="base"/>
+          <AntBaseInput v-bind="args" value="A value" nullable state="info"/>
+          <AntBaseInput v-bind="args" value="A value" nullable state="success"/>
+          <AntBaseInput v-bind="args" value="A value" nullable state="warning"/>
+          <AntBaseInput v-bind="args" value="A value" nullable state="danger"/>
+        </AntFormGroup>
+
+        <AntFormGroupLabel>Value & Nullable & Disabled</AntFormGroupLabel>
+        <AntFormGroup :direction="Direction.row">
+          <AntBaseInput v-bind="args" value="A value" nullable disabled state="base"/>
+          <AntBaseInput v-bind="args" value="A value" nullable disabled state="info"/>
+          <AntBaseInput v-bind="args" value="A value" nullable disabled state="success"/>
+          <AntBaseInput v-bind="args" value="A value" nullable disabled state="warning"/>
+          <AntBaseInput v-bind="args" value="A value" nullable disabled state="danger"/>
+        </AntFormGroup>
+
+        <AntFormGroupLabel>Placeholder</AntFormGroupLabel>
+        <AntFormGroup :direction="Direction.row">
+          <AntBaseInput v-bind="args" v-model="modelValue" :show-icon="false" state="base"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" :show-icon="false" state="info"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" :show-icon="false" state="success"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" :show-icon="false" state="warning"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" :show-icon="false" state="danger"/>
+        </AntFormGroup>
+
+        <AntFormGroupLabel>Icon left</AntFormGroupLabel>
+        <AntFormGroup :direction="Direction.row">
+          <AntBaseInput v-bind="args" v-model="modelValue" :icon-left="faSearch" state="base"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" :icon-left="faSearch" state="info"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" :icon-left="faSearch" state="success"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" :icon-left="faSearch" state="warning"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" :icon-left="faSearch" state="danger"/>
+        </AntFormGroup>
+
+        <AntFormGroupLabel>Grouped</AntFormGroupLabel>
+        <div class="flex gap-[-2px]">
+          <AntBaseInput v-bind="args" v-model="modelValue" grouped="left"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" grouped="center" state="danger"/>
+          <AntBaseInput v-bind="args" v-model="modelValue" grouped="right" state="info"/>
+        </div>
+      </AntFormGroup>`
+  }),
+  args: {
+    placeholder: "Placeholder"
+  }
+};

package/dist/components/inputs/Elements/__stories/AntInputDescription.stories.d.ts

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

package/dist/components/inputs/Elements/__stories/AntInputDescription.stories.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.Docs = void 0;
+var _AntInputDescription = _interopRequireDefault(require("../AntInputDescription.vue"));
+var _Size = require("../../../../enums/Size.enum");
+var _enums = require("../../../../enums");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const meta = {
+  title: "Inputs/Elements/Ant Input Description",
+  component: _AntInputDescription.default,
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
+  argTypes: {
+    size: {
+      control: {
+        type: "select"
+      },
+      options: Object.values(_Size.Size),
+      table: {
+        defaultValue: {
+          summary: _Size.Size.md
+        }
+      }
+    },
+    skeleton: {
+      control: "boolean",
+      table: {
+        defaultValue: {
+          summary: false
+        }
+      }
+    },
+    state: {
+      control: {
+        type: "select"
+      },
+      options: Object.values(_enums.InputState)
+    }
+  }
+};
+module.exports = meta;
+const Docs = exports.Docs = {
+  render: args => ({
+    components: {
+      AntInputDescription: _AntInputDescription.default
+    },
+    setup() {
+      return {
+        args
+      };
+    },
+    template: '<div class="p-4"><AntInputDescription v-bind="args">Description</AntInputDescription></div>'
+  }),
+  args: {}
+};

package/dist/components/inputs/Elements/__stories/AntInputDescription.stories.mjs

@@ -0,0 +1,34 @@
+import AntInputDescription from "../AntInputDescription.vue";
+import { Size } from "../../../../enums/Size.enum.mjs";
+import { InputState } from "../../../../enums/index.mjs";
+const meta = {
+  title: "Inputs/Elements/Ant Input Description",
+  component: AntInputDescription,
+  parameters: { controls: { sort: "requiredFirst" } },
+  argTypes: {
+    size: {
+      control: { type: "select" },
+      options: Object.values(Size),
+      table: { defaultValue: { summary: Size.md } }
+    },
+    skeleton: {
+      control: "boolean",
+      table: { defaultValue: { summary: false } }
+    },
+    state: {
+      control: { type: "select" },
+      options: Object.values(InputState)
+    }
+  }
+};
+export default meta;
+export const Docs = {
+  render: (args) => ({
+    components: { AntInputDescription },
+    setup() {
+      return { args };
+    },
+    template: '<div class="p-4"><AntInputDescription v-bind="args">Description</AntInputDescription></div>'
+  }),
+  args: {}
+};

package/dist/components/inputs/Elements/__stories/AntInputLabel.stories.d.ts

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