bonkers-ui 1.0.71 → 1.0.73

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 (186) hide show
  1. package/.eslintrc.js +6 -3
  2. package/CONSTANTS.d.ts +0 -1
  3. package/bonkers-ui.umd.js +7 -7
  4. package/bonkers-ui.umd.js.map +1 -1
  5. package/components/ui-alert/index.d.ts +0 -1
  6. package/components/ui-alert/index.d.ts.map +1 -1
  7. package/components/ui-alert/ui-alert.vue.d.ts +10 -6
  8. package/components/ui-alert/ui-alert.vue.d.ts.map +1 -1
  9. package/components/ui-badge/index.d.ts +0 -1
  10. package/components/ui-badge/index.d.ts.map +1 -1
  11. package/components/ui-badge/ui-badge.vue.d.ts +18 -14
  12. package/components/ui-badge/ui-badge.vue.d.ts.map +1 -1
  13. package/components/ui-ber-rank/_types.d.ts +0 -1
  14. package/components/ui-ber-rank/index.d.ts +2 -3
  15. package/components/ui-ber-rank/index.d.ts.map +1 -1
  16. package/components/ui-ber-rank/ui-ber-rank.vue.d.ts +9 -10
  17. package/components/ui-ber-rank/ui-ber-rank.vue.d.ts.map +1 -1
  18. package/components/ui-button/index.d.ts +0 -1
  19. package/components/ui-button/index.d.ts.map +1 -1
  20. package/components/ui-button/ui-button.vue.d.ts +20 -16
  21. package/components/ui-button/ui-button.vue.d.ts.map +1 -1
  22. package/components/ui-card-cta/index.d.ts +0 -1
  23. package/components/ui-card-cta/index.d.ts.map +1 -1
  24. package/components/ui-card-cta/ui-card-cta.vue.d.ts +12 -8
  25. package/components/ui-card-cta/ui-card-cta.vue.d.ts.map +1 -1
  26. package/components/ui-card-order/index.d.ts +3 -0
  27. package/components/ui-card-order/index.d.ts.map +1 -0
  28. package/components/ui-card-order/ui-card-order.vue.d.ts +43 -0
  29. package/components/ui-card-order/ui-card-order.vue.d.ts.map +1 -0
  30. package/components/ui-card-result/index.d.ts +0 -1
  31. package/components/ui-card-result/index.d.ts.map +1 -1
  32. package/components/ui-card-result/ui-card-result.vue.d.ts +11 -6
  33. package/components/ui-card-result/ui-card-result.vue.d.ts.map +1 -1
  34. package/components/ui-card-result/ui-card-result.vue.js +2 -2
  35. package/components/ui-card-result/ui-card-result.vue2.js +2 -2
  36. package/components/ui-card-simple/index.d.ts +0 -1
  37. package/components/ui-card-simple/index.d.ts.map +1 -1
  38. package/components/ui-card-simple/ui-card-simple.vue.d.ts +9 -4
  39. package/components/ui-card-simple/ui-card-simple.vue.d.ts.map +1 -1
  40. package/components/ui-card-simple/ui-card-simple.vue.js +1 -1
  41. package/components/ui-card-simple/ui-card-simple.vue.js.map +1 -1
  42. package/components/ui-checkbox/_types.d.ts +5 -0
  43. package/components/ui-checkbox/_types.d.ts.map +1 -0
  44. package/components/ui-checkbox/_types.js +5 -0
  45. package/components/ui-checkbox/_types.js.map +1 -0
  46. package/components/ui-checkbox/index.d.ts +75 -32
  47. package/components/ui-checkbox/index.d.ts.map +1 -1
  48. package/components/ui-checkbox/ui-checkbox.vue.d.ts +37 -7
  49. package/components/ui-checkbox/ui-checkbox.vue.d.ts.map +1 -1
  50. package/components/ui-checkbox/ui-checkbox.vue.js +2 -2
  51. package/components/ui-checkbox/ui-checkbox.vue2.js +54 -47
  52. package/components/ui-checkbox/ui-checkbox.vue2.js.map +1 -1
  53. package/components/ui-dropdown/index.d.ts +21 -22
  54. package/components/ui-dropdown/index.d.ts.map +1 -1
  55. package/components/ui-dropdown/ui-dropdown.vue.d.ts +20 -14
  56. package/components/ui-dropdown/ui-dropdown.vue.d.ts.map +1 -1
  57. package/components/ui-dropdown/ui-dropdown.vue.js +1 -1
  58. package/components/ui-dropdown/ui-dropdown.vue.js.map +1 -1
  59. package/components/ui-icon/index.d.ts +0 -1
  60. package/components/ui-icon/index.d.ts.map +1 -1
  61. package/components/ui-icon/ui-icon.vue.d.ts +9 -10
  62. package/components/ui-icon/ui-icon.vue.d.ts.map +1 -1
  63. package/components/ui-icon-wrapper/index.d.ts +0 -1
  64. package/components/ui-icon-wrapper/index.d.ts.map +1 -1
  65. package/components/ui-icon-wrapper/ui-icon-wrapper.vue.d.ts +18 -14
  66. package/components/ui-icon-wrapper/ui-icon-wrapper.vue.d.ts.map +1 -1
  67. package/components/ui-input/index.d.ts +42 -43
  68. package/components/ui-input/index.d.ts.map +1 -1
  69. package/components/ui-input/ui-input.vue.d.ts +23 -19
  70. package/components/ui-input/ui-input.vue.d.ts.map +1 -1
  71. package/components/ui-input-range/index.d.ts +0 -1
  72. package/components/ui-input-range/index.d.ts.map +1 -1
  73. package/components/ui-input-range/ui-input-range.vue.d.ts +3 -3
  74. package/components/ui-input-range/ui-input-range.vue.d.ts.map +1 -1
  75. package/components/ui-list-item/index.d.ts +19 -20
  76. package/components/ui-list-item/index.d.ts.map +1 -1
  77. package/components/ui-list-item/ui-list-item.vue.d.ts +20 -16
  78. package/components/ui-list-item/ui-list-item.vue.d.ts.map +1 -1
  79. package/components/ui-media-card/index.d.ts +0 -1
  80. package/components/ui-media-card/index.js +5 -0
  81. package/components/ui-media-card/index.js.map +1 -0
  82. package/components/ui-media-card/ui-media-card.vue.d.ts +24 -0
  83. package/components/ui-media-card/ui-media-card.vue.d.ts.map +1 -0
  84. package/components/ui-media-card/ui-media-card.vue.js +59 -0
  85. package/components/ui-media-card/ui-media-card.vue.js.map +1 -0
  86. package/components/ui-media-card/ui-media-card.vue2.js +5 -0
  87. package/components/ui-media-card/ui-media-card.vue2.js.map +1 -0
  88. package/components/ui-modal/index.d.ts +0 -1
  89. package/components/ui-modal/index.d.ts.map +1 -1
  90. package/components/ui-modal/ui-backdrop/index.d.ts +0 -1
  91. package/components/ui-modal/ui-backdrop/index.d.ts.map +1 -1
  92. package/components/ui-modal/ui-backdrop/ui-backdrop.vue.d.ts +7 -2
  93. package/components/ui-modal/ui-backdrop/ui-backdrop.vue.d.ts.map +1 -1
  94. package/components/ui-modal/ui-backdrop/ui-backdrop.vue.js +9 -9
  95. package/components/ui-modal/ui-backdrop/ui-backdrop.vue.js.map +1 -1
  96. package/components/ui-modal/ui-modal.vue.d.ts +21 -17
  97. package/components/ui-modal/ui-modal.vue.d.ts.map +1 -1
  98. package/components/ui-notification-badge/index.d.ts +0 -1
  99. package/components/ui-notification-badge/index.d.ts.map +1 -1
  100. package/components/ui-notification-badge/ui-notification-badge.vue.d.ts +18 -14
  101. package/components/ui-notification-badge/ui-notification-badge.vue.d.ts.map +1 -1
  102. package/components/ui-order-card/index.d.ts +14 -15
  103. package/components/ui-order-card/index.d.ts.map +1 -1
  104. package/components/ui-order-card/ui-order-card.vue.d.ts +20 -16
  105. package/components/ui-order-card/ui-order-card.vue.d.ts.map +1 -1
  106. package/components/ui-plain-radio/index.d.ts +0 -1
  107. package/components/ui-plain-radio/index.d.ts.map +1 -1
  108. package/components/ui-plain-radio/ui-plain-radio.vue.d.ts +11 -6
  109. package/components/ui-plain-radio/ui-plain-radio.vue.d.ts.map +1 -1
  110. package/components/ui-product-card/ui-product-card.vue.d.ts +12 -7
  111. package/components/ui-product-card/ui-product-card.vue.d.ts.map +1 -1
  112. package/components/ui-product-card/ui-product-card.vue.js +1 -1
  113. package/components/ui-progress/index.d.ts +0 -1
  114. package/components/ui-progress/index.d.ts.map +1 -1
  115. package/components/ui-progress/ui-progress.vue.d.ts +9 -9
  116. package/components/ui-progress/ui-progress.vue.d.ts.map +1 -1
  117. package/components/ui-radio/index.d.ts +0 -1
  118. package/components/ui-radio/index.d.ts.map +1 -1
  119. package/components/ui-radio/ui-radio.vue.d.ts +10 -6
  120. package/components/ui-radio/ui-radio.vue.d.ts.map +1 -1
  121. package/components/ui-radio-compact/index.d.ts +0 -1
  122. package/components/ui-radio-compact/index.d.ts.map +1 -1
  123. package/components/ui-radio-compact/ui-radio-compact.vue.d.ts +10 -5
  124. package/components/ui-radio-compact/ui-radio-compact.vue.d.ts.map +1 -1
  125. package/components/ui-radio-fancy/index.d.ts +16 -17
  126. package/components/ui-radio-fancy/index.d.ts.map +1 -1
  127. package/components/ui-radio-fancy/ui-radio-fancy.vue.d.ts +18 -14
  128. package/components/ui-radio-fancy/ui-radio-fancy.vue.d.ts.map +1 -1
  129. package/components/ui-result-card-range/index.d.ts +0 -1
  130. package/components/ui-result-card-range/index.d.ts.map +1 -1
  131. package/components/ui-result-card-range/ui-result-card-range.vue.d.ts +10 -6
  132. package/components/ui-result-card-range/ui-result-card-range.vue.d.ts.map +1 -1
  133. package/components/ui-ripple/index.d.ts +0 -1
  134. package/components/ui-ripple/index.d.ts.map +1 -1
  135. package/components/ui-ripple/ui-ripple.vue.d.ts +9 -2
  136. package/components/ui-ripple/ui-ripple.vue.d.ts.map +1 -1
  137. package/components/ui-select/index.d.ts +0 -1
  138. package/components/ui-select/index.d.ts.map +1 -1
  139. package/components/ui-select/ui-select.vue.d.ts +13 -8
  140. package/components/ui-select/ui-select.vue.d.ts.map +1 -1
  141. package/components/ui-skeleton/index.d.ts +0 -1
  142. package/components/ui-skeleton/index.d.ts.map +1 -1
  143. package/components/ui-skeleton/ui-skeleton.vue.d.ts +9 -10
  144. package/components/ui-skeleton/ui-skeleton.vue.d.ts.map +1 -1
  145. package/components/ui-snackbar/index.d.ts +13 -14
  146. package/components/ui-snackbar/index.d.ts.map +1 -1
  147. package/components/ui-snackbar/ui-snackbar.vue.d.ts +20 -16
  148. package/components/ui-snackbar/ui-snackbar.vue.d.ts.map +1 -1
  149. package/components/ui-table/index.d.ts +0 -1
  150. package/components/ui-table/index.d.ts.map +1 -1
  151. package/components/ui-table/ui-table-cell/index.d.ts +0 -1
  152. package/components/ui-table/ui-table-cell/index.d.ts.map +1 -1
  153. package/components/ui-table/ui-table-cell/ui-table-cell.vue.d.ts +11 -7
  154. package/components/ui-table/ui-table-cell/ui-table-cell.vue.d.ts.map +1 -1
  155. package/components/ui-table/ui-table-row/index.d.ts +0 -1
  156. package/components/ui-table/ui-table-row/index.d.ts.map +1 -1
  157. package/components/ui-table/ui-table-row/ui-table-row.vue.d.ts +10 -6
  158. package/components/ui-table/ui-table-row/ui-table-row.vue.d.ts.map +1 -1
  159. package/components/ui-table/ui-table.vue.d.ts +18 -14
  160. package/components/ui-table/ui-table.vue.d.ts.map +1 -1
  161. package/components/ui-tabs/index.d.ts +8 -9
  162. package/components/ui-tabs/index.d.ts.map +1 -1
  163. package/components/ui-tabs/ui-tabs.vue.d.ts +9 -9
  164. package/components/ui-tabs/ui-tabs.vue.d.ts.map +1 -1
  165. package/components/ui-toggle/index.d.ts +0 -1
  166. package/components/ui-toggle/index.d.ts.map +1 -1
  167. package/components/ui-toggle/ui-toggle.vue.d.ts +11 -6
  168. package/components/ui-toggle/ui-toggle.vue.d.ts.map +1 -1
  169. package/components/ui-toggle/ui-toggle.vue.js +3 -3
  170. package/components/ui-toggle/ui-toggle.vue2.js +28 -44
  171. package/components/ui-toggle/ui-toggle.vue2.js.map +1 -1
  172. package/components/ui-typography/index.d.ts +0 -1
  173. package/components/ui-typography/index.d.ts.map +1 -1
  174. package/components/ui-typography/ui-typography.vue.d.ts +10 -6
  175. package/components/ui-typography/ui-typography.vue.d.ts.map +1 -1
  176. package/components/ui-verification-input/index.d.ts +0 -1
  177. package/components/ui-verification-input/index.d.ts.map +1 -1
  178. package/components/ui-verification-input/ui-verification-input.vue.d.ts +12 -5
  179. package/components/ui-verification-input/ui-verification-input.vue.d.ts.map +1 -1
  180. package/index.d.ts +1 -1
  181. package/index.d.ts.map +1 -1
  182. package/index.js +136 -132
  183. package/index.js.map +1 -1
  184. package/package.json +35 -33
  185. package/plugin.ts +27 -6
  186. package/src/_styles/_backdropBlur.json +10 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"_types.d.ts","sourceRoot":"","sources":["../../../src/components/ui-checkbox/_types.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc;IACzB,EAAE,OAAO;IACT,EAAE,OAAO;CACT"}
