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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/DSRibbonCard/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_CARD_SLOTS = {\n  RIBBON_CARD_BLOCK_ICON: 'ribbon-card-block-icon',\n  RIBBON_CARD_BLOCK_LABEL: 'ribbon-card-block-label',\n  RIBBON_CARD_BLOCK_VALUE: 'ribbon-card-block-value',\n  RIBBON_CARD_BLOCK_VALUE_LABEL: 'ribbon-card-block-value-label',\n  RIBBON_CARD_BLOCK_COL: 'ribbon-card-block-col',\n  RIBBON_CARD_BLOCK_ROW: 'ribbon-card-block-row',\n  RIBBON_CARD_BLOCK: 'ribbon-card-block',\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_CARD_DATA_TESTID = slotObjectToDataTestIds(DSRibbonName, RIBBON_CARD_SLOTS);\n\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,oBAAoB;AAAA,EAC/B,wBAAwB;AAAA,EACxB,yBAAyB;AAAA,EACzB,yBAAyB;AAAA,EACzB,+BAA+B;AAAA,EAC/B,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,mBAAmB;AACrB;AAGO,MAAM,8BAA0B,0CAAwB,+BAAc,iBAAiB;",
+  "names": []
+}

package/dist/cjs/parts/DSRibbonCard/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 DSRibbonCard_exports = {};
+__export(DSRibbonCard_exports, {
+  DSRibbonCard: () => import_DSRibbonCard.DSRibbonCard,
+  DSRibbonCardWithSchema: () => import_DSRibbonCard.DSRibbonCardWithSchema,
+  RIBBON_CARD_DATA_TESTID: () => import_constants.RIBBON_CARD_DATA_TESTID,
+  RIBBON_CARD_SLOTS: () => import_constants.RIBBON_CARD_SLOTS
+});
+module.exports = __toCommonJS(DSRibbonCard_exports);
+var React = __toESM(require("react"));
+var import_constants = require("./constants/index.js");
+var import_DSRibbonCard = require("./DSRibbonCard.js");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSRibbonCard/index.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { RIBBON_CARD_DATA_TESTID, RIBBON_CARD_SLOTS } from './constants/index.js';\nexport { DSRibbonCard, DSRibbonCardWithSchema } from './DSRibbonCard.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2D;AAC3D,0BAAqD;",
+  "names": []
+}

