@lumx/react 3.5.3 → 3.5.4-alpha-remove-moment-repack.0

package/_internal/7b8c2b80.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"7b8c2b80.js","sources":["../../src/components/switch/Switch.tsx"],"sourcesContent":["import React, { Children, forwardRef, InputHTMLAttributes, SyntheticEvent, useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport { uid } from 'uid';\n\nimport isEmpty from 'lodash/isEmpty';\n\nimport { Alignment, InputHelper, InputLabel, Theme } from '@lumx/react';\n\nimport { Comp, GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\n\n/**\n * Defines the props of the component.\n */\nexport interface SwitchProps extends GenericProps, HasTheme {\n    /** Helper text. */\n    helper?: string;\n    /** Whether it is checked or not. */\n    isChecked?: boolean;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Native input name property. */\n    name?: string;\n    /** Position of the switch relative to the label. */\n    position?: Extract<Alignment, 'right' | 'left'>;\n    /** Native input value property. */\n    value?: string;\n    /** On change callback. */\n    onChange?(isChecked: boolean, value?: string, name?: string, event?: SyntheticEvent): void;\n    /** optional props for input */\n    inputProps?: InputHTMLAttributes<HTMLInputElement>;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Switch';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<SwitchProps> = {\n    position: Alignment.left,\n    theme: Theme.light,\n};\n\n/**\n * Switch component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Switch: Comp<SwitchProps, HTMLDivElement> = forwardRef((props, ref) => {\n    const {\n        checked,\n        children,\n        className,\n        disabled,\n        helper,\n        id,\n        isChecked = checked,\n        isDisabled = disabled,\n        name,\n        onChange,\n        position,\n        theme,\n        value,\n        inputProps = {},\n        ...forwardedProps\n    } = props;\n    const inputId = useMemo(() => id || `switch-${uid()}`, [id]);\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        if (onChange) {\n            onChange(!isChecked, value, name, event);\n        }\n    };\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    isChecked,\n                    isDisabled,\n                    position,\n                    theme,\n                    isUnchecked: !isChecked,\n                }),\n            )}\n            aria-disabled={isDisabled}\n        >\n            <div className={`${CLASSNAME}__input-wrapper`}>\n                <input\n                    type=\"checkbox\"\n                    role=\"switch\"\n                    id={inputId}\n                    className={`${CLASSNAME}__input-native`}\n                    name={name}\n                    value={value}\n                    disabled={isDisabled}\n                    checked={isChecked}\n                    aria-checked={Boolean(isChecked)}\n                    onChange={handleChange}\n                    aria-describedby={helper ? `${inputId}-helper` : undefined}\n                    {...inputProps}\n                />\n\n                <div className={`${CLASSNAME}__input-placeholder`}>\n                    <div className={`${CLASSNAME}__input-background`} />\n                    <div className={`${CLASSNAME}__input-indicator`} />\n                </div>\n            </div>\n\n            {Children.count(children) > 0 && (\n                <div className={`${CLASSNAME}__content`}>\n                    <InputLabel htmlFor={inputId} theme={theme} className={`${CLASSNAME}__label`}>\n                        {children}\n                    </InputLabel>\n                    {!isEmpty(helper) && (\n                        <InputHelper id={`${inputId}-helper`} theme={theme} className={`${CLASSNAME}__helper`}>\n                            {helper}\n                        </InputHelper>\n                    )}\n                </div>\n            )}\n        </div>\n    );\n});\nSwitch.displayName = COMPONENT_NAME;\nSwitch.className = CLASSNAME;\nSwitch.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","position","Alignment","left","theme","Theme","light","Switch","forwardRef","props","ref","checked","children","className","disabled","helper","id","isChecked","isDisabled","name","onChange","value","inputProps","forwardedProps","_objectWithoutProperties","_excluded","inputId","useMemo","uid","handleChange","event","React","createElement","_extends","classNames","handleBasicClasses","prefix","isUnchecked","type","role","Boolean","undefined","Children","count","InputLabel","htmlFor","isEmpty","InputHelper","displayName","defaultProps"],"mappings":"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"}

package/_internal/7c07908e.d.ts

