@invoicebox/ui 0.1.0-alpha.56 → 0.1.0-alpha.57

package/dist/components/common/Flag/components/MdaFlag/index.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MdaFlag = void 0;
+var MdaFlag = exports.MdaFlag = function MdaFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_216_201747)"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#FFDA2C"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0H8V16H0V0Z",
+    fill: "#1A47B8"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9 5.125H14V10.75H9V5.125ZM9 10.75L11.5 13L14 10.75H9ZM11 4H12V5.125H11V4Z",
+    fill: "#AE6A3E"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10 6H13V9H10V6Z",
+    fill: "#AF010D"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10 9H13V10.2H10V9ZM10 10.2L11.5 11L13 10.2H10Z",
+    fill: "#1A47B8"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11.5 7C11.776 7 12 7.321 12 7.7575V9.2425C12 9.6625 11.768 10 11.5 10C11.224 10 11 9.679 11 9.2425V7.7575C11 7.3375 11.232 7 11.5 7Z",
+    fill: "#FFDA2C"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15 0H23V16H15V0Z",
+    fill: "#AF010D"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_216_201747"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "white"
+  }))));
+};

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

@@ -0,0 +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>;

package/dist/components/common/Flag/components/MdaFlag/index.stories.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _ = require(".");
+var meta = {
+  title: 'common/Flag/_components/MdaFlag',
+  component: _.MdaFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

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

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

package/dist/components/common/Flag/components/RusFlag/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RusFlag = void 0;
+var RusFlag = exports.RusFlag = function RusFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_1738_85108)"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#1A47B8"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 10.6667H22V16.0001H0V10.6667Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0H22V5.33333H0V0Z",
+    fill: "white"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_1738_85108"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "white"
+  }))));
+};

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

@@ -0,0 +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>;

package/dist/components/common/Flag/components/RusFlag/index.stories.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _ = require(".");
+var meta = {
+  title: 'common/Flag/_components/RusFlag',
+  component: _.RusFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

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

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

package/dist/components/common/Flag/components/TjkFlag/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TjkFlag = void 0;
+var TjkFlag = exports.TjkFlag = function TjkFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_216_201755)"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 11H22V16H0V11Z",
+    fill: "#249F58"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12.5401 7.6799C12.5611 7.78337 12.5716 7.89004 12.5716 7.9999C12.5716 8.8831 11.8676 9.5999 11.0001 9.5999C10.1327 9.5999 9.42871 8.8831 9.42871 7.9999C9.42871 7.89004 9.43919 7.78337 9.46014 7.6799C9.60681 8.1663 10.2396 8.53324 11.0001 8.53324C11.7607 8.53324 12.3935 8.1663 12.5401 7.6799ZM11.0001 7.46657C11.2893 7.46657 11.5239 7.22764 11.5239 6.93324C11.5239 6.63884 11.2893 6.3999 11.0001 6.3999C10.711 6.3999 10.4763 6.63884 10.4763 6.93324C10.4763 7.22764 10.711 7.46657 11.0001 7.46657Z",
+    fill: "#FFDA2C"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0H22V5H0V0Z",
+    fill: "#AF010D"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_216_201755"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "white"
+  }))));
+};

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

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

package/dist/components/common/Flag/components/TjkFlag/index.stories.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _ = require(".");
+var meta = {
+  title: 'common/Flag/_components/TjkFlag',
+  component: _.TjkFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

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

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

package/dist/components/common/Flag/components/UzbFlag/index.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UzbFlag = void 0;
+var UzbFlag = exports.UzbFlag = function UzbFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_216_201760)"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 12H22V16H0V12Z",
+    fill: "#00B731"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0H22V4H0V0Z",
+    fill: "#03BCDB"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 5.44444H22V11H0V5.44444ZM5.2381 4.23889C5.07467 4.3 4.89762 4.33333 4.71429 4.33333C3.84686 4.33333 3.14286 3.58667 3.14286 2.66667C3.14286 1.74667 3.84686 1 4.71429 1C4.89762 1 5.07467 1.03333 5.2381 1.09444C4.62733 1.32333 4.19048 1.94111 4.19048 2.66667C4.19048 3.39222 4.62733 4.01111 5.2381 4.23889Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.5",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6 2H7.2V3H6V2ZM7.2 1H8.4V2H7.2V1ZM8.4 2H9.6V3H8.4V2ZM9.6 1H10.8V2H9.6V1ZM10.8 2H12V3H10.8V2ZM9.6 3H10.8V4H9.6V3ZM7.2 3H8.4V4H7.2V3Z",
+    fill: "#1A47B8"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_216_201760"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "white"
+  }))));
+};

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

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

