@itcase/ui-core 1.10.78 → 1.10.79

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

@@ -0,0 +1,3 @@
+import type { UIProviderProps } from './UIProvider.interface';
+declare const UIProvider: import("react").MemoExoticComponent<(props: UIProviderProps) => import("react").JSX.Element>;
+export { UIProvider };

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

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+import type { UserDeviceState } from '../UserDeviceContext';
+interface UIProviderProps {
+    children?: ReactNode;
+    userDeviceState?: Partial<UserDeviceState>;
+}
+export type { UIProviderProps };

package/dist/types/context/UIProvider/index.d.ts

@@ -0,0 +1,4 @@
+import { UIProvider } from './UIProvider';
+import type { UIProviderProps } from './UIProvider.interface';
+export { UIProvider };
+export type { UIProviderProps };

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

@@ -0,0 +1,3 @@
+import type { UIProviderAppProps } from './UIProviderApp.interface';
+declare const UIProviderApp: import("react").MemoExoticComponent<(props: UIProviderAppProps) => import("react").JSX.Element>;
+export { UIProviderApp };

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

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+interface UIProviderAppProps {
+    children?: ReactNode;
+}
+export type { UIProviderAppProps };

package/dist/types/context/UIProviderApp/index.d.ts

@@ -0,0 +1,6 @@
+import { useUserDeviceContext } from '../UserDeviceContext';
+import type { DeviceType, UserDeviceState } from '../UserDeviceContext';
+import { UIProviderApp } from './UIProviderApp';
+import type { UIProviderAppProps } from './UIProviderApp.interface';
+export { UIProviderApp, useUserDeviceContext };
+export type { DeviceType, UIProviderAppProps, UserDeviceState };

package/dist/types/context/{UrlAssetPrefix.d.ts → UrlAssetPrefix/UrlAssetPrefix.d.ts}

@@ -1,12 +1,4 @@
-type UrlAssetPrefixValue = {
-    assetPrefix?: string;
-    ignorePathsList?: Array<string | RegExp>;
-};
-type UrlAssetPrefixProviderProps = {
-    assetPrefix?: string;
-    children: React.ReactNode;
-    ignorePathsList?: Array<string | RegExp>;
-};
+import type { UrlAssetPrefixProviderProps, UrlAssetPrefixValue } from './UrlAssetPrefix.interface';
 declare const UrlAssetPrefixContext: import("react").Context<UrlAssetPrefixValue>;
 declare function UrlAssetPrefixProvider(props: UrlAssetPrefixProviderProps): import("react").JSX.Element;
 export { UrlAssetPrefixContext, UrlAssetPrefixProvider };

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

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+type UrlAssetPrefixValue = {
+    assetPrefix?: string;
+    ignorePathsList?: Array<string | RegExp>;
+};
+interface UrlAssetPrefixProviderProps {
+    assetPrefix?: string;
+    children: ReactNode;
+    ignorePathsList?: Array<string | RegExp>;
+}
+export type { UrlAssetPrefixProviderProps, UrlAssetPrefixValue };

package/dist/types/context/UrlAssetPrefix/index.d.ts

@@ -0,0 +1,4 @@
+import { UrlAssetPrefixContext, UrlAssetPrefixProvider } from './UrlAssetPrefix';
+import type { UrlAssetPrefixProviderProps, UrlAssetPrefixValue } from './UrlAssetPrefix.interface';
+export { UrlAssetPrefixContext, UrlAssetPrefixProvider };
+export type { UrlAssetPrefixProviderProps, UrlAssetPrefixValue };

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

@@ -0,0 +1,5 @@
+import type { UserDeviceState } from './UserDeviceContext.interface';
+declare const defaultUserDeviceState: UserDeviceState;
+declare const UserDeviceContext: import("react").Context<UserDeviceState>;
+declare function useUserDeviceContext(): UserDeviceState;
+export { defaultUserDeviceState, UserDeviceContext, useUserDeviceContext };

