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

package/_internal/6735c5c8.d.ts

@@ -0,0 +1,62 @@
+import React, { ReactNode } from 'react';
+import { l as GenericProps, m as HasTheme, k as Comp, E as Emphasis } from './eca6d4dc.js';
+import { I as IconButtonProps } from './2d770113.js';
+
+/**
+ * Defines the props of the component.
+ */
+interface SideNavigationProps extends GenericProps, HasTheme {
+    /** SideNavigationItem elements. */
+    children: ReactNode;
+}
+/**
+ * SideNavigation component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const SideNavigation: Comp<SideNavigationProps, HTMLUListElement>;
+
+/**
+ * Defines the props of the component.
+ */
+interface SideNavigationItemProps extends GenericProps {
+    /** SideNavigationItem elements. */
+    children?: ReactNode;
+    /** Emphasis variant. */
+    emphasis?: Emphasis;
+    /** Label content. */
+    label: string | ReactNode;
+    /** Icon (SVG path). */
+    icon?: string;
+    /** Whether the component is open or not. */
+    isOpen?: boolean;
+    /** Whether the component is selected or not. */
+    isSelected?: boolean;
+    /** Custom react component for the link (can be used to inject react router Link). */
+    linkAs?: 'a' | any;
+    /** Props to pass to the link (minus those already set by the SideNavigationItem props). */
+    linkProps?: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
+    /** Props to pass to the toggle button (minus those already set by the SideNavigationItem props). */
+    toggleButtonProps: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color' | 'size'>;
+    /**
+     * Choose how the children are hidden when closed
+     * ('hide' keeps the children in DOM but hide them, 'unmount' remove the children from the DOM).
+     */
+    closeMode?: 'hide' | 'unmount';
+    /** On action button click callback. */
+    onActionClick?(evt: React.MouseEvent): void;
+    /** On click callback. */
+    onClick?(evt: React.MouseEvent): void;
+}
+/**
+ * SideNavigationItem component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const SideNavigationItem: Comp<SideNavigationItemProps, HTMLLIElement>;
+
+export { SideNavigationProps as S, SideNavigation as a, SideNavigationItemProps as b, SideNavigationItem as c };

package/_internal/69dd1472.js

@@ -0,0 +1,112 @@
+import { b as _objectWithoutProperties, c as _extends } from './6340c129.js';
+import { Typography } from '../components.js';
+import React, { createContext, forwardRef } from 'react';
+import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './fd867c9d.js';
+import { T as Text } from './fc4c034b.js';
+
+/** The maximum authorized heading level. */
+
+var MAX_HEADING_LEVEL = 6;
+/**
+ * Typography to use by default depending on the heading level.
+ */
+
+var DEFAULT_TYPOGRAPHY_BY_LEVEL = {
+  h1: Typography.display1,
+  h2: Typography.headline,
+  h3: Typography.title,
+  h4: Typography.subtitle2,
+  h5: Typography.subtitle1,
+  h6: Typography.body2
+};
+
+var defaultContext = {
+  level: 1,
+  headingElement: 'h1'
+};
+var HeadingLevelContext = createContext(defaultContext);
+
+var useHeadingLevel = function useHeadingLevel() {
+  var _React$useContext = React.useContext(HeadingLevelContext),
+      _React$useContext$lev = _React$useContext.level,
+      level = _React$useContext$lev === void 0 ? 1 : _React$useContext$lev,
+      _React$useContext$hea = _React$useContext.headingElement,
+      headingElement = _React$useContext$hea === void 0 ? 'h1' : _React$useContext$hea;
+
+  return {
+    level: level,
+    headingElement: headingElement
+  };
+};
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+var COMPONENT_NAME = 'Heading';
+/**
+ * Component default class name and class prefix.
+ */
+
+var CLASSNAME = getRootClassName(COMPONENT_NAME);
+/**
+ * Component default props.
+ */
+
+var DEFAULT_PROPS = {};
+/**
+ * Renders a heading component.
+ * Extends the `Text` Component with the heading level automatically computed based on
+ * the current level provided by the context.
+ */
+
+var Heading = forwardRef(function (props, ref) {
+  var children = props.children,
+      as = props.as,
+      className = props.className,
+      forwardedProps = _objectWithoutProperties(props, ["children", "as", "className"]);
+
+  var _useHeadingLevel = useHeadingLevel(),
+      headingElement = _useHeadingLevel.headingElement;
+
+  return React.createElement(Text, _extends({
+    ref: ref,
+    className: classnames(className, handleBasicClasses({
+      prefix: CLASSNAME
+    })),
+    as: as || headingElement,
+    typography: DEFAULT_TYPOGRAPHY_BY_LEVEL[headingElement]
+  }, forwardedProps), children);
+});
+Heading.displayName = COMPONENT_NAME;
+Heading.className = CLASSNAME;
+Heading.defaultProps = DEFAULT_PROPS;
+
+/**
+ * Provide a new heading level context.
+ */
+var HeadingLevelProvider = function HeadingLevelProvider(_ref) {
+  var children = _ref.children,
+      level = _ref.level;
+
+  var _useHeadingLevel = useHeadingLevel(),
+      contextLevel = _useHeadingLevel.level;
+
+  var incrementedLevel = level || contextLevel + 1;
+  /** Don't allow a level beyond the maximum level. */
+
+  var nextLevel = incrementedLevel > MAX_HEADING_LEVEL ? MAX_HEADING_LEVEL : incrementedLevel;
+  var headingElement = "h".concat(nextLevel);
+  return React.createElement(HeadingLevelContext.Provider, {
+    value: {
+      level: nextLevel,
+      headingElement: headingElement
+    }
+  }, children);
+};
+
+export { Heading as H, HeadingLevelProvider as a, useHeadingLevel as u };
+//# sourceMappingURL=69dd1472.js.map

