@itcase/ui 1.3.26 → 1.3.28

package/dist/css/tokens/colors.css

@@ -1,17 +1,25 @@
 /* stylelint-disable custom-property-empty-line-before, value-keyword-case */
 
 :root {
-  --color-accent-primary: hsla(216, 99%, 63%, 1);
-  --color-accent-primary-hover: hsla(216, 99%, 55%, 1);
+  --color-accent-primary: hsla(92, 49%, 47%, 1);
+  --color-accent-secondary: hsla(92, 28%, 62%, 1);
+  --color-accent-tertiary: hsla(93, 53%, 93%, 1);
+  --color-accent-quaternary: hsla(92, 71%, 27%, 1);
 
   --color-accent-text-primary: hsla(0, 0%, 100%, 1);
-  --color-accent-text-secondary: hsla(216, 99%, 63%, 1);
+  --color-accent-text-secondary: hsla(92, 71%, 27%, 1);
+  --color-accent-text-tertiary: hsla(92, 49%, 47%, 1);
+  --color-accent-text-quaternary: hsla(0, 0%, 100%, 1);
 
   --color-accent-item-primary: hsla(0, 0%, 100%, 1);
-  --color-accent-item-secondary: hsla(216, 99%, 63%, 1);
+  --color-accent-item-secondary: hsla(92, 37%, 35%, 1);
+  --color-accent-item-tertiary: hsla(92, 49%, 47%, 1);
+  --color-accent-item-quaternary: hsla(0, 0%, 100%, 1);
 
-  --color-accent-border-primary: hsla(216, 99%, 63%, 1);
-  --color-accent-border-primary-hover: hsla(216, 99%, 73%, 1);
+  --color-accent-border-primary: hsla(92, 37%, 35%, 1);
+  --color-accent-border-secondary: hsla(92, 37%, 35%, 1);
+  --color-accent-border-tertiary: hsla(92, 49%, 47%, 1);
+  --color-accent-border-quaternary: hsla(0, 0%, 100%, 1);
 
   --color-primary: hsla(0, 94%, 66%, 1);
   --color-primary-primary: hsla(0, 94%, 66%, 1);
@@ -42,7 +50,7 @@
   --color-secondary-item-primary: hsla(0, 0%, 100%, 1);
   --color-secondary-item-secondary: hsla(0, 0%, 59%, 1);
 
-  --color-secondary-border-primary: hsla(0, 0%, 59%, 1);
+  --color-secondary-border-primary: hsla(210, 8%, 75%, 1);
 
   --color-tertiary-primary: hsla(50, 100%, 62%, 1);
   --color-tertiary-secondary: hsla(50, 100%, 77%, 1);
@@ -98,10 +106,14 @@
   --color-warning-text-primary: hsla(43, 68%, 50%, 1);
   --color-warning-text-secondary: hsla(0, 0%, 100%, 1);
 
+  --color-warning-border-primary: hsla(43, 68%, 50%, 1);
+
   --color-danger-primary: hsla(349, 96%, 44%, 1);
   --color-danger-text-primary: hsla(349, 96%, 44%, 1);
   --color-danger-text-secondary: hsla(0, 0%, 100%, 1);
 
+  --color-danger-border-primary: hsla(349, 96%, 44%, 1);
+
   --color-error-primary: hsla(6, 99%, 57%, 1);
   --color-error-text-primary: hsla(0, 0%, 100%, 1);
   --color-error-text-secondary: hsla(6, 99%, 57%, 1);

package/dist/stories/Overview.mdx

@@ -1,11 +1,11 @@
 import { Meta, Story } from '@storybook/blocks'
 
-import * as TitleStories from './Title.stories.tsx'
+import * as TooltipStories from './Tooltip.stories.tsx'
 
-<Meta title="Atoms / Title / Overview" />
+<Meta title="Atoms / Tooltip / Overview" />
 
-# Title
+# Tooltip
 
-`Title` отображает заголовки.
+`Tooltip` - это небольшой фрагмент контекстной информации, который появляется, когда пользователи наводят курсор мыши на элемент пользовательского интерфейса.
 
-<Story of={TitleStories.SizeH3} />
+<Story of={TooltipStories.surfacePrimary} />

package/dist/stories/Playground.mdx

@@ -1,10 +1,10 @@
 import { Canvas, Controls, Meta } from '@storybook/blocks'
 
-import * as TitleStories from './Title.stories.tsx'
+import * as TooltipStories from './Tooltip.stories.tsx'
 
-<Meta title="Atoms / Title / Playground" />
+<Meta title="Atoms / Tooltip / Playground" />
 
 # Playground
 
-<Canvas sourceState="shown" of={TitleStories.SizeH4} />
-<Controls of={TitleStories.SizeH4} />
+<Canvas sourceState="shown" of={TooltipStories.surfacePrimary} />
+<Controls of={TooltipStories.surfacePrimary} />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.3.26",
+  "version": "1.3.28",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -91,7 +91,7 @@
   },
   "dependencies": {
     "@emotion/is-prop-valid": "^1.3.1",
-    "@itcase/storybook-config": "^1.0.38",
+    "@itcase/storybook-config": "^1.0.49",
     "@itcase/common": "^1.2.18",
     "@itcase/config": "^1.0.16",
     "@itcase/icons": "^1.0.21",
@@ -121,8 +121,6 @@
   },
   "devDependencies": {
     "@babel/core": "^7.26.9",
-    "@babel/eslint-parser": "^7.26.8",
-    "@babel/eslint-plugin": "^7.25.9",
     "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
     "@commitlint/cli": "^19.7.1",
@@ -162,8 +160,13 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3",
     "semantic-release": "^24.2.3",
-    "storybook": "^8.5.8",
+    "storybook": "^8.6.0",
     "stylelint": "^16.14.1",
     "typescript": "^5.7.3"
+  },
+  "msw": {
+    "workerDirectory": [
+      "public"
+    ]
   }
 }