package/dist/types/context/UserDeviceContext/UserDeviceContext.helpers.d.ts

@@ -0,0 +1,3 @@
+import type { UserDeviceState } from './UserDeviceContext.interface';
+declare function getDeviceMainTypeFromFlags(userDeviceState?: Partial<UserDeviceState>): "" | "desktop" | "mobile" | "tablet";
+export { getDeviceMainTypeFromFlags };

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

@@ -0,0 +1,10 @@
+type DeviceType = '' | 'desktop' | 'mobile' | 'tablet';
+type UserDeviceState = {
+    deviceCurrentMainType: DeviceType;
+    deviceCurrentType: string;
+    deviceTypesList: string[];
+    isDesktop?: boolean;
+    isMobile?: boolean;
+    isTablet?: boolean;
+};
+export type { DeviceType, UserDeviceState };

package/dist/types/context/UserDeviceContext/index.d.ts

@@ -0,0 +1,5 @@
+import { defaultUserDeviceState, UserDeviceContext, useUserDeviceContext } from './UserDeviceContext';
+import { getDeviceMainTypeFromFlags } from './UserDeviceContext.helpers';
+import type { DeviceType, UserDeviceState } from './UserDeviceContext.interface';
+export { defaultUserDeviceState, getDeviceMainTypeFromFlags, UserDeviceContext, useUserDeviceContext, };
+export type { DeviceType, UserDeviceState };

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

@@ -1,4 +1,10 @@
-export * from './Notifications';
-export * from './Notifications.interface';
-export * from './UIContext';
-export * from './UrlAssetPrefix';
+import { NotificationsProvider, statusToAppearanceList, useNotifications, useNotificationsAPI } from './Notifications';
+import type { CreatedNotification, Notification, NotificationAppearance, NotificationsProviderProps } from './Notifications';
+import { UIProvider } from './UIProvider';
+import type { UIProviderProps } from './UIProvider';
+import { UrlAssetPrefixContext, UrlAssetPrefixProvider } from './UrlAssetPrefix';
+import type { UrlAssetPrefixProviderProps, UrlAssetPrefixValue } from './UrlAssetPrefix';
+import { useUserDeviceContext } from './UserDeviceContext';
+import type { DeviceType, UserDeviceState } from './UserDeviceContext';
+export { NotificationsProvider, statusToAppearanceList, UIProvider, UrlAssetPrefixContext, UrlAssetPrefixProvider, useNotifications, useNotificationsAPI, useUserDeviceContext, };
+export type { CreatedNotification, DeviceType, Notification, NotificationAppearance, NotificationsProviderProps, UIProviderProps, UrlAssetPrefixProviderProps, UrlAssetPrefixValue, UserDeviceState, };

package/dist/types/context/index.native.d.ts

@@ -0,0 +1,4 @@
+import { UIProviderApp, useUserDeviceContext } from './UIProviderApp';
+import type { DeviceType, UIProviderAppProps, UserDeviceState } from './UIProviderApp';
+export { UIProviderApp, useUserDeviceContext };
+export type { DeviceType, UIProviderAppProps, UserDeviceState };

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

@@ -0,0 +1,4 @@
+import { useDeviceTargetClass } from './useDeviceTargetClass';
+import type { UseDeviceTargetClassComponentProps, UseDeviceTargetClassParams } from './useDeviceTargetClass.interface';
+export { useDeviceTargetClass };
+export type { UseDeviceTargetClassComponentProps, UseDeviceTargetClassParams };

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

@@ -0,0 +1,7 @@
+import type { UseDeviceTargetClassComponentProps, UseDeviceTargetClassParams } from './useDeviceTargetClass.interface';
+/** TODO:
+ * Hook is still used in "itcase-forms".
+ * Need replace with "useDevicePropsGenerator" and delete this.
+ */
+declare function useDeviceTargetClass(componentProps: UseDeviceTargetClassComponentProps, hookProps: UseDeviceTargetClassParams): string;
+export { useDeviceTargetClass };

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

