@invoicebox/ui 0.1.0-alpha.2 → 0.1.0-alpha.200

package/dist/hooks/useModal/index.stories.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require(".");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+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; } /* eslint-disable react-hooks/rules-of-hooks */
+var meta = {
+  title: 'hooks/useModal',
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {
+  render: function render() {
+    var _useModal = (0, _.useModal)(),
+      _useModal2 = _slicedToArray(_useModal, 4),
+      isOpen = _useModal2[0],
+      open = _useModal2[1],
+      close = _useModal2[2],
+      toggle = _useModal2[3];
+    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", null, "is open modal: ", isOpen), /*#__PURE__*/_react["default"].createElement("button", {
+      type: 'button',
+      onClick: open
+    }, "Open"), /*#__PURE__*/_react["default"].createElement("button", {
+      type: 'button',
+      onClick: close
+    }, "Close"), /*#__PURE__*/_react["default"].createElement("button", {
+      type: 'button',
+      onClick: toggle
+    }, "Toggle"));
+  }
+};

package/dist/hooks/useOutsideClick/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const useOutsideClick: (onClick: () => void) => import("react").RefObject<HTMLDivElement>;

package/dist/hooks/useOutsideClick/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOutsideClick = void 0;
+var _react = require("react");
+var useOutsideClick = exports.useOutsideClick = function useOutsideClick(onClick) {
+  var ref = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    var handleOutsideClick = function handleOutsideClick(event) {
+      if (ref.current && !ref.current.contains(event.target)) {
+        onClick();
+      }
+    };
+    document.addEventListener('mousedown', handleOutsideClick);
+    return function () {
+      document.removeEventListener('mousedown', handleOutsideClick);
+    };
+  }, [ref, onClick]);
+  return ref;
+};

package/dist/hooks/useOutsideClick/index.stories.d.ts

@@ -0,0 +1,4 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+export declare const Default: StoryObj;

package/dist/hooks/useOutsideClick/index.stories.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _addonActions = require("@storybook/addon-actions");
+var _ = require(".");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+/* eslint-disable react-hooks/rules-of-hooks */
+
+var meta = {
+  title: 'hooks/useOutsideClick',
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {
+  render: function render() {
+    var ref = (0, _.useOutsideClick)((0, _addonActions.action)('clicked outside'));
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      ref: ref,
+      style: {
+        border: '1px solid black',
+        padding: 15
+      }
+    }, "inside");
+  }
+};

package/dist/hooks/useUnupdatableHandler/index.d.ts

@@ -0,0 +1 @@
+export declare const useUnupdatableHandler: <THandler extends Function>(handler: THandler) => THandler;

package/dist/hooks/useUnupdatableHandler/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useUnupdatableHandler = void 0;
+var _react = require("react");
+// eslint-disable-next-line @typescript-eslint/ban-types
+var useUnupdatableHandler = exports.useUnupdatableHandler = function useUnupdatableHandler(handler) {
+  var ref = (0, _react.useRef)(handler);
+  ref.current = handler;
+  var unupdatableHandler = (0, _react.useCallback)(function () {
+    return ref.current.apply(ref, arguments);
+  }, []);
+  return unupdatableHandler;
+};

package/dist/hooks/useUnupdatableHandler/index.stories.d.ts

@@ -0,0 +1,4 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+export declare const Default: StoryObj;

package/dist/hooks/useUnupdatableHandler/index.stories.js

@@ -0,0 +1,48 @@
+"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.Default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _addonActions = require("@storybook/addon-actions");
+var _ = require(".");
+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; }
+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; } /* eslint-disable react-hooks/rules-of-hooks */
+var meta = {
+  title: 'hooks/useUnupdatableHandler',
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {
+  render: function render() {
+    var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      setFlag = _useState2[1];
+    var triggerRerander = (0, _react.useCallback)(function () {
+      return setFlag(function (flag) {
+        return !flag;
+      });
+    }, []);
+    var updatableHandler = (0, _addonActions.action)('updatable');
+    (0, _react.useEffect)(function () {
+      // срабатывает при каждом ререндере
+      updatableHandler();
+    }, [updatableHandler]);
+    var unupdatableHandler = (0, _.useUnupdatableHandler)((0, _addonActions.action)('unupdatable'));
+    (0, _react.useEffect)(function () {
+      // срабатывает один раз при первом рендере
+      unupdatableHandler();
+    }, [unupdatableHandler]);
+    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("button", {
+      onClick: triggerRerander
+    }, "trigger rerander"));
+  }
+};

