@luzmo/react-lucero 1.0.3-alpha.18 → 2.0.0

package/esm/components/accordion-item.d.ts

@@ -0,0 +1,14 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoAccordionItem as LuzmoAccordionItemClass } from '@luzmo/lucero/accordion';
+/**
+ * React wrapper for <luzmo-accordion-item>
+ *
+ * @event onLuzmoAccordionItemToggle - Announce that an accordion item has been toggled while allowing the event to be cancelled.
+ * @event onKeydown - Trick :focus-visible polyfill into thinking keyboard based focus
+ */
+export declare const LuzmoAccordionItem: ReactWebComponent<LuzmoAccordionItemClass, {
+    onLuzmoAccordionItemToggle: EventName<CustomEvent>;
+    onKeydown: EventName<KeyboardEvent>;
+}>;
+/** The underlying custom element type for LuzmoAccordionItem */
+export type LuzmoAccordionItemElement = LuzmoAccordionItemClass;

package/esm/components/accordion-item.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoAccordionItem as LuzmoAccordionItemClass } from '@luzmo/lucero/accordion';
+const LuzmoAccordionItemComponent = createComponent({
+    tagName: 'luzmo-accordion-item',
+    elementClass: LuzmoAccordionItemClass,
+    react: React,
+    events: {
+        onLuzmoAccordionItemToggle: 'luzmo-accordion-item-toggle',
+        onKeydown: 'keydown'
+    }
+});
+/**
+ * React wrapper for <luzmo-accordion-item>
+ *
+ * @event onLuzmoAccordionItemToggle - Announce that an accordion item has been toggled while allowing the event to be cancelled.
+ * @event onKeydown - Trick :focus-visible polyfill into thinking keyboard based focus
+ */
+export const LuzmoAccordionItem = LuzmoAccordionItemComponent;

package/esm/components/button.d.ts

@@ -3,11 +3,9 @@ import { LuzmoButton as LuzmoButtonClass } from '@luzmo/lucero/button';
 /**
  * React wrapper for <luzmo-button>
  *
- * @event onChange - Announces that the `value` of the element has changed
  * @event onKeydown - Trick :focus-visible polyfill into thinking keyboard based focus
  */
 export declare const LuzmoButton: ReactWebComponent<LuzmoButtonClass, {
-    onChange: EventName<CustomEvent>;
     onKeydown: EventName<KeyboardEvent>;
 }>;
 /** The underlying custom element type for LuzmoButton */

package/esm/components/button.js

@@ -6,14 +6,12 @@ const LuzmoButtonComponent = createComponent({
     elementClass: LuzmoButtonClass,
     react: React,
     events: {
-        onChange: 'change',
         onKeydown: 'keydown'
     }
 });
 /**
  * React wrapper for <luzmo-button>
  *
- * @event onChange - Announces that the `value` of the element has changed
  * @event onKeydown - Trick :focus-visible polyfill into thinking keyboard based focus
  */
 export const LuzmoButton = LuzmoButtonComponent;

package/esm/components/clear-button.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoClearButton as LuzmoClearButtonClass } from '@luzmo/lucero/button';
+/**
+ * React wrapper for <luzmo-clear-button>
+ *
+ * @event onKeydown - Trick :focus-visible polyfill into thinking keyboard based focus
+ */
+export declare const LuzmoClearButton: ReactWebComponent<LuzmoClearButtonClass, {
+    onKeydown: EventName<KeyboardEvent>;
+}>;
+/** The underlying custom element type for LuzmoClearButton */
+export type LuzmoClearButtonElement = LuzmoClearButtonClass;

package/esm/components/clear-button.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoClearButton as LuzmoClearButtonClass } from '@luzmo/lucero/button';
+const LuzmoClearButtonComponent = createComponent({
+    tagName: 'luzmo-clear-button',
+    elementClass: LuzmoClearButtonClass,
+    react: React,
+    events: {
+        onKeydown: 'keydown'
+    }
+});
+/**
+ * React wrapper for <luzmo-clear-button>
+ *
+ * @event onKeydown - Trick :focus-visible polyfill into thinking keyboard based focus
+ */
+export const LuzmoClearButton = LuzmoClearButtonComponent;

package/esm/components/close-button.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoCloseButton as LuzmoCloseButtonClass } from '@luzmo/lucero/button';
+/**
+ * React wrapper for <luzmo-close-button>
+ *
+ * @event onKeydown - Trick :focus-visible polyfill into thinking keyboard based focus
+ */
+export declare const LuzmoCloseButton: ReactWebComponent<LuzmoCloseButtonClass, {
+    onKeydown: EventName<KeyboardEvent>;
+}>;
+/** The underlying custom element type for LuzmoCloseButton */
+export type LuzmoCloseButtonElement = LuzmoCloseButtonClass;

package/esm/components/close-button.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoCloseButton as LuzmoCloseButtonClass } from '@luzmo/lucero/button';
+const LuzmoCloseButtonComponent = createComponent({
+    tagName: 'luzmo-close-button',
+    elementClass: LuzmoCloseButtonClass,
+    react: React,
+    events: {
+        onKeydown: 'keydown'
+    }
+});
+/**
+ * React wrapper for <luzmo-close-button>
+ *
+ * @event onKeydown - Trick :focus-visible polyfill into thinking keyboard based focus
+ */
+export const LuzmoCloseButton = LuzmoCloseButtonComponent;

package/esm/components/help-text.d.ts

@@ -0,0 +1,8 @@
+import { ReactWebComponent } from '@lit/react';
+import { LuzmoHelpText as LuzmoHelpTextClass } from '@luzmo/lucero/text-field';
+/**
+ * React wrapper for <luzmo-help-text>
+ */
+export declare const LuzmoHelpText: ReactWebComponent<LuzmoHelpTextClass>;
+/** The underlying custom element type for LuzmoHelpText */
+export type LuzmoHelpTextElement = LuzmoHelpTextClass;