package/_internal/69dd1472.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"69dd1472.js","sources":["../../src/components/heading/constants.ts","../../src/components/heading/context.tsx","../../src/components/heading/useHeadingLevel.tsx","../../src/components/heading/Heading.tsx","../../src/components/heading/HeadingLevelProvider.tsx"],"sourcesContent":["import { Typography } from '..';\n\n/** The maximum authorized heading level. */\nexport const MAX_HEADING_LEVEL = 6;\n\n/**\n * Typography to use by default depending on the heading level.\n */\nexport const DEFAULT_TYPOGRAPHY_BY_LEVEL = {\n    h1: Typography.display1,\n    h2: Typography.headline,\n    h3: Typography.title,\n    h4: Typography.subtitle2,\n    h5: Typography.subtitle1,\n    h6: Typography.body2,\n};\n","import { HeadingElement } from '@lumx/react/utils/type';\nimport { createContext } from 'react';\n\ninterface HeadingLevelContext {\n    /** The current level */\n    level: number;\n    /** The heading element matching the current level */\n    headingElement: HeadingElement;\n}\n\nconst defaultContext: HeadingLevelContext = { level: 1, headingElement: 'h1' };\n\nexport const HeadingLevelContext = createContext<HeadingLevelContext>(defaultContext);\n","import React from 'react';\nimport { HeadingLevelContext } from './context';\n\nexport const useHeadingLevel = () => {\n    const { level = 1, headingElement = 'h1' } = React.useContext(HeadingLevelContext);\n\n    return { level, headingElement };\n};\n","import { Comp, HeadingElement } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport classNames from 'classnames';\nimport React, { forwardRef } from 'react';\nimport { Text, TextProps } from '../text';\nimport { DEFAULT_TYPOGRAPHY_BY_LEVEL } from './constants';\nimport { useHeadingLevel } from './useHeadingLevel';\n\n/**\n * Defines the props of the component.\n */\nexport interface HeadingProps extends Partial<TextProps> {\n    /**\n     * Display a specific heading level instead of the one provided by parent context provider.\n     */\n    as?: HeadingElement;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Heading';\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 = {} as const;\n\n/**\n * Renders a heading component.\n * Extends the `Text` Component with the heading level automatically computed based on\n * the current level provided by the context.\n */\nexport const Heading: Comp<HeadingProps> = forwardRef((props, ref) => {\n    const { children, as, className, ...forwardedProps } = props;\n    const { headingElement } = useHeadingLevel();\n\n    return (\n        <Text\n            ref={ref}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                }),\n            )}\n            as={as || headingElement}\n            typography={DEFAULT_TYPOGRAPHY_BY_LEVEL[headingElement]}\n            {...forwardedProps}\n        >\n            {children}\n        </Text>\n    );\n});\n\nHeading.displayName = COMPONENT_NAME;\nHeading.className = CLASSNAME;\nHeading.defaultProps = DEFAULT_PROPS;\n","import { HeadingElement } from '@lumx/react/utils/type';\nimport React, { ReactNode } from 'react';\nimport { MAX_HEADING_LEVEL } from './constants';\nimport { HeadingLevelContext } from './context';\nimport { useHeadingLevel } from './useHeadingLevel';\n\nexport interface HeadingLevelProviderProps {\n    /** The heading level to start at. If left undefined, the parent context will be used, if any. */\n    level?: number;\n    /** The children to display */\n    children: ReactNode;\n}\n\n/**\n * Provide a new heading level context.\n */\nexport const HeadingLevelProvider: React.FC<HeadingLevelProviderProps> = ({ children, level }) => {\n    const { level: contextLevel } = useHeadingLevel();\n\n    const incrementedLevel = level || contextLevel + 1;\n    /** Don't allow a level beyond the maximum level. */\n    const nextLevel = incrementedLevel > MAX_HEADING_LEVEL ? MAX_HEADING_LEVEL : incrementedLevel;\n    const headingElement = `h${nextLevel}` as HeadingElement;\n\n    return (\n        <HeadingLevelContext.Provider value={{ level: nextLevel, headingElement }}>\n            {children}\n        </HeadingLevelContext.Provider>\n    );\n};\n"],"names":["MAX_HEADING_LEVEL","DEFAULT_TYPOGRAPHY_BY_LEVEL","h1","Typography","display1","h2","headline","h3","title","h4","subtitle2","h5","subtitle1","h6","body2","defaultContext","level","headingElement","HeadingLevelContext","createContext","useHeadingLevel","React","useContext","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Heading","forwardRef","props","ref","children","as","className","forwardedProps","classNames","handleBasicClasses","prefix","displayName","defaultProps","HeadingLevelProvider","contextLevel","incrementedLevel","nextLevel"],"mappings":";;;;;;AAEA;;AACO,IAAMA,iBAAiB,GAAG,CAA1B;AAEP;;;;AAGO,IAAMC,2BAA2B,GAAG;AACvCC,EAAAA,EAAE,EAAEC,UAAU,CAACC,QADwB;AAEvCC,EAAAA,EAAE,EAAEF,UAAU,CAACG,QAFwB;AAGvCC,EAAAA,EAAE,EAAEJ,UAAU,CAACK,KAHwB;AAIvCC,EAAAA,EAAE,EAAEN,UAAU,CAACO,SAJwB;AAKvCC,EAAAA,EAAE,EAAER,UAAU,CAACS,SALwB;AAMvCC,EAAAA,EAAE,EAAEV,UAAU,CAACW;AANwB,CAApC;;ACEP,IAAMC,cAAmC,GAAG;AAAEC,EAAAA,KAAK,EAAE,CAAT;AAAYC,EAAAA,cAAc,EAAE;AAA5B,CAA5C;AAEO,IAAMC,mBAAmB,GAAGC,aAAa,CAAsBJ,cAAtB,CAAzC;;ICTMK,eAAe,GAAG,SAAlBA,eAAkB,GAAM;AAAA,0BACYC,KAAK,CAACC,UAAN,CAAiBJ,mBAAjB,CADZ;AAAA,gDACzBF,KADyB;AAAA,MACzBA,KADyB,sCACjB,CADiB;AAAA,gDACdC,cADc;AAAA,MACdA,cADc,sCACG,IADH;;AAGjC,SAAO;AAAED,IAAAA,KAAK,EAALA,KAAF;AAASC,IAAAA,cAAc,EAAdA;AAAT,GAAP;AACH;;ACCD;;;;AAUA;;;AAGA,IAAMM,cAAc,GAAG,SAAvB;AAEA;;;;AAGA,IAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAD,CAAlC;AAEA;;;;AAGA,IAAMG,aAAa,GAAG,EAAtB;AAEA;;;;;;IAKaC,OAA2B,GAAGC,UAAU,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA,MAC1DC,QAD0D,GACXF,KADW,CAC1DE,QAD0D;AAAA,MAChDC,EADgD,GACXH,KADW,CAChDG,EADgD;AAAA,MAC5CC,SAD4C,GACXJ,KADW,CAC5CI,SAD4C;AAAA,MAC9BC,cAD8B,4BACXL,KADW;;AAAA,yBAEvCT,eAAe,EAFwB;AAAA,MAE1DH,cAF0D,oBAE1DA,cAF0D;;AAIlE,SACI,oBAAC,IAAD;AACI,IAAA,GAAG,EAAEa,GADT;AAEI,IAAA,SAAS,EAAEK,UAAU,CACjBF,SADiB,EAEjBG,kBAAkB,CAAC;AACfC,MAAAA,MAAM,EAAEb;AADO,KAAD,CAFD,CAFzB;AAQI,IAAA,EAAE,EAAEQ,EAAE,IAAIf,cARd;AASI,IAAA,UAAU,EAAEhB,2BAA2B,CAACgB,cAAD;AAT3C,KAUQiB,cAVR,GAYKH,QAZL,CADJ;AAgBH,CApBoD;AAsBrDJ,OAAO,CAACW,WAAR,GAAsBf,cAAtB;AACAI,OAAO,CAACM,SAAR,GAAoBT,SAApB;AACAG,OAAO,CAACY,YAAR,GAAuBb,aAAvB;;ACjDA;;;IAGac,oBAAyD,GAAG,SAA5DA,oBAA4D,OAAyB;AAAA,MAAtBT,QAAsB,QAAtBA,QAAsB;AAAA,MAAZf,KAAY,QAAZA,KAAY;;AAAA,yBAC9DI,eAAe,EAD+C;AAAA,MAC/EqB,YAD+E,oBACtFzB,KADsF;;AAG9F,MAAM0B,gBAAgB,GAAG1B,KAAK,IAAIyB,YAAY,GAAG,CAAjD;AACA;;AACA,MAAME,SAAS,GAAGD,gBAAgB,GAAG1C,iBAAnB,GAAuCA,iBAAvC,GAA2D0C,gBAA7E;AACA,MAAMzB,cAAc,cAAO0B,SAAP,CAApB;AAEA,SACI,oBAAC,mBAAD,CAAqB,QAArB;AAA8B,IAAA,KAAK,EAAE;AAAE3B,MAAAA,KAAK,EAAE2B,SAAT;AAAoB1B,MAAAA,cAAc,EAAdA;AAApB;AAArC,KACKc,QADL,CADJ;AAKH;;;;"}

package/{esm/_internal/Slider2.js → _internal/6a0e1c77.js}

@@ -1,10 +1,10 @@
-import { b as _objectWithoutProperties, c as _extends } from './_rollupPluginBabelHelpers.js';
-import { Theme } from './components.js';
+import { b as _objectWithoutProperties, c as _extends } from './6340c129.js';
+import { Theme } from '../components.js';
 import React, { forwardRef, useMemo, useRef } from 'react';
