@itcase/ui 1.1.9 → 1.1.11

package/dist/cjs/{floating-ui.dom-C34fOuI9.js → floating-ui.dom-CW7i9VDu.js}

@@ -57,9 +57,8 @@ function getContainingBlock(element) {
   while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
     if (isContainingBlock(currentNode)) {
       return currentNode;
-    } else {
-      currentNode = getParentNode(currentNode);
     }
+    currentNode = getParentNode(currentNode);
   }
   return null;
 }
@@ -243,12 +242,21 @@ function getPaddingObject(padding) {
   };
 }
 function rectToClientRect(rect) {
+  const {
+    x,
+    y,
+    width,
+    height
+  } = rect;
   return {
-    ...rect,
-    top: rect.y,
-    left: rect.x,
-    right: rect.x + rect.width,
-    bottom: rect.y + rect.height
+    width,
+    height,
+    top: y,
+    left: x,
+    right: x + width,
+    bottom: y + height,
+    x,
+    y
   };
 }
 
@@ -437,9 +445,10 @@ async function detectOverflow(state, options) {
     strategy
   }));
   const rect = elementContext === 'floating' ? {
-    ...rects.floating,
     x,
-    y
+    y,
+    width: rects.floating.width,
+    height: rects.floating.height
   } : rects.reference;
   const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
   const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
