@desynth/web-components-react 1.28.26-alpha.1 → 13.9.26-alpha.1

package/dist/components.js

@@ -1,34 +1,88 @@
 'use client';
 import { DesynthAccordion as DesynthAccordionElement, defineCustomElement as defineDesynthAccordion } from "@desynth/web-components/dist/desynth-accordion.js";
+import { DesynthActions as DesynthActionsElement, defineCustomElement as defineDesynthActions } from "@desynth/web-components/dist/desynth-actions.js";
+import { DesynthAgentChat as DesynthAgentChatElement, defineCustomElement as defineDesynthAgentChat } from "@desynth/web-components/dist/desynth-agent-chat.js";
 import { DesynthAlert as DesynthAlertElement, defineCustomElement as defineDesynthAlert } from "@desynth/web-components/dist/desynth-alert.js";
+import { DesynthAreaBlock as DesynthAreaBlockElement, defineCustomElement as defineDesynthAreaBlock } from "@desynth/web-components/dist/desynth-area-block.js";
+import { DesynthBarChart as DesynthBarChartElement, defineCustomElement as defineDesynthBarChart } from "@desynth/web-components/dist/desynth-bar-chart.js";
+import { DesynthBookCard as DesynthBookCardElement, defineCustomElement as defineDesynthBookCard } from "@desynth/web-components/dist/desynth-book-card.js";
+import { DesynthBottomNav as DesynthBottomNavElement, defineCustomElement as defineDesynthBottomNav } from "@desynth/web-components/dist/desynth-bottom-nav.js";
 import { DesynthBreadcrumb as DesynthBreadcrumbElement, defineCustomElement as defineDesynthBreadcrumb } from "@desynth/web-components/dist/desynth-breadcrumb.js";
 import { DesynthButtonSlider as DesynthButtonSliderElement, defineCustomElement as defineDesynthButtonSlider } from "@desynth/web-components/dist/desynth-button-slider.js";
 import { DesynthButton as DesynthButtonElement, defineCustomElement as defineDesynthButton } from "@desynth/web-components/dist/desynth-button.js";
+import { DesynthCalendar as DesynthCalendarElement, defineCustomElement as defineDesynthCalendar } from "@desynth/web-components/dist/desynth-calendar.js";
+import { DesynthCallout as DesynthCalloutElement, defineCustomElement as defineDesynthCallout } from "@desynth/web-components/dist/desynth-callout.js";
+import { DesynthCardGrid as DesynthCardGridElement, defineCustomElement as defineDesynthCardGrid } from "@desynth/web-components/dist/desynth-card-grid.js";
 import { DesynthCard as DesynthCardElement, defineCustomElement as defineDesynthCard } from "@desynth/web-components/dist/desynth-card.js";
+import { DesynthCenter as DesynthCenterElement, defineCustomElement as defineDesynthCenter } from "@desynth/web-components/dist/desynth-center.js";
+import { DesynthChat as DesynthChatElement, defineCustomElement as defineDesynthChat } from "@desynth/web-components/dist/desynth-chat.js";
+import { DesynthCheckList as DesynthCheckListElement, defineCustomElement as defineDesynthCheckList } from "@desynth/web-components/dist/desynth-check-list.js";
 import { DesynthCheckbox as DesynthCheckboxElement, defineCustomElement as defineDesynthCheckbox } from "@desynth/web-components/dist/desynth-checkbox.js";
+import { DesynthCheckout as DesynthCheckoutElement, defineCustomElement as defineDesynthCheckout } from "@desynth/web-components/dist/desynth-checkout.js";
+import { DesynthChipSelect as DesynthChipSelectElement, defineCustomElement as defineDesynthChipSelect } from "@desynth/web-components/dist/desynth-chip-select.js";
+import { DesynthCtaBlock as DesynthCtaBlockElement, defineCustomElement as defineDesynthCtaBlock } from "@desynth/web-components/dist/desynth-cta-block.js";
+import { DesynthDataTable as DesynthDataTableElement, defineCustomElement as defineDesynthDataTable } from "@desynth/web-components/dist/desynth-data-table.js";
 import { DesynthDatePicker as DesynthDatePickerElement, defineCustomElement as defineDesynthDatePicker } from "@desynth/web-components/dist/desynth-date-picker.js";
