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

package/package.json

@@ -6,8 +6,8 @@
         "url": "https://github.com/lumapps/design-system/issues"
     },
     "dependencies": {
-        "@lumx/core": "^3.20.1-alpha.35",
-        "@lumx/icons": "^3.20.1-alpha.35",
+        "@lumx/core": "^3.20.1-alpha.37",
+        "@lumx/icons": "^3.20.1-alpha.37",
         "@popperjs/core": "^2.5.4",
         "body-scroll-lock": "^3.1.5",
         "classnames": "^2.3.2",
@@ -90,5 +90,5 @@
         "build:storybook": "storybook build"
     },
     "sideEffects": false,
-    "version": "3.20.1-alpha.35"
+    "version": "3.20.1-alpha.37"
 }

package/utils/index.js

@@ -1,5 +1,159 @@
-export { ClickAwayProvider } from '../_internal/739f2f15.js';
-export { Portal } from '../_internal/38ac8c66.js';
-export { PortalProvider } from '../_internal/883321fd.js';
-export { DisabledStateProvider, useDisabledStateContext } from '../_internal/536517c5.js';
+import React__default, { useContext, useEffect, useMemo, useRef, createContext } from 'react';
+import isEmpty from 'lodash/isEmpty';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { createPortal } from 'react-dom';
+
+const DisabledStateContext = /*#__PURE__*/React__default.createContext({
+  state: null
+});
+/**
+ * Disabled state provider.
+ * All nested LumX Design System components inherit this disabled state.
+ */
+function DisabledStateProvider({
+  children,
+  ...value
+}) {
+  return /*#__PURE__*/jsx(DisabledStateContext.Provider, {
+    value: value,
+    children: children
+  });
+}
+
+/**
+ * Get DisabledState context value
+ */
+function useDisabledStateContext() {
+  return useContext(DisabledStateContext);
+}
+
+const EVENT_TYPES = ['mousedown', 'touchstart'];
+function isClickAway(targets, refs) {
+  // The targets elements are not contained in any of the listed element references.
+  return !refs.some(ref => targets.some(target => ref?.current?.contains(target)));
+}
+/**
+ * Listen to clicks away from the given elements and callback the passed in function.
+ *
+ * Warning: If you need to detect click away on nested React portals, please use the `ClickAwayProvider` component.
+ */
+function useClickAway({
+  callback,
+  childrenRefs
+}) {
+  useEffect(() => {
+    const {
+      current: currentRefs
+    } = childrenRefs;
+    if (!callback || !currentRefs || isEmpty(currentRefs)) {
+      return undefined;
+    }
+    const listener = evt => {
+      const targets = [evt.composedPath?.()[0], evt.target];
+      if (isClickAway(targets, currentRefs)) {
+        callback(evt);
+      }
+    };
+    EVENT_TYPES.forEach(evtType => document.addEventListener(evtType, listener));
+    return () => {
+      EVENT_TYPES.forEach(evtType => document.removeEventListener(evtType, listener));
+    };
+  }, [callback, childrenRefs]);
+}
+
+const ClickAwayAncestorContext = /*#__PURE__*/createContext(null);
+/**
+ * Component combining the `useClickAway` hook with a React context to hook into the React component tree and make sure
+ * we take into account both the DOM tree and the React tree to detect click away.
+ *
+ * @return the react component.
+ */
+const ClickAwayProvider = ({
+  children,
+  callback,
+  childrenRefs,
+  parentRef
+}) => {
+  const parentContext = useContext(ClickAwayAncestorContext);
+  const currentContext = useMemo(() => {
+    const context = {
+      childrenRefs: [],
+      /**
+       * Add element refs to the current context and propagate to the parent context.
+       */
+      addRefs(...newChildrenRefs) {
+        // Add element refs that should be considered as inside the click away context.
+        context.childrenRefs.push(...newChildrenRefs);
+        if (parentContext) {
+          // Also add then to the parent context
+          parentContext.addRefs(...newChildrenRefs);
+          if (parentRef) {
+            // The parent element is also considered as inside the parent click away context but not inside the current context
+            parentContext.addRefs(parentRef);
+          }
+        }
+      }
+    };
+    return context;
+  }, [parentContext, parentRef]);
+  useEffect(() => {
+    const {
+      current: currentRefs
+    } = childrenRefs;
+    if (!currentRefs) {
+      return;
+    }
+    currentContext.addRefs(...currentRefs);
+  }, [currentContext, childrenRefs]);
+  useClickAway({
+    callback,
+    childrenRefs: useRef(currentContext.childrenRefs)
+  });
+  return /*#__PURE__*/jsx(ClickAwayAncestorContext.Provider, {
+    value: currentContext,
+    children: children
+  });
+};
+ClickAwayProvider.displayName = 'ClickAwayProvider';
+
+/**
+ * Portal initializing function.
+ * If it does not provide a container, the Portal children will render in classic React tree and not in a portal.
+ */
+
+const PortalContext = /*#__PURE__*/React__default.createContext(() => ({
+  container: document.body
+}));
+/**
+ * Customize where <Portal> wrapped elements render (tooltip, popover, dialog, etc.)
+ */
+const PortalProvider = PortalContext.Provider;
+
+/**
+ * Render children in a portal outside the current DOM position
+ * (defaults to `document.body` but can be customized with the PortalContextProvider)
+ */
+const Portal = ({
+  children,
+  enabled = true
+}) => {
+  const init = React__default.useContext(PortalContext);
+  const context = React__default.useMemo(() => {
+    return enabled ? init() : null;
+  },
+  // Only update on 'enabled'
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [enabled]);
+  React__default.useLayoutEffect(() => {
+    return context?.teardown;
+  }, [context?.teardown, enabled]);
+  if (!context?.container) {
+    return /*#__PURE__*/jsx(Fragment, {
+      children: children
+    });
+  }
+  return /*#__PURE__*/createPortal(children, context.container);
+};
+
+export { ClickAwayProvider, DisabledStateProvider, Portal, PortalProvider, useDisabledStateContext };
 //# sourceMappingURL=index.js.map

