@qoretechnologies/reqore 0.68.1 → 0.68.2

package/dist/esm/components/Accordion/index.js

@@ -1,142 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { rgba } from 'polished';
-import { forwardRef, memo, useCallback, useMemo, useState } from 'react';
-import styled, { css } from 'styled-components';
-import { GAP_FROM_SIZE, PADDING_FROM_SIZE, RADIUS_FROM_SIZE, TEXT_FROM_SIZE, } from '../../constants/sizes';
-import { changeDarkness, changeLightness, getMainBackgroundColor, getReadableColor, } from '../../helpers/colors';
-import { getOneLessSize } from '../../helpers/utils';
-import { useReqoreTheme } from '../../hooks/useTheme';
-import { ACTIVE_ICON_SCALE, DisabledElement, INACTIVE_ICON_SCALE } from '../../styles';
-import { ButtonBadge } from '../Button';
-import { patchPrimaryGradient, StyledEffect } from '../Effect';
-import { ReqoreHeading } from '../Header';
-import ReqoreIcon, { StyledIconWrapper } from '../Icon';
-import { ReqoreSpan } from '../Span';
-import { ReqoreTooltipComponent } from '../TooltipComponent';
-const StyledAccordionWrapper = styled(StyledEffect) `
-  display: flex;
-  flex-direction: column;
-  width: ${({ $fluid }) => ($fluid ? '100%' : undefined)};
-  border-radius: ${({ rounded, size }) => (rounded ? RADIUS_FROM_SIZE[size] : 0)}px;
-  overflow: hidden;
-  border: ${({ flat, theme }) => flat ? undefined : `1px solid ${changeLightness(getMainBackgroundColor(theme), 0.08)}`};
-
-  ${({ disabled }) => disabled &&
-    css `
-      ${DisabledElement};
-    `}
-`;
-const StyledAccordionItem = styled.div `
-  &:not(:first-child) {
-    border-top: ${({ flat, theme }) => flat ? undefined : `1px solid ${changeLightness(getMainBackgroundColor(theme), 0.08)}`};
-  }
-`;
-const StyledAccordionHeader = styled.div `
-  display: flex;
-  align-items: center;
-  gap: ${() => GAP_FROM_SIZE.normal}px;
-  padding: ${({ size }) => `${PADDING_FROM_SIZE[size] * 1.5}px ${PADDING_FROM_SIZE[size] * 1.5}px`};
-  cursor: pointer;
-  user-select: none;
-  transition: background-color 0.15s ease-out;
-  background-color: ${({ theme, opacity = 1, minimal, intent }) => {
-    if (minimal) {
-        return intent ? rgba(theme.intents[intent], 0.1) : 'transparent';
-    }
-    return rgba(changeLightness(getMainBackgroundColor(theme), 0.03), opacity);
-}};
-  color: ${({ theme }) => getReadableColor(theme, undefined, undefined, true)};
-  font-size: ${({ size }) => TEXT_FROM_SIZE[size]}px;
-
-  ${StyledIconWrapper} {
-    transform: scale(${INACTIVE_ICON_SCALE});
-    transition: transform 0.15s ease-out;
-  }
-
-  &:hover {
-    background-color: ${({ theme, opacity = 1, disabled, minimal, intent }) => {
-    if (disabled)
-        return undefined;
-    if (minimal) {
-        return intent ? rgba(theme.intents[intent], 0.18) : 'transparent';
-    }
-    return rgba(changeLightness(getMainBackgroundColor(theme), 0.05), opacity);
-}};
-
-    ${StyledIconWrapper} {
-      transform: scale(${ACTIVE_ICON_SCALE});
-    }
-  }
-
-  ${({ disabled }) => disabled &&
-    css `
-      ${DisabledElement};
-    `}
-`;
-const StyledAccordionChevron = styled(StyledIconWrapper) `
-  transition: transform 0.2s ease-out !important;
-  transform: rotate(${({ $isOpen }) => ($isOpen ? '180deg' : '0deg')}) !important;
-  flex-shrink: 0;
-`;
-const StyledAccordionContentWrapper = styled.div `
-  display: grid;
-  grid-template-rows: ${({ $isOpen }) => ($isOpen ? '1fr' : '0fr')};
-  transition: grid-template-rows 0.2s ease-in-out;
-`;
-const StyledAccordionContentInner = styled.div `
-  overflow: hidden;
-`;
-const StyledAccordionContentBody = styled.div `
-  padding: ${({ size }) => `${PADDING_FROM_SIZE[size] * 3}px ${PADDING_FROM_SIZE[size] * 4.6}px`};
-  font-size: ${({ size }) => TEXT_FROM_SIZE[size]}px;
-  color: ${({ theme }) => getReadableColor(theme, undefined, undefined, true)};
-  background-color: ${({ theme }) => rgba(changeDarkness(getMainBackgroundColor(theme), 0.03), 1)};
-  border-top: 1px solid ${({ theme }) => changeLightness(getMainBackgroundColor(theme), 0.05)};
-`;
-const AccordionItemRenderer = memo(({ item, index, isOpen, theme, customTheme, size, intent, flat, rounded, minimal, disabled, effectiveOpacity, isFirst, isLast, onToggle, onKeyDown, }) => {
-    const itemIntent = item.intent || intent;
-    const itemTheme = useReqoreTheme('main', customTheme, itemIntent);
-    const isItemDisabled = item.disabled || disabled;
-    return (_jsxs(StyledAccordionItem, { theme: theme, size: size, disabled: isItemDisabled, intent: itemIntent, flat: flat, isFirst: isFirst, isLast: isLast, rounded: rounded, opacity: effectiveOpacity, className: 'reqore-accordion-item', children: [_jsxs(StyledAccordionHeader, { theme: itemTheme, size: size, "$isOpen": isOpen, disabled: isItemDisabled, intent: itemIntent, flat: flat, minimal: minimal, opacity: effectiveOpacity, onClick: () => onToggle(index), onKeyDown: (e) => onKeyDown(e, index), tabIndex: isItemDisabled ? undefined : 0, role: 'button', "aria-expanded": isOpen, className: 'reqore-accordion-header', children: [_jsx(StyledAccordionChevron, { as: 'span', "$isOpen": isOpen, children: _jsx(ReqoreIcon, { icon: 'ArrowDownSLine', size: getOneLessSize(size) }) }), item.icon && (_jsx(ReqoreIcon, { icon: item.icon, size: getOneLessSize(size), color: item.iconColor, className: 'reqore-accordion-icon' })), _jsx(ReqoreHeading, { size: getOneLessSize(size), effect: item.labelEffect, className: 'reqore-accordion-title', children: item.label }), (item.badge || item.badge === 0) && _jsx(ButtonBadge, { content: item.badge, size: size })] }), _jsx(StyledAccordionContentWrapper, { theme: theme, size: size, "$isOpen": isOpen, children: _jsx(StyledAccordionContentInner, { theme: theme, size: size, children: _jsx(StyledAccordionContentBody, { theme: theme, size: size, className: 'reqore-accordion-content', children: typeof item.content === 'string' ? (_jsx(ReqoreSpan, { size: size, children: item.content })) : (item.content) }) }) })] }));
-});
-export const ReqoreAccordion = memo(forwardRef(({ items, allowMultiple = true, size = 'normal', customTheme, inheritCustomTheme, intent, fluid, flat, disabled, tooltip, rounded = true, minimal, effect, opacity, transparent, onItemToggle, className, ...rest }, ref) => {
-    const theme = useReqoreTheme('main', customTheme, intent, undefined, inheritCustomTheme);
-    const [openItems, setOpenItems] = useState(() => items.reduce((acc, item, index) => {
-        if (item.isOpen) {
-            acc[index] = true;
-        }
-        return acc;
-    }, {}));
-    const handleToggle = useCallback((index) => {
-        if (items[index]?.disabled || disabled)
-            return;
-        setOpenItems((prev) => {
-            const isCurrentlyOpen = !!prev[index];
-            const newState = allowMultiple ? { ...prev } : {};
-            newState[index] = !isCurrentlyOpen;
-            return newState;
-        });
-        onItemToggle?.(index, !openItems[index]);
-    }, [allowMultiple, disabled, items, onItemToggle, openItems]);
-    const handleKeyDown = useCallback((event, index) => {
-        if (event.key === 'Enter' || event.key === ' ') {
-            event.preventDefault();
-            handleToggle(index);
-        }
-    }, [handleToggle]);
-    const transformedEffect = useMemo(() => {
-        if (!effect)
-            return undefined;
-        const newEffect = { ...effect };
-        if (newEffect.gradient && intent) {
-            newEffect.gradient = patchPrimaryGradient(newEffect.gradient, {
-                borderColor: theme.intents[intent],
-            });
-        }
-        return newEffect;
-    }, [effect, intent, theme]);
-    const effectiveOpacity = transparent ? 0 : opacity;
-    return (_jsx(ReqoreTooltipComponent, { ...rest, Component: StyledAccordionWrapper, tooltip: tooltip, ref: ref, theme: theme, size: size, "$fluid": fluid, disabled: disabled, rounded: rounded, flat: flat, intent: intent, opacity: effectiveOpacity, effect: transformedEffect, className: `${className || ''} reqore-accordion`, children: items.map((item, index) => (_jsx(AccordionItemRenderer, { item: item, index: index, isOpen: !!openItems[index], theme: theme, customTheme: customTheme, size: size, intent: intent, flat: flat, rounded: rounded, minimal: minimal, disabled: disabled, effectiveOpacity: effectiveOpacity, isFirst: index === 0, isLast: index === items.length - 1, onToggle: handleToggle, onKeyDown: handleKeyDown }, item.id || index))) }));
-}));
-export default ReqoreAccordion;
-//# sourceMappingURL=index.js.map

