@elliemae/ds-card-v2-group 3.21.0-next.1

package/dist/cjs/DSCardV2Group.js

@@ -0,0 +1,67 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSCardV2Group_exports = {};
+__export(DSCardV2Group_exports, {
+  DSCardV2Group: () => DSCardV2Group,
+  DSCardV2GroupWithSchema: () => DSCardV2GroupWithSchema
+});
+module.exports = __toCommonJS(DSCardV2Group_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_useCardV2Group = require("./config/useCardV2Group.js");
+var import_styles = require("./styles.js");
+var import_constants = require("./constants/index.js");
+const DSCardV2Group = (props) => {
+  const { propsWithDefault, globalProps, xstyledProps } = (0, import_useCardV2Group.useCardV2Group)(props);
+  const { children, title, action } = propsWithDefault;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_styles.Group,
+    {
+      withTopBorder: !title,
+      getOwnerProps: () => propsWithDefault,
+      getOwnerPropsArguments: () => ({}),
+      ...globalProps,
+      ...xstyledProps,
+      children: [
+        !!title && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.TitleWrapper, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.GroupTitle, { children: title }),
+          action
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Items, { children })
+      ]
+    }
+  );
+};
+DSCardV2Group.propTypes = import_react_desc_prop_types.DSCardV2GroupPropTypesSchema;
+DSCardV2Group.displayName = import_constants.DSCardV2GroupName;
+const DSCardV2GroupWithSchema = (0, import_ds_utilities.describe)(DSCardV2Group);
+DSCardV2GroupWithSchema.propTypes = import_react_desc_prop_types.DSCardV2GroupPropTypesSchema;
+//# sourceMappingURL=DSCardV2Group.js.map

package/dist/cjs/DSCardV2Group.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSCardV2Group.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { type DSCardV2GroupT, DSCardV2GroupPropTypesSchema } from './react-desc-prop-types.js';\nimport { useCardV2Group } from './config/useCardV2Group.js';\nimport { Group, TitleWrapper, GroupTitle, Items } from './styles.js';\nimport { DSCardV2GroupName } from './constants/index.js';\n\nconst DSCardV2Group: React.ComponentType<DSCardV2GroupT.Props> = (props) => {\n  const { propsWithDefault, globalProps, xstyledProps } = useCardV2Group(props);\n  const { children, title, action } = propsWithDefault;\n  return (\n    <Group\n      withTopBorder={!title}\n      getOwnerProps={() => propsWithDefault}\n      getOwnerPropsArguments={() => ({})}\n      {...globalProps}\n      {...xstyledProps}\n    >\n      {!!title && (\n        <TitleWrapper>\n          <GroupTitle>{title}</GroupTitle>\n          {action}\n        </TitleWrapper>\n      )}\n      <Items>{children}</Items>\n    </Group>\n  );\n};\n\nDSCardV2Group.propTypes = DSCardV2GroupPropTypesSchema;\nDSCardV2Group.displayName = DSCardV2GroupName;\nconst DSCardV2GroupWithSchema = describe(DSCardV2Group);\nDSCardV2GroupWithSchema.propTypes = DSCardV2GroupPropTypesSchema;\n\nexport { DSCardV2Group, DSCardV2GroupWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmBf;AAlBR,0BAAyB;AACzB,mCAAkE;AAClE,4BAA+B;AAC/B,oBAAuD;AACvD,uBAAkC;AAElC,MAAM,gBAA2D,CAAC,UAAU;AAC1E,QAAM,EAAE,kBAAkB,aAAa,aAAa,QAAI,sCAAe,KAAK;AAC5E,QAAM,EAAE,UAAU,OAAO,OAAO,IAAI;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,CAAC;AAAA,MAChB,eAAe,MAAM;AAAA,MACrB,wBAAwB,OAAO,CAAC;AAAA,MAC/B,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA,SAAC,CAAC,SACD,6CAAC,8BACC;AAAA,sDAAC,4BAAY,iBAAM;AAAA,UAClB;AAAA,WACH;AAAA,QAEF,4CAAC,uBAAO,UAAS;AAAA;AAAA;AAAA,EACnB;AAEJ;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,8BAA0B,8BAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "names": []
+}

package/dist/cjs/config/useCardV2Group.js