package/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"index.js","sources":["../../src/utils/disabled/DisabledStateContext.tsx","../../src/hooks/useClickAway.tsx","../../src/utils/ClickAwayProvider/ClickAwayProvider.tsx","../../src/utils/Portal/PortalProvider.tsx","../../src/utils/Portal/Portal.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\n/** Disable state */\ntype DisabledStateContextValue =\n    | {\n          state: 'disabled';\n      }\n    | { state: undefined | null };\n\nexport const DisabledStateContext = React.createContext<DisabledStateContextValue>({ state: null });\n\nexport type DisabledStateProviderProps = DisabledStateContextValue & {\n    children: React.ReactNode;\n};\n\n/**\n * Disabled state provider.\n * All nested LumX Design System components inherit this disabled state.\n */\nexport function DisabledStateProvider({ children, ...value }: DisabledStateProviderProps) {\n    return <DisabledStateContext.Provider value={value}>{children}</DisabledStateContext.Provider>;\n}\n\n/**\n * Get DisabledState context value\n */\nexport function useDisabledStateContext(): DisabledStateContextValue {\n    return useContext(DisabledStateContext);\n}\n","import { RefObject, useEffect } from 'react';\n\nimport { Falsy } from '@lumx/react/utils/type';\n\nimport isEmpty from 'lodash/isEmpty';\n\nconst EVENT_TYPES = ['mousedown', 'touchstart'];\n\nfunction isClickAway(targets: HTMLElement[], refs: Array<RefObject<HTMLElement>>): boolean {\n    // The targets elements are not contained in any of the listed element references.\n    return !refs.some((ref) => targets.some((target) => ref?.current?.contains(target)));\n}\n\nexport interface ClickAwayParameters {\n    /**\n     * A callback function to call when the user clicks away from the elements.\n     */\n    callback: EventListener | Falsy;\n    /**\n     * Elements considered within the click away context (clicking outside them will trigger the click away callback).\n     */\n    childrenRefs: RefObject<Array<RefObject<HTMLElement>>>;\n}\n\n/**\n * Listen to clicks away from the given elements and callback the passed in function.\n *\n * Warning: If you need to detect click away on nested React portals, please use the `ClickAwayProvider` component.\n */\nexport function useClickAway({ callback, childrenRefs }: ClickAwayParameters): void {\n    useEffect(() => {\n        const { current: currentRefs } = childrenRefs;\n        if (!callback || !currentRefs || isEmpty(currentRefs)) {\n            return undefined;\n        }\n        const listener: EventListener = (evt) => {\n            const targets = [evt.composedPath?.()[0], evt.target] as HTMLElement[];\n            if (isClickAway(targets, currentRefs)) {\n                callback(evt);\n            }\n        };\n\n        EVENT_TYPES.forEach((evtType) => document.addEventListener(evtType, listener));\n        return () => {\n            EVENT_TYPES.forEach((evtType) => document.removeEventListener(evtType, listener));\n        };\n    }, [callback, childrenRefs]);\n}\n","import { createContext, RefObject, useContext, useEffect, useMemo, useRef } from 'react';\nimport { ClickAwayParameters, useClickAway } from '@lumx/react/hooks/useClickAway';\n\ninterface ContextValue {\n    childrenRefs: Array<RefObject<HTMLElement>>;\n    addRefs(...newChildrenRefs: Array<RefObject<HTMLElement>>): void;\n}\n\nconst ClickAwayAncestorContext = createContext<ContextValue | null>(null);\n\ninterface ClickAwayProviderProps extends ClickAwayParameters {\n    /**\n     * (Optional) Element that should be considered as part of the parent\n     */\n    parentRef?: RefObject<HTMLElement>;\n    /**\n     * Children\n     */\n    children?: React.ReactNode;\n}\n\n/**\n * Component combining the `useClickAway` hook with a React context to hook into the React component tree and make sure\n * we take into account both the DOM tree and the React tree to detect click away.\n *\n * @return the react component.\n */\nexport const ClickAwayProvider: React.FC<ClickAwayProviderProps> = ({\n    children,\n    callback,\n    childrenRefs,\n    parentRef,\n}) => {\n    const parentContext = useContext(ClickAwayAncestorContext);\n    const currentContext = useMemo(() => {\n        const context: ContextValue = {\n            childrenRefs: [],\n            /**\n             * Add element refs to the current context and propagate to the parent context.\n             */\n            addRefs(...newChildrenRefs) {\n                // Add element refs that should be considered as inside the click away context.\n                context.childrenRefs.push(...newChildrenRefs);\n\n                if (parentContext) {\n                    // Also add then to the parent context\n                    parentContext.addRefs(...newChildrenRefs);\n                    if (parentRef) {\n                        // The parent element is also considered as inside the parent click away context but not inside the current context\n                        parentContext.addRefs(parentRef);\n                    }\n                }\n            },\n        };\n        return context;\n    }, [parentContext, parentRef]);\n\n    useEffect(() => {\n        const { current: currentRefs } = childrenRefs;\n        if (!currentRefs) {\n            return;\n        }\n        currentContext.addRefs(...currentRefs);\n    }, [currentContext, childrenRefs]);\n\n    useClickAway({ callback, childrenRefs: useRef(currentContext.childrenRefs) });\n    return <ClickAwayAncestorContext.Provider value={currentContext}>{children}</ClickAwayAncestorContext.Provider>;\n};\nClickAwayProvider.displayName = 'ClickAwayProvider';\n","import React from 'react';\n\ntype Container = DocumentFragment | Element;\n\n/**\n * Portal initializing function.\n * If it does not provide a container, the Portal children will render in classic React tree and not in a portal.\n */\nexport type PortalInit = () => {\n    container?: Container;\n    teardown?: () => void;\n};\n\nexport const PortalContext = React.createContext<PortalInit>(() => ({ container: document.body }));\n\nexport interface PortalProviderProps {\n    children?: React.ReactNode;\n    value: PortalInit;\n}\n\n/**\n * Customize where <Portal> wrapped elements render (tooltip, popover, dialog, etc.)\n */\nexport const PortalProvider: React.FC<PortalProviderProps> = PortalContext.Provider;\n","import React from 'react';\nimport { createPortal } from 'react-dom';\nimport { PortalContext } from './PortalProvider';\n\nexport interface PortalProps {\n    enabled?: boolean;\n    children: React.ReactNode;\n}\n\n/**\n * Render children in a portal outside the current DOM position\n * (defaults to `document.body` but can be customized with the PortalContextProvider)\n */\nexport const Portal: React.FC<PortalProps> = ({ children, enabled = true }) => {\n    const init = React.useContext(PortalContext);\n    const context = React.useMemo(\n        () => {\n            return enabled ? init() : null;\n        },\n        // Only update on 'enabled'\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [enabled],\n    );\n\n    React.useLayoutEffect(() => {\n        return context?.teardown;\n    }, [context?.teardown, enabled]);\n\n    if (!context?.container) {\n        return <>{children}</>;\n    }\n    return createPortal(children, context.container);\n};\n"],"names":["DisabledStateContext","React","createContext","state","DisabledStateProvider","children","value","_jsx","Provider","useDisabledStateContext","useContext","EVENT_TYPES","isClickAway","targets","refs","some","ref","target","current","contains","useClickAway","callback","childrenRefs","useEffect","currentRefs","isEmpty","undefined","listener","evt","composedPath","forEach","evtType","document","addEventListener","removeEventListener","ClickAwayAncestorContext","ClickAwayProvider","parentRef","parentContext","currentContext","useMemo","context","addRefs","newChildrenRefs","push","useRef","displayName","PortalContext","container","body","PortalProvider","Portal","enabled","init","useLayoutEffect","teardown","_Fragment","createPortal"],"mappings":"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"}