package/dist/index.d.ts

@@ -0,0 +1,67 @@
+export { Skeleton } from './components/common/Skeleton';
+export { InvoiceboxLoader } from './components/common/InvoiceboxLoader';
+export { Typography } from './components/common/Typography';
+export { InvoiceboxSpinner } from './components/common/InvoiceboxSpinner';
+export { SecondaryButton } from './components/common/SecondaryButton';
+export { Arrow } from './components/common/Arrow';
+export { InputLabel } from './components/form/InputLabel';
+export { PureInput } from './components/form/PureInput';
+export { PositiveIntegerInput } from './components/form/PositiveIntegerInput';
+export type { TProps as TPositiveIntegerInputProps } from './components/form/PositiveIntegerInput';
+export { TextInput } from './components/form/TextInput';
+export type { TProps as TTextInputProps } from './components/form/TextInput';
+export { Dropdown } from './components/common/Dropdown';
+export type { TProps as TDropdownProps } from './components/common/Dropdown';
+export { Drawer } from './components/common/Drawer';
+export type { TProps as TDrawerProps } from './components/common/Drawer';
+export { EntityAutocompleteOptionsDrawer } from './components/common/EntityAutocompleteOptionsDrawer';
+export type { TProps as TEntityAutocompleteOptionsDrawerProps } from './components/common/EntityAutocompleteOptionsDrawer';
+export { Scrollbar } from './components/common/Scrollbar';
+export { Select } from './components/form/Select';
+export type { TProps as TSelectProps } from './components/form/Select';
+export { Toggle } from './components/form/Toggle';
+export type { TProps as TToggleProps } from './components/form/Toggle';
+export { PointsLoader } from './components/common/PointsLoader';
+export { Calendar } from './components/common/Calendar';
+export type { TProps as TCalendarProps } from './components/common/Calendar';
+export { DateInput } from './components/form/DateInput';
+export type { TProps as TDateInputProps } from './components/form/DateInput';
+export { WarningIcon } from './components/common/WarningIcon';
+export type { TProps as TWarningIconProps } from './components/common/WarningIcon';
+export { Divider } from './components/common/Divider';
+export type { TProps as TDividerProps } from './components/common/Divider';
+export { ReadOnlyLabelValueField } from './components/common/ReadOnlyLabelValueField';
+export type { TProps as TReadOnlyLabelValueFieldProps } from './components/common/ReadOnlyLabelValueField';
+export { SearchInput } from './components/form/SearchInput';
+export type { TProps as TSearchInputProps } from './components/form/SearchInput';
+export { CodeInput } from './components/form/CodeInput';
+export type { TProps as TCodeInputProps } from './components/form/CodeInput';
+export { Flag } from './components/common/Flag';
+export type { TProps as TFlagProps, TFlagKey } from './components/common/Flag';
+export { CountrySelect } from './components/form/CountrySelect';
+export type { TProps as TCountrySelectProps } from './components/form/CountrySelect';
+export { PhoneInput } from './components/form/PhoneInput';
+export type { TProps as TPhoneInputProps } from './components/form/PhoneInput';
+export { CurrencyInputNumber } from './components/form/CurrencyInput/CurrencyInputNumber';
+export type { TProps as TCurrencyInputNumberProps } from './components/form/CurrencyInput/CurrencyInputNumber';
+export { CurrencyInputString } from './components/form/CurrencyInput/CurrencyInputString';
+export type { TProps as TCurrencyInputStringProps } from './components/form/CurrencyInput/CurrencyInputString';
+export { phoneLogic } from './components/form/PhoneInput/externalPhoneLogic';
+export { BgCard } from './components/common/BgCard';
+export { ToastContainer, toast } from './components/common/Toast';
+export { AppCardLink } from './components/common/AppCardLink';
+export { InvoiceboxLogo } from './components/common/InvoiceboxLogo';
+export type { TProps as TAutocompleteProps } from './components/form/Autocomplete/index';
+export { Autocomplete, AutocompleteDefaultOption, OrganizationAutocompleteItem, } from './components/form/Autocomplete/index';
+export { QRCode } from './components/common/QRCode';
+export { PaletteProvider, defaultAbstractPalette } from './palette';
+export type { TAbstractPalette } from './palette';
+export { useOutsideClick } from './hooks/useOutsideClick';
+export { useInputFocus } from './hooks/useInputFocus';
+export { useUnupdatableHandler } from './hooks/useUnupdatableHandler';
+export { useLoadingSubmit } from './hooks/useLoadingSubmit';
+export { breakpoints } from './breakpoints';
+export { useMobile, useTablet, useLargeTablet, useMiniLaptop } from './hooks/useMedia';
+export { useModal } from './hooks/useModal';
+export { LENGTH_VAT_NUMBER } from './validate/utils/vatNumberValidateHelpers';
+export { Validate } from './validate';

