@cashub/ui 0.4.1 → 0.5.0

package/Tab/Tab.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _TabContext = _interopRequireDefault(require("./TabContext"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Tab = function Tab(_ref) {
+  var children = _ref.children,
+      selected = _ref.selected,
+      onChange = _ref.onChange;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabContext.default.Provider, {
+    value: {
+      selected: selected,
+      onChange: onChange
+    },
+    children: children
+  });
+};
+
+var _default = Tab;
+exports.default = _default;

package/Tab/TabContext.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var TabContext = /*#__PURE__*/(0, _react.createContext)(null);
+var _default = TabContext;
+exports.default = _default;

package/Tab/TabList.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _templateObject;
+
+var _excluded = ["children"];
+
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var TabList = function TabList(_ref) {
+  var children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, _objectSpread(_objectSpread({
+    role: "tablist"
+  }, props), {}, {
+    children: children
+  }));
+};
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  border-bottom: var(--border-width) solid var(--border-color);\n  margin-bottom: var(--spacing);\n\n  ", "\n"])), function (_ref2) {
+  var noMargin = _ref2.noMargin;
+  return noMargin && "margin-bottom: 0;";
+});
+
+var _default = TabList;
+exports.default = _default;

package/Tab/TabPanel.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _TabContext = _interopRequireDefault(require("./TabContext"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _templateObject;
+
+var _excluded = ["children", "name"];
+
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var TabPanel = function TabPanel(_ref) {
+  var children = _ref.children,
+      name = _ref.name,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var _useContext = (0, _react.useContext)(_TabContext.default),
+      selected = _useContext.selected;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      rendered = _useState2[0],
+      setRendered = _useState2[1];
+
+  var tabContent = (0, _react.useMemo)(function () {
+    if (rendered) {
+      return children;
+    } else {
+      return null;
+    }
+  }, [rendered, children]);
+  (0, _react.useEffect)(function () {
+    if (name === selected) {
+      setRendered(true);
+    }
+  }, [selected, name]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Panel, _objectSpread(_objectSpread({
+    role: "tabpanel",
+    $display: selected === name
+  }, props), {}, {
+    children: tabContent
+  }));
+};
+
+var Panel = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: ", ";\n  position: relative;\n"])), function (_ref2) {
+  var $display = _ref2.$display;
+  return $display ? "block" : "none";
+});
+
+var _default = TabPanel;
+exports.default = _default;

package/Tab/TabTab.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _TabContext = _interopRequireDefault(require("./TabContext"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _templateObject;
+
+var _excluded = ["children", "name"];
+
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var TabTab = function TabTab(_ref) {
+  var children = _ref.children,
+      name = _ref.name,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var _useContext = (0, _react.useContext)(_TabContext.default),
+      selected = _useContext.selected,
+      onChange = _useContext.onChange;
+
+  var handleClick = (0, _react.useCallback)(function () {
+    if (selected !== name) {
+      onChange(name);
+    }
+  }, [name, selected, onChange]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tab, _objectSpread(_objectSpread({
+    role: "tab",
+    onClick: handleClick,
+    active: selected === name
+  }, props), {}, {
+    children: children
+  }));
+};
+
+var Tab = _styledComponents.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: transparent;\n  color: var(--font-on-mute);\n  padding: 10px var(--spacing-s);\n  border: none;\n  border-bottom: 4px solid transparent;\n  transition: color 0.3s, border 0.3s;\n  cursor: pointer;\n\n  &:hover {\n    color: var(--color-white);\n  }\n\n  ", "\n"])), function (_ref2) {
+  var active = _ref2.active;
+  return active && "\n      border-color: var(--color-primary);\n      color: var(--color-white);\n    ";
+});
+
+var _default = TabTab;
+exports.default = _default;