package/_internal/00560d40.js

@@ -1,11 +0,0 @@
-function rectToClientRect(rect) {
-  return Object.assign(Object.assign({}, rect), {}, {
-    left: rect.x,
-    top: rect.y,
-    right: rect.x + rect.width,
-    bottom: rect.y + rect.height
-  });
-}
-
-export { rectToClientRect as default };
-//# sourceMappingURL=00560d40.js.map

package/_internal/00560d40.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"00560d40.js","sources":["../../../../node_modules/@popperjs/core/lib/utils/rectToClientRect.js"],"sourcesContent":["export default function rectToClientRect(rect) {\n  return Object.assign(Object.assign({}, rect), {}, {\n    left: rect.x,\n    top: rect.y,\n    right: rect.x + rect.width,\n    bottom: rect.y + rect.height\n  });\n}"],"names":[],"mappings":"AAAe,SAAS,gBAAgB,CAAC,IAAI,EAAE;AAC/C,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE;AACpD,IAAI,IAAI,EAAE,IAAI,CAAC,CAAC;AAChB,IAAI,GAAG,EAAE,IAAI,CAAC,CAAC;AACf,IAAI,KAAK,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK;AAC9B,IAAI,MAAM,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM;AAChC,GAAG,CAAC,CAAC;AACL;;;;","x_google_ignoreList":[0]}

package/_internal/00cc46ee.js

@@ -1,60 +0,0 @@
-import isInteger from 'lodash/isInteger';
-import classNames from 'classnames';
-import { getRootClassName } from '@lumx/core/js/utils/className';
-import { forwardRef } from './bd8b3ec8.js';
-import { jsx } from 'react/jsx-runtime';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'GridColumn';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {};
-
-/**
- * The GridColumn is a layout component that can display children in a grid
- * with custom display properties. It also comes with a responsive design,
- * with a number of column that reduce when there is not enough space for each item.
- *
- * @param props Component props.
- * @param ref Component ref.
- * @return React element.
- */
-const GridColumn = forwardRef((props, ref) => {
-  const {
-    as: Component = 'div',
-    gap,
-    maxColumns,
-    itemMinWidth,
-    children,
-    className,
-    style = {},
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/jsx(Component, {
-    ...forwardedProps,
-    ref: ref,
-    className: classNames(className, CLASSNAME),
-    style: {
-      ...style,
-      ['--lumx-grid-column-item-min-width']: isInteger(itemMinWidth) && `${itemMinWidth}px`,
-      ['--lumx-grid-column-columns']: maxColumns,
-      ['--lumx-grid-column-gap']: gap && `var(--lumx-spacing-unit-${gap})`
-    },
-    children: children
-  });
-});
-GridColumn.displayName = COMPONENT_NAME;
-GridColumn.className = CLASSNAME;
-GridColumn.defaultProps = DEFAULT_PROPS;
-
-export { GridColumn };
-//# sourceMappingURL=00cc46ee.js.map

package/_internal/00cc46ee.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"00cc46ee.js","sources":["../../src/components/grid-column/GridColumn.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\n\nimport isInteger from 'lodash/isInteger';\nimport classNames from 'classnames';\n\nimport { Size } from '@lumx/react';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nexport type GridColumnGapSize = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface GridColumnProps extends GenericProps {\n    /** Customize the root element. */\n    as?: React.ElementType;\n    /** Children elements. */\n    children?: ReactNode;\n    /** Space between columns and rows. */\n    gap?: GridColumnGapSize;\n    /** Ideal number of columns. */\n    maxColumns?: number;\n    /** Minimum width for each item, reduce the number of column if there is not enough space. */\n    itemMinWidth?: number;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'GridColumn';\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<GridColumnProps> = {};\n\n/**\n * The GridColumn is a layout component that can display children in a grid\n * with custom display properties. It also comes with a responsive design,\n * with a number of column that reduce when there is not enough space for each item.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const GridColumn = forwardRef<GridColumnProps>((props, ref): ReactElement => {\n    const {\n        as: Component = 'div',\n        gap,\n        maxColumns,\n        itemMinWidth,\n        children,\n        className,\n        style = {},\n        ...forwardedProps\n    } = props;\n\n    return (\n        <Component\n            {...forwardedProps}\n            ref={ref as React.Ref<any>}\n            className={classNames(className, CLASSNAME)}\n            style={{\n                ...style,\n                ['--lumx-grid-column-item-min-width' as any]: isInteger(itemMinWidth) && `${itemMinWidth}px`,\n                ['--lumx-grid-column-columns' as any]: maxColumns,\n                ['--lumx-grid-column-gap' as any]: gap && `var(--lumx-spacing-unit-${gap})`,\n            }}\n        >\n            {children}\n        </Component>\n    );\n});\nGridColumn.displayName = COMPONENT_NAME;\nGridColumn.className = CLASSNAME;\nGridColumn.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","GridColumn","forwardRef","props","ref","as","Component","gap","maxColumns","itemMinWidth","children","className","style","forwardedProps","_jsx","classNames","isInteger","displayName","defaultProps"],"mappings":";;;;;;AA4BA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,YAAY,CAAA;;AAEnC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAuC,GAAG,EAAE,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,UAAU,GAAGC,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAmB;EAChF,MAAM;IACFC,EAAE,EAAEC,SAAS,GAAG,KAAK;IACrBC,GAAG;IACHC,UAAU;IACVC,YAAY;IACZC,QAAQ;IACRC,SAAS;IACTC,KAAK,GAAG,EAAE;IACV,GAAGC,cAAAA;AACP,GAAC,GAAGV,KAAK,CAAA;EAET,oBACIW,GAAA,CAACR,SAAS,EAAA;AAAA,IAAA,GACFO,cAAc;AAClBT,IAAAA,GAAG,EAAEA,GAAsB;AAC3BO,IAAAA,SAAS,EAAEI,UAAU,CAACJ,SAAS,EAAEb,SAAS,CAAE;AAC5Cc,IAAAA,KAAK,EAAE;AACH,MAAA,GAAGA,KAAK;MACR,CAAC,mCAAmC,GAAUI,SAAS,CAACP,YAAY,CAAC,IAAI,CAAGA,EAAAA,YAAY,CAAI,EAAA,CAAA;MAC5F,CAAC,4BAA4B,GAAUD,UAAU;AACjD,MAAA,CAAC,wBAAwB,GAAUD,GAAG,IAAI,2BAA2BA,GAAG,CAAA,CAAA,CAAA;KAC1E;AAAAG,IAAAA,QAAA,EAEDA,QAAAA;AAAQ,GACF,CAAC,CAAA;AAEpB,CAAC,EAAC;AACFT,UAAU,CAACgB,WAAW,GAAGpB,cAAc,CAAA;AACvCI,UAAU,CAACU,SAAS,GAAGb,SAAS,CAAA;AAChCG,UAAU,CAACiB,YAAY,GAAGlB,aAAa;;;;"}

