@elliemae/ds-ribbon 3.80.0-next.4 → 3.80.0-next.41

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/DSRibbonWrapper/react-desc-prop-types.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import 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 extends TypescriptHelpersT.PropsForGlobalOnSlots<\n    typeof DSRibbonName,\n    typeof RIBBON_WRAPPER_SLOTS\n  > {}\n  export interface Props\n    extends\n      Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends\n      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;ADCvB,8BAAsF;AAEtF,uBAAmD;AA4B5C,MAAM,eAA8C,CAAC;AAErD,MAAM,2BAAsE;AAAA,EACjF,OAAG,kDAAyB,+BAAc,qCAAoB;AAAA,EAC9D,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,iCACX;",
+  "sourcesContent": ["import 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 type SlotFunctionArguments = {\n    dsRibbonRibbonWrapper: () => object;\n  };\n\n  export interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<\n    typeof DSRibbonName,\n    typeof RIBBON_WRAPPER_SLOTS\n  > {}\n  export interface Props\n    extends\n      Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends\n      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;ADCvB,8BAAsF;AAEtF,uBAAmD;AAgC5C,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/cjs/typescript-testing/slot-props.js

@@ -0,0 +1,66 @@
+"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 __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 React = __toESM(require("react"));
+const TEST_PROPS = { "aria-label": "just a typescript test" };
+const WrapperSlotPropsAsObj = {
+  dsRibbonRibbonWrapper: TEST_PROPS
+};
+const WrapperSlotPropsAsFunctions = {
+  dsRibbonRibbonWrapper: () => TEST_PROPS
+};
+const EnsureAllWrapperSlotsExist = WrapperSlotPropsAsFunctions;
+const RowSlotPropsAsObj = {
+  dsRibbonRibbonRow: TEST_PROPS
+};
+const RowSlotPropsAsFunctions = {
+  dsRibbonRibbonRow: () => TEST_PROPS
+};
+const EnsureAllRowSlotsExist = RowSlotPropsAsFunctions;
+const ColSlotPropsAsObj = {
+  dsRibbonRibbonCol: TEST_PROPS
+};
+const ColSlotPropsAsFunctions = {
+  dsRibbonRibbonCol: () => TEST_PROPS
+};
+const EnsureAllColSlotsExist = ColSlotPropsAsFunctions;
+const CardSlotPropsAsObj = {
+  dsRibbonRibbonCardBlock: TEST_PROPS,
+  dsRibbonRibbonCardBlockRow: TEST_PROPS,
+  dsRibbonRibbonCardBlockCol: TEST_PROPS,
+  dsRibbonRibbonCardBlockIcon: TEST_PROPS,
+  dsRibbonRibbonCardBlockLabel: TEST_PROPS,
+  dsRibbonRibbonCardBlockValue: TEST_PROPS,
+  dsRibbonRibbonCardBlockValueLabel: TEST_PROPS
+};
+const CardSlotPropsAsFunctions = {
+  dsRibbonRibbonCardBlock: () => TEST_PROPS,
+  dsRibbonRibbonCardBlockRow: () => TEST_PROPS,
+  dsRibbonRibbonCardBlockCol: () => TEST_PROPS,
+  dsRibbonRibbonCardBlockIcon: () => TEST_PROPS,
+  dsRibbonRibbonCardBlockLabel: () => TEST_PROPS,
+  dsRibbonRibbonCardBlockValue: () => TEST_PROPS,
+  dsRibbonRibbonCardBlockValueLabel: () => TEST_PROPS
+};
+const EnsureAllCardSlotsExist = CardSlotPropsAsFunctions;
+//# sourceMappingURL=slot-props.js.map

package/dist/cjs/typescript-testing/slot-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/slot-props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n\n// ds-ribbon ships four independently importable parts rather than one component, so each gets its own\n// pair of declarations and its own exhaustiveness check. All four share the `DSRibbon` name; only the\n// slots constant differs.\n\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DSRibbonName } from '../constants/index.js';\nimport type { RIBBON_WRAPPER_SLOTS } from '../parts/DSRibbonWrapper/constants/index.js';\nimport type { RIBBON_ROW_SLOTS } from '../parts/DSRibbonRow/constants/index.js';\nimport type { RIBBON_COL_SLOTS } from '../parts/DSRibbonCol/constants/index.js';\nimport type { RIBBON_CARD_SLOTS } from '../parts/DSRibbonCard/constants/index.js';\nimport type { DSRibbonWrapperT } from '../parts/DSRibbonWrapper/react-desc-prop-types.js';\nimport type { DSRibbonRowT } from '../parts/DSRibbonRow/react-desc-prop-types.js';\nimport type { DSRibbonColT } from '../parts/DSRibbonCol/react-desc-prop-types.js';\nimport type { DSRibbonCardT } from '../parts/DSRibbonCard/react-desc-prop-types.js';\n\nconst TEST_PROPS = { 'aria-label': 'just a typescript test' };\n\n// --- DSRibbonWrapper ---------------------------------------------------------------------------\n\nconst WrapperSlotPropsAsObj: Partial<DSRibbonWrapperT.Props> = {\n  dsRibbonRibbonWrapper: TEST_PROPS,\n};\n\nconst WrapperSlotPropsAsFunctions: DSRibbonWrapperT.SlotFunctionArguments = {\n  dsRibbonRibbonWrapper: () => TEST_PROPS,\n};\n\nconst EnsureAllWrapperSlotsExist: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSRibbonName, typeof RIBBON_WRAPPER_SLOTS>\n> = WrapperSlotPropsAsFunctions;\n\n// --- DSRibbonRow -------------------------------------------------------------------------------\n\nconst RowSlotPropsAsObj: Partial<DSRibbonRowT.Props> = {\n  dsRibbonRibbonRow: TEST_PROPS,\n};\n\nconst RowSlotPropsAsFunctions: DSRibbonRowT.SlotFunctionArguments = {\n  dsRibbonRibbonRow: () => TEST_PROPS,\n};\n\nconst EnsureAllRowSlotsExist: Required<TypescriptHelpersT.PropsForSlots<typeof DSRibbonName, typeof RIBBON_ROW_SLOTS>> =\n  RowSlotPropsAsFunctions;\n\n// --- DSRibbonCol -------------------------------------------------------------------------------\n\nconst ColSlotPropsAsObj: Partial<DSRibbonColT.Props> = {\n  dsRibbonRibbonCol: TEST_PROPS,\n};\n\nconst ColSlotPropsAsFunctions: DSRibbonColT.SlotFunctionArguments = {\n  dsRibbonRibbonCol: () => TEST_PROPS,\n};\n\nconst EnsureAllColSlotsExist: Required<TypescriptHelpersT.PropsForSlots<typeof DSRibbonName, typeof RIBBON_COL_SLOTS>> =\n  ColSlotPropsAsFunctions;\n\n// --- DSRibbonCard ------------------------------------------------------------------------------\n\nconst CardSlotPropsAsObj: Partial<DSRibbonCardT.Props> = {\n  dsRibbonRibbonCardBlock: TEST_PROPS,\n  dsRibbonRibbonCardBlockRow: TEST_PROPS,\n  dsRibbonRibbonCardBlockCol: TEST_PROPS,\n  dsRibbonRibbonCardBlockIcon: TEST_PROPS,\n  dsRibbonRibbonCardBlockLabel: TEST_PROPS,\n  dsRibbonRibbonCardBlockValue: TEST_PROPS,\n  dsRibbonRibbonCardBlockValueLabel: TEST_PROPS,\n};\n\nconst CardSlotPropsAsFunctions: DSRibbonCardT.SlotFunctionArguments = {\n  dsRibbonRibbonCardBlock: () => TEST_PROPS,\n  dsRibbonRibbonCardBlockRow: () => TEST_PROPS,\n  dsRibbonRibbonCardBlockCol: () => TEST_PROPS,\n  dsRibbonRibbonCardBlockIcon: () => TEST_PROPS,\n  dsRibbonRibbonCardBlockLabel: () => TEST_PROPS,\n  dsRibbonRibbonCardBlockValue: () => TEST_PROPS,\n  dsRibbonRibbonCardBlockValueLabel: () => TEST_PROPS,\n};\n\nconst EnsureAllCardSlotsExist: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSRibbonName, typeof RIBBON_CARD_SLOTS>\n> = CardSlotPropsAsFunctions;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACiBvB,MAAM,aAAa,EAAE,cAAc,yBAAyB;AAI5D,MAAM,wBAAyD;AAAA,EAC7D,uBAAuB;AACzB;AAEA,MAAM,8BAAsE;AAAA,EAC1E,uBAAuB,MAAM;AAC/B;AAEA,MAAM,6BAEF;AAIJ,MAAM,oBAAiD;AAAA,EACrD,mBAAmB;AACrB;AAEA,MAAM,0BAA8D;AAAA,EAClE,mBAAmB,MAAM;AAC3B;AAEA,MAAM,yBACJ;AAIF,MAAM,oBAAiD;AAAA,EACrD,mBAAmB;AACrB;AAEA,MAAM,0BAA8D;AAAA,EAClE,mBAAmB,MAAM;AAC3B;AAEA,MAAM,yBACJ;AAIF,MAAM,qBAAmD;AAAA,EACvD,yBAAyB;AAAA,EACzB,4BAA4B;AAAA,EAC5B,4BAA4B;AAAA,EAC5B,6BAA6B;AAAA,EAC7B,8BAA8B;AAAA,EAC9B,8BAA8B;AAAA,EAC9B,mCAAmC;AACrC;AAEA,MAAM,2BAAgE;AAAA,EACpE,yBAAyB,MAAM;AAAA,EAC/B,4BAA4B,MAAM;AAAA,EAClC,4BAA4B,MAAM;AAAA,EAClC,6BAA6B,MAAM;AAAA,EACnC,8BAA8B,MAAM;AAAA,EACpC,8BAA8B,MAAM;AAAA,EACpC,mCAAmC,MAAM;AAC3C;AAEA,MAAM,0BAEF;",
+  "names": []
+}

