@elliemae/ds-ribbon 3.80.0-next.3 → 3.80.0-next.31

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSRibbonWrapper/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,0BAA0B,2BAA2B,wBAAwB;AAEtF,SAAS,cAAc,4BAA4B;AA4B5C,MAAM,eAA8C,CAAC;AAErD,MAAM,2BAAsE;AAAA,EACjF,GAAG,yBAAyB,cAAc,oBAAoB;AAAA,EAC9D,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,iCACX;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,0BAA0B,2BAA2B,wBAAwB;AAEtF,SAAS,cAAc,4BAA4B;AAgC5C,MAAM,eAA8C,CAAC;AAErD,MAAM,2BAAsE;AAAA,EACjF,GAAG,yBAAyB,cAAc,oBAAoB;AAAA,EAC9D,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,iCACX;",
   "names": []
 }

package/dist/esm/typescript-testing/slot-props.js

@@ -0,0 +1,43 @@
+import * as React from "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/esm/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,YAAY,WAAW;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/esm/typescript-testing/typescript-ribbon-card-valid.js

@@ -0,0 +1,125 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { FeesSolid, WarningCircleFill } from "@elliemae/ds-icons";
+import { DSRibbonCard } from "../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__ */ jsx(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__ */ jsx(WarningCircleFill, {})
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(DSRibbonCard, { ...testExplicitDefinition }),
+  /* @__PURE__ */ jsx(DSRibbonCard, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ jsx(DSRibbonCard, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ jsx(DSRibbonCard, { ...testBaseLayout }),
+  /* @__PURE__ */ jsx(DSRibbonCard, { ...testAdditionalValueLayout }),
+  /* @__PURE__ */ jsx(DSRibbonCard, { ...testAdditionalLabelLayout }),
+  /* @__PURE__ */ jsx(
+    DSRibbonCard,
+    {
+      label: "Start",
+      value: "04/05/2019",
+      additionalValue: "12:15:46 pm",
+      additionalLabel: "Processed",
+      icon: /* @__PURE__ */ jsx(FeesSolid, {}),
+      info: true,
+      error: false,
+      warning: false,
+      success: false,
+      statusText: "Information",
+      center: true,
+      containerProps: { id: "inline-id" },
+      id: "card-id",
+      className: "custom-class"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    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;
+export {
+  typescript_ribbon_card_valid_default as default
+};
+//# sourceMappingURL=typescript-ribbon-card-valid.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-ribbon-card-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,64 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { DSRibbonCol } from "../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__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(DSRibbonCol, { ...testExplicitDefinition, children: "content" }),
+  /* @__PURE__ */ jsx(DSRibbonCol, { ...testInferedTypeCompatibility, children: "content" }),
+  /* @__PURE__ */ jsx(DSRibbonCol, { ...testDefinitionAsConst, children: "content" }),
+  /* @__PURE__ */ jsx(
+    DSRibbonCol,
+    {
+      id: "ribbon-col",
+      className: "custom-class",
+      role: "region",
+      "aria-label": "Job registered 3 errors",
+      dsRibbonRibbonCol: { "data-custom": "inline-object" },
+      children: "content"
+    }
+  ),
+  /* @__PURE__ */ jsx(DSRibbonCol, { dsRibbonRibbonCol: () => ({ "data-custom": "inline-function" }), children: "content" })
+] });
+var typescript_ribbon_col_valid_default = ExampleUsageComponent;
+export {
+  typescript_ribbon_col_valid_default as default
+};
+//# sourceMappingURL=typescript-ribbon-col-valid.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-ribbon-col-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA,YAAY,WAAW;ACgErB,mBACE,KADF;AA9DF,SAAS,mBAAmB;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,iCACE;AAAA,sBAAC,eAAa,GAAG,wBAAwB,qBAAO;AAAA,EAChD,oBAAC,eAAa,GAAG,8BAA8B,qBAAO;AAAA,EACtD,oBAAC,eAAa,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,oBAAC,eAAY,mBAAmB,OAAO,EAAE,eAAe,kBAAkB,IAAI,qBAAO;AAAA,GACvF;AAGF,IAAO,sCAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,66 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { DSRibbonRow } from "../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__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(DSRibbonRow, { ...testExplicitDefinition, children: "content" }),
+  /* @__PURE__ */ jsx(DSRibbonRow, { ...testInferedTypeCompatibility, children: "content" }),
+  /* @__PURE__ */ jsx(DSRibbonRow, { ...testDefinitionAsConst, children: "content" }),
+  /* @__PURE__ */ jsx(DSRibbonRow, { alignLeft: true, solid: true, wrapColumns: true, id: "ribbon-row", className: "custom-class", children: "content" }),
+  /* @__PURE__ */ jsx(DSRibbonRow, { alignLeft: false, solid: false, wrapColumns: false, children: "content" }),
+  /* @__PURE__ */ jsx(DSRibbonRow, { dsRibbonRibbonRow: { tabIndex: 0, role: "group", "aria-label": "Job stats" }, children: "content" }),
+  /* @__PURE__ */ jsx(DSRibbonRow, { dsRibbonRibbonRow: () => ({ "data-custom": "inline-function" }), children: "content" })
+] });
+var typescript_ribbon_row_valid_default = ExampleUsageComponent;
+export {
+  typescript_ribbon_row_valid_default as default
+};
+//# sourceMappingURL=typescript-ribbon-row-valid.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-ribbon-row-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA,YAAY,WAAW;ACwErB,mBACE,KADF;AAtEF,SAAS,mBAAmB;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,iCACE;AAAA,sBAAC,eAAa,GAAG,wBAAwB,qBAAO;AAAA,EAChD,oBAAC,eAAa,GAAG,8BAA8B,qBAAO;AAAA,EACtD,oBAAC,eAAa,GAAG,uBAAuB,qBAAO;AAAA,EAE/C,oBAAC,eAAY,WAAS,MAAC,OAAK,MAAC,aAAW,MAAC,IAAG,cAAa,WAAU,gBAAe,qBAElF;AAAA,EAEA,oBAAC,eAAY,WAAW,OAAO,OAAO,OAAO,aAAa,OAAO,qBAEjE;AAAA,EAGA,oBAAC,eAAY,mBAAmB,EAAE,UAAU,GAAG,MAAM,SAAS,cAAc,YAAY,GAAG,qBAAO;AAAA,EAClG,oBAAC,eAAY,mBAAmB,OAAO,EAAE,eAAe,kBAAkB,IAAI,qBAAO;AAAA,GACvF;AAGF,IAAO,sCAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,64 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { DSRibbonWrapper } from "../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__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(DSRibbonWrapper, { ...testExplicitDefinition, children: "content" }),
+  /* @__PURE__ */ jsx(DSRibbonWrapper, { ...testInferedTypeCompatibility, children: "content" }),
+  /* @__PURE__ */ jsx(DSRibbonWrapper, { ...testDefinitionAsConst, children: "content" }),
+  /* @__PURE__ */ jsx(
+    DSRibbonWrapper,
+    {
+      id: "ribbon-wrapper",
+      className: "custom-class",
+      role: "region",
+      "aria-label": "Job stats",
+      dsRibbonRibbonWrapper: { "data-custom": "inline-object" },
+      children: "content"
+    }
+  ),
+  /* @__PURE__ */ jsx(DSRibbonWrapper, { dsRibbonRibbonWrapper: () => ({ "data-custom": "inline-function" }), children: "content" })
+] });
+var typescript_ribbon_wrapper_valid_default = ExampleUsageComponent;
+export {
+  typescript_ribbon_wrapper_valid_default as default
+};
+//# sourceMappingURL=typescript-ribbon-wrapper-valid.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-ribbon-wrapper-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA,YAAY,WAAW;ACiErB,mBACE,KADF;AA/DF,SAAS,uBAAuB;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,iCACE;AAAA,sBAAC,mBAAiB,GAAG,wBAAwB,qBAAO;AAAA,EACpD,oBAAC,mBAAiB,GAAG,8BAA8B,qBAAO;AAAA,EAC1D,oBAAC,mBAAiB,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,oBAAC,mBAAgB,uBAAuB,OAAO,EAAE,eAAe,kBAAkB,IAAI,qBAAO;AAAA,GAC/F;AAGF,IAAO,0CAAQ;",
+  "names": []
+}