@@ -0,0 +1,9 @@
+interface UseDeviceTargetClassComponentProps {
+    [key: string]: unknown;
+}
+interface UseDeviceTargetClassParams {
+    prefix?: string;
+    propsKey: string;
+    replace?: [RegExp, string];
+}
+export type { UseDeviceTargetClassComponentProps, UseDeviceTargetClassParams };

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

@@ -0,0 +1,6 @@
+import { styleAttributes } from './styleAttributes';
+import type { StyleAttribute, StyleAttributes } from './styleAttributes.interface';
+import { useStyles } from './useStyles';
+import type { CollectedStyles } from './useStyles';
+export { styleAttributes, useStyles };
+export type { CollectedStyles, StyleAttribute, StyleAttributes };

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

@@ -0,0 +1,30 @@
+declare const styleAttributes: readonly [
+/**
+ * Layout
+ */
+'alignContent', 'alignItems', 'alignSelf', 'aspectRatio', 'border', 'borderBottomWidth', 'borderEndWidth', 'borderLeftWidth', 'borderRightWidth', 'borderStartWidth', 'borderTopWidth', 'borderWidth', 'bottom', 'display', 'end', 'flex', 'flexBasis', 'flexDirection', 'flexGrow', 'flexShrink', 'flexWrap', 'gap', 'rowGap', 'columnGap', 'columnWidth', 'height', 'justifyContent', 'left', 'margin', 'marginBottom', 'marginEnd', 'marginHorizontal', 'marginLeft', 'marginRight', 'marginStart', 'marginTop', 'marginVertical', 'maxHeight', 'maxWidth', 'minHeight', 'minWidth', 'overflow', 'padding', 'paddingBottom', 'paddingEnd', 'paddingHorizontal', 'paddingLeft', 'paddingRight', 'paddingStart', 'paddingTop', 'paddingVertical', 'position', 'right', 'start', 'top', 'width', 'zIndex', 'order', 
+/**
+ * Shadow
+ */
+'elevation', 'shadowColor', 'shadowOffset', 'shadowOpacity', 'shadowRadius', 
+/**
+ * Transform
+ */
+'transform', 
+/**
+ * View
+ */
+'background', 'backgroundColor', 'borderBottomColor', 'borderBottomEndRadius', 'borderBottomLeftRadius', 'borderBottomRightRadius', 'borderBottomStartRadius', 'borderColor', 'borderCurve', 'borderEndColor', 'borderLeftColor', 'borderRadius', 'borderRightColor', 'borderStartColor', 'borderStyle', 'borderTopColor', 'borderTopEndRadius', 'borderTopLeftRadius', 'borderTopRightRadius', 'borderTopStartRadius', 'opacity', 'cursor', 
+/**
+ * Text
+ */
+'color', 'fontFamily', 'fontSize', 'fontStyle', 'fontVariant', 'fontWeight', 'letterSpacing', 'lineHeight', 'textAlign', 'textDecorationColor', 'textDecorationLine', 'textDecorationStyle', 'textShadowColor', 'textShadowOffset', 'textShadowRadius', 'textTransform', 'verticalAlign', 'writingMode', 'whiteSpace', 
+/**
+ * Image
+ */
+'overlayColor', 'resizeMode', 'tintColor', 'objectFit', 
+/**
+ * Filter
+ */
+'backdropFilter'];
+export { styleAttributes };

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