@@ -676,6 +685,8 @@ async function convertValueToCoords(state, options) {
   const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;
   const crossAxisMulti = rtl && isVertical ? -1 : 1;
   const rawValue = evaluate(options, state);
+
+  // eslint-disable-next-line prefer-const
   let {
     mainAxis,
     crossAxis,
@@ -709,7 +720,7 @@ async function convertValueToCoords(state, options) {
  * object may be passed.
  * @see https://floating-ui.com/docs/offset
  */
-const offset = function (options) {
+const offset$1 = function (options) {
   if (options === void 0) {
     options = 0;
   }
@@ -871,10 +882,10 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
 }
 
 const topLayerSelectors = [':popover-open', ':modal'];
-function isTopLayer(floating) {
+function isTopLayer(element) {
   return topLayerSelectors.some(selector => {
     try {
-      return floating.matches(selector);
+      return element.matches(selector);
     } catch (e) {
       return false;
     }
@@ -1062,7 +1073,7 @@ function getClippingRect(_ref) {
     rootBoundary,
     strategy
   } = _ref;
-  const elementClippingAncestors = boundary === 'clippingAncestors' ? getClippingElementAncestors(element, this._c) : [].concat(boundary);
+  const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
   const clippingAncestors = [...elementClippingAncestors, rootBoundary];
   const firstClippingAncestor = clippingAncestors[0];
   const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
@@ -1124,6 +1135,10 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
   };
 }
 
+function isStaticPositioned(element) {
+  return getComputedStyle(element).position === 'static';
+}
+
 function getTrueOffsetParent(element, polyfill) {
   if (!isHTMLElement(element) || getComputedStyle(element).position === 'fixed') {
     return null;
@@ -1137,29 +1152,41 @@ function getTrueOffsetParent(element, polyfill) {
 // Gets the closest ancestor positioned element. Handles some edge cases,
 // such as table ancestors and cross browser bugs.
 function getOffsetParent(element, polyfill) {
-  const window = getWindow(element);
-  if (!isHTMLElement(element) || isTopLayer(element)) {
-    return window;
+  const win = getWindow(element);
+  if (isTopLayer(element)) {
+    return win;
+  }
+  if (!isHTMLElement(element)) {
+    let svgOffsetParent = getParentNode(element);
+    while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
+      if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
+        return svgOffsetParent;
+      }
+      svgOffsetParent = getParentNode(svgOffsetParent);
+    }
+    return win;
   }
   let offsetParent = getTrueOffsetParent(element, polyfill);
-  while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === 'static') {
+  while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
     offsetParent = getTrueOffsetParent(offsetParent, polyfill);
   }
-  if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static' && !isContainingBlock(offsetParent))) {
-    return window;
+  if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
+    return win;
   }
-  return offsetParent || getContainingBlock(element) || window;
+  return offsetParent || getContainingBlock(element) || win;
 }
 
 const getElementRects = async function (data) {
   const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
   const getDimensionsFn = this.getDimensions;
+  const floatingDimensions = await getDimensionsFn(data.floating);
   return {
     reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
     floating: {
       x: 0,
       y: 0,
-      ...(await getDimensionsFn(data.floating))
+      width: floatingDimensions.width,
+      height: floatingDimensions.height
     }
   };
 };
@@ -1229,9 +1256,11 @@ function observeMove(element, onMove) {
           return refresh();
         }
         if (!ratio) {
+          // If the reference is clipped, the ratio is 0. Throttle the refresh
+          // to prevent an infinite loop of updates.
           timeoutId = setTimeout(() => {
             refresh(false, 1e-7);
-          }, 100);
+          }, 1000);
         } else {
           refresh(false, ratio);
         }
@@ -1335,6 +1364,15 @@ function autoUpdate(reference, floating, update, options) {
   };
 }
 
+/**
+ * Modifies the placement by translating the floating element along the
+ * specified axes.
+ * A number (shorthand for `mainAxis` or distance), or an axes configuration
+ * object may be passed.
+ * @see https://floating-ui.com/docs/offset
+ */
+const offset = offset$1;
+
 /**
  * Optimizes the visibility of the floating element by flipping the `placement`
  * in order to keep it in view when the preferred placement(s) will overflow the

package/dist/cjs/hooks/styleAttributes.interface.d.ts

@@ -1,4 +1,5 @@
-import { overflowPropsType } from '../types';
+import type * as CSS from 'csstype';
+import { overflowPropsType, textAlignPropsType } from '../types';
 export interface TypeStyleAttributes {
     /**
      * Layout
@@ -6,7 +7,7 @@ export interface TypeStyleAttributes {
     alignContent?: string;
     alignItems?: string;
     alignSelf?: string;
-    aspectRatio?: string;
+    aspectRatio?: CSS.Property.AspectRatio;
     border?: string;
     borderBottomWidth?: string;
     borderEndWidth?: string;
@@ -17,13 +18,13 @@ export interface TypeStyleAttributes {
     bottom?: string;
     columnGap?: string;
     columnWidth?: string;
-    display?: string;
+    display?: CSS.Property.Display;
     end?: string;
-    flex?: string;
-    flexBasis?: string;
-    flexDirection?: string;
-    flexShrink?: string;
-    flexWrap?: string;
+    flex?: CSS.Property.Flex;
+    flexBasis?: CSS.Property.FlexBasis;
+    flexDirection?: CSS.Property.FlexDirection;
+    flexShrink?: CSS.Property.FlexShrink;
+    flexWrap?: CSS.Property.FlexWrap;
     gap?: string;
     height?: string;
     left?: string;
@@ -40,7 +41,7 @@ export interface TypeStyleAttributes {
     maxWidth?: string;
     minHeight?: string;
     minWidth?: string;
-    order?: string;
+    order?: CSS.Property.Order;
     overflow?: overflowPropsType;
     padding?: string;
     paddingBottom?: string;
@@ -68,7 +69,7 @@ export interface TypeStyleAttributes {
     /**
      * Transform
      */
-    transform?: string;
+    transform?: CSS.Property.Transform;
     /**
      * View
      */
@@ -99,26 +100,26 @@ export interface TypeStyleAttributes {
     color?: string;
     fontFamily?: string;
     fontSize?: string;
-    fontStyle?: string;
+    fontStyle?: CSS.Property.FontStyle;
     fontVariant?: string;
-    fontWeight?: string;
+    fontWeight?: CSS.Property.FontWeight;
     letterSpacing?: string;
     lineHeight?: string;
-    textAlign?: string;
+    textAlign?: textAlignPropsType;
     textDecorationColor?: string;
     textDecorationLine?: string;
     textDecorationStyle?: string;
     textShadowColor?: string;
     textShadowOffset?: string;
     textShadowRadius?: string;
-    textTransform?: string;
-    verticalAlign?: string;
-    writingMode?: string;
-    whiteSpace?: string;
+    textTransform?: CSS.Property.TextTransform;
+    verticalAlign?: CSS.Property.VerticalAlign;
+    writingMode?: CSS.Property.WritingMode;
+    whiteSpace?: CSS.Property.WhiteSpace;
     /**
      * Image
      */
-    objectFit?: string;
+    objectFit?: CSS.Property.ObjectFit;
     overlayColor?: string;
     resizeMode?: string;
     tintColor?: string;
@@ -142,3 +143,19 @@ export interface TypeStyleAttributes {
      */
     backdropFilter?: string;
 }
+type WrappedInterface<T> = {
+    [P in keyof T as `${string & P}Wrapper`]: T[P];
+};
+type LabelInterface<T> = {
+    [P in keyof T as `${string & P}Label`]: T[P];
+};
+type ImageInterface<T> = {
+    [P in keyof T as `${string & P}Image`]: T[P];
+};
+export interface TypeStyleWrapperAttributes extends WrappedInterface<TypeStyleAttributes> {
+}
+export interface TypeStyleLabelAttributes extends LabelInterface<TypeStyleAttributes> {
+}
+export interface TypeStyleImageAttributes extends ImageInterface<TypeStyleAttributes> {
+}
+export {};

package/dist/cjs/{jsx-runtime-BCmQOGxJ.js → jsx-runtime-BBxmckJR.js}

@@ -1040,11 +1040,6 @@ function requireReactJsxRuntime_development () {
 
 	function getSourceInfoErrorAddendum(source) {
 	  {
-	    if (source !== undefined) {
-	      var fileName = source.fileName.replace(/^.*[\\\/]/, '');
-	      var lineNumber = source.lineNumber;
-	      return '\n\nCheck your code at ' + fileName + ':' + lineNumber + '.';
-	    }
 
 	    return '';
 	  }
@@ -1245,6 +1240,7 @@ function requireReactJsxRuntime_development () {
 	  }
 	}
 
+	var didWarnAboutKeySpread = {};
 	function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
 	  {
 	    var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
@@ -1257,7 +1253,7 @@ function requireReactJsxRuntime_development () {
 	        info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
 	      }
 
-	      var sourceInfo = getSourceInfoErrorAddendum(source);
+	      var sourceInfo = getSourceInfoErrorAddendum();
 
 	      if (sourceInfo) {
 	        info += sourceInfo;
@@ -1315,6 +1311,24 @@ function requireReactJsxRuntime_development () {
 	      }
 	    }
 
+	    {
+	      if (hasOwnProperty.call(props, 'key')) {
+	        var componentName = getComponentNameFromType(type);
+	        var keys = Object.keys(props).filter(function (k) {
+	          return k !== 'key';
+	        });
+	        var beforeExample = keys.length > 0 ? '{key: someKey, ' + keys.join(': ..., ') + ': ...}' : '{key: someKey}';
+
+	        if (!didWarnAboutKeySpread[componentName + beforeExample]) {
+	          var afterExample = keys.length > 0 ? '{' + keys.join(': ..., ') + ': ...}' : '{}';
+
+	          error('A props object containing a "key" prop is being spread into JSX:\n' + '  let props = %s;\n' + '  <%s {...props} />\n' + 'React keys must be passed directly to JSX without using spread:\n' + '  let props = %s;\n' + '  <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);
+
+	          didWarnAboutKeySpread[componentName + beforeExample] = true;
+	        }
+	      }
+	    }
+
 	    if (type === REACT_FRAGMENT_TYPE) {
 	      validateFragmentProps(element);
 	    } else {

package/dist/cjs/types/componentProps/alignment.d.ts

@@ -1 +1 @@
-export type alignmentProps = 'topLeft' | 'topCenter' | 'topRight' | 'leftCenter' | 'rightCenter' | 'bottomRight' | 'bottomCenter' | 'bottomLeft';
+export type alignmentPropsType = 'topLeft' | 'topCenter' | 'topRight' | 'leftCenter' | 'rightCenter' | 'bottomRight' | 'bottomCenter' | 'bottomLeft';

package/dist/cjs/types/componentProps/appearanceKeys.d.ts

@@ -1 +1 @@
-export type appearanceKeysDefaultType = 'dev' | 'accent' | 'primary' | 'secondary' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary';
+export type appearanceKeysDefaultType = 'any' | 'dev' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary' | 'surfaceDisabled' | 'gradientPrimary' | 'accent' | 'primary' | 'secondary' | 'disabled' | 'success' | 'warning' | 'error' | 'fail';

package/dist/cjs/types/componentProps/borderColorHover.d.ts

@@ -1 +1 @@
-export type borderColorHoverPropsType = 'accentBorderPrimary' | 'accentBorderPrimaryHover' | 'primaryBorderPrimary' | 'secondaryBorderPrimary' | 'tertiaryBorderPrimary' | 'surfaceBorderPrimary' | 'surfaceBorderSecondary' | 'surfaceBorderTertiary' | 'errorBorderPrimary' | 'errorBorderPrimaryHover' | 'successBorderPrimary';
+export type borderColorHoverPropsType = 'accentBorderPrimary' | 'accentBorderPrimaryHover' | 'primaryBorderPrimary' | 'secondaryBorderPrimary' | 'tertiaryBorderPrimary' | 'surfaceBorderPrimary' | 'surfaceBorderSecondary' | 'surfaceBorderTertiary' | 'errorBorderPrimary' | 'errorBorderPrimaryHover' | 'successBorderPrimary' | 'surfaceBorderQuaternary';

package/dist/cjs/types/componentProps/fill.d.ts

@@ -1 +1 @@
-export type fillPropsType = 'accentPrimary' | 'accentSecondary' | 'accentTertiary' | 'errorPrimary' | 'errorSecondary' | 'gradientPrimary' | 'primaryPrimary' | 'primarySecondary' | 'primaryTertiary' | 'secondaryPrimary' | 'secondarySecondary' | 'secondaryTertiary' | 'successPrimary' | 'successSecondary' | 'surfaceItemPrimary' | 'surfaceItemPrimary' | 'surfacePrimary' | 'surfaceQuaternary' | 'surfaceQuinary' | 'surfaceSecondary' | 'surfaceTertiary' | 'tertiaryPrimary' | 'tertiarySecondary' | 'tertiaryTertiary';
+export type fillPropsType = 'accentPrimary' | 'accentSecondary' | 'accentTertiary' | 'errorPrimary' | 'errorSecondary' | 'gradientPrimary' | 'primaryPrimary' | 'primarySecondary' | 'primaryTertiary' | 'secondaryPrimary' | 'secondarySecondary' | 'secondaryTertiary' | 'successPrimary' | 'successSecondary' | 'surfaceItemPrimary' | 'surfacePrimary' | 'surfaceQuaternary' | 'surfaceQuinary' | 'surfaceSecondary' | 'surfaceTertiary' | 'tertiaryPrimary' | 'tertiarySecondary' | 'tertiaryTertiary';

package/dist/cjs/types/componentProps/iconFillSize.d.ts

@@ -1 +1 @@
-export type iconFillSizePropsType = '14' | '16' | '24' | '32' | '36' | '40' | '60' | '64' | '144';
+export type iconFillSizePropsType = '10' | '14' | '16' | '24' | '32' | '36' | '40' | '60' | '64' | '144';

package/dist/cjs/types/componentProps/iconSize.d.ts

@@ -1 +1 @@
-export type iconSizePropsType = '14' | '16' | '20' | '24' | '32' | '40' | '60' | '64' | '144';
+export type iconSizePropsType = '10' | '12' | '14' | '16' | '20' | '24' | '32' | '40' | '60' | '64' | '144';

package/dist/cjs/types/componentProps/itemColor.d.ts

@@ -1 +1 @@
-export type itemColorPropsType = 'accentPrimary' | 'accentSecondary' | 'accentTertiary' | 'primaryPrimary' | 'primarySecondary' | 'primaryTertiary' | 'secondaryPrimary' | 'secondarySecondary' | 'secondaryTertiary' | 'tertiaryPrimary' | 'tertiarySecondary' | 'tertiaryTertiary' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary' | 'surfaceQuinary' | 'errorPrimary' | 'errorSecondary' | 'successPrimary' | 'successSecondary';
+export type itemColorPropsType = 'accentItemPrimary' | 'accentItemSecondary' | 'accentItemTertiary' | 'accentItemDisabled' | 'primaryItemPrimary' | 'primaryItemSecondary' | 'primaryItemTertiary' | 'primaryItemDisabled' | 'secondaryItemPrimary' | 'secondaryItemSecondary' | 'secondaryItemTertiary' | 'secondaryItemDisabled' | 'tertiaryItemPrimary' | 'tertiaryItemSecondary' | 'tertiaryItemTertiary' | 'surfaceItemPrimary' | 'surfaceItemSecondary' | 'surfaceItemTertiary' | 'surfaceItemQuaternary' | 'surfaceItemQuinary' | 'surfaceItemDisabled' | 'surfaceItemInvert' | 'surfaceItemAccent' | 'errorItemPrimary' | 'errorItemSecondary' | 'successItemPrimary' | 'successItemSecondary';

package/dist/cjs/types/componentProps/sizeInterface.d.ts

@@ -1 +1 @@
-export type sizeInterfacePropsType = 'compact' | 'normal' | 'regular' | 'any';
+export type sizeOptionPropsType = 'compact' | 'normal' | 'regular' | 'any';

package/dist/cjs/types/componentProps/sizePX.d.ts

@@ -1 +1 @@
-export type sizePXPropsType = '14' | '16' | '24' | '32' | '40' | '48' | '56' | '60' | '64' | '72' | '80' | '96' | '112' | '144' | '240';
+export type sizePXPropsType = '14' | '16' | '20' | '24' | '32' | '40' | '48' | '56' | '60' | '64' | '72' | '80' | '96' | '112' | '144' | '240';

package/dist/cjs/types/componentProps/stateKeys.d.ts

@@ -0,0 +1 @@
+export type stateKeysDefaultType = 'normal' | 'filled' | 'active' | 'activeFilled' | 'error' | 'errorFilled' | 'readonly' | 'disabled' | 'success' | 'require';

package/dist/cjs/types/index.d.ts

@@ -1,6 +1,6 @@
 export type { alignDirectionPropsType } from './componentProps/alignDirection';
 export type { alignPropsType } from './componentProps/align';
-export type { alignmentProps } from './componentProps/alignment';
+export type { alignmentPropsType } from './componentProps/alignment';
 export type { borderColorHoverPropsType } from './componentProps/borderColorHover';
 export type { borderColorPropsType } from './componentProps/borderColor';
 export type { borderTypePropsType } from './componentProps/borderType';
@@ -32,12 +32,11 @@ export type { overflowPropsType } from './componentProps/overflow.ts';
 export type { positionPropsType } from './componentProps/position';
 export type { resizeModePropsType } from './componentProps/resizeMode';
 export type { shapePropsType } from './componentProps/shape';
-export type { sizeInterfacePropsType } from './componentProps/sizeInterface';
+export type { sizeOptionPropsType } from './componentProps/sizeInterface';
 export type { sizePXPropsType } from './componentProps/sizePX';
 export type { sizePropsType } from './componentProps/size';
 export type { stackingPropsType } from './componentProps/stacking';
 export type { statePropsType } from './componentProps/state';
-export type { strokeColorPropsType } from './componentProps/strokeColor';
 export type { textAlignPropsType } from './componentProps/textAlign';
 export type { textColorActivePropsType } from './componentProps/textColorActive';
 export type { textColorHoverPropsType } from './componentProps/textColorHover';

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

@@ -1,56 +1,58 @@
-import React from 'react';
+import { CSSProperties, ReactNode } from 'react';
 import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorPropsType, directionPropsType, fillHoverPropsType, fillPropsType, heightPropsType, shapePropsType, sizePropsType, textColorPropsType, textWeightPropsType, widthPropsType } from '../../types';
+import { borderColorPropsType, directionPropsType, fillHoverPropsType, fillPropsType, heightPropsType, itemColorPropsType, shapePropsType, sizePropsType, textColorPropsType, textWeightPropsType, widthPropsType } from '../../types';
 export interface IAccordionProps extends TypeStyleAttributes {
-    children?: React.ReactNode;
+    children?: ReactNode;
+    className: string;
+    initial: any;
+    isMultiple: boolean;
     items?: {
-        content: React.ReactNode;
+        content: ReactNode;
         id: number | string;
         title: string;
     }[];
-    className: string;
-    initial: any;
-    isMultiple: boolean;
+    style?: CSSProperties;
     onClickItem?: ({}: {
         id: number | string;
     }) => void;
     borderColor?: borderColorPropsType;
     direction?: directionPropsType;
     fill?: fillPropsType;
-    shape?: shapePropsType;
     height?: heightPropsType;
+    shape?: shapePropsType;
     width?: widthPropsType;
 }
 export interface IAccordionItemProps extends TypeStyleAttributes {
-    children?: React.ReactNode;
-    id: number | string;
-    title?: string;
-    icon?: React.ReactNode;
-    content?: React.ReactNode;
-    afterContent?: React.ReactNode;
-    beforeContent?: React.ReactNode;
+    afterContent?: ReactNode;
+    beforeContent?: ReactNode;
+    children?: ReactNode;
     className?: string;
-    titleTextSize?: sizePropsType;
-    titleTextColor?: textColorPropsType;
-    titleTextWeight?: textWeightPropsType;
-    contentTextSize?: sizePropsType;
+    content?: ReactNode;
     contentTextColor?: textColorPropsType;
+    contentTextSize?: sizePropsType;
     contentTextWeight?: textWeightPropsType;
+    icon?: ReactNode;
+    id: number | string;
     size?: sizePropsType;
+    style?: CSSProperties;
+    title?: string;
+    titleTextColor?: textColorPropsType;
+    titleTextSize?: sizePropsType;
+    titleTextWeight?: textWeightPropsType;
     isExpanded?: boolean;
     onClick?: ({}: {
         id: number | string;
         title?: string;
-        content?: React.ReactNode;
+        content?: ReactNode;
         isExpanded?: boolean;
     }) => void;
     fillDesktop?: fillPropsType;
     fillMobile?: fillPropsType;
     fillTablet?: fillPropsType;
-    iconFill?: fillPropsType;
-    iconFillDesktop?: fillPropsType;
-    iconFillMobile?: fillPropsType;
-    iconFillTablet?: fillPropsType;
+    iconFill?: itemColorPropsType;
+    iconFillDesktop?: itemColorPropsType;
+    iconFillMobile?: itemColorPropsType;
+    iconFillTablet?: itemColorPropsType;
     shapeDesktop?: shapePropsType;
     shapeMobile?: shapePropsType;
     shapeTablet?: shapePropsType;

package/dist/components/Accordion.js

@@ -1,10 +1,10 @@
-export { A as Accordion, a as AccordionItem } from '../Accordion-CqPVnTKh.js';
-import '../Link-ByBzBRDH.js';
-import '../jsx-runtime-ClDdVO4Q.js';
+export { A as Accordion, a as AccordionItem } from '../Accordion-vh2p5Mzs.js';
+import '../_tslib-S-VPg1Cw.js';
+import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
-import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
+import '../hooks/useDeviceTargetClass.js';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
 import 'prop-types';
@@ -14,20 +14,9 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-Dn2eEZvb.js';
+import '../Icon-Duj1nynQ.js';
 import 'react-inlinesvg';
-import './Tooltip.js';
-import '../Text-BcGbRc14.js';
-import './Title.js';
-import '../constants/componentProps/fill.js';
-import '../constants/componentProps/textAlign.js';
-import '../constants/componentProps/textColor.js';
-import '../constants/componentProps/textGradient.js';
-import '../constants/componentProps/textStyle.js';
-import '../constants/componentProps/textWeight.js';
-import '../constants/componentProps/titleSize.js';
-import '../constants/componentProps/type.js';
-import '../constants/componentProps/wrap.js';
-import '../constants/componentProps/size.js';
-import '../constants/componentProps/textSize.js';
-import '../constants/componentProps/shape.js';
+import '../Link-CbCqej5B.js';
+import '../Tooltip-CcwyN7PD.js';
+import '../Text-CxrzHFN1.js';
+import '../Title-BUN57fWw.js';

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

@@ -1,44 +1,29 @@
-import React from 'react';
+import { ElementType, ReactNode } from 'react';
 import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { fillHoverPropsType, fillPropsType, iconFillSizePropsType, iconSizePropsType, shapePropsType, sizePXPropsType, textColorPropsType, textSizePropsType, textWeightPropsType } from '../../types';
-import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
-export interface IAvatarThemeColor {
+import { fillHoverPropsType, fillPropsType, iconFillSizePropsType, iconSizePropsType, itemColorPropsType, shapePropsType, sizePXPropsType, textColorPropsType, textSizePropsType, textWeightPropsType } from '../../types';
+export interface IAvatarProps extends TypeStyleAttributes {
+    Dot?: ReactNode;
+    after?: ReactNode;
+    before?: ReactNode;
+    className?: string;
     fill?: fillPropsType;
+    firstName?: string;
+    icon?: ElementType;
     iconFill?: fillPropsType;
     iconFillHover?: fillHoverPropsType;
     iconFillSize?: iconFillSizePropsType;
-    iconItemFill?: fillPropsType;
+    iconItemFill?: itemColorPropsType;
     iconShape?: shapePropsType;
     iconSize?: iconSizePropsType;
-    iconStroke?: string;
+    iconSrc?: string;
     mode?: string;
+    secondName?: string;
     shape?: shapePropsType;
     size?: sizePXPropsType;
+    src?: string;
     textColor?: textColorPropsType;
     textSize?: textSizePropsType;
     textWeight?: textWeightPropsType;
-    type?: string;
-}
-type appearanceKeysType = appearanceKeysDefaultType & {};
-export type avatarAppearanceType = {
-    [key in appearanceKeysType]?: IAvatarThemeColor;
-};
-export interface IAvatarConfig {
-    appearance: avatarAppearanceType | undefined;
-    setAppearance: (newComponent: avatarAppearanceType) => void;
-}
-export interface IAvatarProps extends IAvatarThemeColor, TypeStyleAttributes {
-    after?: React.ReactNode;
-    before?: React.ReactNode;
-    className?: string;
-    Dot?: React.ReactNode;
-    firstName?: string;
-    icon?: React.ElementType;
-    iconSrc?: string;
-    mode?: string;
-    onClick?: () => void;
-    secondName?: string;
-    src?: string;
     type?: 'image' | 'text';
+    onClick?: () => void;
 }
-export {};

package/dist/components/Avatar.js

@@ -1,5 +1,5 @@
-export { A as Avatar } from '../Avatar-DB6Si0s1.js';
-import '../jsx-runtime-ClDdVO4Q.js';
+export { A as Avatar } from '../Avatar-DhZxzLEY.js';
+import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
 import '../hooks/useDeviceTargetClass.js';
@@ -9,29 +9,15 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Icon-Dn2eEZvb.js';
-import '../Link-ByBzBRDH.js';
+import '../Icon-Duj1nynQ.js';
+import '../_tslib-S-VPg1Cw.js';
+import 'react-inlinesvg';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import 'react-inlinesvg';
-import './Tooltip.js';
-import '../Text-BcGbRc14.js';
-import './Title.js';
-import '../constants/componentProps/fill.js';
-import '../constants/componentProps/textAlign.js';
-import '../constants/componentProps/textColor.js';
-import '../constants/componentProps/textGradient.js';
-import '../constants/componentProps/textStyle.js';
-import '../constants/componentProps/textWeight.js';
-import '../constants/componentProps/titleSize.js';
-import '../constants/componentProps/type.js';
-import '../constants/componentProps/wrap.js';
-import '../constants/componentProps/size.js';
-import '../constants/componentProps/textSize.js';
-import '../constants/componentProps/shape.js';
-import './Image.js';
-import '../constants/componentProps/borderColor.js';
-import '../constants/componentProps/resizeMode.js';
-import '../constants/componentProps/width.js';
+import '../Link-CbCqej5B.js';
+import '../Tooltip-CcwyN7PD.js';
+import '../Text-CxrzHFN1.js';
+import '../Title-BUN57fWw.js';
+import '../Image-Bz4Fo3eB.js';

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,10 @@
+import { IBadgeConfig, IBadgeProps } from './Badge.interface';
+declare const badgeConfig: IBadgeConfig;
+declare function Badge(props: IBadgeProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Badge {
+    var defaultProps: {
+        size: string;
+        shape: string;
+    };
+}
+export { Badge, badgeConfig };