@invoicebox/ui 0.1.0-alpha.317 → 0.1.0-alpha.319

package/dist/esm/components/common/Drawer/index.stories.js

@@ -37,19 +37,34 @@ var Counter = function Counter() {
 function Render(args) {
   var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    isOpen = _useState4[0],
-    setIsOpen = _useState4[1];
+    isOpenDrawer1 = _useState4[0],
+    setIsOpenDrawer1 = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isOpenDrawer2 = _useState6[0],
+    setIsOpenDrawer2 = _useState6[1];
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Drawer, _extends({}, args, {
     onClose: function onClose() {
-      return setIsOpen(false);
+      return setIsOpenDrawer1(false);
     },
-    isOpen: isOpen
-  }), "Content", /*#__PURE__*/React.createElement(Counter, null)), /*#__PURE__*/React.createElement("button", {
+    isOpen: isOpenDrawer1
+  }), "Drawer 1 Content", /*#__PURE__*/React.createElement("button", {
     type: 'button',
     onClick: function onClick() {
-      return setIsOpen(true);
+      setIsOpenDrawer2(true);
+      setIsOpenDrawer1(false);
     }
-  }, "Open"));
+  }, "Open drawer 2"), /*#__PURE__*/React.createElement(Counter, null)), /*#__PURE__*/React.createElement(Drawer, _extends({}, args, {
+    onClose: function onClose() {
+      return setIsOpenDrawer2(false);
+    },
+    isOpen: isOpenDrawer2
+  }), "Drawer 2 Content", /*#__PURE__*/React.createElement(Counter, null)), /*#__PURE__*/React.createElement("button", {
+    type: 'button',
+    onClick: function onClick() {
+      return setIsOpenDrawer1(true);
+    }
+  }, "Open drawer 1"));
 }
 var commonArgs = {
   children: 'Children',

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

@@ -1,4 +1,5 @@
 import styled, { css } from 'styled-components';
+import { reducedMotion } from '../../../utils/reducedMotion';
 export var Root = styled.div.withConfig({
   displayName: "styles__Root",
   componentId: "sc-1kysg49-0"
@@ -6,17 +7,17 @@ export var Root = styled.div.withConfig({
 export var Backdrop = styled.div.withConfig({
   displayName: "styles__Backdrop",
   componentId: "sc-1kysg49-1"
-})(["position:absolute;inset:0;background-color:", ";opacity:", ";transition:opacity 300ms ease;"], function (_ref) {
+})(["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;
-});
+}, reducedMotion);
 export var Sheet = styled.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) {
+})(["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 && css(["transition:none;"]);
 }, function (_ref4) {
@@ -27,7 +28,7 @@ export var Sheet = styled.div.withConfig({
 }, function (_ref5) {
   var $overflow = _ref5.$overflow;
   return $overflow === 'visible' ? css(["overflow:visible;"]) : css(["overflow-y:auto;"]);
-});
+}, reducedMotion);
 
 // Зона перетаскивания лежит поверх контента (как DragIndicatorWrapper в react-modal-sheet),
 // чтобы шапка-картинка могла подниматься под индикатор без белой полосы сверху.

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

@@ -34,7 +34,8 @@ export var Dropdown = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
     _ref$isTopPosition = _ref.isTopPosition,
     isTopPosition = _ref$isTopPosition === void 0 ? false : _ref$isTopPosition,
     _ref$usePadding = _ref.usePadding,
-    usePadding = _ref$usePadding === void 0 ? false : _ref$usePadding;
+    usePadding = _ref$usePadding === void 0 ? false : _ref$usePadding,
+    role = _ref.role;
   var palette = useComponentPalette('dropdown');
   var position = useRef({
     isAbove: true,
@@ -152,6 +153,7 @@ export var Dropdown = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
     }
   }), /*#__PURE__*/React.createElement(S.Wrapper, {
     ref: setWrapperRef,
+    role: role,
     $isVisible: isOpen,
     $isAbove: position.current.isAbove,
     $translateY: position.current.translateY,

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

@@ -1,4 +1,6 @@
 import styled, { css } from 'styled-components';
+import { reducedMotion } from '../../../utils/reducedMotion';
+
 // Невидимый якорь в потоке: по его родителю (поле-триггер) считаем позицию портал-дропдауна.
 // display:none — не влияет на вёрстку, но parentElement (само поле) доступен для измерений.
 export var Anchor = styled.span.withConfig({
@@ -18,7 +20,7 @@ var visible = css(["visibility:visible;opacity:1;transition:visibility 0ms 0ms,o
 export var Wrapper = styled.div.withConfig({
   displayName: "styles__Wrapper",
   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) {
+})(["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) {
@@ -45,14 +47,14 @@ export var Wrapper = styled.div.withConfig({
 }, function (_ref9) {
   var $zIndex = _ref9.$zIndex;
   return $zIndex !== null && $zIndex !== void 0 ? $zIndex : 5;
-}, function (_ref10) {
-  var $isVisible = _ref10.$isVisible;
+}, function (_ref0) {
+  var $isVisible = _ref0.$isVisible;
   return $isVisible ? visible : hidden;
-}, function (_ref11) {
-  var $isAbove = _ref11.$isAbove,
-    $positionVertical = _ref11.$positionVertical;
+}, function (_ref1) {
+  var $isAbove = _ref1.$isAbove,
+    $positionVertical = _ref1.$positionVertical;
   return $isAbove ? css(["bottom:calc(100% + ", "px);"], $positionVertical) : css(["top:calc(100% + ", "px);"], $positionVertical);
-}, function (_ref12) {
-  var $translateY = _ref12.$translateY;
+}, function (_ref10) {
+  var $translateY = _ref10.$translateY;
   return css(["transform:translateY(", ");"], $translateY);
-});
+}, reducedMotion);

package/dist/esm/components/common/ErrorBoundary/index.js

@@ -0,0 +1,58 @@
+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); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { Component } from 'react';
+// Локальная граница ошибок: исключение в пользовательском render-контенте
+// (renderOption/renderValue/children) ломает один виджет, а не всё
+// React-дерево приложения-потребителя. Класс — единственный способ
+// реализовать границу ошибок в React 18.
+// Не экспортируется из пакета: внутренняя страховка, а не публичный API.
+export var ErrorBoundary = /*#__PURE__*/function (_Component) {
+  function ErrorBoundary() {
+    var _this;
+    _classCallCheck(this, ErrorBoundary);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, ErrorBoundary, [].concat(args));
+    _defineProperty(_this, "state", {
+      hasError: false
+    });
+    return _this;
+  }
+  _inherits(ErrorBoundary, _Component);
+  return _createClass(ErrorBoundary, [{
+    key: "componentDidCatch",
+    value: function componentDidCatch(error, errorInfo) {
+      // Библиотека намеренно не навязывает трекер ошибок;
+      // опциональный onError-контракт — задача 3.7 аудита
+      // eslint-disable-next-line no-console
+      console.error('[@invoicebox/ui] render error:', error, errorInfo.componentStack);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props$fallback;
+      if (this.state.hasError) return (_this$props$fallback = this.props.fallback) !== null && _this$props$fallback !== void 0 ? _this$props$fallback : null;
+      return this.props.children;
+    }
+  }], [{
+    key: "getDerivedStateFromError",
+    value: function getDerivedStateFromError() {
+      return {
+        hasError: true
+      };
+    }
+  }]);
+}(Component);

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

@@ -0,0 +1,30 @@
+import React from 'react';
+export var AreFlag = function AreFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0H22V5.33333H0V0Z",
+    fill: "#249F58"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 10.6667H22V16.0001H0V10.6667Z",
+    fill: "#151515"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 2.13333C0 0.955126 0.93807 0 2.09524 0H6.28571V16H2.09524C0.93807 16 0 15.0449 0 13.8667V2.13333Z",
+    fill: "#F93939"
+  }));
+};

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