package/dist/cjs/components/Caption.js

@@ -1,28 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
-var useStyles = require('../hooks/useStyles.js');
-require('../../tslib.es6-CCZ3TN_7.js');
-require('react');
-require('lodash/camelCase');
-require('lodash/castArray');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-
-function Caption(props) {
-    var children = props.children, className = props.className;
-    var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props);
-    var fillClass = classGenerator.fillClass, fillGradientClass = classGenerator.fillGradientClass, positionClass = classGenerator.positionClass;
-    // @ts-expect-error
-    var captionStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'caption', positionClass && "caption_position_".concat(positionClass), fillClass && "fill_".concat(fillClass), fillGradientClass && "fill-gradient_".concat(fillGradientClass)), style: captionStyles, children: children }));
-}
-
-exports.Caption = Caption;

package/dist/cjs/components/SiteMenu.js

@@ -1,87 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var UIContext = require('../context/UIContext.js');
-var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
-var Icon = require('../../Icon-B_bS-o4g.js');
-var Text = require('../../Text-Beslj4Ns.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('../../tslib.es6-CCZ3TN_7.js');
-require('lodash/camelCase');
-require('lodash/castArray');
-require('react-inlinesvg');
-require('../hooks/useStyles.js');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-require('../../Link-CxWmYMyL.js');
-require('../../Tooltip-CNua1g76.js');
-require('../../Title-DBaHcpvB.js');
-
-var siteMenuAppearance = {
-    dev: {},
-};
-
-var siteMenuConfig = {
-    appearance: siteMenuAppearance,
-    setAppearance: function (newComponent) {
-        siteMenuConfig.appearance = newComponent;
-    },
-};
-function SiteMenu(props) {
-    var children = props.children, appearance = props.appearance, className = props.className, closeText = props.closeText, closeTextColor = props.closeTextColor, closeTextColorHover = props.closeTextColorHover, closeTextSize = props.closeTextSize, iconClose = props.iconClose, iconCloseBgFill = props.iconCloseBgFill, iconCloseFill = props.iconCloseFill, iconCloseSize = props.iconCloseSize, onClose = props.onClose;
-    var _a = UIContext.useSiteMenuContext(), isSiteMenuOpen = _a.isSiteMenuOpen, setIsSiteMenuOpen = _a.setIsSiteMenuOpen;
-    var onClickClose = React.useCallback(
-    // @ts-expect-error
-    function (event) {
-        // @ts-expect-error
-        setIsSiteMenuOpen(false);
-        // @ts-expect-error
-        onClose && onClose(event);
-    }, [onClose]);
-    // TODO: dont delete!
-    // const onClickHeaderLink = useCallback((event) => {
-    //   // simulate a click on a link
-    //   event.stopPropagation()
-    //   event.preventDefault()
-    //   // save anchor in history
-    //   history.pushState(
-    //     location.href,
-    //     event.target.getAttribute('href'),
-    //     `${location.origin}/${event.target.getAttribute('href')}`
-    //   )
-    //   // scroll to anchor
-    //   document.querySelector(event.target.getAttribute('href')).scrollIntoView({
-    //     behavior: 'smooth',
-    //   })
-    // }, [])
-    // @ts-expect-error
-    var appearanceConfig = siteMenuConfig.appearance && siteMenuConfig.appearance[appearance];
-    var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props, appearanceConfig);
-    var fillClass = classGenerator.fillClass;
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'site-menu', fillClass && "fill_".concat(fillClass), isSiteMenuOpen && 'site-menu_state_visible', !isSiteMenuOpen && 'site-menu_state_hidden'), children: jsxRuntime.jsxs("div", { className: "site-menu__wrapper", children: [jsxRuntime.jsx("div", { className: "site-menu__close", children: iconClose ? (jsxRuntime.jsx(Icon.Icon, { fill: iconCloseFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconCloseFill), bgFill: iconCloseBgFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconCloseBgFill), size: iconCloseSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconCloseSize), SvgImage: iconClose || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClose), onClick: onClickClose })) : (jsxRuntime.jsx(Text.Text, { size: closeTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.closeTextSize), textColor: closeTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.closeTextColor), textColorHover: closeTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.closeTextColorHover), 
-                        // @ts-expect-error
-                        onClick: onClickClose, children: closeText })) }), jsxRuntime.jsx("div", { className: "site-menu__items", children: children })] }) }));
-}
-
-function SiteMenuButton(props) {
-    var children = props.children, className = props.className, text = props.text, onClick = props.onClick;
-    var setIsSiteMenuOpen = UIContext.useSiteMenuContext().setIsSiteMenuOpen;
-    // @ts-expect-error
-    var onClickButton = React.useCallback(function (event) {
-        // @ts-expect-error
-        setIsSiteMenuOpen(true);
-        // @ts-expect-error
-        onClick && onClick(event);
-    }, []);
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'site-menu__button'), onClick: onClickButton, children: children || text }));
-}
-
-exports.SiteMenu = SiteMenu;
-exports.SiteMenuButton = SiteMenuButton;
-exports.siteMenuAppearance = siteMenuAppearance;
-exports.siteMenuConfig = siteMenuConfig;

