@elliemae/ds-group-box 3.0.0-next.2 → 3.0.0-next.6

package/dist/cjs/ActionItem.js

@@ -0,0 +1,55 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ActionItem_exports = {};
+__export(ActionItem_exports, {
+  default: () => ActionItem_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_prop_types = __toESM(require("prop-types"));
+const ActionItemNode = import_styled_components.default.div`
+  padding-right: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};
+  font-weight: 300;
+  overflow: hidden;
+  align-items: center;
+  display: flex;
+  &:last-child {
+    padding-right: 0;
+  }
+`;
+function ActionItem({ children }) {
+  return /* @__PURE__ */ import_react.default.createElement(ActionItemNode, null, children);
+}
+ActionItem.propTypes = {
+  children: import_prop_types.default.node.isRequired
+};
+var ActionItem_default = ActionItem;
+module.exports = __toCommonJS(ActionItem_exports);
+//# sourceMappingURL=ActionItem.js.map

package/dist/cjs/ActionItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ActionItem.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport styled from 'styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\n\nconst ActionItemNode = styled.div`\n  padding-right: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n  font-weight: 300;\n  overflow: hidden;\n  align-items: center;\n  display: flex;\n  &:last-child {\n    padding-right: 0;\n  }\n`;\n\nfunction ActionItem({ children }) {\n  return <ActionItemNode>{children}</ActionItemNode>;\n}\n\nActionItem.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default ActionItem;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,+BAAmB;AACnB,uBAAyC;AACzC,wBAAsB;AAEtB,MAAM,iBAAiB,iCAAO;AAAA,mBACX,WAAS,+CAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUvE,oBAAoB,EAAE,YAAY;AAChC,SAAO,mDAAC,gBAAD,MAAiB;AAAA;AAG1B,WAAW,YAAY;AAAA,EACrB,UAAU,0BAAU,KAAK;AAAA;AAG3B,IAAO,qBAAQ;",
+  "names": []
+}

package/dist/cjs/Actions.js

@@ -0,0 +1,64 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Actions_exports = {};
+__export(Actions_exports, {
+  Actions: () => Actions,
+  default: () => Actions_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_styled_components2 = require("@xstyled/styled-components");
+var import_ds_system = require("@elliemae/ds-system");
+var import_ActionItem = __toESM(require("./ActionItem"));
+const ActionsNode = import_styled_components.default.div`
+  display: flex;
+  flex-direction: row;
+  padding-left: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.m)};
+  overflow: hidden;
+  ${import_styled_components2.space}
+`;
+function Actions({ actions = [], centerActions, rightActions }) {
+  if (actions.length < 1)
+    return null;
+  return /* @__PURE__ */ import_react.default.createElement(ActionsNode, {
+    marginLeft: !!rightActions && "auto",
+    marginRight: !!centerActions && "auto"
+  }, actions.map((action, key) => /* @__PURE__ */ import_react.default.createElement(import_ActionItem.default, {
+    key
+  }, action)));
+}
+Actions.propTypes = {
+  actions: import_prop_types.default.array,
+  centerActions: import_prop_types.default.bool,
+  rightActions: import_prop_types.default.bool
+};
+var Actions_default = Actions;
+module.exports = __toCommonJS(Actions_exports);
+//# sourceMappingURL=Actions.js.map

package/dist/cjs/Actions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Actions.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/forbid-prop-types */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { space } from '@xstyled/styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport ActionItem from './ActionItem';\n\nconst ActionsNode = styled.div`\n  display: flex;\n  flex-direction: row;\n  padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n  overflow: hidden;\n  ${space}\n`;\n\nfunction Actions({ actions = [], centerActions, rightActions }) {\n  if (actions.length < 1) return null;\n  return (\n    <ActionsNode\n      marginLeft={!!rightActions && 'auto'}\n      marginRight={!!centerActions && 'auto'}\n    >\n      {actions.map((action, key) => (\n        <ActionItem key={key}>{action}</ActionItem>\n      ))}\n    </ActionsNode>\n  );\n}\n\nActions.propTypes = {\n  actions: PropTypes.array,\n  centerActions: PropTypes.bool,\n  rightActions: PropTypes.bool,\n};\n\nexport { Actions };\nexport default Actions;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAsB;AACtB,+BAAmB;AACnB,gCAAsB;AACtB,uBAAyC;AACzC,wBAAuB;AAEvB,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA,kBAGT,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM;AAAA;AAAA,IAEpE;AAAA;AAGJ,iBAAiB,EAAE,UAAU,IAAI,eAAe,gBAAgB;AAC9D,MAAI,QAAQ,SAAS;AAAG,WAAO;AAC/B,SACE,mDAAC,aAAD;AAAA,IACE,YAAY,CAAC,CAAC,gBAAgB;AAAA,IAC9B,aAAa,CAAC,CAAC,iBAAiB;AAAA,KAE/B,QAAQ,IAAI,CAAC,QAAQ,QACpB,mDAAC,2BAAD;AAAA,IAAY;AAAA,KAAW;AAAA;AAM/B,QAAQ,YAAY;AAAA,EAClB,SAAS,0BAAU;AAAA,EACnB,eAAe,0BAAU;AAAA,EACzB,cAAc,0BAAU;AAAA;AAI1B,IAAO,kBAAQ;",
+  "names": []
+}

package/dist/cjs/DSGroupBox.js

@@ -0,0 +1,121 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DSGroupBox_exports = {};
+__export(DSGroupBox_exports, {
+  DSGroupBox: () => DSGroupBox,
+  DSGroupBoxWithSchema: () => DSGroupBoxWithSchema,
+  default: () => DSGroupBox_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_blocks = require("./components/blocks");
+var import_GroupHeader = require("./components/GroupHeader");
+var import_constants = require("./constants");
+const DSGroupBox = ({
+  containerProps = {},
+  labelProps = {
+    labelText: "",
+    borderBottom: false,
+    id: "ds-group-box__header"
+  },
+  rightActions = [],
+  centerActions = [],
+  type = import_constants.BOX_TYPES.CATEGORY,
+  asRow = false,
+  onlyHeader = false,
+  noBorder = true,
+  noPadding = false,
+  children: components = [],
+  isMain = true
+}) => {
+  const { labelText } = labelProps;
+  return /* @__PURE__ */ import_react.default.createElement(import_blocks.GroupBoxWrapper, __spreadProps(__spreadValues({}, containerProps), {
+    classProps: { onlyHeader, noBorder, type, isMain }
+  }), labelText && /* @__PURE__ */ import_react.default.createElement(import_GroupHeader.DSGroupBoxHeader, {
+    centerActions,
+    isMain,
+    labelProps,
+    noBorder,
+    rightActions,
+    type
+  }), /* @__PURE__ */ import_react.default.createElement(import_blocks.GroupBoxContent, {
+    classProps: {
+      type,
+      asRow,
+      onlyHeader,
+      noPadding,
+      noBorder,
+      noBorderTop: !!labelText
+    }
+  }, components && components.props ? import_react.default.Children.map(components, (component) => import_react.default.cloneElement(component, __spreadProps(__spreadValues({}, component.props), {
+    isMain: false
+  })), null) : components));
+};
+const props = {
+  containerProps: import_react_desc.PropTypes.object.description("props to inject to wrapper"),
+  labelProps: import_react_desc.PropTypes.shape({
+    labelText: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.element]),
+    borderBottom: import_react_desc.PropTypes.bool,
+    id: import_react_desc.PropTypes.string
+  }).description("Label attributes to be rendered"),
+  type: import_react_desc.PropTypes.oneOf(import_constants.BOX_TYPES_ARRAY).description(import_constants.BOX_TYPES_ARRAY.toString()),
+  children: import_react_desc.PropTypes.oneOfType([
+    import_react_desc.PropTypes.element,
+    import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.element)
+  ]).isRequired.description("Components to be rendered inside the box"),
+  rightActions: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.element).description("Actions on the right side of the label"),
+  centerActions: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.element).description("Actions on the next to the label"),
+  asRow: import_react_desc.PropTypes.bool.description("Display the content of the group box with flex direction row"),
+  onlyHeader: import_react_desc.PropTypes.bool.description("Show border only on the header"),
+  noBorder: import_react_desc.PropTypes.bool.description("Remove the wrapper border"),
+  noPadding: import_react_desc.PropTypes.bool.description("Remove the top and bottom padding from the content")
+};
+DSGroupBox.propTypes = props;
+const DSGroupBoxWithSchema = (0, import_react_desc.describe)(DSGroupBox);
+DSGroupBoxWithSchema.propTypes = props;
+var DSGroupBox_default = DSGroupBox;
+module.exports = __toCommonJS(DSGroupBox_exports);
+//# sourceMappingURL=DSGroupBox.js.map