@@ -0,0 +1,65 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useCardV2Group_exports = {};
+__export(useCardV2Group_exports, {
+  useCardV2Group: () => useCardV2Group
+});
+module.exports = __toCommonJS(useCardV2Group_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_lodash = require("lodash");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_uid = require("uid");
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
+var import_useValidateProps = require("./useValidateProps.js");
+const useCardV2Group = (propsFromUser) => {
+  const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(propsFromUser, import_react_desc_prop_types.defaultProps);
+  (0, import_useValidateProps.useValidateProps)(propsWithDefault, import_react_desc_prop_types.DSCardV2GroupPropTypes);
+  const globalProps = (0, import_lodash.omit)((0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefault), ["cols", "rows", "wrap"]);
+  const xstyledProps = (0, import_ds_utilities.useGetXstyledProps)(propsWithDefault);
+  const { id } = propsWithDefault;
+  const instanceUid = import_react.default.useMemo(() => id || (0, import_uid.uid)(5), [id]);
+  return import_react.default.useMemo(
+    () => ({
+      propsWithDefault,
+      globalProps,
+      xstyledProps,
+      instanceUid
+      // ...eventHandlers,
+    }),
+    [
+      propsWithDefault,
+      globalProps,
+      xstyledProps,
+      instanceUid
+      // eventHandlers,
+    ]
+  );
+};
+//# sourceMappingURL=useCardV2Group.js.map

package/dist/cjs/config/useCardV2Group.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useCardV2Group.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { omit } from 'lodash';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { uid } from 'uid';\nimport { type DSCardV2GroupT, DSCardV2GroupPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface CardV2GroupCTX {\n  propsWithDefault: DSCardV2GroupT.InternalProps;\n  globalProps: ReturnType<typeof useGetGlobalAttributes>;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n  instanceUid: string;\n}\n\nexport const useCardV2Group = (propsFromUser: DSCardV2GroupT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSCardV2GroupT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSCardV2GroupPropTypes);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalProps = omit(useGetGlobalAttributes<DSCardV2GroupT.InternalProps>(propsWithDefault), ['cols', 'rows', 'wrap']);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  // custom code goes here, this is an example\n  const { id } = propsWithDefault;\n  const instanceUid = React.useMemo(() => id || uid(5), [id]);\n  // =============================================================================\n  // HELPERS HOOKS CONFIGS\n  // =============================================================================\n  // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      globalProps,\n      xstyledProps,\n      instanceUid,\n      // ...eventHandlers,\n    }),\n    [\n      propsWithDefault,\n      globalProps,\n      xstyledProps,\n      instanceUid,\n      // eventHandlers,\n    ],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAqB;AACrB,0BAAyF;AACzF,iBAAoB;AACpB,mCAA0E;AAC1E,8BAAiC;AAS1B,MAAM,iBAAiB,CAAC,kBAAwC;AAIrE,QAAM,uBAAmB,kDAA2D,eAAe,yCAAY;AAC/G,gDAAiB,kBAAkB,mDAAsB;AAIzD,QAAM,kBAAc,wBAAK,4CAAqD,gBAAgB,GAAG,CAAC,QAAQ,QAAQ,MAAM,CAAC;AACzH,QAAM,mBAAe,wCAAmB,gBAAgB;AAKxD,QAAM,EAAE,GAAG,IAAI;AACf,QAAM,cAAc,aAAAA,QAAM,QAAQ,MAAM,UAAM,gBAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAM1D,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,EACF;AACF;",
+  "names": ["React"]
+}

package/dist/cjs/config/useValidateProps.js

@@ -0,0 +1,40 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useValidateProps_exports = {};
+__export(useValidateProps_exports, {
+  useValidateProps: () => useValidateProps
+});
+module.exports = __toCommonJS(useValidateProps_exports);
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_constants = require("../constants/index.js");
+const useValidateProps = (props, propTypes) => {
+  (0, import_ds_utilities.useValidateTypescriptPropTypes)(props, propTypes, import_constants.DSCardV2GroupName);
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/cjs/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useValidateProps.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-utilities';\nimport type { WeakValidationMap } from 'react';\nimport { type DSCardV2GroupT } from '../react-desc-prop-types.js';\nimport { DSCardV2GroupName } from '../constants/index.js';\n\nexport const useValidateProps = (props: DSCardV2GroupT.InternalProps, propTypes: WeakValidationMap<unknown>): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSCardV2GroupName);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA+C;AAG/C,uBAAkC;AAE3B,MAAM,mBAAmB,CAAC,OAAqC,cAAgD;AAEpH,0DAA+B,OAAO,WAAW,kCAAiB;AACpE;",
+  "names": []
+}

package/dist/cjs/constants/index.js

@@ -0,0 +1,46 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var constants_exports = {};
+__export(constants_exports, {
+  CARD_V2_GROUP_DATA_TESTID: () => CARD_V2_GROUP_DATA_TESTID,
+  CARD_V2_GROUP_SLOTS: () => CARD_V2_GROUP_SLOTS,
+  DSCardV2GroupName: () => DSCardV2GroupName
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+const DSCardV2GroupName = "DSCardV2Group";
+const CARD_V2_GROUP_SLOTS = {
+  GROUP: "group",
+  GROUP_TITLE: "group-title",
+  TITLE_WRAPPER: "title-wrapper",
+  ITEMS: "items"
+};
+const CARD_V2_GROUP_DATA_TESTID = (0, import_ds_system.slotObjectToDataTestIds)(DSCardV2GroupName, CARD_V2_GROUP_SLOTS);
+//# sourceMappingURL=index.js.map

package/dist/cjs/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSCardV2GroupName = 'DSCardV2Group';\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators \nexport const CARD_V2_GROUP_SLOTS = {\n  GROUP: 'group',\n  GROUP_TITLE: 'group-title',\n  TITLE_WRAPPER: 'title-wrapper',\n  ITEMS: 'items',\n} as const;\n\n// we are giving \"component_name_data_testid\" to avoid errors on duplicate exports variables in aggregators\nexport const CARD_V2_GROUP_DATA_TESTID = slotObjectToDataTestIds(DSCardV2GroupName, CARD_V2_GROUP_SLOTS);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,oBAAoB;AAG1B,MAAM,sBAAsB;AAAA,EACjC,OAAO;AAAA,EACP,aAAa;AAAA,EACb,eAAe;AAAA,EACf,OAAO;AACT;AAGO,MAAM,gCAA4B,0CAAwB,mBAAmB,mBAAmB;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,41 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__export(src_exports, {
+  CARD_V2_GROUP_DATA_TESTID: () => import_constants.CARD_V2_GROUP_DATA_TESTID,
+  DSCardGroupWithSchema: () => import_DSCardV2Group.DSCardV2GroupWithSchema,
+  DSCardV2Group: () => import_DSCardV2Group.DSCardV2Group,
+  DSCardV2GroupWithSchema: () => import_DSCardV2Group.DSCardV2GroupWithSchema
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_DSCardV2Group = require("./DSCardV2Group.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_constants = require("./constants/index.js");
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport {\n  DSCardV2Group,\n  DSCardV2GroupWithSchema,\n  DSCardV2GroupWithSchema as DSCardGroupWithSchema,\n} from './DSCardV2Group.js';\nexport { type DSCardV2GroupT } from './react-desc-prop-types.js';\nexport { CARD_V2_GROUP_DATA_TESTID } from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,2BAIO;AACP,mCAAoC;AACpC,uBAA0C;",
+  "names": []
+}

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/cjs/react-desc-prop-types.js

@@ -0,0 +1,56 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSCardV2GroupPropTypes: () => DSCardV2GroupPropTypes,
+  DSCardV2GroupPropTypesSchema: () => DSCardV2GroupPropTypesSchema,
+  defaultProps: () => defaultProps
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+const defaultProps = {};
+const DSCardV2GroupPropTypes = {
+  ...import_ds_utilities.globalAttributesPropTypes,
+  ...import_ds_utilities.xstyledPropTypes,
+  /**
+   * Card items
+   */
+  children: import_ds_utilities.PropTypes.element.isRequired.description("Card items"),
+  /**
+   * Title of the group
+   */
+  title: import_ds_utilities.PropTypes.string.isRequired.description("Title of the group"),
+  /**
+   * Right addon action
+   */
+  action: import_ds_utilities.PropTypes.element.description("Right addon action")
+};
+const DSCardV2GroupPropTypesSchema = DSCardV2GroupPropTypes;
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react-desc-prop-types.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { WeakValidationMap } from 'react';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-utilities';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\n\nexport declare namespace DSCardV2GroupT {\n  export interface RequiredProps {\n    children: React.ReactElement<[]>;\n    title: string;\n  }\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {\n    action: React.ReactElement<[]>;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLButtonElement>,\n        keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps\n      >,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLButtonElement>,\n        keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps\n      >,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSCardV2GroupT.DefaultProps = {};\n\nexport const DSCardV2GroupPropTypes: DSPropTypesSchema<DSCardV2GroupT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  /**\n   * Card items\n   */\n  children: PropTypes.element.isRequired.description('Card items'),\n  /**\n   * Title of the group\n   */\n  title: PropTypes.string.isRequired.description('Title of the group'),\n  /**\n   * Right addon action\n   */\n  action: PropTypes.element.description('Right addon action'),\n};\n\nexport const DSCardV2GroupPropTypesSchema =\n  DSCardV2GroupPropTypes as unknown as WeakValidationMap<DSCardV2GroupT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,0BAAuE;AAmChE,MAAM,eAA4C,CAAC;AAEnD,MAAM,yBAAkE;AAAA,EAC7E,GAAG;AAAA,EACH,GAAG;AAAA;AAAA;AAAA;AAAA,EAIH,UAAU,8BAAU,QAAQ,WAAW,YAAY,YAAY;AAAA;AAAA;AAAA;AAAA,EAI/D,OAAO,8BAAU,OAAO,WAAW,YAAY,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAInE,QAAQ,8BAAU,QAAQ,YAAY,oBAAoB;AAC5D;AAEO,MAAM,+BACX;",
+  "names": []
+}

package/dist/cjs/styles.js

@@ -0,0 +1,69 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styles_exports = {};
+__export(styles_exports, {
+  Group: () => Group,
+  GroupTitle: () => GroupTitle,
+  Items: () => Items,
+  TitleWrapper: () => TitleWrapper
+});
+module.exports = __toCommonJS(styles_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_card_v2 = require("@elliemae/ds-card-v2");
+var import_constants = require("./constants/index.js");
+const Group = (0, import_ds_system.styled)("div", { name: import_constants.DSCardV2GroupName, slot: import_constants.CARD_V2_GROUP_SLOTS.GROUP })`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  max-width: 100%;
+  ${import_ds_card_v2.DSCardV2} {
+    border-top: none;
+  }
+  ${({ theme, withTopBorder }) => withTopBorder ? `border-top: ${theme.colors.neutral["100"]}` : ""}
+`;
+const GroupTitle = (0, import_ds_system.styled)("span", { name: import_constants.DSCardV2GroupName, slot: import_constants.CARD_V2_GROUP_SLOTS.GROUP_TITLE })`
+  ${(0, import_ds_system.truncate)()}
+`;
+const TitleWrapper = (0, import_ds_system.styled)("div", { name: import_constants.DSCardV2GroupName, slot: import_constants.CARD_V2_GROUP_SLOTS.TITLE_WRAPPER })`
+  display: flex;
+  justify-content: space-between;
+  padding: 0 ${(props) => props.theme.space.xs};
+  font-size: 12px;
+  ${(0, import_ds_system.color)("neutral", "700")};
+  font-weight: ${(props) => props.theme.fontWeights.semibold};
+  background-color: ${(props) => props.theme.colors.neutral["080"]};
+  border-top: ${(props) => (0, import_ds_system.border)(props.theme.colors.neutral["080"])};
+  line-height: 24px;
+`;
+const Items = (0, import_ds_system.styled)("div", { name: import_constants.DSCardV2GroupName, slot: import_constants.CARD_V2_GROUP_SLOTS.ITEMS })`
+  display: flex;
+  flex-direction: column;
+`;
+//# sourceMappingURL=styles.js.map

package/dist/cjs/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styles.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { color, border, truncate, styled } from '@elliemae/ds-system';\nimport { DSCardV2 } from '@elliemae/ds-card-v2';\nimport { CARD_V2_GROUP_SLOTS, DSCardV2GroupName } from './constants/index.js';\nimport type { DSCardV2GroupT } from './react-desc-prop-types.js';\n\nconst Group = styled('div', { name: DSCardV2GroupName, slot: CARD_V2_GROUP_SLOTS.GROUP })<\n  DSCardV2GroupT.Props & { withTopBorder: boolean }\n>`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  max-width: 100%;\n  ${DSCardV2} {\n    border-top: none;\n  }\n  ${({ theme, withTopBorder }) => (withTopBorder ? `border-top: ${theme.colors.neutral['100']}` : '')}\n`;\n\nconst GroupTitle = styled('span', { name: DSCardV2GroupName, slot: CARD_V2_GROUP_SLOTS.GROUP_TITLE })`\n  ${truncate()}\n`;\n\nconst TitleWrapper = styled('div', { name: DSCardV2GroupName, slot: CARD_V2_GROUP_SLOTS.TITLE_WRAPPER })`\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ${(props) => props.theme.space.xs};\n  font-size: 12px;\n  ${color('neutral', '700')};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  background-color: ${(props) => props.theme.colors.neutral['080']};\n  border-top: ${(props) => border(props.theme.colors.neutral['080'])};\n  line-height: 24px;\n`;\n\nconst Items = styled('div', { name: DSCardV2GroupName, slot: CARD_V2_GROUP_SLOTS.ITEMS })`\n  display: flex;\n  flex-direction: column;\n`;\n\nexport { Group, GroupTitle, TitleWrapper, Items };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAgD;AAChD,wBAAyB;AACzB,uBAAuD;AAGvD,MAAM,YAAQ,yBAAO,OAAO,EAAE,MAAM,oCAAmB,MAAM,qCAAoB,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAOpF;AAAA;AAAA;AAAA,IAGA,CAAC,EAAE,OAAO,cAAc,MAAO,gBAAgB,eAAe,MAAM,OAAO,QAAQ,KAAK,MAAM;AAAA;AAGlG,MAAM,iBAAa,yBAAO,QAAQ,EAAE,MAAM,oCAAmB,MAAM,qCAAoB,YAAY,CAAC;AAAA,QAChG,2BAAS;AAAA;AAGb,MAAM,mBAAe,yBAAO,OAAO,EAAE,MAAM,oCAAmB,MAAM,qCAAoB,cAAc,CAAC;AAAA;AAAA;AAAA,eAGxF,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,QAExC,wBAAM,WAAW,KAAK;AAAA,iBACT,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,sBAC9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,gBACjD,CAAC,cAAU,yBAAO,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAInE,MAAM,YAAQ,yBAAO,OAAO,EAAE,MAAM,oCAAmB,MAAM,qCAAoB,MAAM,CAAC;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/DSCardV2Group.js

@@ -0,0 +1,37 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { describe } from "@elliemae/ds-utilities";
+import { DSCardV2GroupPropTypesSchema } from "./react-desc-prop-types.js";
+import { useCardV2Group } from "./config/useCardV2Group.js";
+import { Group, TitleWrapper, GroupTitle, Items } from "./styles.js";
+import { DSCardV2GroupName } from "./constants/index.js";
+const DSCardV2Group = (props) => {
+  const { propsWithDefault, globalProps, xstyledProps } = useCardV2Group(props);
+  const { children, title, action } = propsWithDefault;
+  return /* @__PURE__ */ jsxs(
+    Group,
+    {
+      withTopBorder: !title,
+      getOwnerProps: () => propsWithDefault,
+      getOwnerPropsArguments: () => ({}),
+      ...globalProps,
+      ...xstyledProps,
+      children: [
+        !!title && /* @__PURE__ */ jsxs(TitleWrapper, { children: [
+          /* @__PURE__ */ jsx(GroupTitle, { children: title }),
+          action
+        ] }),
+        /* @__PURE__ */ jsx(Items, { children })
+      ]
+    }
+  );
+};
+DSCardV2Group.propTypes = DSCardV2GroupPropTypesSchema;
+DSCardV2Group.displayName = DSCardV2GroupName;
+const DSCardV2GroupWithSchema = describe(DSCardV2Group);
+DSCardV2GroupWithSchema.propTypes = DSCardV2GroupPropTypesSchema;
+export {
+  DSCardV2Group,
+  DSCardV2GroupWithSchema
+};
+//# sourceMappingURL=DSCardV2Group.js.map

package/dist/esm/DSCardV2Group.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSCardV2Group.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { type DSCardV2GroupT, DSCardV2GroupPropTypesSchema } from './react-desc-prop-types.js';\nimport { useCardV2Group } from './config/useCardV2Group.js';\nimport { Group, TitleWrapper, GroupTitle, Items } from './styles.js';\nimport { DSCardV2GroupName } from './constants/index.js';\n\nconst DSCardV2Group: React.ComponentType<DSCardV2GroupT.Props> = (props) => {\n  const { propsWithDefault, globalProps, xstyledProps } = useCardV2Group(props);\n  const { children, title, action } = propsWithDefault;\n  return (\n    <Group\n      withTopBorder={!title}\n      getOwnerProps={() => propsWithDefault}\n      getOwnerPropsArguments={() => ({})}\n      {...globalProps}\n      {...xstyledProps}\n    >\n      {!!title && (\n        <TitleWrapper>\n          <GroupTitle>{title}</GroupTitle>\n          {action}\n        </TitleWrapper>\n      )}\n      <Items>{children}</Items>\n    </Group>\n  );\n};\n\nDSCardV2Group.propTypes = DSCardV2GroupPropTypesSchema;\nDSCardV2Group.displayName = DSCardV2GroupName;\nconst DSCardV2GroupWithSchema = describe(DSCardV2Group);\nDSCardV2GroupWithSchema.propTypes = DSCardV2GroupPropTypesSchema;\n\nexport { DSCardV2Group, DSCardV2GroupWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACmBf,SACE,KADF;AAlBR,SAAS,gBAAgB;AACzB,SAA8B,oCAAoC;AAClE,SAAS,sBAAsB;AAC/B,SAAS,OAAO,cAAc,YAAY,aAAa;AACvD,SAAS,yBAAyB;AAElC,MAAM,gBAA2D,CAAC,UAAU;AAC1E,QAAM,EAAE,kBAAkB,aAAa,aAAa,IAAI,eAAe,KAAK;AAC5E,QAAM,EAAE,UAAU,OAAO,OAAO,IAAI;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,CAAC;AAAA,MAChB,eAAe,MAAM;AAAA,MACrB,wBAAwB,OAAO,CAAC;AAAA,MAC/B,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA,SAAC,CAAC,SACD,qBAAC,gBACC;AAAA,8BAAC,cAAY,iBAAM;AAAA,UAClB;AAAA,WACH;AAAA,QAEF,oBAAC,SAAO,UAAS;AAAA;AAAA;AAAA,EACnB;AAEJ;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "names": []
+}

package/dist/esm/config/useCardV2Group.js

@@ -0,0 +1,35 @@
+import * as React from "react";
+import React2 from "react";
+import { omit } from "lodash";
+import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
+import { uid } from "uid";
+import { DSCardV2GroupPropTypes, defaultProps } from "../react-desc-prop-types.js";
+import { useValidateProps } from "./useValidateProps.js";
+const useCardV2Group = (propsFromUser) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(propsFromUser, defaultProps);
+  useValidateProps(propsWithDefault, DSCardV2GroupPropTypes);
+  const globalProps = omit(useGetGlobalAttributes(propsWithDefault), ["cols", "rows", "wrap"]);
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  const { id } = propsWithDefault;
+  const instanceUid = React2.useMemo(() => id || uid(5), [id]);
+  return React2.useMemo(
+    () => ({
+      propsWithDefault,
+      globalProps,
+      xstyledProps,
+      instanceUid
+      // ...eventHandlers,
+    }),
+    [
+      propsWithDefault,
+      globalProps,
+      xstyledProps,
+      instanceUid
+      // eventHandlers,
+    ]
+  );
+};
+export {
+  useCardV2Group
+};
+//# sourceMappingURL=useCardV2Group.js.map

package/dist/esm/config/useCardV2Group.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useCardV2Group.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { omit } from 'lodash';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { uid } from 'uid';\nimport { type DSCardV2GroupT, DSCardV2GroupPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface CardV2GroupCTX {\n  propsWithDefault: DSCardV2GroupT.InternalProps;\n  globalProps: ReturnType<typeof useGetGlobalAttributes>;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n  instanceUid: string;\n}\n\nexport const useCardV2Group = (propsFromUser: DSCardV2GroupT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSCardV2GroupT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSCardV2GroupPropTypes);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalProps = omit(useGetGlobalAttributes<DSCardV2GroupT.InternalProps>(propsWithDefault), ['cols', 'rows', 'wrap']);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  // custom code goes here, this is an example\n  const { id } = propsWithDefault;\n  const instanceUid = React.useMemo(() => id || uid(5), [id]);\n  // =============================================================================\n  // HELPERS HOOKS CONFIGS\n  // =============================================================================\n  // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      globalProps,\n      xstyledProps,\n      instanceUid,\n      // ...eventHandlers,\n    }),\n    [\n      propsWithDefault,\n      globalProps,\n      xstyledProps,\n      instanceUid,\n      // eventHandlers,\n    ],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,YAAY;AACrB,SAAS,wBAAwB,oBAAoB,oCAAoC;AACzF,SAAS,WAAW;AACpB,SAA8B,wBAAwB,oBAAoB;AAC1E,SAAS,wBAAwB;AAS1B,MAAM,iBAAiB,CAAC,kBAAwC;AAIrE,QAAM,mBAAmB,6BAA2D,eAAe,YAAY;AAC/G,mBAAiB,kBAAkB,sBAAsB;AAIzD,QAAM,cAAc,KAAK,uBAAqD,gBAAgB,GAAG,CAAC,QAAQ,QAAQ,MAAM,CAAC;AACzH,QAAM,eAAe,mBAAmB,gBAAgB;AAKxD,QAAM,EAAE,GAAG,IAAI;AACf,QAAM,cAAcA,OAAM,QAAQ,MAAM,MAAM,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAM1D,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,EACF;AACF;",
+  "names": ["React"]
+}

package/dist/esm/config/useValidateProps.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { useValidateTypescriptPropTypes } from "@elliemae/ds-utilities";
+import { DSCardV2GroupName } from "../constants/index.js";
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes, DSCardV2GroupName);
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/esm/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-utilities';\nimport type { WeakValidationMap } from 'react';\nimport { type DSCardV2GroupT } from '../react-desc-prop-types.js';\nimport { DSCardV2GroupName } from '../constants/index.js';\n\nexport const useValidateProps = (props: DSCardV2GroupT.InternalProps, propTypes: WeakValidationMap<unknown>): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSCardV2GroupName);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAG/C,SAAS,yBAAyB;AAE3B,MAAM,mBAAmB,CAAC,OAAqC,cAAgD;AAEpH,iCAA+B,OAAO,WAAW,iBAAiB;AACpE;",
+  "names": []
+}

