@lumx/react 3.0.1 → 3.0.2-alpha-react-utils.2

package/_internal/a493a193.d.ts

@@ -0,0 +1,65 @@
+import { ReactNode, MouseEventHandler } from 'react';
+import { l as GenericProps, m as HasTheme, a as Color, k as Comp, S as Size, H as HorizontalAlignment } from './eca6d4dc.js';
+
+/**
+ * Chip sizes.
+ */
+declare type ChipSize = Extract<Size, 's' | 'm'>;
+/**
+ * Defines the props of the component.
+ */
+interface ChipProps extends GenericProps, HasTheme {
+    /** A component to be rendered after the content. */
+    after?: ReactNode;
+    /** A component to be rendered before the content. */
+    before?: ReactNode;
+    /** Color variant. */
+    color?: Color;
+    /** Whether the component is clickable or not. */
+    isClickable?: boolean;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Whether the chip is currently in a highlighted state or not. */
+    isHighlighted?: boolean;
+    /** Whether the component is selected or not. */
+    isSelected?: boolean;
+    /** Size variant. */
+    size?: ChipSize;
+    /** On "after" element clicked callback. */
+    onAfterClick?: MouseEventHandler;
+    /** On "before" element clicked callback. */
+    onBeforeClick?: MouseEventHandler;
+}
+/**
+ * Chip component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Chip: Comp<ChipProps, HTMLAnchorElement>;
+
+interface UseChipGroupNavigation {
+    /** the current active chip index */
+    activeChip: number;
+    /** callback to be executed when the backspace was pressed */
+    onBackspacePressed(): void;
+    /** function that allows to reset the navigation */
+    resetChipNavigation(): void;
+}
+declare type useChipGroupNavigationType<C = any> = (chips: C[], onChipDeleted: (chip: C) => void, initialActiveChip?: number) => UseChipGroupNavigation;
+
+/**
+ * Defines the props of the component.
+ */
+interface ChipGroupProps extends GenericProps {
+    /** Chip horizontal alignment. */
+    align?: HorizontalAlignment;
+    /** List of Chip. */
+    children: ReactNode;
+}
+declare const ChipGroup: Comp<ChipGroupProps, HTMLDivElement> & {
+    useChipGroupNavigation: useChipGroupNavigationType<any>;
+};
+
+export { ChipProps as C, Chip as a, ChipGroupProps as b, ChipGroup as c };

package/{esm/_internal/Icon2.js → _internal/a521723d.js}

@@ -1,7 +1,7 @@
-import { b as _objectWithoutProperties, c as _extends } from './_rollupPluginBabelHelpers.js';
-import { ColorPalette, Theme, Size } from './components.js';
+import { b as _objectWithoutProperties, c as _extends } from './6340c129.js';
+import { ColorPalette, Theme, Size } from '../components.js';
 import React, { forwardRef } from 'react';
-import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './getRootClassName.js';
+import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './fd867c9d.js';
 
 // Material Design Icons v5.8.55
 var mdiAlert = "M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z";
@@ -117,4 +117,4 @@ Icon.className = CLASSNAME;
 Icon.defaultProps = DEFAULT_PROPS;
 
 export { Icon as I, mdiInformation as a, mdiCheckCircle as b, mdiAlertCircle as c, mdiClose as d, mdiCheck as e, mdiChevronRight as f, mdiChevronLeft as g, mdiDragVertical as h, mdiChevronUp as i, mdiChevronDown as j, mdiRadioboxMarked as k, mdiRadioboxBlank as l, mdiAlert as m, mdiCloseCircle as n, mdiMenuDown as o, mdiPauseCircleOutline as p, mdiPlayCircleOutline as q, mdiArrowUp as r, mdiArrowDown as s, mdiImageBroken as t };
-//# sourceMappingURL=Icon2.js.map
+//# sourceMappingURL=a521723d.js.map