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

package/_internal/df688aab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"df688aab.js","sources":["../../src/components/table/TableCell.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { mdiArrowDown, mdiArrowUp } from '@lumx/icons';\nimport { Icon, Size } from '@lumx/react';\nimport { GenericProps, ValueOf } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Table head cell sort order.\n */\nexport const ThOrder = { asc: 'asc', desc: 'desc' } as const;\nexport type ThOrder = ValueOf<typeof ThOrder>;\n\n/**\n * Table cell variants.\n */\nexport const TableCellVariant = { body: 'body', head: 'head' } as const;\nexport type TableCellVariant = ValueOf<typeof TableCellVariant>;\n\n/**\n * Defines the props of the component.\n */\nexport interface TableCellProps extends GenericProps {\n    /** Icon (SVG path).(thead only). */\n    icon?: string;\n    /** Whether the column is sortable or not (thead only). */\n    isSortable?: boolean;\n    /** Sort order displayed as icon (sortable thead only). */\n    sortOrder?: ThOrder;\n    /** Variant. */\n    variant?: TableCellVariant;\n    /** On header cell click callback. */\n    onHeaderClick?(): void;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'TableCell';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME, true);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<TableCellProps> = {\n    variant: TableCellVariant.body,\n};\n\n/**\n * TableCell component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const TableCell = forwardRef<TableCellProps, HTMLTableCellElement>((props, ref) => {\n    const {\n        children,\n        className,\n        icon,\n        isSortable,\n        onHeaderClick,\n        sortOrder,\n        variant = DEFAULT_PROPS.variant,\n        ...forwardedProps\n    } = props;\n\n    // Use button if clickable\n    const Wrapper = onHeaderClick ? 'button' : 'div';\n    const wrapperProps = Wrapper === 'button' ? ({ type: 'button', onClick: onHeaderClick } as const) : undefined;\n\n    // ARIA sort\n    let ariaSort: 'ascending' | 'descending' | 'none' | undefined;\n    if (isSortable) {\n        ariaSort = 'none';\n        if (sortOrder === ThOrder.asc) ariaSort = 'ascending';\n        if (sortOrder === ThOrder.desc) ariaSort = 'descending';\n    }\n\n    return (\n        <>\n            {variant === TableCellVariant.head && (\n                <th\n                    ref={ref}\n                    {...forwardedProps}\n                    className={classNames(\n                        handleBasicClasses({\n                            prefix: CLASSNAME,\n                            isSortable,\n                            isSorted: isSortable && !!sortOrder,\n                        }),\n                        className,\n                        `${CLASSNAME}--head`,\n                    )}\n                    aria-sort={ariaSort}\n                >\n                    <Wrapper className={`${CLASSNAME}-wrapper`} {...wrapperProps}>\n                        {icon && !isSortable && <Icon className={`${CLASSNAME}-icon`} icon={icon} size={Size.xxs} />}\n\n                        {isSortable && sortOrder === ThOrder.asc && (\n                            <Icon className={`${CLASSNAME}-icon`} icon={mdiArrowUp} size={Size.xxs} />\n                        )}\n\n                        {isSortable && sortOrder === ThOrder.desc && (\n                            <Icon className={`${CLASSNAME}-icon`} icon={mdiArrowDown} size={Size.xxs} />\n                        )}\n\n                        <div className={`${CLASSNAME}-content`}>{children}</div>\n                    </Wrapper>\n                </th>\n            )}\n\n            {variant === TableCellVariant.body && (\n                <td {...forwardedProps} className={classNames(className, CLASSNAME, `${CLASSNAME}--body`)}>\n                    <div className={`${CLASSNAME}-content`}>{children}</div>\n                </td>\n            )}\n        </>\n    );\n});\nTableCell.displayName = COMPONENT_NAME;\nTableCell.className = CLASSNAME;\nTableCell.defaultProps = DEFAULT_PROPS;\n"],"names":["ThOrder","asc","desc","TableCellVariant","body","head","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","variant","TableCell","forwardRef","props","ref","children","className","icon","isSortable","onHeaderClick","sortOrder","forwardedProps","Wrapper","wrapperProps","type","onClick","undefined","ariaSort","_jsxs","_Fragment","_jsx","classNames","handleBasicClasses","prefix","isSorted","Icon","size","Size","xxs","mdiArrowUp","mdiArrowDown","displayName","defaultProps"],"mappings":"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"}

package/_internal/dfa00cf7.js