package/dist/esm/constants/index.js

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+const DSCardV2GroupName = "DSCardV2Group";
+const CARD_V2_GROUP_SLOTS = {
+  GROUP: "group",
+  GROUP_TITLE: "group-title",
+  TITLE_WRAPPER: "title-wrapper",
+  ITEMS: "items"
+};
+const CARD_V2_GROUP_DATA_TESTID = slotObjectToDataTestIds(DSCardV2GroupName, CARD_V2_GROUP_SLOTS);
+export {
+  CARD_V2_GROUP_DATA_TESTID,
+  CARD_V2_GROUP_SLOTS,
+  DSCardV2GroupName
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSCardV2GroupName = 'DSCardV2Group';\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators \nexport const CARD_V2_GROUP_SLOTS = {\n  GROUP: 'group',\n  GROUP_TITLE: 'group-title',\n  TITLE_WRAPPER: 'title-wrapper',\n  ITEMS: 'items',\n} as const;\n\n// we are giving \"component_name_data_testid\" to avoid errors on duplicate exports variables in aggregators\nexport const CARD_V2_GROUP_DATA_TESTID = slotObjectToDataTestIds(DSCardV2GroupName, CARD_V2_GROUP_SLOTS);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,oBAAoB;AAG1B,MAAM,sBAAsB;AAAA,EACjC,OAAO;AAAA,EACP,aAAa;AAAA,EACb,eAAe;AAAA,EACf,OAAO;AACT;AAGO,MAAM,4BAA4B,wBAAwB,mBAAmB,mBAAmB;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import {
+  DSCardV2Group,
+  DSCardV2GroupWithSchema,
+  DSCardV2GroupWithSchema as DSCardV2GroupWithSchema2
+} from "./DSCardV2Group.js";
+import {} from "./react-desc-prop-types.js";
+import { CARD_V2_GROUP_DATA_TESTID } from "./constants/index.js";
+export {
+  CARD_V2_GROUP_DATA_TESTID,
+  DSCardV2GroupWithSchema2 as DSCardGroupWithSchema,
+  DSCardV2Group,
+  DSCardV2GroupWithSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport {\n  DSCardV2Group,\n  DSCardV2GroupWithSchema,\n  DSCardV2GroupWithSchema as DSCardGroupWithSchema,\n} from './DSCardV2Group.js';\nexport { type DSCardV2GroupT } from './react-desc-prop-types.js';\nexport { CARD_V2_GROUP_DATA_TESTID } from './constants/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB;AAAA,EACE;AAAA,EACA;AAAA,EAC2B,2BAA3BA;AAAA,OACK;AACP,eAAoC;AACpC,SAAS,iCAAiC;",
+  "names": ["DSCardV2GroupWithSchema"]
+}

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/react-desc-prop-types.js

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-utilities";
+const defaultProps = {};
+const DSCardV2GroupPropTypes = {
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
+  /**
+   * Card items
+   */
+  children: PropTypes.element.isRequired.description("Card items"),
+  /**
+   * Title of the group
+   */
+  title: PropTypes.string.isRequired.description("Title of the group"),
+  /**
+   * Right addon action
+   */
+  action: PropTypes.element.description("Right addon action")
+};
+const DSCardV2GroupPropTypesSchema = DSCardV2GroupPropTypes;
+export {
+  DSCardV2GroupPropTypes,
+  DSCardV2GroupPropTypesSchema,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { WeakValidationMap } from 'react';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-utilities';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\n\nexport declare namespace DSCardV2GroupT {\n  export interface RequiredProps {\n    children: React.ReactElement<[]>;\n    title: string;\n  }\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {\n    action: React.ReactElement<[]>;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLButtonElement>,\n        keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps\n      >,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLButtonElement>,\n        keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps\n      >,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSCardV2GroupT.DefaultProps = {};\n\nexport const DSCardV2GroupPropTypes: DSPropTypesSchema<DSCardV2GroupT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  /**\n   * Card items\n   */\n  children: PropTypes.element.isRequired.description('Card items'),\n  /**\n   * Title of the group\n   */\n  title: PropTypes.string.isRequired.description('Title of the group'),\n  /**\n   * Right addon action\n   */\n  action: PropTypes.element.description('Right addon action'),\n};\n\nexport const DSCardV2GroupPropTypesSchema =\n  DSCardV2GroupPropTypes as unknown as WeakValidationMap<DSCardV2GroupT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,2BAA2B,wBAAwB;AAmChE,MAAM,eAA4C,CAAC;AAEnD,MAAM,yBAAkE;AAAA,EAC7E,GAAG;AAAA,EACH,GAAG;AAAA;AAAA;AAAA;AAAA,EAIH,UAAU,UAAU,QAAQ,WAAW,YAAY,YAAY;AAAA;AAAA;AAAA;AAAA,EAI/D,OAAO,UAAU,OAAO,WAAW,YAAY,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAInE,QAAQ,UAAU,QAAQ,YAAY,oBAAoB;AAC5D;AAEO,MAAM,+BACX;",
+  "names": []
+}

