@itcase/ui 1.9.73 → 1.9.75

package/dist/components/Text.js

@@ -1,4 +1,4 @@
-export { b as Text, t as textAppearance, q as textConfig } from '../primitives_es_g9LRUQ6M.js';
+export { b as Text, t as textAppearance, q as textConfig } from '../primitives_es_CFZll4Gh.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

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_g9LRUQ6M.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator } from '../primitives_es_CFZll4Gh.js';
 import '@rc-component/tooltip';
 import 'react';
 import 'lodash/camelCase';

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_g9LRUQ6M.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_CFZll4Gh.js';
 import '@rc-component/tooltip';
 import 'react';
 import 'lodash/camelCase';

package/dist/components/Title.js

@@ -1,4 +1,4 @@
-export { T as Title, y as titleAppearance, z as titleConfig } from '../primitives_es_g9LRUQ6M.js';
+export { T as Title, y as titleAppearance, z as titleConfig } from '../primitives_es_CFZll4Gh.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { l as Tooltip, h as TooltipWrapper, A as tooltipAppearance, C as tooltipConfig } from '../primitives_es_g9LRUQ6M.js';
+export { l as Tooltip, h as TooltipWrapper, A as tooltipAppearance, C as tooltipConfig } from '../primitives_es_CFZll4Gh.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

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_g9LRUQ6M.js';
+import { u as useStyles } from '../primitives_es_CFZll4Gh.js';
 import '@rc-component/tooltip';
 import 'react';
 import 'lodash/camelCase';

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_g9LRUQ6M.js';
+import { d as useAppearanceConfig, a as useDevicePropsGenerator, u as useStyles, I as Icon, b as Text } from '../primitives_es_CFZll4Gh.js';
 import { icons16 } from '@itcase/icons/default';
 import '@rc-component/tooltip';
 import 'lodash/camelCase';

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_g9LRUQ6M.js';
+export { N as NotificationsProvider, j as useNotifications, k as useNotificationsAPI } from '../primitives_es_CFZll4Gh.js';
 import '@rc-component/tooltip';
 import 'clsx';
 import 'lodash/camelCase';

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_g9LRUQ6M.js';
+export { U as UIProvider, e as useUserDeviceContext } from '../primitives_es_CFZll4Gh.js';
 import '@rc-component/tooltip';
 import 'clsx';
 import 'lodash/castArray';

package/dist/context/UrlAssetPrefix.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { E as UrlAssetPrefixContext, F as UrlAssetPrefixProvider } from '../primitives_es_g9LRUQ6M.js';
+export { E as UrlAssetPrefixContext, F as UrlAssetPrefixProvider } from '../primitives_es_CFZll4Gh.js';
 import '@rc-component/tooltip';
 import 'clsx';
 import 'lodash/camelCase';

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_g9LRUQ6M.js';
+export { c as urlWithAssetPrefix } from '../primitives_es_CFZll4Gh.js';
 import '@rc-component/tooltip';
 import 'clsx';
 import 'lodash/camelCase';

package/dist/hooks/useAppearanceConfig/useAppearanceConfig.js

@@ -1,5 +1,5 @@
 import 'react';
-export { d as useAppearanceConfig } from '../../primitives_es_g9LRUQ6M.js';
+export { d as useAppearanceConfig } from '../../primitives_es_CFZll4Gh.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'clsx';

package/dist/hooks/useAppearanceConfig.js

@@ -1,4 +1,4 @@
-export { d as useAppearanceConfig } from '../primitives_es_g9LRUQ6M.js';
+export { d as useAppearanceConfig } from '../primitives_es_CFZll4Gh.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

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_g9LRUQ6M.js';
+export { a as useDevicePropsGenerator } from '../../primitives_es_CFZll4Gh.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'clsx';

package/dist/hooks/useDevicePropsGenerator.js

@@ -1,4 +1,4 @@
-export { a as useDevicePropsGenerator } from '../primitives_es_g9LRUQ6M.js';
+export { a as useDevicePropsGenerator } from '../primitives_es_CFZll4Gh.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

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_g9LRUQ6M.js';
+import { e as useUserDeviceContext } from '../primitives_es_CFZll4Gh.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'clsx';

package/dist/hooks/useMediaQueries/useMediaQueries.js

@@ -1,6 +1,6 @@
 import 'react';
 import 'react-responsive';
-export { n as useMediaQueries } from '../../primitives_es_g9LRUQ6M.js';
+export { n as useMediaQueries } from '../../primitives_es_CFZll4Gh.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'clsx';

