@itcase/ui 1.1.16 → 1.1.18

package/dist/cjs/{Swiper-DrXdHybn.js → Swiper--idB5Ci6.js}

@@ -5,7 +5,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Title = require('./Title-DZn77tSl.js');
+var Title = require('./Title-BzopkHQY.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -337,7 +337,22 @@ function elementChildren(element, selector) {
   if (selector === void 0) {
     selector = '';
   }
-  return [...element.children].filter(el => el.matches(selector));
+  const children = [...element.children];
+  if (element instanceof HTMLSlotElement) {
+    children.push(...element.assignedElements());
+  }
+  if (!selector) {
+    return children;
+  }
+  return children.filter(el => el.matches(selector));
+}
+function elementIsChildOf(el, parent) {
+  const isChild = parent.contains(el);
+  if (!isChild && parent instanceof HTMLSlotElement) {
+    const children = [...parent.assignedElements()];
+    return children.includes(el);
+  }
+  return isChild;
 }
 function showWarning(text) {
   try {
@@ -2602,7 +2617,7 @@ function onTouchStart(event) {
   }
   let targetEl = e.target;
   if (params.touchEventsTarget === 'wrapper') {
-    if (!swiper.wrapperEl.contains(targetEl)) return;
+    if (!elementIsChildOf(targetEl, swiper.wrapperEl)) return;
   }
   if ('which' in e && e.which === 3) return;
   if ('button' in e && e.button > 0) return;
@@ -4671,7 +4686,7 @@ const updateOnVirtualData = swiper => {
 };
 
 /**
- * Swiper React 11.1.5
+ * Swiper React 11.1.8
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -4679,7 +4694,7 @@ const updateOnVirtualData = swiper => {
  *
  * Released under the MIT License
  *
- * Released on: July 15, 2024
+ * Released on: July 26, 2024
  */
 
 

package/dist/cjs/{SwitchField-B0N-28Ne.js → SwitchField-CCHC2ZHS.js}

@@ -2,13 +2,13 @@
 
 var _tslib = require('./_tslib-CKiUdo7p.js');
 var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var Radio = require('./Radio-Cvbuwkx3.js');
+var Radio = require('./Radio-BH3uHZDb.js');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var index = require('./components/Select.js');
 var Divider = require('./Divider-D92wY8Fn.js');
-var Text = require('./Text-C8vlKWNN.js');
-var Icon = require('./Icon-2rv_L0yY.js');
+var Text = require('./Text-D2YDVhGJ.js');
+var Icon = require('./Icon-BUwWk_dS.js');
 var useStyles = require('./hooks/useStyles.js');
 var Switch = require('./Switch-K1p9h3aF.js');
 

package/dist/cjs/{TabGroup-BCw7IKuz.js → TabGroup-CYaefMap.js}

@@ -5,10 +5,10 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Badge = require('./Badge-D7W3B9G5.js');
+var Badge = require('./Badge-Cn73E3GI.js');
 var Divider = require('./Divider-D92wY8Fn.js');
 var Link = require('./Link-B6Xq7PWn.js');
-var Text = require('./Text-C8vlKWNN.js');
+var Text = require('./Text-D2YDVhGJ.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -22,7 +22,7 @@ var tabConfig = {
     },
 };
 function Tab(props) {
-    var isActive = props.isActive, isDisabled = props.isDisabled, isHover = props.isHover, after = props.after, appearance = props.appearance, badgeAppearance = props.badgeAppearance, badgeSize = props.badgeSize, badgeTextColor = props.badgeTextColor, badgeTextSize = props.badgeTextSize, badgeValue = props.badgeValue, before = props.before, children = props.children, className = props.className, dataTour = props.dataTour, dividerDirection = props.dividerDirection, dividerFill = props.dividerFill, dividerFillActive = props.dividerFillActive, dividerFillActiveHover = props.dividerFillActiveHover, dividerFillDisabled = props.dividerFillDisabled, dividerFillHover = props.dividerFillHover, dividerSize = props.dividerSize, href = props.href, label = props.label, labelColor = props.labelColor, labelColorActive = props.labelColorActive, labelColorDisabled = props.labelColorDisabled, labelTextColorHover = props.labelTextColorHover, labelTextGradient = props.labelTextGradient, labelTextSize = props.labelTextSize, labelTextStyle = props.labelTextStyle, labelTextWeight = props.labelTextWeight, labelTextWrap = props.labelTextWrap, link = props.link, linkFill = props.linkFill, onClick = props.onClick, onMouseEnter = props.onMouseEnter, rel = props.rel, reset = props.reset, set = props.set, target = props.target;
+    var _a = props.isActive, isActive = _a === void 0 ? false : _a, _b = props.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = props.isHover, isHover = _c === void 0 ? false : _c, after = props.after, appearance = props.appearance, badgeAppearance = props.badgeAppearance, badgeSize = props.badgeSize, badgeTextColor = props.badgeTextColor, badgeTextSize = props.badgeTextSize, badgeValue = props.badgeValue, before = props.before, children = props.children, className = props.className, dataTour = props.dataTour, dividerDirection = props.dividerDirection, dividerFill = props.dividerFill, dividerFillActive = props.dividerFillActive, dividerFillActiveHover = props.dividerFillActiveHover, dividerFillDisabled = props.dividerFillDisabled, dividerFillHover = props.dividerFillHover, dividerSize = props.dividerSize, href = props.href, label = props.label, labelColor = props.labelColor, labelColorActive = props.labelColorActive, labelColorDisabled = props.labelColorDisabled, labelTextColorHover = props.labelTextColorHover, labelTextGradient = props.labelTextGradient, labelTextSize = props.labelTextSize, labelTextStyle = props.labelTextStyle, labelTextWeight = props.labelTextWeight, labelTextWrap = props.labelTextWrap, link = props.link, linkFill = props.linkFill, onClick = props.onClick, onMouseEnter = props.onMouseEnter, rel = props.rel, reset = props.reset, set = props.set, target = props.target;
     var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'align_',
         propsKey: 'alignDirection',
@@ -73,7 +73,7 @@ function Tab(props) {
     });
     // @ts-expect-error
     var tab = useStyles.useStyles(props).styles;
-    var appearanceConfig = React.useMemo(function () { return appearance && tabConfig.appearance && tabConfig.appearance[appearance]; }, [appearance, tabConfig]);
+    var appearanceConfig = appearance && tabConfig.appearance && tabConfig.appearance[appearance];
     return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default('tab', isActive && 'tab_state_active', isDisabled && 'tab_state_disabled', isHover && 'tab_state_hover', fillClass ||
             (isDisabled
                 ? fillDisabledClass ||

package/dist/cjs/{Text-C8vlKWNN.js → Text-D2YDVhGJ.js}

@@ -1,7 +1,6 @@
 'use strict';
 
 var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
@@ -68,7 +67,7 @@ function Text(props) {
     });
     // @ts-expect-error
     var textStyles = useStyles.useStyles(props).styles;
-    var appearanceConfig = React.useMemo(function () { return appearance && textConfig.appearance && textConfig.appearance[appearance]; }, [appearance, textConfig]);
+    var appearanceConfig = appearance && textConfig.appearance && textConfig.appearance[appearance];
     return (jsxRuntime.jsxRuntimeExports.jsxs(Tag, { className: clsx__default.default(className, 'text', sizeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
                 "text_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), weightClass, textAlignClass, textColorClass ||

package/dist/cjs/{Textarea-WIGhhrgu.js → Textarea-tng0D_n7.js}

@@ -65,7 +65,7 @@ function Textarea(props) {
         prefix: 'width_',
         propsKey: 'width',
     });
-    var appearanceConfig = React.useMemo(function () { return appearance && textareaConfig.appearance && textareaConfig.appearance[appearance]; }, [appearance, textareaConfig]);
+    var appearanceConfig = appearance && textareaConfig.appearance && textareaConfig.appearance[appearance];
     var stateConfig = React.useMemo(function () { return state && textareaConfig.state && textareaConfig.state[state]; }, [state, textareaConfig]);
     return (jsxRuntime.jsxRuntimeExports.jsx("textarea", { className: clsx__default.default(className, 'textarea', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, fillClass, borderColorClass ||
             ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.borderColor) &&

package/dist/cjs/{Tile-2VY0LzsE.js → Tile-By9iqne7.js}

@@ -4,9 +4,9 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Badge = require('./Badge-D7W3B9G5.js');
-var Text = require('./Text-C8vlKWNN.js');
-var Title = require('./Title-DZn77tSl.js');
+var Badge = require('./Badge-Cn73E3GI.js');
+var Text = require('./Text-D2YDVhGJ.js');
+var Title = require('./Title-BzopkHQY.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/cjs/{Title-DZn77tSl.js → Title-BzopkHQY.js}

@@ -78,7 +78,7 @@ function Title(props) {
     });
     // @ts-expect-error
     var _c = useStyles.useStyles(props), titleStyles = _c.styles, titleWrapperStyles = _c.wrapper;
-    var appearanceConfig = React.useMemo(function () { return appearance && titleConfig.appearance && titleConfig.appearance[appearance]; }, [appearance, titleConfig]);
+    var appearanceConfig = appearance && titleConfig.appearance && titleConfig.appearance[appearance];
     // Element type (h1, h2, ..., h6)
     var Tag = React.useMemo(function () {
         if (tag) {

package/dist/cjs/{Tooltip-DRsL77n1.js → Tooltip-VrKQ8W1G.js}

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Text = require('./Text-C8vlKWNN.js');
-var Title = require('./Title-DZn77tSl.js');
+var Text = require('./Text-D2YDVhGJ.js');
+var Title = require('./Title-BzopkHQY.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -103,7 +103,7 @@ var Tooltip = React__default.default.forwardRef(function Tooltip(props, ref) {
     });
     // @ts-expect-error
     var tooltipStyles = useStyles.useStyles(props).styles;
-    var appearanceConfig = React.useMemo(function () { return appearance && tooltipConfig.appearance && tooltipConfig.appearance[appearance]; }, [appearance, tooltipConfig]);
+    var appearanceConfig = appearance && tooltipConfig.appearance && tooltipConfig.appearance[appearance];
     return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default(className, 'tooltip', isTooltipVisible === true && 'tooltip_state_open', isTooltipVisible === false && 'tooltip_state_close', fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
                 "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), shapeClass, alignDirectionClass, alignClass, alignmentClass, borderWidthClass, borderColorClass, borderTypeClass, elevationClass, sizeClass, arrowPosition && "tooltip_type_arrow tooltip_arrow_position_".concat(arrowPosition), type && "tooltip_type_".concat(type), set && "tooltip_set_".concat(set), widthClass), style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [before, jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "tooltip__inner", children: [title && (jsxRuntime.jsxRuntimeExports.jsx(Title.Title, { className: "tooltip__title", size: titleSize, textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), children: title })), text && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "tooltip__text", size: textSize, textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: text })), children] }), after] }));

package/dist/cjs/components/Accordion.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Accordion = require('../Accordion-rCFDAon3.js');
+var Accordion = require('../Accordion-OI5oLjJY.js');
 require('../_tslib-CKiUdo7p.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
@@ -16,12 +16,12 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Icon-2rv_L0yY.js');
+require('../Icon-BUwWk_dS.js');
 require('react-inlinesvg');
 require('../Link-B6Xq7PWn.js');
-require('../Tooltip-DRsL77n1.js');
-require('../Text-C8vlKWNN.js');
-require('../Title-DZn77tSl.js');
+require('../Tooltip-VrKQ8W1G.js');
+require('../Text-D2YDVhGJ.js');
+require('../Title-BzopkHQY.js');
 
 
 

package/dist/cjs/components/Avatar.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Avatar = require('../Avatar-Bj5BiStx.js');
+var Avatar = require('../Avatar-BBAt1cKM.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -11,7 +11,7 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../Icon-2rv_L0yY.js');
+require('../Icon-BUwWk_dS.js');
 require('../_tslib-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../hooks/useStyles.js');
@@ -19,9 +19,9 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../Link-B6Xq7PWn.js');
-require('../Tooltip-DRsL77n1.js');
-require('../Text-C8vlKWNN.js');
-require('../Title-DZn77tSl.js');
+require('../Tooltip-VrKQ8W1G.js');
+require('../Text-D2YDVhGJ.js');
+require('../Title-BzopkHQY.js');
 require('../Image-CCx6QWZj.js');
 
 

package/dist/cjs/components/Badge.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Badge = require('../Badge-D7W3B9G5.js');
+var Badge = require('../Badge-Cn73E3GI.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -15,7 +15,7 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Text-C8vlKWNN.js');
+require('../Text-D2YDVhGJ.js');
 
 
 

package/dist/cjs/components/Breadcrumbs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Breadcrumbs = require('../Breadcrumbs-xj-c6cUH.js');
+var Breadcrumbs = require('../Breadcrumbs-DLTpOh1T.js');
 require('../_tslib-CKiUdo7p.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
@@ -16,12 +16,12 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Icon-2rv_L0yY.js');
+require('../Icon-BUwWk_dS.js');
 require('react-inlinesvg');
 require('../Link-B6Xq7PWn.js');
-require('../Tooltip-DRsL77n1.js');
-require('../Text-C8vlKWNN.js');
-require('../Title-DZn77tSl.js');
+require('../Tooltip-VrKQ8W1G.js');
+require('../Text-D2YDVhGJ.js');
+require('../Title-BzopkHQY.js');
 
 
 

package/dist/cjs/components/Button/Button.interface.d.ts

@@ -30,6 +30,7 @@ export interface IButtonThemeColor {
     labelTextColor?: tTextColorProps;
     labelTextColorHover?: textColorHoverPropsType;
     labelTextSize?: tTextSizeProps;
+    labelTextSizeMobile?: tTextSizeProps;
     labelTextWeight?: tTextWeightProps;
     labelTextWrap?: textWrapPropsType;
     loaderFill?: tFillProps;

package/dist/cjs/components/Button.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Button = require('../Button-DfUQ11Hs.js');
+var Button = require('../Button-C-K_KVjd.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -15,14 +15,14 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Icon-2rv_L0yY.js');
+require('../Icon-BUwWk_dS.js');
 require('../_tslib-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../Link-B6Xq7PWn.js');
-require('../Tooltip-DRsL77n1.js');
-require('../Text-C8vlKWNN.js');
-require('../Title-DZn77tSl.js');
-require('../Loader-2vQxF_aO.js');
+require('../Tooltip-VrKQ8W1G.js');
+require('../Text-D2YDVhGJ.js');
+require('../Title-BzopkHQY.js');
+require('../Loader-2CPNhu-4.js');
 
 
 

package/dist/cjs/components/Card.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Card = require('../Card--te6xVsm.js');
+var Card = require('../Card-D9Eh3qLN.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -16,7 +16,7 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Text-C8vlKWNN.js');
+require('../Text-D2YDVhGJ.js');
 
 
 

package/dist/cjs/components/Cell.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Cell = require('../Cell-DEBk3Rbp.js');
+var Cell = require('../Cell-DpzvSs16.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -11,7 +11,7 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../Icon-2rv_L0yY.js');
+require('../Icon-BUwWk_dS.js');
 require('../_tslib-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../hooks/useStyles.js');
@@ -19,10 +19,10 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../Link-B6Xq7PWn.js');
-require('../Tooltip-DRsL77n1.js');
-require('../Text-C8vlKWNN.js');
-require('../Title-DZn77tSl.js');
-require('../Label-EFoxH21m.js');
+require('../Tooltip-VrKQ8W1G.js');
+require('../Text-D2YDVhGJ.js');
+require('../Title-BzopkHQY.js');
+require('../Label-Bc4u2NRI.js');
 
 
 

package/dist/cjs/components/Checkbox/Checkbox.interface.d.ts

@@ -49,8 +49,8 @@ interface iCheckboxProps extends iCheckboxThemeColor, iStyleAttributes {
     disabled?: boolean;
     label?: string;
     value?: string;
-    onBlur?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onFocus?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event?: React.FocusEvent<HTMLInputElement>) => void;
+    onChange?: (event?: React.ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: (event?: React.FocusEvent<HTMLInputElement>) => void;
 }
 export type { iCheckboxThemeColor, tCheckboxState, tCheckboxAppearance, iCheckboxConfig, iCheckboxProps, };

package/dist/cjs/components/Checkbox.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Checkbox = require('../Checkbox-BIvndDsy.js');
+var Checkbox = require('../Checkbox-BE9LWRTC.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -11,7 +11,7 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../Text-C8vlKWNN.js');
+require('../Text-D2YDVhGJ.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');

package/dist/cjs/components/Chips/Chips.d.ts

@@ -1,9 +1,4 @@
-import { IChipsConfig, IChipsProps } from './Chips.interface';
-declare const chipsConfig: IChipsConfig;
-declare function Chips(props: IChipsProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Chips {
-    var defaultProps: {
-        label: string;
-    };
-}
+import type { iChipsConfig, iChipsProps } from './Chips.interface';
+declare const chipsConfig: iChipsConfig;
+declare function Chips(props: iChipsProps): import("react/jsx-runtime").JSX.Element;
 export { Chips, chipsConfig };

package/dist/cjs/components/Chips/Chips.interface.d.ts

@@ -1,8 +1,8 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, alignPropsType, tBorderColorProps, borderTypePropsType, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
+import { alignDirectionPropsType, alignPropsType, borderTypePropsType, tBorderColorProps, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface IChipsThemeColor {
+interface iChipsThemeColor {
     align?: alignPropsType;
     alignDirection?: alignDirectionPropsType;
     borderColor?: tBorderColorProps;
@@ -16,30 +16,29 @@ export interface IChipsThemeColor {
     fill?: tFillProps;
     fillActive?: tFillProps;
     fillHover?: tFillHoverProps;
+    labelSize?: tTextSizeProps;
     labelTextActiveColor?: tTextColorProps;
     labelTextColor?: tTextColorProps;
-    labelTextSize?: tTextSizeProps;
     labelTextWeight?: tTextWeightProps;
     shape?: tShapeProps;
     size?: tSizeProps;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
-export type chipsAppearanceType = {
-    [key in appearanceKeysType]?: IChipsThemeColor;
+type tChipsAppearance = {
+    [key in tAppearanceKeysDefault]?: iChipsThemeColor;
 };
-export interface IChipsConfig {
-    appearance: chipsAppearanceType | undefined;
-    setAppearance: (newComponent: chipsAppearanceType) => void;
+interface iChipsConfig {
+    appearance: tChipsAppearance | undefined;
+    setAppearance: (newComponent: tChipsAppearance) => void;
 }
-export interface IChipsProps extends IChipsThemeColor, iStyleAttributes {
-    appearance?: appearanceKeysType;
+interface iChipsProps extends iChipsThemeColor, iStyleAttributes {
+    appearance?: tAppearanceKeysDefault;
     children?: ReactNode;
     className?: string;
     cursor?: string;
-    isActive?: boolean;
     label?: string;
     style?: CSSProperties;
     type?: string;
+    isActive?: boolean;
     onClick?: () => void;
 }
-export {};
+export type { iChipsThemeColor, tChipsAppearance, iChipsConfig, iChipsProps };

package/dist/cjs/components/Chips.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Chips = require('../Chips-i7zrI9aU.js');
+var Chips = require('../Chips-cdORW7eM.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -15,7 +15,7 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Text-C8vlKWNN.js');
+require('../Text-D2YDVhGJ.js');
 
 
 

package/dist/cjs/components/Choice/Choice.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IChoiceConfig, IChoiceProps } from './Choice.interface';
-declare const choiceConfig: IChoiceConfig;
-declare const Choice: React.ForwardRefExoticComponent<IChoiceProps & React.RefAttributes<HTMLDivElement>>;
+import { iChoiceConfig, iChoiceProps } from './Choice.interface';
+declare const choiceConfig: iChoiceConfig;
+declare const Choice: React.ForwardRefExoticComponent<iChoiceProps & React.RefAttributes<HTMLDivElement>>;
 export { Choice, choiceConfig };

package/dist/cjs/components/Choice/Choice.interface.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tBorderColorProps, borderTypePropsType, tBorderWidthProps, tFillHoverProps, tFillProps, iconSizePropsType, tItemColorProps, tShapeProps, sizeOptionPropsType, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface IChoiceThemeColor {
+import type { ReactNode } from 'react';
+import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import type { borderTypePropsType, iconSizePropsType, sizeOptionPropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
+import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
+interface iChoiceThemeColor {
     activeIconItemFill?: tItemColorProps;
     borderColor?: tBorderColorProps;
     borderType?: borderTypePropsType;
@@ -23,16 +23,15 @@ export interface IChoiceThemeColor {
     labelTextSize?: tTextSizeProps;
     shape?: tShapeProps;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
-export type choiceAppearanceType = {
-    [key in appearanceKeysType]?: IChoiceThemeColor;
+type tChoiceAppearance = {
+    [key in tAppearanceKeysDefault]?: iChoiceThemeColor;
 };
-export interface IChoiceConfig {
-    appearance: choiceAppearanceType | undefined;
-    setAppearance: (newComponent: choiceAppearanceType) => void;
+interface iChoiceConfig {
+    appearance: tChoiceAppearance | undefined;
+    setAppearance: (newComponent: tChoiceAppearance) => void;
 }
-export interface IChoiceProps extends IChoiceThemeColor, iStyleAttributes {
-    appearance?: appearanceKeysType;
+interface iChoiceProps extends iChoiceThemeColor, iStyleAttributes {
+    appearance?: tAppearanceKeysDefault;
     active: {
         value: ReactNode;
     };
@@ -44,6 +43,7 @@ export interface IChoiceProps extends IChoiceThemeColor, iStyleAttributes {
     icon?: ReactNode;
     isDisabled?: boolean;
     isCheckbox?: boolean;
+    isLoading?: boolean;
     name?: string;
     options: {
         value: string;
@@ -56,4 +56,4 @@ export interface IChoiceProps extends IChoiceThemeColor, iStyleAttributes {
     type?: string;
     setActiveSegment?: (item: any, isChecked?: boolean) => void;
 }
-export {};
+export type { iChoiceThemeColor, tChoiceAppearance, iChoiceConfig, iChoiceProps };

package/dist/cjs/components/Choice.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Choice = require('../Choice-Cm_1ke3H.js');
+var Choice = require('../Choice-nMRlWkpF.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -11,7 +11,7 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../Icon-2rv_L0yY.js');
+require('../Icon-BUwWk_dS.js');
 require('../_tslib-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../hooks/useStyles.js');
@@ -19,9 +19,10 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../Link-B6Xq7PWn.js');
-require('../Tooltip-DRsL77n1.js');
-require('../Text-C8vlKWNN.js');
-require('../Title-DZn77tSl.js');
+require('../Tooltip-VrKQ8W1G.js');
+require('../Text-D2YDVhGJ.js');
+require('../Title-BzopkHQY.js');
+require('../Loader-2CPNhu-4.js');
 
 
 

package/dist/cjs/components/Code/Code.d.ts

@@ -3,7 +3,6 @@ declare function Code(props: ICodeProps): import("react/jsx-runtime").JSX.Elemen
 declare namespace Code {
     var defaultProps: {
         inputCount: number;
-        gap: number;
         inputType: string;
         inputSize: string;
         inputBorderWidth: number;

package/dist/cjs/components/Code.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Code = require('../Code-ByEr4h2R.js');
+var Code = require('../Code-BJFoJBYh.js');
 require('../_tslib-CKiUdo7p.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');

package/dist/cjs/components/ContextMenu.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var ContextMenuItem = require('../ContextMenuItem-D6dUiYw7.js');
+var ContextMenuItem = require('../ContextMenuItem-D2wjhhzg.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -16,13 +16,13 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Icon-2rv_L0yY.js');
+require('../Icon-BUwWk_dS.js');
 require('../_tslib-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../Link-B6Xq7PWn.js');
-require('../Tooltip-DRsL77n1.js');
-require('../Text-C8vlKWNN.js');
-require('../Title-DZn77tSl.js');
+require('../Tooltip-VrKQ8W1G.js');
+require('../Text-D2YDVhGJ.js');
+require('../Title-BzopkHQY.js');