@jobber/components 4.85.5 → 4.85.6-CJS-to-ESM.1

package/dist/List-BLRtWdVA.js

@@ -0,0 +1,196 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var _baseEach = require('./_baseEach-fQjYIaCA.js');
+var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
+var _baseAssignValue = require('./_baseAssignValue-Cq-EPFBb.js');
+var _getTag = require('./_getTag-CHBhnZgu.js');
+var styleInject_es = require('./style-inject.es-XZHJH68X.js');
+var Icon = require('./Icon-B9XNdA1T.js');
+var Text = require('./Text-D9gsHxbp.js');
+var Heading = require('./Heading-suKDLmO4.js');
+var Typography = require('./Typography-Dx8KtnBw.js');
+var Markdown = require('./Markdown-B2B4q1R4.js');
+var Emphasis = require('./Emphasis-B3vf8Ek9.js');
+
+/**
+ * A specialized version of `baseAggregator` for arrays.
+ *
+ * @private
+ * @param {Array} [array] The array to iterate over.
+ * @param {Function} setter The function to set `accumulator` values.
+ * @param {Function} iteratee The iteratee to transform keys.
+ * @param {Object} accumulator The initial aggregated object.
+ * @returns {Function} Returns `accumulator`.
+ */
+
+function arrayAggregator$1(array, setter, iteratee, accumulator) {
+  var index = -1,
+      length = array == null ? 0 : array.length;
+
+  while (++index < length) {
+    var value = array[index];
+    setter(accumulator, value, iteratee(value), array);
+  }
+  return accumulator;
+}
+
+var _arrayAggregator = arrayAggregator$1;
+
+var baseEach = _baseEach._baseEach;
+
+/**
+ * Aggregates elements of `collection` on `accumulator` with keys transformed
+ * by `iteratee` and values set by `setter`.
+ *
+ * @private
+ * @param {Array|Object} collection The collection to iterate over.
+ * @param {Function} setter The function to set `accumulator` values.
+ * @param {Function} iteratee The iteratee to transform keys.
+ * @param {Object} accumulator The initial aggregated object.
+ * @returns {Function} Returns `accumulator`.
+ */
+function baseAggregator$1(collection, setter, iteratee, accumulator) {
+  baseEach(collection, function(value, key, collection) {
+    setter(accumulator, value, iteratee(value), collection);
+  });
+  return accumulator;
+}
+
+var _baseAggregator = baseAggregator$1;
+
+var arrayAggregator = _arrayAggregator,
+    baseAggregator = _baseAggregator,
+    baseIteratee = _baseEach._baseIteratee,
+    isArray = _getTag.isArray_1;
+
+/**
+ * Creates a function like `_.groupBy`.
+ *
+ * @private
+ * @param {Function} setter The function to set accumulator values.
+ * @param {Function} [initializer] The accumulator object initializer.
+ * @returns {Function} Returns the new aggregator function.
+ */
+function createAggregator$1(setter, initializer) {
+  return function(collection, iteratee) {
+    var func = isArray(collection) ? arrayAggregator : baseAggregator,
+        accumulator = initializer ? initializer() : {};
+
+    return func(collection, setter, baseIteratee(iteratee), accumulator);
+  };
+}
+
+var _createAggregator = createAggregator$1;
+
+var baseAssignValue = _baseAssignValue._baseAssignValue,
+    createAggregator = _createAggregator;
+
+/** Used for built-in method references. */
+var objectProto = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty = objectProto.hasOwnProperty;
+
+/**
+ * Creates an object composed of keys generated from the results of running
+ * each element of `collection` thru `iteratee`. The order of grouped values
+ * is determined by the order they occur in `collection`. The corresponding
+ * value of each key is an array of elements responsible for generating the
+ * key. The iteratee is invoked with one argument: (value).
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Collection
+ * @param {Array|Object} collection The collection to iterate over.
+ * @param {Function} [iteratee=_.identity] The iteratee to transform keys.
+ * @returns {Object} Returns the composed aggregate object.
+ * @example
+ *
+ * _.groupBy([6.1, 4.2, 6.3], Math.floor);
+ * // => { '4': [4.2], '6': [6.1, 6.3] }
+ *
+ * // The `_.property` iteratee shorthand.
+ * _.groupBy(['one', 'two', 'three'], 'length');
+ * // => { '3': ['one', 'two'], '5': ['three'] }
+ */
+var groupBy = createAggregator(function(result, value, key) {
+  if (hasOwnProperty.call(result, key)) {
+    result[key].push(value);
+  } else {
+    baseAssignValue(result, key, [value]);
+  }
+});
+
+var groupBy_1 = groupBy;
+
+var groupBy$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(groupBy_1);
+
+var css_248z$2 = ".u853Ql4cj50- {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.ig9l6LfEgwo-:not(:last-child) {\n  border-bottom: var(--border-base) solid var(--color-border);\n}\n\n.KIYTQdrufzY- {\n  position: relative;\n}\n\n.KIYTQdrufzY-:not(:last-child) .u853Ql4cj50- {\n  padding-bottom: var(--space-large);\n}\n";
+var styles$1 = {"list":"u853Ql4cj50-","item":"ig9l6LfEgwo-","section":"KIYTQdrufzY-"};
+styleInject_es.styleInject(css_248z$2);
+
+var css_248z$1 = ".LUlooG82UJA- {\n  position: sticky;\n  top: 0;\n  padding: var(--space-small) var(--space-base);\n  border-bottom: 1px solid var(--color-border--section);\n  background-color: var(--color-surface);\n}\n\n._4LVpgNq-SLM- {\n  border-bottom-color: var(--color-greyBlue--light);\n  color: var(--color-greyBlue--light);\n}\n\n._0QhWokyE9PY- {\n  border-bottom-color: var(--color-green);\n  color: var(--color-green);\n}\n\n.J8wB3qqOlBc-,\n.Ujqj17pKDIE- {\n  border-bottom-color: var(--color-blue);\n  color: var(--color-blue);\n}\n\n._0lNxLGXhrfY- {\n  border-bottom-color: var(--color-orange);\n  color: var(--color-orange);\n}\n\n._4qPymF0CAAE- {\n  border-bottom-color: var(--color-red);\n  color: var(--color-red);\n}\n\n.kKYNLBSu9IQ- {\n  border-bottom-color: var(--color-teal);\n  color: var(--color-teal);\n}\n";
+var sectionStyles = {"sectionHeader":"LUlooG82UJA-","greyBlue":"_4LVpgNq-SLM-","green":"_0QhWokyE9PY-","blue":"J8wB3qqOlBc-","archived":"Ujqj17pKDIE-","orange":"_0lNxLGXhrfY-","red":"_4qPymF0CAAE-","teal":"kKYNLBSu9IQ-"};
+styleInject_es.styleInject(css_248z$1);
+
+var css_248z = ".XPLf4Jp6feU- {\n  display: -ms-flexbox;\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: var(--space-small);\n  border: none;\n  text-align: left;\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  background-color: transparent;\n  transition: background-color var(--timing-base);\n  -webkit-appearance: none;\n          appearance: none;\n  -ms-flex-align: start;\n      align-items: flex-start;\n}\n\n.XPLf4Jp6feU- > * {\n  padding: var(--space-small);\n}\n\n.RseHYbVm4MA- {\n  cursor: pointer;\n}\n\n.RseHYbVm4MA-:hover,\n.RseHYbVm4MA-:focus {\n  outline: none;\n  background-color: var(--color-surface--hover);\n}\n\n.d1-zQvxPH-M- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex: 0 0 auto;\n      flex: 0 0 auto;\n  width: var(--space-large);\n  height: var(--space-large);\n  box-sizing: content-box;\n}\n\n._-58VuZf1TtM- {\n  -ms-flex: 1 1 auto;\n      flex: 1 1 auto;\n  min-width: 0;\n  -ms-flex-item-align: center;\n      align-self: center;\n}\n\n.wHB5zXYWW3E- {\n  -ms-flex: 0 0 auto;\n      flex: 0 0 auto;\n  text-align: right;\n}\n\n/* States */\n\n.C4DznaxLKiw- {\n  background-color: var(--color-surface--background);\n}\n\n.C4DznaxLKiw-:hover,\n.C4DznaxLKiw-:focus {\n  background-color: var(--color-surface--background--hover);\n}\n\n/* TODO: Move truncate in typography */\n\n.Brob-IpVv4o- {\n  display: block;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n";
+var styles = {"action":"XPLf4Jp6feU-","hoverable":"RseHYbVm4MA-","icon":"d1-zQvxPH-M-","info":"_-58VuZf1TtM-","amount":"wHB5zXYWW3E-","isActive":"C4DznaxLKiw-","truncate":"Brob-IpVv4o-"};
+styleInject_es.styleInject(css_248z);
+
+function ListItem({ caption, content, icon, iconColor, id, isActive, onClick, title, url, value, }) {
+    const actionClasses = classnames(styles.action, isActive && styles.isActive, (onClick || url) && styles.hoverable);
+    const Wrapper = url ? "a" : "button";
+    const buttonProps = Object.assign({}, (Wrapper === "button" && { role: "button", type: "button" }));
+    return (React.createElement(Wrapper, Object.assign({ id: id.toString(), className: actionClasses, href: url, onClick: onClick }, buttonProps),
+        icon && (React.createElement("div", { className: styles.icon },
+            React.createElement(Icon.Icon, { name: icon, color: iconColor }))),
+        React.createElement("div", { className: styles.info },
+            title && React.createElement(Heading.Heading, { level: 5 }, title),
+            React.createElement(Description, { content: content }),
+            caption && (React.createElement(Text.Text, { variation: "subdued" },
+                React.createElement(Typography.Typography, { element: "span", size: "small", emphasisType: "italic" }, caption)))),
+        value && (React.createElement("div", { className: styles.amount },
+            React.createElement(Text.Text, null,
+                React.createElement(Emphasis.Emphasis, { variation: "bold" }, value))))));
+}
+function Description({ content }) {
+    if (content instanceof Array) {
+        return (React.createElement(React.Fragment, null, content.map((item, i) => (React.createElement(Text.Text, { key: i },
+            React.createElement("span", { className: styles.truncate },
+                React.createElement(Markdown.Markdown, { content: item, basicUsage: true })))))));
+    }
+    else {
+        return (React.createElement(Text.Text, null,
+            React.createElement("span", { className: styles.truncate },
+                React.createElement(Markdown.Markdown, { content: content, basicUsage: true }))));
+    }
+}
+
+function List({ items }) {
+    const isSectioned = items.some(item => item.section);
+    if (isSectioned) {
+        return React.createElement(SectionedList, { items: items });
+    }
+    else {
+        return React.createElement(DisplayList, { items: items });
+    }
+}
+function DisplayList({ items }) {
+    return (React.createElement("ul", { className: styles$1.list }, items.map(item => (React.createElement("li", { key: item.id, className: styles$1.item },
+        React.createElement(ListItem, Object.assign({}, item)))))));
+}
+function SectionedList({ items }) {
+    const sectionedItems = groupBy$1(items, item => _baseEach.get(item, "section", "Other"));
+    const sectionHeaderClassNames = classnames(sectionStyles.sectionHeader);
+    return (React.createElement("ul", { className: styles$1.list }, Object.keys(sectionedItems).map(sectionName => (React.createElement("li", { key: sectionName, className: styles$1.section },
+        React.createElement("div", { className: sectionHeaderClassNames },
+            React.createElement(Typography.Typography, { element: "h4", fontWeight: "bold", size: "large" }, sectionName)),
+        React.createElement("ul", { className: styles$1.list }, sectionedItems[sectionName].map(item => (React.createElement("li", { key: item.id, className: styles$1.item },
+            React.createElement(ListItem, Object.assign({}, item)))))))))));
+}
+
+exports.List = List;
+exports.ListItem = ListItem;