package/dist/cjs/typescript-testing/typescript-ribbon-card-valid.js

@@ -0,0 +1,155 @@
+"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 typescript_ribbon_card_valid_exports = {};
+__export(typescript_ribbon_card_valid_exports, {
+  default: () => typescript_ribbon_card_valid_default
+});
+module.exports = __toCommonJS(typescript_ribbon_card_valid_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_DSRibbonCard = require("../parts/DSRibbonCard/index.js");
+const testRequiredProps = {};
+const testOptionalProps = {};
+const testPartialDefaults = {
+  label: "Start",
+  value: "04/05/2019"
+};
+const testCompleteDefaults = {
+  containerProps: {},
+  icon: null,
+  label: "",
+  value: "",
+  additionalValue: "",
+  additionalLabel: "",
+  info: false,
+  error: false,
+  warning: false,
+  success: false,
+  statusText: "",
+  center: false
+};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  label: "Start",
+  value: "04/05/2019",
+  additionalValue: "12:15:46 pm",
+  center: true,
+  containerProps: { id: "my-custom-id" },
+  dsRibbonRibbonCardBlock: { "data-custom": "from-object" }
+};
+const testInferedTypeCompatibility = {
+  additionalLabel: "Processed",
+  value: "50",
+  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.FeesSolid, {}),
+  success: true,
+  statusText: "Completed",
+  dsRibbonRibbonCardBlockValue: () => ({ "data-custom": "from-function" })
+};
+const testDefinitionAsConst = {
+  label: "End",
+  value: "04/05/2019",
+  center: false
+};
+const testBaseLayout = {
+  label: "Start",
+  value: "04/05/2019"
+};
+const testAdditionalValueLayout = {
+  label: "Start",
+  value: "04/05/2019",
+  additionalValue: "12:15:46 pm"
+};
+const testAdditionalLabelLayout = {
+  additionalLabel: "Rejected",
+  value: "3",
+  error: true,
+  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.WarningCircleFill, {})
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSRibbonCard.DSRibbonCard, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSRibbonCard.DSRibbonCard, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSRibbonCard.DSRibbonCard, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSRibbonCard.DSRibbonCard, { ...testBaseLayout }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSRibbonCard.DSRibbonCard, { ...testAdditionalValueLayout }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSRibbonCard.DSRibbonCard, { ...testAdditionalLabelLayout }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_DSRibbonCard.DSRibbonCard,
+    {
+      label: "Start",
+      value: "04/05/2019",
+      additionalValue: "12:15:46 pm",
+      additionalLabel: "Processed",
+      icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.FeesSolid, {}),
+      info: true,
+      error: false,
+      warning: false,
+      success: false,
+      statusText: "Information",
+      center: true,
+      containerProps: { id: "inline-id" },
+      id: "card-id",
+      className: "custom-class"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_DSRibbonCard.DSRibbonCard,
+    {
+      value: "50",
+      dsRibbonRibbonCardBlock: { "data-custom": "inline-object" },
+      dsRibbonRibbonCardBlockRow: () => ({ "data-custom": "inline-function" }),
+      dsRibbonRibbonCardBlockCol: { "data-custom": "inline-object" },
+      dsRibbonRibbonCardBlockIcon: () => ({ "data-custom": "inline-function" }),
+      dsRibbonRibbonCardBlockLabel: { "data-custom": "inline-object" },
+      dsRibbonRibbonCardBlockValue: () => ({ "data-custom": "inline-function" }),
+      dsRibbonRibbonCardBlockValueLabel: { "data-custom": "inline-object" }
+    }
+  )
+] });
+var typescript_ribbon_card_valid_default = ExampleUsageComponent;
+//# sourceMappingURL=typescript-ribbon-card-valid.js.map

