@lumx/react 3.20.1-alpha.33 → 3.20.1-alpha.35

package/_internal/f7520b8e.js

@@ -0,0 +1,52 @@
+import classNames from 'classnames';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { useTheme } from './d8ee966d.js';
+import { forwardRef } from './bd8b3ec8.js';
+import { jsx } from 'react/jsx-runtime';
+import { Theme } from '@lumx/core/js/constants';
+
+const DEFAULT_PROPS = {};
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'SkeletonCircle';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * SkeletonCircle component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const SkeletonCircle = forwardRef((props, ref) => {
+  const defaultTheme = useTheme() || Theme.light;
+  const {
+    className,
+    size,
+    color,
+    theme = defaultTheme,
+    ...forwardedProps
+  } = props;
+  return /*#__PURE__*/jsx("div", {
+    ref: ref,
+    ...forwardedProps,
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      size,
+      color,
+      theme
+    }))
+  });
+});
+SkeletonCircle.displayName = COMPONENT_NAME;
+SkeletonCircle.defaultProps = DEFAULT_PROPS;
+SkeletonCircle.className = CLASSNAME;
+
+export { SkeletonCircle };
+//# sourceMappingURL=f7520b8e.js.map

package/_internal/f7520b8e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"f7520b8e.js","sources":["../../src/components/skeleton/SkeletonCircle.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { GlobalSize, Theme, ColorPalette } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface SkeletonCircleProps extends GenericProps, HasTheme {\n    /** Size variant. */\n    size: GlobalSize;\n    /** The color of the skeleton. */\n    color?: ColorPalette;\n}\n\nconst DEFAULT_PROPS: Partial<SkeletonCircleProps> = {};\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SkeletonCircle';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * SkeletonCircle component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SkeletonCircle = forwardRef<SkeletonCircleProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { className, size, color, theme = defaultTheme, ...forwardedProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, size, color, theme }))}\n        />\n    );\n});\nSkeletonCircle.displayName = COMPONENT_NAME;\nSkeletonCircle.defaultProps = DEFAULT_PROPS;\nSkeletonCircle.className = CLASSNAME;\n"],"names":["DEFAULT_PROPS","COMPONENT_NAME","CLASSNAME","getRootClassName","SkeletonCircle","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","className","size","color","theme","forwardedProps","_jsx","classNames","handleBasicClasses","prefix","displayName","defaultProps"],"mappings":";;;;;;;AAkBA,MAAMA,aAA2C,GAAG,EAAE,CAAA;;AAEtD;AACA;AACA;AACA,MAAMC,cAAc,GAAG,gBAAgB,CAAA;;AAEvC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,cAAc,GAAGC,UAAU,CAAsC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC1F,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,KAAK;AAAEC,IAAAA,KAAK,GAAGP,YAAY;IAAE,GAAGQ,cAAAA;AAAe,GAAC,GAAGV,KAAK,CAAA;AAEjF,EAAA,oBACIW,GAAA,CAAA,KAAA,EAAA;AACIV,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLS,cAAc;AAClBJ,IAAAA,SAAS,EAAEM,UAAU,CAACN,SAAS,EAAEO,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAElB,SAAS;MAAEW,IAAI;MAAEC,KAAK;AAAEC,MAAAA,KAAAA;AAAM,KAAC,CAAC,CAAA;AAAE,GACnG,CAAC,CAAA;AAEV,CAAC,EAAC;AACFX,cAAc,CAACiB,WAAW,GAAGpB,cAAc,CAAA;AAC3CG,cAAc,CAACkB,YAAY,GAAGtB,aAAa,CAAA;AAC3CI,cAAc,CAACQ,SAAS,GAAGV,SAAS;;;;"}

package/_internal/f8c49b24.js

@@ -0,0 +1,14 @@
+import { getRootClassName } from '@lumx/core/js/utils/className';
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'DatePicker';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+export { CLASSNAME, COMPONENT_NAME };
+//# sourceMappingURL=f8c49b24.js.map

package/_internal/f8c49b24.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"f8c49b24.js","sources":["../../src/components/date-picker/constants.ts"],"sourcesContent":["import { getRootClassName } from '@lumx/core/js/utils/className';\n\n/**\n * Component display name.\n */\nexport const COMPONENT_NAME = 'DatePicker';\n\n/**\n * Component default class name and class prefix.\n */\nexport const CLASSNAME = getRootClassName(COMPONENT_NAME);\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName"],"mappings":";;AAEA;AACA;AACA;AACO,MAAMA,cAAc,GAAG,aAAY;;AAE1C;AACA;AACA;MACaC,SAAS,GAAGC,gBAAgB,CAACF,cAAc;;;;"}

package/_internal/fb201a04.js

