cisse-vue-ui 0.6.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/dist/{FilterTabs.vue_vue_type_script_setup_true_lang-AFYkni3y.js → FilterTabs.vue_vue_type_script_setup_true_lang-C5vnz3qo.js} +2 -2
  2. package/dist/{FilterTabs.vue_vue_type_script_setup_true_lang-AFYkni3y.js.map → FilterTabs.vue_vue_type_script_setup_true_lang-C5vnz3qo.js.map} +1 -1
  3. package/dist/{FormActions.vue_vue_type_script_setup_true_lang-d2aur5Pu.js → TagsInput-C4wBPfrj.js} +1525 -235
  4. package/dist/TagsInput-C4wBPfrj.js.map +1 -0
  5. package/dist/{FormActions.vue_vue_type_script_setup_true_lang-DzN_fbUC.cjs → TagsInput-ClqgyR9O.cjs} +1520 -230
  6. package/dist/TagsInput-ClqgyR9O.cjs.map +1 -0
  7. package/dist/cisse-vue-ui.css +10 -0
  8. package/dist/components/core/index.js +1 -1
  9. package/dist/components/form/EmailInput.stories.d.ts +13 -0
  10. package/dist/components/form/EmailInput.test.d.ts +1 -0
  11. package/dist/components/form/EmailInput.vue.d.ts +32 -0
  12. package/dist/components/form/InputWrapper.stories.d.ts +16 -0
  13. package/dist/components/form/InputWrapper.test.d.ts +1 -0
  14. package/dist/components/form/InputWrapper.vue.d.ts +40 -0
  15. package/dist/components/form/MoneyInput.stories.d.ts +16 -0
  16. package/dist/components/form/MoneyInput.test.d.ts +1 -0
  17. package/dist/components/form/MoneyInput.vue.d.ts +40 -0
  18. package/dist/components/form/NumberInput.stories.d.ts +14 -0
  19. package/dist/components/form/NumberInput.test.d.ts +1 -0
  20. package/dist/components/form/NumberInput.vue.d.ts +39 -0
  21. package/dist/components/form/OTPInput.stories.d.ts +13 -0
  22. package/dist/components/form/OTPInput.test.d.ts +1 -0
  23. package/dist/components/form/OTPInput.vue.d.ts +33 -0
  24. package/dist/components/form/PasswordInput.stories.d.ts +15 -0
  25. package/dist/components/form/PasswordInput.test.d.ts +1 -0
  26. package/dist/components/form/PasswordInput.vue.d.ts +36 -0
  27. package/dist/components/form/PercentInput.stories.d.ts +12 -0
  28. package/dist/components/form/PercentInput.test.d.ts +1 -0
  29. package/dist/components/form/PercentInput.vue.d.ts +38 -0
  30. package/dist/components/form/PhoneInput.stories.d.ts +13 -0
  31. package/dist/components/form/PhoneInput.test.d.ts +1 -0
  32. package/dist/components/form/PhoneInput.vue.d.ts +76 -0
  33. package/dist/components/form/QuantityInput.stories.d.ts +12 -0
  34. package/dist/components/form/QuantityInput.test.d.ts +1 -0
  35. package/dist/components/form/QuantityInput.vue.d.ts +32 -0
  36. package/dist/components/form/TagsInput.stories.d.ts +13 -0
  37. package/dist/components/form/TagsInput.test.d.ts +1 -0
  38. package/dist/components/form/TagsInput.vue.d.ts +37 -0
  39. package/dist/components/form/URLInput.stories.d.ts +11 -0
  40. package/dist/components/form/URLInput.test.d.ts +1 -0
  41. package/dist/components/form/URLInput.vue.d.ts +32 -0
  42. package/dist/components/form/index.cjs +29 -18
  43. package/dist/components/form/index.cjs.map +1 -1
  44. package/dist/components/form/index.d.ts +15 -0
  45. package/dist/components/form/index.js +14 -3
  46. package/dist/components/index.cjs +29 -18
  47. package/dist/components/index.cjs.map +1 -1
  48. package/dist/components/index.js +15 -4
  49. package/dist/{index-Bp7Mpfbi.cjs → index-CRoTVc47.cjs} +31 -20
  50. package/dist/index-CRoTVc47.cjs.map +1 -0
  51. package/dist/index-D49k0PP0.js +95 -0
  52. package/dist/index-D49k0PP0.js.map +1 -0
  53. package/dist/{index-BaWpldIJ.js → index-SNefWfX0.js} +3 -3
  54. package/dist/{index-BaWpldIJ.js.map → index-SNefWfX0.js.map} +1 -1
  55. package/dist/index.cjs +30 -19
  56. package/dist/index.cjs.map +1 -1
  57. package/dist/index.js +26 -15
  58. package/dist/style.css +1 -1
  59. package/package.json +1 -1
  60. package/dist/FormActions.vue_vue_type_script_setup_true_lang-DzN_fbUC.cjs.map +0 -1
  61. package/dist/FormActions.vue_vue_type_script_setup_true_lang-d2aur5Pu.js.map +0 -1
  62. package/dist/index-6hQQcCpF.js +0 -84
  63. package/dist/index-6hQQcCpF.js.map +0 -1
  64. package/dist/index-Bp7Mpfbi.cjs.map +0 -1
