@andespindola/ui-react 0.1.0

package/README.md

@@ -0,0 +1,39 @@
+# @andespindola/ui-react
+
+Wrappers **React** (e **Next.js**) para os Web Components do design system
+[`@andespindola/ui-core`](https://www.npmjs.com/package/@andespindola/ui-core).
+
+## Instalação
+
+```bash
+npm install @andespindola/ui-react @andespindola/ui-core
+```
+
+Peer deps: `react >=18`, `react-dom >=18`.
+
+## Uso
+
+```tsx
+import "@andespindola/ui-core/styles.css";
+import { UiButton, UiCard, UiSwitch } from "@andespindola/ui-react";
+
+export function App() {
+  return (
+    <UiCard>
+      <UiButton variant="solid">Começar</UiButton>
+      <UiSwitch checked />
+    </UiCard>
+  );
+}
+```
+
+> Os proxies já marcam os componentes como Client Components (`"use client"`), compatível
+> com o App Router do Next.js.
+
+## Componentes (lote inicial)
+
+`UiButton`, `UiCard`, `UiBadge`, `UiInput`, `UiSwitch`, `UiDialog`.
+
+## Licença
+
+MIT © Anderson Espindola

package/dist/components.d.ts

@@ -0,0 +1,140 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { UiAccordionItem as UiAccordionItemElement } from "@andespindola/ui-core/dist/components/ui-accordion-item.js";
+import { UiAccordion as UiAccordionElement } from "@andespindola/ui-core/dist/components/ui-accordion.js";
+import { UiAvatar as UiAvatarElement } from "@andespindola/ui-core/dist/components/ui-avatar.js";
+import { UiBadge as UiBadgeElement } from "@andespindola/ui-core/dist/components/ui-badge.js";
+import { UiButton as UiButtonElement } from "@andespindola/ui-core/dist/components/ui-button.js";
+import { UiCard as UiCardElement } from "@andespindola/ui-core/dist/components/ui-card.js";
+import { UiCheckbox as UiCheckboxElement } from "@andespindola/ui-core/dist/components/ui-checkbox.js";
+import { UiDialog as UiDialogElement } from "@andespindola/ui-core/dist/components/ui-dialog.js";
+import { UiDrawer as UiDrawerElement } from "@andespindola/ui-core/dist/components/ui-drawer.js";
+import { UiDropdownItem as UiDropdownItemElement } from "@andespindola/ui-core/dist/components/ui-dropdown-item.js";
+import { UiDropdownMenu as UiDropdownMenuElement } from "@andespindola/ui-core/dist/components/ui-dropdown-menu.js";
+import { UiField as UiFieldElement } from "@andespindola/ui-core/dist/components/ui-field.js";
+import { UiInput as UiInputElement } from "@andespindola/ui-core/dist/components/ui-input.js";
+import { UiLabel as UiLabelElement } from "@andespindola/ui-core/dist/components/ui-label.js";
+import { UiLoadingOverlay as UiLoadingOverlayElement } from "@andespindola/ui-core/dist/components/ui-loading-overlay.js";
+import { UiPopover as UiPopoverElement } from "@andespindola/ui-core/dist/components/ui-popover.js";
+import { UiProgress as UiProgressElement } from "@andespindola/ui-core/dist/components/ui-progress.js";
+import { UiRadioGroup as UiRadioGroupElement } from "@andespindola/ui-core/dist/components/ui-radio-group.js";
+import { UiReveal as UiRevealElement } from "@andespindola/ui-core/dist/components/ui-reveal.js";
+import { UiScrollProgress as UiScrollProgressElement } from "@andespindola/ui-core/dist/components/ui-scroll-progress.js";
+import { UiSection as UiSectionElement } from "@andespindola/ui-core/dist/components/ui-section.js";
+import { UiSelect as UiSelectElement } from "@andespindola/ui-core/dist/components/ui-select.js";
+import { UiSeparator as UiSeparatorElement } from "@andespindola/ui-core/dist/components/ui-separator.js";
+import { UiSkeleton as UiSkeletonElement } from "@andespindola/ui-core/dist/components/ui-skeleton.js";
+import { UiSlider as UiSliderElement } from "@andespindola/ui-core/dist/components/ui-slider.js";
+import { UiSpinner as UiSpinnerElement } from "@andespindola/ui-core/dist/components/ui-spinner.js";
+import { UiSwitch as UiSwitchElement } from "@andespindola/ui-core/dist/components/ui-switch.js";
+import { UiTabs as UiTabsElement } from "@andespindola/ui-core/dist/components/ui-tabs.js";
+import { UiTextarea as UiTextareaElement } from "@andespindola/ui-core/dist/components/ui-textarea.js";
+import { UiThemeToggle as UiThemeToggleElement } from "@andespindola/ui-core/dist/components/ui-theme-toggle.js";
+import { UiToast as UiToastElement } from "@andespindola/ui-core/dist/components/ui-toast.js";
+import { UiToaster as UiToasterElement } from "@andespindola/ui-core/dist/components/ui-toaster.js";
+import { UiTooltip as UiTooltipElement } from "@andespindola/ui-core/dist/components/ui-tooltip.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+type UiAccordionEvents = NonNullable<unknown>;
+export declare const UiAccordion: StencilReactComponent<UiAccordionElement, UiAccordionEvents>;
+type UiAccordionItemEvents = {
+    onUiToggle: EventName<CustomEvent<boolean>>;
+};
+export declare const UiAccordionItem: StencilReactComponent<UiAccordionItemElement, UiAccordionItemEvents>;
+type UiAvatarEvents = NonNullable<unknown>;
+export declare const UiAvatar: StencilReactComponent<UiAvatarElement, UiAvatarEvents>;
+type UiBadgeEvents = NonNullable<unknown>;
+export declare const UiBadge: StencilReactComponent<UiBadgeElement, UiBadgeEvents>;
+type UiButtonEvents = NonNullable<unknown>;
+export declare const UiButton: StencilReactComponent<UiButtonElement, UiButtonEvents>;
+type UiCardEvents = NonNullable<unknown>;
+export declare const UiCard: StencilReactComponent<UiCardElement, UiCardEvents>;
+type UiCheckboxEvents = {
+    onUiChange: EventName<CustomEvent<boolean>>;
+};
+export declare const UiCheckbox: StencilReactComponent<UiCheckboxElement, UiCheckboxEvents>;
+type UiDialogEvents = {
+    onUiClose: EventName<CustomEvent<void>>;
+};
+export declare const UiDialog: StencilReactComponent<UiDialogElement, UiDialogEvents>;
+type UiDrawerEvents = {
+    onUiClose: EventName<CustomEvent<void>>;
+};
+export declare const UiDrawer: StencilReactComponent<UiDrawerElement, UiDrawerEvents>;
+type UiDropdownItemEvents = {
+    onUiSelect: EventName<CustomEvent<void>>;
+};
+export declare const UiDropdownItem: StencilReactComponent<UiDropdownItemElement, UiDropdownItemEvents>;
+type UiDropdownMenuEvents = {
+    onUiOpenChange: EventName<CustomEvent<boolean>>;
+};
+export declare const UiDropdownMenu: StencilReactComponent<UiDropdownMenuElement, UiDropdownMenuEvents>;
+type UiFieldEvents = NonNullable<unknown>;
+export declare const UiField: StencilReactComponent<UiFieldElement, UiFieldEvents>;
+type UiInputEvents = {
+    onUiInput: EventName<CustomEvent<string>>;
+    onUiChange: EventName<CustomEvent<string>>;
+};
+export declare const UiInput: StencilReactComponent<UiInputElement, UiInputEvents>;
+type UiLabelEvents = NonNullable<unknown>;
+export declare const UiLabel: StencilReactComponent<UiLabelElement, UiLabelEvents>;
+type UiLoadingOverlayEvents = NonNullable<unknown>;
+export declare const UiLoadingOverlay: StencilReactComponent<UiLoadingOverlayElement, UiLoadingOverlayEvents>;
+type UiPopoverEvents = {
+    onUiOpenChange: EventName<CustomEvent<boolean>>;
+};
+export declare const UiPopover: StencilReactComponent<UiPopoverElement, UiPopoverEvents>;
+type UiProgressEvents = NonNullable<unknown>;
+export declare const UiProgress: StencilReactComponent<UiProgressElement, UiProgressEvents>;
+type UiRadioGroupEvents = {
+    onUiChange: EventName<CustomEvent<string>>;
+};
+export declare const UiRadioGroup: StencilReactComponent<UiRadioGroupElement, UiRadioGroupEvents>;
+type UiRevealEvents = NonNullable<unknown>;
+export declare const UiReveal: StencilReactComponent<UiRevealElement, UiRevealEvents>;
+type UiScrollProgressEvents = NonNullable<unknown>;
+export declare const UiScrollProgress: StencilReactComponent<UiScrollProgressElement, UiScrollProgressEvents>;
+type UiSectionEvents = NonNullable<unknown>;
+export declare const UiSection: StencilReactComponent<UiSectionElement, UiSectionEvents>;
+type UiSelectEvents = {
+    onUiChange: EventName<CustomEvent<string>>;
+};
+export declare const UiSelect: StencilReactComponent<UiSelectElement, UiSelectEvents>;
+type UiSeparatorEvents = NonNullable<unknown>;
+export declare const UiSeparator: StencilReactComponent<UiSeparatorElement, UiSeparatorEvents>;
+type UiSkeletonEvents = NonNullable<unknown>;
+export declare const UiSkeleton: StencilReactComponent<UiSkeletonElement, UiSkeletonEvents>;
+type UiSliderEvents = {
+    onUiInput: EventName<CustomEvent<number>>;
+    onUiChange: EventName<CustomEvent<number>>;
+};
+export declare const UiSlider: StencilReactComponent<UiSliderElement, UiSliderEvents>;
+type UiSpinnerEvents = NonNullable<unknown>;
+export declare const UiSpinner: StencilReactComponent<UiSpinnerElement, UiSpinnerEvents>;
+type UiSwitchEvents = {
+    onUiChange: EventName<CustomEvent<boolean>>;
+};
+export declare const UiSwitch: StencilReactComponent<UiSwitchElement, UiSwitchEvents>;
+type UiTabsEvents = {
+    onUiChange: EventName<CustomEvent<string>>;
+};
+export declare const UiTabs: StencilReactComponent<UiTabsElement, UiTabsEvents>;
+type UiTextareaEvents = {
+    onUiInput: EventName<CustomEvent<string>>;
+    onUiChange: EventName<CustomEvent<string>>;
+};
+export declare const UiTextarea: StencilReactComponent<UiTextareaElement, UiTextareaEvents>;
+type UiThemeToggleEvents = {
+    onUiThemeChange: EventName<CustomEvent<"light" | "dark">>;
+};
+export declare const UiThemeToggle: StencilReactComponent<UiThemeToggleElement, UiThemeToggleEvents>;
+type UiToastEvents = {
+    onUiClose: EventName<CustomEvent<void>>;
+};
+export declare const UiToast: StencilReactComponent<UiToastElement, UiToastEvents>;
+type UiToasterEvents = NonNullable<unknown>;
+export declare const UiToaster: StencilReactComponent<UiToasterElement, UiToasterEvents>;
+type UiTooltipEvents = NonNullable<unknown>;
+export declare const UiTooltip: StencilReactComponent<UiTooltipElement, UiTooltipEvents>;
+export {};

package/dist/components.js

@@ -0,0 +1,314 @@
+'use client';
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+/* eslint-disable */
+import { UiAccordionItem as UiAccordionItemElement, defineCustomElement as defineUiAccordionItem } from "@andespindola/ui-core/dist/components/ui-accordion-item.js";
+import { UiAccordion as UiAccordionElement, defineCustomElement as defineUiAccordion } from "@andespindola/ui-core/dist/components/ui-accordion.js";
+import { UiAvatar as UiAvatarElement, defineCustomElement as defineUiAvatar } from "@andespindola/ui-core/dist/components/ui-avatar.js";
+import { UiBadge as UiBadgeElement, defineCustomElement as defineUiBadge } from "@andespindola/ui-core/dist/components/ui-badge.js";
+import { UiButton as UiButtonElement, defineCustomElement as defineUiButton } from "@andespindola/ui-core/dist/components/ui-button.js";
+import { UiCard as UiCardElement, defineCustomElement as defineUiCard } from "@andespindola/ui-core/dist/components/ui-card.js";
+import { UiCheckbox as UiCheckboxElement, defineCustomElement as defineUiCheckbox } from "@andespindola/ui-core/dist/components/ui-checkbox.js";
+import { UiDialog as UiDialogElement, defineCustomElement as defineUiDialog } from "@andespindola/ui-core/dist/components/ui-dialog.js";
+import { UiDrawer as UiDrawerElement, defineCustomElement as defineUiDrawer } from "@andespindola/ui-core/dist/components/ui-drawer.js";
+import { UiDropdownItem as UiDropdownItemElement, defineCustomElement as defineUiDropdownItem } from "@andespindola/ui-core/dist/components/ui-dropdown-item.js";
+import { UiDropdownMenu as UiDropdownMenuElement, defineCustomElement as defineUiDropdownMenu } from "@andespindola/ui-core/dist/components/ui-dropdown-menu.js";
+import { UiField as UiFieldElement, defineCustomElement as defineUiField } from "@andespindola/ui-core/dist/components/ui-field.js";
+import { UiInput as UiInputElement, defineCustomElement as defineUiInput } from "@andespindola/ui-core/dist/components/ui-input.js";
+import { UiLabel as UiLabelElement, defineCustomElement as defineUiLabel } from "@andespindola/ui-core/dist/components/ui-label.js";
+import { UiLoadingOverlay as UiLoadingOverlayElement, defineCustomElement as defineUiLoadingOverlay } from "@andespindola/ui-core/dist/components/ui-loading-overlay.js";
+import { UiPopover as UiPopoverElement, defineCustomElement as defineUiPopover } from "@andespindola/ui-core/dist/components/ui-popover.js";
+import { UiProgress as UiProgressElement, defineCustomElement as defineUiProgress } from "@andespindola/ui-core/dist/components/ui-progress.js";
+import { UiRadioGroup as UiRadioGroupElement, defineCustomElement as defineUiRadioGroup } from "@andespindola/ui-core/dist/components/ui-radio-group.js";
+import { UiReveal as UiRevealElement, defineCustomElement as defineUiReveal } from "@andespindola/ui-core/dist/components/ui-reveal.js";
+import { UiScrollProgress as UiScrollProgressElement, defineCustomElement as defineUiScrollProgress } from "@andespindola/ui-core/dist/components/ui-scroll-progress.js";
+import { UiSection as UiSectionElement, defineCustomElement as defineUiSection } from "@andespindola/ui-core/dist/components/ui-section.js";
+import { UiSelect as UiSelectElement, defineCustomElement as defineUiSelect } from "@andespindola/ui-core/dist/components/ui-select.js";
+import { UiSeparator as UiSeparatorElement, defineCustomElement as defineUiSeparator } from "@andespindola/ui-core/dist/components/ui-separator.js";
+import { UiSkeleton as UiSkeletonElement, defineCustomElement as defineUiSkeleton } from "@andespindola/ui-core/dist/components/ui-skeleton.js";
+import { UiSlider as UiSliderElement, defineCustomElement as defineUiSlider } from "@andespindola/ui-core/dist/components/ui-slider.js";
+import { UiSpinner as UiSpinnerElement, defineCustomElement as defineUiSpinner } from "@andespindola/ui-core/dist/components/ui-spinner.js";
+import { UiSwitch as UiSwitchElement, defineCustomElement as defineUiSwitch } from "@andespindola/ui-core/dist/components/ui-switch.js";
+import { UiTabs as UiTabsElement, defineCustomElement as defineUiTabs } from "@andespindola/ui-core/dist/components/ui-tabs.js";
+import { UiTextarea as UiTextareaElement, defineCustomElement as defineUiTextarea } from "@andespindola/ui-core/dist/components/ui-textarea.js";
+import { UiThemeToggle as UiThemeToggleElement, defineCustomElement as defineUiThemeToggle } from "@andespindola/ui-core/dist/components/ui-theme-toggle.js";
+import { UiToast as UiToastElement, defineCustomElement as defineUiToast } from "@andespindola/ui-core/dist/components/ui-toast.js";
+import { UiToaster as UiToasterElement, defineCustomElement as defineUiToaster } from "@andespindola/ui-core/dist/components/ui-toaster.js";
+import { UiTooltip as UiTooltipElement, defineCustomElement as defineUiTooltip } from "@andespindola/ui-core/dist/components/ui-tooltip.js";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+export const UiAccordion = /*@__PURE__*/ createComponent({
+    tagName: 'ui-accordion',
+    elementClass: UiAccordionElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineUiAccordion
+});
+export const UiAccordionItem = /*@__PURE__*/ createComponent({
+    tagName: 'ui-accordion-item',
+    elementClass: UiAccordionItemElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onUiToggle: 'uiToggle' },
+    defineCustomElement: defineUiAccordionItem
+});
+export const UiAvatar = /*@__PURE__*/ createComponent({
+    tagName: 'ui-avatar',
+    elementClass: UiAvatarElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineUiAvatar
+});
+export const UiBadge = /*@__PURE__*/ createComponent({
+    tagName: 'ui-badge',
+    elementClass: UiBadgeElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineUiBadge
+});
+export const UiButton = /*@__PURE__*/ createComponent({
+    tagName: 'ui-button',
+    elementClass: UiButtonElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineUiButton
+});
+export const UiCard = /*@__PURE__*/ createComponent({
+    tagName: 'ui-card',
+    elementClass: UiCardElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineUiCard
+});
+export const UiCheckbox = /*@__PURE__*/ createComponent({
+    tagName: 'ui-checkbox',
+    elementClass: UiCheckboxElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onUiChange: 'uiChange' },
+    defineCustomElement: defineUiCheckbox
+});
+export const UiDialog = /*@__PURE__*/ createComponent({
+    tagName: 'ui-dialog',
+    elementClass: UiDialogElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onUiClose: 'uiClose' },
+    defineCustomElement: defineUiDialog
+});
+export const UiDrawer = /*@__PURE__*/ createComponent({
+    tagName: 'ui-drawer',
+    elementClass: UiDrawerElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onUiClose: 'uiClose' },
+    defineCustomElement: defineUiDrawer
+});
+export const UiDropdownItem = /*@__PURE__*/ createComponent({
+    tagName: 'ui-dropdown-item',
+    elementClass: UiDropdownItemElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onUiSelect: 'uiSelect' },
+    defineCustomElement: defineUiDropdownItem
+});
+export const UiDropdownMenu = /*@__PURE__*/ createComponent({
+    tagName: 'ui-dropdown-menu',
+    elementClass: UiDropdownMenuElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onUiOpenChange: 'uiOpenChange' },
+    defineCustomElement: defineUiDropdownMenu
+});
+export const UiField = /*@__PURE__*/ createComponent({
+    tagName: 'ui-field',
+    elementClass: UiFieldElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineUiField
+});
+export const UiInput = /*@__PURE__*/ createComponent({
+    tagName: 'ui-input',
+    elementClass: UiInputElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {
+        onUiInput: 'uiInput',
+        onUiChange: 'uiChange'
+    },
+    defineCustomElement: defineUiInput
+});
+export const UiLabel = /*@__PURE__*/ createComponent({
+    tagName: 'ui-label',
+    elementClass: UiLabelElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineUiLabel
+});
+export const UiLoadingOverlay = /*@__PURE__*/ createComponent({
+    tagName: 'ui-loading-overlay',
+    elementClass: UiLoadingOverlayElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineUiLoadingOverlay
+});
+export const UiPopover = /*@__PURE__*/ createComponent({
+    tagName: 'ui-popover',
+    elementClass: UiPopoverElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onUiOpenChange: 'uiOpenChange' },
+    defineCustomElement: defineUiPopover
+});
+export const UiProgress = /*@__PURE__*/ createComponent({
+    tagName: 'ui-progress',
+    elementClass: UiProgressElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineUiProgress
+});
+export const UiRadioGroup = /*@__PURE__*/ createComponent({
+    tagName: 'ui-radio-group',
+    elementClass: UiRadioGroupElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onUiChange: 'uiChange' },
+    defineCustomElement: defineUiRadioGroup
+});
+export const UiReveal = /*@__PURE__*/ createComponent({
+    tagName: 'ui-reveal',
+    elementClass: UiRevealElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineUiReveal
+});
+export const UiScrollProgress = /*@__PURE__*/ createComponent({
+    tagName: 'ui-scroll-progress',
+    elementClass: UiScrollProgressElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineUiScrollProgress
+});
+export const UiSection = /*@__PURE__*/ createComponent({
+    tagName: 'ui-section',
+    elementClass: UiSectionElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineUiSection
+});
+export const UiSelect = /*@__PURE__*/ createComponent({
+    tagName: 'ui-select',
+    elementClass: UiSelectElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onUiChange: 'uiChange' },
+    defineCustomElement: defineUiSelect
+});
+export const UiSeparator = /*@__PURE__*/ createComponent({
+    tagName: 'ui-separator',
+    elementClass: UiSeparatorElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineUiSeparator
+});
+export const UiSkeleton = /*@__PURE__*/ createComponent({
+    tagName: 'ui-skeleton',
+    elementClass: UiSkeletonElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineUiSkeleton
+});
+export const UiSlider = /*@__PURE__*/ createComponent({
+    tagName: 'ui-slider',
+    elementClass: UiSliderElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {
+        onUiInput: 'uiInput',
+        onUiChange: 'uiChange'
+    },
+    defineCustomElement: defineUiSlider
+});
+export const UiSpinner = /*@__PURE__*/ createComponent({
+    tagName: 'ui-spinner',
+    elementClass: UiSpinnerElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineUiSpinner
+});
+export const UiSwitch = /*@__PURE__*/ createComponent({
+    tagName: 'ui-switch',
+    elementClass: UiSwitchElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onUiChange: 'uiChange' },
+    defineCustomElement: defineUiSwitch
+});
+export const UiTabs = /*@__PURE__*/ createComponent({
+    tagName: 'ui-tabs',
+    elementClass: UiTabsElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onUiChange: 'uiChange' },
+    defineCustomElement: defineUiTabs
+});
+export const UiTextarea = /*@__PURE__*/ createComponent({
+    tagName: 'ui-textarea',
+    elementClass: UiTextareaElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {
+        onUiInput: 'uiInput',
+        onUiChange: 'uiChange'
+    },
+    defineCustomElement: defineUiTextarea
+});
+export const UiThemeToggle = /*@__PURE__*/ createComponent({
+    tagName: 'ui-theme-toggle',
+    elementClass: UiThemeToggleElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onUiThemeChange: 'uiThemeChange' },
+    defineCustomElement: defineUiThemeToggle
+});
+export const UiToast = /*@__PURE__*/ createComponent({
+    tagName: 'ui-toast',
+    elementClass: UiToastElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onUiClose: 'uiClose' },
+    defineCustomElement: defineUiToast
+});
+export const UiToaster = /*@__PURE__*/ createComponent({
+    tagName: 'ui-toaster',
+    elementClass: UiToasterElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineUiToaster
+});
+export const UiTooltip = /*@__PURE__*/ createComponent({
+    tagName: 'ui-tooltip',
+    elementClass: UiTooltipElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineUiTooltip
+});

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from "./components";

package/dist/index.js

@@ -0,0 +1 @@
+export * from "./components";

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@andespindola/ui-react",
+  "version": "0.1.0",
+  "description": "Wrappers React (e Next.js) para os Web Components do design system @andespindola/ui-core.",
+  "license": "MIT",
+  "author": "Anderson Espindola <andersonfaustinolima@gmail.com>",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": ["dist", "README.md"],
+  "publishConfig": { "access": "public" },
+  "scripts": {
+    "build": "tsc -p tsconfig.json"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "@andespindola/ui-core": "0.1.0",
+    "@stencil/react-output-target": "^0.8.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "typescript": "^5.7.3"
+  }
+}