@elliemae/ds-breadcrumb 3.80.0-next.41 → 3.80.0-next.42

package/dist/cjs/DSBreadcrumb.js

@@ -43,67 +43,55 @@ var import_useKeyboardNavigation = require("./hooks/useKeyboardNavigation.js");
 var import_react_desc_prop_types = require("./react-desc-prop-types.js");
 var import_styles = require("./styles.js");
 const htmlElements = ["nav", "div"];
-const NavContainer = (props2) => {
-  const { label, containerProps, as, children, ...rest } = props2;
+const NavContainer = (props) => {
+  const { label, containerProps, as, children, ownerPropsConfig, ...rest } = props;
   return (
     // @ts-expect-error - styled components are not correctly supporting the alias in typescript
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledContainer, { "aria-label": label, ...rest, ...containerProps, as, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledList, { children }) })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledContainer, { "aria-label": label, ...rest, ...containerProps, as, ...ownerPropsConfig, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledList, { ...ownerPropsConfig, children }) })
   );
 };
-const DivContainer = (props2) => {
-  const { label, containerProps, as, children, ...rest } = props2;
+const DivContainer = (props) => {
+  const { label, containerProps, as, children, ownerPropsConfig, ...rest } = props;
   return (
     // @ts-expect-error - styled components are not correctly supporting the alias in typescript
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledContainer, { ...rest, ...containerProps, as, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledList, { "aria-label": label, children }) })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledContainer, { ...rest, ...containerProps, as, ...ownerPropsConfig, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledList, { "aria-label": label, ...ownerPropsConfig, children }) })
   );
 };
-const DSBreadcrumb = (props2) => {
-  const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props2, import_react_desc_prop_types.defaultProps);
+const DSBreadcrumb = (props) => {
+  const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
   const { containerProps, as, label, trailingSlash, isTitle, children, ...rest } = propsWithDefaults;
   const [addRef, onKeyDown] = (0, import_useKeyboardNavigation.useKeyboardNavigation)({ isTitle });
+  const ownerPropsConfig = (0, import_ds_props_helpers.useOwnerProps)(propsWithDefaults);
   const safeElement = (0, import_react.useMemo)(() => htmlElements.indexOf(as) > -1 ? as : "nav", [as]);
   const Container = as === "nav" ? NavContainer : DivContainer;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Container, { label, ...rest, containerProps, as: safeElement, children: import_react.default.Children.map(
-    children,
-    (child, childIndex) => childIndex < children.length - 1 ? (0, import_react.cloneElement)(child, {
-      childIndex,
-      addRef,
-      onKeyDown
-    }) : (0, import_react.cloneElement)(child, {
-      childIndex,
-      addRef,
-      onKeyDown,
-      trailingSlash,
-      isTitle
-    })
-  ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Container,
+    {
+      label,
+      ...rest,
+      containerProps,
+      as: safeElement,
+      ownerPropsConfig,
+      children: import_react.default.Children.map(
+        children,
+        (child, childIndex) => childIndex < children.length - 1 ? (0, import_react.cloneElement)(child, {
+          childIndex,
+          addRef,
+          onKeyDown
+        }) : (0, import_react.cloneElement)(child, {
+          childIndex,
+          addRef,
+          onKeyDown,
+          trailingSlash,
+          isTitle
+        })
+      )
+    }
+  );
 };
 DSBreadcrumb.Item = import_DSBreadcrumbItem.default;
-const props = {
-  /** props injected to breadcrumb wrapper */
-  containerProps: import_ds_props_helpers.PropTypes.object.description("props injected to breadcrumb wrapper"),
-  /**
-   * Type of element you want the main container to be:
-   * 'nav', 'div'
-   */
-  as: import_ds_props_helpers.PropTypes.oneOf(["nav", "div"]).description("Type of element you want the main container to be: 'nav' or 'div'. Defaults to 'nav'.").defaultValue("nav"),
-  /**
-   * Whether to show the last element of the breadcrumb as a title
-   * Also removes trailing slash to show last element as title
-   */
-  isTitle: import_ds_props_helpers.PropTypes.bool.description(
-    "Whether to show the last element of the breadcrumb as a title. Also removes trailing slash to show last element as title"
-  ),
-  /** breadcrumb label */
-  label: import_ds_props_helpers.PropTypes.string.description("breadcrumb label"),
-  /**
-   * Container items to wrap
-   */
-  trailingSlash: import_ds_props_helpers.PropTypes.bool.description("Whether to show trailing slash on all items except the last one").defaultValue(true),
-  children: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.element).isRequired.description("Container items to wrap")
-};
 DSBreadcrumb.displayName = "DSBreadcrumb";
 const DSBreadcrumbWithSchema = (0, import_ds_props_helpers.describe)(DSBreadcrumb);
-DSBreadcrumbWithSchema.propTypes = props;
+DSBreadcrumbWithSchema.propTypes = import_react_desc_prop_types.DSBreadcrumbPropTypesSchema;
 var DSBreadcrumb_default = DSBreadcrumb;
 //# sourceMappingURL=DSBreadcrumb.js.map