@@ -0,0 +1,143 @@
+import type { AlignContentProps, AlignItemsProps, AlignSelfProps, ElevationProps, HeightProps, JustifyContentProps, ResizeModeProps, WidthProps } from '@itcase/types-ui';
+import type { styleAttributes } from './styleAttributes';
+type ColorValue = number | string;
+type DimensionValue = number | string;
+type ShadowOffset = {
+    height: number;
+    width: number;
+};
+type StyleAttribute = (typeof styleAttributes)[number];
+interface StyleAttributes {
+    /**
+     * Layout
+     */
+    alignContent?: AlignContentProps;
+    alignItems?: AlignItemsProps;
+    alignSelf?: AlignSelfProps;
+    aspectRatio?: DimensionValue;
+    /**
+     * Filter
+     */
+    backdropFilter?: string;
+    /**
+     * View
+     */
+    background?: ColorValue;
+    backgroundColor?: ColorValue;
+    border?: number;
+    borderBottomColor?: ColorValue;
+    borderBottomEndRadius?: DimensionValue;
+    borderBottomLeftRadius?: DimensionValue;
+    borderBottomRightRadius?: DimensionValue;
+    borderBottomStartRadius?: DimensionValue;
+    borderBottomWidth?: number;
+    borderColor?: ColorValue;
+    borderCurve?: 'circular' | 'continuous';
+    borderEndColor?: ColorValue;
+    borderEndWidth?: number;
+    borderLeftColor?: ColorValue;
+    borderLeftWidth?: number;
+    borderRadius?: DimensionValue;
+    borderRightColor?: ColorValue;
+    borderRightWidth?: number;
+    borderStartColor?: ColorValue;
+    borderStartWidth?: number;
+    borderStyle?: 'dashed' | 'dotted' | 'solid';
+    borderTopColor?: ColorValue;
+    borderTopEndRadius?: DimensionValue;
+    borderTopLeftRadius?: DimensionValue;
+    borderTopRightRadius?: DimensionValue;
+    borderTopStartRadius?: DimensionValue;
+    borderTopWidth?: number;
+    borderWidth?: number;
+    bottom?: DimensionValue;
+    /**
+     * Text
+     */
+    color?: ColorValue;
+    columnGap?: number;
+    columnWidth?: DimensionValue;
+    cursor?: string;
+    display?: 'contents' | 'flex' | 'none';
+    /**
+     * Shadow
+     */
+    elevation?: number | ElevationProps;
+    end?: DimensionValue;
+    flex?: number;
+    flexBasis?: DimensionValue;
+    flexDirection?: 'column' | 'column-reverse' | 'row' | 'row-reverse';
+    flexGrow?: number;
+    flexShrink?: number;
+    flexWrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    fontFamily?: string;
+    fontSize?: number;
+    fontStyle?: 'italic' | 'normal';
+    fontVariant?: string | string[];
+    fontWeight?: number | string;
+    gap?: number;
+    height?: DimensionValue | HeightProps;
+    justifyContent?: JustifyContentProps;
+    left?: DimensionValue;
+    letterSpacing?: number;
+    lineHeight?: number;
+    margin?: DimensionValue;
+    marginBottom?: DimensionValue;
+    marginEnd?: DimensionValue;
+    marginHorizontal?: DimensionValue;
+    marginLeft?: DimensionValue;
+    marginRight?: DimensionValue;
+    marginStart?: DimensionValue;
+    marginTop?: DimensionValue;
+    marginVertical?: DimensionValue;
+    maxHeight?: DimensionValue | HeightProps;
+    maxWidth?: DimensionValue | WidthProps;
+    minHeight?: DimensionValue | HeightProps;
+    minWidth?: DimensionValue | WidthProps;
+    objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+    opacity?: number;
+    order?: number;
+    overflow?: 'hidden' | 'scroll' | 'visible';
+    /**
+     * Image
+     */
+    overlayColor?: ColorValue;
+    padding?: DimensionValue;
+    paddingBottom?: DimensionValue;
+    paddingEnd?: DimensionValue;
+    paddingHorizontal?: DimensionValue;
+    paddingLeft?: DimensionValue;
+    paddingRight?: DimensionValue;
+    paddingStart?: DimensionValue;
+    paddingTop?: DimensionValue;
+    paddingVertical?: DimensionValue;
+    position?: 'absolute' | 'relative' | 'static' | 'sticky';
+    resizeMode?: ResizeModeProps;
+    right?: DimensionValue;
+    rowGap?: number;
+    shadowColor?: ColorValue;
+    shadowOffset?: ShadowOffset;
+    shadowOpacity?: number;
+    shadowRadius?: number;
+    start?: DimensionValue;
+    textAlign?: 'auto' | 'center' | 'justify' | 'left' | 'right';
+    textDecorationColor?: ColorValue;
+    textDecorationLine?: 'line-through' | 'none' | 'underline' | 'underline line-through';
+    textDecorationStyle?: 'dashed' | 'dotted' | 'double' | 'solid';
+    textShadowColor?: ColorValue;
+    textShadowOffset?: ShadowOffset;
+    textShadowRadius?: number;
+    textTransform?: 'capitalize' | 'lowercase' | 'none' | 'uppercase';
+    tintColor?: ColorValue;
+    top?: DimensionValue;
+    /**
+     * Transform
+     */
+    transform?: string | readonly object[];
+    verticalAlign?: 'auto' | 'bottom' | 'middle' | 'top';
+    whiteSpace?: string;
+    width?: DimensionValue | WidthProps;
+    writingMode?: string;
+    zIndex?: number;
+}
+export type { StyleAttribute, StyleAttributes };

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