@@ -0,0 +1,34 @@
+import { AriaAttributes, DetailedHTMLProps, ButtonHTMLAttributes } from 'react';
+import { S as Size, l as GenericProps, q as HasTheme, b as ColorPalette, E as Emphasis } from './28b656e3.js';
+
+declare type HTMLButtonProps = DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+/**
+ * Button size definition.
+ */
+declare type ButtonSize = Extract<Size, 's' | 'm'>;
+interface BaseButtonProps extends GenericProps, Pick<AriaAttributes, 'aria-expanded' | 'aria-haspopup' | 'aria-pressed' | 'aria-label'>, HasTheme {
+    /** Color variant. */
+    color?: ColorPalette;
+    /** Emphasis variant. */
+    emphasis?: Emphasis;
+    /** Whether or not the button has a background color in low emphasis. */
+    hasBackground?: boolean;
+    /** Native anchor href property. It determines whether the Button will be a <button> or an <a>. */
+    href?: string;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Whether the component is selected or not. */
+    isSelected?: boolean;
+    /** Native button name property. */
+    name?: string;
+    /** Size variant. */
+    size?: ButtonSize;
+    /** Native anchor target property. */
+    target?: '_self' | '_blank' | '_parent' | '_top';
+    /** Native button type. */
+    type?: HTMLButtonProps['type'];
+    /** Custom react component for the link (can be used to inject react router Link). */
+    linkAs?: 'a' | any;
+}
+
+export { BaseButtonProps as B, ButtonSize as a };

package/_internal/7d468bfd.d.ts

@@ -0,0 +1,75 @@
+import { CSSProperties } from 'react';
+import { l as GenericProps, q as HasTheme, G as GlobalSize, b as ColorPalette, C as Comp, r as ValueOf, i as AspectRatio, e as TypographyInterface } from './28b656e3.js';
+
+/**
+ * Defines the props of the component.
+ */
+interface SkeletonCircleProps extends GenericProps, HasTheme {
+    /** Size variant. */
+    size: GlobalSize;
+    /** The color of the skeleton. */
+    color?: ColorPalette;
+}
+/**
+ * SkeletonCircle component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const SkeletonCircle: Comp<SkeletonCircleProps, HTMLDivElement>;
+
+/**
+ * Skeleton variants.
+ */
+declare const SkeletonRectangleVariant: {
+    readonly squared: "squared";
+    readonly rounded: "rounded";
+    readonly pill: "pill";
+};
+declare type SkeletonRectangleVariant = ValueOf<typeof SkeletonRectangleVariant>;
+/**
+ * Defines the props of the component.
+ */
+interface SkeletonRectangleProps extends GenericProps, HasTheme {
+    /** Aspect ratio (use with width and not height). */
+    aspectRatio?: Extract<AspectRatio, 'square' | 'horizontal' | 'vertical' | 'wide'>;
+    /** Height size. */
+    height?: GlobalSize;
+    /** Border variant. */
+    variant?: SkeletonRectangleVariant;
+    /** Width size. */
+    width?: GlobalSize;
+    /** The color of the skeleton. */
+    color?: ColorPalette;
+}
+/**
+ * SkeletonRectangle component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const SkeletonRectangle: Comp<SkeletonRectangleProps, HTMLDivElement>;
+
+/**
+ * Defines the props of the component.
+ */
+interface SkeletonTypographyProps extends GenericProps, HasTheme {
+    /** Typography variant. */
+    typography: TypographyInterface;
+    /** Width CSS property. */
+    width?: CSSProperties['width'];
+    /** The color of the skeleton. */
+    color?: ColorPalette;
+}
+/**
+ * SkeletonTypography component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const SkeletonTypography: Comp<SkeletonTypographyProps, HTMLDivElement>;
+
+export { SkeletonCircleProps as S, SkeletonCircle as a, SkeletonRectangleVariant as b, SkeletonRectangleProps as c, SkeletonRectangle as d, SkeletonTypographyProps as e, SkeletonTypography as f };

package/_internal/834ad334.js

@@ -0,0 +1,25 @@
+import last from 'lodash/last';
+import concat from 'lodash/concat';
+import dropRight from 'lodash/dropRight';
+import partition from 'lodash/partition';
+import reduce from 'lodash/reduce';
+
+/**
+ * Similar to lodash `partition` function but working with multiple predicates.
+ *
+ * @example
+ * const isString = (s) => typeof s === 'string'
+ * const isNumber = (s) => typeof s === 'number'
+ * const [strings, numbers, others] = partitionMulti(['a', 1, 'b', false], [isString, isNumber])
+ * //=> [['a', 'b'], [1], [false]]
+ *
+ * @param  elements array of elements
+ * @param  predicates array of predicates to apply on elements
+ * @return partitioned elements by the given predicates
+ */
+function partitionMulti(elements, predicates) {
+  return reduce(predicates, (partitioned, predicate) => concat(dropRight(partitioned), partition(last(partitioned), predicate)), [elements]);
+}
+
+export { partitionMulti as p };
+//# sourceMappingURL=834ad334.js.map

