@itcase/ui 1.9.50 → 1.9.52

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

@@ -2,31 +2,31 @@ import { TooltipProps } from '../Tooltip.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
-        align?: AlignProps;
-        alignDirection?: DirectionProps;
+        align?: import("@itcase/types-ui").AlignProps;
+        alignDirection?: import("@itcase/types-ui").DirectionProps;
         alignment?: string;
-        alignPosition?: AlignProps;
-        arrowPosition?: AlignProps;
-        borderColor?: BorderColorProps;
-        borderType?: BorderTypeProps;
-        borderWidth?: BorderWidthProps;
+        alignPosition?: import("@itcase/types-ui").AlignProps;
+        arrowPosition?: import("@itcase/types-ui").AlignProps;
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
         centering?: string;
-        elevation?: ElevationProps;
-        fill?: FillProps;
-        fillHover?: FillHoverProps;
-        shape?: ShapeProps;
-        shapeStrength?: ShapeStrengthProps;
-        size?: SizeProps;
+        elevation?: import("@itcase/types-ui").ElevationProps;
+        fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        size?: import("@itcase/types-ui").SizeProps;
         textColor?: import("../../Text/Text.interface").TextProps["textColor"];
         textSize?: import("../../Text/Text.interface").TextProps["size"];
         textWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         titleColor?: import("../../Title/Title.interface").TitleProps["textColor"];
         titleSize?: import("../../Title/Title.interface").TitleProps["size"];
         titleWeight?: import("../../Title/Title.interface").TitleProps["textWeight"];
