@elliemae/ds-card 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/detail/DetailCard.js

@@ -1,156 +1,200 @@
-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 DetailCard_exports = {};
-__export(DetailCard_exports, {
-  DSCardDetailWithSchema: () => DSCardDetailWithSchema,
-  DetailCard: () => DetailCard,
-  default: () => DetailCard_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_lodash = require("lodash");
-var import_react_desc = require("react-desc");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_system = require("@elliemae/ds-system");
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_ds_separator = __toESM(require("@elliemae/ds-separator"));
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_form = require("@elliemae/ds-form");
-var import_styled = require("./styled");
-const DetailCard = ({
-  title,
-  description,
-  descriptionColor = "neutral",
-  rightValue,
-  rightDescription,
-  rightAddon,
-  selectable = false,
-  isSelected = false,
-  onSelect = import_lodash.noop,
-  expandable = false,
-  isExpanded = false,
-  onExpand = import_lodash.noop,
-  expandContent,
-  readOnly = false,
-  disabled = false
-}) => {
-  const theme = (0, import_ds_system.useTheme)();
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var lodash = require('lodash');
+var reactDesc = require('react-desc');
+var dsIcons = require('@elliemae/ds-icons');
+var dsSystem = require('@elliemae/ds-system');
+var DSButton = require('@elliemae/ds-button');
+var DSSeparator = require('@elliemae/ds-separator');
+var dsGrid = require('@elliemae/ds-grid');
+var dsForm = require('@elliemae/ds-form');
+var styled = require('./styled.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+var DSSeparator__default = /*#__PURE__*/_interopDefaultLegacy(DSSeparator);
+
+var _Grid, _DSSeparator;
+
+const DetailCard = _ref => {
+  let {
+    title,
+    description,
+    descriptionColor = 'neutral',
+    rightValue,
+    rightDescription,
+    rightAddon,
+    // select props
+    selectable = false,
+    isSelected = false,
+    onSelect = lodash.noop,
+    // expand props
+    expandable = false,
+    isExpanded = false,
+    onExpand = lodash.noop,
+    expandContent,
+    // state props
+    readOnly = false,
+    disabled = false
+  } = _ref;
+  const theme = dsSystem.useTheme();
   const hasRightLegend = rightValue && rightDescription;
   const hasRightPosition = hasRightLegend || rightAddon;
-  const topWrapperCols = ["1fr"];
-  if (hasRightPosition)
-    topWrapperCols.push("auto");
-  if (expandable)
-    topWrapperCols.unshift("20px");
-  if (selectable)
-    topWrapperCols.unshift(theme.space.s);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styled.Container, {
-    disabled: disabled || readOnly,
-    active: selectable && isSelected,
-    "data-testid": "card-detail-container"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    cols: topWrapperCols,
-    alignItems: !description && "center"
-  }, selectable && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    pt: description && "9px"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
-    checked: isSelected,
-    onChange: onSelect,
-    readOnly,
-    disabled,
-    "data-testid": "card-checkbox"
-  })), expandable && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    height: "16px",
-    pt: description && "xxs",
-    mt: !description && "-5px"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-    size: "s",
-    buttonType: "text",
-    containerProps: {
-      "data-testid": "expand-button"
-    },
-    onClick: onExpand,
-    icon: isExpanded ? /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadDown, {
-      color: ["neutral", 500],
-      size: "s"
-    }) : /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadRight, {
-      color: ["neutral", 500],
-      size: "s"
-    }),
-    disabled
-  })), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    pr: "24px"
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.Title, null, title), description && /* @__PURE__ */ import_react.default.createElement(import_styled.Description, {
-    descriptionColor
-  }, description)), hasRightPosition && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    cols: (0, import_lodash.compact)([hasRightPosition && "auto", rightAddon && "auto"])
-  }, hasRightLegend && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    pr: "24px",
-    rows: ["auto", "auto", 1]
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.RightDescription, {
-    justifyContent: "flex-end"
-  }, rightDescription), /* @__PURE__ */ import_react.default.createElement(import_styled.RightValue, {
-    justifyContent: "flex-end"
-  }, rightValue), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null)), rightAddon && /* @__PURE__ */ import_react.default.createElement(import_styled.RightAddon, {
-    cols: ["auto", "auto"],
-    gutter: "2px"
-  }, rightAddon))), expandContent && isExpanded && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    ml: selectable && "s",
-    mr: rightAddon && "xs"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_separator.default, {
-    dashed: true,
-    position: "initial",
-    margin: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    pt: "xxs",
-    "data-testid": "detail-card-expanded-content"
-  }, expandContent))));
+  const topWrapperCols = ['1fr'];
+  if (hasRightPosition) topWrapperCols.push('auto');
+  if (expandable) topWrapperCols.unshift('20px');
+  if (selectable) topWrapperCols.unshift(theme.space.s);
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: /*#__PURE__*/_jsx__default["default"](styled.Container, {
+      disabled: disabled || readOnly,
+      active: selectable && isSelected,
+      "data-testid": "card-detail-container"
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      cols: topWrapperCols,
+      alignItems: !description && 'center'
+    }, void 0, selectable && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      pt: description && '9px'
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
+      checked: isSelected,
+      onChange: onSelect,
+      readOnly: readOnly,
+      disabled: disabled,
+      "data-testid": "card-checkbox"
+    })), expandable && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      height: "16px",
+      pt: description && 'xxs',
+      mt: !description && '-5px'
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+      size: "s",
+      buttonType: "text",
+      containerProps: {
+        'data-testid': 'expand-button'
+      },
+      onClick: onExpand,
+      icon: isExpanded ? /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {
+        color: ['neutral', 500],
+        size: "s"
+      }) : /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadRight, {
+        color: ['neutral', 500],
+        size: "s"
+      }),
+      disabled: disabled
+    })), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      pr: "24px"
+    }, void 0, /*#__PURE__*/_jsx__default["default"](styled.Title, {}, void 0, title), description && /*#__PURE__*/_jsx__default["default"](styled.Description, {
+      descriptionColor: descriptionColor
+    }, void 0, description)), hasRightPosition && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      cols: lodash.compact([hasRightPosition && 'auto', rightAddon && 'auto'])
+    }, void 0, hasRightLegend && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      pr: "24px",
+      rows: ['auto', 'auto', 1]
+    }, void 0, /*#__PURE__*/_jsx__default["default"](styled.RightDescription, {
+      justifyContent: "flex-end"
+    }, void 0, rightDescription), /*#__PURE__*/_jsx__default["default"](styled.RightValue, {
+      justifyContent: "flex-end"
+    }, void 0, rightValue), _Grid || (_Grid = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}))), rightAddon && /*#__PURE__*/_jsx__default["default"](styled.RightAddon, {
+      cols: ['auto', 'auto'],
+      gutter: "2px"
+    }, void 0, rightAddon))), expandContent && isExpanded && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      ml: selectable && 's',
+      mr: rightAddon && 'xs'
+    }, void 0, _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {
+      dashed: true,
+      position: "initial",
+      margin: "none"
+    })), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      pt: "xxs",
+      "data-testid": "detail-card-expanded-content"
+    }, void 0, expandContent)))
+  });
 };