package/dist/cjs/components/Wrapper.js

@@ -1,28 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
-var useStyles = require('../hooks/useStyles.js');
-require('../../tslib.es6-CCZ3TN_7.js');
-require('react');
-require('lodash/camelCase');
-require('lodash/castArray');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-
-function Wrapper(props) {
-    var id = props.id, children = props.children, after = props.after, before = props.before, _a = props.className, className = _a === void 0 ? 'wrapper' : _a, _b = props.tag, Tag = _b === void 0 ? 'div' : _b, type = props.type;
-    var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props);
-    var alignClass = classGenerator.alignClass, alignDirectionClass = classGenerator.alignDirectionClass, fillClass = classGenerator.fillClass, horizontalResizingClass = classGenerator.horizontalResizingClass, positionClass = classGenerator.positionClass, verticalResizingClass = classGenerator.verticalResizingClass, wrapperPositionClass = classGenerator.wrapperPositionClass;
-    // @ts-expect-error
-    var _c = useStyles.useStyles(props), innerStyles = _c.inner, wrapperStyles = _c.styles;
-    return (jsxRuntime.jsx(Tag, { className: clsx(className, type && "".concat(className, "_type_").concat(type), fillClass && "fill_".concat(fillClass), horizontalResizingClass && "wrapper_resize-horizontal_".concat(horizontalResizingClass), verticalResizingClass && "wrapper_resize-vertical_".concat(verticalResizingClass), positionClass && "position_".concat(positionClass)), id: id, style: wrapperStyles, children: jsxRuntime.jsxs("div", { className: clsx("".concat(className, "__inner"), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), wrapperPositionClass && "position_".concat(wrapperPositionClass)), style: innerStyles, children: [before, children, after] }) }));
-}
-
-exports.Wrapper = Wrapper;