package/dist/cjs/parts/DSRibbonCard/react-desc-prop-types.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 react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSRibbonCardPropTypes: () => DSRibbonCardPropTypes,
+  DSRibbonCardPropTypesSchema: () => DSRibbonCardPropTypesSchema,
+  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 = {
+  containerProps: {},
+  icon: null,
+  label: "",
+  value: "",
+  additionalValue: "",
+  additionalLabel: "",
+  info: false,
+  error: false,
+  warning: false,
+  success: false,
+  center: false
+};
+const DSRibbonCardPropTypes = {
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSRibbonName, import_constants.RIBBON_CARD_SLOTS),
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  containerProps: import_ds_props_helpers.PropTypes.object.description("props to inject to wrapper").defaultValue("{}"),
+  icon: import_ds_props_helpers.PropTypes.element.description("icon for ribbon card").defaultValue("null"),
+  label: import_ds_props_helpers.PropTypes.string.description("label for ribbon card").defaultValue("''"),
+  value: import_ds_props_helpers.PropTypes.string.description("value for ribbon").defaultValue("''"),
+  additionalValue: import_ds_props_helpers.PropTypes.string.description("additional value").defaultValue("''"),
+  additionalLabel: import_ds_props_helpers.PropTypes.string.description("additional label").defaultValue("''"),
+  info: import_ds_props_helpers.PropTypes.bool.description("for main label").defaultValue("false"),
+  error: import_ds_props_helpers.PropTypes.bool.description("error state toggle").defaultValue("false"),
+  warning: import_ds_props_helpers.PropTypes.bool.description("warning state toggle").defaultValue("false"),
+  success: import_ds_props_helpers.PropTypes.bool.description("success state toggle").defaultValue("false"),
+  center: import_ds_props_helpers.PropTypes.bool.description("align center").defaultValue("false")
+};
+const DSRibbonCardPropTypesSchema = DSRibbonCardPropTypes;
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSRibbonCard/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 {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSRibbonName, RIBBON_CARD_SLOTS } from './constants/index.js';\n\nexport declare namespace DSRibbonCardT {\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    containerProps: Record<string, unknown>;\n    icon: React.ReactElement | null;\n    label: string;\n    value: string;\n    additionalValue: string;\n    additionalLabel: string;\n    info: boolean;\n    error: boolean;\n    warning: boolean;\n    success: boolean;\n    center: boolean;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSRibbonName, typeof RIBBON_CARD_SLOTS> {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSRibbonCardT.DefaultProps = {\n  containerProps: {},\n  icon: null,\n  label: '',\n  value: '',\n  additionalValue: '',\n  additionalLabel: '',\n  info: false,\n  error: false,\n  warning: false,\n  success: false,\n  center: false,\n};\n\nexport const DSRibbonCardPropTypes: DSPropTypesSchema<DSRibbonCardT.Props> = {\n  ...getPropsPerSlotPropTypes(DSRibbonName, RIBBON_CARD_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  containerProps: PropTypes.object.description('props to inject to wrapper').defaultValue('{}'),\n  icon: PropTypes.element.description('icon for ribbon card').defaultValue('null'),\n  label: PropTypes.string.description('label for ribbon card').defaultValue(\"''\"),\n  value: PropTypes.string.description('value for ribbon').defaultValue(\"''\"),\n  additionalValue: PropTypes.string.description('additional value').defaultValue(\"''\"),\n  additionalLabel: PropTypes.string.description('additional label').defaultValue(\"''\"),\n  info: PropTypes.bool.description('for main label').defaultValue('false'),\n  error: PropTypes.bool.description('error state toggle').defaultValue('false'),\n  warning: PropTypes.bool.description('warning state toggle').defaultValue('false'),\n  success: PropTypes.bool.description('success state toggle').defaultValue('false'),\n  center: PropTypes.bool.description('align center').defaultValue('false'),\n};\n\nexport const DSRibbonCardPropTypesSchema = DSRibbonCardPropTypes as unknown as ValidationMap<DSRibbonCardT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAKO;AAEP,uBAAgD;AAqCzC,MAAM,eAA2C;AAAA,EACtD,gBAAgB,CAAC;AAAA,EACjB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAEO,MAAM,wBAAgE;AAAA,EAC3E,OAAG,kDAAyB,+BAAc,kCAAiB;AAAA,EAC3D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,gBAAgB,kCAAU,OAAO,YAAY,4BAA4B,EAAE,aAAa,IAAI;AAAA,EAC5F,MAAM,kCAAU,QAAQ,YAAY,sBAAsB,EAAE,aAAa,MAAM;AAAA,EAC/E,OAAO,kCAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,IAAI;AAAA,EAC9E,OAAO,kCAAU,OAAO,YAAY,kBAAkB,EAAE,aAAa,IAAI;AAAA,EACzE,iBAAiB,kCAAU,OAAO,YAAY,kBAAkB,EAAE,aAAa,IAAI;AAAA,EACnF,iBAAiB,kCAAU,OAAO,YAAY,kBAAkB,EAAE,aAAa,IAAI;AAAA,EACnF,MAAM,kCAAU,KAAK,YAAY,gBAAgB,EAAE,aAAa,OAAO;AAAA,EACvE,OAAO,kCAAU,KAAK,YAAY,oBAAoB,EAAE,aAAa,OAAO;AAAA,EAC5E,SAAS,kCAAU,KAAK,YAAY,sBAAsB,EAAE,aAAa,OAAO;AAAA,EAChF,SAAS,kCAAU,KAAK,YAAY,sBAAsB,EAAE,aAAa,OAAO;AAAA,EAChF,QAAQ,kCAAU,KAAK,YAAY,cAAc,EAAE,aAAa,OAAO;AACzE;AAEO,MAAM,8BAA8B;",
+  "names": []
+}

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

@@ -0,0 +1,138 @@
+"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 styled_exports = {};
+__export(styled_exports, {
+  StyledBlock: () => StyledBlock,
+  StyledBlockCol: () => StyledBlockCol,
+  StyledBlockIcon: () => StyledBlockIcon,
+  StyledBlockLabel: () => StyledBlockLabel,
+  StyledBlockRow: () => StyledBlockRow,
+  StyledBlockValue: () => StyledBlockValue,
+  StyledBlockValueLabel: () => StyledBlockValueLabel
+});
+module.exports = __toCommonJS(styled_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_constants = require("./constants/index.js");
+const StyledBlockIcon = (0, import_ds_system.styled)("div", {
+  slot: import_constants.RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_ICON,
+  name: import_constants.DSRibbonName
+})`
+  padding-right: 0.5rem;
+  padding-top: 0.1rem;
+  svg,
+  svg:not([fill]) {
+    fill: ${(props) => {
+  if (props.info) return "#1e79c2";
+  if (props.error) return "#E34256";
+  if (props.warning) return "#FBB431";
+  if (props.success) return "#32B87C";
+  return "#1e79c2";
+}};
+  }
+
+  ${import_ds_system.xStyledCommonProps}
+`;
+const StyledBlockLabel = (0, import_ds_system.styled)("div", {
+  slot: import_constants.RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_LABEL,
+  name: import_constants.DSRibbonName
+})`
+  padding: 0.25rem 0.5rem;
+  color: #697489;
+  font-size: 0.9rem;
+  line-height: 1.2rem;
+
+  ${import_ds_system.xStyledCommonProps}
+`;
+const StyledBlockValue = (0, import_ds_system.styled)("div", {
+  slot: import_constants.RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_VALUE,
+  name: import_constants.DSRibbonName
+})`
+  flex: 2;
+  font-weight: 600;
+  padding: 0.25rem 0.5rem 0.25rem 0rem;
+  font-size: 1.1rem;
+  color: #333333;
+  flex-wrap: nowrap;
+  white-space: nowrap;
+
+  ${import_ds_system.xStyledCommonProps}
+`;
+const StyledBlockValueLabel = (0, import_ds_system.styled)("div", {
+  slot: import_constants.RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_VALUE_LABEL,
+  name: import_constants.DSRibbonName
+})`
+  flex: 2;
+  padding: 0.25rem 0.5rem 0.25rem 0rem;
+  font-size: 0.9rem;
+  color: #697489;
+  flex-wrap: nowrap;
+  white-space: nowrap;
+
+  ${import_ds_system.xStyledCommonProps}
+`;
+const StyledBlockCol = (0, import_ds_system.styled)("div", {
+  slot: import_constants.RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_COL,
+  name: import_constants.DSRibbonName
+})`
+  display: flex;
+  flex-direction: column;
+  flex: 2;
+  flex-wrap: nowrap;
+  align-items: ${(props) => {
+  if (props.center) return "center";
+  return "";
+}};
+  height: 100%;
+
+  ${import_ds_system.xStyledCommonProps}
+`;
+const StyledBlockRow = (0, import_ds_system.styled)("div", {
+  slot: import_constants.RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_ROW,
+  name: import_constants.DSRibbonName
+})`
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  flex: 1;
+  height: 100%;
+  align-items: ${(props) => {
+  if (props.center) return "center";
+  return "";
+}};
+
+  ${import_ds_system.xStyledCommonProps}
+`;
+const StyledBlock = (0, import_ds_system.styled)("div", { slot: import_constants.RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK, name: import_constants.DSRibbonName })`
+  flex: 1;
+  height: 100%;
+
+  ${import_ds_system.xStyledCommonProps}
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSRibbonCard/styled.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSRibbonName, RIBBON_CARD_SLOTS } from './constants/index.js';\nimport { type DSRibbonCardT } from './react-desc-prop-types.js';\n\ntype StyledBlockIconProps = {\n  info?: DSRibbonCardT.Props['info'];\n  error?: DSRibbonCardT.Props['error'];\n  warning?: DSRibbonCardT.Props['warning'];\n  success?: DSRibbonCardT.Props['success'];\n};\nexport const StyledBlockIcon = styled('div', {\n  slot: RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_ICON,\n  name: DSRibbonName,\n})<StyledBlockIconProps>`\n  padding-right: 0.5rem;\n  padding-top: 0.1rem;\n  svg,\n  svg:not([fill]) {\n    fill: ${(props) => {\n      if (props.info) return '#1e79c2';\n      if (props.error) return '#E34256';\n      if (props.warning) return '#FBB431';\n      if (props.success) return '#32B87C';\n      return '#1e79c2';\n    }};\n  }\n\n  ${xStyledCommonProps}\n`;\n\nexport const StyledBlockLabel = styled('div', {\n  slot: RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_LABEL,\n  name: DSRibbonName,\n})`\n  padding: 0.25rem 0.5rem;\n  color: #697489;\n  font-size: 0.9rem;\n  line-height: 1.2rem;\n\n  ${xStyledCommonProps}\n`;\n\nexport const StyledBlockValue = styled('div', {\n  slot: RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_VALUE,\n  name: DSRibbonName,\n})`\n  flex: 2;\n  font-weight: 600;\n  padding: 0.25rem 0.5rem 0.25rem 0rem;\n  font-size: 1.1rem;\n  color: #333333;\n  flex-wrap: nowrap;\n  white-space: nowrap;\n\n  ${xStyledCommonProps}\n`;\n\nexport const StyledBlockValueLabel = styled('div', {\n  slot: RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_VALUE_LABEL,\n  name: DSRibbonName,\n})`\n  flex: 2;\n  padding: 0.25rem 0.5rem 0.25rem 0rem;\n  font-size: 0.9rem;\n  color: #697489;\n  flex-wrap: nowrap;\n  white-space: nowrap;\n\n  ${xStyledCommonProps}\n`;\ntype StyledColProps = {\n  center?: DSRibbonCardT.Props['center'];\n};\nexport const StyledBlockCol = styled('div', {\n  slot: RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_COL,\n  name: DSRibbonName,\n})<StyledColProps>`\n  display: flex;\n  flex-direction: column;\n  flex: 2;\n  flex-wrap: nowrap;\n  align-items: ${(props) => {\n    if (props.center) return 'center';\n    return '';\n  }};\n  height: 100%;\n\n  ${xStyledCommonProps}\n`;\ntype StyledRowProps = {\n  center?: DSRibbonCardT.Props['center'];\n};\nexport const StyledBlockRow = styled('div', {\n  slot: RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK_ROW,\n  name: DSRibbonName,\n})<StyledRowProps>`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  flex: 1;\n  height: 100%;\n  align-items: ${(props) => {\n    if (props.center) return 'center';\n    return '';\n  }};\n\n  ${xStyledCommonProps}\n`;\n\nexport const StyledBlock = styled('div', { slot: RIBBON_CARD_SLOTS.RIBBON_CARD_BLOCK, name: DSRibbonName })`\n  flex: 1;\n  height: 100%;\n\n  ${xStyledCommonProps}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAA2C;AAC3C,uBAAgD;AASzC,MAAM,sBAAkB,yBAAO,OAAO;AAAA,EAC3C,MAAM,mCAAkB;AAAA,EACxB,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAKW,CAAC,UAAU;AACjB,MAAI,MAAM,KAAM,QAAO;AACvB,MAAI,MAAM,MAAO,QAAO;AACxB,MAAI,MAAM,QAAS,QAAO;AAC1B,MAAI,MAAM,QAAS,QAAO;AAC1B,SAAO;AACT,CAAC;AAAA;AAAA;AAAA,IAGD,mCAAkB;AAAA;AAGf,MAAM,uBAAmB,yBAAO,OAAO;AAAA,EAC5C,MAAM,mCAAkB;AAAA,EACxB,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMG,mCAAkB;AAAA;AAGf,MAAM,uBAAmB,yBAAO,OAAO;AAAA,EAC5C,MAAM,mCAAkB;AAAA,EACxB,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASG,mCAAkB;AAAA;AAGf,MAAM,4BAAwB,yBAAO,OAAO;AAAA,EACjD,MAAM,mCAAkB;AAAA,EACxB,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQG,mCAAkB;AAAA;AAKf,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM,mCAAkB;AAAA,EACxB,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKgB,CAAC,UAAU;AACxB,MAAI,MAAM,OAAQ,QAAO;AACzB,SAAO;AACT,CAAC;AAAA;AAAA;AAAA,IAGC,mCAAkB;AAAA;AAKf,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM,mCAAkB;AAAA,EACxB,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMgB,CAAC,UAAU;AACxB,MAAI,MAAM,OAAQ,QAAO;AACzB,SAAO;AACT,CAAC;AAAA;AAAA,IAEC,mCAAkB;AAAA;AAGf,MAAM,kBAAc,yBAAO,OAAO,EAAE,MAAM,mCAAkB,mBAAmB,MAAM,8BAAa,CAAC;AAAA;AAAA;AAAA;AAAA,IAItG,mCAAkB;AAAA;",
+  "names": []
+}

package/dist/cjs/parts/DSRibbonCol/DSRibbonCol.js

@@ -0,0 +1,83 @@
+"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 DSRibbonCol_exports = {};
+__export(DSRibbonCol_exports, {
+  DSRibbonCol: () => DSRibbonCol,
+  DSRibbonColWithSchema: () => DSRibbonColWithSchema
+});
+module.exports = __toCommonJS(DSRibbonCol_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_ds_system = require("@elliemae/ds-system");
+var import_react = __toESM(require("react"));
+var import_useRibbonCol = require("./config/useRibbonCol.js");
+var import_constants = require("./constants/index.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+const StyledFlexCol = (0, import_ds_system.styled)("div", { name: import_constants.DSRibbonName, slot: import_constants.RIBBON_COL_SLOTS.RIBBON_COL })`
+  display: flex;
+  flex-direction: column;
+  padding: 0.25rem 0.5rem;
+  height: 100%;
+  justify-content: center;
+  flex: 1;
+  position: relative;
+  &:after {
+    position: absolute;
+    top: 10%;
+    right: 0;
+    height: 80%;
+    content: '';
+    border-right: dashed 1px #ebedf0;
+  }
+  & > .DSRibbon-ribbon-row {
+    align-items: flex-start;
+  }
+  ${import_ds_system.xStyledCommonProps}
+`;
+const DSRibbonCol = (props) => {
+  const { propsWithDefault, xstyledProps, globalProps } = (0, import_useRibbonCol.useRibbonCol)(props);
+  const { children } = propsWithDefault;
+  const getOwnerProps = import_react.default.useCallback(() => propsWithDefault, [propsWithDefault]);
+  const getOwnerPropsArguments = import_react.default.useCallback(() => ({}), []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    StyledFlexCol,
+    {
+      ...globalProps,
+      ...xstyledProps,
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children
+    }
+  );
+};
+DSRibbonCol.displayName = "DSRibbonCol";
+const DSRibbonColWithSchema = (0, import_ds_props_helpers.describe)(DSRibbonCol);
+DSRibbonColWithSchema.propTypes = import_react_desc_prop_types.DSRibbonColPropTypesSchema;
+//# sourceMappingURL=DSRibbonCol.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSRibbonCol/DSRibbonCol.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { describe } from '@elliemae/ds-props-helpers';\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport React from 'react';\nimport { useRibbonCol } from './config/useRibbonCol.js';\nimport { DSRibbonName, RIBBON_COL_SLOTS } from './constants/index.js';\nimport { type DSRibbonColT, DSRibbonColPropTypesSchema } from './react-desc-prop-types.js';\n\nconst StyledFlexCol = styled('div', { name: DSRibbonName, slot: RIBBON_COL_SLOTS.RIBBON_COL })`\n  display: flex;\n  flex-direction: column;\n  padding: 0.25rem 0.5rem;\n  height: 100%;\n  justify-content: center;\n  flex: 1;\n  position: relative;\n  &:after {\n    position: absolute;\n    top: 10%;\n    right: 0;\n    height: 80%;\n    content: '';\n    border-right: dashed 1px #ebedf0;\n  }\n  & > .DSRibbon-ribbon-row {\n    align-items: flex-start;\n  }\n  ${xStyledCommonProps}\n`;\n\nconst DSRibbonCol: React.ComponentType<DSRibbonColT.Props> = (props) => {\n  const { propsWithDefault, xstyledProps, globalProps } = useRibbonCol(props);\n  const { children } = propsWithDefault;\n  const getOwnerProps = React.useCallback(() => propsWithDefault, [propsWithDefault]);\n  const getOwnerPropsArguments = React.useCallback(() => ({}), []);\n  return (\n    <StyledFlexCol\n      {...globalProps}\n      {...xstyledProps}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      {children}\n    </StyledFlexCol>\n  );\n};\n\nDSRibbonCol.displayName = 'DSRibbonCol';\nconst DSRibbonColWithSchema = describe(DSRibbonCol);\nDSRibbonColWithSchema.propTypes = DSRibbonColPropTypesSchema;\n\nexport { DSRibbonCol, DSRibbonColWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmCnB;AAnCJ,8BAAyB;AACzB,uBAA2C;AAC3C,mBAAkB;AAClB,0BAA6B;AAC7B,uBAA+C;AAC/C,mCAA8D;AAE9D,MAAM,oBAAgB,yBAAO,OAAO,EAAE,MAAM,+BAAc,MAAM,kCAAiB,WAAW,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAmBzF,mCAAkB;AAAA;AAGtB,MAAM,cAAuD,CAAC,UAAU;AACtE,QAAM,EAAE,kBAAkB,cAAc,YAAY,QAAI,kCAAa,KAAK;AAC1E,QAAM,EAAE,SAAS,IAAI;AACrB,QAAM,gBAAgB,aAAAA,QAAM,YAAY,MAAM,kBAAkB,CAAC,gBAAgB,CAAC;AAClF,QAAM,yBAAyB,aAAAA,QAAM,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAC/D,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,YAAY,cAAc;AAC1B,MAAM,4BAAwB,kCAAS,WAAW;AAClD,sBAAsB,YAAY;",
+  "names": ["React"]
+}

package/dist/cjs/parts/DSRibbonCol/config/useRibbonCol.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 useRibbonCol_exports = {};
+__export(useRibbonCol_exports, {
+  useRibbonCol: () => useRibbonCol
+});
+module.exports = __toCommonJS(useRibbonCol_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 useRibbonCol = (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.DSRibbonColPropTypesSchema);
+  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-col-${(0, import_uid.uid)(5)}`, []);
+  return import_react.default.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps,
+      globalProps,
+      instanceUid
+      // ...eventHandlers,
+    }),
+    [
+      propsWithDefault,
+      xstyledProps,
+      globalProps,
+      instanceUid
+      // eventHandlers,
+    ]
+  );
+};
+//# sourceMappingURL=useRibbonCol.js.map

package/dist/cjs/parts/DSRibbonCol/config/useRibbonCol.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/DSRibbonCol/config/useRibbonCol.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 DSRibbonColT, DSRibbonColPropTypesSchema, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const useRibbonCol = (propsFromUser: DSRibbonColT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSRibbonColT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSRibbonColPropTypesSchema);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalProps = useGetGlobalAttributes<DSRibbonColT.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-col-${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,mCAA4E;AAC5E,8BAAiC;AAE1B,MAAM,eAAe,CAAC,kBAAsC;AAIjE,QAAM,uBAAmB,sDAAyD,eAAe,yCAAY;AAC7G,gDAAiB,kBAAkB,uDAA0B;AAI7D,QAAM,kBAAc,gDAAmE,gBAAgB;AACvG,QAAM,mBAAe,4CAAmB,gBAAgB;AAMxD,QAAM,cAAc,aAAAA,QAAM,QAAQ,MAAM,qBAAiB,gBAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AAOrE,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/DSRibbonCol/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, "DSRibbonCol");
+};
+//# sourceMappingURL=useValidateProps.js.map

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

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

package/dist/cjs/parts/DSRibbonCol/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_COL_DATA_TESTID: () => RIBBON_COL_DATA_TESTID,
+  RIBBON_COL_SLOTS: () => RIBBON_COL_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_COL_SLOTS = {
+  RIBBON_COL: "ribbon-col"
+};
+const RIBBON_COL_DATA_TESTID = (0, import_ds_system.slotObjectToDataTestIds)(import_constants.DSRibbonName, RIBBON_COL_SLOTS);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/DSRibbonCol/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_COL_SLOTS = {\n  RIBBON_COL: 'ribbon-col',\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_COL_DATA_TESTID = slotObjectToDataTestIds(DSRibbonName, RIBBON_COL_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,mBAAmB;AAAA,EAC9B,YAAY;AACd;AAGO,MAAM,6BAAyB,0CAAwB,+BAAc,gBAAgB;",
+  "names": []
+}

package/dist/cjs/parts/DSRibbonCol/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 DSRibbonCol_exports = {};
+__export(DSRibbonCol_exports, {
+  DSRibbonCol: () => import_DSRibbonCol.DSRibbonCol,
+  DSRibbonColWithSchema: () => import_DSRibbonCol.DSRibbonColWithSchema,
+  RIBBON_COL_DATA_TESTID: () => import_constants.RIBBON_COL_DATA_TESTID,
+  RIBBON_COL_SLOTS: () => import_constants.RIBBON_COL_SLOTS
+});
+module.exports = __toCommonJS(DSRibbonCol_exports);
+var React = __toESM(require("react"));
+var import_DSRibbonCol = require("./DSRibbonCol.js");
+var import_constants = require("./constants/index.js");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSRibbonCol/index.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { DSRibbonCol, DSRibbonColWithSchema } from './DSRibbonCol.js';\nexport { RIBBON_COL_SLOTS, RIBBON_COL_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;ADAvB,yBAAmD;AACnD,uBAAyD;",
+  "names": []
+}