@luzmo/react-lucero 1.0.3-alpha.14

package/esm/index.d.ts

@@ -0,0 +1,59 @@
+export { LuzmoAccordion, type LuzmoAccordionElement } from './components/accordion.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';
+export { LuzmoActionMenu, type LuzmoActionMenuElement } from './components/action-menu.js';
+export { LuzmoAvatar, type LuzmoAvatarElement } from './components/avatar.js';
+export { LuzmoBadge, type LuzmoBadgeElement } from './components/badge.js';
+export { LuzmoButton, type LuzmoButtonElement } from './components/button.js';
+export { LuzmoButtonGroup, type LuzmoButtonGroupElement } from './components/button-group.js';
+export { LuzmoCalendar, type LuzmoCalendarElement } from './components/calendar.js';
+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 { 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';
+export { LuzmoColorLoupe, type LuzmoColorLoupeElement } from './components/color-loupe.js';
+export { LuzmoColorMenu, type LuzmoColorMenuElement } from './components/color-menu.js';
+export { LuzmoColorPalette, type LuzmoColorPaletteElement } from './components/color-palette.js';
+export { LuzmoColorPaletteGroup, type LuzmoColorPaletteGroupElement } from './components/color-palette-group.js';
+export { LuzmoColorPicker, type LuzmoColorPickerElement } from './components/color-picker.js';
+export { LuzmoColorSlider, type LuzmoColorSliderElement } from './components/color-slider.js';
+export { LuzmoDateRangePicker, type LuzmoDateRangePickerElement } from './components/date-range-picker.js';
+export { LuzmoDateTimePicker, type LuzmoDateTimePickerElement } from './components/date-time-picker.js';
+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 { 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 { LuzmoMultiLanguageField, type LuzmoMultiLanguageFieldElement } from './components/multi-language-field.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';
+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';
+export { LuzmoProgressBar, type LuzmoProgressBarElement } from './components/progress-bar.js';
+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 { LuzmoRadio, type LuzmoRadioElement } from './components/radio.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 { LuzmoStatusLight, type LuzmoStatusLightElement } from './components/status-light.js';
+export { LuzmoSwatch, type LuzmoSwatchElement } from './components/swatch.js';
+export { LuzmoSwitch, type LuzmoSwitchElement } from './components/switch.js';
+export { LuzmoTabs, type LuzmoTabsElement } from './components/tabs.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];
+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 type LuzmoReactComponentName = typeof LUZMO_REACT_COMPONENT_NAMES[number];

package/esm/index.js

@@ -0,0 +1,232 @@
+// Auto-generated React wrappers for Luzmo Lucero Design System
+// Generated using @lit/react
+import { LuzmoAccordion } from './components/accordion.js';
+import { LuzmoActionBar } from './components/action-bar.js';
+import { LuzmoActionButton } from './components/action-button.js';
+import { LuzmoActionGroup } from './components/action-group.js';
+import { LuzmoActionMenu } from './components/action-menu.js';
+import { LuzmoAvatar } from './components/avatar.js';
+import { LuzmoBadge } from './components/badge.js';
+import { LuzmoButton } from './components/button.js';
+import { LuzmoButtonGroup } from './components/button-group.js';
+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 { LuzmoColorArea } from './components/color-area.js';
+import { LuzmoColorField } from './components/color-field.js';
+import { LuzmoColorHandle } from './components/color-handle.js';
+import { LuzmoColorLoupe } from './components/color-loupe.js';
+import { LuzmoColorMenu } from './components/color-menu.js';
+import { LuzmoColorPalette } from './components/color-palette.js';
+import { LuzmoColorPaletteGroup } from './components/color-palette-group.js';
+import { LuzmoColorPicker } from './components/color-picker.js';
+import { LuzmoColorSlider } from './components/color-slider.js';
+import { LuzmoDateRangePicker } from './components/date-range-picker.js';
+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 { 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 { LuzmoMultiLanguageField } from './components/multi-language-field.js';
+import { LuzmoNumberField } from './components/number-field.js';
+import { LuzmoOptions } from './components/options.js';
+import { LuzmoOverlay } from './components/overlay.js';
+import { LuzmoPicker } from './components/picker.js';
+import { LuzmoPickerButton } from './components/picker-button.js';
+import { LuzmoPopover } from './components/popover.js';
+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 { LuzmoRadio } from './components/radio.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 { LuzmoStatusLight } from './components/status-light.js';
+import { LuzmoSwatch } from './components/swatch.js';
+import { LuzmoSwitch } from './components/switch.js';
+import { LuzmoTabs } from './components/tabs.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';
+export { LuzmoAccordion } from './components/accordion.js';
+export { LuzmoActionBar } from './components/action-bar.js';
+export { LuzmoActionButton } from './components/action-button.js';
+export { LuzmoActionGroup } from './components/action-group.js';
+export { LuzmoActionMenu } from './components/action-menu.js';
+export { LuzmoAvatar } from './components/avatar.js';
+export { LuzmoBadge } from './components/badge.js';
+export { LuzmoButton } from './components/button.js';
+export { LuzmoButtonGroup } from './components/button-group.js';
+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 { LuzmoColorArea } from './components/color-area.js';
+export { LuzmoColorField } from './components/color-field.js';
+export { LuzmoColorHandle } from './components/color-handle.js';
+export { LuzmoColorLoupe } from './components/color-loupe.js';
+export { LuzmoColorMenu } from './components/color-menu.js';
+export { LuzmoColorPalette } from './components/color-palette.js';
+export { LuzmoColorPaletteGroup } from './components/color-palette-group.js';
+export { LuzmoColorPicker } from './components/color-picker.js';
+export { LuzmoColorSlider } from './components/color-slider.js';
+export { LuzmoDateRangePicker } from './components/date-range-picker.js';
+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 { 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 { LuzmoMultiLanguageField } from './components/multi-language-field.js';
+export { LuzmoNumberField } from './components/number-field.js';
+export { LuzmoOptions } from './components/options.js';
+export { LuzmoOverlay } from './components/overlay.js';
+export { LuzmoPicker } from './components/picker.js';
+export { LuzmoPickerButton } from './components/picker-button.js';
+export { LuzmoPopover } from './components/popover.js';
+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 { LuzmoRadio } from './components/radio.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 { LuzmoStatusLight } from './components/status-light.js';
+export { LuzmoSwatch } from './components/swatch.js';
+export { LuzmoSwitch } from './components/switch.js';
+export { LuzmoTabs } from './components/tabs.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';
+// Array of all React component classes for easy imports
+export const LUZMO_REACT_COMPONENTS = [
+    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
+];
+// List of all available React component names
+export const LUZMO_REACT_COMPONENT_NAMES = [
+    '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'
+];

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@luzmo/react-lucero",
+  "description": "React wrappers for Luzmo Lucero web components",
+  "homepage": "https://luzmo.com",
+  "type": "module",
+  "main": "./esm/index.js",
+  "module": "./esm/index.js",
+  "types": "./esm/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./esm/index.d.ts",
+      "node": "./esm/index.js",
+      "import": "./esm/index.js"
+    },
+    "./*": {
+      "types": "./esm/components/*.d.ts",
+      "node": "./esm/components/*.js",
+      "import": "./esm/components/*.js"
+    }
+  },
+  "files": [
+    "esm",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "peerDependencies": {
+    "@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.14"
+  },
+  "version": "1.0.3-alpha.14"
+}