package/dist/List-C6AG4_dM.js

@@ -0,0 +1,193 @@
+import React from 'react';
+import classnames from 'classnames';
+import { _ as _baseEach, a as _baseIteratee, g as get } from './_baseEach-C5AdInAP.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
+import { _ as _baseAssignValue } from './_baseAssignValue-BDfrxHwl.js';
+import { b as isArray_1 } from './_getTag-DYzEQmpZ.js';
+import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
+import { I as Icon } from './Icon-CoHJokXb.js';
+import { T as Text } from './Text-DEviM1Tv.js';
+import { H as Heading } from './Heading-CL3UujY7.js';
+import { T as Typography } from './Typography-G8pA_xwj.js';
+import { M as Markdown } from './Markdown-BqNLA1UK.js';
+import { E as Emphasis } from './Emphasis-xxFrrT2i.js';
+
+/**
+ * A specialized version of `baseAggregator` for arrays.
+ *
+ * @private
+ * @param {Array} [array] The array to iterate over.
+ * @param {Function} setter The function to set `accumulator` values.
+ * @param {Function} iteratee The iteratee to transform keys.
+ * @param {Object} accumulator The initial aggregated object.
+ * @returns {Function} Returns `accumulator`.
+ */
+
+function arrayAggregator$1(array, setter, iteratee, accumulator) {
+  var index = -1,
+      length = array == null ? 0 : array.length;
+
+  while (++index < length) {
+    var value = array[index];
+    setter(accumulator, value, iteratee(value), array);
+  }
+  return accumulator;
+}
+
+var _arrayAggregator = arrayAggregator$1;
+
+var baseEach = _baseEach;
+
+/**
+ * Aggregates elements of `collection` on `accumulator` with keys transformed
+ * by `iteratee` and values set by `setter`.
+ *
+ * @private
+ * @param {Array|Object} collection The collection to iterate over.
+ * @param {Function} setter The function to set `accumulator` values.
+ * @param {Function} iteratee The iteratee to transform keys.
+ * @param {Object} accumulator The initial aggregated object.
+ * @returns {Function} Returns `accumulator`.
+ */
+function baseAggregator$1(collection, setter, iteratee, accumulator) {
+  baseEach(collection, function(value, key, collection) {
+    setter(accumulator, value, iteratee(value), collection);
+  });
+  return accumulator;
+}
+
+var _baseAggregator = baseAggregator$1;
+
+var arrayAggregator = _arrayAggregator,
+    baseAggregator = _baseAggregator,
+    baseIteratee = _baseIteratee,
+    isArray = isArray_1;
+
+/**
+ * Creates a function like `_.groupBy`.
+ *
+ * @private
+ * @param {Function} setter The function to set accumulator values.
+ * @param {Function} [initializer] The accumulator object initializer.
+ * @returns {Function} Returns the new aggregator function.
+ */
+function createAggregator$1(setter, initializer) {
+  return function(collection, iteratee) {
+    var func = isArray(collection) ? arrayAggregator : baseAggregator,
+        accumulator = initializer ? initializer() : {};
+
+    return func(collection, setter, baseIteratee(iteratee), accumulator);
+  };
+}
+
+var _createAggregator = createAggregator$1;
+
+var baseAssignValue = _baseAssignValue,
+    createAggregator = _createAggregator;
+
+/** Used for built-in method references. */
+var objectProto = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty = objectProto.hasOwnProperty;
+
+/**
+ * Creates an object composed of keys generated from the results of running
+ * each element of `collection` thru `iteratee`. The order of grouped values
+ * is determined by the order they occur in `collection`. The corresponding
+ * value of each key is an array of elements responsible for generating the
+ * key. The iteratee is invoked with one argument: (value).
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Collection
+ * @param {Array|Object} collection The collection to iterate over.
+ * @param {Function} [iteratee=_.identity] The iteratee to transform keys.
+ * @returns {Object} Returns the composed aggregate object.
+ * @example
+ *
+ * _.groupBy([6.1, 4.2, 6.3], Math.floor);
+ * // => { '4': [4.2], '6': [6.1, 6.3] }
+ *
+ * // The `_.property` iteratee shorthand.
+ * _.groupBy(['one', 'two', 'three'], 'length');
+ * // => { '3': ['one', 'two'], '5': ['three'] }
+ */
+var groupBy = createAggregator(function(result, value, key) {
+  if (hasOwnProperty.call(result, key)) {
+    result[key].push(value);
+  } else {
+    baseAssignValue(result, key, [value]);
+  }
+});
+
+var groupBy_1 = groupBy;
+
+var groupBy$1 = /*@__PURE__*/getDefaultExportFromCjs(groupBy_1);
+
+var css_248z$2 = ".u853Ql4cj50- {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.ig9l6LfEgwo-:not(:last-child) {\n  border-bottom: var(--border-base) solid var(--color-border);\n}\n\n.KIYTQdrufzY- {\n  position: relative;\n}\n\n.KIYTQdrufzY-:not(:last-child) .u853Ql4cj50- {\n  padding-bottom: var(--space-large);\n}\n";
+var styles$1 = {"list":"u853Ql4cj50-","item":"ig9l6LfEgwo-","section":"KIYTQdrufzY-"};
+styleInject(css_248z$2);
+
+var css_248z$1 = ".LUlooG82UJA- {\n  position: sticky;\n  top: 0;\n  padding: var(--space-small) var(--space-base);\n  border-bottom: 1px solid var(--color-border--section);\n  background-color: var(--color-surface);\n}\n\n._4LVpgNq-SLM- {\n  border-bottom-color: var(--color-greyBlue--light);\n  color: var(--color-greyBlue--light);\n}\n\n._0QhWokyE9PY- {\n  border-bottom-color: var(--color-green);\n  color: var(--color-green);\n}\n\n.J8wB3qqOlBc-,\n.Ujqj17pKDIE- {\n  border-bottom-color: var(--color-blue);\n  color: var(--color-blue);\n}\n\n._0lNxLGXhrfY- {\n  border-bottom-color: var(--color-orange);\n  color: var(--color-orange);\n}\n\n._4qPymF0CAAE- {\n  border-bottom-color: var(--color-red);\n  color: var(--color-red);\n}\n\n.kKYNLBSu9IQ- {\n  border-bottom-color: var(--color-teal);\n  color: var(--color-teal);\n}\n";
+var sectionStyles = {"sectionHeader":"LUlooG82UJA-","greyBlue":"_4LVpgNq-SLM-","green":"_0QhWokyE9PY-","blue":"J8wB3qqOlBc-","archived":"Ujqj17pKDIE-","orange":"_0lNxLGXhrfY-","red":"_4qPymF0CAAE-","teal":"kKYNLBSu9IQ-"};
+styleInject(css_248z$1);
+
+var css_248z = ".XPLf4Jp6feU- {\n  display: -ms-flexbox;\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: var(--space-small);\n  border: none;\n  text-align: left;\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  background-color: transparent;\n  transition: background-color var(--timing-base);\n  -webkit-appearance: none;\n          appearance: none;\n  -ms-flex-align: start;\n      align-items: flex-start;\n}\n\n.XPLf4Jp6feU- > * {\n  padding: var(--space-small);\n}\n\n.RseHYbVm4MA- {\n  cursor: pointer;\n}\n\n.RseHYbVm4MA-:hover,\n.RseHYbVm4MA-:focus {\n  outline: none;\n  background-color: var(--color-surface--hover);\n}\n\n.d1-zQvxPH-M- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex: 0 0 auto;\n      flex: 0 0 auto;\n  width: var(--space-large);\n  height: var(--space-large);\n  box-sizing: content-box;\n}\n\n._-58VuZf1TtM- {\n  -ms-flex: 1 1 auto;\n      flex: 1 1 auto;\n  min-width: 0;\n  -ms-flex-item-align: center;\n      align-self: center;\n}\n\n.wHB5zXYWW3E- {\n  -ms-flex: 0 0 auto;\n      flex: 0 0 auto;\n  text-align: right;\n}\n\n/* States */\n\n.C4DznaxLKiw- {\n  background-color: var(--color-surface--background);\n}\n\n.C4DznaxLKiw-:hover,\n.C4DznaxLKiw-:focus {\n  background-color: var(--color-surface--background--hover);\n}\n\n/* TODO: Move truncate in typography */\n\n.Brob-IpVv4o- {\n  display: block;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n";
+var styles = {"action":"XPLf4Jp6feU-","hoverable":"RseHYbVm4MA-","icon":"d1-zQvxPH-M-","info":"_-58VuZf1TtM-","amount":"wHB5zXYWW3E-","isActive":"C4DznaxLKiw-","truncate":"Brob-IpVv4o-"};
+styleInject(css_248z);
+
+function ListItem({ caption, content, icon, iconColor, id, isActive, onClick, title, url, value, }) {
+    const actionClasses = classnames(styles.action, isActive && styles.isActive, (onClick || url) && styles.hoverable);
+    const Wrapper = url ? "a" : "button";
+    const buttonProps = Object.assign({}, (Wrapper === "button" && { role: "button", type: "button" }));
+    return (React.createElement(Wrapper, Object.assign({ id: id.toString(), className: actionClasses, href: url, onClick: onClick }, buttonProps),
+        icon && (React.createElement("div", { className: styles.icon },
+            React.createElement(Icon, { name: icon, color: iconColor }))),
+        React.createElement("div", { className: styles.info },
+            title && React.createElement(Heading, { level: 5 }, title),
+            React.createElement(Description, { content: content }),
+            caption && (React.createElement(Text, { variation: "subdued" },
+                React.createElement(Typography, { element: "span", size: "small", emphasisType: "italic" }, caption)))),
+        value && (React.createElement("div", { className: styles.amount },
+            React.createElement(Text, null,
+                React.createElement(Emphasis, { variation: "bold" }, value))))));
+}
+function Description({ content }) {
+    if (content instanceof Array) {
+        return (React.createElement(React.Fragment, null, content.map((item, i) => (React.createElement(Text, { key: i },
+            React.createElement("span", { className: styles.truncate },
+                React.createElement(Markdown, { content: item, basicUsage: true })))))));
+    }
+    else {
+        return (React.createElement(Text, null,
+            React.createElement("span", { className: styles.truncate },
+                React.createElement(Markdown, { content: content, basicUsage: true }))));
+    }
+}
+
+function List({ items }) {
+    const isSectioned = items.some(item => item.section);
+    if (isSectioned) {
+        return React.createElement(SectionedList, { items: items });
+    }
+    else {
+        return React.createElement(DisplayList, { items: items });
+    }
+}
+function DisplayList({ items }) {
+    return (React.createElement("ul", { className: styles$1.list }, items.map(item => (React.createElement("li", { key: item.id, className: styles$1.item },
+        React.createElement(ListItem, Object.assign({}, item)))))));
+}
+function SectionedList({ items }) {
+    const sectionedItems = groupBy$1(items, item => get(item, "section", "Other"));
+    const sectionHeaderClassNames = classnames(sectionStyles.sectionHeader);
+    return (React.createElement("ul", { className: styles$1.list }, Object.keys(sectionedItems).map(sectionName => (React.createElement("li", { key: sectionName, className: styles$1.section },
+        React.createElement("div", { className: sectionHeaderClassNames },
+            React.createElement(Typography, { element: "h4", fontWeight: "bold", size: "large" }, sectionName)),
+        React.createElement("ul", { className: styles$1.list }, sectionedItems[sectionName].map(item => (React.createElement("li", { key: item.id, className: styles$1.item },
+            React.createElement(ListItem, Object.assign({}, item)))))))))));
+}
+
+export { List as L, ListItem as a };

