@fluentui/react-breadcrumb 9.3.16 → 9.4.0

package/lib/components/BreadcrumbItem/useBreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/BreadcrumbItem/useBreadcrumbItem.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { BreadcrumbItemProps, BreadcrumbItemState } from './BreadcrumbItem.types';\nimport { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';\n\n/**\n * Create the state required to render BreadcrumbItem.\n *\n * The returned state can be modified with hooks such as useBreadcrumbItemStyles_unstable,\n * before being passed to renderBreadcrumbItem_unstable.\n *\n * @param props - props from this instance of BreadcrumbItem\n * @param ref - reference to root HTMLElement of BreadcrumbItem\n */\nexport const useBreadcrumbItem_unstable = (\n  props: BreadcrumbItemProps,\n  ref: React.Ref<HTMLLIElement>,\n): BreadcrumbItemState => {\n  const { size } = useBreadcrumbContext_unstable();\n\n  return {\n    components: { root: 'li' },\n    root: slot.always(\n      getIntrinsicElementProps('li', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'li' },\n    ),\n    size,\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useBreadcrumbContext_unstable","useBreadcrumbItem_unstable","props","ref","size","components","root","always","elementType"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAE3E,SAASC,6BAA6B,QAAQ,kCAAkC;AAEhF;;;;;;;;CAQC,GACD,OAAO,MAAMC,6BAA6B,CACxCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGJ;IAEjB,OAAO;QACLK,YAAY;YAAEC,MAAM;QAAK;QACzBA,MAAMP,KAAKQ,MAAM,CACfT,yBAAyB,MAAM;YAC7BK;YACA,GAAGD,KAAK;QACV,IACA;YAAEM,aAAa;QAAK;QAEtBJ;IACF;AACF,EAAE"}
+{"version":3,"sources":["../src/components/BreadcrumbItem/useBreadcrumbItem.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type {\n  BreadcrumbItemBaseProps,\n  BreadcrumbItemBaseState,\n  BreadcrumbItemProps,\n  BreadcrumbItemState,\n} from './BreadcrumbItem.types';\nimport { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';\n\n/**\n * Create the state required to render BreadcrumbItem.\n *\n * The returned state can be modified with hooks such as useBreadcrumbItemStyles_unstable,\n * before being passed to renderBreadcrumbItem_unstable.\n *\n * @param props - props from this instance of BreadcrumbItem\n * @param ref - reference to root HTMLElement of BreadcrumbItem\n */\nexport const useBreadcrumbItem_unstable = (\n  props: BreadcrumbItemProps,\n  ref: React.Ref<HTMLLIElement>,\n): BreadcrumbItemState => {\n  const { size } = useBreadcrumbContext_unstable();\n  const state = useBreadcrumbItemBase_unstable(props, ref);\n\n  return {\n    ...state,\n    size,\n  };\n};\n\n/**\n * Base hook for BreadcrumbItem component, which manages state related to slots structure\n * without design props. Note: size is provided via BreadcrumbContext in the full hook.\n *\n * @param props - props from this instance of BreadcrumbItem\n * @param ref - reference to root HTMLElement of BreadcrumbItem\n */\nexport const useBreadcrumbItemBase_unstable = (\n  props: BreadcrumbItemBaseProps,\n  ref: React.Ref<HTMLLIElement>,\n): BreadcrumbItemBaseState => {\n  return {\n    components: { root: 'li' },\n    root: slot.always(\n      getIntrinsicElementProps('li', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'li' },\n    ),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useBreadcrumbContext_unstable","useBreadcrumbItem_unstable","props","ref","size","state","useBreadcrumbItemBase_unstable","components","root","always","elementType"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAO3E,SAASC,6BAA6B,QAAQ,kCAAkC;AAEhF;;;;;;;;CAQC,GACD,OAAO,MAAMC,6BAA6B,CACxCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGJ;IACjB,MAAMK,QAAQC,+BAA+BJ,OAAOC;IAEpD,OAAO;QACL,GAAGE,KAAK;QACRD;IACF;AACF,EAAE;AAEF;;;;;;CAMC,GACD,OAAO,MAAME,iCAAiC,CAC5CJ,OACAC;IAEA,OAAO;QACLI,YAAY;YAAEC,MAAM;QAAK;QACzBA,MAAMT,KAAKU,MAAM,CACfX,yBAAyB,MAAM;YAC7BK;YACA,GAAGD,KAAK;QACV,IACA;YAAEQ,aAAa;QAAK;IAExB;AACF,EAAE"}

package/lib/index.js

@@ -1,6 +1,6 @@
-export { Breadcrumb, renderBreadcrumb_unstable, useBreadcrumb_unstable, useBreadcrumbStyles_unstable, breadcrumbClassNames } from './Breadcrumb';
-export { BreadcrumbDivider, breadcrumbDividerClassNames, renderBreadcrumbDivider_unstable, useBreadcrumbDividerStyles_unstable, useBreadcrumbDivider_unstable } from './BreadcrumbDivider';
-export { BreadcrumbItem, breadcrumbItemClassNames, renderBreadcrumbItem_unstable, useBreadcrumbItemStyles_unstable, useBreadcrumbItem_unstable } from './BreadcrumbItem';
+export { Breadcrumb, renderBreadcrumb_unstable, useBreadcrumb_unstable, useBreadcrumbBase_unstable, useBreadcrumbA11yBehavior_unstable, useBreadcrumbStyles_unstable, breadcrumbClassNames } from './Breadcrumb';
+export { BreadcrumbDivider, breadcrumbDividerClassNames, renderBreadcrumbDivider_unstable, useBreadcrumbDividerStyles_unstable, useBreadcrumbDivider_unstable, useBreadcrumbDividerBase_unstable } from './BreadcrumbDivider';
+export { BreadcrumbItem, breadcrumbItemClassNames, renderBreadcrumbItem_unstable, useBreadcrumbItemStyles_unstable, useBreadcrumbItem_unstable, useBreadcrumbItemBase_unstable } from './BreadcrumbItem';
 export { partitionBreadcrumbItems, truncateBreadcrumbLongName, truncateBreadcrumLongTooltip, isTruncatableBreadcrumbContent } from './utils/index';
-export { BreadcrumbButton, breadcrumbButtonClassNames, renderBreadcrumbButton_unstable, useBreadcrumbButtonStyles_unstable, useBreadcrumbButton_unstable } from './BreadcrumbButton';
+export { BreadcrumbButton, breadcrumbButtonClassNames, renderBreadcrumbButton_unstable, useBreadcrumbButtonStyles_unstable, useBreadcrumbButton_unstable, useBreadcrumbButtonBase_unstable } from './BreadcrumbButton';
 export { BreadcrumbProvider, useBreadcrumbContext_unstable } from './Breadcrumb';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Breadcrumb,\n  renderBreadcrumb_unstable,\n  useBreadcrumb_unstable,\n  useBreadcrumbStyles_unstable,\n  breadcrumbClassNames,\n} from './Breadcrumb';\nexport type { BreadcrumbSlots, BreadcrumbProps, BreadcrumbState } from './Breadcrumb';\nexport {\n  BreadcrumbDivider,\n  breadcrumbDividerClassNames,\n  renderBreadcrumbDivider_unstable,\n  useBreadcrumbDividerStyles_unstable,\n  useBreadcrumbDivider_unstable,\n} from './BreadcrumbDivider';\nexport type { BreadcrumbDividerProps, BreadcrumbDividerSlots, BreadcrumbDividerState } from './BreadcrumbDivider';\nexport {\n  BreadcrumbItem,\n  breadcrumbItemClassNames,\n  renderBreadcrumbItem_unstable,\n  useBreadcrumbItemStyles_unstable,\n  useBreadcrumbItem_unstable,\n} from './BreadcrumbItem';\nexport type { BreadcrumbItemProps, BreadcrumbItemSlots, BreadcrumbItemState } from './BreadcrumbItem';\nexport {\n  partitionBreadcrumbItems,\n  truncateBreadcrumbLongName,\n  truncateBreadcrumLongTooltip,\n  isTruncatableBreadcrumbContent,\n} from './utils/index';\nexport type { PartitionBreadcrumbItemsOptions, PartitionBreadcrumbItems } from './utils/index';\nexport {\n  BreadcrumbButton,\n  breadcrumbButtonClassNames,\n  renderBreadcrumbButton_unstable,\n  useBreadcrumbButtonStyles_unstable,\n  useBreadcrumbButton_unstable,\n} from './BreadcrumbButton';\nexport type { BreadcrumbButtonProps, BreadcrumbButtonSlots, BreadcrumbButtonState } from './BreadcrumbButton';\nexport { BreadcrumbProvider, useBreadcrumbContext_unstable } from './Breadcrumb';\nexport type { BreadcrumbContextValues } from './Breadcrumb';\n"],"names":["Breadcrumb","renderBreadcrumb_unstable","useBreadcrumb_unstable","useBreadcrumbStyles_unstable","breadcrumbClassNames","BreadcrumbDivider","breadcrumbDividerClassNames","renderBreadcrumbDivider_unstable","useBreadcrumbDividerStyles_unstable","useBreadcrumbDivider_unstable","BreadcrumbItem","breadcrumbItemClassNames","renderBreadcrumbItem_unstable","useBreadcrumbItemStyles_unstable","useBreadcrumbItem_unstable","partitionBreadcrumbItems","truncateBreadcrumbLongName","truncateBreadcrumLongTooltip","isTruncatableBreadcrumbContent","BreadcrumbButton","breadcrumbButtonClassNames","renderBreadcrumbButton_unstable","useBreadcrumbButtonStyles_unstable","useBreadcrumbButton_unstable","BreadcrumbProvider","useBreadcrumbContext_unstable"],"mappings":"AAAA,SACEA,UAAU,EACVC,yBAAyB,EACzBC,sBAAsB,EACtBC,4BAA4B,EAC5BC,oBAAoB,QACf,eAAe;AAEtB,SACEC,iBAAiB,EACjBC,2BAA2B,EAC3BC,gCAAgC,EAChCC,mCAAmC,EACnCC,6BAA6B,QACxB,sBAAsB;AAE7B,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,QACrB,mBAAmB;AAE1B,SACEC,wBAAwB,EACxBC,0BAA0B,EAC1BC,4BAA4B,EAC5BC,8BAA8B,QACzB,gBAAgB;AAEvB,SACEC,gBAAgB,EAChBC,0BAA0B,EAC1BC,+BAA+B,EAC/BC,kCAAkC,EAClCC,4BAA4B,QACvB,qBAAqB;AAE5B,SAASC,kBAAkB,EAAEC,6BAA6B,QAAQ,eAAe"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Breadcrumb,\n  renderBreadcrumb_unstable,\n  useBreadcrumb_unstable,\n  useBreadcrumbBase_unstable,\n  useBreadcrumbA11yBehavior_unstable,\n  useBreadcrumbStyles_unstable,\n  breadcrumbClassNames,\n} from './Breadcrumb';\nexport type {\n  BreadcrumbSlots,\n  BreadcrumbProps,\n  BreadcrumbState,\n  BreadcrumbBaseProps,\n  BreadcrumbBaseState,\n} from './Breadcrumb';\nexport {\n  BreadcrumbDivider,\n  breadcrumbDividerClassNames,\n  renderBreadcrumbDivider_unstable,\n  useBreadcrumbDividerStyles_unstable,\n  useBreadcrumbDivider_unstable,\n  useBreadcrumbDividerBase_unstable,\n} from './BreadcrumbDivider';\nexport type {\n  BreadcrumbDividerProps,\n  BreadcrumbDividerSlots,\n  BreadcrumbDividerState,\n  BreadcrumbDividerBaseProps,\n  BreadcrumbDividerBaseState,\n} from './BreadcrumbDivider';\nexport {\n  BreadcrumbItem,\n  breadcrumbItemClassNames,\n  renderBreadcrumbItem_unstable,\n  useBreadcrumbItemStyles_unstable,\n  useBreadcrumbItem_unstable,\n  useBreadcrumbItemBase_unstable,\n} from './BreadcrumbItem';\nexport type {\n  BreadcrumbItemProps,\n  BreadcrumbItemSlots,\n  BreadcrumbItemState,\n  BreadcrumbItemBaseProps,\n  BreadcrumbItemBaseState,\n} from './BreadcrumbItem';\nexport {\n  partitionBreadcrumbItems,\n  truncateBreadcrumbLongName,\n  truncateBreadcrumLongTooltip,\n  isTruncatableBreadcrumbContent,\n} from './utils/index';\nexport type { PartitionBreadcrumbItemsOptions, PartitionBreadcrumbItems } from './utils/index';\nexport {\n  BreadcrumbButton,\n  breadcrumbButtonClassNames,\n  renderBreadcrumbButton_unstable,\n  useBreadcrumbButtonStyles_unstable,\n  useBreadcrumbButton_unstable,\n  useBreadcrumbButtonBase_unstable,\n} from './BreadcrumbButton';\nexport type {\n  BreadcrumbButtonProps,\n  BreadcrumbButtonSlots,\n  BreadcrumbButtonState,\n  BreadcrumbButtonBaseProps,\n  BreadcrumbButtonBaseState,\n} from './BreadcrumbButton';\nexport { BreadcrumbProvider, useBreadcrumbContext_unstable } from './Breadcrumb';\nexport type { BreadcrumbContextValues } from './Breadcrumb';\n"],"names":["Breadcrumb","renderBreadcrumb_unstable","useBreadcrumb_unstable","useBreadcrumbBase_unstable","useBreadcrumbA11yBehavior_unstable","useBreadcrumbStyles_unstable","breadcrumbClassNames","BreadcrumbDivider","breadcrumbDividerClassNames","renderBreadcrumbDivider_unstable","useBreadcrumbDividerStyles_unstable","useBreadcrumbDivider_unstable","useBreadcrumbDividerBase_unstable","BreadcrumbItem","breadcrumbItemClassNames","renderBreadcrumbItem_unstable","useBreadcrumbItemStyles_unstable","useBreadcrumbItem_unstable","useBreadcrumbItemBase_unstable","partitionBreadcrumbItems","truncateBreadcrumbLongName","truncateBreadcrumLongTooltip","isTruncatableBreadcrumbContent","BreadcrumbButton","breadcrumbButtonClassNames","renderBreadcrumbButton_unstable","useBreadcrumbButtonStyles_unstable","useBreadcrumbButton_unstable","useBreadcrumbButtonBase_unstable","BreadcrumbProvider","useBreadcrumbContext_unstable"],"mappings":"AAAA,SACEA,UAAU,EACVC,yBAAyB,EACzBC,sBAAsB,EACtBC,0BAA0B,EAC1BC,kCAAkC,EAClCC,4BAA4B,EAC5BC,oBAAoB,QACf,eAAe;AAQtB,SACEC,iBAAiB,EACjBC,2BAA2B,EAC3BC,gCAAgC,EAChCC,mCAAmC,EACnCC,6BAA6B,EAC7BC,iCAAiC,QAC5B,sBAAsB;AAQ7B,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,EAC1BC,8BAA8B,QACzB,mBAAmB;AAQ1B,SACEC,wBAAwB,EACxBC,0BAA0B,EAC1BC,4BAA4B,EAC5BC,8BAA8B,QACzB,gBAAgB;AAEvB,SACEC,gBAAgB,EAChBC,0BAA0B,EAC1BC,+BAA+B,EAC/BC,kCAAkC,EAClCC,4BAA4B,EAC5BC,gCAAgC,QAC3B,qBAAqB;AAQ5B,SAASC,kBAAkB,EAAEC,6BAA6B,QAAQ,eAAe"}

