@reliability-design/web 1.0.3 → 1.0.6

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 (114) hide show
  1. package/dist/components/rel-accordion/README.md +132 -0
  2. package/dist/components/rel-accordion/rel-accordion.ts +43 -16
  3. package/dist/components/rel-alert/README.md +141 -0
  4. package/dist/components/rel-alert/rel-alert.ts +18 -7
  5. package/dist/components/rel-avatar/README.md +119 -0
  6. package/dist/components/rel-badge/README.md +86 -0
  7. package/dist/components/rel-badge/rel-badge.ts +6 -6
  8. package/dist/components/rel-breadcrumb/README.md +102 -0
  9. package/dist/components/rel-breadcrumb/rel-breadcrumb.ts +12 -6
  10. package/dist/components/rel-button/README.md +130 -0
  11. package/dist/components/rel-calendar/README.md +109 -0
  12. package/dist/components/rel-calendar/index.ts +1 -0
  13. package/dist/components/rel-calendar/rel-calendar.ts +467 -0
  14. package/dist/components/rel-card/README.md +94 -0
  15. package/dist/components/rel-card/rel-card.ts +12 -3
  16. package/dist/components/rel-cardmedia/README.md +127 -0
  17. package/dist/components/rel-cardmedia/rel-cardmedia.ts +14 -4
  18. package/dist/components/rel-carousel/README.md +166 -0
  19. package/dist/components/rel-carousel/index.ts +1 -0
  20. package/dist/components/rel-carousel/rel-carousel.ts +469 -0
  21. package/dist/components/rel-chart/README.md +286 -0
  22. package/dist/components/rel-chart/index.ts +1 -0
  23. package/dist/components/rel-chart/rel-chart.ts +736 -0
  24. package/dist/components/rel-checkbox/README.md +77 -0
  25. package/dist/components/rel-checkbox/rel-checkbox.ts +18 -10
  26. package/dist/components/rel-chip/README.md +114 -0
  27. package/dist/components/rel-chip/rel-chip.ts +20 -4
  28. package/dist/components/rel-container/README.md +99 -0
  29. package/dist/components/rel-date-picker/README.md +253 -0
  30. package/dist/components/rel-date-picker/index.ts +1 -0
  31. package/dist/components/rel-date-picker/rel-date-picker.ts +916 -0
  32. package/dist/components/rel-divider/README.md +100 -0
  33. package/dist/components/rel-drawer/README.md +200 -0
  34. package/dist/components/rel-drawer/index.ts +1 -0
  35. package/dist/components/rel-drawer/rel-drawer.ts +621 -0
  36. package/dist/components/rel-kbd/README.md +151 -0
  37. package/dist/components/rel-kbd/rel-kbd.ts +118 -0
  38. package/dist/components/rel-layout/README.md +88 -0
  39. package/dist/components/rel-menu/README.md +151 -0
  40. package/dist/components/rel-menu/rel-menu.ts +18 -10
  41. package/dist/components/rel-menubar/README.md +329 -0
  42. package/dist/components/rel-menubar/index.ts +2 -0
  43. package/dist/components/rel-menubar/rel-menubar-menu.ts +16 -0
  44. package/dist/components/rel-menubar/rel-menubar.ts +576 -0
  45. package/dist/components/rel-nav-menu/README.md +289 -0
  46. package/dist/components/rel-nav-menu/index.ts +3 -0
  47. package/dist/components/rel-nav-menu/rel-nav-menu-item.ts +143 -0
  48. package/dist/components/rel-nav-menu/rel-nav-menu-panel.ts +53 -0
  49. package/dist/components/rel-nav-menu/rel-nav-menu.ts +331 -0
  50. package/dist/components/rel-navbar/README.md +126 -0
  51. package/dist/components/rel-navbar/rel-navbar.ts +91 -0
  52. package/dist/components/rel-otp/README.md +440 -0
  53. package/dist/components/rel-otp/index.ts +1 -0
  54. package/dist/components/rel-otp/rel-otp.ts +504 -0
  55. package/dist/components/rel-pagination/README.md +410 -0
  56. package/dist/components/rel-pagination/index.ts +1 -0
  57. package/dist/components/rel-pagination/rel-pagination.ts +376 -0
  58. package/dist/components/rel-popover/README.md +568 -0
  59. package/dist/components/rel-popover/index.ts +2 -0
  60. package/dist/components/rel-popover/rel-popover-content.ts +55 -0
  61. package/dist/components/rel-popover/rel-popover.ts +327 -0
  62. package/dist/components/rel-progress/README.md +110 -0
  63. package/dist/components/rel-progress/rel-progress.ts +32 -5
  64. package/dist/components/rel-quote-page/README.md +166 -0
  65. package/dist/components/rel-quote-page/rel-quote-page.ts +816 -0
  66. package/dist/components/rel-radio/README.md +120 -0
  67. package/dist/components/rel-radio/rel-radio.ts +13 -5
  68. package/dist/components/rel-resizable/README.md +140 -0
  69. package/dist/components/rel-resizable/index.ts +3 -0
  70. package/dist/components/rel-resizable/rel-resizable-group.ts +374 -0
  71. package/dist/components/rel-resizable/rel-resizable-handle.ts +149 -0
  72. package/dist/components/rel-resizable/rel-resizable-panel.ts +47 -0
  73. package/dist/components/rel-segmented-button/README.md +141 -0
  74. package/dist/components/rel-segmented-button/rel-segmented-button.ts +18 -13
  75. package/dist/components/rel-select/README.md +107 -0
  76. package/dist/components/rel-select/rel-select.ts +14 -14
  77. package/dist/components/rel-sheet/README.md +224 -0
  78. package/dist/components/rel-sheet/rel-sheet.ts +683 -0
  79. package/dist/components/rel-sidebar/README.md +209 -0
  80. package/dist/components/rel-sidebar/rel-sidebar.ts +1158 -0
  81. package/dist/components/rel-slider/README.md +135 -0
  82. package/dist/components/rel-slider/rel-slider.ts +19 -7
  83. package/dist/components/rel-snackbar/README.md +134 -0
  84. package/dist/components/rel-snackbar/rel-snackbar.ts +67 -2
  85. package/dist/components/rel-stepper/README.md +160 -0
  86. package/dist/components/rel-stepper/rel-stepper.ts +6 -6
  87. package/dist/components/rel-switch/README.md +102 -0
  88. package/dist/components/rel-switch/rel-switch.ts +15 -6
  89. package/dist/components/rel-tab/README.md +163 -0
  90. package/dist/components/rel-tab/rel-tab.ts +36 -14
  91. package/dist/components/rel-table/README.md +178 -0
  92. package/dist/components/rel-table/rel-table-body.ts +16 -0
  93. package/dist/components/rel-table/rel-table-caption.ts +22 -0
  94. package/dist/components/rel-table/rel-table-cell.ts +49 -0
  95. package/dist/components/rel-table/rel-table-footer.ts +18 -0
  96. package/dist/components/rel-table/rel-table-head.ts +33 -0
  97. package/dist/components/rel-table/rel-table-header.ts +16 -0
  98. package/dist/components/rel-table/rel-table-row.ts +32 -0
  99. package/dist/components/rel-table/rel-table.ts +47 -0
  100. package/dist/components/rel-textfield/README.md +90 -0
  101. package/dist/components/rel-textfield/rel-textfield.ts +35 -19
  102. package/dist/components/rel-toast/README.md +148 -0
  103. package/dist/components/rel-toast/rel-toast.ts +32 -14
  104. package/dist/components/rel-tooltip/README.md +103 -0
  105. package/dist/components/rel-tooltip/rel-tooltip.ts +9 -9
  106. package/dist/index.d.mts +836 -1
  107. package/dist/index.d.ts +836 -1
  108. package/dist/index.js +10658 -1493
  109. package/dist/index.js.map +1 -1
  110. package/dist/index.mjs +10616 -1499
  111. package/dist/index.mjs.map +1 -1
  112. package/dist/styles/vars.css +293 -183
  113. package/dist/{vars-6ZIUPIU4.css → vars-ITL2K3KO.css} +293 -183
  114. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -66,11 +66,84 @@ declare class RelButton extends LitElement {
66
66
  render(): lit_html.TemplateResult<1>;
67
67
  }
