/**
 * react.d.ts — AUTO-GENERATED, DO NOT EDIT
 *
 * Generated by generate-react-types.mjs from Stencil's components.d.ts
 * Re-run after every "stencil build" to keep types in sync.
 *
 * Usage in a React + TypeScript project:
 *
 *   // src/custom-elements.d.ts  (or any .d.ts file TypeScript picks up)
 *   import '@your-org/components/react';
 */

import type { Components } from './components';
import type { HTMLAttributes, ReactNode } from 'react';

/**
 * Maps a Stencil component interface to React-compatible element props.
 * - All Stencil props become optional (they already are, but this is explicit)
 * - Standard HTML/ARIA attributes are included via HTMLAttributes
 * - children and className are added for convenience
 */
type CustomElement<T> = Partial<T> &
  Omit<HTMLAttributes<HTMLElement>, keyof T> & {
    children?: ReactNode;
    class?: string;       // web components use class, not className
    part?: string;        // CSS shadow parts
    exportparts?: string;
    ref?: React.Ref<HTMLElement>;
  };

declare global {
  namespace React {
    namespace JSX {
      interface IntrinsicElements {
    'dds-accordion': CustomElement<Components.DdsAccordion>;
    'dds-accordion-group': CustomElement<Components.DdsAccordionGroup>;
    'dds-attachment': CustomElement<Components.DdsAttachment>;
    'dds-avatar': CustomElement<Components.DdsAvatar>;
    'dds-avatar-group': CustomElement<Components.DdsAvatarGroup>;
    'dds-banner': CustomElement<Components.DdsBanner>;
    'dds-box': CustomElement<Components.DdsBox>;
    'dds-breadcrumb': CustomElement<Components.DdsBreadcrumb>;
    'dds-breadcrumb-group': CustomElement<Components.DdsBreadcrumbGroup>;
    'dds-button': CustomElement<Components.DdsButton>;
    'dds-button-group': CustomElement<Components.DdsButtonGroup>;
    'dds-card': CustomElement<Components.DdsCard>;
    'dds-checkbox': CustomElement<Components.DdsCheckbox>;
    'dds-checkbox-group': CustomElement<Components.DdsCheckboxGroup>;
    'dds-chip': CustomElement<Components.DdsChip>;
    'dds-code': CustomElement<Components.DdsCode>;
    'dds-color-scheme': CustomElement<Components.DdsColorScheme>;
    'dds-country': CustomElement<Components.DdsCountry>;
    'dds-date-time': CustomElement<Components.DdsDateTime>;
    'dds-dialog': CustomElement<Components.DdsDialog>;
    'dds-divider': CustomElement<Components.DdsDivider>;
    'dds-fieldset': CustomElement<Components.DdsFieldset>;
    'dds-flag': CustomElement<Components.DdsFlag>;
    'dds-global-frame': CustomElement<Components.DdsGlobalFrame>;
    'dds-global-header': CustomElement<Components.DdsGlobalHeader>;
    'dds-global-navigation': CustomElement<Components.DdsGlobalNavigation>;
    'dds-grid': CustomElement<Components.DdsGrid>;
    'dds-grid-item': CustomElement<Components.DdsGridItem>;
    'dds-heading': CustomElement<Components.DdsHeading>;
    'dds-highlight': CustomElement<Components.DdsHighlight>;
    'dds-icon': CustomElement<Components.DdsIcon>;
    'dds-keyboard': CustomElement<Components.DdsKeyboard>;
    'dds-label': CustomElement<Components.DdsLabel>;
    'dds-link': CustomElement<Components.DdsLink>;
    'dds-meter': CustomElement<Components.DdsMeter>;
    'dds-navigation': CustomElement<Components.DdsNavigation>;
    'dds-number': CustomElement<Components.DdsNumber>;
    'dds-pagination': CustomElement<Components.DdsPagination>;
    'dds-popover': CustomElement<Components.DdsPopover>;
    'dds-progress-circle': CustomElement<Components.DdsProgressCircle>;
    'dds-radio': CustomElement<Components.DdsRadio>;
    'dds-radio-group': CustomElement<Components.DdsRadioGroup>;
    'dds-root': CustomElement<Components.DdsRoot>;
    'dds-segmented-control': CustomElement<Components.DdsSegmentedControl>;
    'dds-segmented-control-group': CustomElement<Components.DdsSegmentedControlGroup>;
    'dds-sparkline': CustomElement<Components.DdsSparkline>;
    'dds-spinner': CustomElement<Components.DdsSpinner>;
    'dds-stack': CustomElement<Components.DdsStack>;
    'dds-switch': CustomElement<Components.DdsSwitch>;
    'dds-tab': CustomElement<Components.DdsTab>;
    'dds-tab-group': CustomElement<Components.DdsTabGroup>;
    'dds-text': CustomElement<Components.DdsText>;
    'dds-text-field': CustomElement<Components.DdsTextField>;
    'dds-tooltip': CustomElement<Components.DdsTooltip>;
      }
    }
  }
}