package/dist/esm/styles.js

@@ -0,0 +1,39 @@
+import * as React from "react";
+import { color, border, truncate, styled } from "@elliemae/ds-system";
+import { DSCardV2 } from "@elliemae/ds-card-v2";
+import { CARD_V2_GROUP_SLOTS, DSCardV2GroupName } from "./constants/index.js";
+const Group = styled("div", { name: DSCardV2GroupName, slot: CARD_V2_GROUP_SLOTS.GROUP })`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  max-width: 100%;
+  ${DSCardV2} {
+    border-top: none;
+  }
+  ${({ theme, withTopBorder }) => withTopBorder ? `border-top: ${theme.colors.neutral["100"]}` : ""}
+`;
+const GroupTitle = styled("span", { name: DSCardV2GroupName, slot: CARD_V2_GROUP_SLOTS.GROUP_TITLE })`
+  ${truncate()}
+`;
+const TitleWrapper = styled("div", { name: DSCardV2GroupName, slot: CARD_V2_GROUP_SLOTS.TITLE_WRAPPER })`
+  display: flex;
+  justify-content: space-between;
+  padding: 0 ${(props) => props.theme.space.xs};
+  font-size: 12px;
+  ${color("neutral", "700")};
+  font-weight: ${(props) => props.theme.fontWeights.semibold};
+  background-color: ${(props) => props.theme.colors.neutral["080"]};
+  border-top: ${(props) => border(props.theme.colors.neutral["080"])};
+  line-height: 24px;
+`;
+const Items = styled("div", { name: DSCardV2GroupName, slot: CARD_V2_GROUP_SLOTS.ITEMS })`
+  display: flex;
+  flex-direction: column;
+`;
+export {
+  Group,
+  GroupTitle,
+  Items,
+  TitleWrapper
+};
+//# sourceMappingURL=styles.js.map

