yuyeon 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 (205) hide show
  1. package/LICENSE +191 -0
  2. package/README.md +15 -0
  3. package/dist/style.css +1 -1
  4. package/dist/yuyeon.mjs +3134 -2276
  5. package/dist/yuyeon.umd.js +29 -1
  6. package/lib/abstract/items.mjs +20 -0
  7. package/lib/abstract/items.mjs.map +1 -0
  8. package/lib/components/button/YButton.mjs +2 -2
  9. package/lib/components/button/YButton.mjs.map +1 -1
  10. package/lib/components/button/YButton.scss +1 -1
  11. package/lib/components/card/YCard.mjs.map +1 -1
  12. package/lib/components/card/YCard.scss +3 -2
  13. package/lib/components/checkbox/YInputCheckbox.scss +1 -1
  14. package/lib/components/chip/YChip.mjs +2 -2
  15. package/lib/components/chip/YChip.mjs.map +1 -1
  16. package/lib/components/dialog/YDialog.mjs +2 -2
  17. package/lib/components/dialog/YDialog.mjs.map +1 -1
  18. package/lib/components/dropdown/YDropdown.mjs +83 -2
  19. package/lib/components/dropdown/YDropdown.mjs.map +1 -1
  20. package/lib/components/dropdown/YDropdown.scss +33 -0
  21. package/lib/components/field-input/YFieldInput.mjs +55 -47
  22. package/lib/components/field-input/YFieldInput.mjs.map +1 -1
  23. package/lib/components/icons/YIconCheckbox.scss +1 -1
  24. package/lib/components/icons/YIconDropdown.mjs +16 -0
  25. package/lib/components/icons/YIconDropdown.mjs.map +1 -0
  26. package/lib/components/index.mjs +2 -0
  27. package/lib/components/index.mjs.map +1 -1
  28. package/lib/components/input/YInput.mjs +83 -49
  29. package/lib/components/input/YInput.mjs.map +1 -1
  30. package/lib/components/input/YInput.scss +8 -8
  31. package/lib/components/layer/YLayer.mjs +21 -9
  32. package/lib/components/layer/YLayer.mjs.map +1 -1
  33. package/lib/components/layer/YLayer.scss +1 -0
  34. package/lib/components/layer/scroll-strategies.mjs +1 -1
  35. package/lib/components/layer/scroll-strategies.mjs.map +1 -1
  36. package/lib/components/list/YList.mjs +40 -2
  37. package/lib/components/list/YList.mjs.map +1 -1
  38. package/lib/components/list/YListItem.mjs +31 -11
  39. package/lib/components/list/YListItem.mjs.map +1 -1
  40. package/lib/components/list/YListItem.scss +5 -2
  41. package/lib/components/menu/YMenu.mjs +35 -19
  42. package/lib/components/menu/YMenu.mjs.map +1 -1
  43. package/lib/components/menu/YMenu.scss +20 -7
  44. package/lib/components/pagination/YPagination.mjs +8 -8
  45. package/lib/components/pagination/YPagination.mjs.map +1 -1
  46. package/lib/components/panel/YDividePanel.scss +4 -4
  47. package/lib/components/progress-bar/YProgressBar.mjs +20 -3
  48. package/lib/components/progress-bar/YProgressBar.mjs.map +1 -1
  49. package/lib/components/progress-bar/YProgressBar.scss +109 -40
  50. package/lib/components/select/YSelect.mjs +185 -0
  51. package/lib/components/select/YSelect.mjs.map +1 -0
  52. package/lib/components/select/YSelect.scss +43 -0
  53. package/lib/components/select/index.mjs +2 -0
  54. package/lib/components/select/index.mjs.map +1 -0
  55. package/lib/components/switch/YSwitch.scss +1 -1
  56. package/lib/components/table/YTable.scss +2 -2
  57. package/lib/components/tree-view/YTreeView.mjs +76 -18
  58. package/lib/components/tree-view/YTreeView.mjs.map +1 -1
  59. package/lib/components/tree-view/YTreeViewNode.mjs +21 -18
  60. package/lib/components/tree-view/YTreeViewNode.mjs.map +1 -1
  61. package/lib/components/tree-view/types.mjs.map +1 -1
  62. package/lib/components/tree-view/util.mjs +24 -0
  63. package/lib/components/tree-view/util.mjs.map +1 -1
  64. package/lib/composables/coordinate/arrangement.mjs.map +1 -1
  65. package/lib/composables/coordinate/index.mjs.map +1 -1
  66. package/lib/composables/coordinate/levitation.mjs +1 -1
  67. package/lib/composables/coordinate/levitation.mjs.map +1 -1
  68. package/lib/composables/coordinate/utils/point.mjs.map +1 -1
  69. package/lib/composables/dimension.mjs +26 -0
  70. package/lib/composables/dimension.mjs.map +1 -0
  71. package/lib/composables/focus.mjs +29 -0
  72. package/lib/composables/focus.mjs.map +1 -0
  73. package/lib/composables/list-items.mjs +58 -0
  74. package/lib/composables/list-items.mjs.map +1 -0
  75. package/lib/composables/theme/factory.mjs +45 -0
  76. package/lib/composables/theme/factory.mjs.map +1 -0
  77. package/lib/composables/theme/helper.mjs +14 -0
  78. package/lib/composables/theme/helper.mjs.map +1 -0
  79. package/lib/composables/theme/index.mjs +144 -10
  80. package/lib/composables/theme/index.mjs.map +1 -1
  81. package/lib/composables/theme/setting.mjs +46 -9
  82. package/lib/composables/theme/setting.mjs.map +1 -1
  83. package/lib/composables/theme/types.mjs +2 -0
  84. package/lib/composables/theme/types.mjs.map +1 -0
  85. package/lib/directives/complement-click/index.mjs.map +1 -1
  86. package/lib/directives/theme-class.mjs +4 -4
  87. package/lib/directives/theme-class.mjs.map +1 -1
  88. package/lib/index.mjs +7 -5
  89. package/lib/index.mjs.map +1 -1
  90. package/lib/mixins/di.mjs +0 -3
  91. package/lib/mixins/di.mjs.map +1 -1
  92. package/lib/styles/_elevation.scss +15 -0
  93. package/lib/styles/base.scss +11 -5
  94. package/lib/styles/settings/_elevation.scss +20 -0
  95. package/lib/styles/theme/light.scss +1 -1
  96. package/lib/styles/util/_helper.scss +12 -0
  97. package/lib/styles/util/_var.scss +18 -0
  98. package/lib/util/color/apca.mjs +201 -0
  99. package/lib/util/color/apca.mjs.map +1 -0
  100. package/lib/util/color/const.mjs +6 -0
  101. package/lib/util/color/const.mjs.map +1 -0
  102. package/lib/util/color/contrast/contrast.mjs +149 -0
  103. package/lib/util/color/contrast/contrast.mjs.map +1 -0
  104. package/lib/util/color/conversion.mjs +310 -0
  105. package/lib/util/color/conversion.mjs.map +1 -0
  106. package/lib/util/color/hct/cam16.mjs +349 -0
  107. package/lib/util/color/hct/cam16.mjs.map +1 -0
  108. package/lib/util/color/hct/hct-solver.mjs +389 -0
  109. package/lib/util/color/hct/hct-solver.mjs.map +1 -0
  110. package/lib/util/color/hct/hct.mjs +153 -0
  111. package/lib/util/color/hct/hct.mjs.map +1 -0
  112. package/lib/util/color/hct/viewing-conditions.mjs +110 -0
  113. package/lib/util/color/hct/viewing-conditions.mjs.map +1 -0
  114. package/lib/util/color/index.mjs +24 -0
  115. package/lib/util/color/index.mjs.map +1 -0
  116. package/lib/util/color/palettes/core-palette.mjs +99 -0
  117. package/lib/util/color/palettes/core-palette.mjs.map +1 -0
  118. package/lib/util/color/palettes/tonal-palette.mjs +112 -0
  119. package/lib/util/color/palettes/tonal-palette.mjs.map +1 -0
  120. package/lib/util/color/types.mjs +2 -0
  121. package/lib/util/color/types.mjs.map +1 -0
  122. package/lib/util/color/utils/math-utils.mjs +139 -0
  123. package/lib/util/color/utils/math-utils.mjs.map +1 -0
  124. package/lib/util/common.mjs +11 -6
  125. package/lib/util/common.mjs.map +1 -1
  126. package/lib/util/debounce.mjs +114 -0
  127. package/lib/util/debounce.mjs.map +1 -0
  128. package/lib/util/{FrameScheduler.mjs → frame-scheduler.mjs} +1 -1
  129. package/lib/util/frame-scheduler.mjs.map +1 -0
  130. package/lib/util/{Rect.mjs → rect.mjs} +1 -1
  131. package/lib/util/{Rect.mjs.map → rect.mjs.map} +1 -1
  132. package/lib/util/string.mjs +6 -0
  133. package/lib/util/string.mjs.map +1 -1
  134. package/lib/util/ui.mjs +11 -36
  135. package/lib/util/ui.mjs.map +1 -1
  136. package/package.json +12 -1
  137. package/types/abstract/items.d.ts +48 -0
  138. package/types/components/card/YCard.d.ts +1 -1
  139. package/types/components/checkbox/YInputCheckbox.d.ts +2 -2
  140. package/types/components/dialog/YDialog.d.ts +23 -8
  141. package/types/components/dropdown/YDropdown.d.ts +219 -0
  142. package/types/components/dropdown/index.d.ts +1 -0
  143. package/types/components/field-input/YFieldInput.d.ts +238 -25
  144. package/types/components/icons/YIconCheckbox.d.ts +1 -1
  145. package/types/components/icons/YIconDropdown.d.ts +1 -0
  146. package/types/components/index.d.ts +2 -0
  147. package/types/components/input/YInput.d.ts +156 -42
  148. package/types/components/layer/YLayer.d.ts +67 -17
  149. package/types/components/list/YList.d.ts +22 -1
  150. package/types/components/list/YListItem.d.ts +28 -2
  151. package/types/components/menu/YMenu.d.ts +132 -16
  152. package/types/components/pagination/YPagination.d.ts +10 -10
  153. package/types/components/progress-bar/YProgressBar.d.ts +18 -1
  154. package/types/components/select/YSelect.d.ts +701 -0
  155. package/types/components/select/index.d.ts +1 -0
  156. package/types/components/table/YDataTable.d.ts +1 -1
  157. package/types/components/table/YDataTableServer.d.ts +1 -1
  158. package/types/components/text-highlighter/YTextHighlighter.d.ts +40 -0
  159. package/types/components/tooltip/YTooltip.d.ts +20 -5
  160. package/types/components/tree-view/YTreeView.d.ts +47 -22
  161. package/types/components/tree-view/YTreeViewNode.d.ts +72 -26
  162. package/types/components/tree-view/types.d.ts +1 -0
  163. package/types/components/tree-view/util.d.ts +4 -1
  164. package/types/composables/coordinate/arrangement.d.ts +1 -1
  165. package/types/composables/coordinate/index.d.ts +3 -3
  166. package/types/composables/coordinate/levitation.d.ts +1 -1
  167. package/types/composables/coordinate/utils/point.d.ts +1 -1
  168. package/types/composables/dimension.d.ts +53 -0
  169. package/types/composables/focus.d.ts +27 -0
  170. package/types/composables/list-items.d.ts +117 -0
  171. package/types/composables/theme/factory.d.ts +3 -0
  172. package/types/composables/theme/helper.d.ts +3 -0
  173. package/types/composables/theme/index.d.ts +45 -5
  174. package/types/composables/theme/setting.d.ts +3 -6
  175. package/types/composables/theme/types.d.ts +28 -0
  176. package/types/directives/complement-click/index.d.ts +1 -1
  177. package/types/directives/theme-class.d.ts +1 -1
  178. package/types/index.d.ts +2 -0
  179. package/types/shims.d.ts +4 -0
  180. package/types/util/color/apca.d.ts +29 -0
  181. package/types/util/color/const.d.ts +5 -0
  182. package/types/util/color/conversion.d.ts +130 -0
  183. package/types/util/color/hct/cam16.d.ts +131 -0
  184. package/types/util/color/hct/hct.d.ts +86 -0
  185. package/types/util/color/hct/hct_solver.d.ts +146 -0
  186. package/types/util/color/hct/viewing_conditions.d.ts +74 -0
  187. package/types/util/color/index.d.ts +4 -0
  188. package/types/util/color/palettes/tonal_palette.d.ts +55 -0
  189. package/types/util/color/types.d.ts +14 -0
  190. package/types/util/color/utils/math-utils.d.ts +82 -0
  191. package/types/util/color/utils/math_utils.d.ts +82 -0
  192. package/types/util/common.d.ts +2 -1
  193. package/types/util/debounce.d.ts +11 -0
  194. package/types/util/string.d.ts +1 -0
  195. package/types/util/ui.d.ts +1 -6
  196. package/lib/components/input/index.scss +0 -2
  197. package/lib/components/table/pagination.mjs +0 -80
  198. package/lib/components/table/pagination.mjs.map +0 -1
  199. package/lib/composables/collections.mjs +0 -2
  200. package/lib/composables/collections.mjs.map +0 -1
  201. package/lib/composables/levitation.mjs +0 -135
  202. package/lib/composables/levitation.mjs.map +0 -1
  203. package/lib/styles/util/helper.scss +0 -6
  204. package/lib/util/FrameScheduler.mjs.map +0 -1
  205. /package/lib/styles/settings/{provided.scss → _provided.scss} +0 -0
