@tessera-ui/vue 0.4.0

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.
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2026 James Kenneth Guidaven
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
@@ -0,0 +1,54 @@
1
+ import { type StencilVueComponent } from '@stencil/vue-output-target/runtime';
2
+ import type { JSX } from '@tessera-ui/core';
3
+ export declare const TsAccordion: StencilVueComponent<JSX.TsAccordion>;
4
+ export declare const TsAccordionItem: StencilVueComponent<JSX.TsAccordionItem>;
5
+ export declare const TsAlert: StencilVueComponent<JSX.TsAlert>;
6
+ export declare const TsAvatar: StencilVueComponent<JSX.TsAvatar>;
7
+ export declare const TsBadge: StencilVueComponent<JSX.TsBadge>;
8
+ export declare const TsBanner: StencilVueComponent<JSX.TsBanner>;
9
+ export declare const TsBreadcrumb: StencilVueComponent<JSX.TsBreadcrumb>;
10
+ export declare const TsBreadcrumbItem: StencilVueComponent<JSX.TsBreadcrumbItem>;
11
+ export declare const TsButton: StencilVueComponent<JSX.TsButton>;
12
+ export declare const TsCard: StencilVueComponent<JSX.TsCard>;
13
+ export declare const TsCheckbox: StencilVueComponent<JSX.TsCheckbox>;
14
+ export declare const TsChip: StencilVueComponent<JSX.TsChip>;
15
+ export declare const TsContainer: StencilVueComponent<JSX.TsContainer>;
16
+ export declare const TsDatePicker: StencilVueComponent<JSX.TsDatePicker>;
17
+ export declare const TsDialog: StencilVueComponent<JSX.TsDialog>;
18
+ export declare const TsDivider: StencilVueComponent<JSX.TsDivider>;
19
+ export declare const TsDrawer: StencilVueComponent<JSX.TsDrawer>;
20
+ export declare const TsEmptyState: StencilVueComponent<JSX.TsEmptyState>;
21
+ export declare const TsFileUpload: StencilVueComponent<JSX.TsFileUpload>;
22
+ export declare const TsGrid: StencilVueComponent<JSX.TsGrid>;
23
+ export declare const TsIcon: StencilVueComponent<JSX.TsIcon>;
24
+ export declare const TsInput: StencilVueComponent<JSX.TsInput>;
25
+ export declare const TsMenu: StencilVueComponent<JSX.TsMenu>;
26
+ export declare const TsMenuItem: StencilVueComponent<JSX.TsMenuItem>;
27
+ export declare const TsModal: StencilVueComponent<JSX.TsModal>;
28
+ export declare const TsNav: StencilVueComponent<JSX.TsNav>;
29
+ export declare const TsNavItem: StencilVueComponent<JSX.TsNavItem>;
30
+ export declare const TsPagination: StencilVueComponent<JSX.TsPagination>;
31
+ export declare const TsPopover: StencilVueComponent<JSX.TsPopover>;
32
+ export declare const TsProgress: StencilVueComponent<JSX.TsProgress>;
33
+ export declare const TsRadio: StencilVueComponent<JSX.TsRadio>;
34
+ export declare const TsRow: StencilVueComponent<JSX.TsRow>;
35
+ export declare const TsSelect: StencilVueComponent<JSX.TsSelect>;
36
+ export declare const TsSkeleton: StencilVueComponent<JSX.TsSkeleton>;
37
+ export declare const TsSlider: StencilVueComponent<JSX.TsSlider>;
38
+ export declare const TsSpacer: StencilVueComponent<JSX.TsSpacer>;
39
+ export declare const TsSpinner: StencilVueComponent<JSX.TsSpinner>;
40
+ export declare const TsStack: StencilVueComponent<JSX.TsStack>;
41
+ export declare const TsStep: StencilVueComponent<JSX.TsStep>;
42
+ export declare const TsStepper: StencilVueComponent<JSX.TsStepper>;
43
+ export declare const TsSwitchGroup: StencilVueComponent<JSX.TsSwitchGroup>;
44
+ export declare const TsSwitchOption: StencilVueComponent<JSX.TsSwitchOption>;
45
+ export declare const TsTabPanel: StencilVueComponent<JSX.TsTabPanel>;
46
+ export declare const TsTable: StencilVueComponent<JSX.TsTable>;
47
+ export declare const TsTabs: StencilVueComponent<JSX.TsTabs>;
48
+ export declare const TsTextarea: StencilVueComponent<JSX.TsTextarea>;
49
+ export declare const TsToast: StencilVueComponent<JSX.TsToast>;
50
+ export declare const TsToggle: StencilVueComponent<JSX.TsToggle>;
51
+ export declare const TsToolbar: StencilVueComponent<JSX.TsToolbar>;
52
+ export declare const TsTooltip: StencilVueComponent<JSX.TsTooltip>;
53
+ export declare const TsTree: StencilVueComponent<JSX.TsTree>;
54
+ export declare const TsTreeItem: StencilVueComponent<JSX.TsTreeItem>;
@@ -0,0 +1,476 @@
1
+ /* eslint-disable */
2
+ /* tslint:disable */
3
+ /* auto-generated vue proxies */
4
+ import { defineContainer } from '@stencil/vue-output-target/runtime';
5
+ export const TsAccordion = /*@__PURE__*/ defineContainer('ts-accordion', undefined, [
6
+ 'multiple'
7
+ ]);
8
+ export const TsAccordionItem = /*@__PURE__*/ defineContainer('ts-accordion-item', undefined, [
9
+ 'open',
10
+ 'disabled',
11
+ 'heading',
12
+ 'tsToggle'
13
+ ], [
14
+ 'tsToggle'
15
+ ]);
16
+ export const TsAlert = /*@__PURE__*/ defineContainer('ts-alert', undefined, [
17
+ 'variant',
18
+ 'closable',
19
+ 'tsClose'
20
+ ], [
21
+ 'tsClose'
22
+ ]);
23
+ export const TsAvatar = /*@__PURE__*/ defineContainer('ts-avatar', undefined, [
24
+ 'src',
25
+ 'alt',
26
+ 'name',
27
+ 'size',
28
+ 'variant',
29
+ 'color'
30
+ ]);
31
+ export const TsBadge = /*@__PURE__*/ defineContainer('ts-badge', undefined, [
32
+ 'variant',
33
+ 'size',
34
+ 'pill',
35
+ 'dot',
36
+ 'outline'
37
+ ]);
38
+ export const TsBanner = /*@__PURE__*/ defineContainer('ts-banner', undefined, [
39
+ 'variant',
40
+ 'dismissible',
41
+ 'icon',
42
+ 'sticky',
43
+ 'tsClose'
44
+ ], [
45
+ 'tsClose'
46
+ ]);
47
+ export const TsBreadcrumb = /*@__PURE__*/ defineContainer('ts-breadcrumb', undefined, [
48
+ 'separator'
49
+ ]);
50
+ export const TsBreadcrumbItem = /*@__PURE__*/ defineContainer('ts-breadcrumb-item', undefined, [
51
+ 'href',
52
+ 'current',
53
+ 'separator'
54
+ ]);
55
+ export const TsButton = /*@__PURE__*/ defineContainer('ts-button', undefined, [
56
+ 'variant',
57
+ 'appearance',
58
+ 'size',
59
+ 'disabled',
60
+ 'loading',
61
+ 'block',
62
+ 'type',
63
+ 'href',
64
+ 'target',
65
+ 'tsClick',
66
+ 'tsFocus',
67
+ 'tsBlur'
68
+ ], [
69
+ 'tsClick',
70
+ 'tsFocus',
71
+ 'tsBlur'
72
+ ]);
73
+ export const TsCard = /*@__PURE__*/ defineContainer('ts-card', undefined, [
74
+ 'elevation',
75
+ 'interactive',
76
+ 'bordered',
77
+ 'padding'
78
+ ]);
79
+ export const TsCheckbox = /*@__PURE__*/ defineContainer('ts-checkbox', undefined, [
80
+ 'checked',
81
+ 'indeterminate',
82
+ 'disabled',
83
+ 'value',
84
+ 'name',
85
+ 'label',
86
+ 'size',
87
+ 'error',
88
+ 'tsChange'
89
+ ], [
90
+ 'tsChange'
91
+ ]);
92
+ export const TsChip = /*@__PURE__*/ defineContainer('ts-chip', undefined, [
93
+ 'variant',
94
+ 'size',
95
+ 'removable',
96
+ 'disabled',
97
+ 'selected',
98
+ 'outline',
99
+ 'tsRemove',
100
+ 'tsClick'
101
+ ], [
102
+ 'tsRemove',
103
+ 'tsClick'
104
+ ]);
105
+ export const TsContainer = /*@__PURE__*/ defineContainer('ts-container', undefined, [
106
+ 'size',
107
+ 'padding'
108
+ ]);
109
+ export const TsDatePicker = /*@__PURE__*/ defineContainer('ts-date-picker', undefined, [
110
+ 'value',
111
+ 'placeholder',
112
+ 'disabled',
113
+ 'min',
114
+ 'max',
115
+ 'label',
116
+ 'error',
117
+ 'errorMessage',
118
+ 'size',
119
+ 'name',
120
+ 'tsChange'
121
+ ], [
122
+ 'tsChange'
123
+ ]);
124
+ export const TsDialog = /*@__PURE__*/ defineContainer('ts-dialog', undefined, [
125
+ 'open',
126
+ 'heading',
127
+ 'size',
128
+ 'dismissible',
129
+ 'tsClose'
130
+ ], [
131
+ 'tsClose'
132
+ ]);
133
+ export const TsDivider = /*@__PURE__*/ defineContainer('ts-divider', undefined, [
134
+ 'orientation',
135
+ 'variant',
136
+ 'label'
137
+ ]);
138
+ export const TsDrawer = /*@__PURE__*/ defineContainer('ts-drawer', undefined, [
139
+ 'open',
140
+ 'placement',
141
+ 'size',
142
+ 'dismissible',
143
+ 'heading',
144
+ 'tsClose'
145
+ ], [
146
+ 'tsClose'
147
+ ]);
148
+ export const TsEmptyState = /*@__PURE__*/ defineContainer('ts-empty-state', undefined, [
149
+ 'heading',
150
+ 'description',
151
+ 'icon',
152
+ 'size'
153
+ ]);
154
+ export const TsFileUpload = /*@__PURE__*/ defineContainer('ts-file-upload', undefined, [
155
+ 'accept',
156
+ 'multiple',
157
+ 'maxSize',
158
+ 'disabled',
159
+ 'label',
160
+ 'name',
161
+ 'tsChange'
162
+ ], [
163
+ 'tsChange'
164
+ ]);
165
+ export const TsGrid = /*@__PURE__*/ defineContainer('ts-grid', undefined, [
166
+ 'columns',
167
+ 'gap',
168
+ 'minColumnWidth',
169
+ 'align'
170
+ ]);
171
+ export const TsIcon = /*@__PURE__*/ defineContainer('ts-icon', undefined, [
172
+ 'name',
173
+ 'src',
174
+ 'size',
175
+ 'label',
176
+ 'color'
177
+ ]);
178
+ export const TsInput = /*@__PURE__*/ defineContainer('ts-input', undefined, [
179
+ 'value',
180
+ 'type',
181
+ 'size',
182
+ 'label',
183
+ 'placeholder',
184
+ 'helpText',
185
+ 'error',
186
+ 'required',
187
+ 'disabled',
188
+ 'readonly',
189
+ 'maxlength',
190
+ 'minlength',
191
+ 'pattern',
192
+ 'autocomplete',
193
+ 'name',
194
+ 'tsInput',
195
+ 'tsChange',
196
+ 'tsFocus',
197
+ 'tsBlur',
198
+ 'tsValidate'
199
+ ], [
200
+ 'tsInput',
201
+ 'tsChange',
202
+ 'tsFocus',
203
+ 'tsBlur',
204
+ 'tsValidate'
205
+ ]);
206
+ export const TsMenu = /*@__PURE__*/ defineContainer('ts-menu', undefined, [
207
+ 'open',
208
+ 'trigger',
209
+ 'placement',
210
+ 'tsOpen',
211
+ 'tsClose'
212
+ ], [
213
+ 'tsOpen',
214
+ 'tsClose'
215
+ ]);
216
+ export const TsMenuItem = /*@__PURE__*/ defineContainer('ts-menu-item', undefined, [
217
+ 'disabled',
218
+ 'value',
219
+ 'href',
220
+ 'tsSelect'
221
+ ], [
222
+ 'tsSelect'
223
+ ]);
224
+ export const TsModal = /*@__PURE__*/ defineContainer('ts-modal', undefined, [
225
+ 'open',
226
+ 'size',
227
+ 'label',
228
+ 'closeOnOverlay',
229
+ 'closeOnEscape',
230
+ 'showClose',
231
+ 'tsOpen',
232
+ 'tsClose'
233
+ ], [
234
+ 'tsOpen',
235
+ 'tsClose'
236
+ ]);
237
+ export const TsNav = /*@__PURE__*/ defineContainer('ts-nav', undefined, [
238
+ 'variant',
239
+ 'collapsed'
240
+ ]);
241
+ export const TsNavItem = /*@__PURE__*/ defineContainer('ts-nav-item', undefined, [
242
+ 'href',
243
+ 'active',
244
+ 'disabled',
245
+ 'icon',
246
+ 'tsSelect'
247
+ ], [
248
+ 'tsSelect'
249
+ ]);
250
+ export const TsPagination = /*@__PURE__*/ defineContainer('ts-pagination', undefined, [
251
+ 'total',
252
+ 'pageSize',
253
+ 'currentPage',
254
+ 'siblingCount',
255
+ 'size',
256
+ 'tsChange'
257
+ ], [
258
+ 'tsChange'
259
+ ]);
260
+ export const TsPopover = /*@__PURE__*/ defineContainer('ts-popover', undefined, [
261
+ 'open',
262
+ 'placement',
263
+ 'trigger',
264
+ 'dismissible',
265
+ 'tsOpen',
266
+ 'tsClose'
267
+ ], [
268
+ 'tsOpen',
269
+ 'tsClose'
270
+ ]);
271
+ export const TsProgress = /*@__PURE__*/ defineContainer('ts-progress', undefined, [
272
+ 'value',
273
+ 'max',
274
+ 'variant',
275
+ 'size',
276
+ 'indeterminate',
277
+ 'label',
278
+ 'showValue'
279
+ ]);
280
+ export const TsRadio = /*@__PURE__*/ defineContainer('ts-radio', undefined, [
281
+ 'checked',
282
+ 'disabled',
283
+ 'value',
284
+ 'name',
285
+ 'label',
286
+ 'size',
287
+ 'tsChange'
288
+ ], [
289
+ 'tsChange'
290
+ ]);
291
+ export const TsRow = /*@__PURE__*/ defineContainer('ts-row', undefined, [
292
+ 'gap',
293
+ 'align',
294
+ 'justify',
295
+ 'wrap',
296
+ 'reverse',
297
+ 'stackAt'
298
+ ]);
299
+ export const TsSelect = /*@__PURE__*/ defineContainer('ts-select', undefined, [
300
+ 'value',
301
+ 'placeholder',
302
+ 'disabled',
303
+ 'size',
304
+ 'label',
305
+ 'helpText',
306
+ 'error',
307
+ 'errorMessage',
308
+ 'required',
309
+ 'name',
310
+ 'multiple',
311
+ 'tsChange',
312
+ 'tsFocus',
313
+ 'tsBlur'
314
+ ], [
315
+ 'tsChange',
316
+ 'tsFocus',
317
+ 'tsBlur'
318
+ ]);
319
+ export const TsSkeleton = /*@__PURE__*/ defineContainer('ts-skeleton', undefined, [
320
+ 'variant',
321
+ 'width',
322
+ 'height',
323
+ 'lines',
324
+ 'animation'
325
+ ]);
326
+ export const TsSlider = /*@__PURE__*/ defineContainer('ts-slider', undefined, [
327
+ 'value',
328
+ 'min',
329
+ 'max',
330
+ 'step',
331
+ 'disabled',
332
+ 'label',
333
+ 'showValue',
334
+ 'size',
335
+ 'tsInput',
336
+ 'tsChange'
337
+ ], [
338
+ 'tsInput',
339
+ 'tsChange'
340
+ ]);
341
+ export const TsSpacer = /*@__PURE__*/ defineContainer('ts-spacer', undefined, [
342
+ 'size',
343
+ 'axis'
344
+ ]);
345
+ export const TsSpinner = /*@__PURE__*/ defineContainer('ts-spinner', undefined, [
346
+ 'size',
347
+ 'color',
348
+ 'label'
349
+ ]);
350
+ export const TsStack = /*@__PURE__*/ defineContainer('ts-stack', undefined, [
351
+ 'gap',
352
+ 'align'
353
+ ]);
354
+ export const TsStep = /*@__PURE__*/ defineContainer('ts-step', undefined, [
355
+ 'label',
356
+ 'description',
357
+ 'completed',
358
+ 'error',
359
+ 'disabled',
360
+ 'icon'
361
+ ]);
362
+ export const TsStepper = /*@__PURE__*/ defineContainer('ts-stepper', undefined, [
363
+ 'activeStep',
364
+ 'orientation',
365
+ 'linear'
366
+ ]);
367
+ export const TsSwitchGroup = /*@__PURE__*/ defineContainer('ts-switch-group', undefined, [
368
+ 'value',
369
+ 'size',
370
+ 'disabled',
371
+ 'fullWidth',
372
+ 'tsChange'
373
+ ], [
374
+ 'tsChange'
375
+ ]);
376
+ export const TsSwitchOption = /*@__PURE__*/ defineContainer('ts-switch-option', undefined, [
377
+ 'value',
378
+ 'disabled',
379
+ 'icon',
380
+ 'active',
381
+ 'tsOptionSelect'
382
+ ], [
383
+ 'tsOptionSelect'
384
+ ]);
385
+ export const TsTabPanel = /*@__PURE__*/ defineContainer('ts-tab-panel', undefined, [
386
+ 'tab',
387
+ 'value',
388
+ 'disabled',
389
+ 'icon'
390
+ ]);
391
+ export const TsTable = /*@__PURE__*/ defineContainer('ts-table', undefined, [
392
+ 'striped',
393
+ 'bordered',
394
+ 'hoverable',
395
+ 'compact',
396
+ 'stickyHeader'
397
+ ]);
398
+ export const TsTabs = /*@__PURE__*/ defineContainer('ts-tabs', undefined, [
399
+ 'value',
400
+ 'variant',
401
+ 'size',
402
+ 'tsChange'
403
+ ], [
404
+ 'tsChange'
405
+ ]);
406
+ export const TsTextarea = /*@__PURE__*/ defineContainer('ts-textarea', undefined, [
407
+ 'value',
408
+ 'placeholder',
409
+ 'disabled',
410
+ 'readonly',
411
+ 'size',
412
+ 'label',
413
+ 'helpText',
414
+ 'error',
415
+ 'errorMessage',
416
+ 'required',
417
+ 'name',
418
+ 'rows',
419
+ 'resize',
420
+ 'maxlength',
421
+ 'tsInput',
422
+ 'tsChange',
423
+ 'tsFocus',
424
+ 'tsBlur'
425
+ ], [
426
+ 'tsInput',
427
+ 'tsChange',
428
+ 'tsFocus',
429
+ 'tsBlur'
430
+ ]);
431
+ export const TsToast = /*@__PURE__*/ defineContainer('ts-toast', undefined, [
432
+ 'variant',
433
+ 'duration',
434
+ 'dismissible',
435
+ 'open',
436
+ 'position',
437
+ 'tsClose'
438
+ ], [
439
+ 'tsClose'
440
+ ]);
441
+ export const TsToggle = /*@__PURE__*/ defineContainer('ts-toggle', undefined, [
442
+ 'checked',
443
+ 'size',
444
+ 'disabled',
445
+ 'name',
446
+ 'value',
447
+ 'tsChange'
448
+ ], [
449
+ 'tsChange'
450
+ ]);
451
+ export const TsToolbar = /*@__PURE__*/ defineContainer('ts-toolbar', undefined, [
452
+ 'variant',
453
+ 'size'
454
+ ]);
455
+ export const TsTooltip = /*@__PURE__*/ defineContainer('ts-tooltip', undefined, [
456
+ 'content',
457
+ 'placement',
458
+ 'showDelay',
459
+ 'hideDelay',
460
+ 'disabled'
461
+ ]);
462
+ export const TsTree = /*@__PURE__*/ defineContainer('ts-tree', undefined, [
463
+ 'selectable'
464
+ ]);
465
+ export const TsTreeItem = /*@__PURE__*/ defineContainer('ts-tree-item', undefined, [
466
+ 'label',
467
+ 'expanded',
468
+ 'selected',
469
+ 'disabled',
470
+ 'icon',
471
+ 'tsToggle',
472
+ 'tsSelect'
473
+ ], [
474
+ 'tsToggle',
475
+ 'tsSelect'
476
+ ]);
package/package.json ADDED
@@ -0,0 +1,28 @@
1
+ {
2
+ "name": "@tessera-ui/vue",
3
+ "version": "0.4.0",
4
+ "description": "Vue wrappers for Tessera UI web components",
5
+ "main": "dist/index.cjs.js",
6
+ "module": "dist/index.js",
7
+ "types": "dist/index.d.ts",
8
+ "files": [
9
+ "dist/"
10
+ ],
11
+ "peerDependencies": {
12
+ "vue": ">=3.3.0",
13
+ "@tessera-ui/core": "0.4.0"
14
+ },
15
+ "devDependencies": {
16
+ "typescript": "^5.6.0",
17
+ "vue": "^3.5.0"
18
+ },
19
+ "repository": {
20
+ "type": "git",
21
+ "url": "https://github.com/jkguidaven/tessera-ui",
22
+ "directory": "packages/vue"
23
+ },
24
+ "license": "MIT",
25
+ "scripts": {
26
+ "build": "tsc -p tsconfig.json"
27
+ }
28
+ }