+import { DesynthDeepSection as DesynthDeepSectionElement, defineCustomElement as defineDesynthDeepSection } from "@desynth/web-components/dist/desynth-deep-section.js";
 import { DesynthDivider as DesynthDividerElement, defineCustomElement as defineDesynthDivider } from "@desynth/web-components/dist/desynth-divider.js";
+import { DesynthDonutChart as DesynthDonutChartElement, defineCustomElement as defineDesynthDonutChart } from "@desynth/web-components/dist/desynth-donut-chart.js";
 import { DesynthDrawer as DesynthDrawerElement, defineCustomElement as defineDesynthDrawer } from "@desynth/web-components/dist/desynth-drawer.js";
 import { DesynthDropFile as DesynthDropFileElement, defineCustomElement as defineDesynthDropFile } from "@desynth/web-components/dist/desynth-drop-file.js";
 import { DesynthDropdown as DesynthDropdownElement, defineCustomElement as defineDesynthDropdown } from "@desynth/web-components/dist/desynth-dropdown.js";
+import { DesynthEmpty as DesynthEmptyElement, defineCustomElement as defineDesynthEmpty } from "@desynth/web-components/dist/desynth-empty.js";
+import { DesynthFeatureCard as DesynthFeatureCardElement, defineCustomElement as defineDesynthFeatureCard } from "@desynth/web-components/dist/desynth-feature-card.js";
+import { DesynthFeed as DesynthFeedElement, defineCustomElement as defineDesynthFeed } from "@desynth/web-components/dist/desynth-feed.js";
+import { DesynthFilterCard as DesynthFilterCardElement, defineCustomElement as defineDesynthFilterCard } from "@desynth/web-components/dist/desynth-filter-card.js";
 import { DesynthForm as DesynthFormElement, defineCustomElement as defineDesynthForm } from "@desynth/web-components/dist/desynth-form.js";
+import { DesynthGalleryCard as DesynthGalleryCardElement, defineCustomElement as defineDesynthGalleryCard } from "@desynth/web-components/dist/desynth-gallery-card.js";
 import { DesynthGrid as DesynthGridElement, defineCustomElement as defineDesynthGrid } from "@desynth/web-components/dist/desynth-grid.js";
+import { DesynthHbarChart as DesynthHbarChartElement, defineCustomElement as defineDesynthHbarChart } from "@desynth/web-components/dist/desynth-hbar-chart.js";
 import { DesynthHeader as DesynthHeaderElement, defineCustomElement as defineDesynthHeader } from "@desynth/web-components/dist/desynth-header.js";
+import { DesynthHeroPanel as DesynthHeroPanelElement, defineCustomElement as defineDesynthHeroPanel } from "@desynth/web-components/dist/desynth-hero-panel.js";
+import { DesynthInboxItem as DesynthInboxItemElement, defineCustomElement as defineDesynthInboxItem } from "@desynth/web-components/dist/desynth-inbox-item.js";
+import { DesynthInbox as DesynthInboxElement, defineCustomElement as defineDesynthInbox } from "@desynth/web-components/dist/desynth-inbox.js";
+import { DesynthInfoCard as DesynthInfoCardElement, defineCustomElement as defineDesynthInfoCard } from "@desynth/web-components/dist/desynth-info-card.js";
+import { DesynthIntegCard as DesynthIntegCardElement, defineCustomElement as defineDesynthIntegCard } from "@desynth/web-components/dist/desynth-integ-card.js";
+import { DesynthKanban as DesynthKanbanElement, defineCustomElement as defineDesynthKanban } from "@desynth/web-components/dist/desynth-kanban.js";
+import { DesynthKpiCard as DesynthKpiCardElement, defineCustomElement as defineDesynthKpiCard } from "@desynth/web-components/dist/desynth-kpi-card.js";
+import { DesynthKv as DesynthKvElement, defineCustomElement as defineDesynthKv } from "@desynth/web-components/dist/desynth-kv.js";
 import { DesynthList as DesynthListElement, defineCustomElement as defineDesynthList } from "@desynth/web-components/dist/desynth-list.js";
