@lumx/react 3.20.1-alpha.13 → 3.20.1-alpha.14

package/src/utils/react/wrapChildrenIconWithSpaces.tsx

@@ -0,0 +1,22 @@
+import React, { Children } from 'react';
+import { isComponentType } from '@lumx/react/utils/type';
+import { Icon } from '@lumx/react';
+
+/** Force wrap spaces around icons to make sure they are never stuck against text. */
+export function wrapChildrenIconWithSpaces(children: React.ReactNode): React.ReactNode {
+    if (children === null || children === undefined) return undefined;
+    return Children.toArray(children).flatMap((child) => {
+        if (isComponentType(Icon)(child)) {
+            return [' ', child, ' '];
+        }
+        if (
+            React.isValidElement(child) &&
+            child.props &&
+            typeof child.props === 'object' &&
+            'children' in child.props
+        ) {
+            return React.cloneElement(child, undefined, wrapChildrenIconWithSpaces(child.props.children));
+        }
+        return child;
+    });
+}

package/src/utils/theme/ThemeContext.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { Theme } from '@lumx/react';
+
+type ThemeContextValue = Theme | undefined;
+export const ThemeContext = React.createContext<ThemeContextValue>(undefined);
+
+/** Provide a theme context to all children. */
+export const ThemeProvider = ThemeContext.Provider as React.FC<{
+    value: ThemeContextValue;
+    children?: React.ReactNode;
+}>;
+
+/** Get the theme in the current context. */
+export function useTheme(): ThemeContextValue {
+    return React.useContext(ThemeContext);
+}

package/src/utils/theme/invertTheme.ts

@@ -0,0 +1,4 @@
+import type { Theme } from '@lumx/react';
+
+/** Invert the color of the given theme. */
+export const invertTheme = (theme: Theme): Theme => (theme === 'light' ? 'dark' : 'light');

package/src/utils/type/Comp.ts

@@ -0,0 +1,14 @@
+import type { ReactElement, Ref } from 'react';
+
+/** LumX Component Type. */
+export type Comp<P, T = HTMLElement> = {
+    (props: P & { ref?: Ref<T> }): ReactElement | null;
+    /** React component type. */
+    readonly $$typeof: symbol;
+    /** Component default props. */
+    defaultProps?: Partial<P>;
+    /** Component name. */
+    displayName?: string;
+    /** Component base class name. */
+    className?: string;
+};

package/src/utils/type/ComponentRef.ts

@@ -0,0 +1,16 @@
+import type React from 'react';
+import type { Comp } from './Comp';
+
+/**
+ * Extract ref type for a component or JSX intrinsic element
+ *
+ * @example ComponentRef<'div'> => React.Ref<HTMLDivElement>
+ * @example ComponentRef<Button> => React.Ref<HTMLButtonElement
+ */
+export type ComponentRef<C> = C extends keyof JSX.IntrinsicElements
+    ? JSX.IntrinsicElements[C]['ref']
+    : C extends Comp<any, infer T>
+      ? React.Ref<T>
+      : C extends React.JSXElementConstructor<{ ref?: infer R }>
+        ? R
+        : never;

package/src/utils/type/HasAriaDisabled.ts

@@ -0,0 +1,6 @@
+import type { AriaAttributes } from 'react';
+
+export interface HasAriaDisabled {
+    /** Similar to `disabled` but does not block pointer events or focus */
+    'aria-disabled'?: AriaAttributes['aria-disabled'];
+}

package/src/utils/type/HasPolymorphicAs.ts

@@ -0,0 +1,6 @@
+export type HasPolymorphicAs<E extends React.ElementType> = React.ComponentPropsWithoutRef<E> & {
+    /**
+     * Customize the rendered component.
+     */
+    as?: E;
+};

package/src/utils/type/HasRequiredLinkHref.ts

@@ -0,0 +1 @@
+export type HasRequiredLinkHref<E> = E extends 'a' ? { href: string } : Record<string, unknown>;

package/src/utils/type/MaybeElementOrRef.ts

@@ -0,0 +1,6 @@
+import type React from 'react';
+
+/**
+ * Maybe a HTMLElement or a React ref of a HTMLElement
+ */
+export type MaybeElementOrRef<E extends HTMLElement> = E | React.RefObject<E | null> | null | undefined;

package/src/utils/type/index.ts

