@elliemae/ds-ribbon 3.60.0-next.5 → 3.60.0-next.50

package/dist/cjs/constants/index.js

@@ -0,0 +1,36 @@
+"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, {
+  DSRibbonName: () => DSRibbonName
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+const DSRibbonName = "DSRibbon";
+//# 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": ["// used to be 'RibbonCard' but used to not have anything slot related so it was \"just internal implementation detail\" and should not affect anything.\n//  if proven otherwise we can restore RibbonCard, and deal with the consequences in the slots and data-testid convention ad-hoc.\nexport const DSRibbonName = 'DSRibbon';\n\n// The way this package has been implemented, a \"DSRibbon\" component doesn't exist\n//  instead we have a bunch of \"parts\" that are used to compose the ribbon, and the \"DSRibbon\" is just a name for the whole thing, but it doesn't exist as a component in the codebase.\n// this means no data-testids nor slots, just a name for the whole thing, and the parts will have their own data-testids and slots, and will be inherithing the \"DSRibbon\" name as part of their data-testid and slot names.\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,eAAe;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -28,10 +28,42 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 __export(index_exports, {
-  DSRibbon: () => import_DSRibbon.DSRibbon,
-  DSRibbonCardWithSchema: () => import_DSRibbon.DSRibbonCardWithSchema
+  DSRibbon: () => DSRibbon,
+  DSRibbonCard: () => import_DSRibbonCard2.DSRibbonCard,
+  DSRibbonCardPropTypes: () => import_DSRibbonCard2.DSRibbonCardPropTypes,
+  DSRibbonCardWithSchema: () => import_DSRibbonCard2.DSRibbonCardWithSchema,
+  DSRibbonCol: () => import_DSRibbonCol2.DSRibbonCol,
+  DSRibbonColPropTypes: () => import_DSRibbonCol2.DSRibbonColPropTypes,
+  DSRibbonColWithSchema: () => import_DSRibbonCol2.DSRibbonColWithSchema,
+  DSRibbonRow: () => import_DSRibbonRow2.DSRibbonRow,
+  DSRibbonRowPropTypes: () => import_DSRibbonRow2.DSRibbonRowPropTypes,
+  DSRibbonRowWithSchema: () => import_DSRibbonRow2.DSRibbonRowWithSchema,
+  DSRibbonWrapper: () => import_DSRibbonWrapper2.DSRibbonWrapper,
+  DSRibbonWrapperPropTypes: () => import_DSRibbonWrapper2.DSRibbonWrapperPropTypes,
+  DSRibbonWrapperWithSchema: () => import_DSRibbonWrapper2.DSRibbonWrapperWithSchema,
+  RIBBON_CARD_DATA_TESTID: () => import_DSRibbonCard2.RIBBON_CARD_DATA_TESTID,
+  RIBBON_CARD_SLOTS: () => import_DSRibbonCard2.RIBBON_CARD_SLOTS,
+  RIBBON_COL_DATA_TESTID: () => import_DSRibbonCol2.RIBBON_COL_DATA_TESTID,
+  RIBBON_COL_SLOTS: () => import_DSRibbonCol2.RIBBON_COL_SLOTS,
+  RIBBON_ROW_DATA_TESTID: () => import_DSRibbonRow2.RIBBON_ROW_DATA_TESTID,
+  RIBBON_ROW_SLOTS: () => import_DSRibbonRow2.RIBBON_ROW_SLOTS,
+  RIBBON_WRAPPER_DATA_TESTID: () => import_DSRibbonWrapper2.RIBBON_WRAPPER_DATA_TESTID,
+  RIBBON_WRAPPER_SLOTS: () => import_DSRibbonWrapper2.RIBBON_WRAPPER_SLOTS
 });
 module.exports = __toCommonJS(index_exports);
 var React = __toESM(require("react"));
