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

package/_internal/00560d40.js

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,60 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,90 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,109 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,24 @@
+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

@@ -0,0 +1 @@
+{"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;;;;"}

package/_internal/09d97180.js

@@ -0,0 +1,18 @@
+import React__default from 'react';
+
+/**
+ * Render link with default <a> HTML component or a custom one provided by `linkAs`.
+ *
+ * Can be used to inject the `Link` component from `react-router` and provide better a11y on LumX components.
+ *
+ * @param linkAs    Custom link component.
+ * @param children  Link children.
+ * @return          A link.
+ */
+const renderLink = ({
+  linkAs,
+  ...forwardedProps
+}, ...children) => /*#__PURE__*/React__default.createElement(linkAs || 'a', forwardedProps, ...children);
+
+export { renderLink };
+//# sourceMappingURL=09d97180.js.map

package/_internal/09d97180.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"09d97180.js","sources":["../../src/utils/react/renderLink.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\n\ninterface Props {\n    linkAs?: any;\n}\n\n/**\n * Render link with default <a> HTML component or a custom one provided by `linkAs`.\n *\n * Can be used to inject the `Link` component from `react-router` and provide better a11y on LumX components.\n *\n * @param linkAs    Custom link component.\n * @param children  Link children.\n * @return          A link.\n */\nexport const renderLink = <P extends Props>({ linkAs, ...forwardedProps }: P, ...children: ReactNode[]): ReactElement =>\n    React.createElement(linkAs || 'a', forwardedProps, ...children);\n"],"names":["renderLink","linkAs","forwardedProps","children","React","createElement"],"mappings":";;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,UAAU,GAAGA,CAAkB;EAAEC,MAAM;EAAE,GAAGC,cAAAA;AAAkB,CAAC,EAAE,GAAGC,QAAqB,kBAClGC,cAAK,CAACC,aAAa,CAACJ,MAAM,IAAI,GAAG,EAAEC,cAAc,EAAE,GAAGC,QAAQ;;;;"}

package/_internal/0a2c57a2.js

@@ -0,0 +1,9 @@
+import { TABBABLE_ELEMENTS_SELECTOR, DISABLED_SELECTOR } from './c0a6dba6.js';
+
+const isNotDisabled = element => !element.matches(DISABLED_SELECTOR);
+function getFocusableElements(element) {
+  return Array.from(element.querySelectorAll(TABBABLE_ELEMENTS_SELECTOR)).filter(isNotDisabled);
+}
+
+export { getFocusableElements };
+//# sourceMappingURL=0a2c57a2.js.map

package/_internal/0a2c57a2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"0a2c57a2.js","sources":["../../src/utils/browser/focus/getFocusableElements.ts"],"sourcesContent":["import { DISABLED_SELECTOR, TABBABLE_ELEMENTS_SELECTOR } from './constants';\n\nconst isNotDisabled = (element: HTMLElement) => !element.matches(DISABLED_SELECTOR);\n\nexport function getFocusableElements(element: HTMLElement | ShadowRoot): HTMLElement[] {\n    return Array.from(element.querySelectorAll<HTMLElement>(TABBABLE_ELEMENTS_SELECTOR)).filter(isNotDisabled);\n}\n"],"names":["isNotDisabled","element","matches","DISABLED_SELECTOR","getFocusableElements","Array","from","querySelectorAll","TABBABLE_ELEMENTS_SELECTOR","filter"],"mappings":";;AAEA,MAAMA,aAAa,GAAIC,OAAoB,IAAK,CAACA,OAAO,CAACC,OAAO,CAACC,iBAAiB,CAAC,CAAA;AAE5E,SAASC,oBAAoBA,CAACH,OAAiC,EAAiB;AACnF,EAAA,OAAOI,KAAK,CAACC,IAAI,CAACL,OAAO,CAACM,gBAAgB,CAAcC,0BAA0B,CAAC,CAAC,CAACC,MAAM,CAACT,aAAa,CAAC,CAAA;AAC9G;;;;"}

package/_internal/0a7f4911.js