+
 const detailProps = {
-  title: import_react_desc.PropTypes.string.isRequired.description("Title of the card."),
-  description: import_react_desc.PropTypes.string.description("Description of the card."),
-  descriptionColor: import_react_desc.PropTypes.oneOf(["primary", "neutral"]).description("Description color."),
-  rightValue: import_react_desc.PropTypes.string.description("Right value (should be used with `rightDescription`)"),
-  rightDescription: import_react_desc.PropTypes.string.description("Right description (should be used with `rightValue`)"),
-  rightAddon: import_react_desc.PropTypes.element.description("Right addon array, max elements: 2"),
-  selectable: import_react_desc.PropTypes.bool.description("Whether if the card is selectable or not"),
-  isSelected: import_react_desc.PropTypes.bool.description("Whether if the card is selected or not"),
-  onSelect: import_react_desc.PropTypes.func.description("Callback on selection"),
-  expandable: import_react_desc.PropTypes.bool.description("Whether if the card is expandable or not"),
-  isExpanded: import_react_desc.PropTypes.bool.description("Whether if the card is expanded or not"),
-  onExpand: import_react_desc.PropTypes.func.description("Callback on expand"),
-  expandContent: import_react_desc.PropTypes.element.description("Content"),
-  readOnly: import_react_desc.PropTypes.bool.description("Read only"),
-  disabled: import_react_desc.PropTypes.bool.description("Disabled")
+  /**
+   * Title of the card.
+   */
+  title: reactDesc.PropTypes.string.isRequired.description('Title of the card.'),
+
+  /**
+   * Description of the card.
+   */
+  description: reactDesc.PropTypes.string.description('Description of the card.'),
+
+  /**
+   * Description color.
+   */
+  descriptionColor: reactDesc.PropTypes.oneOf(['primary', 'neutral']).description('Description color.'),
+
+  /**
+   * Right value (should be used with `rightDescription`)
+   */
+  rightValue: reactDesc.PropTypes.string.description('Right value (should be used with `rightDescription`)'),
+
+  /**
+   * Right description (should be used with `rightValue`)
+   */
+  rightDescription: reactDesc.PropTypes.string.description('Right description (should be used with `rightValue`)'),
+
+  /**
+   * Right addon array, max elements: 2
+   */
+  rightAddon: reactDesc.PropTypes.element.description('Right addon array, max elements: 2'),
+
+  /**
+   * Whether if the card is selectable or not
+   */
+  selectable: reactDesc.PropTypes.bool.description('Whether if the card is selectable or not'),
+
+  /**
+   * Whether if the card is selected or not
+   */
+  isSelected: reactDesc.PropTypes.bool.description('Whether if the card is selected or not'),
+
+  /**
+   * Callback on selection
+   */
+  onSelect: reactDesc.PropTypes.func.description('Callback on selection'),
+
+  /**
+   * Whether if the card is expandable or not
+   */
+  expandable: reactDesc.PropTypes.bool.description('Whether if the card is expandable or not'),
+
+  /**
+   * Whether if the card is expanded or not
+   */
+  isExpanded: reactDesc.PropTypes.bool.description('Whether if the card is expanded or not'),
+
+  /**
+   * Callback on expand
+   */
+  onExpand: reactDesc.PropTypes.func.description('Callback on expand'),
+
+  /**
+   * Content
+   */
+  expandContent: reactDesc.PropTypes.element.description('Content'),
+
+  /**
+   * Read only
+   */
+  readOnly: reactDesc.PropTypes.bool.description('Read only'),
+
+  /**
+   * Disabled
+   */
+  disabled: reactDesc.PropTypes.bool.description('Disabled')
 };