+import { DesynthListingCard as DesynthListingCardElement, defineCustomElement as defineDesynthListingCard } from "@desynth/web-components/dist/desynth-listing-card.js";
 import { DesynthLoader as DesynthLoaderElement, defineCustomElement as defineDesynthLoader } from "@desynth/web-components/dist/desynth-loader.js";
+import { DesynthMaterialList as DesynthMaterialListElement, defineCustomElement as defineDesynthMaterialList } from "@desynth/web-components/dist/desynth-material-list.js";
 import { DesynthModal as DesynthModalElement, defineCustomElement as defineDesynthModal } from "@desynth/web-components/dist/desynth-modal.js";
 import { DesynthMultiStepper as DesynthMultiStepperElement, defineCustomElement as defineDesynthMultiStepper } from "@desynth/web-components/dist/desynth-multi-stepper.js";
+import { DesynthNav as DesynthNavElement, defineCustomElement as defineDesynthNav } from "@desynth/web-components/dist/desynth-nav.js";
+import { DesynthPage as DesynthPageElement, defineCustomElement as defineDesynthPage } from "@desynth/web-components/dist/desynth-page.js";
+import { DesynthPanel as DesynthPanelElement, defineCustomElement as defineDesynthPanel } from "@desynth/web-components/dist/desynth-panel.js";
 import { DesynthPaper as DesynthPaperElement, defineCustomElement as defineDesynthPaper } from "@desynth/web-components/dist/desynth-paper.js";
+import { DesynthParagraph as DesynthParagraphElement, defineCustomElement as defineDesynthParagraph } from "@desynth/web-components/dist/desynth-paragraph.js";
+import { DesynthPickerList as DesynthPickerListElement, defineCustomElement as defineDesynthPickerList } from "@desynth/web-components/dist/desynth-picker-list.js";
 import { DesynthRating as DesynthRatingElement, defineCustomElement as defineDesynthRating } from "@desynth/web-components/dist/desynth-rating.js";
+import { DesynthReader as DesynthReaderElement, defineCustomElement as defineDesynthReader } from "@desynth/web-components/dist/desynth-reader.js";
 import { DesynthRenderer as DesynthRendererElement, defineCustomElement as defineDesynthRenderer } from "@desynth/web-components/dist/desynth-renderer.js";
+import { DesynthScreen as DesynthScreenElement, defineCustomElement as defineDesynthScreen } from "@desynth/web-components/dist/desynth-screen.js";
+import { DesynthSectionHead as DesynthSectionHeadElement, defineCustomElement as defineDesynthSectionHead } from "@desynth/web-components/dist/desynth-section-head.js";
+import { DesynthSectionHero as DesynthSectionHeroElement, defineCustomElement as defineDesynthSectionHero } from "@desynth/web-components/dist/desynth-section-hero.js";
 import { DesynthSelect as DesynthSelectElement, defineCustomElement as defineDesynthSelect } from "@desynth/web-components/dist/desynth-select.js";