package/esm/components/help-text.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoHelpText as LuzmoHelpTextClass } from '@luzmo/lucero/text-field';
+const LuzmoHelpTextComponent = createComponent({
+    tagName: 'luzmo-help-text',
+    elementClass: LuzmoHelpTextClass,
+    react: React,
+    events: {}
+});
+/**
+ * React wrapper for <luzmo-help-text>
+ */
+export const LuzmoHelpText = LuzmoHelpTextComponent;

package/esm/components/menu-divider.d.ts

@@ -0,0 +1,8 @@
+import { ReactWebComponent } from '@lit/react';
+import { LuzmoMenuDivider as LuzmoMenuDividerClass } from '@luzmo/lucero/menu';
+/**
+ * React wrapper for <luzmo-menu-divider>
+ */
+export declare const LuzmoMenuDivider: ReactWebComponent<LuzmoMenuDividerClass>;
+/** The underlying custom element type for LuzmoMenuDivider */
+export type LuzmoMenuDividerElement = LuzmoMenuDividerClass;

package/esm/components/menu-divider.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoMenuDivider as LuzmoMenuDividerClass } from '@luzmo/lucero/menu';
+const LuzmoMenuDividerComponent = createComponent({
+    tagName: 'luzmo-menu-divider',
+    elementClass: LuzmoMenuDividerClass,
+    react: React,
+    events: {}
+});
+/**
+ * React wrapper for <luzmo-menu-divider>
+ */
+export const LuzmoMenuDivider = LuzmoMenuDividerComponent;

package/esm/components/menu-group.d.ts

@@ -0,0 +1,13 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoMenuGroup as LuzmoMenuGroupClass } from '@luzmo/lucero/menu';
+/**
+ * React wrapper for <luzmo-menu-group>
+ *
+ * @event onChange - Announces that the `value` of the element has changed
+ */
+export declare const LuzmoMenuGroup: ReactWebComponent<LuzmoMenuGroupClass, {
+    onChange: EventName<Event>;
+    onClose: EventName<Event>;
+}>;
+/** The underlying custom element type for LuzmoMenuGroup */
+export type LuzmoMenuGroupElement = LuzmoMenuGroupClass;

package/esm/components/menu-group.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoMenuGroup as LuzmoMenuGroupClass } from '@luzmo/lucero/menu';
+const LuzmoMenuGroupComponent = createComponent({
+    tagName: 'luzmo-menu-group',
+    elementClass: LuzmoMenuGroupClass,
+    react: React,
+    events: {
+        onChange: 'change',
+        onClose: 'close'
+    }
+});
+/**
+ * React wrapper for <luzmo-menu-group>
+ *
+ * @event onChange - Announces that the `value` of the element has changed
+ */
+export const LuzmoMenuGroup = LuzmoMenuGroupComponent;

package/esm/components/menu-item.d.ts

@@ -0,0 +1,14 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoMenuItem as LuzmoMenuItemClass } from '@luzmo/lucero/menu';
+/**
+ * React wrapper for <luzmo-menu-item>
+ *
+ * @event onLuzmoMenuItemAddedOrUpdated - announces the item has been added or updated so a parent menu can take ownership
+ * @event onKeydown - Trick :focus-visible polyfill into thinking keyboard based focus
+ */
+export declare const LuzmoMenuItem: ReactWebComponent<LuzmoMenuItemClass, {
+    onLuzmoMenuItemAddedOrUpdated: EventName<CustomEvent>;
+    onKeydown: EventName<KeyboardEvent>;
+}>;
+/** The underlying custom element type for LuzmoMenuItem */
+export type LuzmoMenuItemElement = LuzmoMenuItemClass;

package/esm/components/menu-item.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoMenuItem as LuzmoMenuItemClass } from '@luzmo/lucero/menu';
+const LuzmoMenuItemComponent = createComponent({
+    tagName: 'luzmo-menu-item',
+    elementClass: LuzmoMenuItemClass,
+    react: React,
+    events: {
+        onLuzmoMenuItemAddedOrUpdated: 'luzmo-menu-item-added-or-updated',
+        onKeydown: 'keydown'
+    }
+});
+/**
+ * React wrapper for <luzmo-menu-item>
+ *
+ * @event onLuzmoMenuItemAddedOrUpdated - announces the item has been added or updated so a parent menu can take ownership
+ * @event onKeydown - Trick :focus-visible polyfill into thinking keyboard based focus
+ */
+export const LuzmoMenuItem = LuzmoMenuItemComponent;

package/esm/components/option.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoOption as LuzmoOptionClass } from '@luzmo/lucero/options';
+/**
+ * React wrapper for <luzmo-option>
+ *
+ * @event onKeydown - Trick :focus-visible polyfill into thinking keyboard based focus
+ */
+export declare const LuzmoOption: ReactWebComponent<LuzmoOptionClass, {
+    onKeydown: EventName<KeyboardEvent>;
+}>;
+/** The underlying custom element type for LuzmoOption */
+export type LuzmoOptionElement = LuzmoOptionClass;

package/esm/components/option.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoOption as LuzmoOptionClass } from '@luzmo/lucero/options';
+const LuzmoOptionComponent = createComponent({
+    tagName: 'luzmo-option',
+    elementClass: LuzmoOptionClass,
+    react: React,
+    events: {
+        onKeydown: 'keydown'
+    }
+});
+/**
+ * React wrapper for <luzmo-option>
+ *
+ * @event onKeydown - Trick :focus-visible polyfill into thinking keyboard based focus
+ */
+export const LuzmoOption = LuzmoOptionComponent;

package/esm/components/options-divider.d.ts

@@ -0,0 +1,8 @@
+import { ReactWebComponent } from '@lit/react';
+import { LuzmoOptionsDivider as LuzmoOptionsDividerClass } from '@luzmo/lucero/options';
+/**
+ * React wrapper for <luzmo-options-divider>
+ */
+export declare const LuzmoOptionsDivider: ReactWebComponent<LuzmoOptionsDividerClass>;
+/** The underlying custom element type for LuzmoOptionsDivider */
+export type LuzmoOptionsDividerElement = LuzmoOptionsDividerClass;