@@ -0,0 +1,65 @@
+import ReactDOM from 'react-dom';
+import { useReducer, useEffect } from 'react';
+import { INIT_STATE, reducer, TabProviderContext } from './e0398237.js';
+import { jsx } from 'react/jsx-runtime';
+
+const DEFAULT_PROPS = {
+  isLazy: INIT_STATE.isLazy,
+  shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus
+};
+
+/**
+ * This component provides a context in which tabs can be defined and linked to their tab panel.
+ *
+ * It does not produce any markup so you can wrap it around any React elements and then split the TabList and TabPanel
+ * components in the react tree.
+ *
+ * @param  props React component props.
+ * @return React element.
+ */
+const TabProvider = props => {
+  const {
+    children,
+    onChange,
+    ...propState
+  } = props;
+  const [state, dispatch] = useReducer(reducer, INIT_STATE);
+
+  // On prop state change => dispatch update.
+  useEffect(() => {
+    dispatch({
+      type: 'update',
+      payload: {
+        ...DEFAULT_PROPS,
+        ...propState
+      }
+    });
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [dispatch, ...Object.values(propState)]);
+
+  // On active tab index state change => send update to the onChange.
+  useEffect(() => {
+    if (state === INIT_STATE || !onChange || propState.activeTabIndex === state.activeTabIndex) {
+      return;
+    }
+
+    // Escape rendering/useEffect context
+    queueMicrotask(() => {
+      // Wait for React to commit last state changes (avoid looping state update)
+      ReactDOM.flushSync(() => {
+        onChange(state.activeTabIndex);
+      });
+    });
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [onChange, state.activeTabIndex]);
+  return /*#__PURE__*/jsx(TabProviderContext.Provider, {
+    value: [state, dispatch],
+    children: children
+  });
+};
+TabProvider.defaultProps = DEFAULT_PROPS;
+
+export { TabProvider };
+//# sourceMappingURL=fb201a04.js.map

package/_internal/fb201a04.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fb201a04.js","sources":["../../src/components/tabs/TabProvider.tsx"],"sourcesContent":["import ReactDOM from 'react-dom';\nimport { ReactNode, useEffect, useReducer } from 'react';\nimport { INIT_STATE, TabProviderContext, reducer } from './state';\n\nexport interface TabProviderProps {\n    /** Active tab index. */\n    activeTabIndex?: number;\n    /** Tab provider children. */\n    children: ReactNode;\n    /** Tab panel children should not render if the tab panel is hidden. */\n    isLazy?: boolean;\n    /** Activate tabs on focus. */\n    shouldActivateOnFocus?: boolean;\n\n    /** Tab change callback. */\n    onChange?(index: number): void;\n}\n\nconst DEFAULT_PROPS: Partial<TabProviderProps> = {\n    isLazy: INIT_STATE.isLazy,\n    shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus,\n};\n\n/**\n * This component provides a context in which tabs can be defined and linked to their tab panel.\n *\n * It does not produce any markup so you can wrap it around any React elements and then split the TabList and TabPanel\n * components in the react tree.\n *\n * @param  props React component props.\n * @return React element.\n */\nexport const TabProvider: React.FC<TabProviderProps> = (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({ type: 'update', payload: { ...DEFAULT_PROPS, ...propState } });\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.activeTabIndex === state.activeTabIndex) {\n                return;\n            }\n\n            // Escape rendering/useEffect context\n            queueMicrotask(() => {\n                // Wait for React to commit last state changes (avoid looping state update)\n                ReactDOM.flushSync(() => {\n                    onChange(state.activeTabIndex);\n                });\n            });\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};\nTabProvider.defaultProps = DEFAULT_PROPS;\n"],"names":["DEFAULT_PROPS","isLazy","INIT_STATE","shouldActivateOnFocus","TabProvider","props","children","onChange","propState","state","dispatch","useReducer","reducer","useEffect","type","payload","Object","values","activeTabIndex","queueMicrotask","ReactDOM","flushSync","_jsx","TabProviderContext","Provider","value","defaultProps"],"mappings":";;;;;AAkBA,MAAMA,aAAwC,GAAG;EAC7CC,MAAM,EAAEC,UAAU,CAACD,MAAM;EACzBE,qBAAqB,EAAED,UAAU,CAACC,qBAAAA;AACtC,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaC,MAAAA,WAAuC,GAAIC,KAAK,IAAK;EAC9D,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAE,GAAGC,SAAAA;AAAU,GAAC,GAAGH,KAAK,CAAA;EAClD,MAAM,CAACI,KAAK,EAAEC,QAAQ,CAAC,GAAGC,UAAU,CAACC,OAAO,EAAEV,UAAU,CAAC,CAAA;;AAEzD;AACAW,EAAAA,SAAS,CACL,MAAM;AACFH,IAAAA,QAAQ,CAAC;AAAEI,MAAAA,IAAI,EAAE,QAAQ;AAAEC,MAAAA,OAAO,EAAE;AAAE,QAAA,GAAGf,aAAa;QAAE,GAAGQ,SAAAA;AAAU,OAAA;AAAE,KAAC,CAAC,CAAA;GAC5E;AACD;EACA,CAACE,QAAQ,EAAE,GAAGM,MAAM,CAACC,MAAM,CAACT,SAAS,CAAC,CAC1C,CAAC,CAAA;;AAED;AACAK,EAAAA,SAAS,CACL,MAAM;AACF,IAAA,IAAIJ,KAAK,KAAKP,UAAU,IAAI,CAACK,QAAQ,IAAIC,SAAS,CAACU,cAAc,KAAKT,KAAK,CAACS,cAAc,EAAE;AACxF,MAAA,OAAA;AACJ,KAAA;;AAEA;AACAC,IAAAA,cAAc,CAAC,MAAM;AACjB;MACAC,QAAQ,CAACC,SAAS,CAAC,MAAM;AACrBd,QAAAA,QAAQ,CAACE,KAAK,CAACS,cAAc,CAAC,CAAA;AAClC,OAAC,CAAC,CAAA;AACN,KAAC,CAAC,CAAA;GACL;AACD;AACA,EAAA,CAACX,QAAQ,EAAEE,KAAK,CAACS,cAAc,CACnC,CAAC,CAAA;AAED,EAAA,oBAAOI,GAAA,CAACC,kBAAkB,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE,CAAChB,KAAK,EAAEC,QAAQ,CAAE;AAAAJ,IAAAA,QAAA,EAAEA,QAAAA;AAAQ,GAA8B,CAAC,CAAA;AAC1G,EAAC;AACDF,WAAW,CAACsB,YAAY,GAAG1B,aAAa;;;;"}

package/_internal/fb36ff46.js

@@ -0,0 +1,51 @@
+import classNames from 'classnames';
+import { getRootClassName } from '@lumx/core/js/utils/className';
+import { forwardRef } from './bd8b3ec8.js';
+import { useChipGroupNavigation } from './7d9c0855.js';
+import { jsx } from 'react/jsx-runtime';
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {};
+
+/**
+ * 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 = forwardRef((props, ref) => {
+  const {
+    align,
+    children,
+    className,
+    ...forwardedProps
+  } = props;
+  return /*#__PURE__*/jsx("div", {
+    ref: ref,
+    ...forwardedProps,
+    className: classNames(className, CLASSNAME),
+    children: children
+  });
+});
+InternalChipGroup.displayName = COMPONENT_NAME;
+InternalChipGroup.className = CLASSNAME;
+InternalChipGroup.defaultProps = DEFAULT_PROPS;
+const ChipGroup = Object.assign(InternalChipGroup, {
+  useChipGroupNavigation
+});
+
+export { ChipGroup };
+//# sourceMappingURL=fb36ff46.js.map