@@ -0,0 +1,6 @@
+type StyleValue = boolean | number | object | string;
+type StyleMap = Record<string, StyleValue>;
+type CollectedStyles = Record<string, StyleMap>;
+declare function useStyles<Props extends Record<string, unknown>>(props: Props): CollectedStyles;
+export type { CollectedStyles };
+export { useStyles };

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

@@ -0,0 +1,2 @@
+import { useViewportFix } from './useViewportFix';
+export { useViewportFix };

package/dist/utils/setViewportProperty.js

@@ -1,4 +1,7 @@
 const setViewportProperty = () => {
+    if (typeof document === 'undefined') {
+        return;
+    }
     const vh = window.innerHeight * 0.01;
     document.documentElement.style.setProperty('--vh', `${vh}px`);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui-core",
-  "version": "1.10.78",
+  "version": "1.10.79",
   "description": "UI shared components",
   "keywords": [
     "Modal",
@@ -16,6 +16,21 @@
       "import": "./dist/context/index.js",
       "require": "./dist/cjs/context/index.js"
     },
+    "./context/*": {
+      "types": "./dist/types/context/*/index.d.ts",
+      "import": "./dist/context/*/index.js",
+      "require": "./dist/cjs/context/*/index.js"
+    },
+    "./context/UIProvider": {
+      "types": "./dist/types/context/UIProvider/index.d.ts",
+      "import": "./dist/context/UIProvider/index.js",
+      "require": "./dist/cjs/context/UIProvider/index.js"
+    },
+    "./context/UIProviderApp": {
+      "types": "./dist/types/context/UIProviderApp/index.d.ts",
+      "import": "./dist/context/UIProviderApp/index.js",
+      "require": "./dist/cjs/context/UIProviderApp/index.js"
+    },
     "./hoc": {
       "types": "./dist/types/hoc/index.d.ts",
       "import": "./dist/hoc/index.js",
@@ -26,6 +41,21 @@
       "import": "./dist/hooks/index.js",
       "require": "./dist/cjs/hooks/index.js"
     },
+    "./hooks/*": {
+      "types": "./dist/types/hooks/*/index.d.ts",
+      "import": "./dist/hooks/*/index.js",
+      "require": "./dist/cjs/hooks/*/index.js"
+    },
+    "./hooks/useAppearanceConfig": {
+      "types": "./dist/types/hooks/useAppearanceConfig/index.d.ts",
+      "import": "./dist/hooks/useAppearanceConfig/index.js",
+      "require": "./dist/cjs/hooks/useAppearanceConfig/index.js"
+    },
+    "./hooks/useStylesReactNative": {
+      "types": "./dist/types/hooks/useStylesReactNative/index.d.ts",
+      "import": "./dist/hooks/useStylesReactNative/index.js",
+      "require": "./dist/cjs/hooks/useStylesReactNative/index.js"
+    },
     "./utils": {
       "types": "./dist/types/utils/index.d.ts",
       "import": "./dist/utils/index.js",
@@ -65,8 +95,8 @@
   },
   "dependencies": {
     "@emotion/is-prop-valid": "^1.4.0",
-    "@itcase/common": "^1.2.51",
-    "@itcase/storybook-config": "^1.3.5",
+    "@itcase/common": "^1.2.53",
+    "@itcase/storybook-config": "^1.3.8",
     "clsx": "^2.1.1",
     "lodash": "^4.18.1",
     "react": "^18.3.1",
@@ -74,6 +104,14 @@
     "react-responsive": "^10.0.1",
     "uuid": "^14.0.1"
   },
+  "peerDependencies": {
+    "react-native": "*"
+  },
+  "peerDependenciesMeta": {
+    "react-native": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@babel/core": "^8.0.1",
     "@babel/preset-react": "^8.0.1",
@@ -98,5 +136,5 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3"
   },
-  "gitHead": "6fb79901d97812f894b6d26f71a433e8b2c37dea"
+  "gitHead": "2e19f45ceb70f5f4db6498549b2557c764082d52"
 }