@@ -0,0 +1,35 @@
+import { useState, useEffect } from 'react';
+
+/**
+ * Convenient hook to create interaction observers.
+ *
+ * @param elements Elements to observe.
+ * @param options  IntersectionObserver options.
+ * @return Map of intersections.
+ */
+function useIntersectionObserver(elements, options) {
+  const [intersections, setIntersections] = useState(() => new Map());
+  useEffect(() => {
+    if (elements.length < 1 || !elements.some(Boolean)) {
+      return undefined;
+    }
+    const observer = new IntersectionObserver(entries => {
+      for (const entry of entries) {
+        intersections.set(entry.target, entry);
+      }
+      setIntersections(new Map(intersections));
+    }, options);
+    for (const element of elements) {
+      if (element) {
+        observer.observe(element);
+      }
+    }
+    return () => observer.disconnect();
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [...elements]);
+  return intersections;
+}
+
+export { useIntersectionObserver };
+//# sourceMappingURL=dfa00cf7.js.map

package/_internal/dfa00cf7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dfa00cf7.js","sources":["../../src/hooks/useIntersectionObserver.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport type Intersections<T> = Map<T, IntersectionObserverEntry>;\n\n/**\n * Convenient hook to create interaction observers.\n *\n * @param elements Elements to observe.\n * @param options  IntersectionObserver options.\n * @return Map of intersections.\n */\nexport function useIntersectionObserver<T extends Element>(\n    elements: Array<T | null | undefined>,\n    options?: IntersectionObserverInit,\n): Intersections<T> {\n    const [intersections, setIntersections] = useState<Intersections<T>>(() => new Map());\n\n    useEffect(\n        () => {\n            if (elements.length < 1 || !elements.some(Boolean)) {\n                return undefined;\n            }\n\n            const observer = new IntersectionObserver((entries) => {\n                for (const entry of entries) {\n                    intersections.set(entry.target as T, entry);\n                }\n                setIntersections(new Map(intersections));\n            }, options);\n\n            for (const element of elements) {\n                if (element) {\n                    observer.observe(element);\n                }\n            }\n            return () => observer.disconnect();\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [...elements],\n    );\n\n    return intersections;\n}\n"],"names":["useIntersectionObserver","elements","options","intersections","setIntersections","useState","Map","useEffect","length","some","Boolean","undefined","observer","IntersectionObserver","entries","entry","set","target","element","observe","disconnect"],"mappings":";;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,uBAAuBA,CACnCC,QAAqC,EACrCC,OAAkC,EAClB;AAChB,EAAA,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGC,QAAQ,CAAmB,MAAM,IAAIC,GAAG,EAAE,CAAC,CAAA;AAErFC,EAAAA,SAAS,CACL,MAAM;AACF,IAAA,IAAIN,QAAQ,CAACO,MAAM,GAAG,CAAC,IAAI,CAACP,QAAQ,CAACQ,IAAI,CAACC,OAAO,CAAC,EAAE;AAChD,MAAA,OAAOC,SAAS,CAAA;AACpB,KAAA;AAEA,IAAA,MAAMC,QAAQ,GAAG,IAAIC,oBAAoB,CAAEC,OAAO,IAAK;AACnD,MAAA,KAAK,MAAMC,KAAK,IAAID,OAAO,EAAE;QACzBX,aAAa,CAACa,GAAG,CAACD,KAAK,CAACE,MAAM,EAAOF,KAAK,CAAC,CAAA;AAC/C,OAAA;AACAX,MAAAA,gBAAgB,CAAC,IAAIE,GAAG,CAACH,aAAa,CAAC,CAAC,CAAA;KAC3C,EAAED,OAAO,CAAC,CAAA;AAEX,IAAA,KAAK,MAAMgB,OAAO,IAAIjB,QAAQ,EAAE;AAC5B,MAAA,IAAIiB,OAAO,EAAE;AACTN,QAAAA,QAAQ,CAACO,OAAO,CAACD,OAAO,CAAC,CAAA;AAC7B,OAAA;AACJ,KAAA;AACA,IAAA,OAAO,MAAMN,QAAQ,CAACQ,UAAU,EAAE,CAAA;GACrC;AACD;EACA,CAAC,GAAGnB,QAAQ,CAChB,CAAC,CAAA;AAED,EAAA,OAAOE,aAAa,CAAA;AACxB;;;;"}

package/_internal/e0398237.js

@@ -0,0 +1,130 @@
+import { createContext, useContext, useEffect, useMemo, useCallback } from 'react';
+import { useId } from './11687649.js';
+
+const INIT_STATE = {
+  isLazy: true,
+  shouldActivateOnFocus: false,
+  activeTabIndex: 0,
+  ids: {
+    tab: [],
+    tabPanel: []
+  }
+};
+const reducer = (state, action) => {
+  switch (action.type) {
+    case 'update':
+      return {
+        ...state,
+        ...action.payload
+      };
+    case 'setActiveTabIndex':
+      {
+        if (state.activeTabIndex === action.payload) {
+          return state;
+        }
+        // Change active tab index.
+        return {
+          ...state,
+          activeTabIndex: action.payload
+        };
+      }
+    case 'register':
+      {
+        const {
+          type,
+          id
+        } = action.payload;
+        // Append tab/tabPanel id in state.
+        return {
+          ...state,
+          ids: {
+            ...state.ids,
+            [type]: [...state.ids[type], id]
+          }
+        };
+      }
+    case 'unregister':
+      {
+        const {
+          type,
+          id
+        } = action.payload;
+        const index = state.ids[type].indexOf(id);
+        if (index === -1) return state;
+        // Remove tab & tab panel at index.
+        const tabIds = [...state.ids.tab];
+        tabIds.splice(index, 1);
+        const tabPanelIds = [...state.ids.tabPanel];
+        tabPanelIds.splice(index, 1);
+        return {
+          ...state,
+          ids: {
+            tab: tabIds,
+            tabPanel: tabPanelIds
+          }
+        };
+      }
+    default:
+      return state;
+  }
+};
+const TabProviderContext = /*#__PURE__*/createContext(null);
+/* eslint-disable react-hooks/rules-of-hooks */
+const useTabProviderContext = (type, originalId) => {
+  const context = useContext(TabProviderContext);
+  if (!context) {
+    return undefined;
+  }
+  const [state, dispatch] = context;
+
+  // Current tab or tab panel id.
+  const generatedId = useId();
+  const id = originalId || generatedId;
+  useEffect(() => {
+    // On mount: register tab or tab panel id.
+    dispatch({
+      type: 'register',
+      payload: {
+        type,
+        id
+      }
+    });
+    return () => {
+      // On unmount: unregister tab or tab panel id.
+      dispatch({
+        type: 'unregister',
+        payload: {
+          type,
+          id
+        }
+      });
+    };
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
+
+  // Find tab/tabPanel index using it's id.
+  const index = useMemo(() => state.ids[type].indexOf(id), [state.ids, type, id]);
+  const tabId = useMemo(() => state.ids.tab[index] || '', [state, index]);
+  const tabPanelId = useMemo(() => state.ids.tabPanel[index] || '', [state, index]);
+  const isActive = useMemo(() => state.activeTabIndex === index, [state, index]);
+  const changeToTab = useCallback(() => dispatch({
+    type: 'setActiveTabIndex',
+    payload: index
+  }), [dispatch, index]);
+  return {
+    isLazy: state.isLazy,
+    shouldActivateOnFocus: state.shouldActivateOnFocus,
+    tabId,
+    tabPanelId,
+    isActive,
+    changeToTab
+  };
+};
+const useTabProviderContextState = () => {
+  const context = useContext(TabProviderContext);
+  return context?.[0];
+};
+
+export { INIT_STATE, TabProviderContext, reducer, useTabProviderContext, useTabProviderContextState };
+//# sourceMappingURL=e0398237.js.map

package/_internal/e0398237.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"e0398237.js","sources":["../../src/components/tabs/state.ts"],"sourcesContent":["import { Dispatch, createContext, useCallback, useContext, useEffect, useMemo } from 'react';\nimport { useId } from '@lumx/react/hooks/useId';\n\ntype TabType = 'tab' | 'tabPanel';\n\nexport interface State {\n    isLazy: boolean;\n    shouldActivateOnFocus: boolean;\n    activeTabIndex: number;\n    ids: Record<TabType, string[]>;\n}\n\nexport const INIT_STATE: State = {\n    isLazy: true,\n    shouldActivateOnFocus: false,\n    activeTabIndex: 0,\n    ids: { tab: [], tabPanel: [] },\n};\n\nexport type Action =\n    | { type: 'update'; payload: Partial<State> }\n    | { type: 'setActiveTabIndex'; payload: number }\n    | { type: 'register'; payload: { type: TabType; id: string } }\n    | { type: 'unregister'; payload: { type: TabType; id: string } };\n\nexport const reducer = (state: State, action: Action): State => {\n    switch (action.type) {\n        case 'update':\n            return { ...state, ...action.payload };\n        case 'setActiveTabIndex': {\n            if (state.activeTabIndex === action.payload) {\n                return state;\n            }\n            // Change active tab index.\n            return { ...state, activeTabIndex: action.payload };\n        }\n        case 'register': {\n            const { type, id } = action.payload;\n            // Append tab/tabPanel id in state.\n            return { ...state, ids: { ...state.ids, [type]: [...state.ids[type], id] } };\n        }\n        case 'unregister': {\n            const { type, id } = action.payload;\n            const index = state.ids[type].indexOf(id);\n            if (index === -1) return state;\n            // Remove tab & tab panel at index.\n            const tabIds = [...state.ids.tab];\n            tabIds.splice(index, 1);\n            const tabPanelIds = [...state.ids.tabPanel];\n            tabPanelIds.splice(index, 1);\n            return {\n                ...state,\n                ids: { tab: tabIds, tabPanel: tabPanelIds },\n            };\n        }\n        default:\n            return state;\n    }\n};\n\nexport const TabProviderContext = createContext<[State, Dispatch<Action>] | null>(null);\n\nexport type TabState = Pick<Required<State>, 'isLazy' | 'shouldActivateOnFocus'> & {\n    isActive: boolean;\n    tabId: string;\n    tabPanelId: string;\n    changeToTab(): void;\n};\n\n/* eslint-disable react-hooks/rules-of-hooks */\nexport const useTabProviderContext = (type: TabType, originalId?: string): undefined | TabState => {\n    const context = useContext(TabProviderContext);\n    if (!context) {\n        return undefined;\n    }\n    const [state, dispatch] = context;\n\n    // Current tab or tab panel id.\n    const generatedId = useId();\n    const id = originalId || generatedId;\n\n    useEffect(\n        () => {\n            // On mount: register tab or tab panel id.\n            dispatch({ type: 'register', payload: { type, id } });\n            return () => {\n                // On unmount: unregister tab or tab panel id.\n                dispatch({ type: 'unregister', payload: { type, id } });\n            };\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    );\n\n    // Find tab/tabPanel index using it's id.\n    const index = useMemo(() => state.ids[type].indexOf(id), [state.ids, type, id]);\n    const tabId = useMemo(() => state.ids.tab[index] || '', [state, index]);\n    const tabPanelId = useMemo(() => state.ids.tabPanel[index] || '', [state, index]);\n    const isActive = useMemo(() => state.activeTabIndex === index, [state, index]);\n    const changeToTab = useCallback(() => dispatch({ type: 'setActiveTabIndex', payload: index }), [dispatch, index]);\n    return {\n        isLazy: state.isLazy,\n        shouldActivateOnFocus: state.shouldActivateOnFocus,\n        tabId,\n        tabPanelId,\n        isActive,\n        changeToTab,\n    };\n};\n\nexport const useTabProviderContextState = (): State | undefined => {\n    const context = useContext(TabProviderContext);\n    return context?.[0];\n};\n"],"names":["INIT_STATE","isLazy","shouldActivateOnFocus","activeTabIndex","ids","tab","tabPanel","reducer","state","action","type","payload","id","index","indexOf","tabIds","splice","tabPanelIds","TabProviderContext","createContext","useTabProviderContext","originalId","context","useContext","undefined","dispatch","generatedId","useId","useEffect","useMemo","tabId","tabPanelId","isActive","changeToTab","useCallback","useTabProviderContextState"],"mappings":"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"}

package/_internal/e142a98d.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+
+/**
+ * Simple ponyfill for Object.fromEntries
+ */
+
+var fromEntries = function fromEntries(entries) {
+  return entries.reduce(function (acc, _ref) {
+    var key = _ref[0],
+        value = _ref[1];
+    acc[key] = value;
+    return acc;
+  }, {});
+};
+/**
+ * Small wrapper around `useLayoutEffect` to get rid of the warning on SSR envs
+ */
+
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' && window.document && window.document.createElement ? React.useLayoutEffect : React.useEffect;
+
+export { fromEntries, useIsomorphicLayoutEffect };
+//# sourceMappingURL=e142a98d.js.map

package/_internal/e142a98d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"e142a98d.js","sources":["../../../../node_modules/react-popper/lib/esm/utils.js"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Takes an argument and if it's an array, returns the first item in the array,\n * otherwise returns the argument. Used for Preact compatibility.\n */\nexport var unwrapArray = function unwrapArray(arg) {\n  return Array.isArray(arg) ? arg[0] : arg;\n};\n/**\n * Takes a maybe-undefined function and arbitrary args and invokes the function\n * only if it is defined.\n */\n\nexport var safeInvoke = function safeInvoke(fn) {\n  if (typeof fn === 'function') {\n    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n      args[_key - 1] = arguments[_key];\n    }\n\n    return fn.apply(void 0, args);\n  }\n};\n/**\n * Sets a ref using either a ref callback or a ref object\n */\n\nexport var setRef = function setRef(ref, node) {\n  // if its a function call it\n  if (typeof ref === 'function') {\n    return safeInvoke(ref, node);\n  } // otherwise we should treat it as a ref object\n  else if (ref != null) {\n      ref.current = node;\n    }\n};\n/**\n * Simple ponyfill for Object.fromEntries\n */\n\nexport var fromEntries = function fromEntries(entries) {\n  return entries.reduce(function (acc, _ref) {\n    var key = _ref[0],\n        value = _ref[1];\n    acc[key] = value;\n    return acc;\n  }, {});\n};\n/**\n * Small wrapper around `useLayoutEffect` to get rid of the warning on SSR envs\n */\n\nexport var useIsomorphicLayoutEffect = typeof window !== 'undefined' && window.document && window.document.createElement ? React.useLayoutEffect : React.useEffect;"],"names":[],"mappings":";;AAoCA;AACA;AACA;AACA;AACU,IAAC,WAAW,GAAG,SAAS,WAAW,CAAC,OAAO,EAAE;AACvD,EAAE,OAAO,OAAO,CAAC,MAAM,CAAC,UAAU,GAAG,EAAE,IAAI,EAAE;AAC7C,IAAI,IAAI,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC;AACrB,QAAQ,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AACxB,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AACrB,IAAI,OAAO,GAAG,CAAC;AACf,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE;AACF;AACA;AACA;AACA;AACU,IAAC,yBAAyB,GAAG,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,aAAa,GAAG,KAAK,CAAC,eAAe,GAAG,KAAK,CAAC;;;;","x_google_ignoreList":[0]}

package/_internal/e429bd82.js

@@ -0,0 +1,12 @@
+/**
+ * Add a number of months from a date while resetting the day to prevent month length mismatches.
+ */
+function addMonthResetDay(date, monthOffset) {
+  const newDate = new Date(date.getTime());
+  newDate.setDate(1);
+  newDate.setMonth(date.getMonth() + monthOffset);
+  return newDate;
+}
+
+export { addMonthResetDay };
+//# sourceMappingURL=e429bd82.js.map

package/_internal/e429bd82.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"e429bd82.js","sources":["../../src/utils/date/addMonthResetDay.ts"],"sourcesContent":["/**\n * Add a number of months from a date while resetting the day to prevent month length mismatches.\n */\nexport function addMonthResetDay(date: Date, monthOffset: number) {\n    const newDate = new Date(date.getTime());\n    newDate.setDate(1);\n    newDate.setMonth(date.getMonth() + monthOffset);\n    return newDate;\n}\n"],"names":["addMonthResetDay","date","monthOffset","newDate","Date","getTime","setDate","setMonth","getMonth"],"mappings":"AAAA;AACA;AACA;AACO,SAASA,gBAAgBA,CAACC,IAAU,EAAEC,WAAmB,EAAE;EAC9D,MAAMC,OAAO,GAAG,IAAIC,IAAI,CAACH,IAAI,CAACI,OAAO,EAAE,CAAC,CAAA;AACxCF,EAAAA,OAAO,CAACG,OAAO,CAAC,CAAC,CAAC,CAAA;EAClBH,OAAO,CAACI,QAAQ,CAACN,IAAI,CAACO,QAAQ,EAAE,GAAGN,WAAW,CAAC,CAAA;AAC/C,EAAA,OAAOC,OAAO,CAAA;AAClB;;;;"}

package/_internal/e47dacb8.js

@@ -0,0 +1,4 @@
+const mdiCheckCircle = 'M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z';
+
+export { mdiCheckCircle };
+//# sourceMappingURL=e47dacb8.js.map

package/_internal/e47dacb8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"e47dacb8.js","sources":["../../../lumx-icons/dist/esm/check-circle.js"],"sourcesContent":["export const mdiCheckCircle = 'M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z';"],"names":["mdiCheckCircle"],"mappings":"AAAO,MAAMA,cAAc,GAAG;;;;"}

package/_internal/e4a199c0.js

@@ -0,0 +1,20 @@
+import { __module as reactIs } from './3f54fe9e.js';
+import { __require as requireReactIs_production_min } from './eea52073.js';
+import { __require as requireReactIs_development } from './612b7365.js';
+
+var hasRequiredReactIs;
+
+function requireReactIs () {
+	if (hasRequiredReactIs) return reactIs.exports;
+	hasRequiredReactIs = 1;
+
+	if (process.env.NODE_ENV === 'production') {
+	  reactIs.exports = requireReactIs_production_min();
+	} else {
+	  reactIs.exports = requireReactIs_development();
+	}
+	return reactIs.exports;
+}
+
+export { requireReactIs as __require };
+//# sourceMappingURL=e4a199c0.js.map

package/_internal/e4a199c0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"e4a199c0.js","sources":["../../../../node_modules/react-is/index.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-is.production.min.js');\n} else {\n  module.exports = require('./cjs/react-is.development.js');\n}\n"],"names":["reactIsModule","require$$0","require$$1"],"mappings":";;;;;;;;;;AAEA,CAAA,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;GACzCA,OAAA,CAAA,OAAc,GAAGC,6BAA2C,EAAA,CAAA;AAC9D,EAAC,MAAM;GACLD,OAAA,CAAA,OAAc,GAAGE,0BAAwC,EAAA,CAAA;AAC3D,EAAA;;;;;;","x_google_ignoreList":[0]}

package/_internal/e50f2a75.js

@@ -0,0 +1,27 @@
+/**
+ * Autoplay default interval in ms.
+ */
+const AUTOPLAY_DEFAULT_INTERVAL = 5000;
+
+/**
+ * Full width size in percent.
+ */
+const FULL_WIDTH_PERCENT = 100;
+
+/**
+ * Edge from the active index.
+ */
+const EDGE_FROM_ACTIVE_INDEX = 2;
+
+/**
+ * Max number of pagination items.
+ */
+const PAGINATION_ITEMS_MAX = 5;
+
+/**
+ * Size of a pagination item. Used to translate wrapper.
+ */
+const PAGINATION_ITEM_SIZE = 12;
+
+export { AUTOPLAY_DEFAULT_INTERVAL, EDGE_FROM_ACTIVE_INDEX, FULL_WIDTH_PERCENT, PAGINATION_ITEMS_MAX, PAGINATION_ITEM_SIZE };
+//# sourceMappingURL=e50f2a75.js.map

package/_internal/e50f2a75.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"e50f2a75.js","sources":["../../src/components/slideshow/constants.ts"],"sourcesContent":["/**\n * Autoplay default interval in ms.\n */\nexport const AUTOPLAY_DEFAULT_INTERVAL = 5000;\n\n/**\n * Full width size in percent.\n */\nexport const FULL_WIDTH_PERCENT = 100;\n\n/**\n * Edge from the active index.\n */\nexport const EDGE_FROM_ACTIVE_INDEX = 2;\n\n/**\n * Max number of pagination items.\n */\nexport const PAGINATION_ITEMS_MAX = 5;\n\n/**\n * Size of a pagination item. Used to translate wrapper.\n */\nexport const PAGINATION_ITEM_SIZE = 12;\n"],"names":["AUTOPLAY_DEFAULT_INTERVAL","FULL_WIDTH_PERCENT","EDGE_FROM_ACTIVE_INDEX","PAGINATION_ITEMS_MAX","PAGINATION_ITEM_SIZE"],"mappings":"AAAA;AACA;AACA;AACO,MAAMA,yBAAyB,GAAG,KAAI;;AAE7C;AACA;AACA;AACO,MAAMC,kBAAkB,GAAG,IAAG;;AAErC;AACA;AACA;AACO,MAAMC,sBAAsB,GAAG,EAAC;;AAEvC;AACA;AACA;AACO,MAAMC,oBAAoB,GAAG,EAAC;;AAErC;AACA;AACA;AACO,MAAMC,oBAAoB,GAAG;;;;"}