-DetailCard.propTypes = detailProps;
-const DSCardDetailWithSchema = (0, import_react_desc.describe)(DetailCard);
+const DSCardDetailWithSchema = reactDesc.describe(DetailCard);
 DSCardDetailWithSchema.propTypes = detailProps;
-var DetailCard_default = DetailCard;
-module.exports = __toCommonJS(DetailCard_exports);
-//# sourceMappingURL=DetailCard.js.map
+
+exports.DSCardDetailWithSchema = DSCardDetailWithSchema;
+exports.DetailCard = DetailCard;
+exports["default"] = DetailCard;

package/cjs/detail/styled.js

@@ -1,107 +1,61 @@
-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 });
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+var dsGrid = require('@elliemae/ds-grid');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const Separator = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-nx8lwv-0"
+})(["width:100%;height:24px;border-right:1px solid ", ";margin:0 8px;"], props => props.theme.colors.neutral['300']);
+const Title = /*#__PURE__*/styled__default["default"].h3.withConfig({
+  componentId: "sc-nx8lwv-1"
+})(["margin:0;font-size:16px;min-height:20px;font-weight:", ";color:", ";"], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['700']);
+const Description = /*#__PURE__*/styled__default["default"].p.withConfig({
+  componentId: "sc-nx8lwv-2"
+})(["margin:0;font-size:12px;min-height:18px;display:flex;align-items:center;color:", ";"], props => props.descriptionColor === 'neutral' ? props.theme.colors.neutral['600'] : props.theme.colors.brand['600']);
+const RightAddon = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-nx8lwv-3"
+})(["margin:0;white-space:nowrap;"]);
+const RightDescription = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-nx8lwv-4"
+})(["margin:0;white-space:nowrap;font-size:12px;color:", ";"], props => props.theme.colors.neutral['600']);
+const RightValue = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-nx8lwv-5"
+})(["margin:0;white-space:nowrap;font-size:14px;color:", ";"], props => props.theme.colors.neutral['800']);
+const ExpandContent = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-nx8lwv-6"
+})(["font-size:12px;"]);
+
+const border = _ref => {
+  let {
+    active,
+    theme
+  } = _ref;
+  return active ? theme.colors.brand['600'] : theme.colors.neutral['200'];
 };
-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;
+
+const background = _ref2 => {
+  let {
+    active,
+    theme
+  } = _ref2;
+  return active ? theme.colors.brand['100'] : theme.colors.neutral['000'];
 };