+import { DesynthShell as DesynthShellElement, defineCustomElement as defineDesynthShell } from "@desynth/web-components/dist/desynth-shell.js";
+import { DesynthSidebar as DesynthSidebarElement, defineCustomElement as defineDesynthSidebar } from "@desynth/web-components/dist/desynth-sidebar.js";
+import { DesynthSiteFooter as DesynthSiteFooterElement, defineCustomElement as defineDesynthSiteFooter } from "@desynth/web-components/dist/desynth-site-footer.js";
+import { DesynthStatGrid as DesynthStatGridElement, defineCustomElement as defineDesynthStatGrid } from "@desynth/web-components/dist/desynth-stat-grid.js";
+import { DesynthStats as DesynthStatsElement, defineCustomElement as defineDesynthStats } from "@desynth/web-components/dist/desynth-stats.js";
+import { DesynthStatusPill as DesynthStatusPillElement, defineCustomElement as defineDesynthStatusPill } from "@desynth/web-components/dist/desynth-status-pill.js";
 import { DesynthStepStepper as DesynthStepStepperElement, defineCustomElement as defineDesynthStepStepper } from "@desynth/web-components/dist/desynth-step-stepper.js";
 import { DesynthSwitch as DesynthSwitchElement, defineCustomElement as defineDesynthSwitch } from "@desynth/web-components/dist/desynth-switch.js";
 import { DesynthTable as DesynthTableElement, defineCustomElement as defineDesynthTable } from "@desynth/web-components/dist/desynth-table.js";
+import { DesynthTabs as DesynthTabsElement, defineCustomElement as defineDesynthTabs } from "@desynth/web-components/dist/desynth-tabs.js";
+import { DesynthTechGrid as DesynthTechGridElement, defineCustomElement as defineDesynthTechGrid } from "@desynth/web-components/dist/desynth-tech-grid.js";
 import { DesynthTextArea as DesynthTextAreaElement, defineCustomElement as defineDesynthTextArea } from "@desynth/web-components/dist/desynth-text-area.js";
 import { DesynthTextInput as DesynthTextInputElement, defineCustomElement as defineDesynthTextInput } from "@desynth/web-components/dist/desynth-text-input.js";
 import { DesynthText as DesynthTextElement, defineCustomElement as defineDesynthText } from "@desynth/web-components/dist/desynth-text.js";
+import { DesynthThumbPicker as DesynthThumbPickerElement, defineCustomElement as defineDesynthThumbPicker } from "@desynth/web-components/dist/desynth-thumb-picker.js";
 import { DesynthTooltip as DesynthTooltipElement, defineCustomElement as defineDesynthTooltip } from "@desynth/web-components/dist/desynth-tooltip.js";
+import { DesynthUpload as DesynthUploadElement, defineCustomElement as defineDesynthUpload } from "@desynth/web-components/dist/desynth-upload.js";
+import { DesynthVoiceInput as DesynthVoiceInputElement, defineCustomElement as defineDesynthVoiceInput } from "@desynth/web-components/dist/desynth-voice-input.js";
 import { HorizontalCards as HorizontalCardsElement, defineCustomElement as defineHorizontalCards } from "@desynth/web-components/dist/horizontal-cards.js";
 import { HtmlEditor as HtmlEditorElement, defineCustomElement as defineHtmlEditor } from "@desynth/web-components/dist/html-editor.js";
 import { createComponent } from '@stencil/react-output-target/runtime';
@@ -41,6 +95,32 @@ export const DesynthAccordion = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineDesynthAccordion
 });