package/esm/components/options-divider.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoOptionsDivider as LuzmoOptionsDividerClass } from '@luzmo/lucero/options';
+const LuzmoOptionsDividerComponent = createComponent({
+    tagName: 'luzmo-options-divider',
+    elementClass: LuzmoOptionsDividerClass,
+    react: React,
+    events: {}
+});
+/**
+ * React wrapper for <luzmo-options-divider>
+ */
+export const LuzmoOptionsDivider = LuzmoOptionsDividerComponent;

package/esm/components/overlay-trigger.d.ts

@@ -0,0 +1,14 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoOverlayTrigger as LuzmoOverlayTriggerClass } from '@luzmo/lucero/overlay';
+/**
+ * React wrapper for <luzmo-overlay-trigger>
+ *
+ * @event onLuzmoOpened - Announces that the overlay has been opened
+ * @event onLuzmoClosed - Announces that the overlay has been closed
+ */
+export declare const LuzmoOverlayTrigger: ReactWebComponent<LuzmoOverlayTriggerClass, {
+    onLuzmoOpened: EventName<CustomEvent>;
+    onLuzmoClosed: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoOverlayTrigger */
+export type LuzmoOverlayTriggerElement = LuzmoOverlayTriggerClass;

package/esm/components/overlay-trigger.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoOverlayTrigger as LuzmoOverlayTriggerClass } from '@luzmo/lucero/overlay';
+const LuzmoOverlayTriggerComponent = createComponent({
+    tagName: 'luzmo-overlay-trigger',
+    elementClass: LuzmoOverlayTriggerClass,
+    react: React,
+    events: {
+        onLuzmoOpened: 'luzmo-opened',
+        onLuzmoClosed: 'luzmo-closed'
+    }
+});
+/**
+ * React wrapper for <luzmo-overlay-trigger>
+ *
+ * @event onLuzmoOpened - Announces that the overlay has been opened
+ * @event onLuzmoClosed - Announces that the overlay has been closed
+ */
+export const LuzmoOverlayTrigger = LuzmoOverlayTriggerComponent;

package/esm/components/radio-group.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoRadioGroup as LuzmoRadioGroupClass } from '@luzmo/lucero/radio';
+/**
+ * React wrapper for <luzmo-radio-group>
+ *
+ * @event onChange - An alteration to the value of the element has been committed by the user.
+ */
+export declare const LuzmoRadioGroup: ReactWebComponent<LuzmoRadioGroupClass, {
+    onChange: EventName<Event>;
+}>;
+/** The underlying custom element type for LuzmoRadioGroup */
+export type LuzmoRadioGroupElement = LuzmoRadioGroupClass;

package/esm/components/radio-group.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoRadioGroup as LuzmoRadioGroupClass } from '@luzmo/lucero/radio';
+const LuzmoRadioGroupComponent = createComponent({
+    tagName: 'luzmo-radio-group',
+    elementClass: LuzmoRadioGroupClass,
+    react: React,
+    events: {
+        onChange: 'change'
+    }
+});
+/**
+ * React wrapper for <luzmo-radio-group>
+ *
+ * @event onChange - An alteration to the value of the element has been committed by the user.
+ */
+export const LuzmoRadioGroup = LuzmoRadioGroupComponent;

package/esm/components/slider-handle.d.ts

@@ -0,0 +1,15 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoSliderHandle as LuzmoSliderHandleClass } from '@luzmo/lucero/slider';
+/**
+ * A value model for a handle slotted into `luzmo-slider`. It renders nothing
+ * itself; the parent slider draws the thumb and owns the interaction.
+ *
+ * @event onInput - The handle value changed during user interaction.
+ * @event onChange - The handle value change was committed.
+ */
+export declare const LuzmoSliderHandle: ReactWebComponent<LuzmoSliderHandleClass, {
+    onInput: EventName<Event>;
+    onChange: EventName<Event>;
+}>;
+/** The underlying custom element type for LuzmoSliderHandle */
+export type LuzmoSliderHandleElement = LuzmoSliderHandleClass;

package/esm/components/slider-handle.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoSliderHandle as LuzmoSliderHandleClass } from '@luzmo/lucero/slider';
+const LuzmoSliderHandleComponent = createComponent({
+    tagName: 'luzmo-slider-handle',
+    elementClass: LuzmoSliderHandleClass,
+    react: React,
+    events: {
+        onInput: 'input',
+        onChange: 'change'
+    }
+});
+/**
+ * A value model for a handle slotted into `luzmo-slider`. It renders nothing
+ * itself; the parent slider draws the thumb and owns the interaction.
+ *
+ * @event onInput - The handle value changed during user interaction.
+ * @event onChange - The handle value change was committed.
+ */
+export const LuzmoSliderHandle = LuzmoSliderHandleComponent;

package/esm/components/slider.d.ts

@@ -1,10 +1,16 @@
 import { EventName, ReactWebComponent } from '@lit/react';
 import { LuzmoSlider as LuzmoSliderClass } from '@luzmo/lucero/slider';
 /**
- * React wrapper for <luzmo-slider>
+ * A numeric slider with one or more handles.
+ *
+ * @event onInput - The value changes during user interaction.
+ * @event onChange - A user value change is committed.
+ * @event onKeydown - Trick :focus-visible polyfill into thinking keyboard based focus
  */
 export declare const LuzmoSlider: ReactWebComponent<LuzmoSliderClass, {
-    onChange: EventName<CustomEvent>;
+    onInput: EventName<Event>;
+    onChange: EventName<Event>;
+    onKeydown: EventName<KeyboardEvent>;
 }>;
 /** The underlying custom element type for LuzmoSlider */
 export type LuzmoSliderElement = LuzmoSliderClass;

package/esm/components/slider.js

@@ -6,10 +6,16 @@ const LuzmoSliderComponent = createComponent({
     elementClass: LuzmoSliderClass,
     react: React,
     events: {
-        onChange: 'change'
+        onInput: 'input',
+        onChange: 'change',
+        onKeydown: 'keydown'
     }
 });
 /**
- * React wrapper for <luzmo-slider>
+ * A numeric slider with one or more handles.
+ *
+ * @event onInput - The value changes during user interaction.
+ * @event onChange - A user value change is committed.
+ * @event onKeydown - Trick :focus-visible polyfill into thinking keyboard based focus
  */
 export const LuzmoSlider = LuzmoSliderComponent;