package/_internal/fb36ff46.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fb36ff46.js","sources":["../../src/components/chip/ChipGroup.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { HorizontalAlignment } from '@lumx/core/js/constants';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useChipGroupNavigation } from '@lumx/react/hooks/useChipGroupNavigation';\n\n/**\n * Defines the props of the component.\n */\nexport interface ChipGroupProps extends GenericProps {\n    /**\n     * Chip horizontal alignment.\n     * @deprecated\n     */\n    align?: HorizontalAlignment;\n    /** List of Chip. */\n    children: ReactNode;\n}\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<ChipGroupProps> = {};\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 = forwardRef<ChipGroupProps, HTMLDivElement>((props, ref) => {\n    const { align, children, className, ...forwardedProps } = props;\n\n    return (\n        <div ref={ref} {...forwardedProps} className={classNames(className, CLASSNAME)}>\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":["DEFAULT_PROPS","COMPONENT_NAME","CLASSNAME","getRootClassName","InternalChipGroup","forwardRef","props","ref","align","children","className","forwardedProps","_jsx","classNames","displayName","defaultProps","ChipGroup","Object","assign","useChipGroupNavigation"],"mappings":";;;;;;AAwBA;AACA;AACA;AACA,MAAMA,aAAsC,GAAG,EAAE,CAAA;;AAEjD;AACA;AACA;AACA,MAAMC,cAAc,GAAG,WAAW,CAAA;;AAElC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMG,iBAAiB,GAAGC,UAAU,CAAiC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACjF,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,SAAS;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGL,KAAK,CAAA;AAE/D,EAAA,oBACIM,GAAA,CAAA,KAAA,EAAA;AAAKL,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GAAKI,cAAc;AAAED,IAAAA,SAAS,EAAEG,UAAU,CAACH,SAAS,EAAER,SAAS,CAAE;AAAAO,IAAAA,QAAA,EAC1EA,QAAAA;AAAQ,GACR,CAAC,CAAA;AAEd,CAAC,CAAC,CAAA;AACFL,iBAAiB,CAACU,WAAW,GAAGb,cAAc,CAAA;AAC9CG,iBAAiB,CAACM,SAAS,GAAGR,SAAS,CAAA;AACvCE,iBAAiB,CAACW,YAAY,GAAGf,aAAa,CAAA;AAEvC,MAAMgB,SAAS,GAAGC,MAAM,CAACC,MAAM,CAACd,iBAAiB,EAAE;AAAEe,EAAAA,sBAAAA;AAAuB,CAAC;;;;"}

package/_internal/fcc7c462.js

@@ -0,0 +1,60 @@
+import classNames from 'classnames';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { useTheme } from './d8ee966d.js';
+import { forwardRef } from './bd8b3ec8.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Theme, ColorPalette, Size } from '@lumx/core/js/constants';
+import { Icon } from './595d0e66.js';
+import { Text } from './203b01d8.js';
+
+const COMPONENT_NAME = 'Flag';
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+const DEFAULT_PROPS = {};
+
+/**
+ * Flag component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Flag = forwardRef((props, ref) => {
+  const defaultTheme = useTheme() || Theme.light;
+  const {
+    label,
+    icon,
+    color,
+    className,
+    theme = defaultTheme,
+    truncate,
+    ...forwardedProps
+  } = props;
+  const flagColor = color || (theme === Theme.light ? ColorPalette.dark : ColorPalette.light);
+  const isTruncated = !!truncate;
+  return /*#__PURE__*/jsxs("div", {
+    ...forwardedProps,
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      color: flagColor,
+      isTruncated
+    })),
+    ref: ref,
+    children: [icon && /*#__PURE__*/jsx(Icon, {
+      icon: icon,
+      size: Size.xxs,
+      className: `${CLASSNAME}__icon`
+    }), /*#__PURE__*/jsx(Text, {
+      as: "span",
+      truncate: isTruncated,
+      typography: "overline",
+      className: `${CLASSNAME}__label`,
+      children: label
+    })]
+  });
+});
+Flag.displayName = COMPONENT_NAME;
+Flag.className = CLASSNAME;
+Flag.defaultProps = DEFAULT_PROPS;
+
+export { Flag };
+//# sourceMappingURL=fcc7c462.js.map