package/dist/cjs/DSBreadcrumb.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSBreadcrumb.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes, describe, useMemoMergePropsWithDefault, type ValidationMap } from '@elliemae/ds-props-helpers';\nimport React, { cloneElement, useMemo } from 'react';\nimport DSBreadcrumbItem from './DSBreadcrumbItem.js';\nimport { useKeyboardNavigation } from './hooks/useKeyboardNavigation.js';\nimport type { DSBreadcrumbT } from './react-desc-prop-types.js';\nimport { defaultProps } from './react-desc-prop-types.js';\nimport { StyledContainer, StyledList } from './styles.js';\n\nconst htmlElements = ['nav', 'div'] as const;\n\ntype ContainerProps = Omit<DSBreadcrumbT.InternalProps, 'isTitle' | 'trailingSlash'>;\n\nconst NavContainer = (props: ContainerProps) => {\n  const { label, containerProps, as, children, ...rest } = props;\n  return (\n    // @ts-expect-error - styled components are not correctly supporting the alias in typescript\n    <StyledContainer aria-label={label} {...rest} {...containerProps} as={as}>\n      <StyledList>{children}</StyledList>\n    </StyledContainer>\n  );\n};\n\nconst DivContainer = (props: ContainerProps) => {\n  const { label, containerProps, as, children, ...rest } = props;\n  return (\n    // @ts-expect-error - styled components are not correctly supporting the alias in typescript\n    <StyledContainer {...rest} {...containerProps} as={as}>\n      <StyledList aria-label={label}>{children}</StyledList>\n    </StyledContainer>\n  );\n};\n\nconst DSBreadcrumb = (props: DSBreadcrumbT.Props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSBreadcrumbT.InternalProps>(props, defaultProps);\n  const { containerProps, as, label, trailingSlash, isTitle, children, ...rest } = propsWithDefaults;\n  const [addRef, onKeyDown] = useKeyboardNavigation({ isTitle });\n\n  const safeElement = useMemo(() => (htmlElements.indexOf(as) > -1 ? as : 'nav'), [as]);\n\n  const Container = as === 'nav' ? NavContainer : DivContainer;\n\n  return (\n    <Container label={label} {...rest} containerProps={containerProps} as={safeElement}>\n      {React.Children.map(children, (child: React.ReactElement, childIndex) =>\n        childIndex < children.length - 1\n          ? cloneElement(child, {\n              childIndex,\n              addRef,\n              onKeyDown,\n            })\n          : cloneElement(child, {\n              childIndex,\n              addRef,\n              onKeyDown,\n              trailingSlash,\n              isTitle,\n            }),\n      )}\n    </Container>\n  );\n};\n\nDSBreadcrumb.Item = DSBreadcrumbItem;\n\nconst props = {\n  /** props injected to breadcrumb wrapper */\n  containerProps: PropTypes.object.description('props injected to breadcrumb wrapper'),\n  /**\n   * Type of element you want the main container to be:\n   * 'nav', 'div'\n   */\n  as: PropTypes.oneOf(['nav', 'div'])\n    .description(\"Type of element you want the main container to be: 'nav' or 'div'. Defaults to 'nav'.\")\n    .defaultValue('nav'),\n  /**\n   * Whether to show the last element of the breadcrumb as a title\n   * Also removes trailing slash to show last element as title\n   */\n  isTitle: PropTypes.bool.description(\n    'Whether to show the last element of the breadcrumb as a title. Also removes trailing slash to show last element as title',\n  ),\n  /** breadcrumb label */\n  label: PropTypes.string.description('breadcrumb label'),\n  /**\n   * Container items to wrap\n   */\n  trailingSlash: PropTypes.bool\n    .description('Whether to show trailing slash on all items except the last one')\n    .defaultValue(true),\n  children: PropTypes.arrayOf(PropTypes.element).isRequired.description('Container items to wrap'),\n};\n\nDSBreadcrumb.displayName = 'DSBreadcrumb';\nconst DSBreadcrumbWithSchema = describe(DSBreadcrumb);\nDSBreadcrumbWithSchema.propTypes = props as ValidationMap<unknown>;\n\nexport { DSBreadcrumb, DSBreadcrumbWithSchema, htmlElements };\nexport default DSBreadcrumb;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiBjB;AAjBN,8BAAsF;AACtF,mBAA6C;AAC7C,8BAA6B;AAC7B,mCAAsC;AAEtC,mCAA6B;AAC7B,oBAA4C;AAE5C,MAAM,eAAe,CAAC,OAAO,KAAK;AAIlC,MAAM,eAAe,CAACA,WAA0B;AAC9C,QAAM,EAAE,OAAO,gBAAgB,IAAI,UAAU,GAAG,KAAK,IAAIA;AACzD;AAAA;AAAA,IAEE,4CAAC,iCAAgB,cAAY,OAAQ,GAAG,MAAO,GAAG,gBAAgB,IAChE,sDAAC,4BAAY,UAAS,GACxB;AAAA;AAEJ;AAEA,MAAM,eAAe,CAACA,WAA0B;AAC9C,QAAM,EAAE,OAAO,gBAAgB,IAAI,UAAU,GAAG,KAAK,IAAIA;AACzD;AAAA;AAAA,IAEE,4CAAC,iCAAiB,GAAG,MAAO,GAAG,gBAAgB,IAC7C,sDAAC,4BAAW,cAAY,OAAQ,UAAS,GAC3C;AAAA;AAEJ;AAEA,MAAM,eAAe,CAACA,WAA+B;AACnD,QAAM,wBAAoB,sDAA0DA,QAAO,yCAAY;AACvG,QAAM,EAAE,gBAAgB,IAAI,OAAO,eAAe,SAAS,UAAU,GAAG,KAAK,IAAI;AACjF,QAAM,CAAC,QAAQ,SAAS,QAAI,oDAAsB,EAAE,QAAQ,CAAC;AAE7D,QAAM,kBAAc,sBAAQ,MAAO,aAAa,QAAQ,EAAE,IAAI,KAAK,KAAK,OAAQ,CAAC,EAAE,CAAC;AAEpF,QAAM,YAAY,OAAO,QAAQ,eAAe;AAEhD,SACE,4CAAC,aAAU,OAAe,GAAG,MAAM,gBAAgC,IAAI,aACpE,uBAAAC,QAAM,SAAS;AAAA,IAAI;AAAA,IAAU,CAAC,OAA2B,eACxD,aAAa,SAAS,SAAS,QAC3B,2BAAa,OAAO;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC,QACD,2BAAa,OAAO;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACP,GACF;AAEJ;AAEA,aAAa,OAAO,wBAAAC;AAEpB,MAAM,QAAQ;AAAA;AAAA,EAEZ,gBAAgB,kCAAU,OAAO,YAAY,sCAAsC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKnF,IAAI,kCAAU,MAAM,CAAC,OAAO,KAAK,CAAC,EAC/B,YAAY,uFAAuF,EACnG,aAAa,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrB,SAAS,kCAAU,KAAK;AAAA,IACtB;AAAA,EACF;AAAA;AAAA,EAEA,OAAO,kCAAU,OAAO,YAAY,kBAAkB;AAAA;AAAA;AAAA;AAAA,EAItD,eAAe,kCAAU,KACtB,YAAY,iEAAiE,EAC7E,aAAa,IAAI;AAAA,EACpB,UAAU,kCAAU,QAAQ,kCAAU,OAAO,EAAE,WAAW,YAAY,yBAAyB;AACjG;AAEA,aAAa,cAAc;AAC3B,MAAM,6BAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
-  "names": ["props", "React", "DSBreadcrumbItem"]
+  "sourcesContent": ["import { describe, useMemoMergePropsWithDefault, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport React, { cloneElement, useMemo } from 'react';\nimport DSBreadcrumbItem from './DSBreadcrumbItem.js';\nimport { useKeyboardNavigation } from './hooks/useKeyboardNavigation.js';\nimport type { DSBreadcrumbT } from './react-desc-prop-types.js';\nimport { defaultProps, DSBreadcrumbPropTypesSchema } from './react-desc-prop-types.js';\nimport { StyledContainer, StyledList } from './styles.js';\n\nconst htmlElements = ['nav', 'div'] as const;\n\ntype ContainerProps = Omit<DSBreadcrumbT.InternalProps, 'isTitle' | 'trailingSlash'> & {\n  ownerPropsConfig: ReturnType<typeof useOwnerProps<DSBreadcrumbT.InternalProps>>;\n};\n\nconst NavContainer = (props: ContainerProps) => {\n  const { label, containerProps, as, children, ownerPropsConfig, ...rest } = props;\n  return (\n    // @ts-expect-error - styled components are not correctly supporting the alias in typescript\n    <StyledContainer aria-label={label} {...rest} {...containerProps} as={as} {...ownerPropsConfig}>\n      <StyledList {...ownerPropsConfig}>{children}</StyledList>\n    </StyledContainer>\n  );\n};\n\nconst DivContainer = (props: ContainerProps) => {\n  const { label, containerProps, as, children, ownerPropsConfig, ...rest } = props;\n  return (\n    // @ts-expect-error - styled components are not correctly supporting the alias in typescript\n    <StyledContainer {...rest} {...containerProps} as={as} {...ownerPropsConfig}>\n      <StyledList aria-label={label} {...ownerPropsConfig}>\n        {children}\n      </StyledList>\n    </StyledContainer>\n  );\n};\n\nconst DSBreadcrumb = (props: DSBreadcrumbT.Props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSBreadcrumbT.InternalProps>(props, defaultProps);\n  const { containerProps, as, label, trailingSlash, isTitle, children, ...rest } = propsWithDefaults;\n  const [addRef, onKeyDown] = useKeyboardNavigation({ isTitle });\n  const ownerPropsConfig = useOwnerProps(propsWithDefaults);\n\n  const safeElement = useMemo(() => (htmlElements.indexOf(as) > -1 ? as : 'nav'), [as]);\n\n  const Container = as === 'nav' ? NavContainer : DivContainer;\n\n  return (\n    <Container\n      label={label}\n      {...rest}\n      containerProps={containerProps}\n      as={safeElement}\n      ownerPropsConfig={ownerPropsConfig}\n    >\n      {React.Children.map(children, (child: React.ReactElement, childIndex) =>\n        childIndex < children.length - 1\n          ? cloneElement(child, {\n              childIndex,\n              addRef,\n              onKeyDown,\n            })\n          : cloneElement(child, {\n              childIndex,\n              addRef,\n              onKeyDown,\n              trailingSlash,\n              isTitle,\n            }),\n      )}\n    </Container>\n  );\n};\n\nDSBreadcrumb.Item = DSBreadcrumbItem;\n\nDSBreadcrumb.displayName = 'DSBreadcrumb';\nconst DSBreadcrumbWithSchema = describe(DSBreadcrumb);\nDSBreadcrumbWithSchema.propTypes = DSBreadcrumbPropTypesSchema;\n\nexport { DSBreadcrumb, DSBreadcrumbWithSchema, htmlElements };\nexport default DSBreadcrumb;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmBjB;AAnBN,8BAAsE;AACtE,mBAA6C;AAC7C,8BAA6B;AAC7B,mCAAsC;AAEtC,mCAA0D;AAC1D,oBAA4C;AAE5C,MAAM,eAAe,CAAC,OAAO,KAAK;AAMlC,MAAM,eAAe,CAAC,UAA0B;AAC9C,QAAM,EAAE,OAAO,gBAAgB,IAAI,UAAU,kBAAkB,GAAG,KAAK,IAAI;AAC3E;AAAA;AAAA,IAEE,4CAAC,iCAAgB,cAAY,OAAQ,GAAG,MAAO,GAAG,gBAAgB,IAAS,GAAG,kBAC5E,sDAAC,4BAAY,GAAG,kBAAmB,UAAS,GAC9C;AAAA;AAEJ;AAEA,MAAM,eAAe,CAAC,UAA0B;AAC9C,QAAM,EAAE,OAAO,gBAAgB,IAAI,UAAU,kBAAkB,GAAG,KAAK,IAAI;AAC3E;AAAA;AAAA,IAEE,4CAAC,iCAAiB,GAAG,MAAO,GAAG,gBAAgB,IAAS,GAAG,kBACzD,sDAAC,4BAAW,cAAY,OAAQ,GAAG,kBAChC,UACH,GACF;AAAA;AAEJ;AAEA,MAAM,eAAe,CAAC,UAA+B;AACnD,QAAM,wBAAoB,sDAA0D,OAAO,yCAAY;AACvG,QAAM,EAAE,gBAAgB,IAAI,OAAO,eAAe,SAAS,UAAU,GAAG,KAAK,IAAI;AACjF,QAAM,CAAC,QAAQ,SAAS,QAAI,oDAAsB,EAAE,QAAQ,CAAC;AAC7D,QAAM,uBAAmB,uCAAc,iBAAiB;AAExD,QAAM,kBAAc,sBAAQ,MAAO,aAAa,QAAQ,EAAE,IAAI,KAAK,KAAK,OAAQ,CAAC,EAAE,CAAC;AAEpF,QAAM,YAAY,OAAO,QAAQ,eAAe;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ;AAAA,MACA,IAAI;AAAA,MACJ;AAAA,MAEC,uBAAAA,QAAM,SAAS;AAAA,QAAI;AAAA,QAAU,CAAC,OAA2B,eACxD,aAAa,SAAS,SAAS,QAC3B,2BAAa,OAAO;AAAA,UAClB;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC,QACD,2BAAa,OAAO;AAAA,UAClB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACP;AAAA;AAAA,EACF;AAEJ;AAEA,aAAa,OAAO,wBAAAC;AAEpB,aAAa,cAAc;AAC3B,MAAM,6BAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
+  "names": ["React", "DSBreadcrumbItem"]
 }

package/dist/cjs/DSBreadcrumbItem.js

@@ -39,9 +39,10 @@ var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_react = __toESM(require("react"));
 var import_react_desc_prop_types = require("./react-desc-prop-types.js");
 var import_styles = require("./styles.js");
-const DSBreadcrumbItem = (props2) => {
-  const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props2, import_react_desc_prop_types.defaultItemProps);
+const DSBreadcrumbItem = (props) => {
+  const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultItemProps);
   const { as, active, href, onClick, onKeyDown, addRef, isTitle, trailingSlash, label, childIndex, color, ...rest } = propsWithDefaults;
+  const ownerPropsConfig = (0, import_ds_props_helpers.useOwnerProps)(propsWithDefaults);
   const ariaCurrent = import_react.default.useMemo(() => {
     if (active) {
       return as === "button" || as === "span" ? "step" : "page";
@@ -56,7 +57,7 @@ const DSBreadcrumbItem = (props2) => {
     [isTitle, onClick]
   );
   const component = isTitle && active ? "span" : as;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledCrumbWrapper, { isTitle, trailingSlash, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledCrumbWrapper, { isTitle, trailingSlash, ...ownerPropsConfig, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_styles.StyledLink,
     {
       variant: "link",
@@ -71,33 +72,13 @@ const DSBreadcrumbItem = (props2) => {
       innerRef: addRef,
       "aria-current": ariaCurrent,
       ...rest,
+      ...ownerPropsConfig,
       children: label
     }
   ) });
 };
-const props = {
-  /**
-   * Type of element you want the item to be:
-   * 'a', 'button'
-   */
-  as: import_ds_props_helpers.PropTypes.oneOf(["a", "button"]).description('Type of element you want the item to be: "a" or "button". Defaults to "a"').defaultValue("a"),
-  /** active item */
-  active: import_ds_props_helpers.PropTypes.bool.description("Active item"),
-  /** href link */
-  href: import_ds_props_helpers.PropTypes.string.description("Href link"),
-  /** on click handler */
-  onClick: import_ds_props_helpers.PropTypes.func.description("On click handler"),
-  /** style item as title */
-  isTitle: import_ds_props_helpers.PropTypes.bool.description("Style item as title"),
-  /** add trailing slash */
-  trailingSlash: import_ds_props_helpers.PropTypes.bool.description("Add trailing slash"),
-  /** item label */
-  label: import_ds_props_helpers.PropTypes.string.description("Item label"),
-  /** link color */
-  color: import_ds_props_helpers.PropTypes.string.description("Link color")
-};
 DSBreadcrumbItem.displayName = "DSBreadcrumbItem";
 const DSBreadcrumbItemWithSchema = (0, import_ds_props_helpers.describe)(DSBreadcrumbItem);
-DSBreadcrumbItemWithSchema.propTypes = props;
+DSBreadcrumbItemWithSchema.propTypes = import_react_desc_prop_types.DSBreadcrumbItemPropTypesSchema;
 var DSBreadcrumbItem_default = DSBreadcrumbItem;
 //# sourceMappingURL=DSBreadcrumbItem.js.map

package/dist/cjs/DSBreadcrumbItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSBreadcrumbItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes, describe, useMemoMergePropsWithDefault, type ValidationMap } from '@elliemae/ds-props-helpers';\nimport React from 'react';\nimport type { DSBreadcrumbItemT } from './react-desc-prop-types.js';\nimport { defaultItemProps } from './react-desc-prop-types.js';\nimport { StyledCrumbWrapper, StyledLink } from './styles.js';\n\nconst DSBreadcrumbItem = (props: DSBreadcrumbItemT.Props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSBreadcrumbItemT.InternalProps>(props, defaultItemProps);\n  const { as, active, href, onClick, onKeyDown, addRef, isTitle, trailingSlash, label, childIndex, color, ...rest } =\n    propsWithDefaults;\n\n  const ariaCurrent = React.useMemo(() => {\n    if (active) {\n      return as === 'button' || as === 'span' ? 'step' : 'page';\n    }\n    return undefined;\n  }, [active, as]);\n\n  const handleOnClick = React.useCallback(\n    (e: React.MouseEvent) => {\n      if (isTitle) return;\n      onClick(e);\n    },\n    [isTitle, onClick],\n  );\n\n  // Determine the component type\n  // When isTitle=true. All non-current steps are links with its style. Active step can have aria-current. Active step has non-interactable behaviour and style.\n  // Active step can be SPAN\n  const component = isTitle && active ? 'span' : as;\n\n  return (\n    <StyledCrumbWrapper isTitle={isTitle} trailingSlash={trailingSlash}>\n      <StyledLink\n        variant=\"link\"\n        component={component}\n        href={href}\n        onClick={handleOnClick}\n        tabIndex={isTitle ? -1 : 0}\n        active={active}\n        onKeyDown={(e: React.KeyboardEvent) => onKeyDown(e, childIndex ?? -1, handleOnClick)}\n        isTitle={isTitle}\n        color={color}\n        innerRef={addRef}\n        aria-current={ariaCurrent}\n        {...rest}\n      >\n        {label}\n      </StyledLink>\n    </StyledCrumbWrapper>\n  );\n};\n\nconst props = {\n  /**\n   * Type of element you want the item to be:\n   * 'a', 'button'\n   */\n  as: PropTypes.oneOf(['a', 'button'])\n    .description('Type of element you want the item to be: \"a\" or \"button\". Defaults to \"a\"')\n    .defaultValue('a'),\n  /** active item */\n  active: PropTypes.bool.description('Active item'),\n  /** href link */\n  href: PropTypes.string.description('Href link'),\n  /** on click handler */\n  onClick: PropTypes.func.description('On click handler'),\n  /** style item as title */\n  isTitle: PropTypes.bool.description('Style item as title'),\n  /** add trailing slash */\n  trailingSlash: PropTypes.bool.description('Add trailing slash'),\n  /** item label */\n  label: PropTypes.string.description('Item label'),\n  /** link color */\n  color: PropTypes.string.description('Link color'),\n};\n\nDSBreadcrumbItem.displayName = 'DSBreadcrumbItem';\nconst DSBreadcrumbItemWithSchema = describe(DSBreadcrumbItem);\nDSBreadcrumbItemWithSchema.propTypes = props as ValidationMap<unknown>;\n\nexport { DSBreadcrumbItem, DSBreadcrumbItemWithSchema };\nexport default DSBreadcrumbItem;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiCjB;AAjCN,8BAAsF;AACtF,mBAAkB;AAElB,mCAAiC;AACjC,oBAA+C;AAE/C,MAAM,mBAAmB,CAACA,WAAmC;AAC3D,QAAM,wBAAoB,sDAA8DA,QAAO,6CAAgB;AAC/G,QAAM,EAAE,IAAI,QAAQ,MAAM,SAAS,WAAW,QAAQ,SAAS,eAAe,OAAO,YAAY,OAAO,GAAG,KAAK,IAC9G;AAEF,QAAM,cAAc,aAAAC,QAAM,QAAQ,MAAM;AACtC,QAAI,QAAQ;AACV,aAAO,OAAO,YAAY,OAAO,SAAS,SAAS;AAAA,IACrD;AACA,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,EAAE,CAAC;AAEf,QAAM,gBAAgB,aAAAA,QAAM;AAAA,IAC1B,CAAC,MAAwB;AACvB,UAAI,QAAS;AACb,cAAQ,CAAC;AAAA,IACX;AAAA,IACA,CAAC,SAAS,OAAO;AAAA,EACnB;AAKA,QAAM,YAAY,WAAW,SAAS,SAAS;AAE/C,SACE,4CAAC,oCAAmB,SAAkB,eACpC;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,UAAU,UAAU,KAAK;AAAA,MACzB;AAAA,MACA,WAAW,CAAC,MAA2B,UAAU,GAAG,cAAc,IAAI,aAAa;AAAA,MACnF;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,gBAAc;AAAA,MACb,GAAG;AAAA,MAEH;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKZ,IAAI,kCAAU,MAAM,CAAC,KAAK,QAAQ,CAAC,EAChC,YAAY,2EAA2E,EACvF,aAAa,GAAG;AAAA;AAAA,EAEnB,QAAQ,kCAAU,KAAK,YAAY,aAAa;AAAA;AAAA,EAEhD,MAAM,kCAAU,OAAO,YAAY,WAAW;AAAA;AAAA,EAE9C,SAAS,kCAAU,KAAK,YAAY,kBAAkB;AAAA;AAAA,EAEtD,SAAS,kCAAU,KAAK,YAAY,qBAAqB;AAAA;AAAA,EAEzD,eAAe,kCAAU,KAAK,YAAY,oBAAoB;AAAA;AAAA,EAE9D,OAAO,kCAAU,OAAO,YAAY,YAAY;AAAA;AAAA,EAEhD,OAAO,kCAAU,OAAO,YAAY,YAAY;AAClD;AAEA,iBAAiB,cAAc;AAC/B,MAAM,iCAA6B,kCAAS,gBAAgB;AAC5D,2BAA2B,YAAY;AAGvC,IAAO,2BAAQ;",
-  "names": ["props", "React"]
+  "sourcesContent": ["import { describe, useMemoMergePropsWithDefault, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport React from 'react';\nimport type { DSBreadcrumbItemT } from './react-desc-prop-types.js';\nimport { defaultItemProps, DSBreadcrumbItemPropTypesSchema } from './react-desc-prop-types.js';\nimport { StyledCrumbWrapper, StyledLink } from './styles.js';\n\nconst DSBreadcrumbItem = (props: DSBreadcrumbItemT.Props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSBreadcrumbItemT.InternalProps>(props, defaultItemProps);\n  const { as, active, href, onClick, onKeyDown, addRef, isTitle, trailingSlash, label, childIndex, color, ...rest } =\n    propsWithDefaults;\n  const ownerPropsConfig = useOwnerProps(propsWithDefaults);\n\n  const ariaCurrent = React.useMemo(() => {\n    if (active) {\n      return as === 'button' || as === 'span' ? 'step' : 'page';\n    }\n    return undefined;\n  }, [active, as]);\n\n  const handleOnClick = React.useCallback(\n    (e: React.MouseEvent) => {\n      if (isTitle) return;\n      onClick(e);\n    },\n    [isTitle, onClick],\n  );\n\n  // Determine the component type\n  // When isTitle=true. All non-current steps are links with its style. Active step can have aria-current. Active step has non-interactable behaviour and style.\n  // Active step can be SPAN\n  const component = isTitle && active ? 'span' : as;\n\n  return (\n    <StyledCrumbWrapper isTitle={isTitle} trailingSlash={trailingSlash} {...ownerPropsConfig}>\n      <StyledLink\n        variant=\"link\"\n        component={component}\n        href={href}\n        onClick={handleOnClick}\n        tabIndex={isTitle ? -1 : 0}\n        active={active}\n        onKeyDown={(e: React.KeyboardEvent) => onKeyDown(e, childIndex ?? -1, handleOnClick)}\n        isTitle={isTitle}\n        color={color}\n        innerRef={addRef}\n        aria-current={ariaCurrent}\n        {...rest}\n        {...ownerPropsConfig}\n      >\n        {label}\n      </StyledLink>\n    </StyledCrumbWrapper>\n  );\n};\n\nDSBreadcrumbItem.displayName = 'DSBreadcrumbItem';\nconst DSBreadcrumbItemWithSchema = describe(DSBreadcrumbItem);\nDSBreadcrumbItemWithSchema.propTypes = DSBreadcrumbItemPropTypesSchema;\n\nexport { DSBreadcrumbItem, DSBreadcrumbItemWithSchema };\nexport default DSBreadcrumbItem;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkCjB;AAlCN,8BAAsE;AACtE,mBAAkB;AAElB,mCAAkE;AAClE,oBAA+C;AAE/C,MAAM,mBAAmB,CAAC,UAAmC;AAC3D,QAAM,wBAAoB,sDAA8D,OAAO,6CAAgB;AAC/G,QAAM,EAAE,IAAI,QAAQ,MAAM,SAAS,WAAW,QAAQ,SAAS,eAAe,OAAO,YAAY,OAAO,GAAG,KAAK,IAC9G;AACF,QAAM,uBAAmB,uCAAc,iBAAiB;AAExD,QAAM,cAAc,aAAAA,QAAM,QAAQ,MAAM;AACtC,QAAI,QAAQ;AACV,aAAO,OAAO,YAAY,OAAO,SAAS,SAAS;AAAA,IACrD;AACA,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,EAAE,CAAC;AAEf,QAAM,gBAAgB,aAAAA,QAAM;AAAA,IAC1B,CAAC,MAAwB;AACvB,UAAI,QAAS;AACb,cAAQ,CAAC;AAAA,IACX;AAAA,IACA,CAAC,SAAS,OAAO;AAAA,EACnB;AAKA,QAAM,YAAY,WAAW,SAAS,SAAS;AAE/C,SACE,4CAAC,oCAAmB,SAAkB,eAA+B,GAAG,kBACtE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,UAAU,UAAU,KAAK;AAAA,MACzB;AAAA,MACA,WAAW,CAAC,MAA2B,UAAU,GAAG,cAAc,IAAI,aAAa;AAAA,MACnF;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,gBAAc;AAAA,MACb,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,iBAAiB,cAAc;AAC/B,MAAM,iCAA6B,kCAAS,gBAAgB;AAC5D,2BAA2B,YAAY;AAGvC,IAAO,2BAAQ;",
+  "names": ["React"]
 }

package/dist/cjs/constants/index.js

@@ -29,7 +29,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var constants_exports = {};
 __export(constants_exports, {
   BREADCRUMB_DATA_TESTID: () => BREADCRUMB_DATA_TESTID,
+  BREADCRUMB_ITEM_SLOTS: () => BREADCRUMB_ITEM_SLOTS,
   BREADCRUMB_SLOTS: () => BREADCRUMB_SLOTS,
+  BREADCRUMB_TRAIL_SLOTS: () => BREADCRUMB_TRAIL_SLOTS,
   DSBreadcrumbName: () => DSBreadcrumbName
 });
 module.exports = __toCommonJS(constants_exports);
@@ -42,5 +44,13 @@ const BREADCRUMB_SLOTS = {
   LINK: "link",
   LIST: "list"
 };
+const BREADCRUMB_TRAIL_SLOTS = {
+  CONTAINER: BREADCRUMB_SLOTS.CONTAINER,
+  LIST: BREADCRUMB_SLOTS.LIST
+};
+const BREADCRUMB_ITEM_SLOTS = {
+  CRUMBWRAPPER: BREADCRUMB_SLOTS.CRUMBWRAPPER,
+  LINK: BREADCRUMB_SLOTS.LINK
+};
 const BREADCRUMB_DATA_TESTID = (0, import_ds_system.slotObjectToDataTestIds)(DSBreadcrumbName, BREADCRUMB_SLOTS);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSBreadcrumbName = 'DSBreadcrumb';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const BREADCRUMB_SLOTS = {\n  CONTAINER: 'container',\n  CRUMBWRAPPER: 'crumb-wrapper',\n  LINK: 'link',\n  LIST: 'list',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const BREADCRUMB_DATA_TESTID = slotObjectToDataTestIds(DSBreadcrumbName, BREADCRUMB_SLOTS);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,mBAAmB;AAGzB,MAAM,mBAAmB;AAAA,EAC9B,WAAW;AAAA,EACX,cAAc;AAAA,EACd,MAAM;AAAA,EACN,MAAM;AACR;AAGO,MAAM,6BAAyB,0CAAwB,kBAAkB,gBAAgB;",
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSBreadcrumbName = 'DSBreadcrumb';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const BREADCRUMB_SLOTS = {\n  CONTAINER: 'container',\n  CRUMBWRAPPER: 'crumb-wrapper',\n  LINK: 'link',\n  LIST: 'list',\n} as const;\n\n// the slots above are split between the two components that render them:\n// DSBreadcrumb renders the trail (container + list), so their slot props go on <DSBreadcrumb />\nexport const BREADCRUMB_TRAIL_SLOTS = {\n  CONTAINER: BREADCRUMB_SLOTS.CONTAINER,\n  LIST: BREADCRUMB_SLOTS.LIST,\n} as const;\n\n// DSBreadcrumbItem renders each crumb (crumb wrapper + link), so their slot props go on each <DSBreadcrumb.Item />\nexport const BREADCRUMB_ITEM_SLOTS = {\n  CRUMBWRAPPER: BREADCRUMB_SLOTS.CRUMBWRAPPER,\n  LINK: BREADCRUMB_SLOTS.LINK,\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const BREADCRUMB_DATA_TESTID = slotObjectToDataTestIds(DSBreadcrumbName, BREADCRUMB_SLOTS);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,mBAAmB;AAGzB,MAAM,mBAAmB;AAAA,EAC9B,WAAW;AAAA,EACX,cAAc;AAAA,EACd,MAAM;AAAA,EACN,MAAM;AACR;AAIO,MAAM,yBAAyB;AAAA,EACpC,WAAW,iBAAiB;AAAA,EAC5B,MAAM,iBAAiB;AACzB;AAGO,MAAM,wBAAwB;AAAA,EACnC,cAAc,iBAAiB;AAAA,EAC/B,MAAM,iBAAiB;AACzB;AAGO,MAAM,6BAAyB,0CAAwB,kBAAkB,gBAAgB;",
   "names": []
 }

package/dist/cjs/index.js

@@ -17,7 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 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-
@@ -31,12 +30,19 @@ var index_exports = {};
 __export(index_exports, {
   BREADCRUMB_DATA_TESTID: () => import_constants.BREADCRUMB_DATA_TESTID,
   BREADCRUMB_SLOTS: () => import_constants.BREADCRUMB_SLOTS,
-  DSBreadcrumbName: () => import_constants.DSBreadcrumbName
+  DSBreadcrumb: () => import_DSBreadcrumb.DSBreadcrumb,
+  DSBreadcrumbItem: () => import_DSBreadcrumbItem.DSBreadcrumbItem,
+  DSBreadcrumbItemWithSchema: () => import_DSBreadcrumbItem.DSBreadcrumbItemWithSchema,
+  DSBreadcrumbName: () => import_constants.DSBreadcrumbName,
+  DSBreadcrumbWithSchema: () => import_DSBreadcrumb.DSBreadcrumbWithSchema,
+  defaultItemProps: () => import_react_desc_prop_types.defaultItemProps,
+  defaultProps: () => import_react_desc_prop_types.defaultProps,
+  htmlElements: () => import_DSBreadcrumb.htmlElements
 });
 module.exports = __toCommonJS(index_exports);
 var React = __toESM(require("react"));
-__reExport(index_exports, require("./DSBreadcrumb.js"), module.exports);
-__reExport(index_exports, require("./DSBreadcrumbItem.js"), module.exports);
-__reExport(index_exports, require("./react-desc-prop-types.js"), module.exports);
+var import_DSBreadcrumb = require("./DSBreadcrumb.js");
+var import_DSBreadcrumbItem = require("./DSBreadcrumbItem.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
 var import_constants = require("./constants/index.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DSBreadcrumb.js';\nexport * from './DSBreadcrumbItem.js';\nexport * from './react-desc-prop-types.js';\nexport { DSBreadcrumbName, BREADCRUMB_SLOTS, BREADCRUMB_DATA_TESTID } from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAc,8BAAd;AACA,0BAAc,kCADd;AAEA,0BAAc,uCAFd;AAGA,uBAA2E;",
+  "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { DSBreadcrumb, DSBreadcrumbWithSchema, htmlElements } from './DSBreadcrumb.js';\nexport { DSBreadcrumbItem, DSBreadcrumbItemWithSchema } from './DSBreadcrumbItem.js';\nexport {\n  defaultProps,\n  defaultItemProps,\n  type DSBreadcrumbT,\n  type DSBreadcrumbItemT,\n  type SafeComponentsT,\n  type SafeItemComponentT,\n} from './react-desc-prop-types.js';\nexport { DSBreadcrumbName, BREADCRUMB_SLOTS, BREADCRUMB_DATA_TESTID } from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAmE;AACnE,8BAA6D;AAC7D,mCAOO;AACP,uBAA2E;",
   "names": []
 }

package/dist/cjs/react-desc-prop-types.js

@@ -28,11 +28,17 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var react_desc_prop_types_exports = {};
 __export(react_desc_prop_types_exports, {
+  DSBreadcrumbItemPropTypes: () => DSBreadcrumbItemPropTypes,
+  DSBreadcrumbItemPropTypesSchema: () => DSBreadcrumbItemPropTypesSchema,
+  DSBreadcrumbPropTypes: () => DSBreadcrumbPropTypes,
+  DSBreadcrumbPropTypesSchema: () => DSBreadcrumbPropTypesSchema,
   defaultItemProps: () => defaultItemProps,
   defaultProps: () => defaultProps
 });
 module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_constants = require("./constants/index.js");
 const defaultProps = {
   containerProps: {},
   as: "nav",
@@ -48,4 +54,61 @@ const defaultItemProps = {
   label: "",
   childIndex: -1
 };
+const DSBreadcrumbPropTypes = {
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSBreadcrumbName, import_constants.BREADCRUMB_TRAIL_SLOTS),
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  /** props injected to breadcrumb wrapper */
+  containerProps: import_ds_props_helpers.PropTypes.object.description("props injected to breadcrumb wrapper"),
+  /**
+   * Type of element you want the main container to be:
+   * 'nav', 'div'
+   */
+  as: import_ds_props_helpers.PropTypes.oneOf(["nav", "div"]).description("Type of element you want the main container to be: 'nav' or 'div'. Defaults to 'nav'.").defaultValue("nav"),
+  /**
+   * Whether to show the last element of the breadcrumb as a title
+   * Also removes trailing slash to show last element as title
+   */
+  isTitle: import_ds_props_helpers.PropTypes.bool.description(
+    "Whether to show the last element of the breadcrumb as a title. Also removes trailing slash to show last element as title"
+  ),
+  /** breadcrumb label */
+  label: import_ds_props_helpers.PropTypes.string.description("breadcrumb label"),
+  /**
+   * Container items to wrap
+   */
+  trailingSlash: import_ds_props_helpers.PropTypes.bool.description("Whether to show trailing slash on all items except the last one").defaultValue(true),
+  children: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.element).isRequired.description("Container items to wrap")
+};
+const itemGlobalAttributesPropTypes = {
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  innerRef: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.object, import_ds_props_helpers.PropTypes.func]).hidden()
+};
+const DSBreadcrumbItemPropTypes = {
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSBreadcrumbName, import_constants.BREADCRUMB_ITEM_SLOTS),
+  ...itemGlobalAttributesPropTypes,
+  /**
+   * Type of element you want the item to be:
+   * 'a', 'button'
+   */
+  as: import_ds_props_helpers.PropTypes.oneOf(["a", "button"]).description('Type of element you want the item to be: "a" or "button". Defaults to "a"').defaultValue("a"),
+  /** active item */
+  active: import_ds_props_helpers.PropTypes.bool.description("Active item"),
+  /** href link */
+  href: import_ds_props_helpers.PropTypes.string.description("Href link"),
+  /** on click handler */
+  onClick: import_ds_props_helpers.PropTypes.func.description("On click handler"),
+  /** style item as title */
+  isTitle: import_ds_props_helpers.PropTypes.bool.description("Style item as title"),
+  /** add trailing slash */
+  trailingSlash: import_ds_props_helpers.PropTypes.bool.description("Add trailing slash"),
+  /** item label */
+  label: import_ds_props_helpers.PropTypes.string.description("Item label"),
+  /** link color */
+  color: import_ds_props_helpers.PropTypes.string.description("Link color"),
+  // injected by DSBreadcrumb into each of its items, not meant to be set by consumers
+  childIndex: import_ds_props_helpers.PropTypes.number.hidden(),
+  addRef: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.object, import_ds_props_helpers.PropTypes.func]).hidden()
+};
+const DSBreadcrumbPropTypesSchema = DSBreadcrumbPropTypes;
+const DSBreadcrumbItemPropTypesSchema = DSBreadcrumbItemPropTypes;
 //# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport type React from 'react';\nimport type { htmlElements } from './DSBreadcrumb.js';\ntype SafeComponentsT = (typeof htmlElements)[number];\n\ntype SafeItemComponentT = 'a' | 'button' | 'span';\n\nexport const defaultProps: DSBreadcrumbT.DefaultProps = {\n  containerProps: {},\n  as: 'nav',\n  label: 'Breadcrumb',\n  isTitle: false,\n  trailingSlash: true,\n};\n\nexport const defaultItemProps: DSBreadcrumbItemT.DefaultProps = {\n  active: false,\n  as: 'a',\n  onKeyDown: () => null,\n  onClick: () => null,\n  label: '',\n  childIndex: -1,\n};\n\ndeclare namespace DSBreadcrumbT {\n  export interface DefaultProps {\n    containerProps: Record<string, unknown>;\n    as: SafeComponentsT;\n    label: string;\n    isTitle: boolean;\n    trailingSlash: boolean;\n  }\n\n  export interface RequiredProps {\n    children: React.ReactElement[];\n  }\n\n  export interface Props\n    extends\n      Partial<DefaultProps>,\n      RequiredProps,\n      Omit<GlobalAttributesT, keyof DefaultProps | keyof RequiredProps>,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends\n      DefaultProps,\n      RequiredProps,\n      Omit<GlobalAttributesT, keyof DefaultProps | keyof RequiredProps>,\n      XstyledProps {}\n}\n\ndeclare namespace DSBreadcrumbItemT {\n  export interface DefaultProps {\n    active: boolean;\n    as: SafeItemComponentT;\n    onKeyDown: (e: React.KeyboardEvent, componentRefIndex: number, onClick: (e: React.MouseEvent) => void) => void;\n    onClick: (e: React.MouseEvent) => void;\n    label: string;\n    childIndex: number;\n  }\n\n  export interface OptionalProps {\n    addRef?: React.MutableRefObject<HTMLDivElement | null> | React.RefCallback<HTMLDivElement>;\n    href?: string;\n    isTitle?: boolean;\n    trailingSlash?: boolean;\n  }\n\n  export interface Props\n    extends\n      Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends\n      DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n}\n\nexport type { DSBreadcrumbItemT, DSBreadcrumbT, SafeComponentsT, SafeItemComponentT };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADOhB,MAAM,eAA2C;AAAA,EACtD,gBAAgB,CAAC;AAAA,EACjB,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,eAAe;AACjB;AAEO,MAAM,mBAAmD;AAAA,EAC9D,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,WAAW,MAAM;AAAA,EACjB,SAAS,MAAM;AAAA,EACf,OAAO;AAAA,EACP,YAAY;AACd;",