-var import_DSRibbon = require("./DSRibbon.js");
+var import_DSRibbonCard = require("./parts/DSRibbonCard/index.js");
+var import_DSRibbonCol = require("./parts/DSRibbonCol/index.js");
+var import_DSRibbonRow = require("./parts/DSRibbonRow/index.js");
+var import_DSRibbonWrapper = require("./parts/DSRibbonWrapper/index.js");
+var import_DSRibbonCard2 = require("./parts/DSRibbonCard/index.js");
+var import_DSRibbonCol2 = require("./parts/DSRibbonCol/index.js");
+var import_DSRibbonRow2 = require("./parts/DSRibbonRow/index.js");
+var import_DSRibbonWrapper2 = require("./parts/DSRibbonWrapper/index.js");
+const DSRibbon = {
+  RibbonWrapper: import_DSRibbonWrapper.DSRibbonWrapper,
+  RibbonRow: import_DSRibbonRow.DSRibbonRow,
+  RibbonCol: import_DSRibbonCol.DSRibbonCol,
+  RibbonCard: import_DSRibbonCard.DSRibbonCard
+};
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { DSRibbon, DSRibbonCardWithSchema } from './DSRibbon.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAAiD;",
-  "names": []
+  "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';\nimport { DSRibbonCard } from './parts/DSRibbonCard/index.js';\nimport { DSRibbonCol } from './parts/DSRibbonCol/index.js';\nimport { DSRibbonRow } from './parts/DSRibbonRow/index.js';\nimport { DSRibbonWrapper } from './parts/DSRibbonWrapper/index.js';\n\n/*\n this component was doing this weird export thing\n the final application code looks like this:\n import { DSRibbon } from '@elliemae/ds-ribbon';\n [...]\n  return (\n    <DSRibbon.RibbonCard ...>\n        <DSRibbon.RibbonRow>\n            <DSRibbon.RibbonCol>\n                ...\n            </DSRibbon.RibbonCol>\n        </DSRibbon.RibbonRow>\n    </DSRibbon.RibbonCard>\n  );\n  \n so we are keeping the same export structure for backwards compatibility,\n   but we are also exporting the components individually for better tree shaking and to avoid confusion in the future.\n*/\nexport const DSRibbon = {\n  RibbonWrapper: DSRibbonWrapper,\n  RibbonRow: DSRibbonRow,\n  RibbonCol: DSRibbonCol,\n  RibbonCard: DSRibbonCard,\n};\n\n// this is \"new\" post \"dimsum compliance\", likely not used anywhere yet, refer to the previous comment.\nexport {\n  DSRibbonCard,\n  DSRibbonCardWithSchema,\n  RIBBON_CARD_DATA_TESTID,\n  RIBBON_CARD_SLOTS,\n  type DSRibbonCardT,\n  DSRibbonCardPropTypes,\n} from './parts/DSRibbonCard/index.js';\nexport {\n  DSRibbonCol,\n  DSRibbonColWithSchema,\n  RIBBON_COL_DATA_TESTID,\n  RIBBON_COL_SLOTS,\n  type DSRibbonColT,\n  DSRibbonColPropTypes,\n} from './parts/DSRibbonCol/index.js';\nexport {\n  DSRibbonRow,\n  DSRibbonRowWithSchema,\n  RIBBON_ROW_DATA_TESTID,\n  RIBBON_ROW_SLOTS,\n  type DSRibbonRowT,\n  DSRibbonRowPropTypes,\n} from './parts/DSRibbonRow/index.js';\nexport {\n  DSRibbonWrapper,\n  DSRibbonWrapperWithSchema,\n  RIBBON_WRAPPER_DATA_TESTID,\n  RIBBON_WRAPPER_SLOTS,\n  type DSRibbonWrapperT,\n  DSRibbonWrapperPropTypes,\n} from './parts/DSRibbonWrapper/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,0BAA6B;AAC7B,yBAA4B;AAC5B,yBAA4B;AAC5B,6BAAgC;AA4BhC,IAAAA,uBAOO;AACP,IAAAC,sBAOO;AACP,IAAAC,sBAOO;AACP,IAAAC,0BAOO;AAvCA,MAAM,WAAW;AAAA,EACtB,eAAe;AAAA,EACf,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AACd;",
+  "names": ["import_DSRibbonCard", "import_DSRibbonCol", "import_DSRibbonRow", "import_DSRibbonWrapper"]
 }

package/dist/cjs/parts/DSRibbonCard/DSRibbonCard.js