package/_internal/fcc7c462.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fcc7c462.js","sources":["../../src/components/flag/Flag.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { ColorPalette, Icon, Size, Theme, Text } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nexport interface FlagProps extends GenericProps, HasTheme {\n    /** Color of the component. */\n    color?: ColorPalette;\n    /** Icon to use before the label. */\n    icon?: string;\n    /** Text label of the flag. */\n    label: React.ReactNode;\n    /** Enable text truncate on overflow */\n    truncate?: boolean;\n}\n\nconst COMPONENT_NAME = 'Flag';\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\nconst DEFAULT_PROPS: Partial<FlagProps> = {};\n\n/**\n * Flag component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Flag = forwardRef<FlagProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { label, icon, color, className, theme = defaultTheme, truncate, ...forwardedProps } = props;\n    const flagColor = color || (theme === Theme.light ? ColorPalette.dark : ColorPalette.light);\n    const isTruncated = !!truncate;\n\n    return (\n        <div\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, color: flagColor, isTruncated }))}\n            ref={ref}\n        >\n            {icon && <Icon icon={icon} size={Size.xxs} className={`${CLASSNAME}__icon`} />}\n            <Text as=\"span\" truncate={isTruncated} typography=\"overline\" className={`${CLASSNAME}__label`}>\n                {label}\n            </Text>\n        </div>\n    );\n});\nFlag.displayName = COMPONENT_NAME;\nFlag.className = CLASSNAME;\nFlag.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Flag","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","label","icon","color","className","theme","truncate","forwardedProps","flagColor","ColorPalette","dark","isTruncated","_jsxs","classNames","handleBasicClasses","prefix","children","_jsx","Icon","size","Size","xxs","Text","as","typography","displayName","defaultProps"],"mappings":";;;;;;;;;AAmBA,MAAMA,cAAc,GAAG,MAAM,CAAA;AAC7B,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;AAClD,MAAMG,aAAiC,GAAG,EAAE,CAAA;;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,IAAI,GAAGC,UAAU,CAA4B,CAACC,KAAK,EAAEC,GAAG,KAAK;EACtE,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IAAEC,KAAK;IAAEC,IAAI;IAAEC,KAAK;IAAEC,SAAS;AAAEC,IAAAA,KAAK,GAAGR,YAAY;IAAES,QAAQ;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGZ,KAAK,CAAA;AAClG,EAAA,MAAMa,SAAS,GAAGL,KAAK,KAAKE,KAAK,KAAKN,KAAK,CAACC,KAAK,GAAGS,YAAY,CAACC,IAAI,GAAGD,YAAY,CAACT,KAAK,CAAC,CAAA;AAC3F,EAAA,MAAMW,WAAW,GAAG,CAAC,CAACL,QAAQ,CAAA;AAE9B,EAAA,oBACIM,IAAA,CAAA,KAAA,EAAA;AAAA,IAAA,GACQL,cAAc;AAClBH,IAAAA,SAAS,EAAES,UAAU,CAACT,SAAS,EAAEU,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEzB,SAAS;AAAEa,MAAAA,KAAK,EAAEK,SAAS;AAAEG,MAAAA,WAAAA;AAAY,KAAC,CAAC,CAAE;AAC3Gf,IAAAA,GAAG,EAAEA,GAAI;AAAAoB,IAAAA,QAAA,EAERd,CAAAA,IAAI,iBAAIe,GAAA,CAACC,IAAI,EAAA;AAAChB,MAAAA,IAAI,EAAEA,IAAK;MAACiB,IAAI,EAAEC,IAAI,CAACC,GAAI;MAACjB,SAAS,EAAE,GAAGd,SAAS,CAAA,MAAA,CAAA;AAAS,KAAE,CAAC,eAC9E2B,GAAA,CAACK,IAAI,EAAA;AAACC,MAAAA,EAAE,EAAC,MAAM;AAACjB,MAAAA,QAAQ,EAAEK,WAAY;AAACa,MAAAA,UAAU,EAAC,UAAU;MAACpB,SAAS,EAAE,CAAGd,EAAAA,SAAS,CAAU,OAAA,CAAA;AAAA0B,MAAAA,QAAA,EACzFf,KAAAA;AAAK,KACJ,CAAC,CAAA;AAAA,GACN,CAAC,CAAA;AAEd,CAAC,EAAC;AACFR,IAAI,CAACgC,WAAW,GAAGpC,cAAc,CAAA;AACjCI,IAAI,CAACW,SAAS,GAAGd,SAAS,CAAA;AAC1BG,IAAI,CAACiC,YAAY,GAAGlC,aAAa;;;;"}

package/_internal/fcf83937.js

@@ -0,0 +1,28 @@
+import computeOffsets from './d3286249.js';
+
+function popperOffsets(_ref) {
+  var state = _ref.state,
+      name = _ref.name;
+  // Offsets are the actual position the popper needs to have to be
+  // properly positioned near its reference element
+  // This is the most basic placement, and will be adjusted by
+  // the modifiers in the next step
+  state.modifiersData[name] = computeOffsets({
+    reference: state.rects.reference,
+    element: state.rects.popper,
+    strategy: 'absolute',
+    placement: state.placement
+  });
+} // eslint-disable-next-line import/no-unused-modules
+
+
+var popperOffsets$1 = {
+  name: 'popperOffsets',
+  enabled: true,
+  phase: 'read',
+  fn: popperOffsets,
+  data: {}
+};
+
+export { popperOffsets$1 as default };
+//# sourceMappingURL=fcf83937.js.map

package/_internal/fcf83937.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fcf83937.js","sources":["../../../../node_modules/@popperjs/core/lib/modifiers/popperOffsets.js"],"sourcesContent":["import computeOffsets from \"../utils/computeOffsets.js\";\n\nfunction popperOffsets(_ref) {\n  var state = _ref.state,\n      name = _ref.name;\n  // Offsets are the actual position the popper needs to have to be\n  // properly positioned near its reference element\n  // This is the most basic placement, and will be adjusted by\n  // the modifiers in the next step\n  state.modifiersData[name] = computeOffsets({\n    reference: state.rects.reference,\n    element: state.rects.popper,\n    strategy: 'absolute',\n    placement: state.placement\n  });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'popperOffsets',\n  enabled: true,\n  phase: 'read',\n  fn: popperOffsets,\n  data: {}\n};"],"names":[],"mappings":";;AAEA,SAAS,aAAa,CAAC,IAAI,EAAE;AAC7B,EAAE,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK;AACxB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;AACvB;AACA;AACA;AACA;AACA,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC;AAC7C,IAAI,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS;AACpC,IAAI,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM;AAC/B,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,SAAS,EAAE,KAAK,CAAC,SAAS;AAC9B,GAAG,CAAC,CAAC;AACL,CAAC;AACD;AACA;AACA,sBAAe;AACf,EAAE,IAAI,EAAE,eAAe;AACvB,EAAE,OAAO,EAAE,IAAI;AACf,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,EAAE,EAAE,aAAa;AACnB,EAAE,IAAI,EAAE,EAAE;AACV,CAAC;;;;","x_google_ignoreList":[0]}

package/_internal/fd3e2f21.js

@@ -0,0 +1,30 @@
+import { MAX_HEADING_LEVEL } from './82c6852b.js';
+import { HeadingLevelContext } from './0aa9027f.js';
+import { useHeadingLevel } from './2cdd9ec6.js';
+import { jsx } from 'react/jsx-runtime';
+
+/**
+ * Provide a new heading level context.
+ */
+const HeadingLevelProvider = ({
+  children,
+  level
+}) => {
+  const {
+    level: contextLevel
+  } = useHeadingLevel();
+  const incrementedLevel = level || contextLevel + 1;
+  /** Don't allow a level beyond the maximum level. */
+  const nextLevel = incrementedLevel > MAX_HEADING_LEVEL ? MAX_HEADING_LEVEL : incrementedLevel;
+  const headingElement = `h${nextLevel}`;
+  return /*#__PURE__*/jsx(HeadingLevelContext.Provider, {
+    value: {
+      level: nextLevel,
+      headingElement
+    },
+    children: children
+  });
+};
+
+export { HeadingLevelProvider };
+//# sourceMappingURL=fd3e2f21.js.map