package/dist/components/common/Flag/components/UzbFlag/index.stories.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _ = require(".");
+var meta = {
+  title: 'common/Flag/_components/UzbFlag',
+  component: _.UzbFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

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

@@ -0,0 +1,12 @@
+declare const flagKeys: readonly ["RUS", "BLR", "KAZ", "AZE", "ARM", "KGZ", "MDA", "TJK", "UZB", "CHN", "ENG", "ESP"];
+export type TFlagKey = (typeof flagKeys)[number];
+export type TProps = {
+    flag: TFlagKey;
+    width: number;
+    height: number;
+};
+export declare const Flag: {
+    ({ flag, width, height }: TProps): import("react/jsx-runtime").JSX.Element;
+    flags: readonly ["RUS", "BLR", "KAZ", "AZE", "ARM", "KGZ", "MDA", "TJK", "UZB", "CHN", "ENG", "ESP"];
+};
+export {};

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

@@ -0,0 +1,49 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Flag = void 0;
+var _react = _interopRequireDefault(require("react"));
+var S = _interopRequireWildcard(require("./styles"));
+var _RusFlag = require("./components/RusFlag");
+var _KazFlag = require("./components/KazFlag");
+var _BlrFlag = require("./components/BlrFlag");
+var _AzeFlag = require("./components/AzeFlag");
+var _ArmFlag = require("./components/ArmFlag");
+var _KgzFlag = require("./components/KgzFlag");
+var _MdaFlag = require("./components/MdaFlag");
+var _TjkFlag = require("./components/TjkFlag");
+var _UzbFlag = require("./components/UzbFlag");
+var _ChnFlag = require("./components/ChnFlag");
+var _EngFlag = require("./components/EngFlag");
+var _EspFlag = require("./components/EspFlag");
+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 && Object.prototype.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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var flagKeys = ['RUS', 'BLR', 'KAZ', 'AZE', 'ARM', 'KGZ', 'MDA', 'TJK', 'UZB', 'CHN', 'ENG', 'ESP'];
+var map = {
+  RUS: /*#__PURE__*/_react["default"].createElement(_RusFlag.RusFlag, null),
+  KAZ: /*#__PURE__*/_react["default"].createElement(_KazFlag.KazFlag, null),
+  BLR: /*#__PURE__*/_react["default"].createElement(_BlrFlag.BlrFlag, null),
+  AZE: /*#__PURE__*/_react["default"].createElement(_AzeFlag.AzeFlag, null),
+  ARM: /*#__PURE__*/_react["default"].createElement(_ArmFlag.ArmFlag, null),
+  KGZ: /*#__PURE__*/_react["default"].createElement(_KgzFlag.KgzFlag, null),
+  MDA: /*#__PURE__*/_react["default"].createElement(_MdaFlag.MdaFlag, null),
+  TJK: /*#__PURE__*/_react["default"].createElement(_TjkFlag.TjkFlag, null),
+  UZB: /*#__PURE__*/_react["default"].createElement(_UzbFlag.UzbFlag, null),
+  CHN: /*#__PURE__*/_react["default"].createElement(_ChnFlag.ChnFlag, null),
+  ENG: /*#__PURE__*/_react["default"].createElement(_EngFlag.EngFlag, null),
+  ESP: /*#__PURE__*/_react["default"].createElement(_EspFlag.EspFlag, null)
+};
+var Flag = exports.Flag = function Flag(_ref) {
+  var flag = _ref.flag,
+    width = _ref.width,
+    height = _ref.height;
+  return /*#__PURE__*/_react["default"].createElement(S.FlagWrapper, {
+    $width: width,
+    $height: height
+  }, map[flag]);
+};
+Flag.flags = flagKeys;

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

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

package/dist/components/common/Flag/index.stories.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _ = require(".");
+var meta = {
+  title: 'common/Flag',
+  component: _.Flag,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered'
+  }
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {
+  args: {
+    flag: 'RUS',
+    width: 44,
+    height: 32
+  }
+};

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const FlagWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $width: number;
+    $height: number;
+}>>;

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FlagWrapper = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var FlagWrapper = exports.FlagWrapper = _styledComponents["default"].div.withConfig({
+  displayName: "styles__FlagWrapper",
+  componentId: "sc-1te2h7u-0"
+})(["box-shadow:0 1px 5px rgba(53,63,71,0.2);width:", "px;height:", "px;display:flex;justify-content:center;align-items:center;"], function (_ref) {
+  var $width = _ref.$width;
+  return $width;
+}, function (_ref2) {
+  var $height = _ref2.$height;
+  return $height;
+});

package/dist/components/form/CountrySelect/components/CountryItem/index.d.ts