package/dist/components/Caption.js

@@ -1,26 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
-import { useStyles } from '../hooks/useStyles.js';
-import '../tslib.es6-Bwu1Cn-t.js';
-import 'react';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import '../context/UIContext.js';
-import '../hooks/useMediaQueries.js';
-import 'react-responsive';
-import '../utils/setViewportProperty.js';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
-import '../hooks/styleAttributes.js';
-
-function Caption(props) {
-    var children = props.children, className = props.className;
-    var classGenerator = useDeviceTargetClassGenerator(props);
-    var fillClass = classGenerator.fillClass, fillGradientClass = classGenerator.fillGradientClass, positionClass = classGenerator.positionClass;
-    // @ts-expect-error
-    var captionStyles = useStyles(props).styles;
-    return (jsx("div", { className: clsx(className, 'caption', positionClass && "caption_position_".concat(positionClass), fillClass && "fill_".concat(fillClass), fillGradientClass && "fill-gradient_".concat(fillGradientClass)), style: captionStyles, children: children }));
-}
-
-export { Caption };

package/dist/components/SiteMenu.js

@@ -1,82 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useCallback } from 'react';
-import clsx from 'clsx';
-import { useSiteMenuContext } from '../context/UIContext.js';
-import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
-import { I as Icon } from '../Icon-BZa8B7te.js';
-import { T as Text } from '../Text-JayJa3hj.js';
-import '../hooks/useMediaQueries.js';
-import 'react-responsive';
-import '../utils/setViewportProperty.js';
-import '../tslib.es6-Bwu1Cn-t.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'react-inlinesvg';
-import '../hooks/useStyles.js';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
-import '../hooks/styleAttributes.js';
-import '../Link-DN2LhPjD.js';
-import '../Tooltip-1Jbub0K6.js';
-import '../Title-CHgrIarR.js';
-
-var siteMenuAppearance = {
-    dev: {},
-};
-
-var siteMenuConfig = {
-    appearance: siteMenuAppearance,
-    setAppearance: function (newComponent) {
-        siteMenuConfig.appearance = newComponent;
-    },
-};
-function SiteMenu(props) {
-    var children = props.children, appearance = props.appearance, className = props.className, closeText = props.closeText, closeTextColor = props.closeTextColor, closeTextColorHover = props.closeTextColorHover, closeTextSize = props.closeTextSize, iconClose = props.iconClose, iconCloseBgFill = props.iconCloseBgFill, iconCloseFill = props.iconCloseFill, iconCloseSize = props.iconCloseSize, onClose = props.onClose;
-    var _a = useSiteMenuContext(), isSiteMenuOpen = _a.isSiteMenuOpen, setIsSiteMenuOpen = _a.setIsSiteMenuOpen;
-    var onClickClose = useCallback(
-    // @ts-expect-error
-    function (event) {
-        // @ts-expect-error
-        setIsSiteMenuOpen(false);
-        // @ts-expect-error
-        onClose && onClose(event);
-    }, [onClose]);
-    // TODO: dont delete!
-    // const onClickHeaderLink = useCallback((event) => {
-    //   // simulate a click on a link
-    //   event.stopPropagation()
-    //   event.preventDefault()
-    //   // save anchor in history
-    //   history.pushState(
-    //     location.href,
-    //     event.target.getAttribute('href'),
-    //     `${location.origin}/${event.target.getAttribute('href')}`
-    //   )
-    //   // scroll to anchor
-    //   document.querySelector(event.target.getAttribute('href')).scrollIntoView({
-    //     behavior: 'smooth',
-    //   })
-    // }, [])
-    // @ts-expect-error
-    var appearanceConfig = siteMenuConfig.appearance && siteMenuConfig.appearance[appearance];
-    var classGenerator = useDeviceTargetClassGenerator(props, appearanceConfig);
-    var fillClass = classGenerator.fillClass;
-    return (jsx("div", { className: clsx(className, 'site-menu', fillClass && "fill_".concat(fillClass), isSiteMenuOpen && 'site-menu_state_visible', !isSiteMenuOpen && 'site-menu_state_hidden'), children: jsxs("div", { className: "site-menu__wrapper", children: [jsx("div", { className: "site-menu__close", children: iconClose ? (jsx(Icon, { fill: iconCloseFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconCloseFill), bgFill: iconCloseBgFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconCloseBgFill), size: iconCloseSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconCloseSize), SvgImage: iconClose || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClose), onClick: onClickClose })) : (jsx(Text, { size: closeTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.closeTextSize), textColor: closeTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.closeTextColor), textColorHover: closeTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.closeTextColorHover), 
-                        // @ts-expect-error
-                        onClick: onClickClose, children: closeText })) }), jsx("div", { className: "site-menu__items", children: children })] }) }));
-}
-
-function SiteMenuButton(props) {
-    var children = props.children, className = props.className, text = props.text, onClick = props.onClick;
-    var setIsSiteMenuOpen = useSiteMenuContext().setIsSiteMenuOpen;
-    // @ts-expect-error
-    var onClickButton = useCallback(function (event) {
-        // @ts-expect-error
-        setIsSiteMenuOpen(true);
-        // @ts-expect-error
-        onClick && onClick(event);
-    }, []);
-    return (jsx("div", { className: clsx(className, 'site-menu__button'), onClick: onClickButton, children: children || text }));
-}
-
-export { SiteMenu, SiteMenuButton, siteMenuAppearance, siteMenuConfig };