package/dist/cjs/context/Notifications.interface.js

@@ -1,2 +0,0 @@
-'use strict';
-

package/dist/cjs/hooks/useActiveClasses/useActiveClasses.interface.js

@@ -1,65 +0,0 @@
-'use strict';
-
-const suffix = [
-    'Button',
-    'Checkbox',
-    'Radio',
-    'Checkmark',
-    'Avatar',
-    'AvatarStack',
-    'Badge',
-    'Breadcrumbs',
-    'Cell',
-    'Chips',
-    'Choice',
-    'Code',
-    'CookiesWarning',
-    'Dadata',
-    'DatePeriod',
-    'Divider',
-    'Dot',
-    'Drawer',
-    'Dropdown',
-    'DropdownItem',
-    'Flex',
-    'Grid',
-    'Group',
-    'HeroTitle',
-    'HTMLContent',
-    'Icon',
-    'Image',
-    'Input',
-    'InputPassword',
-    'Label',
-    'Link',
-    'List',
-    'Loader',
-    'Logo',
-    'MenuItem',
-    'Modal',
-    'ModalSheetBottom',
-    'Notification',
-    'Overlay',
-    'Pagination',
-    'RangeSlider',
-    'Response',
-    'ScrollBar',
-    'ScrollOnDrag',
-    'ScrollToView',
-    'Search',
-    'Segmented',
-    'Select',
-    'SvgContent',
-    'Swiper',
-    'Switch',
-    'Tab',
-    'Text',
-    'Textarea',
-    'Tile',
-    'Title',
-    'Tooltip',
-    'Video',
-    'Warning',
-];
-
-exports.suffix = suffix;

package/dist/cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.interface.js

@@ -1,2 +0,0 @@
-'use strict';
-

package/dist/cjs/hooks/useDeviceTargetClass.js