-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 styled_exports = {};
-__export(styled_exports, {
-  Container: () => Container,
-  Description: () => Description,
-  ExpandContent: () => ExpandContent,
-  RightAddon: () => RightAddon,
-  RightDescription: () => RightDescription,
-  RightValue: () => RightValue,
-  Separator: () => Separator,
-  Title: () => Title
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_grid = require("@elliemae/ds-grid");
-const Separator = import_styled_components.default.div`
-  width: 100%;
-  height: 24px;
-  border-right: 1px solid ${(props) => props.theme.colors.neutral["300"]};
-  margin: 0 8px;
-`;
-const Title = import_styled_components.default.h3`
-  margin: 0;
-  font-size: 16px;
-  min-height: 20px;
-  font-weight: ${(props) => props.theme.fontWeights.semibold};
-  color: ${(props) => props.theme.colors.neutral["700"]};
-`;
-const Description = import_styled_components.default.p`
-  margin: 0;
-  font-size: 12px;
-  min-height: 18px;
-  display: flex;
-  align-items: center;
-  color: ${(props) => props.descriptionColor === "neutral" ? props.theme.colors.neutral["600"] : props.theme.colors.brand["600"]};
-`;
-const RightAddon = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  margin: 0;
-  white-space: nowrap;
-`;
-const RightDescription = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  margin: 0;
-  white-space: nowrap;
-  font-size: 12px;
-  color: ${(props) => props.theme.colors.neutral["600"]};
-`;
-const RightValue = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  margin: 0;
-  white-space: nowrap;
-  font-size: 14px;
-  color: ${(props) => props.theme.colors.neutral["800"]};
-`;
-const ExpandContent = import_styled_components.default.div`
-  font-size: 12px;
-`;
-const border = ({ active, theme }) => active ? theme.colors.brand["600"] : theme.colors.neutral["200"];
-const background = ({ active, theme }) => active ? theme.colors.brand["100"] : theme.colors.neutral["000"];
-const Container = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  width: 100%;
-  min-height: 52px;
-  min-width: 244px;
-  padding: 6px 8px 6px 12px;
-  position: relative;
-  border-top: 1px solid ${border};
-  border-bottom: 1px solid ${border};
-  background: ${background};
-  ${(props) => props.disabled ? `
-    ${Title}, ${Description}, ${RightDescription}, ${RightValue} {
-      color: ${props.theme.colors.neutral["500"]};
-    }
-  ` : ""}
-  &:hover {
-    box-shadow: 0 2px 4px 0 rgba(53, 60, 70, 0.5);
-    z-index: 1;
-  }
-  /* & + ${Container} {
-    border-top-color: blue;
-  } */
-`;
-module.exports = __toCommonJS(styled_exports);
-//# sourceMappingURL=styled.js.map
+
+const Container = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-nx8lwv-7"
+})(["width:100%;min-height:52px;min-width:244px;padding:6px 8px 6px 12px;position:relative;border-top:1px solid ", ";border-bottom:1px solid ", ";background:", ";", " &:hover{box-shadow:0 2px 4px 0 rgba(53,60,70,0.5);z-index:1;}"], border, border, background, props => props.disabled ? "\n    ".concat(Title, ", ").concat(Description, ", ").concat(RightDescription, ", ").concat(RightValue, " {\n      color: ").concat(props.theme.colors.neutral['500'], ";\n    }\n  ") : '');
+
+exports.Container = Container;
+exports.Description = Description;
+exports.ExpandContent = ExpandContent;
+exports.RightAddon = RightAddon;
+exports.RightDescription = RightDescription;
+exports.RightValue = RightValue;
+exports.Separator = Separator;
+exports.Title = Title;

package/cjs/index.js

@@ -1,42 +1,29 @@
-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 src_exports = {};
-__export(src_exports, {
-  default: () => import_DSCard.default
-});
-var React = __toESM(require("react"));
-__reExport(src_exports, require("./DSCard"));
-__reExport(src_exports, require("./DSCardHeader"));
-__reExport(src_exports, require("./DSCardBody"));
-__reExport(src_exports, require("./v2/Card"));
-__reExport(src_exports, require("./v2/Group"));
-__reExport(src_exports, require("./v2/ActionAddon"));
-__reExport(src_exports, require("./detail/DetailCard"));
-var import_DSCard = require("./DSCard");
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSCard = require('./DSCard.js');
+var DSCardHeader = require('./DSCardHeader.js');
+var DSCardBody = require('./DSCardBody.js');
+var Card = require('./v2/Card.js');
+var Group = require('./v2/Group.js');
+var ActionAddon = require('./v2/ActionAddon.js');
+var DetailCard = require('./detail/DetailCard.js');
+
+
+
+exports.DSCard = DSCard.DSCard;
+exports.DSCardWithSchema = DSCard.DSCardWithSchema;
+exports["default"] = DSCard.DSCard;
+exports.DSCardHeader = DSCardHeader.DSCardHeader;
+exports.DSCardHeaderWithSchema = DSCardHeader.DSCardHeaderWithSchema;
+exports.DSCardBody = DSCardBody.DSCardBody;
+exports.DSCardBodyWithSchema = DSCardBody.DSCardBodyWithSchema;
+exports.CustomCard = Card.CustomCard;
+exports.DSCardCustomWithSchema = Card.DSCardCustomWithSchema;
+exports.CardGroup = Group.CardGroup;
+exports.DSCardGroupWithSchema = Group.DSCardGroupWithSchema;
+exports.ActionAddon = ActionAddon.ActionAddon;
+exports.DSCardActionAddonWithSchema = ActionAddon.DSCardActionAddonWithSchema;
+exports.DSCardDetailWithSchema = DetailCard.DSCardDetailWithSchema;
+exports.DetailCard = DetailCard.DetailCard;