package/dist/index.js

@@ -0,0 +1,375 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AppCardLink", {
+  enumerable: true,
+  get: function get() {
+    return _AppCardLink.AppCardLink;
+  }
+});
+Object.defineProperty(exports, "Arrow", {
+  enumerable: true,
+  get: function get() {
+    return _Arrow.Arrow;
+  }
+});
+Object.defineProperty(exports, "Autocomplete", {
+  enumerable: true,
+  get: function get() {
+    return _index.Autocomplete;
+  }
+});
+Object.defineProperty(exports, "AutocompleteDefaultOption", {
+  enumerable: true,
+  get: function get() {
+    return _index.AutocompleteDefaultOption;
+  }
+});
+Object.defineProperty(exports, "BgCard", {
+  enumerable: true,
+  get: function get() {
+    return _BgCard.BgCard;
+  }
+});
+Object.defineProperty(exports, "Calendar", {
+  enumerable: true,
+  get: function get() {
+    return _Calendar.Calendar;
+  }
+});
+Object.defineProperty(exports, "CodeInput", {
+  enumerable: true,
+  get: function get() {
+    return _CodeInput.CodeInput;
+  }
+});
+Object.defineProperty(exports, "CountrySelect", {
+  enumerable: true,
+  get: function get() {
+    return _CountrySelect.CountrySelect;
+  }
+});
+Object.defineProperty(exports, "CurrencyInputNumber", {
+  enumerable: true,
+  get: function get() {
+    return _CurrencyInputNumber.CurrencyInputNumber;
+  }
+});
+Object.defineProperty(exports, "CurrencyInputString", {
+  enumerable: true,
+  get: function get() {
+    return _CurrencyInputString.CurrencyInputString;
+  }
+});
+Object.defineProperty(exports, "DateInput", {
+  enumerable: true,
+  get: function get() {
+    return _DateInput.DateInput;
+  }
+});
+Object.defineProperty(exports, "Divider", {
+  enumerable: true,
+  get: function get() {
+    return _Divider.Divider;
+  }
+});
+Object.defineProperty(exports, "Drawer", {
+  enumerable: true,
+  get: function get() {
+    return _Drawer.Drawer;
+  }
+});
+Object.defineProperty(exports, "Dropdown", {
+  enumerable: true,
+  get: function get() {
+    return _Dropdown.Dropdown;
+  }
+});
+Object.defineProperty(exports, "EntityAutocompleteOptionsDrawer", {
+  enumerable: true,
+  get: function get() {
+    return _EntityAutocompleteOptionsDrawer.EntityAutocompleteOptionsDrawer;
+  }
+});
+Object.defineProperty(exports, "Flag", {
+  enumerable: true,
+  get: function get() {
+    return _Flag.Flag;
+  }
+});
+Object.defineProperty(exports, "InputLabel", {
+  enumerable: true,
+  get: function get() {
+    return _InputLabel.InputLabel;
+  }
+});
+Object.defineProperty(exports, "InvoiceboxLoader", {
+  enumerable: true,
+  get: function get() {
+    return _InvoiceboxLoader.InvoiceboxLoader;
+  }
+});
+Object.defineProperty(exports, "InvoiceboxLogo", {
+  enumerable: true,
+  get: function get() {
+    return _InvoiceboxLogo.InvoiceboxLogo;
+  }
+});
+Object.defineProperty(exports, "InvoiceboxSpinner", {
+  enumerable: true,
+  get: function get() {
+    return _InvoiceboxSpinner.InvoiceboxSpinner;
+  }
+});
+Object.defineProperty(exports, "LENGTH_VAT_NUMBER", {
+  enumerable: true,
+  get: function get() {
+    return _vatNumberValidateHelpers.LENGTH_VAT_NUMBER;
+  }
+});
+Object.defineProperty(exports, "OrganizationAutocompleteItem", {
+  enumerable: true,
+  get: function get() {
+    return _index.OrganizationAutocompleteItem;
+  }
+});
+Object.defineProperty(exports, "PaletteProvider", {
+  enumerable: true,
+  get: function get() {
+    return _palette.PaletteProvider;
+  }
+});
+Object.defineProperty(exports, "PhoneInput", {
+  enumerable: true,
+  get: function get() {
+    return _PhoneInput.PhoneInput;
+  }
+});
+Object.defineProperty(exports, "PointsLoader", {
+  enumerable: true,
+  get: function get() {
+    return _PointsLoader.PointsLoader;
+  }
+});
+Object.defineProperty(exports, "PositiveIntegerInput", {
+  enumerable: true,
+  get: function get() {
+    return _PositiveIntegerInput.PositiveIntegerInput;
+  }
+});
+Object.defineProperty(exports, "PureInput", {
+  enumerable: true,
+  get: function get() {
+    return _PureInput.PureInput;
+  }
+});
+Object.defineProperty(exports, "QRCode", {
+  enumerable: true,
+  get: function get() {
+    return _QRCode.QRCode;
+  }
+});
+Object.defineProperty(exports, "ReadOnlyLabelValueField", {
+  enumerable: true,
+  get: function get() {
+    return _ReadOnlyLabelValueField.ReadOnlyLabelValueField;
+  }
+});
+Object.defineProperty(exports, "Scrollbar", {
+  enumerable: true,
+  get: function get() {
+    return _Scrollbar.Scrollbar;
+  }
+});
+Object.defineProperty(exports, "SearchInput", {
+  enumerable: true,
+  get: function get() {
+    return _SearchInput.SearchInput;
+  }
+});
+Object.defineProperty(exports, "SecondaryButton", {
+  enumerable: true,
+  get: function get() {
+    return _SecondaryButton.SecondaryButton;
+  }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function get() {
+    return _Select.Select;
+  }
+});
+Object.defineProperty(exports, "Skeleton", {
+  enumerable: true,
+  get: function get() {
+    return _Skeleton.Skeleton;
+  }
+});
+Object.defineProperty(exports, "TextInput", {
+  enumerable: true,
+  get: function get() {
+    return _TextInput.TextInput;
+  }
+});
+Object.defineProperty(exports, "ToastContainer", {
+  enumerable: true,
+  get: function get() {
+    return _Toast.ToastContainer;
+  }
+});
+Object.defineProperty(exports, "Toggle", {
+  enumerable: true,
+  get: function get() {
+    return _Toggle.Toggle;
+  }
+});
+Object.defineProperty(exports, "Typography", {
+  enumerable: true,
+  get: function get() {
+    return _Typography.Typography;
+  }
+});
+Object.defineProperty(exports, "Validate", {
+  enumerable: true,
+  get: function get() {
+    return _validate.Validate;
+  }
+});
+Object.defineProperty(exports, "WarningIcon", {
+  enumerable: true,
+  get: function get() {
+    return _WarningIcon.WarningIcon;
+  }
+});
+Object.defineProperty(exports, "breakpoints", {
+  enumerable: true,
+  get: function get() {
+    return _breakpoints.breakpoints;
+  }
+});
+Object.defineProperty(exports, "defaultAbstractPalette", {
+  enumerable: true,
+  get: function get() {
+    return _palette.defaultAbstractPalette;
+  }
+});
+Object.defineProperty(exports, "phoneLogic", {
+  enumerable: true,
+  get: function get() {
+    return _externalPhoneLogic.phoneLogic;
+  }
+});
+Object.defineProperty(exports, "toast", {
+  enumerable: true,
+  get: function get() {
+    return _Toast.toast;
+  }
+});
+Object.defineProperty(exports, "useInputFocus", {
+  enumerable: true,
+  get: function get() {
+    return _useInputFocus.useInputFocus;
+  }
+});
+Object.defineProperty(exports, "useLargeTablet", {
+  enumerable: true,
+  get: function get() {
+    return _useMedia.useLargeTablet;
+  }
+});
+Object.defineProperty(exports, "useLoadingSubmit", {
+  enumerable: true,
+  get: function get() {
+    return _useLoadingSubmit.useLoadingSubmit;
+  }
+});
+Object.defineProperty(exports, "useMiniLaptop", {
+  enumerable: true,
+  get: function get() {
+    return _useMedia.useMiniLaptop;
+  }
+});
+Object.defineProperty(exports, "useMobile", {
+  enumerable: true,
+  get: function get() {
+    return _useMedia.useMobile;
+  }
+});
+Object.defineProperty(exports, "useModal", {
+  enumerable: true,
+  get: function get() {
+    return _useModal.useModal;
+  }
+});
+Object.defineProperty(exports, "useOutsideClick", {
+  enumerable: true,
+  get: function get() {
+    return _useOutsideClick.useOutsideClick;
+  }
+});
+Object.defineProperty(exports, "useTablet", {
+  enumerable: true,
+  get: function get() {
+    return _useMedia.useTablet;
+  }
+});
+Object.defineProperty(exports, "useUnupdatableHandler", {
+  enumerable: true,
+  get: function get() {
+    return _useUnupdatableHandler.useUnupdatableHandler;
+  }
+});
+var _Skeleton = require("./components/common/Skeleton");
+var _InvoiceboxLoader = require("./components/common/InvoiceboxLoader");
+var _Typography = require("./components/common/Typography");
+var _InvoiceboxSpinner = require("./components/common/InvoiceboxSpinner");
+var _SecondaryButton = require("./components/common/SecondaryButton");
+var _Arrow = require("./components/common/Arrow");
+var _InputLabel = require("./components/form/InputLabel");
+var _PureInput = require("./components/form/PureInput");
+var _PositiveIntegerInput = require("./components/form/PositiveIntegerInput");
+var _TextInput = require("./components/form/TextInput");
+var _Dropdown = require("./components/common/Dropdown");
+var _Drawer = require("./components/common/Drawer");
+var _EntityAutocompleteOptionsDrawer = require("./components/common/EntityAutocompleteOptionsDrawer");
+var _Scrollbar = require("./components/common/Scrollbar");
+var _Select = require("./components/form/Select");
+var _Toggle = require("./components/form/Toggle");
+var _PointsLoader = require("./components/common/PointsLoader");
+var _Calendar = require("./components/common/Calendar");
+var _DateInput = require("./components/form/DateInput");
+var _WarningIcon = require("./components/common/WarningIcon");
+var _Divider = require("./components/common/Divider");
+var _ReadOnlyLabelValueField = require("./components/common/ReadOnlyLabelValueField");
+var _SearchInput = require("./components/form/SearchInput");
+var _CodeInput = require("./components/form/CodeInput");
+var _Flag = require("./components/common/Flag");
+var _CountrySelect = require("./components/form/CountrySelect");
+var _PhoneInput = require("./components/form/PhoneInput");
+var _CurrencyInputNumber = require("./components/form/CurrencyInput/CurrencyInputNumber");
+var _CurrencyInputString = require("./components/form/CurrencyInput/CurrencyInputString");
+var _externalPhoneLogic = require("./components/form/PhoneInput/externalPhoneLogic");
+var _BgCard = require("./components/common/BgCard");
+var _Toast = require("./components/common/Toast");
+var _AppCardLink = require("./components/common/AppCardLink");
+var _InvoiceboxLogo = require("./components/common/InvoiceboxLogo");
+var _index = require("./components/form/Autocomplete/index");
+var _QRCode = require("./components/common/QRCode");
+var _palette = require("./palette");
+var _useOutsideClick = require("./hooks/useOutsideClick");
+var _useInputFocus = require("./hooks/useInputFocus");
+var _useUnupdatableHandler = require("./hooks/useUnupdatableHandler");
+var _useLoadingSubmit = require("./hooks/useLoadingSubmit");
+var _breakpoints = require("./breakpoints");
+var _useMedia = require("./hooks/useMedia");
+var _useModal = require("./hooks/useModal");
+var _vatNumberValidateHelpers = require("./validate/utils/vatNumberValidateHelpers");
+var _validate = require("./validate");
+// eslint-disable-next-line @typescript-eslint/no-var-requires,no-undef
+var fromEntries = require('object.fromentries');
+// eslint-disable-next-line @typescript-eslint/no-var-requires,no-undef
+var entries = require('object.entries');
+fromEntries.shim();
+entries.shim();

package/dist/palette/colors.stories.d.ts

@@ -0,0 +1,4 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+export declare const Docs: StoryObj;

package/dist/palette/colors.stories.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Docs = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("./constants");
+var _Typography = require("../components/common/Typography");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var meta = {
+  title: 'palette/Colors'
+};
+var _default = exports["default"] = meta;
+var Docs = exports.Docs = {
+  render: function render() {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 30
+      }
+    }, Object.keys(_constants.defaultAbstractPalette).map(function (key) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        key: key,
+        style: {
+          display: 'flex',
+          alignItems: 'center',
+          gap: 20
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          backgroundColor: _constants.defaultAbstractPalette[key],
+          width: 40,
+          height: 40,
+          borderRadius: '50%'
+        }
+      }), /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+        variant: "bodyL"
+      }, key, " ", _constants.defaultAbstractPalette[key]));
+    }));
+  }
+};