package/dist/esm/components/Accordion/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Breadcrumbs/index.js

@@ -1,122 +0,0 @@
-import { createElement as _createElement } from "react";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { size as count, isArray, last } from 'lodash';
-import React, { useMemo } from 'react';
-import { useMeasure } from 'react-use';
-import styled, { css } from 'styled-components';
-import { ReqoreDropdown, ReqoreErrorBoundary } from '../..';
-import { CONTROL_ICON_OPACITY } from '../../constants/colors';
-import { ICON_FROM_SIZE, MARGIN_FROM_SIZE, PADDING_FROM_SIZE } from '../../constants/sizes';
-import { changeLightness, getReadableColor, getReadableColorFrom } from '../../helpers/colors';
-import { useReqoreTheme } from '../../hooks/useTheme';
-import ReqoreIcon from '../Icon';
-import { StyledTabListItem } from '../Tabs/item';
-import ReqoreTabsList, { StyledReqoreTabsList, getLabelLength, getTabsLength } from '../Tabs/list';
-import ReqoreBreadcrumbsItem from './item';
-const StyledReqoreBreadcrumbs = styled.div `
-  ${({ theme, size, flat, padded = true, margin = 'both', responsive }) => css `
-    width: ${responsive ? '100%' : undefined};
-    margin-top: ${margin === 'both' || margin === 'top' ? MARGIN_FROM_SIZE[size] : 0}px;
-    margin-bottom: $ ${margin === 'both' || margin === 'bottom' ? MARGIN_FROM_SIZE[size] : 0}px;
-    display: flex;
-    padding: 0 ${padded ? PADDING_FROM_SIZE[size] : 0}px;
-    justify-content: space-between;
-    border-bottom: ${flat ? undefined : `1px solid ${changeLightness(theme.main, 0.05)}`};
-    background-color: ${({ theme }) => theme.breadcrumbs?.main || 'transparent'};
-
-    > div {
-      height: 100%;
-      display: flex;
-      align-items: center;
-
-      > * {
-        color: ${theme.breadcrumbs?.item?.color ||
-    (theme.breadcrumbs?.main
-        ? getReadableColorFrom(theme.breadcrumbs.main, true)
-        : getReadableColor(theme, undefined, undefined, true))};
-      }
-
-      ${StyledReqoreTabsList} {
-        flex: 1;
-      }
-
-      ${StyledReqoreTabsList}, ${StyledTabListItem} {
-        border-bottom: 0;
-      }
-
-      &:first-child {
-        overflow: hidden;
-        flex: 1;
-      }
-    }
-  `}
-`;
-const StyledBreadcrumbsTabsWrapper = styled.div `
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-  width: 100%;
-`;
-const arrowSize = 50;
-const getBreadcrumbsLength = (items, size) => items.reduce((len, item) => {
-    if (isArray(item)) {
-        return len + 120;
-    }
-    if (item.withTabs) {
-        return (len +
-            PADDING_FROM_SIZE[size] +
-            arrowSize +
-            getTabsLength(item.withTabs.tabs, 'width', item.withTabs.activeTab, size));
-    }
-    return (len +
-        PADDING_FROM_SIZE[size] * 2 +
-        ICON_FROM_SIZE[size] +
-        getLabelLength(item, undefined, size));
-}, 0);
-const getTransformedItems = (items, width, size) => {
-    if (!width) {
-        return items;
-    }
-    let stop = false;
-    let newItems = [...items];
-    while (getBreadcrumbsLength(newItems, size) > width && !stop) {
-        if (isArray(newItems[0])) {
-            newItems[0].push(newItems[1]);
-            newItems[1] = undefined;
-        }
-        else {
-            const secondItem = newItems[0];
-            newItems[0] = [secondItem];
-        }
-        newItems = newItems.filter((i) => i);
-        if (!newItems[1] || newItems[1].withTabs) {
-            stop = true;
-        }
-    }
-    return newItems;
-};
-const ReqoreBreadcrumbs = ({ items, rightElement, _testWidth, customTheme, flat, size = 'normal', responsive = true, errorBoundaryOptions, ...rest }) => {
-    const [ref, { width }] = useMeasure();
-    const theme = useReqoreTheme('breadcrumbs', customTheme, undefined);
-    const transformedItems = useMemo(() => (responsive ? getTransformedItems(items, _testWidth || width, size) : items), [items, width, _testWidth, size]);
-    const renderItem = (itemOrItems, index) => {
-        if (isArray(itemOrItems) && count(itemOrItems) > 1) {
-            return (_jsx(React.Fragment, { children: _jsx(ReqoreDropdown, { icon: last(itemOrItems)?.icon, leftIconProps: last(itemOrItems)?.leftIconProps, handler: 'hoverStay', delay: 500, size: size, badge: count(itemOrItems), items: itemOrItems, children: _jsx(ReqoreIcon, { icon: 'MoreLine', effect: {
-                            opacity: CONTROL_ICON_OPACITY,
-                        } }) }, `dropdown-${index}`) }, index));
-        }
-        const item = (isArray(itemOrItems) && count(itemOrItems) === 1
-            ? {
-                ...itemOrItems[0],
-                label: _jsx(ReqoreIcon, { icon: 'MoreLine' }),
-            }
-            : itemOrItems);
-        if (item.withTabs) {
-            return (_jsxs(StyledBreadcrumbsTabsWrapper, { children: [_jsx(ReqoreIcon, { icon: 'ArrowRightSLine', size: size, margin: 'both' }, 'icon' + index), _jsx(ReqoreTabsList, { tabs: item.withTabs.tabs, onTabChange: item.withTabs.onTabChange, activeTab: item.withTabs.activeTab, activeTabIntent: item.withTabs.activeTabIntent, customTheme: customTheme, flat: flat, size: size })] }, index));
-        }
-        return (_jsxs(React.Fragment, { children: [index !== 0 && (_jsx(ReqoreIcon, { icon: 'ArrowRightSLine', size: size, margin: 'both' }, 'icon' + index)), _createElement(ReqoreBreadcrumbsItem, { customTheme: customTheme, ...item, key: index, size: size })] }, index));
-    };
-    return (_jsx(ReqoreErrorBoundary, { ...errorBoundaryOptions, children: _jsxs(StyledReqoreBreadcrumbs, { ...rest, className: `${rest.className || ''} reqore-breadcrumbs-wrapper`, ref: ref, flat: flat, theme: theme, size: size, responsive: responsive, children: [_jsx("div", { children: transformedItems.map((item, index) => renderItem(item, index)) }, 'reqore-breadcrumbs-left-wrapper'), rightElement && _jsx("div", { children: rightElement })] }) }));
-};
-export default ReqoreBreadcrumbs;
-//# sourceMappingURL=index.js.map