@@ -0,0 +1,5 @@
1
+ var M = /* @__PURE__ */ ((r) => (r.SM = "SM", r.MD = "MD", r))(M || {});
2
+ export {
3
+ M as ECheckboxSizes
4
+ };
5
+ //# sourceMappingURL=_types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"_types.js","sources":["../../../src/components/ui-checkbox/_types.ts"],"sourcesContent":["export enum ECheckboxSizes {\n\tSM = \"SM\",\n\tMD = \"MD\"\n}\n"],"names":["ECheckboxSizes"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,KAAK,MACLA,EAAA,KAAK,MAFMA,IAAAA,KAAA,CAAA,CAAA;"}
@@ -1,53 +1,72 @@
1
1
  import { default as UiCheckbox } from './ui-checkbox.vue';
2
2
  import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
3
+ import { ECheckboxSizes } from './_types';
3
4
  import { EJustify } from '../../types';
4
-
5
5
  export { UiCheckbox };
6
6
  /**
7
7
  * @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
8
8
  */
9
9
  declare const deprecatedDefault: {
10
10
  new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
11
+ size: {
12
+ type: PropType<ECheckboxSizes>;
13
+ default: ECheckboxSizes;
14
+ };
15
+ disabled: {
16
+ type: PropType<boolean>;
17
+ default: boolean;
18
+ };
11
19
  modelValue: {
12
20
  type: PropType<boolean | unknown[]>;
13
21
  required: true;
14
22
  };
15
- justify: {
16
- type: PropType<EJustify>;
23
+ value: {
24
+ type: PropType<string>;
17
25
  };
18
26
  invertOrder: {
19
27
  type: PropType<boolean>;
28
+ default: boolean;
20
29
  };
21
- disabled: {
22
- type: PropType<boolean>;
23
- };
24
- value: {
25
- type: PropType<string>;
30
+ justify: {
31
+ type: PropType<EJustify>;
32
+ default: EJustify;
26
33
  };
27
34
  }>> & {
28
35
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
29
36
  }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
30
37
  "update:modelValue": (...args: any[]) => void;
31
38
  }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
39
+ size: {
40
+ type: PropType<ECheckboxSizes>;
41
+ default: ECheckboxSizes;
42
+ };
43
+ disabled: {
44
+ type: PropType<boolean>;
45
+ default: boolean;
46
+ };
32
47
  modelValue: {
33
48
  type: PropType<boolean | unknown[]>;
34
49
  required: true;
35
50
  };
36
- justify: {
37
- type: PropType<EJustify>;
51
+ value: {
52
+ type: PropType<string>;
38
53
  };
39
54
  invertOrder: {
40
55
  type: PropType<boolean>;
56
+ default: boolean;
41
57
  };
42
- disabled: {
43
- type: PropType<boolean>;
44
- };
45
- value: {
46
- type: PropType<string>;
58
+ justify: {
59
+ type: PropType<EJustify>;
60
+ default: EJustify;
47
61
  };
48
62
  }>> & {
49
63
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
50
- }, {}, true, {}, {}, {
64
+ }, {
65
+ size: ECheckboxSizes;
66
+ disabled: boolean;
67
+ invertOrder: boolean;
68
+ justify: EJustify;
69
+ }, true, {}, {}, {
51
70
  P: {};
52
71
  B: {};
53
72
  D: {};
@@ -55,50 +74,74 @@ declare const deprecatedDefault: {
55
74
  M: {};
56
75
  Defaults: {};
57
76
  }, Readonly< ExtractPropTypes<{
77
+ size: {
78
+ type: PropType<ECheckboxSizes>;
79
+ default: ECheckboxSizes;
80
+ };
81
+ disabled: {
82
+ type: PropType<boolean>;
83
+ default: boolean;
84
+ };
58
85
  modelValue: {
59
86
  type: PropType<boolean | unknown[]>;
60
87
  required: true;
61
88
  };
62
- justify: {
63
- type: PropType<EJustify>;
89
+ value: {
90
+ type: PropType<string>;
64
91
  };
65
92
  invertOrder: {
66
93
  type: PropType<boolean>;
94
+ default: boolean;
67
95
  };
68
- disabled: {
69
- type: PropType<boolean>;
70
- };
71
- value: {
72
- type: PropType<string>;
96
+ justify: {
97
+ type: PropType<EJustify>;
98
+ default: EJustify;
73
99
  };
74
100
  }>> & {
75
101
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
76
- }, {}, {}, {}, {}, {}>;
102
+ }, {}, {}, {}, {}, {
103
+ size: ECheckboxSizes;
104
+ disabled: boolean;
105
+ invertOrder: boolean;
106
+ justify: EJustify;
107
+ }>;
77
108
  __isFragment?: never;
78
109
  __isTeleport?: never;
79
110
  __isSuspense?: never;
80
111
  } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
112
+ size: {
113
+ type: PropType<ECheckboxSizes>;
114
+ default: ECheckboxSizes;
115
+ };
116
+ disabled: {
117
+ type: PropType<boolean>;
118
+ default: boolean;
119
+ };
81
120
  modelValue: {
82
121
  type: PropType<boolean | unknown[]>;
83
122
  required: true;
84
123
  };
85
- justify: {
86
- type: PropType<EJustify>;
124
+ value: {
125
+ type: PropType<string>;
87
126
  };
88
127
  invertOrder: {
89
128
  type: PropType<boolean>;
129
+ default: boolean;
90
130
  };
91
- disabled: {
92
- type: PropType<boolean>;
93
- };
94
- value: {
95
- type: PropType<string>;
131
+ justify: {
132
+ type: PropType<EJustify>;
133
+ default: EJustify;
96
134
  };
97
135
  }>> & {
98
136
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
99
137
  }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
100
138
  "update:modelValue": (...args: any[]) => void;
101
- }, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
139
+ }, string, {
140
+ size: ECheckboxSizes;
141
+ disabled: boolean;
142
+ invertOrder: boolean;
143
+ justify: EJustify;
144
+ }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
102
145
  $slots: {
103
146
  default?(_: {}): any;
104
147
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui-checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB;;GAEG;AACH,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAa,CAAC;AACrC,eAAe,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui-checkbox/index.ts"],"names":[],"mappings":";;;AAAA,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB;;GAEG;AACH,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAa,CAAC;AACrC,eAAe,iBAAiB,CAAC"}
@@ -1,30 +1,57 @@
1
1
  import { EJustify } from '../../_types/align';
2
+ import { ECheckboxSizes as ECheckboxSize } from './_types';
2
3
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
3
-
4
4
  declare function __VLS_template(): {
5
- default?(_: {}): any;
5
+ slots: {
6
+ default?(_: {}): any;
7
+ };
8
+ refs: {};
9
+ attrs: Partial<{}>;
6
10
  };
7
- declare const __VLS_component: DefineComponent<__VLS_TypePropsToRuntimeProps<{
11
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
12
+ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
8
13
  modelValue: boolean | unknown[];
9
14
  justify?: EJustify;
10
15
  invertOrder?: boolean;
11
16
  disabled?: boolean;
12
17
  value?: string;
18
+ size?: ECheckboxSize;
19
+ }>, {
20
+ size: ECheckboxSize;
21
+ disabled: boolean;
22
+ justify: EJustify;
23
+ invertOrder: boolean;
13
24
  }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
14
25
  "update:modelValue": (...args: any[]) => void;
15
- }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
26
+ }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
16
27
  modelValue: boolean | unknown[];
17
28
  justify?: EJustify;
18
29
  invertOrder?: boolean;
19
30
  disabled?: boolean;
20
31
  value?: string;
32
+ size?: ECheckboxSize;
33
+ }>, {
34
+ size: ECheckboxSize;
35
+ disabled: boolean;
36
+ justify: EJustify;
37
+ invertOrder: boolean;
21
38
  }>>> & {
22
39
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
23
- }, {}, {}>;
24
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
40
+ }, {
41
+ size: ECheckboxSize;
42
+ disabled: boolean;
43
+ invertOrder: boolean;
44
+ justify: EJustify;
45
+ }, {}>;
46
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
25
47
  export default _default;