@@ -0,0 +1,64 @@
+import { top, right, bottom, left } from './f4baa1da.js';
+import detectOverflow from './6f0ce1bb.js';
+
+function getSideOffsets(overflow, rect, preventedOffsets) {
+  if (preventedOffsets === void 0) {
+    preventedOffsets = {
+      x: 0,
+      y: 0
+    };
+  }
+
+  return {
+    top: overflow.top - rect.height - preventedOffsets.y,
+    right: overflow.right - rect.width + preventedOffsets.x,
+    bottom: overflow.bottom - rect.height + preventedOffsets.y,
+    left: overflow.left - rect.width - preventedOffsets.x
+  };
+}
+
+function isAnySideFullyClipped(overflow) {
+  return [top, right, bottom, left].some(function (side) {
+    return overflow[side] >= 0;
+  });
+}
+
+function hide(_ref) {
+  var state = _ref.state,
+      name = _ref.name;
+  var referenceRect = state.rects.reference;
+  var popperRect = state.rects.popper;
+  var preventedOffsets = state.modifiersData.preventOverflow;
+  var referenceOverflow = detectOverflow(state, {
+    elementContext: 'reference'
+  });
+  var popperAltOverflow = detectOverflow(state, {
+    altBoundary: true
+  });
+  var referenceClippingOffsets = getSideOffsets(referenceOverflow, referenceRect);
+  var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets);
+  var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);
+  var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);
+  state.modifiersData[name] = {
+    referenceClippingOffsets: referenceClippingOffsets,
+    popperEscapeOffsets: popperEscapeOffsets,
+    isReferenceHidden: isReferenceHidden,
+    hasPopperEscaped: hasPopperEscaped
+  };
+  state.attributes.popper = Object.assign(Object.assign({}, state.attributes.popper), {}, {
+    'data-popper-reference-hidden': isReferenceHidden,
+    'data-popper-escaped': hasPopperEscaped
+  });
+} // eslint-disable-next-line import/no-unused-modules
+
+
+var hide$1 = {
+  name: 'hide',
+  enabled: true,
+  phase: 'main',
+  requiresIfExists: ['preventOverflow'],
+  fn: hide
+};
+
+export { hide$1 as default };
+//# sourceMappingURL=0a7f4911.js.map

package/_internal/0a7f4911.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"0a7f4911.js","sources":["../../../../node_modules/@popperjs/core/lib/modifiers/hide.js"],"sourcesContent":["import { top, bottom, left, right } from \"../enums.js\";\nimport detectOverflow from \"../utils/detectOverflow.js\";\n\nfunction getSideOffsets(overflow, rect, preventedOffsets) {\n  if (preventedOffsets === void 0) {\n    preventedOffsets = {\n      x: 0,\n      y: 0\n    };\n  }\n\n  return {\n    top: overflow.top - rect.height - preventedOffsets.y,\n    right: overflow.right - rect.width + preventedOffsets.x,\n    bottom: overflow.bottom - rect.height + preventedOffsets.y,\n    left: overflow.left - rect.width - preventedOffsets.x\n  };\n}\n\nfunction isAnySideFullyClipped(overflow) {\n  return [top, right, bottom, left].some(function (side) {\n    return overflow[side] >= 0;\n  });\n}\n\nfunction hide(_ref) {\n  var state = _ref.state,\n      name = _ref.name;\n  var referenceRect = state.rects.reference;\n  var popperRect = state.rects.popper;\n  var preventedOffsets = state.modifiersData.preventOverflow;\n  var referenceOverflow = detectOverflow(state, {\n    elementContext: 'reference'\n  });\n  var popperAltOverflow = detectOverflow(state, {\n    altBoundary: true\n  });\n  var referenceClippingOffsets = getSideOffsets(referenceOverflow, referenceRect);\n  var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets);\n  var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);\n  var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);\n  state.modifiersData[name] = {\n    referenceClippingOffsets: referenceClippingOffsets,\n    popperEscapeOffsets: popperEscapeOffsets,\n    isReferenceHidden: isReferenceHidden,\n    hasPopperEscaped: hasPopperEscaped\n  };\n  state.attributes.popper = Object.assign(Object.assign({}, state.attributes.popper), {}, {\n    'data-popper-reference-hidden': isReferenceHidden,\n    'data-popper-escaped': hasPopperEscaped\n  });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'hide',\n  enabled: true,\n  phase: 'main',\n  requiresIfExists: ['preventOverflow'],\n  fn: hide\n};"],"names":[],"mappings":"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","x_google_ignoreList":[0]}

package/_internal/0aa9027f.js

@@ -0,0 +1,10 @@
+import { createContext } from 'react';
+
+const defaultContext = {
+  level: 1,
+  headingElement: 'h1'
+};
+const HeadingLevelContext = /*#__PURE__*/createContext(defaultContext);
+
+export { HeadingLevelContext };
+//# sourceMappingURL=0aa9027f.js.map

