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

package/esm/components/notice.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoNotice as LuzmoNoticeClass, NoticeCloseDetail } from '@luzmo/lucero/notice';
+/**
+ * An inline semantic message with optional dismissal behavior.
+ *
+ * @event onLuzmoNoticeClose - Cancelable request to close the notice. Detail contains the `manual`, `automatic`, or `programmatic` reason.
+ */
+export declare const LuzmoNotice: ReactWebComponent<LuzmoNoticeClass, {
+    onLuzmoNoticeClose: EventName<CustomEvent<NoticeCloseDetail>>;
+}>;
+/** The underlying custom element type for LuzmoNotice */
+export type LuzmoNoticeElement = LuzmoNoticeClass;

package/esm/components/notice.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoNotice as LuzmoNoticeClass } from '@luzmo/lucero/notice';
+const LuzmoNoticeComponent = createComponent({
+    tagName: 'luzmo-notice',
+    elementClass: LuzmoNoticeClass,
+    react: React,
+    events: {
+        onLuzmoNoticeClose: 'luzmo-notice-close'
+    }
+});
+/**
+ * An inline semantic message with optional dismissal behavior.
+ *
+ * @event onLuzmoNoticeClose - Cancelable request to close the notice. Detail contains the `manual`, `automatic`, or `programmatic` reason.
+ */
+export const LuzmoNotice = LuzmoNoticeComponent;

package/esm/components/question-box.d.ts

@@ -0,0 +1,20 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoQuestionBox as LuzmoQuestionBoxClass, QuestionBoxResultDetail } from '@luzmo/lucero/question-box';
+/**
+ * React wrapper for <luzmo-question-box>
+ *
+ * @event onInput - The in-progress answer value changed.
+ * @event onChange - An answer was committed by the user.
+ * @event onLuzmoSubmit - The user accepted. `detail.action` is `accept`.
+ * @event onLuzmoDecline - The user explicitly skipped the request. `detail.action` is `decline`.
+ * @event onLuzmoCancel - The user dismissed the interaction (Close, Escape, or `cancel()`). `detail.action` is `cancel`.
+ */
+export declare const LuzmoQuestionBox: ReactWebComponent<LuzmoQuestionBoxClass, {
+    onInput: EventName<Event>;
+    onChange: EventName<Event>;
+    onLuzmoSubmit: EventName<CustomEvent<QuestionBoxResultDetail>>;
+    onLuzmoDecline: EventName<CustomEvent<QuestionBoxResultDetail>>;
+    onLuzmoCancel: EventName<CustomEvent<QuestionBoxResultDetail>>;
+}>;
+/** The underlying custom element type for LuzmoQuestionBox */
+export type LuzmoQuestionBoxElement = LuzmoQuestionBoxClass;

package/esm/components/question-box.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoQuestionBox as LuzmoQuestionBoxClass } from '@luzmo/lucero/question-box';
+const LuzmoQuestionBoxComponent = createComponent({
+    tagName: 'luzmo-question-box',
+    elementClass: LuzmoQuestionBoxClass,
+    react: React,
+    events: {
+        onInput: 'input',
+        onChange: 'change',
+        onLuzmoSubmit: 'luzmo-submit',
+        onLuzmoDecline: 'luzmo-decline',
+        onLuzmoCancel: 'luzmo-cancel'
+    }
+});
+/**
+ * React wrapper for <luzmo-question-box>
+ *
+ * @event onInput - The in-progress answer value changed.
+ * @event onChange - An answer was committed by the user.
+ * @event onLuzmoSubmit - The user accepted. `detail.action` is `accept`.
+ * @event onLuzmoDecline - The user explicitly skipped the request. `detail.action` is `decline`.
+ * @event onLuzmoCancel - The user dismissed the interaction (Close, Escape, or `cancel()`). `detail.action` is `cancel`.
+ */
+export const LuzmoQuestionBox = LuzmoQuestionBoxComponent;

package/esm/components/radio.d.ts

@@ -4,7 +4,7 @@ import { LuzmoRadio as LuzmoRadioClass } from '@luzmo/lucero/radio';
  * React wrapper for <luzmo-radio>
  *
  * @event onKeydown - Trick :focus-visible polyfill into thinking keyboard based focus