-import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './getRootClassName.js';
-import { u as uid } from '../index2.js';
-import { I as InputHelper } from './InputHelper.js';
-import { I as InputLabel } from './InputLabel.js';
+import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './fd867c9d.js';
+import { u as uid } from './fc608bd9.js';
+import { I as InputHelper } from './b0eb3a30.js';
+import { I as InputLabel } from './12ab39e4.js';
 
 var useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
 /**
@@ -324,4 +324,4 @@ Slider.className = CLASSNAME;
 Slider.defaultProps = DEFAULT_PROPS;
 
 export { Slider as S, clamp as c };
-//# sourceMappingURL=Slider2.js.map
+//# sourceMappingURL=6a0e1c77.js.map

package/_internal/6a0e1c77.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"6a0e1c77.js","sources":["../../src/hooks/useEventCallback.tsx","../../src/utils/clamp.ts","../../src/components/slider/Slider.tsx"],"sourcesContent":["import React from 'react';\n\nconst useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\n\n/**\n * https://github.com/facebook/react/issues/14099#issuecomment-440013892\n *\n * @param fn A function to run\n * @return A React callback\n */\nexport default function useEventCallback(fn: (...args: any[]) => any): (event: any) => any {\n    const ref = React.useRef(fn);\n    useEnhancedEffect(() => {\n        ref.current = fn;\n    });\n    return React.useCallback((event: any) => ref.current(event), []);\n}\n","/**\n * Clamp value in range.\n *\n * @param value Value to clamp.\n * @param min   Minimum value.\n * @param max   Maximum value.\n * @return Clamped value.\n */\nexport const clamp = (value: number, min: number, max: number): number => {\n    if (value < min) {\n        return min;\n    }\n    if (value > max) {\n        return max;\n    }\n    return value;\n};\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { forwardRef, SyntheticEvent, useMemo, useRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { InputHelper, InputLabel, Theme } from '@lumx/react';\n\nimport useEventCallback from '@lumx/react/hooks/useEventCallback';\nimport { Comp, GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\n\nimport { uid } from 'uid';\nimport { clamp } from '@lumx/react/utils/clamp';\n\n/**\n * Defines the props of the component.\n */\nexport interface SliderProps extends GenericProps, HasTheme {\n    /** Helper text. */\n    helper?: string;\n    /** Whether the min and max labels should be hidden or not. */\n    hideMinMaxLabel?: boolean;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Label text. */\n    label?: string;\n    /** Maximum value on the range. */\n    max: number;\n    /** Minimum value of the range. */\n    min: number;\n    /** Native input name property. */\n    name?: string;\n    /** Number of digits in the fractional part of the selected value. */\n    precision?: number;\n    /** Range step value. */\n    steps?: number;\n    /** Selected ranged value. */\n    value: number;\n    /** On change callback. */\n    onChange(value: number, name?: string, event?: SyntheticEvent): void;\n    /** On click callback. */\n    onMouseDown?(event: React.SyntheticEvent): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Slider';\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<SliderProps> = {\n    precision: 0,\n    steps: 0,\n    theme: Theme.light,\n};\n\n/**\n * Convert a percent value to a value in range min - max.\n *\n * @param percent   Value to convert.\n * @param min       Minimum value.\n * @param max       Maximum value.\n * @param precision Precision.\n * @return Value in range min - max\n */\nconst computeValueFromPercent = (percent: number, min: number, max: number, precision = 0): number =>\n    Number((min + percent * (max - min)).toFixed(precision));\n\n/**\n * Convert a value in range min - max to a percent value.\n *\n * @param value Value to convert.\n * @param min   Minimum value.\n * @param max   Maximum value.\n * @return Value in percent\n */\nconst computePercentFromValue = (value: number, min: number, max: number): number =>\n    Number((value - min) / (max - min));\n\n/**\n * Slider component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Slider: Comp<SliderProps, HTMLDivElement> = forwardRef((props, ref) => {\n    const {\n        className,\n        disabled,\n        helper,\n        hideMinMaxLabel,\n        id,\n        isDisabled = disabled,\n        label,\n        max,\n        min,\n        name,\n        onChange,\n        onMouseDown,\n        precision,\n        steps,\n        theme,\n        value,\n        ...forwardedProps\n    } = props;\n    const sliderId = useMemo(() => id || `slider-${uid()}`, [id]);\n    const sliderLabelId = useMemo(() => `label-${sliderId}`, [sliderId]);\n    const sliderRef = useRef<HTMLDivElement>(null);\n\n    // build a lookup array for the steps.\n    const availableSteps = useMemo((): number[] => {\n        if (!steps) return [];\n\n        const available = [0];\n        const percentStep = 1 / ((max - min) / steps);\n        let ptr = 0;\n        while (ptr + percentStep < 1) {\n            ptr += percentStep;\n            available.push(ptr);\n        }\n        return available;\n    }, [steps, min, max]);\n\n    /**\n     * Try to find the closest step to the current slider position.\n     *\n     * @param percentValue Reference value\n     * @return The closest step value\n     */\n    const findClosestStep = (percentValue: number): number => {\n        const closest = availableSteps.reduce(\n            (acc, step) => {\n                const aDst = Math.abs(percentValue - step);\n                if (aDst < acc.dst) {\n                    return { dst: aDst, val: step };\n                }\n                return acc;\n            },\n            { dst: Infinity, val: -1 },\n        );\n        return closest.val;\n    };\n\n    /**\n     * Convert slider's handle position to percent.\n     *\n     * @param event The interaction event\n     * @param slider the slider element\n     * @return The computed percent value\n     */\n    const getPercentValue = (event: React.MouseEvent, slider: HTMLDivElement): number => {\n        const { width, left } = slider.getBoundingClientRect();\n        let percent = (event.pageX - left - window.pageXOffset) / width;\n        percent = clamp(percent, 0, 1);\n        if (steps) {\n            percent = findClosestStep(percent);\n        }\n        return percent;\n    };\n\n    /**\n     * Register a handler for the mouse move event.\n     */\n    const handleMove = useEventCallback((event: React.MouseEvent) => {\n        const { current: slider } = sliderRef;\n        if (!slider || !onChange) return;\n        const newValue = getPercentValue(event, slider);\n        onChange(computeValueFromPercent(newValue, min, max, precision), name, event);\n    });\n\n    /**\n     * Register a handler for the mouse up event.\n     * Clean a all listeners.\n     */\n    const handleEnd = useEventCallback(() => {\n        document.body.removeEventListener('mousemove', handleMove);\n        document.body.removeEventListener('mouseup', handleEnd);\n        document.body.removeEventListener('touchmove', handleMove);\n        document.body.removeEventListener('touchend', handleEnd);\n    });\n\n    /**\n     * Move to the next or previous value (i.e. + or - 10%) or next step\n     * @param previous Should seek the previous value.\n     */\n    const hopToValue = (previous = false) => {\n        const oldPercent = computePercentFromValue(value, min, max);\n        let percent = clamp(oldPercent + (previous ? -0.1 : 0.1), 0, 1);\n        if (steps) {\n            percent = oldPercent + availableSteps[1] * (previous ? -1 : 1);\n            percent = findClosestStep(percent);\n        }\n        if (onChange) {\n            onChange(computeValueFromPercent(percent, min, max, precision), name);\n        }\n    };\n\n    /**\n     * Register a handler for keyboard interactions\n     */\n    const handleKeyDown = useEventCallback((event: React.KeyboardEvent) => {\n        if (event.key === 'ArrowRight') {\n            hopToValue();\n        } else if (event.key === 'ArrowLeft') {\n            hopToValue(true);\n        }\n    });\n\n    /**\n     * Register a handler for the mouseDown event.\n     */\n    const handleMouseDown = useEventCallback((event: React.MouseEvent) => {\n        onMouseDown?.(event);\n\n        const { current: slider } = sliderRef;\n        if (isDisabled || !slider) return;\n        const newValue = getPercentValue(event, slider);\n        if (onChange) {\n            onChange(computeValueFromPercent(newValue, min, max, precision), name, event);\n        }\n\n        document.body.addEventListener('mousemove', handleMove);\n        document.body.addEventListener('mouseup', handleEnd);\n    });\n\n    const percentString = `${computePercentFromValue(value, min, max) * 100}%`;\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({ prefix: CLASSNAME, theme, hasLabel: Boolean(label) }),\n            )}\n            onMouseDown={handleMouseDown}\n            aria-disabled={isDisabled}\n        >\n            {label && (\n                <InputLabel id={sliderLabelId} htmlFor={sliderId} className={`${CLASSNAME}__label`} theme={theme}>\n                    {label}\n                </InputLabel>\n            )}\n\n            {helper && (\n                <InputHelper className={`${CLASSNAME}__helper`} theme={theme}>\n                    {helper}\n                </InputHelper>\n            )}\n\n            <div className={`${CLASSNAME}__ui-wrapper`}>\n                {!hideMinMaxLabel && (\n                    <span className={`${CLASSNAME}__value-label ${CLASSNAME}__value-label--min`}>{min}</span>\n                )}\n                <div className={`${CLASSNAME}__wrapper`} ref={sliderRef}>\n                    <div className={`${CLASSNAME}__track ${CLASSNAME}__track--background`} />\n                    <div\n                        className={`${CLASSNAME}__track ${CLASSNAME}__track--active`}\n                        style={{ width: percentString }}\n                    />\n                    {steps ? (\n                        <div className={`${CLASSNAME}__ticks`}>\n                            {availableSteps.map((step, idx) => (\n                                <div\n                                    key={`tick_${idx}`}\n                                    className={`${CLASSNAME}__tick`}\n                                    style={{ left: `${step * 100}%` }}\n                                />\n                            ))}\n                        </div>\n                    ) : null}\n                    <button\n                        type=\"button\"\n                        aria-labelledby={sliderLabelId}\n                        name={name}\n                        id={sliderId}\n                        className={`${CLASSNAME}__handle`}\n                        style={{ left: percentString }}\n                        onKeyDown={handleKeyDown}\n                        disabled={isDisabled}\n                    />\n                </div>\n                {!hideMinMaxLabel && (\n                    <span className={`${CLASSNAME}__value-label ${CLASSNAME}__value-label--max`}>{max}</span>\n                )}\n            </div>\n        </div>\n    );\n});\nSlider.displayName = COMPONENT_NAME;\nSlider.className = CLASSNAME;\nSlider.defaultProps = DEFAULT_PROPS;\n"],"names":["useEnhancedEffect","window","React","useLayoutEffect","useEffect","useEventCallback","fn","ref","useRef","current","useCallback","event","clamp","value","min","max","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","precision","steps","theme","Theme","light","computeValueFromPercent","percent","Number","toFixed","computePercentFromValue","Slider","forwardRef","props","className","disabled","helper","hideMinMaxLabel","id","isDisabled","label","name","onChange","onMouseDown","forwardedProps","sliderId","useMemo","uid","sliderLabelId","sliderRef","availableSteps","available","percentStep","ptr","push","findClosestStep","percentValue","closest","reduce","acc","step","aDst","Math","abs","dst","val","Infinity","getPercentValue","slider","getBoundingClientRect","width","left","pageX","pageXOffset","handleMove","newValue","handleEnd","document","body","removeEventListener","hopToValue","previous","oldPercent","handleKeyDown","key","handleMouseDown","addEventListener","percentString","classNames","handleBasicClasses","prefix","hasLabel","Boolean","map","idx","displayName","defaultProps"],"mappings":"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"}