package/_internal/834ad334.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"834ad334.js","sources":["../../src/utils/partitionMulti.ts"],"sourcesContent":["import concat from 'lodash/concat';\nimport dropRight from 'lodash/dropRight';\nimport last from 'lodash/last';\nimport partition from 'lodash/partition';\nimport reduce from 'lodash/reduce';\nimport { Predicate } from './type';\n\n/**\n * Similar to lodash `partition` function but working with multiple predicates.\n *\n * @example\n * const isString = (s) => typeof s === 'string'\n * const isNumber = (s) => typeof s === 'number'\n * const [strings, numbers, others] = partitionMulti(['a', 1, 'b', false], [isString, isNumber])\n * //=> [['a', 'b'], [1], [false]]\n *\n * @param  elements array of elements\n * @param  predicates array of predicates to apply on elements\n * @return partitioned elements by the given predicates\n */\nexport function partitionMulti<T>(elements: T[], predicates: Array<Predicate<T>>): T[][] {\n    return reduce(\n        predicates,\n        (partitioned: T[][], predicate: Predicate<T>) =>\n            concat(dropRight(partitioned), partition(last(partitioned), predicate)),\n        [elements],\n    );\n}\n"],"names":["partitionMulti","elements","predicates","reduce","partitioned","predicate","concat","dropRight","partition","last"],"mappings":";;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAcA,CAAIC,QAAa,EAAEC,UAA+B,EAAS;EACrF,OAAOC,MAAM,CACTD,UAAU,EACV,CAACE,WAAkB,EAAEC,SAAuB,KACxCC,MAAM,CAACC,SAAS,CAACH,WAAW,CAAC,EAAEI,SAAS,CAACC,IAAI,CAACL,WAAW,CAAC,EAAEC,SAAS,CAAC,CAAC,EAC3E,CAACJ,QAAQ,CACb,CAAC;AACL;;;;"}

package/_internal/83dab2b2.js

@@ -0,0 +1,22 @@
+/**
+ * Merge refs into a single function ref.
+ *
+ * @param  refs React references to merge.
+ * @return the merged ref.
+ */
+function mergeRefs() {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+  return value => refs.forEach(ref => {
+    if (typeof ref === 'function') {
+      ref(value);
+    } else if (ref) {
+      // eslint-disable-next-line no-param-reassign
+      ref.current = value;
+    }
+  });
+}
+
+export { mergeRefs as m };
+//# sourceMappingURL=83dab2b2.js.map

package/_internal/83dab2b2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"83dab2b2.js","sources":["../../src/utils/mergeRefs.ts"],"sourcesContent":["import { Falsy } from '@lumx/react/utils/type';\nimport { MutableRefObject } from 'react';\n\ntype FnRef<T> = (value: T) => void;\n\n/**\n * Merge refs into a single function ref.\n *\n * @param  refs React references to merge.\n * @return the merged ref.\n */\nexport function mergeRefs<T>(...refs: Array<MutableRefObject<T | null> | FnRef<T> | Falsy>): FnRef<T> {\n    return (value) =>\n        refs.forEach((ref) => {\n            if (typeof ref === 'function') {\n                ref(value);\n            } else if (ref) {\n                // eslint-disable-next-line no-param-reassign\n                (ref as MutableRefObject<T>).current = value;\n            }\n        });\n}\n"],"names":["mergeRefs","_len","arguments","length","refs","Array","_key","value","forEach","ref","current"],"mappings":"AAKA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,SAASA,GAA6E;EAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAtEC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;IAAJF,IAAI,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;;EAChC,OAAQC,KAAK,IACTH,IAAI,CAACI,OAAO,CAAEC,GAAG,IAAK;IAClB,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC3BA,GAAG,CAACF,KAAK,CAAC;KACb,MAAM,IAAIE,GAAG,EAAE;;MAEXA,GAAG,CAAyBC,OAAO,GAAGH,KAAK;;GAEnD,CAAC;AACV;;;;"}

