@feedmepos/ui-library 0.0.13 → 0.0.15

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 (220) hide show
  1. package/dist/components/badge/FmBadge.stories.d.ts +11 -0
  2. package/dist/components/badge/FmBadge.vue.d.ts +44 -0
  3. package/dist/components/breadcrumb/FmBreadcrumb.stories.d.ts +6 -0
  4. package/dist/components/button/FmButton.stories.d.ts +162 -0
  5. package/dist/components/button/FmButton.vue.d.ts +9 -9
  6. package/dist/components/button-group/FmButtonGroup.stories.d.ts +7 -0
  7. package/dist/components/card/FmCard.stories.d.ts +6 -0
  8. package/dist/components/card/FmCard.vue.d.ts +1 -1
  9. package/dist/components/chart/line/FmLine.stories.d.ts +6 -0
  10. package/dist/components/chip/FmChip.stories.d.ts +7 -0
  11. package/dist/components/chip/FmChip.vue.d.ts +88 -0
  12. package/dist/components/chip-group/FmChipGroup.stories.d.ts +6 -0
  13. package/dist/components/chip-group/FmChipGroup.vue.d.ts +61 -0
  14. package/dist/components/dialog/FmDialog.stories.d.ts +6 -0
  15. package/dist/components/drop-field/FmDropField.stories.d.ts +6 -0
  16. package/dist/components/drop-field/FmDropField.vue.d.ts +0 -1
  17. package/dist/components/dynamic-dialog/FmDynamicDialog.vue.d.ts +29 -26
  18. package/dist/components/form/checkbox/FmCheckbox.stories.d.ts +6 -0
  19. package/dist/components/form/checkbox/FmCheckbox.vue.d.ts +18 -6
  20. package/dist/components/form/date-picker/FmDatePicker.stories.d.ts +6 -0
  21. package/dist/components/{date-picker → form/date-picker}/FmDatePicker.vue.d.ts +4 -8
  22. package/dist/components/form/date-range-picker/FmDateRangePicker.stories.d.ts +6 -0
  23. package/dist/components/{date-range-picker → form/date-range-picker}/FmDateRangePicker.vue.d.ts +4 -8
  24. package/dist/components/form/field/FmField.vue.d.ts +42 -20
  25. package/dist/components/form/form/FmForm.vue.d.ts +1 -0
  26. package/dist/components/form/form-group/FmFormGroup.vue.d.ts +126 -0
  27. package/dist/components/form/helper-text/FmHelperText.stories.d.ts +186 -0
  28. package/dist/components/form/helper-text/FmHelperText.vue.d.ts +54 -0
  29. package/dist/components/form/label/FmLabel.stories.d.ts +6 -0
  30. package/dist/components/form/label/FmLabel.vue.d.ts +73 -0
  31. package/dist/components/form/radio/FmRadio.stories.d.ts +6 -0
  32. package/dist/components/form/radio/FmRadio.vue.d.ts +11 -11
  33. package/dist/components/form/radio-group/FmRadioGroup.stories.d.ts +6 -0
  34. package/dist/components/form/radio-group/FmRadioGroup.vue.d.ts +24 -13
  35. package/dist/components/form/select/FmSelect.stories.d.ts +6 -0
  36. package/dist/components/form/select/FmSelect.vue.d.ts +20 -20
  37. package/dist/components/form/stepper-field/FmStepperField.stories.d.ts +6 -0
  38. package/dist/components/form/stepper-field/FmStepperField.vue.d.ts +26 -33
  39. package/dist/components/form/switch/FmSwitch.stories.d.ts +6 -0
  40. package/dist/components/form/switch/FmSwitch.vue.d.ts +8 -8
  41. package/dist/components/form/text-field/FmTextField.stories.d.ts +6 -0
  42. package/dist/components/form/text-field/FmTextField.vue.d.ts +59 -79
  43. package/dist/components/form/textarea/FmTextarea.stories.d.ts +6 -0
  44. package/dist/components/form/textarea/FmTextarea.vue.d.ts +37 -22
  45. package/dist/components/form/time-picker/FmTimePicker.stories.d.ts +6 -0
  46. package/dist/components/{time-picker → form/time-picker}/FmTimePicker.vue.d.ts +2 -2
  47. package/dist/components/icon/FmIcon.stories.d.ts +6 -0
  48. package/dist/components/list/FmList.stories.d.ts +6 -0
  49. package/dist/components/list/FmList.vue.d.ts +9 -9
  50. package/dist/components/list/FmListItem.vue.d.ts +5 -5
  51. package/dist/components/menu/menu-container/FmMenu.stories.d.ts +6 -0
  52. package/dist/components/menu/menu-item/FmMenuItem.vue.d.ts +1 -0
  53. package/dist/components/snackbar/FmSnackbar.stories.d.ts +6 -0
  54. package/dist/components/snackbar/FmSnackbar.vue.d.ts +2 -2
  55. package/dist/components/spacer/FmSpacer.stories.d.ts +6 -0
  56. package/dist/components/stepper/FmStepper.stories.d.ts +6 -0
  57. package/dist/components/tab/FmTab.vue.d.ts +109 -0
  58. package/dist/components/tabs/FmTabs.stories.d.ts +6 -0
  59. package/dist/components/tabs/FmTabs.vue.d.ts +91 -0
  60. package/dist/components/tooltip/FmTooltip.stories.d.ts +7 -0
  61. package/dist/components/tooltip/FmTooltip.vue.d.ts +17 -10
  62. package/dist/components.d.ts +3074 -1560
  63. package/dist/composables/useFormChild.d.ts +12 -4
  64. package/dist/composables/useProxiedModel.d.ts +14 -0
  65. package/dist/composables/useValidation.d.ts +1 -2
  66. package/dist/demo/Badge.vue.d.ts +2 -0
  67. package/dist/demo/Breadcrumb.vue.d.ts +2 -0
  68. package/dist/demo/Button.vue.d.ts +2 -0
  69. package/dist/demo/ButtonGroup.vue.d.ts +2 -0
  70. package/dist/demo/Card.vue.d.ts +2 -0
  71. package/dist/demo/Chip.vue.d.ts +2 -0
  72. package/dist/demo/DatePicker.vue.d.ts +2 -0
  73. package/dist/demo/DateRangePicker.vue.d.ts +2 -0
  74. package/dist/demo/DemoSection.vue.d.ts +29 -0
  75. package/dist/demo/Dialog.vue.d.ts +2 -0
  76. package/dist/demo/DropField.vue.d.ts +2 -0
  77. package/dist/demo/Icon.vue.d.ts +2 -0
  78. package/dist/demo/List.vue.d.ts +2 -0
  79. package/dist/demo/Menu.vue.d.ts +2 -0
  80. package/dist/demo/Snackbar.vue.d.ts +2 -0
  81. package/dist/demo/Stepper.vue.d.ts +2 -0
  82. package/dist/demo/Tabs.vue.d.ts +2 -0
  83. package/dist/demo/TimePicker.vue.d.ts +2 -0
  84. package/dist/demo/Tooltip.vue.d.ts +2 -0
  85. package/dist/demo/chart/Line.vue.d.ts +2 -0
  86. package/dist/demo/demo.d.ts +1 -0
  87. package/dist/demo/form/Checkbox.vue.d.ts +2 -0
  88. package/dist/demo/form/Field.vue.d.ts +2 -0
  89. package/dist/demo/form/Form.vue.d.ts +2 -0
  90. package/dist/demo/form/FormGroup.vue.d.ts +2 -0
  91. package/dist/demo/form/Radio.vue.d.ts +2 -0
  92. package/dist/demo/form/Select.vue.d.ts +2 -0
  93. package/dist/demo/form/Stepper.vue.d.ts +2 -0
  94. package/dist/demo/form/Switch.vue.d.ts +2 -0
  95. package/dist/demo/form/TextField.vue.d.ts +2 -0
  96. package/dist/favicon.ico +0 -0
  97. package/dist/federation/FmBadge-d37c8e51.css +1 -0
  98. package/dist/federation/FmButton-e1b8ddc1.css +1 -0
  99. package/dist/federation/{FmButtonGroup.vue_vue_type_script_setup_true_lang-658ba5f6.js → FmButtonGroup.vue_vue_type_script_setup_true_lang-57bf36e5.js} +1 -1
  100. package/dist/federation/FmCard-1d456952.css +1 -0
  101. package/dist/federation/FmCard.vue_vue_type_style_index_0_lang-e5745164.js +1 -0
  102. package/dist/federation/FmCheckbox-2240ce5a.css +1 -0
  103. package/dist/federation/FmCheckbox.vue_vue_type_style_index_0_lang-820bead5.js +1 -0
  104. package/dist/federation/FmChip.vue_vue_type_script_setup_true_lang-04e92a4b.js +1 -0
  105. package/dist/federation/FmChipGroup.vue_vue_type_script_setup_true_lang-69888bbf.js +1 -0
  106. package/dist/federation/FmDatePicker-4b14e6cc.css +1 -0
  107. package/dist/federation/FmDateRangePicker-c672a83c.css +1 -0
  108. package/dist/federation/FmDialog.vue_vue_type_style_index_0_lang-790dd11b.js +1 -0
  109. package/dist/federation/{FmDropField-b51924c1.css → FmDropField-7af19c42.css} +1 -1
  110. package/dist/federation/FmField-c5942ce3.css +1 -0
  111. package/dist/federation/FmForm.vue_vue_type_script_setup_true_lang-1b9a3581.js +1 -0
  112. package/dist/federation/FmFormGroup.vue_vue_type_script_setup_true_lang-86375b9f.js +1 -0
  113. package/dist/federation/FmHelperText.vue_vue_type_script_setup_true_lang-4a276a94.js +1 -0
  114. package/dist/federation/FmIcon-24e2c414.css +1 -0
  115. package/dist/federation/FmLabel.vue_vue_type_script_setup_true_lang-67dd13f9.js +1 -0
  116. package/dist/federation/{FmMenu-1bf41c36.css → FmMenu-e25988db.css} +1 -1
  117. package/dist/federation/FmMenuItem-dcbc1d3b.css +1 -0
  118. package/dist/federation/FmRadio-5d786858.css +1 -0
  119. package/dist/federation/FmRadioGroup.vue_vue_type_script_setup_true_lang-6c9ef988.js +1 -0
  120. package/dist/federation/{FmSelect-0d4033b1.css → FmSelect-53ed93ae.css} +1 -1
  121. package/dist/federation/FmStepperField-eaf32390.css +1 -0
  122. package/dist/federation/FmSwitch-2b54dde6.css +1 -0
  123. package/dist/federation/FmTab-06cc8498.css +1 -0
  124. package/dist/federation/FmTabs.vue_vue_type_script_setup_true_lang-4f7f70a5.js +1 -0
  125. package/dist/federation/FmTextField-1c52587f.css +1 -0
  126. package/dist/federation/FmTextField.vue_vue_type_style_index_0_lang-cc0bd137.js +1 -0
  127. package/dist/federation/FmTextarea-2efb5592.css +1 -0
  128. package/dist/federation/FmTextarea.vue_vue_type_style_index_0_lang-db014369.js +1 -0
  129. package/dist/federation/{FmTimeInput-0f7c002b.css → FmTimeInput-86f7cb20.css} +1 -1
  130. package/dist/federation/{FmTimeInput.vue_vue_type_style_index_0_lang-afac7a47.js → FmTimeInput.vue_vue_type_style_index_0_lang-973551d9.js} +1 -1
  131. package/dist/federation/FmTimePicker.vue_vue_type_style_index_0_lang-39117a79.js +1 -0
  132. package/dist/federation/FmTooltip.vue_vue_type_script_setup_true_lang-c77d74ba.js +1 -0
  133. package/dist/federation/__federation_expose_FmBadge-62e98f72.js +1 -0
  134. package/dist/federation/__federation_expose_FmButton-1408bfe0.js +8 -0
  135. package/dist/federation/{__federation_expose_FmButtonGroup-3363a7b4.js → __federation_expose_FmButtonGroup-297c233d.js} +1 -1
  136. package/dist/federation/{__federation_expose_FmCard-225848ec.js → __federation_expose_FmCard-1fd75011.js} +1 -1
  137. package/dist/federation/{__federation_expose_FmCheckbox-08a0fd35.js → __federation_expose_FmCheckbox-ad3618ba.js} +1 -1
  138. package/dist/federation/__federation_expose_FmChip-2d4f8358.js +1 -0
  139. package/dist/federation/__federation_expose_FmChipGroup-c4aea5c2.js +1 -0
  140. package/dist/federation/__federation_expose_FmDatePicker-a9955086.js +1 -0
  141. package/dist/federation/__federation_expose_FmDateRangePicker-6a78c00b.js +1 -0
  142. package/dist/federation/{__federation_expose_FmDialog-104bb604.js → __federation_expose_FmDialog-f3ed5b3a.js} +1 -1
  143. package/dist/federation/{__federation_expose_FmDropField-acc0feb2.js → __federation_expose_FmDropField-7c8211ff.js} +1 -1
  144. package/dist/federation/{__federation_expose_FmDynamicDialog-f6d013b7.js → __federation_expose_FmDynamicDialog-93658b7d.js} +1 -1
  145. package/dist/federation/__federation_expose_FmField-5a746740.js +1 -0
  146. package/dist/federation/{__federation_expose_FmForm-81601667.js → __federation_expose_FmForm-76e9d8c1.js} +1 -1
  147. package/dist/federation/__federation_expose_FmFormGroup-e56ec999.js +1 -0
  148. package/dist/federation/__federation_expose_FmHelperText-91bbd6a5.js +1 -0
  149. package/dist/federation/{__federation_expose_FmIcon-e5ab92a8.js → __federation_expose_FmIcon-57254641.js} +1 -1
  150. package/dist/federation/__federation_expose_FmLabel-0533041d.js +1 -0
  151. package/dist/federation/__federation_expose_FmMenu-db95ebff.js +1 -0
  152. package/dist/federation/__federation_expose_FmMenuItem-1be56240.js +1 -0
  153. package/dist/federation/__federation_expose_FmRadio-eed5bd7a.js +1 -0
  154. package/dist/federation/{__federation_expose_FmRadioGroup-31d1b8ae.js → __federation_expose_FmRadioGroup-cc0ea357.js} +1 -1
  155. package/dist/federation/__federation_expose_FmSelect-e09bb8b5.js +1 -0
  156. package/dist/federation/{__federation_expose_FmSnackbar-7af29a69.js → __federation_expose_FmSnackbar-106183bf.js} +1 -1
  157. package/dist/federation/{__federation_expose_FmStep-804e2bea.js → __federation_expose_FmStep-7bb2f4c3.js} +1 -1
  158. package/dist/federation/__federation_expose_FmStepperField-d60c0535.js +1 -0
  159. package/dist/federation/__federation_expose_FmSwitch-3b55edec.js +1 -0
  160. package/dist/federation/__federation_expose_FmTab-7989acbf.js +1 -0
  161. package/dist/federation/__federation_expose_FmTabs-7e273e89.js +1 -0
  162. package/dist/federation/{__federation_expose_FmTextField-09b9d527.js → __federation_expose_FmTextField-af6b2083.js} +1 -1
  163. package/dist/federation/{__federation_expose_FmTextarea-0e9cef06.js → __federation_expose_FmTextarea-3d2e0272.js} +1 -1
  164. package/dist/federation/{__federation_expose_FmTimeInput-852280ab.js → __federation_expose_FmTimeInput-77dad5a1.js} +1 -1
  165. package/dist/federation/{__federation_expose_FmTimePicker-2f0c4dd1.js → __federation_expose_FmTimePicker-c08a483f.js} +1 -1
  166. package/dist/federation/{__federation_expose_FmTooltip-adedf618.js → __federation_expose_FmTooltip-a046291f.js} +1 -1
  167. package/dist/federation/dialog-plugin-bf85a1ee.js +1 -0
  168. package/dist/federation/feedmepos-ui-components.js +1 -1
  169. package/dist/federation/index-20b67447.css +1 -0
  170. package/dist/federation/index-81320efc.js +11 -0
  171. package/dist/federation/useFormChild-652aaa22.js +1 -0
  172. package/dist/federation/useProxiedModel-0fd79d93.js +1 -0
  173. package/dist/feedmepos-ui-library.js +6498 -5641
  174. package/dist/feedmepos-ui-library.umd.cjs +8 -8
  175. package/dist/global-components.d.ts +14 -6
  176. package/dist/logo.svg +15 -0
  177. package/dist/style.css +1 -1
  178. package/dist/tailwind-plugin.js +4 -2
  179. package/dist/utils/helpers.d.ts +4 -0
  180. package/dist/utils/uid.d.ts +1 -0
  181. package/package.json +21 -6
  182. package/dist/federation/FmButton-ef253cc5.css +0 -1
  183. package/dist/federation/FmCard-15286ec1.css +0 -1
  184. package/dist/federation/FmCard.vue_vue_type_style_index_0_lang-3de86b2b.js +0 -1
  185. package/dist/federation/FmCheckbox-53f405a9.css +0 -1
  186. package/dist/federation/FmCheckbox.vue_vue_type_style_index_0_lang-fcb61ef1.js +0 -1
  187. package/dist/federation/FmDatePicker-6608acc7.css +0 -1
  188. package/dist/federation/FmDateRangePicker-6a251133.css +0 -1
  189. package/dist/federation/FmDialog.vue_vue_type_style_index_0_lang-2c81e20e.js +0 -1
  190. package/dist/federation/FmField-f4b1b24a.css +0 -1
  191. package/dist/federation/FmForm.vue_vue_type_script_setup_true_lang-67f87de0.js +0 -1
  192. package/dist/federation/FmIcon-99d8fba2.css +0 -1
  193. package/dist/federation/FmMenuItem-68412e0d.css +0 -1
  194. package/dist/federation/FmRadio-e0e6e213.css +0 -1
  195. package/dist/federation/FmRadioGroup.vue_vue_type_script_setup_true_lang-99e6a9c2.js +0 -1
  196. package/dist/federation/FmStepperField-6955a063.css +0 -1
  197. package/dist/federation/FmSwitch-7605f854.css +0 -1
  198. package/dist/federation/FmTextField-409a3efd.css +0 -1
  199. package/dist/federation/FmTextField.vue_vue_type_style_index_0_lang-37891b48.js +0 -1
  200. package/dist/federation/FmTextarea-0e3eab40.css +0 -1
  201. package/dist/federation/FmTextarea.vue_vue_type_style_index_0_lang-7507a1ba.js +0 -1
  202. package/dist/federation/FmTimePicker.vue_vue_type_style_index_0_lang-adf67efb.js +0 -1
  203. package/dist/federation/FmTooltip.vue_vue_type_script_setup_true_lang-4afc1a0b.js +0 -1
  204. package/dist/federation/__federation_expose_FmButton-a3ca7654.js +0 -8
  205. package/dist/federation/__federation_expose_FmDatePicker-c542d446.js +0 -1
  206. package/dist/federation/__federation_expose_FmDateRangePicker-96bfdeee.js +0 -1
  207. package/dist/federation/__federation_expose_FmField-41eeed18.js +0 -1
  208. package/dist/federation/__federation_expose_FmMenu-da3eca46.js +0 -1
  209. package/dist/federation/__federation_expose_FmMenuItem-d331a359.js +0 -1
  210. package/dist/federation/__federation_expose_FmRadio-eb498ffc.js +0 -1
  211. package/dist/federation/__federation_expose_FmSelect-c850d1a0.js +0 -1
  212. package/dist/federation/__federation_expose_FmStepperField-99c193ef.js +0 -1
  213. package/dist/federation/__federation_expose_FmSwitch-f75dd36e.js +0 -1
  214. package/dist/federation/dialog-plugin-a69976d4.js +0 -1
  215. package/dist/federation/index-81fbf747.css +0 -1
  216. package/dist/federation/index-d2981ce7.js +0 -11
  217. package/dist/federation/useValidation-f33a4108.js +0 -1
  218. /package/dist/components/{time-picker → form/time-picker}/FmTimeInput.vue.d.ts +0 -0
  219. /package/dist/components/{time-picker → form/time-picker}/TimeInput.vue.d.ts +0 -0
  220. /package/dist/components/{time-picker → form/time-picker}/timePicker.d.ts +0 -0
