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

package/_internal/packages/lumx-react/src/utils/react/flattenChildren-f25e4a2f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flattenChildren-f25e4a2f.js","sources":["../../../../../../../src/utils/react/flattenChildren.ts"],"sourcesContent":["import get from 'lodash/get';\nimport { Children, Key, ReactChild, ReactNode, cloneElement, isValidElement } from 'react';\nimport { isFragment } from 'react-is';\n\n/**\n * Flatten list of react nodes removing fragments and adding keys.\n * based on: https://github.com/grrowl/react-keyed-flatten-children/blob/5d421644a449765ddd62b659946196b4b5d7b135/index.ts\n *\n * @param  children React nodes to flatten.\n * @return Flattened react nodes.\n * @deprecated This function was used to develop keyboard navigation in the List component,\n *    but we will replace this with a better method that does not require to hack the children inspection\n *\n * TODO: remove List keyboard navigation once we have provided alternative component (Menu, Combobox, etc.),\n *       remove this function and then remove react-is from the dependencies\n */\nexport function flattenChildren(children: ReactNode) {\n    function recur(nodes: ReactNode, keys: Key[] = []) {\n        return Children.toArray(nodes).reduce((acc: ReactChild[], node, index) => {\n            const nodeKeys = keys.concat(get(node, 'key') ?? index);\n            if (isFragment(node)) {\n                acc.push(...recur(node.props.children, nodeKeys));\n            } else if (isValidElement(node)) {\n                acc.push(cloneElement(node, { key: nodeKeys.join('.') }));\n            } else if (typeof node === 'string' || typeof node === 'number') {\n                acc.push(node);\n            }\n            return acc;\n        }, []);\n    }\n    return recur(children);\n}\n"],"names":["flattenChildren","children","recur","nodes","keys","Children","toArray","reduce","acc","node","index","nodeKeys","concat","get","isFragment","push","props","isValidElement","cloneElement","key","join"],"mappings":";;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,eAAeA,CAACC,QAAmB,EAAE;AACjD,EAAA,SAASC,KAAKA,CAACC,KAAgB,EAAEC,IAAW,GAAG,EAAE,EAAE;AAC/C,IAAA,OAAOC,QAAQ,CAACC,OAAO,CAACH,KAAK,CAAC,CAACI,MAAM,CAAC,CAACC,GAAiB,EAAEC,IAAI,EAAEC,KAAK,KAAK;AACtE,MAAA,MAAMC,QAAQ,GAAGP,IAAI,CAACQ,MAAM,CAACC,GAAG,CAACJ,IAAI,EAAE,KAAK,CAAC,IAAIC,KAAK,CAAC,CAAA;AACvD,MAAA,IAAII,yBAAU,CAACL,IAAI,CAAC,EAAE;AAClBD,QAAAA,GAAG,CAACO,IAAI,CAAC,GAAGb,KAAK,CAACO,IAAI,CAACO,KAAK,CAACf,QAAQ,EAAEU,QAAQ,CAAC,CAAC,CAAA;AACrD,OAAC,MAAM,iBAAIM,cAAc,CAACR,IAAI,CAAC,EAAE;AAC7BD,QAAAA,GAAG,CAACO,IAAI,cAACG,YAAY,CAACT,IAAI,EAAE;AAAEU,UAAAA,GAAG,EAAER,QAAQ,CAACS,IAAI,CAAC,GAAG,CAAA;AAAE,SAAC,CAAC,CAAC,CAAA;OAC5D,MAAM,IAAI,OAAOX,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;AAC7DD,QAAAA,GAAG,CAACO,IAAI,CAACN,IAAI,CAAC,CAAA;AAClB,OAAA;AACA,MAAA,OAAOD,GAAG,CAAA;KACb,EAAE,EAAE,CAAC,CAAA;AACV,GAAA;EACA,OAAON,KAAK,CAACD,QAAQ,CAAC,CAAA;AAC1B;;;;"}

package/_internal/{forwardRef-8bce732e.js → packages/lumx-react/src/utils/react/forwardRef-bd8b3ec8.js}

@@ -5,5 +5,5 @@ import React__default from 'react';
  */
 const forwardRef = React__default.forwardRef;
 
-export { forwardRef as f };
-//# sourceMappingURL=forwardRef-8bce732e.js.map
+export { forwardRef };
+//# sourceMappingURL=forwardRef-bd8b3ec8.js.map

package/_internal/packages/lumx-react/src/utils/react/forwardRef-bd8b3ec8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forwardRef-bd8b3ec8.js","sources":["../../../../../../../src/utils/react/forwardRef.ts"],"sourcesContent":["import React, { type ReactNode, type ForwardedRef } from 'react';\nimport type { Comp } from '../type';\n\ntype ForwardRef = <P, T = HTMLElement, A = unknown>(\n    render: (props: P, ref: ForwardedRef<T>) => ReactNode,\n) => Comp<P, T> & A;\n\n/**\n * React.forwardRef but re-typed to attach some custom metadata on our components.\n */\nexport const forwardRef = React.forwardRef as ForwardRef;\n"],"names":["forwardRef","React"],"mappings":";;AAOA;AACA;AACA;AACaA,MAAAA,UAAU,GAAGC,cAAK,CAACD;;;;"}

package/_internal/packages/lumx-react/src/utils/react/forwardRefPolymorphic-ebd44733.js

@@ -0,0 +1,7 @@
+import React__default from 'react';
+
+/** Same as `React.forwardRef` but inferring Ref type from the `as` prop. */
+const forwardRefPolymorphic = React__default.forwardRef;
+
+export { forwardRefPolymorphic };
+//# sourceMappingURL=forwardRefPolymorphic-ebd44733.js.map

package/_internal/packages/lumx-react/src/utils/react/forwardRefPolymorphic-ebd44733.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forwardRefPolymorphic-ebd44733.js","sources":["../../../../../../../src/utils/react/forwardRefPolymorphic.ts"],"sourcesContent":["import React, { type ElementType } from 'react';\nimport type { ComponentRef } from '@lumx/react/utils/type';\n\ntype ForwardRefPolymorphic = <E extends ElementType, P extends { as?: E }>(\n    render: (props: P, ref: ComponentRef<E>) => React.ReactNode,\n) => (props: P & React.ComponentProps<E> & { ref?: ComponentRef<E> }) => React.JSX.Element;\n\n/** Same as `React.forwardRef` but inferring Ref type from the `as` prop. */\nexport const forwardRefPolymorphic = React.forwardRef as ForwardRefPolymorphic;\n"],"names":["forwardRefPolymorphic","React","forwardRef"],"mappings":";;AAOA;AACaA,MAAAA,qBAAqB,GAAGC,cAAK,CAACC;;;;"}

package/_internal/{mergeRefs-f0d7d6ea.js → packages/lumx-react/src/utils/react/mergeRefs-27df0cb6.js}

@@ -26,5 +26,5 @@ const useMergeRefs = (...refs) => {
   refs);
 };
 
-export { mergeRefs as m, useMergeRefs as u };
-//# sourceMappingURL=mergeRefs-f0d7d6ea.js.map
+export { mergeRefs, useMergeRefs };
+//# sourceMappingURL=mergeRefs-27df0cb6.js.map