package/Tab/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _Tab = _interopRequireDefault(require("./Tab"));
+
+var _TabList = _interopRequireDefault(require("./TabList"));
+
+var _TabTab = _interopRequireDefault(require("./TabTab"));
+
+var _TabPanel = _interopRequireDefault(require("./TabPanel"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = Object.assign(_Tab.default, {
+  List: _TabList.default,
+  Tab: _TabTab.default,
+  Panel: _TabPanel.default
+});
+
+exports.default = _default;

package/assets/icons/file.svg

@@ -0,0 +1 @@
+<svg height="512pt" viewBox="-56 0 512 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m352.402344 64.265625h-176.734375c-3.980469 0-7.792969 1.582031-10.605469 4.394531l-96.402344 96.402344c-2.8125 2.8125-4.394531 6.625-4.394531 10.605469v289.199219c0 25.988281 21.144531 47.132812 47.132813 47.132812h241c25.992187 0 47.132812-21.144531 47.132812-47.132812v-353.46875c.003906-25.988282-21.140625-47.132813-47.128906-47.132813zm0 0" fill="#3ab4fb"/><path d="m399.535156 111.398438v353.472656c0 25.988281-21.148437 47.128906-47.136718 47.128906h-152.632813v-447.730469h152.632813c25.988281 0 47.136718 21.140625 47.136718 47.128907zm0 0" fill="#1d9cfd"/><path d="m288.132812 0h-176.730468c-3.980469 0-7.792969 1.582031-10.605469 4.394531l-96.402344 96.398438c-2.8125 2.8125-4.394531 6.628906-4.394531 10.605469v289.203124c0 25.988282 21.144531 47.132813 47.132812 47.132813h241c25.988282 0 47.132813-21.144531 47.132813-47.132813v-353.46875c0-25.988281-21.144531-47.132812-47.132813-47.132812zm0 0" fill="#eff6fe"/><g fill="#d9e4ef"><path d="m95.335938 351.332031h80.332031c8.28125 0 15-6.714843 15-15 0-8.28125-6.71875-15-15-15h-80.332031c-8.285157 0-15 6.71875-15 15 0 8.285157 6.714843 15 15 15zm0 0"/><path d="m335.265625 47.128906v353.472656c0 25.988282-21.136719 47.128907-47.128906 47.128907h-88.371094v-447.730469h88.371094c25.992187 0 47.128906 21.140625 47.128906 47.128906zm0 0"/><path d="m95.335938 222.800781h144.597656c8.285156 0 15-6.714843 15-15 0-8.285156-6.714844-15-15-15h-144.597656c-8.285157 0-15 6.714844-15 15 0 8.285157 6.714843 15 15 15zm0 0"/><path d="m95.335938 287.066406h144.597656c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15h-144.597656c-8.285157 0-15 6.714844-15 15s6.714843 15 15 15zm0 0"/></g><path d="m254.9375 207.800781c0 8.277344-6.71875 15-15 15h-40.171875v-30h40.171875c8.28125 0 15 6.71875 15 15zm0 0" fill="#c1cedb"/><path d="m254.9375 272.070312c0 8.28125-6.71875 15-15 15h-40.171875v-30h40.171875c8.28125 0 15 6.710938 15 15zm0 0" fill="#c1cedb"/><path d="m95.335938 112.46875c9.445312 0 17.132812-7.6875 17.132812-17.132812v-95.335938h-1.070312c-3.976563 0-7.792969 1.582031-10.605469 4.394531l-96.398438 96.398438c-2.8125 2.8125-4.394531 6.628906-4.394531 10.605469v1.070312zm0 0" fill="#d9e4ef"/></svg>

package/billing/BarChart.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _renderer = require("@react-pdf/renderer");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var BillingBarChart = function BillingBarChart(_ref) {
+  var theme = _ref.theme,
+      percentage = _ref.percentage,
+      success = _ref.success,
+      warning = _ref.warning,
+      danger = _ref.danger;
+  var styles = {
+    chart: {
+      position: "relative",
+      width: "100%",
+      height: 16,
+      borderRadius: 16,
+      backgroundColor: theme.bgColor3,
+      marginTop: 8
+    },
+    bar: {
+      position: "absolute",
+      width: "".concat(percentage, "%"),
+      borderRadius: 16,
+      top: 0,
+      bottom: 0,
+      backgroundColor: theme.colorPrimary
+    }
+  };
+
+  if (success) {
+    styles.bar.backgroundColor = theme.colorSuccess;
+  }
+
+  if (warning) {
+    styles.bar.backgroundColor = theme.colorWarning;
+  }
+
+  if (danger) {
+    styles.bar.backgroundColor = theme.colorDanger;
+  }
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
+    style: styles.chart,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
+      style: styles.bar
+    })
+  });
+};
+
+var _default = BillingBarChart;
+exports.default = _default;

package/billing/Grid.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BillingGrid = exports.BillingColumn = void 0;
+
+var _renderer = require("@react-pdf/renderer");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var BillingGrid = function BillingGrid(_ref) {
+  var children = _ref.children;
+  var styles = {
+    display: "flex",
+    flexWrap: "wrap",
+    flexDirection: "row",
+    margin: "0 -8"
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
+    style: styles,
+    children: children
+  });
+};
+
+exports.BillingGrid = BillingGrid;
+
+var BillingColumn = function BillingColumn(_ref2) {
+  var children = _ref2.children,
+      flex = _ref2.flex;
+  var styles = {
+    padding: "0 8",
+    width: "50%"
+  };
+
+  if (flex) {
+    styles.display = "flex";
+    styles.alignContent = "stretch";
+    styles.alignItems = "stretch";
+    styles.flexDirection = "column";
+  }
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
+    style: styles,
+    children: children
+  });
+};
+
+exports.BillingColumn = BillingColumn;