@@ -0,0 +1,9 @@
+export type * from '@lumx/core/js/types';
+
+export type { Comp } from './Comp';
+export type { ComponentRef } from './ComponentRef';
+export type { HasPolymorphicAs } from './HasPolymorphicAs';
+export { isComponent } from './isComponent';
+export { isComponentType } from './isComponentType';
+export type { MaybeElementOrRef } from './MaybeElementOrRef';
+export type { HasRequiredLinkHref } from './HasRequiredLinkHref';

package/src/utils/type/isComponent.ts

@@ -0,0 +1,33 @@
+import type { ReactElement, ReactNode } from 'react';
+import get from 'lodash/get';
+import type { Comp } from './Comp';
+
+/**
+ * Properties of a component to use to determine it's name.
+ * In the order of preference.
+ */
+const NAME_PROPERTIES: string[] = [
+    'type',
+    'type.displayName',
+    'displayName',
+    'name',
+    'type.name',
+    'props.mdxType',
+    '_reactInternalFiber.elementType.name',
+];
+/**
+ * Create a predicate function that checks if a ReactNode is a react element from the given component.
+ *
+ * @param  component React function component or the component name
+ * @return predicate returning true if value is instance of the component
+ */
+export const isComponent =
+    <C>(component: Comp<C, any> | string) =>
+    (instance: ReactNode): instance is ReactElement => {
+        const componentName = typeof component === 'string' ? component : component.displayName;
+
+        return (
+            !!get(instance, '$$typeof') &&
+            NAME_PROPERTIES.some((nameProperty: string): boolean => get(instance, nameProperty) === componentName)
+        );
+    };

package/src/utils/type/isComponentType.ts

@@ -0,0 +1,9 @@
+import React, { ReactElement, ReactNode } from 'react';
+
+/**
+ * Similar to `isComponent` but more precise as it's not based on the component `displayName` but on the component function reference.
+ */
+export const isComponentType =
+    (type: ReactElement['type']) =>
+    (node: ReactNode): node is ReactElement =>
+        React.isValidElement(node) && node.type === type;

package/utils/index.d.ts

@@ -1,5 +1,5 @@
 import React__default, { RefObject } from 'react';
-import { Falsy } from '@lumx/core/js/types';
+import { F as Falsy } from '../_internal/Falsy.js';
 
 interface ClickAwayParameters {
     /**

package/utils/index.js

@@ -1,4 +1,2 @@
-export { C as ClickAwayProvider } from '../_internal/ClickAwayProvider-bcce6ceb.js';
-export { P as Portal, a as PortalProvider } from '../_internal/Portal-c43d098b.js';
-export { D as DisabledStateProvider, u as useDisabledStateContext } from '../_internal/DisabledStateContext-077b7bef.js';
+export { C as ClickAwayProvider, D as DisabledStateProvider, P as Portal, c as PortalProvider, u as useDisabledStateContext } from '../_internal/index.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-f19e18df.js

@@ -1,96 +0,0 @@
-import { f as forwardRef, c as classNames, _ as _extends } from './forwardRef-49d2bb84.js';
-import isEmpty from 'lodash/isEmpty';
-import { i as isComponent } from './isComponent-78df9309.js';
-import { getRootClassName, getBasicClass } from '@lumx/core/js/utils/className';
-import { u as useTheme, T as ThemeProvider } from './ThemeContext-3181f000.js';
-import { B as ButtonRoot } from './ButtonRoot-ab633b1d.js';
-import { T as Text } from './index-b4d256e7.js';
-import { Emphasis, Size, Theme } from '@lumx/core/js/constants';
-import { Icon } from './components/icon-2e7345ad.js';
-
-/**
- * Button emphasis definition.
- * @deprecated Use Emphasis instead.
- */
-const ButtonEmphasis = Emphasis;
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Button';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  emphasis: Emphasis.high,
-  size: Size.m
-};
-
-/**
- * Button component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Button = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    children,
-    className,
-    emphasis = DEFAULT_PROPS.emphasis,
-    leftIcon,
-    rightIcon,
-    size = DEFAULT_PROPS.size,
-    theme = defaultTheme,
-    ...forwardedProps
-  } = props;
-  const buttonClassName = classNames(className, getBasicClass({
-    prefix: CLASSNAME,
-    type: 'hasLeftIcon',
-    value: !isEmpty(leftIcon)
-  }), getBasicClass({
-    prefix: CLASSNAME,
-    type: 'hasRightIcon',
-    value: !isEmpty(rightIcon)
-  }));
-  return /*#__PURE__*/React.createElement(ButtonRoot, _extends({
-    ref: ref,
-    emphasis,
-    size,
-    theme
-  }, forwardedProps, {
-    className: buttonClassName,
-    variant: "button"
-  }), leftIcon && !isEmpty(leftIcon) &&
-  /*#__PURE__*/
-  // Theme is handled in the button scss
-  React.createElement(ThemeProvider, {
-    value: undefined
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: leftIcon
-  })), children && (isComponent(Text)(children) ? children : /*#__PURE__*/React.createElement("span", null, children)), rightIcon && !isEmpty(rightIcon) &&
-  /*#__PURE__*/
-  // Theme is handled in the button scss
-  React.createElement(ThemeProvider, {
-    value: undefined
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: rightIcon
-  })));
-});
-Button.displayName = COMPONENT_NAME;
-Button.className = CLASSNAME;
-Button.defaultProps = DEFAULT_PROPS;
-
-export { ButtonEmphasis as B, Button as a };
-//# sourceMappingURL=Button-f19e18df.js.map

