@cashub/ui 0.4.2 → 0.5.0

package/iconbox/IconBoxV2.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _IconBoxFigure = _interopRequireDefault(require("./IconBoxFigure"));
+
+var _IconBoxImage = _interopRequireDefault(require("./IconBoxImage"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var IconBoxV2 = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: var(--spacing);\n  margin-bottom: var(--spacing);\n  background: var(--color-background1);\n  box-shadow: var(--box-shadow);\n  border-radius: var(--border-radius);\n  color: var(--font-on-background);\n\n  ", "\n"])), function (_ref) {
+  var fullHeight = _ref.fullHeight;
+  return fullHeight && "height: calc(100% - var(--spacing));";
+});
+
+var Body = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
+
+var Description = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  flex: 1 1 auto;\n  font-size: var(--font-body1);\n"])));
+
+var Info = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  word-break: break-all;\n\n  &:not(:last-child) {\n    margin-bottom: var(--spacing-s);\n  }\n"])));
+
+var Tool = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  flex: 0 0 calc(var(--spacing-s) + 36px);\n  padding-left: var(--spacing-s);\n\n  > *:not(:last-child) {\n    margin-bottom: var(--spacing-s);\n  }\n"])));
+
+var _default = Object.assign(IconBoxV2, {
+  Body: Body,
+  Figure: _IconBoxFigure.default,
+  Image: _IconBoxImage.default,
+  Description: Description,
+  Info: Info,
+  Tool: Tool
+});
+
+exports.default = _default;

package/iconbox/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ApplicationIconBox", {
+  enumerable: true,
+  get: function get() {
+    return _ApplicationIconBox.default;
+  }
+});
+Object.defineProperty(exports, "IconBox", {
+  enumerable: true,
+  get: function get() {
+    return _IconBox.default;
+  }
+});
+Object.defineProperty(exports, "IconBoxV2", {
+  enumerable: true,
+  get: function get() {
+    return _IconBoxV.default;
+  }
+});
+
+var _ApplicationIconBox = _interopRequireDefault(require("./ApplicationIconBox"));
+
+var _IconBox = _interopRequireDefault(require("./IconBox"));
+
+var _IconBoxV = _interopRequireDefault(require("./IconBoxV2"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/index.js

@@ -56,6 +56,45 @@ Object.keys(_button).forEach(function (key) {
   });
 });
 
+var _callout = require("./callout");
+
+Object.keys(_callout).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _callout[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _callout[key];
+    }
+  });
+});
+
+var _chart = require("./chart");
+
+Object.keys(_chart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _chart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _chart[key];
+    }
+  });
+});
+
+var _container = require("./container");
+
+Object.keys(_container).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _container[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _container[key];
+    }
+  });
+});
+
 var _cropper = require("./cropper");
 
 Object.keys(_cropper).forEach(function (key) {
@@ -69,6 +108,58 @@ Object.keys(_cropper).forEach(function (key) {
   });
 });
 
+var _datetimePicker = require("./datetimePicker");
+
+Object.keys(_datetimePicker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _datetimePicker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _datetimePicker[key];
+    }
+  });
+});
+
+var _descriptionList = require("./descriptionList");
+
+Object.keys(_descriptionList).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _descriptionList[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _descriptionList[key];
+    }
+  });
+});
+
+var _divider = require("./divider");
+
+Object.keys(_divider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _divider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _divider[key];
+    }
+  });
+});
+
+var _dropdown = require("./dropdown");
+
+Object.keys(_dropdown).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _dropdown[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _dropdown[key];
+    }
+  });
+});
+
 var _dropzone = require("./dropzone");
 
 Object.keys(_dropzone).forEach(function (key) {
@@ -108,6 +199,71 @@ Object.keys(_form).forEach(function (key) {
   });
 });
 
+var _geolocation = require("./geolocation");
+
+Object.keys(_geolocation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _geolocation[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _geolocation[key];
+    }
+  });
+});
+
+var _grid = require("./grid");
+
+Object.keys(_grid).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _grid[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _grid[key];
+    }
+  });
+});
+
+var _heading = require("./heading");
+
+Object.keys(_heading).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _heading[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _heading[key];
+    }
+  });
+});
+
+var _icon = require("./icon");
+
+Object.keys(_icon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _icon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _icon[key];
+    }
+  });
+});
+
+var _iconbox = require("./iconbox");
+
+Object.keys(_iconbox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _iconbox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _iconbox[key];
+    }
+  });
+});
+
 var _image = require("./image");
 
 Object.keys(_image).forEach(function (key) {
@@ -121,6 +277,45 @@ Object.keys(_image).forEach(function (key) {
   });
 });
 
