@elliemae/ds-ribbon 3.60.0-next.2 → 3.60.0-next.21

package/dist/cjs/parts/DSRibbonWrapper/config/useRibbonWrapper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/DSRibbonWrapper/config/useRibbonWrapper.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 DSRibbonWrapperT, DSRibbonWrapperPropTypesSchema, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const useRibbonWrapper = (propsFromUser: DSRibbonWrapperT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSRibbonWrapperT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSRibbonWrapperPropTypesSchema);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalProps = useGetGlobalAttributes<DSRibbonWrapperT.InternalProps, HTMLDivElement>(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  // custom code goes here, this is an example\n  const instanceUid = React.useMemo(() => `ds-ribbon-wrapper-${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,mCAAoF;AACpF,8BAAiC;AAE1B,MAAM,mBAAmB,CAAC,kBAA0C;AAIzE,QAAM,uBAAmB,sDAA6D,eAAe,yCAAY;AACjH,gDAAiB,kBAAkB,2DAA8B;AAIjE,QAAM,kBAAc,gDAAuE,gBAAgB;AAC3G,QAAM,mBAAe,4CAAmB,gBAAgB;AAKxD,QAAM,cAAc,aAAAA,QAAM,QAAQ,MAAM,yBAAqB,gBAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AAOzE,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/DSRibbonWrapper/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, "DSRibbonWrapper");
+};
+//# sourceMappingURL=useValidateProps.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/DSRibbonWrapper/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 DSRibbonWrapperT } from '../react-desc-prop-types.js';\n\nexport const useValidateProps = (\n  props: DSRibbonWrapperT.InternalProps,\n  propTypes: ValidationMap<DSRibbonWrapperT.Props>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, 'DSRibbonWrapper');\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,iBAAiB;AACpE;",
+  "names": []
+}

package/dist/cjs/parts/DSRibbonWrapper/constants/index.js

@@ -0,0 +1,43 @@
+"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: () => import_constants.DSRibbonName,
+  RIBBON_WRAPPER_DATA_TESTID: () => RIBBON_WRAPPER_DATA_TESTID,
+  RIBBON_WRAPPER_SLOTS: () => RIBBON_WRAPPER_SLOTS
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_constants = require("../../../constants/index.js");
+const RIBBON_WRAPPER_SLOTS = {
+  RIBBON_WRAPPER: "ribbon-wrapper"
+};
+const RIBBON_WRAPPER_DATA_TESTID = (0, import_ds_system.slotObjectToDataTestIds)(import_constants.DSRibbonName, RIBBON_WRAPPER_SLOTS);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/DSRibbonWrapper/constants/index.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nimport { DSRibbonName } from '../../../constants/index.js';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const RIBBON_WRAPPER_SLOTS = {\n  RIBBON_WRAPPER: 'ribbon-wrapper',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const RIBBON_WRAPPER_DATA_TESTID = slotObjectToDataTestIds(DSRibbonName, RIBBON_WRAPPER_SLOTS);\nexport { DSRibbonName };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AACxC,uBAA6B;AAGtB,MAAM,uBAAuB;AAAA,EAClC,gBAAgB;AAClB;AAGO,MAAM,iCAA6B,0CAAwB,+BAAc,oBAAoB;",
+  "names": []
+}

package/dist/cjs/parts/DSRibbonWrapper/index.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 DSRibbonWrapper_exports = {};
+__export(DSRibbonWrapper_exports, {
+  DSRibbonWrapper: () => import_DSRibbonWrapper.DSRibbonWrapper,
+  DSRibbonWrapperWithSchema: () => import_DSRibbonWrapper.DSRibbonWrapperWithSchema,
+  RIBBON_WRAPPER_DATA_TESTID: () => import_constants.RIBBON_WRAPPER_DATA_TESTID,
+  RIBBON_WRAPPER_SLOTS: () => import_constants.RIBBON_WRAPPER_SLOTS
+});
+module.exports = __toCommonJS(DSRibbonWrapper_exports);
+var React = __toESM(require("react"));
+var import_constants = require("./constants/index.js");
+var import_DSRibbonWrapper = require("./DSRibbonWrapper.js");
+//# sourceMappingURL=index.js.map