@@ -1,64 +0,0 @@
-'use strict';
-
-var React = require('react');
-var camelCase = require('lodash/camelCase');
-var castArray = require('lodash/castArray');
-require('../context/Notifications.js');
-var UIContext = require('../context/UIContext.js');
-require('../context/UrlAssetPrefix.js');
-require('react/jsx-runtime');
-require('uuid');
-require('@itcase/common');
-require('./useMediaQueries/useMediaQueries.js');
-require('react-responsive');
-require('../utils/setViewportProperty.js');
-
-/** TODO:
- * Hook is still used in "itcase-forms".
- * Need replace with "useDevicePropsGenerator" and delete this.
- */
-function useDeviceTargetClass(componentProps, hookProps) {
-  /** Generate a class depending on the user's device.
-   *
-   * Usage:
-   *  const sizeClass = useDeviceTargetClass(props, {
-   *    prefix: 'some-item_size_',
-   *    propsKey: 'size',
-   *  })
-   * Return: "some-item_size_m" (or "s", or "l", or something else)
-   *
-   * "componentProps" - "props" from component
-   * "hookProps" - special props for generating class
-   **/
-  const {
-    prefix = '',
-    propsKey,
-    replace = [/([A-Z])/g, '-$1']
-  } = hookProps;
-  const {
-    isMobile,
-    isTablet,
-    isDesktop
-  } = UIContext.useUserDeviceContext();
-  const targetClassValue = React.useMemo(() => {
-    // prettier-ignore
-    const deviceCurrentMainType = isMobile && 'Mobile' || isTablet && 'Tablet' || isDesktop && 'Desktop' || '';
-    const valueForDevice = componentProps[`${propsKey}${deviceCurrentMainType}`];
-    const valueDefault = componentProps[propsKey];
-    return valueForDevice || valueDefault;
-  }, [isMobile, isTablet, isDesktop, componentProps, propsKey]);
-  const targetClass = React.useMemo(() => {
-    if (targetClassValue) {
-      let cleanClassValue = camelCase(String(targetClassValue));
-      if (replace) {
-        const replaceList = castArray(replace);
-        cleanClassValue = cleanClassValue.replace(replaceList[0], replaceList[1] || '');
-      }
-      return `${prefix}${cleanClassValue}`.toLowerCase();
-    }
-    return null;
-  }, [targetClassValue, prefix, replace]);
-  return targetClass;
-}
-
-exports.useDeviceTargetClass = useDeviceTargetClass;

package/dist/cjs/hooks/useStyles/styleAttributes.interface.js

@@ -1,2 +0,0 @@
-'use strict';
-

package/dist/context/Notifications.interface.js

@@ -1 +0,0 @@
-

package/dist/hooks/useActiveClasses/useActiveClasses.interface.js

@@ -1,63 +0,0 @@
-const suffix = [
-    'Button',
-    'Checkbox',
-    'Radio',
-    'Checkmark',
-    'Avatar',
-    'AvatarStack',
-    'Badge',
-    'Breadcrumbs',
-    'Cell',
-    'Chips',
-    'Choice',
-    'Code',
-    'CookiesWarning',
-    'Dadata',
-    'DatePeriod',
-    'Divider',
-    'Dot',
-    'Drawer',
-    'Dropdown',
-    'DropdownItem',
-    'Flex',
-    'Grid',
-    'Group',
-    'HeroTitle',
-    'HTMLContent',
-    'Icon',
-    'Image',
-    'Input',
-    'InputPassword',
-    'Label',
-    'Link',
-    'List',
-    'Loader',
-    'Logo',
-    'MenuItem',
-    'Modal',
-    'ModalSheetBottom',
-    'Notification',
-    'Overlay',
-    'Pagination',
-    'RangeSlider',
-    'Response',
-    'ScrollBar',
-    'ScrollOnDrag',
-    'ScrollToView',
-    'Search',
-    'Segmented',
-    'Select',
-    'SvgContent',
-    'Swiper',
-    'Switch',
-    'Tab',
-    'Text',
-    'Textarea',
-    'Tile',
-    'Title',
-    'Tooltip',
-    'Video',
-    'Warning',
-];
-
-export { suffix };

package/dist/hooks/useDevicePropsGenerator/useDevicePropsGenerator.interface.js

@@ -1 +0,0 @@
-