package/dist/hooks/useMediaQueries.js

@@ -1,4 +1,4 @@
-export { n as useMediaQueries } from '../primitives_es_g9LRUQ6M.js';
+export { n as useMediaQueries } from '../primitives_es_CFZll4Gh.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

package/dist/hooks/useStyles/styleAttributes.js

@@ -1,4 +1,4 @@
-export { p as default } from '../../primitives_es_g9LRUQ6M.js';
+export { p as default } from '../../primitives_es_CFZll4Gh.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

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_g9LRUQ6M.js';
+export { u as useStyles } from '../../primitives_es_CFZll4Gh.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'clsx';

package/dist/hooks/useStyles.js

@@ -1,4 +1,4 @@
-export { u as useStyles } from '../primitives_es_g9LRUQ6M.js';
+export { u as useStyles } from '../primitives_es_CFZll4Gh.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

package/dist/hooks.js

@@ -1,4 +1,4 @@
-export { o as getStyleAttributeKey } from './primitives_es_g9LRUQ6M.js';
+export { o as getStyleAttributeKey } from './primitives_es_CFZll4Gh.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

package/dist/{primitives_cjs_BEU-o0FZ.js → primitives_cjs_CqGNSrPn.js}

@@ -1881,8 +1881,8 @@ const Tooltip = React.forwardRef(function Tooltip(props, ref) {
 });
 
 const TooltipWrapper = (props) => {
-    const { placement = 'right', tooltipContent, trigger = 'hover', openDelay, closeDelay, isOpen, children, ...tooltipProps } = props;
-    return (jsxRuntime.jsx(TooltipTrigger, { prefixCls: "tooltip-wrapper", destroyOnHidden: false, mouseEnterDelay: openDelay, mouseLeaveDelay: closeDelay, overlay: jsxRuntime.jsx(Tooltip, { initialIsVisible: true, ...tooltipProps, children: tooltipContent }), placement: placement, trigger: trigger, visible: isOpen, children: children }));
+    const { destroyOnHidden = true, placement = 'right', tooltipContent, trigger = 'hover', openDelay = 0.5, closeDelay = 0.25, isOpen, children, ...tooltipProps } = props;
+    return (jsxRuntime.jsx(TooltipTrigger, { destroyOnHidden: destroyOnHidden, mouseEnterDelay: openDelay, mouseLeaveDelay: closeDelay, overlay: jsxRuntime.jsx(Tooltip, { initialIsVisible: true, ...tooltipProps, children: tooltipContent }), placement: placement, prefixCls: "tooltip-wrapper", trigger: trigger, visible: isOpen, children: children }));
 };
 
 const UrlAssetPrefixContext = React.createContext({

package/dist/{primitives_es_g9LRUQ6M.js → primitives_es_CFZll4Gh.js}

@@ -1879,8 +1879,8 @@ const Tooltip = React.forwardRef(function Tooltip(props, ref) {
 });
 
 const TooltipWrapper = (props) => {
-    const { placement = 'right', tooltipContent, trigger = 'hover', openDelay, closeDelay, isOpen, children, ...tooltipProps } = props;
-    return (jsx(TooltipTrigger, { prefixCls: "tooltip-wrapper", destroyOnHidden: false, mouseEnterDelay: openDelay, mouseLeaveDelay: closeDelay, overlay: jsx(Tooltip, { initialIsVisible: true, ...tooltipProps, children: tooltipContent }), placement: placement, trigger: trigger, visible: isOpen, children: children }));
+    const { destroyOnHidden = true, placement = 'right', tooltipContent, trigger = 'hover', openDelay = 0.5, closeDelay = 0.25, isOpen, children, ...tooltipProps } = props;
+    return (jsx(TooltipTrigger, { destroyOnHidden: destroyOnHidden, mouseEnterDelay: openDelay, mouseLeaveDelay: closeDelay, overlay: jsx(Tooltip, { initialIsVisible: true, ...tooltipProps, children: tooltipContent }), placement: placement, prefixCls: "tooltip-wrapper", trigger: trigger, visible: isOpen, children: children }));
 };
 
 const UrlAssetPrefixContext = createContext({

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizePxKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizePXProps } from '@itcase/types-ui';
+import { BorderColorProps, CompositeAppearanceSizePxKey, 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';
@@ -33,7 +33,7 @@ type AvatarAppearanceProps = {
 };
 type AvatarProps = AvatarAppearanceProps & StyleAttributes & {
     after?: string;
-    appearance?: CompositeAppearanceKey;
+    appearance?: CompositeAppearanceSizePxKey;
     before?: string;
     children?: ReactNode;
     className?: string;
@@ -47,12 +47,11 @@ type AvatarProps = AvatarAppearanceProps & StyleAttributes & {
     src?: string;
     style?: CSSProperties;
 };
-type AvatarAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizePxKey | AppearanceStyleKey;
-type AvatarAppearance = {
-    [key in AvatarAppearanceKey]?: AvatarAppearanceProps;
-};
 type AvatarConfig = {
-    appearance: AvatarAppearance;
-    setAppearance: (appearanceConfig: AvatarAppearance) => void;
+    appearance: {
+        [key in CompositeAppearanceSizePxKey]?: AvatarAppearanceProps;
+    };
+    setAppearance: (appearanceConfig: AvatarConfig['appearance']) => void;
 };
+type AvatarAppearance = AvatarConfig['appearance'];
 export type { AvatarAppearance, AvatarConfig, AvatarProps };

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, SvgFillItemProps } from '@itcase/types-ui';
+import { BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, SvgFillItemProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { IconProps } from '../Icon/Icon.interface';
 import { TextProps } from '../Text/Text.interface';
@@ -35,12 +35,11 @@ type BadgeProps = BadgeAppearanceProps & StyleAttributes & {
     type?: 'counter' | 'dot' | 'dot-icon-counter' | 'fill' | 'icon' | 'icon-counter';
     value?: number | string;
 };
-type BadgeAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
-type BadgeAppearance = {
-    [key in BadgeAppearanceKey]?: BadgeAppearanceProps;
-};
 type BadgeConfig = {
-    appearance: BadgeAppearance;
+    appearance: {
+        [key in CompositeAppearanceKey]?: BadgeAppearanceProps;
+    };
     setAppearance: (appearanceConfig: BadgeAppearance) => void;
 };
-export type { BadgeAppearance, BadgeAppearanceKey, BadgeConfig, BadgeProps };
+type BadgeAppearance = BadgeConfig['appearance'];
+export type { BadgeAppearance, BadgeConfig, BadgeProps };

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

@@ -1,3 +1,3 @@
 export { Badge, badgeConfig } from './Badge';
 export { badgeAppearance } from './Badge.appearance';
-export type { BadgeAppearance, BadgeAppearanceKey, BadgeConfig, BadgeProps, } from './Badge.interface';
+export type { BadgeAppearance, BadgeConfig, BadgeProps, } from './Badge.interface';

package/dist/types/components/Tooltip/Tooltip.d.ts

@@ -6,7 +6,7 @@ declare const Tooltip: React.ForwardRefExoticComponent<import("../../hooks/useSt
     alignDirection?: import("@itcase/types-ui").DirectionProps;
     alignment?: string;
     alignPosition?: import("@itcase/types-ui").AlignProps;
-    arrowPosition?: "bottom" | "left" | "right" | "top" | "bottomLeft" | "bottomRight" | "leftBottom" | "leftTop" | "rightBottom" | "rightTop" | "topLeft" | "topRight";
+    arrowPosition?: import("@itcase/types-ui").ArrowPosition;
     borderColor?: import("@itcase/types-ui").BorderColorProps;
     borderType?: import("@itcase/types-ui").BorderTypeProps;
     borderWidth?: import("@itcase/types-ui").BorderWidthProps;

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

@@ -1,9 +1,8 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AlignProps, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, DirectionProps, ElevationProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WrapProps } from '@itcase/types-ui';
+import { AlignProps, ArrowPosition, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, DirectionProps, ElevationProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WrapProps } from '@itcase/types-ui';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { TextProps } from '../Text/Text.interface';
 import { TitleProps } from '../Title/Title.interface';
-type ArrowPosition = 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'leftBottom' | 'leftTop' | 'right' | 'rightBottom' | 'rightTop' | 'top' | 'topLeft' | 'topRight';
 type TooltipAppearanceProps = {
     align?: AlignProps;
     alignDirection?: DirectionProps;

package/dist/types/components/Tooltip/TooltipWrapper.interface.d.ts

@@ -2,11 +2,12 @@ import type { TooltipProps as TooltipTriggerProps } from '@rc-component/tooltip/
 import type { Placement as TooltipWrapperPlacement } from '@rc-component/trigger/es/interface';
 import type { TooltipProps } from './Tooltip.interface';
 type PropsFromTooltip = Omit<TooltipProps, keyof Pick<TooltipProps, 'align' | 'children' | 'closeTimeoutDelay' | 'initialIsVisible' | 'openTimeoutDelay' | 'zIndex'>>;
-type PropsFromTooltipTrigger = Pick<TooltipTriggerProps, 'children' | 'placement' | 'trigger'>;
+type PropsFromTooltipTrigger = Pick<TooltipTriggerProps, 'children' | 'destroyOnHidden' | 'trigger'>;
 type TooltipWrapperProps = PropsFromTooltip & PropsFromTooltipTrigger & {
     closeDelay?: number;
     isOpen?: boolean;
     openDelay?: number;
+    placement?: TooltipWrapperPlacement;
     tooltipContent?: React.ReactNode;
 };
 export type { TooltipWrapperPlacement, TooltipWrapperProps };

package/dist/utils/mergeAppearanceKeys.js

@@ -1,4 +1,4 @@
-export { m as mergeAppearanceKeys } from '../primitives_es_g9LRUQ6M.js';
+export { m as mergeAppearanceKeys } from '../primitives_es_CFZll4Gh.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

package/dist/utils/setViewportProperty.js

@@ -1,4 +1,4 @@
-export { s as setViewportProperty } from '../primitives_es_g9LRUQ6M.js';
+export { s as setViewportProperty } from '../primitives_es_CFZll4Gh.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

package/dist/utils.js

@@ -1,4 +1,4 @@
-export { m as mergeAppearanceKeys, s as setViewportProperty } from './primitives_es_g9LRUQ6M.js';
+export { m as mergeAppearanceKeys, s as setViewportProperty } from './primitives_es_CFZll4Gh.js';
 import 'react/jsx-runtime';
 import '@rc-component/tooltip';
 import 'react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.9.73",
+  "version": "1.9.75",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -136,11 +136,11 @@
     "@rc-component/tooltip": "^1.4.0",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
-    "framer-motion": "^12.35.2",
+    "framer-motion": "^12.37.0",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.23",
     "luxon": "^3.7.2",
-    "motion": "^12.35.2",
+    "motion": "^12.37.0",
     "rc-slider": "^11.1.9",
     "react": "^18.3.1",
     "react-dadata": "^2.27.4",
@@ -149,7 +149,7 @@
     "react-dropzone": "^15.0.0",
     "react-indiana-drag-scroll": "^3.0.3-alpha",
     "react-inlinesvg": "^4.2.0",
-    "react-modal-sheet": "5.3.1",
+    "react-modal-sheet": "5.4.1",
     "react-modern-drawer": "^1.4.0",
     "react-otp-input": "^3.1.1",
     "react-paginate": "^8.3.0",
@@ -164,12 +164,12 @@
   "devDependencies": {
     "@babel/core": "^7.29.0",
     "@babel/preset-react": "^7.28.5",
-    "@commitlint/cli": "^20.4.3",
-    "@commitlint/config-conventional": "^20.4.3",
+    "@commitlint/cli": "^20.5.0",
+    "@commitlint/config-conventional": "^20.5.0",
     "@itcase/config": "^1.6.52",
-    "@itcase/lint": "^1.1.101",
-    "@itcase/types-core": "^1.1.31",
-    "@itcase/types-ui": "^1.1.46",
+    "@itcase/lint": "^1.1.102",
+    "@itcase/types-core": "^1.1.49",
+    "@itcase/types-ui": "^1.1.53",
     "@rollup/plugin-alias": "^6.0.0",
     "@rollup/plugin-babel": "^7.0.0",
     "@rollup/plugin-commonjs": "^29.0.2",
@@ -194,15 +194,15 @@
     "conventional-changelog-conventionalcommits": "^9.3.0",
     "eslint": "9",
     "husky": "^9.1.7",
-    "lint-staged": "^16.3.3",
+    "lint-staged": "^16.4.0",
     "prettier": "^3.8.1",
     "rollup": "4.59.0",
     "rollup-plugin-copy": "^3.5.0",
-    "rollup-plugin-dts": "^6.3.0",
+    "rollup-plugin-dts": "^6.4.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3",
     "semantic-release": "^25.0.3",
-    "storybook": "^10.2.17",
+    "storybook": "^10.2.19",
     "stylelint": "^17.4.0",
     "typescript": "^5.9.3"
   }