+export const DesynthActions = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-actions',
+    elementClass: DesynthActionsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthActions
+});
+export const DesynthAgentChat = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-agent-chat',
+    elementClass: DesynthAgentChatElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onHandleInput: 'handleInput',
+        onHandleSend: 'handleSend',
+        onHandleEnter: 'handleEnter',
+        onHandleSuggestion: 'handleSuggestion',
+        onHandleToggleGallery: 'handleToggleGallery',
+        onHandleCloseGallery: 'handleCloseGallery',
+        onHandlePickGallery: 'handlePickGallery',
+        onHandleRemoveAttachment: 'handleRemoveAttachment',
+        onHandleToggleMode: 'handleToggleMode'
+    },
+    defineCustomElement: defineDesynthAgentChat
+});
 export const DesynthAlert = /*@__PURE__*/ createComponent({
     tagName: 'desynth-alert',
     elementClass: DesynthAlertElement,
@@ -53,15 +133,46 @@ export const DesynthAlert = /*@__PURE__*/ createComponent({
     },
     defineCustomElement: defineDesynthAlert
 });
+export const DesynthAreaBlock = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-area-block',
+    elementClass: DesynthAreaBlockElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthAreaBlock
+});
+export const DesynthBarChart = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-bar-chart',
+    elementClass: DesynthBarChartElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthBarChart
+});
+export const DesynthBookCard = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-book-card',
+    elementClass: DesynthBookCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthBookCard
+});
+export const DesynthBottomNav = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-bottom-nav',
+    elementClass: DesynthBottomNavElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onHandleNavigate: 'handleNavigate' },
+    defineCustomElement: defineDesynthBottomNav
+});
 export const DesynthBreadcrumb = /*@__PURE__*/ createComponent({
     tagName: 'desynth-breadcrumb',
     elementClass: DesynthBreadcrumbElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {
-        onHandleInput: 'handleInput',
-        onHandleFocus: 'handleFocus',
-        onHandleBlur: 'handleBlur'
+        onHandleNavigate: 'handleNavigate',
+        onHandleBack: 'handleBack'
     },
     defineCustomElement: defineDesynthBreadcrumb
 });
@@ -85,6 +196,26 @@ export const DesynthButtonSlider = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineDesynthButtonSlider
 });
+export const DesynthCalendar = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-calendar',
+    elementClass: DesynthCalendarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onHandleDrop: 'handleDrop',
+        onHandleEdit: 'handleEdit',
+        onHandleRemove: 'handleRemove'
+    },
+    defineCustomElement: defineDesynthCalendar
+});
+export const DesynthCallout = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-callout',
+    elementClass: DesynthCalloutElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthCallout
+});
 export const DesynthCard = /*@__PURE__*/ createComponent({
     tagName: 'desynth-card',
     elementClass: DesynthCardElement,
@@ -93,6 +224,46 @@ export const DesynthCard = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineDesynthCard
 });
+export const DesynthCardGrid = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-card-grid',
+    elementClass: DesynthCardGridElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthCardGrid
+});
+export const DesynthCenter = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-center',
+    elementClass: DesynthCenterElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthCenter
+});
+export const DesynthChat = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-chat',
+    elementClass: DesynthChatElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onHandleStatus: 'handleStatus',
+        onHandleReply: 'handleReply',
+        onHandleSend: 'handleSend',
+        onHandleEnter: 'handleEnter'
+    },
+    defineCustomElement: defineDesynthChat
+});
+export const DesynthCheckList = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-check-list',
+    elementClass: DesynthCheckListElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onHandleToggle: 'handleToggle',
+        onHandleItemSelect: 'handleItemSelect'
+    },
+    defineCustomElement: defineDesynthCheckList
+});
 export const DesynthCheckbox = /*@__PURE__*/ createComponent({
     tagName: 'desynth-checkbox',
     elementClass: DesynthCheckboxElement,
@@ -101,6 +272,44 @@ export const DesynthCheckbox = /*@__PURE__*/ createComponent({
     events: { onHandleClick: 'handleClick' },
     defineCustomElement: defineDesynthCheckbox
 });
+export const DesynthCheckout = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-checkout',
+    elementClass: DesynthCheckoutElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onHandleClose: 'handleClose',
+        onHandleCopy: 'handleCopy',
+        onHandleOpen: 'handleOpen',
+        onHandleReconcile: 'handleReconcile',
+        onHandleReset: 'handleReset'
+    },
+    defineCustomElement: defineDesynthCheckout
+});
+export const DesynthChipSelect = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-chip-select',
+    elementClass: DesynthChipSelectElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onHandleChange: 'handleChange' },
+    defineCustomElement: defineDesynthChipSelect
+});
+export const DesynthCtaBlock = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-cta-block',
+    elementClass: DesynthCtaBlockElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthCtaBlock
+});
+export const DesynthDataTable = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-data-table',
+    elementClass: DesynthDataTableElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onHandleAction: 'handleAction' },
+    defineCustomElement: defineDesynthDataTable
+});
 export const DesynthDatePicker = /*@__PURE__*/ createComponent({
     tagName: 'desynth-date-picker',
     elementClass: DesynthDatePickerElement,
@@ -109,6 +318,14 @@ export const DesynthDatePicker = /*@__PURE__*/ createComponent({
     events: { onDateChanged: 'dateChanged' },
     defineCustomElement: defineDesynthDatePicker
 });
+export const DesynthDeepSection = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-deep-section',
+    elementClass: DesynthDeepSectionElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthDeepSection
+});
 export const DesynthDivider = /*@__PURE__*/ createComponent({
     tagName: 'desynth-divider',
     elementClass: DesynthDividerElement,
@@ -117,6 +334,14 @@ export const DesynthDivider = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineDesynthDivider
 });