@@ -0,0 +1,40 @@
1
+ export type InputWrapperSize = 'sm' | 'md' | 'lg';
2
+ type __VLS_Props = {
3
+ /** Icon on the left (Iconify format) */
4
+ icon?: string;
5
+ /** Icon on the right (Iconify format) */
6
+ iconRight?: string;
7
+ /** Input size */
8
+ size?: InputWrapperSize;
9
+ /** Invalid/error state */
10
+ invalid?: boolean;
11
+ /** Disabled state */
12
+ disabled?: boolean;
13
+ /** Custom wrapper classes */
14
+ wrapperClass?: string;
15
+ };
16
+ declare function __VLS_template(): {
17
+ attrs: Partial<{}>;
18
+ slots: {
19
+ icon?(_: {}): any;
20
+ default?(_: {
21
+ inputClass: (string | false)[];
22
+ }): any;
23
+ actions?(_: {}): any;
24
+ };
25
+ refs: {};
26
+ rootEl: HTMLDivElement;
27
+ };
28
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
29
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
30
+ inputClass: import('vue').ComputedRef<(string | false)[]>;
31
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
32
+ size: InputWrapperSize;
33
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
34
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
35
+ export default _default;
36
+ type __VLS_WithTemplateSlots<T, S> = T & {
37
+ new (): {
38
+ $slots: S;
39
+ };
40
+ };
@@ -0,0 +1,16 @@
1
+ import { Meta, StoryObj } from '@storybook/vue3-vite';
2
+ import { default as MoneyInput } from './MoneyInput.vue';
3
+ declare const meta: Meta<typeof MoneyInput>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const WithValue: Story;
8
+ export declare const Euro: Story;
9
+ export declare const USD: Story;
10
+ export declare const CFA: Story;
11
+ export declare const GBP: Story;
12
+ export declare const WithMinMax: Story;
13
+ export declare const NoDecimals: Story;
14
+ export declare const Sizes: Story;
15
+ export declare const Disabled: Story;
16
+ export declare const AllCurrencies: Story;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,40 @@
1
+ import { InputWrapperSize } from './InputWrapper.vue';
2
+ export type Currency = 'EUR' | 'USD' | 'GBP' | 'XOF' | 'MAD' | 'CHF' | 'CAD';
3
+ type __VLS_Props = {
4
+ /** Placeholder text */
5
+ placeholder?: string;
6
+ /** Input size */
7
+ size?: InputWrapperSize;
8
+ /** Disabled state */
9
+ disabled?: boolean;
10
+ /** Currency code */
11
+ currency?: Currency;
12
+ /** Minimum value */
13
+ min?: number;
14
+ /** Maximum value */
15
+ max?: number;
16
+ /** Decimal places */
17
+ decimals?: number;
18
+ /** Input name */
19
+ name?: string;
20
+ /** Input id */
21
+ id?: string;
22
+ /** Required field */
23
+ required?: boolean;
24
+ /** Aria describedby */
25
+ describedBy?: string;
26
+ };
27
+ type __VLS_PublicProps = {
28
+ modelValue?: number | null;
29
+ } & __VLS_Props;
30
+ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
31
+ "update:modelValue": (value: number | null) => any;
32
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
33
+ "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
34
+ }>, {
35
+ size: InputWrapperSize;
36
+ placeholder: string;
37
+ currency: Currency;
38
+ decimals: number;
39
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
40
+ export default _default;
@@ -0,0 +1,14 @@
1
+ import { Meta, StoryObj } from '@storybook/vue3-vite';
2
+ import { default as NumberInput } from './NumberInput.vue';
3
+ declare const meta: Meta<typeof NumberInput>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const WithValue: Story;
8
+ export declare const WithMinMax: Story;
9
+ export declare const CustomStep: Story;
10
+ export declare const DecimalStep: Story;
11
+ export declare const WithoutStepper: Story;
12
+ export declare const Sizes: Story;
13
+ export declare const Disabled: Story;
14
+ export declare const AgeInput: Story;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,39 @@
1
+ import { InputWrapperSize } from './InputWrapper.vue';
2
+ type __VLS_Props = {
3
+ /** Placeholder text */
4
+ placeholder?: string;
5
+ /** Input size */
6
+ size?: InputWrapperSize;
7
+ /** Disabled state */
8
+ disabled?: boolean;
9
+ /** Minimum value */
10
+ min?: number;
11
+ /** Maximum value */
12
+ max?: number;
13
+ /** Step value */
14
+ step?: number;
15
+ /** Input name */
16
+ name?: string;
17
+ /** Input id */
18
+ id?: string;
19
+ /** Required field */
20
+ required?: boolean;
21
+ /** Aria describedby */
22
+ describedBy?: string;
23
+ /** Show stepper buttons */
24
+ showStepper?: boolean;
25
+ };
26
+ type __VLS_PublicProps = {
27
+ modelValue?: number | null;
28
+ } & __VLS_Props;
29
+ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
30
+ "update:modelValue": (value: number | null) => any;
31
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
32
+ "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
33
+ }>, {
34
+ size: InputWrapperSize;
35
+ placeholder: string;
36
+ step: number;
37
+ showStepper: boolean;
38
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
39
+ export default _default;
@@ -0,0 +1,13 @@
1
+ import { Meta, StoryObj } from '@storybook/vue3-vite';
2
+ import { default as OTPInput } from './OTPInput.vue';
3
+ declare const meta: Meta<typeof OTPInput>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const WithValue: Story;
8
+ export declare const FourDigits: Story;
9
+ export declare const Masked: Story;
10
+ export declare const Sizes: Story;
11
+ export declare const Disabled: Story;
12
+ export declare const VerificationForm: Story;
13
+ export declare const PhoneVerification: Story;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,33 @@
1
+ import { InputWrapperSize } from './InputWrapper.vue';
2
+ type __VLS_Props = {
3
+ /** Number of digits */
4
+ length?: number;
5
+ /** Input size */
6
+ size?: InputWrapperSize;
7
+ /** Disabled state */
8
+ disabled?: boolean;
9
+ /** Auto focus first input */
10
+ autoFocus?: boolean;
11
+ /** Input name prefix */
12
+ name?: string;
13
+ /** Mask input (show dots instead of numbers) */
14
+ masked?: boolean;
15
+ };
16
+ type __VLS_PublicProps = {
17
+ modelValue?: string;
18
+ } & __VLS_Props;
19
+ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
20
+ focus: () => void;
21
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
22
+ "update:modelValue": (value: string) => any;
23
+ complete: (code: string) => any;
24
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
25
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
26
+ onComplete?: ((code: string) => any) | undefined;
27
+ }>, {
28
+ length: number;
29
+ size: InputWrapperSize;
30
+ autoFocus: boolean;
31
+ masked: boolean;
32
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
33
+ export default _default;
@@ -0,0 +1,15 @@
1
+ import { Meta, StoryObj } from '@storybook/vue3-vite';
2
+ import { default as PasswordInput } from './PasswordInput.vue';
3
+ declare const meta: Meta<typeof PasswordInput>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const WithValue: Story;
8
+ export declare const WithStrengthIndicator: Story;
9
+ export declare const WeakPassword: Story;
10
+ export declare const FairPassword: Story;
11
+ export declare const GoodPassword: Story;
12
+ export declare const StrongPassword: Story;
13
+ export declare const Sizes: Story;
14
+ export declare const Disabled: Story;
15
+ export declare const SignUpForm: Story;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,36 @@
1
+ import { InputWrapperSize } from './InputWrapper.vue';
2
+ export type PasswordStrength = 'weak' | 'fair' | 'good' | 'strong';
3
+ type __VLS_Props = {
4
+ /** Placeholder text */
5
+ placeholder?: string;
6
+ /** Input size */
7
+ size?: InputWrapperSize;
8
+ /** Disabled state */
9
+ disabled?: boolean;
10
+ /** Show strength indicator */
11
+ showStrength?: boolean;
12
+ /** Input name */
13
+ name?: string;
14
+ /** Input id */
15
+ id?: string;
16
+ /** Required field */
17
+ required?: boolean;
18
+ /** Aria describedby */
19
+ describedBy?: string;
20
+ /** Minimum length for strength calculation */
21
+ minLength?: number;
22
+ };
23
+ type __VLS_PublicProps = {
24
+ modelValue?: string;
25
+ } & __VLS_Props;
26
+ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
27
+ "update:modelValue": (value: string) => any;
28
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
29
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
30
+ }>, {
31
+ size: InputWrapperSize;
32
+ placeholder: string;
33
+ showStrength: boolean;
34
+ minLength: number;
35
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
36
+ export default _default;
@@ -0,0 +1,12 @@
1
+ import { Meta, StoryObj } from '@storybook/vue3-vite';
2
+ import { default as PercentInput } from './PercentInput.vue';
3
+ declare const meta: Meta<typeof PercentInput>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const WithValue: Story;
8
+ export declare const WithDecimals: Story;
9
+ export declare const CustomRange: Story;
10
+ export declare const Sizes: Story;
11
+ export declare const Disabled: Story;
12
+ export declare const DiscountForm: Story;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,38 @@
1
+ import { InputWrapperSize } from './InputWrapper.vue';
2
+ type __VLS_Props = {
3
+ /** Placeholder text */
4
+ placeholder?: string;
5
+ /** Input size */
6
+ size?: InputWrapperSize;
7
+ /** Disabled state */
8
+ disabled?: boolean;
9
+ /** Minimum value (0-100) */
10
+ min?: number;
11
+ /** Maximum value (0-100) */
12
+ max?: number;
13
+ /** Decimal places */
14
+ decimals?: number;
15
+ /** Input name */
16
+ name?: string;
17
+ /** Input id */
18
+ id?: string;
19
+ /** Required field */
20
+ required?: boolean;
21
+ /** Aria describedby */
22
+ describedBy?: string;
23
+ };
24
+ type __VLS_PublicProps = {
25
+ modelValue?: number | null;
26
+ } & __VLS_Props;
27
+ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
28
+ "update:modelValue": (value: number | null) => any;
29
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
30
+ "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
31
+ }>, {
32
+ size: InputWrapperSize;
33
+ placeholder: string;
34
+ min: number;
35
+ max: number;
36
+ decimals: number;
37
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
38
+ export default _default;
@@ -0,0 +1,13 @@
1
+ import { Meta, StoryObj } from '@storybook/vue3-vite';
2
+ import { default as PhoneInput } from './PhoneInput.vue';
3
+ declare const meta: Meta<typeof PhoneInput>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const WithValue: Story;
8
+ export declare const UnitedStates: Story;
9
+ export declare const Mali: Story;
10
+ export declare const Sizes: Story;
11
+ export declare const Disabled: Story;
12
+ export declare const WithFullNumber: Story;
13
+ export declare const ContactForm: Story;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,76 @@
1
+ import { InputWrapperSize } from './InputWrapper.vue';
2
+ export interface PhoneCountry {
3
+ code: string;
4
+ name: string;
5
+ dialCode: string;
6
+ flag: string;
7
+ }
8
+ export declare const defaultCountries: PhoneCountry[];
9
+ declare const _default: import('vue').DefineComponent<{
10
+ modelValue?: string;
11
+ } & {
12
+ /** Placeholder text */
13
+ placeholder?: string;
14
+ /** Input size */
15
+ size?: InputWrapperSize;
16
+ /** Disabled state */
17
+ disabled?: boolean;
18
+ /** Input name */
19
+ name?: string;
20
+ /** Input id */
21
+ id?: string;
22
+ /** Required field */
23
+ required?: boolean;
24
+ /** Aria describedby */
25
+ describedBy?: string;
26
+ /** Default country code */
27
+ defaultCountry?: string;
28
+ /** Available countries */
29
+ countries?: PhoneCountry[];
30
+ }, {
31
+ selectedCountry: import('vue').Ref<{
32
+ code: string;
33
+ name: string;
34
+ dialCode: string;
35
+ flag: string;
36
+ }, PhoneCountry | {
37
+ code: string;
38
+ name: string;
39
+ dialCode: string;
40
+ flag: string;
41
+ }>;
42
+ fullNumber: import('vue').ComputedRef<string>;
43
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
44
+ "update:modelValue": (value: string) => any;
45
+ }, string, import('vue').PublicProps, Readonly<{
46
+ modelValue?: string;
47
+ } & {
48
+ /** Placeholder text */
49
+ placeholder?: string;
50
+ /** Input size */
51
+ size?: InputWrapperSize;
52
+ /** Disabled state */
53
+ disabled?: boolean;
54
+ /** Input name */
55
+ name?: string;
56
+ /** Input id */
57
+ id?: string;
58
+ /** Required field */
59
+ required?: boolean;
60
+ /** Aria describedby */
61
+ describedBy?: string;
62
+ /** Default country code */
63
+ defaultCountry?: string;
64
+ /** Available countries */
65
+ countries?: PhoneCountry[];
66
+ }> & Readonly<{
67
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
68
+ }>, {
69
+ size: InputWrapperSize;
70
+ placeholder: string;
71
+ defaultCountry: string;
72
+ countries: PhoneCountry[];
73
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
74
+ dropdownRef: HTMLDivElement;
75
+ }, HTMLDivElement>;
76
+ export default _default;
@@ -0,0 +1,12 @@
1
+ import { Meta, StoryObj } from '@storybook/vue3-vite';
2
+ import { default as QuantityInput } from './QuantityInput.vue';
3
+ declare const meta: Meta<typeof QuantityInput>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const WithValue: Story;
8
+ export declare const WithMinMax: Story;
9
+ export declare const CustomStep: Story;
10
+ export declare const Sizes: Story;
11
+ export declare const Disabled: Story;
12
+ export declare const ProductQuantity: Story;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,32 @@
1
+ import { InputWrapperSize } from './InputWrapper.vue';
2
+ type __VLS_Props = {
3
+ /** Input size */
4
+ size?: InputWrapperSize;
5
+ /** Disabled state */
6
+ disabled?: boolean;
7
+ /** Minimum value */
8
+ min?: number;
9
+ /** Maximum value */
10
+ max?: number;
11
+ /** Step value */
12
+ step?: number;
13
+ /** Input name */
14
+ name?: string;
15
+ /** Input id */
16
+ id?: string;
17
+ /** Required field */
18
+ required?: boolean;
19
+ };
20
+ type __VLS_PublicProps = {
21
+ modelValue?: number;
22
+ } & __VLS_Props;
23
+ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
24
+ "update:modelValue": (value: number) => any;
25
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
26
+ "onUpdate:modelValue"?: ((value: number) => any) | undefined;
27
+ }>, {
28
+ size: InputWrapperSize;
29
+ step: number;
30
+ min: number;
31
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
32
+ export default _default;
@@ -0,0 +1,13 @@
1
+ import { Meta, StoryObj } from '@storybook/vue3-vite';
2
+ import { default as TagsInput } from './TagsInput.vue';
3
+ declare const meta: Meta<typeof TagsInput>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const WithTags: Story;
8
+ export declare const WithMaxLimit: Story;
9
+ export declare const AllowDuplicates: Story;
10
+ export declare const Sizes: Story;
11
+ export declare const Disabled: Story;
12
+ export declare const SkillsInput: Story;
13
+ export declare const EmailRecipients: Story;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,37 @@
1
+ import { InputWrapperSize } from './InputWrapper.vue';
2
+ type __VLS_Props = {
3
+ /** Placeholder text */
4
+ placeholder?: string;
5
+ /** Input size */
6
+ size?: InputWrapperSize;
7
+ /** Disabled state */
8
+ disabled?: boolean;
9
+ /** Maximum number of tags */
10
+ max?: number;
11
+ /** Allow duplicates */
12
+ allowDuplicates?: boolean;
13
+ /** Input name */
14
+ name?: string;
15
+ /** Input id */
16
+ id?: string;
17
+ /** Required field */
18
+ required?: boolean;
19
+ };
20
+ declare function focusInput(): void;
21
+ type __VLS_PublicProps = {
22
+ modelValue?: string[];
23
+ } & __VLS_Props;
24
+ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
25
+ focus: typeof focusInput;
26
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
27
+ "update:modelValue": (value: string[]) => any;
28
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
29
+ "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
30
+ }>, {
31
+ size: InputWrapperSize;
32
+ placeholder: string;
33
+ allowDuplicates: boolean;
34
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
35
+ inputRef: HTMLInputElement;
36
+ }, HTMLDivElement>;
37
+ export default _default;
@@ -0,0 +1,11 @@
1
+ import { Meta, StoryObj } from '@storybook/vue3-vite';
2
+ import { default as URLInput } from './URLInput.vue';
3
+ declare const meta: Meta<typeof URLInput>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const WithValue: Story;
8
+ export declare const InvalidURL: Story;
9
+ export declare const Sizes: Story;
10
+ export declare const Disabled: Story;
11
+ export declare const WebsiteForm: Story;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,32 @@
1
+ import { InputWrapperSize } from './InputWrapper.vue';
2
+ type __VLS_Props = {
3
+ /** Placeholder text */
4
+ placeholder?: string;
5
+ /** Input size */
6
+ size?: InputWrapperSize;
7
+ /** Disabled state */
8
+ disabled?: boolean;
9
+ /** Show validation state */
10
+ showValidation?: boolean;
11
+ /** Input name */
12
+ name?: string;
13
+ /** Input id */
14
+ id?: string;
15
+ /** Required field */
16
+ required?: boolean;
17
+ /** Aria describedby */
18
+ describedBy?: string;
19
+ };
20
+ type __VLS_PublicProps = {
21
+ modelValue?: string;
22
+ } & __VLS_Props;
23
+ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
24
+ "update:modelValue": (value: string) => any;
25
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
26
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
27
+ }>, {
28
+ size: InputWrapperSize;
29
+ placeholder: string;
30
+ showValidation: boolean;
31
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
32
+ export default _default;
@@ -1,23 +1,34 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const FormActions_vue_vue_type_script_setup_true_lang = require("../../FormActions.vue_vue_type_script_setup_true_lang-DzN_fbUC.cjs");
3
+ const TagsInput = require("../../TagsInput-ClqgyR9O.cjs");
4
4
  const index = require("../../index-D1x3TH9k.cjs");
5
- exports.ColorPicker = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$10;
6
- exports.Combobox = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$12;
7
- exports.DatePicker = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$7;
8
- exports.FileUpload = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$8;
9
- exports.FormActions = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$15;
10
- exports.FormGroup = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$4;
11
- exports.FormHelp = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$1;
12
- exports.FormInput = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$2;
13
- exports.FormLabel = FormActions_vue_vue_type_script_setup_true_lang._sfc_main;
14
- exports.FormSection = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$14;
15
- exports.FormSelect = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$3;
16
- exports.IconPicker = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$13;
17
- exports.RangeSlider = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$11;
18
- exports.Rating = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$9;
19
- exports.SearchInput = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$5;
20
- exports.Slider = FormActions_vue_vue_type_script_setup_true_lang.Slider;
21
- exports.Switch = FormActions_vue_vue_type_script_setup_true_lang._sfc_main$6;
5
+ exports.ColorPicker = TagsInput._sfc_main$10;
6
+ exports.Combobox = TagsInput._sfc_main$12;
7
+ exports.DatePicker = TagsInput._sfc_main$7;
8
+ exports.EmailInput = TagsInput._sfc_main$17;
9
+ exports.FileUpload = TagsInput._sfc_main$8;
10
+ exports.FormActions = TagsInput._sfc_main$15;
11
+ exports.FormGroup = TagsInput._sfc_main$4;
12
+ exports.FormHelp = TagsInput._sfc_main$1;
13
+ exports.FormInput = TagsInput._sfc_main$2;
14
+ exports.FormLabel = TagsInput._sfc_main;
15
+ exports.FormSection = TagsInput._sfc_main$14;
16
+ exports.FormSelect = TagsInput._sfc_main$3;
17
+ exports.IconPicker = TagsInput._sfc_main$13;
18
+ exports.InputWrapper = TagsInput._sfc_main$16;
19
+ exports.MoneyInput = TagsInput._sfc_main$21;
20
+ exports.NumberInput = TagsInput._sfc_main$20;
21
+ exports.OTPInput = TagsInput._sfc_main$25;
22
+ exports.PasswordInput = TagsInput._sfc_main$18;
23
+ exports.PercentInput = TagsInput._sfc_main$22;
24
+ exports.PhoneInput = TagsInput._sfc_main$19;
25
+ exports.QuantityInput = TagsInput._sfc_main$23;
26
+ exports.RangeSlider = TagsInput._sfc_main$11;
27
+ exports.Rating = TagsInput._sfc_main$9;
28
+ exports.SearchInput = TagsInput._sfc_main$5;
29
+ exports.Slider = TagsInput.Slider;
30
+ exports.Switch = TagsInput._sfc_main$6;
31
+ exports.TagsInput = TagsInput.TagsInput;
32
+ exports.URLInput = TagsInput._sfc_main$24;
22
33
  exports.Checkbox = index._sfc_main;
23
34
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -16,6 +16,21 @@ export { default as Combobox } from './Combobox.vue';
16
16
  export { default as IconPicker } from './IconPicker.vue';
17
17
  export { default as FormSection } from './FormSection.vue';
18
18
  export { default as FormActions } from './FormActions.vue';
19
+ export { default as InputWrapper } from './InputWrapper.vue';
20
+ export { default as EmailInput } from './EmailInput.vue';
21
+ export { default as PasswordInput } from './PasswordInput.vue';
22
+ export { default as PhoneInput } from './PhoneInput.vue';
23
+ export { default as NumberInput } from './NumberInput.vue';
24
+ export { default as MoneyInput } from './MoneyInput.vue';
25
+ export { default as PercentInput } from './PercentInput.vue';
26
+ export { default as QuantityInput } from './QuantityInput.vue';
27
+ export { default as URLInput } from './URLInput.vue';
28
+ export { default as OTPInput } from './OTPInput.vue';
29
+ export { default as TagsInput } from './TagsInput.vue';
30
+ export type { InputWrapperSize } from './InputWrapper.vue';
31
+ export type { PasswordStrength } from './PasswordInput.vue';
32
+ export type { PhoneCountry } from './PhoneInput.vue';
33
+ export type { Currency } from './MoneyInput.vue';
19
34
  export type { UploadedFile } from './FileUpload.vue';
20
35
  export type { RatingSize } from './Rating.vue';
21
36
  export type { ComboboxOption } from './Combobox.vue';