package/_internal/e5657997.js

@@ -0,0 +1,130 @@
+import React__default from 'react';
+import { DEFAULT_OPTIONS } from './1c1cdfa2.js';
+import { useFocusWithin } from './9976fe9a.js';
+import { mergeRefs } from './27df0cb6.js';
+import { useTheme } from './d8ee966d.js';
+import { forwardRef } from './bd8b3ec8.js';
+import { buildSlideShowGroupId } from './81a6a29a.js';
+import { jsx } from 'react/jsx-runtime';
+import { Theme } from '@lumx/core/js/constants';
+import { SlideshowControls } from './1d7267a1.js';
+import { Slides } from './e8e4d09e.js';
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = DEFAULT_OPTIONS;
+
+/**
+ * Slideshow component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Slideshow = forwardRef((props, ref) => {
+  const defaultTheme = useTheme() || Theme.light;
+  const {
+    activeIndex,
+    autoPlay = DEFAULT_PROPS.autoPlay,
+    children,
+    className,
+    fillHeight,
+    groupBy = DEFAULT_OPTIONS.groupBy,
+    interval = DEFAULT_PROPS.interval,
+    onChange,
+    slideshowControlsProps,
+    theme = defaultTheme,
+    id,
+    slidesId,
+    slideGroupLabel,
+    ...forwardedProps
+  } = props;
+  // Number of slideshow items.
+  const itemsCount = React__default.Children.count(children);
+  const {
+    activeIndex: currentIndex,
+    slideshowId,
+    setSlideshow,
+    isAutoPlaying,
+    slideshowSlidesId,
+    slidesCount,
+    onNextClick,
+    onPaginationClick,
+    onPreviousClick,
+    slideshow,
+    stopAutoPlay,
+    startAutoPlay,
+    toggleAutoPlay,
+    toggleForcePause
+  } = SlideshowControls.useSlideshowControls({
+    activeIndex,
+    defaultActiveIndex: DEFAULT_PROPS.activeIndex,
+    autoPlay: Boolean(autoPlay),
+    itemsCount,
+    groupBy,
+    id,
+    interval,
+    onChange,
+    slidesId
+  });
+  useFocusWithin({
+    element: slideshow,
+    onFocusIn: stopAutoPlay,
+    onFocusOut: startAutoPlay
+  });
+  const showControls = slideshowControlsProps && slidesCount > 1;
+  return /*#__PURE__*/jsx(Slides, {
+    activeIndex: currentIndex,
+    id: slideshowId,
+    className: className,
+    theme: theme,
+    fillHeight: fillHeight,
+    groupBy: groupBy,
+    isAutoPlaying: isAutoPlaying,
+    autoPlay: autoPlay,
+    slidesId: slideshowSlidesId,
+    toggleAutoPlay: toggleAutoPlay,
+    ref: mergeRefs(ref, setSlideshow),
+    hasControls: showControls,
+    slideGroupLabel: slideGroupLabel,
+    afterSlides: slideshowControlsProps && slidesCount > 1 ? /*#__PURE__*/jsx("div", {
+      className: `${Slides.className}__controls`,
+      children: /*#__PURE__*/jsx(SlideshowControls, {
+        ...slideshowControlsProps,
+        activeIndex: currentIndex,
+        onPaginationClick: onPaginationClick,
+        onNextClick: onNextClick,
+        onPreviousClick: onPreviousClick,
+        slidesCount: slidesCount,
+        parentRef: slideshow,
+        theme: theme,
+        isAutoPlaying: isAutoPlaying,
+        nextButtonProps: {
+          'aria-controls': slideshowSlidesId,
+          ...slideshowControlsProps.nextButtonProps
+        },
+        previousButtonProps: {
+          'aria-controls': slideshowSlidesId,
+          ...slideshowControlsProps.previousButtonProps
+        },
+        playButtonProps: autoPlay ? {
+          'aria-controls': slideshowSlidesId,
+          onClick: toggleForcePause,
+          ...slideshowControlsProps.playButtonProps
+        } : undefined,
+        paginationItemProps: index => ({
+          'aria-controls': buildSlideShowGroupId(slideshowSlidesId, index),
+          ...slideshowControlsProps.paginationItemProps?.(index)
+        })
+      })
+    }) : undefined,
+    ...forwardedProps,
+    children: children
+  });
+});
+Slideshow.displayName = 'Slideshow';
+Slideshow.defaultProps = DEFAULT_PROPS;
+
+export { Slideshow };
+//# sourceMappingURL=e5657997.js.map