package/_internal/fd3e2f21.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fd3e2f21.js","sources":["../../src/components/heading/HeadingLevelProvider.tsx"],"sourcesContent":["import { HeadingElement } from '@lumx/react/utils/type';\nimport { 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":["HeadingLevelProvider","children","level","contextLevel","useHeadingLevel","incrementedLevel","nextLevel","MAX_HEADING_LEVEL","headingElement","_jsx","HeadingLevelContext","Provider","value"],"mappings":";;;;;AAaA;AACA;AACA;AACO,MAAMA,oBAAyD,GAAGA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA,KAAAA;AAAM,CAAC,KAAK;EAC9F,MAAM;AAAEA,IAAAA,KAAK,EAAEC,YAAAA;GAAc,GAAGC,eAAe,EAAE,CAAA;AAEjD,EAAA,MAAMC,gBAAgB,GAAGH,KAAK,IAAIC,YAAY,GAAG,CAAC,CAAA;AAClD;EACA,MAAMG,SAAS,GAAGD,gBAAgB,GAAGE,iBAAiB,GAAGA,iBAAiB,GAAGF,gBAAgB,CAAA;AAC7F,EAAA,MAAMG,cAAc,GAAG,CAAIF,CAAAA,EAAAA,SAAS,CAAoB,CAAA,CAAA;AAExD,EAAA,oBACIG,GAAA,CAACC,mBAAmB,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAEV,MAAAA,KAAK,EAAEI,SAAS;AAAEE,MAAAA,cAAAA;KAAiB;AAAAP,IAAAA,QAAA,EACrEA,QAAAA;AAAQ,GACiB,CAAC,CAAA;AAEvC;;;;"}

package/_internal/fdcf3942.js

@@ -0,0 +1,157 @@
+import { isClickable } from './378a6fb1.js';
+import { isComponent } from './ebe24fd7.js';
+import { flattenChildren } from './1616343a.js';
+import { mergeRefs } from './27df0cb6.js';
+import get from 'lodash/get';
+import { useMemo, useState, useEffect, cloneElement } from 'react';
+
+const INITIAL_INDEX = -1;
+function onKeyboardFocus(props, handler) {
+  let isMouseDown = false;
+  return {
+    onFocus(evt) {
+      props.onFocus?.(evt);
+      if (!isMouseDown) {
+        handler(evt);
+      }
+    },
+    onMouseDown(evt) {
+      props.onMouseDown?.(evt);
+      isMouseDown = true;
+    },
+    onMouseUp(evt) {
+      props.onMouseUp?.(evt);
+      isMouseDown = false;
+    }
+  };
+}
+const isNavigableItem = node => {
+  return isComponent('ListItem')(node) && isClickable(node.props) && !node.props.isDisabled;
+};
+
+/**
+ * This custom hook detects clickable list item in a list and make them navigable with the keyboard.
+ *
+ * @param  options See {@link Options}
+ * @return See {@link Output}
+ */
+const useInteractiveList = options => {
+  const {
+    ref,
+    onListItemSelected,
+    onListItemNavigated
+  } = options;
+  const items = useMemo(() => flattenChildren(options.items), [options.items]);
+  const [activeItemIndex, setActiveItemIndex] = useState(INITIAL_INDEX);
+
+  // Attach listeners to the list.
+  useEffect(() => {
+    const {
+      current: listElement
+    } = ref;
+    if (!listElement) {
+      return undefined;
+    }
+
+    /**
+     * This function calculates the next index in the list to be active
+     * @param  index current index
+     * @param  code  key code pressed
+     * @return next index
+     */
+    const getNextIndex = (index, key) => {
+      switch (key) {
+        case 'ArrowDown':
+          return index + 1 < items.length ? index + 1 : 0;
+        case 'ArrowUp':
+          return index - 1 >= 0 ? index - 1 : items.length - 1;
+        default:
+          return INITIAL_INDEX;
+      }
+    };
+
+    /**
+     * Resets the active index to the initial state
+     */
+    const resetActiveIndex = () => {
+      setActiveItemIndex(INITIAL_INDEX);
+    };
+
+    /**
+     * Handles navigation with the arrows using the keyboard
+     * @param evt Key event
+     */
+    const onArrowPressed = evt => {
+      const {
+        key
+      } = evt;
+      if (key !== 'ArrowUp' && key !== 'ArrowDown') {
+        return;
+      }
+      let nextIndex = activeItemIndex;
+      let iterations = 0;
+
+      // Move to next navigable item.
+      do {
+        nextIndex = getNextIndex(nextIndex, key);
+        iterations += 1;
+      } while (nextIndex !== INITIAL_INDEX && nextIndex !== activeItemIndex && !isNavigableItem(items[nextIndex]) && iterations < items.length);
+      setActiveItemIndex(nextIndex);
+      evt.preventDefault();
+      evt.stopPropagation();
+      onListItemNavigated?.(nextIndex, get(items, [nextIndex, 'key']));
+    };
+
+    /**
+     * Reset active list item index when focusing outside the list.
+     * @param evt Focus out event
+     */
+    const onFocusOut = evt => {
+      if (!evt.relatedTarget || !listElement.contains(evt.relatedTarget)) {
+        resetActiveIndex();
+      }
+    };
+    listElement.addEventListener('focusout', onFocusOut);
+    listElement.addEventListener('keydown', onArrowPressed);
+    return () => {
+      listElement.removeEventListener('focusout', onFocusOut);
+      listElement.removeEventListener('keydown', onArrowPressed);
+    };
+  }, [ref, activeItemIndex, items, onListItemNavigated]);
+  return useMemo(() => {
+    let hasClickableItem = false;
+    const transformedItems = items.map((item, index) => {
+      // Ignore if list not clickable or item is not a simple list item.
+      if (!isNavigableItem(item)) {
+        return item;
+      }
+      hasClickableItem = true;
+      const isHighlighted = index === activeItemIndex;
+
+      // Clone list item: inject ref, add tab index and active state.
+      return /*#__PURE__*/cloneElement(item, {
+        ...item.props,
+        isHighlighted: item.props.isHighlighted ?? isHighlighted,
+        linkRef: mergeRefs(item.props.linkRef, element => {
+          if (isHighlighted) {
+            element?.focus();
+          }
+        }),
+        onItemSelected(evt) {
+          item.props.onItemSelected?.();
+          onListItemSelected?.(index, item.key, evt);
+        },
+        ...onKeyboardFocus(item.props, () => {
+          setActiveItemIndex(index);
+        })
+      });
+    });
+    return {
+      items: transformedItems,
+      hasClickableItem
+    };
+  }, [items, activeItemIndex, onListItemSelected]);
+};
+
+export { useInteractiveList };
+//# sourceMappingURL=fdcf3942.js.map

package/_internal/fdcf3942.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fdcf3942.js","sources":["../../src/components/list/useInteractiveList.tsx"],"sourcesContent":["import { ListItemProps } from '@lumx/react';\nimport { isClickable } from '@lumx/react/components/list/ListItem';\n\nimport { isComponent } from '@lumx/react/utils/type';\nimport { flattenChildren } from '@lumx/react/utils/react/flattenChildren';\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport get from 'lodash/get';\nimport {\n    cloneElement,\n    Key,\n    ReactElement,\n    ReactNode,\n    RefObject,\n    SyntheticEvent,\n    useEffect,\n    useMemo,\n    useState,\n} from 'react';\n\ntype Listener = (evt: KeyboardEvent) => void;\n\ninterface Options {\n    /** List of items to navigate on. */\n    items: ReactNode[] | ReactNode;\n    /** Reference to the list-like element controlling the navigation. */\n    ref: RefObject<HTMLElement>;\n\n    /**\n     * On list item navigated callback (triggered on ARROW key navigation).\n     *\n     * @param index Index of the navigated item among the sibling items.\n     * @param key   React key of the navigated item.\n     */\n    onListItemNavigated?(index: number, key: Key | null): void;\n\n    /**\n     * On list item selected callback (via ENTER key or click).\n     *\n     * @param index Index of the selected item among the sibling items.\n     * @param key   React key of the selected item.\n     * @param evt   Source event (either mouse or keyboard event).\n     */\n    onListItemSelected?(index: number, key: Key | null, evt: SyntheticEvent): void;\n}\n\ninterface Output {\n    /** List of items transformed to accommodate keyboard navigation. */\n    items: ReactNode[];\n    /** Whether the list contains clickable items or not. */\n    hasClickableItem: boolean;\n}\n\nexport type useInteractiveList = (options: Options) => Output;\n\nconst INITIAL_INDEX = -1;\n\nfunction onKeyboardFocus(props: any, handler: (evt: FocusEvent) => void) {\n    let isMouseDown = false;\n    return {\n        onFocus(evt: FocusEvent) {\n            props.onFocus?.(evt);\n            if (!isMouseDown) {\n                handler(evt);\n            }\n        },\n        onMouseDown(evt: MouseEvent) {\n            props.onMouseDown?.(evt);\n            isMouseDown = true;\n        },\n        onMouseUp(evt: MouseEvent) {\n            props.onMouseUp?.(evt);\n            isMouseDown = false;\n        },\n    };\n}\n\nconst isNavigableItem = (node: ReactNode): node is ReactElement => {\n    return isComponent('ListItem')(node) && isClickable(node.props) && !node.props.isDisabled;\n};\n\n/**\n * This custom hook detects clickable list item in a list and make them navigable with the keyboard.\n *\n * @param  options See {@link Options}\n * @return See {@link Output}\n */\nexport const useInteractiveList: useInteractiveList = (options) => {\n    const { ref, onListItemSelected, onListItemNavigated } = options;\n    const items = useMemo(() => flattenChildren(options.items), [options.items]);\n    const [activeItemIndex, setActiveItemIndex] = useState(INITIAL_INDEX);\n\n    // Attach listeners to the list.\n    useEffect(() => {\n        const { current: listElement } = ref;\n        if (!listElement) {\n            return undefined;\n        }\n\n        /**\n         * This function calculates the next index in the list to be active\n         * @param  index current index\n         * @param  code  key code pressed\n         * @return next index\n         */\n        const getNextIndex = (index: number, key: string): number => {\n            switch (key) {\n                case 'ArrowDown':\n                    return index + 1 < items.length ? index + 1 : 0;\n                case 'ArrowUp':\n                    return index - 1 >= 0 ? index - 1 : items.length - 1;\n                default:\n                    return INITIAL_INDEX;\n            }\n        };\n\n        /**\n         * Resets the active index to the initial state\n         */\n        const resetActiveIndex = () => {\n            setActiveItemIndex(INITIAL_INDEX);\n        };\n\n        /**\n         * Handles navigation with the arrows using the keyboard\n         * @param evt Key event\n         */\n        const onArrowPressed: Listener = (evt) => {\n            const { key } = evt;\n            if (key !== 'ArrowUp' && key !== 'ArrowDown') {\n                return;\n            }\n\n            let nextIndex = activeItemIndex;\n            let iterations = 0;\n\n            // Move to next navigable item.\n            do {\n                nextIndex = getNextIndex(nextIndex, key);\n                iterations += 1;\n            } while (\n                nextIndex !== INITIAL_INDEX &&\n                nextIndex !== activeItemIndex &&\n                !isNavigableItem(items[nextIndex] as any) &&\n                iterations < items.length\n            );\n\n            setActiveItemIndex(nextIndex);\n            evt.preventDefault();\n            evt.stopPropagation();\n            onListItemNavigated?.(nextIndex, get(items, [nextIndex, 'key']));\n        };\n\n        /**\n         * Reset active list item index when focusing outside the list.\n         * @param evt Focus out event\n         */\n        const onFocusOut = (evt: FocusEvent) => {\n            if (!evt.relatedTarget || !listElement.contains(evt.relatedTarget as any)) {\n                resetActiveIndex();\n            }\n        };\n\n        listElement.addEventListener('focusout', onFocusOut);\n        listElement.addEventListener('keydown', onArrowPressed);\n        return () => {\n            listElement.removeEventListener('focusout', onFocusOut);\n            listElement.removeEventListener('keydown', onArrowPressed);\n        };\n    }, [ref, activeItemIndex, items, onListItemNavigated]);\n\n    return useMemo(() => {\n        let hasClickableItem = false;\n        const transformedItems = items.map((item, index) => {\n            // Ignore if list not clickable or item is not a simple list item.\n            if (!isNavigableItem(item)) {\n                return item;\n            }\n\n            hasClickableItem = true;\n            const isHighlighted = index === activeItemIndex;\n\n            // Clone list item: inject ref, add tab index and active state.\n            return cloneElement<ListItemProps>(item, {\n                ...item.props,\n                isHighlighted: item.props.isHighlighted ?? isHighlighted,\n                linkRef: mergeRefs(item.props.linkRef, (element: any) => {\n                    if (isHighlighted) {\n                        element?.focus();\n                    }\n                }),\n                onItemSelected(evt) {\n                    item.props.onItemSelected?.();\n                    onListItemSelected?.(index, item.key, evt);\n                },\n                ...onKeyboardFocus(item.props, () => {\n                    setActiveItemIndex(index);\n                }),\n            });\n        });\n        return { items: transformedItems, hasClickableItem };\n    }, [items, activeItemIndex, onListItemSelected]);\n};\n"],"names":["INITIAL_INDEX","onKeyboardFocus","props","handler","isMouseDown","onFocus","evt","onMouseDown","onMouseUp","isNavigableItem","node","isComponent","isClickable","isDisabled","useInteractiveList","options","ref","onListItemSelected","onListItemNavigated","items","useMemo","flattenChildren","activeItemIndex","setActiveItemIndex","useState","useEffect","current","listElement","undefined","getNextIndex","index","key","length","resetActiveIndex","onArrowPressed","nextIndex","iterations","preventDefault","stopPropagation","get","onFocusOut","relatedTarget","contains","addEventListener","removeEventListener","hasClickableItem","transformedItems","map","item","isHighlighted","cloneElement","linkRef","mergeRefs","element","focus","onItemSelected"],"mappings":"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"}

package/_internal/fdebc718.js

@@ -0,0 +1,57 @@
+import classNames from 'classnames';
+import castArray from 'lodash/castArray';
+import { Orientation } from '@lumx/core/js/constants';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { forwardRef } from './bd8b3ec8.js';
+import { jsx } from 'react/jsx-runtime';
+
+/**
+ * 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 = forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    children,
+    className,
+    fillSpace,
+    gap,
+    hAlign,
+    marginAuto,
+    noShrink,
+    orientation,
+    vAlign,
+    wrap,
+    ...forwardedProps
+  } = props;
+  return /*#__PURE__*/jsx(Component, {
+    ref: ref,
+    ...forwardedProps,
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      orientation: 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: children
+  });
+});
+FlexBox.displayName = COMPONENT_NAME;
+FlexBox.className = CLASSNAME;
+
+export { FlexBox };
+//# sourceMappingURL=fdebc718.js.map

