@invoicebox/ui 0.1.0-alpha.294 → 0.1.0-alpha.296

package/dist/components/common/Drawer/styles.js

@@ -4,51 +4,64 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Title = exports.StyledSheetContainer = exports.StyledSheetBackdrop = exports.DragIndicatorWrapper = exports.ChildrenWrapper = void 0;
+exports.Title = exports.Sheet = exports.Root = exports.DragIndicator = exports.DragHandle = exports.ChildrenWrapper = exports.Backdrop = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _reactModalSheet = require("react-modal-sheet");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var Title = exports.Title = _styledComponents["default"].div.withConfig({
-  displayName: "styles__Title",
+var Root = exports.Root = _styledComponents["default"].div.withConfig({
+  displayName: "styles__Root",
   componentId: "sc-1kysg49-0"
-})(["background-color:", ";padding:30px;position:relative;text-align:center;border-radius:10px 10px 0 0;"], function (_ref) {
-  var $bg = _ref.$bg;
-  return $bg;
-});
-var DragIndicatorWrapper = exports.DragIndicatorWrapper = _styledComponents["default"].div.withConfig({
-  displayName: "styles__DragIndicatorWrapper",
+})(["position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;"]);
+var Backdrop = exports.Backdrop = _styledComponents["default"].div.withConfig({
+  displayName: "styles__Backdrop",
   componentId: "sc-1kysg49-1"
-})(["position:absolute;top:12px;left:50%;transform:translateX(-50%);"]);
-var ChildrenWrapper = exports.ChildrenWrapper = _styledComponents["default"].div.withConfig({
-  displayName: "styles__ChildrenWrapper",
-  componentId: "sc-1kysg49-2"
-})(["", ";background-color:", ";", ""], function (_ref2) {
-  var $isPadding = _ref2.$isPadding;
-  return $isPadding && 'padding: 32px 16px 36px';
-}, function (_ref3) {
-  var $bgColor = _ref3.$bgColor;
+})(["position:absolute;inset:0;background-color:", ";opacity:", ";transition:opacity 300ms ease;"], function (_ref) {
+  var $bgColor = _ref.$bgColor;
   return $bgColor;
+}, function (_ref2) {
+  var $isVisible = _ref2.$isVisible;
+  return $isVisible ? 1 : 0;
+});
+var Sheet = exports.Sheet = _styledComponents["default"].div.withConfig({
+  displayName: "styles__Sheet",
+  componentId: "sc-1kysg49-2"
+})(["position:relative;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:none;border-radius:10px 10px 0 0;will-change:transform;transition:transform 300ms cubic-bezier(0.32,0.72,0,1);", " ", " ", ""], function (_ref3) {
+  var $isDragging = _ref3.$isDragging;
+  return $isDragging && (0, _styledComponents.css)(["transition:none;"]);
 }, function (_ref4) {
-  var $isBorderRadius = _ref4.$isBorderRadius;
-  return $isBorderRadius && (0, _styledComponents.css)(["border-radius:10px 10px 0 0;"]);
+  var $isErrorBorder = _ref4.$isErrorBorder,
+    $errorColor = _ref4.$errorColor,
+    $borderColor = _ref4.$borderColor;
+  return ($isErrorBorder || $borderColor) && (0, _styledComponents.css)(["border-top:2px solid ", ";"], $borderColor || $errorColor);
+}, function (_ref5) {
+  var $overflow = _ref5.$overflow;
+  return $overflow === 'visible' ? (0, _styledComponents.css)(["overflow:visible;"]) : (0, _styledComponents.css)(["overflow-y:auto;"]);
 });
-var StyledSheetContainer = exports.StyledSheetContainer = (0, _styledComponents["default"])(_reactModalSheet.Sheet.Container).withConfig({
-  displayName: "styles__StyledSheetContainer",
+var DragHandle = exports.DragHandle = _styledComponents["default"].div.withConfig({
+  displayName: "styles__DragHandle",
   componentId: "sc-1kysg49-3"
-})(["box-shadow:none;border-radius:10px 10px 0 0;", " ", ""], function (_ref5) {
-  var $isErrorBorder = _ref5.$isErrorBorder,
-    $errorColor = _ref5.$errorColor,
-    $borderColor = _ref5.$borderColor;
-  return ($isErrorBorder || $borderColor) && (0, _styledComponents.css)(["border-top:2px solid ", ";"], $borderColor || $errorColor);
-}, function (_ref6) {
-  var $overflow = _ref6.$overflow;
-  return $overflow === 'visible' && (0, _styledComponents.css)(["overflow:visible;.react-modal-sheet-content-scroller{overflow-y:visible !important;}"]);
+})(["position:relative;flex:0 0 auto;height:28px;background-color:", ";border-radius:10px 10px 0 0;touch-action:none;cursor:grab;&:active{cursor:grabbing;}"], function (_ref6) {
+  var $bg = _ref6.$bg;
+  return $bg;
 });
-var StyledSheetBackdrop = exports.StyledSheetBackdrop = (0, _styledComponents["default"])(_reactModalSheet.Sheet.Backdrop).withConfig({
-  displayName: "styles__StyledSheetBackdrop",
+var DragIndicator = exports.DragIndicator = _styledComponents["default"].div.withConfig({
+  displayName: "styles__DragIndicator",
   componentId: "sc-1kysg49-4"
-})(["background-color:", " !important;"], function (_ref7) {
-  var $bgColor = _ref7.$bgColor;
+})(["position:absolute;top:12px;left:50%;transform:translateX(-50%);width:40px;height:4px;border-radius:99px;background-color:rgba(53,63,71,0.2);"]);
+var Title = exports.Title = _styledComponents["default"].div.withConfig({
+  displayName: "styles__Title",
+  componentId: "sc-1kysg49-5"
+})(["background-color:", ";padding:30px;position:relative;text-align:center;"], function (_ref7) {
+  var $bg = _ref7.$bg;
+  return $bg;
+});
+var ChildrenWrapper = exports.ChildrenWrapper = _styledComponents["default"].div.withConfig({
+  displayName: "styles__ChildrenWrapper",
+  componentId: "sc-1kysg49-6"
+})(["", ";background-color:", ";"], function (_ref8) {
+  var $isPadding = _ref8.$isPadding;
+  return $isPadding && 'padding: 32px 16px 36px';
+}, function (_ref9) {
+  var $bgColor = _ref9.$bgColor;
   return $bgColor;
 });

package/dist/components/common/Dropdown/index.d.ts

@@ -1,16 +1,16 @@
-import { FC, ReactNode } from 'react';
-export type TProps = {
-    children: ReactNode;
-    isOpen: boolean;
-    isAutoPosition?: boolean;
-    positionVertical?: number;
-    positionLeft?: string;
-    positionRight?: string;
-    minWidth?: string;
-    width?: string;
-    zIndex?: number;
-    onCloseTransitionEnd?: () => void;
-    isTopPosition?: boolean;
-    usePadding?: boolean;
-};
-export declare const Dropdown: FC<TProps>;
+import React, { ReactNode } from 'react';
+export type TProps = {
+    children: ReactNode;
+    isOpen: boolean;
+    isAutoPosition?: boolean;
+    positionVertical?: number;
+    positionLeft?: string;
+    positionRight?: string;
+    minWidth?: string;
+    width?: string;
+    zIndex?: number;
+    onCloseTransitionEnd?: () => void;
+    isTopPosition?: boolean;
+    usePadding?: boolean;
+};
+export declare const Dropdown: React.ForwardRefExoticComponent<TProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/common/Dropdown/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Dropdown = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
 var S = _interopRequireWildcard(require("./styles"));
 var _palette = require("../../../palette");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -16,7 +17,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-var Dropdown = exports.Dropdown = function Dropdown(_ref) {
+var Dropdown = exports.Dropdown = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, forwardedRef) {
   var children = _ref.children,
     isOpen = _ref.isOpen,
     _ref$isAutoPosition = _ref.isAutoPosition,
@@ -46,6 +47,42 @@ var Dropdown = exports.Dropdown = function Dropdown(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     elRef = _useState2[0],
     setElRef = _useState2[1];
+
+  // Якорь остаётся в потоке на месте поля-триггера; по его родителю (само поле) считаем,
+  // куда поставить вынесенный порталом дропдаун.
+  var anchorRef = (0, _react.useRef)(null);
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    layerRect = _useState4[0],
+    setLayerRect = _useState4[1];
+
+  // Дропдаун вынесён в body порталом и спозиционирован `fixed` → НЕ растит документ (баг с
+  // пустой полосой внизу) и не зависит от `overflow`/`transform` предков. Слой-обёртка
+  // (`PositionLayer`) `fixed` точно над полем: внутренний `Wrapper` остаётся `absolute`
+  // относительно него, поэтому ВСЯ старая логика позиционирования (top/bottom/left/right/
+  // translateY) и измерения работают без изменений. Пересчёт на скролл/resize, пока открыт.
+  (0, _react.useLayoutEffect)(function () {
+    var updateRect = function updateRect() {
+      var _anchorRef$current;
+      var field = (_anchorRef$current = anchorRef.current) === null || _anchorRef$current === void 0 ? void 0 : _anchorRef$current.parentElement;
+      if (!field) return;
+      var rect = field.getBoundingClientRect();
+      setLayerRect({
+        top: rect.top,
+        left: rect.left,
+        width: rect.width,
+        height: rect.height
+      });
+    };
+    updateRect();
+    if (!isOpen) return undefined;
+    window.addEventListener('scroll', updateRect, true);
+    window.addEventListener('resize', updateRect);
+    return function () {
+      window.removeEventListener('scroll', updateRect, true);
+      window.removeEventListener('resize', updateRect);
+    };
+  }, [isOpen]);
   var handleCloseTransitionEnd = (0, _react.useCallback)(function (event) {
     if (event.propertyName !== 'opacity') return;
     if (isOpen) return;
@@ -68,18 +105,17 @@ var Dropdown = exports.Dropdown = function Dropdown(_ref) {
     };
     var isMoreSpaceBelowThanAbove = belowHeight >= aboveHeight;
     if (isMoreSpaceBelowThanAbove) {
-      var outOfViewPortHeight = dropdownHeight + dropdownIndent - belowHeight;
+      var _outOfViewPortHeight = dropdownHeight + dropdownIndent - belowHeight;
       return {
         isAbove: false,
-        translateY: "-".concat(outOfViewPortHeight, "px")
-      };
-    } else {
-      var _outOfViewPortHeight = dropdownHeight + dropdownIndent - aboveHeight;
-      return {
-        isAbove: true,
-        translateY: "".concat(_outOfViewPortHeight, "px")
+        translateY: "-".concat(_outOfViewPortHeight, "px")
       };
     }
+    var outOfViewPortHeight = dropdownHeight + dropdownIndent - aboveHeight;
+    return {
+      isAbove: true,
+      translateY: "".concat(outOfViewPortHeight, "px")
+    };
   }, []);
   var openFlagCache = (0, _react.useRef)(null);
   if (elRef) {
@@ -104,8 +140,21 @@ var Dropdown = exports.Dropdown = function Dropdown(_ref) {
       };
     }
   }
-  return /*#__PURE__*/_react["default"].createElement(S.Wrapper, {
-    ref: setElRef,
+  var setWrapperRef = (0, _react.useCallback)(function (node) {
+    setElRef(node);
+    if (typeof forwardedRef === 'function') forwardedRef(node);else if (forwardedRef) forwardedRef.current = node;
+  }, [forwardedRef]);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(S.Anchor, {
+    ref: anchorRef
+  }), layerRect && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react["default"].createElement(S.PositionLayer, {
+    style: {
+      top: layerRect.top,
+      left: layerRect.left,
+      width: layerRect.width,
+      height: layerRect.height
+    }
+  }, /*#__PURE__*/_react["default"].createElement(S.Wrapper, {
+    ref: setWrapperRef,
     $isVisible: isOpen,
     $isAbove: position.current.isAbove,
     $translateY: position.current.translateY,
@@ -118,5 +167,6 @@ var Dropdown = exports.Dropdown = function Dropdown(_ref) {
     onTransitionEnd: handleCloseTransitionEnd,
     $palette: palette,
     $usePadding: usePadding
-  }, children);
-};
+  }, children)), document.body));
+});
+Dropdown.displayName = 'Dropdown';

package/dist/components/common/Dropdown/index.stories.d.ts

@@ -1,6 +1,6 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Dropdown, TProps } from '.';
-declare const meta: Meta<typeof Dropdown>;
-export default meta;
-export declare const Default: StoryObj<TProps>;
-export declare const AutoPosition: StoryObj<TProps>;
+import type { Meta, StoryObj } from '@storybook/react';
+import { Dropdown, TProps } from '.';
+declare const meta: Meta<typeof Dropdown>;
+export default meta;
+export declare const Default: StoryObj<TProps>;
+export declare const AutoPosition: StoryObj<TProps>;

package/dist/components/common/Dropdown/palette.d.ts

@@ -1,6 +1,6 @@
-import { TAbstractPalette } from '../../../palette';
-export type TDropdownPalette = {
-    bg: string;
-    shadow: string;
-};
-export declare const generateDropdownPalette: (abstractPalette: TAbstractPalette) => TDropdownPalette;
+import { TAbstractPalette } from '../../../palette';
+export type TDropdownPalette = {
+    bg: string;
+    shadow: string;
+};
+export declare const generateDropdownPalette: (abstractPalette: TAbstractPalette) => TDropdownPalette;

package/dist/components/common/Dropdown/styles.d.ts

@@ -1,15 +1,17 @@
-/// <reference types="react" />
-import { TDropdownPalette } from './palette';
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isVisible: boolean;
-    $isAbove: boolean;
-    $translateY: string;
-    $positionVertical: number;
-    $positionLeft: string;
-    $positionRight: string;
-    $minWidth: string;
-    $width: string;
-    $zIndex?: number | undefined;
-    $palette: TDropdownPalette;
-    $usePadding?: boolean | undefined;
-}>> & string;
+/// <reference types="react" />
+import { TDropdownPalette } from './palette';
+export declare const Anchor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const PositionLayer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isVisible: boolean;
+    $isAbove: boolean;
+    $translateY: string;
+    $positionVertical: number;
+    $positionLeft: string;
+    $positionRight: string;
+    $minWidth: string;
+    $width: string;
+    $zIndex?: number | undefined;
+    $palette: TDropdownPalette;
+    $usePadding?: boolean | undefined;
+}>> & string;