+  "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, getPropsPerSlotPropTypes, globalAttributesPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type React from 'react';\nimport type { htmlElements } from './DSBreadcrumb.js';\nimport { DSBreadcrumbName, BREADCRUMB_ITEM_SLOTS, BREADCRUMB_TRAIL_SLOTS } from './constants/index.js';\n\ntype SafeComponentsT = (typeof htmlElements)[number];\n\ntype SafeItemComponentT = 'a' | 'button' | 'span';\n\nexport declare namespace DSBreadcrumbT {\n  export type SlotFunctionArguments = {\n    dsBreadcrumbContainer: () => object;\n    dsBreadcrumbList: () => object;\n  };\n\n  export interface DefaultProps {\n    containerProps: Record<string, unknown>;\n    as: SafeComponentsT;\n    label: string;\n    isTitle: boolean;\n    trailingSlash: boolean;\n  }\n\n  export interface RequiredProps {\n    children: React.ReactElement[];\n  }\n\n  export interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<\n    typeof DSBreadcrumbName,\n    typeof BREADCRUMB_TRAIL_SLOTS\n  > {}\n\n  export interface Props\n    extends\n      Partial<DefaultProps>,\n      RequiredProps,\n      OptionalProps,\n      Omit<GlobalAttributesT, keyof DefaultProps | keyof RequiredProps | keyof OptionalProps>,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends\n      DefaultProps,\n      RequiredProps,\n      OptionalProps,\n      Omit<GlobalAttributesT, keyof DefaultProps | keyof RequiredProps | keyof OptionalProps>,\n      XstyledProps {}\n}\n\nexport declare namespace DSBreadcrumbItemT {\n  export type SlotFunctionArguments = {\n    dsBreadcrumbCrumbWrapper: () => object;\n    dsBreadcrumbLink: () => object;\n  };\n\n  export interface DefaultProps {\n    active: boolean;\n    as: SafeItemComponentT;\n    onKeyDown: (e: React.KeyboardEvent, componentRefIndex: number, onClick: (e: React.MouseEvent) => void) => void;\n    onClick: (e: React.MouseEvent) => void;\n    label: string;\n    childIndex: number;\n  }\n\n  export interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<\n    typeof DSBreadcrumbName,\n    typeof BREADCRUMB_ITEM_SLOTS\n  > {\n    addRef?: React.MutableRefObject<HTMLDivElement | null> | React.RefCallback<HTMLDivElement>;\n    href?: string;\n    isTitle?: boolean;\n    trailingSlash?: boolean;\n  }\n\n  export interface Props\n    extends\n      Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends\n      DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT, keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n}\n\nexport const defaultProps: DSBreadcrumbT.DefaultProps = {\n  containerProps: {},\n  as: 'nav',\n  label: 'Breadcrumb',\n  isTitle: false,\n  trailingSlash: true,\n};\n\nexport const defaultItemProps: DSBreadcrumbItemT.DefaultProps = {\n  active: false,\n  as: 'a',\n  onKeyDown: () => null,\n  onClick: () => null,\n  label: '',\n  childIndex: -1,\n};\n\n// xstyled props stay typed on Props for backward compatibility, but they are left out of the documented schema:\n// they never reach the CSS of DSBreadcrumb and only partially reach the link of DSBreadcrumbItem\n// (see KNOWN_INTENTIONAL_DEVIATIONS.md)\nexport const DSBreadcrumbPropTypes: DSPropTypesSchema<Omit<DSBreadcrumbT.Props, keyof XstyledProps>> = {\n  ...getPropsPerSlotPropTypes(DSBreadcrumbName, BREADCRUMB_TRAIL_SLOTS),\n  ...globalAttributesPropTypes,\n  /** props injected to breadcrumb wrapper */\n  containerProps: PropTypes.object.description('props injected to breadcrumb wrapper'),\n  /**\n   * Type of element you want the main container to be:\n   * 'nav', 'div'\n   */\n  as: PropTypes.oneOf(['nav', 'div'])\n    .description(\"Type of element you want the main container to be: 'nav' or 'div'. Defaults to 'nav'.\")\n    .defaultValue('nav'),\n  /**\n   * Whether to show the last element of the breadcrumb as a title\n   * Also removes trailing slash to show last element as title\n   */\n  isTitle: PropTypes.bool.description(\n    'Whether to show the last element of the breadcrumb as a title. Also removes trailing slash to show last element as title',\n  ),\n  /** breadcrumb label */\n  label: PropTypes.string.description('breadcrumb label'),\n  /**\n   * Container items to wrap\n   */\n  trailingSlash: PropTypes.bool\n    .description('Whether to show trailing slash on all items except the last one')\n    .defaultValue(true),\n  children: PropTypes.arrayOf(PropTypes.element).isRequired.description('Container items to wrap'),\n};\n\n// a consumer innerRef replaces the addRef DSBreadcrumb relies on for arrow key navigation,\n// so the item schema keeps it hidden (see KNOWN_INTENTIONAL_DEVIATIONS.md)\nconst itemGlobalAttributesPropTypes = {\n  ...globalAttributesPropTypes,\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).hidden(),\n};\n\nexport const DSBreadcrumbItemPropTypes: DSPropTypesSchema<Omit<DSBreadcrumbItemT.Props, keyof XstyledProps>> = {\n  ...getPropsPerSlotPropTypes(DSBreadcrumbName, BREADCRUMB_ITEM_SLOTS),\n  ...itemGlobalAttributesPropTypes,\n  /**\n   * Type of element you want the item to be:\n   * 'a', 'button'\n   */\n  as: PropTypes.oneOf(['a', 'button'])\n    .description('Type of element you want the item to be: \"a\" or \"button\". Defaults to \"a\"')\n    .defaultValue('a'),\n  /** active item */\n  active: PropTypes.bool.description('Active item'),\n  /** href link */\n  href: PropTypes.string.description('Href link'),\n  /** on click handler */\n  onClick: PropTypes.func.description('On click handler'),\n  /** style item as title */\n  isTitle: PropTypes.bool.description('Style item as title'),\n  /** add trailing slash */\n  trailingSlash: PropTypes.bool.description('Add trailing slash'),\n  /** item label */\n  label: PropTypes.string.description('Item label'),\n  /** link color */\n  color: PropTypes.string.description('Link color'),\n  // injected by DSBreadcrumb into each of its items, not meant to be set by consumers\n  childIndex: PropTypes.number.hidden(),\n  addRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).hidden(),\n};\n\nexport const DSBreadcrumbPropTypesSchema = DSBreadcrumbPropTypes as unknown as ValidationMap<DSBreadcrumbT.Props>;\nexport const DSBreadcrumbItemPropTypesSchema =\n  DSBreadcrumbItemPropTypes as unknown as ValidationMap<DSBreadcrumbItemT.Props>;\n\nexport type { SafeComponentsT, SafeItemComponentT };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA+E;AAI/E,uBAAgF;AAsFzE,MAAM,eAA2C;AAAA,EACtD,gBAAgB,CAAC;AAAA,EACjB,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,eAAe;AACjB;AAEO,MAAM,mBAAmD;AAAA,EAC9D,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,WAAW,MAAM;AAAA,EACjB,SAAS,MAAM;AAAA,EACf,OAAO;AAAA,EACP,YAAY;AACd;AAKO,MAAM,wBAA0F;AAAA,EACrG,OAAG,kDAAyB,mCAAkB,uCAAsB;AAAA,EACpE,GAAG;AAAA;AAAA,EAEH,gBAAgB,kCAAU,OAAO,YAAY,sCAAsC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKnF,IAAI,kCAAU,MAAM,CAAC,OAAO,KAAK,CAAC,EAC/B,YAAY,uFAAuF,EACnG,aAAa,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrB,SAAS,kCAAU,KAAK;AAAA,IACtB;AAAA,EACF;AAAA;AAAA,EAEA,OAAO,kCAAU,OAAO,YAAY,kBAAkB;AAAA;AAAA;AAAA;AAAA,EAItD,eAAe,kCAAU,KACtB,YAAY,iEAAiE,EAC7E,aAAa,IAAI;AAAA,EACpB,UAAU,kCAAU,QAAQ,kCAAU,OAAO,EAAE,WAAW,YAAY,yBAAyB;AACjG;AAIA,MAAM,gCAAgC;AAAA,EACpC,GAAG;AAAA,EACH,UAAU,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,IAAI,CAAC,EAAE,OAAO;AAC3E;AAEO,MAAM,4BAAkG;AAAA,EAC7G,OAAG,kDAAyB,mCAAkB,sCAAqB;AAAA,EACnE,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,EAKH,IAAI,kCAAU,MAAM,CAAC,KAAK,QAAQ,CAAC,EAChC,YAAY,2EAA2E,EACvF,aAAa,GAAG;AAAA;AAAA,EAEnB,QAAQ,kCAAU,KAAK,YAAY,aAAa;AAAA;AAAA,EAEhD,MAAM,kCAAU,OAAO,YAAY,WAAW;AAAA;AAAA,EAE9C,SAAS,kCAAU,KAAK,YAAY,kBAAkB;AAAA;AAAA,EAEtD,SAAS,kCAAU,KAAK,YAAY,qBAAqB;AAAA;AAAA,EAEzD,eAAe,kCAAU,KAAK,YAAY,oBAAoB;AAAA;AAAA,EAE9D,OAAO,kCAAU,OAAO,YAAY,YAAY;AAAA;AAAA,EAEhD,OAAO,kCAAU,OAAO,YAAY,YAAY;AAAA;AAAA,EAEhD,YAAY,kCAAU,OAAO,OAAO;AAAA,EACpC,QAAQ,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,IAAI,CAAC,EAAE,OAAO;AACzE;AAEO,MAAM,8BAA8B;AACpC,MAAM,kCACX;",
   "names": []
 }

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