package/esm/components/swatch-group.d.ts

@@ -0,0 +1,10 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoSwatchGroup as LuzmoSwatchGroupClass } from '@luzmo/lucero/swatch';
+/**
+ * React wrapper for <luzmo-swatch-group>
+ */
+export declare const LuzmoSwatchGroup: ReactWebComponent<LuzmoSwatchGroupClass, {
+    onChange: EventName<Event>;
+}>;
+/** The underlying custom element type for LuzmoSwatchGroup */
+export type LuzmoSwatchGroupElement = LuzmoSwatchGroupClass;

package/esm/components/swatch-group.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoSwatchGroup as LuzmoSwatchGroupClass } from '@luzmo/lucero/swatch';
+const LuzmoSwatchGroupComponent = createComponent({
+    tagName: 'luzmo-swatch-group',
+    elementClass: LuzmoSwatchGroupClass,
+    react: React,
+    events: {
+        onChange: 'change'
+    }
+});
+/**
+ * React wrapper for <luzmo-swatch-group>
+ */
+export const LuzmoSwatchGroup = LuzmoSwatchGroupComponent;

package/esm/components/tab-panel.d.ts

@@ -0,0 +1,8 @@
+import { ReactWebComponent } from '@lit/react';
+import { LuzmoTabPanel as LuzmoTabPanelClass } from '@luzmo/lucero/tabs';
+/**
+ * React wrapper for <luzmo-tab-panel>
+ */
+export declare const LuzmoTabPanel: ReactWebComponent<LuzmoTabPanelClass>;
+/** The underlying custom element type for LuzmoTabPanel */
+export type LuzmoTabPanelElement = LuzmoTabPanelClass;

package/esm/components/tab-panel.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoTabPanel as LuzmoTabPanelClass } from '@luzmo/lucero/tabs';
+const LuzmoTabPanelComponent = createComponent({
+    tagName: 'luzmo-tab-panel',
+    elementClass: LuzmoTabPanelClass,
+    react: React,
+    events: {}
+});
+/**
+ * React wrapper for <luzmo-tab-panel>
+ */
+export const LuzmoTabPanel = LuzmoTabPanelComponent;

package/esm/components/tab.d.ts

@@ -0,0 +1,8 @@
+import { ReactWebComponent } from '@lit/react';
+import { LuzmoTab as LuzmoTabClass } from '@luzmo/lucero/tabs';
+/**
+ * React wrapper for <luzmo-tab>
+ */
+export declare const LuzmoTab: ReactWebComponent<LuzmoTabClass>;
+/** The underlying custom element type for LuzmoTab */
+export type LuzmoTabElement = LuzmoTabClass;

package/esm/components/tab.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoTab as LuzmoTabClass } from '@luzmo/lucero/tabs';
+const LuzmoTabComponent = createComponent({
+    tagName: 'luzmo-tab',
+    elementClass: LuzmoTabClass,
+    react: React,
+    events: {}
+});
+/**
+ * React wrapper for <luzmo-tab>
+ */
+export const LuzmoTab = LuzmoTabComponent;

package/esm/components/tabs-overflow.d.ts

@@ -0,0 +1,8 @@
+import { ReactWebComponent } from '@lit/react';
+import { LuzmoTabsOverflow as LuzmoTabsOverflowClass } from '@luzmo/lucero/tabs';
+/**
+ * React wrapper for <luzmo-tabs-overflow>
+ */
+export declare const LuzmoTabsOverflow: ReactWebComponent<LuzmoTabsOverflowClass>;
+/** The underlying custom element type for LuzmoTabsOverflow */
+export type LuzmoTabsOverflowElement = LuzmoTabsOverflowClass;

package/esm/components/tabs-overflow.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoTabsOverflow as LuzmoTabsOverflowClass } from '@luzmo/lucero/tabs';
+const LuzmoTabsOverflowComponent = createComponent({
+    tagName: 'luzmo-tabs-overflow',
+    elementClass: LuzmoTabsOverflowClass,
+    react: React,
+    events: {}
+});
+/**
+ * React wrapper for <luzmo-tabs-overflow>
+ */
+export const LuzmoTabsOverflow = LuzmoTabsOverflowComponent;

package/esm/components/tag.d.ts

@@ -0,0 +1,10 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoTag as LuzmoTagClass } from '@luzmo/lucero/tags';
+/**
+ * React wrapper for <luzmo-tag>
+ */
+export declare const LuzmoTag: ReactWebComponent<LuzmoTagClass, {
+    onDelete: EventName<Event>;
+}>;
+/** The underlying custom element type for LuzmoTag */
+export type LuzmoTagElement = LuzmoTagClass;

package/esm/components/tag.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoTag as LuzmoTagClass } from '@luzmo/lucero/tags';
+const LuzmoTagComponent = createComponent({
+    tagName: 'luzmo-tag',
+    elementClass: LuzmoTagClass,
+    react: React,
+    events: {
+        onDelete: 'delete'
+    }
+});
+/**
+ * React wrapper for <luzmo-tag>
+ */
+export const LuzmoTag = LuzmoTagComponent;

package/esm/components/top-nav-item.d.ts

@@ -0,0 +1,8 @@
+import { ReactWebComponent } from '@lit/react';
+import { LuzmoTopNavItem as LuzmoTopNavItemClass } from '@luzmo/lucero/top-nav';
+/**
+ * React wrapper for <luzmo-top-nav-item>
+ */
+export declare const LuzmoTopNavItem: ReactWebComponent<LuzmoTopNavItemClass>;
+/** The underlying custom element type for LuzmoTopNavItem */
+export type LuzmoTopNavItemElement = LuzmoTopNavItemClass;

