@invoicebox/ui 0.1.0-alpha.32 → 0.1.0-alpha.320

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

@@ -0,0 +1,99 @@
+"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["default"] = exports.PromptMessage = exports.Loading = exports.Default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ = require(".");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return 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); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+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 meta = {
+  title: 'common/EntityAutocompleteOptionsDrawer',
+  component: _.EntityAutocompleteOptionsDrawer,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered'
+  },
+  argTypes: {
+    onChange: {
+      action: 'onChange'
+    }
+  }
+};
+var _default = exports["default"] = meta;
+function Render(props) {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var close = function close() {
+    return setIsOpen(false);
+  };
+  var open = function open() {
+    return setIsOpen(true);
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("button", {
+    type: 'button',
+    onClick: open
+  }, "Open"), /*#__PURE__*/_react["default"].createElement(_.EntityAutocompleteOptionsDrawer, _extends({}, props, {
+    isOpen: isOpen,
+    onClose: close
+  })));
+}
+var commonArgs = {
+  isLoadingOptions: false,
+  searchValue: '1234',
+  searchInputField: /*#__PURE__*/_react["default"].createElement("div", null, " Input here "),
+  renderOption: function renderOption(option) {
+    return /*#__PURE__*/_react["default"].createElement("div", null, " ", option.entity.name, " ");
+  },
+  options: [{
+    value: '1',
+    entity: {
+      id: '1',
+      name: 'Name one'
+    }
+  }, {
+    value: '2',
+    entity: {
+      id: '2',
+      name: 'Name two'
+    },
+    isDisabled: true
+  }, {
+    value: '3',
+    entity: {
+      id: '3',
+      name: 'Name three'
+    }
+  }]
+};
+var Default = exports.Default = {
+  args: commonArgs,
+  render: Render
+};
+var Loading = exports.Loading = {
+  args: _objectSpread(_objectSpread({}, commonArgs), {}, {
+    isLoadingOptions: true
+  }),
+  render: Render
+};
+var PromptMessage = exports.PromptMessage = {
+  args: _objectSpread(_objectSpread({}, commonArgs), {}, {
+    promptMessage: 'PromptMessage'
+  }),
+  render: Render
+};

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

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

package/dist/components/common/EntityAutocompleteOptionsDrawer/palette.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateEntityAutocompleteOptionsDrawerPalette = void 0;
+var _hexToRgba = _interopRequireDefault(require("../../../utils/hexToRgba"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var generateEntityAutocompleteOptionsDrawerPalette = exports.generateEntityAutocompleteOptionsDrawerPalette = function generateEntityAutocompleteOptionsDrawerPalette(abstractPalette) {
+  return {
+    prompt: (0, _hexToRgba["default"])(abstractPalette.primary, 0.5)
+  };
+};

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

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

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

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SkeletonListWrapper = exports.Prompt = exports.OptionWrapper = exports.InputWrapper = exports.ContentWrapper = exports.BodyWrapper = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _Typography = require("../Typography");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var BodyWrapper = exports.BodyWrapper = _styledComponents["default"].div.withConfig({
+  displayName: "styles__BodyWrapper",
+  componentId: "sc-r0dl76-0"
+})(["padding:32px 0 36px;"]);
+var InputWrapper = exports.InputWrapper = _styledComponents["default"].div.withConfig({
+  displayName: "styles__InputWrapper",
+  componentId: "sc-r0dl76-1"
+})(["padding:8px 16px;"]);
+var OptionWrapper = exports.OptionWrapper = _styledComponents["default"].button.withConfig({
+  displayName: "styles__OptionWrapper",
+  componentId: "sc-r0dl76-2"
+})(["width:100%;background:transparent;border:none;cursor:pointer;outline:none;color:inherit;&:disabled{opacity:0.7;cursor:not-allowed;}"]);
+var ContentWrapper = exports.ContentWrapper = _styledComponents["default"].div.withConfig({
+  displayName: "styles__ContentWrapper",
+  componentId: "sc-r0dl76-3"
+})(["height:380px;"]);
+var SkeletonListWrapper = exports.SkeletonListWrapper = _styledComponents["default"].div.withConfig({
+  displayName: "styles__SkeletonListWrapper",
+  componentId: "sc-r0dl76-4"
+})(["display:flex;flex-direction:column;gap:16px;padding:8px 16px;"]);
+var Prompt = exports.Prompt = (0, _styledComponents["default"])(_Typography.Typography).withConfig({
+  displayName: "styles__Prompt",
+  componentId: "sc-r0dl76-5"
+})(["padding:8px 16px 0 16px;text-align:center;color:", ";"], function (_ref) {
+  var $color = _ref.$color;
+  return $color;
+});

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

@@ -0,0 +1,15 @@
+import { Component, ErrorInfo, ReactNode } from 'react';
+type TProps = {
+    fallback?: ReactNode;
+    children: ReactNode;
+};
+type TState = {
+    hasError: boolean;
+};
+export declare class ErrorBoundary extends Component<TProps, TState> {
+    state: TState;
+    static getDerivedStateFromError(): TState;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): ReactNode;
+}
+export {};

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

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ErrorBoundary = void 0;
+var _react = require("react");
+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); }
+// Локальная граница ошибок: исключение в пользовательском render-контенте
+// (renderOption/renderValue/children) ломает один виджет, а не всё
+// React-дерево приложения-потребителя. Класс — единственный способ
+// реализовать границу ошибок в React 18.
+// Не экспортируется из пакета: внутренняя страховка, а не публичный API.
+var ErrorBoundary = exports.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
+      };
+    }
+  }]);
+}(_react.Component);

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

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

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

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AreFlag = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var AreFlag = exports.AreFlag = function AreFlag() {
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0H22V5.33333H0V0Z",
+    fill: "#249F58"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 10.6667H22V16.0001H0V10.6667Z",
+    fill: "#151515"
+  }), /*#__PURE__*/_react["default"].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/components/common/Flag/components/AreFlag/index.stories.d.ts

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