@@ -0,0 +1,8 @@
+import { AreFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/AreFlag',
+  component: AreFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};

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

@@ -0,0 +1,80 @@
+import React from 'react';
+export var AusFlag = function AusFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#1A47B8"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 1.33331L1.19048 0H2.38095L9.52381 5.33331V6.66665H8.33333L0 1.33331Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.52381 1.33331V0H8.33333L0 5.33331V6.66665H1.19048L9.52381 1.33331Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.80957 0H5.71433V2.66665H9.52386V4H5.71433V6.66665H3.80957V4H0V2.66665H3.80957V0Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.19043 0H5.33329V2.93331H9.52377V3.73331H5.33329V6.66665H4.19043V3.73331H0V2.93331H4.19043V0Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0.533313V0H0.714286L4.7619 2.66665H3.80952L0 0.533313ZM9.52381 6.13331V6.66665H8.80952L4.7619 3.99998H5.71429L9.52381 6.13331Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.52386 0.533313V0H8.80957L4.76195 2.66665H5.71433L9.52386 0.533313ZM0.000047869 6.13331V6.66665H0.714333L4.76195 3.99998H3.80957L0.000047869 6.13331Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.76195 9.06665L4.24481 9.98931L5.13338 9.75998L4.53814 10.5813L3.94291 9.75998L4.83148 9.98931L4.76195 9.06665Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.7619 9.06665L5.06666 9.67998L5.71428 9.77598L5.2381 10.2506L5.34286 10.9333L4.7619 10.6106L4.18095 10.9333L4.28571 10.2506L3.80952 9.77598L4.45714 9.67998L4.7619 9.06665Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15.7143 2.66665L15.9428 3.12665L16.4285 3.19865L16.0714 3.55465L16.15 4.06665L15.7143 3.82398L15.2785 4.06665L15.3571 3.55465L15 3.19865L15.4857 3.12665L15.7143 2.66665Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M18.5714 5.33331L18.8 5.79331L19.2857 5.86531L18.9286 6.22131L19.0071 6.73331L18.5714 6.49065L18.1357 6.73331L18.2143 6.22131L17.8571 5.86531L18.3428 5.79331L18.5714 5.33331Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15.7143 10.6667L15.9428 11.1267L16.4285 11.1987L16.0714 11.5547L16.15 12.0667L15.7143 11.824L15.2785 12.0667L15.3571 11.5547L15 11.1987L15.4857 11.1267L15.7143 10.6667Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.3333 7.19998L13.5619 7.65998L14.0476 7.73198L13.6905 8.08798L13.769 8.59998L13.3333 8.35731L12.8976 8.59998L12.9762 8.08798L12.619 7.73198L13.1047 7.65998L13.3333 7.19998Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M19.0476 8.79998L19.2762 9.25998L19.7619 9.33198L19.4047 9.68798L19.4833 10.2L19.0476 9.95731L18.6119 10.2L18.6905 9.68798L18.3333 9.33198L18.819 9.25998L19.0476 8.79998Z",
+    fill: "white"
+  }));
+};

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