package/_internal/0350c865.js

@@ -1,90 +0,0 @@
-import { useEffect } from 'react';
-import { DOCUMENT } from './6af61e2f.js';
-import { getFirstAndLastFocusable } from './b573621e.js';
-import { makeListenerTowerContext } from './b4dfa648.js';
-
-const FOCUS_TRAPS = makeListenerTowerContext();
-
-/**
- * Trap 'Tab' focus switch inside the `focusZoneElement`.
- *
- * If multiple focus trap are activated, only the last one is maintained and when a focus trap closes, the previous one
- * gets activated again.
- *
- * @param focusZoneElement The element in which to trap the focus.
- * @param focusElement     The element to focus when the focus trap is activated (otherwise the first focusable element
- *                         will be focused).
- */
-function useFocusTrap(focusZoneElement, focusElement) {
-  useEffect(() => {
-    // Body element can be undefined in SSR context.
-    const rootElement = DOCUMENT?.body;
-    if (!rootElement || !focusZoneElement) {
-      return undefined;
-    }
-
-    // Use the shadow root as focusZoneElement when available
-    const focusZoneElementOrShadowRoot = focusZoneElement.shadowRoot || focusZoneElement;
-
-    // Trap 'Tab' key down focus switch into the focus zone.
-    const trapTabFocusInFocusZone = evt => {
-      const {
-        key
-      } = evt;
-      if (key !== 'Tab') {
-        return;
-      }
-      const focusable = getFirstAndLastFocusable(focusZoneElementOrShadowRoot);
-
-      // Prevent focus switch if no focusable available.
-      if (!focusable.first) {
-        evt.preventDefault();
-        return;
-      }
-      const activeElement = focusZoneElement.shadowRoot ? focusZoneElement.shadowRoot.activeElement : document.activeElement;
-      if (
-      // No previous focus
-      !activeElement ||
-      // Previous focus is at the end of the focus zone.
-      !evt.shiftKey && activeElement === focusable.last ||
-      // Previous focus is outside the focus zone
-      !focusZoneElementOrShadowRoot.contains(activeElement)) {
-        focusable.first.focus();
-        evt.preventDefault();
-        return;
-      }
-      if (
-      // Focus order reversed
-      evt.shiftKey &&
-      // Previous focus is at the start of the focus zone.
-      activeElement === focusable.first) {
-        focusable.last.focus();
-        evt.preventDefault();
-      }
-    };
-    const focusTrap = {
-      enable: () => rootElement.addEventListener('keydown', trapTabFocusInFocusZone),
-      disable: () => rootElement.removeEventListener('keydown', trapTabFocusInFocusZone)
-    };
-
-    // SETUP:
-    if (focusElement && focusZoneElementOrShadowRoot.contains(focusElement)) {
-      // Focus the given element.
-      focusElement.focus({
-        preventScroll: true
-      });
-    } else {
-      // Focus the first focusable element in the zone.
-      getFirstAndLastFocusable(focusZoneElementOrShadowRoot).first?.focus({
-        preventScroll: true
-      });
-    }
-    FOCUS_TRAPS.register(focusTrap);
-
-    // TEARDOWN:
-    return () => FOCUS_TRAPS.unregister(focusTrap);
-  }, [focusElement, focusZoneElement]);
-}
-
-export { useFocusTrap };
-//# sourceMappingURL=0350c865.js.map

