@tessera-ui/vue 0.4.0 → 0.5.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/README.md ADDED
@@ -0,0 +1,34 @@
1
+ # @tessera-ui/vue
2
+
3
+ Vue wrappers for [Tessera UI](https://github.com/jkguidaven/tessera-ui) web components.
4
+
5
+ ## Installation
6
+
7
+ ```bash
8
+ npm install @tessera-ui/vue
9
+ ```
10
+
11
+ ## Usage
12
+
13
+ ```vue
14
+ <script setup>
15
+ import { TsButton, TsInput } from '@tessera-ui/vue';
16
+ </script>
17
+
18
+ <template>
19
+ <TsInput label="Email" placeholder="you@example.com" />
20
+ <TsButton variant="primary">Submit</TsButton>
21
+ </template>
22
+ ```
23
+
24
+ Design tokens (CSS custom properties) are auto-imported — no additional CSS import needed.
25
+
26
+ ## Documentation
27
+
28
+ - [Component docs](https://jkguidaven.github.io/tessera-ui/)
29
+ - [Storybook](https://jkguidaven.github.io/tessera-ui/storybook/)
30
+ - [GitHub](https://github.com/jkguidaven/tessera-ui)
31
+
32
+ ## License
33
+
34
+ MIT
@@ -0,0 +1,480 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.TsTooltip = exports.TsToolbar = exports.TsToggle = exports.TsToast = exports.TsTextarea = exports.TsTabs = exports.TsTable = exports.TsTabPanel = exports.TsSwitchOption = exports.TsSwitchGroup = exports.TsStepper = exports.TsStep = exports.TsStack = exports.TsSpinner = exports.TsSpacer = exports.TsSlider = exports.TsSkeleton = exports.TsSelect = exports.TsRow = exports.TsRadio = exports.TsProgress = exports.TsPopover = exports.TsPagination = exports.TsNavItem = exports.TsNav = exports.TsModal = exports.TsMenuItem = exports.TsMenu = exports.TsInput = exports.TsIcon = exports.TsGrid = exports.TsFileUpload = exports.TsEmptyState = exports.TsDrawer = exports.TsDivider = exports.TsDialog = exports.TsDatePicker = exports.TsContainer = exports.TsChip = exports.TsCheckbox = exports.TsCard = exports.TsButton = exports.TsBreadcrumbItem = exports.TsBreadcrumb = exports.TsBanner = exports.TsBadge = exports.TsAvatar = exports.TsAlert = exports.TsAccordionItem = exports.TsAccordion = void 0;
4
+ exports.TsTreeItem = exports.TsTree = void 0;
5
+ /* eslint-disable */
6
+ /* tslint:disable */
7
+ /* auto-generated vue proxies */
8
+ const runtime_1 = require("@stencil/vue-output-target/runtime");
9
+ exports.TsAccordion = (0, runtime_1.defineContainer)('ts-accordion', undefined, [
10
+ 'multiple'
11
+ ]);
12
+ exports.TsAccordionItem = (0, runtime_1.defineContainer)('ts-accordion-item', undefined, [
13
+ 'open',
14
+ 'disabled',
15
+ 'heading',
16
+ 'tsToggle'
17
+ ], [
18
+ 'tsToggle'
19
+ ]);
20
+ exports.TsAlert = (0, runtime_1.defineContainer)('ts-alert', undefined, [
21
+ 'variant',
22
+ 'closable',
23
+ 'tsClose'
24
+ ], [
25
+ 'tsClose'
26
+ ]);
27
+ exports.TsAvatar = (0, runtime_1.defineContainer)('ts-avatar', undefined, [
28
+ 'src',
29
+ 'alt',
30
+ 'name',
31
+ 'size',
32
+ 'variant',
33
+ 'color'
34
+ ]);
35
+ exports.TsBadge = (0, runtime_1.defineContainer)('ts-badge', undefined, [
36
+ 'variant',
37
+ 'size',
38
+ 'pill',
39
+ 'dot',
40
+ 'outline'
41
+ ]);
42
+ exports.TsBanner = (0, runtime_1.defineContainer)('ts-banner', undefined, [
43
+ 'variant',
44
+ 'dismissible',
45
+ 'icon',
46
+ 'sticky',
47
+ 'tsClose'
48
+ ], [
49
+ 'tsClose'
50
+ ]);
51
+ exports.TsBreadcrumb = (0, runtime_1.defineContainer)('ts-breadcrumb', undefined, [
52
+ 'separator'
53
+ ]);
54
+ exports.TsBreadcrumbItem = (0, runtime_1.defineContainer)('ts-breadcrumb-item', undefined, [
55
+ 'href',
56
+ 'current',
57
+ 'separator'
58
+ ]);
59
+ exports.TsButton = (0, runtime_1.defineContainer)('ts-button', undefined, [
60
+ 'variant',
61
+ 'appearance',
62
+ 'size',
63
+ 'disabled',
64
+ 'loading',
65
+ 'block',
66
+ 'type',
67
+ 'href',
68
+ 'target',
69
+ 'tsClick',
70
+ 'tsFocus',
71
+ 'tsBlur'
72
+ ], [
73
+ 'tsClick',
74
+ 'tsFocus',
75
+ 'tsBlur'
76
+ ]);
77
+ exports.TsCard = (0, runtime_1.defineContainer)('ts-card', undefined, [
78
+ 'elevation',
79
+ 'interactive',
80
+ 'bordered',
81
+ 'padding'
82
+ ]);
83
+ exports.TsCheckbox = (0, runtime_1.defineContainer)('ts-checkbox', undefined, [
84
+ 'checked',
85
+ 'indeterminate',
86
+ 'disabled',
87
+ 'value',
88
+ 'name',
89
+ 'label',
90
+ 'size',
91
+ 'error',
92
+ 'tsChange'
93
+ ], [
94
+ 'tsChange'
95
+ ]);
96
+ exports.TsChip = (0, runtime_1.defineContainer)('ts-chip', undefined, [
97
+ 'variant',
98
+ 'size',
99
+ 'removable',
100
+ 'disabled',
101
+ 'selected',
102
+ 'outline',
103
+ 'tsRemove',
104
+ 'tsClick'
105
+ ], [
106
+ 'tsRemove',
107
+ 'tsClick'
108
+ ]);
109
+ exports.TsContainer = (0, runtime_1.defineContainer)('ts-container', undefined, [
110
+ 'size',
111
+ 'padding'
112
+ ]);
113
+ exports.TsDatePicker = (0, runtime_1.defineContainer)('ts-date-picker', undefined, [
114
+ 'value',
115
+ 'placeholder',
116
+ 'disabled',
117
+ 'min',
118
+ 'max',
119
+ 'label',
120
+ 'error',
121
+ 'errorMessage',
122
+ 'size',
123
+ 'name',
124
+ 'tsChange'
125
+ ], [
126
+ 'tsChange'
127
+ ]);
128
+ exports.TsDialog = (0, runtime_1.defineContainer)('ts-dialog', undefined, [
129
+ 'open',
130
+ 'heading',
131
+ 'size',
132
+ 'dismissible',
133
+ 'tsClose'
134
+ ], [
135
+ 'tsClose'
136
+ ]);
137
+ exports.TsDivider = (0, runtime_1.defineContainer)('ts-divider', undefined, [
138
+ 'orientation',
139
+ 'variant',
140
+ 'label'
141
+ ]);
142
+ exports.TsDrawer = (0, runtime_1.defineContainer)('ts-drawer', undefined, [
143
+ 'open',
144
+ 'placement',
145
+ 'size',
146
+ 'dismissible',
147
+ 'heading',
148
+ 'tsClose'
149
+ ], [
150
+ 'tsClose'
151
+ ]);
152
+ exports.TsEmptyState = (0, runtime_1.defineContainer)('ts-empty-state', undefined, [
153
+ 'heading',
154
+ 'description',
155
+ 'icon',
156
+ 'size'
157
+ ]);
158
+ exports.TsFileUpload = (0, runtime_1.defineContainer)('ts-file-upload', undefined, [
159
+ 'accept',
160
+ 'multiple',
161
+ 'maxSize',
162
+ 'disabled',
163
+ 'label',
164
+ 'name',
165
+ 'tsChange'
166
+ ], [
167
+ 'tsChange'
168
+ ]);
169
+ exports.TsGrid = (0, runtime_1.defineContainer)('ts-grid', undefined, [
170
+ 'columns',
171
+ 'gap',
172
+ 'minColumnWidth',
173
+ 'align'
174
+ ]);
175
+ exports.TsIcon = (0, runtime_1.defineContainer)('ts-icon', undefined, [
176
+ 'name',
177
+ 'src',
178
+ 'size',
179
+ 'label',
180
+ 'color'
181
+ ]);
182
+ exports.TsInput = (0, runtime_1.defineContainer)('ts-input', undefined, [
183
+ 'value',
184
+ 'type',
185
+ 'size',
186
+ 'label',
187
+ 'placeholder',
188
+ 'helpText',
189
+ 'error',
190
+ 'required',
191
+ 'disabled',
192
+ 'readonly',
193
+ 'maxlength',
194
+ 'minlength',
195
+ 'pattern',
196
+ 'autocomplete',
197
+ 'name',
198
+ 'tsInput',
199
+ 'tsChange',
200
+ 'tsFocus',
201
+ 'tsBlur',
202
+ 'tsValidate'
203
+ ], [
204
+ 'tsInput',
205
+ 'tsChange',
206
+ 'tsFocus',
207
+ 'tsBlur',
208
+ 'tsValidate'
209
+ ]);
210
+ exports.TsMenu = (0, runtime_1.defineContainer)('ts-menu', undefined, [
211
+ 'open',
212
+ 'trigger',
213
+ 'placement',
214
+ 'tsOpen',
215
+ 'tsClose'
216
+ ], [
217
+ 'tsOpen',
218
+ 'tsClose'
219
+ ]);
220
+ exports.TsMenuItem = (0, runtime_1.defineContainer)('ts-menu-item', undefined, [
221
+ 'disabled',
222
+ 'value',
223
+ 'href',
224
+ 'tsSelect'
225
+ ], [
226
+ 'tsSelect'
227
+ ]);
228
+ exports.TsModal = (0, runtime_1.defineContainer)('ts-modal', undefined, [
229
+ 'open',
230
+ 'size',
231
+ 'label',
232
+ 'closeOnOverlay',
233
+ 'closeOnEscape',
234
+ 'showClose',
235
+ 'tsOpen',
236
+ 'tsClose'
237
+ ], [
238
+ 'tsOpen',
239
+ 'tsClose'
240
+ ]);
241
+ exports.TsNav = (0, runtime_1.defineContainer)('ts-nav', undefined, [
242
+ 'variant',
243
+ 'collapsed'
244
+ ]);
245
+ exports.TsNavItem = (0, runtime_1.defineContainer)('ts-nav-item', undefined, [
246
+ 'href',
247
+ 'active',
248
+ 'disabled',
249
+ 'icon',
250
+ 'tsSelect'
251
+ ], [
252
+ 'tsSelect'
253
+ ]);
254
+ exports.TsPagination = (0, runtime_1.defineContainer)('ts-pagination', undefined, [
255
+ 'total',
256
+ 'pageSize',
257
+ 'currentPage',
258
+ 'siblingCount',
259
+ 'size',
260
+ 'tsChange'
261
+ ], [
262
+ 'tsChange'
263
+ ]);
264
+ exports.TsPopover = (0, runtime_1.defineContainer)('ts-popover', undefined, [
265
+ 'open',
266
+ 'placement',
267
+ 'trigger',
268
+ 'dismissible',
269
+ 'tsOpen',
270
+ 'tsClose'
271
+ ], [
272
+ 'tsOpen',
273
+ 'tsClose'
274
+ ]);
275
+ exports.TsProgress = (0, runtime_1.defineContainer)('ts-progress', undefined, [
276
+ 'value',
277
+ 'max',
278
+ 'variant',
279
+ 'size',
280
+ 'indeterminate',
281
+ 'label',
282
+ 'showValue'
283
+ ]);
284
+ exports.TsRadio = (0, runtime_1.defineContainer)('ts-radio', undefined, [
285
+ 'checked',
286
+ 'disabled',
287
+ 'value',
288
+ 'name',
289
+ 'label',
290
+ 'size',
291
+ 'tsChange'
292
+ ], [
293
+ 'tsChange'
294
+ ]);
295
+ exports.TsRow = (0, runtime_1.defineContainer)('ts-row', undefined, [
296
+ 'gap',
297
+ 'align',
298
+ 'justify',
299
+ 'wrap',
300
+ 'reverse',
301
+ 'stackAt'
302
+ ]);
303
+ exports.TsSelect = (0, runtime_1.defineContainer)('ts-select', undefined, [
304
+ 'value',
305
+ 'placeholder',
306
+ 'disabled',
307
+ 'size',
308
+ 'label',
309
+ 'helpText',
310
+ 'error',
311
+ 'errorMessage',
312
+ 'required',
313
+ 'name',
314
+ 'multiple',
315
+ 'tsChange',
316
+ 'tsFocus',
317
+ 'tsBlur'
318
+ ], [
319
+ 'tsChange',
320
+ 'tsFocus',
321
+ 'tsBlur'
322
+ ]);
323
+ exports.TsSkeleton = (0, runtime_1.defineContainer)('ts-skeleton', undefined, [
324
+ 'variant',
325
+ 'width',
326
+ 'height',
327
+ 'lines',
328
+ 'animation'
329
+ ]);
330
+ exports.TsSlider = (0, runtime_1.defineContainer)('ts-slider', undefined, [
331
+ 'value',
332
+ 'min',
333
+ 'max',
334
+ 'step',
335
+ 'disabled',
336
+ 'label',
337
+ 'showValue',
338
+ 'size',
339
+ 'tsInput',
340
+ 'tsChange'
341
+ ], [
342
+ 'tsInput',
343
+ 'tsChange'
344
+ ]);
345
+ exports.TsSpacer = (0, runtime_1.defineContainer)('ts-spacer', undefined, [
346
+ 'size',
347
+ 'axis'
348
+ ]);
349
+ exports.TsSpinner = (0, runtime_1.defineContainer)('ts-spinner', undefined, [
350
+ 'size',
351
+ 'color',
352
+ 'label'
353
+ ]);
354
+ exports.TsStack = (0, runtime_1.defineContainer)('ts-stack', undefined, [
355
+ 'gap',
356
+ 'align'
357
+ ]);
358
+ exports.TsStep = (0, runtime_1.defineContainer)('ts-step', undefined, [
359
+ 'label',
360
+ 'description',
361
+ 'completed',
362
+ 'error',
363
+ 'disabled',
364
+ 'icon'
365
+ ]);
366
+ exports.TsStepper = (0, runtime_1.defineContainer)('ts-stepper', undefined, [
367
+ 'activeStep',
368
+ 'orientation',
369
+ 'linear'
370
+ ]);
371
+ exports.TsSwitchGroup = (0, runtime_1.defineContainer)('ts-switch-group', undefined, [
372
+ 'value',
373
+ 'size',
374
+ 'disabled',
375
+ 'fullWidth',
376
+ 'tsChange'
377
+ ], [
378
+ 'tsChange'
379
+ ]);
380
+ exports.TsSwitchOption = (0, runtime_1.defineContainer)('ts-switch-option', undefined, [
381
+ 'value',
382
+ 'disabled',
383
+ 'icon',
384
+ 'active',
385
+ 'tsOptionSelect'
386
+ ], [
387
+ 'tsOptionSelect'
388
+ ]);
389
+ exports.TsTabPanel = (0, runtime_1.defineContainer)('ts-tab-panel', undefined, [
390
+ 'tab',
391
+ 'value',
392
+ 'disabled',
393
+ 'icon'
394
+ ]);
395
+ exports.TsTable = (0, runtime_1.defineContainer)('ts-table', undefined, [
396
+ 'striped',
397
+ 'bordered',
398
+ 'hoverable',
399
+ 'compact',
400
+ 'stickyHeader'
401
+ ]);
402
+ exports.TsTabs = (0, runtime_1.defineContainer)('ts-tabs', undefined, [
403
+ 'value',
404
+ 'variant',
405
+ 'size',
406
+ 'tsChange'
407
+ ], [
408
+ 'tsChange'
409
+ ]);
410
+ exports.TsTextarea = (0, runtime_1.defineContainer)('ts-textarea', undefined, [
411
+ 'value',
412
+ 'placeholder',
413
+ 'disabled',
414
+ 'readonly',
415
+ 'size',
416
+ 'label',
417
+ 'helpText',
418
+ 'error',
419
+ 'errorMessage',
420
+ 'required',
421
+ 'name',
422
+ 'rows',
423
+ 'resize',
424
+ 'maxlength',
425
+ 'tsInput',
426
+ 'tsChange',
427
+ 'tsFocus',
428
+ 'tsBlur'
429
+ ], [
430
+ 'tsInput',
431
+ 'tsChange',
432
+ 'tsFocus',
433
+ 'tsBlur'
434
+ ]);
435
+ exports.TsToast = (0, runtime_1.defineContainer)('ts-toast', undefined, [
436
+ 'variant',
437
+ 'duration',
438
+ 'dismissible',
439
+ 'open',
440
+ 'position',
441
+ 'tsClose'
442
+ ], [
443
+ 'tsClose'
444
+ ]);
445
+ exports.TsToggle = (0, runtime_1.defineContainer)('ts-toggle', undefined, [
446
+ 'checked',
447
+ 'size',
448
+ 'disabled',
449
+ 'name',
450
+ 'value',
451
+ 'tsChange'
452
+ ], [
453
+ 'tsChange'
454
+ ]);
455
+ exports.TsToolbar = (0, runtime_1.defineContainer)('ts-toolbar', undefined, [
456
+ 'variant',
457
+ 'size'
458
+ ]);
459
+ exports.TsTooltip = (0, runtime_1.defineContainer)('ts-tooltip', undefined, [
460
+ 'content',
461
+ 'placement',
462
+ 'showDelay',
463
+ 'hideDelay',
464
+ 'disabled'
465
+ ]);
466
+ exports.TsTree = (0, runtime_1.defineContainer)('ts-tree', undefined, [
467
+ 'selectable'
468
+ ]);
469
+ exports.TsTreeItem = (0, runtime_1.defineContainer)('ts-tree-item', undefined, [
470
+ 'label',
471
+ 'expanded',
472
+ 'selected',
473
+ 'disabled',
474
+ 'icon',
475
+ 'tsToggle',
476
+ 'tsSelect'
477
+ ], [
478
+ 'tsToggle',
479
+ 'tsSelect'
480
+ ]);
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ // Auto-import Tessera UI design tokens (global CSS custom properties)
18
+ require("@tessera-ui/core/dist/tessera-ui/tessera-ui.css");
19
+ __exportStar(require("./components"), exports);
@@ -0,0 +1,2 @@
1
+ import '@tessera-ui/core/dist/tessera-ui/tessera-ui.css';
2
+ export * from './components';
package/dist/index.js ADDED
@@ -0,0 +1,3 @@
1
+ // Auto-import Tessera UI design tokens (global CSS custom properties)
2
+ import '@tessera-ui/core/dist/tessera-ui/tessera-ui.css';
3
+ export * from './components';
package/package.json CHANGED
@@ -1,16 +1,31 @@
1
1
  {
2
2
  "name": "@tessera-ui/vue",
3
- "version": "0.4.0",
3
+ "version": "0.5.0",
4
4
  "description": "Vue wrappers for Tessera UI web components",
5
- "main": "dist/index.cjs.js",
5
+ "main": "dist/cjs/index.js",
6
6
  "module": "dist/index.js",
7
7
  "types": "dist/index.d.ts",
8
+ "exports": {
9
+ ".": {
10
+ "import": "./dist/index.js",
11
+ "require": "./dist/cjs/index.js",
12
+ "types": "./dist/index.d.ts"
13
+ }
14
+ },
15
+ "sideEffects": [
16
+ "**/*.css",
17
+ "./dist/index.js",
18
+ "./dist/cjs/index.js"
19
+ ],
8
20
  "files": [
9
- "dist/"
21
+ "dist/",
22
+ "README.md"
10
23
  ],
24
+ "dependencies": {
25
+ "@tessera-ui/core": "^0.5.0"
26
+ },
11
27
  "peerDependencies": {
12
- "vue": ">=3.3.0",
13
- "@tessera-ui/core": "0.4.0"
28
+ "vue": ">=3.3.0"
14
29
  },
15
30
  "devDependencies": {
16
31
  "typescript": "^5.6.0",
@@ -23,6 +38,6 @@
23
38
  },
24
39
  "license": "MIT",
25
40
  "scripts": {
26
- "build": "tsc -p tsconfig.json"
41
+ "build": "tsc -p tsconfig.json && tsc -p tsconfig.cjs.json"
27
42
  }
28
43
  }