package/_internal/fdebc718.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fdebc718.js","sources":["../../src/components/flex-box/FlexBox.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\nimport castArray from 'lodash/castArray';\n\nimport { Alignment, Orientation, HorizontalAlignment, Size, VerticalAlignment } from '@lumx/core/js/constants';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\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 = forwardRef<FlexBoxProps, HTMLDivElement>((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","_jsx","classNames","handleBasicClasses","prefix","Orientation","horizontal","castArray","map","align","displayName"],"mappings":";;;;;;;AA0CA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,SAAS,CAAA;;AAEhC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,OAAO,GAAGC,UAAU,CAA+B,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC5E,MAAM;IACFC,EAAE,EAAEC,SAAS,GAAG,KAAK;IACrBC,QAAQ;IACRC,SAAS;IACTC,SAAS;IACTC,GAAG;IACHC,MAAM;IACNC,UAAU;IACVC,QAAQ;IACRC,WAAW;IACXC,MAAM;IACNC,IAAI;IACJ,GAAGC,cAAAA;AACP,GAAC,GAAGd,KAAK,CAAA;EAET,oBACIe,GAAA,CAACZ,SAAS,EAAA;AACNF,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLa,cAAc;AAClBT,IAAAA,SAAS,EAAEW,UAAU,CACjBX,SAAS,EACTY,kBAAkB,CAAC;AACfC,MAAAA,MAAM,EAAEtB,SAAS;AACjBe,MAAAA,WAAW,EAAEA,WAAW,KAAKE,IAAI,IAAIL,MAAM,IAAII,MAAM,GAAGO,WAAW,CAACC,UAAU,GAAG,IAAI,CAAC;MACtFR,MAAM;MACNJ,MAAM;AACND,MAAAA,GAAAA;AACJ,KAAC,CAAC,EACFM,IAAI,IAAI,CAAA,EAAGjB,SAAS,CAAQ,MAAA,CAAA,EAC5BU,SAAS,IAAI,GAAGV,SAAS,CAAA,YAAA,CAAc,EACvCc,QAAQ,IAAI,CAAGd,EAAAA,SAAS,CAAa,WAAA,CAAA,EACrCa,UAAU,IAAIY,SAAS,CAACZ,UAAU,CAAC,CAACa,GAAG,CAAEC,KAAK,IAAK,CAAG3B,EAAAA,SAAS,iBAAiB2B,KAAK,CAAA,CAAE,CAC3F,CAAE;AAAAnB,IAAAA,QAAA,EAEDA,QAAAA;AAAQ,GACF,CAAC,CAAA;AAEpB,CAAC,EAAC;AACFN,OAAO,CAAC0B,WAAW,GAAG7B,cAAc,CAAA;AACpCG,OAAO,CAACO,SAAS,GAAGT,SAAS;;;;"}

package/_internal/ff96951d.js

@@ -0,0 +1,8 @@
+import getWindow from './a0a42aca.js';
+
+function getComputedStyle(element) {
+  return getWindow(element).getComputedStyle(element);
+}
+
+export { getComputedStyle as default };
+//# sourceMappingURL=ff96951d.js.map

package/_internal/ff96951d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ff96951d.js","sources":["../../../../node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js"],"sourcesContent":["import getWindow from \"./getWindow.js\";\nexport default function getComputedStyle(element) {\n  return getWindow(element).getComputedStyle(element);\n}"],"names":[],"mappings":";;AACe,SAAS,gBAAgB,CAAC,OAAO,EAAE;AAClD,EAAE,OAAO,SAAS,CAAC,OAAO,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;AACtD;;;;","x_google_ignoreList":[0]}