package/dist/esm/components/Breadcrumbs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Breadcrumbs/item.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { useReqoreTheme } from '../../hooks/useTheme';
-import ReqoreButton from '../Button';
-const ReqoreBreadcrumbsItem = forwardRef(({ label, props, as, customTheme, ...rest }, ref) => {
-    const theme = useReqoreTheme('main', customTheme);
-    return (_jsx(ReqoreButton, { as: as, ref: ref, className: 'reqore-breadcrumbs-item', customTheme: theme, minimal: true, flat: true, ...rest, ...props, onClick: (e) => {
-            e.persist();
-            e.stopPropagation();
-            rest.onClick?.(e);
-        }, children: label }));
-});
-export default ReqoreBreadcrumbsItem;
-//# sourceMappingURL=item.js.map

package/dist/esm/components/Breadcrumbs/item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAInC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,YAAY,MAAM,WAAW,CAAC;AAWrC,MAAM,qBAAqB,GAAG,UAAU,CACtC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,IAAI,EAA8B,EAAE,GAAG,EAAE,EAAE;IAC9E,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAElD,OAAO,CACL,KAAC,YAAY,IACX,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,yBAAyB,EACnC,WAAW,EAAE,KAAK,EAClB,OAAO,QACP,IAAI,WACA,IAAI,KACJ,KAAK,EACT,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,OAAO,EAAE,CAAC;YACZ,CAAC,CAAC,eAAe,EAAE,CAAC;YAEpB,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC,YAEA,KAAK,GACO,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/esm/components/Button/index.js

