@fluentui/react-breadcrumb 9.4.4 → 9.74.3-experimental.esm.20260709-49ee7a20cf.0

package/CHANGELOG.md

@@ -1,12 +1,29 @@
 # Change Log - @fluentui/react-breadcrumb
 
-This log was last generated on Mon, 29 Jun 2026 15:14:11 GMT and should not be manually modified.
+This log was last generated on Thu, 09 Jul 2026 17:34:01 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.74.3-experimental.esm.20260709-49ee7a20cf.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.74.3-experimental.esm.20260709-49ee7a20cf.0)
+
+Thu, 09 Jul 2026 17:34:01 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.4.4..@fluentui/react-breadcrumb_v9.74.3-experimental.esm.20260709-49ee7a20cf.0)
+
+### Changes
+
+- Release 9.74.3-experimental.esm.20260709-49ee7a20cf ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
+- Bump @fluentui/react-aria to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+- Bump @fluentui/react-button to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+- Bump @fluentui/react-link to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+- Bump @fluentui/react-tabster to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+- Bump @fluentui/react-theme to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+- Bump @fluentui/react-utilities to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+
 ## [9.4.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.4.4)
 
-Mon, 29 Jun 2026 15:14:11 GMT 
+Mon, 29 Jun 2026 15:15:07 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.4.3..@fluentui/react-breadcrumb_v9.4.4)
 
 ### Patches

package/dist/index.d.cts