package/_internal/0350c865.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"0350c865.js","sources":["../../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { DOCUMENT } from '@lumx/react/constants';\nimport { getFirstAndLastFocusable } from '@lumx/react/utils/browser/focus/getFirstAndLastFocusable';\nimport { Falsy } from '@lumx/react/utils/type';\nimport { Listener, makeListenerTowerContext } from '@lumx/react/utils/function/makeListenerTowerContext';\n\nconst FOCUS_TRAPS = makeListenerTowerContext();\n\n/**\n * Trap 'Tab' focus switch inside the `focusZoneElement`.\n *\n * If multiple focus trap are activated, only the last one is maintained and when a focus trap closes, the previous one\n * gets activated again.\n *\n * @param focusZoneElement The element in which to trap the focus.\n * @param focusElement     The element to focus when the focus trap is activated (otherwise the first focusable element\n *                         will be focused).\n */\nexport function useFocusTrap(focusZoneElement: HTMLElement | Falsy, focusElement?: HTMLElement | null): void {\n    useEffect(() => {\n        // Body element can be undefined in SSR context.\n        const rootElement = DOCUMENT?.body;\n\n        if (!rootElement || !focusZoneElement) {\n            return undefined;\n        }\n\n        // Use the shadow root as focusZoneElement when available\n        const focusZoneElementOrShadowRoot = focusZoneElement.shadowRoot || focusZoneElement;\n\n        // Trap 'Tab' key down focus switch into the focus zone.\n        const trapTabFocusInFocusZone = (evt: KeyboardEvent) => {\n            const { key } = evt;\n            if (key !== 'Tab') {\n                return;\n            }\n\n            const focusable = getFirstAndLastFocusable(focusZoneElementOrShadowRoot);\n\n            // Prevent focus switch if no focusable available.\n            if (!focusable.first) {\n                evt.preventDefault();\n                return;\n            }\n\n            const activeElement = focusZoneElement.shadowRoot\n                ? focusZoneElement.shadowRoot.activeElement\n                : document.activeElement;\n\n            if (\n                // No previous focus\n                !activeElement ||\n                // Previous focus is at the end of the focus zone.\n                (!evt.shiftKey && activeElement === focusable.last) ||\n                // Previous focus is outside the focus zone\n                !focusZoneElementOrShadowRoot.contains(activeElement)\n            ) {\n                focusable.first.focus();\n                evt.preventDefault();\n                return;\n            }\n\n            if (\n                // Focus order reversed\n                evt.shiftKey &&\n                // Previous focus is at the start of the focus zone.\n                activeElement === focusable.first\n            ) {\n                focusable.last.focus();\n                evt.preventDefault();\n            }\n        };\n\n        const focusTrap: Listener = {\n            enable: () => rootElement.addEventListener('keydown', trapTabFocusInFocusZone),\n            disable: () => rootElement.removeEventListener('keydown', trapTabFocusInFocusZone),\n        };\n\n        // SETUP:\n        if (focusElement && focusZoneElementOrShadowRoot.contains(focusElement)) {\n            // Focus the given element.\n            focusElement.focus({ preventScroll: true });\n        } else {\n            // Focus the first focusable element in the zone.\n            getFirstAndLastFocusable(focusZoneElementOrShadowRoot).first?.focus({ preventScroll: true });\n        }\n        FOCUS_TRAPS.register(focusTrap);\n\n        // TEARDOWN:\n        return () => FOCUS_TRAPS.unregister(focusTrap);\n    }, [focusElement, focusZoneElement]);\n}\n"],"names":["FOCUS_TRAPS","makeListenerTowerContext","useFocusTrap","focusZoneElement","focusElement","useEffect","rootElement","DOCUMENT","body","undefined","focusZoneElementOrShadowRoot","shadowRoot","trapTabFocusInFocusZone","evt","key","focusable","getFirstAndLastFocusable","first","preventDefault","activeElement","document","shiftKey","last","contains","focus","focusTrap","enable","addEventListener","disable","removeEventListener","preventScroll","register","unregister"],"mappings":";;;;;AAOA,MAAMA,WAAW,GAAGC,wBAAwB,EAAE,CAAA;;AAE9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,YAAYA,CAACC,gBAAqC,EAAEC,YAAiC,EAAQ;AACzGC,EAAAA,SAAS,CAAC,MAAM;AACZ;AACA,IAAA,MAAMC,WAAW,GAAGC,QAAQ,EAAEC,IAAI,CAAA;AAElC,IAAA,IAAI,CAACF,WAAW,IAAI,CAACH,gBAAgB,EAAE;AACnC,MAAA,OAAOM,SAAS,CAAA;AACpB,KAAA;;AAEA;AACA,IAAA,MAAMC,4BAA4B,GAAGP,gBAAgB,CAACQ,UAAU,IAAIR,gBAAgB,CAAA;;AAEpF;IACA,MAAMS,uBAAuB,GAAIC,GAAkB,IAAK;MACpD,MAAM;AAAEC,QAAAA,GAAAA;AAAI,OAAC,GAAGD,GAAG,CAAA;MACnB,IAAIC,GAAG,KAAK,KAAK,EAAE;AACf,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,MAAMC,SAAS,GAAGC,wBAAwB,CAACN,4BAA4B,CAAC,CAAA;;AAExE;AACA,MAAA,IAAI,CAACK,SAAS,CAACE,KAAK,EAAE;QAClBJ,GAAG,CAACK,cAAc,EAAE,CAAA;AACpB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,MAAMC,aAAa,GAAGhB,gBAAgB,CAACQ,UAAU,GAC3CR,gBAAgB,CAACQ,UAAU,CAACQ,aAAa,GACzCC,QAAQ,CAACD,aAAa,CAAA;AAE5B,MAAA;AACI;AACA,MAAA,CAACA,aAAa;AACd;MACC,CAACN,GAAG,CAACQ,QAAQ,IAAIF,aAAa,KAAKJ,SAAS,CAACO,IAAK;AACnD;AACA,MAAA,CAACZ,4BAA4B,CAACa,QAAQ,CAACJ,aAAa,CAAC,EACvD;AACEJ,QAAAA,SAAS,CAACE,KAAK,CAACO,KAAK,EAAE,CAAA;QACvBX,GAAG,CAACK,cAAc,EAAE,CAAA;AACpB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA;AACI;AACAL,MAAAA,GAAG,CAACQ,QAAQ;AACZ;AACAF,MAAAA,aAAa,KAAKJ,SAAS,CAACE,KAAK,EACnC;AACEF,QAAAA,SAAS,CAACO,IAAI,CAACE,KAAK,EAAE,CAAA;QACtBX,GAAG,CAACK,cAAc,EAAE,CAAA;AACxB,OAAA;KACH,CAAA;AAED,IAAA,MAAMO,SAAmB,GAAG;MACxBC,MAAM,EAAEA,MAAMpB,WAAW,CAACqB,gBAAgB,CAAC,SAAS,EAAEf,uBAAuB,CAAC;MAC9EgB,OAAO,EAAEA,MAAMtB,WAAW,CAACuB,mBAAmB,CAAC,SAAS,EAAEjB,uBAAuB,CAAA;KACpF,CAAA;;AAED;IACA,IAAIR,YAAY,IAAIM,4BAA4B,CAACa,QAAQ,CAACnB,YAAY,CAAC,EAAE;AACrE;MACAA,YAAY,CAACoB,KAAK,CAAC;AAAEM,QAAAA,aAAa,EAAE,IAAA;AAAK,OAAC,CAAC,CAAA;AAC/C,KAAC,MAAM;AACH;AACAd,MAAAA,wBAAwB,CAACN,4BAA4B,CAAC,CAACO,KAAK,EAAEO,KAAK,CAAC;AAAEM,QAAAA,aAAa,EAAE,IAAA;AAAK,OAAC,CAAC,CAAA;AAChG,KAAA;AACA9B,IAAAA,WAAW,CAAC+B,QAAQ,CAACN,SAAS,CAAC,CAAA;;AAE/B;AACA,IAAA,OAAO,MAAMzB,WAAW,CAACgC,UAAU,CAACP,SAAS,CAAC,CAAA;AAClD,GAAC,EAAE,CAACrB,YAAY,EAAED,gBAAgB,CAAC,CAAC,CAAA;AACxC;;;;"}