+var _jsoneditor = require("./jsoneditor");
+
+Object.keys(_jsoneditor).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _jsoneditor[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _jsoneditor[key];
+    }
+  });
+});
+
+var _link = require("./link");
+
+Object.keys(_link).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _link[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _link[key];
+    }
+  });
+});
+
+var _map = require("./map");
+
+Object.keys(_map).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _map[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _map[key];
+    }
+  });
+});
+
 var _modal = require("./modal");
 
 Object.keys(_modal).forEach(function (key) {
@@ -132,4 +327,186 @@ Object.keys(_modal).forEach(function (key) {
       return _modal[key];
     }
   });
+});
+
+var _paginate = require("./paginate");
+
+Object.keys(_paginate).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _paginate[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _paginate[key];
+    }
+  });
+});
+
+var _popover = require("./popover");
+
+Object.keys(_popover).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _popover[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _popover[key];
+    }
+  });
+});
+
+var _qrcode = require("./qrcode");
+
+Object.keys(_qrcode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _qrcode[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _qrcode[key];
+    }
+  });
+});
+
+var _ribbon = require("./ribbon");
+
+Object.keys(_ribbon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ribbon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ribbon[key];
+    }
+  });
+});
+
+var _section = require("./section");
+
+Object.keys(_section).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _section[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _section[key];
+    }
+  });
+});
+
+var _select = require("./select");
+
+Object.keys(_select).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _select[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _select[key];
+    }
+  });
+});
+
+var _table = require("./table");
+
+Object.keys(_table).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _table[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _table[key];
+    }
+  });
+});
+
+var _Tab = require("./Tab");
+
+Object.keys(_Tab).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Tab[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Tab[key];
+    }
+  });
+});
+
+var _tagify = require("./tagify");
+
+Object.keys(_tagify).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _tagify[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _tagify[key];
+    }
+  });
+});
+
+var _text = require("./text");
+
+Object.keys(_text).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _text[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _text[key];
+    }
+  });
+});
+
+var _timeline = require("./timeline");
+
+Object.keys(_timeline).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _timeline[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _timeline[key];
+    }
+  });
+});
+
+var _toast = require("./toast");
+
+Object.keys(_toast).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _toast[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _toast[key];
+    }
+  });
+});
+
+var _tooltip = require("./tooltip");
+
+Object.keys(_tooltip).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _tooltip[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _tooltip[key];
+    }
+  });
+});
+
+var _wizard = require("./wizard");
+
+Object.keys(_wizard).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _wizard[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _wizard[key];
+    }
+  });
 });

package/jsoneditor/JsonEditor.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _jsoneditorReact = require("jsoneditor-react");
+
+var _brace = _interopRequireDefault(require("brace"));
+
+require("jsoneditor-react/es/editor.min.css");
+
+require("brace/mode/json");
+
+require("brace/theme/github");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _templateObject;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 JsonEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var props = _extends({}, _ref);
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsoneditorReact.JsonEditor, _objectSpread(_objectSpread({
+      ref: ref
+    }, props), {}, {
+      ace: _brace.default
+    }))
+  });
+});
+
+var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .jsoneditor {\n    border: 0;\n\n    div.jsoneditor-tree {\n      background: transparent;\n    }\n  }\n\n  div.jsoneditor td.jsoneditor-tree {\n    vertical-align: middle;\n  }\n\n  .jsoneditor-popover,\n  .jsoneditor-schema-error,\n  div.jsoneditor td,\n  div.jsoneditor textarea,\n  div.jsoneditor th,\n  div.jsoneditor-field,\n  div.jsoneditor-value,\n  pre.jsoneditor-preview {\n    font-size: var(--font-body1);\n    color: var(--font-on-background);\n  }\n\n  div {\n    &.jsoneditor-readonly {\n      color: var(--font-on-background);\n    }\n\n    &.jsoneditor-value.jsoneditor-number {\n      color: var(--color-danger);\n    }\n\n    &.jsoneditor-field.jsoneditor-empty::after,\n    &.jsoneditor-value.jsoneditor-empty::after {\n      font-size: var(--font-body1);\n      color: var(--font-on-background);\n    }\n\n    &.jsoneditor-field[contenteditable=\"true\"]:focus,\n    &.jsoneditor-field[contenteditable=\"true\"]:hover,\n    &.jsoneditor-value[contenteditable=\"true\"]:focus,\n    &.jsoneditor-value[contenteditable=\"true\"]:hover,\n    &.jsoneditor-field.jsoneditor-highlight,\n    &.jsoneditor-value.jsoneditor-highlight {\n      background-color: transparent;\n      border: var(--border-width) solid var(--border-color);\n    }\n\n    &.jsoneditor-empty {\n      border-color: transparent;\n      border-style: none;\n    }\n\n    &.jsoneditor-tree button.jsoneditor-button {\n      filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(78deg)\n        brightness(104%) contrast(101%);\n    }\n\n    &.jsoneditor-tree button.jsoneditor-button:focus {\n      background-color: transparent;\n    }\n  }\n\n  // ace editor\n  .ace_editor.ace-jsoneditor {\n    border-radius: 8px;\n  }\n\n  .ace_gutter {\n    background: rgb(59, 57, 87) !important;\n    color: #ffffff !important;\n    z-index: 0;\n  }\n\n  .ace-jsoneditor .ace_gutter-active-line {\n    background: #00001d;\n  }\n\n  .ace_content {\n    background: rgb(76, 72, 110);\n    z-index: 0;\n  }\n\n  .ace-jsoneditor .ace_marker-layer .ace_active-line {\n    background: #00001d;\n  }\n\n  .ace-jsoneditor .ace_text-layer {\n    color: #fff;\n  }\n\n  .ace-jsoneditor .ace_variable {\n    color: #fff;\n  }\n\n  .ace-jsoneditor .ace_string {\n    color: #11d8cd;\n  }\n\n  .ace-jsoneditor .ace_cursor {\n    border-left: 2px solid #fff;\n  }\n\n  .ace_hidden-cursors .ace_cursor {\n    opacity: 0.5;\n  }\n"])));
+
+var _default = JsonEditor;
+exports.default = _default;