48
+ type __VLS_WithDefaults<P, D> = {
49
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
50
+ default: D[K];
51
+ }> : P[K];
52
+ };
26
53
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
27
- type __VLS_TypePropsToRuntimeProps<T> = {
54
+ type __VLS_TypePropsToOption<T> = {
28
55
  [K in keyof T]-?: {} extends Pick<T, K> ? {
29
56
  type: PropType<__VLS_NonUndefinedable<T[K]>>;
30
57
  } : {
@@ -37,4 +64,7 @@ type __VLS_WithTemplateSlots<T, S> = T & {
37
64
  $slots: S;
38
65
  };
39
66
  };
67
+ type __VLS_PrettifyLocal<T> = {
68
+ [K in keyof T]: T[K];
69
+ } & {};
40
70
  //# sourceMappingURL=ui-checkbox.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ui-checkbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-checkbox/ui-checkbox.vue"],"names":[],"mappings":"AA6DA;AAGC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AA6B/C,iBAAS,cAAc;qBA+IO,GAAG;EAGhC;AAkBD,QAAA,MAAM,eAAe;gBAMP,OAAO,GAAG,OAAO,EAAE;cACrB,QAAQ;kBACJ,OAAO;eACV,OAAO;YACV,MAAM;;;;gBAJF,OAAO,GAAG,OAAO,EAAE;cACrB,QAAQ;kBACJ,OAAO;eACV,OAAO;YACV,MAAM;;;UAGd,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"ui-checkbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-checkbox/ui-checkbox.vue"],"names":[],"mappings":";AAyLC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,cAAc,IAAI,aAAa,EAAE,MAAM,UAAU,CAAC;AA4C5D,iBAAS,cAAc;;yBAyFM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;gBAvJP,OAAO,GAAG,OAAO,EAAE;cACrB,QAAQ;kBACJ,OAAO;eACV,OAAO;YACV,MAAM;WACP,aAAa;;;;;;;;;gBALR,OAAO,GAAG,OAAO,EAAE;cACrB,QAAQ;kBACJ,OAAO;eACV,OAAO;YACV,MAAM;WACP,aAAa;;;;;;;;;UAAb,aAAa;cAFT,OAAO;iBADJ,OAAO;aADX,QAAQ;MA6JlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC9B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GAC5C,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AACF,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC;AACF,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AACF,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
@@ -1,8 +1,8 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(".ui-checkbox[data-v-19ebb4f7]{grid-template-columns:auto auto}.ui-checkbox_custom[data-v-19ebb4f7]{transition:background-color ease-in-out .3s .3s,border-width ease-in-out .2s}.ui-checkbox__icon[data-v-19ebb4f7]{stroke-dasharray:70;stroke-dashoffset:70;transition:stroke-dashoffset .3s ease-in-out}input+.ui-checkbox_custom[data-v-19ebb4f7]:active{transition:background-color ease-in-out .1s;background-color:var(--color-secondary-alt-200)}input+.ui-checkbox_custom[data-v-19ebb4f7]:active,input:focus+.ui-checkbox_custom[data-v-19ebb4f7]{box-shadow:var(--shadow-border-primary)}input:disabled+.ui-checkbox_custom[data-v-19ebb4f7]{background-color:var(--color-secondary-alt-200);border-color:var(--color-secondary-alt-400)}input:checked+.ui-checkbox_custom .ui-checkbox__icon[data-v-19ebb4f7]{stroke-dashoffset:0}input:checked+.ui-checkbox_custom>svg[data-v-19ebb4f7]{opacity:1}input:checked+.ui-checkbox_custom[data-v-19ebb4f7]{border-width:0;background-color:var(--color-primary);transition:background-color ease-in-out .1s,border-width ease-in-out .1s,box-shadow ease-in-out .2s;animation:cb-pop-19ebb4f7 .5s ease-in-out}input:checked+.ui-checkbox_custom[data-v-19ebb4f7]:hover{background-color:var(--color-primary-600)}input:checked+.ui-checkbox_custom[data-v-19ebb4f7]:active{background-color:var(--color-primary-700)}input:checked:disabled+.ui-checkbox_custom[data-v-19ebb4f7]{background-color:var(--color-primary-300);border:1px solid var(--color-primary-400)}.ui-checkbox_disabled[data-v-19ebb4f7]{pointer-events:none;cursor:default}@keyframes cb-pop-19ebb4f7{0%{transform:scale(1)}33%{transform:scale(.95)}66%{transform:scale(1.05)}to{transform:scale(1)}}")),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
1
+ (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(".ui-checkbox[data-v-93fd67de]{grid-template-columns:auto auto}.ui-checkbox_custom[data-v-93fd67de]{transition:background-color ease-in-out .3s .3s,border-width ease-in-out .2s}.ui-checkbox__icon[data-v-93fd67de]{stroke-dasharray:70;stroke-dashoffset:70;transition:stroke-dashoffset .3s ease-in-out}input+.ui-checkbox_custom[data-v-93fd67de]:active{transition:background-color ease-in-out .1s;background-color:var(--color-secondary-alt-200)}input+.ui-checkbox_custom[data-v-93fd67de]:active,input:focus+.ui-checkbox_custom[data-v-93fd67de]{box-shadow:var(--shadow-selected-disabled)}input:disabled+.ui-checkbox_custom[data-v-93fd67de]{background-color:var(--color-secondary-alt-200);border-color:var(--color-secondary-alt-400)}input:checked+.ui-checkbox_custom .ui-checkbox__icon[data-v-93fd67de]{stroke-dashoffset:0}input:checked+.ui-checkbox_custom>svg[data-v-93fd67de]{opacity:1}input:checked+.ui-checkbox_custom[data-v-93fd67de]{border-width:0;background-color:var(--color-primary);transition:background-color ease-in-out .1s,border-width ease-in-out .1s,box-shadow ease-in-out .2s;animation:cb-pop-93fd67de .5s ease-in-out}input:checked+.ui-checkbox_custom[data-v-93fd67de]:hover{background-color:var(--color-primary-600)}input:checked+.ui-checkbox_custom[data-v-93fd67de]:active{background-color:var(--color-primary-700)}input:checked:disabled+.ui-checkbox_custom[data-v-93fd67de]{background-color:var(--color-primary-300);border:1px solid var(--color-primary-400)}.ui-checkbox_disabled[data-v-93fd67de]{pointer-events:none;cursor:default}@keyframes cb-pop-93fd67de{0%{transform:scale(1)}33%{transform:scale(.95)}66%{transform:scale(1.05)}to{transform:scale(1)}}")),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
2
2
  import o from "./ui-checkbox.vue2.js";
3
3
 
4
4
  import t from "../../_virtual/_plugin-vue_export-helper.js";
5
- const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-19ebb4f7"]]);
5
+ const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-93fd67de"]]);
6
6
  export {
7
7
  m as default
8
8
  };
@@ -1,74 +1,81 @@
1
- import { defineComponent as y, useSlots as b, computed as h, openBlock as d, createElementBlock as u, normalizeClass as n, unref as t, withDirectives as v, createElementVNode as r, vModelCheckbox as j, renderSlot as k, createCommentVNode as w, pushScopeId as E, popScopeId as V } from "vue";
2
- import { EJustify as o } from "../../_types/align.js";
3
- const g = (s) => (E("data-v-19ebb4f7"), s = s(), V(), s), B = ["value", "disabled"], N = /* @__PURE__ */ g(() => /* @__PURE__ */ r("svg", {
4
- class: "ui-checkbox__icon text-white",
5
- width: "16",
6
- height: "12",
7
- viewBox: "0 0 16 12",
8
- fill: "none",
9
- xmlns: "http://www.w3.org/2000/svg"
10
- }, [
11
- /* @__PURE__ */ r("path", {
12
- d: "M1 4.40106L6.60071 10.1135L15.1694 1.71245",
13
- stroke: "currentColor",
14
- "stroke-width": "1.6",
15
- "stroke-linecap": "round"
16
- })
17
- ], -1)), _ = [
18
- N
19
- ], C = {
1
+ import { defineComponent as b, useSlots as h, computed as v, openBlock as i, createElementBlock as a, normalizeClass as r, unref as s, withDirectives as k, createElementVNode as d, vModelCheckbox as j, renderSlot as E, createCommentVNode as w, pushScopeId as z, popScopeId as S } from "vue";
2
+ import { EJustify as t } from "../../_types/align.js";
3
+ import { ECheckboxSizes as l } from "./_types.js";
4
+ const M = (o) => (z("data-v-93fd67de"), o = o(), S(), o), V = ["value", "disabled"], B = /* @__PURE__ */ M(() => /* @__PURE__ */ d("path", {
5
+ d: "M1 4.40106L6.60071 10.1135L15.1694 1.71245",
6
+ stroke: "currentColor",
7
+ "stroke-width": "1.6",
8
+ "stroke-linecap": "round"
9
+ }, null, -1)), C = [
10
+ B
11
+ ], N = {
20
12
  key: 0,
21
13
  class: "ui-checkbox__slot-wrapper"
22
- }, x = /* @__PURE__ */ y({
14
+ }, A = /* @__PURE__ */ b({
23
15
  __name: "ui-checkbox",
24
16
  props: {
25
17
  modelValue: { type: [Boolean, Array] },
26
- justify: {},
27
- invertOrder: { type: Boolean },
28
- disabled: { type: Boolean },
29
- value: {}
18
+ justify: { default: t.START },
19
+ invertOrder: { type: Boolean, default: !1 },
20
+ disabled: { type: Boolean, default: !1 },
21
+ value: {},
22
+ size: { default: l.MD }
30
23
  },
31
24
  emits: ["update:modelValue"],
32
- setup(s, { emit: c }) {
33
- const l = b(), p = s, f = c, i = h({
25
+ setup(o, { emit: p }) {
26
+ const u = h(), f = o, m = p, n = v({
34
27
  get() {
35
- return p.modelValue;
28
+ return f.modelValue;
36
29
  },
37
30
  set(e) {
38
- f("update:modelValue", e);
31
+ m("update:modelValue", e);
39
32
  }
40
33
  });
41
- return (e, a) => (d(), u("label", {
42
- class: n(["ui-checkbox grid cursor-pointer", [
43
- t(l).default && "items-center gap-sm",
44
- (!e.justify || e.justify === t(o).START) && "justify-start",
45
- e.justify === t(o).END && "justify-end",
46
- e.justify === t(o).AROUND && "justify-around",
47
- e.justify === t(o).BETWEEN && "justify-between",
48
- e.justify === t(o).EVENLY && "justify-evenly",
49
- e.justify === t(o).CENTER && "justify-center",
34
+ return (e, c) => (i(), a("label", {
35
+ class: r(["ui-checkbox grid cursor-pointer", [
36
+ s(u).default && "items-center gap-sm",
37
+ e.justify === s(t).START && "justify-start",
38
+ e.justify === s(t).END && "justify-end",
39
+ e.justify === s(t).AROUND && "justify-around",
40
+ e.justify === s(t).BETWEEN && "justify-between",
41
+ e.justify === s(t).EVENLY && "justify-evenly",
42
+ e.justify === s(t).CENTER && "justify-center",
50
43
  e.disabled && "ui-checkbox_disabled"
51
44
  ]])
52
45
  }, [
53
- v(r("input", {
54
- "onUpdate:modelValue": a[0] || (a[0] = (m) => i.value = m),
46
+ k(d("input", {
47
+ "onUpdate:modelValue": c[0] || (c[0] = (y) => n.value = y),
55
48
  class: "absolute appearance-none",
56
49
  type: "checkbox",
57
50
  value: e.value,
58
51
  disabled: e.disabled
59
- }, null, 8, B), [
60
- [j, i.value]
52
+ }, null, 8, V), [
53
+ [j, n.value]
61
54
  ]),
62
- r("span", {
63
- class: n(["ui-checkbox_custom relative flex size-md items-center justify-center rounded border border-secondary-alt-500 hover:border-secondary-alt-700", e.invertOrder && "order-last"])
64
- }, _, 2),
65
- t(l).default ? (d(), u("span", C, [
66
- k(e.$slots, "default", {}, void 0, !0)
55
+ d("span", {
56
+ class: r(["ui-checkbox_custom relative flex items-center justify-center rounded border border-secondary-alt-500 hover:border-secondary-alt-700", {
57
+ "order-last": e.invertOrder,
58
+ "size-sm": e.size === s(l).SM,
59
+ "size-md": e.size === s(l).MD
60
+ }])
61
+ }, [
62
+ (i(), a("svg", {
63
+ class: r(["ui-checkbox__icon text-white", {
64
+ "size-sm": e.size === s(l).MD,
65
+ "size-xs": e.size === s(l).SM
66
+ }]),
67
+ viewBox: "0 0 16 12",
68
+ fill: "none",
69
+ xmlns: "http://www.w3.org/2000/svg"
70
+ }, C, 2))
71
+ ], 2),
72
+ s(u).default ? (i(), a("span", N, [
73
+ E(e.$slots, "default", {}, void 0, !0)
67
74
  ])) : w("", !0)
68
75
  ], 2));
69
76
  }
70
77
  });
71
78
  export {
72
- x as default
79
+ A as default
73
80
  };
74
81
  //# sourceMappingURL=ui-checkbox.vue2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ui-checkbox.vue2.js","sources":["../../../src/components/ui-checkbox/ui-checkbox.vue"],"sourcesContent":["<template>\n\t<label\n\t\tclass=\"ui-checkbox grid cursor-pointer\"\n\t\t:class=\"[\n\t\t\tslots.default && 'items-center gap-sm',\n\t\t\t(!justify || justify === EJustify.START) && 'justify-start',\n\t\t\tjustify === EJustify.END && 'justify-end',\n\t\t\tjustify === EJustify.AROUND && 'justify-around',\n\t\t\tjustify === EJustify.BETWEEN && 'justify-between',\n\t\t\tjustify === EJustify.EVENLY && 'justify-evenly',\n\t\t\tjustify === EJustify.CENTER && 'justify-center',\n\t\t\tdisabled && 'ui-checkbox_disabled',\n\t\t]\"\n\t>\n\t\t<input\n\t\t\tv-model=\"checkboxModel\"\n\t\t\tclass=\"absolute appearance-none\"\n\t\t\ttype=\"checkbox\"\n\t\t\t:value=\"value\"\n\t\t\t:disabled=\"disabled\"\n\t\t>\n\t\t<span\n\t\t\tclass=\"\n\t\t\t\tui-checkbox_custom\n\t\t\t\trelative\n\t\t\t\tflex\n\t\t\t\tsize-md\n\t\t\t\titems-center\n\t\t\t\tjustify-center\n\t\t\t\trounded\n\t\t\t\tborder\n\t\t\t\tborder-secondary-alt-500\n\t\t\t\thover:border-secondary-alt-700\n\t\t\t\t\"\n\t\t\t:class=\"invertOrder && 'order-last'\"\n\t\t>\n\t\t\t<svg\n\t\t\t\tclass=\"ui-checkbox__icon text-white\"\n\t\t\t\twidth=\"16\"\n\t\t\t\theight=\"12\"\n\t\t\t\tviewBox=\"0 0 16 12\"\n\t\t\t\tfill=\"none\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t>\n\t\t\t\t<path\n\t\t\t\t\td=\"M1 4.40106L6.60071 10.1135L15.1694 1.71245\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstroke-width=\"1.6\"\n\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t/>\n\t\t\t</svg>\n\n\t\t</span>\n\t\t<span\n\t\t\tv-if=\"slots.default\"\n\t\t\tclass=\"ui-checkbox__slot-wrapper\"\n\t\t>\n\t\t\t<slot />\n\t\t</span>\n\t</label>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { useSlots, computed } from \"vue\";\n\timport { EJustify } from \"../../_types/align\";\n\n\tconst slots = useSlots();\n\n\tconst props = defineProps<{\n\t\tmodelValue: boolean | unknown[];\n\t\tjustify?: EJustify;\n\t\tinvertOrder?: boolean;\n\t\tdisabled?: boolean;\n\t\tvalue?: string;\n\t}>();\n\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\n\tconst checkboxModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n\n</script>\n\n<style scoped>\n\t.ui-checkbox {\n\t\tgrid-template-columns: auto auto;\n\t}\n\n\t.ui-checkbox_custom {\n\t\ttransition: background-color ease-in-out 0.3s 0.3s, border-width ease-in-out 0.2s;\n\t}\n\n\t.ui-checkbox__icon {\n\t\tstroke-dasharray: 70;\n\t\tstroke-dashoffset: 70;\n\t\ttransition: stroke-dashoffset 0.3s ease-in-out;\n\t}\n\n\tinput + .ui-checkbox_custom:active {\n\t\ttransition: background-color ease-in-out 0.1s;\n\t\tbackground-color: var(--color-secondary-alt-200);\n\t}\n\n\tinput + .ui-checkbox_custom:active,\n\tinput:focus + .ui-checkbox_custom {\n\t\tbox-shadow: var(--shadow-border-primary);\n\t}\n\n\tinput:disabled + .ui-checkbox_custom {\n\t\tbackground-color: var(--color-secondary-alt-200);\n\t\tborder-color: var(--color-secondary-alt-400);\n\t}\n\n\tinput:checked + .ui-checkbox_custom .ui-checkbox__icon {\n\t\tstroke-dashoffset: 0;\n\t}\n\n\tinput:checked + .ui-checkbox_custom > svg {\n\t\topacity: 1;\n\t}\n\n\tinput:checked + .ui-checkbox_custom {\n\t\tborder-width: 0;\n\t\tbackground-color: var(--color-primary);\n\t\ttransition: background-color ease-in-out 0.1s, border-width ease-in-out 0.1s, box-shadow ease-in-out 0.2s;\n\t\tanimation: cb-pop 0.5s ease-in-out;\n\t}\n\n\tinput:checked + .ui-checkbox_custom:hover {\n\t\tbackground-color: var(--color-primary-600);\n\t}\n\n\tinput:checked + .ui-checkbox_custom:active {\n\t\tbackground-color: var(--color-primary-700);\n\t}\n\n\tinput:checked:disabled + .ui-checkbox_custom {\n\t\tbackground-color: var(--color-primary-300);\n\t\tborder: 1px solid var(--color-primary-400);\n\t}\n\n\t.ui-checkbox_disabled {\n\t\tpointer-events: none;\n\t\tcursor: default;\n\t}\n\n\t@keyframes cb-pop {\n\t\t0% {\n\t\t\ttransform: scale(1);\n\t\t}\n\n\t\t33% {\n\t\t\ttransform: scale(0.95);\n\t\t}\n\n\t\t66% {\n\t\t\ttransform: scale(1.05);\n\t\t}\n\n\t\t100% {\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n</style>\n"],"names":["slots","useSlots","props","__props","emit","__emit","checkboxModel","computed","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEC,UAAMA,IAAQC,KAERC,IAAQC,GAQRC,IAAOC,GAEPC,IAAgBC,EAAS;AAAA,MAC9B,MAAM;AACL,eAAOL,EAAM;AAAA,MACd;AAAA,MACA,IAAIM,GAAO;AACV,QAAAJ,EAAK,qBAAqBI,CAAK;AAAA,MAChC;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ui-checkbox.vue2.js","sources":["../../../src/components/ui-checkbox/ui-checkbox.vue"],"sourcesContent":["<template>\n\t<label\n\t\tclass=\"ui-checkbox grid cursor-pointer\"\n\t\t:class=\"[\n\t\t\tslots.default && 'items-center gap-sm',\n\t\t\tjustify === EJustify.START && 'justify-start',\n\t\t\tjustify === EJustify.END && 'justify-end',\n\t\t\tjustify === EJustify.AROUND && 'justify-around',\n\t\t\tjustify === EJustify.BETWEEN && 'justify-between',\n\t\t\tjustify === EJustify.EVENLY && 'justify-evenly',\n\t\t\tjustify === EJustify.CENTER && 'justify-center',\n\t\t\tdisabled && 'ui-checkbox_disabled',\n\t\t]\"\n\t>\n\t\t<input\n\t\t\tv-model=\"checkboxModel\"\n\t\t\tclass=\"absolute appearance-none\"\n\t\t\ttype=\"checkbox\"\n\t\t\t:value=\"value\"\n\t\t\t:disabled=\"disabled\"\n\t\t>\n\t\t<span\n\t\t\tclass=\"\n\t\t\t\tui-checkbox_custom\n\t\t\t\trelative\n\t\t\t\tflex\n\t\t\t\titems-center\n\t\t\t\tjustify-center\n\t\t\t\trounded\n\t\t\t\tborder\n\t\t\t\tborder-secondary-alt-500\n\t\t\t\thover:border-secondary-alt-700\n\t\t\t\t\"\n\t\t\t:class=\"{\n\t\t\t\t'order-last': invertOrder,\n\t\t\t\t'size-sm': size === ECheckboxSize.SM,\n\t\t\t\t'size-md': size === ECheckboxSize.MD\n\t\t\t}\"\n\t\t>\n\t\t\t<svg\n\t\t\t\tclass=\"ui-checkbox__icon text-white\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'size-sm': size === ECheckboxSize.MD,\n\t\t\t\t\t'size-xs': size === ECheckboxSize.SM,\n\t\t\t\t}\"\n\t\t\t\tviewBox=\"0 0 16 12\"\n\t\t\t\tfill=\"none\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t>\n\t\t\t\t<path\n\t\t\t\t\td=\"M1 4.40106L6.60071 10.1135L15.1694 1.71245\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstroke-width=\"1.6\"\n\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t/>\n\t\t\t</svg>\n\n\t\t</span>\n\t\t<span\n\t\t\tv-if=\"slots.default\"\n\t\t\tclass=\"ui-checkbox__slot-wrapper\"\n\t\t>\n\t\t\t<slot />\n\t\t</span>\n\t</label>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { useSlots, computed } from \"vue\";\n\timport { EJustify } from \"../../_types/align\";\n\timport { ECheckboxSizes as ECheckboxSize } from \"./_types\";\n\n\tconst slots = useSlots();\n\n\tconst props = withDefaults(defineProps<{\n\t\tmodelValue: boolean | unknown[];\n\t\tjustify?: EJustify;\n\t\tinvertOrder?: boolean;\n\t\tdisabled?: boolean;\n\t\tvalue?: string;\n\t\tsize?: ECheckboxSize;\n\t}>(), {\n\t\tsize: ECheckboxSize.MD,\n\t\tdisabled: false,\n\t\tjustify: EJustify.START,\n\t\tinvertOrder: false,\n\t});\n\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\n\tconst checkboxModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n\n</script>\n\n<style scoped>\n\t.ui-checkbox {\n\t\tgrid-template-columns: auto auto;\n\t}\n\n\t.ui-checkbox_custom {\n\t\ttransition: background-color ease-in-out 0.3s 0.3s, border-width ease-in-out 0.2s;\n\t}\n\n\t.ui-checkbox__icon {\n\t\tstroke-dasharray: 70;\n\t\tstroke-dashoffset: 70;\n\t\ttransition: stroke-dashoffset 0.3s ease-in-out;\n\t}\n\n\tinput+.ui-checkbox_custom:active {\n\t\ttransition: background-color ease-in-out 0.1s;\n\t\tbackground-color: var(--color-secondary-alt-200);\n\t}\n\n\tinput+.ui-checkbox_custom:active,\n\tinput:focus+.ui-checkbox_custom {\n\t\tbox-shadow: var(--shadow-selected-disabled);\n\t}\n\n\tinput:disabled+.ui-checkbox_custom {\n\t\tbackground-color: var(--color-secondary-alt-200);\n\t\tborder-color: var(--color-secondary-alt-400);\n\t}\n\n\tinput:checked+.ui-checkbox_custom .ui-checkbox__icon {\n\t\tstroke-dashoffset: 0;\n\t}\n\n\tinput:checked+.ui-checkbox_custom>svg {\n\t\topacity: 1;\n\t}\n\n\tinput:checked+.ui-checkbox_custom {\n\t\tborder-width: 0;\n\t\tbackground-color: var(--color-primary);\n\t\ttransition: background-color ease-in-out 0.1s, border-width ease-in-out 0.1s, box-shadow ease-in-out 0.2s;\n\t\tanimation: cb-pop 0.5s ease-in-out;\n\t}\n\n\tinput:checked+.ui-checkbox_custom:hover {\n\t\tbackground-color: var(--color-primary-600);\n\t}\n\n\tinput:checked+.ui-checkbox_custom:active {\n\t\tbackground-color: var(--color-primary-700);\n\t}\n\n\tinput:checked:disabled+.ui-checkbox_custom {\n\t\tbackground-color: var(--color-primary-300);\n\t\tborder: 1px solid var(--color-primary-400);\n\t}\n\n\t.ui-checkbox_disabled {\n\t\tpointer-events: none;\n\t\tcursor: default;\n\t}\n\n\t@keyframes cb-pop {\n\t\t0% {\n\t\t\ttransform: scale(1);\n\t\t}\n\n\t\t33% {\n\t\t\ttransform: scale(0.95);\n\t\t}\n\n\t\t66% {\n\t\t\ttransform: scale(1.05);\n\t\t}\n\n\t\t100% {\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n</style>\n"],"names":["slots","useSlots","props","__props","emit","__emit","checkboxModel","computed","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAwEC,UAAMA,IAAQC,KAERC,IAAQC,GAcRC,IAAOC,GAEPC,IAAgBC,EAAS;AAAA,MAC9B,MAAM;AACL,eAAOL,EAAM;AAAA,MACd;AAAA,MACA,IAAIM,GAAO;AACV,QAAAJ,EAAK,qBAAqBI,CAAK;AAAA,MAChC;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,8 +1,7 @@
1
1
  import { default as UiDropdown } from './ui-dropdown.vue';
2
2
  import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
3
- import { EDropdownKinds } from './_typings.ts';
4
3
  import { TIconName } from '../ui-icon/_typings.ts';
5
-
4
+ import { EDropdownKinds } from './_typings.ts';
6
5
  export { UiDropdown };
7
6
  export { EDropdownKinds } from './_typings.ts';
8
7
  /**
@@ -10,16 +9,16 @@ export { EDropdownKinds } from './_typings.ts';
10
9
  */
11
10
  declare const deprecatedDefault: {
12
11
  new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
13
- header: {
14
- type: PropType<string>;
12
+ iconName: {
13
+ type: PropType<TIconName>;
14
+ required: true;
15
15
  };
16
16
  kind: {
17
17
  type: PropType<EDropdownKinds>;
18
18
  default: EDropdownKinds;
19
19
  };
20
- iconName: {
21
- type: PropType<TIconName>;
22
- required: true;
20
+ header: {
21
+ type: PropType<string>;
23
22
  };
24
23
  subText: {
25
24
  type: PropType<string>;
@@ -28,16 +27,16 @@ declare const deprecatedDefault: {
28
27
  type: PropType<boolean>;
29
28
  };
30
29
  }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
31
- header: {
32
- type: PropType<string>;
30
+ iconName: {
31
+ type: PropType<TIconName>;
32
+ required: true;
33
33
  };
34
34
  kind: {
35
35
  type: PropType<EDropdownKinds>;
36
36
  default: EDropdownKinds;
37
37
  };
38
- iconName: {
39
- type: PropType<TIconName>;
40
- required: true;
38
+ header: {
39
+ type: PropType<string>;
41
40
  };
42
41
  subText: {
43
42
  type: PropType<string>;
@@ -55,16 +54,16 @@ declare const deprecatedDefault: {
55
54
  M: {};
56
55
  Defaults: {};
57
56
  }, Readonly< ExtractPropTypes<{
58
- header: {
59
- type: PropType<string>;
57
+ iconName: {
58
+ type: PropType<TIconName>;
59
+ required: true;
60
60
  };
61
61
  kind: {
62
62
  type: PropType<EDropdownKinds>;
63
63
  default: EDropdownKinds;
64
64
  };
65
- iconName: {
66
- type: PropType<TIconName>;
67
- required: true;
65
+ header: {
66
+ type: PropType<string>;
68
67
  };
69
68
  subText: {
70
69
  type: PropType<string>;
@@ -79,16 +78,16 @@ declare const deprecatedDefault: {
79
78
  __isTeleport?: never;
80
79
  __isSuspense?: never;
81
80
  } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
82
- header: {
83
- type: PropType<string>;
81
+ iconName: {
82
+ type: PropType<TIconName>;
83
+ required: true;
84
84
  };
85
85
  kind: {
86
86
  type: PropType<EDropdownKinds>;
87
87
  default: EDropdownKinds;
88
88
  };
89
- iconName: {
90
- type: PropType<TIconName>;
91
- required: true;
89
+ header: {
90
+ type: PropType<string>;
92
91
  };
93
92
  subText: {
94
93
  type: PropType<string>;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui-dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C;;GAEG;AACH,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAa,CAAC;AACrC,eAAe,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui-dropdown/index.ts"],"names":[],"mappings":";;;AAAA,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C;;GAEG;AACH,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAa,CAAC;AACrC,eAAe,iBAAiB,CAAC"}
@@ -1,11 +1,17 @@
1
1
  import { TIconName } from '../ui-icon';
2
2
  import { EDropdownKinds } from './_typings';
3
3
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
4
-
5
4
  declare function __VLS_template(): {
6
- default?(_: {}): any;
5
+ slots: {
6
+ default?(_: {}): any;
7
+ };
8
+ refs: {
9
+ contentWrapper: HTMLDivElement;
10
+ };
11
+ attrs: Partial<{}>;
7
12
  };
8
- declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
13
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
14
+ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
9
15
  header?: string;
10
16
  iconName: TIconName;
11
17
  subText?: string;
@@ -13,7 +19,7 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
13
19
  active?: boolean;
14
20
  }>, {
15
21
  kind: EDropdownKinds;
16
- }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
22
+ }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
17
23
  header?: string;
18
24
  iconName: TIconName;
19
25
  subText?: string;
@@ -24,10 +30,15 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
24
30
  }>>>, {
25
31
  kind: EDropdownKinds;
26
32
  }, {}>;
27
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
33
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
28
34
  export default _default;
35
+ type __VLS_WithDefaults<P, D> = {
36
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
37
+ default: D[K];
38
+ }> : P[K];
39
+ };
29
40
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
30
- type __VLS_TypePropsToRuntimeProps<T> = {
41
+ type __VLS_TypePropsToOption<T> = {
31
42
  [K in keyof T]-?: {} extends Pick<T, K> ? {
32
43
  type: PropType<__VLS_NonUndefinedable<T[K]>>;
33
44
  } : {
@@ -35,17 +46,12 @@ type __VLS_TypePropsToRuntimeProps<T> = {
35
46
  required: true;
36
47
  };
37
48
  };
38
- type __VLS_WithDefaults<P, D> = {
39
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
40
- default: D[K];
41
- }> : P[K];
42
- };
43
- type __VLS_Prettify<T> = {
44
- [K in keyof T]: T[K];
45
- } & {};
46
49
  type __VLS_WithTemplateSlots<T, S> = T & {
47
50
  new (): {
48
51
  $slots: S;
49
52
  };
50
53
  };
54
+ type __VLS_PrettifyLocal<T> = {
55
+ [K in keyof T]: T[K];
56
+ } & {};
51
57
  //# sourceMappingURL=ui-dropdown.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ui-dropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-dropdown/ui-dropdown.vue"],"names":[],"mappings":"AA2DA;AAIC,OAAe,EAAE,KAAK,SAAS,EAAS,MAAM,YAAY,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAwC7C,iBAAS,cAAc;qBAwHO,GAAG;EAKhC;AAwBD,QAAA,MAAM,eAAe;aAMV,MAAM;cACL,SAAS;cACT,MAAM;WACT,cAAc;aACZ,OAAO;;;;aAJP,MAAM;cACL,SAAS;cACT,MAAM;WACT,cAAc;aACZ,OAAO;;;;UADT,cAAc;MAGrB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"ui-dropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-dropdown/ui-dropdown.vue"],"names":[],"mappings":";AAoGC,OAAe,EAAE,KAAK,SAAS,EAAS,MAAM,YAAY,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AA0C7C,iBAAS,cAAc;;yBA6FO,GAAG;;;;;WAUnB,OAAO,IAA6B;EAEjD;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aAhKV,MAAM;cACL,SAAS;cACT,MAAM;WACT,cAAc;aACZ,OAAO;;;;aAJP,MAAM;cACL,SAAS;cACT,MAAM;WACT,cAAc;aACZ,OAAO;;;;UADT,cAAc;MAmKrB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC9B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GAC5C,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AACF,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC;AACF,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AACF,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}