package/billing/Header2.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _renderer = require("@react-pdf/renderer");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var BillingHeader2 = function BillingHeader2(_ref) {
+  var children = _ref.children;
+  var styles = {
+    fontSize: 20,
+    wordBreak: 'break-word',
+    textAlign: 'center',
+    margin: 0,
+    marginBottom: 12
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.Text, {
+    style: styles,
+    children: children
+  });
+};
+
+var _default = BillingHeader2;
+exports.default = _default;

package/billing/Header3.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _renderer = require("@react-pdf/renderer");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var BillingHeader3 = function BillingHeader3(_ref) {
+  var children = _ref.children,
+      fontWeightNormal = _ref.fontWeightNormal,
+      noMarginBottom = _ref.noMarginBottom,
+      paddingBottom = _ref.paddingBottom;
+  var styles = {
+    fontSize: 14,
+    lineHeight: 1.25,
+    wordBreak: 'break-word',
+    fontWeight: 'bold',
+    marginBottom: 8
+  };
+
+  if (fontWeightNormal) {
+    styles.fontWeight = 'normal';
+  }
+
+  if (noMarginBottom) {
+    styles.marginBottom = 0;
+  }
+
+  if (paddingBottom) {
+    styles.paddingBottom = 8;
+  }
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.Text, {
+    style: styles,
+    children: children
+  });
+};
+
+var _default = BillingHeader3;
+exports.default = _default;

package/billing/Paragraph.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _renderer = require("@react-pdf/renderer");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var BillingParagraph = function BillingParagraph(_ref) {
+  var children = _ref.children,
+      marginRight = _ref.marginRight,
+      justifyContentBetween = _ref.justifyContentBetween;
+  var styles = {
+    margin: 0,
+    display: 'flex',
+    flexDirection: 'row',
+    wordBreak: 'break-word',
+    overflowWrap: 'break-word'
+  };
+
+  if (marginRight) {
+    styles.marginRight = 16;
+  }
+
+  if (justifyContentBetween) {
+    styles.justifyContent = 'space-between';
+  }
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
+    style: styles,
+    children: children
+  });
+};
+
+var _default = BillingParagraph;
+exports.default = _default;

package/billing/ParagraphGroup.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _renderer = require("@react-pdf/renderer");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var BillingParagraphGroup = function BillingParagraphGroup(_ref) {
+  var children = _ref.children;
+  var styles = {
+    display: 'flex',
+    flexDirection: 'row'
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
+    style: styles,
+    children: children
+  });
+};
+
+var _default = BillingParagraphGroup;
+exports.default = _default;

package/billing/ParagraphText.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _renderer = require("@react-pdf/renderer");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var BillingParagraphText = function BillingParagraphText(_ref) {
+  var children = _ref.children,
+      fontWeightBold = _ref.fontWeightBold;
+  var styles = {
+    fontSize: 12,
+    lineHeight: 1.5
+  };
+
+  if (fontWeightBold) {
+    styles.fontWeight = 'bold';
+  }
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.Text, {
+    style: styles,
+    children: children
+  });
+};
+
+var _default = BillingParagraphText;
+exports.default = _default;

package/billing/Section.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _renderer = require("@react-pdf/renderer");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var BillingSection = function BillingSection(_ref) {
+  var children = _ref.children,
+      theme = _ref.theme,
+      backgroundReverse = _ref.backgroundReverse,
+      noPadding = _ref.noPadding,
+      noMarginBottom = _ref.noMarginBottom,
+      paddingS = _ref.paddingS,
+      marginBottomS = _ref.marginBottomS,
+      flexGrow = _ref.flexGrow;
+  var styles = {
+    backgroundColor: theme.bgColor1,
+    borderRadius: 16,
+    color: theme.fontOnBg,
+    padding: 12,
+    marginBottom: 16
+  };
+
+  if (backgroundReverse) {
+    styles.backgroundColor = theme.bgColor2;
+  }
+
+  if (noPadding) {
+    styles.padding = 0;
+  }
+
+  if (noMarginBottom) {
+    styles.marginBottom = 0;
+  }
+
+  if (paddingS) {
+    styles.padding = 8;
+  }
+
+  if (marginBottomS) {
+    styles.marginBottom = 12;
+  }
+
+  if (flexGrow) {
+    styles.flexGrow = 1;
+  }
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
+    style: styles,
+    children: children
+  });
+};
+
+var _default = BillingSection;
+exports.default = _default;

package/billing/SectionBody.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _renderer = require("@react-pdf/renderer");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var BillingSectionBody = function BillingSectionBody(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
+    children: children
+  });
+};
+
+var _default = BillingSectionBody;
+exports.default = _default;