package/esm/components/top-nav-item.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoTopNavItem as LuzmoTopNavItemClass } from '@luzmo/lucero/top-nav';
+const LuzmoTopNavItemComponent = createComponent({
+    tagName: 'luzmo-top-nav-item',
+    elementClass: LuzmoTopNavItemClass,
+    react: React,
+    events: {}
+});
+/**
+ * React wrapper for <luzmo-top-nav-item>
+ */
+export const LuzmoTopNavItem = LuzmoTopNavItemComponent;

package/esm/index.d.ts

@@ -1,4 +1,5 @@
 export { LuzmoAccordion, type LuzmoAccordionElement } from './components/accordion.js';
+export { LuzmoAccordionItem, type LuzmoAccordionItemElement } from './components/accordion-item.js';
 export { LuzmoActionBar, type LuzmoActionBarElement } from './components/action-bar.js';
 export { LuzmoActionButton, type LuzmoActionButtonElement } from './components/action-button.js';
 export { LuzmoActionGroup, type LuzmoActionGroupElement } from './components/action-group.js';
@@ -11,6 +12,8 @@ export { LuzmoCalendar, type LuzmoCalendarElement } from './components/calendar.
 export { LuzmoChatMessage, type LuzmoChatMessageElement } from './components/chat-message.js';
 export { LuzmoChatMessageGroup, type LuzmoChatMessageGroupElement } from './components/chat-message-group.js';
 export { LuzmoCheckbox, type LuzmoCheckboxElement } from './components/checkbox.js';
+export { LuzmoClearButton, type LuzmoClearButtonElement } from './components/clear-button.js';
+export { LuzmoCloseButton, type LuzmoCloseButtonElement } from './components/close-button.js';
 export { LuzmoColorArea, type LuzmoColorAreaElement } from './components/color-area.js';
 export { LuzmoColorField, type LuzmoColorFieldElement } from './components/color-field.js';
 export { LuzmoColorHandle, type LuzmoColorHandleElement } from './components/color-handle.js';
@@ -25,15 +28,22 @@ export { LuzmoDateTimePicker, type LuzmoDateTimePickerElement } from './componen
 export { LuzmoDivider, type LuzmoDividerElement } from './components/divider.js';
 export { LuzmoFieldGroup, type LuzmoFieldGroupElement } from './components/field-group.js';
 export { LuzmoFieldLabel, type LuzmoFieldLabelElement } from './components/field-label.js';
+export { LuzmoHelpText, type LuzmoHelpTextElement } from './components/help-text.js';
 export { LuzmoIcon, type LuzmoIconElement } from './components/icon.js';
 export { LuzmoInfieldButton, type LuzmoInfieldButtonElement } from './components/infield-button.js';
 export { LuzmoLabel, type LuzmoLabelElement } from './components/label.js';
 export { LuzmoMenu, type LuzmoMenuElement } from './components/menu.js';
+export { LuzmoMenuDivider, type LuzmoMenuDividerElement } from './components/menu-divider.js';
+export { LuzmoMenuGroup, type LuzmoMenuGroupElement } from './components/menu-group.js';
+export { LuzmoMenuItem, type LuzmoMenuItemElement } from './components/menu-item.js';
 export { LuzmoMultiLanguageField, type LuzmoMultiLanguageFieldElement } from './components/multi-language-field.js';
 export { LuzmoNotice, type LuzmoNoticeElement } from './components/notice.js';
 export { LuzmoNumberField, type LuzmoNumberFieldElement } from './components/number-field.js';
+export { LuzmoOption, type LuzmoOptionElement } from './components/option.js';
 export { LuzmoOptions, type LuzmoOptionsElement } from './components/options.js';
+export { LuzmoOptionsDivider, type LuzmoOptionsDividerElement } from './components/options-divider.js';
 export { LuzmoOverlay, type LuzmoOverlayElement } from './components/overlay.js';
+export { LuzmoOverlayTrigger, type LuzmoOverlayTriggerElement } from './components/overlay-trigger.js';
 export { LuzmoPicker, type LuzmoPickerElement } from './components/picker.js';
 export { LuzmoPickerButton, type LuzmoPickerButtonElement } from './components/picker-button.js';
 export { LuzmoPopover, type LuzmoPopoverElement } from './components/popover.js';
@@ -43,19 +53,27 @@ export { LuzmoProgressSteps, type LuzmoProgressStepsElement } from './components
 export { LuzmoPromptBox, type LuzmoPromptBoxElement } from './components/prompt-box.js';
 export { LuzmoQuestionBox, type LuzmoQuestionBoxElement } from './components/question-box.js';
 export { LuzmoRadio, type LuzmoRadioElement } from './components/radio.js';
+export { LuzmoRadioGroup, type LuzmoRadioGroupElement } from './components/radio-group.js';
 export { LuzmoSearch, type LuzmoSearchElement } from './components/search.js';
 export { LuzmoSelect, type LuzmoSelectElement } from './components/select.js';
 export { LuzmoSkeletonLoader, type LuzmoSkeletonLoaderElement } from './components/skeleton-loader.js';
 export { LuzmoSlider, type LuzmoSliderElement } from './components/slider.js';
+export { LuzmoSliderHandle, type LuzmoSliderHandleElement } from './components/slider-handle.js';
 export { LuzmoStatusLight, type LuzmoStatusLightElement } from './components/status-light.js';
 export { LuzmoSwatch, type LuzmoSwatchElement } from './components/swatch.js';
+export { LuzmoSwatchGroup, type LuzmoSwatchGroupElement } from './components/swatch-group.js';
 export { LuzmoSwitch, type LuzmoSwitchElement } from './components/switch.js';
+export { LuzmoTab, type LuzmoTabElement } from './components/tab.js';
+export { LuzmoTabPanel, type LuzmoTabPanelElement } from './components/tab-panel.js';
 export { LuzmoTabs, type LuzmoTabsElement } from './components/tabs.js';