package/_internal/0aa9027f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"0aa9027f.js","sources":["../../src/components/heading/context.tsx"],"sourcesContent":["import { HeadingElement } from '@lumx/react/utils/type';\nimport { createContext } from 'react';\n\ninterface HeadingLevelContext {\n    /** The current level */\n    level: number;\n    /** The heading element matching the current level */\n    headingElement: HeadingElement;\n}\n\nconst defaultContext: HeadingLevelContext = { level: 1, headingElement: 'h1' };\n\nexport const HeadingLevelContext = createContext<HeadingLevelContext>(defaultContext);\n"],"names":["defaultContext","level","headingElement","HeadingLevelContext","createContext"],"mappings":";;AAUA,MAAMA,cAAmC,GAAG;AAAEC,EAAAA,KAAK,EAAE,CAAC;AAAEC,EAAAA,cAAc,EAAE,IAAA;AAAK,CAAC,CAAA;MAEjEC,mBAAmB,gBAAGC,aAAa,CAAsBJ,cAAc;;;;"}

package/_internal/0c58c8e2.js

@@ -0,0 +1,59 @@
+import ReactDOM from 'react-dom';
+import { unref } from './bc393aec.js';
+import { isReducedMotion } from './355f875f.js';
+
+function setupViewTransitionName(elementRef, name) {
+  let originalName = null;
+  return {
+    set() {
+      const element = unref(elementRef);
+      if (!element) return;
+      originalName = element.style.viewTransitionName;
+      element.style.viewTransitionName = name;
+    },
+    unset() {
+      const element = unref(elementRef);
+      if (!element || originalName === null) return;
+      element.style.viewTransitionName = originalName;
+    }
+  };
+}
+
+/**
+ * Wrapper around the `document.startViewTransition` handling browser incompatibilities, react DOM flush and
+ * user preference.
+ *
+ * @param changes                callback containing the changes to apply within the view transition.
+ * @param setViewTransitionName  set the `viewTransitionName` style on a `source` & `target` to morph these elements.
+ */
+async function startViewTransition({
+  changes,
+  viewTransitionName
+}) {
+  const start = document?.startViewTransition?.bind(document);
+  const prefersReducedMotion = isReducedMotion();
+  const {
+    flushSync
+  } = ReactDOM;
+  if (prefersReducedMotion || !start || !flushSync || !viewTransitionName?.source || !viewTransitionName?.target) {
+    // Skip, apply changes without a transition
+    changes();
+    return;
+  }
+
+  // Setup set/unset transition name on source & target
+  const sourceTransitionName = setupViewTransitionName(viewTransitionName.source, viewTransitionName.name);
+  const targetTransitionName = setupViewTransitionName(viewTransitionName.target, viewTransitionName.name);
+  sourceTransitionName.set();
+
+  // Start view transition, apply changes & flush to DOM
+  await start(() => {
+    sourceTransitionName.unset();
+    flushSync(changes);
+    targetTransitionName.set();
+  }).updateCallbackDone;
+  targetTransitionName.unset();
+}
+
+export { startViewTransition };
+//# sourceMappingURL=0c58c8e2.js.map