package/_internal/Button-f19e18df.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-f19e18df.js","sources":["../../src/components/button/Button.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\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: !isEmpty(leftIcon) }),\n        getBasicClass({ prefix: CLASSNAME, type: 'hasRightIcon', value: !isEmpty(rightIcon) }),\n    );\n\n    return (\n        <ButtonRoot\n            ref={ref}\n            {...{ emphasis, size, theme, ...forwardedProps }}\n            className={buttonClassName}\n            variant=\"button\"\n        >\n            {leftIcon && !isEmpty(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 && !isEmpty(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","isEmpty","React","createElement","ButtonRoot","_extends","variant","ThemeProvider","undefined","Icon","icon","isComponent","Text","displayName","defaultProps"],"mappings":";;;;;;;;;;AAWA;AACA;AACA;AACA;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;AAAEC,IAAAA,KAAK,EAAE,CAACC,OAAO,CAACV,QAAQ,CAAA;GAAG,CAAC,EACpFM,aAAa,CAAC;AAAEC,IAAAA,MAAM,EAAEzB,SAAS;AAAE0B,IAAAA,IAAI,EAAE,cAAc;AAAEC,IAAAA,KAAK,EAAE,CAACC,OAAO,CAACT,SAAS,CAAA;AAAE,GAAC,CACzF,CAAC,CAAA;AAED,EAAA,oBACIU,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,QAAA,CAAA;AACPrB,IAAAA,GAAG,EAAEA,GAAI;IACHR,QAAQ;IAAEE,IAAI;AAAEe,IAAAA,KAAAA;AAAK,GAAA,EAAKC,cAAc,EAAA;AAC9CJ,IAAAA,SAAS,EAAEK,eAAgB;AAC3BW,IAAAA,OAAO,EAAC,QAAA;AAAQ,GAAA,CAAA,EAEff,QAAQ,IAAI,CAACU,OAAO,CAACV,QAAQ,CAAC;AAAA;AAC3B;EACAW,KAAA,CAAAC,aAAA,CAACI,aAAa,EAAA;AAACP,IAAAA,KAAK,EAAEQ,SAAAA;AAAU,GAAA,eAC5BN,KAAA,CAAAC,aAAA,CAACM,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAEnB,QAAAA;AAAS,GAAE,CACZ,CAClB,EACAF,QAAQ,KAAKsB,WAAW,CAACC,IAAI,CAAC,CAACvB,QAAQ,CAAC,GAAGA,QAAQ,gBAAGa,KAAA,CAAAC,aAAA,CAAOd,MAAAA,EAAAA,IAAAA,EAAAA,QAAe,CAAC,CAAC,EAC9EG,SAAS,IAAI,CAACS,OAAO,CAACT,SAAS,CAAC;AAAA;AAC7B;EACAU,KAAA,CAAAC,aAAA,CAACI,aAAa,EAAA;AAACP,IAAAA,KAAK,EAAEQ,SAAAA;AAAU,GAAA,eAC5BN,KAAA,CAAAC,aAAA,CAACM,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAElB,SAAAA;GAAY,CACb,CAEX,CAAC,CAAA;AAErB,CAAC,EAAC;AACFX,MAAM,CAACgC,WAAW,GAAGzC,cAAc,CAAA;AACnCS,MAAM,CAACS,SAAS,GAAGjB,SAAS,CAAA;AAC5BQ,MAAM,CAACiC,YAAY,GAAGvC,aAAa;;;;"}