@@ -0,0 +1,8 @@
+import { AusFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/AusFlag',
+  component: AusFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};

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

@@ -0,0 +1,25 @@
+import React from 'react';
+export var DeuFlag = function DeuFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0H22V5.33333H0V0Z",
+    fill: "#151515"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 10.6667H22V16.0001H0V10.6667Z",
+    fill: "#FFDA2C"
+  }));
+};

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

@@ -0,0 +1,8 @@
+import { DeuFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/DeuFlag',
+  component: DeuFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};

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

@@ -0,0 +1,35 @@
+import React from 'react';
+export var EcuFlag = function EcuFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#FFDA2C"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 8H22V12H0V8Z",
+    fill: "#1A47B8"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 12H22V16H0V12Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11 9.86672C12.031 9.86672 12.8667 9.03105 12.8667 8.00005C12.8667 6.96906 12.031 6.13338 11 6.13338C9.96903 6.13338 9.13336 6.96906 9.13336 8.00005C9.13336 9.03105 9.96903 9.86672 11 9.86672Z",
+    fill: "#AE6A3E"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11 9.20005C11.6627 9.20005 12.2 8.66279 12.2 8.00005C12.2 7.33731 11.6627 6.80005 11 6.80005C10.3372 6.80005 9.79998 7.33731 9.79998 8.00005C9.79998 8.66279 10.3372 9.20005 11 9.20005Z",
+    fill: "#1A47B8"
+  }));
+};

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

@@ -0,0 +1,8 @@
+import { EcuFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/EcuFlag',
+  component: EcuFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};

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

@@ -0,0 +1,25 @@
+import React from 'react';
+export var FraFlag = function FraFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 2.13333C0 0.955126 0.93807 0 2.09524 0H7.33333V16H2.09524C0.93807 16 0 15.0449 0 13.8667V2.13333Z",
+    fill: "#1A47B8"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.6667 0H19.9048C21.0619 0 22 0.955126 22 2.13333V13.8667C22 15.0449 21.0619 16 19.9048 16H14.6667V0Z",
+    fill: "#F93939"
+  }));
+};

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

@@ -0,0 +1,8 @@
+import { FraFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/FraFlag',
+  component: FraFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};

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

@@ -0,0 +1,40 @@
+import React from 'react';
+export var IndFlag = function IndFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0H22V5.33333H0V0Z",
+    fill: "#FF6C2D"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 10.6667H22V16.0001H0V10.6667Z",
+    fill: "#249F58"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11 9.86672C12.031 9.86672 12.8667 9.03105 12.8667 8.00005C12.8667 6.96906 12.031 6.13338 11 6.13338C9.96903 6.13338 9.13336 6.96906 9.13336 8.00005C9.13336 9.03105 9.96903 9.86672 11 9.86672Z",
+    fill: "#1A47B8"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11 9.20005C11.6627 9.20005 12.2 8.66279 12.2 8.00005C12.2 7.33731 11.6627 6.80005 11 6.80005C10.3372 6.80005 9.79998 7.33731 9.79998 8.00005C9.79998 8.66279 10.3372 9.20005 11 9.20005Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11 8.53338C11.2945 8.53338 11.5333 8.29459 11.5333 8.00005C11.5333 7.70551 11.2945 7.46672 11 7.46672C10.7054 7.46672 10.4666 7.70551 10.4666 8.00005C10.4666 8.29459 10.7054 8.53338 11 8.53338Z",
+    fill: "#1A47B8"
+  }));
+};

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

