@shibui-ui/ui 1.15.0 → 1.19.8

package/dist/react/lib-color-swatches.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 { LibColorSwatches as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-color-swatches>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-color-swatches>
+ * Auto-generated — do not edit manually.
  */
-export const _LibColorSwatches = createComponent({
+const _LibColorSwatches = createComponent({
   react: React,
   tagName: 'lib-color-swatches',
   elementClass: Element,
   events: {
-          'onUiLibSwatchClick': 'ui-lib-swatch-click'
-        }
+  'onUiLibSwatchClick': 'ui-lib-swatch-click'
+},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibColorSwatches = _LibColorSwatches as unknown as React.FC<any>;
-export type LibColorSwatchesProps = React.ComponentProps<typeof LibColorSwatches>;
+// 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 LibColorSwatchesProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibColorSwatches = _LibColorSwatches as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibColorSwatchesProps = React.ComponentPropsWithRef<typeof LibColorSwatches>;

package/dist/react/lib-component-grid.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 { LibComponentGrid as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-component-grid>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-component-grid>
+ * Auto-generated — do not edit manually.
  */
-export const _LibComponentGrid = createComponent({
+const _LibComponentGrid = createComponent({
   react: React,
   tagName: 'lib-component-grid',
   elementClass: Element,
-  events: {}
+  events: {},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibComponentGrid = _LibComponentGrid as unknown as React.FC<any>;
-export type LibComponentGridProps = React.ComponentProps<typeof LibComponentGrid>;
+// 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 LibComponentGridProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibComponentGrid = _LibComponentGrid as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibComponentGridProps = React.ComponentPropsWithRef<typeof LibComponentGrid>;

package/dist/react/lib-content-pillar.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 { LibContentPillar as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-content-pillar>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-content-pillar>
+ * Auto-generated — do not edit manually.
  */
-export const _LibContentPillar = createComponent({
+const _LibContentPillar = createComponent({
   react: React,
   tagName: 'lib-content-pillar',
   elementClass: Element,
-  events: {}
+  events: {},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibContentPillar = _LibContentPillar as unknown as React.FC<any>;
-export type LibContentPillarProps = React.ComponentProps<typeof LibContentPillar>;
+// 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 LibContentPillarProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibContentPillar = _LibContentPillar as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibContentPillarProps = React.ComponentPropsWithRef<typeof LibContentPillar>;

package/dist/react/lib-copy-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 { LibCopyButton as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-copy-button>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-copy-button>
+ * Auto-generated — do not edit manually.
  */
-export const _LibCopyButton = createComponent({
+const _LibCopyButton = createComponent({
   react: React,
   tagName: 'lib-copy-button',
   elementClass: Element,
   events: {
-          'onLibCopy': 'lib-copy'
-        }
+  'onLibCopy': 'lib-copy'
+},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibCopyButton = _LibCopyButton as unknown as React.FC<any>;
-export type LibCopyButtonProps = React.ComponentProps<typeof LibCopyButton>;
+// 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 LibCopyButtonProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibCopyButton = _LibCopyButton as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibCopyButtonProps = React.ComponentPropsWithRef<typeof LibCopyButton>;

package/dist/react/lib-counter.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 { LibCounter as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-counter>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-counter>
+ * Auto-generated — do not edit manually.
  */
-export const _LibCounter = createComponent({
+const _LibCounter = createComponent({
   react: React,
   tagName: 'lib-counter',
   elementClass: Element,
-  events: {}
+  events: {},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibCounter = _LibCounter as unknown as React.FC<any>;
-export type LibCounterProps = React.ComponentProps<typeof LibCounter>;
+// 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 LibCounterProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibCounter = _LibCounter as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibCounterProps = React.ComponentPropsWithRef<typeof LibCounter>;

package/dist/react/lib-cursor-follower.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 { LibCursorFollower as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-cursor-follower>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-cursor-follower>
+ * Auto-generated — do not edit manually.
  */
-export const _LibCursorFollower = createComponent({
+const _LibCursorFollower = createComponent({
   react: React,
   tagName: 'lib-cursor-follower',
   elementClass: Element,
-  events: {}
+  events: {},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibCursorFollower = _LibCursorFollower as unknown as React.FC<any>;
-export type LibCursorFollowerProps = React.ComponentProps<typeof LibCursorFollower>;
+// 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 LibCursorFollowerProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibCursorFollower = _LibCursorFollower as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibCursorFollowerProps = React.ComponentPropsWithRef<typeof LibCursorFollower>;

package/dist/react/lib-data-table.tsx

@@ -1,24 +1,30 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibDataTable as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-data-table>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-data-table>
+ * Auto-generated — do not edit manually.
  */
-export const _LibDataTable = createComponent({
+const _LibDataTable = createComponent({
   react: React,
   tagName: 'lib-data-table',
   elementClass: Element,
   events: {
-          'onUiLibTableSort': 'ui-lib-table-sort',
-    'onUiLibTableFilter': 'ui-lib-table-filter',
-    'onUiLibTableRowAction': 'ui-lib-table-row-action',
-    'onUiLibTableSelect': 'ui-lib-table-select'
-        }
+  'onUiLibTableSort': 'ui-lib-table-sort',
+  'onUiLibTableFilter': 'ui-lib-table-filter',
+  'onUiLibTableRowAction': 'ui-lib-table-row-action',
+  'onUiLibTableSelect': 'ui-lib-table-select'
+},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibDataTable = _LibDataTable as unknown as React.FC<any>;
-export type LibDataTableProps = React.ComponentProps<typeof LibDataTable>;
+// 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 LibDataTableProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibDataTable = _LibDataTable as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibDataTableProps = React.ComponentPropsWithRef<typeof LibDataTable>;

package/dist/react/lib-dialog.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 { LibDialog as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-dialog>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-dialog>
+ * Auto-generated — do not edit manually.
  */
-export const _LibDialog = createComponent({
+const _LibDialog = createComponent({
   react: React,
   tagName: 'lib-dialog',
   elementClass: Element,
   events: {
-          'onUiLibDialogClose': 'ui-lib-dialog-close'
-        }
+  'onUiLibDialogClose': 'ui-lib-dialog-close'
+},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibDialog = _LibDialog as unknown as React.FC<any>;
-export type LibDialogProps = React.ComponentProps<typeof LibDialog>;
+// 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 LibDialogProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibDialog = _LibDialog as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibDialogProps = React.ComponentPropsWithRef<typeof LibDialog>;

package/dist/react/lib-display-heading.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 { LibDisplayHeading as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-display-heading>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-display-heading>
+ * Auto-generated — do not edit manually.
  */
-export const _LibDisplayHeading = createComponent({
+const _LibDisplayHeading = createComponent({
   react: React,
   tagName: 'lib-display-heading',
   elementClass: Element,
-  events: {}
+  events: {},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibDisplayHeading = _LibDisplayHeading as unknown as React.FC<any>;
-export type LibDisplayHeadingProps = React.ComponentProps<typeof LibDisplayHeading>;
+// 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 LibDisplayHeadingProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibDisplayHeading = _LibDisplayHeading as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibDisplayHeadingProps = React.ComponentPropsWithRef<typeof LibDisplayHeading>;

package/dist/react/lib-divider.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 { LibDivider as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-divider>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-divider>
+ * Auto-generated — do not edit manually.
  */
-export const _LibDivider = createComponent({
+const _LibDivider = createComponent({
   react: React,
   tagName: 'lib-divider',
   elementClass: Element,
-  events: {}
+  events: {},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibDivider = _LibDivider as unknown as React.FC<any>;
-export type LibDividerProps = React.ComponentProps<typeof LibDivider>;
+// 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 LibDividerProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibDivider = _LibDivider as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibDividerProps = React.ComponentPropsWithRef<typeof LibDivider>;

package/dist/react/lib-drawer.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 { LibDrawer as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-drawer>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-drawer>
+ * Auto-generated — do not edit manually.
  */
-export const _LibDrawer = createComponent({
+const _LibDrawer = createComponent({
   react: React,
   tagName: 'lib-drawer',
   elementClass: Element,
   events: {
-          'onUiLibDrawerClose': 'ui-lib-drawer-close'
-        }
+  'onUiLibDrawerClose': 'ui-lib-drawer-close'
+},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibDrawer = _LibDrawer as unknown as React.FC<any>;
-export type LibDrawerProps = React.ComponentProps<typeof LibDrawer>;
+// 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 LibDrawerProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibDrawer = _LibDrawer as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibDrawerProps = React.ComponentPropsWithRef<typeof LibDrawer>;

package/dist/react/lib-dropdown.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 { LibDropdown as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-dropdown>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-dropdown>
+ * Auto-generated — do not edit manually.
  */
-export const _LibDropdown = createComponent({
+const _LibDropdown = createComponent({
   react: React,
   tagName: 'lib-dropdown',
   elementClass: Element,
   events: {
-          'onUiLibDropdownToggle': 'ui-lib-dropdown-toggle',
-    'onUiLibDropdownItem': 'ui-lib-dropdown-item'
-        }
+  'onUiLibDropdownToggle': 'ui-lib-dropdown-toggle',
+  'onUiLibDropdownItem': 'ui-lib-dropdown-item'
+},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibDropdown = _LibDropdown as unknown as React.FC<any>;
-export type LibDropdownProps = React.ComponentProps<typeof LibDropdown>;
+// 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 LibDropdownProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibDropdown = _LibDropdown as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibDropdownProps = React.ComponentPropsWithRef<typeof LibDropdown>;

package/dist/react/lib-empty-state.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 { LibEmptyState as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-empty-state>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-empty-state>
+ * Auto-generated — do not edit manually.
  */
-export const _LibEmptyState = createComponent({
+const _LibEmptyState = createComponent({
   react: React,
   tagName: 'lib-empty-state',
   elementClass: Element,
-  events: {}
+  events: {},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibEmptyState = _LibEmptyState as unknown as React.FC<any>;
-export type LibEmptyStateProps = React.ComponentProps<typeof LibEmptyState>;
+// 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 LibEmptyStateProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibEmptyState = _LibEmptyState as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibEmptyStateProps = React.ComponentPropsWithRef<typeof LibEmptyState>;

package/dist/react/lib-eyebrow.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 { LibEyebrow as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-eyebrow>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-eyebrow>
+ * Auto-generated — do not edit manually.
  */
-export const _LibEyebrow = createComponent({
+const _LibEyebrow = createComponent({
   react: React,
   tagName: 'lib-eyebrow',
   elementClass: Element,
-  events: {}
+  events: {},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibEyebrow = _LibEyebrow as unknown as React.FC<any>;
-export type LibEyebrowProps = React.ComponentProps<typeof LibEyebrow>;
+// 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 LibEyebrowProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibEyebrow = _LibEyebrow as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibEyebrowProps = React.ComponentPropsWithRef<typeof LibEyebrow>;

package/dist/react/lib-file-uploader.tsx

@@ -1,25 +1,31 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibFileUploader as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-file-uploader>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-file-uploader>
+ * Auto-generated — do not edit manually.
  */
-export const _LibFileUploader = createComponent({
+const _LibFileUploader = createComponent({
   react: React,
   tagName: 'lib-file-uploader',
   elementClass: Element,
   events: {
-          'onUiLibUploadStart': 'ui-lib-upload-start',
-    'onUiLibUploadError': 'ui-lib-upload-error',
-    'onUiLibUploadDone': 'ui-lib-upload-done',
-    'onUiLibFileRemove': 'ui-lib-file-remove',
-    'onUiLibFilesChange': 'ui-lib-files-change'
-        }
+  'onUiLibUploadStart': 'ui-lib-upload-start',
+  'onUiLibUploadError': 'ui-lib-upload-error',
+  'onUiLibUploadDone': 'ui-lib-upload-done',
+  'onUiLibFileRemove': 'ui-lib-file-remove',
+  'onUiLibFilesChange': 'ui-lib-files-change'
+},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibFileUploader = _LibFileUploader as unknown as React.FC<any>;
-export type LibFileUploaderProps = React.ComponentProps<typeof LibFileUploader>;
+// 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 LibFileUploaderProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibFileUploader = _LibFileUploader as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibFileUploaderProps = React.ComponentPropsWithRef<typeof LibFileUploader>;