@tessera-ui/react 0.4.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 James Kenneth Guidaven
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/components/components.d.ts

@@ -0,0 +1,254 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type TsAccordionItemCustomEvent, type TsAlertCustomEvent, type TsBannerCustomEvent, type TsButtonCustomEvent, type TsChangeEventDetail, type TsCheckboxChangeEventDetail, type TsCheckboxCustomEvent, type TsChipCustomEvent, type TsDatePickerCustomEvent, type TsDialogCustomEvent, type TsDrawerCustomEvent, type TsFileUploadCustomEvent, type TsInputCustomEvent, type TsMenuCustomEvent, type TsMenuItemCustomEvent, type TsModalCustomEvent, type TsNavItemCustomEvent, type TsPaginationCustomEvent, type TsPopoverCustomEvent, type TsRadioCustomEvent, type TsSelectChangeEventDetail, type TsSelectCustomEvent, type TsSliderCustomEvent, type TsSwitchGroupCustomEvent, type TsTabsCustomEvent, type TsTextareaCustomEvent, type TsToastCustomEvent, type TsToggleCustomEvent, type TsToggleEventDetail, type TsTreeItemCustomEvent, type TsValidationEventDetail } from "@tessera-ui/core";
+import { TsAccordionItem as TsAccordionItemElement } from "@tessera-ui/core/dist/components/ts-accordion-item.js";
+import { TsAccordion as TsAccordionElement } from "@tessera-ui/core/dist/components/ts-accordion.js";
+import { TsAlert as TsAlertElement } from "@tessera-ui/core/dist/components/ts-alert.js";
+import { TsAvatar as TsAvatarElement } from "@tessera-ui/core/dist/components/ts-avatar.js";
+import { TsBadge as TsBadgeElement } from "@tessera-ui/core/dist/components/ts-badge.js";
+import { TsBanner as TsBannerElement } from "@tessera-ui/core/dist/components/ts-banner.js";
+import { TsBreadcrumbItem as TsBreadcrumbItemElement } from "@tessera-ui/core/dist/components/ts-breadcrumb-item.js";
+import { TsBreadcrumb as TsBreadcrumbElement } from "@tessera-ui/core/dist/components/ts-breadcrumb.js";
+import { TsButton as TsButtonElement } from "@tessera-ui/core/dist/components/ts-button.js";
+import { TsCard as TsCardElement } from "@tessera-ui/core/dist/components/ts-card.js";
+import { TsCheckbox as TsCheckboxElement } from "@tessera-ui/core/dist/components/ts-checkbox.js";
+import { TsChip as TsChipElement } from "@tessera-ui/core/dist/components/ts-chip.js";
+import { TsContainer as TsContainerElement } from "@tessera-ui/core/dist/components/ts-container.js";
+import { TsDatePicker as TsDatePickerElement } from "@tessera-ui/core/dist/components/ts-date-picker.js";
+import { TsDialog as TsDialogElement } from "@tessera-ui/core/dist/components/ts-dialog.js";
+import { TsDivider as TsDividerElement } from "@tessera-ui/core/dist/components/ts-divider.js";
+import { TsDrawer as TsDrawerElement } from "@tessera-ui/core/dist/components/ts-drawer.js";
+import { TsEmptyState as TsEmptyStateElement } from "@tessera-ui/core/dist/components/ts-empty-state.js";
+import { TsFileUpload as TsFileUploadElement } from "@tessera-ui/core/dist/components/ts-file-upload.js";
+import { TsGrid as TsGridElement } from "@tessera-ui/core/dist/components/ts-grid.js";
+import { TsIcon as TsIconElement } from "@tessera-ui/core/dist/components/ts-icon.js";
+import { TsInput as TsInputElement } from "@tessera-ui/core/dist/components/ts-input.js";
+import { TsMenuItem as TsMenuItemElement } from "@tessera-ui/core/dist/components/ts-menu-item.js";
+import { TsMenu as TsMenuElement } from "@tessera-ui/core/dist/components/ts-menu.js";
+import { TsModal as TsModalElement } from "@tessera-ui/core/dist/components/ts-modal.js";
+import { TsNavItem as TsNavItemElement } from "@tessera-ui/core/dist/components/ts-nav-item.js";
+import { TsNav as TsNavElement } from "@tessera-ui/core/dist/components/ts-nav.js";
+import { TsPagination as TsPaginationElement } from "@tessera-ui/core/dist/components/ts-pagination.js";
+import { TsPopover as TsPopoverElement } from "@tessera-ui/core/dist/components/ts-popover.js";
+import { TsProgress as TsProgressElement } from "@tessera-ui/core/dist/components/ts-progress.js";
+import { TsRadio as TsRadioElement } from "@tessera-ui/core/dist/components/ts-radio.js";
+import { TsRow as TsRowElement } from "@tessera-ui/core/dist/components/ts-row.js";
+import { TsSelect as TsSelectElement } from "@tessera-ui/core/dist/components/ts-select.js";
+import { TsSkeleton as TsSkeletonElement } from "@tessera-ui/core/dist/components/ts-skeleton.js";
+import { TsSlider as TsSliderElement } from "@tessera-ui/core/dist/components/ts-slider.js";
+import { TsSpacer as TsSpacerElement } from "@tessera-ui/core/dist/components/ts-spacer.js";
+import { TsSpinner as TsSpinnerElement } from "@tessera-ui/core/dist/components/ts-spinner.js";
+import { TsStack as TsStackElement } from "@tessera-ui/core/dist/components/ts-stack.js";
+import { TsStep as TsStepElement } from "@tessera-ui/core/dist/components/ts-step.js";
+import { TsStepper as TsStepperElement } from "@tessera-ui/core/dist/components/ts-stepper.js";
+import { TsSwitchGroup as TsSwitchGroupElement } from "@tessera-ui/core/dist/components/ts-switch-group.js";
+import { TsSwitchOption as TsSwitchOptionElement } from "@tessera-ui/core/dist/components/ts-switch-option.js";
+import { TsTabPanel as TsTabPanelElement } from "@tessera-ui/core/dist/components/ts-tab-panel.js";
+import { TsTable as TsTableElement } from "@tessera-ui/core/dist/components/ts-table.js";
+import { TsTabs as TsTabsElement } from "@tessera-ui/core/dist/components/ts-tabs.js";
+import { TsTextarea as TsTextareaElement } from "@tessera-ui/core/dist/components/ts-textarea.js";
+import { TsToast as TsToastElement } from "@tessera-ui/core/dist/components/ts-toast.js";
+import { TsToggle as TsToggleElement } from "@tessera-ui/core/dist/components/ts-toggle.js";
+import { TsToolbar as TsToolbarElement } from "@tessera-ui/core/dist/components/ts-toolbar.js";
+import { TsTooltip as TsTooltipElement } from "@tessera-ui/core/dist/components/ts-tooltip.js";
+import { TsTreeItem as TsTreeItemElement } from "@tessera-ui/core/dist/components/ts-tree-item.js";
+import { TsTree as TsTreeElement } from "@tessera-ui/core/dist/components/ts-tree.js";
+export type TsAccordionEvents = NonNullable<unknown>;
+export declare const TsAccordion: StencilReactComponent<TsAccordionElement, TsAccordionEvents>;
+export type TsAccordionItemEvents = {
+    onTsToggle: EventName<TsAccordionItemCustomEvent<{
+        open: boolean;
+    }>>;
+};
+export declare const TsAccordionItem: StencilReactComponent<TsAccordionItemElement, TsAccordionItemEvents>;
+export type TsAlertEvents = {
+    onTsClose: EventName<TsAlertCustomEvent<void>>;
+};
+export declare const TsAlert: StencilReactComponent<TsAlertElement, TsAlertEvents>;
+export type TsAvatarEvents = NonNullable<unknown>;
+export declare const TsAvatar: StencilReactComponent<TsAvatarElement, TsAvatarEvents>;
+export type TsBadgeEvents = NonNullable<unknown>;
+export declare const TsBadge: StencilReactComponent<TsBadgeElement, TsBadgeEvents>;
+export type TsBannerEvents = {
+    onTsClose: EventName<TsBannerCustomEvent<void>>;
+};
+export declare const TsBanner: StencilReactComponent<TsBannerElement, TsBannerEvents>;
+export type TsBreadcrumbEvents = NonNullable<unknown>;
+export declare const TsBreadcrumb: StencilReactComponent<TsBreadcrumbElement, TsBreadcrumbEvents>;
+export type TsBreadcrumbItemEvents = NonNullable<unknown>;
+export declare const TsBreadcrumbItem: StencilReactComponent<TsBreadcrumbItemElement, TsBreadcrumbItemEvents>;
+export type TsButtonEvents = {
+    onTsClick: EventName<TsButtonCustomEvent<void>>;
+    onTsFocus: EventName<TsButtonCustomEvent<void>>;
+    onTsBlur: EventName<TsButtonCustomEvent<void>>;
+};
+export declare const TsButton: StencilReactComponent<TsButtonElement, TsButtonEvents>;
+export type TsCardEvents = NonNullable<unknown>;
+export declare const TsCard: StencilReactComponent<TsCardElement, TsCardEvents>;
+export type TsCheckboxEvents = {
+    onTsChange: EventName<TsCheckboxCustomEvent<TsCheckboxChangeEventDetail>>;
+};
+export declare const TsCheckbox: StencilReactComponent<TsCheckboxElement, TsCheckboxEvents>;
+export type TsChipEvents = {
+    onTsRemove: EventName<TsChipCustomEvent<void>>;
+    onTsClick: EventName<TsChipCustomEvent<void>>;
+};
+export declare const TsChip: StencilReactComponent<TsChipElement, TsChipEvents>;
+export type TsContainerEvents = NonNullable<unknown>;
+export declare const TsContainer: StencilReactComponent<TsContainerElement, TsContainerEvents>;
+export type TsDatePickerEvents = {
+    onTsChange: EventName<TsDatePickerCustomEvent<{
+        value: string;
+    }>>;
+};
+export declare const TsDatePicker: StencilReactComponent<TsDatePickerElement, TsDatePickerEvents>;
+export type TsDialogEvents = {
+    onTsClose: EventName<TsDialogCustomEvent<void>>;
+};
+export declare const TsDialog: StencilReactComponent<TsDialogElement, TsDialogEvents>;
+export type TsDividerEvents = NonNullable<unknown>;
+export declare const TsDivider: StencilReactComponent<TsDividerElement, TsDividerEvents>;
+export type TsDrawerEvents = {
+    onTsClose: EventName<TsDrawerCustomEvent<void>>;
+};
+export declare const TsDrawer: StencilReactComponent<TsDrawerElement, TsDrawerEvents>;
+export type TsEmptyStateEvents = NonNullable<unknown>;
+export declare const TsEmptyState: StencilReactComponent<TsEmptyStateElement, TsEmptyStateEvents>;
+export type TsFileUploadEvents = {
+    onTsChange: EventName<TsFileUploadCustomEvent<{
+        files: File[];
+    }>>;
+};
+export declare const TsFileUpload: StencilReactComponent<TsFileUploadElement, TsFileUploadEvents>;
+export type TsGridEvents = NonNullable<unknown>;
+export declare const TsGrid: StencilReactComponent<TsGridElement, TsGridEvents>;
+export type TsIconEvents = NonNullable<unknown>;
+export declare const TsIcon: StencilReactComponent<TsIconElement, TsIconEvents>;
+export type TsInputEvents = {
+    onTsInput: EventName<TsInputCustomEvent<TsChangeEventDetail<string>>>;
+    onTsChange: EventName<TsInputCustomEvent<TsChangeEventDetail<string>>>;
+    onTsFocus: EventName<TsInputCustomEvent<void>>;
+    onTsBlur: EventName<TsInputCustomEvent<void>>;
+    onTsValidate: EventName<TsInputCustomEvent<TsValidationEventDetail>>;
+};
+export declare const TsInput: StencilReactComponent<TsInputElement, TsInputEvents>;
+export type TsMenuEvents = {
+    onTsOpen: EventName<TsMenuCustomEvent<void>>;
+    onTsClose: EventName<TsMenuCustomEvent<void>>;
+};
+export declare const TsMenu: StencilReactComponent<TsMenuElement, TsMenuEvents>;
+export type TsMenuItemEvents = {
+    onTsSelect: EventName<TsMenuItemCustomEvent<{
+        value: string;
+    }>>;
+};
+export declare const TsMenuItem: StencilReactComponent<TsMenuItemElement, TsMenuItemEvents>;
+export type TsModalEvents = {
+    onTsOpen: EventName<TsModalCustomEvent<void>>;
+    onTsClose: EventName<TsModalCustomEvent<void>>;
+};
+export declare const TsModal: StencilReactComponent<TsModalElement, TsModalEvents>;
+export type TsNavEvents = NonNullable<unknown>;
+export declare const TsNav: StencilReactComponent<TsNavElement, TsNavEvents>;
+export type TsNavItemEvents = {
+    onTsSelect: EventName<TsNavItemCustomEvent<void>>;
+};
+export declare const TsNavItem: StencilReactComponent<TsNavItemElement, TsNavItemEvents>;
+export type TsPaginationEvents = {
+    onTsChange: EventName<TsPaginationCustomEvent<{
+        page: number;
+    }>>;
+};
+export declare const TsPagination: StencilReactComponent<TsPaginationElement, TsPaginationEvents>;
+export type TsPopoverEvents = {
+    onTsOpen: EventName<TsPopoverCustomEvent<void>>;
+    onTsClose: EventName<TsPopoverCustomEvent<void>>;
+};
+export declare const TsPopover: StencilReactComponent<TsPopoverElement, TsPopoverEvents>;
+export type TsProgressEvents = NonNullable<unknown>;
+export declare const TsProgress: StencilReactComponent<TsProgressElement, TsProgressEvents>;
+export type TsRadioEvents = {
+    onTsChange: EventName<TsRadioCustomEvent<TsCheckboxChangeEventDetail>>;
+};
+export declare const TsRadio: StencilReactComponent<TsRadioElement, TsRadioEvents>;
+export type TsRowEvents = NonNullable<unknown>;
+export declare const TsRow: StencilReactComponent<TsRowElement, TsRowEvents>;
+export type TsSelectEvents = {
+    onTsChange: EventName<TsSelectCustomEvent<TsSelectChangeEventDetail>>;
+    onTsFocus: EventName<TsSelectCustomEvent<void>>;
+    onTsBlur: EventName<TsSelectCustomEvent<void>>;
+};
+export declare const TsSelect: StencilReactComponent<TsSelectElement, TsSelectEvents>;
+export type TsSkeletonEvents = NonNullable<unknown>;
+export declare const TsSkeleton: StencilReactComponent<TsSkeletonElement, TsSkeletonEvents>;
+export type TsSliderEvents = {
+    onTsInput: EventName<TsSliderCustomEvent<{
+        value: number;
+    }>>;
+    onTsChange: EventName<TsSliderCustomEvent<{
+        value: number;
+    }>>;
+};
+export declare const TsSlider: StencilReactComponent<TsSliderElement, TsSliderEvents>;
+export type TsSpacerEvents = NonNullable<unknown>;
+export declare const TsSpacer: StencilReactComponent<TsSpacerElement, TsSpacerEvents>;
+export type TsSpinnerEvents = NonNullable<unknown>;
+export declare const TsSpinner: StencilReactComponent<TsSpinnerElement, TsSpinnerEvents>;
+export type TsStackEvents = NonNullable<unknown>;
+export declare const TsStack: StencilReactComponent<TsStackElement, TsStackEvents>;
+export type TsStepEvents = NonNullable<unknown>;
+export declare const TsStep: StencilReactComponent<TsStepElement, TsStepEvents>;
+export type TsStepperEvents = NonNullable<unknown>;
+export declare const TsStepper: StencilReactComponent<TsStepperElement, TsStepperEvents>;
+export type TsSwitchGroupEvents = {
+    onTsChange: EventName<TsSwitchGroupCustomEvent<{
+        value: string;
+    }>>;
+};
+export declare const TsSwitchGroup: StencilReactComponent<TsSwitchGroupElement, TsSwitchGroupEvents>;
+export type TsSwitchOptionEvents = NonNullable<unknown>;
+export declare const TsSwitchOption: StencilReactComponent<TsSwitchOptionElement, TsSwitchOptionEvents>;
+export type TsTabPanelEvents = NonNullable<unknown>;
+export declare const TsTabPanel: StencilReactComponent<TsTabPanelElement, TsTabPanelEvents>;
+export type TsTableEvents = NonNullable<unknown>;
+export declare const TsTable: StencilReactComponent<TsTableElement, TsTableEvents>;
+export type TsTabsEvents = {
+    onTsChange: EventName<TsTabsCustomEvent<{
+        value: string;
+    }>>;
+};
+export declare const TsTabs: StencilReactComponent<TsTabsElement, TsTabsEvents>;
+export type TsTextareaEvents = {
+    onTsInput: EventName<TsTextareaCustomEvent<TsChangeEventDetail<string>>>;
+    onTsChange: EventName<TsTextareaCustomEvent<TsChangeEventDetail<string>>>;
+    onTsFocus: EventName<TsTextareaCustomEvent<void>>;
+    onTsBlur: EventName<TsTextareaCustomEvent<void>>;
+};
+export declare const TsTextarea: StencilReactComponent<TsTextareaElement, TsTextareaEvents>;
+export type TsToastEvents = {
+    onTsClose: EventName<TsToastCustomEvent<void>>;
+};
+export declare const TsToast: StencilReactComponent<TsToastElement, TsToastEvents>;
+export type TsToggleEvents = {
+    onTsChange: EventName<TsToggleCustomEvent<TsToggleEventDetail>>;
+};
+export declare const TsToggle: StencilReactComponent<TsToggleElement, TsToggleEvents>;
+export type TsToolbarEvents = NonNullable<unknown>;
+export declare const TsToolbar: StencilReactComponent<TsToolbarElement, TsToolbarEvents>;
+export type TsTooltipEvents = NonNullable<unknown>;
+export declare const TsTooltip: StencilReactComponent<TsTooltipElement, TsTooltipEvents>;
+export type TsTreeEvents = NonNullable<unknown>;
+export declare const TsTree: StencilReactComponent<TsTreeElement, TsTreeEvents>;
+export type TsTreeItemEvents = {
+    onTsToggle: EventName<TsTreeItemCustomEvent<{
+        expanded: boolean;
+    }>>;
+    onTsSelect: EventName<TsTreeItemCustomEvent<{
+        selected: boolean;
+        value: string;
+    }>>;
+};
+export declare const TsTreeItem: StencilReactComponent<TsTreeItemElement, TsTreeItemEvents>;