// Also augment the legacy JSX namespace for React 17 and older toolchains
declare namespace JSX {
  interface IntrinsicElements {
    'dds-accordion': CustomElement<Components.DdsAccordion>;
    'dds-accordion-group': CustomElement<Components.DdsAccordionGroup>;
    'dds-attachment': CustomElement<Components.DdsAttachment>;
    'dds-avatar': CustomElement<Components.DdsAvatar>;
    'dds-avatar-group': CustomElement<Components.DdsAvatarGroup>;
    'dds-banner': CustomElement<Components.DdsBanner>;
    'dds-box': CustomElement<Components.DdsBox>;
    'dds-breadcrumb': CustomElement<Components.DdsBreadcrumb>;
    'dds-breadcrumb-group': CustomElement<Components.DdsBreadcrumbGroup>;
    'dds-button': CustomElement<Components.DdsButton>;
    'dds-button-group': CustomElement<Components.DdsButtonGroup>;
    'dds-card': CustomElement<Components.DdsCard>;
    'dds-checkbox': CustomElement<Components.DdsCheckbox>;
    'dds-checkbox-group': CustomElement<Components.DdsCheckboxGroup>;
    'dds-chip': CustomElement<Components.DdsChip>;
    'dds-code': CustomElement<Components.DdsCode>;
    'dds-color-scheme': CustomElement<Components.DdsColorScheme>;
    'dds-country': CustomElement<Components.DdsCountry>;
    'dds-date-time': CustomElement<Components.DdsDateTime>;
    'dds-dialog': CustomElement<Components.DdsDialog>;
    'dds-divider': CustomElement<Components.DdsDivider>;
    'dds-fieldset': CustomElement<Components.DdsFieldset>;
    'dds-flag': CustomElement<Components.DdsFlag>;
    'dds-global-frame': CustomElement<Components.DdsGlobalFrame>;
    'dds-global-header': CustomElement<Components.DdsGlobalHeader>;
    'dds-global-navigation': CustomElement<Components.DdsGlobalNavigation>;
    'dds-grid': CustomElement<Components.DdsGrid>;
    'dds-grid-item': CustomElement<Components.DdsGridItem>;
    'dds-heading': CustomElement<Components.DdsHeading>;
    'dds-highlight': CustomElement<Components.DdsHighlight>;
    'dds-icon': CustomElement<Components.DdsIcon>;
    'dds-keyboard': CustomElement<Components.DdsKeyboard>;
    'dds-label': CustomElement<Components.DdsLabel>;
    'dds-link': CustomElement<Components.DdsLink>;
    'dds-meter': CustomElement<Components.DdsMeter>;
    'dds-navigation': CustomElement<Components.DdsNavigation>;
    'dds-number': CustomElement<Components.DdsNumber>;
    'dds-pagination': CustomElement<Components.DdsPagination>;
    'dds-popover': CustomElement<Components.DdsPopover>;
    'dds-progress-circle': CustomElement<Components.DdsProgressCircle>;
    'dds-radio': CustomElement<Components.DdsRadio>;
    'dds-radio-group': CustomElement<Components.DdsRadioGroup>;
    'dds-root': CustomElement<Components.DdsRoot>;
    'dds-segmented-control': CustomElement<Components.DdsSegmentedControl>;
    'dds-segmented-control-group': CustomElement<Components.DdsSegmentedControlGroup>;
    'dds-sparkline': CustomElement<Components.DdsSparkline>;
    'dds-spinner': CustomElement<Components.DdsSpinner>;
    'dds-stack': CustomElement<Components.DdsStack>;
    'dds-switch': CustomElement<Components.DdsSwitch>;
    'dds-tab': CustomElement<Components.DdsTab>;
    'dds-tab-group': CustomElement<Components.DdsTabGroup>;
    'dds-text': CustomElement<Components.DdsText>;
    'dds-text-field': CustomElement<Components.DdsTextField>;
    'dds-tooltip': CustomElement<Components.DdsTooltip>;
  }
}