package/dist/cjs/parts/DSRibbonWrapper/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSRibbonWrapper/index.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { RIBBON_WRAPPER_DATA_TESTID, RIBBON_WRAPPER_SLOTS } from './constants/index.js';\nexport { DSRibbonWrapper, DSRibbonWrapperWithSchema } from './DSRibbonWrapper.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAiE;AACjE,6BAA2D;",
+  "names": []
+}

package/dist/cjs/parts/DSRibbonWrapper/react-desc-prop-types.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 react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSRibbonWrapperPropTypes: () => DSRibbonWrapperPropTypes,
+  DSRibbonWrapperPropTypesSchema: () => DSRibbonWrapperPropTypesSchema,
+  defaultProps: () => defaultProps
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_constants = require("./constants/index.js");
+const defaultProps = {};
+const DSRibbonWrapperPropTypes = {
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSRibbonName, import_constants.RIBBON_WRAPPER_SLOTS),
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes
+};
+const DSRibbonWrapperPropTypesSchema = DSRibbonWrapperPropTypes;
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSRibbonWrapper/react-desc-prop-types.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { getPropsPerSlotPropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSRibbonName, RIBBON_WRAPPER_SLOTS } from './constants/index.js';\n\nexport declare namespace DSRibbonWrapperT {\n  export interface RequiredProps {}\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSRibbonName, typeof RIBBON_WRAPPER_SLOTS> {}\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSRibbonWrapperT.DefaultProps = {};\n\nexport const DSRibbonWrapperPropTypes: DSPropTypesSchema<DSRibbonWrapperT.Props> = {\n  ...getPropsPerSlotPropTypes(DSRibbonName, RIBBON_WRAPPER_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n};\n\nexport const DSRibbonWrapperPropTypesSchema =\n  DSRibbonWrapperPropTypes as unknown as ValidationMap<DSRibbonWrapperT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAAsF;AAEtF,uBAAmD;AAwB5C,MAAM,eAA8C,CAAC;AAErD,MAAM,2BAAsE;AAAA,EACjF,OAAG,kDAAyB,+BAAc,qCAAoB;AAAA,EAC9D,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,iCACX;",
+  "names": []
+}

package/dist/esm/constants/index.js

@@ -0,0 +1,6 @@
+import * as React from "react";
+const DSRibbonName = "DSRibbon";
+export {
+  DSRibbonName
+};
+//# 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", "// 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"],
+  "mappings": "AAAA,YAAY,WAAW;ACEhB,MAAM,eAAe;",
+  "names": []
+}

package/dist/esm/index.js

@@ -1,7 +1,55 @@
 import * as React from "react";