@@ -1,42 +1,142 @@
1
1
  import { PropType, VNode } from "vue";
2
- export declare const YInputProps: {
3
- name: StringConstructor;
4
- width: {
2
+ export declare const pressYInputPropsOptions: <Defaults extends {
3
+ focused?: unknown;
4
+ 'onUpdate:focused'?: unknown;
5
+ name?: unknown;
6
+ width?: unknown;
7
+ height?: unknown;
8
+ displayTag?: unknown;
9
+ label?: unknown;
10
+ modelValue?: unknown;
11
+ autoSelect?: unknown;
12
+ floated?: unknown;
13
+ placeholder?: unknown;
14
+ loading?: unknown;
15
+ variation?: unknown;
16
+ outlined?: unknown;
17
+ filled?: unknown;
18
+ ceramic?: unknown;
19
+ readonly?: unknown;
20
+ disabled?: unknown;
21
+ status?: unknown;
22
+ validators?: unknown;
23
+ } = {}>(defaults?: Defaults | undefined) => {
24
+ focused: unknown extends Defaults["focused"] ? BooleanConstructor : {
25
+ type: PropType<unknown extends Defaults ? "focused" : "focused" | Defaults>;
26
+ default: unknown extends Defaults["focused"] ? boolean : boolean | Defaults["focused"];
27
+ };
28
+ 'onUpdate:focused': unknown extends Defaults["onUpdate:focused"] ? PropType<(v: boolean) => void> : {
29
+ type: PropType<unknown extends Defaults ? "onUpdate:focused" : "onUpdate:focused" | Defaults>;
30
+ default: unknown extends Defaults["onUpdate:focused"] ? (v: boolean) => void : ((v: boolean) => void) | Defaults["onUpdate:focused"];
31
+ };
32
+ name: unknown extends Defaults["name"] ? StringConstructor : {
33
+ type: PropType<unknown extends Defaults ? "name" : "name" | Defaults>;
34
+ default: unknown extends Defaults["name"] ? string : string | Defaults["name"];
35
+ };
36
+ width: unknown extends Defaults["width"] ? {
37
+ type: PropType<string | number>;
38
+ } : Omit<{
5
39
  type: PropType<string | number>;
40
+ }, "default" | "type"> & {
41
+ type: PropType<unknown extends Defaults["width"] ? string | number : NonNullable<string | number> | Defaults["width"]>;
42
+ default: unknown extends Defaults["width"] ? string | number : NonNullable<string | number> | Defaults["width"];
6
43
  };
7
- height: (StringConstructor | NumberConstructor)[];
8
- displayTag: {
44
+ height: unknown extends Defaults["height"] ? (StringConstructor | NumberConstructor)[] : {
45
+ type: PropType<unknown extends Defaults ? "height" : "height" | Defaults>;
46
+ default: unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"];
47
+ };
48
+ displayTag: unknown extends Defaults["displayTag"] ? {
49
+ type: PropType<string>;
50
+ default: string;
51
+ } : Omit<{
9
52
  type: PropType<string>;
10
53
  default: string;
54
+ }, "default" | "type"> & {
55
+ type: PropType<unknown extends Defaults["displayTag"] ? string : string | Defaults["displayTag"]>;
56
+ default: unknown extends Defaults["displayTag"] ? string : string | Defaults["displayTag"];
11
57
  };
12
- outlined: PropType<boolean>;
13
- filled: {
14
- type: PropType<boolean>;
58
+ label: unknown extends Defaults["label"] ? PropType<string> : {
59
+ type: PropType<unknown extends Defaults ? "label" : "label" | Defaults>;
60
+ default: unknown extends Defaults["label"] ? string : string | Defaults["label"];
15
61
  };
16
- ceramic: PropType<boolean>;
17
- label: PropType<string>;
18
- modelValue: {
62
+ modelValue: unknown extends Defaults["modelValue"] ? {
63
+ type: PropType<string | number>;
64
+ } : Omit<{
19
65
  type: PropType<string | number>;
66
+ }, "default" | "type"> & {
67
+ type: PropType<unknown extends Defaults["modelValue"] ? string | number : NonNullable<string | number> | Defaults["modelValue"]>;
68
+ default: unknown extends Defaults["modelValue"] ? string | number : NonNullable<string | number> | Defaults["modelValue"];
20
69
  };
21
- autoSelect: {
70
+ autoSelect: unknown extends Defaults["autoSelect"] ? {
22
71
  type: PropType<boolean>;
23
72
  default: boolean;
73
+ } : Omit<{
74
+ type: PropType<boolean>;
75
+ default: boolean;
76
+ }, "default" | "type"> & {
77
+ type: PropType<unknown extends Defaults["autoSelect"] ? boolean : boolean | Defaults["autoSelect"]>;
78
+ default: unknown extends Defaults["autoSelect"] ? boolean : boolean | Defaults["autoSelect"];
24
79
  };
25
- floated: {
80
+ floated: unknown extends Defaults["floated"] ? {
81
+ type: PropType<boolean>;
82
+ default: () => false;
83
+ } : Omit<{
26
84
  type: PropType<boolean>;
27
- default: () => boolean;
85
+ default: () => false;
86
+ }, "default" | "type"> & {
87
+ type: PropType<unknown extends Defaults["floated"] ? boolean : boolean | Defaults["floated"]>;
88
+ default: unknown extends Defaults["floated"] ? boolean : boolean | Defaults["floated"];
28
89
  };
29
- placeholder: PropType<string>;
30
- loading: PropType<boolean>;
31
- readonly: PropType<boolean>;
32
- disabled: PropType<boolean>;
33
- status: {
90
+ placeholder: unknown extends Defaults["placeholder"] ? PropType<string> : {
91
+ type: PropType<unknown extends Defaults ? "placeholder" : "placeholder" | Defaults>;
92
+ default: unknown extends Defaults["placeholder"] ? string : string | Defaults["placeholder"];
93
+ };
94
+ loading: unknown extends Defaults["loading"] ? PropType<boolean> : {
95
+ type: PropType<unknown extends Defaults ? "loading" : "loading" | Defaults>;
96
+ default: unknown extends Defaults["loading"] ? boolean : boolean | Defaults["loading"];
97
+ };
98
+ variation: unknown extends Defaults["variation"] ? PropType<string> : {
99
+ type: PropType<unknown extends Defaults ? "variation" : "variation" | Defaults>;
100
+ default: unknown extends Defaults["variation"] ? string : string | Defaults["variation"];
101
+ };
102
+ outlined: unknown extends Defaults["outlined"] ? PropType<boolean> : {
103
+ type: PropType<unknown extends Defaults ? "outlined" : "outlined" | Defaults>;
104
+ default: unknown extends Defaults["outlined"] ? boolean : boolean | Defaults["outlined"];
105
+ };
106
+ filled: unknown extends Defaults["filled"] ? PropType<boolean> : {
107
+ type: PropType<unknown extends Defaults ? "filled" : "filled" | Defaults>;
108
+ default: unknown extends Defaults["filled"] ? boolean : boolean | Defaults["filled"];
109
+ };
110
+ ceramic: unknown extends Defaults["ceramic"] ? PropType<boolean> : {
111
+ type: PropType<unknown extends Defaults ? "ceramic" : "ceramic" | Defaults>;
112
+ default: unknown extends Defaults["ceramic"] ? boolean : boolean | Defaults["ceramic"];
113
+ };
114
+ readonly: unknown extends Defaults["readonly"] ? PropType<boolean> : {
115
+ type: PropType<unknown extends Defaults ? "readonly" : "readonly" | Defaults>;
116
+ default: unknown extends Defaults["readonly"] ? boolean : boolean | Defaults["readonly"];
117
+ };
118
+ disabled: unknown extends Defaults["disabled"] ? PropType<boolean> : {
119
+ type: PropType<unknown extends Defaults ? "disabled" : "disabled" | Defaults>;
120
+ default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
121
+ };
122
+ status: unknown extends Defaults["status"] ? {
123
+ type: PropType<"success" | "warning" | "error" | undefined>;
124
+ validator(value: string): boolean;
125
+ } : Omit<{
34
126
  type: PropType<"success" | "warning" | "error" | undefined>;
35
127
  validator(value: string): boolean;
128
+ }, "default" | "type"> & {
129
+ type: PropType<unknown extends Defaults["status"] ? "success" | "warning" | "error" | undefined : NonNullable<"success" | "warning" | "error" | undefined> | Defaults["status"]>;
130
+ default: unknown extends Defaults["status"] ? "success" | "warning" | "error" | undefined : NonNullable<"success" | "warning" | "error" | undefined> | Defaults["status"];
131
+ };
132
+ validators: unknown extends Defaults["validators"] ? PropType<string[] | ((v: any) => boolean | string)[]> : {
133
+ type: PropType<unknown extends Defaults ? "validators" : "validators" | Defaults>;
134
+ default: unknown extends Defaults["validators"] ? string[] | ((v: any) => boolean | string)[] : NonNullable<string[] | ((v: any) => boolean | string)[]> | Defaults["validators"];
36
135
  };
37
- validators: PropType<string[] | ((v: any) => boolean | string)[]>;
38
136
  };
39
137
  export declare const YInput: import("vue").DefineComponent<{
138
+ focused: BooleanConstructor;
139
+ 'onUpdate:focused': PropType<(v: boolean) => void>;
40
140
  name: StringConstructor;
41
141
  width: {
42
142
  type: PropType<string | number>;
@@ -46,11 +146,6 @@ export declare const YInput: import("vue").DefineComponent<{
46
146
  type: PropType<string>;
47
147
  default: string;
48
148
  };
49
- outlined: PropType<boolean>;
50
- filled: {
51
- type: PropType<boolean>;
52
- };
53
- ceramic: PropType<boolean>;
54
149
  label: PropType<string>;
55
150
  modelValue: {
56
151
  type: PropType<string | number>;
@@ -61,10 +156,14 @@ export declare const YInput: import("vue").DefineComponent<{
61
156
  };
62
157
  floated: {
63
158
  type: PropType<boolean>;
64
- default: () => boolean;
159
+ default: () => false;
65
160
  };
66
161
  placeholder: PropType<string>;
67
162
  loading: PropType<boolean>;
163
+ variation: PropType<string>;
164
+ outlined: PropType<boolean>;
165
+ filled: PropType<boolean>;
166
+ ceramic: PropType<boolean>;
68
167
  readonly: PropType<boolean>;
69
168
  disabled: PropType<boolean>;
70
169
  status: {
@@ -72,8 +171,16 @@ export declare const YInput: import("vue").DefineComponent<{
72
171
  validator(value: string): boolean;
73
172
  };
74
173
  validators: PropType<string[] | ((v: any) => boolean | string)[]>;
75
- }, unknown, {
76
- isFocused: boolean;
174
+ theme: StringConstructor;
175
+ }, {
176
+ themeClasses: Readonly<import("vue").ComputedRef<string | undefined>>;
177
+ isFocused: import("vue").WritableComputedRef<any>;
178
+ focusedClasses: import("vue").ComputedRef<{
179
+ [x: string]: any;
180
+ }>;
181
+ whenFocus: () => void;
182
+ whenBlur: () => void;
183
+ }, {
77
184
  iid: string;
78
185
  lazyValue: string | undefined;
79
186
  inValue: string | number | undefined;
@@ -88,15 +195,16 @@ export declare const YInput: import("vue").DefineComponent<{
88
195
  formLoading(): boolean;
89
196
  isError(): boolean;
90
197
  isSuccess(): boolean;
198
+ variations(): string[];
91
199
  }, {
92
- createPrependOuter(): VNode | undefined;
93
- createAppendOuter(): VNode | undefined;
200
+ createPrepend(): VNode | undefined;
201
+ createAppend(): VNode | undefined;
94
202
  createLabelSlot(): (VNode | string | VNode[])[];
95
203
  createLabel(): VNode | undefined;
96
204
  createDefaultChildren(): (VNode | undefined | VNode[] | string)[];
97
205
  createDefault(): VNode[] | VNode;
98
- createPrepend(): VNode | undefined;
99
- createAppend(): VNode | VNode[] | undefined;
206
+ createLeading(): VNode | undefined;
207
+ createTrailing(): VNode | VNode[] | undefined;
100
208
  getDisplayHeight(): string | number | undefined;
101
209
  createDisplay(): VNode;
102
210
  createHelperText(): VNode;
@@ -108,12 +216,14 @@ export declare const YInput: import("vue").DefineComponent<{
108
216
  onMouseup(e: Event): void;
109
217
  onFocus(event: FocusEvent): void;
110
218
  onBlur(event: FocusEvent): void;
111
- onClickPrepend(event: MouseEvent): void;
219
+ onClickLeading(event: MouseEvent): void;
112
220
  onChange(event?: Event): void;
113
221
  invokeValidators(): boolean;
114
222
  resetError(): void;
115
223
  getClasses(): Record<string, boolean>;
116
- }, import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, import("vue").ComponentOptionsMixin, ("error" | "click" | "mousedown" | "mouseup" | "focus" | "blur" | "click:prepend" | "update:modelValue")[], "error" | "click" | "mousedown" | "mouseup" | "focus" | "blur" | "click:prepend" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
224
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "focus" | "click" | "mousedown" | "mouseup" | "blur" | "mousedown:display" | "mouseup:display" | "click:leading" | "update:modelValue" | "update:focused")[], "error" | "focus" | "click" | "mousedown" | "mouseup" | "blur" | "mousedown:display" | "mouseup:display" | "click:leading" | "update:modelValue" | "update:focused", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
225
+ focused: BooleanConstructor;
226
+ 'onUpdate:focused': PropType<(v: boolean) => void>;
117
227
  name: StringConstructor;
118
228
  width: {
119
229
  type: PropType<string | number>;
@@ -123,11 +233,6 @@ export declare const YInput: import("vue").DefineComponent<{
123
233
  type: PropType<string>;
124
234
  default: string;
125
235
  };
126
- outlined: PropType<boolean>;
127
- filled: {
128
- type: PropType<boolean>;
129
- };
130
- ceramic: PropType<boolean>;
131
236
  label: PropType<string>;
132
237
  modelValue: {
133
238
  type: PropType<string | number>;
@@ -138,10 +243,14 @@ export declare const YInput: import("vue").DefineComponent<{
138
243
  };
139
244
  floated: {
140
245
  type: PropType<boolean>;
141
- default: () => boolean;
246
+ default: () => false;
142
247
  };
143
248
  placeholder: PropType<string>;
144
249
  loading: PropType<boolean>;
250
+ variation: PropType<string>;
251
+ outlined: PropType<boolean>;
252
+ filled: PropType<boolean>;
253
+ ceramic: PropType<boolean>;
145
254
  readonly: PropType<boolean>;
146
255
  disabled: PropType<boolean>;
147
256
  status: {
@@ -149,18 +258,23 @@ export declare const YInput: import("vue").DefineComponent<{
149
258
  validator(value: string): boolean;
150
259
  };
151
260
  validators: PropType<string[] | ((v: any) => boolean | string)[]>;
261
+ theme: StringConstructor;
152
262
  }>> & {
153
263
  onClick?: ((...args: any[]) => any) | undefined;
264
+ "onUpdate:focused"?: ((...args: any[]) => any) | undefined;
154
265
  onError?: ((...args: any[]) => any) | undefined;
266
+ onFocus?: ((...args: any[]) => any) | undefined;
155
267
  onMousedown?: ((...args: any[]) => any) | undefined;
156
268
  onMouseup?: ((...args: any[]) => any) | undefined;
157
- onFocus?: ((...args: any[]) => any) | undefined;
158
269
  onBlur?: ((...args: any[]) => any) | undefined;
159
- "onClick:prepend"?: ((...args: any[]) => any) | undefined;
270
+ "onMousedown:display"?: ((...args: any[]) => any) | undefined;
271
+ "onMouseup:display"?: ((...args: any[]) => any) | undefined;
272
+ "onClick:leading"?: ((...args: any[]) => any) | undefined;
160
273
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
161
274
  }, {
162
275
  displayTag: string;
163
276
  autoSelect: boolean;
164
277
  floated: boolean;
278
+ focused: boolean;
165
279
  }, {}>;
166
280
  export type YInput = InstanceType<typeof YInput>;
@@ -1,5 +1,11 @@
1
1
  import type { CSSProperties, PropType } from 'vue';
2
2
  export declare const pressYLayerProps: <Defaults extends {
3
+ minWidth?: unknown;
4
+ width?: unknown;
5
+ maxWidth?: unknown;
6
+ minHeight?: unknown;
7
+ height?: unknown;
8
+ maxHeight?: unknown;
3
9
  coordinateStrategy?: unknown;
4
10
  position?: unknown;
5
11
  align?: unknown;
@@ -7,16 +13,41 @@ export declare const pressYLayerProps: <Defaults extends {
7
13
  offset?: unknown;
8
14
  viewportMargin?: unknown;
9
15
  transition?: unknown;
16
+ theme?: unknown;
10
17
  modelValue?: unknown;
11
18
  scrim?: unknown;
12
19
  eager?: unknown;
13
20
  classes?: unknown;
14
21
  contentClasses?: unknown;
15
22
  closeClickScrim?: unknown;
16
- persistent?: unknown;
23
+ modal?: unknown;
17
24
  contentStyles?: unknown;
18
25
  disabled?: unknown;
19
26
  } = {}>(defaults?: Defaults | undefined) => {
27
+ minWidth: unknown extends Defaults["minWidth"] ? PropType<string | number> : {
28
+ type: PropType<unknown extends Defaults ? "minWidth" : "minWidth" | Defaults>;
29
+ default: unknown extends Defaults["minWidth"] ? string | number : NonNullable<string | number> | Defaults["minWidth"];
30
+ };
31
+ width: unknown extends Defaults["width"] ? PropType<string | number> : {
32
+ type: PropType<unknown extends Defaults ? "width" : "width" | Defaults>;
33
+ default: unknown extends Defaults["width"] ? string | number : NonNullable<string | number> | Defaults["width"];
34
+ };
35
+ maxWidth: unknown extends Defaults["maxWidth"] ? PropType<string | number> : {
36
+ type: PropType<unknown extends Defaults ? "maxWidth" : "maxWidth" | Defaults>;
37
+ default: unknown extends Defaults["maxWidth"] ? string | number : NonNullable<string | number> | Defaults["maxWidth"];
38
+ };
39
+ minHeight: unknown extends Defaults["minHeight"] ? PropType<string | number> : {
40
+ type: PropType<unknown extends Defaults ? "minHeight" : "minHeight" | Defaults>;
41
+ default: unknown extends Defaults["minHeight"] ? string | number : NonNullable<string | number> | Defaults["minHeight"];
42
+ };
43
+ height: unknown extends Defaults["height"] ? PropType<string | number> : {
44
+ type: PropType<unknown extends Defaults ? "height" : "height" | Defaults>;
45
+ default: unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"];
46
+ };
47
+ maxHeight: unknown extends Defaults["maxHeight"] ? PropType<string | number> : {
48
+ type: PropType<unknown extends Defaults ? "maxHeight" : "maxHeight" | Defaults>;
49
+ default: unknown extends Defaults["maxHeight"] ? string | number : NonNullable<string | number> | Defaults["maxHeight"];
50
+ };
20
51
  coordinateStrategy: unknown extends Defaults["coordinateStrategy"] ? {
21
52
  type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
22
53
  default: string;
@@ -34,8 +65,8 @@ export declare const pressYLayerProps: <Defaults extends {
34
65
  type: PropType<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
35
66
  default: string;
36
67
  }, "default" | "type"> & {
37
- type: PropType<unknown extends Defaults["position"] ? "default" | "top" | "end" | "right" | "bottom" | "left" | "start" : Defaults["position"] | NonNullable<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">>;
38
- default: unknown extends Defaults["position"] ? "default" | "top" | "end" | "right" | "bottom" | "left" | "start" : Defaults["position"] | NonNullable<"default" | "top" | "end" | "right" | "bottom" | "left" | "start">;
68
+ type: PropType<unknown extends Defaults["position"] ? "default" | "top" | "end" | "right" | "bottom" | "left" | "start" : NonNullable<"default" | "top" | "end" | "right" | "bottom" | "left" | "start"> | Defaults["position"]>;
69
+ default: unknown extends Defaults["position"] ? "default" | "top" | "end" | "right" | "bottom" | "left" | "start" : NonNullable<"default" | "top" | "end" | "right" | "bottom" | "left" | "start"> | Defaults["position"];
39
70
  };
40
71
  align: unknown extends Defaults["align"] ? {
41
72
  type: PropType<"end" | "start" | "center">;
@@ -44,8 +75,8 @@ export declare const pressYLayerProps: <Defaults extends {
44
75
  type: PropType<"end" | "start" | "center">;
45
76
  default: string;
46
77
  }, "default" | "type"> & {
47
- type: PropType<unknown extends Defaults["align"] ? "end" | "start" | "center" : Defaults["align"] | NonNullable<"end" | "start" | "center">>;
48
- default: unknown extends Defaults["align"] ? "end" | "start" | "center" : Defaults["align"] | NonNullable<"end" | "start" | "center">;
78
+ type: PropType<unknown extends Defaults["align"] ? "end" | "start" | "center" : NonNullable<"end" | "start" | "center"> | Defaults["align"]>;
79
+ default: unknown extends Defaults["align"] ? "end" | "start" | "center" : NonNullable<"end" | "start" | "center"> | Defaults["align"];
49
80
  };
50
81
  origin: unknown extends Defaults["origin"] ? {
51
82
  type: StringConstructor;
@@ -58,12 +89,12 @@ export declare const pressYLayerProps: <Defaults extends {
58
89
  default: unknown extends Defaults["origin"] ? string : string | Defaults["origin"];
59
90
  };
60
91
  offset: unknown extends Defaults["offset"] ? {
61
- type: (StringConstructor | NumberConstructor | ArrayConstructor)[];
92
+ type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
62
93
  } : Omit<{
63
- type: (StringConstructor | NumberConstructor | ArrayConstructor)[];
94
+ type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
64
95
  }, "default" | "type"> & {
65
- type: PropType<unknown extends Defaults["offset"] ? string | number | unknown[] : Defaults["offset"] | NonNullable<string | number | unknown[]>>;
66
- default: unknown extends Defaults["offset"] ? string | number | unknown[] : Defaults["offset"] | NonNullable<string | number | unknown[]>;
96
+ type: PropType<unknown extends Defaults["offset"] ? string | number | unknown[] : NonNullable<string | number | unknown[]> | Defaults["offset"]>;
97
+ default: unknown extends Defaults["offset"] ? string | number | unknown[] : NonNullable<string | number | unknown[]> | Defaults["offset"];
67
98
  };
68
99
  viewportMargin: unknown extends Defaults["viewportMargin"] ? {
69
100
  type: NumberConstructor;
@@ -97,6 +128,10 @@ export declare const pressYLayerProps: <Defaults extends {
97
128
  is?: import("vue").Component | undefined;
98
129
  })>;
99
130
  };
131
+ theme: unknown extends Defaults["theme"] ? StringConstructor : {
132
+ type: PropType<unknown extends Defaults ? "theme" : "theme" | Defaults>;
133
+ default: unknown extends Defaults["theme"] ? string : string | Defaults["theme"];
134
+ };
100
135
  modelValue: unknown extends Defaults["modelValue"] ? {
101
136
  type: PropType<boolean>;
102
137
  } : Omit<{
@@ -145,9 +180,9 @@ export declare const pressYLayerProps: <Defaults extends {
145
180
  type: PropType<unknown extends Defaults["closeClickScrim"] ? boolean : boolean | Defaults["closeClickScrim"]>;
146
181
  default: unknown extends Defaults["closeClickScrim"] ? boolean : boolean | Defaults["closeClickScrim"];
147
182
  };
148
- persistent: unknown extends Defaults["persistent"] ? PropType<boolean> : {
149
- type: PropType<unknown extends Defaults ? "persistent" : "persistent" | Defaults>;
150
- default: unknown extends Defaults["persistent"] ? boolean : boolean | Defaults["persistent"];
183
+ modal: unknown extends Defaults["modal"] ? PropType<boolean> : {
184
+ type: PropType<unknown extends Defaults ? "modal" : "modal" | Defaults>;
185
+ default: unknown extends Defaults["modal"] ? boolean : boolean | Defaults["modal"];
151
186
  };
152
187
  contentStyles: unknown extends Defaults["contentStyles"] ? {
153
188
  type: PropType<CSSProperties>;
@@ -171,6 +206,12 @@ export declare const pressYLayerProps: <Defaults extends {
171
206
  };
172
207
  };
173
208
  export declare const YLayer: import("vue").DefineComponent<{
209
+ minWidth: PropType<string | number>;
210
+ width: PropType<string | number>;
211
+ maxWidth: PropType<string | number>;
212
+ minHeight: PropType<string | number>;
213
+ height: PropType<string | number>;
214
+ maxHeight: PropType<string | number>;
174
215
  coordinateStrategy: {
175
216
  type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
176
217
  default: string;
@@ -188,7 +229,7 @@ export declare const YLayer: import("vue").DefineComponent<{
188
229
  default: string;
189
230
  };
190
231
  offset: {
191
- type: (StringConstructor | NumberConstructor | ArrayConstructor)[];
232
+ type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
192
233
  };
193
234
  viewportMargin: {
194
235
  type: NumberConstructor;
@@ -200,6 +241,7 @@ export declare const YLayer: import("vue").DefineComponent<{
200
241
  })>;
201
242
  default: string;
202
243
  };
244
+ theme: StringConstructor;
203
245
  modelValue: {
204
246
  type: PropType<boolean>;
205
247
  };
@@ -218,7 +260,7 @@ export declare const YLayer: import("vue").DefineComponent<{
218
260
  closeClickScrim: {
219
261
  type: PropType<boolean>;
220
262
  };
221
- persistent: PropType<boolean>;
263
+ modal: PropType<boolean>;
222
264
  contentStyles: {
223
265
  type: PropType<CSSProperties>;
224
266
  default: () => void;
@@ -231,7 +273,7 @@ export declare const YLayer: import("vue").DefineComponent<{
231
273
  complementClickOption: {
232
274
  handler: (mouseEvent: MouseEvent) => void;
233
275
  determine?: ((event: Event) => boolean) | undefined;
234
- include?: (() => HTMLElement[]) | undefined;
276
+ include?: (() => (HTMLElement | undefined)[]) | undefined;
235
277
  };
236
278
  layerGroup: import("vue").ComputedRef<string | HTMLElement>;
237
279
  active: import("vue").WritableComputedRef<boolean>;
@@ -239,6 +281,7 @@ export declare const YLayer: import("vue").DefineComponent<{
239
281
  onAfterUpdate: () => void;
240
282
  scrim$: import("vue").Ref<HTMLElement | undefined>;
241
283
  content$: import("vue").Ref<HTMLElement | undefined>;
284
+ baseEl: import("vue").Ref<HTMLElement | undefined>;
242
285
  polyTransitionBindProps: import("vue").ComputedRef<{
243
286
  is: any;
244
287
  transitionProps: any;
@@ -1809,6 +1852,12 @@ export declare const YLayer: import("vue").DefineComponent<{
1809
1852
  'click:complement': (mouseEvent: MouseEvent) => true;
1810
1853
  afterLeave: () => true;
1811
1854
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
1855
+ minWidth: PropType<string | number>;
1856
+ width: PropType<string | number>;
1857
+ maxWidth: PropType<string | number>;
1858
+ minHeight: PropType<string | number>;
1859
+ height: PropType<string | number>;
1860
+ maxHeight: PropType<string | number>;
1812
1861
  coordinateStrategy: {
1813
1862
  type: PropType<"levitation" | "arrangement" | import("../../composables/coordinate").CoordinateStrategyFn>;
1814
1863
  default: string;
@@ -1826,7 +1875,7 @@ export declare const YLayer: import("vue").DefineComponent<{
1826
1875
  default: string;
1827
1876
  };
1828
1877
  offset: {
1829
- type: (StringConstructor | NumberConstructor | ArrayConstructor)[];
1878
+ type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
1830
1879
  };
1831
1880
  viewportMargin: {
1832
1881
  type: NumberConstructor;
@@ -1838,6 +1887,7 @@ export declare const YLayer: import("vue").DefineComponent<{
1838
1887
  })>;
1839
1888
  default: string;
1840
1889
  };
1890
+ theme: StringConstructor;
1841
1891
  modelValue: {
1842
1892
  type: PropType<boolean>;
1843
1893
  };
@@ -1856,7 +1906,7 @@ export declare const YLayer: import("vue").DefineComponent<{
1856
1906
  closeClickScrim: {
1857
1907
  type: PropType<boolean>;
1858
1908
  };
1859
- persistent: PropType<boolean>;
1909
+ modal: PropType<boolean>;
1860
1910
  contentStyles: {
1861
1911
  type: PropType<CSSProperties>;
1862
1912
  default: () => void;
@@ -1,2 +1,23 @@
1
- export declare const YList: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
1
+ export declare const pressYListPropsOptions: <Defaults extends {
2
+ theme?: unknown;
3
+ disabled?: unknown;
4
+ } = {}>(defaults?: Defaults | undefined) => {
5
+ theme: unknown extends Defaults["theme"] ? StringConstructor : {
6
+ type: import("vue").PropType<unknown extends Defaults ? "theme" : "theme" | Defaults>;
7
+ default: unknown extends Defaults["theme"] ? string : string | Defaults["theme"];
8
+ };
9
+ disabled: unknown extends Defaults["disabled"] ? BooleanConstructor : {
10
+ type: import("vue").PropType<unknown extends Defaults ? "disabled" : "disabled" | Defaults>;
11
+ default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
12
+ };
13
+ };
14
+ export declare const YList: import("vue").DefineComponent<{
15
+ theme: StringConstructor;
16
+ disabled: BooleanConstructor;
17
+ }, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
18
+ theme: StringConstructor;
19
+ disabled: BooleanConstructor;
20
+ }>>, {
21
+ disabled: boolean;
22
+ }, {}>;
2
23
  export type YList = InstanceType<typeof YList>;
@@ -1,6 +1,13 @@
1
1
  export declare const pressYListItemProps: <Defaults extends {
2
+ theme?: unknown;
2
3
  tag?: unknown;
4
+ onClick?: unknown;
5
+ disabled?: unknown;
3
6
  } = {}>(defaults?: Defaults | undefined) => {
7
+ theme: unknown extends Defaults["theme"] ? StringConstructor : {
8
+ type: import("vue").PropType<unknown extends Defaults ? "theme" : "theme" | Defaults>;
9
+ default: unknown extends Defaults["theme"] ? string : string | Defaults["theme"];
10
+ };
4
11
  tag: unknown extends Defaults["tag"] ? {
5
12
  type: StringConstructor;
6
13
  default: string;
@@ -11,18 +18,37 @@ export declare const pressYListItemProps: <Defaults extends {
11
18
  type: import("vue").PropType<unknown extends Defaults["tag"] ? string : string | Defaults["tag"]>;
12
19
  default: unknown extends Defaults["tag"] ? string : string | Defaults["tag"];
13
20
  };
21
+ onClick: unknown extends Defaults["onClick"] ? FunctionConstructor : {
22
+ type: import("vue").PropType<unknown extends Defaults ? "onClick" : "onClick" | Defaults>;
23
+ default: unknown extends Defaults["onClick"] ? Function : Function | Defaults["onClick"];
24
+ };
25
+ disabled: unknown extends Defaults["disabled"] ? BooleanConstructor : {
26
+ type: import("vue").PropType<unknown extends Defaults ? "disabled" : "disabled" | Defaults>;
27
+ default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
28
+ };
14
29
  };
15
30
  export declare const YListItem: import("vue").DefineComponent<{
31
+ theme: StringConstructor;
16
32
  tag: {
17
33
  type: StringConstructor;
18
34
  default: string;
19
35
  };
20
- }, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
36
+ onClick: FunctionConstructor;
37
+ disabled: BooleanConstructor;
38
+ }, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
39
+ click: (e: MouseEvent) => true;
40
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
41
+ theme: StringConstructor;
21
42
  tag: {
22
43
  type: StringConstructor;
23
44
  default: string;
24
45
  };
25
- }>>, {
46
+ onClick: FunctionConstructor;
47
+ disabled: BooleanConstructor;
48
+ }>> & {
49
+ onClick?: ((e: MouseEvent) => any) | undefined;
50
+ }, {
51
+ disabled: boolean;
26
52
  tag: string;
27
53
  }, {}>;
28
54
  export type YListItem = InstanceType<typeof YListItem>;