+export { LuzmoTabsOverflow, type LuzmoTabsOverflowElement } from './components/tabs-overflow.js';
+export { LuzmoTag, type LuzmoTagElement } from './components/tag.js';
 export { LuzmoTags, type LuzmoTagsElement } from './components/tags.js';
 export { LuzmoTextField, type LuzmoTextFieldElement } from './components/text-field.js';
 export { LuzmoToast, type LuzmoToastElement } from './components/toast.js';
 export { LuzmoTooltip, type LuzmoTooltipElement } from './components/tooltip.js';
 export { LuzmoTopNav, type LuzmoTopNavElement } from './components/top-nav.js';
-export declare const LUZMO_REACT_COMPONENTS: readonly [any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any];
-export declare const LUZMO_REACT_COMPONENT_NAMES: readonly ["LuzmoAccordion", "LuzmoActionBar", "LuzmoActionButton", "LuzmoActionGroup", "LuzmoActionMenu", "LuzmoAvatar", "LuzmoBadge", "LuzmoButton", "LuzmoButtonGroup", "LuzmoCalendar", "LuzmoChatMessage", "LuzmoChatMessageGroup", "LuzmoCheckbox", "LuzmoColorArea", "LuzmoColorField", "LuzmoColorHandle", "LuzmoColorLoupe", "LuzmoColorMenu", "LuzmoColorPalette", "LuzmoColorPaletteGroup", "LuzmoColorPicker", "LuzmoColorSlider", "LuzmoDateRangePicker", "LuzmoDateTimePicker", "LuzmoDivider", "LuzmoFieldGroup", "LuzmoFieldLabel", "LuzmoIcon", "LuzmoInfieldButton", "LuzmoLabel", "LuzmoMenu", "LuzmoMultiLanguageField", "LuzmoNotice", "LuzmoNumberField", "LuzmoOptions", "LuzmoOverlay", "LuzmoPicker", "LuzmoPickerButton", "LuzmoPopover", "LuzmoProgressBar", "LuzmoProgressCircle", "LuzmoProgressSteps", "LuzmoPromptBox", "LuzmoQuestionBox", "LuzmoRadio", "LuzmoSearch", "LuzmoSelect", "LuzmoSkeletonLoader", "LuzmoSlider", "LuzmoStatusLight", "LuzmoSwatch", "LuzmoSwitch", "LuzmoTabs", "LuzmoTags", "LuzmoTextField", "LuzmoToast", "LuzmoTooltip", "LuzmoTopNav"];
+export { LuzmoTopNavItem, type LuzmoTopNavItemElement } from './components/top-nav-item.js';
+export declare const LUZMO_REACT_COMPONENTS: readonly [any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any];
+export declare const LUZMO_REACT_COMPONENT_NAMES: readonly ["LuzmoAccordion", "LuzmoAccordionItem", "LuzmoActionBar", "LuzmoActionButton", "LuzmoActionGroup", "LuzmoActionMenu", "LuzmoAvatar", "LuzmoBadge", "LuzmoButton", "LuzmoButtonGroup", "LuzmoCalendar", "LuzmoChatMessage", "LuzmoChatMessageGroup", "LuzmoCheckbox", "LuzmoClearButton", "LuzmoCloseButton", "LuzmoColorArea", "LuzmoColorField", "LuzmoColorHandle", "LuzmoColorLoupe", "LuzmoColorMenu", "LuzmoColorPalette", "LuzmoColorPaletteGroup", "LuzmoColorPicker", "LuzmoColorSlider", "LuzmoDateRangePicker", "LuzmoDateTimePicker", "LuzmoDivider", "LuzmoFieldGroup", "LuzmoFieldLabel", "LuzmoHelpText", "LuzmoIcon", "LuzmoInfieldButton", "LuzmoLabel", "LuzmoMenu", "LuzmoMenuDivider", "LuzmoMenuGroup", "LuzmoMenuItem", "LuzmoMultiLanguageField", "LuzmoNotice", "LuzmoNumberField", "LuzmoOption", "LuzmoOptions", "LuzmoOptionsDivider", "LuzmoOverlay", "LuzmoOverlayTrigger", "LuzmoPicker", "LuzmoPickerButton", "LuzmoPopover", "LuzmoProgressBar", "LuzmoProgressCircle", "LuzmoProgressSteps", "LuzmoPromptBox", "LuzmoQuestionBox", "LuzmoRadio", "LuzmoRadioGroup", "LuzmoSearch", "LuzmoSelect", "LuzmoSkeletonLoader", "LuzmoSlider", "LuzmoSliderHandle", "LuzmoStatusLight", "LuzmoSwatch", "LuzmoSwatchGroup", "LuzmoSwitch", "LuzmoTab", "LuzmoTabPanel", "LuzmoTabs", "LuzmoTabsOverflow", "LuzmoTag", "LuzmoTags", "LuzmoTextField", "LuzmoToast", "LuzmoTooltip", "LuzmoTopNav", "LuzmoTopNavItem"];
 export type LuzmoReactComponentName = typeof LUZMO_REACT_COMPONENT_NAMES[number];

package/esm/index.js

@@ -1,6 +1,7 @@
 // Auto-generated React wrappers for Luzmo Lucero Design System
 // Generated using @lit/react
 import { LuzmoAccordion } from './components/accordion.js';
+import { LuzmoAccordionItem } from './components/accordion-item.js';
 import { LuzmoActionBar } from './components/action-bar.js';
 import { LuzmoActionButton } from './components/action-button.js';
 import { LuzmoActionGroup } from './components/action-group.js';
@@ -13,6 +14,8 @@ import { LuzmoCalendar } from './components/calendar.js';
 import { LuzmoChatMessage } from './components/chat-message.js';
 import { LuzmoChatMessageGroup } from './components/chat-message-group.js';
 import { LuzmoCheckbox } from './components/checkbox.js';
+import { LuzmoClearButton } from './components/clear-button.js';
+import { LuzmoCloseButton } from './components/close-button.js';
 import { LuzmoColorArea } from './components/color-area.js';
 import { LuzmoColorField } from './components/color-field.js';
 import { LuzmoColorHandle } from './components/color-handle.js';