package/_internal/e5657997.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"e5657997.js","sources":["../../src/components/slideshow/Slideshow.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SlideshowControls, SlideshowControlsProps, Theme, Slides, SlidesProps } from '@lumx/react';\nimport { DEFAULT_OPTIONS } from '@lumx/react/hooks/useSlideshowControls';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { useFocusWithin } from '@lumx/react/hooks/useFocusWithin';\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { buildSlideShowGroupId } from './SlideshowItemGroup';\n\n/**\n * Defines the props of the component.\n */\nexport interface SlideshowProps\n    extends GenericProps,\n        Pick<SlidesProps, 'autoPlay' | 'slidesId' | 'id' | 'theme' | 'fillHeight' | 'groupBy' | 'slideGroupLabel'> {\n    /** current slide active */\n    activeIndex?: SlidesProps['activeIndex'];\n    /** Interval between each slide when automatic rotation is enabled. */\n    interval?: number;\n    /** Props to pass to the slideshow controls (minus those already set by the Slideshow props). */\n    slideshowControlsProps?: Pick<\n        SlideshowControlsProps,\n        'nextButtonProps' | 'previousButtonProps' | 'paginationItemProps'\n    > &\n        Omit<\n            SlideshowControlsProps,\n            | 'activeIndex'\n            | 'onPaginationClick'\n            | 'onNextClick'\n            | 'onPreviousClick'\n            | 'slidesCount'\n            | 'parentRef'\n            | 'theme'\n        >;\n    /** Callback when slide changes */\n    onChange?(index: number): void;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<SlideshowProps> = DEFAULT_OPTIONS;\n\n/**\n * Slideshow component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Slideshow = forwardRef<SlideshowProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        activeIndex,\n        autoPlay = DEFAULT_PROPS.autoPlay,\n        children,\n        className,\n        fillHeight,\n        groupBy = DEFAULT_OPTIONS.groupBy,\n        interval = DEFAULT_PROPS.interval,\n        onChange,\n        slideshowControlsProps,\n        theme = defaultTheme,\n        id,\n        slidesId,\n        slideGroupLabel,\n        ...forwardedProps\n    } = props;\n    // Number of slideshow items.\n    const itemsCount = React.Children.count(children);\n\n    const {\n        activeIndex: currentIndex,\n        slideshowId,\n        setSlideshow,\n        isAutoPlaying,\n        slideshowSlidesId,\n        slidesCount,\n        onNextClick,\n        onPaginationClick,\n        onPreviousClick,\n        slideshow,\n        stopAutoPlay,\n        startAutoPlay,\n        toggleAutoPlay,\n        toggleForcePause,\n    } = SlideshowControls.useSlideshowControls({\n        activeIndex,\n        defaultActiveIndex: DEFAULT_PROPS.activeIndex as number,\n        autoPlay: Boolean(autoPlay),\n        itemsCount,\n        groupBy,\n        id,\n        interval,\n        onChange,\n        slidesId,\n    });\n\n    useFocusWithin({\n        element: slideshow,\n        onFocusIn: stopAutoPlay,\n        onFocusOut: startAutoPlay,\n    });\n\n    const showControls = slideshowControlsProps && slidesCount > 1;\n\n    return (\n        <Slides\n            activeIndex={currentIndex}\n            id={slideshowId}\n            className={className}\n            theme={theme}\n            fillHeight={fillHeight}\n            groupBy={groupBy}\n            isAutoPlaying={isAutoPlaying}\n            autoPlay={autoPlay}\n            slidesId={slideshowSlidesId}\n            toggleAutoPlay={toggleAutoPlay}\n            ref={mergeRefs(ref, setSlideshow)}\n            hasControls={showControls}\n            slideGroupLabel={slideGroupLabel}\n            afterSlides={\n                slideshowControlsProps && slidesCount > 1 ? (\n                    <div className={`${Slides.className}__controls`}>\n                        <SlideshowControls\n                            {...slideshowControlsProps}\n                            activeIndex={currentIndex}\n                            onPaginationClick={onPaginationClick}\n                            onNextClick={onNextClick}\n                            onPreviousClick={onPreviousClick}\n                            slidesCount={slidesCount}\n                            parentRef={slideshow}\n                            theme={theme}\n                            isAutoPlaying={isAutoPlaying}\n                            nextButtonProps={{\n                                'aria-controls': slideshowSlidesId,\n                                ...slideshowControlsProps.nextButtonProps,\n                            }}\n                            previousButtonProps={{\n                                'aria-controls': slideshowSlidesId,\n                                ...slideshowControlsProps.previousButtonProps,\n                            }}\n                            playButtonProps={\n                                autoPlay\n                                    ? {\n                                          'aria-controls': slideshowSlidesId,\n                                          onClick: toggleForcePause,\n                                          ...slideshowControlsProps.playButtonProps,\n                                      }\n                                    : undefined\n                            }\n                            paginationItemProps={(index) => ({\n                                'aria-controls': buildSlideShowGroupId(slideshowSlidesId, index),\n                                ...slideshowControlsProps.paginationItemProps?.(index),\n                            })}\n                        />\n                    </div>\n                ) : undefined\n            }\n            {...forwardedProps}\n        >\n            {children}\n        </Slides>\n    );\n});\n\nSlideshow.displayName = 'Slideshow';\nSlideshow.defaultProps = DEFAULT_PROPS;\n"],"names":["DEFAULT_PROPS","DEFAULT_OPTIONS","Slideshow","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","activeIndex","autoPlay","children","className","fillHeight","groupBy","interval","onChange","slideshowControlsProps","theme","id","slidesId","slideGroupLabel","forwardedProps","itemsCount","React","Children","count","currentIndex","slideshowId","setSlideshow","isAutoPlaying","slideshowSlidesId","slidesCount","onNextClick","onPaginationClick","onPreviousClick","slideshow","stopAutoPlay","startAutoPlay","toggleAutoPlay","toggleForcePause","SlideshowControls","useSlideshowControls","defaultActiveIndex","Boolean","useFocusWithin","element","onFocusIn","onFocusOut","showControls","_jsx","Slides","mergeRefs","hasControls","afterSlides","parentRef","nextButtonProps","previousButtonProps","playButtonProps","onClick","undefined","paginationItemProps","index","buildSlideShowGroupId","displayName","defaultProps"],"mappings":"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"}

