sit-onyx 1.0.0-alpha.26 → 1.0.0-alpha.28

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.
@@ -0,0 +1,345 @@
1
+ import type { Meta } from "@storybook/vue3";
2
+ import OnyxAppLayout from "./OnyxAppLayout.vue";
3
+ /**
4
+ * Layout component that structures your application.
5
+ * Includes slots for a nav bar, page content, and overlays above the page or the whole app.
6
+ * Recommended to use on App.vue level of an application.
7
+ */
8
+ declare const meta: Meta<typeof OnyxAppLayout>;
9
+ export default meta;
10
+ /** Standard app layout with a nav bar and some content. */
11
+ export declare const Default: {
12
+ args: {};
13
+ };
14
+ /** App layout where the nav bar is left aligned. */
15
+ export declare const LeftNav: {
16
+ args: {
17
+ navBarAlignment: "left";
18
+ };
19
+ };
20
+ /** Example of an overlay that covers the whole application. */
21
+ export declare const AppOverlay: {
22
+ args: {};
23
+ render: (args: import("@storybook/vue3").ComponentPropsAndSlots<{
24
+ new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
25
+ navBarAlignment: {
26
+ type: import("vue").PropType<"top" | "left">;
27
+ default: string;
28
+ };
29
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
30
+ navBarAlignment: {
31
+ type: import("vue").PropType<"top" | "left">;
32
+ default: string;
33
+ };
34
+ }>>, {
35
+ navBarAlignment: "top" | "left";
36
+ }, true, {}, {}, {
37
+ P: {};
38
+ B: {};
39
+ D: {};
40
+ C: {};
41
+ M: {};
42
+ Defaults: {};
43
+ }, Readonly<import("vue").ExtractPropTypes<{
44
+ navBarAlignment: {
45
+ type: import("vue").PropType<"top" | "left">;
46
+ default: string;
47
+ };
48
+ }>>, {}, {}, {}, {}, {
49
+ navBarAlignment: "top" | "left";
50
+ }>;
51
+ __isFragment?: undefined;
52
+ __isTeleport?: undefined;
53
+ __isSuspense?: undefined;
54
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
55
+ navBarAlignment: {
56
+ type: import("vue").PropType<"top" | "left">;
57
+ default: string;
58
+ };
59
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
60
+ navBarAlignment: "top" | "left";
61
+ }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
62
+ $slots: Readonly<{
63
+ navBar?(props: Record<string, never>): unknown;
64
+ default(props: Record<string, never>): unknown;
65
+ pageOverlay?(props: Record<string, never>): unknown;
66
+ appOverlay?(props: Record<string, never>): unknown;
67
+ }> & {
68
+ navBar?(props: Record<string, never>): unknown;
69
+ default(props: Record<string, never>): unknown;
70
+ pageOverlay?(props: Record<string, never>): unknown;
71
+ appOverlay?(props: Record<string, never>): unknown;
72
+ };
73
+ })>) => {
74
+ components: {
75
+ OnyxAppLayout: {
76
+ new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
77
+ navBarAlignment: {
78
+ type: import("vue").PropType<"top" | "left">;
79
+ default: string;
80
+ };
81
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
82
+ navBarAlignment: {
83
+ type: import("vue").PropType<"top" | "left">;
84
+ default: string;
85
+ };
86
+ }>>, {
87
+ navBarAlignment: "top" | "left";
88
+ }, true, {}, {}, {
89
+ P: {};
90
+ B: {};
91
+ D: {};
92
+ C: {};
93
+ M: {};
94
+ Defaults: {};
95
+ }, Readonly<import("vue").ExtractPropTypes<{
96
+ navBarAlignment: {
97
+ type: import("vue").PropType<"top" | "left">;
98
+ default: string;
99
+ };
100
+ }>>, {}, {}, {}, {}, {
101
+ navBarAlignment: "top" | "left";
102
+ }>;
103
+ __isFragment?: undefined;
104
+ __isTeleport?: undefined;
105
+ __isSuspense?: undefined;
106
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
107
+ navBarAlignment: {
108
+ type: import("vue").PropType<"top" | "left">;
109
+ default: string;
110
+ };
111
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
112
+ navBarAlignment: "top" | "left";
113
+ }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
114
+ $slots: Readonly<{
115
+ navBar?(props: Record<string, never>): unknown;
116
+ default(props: Record<string, never>): unknown;
117
+ pageOverlay?(props: Record<string, never>): unknown;
118
+ appOverlay?(props: Record<string, never>): unknown;
119
+ }> & {
120
+ navBar?(props: Record<string, never>): unknown;
121
+ default(props: Record<string, never>): unknown;
122
+ pageOverlay?(props: Record<string, never>): unknown;
123
+ appOverlay?(props: Record<string, never>): unknown;
124
+ };
125
+ });
126
+ };
127
+ template: string;
128
+ setup: () => {
129
+ args: import("@storybook/vue3").ComponentPropsAndSlots<{
130
+ new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
131
+ navBarAlignment: {
132
+ type: import("vue").PropType<"top" | "left">;
133
+ default: string;
134
+ };
135
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
136
+ navBarAlignment: {
137
+ type: import("vue").PropType<"top" | "left">;
138
+ default: string;
139
+ };
140
+ }>>, {
141
+ navBarAlignment: "top" | "left";
142
+ }, true, {}, {}, {
143
+ P: {};
144
+ B: {};
145
+ D: {};
146
+ C: {};
147
+ M: {};
148
+ Defaults: {};
149
+ }, Readonly<import("vue").ExtractPropTypes<{
150
+ navBarAlignment: {
151
+ type: import("vue").PropType<"top" | "left">;
152
+ default: string;
153
+ };
154
+ }>>, {}, {}, {}, {}, {
155
+ navBarAlignment: "top" | "left";
156
+ }>;
157
+ __isFragment?: undefined;
158
+ __isTeleport?: undefined;
159
+ __isSuspense?: undefined;
160
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
161
+ navBarAlignment: {
162
+ type: import("vue").PropType<"top" | "left">;
163
+ default: string;
164
+ };
165
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
166
+ navBarAlignment: "top" | "left";
167
+ }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
168
+ $slots: Readonly<{
169
+ navBar?(props: Record<string, never>): unknown;
170
+ default(props: Record<string, never>): unknown;
171
+ pageOverlay?(props: Record<string, never>): unknown;
172
+ appOverlay?(props: Record<string, never>): unknown;
173
+ }> & {
174
+ navBar?(props: Record<string, never>): unknown;
175
+ default(props: Record<string, never>): unknown;
176
+ pageOverlay?(props: Record<string, never>): unknown;
177
+ appOverlay?(props: Record<string, never>): unknown;
178
+ };
179
+ })>;
180
+ };
181
+ };
182
+ };
183
+ /** Example of an overlay that covers the whole page section of an application. */
184
+ export declare const PageOverlay: {
185
+ args: {};
186
+ render: (args: import("@storybook/vue3").ComponentPropsAndSlots<{
187
+ new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
188
+ navBarAlignment: {
189
+ type: import("vue").PropType<"top" | "left">;
190
+ default: string;
191
+ };
192
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
193
+ navBarAlignment: {
194
+ type: import("vue").PropType<"top" | "left">;
195
+ default: string;
196
+ };
197
+ }>>, {
198
+ navBarAlignment: "top" | "left";
199
+ }, true, {}, {}, {
200
+ P: {};
201
+ B: {};
202
+ D: {};
203
+ C: {};
204
+ M: {};
205
+ Defaults: {};
206
+ }, Readonly<import("vue").ExtractPropTypes<{
207
+ navBarAlignment: {
208
+ type: import("vue").PropType<"top" | "left">;
209
+ default: string;
210
+ };
211
+ }>>, {}, {}, {}, {}, {
212
+ navBarAlignment: "top" | "left";
213
+ }>;
214
+ __isFragment?: undefined;
215
+ __isTeleport?: undefined;
216
+ __isSuspense?: undefined;
217
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
218
+ navBarAlignment: {
219
+ type: import("vue").PropType<"top" | "left">;
220
+ default: string;
221
+ };
222
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
223
+ navBarAlignment: "top" | "left";
224
+ }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
225
+ $slots: Readonly<{
226
+ navBar?(props: Record<string, never>): unknown;
227
+ default(props: Record<string, never>): unknown;
228
+ pageOverlay?(props: Record<string, never>): unknown;
229
+ appOverlay?(props: Record<string, never>): unknown;
230
+ }> & {
231
+ navBar?(props: Record<string, never>): unknown;
232
+ default(props: Record<string, never>): unknown;
233
+ pageOverlay?(props: Record<string, never>): unknown;
234
+ appOverlay?(props: Record<string, never>): unknown;
235
+ };
236
+ })>) => {
237
+ components: {
238
+ OnyxAppLayout: {
239
+ new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
240
+ navBarAlignment: {
241
+ type: import("vue").PropType<"top" | "left">;
242
+ default: string;
243
+ };
244
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
245
+ navBarAlignment: {
246
+ type: import("vue").PropType<"top" | "left">;
247
+ default: string;
248
+ };
249
+ }>>, {
250
+ navBarAlignment: "top" | "left";
251
+ }, true, {}, {}, {
252
+ P: {};
253
+ B: {};
254
+ D: {};
255
+ C: {};
256
+ M: {};
257
+ Defaults: {};
258
+ }, Readonly<import("vue").ExtractPropTypes<{
259
+ navBarAlignment: {
260
+ type: import("vue").PropType<"top" | "left">;
261
+ default: string;
262
+ };
263
+ }>>, {}, {}, {}, {}, {
264
+ navBarAlignment: "top" | "left";
265
+ }>;
266
+ __isFragment?: undefined;
267
+ __isTeleport?: undefined;
268
+ __isSuspense?: undefined;
269
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
270
+ navBarAlignment: {
271
+ type: import("vue").PropType<"top" | "left">;
272
+ default: string;
273
+ };
274
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
275
+ navBarAlignment: "top" | "left";
276
+ }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
277
+ $slots: Readonly<{
278
+ navBar?(props: Record<string, never>): unknown;
279
+ default(props: Record<string, never>): unknown;
280
+ pageOverlay?(props: Record<string, never>): unknown;
281
+ appOverlay?(props: Record<string, never>): unknown;
282
+ }> & {
283
+ navBar?(props: Record<string, never>): unknown;
284
+ default(props: Record<string, never>): unknown;
285
+ pageOverlay?(props: Record<string, never>): unknown;
286
+ appOverlay?(props: Record<string, never>): unknown;
287
+ };
288
+ });
289
+ };
290
+ template: string;
291
+ setup: () => {
292
+ args: import("@storybook/vue3").ComponentPropsAndSlots<{
293
+ new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
294
+ navBarAlignment: {
295
+ type: import("vue").PropType<"top" | "left">;
296
+ default: string;
297
+ };
298
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
299
+ navBarAlignment: {
300
+ type: import("vue").PropType<"top" | "left">;
301
+ default: string;
302
+ };
303
+ }>>, {
304
+ navBarAlignment: "top" | "left";
305
+ }, true, {}, {}, {
306
+ P: {};
307
+ B: {};
308
+ D: {};
309
+ C: {};
310
+ M: {};
311
+ Defaults: {};
312
+ }, Readonly<import("vue").ExtractPropTypes<{
313
+ navBarAlignment: {
314
+ type: import("vue").PropType<"top" | "left">;
315
+ default: string;
316
+ };
317
+ }>>, {}, {}, {}, {}, {
318
+ navBarAlignment: "top" | "left";
319
+ }>;
320
+ __isFragment?: undefined;
321
+ __isTeleport?: undefined;
322
+ __isSuspense?: undefined;
323
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
324
+ navBarAlignment: {
325
+ type: import("vue").PropType<"top" | "left">;
326
+ default: string;
327
+ };
328
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
329
+ navBarAlignment: "top" | "left";
330
+ }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
331
+ $slots: Readonly<{
332
+ navBar?(props: Record<string, never>): unknown;
333
+ default(props: Record<string, never>): unknown;
334
+ pageOverlay?(props: Record<string, never>): unknown;
335
+ appOverlay?(props: Record<string, never>): unknown;
336
+ }> & {
337
+ navBar?(props: Record<string, never>): unknown;
338
+ default(props: Record<string, never>): unknown;
339
+ pageOverlay?(props: Record<string, never>): unknown;
340
+ appOverlay?(props: Record<string, never>): unknown;
341
+ };
342
+ })>;
343
+ };
344
+ };
345
+ };
@@ -0,0 +1,49 @@
1
+ import type { OnyxAppLayoutProps } from "./types";
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OnyxAppLayoutProps>, {
3
+ navBarAlignment: string;
4
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OnyxAppLayoutProps>, {
5
+ navBarAlignment: string;
6
+ }>>>, {
7
+ navBarAlignment: "top" | "left";
8
+ }, {}>, Readonly<{
9
+ /** Navigation area of the application */
10
+ navBar?(props: Record<string, never>): unknown;
11
+ /** Page content area of the application */
12
+ default(props: Record<string, never>): unknown;
13
+ /** Overlays that cover the page and exclude the nav area */
14
+ pageOverlay?(props: Record<string, never>): unknown;
15
+ /** Overlays that cover the complete page */
16
+ appOverlay?(props: Record<string, never>): unknown;
17
+ }> & {
18
+ /** Navigation area of the application */
19
+ navBar?(props: Record<string, never>): unknown;
20
+ /** Page content area of the application */
21
+ default(props: Record<string, never>): unknown;
22
+ /** Overlays that cover the page and exclude the nav area */
23
+ pageOverlay?(props: Record<string, never>): unknown;
24
+ /** Overlays that cover the complete page */
25
+ appOverlay?(props: Record<string, never>): unknown;
26
+ }>;
27
+ export default _default;
28
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
29
+ type __VLS_TypePropsToRuntimeProps<T> = {
30
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
31
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
32
+ } : {
33
+ type: import('vue').PropType<T[K]>;
34
+ required: true;
35
+ };
36
+ };
37
+ type __VLS_WithDefaults<P, D> = {
38
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
39
+ default: D[K];
40
+ }> : P[K];
41
+ };
42
+ type __VLS_Prettify<T> = {
43
+ [K in keyof T]: T[K];
44
+ } & {};
45
+ type __VLS_WithTemplateSlots<T, S> = T & {
46
+ new (): {
47
+ $slots: S;
48
+ };
49
+ };
@@ -0,0 +1,4 @@
1
+ export type OnyxAppLayoutProps = {
2
+ /** Whether the nav bar will stick to the left or to the top of the app */
3
+ navBarAlignment?: "top" | "left";
4
+ };