@itcase/ui 1.9.69 → 1.9.72

package/dist/components/Overlay.js

@@ -1,7 +1,7 @@
-export { O as Overlay, o as overlayAppearance, a as overlayConfig } from '../Overlay_es_CS-afQoz.js';
+export { O as Overlay, o as overlayAppearance, a as overlayConfig } from '../Overlay_es_CnYxRbhB.js';
 import 'react/jsx-runtime';
 import 'clsx';
-import '../primitives_es_C7NgMhaK.js';
+import '../primitives_es_gY0Wzlk_.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Pagination.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo, useState, useCallback, useRef, useEffect } from 'react';
 import clsx from 'clsx';
 import ReactPaginate from 'react-paginate';
-import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, I as Icon, b as Text, f as Dropdown, g as DropdownItem } from '../primitives_es_C7NgMhaK.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, I as Icon, b as Text, f as Dropdown, g as DropdownItem } from '../primitives_es_gY0Wzlk_.js';
 import { icons14, icons16, icons24 } from '@itcase/icons/default';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Radio.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { d as useAppearanceConfig, a as useDevicePropsGenerator, b as Text } from '../primitives_es_C7NgMhaK.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator, b as Text } from '../primitives_es_gY0Wzlk_.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/RangeSlider.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import Slider from 'rc-slider';
-import { a as useDevicePropsGenerator, u as useStyles } from '../primitives_es_C7NgMhaK.js';
+import { a as useDevicePropsGenerator, u as useStyles } from '../primitives_es_gY0Wzlk_.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Response.js

@@ -2,9 +2,11 @@ import { responseIcon } from './Response/img.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef, useMemo } from 'react';
 import clsx from 'clsx';
-import { c as urlWithAssetPrefix, d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, b as Text } from '../primitives_es_C7NgMhaK.js';
-import { B as Button } from '../Button_es_8PXB_37O.js';
-import { G as Group } from '../Group_es_DDZnHcqu.js';
+import { B as Button } from '../Button_es_Bc-ZxgQj.js';
+import { G as Group } from '../Group_es_xcelocLg.js';
+import { c as urlWithAssetPrefix, d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, b as Text } from '../primitives_es_gY0Wzlk_.js';
+import '../Loader_es_VyygDcXJ.js';
+import '../hooks/useHoldProgress.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -13,8 +15,6 @@ import '@itcase/common';
 import 'react-responsive';
 import 'lodash/maxBy';
 import 'react-inlinesvg';
-import '../Loader_es_Cy7YeNYi.js';
-import '../hooks/useHoldProgress.js';
 
 const responseAppearanceConfirm = {
     confirm: {

package/dist/components/SVGContent.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import clsx from 'clsx';
 import SVG from 'react-inlinesvg';
-import { c as urlWithAssetPrefix, a as useDevicePropsGenerator, u as useStyles } from '../primitives_es_C7NgMhaK.js';
+import { c as urlWithAssetPrefix, a as useDevicePropsGenerator, u as useStyles } from '../primitives_es_gY0Wzlk_.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';

package/dist/components/ScrollOnDrag.js

@@ -3,7 +3,7 @@ import React from 'react';
 import clsx from 'clsx';
 import ScrollContainer, { useScrollContainer } from 'react-indiana-drag-scroll';
 import SimpleBar from 'simplebar-react';
-import { a as useDevicePropsGenerator, u as useStyles } from '../primitives_es_C7NgMhaK.js';
+import { a as useDevicePropsGenerator, u as useStyles } from '../primitives_es_gY0Wzlk_.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';

package/dist/components/ScrollToView.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { ScrollLink } from 'react-scroll';
-import { a as useDevicePropsGenerator, u as useStyles } from '../primitives_es_C7NgMhaK.js';
+import { a as useDevicePropsGenerator, u as useStyles } from '../primitives_es_gY0Wzlk_.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Search.js

@@ -2,7 +2,7 @@ import { icons16, icons24 } from '@itcase/icons/default';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useCallback } from 'react';
 import clsx from 'clsx';
-import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, I as Icon, b as Text } from '../primitives_es_C7NgMhaK.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, I as Icon, b as Text } from '../primitives_es_gY0Wzlk_.js';
 import { S as Scrollbar } from '../Scrollbar_es_CKTh3pew.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Segmented.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef, useMemo, createRef, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
-import { d as useAppearanceConfig, a as useDevicePropsGenerator, I as Icon, b as Text } from '../primitives_es_C7NgMhaK.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator, I as Icon, b as Text } from '../primitives_es_gY0Wzlk_.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';