package/_internal/ButtonRoot-ab633b1d.js

@@ -1,115 +0,0 @@
-import { f as forwardRef, c as classNames, _ as _extends } from './forwardRef-49d2bb84.js';
-import './constants-d0e3f49e.js';
-import { handleBasicClasses } from '@lumx/core/js/utils/className';
-import { R as RawClickable } from './RawClickable-c76bbc4c.js';
-import { u as useDisableStateProps } from './useDisableStateProps-fffc365f.js';
-import { Emphasis, Theme, ColorPalette, CSS_PREFIX } from '@lumx/core/js/constants';
-
-/**
- * Button size definition.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'ButtonRoot';
-const BUTTON_WRAPPER_CLASSNAME = `${CSS_PREFIX}-button-wrapper`;
-const BUTTON_CLASSNAME = `${CSS_PREFIX}-button`;
-
-/**
- * Render a button wrapper with the ButtonRoot inside.
- *
- * @param  props Component props.
- * @return React element.
- */
-const renderButtonWrapper = props => {
-  const {
-    color,
-    emphasis,
-    variant,
-    fullWidth
-  } = props;
-  const adaptedColor = emphasis === Emphasis.low && (color === ColorPalette.light ? ColorPalette.dark : ColorPalette.light);
-  const wrapperClassName = classNames(handleBasicClasses({
-    color: adaptedColor,
-    prefix: BUTTON_WRAPPER_CLASSNAME,
-    variant,
-    fullWidth
-  }));
-  const buttonProps = {
-    ...props,
-    hasBackground: false
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: wrapperClassName
-  }, /*#__PURE__*/React.createElement(ButtonRoot, buttonProps));
-};
-
-/**
- * ButtonRoot component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const ButtonRoot = forwardRef((props, ref) => {
-  const {
-    isAnyDisabled,
-    disabledStateProps,
-    otherProps
-  } = useDisableStateProps(props);
-  const {
-    'aria-label': ariaLabel,
-    children,
-    className,
-    color,
-    emphasis,
-    hasBackground,
-    isSelected,
-    isActive,
-    isFocused,
-    isHovered,
-    linkAs,
-    size,
-    theme,
-    variant,
-    fullWidth,
-    ...forwardedProps
-  } = otherProps;
-  const adaptedColor = color || emphasis !== Emphasis.high && theme === Theme.dark && ColorPalette.light || emphasis === Emphasis.high && ColorPalette.primary || ColorPalette.dark;
-  if (hasBackground) {
-    return renderButtonWrapper({
-      ...props,
-      ref,
-      variant,
-      color: adaptedColor
-    });
-  }
-  const buttonClassName = classNames(className, handleBasicClasses({
-    color: adaptedColor,
-    emphasis,
-    isSelected,
-    isDisabled: props.isDisabled || props['aria-disabled'],
-    isActive,
-    isFocused,
-    isHovered,
-    prefix: BUTTON_CLASSNAME,
-    size,
-    theme: emphasis === Emphasis.high && theme,
-    variant,
-    fullWidth
-  }));
-  return /*#__PURE__*/React.createElement(RawClickable, _extends({
-    as: linkAs || (forwardedProps.href ? 'a' : 'button')
-  }, forwardedProps, disabledStateProps, {
-    "aria-disabled": isAnyDisabled,
-    "aria-label": ariaLabel,
-    ref: ref,
-    className: buttonClassName
-  }), children);
-});
-ButtonRoot.displayName = COMPONENT_NAME;
-ButtonRoot.defaultProps = {};
-
-export { ButtonRoot as B };
-//# sourceMappingURL=ButtonRoot-ab633b1d.js.map

package/_internal/ButtonRoot-ab633b1d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonRoot-ab633b1d.js","sources":["../../src/components/button/ButtonRoot.tsx"],"sourcesContent":["import { AriaAttributes, ButtonHTMLAttributes, DetailedHTMLProps, RefObject } from 'react';\n\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","React","createElement","className","ButtonRoot","forwardRef","ref","isAnyDisabled","disabledStateProps","otherProps","useDisableStateProps","ariaLabel","children","isSelected","isActive","isFocused","isHovered","linkAs","size","theme","forwardedProps","high","Theme","primary","buttonClassName","isDisabled","RawClickable","_extends","as","href","displayName","defaultProps"],"mappings":"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"}