package/_internal/0c58c8e2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"0c58c8e2.js","sources":["../../src/utils/browser/DOM/startViewTransition.ts"],"sourcesContent":["import ReactDOM from 'react-dom';\n\nimport { MaybeElementOrRef } from '@lumx/react/utils/type';\n\nimport { unref } from '../../react/unref';\nimport { isReducedMotion } from '../isReducedMotion';\n\nfunction setupViewTransitionName(elementRef: MaybeElementOrRef<HTMLElement>, name: string) {\n    let originalName: string | null = null;\n    return {\n        set() {\n            const element = unref(elementRef);\n            if (!element) return;\n            originalName = element.style.viewTransitionName;\n            element.style.viewTransitionName = name;\n        },\n        unset() {\n            const element = unref(elementRef);\n            if (!element || originalName === null) return;\n            element.style.viewTransitionName = originalName;\n        },\n    };\n}\n\n/**\n * Wrapper around the `document.startViewTransition` handling browser incompatibilities, react DOM flush and\n * user preference.\n *\n * @param changes                callback containing the changes to apply within the view transition.\n * @param setViewTransitionName  set the `viewTransitionName` style on a `source` & `target` to morph these elements.\n */\nexport async function startViewTransition({\n    changes,\n    viewTransitionName,\n}: {\n    changes: () => void;\n    viewTransitionName: {\n        source: MaybeElementOrRef<HTMLElement>;\n        target: MaybeElementOrRef<HTMLElement>;\n        name: string;\n    };\n}) {\n    const start = (document as any)?.startViewTransition?.bind(document);\n    const prefersReducedMotion = isReducedMotion();\n    const { flushSync } = ReactDOM as any;\n    if (prefersReducedMotion || !start || !flushSync || !viewTransitionName?.source || !viewTransitionName?.target) {\n        // Skip, apply changes without a transition\n        changes();\n        return;\n    }\n\n    // Setup set/unset transition name on source & target\n    const sourceTransitionName = setupViewTransitionName(viewTransitionName.source, viewTransitionName.name);\n    const targetTransitionName = setupViewTransitionName(viewTransitionName.target, viewTransitionName.name);\n\n    sourceTransitionName.set();\n\n    // Start view transition, apply changes & flush to DOM\n    await start(() => {\n        sourceTransitionName.unset();\n\n        flushSync(changes);\n\n        targetTransitionName.set();\n    }).updateCallbackDone;\n\n    targetTransitionName.unset();\n}\n"],"names":["setupViewTransitionName","elementRef","name","originalName","set","element","unref","style","viewTransitionName","unset","startViewTransition","changes","start","document","bind","prefersReducedMotion","isReducedMotion","flushSync","ReactDOM","source","target","sourceTransitionName","targetTransitionName","updateCallbackDone"],"mappings":";;;;AAOA,SAASA,uBAAuBA,CAACC,UAA0C,EAAEC,IAAY,EAAE;EACvF,IAAIC,YAA2B,GAAG,IAAI,CAAA;EACtC,OAAO;AACHC,IAAAA,GAAGA,GAAG;AACF,MAAA,MAAMC,OAAO,GAAGC,KAAK,CAACL,UAAU,CAAC,CAAA;MACjC,IAAI,CAACI,OAAO,EAAE,OAAA;AACdF,MAAAA,YAAY,GAAGE,OAAO,CAACE,KAAK,CAACC,kBAAkB,CAAA;AAC/CH,MAAAA,OAAO,CAACE,KAAK,CAACC,kBAAkB,GAAGN,IAAI,CAAA;KAC1C;AACDO,IAAAA,KAAKA,GAAG;AACJ,MAAA,MAAMJ,OAAO,GAAGC,KAAK,CAACL,UAAU,CAAC,CAAA;AACjC,MAAA,IAAI,CAACI,OAAO,IAAIF,YAAY,KAAK,IAAI,EAAE,OAAA;AACvCE,MAAAA,OAAO,CAACE,KAAK,CAACC,kBAAkB,GAAGL,YAAY,CAAA;AACnD,KAAA;GACH,CAAA;AACL,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,eAAeO,mBAAmBA,CAAC;EACtCC,OAAO;AACPH,EAAAA,kBAAAA;AAQJ,CAAC,EAAE;EACC,MAAMI,KAAK,GAAIC,QAAQ,EAAUH,mBAAmB,EAAEI,IAAI,CAACD,QAAQ,CAAC,CAAA;AACpE,EAAA,MAAME,oBAAoB,GAAGC,eAAe,EAAE,CAAA;EAC9C,MAAM;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAGC,QAAe,CAAA;AACrC,EAAA,IAAIH,oBAAoB,IAAI,CAACH,KAAK,IAAI,CAACK,SAAS,IAAI,CAACT,kBAAkB,EAAEW,MAAM,IAAI,CAACX,kBAAkB,EAAEY,MAAM,EAAE;AAC5G;AACAT,IAAAA,OAAO,EAAE,CAAA;AACT,IAAA,OAAA;AACJ,GAAA;;AAEA;EACA,MAAMU,oBAAoB,GAAGrB,uBAAuB,CAACQ,kBAAkB,CAACW,MAAM,EAAEX,kBAAkB,CAACN,IAAI,CAAC,CAAA;EACxG,MAAMoB,oBAAoB,GAAGtB,uBAAuB,CAACQ,kBAAkB,CAACY,MAAM,EAAEZ,kBAAkB,CAACN,IAAI,CAAC,CAAA;EAExGmB,oBAAoB,CAACjB,GAAG,EAAE,CAAA;;AAE1B;EACA,MAAMQ,KAAK,CAAC,MAAM;IACdS,oBAAoB,CAACZ,KAAK,EAAE,CAAA;IAE5BQ,SAAS,CAACN,OAAO,CAAC,CAAA;IAElBW,oBAAoB,CAAClB,GAAG,EAAE,CAAA;GAC7B,CAAC,CAACmB,kBAAkB,CAAA;EAErBD,oBAAoB,CAACb,KAAK,EAAE,CAAA;AAChC;;;;"}