package/dist/components/Select.js

@@ -1,11 +1,11 @@
-export { S as Select, a as SelectClearIndicator, b as SelectControl, c as SelectDropdownIndicator, d as SelectGroupHeading, e as SelectIndicatorsContainer, f as SelectInput, g as SelectMenu, h as SelectMultiValueContainer, i as SelectMultiValueLabel, j as SelectMultiValueRemove, k as SelectOption, l as SelectPlaceholder, m as SelectSingleValue, n as SelectValueContainer, s as selectConfig } from '../SelectContainer_es_DLaJIthi.js';
+export { S as Select, a as SelectClearIndicator, b as SelectControl, c as SelectDropdownIndicator, d as SelectGroupHeading, e as SelectIndicatorsContainer, f as SelectInput, g as SelectMenu, h as SelectMultiValueContainer, i as SelectMultiValueLabel, j as SelectMultiValueRemove, k as SelectOption, l as SelectPlaceholder, m as SelectSingleValue, n as SelectValueContainer, s as selectConfig } from '../SelectContainer_es_DFy6rr8f.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
 import 'react-select';
 import 'react-select/creatable';
-import '../Group_es_DDZnHcqu.js';
-import '../primitives_es_C7NgMhaK.js';
+import '../Group_es_xcelocLg.js';
+import '../primitives_es_gY0Wzlk_.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -15,4 +15,4 @@ import 'react-responsive';
 import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '@itcase/icons/default';
-import '../Loader_es_Cy7YeNYi.js';
+import '../Loader_es_VyygDcXJ.js';

package/dist/components/Swiper.js

@@ -2,8 +2,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useRef, useCallback, useImperativeHandle, useEffect, useState } from 'react';
 import clsx from 'clsx';
 import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
-import { G as Group } from '../Group_es_DDZnHcqu.js';
-import { a as useDevicePropsGenerator, u as useStyles, T as Title, b as Text } from '../primitives_es_C7NgMhaK.js';
+import { G as Group } from '../Group_es_xcelocLg.js';
+import { a as useDevicePropsGenerator, u as useStyles, T as Title, b as Text } from '../primitives_es_gY0Wzlk_.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';

package/dist/components/Switch.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
-import { d as useAppearanceConfig, a as useDevicePropsGenerator, b as Text } from '../primitives_es_C7NgMhaK.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator, b as Text } from '../primitives_es_gY0Wzlk_.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';

package/dist/components/Tab.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
-import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, h as Link, b as Text, B as Badge, m as mergeAppearanceKeys, I as Icon, D as Divider } from '../primitives_es_C7NgMhaK.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, h as Link, b as Text, B as Badge, m as mergeAppearanceKeys, I as Icon, D as Divider } from '../primitives_es_gY0Wzlk_.js';
 import { useActiveClasses } from '../hooks/useActiveClasses/useActiveClasses.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Text.js

