@shibui-ui/ui 1.15.0 → 1.19.8

package/dist/react/lib-burger.tsx

@@ -1,21 +1,27 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibBurger as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-burger>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-burger>
+ * Auto-generated — do not edit manually.
  */
-export const _LibBurger = createComponent({
+const _LibBurger = createComponent({
   react: React,
   tagName: 'lib-burger',
   elementClass: Element,
   events: {
-          'onUiLibBurgerChange': 'ui-lib-burger-change'
-        }
+  'onUiLibBurgerChange': 'ui-lib-burger-change'
+},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibBurger = _LibBurger as unknown as React.FC<any>;
-export type LibBurgerProps = React.ComponentProps<typeof LibBurger>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibBurgerProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibBurger = _LibBurger as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibBurgerProps = React.ComponentPropsWithRef<typeof LibBurger>;

package/dist/react/lib-button-group.tsx

@@ -1,21 +1,27 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibButtonGroup as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-button-group>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-button-group>
+ * Auto-generated — do not edit manually.
  */
-export const _LibButtonGroup = createComponent({
+const _LibButtonGroup = createComponent({
   react: React,
   tagName: 'lib-button-group',
   elementClass: Element,
   events: {
-          'onUiLibGroupChange': 'ui-lib-group-change'
-        }
+  'onUiLibGroupChange': 'ui-lib-group-change'
+},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibButtonGroup = _LibButtonGroup as unknown as React.FC<any>;
-export type LibButtonGroupProps = React.ComponentProps<typeof LibButtonGroup>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibButtonGroupProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibButtonGroup = _LibButtonGroup as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibButtonGroupProps = React.ComponentPropsWithRef<typeof LibButtonGroup>;

package/dist/react/lib-button-liquid.tsx

@@ -1,21 +1,27 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibButtonLiquid as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-button-liquid>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-button-liquid>
+ * Auto-generated — do not edit manually.
  */
-export const _LibButtonLiquid = createComponent({
+const _LibButtonLiquid = createComponent({
   react: React,
   tagName: 'lib-button-liquid',
   elementClass: Element,
   events: {
-          'onUiLibClick': 'ui-lib-click'
-        }
+  'onUiLibClick': 'ui-lib-click'
+},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibButtonLiquid = _LibButtonLiquid as unknown as React.FC<any>;
-export type LibButtonLiquidProps = React.ComponentProps<typeof LibButtonLiquid>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibButtonLiquidProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibButtonLiquid = _LibButtonLiquid as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibButtonLiquidProps = React.ComponentPropsWithRef<typeof LibButtonLiquid>;

package/dist/react/lib-button-sep.tsx

@@ -1,19 +1,25 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibButtonSep as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-button-sep>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-button-sep>
+ * Auto-generated — do not edit manually.
  */
-export const _LibButtonSep = createComponent({
+const _LibButtonSep = createComponent({
   react: React,
   tagName: 'lib-button-sep',
   elementClass: Element,
-  events: {}
+  events: {},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibButtonSep = _LibButtonSep as unknown as React.FC<any>;
-export type LibButtonSepProps = React.ComponentProps<typeof LibButtonSep>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibButtonSepProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibButtonSep = _LibButtonSep as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibButtonSepProps = React.ComponentPropsWithRef<typeof LibButtonSep>;

package/dist/react/lib-button-split.tsx

@@ -1,22 +1,28 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibButtonSplit as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-button-split>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-button-split>
+ * Auto-generated — do not edit manually.
  */
-export const _LibButtonSplit = createComponent({
+const _LibButtonSplit = createComponent({
   react: React,
   tagName: 'lib-button-split',
   elementClass: Element,
   events: {
-          'onUiLibSplitAction': 'ui-lib-split-action',
-    'onUiLibSplitSelect': 'ui-lib-split-select'
-        }
+  'onUiLibSplitAction': 'ui-lib-split-action',
+  'onUiLibSplitSelect': 'ui-lib-split-select'
+},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibButtonSplit = _LibButtonSplit as unknown as React.FC<any>;
-export type LibButtonSplitProps = React.ComponentProps<typeof LibButtonSplit>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibButtonSplitProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibButtonSplit = _LibButtonSplit as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibButtonSplitProps = React.ComponentPropsWithRef<typeof LibButtonSplit>;

package/dist/react/lib-button.tsx

@@ -1,22 +1,28 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibButton as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-button>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-button>
+ * Auto-generated — do not edit manually.
  */
-export const _LibButton = createComponent({
+const _LibButton = createComponent({
   react: React,
   tagName: 'lib-button',
   elementClass: Element,
   events: {
-          'onUiLibClick': 'ui-lib-click',
-    'onLibClick': 'lib-click'
-        }
+  'onUiLibClick': 'ui-lib-click',
+  'onLibClick': 'lib-click'
+},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibButton = _LibButton as unknown as React.FC<any>;
-export type LibButtonProps = React.ComponentProps<typeof LibButton>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibButtonProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibButton = _LibButton as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibButtonProps = React.ComponentPropsWithRef<typeof LibButton>;

package/dist/react/lib-card.tsx

@@ -1,21 +1,27 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibCard as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-card>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-card>
+ * Auto-generated — do not edit manually.
  */
-export const _LibCard = createComponent({
+const _LibCard = createComponent({
   react: React,
   tagName: 'lib-card',
   elementClass: Element,
   events: {
-          'onUiLibCardClick': 'ui-lib-card-click'
-        }
+  'onUiLibCardClick': 'ui-lib-card-click'
+},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibCard = _LibCard as unknown as React.FC<any>;
-export type LibCardProps = React.ComponentProps<typeof LibCard>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibCardProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibCard = _LibCard as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibCardProps = React.ComponentPropsWithRef<typeof LibCard>;

package/dist/react/lib-carousel.tsx

@@ -1,21 +1,27 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibCarousel as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-carousel>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-carousel>
+ * Auto-generated — do not edit manually.
  */
-export const _LibCarousel = createComponent({
+const _LibCarousel = createComponent({
   react: React,
   tagName: 'lib-carousel',
   elementClass: Element,
   events: {
-          'onUiLibSlideChange': 'ui-lib-slide-change'
-        }
+  'onUiLibSlideChange': 'ui-lib-slide-change'
+},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibCarousel = _LibCarousel as unknown as React.FC<any>;
-export type LibCarouselProps = React.ComponentProps<typeof LibCarousel>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibCarouselProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibCarousel = _LibCarousel as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibCarouselProps = React.ComponentPropsWithRef<typeof LibCarousel>;

package/dist/react/lib-checkbox-card.tsx

@@ -1,21 +1,27 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibCheckboxCard as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-checkbox-card>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-checkbox-card>
+ * Auto-generated — do not edit manually.
  */
-export const _LibCheckboxCard = createComponent({
+const _LibCheckboxCard = createComponent({
   react: React,
   tagName: 'lib-checkbox-card',
   elementClass: Element,
   events: {
-          'onUiLibCheckboxCardChange': 'ui-lib-checkbox-card-change'
-        }
+  'onUiLibCheckboxCardChange': 'ui-lib-checkbox-card-change'
+},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibCheckboxCard = _LibCheckboxCard as unknown as React.FC<any>;
-export type LibCheckboxCardProps = React.ComponentProps<typeof LibCheckboxCard>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibCheckboxCardProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibCheckboxCard = _LibCheckboxCard as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibCheckboxCardProps = React.ComponentPropsWithRef<typeof LibCheckboxCard>;

package/dist/react/lib-checkbox.tsx

@@ -1,21 +1,27 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibCheckbox as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-checkbox>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-checkbox>
+ * Auto-generated — do not edit manually.
  */
-export const _LibCheckbox = createComponent({
+const _LibCheckbox = createComponent({
   react: React,
   tagName: 'lib-checkbox',
   elementClass: Element,
   events: {
-          'onChange': 'change'
-        }
+  'onChange': 'change'
+},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibCheckbox = _LibCheckbox as unknown as React.FC<any>;
-export type LibCheckboxProps = React.ComponentProps<typeof LibCheckbox>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibCheckboxProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibCheckbox = _LibCheckbox as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibCheckboxProps = React.ComponentPropsWithRef<typeof LibCheckbox>;

package/dist/react/lib-chip.tsx

@@ -1,22 +1,28 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibChip as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-chip>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-chip>
+ * Auto-generated — do not edit manually.
  */
-export const _LibChip = createComponent({
+const _LibChip = createComponent({
   react: React,
   tagName: 'lib-chip',
   elementClass: Element,
   events: {
-          'onUiLibChipToggle': 'ui-lib-chip-toggle',
-    'onUiLibChipRemove': 'ui-lib-chip-remove'
-        }
+  'onUiLibChipToggle': 'ui-lib-chip-toggle',
+  'onUiLibChipRemove': 'ui-lib-chip-remove'
+},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibChip = _LibChip as unknown as React.FC<any>;
-export type LibChipProps = React.ComponentProps<typeof LibChip>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibChipProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibChip = _LibChip as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibChipProps = React.ComponentPropsWithRef<typeof LibChip>;

package/dist/react/lib-close-button.tsx

@@ -1,21 +1,27 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibCloseButton as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-close-button>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-close-button>
+ * Auto-generated — do not edit manually.
  */
-export const _LibCloseButton = createComponent({
+const _LibCloseButton = createComponent({
   react: React,
   tagName: 'lib-close-button',
   elementClass: Element,
   events: {
-          'onLibClose': 'lib-close'
-        }
+  'onLibClose': 'lib-close'
+},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibCloseButton = _LibCloseButton as unknown as React.FC<any>;
-export type LibCloseButtonProps = React.ComponentProps<typeof LibCloseButton>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibCloseButtonProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibCloseButton = _LibCloseButton as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibCloseButtonProps = React.ComponentPropsWithRef<typeof LibCloseButton>;

package/dist/react/lib-code-block.tsx

@@ -1,19 +1,25 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibCodeBlock as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-code-block>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-code-block>
+ * Auto-generated — do not edit manually.
  */
-export const _LibCodeBlock = createComponent({
+const _LibCodeBlock = createComponent({
   react: React,
   tagName: 'lib-code-block',
   elementClass: Element,
-  events: {}
+  events: {},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibCodeBlock = _LibCodeBlock as unknown as React.FC<any>;
-export type LibCodeBlockProps = React.ComponentProps<typeof LibCodeBlock>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibCodeBlockProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibCodeBlock = _LibCodeBlock as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibCodeBlockProps = React.ComponentPropsWithRef<typeof LibCodeBlock>;

package/dist/react/lib-color-picker.tsx

@@ -1,23 +1,29 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibColorPicker as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-color-picker>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-color-picker>
+ * Auto-generated — do not edit manually.
  */
-export const _LibColorPicker = createComponent({
+const _LibColorPicker = createComponent({
   react: React,
   tagName: 'lib-color-picker',
   elementClass: Element,
   events: {
-          'onUiLibApply': 'ui-lib-apply',
-    'onUiLibChange': 'ui-lib-change',
-    'onUiLibSwatchClick': 'ui-lib-swatch-click'
-        }
+  'onUiLibApply': 'ui-lib-apply',
+  'onUiLibChange': 'ui-lib-change',
+  'onUiLibSwatchClick': 'ui-lib-swatch-click'
+},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibColorPicker = _LibColorPicker as unknown as React.FC<any>;
-export type LibColorPickerProps = React.ComponentProps<typeof LibColorPicker>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibColorPickerProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibColorPicker = _LibColorPicker as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibColorPickerProps = React.ComponentPropsWithRef<typeof LibColorPicker>;

package/dist/react/lib-color-scale.tsx

@@ -1,19 +1,25 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibColorScale as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-color-scale>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-color-scale>
+ * Auto-generated — do not edit manually.
  */
-export const _LibColorScale = createComponent({
+const _LibColorScale = createComponent({
   react: React,
   tagName: 'lib-color-scale',
   elementClass: Element,
-  events: {}
+  events: {},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibColorScale = _LibColorScale as unknown as React.FC<any>;
-export type LibColorScaleProps = React.ComponentProps<typeof LibColorScale>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibColorScaleProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibColorScale = _LibColorScale as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibColorScaleProps = React.ComponentPropsWithRef<typeof LibColorScale>;