cindor-ui-react 0.1.0

package/dist/index.js

@@ -0,0 +1,913 @@
+// src/index.tsx
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import {
+  CindorButton as CindorButtonElement,
+  CindorButtonGroup as CindorButtonGroupElement,
+  CindorChip as CindorChipElement,
+  CindorTag as CindorTagElement,
+  CindorIconButton as CindorIconButtonElement,
+  CindorCard as CindorCardElement,
+  CindorCalendar as CindorCalendarElement,
+  CindorBadge as CindorBadgeElement,
+  CindorDivider as CindorDividerElement,
+  CindorProvider as CindorProviderElement,
+  CindorSpinner as CindorSpinnerElement,
+  CindorAlert as CindorAlertElement,
+  CindorActivityFeed as CindorActivityFeedElement,
+  CindorActivityItem as CindorActivityItemElement,
+  CindorAutocomplete as CindorAutocompleteElement,
+  CindorAvatar as CindorAvatarElement,
+  CindorProgress as CindorProgressElement,
+  CindorMeter as CindorMeterElement,
+  CindorBreadcrumbs as CindorBreadcrumbsElement,
+  CindorSkeleton as CindorSkeletonElement,
+  CindorStepper as CindorStepperElement,
+  CindorLink as CindorLinkElement,
+  CindorFieldset as CindorFieldsetElement,
+  CindorForm as CindorFormElement,
+  CindorFormField as CindorFormFieldElement,
+  CindorFormRow as CindorFormRowElement,
+  CindorHelperText as CindorHelperTextElement,
+  CindorErrorText as CindorErrorTextElement,
+  CindorRange as CindorRangeElement,
+  CindorFileInput as CindorFileInputElement,
+  CindorFilterBuilder as CindorFilterBuilderElement,
+  CindorPagination as CindorPaginationElement,
+  CindorPageHeader as CindorPageHeaderElement,
+  CindorPanelInspector as CindorPanelInspectorElement,
+  CindorDataTable as CindorDataTableElement,
+  CindorEmptyState as CindorEmptyStateElement,
+  CindorEmptySearchResults as CindorEmptySearchResultsElement,
+  CindorIcon as CindorIconElement,
+  CindorCodeBlock as CindorCodeBlockElement,
+  CindorCommandBar as CindorCommandBarElement,
+  CindorCommandPalette as CindorCommandPaletteElement,
+  CindorContextMenu as CindorContextMenuElement,
+  CindorDatePicker as CindorDatePickerElement,
+  CindorDateRangePicker as CindorDateRangePickerElement,
+  CindorDateTimePicker as CindorDateTimePickerElement,
+  CindorListbox as CindorListboxElement,
+  CindorDescriptionItem as CindorDescriptionItemElement,
+  CindorDescriptionList as CindorDescriptionListElement,
+  CindorMenu as CindorMenuElement,
+  CindorMenuItem as CindorMenuItemElement,
+  CindorMultiSelect as CindorMultiSelectElement,
+  CindorTagInput as CindorTagInputElement,
+  CindorNumberInput as CindorNumberInputElement,
+  CindorSearch as CindorSearchElement,
+  CindorSplitter as CindorSplitterElement,
+  CindorSplitterPanel as CindorSplitterPanelElement,
+  CindorSegmentedControl as CindorSegmentedControlElement,
+  CindorCombobox as CindorComboboxElement,
+  CindorDateInput as CindorDateInputElement,
+  CindorTimeInput as CindorTimeInputElement,
+  CindorRatingInput as CindorRatingInputElement,
+  CindorToast as CindorToastElement,
+  CindorToastRegion as CindorToastRegionElement,
+  CindorTooltip as CindorTooltipElement,
+  CindorToolbar as CindorToolbarElement,
+  CindorPopover as CindorPopoverElement,
+  CindorDropdownMenu as CindorDropdownMenuElement,
+  CindorDropzone as CindorDropzoneElement,
+  CindorDrawer as CindorDrawerElement,
+  CindorInput as CindorInputElement,
+  CindorInlineEdit as CindorInlineEditElement,
+  CindorLayout as CindorLayoutElement,
+  CindorLayoutContent as CindorLayoutContentElement,
+  CindorLayoutHeader as CindorLayoutHeaderElement,
+  CindorEmailInput as CindorEmailInputElement,
+  CindorPasswordInput as CindorPasswordInputElement,
+  CindorOption as CindorOptionElement,
+  CindorMenubar as CindorMenubarElement,
+  CindorNavigationRail as CindorNavigationRailElement,
+  CindorNavigationRailItem as CindorNavigationRailItemElement,
+  CindorTelInput as CindorTelInputElement,
+  CindorUrlInput as CindorUrlInputElement,
+  CindorColorInput as CindorColorInputElement,
+  CindorCheckbox as CindorCheckboxElement,
+  CindorSelect as CindorSelectElement,
+  CindorStack as CindorStackElement,
+  CindorRadio as CindorRadioElement,
+  CindorDialog as CindorDialogElement,
+  CindorTextarea as CindorTextareaElement,
+  CindorSwitch as CindorSwitchElement,
+  CindorTabPanel as CindorTabPanelElement,
+  CindorTabs as CindorTabsElement,
+  CindorAccordion as CindorAccordionElement,
+  CindorTreeItem as CindorTreeItemElement,
+  CindorTreeView as CindorTreeViewElement,
+  CindorStatCard as CindorStatCardElement,
+  CindorTimeline as CindorTimelineElement,
+  CindorTimelineItem as CindorTimelineItemElement,
+  CindorTransferList as CindorTransferListElement,
+  CindorSideNav as CindorSideNavElement,
+  CindorSideNavItem as CindorSideNavItemElement
+} from "cindor-ui-core";
+import { clearToasts, dismissToast, ensureToastRegion, showToast } from "cindor-ui-core";
+import "cindor-ui-core/register";
+var CindorButton = createComponent({
+  react: React,
+  tagName: "cindor-button",
+  elementClass: CindorButtonElement
+});
+var CindorButtonGroup = createComponent({
+  react: React,
+  tagName: "cindor-button-group",
+  elementClass: CindorButtonGroupElement
+});
+var CindorChip = createComponent({
+  react: React,
+  tagName: "cindor-chip",
+  elementClass: CindorChipElement
+});
+var CindorTag = createComponent({
+  react: React,
+  tagName: "cindor-tag",
+  elementClass: CindorTagElement,
+  events: {
+    onRemove: "remove"
+  }
+});
+var CindorIconButton = createComponent({
+  react: React,
+  tagName: "cindor-icon-button",
+  elementClass: CindorIconButtonElement
+});
+var CindorCard = createComponent({
+  react: React,
+  tagName: "cindor-card",
+  elementClass: CindorCardElement
+});
+var CindorCalendar = createComponent({
+  react: React,
+  tagName: "cindor-calendar",
+  elementClass: CindorCalendarElement,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
+});
+var CindorBadge = createComponent({
+  react: React,
+  tagName: "cindor-badge",
+  elementClass: CindorBadgeElement
+});
+var CindorDivider = createComponent({
+  react: React,
+  tagName: "cindor-divider",
+  elementClass: CindorDividerElement
+});
+var CindorProvider = createComponent({
+  react: React,
+  tagName: "cindor-provider",
+  elementClass: CindorProviderElement
+});
+var CindorSpinner = createComponent({
+  react: React,
+  tagName: "cindor-spinner",
+  elementClass: CindorSpinnerElement
+});
+var CindorAlert = createComponent({
+  react: React,
+  tagName: "cindor-alert",
+  elementClass: CindorAlertElement
+});
+var CindorActivityFeed = createComponent({
+  react: React,
+  tagName: "cindor-activity-feed",
+  elementClass: CindorActivityFeedElement
+});
+var CindorActivityItem = createComponent({
+  react: React,
+  tagName: "cindor-activity-item",
+  elementClass: CindorActivityItemElement
+});
+var CindorAutocomplete = createComponent({
+  react: React,
+  tagName: "cindor-autocomplete",
+  elementClass: CindorAutocompleteElement,
+  events: {
+    onChange: "change",
+    onInput: "input",
+    onSuggestionSelect: "suggestion-select"
+  }
+});
+var CindorAvatar = createComponent({
+  react: React,
+  tagName: "cindor-avatar",
+  elementClass: CindorAvatarElement
+});
+var CindorProgress = createComponent({
+  react: React,
+  tagName: "cindor-progress",
+  elementClass: CindorProgressElement
+});
+var CindorMeter = createComponent({
+  react: React,
+  tagName: "cindor-meter",
+  elementClass: CindorMeterElement
+});
+var CindorBreadcrumbs = createComponent({
+  react: React,
+  tagName: "cindor-breadcrumbs",
+  elementClass: CindorBreadcrumbsElement
+});
+var CindorSkeleton = createComponent({
+  react: React,
+  tagName: "cindor-skeleton",
+  elementClass: CindorSkeletonElement
+});
+var CindorStepper = createComponent({
+  react: React,
+  tagName: "cindor-stepper",
+  elementClass: CindorStepperElement,
+  events: {
+    onChange: "change",
+    onInput: "input"
+  }
+});
+var CindorLink = createComponent({
+  react: React,
+  tagName: "cindor-link",
+  elementClass: CindorLinkElement
+});
+var CindorFieldset = createComponent({
+  react: React,
+  tagName: "cindor-fieldset",
+  elementClass: CindorFieldsetElement
+});
+var CindorForm = createComponent({
+  react: React,
+  tagName: "cindor-form",
+  elementClass: CindorFormElement,
+  events: {
+    onReset: "reset",
+    onSubmit: "submit"
+  }
+});
+var CindorFormField = createComponent({
+  react: React,
+  tagName: "cindor-form-field",
+  elementClass: CindorFormFieldElement
+});
+var CindorFormRow = createComponent({
+  react: React,
+  tagName: "cindor-form-row",
+  elementClass: CindorFormRowElement
+});
+var CindorHelperText = createComponent({
+  react: React,
+  tagName: "cindor-helper-text",
+  elementClass: CindorHelperTextElement
+});
+var CindorErrorText = createComponent({
+  react: React,
+  tagName: "cindor-error-text",
+  elementClass: CindorErrorTextElement
+});
+var CindorRange = createComponent({
+  react: React,
+  tagName: "cindor-range",
+  elementClass: CindorRangeElement,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
+});
+var CindorFileInput = createComponent({
+  react: React,
+  tagName: "cindor-file-input",
+  elementClass: CindorFileInputElement,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
+});
+var CindorFilterBuilder = createComponent({
+  react: React,
+  tagName: "cindor-filter-builder",
+  elementClass: CindorFilterBuilderElement,
+  events: {
+    onChange: "change",
+    onInput: "input"
+  }
+});
+var CindorPagination = createComponent({
+  react: React,
+  tagName: "cindor-pagination",
+  elementClass: CindorPaginationElement,
+  events: {
+    onChange: "change"
+  }
+});
+var CindorPageHeader = createComponent({
+  react: React,
+  tagName: "cindor-page-header",
+  elementClass: CindorPageHeaderElement
+});
+var CindorPanelInspector = createComponent({
+  react: React,
+  tagName: "cindor-panel-inspector",
+  elementClass: CindorPanelInspectorElement
+});
+var CindorDataTable = createComponent({
+  react: React,
+  tagName: "cindor-data-table",
+  elementClass: CindorDataTableElement,
+  events: {
+    onCellEdit: "cell-edit",
+    onPageChange: "page-change",
+    onRowAction: "row-action",
+    onSearchChange: "search-change",
+    onSortChange: "sort-change"
+  }
+});
+var CindorEmptyState = createComponent({
+  react: React,
+  tagName: "cindor-empty-state",
+  elementClass: CindorEmptyStateElement
+});
+var CindorEmptySearchResults = createComponent({
+  react: React,
+  tagName: "cindor-empty-search-results",
+  elementClass: CindorEmptySearchResultsElement
+});
+var CindorIcon = createComponent({
+  react: React,
+  tagName: "cindor-icon",
+  elementClass: CindorIconElement
+});
+var CindorCodeBlock = createComponent({
+  react: React,
+  tagName: "cindor-code-block",
+  elementClass: CindorCodeBlockElement
+});
+var CindorCommandBar = createComponent({
+  react: React,
+  tagName: "cindor-command-bar",
+  elementClass: CindorCommandBarElement
+});
+var CindorCommandPalette = createComponent({
+  react: React,
+  tagName: "cindor-command-palette",
+  elementClass: CindorCommandPaletteElement,
+  events: {
+    onCancel: "cancel",
+    onChange: "change",
+    onClose: "close",
+    onCommandSelect: "command-select",
+    onInput: "input"
+  }
+});
+var CindorContextMenu = createComponent({
+  react: React,
+  tagName: "cindor-context-menu",
+  elementClass: CindorContextMenuElement,
+  events: {
+    onToggle: "toggle"
+  }
+});
+var CindorDatePicker = createComponent({
+  react: React,
+  tagName: "cindor-date-picker",
+  elementClass: CindorDatePickerElement,
+  events: {
+    onChange: "change",
+    onInput: "input",
+    onToggle: "toggle"
+  }
+});
+var CindorDateRangePicker = createComponent({
+  react: React,
+  tagName: "cindor-date-range-picker",
+  elementClass: CindorDateRangePickerElement,
+  events: {
+    onChange: "change",
+    onInput: "input",
+    onToggle: "toggle"
+  }
+});
+var CindorDateTimePicker = createComponent({
+  react: React,
+  tagName: "cindor-date-time-picker",
+  elementClass: CindorDateTimePickerElement,
+  events: {
+    onChange: "change",
+    onInput: "input"
+  }
+});
+var CindorListbox = createComponent({
+  react: React,
+  tagName: "cindor-listbox",
+  elementClass: CindorListboxElement
+});
+var CindorDescriptionItem = createComponent({
+  react: React,
+  tagName: "cindor-description-item",
+  elementClass: CindorDescriptionItemElement
+});
+var CindorDescriptionList = createComponent({
+  react: React,
+  tagName: "cindor-description-list",
+  elementClass: CindorDescriptionListElement
+});
+var CindorMenu = createComponent({
+  react: React,
+  tagName: "cindor-menu",
+  elementClass: CindorMenuElement
+});
+var CindorMenuItem = createComponent({
+  react: React,
+  tagName: "cindor-menu-item",
+  elementClass: CindorMenuItemElement
+});
+var CindorMultiSelect = createComponent({
+  react: React,
+  tagName: "cindor-multi-select",
+  elementClass: CindorMultiSelectElement,
+  events: {
+    onChange: "change",
+    onInput: "input"
+  }
+});
+var CindorTagInput = createComponent({
+  react: React,
+  tagName: "cindor-tag-input",
+  elementClass: CindorTagInputElement,
+  events: {
+    onChange: "change",
+    onInput: "input"
+  }
+});
+var CindorNumberInput = createComponent({
+  react: React,
+  tagName: "cindor-number-input",
+  elementClass: CindorNumberInputElement,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
+});
+var CindorSearch = createComponent({
+  react: React,
+  tagName: "cindor-search",
+  elementClass: CindorSearchElement,
+  events: {
+    onChange: "change",
+    onInput: "input"
+  }
+});
+var CindorSplitter = createComponent({
+  react: React,
+  tagName: "cindor-splitter",
+  elementClass: CindorSplitterElement,
+  events: {
+    onPanelResize: "panel-resize"
+  }
+});
+var CindorSplitterPanel = createComponent({
+  react: React,
+  tagName: "cindor-splitter-panel",
+  elementClass: CindorSplitterPanelElement
+});
+var CindorSegmentedControl = createComponent({
+  react: React,
+  tagName: "cindor-segmented-control",
+  elementClass: CindorSegmentedControlElement,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
+});
+var CindorCombobox = createComponent({
+  react: React,
+  tagName: "cindor-combobox",
+  elementClass: CindorComboboxElement,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
+});
+var CindorDateInput = createComponent({
+  react: React,
+  tagName: "cindor-date-input",
+  elementClass: CindorDateInputElement,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
+});
+var CindorTimeInput = createComponent({
+  react: React,
+  tagName: "cindor-time-input",
+  elementClass: CindorTimeInputElement,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
+});
+var CindorRatingInput = createComponent({
+  react: React,
+  tagName: "cindor-rating-input",
+  elementClass: CindorRatingInputElement,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
+});
+var CindorToast = createComponent({
+  react: React,
+  tagName: "cindor-toast",
+  elementClass: CindorToastElement,
+  events: {
+    onClose: "close"
+  }
+});
+var CindorToastRegion = createComponent({
+  react: React,
+  tagName: "cindor-toast-region",
+  elementClass: CindorToastRegionElement,
+  events: {
+    onToastShow: "toast-show",
+    onToastRemove: "toast-remove"
+  }
+});
+var CindorTooltip = createComponent({
+  react: React,
+  tagName: "cindor-tooltip",
+  elementClass: CindorTooltipElement
+});
+var CindorToolbar = createComponent({
+  react: React,
+  tagName: "cindor-toolbar",
+  elementClass: CindorToolbarElement
+});
+var CindorPopover = createComponent({
+  react: React,
+  tagName: "cindor-popover",
+  elementClass: CindorPopoverElement,
+  events: {
+    onToggle: "toggle"
+  }
+});
+var CindorDropdownMenu = createComponent({
+  react: React,
+  tagName: "cindor-dropdown-menu",
+  elementClass: CindorDropdownMenuElement,
+  events: {
+    onToggle: "toggle"
+  }
+});
+var CindorDropzone = createComponent({
+  react: React,
+  tagName: "cindor-dropzone",
+  elementClass: CindorDropzoneElement,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
+});
+var CindorDrawer = createComponent({
+  react: React,
+  tagName: "cindor-drawer",
+  elementClass: CindorDrawerElement,
+  events: {
+    onClose: "close"
+  }
+});
+var CindorInput = createComponent({
+  react: React,
+  tagName: "cindor-input",
+  elementClass: CindorInputElement,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
+});
+var CindorInlineEdit = createComponent({
+  react: React,
+  tagName: "cindor-inline-edit",
+  elementClass: CindorInlineEditElement,
+  events: {
+    onCancel: "cancel",
+    onChange: "change",
+    onInput: "input",
+    onToggle: "toggle"
+  }
+});
+var CindorLayout = createComponent({
+  react: React,
+  tagName: "cindor-layout",
+  elementClass: CindorLayoutElement
+});
+var CindorLayoutContent = createComponent({
+  react: React,
+  tagName: "cindor-layout-content",
+  elementClass: CindorLayoutContentElement
+});
+var CindorLayoutHeader = createComponent({
+  react: React,
+  tagName: "cindor-layout-header",
+  elementClass: CindorLayoutHeaderElement
+});
+var CindorEmailInput = createComponent({
+  react: React,
+  tagName: "cindor-email-input",
+  elementClass: CindorEmailInputElement,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
+});
+var CindorPasswordInput = createComponent({
+  react: React,
+  tagName: "cindor-password-input",
+  elementClass: CindorPasswordInputElement,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
+});
+var CindorOption = createComponent({
+  react: React,
+  tagName: "cindor-option",
+  elementClass: CindorOptionElement
+});
+var CindorMenubar = createComponent({
+  react: React,
+  tagName: "cindor-menubar",
+  elementClass: CindorMenubarElement
+});
+var CindorNavigationRail = createComponent({
+  react: React,
+  tagName: "cindor-navigation-rail",
+  elementClass: CindorNavigationRailElement
+});
+var CindorNavigationRailItem = createComponent({
+  react: React,
+  tagName: "cindor-navigation-rail-item",
+  elementClass: CindorNavigationRailItemElement
+});
+var CindorTelInput = createComponent({
+  react: React,
+  tagName: "cindor-tel-input",
+  elementClass: CindorTelInputElement,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
+});
+var CindorUrlInput = createComponent({
+  react: React,
+  tagName: "cindor-url-input",
+  elementClass: CindorUrlInputElement,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
+});
+var CindorColorInput = createComponent({
+  react: React,
+  tagName: "cindor-color-input",
+  elementClass: CindorColorInputElement,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
+});
+var CindorCheckbox = createComponent({
+  react: React,
+  tagName: "cindor-checkbox",
+  elementClass: CindorCheckboxElement,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
+});
+var CindorSelect = createComponent({
+  react: React,
+  tagName: "cindor-select",
+  elementClass: CindorSelectElement,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
+});
+var CindorStack = createComponent({
+  react: React,
+  tagName: "cindor-stack",
+  elementClass: CindorStackElement
+});
+var CindorRadio = createComponent({
+  react: React,
+  tagName: "cindor-radio",
+  elementClass: CindorRadioElement,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
+});
+var CindorDialog = createComponent({
+  react: React,
+  tagName: "cindor-dialog",
+  elementClass: CindorDialogElement,
+  events: {
+    onClose: "close",
+    onCancel: "cancel"
+  }
+});
+var CindorTextarea = createComponent({
+  react: React,
+  tagName: "cindor-textarea",
+  elementClass: CindorTextareaElement,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
+});
+var CindorSwitch = createComponent({
+  react: React,
+  tagName: "cindor-switch",
+  elementClass: CindorSwitchElement,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
+});
+var CindorTabPanel = createComponent({
+  react: React,
+  tagName: "cindor-tab-panel",
+  elementClass: CindorTabPanelElement
+});
+var CindorTabs = createComponent({
+  react: React,
+  tagName: "cindor-tabs",
+  elementClass: CindorTabsElement,
+  events: {
+    onChange: "change"
+  }
+});
+var CindorAccordion = createComponent({
+  react: React,
+  tagName: "cindor-accordion",
+  elementClass: CindorAccordionElement,
+  events: {
+    onToggle: "toggle"
+  }
+});
+var CindorTreeItem = createComponent({
+  react: React,
+  tagName: "cindor-tree-item",
+  elementClass: CindorTreeItemElement
+});
+var CindorTreeView = createComponent({
+  react: React,
+  tagName: "cindor-tree-view",
+  elementClass: CindorTreeViewElement,
+  events: {
+    onChange: "change",
+    onInput: "input"
+  }
+});
+var CindorStatCard = createComponent({
+  react: React,
+  tagName: "cindor-stat-card",
+  elementClass: CindorStatCardElement
+});
+var CindorTimeline = createComponent({
+  react: React,
+  tagName: "cindor-timeline",
+  elementClass: CindorTimelineElement
+});
+var CindorTimelineItem = createComponent({
+  react: React,
+  tagName: "cindor-timeline-item",
+  elementClass: CindorTimelineItemElement
+});
+var CindorTransferList = createComponent({
+  react: React,
+  tagName: "cindor-transfer-list",
+  elementClass: CindorTransferListElement,
+  events: {
+    onChange: "change",
+    onInput: "input"
+  }
+});
+var CindorSideNav = createComponent({
+  react: React,
+  tagName: "cindor-side-nav",
+  elementClass: CindorSideNavElement
+});
+var CindorSideNavItem = createComponent({
+  react: React,
+  tagName: "cindor-side-nav-item",
+  elementClass: CindorSideNavItemElement
+});
+export {
+  CindorAccordion,
+  CindorActivityFeed,
+  CindorActivityItem,
+  CindorAlert,
+  CindorAutocomplete,
+  CindorAvatar,
+  CindorBadge,
+  CindorBreadcrumbs,
+  CindorButton,
+  CindorButtonGroup,
+  CindorCalendar,
+  CindorCard,
+  CindorCheckbox,
+  CindorChip,
+  CindorCodeBlock,
+  CindorColorInput,
+  CindorCombobox,
+  CindorCommandBar,
+  CindorCommandPalette,
+  CindorContextMenu,
+  CindorDataTable,
+  CindorDateInput,
+  CindorDatePicker,
+  CindorDateRangePicker,
+  CindorDateTimePicker,
+  CindorDescriptionItem,
+  CindorDescriptionList,
+  CindorDialog,
+  CindorDivider,
+  CindorDrawer,
+  CindorDropdownMenu,
+  CindorDropzone,
+  CindorEmailInput,
+  CindorEmptySearchResults,
+  CindorEmptyState,
+  CindorErrorText,
+  CindorFieldset,
+  CindorFileInput,
+  CindorFilterBuilder,
+  CindorForm,
+  CindorFormField,
+  CindorFormRow,
+  CindorHelperText,
+  CindorIcon,
+  CindorIconButton,
+  CindorInlineEdit,
+  CindorInput,
+  CindorLayout,
+  CindorLayoutContent,
+  CindorLayoutHeader,
+  CindorLink,
+  CindorListbox,
+  CindorMenu,
+  CindorMenuItem,
+  CindorMenubar,
+  CindorMeter,
+  CindorMultiSelect,
+  CindorNavigationRail,
+  CindorNavigationRailItem,
+  CindorNumberInput,
+  CindorOption,
+  CindorPageHeader,
+  CindorPagination,
+  CindorPanelInspector,
+  CindorPasswordInput,
+  CindorPopover,
+  CindorProgress,
+  CindorProvider,
+  CindorRadio,
+  CindorRange,
+  CindorRatingInput,
+  CindorSearch,
+  CindorSegmentedControl,
+  CindorSelect,
+  CindorSideNav,
+  CindorSideNavItem,
+  CindorSkeleton,
+  CindorSpinner,
+  CindorSplitter,
+  CindorSplitterPanel,
+  CindorStack,
+  CindorStatCard,
+  CindorStepper,
+  CindorSwitch,
+  CindorTabPanel,
+  CindorTabs,
+  CindorTag,
+  CindorTagInput,
+  CindorTelInput,
+  CindorTextarea,
+  CindorTimeInput,
+  CindorTimeline,
+  CindorTimelineItem,
+  CindorToast,
+  CindorToastRegion,
+  CindorToolbar,
+  CindorTooltip,
+  CindorTransferList,
+  CindorTreeItem,
+  CindorTreeView,
+  CindorUrlInput,
+  clearToasts,
+  dismissToast,
+  ensureToastRegion,
+  showToast
+};