package/dist/cjs/DSGroupBox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSGroupBox.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { GroupBoxWrapper, GroupBoxContent } from './components/blocks';\nimport { DSGroupBoxHeader } from './components/GroupHeader';\nimport { BOX_TYPES, BOX_TYPES_ARRAY } from './constants';\n\nconst DSGroupBox = ({\n  containerProps = {},\n  labelProps = {\n    labelText: '',\n    borderBottom: false,\n    id: 'ds-group-box__header',\n  },\n  rightActions = [],\n  centerActions = [],\n  type = BOX_TYPES.CATEGORY,\n  asRow = false,\n  onlyHeader = false,\n  noBorder = true,\n  noPadding = false,\n  children: components = [],\n  // eslint-disable-next-line react/prop-types\n  isMain = true,\n}) => {\n  const { labelText } = labelProps;\n  return (\n    <GroupBoxWrapper\n      {...containerProps}\n      classProps={{ onlyHeader, noBorder, type, isMain }}\n    >\n      {labelText && (\n        <DSGroupBoxHeader\n          centerActions={centerActions}\n          isMain={isMain}\n          labelProps={labelProps}\n          noBorder={noBorder}\n          rightActions={rightActions}\n          type={type}\n        />\n      )}\n\n      <GroupBoxContent\n        classProps={{\n          type,\n          asRow,\n          onlyHeader,\n          noPadding,\n          noBorder,\n          noBorderTop: !!labelText,\n        }}\n      >\n        {components && components.props\n          ? React.Children.map(\n              components,\n              (component) =>\n                React.cloneElement(component, {\n                  ...component.props,\n                  isMain: false,\n                }),\n              null,\n            )\n          : components}\n      </GroupBoxContent>\n    </GroupBoxWrapper>\n  );\n};\n\nconst props = {\n  /** props to inject to wrapper */\n  containerProps: PropTypes.object.description('props to inject to wrapper'),\n  /**\n   * Label attributes to be rendered\n   */\n  labelProps: PropTypes.shape({\n    labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n    borderBottom: PropTypes.bool,\n    id: PropTypes.string,\n  }).description('Label attributes to be rendered'),\n  /**\n   * ['category-box', 'group-box']\n   */\n  type: PropTypes.oneOf(BOX_TYPES_ARRAY).description(\n    BOX_TYPES_ARRAY.toString(),\n  ),\n  /**\n   * Components to be rendered inside the box\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.arrayOf(PropTypes.element),\n  ]).isRequired.description('Components to be rendered inside the box'),\n  /**\n   * Actions on the right side of the label\n   */\n  rightActions: PropTypes.arrayOf(PropTypes.element).description(\n    'Actions on the right side of the label',\n  ),\n  /**\n   * Actions on the next to the label\n   */\n  centerActions: PropTypes.arrayOf(PropTypes.element).description(\n    'Actions on the next to the label',\n  ),\n  /**\n   * Display the content of the group box with flex direction row\n   */\n  asRow: PropTypes.bool.description(\n    'Display the content of the group box with flex direction row',\n  ),\n  /**\n   * Show border only on the header\n   */\n  onlyHeader: PropTypes.bool.description('Show border only on the header'),\n  /**\n   * Remove the wrapper border\n   */\n  noBorder: PropTypes.bool.description('Remove the wrapper border'),\n  /**\n   * Remove the top and bottom padding from the content\n   */\n  noPadding: PropTypes.bool.description(\n    'Remove the top and bottom padding from the content',\n  ),\n};\n\nDSGroupBox.propTypes = props;\nconst DSGroupBoxWithSchema = describe(DSGroupBox);\n\nDSGroupBoxWithSchema.propTypes = props;\n\nexport { DSGroupBox, DSGroupBoxWithSchema };\nexport default DSGroupBox;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,oBAAiD;AACjD,yBAAiC;AACjC,uBAA2C;AAE3C,MAAM,aAAa,CAAC;AAAA,EAClB,iBAAiB;AAAA,EACjB,aAAa;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,IAAI;AAAA;AAAA,EAEN,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,OAAO,2BAAU;AAAA,EACjB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU,aAAa;AAAA,EAEvB,SAAS;AAAA,MACL;AACJ,QAAM,EAAE,cAAc;AACtB,SACE,mDAAC,+BAAD,iCACM,iBADN;AAAA,IAEE,YAAY,EAAE,YAAY,UAAU,MAAM;AAAA,MAEzC,aACC,mDAAC,qCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAIJ,mDAAC,+BAAD;AAAA,IACE,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,CAAC,CAAC;AAAA;AAAA,KAGhB,cAAc,WAAW,QACtB,qBAAM,SAAS,IACb,YACA,CAAC,cACC,qBAAM,aAAa,WAAW,iCACzB,UAAU,QADe;AAAA,IAE5B,QAAQ;AAAA,OAEZ,QAEF;AAAA;AAMZ,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAI7C,YAAY,4BAAU,MAAM;AAAA,IAC1B,WAAW,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU;AAAA,IAC5D,cAAc,4BAAU;AAAA,IACxB,IAAI,4BAAU;AAAA,KACb,YAAY;AAAA,EAIf,MAAM,4BAAU,MAAM,kCAAiB,YACrC,iCAAgB;AAAA,EAKlB,UAAU,4BAAU,UAAU;AAAA,IAC5B,4BAAU;AAAA,IACV,4BAAU,QAAQ,4BAAU;AAAA,KAC3B,WAAW,YAAY;AAAA,EAI1B,cAAc,4BAAU,QAAQ,4BAAU,SAAS,YACjD;AAAA,EAKF,eAAe,4BAAU,QAAQ,4BAAU,SAAS,YAClD;AAAA,EAKF,OAAO,4BAAU,KAAK,YACpB;AAAA,EAKF,YAAY,4BAAU,KAAK,YAAY;AAAA,EAIvC,UAAU,4BAAU,KAAK,YAAY;AAAA,EAIrC,WAAW,4BAAU,KAAK,YACxB;AAAA;AAIJ,WAAW,YAAY;AACvB,MAAM,uBAAuB,gCAAS;AAEtC,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
+  "names": []
+}

package/dist/cjs/GroupBoxLabel.js

@@ -0,0 +1,83 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var GroupBoxLabel_exports = {};
+__export(GroupBoxLabel_exports, {
+  default: () => GroupBoxLabel_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_constants = require("./constants");
+const borderBase200 = (props) => `1px solid ${props.theme.colors.neutral[200]};`;
+const categoryBoxStyles = `
+  width: 100%;
+  height: 36px;
+  padding:0 0;
+  color: ${(props) => props.theme.colors.neutral[800]};
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  border-bottom: ${borderBase200}
+`;
+const groupBoxStyles = `
+  border: unset;
+  font-size: ${(props) => (0, import_ds_system.toMobile)(props.theme.fontSizes.title[500])};
+  padding: 12px 0;
+`;
+const GroupBoxLabelNode = import_styled_components.default.div`
+  ${(props) => props.nodeType === "category-box" ? categoryBoxStyles : groupBoxStyles}
+  ${(props) => props.noBorder ? "border: none;" : ""}
+  ${(props) => props.borderBottom ? `border-bottom: ${borderBase200(props)}` : ""}
+  ${(props) => props.isMain ? `padding-right: ${(0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};` : ""}
+`;
+function GroupBoxLabel({ borderBottom, children, noBorder, isMain, type, id }) {
+  return /* @__PURE__ */ import_react.default.createElement(GroupBoxLabelNode, {
+    borderBottom,
+    "data-testid": "ds-group-box__header",
+    isMain,
+    noBorder,
+    nodeType: type,
+    id
+  }, children);
+}
+GroupBoxLabel.propTypes = {
+  children: import_prop_types.default.oneOfType([
+    import_prop_types.default.arrayOf(import_prop_types.default.node),
+    import_prop_types.default.node
+  ]).isRequired,
+  type: import_prop_types.default.oneOf(import_constants.BOX_TYPES_ARRAY),
+  borderBottom: import_prop_types.default.bool,
+  isMain: import_prop_types.default.bool.isRequired,
+  noBorder: import_prop_types.default.bool,
+  id: import_prop_types.default.string
+};
+var GroupBoxLabel_default = GroupBoxLabel;
+module.exports = __toCommonJS(GroupBoxLabel_exports);
+//# sourceMappingURL=GroupBoxLabel.js.map

package/dist/cjs/GroupBoxLabel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/GroupBoxLabel.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { BOX_TYPES_ARRAY } from './constants';\n\nconst borderBase200 = (props) =>\n  `1px solid ${props.theme.colors.neutral[200]};`;\n\nconst categoryBoxStyles = `\n  width: 100%;\n  height: 36px;\n  padding:0 0;\n  color: ${(props) => props.theme.colors.neutral[800]};\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  border-bottom: ${borderBase200}\n`;\n\nconst groupBoxStyles = `\n  border: unset;\n  font-size: ${(props) => toMobile(props.theme.fontSizes.title[500])};\n  padding: 12px 0;\n`;\n\nconst GroupBoxLabelNode = styled.div`\n  ${(props) =>\n    props.nodeType === 'category-box' ? categoryBoxStyles : groupBoxStyles}\n  ${(props) => (props.noBorder ? 'border: none;' : '')}\n  ${(props) =>\n    props.borderBottom ? `border-bottom: ${borderBase200(props)}` : ''}\n  ${(props) =>\n    props.isMain\n      ? `padding-right: ${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};`\n      : ''}\n`;\nfunction GroupBoxLabel({ borderBottom, children, noBorder, isMain, type, id }) {\n  return (\n    <GroupBoxLabelNode\n      borderBottom={borderBottom}\n      data-testid=\"ds-group-box__header\"\n      isMain={isMain}\n      noBorder={noBorder}\n      nodeType={type}\n      id={id}\n    >\n      {children}\n    </GroupBoxLabelNode>\n  );\n}\n\nGroupBoxLabel.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]).isRequired,\n  type: PropTypes.oneOf(BOX_TYPES_ARRAY),\n  borderBottom: PropTypes.bool,\n  isMain: PropTypes.bool.isRequired,\n  noBorder: PropTypes.bool,\n  id: PropTypes.string,\n};\n\nexport default GroupBoxLabel;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,+BAAmB;AACnB,uBAAmD;AACnD,uBAAgC;AAEhC,MAAM,gBAAgB,CAAC,UACrB,aAAa,MAAM,MAAM,OAAO,QAAQ;AAE1C,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA,WAIf,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,mBAI9B;AAAA;AAGnB,MAAM,iBAAiB;AAAA;AAAA,eAER,CAAC,UAAU,+BAAS,MAAM,MAAM,UAAU,MAAM;AAAA;AAAA;AAI/D,MAAM,oBAAoB,iCAAO;AAAA,IAC7B,CAAC,UACD,MAAM,aAAa,iBAAiB,oBAAoB;AAAA,IACxD,CAAC,UAAW,MAAM,WAAW,kBAAkB;AAAA,IAC/C,CAAC,UACD,MAAM,eAAe,kBAAkB,cAAc,WAAW;AAAA,IAChE,CAAC,UACD,MAAM,SACF,kBAAkB,+CAAyB,MAAM,MAAM,MAAM,SAC7D;AAAA;AAER,uBAAuB,EAAE,cAAc,UAAU,UAAU,QAAQ,MAAM,MAAM;AAC7E,SACE,mDAAC,mBAAD;AAAA,IACE;AAAA,IACA,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,KAEC;AAAA;AAKP,cAAc,YAAY;AAAA,EACxB,UAAU,0BAAU,UAAU;AAAA,IAC5B,0BAAU,QAAQ,0BAAU;AAAA,IAC5B,0BAAU;AAAA,KACT;AAAA,EACH,MAAM,0BAAU,MAAM;AAAA,EACtB,cAAc,0BAAU;AAAA,EACxB,QAAQ,0BAAU,KAAK;AAAA,EACvB,UAAU,0BAAU;AAAA,EACpB,IAAI,0BAAU;AAAA;AAGhB,IAAO,wBAAQ;",
+  "names": []
+}

package/dist/cjs/LabelElement.js

@@ -0,0 +1,52 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var LabelElement_exports = {};
+__export(LabelElement_exports, {
+  default: () => LabelElement_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_system = require("@elliemae/ds-system");
+const LabelElementNode = import_styled_components.default.div`
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  font-size: ${(props) => (0, import_ds_system.toMobile)(props.theme.fontSizes.title[700])};
+  font-weight: 400;
+`;
+function LabelElement({ children }) {
+  return /* @__PURE__ */ import_react.default.createElement(LabelElementNode, null, children);
+}
+LabelElement.propTypes = {
+  children: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.node]).isRequired
+};
+var LabelElement_default = LabelElement;
+module.exports = __toCommonJS(LabelElement_exports);
+//# sourceMappingURL=LabelElement.js.map

package/dist/cjs/LabelElement.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/LabelElement.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { toMobile } from '@elliemae/ds-system';\n\nconst LabelElementNode = styled.div`\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  font-size: ${(props) => toMobile(props.theme.fontSizes.title[700])};\n  font-weight: 400;\n`;\n\nfunction LabelElement({ children }) {\n  return <LabelElementNode>{children}</LabelElementNode>;\n}\n\nLabelElement.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\n};\n\nexport default LabelElement;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,+BAAmB;AACnB,uBAAyB;AAEzB,MAAM,mBAAmB,iCAAO;AAAA;AAAA;AAAA;AAAA,eAIjB,CAAC,UAAU,+BAAS,MAAM,MAAM,UAAU,MAAM;AAAA;AAAA;AAI/D,sBAAsB,EAAE,YAAY;AAClC,SAAO,mDAAC,kBAAD,MAAmB;AAAA;AAG5B,aAAa,YAAY;AAAA,EACvB,UAAU,0BAAU,UAAU,CAAC,0BAAU,QAAQ,0BAAU,OAAO;AAAA;AAGpE,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/cjs/components/GroupHeader.js

@@ -0,0 +1,69 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var GroupHeader_exports = {};
+__export(GroupHeader_exports, {
+  DSGroupBoxHeader: () => DSGroupBoxHeader
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_truncated_tooltip_text = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
+var import_constants = require("../constants");
+var import_Actions = __toESM(require("../Actions"));
+var import_LabelElement = __toESM(require("../LabelElement"));
+var import_GroupBoxLabel = __toESM(require("../GroupBoxLabel"));
+const DSGroupBoxHeader = ({
+  labelProps = {
+    labelText: "",
+    borderBottom: false,
+    id: "ds-group-box__header"
+  },
+  rightActions = [],
+  centerActions = [],
+  type = import_constants.BOX_TYPES.CATEGORY,
+  noBorder,
+  isMain
+}) => {
+  const { labelText, borderBottom, id } = labelProps;
+  return /* @__PURE__ */ import_react.default.createElement(import_GroupBoxLabel.default, {
+    borderBottom,
+    isMain,
+    noBorder,
+    type,
+    id
+  }, /* @__PURE__ */ import_react.default.createElement(import_LabelElement.default, null, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.default, {
+    value: labelText
+  })), /* @__PURE__ */ import_react.default.createElement(import_Actions.default, {
+    actions: centerActions,
+    centerActions: centerActions.length > 0
+  }), /* @__PURE__ */ import_react.default.createElement(import_Actions.default, {
+    actions: rightActions,
+    rightActions: rightActions.length > 0
+  }));
+};
+module.exports = __toCommonJS(GroupHeader_exports);
+//# sourceMappingURL=GroupHeader.js.map

package/dist/cjs/components/GroupHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/GroupHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\nimport { BOX_TYPES } from '../constants';\nimport Actions from '../Actions';\nimport LabelElement from '../LabelElement';\nimport Label from '../GroupBoxLabel';\n\nexport const DSGroupBoxHeader = ({\n  labelProps = {\n    labelText: '',\n    borderBottom: false,\n    id: 'ds-group-box__header',\n  },\n  rightActions = [],\n  centerActions = [],\n  type = BOX_TYPES.CATEGORY,\n  noBorder,\n  isMain,\n}) => {\n  const { labelText, borderBottom, id } = labelProps;\n  return (\n    <Label\n      borderBottom={borderBottom}\n      isMain={isMain}\n      noBorder={noBorder}\n      type={type}\n      id={id}\n    >\n      <LabelElement>\n        <DSTruncatedTooltipText value={labelText} />\n      </LabelElement>\n      <Actions\n        actions={centerActions}\n        centerActions={centerActions.length > 0}\n      />\n      <Actions actions={rightActions} rightActions={rightActions.length > 0} />\n    </Label>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uCAAmC;AACnC,uBAA0B;AAC1B,qBAAoB;AACpB,0BAAyB;AACzB,2BAAkB;AAEX,MAAM,mBAAmB,CAAC;AAAA,EAC/B,aAAa;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,IAAI;AAAA;AAAA,EAEN,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,OAAO,2BAAU;AAAA,EACjB;AAAA,EACA;AAAA,MACI;AACJ,QAAM,EAAE,WAAW,cAAc,OAAO;AACxC,SACE,mDAAC,8BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEA,mDAAC,6BAAD,MACE,mDAAC,0CAAD;AAAA,IAAwB,OAAO;AAAA,OAEjC,mDAAC,wBAAD;AAAA,IACE,SAAS;AAAA,IACT,eAAe,cAAc,SAAS;AAAA,MAExC,mDAAC,wBAAD;AAAA,IAAS,SAAS;AAAA,IAAc,cAAc,aAAa,SAAS;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/components/blocks.js

@@ -0,0 +1,58 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var blocks_exports = {};
+__export(blocks_exports, {
+  GroupBoxContent: () => GroupBoxContent,
+  GroupBoxWrapper: () => GroupBoxWrapper,
+  Label: () => Label
+});
+var React = __toESM(require("react"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+const blockName = "group-box";
+const GroupBoxWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "wrapper", ({ onlyHeader, noBorder, type, isMain }) => ({
+  "only-header": onlyHeader,
+  "no-border": noBorder,
+  [type]: type,
+  "main-box": isMain,
+  "nested-box": !isMain
+}));
+const GroupBoxContent = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "content", ({ type, asRow, onlyHeader, noPadding, noBorder, noBorderTop }) => ({
+  [type]: type,
+  "as-row": asRow,
+  "only-header": onlyHeader,
+  "no-padding": noPadding,
+  "no-border": noBorder,
+  "no-border-top": noBorderTop
+}));
+const Label = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "label", ({ borderBottom, type, noBorder }) => ({
+  "border-bottom": borderBottom,
+  [type]: type,
+  "no-border": noBorder
+}));
+module.exports = __toCommonJS(blocks_exports);
+//# sourceMappingURL=blocks.js.map

package/dist/cjs/components/blocks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/blocks.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'group-box';\n\nexport const GroupBoxWrapper = aggregatedClasses('div')(\n  blockName,\n  'wrapper',\n  ({ onlyHeader, noBorder, type, isMain }) => ({\n    'only-header': onlyHeader,\n    'no-border': noBorder,\n    [type]: type,\n    'main-box': isMain,\n    'nested-box': !isMain,\n  }),\n);\n\nexport const GroupBoxContent = aggregatedClasses('div')(\n  blockName,\n  'content',\n  ({ type, asRow, onlyHeader, noPadding, noBorder, noBorderTop }) => ({\n    [type]: type,\n    'as-row': asRow,\n    'only-header': onlyHeader,\n    'no-padding': noPadding,\n    'no-border': noBorder,\n    'no-border-top': noBorderTop,\n  }),\n);\n\nexport const Label = aggregatedClasses('div')(\n  blockName,\n  'label',\n  ({ borderBottom, type, noBorder }) => ({\n    'border-bottom': borderBottom,\n    [type]: type,\n    'no-border': noBorder,\n  }),\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAElC,MAAM,YAAY;AAEX,MAAM,kBAAkB,4CAAkB,OAC/C,WACA,WACA,CAAC,EAAE,YAAY,UAAU,MAAM,aAAc;AAAA,EAC3C,eAAe;AAAA,EACf,aAAa;AAAA,GACZ,OAAO;AAAA,EACR,YAAY;AAAA,EACZ,cAAc,CAAC;AAAA;AAIZ,MAAM,kBAAkB,4CAAkB,OAC/C,WACA,WACA,CAAC,EAAE,MAAM,OAAO,YAAY,WAAW,UAAU,kBAAmB;AAAA,GACjE,OAAO;AAAA,EACR,UAAU;AAAA,EACV,eAAe;AAAA,EACf,cAAc;AAAA,EACd,aAAa;AAAA,EACb,iBAAiB;AAAA;AAId,MAAM,QAAQ,4CAAkB,OACrC,WACA,SACA,CAAC,EAAE,cAAc,MAAM,eAAgB;AAAA,EACrC,iBAAiB;AAAA,GAChB,OAAO;AAAA,EACR,aAAa;AAAA;",
+  "names": []
+}

package/dist/cjs/constants.js

@@ -0,0 +1,40 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var constants_exports = {};
+__export(constants_exports, {
+  BOX_TYPES: () => BOX_TYPES,
+  BOX_TYPES_ARRAY: () => BOX_TYPES_ARRAY
+});
+var React = __toESM(require("react"));
+const BOX_TYPES = {
+  CATEGORY: "category-box",
+  GROUP: "group-box"
+};
+const BOX_TYPES_ARRAY = [BOX_TYPES.CATEGORY, BOX_TYPES.GROUP];
+module.exports = __toCommonJS(constants_exports);
+//# sourceMappingURL=constants.js.map

package/dist/cjs/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/constants.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const BOX_TYPES = {\n  CATEGORY: 'category-box',\n  GROUP: 'group-box',\n};\nexport const BOX_TYPES_ARRAY = [BOX_TYPES.CATEGORY, BOX_TYPES.GROUP];\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,YAAY;AAAA,EACvB,UAAU;AAAA,EACV,OAAO;AAAA;AAEF,MAAM,kBAAkB,CAAC,UAAU,UAAU,UAAU;",
+  "names": []
+}