package/_internal/899e4acd.js

@@ -0,0 +1,60 @@
+import { g as getRootClassName, _ as _objectWithoutProperties, a as _extends, c as classnames, O as Orientation } from './35c3a78f.js';
+import React, { forwardRef } from 'react';
+import { h as handleBasicClasses } from './3f5e7653.js';
+import castArray from 'lodash/castArray';
+
+const _excluded = ["as", "children", "className", "fillSpace", "gap", "hAlign", "marginAuto", "noShrink", "orientation", "vAlign", "wrap"];
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'FlexBox';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * FlexBox component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const FlexBox = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      as: Component = 'div',
+      children,
+      className,
+      fillSpace,
+      gap,
+      hAlign,
+      marginAuto,
+      noShrink,
+      orientation,
+      vAlign,
+      wrap
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    ref: ref
+  }, forwardedProps, {
+    className: classnames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      orientation: orientation !== null && orientation !== void 0 ? orientation : wrap || hAlign || vAlign ? Orientation.horizontal : null,
+      vAlign,
+      hAlign,
+      gap
+    }), wrap && `${CLASSNAME}--wrap`, fillSpace && `${CLASSNAME}--fill-space`, noShrink && `${CLASSNAME}--no-shrink`, marginAuto && castArray(marginAuto).map(align => `${CLASSNAME}--margin-auto-${align}`))
+  }), children);
+});
+FlexBox.displayName = COMPONENT_NAME;
+FlexBox.className = CLASSNAME;
+
+export { FlexBox as F };
+//# sourceMappingURL=899e4acd.js.map

