@aotearoan/neon 22.5.1 → 22.5.2

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 (36) hide show
  1. package/dist/components/user-input/field/NeonField.cjs.js +1 -1
  2. package/dist/components/user-input/field/NeonField.cjs.js.map +1 -1
  3. package/dist/components/user-input/field/NeonField.es.js +2 -6
  4. package/dist/components/user-input/field/NeonField.es.js.map +1 -1
  5. package/dist/components/user-input/field/NeonField.vue.cjs.js +1 -1
  6. package/dist/components/user-input/field/NeonField.vue.cjs.js.map +1 -1
  7. package/dist/components/user-input/field/NeonField.vue.es.js +22 -26
  8. package/dist/components/user-input/field/NeonField.vue.es.js.map +1 -1
  9. package/dist/components/user-input/input/NeonInput.cjs.js +1 -1
  10. package/dist/components/user-input/input/NeonInput.cjs.js.map +1 -1
  11. package/dist/components/user-input/input/NeonInput.es.js +65 -47
  12. package/dist/components/user-input/input/NeonInput.es.js.map +1 -1
  13. package/dist/components/user-input/input/NeonInput.vue.cjs.js +1 -1
  14. package/dist/components/user-input/input/NeonInput.vue.cjs.js.map +1 -1
  15. package/dist/components/user-input/input/NeonInput.vue.es.js +35 -31
  16. package/dist/components/user-input/input/NeonInput.vue.es.js.map +1 -1
  17. package/dist/src/components/navigation/dropdown-menu/NeonDropdownMenu.d.ts +150 -48
  18. package/dist/src/components/navigation/menu/NeonMenu.d.ts +150 -48
  19. package/dist/src/components/navigation/mobile-menu/NeonMobileMenu.d.ts +150 -48
  20. package/dist/src/components/presentation/badge/NeonBadge.d.ts +104 -28
  21. package/dist/src/components/presentation/dropdown/NeonDropdown.d.ts +62 -52
  22. package/dist/src/components/user-input/color/NeonColor.d.ts +14 -4
  23. package/dist/src/components/user-input/date-picker/NeonDatePicker.d.ts +144 -44
  24. package/dist/src/components/user-input/field/NeonField.d.ts +1 -122
  25. package/dist/src/components/user-input/file/NeonFile.d.ts +116 -34
  26. package/dist/src/components/user-input/input/NeonInput.d.ts +24 -8
  27. package/dist/src/components/user-input/number/NeonNumber.d.ts +14 -4
  28. package/dist/src/components/user-input/password/NeonPassword.d.ts +14 -4
  29. package/dist/src/components/user-input/search/NeonSearch.d.ts +224 -232
  30. package/dist/src/components/user-input/select/NeonSelect.d.ts +330 -66
  31. package/package.json +1 -1
  32. package/src/sass/components/_field.scss +8 -0
  33. package/src/sass/components/_input.scss +3 -3
  34. package/src/sass/includes/_dependencies.scss +1 -1
  35. package/src/sass/includes/_typography.scss +3 -2
  36. package/src/sass/variables.scss +4 -0
package/dist/src/components/navigation/dropdown-menu/NeonDropdownMenu.d.ts CHANGED
@@ -384,7 +384,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
384
384
  default: import("../../../neon").NeonInputMode;
385
385
  };
386
386
  autocomplete: {
387
- type: StringConstructor;
387
+ type: () => import("../../../neon").NeonInputMode;
388
388
  default: string;
389
389
  };
390
390
  state: {
@@ -427,6 +427,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
427
427
  type: NumberConstructor;
428
428
  default: null;
429
429
  };