package/dist/components/common/Dropdown/styles.js

@@ -4,16 +4,30 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Wrapper = void 0;
+exports.Wrapper = exports.PositionLayer = exports.Anchor = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+// Невидимый якорь в потоке: по его родителю (поле-триггер) считаем позицию портал-дропдауна.
+// display:none — не влияет на вёрстку, но parentElement (само поле) доступен для измерений.
+var Anchor = exports.Anchor = _styledComponents["default"].span.withConfig({
+  displayName: "styles__Anchor",
+  componentId: "sc-1f1enhf-0"
+})(["display:none;"]);
+
+// Слой-обёртка дропдауна: вынесена порталом в body и спозиционирована fixed точно над полем
+// (через inline top/left/width/height). pointer-events:none — сам слой не перехватывает клики
+// (его площадь = полю), кликабелен только внутренний Wrapper.
+var PositionLayer = exports.PositionLayer = _styledComponents["default"].div.withConfig({
+  displayName: "styles__PositionLayer",
+  componentId: "sc-1f1enhf-1"
+})(["position:fixed;z-index:1000;pointer-events:none;"]);
 var hidden = (0, _styledComponents.css)(["visibility:hidden;opacity:0;transition:visibility 0ms 200ms,opacity 200ms 0ms ease;"]);
 var visible = (0, _styledComponents.css)(["visibility:visible;opacity:1;transition:visibility 0ms 0ms,opacity 200ms 0ms ease;"]);
 var Wrapper = exports.Wrapper = _styledComponents["default"].div.withConfig({
   displayName: "styles__Wrapper",
-  componentId: "sc-1f1enhf-0"
-})(["padding:", ";overflow:hidden;border-radius:20px;box-shadow:0 4px 50px 0 ", ";background:", ";outline:1px solid ", ";min-width:", ";width:", ";position:absolute;left:", ";right:", ";z-index:", ";", ";", ";", ";"], function (_ref) {
+  componentId: "sc-1f1enhf-2"
+})(["pointer-events:auto;padding:", ";overflow:hidden;border-radius:20px;box-shadow:0 4px 50px 0 ", ";background:", ";outline:1px solid ", ";min-width:", ";width:", ";position:absolute;left:", ";right:", ";z-index:", ";", ";", ";", ";"], function (_ref) {
   var $usePadding = _ref.$usePadding;
   return $usePadding ? '8px 0;' : 'none';
 }, function (_ref2) {

package/dist/components/common/EntityAutocompleteOptionsDrawer/index.d.ts

@@ -1,17 +1,17 @@
-import { ReactNode } from 'react';
-import { TProps as TDrawerProps } from '../Drawer';
-type TOption<TEntity> = {
-    value: string;
-    entity: TEntity;
-    isDisabled?: boolean;
-};
-export type TProps<TEntity> = Pick<TDrawerProps, 'onOpenEnd' | 'isOpen' | 'onClose'> & {
-    options: Array<TOption<TEntity>>;
-    renderOption: (option: TOption<TEntity>) => ReactNode;
-    onChange: (value: string, option?: TOption<TEntity>) => void;
-    isLoadingOptions: boolean;
-    searchInputField: ReactNode;
-    promptMessage?: string;
-};
-export declare const EntityAutocompleteOptionsDrawer: <TEntity>({ isOpen, onClose, options, renderOption, onChange, isLoadingOptions, promptMessage, searchInputField, onOpenEnd, }: TProps<TEntity>) => import("react/jsx-runtime").JSX.Element;
-export {};
+import { ReactNode } from 'react';
+import { TProps as TDrawerProps } from '../Drawer';
+type TOption<TEntity> = {
+    value: string;
+    entity: TEntity;
+    isDisabled?: boolean;
+};
+export type TProps<TEntity> = Pick<TDrawerProps, 'onOpenEnd' | 'isOpen' | 'onClose'> & {
+    options: Array<TOption<TEntity>>;
+    renderOption: (option: TOption<TEntity>) => ReactNode;
+    onChange: (value: string, option?: TOption<TEntity>) => void;
+    isLoadingOptions: boolean;
+    searchInputField: ReactNode;
+    promptMessage?: string;
+};
+export declare const EntityAutocompleteOptionsDrawer: <TEntity>({ isOpen, onClose, options, renderOption, onChange, isLoadingOptions, promptMessage, searchInputField, onOpenEnd, }: TProps<TEntity>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/common/EntityAutocompleteOptionsDrawer/index.stories.d.ts

@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { EntityAutocompleteOptionsDrawer, TProps } from '.';
-declare const meta: Meta<typeof EntityAutocompleteOptionsDrawer>;
-type TOption = {
-    id: string;
-    name: string;
-};
-export default meta;
-type TStory = StoryObj<TProps<TOption>>;
-export declare const Default: TStory;
-export declare const Loading: TStory;
-export declare const PromptMessage: TStory;
+import type { Meta, StoryObj } from '@storybook/react';
+import { EntityAutocompleteOptionsDrawer, TProps } from '.';
+declare const meta: Meta<typeof EntityAutocompleteOptionsDrawer>;
+type TOption = {
+    id: string;
+    name: string;
+};
+export default meta;
+type TStory = StoryObj<TProps<TOption>>;
+export declare const Default: TStory;
+export declare const Loading: TStory;
+export declare const PromptMessage: TStory;

package/dist/components/common/EntityAutocompleteOptionsDrawer/palette.d.ts

@@ -1,5 +1,5 @@
-import { TAbstractPalette } from '../../../palette';
-export type TEntityAutocompleteOptionsDrawerPalette = {
-    prompt: string;
-};
-export declare const generateEntityAutocompleteOptionsDrawerPalette: (abstractPalette: TAbstractPalette) => TEntityAutocompleteOptionsDrawerPalette;
+import { TAbstractPalette } from '../../../palette';
+export type TEntityAutocompleteOptionsDrawerPalette = {
+    prompt: string;
+};
+export declare const generateEntityAutocompleteOptionsDrawerPalette: (abstractPalette: TAbstractPalette) => TEntityAutocompleteOptionsDrawerPalette;

package/dist/components/common/EntityAutocompleteOptionsDrawer/styles.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-export declare const BodyWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const OptionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SkeletonListWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Prompt: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
-    $color: string;
-}>> & string & Omit<import("react").FC<import("../Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;
+/// <reference types="react" />
+export declare const BodyWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const OptionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SkeletonListWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Prompt: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../Typography").TTypographyProps & import("styled-components/dist/types").BaseObject, {
+    $color: string;
+}>> & string & Omit<import("react").FC<import("../Typography").TTypographyProps>, keyof import("react").Component<any, {}, any>>;

package/dist/components/common/Flag/components/ArmFlag/index.d.ts

@@ -1 +1 @@
-export declare const ArmFlag: () => import("react/jsx-runtime").JSX.Element;
+export declare const ArmFlag: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/common/Flag/components/ArmFlag/index.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { ArmFlag } from '.';
-declare const meta: Meta<typeof ArmFlag>;
-export default meta;
-export declare const Default: StoryObj<typeof ArmFlag>;
+import type { Meta, StoryObj } from '@storybook/react';
+import { ArmFlag } from '.';
+declare const meta: Meta<typeof ArmFlag>;
+export default meta;
+export declare const Default: StoryObj<typeof ArmFlag>;

package/dist/components/common/Flag/components/AzeFlag/index.d.ts

@@ -1 +1 @@
-export declare const AzeFlag: () => import("react/jsx-runtime").JSX.Element;
+export declare const AzeFlag: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/common/Flag/components/AzeFlag/index.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { AzeFlag } from '.';
-declare const meta: Meta<typeof AzeFlag>;
-export default meta;
-export declare const Default: StoryObj<typeof AzeFlag>;
+import type { Meta, StoryObj } from '@storybook/react';
+import { AzeFlag } from '.';
+declare const meta: Meta<typeof AzeFlag>;
+export default meta;
+export declare const Default: StoryObj<typeof AzeFlag>;

package/dist/components/common/Flag/components/BlrFlag/index.d.ts

@@ -1 +1 @@
-export declare const BlrFlag: () => import("react/jsx-runtime").JSX.Element;
+export declare const BlrFlag: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/common/Flag/components/BlrFlag/index.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { BlrFlag } from '.';
-declare const meta: Meta<typeof BlrFlag>;
-export default meta;
-export declare const Default: StoryObj<typeof BlrFlag>;
+import type { Meta, StoryObj } from '@storybook/react';
+import { BlrFlag } from '.';
+declare const meta: Meta<typeof BlrFlag>;
+export default meta;
+export declare const Default: StoryObj<typeof BlrFlag>;

package/dist/components/common/Flag/components/ChnFlag/index.d.ts

@@ -1 +1 @@
-export declare const ChnFlag: () => import("react/jsx-runtime").JSX.Element;
+export declare const ChnFlag: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/common/Flag/components/ChnFlag/index.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { ChnFlag } from '.';
-declare const meta: Meta<typeof ChnFlag>;
-export default meta;
-export declare const Default: StoryObj<typeof ChnFlag>;
+import type { Meta, StoryObj } from '@storybook/react';
+import { ChnFlag } from '.';
+declare const meta: Meta<typeof ChnFlag>;
+export default meta;
+export declare const Default: StoryObj<typeof ChnFlag>;

package/dist/components/common/Flag/components/EngFlag/index.d.ts

@@ -1 +1 @@
-export declare const EngFlag: () => import("react/jsx-runtime").JSX.Element;
+export declare const EngFlag: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/common/Flag/components/EngFlag/index.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { EngFlag } from '.';
-declare const meta: Meta<typeof EngFlag>;
-export default meta;
-export declare const Default: StoryObj<typeof EngFlag>;
+import type { Meta, StoryObj } from '@storybook/react';
+import { EngFlag } from '.';
+declare const meta: Meta<typeof EngFlag>;
+export default meta;
+export declare const Default: StoryObj<typeof EngFlag>;

package/dist/components/common/Flag/components/EspFlag/index.d.ts

@@ -1 +1 @@
-export declare const EspFlag: () => import("react/jsx-runtime").JSX.Element;
+export declare const EspFlag: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/common/Flag/components/EspFlag/index.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { EspFlag } from '.';
-declare const meta: Meta<typeof EspFlag>;
-export default meta;
-export declare const Default: StoryObj<typeof EspFlag>;
+import type { Meta, StoryObj } from '@storybook/react';
+import { EspFlag } from '.';
+declare const meta: Meta<typeof EspFlag>;
+export default meta;
+export declare const Default: StoryObj<typeof EspFlag>;

package/dist/components/common/Flag/components/KazFlag/index.d.ts

@@ -1 +1 @@
-export declare const KazFlag: () => import("react/jsx-runtime").JSX.Element;
+export declare const KazFlag: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/common/Flag/components/KazFlag/index.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { KazFlag } from '.';
-declare const meta: Meta<typeof KazFlag>;
-export default meta;
-export declare const Default: StoryObj<typeof KazFlag>;
+import type { Meta, StoryObj } from '@storybook/react';
+import { KazFlag } from '.';
+declare const meta: Meta<typeof KazFlag>;
+export default meta;
+export declare const Default: StoryObj<typeof KazFlag>;

package/dist/components/common/Flag/components/KgzFlag/index.d.ts

@@ -1 +1 @@
-export declare const KgzFlag: () => import("react/jsx-runtime").JSX.Element;
+export declare const KgzFlag: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/common/Flag/components/KgzFlag/index.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { KgzFlag } from '.';
-declare const meta: Meta<typeof KgzFlag>;
-export default meta;
-export declare const Default: StoryObj<typeof KgzFlag>;
+import type { Meta, StoryObj } from '@storybook/react';
+import { KgzFlag } from '.';
+declare const meta: Meta<typeof KgzFlag>;
+export default meta;
+export declare const Default: StoryObj<typeof KgzFlag>;

package/dist/components/common/Flag/components/MdaFlag/index.d.ts

@@ -1 +1 @@
-export declare const MdaFlag: () => import("react/jsx-runtime").JSX.Element;
+export declare const MdaFlag: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/common/Flag/components/MdaFlag/index.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { MdaFlag } from '.';
-declare const meta: Meta<typeof MdaFlag>;
-export default meta;
-export declare const Default: StoryObj<typeof MdaFlag>;
+import type { Meta, StoryObj } from '@storybook/react';
+import { MdaFlag } from '.';
+declare const meta: Meta<typeof MdaFlag>;
+export default meta;
+export declare const Default: StoryObj<typeof MdaFlag>;

package/dist/components/common/Flag/components/RusFlag/index.d.ts

@@ -1 +1 @@
-export declare const RusFlag: () => import("react/jsx-runtime").JSX.Element;
+export declare const RusFlag: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/common/Flag/components/RusFlag/index.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { RusFlag } from '.';
-declare const meta: Meta<typeof RusFlag>;
-export default meta;
-export declare const Default: StoryObj<typeof RusFlag>;
+import type { Meta, StoryObj } from '@storybook/react';
+import { RusFlag } from '.';
+declare const meta: Meta<typeof RusFlag>;
+export default meta;
+export declare const Default: StoryObj<typeof RusFlag>;