package/_internal/899e4acd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"899e4acd.js","sources":["../../src/components/flex-box/FlexBox.tsx"],"sourcesContent":["import { Alignment, Orientation } from '@lumx/react';\nimport { Comp, GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport classNames from 'classnames';\nimport castArray from 'lodash/castArray';\nimport React, { forwardRef, ReactNode } from 'react';\nimport { HorizontalAlignment, Size, VerticalAlignment } from '..';\n\nexport type MarginAutoAlignment = Extract<Alignment, 'top' | 'bottom' | 'right' | 'left'>;\nexport type GapSize = Extract<Size, 'tiny' | 'regular' | 'medium' | 'big' | 'huge'>;\ntype SpaceAlignment = Extract<Alignment, 'space-between' | 'space-evenly' | 'space-around'>;\nexport type FlexVerticalAlignment = VerticalAlignment | SpaceAlignment;\nexport type FlexHorizontalAlignment = HorizontalAlignment | SpaceAlignment;\n\n/**\n * Defines the props of the component.\n */\nexport interface FlexBoxProps extends GenericProps {\n    /** Customize the root element. */\n    as?: React.ElementType;\n    /** Children elements. */\n    children?: ReactNode;\n    /** Whether the \"content filling space\" is enabled or not. */\n    fillSpace?: boolean;\n    /** Gap space between flexbox items. */\n    gap?: GapSize;\n    /** Flex horizontal alignment. */\n    hAlign?: FlexVerticalAlignment;\n    /** Whether the \"auto margin\" is enabled all around or not. */\n    marginAuto?: MarginAutoAlignment | MarginAutoAlignment[];\n    /** Whether the \"content shrink\" is disabled or not. */\n    noShrink?: boolean;\n    /** Flex direction. */\n    orientation?: Orientation;\n    /** Flex vertical alignment. */\n    vAlign?: FlexHorizontalAlignment;\n    /** Whether the \"flex wrap\" is enabled or not. */\n    wrap?: boolean;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'FlexBox';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * FlexBox component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const FlexBox: Comp<FlexBoxProps, HTMLDivElement> = forwardRef((props, ref) => {\n    const {\n        as: Component = 'div',\n        children,\n        className,\n        fillSpace,\n        gap,\n        hAlign,\n        marginAuto,\n        noShrink,\n        orientation,\n        vAlign,\n        wrap,\n        ...forwardedProps\n    } = props;\n\n    return (\n        <Component\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    orientation: orientation ?? (wrap || hAlign || vAlign ? Orientation.horizontal : null),\n                    vAlign,\n                    hAlign,\n                    gap,\n                }),\n                wrap && `${CLASSNAME}--wrap`,\n                fillSpace && `${CLASSNAME}--fill-space`,\n                noShrink && `${CLASSNAME}--no-shrink`,\n                marginAuto && castArray(marginAuto).map((align) => `${CLASSNAME}--margin-auto-${align}`),\n            )}\n        >\n            {children}\n        </Component>\n    );\n});\nFlexBox.displayName = COMPONENT_NAME;\nFlexBox.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","FlexBox","forwardRef","props","ref","as","Component","children","className","fillSpace","gap","hAlign","marginAuto","noShrink","orientation","vAlign","wrap","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classNames","handleBasicClasses","prefix","Orientation","horizontal","castArray","map","align","displayName"],"mappings":";;;;;;;AAcA;AACA;AACA;;AAwBA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,SAAS;;AAEhC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;MACaG,OAA2C,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAClF,MAAM;MACFC,EAAE,EAAEC,SAAS,GAAG,KAAK;MACrBC,QAAQ;MACRC,SAAS;MACTC,SAAS;MACTC,GAAG;MACHC,MAAM;MACNC,UAAU;MACVC,QAAQ;MACRC,WAAW;MACXC,MAAM;MACNC;KAEH,GAAGb,KAAK;IADFc,cAAc,GAAAC,wBAAA,CACjBf,KAAK,EAAAgB,SAAA;EAET,oBACIC,KAAA,CAAAC,aAAA,CAACf,SAAS,EAAAgB,QAAA;IACNlB,GAAG,EAAEA;KACDa,cAAc;IAClBT,SAAS,EAAEe,UAAU,CACjBf,SAAS,EACTgB,kBAAkB,CAAC;MACfC,MAAM,EAAE1B,SAAS;MACjBe,WAAW,EAAEA,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAKE,IAAI,IAAIL,MAAM,IAAII,MAAM,GAAGW,WAAW,CAACC,UAAU,GAAG,IAAK;MACtFZ,MAAM;MACNJ,MAAM;MACND;KACH,CAAC,EACFM,IAAI,IAAK,GAAEjB,SAAU,QAAO,EAC5BU,SAAS,IAAK,GAAEV,SAAU,cAAa,EACvCc,QAAQ,IAAK,GAAEd,SAAU,aAAY,EACrCa,UAAU,IAAIgB,SAAS,CAAChB,UAAU,CAAC,CAACiB,GAAG,CAAEC,KAAK,IAAM,GAAE/B,SAAU,iBAAgB+B,KAAM,EAAC,CAC3F;MAECvB,QACM,CAAC;AAEpB,CAAC;AACDN,OAAO,CAAC8B,WAAW,GAAGjC,cAAc;AACpCG,OAAO,CAACO,SAAS,GAAGT,SAAS;;;;"}

package/_internal/89fd6c7c.js