- * @event onChange - When the input is interacted with and its state is changed
+ * @event onChange - The checked value was committed by the user.
  */
 export declare const LuzmoRadio: ReactWebComponent<LuzmoRadioClass, {
     onKeydown: EventName<KeyboardEvent>;

package/esm/components/radio.js

@@ -14,6 +14,6 @@ const LuzmoRadioComponent = createComponent({
  * React wrapper for <luzmo-radio>
  *
  * @event onKeydown - Trick :focus-visible polyfill into thinking keyboard based focus
- * @event onChange - When the input is interacted with and its state is changed
+ * @event onChange - The checked value was committed by the user.
  */
 export const LuzmoRadio = LuzmoRadioComponent;

package/esm/index.d.ts

@@ -30,6 +30,7 @@ export { LuzmoInfieldButton, type LuzmoInfieldButtonElement } from './components
 export { LuzmoLabel, type LuzmoLabelElement } from './components/label.js';
 export { LuzmoMenu, type LuzmoMenuElement } from './components/menu.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 { LuzmoOptions, type LuzmoOptionsElement } from './components/options.js';
 export { LuzmoOverlay, type LuzmoOverlayElement } from './components/overlay.js';
@@ -40,6 +41,7 @@ export { LuzmoProgressBar, type LuzmoProgressBarElement } from './components/pro
 export { LuzmoProgressCircle, type LuzmoProgressCircleElement } from './components/progress-circle.js';
 export { LuzmoProgressSteps, type LuzmoProgressStepsElement } from './components/progress-steps.js';
 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 { LuzmoSearch, type LuzmoSearchElement } from './components/search.js';
 export { LuzmoSelect, type LuzmoSelectElement } from './components/select.js';
@@ -54,6 +56,6 @@ export { LuzmoTextField, type LuzmoTextFieldElement } from './components/text-fi
 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];
-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", "LuzmoNumberField", "LuzmoOptions", "LuzmoOverlay", "LuzmoPicker", "LuzmoPickerButton", "LuzmoPopover", "LuzmoProgressBar", "LuzmoProgressCircle", "LuzmoProgressSteps", "LuzmoPromptBox", "LuzmoRadio", "LuzmoSearch", "LuzmoSelect", "LuzmoSkeletonLoader", "LuzmoSlider", "LuzmoStatusLight", "LuzmoSwatch", "LuzmoSwitch", "LuzmoTabs", "LuzmoTags", "LuzmoTextField", "LuzmoToast", "LuzmoTooltip", "LuzmoTopNav"];
+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 type LuzmoReactComponentName = typeof LUZMO_REACT_COMPONENT_NAMES[number];

package/esm/index.js

@@ -32,6 +32,7 @@ import { LuzmoInfieldButton } from './components/infield-button.js';
 import { LuzmoLabel } from './components/label.js';
 import { LuzmoMenu } from './components/menu.js';
 import { LuzmoMultiLanguageField } from './components/multi-language-field.js';
+import { LuzmoNotice } from './components/notice.js';
 import { LuzmoNumberField } from './components/number-field.js';
 import { LuzmoOptions } from './components/options.js';
 import { LuzmoOverlay } from './components/overlay.js';
@@ -42,6 +43,7 @@ import { LuzmoProgressBar } from './components/progress-bar.js';
 import { LuzmoProgressCircle } from './components/progress-circle.js';
 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 { LuzmoSearch } from './components/search.js';
 import { LuzmoSelect } from './components/select.js';
@@ -88,6 +90,7 @@ export { LuzmoInfieldButton } from './components/infield-button.js';
 export { LuzmoLabel } from './components/label.js';
 export { LuzmoMenu } from './components/menu.js';
 export { LuzmoMultiLanguageField } from './components/multi-language-field.js';
+export { LuzmoNotice } from './components/notice.js';
 export { LuzmoNumberField } from './components/number-field.js';
 export { LuzmoOptions } from './components/options.js';
 export { LuzmoOverlay } from './components/overlay.js';
@@ -98,6 +101,7 @@ export { LuzmoProgressBar } from './components/progress-bar.js';
 export { LuzmoProgressCircle } from './components/progress-circle.js';
 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 { LuzmoSearch } from './components/search.js';
 export { LuzmoSelect } from './components/select.js';
@@ -146,6 +150,7 @@ export const LUZMO_REACT_COMPONENTS = [
     LuzmoLabel,
     LuzmoMenu,
     LuzmoMultiLanguageField,
+    LuzmoNotice,
     LuzmoNumberField,
     LuzmoOptions,
     LuzmoOverlay,
@@ -156,6 +161,7 @@ export const LUZMO_REACT_COMPONENTS = [
     LuzmoProgressCircle,
     LuzmoProgressSteps,
     LuzmoPromptBox,
+    LuzmoQuestionBox,
     LuzmoRadio,
     LuzmoSearch,
     LuzmoSelect,
@@ -205,6 +211,7 @@ export const LUZMO_REACT_COMPONENT_NAMES = [
     'LuzmoLabel',
     'LuzmoMenu',
     'LuzmoMultiLanguageField',
+    'LuzmoNotice',
     'LuzmoNumberField',
     'LuzmoOptions',
     'LuzmoOverlay',
@@ -215,6 +222,7 @@ export const LUZMO_REACT_COMPONENT_NAMES = [
     'LuzmoProgressCircle',
     'LuzmoProgressSteps',
     'LuzmoPromptBox',
+    'LuzmoQuestionBox',
     'LuzmoRadio',
     'LuzmoSearch',
     'LuzmoSelect',

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.17"
+    "@luzmo/lucero": "1.0.3-alpha.18"
   },
-  "version": "1.0.3-alpha.17"
+  "version": "1.0.3-alpha.18"
 }