package/dist/components/components.js

@@ -0,0 +1,508 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import { TsAccordionItem as TsAccordionItemElement, defineCustomElement as defineTsAccordionItem } from "@tessera-ui/core/dist/components/ts-accordion-item.js";
+import { TsAccordion as TsAccordionElement, defineCustomElement as defineTsAccordion } from "@tessera-ui/core/dist/components/ts-accordion.js";
+import { TsAlert as TsAlertElement, defineCustomElement as defineTsAlert } from "@tessera-ui/core/dist/components/ts-alert.js";
+import { TsAvatar as TsAvatarElement, defineCustomElement as defineTsAvatar } from "@tessera-ui/core/dist/components/ts-avatar.js";
+import { TsBadge as TsBadgeElement, defineCustomElement as defineTsBadge } from "@tessera-ui/core/dist/components/ts-badge.js";
+import { TsBanner as TsBannerElement, defineCustomElement as defineTsBanner } from "@tessera-ui/core/dist/components/ts-banner.js";
+import { TsBreadcrumbItem as TsBreadcrumbItemElement, defineCustomElement as defineTsBreadcrumbItem } from "@tessera-ui/core/dist/components/ts-breadcrumb-item.js";
+import { TsBreadcrumb as TsBreadcrumbElement, defineCustomElement as defineTsBreadcrumb } from "@tessera-ui/core/dist/components/ts-breadcrumb.js";
+import { TsButton as TsButtonElement, defineCustomElement as defineTsButton } from "@tessera-ui/core/dist/components/ts-button.js";
+import { TsCard as TsCardElement, defineCustomElement as defineTsCard } from "@tessera-ui/core/dist/components/ts-card.js";
+import { TsCheckbox as TsCheckboxElement, defineCustomElement as defineTsCheckbox } from "@tessera-ui/core/dist/components/ts-checkbox.js";
+import { TsChip as TsChipElement, defineCustomElement as defineTsChip } from "@tessera-ui/core/dist/components/ts-chip.js";
+import { TsContainer as TsContainerElement, defineCustomElement as defineTsContainer } from "@tessera-ui/core/dist/components/ts-container.js";
+import { TsDatePicker as TsDatePickerElement, defineCustomElement as defineTsDatePicker } from "@tessera-ui/core/dist/components/ts-date-picker.js";
+import { TsDialog as TsDialogElement, defineCustomElement as defineTsDialog } from "@tessera-ui/core/dist/components/ts-dialog.js";
+import { TsDivider as TsDividerElement, defineCustomElement as defineTsDivider } from "@tessera-ui/core/dist/components/ts-divider.js";
+import { TsDrawer as TsDrawerElement, defineCustomElement as defineTsDrawer } from "@tessera-ui/core/dist/components/ts-drawer.js";
+import { TsEmptyState as TsEmptyStateElement, defineCustomElement as defineTsEmptyState } from "@tessera-ui/core/dist/components/ts-empty-state.js";
+import { TsFileUpload as TsFileUploadElement, defineCustomElement as defineTsFileUpload } from "@tessera-ui/core/dist/components/ts-file-upload.js";
+import { TsGrid as TsGridElement, defineCustomElement as defineTsGrid } from "@tessera-ui/core/dist/components/ts-grid.js";
+import { TsIcon as TsIconElement, defineCustomElement as defineTsIcon } from "@tessera-ui/core/dist/components/ts-icon.js";
+import { TsInput as TsInputElement, defineCustomElement as defineTsInput } from "@tessera-ui/core/dist/components/ts-input.js";
+import { TsMenuItem as TsMenuItemElement, defineCustomElement as defineTsMenuItem } from "@tessera-ui/core/dist/components/ts-menu-item.js";
+import { TsMenu as TsMenuElement, defineCustomElement as defineTsMenu } from "@tessera-ui/core/dist/components/ts-menu.js";
+import { TsModal as TsModalElement, defineCustomElement as defineTsModal } from "@tessera-ui/core/dist/components/ts-modal.js";
+import { TsNavItem as TsNavItemElement, defineCustomElement as defineTsNavItem } from "@tessera-ui/core/dist/components/ts-nav-item.js";
+import { TsNav as TsNavElement, defineCustomElement as defineTsNav } from "@tessera-ui/core/dist/components/ts-nav.js";
+import { TsPagination as TsPaginationElement, defineCustomElement as defineTsPagination } from "@tessera-ui/core/dist/components/ts-pagination.js";
+import { TsPopover as TsPopoverElement, defineCustomElement as defineTsPopover } from "@tessera-ui/core/dist/components/ts-popover.js";
+import { TsProgress as TsProgressElement, defineCustomElement as defineTsProgress } from "@tessera-ui/core/dist/components/ts-progress.js";
+import { TsRadio as TsRadioElement, defineCustomElement as defineTsRadio } from "@tessera-ui/core/dist/components/ts-radio.js";
+import { TsRow as TsRowElement, defineCustomElement as defineTsRow } from "@tessera-ui/core/dist/components/ts-row.js";
+import { TsSelect as TsSelectElement, defineCustomElement as defineTsSelect } from "@tessera-ui/core/dist/components/ts-select.js";
+import { TsSkeleton as TsSkeletonElement, defineCustomElement as defineTsSkeleton } from "@tessera-ui/core/dist/components/ts-skeleton.js";
+import { TsSlider as TsSliderElement, defineCustomElement as defineTsSlider } from "@tessera-ui/core/dist/components/ts-slider.js";
+import { TsSpacer as TsSpacerElement, defineCustomElement as defineTsSpacer } from "@tessera-ui/core/dist/components/ts-spacer.js";
+import { TsSpinner as TsSpinnerElement, defineCustomElement as defineTsSpinner } from "@tessera-ui/core/dist/components/ts-spinner.js";
+import { TsStack as TsStackElement, defineCustomElement as defineTsStack } from "@tessera-ui/core/dist/components/ts-stack.js";
+import { TsStep as TsStepElement, defineCustomElement as defineTsStep } from "@tessera-ui/core/dist/components/ts-step.js";
+import { TsStepper as TsStepperElement, defineCustomElement as defineTsStepper } from "@tessera-ui/core/dist/components/ts-stepper.js";
+import { TsSwitchGroup as TsSwitchGroupElement, defineCustomElement as defineTsSwitchGroup } from "@tessera-ui/core/dist/components/ts-switch-group.js";
+import { TsSwitchOption as TsSwitchOptionElement, defineCustomElement as defineTsSwitchOption } from "@tessera-ui/core/dist/components/ts-switch-option.js";
+import { TsTabPanel as TsTabPanelElement, defineCustomElement as defineTsTabPanel } from "@tessera-ui/core/dist/components/ts-tab-panel.js";
+import { TsTable as TsTableElement, defineCustomElement as defineTsTable } from "@tessera-ui/core/dist/components/ts-table.js";
+import { TsTabs as TsTabsElement, defineCustomElement as defineTsTabs } from "@tessera-ui/core/dist/components/ts-tabs.js";
+import { TsTextarea as TsTextareaElement, defineCustomElement as defineTsTextarea } from "@tessera-ui/core/dist/components/ts-textarea.js";
+import { TsToast as TsToastElement, defineCustomElement as defineTsToast } from "@tessera-ui/core/dist/components/ts-toast.js";
+import { TsToggle as TsToggleElement, defineCustomElement as defineTsToggle } from "@tessera-ui/core/dist/components/ts-toggle.js";
+import { TsToolbar as TsToolbarElement, defineCustomElement as defineTsToolbar } from "@tessera-ui/core/dist/components/ts-toolbar.js";
+import { TsTooltip as TsTooltipElement, defineCustomElement as defineTsTooltip } from "@tessera-ui/core/dist/components/ts-tooltip.js";
+import { TsTreeItem as TsTreeItemElement, defineCustomElement as defineTsTreeItem } from "@tessera-ui/core/dist/components/ts-tree-item.js";
+import { TsTree as TsTreeElement, defineCustomElement as defineTsTree } from "@tessera-ui/core/dist/components/ts-tree.js";
+import React from 'react';
+export const TsAccordion = /*@__PURE__*/ createComponent({
+    tagName: 'ts-accordion',
+    elementClass: TsAccordionElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsAccordion
+});
+export const TsAccordionItem = /*@__PURE__*/ createComponent({
+    tagName: 'ts-accordion-item',
+    elementClass: TsAccordionItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTsToggle: 'tsToggle' },
+    defineCustomElement: defineTsAccordionItem
+});
+export const TsAlert = /*@__PURE__*/ createComponent({
+    tagName: 'ts-alert',
+    elementClass: TsAlertElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTsClose: 'tsClose' },
+    defineCustomElement: defineTsAlert
+});
+export const TsAvatar = /*@__PURE__*/ createComponent({
+    tagName: 'ts-avatar',
+    elementClass: TsAvatarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsAvatar
+});
+export const TsBadge = /*@__PURE__*/ createComponent({
+    tagName: 'ts-badge',
+    elementClass: TsBadgeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsBadge
+});
+export const TsBanner = /*@__PURE__*/ createComponent({
+    tagName: 'ts-banner',
+    elementClass: TsBannerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTsClose: 'tsClose' },
+    defineCustomElement: defineTsBanner
+});
+export const TsBreadcrumb = /*@__PURE__*/ createComponent({
+    tagName: 'ts-breadcrumb',
+    elementClass: TsBreadcrumbElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsBreadcrumb
+});
+export const TsBreadcrumbItem = /*@__PURE__*/ createComponent({
+    tagName: 'ts-breadcrumb-item',
+    elementClass: TsBreadcrumbItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsBreadcrumbItem
+});
+export const TsButton = /*@__PURE__*/ createComponent({
+    tagName: 'ts-button',
+    elementClass: TsButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTsClick: 'tsClick',
+        onTsFocus: 'tsFocus',
+        onTsBlur: 'tsBlur'
+    },
+    defineCustomElement: defineTsButton
+});
+export const TsCard = /*@__PURE__*/ createComponent({
+    tagName: 'ts-card',
+    elementClass: TsCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsCard
+});
+export const TsCheckbox = /*@__PURE__*/ createComponent({
+    tagName: 'ts-checkbox',
+    elementClass: TsCheckboxElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTsChange: 'tsChange' },
+    defineCustomElement: defineTsCheckbox
+});
+export const TsChip = /*@__PURE__*/ createComponent({
+    tagName: 'ts-chip',
+    elementClass: TsChipElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTsRemove: 'tsRemove',
+        onTsClick: 'tsClick'
+    },
+    defineCustomElement: defineTsChip
+});
+export const TsContainer = /*@__PURE__*/ createComponent({
+    tagName: 'ts-container',
+    elementClass: TsContainerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsContainer
+});
+export const TsDatePicker = /*@__PURE__*/ createComponent({
+    tagName: 'ts-date-picker',
+    elementClass: TsDatePickerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTsChange: 'tsChange' },
+    defineCustomElement: defineTsDatePicker
+});
+export const TsDialog = /*@__PURE__*/ createComponent({
+    tagName: 'ts-dialog',
+    elementClass: TsDialogElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTsClose: 'tsClose' },
+    defineCustomElement: defineTsDialog
+});
+export const TsDivider = /*@__PURE__*/ createComponent({
+    tagName: 'ts-divider',
+    elementClass: TsDividerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsDivider
+});
+export const TsDrawer = /*@__PURE__*/ createComponent({
+    tagName: 'ts-drawer',
+    elementClass: TsDrawerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTsClose: 'tsClose' },
+    defineCustomElement: defineTsDrawer
+});
+export const TsEmptyState = /*@__PURE__*/ createComponent({
+    tagName: 'ts-empty-state',
+    elementClass: TsEmptyStateElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsEmptyState
+});
+export const TsFileUpload = /*@__PURE__*/ createComponent({
+    tagName: 'ts-file-upload',
+    elementClass: TsFileUploadElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTsChange: 'tsChange' },
+    defineCustomElement: defineTsFileUpload
+});
+export const TsGrid = /*@__PURE__*/ createComponent({
+    tagName: 'ts-grid',
+    elementClass: TsGridElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsGrid
+});
+export const TsIcon = /*@__PURE__*/ createComponent({
+    tagName: 'ts-icon',
+    elementClass: TsIconElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsIcon
+});
+export const TsInput = /*@__PURE__*/ createComponent({
+    tagName: 'ts-input',
+    elementClass: TsInputElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTsInput: 'tsInput',
+        onTsChange: 'tsChange',
+        onTsFocus: 'tsFocus',
+        onTsBlur: 'tsBlur',
+        onTsValidate: 'tsValidate'
+    },
+    defineCustomElement: defineTsInput
+});
+export const TsMenu = /*@__PURE__*/ createComponent({
+    tagName: 'ts-menu',
+    elementClass: TsMenuElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTsOpen: 'tsOpen',
+        onTsClose: 'tsClose'
+    },
+    defineCustomElement: defineTsMenu
+});
+export const TsMenuItem = /*@__PURE__*/ createComponent({
+    tagName: 'ts-menu-item',
+    elementClass: TsMenuItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTsSelect: 'tsSelect' },
+    defineCustomElement: defineTsMenuItem
+});
+export const TsModal = /*@__PURE__*/ createComponent({
+    tagName: 'ts-modal',
+    elementClass: TsModalElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTsOpen: 'tsOpen',
+        onTsClose: 'tsClose'
+    },
+    defineCustomElement: defineTsModal
+});
+export const TsNav = /*@__PURE__*/ createComponent({
+    tagName: 'ts-nav',
+    elementClass: TsNavElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsNav
+});
+export const TsNavItem = /*@__PURE__*/ createComponent({
+    tagName: 'ts-nav-item',
+    elementClass: TsNavItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTsSelect: 'tsSelect' },
+    defineCustomElement: defineTsNavItem
+});
+export const TsPagination = /*@__PURE__*/ createComponent({
+    tagName: 'ts-pagination',
+    elementClass: TsPaginationElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTsChange: 'tsChange' },
+    defineCustomElement: defineTsPagination
+});
+export const TsPopover = /*@__PURE__*/ createComponent({
+    tagName: 'ts-popover',
+    elementClass: TsPopoverElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTsOpen: 'tsOpen',
+        onTsClose: 'tsClose'
+    },
+    defineCustomElement: defineTsPopover
+});
+export const TsProgress = /*@__PURE__*/ createComponent({
+    tagName: 'ts-progress',
+    elementClass: TsProgressElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsProgress
+});
+export const TsRadio = /*@__PURE__*/ createComponent({
+    tagName: 'ts-radio',
+    elementClass: TsRadioElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTsChange: 'tsChange' },
+    defineCustomElement: defineTsRadio
+});
+export const TsRow = /*@__PURE__*/ createComponent({
+    tagName: 'ts-row',
+    elementClass: TsRowElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsRow
+});
+export const TsSelect = /*@__PURE__*/ createComponent({
+    tagName: 'ts-select',
+    elementClass: TsSelectElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTsChange: 'tsChange',
+        onTsFocus: 'tsFocus',
+        onTsBlur: 'tsBlur'
+    },
+    defineCustomElement: defineTsSelect
+});
+export const TsSkeleton = /*@__PURE__*/ createComponent({
+    tagName: 'ts-skeleton',
+    elementClass: TsSkeletonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsSkeleton
+});
+export const TsSlider = /*@__PURE__*/ createComponent({
+    tagName: 'ts-slider',
+    elementClass: TsSliderElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTsInput: 'tsInput',
+        onTsChange: 'tsChange'
+    },
+    defineCustomElement: defineTsSlider
+});
+export const TsSpacer = /*@__PURE__*/ createComponent({
+    tagName: 'ts-spacer',
+    elementClass: TsSpacerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsSpacer
+});
+export const TsSpinner = /*@__PURE__*/ createComponent({
+    tagName: 'ts-spinner',
+    elementClass: TsSpinnerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsSpinner
+});
+export const TsStack = /*@__PURE__*/ createComponent({
+    tagName: 'ts-stack',
+    elementClass: TsStackElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsStack
+});
+export const TsStep = /*@__PURE__*/ createComponent({
+    tagName: 'ts-step',
+    elementClass: TsStepElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsStep
+});
+export const TsStepper = /*@__PURE__*/ createComponent({
+    tagName: 'ts-stepper',
+    elementClass: TsStepperElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsStepper
+});
+export const TsSwitchGroup = /*@__PURE__*/ createComponent({
+    tagName: 'ts-switch-group',
+    elementClass: TsSwitchGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTsChange: 'tsChange' },
+    defineCustomElement: defineTsSwitchGroup
+});
+export const TsSwitchOption = /*@__PURE__*/ createComponent({
+    tagName: 'ts-switch-option',
+    elementClass: TsSwitchOptionElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsSwitchOption
+});
+export const TsTabPanel = /*@__PURE__*/ createComponent({
+    tagName: 'ts-tab-panel',
+    elementClass: TsTabPanelElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsTabPanel
+});
+export const TsTable = /*@__PURE__*/ createComponent({
+    tagName: 'ts-table',
+    elementClass: TsTableElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsTable
+});
+export const TsTabs = /*@__PURE__*/ createComponent({
+    tagName: 'ts-tabs',
+    elementClass: TsTabsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTsChange: 'tsChange' },
+    defineCustomElement: defineTsTabs
+});
+export const TsTextarea = /*@__PURE__*/ createComponent({
+    tagName: 'ts-textarea',
+    elementClass: TsTextareaElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTsInput: 'tsInput',
+        onTsChange: 'tsChange',
+        onTsFocus: 'tsFocus',
+        onTsBlur: 'tsBlur'
+    },
+    defineCustomElement: defineTsTextarea
+});
+export const TsToast = /*@__PURE__*/ createComponent({
+    tagName: 'ts-toast',
+    elementClass: TsToastElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTsClose: 'tsClose' },
+    defineCustomElement: defineTsToast
+});
+export const TsToggle = /*@__PURE__*/ createComponent({
+    tagName: 'ts-toggle',
+    elementClass: TsToggleElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTsChange: 'tsChange' },
+    defineCustomElement: defineTsToggle
+});
+export const TsToolbar = /*@__PURE__*/ createComponent({
+    tagName: 'ts-toolbar',
+    elementClass: TsToolbarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsToolbar
+});
+export const TsTooltip = /*@__PURE__*/ createComponent({
+    tagName: 'ts-tooltip',
+    elementClass: TsTooltipElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsTooltip
+});
+export const TsTree = /*@__PURE__*/ createComponent({
+    tagName: 'ts-tree',
+    elementClass: TsTreeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTsTree
+});
+export const TsTreeItem = /*@__PURE__*/ createComponent({
+    tagName: 'ts-tree-item',
+    elementClass: TsTreeItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTsToggle: 'tsToggle',
+        onTsSelect: 'tsSelect'
+    },
+    defineCustomElement: defineTsTreeItem
+});

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@tessera-ui/react",
+  "version": "0.4.0",
+  "description": "React wrappers for Tessera UI web components",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist/"
+  ],
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0",
+    "@tessera-ui/core": "0.4.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.0",
+    "react": "^18.3.0",
+    "typescript": "^5.6.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jkguidaven/tessera-ui",
+    "directory": "packages/react"
+  },
+  "license": "MIT",
+  "scripts": {
+    "build": "tsc -p tsconfig.json"
+  }
+}