package/dist/Markdown/index.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var Markdown = require('../Markdown-B2B4q1R4.js');
+require('react');
+require('react-markdown');
+require('../Text-D9gsHxbp.js');
+require('../Typography-Dx8KtnBw.js');
+require('classnames');
+require('../style-inject.es-XZHJH68X.js');
+require('../Emphasis-B3vf8Ek9.js');
+require('../Heading-suKDLmO4.js');
+require('../getAtlantisConfig-mcMVqf6m.js');
+require('../Content-B8Od1cqS.js');
+
+
+
+exports.Markdown = Markdown.Markdown;

package/dist/Markdown/index.mjs

@@ -0,0 +1,11 @@
+export { M as Markdown } from '../Markdown-BqNLA1UK.js';
+import 'react';
+import 'react-markdown';
+import '../Text-DEviM1Tv.js';
+import '../Typography-G8pA_xwj.js';
+import 'classnames';
+import '../style-inject.es-tgCJW-Cu.js';
+import '../Emphasis-xxFrrT2i.js';
+import '../Heading-CL3UujY7.js';
+import '../getAtlantisConfig-6FPWID0P.js';
+import '../Content-BknIp35w.js';

package/dist/Markdown-B2B4q1R4.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var React = require('react');
+var ReactMarkdown = require('react-markdown');
+var Text = require('./Text-D9gsHxbp.js');
+var Emphasis = require('./Emphasis-B3vf8Ek9.js');
+var Heading = require('./Heading-suKDLmO4.js');
+var Content = require('./Content-B8Od1cqS.js');
+
+function Markdown({ content, externalLink, basicUsage }) {
+    const props = Object.assign({}, (basicUsage && {
+        disallowedElements: [
+            "p",
+            "h1",
+            "h2",
+            "h3",
+            "h4",
+            "h5",
+            "h6",
+            "table",
+            "ul",
+            "li",
+            "code",
+            "image",
+        ],
+        unwrapDisallowed: true,
+    }));
+    const Tag = basicUsage ? React.Fragment : Content.Content;
+    return (React.createElement(Tag, null,
+        React.createElement(ReactMarkdown, Object.assign({}, props, { linkTarget: externalLink ? "_blank" : undefined, components: {
+                p: renderParagraph,
+                strong: renderStrong,
+                em: renderEmphasis,
+                h1: renderHeading(1),
+                h2: renderHeading(2),
+                h3: renderHeading(3),
+                h4: renderHeading(4),
+                h5: renderHeading(5),
+            } }), content)));
+}
+function renderParagraph({ children }) {
+    return React.createElement(Text.Text, null, children);
+}
+function renderStrong({ children }) {
+    return React.createElement(Emphasis.Emphasis, { variation: "bold" }, children);
+}
+function renderEmphasis({ children }) {
+    return React.createElement(Emphasis.Emphasis, { variation: "italic" }, children);
+}
+function renderHeading(level) {
+    function buildHeading({ children }) {
+        return React.createElement(Heading.Heading, { level: level }, children);
+    }
+    return buildHeading;
+}
+
+exports.Markdown = Markdown;