@@ -0,0 +1,335 @@
+import type { ButtonProps } from '@fluentui/react-button';
+import type { ButtonSlots } from '@fluentui/react-button';
+import type { ButtonState } from '@fluentui/react-button';
+import type { ComponentProps } from '@fluentui/react-utilities';
+import type { ComponentState } from '@fluentui/react-utilities';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import type { JSXElement } from '@fluentui/react-utilities';
+import * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-utilities';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+import type { TabsterDOMAttribute } from '@fluentui/react-tabster';
+
+/**
+ * Breadcrumb component - TODO: add more docs
+ */
+export declare const Breadcrumb: ForwardRefComponent<BreadcrumbProps>;
+
+export declare type BreadcrumbBaseProps = Omit<BreadcrumbProps, 'size'>;
+
+export declare type BreadcrumbBaseState = Omit<BreadcrumbState, 'size'>;
+
+/**
+ * A button component which is used inside the Breadcrumb.
+ */
+export declare const BreadcrumbButton: ForwardRefComponent<BreadcrumbButtonProps>;
+
+export declare type BreadcrumbButtonBaseProps = Omit<BreadcrumbButtonProps, 'size'>;
+
+export declare type BreadcrumbButtonBaseState = Omit<BreadcrumbButtonState, 'appearance' | 'size' | 'shape'>;
+
+/**
+ * Static CSS class names used internally for the component slots.
+ */
+export declare const breadcrumbButtonClassNames: SlotClassNames<BreadcrumbButtonSlots>;
+
+/**
+ * BreadcrumbButton Props
+ */
+export declare type BreadcrumbButtonProps = ComponentProps<BreadcrumbButtonSlots> & Pick<BreadcrumbProps, 'size'> & Pick<ButtonProps, 'disabled' | 'disabledFocusable'> & {
+    /**
+     * Defines current sate of BreadcrumbButton.
+     *
+     * @default false
+     */
+    current?: boolean;
+};
+
+export declare type BreadcrumbButtonSlots = ButtonSlots;
+
+/**
+ * State used in rendering BreadcrumbButton
+ */
+export declare type BreadcrumbButtonState = ComponentState<BreadcrumbButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components'> & Required<Pick<BreadcrumbButtonProps, 'current' | 'size'>>;
+
+export declare const breadcrumbClassNames: SlotClassNames<BreadcrumbSlots>;
+
+/**
+ * Data shared between breadcrumb components
+ */
+export declare type BreadcrumbContextValues = Required<Pick<BreadcrumbProps, 'size'>>;
+
+/**
+ * A divider component which is used inside the Breadcrumb
+ */
+export declare const BreadcrumbDivider: ForwardRefComponent<BreadcrumbDividerProps>;
+
+/**
+ * BreadcrumbDivider base props (same as BreadcrumbDividerProps since BreadcrumbDivider has no design props of its own)
+ */
+export declare type BreadcrumbDividerBaseProps = BreadcrumbDividerProps;
+
+/**
+ * BreadcrumbDivider base state (excludes size, which is a design prop injected from context)
+ */
+export declare type BreadcrumbDividerBaseState = Omit<BreadcrumbDividerState, 'size'>;
+
+export declare const breadcrumbDividerClassNames: SlotClassNames<BreadcrumbDividerSlots>;
+
+/**
+ * BreadcrumbDivider Props
+ */
+export declare type BreadcrumbDividerProps = ComponentProps<BreadcrumbDividerSlots> & {};
+
+export declare type BreadcrumbDividerSlots = {
+    root: Slot<'li'>;
+};
+
+/**
+ * State used in rendering BreadcrumbDivider
+ */
+export declare type BreadcrumbDividerState = ComponentState<BreadcrumbDividerSlots> & Pick<BreadcrumbProps, 'size'>;
+
+/**
+ * BreadcrumbItem component is a wrapper for BreadcrumbLink and BreadcrumbButton.
+ * It can be used as a non-interactive item.
+ */
+export declare const BreadcrumbItem: ForwardRefComponent<BreadcrumbItemProps>;
+
+/**
+ * BreadcrumbItem base props (same as BreadcrumbItemProps since size is passed through context, not as a design prop)
+ */
+export declare type BreadcrumbItemBaseProps = Omit<BreadcrumbItemProps, 'size'>;
+
+/**
+ * BreadcrumbItem base state (excludes size, which is a design prop injected from context)
+ */
+export declare type BreadcrumbItemBaseState = Omit<BreadcrumbItemState, 'size'>;
+
+export declare const breadcrumbItemClassNames: SlotClassNames<BreadcrumbItemSlots>;
+
+/**
+ * BreadcrumbItem Props
+ */
+export declare type BreadcrumbItemProps = ComponentProps<BreadcrumbItemSlots> & Pick<BreadcrumbProps, 'size'>;
+
+export declare type BreadcrumbItemSlots = {
+    root: Slot<'li'>;
+};
+
+/**
+ * State used in rendering BreadcrumbItem
+ */
+export declare type BreadcrumbItemState = ComponentState<BreadcrumbItemSlots> & Required<Pick<BreadcrumbItemProps, 'size'>>;
+
+/**
+ * Breadcrumb Props
+ */
+export declare type BreadcrumbProps = ComponentProps<BreadcrumbSlots> & {
+    /**
+     * Sets the focus behavior for the Breadcrumb.
+     *
+     * `tab`
+     * This behaviour will cycle through all elements inside of the Breadcrumb when pressing the Tab key and then release focus
+     * after the last inner element.
+     *
+     * `arrow`
+     * This behaviour will cycle through all elements inside of the Breadcrumb when pressing the Arrow key.
+     *
+     * @default 'tab'
+     */
+    focusMode?: 'arrow' | 'tab';
+    /**
+     * Controls size of Breadcrumb items and dividers.
+     *
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+};
+
+/**
+ * @internal
+ */
+export declare const BreadcrumbProvider: React_2.Provider<Required<Pick<BreadcrumbProps, "size">> | undefined>;
+
+export declare type BreadcrumbSlots = {
+    /**
+     * Root element of the component.
+     */
+    root: Slot<'nav'>;
+    /**
+     * Ordered list which contains items.
+     */
+    list?: Slot<'ol'>;
+};
+
+/**
+ * State used in rendering Breadcrumb
+ */
+export declare type BreadcrumbState = ComponentState<BreadcrumbSlots> & Required<Pick<BreadcrumbProps, 'size'>>;
+
+export declare const isTruncatableBreadcrumbContent: (content: string, maxLength: number) => boolean;
+
+export declare type PartitionBreadcrumbItems<T> = {
+    startDisplayedItems: readonly T[];
+    overflowItems?: readonly T[];
+    endDisplayedItems?: readonly T[];
+};
+
+/**
+ * Get the displayed items and overflowing items based on the array of BreadcrumbItems needed for Breadcrumb.
+ *
+ * @param options - Configure the partition options
+ *
+ * @returns Three arrays split into displayed items and overflow items based on maxDisplayedItems.
+ */
+export declare const partitionBreadcrumbItems: <T>(options: PartitionBreadcrumbItemsOptions<T>) => PartitionBreadcrumbItems<T>;
+
+export declare type PartitionBreadcrumbItemsOptions<T> = {
+    items: readonly T[];
+    maxDisplayedItems?: number;
+    overflowIndex?: number;
+};
+
+/**
+ * Render the final JSX of Breadcrumb
+ */
+export declare const renderBreadcrumb_unstable: (state: BreadcrumbBaseState, contextValues: BreadcrumbContextValues) => JSXElement;
+
+/**
+ * Render the final JSX of BreadcrumbButton
+ */
+export declare const renderBreadcrumbButton_unstable: (state: BreadcrumbButtonBaseState) => JSXElement;
+
+/**
+ * Render the final JSX of BreadcrumbDivider
+ */
+export declare const renderBreadcrumbDivider_unstable: (state: BreadcrumbDividerBaseState) => JSXElement;
+
+/**
+ * Render the final JSX of BreadcrumbItem
+ */
+export declare const renderBreadcrumbItem_unstable: (state: BreadcrumbItemBaseState) => JSXElement;
+
+export declare const truncateBreadcrumbLongName: (content: string, maxLength?: number) => string;
+
+export declare const truncateBreadcrumLongTooltip: (content: string, maxLength?: number) => string;
+
+/**
+ * Create the state required to render Breadcrumb.
+ *
+ * The returned state can be modified with hooks such as useBreadcrumbStyles_unstable,
+ * before being passed to renderBreadcrumb_unstable.
+ *
+ * @param props - props from this instance of Breadcrumb
+ * @param ref - reference to root HTMLElement of Breadcrumb
+ */
+export declare const useBreadcrumb_unstable: (props: BreadcrumbProps, ref: React_2.Ref<HTMLElement>) => BreadcrumbState;
+
+/**
+ * Hook to get accessibility attributes for Breadcrumb component, such as roving tab index.
+ * Based on Tabster's useArrowNavigationGroup.
+ *
+ * @param focusMode - whether the Breadcrumb uses arrow key navigation or tab key navigation
+ * @returns Tabster DOM attributes
+ */
+export declare const useBreadcrumbA11yBehavior_unstable: ({ focusMode, }: Pick<BreadcrumbBaseProps, "focusMode">) => Partial<TabsterDOMAttribute>;
+
+/**
+ * Base hook for Breadcrumb component, which manages state related to slots structure and ARIA attributes.
+ *
+ * Note: keyboard navigation behavior is not handled in this hook, but in useBreadcrumbA11yBehavior_unstable.
+ *
+ * @param props - props from this instance of Breadcrumb
+ * @param ref - reference to root HTMLElement of Breadcrumb
+ */
+export declare const useBreadcrumbBase_unstable: (props: BreadcrumbBaseProps, ref: React_2.Ref<HTMLElement>) => BreadcrumbBaseState;
+
+/**
+ * Create the state required to render BreadcrumbButton.
+ *
+ * The returned state can be modified with hooks such as useBreadcrumbButtonStyles_unstable,
+ * before being passed to renderBreadcrumbButton_unstable.
+ *
+ * @param props - props from this instance of BreadcrumbButton
+ * @param ref - reference to root HTMLElement of BreadcrumbButton
+ */
+export declare const useBreadcrumbButton_unstable: (props: BreadcrumbButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => BreadcrumbButtonState;
+
+/**
+ * Base hook for BreadcrumbButton component, which manages state related to button behavior,
+ * ARIA attributes (aria-current, aria-disabled), and slot structure without design props.
+ *
+ * @param props - props from this instance of BreadcrumbButton
+ * @param ref - reference to root HTMLElement of BreadcrumbButton
+ */
+export declare const useBreadcrumbButtonBase_unstable: (props: BreadcrumbButtonBaseProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => BreadcrumbButtonBaseState;
+
+/**
+ * Apply styling to the BreadcrumbButton slots based on the state
+ */
+export declare const useBreadcrumbButtonStyles_unstable: (state: BreadcrumbButtonState) => BreadcrumbButtonState;
+
+/**
+ * @internal
+ */
+export declare const useBreadcrumbContext_unstable: () => BreadcrumbContextValues;
+
+export declare function useBreadcrumbContextValues_unstable(state: BreadcrumbState): BreadcrumbContextValues;
+
+/**
+ * Create the state required to render BreadcrumbDivider.
+ *
+ * The returned state can be modified with hooks such as useBreadcrumbDividerStyles_unstable,
+ * before being passed to renderBreadcrumbDivider_unstable.
+ *
+ * @param props - props from this instance of BreadcrumbDivider
+ * @param ref - reference to root HTMLElement of BreadcrumbDivider
+ */
+export declare const useBreadcrumbDivider_unstable: (props: BreadcrumbDividerProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbDividerState;
+
+/**
+ * Base hook for BreadcrumbDivider component, which manages state related to slots structure and ARIA attributes
+ * without design props. Note: size is provided via BreadcrumbContext in the full hook.
+ *
+ * @param props - props from this instance of BreadcrumbDivider
+ * @param ref - reference to root HTMLElement of BreadcrumbDivider
+ */
+export declare const useBreadcrumbDividerBase_unstable: (props: BreadcrumbDividerBaseProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbDividerBaseState;
+
+/**
+ * Apply styling to the BreadcrumbDivider slots based on the state
+ */
+export declare const useBreadcrumbDividerStyles_unstable: (state: BreadcrumbDividerState) => BreadcrumbDividerState;
+
+/**
+ * Create the state required to render BreadcrumbItem.
+ *
+ * The returned state can be modified with hooks such as useBreadcrumbItemStyles_unstable,
+ * before being passed to renderBreadcrumbItem_unstable.
+ *
+ * @param props - props from this instance of BreadcrumbItem
+ * @param ref - reference to root HTMLElement of BreadcrumbItem
+ */
+export declare const useBreadcrumbItem_unstable: (props: BreadcrumbItemProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbItemState;
+
+/**
+ * Base hook for BreadcrumbItem component, which manages state related to slots structure
+ * without design props. Note: size is provided via BreadcrumbContext in the full hook.
+ *
+ * @param props - props from this instance of BreadcrumbItem
+ * @param ref - reference to root HTMLElement of BreadcrumbItem
+ */
+export declare const useBreadcrumbItemBase_unstable: (props: BreadcrumbItemBaseProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbItemBaseState;
+
+/**
+ * Apply styling to the BreadcrumbItem slots based on the state
+ */
+export declare const useBreadcrumbItemStyles_unstable: (state: BreadcrumbItemState) => BreadcrumbItemState;
+
+/**
+ * Apply styling to the Breadcrumb slots based on the state
+ */
+export declare const useBreadcrumbStyles_unstable: (state: BreadcrumbState) => BreadcrumbState;
+
+export { }

package/lib/Breadcrumb.js

@@ -1 +1 @@
-export { Breadcrumb, BreadcrumbProvider, breadcrumbClassNames, breadcrumbDefaultValue, renderBreadcrumb_unstable, useBreadcrumbContext_unstable, useBreadcrumbStyles_unstable, useBreadcrumb_unstable, useBreadcrumbContextValues_unstable, useBreadcrumbBase_unstable, useBreadcrumbA11yBehavior_unstable } from './components/Breadcrumb/index';
+export { Breadcrumb, BreadcrumbProvider, breadcrumbClassNames, breadcrumbDefaultValue, renderBreadcrumb_unstable, useBreadcrumbContext_unstable, useBreadcrumbStyles_unstable, useBreadcrumb_unstable, useBreadcrumbContextValues_unstable, useBreadcrumbBase_unstable, useBreadcrumbA11yBehavior_unstable } from "./components/Breadcrumb/index.js";

package/lib/Breadcrumb.js.map

@@ -1 +1 @@
-{"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  useBreadcrumbContextValues_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","useBreadcrumbContextValues_unstable","useBreadcrumbBase_unstable","useBreadcrumbA11yBehavior_unstable"],"mappings":"AAQA,SACEA,UAAU,EACVC,kBAAkB,EAClBC,oBAAoB,EACpBC,sBAAsB,EACtBC,yBAAyB,EACzBC,6BAA6B,EAC7BC,4BAA4B,EAC5BC,sBAAsB,EACtBC,mCAAmC,EACnCC,0BAA0B,EAC1BC,kCAAkC,QAC7B,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  useBreadcrumbContextValues_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","useBreadcrumbContextValues_unstable","useBreadcrumbBase_unstable","useBreadcrumbA11yBehavior_unstable"],"mappings":"AAQA,SACEA,UAAU,EACVC,kBAAkB,EAClBC,oBAAoB,EACpBC,sBAAsB,EACtBC,yBAAyB,EACzBC,6BAA6B,EAC7BC,4BAA4B,EAC5BC,sBAAsB,EACtBC,mCAAmC,EACnCC,0BAA0B,EAC1BC,kCAAkC,QAC7B,mCAAgC"}

package/lib/BreadcrumbButton.js

@@ -1 +1 @@
-export { BreadcrumbButton, breadcrumbButtonClassNames, renderBreadcrumbButton_unstable, useBreadcrumbButtonStyles_unstable, useBreadcrumbButton_unstable, useBreadcrumbButtonBase_unstable } from './components/BreadcrumbButton/index';
+export { BreadcrumbButton, breadcrumbButtonClassNames, renderBreadcrumbButton_unstable, useBreadcrumbButtonStyles_unstable, useBreadcrumbButton_unstable, useBreadcrumbButtonBase_unstable } from "./components/BreadcrumbButton/index.js";

package/lib/BreadcrumbButton.js.map

@@ -1 +1 @@
-{"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":"AAOA,SACEA,gBAAgB,EAChBC,0BAA0B,EAC1BC,+BAA+B,EAC/BC,kCAAkC,EAClCC,4BAA4B,EAC5BC,gCAAgC,QAC3B,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":"AAOA,SACEA,gBAAgB,EAChBC,0BAA0B,EAC1BC,+BAA+B,EAC/BC,kCAAkC,EAClCC,4BAA4B,EAC5BC,gCAAgC,QAC3B,yCAAsC"}

package/lib/BreadcrumbDivider.js

@@ -1 +1 @@
-export { BreadcrumbDivider, breadcrumbDividerClassNames, renderBreadcrumbDivider_unstable, useBreadcrumbDividerStyles_unstable, useBreadcrumbDivider_unstable, useBreadcrumbDividerBase_unstable } from './components/BreadcrumbDivider/index';
+export { BreadcrumbDivider, breadcrumbDividerClassNames, renderBreadcrumbDivider_unstable, useBreadcrumbDividerStyles_unstable, useBreadcrumbDivider_unstable, useBreadcrumbDividerBase_unstable } from "./components/BreadcrumbDivider/index.js";

package/lib/BreadcrumbDivider.js.map

@@ -1 +1 @@
-{"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":"AAOA,SACEA,iBAAiB,EACjBC,2BAA2B,EAC3BC,gCAAgC,EAChCC,mCAAmC,EACnCC,6BAA6B,EAC7BC,iCAAiC,QAC5B,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":"AAOA,SACEA,iBAAiB,EACjBC,2BAA2B,EAC3BC,gCAAgC,EAChCC,mCAAmC,EACnCC,6BAA6B,EAC7BC,iCAAiC,QAC5B,0CAAuC"}

package/lib/BreadcrumbItem.js

@@ -1 +1 @@
-export { BreadcrumbItem, breadcrumbItemClassNames, renderBreadcrumbItem_unstable, useBreadcrumbItemStyles_unstable, useBreadcrumbItem_unstable, useBreadcrumbItemBase_unstable } from './components/BreadcrumbItem/index';
+export { BreadcrumbItem, breadcrumbItemClassNames, renderBreadcrumbItem_unstable, useBreadcrumbItemStyles_unstable, useBreadcrumbItem_unstable, useBreadcrumbItemBase_unstable } from "./components/BreadcrumbItem/index.js";

package/lib/BreadcrumbItem.js.map

@@ -1 +1 @@
-{"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":"AAOA,SACEA,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,EAC1BC,8BAA8B,QACzB,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":"AAOA,SACEA,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,EAC1BC,8BAA8B,QACzB,uCAAoC"}

package/lib/components/Breadcrumb/Breadcrumb.js

@@ -1,10 +1,10 @@
 'use client';
-import * as React from 'react';
-import { useBreadcrumb_unstable } from './useBreadcrumb';
-import { renderBreadcrumb_unstable } from './renderBreadcrumb';
-import { useBreadcrumbStyles_unstable } from './useBreadcrumbStyles.styles';
-import { useBreadcrumbContextValues_unstable } from './useBreadcrumbContextValue';
-import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+import * as React from "react";
+import { useBreadcrumb_unstable } from "./useBreadcrumb.js";
+import { renderBreadcrumb_unstable } from "./renderBreadcrumb.js";
+import { useBreadcrumbStyles_unstable } from "./useBreadcrumbStyles.styles.js";
+import { useBreadcrumbContextValues_unstable } from "./useBreadcrumbContextValue.js";
+import { useCustomStyleHook_unstable } from "@fluentui/react-shared-contexts";
 /**
  * Breadcrumb component - TODO: add more docs
  */ export const Breadcrumb = /*#__PURE__*/ React.forwardRef((props, ref)=>{

package/lib/components/Breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useBreadcrumb_unstable } from './useBreadcrumb';\nimport { renderBreadcrumb_unstable } from './renderBreadcrumb';\nimport { useBreadcrumbStyles_unstable } from './useBreadcrumbStyles.styles';\nimport type { BreadcrumbProps } from './Breadcrumb.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useBreadcrumbContextValues_unstable } from './useBreadcrumbContextValue';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Breadcrumb component - TODO: add more docs\n */\nexport const Breadcrumb: ForwardRefComponent<BreadcrumbProps> = React.forwardRef((props, ref) => {\n  const state = useBreadcrumb_unstable(props, ref);\n  const contextValues = useBreadcrumbContextValues_unstable(state);\n\n  useBreadcrumbStyles_unstable(state);\n  useCustomStyleHook_unstable('useBreadcrumbStyles_unstable')(state);\n\n  return renderBreadcrumb_unstable(state, contextValues);\n});\n\nBreadcrumb.displayName = 'Breadcrumb';\n"],"names":["React","useBreadcrumb_unstable","renderBreadcrumb_unstable","useBreadcrumbStyles_unstable","useBreadcrumbContextValues_unstable","useCustomStyleHook_unstable","Breadcrumb","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,+BAA+B;AAG5E,SAASC,mCAAmC,QAAQ,8BAA8B;AAClF,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,2BAAmDN,MAAMO,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,QAAQT,uBAAuBO,OAAOC;IAC5C,MAAME,gBAAgBP,oCAAoCM;IAE1DP,6BAA6BO;IAC7BL,4BAA4B,gCAAgCK;IAE5D,OAAOR,0BAA0BQ,OAAOC;AAC1C,GAAG;AAEHL,WAAWM,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useBreadcrumb_unstable } from './useBreadcrumb';\nimport { renderBreadcrumb_unstable } from './renderBreadcrumb';\nimport { useBreadcrumbStyles_unstable } from './useBreadcrumbStyles.styles';\nimport type { BreadcrumbProps } from './Breadcrumb.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useBreadcrumbContextValues_unstable } from './useBreadcrumbContextValue';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Breadcrumb component - TODO: add more docs\n */\nexport const Breadcrumb: ForwardRefComponent<BreadcrumbProps> = React.forwardRef((props, ref) => {\n  const state = useBreadcrumb_unstable(props, ref);\n  const contextValues = useBreadcrumbContextValues_unstable(state);\n\n  useBreadcrumbStyles_unstable(state);\n  useCustomStyleHook_unstable('useBreadcrumbStyles_unstable')(state);\n\n  return renderBreadcrumb_unstable(state, contextValues);\n});\n\nBreadcrumb.displayName = 'Breadcrumb';\n"],"names":["React","useBreadcrumb_unstable","renderBreadcrumb_unstable","useBreadcrumbStyles_unstable","useBreadcrumbContextValues_unstable","useCustomStyleHook_unstable","Breadcrumb","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sBAAsB,QAAQ,qBAAkB;AACzD,SAASC,yBAAyB,QAAQ,wBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,kCAA+B;AAG5E,SAASC,mCAAmC,QAAQ,iCAA8B;AAClF,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,2BAAmDN,MAAMO,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,QAAQT,uBAAuBO,OAAOC;IAC5C,MAAME,gBAAgBP,oCAAoCM;IAE1DP,6BAA6BO;IAC7BL,4BAA4B,gCAAgCK;IAE5D,OAAOR,0BAA0BQ,OAAOC;AAC1C,GAAG;AAEHL,WAAWM,WAAW,GAAG"}

package/lib/components/Breadcrumb/BreadcrumbContext.js

@@ -1,5 +1,5 @@
 'use client';
-import * as React from 'react';
+import * as React from "react";
 const BreadcrumbContext = React.createContext(undefined);
 /**
  * @internal

package/lib/components/Breadcrumb/index.js

@@ -1,6 +1,6 @@
-export { Breadcrumb } from './Breadcrumb';
-export { BreadcrumbProvider, breadcrumbDefaultValue, useBreadcrumbContext_unstable } from './BreadcrumbContext';
-export { renderBreadcrumb_unstable } from './renderBreadcrumb';
-export { useBreadcrumb_unstable, useBreadcrumbBase_unstable, useBreadcrumbA11yBehavior_unstable } from './useBreadcrumb';
-export { useBreadcrumbContextValues_unstable } from './useBreadcrumbContextValue';
-export { breadcrumbClassNames, useBreadcrumbStyles_unstable } from './useBreadcrumbStyles.styles';
+export { Breadcrumb } from "./Breadcrumb.js";
+export { BreadcrumbProvider, breadcrumbDefaultValue, useBreadcrumbContext_unstable } from "./BreadcrumbContext.js";
+export { renderBreadcrumb_unstable } from "./renderBreadcrumb.js";
+export { useBreadcrumb_unstable, useBreadcrumbBase_unstable, useBreadcrumbA11yBehavior_unstable } from "./useBreadcrumb.js";
+export { useBreadcrumbContextValues_unstable } from "./useBreadcrumbContextValue.js";
+export { breadcrumbClassNames, useBreadcrumbStyles_unstable } from "./useBreadcrumbStyles.styles.js";

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

@@ -1 +1 @@
-{"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 { useBreadcrumbContextValues_unstable } from './useBreadcrumbContextValue';\nexport { breadcrumbClassNames, useBreadcrumbStyles_unstable } from './useBreadcrumbStyles.styles';\n"],"names":["Breadcrumb","BreadcrumbProvider","breadcrumbDefaultValue","useBreadcrumbContext_unstable","renderBreadcrumb_unstable","useBreadcrumb_unstable","useBreadcrumbBase_unstable","useBreadcrumbA11yBehavior_unstable","useBreadcrumbContextValues_unstable","breadcrumbClassNames","useBreadcrumbStyles_unstable"],"mappings":"AAAA,SAASA,UAAU,QAAQ,eAAe;AAS1C,SAASC,kBAAkB,EAAEC,sBAAsB,EAAEC,6BAA6B,QAAQ,sBAAsB;AAChH,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SACEC,sBAAsB,EACtBC,0BAA0B,EAC1BC,kCAAkC,QAC7B,kBAAkB;AACzB,SAASC,mCAAmC,QAAQ,8BAA8B;AAClF,SAASC,oBAAoB,EAAEC,4BAA4B,QAAQ,+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 { useBreadcrumbContextValues_unstable } from './useBreadcrumbContextValue';\nexport { breadcrumbClassNames, useBreadcrumbStyles_unstable } from './useBreadcrumbStyles.styles';\n"],"names":["Breadcrumb","BreadcrumbProvider","breadcrumbDefaultValue","useBreadcrumbContext_unstable","renderBreadcrumb_unstable","useBreadcrumb_unstable","useBreadcrumbBase_unstable","useBreadcrumbA11yBehavior_unstable","useBreadcrumbContextValues_unstable","breadcrumbClassNames","useBreadcrumbStyles_unstable"],"mappings":"AAAA,SAASA,UAAU,QAAQ,kBAAe;AAS1C,SAASC,kBAAkB,EAAEC,sBAAsB,EAAEC,6BAA6B,QAAQ,yBAAsB;AAChH,SAASC,yBAAyB,QAAQ,wBAAqB;AAC/D,SACEC,sBAAsB,EACtBC,0BAA0B,EAC1BC,kCAAkC,QAC7B,qBAAkB;AACzB,SAASC,mCAAmC,QAAQ,iCAA8B;AAClF,SAASC,oBAAoB,EAAEC,4BAA4B,QAAQ,kCAA+B"}

package/lib/components/Breadcrumb/renderBreadcrumb.js

@@ -1,6 +1,6 @@
   import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
-import { assertSlots } from '@fluentui/react-utilities';
-import { BreadcrumbProvider } from './BreadcrumbContext';
+import { assertSlots } from "@fluentui/react-utilities";
+import { BreadcrumbProvider } from "./BreadcrumbContext.js";
 /**
  * Render the final JSX of Breadcrumb
  */ export const renderBreadcrumb_unstable = (state, contextValues)=>{

package/lib/components/Breadcrumb/renderBreadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Breadcrumb/renderBreadcrumb.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport { BreadcrumbProvider } from './BreadcrumbContext';\nimport type { BreadcrumbBaseState, BreadcrumbSlots, BreadcrumbContextValues } from './Breadcrumb.types';\n/**\n * Render the final JSX of Breadcrumb\n */\nexport const renderBreadcrumb_unstable = (\n  state: BreadcrumbBaseState,\n  contextValues: BreadcrumbContextValues,\n): JSXElement => {\n  assertSlots<BreadcrumbSlots>(state);\n  return (\n    <state.root>\n      <BreadcrumbProvider value={contextValues}>\n        {state.list && <state.list>{state.root.children}</state.list>}\n      </BreadcrumbProvider>\n    </state.root>\n  );\n};\n"],"names":["assertSlots","BreadcrumbProvider","renderBreadcrumb_unstable","state","contextValues","root","value","list","children"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD,SAASC,kBAAkB,QAAQ,sBAAsB;AAEzD;;CAEC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEAJ,YAA6BG;IAC7B,qBACE,KAACA,MAAME,IAAI;kBACT,cAAA,KAACJ;YAAmBK,OAAOF;sBACxBD,MAAMI,IAAI,kBAAI,KAACJ,MAAMI,IAAI;0BAAEJ,MAAME,IAAI,CAACG,QAAQ;;;;AAIvD,EAAE"}
+{"version":3,"sources":["../src/components/Breadcrumb/renderBreadcrumb.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport { BreadcrumbProvider } from './BreadcrumbContext';\nimport type { BreadcrumbBaseState, BreadcrumbSlots, BreadcrumbContextValues } from './Breadcrumb.types';\n/**\n * Render the final JSX of Breadcrumb\n */\nexport const renderBreadcrumb_unstable = (\n  state: BreadcrumbBaseState,\n  contextValues: BreadcrumbContextValues,\n): JSXElement => {\n  assertSlots<BreadcrumbSlots>(state);\n  return (\n    <state.root>\n      <BreadcrumbProvider value={contextValues}>\n        {state.list && <state.list>{state.root.children}</state.list>}\n      </BreadcrumbProvider>\n    </state.root>\n  );\n};\n"],"names":["assertSlots","BreadcrumbProvider","renderBreadcrumb_unstable","state","contextValues","root","value","list","children"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD,SAASC,kBAAkB,QAAQ,yBAAsB;AAEzD;;CAEC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEAJ,YAA6BG;IAC7B,qBACE,KAACA,MAAME,IAAI;kBACT,cAAA,KAACJ;YAAmBK,OAAOF;sBACxBD,MAAMI,IAAI,kBAAI,KAACJ,MAAMI,IAAI;0BAAEJ,MAAME,IAAI,CAACG,QAAQ;;;;AAIvD,EAAE"}

package/lib/components/Breadcrumb/useBreadcrumb.js

@@ -1,6 +1,6 @@
 'use client';
-import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
-import { useArrowNavigationGroup } from '@fluentui/react-tabster';
+import { getIntrinsicElementProps, slot } from "@fluentui/react-utilities";
+import { useArrowNavigationGroup } from "@fluentui/react-tabster";
 /**
  * Create the state required to render Breadcrumb.
  *

package/lib/components/Breadcrumb/useBreadcrumbContextValue.js

@@ -1,5 +1,5 @@
 'use client';
-import * as React from 'react';
+import * as React from "react";
 export function useBreadcrumbContextValues_unstable(state) {
     const { size } = state;
     return React.useMemo(()=>({

package/lib/components/Breadcrumb/useBreadcrumbStyles.styles.js

@@ -1,6 +1,6 @@
 'use client';
 
-import { __resetStyles, mergeClasses } from '@griffel/react';
+import { __resetStyles, mergeClasses } from "@griffel/react";
 export const breadcrumbClassNames = {
   root: 'fui-Breadcrumb',
   list: 'fui-Breadcrumb__list'

package/lib/components/Breadcrumb/useBreadcrumbStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__resetStyles","mergeClasses","breadcrumbClassNames","root","list","useListClassName","useBreadcrumbStyles_unstable","state","listBaseClassName","className"],"sources":["useBreadcrumbStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nexport const breadcrumbClassNames = {\n    root: 'fui-Breadcrumb',\n    list: 'fui-Breadcrumb__list'\n};\nconst useListClassName = makeResetStyles({\n    listStyleType: 'none',\n    display: 'flex',\n    alignItems: 'center',\n    margin: 0,\n    padding: 0\n});\n/**\n * Apply styling to the Breadcrumb slots based on the state\n */ export const useBreadcrumbStyles_unstable = (state)=>{\n    const listBaseClassName = useListClassName();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n    if (state.list) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,aAAA,EAA0BC,YAAY,QAAQ,gBAAgB;AAC9D,OAAO,MAAMC,oBAAoB,GAAG;EAChCC,IAAI,EAAE,gBAAgB;EACtBC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,gBAAgB,gBAAGL,aAAA,wGAMxB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMM,4BAA4B,GAAIC,KAAK,IAAG;EACrD,MAAMC,iBAAiB,GAAGH,gBAAgB,CAAC,CAAC;EAC5C;EACAE,KAAK,CAACJ,IAAI,CAACM,SAAS,GAAGR,YAAY,CAACC,oBAAoB,CAACC,IAAI,EAAEI,KAAK,CAACJ,IAAI,CAACM,SAAS,CAAC;EACpF,IAAIF,KAAK,CAACH,IAAI,EAAE;IACZ;IACAG,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGR,YAAY,CAACO,iBAAiB,EAAEN,oBAAoB,CAACE,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAC3G;EACA,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__resetStyles","mergeClasses","breadcrumbClassNames","root","list","useListClassName","useBreadcrumbStyles_unstable","state","listBaseClassName","className"],"sources":["useBreadcrumbStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, mergeClasses } from \"@griffel/react\";\nexport const breadcrumbClassNames = {\n    root: 'fui-Breadcrumb',\n    list: 'fui-Breadcrumb__list'\n};\nconst useListClassName = makeResetStyles({\n    listStyleType: 'none',\n    display: 'flex',\n    alignItems: 'center',\n    margin: 0,\n    padding: 0\n});\n/**\n * Apply styling to the Breadcrumb slots based on the state\n */ export const useBreadcrumbStyles_unstable = (state)=>{\n    const listBaseClassName = useListClassName();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n    if (state.list) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,aAAA,EAA0BC,YAAY,QAAQ,gBAAgB;AAC9D,OAAO,MAAMC,oBAAoB,GAAG;EAChCC,IAAI,EAAE,gBAAgB;EACtBC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,gBAAgB,gBAAGL,aAAA,wGAMxB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMM,4BAA4B,GAAIC,KAAK,IAAG;EACrD,MAAMC,iBAAiB,GAAGH,gBAAgB,CAAC,CAAC;EAC5C;EACAE,KAAK,CAACJ,IAAI,CAACM,SAAS,GAAGR,YAAY,CAACC,oBAAoB,CAACC,IAAI,EAAEI,KAAK,CAACJ,IAAI,CAACM,SAAS,CAAC;EACpF,IAAIF,KAAK,CAACH,IAAI,EAAE;IACZ;IACAG,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGR,YAAY,CAACO,iBAAiB,EAAEN,oBAAoB,CAACE,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAC3G;EACA,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/Breadcrumb/useBreadcrumbStyles.styles.raw.js

@@ -1,5 +1,5 @@
 'use client';
-import { makeResetStyles, mergeClasses } from '@griffel/react';
+import { makeResetStyles, mergeClasses } from "@griffel/react";
 export const breadcrumbClassNames = {
     root: 'fui-Breadcrumb',
     list: 'fui-Breadcrumb__list'

package/lib/components/BreadcrumbButton/BreadcrumbButton.js

@@ -1,9 +1,9 @@
 'use client';
-import * as React from 'react';
-import { useBreadcrumbButton_unstable } from './useBreadcrumbButton';
-import { renderBreadcrumbButton_unstable } from './renderBreadcrumbButton';
-import { useBreadcrumbButtonStyles_unstable } from './useBreadcrumbButtonStyles.styles';
-import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+import * as React from "react";
+import { useBreadcrumbButton_unstable } from "./useBreadcrumbButton.js";
+import { renderBreadcrumbButton_unstable } from "./renderBreadcrumbButton.js";
+import { useBreadcrumbButtonStyles_unstable } from "./useBreadcrumbButtonStyles.styles.js";
+import { useCustomStyleHook_unstable } from "@fluentui/react-shared-contexts";
 /**
  * A button component which is used inside the Breadcrumb.
  */ export const BreadcrumbButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{

package/lib/components/BreadcrumbButton/BreadcrumbButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/BreadcrumbButton/BreadcrumbButton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useBreadcrumbButton_unstable } from './useBreadcrumbButton';\nimport { renderBreadcrumbButton_unstable } from './renderBreadcrumbButton';\nimport { useBreadcrumbButtonStyles_unstable } from './useBreadcrumbButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport type { BreadcrumbButtonProps } from './BreadcrumbButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * A button component which is used inside the Breadcrumb.\n */\nexport const BreadcrumbButton: ForwardRefComponent<BreadcrumbButtonProps> = React.forwardRef((props, ref) => {\n  const state = useBreadcrumbButton_unstable(props, ref);\n\n  useBreadcrumbButtonStyles_unstable(state);\n  useCustomStyleHook_unstable('useBreadcrumbButtonStyles_unstable')(state);\n\n  return renderBreadcrumbButton_unstable(state);\n});\n\nBreadcrumbButton.displayName = 'BreadcrumbButton';\n"],"names":["React","useBreadcrumbButton_unstable","renderBreadcrumbButton_unstable","useBreadcrumbButtonStyles_unstable","useCustomStyleHook_unstable","BreadcrumbButton","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,2BAA2B;AAC3E,SAASC,kCAAkC,QAAQ,qCAAqC;AACxF,SAASC,2BAA2B,QAAQ,kCAAkC;AAI9E;;CAEC,GACD,OAAO,MAAMC,iCAA+DL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACnG,MAAMC,QAAQR,6BAA6BM,OAAOC;IAElDL,mCAAmCM;IACnCL,4BAA4B,sCAAsCK;IAElE,OAAOP,gCAAgCO;AACzC,GAAG;AAEHJ,iBAAiBK,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/BreadcrumbButton/BreadcrumbButton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useBreadcrumbButton_unstable } from './useBreadcrumbButton';\nimport { renderBreadcrumbButton_unstable } from './renderBreadcrumbButton';\nimport { useBreadcrumbButtonStyles_unstable } from './useBreadcrumbButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport type { BreadcrumbButtonProps } from './BreadcrumbButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * A button component which is used inside the Breadcrumb.\n */\nexport const BreadcrumbButton: ForwardRefComponent<BreadcrumbButtonProps> = React.forwardRef((props, ref) => {\n  const state = useBreadcrumbButton_unstable(props, ref);\n\n  useBreadcrumbButtonStyles_unstable(state);\n  useCustomStyleHook_unstable('useBreadcrumbButtonStyles_unstable')(state);\n\n  return renderBreadcrumbButton_unstable(state);\n});\n\nBreadcrumbButton.displayName = 'BreadcrumbButton';\n"],"names":["React","useBreadcrumbButton_unstable","renderBreadcrumbButton_unstable","useBreadcrumbButtonStyles_unstable","useCustomStyleHook_unstable","BreadcrumbButton","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,4BAA4B,QAAQ,2BAAwB;AACrE,SAASC,+BAA+B,QAAQ,8BAA2B;AAC3E,SAASC,kCAAkC,QAAQ,wCAAqC;AACxF,SAASC,2BAA2B,QAAQ,kCAAkC;AAI9E;;CAEC,GACD,OAAO,MAAMC,iCAA+DL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACnG,MAAMC,QAAQR,6BAA6BM,OAAOC;IAElDL,mCAAmCM;IACnCL,4BAA4B,sCAAsCK;IAElE,OAAOP,gCAAgCO;AACzC,GAAG;AAEHJ,iBAAiBK,WAAW,GAAG"}

package/lib/components/BreadcrumbButton/index.js

@@ -1,4 +1,4 @@
-export { BreadcrumbButton } from './BreadcrumbButton';
-export { renderBreadcrumbButton_unstable } from './renderBreadcrumbButton';
-export { useBreadcrumbButton_unstable, useBreadcrumbButtonBase_unstable } from './useBreadcrumbButton';
-export { breadcrumbButtonClassNames, useBreadcrumbButtonStyles_unstable } from './useBreadcrumbButtonStyles.styles';
+export { BreadcrumbButton } from "./BreadcrumbButton.js";
+export { renderBreadcrumbButton_unstable } from "./renderBreadcrumbButton.js";
+export { useBreadcrumbButton_unstable, useBreadcrumbButtonBase_unstable } from "./useBreadcrumbButton.js";
+export { breadcrumbButtonClassNames, useBreadcrumbButtonStyles_unstable } from "./useBreadcrumbButtonStyles.styles.js";

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

@@ -1 +1 @@
-{"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":"AAAA,SAASA,gBAAgB,QAAQ,qBAAqB;AAQtD,SAASC,+BAA+B,QAAQ,2BAA2B;AAC3E,SAASC,4BAA4B,EAAEC,gCAAgC,QAAQ,wBAAwB;AACvG,SAASC,0BAA0B,EAAEC,kCAAkC,QAAQ,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":"AAAA,SAASA,gBAAgB,QAAQ,wBAAqB;AAQtD,SAASC,+BAA+B,QAAQ,8BAA2B;AAC3E,SAASC,4BAA4B,EAAEC,gCAAgC,QAAQ,2BAAwB;AACvG,SAASC,0BAA0B,EAAEC,kCAAkC,QAAQ,wCAAqC"}

package/lib/components/BreadcrumbButton/renderBreadcrumbButton.js

@@ -1,4 +1,4 @@
-import { renderButton_unstable } from '@fluentui/react-button';
+import { renderButton_unstable } from "@fluentui/react-button";
 /**
  * Render the final JSX of BreadcrumbButton
  */ export const renderBreadcrumbButton_unstable = (state)=>{

package/lib/components/BreadcrumbButton/useBreadcrumbButton.js

@@ -1,6 +1,6 @@
 'use client';
-import { useButtonBase_unstable } from '@fluentui/react-button';
-import { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';
+import { useButtonBase_unstable } from "@fluentui/react-button";
+import { useBreadcrumbContext_unstable } from "../Breadcrumb/BreadcrumbContext.js";
 /**
  * Create the state required to render BreadcrumbButton.
  *