+export const DesynthDonutChart = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-donut-chart',
+    elementClass: DesynthDonutChartElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthDonutChart
+});
 export const DesynthDrawer = /*@__PURE__*/ createComponent({
     tagName: 'desynth-drawer',
     elementClass: DesynthDrawerElement,
@@ -145,6 +370,41 @@ export const DesynthDropdown = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineDesynthDropdown
 });
+export const DesynthEmpty = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-empty',
+    elementClass: DesynthEmptyElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthEmpty
+});
+export const DesynthFeatureCard = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-feature-card',
+    elementClass: DesynthFeatureCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthFeatureCard
+});
+export const DesynthFeed = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-feed',
+    elementClass: DesynthFeedElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthFeed
+});
+export const DesynthFilterCard = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-filter-card',
+    elementClass: DesynthFilterCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onHandleApply: 'handleApply',
+        onHandleClear: 'handleClear'
+    },
+    defineCustomElement: defineDesynthFilterCard
+});
 export const DesynthForm = /*@__PURE__*/ createComponent({
     tagName: 'desynth-form',
     elementClass: DesynthFormElement,
@@ -157,6 +417,14 @@ export const DesynthForm = /*@__PURE__*/ createComponent({
     },
     defineCustomElement: defineDesynthForm
 });
+export const DesynthGalleryCard = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-gallery-card',
+    elementClass: DesynthGalleryCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthGalleryCard
+});
 export const DesynthGrid = /*@__PURE__*/ createComponent({
     tagName: 'desynth-grid',
     elementClass: DesynthGridElement,
@@ -165,6 +433,14 @@ export const DesynthGrid = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineDesynthGrid
 });
+export const DesynthHbarChart = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-hbar-chart',
+    elementClass: DesynthHbarChartElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthHbarChart
+});
 export const DesynthHeader = /*@__PURE__*/ createComponent({
     tagName: 'desynth-header',
     elementClass: DesynthHeaderElement,
@@ -173,6 +449,70 @@ export const DesynthHeader = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineDesynthHeader
 });