package/dist/components/common/Flag/components/AreFlag/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/AreFlag',
+  component: _.AreFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

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

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

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArmFlag = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var ArmFlag = exports.ArmFlag = function ArmFlag() {
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M19.9048 0H2.09524C0.93807 0 0 0.955126 0 2.13333V13.8667C0 15.0449 0.93807 16 2.09524 16H19.9048C21.0619 16 22 15.0449 22 13.8667V2.13333C22 0.955126 21.0619 0 19.9048 0Z",
+    fill: "#1A47B8"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 11H22V16H0V11Z",
+    fill: "#FFDA2C"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0H22V5H0V0Z",
+    fill: "#F93939"
+  }));
+};

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

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

package/dist/components/common/Flag/components/ArmFlag/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/ArmFlag',
+  component: _.ArmFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

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

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

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

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AusFlag = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var AusFlag = exports.AusFlag = function AusFlag() {
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#1A47B8"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 1.33331L1.19048 0H2.38095L9.52381 5.33331V6.66665H8.33333L0 1.33331Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.52381 1.33331V0H8.33333L0 5.33331V6.66665H1.19048L9.52381 1.33331Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.80957 0H5.71433V2.66665H9.52386V4H5.71433V6.66665H3.80957V4H0V2.66665H3.80957V0Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.19043 0H5.33329V2.93331H9.52377V3.73331H5.33329V6.66665H4.19043V3.73331H0V2.93331H4.19043V0Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/_react["default"].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["default"].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["default"].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["default"].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["default"].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["default"].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["default"].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["default"].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["default"].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/components/common/Flag/components/AusFlag/index.stories.d.ts

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

package/dist/components/common/Flag/components/AusFlag/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/AusFlag',
+  component: _.AusFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

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

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

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AzeFlag = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var AzeFlag = exports.AzeFlag = function AzeFlag() {
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M19.9048 0H2.09524C0.93807 0 0 0.955126 0 2.13333V13.8667C0 15.0449 0.93807 16 2.09524 16H19.9048C21.0619 16 22 15.0449 22 13.8667V2.13333C22 0.955126 21.0619 0 19.9048 0Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 11H22V16H0V11Z",
+    fill: "#249F58"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0H22V5H0V0Z",
+    fill: "#3ECBF8"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12.5713 7.4668H13.6189V8.53346H12.5713V7.4668Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.0951 9.60016C12.6174 10.2476 11.8569 10.6668 10.9999 10.6668C9.55419 10.6668 8.38086 9.47216 8.38086 8.00016C8.38086 6.52816 9.55419 5.3335 10.9999 5.3335C11.8569 5.3335 12.6174 5.7527 13.0951 6.40016H11.5237C10.6563 6.40016 9.95229 7.11696 9.95229 8.00016C9.95229 8.88336 10.6563 9.60016 11.5237 9.60016H13.0951Z",
+    fill: "white"
+  }));
+};

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

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

package/dist/components/common/Flag/components/AzeFlag/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/AzeFlag',
+  component: _.AzeFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

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

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

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

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BlrFlag = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var BlrFlag = exports.BlrFlag = function BlrFlag() {
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#F93939"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M19.9048 0H2.09524C0.93807 0 0 0.955126 0 2.13333V13.8667C0 15.0449 0.93807 16 2.09524 16H19.9048C21.0619 16 22 15.0449 22 13.8667V2.13333C22 0.955126 21.0619 0 19.9048 0Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.14286 0L5.2381 1.6L3.14286 3.2V0ZM3.14286 3.2L5.2381 4.8L3.14286 6.4V3.2ZM3.14286 6.4L5.2381 8L3.14286 9.6V6.4ZM3.14286 9.6L5.2381 11.2L3.14286 12.8V9.6ZM3.14286 12.8L5.2381 14.4L3.14286 16V12.8ZM2.09524 0L0 1.6L2.09524 3.2V0ZM2.09524 3.2L0 4.8L2.09524 6.4V3.2ZM2.09524 6.4L0 8L2.09524 9.6V6.4ZM2.09524 9.6L0 11.2L2.09524 12.8V9.6ZM2.09524 12.8L0 14.4L2.09524 16V12.8ZM2.09524 0H3.14286V2.13333H2.09524V0ZM2.09524 13.8667H3.14286V16H2.09524V13.8667ZM2.09524 5.33333H3.14286V7.46667H2.09524V5.33333ZM2.09524 3.2H3.14286V4.26667H2.09524V3.2ZM2.09524 11.7333H3.14286V12.8H2.09524V11.7333ZM2.09524 8.53333H3.14286V10.6667H2.09524V8.53333Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5 12H22V16H5V12Z",
+    fill: "#249F58"
+  }));
+};

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

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

package/dist/components/common/Flag/components/BlrFlag/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/BlrFlag',
+  component: _.BlrFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

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

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