package/dist/cjs/typescript-testing/typescript-ribbon-card-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/typescript-testing/typescript-ribbon-card-valid.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n/* eslint-disable local-rules/custom-rule */\nimport { FeesSolid, WarningCircleFill } from '@elliemae/ds-icons';\nimport { DSRibbonCard } from '../parts/DSRibbonCard/index.js';\nimport type { DSRibbonCardT } from '../parts/DSRibbonCard/react-desc-prop-types.js';\n\ntype ComponentPropsForApp = DSRibbonCardT.Props;\ntype ComponentPropsInternals = DSRibbonCardT.InternalProps;\ntype ComponentPropsDefaultProps = DSRibbonCardT.DefaultProps;\ntype ComponentPropsOptionalProps = DSRibbonCardT.OptionalProps;\ntype ComponentPropsRequiredProps = DSRibbonCardT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {};\n\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  label: 'Start',\n  value: '04/05/2019',\n};\n\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\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  statusText: '',\n  center: false,\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\nconst testExplicitDefinition: ComponentPropsForApp = {\n  label: 'Start',\n  value: '04/05/2019',\n  additionalValue: '12:15:46 pm',\n  center: true,\n  containerProps: { id: 'my-custom-id' },\n  dsRibbonRibbonCardBlock: { 'data-custom': 'from-object' },\n};\n\nconst testInferedTypeCompatibility = {\n  additionalLabel: 'Processed',\n  value: '50',\n  icon: <FeesSolid />,\n  success: true,\n  statusText: 'Completed',\n  dsRibbonRibbonCardBlockValue: () => ({ 'data-custom': 'from-function' }),\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  label: 'End',\n  value: '04/05/2019',\n  center: false,\n} as const;\n\n// The three layouts are selected by prop combination rather than by a variant prop, so each is\n// typed separately: the base card, the additionalValue form and the additionalLabel form.\nconst testBaseLayout: ComponentPropsForApp = {\n  label: 'Start',\n  value: '04/05/2019',\n};\n\nconst testAdditionalValueLayout: ComponentPropsForApp = {\n  label: 'Start',\n  value: '04/05/2019',\n  additionalValue: '12:15:46 pm',\n};\n\nconst testAdditionalLabelLayout: ComponentPropsForApp = {\n  additionalLabel: 'Rejected',\n  value: '3',\n  error: true,\n  icon: <WarningCircleFill />,\n};\n\nconst ExampleUsageComponent = () => (\n  <>\n    <DSRibbonCard {...testExplicitDefinition} />\n    <DSRibbonCard {...testInferedTypeCompatibility} />\n    <DSRibbonCard {...testDefinitionAsConst} />\n\n    <DSRibbonCard {...testBaseLayout} />\n    <DSRibbonCard {...testAdditionalValueLayout} />\n    <DSRibbonCard {...testAdditionalLabelLayout} />\n\n    <DSRibbonCard\n      label=\"Start\"\n      value=\"04/05/2019\"\n      additionalValue=\"12:15:46 pm\"\n      additionalLabel=\"Processed\"\n      icon={<FeesSolid />}\n      info\n      error={false}\n      warning={false}\n      success={false}\n      statusText=\"Information\"\n      center\n      containerProps={{ id: 'inline-id' }}\n      id=\"card-id\"\n      className=\"custom-class\"\n    />\n\n    {/* Every slot prop accepts both the object and the function form. */}\n    <DSRibbonCard\n      value=\"50\"\n      dsRibbonRibbonCardBlock={{ 'data-custom': 'inline-object' }}\n      dsRibbonRibbonCardBlockRow={() => ({ 'data-custom': 'inline-function' })}\n      dsRibbonRibbonCardBlockCol={{ 'data-custom': 'inline-object' }}\n      dsRibbonRibbonCardBlockIcon={() => ({ 'data-custom': 'inline-function' })}\n      dsRibbonRibbonCardBlockLabel={{ 'data-custom': 'inline-object' }}\n      dsRibbonRibbonCardBlockValue={() => ({ 'data-custom': 'inline-function' })}\n      dsRibbonRibbonCardBlockValueLabel={{ 'data-custom': 'inline-object' }}\n    />\n  </>\n);\n\nexport default ExampleUsageComponent;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwEf;AAtER,sBAA6C;AAC7C,0BAA6B;AAS7B,MAAM,oBAAiD,CAAC;AAExD,MAAM,oBAAiD,CAAC;AAExD,MAAM,sBAA2D;AAAA,EAC/D,OAAO;AAAA,EACP,OAAO;AACT;AAEA,MAAM,uBAA6D;AAAA,EACjE,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,YAAY;AAAA,EACZ,QAAQ;AACV;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,yBAA+C;AAAA,EACnD,OAAO;AAAA,EACP,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,gBAAgB,EAAE,IAAI,eAAe;AAAA,EACrC,yBAAyB,EAAE,eAAe,cAAc;AAC1D;AAEA,MAAM,+BAA+B;AAAA,EACnC,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,MAAM,4CAAC,6BAAU;AAAA,EACjB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,8BAA8B,OAAO,EAAE,eAAe,gBAAgB;AACxE;AAEA,MAAM,wBAAwB;AAAA,EAC5B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AACV;AAIA,MAAM,iBAAuC;AAAA,EAC3C,OAAO;AAAA,EACP,OAAO;AACT;AAEA,MAAM,4BAAkD;AAAA,EACtD,OAAO;AAAA,EACP,OAAO;AAAA,EACP,iBAAiB;AACnB;AAEA,MAAM,4BAAkD;AAAA,EACtD,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,4CAAC,qCAAkB;AAC3B;AAEA,MAAM,wBAAwB,MAC5B,4EACE;AAAA,8CAAC,oCAAc,GAAG,wBAAwB;AAAA,EAC1C,4CAAC,oCAAc,GAAG,8BAA8B;AAAA,EAChD,4CAAC,oCAAc,GAAG,uBAAuB;AAAA,EAEzC,4CAAC,oCAAc,GAAG,gBAAgB;AAAA,EAClC,4CAAC,oCAAc,GAAG,2BAA2B;AAAA,EAC7C,4CAAC,oCAAc,GAAG,2BAA2B;AAAA,EAE7C;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAM;AAAA,MACN,iBAAgB;AAAA,MAChB,iBAAgB;AAAA,MAChB,MAAM,4CAAC,6BAAU;AAAA,MACjB,MAAI;AAAA,MACJ,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,YAAW;AAAA,MACX,QAAM;AAAA,MACN,gBAAgB,EAAE,IAAI,YAAY;AAAA,MAClC,IAAG;AAAA,MACH,WAAU;AAAA;AAAA,EACZ;AAAA,EAGA;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,yBAAyB,EAAE,eAAe,gBAAgB;AAAA,MAC1D,4BAA4B,OAAO,EAAE,eAAe,kBAAkB;AAAA,MACtE,4BAA4B,EAAE,eAAe,gBAAgB;AAAA,MAC7D,6BAA6B,OAAO,EAAE,eAAe,kBAAkB;AAAA,MACvE,8BAA8B,EAAE,eAAe,gBAAgB;AAAA,MAC/D,8BAA8B,OAAO,EAAE,eAAe,kBAAkB;AAAA,MACxE,mCAAmC,EAAE,eAAe,gBAAgB;AAAA;AAAA,EACtE;AAAA,GACF;AAGF,IAAO,uCAAQ;",
+  "names": []
+}