@@ -0,0 +1,112 @@
+import { g as getRootClassName, A as Alignment, _ as _objectWithoutProperties, a as _extends, c as classnames } from './35c3a78f.js';
+import React, { useState, forwardRef } from 'react';
+import { h as handleBasicClasses } from './3f5e7653.js';
+
+const INITIAL_STATE_ACTIVE_CHIP = -1;
+
+/**
+ * Hook that provides the necessary information to manage chips navigation.
+ * @param chips             List of chips selected.
+ * @param onChipDeleted     Callback executed when a chip must be eliminated.
+ * @param initialActiveChip Initial active chip index.
+ *
+ * @return chip navigation tools.
+ */
+const useChipGroupNavigation = function (chips, onChipDeleted) {
+  let initialActiveChip = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : INITIAL_STATE_ACTIVE_CHIP;
+  const [wasBackspacePressed, setWasBackspacePressed] = useState(false);
+  const [activeChip, setActiveChip] = useState(initialActiveChip);
+
+  /**
+   * Resets the active index and backspace control to their initial state
+   */
+  const resetChipNavigation = () => {
+    setWasBackspacePressed(false);
+    setActiveChip(initialActiveChip);
+  };
+
+  /**
+   * Callback to be executed when the backspace was pressed. If there are no chips
+   * selected, it will return immediately. If there are it will check if the
+   * backspace was already pressed. if it was, it means that the user wants to eliminate
+   * the chip, so we execute the `onChipDeleted` function and reset internal state.
+   *
+   * If it was not pressed before, we set the `wasBackspacePressed` flag to true and
+   * highlight the last chip.
+   */
+  const onBackspacePressed = () => {
+    if (chips.length === 0) {
+      return;
+    }
+    if (wasBackspacePressed) {
+      const chipDeleted = chips[chips.length - 1];
+      onChipDeleted(chipDeleted);
+      resetChipNavigation();
+    } else {
+      setActiveChip(chips.length - 1);
+      setWasBackspacePressed(true);
+    }
+  };
+  return {
+    activeChip,
+    onBackspacePressed,
+    resetChipNavigation
+  };
+};
+
+const _excluded = ["align", "children", "className"];
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  align: Alignment.left
+};
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'ChipGroup';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * ChipGroup component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const InternalChipGroup = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      align,
+      children,
+      className
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const chipGroupClassName = handleBasicClasses({
+    align,
+    prefix: CLASSNAME
+  });
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref
+  }, forwardedProps, {
+    className: classnames(className, chipGroupClassName)
+  }), children);
+});
+InternalChipGroup.displayName = COMPONENT_NAME;
+InternalChipGroup.className = CLASSNAME;
+InternalChipGroup.defaultProps = DEFAULT_PROPS;
+const ChipGroup = Object.assign(InternalChipGroup, {
+  useChipGroupNavigation
+});
+
+export { ChipGroup as C };
+//# sourceMappingURL=89fd6c7c.js.map