package/_internal/e7aa44d1.js

@@ -0,0 +1,13 @@
+// Returns the layout rect of an element relative to its offsetParent. Layout
+// means it doesn't take into account transforms.
+function getLayoutRect(element) {
+  return {
+    x: element.offsetLeft,
+    y: element.offsetTop,
+    width: element.offsetWidth,
+    height: element.offsetHeight
+  };
+}
+
+export { getLayoutRect as default };
+//# sourceMappingURL=e7aa44d1.js.map

package/_internal/e7aa44d1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"e7aa44d1.js","sources":["../../../../node_modules/@popperjs/core/lib/dom-utils/getLayoutRect.js"],"sourcesContent":["// Returns the layout rect of an element relative to its offsetParent. Layout\n// means it doesn't take into account transforms.\nexport default function getLayoutRect(element) {\n  return {\n    x: element.offsetLeft,\n    y: element.offsetTop,\n    width: element.offsetWidth,\n    height: element.offsetHeight\n  };\n}"],"names":[],"mappings":"AAAA;AACA;AACe,SAAS,aAAa,CAAC,OAAO,EAAE;AAC/C,EAAE,OAAO;AACT,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU;AACzB,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS;AACxB,IAAI,KAAK,EAAE,OAAO,CAAC,WAAW;AAC9B,IAAI,MAAM,EAAE,OAAO,CAAC,YAAY;AAChC,GAAG,CAAC;AACJ;;;;","x_google_ignoreList":[0]}