package/dist/Markdown-BqNLA1UK.js

@@ -0,0 +1,55 @@
+import React from 'react';
+import ReactMarkdown from 'react-markdown';
+import { T as Text } from './Text-DEviM1Tv.js';
+import { E as Emphasis } from './Emphasis-xxFrrT2i.js';
+import { H as Heading } from './Heading-CL3UujY7.js';
+import { C as Content } from './Content-BknIp35w.js';
+
+function Markdown({ content, externalLink, basicUsage }) {
+    const props = Object.assign({}, (basicUsage && {
+        disallowedElements: [
+            "p",
+            "h1",
+            "h2",
+            "h3",
+            "h4",
+            "h5",
+            "h6",
+            "table",
+            "ul",
+            "li",
+            "code",
+            "image",
+        ],
+        unwrapDisallowed: true,
+    }));
+    const Tag = basicUsage ? React.Fragment : Content;
+    return (React.createElement(Tag, null,
+        React.createElement(ReactMarkdown, Object.assign({}, props, { linkTarget: externalLink ? "_blank" : undefined, components: {
+                p: renderParagraph,
+                strong: renderStrong,
+                em: renderEmphasis,
+                h1: renderHeading(1),
+                h2: renderHeading(2),
+                h3: renderHeading(3),
+                h4: renderHeading(4),
+                h5: renderHeading(5),
+            } }), content)));
+}
+function renderParagraph({ children }) {
+    return React.createElement(Text, null, children);
+}
+function renderStrong({ children }) {
+    return React.createElement(Emphasis, { variation: "bold" }, children);
+}
+function renderEmphasis({ children }) {
+    return React.createElement(Emphasis, { variation: "italic" }, children);
+}
+function renderHeading(level) {
+    function buildHeading({ children }) {
+        return React.createElement(Heading, { level: level }, children);
+    }
+    return buildHeading;
+}
+
+export { Markdown as M };