package/_internal/89fd6c7c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"89fd6c7c.js","sources":["../../src/hooks/useChipGroupNavigation.tsx","../../src/components/chip/ChipGroup.tsx"],"sourcesContent":["import { useState } from 'react';\n\ninterface UseChipGroupNavigation {\n    /** the current active chip index */\n    activeChip: number;\n\n    /** callback to be executed when the backspace was pressed */\n    onBackspacePressed(): void;\n\n    /** function that allows to reset the navigation */\n    resetChipNavigation(): void;\n}\n\nexport type useChipGroupNavigationType<C = any> = (\n    chips: C[],\n    onChipDeleted: (chip: C) => void,\n    initialActiveChip?: number,\n) => UseChipGroupNavigation;\n\nconst INITIAL_STATE_ACTIVE_CHIP = -1;\n\n/**\n * Hook that provides the necessary information to manage chips navigation.\n * @param chips             List of chips selected.\n * @param onChipDeleted     Callback executed when a chip must be eliminated.\n * @param initialActiveChip Initial active chip index.\n *\n * @return chip navigation tools.\n */\nexport const useChipGroupNavigation: useChipGroupNavigationType = (\n    chips,\n    onChipDeleted,\n    initialActiveChip = INITIAL_STATE_ACTIVE_CHIP,\n) => {\n    const [wasBackspacePressed, setWasBackspacePressed] = useState(false);\n    const [activeChip, setActiveChip] = useState(initialActiveChip);\n\n    /**\n     * Resets the active index and backspace control to their initial state\n     */\n    const resetChipNavigation = () => {\n        setWasBackspacePressed(false);\n        setActiveChip(initialActiveChip);\n    };\n\n    /**\n     * Callback to be executed when the backspace was pressed. If there are no chips\n     * selected, it will return immediately. If there are it will check if the\n     * backspace was already pressed. if it was, it means that the user wants to eliminate\n     * the chip, so we execute the `onChipDeleted` function and reset internal state.\n     *\n     * If it was not pressed before, we set the `wasBackspacePressed` flag to true and\n     * highlight the last chip.\n     */\n    const onBackspacePressed = () => {\n        if (chips.length === 0) {\n            return;\n        }\n\n        if (wasBackspacePressed) {\n            const chipDeleted: any = chips[chips.length - 1];\n            onChipDeleted(chipDeleted);\n            resetChipNavigation();\n        } else {\n            setActiveChip(chips.length - 1);\n            setWasBackspacePressed(true);\n        }\n    };\n\n    return {\n        activeChip,\n        onBackspacePressed,\n        resetChipNavigation,\n    };\n};\n","import { Alignment, HorizontalAlignment } from '@lumx/react/components';\nimport React, { forwardRef, ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Comp, GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\n\nimport { useChipGroupNavigation } from '@lumx/react/hooks/useChipGroupNavigation';\n\n/**\n * Defines the props of the component.\n */\nexport interface ChipGroupProps extends GenericProps {\n    /** Chip horizontal alignment. */\n    align?: HorizontalAlignment;\n    /** List of Chip. */\n    children: ReactNode;\n}\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<ChipGroupProps> = {\n    align: Alignment.left,\n};\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ChipGroup';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * ChipGroup component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nconst InternalChipGroup: Comp<ChipGroupProps, HTMLDivElement> = forwardRef((props, ref) => {\n    const { align, children, className, ...forwardedProps } = props;\n    const chipGroupClassName = handleBasicClasses({\n        align,\n        prefix: CLASSNAME,\n    });\n\n    return (\n        <div ref={ref} {...forwardedProps} className={classNames(className, chipGroupClassName)}>\n            {children}\n        </div>\n    );\n});\nInternalChipGroup.displayName = COMPONENT_NAME;\nInternalChipGroup.className = CLASSNAME;\nInternalChipGroup.defaultProps = DEFAULT_PROPS;\n\nexport const ChipGroup = Object.assign(InternalChipGroup, { useChipGroupNavigation });\n"],"names":["INITIAL_STATE_ACTIVE_CHIP","useChipGroupNavigation","chips","onChipDeleted","initialActiveChip","arguments","length","undefined","wasBackspacePressed","setWasBackspacePressed","useState","activeChip","setActiveChip","resetChipNavigation","onBackspacePressed","chipDeleted","DEFAULT_PROPS","align","Alignment","left","COMPONENT_NAME","CLASSNAME","getRootClassName","InternalChipGroup","forwardRef","props","ref","children","className","forwardedProps","_objectWithoutProperties","_excluded","chipGroupClassName","handleBasicClasses","prefix","React","createElement","_extends","classNames","displayName","defaultProps","ChipGroup","Object","assign"],"mappings":";;;;AAmBA,MAAMA,yBAAyB,GAAG,CAAC,CAAC;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,sBAAkD,GAAG,UAC9DC,KAAK,EACLC,aAAa,EAEZ;EAAA,IADDC,iBAAiB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGL,yBAAyB;EAE7C,MAAM,CAACQ,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC;EACrE,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGF,QAAQ,CAACN,iBAAiB,CAAC;;;AAGnE;AACA;EACI,MAAMS,mBAAmB,GAAGA,MAAM;IAC9BJ,sBAAsB,CAAC,KAAK,CAAC;IAC7BG,aAAa,CAACR,iBAAiB,CAAC;GACnC;;;AAGL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACI,MAAMU,kBAAkB,GAAGA,MAAM;IAC7B,IAAIZ,KAAK,CAACI,MAAM,KAAK,CAAC,EAAE;MACpB;;IAGJ,IAAIE,mBAAmB,EAAE;MACrB,MAAMO,WAAgB,GAAGb,KAAK,CAACA,KAAK,CAACI,MAAM,GAAG,CAAC,CAAC;MAChDH,aAAa,CAACY,WAAW,CAAC;MAC1BF,mBAAmB,EAAE;KACxB,MAAM;MACHD,aAAa,CAACV,KAAK,CAACI,MAAM,GAAG,CAAC,CAAC;MAC/BG,sBAAsB,CAAC,IAAI,CAAC;;GAEnC;EAED,OAAO;IACHE,UAAU;IACVG,kBAAkB;IAClBD;GACH;AACL,CAAC;;;;AChED;AACA;AACA;;AAQA;AACA;AACA;AACA,MAAMG,aAAsC,GAAG;EAC3CC,KAAK,EAAEC,SAAS,CAACC;AACrB,CAAC;;AAED;AACA;AACA;AACA,MAAMC,cAAc,GAAG,WAAW;;AAElC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMG,iBAAuD,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACvF,MAAM;MAAET,KAAK;MAAEU,QAAQ;MAAEC;KAA8B,GAAGH,KAAK;IAAxBI,cAAc,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA;EAC/D,MAAMC,kBAAkB,GAAGC,kBAAkB,CAAC;IAC1ChB,KAAK;IACLiB,MAAM,EAAEb;GACX,CAAC;EAEF,oBACIc,KAAA,CAAAC,aAAA,QAAAC,QAAA;IAAKX,GAAG,EAAEA;KAASG,cAAc;IAAED,SAAS,EAAEU,UAAU,CAACV,SAAS,EAAEI,kBAAkB;MACjFL,QACA,CAAC;AAEd,CAAC,CAAC;AACFJ,iBAAiB,CAACgB,WAAW,GAAGnB,cAAc;AAC9CG,iBAAiB,CAACK,SAAS,GAAGP,SAAS;AACvCE,iBAAiB,CAACiB,YAAY,GAAGxB,aAAa;MAEjCyB,SAAS,GAAGC,MAAM,CAACC,MAAM,CAACpB,iBAAiB,EAAE;EAAEtB;AAAuB,CAAC;;;;"}

