@luzmo/react-lucero 2.0.0 → 2.1.0

package/esm/components/split-view.d.ts

@@ -0,0 +1,17 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoSplitView as LuzmoSplitViewClass } from '@luzmo/lucero/split-view';
+/**
+ * Divides two panes with an optionally interactive separator.
+ *
+ * @event onInput - The splitter position changes during interaction.
+ * @event onChange - A splitter position change is committed.
+ * @event onKeydown - Trick :focus-visible polyfill into thinking keyboard based focus
+ */
+export declare const LuzmoSplitView: ReactWebComponent<LuzmoSplitViewClass, {
+    onType: EventName<Event>;
+    onInput: EventName<CustomEvent>;
+    onChange: EventName<CustomEvent>;
+    onKeydown: EventName<KeyboardEvent>;
+}>;
+/** The underlying custom element type for LuzmoSplitView */
+export type LuzmoSplitViewElement = LuzmoSplitViewClass;

package/esm/components/split-view.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoSplitView as LuzmoSplitViewClass } from '@luzmo/lucero/split-view';
+const LuzmoSplitViewComponent = createComponent({
+    tagName: 'luzmo-split-view',
+    elementClass: LuzmoSplitViewClass,
+    react: React,
+    events: {
+        onType: 'type',
+        onInput: 'input',
+        onChange: 'change',
+        onKeydown: 'keydown'
+    }
+});
+/**
+ * Divides two panes with an optionally interactive separator.
+ *
+ * @event onInput - The splitter position changes during interaction.
+ * @event onChange - A splitter position change is committed.
+ * @event onKeydown - Trick :focus-visible polyfill into thinking keyboard based focus
+ */
+export const LuzmoSplitView = LuzmoSplitViewComponent;

package/esm/index.d.ts

@@ -59,6 +59,7 @@ 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 { LuzmoSplitView, type LuzmoSplitViewElement } from './components/split-view.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';
@@ -74,6 +75,6 @@ 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 { 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 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, 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", "LuzmoSplitView", "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

@@ -61,6 +61,7 @@ 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 { LuzmoSplitView } from './components/split-view.js';
 import { LuzmoStatusLight } from './components/status-light.js';
 import { LuzmoSwatch } from './components/swatch.js';
 import { LuzmoSwatchGroup } from './components/swatch-group.js';
@@ -137,6 +138,7 @@ 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 { LuzmoSplitView } from './components/split-view.js';
 export { LuzmoStatusLight } from './components/status-light.js';
 export { LuzmoSwatch } from './components/swatch.js';
 export { LuzmoSwatchGroup } from './components/swatch-group.js';
@@ -215,6 +217,7 @@ export const LUZMO_REACT_COMPONENTS = [
     LuzmoSkeletonLoader,
     LuzmoSlider,
     LuzmoSliderHandle,
+    LuzmoSplitView,
     LuzmoStatusLight,
     LuzmoSwatch,
     LuzmoSwatchGroup,
@@ -294,6 +297,7 @@ export const LUZMO_REACT_COMPONENT_NAMES = [
     'LuzmoSkeletonLoader',
     'LuzmoSlider',
     'LuzmoSliderHandle',
+    'LuzmoSplitView',
     'LuzmoStatusLight',
     'LuzmoSwatch',
     'LuzmoSwatchGroup',

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": "2.0.0"
+    "@luzmo/lucero": "2.1.0"
   },
-  "version": "2.0.0"
+  "version": "2.1.0"
 }