package/_internal/063618dc.js

@@ -1,21 +0,0 @@
-import getNodeName from './879fa64d.js';
-import getDocumentElement from './60139f6a.js';
-
-function getParentNode(element) {
-  if (getNodeName(element) === 'html') {
-    return element;
-  }
-
-  return (// $FlowFixMe: this is a quicker (but less type safe) way to save quite some bytes from the bundle
-    element.assignedSlot || // step into the shadow DOM of the parent of a slotted node
-    element.parentNode || // DOM Element detected
-    // $FlowFixMe: need a better way to handle this...
-    element.host || // ShadowRoot detected
-    // $FlowFixMe: HTMLElement is a Node
-    getDocumentElement(element) // fallback
-
-  );
-}
-
-export { getParentNode as default };
-//# sourceMappingURL=063618dc.js.map

package/_internal/063618dc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"063618dc.js","sources":["../../../../node_modules/@popperjs/core/lib/dom-utils/getParentNode.js"],"sourcesContent":["import getNodeName from \"./getNodeName.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nexport default function getParentNode(element) {\n  if (getNodeName(element) === 'html') {\n    return element;\n  }\n\n  return (// $FlowFixMe: this is a quicker (but less type safe) way to save quite some bytes from the bundle\n    element.assignedSlot || // step into the shadow DOM of the parent of a slotted node\n    element.parentNode || // DOM Element detected\n    // $FlowFixMe: need a better way to handle this...\n    element.host || // ShadowRoot detected\n    // $FlowFixMe: HTMLElement is a Node\n    getDocumentElement(element) // fallback\n\n  );\n}"],"names":[],"mappings":";;;AAEe,SAAS,aAAa,CAAC,OAAO,EAAE;AAC/C,EAAE,IAAI,WAAW,CAAC,OAAO,CAAC,KAAK,MAAM,EAAE;AACvC,IAAI,OAAO,OAAO,CAAC;AACnB,GAAG;AACH;AACA,EAAE;AACF,IAAI,OAAO,CAAC,YAAY;AACxB,IAAI,OAAO,CAAC,UAAU;AACtB;AACA,IAAI,OAAO,CAAC,IAAI;AAChB;AACA,IAAI,kBAAkB,CAAC,OAAO,CAAC;AAC/B;AACA,IAAI;AACJ;;;;","x_google_ignoreList":[0]}

package/_internal/07f6dc7c.js

@@ -1,16 +0,0 @@
-function getBoundingClientRect(element) {
-  var rect = element.getBoundingClientRect();
-  return {
-    width: rect.width,
-    height: rect.height,
-    top: rect.top,
-    right: rect.right,
-    bottom: rect.bottom,
-    left: rect.left,
-    x: rect.left,
-    y: rect.top
-  };
-}
-
-export { getBoundingClientRect as default };
-//# sourceMappingURL=07f6dc7c.js.map

package/_internal/07f6dc7c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"07f6dc7c.js","sources":["../../../../node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js"],"sourcesContent":["export default function getBoundingClientRect(element) {\n  var rect = element.getBoundingClientRect();\n  return {\n    width: rect.width,\n    height: rect.height,\n    top: rect.top,\n    right: rect.right,\n    bottom: rect.bottom,\n    left: rect.left,\n    x: rect.left,\n    y: rect.top\n  };\n}"],"names":[],"mappings":"AAAe,SAAS,qBAAqB,CAAC,OAAO,EAAE;AACvD,EAAE,IAAI,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;AAC7C,EAAE,OAAO;AACT,IAAI,KAAK,EAAE,IAAI,CAAC,KAAK;AACrB,IAAI,MAAM,EAAE,IAAI,CAAC,MAAM;AACvB,IAAI,GAAG,EAAE,IAAI,CAAC,GAAG;AACjB,IAAI,KAAK,EAAE,IAAI,CAAC,KAAK;AACrB,IAAI,MAAM,EAAE,IAAI,CAAC,MAAM;AACvB,IAAI,IAAI,EAAE,IAAI,CAAC,IAAI;AACnB,IAAI,CAAC,EAAE,IAAI,CAAC,IAAI;AAChB,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG;AACf,GAAG,CAAC;AACJ;;;;","x_google_ignoreList":[0]}

package/_internal/0846b7f3.js

@@ -1,4 +0,0 @@
-const mdiChevronUp = 'M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z';
-
-export { mdiChevronUp };
-//# sourceMappingURL=0846b7f3.js.map