package/_internal/packages/lumx-react/src/utils/react/mergeRefs-27df0cb6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeRefs-27df0cb6.js","sources":["../../../../../../../src/utils/react/mergeRefs.ts"],"sourcesContent":["import { Falsy } from '@lumx/react/utils/type';\nimport { MutableRefObject, useMemo } from 'react';\n\ntype FnRef<T> = (value: T) => void;\n\n/**\n * Merge refs into a single function ref.\n *\n * @param  refs React references to merge.\n * @return the merged ref.\n */\nexport function mergeRefs<T>(...refs: Array<MutableRefObject<T | null> | FnRef<T> | Falsy>): FnRef<T> {\n    return (value) =>\n        refs.forEach((ref) => {\n            if (typeof ref === 'function') {\n                ref(value);\n            } else if (ref) {\n                // eslint-disable-next-line no-param-reassign\n                (ref as MutableRefObject<T>).current = value;\n            }\n        });\n}\n\n/**\n * Same as `mergeRefs` but memoized\n */\nexport const useMergeRefs = <T>(...refs: Array<MutableRefObject<T | null> | FnRef<T> | Falsy>) => {\n    return useMemo(\n        () => mergeRefs(...refs),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        refs,\n    );\n};\n"],"names":["mergeRefs","refs","value","forEach","ref","current","useMergeRefs","useMemo"],"mappings":";;AAKA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,SAASA,CAAI,GAAGC,IAA0D,EAAY;AAClG,EAAA,OAAQC,KAAK,IACTD,IAAI,CAACE,OAAO,CAAEC,GAAG,IAAK;AAClB,IAAA,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC3BA,GAAG,CAACF,KAAK,CAAC,CAAA;KACb,MAAM,IAAIE,GAAG,EAAE;AACZ;MACCA,GAAG,CAAyBC,OAAO,GAAGH,KAAK,CAAA;AAChD,KAAA;AACJ,GAAC,CAAC,CAAA;AACV,CAAA;;AAEA;AACA;AACA;MACaI,YAAY,GAAGA,CAAI,GAAGL,IAA0D,KAAK;AAC9F,EAAA,OAAOM,OAAO,CACV,MAAMP,SAAS,CAAC,GAAGC,IAAI,CAAC;AACxB;AACAA,EAAAA,IACJ,CAAC,CAAA;AACL;;;;"}

package/_internal/packages/lumx-react/src/utils/react/renderLink-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=renderLink-09d97180.js.map

package/_internal/packages/lumx-react/src/utils/react/renderLink-09d97180.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderLink-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/packages/lumx-react/src/utils/react/skipRender-9ed13067.js

@@ -0,0 +1,24 @@
+import React__default from 'react';
+import { DOCUMENT } from '../../constants-6af61e2f.js';
+import { jsx } from 'react/jsx-runtime';
+
+/**
+ * HOC component wrapping a component to skip render if predicate return falsy
+ */
+const skipRender = (predicate, Component) => {
+  const Wrapper = /*#__PURE__*/React__default.forwardRef((props, ref) => {
+    if (!DOCUMENT) {
+      // Can't render in SSR.
+      return null;
+    }
+    return /*#__PURE__*/jsx(Component, {
+      ref: ref,
+      ...props
+    });
+  });
+  Wrapper.displayName = Component.displayName;
+  return Wrapper;
+};
+
+export { skipRender };
+//# sourceMappingURL=skipRender-9ed13067.js.map

package/_internal/packages/lumx-react/src/utils/react/skipRender-9ed13067.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skipRender-9ed13067.js","sources":["../../../../../../../src/utils/react/skipRender.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DOCUMENT } from '@lumx/react/constants';\nimport type { Comp } from '@lumx/react/utils/type';\n/**\n * HOC component wrapping a component to skip render if predicate return falsy\n */\nexport const skipRender = <P, T>(predicate: (props: P) => any, Component: Comp<P, T>) => {\n    const Wrapper = React.forwardRef<T, P>((props, ref) => {\n        if (!DOCUMENT) {\n            // Can't render in SSR.\n            return null;\n        }\n        return <Component ref={ref} {...props} />;\n    });\n    Wrapper.displayName = Component.displayName;\n    return Wrapper;\n};\n"],"names":["skipRender","predicate","Component","Wrapper","React","forwardRef","props","ref","DOCUMENT","_jsx","displayName"],"mappings":";;;;AAIA;AACA;AACA;MACaA,UAAU,GAAGA,CAAOC,SAA4B,EAAEC,SAAqB,KAAK;EACrF,MAAMC,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAAO,CAACC,KAAK,EAAEC,GAAG,KAAK;IACnD,IAAI,CAACC,QAAQ,EAAE;AACX;AACA,MAAA,OAAO,IAAI,CAAA;AACf,KAAA;IACA,oBAAOC,GAAA,CAACP,SAAS,EAAA;AAACK,MAAAA,GAAG,EAAEA,GAAI;MAAA,GAAKD,KAAAA;AAAK,KAAG,CAAC,CAAA;AAC7C,GAAC,CAAC,CAAA;AACFH,EAAAA,OAAO,CAACO,WAAW,GAAGR,SAAS,CAACQ,WAAW,CAAA;AAC3C,EAAA,OAAOP,OAAO,CAAA;AAClB;;;;"}

package/_internal/packages/lumx-react/src/utils/react/unref-bc393aec.js

@@ -0,0 +1,8 @@
+/** Unref a react ref or element */
+function unref(maybeElement) {
+  if (maybeElement instanceof HTMLElement) return maybeElement;
+  return maybeElement?.current;
+}
+
+export { unref };
+//# sourceMappingURL=unref-bc393aec.js.map

package/_internal/packages/lumx-react/src/utils/react/unref-bc393aec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unref-bc393aec.js","sources":["../../../../../../../src/utils/react/unref.ts"],"sourcesContent":["import { MaybeElementOrRef } from '@lumx/react/utils/type';\n\n/** Unref a react ref or element */\nexport function unref(maybeElement: MaybeElementOrRef<HTMLElement>) {\n    if (maybeElement instanceof HTMLElement) return maybeElement;\n    return maybeElement?.current;\n}\n"],"names":["unref","maybeElement","HTMLElement","current"],"mappings":"AAEA;AACO,SAASA,KAAKA,CAACC,YAA4C,EAAE;AAChE,EAAA,IAAIA,YAAY,YAAYC,WAAW,EAAE,OAAOD,YAAY,CAAA;EAC5D,OAAOA,YAAY,EAAEE,OAAO,CAAA;AAChC;;;;"}

package/_internal/{wrapChildrenIconWithSpaces-ef2a6772.js → packages/lumx-react/src/utils/react/wrapChildrenIconWithSpaces-5de82619.js}

@@ -1,6 +1,6 @@
 import React__default, { Children } from 'react';
-import { i as isComponentType } from './isComponentType-e806b848.js';
-import { Icon } from './components/icon-a00d698b.js';
+import { isComponentType } from '../type/isComponentType-111e65e5.js';
+import { Icon } from '../../components/icon/Icon-21a83e8c.js';
 
 /** Force wrap spaces around icons to make sure they are never stuck against text. */
 function wrapChildrenIconWithSpaces(children) {
@@ -16,5 +16,5 @@ function wrapChildrenIconWithSpaces(children) {
   });
 }
 
-export { wrapChildrenIconWithSpaces as w };
-//# sourceMappingURL=wrapChildrenIconWithSpaces-ef2a6772.js.map
+export { wrapChildrenIconWithSpaces };
+//# sourceMappingURL=wrapChildrenIconWithSpaces-5de82619.js.map

package/_internal/packages/lumx-react/src/utils/react/wrapChildrenIconWithSpaces-5de82619.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapChildrenIconWithSpaces-5de82619.js","sources":["../../../../../../../src/utils/react/wrapChildrenIconWithSpaces.tsx"],"sourcesContent":["import React, { Children } from 'react';\nimport { isComponentType } from '@lumx/react/utils/type';\nimport { Icon } from '@lumx/react';\n\n/** Force wrap spaces around icons to make sure they are never stuck against text. */\nexport function wrapChildrenIconWithSpaces(children: React.ReactNode): React.ReactNode {\n    if (children === null || children === undefined) return undefined;\n    return Children.toArray(children).flatMap((child) => {\n        if (isComponentType(Icon)(child)) {\n            return [' ', child, ' '];\n        }\n        if (\n            React.isValidElement(child) &&\n            child.props &&\n            typeof child.props === 'object' &&\n            'children' in child.props\n        ) {\n            return React.cloneElement(child, undefined, wrapChildrenIconWithSpaces(child.props.children));\n        }\n        return child;\n    });\n}\n"],"names":["wrapChildrenIconWithSpaces","children","undefined","Children","toArray","flatMap","child","isComponentType","Icon","React","isValidElement","props","cloneElement"],"mappings":";;;;AAIA;AACO,SAASA,0BAA0BA,CAACC,QAAyB,EAAmB;EACnF,IAAIA,QAAQ,KAAK,IAAI,IAAIA,QAAQ,KAAKC,SAAS,EAAE,OAAOA,SAAS,CAAA;EACjE,OAAOC,QAAQ,CAACC,OAAO,CAACH,QAAQ,CAAC,CAACI,OAAO,CAAEC,KAAK,IAAK;AACjD,IAAA,IAAIC,eAAe,CAACC,IAAI,CAAC,CAACF,KAAK,CAAC,EAAE;AAC9B,MAAA,OAAO,CAAC,GAAG,EAAEA,KAAK,EAAE,GAAG,CAAC,CAAA;AAC5B,KAAA;IACA,iBACIG,cAAK,CAACC,cAAc,CAACJ,KAAK,CAAC,IAC3BA,KAAK,CAACK,KAAK,IACX,OAAOL,KAAK,CAACK,KAAK,KAAK,QAAQ,IAC/B,UAAU,IAAIL,KAAK,CAACK,KAAK,EAC3B;AACE,MAAA,oBAAOF,cAAK,CAACG,YAAY,CAACN,KAAK,EAAEJ,SAAS,EAAEF,0BAA0B,CAACM,KAAK,CAACK,KAAK,CAACV,QAAQ,CAAC,CAAC,CAAA;AACjG,KAAA;AACA,IAAA,OAAOK,KAAK,CAAA;AAChB,GAAC,CAAC,CAAA;AACN;;;;"}

package/_internal/{ThemeContext-3181f000.js → packages/lumx-react/src/utils/theme/ThemeContext-d8ee966d.js}

@@ -10,5 +10,5 @@ function useTheme() {
   return React__default.useContext(ThemeContext);
 }
 
-export { ThemeProvider as T, useTheme as u };
-//# sourceMappingURL=ThemeContext-3181f000.js.map
+export { ThemeContext, ThemeProvider, useTheme };
+//# sourceMappingURL=ThemeContext-d8ee966d.js.map

package/_internal/packages/lumx-react/src/utils/theme/ThemeContext-d8ee966d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext-d8ee966d.js","sources":["../../../../../../../src/utils/theme/ThemeContext.ts"],"sourcesContent":["import React from 'react';\nimport type { Theme } from '@lumx/react';\n\ntype ThemeContextValue = Theme | undefined;\nexport const ThemeContext = React.createContext<ThemeContextValue>(undefined);\n\n/** Provide a theme context to all children. */\nexport const ThemeProvider = ThemeContext.Provider as React.FC<{\n    value: ThemeContextValue;\n    children?: React.ReactNode;\n}>;\n\n/** Get the theme in the current context. */\nexport function useTheme(): ThemeContextValue {\n    return React.useContext(ThemeContext);\n}\n"],"names":["ThemeContext","React","createContext","undefined","ThemeProvider","Provider","useTheme","useContext"],"mappings":";;AAIO,MAAMA,YAAY,gBAAGC,cAAK,CAACC,aAAa,CAAoBC,SAAS,EAAC;;AAE7E;AACaC,MAAAA,aAAa,GAAGJ,YAAY,CAACK,SAGxC;;AAEF;AACO,SAASC,QAAQA,GAAsB;AAC1C,EAAA,OAAOL,cAAK,CAACM,UAAU,CAACP,YAAY,CAAC,CAAA;AACzC;;;;"}

package/_internal/{isComponent-b9762ff1.js → packages/lumx-react/src/utils/type/isComponent-ebe24fd7.js}

@@ -1,5 +1,7 @@
+import get from 'lodash/get';
+
 /**
- * Properties of a component to use to determine its name.
+ * Properties of a component to use to determine it's name.
  * In the order of preference.
  */
 const NAME_PROPERTIES = ['type', 'type.displayName', 'displayName', 'name', 'type.name', 'props.mdxType', '_reactInternalFiber.elementType.name'];
@@ -11,8 +13,8 @@ const NAME_PROPERTIES = ['type', 'type.displayName', 'displayName', 'name', 'typ
  */
 const isComponent = component => instance => {
   const componentName = typeof component === 'string' ? component : component.displayName;
-  return !!instance.$$typeof && NAME_PROPERTIES.some(nameProperty => instance[nameProperty] === componentName);
+  return !!get(instance, '$$typeof') && NAME_PROPERTIES.some(nameProperty => get(instance, nameProperty) === componentName);
 };
 
-export { isComponent as i };
-//# sourceMappingURL=isComponent-b9762ff1.js.map
+export { isComponent };
+//# sourceMappingURL=isComponent-ebe24fd7.js.map

package/_internal/packages/lumx-react/src/utils/type/isComponent-ebe24fd7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isComponent-ebe24fd7.js","sources":["../../../../../../../src/utils/type/isComponent.ts"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport get from 'lodash/get';\nimport type { Comp } from './Comp';\n\n/**\n * Properties of a component to use to determine it's name.\n * In the order of preference.\n */\nconst NAME_PROPERTIES: string[] = [\n    'type',\n    'type.displayName',\n    'displayName',\n    'name',\n    'type.name',\n    'props.mdxType',\n    '_reactInternalFiber.elementType.name',\n];\n/**\n * Create a predicate function that checks if a ReactNode is a react element from the given component.\n *\n * @param  component React function component or the component name\n * @return predicate returning true if value is instance of the component\n */\nexport const isComponent =\n    <C>(component: Comp<C, any> | string) =>\n    (instance: ReactNode): instance is ReactElement => {\n        const componentName = typeof component === 'string' ? component : component.displayName;\n\n        return (\n            !!get(instance, '$$typeof') &&\n            NAME_PROPERTIES.some((nameProperty: string): boolean => get(instance, nameProperty) === componentName)\n        );\n    };\n"],"names":["NAME_PROPERTIES","isComponent","component","instance","componentName","displayName","get","some","nameProperty"],"mappings":";;AAIA;AACA;AACA;AACA;AACA,MAAMA,eAAyB,GAAG,CAC9B,MAAM,EACN,kBAAkB,EAClB,aAAa,EACb,MAAM,EACN,WAAW,EACX,eAAe,EACf,sCAAsC,CACzC,CAAA;AACD;AACA;AACA;AACA;AACA;AACA;MACaC,WAAW,GAChBC,SAAgC,IACnCC,QAAmB,IAA+B;EAC/C,MAAMC,aAAa,GAAG,OAAOF,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAGA,SAAS,CAACG,WAAW,CAAA;EAEvF,OACI,CAAC,CAACC,GAAG,CAACH,QAAQ,EAAE,UAAU,CAAC,IAC3BH,eAAe,CAACO,IAAI,CAAEC,YAAoB,IAAcF,GAAG,CAACH,QAAQ,EAAEK,YAAY,CAAC,KAAKJ,aAAa,CAAC,CAAA;AAE9G;;;;"}

package/_internal/{isComponentType-e806b848.js → packages/lumx-react/src/utils/type/isComponentType-111e65e5.js}

@@ -5,5 +5,5 @@ import React__default from 'react';
  */
 const isComponentType = type => node => /*#__PURE__*/React__default.isValidElement(node) && node.type === type;
 
-export { isComponentType as i };
-//# sourceMappingURL=isComponentType-e806b848.js.map
+export { isComponentType };
+//# sourceMappingURL=isComponentType-111e65e5.js.map

package/_internal/packages/lumx-react/src/utils/type/isComponentType-111e65e5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isComponentType-111e65e5.js","sources":["../../../../../../../src/utils/type/isComponentType.ts"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\n\n/**\n * Similar to `isComponent` but more precise as it's not based on the component `displayName` but on the component function reference.\n */\nexport const isComponentType =\n    (type: ReactElement['type']) =>\n    (node: ReactNode): node is ReactElement =>\n        React.isValidElement(node) && node.type === type;\n"],"names":["isComponentType","type","node","React","isValidElement"],"mappings":";;AAEA;AACA;AACA;MACaA,eAAe,GACvBC,IAA0B,IAC1BC,IAAe,iBACZC,cAAK,CAACC,cAAc,CAACF,IAAI,CAAC,IAAIA,IAAI,CAACD,IAAI,KAAKA;;;;"}

package/index.d.ts

@@ -1042,13 +1042,24 @@ interface FlexBoxProps extends GenericProps {
  */
 declare const FlexBox: Comp<FlexBoxProps, HTMLDivElement>;
 
-type GenericBlockGapSize = Extract<Size, 'tiny' | 'regular' | 'medium' | 'big' | 'huge'>;
 /**
  * Accepted gap sizes for the generic block.
  */
-declare const GenericBlockGapSize: {
-    [S in GenericBlockGapSize]: S;
-};
+declare const GenericBlockGapSize: Pick<{
+    readonly xxs: "xxs";
+    readonly xs: "xs";
+    readonly s: "s";
+    readonly m: "m";
+    readonly l: "l";
+    readonly xl: "xl";
+    readonly xxl: "xxl";
+    readonly tiny: "tiny";
+    readonly regular: "regular";
+    readonly medium: "medium";
+    readonly big: "big";
+    readonly huge: "huge";
+}, "tiny" | "regular" | "medium" | "big" | "huge">;
+type GenericBlockGapSize = ValueOf<typeof GenericBlockGapSize>;
 
 interface GenericBlockProps extends FlexBoxProps {
     /**

package/index.js

@@ -1,66 +1,98 @@
 export * from '@lumx/core/js/constants';
 export * from '@lumx/core/js/types';
-export { T as ThemeProvider, u as useTheme } from './_internal/ThemeContext-3181f000.js';
-export { AlertDialog } from './_internal/components/alert-dialog-bd1b2532.js';
-export { Autocomplete, AutocompleteMultiple } from './_internal/components/autocomplete-8ae2c4f9.js';
-export { Avatar } from './_internal/components/avatar-778d7df6.js';
-export { Badge, BadgeWrapper } from './_internal/components/badge-ccf47147.js';
-export { a as Button, B as ButtonEmphasis } from './_internal/Button-f382ee1c.js';
-export { I as IconButton } from './_internal/IconButton-1790b47e.js';
-export { ButtonGroup } from './_internal/components/button-4aff084a.js';
-export { Checkbox } from './_internal/components/checkbox-a448ca6c.js';
-export { C as Chip } from './_internal/Chip-70af04b4.js';
-export { ChipGroup } from './_internal/components/chip-19e40755.js';
-export { CommentBlock, CommentBlockVariant } from './_internal/components/comment-block-bcbedf3c.js';
-export { D as DatePicker, a as DatePickerControlled, b as DatePickerField, P as PopoverDialog } from './_internal/PopoverDialog-3b63f140.js';
-export { Dialog } from './_internal/components/dialog-30336ccb.js';
-export { Divider } from './_internal/components/divider-0e93aa3d.js';
-export { DragHandle } from './_internal/components/drag-handle-137f71b6.js';
-export { Dropdown } from './_internal/components/dropdown-d18122d7.js';
-export { ExpansionPanel } from './_internal/components/expansion-panel-38ed3d9f.js';
-export { Flag } from './_internal/components/flag-c2e41e8d.js';
-export { FlexBox } from './_internal/components/flex-box-15be92f6.js';
-export { GenericBlock, GenericBlockGapSize } from './_internal/components/generic-block-5d843f1e.js';
-export { Heading } from './_internal/components/heading-28520e1c.js';
-export { H as HeadingLevelProvider, u as useHeadingLevel } from './_internal/HeadingLevelProvider-ebdcb0c7.js';
-export { Grid, GridItem } from './_internal/components/grid-8c08dc4b.js';
-export { GridColumn } from './_internal/components/grid-column-85e305e7.js';
-export { Icon } from './_internal/components/icon-a00d698b.js';
-export { ImageBlock, ImageBlockCaptionPosition } from './_internal/components/image-block-10976174.js';
-export { ImageLightbox } from './_internal/components/image-lightbox-86f1e1fb.js';
-export { InlineList } from './_internal/components/inline-list-5ba8bb0f.js';
-export { InputHelper } from './_internal/components/input-helper-2e4e49fd.js';
-export { InputLabel } from './_internal/components/input-label-30d199c3.js';
-export { Lightbox } from './_internal/components/lightbox-c618a33b.js';
-export { Link } from './_internal/components/link-9c3feb34.js';
-export { LinkPreview } from './_internal/components/link-preview-79500604.js';
-export { L as List, a as ListItem, i as isClickable } from './_internal/List-c75646f2.js';
-export { ListDivider, ListSubheader } from './_internal/components/list-2f256244.js';
-export { Message } from './_internal/components/message-a3806f51.js';
-export { Mosaic } from './_internal/components/mosaic-e6581097.js';
-export { Navigation } from './_internal/components/navigation-5378f128.js';
-export { Notification } from './_internal/components/notification-49837625.js';
-export { P as Placement } from './_internal/constants-43721918.js';
-export { P as Popover } from './_internal/index-25d2a45e.js';
-export { PostBlock } from './_internal/components/post-block-478bc3b8.js';
-export { Progress, ProgressCircular, ProgressLinear, ProgressVariant } from './_internal/components/progress-44bb0301.js';
-export { ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel } from './_internal/components/progress-tracker-0fd35bea.js';
-export { RadioButton, RadioGroup } from './_internal/components/radio-button-929c7bee.js';
-export { Select, SelectMultiple, SelectMultipleField, SelectVariant } from './_internal/components/select-a145edbb.js';
-export { SideNavigation, SideNavigationItem } from './_internal/components/side-navigation-b99d6022.js';
-export { SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography } from './_internal/components/skeleton-1ea8c82a.js';
-export { Slider, clamp } from './_internal/components/slider-78cfaa67.js';
-export { Slideshow } from './_internal/components/slideshow-b78ac3d6.js';
-export { b as Slides, a as SlideshowControls, S as SlideshowItem } from './_internal/Slides-2a427c44.js';
-export { Switch } from './_internal/components/switch-25b65051.js';
-export { Table, TableBody, TableCell, TableCellVariant, TableHeader, TableRow, ThOrder } from './_internal/components/table-3cbee034.js';
-export { Tab, TabList, TabListLayout, TabPanel, TabProvider } from './_internal/components/tabs-5d8ea1a5.js';
-export { T as Text } from './_internal/index-151e2652.js';
-export { TextField } from './_internal/components/text-field-c26582c5.js';
-export { T as Thumbnail, u as useFocusPointStyle } from './_internal/Thumbnail-d2001ccb.js';
-export { ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant } from './_internal/components/thumbnail-cb55b26c.js';
-export { Toolbar } from './_internal/components/toolbar-e7c984e6.js';
-export { Tooltip } from './_internal/components/tooltip-dcb43bbe.js';
-export { Uploader, UploaderVariant } from './_internal/components/uploader-873b9bc1.js';
-export { UserBlock } from './_internal/components/user-block-7cbaffe0.js';
+export { ThemeProvider, useTheme } from './_internal/packages/lumx-react/src/utils/theme/ThemeContext-d8ee966d.js';
+export { AlertDialog } from './_internal/packages/lumx-react/src/components/alert-dialog/AlertDialog-9cbbc6b1.js';
+export { Autocomplete } from './_internal/packages/lumx-react/src/components/autocomplete/Autocomplete-d2b59692.js';
+export { AutocompleteMultiple } from './_internal/packages/lumx-react/src/components/autocomplete/AutocompleteMultiple-3ea98830.js';
+export { Avatar } from './_internal/packages/lumx-react/src/components/avatar/Avatar-a875f5a5.js';
+export { Badge } from './_internal/packages/lumx-react/src/components/badge/Badge-2a365bd5.js';
+export { BadgeWrapper } from './_internal/packages/lumx-react/src/components/badge/BadgeWrapper-884b7745.js';
+export { Button, ButtonEmphasis } from './_internal/packages/lumx-react/src/components/button/Button-86d16087.js';
+export { IconButton } from './_internal/packages/lumx-react/src/components/button/IconButton-a740ce59.js';
+export { ButtonGroup } from './_internal/packages/lumx-react/src/components/button/ButtonGroup-637b48c7.js';
+export { Checkbox } from './_internal/packages/lumx-react/src/components/checkbox/Checkbox-b7f3676e.js';
+export { Chip } from './_internal/packages/lumx-react/src/components/chip/Chip-f1a3942a.js';
+export { ChipGroup } from './_internal/packages/lumx-react/src/components/chip/ChipGroup-1e9b0941.js';
+export { CommentBlock, CommentBlockVariant } from './_internal/packages/lumx-react/src/components/comment-block/CommentBlock-998d4a27.js';
+export { DatePicker } from './_internal/packages/lumx-react/src/components/date-picker/DatePicker-f7f5c82d.js';
+export { DatePickerControlled } from './_internal/packages/lumx-react/src/components/date-picker/DatePickerControlled-4af66187.js';
+export { DatePickerField } from './_internal/packages/lumx-react/src/components/date-picker/DatePickerField-3c9c1ba5.js';
+export { Dialog } from './_internal/packages/lumx-react/src/components/dialog/Dialog-c1d85c51.js';
+export { Divider } from './_internal/packages/lumx-react/src/components/divider/Divider-450f85bf.js';
+export { DragHandle } from './_internal/packages/lumx-react/src/components/drag-handle/DragHandle-ce52ef0b.js';
+export { Dropdown } from './_internal/packages/lumx-react/src/components/dropdown/Dropdown-ae2605cb.js';
+export { ExpansionPanel } from './_internal/packages/lumx-react/src/components/expansion-panel/ExpansionPanel-b5b6cd76.js';
+export { Flag } from './_internal/packages/lumx-react/src/components/flag/Flag-636dab49.js';
+export { FlexBox } from './_internal/packages/lumx-react/src/components/flex-box/FlexBox-57fe8191.js';
+export { GenericBlockGapSize } from './_internal/packages/lumx-react/src/components/generic-block/constants-57f2079b.js';
+export { GenericBlock } from './_internal/packages/lumx-react/src/components/generic-block/GenericBlock-4eaab530.js';
+export { Heading } from './_internal/packages/lumx-react/src/components/heading/Heading-8a472527.js';
+export { HeadingLevelProvider } from './_internal/packages/lumx-react/src/components/heading/HeadingLevelProvider-7bd8f886.js';
+export { useHeadingLevel } from './_internal/packages/lumx-react/src/components/heading/useHeadingLevel-953ba707.js';
+export { Grid } from './_internal/packages/lumx-react/src/components/grid/Grid-4bff53d3.js';
+export { GridItem } from './_internal/packages/lumx-react/src/components/grid/GridItem-643ce4f2.js';
+export { GridColumn } from './_internal/packages/lumx-react/src/components/grid-column/GridColumn-7c04edfd.js';
+export { Icon } from './_internal/packages/lumx-react/src/components/icon/Icon-21a83e8c.js';
+export { ImageBlock, ImageBlockCaptionPosition } from './_internal/packages/lumx-react/src/components/image-block/ImageBlock-403e75e0.js';
+export { ImageLightbox } from './_internal/packages/lumx-react/src/components/image-lightbox/ImageLightbox-5986e26a.js';
+export { InlineList } from './_internal/packages/lumx-react/src/components/inline-list/InlineList-c2daf1d2.js';
+export { InputHelper } from './_internal/packages/lumx-react/src/components/input-helper/InputHelper-a6c7ec2d.js';
+export { InputLabel } from './_internal/packages/lumx-react/src/components/input-label/InputLabel-7ce8e604.js';
+export { Lightbox } from './_internal/packages/lumx-react/src/components/lightbox/Lightbox-198bb478.js';
+export { Link } from './_internal/packages/lumx-react/src/components/link/Link-f8b5025c.js';
+export { LinkPreview } from './_internal/packages/lumx-react/src/components/link-preview/LinkPreview-777017cb.js';
+export { List } from './_internal/packages/lumx-react/src/components/list/List-83b50e25.js';
+export { ListItem, isClickable } from './_internal/packages/lumx-react/src/components/list/ListItem-6278e6a0.js';
+export { ListDivider } from './_internal/packages/lumx-react/src/components/list/ListDivider-0cf94491.js';
+export { ListSubheader } from './_internal/packages/lumx-react/src/components/list/ListSubheader-8600d84d.js';
+export { Message } from './_internal/packages/lumx-react/src/components/message/Message-cfc1519a.js';
+export { Mosaic } from './_internal/packages/lumx-react/src/components/mosaic/Mosaic-3af68efe.js';
+export { Navigation } from './_internal/packages/lumx-react/src/components/navigation/Navigation-8455772e.js';
+export { Notification } from './_internal/packages/lumx-react/src/components/notification/Notification-de96c6ff.js';
+export { Placement } from './_internal/packages/lumx-react/src/components/popover/constants-9d063548.js';
+export { Popover } from './_internal/packages/lumx-react/src/components/popover/Popover-341f65fb.js';
+export { PopoverDialog } from './_internal/packages/lumx-react/src/components/popover-dialog/PopoverDialog-ffd6c5a1.js';
+export { PostBlock } from './_internal/packages/lumx-react/src/components/post-block/PostBlock-91fd05ab.js';
+export { Progress, ProgressVariant } from './_internal/packages/lumx-react/src/components/progress/Progress-73bac34d.js';
+export { ProgressCircular } from './_internal/packages/lumx-react/src/components/progress/ProgressCircular-e997908d.js';
+export { ProgressLinear } from './_internal/packages/lumx-react/src/components/progress/ProgressLinear-db03319f.js';
+export { ProgressTrackerProvider } from './_internal/packages/lumx-react/src/components/progress-tracker/ProgressTrackerProvider-31e02258.js';
+export { ProgressTracker } from './_internal/packages/lumx-react/src/components/progress-tracker/ProgressTracker-78a62175.js';
+export { ProgressTrackerStep } from './_internal/packages/lumx-react/src/components/progress-tracker/ProgressTrackerStep-c80756f3.js';
+export { ProgressTrackerStepPanel } from './_internal/packages/lumx-react/src/components/progress-tracker/ProgressTrackerStepPanel-6f2d394e.js';
+export { RadioButton } from './_internal/packages/lumx-react/src/components/radio-button/RadioButton-0a59ffbf.js';
+export { RadioGroup } from './_internal/packages/lumx-react/src/components/radio-button/RadioGroup-7957765c.js';
+export { SelectVariant } from './_internal/packages/lumx-react/src/components/select/constants-5178b7ba.js';
+export { Select } from './_internal/packages/lumx-react/src/components/select/Select-530565a4.js';
+export { SelectMultiple, SelectMultipleField } from './_internal/packages/lumx-react/src/components/select/SelectMultiple-d7fa1cf7.js';
+export { SideNavigation } from './_internal/packages/lumx-react/src/components/side-navigation/SideNavigation-b3267a19.js';
+export { SideNavigationItem } from './_internal/packages/lumx-react/src/components/side-navigation/SideNavigationItem-2de35ba7.js';
+export { SkeletonCircle } from './_internal/packages/lumx-react/src/components/skeleton/SkeletonCircle-9ff29a07.js';
+export { SkeletonRectangle, SkeletonRectangleVariant } from './_internal/packages/lumx-react/src/components/skeleton/SkeletonRectangle-4d602e83.js';
+export { SkeletonTypography } from './_internal/packages/lumx-react/src/components/skeleton/SkeletonTypography-2b402be3.js';
+export { clamp } from './_internal/packages/lumx-react/src/utils/number/clamp-c3ccd387.js';
+export { Slider } from './_internal/packages/lumx-react/src/components/slider/Slider-59996a75.js';
+export { Slideshow } from './_internal/packages/lumx-react/src/components/slideshow/Slideshow-a21bfd66.js';
+export { SlideshowItem } from './_internal/packages/lumx-react/src/components/slideshow/SlideshowItem-59ca2aee.js';
+export { SlideshowControls } from './_internal/packages/lumx-react/src/components/slideshow/SlideshowControls-ecca54c4.js';
+export { Slides } from './_internal/packages/lumx-react/src/components/slideshow/Slides-c8517dcb.js';
+export { Switch } from './_internal/packages/lumx-react/src/components/switch/Switch-22529b38.js';
+export { Table } from './_internal/packages/lumx-react/src/components/table/Table-ad4f6991.js';
+export { TableBody } from './_internal/packages/lumx-react/src/components/table/TableBody-c6d71a78.js';
+export { TableCell, TableCellVariant, ThOrder } from './_internal/packages/lumx-react/src/components/table/TableCell-8b038969.js';
+export { TableHeader } from './_internal/packages/lumx-react/src/components/table/TableHeader-50745c5b.js';
+export { TableRow } from './_internal/packages/lumx-react/src/components/table/TableRow-1194f809.js';
+export { TabProvider } from './_internal/packages/lumx-react/src/components/tabs/TabProvider-5349e230.js';
+export { TabList, TabListLayout } from './_internal/packages/lumx-react/src/components/tabs/TabList-f0a286a1.js';
+export { Tab } from './_internal/packages/lumx-react/src/components/tabs/Tab-24093fe0.js';
+export { TabPanel } from './_internal/packages/lumx-react/src/components/tabs/TabPanel-18b761f5.js';
+export { Text } from './_internal/packages/lumx-react/src/components/text/Text-d8efb3ca.js';
+export { TextField } from './_internal/packages/lumx-react/src/components/text-field/TextField-843f8e28.js';
+export { useFocusPointStyle } from './_internal/packages/lumx-react/src/components/thumbnail/useFocusPointStyle-b4018f8d.js';
+export { Thumbnail } from './_internal/packages/lumx-react/src/components/thumbnail/Thumbnail-49bab66c.js';
+export { ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant } from './_internal/packages/lumx-react/src/components/thumbnail/types-58418448.js';
+export { Toolbar } from './_internal/packages/lumx-react/src/components/toolbar/Toolbar-b30ac67a.js';
+export { Tooltip } from './_internal/packages/lumx-react/src/components/tooltip/Tooltip-aabcaa4a.js';
+export { Uploader, UploaderVariant } from './_internal/packages/lumx-react/src/components/uploader/Uploader-6489c1ae.js';
+export { UserBlock } from './_internal/packages/lumx-react/src/components/user-block/UserBlock-9b72469f.js';
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

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

package/utils/index.js

@@ -1,4 +1,5 @@
-export { C as ClickAwayProvider } from '../_internal/ClickAwayProvider-1204f237.js';
-export { P as Portal, a as PortalProvider } from '../_internal/Portal-3f86608e.js';
-export { D as DisabledStateProvider, u as useDisabledStateContext } from '../_internal/DisabledStateContext-ea04260d.js';
+export { ClickAwayProvider } from '../_internal/packages/lumx-react/src/utils/ClickAwayProvider/ClickAwayProvider-ec55d284.js';
+export { Portal } from '../_internal/packages/lumx-react/src/utils/Portal/Portal-9e38cfd0.js';
+export { PortalProvider } from '../_internal/packages/lumx-react/src/utils/Portal/PortalProvider-883321fd.js';
+export { DisabledStateProvider, useDisabledStateContext } from '../_internal/packages/lumx-react/src/utils/disabled/DisabledStateContext-536517c5.js';
 //# sourceMappingURL=index.js.map

package/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/_internal/Button-f382ee1c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-f382ee1c.js","sources":["../../src/components/button/Button.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { Emphasis, Icon, Size, Theme, Text, ThemeProvider } from '@lumx/react';\nimport { isComponent } from '@lumx/react/utils/type';\nimport { getBasicClass, getRootClassName } from '@lumx/core/js/utils/className';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { BaseButtonProps, ButtonRoot } from './ButtonRoot';\n\n/**\n * Button emphasis definition.\n * @deprecated Use Emphasis instead.\n */\nexport const ButtonEmphasis = Emphasis;\n\n/**\n * Defines the props of the component.\n */\nexport interface ButtonProps extends BaseButtonProps {\n    /** Left icon (SVG path). */\n    leftIcon?: string;\n    /** Right icon (SVG path). */\n    rightIcon?: string;\n    /** When `true`, the button gets as large as possible. */\n    fullWidth?: boolean;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Button';\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<ButtonProps> = {\n    emphasis: Emphasis.high,\n    size: Size.m,\n};\n\n/**\n * Button component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Button = forwardRef<ButtonProps, HTMLButtonElement | HTMLAnchorElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        children,\n        className,\n        emphasis = DEFAULT_PROPS.emphasis,\n        leftIcon,\n        rightIcon,\n        size = DEFAULT_PROPS.size,\n        theme = defaultTheme,\n        ...forwardedProps\n    } = props;\n\n    const buttonClassName = classNames(\n        className,\n        getBasicClass({ prefix: CLASSNAME, type: 'hasLeftIcon', value: !!leftIcon }),\n        getBasicClass({ prefix: CLASSNAME, type: 'hasRightIcon', value: !!rightIcon }),\n    );\n\n    return (\n        <ButtonRoot\n            ref={ref}\n            {...{ emphasis, size, theme, ...forwardedProps }}\n            className={buttonClassName}\n            variant=\"button\"\n        >\n            {leftIcon && (\n                // Theme is handled in the button scss\n                <ThemeProvider value={undefined}>\n                    <Icon icon={leftIcon} />\n                </ThemeProvider>\n            )}\n            {children && (isComponent(Text)(children) ? children : <span>{children}</span>)}\n            {rightIcon && (\n                // Theme is handled in the button scss\n                <ThemeProvider value={undefined}>\n                    <Icon icon={rightIcon} />\n                </ThemeProvider>\n            )}\n        </ButtonRoot>\n    );\n});\nButton.displayName = COMPONENT_NAME;\nButton.className = CLASSNAME;\nButton.defaultProps = DEFAULT_PROPS;\n"],"names":["ButtonEmphasis","Emphasis","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","emphasis","high","size","Size","m","Button","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","children","className","leftIcon","rightIcon","theme","forwardedProps","buttonClassName","classNames","getBasicClass","prefix","type","value","_jsxs","ButtonRoot","variant","_jsx","ThemeProvider","undefined","Icon","icon","isComponent","Text","displayName","defaultProps"],"mappings":";;;;;;;;;;;AAcO,MAAMA,cAAc,GAAGC,SAAQ;;AAEtC;AACA;AACA;;AAYA;AACA;AACA;AACA,MAAMC,cAAc,GAAG,QAAQ,CAAA;;AAE/B;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAmC,GAAG;EACxCC,QAAQ,EAAEL,QAAQ,CAACM,IAAI;EACvBC,IAAI,EAAEC,IAAI,CAACC,CAAAA;AACf,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,MAAM,GAAGC,UAAU,CAAqD,CAACC,KAAK,EAAEC,GAAG,KAAK;EACjG,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IACFC,QAAQ;IACRC,SAAS;IACTd,QAAQ,GAAGD,aAAa,CAACC,QAAQ;IACjCe,QAAQ;IACRC,SAAS;IACTd,IAAI,GAAGH,aAAa,CAACG,IAAI;AACzBe,IAAAA,KAAK,GAAGR,YAAY;IACpB,GAAGS,cAAAA;AACP,GAAC,GAAGX,KAAK,CAAA;AAET,EAAA,MAAMY,eAAe,GAAGC,UAAU,CAC9BN,SAAS,EACTO,aAAa,CAAC;AAAEC,IAAAA,MAAM,EAAEzB,SAAS;AAAE0B,IAAAA,IAAI,EAAE,aAAa;IAAEC,KAAK,EAAE,CAAC,CAACT,QAAAA;GAAU,CAAC,EAC5EM,aAAa,CAAC;AAAEC,IAAAA,MAAM,EAAEzB,SAAS;AAAE0B,IAAAA,IAAI,EAAE,cAAc;IAAEC,KAAK,EAAE,CAAC,CAACR,SAAAA;AAAU,GAAC,CACjF,CAAC,CAAA;EAED,oBACIS,IAAA,CAACC,UAAU,EAAA;AACPlB,IAAAA,GAAG,EAAEA,GAAI;IACHR,QAAQ;IAAEE,IAAI;IAAEe,KAAK;AAAE,IAAA,GAAGC,cAAc;AAC9CJ,IAAAA,SAAS,EAAEK,eAAgB;AAC3BQ,IAAAA,OAAO,EAAC,QAAQ;AAAAd,IAAAA,QAAA,GAEfE,QAAQ;AAAA;AACL;AACAa,IAAAA,GAAA,CAACC,aAAa,EAAA;AAACL,MAAAA,KAAK,EAAEM,SAAU;MAAAjB,QAAA,eAC5Be,GAAA,CAACG,IAAI,EAAA;AAACC,QAAAA,IAAI,EAAEjB,QAAAA;OAAW,CAAA;AAAC,KACb,CAClB,EACAF,QAAQ,KAAKoB,WAAW,CAACC,IAAI,CAAC,CAACrB,QAAQ,CAAC,GAAGA,QAAQ,gBAAGe,GAAA,CAAA,MAAA,EAAA;AAAAf,MAAAA,QAAA,EAAOA,QAAAA;KAAe,CAAC,CAAC,EAC9EG,SAAS;AAAA;AACN;AACAY,IAAAA,GAAA,CAACC,aAAa,EAAA;AAACL,MAAAA,KAAK,EAAEM,SAAU;MAAAjB,QAAA,eAC5Be,GAAA,CAACG,IAAI,EAAA;AAACC,QAAAA,IAAI,EAAEhB,SAAAA;OAAY,CAAA;AAAC,KACd,CAClB,CAAA;AAAA,GACO,CAAC,CAAA;AAErB,CAAC,EAAC;AACFX,MAAM,CAAC8B,WAAW,GAAGvC,cAAc,CAAA;AACnCS,MAAM,CAACS,SAAS,GAAGjB,SAAS,CAAA;AAC5BQ,MAAM,CAAC+B,YAAY,GAAGrC,aAAa;;;;"}

package/_internal/ButtonRoot-a70baf82.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonRoot-a70baf82.js","sources":["../../src/components/button/ButtonRoot.tsx"],"sourcesContent":["import { AriaAttributes, ButtonHTMLAttributes, DetailedHTMLProps, RefObject } from 'react';\nimport classNames from 'classnames';\n\nimport { ColorPalette, Emphasis, Size, Theme } from '@lumx/react';\nimport { CSS_PREFIX } from '@lumx/react/constants';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { HasAriaDisabled } from '@lumx/react/utils/type/HasAriaDisabled';\nimport { RawClickable } from '@lumx/react/utils/react/RawClickable';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled';\n\ntype HTMLButtonProps = DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;\n\n/**\n * Button size definition.\n */\nexport type ButtonSize = Extract<Size, 's' | 'm'>;\n\nexport interface BaseButtonProps\n    extends GenericProps,\n        Pick<AriaAttributes, 'aria-expanded' | 'aria-haspopup' | 'aria-pressed' | 'aria-label'>,\n        HasTheme,\n        HasAriaDisabled {\n    /** Color variant. */\n    color?: ColorPalette;\n    /** Emphasis variant. */\n    emphasis?: Emphasis;\n    /** Whether or not the button has a background color in low emphasis. */\n    hasBackground?: boolean;\n    /** Native anchor href property. It determines whether the Button will be a <button> or an <a>. */\n    href?: string;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Whether the component is selected or not (unsupported in `high` emphasis). */\n    isSelected?: boolean;\n    /** Native button name property. */\n    name?: string;\n    /** Size variant. */\n    size?: ButtonSize;\n    /** Native anchor target property. */\n    target?: '_self' | '_blank' | '_parent' | '_top';\n    /** Native button type. */\n    type?: HTMLButtonProps['type'];\n    /** Custom react component for the link (can be used to inject react router Link). */\n    linkAs?: 'a' | any;\n}\n\nexport interface ButtonRootProps extends BaseButtonProps {\n    variant: 'button' | 'icon';\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ButtonRoot';\n\nexport const BUTTON_WRAPPER_CLASSNAME = `${CSS_PREFIX}-button-wrapper`;\nexport const BUTTON_CLASSNAME = `${CSS_PREFIX}-button`;\n\n/**\n * Render a button wrapper with the ButtonRoot inside.\n *\n * @param  props Component props.\n * @return React element.\n */\nconst renderButtonWrapper: React.FC<ButtonRootProps> = (props) => {\n    const { color, emphasis, variant, fullWidth } = props;\n\n    const adaptedColor =\n        emphasis === Emphasis.low && (color === ColorPalette.light ? ColorPalette.dark : ColorPalette.light);\n\n    const wrapperClassName = classNames(\n        handleBasicClasses({\n            color: adaptedColor,\n            prefix: BUTTON_WRAPPER_CLASSNAME,\n            variant,\n            fullWidth,\n        }),\n    );\n    const buttonProps = { ...props, hasBackground: false };\n\n    return (\n        <div className={wrapperClassName}>\n            {/* eslint-disable-next-line @typescript-eslint/no-use-before-define */}\n            <ButtonRoot {...buttonProps} />\n        </div>\n    );\n};\n\n/**\n * ButtonRoot component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ButtonRoot = forwardRef<ButtonRootProps, HTMLButtonElement | HTMLAnchorElement>((props, ref) => {\n    const { isAnyDisabled, disabledStateProps, otherProps } = useDisableStateProps(props);\n    const {\n        'aria-label': ariaLabel,\n        children,\n        className,\n        color,\n        emphasis,\n        hasBackground,\n        isSelected,\n        isActive,\n        isFocused,\n        isHovered,\n        linkAs,\n        size,\n        theme,\n        variant,\n        fullWidth,\n        ...forwardedProps\n    } = otherProps;\n\n    const adaptedColor =\n        color ||\n        (emphasis !== Emphasis.high && theme === Theme.dark && ColorPalette.light) ||\n        (emphasis === Emphasis.high && ColorPalette.primary) ||\n        ColorPalette.dark;\n\n    if (hasBackground) {\n        return renderButtonWrapper({ ...props, ref, variant, color: adaptedColor });\n    }\n\n    const buttonClassName = classNames(\n        className,\n        handleBasicClasses({\n            color: adaptedColor,\n            emphasis,\n            isSelected,\n            isDisabled: props.isDisabled || props['aria-disabled'],\n            isActive,\n            isFocused,\n            isHovered,\n            prefix: BUTTON_CLASSNAME,\n            size,\n            theme: emphasis === Emphasis.high && theme,\n            variant,\n            fullWidth,\n        }),\n    );\n\n    return (\n        <RawClickable\n            as={linkAs || (forwardedProps.href ? 'a' : 'button')}\n            {...forwardedProps}\n            {...disabledStateProps}\n            aria-disabled={isAnyDisabled}\n            aria-label={ariaLabel}\n            ref={ref as RefObject<HTMLButtonElement>}\n            className={buttonClassName}\n        >\n            {children}\n        </RawClickable>\n    );\n});\nButtonRoot.displayName = COMPONENT_NAME;\nButtonRoot.defaultProps = {};\n"],"names":["COMPONENT_NAME","BUTTON_WRAPPER_CLASSNAME","CSS_PREFIX","BUTTON_CLASSNAME","renderButtonWrapper","props","color","emphasis","variant","fullWidth","adaptedColor","Emphasis","low","ColorPalette","light","dark","wrapperClassName","classNames","handleBasicClasses","prefix","buttonProps","hasBackground","_jsx","className","children","ButtonRoot","forwardRef","ref","isAnyDisabled","disabledStateProps","otherProps","useDisableStateProps","ariaLabel","isSelected","isActive","isFocused","isHovered","linkAs","size","theme","forwardedProps","high","Theme","primary","buttonClassName","isDisabled","RawClickable","as","href","displayName","defaultProps"],"mappings":";;;;;;;;;AAoDA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,YAAY,CAAA;AAE5B,MAAMC,wBAAwB,GAAG,CAAA,EAAGC,UAAU,CAAiB,eAAA,CAAA,CAAA;AAC/D,MAAMC,gBAAgB,GAAG,CAAA,EAAGD,UAAU,CAAS,OAAA,CAAA,CAAA;;AAEtD;AACA;AACA;AACA;AACA;AACA;AACA,MAAME,mBAA8C,GAAIC,KAAK,IAAK;EAC9D,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,OAAO;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAGJ,KAAK,CAAA;EAErD,MAAMK,YAAY,GACdH,QAAQ,KAAKI,QAAQ,CAACC,GAAG,KAAKN,KAAK,KAAKO,YAAY,CAACC,KAAK,GAAGD,YAAY,CAACE,IAAI,GAAGF,YAAY,CAACC,KAAK,CAAC,CAAA;AAExG,EAAA,MAAME,gBAAgB,GAAGC,UAAU,CAC/BC,kBAAkB,CAAC;AACfZ,IAAAA,KAAK,EAAEI,YAAY;AACnBS,IAAAA,MAAM,EAAElB,wBAAwB;IAChCO,OAAO;AACPC,IAAAA,SAAAA;AACJ,GAAC,CACL,CAAC,CAAA;AACD,EAAA,MAAMW,WAAW,GAAG;AAAE,IAAA,GAAGf,KAAK;AAAEgB,IAAAA,aAAa,EAAE,KAAA;GAAO,CAAA;AAEtD,EAAA,oBACIC,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAEP,gBAAiB;IAAAQ,QAAA,eAE7BF,GAAA,CAACG,UAAU,EAAA;MAAA,GAAKL,WAAAA;KAAc,CAAA;AAAC,GAC9B,CAAC,CAAA;AAEd,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMK,UAAU,GAAGC,UAAU,CAAyD,CAACrB,KAAK,EAAEsB,GAAG,KAAK;EACzG,MAAM;IAAEC,aAAa;IAAEC,kBAAkB;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAGC,oBAAoB,CAAC1B,KAAK,CAAC,CAAA;EACrF,MAAM;AACF,IAAA,YAAY,EAAE2B,SAAS;IACvBR,QAAQ;IACRD,SAAS;IACTjB,KAAK;IACLC,QAAQ;IACRc,aAAa;IACbY,UAAU;IACVC,QAAQ;IACRC,SAAS;IACTC,SAAS;IACTC,MAAM;IACNC,IAAI;IACJC,KAAK;IACL/B,OAAO;IACPC,SAAS;IACT,GAAG+B,cAAAA;AACP,GAAC,GAAGV,UAAU,CAAA;AAEd,EAAA,MAAMpB,YAAY,GACdJ,KAAK,IACJC,QAAQ,KAAKI,QAAQ,CAAC8B,IAAI,IAAIF,KAAK,KAAKG,KAAK,CAAC3B,IAAI,IAAIF,YAAY,CAACC,KAAM,IACzEP,QAAQ,KAAKI,QAAQ,CAAC8B,IAAI,IAAI5B,YAAY,CAAC8B,OAAQ,IACpD9B,YAAY,CAACE,IAAI,CAAA;AAErB,EAAA,IAAIM,aAAa,EAAE;AACf,IAAA,OAAOjB,mBAAmB,CAAC;AAAE,MAAA,GAAGC,KAAK;MAAEsB,GAAG;MAAEnB,OAAO;AAAEF,MAAAA,KAAK,EAAEI,YAAAA;AAAa,KAAC,CAAC,CAAA;AAC/E,GAAA;AAEA,EAAA,MAAMkC,eAAe,GAAG3B,UAAU,CAC9BM,SAAS,EACTL,kBAAkB,CAAC;AACfZ,IAAAA,KAAK,EAAEI,YAAY;IACnBH,QAAQ;IACR0B,UAAU;IACVY,UAAU,EAAExC,KAAK,CAACwC,UAAU,IAAIxC,KAAK,CAAC,eAAe,CAAC;IACtD6B,QAAQ;IACRC,SAAS;IACTC,SAAS;AACTjB,IAAAA,MAAM,EAAEhB,gBAAgB;IACxBmC,IAAI;AACJC,IAAAA,KAAK,EAAEhC,QAAQ,KAAKI,QAAQ,CAAC8B,IAAI,IAAIF,KAAK;IAC1C/B,OAAO;AACPC,IAAAA,SAAAA;AACJ,GAAC,CACL,CAAC,CAAA;EAED,oBACIa,GAAA,CAACwB,YAAY,EAAA;IACTC,EAAE,EAAEV,MAAM,KAAKG,cAAc,CAACQ,IAAI,GAAG,GAAG,GAAG,QAAQ,CAAE;AAAA,IAAA,GACjDR,cAAc;AAAA,IAAA,GACdX,kBAAkB;AACtB,IAAA,eAAA,EAAeD,aAAc;AAC7B,IAAA,YAAA,EAAYI,SAAU;AACtBL,IAAAA,GAAG,EAAEA,GAAoC;AACzCJ,IAAAA,SAAS,EAAEqB,eAAgB;AAAApB,IAAAA,QAAA,EAE1BA,QAAAA;AAAQ,GACC,CAAC,CAAA;AAEvB,CAAC,EAAC;AACFC,UAAU,CAACwB,WAAW,GAAGjD,cAAc,CAAA;AACvCyB,UAAU,CAACyB,YAAY,GAAG,EAAE;;;;"}

package/_internal/Chip-70af04b4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chip-70af04b4.js","sources":["../../src/hooks/useStopPropagation.ts","../../src/components/chip/Chip.tsx"],"sourcesContent":["import { MouseEventHandler, useCallback } from 'react';\n\n/**\n * Wrap mouse event handler to stop event propagation.\n *\n * @param  handler   The mouse handler to wrap.\n * @return Mouse handler stopping propagation.\n */\nexport function useStopPropagation(handler?: MouseEventHandler): MouseEventHandler {\n    return useCallback(\n        (evt) => {\n            if (!evt || !handler) {\n                return;\n            }\n            handler(evt);\n            evt.stopPropagation();\n        },\n        [handler],\n    );\n}\n","import { MouseEventHandler, ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { ColorPalette, Size, Theme } from '@lumx/react';\nimport { useStopPropagation } from '@lumx/react/hooks/useStopPropagation';\n\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { onEnterPressed } from '@lumx/core/js/utils';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\nimport { HasAriaDisabled } from '@lumx/react/utils/type/HasAriaDisabled';\n\n/**\n * Chip sizes.\n */\ntype ChipSize = Extract<Size, 's' | 'm'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface ChipProps extends GenericProps, HasTheme, HasAriaDisabled {\n    /** A component to be rendered after the content. */\n    after?: ReactNode;\n    /** A component to be rendered before the content. */\n    before?: ReactNode;\n    /** Color variant. */\n    color?: ColorPalette;\n    /** Whether the component is clickable or not. */\n    isClickable?: boolean;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Whether the chip is currently in a highlighted state or not. */\n    isHighlighted?: boolean;\n    /** Whether the component is selected or not. */\n    isSelected?: boolean;\n    /** Size variant. */\n    size?: ChipSize;\n    /** On \"after\" element clicked callback. */\n    onAfterClick?: MouseEventHandler;\n    /** On \"before\" element clicked callback. */\n    onBeforeClick?: MouseEventHandler;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Chip';\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<ChipProps> = {\n    size: Size.m,\n};\n\n/**\n * Chip component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Chip = forwardRef<ChipProps, HTMLAnchorElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { isAnyDisabled, disabledStateProps, otherProps } = useDisableStateProps(props);\n    const {\n        after,\n        before,\n        children,\n        className,\n        color,\n        isClickable: propIsClickable,\n        isHighlighted,\n        isSelected,\n        onAfterClick,\n        onBeforeClick,\n        onClick,\n        size = DEFAULT_PROPS.size,\n        theme = defaultTheme,\n        href,\n        onKeyDown,\n        ...forwardedProps\n    } = otherProps;\n    const hasOnClick = Boolean(props.onClick);\n    const isButton = hasOnClick && !href;\n    const isClickable = Boolean(hasOnClick) || Boolean(href) || propIsClickable;\n\n    // Adapt color to the theme.\n    const chipColor = color || (theme === Theme.light ? ColorPalette.dark : ColorPalette.light);\n\n    const handleOnBeforeClick = useStopPropagation(onBeforeClick);\n    const handleOnAfterClick = useStopPropagation(onAfterClick);\n    const handleKeyDown = (evt: React.KeyboardEvent) => {\n        onKeyDown?.(evt);\n        if (onClick) {\n            onEnterPressed(onClick)(evt);\n        }\n    };\n\n    return (\n        // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n        <a\n            role={isButton ? 'button' : undefined}\n            tabIndex={isClickable && !disabledStateProps.disabled ? 0 : undefined}\n            {...forwardedProps}\n            href={!disabledStateProps.disabled ? href : undefined}\n            ref={ref}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    clickable: isClickable,\n                    color: chipColor,\n                    isDisabled: isAnyDisabled,\n                    hasAfter: Boolean(after),\n                    hasBefore: Boolean(before),\n                    highlighted: Boolean(isHighlighted),\n                    prefix: CLASSNAME,\n                    selected: Boolean(isSelected),\n                    size,\n                    unselected: Boolean(!isSelected),\n                }),\n            )}\n            aria-disabled={(isClickable && isAnyDisabled) || undefined}\n            onClick={onClick || undefined}\n            onKeyDown={handleKeyDown}\n        >\n            {before && (\n                // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions\n                <div\n                    className={classNames(`${CLASSNAME}__before`, {\n                        [`${CLASSNAME}__before--is-clickable`]: !!onBeforeClick,\n                    })}\n                    onClick={handleOnBeforeClick}\n                >\n                    {before}\n                </div>\n            )}\n            <div className={`${CLASSNAME}__label`}>{children}</div>\n            {after && (\n                // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions\n                <div\n                    className={classNames(`${CLASSNAME}__after`, {\n                        [`${CLASSNAME}__after--is-clickable`]: !!onAfterClick,\n                    })}\n                    onClick={handleOnAfterClick}\n                >\n                    {after}\n                </div>\n            )}\n        </a>\n    );\n});\nChip.displayName = COMPONENT_NAME;\nChip.className = CLASSNAME;\nChip.defaultProps = DEFAULT_PROPS;\n"],"names":["useStopPropagation","handler","useCallback","evt","stopPropagation","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","size","Size","m","Chip","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","isAnyDisabled","disabledStateProps","otherProps","useDisableStateProps","after","before","children","className","color","isClickable","propIsClickable","isHighlighted","isSelected","onAfterClick","onBeforeClick","onClick","theme","href","onKeyDown","forwardedProps","hasOnClick","Boolean","isButton","chipColor","ColorPalette","dark","handleOnBeforeClick","handleOnAfterClick","handleKeyDown","onEnterPressed","_jsxs","role","undefined","tabIndex","disabled","classNames","handleBasicClasses","clickable","isDisabled","hasAfter","hasBefore","highlighted","prefix","selected","unselected","_jsx","displayName","defaultProps"],"mappings":"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"}

package/_internal/ClickAwayProvider-1204f237.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClickAwayProvider-1204f237.js","sources":["../../src/hooks/useClickAway.tsx","../../src/utils/ClickAwayProvider/ClickAwayProvider.tsx"],"sourcesContent":["import { RefObject, useEffect } from 'react';\n\nimport { Falsy } from '@lumx/react/utils/type';\nimport { isEmpty } from '@lumx/core/js/utils/collection/isEmpty';\n\nconst EVENT_TYPES = ['mousedown', 'touchstart'];\n\nfunction isClickAway(targets: HTMLElement[], refs: Array<RefObject<HTMLElement>>): boolean {\n    // The targets elements are not contained in any of the listed element references.\n    return !refs.some((ref) => targets.some((target) => ref?.current?.contains(target)));\n}\n\nexport interface ClickAwayParameters {\n    /**\n     * A callback function to call when the user clicks away from the elements.\n     */\n    callback: EventListener | Falsy;\n    /**\n     * Elements considered within the click away context (clicking outside them will trigger the click away callback).\n     */\n    childrenRefs: RefObject<Array<RefObject<HTMLElement>>>;\n}\n\n/**\n * Listen to clicks away from the given elements and callback the passed in function.\n *\n * Warning: If you need to detect click away on nested React portals, please use the `ClickAwayProvider` component.\n */\nexport function useClickAway({ callback, childrenRefs }: ClickAwayParameters): void {\n    useEffect(() => {\n        const { current: currentRefs } = childrenRefs;\n        if (!callback || !currentRefs || isEmpty(currentRefs)) {\n            return undefined;\n        }\n        const listener: EventListener = (evt) => {\n            const targets = [evt.composedPath?.()[0], evt.target] as HTMLElement[];\n            if (isClickAway(targets, currentRefs)) {\n                callback(evt);\n            }\n        };\n\n        EVENT_TYPES.forEach((evtType) => document.addEventListener(evtType, listener));\n        return () => {\n            EVENT_TYPES.forEach((evtType) => document.removeEventListener(evtType, listener));\n        };\n    }, [callback, childrenRefs]);\n}\n","import { createContext, RefObject, useContext, useEffect, useMemo, useRef } from 'react';\nimport { ClickAwayParameters, useClickAway } from '@lumx/react/hooks/useClickAway';\n\ninterface ContextValue {\n    childrenRefs: Array<RefObject<HTMLElement>>;\n    addRefs(...newChildrenRefs: Array<RefObject<HTMLElement>>): void;\n}\n\nconst ClickAwayAncestorContext = createContext<ContextValue | null>(null);\n\ninterface ClickAwayProviderProps extends ClickAwayParameters {\n    /**\n     * (Optional) Element that should be considered as part of the parent\n     */\n    parentRef?: RefObject<HTMLElement>;\n    /**\n     * Children\n     */\n    children?: React.ReactNode;\n}\n\n/**\n * Component combining the `useClickAway` hook with a React context to hook into the React component tree and make sure\n * we take into account both the DOM tree and the React tree to detect click away.\n *\n * @return the react component.\n */\nexport const ClickAwayProvider: React.FC<ClickAwayProviderProps> = ({\n    children,\n    callback,\n    childrenRefs,\n    parentRef,\n}) => {\n    const parentContext = useContext(ClickAwayAncestorContext);\n    const currentContext = useMemo(() => {\n        const context: ContextValue = {\n            childrenRefs: [],\n            /**\n             * Add element refs to the current context and propagate to the parent context.\n             */\n            addRefs(...newChildrenRefs) {\n                // Add element refs that should be considered as inside the click away context.\n                context.childrenRefs.push(...newChildrenRefs);\n\n                if (parentContext) {\n                    // Also add then to the parent context\n                    parentContext.addRefs(...newChildrenRefs);\n                    if (parentRef) {\n                        // The parent element is also considered as inside the parent click away context but not inside the current context\n                        parentContext.addRefs(parentRef);\n                    }\n                }\n            },\n        };\n        return context;\n    }, [parentContext, parentRef]);\n\n    useEffect(() => {\n        const { current: currentRefs } = childrenRefs;\n        if (!currentRefs) {\n            return;\n        }\n        currentContext.addRefs(...currentRefs);\n    }, [currentContext, childrenRefs]);\n\n    useClickAway({ callback, childrenRefs: useRef(currentContext.childrenRefs) });\n    return <ClickAwayAncestorContext.Provider value={currentContext}>{children}</ClickAwayAncestorContext.Provider>;\n};\nClickAwayProvider.displayName = 'ClickAwayProvider';\n"],"names":["EVENT_TYPES","isClickAway","targets","refs","some","ref","target","current","contains","useClickAway","callback","childrenRefs","useEffect","currentRefs","isEmpty","undefined","listener","evt","composedPath","forEach","evtType","document","addEventListener","removeEventListener","ClickAwayAncestorContext","createContext","ClickAwayProvider","children","parentRef","parentContext","useContext","currentContext","useMemo","context","addRefs","newChildrenRefs","push","useRef","_jsx","Provider","value","displayName"],"mappings":"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"}

package/_internal/DisabledStateContext-ea04260d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DisabledStateContext-ea04260d.js","sources":["../../src/utils/disabled/DisabledStateContext.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\n/** Disable state */\ntype DisabledStateContextValue =\n    | {\n          state: 'disabled';\n      }\n    | { state: undefined | null };\n\nexport const DisabledStateContext = React.createContext<DisabledStateContextValue>({ state: null });\n\nexport type DisabledStateProviderProps = DisabledStateContextValue & {\n    children: React.ReactNode;\n};\n\n/**\n * Disabled state provider.\n * All nested LumX Design System components inherit this disabled state.\n */\nexport function DisabledStateProvider({ children, ...value }: DisabledStateProviderProps) {\n    return <DisabledStateContext.Provider value={value}>{children}</DisabledStateContext.Provider>;\n}\n\n/**\n * Get DisabledState context value\n */\nexport function useDisabledStateContext(): DisabledStateContextValue {\n    return useContext(DisabledStateContext);\n}\n"],"names":["DisabledStateContext","React","createContext","state","DisabledStateProvider","children","value","_jsx","Provider","useDisabledStateContext","useContext"],"mappings":";;;AASO,MAAMA,oBAAoB,gBAAGC,cAAK,CAACC,aAAa,CAA4B;AAAEC,EAAAA,KAAK,EAAE,IAAA;AAAK,CAAC,CAAC,CAAA;AAMnG;AACA;AACA;AACA;AACO,SAASC,qBAAqBA,CAAC;EAAEC,QAAQ;EAAE,GAAGC,KAAAA;AAAkC,CAAC,EAAE;AACtF,EAAA,oBAAOC,GAAA,CAACP,oBAAoB,CAACQ,QAAQ,EAAA;AAACF,IAAAA,KAAK,EAAEA,KAAM;AAAAD,IAAAA,QAAA,EAAEA,QAAAA;AAAQ,GAAgC,CAAC,CAAA;AAClG,CAAA;;AAEA;AACA;AACA;AACO,SAASI,uBAAuBA,GAA8B;EACjE,OAAOC,UAAU,CAACV,oBAAoB,CAAC,CAAA;AAC3C;;;;"}