package/_internal/e8e4d09e.js

@@ -0,0 +1,95 @@
+import React__default, { Children } from 'react';
+import chunk from 'lodash/chunk';
+import classNames from 'classnames';
+import { FULL_WIDTH_PERCENT } from './e50f2a75.js';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { useTheme } from './d8ee966d.js';
+import { forwardRef } from './bd8b3ec8.js';
+import { SlideshowItemGroup, buildSlideShowGroupId } from './81a6a29a.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'Slideshow';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Slides component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Slides = forwardRef((props, ref) => {
+  const defaultTheme = useTheme();
+  const {
+    activeIndex,
+    id,
+    className,
+    theme = defaultTheme,
+    fillHeight,
+    groupBy,
+    isAutoPlaying,
+    toggleAutoPlay,
+    slidesId,
+    children,
+    afterSlides,
+    hasControls,
+    slideGroupLabel,
+    ...forwardedProps
+  } = props;
+  const wrapperRef = React__default.useRef(null);
+  const startIndexVisible = activeIndex;
+  const endIndexVisible = startIndexVisible + 1;
+
+  // Inline style of wrapper element.
+  const wrapperStyle = {
+    transform: `translateX(-${FULL_WIDTH_PERCENT * activeIndex}%)`
+  };
+  const groups = React__default.useMemo(() => {
+    const childrenArray = Children.toArray(children);
+    return groupBy && groupBy > 1 ? chunk(childrenArray, groupBy) : childrenArray;
+  }, [children, groupBy]);
+  return /*#__PURE__*/jsxs("section", {
+    id: id,
+    ref: ref,
+    ...forwardedProps,
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      theme
+    }), {
+      [`${CLASSNAME}--fill-height`]: fillHeight,
+      [`${CLASSNAME}--group-by-${groupBy}`]: Boolean(groupBy)
+    }),
+    "aria-roledescription": "carousel",
+    children: [/*#__PURE__*/jsx("div", {
+      id: slidesId,
+      className: `${CLASSNAME}__slides`,
+      onMouseEnter: toggleAutoPlay,
+      onMouseLeave: toggleAutoPlay,
+      "aria-live": isAutoPlaying ? 'off' : 'polite',
+      children: /*#__PURE__*/jsx("div", {
+        ref: wrapperRef,
+        className: `${CLASSNAME}__wrapper`,
+        style: wrapperStyle,
+        children: groups.map((group, index) => /*#__PURE__*/jsx(SlideshowItemGroup, {
+          id: slidesId && buildSlideShowGroupId(slidesId, index),
+          role: hasControls ? 'tabpanel' : 'group',
+          label: slideGroupLabel ? slideGroupLabel(index + 1, groups.length) : undefined,
+          isDisplayed: index >= startIndexVisible && index < endIndexVisible,
+          children: group
+        }, index))
+      })
+    }), afterSlides]
+  });
+});
+Slides.displayName = COMPONENT_NAME;
+Slides.className = CLASSNAME;
+
+export { Slides };
+//# sourceMappingURL=e8e4d09e.js.map