package/_internal/0846b7f3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"0846b7f3.js","sources":["../../../lumx-icons/dist/esm/chevron-up.js"],"sourcesContent":["export const mdiChevronUp = 'M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z';"],"names":["mdiChevronUp"],"mappings":"AAAO,MAAMA,YAAY,GAAG;;;;"}

package/_internal/08948b47.js

@@ -1,109 +0,0 @@
-import { useState, useRef, useContext } from 'react';
-import classNames from 'classnames';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { useTheme, ThemeProvider } from './d8ee966d.js';
-import { useId } from './11687649.js';
-import { forwardRef } from './bd8b3ec8.js';
-import { RawClickable } from './a6dc95cd.js';
-import { CLASSNAME as CLASSNAME$1 } from './f2e34298.js';
-import { NavigationContext } from './6b61b268.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Popover } from './612f6fb4.js';
-import { Orientation, Size, Theme } from '@lumx/core/js/constants';
-import { Icon } from './595d0e66.js';
-import { Text } from './203b01d8.js';
-import { mdiChevronUp } from './0846b7f3.js';
-import { mdiChevronDown } from './256f8eff.js';
-import { Placement } from './9d063548.js';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'NavigationSection';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-const NavigationSection = forwardRef((props, ref) => {
-  const {
-    children,
-    className,
-    label,
-    icon,
-    ...forwardedProps
-  } = props;
-  const [isOpen, setIsOpen] = useState(false);
-  const buttonRef = useRef(null);
-  const sectionId = useId();
-  const {
-    orientation
-  } = useContext(NavigationContext) || {};
-  const theme = useTheme();
-  const isDropdown = orientation === Orientation.horizontal;
-  return /*#__PURE__*/jsxs("li", {
-    className: classNames(className, CLASSNAME, CLASSNAME$1, handleBasicClasses({
-      prefix: CLASSNAME$1,
-      theme
-    })),
-    ref: ref,
-    children: [/*#__PURE__*/jsxs(RawClickable, {
-      as: "button",
-      ...forwardedProps,
-      "aria-controls": sectionId,
-      "aria-expanded": isOpen,
-      className: classNames(`${CLASSNAME$1}__link`),
-      ref: buttonRef,
-      onClick: event => {
-        setIsOpen(!isOpen);
-        event.stopPropagation();
-      },
-      children: [icon ? /*#__PURE__*/jsx(Icon, {
-        className: `${CLASSNAME$1}__icon`,
-        icon: icon,
-        size: Size.xs
-      }) : null, /*#__PURE__*/jsx(Text, {
-        as: "span",
-        truncate: true,
-        className: `${CLASSNAME$1}__label`,
-        ref: ref,
-        children: label
-      }), /*#__PURE__*/jsx(Icon, {
-        className: classNames(`${CLASSNAME$1}__icon`, `${CLASSNAME}__chevron`),
-        icon: isOpen ? mdiChevronUp : mdiChevronDown
-      })]
-    }), isOpen && (isDropdown ? /*#__PURE__*/jsx(Popover, {
-      anchorRef: buttonRef,
-      isOpen: isOpen,
-      placement: Placement.BOTTOM_START,
-      usePortal: false,
-      closeOnClickAway: true,
-      closeOnEscape: true,
-      onClick: () => setIsOpen(false),
-      onClose: () => setIsOpen(false),
-      zIndex: 996,
-      children: /*#__PURE__*/jsx(ThemeProvider, {
-        value: Theme.light,
-        children: /*#__PURE__*/jsx("ul", {
-          className: `${CLASSNAME}__drawer--popover`,
-          id: sectionId,
-          children: /*#__PURE__*/jsx(NavigationContext.Provider, {
-            value: {
-              orientation: Orientation.vertical
-            },
-            children: children
-          })
-        })
-      })
-    }) : /*#__PURE__*/jsx("ul", {
-      className: `${CLASSNAME}__drawer`,
-      id: sectionId,
-      children: children
-    }))]
-  });
-});
-NavigationSection.displayName = COMPONENT_NAME;
-NavigationSection.className = CLASSNAME;
-
-export { NavigationSection };
-//# sourceMappingURL=08948b47.js.map