package/dist/components/Wrapper.js

@@ -1,26 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
-import { useStyles } from '../hooks/useStyles.js';
-import '../tslib.es6-Bwu1Cn-t.js';
-import 'react';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import '../context/UIContext.js';
-import '../hooks/useMediaQueries.js';
-import 'react-responsive';
-import '../utils/setViewportProperty.js';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
-import '../hooks/styleAttributes.js';
-
-function Wrapper(props) {
-    var id = props.id, children = props.children, after = props.after, before = props.before, _a = props.className, className = _a === void 0 ? 'wrapper' : _a, _b = props.tag, Tag = _b === void 0 ? 'div' : _b, type = props.type;
-    var classGenerator = useDeviceTargetClassGenerator(props);
-    var alignClass = classGenerator.alignClass, alignDirectionClass = classGenerator.alignDirectionClass, fillClass = classGenerator.fillClass, horizontalResizingClass = classGenerator.horizontalResizingClass, positionClass = classGenerator.positionClass, verticalResizingClass = classGenerator.verticalResizingClass, wrapperPositionClass = classGenerator.wrapperPositionClass;
-    // @ts-expect-error
-    var _c = useStyles(props), innerStyles = _c.inner, wrapperStyles = _c.styles;
-    return (jsx(Tag, { className: clsx(className, type && "".concat(className, "_type_").concat(type), fillClass && "fill_".concat(fillClass), horizontalResizingClass && "wrapper_resize-horizontal_".concat(horizontalResizingClass), verticalResizingClass && "wrapper_resize-vertical_".concat(verticalResizingClass), positionClass && "position_".concat(positionClass)), id: id, style: wrapperStyles, children: jsxs("div", { className: clsx("".concat(className, "__inner"), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), wrapperPositionClass && "position_".concat(wrapperPositionClass)), style: innerStyles, children: [before, children, after] }) }));
-}
-
-export { Wrapper };