@@ -27,15 +30,22 @@ import { LuzmoDateTimePicker } from './components/date-time-picker.js';
 import { LuzmoDivider } from './components/divider.js';
 import { LuzmoFieldGroup } from './components/field-group.js';
 import { LuzmoFieldLabel } from './components/field-label.js';
+import { LuzmoHelpText } from './components/help-text.js';
 import { LuzmoIcon } from './components/icon.js';
 import { LuzmoInfieldButton } from './components/infield-button.js';
 import { LuzmoLabel } from './components/label.js';
 import { LuzmoMenu } from './components/menu.js';
+import { LuzmoMenuDivider } from './components/menu-divider.js';
+import { LuzmoMenuGroup } from './components/menu-group.js';
+import { LuzmoMenuItem } from './components/menu-item.js';
 import { LuzmoMultiLanguageField } from './components/multi-language-field.js';
 import { LuzmoNotice } from './components/notice.js';
 import { LuzmoNumberField } from './components/number-field.js';
+import { LuzmoOption } from './components/option.js';
 import { LuzmoOptions } from './components/options.js';
+import { LuzmoOptionsDivider } from './components/options-divider.js';
 import { LuzmoOverlay } from './components/overlay.js';
+import { LuzmoOverlayTrigger } from './components/overlay-trigger.js';
 import { LuzmoPicker } from './components/picker.js';
 import { LuzmoPickerButton } from './components/picker-button.js';
 import { LuzmoPopover } from './components/popover.js';
@@ -45,20 +55,29 @@ import { LuzmoProgressSteps } from './components/progress-steps.js';
 import { LuzmoPromptBox } from './components/prompt-box.js';
 import { LuzmoQuestionBox } from './components/question-box.js';
 import { LuzmoRadio } from './components/radio.js';
+import { LuzmoRadioGroup } from './components/radio-group.js';
 import { LuzmoSearch } from './components/search.js';
 import { LuzmoSelect } from './components/select.js';
 import { LuzmoSkeletonLoader } from './components/skeleton-loader.js';
 import { LuzmoSlider } from './components/slider.js';
+import { LuzmoSliderHandle } from './components/slider-handle.js';
 import { LuzmoStatusLight } from './components/status-light.js';
 import { LuzmoSwatch } from './components/swatch.js';
+import { LuzmoSwatchGroup } from './components/swatch-group.js';
 import { LuzmoSwitch } from './components/switch.js';
+import { LuzmoTab } from './components/tab.js';
+import { LuzmoTabPanel } from './components/tab-panel.js';
 import { LuzmoTabs } from './components/tabs.js';
+import { LuzmoTabsOverflow } from './components/tabs-overflow.js';
+import { LuzmoTag } from './components/tag.js';
 import { LuzmoTags } from './components/tags.js';
 import { LuzmoTextField } from './components/text-field.js';
 import { LuzmoToast } from './components/toast.js';
 import { LuzmoTooltip } from './components/tooltip.js';
 import { LuzmoTopNav } from './components/top-nav.js';
+import { LuzmoTopNavItem } from './components/top-nav-item.js';
 export { LuzmoAccordion } from './components/accordion.js';
+export { LuzmoAccordionItem } from './components/accordion-item.js';
 export { LuzmoActionBar } from './components/action-bar.js';
 export { LuzmoActionButton } from './components/action-button.js';
 export { LuzmoActionGroup } from './components/action-group.js';
@@ -71,6 +90,8 @@ export { LuzmoCalendar } from './components/calendar.js';
 export { LuzmoChatMessage } from './components/chat-message.js';
 export { LuzmoChatMessageGroup } from './components/chat-message-group.js';
 export { LuzmoCheckbox } from './components/checkbox.js';
+export { LuzmoClearButton } from './components/clear-button.js';
+export { LuzmoCloseButton } from './components/close-button.js';
 export { LuzmoColorArea } from './components/color-area.js';
 export { LuzmoColorField } from './components/color-field.js';
 export { LuzmoColorHandle } from './components/color-handle.js';
@@ -85,15 +106,22 @@ export { LuzmoDateTimePicker } from './components/date-time-picker.js';
 export { LuzmoDivider } from './components/divider.js';
 export { LuzmoFieldGroup } from './components/field-group.js';
 export { LuzmoFieldLabel } from './components/field-label.js';
+export { LuzmoHelpText } from './components/help-text.js';
 export { LuzmoIcon } from './components/icon.js';
 export { LuzmoInfieldButton } from './components/infield-button.js';
 export { LuzmoLabel } from './components/label.js';
 export { LuzmoMenu } from './components/menu.js';
+export { LuzmoMenuDivider } from './components/menu-divider.js';
+export { LuzmoMenuGroup } from './components/menu-group.js';
+export { LuzmoMenuItem } from './components/menu-item.js';
 export { LuzmoMultiLanguageField } from './components/multi-language-field.js';
 export { LuzmoNotice } from './components/notice.js';
 export { LuzmoNumberField } from './components/number-field.js';
+export { LuzmoOption } from './components/option.js';
 export { LuzmoOptions } from './components/options.js';
+export { LuzmoOptionsDivider } from './components/options-divider.js';
 export { LuzmoOverlay } from './components/overlay.js';
+export { LuzmoOverlayTrigger } from './components/overlay-trigger.js';
 export { LuzmoPicker } from './components/picker.js';
 export { LuzmoPickerButton } from './components/picker-button.js';
 export { LuzmoPopover } from './components/popover.js';
@@ -103,22 +131,31 @@ export { LuzmoProgressSteps } from './components/progress-steps.js';
 export { LuzmoPromptBox } from './components/prompt-box.js';
 export { LuzmoQuestionBox } from './components/question-box.js';
 export { LuzmoRadio } from './components/radio.js';
+export { LuzmoRadioGroup } from './components/radio-group.js';
 export { LuzmoSearch } from './components/search.js';
 export { LuzmoSelect } from './components/select.js';
 export { LuzmoSkeletonLoader } from './components/skeleton-loader.js';
 export { LuzmoSlider } from './components/slider.js';