@@ -1,315 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { size } from 'lodash';
-import { rgba, saturate, tint } from 'polished';
-import { forwardRef, memo, useCallback, useMemo } from 'react';
-import styled, { css } from 'styled-components';
-import { CONTROL_ICON_OPACITY } from '../../constants/colors';
-import { CONTROL_HORIZONTAL_PADDING_FROM_SIZE, CONTROL_TEXT_FROM_SIZE, CONTROL_VERTICAL_PADDING_FROM_SIZE, CONTROL_VERTICAL_PADDING_MODIFIER_FROM_SIZE, ICON_FROM_SIZE, PADDING_FROM_SIZE, PILL_RADIUS_MODIFIER, resolveRadius, SIZE_TO_PX, } from '../../constants/sizes';
-import { changeLightness, getGradientMix, getReadableColor, getReadableColorFrom, isAchromatic, } from '../../helpers/colors';
-import { alignToFlexAlign, getOneLessSize } from '../../helpers/utils';
-import { useReqoreProperty } from '../../hooks/useReqoreContext';
-import { useReqoreEffect } from '../../hooks/useReqoreEffect';
-import { useReqoreTheme } from '../../hooks/useTheme';
-import { ActiveIconScale, DisabledElement, InactiveIconScale, RaisedElement, ReadOnlyElement, ScaleIconOnHover, StyledActiveContent, StyledContent, StyledInActiveContent, StyledInvisibleContent, } from '../../styles';
-import { getPrimaryGradient, ReqoreTextEffect, StyledEffect, } from '../Effect';
-import ReqoreIcon from '../Icon';
-import { ReqoreHorizontalSpacer, ReqoreSpacer } from '../Spacer';
-import ReqoreTag from '../Tag';
-import ReqoreTagGroup from '../Tag/group';
-import { ReqoreTooltipComponent } from '../TooltipComponent';
-const getButtonMainColor = (theme, color, effect) => {
-    const primary = getPrimaryGradient(effect?.gradient);
-    if (primary) {
-        return getGradientMix(theme, primary.colors);
-    }
-    if (color) {
-        return color;
-    }
-    return theme.main;
-};
-const getButtonTextColor = ({ minimal, transparent, color, theme }) => minimal || transparent
-    ? isAchromatic(color)
-        ? getReadableColorFrom(theme.originalMain, true)
-        : saturate(1, tint(0.8, color))
-    : getReadableColorFrom(color, true);
-export const StyledAnimatedTextWrapper = styled.span `
-  min-width: 5px;
-  overflow: hidden;
-  position: relative;
-  text-align: ${({ textAlign }) => textAlign};
-  display: flex;
-  flex-flow: column;
-  align-items: ${({ textAlign }) => alignToFlexAlign(textAlign)};
-`;
-export const StyledButton = styled(StyledEffect) `
-  display: flex;
-  flex-flow: column;
-  justify-content: center;
-  font-weight: 570;
-  position: relative;
-  overflow: hidden;
-  vertical-align: middle;
-  border: ${({ theme, color, flat, effect }) => !flat ? `1px solid ${changeLightness(getButtonMainColor(theme, color, effect), 0.1)}` : 0};
-  padding: ${({ size, compact, verticalPadding = 'normal' }) => `${CONTROL_VERTICAL_PADDING_FROM_SIZE[size] +
-    CONTROL_VERTICAL_PADDING_MODIFIER_FROM_SIZE[verticalPadding]}px ${compact
-    ? CONTROL_VERTICAL_PADDING_FROM_SIZE[size]
-    : CONTROL_HORIZONTAL_PADDING_FROM_SIZE[size]}px`};
-  font-size: ${({ size }) => CONTROL_TEXT_FROM_SIZE[size]}px;
-  outline-offset: -2px;
-
-  min-height: ${({ size, verticalPadding = 'normal' }) => SIZE_TO_PX[size] + CONTROL_VERTICAL_PADDING_MODIFIER_FROM_SIZE[verticalPadding] * 2}px;
-  min-width: ${({ size }) => SIZE_TO_PX[size]}px;
-  max-width: ${({ maxWidth, fluid, fixed }) => maxWidth || (fluid && !fixed ? '100%' : undefined)};
-
-  ${({ wrap, description }) => !wrap && !description
-    ? css `
-          max-height: ${({ size, verticalPadding = 'normal' }) => SIZE_TO_PX[size] + CONTROL_VERTICAL_PADDING_MODIFIER_FROM_SIZE[verticalPadding] * 2}px;
-        `
-    : null}
-
-  flex: ${({ fluid, fixed }) => (fixed ? '0 0 auto' : fluid ? '1 auto' : '0 0 auto')};
-  flex-shrink: ${({ shrink }) => shrink};
-  flex-grow: ${({ grow }) => grow};
-  align-self: ${({ fixed, fluid }) => (fixed ? 'flex-start' : fluid ? 'stretch' : undefined)};
-
-  border-radius: ${({ size, radiusSize, rounded, pill, circle }) => rounded === false
-    ? undefined
-    : circle
-        ? '9999px'
-        : `${resolveRadius(size, radiusSize) * (pill ? PILL_RADIUS_MODIFIER : 1)}px`};
-
-  background-color: ${({ minimal, color, theme, transparent, effect }) => {
-    if (transparent) {
-        return 'transparent';
-    }
-    if (minimal) {
-        return css `
-        ${rgba(getButtonMainColor(theme, color, effect), 0.2)}
-      `;
-    }
-    return color;
-}};
-
-  color: ${({ color, minimal, transparent, theme, effect }) => {
-    const finalColor = getButtonMainColor(theme, color, effect);
-    return getButtonTextColor({ minimal, transparent, color: finalColor, theme });
-}};
-
-  ${InactiveIconScale};
-
-  ${({ raised, flat, transparent }) => raised && flat && !transparent && RaisedElement}
-
-  ${({ readOnly, animate, active, theme, color, effect }) => !readOnly && !active
-    ? css `
-          &:not(:disabled) {
-            ${ScaleIconOnHover}
-
-            cursor: pointer;
-            transition: all 0.2s ease-out;
-
-            &:active {
-              outline: 3px solid ${changeLightness(getButtonMainColor(theme, color, effect), 0.25)};
-              outline-offset: -3px;
-              transition: none;
-            }
-
-            &:hover:not(:active) {
-              outline: 2px solid ${changeLightness(getButtonMainColor(theme, color, effect), 0.25)};
-              transition: none;
-            }
-
-            &:hover,
-            &:active {
-              border-color: ${({ flat, theme, color }) => flat ? undefined : changeLightness(getButtonMainColor(theme, color, effect), 0.25)};
-              background-color: ${({ theme, color, minimal, transparent }) => minimal || transparent
-        ? rgba(changeLightness(getButtonMainColor(theme, color, effect), 0.1), transparent ? 0.2 : 0.4)
-        : changeLightness(getButtonMainColor(theme, color), 0.05)};
-              color: ${({ theme, color, minimal, transparent, effect }) => {
-        const finalColor = getButtonMainColor(theme, color, effect);
-        return minimal || transparent
-            ? isAchromatic(finalColor)
-                ? getReadableColorFrom(theme.originalMain)
-                : saturate(1, tint(0.9, finalColor))
-            : getReadableColorFrom(finalColor);
-    }}
-                ${animate
-        ? css `
-                      cursor: pointer;
-
-                      ${StyledInActiveContent} {
-                        transform: translateY(150%);
-                        filter: blur(10px);
-                        opacity: 0;
-                      }
-
-                      ${StyledActiveContent} {
-                        transform: translateY(0px);
-                        filter: blur(0);
-                        opacity: 1;
-                      }
-                    `
-        : undefined};
-            }
-          }
-        `
-    : readOnly
-        ? css `
-          ${ReadOnlyElement};
-        `
-        : undefined};
-
-  ${({ active, flat, theme, color, effect }) => {
-    if (active) {
-        return css `
-        cursor: pointer;
-        background-color: ${changeLightness(getButtonMainColor(theme, color, effect), 0.1)};
-        color: ${getReadableColor({ main: changeLightness(getButtonMainColor(theme, color, effect), 0.1) }, undefined, undefined)};
-        border-color: ${flat
-            ? undefined
-            : changeLightness(getButtonMainColor(theme, color, effect), 0.175)};
-
-        &:hover,
-        &:active,
-        &:focus {
-          border-color: ${flat
-            ? undefined
-            : changeLightness(getButtonMainColor(theme, color, effect), 0.275)};
-        }
-
-        ${ActiveIconScale}
-      `;
-    }
-}};
-
-  &:disabled {
-    ${DisabledElement};
-  }
-
-  &:focus,
-  &:active {
-    outline: 2px solid
-      ${({ theme, color, effect }) => changeLightness(getButtonMainColor(theme, color, effect), 0.1)};
-    border-color: ${({ minimal, theme, color, effect }) => minimal ? undefined : changeLightness(getButtonMainColor(theme, color, effect), 0.1)};
-  }
-
-  .reqore-button-description {
-    padding-top: ${({ size }) => PADDING_FROM_SIZE[size] / 2}px;
-    color: ${({ theme, color, minimal, transparent }) => rgba(getButtonTextColor({ minimal, transparent, color, theme }), 0.7)};
-  }
-`;
-export const StyledButtonContent = styled.div `
-  display: flex;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  min-width: ${({ size }) => ICON_FROM_SIZE[size]}px;
-  flex: 1;
-  flex-shrink: 0;
-
-  ${({ wrap, description }) => !wrap && !description
-    ? css `
-          max-height: ${({ size }) => SIZE_TO_PX[size]}px;
-        `
-    : null}
-`;
-export const ButtonBadge = memo(({ wrapGroup, compact, active, margin = 'left', ...props }) => {
-    const renderTag = useCallback(({ size, color, theme, content, key }) => (_jsx(ReqoreTag, { size: getOneLessSize(size), asBadge: true, color: color, customTheme: theme, className: 'reqore-button-badge', labelAlign: 'center', minimal: !active && !content?.effect?.gradient, ...(typeof content === 'string' || typeof content === 'number'
-            ? { label: content }
-            : content) }, key)), [props]);
-    const content = Array.isArray(props.content) ? props.content : [props.content];
-    const leftBadges = useMemo(() => content.filter((badge) => typeof badge === 'string' || typeof badge === 'number' || !badge?.align), [content]);
-    const rightBadges = useMemo(() => content.filter((badge) => typeof badge !== 'string' && typeof badge !== 'number' && badge?.align === 'right'), [content]);
-    const middleBadges = useMemo(() => content.filter((badge) => typeof badge !== 'string' && typeof badge !== 'number' && badge?.align === 'center'), [content]);
-    const buildContent = useCallback((badge) => {
-        if (typeof badge === 'string' || typeof badge === 'number') {
-            return { label: badge, align: undefined };
-        }
-        return { ...badge, align: undefined };
-    }, []);
-    return (_jsxs(_Fragment, { children: [margin === 'left' && (_jsx(ReqoreSpacer, { width: props.wrap ? undefined : PADDING_FROM_SIZE[props.size] / (compact ? 2 : 1), height: !props.wrap ? undefined : PADDING_FROM_SIZE[props.size] / 2 })), size(leftBadges) ? (_jsx(ReqoreTagGroup, { wrap: wrapGroup, align: 'left', children: leftBadges.map((badge, index) => renderTag({ ...props, content: buildContent(badge), key: index })) })) : null, size(middleBadges) ? (_jsx(ReqoreTagGroup, { wrap: wrapGroup, fluid: true, align: 'center', children: middleBadges.map((badge, index) => renderTag({ ...props, content: buildContent(badge), key: index })) })) : null, size(rightBadges) ? (_jsx(ReqoreTagGroup, { wrap: wrapGroup, align: 'right', children: rightBadges.map((badge, index) => renderTag({ ...props, content: buildContent(badge), key: index })) })) : null] }));
-});
-/**
- * Primary Reqore button component that supports intents, icons, and badges.
- */
-const ReqoreButton = memo(forwardRef(({ icon, size = 'normal', minimal, transparent, children, tooltip, className, fluid, fixed, intent, active, flat, rightIcon, customTheme, wrap, readOnly, badge, description, maxWidth, textAlign = 'left', effect, labelEffect, descriptionEffect, leftIconColor, rightIconColor, iconColor, iconsAlign, leftIconProps, rightIconProps, label, compact, as, animated, loading, loadingIconType, ...rest }, ref) => {
-    const animations = useReqoreProperty('animations');
-    const theme = useReqoreTheme('main', customTheme, intent);
-    const fixedEffect = useReqoreEffect('buttons', theme, effect);
-    // If color or intent was specified, set the color
-    const customColor = useMemo(() => (intent ? theme.main : changeLightness(theme.main, 0.07)), [intent, theme.main]);
-    const _flat = minimal ? flat : flat === true;
-    const _children = useMemo(() => label || children, [label, children]);
-    const _compact = compact ?? theme.buttons?.compact ?? !children;
-    const hasLeftIcon = icon || leftIconProps?.image;
-    const hasRightIcon = rightIcon || rightIconProps?.image;
-    const hasRightAlignedBadge = useMemo(() => {
-        if (Array.isArray(badge)) {
-            return badge.some((badge) => typeof badge !== 'string' && typeof badge !== 'number' && badge?.align === 'right');
-        }
-        return typeof badge !== 'string' && typeof badge !== 'number' && badge?.align === 'right';
-    }, [badge]);
-    const animate = animated === true || (animations.buttons && animated !== false);
-    const leftIcon = loading
-        ? `Loader${loadingIconType || ''}Line`
-        : icon || leftIconProps?.icon;
-    const memoEffect = useMemo(() => ({
-        interactive: !readOnly && !rest.disabled,
-        ...fixedEffect,
-        gradient: intent ? undefined : fixedEffect?.gradient,
-    }), [fixedEffect, intent, readOnly, rest.disabled]);
-    return (_jsxs(ReqoreTooltipComponent, { ...{
-            ...rest,
-            effect: memoEffect,
-            tabIndex: rest.disabled ? -1 : 0,
-            as: as || 'button',
-            theme,
-            fluid,
-            fixed,
-            maxWidth,
-            minimal,
-            transparent,
-            size,
-            intent,
-            color: customColor,
-            animate,
-            flat: _flat,
-            active,
-            readOnly: readOnly || loading,
-            wrap,
-            description,
-            className: `${className || ''} reqore-control reqore-button`,
-            compact: _compact,
-            tooltip,
-        }, Component: StyledButton, ref: ref, children: [_jsxs(StyledButtonContent, { size: size, wrap: wrap, description: description, flat: _flat, children: [hasLeftIcon ? (_jsxs(_Fragment, { children: [_jsx(ReqoreIcon, { size: size, color: leftIconColor || iconColor, compact: true, effect: {
-                                    opacity: CONTROL_ICON_OPACITY,
-                                }, ...leftIconProps, style: textAlign !== 'left' || iconsAlign === 'center' || !_children
-                                    ? {
-                                        marginRight: iconsAlign !== 'center' || !_children ? 'auto' : undefined,
-                                        marginLeft: iconsAlign === 'center' ||
-                                            !_children ||
-                                            (textAlign === 'center' && !_children)
-                                            ? 'auto'
-                                            : undefined,
-                                    }
-                                    : undefined, animation: loading ? 'spin' : leftIconProps?.animation, icon: leftIcon }), _children || hasRightIcon ? (_jsx(ReqoreSpacer, { width: PADDING_FROM_SIZE[size] / 2 })) : null] })) : _children ? (_jsx(ReqoreHorizontalSpacer, { width: 1, style: textAlign !== 'left' ? { marginRight: 'auto' } : undefined })) : null, _children && (_jsxs(StyledAnimatedTextWrapper, { textAlign: textAlign, style: textAlign === 'center' && iconsAlign !== 'center' ? { margin: 'auto' } : undefined, children: [!animate && (_jsx(StyledContent, { wrap: wrap, effect: labelEffect, className: 'reqore-button-text-content', children: _children })), animate && (_jsx(StyledActiveContent, { wrap: wrap, effect: labelEffect, className: 'reqore-button-text-content reqore-animated reqore-active', children: _children })), animate && (_jsx(StyledInActiveContent, { wrap: wrap, effect: labelEffect, className: 'reqore-button-text-content reqore-animated reqore-inactive', children: _children })), animate && (_jsx(StyledInvisibleContent, { wrap: wrap, effect: labelEffect, className: 'reqore-button-text-content reqore-animated reqore-invisible', children: _children })), (badge || badge === 0) && wrap ? (_jsx(ButtonBadge, { content: badge, size: size, wrap: true, active: active })) : null] })), (badge || badge === 0) && !wrap ? (_jsx(ButtonBadge, { content: badge, size: size, compact: _compact, wrapGroup: false, wrap: false, active: active })) : null, !hasRightIcon ? (_children ? (_jsx(ReqoreHorizontalSpacer, { width: 1, style: textAlign !== 'right' && !hasRightAlignedBadge
-                            ? { marginLeft: 'auto' }
-                            : undefined })) : null) : (_jsxs(_Fragment, { children: [_children || badge ? _jsx(ReqoreSpacer, { width: PADDING_FROM_SIZE[size] / 2 }) : null, _jsx(ReqoreIcon, { icon: rightIcon, size: size, color: rightIconColor || iconColor, effect: {
-                                    opacity: CONTROL_ICON_OPACITY,
-                                }, ...rightIconProps, style: textAlign !== 'right' || iconsAlign === 'center'
-                                    ? {
-                                        marginLeft: !hasRightAlignedBadge && (iconsAlign !== 'center' || !_children)
-                                            ? 'auto'
-                                            : undefined,
-                                        marginRight: iconsAlign === 'center' || (textAlign === 'center' && !_children)
-                                            ? 'auto'
-                                            : undefined,
-                                    }
-                                    : undefined })] }))] }), description && (_jsx(ReqoreTextEffect, { className: 'reqore-button-description', effect: {
-                    textSize: getOneLessSize(size),
-                    weight: 'light',
-                    textAlign,
-                    ...descriptionEffect,
-                }, children: description }))] }));
-}));
-export default ReqoreButton;
-//# sourceMappingURL=index.js.map