package/dist/Menu/{index.js → index.cjs}

@@ -1,20 +1,18 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Menu = require('../Menu-083fc4c4.js');
+var Menu = require('../Menu-DWqTLjQu.js');
 require('react');
 require('classnames');
 require('framer-motion');
 require('@jobber/hooks/useOnKeyDown');
 require('@jobber/hooks/useRefocusOnActivator');
 require('@jobber/hooks/useSafeLayoutEffect');
-require('../style-inject.es-9d2f5f4e.js');
-require('../Button-b73a5e01.js');
+require('../style-inject.es-XZHJH68X.js');
+require('../Button-D3mW3Hcg.js');
 require('react-router-dom');
-require('../Icon-405a216c.js');
+require('../Icon-B9XNdA1T.js');
 require('@jobber/design');
-require('../Typography-c45bf216.js');
+require('../Typography-Dx8KtnBw.js');
 
 
 

package/dist/Menu/index.mjs

@@ -0,0 +1,13 @@
+export { M as Menu } from '../Menu-BXvyYPow.js';
+import 'react';
+import 'classnames';
+import 'framer-motion';
+import '@jobber/hooks/useOnKeyDown';
+import '@jobber/hooks/useRefocusOnActivator';
+import '@jobber/hooks/useSafeLayoutEffect';
+import '../style-inject.es-tgCJW-Cu.js';
+import '../Button-CWVwgwhn.js';
+import 'react-router-dom';
+import '../Icon-CoHJokXb.js';
+import '@jobber/design';
+import '../Typography-G8pA_xwj.js';