package/dist/esm/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styles.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { color, border, truncate, styled } from '@elliemae/ds-system';\nimport { DSCardV2 } from '@elliemae/ds-card-v2';\nimport { CARD_V2_GROUP_SLOTS, DSCardV2GroupName } from './constants/index.js';\nimport type { DSCardV2GroupT } from './react-desc-prop-types.js';\n\nconst Group = styled('div', { name: DSCardV2GroupName, slot: CARD_V2_GROUP_SLOTS.GROUP })<\n  DSCardV2GroupT.Props & { withTopBorder: boolean }\n>`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  max-width: 100%;\n  ${DSCardV2} {\n    border-top: none;\n  }\n  ${({ theme, withTopBorder }) => (withTopBorder ? `border-top: ${theme.colors.neutral['100']}` : '')}\n`;\n\nconst GroupTitle = styled('span', { name: DSCardV2GroupName, slot: CARD_V2_GROUP_SLOTS.GROUP_TITLE })`\n  ${truncate()}\n`;\n\nconst TitleWrapper = styled('div', { name: DSCardV2GroupName, slot: CARD_V2_GROUP_SLOTS.TITLE_WRAPPER })`\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ${(props) => props.theme.space.xs};\n  font-size: 12px;\n  ${color('neutral', '700')};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  background-color: ${(props) => props.theme.colors.neutral['080']};\n  border-top: ${(props) => border(props.theme.colors.neutral['080'])};\n  line-height: 24px;\n`;\n\nconst Items = styled('div', { name: DSCardV2GroupName, slot: CARD_V2_GROUP_SLOTS.ITEMS })`\n  display: flex;\n  flex-direction: column;\n`;\n\nexport { Group, GroupTitle, TitleWrapper, Items };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,OAAO,QAAQ,UAAU,cAAc;AAChD,SAAS,gBAAgB;AACzB,SAAS,qBAAqB,yBAAyB;AAGvD,MAAM,QAAQ,OAAO,OAAO,EAAE,MAAM,mBAAmB,MAAM,oBAAoB,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAOpF;AAAA;AAAA;AAAA,IAGA,CAAC,EAAE,OAAO,cAAc,MAAO,gBAAgB,eAAe,MAAM,OAAO,QAAQ,KAAK,MAAM;AAAA;AAGlG,MAAM,aAAa,OAAO,QAAQ,EAAE,MAAM,mBAAmB,MAAM,oBAAoB,YAAY,CAAC;AAAA,IAChG,SAAS;AAAA;AAGb,MAAM,eAAe,OAAO,OAAO,EAAE,MAAM,mBAAmB,MAAM,oBAAoB,cAAc,CAAC;AAAA;AAAA;AAAA,eAGxF,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,IAExC,MAAM,WAAW,KAAK;AAAA,iBACT,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,sBAC9B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,gBACjD,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAInE,MAAM,QAAQ,OAAO,OAAO,EAAE,MAAM,mBAAmB,MAAM,oBAAoB,MAAM,CAAC;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/types/config/useCardV2Group.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="lodash" />
+import { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-utilities';
+import { type DSCardV2GroupT } from '../react-desc-prop-types.js';
+export interface CardV2GroupCTX {
+    propsWithDefault: DSCardV2GroupT.InternalProps;
+    globalProps: ReturnType<typeof useGetGlobalAttributes>;
+    xstyledProps: ReturnType<typeof useGetXstyledProps>;
+    instanceUid: string;
+}
+export declare const useCardV2Group: (propsFromUser: DSCardV2GroupT.Props) => {
+    propsWithDefault: DSCardV2GroupT.InternalProps;
+    globalProps: import("lodash").Omit<import("@elliemae/ds-utilities").GlobalAttributesT<Element>, "cols" | "rows" | "wrap">;
+    xstyledProps: import("@elliemae/ds-utilities").XstyledProps;
+    instanceUid: string;
+};

package/dist/types/config/useValidateProps.d.ts

@@ -0,0 +1,3 @@
+import type { WeakValidationMap } from 'react';
+import { type DSCardV2GroupT } from '../react-desc-prop-types.js';
+export declare const useValidateProps: (props: DSCardV2GroupT.InternalProps, propTypes: WeakValidationMap<unknown>) => void;

package/dist/types/constants/index.d.ts

@@ -0,0 +1,8 @@
+export declare const DSCardV2GroupName = "DSCardV2Group";
+export declare const CARD_V2_GROUP_SLOTS: {
+    readonly GROUP: "group";
+    readonly GROUP_TITLE: "group-title";
+    readonly TITLE_WRAPPER: "title-wrapper";
+    readonly ITEMS: "items";
+};
+export declare const CARD_V2_GROUP_DATA_TESTID: Record<string, string>;

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export { DSCardV2Group, DSCardV2GroupWithSchema, DSCardV2GroupWithSchema as DSCardGroupWithSchema, } from './DSCardV2Group.js';
+export { type DSCardV2GroupT } from './react-desc-prop-types.js';
+export { CARD_V2_GROUP_DATA_TESTID } from './constants/index.js';

package/dist/types/react-desc-prop-types.d.ts

@@ -0,0 +1,20 @@
+import type { WeakValidationMap } from 'react';
+import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-utilities';
+export declare namespace DSCardV2GroupT {
+    interface RequiredProps {
+        children: React.ReactElement<[]>;
+        title: string;
+    }
+    interface DefaultProps {
+    }
+    interface OptionalProps {
+        action: React.ReactElement<[]>;
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+}
+export declare const defaultProps: DSCardV2GroupT.DefaultProps;
+export declare const DSCardV2GroupPropTypes: DSPropTypesSchema<DSCardV2GroupT.Props>;
+export declare const DSCardV2GroupPropTypesSchema: WeakValidationMap<DSCardV2GroupT.Props>;

package/dist/types/styles.d.ts

@@ -0,0 +1,12 @@
+import type { DSCardV2GroupT } from './react-desc-prop-types.js';
+declare const Group: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, DSCardV2GroupT.Props & {
+    withTopBorder: boolean;
+} & import("@elliemae/ds-system").OwnerInterface, never>;
+declare const GroupTitle: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, {
+    width?: string | undefined;
+} & {
+    theme: import("@elliemae/pui-theme").Theme;
+} & import("@elliemae/ds-system").OwnerInterface, never>;
+declare const TitleWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface, never>;
+declare const Items: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface, never>;
+export { Group, GroupTitle, TitleWrapper, Items };

package/dist/types/tests/DSCardGroupV2.axe.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/DSCardGroupV2.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,83 @@
+{
+  "name": "@elliemae/ds-card-v2-group",
+  "version": "3.21.0-next.1",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Card V2 Group",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./styles": {
+      "import": "./dist/esm/styles.js",
+      "require": "./dist/cjs/styles.js"
+    },
+    "./propTypes": {
+      "import": "./dist/esm/propTypes.js",
+      "require": "./dist/cjs/propTypes.js"
+    },
+    "./DSCardV2Group": {
+      "import": "./dist/esm/DSCardV2Group.js",
+      "require": "./dist/cjs/DSCardV2Group.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "dependencies": {
+    "@elliemae/ds-button": "3.21.0-next.1",
+    "@elliemae/ds-card-v2": "3.21.0-next.1",
+    "@elliemae/ds-grid": "3.21.0-next.1",
+    "@elliemae/ds-system": "3.21.0-next.1",
+    "@elliemae/ds-utilities": "3.21.0-next.1"
+  },
+  "devDependencies": {
+    "styled-components": "~5.3.9"
+  },
+  "peerDependencies": {
+    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/react": "~12.1.3",
+    "@testing-library/user-event": "~13.5.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.9"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs --fix",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
+    "dts": "node ../../scripts/dts.mjs",
+    "dts:withdeps": "pnpm --filter {.}... dts",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
+    "dev:build": "pnpm --filter {.}... build",
+    "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
+    "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}