-import { DSRibbon, DSRibbonCardWithSchema } from "./DSRibbon.js";
+import { DSRibbonCard } from "./parts/DSRibbonCard/index.js";
+import { DSRibbonCol } from "./parts/DSRibbonCol/index.js";
+import { DSRibbonRow } from "./parts/DSRibbonRow/index.js";
+import { DSRibbonWrapper } from "./parts/DSRibbonWrapper/index.js";
+const DSRibbon = {
+  RibbonWrapper: DSRibbonWrapper,
+  RibbonRow: DSRibbonRow,
+  RibbonCol: DSRibbonCol,
+  RibbonCard: DSRibbonCard
+};
+import {
+  DSRibbonCard as DSRibbonCard2,
+  DSRibbonCardWithSchema,
+  RIBBON_CARD_DATA_TESTID,
+  RIBBON_CARD_SLOTS
+} from "./parts/DSRibbonCard/index.js";
+import {
+  DSRibbonCol as DSRibbonCol2,
+  DSRibbonColWithSchema,
+  RIBBON_COL_DATA_TESTID,
+  RIBBON_COL_SLOTS
+} from "./parts/DSRibbonCol/index.js";
+import {
+  DSRibbonRow as DSRibbonRow2,
+  DSRibbonRowWithSchema,
+  RIBBON_ROW_DATA_TESTID,
+  RIBBON_ROW_SLOTS
+} from "./parts/DSRibbonRow/index.js";
+import {
+  DSRibbonWrapper as DSRibbonWrapper2,
+  DSRibbonWrapperWithSchema,
+  RIBBON_WRAPPER_DATA_TESTID,
+  RIBBON_WRAPPER_SLOTS
+} from "./parts/DSRibbonWrapper/index.js";
 export {
   DSRibbon,
-  DSRibbonCardWithSchema
+  DSRibbonCard2 as DSRibbonCard,
+  DSRibbonCardWithSchema,
+  DSRibbonCol2 as DSRibbonCol,
+  DSRibbonColWithSchema,
+  DSRibbonRow2 as DSRibbonRow,
+  DSRibbonRowWithSchema,
+  DSRibbonWrapper2 as DSRibbonWrapper,
+  DSRibbonWrapperWithSchema,
+  RIBBON_CARD_DATA_TESTID,
+  RIBBON_CARD_SLOTS,
+  RIBBON_COL_DATA_TESTID,
+  RIBBON_COL_SLOTS,
+  RIBBON_ROW_DATA_TESTID,
+  RIBBON_ROW_SLOTS,
+  RIBBON_WRAPPER_DATA_TESTID,
+  RIBBON_WRAPPER_SLOTS
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSRibbon, DSRibbonCardWithSchema } from './DSRibbon.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,UAAU,8BAA8B;",
-  "names": []
+  "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';\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} from './parts/DSRibbonCard/index.js';\nexport {\n  DSRibbonCol,\n  DSRibbonColWithSchema,\n  RIBBON_COL_DATA_TESTID,\n  RIBBON_COL_SLOTS,\n} from './parts/DSRibbonCol/index.js';\nexport {\n  DSRibbonRow,\n  DSRibbonRowWithSchema,\n  RIBBON_ROW_DATA_TESTID,\n  RIBBON_ROW_SLOTS,\n} from './parts/DSRibbonRow/index.js';\nexport {\n  DSRibbonWrapper,\n  DSRibbonWrapperWithSchema,\n  RIBBON_WRAPPER_DATA_TESTID,\n  RIBBON_WRAPPER_SLOTS,\n} from './parts/DSRibbonWrapper/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAoBzB,MAAM,WAAW;AAAA,EACtB,eAAe;AAAA,EACf,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AACd;AAGA;AAAA,EACE,gBAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE,eAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE,eAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE,mBAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
+  "names": ["DSRibbonCard", "DSRibbonCol", "DSRibbonRow", "DSRibbonWrapper"]
 }

package/dist/esm/parts/DSRibbonCard/DSRibbonCard.js