@@ -0,0 +1,13 @@
+import { TFlagKey } from '../../../../common/Flag';
+import { TCountrySelectPalette } from '../../palette';
+export type TProps<TValue> = {
+    countryLabel: string;
+    onSelect: (value: TValue) => void;
+    value: TValue;
+    isSelected: boolean;
+    description: string;
+    selectedLabel: string;
+    palette: TCountrySelectPalette;
+    flag?: TFlagKey;
+};
+export declare const CountryItem: <TValue>({ isSelected, flag, onSelect, description, value, countryLabel, selectedLabel, palette, }: TProps<TValue>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/form/CountrySelect/components/CountryItem/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CountryItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var S = _interopRequireWildcard(require("./stlyes"));
+var _Flag = require("../../../../common/Flag");
+var _Typography = require("../../../../common/Typography");
+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 && Object.prototype.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 CountryItem = exports.CountryItem = function CountryItem(_ref) {
+  var isSelected = _ref.isSelected,
+    flag = _ref.flag,
+    onSelect = _ref.onSelect,
+    description = _ref.description,
+    value = _ref.value,
+    countryLabel = _ref.countryLabel,
+    selectedLabel = _ref.selectedLabel,
+    palette = _ref.palette;
+  var handleSelect = (0, _react.useCallback)(function () {
+    return onSelect(value);
+  }, [onSelect, value]);
+  return /*#__PURE__*/_react["default"].createElement(S.Wrapper, {
+    $palette: palette,
+    onClick: handleSelect,
+    type: "button"
+  }, /*#__PURE__*/_react["default"].createElement(S.Title, {
+    $isSelected: isSelected,
+    $palette: palette
+  }, flag && /*#__PURE__*/_react["default"].createElement(_Flag.Flag, {
+    flag: flag,
+    width: 17,
+    height: 12
+  }), /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+    variant: 'captionRegular'
+  }, countryLabel, " ", isSelected && selectedLabel)), /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+    variant: 'captionRegular'
+  }, description));
+};

package/dist/components/form/CountrySelect/components/CountryItem/index.stories.d.ts

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

package/dist/components/form/CountrySelect/components/CountryItem/index.stories.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _ = require(".");
+var _palette = require("../../../../../palette");
+var _addonActions = require("@storybook/addon-actions");
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var meta = {
+  title: 'form/CountrySelect/_components/CountryItem',
+  component: _.CountryItem,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Component = function Component(props) {
+  var palette = (0, _palette.useComponentPalette)('countrySelect');
+  return /*#__PURE__*/React.createElement(_.CountryItem, _extends({}, props, {
+    palette: palette
+  }));
+};
+var Default = exports.Default = {
+  args: {
+    isSelected: false,
+    description: 'ИНН',
+    value: 'RUS',
+    countryLabel: 'Russia',
+    flag: 'RUS',
+    selectedLabel: '(Выбрано)',
+    onSelect: (0, _addonActions.action)('onSelect')
+  },
+  render: Component
+};

package/dist/components/form/CountrySelect/components/CountryItem/stlyes.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TCountrySelectPalette } from '../../palette';
+export declare const Title: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isSelected: boolean;
+    $palette: TCountrySelectPalette;
+}>>;
+export declare const Wrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $palette: TCountrySelectPalette;
+}>>;

package/dist/components/form/CountrySelect/components/CountryItem/stlyes.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = exports.Title = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Title = exports.Title = _styledComponents["default"].div.withConfig({
+  displayName: "stlyes__Title",
+  componentId: "sc-cou0vg-0"
+})(["display:flex;align-items:center;gap:10px;color:", ";opacity:", ";"], function (_ref) {
+  var $palette = _ref.$palette;
+  return $palette.title;
+}, function (_ref2) {
+  var $isSelected = _ref2.$isSelected;
+  return $isSelected ? 0.5 : 1;
+});
+var Wrapper = exports.Wrapper = _styledComponents["default"].button.withConfig({
+  displayName: "stlyes__Wrapper",
+  componentId: "sc-cou0vg-1"
+})(["padding:15px 20px;display:flex;align-items:center;justify-content:space-between;width:100%;border:none;cursor:pointer;background-color:", ";color:", ";&:hover{background-color:", ";", "{opacity:0.5;}}"], function (_ref3) {
+  var $palette = _ref3.$palette;
+  return $palette.countryBg;
+}, function (_ref4) {
+  var $palette = _ref4.$palette;
+  return $palette.countryDescription;
+}, function (_ref5) {
+  var $palette = _ref5.$palette;
+  return $palette.countryHoverBg;
+}, Title);

package/dist/components/form/CountrySelect/index.d.ts

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import { TProps as TCountryItemProps } from './components/CountryItem';
+import { TProps as TSearchInputProps } from '../SearchInput';
+import { TFlagKey } from '../../common/Flag';
+import { TDropdownProps } from '../../../index';
+type TOption = {
+    value: string;
+    label: string;
+    description: string;
+    flag?: TFlagKey;
+};
+type TFieldProps = {
+    value: TOption['value'];
+    onChange: (value: TOption['value']) => void;
+};
+type TControlProps<T> = Pick<TSearchInputProps, 'placeholder'> & Pick<TCountryItemProps<T>, 'selectedLabel'> & {
+    options: TOption[];
+    disabled?: boolean;
+} & Pick<TDropdownProps, 'positionVertical' | 'positionLeft' | 'positionRight' | 'minWidth'>;
+export type TProps = TFieldProps & TControlProps<string>;
+export declare const CountrySelect: FC<TProps>;
+export {};