package/_internal/Chip-4c572eec.js

@@ -1,149 +0,0 @@
-import { f as forwardRef, _ as _extends, c as classNames } from './forwardRef-49d2bb84.js';
-import isFunction from 'lodash/isFunction';
-import { useCallback } from 'react';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { onEnterPressed } from '@lumx/core/js/utils';
-import { u as useTheme } from './ThemeContext-3181f000.js';
-import { u as useDisableStateProps } from './useDisableStateProps-fffc365f.js';
-import { Size, Theme, ColorPalette } from '@lumx/core/js/constants';
-
-/**
- * Wrap mouse event handler to stop event propagation.
- *
- * @param  handler   The mouse handler to wrap.
- * @return Mouse handler stopping propagation.
- */
-function useStopPropagation(handler) {
-  return useCallback(evt => {
-    if (!evt || !isFunction(handler)) {
-      return;
-    }
-    handler(evt);
-    evt.stopPropagation();
-  }, [handler]);
-}
-
-/**
- * Chip sizes.
- */
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Chip';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  size: Size.m
-};
-
-/**
- * Chip component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Chip = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    isAnyDisabled,
-    disabledStateProps,
-    otherProps
-  } = useDisableStateProps(props);
-  const {
-    after,
-    before,
-    children,
-    className,
-    color,
-    isClickable: propIsClickable,
-    isHighlighted,
-    isSelected,
-    onAfterClick,
-    onBeforeClick,
-    onClick,
-    size = DEFAULT_PROPS.size,
-    theme = defaultTheme,
-    href,
-    onKeyDown,
-    ...forwardedProps
-  } = otherProps;
-  const hasAfterClick = isFunction(onAfterClick);
-  const hasBeforeClick = isFunction(onBeforeClick);
-  const hasOnClick = isFunction(props.onClick);
-  const isButton = hasOnClick && !href;
-  const isClickable = Boolean(hasOnClick) || Boolean(href) || propIsClickable;
-
-  // Adapt color to the theme.
-  const chipColor = color || (theme === Theme.light ? ColorPalette.dark : ColorPalette.light);
-  const handleOnBeforeClick = useStopPropagation(onBeforeClick);
-  const handleOnAfterClick = useStopPropagation(onAfterClick);
-  const handleKeyDown = evt => {
-    onKeyDown?.(evt);
-    if (hasOnClick) {
-      onEnterPressed(onClick)(evt);
-    }
-  };
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    React.createElement("a", _extends({
-      role: isButton ? 'button' : undefined,
-      tabIndex: isClickable && !disabledStateProps.disabled ? 0 : undefined
-    }, forwardedProps, {
-      href: !disabledStateProps.disabled ? href : undefined,
-      ref: ref,
-      className: classNames(className, handleBasicClasses({
-        clickable: isClickable,
-        color: chipColor,
-        isDisabled: isAnyDisabled,
-        hasAfter: Boolean(after),
-        hasBefore: Boolean(before),
-        highlighted: Boolean(isHighlighted),
-        prefix: CLASSNAME,
-        selected: Boolean(isSelected),
-        size,
-        unselected: Boolean(!isSelected)
-      })),
-      "aria-disabled": isClickable && isAnyDisabled || undefined,
-      onClick: hasOnClick ? onClick : undefined,
-      onKeyDown: handleKeyDown
-    }), before &&
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-    React.createElement("div", {
-      className: classNames(`${CLASSNAME}__before`, {
-        [`${CLASSNAME}__before--is-clickable`]: hasBeforeClick
-      }),
-      onClick: handleOnBeforeClick
-    }, before), /*#__PURE__*/React.createElement("div", {
-      className: `${CLASSNAME}__label`
-    }, children), after &&
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-    React.createElement("div", {
-      className: classNames(`${CLASSNAME}__after`, {
-        [`${CLASSNAME}__after--is-clickable`]: hasAfterClick
-      }),
-      onClick: handleOnAfterClick
-    }, after))
-  );
-});
-Chip.displayName = COMPONENT_NAME;
-Chip.className = CLASSNAME;
-Chip.defaultProps = DEFAULT_PROPS;
-
-export { Chip as C };
-//# sourceMappingURL=Chip-4c572eec.js.map