-        wrap?: WrapProps;
+        wrap?: import("@itcase/types-ui").WrapProps;
     } & {
         after?: string;
-        appearance?: CompositeAppearanceStateKeys;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceStateKeys;
         before?: string;
         children?: import("react").ReactNode;
         className?: string;

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

@@ -2,31 +2,31 @@ import { TooltipProps } from '../Tooltip.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
-        align?: AlignProps;
-        alignDirection?: DirectionProps;
+        align?: import("@itcase/types-ui").AlignProps;
+        alignDirection?: import("@itcase/types-ui").DirectionProps;
         alignment?: string;
-        alignPosition?: AlignProps;
-        arrowPosition?: AlignProps;
-        borderColor?: BorderColorProps;
-        borderType?: BorderTypeProps;
-        borderWidth?: BorderWidthProps;
+        alignPosition?: import("@itcase/types-ui").AlignProps;
+        arrowPosition?: import("@itcase/types-ui").AlignProps;
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
         centering?: string;
-        elevation?: ElevationProps;
-        fill?: FillProps;
-        fillHover?: FillHoverProps;
-        shape?: ShapeProps;
-        shapeStrength?: ShapeStrengthProps;
-        size?: SizeProps;
+        elevation?: import("@itcase/types-ui").ElevationProps;
+        fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        size?: import("@itcase/types-ui").SizeProps;
         textColor?: import("../../Text/Text.interface").TextProps["textColor"];
         textSize?: import("../../Text/Text.interface").TextProps["size"];
         textWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         titleColor?: import("../../Title/Title.interface").TitleProps["textColor"];
         titleSize?: import("../../Title/Title.interface").TitleProps["size"];
         titleWeight?: import("../../Title/Title.interface").TitleProps["textWeight"];
-        wrap?: WrapProps;
+        wrap?: import("@itcase/types-ui").WrapProps;
     } & {
         after?: string;
-        appearance?: CompositeAppearanceStateKeys;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceStateKeys;
         before?: string;
         children?: import("react").ReactNode;
         className?: string;

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

@@ -2,31 +2,31 @@ import { TooltipProps } from '../Tooltip.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
-        align?: AlignProps;
-        alignDirection?: DirectionProps;
+        align?: import("@itcase/types-ui").AlignProps;
+        alignDirection?: import("@itcase/types-ui").DirectionProps;
         alignment?: string;
-        alignPosition?: AlignProps;
-        arrowPosition?: AlignProps;
-        borderColor?: BorderColorProps;
-        borderType?: BorderTypeProps;
-        borderWidth?: BorderWidthProps;
+        alignPosition?: import("@itcase/types-ui").AlignProps;
+        arrowPosition?: import("@itcase/types-ui").AlignProps;
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
         centering?: string;
-        elevation?: ElevationProps;
-        fill?: FillProps;
-        fillHover?: FillHoverProps;
-        shape?: ShapeProps;
-        shapeStrength?: ShapeStrengthProps;
-        size?: SizeProps;
+        elevation?: import("@itcase/types-ui").ElevationProps;
+        fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        size?: import("@itcase/types-ui").SizeProps;
         textColor?: import("../../Text/Text.interface").TextProps["textColor"];
         textSize?: import("../../Text/Text.interface").TextProps["size"];
         textWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         titleColor?: import("../../Title/Title.interface").TitleProps["textColor"];
         titleSize?: import("../../Title/Title.interface").TitleProps["size"];
         titleWeight?: import("../../Title/Title.interface").TitleProps["textWeight"];
-        wrap?: WrapProps;
+        wrap?: import("@itcase/types-ui").WrapProps;
     } & {
         after?: string;
-        appearance?: CompositeAppearanceStateKeys;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceStateKeys;
         before?: string;
         children?: import("react").ReactNode;
         className?: string;

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

@@ -2,31 +2,31 @@ import { TooltipProps } from '../Tooltip.interface';
 declare const meta: {
     title: string;
     component: import("react").ForwardRefExoticComponent<import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
-        align?: AlignProps;
-        alignDirection?: DirectionProps;
+        align?: import("@itcase/types-ui").AlignProps;
+        alignDirection?: import("@itcase/types-ui").DirectionProps;
         alignment?: string;
-        alignPosition?: AlignProps;
-        arrowPosition?: AlignProps;
-        borderColor?: BorderColorProps;
-        borderType?: BorderTypeProps;
-        borderWidth?: BorderWidthProps;
+        alignPosition?: import("@itcase/types-ui").AlignProps;
+        arrowPosition?: import("@itcase/types-ui").AlignProps;
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
         centering?: string;
-        elevation?: ElevationProps;
-        fill?: FillProps;
-        fillHover?: FillHoverProps;
-        shape?: ShapeProps;
-        shapeStrength?: ShapeStrengthProps;
-        size?: SizeProps;
+        elevation?: import("@itcase/types-ui").ElevationProps;
+        fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        size?: import("@itcase/types-ui").SizeProps;
         textColor?: import("../../Text/Text.interface").TextProps["textColor"];
         textSize?: import("../../Text/Text.interface").TextProps["size"];
         textWeight?: import("../../Text/Text.interface").TextProps["textWeight"];
         titleColor?: import("../../Title/Title.interface").TitleProps["textColor"];
         titleSize?: import("../../Title/Title.interface").TitleProps["size"];
         titleWeight?: import("../../Title/Title.interface").TitleProps["textWeight"];
-        wrap?: WrapProps;
+        wrap?: import("@itcase/types-ui").WrapProps;
     } & {
         after?: string;
-        appearance?: CompositeAppearanceStateKeys;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceStateKeys;
         before?: string;
         children?: import("react").ReactNode;
         className?: string;

package/dist/types/components/Warning/appearance/warningAccent.d.ts

@@ -1,3 +1,3 @@
-import { WarningAppearance } from 'src/components/Warning.interface';
+import { WarningAppearance } from '../Warning.interface';
 declare const warningAppearanceAccent: WarningAppearance;
 export { warningAppearanceAccent };

package/dist/types/components/Warning/appearance/warningError.d.ts

@@ -1,3 +1,3 @@
-import { WarningAppearance } from 'src/components/Warning.interface';
+import { WarningAppearance } from '../Warning.interface';
 declare const warningAppearanceError: WarningAppearance;
 export { warningAppearanceError };

package/dist/types/components/Warning/appearance/warningInfo.d.ts

@@ -1,3 +1,3 @@
-import { WarningAppearance } from 'src/components/Warning.interface';
+import { WarningAppearance } from '../Warning.interface';
 declare const warningAppearanceInfo: WarningAppearance;
 export { warningAppearanceInfo };

package/dist/types/components/Warning/appearance/warningShape.d.ts

@@ -1,3 +1,3 @@
-import { WarningAppearance } from 'src/components/Warning.interface';
+import { WarningAppearance } from '../Warning.interface';
 declare const warningAppearanceShape: WarningAppearance;
 export { warningAppearanceShape };

package/dist/types/components/Warning/appearance/warningSize.d.ts

@@ -1,3 +1,3 @@
-import { WarningAppearance } from 'src/components/Warning.interface';
+import { WarningAppearance } from '../Warning.interface';
 declare const warningAppearanceSize: WarningAppearance;
 export { warningAppearanceSize };

package/dist/types/components/Warning/appearance/warningStyle.d.ts

@@ -1,3 +1,3 @@
-import { WarningAppearance } from 'src/components/Warning.interface';
+import { WarningAppearance } from '../Warning.interface';
 declare const warningAppearanceStyle: WarningAppearance;
 export { warningAppearanceStyle };

package/dist/types/components/Warning/appearance/warningWarning.d.ts

@@ -1,3 +1,3 @@
-import { WarningAppearance } from 'src/components/Warning.interface';
+import { WarningAppearance } from '../Warning.interface';
 declare const warningAppearanceWarning: WarningAppearance;
 export { warningAppearanceWarning };

package/dist/types/context/Notifications.d.ts

@@ -3,7 +3,7 @@ import type { CreatedNotification, Notification, NotificationsProviderProps } fr
 declare function NotificationsProvider(props: NotificationsProviderProps): import("react/jsx-runtime").JSX.Element;
 declare function useNotifications(): Notification[];
 declare function useNotificationsAPI(): {
-    hideNotifications: (targetId: GeneratedId) => void;
+    hideNotifications: (targetId?: GeneratedId) => void;
     showNotification: (notification: string | CreatedNotification, onClose?: SimpleCallback) => void;
     notificationStatuses: {
         readonly error: "error";

package/dist/types/context/Notifications.interface.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { GeneratedId } from '@itcase/types-core';
+import { ButtonProps } from 'src/components/Button/Button.interface';
 import { NotificationProps } from 'src/components/Notification/Notification.interface';
 interface Notification {
     id: GeneratedId;
@@ -17,7 +18,7 @@ interface Notification {
     title: string;
     type?: 'float' | 'global' | 'toast';
     isLoading: boolean;
-    onClickButton: (() => void) | null;
+    onClickButton: ButtonProps['onClick'];
     onClose?: () => void;
 }
 interface CreatedNotification {

package/dist/types/context/UIContext.d.ts

@@ -1,7 +1,11 @@
 import { ReactNode } from 'react';
+type DeviceType = '' | 'desktop' | 'mobile' | 'tablet';
 type UIProviderProps = {
     children?: ReactNode;
     userDeviceState?: {
+        deviceCurrentMainType: DeviceType;
+        deviceCurrentType: string;
+        deviceTypesList: string[];
         isDesktop?: boolean;
         isMobile?: boolean;
         isTablet?: boolean;
@@ -9,9 +13,11 @@ type UIProviderProps = {
 };
 declare const UIProvider: import("react").NamedExoticComponent<UIProviderProps>;
 declare function useUserDeviceContext(): {
-    isMobile: boolean;
-    isTablet: boolean;
-    isDesktop: boolean;
-    deviceCurrentMainType: string;
+    deviceCurrentMainType: DeviceType;
+    deviceCurrentType: string;
+    deviceTypesList: string[];
+    isDesktop?: boolean;
+    isMobile?: boolean;
+    isTablet?: boolean;
 };
 export { UIProvider, useUserDeviceContext };

package/dist/types/hooks/index.helpers.d.ts

@@ -1,3 +1,3 @@
 import { StyleAttributeOrValidator } from 'src/hooks/useStyles/styleAttributes.interface';
-declare const getStyleAttributeKey: (targetStyleAttribute: StyleAttributeOrValidator) => any;
+declare const getStyleAttributeKey: (targetStyleAttribute: StyleAttributeOrValidator) => 0 | import("src/hooks/useStyles/styleAttributes.interface").StyleAttributes | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (string & {}) | "auto" | "fixed" | "fit-content" | "max-content" | "min-content" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "hug" | "fill" | "-webkit-max-content" | "intrinsic" | "min-intrinsic";
 export { getStyleAttributeKey };

package/dist/types/hooks/useActiveClasses/useActiveClasses.interface.d.ts

@@ -3,7 +3,8 @@ type SuffixComponents = (typeof suffix)[number];
 type SpecialSuffix<T extends string> = T extends 'HTMLContent' ? 'htmlContent' : Uncapitalize<T>;
 type SuffixKeys = SpecialSuffix<SuffixComponents>;
 interface PropsGenerator {
-    [key: string]: string;
+    [key: string]: any | number | string | undefined;
+    getProp?: (propKey: string) => number | string | undefined;
 }
 interface UseActiveClassesReturn {
     rootClasses: string;

package/dist/types/hooks/useStyles/styleAttributes.d.ts

@@ -1,4 +1,3 @@
-declare const _default: (string | (string | {
-    validate: (value: any) => boolean;
-})[])[];
+import { StyleAttributeOrValidator } from './styleAttributes.interface';
+declare const _default: StyleAttributeOrValidator[];
 export default _default;

package/dist/types/hooks/useStyles/styleAttributes.interface.d.ts

@@ -1,3 +1,4 @@
+import { CSSProperties } from 'react';
 import type * as CSS from 'csstype';
 import { HeightProps, ResizeModeProps, WidthProps } from '@itcase/types-ui';
 export interface StyleAttributes {
@@ -129,13 +130,18 @@ type LabelInterface<T> = {
 type ImageInterface<T> = {
     [P in keyof T as `${P & string}Image`]: T[P];
 };
+export type CSSPropertiesKey = keyof CSSProperties;
 export interface TypeStyleWrapperAttributes extends WrappedInterface<StyleAttributes> {
 }
 export interface TypeStyleLabelAttributes extends LabelInterface<StyleAttributes> {
 }
 export interface TypeStyleImageAttributes extends ImageInterface<StyleAttributes> {
 }
-export type StyleAttributeOrValidator = StyleAttributes | [StyleAttributes['width'], {
-    validate?: (value: string) => boolean;
-}];
+export type StyleValidator = [
+    StyleAttributes['width'],
+    {
+        validate?: (value: string) => boolean;
+    }
+];
+export type StyleAttributeOrValidator = StyleAttributes | StyleValidator;
 export {};

package/dist/types/hooks/useStyles/useStyles.d.ts

@@ -1 +1,4 @@
-export function useStyles(props: any): {};
+import { CSSProperties } from 'react';
+import { ComponentProps } from '../useDevicePropsGenerator/useDevicePropsGenerator.interface';
+declare function useStyles<Props extends ComponentProps>(props: Props): Record<string, CSSProperties>;
+export { useStyles };

package/dist/types/utils/mergeAppearanceKeys.d.ts

@@ -1,2 +1,7 @@
-declare const mergeAppearanceKeys: <T extends string>(...values: string[]) => T;
+type MergeAppearanceKeysReturn = any;
+/**
+ * @example
+ * mergeAppearanceKeys(' ', '1', undefined, '2', '1') === '1 2'
+ */
+declare const mergeAppearanceKeys: (...appearances: Array<string | undefined>) => MergeAppearanceKeysReturn;
 export { mergeAppearanceKeys };

package/dist/utils/mergeAppearanceKeys.js

@@ -1,3 +1,16 @@
-const mergeAppearanceKeys = (...values) => values.join(' ');
+/**
+ * @example
+ * mergeAppearanceKeys(' ', '1', undefined, '2', '1') === '1 2'
+ */
+const mergeAppearanceKeys = (...appearances) => {
+    const trimmedAppearances = appearances
+        .map((appearance) => appearance?.trim())
+        .filter(Boolean);
+    if (trimmedAppearances.length < 2) {
+        return trimmedAppearances[0] ?? '';
+    }
+    const uniqueAppearances = Array.from(new Set(trimmedAppearances));
+    return uniqueAppearances.join(' ');
+};
 
 export { mergeAppearanceKeys };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.9.50",
+  "version": "1.9.52",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -71,14 +71,12 @@
   },
   "scripts": {
     "build": "npm run build-js && npm run build-css",
-    "__build": "npm run pre-commit && npm run build-js && npm run build-css",
     "build-js": "rm -rf dist && rollup -c",
     "build-css": "rm -rf dist/css && postcss 'src/styles/bundles.css' 'src/mediaqueries/*.css' 'src/mixins/*.css' --base src --dir dist/css/ --env production",
     "dev-js": "rollup -c -w",
     "dev-css": "postcss 'src/styles/bundles.css' 'src/mediaqueries/*.css' 'src/mixins/*.css' --base src --dir dist/css/ --env production -w --verbose",
     "prepare": "husky",
     "prepack": "NODE_ENV=production npm run build",
-    "pre-commit": "npm run typecheck && npm run lint",
     "semantic-release": "semantic-release",
     "typecheck": "tsc --noEmit",
     "storybook": "rm -rf node_modules/.cache/ && STORYBOOK=true storybook dev -p 6006 --disable-telemetry",
@@ -103,19 +101,19 @@
   },
   "dependencies": {
     "@emotion/is-prop-valid": "^1.4.0",
-    "@itcase/common": "^1.2.38",
-    "@itcase/icons": "^1.2.28",
+    "@itcase/common": "^1.2.40",
+    "@itcase/icons": "^1.2.29",
     "@itcase/storybook-config": "^1.2.35",
     "@itcase/tokens-am": "^1.1.45",
     "@itcase/tokens-baikal": "^1.1.41",
     "@itcase/tokens-palette": "^1.1.41",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
-    "framer-motion": "^12.28.1",
+    "framer-motion": "^12.29.2",
     "js-cookie": "^3.0.5",
-    "lodash": "^4.17.21",
+    "lodash": "^4.17.23",
     "luxon": "^3.7.2",
-    "motion": "^12.28.1",
+    "motion": "^12.29.2",
     "rc-slider": "^11.1.9",
     "react": "^18.3.1",
     "react-dadata": "^2.27.4",
@@ -132,7 +130,7 @@
     "react-scrollbars-custom": "^4.1.1",
     "react-select": "^5.10.2",
     "simplebar-react": "^3.3.2",
-    "swiper": "^12.0.3",
+    "swiper": "^12.1.0",
     "uuid": "^13.0.0"
   },
   "devDependencies": {
@@ -140,9 +138,10 @@
     "@babel/preset-react": "^7.28.5",
     "@commitlint/cli": "^20.3.1",
     "@commitlint/config-conventional": "^20.3.1",
-    "@itcase/config": "^1.6.43",
-    "@itcase/lint": "^1.1.92",
-    "@itcase/types": "^1.1.19",
+    "@itcase/config": "^1.6.45",
+    "@itcase/lint": "^1.1.95",
+    "@itcase/types-core": "^1.1.30",
+    "@itcase/types-ui": "^1.1.30",
     "@rollup/plugin-alias": "^6.0.0",
     "@rollup/plugin-babel": "^6.1.0",
     "@rollup/plugin-commonjs": "^29.0.0",
@@ -168,14 +167,14 @@
     "eslint": "9.39.2",
     "husky": "^9.1.7",
     "lint-staged": "^16.2.7",
-    "prettier": "^3.8.0",
-    "rollup": "4.55.3",
+    "prettier": "^3.8.1",
+    "rollup": "4.57.0",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.3.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3",
     "semantic-release": "^25.0.2",
-    "storybook": "^10.2.0",
+    "storybook": "^10.2.1",
     "stylelint": "^17.0.0",
     "typescript": "^5.9.3"
   }

package/dist/{DatePicker_cjs_avA-OHmZ.js → DatePicker_cjs_BJzVpk0o.js}

@@ -5,14 +5,14 @@ var React = require('react');
 var clsx = require('clsx');
 var locale = require('date-fns/locale');
 var DatePicker = require('react-datepicker');
-var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
-var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
 var Button = require('./Button_cjs_BSfL-20W.js');
 var Icon = require('./Icon_cjs_CuqEv1jm.js');
 var Input = require('./Input_cjs_BQIi1N63.js');
 var Label = require('./Label_cjs_DsuCRIyo.js');
 var Text = require('./Text_cjs_erTy2pUN.js');
+var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
+var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
+var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
 var _default = require('@itcase/icons/default');
 
 const datePickerSize = {