package/dist/cjs/typescript-testing/typescript-ribbon-col-valid.js

@@ -0,0 +1,94 @@
+"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 typescript_ribbon_col_valid_exports = {};
+__export(typescript_ribbon_col_valid_exports, {
+  default: () => typescript_ribbon_col_valid_default
+});
+module.exports = __toCommonJS(typescript_ribbon_col_valid_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_DSRibbonCol = require("../parts/DSRibbonCol/index.js");
+const testRequiredProps = {};
+const testOptionalProps = {};
+const testPartialDefaults = {};
+const testCompleteDefaults = {};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  id: "ribbon-col",
+  className: "custom-class",
+  "aria-label": "Job registered 3 errors",
+  dsRibbonRibbonCol: { "data-custom": "from-object" }
+};
+const testInferedTypeCompatibility = {
+  id: "ribbon-col",
+  className: "custom-class",
+  dsRibbonRibbonCol: () => ({ "data-custom": "from-function" })
+};
+const testDefinitionAsConst = {
+  id: "ribbon-col",
+  className: "custom-class"
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSRibbonCol.DSRibbonCol, { ...testExplicitDefinition, children: "content" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSRibbonCol.DSRibbonCol, { ...testInferedTypeCompatibility, children: "content" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSRibbonCol.DSRibbonCol, { ...testDefinitionAsConst, children: "content" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_DSRibbonCol.DSRibbonCol,
+    {
+      id: "ribbon-col",
+      className: "custom-class",
+      role: "region",
+      "aria-label": "Job registered 3 errors",
+      dsRibbonRibbonCol: { "data-custom": "inline-object" },
+      children: "content"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSRibbonCol.DSRibbonCol, { dsRibbonRibbonCol: () => ({ "data-custom": "inline-function" }), children: "content" })
+] });
+var typescript_ribbon_col_valid_default = ExampleUsageComponent;
+//# sourceMappingURL=typescript-ribbon-col-valid.js.map

package/dist/cjs/typescript-testing/typescript-ribbon-col-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/typescript-testing/typescript-ribbon-col-valid.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n/* eslint-disable local-rules/custom-rule */\nimport { DSRibbonCol } from '../parts/DSRibbonCol/index.js';\nimport type { DSRibbonColT } from '../parts/DSRibbonCol/react-desc-prop-types.js';\n\ntype ComponentPropsForApp = DSRibbonColT.Props;\ntype ComponentPropsInternals = DSRibbonColT.InternalProps;\ntype ComponentPropsDefaultProps = DSRibbonColT.DefaultProps;\ntype ComponentPropsOptionalProps = DSRibbonColT.OptionalProps;\ntype ComponentPropsRequiredProps = DSRibbonColT.RequiredProps;\n\n// Same shape as the wrapper: no required, default or own optional props. The empty buckets fail to\n// compile the moment one is added.\nconst testRequiredProps: ComponentPropsRequiredProps = {};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {};\n\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\n\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\nconst testExplicitDefinition: ComponentPropsForApp = {\n  id: 'ribbon-col',\n  className: 'custom-class',\n  'aria-label': 'Job registered 3 errors',\n  dsRibbonRibbonCol: { 'data-custom': 'from-object' },\n};\n\nconst testInferedTypeCompatibility = {\n  id: 'ribbon-col',\n  className: 'custom-class',\n  dsRibbonRibbonCol: () => ({ 'data-custom': 'from-function' }),\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  id: 'ribbon-col',\n  className: 'custom-class',\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    <DSRibbonCol {...testExplicitDefinition}>content</DSRibbonCol>\n    <DSRibbonCol {...testInferedTypeCompatibility}>content</DSRibbonCol>\n    <DSRibbonCol {...testDefinitionAsConst}>content</DSRibbonCol>\n\n    <DSRibbonCol\n      id=\"ribbon-col\"\n      className=\"custom-class\"\n      role=\"region\"\n      aria-label=\"Job registered 3 errors\"\n      dsRibbonRibbonCol={{ 'data-custom': 'inline-object' }}\n    >\n      content\n    </DSRibbonCol>\n\n    <DSRibbonCol dsRibbonRibbonCol={() => ({ 'data-custom': 'inline-function' })}>content</DSRibbonCol>\n  </>\n);\n\nexport default ExampleUsageComponent;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgErB;AA9DF,yBAA4B;AAW5B,MAAM,oBAAiD,CAAC;AAExD,MAAM,oBAAiD,CAAC;AAExD,MAAM,sBAA2D,CAAC;AAElE,MAAM,uBAA6D,CAAC;AAEpE,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,yBAA+C;AAAA,EACnD,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,cAAc;AAAA,EACd,mBAAmB,EAAE,eAAe,cAAc;AACpD;AAEA,MAAM,+BAA+B;AAAA,EACnC,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,mBAAmB,OAAO,EAAE,eAAe,gBAAgB;AAC7D;AAEA,MAAM,wBAAwB;AAAA,EAC5B,IAAI;AAAA,EACJ,WAAW;AACb;AAEA,MAAM,wBAAwB,MAC5B,4EACE;AAAA,8CAAC,kCAAa,GAAG,wBAAwB,qBAAO;AAAA,EAChD,4CAAC,kCAAa,GAAG,8BAA8B,qBAAO;AAAA,EACtD,4CAAC,kCAAa,GAAG,uBAAuB,qBAAO;AAAA,EAE/C;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAW;AAAA,MACX,mBAAmB,EAAE,eAAe,gBAAgB;AAAA,MACrD;AAAA;AAAA,EAED;AAAA,EAEA,4CAAC,kCAAY,mBAAmB,OAAO,EAAE,eAAe,kBAAkB,IAAI,qBAAO;AAAA,GACvF;AAGF,IAAO,sCAAQ;",
+  "names": []
+}