package/dist/css/components/Caption/Caption.css

@@ -1,22 +0,0 @@
-.caption {
-  display: flex;
-  flex-flow: column nowrap;
-}
-.caption {
-  &_position {
-    &_on-image {
-      &-top {
-        width: 100%;
-        position: absolute;
-        left: 0;
-        top: 0;
-      }
-      &-bottom {
-        width: 100%;
-        position: absolute;
-        left: 0;
-        bottom: 0;
-      }
-    }
-  }
-}

package/dist/css/components/SiteMenu/SiteMenu.css

@@ -1,37 +0,0 @@
-.site-menu {
-  width: 100%;
-  height: 100%;
-  min-width: 100%;
-  min-height: 100%;
-  position: fixed;
-  display: flex;
-  left: 0;
-  top: 0;
-  z-index: 100;
-  transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
-  &__wrapper {
-    min-width: 100%;
-    z-index: 10;
-    position: relative;
-    display: flex;
-    flex-flow: row wrap;
-    align-content: center;
-    ^&__close {
-      position: absolute;
-      top: 24px;
-      right: 24px;
-    }
-    ^&__items {
-      padding: 0 24px 48px 24px;
-      width: 100%;
-      height: 100%;
-      overflow: scroll;
-    }
-  }
-  &&_state_visible {
-    transform: translate(0%, 0);
-  }
-  &&_state_hidden {
-    transform: translate(100%, 0);
-  }
-}

package/dist/css/components/Wrapper/Wrapper.css

@@ -1,36 +0,0 @@
-.wrapper {
-  width: 100%;
-  &__inner {
-    width: 100%;
-    max-width: var(--max);
-    margin: 0 auto;
-  }
-}
-.wrapper {
-  &_resize-horizontal {
-    &_hug {
-      display: inline-flex;
-    }
-    &_fill {
-      min-height: 100%;
-      flex: 1;
-    }
-    &__inner {
-
-    }
-  }
-}
-.wrapper {
-  &_resize-vertical {
-    &_hug {
-      display: inline-flex;
-    }
-    &_fill {
-      flex: 1;
-      display: flex;
-      ^^&__inner {
-        flex: 1;
-      }
-    }
-  }
-}

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

@@ -1,3 +0,0 @@
-import type { iCaptionProps } from './Caption.interface';
-declare function Caption(props: iCaptionProps): import("react/jsx-runtime").JSX.Element;
-export { Caption };

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

@@ -1,22 +0,0 @@
-import { ReactNode } from 'react';
-import { tCaptionPositionProps, tFillGradientProps, tFillProps } from 'types';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-export interface iCaptionThemeColor {
-    fill: tFillProps;
-    fillDesktop: tFillProps;
-    fillGradient: tFillGradientProps;
-    fillGradientDesktop: tFillGradientProps;
-    fillGradientMobile: tFillGradientProps;
-    fillGradientTablet: tFillGradientProps;
-    fillMobile: tFillProps;
-    fillTablet: tFillProps;
-    position: tCaptionPositionProps;
-    positionDesktop: tCaptionPositionProps;
-    positionMobile: tCaptionPositionProps;
-    positionTablet: tCaptionPositionProps;
-}
-export interface iCaptionProps extends iCaptionThemeColor, Omit<iStyleAttributes, 'position'> {
-    [key: number | string | symbol]: any;
-    children?: ReactNode;
-    className?: string;
-}

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

@@ -1 +0,0 @@
-export { Caption } from './Caption';

package/dist/types/components/SiteMenu/SiteMenu.appearance.d.ts