package/dist/types/index.d.ts

@@ -4,6 +4,7 @@ export declare const DSRibbon: {
     RibbonCol: import("react").ComponentType<import("./parts/DSRibbonCol/react-desc-prop-types.js").DSRibbonColT.Props>;
     RibbonCard: import("react").ComponentType<import("./parts/DSRibbonCard/react-desc-prop-types.js").DSRibbonCardT.Props>;
 };
+export { DSRibbonName } from './constants/index.js';
 export { DSRibbonCard, DSRibbonCardWithSchema, RIBBON_CARD_DATA_TESTID, RIBBON_CARD_SLOTS, type DSRibbonCardT, DSRibbonCardPropTypes, } from './parts/DSRibbonCard/index.js';
 export { DSRibbonCol, DSRibbonColWithSchema, RIBBON_COL_DATA_TESTID, RIBBON_COL_SLOTS, type DSRibbonColT, DSRibbonColPropTypes, } from './parts/DSRibbonCol/index.js';
 export { DSRibbonRow, DSRibbonRowWithSchema, RIBBON_ROW_DATA_TESTID, RIBBON_ROW_SLOTS, type DSRibbonRowT, DSRibbonRowPropTypes, } from './parts/DSRibbonRow/index.js';

package/dist/types/parts/DSRibbonCard/PureLabelPlace.d.ts