package/dist/cjs/typescript-testing/typescript-ribbon-row-valid.js

@@ -0,0 +1,96 @@
+"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 typescript_ribbon_row_valid_exports = {};
+__export(typescript_ribbon_row_valid_exports, {
+  default: () => typescript_ribbon_row_valid_default
+});
+module.exports = __toCommonJS(typescript_ribbon_row_valid_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_DSRibbonRow = require("../parts/DSRibbonRow/index.js");
+const testRequiredProps = {};
+const testOptionalProps = {};
+const testPartialDefaults = {
+  alignLeft: true
+};
+const testCompleteDefaults = {
+  alignLeft: false,
+  solid: false,
+  wrapColumns: false
+};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  alignLeft: true,
+  solid: true,
+  wrapColumns: true,
+  id: "ribbon-row",
+  className: "custom-class",
+  dsRibbonRibbonRow: { "data-custom": "from-object" }
+};
+const testInferedTypeCompatibility = {
+  alignLeft: false,
+  solid: false,
+  wrapColumns: false,
+  dsRibbonRibbonRow: () => ({ "data-custom": "from-function" })
+};
+const testDefinitionAsConst = {
+  alignLeft: true,
+  solid: false,
+  wrapColumns: true
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSRibbonRow.DSRibbonRow, { ...testExplicitDefinition, children: "content" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSRibbonRow.DSRibbonRow, { ...testInferedTypeCompatibility, children: "content" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSRibbonRow.DSRibbonRow, { ...testDefinitionAsConst, children: "content" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSRibbonRow.DSRibbonRow, { alignLeft: true, solid: true, wrapColumns: true, id: "ribbon-row", className: "custom-class", children: "content" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSRibbonRow.DSRibbonRow, { alignLeft: false, solid: false, wrapColumns: false, children: "content" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSRibbonRow.DSRibbonRow, { dsRibbonRibbonRow: { tabIndex: 0, role: "group", "aria-label": "Job stats" }, children: "content" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSRibbonRow.DSRibbonRow, { dsRibbonRibbonRow: () => ({ "data-custom": "inline-function" }), children: "content" })
+] });
+var typescript_ribbon_row_valid_default = ExampleUsageComponent;
+//# sourceMappingURL=typescript-ribbon-row-valid.js.map

package/dist/cjs/typescript-testing/typescript-ribbon-row-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/typescript-testing/typescript-ribbon-row-valid.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n/* eslint-disable local-rules/custom-rule */\nimport { DSRibbonRow } from '../parts/DSRibbonRow/index.js';\nimport type { DSRibbonRowT } from '../parts/DSRibbonRow/react-desc-prop-types.js';\n\ntype ComponentPropsForApp = DSRibbonRowT.Props;\ntype ComponentPropsInternals = DSRibbonRowT.InternalProps;\ntype ComponentPropsDefaultProps = DSRibbonRowT.DefaultProps;\ntype ComponentPropsOptionalProps = DSRibbonRowT.OptionalProps;\ntype ComponentPropsRequiredProps = DSRibbonRowT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {};\n\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  alignLeft: true,\n};\n\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  alignLeft: false,\n  solid: false,\n  wrapColumns: false,\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\nconst testExplicitDefinition: ComponentPropsForApp = {\n  alignLeft: true,\n  solid: true,\n  wrapColumns: true,\n  id: 'ribbon-row',\n  className: 'custom-class',\n  dsRibbonRibbonRow: { 'data-custom': 'from-object' },\n};\n\nconst testInferedTypeCompatibility = {\n  alignLeft: false,\n  solid: false,\n  wrapColumns: false,\n  dsRibbonRibbonRow: () => ({ 'data-custom': 'from-function' }),\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  alignLeft: true,\n  solid: false,\n  wrapColumns: true,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    <DSRibbonRow {...testExplicitDefinition}>content</DSRibbonRow>\n    <DSRibbonRow {...testInferedTypeCompatibility}>content</DSRibbonRow>\n    <DSRibbonRow {...testDefinitionAsConst}>content</DSRibbonRow>\n\n    <DSRibbonRow alignLeft solid wrapColumns id=\"ribbon-row\" className=\"custom-class\">\n      content\n    </DSRibbonRow>\n\n    <DSRibbonRow alignLeft={false} solid={false} wrapColumns={false}>\n      content\n    </DSRibbonRow>\n\n    {/* The slot prop is valid in both shapes, so both are exercised. */}\n    <DSRibbonRow dsRibbonRibbonRow={{ tabIndex: 0, role: 'group', 'aria-label': 'Job stats' }}>content</DSRibbonRow>\n    <DSRibbonRow dsRibbonRibbonRow={() => ({ 'data-custom': 'inline-function' })}>content</DSRibbonRow>\n  </>\n);\n\nexport default ExampleUsageComponent;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwErB;AAtEF,yBAA4B;AAS5B,MAAM,oBAAiD,CAAC;AAExD,MAAM,oBAAiD,CAAC;AAExD,MAAM,sBAA2D;AAAA,EAC/D,WAAW;AACb;AAEA,MAAM,uBAA6D;AAAA,EACjE,WAAW;AAAA,EACX,OAAO;AAAA,EACP,aAAa;AACf;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,yBAA+C;AAAA,EACnD,WAAW;AAAA,EACX,OAAO;AAAA,EACP,aAAa;AAAA,EACb,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,mBAAmB,EAAE,eAAe,cAAc;AACpD;AAEA,MAAM,+BAA+B;AAAA,EACnC,WAAW;AAAA,EACX,OAAO;AAAA,EACP,aAAa;AAAA,EACb,mBAAmB,OAAO,EAAE,eAAe,gBAAgB;AAC7D;AAEA,MAAM,wBAAwB;AAAA,EAC5B,WAAW;AAAA,EACX,OAAO;AAAA,EACP,aAAa;AACf;AAEA,MAAM,wBAAwB,MAC5B,4EACE;AAAA,8CAAC,kCAAa,GAAG,wBAAwB,qBAAO;AAAA,EAChD,4CAAC,kCAAa,GAAG,8BAA8B,qBAAO;AAAA,EACtD,4CAAC,kCAAa,GAAG,uBAAuB,qBAAO;AAAA,EAE/C,4CAAC,kCAAY,WAAS,MAAC,OAAK,MAAC,aAAW,MAAC,IAAG,cAAa,WAAU,gBAAe,qBAElF;AAAA,EAEA,4CAAC,kCAAY,WAAW,OAAO,OAAO,OAAO,aAAa,OAAO,qBAEjE;AAAA,EAGA,4CAAC,kCAAY,mBAAmB,EAAE,UAAU,GAAG,MAAM,SAAS,cAAc,YAAY,GAAG,qBAAO;AAAA,EAClG,4CAAC,kCAAY,mBAAmB,OAAO,EAAE,eAAe,kBAAkB,IAAI,qBAAO;AAAA,GACvF;AAGF,IAAO,sCAAQ;",
+  "names": []
+}

package/dist/cjs/typescript-testing/typescript-ribbon-wrapper-valid.js

@@ -0,0 +1,94 @@
+"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 typescript_ribbon_wrapper_valid_exports = {};
+__export(typescript_ribbon_wrapper_valid_exports, {
+  default: () => typescript_ribbon_wrapper_valid_default
+});
+module.exports = __toCommonJS(typescript_ribbon_wrapper_valid_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_DSRibbonWrapper = require("../parts/DSRibbonWrapper/index.js");
+const testRequiredProps = {};
+const testOptionalProps = {};
+const testPartialDefaults = {};
+const testCompleteDefaults = {};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  id: "ribbon-wrapper",
+  className: "custom-class",
+  "aria-label": "Job stats",
+  dsRibbonRibbonWrapper: { "data-custom": "from-object" }
+};
+const testInferedTypeCompatibility = {
+  id: "ribbon-wrapper",
+  className: "custom-class",
+  dsRibbonRibbonWrapper: () => ({ "data-custom": "from-function" })
+};
+const testDefinitionAsConst = {
+  id: "ribbon-wrapper",
+  className: "custom-class"
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSRibbonWrapper.DSRibbonWrapper, { ...testExplicitDefinition, children: "content" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSRibbonWrapper.DSRibbonWrapper, { ...testInferedTypeCompatibility, children: "content" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSRibbonWrapper.DSRibbonWrapper, { ...testDefinitionAsConst, children: "content" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_DSRibbonWrapper.DSRibbonWrapper,
+    {
+      id: "ribbon-wrapper",
+      className: "custom-class",
+      role: "region",
+      "aria-label": "Job stats",
+      dsRibbonRibbonWrapper: { "data-custom": "inline-object" },
+      children: "content"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSRibbonWrapper.DSRibbonWrapper, { dsRibbonRibbonWrapper: () => ({ "data-custom": "inline-function" }), children: "content" })
+] });
+var typescript_ribbon_wrapper_valid_default = ExampleUsageComponent;
+//# sourceMappingURL=typescript-ribbon-wrapper-valid.js.map

package/dist/cjs/typescript-testing/typescript-ribbon-wrapper-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/typescript-testing/typescript-ribbon-wrapper-valid.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n/* eslint-disable local-rules/custom-rule */\nimport { DSRibbonWrapper } from '../parts/DSRibbonWrapper/index.js';\nimport type { DSRibbonWrapperT } from '../parts/DSRibbonWrapper/react-desc-prop-types.js';\n\ntype ComponentPropsForApp = DSRibbonWrapperT.Props;\ntype ComponentPropsInternals = DSRibbonWrapperT.InternalProps;\ntype ComponentPropsDefaultProps = DSRibbonWrapperT.DefaultProps;\ntype ComponentPropsOptionalProps = DSRibbonWrapperT.OptionalProps;\ntype ComponentPropsRequiredProps = DSRibbonWrapperT.RequiredProps;\n\n// This part declares no required, default or own optional props \u2014 its surface is children, global\n// attributes, xstyled props and its single slot. The empty buckets are the assertion: if a prop is\n// ever added to any of those interfaces, these stop compiling.\nconst testRequiredProps: ComponentPropsRequiredProps = {};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {};\n\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\n\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\nconst testExplicitDefinition: ComponentPropsForApp = {\n  id: 'ribbon-wrapper',\n  className: 'custom-class',\n  'aria-label': 'Job stats',\n  dsRibbonRibbonWrapper: { 'data-custom': 'from-object' },\n};\n\nconst testInferedTypeCompatibility = {\n  id: 'ribbon-wrapper',\n  className: 'custom-class',\n  dsRibbonRibbonWrapper: () => ({ 'data-custom': 'from-function' }),\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  id: 'ribbon-wrapper',\n  className: 'custom-class',\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    <DSRibbonWrapper {...testExplicitDefinition}>content</DSRibbonWrapper>\n    <DSRibbonWrapper {...testInferedTypeCompatibility}>content</DSRibbonWrapper>\n    <DSRibbonWrapper {...testDefinitionAsConst}>content</DSRibbonWrapper>\n\n    <DSRibbonWrapper\n      id=\"ribbon-wrapper\"\n      className=\"custom-class\"\n      role=\"region\"\n      aria-label=\"Job stats\"\n      dsRibbonRibbonWrapper={{ 'data-custom': 'inline-object' }}\n    >\n      content\n    </DSRibbonWrapper>\n\n    <DSRibbonWrapper dsRibbonRibbonWrapper={() => ({ 'data-custom': 'inline-function' })}>content</DSRibbonWrapper>\n  </>\n);\n\nexport default ExampleUsageComponent;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiErB;AA/DF,6BAAgC;AAYhC,MAAM,oBAAiD,CAAC;AAExD,MAAM,oBAAiD,CAAC;AAExD,MAAM,sBAA2D,CAAC;AAElE,MAAM,uBAA6D,CAAC;AAEpE,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,yBAA+C;AAAA,EACnD,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,cAAc;AAAA,EACd,uBAAuB,EAAE,eAAe,cAAc;AACxD;AAEA,MAAM,+BAA+B;AAAA,EACnC,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,uBAAuB,OAAO,EAAE,eAAe,gBAAgB;AACjE;AAEA,MAAM,wBAAwB;AAAA,EAC5B,IAAI;AAAA,EACJ,WAAW;AACb;AAEA,MAAM,wBAAwB,MAC5B,4EACE;AAAA,8CAAC,0CAAiB,GAAG,wBAAwB,qBAAO;AAAA,EACpD,4CAAC,0CAAiB,GAAG,8BAA8B,qBAAO;AAAA,EAC1D,4CAAC,0CAAiB,GAAG,uBAAuB,qBAAO;AAAA,EAEnD;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAW;AAAA,MACX,uBAAuB,EAAE,eAAe,gBAAgB;AAAA,MACzD;AAAA;AAAA,EAED;AAAA,EAEA,4CAAC,0CAAgB,uBAAuB,OAAO,EAAE,eAAe,kBAAkB,IAAI,qBAAO;AAAA,GAC/F;AAGF,IAAO,0CAAQ;",
+  "names": []
+}

package/dist/esm/index.js

@@ -9,6 +9,7 @@ const DSRibbon = {
   RibbonCol: DSRibbonCol,
   RibbonCard: DSRibbonCard
 };
+import { DSRibbonName } from "./constants/index.js";
 import {
   DSRibbonCard as DSRibbonCard2,
   DSRibbonCardWithSchema,
@@ -45,6 +46,7 @@ export {
   DSRibbonCol2 as DSRibbonCol,
   DSRibbonColPropTypes,
   DSRibbonColWithSchema,
+  DSRibbonName,
   DSRibbonRow2 as DSRibbonRow,
   DSRibbonRowPropTypes,
   DSRibbonRowWithSchema,