@@ -1,2 +0,0 @@
-import { siteMenuAppearanceType } from './SiteMenu.interface';
-export declare const siteMenuAppearance: siteMenuAppearanceType;

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

@@ -1,4 +0,0 @@
-import type { iSiteMenuConfig, iSiteMenuProps } from './SiteMenu.interface';
-declare const siteMenuConfig: iSiteMenuConfig;
-declare function SiteMenu(props: iSiteMenuProps): import("react/jsx-runtime").JSX.Element;
-export { SiteMenu, siteMenuConfig };

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

@@ -1,39 +0,0 @@
-import { ReactNode } from 'react';
-import { tFillProps, tIconSizeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps } from 'types';
-import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-export interface iSiteMenuThemeColor {
-    [key: number | string | symbol]: any;
-    closeTextColor?: tTextColorProps;
-    closeTextColorHover?: tTextColorHoverProps;
-    closeTextSize?: tTextSizeProps;
-    fill?: tFillProps;
-    iconClose?: ReactNode;
-    iconCloseBgFill?: tFillProps;
-    iconCloseFill?: tFillProps;
-    iconCloseSize?: tIconSizeProps;
-}
-type tAppearanceKeys = tAppearanceKeysDefault & {};
-export type siteMenuAppearanceType = {
-    [key in tAppearanceKeys]?: iSiteMenuThemeColor;
-};
-export interface iSiteMenuConfig {
-    [key: number | string | symbol]: any;
-    appearance: siteMenuAppearanceType | undefined;
-    setAppearance: (newComponent: siteMenuAppearanceType) => void;
-}
-export interface iSiteMenuProps extends iSiteMenuThemeColor, iStyleAttributes {
-    [key: number | string | symbol]: any;
-    appearance?: tAppearanceKeys;
-    children?: ReactNode;
-    className?: string;
-    closeText?: string;
-    onClose?: () => void;
-}
-export interface iSiteMenuButtonProps extends iStyleAttributes {
-    children?: ReactNode;
-    className?: string;
-    text?: string;
-    onClick?: () => void;
-}
-export {};

package/dist/types/components/SiteMenu/SiteMenuButton.d.ts

@@ -1,3 +0,0 @@
-import type { iSiteMenuButtonProps } from './SiteMenu.interface';
-declare function SiteMenuButton(props: iSiteMenuButtonProps): import("react/jsx-runtime").JSX.Element;
-export { SiteMenuButton };

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

@@ -1,4 +0,0 @@
-import { siteMenuAppearance } from './SiteMenu.appearance';
-import { SiteMenu, siteMenuConfig } from './SiteMenu.js';
-import { SiteMenuButton } from './SiteMenuButton.js';
-export { SiteMenu, siteMenuConfig, siteMenuAppearance, SiteMenuButton };

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

@@ -1,3 +0,0 @@
-import type { iWrapperProps } from './Wrapper.interface';
-declare function Wrapper(props: iWrapperProps): import("react/jsx-runtime").JSX.Element;
-export { Wrapper };

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

@@ -1,21 +0,0 @@
-import { CSSProperties, ElementType, ReactNode } from 'react';
-import { tAlignDirectionProps, tAlignProps, tFillProps, tHorizontalResizeModeProps, tPositionProps, tVerticalResizeModeProps } from 'types';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-export interface iWrapperProps extends iStyleAttributes {
-    id?: string;
-    [key: number | string | symbol]: any;
-    after?: ReactNode;
-    align?: tAlignProps;
-    alignDirection?: tAlignDirectionProps;
-    before?: ReactNode;
-    children?: ReactNode;
-    className?: string;
-    fill?: tFillProps;
-    horizontalResizing?: tHorizontalResizeModeProps;
-    position?: tPositionProps;
-    style?: CSSProperties;
-    tag?: ElementType;
-    type?: string;
-    verticalResizing?: tVerticalResizeModeProps;
-    wrapperPosition?: tPositionProps;
-}

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

@@ -1 +0,0 @@
-export { Wrapper } from './Wrapper';