package/_internal/Chip-4c572eec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chip-4c572eec.js","sources":["../../src/hooks/useStopPropagation.ts","../../src/components/chip/Chip.tsx"],"sourcesContent":["import isFunction from 'lodash/isFunction';\nimport { 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 || !isFunction(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';\nimport isFunction from 'lodash/isFunction';\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 hasAfterClick = isFunction(onAfterClick);\n    const hasBeforeClick = isFunction(onBeforeClick);\n    const hasOnClick = isFunction(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 (hasOnClick) {\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={hasOnClick ? 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`]: hasBeforeClick,\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`]: hasAfterClick,\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","isFunction","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","hasAfterClick","hasBeforeClick","hasOnClick","isButton","Boolean","chipColor","ColorPalette","dark","handleOnBeforeClick","handleOnAfterClick","handleKeyDown","onEnterPressed","React","createElement","_extends","role","undefined","tabIndex","disabled","classNames","handleBasicClasses","clickable","isDisabled","hasAfter","hasBefore","highlighted","prefix","selected","unselected","displayName","defaultProps"],"mappings":";;;;;;;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,kBAAkBA,CAACC,OAA2B,EAAqB;EAC/E,OAAOC,WAAW,CACbC,GAAG,IAAK;IACL,IAAI,CAACA,GAAG,IAAI,CAACC,UAAU,CAACH,OAAO,CAAC,EAAE;AAC9B,MAAA,OAAA;AACJ,KAAA;IACAA,OAAO,CAACE,GAAG,CAAC,CAAA;IACZA,GAAG,CAACE,eAAe,EAAE,CAAA;AACzB,GAAC,EACD,CAACJ,OAAO,CACZ,CAAC,CAAA;AACL;;ACJA;AACA;AACA;;AAGA;AACA;AACA;;AA0BA;AACA;AACA;AACA,MAAMK,cAAc,GAAG,MAAM,CAAA;;AAE7B;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAiC,GAAG;EACtCC,IAAI,EAAEC,IAAI,CAACC,CAAAA;AACf,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,IAAI,GAAGC,UAAU,CAA+B,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzE,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IAAEC,aAAa;IAAEC,kBAAkB;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAGC,oBAAoB,CAACT,KAAK,CAAC,CAAA;EACrF,MAAM;IACFU,KAAK;IACLC,MAAM;IACNC,QAAQ;IACRC,SAAS;IACTC,KAAK;AACLC,IAAAA,WAAW,EAAEC,eAAe;IAC5BC,aAAa;IACbC,UAAU;IACVC,YAAY;IACZC,aAAa;IACbC,OAAO;IACP1B,IAAI,GAAGD,aAAa,CAACC,IAAI;AACzB2B,IAAAA,KAAK,GAAGpB,YAAY;IACpBqB,IAAI;IACJC,SAAS;IACT,GAAGC,cAAAA;AACP,GAAC,GAAGjB,UAAU,CAAA;AACd,EAAA,MAAMkB,aAAa,GAAGrC,UAAU,CAAC8B,YAAY,CAAC,CAAA;AAC9C,EAAA,MAAMQ,cAAc,GAAGtC,UAAU,CAAC+B,aAAa,CAAC,CAAA;AAChD,EAAA,MAAMQ,UAAU,GAAGvC,UAAU,CAACW,KAAK,CAACqB,OAAO,CAAC,CAAA;AAC5C,EAAA,MAAMQ,QAAQ,GAAGD,UAAU,IAAI,CAACL,IAAI,CAAA;AACpC,EAAA,MAAMR,WAAW,GAAGe,OAAO,CAACF,UAAU,CAAC,IAAIE,OAAO,CAACP,IAAI,CAAC,IAAIP,eAAe,CAAA;;AAE3E;AACA,EAAA,MAAMe,SAAS,GAAGjB,KAAK,KAAKQ,KAAK,KAAKlB,KAAK,CAACC,KAAK,GAAG2B,YAAY,CAACC,IAAI,GAAGD,YAAY,CAAC3B,KAAK,CAAC,CAAA;AAE3F,EAAA,MAAM6B,mBAAmB,GAAGjD,kBAAkB,CAACmC,aAAa,CAAC,CAAA;AAC7D,EAAA,MAAMe,kBAAkB,GAAGlD,kBAAkB,CAACkC,YAAY,CAAC,CAAA;EAC3D,MAAMiB,aAAa,GAAIhD,GAAwB,IAAK;IAChDoC,SAAS,GAAGpC,GAAG,CAAC,CAAA;AAChB,IAAA,IAAIwC,UAAU,EAAE;AACZS,MAAAA,cAAc,CAAChB,OAAO,CAAC,CAACjC,GAAG,CAAC,CAAA;AAChC,KAAA;GACH,CAAA;AAED,EAAA;AAAA;AACI;IACAkD,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAAC,QAAA,CAAA;AACIC,MAAAA,IAAI,EAAEZ,QAAQ,GAAG,QAAQ,GAAGa,SAAU;MACtCC,QAAQ,EAAE5B,WAAW,IAAI,CAACR,kBAAkB,CAACqC,QAAQ,GAAG,CAAC,GAAGF,SAAAA;AAAU,KAAA,EAClEjB,cAAc,EAAA;MAClBF,IAAI,EAAE,CAAChB,kBAAkB,CAACqC,QAAQ,GAAGrB,IAAI,GAAGmB,SAAU;AACtDzC,MAAAA,GAAG,EAAEA,GAAI;AACTY,MAAAA,SAAS,EAAEgC,UAAU,CACjBhC,SAAS,EACTiC,kBAAkB,CAAC;AACfC,QAAAA,SAAS,EAAEhC,WAAW;AACtBD,QAAAA,KAAK,EAAEiB,SAAS;AAChBiB,QAAAA,UAAU,EAAE1C,aAAa;AACzB2C,QAAAA,QAAQ,EAAEnB,OAAO,CAACpB,KAAK,CAAC;AACxBwC,QAAAA,SAAS,EAAEpB,OAAO,CAACnB,MAAM,CAAC;AAC1BwC,QAAAA,WAAW,EAAErB,OAAO,CAACb,aAAa,CAAC;AACnCmC,QAAAA,MAAM,EAAE5D,SAAS;AACjB6D,QAAAA,QAAQ,EAAEvB,OAAO,CAACZ,UAAU,CAAC;QAC7BvB,IAAI;AACJ2D,QAAAA,UAAU,EAAExB,OAAO,CAAC,CAACZ,UAAU,CAAA;AACnC,OAAC,CACL,CAAE;AACF,MAAA,eAAA,EAAgBH,WAAW,IAAIT,aAAa,IAAKoC,SAAU;AAC3DrB,MAAAA,OAAO,EAAEO,UAAU,GAAGP,OAAO,GAAGqB,SAAU;AAC1ClB,MAAAA,SAAS,EAAEY,aAAAA;AAAc,KAAA,CAAA,EAExBzB,MAAM;AAAA;AACH;AACA2B,IAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACI1B,MAAAA,SAAS,EAAEgC,UAAU,CAAC,CAAGrD,EAAAA,SAAS,UAAU,EAAE;QAC1C,CAAC,CAAA,EAAGA,SAAS,CAAA,sBAAA,CAAwB,GAAGmC,cAAAA;AAC5C,OAAC,CAAE;AACHN,MAAAA,OAAO,EAAEa,mBAAAA;AAAoB,KAAA,EAE5BvB,MACA,CACR,eACD2B,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAK1B,SAAS,EAAE,GAAGrB,SAAS,CAAA,OAAA,CAAA;KAAYoB,EAAAA,QAAc,CAAC,EACtDF,KAAK;AAAA;AACF;AACA4B,IAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACI1B,MAAAA,SAAS,EAAEgC,UAAU,CAAC,CAAGrD,EAAAA,SAAS,SAAS,EAAE;QACzC,CAAC,CAAA,EAAGA,SAAS,CAAA,qBAAA,CAAuB,GAAGkC,aAAAA;AAC3C,OAAC,CAAE;AACHL,MAAAA,OAAO,EAAEc,kBAAAA;AAAmB,KAAA,EAE3BzB,KACA,CAEV,CAAA;AAAC,IAAA;AAEZ,CAAC,EAAC;AACFZ,IAAI,CAACyD,WAAW,GAAGhE,cAAc,CAAA;AACjCO,IAAI,CAACe,SAAS,GAAGrB,SAAS,CAAA;AAC1BM,IAAI,CAAC0D,YAAY,GAAG9D,aAAa;;;;"}