package/lib-commonjs/Breadcrumb.js

@@ -24,6 +24,12 @@ _export(exports, {
     renderBreadcrumb_unstable: function() {
         return _index.renderBreadcrumb_unstable;
     },
+    useBreadcrumbA11yBehavior_unstable: function() {
+        return _index.useBreadcrumbA11yBehavior_unstable;
+    },
+    useBreadcrumbBase_unstable: function() {
+        return _index.useBreadcrumbBase_unstable;
+    },
     useBreadcrumbContext_unstable: function() {
         return _index.useBreadcrumbContext_unstable;
     },

package/lib-commonjs/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Breadcrumb.ts"],"sourcesContent":["export type {\n  BreadcrumbContextValues,\n  BreadcrumbProps,\n  BreadcrumbSlots,\n  BreadcrumbState,\n} from './components/Breadcrumb/index';\nexport {\n  Breadcrumb,\n  BreadcrumbProvider,\n  breadcrumbClassNames,\n  breadcrumbDefaultValue,\n  renderBreadcrumb_unstable,\n  useBreadcrumbContext_unstable,\n  useBreadcrumbStyles_unstable,\n  useBreadcrumb_unstable,\n} from './components/Breadcrumb/index';\n"],"names":["Breadcrumb","BreadcrumbProvider","breadcrumbClassNames","breadcrumbDefaultValue","renderBreadcrumb_unstable","useBreadcrumbContext_unstable","useBreadcrumbStyles_unstable","useBreadcrumb_unstable"],"mappings":";;;;;;;;;;;IAOEA;gCAAU;;;eACVC,yBAAkB;;;eAClBC,2BAAoB;;;eACpBC,6BAAsB;;;eACtBC,gCAAyB;;;eACzBC,oCAA6B;;;eAC7BC,mCAA4B;;;eAC5BC,6BAAsB;;;uBACjB,gCAAgC"}
+{"version":3,"sources":["../src/Breadcrumb.ts"],"sourcesContent":["export type {\n  BreadcrumbContextValues,\n  BreadcrumbProps,\n  BreadcrumbSlots,\n  BreadcrumbState,\n  BreadcrumbBaseProps,\n  BreadcrumbBaseState,\n} from './components/Breadcrumb/index';\nexport {\n  Breadcrumb,\n  BreadcrumbProvider,\n  breadcrumbClassNames,\n  breadcrumbDefaultValue,\n  renderBreadcrumb_unstable,\n  useBreadcrumbContext_unstable,\n  useBreadcrumbStyles_unstable,\n  useBreadcrumb_unstable,\n  useBreadcrumbBase_unstable,\n  useBreadcrumbA11yBehavior_unstable,\n} from './components/Breadcrumb/index';\n"],"names":["Breadcrumb","BreadcrumbProvider","breadcrumbClassNames","breadcrumbDefaultValue","renderBreadcrumb_unstable","useBreadcrumbContext_unstable","useBreadcrumbStyles_unstable","useBreadcrumb_unstable","useBreadcrumbBase_unstable","useBreadcrumbA11yBehavior_unstable"],"mappings":";;;;;;;;;;;IASEA;gCAAU;;;eACVC,yBAAkB;;;eAClBC,2BAAoB;;;eACpBC,6BAAsB;;;eACtBC,gCAAyB;;;eAKzBK,yCAAkC;;8BADR;eAA1BD;;;eAHAH,oCAA6B;;gCACD;eAA5BC;;;eACAC,6BAAsB;;;uBAGjB,gCAAgC"}

package/lib-commonjs/BreadcrumbButton.js

@@ -18,6 +18,9 @@ _export(exports, {
     renderBreadcrumbButton_unstable: function() {
         return _index.renderBreadcrumbButton_unstable;
     },
+    useBreadcrumbButtonBase_unstable: function() {
+        return _index.useBreadcrumbButtonBase_unstable;
+    },
     useBreadcrumbButtonStyles_unstable: function() {
         return _index.useBreadcrumbButtonStyles_unstable;
     },

package/lib-commonjs/BreadcrumbButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/BreadcrumbButton.ts"],"sourcesContent":["export type {\n  BreadcrumbButtonProps,\n  BreadcrumbButtonSlots,\n  BreadcrumbButtonState,\n} from './components/BreadcrumbButton/index';\nexport {\n  BreadcrumbButton,\n  breadcrumbButtonClassNames,\n  renderBreadcrumbButton_unstable,\n  useBreadcrumbButtonStyles_unstable,\n  useBreadcrumbButton_unstable,\n} from './components/BreadcrumbButton/index';\n"],"names":["BreadcrumbButton","breadcrumbButtonClassNames","renderBreadcrumbButton_unstable","useBreadcrumbButtonStyles_unstable","useBreadcrumbButton_unstable"],"mappings":";;;;;;;;;;;;eAMEA,uBAAgB;;;eAChBC,iCAA0B;;;eAC1BC,sCAA+B;;;eAC/BC,yCAAkC;;;eAClCC,mCAA4B;;;uBACvB,sCAAsC"}
+{"version":3,"sources":["../src/BreadcrumbButton.ts"],"sourcesContent":["export type {\n  BreadcrumbButtonProps,\n  BreadcrumbButtonSlots,\n  BreadcrumbButtonState,\n  BreadcrumbButtonBaseProps,\n  BreadcrumbButtonBaseState,\n} from './components/BreadcrumbButton/index';\nexport {\n  BreadcrumbButton,\n  breadcrumbButtonClassNames,\n  renderBreadcrumbButton_unstable,\n  useBreadcrumbButtonStyles_unstable,\n  useBreadcrumbButton_unstable,\n  useBreadcrumbButtonBase_unstable,\n} from './components/BreadcrumbButton/index';\n"],"names":["BreadcrumbButton","breadcrumbButtonClassNames","renderBreadcrumbButton_unstable","useBreadcrumbButtonStyles_unstable","useBreadcrumbButton_unstable","useBreadcrumbButtonBase_unstable"],"mappings":";;;;;;;;;;;;eAQEA,uBAAgB;;;eAChBC,iCAA0B;;;eAC1BC,sCAA+B;;;eAG/BG,uCAAgC;;;eAFhCF,yCAAkC;;;eAClCC,mCAA4B;;;uBAEvB,sCAAsC"}

package/lib-commonjs/BreadcrumbDivider.js

@@ -18,6 +18,9 @@ _export(exports, {
     renderBreadcrumbDivider_unstable: function() {
         return _index.renderBreadcrumbDivider_unstable;
     },
+    useBreadcrumbDividerBase_unstable: function() {
+        return _index.useBreadcrumbDividerBase_unstable;
+    },
     useBreadcrumbDividerStyles_unstable: function() {
         return _index.useBreadcrumbDividerStyles_unstable;
     },

package/lib-commonjs/BreadcrumbDivider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/BreadcrumbDivider.ts"],"sourcesContent":["export type {\n  BreadcrumbDividerProps,\n  BreadcrumbDividerSlots,\n  BreadcrumbDividerState,\n} from './components/BreadcrumbDivider/index';\nexport {\n  BreadcrumbDivider,\n  breadcrumbDividerClassNames,\n  renderBreadcrumbDivider_unstable,\n  useBreadcrumbDividerStyles_unstable,\n  useBreadcrumbDivider_unstable,\n} from './components/BreadcrumbDivider/index';\n"],"names":["BreadcrumbDivider","breadcrumbDividerClassNames","renderBreadcrumbDivider_unstable","useBreadcrumbDividerStyles_unstable","useBreadcrumbDivider_unstable"],"mappings":";;;;;;;;;;;;eAMEA,wBAAiB;;;eACjBC,kCAA2B;;;eAC3BC,uCAAgC;;;eAChCC,0CAAmC;;;eACnCC,oCAA6B;;;uBACxB,uCAAuC"}
+{"version":3,"sources":["../src/BreadcrumbDivider.ts"],"sourcesContent":["export type {\n  BreadcrumbDividerProps,\n  BreadcrumbDividerSlots,\n  BreadcrumbDividerState,\n  BreadcrumbDividerBaseProps,\n  BreadcrumbDividerBaseState,\n} from './components/BreadcrumbDivider/index';\nexport {\n  BreadcrumbDivider,\n  breadcrumbDividerClassNames,\n  renderBreadcrumbDivider_unstable,\n  useBreadcrumbDividerStyles_unstable,\n  useBreadcrumbDivider_unstable,\n  useBreadcrumbDividerBase_unstable,\n} from './components/BreadcrumbDivider/index';\n"],"names":["BreadcrumbDivider","breadcrumbDividerClassNames","renderBreadcrumbDivider_unstable","useBreadcrumbDividerStyles_unstable","useBreadcrumbDivider_unstable","useBreadcrumbDividerBase_unstable"],"mappings":";;;;;;;;;;;;eAQEA,wBAAiB;;;eACjBC,kCAA2B;;;eAC3BC,uCAAgC;;;eAGhCG,wCAAiC;;;eAFjCF,0CAAmC;;;eACnCC,oCAA6B;;;uBAExB,uCAAuC"}

package/lib-commonjs/BreadcrumbItem.js

@@ -18,6 +18,9 @@ _export(exports, {
     renderBreadcrumbItem_unstable: function() {
         return _index.renderBreadcrumbItem_unstable;
     },
+    useBreadcrumbItemBase_unstable: function() {
+        return _index.useBreadcrumbItemBase_unstable;
+    },
     useBreadcrumbItemStyles_unstable: function() {
         return _index.useBreadcrumbItemStyles_unstable;
     },

package/lib-commonjs/BreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/BreadcrumbItem.ts"],"sourcesContent":["export type { BreadcrumbItemProps, BreadcrumbItemSlots, BreadcrumbItemState } from './components/BreadcrumbItem/index';\nexport {\n  BreadcrumbItem,\n  breadcrumbItemClassNames,\n  renderBreadcrumbItem_unstable,\n  useBreadcrumbItemStyles_unstable,\n  useBreadcrumbItem_unstable,\n} from './components/BreadcrumbItem/index';\n"],"names":["BreadcrumbItem","breadcrumbItemClassNames","renderBreadcrumbItem_unstable","useBreadcrumbItemStyles_unstable","useBreadcrumbItem_unstable"],"mappings":";;;;;;;;;;;;eAEEA,qBAAc;;;eACdC,+BAAwB;;;eACxBC,oCAA6B;;;eAC7BC,uCAAgC;;;eAChCC,iCAA0B;;;uBACrB,oCAAoC"}
+{"version":3,"sources":["../src/BreadcrumbItem.ts"],"sourcesContent":["export type {\n  BreadcrumbItemProps,\n  BreadcrumbItemSlots,\n  BreadcrumbItemState,\n  BreadcrumbItemBaseProps,\n  BreadcrumbItemBaseState,\n} from './components/BreadcrumbItem/index';\nexport {\n  BreadcrumbItem,\n  breadcrumbItemClassNames,\n  renderBreadcrumbItem_unstable,\n  useBreadcrumbItemStyles_unstable,\n  useBreadcrumbItem_unstable,\n  useBreadcrumbItemBase_unstable,\n} from './components/BreadcrumbItem/index';\n"],"names":["BreadcrumbItem","breadcrumbItemClassNames","renderBreadcrumbItem_unstable","useBreadcrumbItemStyles_unstable","useBreadcrumbItem_unstable","useBreadcrumbItemBase_unstable"],"mappings":";;;;;;;;;;;;eAQEA,qBAAc;;;eACdC,+BAAwB;;;eACxBC,oCAA6B;;;eAG7BG,qCAA8B;;;eAF9BF,uCAAgC;;;eAChCC,iCAA0B;;;uBAErB,oCAAoC"}

package/lib-commonjs/components/Breadcrumb/Breadcrumb.types.js

@@ -1,6 +1,4 @@
-/**
- * State used in rendering Breadcrumb
- */ "use strict";
+"use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

package/lib-commonjs/components/Breadcrumb/Breadcrumb.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Breadcrumb/Breadcrumb.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Data shared between breadcrumb components\n */\nexport type BreadcrumbContextValues = Required<Pick<BreadcrumbProps, 'size'>>;\n\nexport type BreadcrumbSlots = {\n  /**\n   * Root element of the component.\n   */\n  root: Slot<'nav'>;\n  /**\n   * Ordered list which contains items.\n   */\n  list?: Slot<'ol'>;\n};\n\n/**\n * Breadcrumb Props\n */\nexport type BreadcrumbProps = ComponentProps<BreadcrumbSlots> & {\n  /**\n   * Sets the focus behavior for the Breadcrumb.\n   *\n   * `tab`\n   * This behaviour will cycle through all elements inside of the Breadcrumb when pressing the Tab key and then release focus\n   * after the last inner element.\n   *\n   * `arrow`\n   * This behaviour will cycle through all elements inside of the Breadcrumb when pressing the Arrow key.\n   *\n   * @default 'tab'\n   */\n  focusMode?: 'arrow' | 'tab';\n\n  /**\n   * Controls size of Breadcrumb items and dividers.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n};\n\n/**\n * State used in rendering Breadcrumb\n */\nexport type BreadcrumbState = ComponentState<BreadcrumbSlots> & Required<Pick<BreadcrumbProps, 'size'>>;\n"],"names":[],"mappings":"AA4CA;;CAEC,GACD,WAAwG"}
+{"version":3,"sources":["../src/components/Breadcrumb/Breadcrumb.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Data shared between breadcrumb components\n */\nexport type BreadcrumbContextValues = Required<Pick<BreadcrumbProps, 'size'>>;\n\nexport type BreadcrumbSlots = {\n  /**\n   * Root element of the component.\n   */\n  root: Slot<'nav'>;\n  /**\n   * Ordered list which contains items.\n   */\n  list?: Slot<'ol'>;\n};\n\n/**\n * Breadcrumb Props\n */\nexport type BreadcrumbProps = ComponentProps<BreadcrumbSlots> & {\n  /**\n   * Sets the focus behavior for the Breadcrumb.\n   *\n   * `tab`\n   * This behaviour will cycle through all elements inside of the Breadcrumb when pressing the Tab key and then release focus\n   * after the last inner element.\n   *\n   * `arrow`\n   * This behaviour will cycle through all elements inside of the Breadcrumb when pressing the Arrow key.\n   *\n   * @default 'tab'\n   */\n  focusMode?: 'arrow' | 'tab';\n\n  /**\n   * Controls size of Breadcrumb items and dividers.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n};\n\n/**\n * State used in rendering Breadcrumb\n */\nexport type BreadcrumbState = ComponentState<BreadcrumbSlots> & Required<Pick<BreadcrumbProps, 'size'>>;\n\nexport type BreadcrumbBaseProps = Omit<BreadcrumbProps, 'size'>;\n\nexport type BreadcrumbBaseState = Omit<BreadcrumbState, 'size'>;\n"],"names":[],"mappings":""}

package/lib-commonjs/components/Breadcrumb/index.js

@@ -24,6 +24,12 @@ _export(exports, {
     renderBreadcrumb_unstable: function() {
         return _renderBreadcrumb.renderBreadcrumb_unstable;
     },
+    useBreadcrumbA11yBehavior_unstable: function() {
+        return _useBreadcrumb.useBreadcrumbA11yBehavior_unstable;
+    },
+    useBreadcrumbBase_unstable: function() {
+        return _useBreadcrumb.useBreadcrumbBase_unstable;
+    },
     useBreadcrumbContext_unstable: function() {
         return _BreadcrumbContext.useBreadcrumbContext_unstable;
     },

package/lib-commonjs/components/Breadcrumb/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Breadcrumb/index.ts"],"sourcesContent":["export { Breadcrumb } from './Breadcrumb';\nexport type { BreadcrumbContextValues, BreadcrumbProps, BreadcrumbSlots, BreadcrumbState } from './Breadcrumb.types';\nexport { BreadcrumbProvider, breadcrumbDefaultValue, useBreadcrumbContext_unstable } from './BreadcrumbContext';\nexport { renderBreadcrumb_unstable } from './renderBreadcrumb';\nexport { useBreadcrumb_unstable } from './useBreadcrumb';\nexport { breadcrumbClassNames, useBreadcrumbStyles_unstable } from './useBreadcrumbStyles.styles';\n"],"names":["Breadcrumb","BreadcrumbProvider","breadcrumbDefaultValue","useBreadcrumbContext_unstable","renderBreadcrumb_unstable","useBreadcrumb_unstable","breadcrumbClassNames","useBreadcrumbStyles_unstable"],"mappings":";;;;;;;;;;;IAASA;qCAAU;;;eAEVC,qCAAkB;;IAGlBK;8DAAoB;;;eAHAJ,yCAAsB;;6BACjB;eAAzBE;;;eAD4CD,gDAA6B;;;eAGnDI,uDAA4B;;;eADlDF,qCAAsB;;;4BAJJ,eAAe;mCAEgD,sBAAsB;kCACtE,qBAAqB;+BACxB,kBAAkB;2CACU,+BAA+B"}
+{"version":3,"sources":["../src/components/Breadcrumb/index.ts"],"sourcesContent":["export { Breadcrumb } from './Breadcrumb';\nexport type {\n  BreadcrumbBaseProps,\n  BreadcrumbBaseState,\n  BreadcrumbContextValues,\n  BreadcrumbProps,\n  BreadcrumbSlots,\n  BreadcrumbState,\n} from './Breadcrumb.types';\nexport { BreadcrumbProvider, breadcrumbDefaultValue, useBreadcrumbContext_unstable } from './BreadcrumbContext';\nexport { renderBreadcrumb_unstable } from './renderBreadcrumb';\nexport {\n  useBreadcrumb_unstable,\n  useBreadcrumbBase_unstable,\n  useBreadcrumbA11yBehavior_unstable,\n} from './useBreadcrumb';\nexport { breadcrumbClassNames, useBreadcrumbStyles_unstable } from './useBreadcrumbStyles.styles';\n"],"names":["Breadcrumb","BreadcrumbProvider","breadcrumbDefaultValue","useBreadcrumbContext_unstable","renderBreadcrumb_unstable","useBreadcrumb_unstable","useBreadcrumbBase_unstable","useBreadcrumbA11yBehavior_unstable","breadcrumbClassNames","useBreadcrumbStyles_unstable"],"mappings":";;;;;;;;;;;IAASA;qCAAU;;;eASVC,qCAAkB;;IAOlBO,oBAAoB;;;;eAPAN,yCAAsB;;;eAC1CE,2CAAyB;;;eAIhCG,iDAAkC;;;eADlCD,yCAA0B;;;eAJyBH,gDAA6B;;;eAOnDM,uDAA4B;;;eAJzDJ,qCAAsB;;;4BAZG,eAAe;mCASgD,sBAAsB;kCACtE,qBAAqB;+BAKxD,kBAAkB;2CAC0C,+BAA+B"}

package/lib-commonjs/components/Breadcrumb/useBreadcrumb.js

@@ -3,9 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "useBreadcrumb_unstable", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useBreadcrumbA11yBehavior_unstable: function() {
+        return useBreadcrumbA11yBehavior_unstable;
+    },
+    useBreadcrumbBase_unstable: function() {
+        return useBreadcrumbBase_unstable;
+    },
+    useBreadcrumb_unstable: function() {
         return useBreadcrumb_unstable;
     }
 });
@@ -14,12 +25,22 @@ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactutilities = require("@fluentui/react-utilities");
 const _reacttabster = require("@fluentui/react-tabster");
 const useBreadcrumb_unstable = (props, ref)=>{
-    const { focusMode = 'tab', size = 'medium', list, ...rest } = props;
-    const focusAttributes = (0, _reacttabster.useArrowNavigationGroup)({
-        circular: true,
-        axis: 'horizontal',
-        memorizeCurrent: true
+    const { focusMode = 'tab', size = 'medium', ...breadcrumbProps } = props;
+    const state = useBreadcrumbBase_unstable(breadcrumbProps, ref);
+    const focusAttributes = useBreadcrumbA11yBehavior_unstable({
+        focusMode
     });
+    return {
+        ...state,
+        root: {
+            ...focusAttributes,
+            ...state.root
+        },
+        size
+    };
+};
+const useBreadcrumbBase_unstable = (props, ref)=>{
+    const { focusMode = 'tab', list, ...rest } = props;
     var _props_arialabel;
     return {
         components: {
@@ -29,7 +50,6 @@ const useBreadcrumb_unstable = (props, ref)=>{
         root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('nav', {
             ref,
             'aria-label': (_props_arialabel = props['aria-label']) !== null && _props_arialabel !== void 0 ? _props_arialabel : 'breadcrumb',
-            ...focusMode === 'arrow' ? focusAttributes : {},
             ...rest
         }), {
             elementType: 'nav'
@@ -40,7 +60,14 @@ const useBreadcrumb_unstable = (props, ref)=>{
                 role: 'list'
             },
             elementType: 'ol'
-        }),
-        size
+        })
     };
 };
+const useBreadcrumbA11yBehavior_unstable = ({ focusMode })=>{
+    const focusAttributes = (0, _reacttabster.useArrowNavigationGroup)({
+        circular: true,
+        axis: 'horizontal',
+        memorizeCurrent: true
+    });
+    return focusMode === 'arrow' ? focusAttributes : {};
+};

package/lib-commonjs/components/Breadcrumb/useBreadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Breadcrumb/useBreadcrumb.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { BreadcrumbProps, BreadcrumbState } from './Breadcrumb.types';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\n\n/**\n * Create the state required to render Breadcrumb.\n *\n * The returned state can be modified with hooks such as useBreadcrumbStyles_unstable,\n * before being passed to renderBreadcrumb_unstable.\n *\n * @param props - props from this instance of Breadcrumb\n * @param ref - reference to root HTMLElement of Breadcrumb\n */\nexport const useBreadcrumb_unstable = (props: BreadcrumbProps, ref: React.Ref<HTMLElement>): BreadcrumbState => {\n  const { focusMode = 'tab', size = 'medium', list, ...rest } = props;\n\n  const focusAttributes = useArrowNavigationGroup({\n    circular: true,\n    axis: 'horizontal',\n    memorizeCurrent: true,\n  });\n\n  return {\n    components: {\n      root: 'nav',\n      list: 'ol',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('nav', {\n        ref,\n        'aria-label': props['aria-label'] ?? 'breadcrumb',\n        ...(focusMode === 'arrow' ? focusAttributes : {}),\n        ...rest,\n      }),\n      { elementType: 'nav' },\n    ),\n    list: slot.optional(list, { renderByDefault: true, defaultProps: { role: 'list' }, elementType: 'ol' }),\n    size,\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useArrowNavigationGroup","useBreadcrumb_unstable","props","ref","focusMode","size","list","rest","focusAttributes","circular","axis","memorizeCurrent","components","root","always","elementType","optional","renderByDefault","defaultProps","role"],"mappings":"AAAA;;;;;+BAgBaI;;;;;;;iEAdU,QAAQ;gCACgB,4BAA4B;8BAEnC,0BAA0B;AAW3D,+BAA+B,CAACC,OAAwBC;IAC7D,MAAM,EAAEC,YAAY,KAAK,EAAEC,OAAO,QAAQ,EAAEC,IAAI,EAAE,GAAGC,MAAM,GAAGL;IAE9D,MAAMM,sBAAkBR,qCAAAA,EAAwB;QAC9CS,UAAU;QACVC,MAAM;QACNC,iBAAiB;IACnB;QAUoBT;IARpB,OAAO;QACLU,YAAY;YACVC,MAAM;YACNP,MAAM;QACR;QACAO,MAAMd,oBAAAA,CAAKe,MAAM,KACfhB,wCAAAA,EAAyB,OAAO;YAC9BK;YACA,cAAcD,CAAAA,mBAAAA,KAAK,CAAC,aAAA,AAAa,MAAA,QAAnBA,qBAAAA,KAAAA,IAAAA,mBAAuB;YACrC,GAAIE,cAAc,UAAUI,kBAAkB,CAAC,CAAC;YAChD,GAAGD,IAAI;QACT,IACA;YAAEQ,aAAa;QAAM;QAEvBT,MAAMP,oBAAAA,CAAKiB,QAAQ,CAACV,MAAM;YAAEW,iBAAiB;YAAMC,cAAc;gBAAEC,MAAM;YAAO;YAAGJ,aAAa;QAAK;QACrGV;IACF;AACF,EAAE"}
+{"version":3,"sources":["../src/components/Breadcrumb/useBreadcrumb.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { BreadcrumbBaseProps, BreadcrumbBaseState, BreadcrumbProps, BreadcrumbState } from './Breadcrumb.types';\nimport { TabsterDOMAttribute, useArrowNavigationGroup } from '@fluentui/react-tabster';\n\n/**\n * Create the state required to render Breadcrumb.\n *\n * The returned state can be modified with hooks such as useBreadcrumbStyles_unstable,\n * before being passed to renderBreadcrumb_unstable.\n *\n * @param props - props from this instance of Breadcrumb\n * @param ref - reference to root HTMLElement of Breadcrumb\n */\nexport const useBreadcrumb_unstable = (props: BreadcrumbProps, ref: React.Ref<HTMLElement>): BreadcrumbState => {\n  const { focusMode = 'tab', size = 'medium', ...breadcrumbProps } = props;\n  const state = useBreadcrumbBase_unstable(breadcrumbProps, ref);\n  const focusAttributes = useBreadcrumbA11yBehavior_unstable({ focusMode });\n\n  return {\n    ...state,\n    root: {\n      ...focusAttributes,\n      ...state.root,\n    },\n    size,\n  };\n};\n\n/**\n * Base hook for Breadcrumb component, which manages state related to slots structure and ARIA attributes.\n *\n * Note: keyboard navigation behavior is not handled in this hook, but in useBreadcrumbA11yBehavior_unstable.\n *\n * @param props - props from this instance of Breadcrumb\n * @param ref - reference to root HTMLElement of Breadcrumb\n */\nexport const useBreadcrumbBase_unstable = (\n  props: BreadcrumbBaseProps,\n  ref: React.Ref<HTMLElement>,\n): BreadcrumbBaseState => {\n  const { focusMode = 'tab', list, ...rest } = props;\n\n  return {\n    components: {\n      root: 'nav',\n      list: 'ol',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('nav', {\n        ref,\n        'aria-label': props['aria-label'] ?? 'breadcrumb',\n        ...rest,\n      }),\n      { elementType: 'nav' },\n    ),\n    list: slot.optional(list, { renderByDefault: true, defaultProps: { role: 'list' }, elementType: 'ol' }),\n  };\n};\n\n/**\n * Hook to get accessibility attributes for Breadcrumb component, such as roving tab index.\n * Based on Tabster's useArrowNavigationGroup.\n *\n * @param focusMode - whether the Breadcrumb uses arrow key navigation or tab key navigation\n * @returns Tabster DOM attributes\n */\nexport const useBreadcrumbA11yBehavior_unstable = ({\n  focusMode,\n}: Pick<BreadcrumbBaseProps, 'focusMode'>): Partial<TabsterDOMAttribute> => {\n  const focusAttributes = useArrowNavigationGroup({\n    circular: true,\n    axis: 'horizontal',\n    memorizeCurrent: true,\n  });\n\n  return focusMode === 'arrow' ? focusAttributes : {};\n};\n"],"names":["React","getIntrinsicElementProps","slot","useArrowNavigationGroup","useBreadcrumb_unstable","props","ref","focusMode","size","breadcrumbProps","state","useBreadcrumbBase_unstable","focusAttributes","useBreadcrumbA11yBehavior_unstable","root","list","rest","components","always","elementType","optional","renderByDefault","defaultProps","role","circular","axis","memorizeCurrent"],"mappings":"AAAA;;;;;;;;;;;;sCAqEaa;eAAAA;;IA9BAF,0BAAAA;;;0BAvBAP;;;;;iEAdU,QAAQ;gCACgB,4BAA4B;8BAEd,0BAA0B;AAWhF,MAAMA,yBAAyB,CAACC,OAAwBC;IAC7D,MAAM,EAAEC,YAAY,KAAK,EAAEC,OAAO,QAAQ,EAAE,GAAGC,iBAAiB,GAAGJ;IACnE,MAAMK,QAAQC,2BAA2BF,iBAAiBH;IAC1D,MAAMM,kBAAkBC,mCAAmC;QAAEN;IAAU;IAEvE,OAAO;QACL,GAAGG,KAAK;QACRI,MAAM;YACJ,GAAGF,eAAe;YAClB,GAAGF,MAAMI,IAAI;QACf;QACAN;IACF;AACF,EAAE;AAUK,mCAAmC,CACxCH,OACAC;IAEA,MAAM,EAAEC,YAAY,KAAK,EAAEQ,IAAI,EAAE,GAAGC,MAAM,GAAGX;QAUzBA;IARpB,OAAO;QACLY,YAAY;YACVH,MAAM;YACNC,MAAM;QACR;QACAD,MAAMZ,oBAAAA,CAAKgB,MAAM,KACfjB,wCAAAA,EAAyB,OAAO;YAC9BK;YACA,cAAcD,CAAAA,mBAAAA,KAAK,CAAC,aAAA,AAAa,MAAA,QAAnBA,qBAAAA,KAAAA,IAAAA,mBAAuB;YACrC,GAAGW,IAAI;QACT,IACA;YAAEG,aAAa;QAAM;QAEvBJ,MAAMb,oBAAAA,CAAKkB,QAAQ,CAACL,MAAM;YAAEM,iBAAiB;YAAMC,cAAc;gBAAEC,MAAM;YAAO;YAAGJ,aAAa;QAAK;IACvG;AACF,EAAE;AASK,2CAA2C,CAAC,EACjDZ,SAAS,EAC8B;IACvC,MAAMK,sBAAkBT,qCAAAA,EAAwB;QAC9CqB,UAAU;QACVC,MAAM;QACNC,iBAAiB;IACnB;IAEA,OAAOnB,cAAc,UAAUK,kBAAkB,CAAC;AACpD,EAAE"}

package/lib-commonjs/components/BreadcrumbButton/BreadcrumbButton.types.js

@@ -1,6 +1,4 @@
-/**
- * State used in rendering BreadcrumbButton
- */ "use strict";
+"use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

package/lib-commonjs/components/BreadcrumbButton/BreadcrumbButton.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/BreadcrumbButton/BreadcrumbButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport { ButtonProps, ButtonSlots, ButtonState } from '@fluentui/react-button';\nimport { BreadcrumbProps } from '../Breadcrumb/Breadcrumb.types';\n\nexport type BreadcrumbButtonSlots = ButtonSlots;\n\n/**\n * BreadcrumbButton Props\n */\nexport type BreadcrumbButtonProps = ComponentProps<BreadcrumbButtonSlots> &\n  Pick<BreadcrumbProps, 'size'> &\n  Pick<ButtonProps, 'disabled' | 'disabledFocusable'> & {\n    /**\n     * Defines current sate of BreadcrumbButton.\n     *\n     * @default false\n     */\n    current?: boolean;\n  };\n\n/**\n * State used in rendering BreadcrumbButton\n */\nexport type BreadcrumbButtonState = ComponentState<BreadcrumbButtonSlots> &\n  Omit<ButtonState, keyof ButtonSlots | 'components'> &\n  Required<Pick<BreadcrumbButtonProps, 'current' | 'size'>>;\n"],"names":[],"mappings":"AAoBA;;CAEC,GACD,WAE4D"}
+{"version":3,"sources":["../src/components/BreadcrumbButton/BreadcrumbButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport { ButtonProps, ButtonSlots, ButtonState } from '@fluentui/react-button';\nimport { BreadcrumbProps } from '../Breadcrumb/Breadcrumb.types';\n\nexport type BreadcrumbButtonSlots = ButtonSlots;\n\n/**\n * BreadcrumbButton Props\n */\nexport type BreadcrumbButtonProps = ComponentProps<BreadcrumbButtonSlots> &\n  Pick<BreadcrumbProps, 'size'> &\n  Pick<ButtonProps, 'disabled' | 'disabledFocusable'> & {\n    /**\n     * Defines current sate of BreadcrumbButton.\n     *\n     * @default false\n     */\n    current?: boolean;\n  };\n\n/**\n * State used in rendering BreadcrumbButton\n */\nexport type BreadcrumbButtonState = ComponentState<BreadcrumbButtonSlots> &\n  Omit<ButtonState, keyof ButtonSlots | 'components'> &\n  Required<Pick<BreadcrumbButtonProps, 'current' | 'size'>>;\n\nexport type BreadcrumbButtonBaseProps = Omit<BreadcrumbButtonProps, 'size'>;\n\nexport type BreadcrumbButtonBaseState = Omit<BreadcrumbButtonState, 'size'>;\n"],"names":[],"mappings":""}

package/lib-commonjs/components/BreadcrumbButton/index.js

@@ -18,6 +18,9 @@ _export(exports, {
     renderBreadcrumbButton_unstable: function() {
         return _renderBreadcrumbButton.renderBreadcrumbButton_unstable;
     },
+    useBreadcrumbButtonBase_unstable: function() {
+        return _useBreadcrumbButton.useBreadcrumbButtonBase_unstable;
+    },
     useBreadcrumbButtonStyles_unstable: function() {
         return _useBreadcrumbButtonStylesstyles.useBreadcrumbButtonStyles_unstable;
     },

package/lib-commonjs/components/BreadcrumbButton/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/BreadcrumbButton/index.ts"],"sourcesContent":["export { BreadcrumbButton } from './BreadcrumbButton';\nexport type { BreadcrumbButtonProps, BreadcrumbButtonSlots, BreadcrumbButtonState } from './BreadcrumbButton.types';\nexport { renderBreadcrumbButton_unstable } from './renderBreadcrumbButton';\nexport { useBreadcrumbButton_unstable } from './useBreadcrumbButton';\nexport { breadcrumbButtonClassNames, useBreadcrumbButtonStyles_unstable } from './useBreadcrumbButtonStyles.styles';\n"],"names":["BreadcrumbButton","renderBreadcrumbButton_unstable","useBreadcrumbButton_unstable","breadcrumbButtonClassNames","useBreadcrumbButtonStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,kCAAgB;;;eAIhBG,2DAA0B;;;eAF1BF,uDAA+B;;;eAEHG,mEAAkC;;;eAD9DF,iDAA4B;;;kCAHJ,qBAAqB;wCAEN,2BAA2B;qCAC9B,wBAAwB;iDACU,qCAAqC"}
+{"version":3,"sources":["../src/components/BreadcrumbButton/index.ts"],"sourcesContent":["export { BreadcrumbButton } from './BreadcrumbButton';\nexport type {\n  BreadcrumbButtonBaseProps,\n  BreadcrumbButtonBaseState,\n  BreadcrumbButtonProps,\n  BreadcrumbButtonSlots,\n  BreadcrumbButtonState,\n} from './BreadcrumbButton.types';\nexport { renderBreadcrumbButton_unstable } from './renderBreadcrumbButton';\nexport { useBreadcrumbButton_unstable, useBreadcrumbButtonBase_unstable } from './useBreadcrumbButton';\nexport { breadcrumbButtonClassNames, useBreadcrumbButtonStyles_unstable } from './useBreadcrumbButtonStyles.styles';\n"],"names":["BreadcrumbButton","renderBreadcrumbButton_unstable","useBreadcrumbButton_unstable","useBreadcrumbButtonBase_unstable","breadcrumbButtonClassNames","useBreadcrumbButtonStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,kCAAgB;;;eAUhBI,2DAA0B;;;eAF1BH,uDAA+B;;;eACDE,qDAAgC;;;eAClCE,mEAAkC;;;eAD9DH,iDAA4B;;;kCATJ,qBAAqB;wCAQN,2BAA2B;qCACI,wBAAwB;iDACxB,qCAAqC"}

package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButton.js

@@ -3,9 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "useBreadcrumbButton_unstable", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useBreadcrumbButtonBase_unstable: function() {
+        return useBreadcrumbButtonBase_unstable;
+    },
+    useBreadcrumbButton_unstable: function() {
         return useBreadcrumbButton_unstable;
     }
 });
@@ -15,21 +23,27 @@ const _reactbutton = require("@fluentui/react-button");
 const _BreadcrumbContext = require("../Breadcrumb/BreadcrumbContext");
 const useBreadcrumbButton_unstable = (props, ref)=>{
     const { size } = (0, _BreadcrumbContext.useBreadcrumbContext_unstable)();
+    const state = useBreadcrumbButtonBase_unstable(props, ref);
+    return {
+        ...state,
+        size
+    };
+};
+const useBreadcrumbButtonBase_unstable = (props, ref)=>{
     const { current = false, as, ...rest } = props;
     const controlType = (as !== null && as !== void 0 ? as : props.href) ? 'a' : 'button';
     var _props_ariacurrent, _props_ariadisabled;
+    const { size: _size, ...buttonState } = (0, _reactbutton.useButton_unstable)({
+        role: undefined,
+        type: undefined,
+        as: controlType,
+        iconPosition: 'before',
+        'aria-current': current ? (_props_ariacurrent = props['aria-current']) !== null && _props_ariacurrent !== void 0 ? _props_ariacurrent : 'page' : undefined,
+        'aria-disabled': current ? (_props_ariadisabled = props['aria-disabled']) !== null && _props_ariadisabled !== void 0 ? _props_ariadisabled : true : undefined,
+        ...rest
+    }, ref);
     return {
-        ...(0, _reactbutton.useButton_unstable)({
-            appearance: 'subtle',
-            role: undefined,
-            type: undefined,
-            as: controlType,
-            iconPosition: 'before',
-            'aria-current': current ? (_props_ariacurrent = props['aria-current']) !== null && _props_ariacurrent !== void 0 ? _props_ariacurrent : 'page' : undefined,
-            'aria-disabled': current ? (_props_ariadisabled = props['aria-disabled']) !== null && _props_ariadisabled !== void 0 ? _props_ariadisabled : true : undefined,
-            ...rest
-        }, ref),
-        current,
-        size
+        ...buttonState,
+        current
     };
 };

package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/BreadcrumbButton/useBreadcrumbButton.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ARIAButtonProps } from '@fluentui/react-aria';\nimport { useButton_unstable } from '@fluentui/react-button';\nimport type { ButtonProps } from '@fluentui/react-button';\nimport { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';\nimport type { BreadcrumbButtonProps, BreadcrumbButtonState } from './BreadcrumbButton.types';\n\n/**\n * Create the state required to render BreadcrumbButton.\n *\n * The returned state can be modified with hooks such as useBreadcrumbButtonStyles_unstable,\n * before being passed to renderBreadcrumbButton_unstable.\n *\n * @param props - props from this instance of BreadcrumbButton\n * @param ref - reference to root HTMLElement of BreadcrumbButton\n */\nexport const useBreadcrumbButton_unstable = (\n  props: BreadcrumbButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): BreadcrumbButtonState => {\n  const { size } = useBreadcrumbContext_unstable();\n  const { current = false, as, ...rest } = props;\n\n  const controlType = as ?? (props as ARIAButtonProps<'a'>).href ? 'a' : 'button';\n\n  return {\n    ...useButton_unstable(\n      {\n        appearance: 'subtle',\n        role: undefined,\n        type: undefined,\n        as: controlType,\n        iconPosition: 'before',\n        'aria-current': current ? props['aria-current'] ?? 'page' : undefined,\n        'aria-disabled': current ? props['aria-disabled'] ?? true : undefined,\n        ...rest,\n      } as ButtonProps,\n      ref,\n    ),\n    current,\n    size,\n  };\n};\n"],"names":["React","useButton_unstable","useBreadcrumbContext_unstable","useBreadcrumbButton_unstable","props","ref","size","current","as","rest","controlType","href","appearance","role","undefined","type","iconPosition"],"mappings":"AAAA;;;;;+BAkBaG;;;;;;;iEAhBU,QAAQ;6BAEI,yBAAyB;mCAEd,kCAAkC;AAYzE,qCAAqC,CAC1CC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,OAAGJ,gDAAAA;IACjB,MAAM,EAAEK,UAAU,KAAK,EAAEC,EAAE,EAAE,GAAGC,MAAM,GAAGL;IAEzC,MAAMM,cAAcF,CAAAA,OAAAA,QAAAA,OAAAA,KAAAA,IAAAA,KAAOJ,MAA+BO,IAAAA,AAAG,IAAI,MAAM;QAUvCP,oBACCA;IATjC,OAAO;QACL,OAAGH,+BAAAA,EACD;YACEW,YAAY;YACZC,MAAMC;YACNC,MAAMD;YACNN,IAAIE;YACJM,cAAc;YACd,gBAAgBT,UAAUH,CAAAA,qBAAAA,KAAK,CAAC,eAAA,AAAe,MAAA,QAArBA,uBAAAA,KAAAA,IAAAA,qBAAyB,SAASU;YAC5D,iBAAiBP,UAAUH,CAAAA,sBAAAA,KAAK,CAAC,gBAAA,AAAgB,MAAA,QAAtBA,wBAAAA,KAAAA,IAAAA,sBAA0B,OAAOU;YAC5D,GAAGL,IAAI;QACT,GACAJ,IACD;QACDE;QACAD;IACF;AACF,EAAE"}
+{"version":3,"sources":["../src/components/BreadcrumbButton/useBreadcrumbButton.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ARIAButtonProps } from '@fluentui/react-aria';\nimport { useButton_unstable } from '@fluentui/react-button';\nimport type { ButtonProps } from '@fluentui/react-button';\nimport { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';\nimport type {\n  BreadcrumbButtonBaseProps,\n  BreadcrumbButtonBaseState,\n  BreadcrumbButtonProps,\n  BreadcrumbButtonState,\n} from './BreadcrumbButton.types';\n\n/**\n * Create the state required to render BreadcrumbButton.\n *\n * The returned state can be modified with hooks such as useBreadcrumbButtonStyles_unstable,\n * before being passed to renderBreadcrumbButton_unstable.\n *\n * @param props - props from this instance of BreadcrumbButton\n * @param ref - reference to root HTMLElement of BreadcrumbButton\n */\nexport const useBreadcrumbButton_unstable = (\n  props: BreadcrumbButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): BreadcrumbButtonState => {\n  const { size } = useBreadcrumbContext_unstable();\n  const state = useBreadcrumbButtonBase_unstable(props, ref);\n\n  return {\n    ...state,\n    size,\n  };\n};\n\n/**\n * Base hook for BreadcrumbButton component, which manages state related to button behavior,\n * ARIA attributes (aria-current, aria-disabled), and slot structure without design props.\n *\n * @param props - props from this instance of BreadcrumbButton\n * @param ref - reference to root HTMLElement of BreadcrumbButton\n */\nexport const useBreadcrumbButtonBase_unstable = (\n  props: BreadcrumbButtonBaseProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): BreadcrumbButtonBaseState => {\n  const { current = false, as, ...rest } = props;\n\n  const controlType = as ?? (props as ARIAButtonProps<'a'>).href ? 'a' : 'button';\n\n  const { size: _size, ...buttonState } = useButton_unstable(\n    {\n      role: undefined,\n      type: undefined,\n      as: controlType,\n      iconPosition: 'before',\n      'aria-current': current ? props['aria-current'] ?? 'page' : undefined,\n      'aria-disabled': current ? props['aria-disabled'] ?? true : undefined,\n      ...rest,\n    } as ButtonProps,\n    ref,\n  );\n\n  return {\n    ...buttonState,\n    current,\n  };\n};\n"],"names":["React","useButton_unstable","useBreadcrumbContext_unstable","useBreadcrumbButton_unstable","props","ref","size","state","useBreadcrumbButtonBase_unstable","current","as","rest","controlType","href","_size","buttonState","role","undefined","type","iconPosition"],"mappings":"AAAA;;;;;;;;;;;;IA2CaQ,gCAAAA;;;gCApBAL;;;;;iEArBU,QAAQ;6BAEI,yBAAyB;mCAEd,kCAAkC;AAiBzE,MAAMA,+BAA+B,CAC1CC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,OAAGJ,gDAAAA;IACjB,MAAMK,QAAQC,iCAAiCJ,OAAOC;IAEtD,OAAO;QACL,GAAGE,KAAK;QACRD;IACF;AACF,EAAE;AASK,yCAAyC,CAC9CF,OACAC;IAEA,MAAM,EAAEI,UAAU,KAAK,EAAEC,EAAE,EAAE,GAAGC,MAAM,GAAGP;IAEzC,MAAMQ,cAAcF,CAAAA,OAAAA,QAAAA,OAAAA,KAAAA,IAAAA,KAAON,MAA+BS,IAAAA,AAAG,IAAI,MAAM;QAQzCT,oBACCA;IAP/B,MAAM,EAAEE,MAAMQ,KAAK,EAAE,GAAGC,aAAa,OAAGd,+BAAAA,EACtC;QACEe,MAAMC;QACNC,MAAMD;QACNP,IAAIE;QACJO,cAAc;QACd,gBAAgBV,UAAUL,CAAAA,qBAAAA,KAAK,CAAC,eAAA,AAAe,MAAA,QAArBA,uBAAAA,KAAAA,IAAAA,qBAAyB,SAASa;QAC5D,iBAAiBR,UAAUL,CAAAA,sBAAAA,KAAK,CAAC,gBAAA,AAAgB,MAAA,QAAtBA,wBAAAA,KAAAA,IAAAA,sBAA0B,OAAOa;QAC5D,GAAGN,IAAI;IACT,GACAN;IAGF,OAAO;QACL,GAAGU,WAAW;QACdN;IACF;AACF,EAAE"}

package/lib-commonjs/components/BreadcrumbDivider/BreadcrumbDivider.types.js

@@ -1,5 +1,5 @@
 /**
- * State used in rendering BreadcrumbDivider
+ * BreadcrumbDivider base state (excludes size, which is a design prop injected from context)
  */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/BreadcrumbDivider/BreadcrumbDivider.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/BreadcrumbDivider/BreadcrumbDivider.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { BreadcrumbProps } from '../Breadcrumb/Breadcrumb.types';\n\nexport type BreadcrumbDividerSlots = {\n  root: Slot<'li'>;\n};\n\n/**\n * BreadcrumbDivider Props\n */\nexport type BreadcrumbDividerProps = ComponentProps<BreadcrumbDividerSlots> & {};\n\n/**\n * State used in rendering BreadcrumbDivider\n */\nexport type BreadcrumbDividerState = ComponentState<BreadcrumbDividerSlots> & Pick<BreadcrumbProps, 'size'>;\n"],"names":[],"mappings":"AAYA;;CAEC,GACD,WAA4G"}
+{"version":3,"sources":["../src/components/BreadcrumbDivider/BreadcrumbDivider.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { BreadcrumbProps } from '../Breadcrumb/Breadcrumb.types';\n\nexport type BreadcrumbDividerSlots = {\n  root: Slot<'li'>;\n};\n\n/**\n * BreadcrumbDivider Props\n */\nexport type BreadcrumbDividerProps = ComponentProps<BreadcrumbDividerSlots> & {};\n\n/**\n * State used in rendering BreadcrumbDivider\n */\nexport type BreadcrumbDividerState = ComponentState<BreadcrumbDividerSlots> & Pick<BreadcrumbProps, 'size'>;\n\n/**\n * BreadcrumbDivider base props (same as BreadcrumbDividerProps since BreadcrumbDivider has no design props of its own)\n */\nexport type BreadcrumbDividerBaseProps = BreadcrumbDividerProps;\n\n/**\n * BreadcrumbDivider base state (excludes size, which is a design prop injected from context)\n */\nexport type BreadcrumbDividerBaseState = Omit<BreadcrumbDividerState, 'size'>;\n"],"names":[],"mappings":"AAsBA;;CAEC,GACD,WAA8E"}

package/lib-commonjs/components/BreadcrumbDivider/index.js

@@ -18,6 +18,9 @@ _export(exports, {
     renderBreadcrumbDivider_unstable: function() {
         return _renderBreadcrumbDivider.renderBreadcrumbDivider_unstable;
     },
+    useBreadcrumbDividerBase_unstable: function() {
+        return _useBreadcrumbDivider.useBreadcrumbDividerBase_unstable;
+    },
     useBreadcrumbDividerStyles_unstable: function() {
         return _useBreadcrumbDividerStylesstyles.useBreadcrumbDividerStyles_unstable;
     },

package/lib-commonjs/components/BreadcrumbDivider/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/BreadcrumbDivider/index.ts"],"sourcesContent":["export { BreadcrumbDivider } from './BreadcrumbDivider';\nexport type { BreadcrumbDividerProps, BreadcrumbDividerSlots, BreadcrumbDividerState } from './BreadcrumbDivider.types';\nexport { renderBreadcrumbDivider_unstable } from './renderBreadcrumbDivider';\nexport { useBreadcrumbDivider_unstable } from './useBreadcrumbDivider';\nexport { breadcrumbDividerClassNames, useBreadcrumbDividerStyles_unstable } from './useBreadcrumbDividerStyles.styles';\n"],"names":["BreadcrumbDivider","renderBreadcrumbDivider_unstable","useBreadcrumbDivider_unstable","breadcrumbDividerClassNames","useBreadcrumbDividerStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,oCAAiB;;;eAIjBG,6DAA2B;;;eAF3BF,yDAAgC;;;eAEHG,qEAAmC;;;eADhEF,mDAA6B;;;mCAHJ,sBAAsB;yCAEP,4BAA4B;sCAC/B,yBAAyB;kDACU,sCAAsC"}
+{"version":3,"sources":["../src/components/BreadcrumbDivider/index.ts"],"sourcesContent":["export { BreadcrumbDivider } from './BreadcrumbDivider';\nexport type {\n  BreadcrumbDividerBaseProps,\n  BreadcrumbDividerBaseState,\n  BreadcrumbDividerProps,\n  BreadcrumbDividerSlots,\n  BreadcrumbDividerState,\n} from './BreadcrumbDivider.types';\nexport { renderBreadcrumbDivider_unstable } from './renderBreadcrumbDivider';\nexport { useBreadcrumbDivider_unstable, useBreadcrumbDividerBase_unstable } from './useBreadcrumbDivider';\nexport { breadcrumbDividerClassNames, useBreadcrumbDividerStyles_unstable } from './useBreadcrumbDividerStyles.styles';\n"],"names":["BreadcrumbDivider","renderBreadcrumbDivider_unstable","useBreadcrumbDivider_unstable","useBreadcrumbDividerBase_unstable","breadcrumbDividerClassNames","useBreadcrumbDividerStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,oCAAiB;;;eAUjBI,6DAA2B;;;eAF3BH,yDAAgC;;;eACDE,uDAAiC;;;eACnCE,qEAAmC;;;eADhEH,mDAA6B;;;mCATJ,sBAAsB;yCAQP,4BAA4B;sCACI,yBAAyB;kDACzB,sCAAsC"}

package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDivider.js

@@ -3,9 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "useBreadcrumbDivider_unstable", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useBreadcrumbDividerBase_unstable: function() {
+        return useBreadcrumbDividerBase_unstable;
+    },
+    useBreadcrumbDivider_unstable: function() {
         return useBreadcrumbDivider_unstable;
     }
 });
@@ -17,8 +25,18 @@ const _BreadcrumbContext = require("../Breadcrumb/BreadcrumbContext");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const useBreadcrumbDivider_unstable = (props, ref)=>{
     const { size } = (0, _BreadcrumbContext.useBreadcrumbContext_unstable)();
+    const state = useBreadcrumbDividerBase_unstable(props, ref);
     const { dir } = (0, _reactsharedcontexts.useFluent_unstable)();
-    const icon = getDividerIcon(dir);
+    return {
+        ...state,
+        root: {
+            ...state.root,
+            children: getDividerIcon(dir)
+        },
+        size
+    };
+};
+const useBreadcrumbDividerBase_unstable = (props, ref)=>{
     return {
         components: {
             root: 'li'
@@ -26,12 +44,10 @@ const useBreadcrumbDivider_unstable = (props, ref)=>{
         root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('li', {
             ref,
             'aria-hidden': true,
-            children: icon,
             ...props
         }), {
             elementType: 'li'
-        }),
-        size
+        })
     };
 };
 /**

package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDivider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/BreadcrumbDivider/useBreadcrumbDivider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { BreadcrumbDividerProps, BreadcrumbDividerState } from './BreadcrumbDivider.types';\nimport { ChevronRightRegular, ChevronLeftRegular } from '@fluentui/react-icons';\nimport { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\n/**\n * Create the state required to render BreadcrumbDivider.\n *\n * The returned state can be modified with hooks such as useBreadcrumbDividerStyles_unstable,\n * before being passed to renderBreadcrumbDivider_unstable.\n *\n * @param props - props from this instance of BreadcrumbDivider\n * @param ref - reference to root HTMLElement of BreadcrumbDivider\n */\nexport const useBreadcrumbDivider_unstable = (\n  props: BreadcrumbDividerProps,\n  ref: React.Ref<HTMLLIElement>,\n): BreadcrumbDividerState => {\n  const { size } = useBreadcrumbContext_unstable();\n  const { dir } = useFluent();\n  const icon = getDividerIcon(dir);\n\n  return {\n    components: {\n      root: 'li',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('li', {\n        ref,\n        'aria-hidden': true,\n        children: icon,\n        ...props,\n      }),\n      { elementType: 'li' },\n    ),\n    size,\n  };\n};\n\n/**\n * Get icon of the divider\n *\n * @param dir - RTL or LTR\n */\nfunction getDividerIcon(dir: string) {\n  return dir === 'rtl' ? <ChevronLeftRegular /> : <ChevronRightRegular />;\n}\n"],"names":["React","getIntrinsicElementProps","slot","ChevronRightRegular","ChevronLeftRegular","useBreadcrumbContext_unstable","useFluent_unstable","useFluent","useBreadcrumbDivider_unstable","props","ref","size","dir","icon","getDividerIcon","components","root","always","children","elementType"],"mappings":"AAAA;;;;;+BAkBaQ;;;;;;;iEAhBU,QAAQ;gCACgB,4BAA4B;4BAEnB,wBAAwB;mCAClC,kCAAkC;qCAChC,kCAAkC;AAW3E,sCAAsC,CAC3CC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,OAAGN,gDAAAA;IACjB,MAAM,EAAEO,GAAG,EAAE,GAAGL,2CAAAA;IAChB,MAAMM,OAAOC,eAAeF;IAE5B,OAAO;QACLG,YAAY;YACVC,MAAM;QACR;QACAA,MAAMd,oBAAAA,CAAKe,MAAM,KACfhB,wCAAAA,EAAyB,MAAM;YAC7BS;YACA,eAAe;YACfQ,UAAUL;YACV,GAAGJ,KAAK;QACV,IACA;YAAEU,aAAa;QAAK;QAEtBR;IACF;AACF,EAAE;AAEF;;;;CAIC,GACD,SAASG,eAAeF,GAAW;IACjC,OAAOA,QAAQ,QAAA,WAAA,GAAQ,OAAA,aAAA,CAACR,8BAAAA,EAAAA,QAAAA,WAAAA,GAAwB,OAAA,aAAA,CAACD,+BAAAA,EAAAA;AACnD"}
+{"version":3,"sources":["../src/components/BreadcrumbDivider/useBreadcrumbDivider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type {\n  BreadcrumbDividerBaseProps,\n  BreadcrumbDividerBaseState,\n  BreadcrumbDividerProps,\n  BreadcrumbDividerState,\n} from './BreadcrumbDivider.types';\nimport { ChevronRightRegular, ChevronLeftRegular } from '@fluentui/react-icons';\nimport { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\n/**\n * Create the state required to render BreadcrumbDivider.\n *\n * The returned state can be modified with hooks such as useBreadcrumbDividerStyles_unstable,\n * before being passed to renderBreadcrumbDivider_unstable.\n *\n * @param props - props from this instance of BreadcrumbDivider\n * @param ref - reference to root HTMLElement of BreadcrumbDivider\n */\nexport const useBreadcrumbDivider_unstable = (\n  props: BreadcrumbDividerProps,\n  ref: React.Ref<HTMLLIElement>,\n): BreadcrumbDividerState => {\n  const { size } = useBreadcrumbContext_unstable();\n  const state = useBreadcrumbDividerBase_unstable(props, ref);\n  const { dir } = useFluent();\n\n  return {\n    ...state,\n    root: {\n      ...state.root,\n      children: getDividerIcon(dir),\n    },\n    size,\n  };\n};\n\n/**\n * Base hook for BreadcrumbDivider component, which manages state related to slots structure and ARIA attributes\n * without design props. Note: size is provided via BreadcrumbContext in the full hook.\n *\n * @param props - props from this instance of BreadcrumbDivider\n * @param ref - reference to root HTMLElement of BreadcrumbDivider\n */\nexport const useBreadcrumbDividerBase_unstable = (\n  props: BreadcrumbDividerBaseProps,\n  ref: React.Ref<HTMLLIElement>,\n): BreadcrumbDividerBaseState => {\n  return {\n    components: {\n      root: 'li',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('li', {\n        ref,\n        'aria-hidden': true,\n        ...props,\n      }),\n      { elementType: 'li' },\n    ),\n  };\n};\n\n/**\n * Get icon of the divider\n *\n * @param dir - RTL or LTR\n */\nfunction getDividerIcon(dir: string) {\n  return dir === 'rtl' ? <ChevronLeftRegular /> : <ChevronRightRegular />;\n}\n"],"names":["React","getIntrinsicElementProps","slot","ChevronRightRegular","ChevronLeftRegular","useBreadcrumbContext_unstable","useFluent_unstable","useFluent","useBreadcrumbDivider_unstable","props","ref","size","state","useBreadcrumbDividerBase_unstable","dir","root","children","getDividerIcon","components","always","elementType"],"mappings":"AAAA;;;;;;;;;;;;qCAgDaa;eAAAA;;iCAzBAL;;;;;iEArBU,QAAQ;gCACgB,4BAA4B;4BAOnB,wBAAwB;mCAClC,kCAAkC;qCAChC,kCAAkC;AAW3E,MAAMA,gCAAgC,CAC3CC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGN,oDAAAA;IACjB,MAAMO,QAAQC,kCAAkCJ,OAAOC;IACvD,MAAM,EAAEI,GAAG,EAAE,OAAGP,uCAAAA;IAEhB,OAAO;QACL,GAAGK,KAAK;QACRG,MAAM;YACJ,GAAGH,MAAMG,IAAI;YACbC,UAAUC,eAAeH;QAC3B;QACAH;IACF;AACF,EAAE;AASK,0CAA0C,CAC/CF,OACAC;IAEA,OAAO;QACLQ,YAAY;YACVH,MAAM;QACR;QACAA,MAAMb,oBAAAA,CAAKiB,MAAM,KACflB,wCAAAA,EAAyB,MAAM;YAC7BS;YACA,eAAe;YACf,GAAGD,KAAK;QACV,IACA;YAAEW,aAAa;QAAK;IAExB;AACF,EAAE;AAEF;;;;CAIC,GACD,SAASH,eAAeH,GAAW;IACjC,OAAOA,QAAQ,QAAA,WAAA,GAAQ,OAAA,aAAA,CAACV,8BAAAA,EAAAA,QAAAA,WAAAA,GAAwB,OAAA,aAAA,CAACD,+BAAAA,EAAAA;AACnD"}

package/lib-commonjs/components/BreadcrumbItem/BreadcrumbItem.types.js

@@ -1,5 +1,5 @@
 /**
- * State used in rendering BreadcrumbItem
+ * BreadcrumbItem base state (excludes size, which is a design prop injected from context)
  */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/BreadcrumbItem/BreadcrumbItem.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/BreadcrumbItem/BreadcrumbItem.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { BreadcrumbProps } from '../Breadcrumb';\n\nexport type BreadcrumbItemSlots = {\n  root: Slot<'li'>;\n};\n\n/**\n * BreadcrumbItem Props\n */\nexport type BreadcrumbItemProps = ComponentProps<BreadcrumbItemSlots> & Pick<BreadcrumbProps, 'size'>;\n\n/**\n * State used in rendering BreadcrumbItem\n */\nexport type BreadcrumbItemState = ComponentState<BreadcrumbItemSlots> & Required<Pick<BreadcrumbItemProps, 'size'>>;\n"],"names":[],"mappings":"AAYA;;CAEC,GACD,WAAoH"}
+{"version":3,"sources":["../src/components/BreadcrumbItem/BreadcrumbItem.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { BreadcrumbProps } from '../Breadcrumb';\n\nexport type BreadcrumbItemSlots = {\n  root: Slot<'li'>;\n};\n\n/**\n * BreadcrumbItem Props\n */\nexport type BreadcrumbItemProps = ComponentProps<BreadcrumbItemSlots> & Pick<BreadcrumbProps, 'size'>;\n\n/**\n * State used in rendering BreadcrumbItem\n */\nexport type BreadcrumbItemState = ComponentState<BreadcrumbItemSlots> & Required<Pick<BreadcrumbItemProps, 'size'>>;\n\n/**\n * BreadcrumbItem base props (same as BreadcrumbItemProps since size is passed through context, not as a design prop)\n */\nexport type BreadcrumbItemBaseProps = Omit<BreadcrumbItemProps, 'size'>;\n\n/**\n * BreadcrumbItem base state (excludes size, which is a design prop injected from context)\n */\nexport type BreadcrumbItemBaseState = Omit<BreadcrumbItemState, 'size'>;\n"],"names":[],"mappings":"AAsBA;;CAEC,GACD,WAAwE"}

package/lib-commonjs/components/BreadcrumbItem/index.js

@@ -18,6 +18,9 @@ _export(exports, {
     renderBreadcrumbItem_unstable: function() {
         return _renderBreadcrumbItem.renderBreadcrumbItem_unstable;
     },
+    useBreadcrumbItemBase_unstable: function() {
+        return _useBreadcrumbItem.useBreadcrumbItemBase_unstable;
+    },
     useBreadcrumbItemStyles_unstable: function() {
         return _useBreadcrumbItemStylesstyles.useBreadcrumbItemStyles_unstable;
     },

package/lib-commonjs/components/BreadcrumbItem/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/BreadcrumbItem/index.ts"],"sourcesContent":["export { BreadcrumbItem } from './BreadcrumbItem';\nexport type { BreadcrumbItemProps, BreadcrumbItemSlots, BreadcrumbItemState } from './BreadcrumbItem.types';\nexport { renderBreadcrumbItem_unstable } from './renderBreadcrumbItem';\nexport { useBreadcrumbItem_unstable } from './useBreadcrumbItem';\nexport { breadcrumbItemClassNames, useBreadcrumbItemStyles_unstable } from './useBreadcrumbItemStyles.styles';\n"],"names":["BreadcrumbItem","renderBreadcrumbItem_unstable","useBreadcrumbItem_unstable","breadcrumbItemClassNames","useBreadcrumbItemStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,8BAAc;;;eAIdG,uDAAwB;;;eAFxBF,mDAA6B;;;eAEHG,+DAAgC;;;eAD1DF,6CAA0B;;;gCAHJ,mBAAmB;sCAEJ,yBAAyB;mCAC5B,sBAAsB;+CACU,mCAAmC"}
+{"version":3,"sources":["../src/components/BreadcrumbItem/index.ts"],"sourcesContent":["export { BreadcrumbItem } from './BreadcrumbItem';\nexport type {\n  BreadcrumbItemBaseProps,\n  BreadcrumbItemBaseState,\n  BreadcrumbItemProps,\n  BreadcrumbItemSlots,\n  BreadcrumbItemState,\n} from './BreadcrumbItem.types';\nexport { renderBreadcrumbItem_unstable } from './renderBreadcrumbItem';\nexport { useBreadcrumbItem_unstable, useBreadcrumbItemBase_unstable } from './useBreadcrumbItem';\nexport { breadcrumbItemClassNames, useBreadcrumbItemStyles_unstable } from './useBreadcrumbItemStyles.styles';\n"],"names":["BreadcrumbItem","renderBreadcrumbItem_unstable","useBreadcrumbItem_unstable","useBreadcrumbItemBase_unstable","breadcrumbItemClassNames","useBreadcrumbItemStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,8BAAc;;;eAUdI,uDAAwB;;;eAFxBH,mDAA6B;;;eACDE,iDAA8B;;;eAChCE,+DAAgC;;;eAD1DH,6CAA0B;;;gCATJ,mBAAmB;sCAQJ,yBAAyB;mCACI,sBAAsB;+CACtB,mCAAmC"}

package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItem.js

@@ -3,9 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "useBreadcrumbItem_unstable", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useBreadcrumbItemBase_unstable: function() {
+        return useBreadcrumbItemBase_unstable;
+    },
+    useBreadcrumbItem_unstable: function() {
         return useBreadcrumbItem_unstable;
     }
 });
@@ -15,6 +23,13 @@ const _reactutilities = require("@fluentui/react-utilities");
 const _BreadcrumbContext = require("../Breadcrumb/BreadcrumbContext");
 const useBreadcrumbItem_unstable = (props, ref)=>{
     const { size } = (0, _BreadcrumbContext.useBreadcrumbContext_unstable)();
+    const state = useBreadcrumbItemBase_unstable(props, ref);
+    return {
+        ...state,
+        size
+    };
+};
+const useBreadcrumbItemBase_unstable = (props, ref)=>{
     return {
         components: {
             root: 'li'
@@ -24,7 +39,6 @@ const useBreadcrumbItem_unstable = (props, ref)=>{
             ...props
         }), {
             elementType: 'li'
-        }),
-        size
+        })
     };
 };

package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/BreadcrumbItem/useBreadcrumbItem.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { BreadcrumbItemProps, BreadcrumbItemState } from './BreadcrumbItem.types';\nimport { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';\n\n/**\n * Create the state required to render BreadcrumbItem.\n *\n * The returned state can be modified with hooks such as useBreadcrumbItemStyles_unstable,\n * before being passed to renderBreadcrumbItem_unstable.\n *\n * @param props - props from this instance of BreadcrumbItem\n * @param ref - reference to root HTMLElement of BreadcrumbItem\n */\nexport const useBreadcrumbItem_unstable = (\n  props: BreadcrumbItemProps,\n  ref: React.Ref<HTMLLIElement>,\n): BreadcrumbItemState => {\n  const { size } = useBreadcrumbContext_unstable();\n\n  return {\n    components: { root: 'li' },\n    root: slot.always(\n      getIntrinsicElementProps('li', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'li' },\n    ),\n    size,\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useBreadcrumbContext_unstable","useBreadcrumbItem_unstable","props","ref","size","components","root","always","elementType"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;gCACgB,4BAA4B;mCAE7B,kCAAkC;AAWzE,MAAMI,6BAA6B,CACxCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,OAAGJ,gDAAAA;IAEjB,OAAO;QACLK,YAAY;YAAEC,MAAM;QAAK;QACzBA,MAAMP,oBAAAA,CAAKQ,MAAM,KACfT,wCAAAA,EAAyB,MAAM;YAC7BK;YACA,GAAGD,KAAK;QACV,IACA;YAAEM,aAAa;QAAK;QAEtBJ;IACF;AACF,EAAE"}
+{"version":3,"sources":["../src/components/BreadcrumbItem/useBreadcrumbItem.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type {\n  BreadcrumbItemBaseProps,\n  BreadcrumbItemBaseState,\n  BreadcrumbItemProps,\n  BreadcrumbItemState,\n} from './BreadcrumbItem.types';\nimport { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';\n\n/**\n * Create the state required to render BreadcrumbItem.\n *\n * The returned state can be modified with hooks such as useBreadcrumbItemStyles_unstable,\n * before being passed to renderBreadcrumbItem_unstable.\n *\n * @param props - props from this instance of BreadcrumbItem\n * @param ref - reference to root HTMLElement of BreadcrumbItem\n */\nexport const useBreadcrumbItem_unstable = (\n  props: BreadcrumbItemProps,\n  ref: React.Ref<HTMLLIElement>,\n): BreadcrumbItemState => {\n  const { size } = useBreadcrumbContext_unstable();\n  const state = useBreadcrumbItemBase_unstable(props, ref);\n\n  return {\n    ...state,\n    size,\n  };\n};\n\n/**\n * Base hook for BreadcrumbItem component, which manages state related to slots structure\n * without design props. Note: size is provided via BreadcrumbContext in the full hook.\n *\n * @param props - props from this instance of BreadcrumbItem\n * @param ref - reference to root HTMLElement of BreadcrumbItem\n */\nexport const useBreadcrumbItemBase_unstable = (\n  props: BreadcrumbItemBaseProps,\n  ref: React.Ref<HTMLLIElement>,\n): BreadcrumbItemBaseState => {\n  return {\n    components: { root: 'li' },\n    root: slot.always(\n      getIntrinsicElementProps('li', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'li' },\n    ),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useBreadcrumbContext_unstable","useBreadcrumbItem_unstable","props","ref","size","state","useBreadcrumbItemBase_unstable","components","root","always","elementType"],"mappings":"AAAA;;;;;;;;;;;;IAyCaS,8BAAAA;;;8BApBAL;;;;;iEAnBU,QAAQ;gCACgB,4BAA4B;mCAO7B,kCAAkC;AAWzE,MAAMA,6BAA6B,CACxCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,OAAGJ,gDAAAA;IACjB,MAAMK,QAAQC,+BAA+BJ,OAAOC;IAEpD,OAAO;QACL,GAAGE,KAAK;QACRD;IACF;AACF,EAAE;AASK,uCAAuC,CAC5CF,OACAC;IAEA,OAAO;QACLI,YAAY;YAAEC,MAAM;QAAK;QACzBA,MAAMT,oBAAAA,CAAKU,MAAM,KACfX,wCAAAA,EAAyB,MAAM;YAC7BK;YACA,GAAGD,KAAK;QACV,IACA;YAAEQ,aAAa;QAAK;IAExB;AACF,EAAE"}