+export { LuzmoSliderHandle } from './components/slider-handle.js';
 export { LuzmoStatusLight } from './components/status-light.js';
 export { LuzmoSwatch } from './components/swatch.js';
+export { LuzmoSwatchGroup } from './components/swatch-group.js';
 export { LuzmoSwitch } from './components/switch.js';
+export { LuzmoTab } from './components/tab.js';
+export { LuzmoTabPanel } from './components/tab-panel.js';
 export { LuzmoTabs } from './components/tabs.js';
+export { LuzmoTabsOverflow } from './components/tabs-overflow.js';
+export { LuzmoTag } from './components/tag.js';
 export { LuzmoTags } from './components/tags.js';
 export { LuzmoTextField } from './components/text-field.js';
 export { LuzmoToast } from './components/toast.js';
 export { LuzmoTooltip } from './components/tooltip.js';
 export { LuzmoTopNav } from './components/top-nav.js';
+export { LuzmoTopNavItem } from './components/top-nav-item.js';
 // Array of all React component classes for easy imports
 export const LUZMO_REACT_COMPONENTS = [
     LuzmoAccordion,
+    LuzmoAccordionItem,
     LuzmoActionBar,
     LuzmoActionButton,
     LuzmoActionGroup,
@@ -131,6 +168,8 @@ export const LUZMO_REACT_COMPONENTS = [
     LuzmoChatMessage,
     LuzmoChatMessageGroup,
     LuzmoCheckbox,
+    LuzmoClearButton,
+    LuzmoCloseButton,
     LuzmoColorArea,
     LuzmoColorField,
     LuzmoColorHandle,
@@ -145,15 +184,22 @@ export const LUZMO_REACT_COMPONENTS = [
     LuzmoDivider,
     LuzmoFieldGroup,
     LuzmoFieldLabel,
+    LuzmoHelpText,
     LuzmoIcon,
     LuzmoInfieldButton,
     LuzmoLabel,
     LuzmoMenu,
+    LuzmoMenuDivider,
+    LuzmoMenuGroup,
+    LuzmoMenuItem,
     LuzmoMultiLanguageField,
     LuzmoNotice,
     LuzmoNumberField,
+    LuzmoOption,
     LuzmoOptions,
+    LuzmoOptionsDivider,
     LuzmoOverlay,
+    LuzmoOverlayTrigger,
     LuzmoPicker,
     LuzmoPickerButton,
     LuzmoPopover,
@@ -163,23 +209,32 @@ export const LUZMO_REACT_COMPONENTS = [
     LuzmoPromptBox,
     LuzmoQuestionBox,
     LuzmoRadio,
+    LuzmoRadioGroup,
     LuzmoSearch,
     LuzmoSelect,
     LuzmoSkeletonLoader,
     LuzmoSlider,
+    LuzmoSliderHandle,
     LuzmoStatusLight,
     LuzmoSwatch,
+    LuzmoSwatchGroup,
     LuzmoSwitch,
+    LuzmoTab,
+    LuzmoTabPanel,
     LuzmoTabs,
+    LuzmoTabsOverflow,
+    LuzmoTag,
     LuzmoTags,
     LuzmoTextField,
     LuzmoToast,
     LuzmoTooltip,
-    LuzmoTopNav
+    LuzmoTopNav,
+    LuzmoTopNavItem
 ];
 // List of all available React component names
 export const LUZMO_REACT_COMPONENT_NAMES = [
     'LuzmoAccordion',
+    'LuzmoAccordionItem',
     'LuzmoActionBar',
     'LuzmoActionButton',
     'LuzmoActionGroup',
@@ -192,6 +247,8 @@ export const LUZMO_REACT_COMPONENT_NAMES = [
     'LuzmoChatMessage',
     'LuzmoChatMessageGroup',
     'LuzmoCheckbox',
+    'LuzmoClearButton',
+    'LuzmoCloseButton',
     'LuzmoColorArea',
     'LuzmoColorField',
     'LuzmoColorHandle',
@@ -206,15 +263,22 @@ export const LUZMO_REACT_COMPONENT_NAMES = [
     'LuzmoDivider',
     'LuzmoFieldGroup',
     'LuzmoFieldLabel',
+    'LuzmoHelpText',
     'LuzmoIcon',
     'LuzmoInfieldButton',
     'LuzmoLabel',
     'LuzmoMenu',
+    'LuzmoMenuDivider',
+    'LuzmoMenuGroup',
+    'LuzmoMenuItem',
     'LuzmoMultiLanguageField',
     'LuzmoNotice',
     'LuzmoNumberField',
+    'LuzmoOption',
     'LuzmoOptions',
+    'LuzmoOptionsDivider',
     'LuzmoOverlay',
+    'LuzmoOverlayTrigger',
     'LuzmoPicker',
     'LuzmoPickerButton',
     'LuzmoPopover',
@@ -224,17 +288,25 @@ export const LUZMO_REACT_COMPONENT_NAMES = [
     'LuzmoPromptBox',
     'LuzmoQuestionBox',
     'LuzmoRadio',
+    'LuzmoRadioGroup',
     'LuzmoSearch',
     'LuzmoSelect',
     'LuzmoSkeletonLoader',
     'LuzmoSlider',
+    'LuzmoSliderHandle',
     'LuzmoStatusLight',
     'LuzmoSwatch',
+    'LuzmoSwatchGroup',
     'LuzmoSwitch',
+    'LuzmoTab',
+    'LuzmoTabPanel',
     'LuzmoTabs',
+    'LuzmoTabsOverflow',
+    'LuzmoTag',
     'LuzmoTags',
     'LuzmoTextField',
     'LuzmoToast',
     'LuzmoTooltip',
-    'LuzmoTopNav'
+    'LuzmoTopNav',
+    'LuzmoTopNavItem'
 ];

package/package.json

@@ -30,7 +30,7 @@
     "@lit/react": "^1.0.8",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@luzmo/lucero": "1.0.3-alpha.18"
+    "@luzmo/lucero": "2.0.0"
   },
-  "version": "1.0.3-alpha.18"
+  "version": "2.0.0"
 }