package/_internal/08948b47.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"08948b47.js","sources":["../../src/components/navigation/NavigationSection.tsx"],"sourcesContent":["import { useRef, useState, useContext } from 'react';\n\nimport { mdiChevronDown, mdiChevronUp } from '@lumx/icons';\nimport { Icon, Size, Text, Orientation, Popover, Placement, Theme } from '@lumx/react';\nimport classNames from 'classnames';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { HasClassName } from '@lumx/react/utils/type';\nimport { ThemeProvider, useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { RawClickable } from '@lumx/react/utils/react/RawClickable';\nimport { CLASSNAME as ITEM_CLASSNAME } from './NavigationItem';\nimport { NavigationContext } from './context';\n\nexport interface NavigationSectionProps extends React.ComponentPropsWithoutRef<'button'>, HasClassName {\n    /** Items inside the section */\n    children: React.ReactNode;\n    /** Icon (SVG path). */\n    icon?: string;\n    /** Label content. */\n    label: string | React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'NavigationSection';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\nexport const NavigationSection = forwardRef<NavigationSectionProps, HTMLLIElement>((props, ref) => {\n    const { children, className, label, icon, ...forwardedProps } = props;\n    const [isOpen, setIsOpen] = useState(false);\n    const buttonRef = useRef<HTMLButtonElement>(null);\n    const sectionId = useId();\n    const { orientation } = useContext(NavigationContext) || {};\n    const theme = useTheme();\n    const isDropdown = orientation === Orientation.horizontal;\n    return (\n        <li\n            className={classNames(\n                className,\n                CLASSNAME,\n                ITEM_CLASSNAME,\n                handleBasicClasses({\n                    prefix: ITEM_CLASSNAME,\n                    theme,\n                }),\n            )}\n            ref={ref}\n        >\n            <RawClickable<'button'>\n                as=\"button\"\n                {...forwardedProps}\n                aria-controls={sectionId}\n                aria-expanded={isOpen}\n                className={classNames(`${ITEM_CLASSNAME}__link`)}\n                ref={buttonRef}\n                onClick={(event) => {\n                    setIsOpen(!isOpen);\n                    event.stopPropagation();\n                }}\n            >\n                {icon ? <Icon className={`${ITEM_CLASSNAME}__icon`} icon={icon} size={Size.xs} /> : null}\n\n                <Text as=\"span\" truncate className={`${ITEM_CLASSNAME}__label`} ref={ref}>\n                    {label}\n                </Text>\n                <Icon\n                    className={classNames(`${ITEM_CLASSNAME}__icon`, `${CLASSNAME}__chevron`)}\n                    icon={isOpen ? mdiChevronUp : mdiChevronDown}\n                />\n            </RawClickable>\n            {isOpen &&\n                (isDropdown ? (\n                    <Popover\n                        anchorRef={buttonRef}\n                        isOpen={isOpen}\n                        placement={Placement.BOTTOM_START}\n                        usePortal={false}\n                        closeOnClickAway\n                        closeOnEscape\n                        onClick={() => setIsOpen(false)}\n                        onClose={() => setIsOpen(false)}\n                        zIndex={996}\n                    >\n                        <ThemeProvider value={Theme.light}>\n                            <ul className={`${CLASSNAME}__drawer--popover`} id={sectionId}>\n                                <NavigationContext.Provider value={{ orientation: Orientation.vertical }}>\n                                    {children}\n                                </NavigationContext.Provider>\n                            </ul>\n                        </ThemeProvider>\n                    </Popover>\n                ) : (\n                    <ul className={`${CLASSNAME}__drawer`} id={sectionId}>\n                        {children}\n                    </ul>\n                ))}\n        </li>\n    );\n});\nNavigationSection.displayName = COMPONENT_NAME;\nNavigationSection.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","NavigationSection","forwardRef","props","ref","children","className","label","icon","forwardedProps","isOpen","setIsOpen","useState","buttonRef","useRef","sectionId","useId","orientation","useContext","NavigationContext","theme","useTheme","isDropdown","Orientation","horizontal","_jsxs","classNames","ITEM_CLASSNAME","handleBasicClasses","prefix","RawClickable","as","onClick","event","stopPropagation","_jsx","Icon","size","Size","xs","Text","truncate","mdiChevronUp","mdiChevronDown","Popover","anchorRef","placement","Placement","BOTTOM_START","usePortal","closeOnClickAway","closeOnEscape","onClose","zIndex","ThemeProvider","value","Theme","light","id","Provider","vertical","displayName"],"mappings":"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"}

package/_internal/08b0de35.js

@@ -1,14 +0,0 @@
-const INPUT_HELPER_CONFIGURATION = {
-  error: {
-    color: 'red'
-  },
-  success: {
-    color: 'green'
-  },
-  warning: {
-    color: 'yellow'
-  }
-};
-
-export { INPUT_HELPER_CONFIGURATION };
-//# sourceMappingURL=08b0de35.js.map

package/_internal/08b0de35.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"08b0de35.js","sources":["../../src/components/input-helper/constants.ts"],"sourcesContent":["export const INPUT_HELPER_CONFIGURATION: Record<string, { color: string }> = {\n    error: {\n        color: 'red',\n    },\n    success: {\n        color: 'green',\n    },\n    warning: {\n        color: 'yellow',\n    },\n};\n"],"names":["INPUT_HELPER_CONFIGURATION","error","color","success","warning"],"mappings":"AAAO,MAAMA,0BAA6D,GAAG;AACzEC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE,KAAA;GACV;AACDC,EAAAA,OAAO,EAAE;AACLD,IAAAA,KAAK,EAAE,OAAA;GACV;AACDE,EAAAA,OAAO,EAAE;AACLF,IAAAA,KAAK,EAAE,QAAA;AACX,GAAA;AACJ;;;;"}

package/_internal/094c811d.js

@@ -1,24 +0,0 @@
-import { usePopper as usePopper$1 } from './48148353.js';
-import { IS_BROWSER } from './6af61e2f.js';
-
-/** Stub usePopper for use outside of browsers */
-const useStubPopper = (_a, _p, {
-  placement
-}) => ({
-  attributes: {
-    popper: {
-      'data-popper-placement': placement
-    }
-  },
-  styles: {
-    popper: {
-      transform: 'translate(1, 1)'
-    }
-  }
-});
-
-/** Switch hook implementation between environment */
-const usePopper = IS_BROWSER ? usePopper$1 : useStubPopper;
-
-export { usePopper };
-//# sourceMappingURL=094c811d.js.map

package/_internal/094c811d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"094c811d.js","sources":["../../src/hooks/usePopper.ts"],"sourcesContent":["import { usePopper as usePopperHook } from 'react-popper';\nimport { IS_BROWSER } from '@lumx/react/constants';\n\n/** Stub usePopper for use outside of browsers */\nconst useStubPopper: typeof usePopperHook = (_a, _p, { placement }: any) =>\n    ({\n        attributes: { popper: { 'data-popper-placement': placement } },\n        styles: { popper: { transform: 'translate(1, 1)' } },\n    }) as any;\n\n/** Switch hook implementation between environment */\nexport const usePopper: typeof usePopperHook = IS_BROWSER ? usePopperHook : useStubPopper;\n"],"names":["useStubPopper","_a","_p","placement","attributes","popper","styles","transform","usePopper","IS_BROWSER","usePopperHook"],"mappings":";;;AAGA;AACA,MAAMA,aAAmC,GAAGA,CAACC,EAAE,EAAEC,EAAE,EAAE;AAAEC,EAAAA,SAAAA;AAAe,CAAC,MAClE;AACGC,EAAAA,UAAU,EAAE;AAAEC,IAAAA,MAAM,EAAE;AAAE,MAAA,uBAAuB,EAAEF,SAAAA;AAAU,KAAA;GAAG;AAC9DG,EAAAA,MAAM,EAAE;AAAED,IAAAA,MAAM,EAAE;AAAEE,MAAAA,SAAS,EAAE,iBAAA;AAAkB,KAAA;AAAE,GAAA;AACvD,CAAC,CAAQ,CAAA;;AAEb;MACaC,SAA+B,GAAGC,UAAU,GAAGC,WAAa,GAAGV;;;;"}