@@ -1,4 +1,4 @@
-export { b as Text, t as textAppearance, p as textConfig } from '../primitives_es_C7NgMhaK.js';
+export { b as Text, t as textAppearance, p as textConfig } from '../primitives_es_gY0Wzlk_.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/Textarea.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { d as useAppearanceConfig, a as useDevicePropsGenerator } from '../primitives_es_C7NgMhaK.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator } from '../primitives_es_gY0Wzlk_.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -207,11 +207,11 @@ const textareaConfig = {
     },
 };
 function Textarea(props) {
-    const { id, appearance, className, dataTestId, dataTour, name, placeholder, value, isDisabled, onBlur, onChange, onFocus, onKeyDown, } = props;
+    const { id, appearance, className, dataTestId, dataTour, name, placeholder, value, isActive, isDisabled, isSkeleton, onBlur, onChange, onFocus, onKeyDown, } = props;
     const appearanceConfig = useAppearanceConfig(appearance, textareaConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, fillHoverClass, borderColorClass, borderHoverClass, borderWidthClass, textColorClass, textSizeClass, textWeightClass, caretClass, placeholderTextColorClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
-    return (jsx("div", { className: clsx('textarea', className, sizeClass && `textarea_size_${sizeClass}`), "data-tour": dataTour, children: jsx("textarea", { id: id, className: clsx('textarea__input', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && `caret-color_${caretClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderHoverClass && `border-color_hover_${borderHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, placeholderTextColorClass &&
+    return (jsx("div", { className: clsx('textarea', className, sizeClass && `textarea_size_${sizeClass}`, isSkeleton && `textarea_skeleton`, isActive && `textarea_active`), "data-tour": dataTour, children: jsx("textarea", { id: id, className: clsx('textarea__input', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && `caret-color_${caretClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderHoverClass && `border-color_hover_${borderHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, placeholderTextColorClass &&
                 `placeholder-text-color_${placeholderTextColorClass}`, textSizeClass && `text_size_${textSizeClass}`, textColorClass && `text-color_${textColorClass}`, textWeightClass && `text-weight_${textWeightClass}`, widthClass && `width_${widthClass}`), "data-testid": dataTestId || (name ? `${name}-textarea` : 'textarea'), disabled: isDisabled, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }) }));
 }
 

package/dist/components/Tile.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, T as Title, b as Text, B as Badge, m as mergeAppearanceKeys, I as Icon } from '../primitives_es_C7NgMhaK.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, T as Title, b as Text, B as Badge, m as mergeAppearanceKeys, I as Icon } from '../primitives_es_gY0Wzlk_.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Title.js

@@ -1,4 +1,4 @@
-export { T as Title, x as titleAppearance, y as titleConfig } from '../primitives_es_C7NgMhaK.js';
+export { T as Title, x as titleAppearance, y as titleConfig } from '../primitives_es_gY0Wzlk_.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { i as Tooltip, z as tooltipAppearance, A as tooltipConfig } from '../primitives_es_C7NgMhaK.js';
+export { i as Tooltip, z as tooltipAppearance, A as tooltipConfig } from '../primitives_es_gY0Wzlk_.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/Video.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { u as useStyles } from '../primitives_es_C7NgMhaK.js';
+import { u as useStyles } from '../primitives_es_gY0Wzlk_.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -12,9 +12,9 @@ import 'lodash/maxBy';
 import 'react-inlinesvg';
 
 function Video(props) {
-    const { id, className, dataTestId, dataTour, position, mp4, ogv, poster, webm, children, } = props;
+    const { id, className, dataTestId, dataTour, position, mp4, ogv, poster, webm, isSkeleton, children, } = props;
     const { styles: videoStyles } = useStyles(props);
-    return (jsxs("div", { id: id, className: clsx('video', className, poster && `video_poster`, position && `video_position_${position}`), "data-testid": dataTestId, "data-tour": dataTour, style: videoStyles, children: [jsxs("video", { className: "video__wrapper", autoPlay: true, loop: true, muted: true, playsInline: false, poster: poster, children: [webm && jsx("source", { type: 'video/webm; codecs="vp8, vorbis"', src: webm }), ogv && jsx("source", { type: 'video/ogg; codecs="theora, vorbi"', src: ogv }), mp4 && (jsx("source", { type: 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"', src: mp4 }))] }), children] }));
+    return (jsxs("div", { id: id, className: clsx('video', className, poster && `video_poster`, isSkeleton && `video_skeleton`, position && `video_position_${position}`), "data-testid": dataTestId, "data-tour": dataTour, style: videoStyles, children: [jsxs("video", { className: "video__wrapper", autoPlay: true, loop: true, muted: true, playsInline: false, poster: poster, children: [webm && jsx("source", { type: 'video/webm; codecs="vp8, vorbis"', src: webm }), ogv && jsx("source", { type: 'video/ogg; codecs="theora, vorbi"', src: ogv }), mp4 && (jsx("source", { type: 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"', src: mp4 }))] }), children] }));
 }
 
 export { Video };

package/dist/components/Warning.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, Fragment } from 'react';
 import clsx from 'clsx';
-import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, I as Icon, b as Text } from '../primitives_es_C7NgMhaK.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, I as Icon, b as Text } from '../primitives_es_gY0Wzlk_.js';
 import { icons16 } from '@itcase/icons/default';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/context/Notifications.js

@@ -2,7 +2,7 @@ import 'react/jsx-runtime';
 import 'react';
 import 'uuid';
 import '@itcase/common';
-export { N as NotificationsProvider, j as useNotifications, k as useNotificationsAPI } from '../primitives_es_C7NgMhaK.js';
+export { N as NotificationsProvider, j as useNotifications, k as useNotificationsAPI } from '../primitives_es_gY0Wzlk_.js';
 import 'clsx';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/context/UIContext.js

@@ -1,7 +1,7 @@
 import 'react/jsx-runtime';
 import 'react';
 import 'lodash/camelCase';
-export { U as UIProvider, e as useUserDeviceContext } from '../primitives_es_C7NgMhaK.js';
+export { U as UIProvider, e as useUserDeviceContext } from '../primitives_es_gY0Wzlk_.js';
 import 'clsx';
 import 'lodash/castArray';
 import 'lodash/upperFirst';

package/dist/context/UrlAssetPrefix.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { C as UrlAssetPrefixContext, E as UrlAssetPrefixProvider } from '../primitives_es_C7NgMhaK.js';
+export { C as UrlAssetPrefixContext, E as UrlAssetPrefixProvider } from '../primitives_es_gY0Wzlk_.js';
 import 'clsx';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/css/styles/bundles.css

@@ -47206,7 +47206,7 @@ div.avatar-stack {
   --badge-size-xxl-min-height: 40px;
   --badge-size-xxl-max-width: 40px;
   --badge-size-xxl-max-height: 40px;
-  --badge-size-xxl-gap: 5px;
+  --badge-size-xxl-gap: 4px;
   --badge-type-icon-size-xxl-max-width: 40px;
   --badge-type-icon-size-xxl-max-height: 40px;
 
@@ -47215,7 +47215,7 @@ div.avatar-stack {
   --badge-size-xl-min-height: 32px;
   --badge-size-xl-max-width: 32px;
   --badge-size-xl-max-height: 32px;
-  --badge-size-xl-gap: 6px;
+  --badge-size-xl-gap: 4px;
   --badge-type-icon-size-xl-max-width: 32px;
   --badge-type-icon-size-xl-max-height: 32px;
 
@@ -47233,7 +47233,7 @@ div.avatar-stack {
   --badge-size-m-min-height: 24px;
   --badge-size-m-max-width: 24px;
   --badge-size-m-max-height: 24px;
-  --badge-size-m-gap: 2px;
+  --badge-size-m-gap: 4px;
   --badge-type-icon-size-m-max-width: 24px;
   --badge-type-icon-size-m-max-height: 24px;
 
@@ -47242,27 +47242,27 @@ div.avatar-stack {
   --badge-size-s-min-height: 20px;
   --badge-size-s-max-width: 20px;
   --badge-size-s-max-height: 20px;
-  --badge-size-s-gap: 0px;
+  --badge-size-s-gap: 4px;
   --badge-type-icon-size-s-max-width: 20px;
   --badge-type-icon-size-s-max-height: 20px;
 
-  --badge-size-xs-padding: 0;
+  --badge-size-xs-padding: 0 0.5m;
   --badge-size-xs-min-width: 16px;
   --badge-size-xs-min-height: 16px;
   --badge-size-xs-max-width: 16px;
   --badge-size-xs-max-height: 16px;
-  --badge-size-xs-gap: 2px;
+  --badge-size-xs-gap: 4px;
   --badge-type-icon-size-xs-max-width: 16px;
   --badge-type-icon-size-xs-max-height: 16px;
 
-  --badge-size-xxs-padding: 0 0.5m;
-  --badge-size-xxs-min-width: 16px;
-  --badge-size-xxs-min-height: 16px;
-  --badge-size-xxs-max-width: 16px;
-  --badge-size-xxs-max-height: 16px;
-  --badge-size-xxs-gap: 0px;
-  --badge-type-icon-size-xxs-max-width: 16px;
-  --badge-type-icon-size-xxs-max-height: 16px;
+  --badge-size-xxs-padding: 0 0.25m;
+  --badge-size-xxs-min-width: 12px;
+  --badge-size-xxs-min-height: 12px;
+  --badge-size-xxs-max-width: 12px;
+  --badge-size-xxs-max-height: 12px;
+  --badge-size-xxs-gap: 2px;
+  --badge-type-icon-size-xxs-max-width: 12px;
+  --badge-type-icon-size-xxs-max-height: 12px;
   --badge-shape-rounded: 0;
 }
 .breadcrumbs {

package/dist/hoc/urlWithAssetPrefix.js

@@ -1,7 +1,7 @@
 import 'react/jsx-runtime';
 import 'react';
 import '@itcase/common';
-export { c as urlWithAssetPrefix } from '../primitives_es_C7NgMhaK.js';
+export { c as urlWithAssetPrefix } from '../primitives_es_gY0Wzlk_.js';
 import 'clsx';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/hooks/useAppearanceConfig/useAppearanceConfig.js

@@ -1,5 +1,5 @@
 import 'react';
-export { d as useAppearanceConfig } from '../../primitives_es_C7NgMhaK.js';
+export { d as useAppearanceConfig } from '../../primitives_es_gY0Wzlk_.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import 'lodash/camelCase';

package/dist/hooks/useAppearanceConfig.js

@@ -1,4 +1,4 @@
-export { d as useAppearanceConfig } from '../primitives_es_C7NgMhaK.js';
+export { d as useAppearanceConfig } from '../primitives_es_gY0Wzlk_.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js

@@ -2,7 +2,7 @@ import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
-export { a as useDevicePropsGenerator } from '../../primitives_es_C7NgMhaK.js';
+export { a as useDevicePropsGenerator } from '../../primitives_es_gY0Wzlk_.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import 'uuid';

package/dist/hooks/useDevicePropsGenerator.js

@@ -1,4 +1,4 @@
-export { a as useDevicePropsGenerator } from '../primitives_es_C7NgMhaK.js';
+export { a as useDevicePropsGenerator } from '../primitives_es_gY0Wzlk_.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/hooks/useDeviceTargetClass.js

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 import camelCase from 'lodash/camelCase';
 import castArray from 'lodash/castArray';
-import { e as useUserDeviceContext } from '../primitives_es_C7NgMhaK.js';
+import { e as useUserDeviceContext } from '../primitives_es_gY0Wzlk_.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import 'lodash/upperFirst';

package/dist/hooks/useMediaQueries/useMediaQueries.js

@@ -1,6 +1,6 @@
 import 'react';
 import 'react-responsive';
-export { l as useMediaQueries } from '../../primitives_es_C7NgMhaK.js';
+export { l as useMediaQueries } from '../../primitives_es_gY0Wzlk_.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import 'lodash/camelCase';

package/dist/hooks/useMediaQueries.js

@@ -1,4 +1,4 @@
-export { l as useMediaQueries } from '../primitives_es_C7NgMhaK.js';
+export { l as useMediaQueries } from '../primitives_es_gY0Wzlk_.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/hooks/useStyles/styleAttributes.js

@@ -1,4 +1,4 @@
-export { o as default } from '../../primitives_es_C7NgMhaK.js';
+export { o as default } from '../../primitives_es_gY0Wzlk_.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/hooks/useStyles/useStyles.js

@@ -2,7 +2,7 @@ import 'react';
 import 'lodash/camelCase';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
-export { u as useStyles } from '../../primitives_es_C7NgMhaK.js';
+export { u as useStyles } from '../../primitives_es_gY0Wzlk_.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import 'lodash/castArray';

package/dist/hooks/useStyles.js

@@ -1,4 +1,4 @@
-export { u as useStyles } from '../primitives_es_C7NgMhaK.js';
+export { u as useStyles } from '../primitives_es_gY0Wzlk_.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/hooks.js

@@ -1,4 +1,4 @@
-export { n as getStyleAttributeKey } from './primitives_es_C7NgMhaK.js';
+export { n as getStyleAttributeKey } from './primitives_es_gY0Wzlk_.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/{primitives_cjs_BM6q7o8p.js → primitives_cjs_D8cRUOUa.js}

@@ -581,7 +581,7 @@ var styleAttributes = [
      */
     'backdropFilter',
     /**
-     * transition
+     * Transition
      */
     'transition',
     'transitionBehavior',
@@ -589,6 +589,10 @@ var styleAttributes = [
     'transitionDuration',
     'transitionProperty',
     'transitionTimingFunction',
+    /**
+     * Control
+     */
+    'pointerEvents',
 ];
 
 function useDevicePropsGenerator(componentProps, appearanceConfig) {
@@ -1722,8 +1726,8 @@ const tooltipAppearanceError = {
     errorPrimary: {
         fill: 'errorPrimary',
         fillHover: 'errorHoverPrimary',
-        borderColor: 'errorBorderPrimary',
         titleColor: 'errorTextPrimary',
+        borderColor: 'errorBorderPrimary',
         textColor: 'errorTextPrimary',
     },
 };
@@ -1732,8 +1736,8 @@ const tooltipAppearanceRequire = {
     requirePrimary: {
         fill: 'warningPrimary',
         fillHover: 'warningHoverPrimary',
-        borderColor: 'warningBorderPrimary',
         titleColor: 'warningTextPrimary',
+        borderColor: 'warningBorderPrimary',
         textColor: 'warningTextPrimary',
     },
 };
@@ -1799,8 +1803,8 @@ const tooltipAppearanceSuccess = {
     successPrimary: {
         fill: 'successPrimary',
         fillHover: 'successHoverPrimary',
-        borderColor: 'successBorderPrimary',
         titleColor: 'successTextPrimary',
+        borderColor: 'successBorderPrimary',
         textColor: 'successTextPrimary',
     },
 };

package/dist/{primitives_es_C7NgMhaK.js → primitives_es_gY0Wzlk_.js}

@@ -579,7 +579,7 @@ var styleAttributes = [
      */
     'backdropFilter',
     /**
-     * transition
+     * Transition
      */
     'transition',
     'transitionBehavior',
@@ -587,6 +587,10 @@ var styleAttributes = [
     'transitionDuration',
     'transitionProperty',
     'transitionTimingFunction',
+    /**
+     * Control
+     */
+    'pointerEvents',
 ];
 
 function useDevicePropsGenerator(componentProps, appearanceConfig) {
@@ -1720,8 +1724,8 @@ const tooltipAppearanceError = {
     errorPrimary: {
         fill: 'errorPrimary',
         fillHover: 'errorHoverPrimary',
-        borderColor: 'errorBorderPrimary',
         titleColor: 'errorTextPrimary',
+        borderColor: 'errorBorderPrimary',
         textColor: 'errorTextPrimary',
     },
 };
@@ -1730,8 +1734,8 @@ const tooltipAppearanceRequire = {
     requirePrimary: {
         fill: 'warningPrimary',
         fillHover: 'warningHoverPrimary',
-        borderColor: 'warningBorderPrimary',
         titleColor: 'warningTextPrimary',
+        borderColor: 'warningBorderPrimary',
         textColor: 'warningTextPrimary',
     },
 };
@@ -1797,8 +1801,8 @@ const tooltipAppearanceSuccess = {
     successPrimary: {
         fill: 'successPrimary',
         fillHover: 'successHoverPrimary',
-        borderColor: 'successBorderPrimary',
         titleColor: 'successTextPrimary',
+        borderColor: 'successBorderPrimary',
         textColor: 'successTextPrimary',
     },
 };

package/dist/types/components/Accordion/Accordion.interface.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties, ReactNode } from 'react';
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, DirectionProps, FillHoverProps, FillProps, HeightProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceKeysDefault, AppearanceShapeKey, CompositeAppearanceKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, DirectionProps, FillHoverProps, FillProps, HeightProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import type { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { BadgeProps } from '../Badge/Badge.interface';
 import { DividerProps } from '../Divider/Divider.interface';
@@ -78,7 +78,7 @@ type AccordionItemAppearanceProps = {
 type AccordionItemProps = AccordionItemAppearanceProps & StyleAttributes & {
     id?: string | null;
     afterContent?: ReactNode;
-    appearance?: CompositeAppearanceDefaultSizeStyleKey;
+    appearance?: CompositeAppearanceKey;
     beforeContent?: ReactNode;
     children?: ReactNode;
     className?: string;

package/dist/types/components/Avatar/Avatar.interface.d.ts

@@ -1,11 +1,11 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizePxKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceSizePxKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizePXProps } from '@itcase/types-ui';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizePxKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizePXProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { BadgeProps } from '../Badge/Badge.interface';
 import { IconProps } from '../Icon/Icon.interface';
 import { TextProps } from '../Text/Text.interface';
 type AvatarAppearanceProps = {
-    badge?: string;
+    badge?: boolean;
     badgeAppearance?: BadgeProps['appearance'];
     badgeShape?: BadgeProps['shape'];
     badgeSize?: BadgeProps['size'];
@@ -33,11 +33,11 @@ type AvatarAppearanceProps = {
 };
 type AvatarProps = AvatarAppearanceProps & StyleAttributes & {
     after?: string;
-    appearance?: CompositeAppearanceSizePxKey;
+    appearance?: CompositeAppearanceKey;
     before?: string;
     children?: ReactNode;
     className?: string;
-    count?: number;
+    count?: number | string;
     dataTestId?: string;
     dataTour?: string;
     firstName?: string;

package/dist/types/components/AvatarStack/AvatarStack.interface.d.ts

@@ -1,6 +1,6 @@
 import type { AppearanceSizePxKey, DirectionProps, SizePXProps } from '@itcase/types-ui';
-import { AvatarProps } from '../Avatar/Avatar.interface';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { AvatarProps } from '../Avatar/Avatar.interface';
 type AvatarStackAppearanceProps = {
     size: SizePXProps;
 };