@@ -0,0 +1,43 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { describe } from "@elliemae/ds-props-helpers";
+import React2 from "react";
+import { useRibbonCard } from "./config/useRibbonCard.js";
+import { DSRibbonCardWithAdditionalValue } from "./DSRibbonCardWithAdditionalValue.js";
+import { PureLabelPlace } from "./PureLabelPlace.js";
+import { DSRibbonCardPropTypesSchema } from "./react-desc-prop-types.js";
+import { StyledBlock, StyledBlockRow, StyledBlockValue } from "./styled.js";
+import { DSRibbonCardWithAdditionalLabel } from "./DSRibbonCardWithAdditionalLabel.js";
+const DSRibbonCard = (props) => {
+  const ribbonCardConfig = useRibbonCard(props);
+  const { propsWithDefault, xstyledProps, globalProps } = ribbonCardConfig;
+  const { containerProps, value, additionalValue, additionalLabel, center } = propsWithDefault;
+  const getOwnerProps = React2.useCallback(() => propsWithDefault, [propsWithDefault]);
+  const getOwnerPropsArguments = React2.useCallback(() => ({}), []);
+  if (additionalValue)
+    return /* @__PURE__ */ jsx(DSRibbonCardWithAdditionalValue, { ribbonCardConfig, getOwnerProps });
+  if (additionalLabel)
+    return /* @__PURE__ */ jsx(DSRibbonCardWithAdditionalLabel, { ribbonCardConfig, getOwnerProps });
+  return /* @__PURE__ */ jsx(
+    StyledBlock,
+    {
+      ...containerProps,
+      ...globalProps,
+      ...xstyledProps,
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: /* @__PURE__ */ jsxs(StyledBlockRow, { center, getOwnerProps, getOwnerPropsArguments, children: [
+        /* @__PURE__ */ jsx(PureLabelPlace, { ...propsWithDefault, getOwnerProps }),
+        /* @__PURE__ */ jsx(StyledBlockValue, { getOwnerProps, getOwnerPropsArguments, children: value })
+      ] })
+    }
+  );
+};
+DSRibbonCard.displayName = "DSRibbonCard";
+const DSRibbonCardWithSchema = describe(DSRibbonCard);
+DSRibbonCardWithSchema.propTypes = DSRibbonCardPropTypesSchema;
+export {
+  DSRibbonCard,
+  DSRibbonCardWithSchema
+};
+//# sourceMappingURL=DSRibbonCard.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSRibbonCard/DSRibbonCard.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA,YAAY,WAAW;ACkBZ,cAYL,YAZK;AAjBX,SAAS,gBAAgB;AACzB,OAAOA,YAAW;AAClB,SAAS,qBAAqB;AAC9B,SAAS,uCAAuC;AAChD,SAAS,sBAAsB;AAC/B,SAA6B,mCAAmC;AAChE,SAAS,aAAa,gBAAgB,wBAAwB;AAC9D,SAAS,uCAAuC;AAEhD,MAAM,eAAyD,CAAC,UAAU;AACxE,QAAM,mBAAmB,cAAc,KAAK;AAC5C,QAAM,EAAE,kBAAkB,cAAc,YAAY,IAAI;AACxD,QAAM,EAAE,gBAAgB,OAAO,iBAAiB,iBAAiB,OAAO,IAAI;AAC5E,QAAM,gBAAgBA,OAAM,YAAY,MAAM,kBAAkB,CAAC,gBAAgB,CAAC;AAClF,QAAM,yBAAyBA,OAAM,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAE/D,MAAI;AACF,WAAO,oBAAC,mCAAgC,kBAAoC,eAA8B;AAC5G,MAAI;AACF,WAAO,oBAAC,mCAAgC,kBAAoC,eAA8B;AAE5G,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MAEA,+BAAC,kBAAe,QAAgB,eAA8B,wBAC5D;AAAA,4BAAC,kBAAgB,GAAG,kBAAkB,eAA8B;AAAA,QACpE,oBAAC,oBAAiB,eAA8B,wBAC7C,iBACH;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;AAGA,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;",
+  "names": ["React"]
+}

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