68
68
 
69
+ declare class RelCalendar extends LitElement {
70
+ value: string | null;
71
+ min: string | null;
72
+ max: string | null;
73
+ disabled: boolean;
74
+ weekStart: "sun" | "mon";
75
+ locale: string;
76
+ isDateDisabled?: (date: Date) => boolean;
77
+ private viewYear;
78
+ private viewMonth;
79
+ private focusedDate;
80
+ static styles: lit.CSSResult;
81
+ connectedCallback(): void;
82
+ updated(changedProperties: Map<string, any>): void;
83
+ private parseISODate;
84
+ private formatISODate;
85
+ private isSameDay;
86
+ private isDateDisabledInternal;
87
+ private getCalendarDays;
88
+ private getWeekdayLabels;
89
+ private getMonthName;
90
+ private previousMonth;
91
+ private nextMonth;
92
+ private selectDay;
93
+ private handleKeyDown;
94
+ render(): lit_html.TemplateResult<1>;
95
+ }
96
+
69
97
  declare class RelCard extends LitElement {
70
98
  static styles: lit.CSSResult;
71
99
  render(): lit_html.TemplateResult<1>;
72
100
  }
73
101
 
102
+ declare class RelCarousel extends LitElement {
103
+ value: number;
104
+ loop: boolean;
105
+ autoplay: boolean;
106
+ interval: number;
107
+ pauseOnHover: boolean;
108
+ showButtons: boolean;
109
+ showDots: boolean;
110
+ orientation: "horizontal" | "vertical";
111
+ align: "start" | "center" | "end";
112
+ slidesPerView: number;
113
+ gap?: number;
114
+ disabled: boolean;
115
+ private slideCount;
116
+ private isDragging;
117
+ private dragStartX;
118
+ private currentTranslate;
119
+ private prevTranslate;
120
+ private viewport?;
121
+ private track?;
122
+ private slotElement?;
123
+ private autoplayTimer?;
124
+ private animationId?;
125
+ private prefersReducedMotion;
126
+ static styles: lit.CSSResult;
127
+ connectedCallback(): void;
128
+ disconnectedCallback(): void;
129
+ private handleSlotChange;
130
+ private updateTransform;
131
+ private goToPrevious;
132
+ private goToNext;
133
+ private goToSlide;
134
+ private emitChange;
135
+ private startAutoplay;
136
+ private stopAutoplay;
137
+ private handlePointerDown;
138
+ private handlePointerMove;
139
+ private handlePointerUp;
140
+ private handleKeyDown;
141
+ private handleMouseEnter;
142
+ private handleMouseLeave;
143
+ updated(changedProperties: Map<string, any>): void;
144
+ render(): lit_html.TemplateResult<1>;
145
+ }
146
+
74
147
  declare class RelCardMedia extends LitElement {
75
148
  imageSrc: string;
76
149
  imageAlt: string;
@@ -80,6 +153,60 @@ declare class RelCardMedia extends LitElement {
80
153
  render(): lit_html.TemplateResult<1>;
81
154
  }
82
155
 
156
+ interface SeriesConfig {
157
+ key: string;
158
+ label?: string;
159
+ colorToken?: string;
160
+ }
161
+ declare class RelChart extends LitElement {
162
+ type: "bar" | "line";
163
+ height: number;
164
+ xKey: string;
165
+ seriesJson: string;
166
+ dataJson: string;
167
+ showGrid: boolean;
168
+ showAxis: boolean;
169
+ showLegend: boolean;
170
+ stacked: boolean;
171
+ formatX: "date" | "string" | "number";
172
+ locale: string;
173
+ disabled: boolean;
174
+ private _data;
175
+ private _series;
176
+ get data(): Array<Record<string, unknown>>;
177
+ set data(value: Array<Record<string, unknown>>);
178
+ get series(): SeriesConfig[];
179
+ set series(value: SeriesConfig[]);
180
+ private chartWidth;
181
+ private tooltip;
182
+ private container?;
183
+ private resizeObserver?;
184
+ private prefersReducedMotion;
185
+ private resizeTimeout?;
186
+ private readonly defaultColors;
187
+ static styles: lit.CSSResult;
188
+ connectedCallback(): void;
189
+ disconnectedCallback(): void;
190
+ firstUpdated(): void;
191
+ updated(changedProperties: Map<string, any>): void;
192
+ private measureWidth;
193
+ private getChartData;
194
+ private getSeriesConfig;
195
+ private getSeriesColor;
196
+ private formatXValue;
197
+ private calculateScales;
198
+ private handleBarHover;
199
+ private handlePointHover;
200
+ private handleMouseLeave;
201
+ private renderGrid;
202
+ private renderAxis;
203
+ private renderBarChart;
204
+ private renderLineChart;
205
+ private renderLegend;
206
+ private renderTooltip;
207
+ render(): lit_html.TemplateResult<1>;
208
+ }
209
+
83
210
  type CheckboxState = "default" | "error" | "disabled";
84
211
  type CheckboxStatus = "unchecked" | "checked" | "indeterminate";
85
212
  declare class RelCheckbox extends LitElement {
@@ -92,6 +219,59 @@ declare class RelCheckbox extends LitElement {
92
219
  render(): lit_html.TemplateResult<1>;
93
220
  }
94
221
 
222
+ declare class RelDatePicker extends LitElement {
223
+ value: string | null;
224
+ placeholder: string;
225
+ label: string | null;
226
+ disabled: boolean;
227
+ required: boolean;
228
+ min: string | null;
229
+ max: string | null;
230
+ weekStart: "sun" | "mon";
231
+ locale: string;
232
+ open: boolean;
233
+ closeOnSelect: boolean;
234
+ clearable: boolean;
235
+ isDateDisabled?: (date: Date) => boolean;
236
+ private viewYear;
237
+ private viewMonth;
238
+ private focusedDate;
239
+ private yearDropdownOpen;
240
+ private monthDropdownOpen;
241
+ private triggerButton?;
242
+ private popoverElement?;
243
+ private calendarGrid?;
244
+ static styles: lit.CSSResult;
245
+ connectedCallback(): void;
246
+ disconnectedCallback(): void;
247
+ private handleClickOutside;
248
+ private handleEscapeKey;
249
+ updated(changedProperties: Map<string, any>): void;
250
+ private parseISODate;
251
+ private formatISODate;
252
+ private formatDisplayDate;
253
+ private isSameDay;
254
+ private isDateDisabledInternal;
255
+ private getCalendarDays;
256
+ private getWeekdayLabels;
257
+ private getMonthName;
258
+ private getMonthsList;
259
+ private getYearsList;
260
+ private toggleCalendarPopover;
261
+ private closeCalendarPopover;
262
+ private previousMonth;
263
+ private nextMonth;
264
+ private selectDay;
265
+ private clearValue;
266
+ private handleTriggerKeydown;
267
+ private handleDayKeydown;
268
+ private toggleMonthDropdown;
269
+ private toggleYearDropdown;
270
+ private selectMonth;
271
+ private selectYear;
272
+ render(): lit_html.TemplateResult<1>;
273
+ }
274
+
95
275
  declare class RelChip extends LitElement {
96
276
  label: string;
97
277
  tone: "default" | "blue" | "yellow" | "red" | "green";
@@ -124,6 +304,68 @@ declare class RelDivider extends LitElement {
124
304
  render(): lit_html.TemplateResult<1>;
125
305
  }
126
306
 
307
+ type DrawerSide = "bottom" | "left" | "right" | "top";
308
+ type DrawerCloseReason = "backdrop" | "escape" | "drag" | "programmatic";
309
+ declare class RelDrawer extends LitElement {
310
+ open: boolean;
311
+ side: DrawerSide;
312
+ dismissible: boolean;
313
+ modal: boolean;
314
+ closeOnBackdrop: boolean;
315
+ closeOnEscape: boolean;
316
+ showHandle: boolean;
317
+ draggable: boolean;
318
+ snapThreshold: number;
319
+ maxHeight: string;
320
+ width: string;
321
+ disabled: boolean;
322
+ private isDragging;
323
+ private dragOffset;
324
+ private panelElement;
325
+ private overlayElement;
326
+ private previousFocus;
327
+ private startY;
328
+ private currentY;
329
+ private originalBodyOverflow;
330
+ private originalBodyPaddingRight;
331
+ static styles: lit.CSSResult;
332
+ connectedCallback(): void;
333
+ disconnectedCallback(): void;
334
+ updated(changed: Map<string, any>): void;
335
+ private handleOpen;
336
+ private handleClose;
337
+ private lockScroll;
338
+ private unlockScroll;
339
+ private focusPanel;
340
+ private getFocusableElements;
341
+ private handleKeydown;
342
+ private handleOverlayClick;
343
+ private handleCloseButtonClick;
344
+ private close;
345
+ private handlePointerDown;
346
+ private handlePointerMove;
347
+ private handlePointerUp;
348
+ private getPanelStyle;
349
+ private getOverlayStyle;
350
+ private hasSlotContent;
351
+ render(): lit_html.TemplateResult<1>;
352
+ }
353
+ declare global {
354
+ interface HTMLElementTagNameMap {
355
+ "rel-drawer": RelDrawer;
356
+ }
357
+ }
358
+
359
+ declare class RelKbd extends LitElement {
360
+ size: "sm" | "md" | "lg";
361
+ variant: "default" | "muted";
362
+ pill: boolean;
363
+ inset: boolean;
364
+ static styles: lit.CSSResult;
365
+ private get classes();
366
+ render(): lit_html.TemplateResult<1>;
367
+ }
368
+
127
369
  declare class RelLayout extends LitElement {
128
370
  gap: string;
129
371
  columns: number;
@@ -159,6 +401,231 @@ declare class RelMenu extends LitElement {
159
401
  render(): lit_html.TemplateResult<1>;
160
402
  }
161
403
 
404
+ declare class RelMenubar extends LitElement {
405
+ private menus;
406
+ private openMenuIndex;
407
+ private focusedTriggerIndex;
408
+ private focusedItemIndex;
409
+ private openSubmenuElement;
410
+ private container;
411
+ private hoverSwitchEnabled;
412
+ static styles: lit.CSSResult;
413
+ connectedCallback(): void;
414
+ disconnectedCallback(): void;
415
+ private discoverMenus;
416
+ private handleOutsideClick;
417
+ private closeAllMenus;
418
+ private openMenu;
419
+ private handleTriggerClick;
420
+ private handleTriggerMouseEnter;
421
+ private handleTriggerKeyDown;
422
+ private focusTrigger;
423
+ private handlePanelKeyDown;
424
+ private getFocusableItems;
425
+ private focusMenuItem;
426
+ private handleItemClick;
427
+ private openSubmenu;
428
+ private handleSubmenuItemClick;
429
+ private dispatchChangeEvent;
430
+ private renderMenuItem;
431
+ private renderSubmenu;
432
+ private renderMenuPanel;
433
+ render(): lit_html.TemplateResult<1>;
434
+ }
435
+
436
+ declare class RelMenubarMenu extends LitElement {
437
+ label: string;
438
+ createRenderRoot(): this;
439
+ render(): lit_html.TemplateResult<1>;
440
+ }
441
+
442
+ type DensityType$1 = "comfortable" | "compact";
443
+ declare class RelNavMenu extends LitElement {
444
+ open: string;
445
+ disabled: boolean;
446
+ density: DensityType$1;
447
+ private items;
448
+ private focusedIndex;
449
+ private hoverSwitchEnabled;
450
+ private container;
451
+ static styles: lit.CSSResult;
452
+ connectedCallback(): void;
453
+ disconnectedCallback(): void;
454
+ private discoverItems;
455
+ private handleSlotChange;
456
+ private handleOutsideClick;
457
+ private openPanel;
458
+ private closePanel;
459
+ private positionPanel;
460
+ private handleItemClick;
461
+ private handleItemMouseEnter;
462
+ private handleKeyDown;
463
+ private focusItem;
464
+ private hasItemContent;
465
+ private renderDropdownPanel;
466
+ private getItemContent;
467
+ render(): lit_html.TemplateResult<1>;
468
+ }
469
+
470
+ declare class RelNavMenuItem extends LitElement {
471
+ label: string;
472
+ href: string;
473
+ itemId: string;
474
+ disabled: boolean;
475
+ icon: string;
476
+ private hasContent;
477
+ static styles: lit.CSSResult;
478
+ connectedCallback(): void;
479
+ firstUpdated(): void;
480
+ private handleSlotChange;
481
+ get triggerId(): string;
482
+ get panelId(): string;
483
+ render(): lit_html.TemplateResult<1>;
484
+ }
485
+
486
+ declare class RelNavMenuPanel extends LitElement {
487
+ static styles: lit.CSSResult;
488
+ render(): lit_html.TemplateResult<1>;
489
+ }
490
+
491
+ declare class RelNavbar extends LitElement {
492
+ sticky: boolean;
493
+ device: "desktop" | "tablet" | "mobile";
494
+ static styles: lit.CSSResult;
495
+ render(): lit_html.TemplateResult<1>;
496
+ }
497
+
498
+ type OtpType = "numeric" | "alphanumeric";
499
+ declare class RelOtp extends LitElement {
500
+ value: string;
501
+ length: number;
502
+ groupSize: number;
503
+ placeholder: string;
504
+ type: OtpType;
505
+ mask: boolean;
506
+ disabled: boolean;
507
+ readonly: boolean;
508
+ required: boolean;
509
+ name: string | null;
510
+ autocomplete: string;
511
+ inputmode: "numeric" | "text" | null;
512
+ pattern: string | null;
513
+ ariaLabel: string | null;
514
+ invalid: boolean;
515
+ showSeparator: boolean;
516
+ size: "sm" | "md" | "lg";
517
+ private cells;
518
+ private focusedIndex;
519
+ private hiddenInput?;
520
+ private isUpdatingFromValue;
521
+ static styles: lit.CSSResult;
522
+ connectedCallback(): void;
523
+ updated(changedProperties: Map<string, any>): void;
524
+ private initializeCells;
525
+ private syncCellsFromValue;
526
+ private updateValue;
527
+ private isValidChar;
528
+ private isValidValue;
529
+ private getNextEditableIndex;
530
+ private handlePointerDown;
531
+ private handleInput;
532
+ private handleKeyDown;
533
+ private handlePaste;
534
+ private handlePasteValue;
535
+ private handleFocus;
536
+ private handleBlur;
537
+ private focusCell;
538
+ private getInputMode;
539
+ private getAriaLabel;
540
+ private getGroups;
541
+ render(): lit_html.TemplateResult<1>;
542
+ }
543
+ declare global {
544
+ interface HTMLElementTagNameMap {
545
+ "rel-otp": RelOtp;
546
+ }
547
+ }
548
+
549
+ type DensityType = "comfortable" | "compact";
550
+ type VariantType = "default" | "icons";
551
+ declare class RelPagination extends LitElement {
552
+ page?: number;
553
+ defaultPage: number;
554
+ totalPages: number;
555
+ siblingCount: number;
556
+ boundaryCount: number;
557
+ disabled: boolean;
558
+ density: DensityType;
559
+ variant: VariantType;
560
+ hrefTemplate: string;
561
+ ariaLabel: string;
562
+ private currentPage;
563
+ static styles: lit.CSSResult;
564
+ connectedCallback(): void;
565
+ updated(changedProperties: Map<string, any>): void;
566
+ private get activePage();
567
+ private generatePageItems;
568
+ private handlePageChange;
569
+ private handleKeyDown;
570
+ private renderPrevIcon;
571
+ private renderNextIcon;
572
+ private renderItem;
573
+ render(): lit_html.TemplateResult<1>;
574
+ }
575
+
576
+ type SideType = "top" | "right" | "bottom" | "left";
577
+ type AlignType = "start" | "center" | "end";
578
+ declare class RelPopover extends LitElement {
579
+ open?: boolean;
580
+ defaultOpen: boolean;
581
+ disabled: boolean;
582
+ side: SideType;
583
+ align: AlignType;
584
+ sideOffset: number;
585
+ alignOffset: number;
586
+ trapFocus: boolean;
587
+ closeOnEscape: boolean;
588
+ closeOnOutsideClick: boolean;
589
+ private internalOpen;
590
+ private contentStyle;
591
+ private contentWrapper;
592
+ private triggerEl;
593
+ private returnFocusEl;
594
+ static styles: lit.CSSResult;
595
+ connectedCallback(): void;
596
+ disconnectedCallback(): void;
597
+ firstUpdated(): void;
598
+ updated(changed: Map<string, unknown>): void;
599
+ private isControlled;
600
+ private get activeOpen();
601
+ private setOpen;
602
+ private onHostPointerDown;
603
+ private onOpen;
604
+ private onClose;
605
+ private addGlobalListeners;
606
+ private removeGlobalListeners;
607
+ private onOutsidePointerDown;
608
+ private onKeyDown;
609
+ private focusFirst;
610
+ private restoreFocus;
611
+ private trapFocusLoop;
612
+ private getFocusable;
613
+ private updatePosition;
614
+ private applyTriggerAria;
615
+ render(): lit_html.TemplateResult<1>;
616
+ }
617
+ declare global {
618
+ interface HTMLElementTagNameMap {
619
+ "rel-popover": RelPopover;
620
+ }
621
+ }
622
+
623
+ declare class RelPopoverContent extends LitElement {
624
+ ariaLabel: string;
625
+ static styles: lit.CSSResult;
626
+ render(): lit_html.TemplateResult<1>;
627
+ }
628
+
162
629
  type ProgressMode = "linear-determinate" | "linear-indeterminate" | "circular-determinate" | "circular-indeterminate";
163
630
  declare class RelProgress extends LitElement {
164
631
  mode: ProgressMode;
@@ -174,6 +641,37 @@ declare class RelProgress extends LitElement {
174
641
  render(): lit_html.TemplateResult<1>;
175
642
  }
176
643
 
644
+ interface QuoteFormData {
645
+ pickupLocation: string;
646
+ dropoffLocation: string;
647
+ serviceLevel: "standard" | "guaranteed";
648
+ originType: "commercial" | "residential";
649
+ destinationType: "commercial" | "residential";
650
+ loadingRequirements: string;
651
+ deliveryRequirements: string;
652
+ loadingLimitedAccessType: string;
653
+ deliveryLimitedAccessType: string;
654
+ pickupDate: string;
655
+ isHazmat: boolean;
656
+ commodity: string;
657
+ commodityDescription: string;
658
+ handlingUnits: number;
659
+ handlingType: string;
660
+ length: number;
661
+ width: number;
662
+ height: number;
663
+ totalWeight: number;
664
+ class: string;
665
+ insuredValue: number;
666
+ nmfcNumber: string;
667
+ }
668
+ declare class RelQuotePage extends LitElement {
669
+ private formData;
670
+ static styles: lit.CSSResult;
671
+ private updateField;
672
+ render(): lit_html.TemplateResult<1>;
673
+ }
674
+
177
675
  interface RadioOption {
178
676
  value: string;
179
677
  label: string;
@@ -192,6 +690,73 @@ declare class RelRadio extends LitElement {
192
690
  render(): lit_html.TemplateResult<1>;
193
691
  }
194
692
 
693
+ declare class RelResizableGroup extends LitElement {
694
+ direction: "horizontal" | "vertical";
695
+ private panels;
696
+ private handles;
697
+ private isDragging;
698
+ private activeHandleIndex;
699
+ private startPointerPos;
700
+ private startSizes;
701
+ static styles: lit.CSSResult;
702
+ connectedCallback(): void;
703
+ disconnectedCallback(): void;
704
+ firstUpdated(): void;
705
+ private initializeLayout;
706
+ private calculateInitialSizes;
707
+ private onPointerDown;
708
+ private startDrag;
709
+ private onPointerMove;
710
+ private onPointerUp;
711
+ private applyDragResize;
712
+ private onKeyDown;
713
+ private applyKeyboardResize;
714
+ private applySizes;
715
+ private dispatchResizeEvent;
716
+ private addGlobalListeners;
717
+ private removeGlobalListeners;
718
+ render(): lit_html.TemplateResult<1>;
719
+ }
720
+ declare global {
721
+ interface HTMLElementTagNameMap {
722
+ "rel-resizable-group": RelResizableGroup;
723
+ }
724
+ }
725
+
726
+ declare class RelResizablePanel extends LitElement {
727
+ defaultSize?: number;
728
+ minSize: number;
729
+ maxSize: number;
730
+ /** Current computed size in percentage */
731
+ currentSize: number;
732
+ static styles: lit.CSSResult;
733
+ render(): lit_html.TemplateResult<1>;
734
+ }
735
+ declare global {
736
+ interface HTMLElementTagNameMap {
737
+ "rel-resizable-panel": RelResizablePanel;
738
+ }
739
+ }
740
+
741
+ declare class RelResizableHandle extends LitElement {
742
+ orientation: "horizontal" | "vertical";
743
+ /** Index of this handle in the parent group */
744
+ handleIndex: number;
745
+ /** Current split value (0-100) for aria-valuenow */
746
+ splitValue: number;
747
+ static styles: lit.CSSResult;
748
+ connectedCallback(): void;
749
+ updated(changed: Map<string, unknown>): void;
750
+ private updateAriaOrientation;
751
+ updateAriaValue(value: number): void;
752
+ render(): lit_html.TemplateResult<1>;
753
+ }
754
+ declare global {
755
+ interface HTMLElementTagNameMap {
756
+ "rel-resizable-handle": RelResizableHandle;
757
+ }
758
+ }
759
+
195
760
  type SegmentSize = "small" | "medium";
196
761
  type SegmentAlign = "left" | "middle" | "right";
197
762
  interface SegmentOption {
@@ -228,6 +793,225 @@ declare class RelSelect extends LitElement {
228
793
  render(): lit_html.TemplateResult<1>;
229
794
  }
230
795
 
796
+ type SheetSide = "top" | "right" | "bottom" | "left";
797
+ type SheetSize = "sm" | "md" | "lg" | "xl";
798
+ type SheetCloseReason = "trigger" | "close" | "overlay" | "escape" | "api";
799
+ declare class RelSheet extends LitElement {
800
+ open?: boolean;
801
+ defaultOpen: boolean;
802
+ disabled: boolean;
803
+ modal: boolean;
804
+ private internalOpen;
805
+ static styles: lit.CSSResult;
806
+ connectedCallback(): void;
807
+ updated(changed: Map<string, unknown>): void;
808
+ private isControlled;
809
+ get activeOpen(): boolean;
810
+ setOpen(next: boolean, reason?: SheetCloseReason): void;
811
+ render(): lit_html.TemplateResult<1>;
812
+ }
813
+ declare class RelSheetTrigger extends LitElement {
814
+ static styles: lit.CSSResult;
815
+ private getSheet;
816
+ private handleClick;
817
+ render(): lit_html.TemplateResult<1>;
818
+ }
819
+ declare class RelSheetContent extends LitElement {
820
+ side: SheetSide;
821
+ size: SheetSize;
822
+ hideOverlay: boolean;
823
+ closeOnOverlay: boolean;
824
+ showClose: boolean;
825
+ private panelElement;
826
+ private overlayElement;
827
+ private sheet;
828
+ private previousFocus;
829
+ private originalBodyOverflow;
830
+ private originalBodyPaddingRight;
831
+ private isOpen;
832
+ static styles: lit.CSSResult;
833
+ connectedCallback(): void;
834
+ disconnectedCallback(): void;
835
+ private findSheet;
836
+ private handleSheetOpenChange;
837
+ private handleOpen;
838
+ private handleClose;
839
+ private cleanup;
840
+ private lockScroll;
841
+ private unlockScroll;
842
+ private focusPanel;
843
+ private getFocusableElements;
844
+ private handleKeydown;
845
+ private handleOverlayClick;
846
+ private handleCloseClick;
847
+ private getSizeValue;
848
+ private getTitle;
849
+ private getDescription;
850
+ render(): lit_html.TemplateResult<1>;
851
+ }
852
+ declare class RelSheetHeader extends LitElement {
853
+ static styles: lit.CSSResult;
854
+ render(): lit_html.TemplateResult<1>;
855
+ }
856
+ declare class RelSheetFooter extends LitElement {
857
+ static styles: lit.CSSResult;
858
+ render(): lit_html.TemplateResult<1>;
859
+ }
860
+ declare class RelSheetTitle extends LitElement {
861
+ static styles: lit.CSSResult;
862
+ render(): lit_html.TemplateResult<1>;
863
+ }
864
+ declare class RelSheetDescription extends LitElement {
865
+ static styles: lit.CSSResult;
866
+ render(): lit_html.TemplateResult<1>;
867
+ }
868
+ declare class RelSheetClose extends LitElement {
869
+ static styles: lit.CSSResult;
870
+ private getSheet;
871
+ private handleClick;
872
+ render(): lit_html.TemplateResult<1>;
873
+ }
874
+
875
+ type SidebarVariant = "sidebar" | "floating" | "inset";
876
+ type SidebarSide = "left" | "right";
877
+ type SidebarCollapsible = "offcanvas" | "icon" | "none";
878
+ type SidebarWidth = "sm" | "md" | "lg";
879
+ type SidebarChangeReason = "trigger" | "rail" | "overlay" | "escape" | "shortcut" | "api";
880
+ declare class RelSidebarProvider extends LitElement {
881
+ open?: boolean;
882
+ defaultOpen: boolean;
883
+ collapsed?: boolean;
884
+ defaultCollapsed: boolean;
885
+ variant: SidebarVariant;
886
+ side: SidebarSide;
887
+ collapsible: SidebarCollapsible;
888
+ width: SidebarWidth;
889
+ persistKey: string;
890
+ keyboardShortcut: boolean;
891
+ disablePersist: boolean;
892
+ disableOverlayClose: boolean;
893
+ private internalOpen;
894
+ private internalCollapsed;
895
+ isMobile: boolean;
896
+ private mediaQuery;
897
+ private isInitialized;
898
+ static styles: lit.CSSResult;
899
+ connectedCallback(): void;
900
+ disconnectedCallback(): void;
901
+ updated(changed: Map<string, unknown>): void;
902
+ private isOpenControlled;
903
+ private isCollapsedControlled;
904
+ get activeOpen(): boolean;
905
+ get activeCollapsed(): boolean;
906
+ private setupMediaQuery;
907
+ private handleMediaChange;
908
+ private isOffcanvasMode;
909
+ private loadInitialState;
910
+ private getPersistedState;
911
+ private loadPersistedState;
912
+ private persistState;
913
+ private handleKeyDown;
914
+ setOpen(next: boolean, reason?: SidebarChangeReason): void;
915
+ setCollapsed(next: boolean, reason?: SidebarChangeReason): void;
916
+ private dispatchChangeEvent;
917
+ private notifyStateChange;
918
+ render(): lit_html.TemplateResult<1>;
919
+ }
920
+ declare class RelSidebar extends LitElement {
921
+ inset: boolean;
922
+ private isOpen;
923
+ private isCollapsed;
924
+ private isMobile;
925
+ private side;
926
+ private variant;
927
+ private collapsible;
928
+ private width;
929
+ private containerElement;
930
+ private provider;
931
+ private triggerElement;
932
+ private originalBodyOverflow;
933
+ private originalBodyPaddingRight;
934
+ static styles: lit.CSSResult;
935
+ connectedCallback(): void;
936
+ disconnectedCallback(): void;
937
+ private findProvider;
938
+ private syncState;
939
+ private handleStateChange;
940
+ private isOffcanvasMode;
941
+ private lockScroll;
942
+ private unlockScroll;
943
+ private setupFocusTrap;
944
+ private removeFocusTrap;
945
+ private getFocusableElements;
946
+ private handleKeydown;
947
+ private handleOverlayClick;
948
+ private cleanup;
949
+ private getWidthValue;
950
+ render(): lit_html.TemplateResult<1>;
951
+ }
952
+ declare class RelSidebarTrigger extends LitElement {
953
+ private isOpen;
954
+ private isCollapsed;
955
+ private provider;
956
+ static styles: lit.CSSResult;
957
+ connectedCallback(): void;
958
+ disconnectedCallback(): void;
959
+ private findProvider;
960
+ private syncState;
961
+ private handleStateChange;
962
+ private handleClick;
963
+ render(): lit_html.TemplateResult<1>;
964
+ }
965
+ declare class RelSidebarHeader extends LitElement {
966
+ static styles: lit.CSSResult;
967
+ render(): lit_html.TemplateResult<1>;
968
+ }
969
+ declare class RelSidebarContent extends LitElement {
970
+ static styles: lit.CSSResult;
971
+ render(): lit_html.TemplateResult<1>;
972
+ }
973
+ declare class RelSidebarFooter extends LitElement {
974
+ static styles: lit.CSSResult;
975
+ render(): lit_html.TemplateResult<1>;
976
+ }
977
+ declare class RelSidebarGroup extends LitElement {
978
+ static styles: lit.CSSResult;
979
+ render(): lit_html.TemplateResult<1>;
980
+ }
981
+ declare class RelSidebarGroupLabel extends LitElement {
982
+ static styles: lit.CSSResult;
983
+ render(): lit_html.TemplateResult<1>;
984
+ }
985
+ declare class RelSidebarGroupContent extends LitElement {
986
+ static styles: lit.CSSResult;
987
+ render(): lit_html.TemplateResult<1>;
988
+ }
989
+ declare class RelSidebarMenu extends LitElement {
990
+ static styles: lit.CSSResult;
991
+ connectedCallback(): void;
992
+ disconnectedCallback(): void;
993
+ private handleKeyDown;
994
+ render(): lit_html.TemplateResult<1>;
995
+ }
996
+ declare class RelSidebarMenuItem extends LitElement {
997
+ static styles: lit.CSSResult;
998
+ render(): lit_html.TemplateResult<1>;
999
+ }
1000
+ declare class RelSidebarMenuButton extends LitElement {
1001
+ active: boolean;
1002
+ disabled: boolean;
1003
+ tooltip: string;
1004
+ private isCollapsed;
1005
+ private provider;
1006
+ static styles: lit.CSSResult;
1007
+ connectedCallback(): void;
1008
+ disconnectedCallback(): void;
1009
+ private findProvider;
1010
+ private syncState;
1011
+ private handleStateChange;
1012
+ render(): lit_html.TemplateResult<1>;
1013
+ }
1014
+
231
1015
  type SliderType = "continuous" | "discrete";
232
1016
  type TrackStyle = "solid" | "dotted";
233
1017
  declare class RelSlider extends LitElement {
@@ -257,6 +1041,7 @@ declare class RelSlider extends LitElement {
257
1041
  }
258
1042
 
259
1043
  type SnackbarLines = "single" | "double";
1044
+ type SnackbarType = "default" | "success" | "error" | "warning";
260
1045
  declare class RelSnackbar extends LitElement {
261
1046
  message: string;
262
1047
  action?: string;
@@ -264,6 +1049,7 @@ declare class RelSnackbar extends LitElement {
264
1049
  iconClose: boolean;
265
1050
  lines: SnackbarLines;
266
1051
  duration: number;
1052
+ type: SnackbarType;
267
1053
  private visible;
268
1054
  private timeout;
269
1055
  static styles: lit.CSSResult;
@@ -274,6 +1060,7 @@ declare class RelSnackbar extends LitElement {
274
1060
  private clearTimeout;
275
1061
  private onActionClick;
276
1062
  private dismiss;
1063
+ private getIcon;
277
1064
  render(): lit_html.TemplateResult<1>;
278
1065
  }
279
1066
 
@@ -328,6 +1115,54 @@ declare class RelTab extends LitElement {
328
1115
  render(): lit_html.TemplateResult<1>;
329
1116
  }
330
1117
 
1118
+ declare class RelTable extends LitElement {
1119
+ bordered: boolean;
1120
+ compact: boolean;
1121
+ static styles: lit.CSSResult;
1122
+ render(): lit_html.TemplateResult<1>;
1123
+ }
1124
+
1125
+ declare class RelTableHeader extends LitElement {
1126
+ static styles: lit.CSSResult;
1127
+ render(): lit_html.TemplateResult<1>;
1128
+ }
1129
+
1130
+ declare class RelTableBody extends LitElement {
1131
+ static styles: lit.CSSResult;
1132
+ render(): lit_html.TemplateResult<1>;
1133
+ }
1134
+
1135
+ declare class RelTableFooter extends LitElement {
1136
+ static styles: lit.CSSResult;
1137
+ render(): lit_html.TemplateResult<1>;
1138
+ }
1139
+
1140
+ declare class RelTableRow extends LitElement {
1141
+ selected: boolean;
1142
+ static styles: lit.CSSResult;
1143
+ render(): lit_html.TemplateResult<1>;
1144
+ }
1145
+
1146
+ declare class RelTableHead extends LitElement {
1147
+ align: "left" | "center" | "right";
1148
+ static styles: lit.CSSResult;
1149
+ render(): lit_html.TemplateResult<1>;
1150
+ }
1151
+
1152
+ declare class RelTableCell extends LitElement {
1153
+ align: "left" | "center" | "right";
1154
+ colspan?: number;
1155
+ static styles: lit.CSSResult;
1156
+ render(): lit_html.TemplateResult<1>;
1157
+ updated(changedProperties: Map<string, any>): void;
1158
+ connectedCallback(): void;
1159
+ }
1160
+
1161
+ declare class RelTableCaption extends LitElement {
1162
+ static styles: lit.CSSResult;
1163
+ render(): lit_html.TemplateResult<1>;
1164
+ }
1165
+
331
1166
  type TextFieldState = "default" | "focused" | "error" | "disabled";
332
1167
  type TextFieldSize = "small" | "medium" | "large";
333
1168
  declare class RelTextfield extends LitElement {
@@ -373,4 +1208,4 @@ declare class RelTooltip extends LitElement {
373
1208
  render(): lit_html.TemplateResult<1>;
374
1209
  }
375
1210
 
376
- export { type BreadcrumbItem, type MenuItem, type MenuType, type Orientation, type ProgressMode, type RadioOption, RelAccordion, RelAlert, RelAvatar, RelBadge, RelBreadcrumbs, RelButton, RelCard, RelCardMedia, RelCheckbox, RelChip, RelContainer, RelDivider, RelLayout, RelMenu, RelProgress, RelRadio, RelSegmentedButton, RelSelect, RelSlider, RelSnackbar, RelStepper, RelSwitch, RelTab, RelTextfield, RelToast, RelTooltip, type SegmentAlign, type SegmentOption, type SegmentSize, type SelectBorder, type SelectSize, type SelectState, type SliderType, type SnackbarLines, type Step, type StepStatus, type StepperSize, type TabItem, type TextAlign, type TextFieldSize, type TextFieldState, type ToastType, type TooltipPosition, type TrackStyle };
1211
+ export { type BreadcrumbItem, type DrawerCloseReason, type DrawerSide, type MenuItem, type MenuType, type Orientation, type OtpType, type ProgressMode, type QuoteFormData, type RadioOption, RelAccordion, RelAlert, RelAvatar, RelBadge, RelBreadcrumbs, RelButton, RelCalendar, RelCard, RelCardMedia, RelCarousel, RelChart, RelCheckbox, RelChip, RelContainer, RelDatePicker, RelDivider, RelDrawer, RelKbd, RelLayout, RelMenu, RelMenubar, RelMenubarMenu, RelNavMenu, RelNavMenuItem, RelNavMenuPanel, RelNavbar, RelOtp, RelPagination, RelPopover, RelPopoverContent, RelProgress, RelQuotePage, RelRadio, RelResizableGroup, RelResizableHandle, RelResizablePanel, RelSegmentedButton, RelSelect, RelSheet, RelSheetClose, RelSheetContent, RelSheetDescription, RelSheetFooter, RelSheetHeader, RelSheetTitle, RelSheetTrigger, RelSidebar, RelSidebarContent, RelSidebarFooter, RelSidebarGroup, RelSidebarGroupContent, RelSidebarGroupLabel, RelSidebarHeader, RelSidebarMenu, RelSidebarMenuButton, RelSidebarMenuItem, RelSidebarProvider, RelSidebarTrigger, RelSlider, RelSnackbar, RelStepper, RelSwitch, RelTab, RelTable, RelTableBody, RelTableCaption, RelTableCell, RelTableFooter, RelTableHead, RelTableHeader, RelTableRow, RelTextfield, RelToast, RelTooltip, type SegmentAlign, type SegmentOption, type SegmentSize, type SelectBorder, type SelectSize, type SelectState, type SheetCloseReason, type SheetSide, type SheetSize, type SidebarChangeReason, type SidebarCollapsible, type SidebarSide, type SidebarVariant, type SidebarWidth, type SliderType, type SnackbarLines, type SnackbarType, type Step, type StepStatus, type StepperSize, type TabItem, type TextAlign, type TextFieldSize, type TextFieldState, type ToastType, type TooltipPosition, type TrackStyle };