430
+ maxlengthLabel: {
431
+ type: StringConstructor;
432
+ default: string;
433
+ };
430
434
  debounce: {
431
435
  type: NumberConstructor;
432
436
  default: undefined;
@@ -446,12 +450,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
446
450
  iconName: import("vue").ComputedRef<string | undefined>;
447
451
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
448
452
  computedPlaceholder: import("vue").ComputedRef<string>;
453
+ counterLabel: import("vue").ComputedRef<string | null>;
449
454
  focus: () => void;
450
455
  click: () => void;
451
456
  onFocus: () => void;
452
457
  onBlur: () => void;
453
458
  iconClicked: ($event: Event) => void;
454
- changeValue: (event: Event) => void;
459
+ changeValue: (event: InputEvent) => void;
455
460
  onKeyDown: (event: KeyboardEvent) => void;
456
461
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
457
462
  disabled: boolean;
@@ -466,13 +471,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
466
471
  inputmode: import("../../../neon").NeonInputMode;
467
472
  modelValue: string;
468
473
  state: import("../../../neon").NeonState;
469
- autocomplete: string;
474
+ autocomplete: import("../../../neon").NeonInputMode;
470
475
  rows: number;
471
476
  iconReadonly: boolean;
472
477
  hideIcon: boolean;
473
478
  stateHighlight: boolean;
474
479
  stateIcon: boolean;
475
480
  maxlength: number;
481
+ maxlengthLabel: string;
476
482
  }, true, {}, {}, {
477
483
  NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
478
484
  name: {
@@ -570,7 +576,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
570
576
  default: import("../../../neon").NeonInputMode;
571
577
  };
572
578
  autocomplete: {
573
- type: StringConstructor;
579
+ type: () => import("../../../neon").NeonInputMode;
574
580
  default: string;
575
581
  };
576
582
  state: {
@@ -613,6 +619,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
613
619
  type: NumberConstructor;
614
620
  default: null;
615
621
  };
622
+ maxlengthLabel: {
623
+ type: StringConstructor;
624
+ default: string;
625
+ };
616
626
  debounce: {
617
627
  type: NumberConstructor;
618
628
  default: undefined;
@@ -632,12 +642,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
632
642
  iconName: import("vue").ComputedRef<string | undefined>;
633
643
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
634
644
  computedPlaceholder: import("vue").ComputedRef<string>;
645
+ counterLabel: import("vue").ComputedRef<string | null>;
635
646
  focus: () => void;
636
647
  click: () => void;
637
648
  onFocus: () => void;
638
649
  onBlur: () => void;
639
650
  iconClicked: ($event: Event) => void;
640
- changeValue: (event: Event) => void;
651
+ changeValue: (event: InputEvent) => void;
641
652
  onKeyDown: (event: KeyboardEvent) => void;
642
653
  }, {}, {}, {}, {
643
654
  disabled: boolean;
@@ -652,13 +663,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
652
663
  inputmode: import("../../../neon").NeonInputMode;
653
664
  modelValue: string;
654
665
  state: import("../../../neon").NeonState;
655
- autocomplete: string;
666
+ autocomplete: import("../../../neon").NeonInputMode;
656
667
  rows: number;
657
668
  iconReadonly: boolean;
658
669
  hideIcon: boolean;
659
670
  stateHighlight: boolean;
660
671
  stateIcon: boolean;
661
672
  maxlength: number;
673
+ maxlengthLabel: string;
662
674
  }> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
663
675
  id: {
664
676
  type: StringConstructor;
@@ -691,7 +703,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
691
703
  default: import("../../../neon").NeonInputMode;
692
704
  };
693
705
  autocomplete: {
694
- type: StringConstructor;
706
+ type: () => import("../../../neon").NeonInputMode;
695
707
  default: string;
696
708
  };
697
709
  state: {
@@ -734,6 +746,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
734
746
  type: NumberConstructor;
735
747
  default: null;
736
748
  };
749
+ maxlengthLabel: {
750
+ type: StringConstructor;
751
+ default: string;
752
+ };
737
753
  debounce: {
738
754
  type: NumberConstructor;
739
755
  default: undefined;
@@ -753,12 +769,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
753
769
  iconName: import("vue").ComputedRef<string | undefined>;
754
770
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
755
771
  computedPlaceholder: import("vue").ComputedRef<string>;
772
+ counterLabel: import("vue").ComputedRef<string | null>;
756
773
  focus: () => void;
757
774
  click: () => void;
758
775
  onFocus: () => void;
759
776
  onBlur: () => void;
760
777
  iconClicked: ($event: Event) => void;
761
- changeValue: (event: Event) => void;
778
+ changeValue: (event: InputEvent) => void;
762
779
  onKeyDown: (event: KeyboardEvent) => void;
763
780
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
764
781
  disabled: boolean;
@@ -773,13 +790,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
773
790
  inputmode: import("../../../neon").NeonInputMode;
774
791
  modelValue: string;
775
792
  state: import("../../../neon").NeonState;
776
- autocomplete: string;
793
+ autocomplete: import("../../../neon").NeonInputMode;
777
794
  rows: number;
778
795
  iconReadonly: boolean;
779
796
  hideIcon: boolean;
780
797
  stateHighlight: boolean;
781
798
  stateIcon: boolean;
782
799
  maxlength: number;
800
+ maxlengthLabel: string;
783
801
  }, true, {}, {}, {
784
802
  NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
785
803
  name: {
@@ -877,7 +895,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
877
895
  default: import("../../../neon").NeonInputMode;
878
896
  };
879
897
  autocomplete: {
880
- type: StringConstructor;
898
+ type: () => import("../../../neon").NeonInputMode;
881
899
  default: string;
882
900
  };
883
901
  state: {
@@ -920,6 +938,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
920
938
  type: NumberConstructor;
921
939
  default: null;
922
940
  };
941
+ maxlengthLabel: {
942
+ type: StringConstructor;
943
+ default: string;
944
+ };
923
945
  debounce: {
924
946
  type: NumberConstructor;
925
947
  default: undefined;
@@ -939,12 +961,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
939
961
  iconName: import("vue").ComputedRef<string | undefined>;
940
962
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
941
963
  computedPlaceholder: import("vue").ComputedRef<string>;
964
+ counterLabel: import("vue").ComputedRef<string | null>;
942
965
  focus: () => void;
943
966
  click: () => void;
944
967
  onFocus: () => void;
945
968
  onBlur: () => void;
946
969
  iconClicked: ($event: Event) => void;
947
- changeValue: (event: Event) => void;
970
+ changeValue: (event: InputEvent) => void;
948
971
  onKeyDown: (event: KeyboardEvent) => void;
949
972
  }, {}, {}, {}, {
950
973
  disabled: boolean;
@@ -959,13 +982,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
959
982
  inputmode: import("../../../neon").NeonInputMode;
960
983
  modelValue: string;
961
984
  state: import("../../../neon").NeonState;
962
- autocomplete: string;
985
+ autocomplete: import("../../../neon").NeonInputMode;
963
986
  rows: number;
964
987
  iconReadonly: boolean;
965
988
  hideIcon: boolean;
966
989
  stateHighlight: boolean;
967
990
  stateIcon: boolean;
968
991
  maxlength: number;
992
+ maxlengthLabel: string;
969
993
  }> | null>;
970
994
  files: import("vue").Ref<{
971
995
  readonly lastModified: number;
@@ -1514,7 +1538,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1514
1538
  default: import("../../../neon").NeonInputMode;
1515
1539
  };
1516
1540
  autocomplete: {
1517
- type: StringConstructor;
1541
+ type: () => import("../../../neon").NeonInputMode;
1518
1542
  default: string;
1519
1543
  };
1520
1544
  state: {
@@ -1557,6 +1581,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1557
1581
  type: NumberConstructor;
1558
1582
  default: null;
1559
1583
  };
1584
+ maxlengthLabel: {
1585
+ type: StringConstructor;
1586
+ default: string;
1587
+ };
1560
1588
  debounce: {
1561
1589
  type: NumberConstructor;
1562
1590
  default: undefined;
@@ -1571,12 +1599,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1571
1599
  iconName: import("vue").ComputedRef<string | undefined>;
1572
1600
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
1573
1601
  computedPlaceholder: import("vue").ComputedRef<string>;
1602
+ counterLabel: import("vue").ComputedRef<string | null>;
1574
1603
  focus: () => void;
1575
1604
  click: () => void;
1576
1605
  onFocus: () => void;
1577
1606
  onBlur: () => void;
1578
1607
  iconClicked: ($event: Event) => void;
1579
- changeValue: (event: Event) => void;
1608
+ changeValue: (event: InputEvent) => void;
1580
1609
  onKeyDown: (event: KeyboardEvent) => void;
1581
1610
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], "update:modelValue" | "focus" | "blur" | "icon-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
1582
1611
  id: {
@@ -1610,7 +1639,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1610
1639
  default: import("../../../neon").NeonInputMode;
1611
1640
  };
1612
1641
  autocomplete: {
1613
- type: StringConstructor;
1642
+ type: () => import("../../../neon").NeonInputMode;
1614
1643
  default: string;
1615
1644
  };
1616
1645
  state: {
@@ -1653,6 +1682,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1653
1682
  type: NumberConstructor;
1654
1683
  default: null;
1655
1684
  };
1685
+ maxlengthLabel: {
1686
+ type: StringConstructor;
1687
+ default: string;
1688
+ };
1656
1689
  debounce: {
1657
1690
  type: NumberConstructor;
1658
1691
  default: undefined;
@@ -1675,13 +1708,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1675
1708
  inputmode: import("../../../neon").NeonInputMode;
1676
1709
  modelValue: string;
1677
1710
  state: import("../../../neon").NeonState;
1678
- autocomplete: string;
1711
+ autocomplete: import("../../../neon").NeonInputMode;
1679
1712
  rows: number;
1680
1713
  iconReadonly: boolean;
1681
1714
  hideIcon: boolean;
1682
1715
  stateHighlight: boolean;
1683
1716
  stateIcon: boolean;
1684
1717
  maxlength: number;
1718
+ maxlengthLabel: string;
1685
1719
  }, {}, {
1686
1720
  NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
1687
1721
  name: {
@@ -2804,7 +2838,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2804
2838
  default: import("../../../neon").NeonInputMode;
2805
2839
  };
2806
2840
  autocomplete: {
2807
- type: StringConstructor;
2841
+ type: () => import("../../../neon").NeonInputMode;
2808
2842
  default: string;
2809
2843
  };
2810
2844
  state: {
@@ -2847,6 +2881,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2847
2881
  type: NumberConstructor;
2848
2882
  default: null;
2849
2883
  };
2884
+ maxlengthLabel: {
2885
+ type: StringConstructor;
2886
+ default: string;
2887
+ };
2850
2888
  debounce: {
2851
2889
  type: NumberConstructor;
2852
2890
  default: undefined;
@@ -2866,12 +2904,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2866
2904
  iconName: import("vue").ComputedRef<string | undefined>;
2867
2905
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
2868
2906
  computedPlaceholder: import("vue").ComputedRef<string>;
2907
+ counterLabel: import("vue").ComputedRef<string | null>;
2869
2908
  focus: () => void;
2870
2909
  click: () => void;
2871
2910
  onFocus: () => void;
2872
2911
  onBlur: () => void;
2873
2912
  iconClicked: ($event: Event) => void;
2874
- changeValue: (event: Event) => void;
2913
+ changeValue: (event: InputEvent) => void;
2875
2914
  onKeyDown: (event: KeyboardEvent) => void;
2876
2915
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
2877
2916
  disabled: boolean;
@@ -2886,13 +2925,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2886
2925
  inputmode: import("../../../neon").NeonInputMode;
2887
2926
  modelValue: string;
2888
2927
  state: import("../../../neon").NeonState;
2889
- autocomplete: string;
2928
+ autocomplete: import("../../../neon").NeonInputMode;
2890
2929
  rows: number;
2891
2930
  iconReadonly: boolean;
2892
2931
  hideIcon: boolean;
2893
2932
  stateHighlight: boolean;
2894
2933
  stateIcon: boolean;
2895
2934
  maxlength: number;
2935
+ maxlengthLabel: string;
2896
2936
  }, true, {}, {}, {
2897
2937
  NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2898
2938
  name: {
@@ -2990,7 +3030,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2990
3030
  default: import("../../../neon").NeonInputMode;
2991
3031
  };
2992
3032
  autocomplete: {
2993
- type: StringConstructor;
3033
+ type: () => import("../../../neon").NeonInputMode;
2994
3034
  default: string;
2995
3035
  };
2996
3036
  state: {
@@ -3033,6 +3073,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3033
3073
  type: NumberConstructor;
3034
3074
  default: null;
3035
3075
  };
3076
+ maxlengthLabel: {
3077
+ type: StringConstructor;
3078
+ default: string;
3079
+ };
3036
3080
  debounce: {
3037
3081
  type: NumberConstructor;
3038
3082
  default: undefined;
@@ -3052,12 +3096,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3052
3096
  iconName: import("vue").ComputedRef<string | undefined>;
3053
3097
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
3054
3098
  computedPlaceholder: import("vue").ComputedRef<string>;
3099
+ counterLabel: import("vue").ComputedRef<string | null>;
3055
3100
  focus: () => void;
3056
3101
  click: () => void;
3057
3102
  onFocus: () => void;
3058
3103
  onBlur: () => void;
3059
3104
  iconClicked: ($event: Event) => void;
3060
- changeValue: (event: Event) => void;
3105
+ changeValue: (event: InputEvent) => void;
3061
3106
  onKeyDown: (event: KeyboardEvent) => void;
3062
3107
  }, {}, {}, {}, {
3063
3108
  disabled: boolean;
@@ -3072,13 +3117,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3072
3117
  inputmode: import("../../../neon").NeonInputMode;
3073
3118
  modelValue: string;
3074
3119
  state: import("../../../neon").NeonState;
3075
- autocomplete: string;
3120
+ autocomplete: import("../../../neon").NeonInputMode;
3076
3121
  rows: number;
3077
3122
  iconReadonly: boolean;
3078
3123
  hideIcon: boolean;
3079
3124
  stateHighlight: boolean;
3080
3125
  stateIcon: boolean;
3081
3126
  maxlength: number;
3127
+ maxlengthLabel: string;
3082
3128
  }> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
3083
3129
  id: {
3084
3130
  type: StringConstructor;
@@ -3111,7 +3157,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3111
3157
  default: import("../../../neon").NeonInputMode;
3112
3158
  };
3113
3159
  autocomplete: {
3114
- type: StringConstructor;
3160
+ type: () => import("../../../neon").NeonInputMode;
3115
3161
  default: string;
3116
3162
  };
3117
3163
  state: {
@@ -3154,6 +3200,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3154
3200
  type: NumberConstructor;
3155
3201
  default: null;
3156
3202
  };
3203
+ maxlengthLabel: {
3204
+ type: StringConstructor;
3205
+ default: string;
3206
+ };
3157
3207
  debounce: {
3158
3208
  type: NumberConstructor;
3159
3209
  default: undefined;
@@ -3173,12 +3223,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3173
3223
  iconName: import("vue").ComputedRef<string | undefined>;
3174
3224
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
3175
3225
  computedPlaceholder: import("vue").ComputedRef<string>;
3226
+ counterLabel: import("vue").ComputedRef<string | null>;
3176
3227
  focus: () => void;
3177
3228
  click: () => void;
3178
3229
  onFocus: () => void;
3179
3230
  onBlur: () => void;
3180
3231
  iconClicked: ($event: Event) => void;
3181
- changeValue: (event: Event) => void;
3232
+ changeValue: (event: InputEvent) => void;
3182
3233
  onKeyDown: (event: KeyboardEvent) => void;
3183
3234
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
3184
3235
  disabled: boolean;
@@ -3193,13 +3244,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3193
3244
  inputmode: import("../../../neon").NeonInputMode;
3194
3245
  modelValue: string;
3195
3246
  state: import("../../../neon").NeonState;
3196
- autocomplete: string;
3247
+ autocomplete: import("../../../neon").NeonInputMode;
3197
3248
  rows: number;
3198
3249
  iconReadonly: boolean;
3199
3250
  hideIcon: boolean;
3200
3251
  stateHighlight: boolean;
3201
3252
  stateIcon: boolean;
3202
3253
  maxlength: number;
3254
+ maxlengthLabel: string;
3203
3255
  }, true, {}, {}, {
3204
3256
  NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
3205
3257
  name: {
@@ -3297,7 +3349,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3297
3349
  default: import("../../../neon").NeonInputMode;
3298
3350
  };
3299
3351
  autocomplete: {
3300
- type: StringConstructor;
3352
+ type: () => import("../../../neon").NeonInputMode;
3301
3353
  default: string;
3302
3354
  };
3303
3355
  state: {
@@ -3340,6 +3392,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3340
3392
  type: NumberConstructor;
3341
3393
  default: null;
3342
3394
  };
3395
+ maxlengthLabel: {
3396
+ type: StringConstructor;
3397
+ default: string;
3398
+ };
3343
3399
  debounce: {
3344
3400
  type: NumberConstructor;
3345
3401
  default: undefined;
@@ -3359,12 +3415,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3359
3415
  iconName: import("vue").ComputedRef<string | undefined>;
3360
3416
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
3361
3417
  computedPlaceholder: import("vue").ComputedRef<string>;
3418
+ counterLabel: import("vue").ComputedRef<string | null>;
3362
3419
  focus: () => void;
3363
3420
  click: () => void;
3364
3421
  onFocus: () => void;
3365
3422
  onBlur: () => void;
3366
3423
  iconClicked: ($event: Event) => void;
3367
- changeValue: (event: Event) => void;
3424
+ changeValue: (event: InputEvent) => void;
3368
3425
  onKeyDown: (event: KeyboardEvent) => void;
3369
3426
  }, {}, {}, {}, {
3370
3427
  disabled: boolean;
@@ -3379,13 +3436,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3379
3436
  inputmode: import("../../../neon").NeonInputMode;
3380
3437
  modelValue: string;
3381
3438
  state: import("../../../neon").NeonState;
3382
- autocomplete: string;
3439
+ autocomplete: import("../../../neon").NeonInputMode;
3383
3440
  rows: number;
3384
3441
  iconReadonly: boolean;
3385
3442
  hideIcon: boolean;
3386
3443
  stateHighlight: boolean;
3387
3444
  stateIcon: boolean;
3388
3445
  maxlength: number;
3446
+ maxlengthLabel: string;
3389
3447
  }> | null>;
3390
3448
  files: import("vue").Ref<{
3391
3449
  readonly lastModified: number;
@@ -3934,7 +3992,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3934
3992
  default: import("../../../neon").NeonInputMode;
3935
3993
  };
3936
3994
  autocomplete: {
3937
- type: StringConstructor;
3995
+ type: () => import("../../../neon").NeonInputMode;
3938
3996
  default: string;
3939
3997
  };
3940
3998
  state: {
@@ -3977,6 +4035,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3977
4035
  type: NumberConstructor;
3978
4036
  default: null;
3979
4037
  };
4038
+ maxlengthLabel: {
4039
+ type: StringConstructor;
4040
+ default: string;
4041
+ };
3980
4042
  debounce: {
3981
4043
  type: NumberConstructor;
3982
4044
  default: undefined;
@@ -3991,12 +4053,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3991
4053
  iconName: import("vue").ComputedRef<string | undefined>;
3992
4054
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
3993
4055
  computedPlaceholder: import("vue").ComputedRef<string>;
4056
+ counterLabel: import("vue").ComputedRef<string | null>;
3994
4057
  focus: () => void;
3995
4058
  click: () => void;
3996
4059
  onFocus: () => void;
3997
4060
  onBlur: () => void;
3998
4061
  iconClicked: ($event: Event) => void;
3999
- changeValue: (event: Event) => void;
4062
+ changeValue: (event: InputEvent) => void;
4000
4063
  onKeyDown: (event: KeyboardEvent) => void;
4001
4064
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], "update:modelValue" | "focus" | "blur" | "icon-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
4002
4065
  id: {
@@ -4030,7 +4093,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
4030
4093
  default: import("../../../neon").NeonInputMode;
4031
4094
  };
4032
4095
  autocomplete: {
4033
- type: StringConstructor;
4096
+ type: () => import("../../../neon").NeonInputMode;
4034
4097
  default: string;
4035
4098
  };
4036
4099
  state: {
@@ -4073,6 +4136,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
4073
4136
  type: NumberConstructor;
4074
4137
  default: null;
4075
4138
  };
4139
+ maxlengthLabel: {
4140
+ type: StringConstructor;
4141
+ default: string;
4142
+ };
4076
4143
  debounce: {
4077
4144
  type: NumberConstructor;
4078
4145
  default: undefined;
@@ -4095,13 +4162,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
4095
4162
  inputmode: import("../../../neon").NeonInputMode;
4096
4163
  modelValue: string;
4097
4164
  state: import("../../../neon").NeonState;
4098
- autocomplete: string;
4165
+ autocomplete: import("../../../neon").NeonInputMode;
4099
4166
  rows: number;
4100
4167
  iconReadonly: boolean;
4101
4168
  hideIcon: boolean;
4102
4169
  stateHighlight: boolean;
4103
4170
  stateIcon: boolean;
4104
4171
  maxlength: number;
4172
+ maxlengthLabel: string;
4105
4173
  }, {}, {
4106
4174
  NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
4107
4175
  name: {
@@ -5362,7 +5430,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5362
5430
  default: import("../../../neon").NeonInputMode;
5363
5431
  };
5364
5432
  autocomplete: {
5365
- type: StringConstructor;
5433
+ type: () => import("../../../neon").NeonInputMode;
5366
5434
  default: string;
5367
5435
  };
5368
5436
  state: {
@@ -5405,6 +5473,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5405
5473
  type: NumberConstructor;
5406
5474
  default: null;
5407
5475
  };
5476
+ maxlengthLabel: {
5477
+ type: StringConstructor;
5478
+ default: string;
5479
+ };
5408
5480
  debounce: {
5409
5481
  type: NumberConstructor;
5410
5482
  default: undefined;
@@ -5424,12 +5496,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5424
5496
  iconName: import("vue").ComputedRef<string | undefined>;
5425
5497
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
5426
5498
  computedPlaceholder: import("vue").ComputedRef<string>;
5499
+ counterLabel: import("vue").ComputedRef<string | null>;
5427
5500
  focus: () => void;
5428
5501
  click: () => void;
5429
5502
  onFocus: () => void;
5430
5503
  onBlur: () => void;
5431
5504
  iconClicked: ($event: Event) => void;
5432
- changeValue: (event: Event) => void;
5505
+ changeValue: (event: InputEvent) => void;
5433
5506
  onKeyDown: (event: KeyboardEvent) => void;
5434
5507
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
5435
5508
  disabled: boolean;
@@ -5444,13 +5517,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5444
5517
  inputmode: import("../../../neon").NeonInputMode;
5445
5518
  modelValue: string;
5446
5519
  state: import("../../../neon").NeonState;
5447
- autocomplete: string;
5520
+ autocomplete: import("../../../neon").NeonInputMode;
5448
5521
  rows: number;
5449
5522
  iconReadonly: boolean;
5450
5523
  hideIcon: boolean;
5451
5524
  stateHighlight: boolean;
5452
5525
  stateIcon: boolean;
5453
5526
  maxlength: number;
5527
+ maxlengthLabel: string;
5454
5528
  }, true, {}, {}, {
5455
5529
  NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5456
5530
  name: {
@@ -5548,7 +5622,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5548
5622
  default: import("../../../neon").NeonInputMode;
5549
5623
  };
5550
5624
  autocomplete: {
5551
- type: StringConstructor;
5625
+ type: () => import("../../../neon").NeonInputMode;
5552
5626
  default: string;
5553
5627
  };
5554
5628
  state: {
@@ -5591,6 +5665,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5591
5665
  type: NumberConstructor;
5592
5666
  default: null;
5593
5667
  };
5668
+ maxlengthLabel: {
5669
+ type: StringConstructor;
5670
+ default: string;
5671
+ };
5594
5672
  debounce: {
5595
5673
  type: NumberConstructor;
5596
5674
  default: undefined;
@@ -5610,12 +5688,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5610
5688
  iconName: import("vue").ComputedRef<string | undefined>;
5611
5689
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
5612
5690
  computedPlaceholder: import("vue").ComputedRef<string>;
5691
+ counterLabel: import("vue").ComputedRef<string | null>;
5613
5692
  focus: () => void;
5614
5693
  click: () => void;
5615
5694
  onFocus: () => void;
5616
5695
  onBlur: () => void;
5617
5696
  iconClicked: ($event: Event) => void;
5618
- changeValue: (event: Event) => void;
5697
+ changeValue: (event: InputEvent) => void;
5619
5698
  onKeyDown: (event: KeyboardEvent) => void;
5620
5699
  }, {}, {}, {}, {
5621
5700
  disabled: boolean;
@@ -5630,13 +5709,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5630
5709
  inputmode: import("../../../neon").NeonInputMode;
5631
5710
  modelValue: string;
5632
5711
  state: import("../../../neon").NeonState;
5633
- autocomplete: string;
5712
+ autocomplete: import("../../../neon").NeonInputMode;
5634
5713
  rows: number;
5635
5714
  iconReadonly: boolean;
5636
5715
  hideIcon: boolean;
5637
5716
  stateHighlight: boolean;
5638
5717
  stateIcon: boolean;
5639
5718
  maxlength: number;
5719
+ maxlengthLabel: string;
5640
5720
  }> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
5641
5721
  id: {
5642
5722
  type: StringConstructor;
@@ -5669,7 +5749,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5669
5749
  default: import("../../../neon").NeonInputMode;
5670
5750
  };
5671
5751
  autocomplete: {
5672
- type: StringConstructor;
5752
+ type: () => import("../../../neon").NeonInputMode;
5673
5753
  default: string;
5674
5754
  };
5675
5755
  state: {
@@ -5712,6 +5792,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5712
5792
  type: NumberConstructor;
5713
5793
  default: null;
5714
5794
  };
5795
+ maxlengthLabel: {
5796
+ type: StringConstructor;
5797
+ default: string;
5798
+ };
5715
5799
  debounce: {
5716
5800
  type: NumberConstructor;
5717
5801
  default: undefined;
@@ -5731,12 +5815,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5731
5815
  iconName: import("vue").ComputedRef<string | undefined>;
5732
5816
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
5733
5817
  computedPlaceholder: import("vue").ComputedRef<string>;
5818
+ counterLabel: import("vue").ComputedRef<string | null>;
5734
5819
  focus: () => void;
5735
5820
  click: () => void;
5736
5821
  onFocus: () => void;
5737
5822
  onBlur: () => void;
5738
5823
  iconClicked: ($event: Event) => void;
5739
- changeValue: (event: Event) => void;
5824
+ changeValue: (event: InputEvent) => void;
5740
5825
  onKeyDown: (event: KeyboardEvent) => void;
5741
5826
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
5742
5827
  disabled: boolean;
@@ -5751,13 +5836,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5751
5836
  inputmode: import("../../../neon").NeonInputMode;
5752
5837
  modelValue: string;
5753
5838
  state: import("../../../neon").NeonState;
5754
- autocomplete: string;
5839
+ autocomplete: import("../../../neon").NeonInputMode;
5755
5840
  rows: number;
5756
5841
  iconReadonly: boolean;
5757
5842
  hideIcon: boolean;
5758
5843
  stateHighlight: boolean;
5759
5844
  stateIcon: boolean;
5760
5845
  maxlength: number;
5846
+ maxlengthLabel: string;
5761
5847
  }, true, {}, {}, {
5762
5848
  NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5763
5849
  name: {
@@ -5855,7 +5941,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5855
5941
  default: import("../../../neon").NeonInputMode;
5856
5942
  };
5857
5943
  autocomplete: {
5858
- type: StringConstructor;
5944
+ type: () => import("../../../neon").NeonInputMode;
5859
5945
  default: string;
5860
5946
  };
5861
5947
  state: {
@@ -5898,6 +5984,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5898
5984
  type: NumberConstructor;
5899
5985
  default: null;
5900
5986
  };
5987
+ maxlengthLabel: {
5988
+ type: StringConstructor;
5989
+ default: string;
5990
+ };
5901
5991
  debounce: {
5902
5992
  type: NumberConstructor;
5903
5993
  default: undefined;
@@ -5917,12 +6007,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5917
6007
  iconName: import("vue").ComputedRef<string | undefined>;
5918
6008
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
5919
6009
  computedPlaceholder: import("vue").ComputedRef<string>;
6010
+ counterLabel: import("vue").ComputedRef<string | null>;
5920
6011
  focus: () => void;
5921
6012
  click: () => void;
5922
6013
  onFocus: () => void;
5923
6014
  onBlur: () => void;
5924
6015
  iconClicked: ($event: Event) => void;
5925
- changeValue: (event: Event) => void;
6016
+ changeValue: (event: InputEvent) => void;
5926
6017
  onKeyDown: (event: KeyboardEvent) => void;
5927
6018
  }, {}, {}, {}, {
5928
6019
  disabled: boolean;
@@ -5937,13 +6028,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
5937
6028
  inputmode: import("../../../neon").NeonInputMode;
5938
6029
  modelValue: string;
5939
6030
  state: import("../../../neon").NeonState;
5940
- autocomplete: string;
6031
+ autocomplete: import("../../../neon").NeonInputMode;
5941
6032
  rows: number;
5942
6033
  iconReadonly: boolean;
5943
6034
  hideIcon: boolean;
5944
6035
  stateHighlight: boolean;
5945
6036
  stateIcon: boolean;
5946
6037
  maxlength: number;
6038
+ maxlengthLabel: string;
5947
6039
  }> | null>;
5948
6040
  files: import("vue").Ref<{
5949
6041
  readonly lastModified: number;
@@ -6492,7 +6584,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
6492
6584
  default: import("../../../neon").NeonInputMode;
6493
6585
  };
6494
6586
  autocomplete: {
6495
- type: StringConstructor;
6587
+ type: () => import("../../../neon").NeonInputMode;
6496
6588
  default: string;
6497
6589
  };
6498
6590
  state: {
@@ -6535,6 +6627,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
6535
6627
  type: NumberConstructor;
6536
6628
  default: null;
6537
6629
  };
6630
+ maxlengthLabel: {
6631
+ type: StringConstructor;
6632
+ default: string;
6633
+ };
6538
6634
  debounce: {
6539
6635
  type: NumberConstructor;
6540
6636
  default: undefined;
@@ -6549,12 +6645,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
6549
6645
  iconName: import("vue").ComputedRef<string | undefined>;
6550
6646
  iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
6551
6647
  computedPlaceholder: import("vue").ComputedRef<string>;
6648
+ counterLabel: import("vue").ComputedRef<string | null>;
6552
6649
  focus: () => void;
6553
6650
  click: () => void;
6554
6651
  onFocus: () => void;
6555
6652
  onBlur: () => void;
6556
6653
  iconClicked: ($event: Event) => void;
6557
- changeValue: (event: Event) => void;
6654
+ changeValue: (event: InputEvent) => void;
6558
6655
  onKeyDown: (event: KeyboardEvent) => void;
6559
6656
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], "update:modelValue" | "focus" | "blur" | "icon-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
6560
6657
  id: {
@@ -6588,7 +6685,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
6588
6685
  default: import("../../../neon").NeonInputMode;
6589
6686
  };
6590
6687
  autocomplete: {
6591
- type: StringConstructor;
6688
+ type: () => import("../../../neon").NeonInputMode;
6592
6689
  default: string;
6593
6690
  };
6594
6691
  state: {
@@ -6631,6 +6728,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
6631
6728
  type: NumberConstructor;
6632
6729
  default: null;
6633
6730
  };
6731
+ maxlengthLabel: {
6732
+ type: StringConstructor;
6733
+ default: string;
6734
+ };
6634
6735
  debounce: {
6635
6736
  type: NumberConstructor;
6636
6737
  default: undefined;
@@ -6653,13 +6754,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
6653
6754
  inputmode: import("../../../neon").NeonInputMode;
6654
6755
  modelValue: string;
6655
6756
  state: import("../../../neon").NeonState;
6656
- autocomplete: string;
6757
+ autocomplete: import("../../../neon").NeonInputMode;
6657
6758
  rows: number;
6658
6759
  iconReadonly: boolean;
6659
6760
  hideIcon: boolean;
6660
6761
  stateHighlight: boolean;
6661
6762
  stateIcon: boolean;
6662
6763
  maxlength: number;
6764
+ maxlengthLabel: string;
6663
6765
  }, {}, {
6664
6766
  NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
6665
6767
  name: {