package/_internal/e8e4d09e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"e8e4d09e.js","sources":["../../src/components/slideshow/Slides.tsx"],"sourcesContent":["import React, { Children, CSSProperties } from 'react';\n\nimport chunk from 'lodash/chunk';\nimport classNames from 'classnames';\n\nimport { FULL_WIDTH_PERCENT } from '@lumx/react/components/slideshow/constants';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { buildSlideShowGroupId, SlideshowItemGroup } from './SlideshowItemGroup';\n\nexport interface SlidesProps extends GenericProps, HasTheme {\n    /** current slide active */\n    activeIndex: number;\n    /** slides id to be added to the wrapper */\n    id?: string;\n    /** Whether the automatic rotation of the slideshow is enabled or not. */\n    autoPlay?: boolean;\n    /** Whether the image has to fill its container height or not. */\n    fillHeight?: boolean;\n    /** Number of slides to group together. */\n    groupBy?: number;\n    /** whether the slides are currently playing or not */\n    isAutoPlaying?: boolean;\n    /** id to be passed in into the slides */\n    slidesId?: string;\n    /** callback to change whether the slideshow is playing or not */\n    toggleAutoPlay: () => void;\n    /** component to be rendered after the slides */\n    afterSlides?: React.ReactNode;\n    /** Whether the slides have controls linked */\n    hasControls?: boolean;\n    /**\n     * Accessible label to set on a slide group.\n     * Receives the group position starting from 1 and the total number of groups.\n     * */\n    slideGroupLabel?: (groupPosition: number, groupTotal: number) => string;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Slideshow';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Slides component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Slides = forwardRef<SlidesProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme();\n    const {\n        activeIndex,\n        id,\n        className,\n        theme = defaultTheme,\n        fillHeight,\n        groupBy,\n        isAutoPlaying,\n        toggleAutoPlay,\n        slidesId,\n        children,\n        afterSlides,\n        hasControls,\n        slideGroupLabel,\n        ...forwardedProps\n    } = props;\n    const wrapperRef = React.useRef<HTMLDivElement>(null);\n    const startIndexVisible = activeIndex;\n    const endIndexVisible = startIndexVisible + 1;\n\n    // Inline style of wrapper element.\n    const wrapperStyle: CSSProperties = { transform: `translateX(-${FULL_WIDTH_PERCENT * activeIndex}%)` };\n\n    const groups = React.useMemo(() => {\n        const childrenArray = Children.toArray(children);\n        return groupBy && groupBy > 1 ? chunk(childrenArray, groupBy) : childrenArray;\n    }, [children, groupBy]);\n\n    return (\n        <section\n            id={id}\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme }), {\n                [`${CLASSNAME}--fill-height`]: fillHeight,\n                [`${CLASSNAME}--group-by-${groupBy}`]: Boolean(groupBy),\n            })}\n            aria-roledescription=\"carousel\"\n        >\n            <div\n                id={slidesId}\n                className={`${CLASSNAME}__slides`}\n                onMouseEnter={toggleAutoPlay}\n                onMouseLeave={toggleAutoPlay}\n                aria-live={isAutoPlaying ? 'off' : 'polite'}\n            >\n                <div ref={wrapperRef} className={`${CLASSNAME}__wrapper`} style={wrapperStyle}>\n                    {groups.map((group, index) => (\n                        <SlideshowItemGroup\n                            key={index}\n                            id={slidesId && buildSlideShowGroupId(slidesId, index)}\n                            role={hasControls ? 'tabpanel' : 'group'}\n                            label={slideGroupLabel ? slideGroupLabel(index + 1, groups.length) : undefined}\n                            isDisplayed={index >= startIndexVisible && index < endIndexVisible}\n                        >\n                            {group}\n                        </SlideshowItemGroup>\n                    ))}\n                </div>\n            </div>\n\n            {afterSlides}\n        </section>\n    );\n});\n\nSlides.displayName = COMPONENT_NAME;\nSlides.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","Slides","forwardRef","props","ref","defaultTheme","useTheme","activeIndex","id","className","theme","fillHeight","groupBy","isAutoPlaying","toggleAutoPlay","slidesId","children","afterSlides","hasControls","slideGroupLabel","forwardedProps","wrapperRef","React","useRef","startIndexVisible","endIndexVisible","wrapperStyle","transform","FULL_WIDTH_PERCENT","groups","useMemo","childrenArray","Children","toArray","chunk","_jsxs","classNames","handleBasicClasses","prefix","Boolean","_jsx","onMouseEnter","onMouseLeave","style","map","group","index","SlideshowItemGroup","buildSlideShowGroupId","role","label","length","undefined","isDisplayed","displayName"],"mappings":"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"}