@@ -4,9 +4,11 @@ export declare const PureLabelPlace: React.ComponentType<PureLabelPlaceProps>;
 type PureLabelPlaceProps = {
     icon?: DSRibbonCardT.Props['icon'];
     label?: DSRibbonCardT.Props['label'];
+    labelId?: string;
     error?: DSRibbonCardT.Props['error'];
     info?: DSRibbonCardT.Props['info'];
     success?: DSRibbonCardT.Props['success'];
+    statusText?: DSRibbonCardT.Props['statusText'];
     warning?: DSRibbonCardT.Props['warning'];
     getOwnerProps: () => DSRibbonCardT.InternalProps;
 };

package/dist/types/parts/DSRibbonCard/config/useRibbonCard.d.ts

@@ -3,9 +3,7 @@ import { type DSRibbonCardT } from '../react-desc-prop-types.js';
 export declare const useRibbonCard: (propsFromUser: DSRibbonCardT.Props) => {
     propsWithDefault: DSRibbonCardT.InternalProps;
     xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
-    globalProps: Partial<Pick<object, "label" | "value" | "form" | "list" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "width" | "wmode" | "wrap"> & Omit<{
-        label?: string | undefined | undefined;
-        value?: string | number | readonly string[] | undefined;
+    globalProps: {
         form?: string | undefined | undefined;
         list?: string | undefined | undefined;
         "aria-activedescendant"?: string | undefined | undefined;
@@ -368,6 +366,6 @@ export declare const useRibbonCard: (propsFromUser: DSRibbonCardT.Props) => {
         width?: number | string | undefined | undefined;
         wmode?: string | undefined | undefined;
         wrap?: string | undefined | undefined;
-    }, never>>;
+    };
     instanceUid: string;
 };

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

@@ -15,8 +15,18 @@ export declare namespace DSRibbonCardT {
         error: boolean;
         warning: boolean;
         success: boolean;
+        statusText: string;
         center: boolean;
     }
+    type SlotFunctionArguments = {
+        dsRibbonRibbonCardBlock: () => object;
+        dsRibbonRibbonCardBlockRow: () => object;
+        dsRibbonRibbonCardBlockCol: () => object;
+        dsRibbonRibbonCardBlockIcon: () => object;
+        dsRibbonRibbonCardBlockLabel: () => object;
+        dsRibbonRibbonCardBlockValue: () => object;
+        dsRibbonRibbonCardBlockValueLabel: () => object;
+    };
     interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSRibbonName, typeof RIBBON_CARD_SLOTS> {
     }
     interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>, XstyledProps, RequiredProps {

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

@@ -6,6 +6,9 @@ export declare namespace DSRibbonColT {
     }
     interface DefaultProps {
     }
+    type SlotFunctionArguments = {
+        dsRibbonRibbonCol: () => object;
+    };
     interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSRibbonName, typeof RIBBON_COL_SLOTS> {
     }
     interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof XstyledProps>, XstyledProps, RequiredProps {

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

@@ -7,7 +7,11 @@ export declare namespace DSRibbonRowT {
     interface DefaultProps {
         alignLeft: boolean;
         solid: boolean;
+        wrapColumns: boolean;
     }
+    type SlotFunctionArguments = {
+        dsRibbonRibbonRow: () => object;
+    };
     interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSRibbonName, typeof RIBBON_ROW_SLOTS> {
     }
     interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof XstyledProps>, XstyledProps, RequiredProps {

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

@@ -6,6 +6,9 @@ export declare namespace DSRibbonWrapperT {
     }
     interface DefaultProps {
     }
+    type SlotFunctionArguments = {
+        dsRibbonRibbonWrapper: () => object;
+    };
     interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSRibbonName, typeof RIBBON_WRAPPER_SLOTS> {
     }
     interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof XstyledProps>, XstyledProps, RequiredProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-ribbon",
-  "version": "3.80.0-next.3",
+  "version": "3.80.0-next.31",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Ribbon",
   "files": [
@@ -36,15 +36,15 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-props-helpers": "3.80.0-next.3",
-    "@elliemae/ds-system": "3.80.0-next.3"
+    "@elliemae/ds-props-helpers": "3.80.0-next.31",
+    "@elliemae/ds-system": "3.80.0-next.31"
   },
   "devDependencies": {
+    "@elliemae/ds-monorepo-devops": "3.80.0-next.31",
+    "@elliemae/ds-test-utils": "3.80.0-next.31",
+    "@elliemae/ds-typescript-helpers": "3.80.0-next.31",
     "jest": "^30.0.0",
-    "styled-components": "~5.3.11",
-    "@elliemae/ds-test-utils": "3.80.0-next.3",
-    "@elliemae/ds-monorepo-devops": "3.80.0-next.3",
-    "@elliemae/ds-typescript-helpers": "3.80.0-next.3"
+    "styled-components": "~5.3.11"
   },
   "peerDependencies": {
     "lodash-es": "^4.18.1",