+export const DesynthHeroPanel = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-hero-panel',
+    elementClass: DesynthHeroPanelElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthHeroPanel
+});
+export const DesynthInbox = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-inbox',
+    elementClass: DesynthInboxElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onHandleBack: 'handleBack' },
+    defineCustomElement: defineDesynthInbox
+});
+export const DesynthInboxItem = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-inbox-item',
+    elementClass: DesynthInboxItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onHandleClick: 'handleClick' },
+    defineCustomElement: defineDesynthInboxItem
+});
+export const DesynthInfoCard = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-info-card',
+    elementClass: DesynthInfoCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthInfoCard
+});
+export const DesynthIntegCard = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-integ-card',
+    elementClass: DesynthIntegCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthIntegCard
+});
+export const DesynthKanban = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-kanban',
+    elementClass: DesynthKanbanElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onHandleDrop: 'handleDrop' },
+    defineCustomElement: defineDesynthKanban
+});
+export const DesynthKpiCard = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-kpi-card',
+    elementClass: DesynthKpiCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthKpiCard
+});
+export const DesynthKv = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-kv',
+    elementClass: DesynthKvElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthKv
+});
 export const DesynthList = /*@__PURE__*/ createComponent({
     tagName: 'desynth-list',
     elementClass: DesynthListElement,
@@ -181,6 +521,14 @@ export const DesynthList = /*@__PURE__*/ createComponent({
     events: { onItemClicked: 'itemClicked' },
     defineCustomElement: defineDesynthList
 });
+export const DesynthListingCard = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-listing-card',
+    elementClass: DesynthListingCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthListingCard
+});
 export const DesynthLoader = /*@__PURE__*/ createComponent({
     tagName: 'desynth-loader',
     elementClass: DesynthLoaderElement,
@@ -189,6 +537,18 @@ export const DesynthLoader = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineDesynthLoader
 });
+export const DesynthMaterialList = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-material-list',
+    elementClass: DesynthMaterialListElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onHandleAdd: 'handleAdd',
+        onHandleQty: 'handleQty',
+        onHandleRemove: 'handleRemove'
+    },
+    defineCustomElement: defineDesynthMaterialList
+});
 export const DesynthModal = /*@__PURE__*/ createComponent({
     tagName: 'desynth-modal',
     elementClass: DesynthModalElement,
@@ -209,6 +569,30 @@ export const DesynthMultiStepper = /*@__PURE__*/ createComponent({
     events: { onHandleSubmit: 'handleSubmit' },
     defineCustomElement: defineDesynthMultiStepper
 });
+export const DesynthNav = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-nav',
+    elementClass: DesynthNavElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onHandleClick: 'handleClick' },
+    defineCustomElement: defineDesynthNav
+});
+export const DesynthPage = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-page',
+    elementClass: DesynthPageElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthPage
+});
+export const DesynthPanel = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-panel',
+    elementClass: DesynthPanelElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthPanel
+});
 export const DesynthPaper = /*@__PURE__*/ createComponent({
     tagName: 'desynth-paper',
     elementClass: DesynthPaperElement,
@@ -217,6 +601,28 @@ export const DesynthPaper = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineDesynthPaper
 });
+export const DesynthParagraph = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-paragraph',
+    elementClass: DesynthParagraphElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onHandleEdit: 'handleEdit',
+        onHandleDelete: 'handleDelete',
+        onHandleRemoveImage: 'handleRemoveImage',
+        onHandleAddImage: 'handleAddImage',
+        onHandleLinkGallery: 'handleLinkGallery'
+    },
+    defineCustomElement: defineDesynthParagraph
+});
+export const DesynthPickerList = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-picker-list',
+    elementClass: DesynthPickerListElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onHandleToggle: 'handleToggle' },
+    defineCustomElement: defineDesynthPickerList
+});
 export const DesynthRating = /*@__PURE__*/ createComponent({
     tagName: 'desynth-rating',
     elementClass: DesynthRatingElement,
@@ -225,6 +631,14 @@ export const DesynthRating = /*@__PURE__*/ createComponent({
     events: { onHandleChange: 'handleChange' },
     defineCustomElement: defineDesynthRating
 });
+export const DesynthReader = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-reader',
+    elementClass: DesynthReaderElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onHandleClose: 'handleClose' },
+    defineCustomElement: defineDesynthReader
+});
 export const DesynthRenderer = /*@__PURE__*/ createComponent({
     tagName: 'desynth-renderer',
     elementClass: DesynthRendererElement,
@@ -233,6 +647,30 @@ export const DesynthRenderer = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineDesynthRenderer
 });