@@ -0,0 +1,46 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __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 TrailSlotPropsAsObject = {
+  dsBreadcrumbContainer: { "aria-label": "just a typescript test" },
+  dsBreadcrumbList: { "aria-label": "just a typescript test" }
+};
+const TrailSlotPropsAsFunctions = {
+  dsBreadcrumbContainer: () => ({ "aria-label": "just a typescript test" }),
+  dsBreadcrumbList: () => ({ "aria-label": "just a typescript test" })
+};
+const TrailSlotFunctionsAreValidProps = TrailSlotPropsAsFunctions;
+const EnsureAllTrailSlotsExistInSlotFunctionArguments = TrailSlotPropsAsFunctions;
+const ItemSlotPropsAsObject = {
+  dsBreadcrumbCrumbWrapper: { "aria-label": "just a typescript test" },
+  dsBreadcrumbLink: { "aria-label": "just a typescript test" }
+};
+const ItemSlotPropsAsFunctions = {
+  dsBreadcrumbCrumbWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsBreadcrumbLink: () => ({ "aria-label": "just a typescript test" })
+};
+const ItemSlotFunctionsAreValidProps = ItemSlotPropsAsFunctions;
+const EnsureAllItemSlotsExistInSlotFunctionArguments = ItemSlotPropsAsFunctions;
+const EnsureAllSlotsExistInSlotFunctionArguments = { ...TrailSlotPropsAsFunctions, ...ItemSlotPropsAsFunctions };
+//# 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 */\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type {\n  DSBreadcrumbName,\n  BREADCRUMB_SLOTS,\n  BREADCRUMB_TRAIL_SLOTS,\n  BREADCRUMB_ITEM_SLOTS,\n} from '../constants/index.js';\nimport type { DSBreadcrumbT, DSBreadcrumbItemT } from '../react-desc-prop-types.js';\n\n// DSBreadcrumb renders the trail slots\nconst TrailSlotPropsAsObject: Partial<DSBreadcrumbT.Props> = {\n  dsBreadcrumbContainer: { 'aria-label': 'just a typescript test' },\n  dsBreadcrumbList: { 'aria-label': 'just a typescript test' },\n};\n\nconst TrailSlotPropsAsFunctions: DSBreadcrumbT.SlotFunctionArguments = {\n  dsBreadcrumbContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsBreadcrumbList: () => ({ 'aria-label': 'just a typescript test' }),\n};\n\n// The function form must also be accepted by the public Props, slot by slot\nconst TrailSlotFunctionsAreValidProps: Partial<DSBreadcrumbT.Props> = TrailSlotPropsAsFunctions;\n\n// Exhaustiveness check \u2014 fails compilation if a trail slot is missing from SlotFunctionArguments\nconst EnsureAllTrailSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSBreadcrumbName, typeof BREADCRUMB_TRAIL_SLOTS>\n> = TrailSlotPropsAsFunctions;\n\n// DSBreadcrumbItem renders the item slots\nconst ItemSlotPropsAsObject: Partial<DSBreadcrumbItemT.Props> = {\n  dsBreadcrumbCrumbWrapper: { 'aria-label': 'just a typescript test' },\n  dsBreadcrumbLink: { 'aria-label': 'just a typescript test' },\n};\n\nconst ItemSlotPropsAsFunctions: DSBreadcrumbItemT.SlotFunctionArguments = {\n  dsBreadcrumbCrumbWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsBreadcrumbLink: () => ({ 'aria-label': 'just a typescript test' }),\n};\n\n// The function form must also be accepted by the public Props, slot by slot\nconst ItemSlotFunctionsAreValidProps: Partial<DSBreadcrumbItemT.Props> = ItemSlotPropsAsFunctions;\n\n// Exhaustiveness check \u2014 fails compilation if an item slot is missing from SlotFunctionArguments\nconst EnsureAllItemSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSBreadcrumbName, typeof BREADCRUMB_ITEM_SLOTS>\n> = ItemSlotPropsAsFunctions;\n\n// Exhaustiveness check across both components \u2014 fails compilation if a slot of BREADCRUMB_SLOTS is rendered by neither\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSBreadcrumbName, typeof BREADCRUMB_SLOTS>\n> = { ...TrailSlotPropsAsFunctions, ...ItemSlotPropsAsFunctions };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACWvB,MAAM,yBAAuD;AAAA,EAC3D,uBAAuB,EAAE,cAAc,yBAAyB;AAAA,EAChE,kBAAkB,EAAE,cAAc,yBAAyB;AAC7D;AAEA,MAAM,4BAAiE;AAAA,EACrE,uBAAuB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACvE,kBAAkB,OAAO,EAAE,cAAc,yBAAyB;AACpE;AAGA,MAAM,kCAAgE;AAGtE,MAAM,kDAEF;AAGJ,MAAM,wBAA0D;AAAA,EAC9D,0BAA0B,EAAE,cAAc,yBAAyB;AAAA,EACnE,kBAAkB,EAAE,cAAc,yBAAyB;AAC7D;AAEA,MAAM,2BAAoE;AAAA,EACxE,0BAA0B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC1E,kBAAkB,OAAO,EAAE,cAAc,yBAAyB;AACpE;AAGA,MAAM,iCAAmE;AAGzE,MAAM,iDAEF;AAGJ,MAAM,6CAEF,EAAE,GAAG,2BAA2B,GAAG,yBAAyB;",
+  "names": []
+}