@@ -0,0 +1,52 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React2 from "react";
+import { PureLabelPlace } from "./PureLabelPlace.js";
+import { StyledBlock, StyledBlockCol, StyledBlockRow, StyledBlockValue, StyledBlockValueLabel } from "./styled.js";
+const DSRibbonCardWithAdditionalLabel = (props) => {
+  const {
+    getOwnerProps,
+    ribbonCardConfig: { propsWithDefault, xstyledProps, globalProps }
+  } = props;
+  const { containerProps, value, additionalLabel, center } = propsWithDefault;
+  const getOwnerPropsArguments = React2.useCallback(() => ({}), []);
+  return /* @__PURE__ */ jsx(
+    StyledBlock,
+    {
+      ...containerProps,
+      ...globalProps,
+      ...xstyledProps,
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: /* @__PURE__ */ jsxs(
+        StyledBlockRow,
+        {
+          className: "ribbon-block-row",
+          style: { alignItems: "flex-start" },
+          getOwnerProps,
+          getOwnerPropsArguments,
+          children: [
+            /* @__PURE__ */ jsx(PureLabelPlace, { ...propsWithDefault, getOwnerProps }),
+            /* @__PURE__ */ jsxs(
+              StyledBlockCol,
+              {
+                center,
+                className: "ribbon-block-col",
+                getOwnerProps,
+                getOwnerPropsArguments,
+                children: [
+                  /* @__PURE__ */ jsx(StyledBlockValue, { getOwnerProps, getOwnerPropsArguments, children: value }),
+                  /* @__PURE__ */ jsx(StyledBlockValueLabel, { getOwnerProps, getOwnerPropsArguments, children: additionalLabel })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  DSRibbonCardWithAdditionalLabel
+};
+//# sourceMappingURL=DSRibbonCardWithAdditionalLabel.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSRibbonCard/DSRibbonCardWithAdditionalLabel.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;AC8Bf,cACA,YADA;AA9BR,OAAOA,YAAW;AAElB,SAAS,sBAAsB;AAE/B,SAAS,aAAa,gBAAgB,gBAAgB,kBAAkB,6BAA6B;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,yBAAyBA,OAAM,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,gCAAC,kBAAgB,GAAG,kBAAkB,eAA8B;AAAA,YACpE;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,WAAU;AAAA,gBACV;AAAA,gBACA;AAAA,gBAEA;AAAA,sCAAC,oBAAiB,eAA8B,wBAC7C,iBACH;AAAA,kBACA,oBAAC,yBAAsB,eAA8B,wBAClD,2BACH;AAAA;AAAA;AAAA,YACF;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;",
+  "names": ["React"]
+}

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

@@ -0,0 +1,52 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React2 from "react";
+import { PureLabelPlace } from "./PureLabelPlace.js";
+import { StyledBlock, StyledBlockCol, StyledBlockRow, StyledBlockValue } from "./styled.js";
+const DSRibbonCardWithAdditionalValue = (props) => {
+  const {
+    getOwnerProps,
+    ribbonCardConfig: { propsWithDefault, xstyledProps, globalProps }
+  } = props;
+  const { containerProps, value, additionalValue, center } = propsWithDefault;
+  const getOwnerPropsArguments = React2.useCallback(() => ({}), []);
+  return /* @__PURE__ */ jsx(
+    StyledBlock,
+    {
+      ...containerProps,
+      ...globalProps,
+      ...xstyledProps,
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: /* @__PURE__ */ jsxs(
+        StyledBlockRow,
+        {
+          className: "ribbon-block-row",
+          style: { alignItems: "flex-start" },
+          getOwnerProps,
+          getOwnerPropsArguments,
+          children: [
+            /* @__PURE__ */ jsx(PureLabelPlace, { ...propsWithDefault, getOwnerProps }),
+            /* @__PURE__ */ jsxs(
+              StyledBlockCol,
+              {
+                center,
+                className: "ribbon-block-col",
+                getOwnerProps,
+                getOwnerPropsArguments,
+                children: [
+                  /* @__PURE__ */ jsx(StyledBlockValue, { getOwnerProps, getOwnerPropsArguments, children: value }),
+                  /* @__PURE__ */ jsx(StyledBlockValue, { getOwnerProps, getOwnerPropsArguments, children: additionalValue })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  DSRibbonCardWithAdditionalValue
+};
+//# sourceMappingURL=DSRibbonCardWithAdditionalValue.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSRibbonCard/DSRibbonCardWithAdditionalValue.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;AC8Bf,cACA,YADA;AA9BR,OAAOA,YAAW;AAElB,SAAS,sBAAsB;AAE/B,SAAS,aAAa,gBAAgB,gBAAgB,wBAAwB;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,yBAAyBA,OAAM,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,gCAAC,kBAAgB,GAAG,kBAAkB,eAA8B;AAAA,YACpE;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,WAAU;AAAA,gBACV;AAAA,gBACA;AAAA,gBAEA;AAAA,sCAAC,oBAAiB,eAA8B,wBAC7C,iBACH;AAAA,kBACA,oBAAC,oBAAiB,eAA8B,wBAC7C,2BACH;AAAA;AAAA;AAAA,YACF;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;",
+  "names": ["React"]
+}

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

@@ -0,0 +1,31 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import React2 from "react";
+import { StyledBlockIcon, StyledBlockLabel } from "./styled.js";
+const PureLabelPlace = ({
+  icon,
+  error,
+  info,
+  success,
+  warning,
+  label,
+  getOwnerProps
+}) => {
+  const getOwnerPropsArguments = React2.useCallback(() => ({}), []);
+  return icon ? /* @__PURE__ */ jsx(
+    StyledBlockIcon,
+    {
+      error,
+      info,
+      success,
+      warning,
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: icon
+    }
+  ) : /* @__PURE__ */ jsx(StyledBlockLabel, { getOwnerProps, getOwnerPropsArguments, children: label });
+};
+export {
+  PureLabelPlace
+};
+//# sourceMappingURL=PureLabelPlace.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSRibbonCard/PureLabelPlace.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACenB;AAfJ,OAAOA,YAAW;AAElB,SAAS,iBAAiB,wBAAwB;AAE3C,MAAM,iBAA2D,CAAC;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,yBAAyBA,OAAM,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,oBAAC,oBAAiB,eAA8B,wBAC7C,iBACH;AAEJ;",
+  "names": ["React"]
+}

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

@@ -0,0 +1,33 @@
+import * as React from "react";
+import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+import React2 from "react";
+import { uid } from "uid";
+import { DSRibbonCardPropTypesSchema, defaultProps } from "../react-desc-prop-types.js";
+import { useValidateProps } from "./useValidateProps.js";
+const useRibbonCard = (propsFromUser) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(propsFromUser, defaultProps);
+  useValidateProps(propsWithDefault, DSRibbonCardPropTypesSchema);
+  const globalProps = useGetGlobalAttributes(propsWithDefault);
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  const instanceUid = React2.useMemo(() => `ds-ribbon-card-${uid(5)}`, []);
+  return React2.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps,
+      globalProps,
+      instanceUid
+      // ...eventHandlers,
+    }),
+    [
+      propsWithDefault,
+      xstyledProps,
+      globalProps,
+      instanceUid
+      // eventHandlers,
+    ]
+  );
+};
+export {
+  useRibbonCard
+};
+//# sourceMappingURL=useRibbonCard.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSRibbonCard/config/useRibbonCard.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB,oBAAoB,oCAAoC;AACzF,OAAOA,YAAW;AAClB,SAAS,WAAW;AACpB,SAA6B,6BAA6B,oBAAoB;AAC9E,SAAS,wBAAwB;AAE1B,MAAM,gBAAgB,CAAC,kBAAuC;AAInE,QAAM,mBAAmB,6BAA0D,eAAe,YAAY;AAC9G,mBAAiB,kBAAkB,2BAA2B;AAI9D,QAAM,cAAc,uBAAoE,gBAAgB;AACxG,QAAM,eAAe,mBAAmB,gBAAgB;AAMxD,QAAM,cAAcA,OAAM,QAAQ,MAAM,kBAAkB,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AAOtE,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/parts/DSRibbonCard/config/useValidateProps.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSRibbonCard/config/useValidateProps.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,sCAAsC;AAGxC,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,iCAA+B,OAAO,WAAW,cAAc;AACjE;",
+  "names": []
+}