+export const DesynthScreen = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-screen',
+    elementClass: DesynthScreenElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthScreen
+});
+export const DesynthSectionHead = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-section-head',
+    elementClass: DesynthSectionHeadElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthSectionHead
+});
+export const DesynthSectionHero = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-section-hero',
+    elementClass: DesynthSectionHeroElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthSectionHero
+});
 export const DesynthSelect = /*@__PURE__*/ createComponent({
     tagName: 'desynth-select',
     elementClass: DesynthSelectElement,
@@ -245,6 +683,60 @@ export const DesynthSelect = /*@__PURE__*/ createComponent({
     },
     defineCustomElement: defineDesynthSelect
 });
+export const DesynthShell = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-shell',
+    elementClass: DesynthShellElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onHandleToggle: 'handleToggle',
+        onHandleNavigate: 'handleNavigate'
+    },
+    defineCustomElement: defineDesynthShell
+});
+export const DesynthSidebar = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-sidebar',
+    elementClass: DesynthSidebarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onHandleNavigate: 'handleNavigate',
+        onHandleToggle: 'handleToggle'
+    },
+    defineCustomElement: defineDesynthSidebar
+});
+export const DesynthSiteFooter = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-site-footer',
+    elementClass: DesynthSiteFooterElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthSiteFooter
+});
+export const DesynthStatGrid = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-stat-grid',
+    elementClass: DesynthStatGridElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthStatGrid
+});
+export const DesynthStats = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-stats',
+    elementClass: DesynthStatsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthStats
+});
+export const DesynthStatusPill = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-status-pill',
+    elementClass: DesynthStatusPillElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthStatusPill
+});
 export const DesynthStepStepper = /*@__PURE__*/ createComponent({
     tagName: 'desynth-step-stepper',
     elementClass: DesynthStepStepperElement,
@@ -279,6 +771,22 @@ export const DesynthTable = /*@__PURE__*/ createComponent({
     },
     defineCustomElement: defineDesynthTable
 });
+export const DesynthTabs = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-tabs',
+    elementClass: DesynthTabsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onHandleChange: 'handleChange' },
+    defineCustomElement: defineDesynthTabs
+});
+export const DesynthTechGrid = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-tech-grid',
+    elementClass: DesynthTechGridElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDesynthTechGrid
+});
 export const DesynthText = /*@__PURE__*/ createComponent({
     tagName: 'desynth-text',
     elementClass: DesynthTextElement,
@@ -313,6 +821,17 @@ export const DesynthTextInput = /*@__PURE__*/ createComponent({
     },
     defineCustomElement: defineDesynthTextInput
 });
+export const DesynthThumbPicker = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-thumb-picker',
+    elementClass: DesynthThumbPickerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onHandleSelect: 'handleSelect',
+        onHandleToggle: 'handleToggle'
+    },
+    defineCustomElement: defineDesynthThumbPicker
+});
 export const DesynthTooltip = /*@__PURE__*/ createComponent({
     tagName: 'desynth-tooltip',
     elementClass: DesynthTooltipElement,
@@ -321,6 +840,25 @@ export const DesynthTooltip = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineDesynthTooltip
 });
+export const DesynthUpload = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-upload',
+    elementClass: DesynthUploadElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onHandleFile: 'handleFile' },
+    defineCustomElement: defineDesynthUpload
+});
+export const DesynthVoiceInput = /*@__PURE__*/ createComponent({
+    tagName: 'desynth-voice-input',
+    elementClass: DesynthVoiceInputElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onHandleToggle: 'handleToggle',
+        onHandleToggleLock: 'handleToggleLock'
+    },
+    defineCustomElement: defineDesynthVoiceInput
+});
 export const HorizontalCards = /*@__PURE__*/ createComponent({
     tagName: 'horizontal-cards',
     elementClass: HorizontalCardsElement,