package/_internal/8aeb24dd.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { l as GenericProps, q as HasTheme, C as Comp } from './28b656e3.js';
+
+/**
+ * Defines the props of the component.
+ */
+interface InputLabelProps extends GenericProps, HasTheme {
+    /** Label content. */
+    children: string | ReactNode;
+    /** Native htmlFor property. */
+    htmlFor: string;
+    /** Whether the component is required or not. */
+    isRequired?: boolean;
+}
+/**
+ * InputLabel component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const InputLabel: Comp<InputLabelProps, HTMLLabelElement>;
+
+export { InputLabelProps as I, InputLabel as a };

package/_internal/8c7450ba.d.ts

@@ -0,0 +1,35 @@
+import { K as Kind, C as Comp } from './28b656e3.js';
+import { a as ButtonProps } from './da84387d.js';
+import { D as DialogProps } from './b3361376.js';
+
+interface AlertDialogProps extends Omit<DialogProps, 'header' | 'footer'> {
+    /** Message variant. */
+    kind?: Kind;
+    /** Dialog title. */
+    title?: string;
+    /** Props forwarded to the confirm button */
+    confirmProps: ButtonProps & {
+        onClick(): void;
+        label: string;
+    };
+    /**
+     * Props forwarded to the cancel button.
+     * Will not render a cancel button if undefined.
+     */
+    cancelProps?: ButtonProps & {
+        onClick(): void;
+        label: string;
+    };
+}
+/**
+ * AlertDialog component.
+ *
+ * An alert dialog is a modal dialog that interrupts the user's workflow to
+ * communicate an important message and acquire a response.
+ *
+ * It should not have a complex content.
+ * Children of this component should only be strings, paragraphs or links.
+ */
+declare const AlertDialog: Comp<AlertDialogProps, HTMLDivElement>;
+
+export { AlertDialogProps as A, AlertDialog as a };

package/_internal/8ea3ecc2.d.ts

@@ -0,0 +1,46 @@
+import { l as GenericProps, b as ColorPalette, d as ColorVariant, h as Typography, k as TextElement, C as Comp } from './28b656e3.js';
+
+/**
+ * Defines the props of the component.
+ */
+interface TextProps extends GenericProps {
+    /**
+     * Color variant.
+     */
+    color?: ColorPalette;
+    /**
+     * Lightened or darkened variant of the selected color.
+     */
+    colorVariant?: ColorVariant;
+    /**
+     * Typography variant.
+     */
+    typography?: Typography;
+    /**
+     * Custom component to render the text.
+     */
+    as: TextElement;
+    /**
+     * Control whether the text should truncate or not.
+     * Setting as `true` will make the text truncate on a single line.
+     * Setting as `{ lines: number }` will make the text truncate on a multiple lines.
+     */
+    truncate?: boolean | {
+        lines: number;
+    };
+    /**
+     * Prevents text to wrap on multiple lines
+     * (automatically activated when single line text truncate is activated).
+     */
+    noWrap?: boolean;
+}
+/**
+ * Text component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Text: Comp<TextProps>;
+
+export { TextProps as T, Text as a };