package/jsoneditor/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "JsonEditor", {
+  enumerable: true,
+  get: function get() {
+    return _JsonEditor.default;
+  }
+});
+
+var _JsonEditor = _interopRequireDefault(require("./JsonEditor"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/layout/Backdrop.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _BaseBackdrop = _interopRequireDefault(require("../backdrop/BaseBackdrop"));
+
+var _media = _interopRequireDefault(require("../styles/mixin/media"));
+
+var _templateObject, _templateObject2;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var Backdrop = (0, _styledComponents.default)(_BaseBackdrop.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  visibility: hidden;\n\n  ", "\n"])), _media.default.tablet(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    visibility: ", ";\n  "])), function (_ref) {
+  var $display = _ref.$display;
+  return $display === true ? "visible" : "hidden";
+}));
+var _default = Backdrop;
+exports.default = _default;

package/layout/Container.js

@@ -0,0 +1,34 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _header = _interopRequireDefault(require("../styles/header.style"));
+
+var _sidebar = _interopRequireDefault(require("../styles/sidebar.style"));
+
+var _media = _interopRequireDefault(require("../styles/mixin/media"));
+
+var _templateObject, _templateObject2, _templateObject3;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  transition: 0.3s;\n  width: calc(100% - ", ");\n  margin-left: ", ";\n  padding: calc(", " + var(--spacing)) var(--spacing)\n    var(--spacing);\n\n  ", "\n\n  ", "\n"])), _sidebar.default.close.width, _sidebar.default.close.width, _header.default.height, function (_ref) {
+  var $display = _ref.$display;
+  return $display === true && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      width: calc(100% - ", ");\n      margin-left: ", ";\n    "])), _sidebar.default.open.width, _sidebar.default.open.width);
+}, _media.default.tablet(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: 100%;\n    margin-left: 0;\n  "]))));
+
+var _default = Container;
+exports.default = _default;

package/layout/Footer.js

@@ -0,0 +1,32 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _sidebar = _interopRequireDefault(require("../styles/sidebar.style"));
+
+var _media = _interopRequireDefault(require("../styles/mixin/media"));
+
+var _templateObject, _templateObject2, _templateObject3;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var Footer = _styledComponents.default.footer(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  transition: 0.3s;\n  border-top: var(--border-width) solid var(--border-color);\n  color: var(--font-on-mute);\n  height: 64px;\n  line-height: 64px;\n  font-size: var(--font-body2);\n  padding: 0 var(--spacing);\n  margin: 0 var(--spacing) 0 calc(var(--spacing) + ", ");\n\n  ", "\n\n  ", "\n"])), _sidebar.default.close.width, function (_ref) {
+  var $display = _ref.$display;
+  return $display && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      margin: 0 var(--spacing) 0\n        calc(var(--spacing) + ", ");\n    "])), _sidebar.default.open.width);
+}, _media.default.tablet(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    margin:0 ;\n  "]))));
+
+var _default = Footer;
+exports.default = _default;

package/layout/Logo.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _ImageFluid = _interopRequireDefault(require("../image/ImageFluid"));
+
+var _logoCashub = _interopRequireDefault(require("../assets/images/logo-cashub.png"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _templateObject;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var Logo = function Logo() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Figure, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageFluid.default, {
+      src: _logoCashub.default,
+      alt: "Cashub logo"
+    })
+  });
+};
+
+var Figure = _styledComponents.default.figure(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  max-width: 220px;\n  height: 40px;\n"])));
+
+var _default = Logo;
+exports.default = _default;