@@ -1,11 +1,17 @@
1
- export interface FmCheckbox {
2
- modelValue: boolean;
1
+ export interface FmCheckboxProps {
2
+ modelValue: boolean | Array<any>;
3
3
  label: string;
4
4
  sublabel?: string;
5
5
  disabled?: boolean;
6
+ /** `modelValue` takes highest precedence, indeterminate only works if `modelValue` is false */
6
7
  indeterminate?: boolean;
8
+ value: any;
7
9
  }
8
10
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
11
+ value: {
12
+ type: import("vue").PropType<any>;
13
+ required: true;
14
+ };
9
15
  label: {
10
16
  type: import("vue").PropType<string>;
11
17
  required: true;
@@ -15,7 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
15
21
  default: boolean;
16
22
  };
17
23
  modelValue: {
18
- type: import("vue").PropType<boolean>;
24
+ type: import("vue").PropType<boolean | any[]>;
19
25
  required: true;
20
26
  };
21
27
  indeterminate: {
@@ -27,8 +33,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
27
33
  default: string;
28
34
  };
29
35
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
30
- "update:modelValue": (value: boolean) => void;
36
+ "update:modelValue": (value: any) => void;
37
+ "update:indeterminate": (value: boolean) => void;
31
38
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
39
+ value: {
40
+ type: import("vue").PropType<any>;
41
+ required: true;
42
+ };
32
43
  label: {
33
44
  type: import("vue").PropType<string>;
34
45
  required: true;
@@ -38,7 +49,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
38
49
  default: boolean;
39
50
  };
40
51
  modelValue: {
41
- type: import("vue").PropType<boolean>;
52
+ type: import("vue").PropType<boolean | any[]>;
42
53
  required: true;
43
54
  };
44
55
  indeterminate: {
@@ -50,7 +61,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
50
61
  default: string;
51
62
  };
52
63
  }>> & {
53
- "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
64
+ "onUpdate:modelValue"?: ((value: any) => any) | undefined;
65
+ "onUpdate:indeterminate"?: ((value: boolean) => any) | undefined;
54
66
  }, {
55
67
  disabled: boolean;
56
68
  indeterminate: boolean;
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
+ import FmDatePicker from './FmDatePicker.vue';
3
+ declare const meta: Meta<typeof FmDatePicker>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Primary: Story;
@@ -1,17 +1,15 @@
1
1
  export interface FmDatePickerProps {
2
2
  modelValue: string;
3
- label: string;
4
- disabled: boolean;
3
+ label?: string;
4
+ disabled?: boolean;
5
5
  }
6
6
  declare const _default: import("vue").DefineComponent<{
7
7
  label: {
8
8
  type: import("vue").PropType<string>;
9
- required: true;
10
9
  default: string;
11
10
  };
12
11
  disabled: {
13
12
  type: import("vue").PropType<boolean>;
14
- required: true;
15
13
  default: boolean;
16
14
  };
17
15
  modelValue: {
@@ -19,16 +17,14 @@ declare const _default: import("vue").DefineComponent<{
19
17
  required: true;
20
18
  };
21
19
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
22
- "update:modelValue": (...args: any[]) => void;
20
+ "update:modelValue": (value: boolean) => void;
23
21
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
24
22
  label: {
25
23
  type: import("vue").PropType<string>;
26
- required: true;
27
24
  default: string;
28
25
  };
29
26
  disabled: {
30
27
  type: import("vue").PropType<boolean>;
31
- required: true;
32
28
  default: boolean;
33
29
  };
34
30
  modelValue: {
@@ -36,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
36
32
  required: true;
37
33
  };
38
34
  }>> & {
39
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
35
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
40
36
  }, {
41
37
  label: string;
42
38
  disabled: boolean;
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
+ import FmDateRangePicker from './FmDateRangePicker.vue';
3
+ declare const meta: Meta<typeof FmDateRangePicker>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Primary: Story;
@@ -4,18 +4,16 @@ export type DateRange = {
4
4
  };
5
5
  export interface FmDateRangePickerProps {
6
6
  modelValue: DateRange | null;
7
- label: string;
8
- disabled: boolean;
7
+ label?: string;
8
+ disabled?: boolean;
9
9
  }
10
10
  declare const _default: import("vue").DefineComponent<{
11
11
  label: {
12
12
  type: import("vue").PropType<string>;
13
- required: true;
14
13
  default: string;
15
14
  };
16
15
  disabled: {
17
16
  type: import("vue").PropType<boolean>;
18
- required: true;
19
17
  default: boolean;
20
18
  };
21
19
  modelValue: {
@@ -23,16 +21,14 @@ declare const _default: import("vue").DefineComponent<{
23
21
  required: true;
24
22
  };
25
23
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
26
- "update:modelValue": (...args: any[]) => void;
24
+ "update:modelValue": (value: DateRange) => void;
27
25
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
28
26
  label: {
29
27
  type: import("vue").PropType<string>;
30
- required: true;
31
28
  default: string;
32
29
  };
33
30
  disabled: {
34
31
  type: import("vue").PropType<boolean>;
35
- required: true;
36
32
  default: boolean;
37
33
  };
38
34
  modelValue: {
@@ -40,7 +36,7 @@ declare const _default: import("vue").DefineComponent<{
40
36
  required: true;
41
37
  };
42
38
  }>> & {
43
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
39
+ "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
44
40
  }, {
45
41
  label: string;
46
42
  disabled: boolean;
@@ -1,60 +1,82 @@
1
1
  export interface FmFieldProps {
2
- leadingIcon?: string;
3
- trailingIcon?: string;
4
- activeClass?: string;
2
+ tag?: string;
3
+ prependIcon?: string;
4
+ appendIcon?: string;
5
+ invalid?: boolean;
6
+ showValidBorder?: boolean;
5
7
  disabled?: boolean;
6
- iconColor?: string;
8
+ focused?: boolean;
7
9
  }
8
10
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
9
11
  disabled: {
10
12
  type: import("vue").PropType<boolean>;
11
13
  default: boolean;
12
14
  };
13
- iconColor: {
14
- type: import("vue").PropType<string>;
15
- default: string;
15
+ focused: {
16
+ type: import("vue").PropType<boolean>;
17
+ default: boolean;
18
+ };
19
+ invalid: {
20
+ type: import("vue").PropType<boolean>;
21
+ default: boolean;
16
22
  };
17
- leadingIcon: {
23
+ tag: {
18
24
  type: import("vue").PropType<string>;
19
25
  default: string;
20
26
  };
21
- trailingIcon: {
27
+ prependIcon: {
22
28
  type: import("vue").PropType<string>;
23
29
  default: string;
24
30
  };
25
- activeClass: {
31
+ appendIcon: {
26
32
  type: import("vue").PropType<string>;
27
33
  default: string;
28
34
  };
35
+ showValidBorder: {
36
+ type: import("vue").PropType<boolean>;
37
+ default: boolean;
38
+ };
29
39
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
30
40
  disabled: {
31
41
  type: import("vue").PropType<boolean>;
32
42
  default: boolean;
33
43
  };
34
- iconColor: {
35
- type: import("vue").PropType<string>;
36
- default: string;
44
+ focused: {
45
+ type: import("vue").PropType<boolean>;
46
+ default: boolean;
47
+ };
48
+ invalid: {
49
+ type: import("vue").PropType<boolean>;
50
+ default: boolean;
37
51
  };
38
- leadingIcon: {
52
+ tag: {
39
53
  type: import("vue").PropType<string>;
40
54
  default: string;
41
55
  };
42
- trailingIcon: {
56
+ prependIcon: {
43
57
  type: import("vue").PropType<string>;
44
58
  default: string;
45
59
  };
46
- activeClass: {
60
+ appendIcon: {
47
61
  type: import("vue").PropType<string>;
48
62
  default: string;
49
63
  };
64
+ showValidBorder: {
65
+ type: import("vue").PropType<boolean>;
66
+ default: boolean;
67
+ };
50
68
  }>>, {
51
69
  disabled: boolean;
52
- iconColor: string;
53
- leadingIcon: string;
54
- trailingIcon: string;
55
- activeClass: string;
70
+ focused: boolean;
71
+ invalid: boolean;
72
+ tag: string;
73
+ prependIcon: string;
74
+ appendIcon: string;
75
+ showValidBorder: boolean;
56
76
  }, {}>, {
77
+ prepend?(_: {}): any;
57
78
  default?(_: {}): any;
79
+ append?(_: {}): any;
58
80
  }>;
59
81
  export default _default;
60
82
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -10,6 +10,7 @@ export interface RegisteredComponent {
10
10
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {
11
11
  validateInputs: () => void;
12
12
  resetInputsValidation: () => void;
13
+ resetInputs: () => void;
13
14
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
14
15
  "validation-reset": () => void;
15
16
  "validation-success": () => void;
@@ -0,0 +1,126 @@
1
+ import type { ValidationRule } from '@/composables/useValidation';
2
+ export interface FmFormGroupProps {
3
+ modelValue: any;
4
+ rules?: ValidationRule[];
5
+ focused?: boolean;
6
+ disabled?: boolean;
7
+ label?: string;
8
+ required?: boolean;
9
+ optional?: boolean;
10
+ info?: string;
11
+ helperText?: string;
12
+ helperState?: 'success' | 'warning' | 'error' | 'none';
13
+ errorMessages?: string[];
14
+ }
15
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
16
+ info: {
17
+ type: import("vue").PropType<string>;
18
+ default: string;
19
+ };
20
+ label: {
21
+ type: import("vue").PropType<string>;
22
+ default: string;
23
+ };
24
+ required: {
25
+ type: import("vue").PropType<boolean>;
26
+ default: boolean;
27
+ };
28
+ disabled: {
29
+ type: import("vue").PropType<boolean>;
30
+ default: boolean;
31
+ };
32
+ modelValue: {
33
+ type: import("vue").PropType<any>;
34
+ required: true;
35
+ };
36
+ errorMessages: {
37
+ type: import("vue").PropType<string[]>;
38
+ default: () => never[];
39
+ };
40
+ helperText: {
41
+ type: import("vue").PropType<string>;
42
+ default: string;
43
+ };
44
+ focused: {
45
+ type: import("vue").PropType<boolean>;
46
+ default: boolean;
47
+ };
48
+ rules: {
49
+ type: import("vue").PropType<ValidationRule[]>;
50
+ default: () => never[];
51
+ };
52
+ helperState: {
53
+ type: import("vue").PropType<"success" | "warning" | "none" | "error">;
54
+ default: string;
55
+ };
56
+ optional: {
57
+ type: import("vue").PropType<boolean>;
58
+ default: boolean;
59
+ };
60
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
61
+ info: {
62
+ type: import("vue").PropType<string>;
63
+ default: string;
64
+ };
65
+ label: {
66
+ type: import("vue").PropType<string>;
67
+ default: string;
68
+ };
69
+ required: {
70
+ type: import("vue").PropType<boolean>;
71
+ default: boolean;
72
+ };
73
+ disabled: {
74
+ type: import("vue").PropType<boolean>;
75
+ default: boolean;
76
+ };
77
+ modelValue: {
78
+ type: import("vue").PropType<any>;
79
+ required: true;
80
+ };
81
+ errorMessages: {
82
+ type: import("vue").PropType<string[]>;
83
+ default: () => never[];
84
+ };
85
+ helperText: {
86
+ type: import("vue").PropType<string>;
87
+ default: string;
88
+ };
89
+ focused: {
90
+ type: import("vue").PropType<boolean>;
91
+ default: boolean;
92
+ };
93
+ rules: {
94
+ type: import("vue").PropType<ValidationRule[]>;
95
+ default: () => never[];
96
+ };
97
+ helperState: {
98
+ type: import("vue").PropType<"success" | "warning" | "none" | "error">;
99
+ default: string;
100
+ };
101
+ optional: {
102
+ type: import("vue").PropType<boolean>;
103
+ default: boolean;
104
+ };
105
+ }>>, {
106
+ info: string;
107
+ label: string;
108
+ required: boolean;
109
+ disabled: boolean;
110
+ errorMessages: string[];
111
+ helperText: string;
112
+ focused: boolean;
113
+ rules: ValidationRule[];
114
+ helperState: "success" | "warning" | "none" | "error";
115
+ optional: boolean;
116
+ }, {}>, {
117
+ label?(_: {}): any;
118
+ default?(_: {}): any;
119
+ "helper-text"?(_: {}): any;
120
+ }>;
121
+ export default _default;
122
+ type __VLS_WithTemplateSlots<T, S> = T & {
123
+ new (): {
124
+ $slots: S;
125
+ };
126
+ };
@@ -0,0 +1,186 @@
1
+ import type { StoryObj } from '@storybook/vue3';
2
+ declare const meta: {
3
+ title: string;
4
+ component: {
5
+ new (...args: any[]): {
6
+ $: import("vue").ComponentInternalInstance;
7
+ $data: {};
8
+ $props: {
9
+ text?: string | undefined;
10
+ disabled?: boolean | undefined;
11
+ errorMessages?: string[] | undefined;
12
+ state?: "success" | "warning" | "none" | "error" | undefined;
13
+ style?: unknown;
14
+ class?: unknown;
15
+ key?: string | number | symbol | undefined;
16
+ ref?: import("vue").VNodeRef | undefined;
17
+ ref_for?: boolean | undefined;
18
+ ref_key?: string | undefined;
19
+ onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
20
+ [key: string]: any;
21
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
22
+ [key: string]: any;
23
+ }>) => void)[] | undefined;
24
+ onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
25
+ [key: string]: any;
26
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
27
+ [key: string]: any;
28
+ }>) => void)[] | undefined;
29
+ onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
30
+ [key: string]: any;
31
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
32
+ [key: string]: any;
33
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
34
+ [key: string]: any;
35
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
36
+ [key: string]: any;
37
+ }>) => void)[] | undefined;
38
+ onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
39
+ [key: string]: any;
40
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
41
+ [key: string]: any;
42
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
43
+ [key: string]: any;
44
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
45
+ [key: string]: any;
46
+ }>) => void)[] | undefined;
47
+ onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
48
+ [key: string]: any;
49
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
50
+ [key: string]: any;
51
+ }>) => void)[] | undefined;
52
+ onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
53
+ [key: string]: any;
54
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
55
+ [key: string]: any;
56
+ }>) => void)[] | undefined;
57
+ };
58
+ $attrs: {
59
+ [x: string]: unknown;
60
+ };
61
+ $refs: {
62
+ [x: string]: unknown;
63
+ };
64
+ $slots: Readonly<{
65
+ [name: string]: import("vue").Slot<any> | undefined;
66
+ }>;
67
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
68
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
69
+ $emit: (event: string, ...args: any[]) => void;
70
+ $el: any;
71
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
72
+ text: {
73
+ type: import("vue").PropType<string>;
74
+ default: string;
75
+ };
76
+ disabled: {
77
+ type: import("vue").PropType<boolean>;
78
+ default: boolean;
79
+ };
80
+ errorMessages: {
81
+ type: import("vue").PropType<string[]>;
82
+ default: () => never[];
83
+ };
84
+ state: {
85
+ type: import("vue").PropType<"success" | "warning" | "none" | "error">;
86
+ default: string;
87
+ };
88
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
89
+ text: string;
90
+ disabled: boolean;
91
+ errorMessages: string[];
92
+ state: "success" | "warning" | "none" | "error";
93
+ }, {}, string, {}> & {
94
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
95
+ created?: ((() => void) | (() => void)[]) | undefined;
96
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
97
+ mounted?: ((() => void) | (() => void)[]) | undefined;
98
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
99
+ updated?: ((() => void) | (() => void)[]) | undefined;
100
+ activated?: ((() => void) | (() => void)[]) | undefined;
101
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
102
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
103
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
104
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
105
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
106
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
107
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
108
+ errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
109
+ };
110
+ $forceUpdate: () => void;
111
+ $nextTick: typeof import("vue").nextTick;
112
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
113
+ } & Readonly<import("vue").ExtractPropTypes<{
114
+ text: {
115
+ type: import("vue").PropType<string>;
116
+ default: string;
117
+ };
118
+ disabled: {
119
+ type: import("vue").PropType<boolean>;
120
+ default: boolean;
121
+ };
122
+ errorMessages: {
123
+ type: import("vue").PropType<string[]>;
124
+ default: () => never[];
125
+ };
126
+ state: {
127
+ type: import("vue").PropType<"success" | "warning" | "none" | "error">;
128
+ default: string;
129
+ };
130
+ }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
131
+ __isFragment?: undefined;
132
+ __isTeleport?: undefined;
133
+ __isSuspense?: undefined;
134
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
135
+ text: {
136
+ type: import("vue").PropType<string>;
137
+ default: string;
138
+ };
139
+ disabled: {
140
+ type: import("vue").PropType<boolean>;
141
+ default: boolean;
142
+ };
143
+ errorMessages: {
144
+ type: import("vue").PropType<string[]>;
145
+ default: () => never[];
146
+ };
147
+ state: {
148
+ type: import("vue").PropType<"success" | "warning" | "none" | "error">;
149
+ default: string;
150
+ };
151
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
152
+ text: string;
153
+ disabled: boolean;
154
+ errorMessages: string[];
155
+ state: "success" | "warning" | "none" | "error";
156
+ }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
157
+ $slots: {
158
+ default?(_: {}): any;
159
+ };
160
+ });
161
+ tags: string[];
162
+ argTypes: {
163
+ text: {
164
+ control: string;
165
+ };
166
+ disabled: {
167
+ control: string;
168
+ };
169
+ state: {
170
+ control: string;
171
+ options: string[];
172
+ };
173
+ errorMessages: {
174
+ control: string;
175
+ };
176
+ };
177
+ args: {
178
+ text: string;
179
+ disabled: false;
180
+ state: "none";
181
+ errorMessages: never[];
182
+ };
183
+ };
184
+ export default meta;
185
+ type Story = StoryObj<typeof meta>;
186
+ export declare const Primary: Story;
@@ -0,0 +1,54 @@
1
+ export interface FmHelperTextProps {
2
+ text?: string;
3
+ disabled?: boolean;
4
+ state?: 'success' | 'warning' | 'error' | 'none';
5
+ errorMessages?: string[];
6
+ }
7
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
8
+ text: {
9
+ type: import("vue").PropType<string>;
10
+ default: string;
11
+ };
12
+ disabled: {
13
+ type: import("vue").PropType<boolean>;
14
+ default: boolean;
15
+ };
16
+ errorMessages: {
17
+ type: import("vue").PropType<string[]>;
18
+ default: () => never[];
19
+ };
20
+ state: {
21
+ type: import("vue").PropType<"success" | "warning" | "none" | "error">;
22
+ default: string;
23
+ };
24
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
25
+ text: {
26
+ type: import("vue").PropType<string>;
27
+ default: string;
28
+ };
29
+ disabled: {
30
+ type: import("vue").PropType<boolean>;
31
+ default: boolean;
32
+ };
33
+ errorMessages: {
34
+ type: import("vue").PropType<string[]>;
35
+ default: () => never[];
36
+ };
37
+ state: {
38
+ type: import("vue").PropType<"success" | "warning" | "none" | "error">;
39
+ default: string;
40
+ };
41
+ }>>, {
42
+ text: string;
43
+ disabled: boolean;
44
+ errorMessages: string[];
45
+ state: "success" | "warning" | "none" | "error";
46
+ }, {}>, {
47
+ default?(_: {}): any;
48
+ }>;
49
+ export default _default;
50
+ type __VLS_WithTemplateSlots<T, S> = T & {
51
+ new (): {
52
+ $slots: S;
53
+ };
54
+ };
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/vue3';
2
+ import FmLabel from './FmLabel.vue';
3
+ declare const meta: Meta<typeof FmLabel>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Primary: Story;