package/_internal/701c20b0.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { l as GenericProps, k as Comp } from './eca6d4dc.js';
+
+/**
+ * Defines the props of the component.
+ */
+interface ToolbarProps extends GenericProps {
+    /** After content (placed after the label). */
+    after?: ReactNode;
+    /** Before content (placed before the label). */
+    before?: ReactNode;
+    /** Label content. */
+    label?: ReactNode;
+}
+/**
+ * Toolbar component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Toolbar: Comp<ToolbarProps, HTMLDivElement>;
+
+export { ToolbarProps as T, Toolbar as a };

package/{esm/_internal/Progress2.js → _internal/7391188a.js}

@@ -1,7 +1,7 @@
-import { b as _objectWithoutProperties, c as _extends } from './_rollupPluginBabelHelpers.js';
-import { Theme } from './components.js';
+import { b as _objectWithoutProperties, c as _extends } from './6340c129.js';
+import { Theme } 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';
 
 /**
  * Progress variants.
@@ -78,4 +78,4 @@ Progress.className = CLASSNAME;
 Progress.defaultProps = DEFAULT_PROPS;
 
 export { ProgressVariant as P, Progress as a };
-//# sourceMappingURL=Progress2.js.map
+//# sourceMappingURL=7391188a.js.map

package/_internal/7391188a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"7391188a.js","sources":["../../src/components/progress/Progress.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Theme } from '@lumx/react';\n\nimport { Comp, GenericProps, HasTheme, ValueOf } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\n\n/**\n * Progress variants.\n */\nexport const ProgressVariant = { linear: 'linear', circular: 'circular' } as const;\nexport type ProgressVariant = ValueOf<typeof ProgressVariant>;\n\n/**\n * Defines the props of the component.\n */\nexport interface ProgressProps extends GenericProps, HasTheme {\n    /** Progress variant. */\n    variant?: ProgressVariant;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Progress';\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<ProgressProps> = {\n    theme: Theme.light,\n    variant: ProgressVariant.circular,\n};\n/**\n * Progress component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Progress: Comp<ProgressProps, HTMLDivElement> = forwardRef((props, ref) => {\n    const { className, theme, variant, ...forwardedProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme, variant }))}\n        >\n            <div className={classNames(`${CLASSNAME}-${variant}`)}>\n                {variant === ProgressVariant.circular && (\n                    <>\n                        <div className=\"lumx-progress-circular__double-bounce1\" />\n                        <div className=\"lumx-progress-circular__double-bounce2\" />\n\n                        <svg className=\"lumx-progress-circular__svg\" viewBox=\"25 25 50 50\">\n                            <circle\n                                className=\"lumx-progress-circular__path\"\n                                cx=\"50\"\n                                cy=\"50\"\n                                r=\"20\"\n                                fill=\"none\"\n                                strokeWidth=\"5\"\n                            />\n                        </svg>\n                    </>\n                )}\n                {variant === ProgressVariant.linear && (\n                    <>\n                        <div className=\"lumx-progress-linear__line1\" />\n                        <div className=\"lumx-progress-linear__line2\" />\n                    </>\n                )}\n            </div>\n        </div>\n    );\n});\nProgress.displayName = COMPONENT_NAME;\nProgress.className = CLASSNAME;\nProgress.defaultProps = DEFAULT_PROPS;\n"],"names":["ProgressVariant","linear","circular","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","theme","Theme","light","variant","Progress","forwardRef","props","ref","className","forwardedProps","classNames","handleBasicClasses","prefix","displayName","defaultProps"],"mappings":";;;;;AASA;;;;IAGaA,eAAe,GAAG;AAAEC,EAAAA,MAAM,EAAE,QAAV;AAAoBC,EAAAA,QAAQ,EAAE;AAA9B;;AAW/B;;;AAGA,IAAMC,cAAc,GAAG,UAAvB;AAEA;;;;AAGA,IAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAD,CAAlC;AAEA;;;;AAGA,IAAMG,aAAqC,GAAG;AAC1CC,EAAAA,KAAK,EAAEC,KAAK,CAACC,KAD6B;AAE1CC,EAAAA,OAAO,EAAEV,eAAe,CAACE;AAFiB,CAA9C;AAIA;;;;;;;;IAOaS,QAA6C,GAAGC,UAAU,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA,MAC5EC,SAD4E,GAC3BF,KAD2B,CAC5EE,SAD4E;AAAA,MACjER,KADiE,GAC3BM,KAD2B,CACjEN,KADiE;AAAA,MAC1DG,OAD0D,GAC3BG,KAD2B,CAC1DH,OAD0D;AAAA,MAC9CM,cAD8C,4BAC3BH,KAD2B;;AAGpF,SACI;AACI,IAAA,GAAG,EAAEC;AADT,KAEQE,cAFR;AAGI,IAAA,SAAS,EAAEC,UAAU,CAACF,SAAD,EAAYG,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEf,SAAV;AAAqBG,MAAAA,KAAK,EAALA,KAArB;AAA4BG,MAAAA,OAAO,EAAPA;AAA5B,KAAD,CAA9B;AAHzB,MAKI;AAAK,IAAA,SAAS,EAAEO,UAAU,WAAIb,SAAJ,cAAiBM,OAAjB;AAA1B,KACKA,OAAO,KAAKV,eAAe,CAACE,QAA5B,IACG,0CACI;AAAK,IAAA,SAAS,EAAC;AAAf,IADJ,EAEI;AAAK,IAAA,SAAS,EAAC;AAAf,IAFJ,EAII;AAAK,IAAA,SAAS,EAAC,6BAAf;AAA6C,IAAA,OAAO,EAAC;AAArD,KACI;AACI,IAAA,SAAS,EAAC,8BADd;AAEI,IAAA,EAAE,EAAC,IAFP;AAGI,IAAA,EAAE,EAAC,IAHP;AAII,IAAA,CAAC,EAAC,IAJN;AAKI,IAAA,IAAI,EAAC,MALT;AAMI,IAAA,WAAW,EAAC;AANhB,IADJ,CAJJ,CAFR,EAkBKQ,OAAO,KAAKV,eAAe,CAACC,MAA5B,IACG,0CACI;AAAK,IAAA,SAAS,EAAC;AAAf,IADJ,EAEI;AAAK,IAAA,SAAS,EAAC;AAAf,IAFJ,CAnBR,CALJ,CADJ;AAiCH,CApCsE;AAqCvEU,QAAQ,CAACS,WAAT,GAAuBjB,cAAvB;AACAQ,QAAQ,CAACI,SAAT,GAAqBX,SAArB;AACAO,QAAQ,CAACU,YAAT,GAAwBf,aAAxB;;;;"}

package/{esm/_internal/ButtonRoot.js → _internal/74cb6c26.js}

@@ -1,9 +1,10 @@
-import { b as _objectWithoutProperties, _ as _objectSpread2, c as _extends } from './_rollupPluginBabelHelpers.js';
-import { Emphasis, ColorPalette, Theme } from './components.js';
+import { b as _objectWithoutProperties, _ as _objectSpread2, c as _extends } from './6340c129.js';
+import { Emphasis, ColorPalette, Theme } from '../components.js';
 import React, { forwardRef } from 'react';
-import { c as classnames, h as handleBasicClasses, C as CSS_PREFIX } from './getRootClassName.js';
+import { c as classnames, h as handleBasicClasses, C as CSS_PREFIX } from './fd867c9d.js';
+import 'lodash/kebabCase';
 import isEmpty from 'lodash/isEmpty';
-import { r as renderLink } from './renderLink.js';
+import { r as renderLink } from './329a01d3.js';
 
 /**
  * Component display name.
@@ -132,4 +133,4 @@ ButtonRoot.displayName = COMPONENT_NAME;
 ButtonRoot.defaultProps = {};
 
 export { ButtonRoot as B };
-//# sourceMappingURL=ButtonRoot.js.map
+//# sourceMappingURL=74cb6c26.js.map

package/_internal/74cb6c26.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"74cb6c26.js","sources":["../../src/components/button/ButtonRoot.tsx"],"sourcesContent":["import React, { AriaAttributes, ButtonHTMLAttributes, DetailedHTMLProps, forwardRef, RefObject } from 'react';\n\nimport isEmpty from 'lodash/isEmpty';\n\nimport classNames from 'classnames';\n\nimport { Color, ColorPalette, Emphasis, Size, Theme } from '@lumx/react';\nimport { CSS_PREFIX } from '@lumx/react/constants';\nimport { Comp, GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { handleBasicClasses } from '@lumx/react/utils/className';\nimport { renderLink } from '@lumx/react/utils/renderLink';\n\ntype HTMLButtonProps = DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;\n\n/**\n * Button size definition.\n */\nexport type ButtonSize = Extract<Size, 's' | 'm'>;\n\nexport interface BaseButtonProps\n    extends GenericProps,\n        Pick<AriaAttributes, 'aria-expanded' | 'aria-haspopup' | 'aria-pressed' | 'aria-label'>,\n        HasTheme {\n    /** Color variant. */\n    color?: Color;\n    /** Emphasis variant. */\n    emphasis?: Emphasis;\n    /** Whether or not the button has a background color in low emphasis. */\n    hasBackground?: boolean;\n    /** Native anchor href property. It determines whether the Button will be a <button> or an <a>. */\n    href?: string;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Whether the component is selected or not. */\n    isSelected?: boolean;\n    /** Native button name property. */\n    name?: string;\n    /** Size variant. */\n    size?: ButtonSize;\n    /** Native anchor target property. */\n    target?: '_self' | '_blank' | '_parent' | '_top';\n    /** Native button type. */\n    type?: HTMLButtonProps['type'];\n    /** Custom react component for the link (can be used to inject react router Link). */\n    linkAs?: 'a' | any;\n}\n\nexport interface ButtonRootProps extends BaseButtonProps {\n    variant: 'button' | 'icon';\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ButtonRoot';\n\nexport const BUTTON_WRAPPER_CLASSNAME = `${CSS_PREFIX}-button-wrapper`;\nexport const BUTTON_CLASSNAME = `${CSS_PREFIX}-button`;\n\n/**\n * Render a button wrapper with the ButtonRoot inside.\n *\n * @param  props Component props.\n * @return React element.\n */\nconst renderButtonWrapper: React.FC<ButtonRootProps> = (props) => {\n    const { color, emphasis, variant, fullWidth } = props;\n\n    const adaptedColor =\n        emphasis === Emphasis.low && (color === ColorPalette.light ? ColorPalette.dark : ColorPalette.light);\n\n    const wrapperClassName = classNames(\n        handleBasicClasses({\n            color: adaptedColor,\n            prefix: BUTTON_WRAPPER_CLASSNAME,\n            variant,\n            fullWidth,\n        }),\n    );\n    const buttonProps = { ...props, hasBackground: false };\n\n    return (\n        <div className={wrapperClassName}>\n            {/* eslint-disable-next-line @typescript-eslint/no-use-before-define */}\n            <ButtonRoot {...buttonProps} />\n        </div>\n    );\n};\n\n/**\n * ButtonRoot component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ButtonRoot: Comp<ButtonRootProps, HTMLButtonElement | HTMLAnchorElement> = forwardRef((props, ref) => {\n    const {\n        'aria-label': ariaLabel,\n        children,\n        className,\n        color,\n        disabled,\n        emphasis,\n        hasBackground,\n        href,\n        isDisabled = disabled,\n        isSelected,\n        isActive,\n        isFocused,\n        isHovered,\n        linkAs,\n        name,\n        size,\n        target,\n        theme,\n        variant,\n        type = 'button',\n        fullWidth,\n        ...forwardedProps\n    } = props;\n\n    const adaptedColor =\n        color ||\n        (emphasis !== Emphasis.high && theme === Theme.dark && ColorPalette.light) ||\n        (emphasis === Emphasis.high && ColorPalette.primary) ||\n        ColorPalette.dark;\n\n    if (hasBackground) {\n        return renderButtonWrapper({ ...props, ref, variant, color: adaptedColor });\n    }\n\n    const buttonClassName = classNames(\n        className,\n        handleBasicClasses({\n            color: adaptedColor,\n            emphasis,\n            isSelected,\n            isDisabled,\n            isActive,\n            isFocused,\n            isHovered,\n            prefix: BUTTON_CLASSNAME,\n            size,\n            theme: emphasis === Emphasis.high && theme,\n            variant,\n            fullWidth,\n        }),\n    );\n\n    /**\n     * If the linkAs prop is used, we use the linkAs component instead of a <button>.\n     * If there is an href attribute, we display an <a> instead of a <button>.\n     *\n     * However, in any case, if the component is disabled, we returned a <button> since disabled is not compatible with <a>.\n     */\n    if ((linkAs || !isEmpty(props.href)) && !isDisabled) {\n        return renderLink(\n            {\n                linkAs,\n                ...forwardedProps,\n                'aria-label': ariaLabel,\n                href,\n                target,\n                className: buttonClassName,\n                ref: ref as RefObject<HTMLAnchorElement>,\n            },\n            children,\n        );\n    }\n    return (\n        <button\n            {...forwardedProps}\n            disabled={isDisabled}\n            aria-disabled={isDisabled}\n            aria-label={ariaLabel}\n            ref={ref as RefObject<HTMLButtonElement>}\n            className={buttonClassName}\n            name={name}\n            type={\n                // eslint-disable-next-line react/button-has-type\n                type\n            }\n        >\n            {children}\n        </button>\n    );\n});\nButtonRoot.displayName = COMPONENT_NAME;\nButtonRoot.defaultProps = {};\n"],"names":["COMPONENT_NAME","BUTTON_WRAPPER_CLASSNAME","CSS_PREFIX","BUTTON_CLASSNAME","renderButtonWrapper","props","color","emphasis","variant","fullWidth","adaptedColor","Emphasis","low","ColorPalette","light","dark","wrapperClassName","classNames","handleBasicClasses","prefix","buttonProps","hasBackground","ButtonRoot","forwardRef","ref","ariaLabel","children","className","disabled","href","isDisabled","isSelected","isActive","isFocused","isHovered","linkAs","name","size","target","theme","type","forwardedProps","high","Theme","primary","buttonClassName","isEmpty","renderLink","displayName","defaultProps"],"mappings":"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"}

package/{esm/_internal/ProgressTrackerStepPanel.js → _internal/761031bf.js}

@@ -1,12 +1,14 @@
-import { b as _objectWithoutProperties, d as _slicedToArray, _ as _objectSpread2, e as _toConsumableArray, c as _extends } from './_rollupPluginBabelHelpers.js';
-import { Size, Kind } from './components.js';
+import { b as _objectWithoutProperties, d as _slicedToArray, _ as _objectSpread2, e as _toConsumableArray, c as _extends } from './6340c129.js';
+import { Size, Kind } from '../components.js';
 import React, { useReducer, useEffect, forwardRef, useCallback } from 'react';
-import { g as getRootClassName, c as classnames, h as handleBasicClasses, C as CSS_PREFIX } from './getRootClassName.js';
-import { I as Icon, b as mdiCheckCircle, c as mdiAlertCircle, k as mdiRadioboxMarked, l as mdiRadioboxBlank } from './Icon2.js';
-import { m as mergeRefs } from './mergeRefs.js';
-import { I as InputHelper } from './InputHelper.js';
-import { I as InputLabel } from './InputLabel.js';
-import { r as reducer, I as INIT_STATE, T as TabProviderContext, u as useRovingTabIndex, a as useTabProviderContextState, b as useTabProviderContext } from './useRovingTabIndex.js';
+import { g as getRootClassName, c as classnames, h as handleBasicClasses, C as CSS_PREFIX } from './fd867c9d.js';
+import { I as Icon, b as mdiCheckCircle, c as mdiAlertCircle, k as mdiRadioboxMarked, l as mdiRadioboxBlank } from './a521723d.js';
+import 'lodash/kebabCase';
+import { m as mergeRefs } from './853713cd.js';
+import { I as InputHelper } from './b0eb3a30.js';
+import { I as InputLabel } from './12ab39e4.js';
+import { r as reducer, I as INIT_STATE, T as TabProviderContext, u as useTabProviderContextState, a as useTabProviderContext } from './e354228f.js';
+import { u as useRovingTabIndex } from './20976405.js';
 
 var DEFAULT_PROPS = {
   isLazy: INIT_STATE.isLazy,
@@ -309,4 +311,4 @@ ProgressTrackerStepPanel.className = CLASSNAME$2;
 ProgressTrackerStepPanel.defaultProps = DEFAULT_PROPS$3;
 
 export { ProgressTrackerProvider as P, ProgressTracker as a, ProgressTrackerStep as b, ProgressTrackerStepPanel as c };
-//# sourceMappingURL=ProgressTrackerStepPanel.js.map
+//# sourceMappingURL=761031bf.js.map

package/_internal/761031bf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"761031bf.js","sources":["../../src/components/progress-tracker/ProgressTrackerProvider.tsx","../../src/components/progress-tracker/ProgressTracker.tsx","../../src/components/progress-tracker/ProgressTrackerStep.tsx","../../src/components/progress-tracker/ProgressTrackerStepPanel.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useReducer } from 'react';\nimport { INIT_STATE, TabProviderContext, reducer } from '../tabs/state';\n\nexport interface ProgressTrackerProviderProps {\n    /** Active step index. */\n    activeStepIndex?: number;\n    /** ProgressTrackerProvider children. */\n    children: ReactNode;\n    /** Step panel children should not render if the step panel is hidden. */\n    isLazy?: boolean;\n    /** Activate tabs on focus. */\n    shouldActivateOnFocus?: boolean;\n    /** Step change callback. */\n    onChange?(index: number): void;\n}\n\nconst DEFAULT_PROPS: Partial<ProgressTrackerProviderProps> = {\n    isLazy: INIT_STATE.isLazy,\n    shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus,\n};\n\n/**\n * This component provides a context in which steps can be defined and linked to their step panel.\n *\n * It does not produce any markup so you can wrap it around any React elements and then split the ProgressTracker and ProgressTrackerPanel\n * components in the react tree.\n *\n * This works exactly as TabProvider so it uses TabProviderContext and tabs state.\n *\n * @param  props React component props.\n * @return React element.\n */\nexport const ProgressTrackerProvider: React.FC<ProgressTrackerProviderProps> = (props) => {\n    const { children, onChange, ...propState } = props;\n    const [state, dispatch] = useReducer(reducer, INIT_STATE);\n\n    // On prop state change => dispatch update.\n    useEffect(\n        () => {\n            dispatch({\n                type: 'update',\n                payload: {\n                    ...propState,\n                    activeTabIndex: propState.activeStepIndex || INIT_STATE.activeTabIndex,\n                },\n            });\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [dispatch, ...Object.values(propState)],\n    );\n\n    // On active tab index state change => send update to the onChange.\n    useEffect(\n        () => {\n            if (state === INIT_STATE || !onChange || propState.activeStepIndex === state.activeTabIndex) {\n                return;\n            }\n            onChange(state.activeTabIndex);\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [onChange, state.activeTabIndex],\n    );\n\n    return <TabProviderContext.Provider value={[state, dispatch]}>{children}</TabProviderContext.Provider>;\n};\nProgressTrackerProvider.defaultProps = DEFAULT_PROPS;\n","import 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';\nimport { mergeRefs } from '@lumx/react/utils/mergeRefs';\nimport { useRovingTabIndex } from '../../hooks/useRovingTabIndex';\nimport { useTabProviderContextState } from '../tabs/state';\n\n/**\n * Defines the props of the component.\n */\nexport interface ProgressTrackerProps extends GenericProps {\n    /** ARIA label (purpose of the set of steps). */\n    ['aria-label']: string;\n    /** Step list. */\n    children: ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ProgressTracker';\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<ProgressTrackerProps> = {};\n\n/**\n * ProgressTracker component.\n *\n * Implements WAI-ARIA `tablist` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ProgressTracker: Comp<ProgressTrackerProps, HTMLDivElement> = forwardRef((props, ref) => {\n    const { 'aria-label': ariaLabel, children, className, ...forwardedProps } = props;\n    const stepListRef = React.useRef(null);\n    useRovingTabIndex({\n        parentRef: stepListRef,\n        elementSelector: '[role=\"tab\"]',\n        keepTabIndex: false,\n        extraDependencies: [children],\n    });\n\n    const state = useTabProviderContextState();\n    const numberOfSteps = state?.ids?.tab?.length || 0;\n    const backgroundPosition: number = numberOfSteps > 0 ? 100 / (numberOfSteps * 2) : 0;\n    const trackPosition: number =\n        numberOfSteps > 0 ? ((100 / (numberOfSteps - 1)) * (state?.activeTabIndex || 0)) / 100 : 0;\n\n    return (\n        <div\n            ref={mergeRefs(ref, stepListRef)}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME }))}\n        >\n            <div className={`${CLASSNAME}__steps`} role=\"tablist\" aria-label={ariaLabel}>\n                {children}\n            </div>\n\n            <div\n                className={`${CLASSNAME}__background-bar`}\n                style={{ left: `${backgroundPosition}%`, right: `${backgroundPosition}%` }}\n            />\n\n            <div\n                className={`${CLASSNAME}__foreground-bar`}\n                style={{\n                    left: `${backgroundPosition}%`,\n                    right: `${backgroundPosition}%`,\n                    transform: `scaleX(${trackPosition})`,\n                }}\n            />\n        </div>\n    );\n});\nProgressTracker.displayName = COMPONENT_NAME;\nProgressTracker.className = CLASSNAME;\nProgressTracker.defaultProps = DEFAULT_PROPS;\n","import React, { FocusEventHandler, forwardRef, KeyboardEventHandler, useCallback } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Icon, InputHelper, InputLabel, Kind, Size } from '@lumx/react';\n\nimport { Comp, GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\n\nimport { mdiAlertCircle, mdiCheckCircle, mdiRadioboxBlank, mdiRadioboxMarked } from '@lumx/icons';\nimport { useTabProviderContext } from '../tabs/state';\n\n/**\n * Defines the props of the component.\n */\nexport interface ProgressTrackerStepProps extends GenericProps {\n    /** Children are not supported. */\n    children?: never;\n    /** Whether the step should be in error state or not. */\n    hasError?: boolean;\n    /** Helper text. */\n    helper?: string | null;\n    /** Native id property. */\n    id?: string;\n    /** Whether the current step is active or not. */\n    isActive?: boolean;\n    /** Whether the current step is completed or not. */\n    isComplete?: boolean;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Label text. */\n    label?: string | null;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ProgressTrackerStep';\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<ProgressTrackerStepProps> = {};\n\n/**\n * ProgressTrackerStep component.\n *\n * Implements WAI-ARIA `tab` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ProgressTrackerStep: Comp<ProgressTrackerStepProps, HTMLButtonElement> = forwardRef((props, ref) => {\n    const {\n        className,\n        disabled,\n        hasError,\n        helper,\n        id,\n        isActive: propIsActive,\n        isComplete,\n        isDisabled = disabled,\n        label,\n        onFocus,\n        onKeyPress,\n        tabIndex = -1,\n        ...forwardedProps\n    } = props;\n    const state = useTabProviderContext('tab', id);\n    const isActive = propIsActive || state?.isActive;\n\n    const changeToCurrentTab = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n        state?.changeToTab();\n    }, [isDisabled, state]);\n\n    const handleFocus: FocusEventHandler = useCallback(\n        (event) => {\n            onFocus?.(event);\n            if (state?.shouldActivateOnFocus) {\n                changeToCurrentTab();\n            }\n        },\n        [changeToCurrentTab, onFocus, state?.shouldActivateOnFocus],\n    );\n\n    const handleKeyPress: KeyboardEventHandler = useCallback(\n        (event) => {\n            onKeyPress?.(event);\n            if (event.key !== 'Enter') {\n                return;\n            }\n            changeToCurrentTab();\n        },\n        [changeToCurrentTab, onKeyPress],\n    );\n\n    const getIcon = (): string => {\n        if (isComplete) {\n            return mdiCheckCircle;\n        }\n\n        if (isActive) {\n            return hasError ? mdiAlertCircle : mdiRadioboxMarked;\n        }\n\n        return mdiRadioboxBlank;\n    };\n\n    return (\n        <button\n            ref={ref}\n            {...forwardedProps}\n            type=\"button\"\n            id={state?.tabId}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    hasError,\n                    isActive,\n                    isClickable: state && !isDisabled,\n                    isComplete,\n                }),\n            )}\n            onClick={changeToCurrentTab}\n            onKeyPress={handleKeyPress}\n            onFocus={handleFocus}\n            role=\"tab\"\n            tabIndex={isActive ? 0 : tabIndex}\n            aria-disabled={isDisabled}\n            aria-selected={isActive}\n            aria-controls={state?.tabPanelId}\n        >\n            <Icon className={`${CLASSNAME}__state`} icon={getIcon()} size={Size.s} />\n\n            <InputLabel htmlFor={state?.tabId || ''} className={`${CLASSNAME}__label`}>\n                {label}\n            </InputLabel>\n\n            {helper && (\n                <InputHelper kind={hasError ? Kind.error : Kind.info} className={`${CLASSNAME}__helper`}>\n                    {helper}\n                </InputHelper>\n            )}\n        </button>\n    );\n});\nProgressTrackerStep.displayName = COMPONENT_NAME;\nProgressTrackerStep.className = CLASSNAME;\nProgressTrackerStep.defaultProps = DEFAULT_PROPS;\n","import { useTabProviderContext } from '@lumx/react/components/tabs/state';\nimport { CSS_PREFIX } from '@lumx/react/constants';\nimport { Comp, GenericProps } from '@lumx/react/utils/type';\nimport { handleBasicClasses } from '@lumx/react/utils/className';\n\nimport classNames from 'classnames';\nimport React, { forwardRef } from 'react';\n\n/**\n * Defines the props of the component.\n */\nexport interface ProgressTrackerStepPanelProps extends GenericProps {\n    /** Native id property. */\n    id?: string;\n    /** Whether the step is active or not. */\n    isActive?: boolean;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ProgressTrackerStepPanel';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = `${CSS_PREFIX}-step-panel`;\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<ProgressTrackerStepPanelProps> = {};\n\n/**\n * ProgressTrackerStepPanel component.\n *\n * Implements WAI-ARIA `tabpanel` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ProgressTrackerStepPanel: Comp<ProgressTrackerStepPanelProps, HTMLDivElement> = forwardRef(\n    (props, ref) => {\n        const { children, id, className, isActive: propIsActive, ...forwardedProps } = props;\n\n        const state = useTabProviderContext('tabPanel', id);\n        const isActive = propIsActive || state?.isActive;\n\n        return (\n            <div\n                ref={ref}\n                {...forwardedProps}\n                id={state?.tabPanelId}\n                className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, isActive }))}\n                role=\"tabpanel\"\n                tabIndex={0}\n                aria-labelledby={state?.tabId}\n            >\n                {(!state?.isLazy || isActive) && children}\n            </div>\n        );\n    },\n);\nProgressTrackerStepPanel.displayName = COMPONENT_NAME;\nProgressTrackerStepPanel.className = CLASSNAME;\nProgressTrackerStepPanel.defaultProps = DEFAULT_PROPS;\n"],"names":["DEFAULT_PROPS","isLazy","INIT_STATE","shouldActivateOnFocus","ProgressTrackerProvider","props","children","onChange","propState","useReducer","reducer","state","dispatch","useEffect","type","payload","activeTabIndex","activeStepIndex","Object","values","defaultProps","COMPONENT_NAME","CLASSNAME","getRootClassName","ProgressTracker","forwardRef","ref","ariaLabel","className","forwardedProps","stepListRef","React","useRef","useRovingTabIndex","parentRef","elementSelector","keepTabIndex","extraDependencies","useTabProviderContextState","numberOfSteps","ids","tab","length","backgroundPosition","trackPosition","mergeRefs","classNames","handleBasicClasses","prefix","left","right","transform","displayName","ProgressTrackerStep","disabled","hasError","helper","id","propIsActive","isActive","isComplete","isDisabled","label","onFocus","onKeyPress","tabIndex","useTabProviderContext","changeToCurrentTab","useCallback","changeToTab","handleFocus","event","handleKeyPress","key","getIcon","mdiCheckCircle","mdiAlertCircle","mdiRadioboxMarked","mdiRadioboxBlank","tabId","isClickable","tabPanelId","Size","s","Kind","error","info","CSS_PREFIX","ProgressTrackerStepPanel"],"mappings":"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"}

package/{esm/_internal/DragHandle.js → _internal/76fed69d.js}

@@ -1,8 +1,8 @@
-import { b as _objectWithoutProperties, c as _extends } from './_rollupPluginBabelHelpers.js';
-import { Theme, ColorPalette, Size } from './components.js';
+import { b as _objectWithoutProperties, c as _extends } from './6340c129.js';
+import { Theme, ColorPalette, Size } from '../components.js';
 import React, { forwardRef } from 'react';
-import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './getRootClassName.js';
-import { I as Icon, h as mdiDragVertical } from './Icon2.js';
+import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './fd867c9d.js';
+import { I as Icon, h as mdiDragVertical } from './a521723d.js';
 
 /**
  * Defines the props of the component.
@@ -47,4 +47,4 @@ DragHandle.displayName = COMPONENT_NAME;
 DragHandle.className = CLASSNAME;
 
 export { DragHandle as D };
-//# sourceMappingURL=DragHandle.js.map
+//# sourceMappingURL=76fed69d.js.map

package/_internal/76fed69d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"76fed69d.js","sources":["../../src/components/drag-handle/DragHandle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { mdiDragVertical } from '@lumx/icons';\nimport { ColorPalette, Icon, Size, Theme } from '@lumx/react';\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 DragHandleProps extends GenericProps, HasTheme {}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'DragHandle';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * DragHandle component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const DragHandle: Comp<DragHandleProps, HTMLDivElement> = forwardRef((props, ref) => {\n    const { className, theme, ...forwardedProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme }))}\n        >\n            <Icon\n                icon={mdiDragVertical}\n                color={theme === Theme.dark ? ColorPalette.light : ColorPalette.dark}\n                size={Size.xs}\n            />\n        </div>\n    );\n});\nDragHandle.displayName = COMPONENT_NAME;\nDragHandle.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DragHandle","forwardRef","props","ref","className","theme","forwardedProps","classNames","handleBasicClasses","prefix","mdiDragVertical","Theme","dark","ColorPalette","light","Size","xs","displayName"],"mappings":";;;;;;AASA;;;;AAKA;;;AAGA,IAAMA,cAAc,GAAG,YAAvB;AAEA;;;;AAGA,IAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAD,CAAlC;AAEA;;;;;;;;IAOaG,UAAiD,GAAGC,UAAU,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA,MAChFC,SADgF,GACxCF,KADwC,CAChFE,SADgF;AAAA,MACrEC,KADqE,GACxCH,KADwC,CACrEG,KADqE;AAAA,MAC3DC,cAD2D,4BACxCJ,KADwC;;AAGxF,SACI;AACI,IAAA,GAAG,EAAEC;AADT,KAEQG,cAFR;AAGI,IAAA,SAAS,EAAEC,UAAU,CAACH,SAAD,EAAYI,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEX,SAAV;AAAqBO,MAAAA,KAAK,EAALA;AAArB,KAAD,CAA9B;AAHzB,MAKI,oBAAC,IAAD;AACI,IAAA,IAAI,EAAEK,eADV;AAEI,IAAA,KAAK,EAAEL,KAAK,KAAKM,KAAK,CAACC,IAAhB,GAAuBC,YAAY,CAACC,KAApC,GAA4CD,YAAY,CAACD,IAFpE;AAGI,IAAA,IAAI,EAAEG,IAAI,CAACC;AAHf,IALJ,CADJ;AAaH,CAhB0E;AAiB3EhB,UAAU,CAACiB,WAAX,GAAyBpB,cAAzB;AACAG,UAAU,CAACI,SAAX,GAAuBN,SAAvB;;;;"}

package/{esm/_internal/type.js → _internal/78ef8e34.js}

@@ -37,4 +37,4 @@ var isComponentType = function isComponentType(type) {
  */
 
 export { isComponentType as a, isComponent as i };
-//# sourceMappingURL=type.js.map
+//# sourceMappingURL=78ef8e34.js.map

package/_internal/78ef8e34.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"78ef8e34.js","sources":["../../src/utils/type.ts"],"sourcesContent":["import get from 'lodash/get';\nimport React, { ReactElement, ReactNode, Ref } from 'react';\nimport { Theme } from '@lumx/react';\n\n/** Get types of the values of a record. */\nexport type ValueOf<T extends Record<any, any>> = T[keyof T];\n\n/**\n * Properties of a component to use to determine it's name.\n * In the order of preference.\n */\nconst NAME_PROPERTIES: string[] = [\n    'type',\n    'type.displayName',\n    'displayName',\n    'name',\n    'type.name',\n    'props.mdxType',\n    '_reactInternalFiber.elementType.name',\n];\n\n/** LumX Component Type. */\nexport type Comp<P, T = HTMLElement> = {\n    (props: P & { ref?: Ref<T> }): ReactElement | null;\n    /** React component type. */\n    readonly $$typeof: symbol;\n    /** Component default props. */\n    defaultProps?: Partial<P>;\n    /** Component name. */\n    displayName?: string;\n    /** Component base class name. */\n    className?: string;\n};\n\n/** Union type of all heading elements */\nexport type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport interface HasTheme {\n    /**\n     * Theme adapting the component to light or dark background.\n     */\n    theme?: Theme;\n}\n\n/**\n * Define a generic props types.\n */\nexport interface GenericProps {\n    /**\n     * Class name forwarded to the root element of the component.\n     */\n    className?: string;\n    /**\n     * Any prop (particularly any supported prop for a HTML element).\n     */\n    [propName: string]: any;\n}\n\n/**\n * Callback function type alias (use for readability)\n */\nexport type Callback = () => void;\nexport type Predicate<T> = (t: T) => boolean;\n\n/**\n * Create a predicate function that checks if a ReactNode is a react element from the given component.\n *\n * @param  component React function component or the component name\n * @return predicate returning true if value is instance of the component\n */\nexport const isComponent = <C>(component: Comp<C, any> | string) => (instance: ReactNode): instance is ReactElement => {\n    const componentName = typeof component === 'string' ? component : component.displayName;\n\n    return (\n        !!get(instance, '$$typeof') &&\n        NAME_PROPERTIES.some((nameProperty: string): boolean => get(instance, nameProperty) === componentName)\n    );\n};\n\n/**\n * Similar to `isComponent` but more precise as it's not based on the component `displayName` but on the component function reference.\n */\nexport const isComponentType = (type: ReactElement['type']) => (node: ReactNode): node is ReactElement =>\n    React.isValidElement(node) && node.type === type;\n\n/**\n * JS falsy values.\n * (excluding `NaN` as it can't be distinguished from `number`)\n */\nexport type Falsy = false | undefined | null | 0 | '';\n"],"names":["NAME_PROPERTIES","isComponent","component","instance","componentName","displayName","get","some","nameProperty","isComponentType","type","node","React","isValidElement"],"mappings":";;;AAOA;;;;AAIA,IAAMA,eAAyB,GAAG,CAC9B,MAD8B,EAE9B,kBAF8B,EAG9B,aAH8B,EAI9B,MAJ8B,EAK9B,WAL8B,EAM9B,eAN8B,EAO9B,sCAP8B,CAAlC;AAUA;;AA2CA;;;;;;IAMaC,WAAW,GAAG,SAAdA,WAAc,CAAIC,SAAJ;AAAA,SAAyC,UAACC,QAAD,EAAmD;AACnH,QAAMC,aAAa,GAAG,OAAOF,SAAP,KAAqB,QAArB,GAAgCA,SAAhC,GAA4CA,SAAS,CAACG,WAA5E;AAEA,WACI,CAAC,CAACC,GAAG,CAACH,QAAD,EAAW,UAAX,CAAL,IACAH,eAAe,CAACO,IAAhB,CAAqB,UAACC,YAAD;AAAA,aAAmCF,GAAG,CAACH,QAAD,EAAWK,YAAX,CAAH,KAAgCJ,aAAnE;AAAA,KAArB,CAFJ;AAIH,GAP0B;AAAA;AAS3B;;;;IAGaK,eAAe,GAAG,SAAlBA,eAAkB,CAACC,IAAD;AAAA,SAAgC,UAACC,IAAD;AAAA,WAC3DC,KAAK,CAACC,cAAN,CAAqBF,IAArB,KAA8BA,IAAI,CAACD,IAAL,KAAcA,IADe;AAAA,GAAhC;AAAA;AAG/B;;;;;;;"}

package/_internal/7b906e16.d.ts

@@ -0,0 +1,17 @@
+import { l as GenericProps, m as HasTheme, k as Comp } from './eca6d4dc.js';
+
+/**
+ * Defines the props of the component.
+ */
+interface DividerProps extends GenericProps, HasTheme {
+}
+/**
+ * Divider component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Divider: Comp<DividerProps, HTMLHRElement>;
+
+export { DividerProps as D, Divider as a };

package/_internal/7be11ddc.d.ts

@@ -0,0 +1,35 @@
+import { K as Kind, k as Comp } from './eca6d4dc.js';
+import { a as ButtonProps } from './fd1f4d68.js';
+import { D as DialogProps } from './935ce959.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/7d39705e.d.ts

@@ -0,0 +1,20 @@
+import { l as GenericProps, m as HasTheme, C as ColorPalette, k as Comp } from './eca6d4dc.js';
+
+interface FlagProps extends GenericProps, HasTheme {
+    /** Color of the component. */
+    color?: ColorPalette;
+    /** Icon to use before the label. */
+    icon?: string;
+    /** Text label of the flag. */
+    label: string;
+}
+/**
+ * Flag component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Flag: Comp<FlagProps, HTMLDivElement>;
+
+export { FlagProps as F, Flag as a };

package/{esm/_internal/useDelayedVisibility.js → _internal/7e03266f.js}

@@ -1,4 +1,4 @@
-import { d as _slicedToArray } from './_rollupPluginBabelHelpers.js';
+import { d as _slicedToArray } from './6340c129.js';
 import { useState, useEffect, useRef } from 'react';
 
 /**
@@ -44,4 +44,4 @@ function useDelayedVisibility(isComponentVisible, transitionDuration, onVisibili
 }
 
 export { useDelayedVisibility as u };
-//# sourceMappingURL=useDelayedVisibility.js.map
+//# sourceMappingURL=7e03266f.js.map

package/_internal/7e03266f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"7e03266f.js","sources":["../../src/hooks/useDelayedVisibility.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\n/**\n * Returns true if the component is visible taking into account the component's\n * own visibility and the animations delay\n *\n * @param isComponentVisible Whether the component intends to be visible or not.\n * @param transitionDuration time in ms that the transition takes for the specific component.\n * @param onVisibilityChange Callback called when the visibility changes.\n * @return true if the component should be rendered\n */\nexport function useDelayedVisibility(\n    isComponentVisible: boolean,\n    transitionDuration: number,\n    onVisibilityChange?: (isVisible: boolean) => void,\n): boolean {\n    // Delay visibility to account for the 400ms of CSS opacity animation.\n    const [isVisible, setVisible] = useState(isComponentVisible);\n\n    useEffect(() => {\n        if (isComponentVisible) {\n            setVisible(true);\n        } else {\n            setTimeout(() => setVisible(false), transitionDuration);\n        }\n    }, [isComponentVisible, transitionDuration]);\n\n    /**\n     * Since we don't want onVisibiltyChange function to trigger itself if when it changes,\n     * we store the previous visibility and only trigger when visibility is different\n     * than previous value.\n     */\n\n    const previousVisibility = useRef(isVisible);\n\n    useEffect(() => {\n        if (onVisibilityChange && previousVisibility.current !== isVisible) {\n            onVisibilityChange(isVisible);\n            previousVisibility.current = isVisible;\n        }\n    }, [isVisible, onVisibilityChange]);\n\n    return isComponentVisible || isVisible;\n}\n"],"names":["useDelayedVisibility","isComponentVisible","transitionDuration","onVisibilityChange","useState","isVisible","setVisible","useEffect","setTimeout","previousVisibility","useRef","current"],"mappings":";;;AAEA;;;;;;;;;;AASO,SAASA,oBAAT,CACHC,kBADG,EAEHC,kBAFG,EAGHC,kBAHG,EAII;AACP;AADO,kBAEyBC,QAAQ,CAACH,kBAAD,CAFjC;AAAA;AAAA,MAEAI,SAFA;AAAA,MAEWC,UAFX;;AAIPC,EAAAA,SAAS,CAAC,YAAM;AACZ,QAAIN,kBAAJ,EAAwB;AACpBK,MAAAA,UAAU,CAAC,IAAD,CAAV;AACH,KAFD,MAEO;AACHE,MAAAA,UAAU,CAAC;AAAA,eAAMF,UAAU,CAAC,KAAD,CAAhB;AAAA,OAAD,EAA0BJ,kBAA1B,CAAV;AACH;AACJ,GANQ,EAMN,CAACD,kBAAD,EAAqBC,kBAArB,CANM,CAAT;AAQA;;;;;;AAMA,MAAMO,kBAAkB,GAAGC,MAAM,CAACL,SAAD,CAAjC;AAEAE,EAAAA,SAAS,CAAC,YAAM;AACZ,QAAIJ,kBAAkB,IAAIM,kBAAkB,CAACE,OAAnB,KAA+BN,SAAzD,EAAoE;AAChEF,MAAAA,kBAAkB,CAACE,SAAD,CAAlB;AACAI,MAAAA,kBAAkB,CAACE,OAAnB,GAA6BN,SAA7B;AACH;AACJ,GALQ,EAKN,CAACA,SAAD,EAAYF,kBAAZ,CALM,CAAT;AAOA,SAAOF,kBAAkB,IAAII,SAA7B;AACH;;;;"}