@@ -0,0 +1,73 @@
+"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 DSRibbonCard_exports = {};
+__export(DSRibbonCard_exports, {
+  DSRibbonCard: () => DSRibbonCard,
+  DSRibbonCardWithSchema: () => DSRibbonCardWithSchema
+});
+module.exports = __toCommonJS(DSRibbonCard_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_react = __toESM(require("react"));
+var import_useRibbonCard = require("./config/useRibbonCard.js");
+var import_DSRibbonCardWithAdditionalValue = require("./DSRibbonCardWithAdditionalValue.js");
+var import_PureLabelPlace = require("./PureLabelPlace.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_styled = require("./styled.js");
+var import_DSRibbonCardWithAdditionalLabel = require("./DSRibbonCardWithAdditionalLabel.js");
+const DSRibbonCard = (props) => {
+  const ribbonCardConfig = (0, import_useRibbonCard.useRibbonCard)(props);
+  const { propsWithDefault, xstyledProps, globalProps } = ribbonCardConfig;
+  const { containerProps, value, additionalValue, additionalLabel, center } = propsWithDefault;
+  const getOwnerProps = import_react.default.useCallback(() => propsWithDefault, [propsWithDefault]);
+  const getOwnerPropsArguments = import_react.default.useCallback(() => ({}), []);
+  if (additionalValue)
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSRibbonCardWithAdditionalValue.DSRibbonCardWithAdditionalValue, { ribbonCardConfig, getOwnerProps });
+  if (additionalLabel)
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSRibbonCardWithAdditionalLabel.DSRibbonCardWithAdditionalLabel, { ribbonCardConfig, getOwnerProps });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_styled.StyledBlock,
+    {
+      ...containerProps,
+      ...globalProps,
+      ...xstyledProps,
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledBlockRow, { center, getOwnerProps, getOwnerPropsArguments, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PureLabelPlace.PureLabelPlace, { ...propsWithDefault, getOwnerProps }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledBlockValue, { getOwnerProps, getOwnerPropsArguments, children: value })
+      ] })
+    }
+  );
+};
+DSRibbonCard.displayName = "DSRibbonCard";
+const DSRibbonCardWithSchema = (0, import_ds_props_helpers.describe)(DSRibbonCard);
+DSRibbonCardWithSchema.propTypes = import_react_desc_prop_types.DSRibbonCardPropTypesSchema;
+//# sourceMappingURL=DSRibbonCard.js.map

package/dist/cjs/parts/DSRibbonCard/DSRibbonCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSRibbonCard/DSRibbonCard.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport { describe } from '@elliemae/ds-props-helpers';\nimport React from 'react';\nimport { useRibbonCard } from './config/useRibbonCard.js';\nimport { DSRibbonCardWithAdditionalValue } from './DSRibbonCardWithAdditionalValue.js';\nimport { PureLabelPlace } from './PureLabelPlace.js';\nimport { type DSRibbonCardT, DSRibbonCardPropTypesSchema } from './react-desc-prop-types.js';\nimport { StyledBlock, StyledBlockRow, StyledBlockValue } from './styled.js';\nimport { DSRibbonCardWithAdditionalLabel } from './DSRibbonCardWithAdditionalLabel.js';\n\nconst DSRibbonCard: React.ComponentType<DSRibbonCardT.Props> = (props) => {\n  const ribbonCardConfig = useRibbonCard(props);\n  const { propsWithDefault, xstyledProps, globalProps } = ribbonCardConfig;\n  const { containerProps, value, additionalValue, additionalLabel, center } = propsWithDefault;\n  const getOwnerProps = React.useCallback(() => propsWithDefault, [propsWithDefault]);\n  const getOwnerPropsArguments = React.useCallback(() => ({}), []);\n\n  if (additionalValue)\n    return <DSRibbonCardWithAdditionalValue ribbonCardConfig={ribbonCardConfig} getOwnerProps={getOwnerProps} />;\n  if (additionalLabel)\n    return <DSRibbonCardWithAdditionalLabel ribbonCardConfig={ribbonCardConfig} getOwnerProps={getOwnerProps} />;\n\n  return (\n    <StyledBlock\n      {...containerProps}\n      {...globalProps}\n      {...xstyledProps}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledBlockRow center={center} getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n        <PureLabelPlace {...propsWithDefault} getOwnerProps={getOwnerProps} />\n        <StyledBlockValue getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n          {value}\n        </StyledBlockValue>\n      </StyledBlockRow>\n    </StyledBlock>\n  );\n};\n\n// because this is a part, only the displayName is supposed to differ from the parent\nDSRibbonCard.displayName = 'DSRibbonCard';\nconst DSRibbonCardWithSchema = describe(DSRibbonCard);\nDSRibbonCardWithSchema.propTypes = DSRibbonCardPropTypesSchema;\n\nexport { DSRibbonCard, DSRibbonCardWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkBZ;AAjBX,8BAAyB;AACzB,mBAAkB;AAClB,2BAA8B;AAC9B,6CAAgD;AAChD,4BAA+B;AAC/B,mCAAgE;AAChE,oBAA8D;AAC9D,6CAAgD;AAEhD,MAAM,eAAyD,CAAC,UAAU;AACxE,QAAM,uBAAmB,oCAAc,KAAK;AAC5C,QAAM,EAAE,kBAAkB,cAAc,YAAY,IAAI;AACxD,QAAM,EAAE,gBAAgB,OAAO,iBAAiB,iBAAiB,OAAO,IAAI;AAC5E,QAAM,gBAAgB,aAAAA,QAAM,YAAY,MAAM,kBAAkB,CAAC,gBAAgB,CAAC;AAClF,QAAM,yBAAyB,aAAAA,QAAM,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAE/D,MAAI;AACF,WAAO,4CAAC,0EAAgC,kBAAoC,eAA8B;AAC5G,MAAI;AACF,WAAO,4CAAC,0EAAgC,kBAAoC,eAA8B;AAE5G,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MAEA,uDAAC,gCAAe,QAAgB,eAA8B,wBAC5D;AAAA,oDAAC,wCAAgB,GAAG,kBAAkB,eAA8B;AAAA,QACpE,4CAAC,kCAAiB,eAA8B,wBAC7C,iBACH;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;AAGA,aAAa,cAAc;AAC3B,MAAM,6BAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;",
+  "names": ["React"]
+}