@@ -0,0 +1,8 @@
+import { IndFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/IndFlag',
+  component: IndFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};

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

@@ -0,0 +1,30 @@
+import React from 'react';
+export var SauFlag = function SauFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#249F58"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.19043 5.06669C4.19043 4.77216 4.42922 4.53336 4.72376 4.53336H5.79376C6.0883 4.53336 6.32709 4.77216 6.32709 5.06669V6.13336C6.32709 6.4279 6.0883 6.66669 5.79376 6.66669H4.72376C4.42922 6.66669 4.19043 6.4279 4.19043 6.13336V5.06669ZM7.37138 5.06669C7.37138 4.77216 7.61017 4.53336 7.90471 4.53336H10.0414C10.3359 4.53336 10.5747 4.77216 10.5747 5.06669V6.13336C10.5747 6.4279 10.3359 6.66669 10.0414 6.66669H7.90471C7.61017 6.66669 7.37138 6.4279 7.37138 6.13336V5.06669ZM11.6190 5.06669C11.6190 4.77216 11.8578 4.53336 12.1524 4.53336H14.2890C14.5836 4.53336 14.8224 4.77216 14.8224 5.06669V6.13336C14.8224 6.4279 14.5836 6.66669 14.2890 6.66669H12.1524C11.8578 6.66669 11.6190 6.4279 11.6190 6.13336V5.06669ZM15.8667 5.06669C15.8667 4.77216 16.1055 4.53336 16.4000 4.53336H17.4700C17.7646 4.53336 18.0034 4.77216 18.0034 5.06669V6.13336C18.0034 6.4279 17.7646 6.66669 17.4700 6.66669H16.4000C16.1055 6.66669 15.8667 6.4279 15.8667 6.13336V5.06669Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.19043 9.86664C4.19043 9.5721 4.42922 9.33331 4.72376 9.33331H16.4000V10.4H4.72376C4.42922 10.4 4.19043 10.1612 4.19043 9.86664Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16.9333 8.79999H18.0033V10.9333H16.9333V8.79999Z",
+    fill: "white"
+  }));
+};

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

@@ -0,0 +1,8 @@
+import { SauFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/SauFlag',
+  component: SauFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};

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

@@ -0,0 +1,35 @@
+import React from 'react';
+export var SrbFlag = function SrbFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#1A47B8"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0H22V5.33333H0V0Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 10.6667H22V16.0001H0V10.6667Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6.28564 4.80005H10.4761V8.53338C10.4761 10.1334 8.38089 11.2 8.38089 11.2C8.38089 11.2 6.28564 10.1334 6.28564 8.53338V4.80005Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7.33325 5.8667H9.42849V8.42346C9.42849 9.4187 8.38087 10.1334 8.38087 10.1334C8.38087 10.1334 7.33325 9.4187 7.33325 8.42346V5.8667Z",
+    fill: "white"
+  }));
+};

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

@@ -0,0 +1,8 @@
+import { SrbFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/SrbFlag',
+  component: SrbFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};

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

@@ -0,0 +1,40 @@
+import React from 'react';
+export var SvkFlag = function SvkFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 5.33331H22V10.6666H0V5.33331Z",
+    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: "M4.19043 4.26669H8.38091V8.10669C8.38091 9.70669 6.28567 10.6667 6.28567 10.6667C6.28567 10.6667 4.19043 9.70669 4.19043 8.10669V4.26669Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.86901 5.33331H6.70234V6.39998H7.63329V7.24798H6.70234V9.06665H5.86901V7.24798H4.93805V6.39998H5.86901V5.33331Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.02853 8.53331C5.44758 8.53331 5.85615 8.85331 6.28567 8.85331C6.71425 8.85331 7.12377 8.53331 7.54187 8.53331C7.77206 8.53331 7.98615 8.62931 8.16901 8.78931C7.71187 9.99998 6.28567 10.6666 6.28567 10.6666C6.28567 10.6666 4.85853 9.99998 4.40234 8.78931C4.5852 8.62931 4.79929 8.53331 5.02853 8.53331Z",
+    fill: "#1A47B8"
+  }));
+};

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

@@ -0,0 +1,8 @@
+import { SvkFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/SvkFlag',
+  component: SvkFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};