package/dist/cjs/typescript-testing/typescript-breadcrumb-valid.js

@@ -77,6 +77,24 @@ const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)
   /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.DSBreadcrumb, { as: "nav", label: "Breadcrumb", isTitle: false, trailingSlash: true, containerProps: {}, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSBreadcrumbItem, { href: "/", label: "Home" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSBreadcrumbItem, { href: "/home", label: "Home2" })
-  ] })
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import__.DSBreadcrumb,
+    {
+      dsBreadcrumbContainer: { "aria-label": "Loan navigation" },
+      dsBreadcrumbList: () => ({ "data-custom": "list" }),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.DSBreadcrumbItem,
+          {
+            label: "Home",
+            dsBreadcrumbCrumbWrapper: { "data-custom": "crumb" },
+            dsBreadcrumbLink: () => ({ "aria-label": "Home page" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSBreadcrumb.Item, { label: "Loans", dsBreadcrumbLink: { "aria-label": "Loans page" } })
+      ]
+    }
+  )
 ] });
 //# sourceMappingURL=typescript-breadcrumb-valid.js.map

package/dist/cjs/typescript-testing/typescript-breadcrumb-valid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-breadcrumb-valid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSBreadcrumb, DSBreadcrumbItem } from '../index.js';\nimport type { DSBreadcrumbT, DSBreadcrumbItemT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSBreadcrumbT.Props;\ntype ComponentPropsInternals = DSBreadcrumbT.InternalProps;\ntype ComponentPropsDefaultProps = DSBreadcrumbT.DefaultProps;\ntype ComponentPropsRequiredProps = DSBreadcrumbT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  children: [],\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n//  Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  as: 'nav',\n  label: 'Breadcrumb',\n  isTitle: false,\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  as: 'nav',\n  label: 'Breadcrumb',\n  isTitle: false,\n  trailingSlash: true,\n  containerProps: {},\n};\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  children: [],\n  as: 'nav',\n  label: 'Breadcrumb',\n  isTitle: false,\n  trailingSlash: true,\n  containerProps: {},\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  children: [],\n  as: 'nav',\n  label: 'Breadcrumb',\n  isTitle: false,\n  trailingSlash: true,\n  containerProps: {},\n} as ComponentPropsForApp;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSBreadcrumb {...testExplicitDefinition} />\n    <DSBreadcrumb {...testInferedTypeCompatibility} />\n    {/* works with inline values */}\n    <DSBreadcrumb as=\"nav\" label=\"Breadcrumb\" isTitle={false} trailingSlash containerProps={{}}>\n      <DSBreadcrumbItem href=\"/\" label=\"Home\" />\n      <DSBreadcrumbItem href=\"/home\" label=\"Home2\" />\n    </DSBreadcrumb>\n  </>\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACoErB;AAnEF,eAA+C;AAS/C,MAAM,oBAAiD;AAAA,EACrD,UAAU,CAAC;AACb;AAIA,MAAM,sBAA2D;AAAA,EAC/D,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,SAAS;AACX;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,uBAA6D;AAAA,EACjE,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,eAAe;AAAA,EACf,gBAAgB,CAAC;AACnB;AACA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,UAAU,CAAC;AAAA,EACX,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,eAAe;AAAA,EACf,gBAAgB,CAAC;AACnB;AAGA,MAAM,+BAA+B;AAAA,EACnC,UAAU,CAAC;AAAA,EACX,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,eAAe;AAAA,EACf,gBAAgB,CAAC;AACnB;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,yBAAc,GAAG,wBAAwB;AAAA,EAC1C,4CAAC,yBAAc,GAAG,8BAA8B;AAAA,EAEhD,6CAAC,yBAAa,IAAG,OAAM,OAAM,cAAa,SAAS,OAAO,eAAa,MAAC,gBAAgB,CAAC,GACvF;AAAA,gDAAC,6BAAiB,MAAK,KAAI,OAAM,QAAO;AAAA,IACxC,4CAAC,6BAAiB,MAAK,SAAQ,OAAM,SAAQ;AAAA,KAC/C;AAAA,GACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSBreadcrumb, DSBreadcrumbItem } from '../index.js';\nimport type { DSBreadcrumbT, DSBreadcrumbItemT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSBreadcrumbT.Props;\ntype ComponentPropsInternals = DSBreadcrumbT.InternalProps;\ntype ComponentPropsDefaultProps = DSBreadcrumbT.DefaultProps;\ntype ComponentPropsRequiredProps = DSBreadcrumbT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  children: [],\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n//  Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  as: 'nav',\n  label: 'Breadcrumb',\n  isTitle: false,\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  as: 'nav',\n  label: 'Breadcrumb',\n  isTitle: false,\n  trailingSlash: true,\n  containerProps: {},\n};\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  children: [],\n  as: 'nav',\n  label: 'Breadcrumb',\n  isTitle: false,\n  trailingSlash: true,\n  containerProps: {},\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  children: [],\n  as: 'nav',\n  label: 'Breadcrumb',\n  isTitle: false,\n  trailingSlash: true,\n  containerProps: {},\n} as ComponentPropsForApp;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSBreadcrumb {...testExplicitDefinition} />\n    <DSBreadcrumb {...testInferedTypeCompatibility} />\n    {/* works with inline values */}\n    <DSBreadcrumb as=\"nav\" label=\"Breadcrumb\" isTitle={false} trailingSlash containerProps={{}}>\n      <DSBreadcrumbItem href=\"/\" label=\"Home\" />\n      <DSBreadcrumbItem href=\"/home\" label=\"Home2\" />\n    </DSBreadcrumb>\n    {/* works with slot props, object and function forms: trail slots on DSBreadcrumb, item slots on each item */}\n    <DSBreadcrumb\n      dsBreadcrumbContainer={{ 'aria-label': 'Loan navigation' }}\n      dsBreadcrumbList={() => ({ 'data-custom': 'list' })}\n    >\n      <DSBreadcrumbItem\n        label=\"Home\"\n        dsBreadcrumbCrumbWrapper={{ 'data-custom': 'crumb' }}\n        dsBreadcrumbLink={() => ({ 'aria-label': 'Home page' })}\n      />\n      <DSBreadcrumb.Item label=\"Loans\" dsBreadcrumbLink={{ 'aria-label': 'Loans page' }} />\n    </DSBreadcrumb>\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACoErB;AAnEF,eAA+C;AAS/C,MAAM,oBAAiD;AAAA,EACrD,UAAU,CAAC;AACb;AAIA,MAAM,sBAA2D;AAAA,EAC/D,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,SAAS;AACX;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,uBAA6D;AAAA,EACjE,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,eAAe;AAAA,EACf,gBAAgB,CAAC;AACnB;AACA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,UAAU,CAAC;AAAA,EACX,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,eAAe;AAAA,EACf,gBAAgB,CAAC;AACnB;AAGA,MAAM,+BAA+B;AAAA,EACnC,UAAU,CAAC;AAAA,EACX,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,eAAe;AAAA,EACf,gBAAgB,CAAC;AACnB;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,yBAAc,GAAG,wBAAwB;AAAA,EAC1C,4CAAC,yBAAc,GAAG,8BAA8B;AAAA,EAEhD,6CAAC,yBAAa,IAAG,OAAM,OAAM,cAAa,SAAS,OAAO,eAAa,MAAC,gBAAgB,CAAC,GACvF;AAAA,gDAAC,6BAAiB,MAAK,KAAI,OAAM,QAAO;AAAA,IACxC,4CAAC,6BAAiB,MAAK,SAAQ,OAAM,SAAQ;AAAA,KAC/C;AAAA,EAEA;AAAA,IAAC;AAAA;AAAA,MACC,uBAAuB,EAAE,cAAc,kBAAkB;AAAA,MACzD,kBAAkB,OAAO,EAAE,eAAe,OAAO;AAAA,MAEjD;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,0BAA0B,EAAE,eAAe,QAAQ;AAAA,YACnD,kBAAkB,OAAO,EAAE,cAAc,YAAY;AAAA;AAAA,QACvD;AAAA,QACA,4CAAC,sBAAa,MAAb,EAAkB,OAAM,SAAQ,kBAAkB,EAAE,cAAc,aAAa,GAAG;AAAA;AAAA;AAAA,EACrF;AAAA,GACF;",
   "names": []
 }