package/dist/cjs/parts/DSRibbonCard/DSRibbonCardWithAdditionalLabel.js

@@ -0,0 +1,82 @@
+"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 DSRibbonCardWithAdditionalLabel_exports = {};
+__export(DSRibbonCardWithAdditionalLabel_exports, {
+  DSRibbonCardWithAdditionalLabel: () => DSRibbonCardWithAdditionalLabel
+});
+module.exports = __toCommonJS(DSRibbonCardWithAdditionalLabel_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_PureLabelPlace = require("./PureLabelPlace.js");
+var import_styled = require("./styled.js");
+const DSRibbonCardWithAdditionalLabel = (props) => {
+  const {
+    getOwnerProps,
+    ribbonCardConfig: { propsWithDefault, xstyledProps, globalProps }
+  } = props;
+  const { containerProps, value, additionalLabel, center } = propsWithDefault;
+  const getOwnerPropsArguments = import_react.default.useCallback(() => ({}), []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_styled.StyledBlock,
+    {
+      ...containerProps,
+      ...globalProps,
+      ...xstyledProps,
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_styled.StyledBlockRow,
+        {
+          className: "ribbon-block-row",
+          style: { alignItems: "flex-start" },
+          getOwnerProps,
+          getOwnerPropsArguments,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PureLabelPlace.PureLabelPlace, { ...propsWithDefault, getOwnerProps }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              import_styled.StyledBlockCol,
+              {
+                center,
+                className: "ribbon-block-col",
+                getOwnerProps,
+                getOwnerPropsArguments,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledBlockValue, { getOwnerProps, getOwnerPropsArguments, children: value }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledBlockValueLabel, { getOwnerProps, getOwnerPropsArguments, children: additionalLabel })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+//# sourceMappingURL=DSRibbonCardWithAdditionalLabel.js.map

package/dist/cjs/parts/DSRibbonCard/DSRibbonCardWithAdditionalLabel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSRibbonCard/DSRibbonCardWithAdditionalLabel.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport type { useRibbonCard } from './config/useRibbonCard.js';\nimport { PureLabelPlace } from './PureLabelPlace.js';\nimport type { DSRibbonCardT } from './react-desc-prop-types.js';\nimport { StyledBlock, StyledBlockCol, StyledBlockRow, StyledBlockValue, StyledBlockValueLabel } from './styled.js';\n\nexport const DSRibbonCardWithAdditionalLabel: React.ComponentType<{\n  ribbonCardConfig: ReturnType<typeof useRibbonCard>;\n  getOwnerProps: () => DSRibbonCardT.InternalProps;\n}> = (props) => {\n  const {\n    getOwnerProps,\n    ribbonCardConfig: { propsWithDefault, xstyledProps, globalProps },\n  } = props;\n  const { containerProps, value, additionalLabel, center } = propsWithDefault;\n  const getOwnerPropsArguments = React.useCallback(() => ({}), []);\n  return (\n    <StyledBlock\n      {...containerProps}\n      {...globalProps}\n      {...xstyledProps}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledBlockRow\n        className=\"ribbon-block-row\"\n        style={{ alignItems: 'flex-start' }}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <PureLabelPlace {...propsWithDefault} getOwnerProps={getOwnerProps} />\n        <StyledBlockCol\n          center={center}\n          className=\"ribbon-block-col\"\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          <StyledBlockValue getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n            {value}\n          </StyledBlockValue>\n          <StyledBlockValueLabel getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n            {additionalLabel}\n          </StyledBlockValueLabel>\n        </StyledBlockCol>\n      </StyledBlockRow>\n    </StyledBlock>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8Bf;AA9BR,mBAAkB;AAElB,4BAA+B;AAE/B,oBAAqG;AAE9F,MAAM,kCAGR,CAAC,UAAU;AACd,QAAM;AAAA,IACJ;AAAA,IACA,kBAAkB,EAAE,kBAAkB,cAAc,YAAY;AAAA,EAClE,IAAI;AACJ,QAAM,EAAE,gBAAgB,OAAO,iBAAiB,OAAO,IAAI;AAC3D,QAAM,yBAAyB,aAAAA,QAAM,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAC/D,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,YAAY,aAAa;AAAA,UAClC;AAAA,UACA;AAAA,UAEA;AAAA,wDAAC,wCAAgB,GAAG,kBAAkB,eAA8B;AAAA,YACpE;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,WAAU;AAAA,gBACV;AAAA,gBACA;AAAA,gBAEA;AAAA,8DAAC,kCAAiB,eAA8B,wBAC7C,iBACH;AAAA,kBACA,4CAAC,uCAAsB,eAA8B,wBAClD,2BACH;AAAA;AAAA;AAAA,YACF;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;",
+  "names": ["React"]
+}

package/dist/cjs/parts/DSRibbonCard/DSRibbonCardWithAdditionalValue.js

@@ -0,0 +1,82 @@
+"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 DSRibbonCardWithAdditionalValue_exports = {};
+__export(DSRibbonCardWithAdditionalValue_exports, {
+  DSRibbonCardWithAdditionalValue: () => DSRibbonCardWithAdditionalValue
+});
+module.exports = __toCommonJS(DSRibbonCardWithAdditionalValue_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_PureLabelPlace = require("./PureLabelPlace.js");
+var import_styled = require("./styled.js");
+const DSRibbonCardWithAdditionalValue = (props) => {
+  const {
+    getOwnerProps,
+    ribbonCardConfig: { propsWithDefault, xstyledProps, globalProps }
+  } = props;
+  const { containerProps, value, additionalValue, center } = propsWithDefault;
+  const getOwnerPropsArguments = import_react.default.useCallback(() => ({}), []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_styled.StyledBlock,
+    {
+      ...containerProps,
+      ...globalProps,
+      ...xstyledProps,
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_styled.StyledBlockRow,
+        {
+          className: "ribbon-block-row",
+          style: { alignItems: "flex-start" },
+          getOwnerProps,
+          getOwnerPropsArguments,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PureLabelPlace.PureLabelPlace, { ...propsWithDefault, getOwnerProps }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              import_styled.StyledBlockCol,
+              {
+                center,
+                className: "ribbon-block-col",
+                getOwnerProps,
+                getOwnerPropsArguments,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledBlockValue, { getOwnerProps, getOwnerPropsArguments, children: value }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledBlockValue, { getOwnerProps, getOwnerPropsArguments, children: additionalValue })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+//# sourceMappingURL=DSRibbonCardWithAdditionalValue.js.map

package/dist/cjs/parts/DSRibbonCard/DSRibbonCardWithAdditionalValue.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSRibbonCard/DSRibbonCardWithAdditionalValue.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport type { useRibbonCard } from './config/useRibbonCard.js';\nimport { PureLabelPlace } from './PureLabelPlace.js';\nimport type { DSRibbonCardT } from './react-desc-prop-types.js';\nimport { StyledBlock, StyledBlockCol, StyledBlockRow, StyledBlockValue } from './styled.js';\n\nexport const DSRibbonCardWithAdditionalValue: React.ComponentType<{\n  ribbonCardConfig: ReturnType<typeof useRibbonCard>;\n  getOwnerProps: () => DSRibbonCardT.InternalProps;\n}> = (props) => {\n  const {\n    getOwnerProps,\n    ribbonCardConfig: { propsWithDefault, xstyledProps, globalProps },\n  } = props;\n  const { containerProps, value, additionalValue, center } = propsWithDefault;\n  const getOwnerPropsArguments = React.useCallback(() => ({}), []);\n  return (\n    <StyledBlock\n      {...containerProps}\n      {...globalProps}\n      {...xstyledProps}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledBlockRow\n        className=\"ribbon-block-row\"\n        style={{ alignItems: 'flex-start' }}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <PureLabelPlace {...propsWithDefault} getOwnerProps={getOwnerProps} />\n        <StyledBlockCol\n          center={center}\n          className=\"ribbon-block-col\"\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          <StyledBlockValue getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n            {value}\n          </StyledBlockValue>\n          <StyledBlockValue getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n            {additionalValue}\n          </StyledBlockValue>\n        </StyledBlockCol>\n      </StyledBlockRow>\n    </StyledBlock>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8Bf;AA9BR,mBAAkB;AAElB,4BAA+B;AAE/B,oBAA8E;AAEvE,MAAM,kCAGR,CAAC,UAAU;AACd,QAAM;AAAA,IACJ;AAAA,IACA,kBAAkB,EAAE,kBAAkB,cAAc,YAAY;AAAA,EAClE,IAAI;AACJ,QAAM,EAAE,gBAAgB,OAAO,iBAAiB,OAAO,IAAI;AAC3D,QAAM,yBAAyB,aAAAA,QAAM,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAC/D,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,YAAY,aAAa;AAAA,UAClC;AAAA,UACA;AAAA,UAEA;AAAA,wDAAC,wCAAgB,GAAG,kBAAkB,eAA8B;AAAA,YACpE;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,WAAU;AAAA,gBACV;AAAA,gBACA;AAAA,gBAEA;AAAA,8DAAC,kCAAiB,eAA8B,wBAC7C,iBACH;AAAA,kBACA,4CAAC,kCAAiB,eAA8B,wBAC7C,2BACH;AAAA;AAAA;AAAA,YACF;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;",
+  "names": ["React"]
+}

package/dist/cjs/parts/DSRibbonCard/PureLabelPlace.js

@@ -0,0 +1,61 @@
+"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 PureLabelPlace_exports = {};
+__export(PureLabelPlace_exports, {
+  PureLabelPlace: () => PureLabelPlace
+});
+module.exports = __toCommonJS(PureLabelPlace_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_styled = require("./styled.js");
+const PureLabelPlace = ({
+  icon,
+  error,
+  info,
+  success,
+  warning,
+  label,
+  getOwnerProps
+}) => {
+  const getOwnerPropsArguments = import_react.default.useCallback(() => ({}), []);
+  return icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_styled.StyledBlockIcon,
+    {
+      error,
+      info,
+      success,
+      warning,
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: icon
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledBlockLabel, { getOwnerProps, getOwnerPropsArguments, children: label });
+};
+//# sourceMappingURL=PureLabelPlace.js.map

package/dist/cjs/parts/DSRibbonCard/PureLabelPlace.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSRibbonCard/PureLabelPlace.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport type { DSRibbonCardT } from './react-desc-prop-types.js';\nimport { StyledBlockIcon, StyledBlockLabel } from './styled.js';\n\nexport const PureLabelPlace: React.ComponentType<PureLabelPlaceProps> = ({\n  icon,\n  error,\n  info,\n  success,\n  warning,\n  label,\n  getOwnerProps,\n}) => {\n  const getOwnerPropsArguments = React.useCallback(() => ({}), []);\n  return icon ? (\n    <StyledBlockIcon\n      error={error}\n      info={info}\n      success={success}\n      warning={warning}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      {icon}\n    </StyledBlockIcon>\n  ) : (\n    <StyledBlockLabel getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n      {label}\n    </StyledBlockLabel>\n  );\n};\ntype PureLabelPlaceProps = {\n  icon?: DSRibbonCardT.Props['icon'];\n  label?: DSRibbonCardT.Props['label'];\n  error?: DSRibbonCardT.Props['error'];\n  info?: DSRibbonCardT.Props['info'];\n  success?: DSRibbonCardT.Props['success'];\n  warning?: DSRibbonCardT.Props['warning'];\n  getOwnerProps: () => DSRibbonCardT.InternalProps;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADenB;AAfJ,mBAAkB;AAElB,oBAAkD;AAE3C,MAAM,iBAA2D,CAAC;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,yBAAyB,aAAAA,QAAM,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAC/D,SAAO,OACL;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH,IAEA,4CAAC,kCAAiB,eAA8B,wBAC7C,iBACH;AAEJ;",
+  "names": ["React"]
+}

package/dist/cjs/parts/DSRibbonCard/config/useRibbonCard.js

@@ -0,0 +1,63 @@
+"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 useRibbonCard_exports = {};
+__export(useRibbonCard_exports, {
+  useRibbonCard: () => useRibbonCard
+});
+module.exports = __toCommonJS(useRibbonCard_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_react = __toESM(require("react"));
+var import_uid = require("uid");
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
+var import_useValidateProps = require("./useValidateProps.js");
+const useRibbonCard = (propsFromUser) => {
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(propsFromUser, import_react_desc_prop_types.defaultProps);
+  (0, import_useValidateProps.useValidateProps)(propsWithDefault, import_react_desc_prop_types.DSRibbonCardPropTypesSchema);
+  const globalProps = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault);
+  const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
+  const instanceUid = import_react.default.useMemo(() => `ds-ribbon-card-${(0, import_uid.uid)(5)}`, []);
+  return import_react.default.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps,
+      globalProps,
+      instanceUid
+      // ...eventHandlers,
+    }),
+    [
+      propsWithDefault,
+      xstyledProps,
+      globalProps,
+      instanceUid
+      // eventHandlers,
+    ]
+  );
+};
+//# sourceMappingURL=useRibbonCard.js.map

package/dist/cjs/parts/DSRibbonCard/config/useRibbonCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/DSRibbonCard/config/useRibbonCard.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport React from 'react';\nimport { uid } from 'uid';\nimport { type DSRibbonCardT, DSRibbonCardPropTypesSchema, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const useRibbonCard = (propsFromUser: DSRibbonCardT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSRibbonCardT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSRibbonCardPropTypesSchema);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalProps = useGetGlobalAttributes<DSRibbonCardT.InternalProps, HTMLDivElement>(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  // custom code goes here, this is an example\n  const instanceUid = React.useMemo(() => `ds-ribbon-card-${uid(5)}`, []);\n\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      xstyledProps,\n      globalProps,\n      instanceUid,\n      // ...eventHandlers,\n    }),\n    [\n      propsWithDefault,\n      xstyledProps,\n      globalProps,\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,8BAAyF;AACzF,mBAAkB;AAClB,iBAAoB;AACpB,mCAA8E;AAC9E,8BAAiC;AAE1B,MAAM,gBAAgB,CAAC,kBAAuC;AAInE,QAAM,uBAAmB,sDAA0D,eAAe,yCAAY;AAC9G,gDAAiB,kBAAkB,wDAA2B;AAI9D,QAAM,kBAAc,gDAAoE,gBAAgB;AACxG,QAAM,mBAAe,4CAAmB,gBAAgB;AAMxD,QAAM,cAAc,aAAAA,QAAM,QAAQ,MAAM,sBAAkB,gBAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AAOtE,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/parts/DSRibbonCard/config/useValidateProps.js

@@ -0,0 +1,39 @@
+"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_props_helpers = require("@elliemae/ds-props-helpers");
+const useValidateProps = (props, propTypes) => {
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes, "DSRibbonCard");
+};
+//# sourceMappingURL=useValidateProps.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/DSRibbonCard/config/useValidateProps.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type { ValidationMap } from '@elliemae/ds-props-helpers';\nimport { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { type DSRibbonCardT } from '../react-desc-prop-types.js';\n\nexport const useValidateProps = (\n  props: DSRibbonCardT.InternalProps,\n  propTypes: ValidationMap<DSRibbonCardT.Props>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, 'DSRibbonCard');\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA+C;AAGxC,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,8DAA+B,OAAO,WAAW,cAAc;AACjE;",
+  "names": []
+}