npm - @fluentui/react-breadcrumb - Versions diffs - 9.3.6 → 9.3.7 - Mend

@fluentui/react-breadcrumb 9.3.6 → 9.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (74) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,12 +1,28 @@
 # Change Log - @fluentui/react-breadcrumb
-This log was last generated on Mon, 08 Sep 2025 12:42:03 GMT and should not be manually modified.
+This log was last generated on Thu, 02 Oct 2025 15:07:01 GMT and should not be manually modified.
 <!-- Start content -->
+## [9.3.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.3.7)
+Thu, 02 Oct 2025 15:07:01 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.3.6..@fluentui/react-breadcrumb_v9.3.7)
+### Patches
+- feat: enforce usage of use client directive for files with client-only features ([PR #35173](https://github.com/microsoft/fluentui/pull/35173) by dmytrokirpa@microsoft.com)
+- Bump @fluentui/react-aria to v9.17.1 ([PR #35133](https://github.com/microsoft/fluentui/pull/35133) by beachball)
+- Bump @fluentui/react-button to v9.6.7 ([PR #35133](https://github.com/microsoft/fluentui/pull/35133) by beachball)
+- Bump @fluentui/react-link to v9.6.6 ([PR #35133](https://github.com/microsoft/fluentui/pull/35133) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.25.2 ([PR #35133](https://github.com/microsoft/fluentui/pull/35133) by beachball)
+- Bump @fluentui/react-tabster to v9.26.6 ([PR #35133](https://github.com/microsoft/fluentui/pull/35133) by beachball)
+- Bump @fluentui/react-utilities to v9.25.0 ([PR #35133](https://github.com/microsoft/fluentui/pull/35133) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.2.1 ([PR #35133](https://github.com/microsoft/fluentui/pull/35133) by beachball)
 ## [9.3.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.3.6)
-Mon, 08 Sep 2025 12:42:03 GMT
+Mon, 08 Sep 2025 12:51:24 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.3.5..@fluentui/react-breadcrumb_v9.3.6)
 ### Patches

package/lib/components/Breadcrumb/Breadcrumb.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { useBreadcrumb_unstable } from './useBreadcrumb';
 import { renderBreadcrumb_unstable } from './renderBreadcrumb';

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["~~import~~ * 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,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"}
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"}

package/lib/components/Breadcrumb/BreadcrumbContext.js CHANGED Viewed

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

package/lib/components/Breadcrumb/BreadcrumbContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Breadcrumb/BreadcrumbContext.ts"],"sourcesContent":["~~import~~ * as React from 'react';\nimport { BreadcrumbContextValues } from './Breadcrumb.types';\n\nconst BreadcrumbContext = React.createContext<BreadcrumbContextValues \| undefined>(undefined);\n\n/*\n @internal\n /\nexport const breadcrumbDefaultValue: BreadcrumbContextValues = {\n size: 'medium',\n};\n\n/\n @internal\n /\nexport const BreadcrumbProvider = BreadcrumbContext.Provider;\n\n/\n @internal\n */\nexport const useBreadcrumbContext_unstable = (): BreadcrumbContextValues =>\n React.useContext(BreadcrumbContext) ?? breadcrumbDefaultValue;\n"],"names":["React","BreadcrumbContext","createContext","undefined","breadcrumbDefaultValue","size","BreadcrumbProvider","Provider","useBreadcrumbContext_unstable","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,MAAMC,oBAAoBD,MAAME,aAAa,CAAsCC;AAEnF;;CAEC,GACD,OAAO,MAAMC,yBAAkD;IAC7DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,qBAAqBL,kBAAkBM,QAAQ,CAAC;AAE7D;;CAEC,GACD,OAAO,MAAMC,gCAAgC;QAC3CR;WAAAA,CAAAA,oBAAAA,MAAMS,UAAU,CAACR,gCAAjBD,+BAAAA,oBAAuCI;EAAuB"}
1	+ {"version":3,"sources":["../src/components/Breadcrumb/BreadcrumbContext.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { BreadcrumbContextValues } from './Breadcrumb.types';\n\nconst BreadcrumbContext = React.createContext<BreadcrumbContextValues \| undefined>(undefined);\n\n/*\n @internal\n /\nexport const breadcrumbDefaultValue: BreadcrumbContextValues = {\n size: 'medium',\n};\n\n/\n @internal\n /\nexport const BreadcrumbProvider = BreadcrumbContext.Provider;\n\n/\n @internal\n */\nexport const useBreadcrumbContext_unstable = (): BreadcrumbContextValues =>\n React.useContext(BreadcrumbContext) ?? breadcrumbDefaultValue;\n"],"names":["React","BreadcrumbContext","createContext","undefined","breadcrumbDefaultValue","size","BreadcrumbProvider","Provider","useBreadcrumbContext_unstable","useContext"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAG/B,MAAMC,oBAAoBD,MAAME,aAAa,CAAsCC;AAEnF;;CAEC,GACD,OAAO,MAAMC,yBAAkD;IAC7DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,qBAAqBL,kBAAkBM,QAAQ,CAAC;AAE7D;;CAEC,GACD,OAAO,MAAMC,gCAAgC;QAC3CR;WAAAA,CAAAA,oBAAAA,MAAMS,UAAU,CAACR,gCAAjBD,+BAAAA,oBAAuCI;EAAuB"}

package/lib/components/Breadcrumb/useBreadcrumb.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
 import { useArrowNavigationGroup } from '@fluentui/react-tabster';

package/lib/components/Breadcrumb/useBreadcrumb.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Breadcrumb/useBreadcrumb.ts"],"sourcesContent":["~~import~~ * 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,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAE3E,SAASC,uBAAuB,QAAQ,0BAA0B;AAElE;;;;;;;;CAQC,GACD,OAAO,MAAMC,yBAAyB,CAACC,OAAwBC;IAC7D,MAAM,EAAEC,YAAY,KAAK,EAAEC,OAAO,QAAQ,EAAEC,IAAI,EAAE,GAAGC,MAAM,GAAGL;IAE9D,MAAMM,kBAAkBR,wBAAwB;QAC9CS,UAAU;QACVC,MAAM;QACNC,iBAAiB;IACnB;QAUoBT;IARpB,OAAO;QACLU,YAAY;YACVC,MAAM;YACNP,MAAM;QACR;QACAO,MAAMd,KAAKe,MAAM,CACfhB,yBAAyB,OAAO;YAC9BK;YACA,cAAcD,CAAAA,mBAAAA,KAAK,CAAC,aAAa,cAAnBA,8BAAAA,mBAAuB;YACrC,GAAIE,cAAc,UAAUI,kBAAkB,CAAC,CAAC;YAChD,GAAGD,IAAI;QACT,IACA;YAAEQ,aAAa;QAAM;QAEvBT,MAAMP,KAAKiB,QAAQ,CAACV,MAAM;YAAEW,iBAAiB;YAAMC,cAAc;gBAAEC,MAAM;YAAO;YAAGJ,aAAa;QAAK;QACrGV;IACF;AACF,EAAE"}
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;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAE3E,SAASC,uBAAuB,QAAQ,0BAA0B;AAElE;;;;;;;;CAQC,GACD,OAAO,MAAMC,yBAAyB,CAACC,OAAwBC;IAC7D,MAAM,EAAEC,YAAY,KAAK,EAAEC,OAAO,QAAQ,EAAEC,IAAI,EAAE,GAAGC,MAAM,GAAGL;IAE9D,MAAMM,kBAAkBR,wBAAwB;QAC9CS,UAAU;QACVC,MAAM;QACNC,iBAAiB;IACnB;QAUoBT;IARpB,OAAO;QACLU,YAAY;YACVC,MAAM;YACNP,MAAM;QACR;QACAO,MAAMd,KAAKe,MAAM,CACfhB,yBAAyB,OAAO;YAC9BK;YACA,cAAcD,CAAAA,mBAAAA,KAAK,CAAC,aAAa,cAAnBA,8BAAAA,mBAAuB;YACrC,GAAIE,cAAc,UAAUI,kBAAkB,CAAC,CAAC;YAChD,GAAGD,IAAI;QACT,IACA;YAAEQ,aAAa;QAAM;QAEvBT,MAAMP,KAAKiB,QAAQ,CAACV,MAAM;YAAEW,iBAAiB;YAAMC,cAAc;gBAAEC,MAAM;YAAO;YAAGJ,aAAa;QAAK;QACrGV;IACF;AACF,EAAE"}

package/lib/components/Breadcrumb/useBreadcrumbContextValue.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 export function useBreadcrumbContextValues_unstable(state) {
     const { size } = state;

package/lib/components/Breadcrumb/useBreadcrumbContextValue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Breadcrumb/useBreadcrumbContextValue.ts"],"sourcesContent":["~~import~~ * as React from 'react';\nimport type { BreadcrumbContextValues, BreadcrumbState } from './Breadcrumb.types';\n\nexport function useBreadcrumbContextValues_unstable(state: BreadcrumbState): BreadcrumbContextValues {\n const { size } = state;\n return React.useMemo(() => ({ size }), [size]);\n}\n"],"names":["React","useBreadcrumbContextValues_unstable","state","size","useMemo"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,OAAO,SAASC,oCAAoCC,KAAsB;IACxE,MAAM,EAAEC,IAAI,EAAE,GAAGD;IACjB,OAAOF,MAAMI,OAAO,CAAC,IAAO,CAAA;YAAED;QAAK,CAAA,GAAI;QAACA;KAAK;AAC/C"}
1	+ {"version":3,"sources":["../src/components/Breadcrumb/useBreadcrumbContextValue.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { BreadcrumbContextValues, BreadcrumbState } from './Breadcrumb.types';\n\nexport function useBreadcrumbContextValues_unstable(state: BreadcrumbState): BreadcrumbContextValues {\n const { size } = state;\n return React.useMemo(() => ({ size }), [size]);\n}\n"],"names":["React","useBreadcrumbContextValues_unstable","state","size","useMemo"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAG/B,OAAO,SAASC,oCAAoCC,KAAsB;IACxE,MAAM,EAAEC,IAAI,EAAE,GAAGD;IACjB,OAAOF,MAAMI,OAAO,CAAC,IAAO,CAAA;YAAED;QAAK,CAAA,GAAI;QAACA;KAAK;AAC/C"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"names":["__resetStyles","mergeClasses","breadcrumbClassNames","root","list","useListClassName","useBreadcrumbStyles_unstable","state","listBaseClassName","className"],"sources":["useBreadcrumbStyles.styles.js"],"sourcesContent":["~~import~~ { 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 'use no memo';\n const listBaseClassName = useListClassName();\n state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n if (state.list) {\n state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n }\n return state;\n};\n"],"mappings":"AAAA,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,aAAa;;EACb,MAAMC,iBAAiB,GAAGH,gBAAgB,CAAC,CAAC;EAC5CE,KAAK,CAACJ,IAAI,CAACM,SAAS,GAAGR,YAAY,CAACC,oBAAoB,CAACC,IAAI,EAAEI,KAAK,CAACJ,IAAI,CAACM,SAAS,CAAC;EACpF,IAAIF,KAAK,CAACH,IAAI,EAAE;IACZG,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":[]}
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 'use no memo';\n const listBaseClassName = useListClassName();\n state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n if (state.list) {\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,aAAa;;EACb,MAAMC,iBAAiB,GAAGH,gBAAgB,CAAC,CAAC;EAC5CE,KAAK,CAACJ,IAAI,CAACM,SAAS,GAAGR,YAAY,CAACC,oBAAoB,CAACC,IAAI,EAAEI,KAAK,CAACJ,IAAI,CAACM,SAAS,CAAC;EACpF,IAAIF,KAAK,CAACH,IAAI,EAAE;IACZG,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 CHANGED Viewed

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

package/lib/components/Breadcrumb/useBreadcrumbStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Breadcrumb/useBreadcrumbStyles.styles.ts"],"sourcesContent":["~~import~~ { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbSlots, BreadcrumbState } from './Breadcrumb.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const breadcrumbClassNames: SlotClassNames<BreadcrumbSlots> = {\n root: 'fui-Breadcrumb',\n list: 'fui-Breadcrumb__list',\n};\n\nconst useListClassName = makeResetStyles({\n listStyleType: 'none',\n display: 'flex',\n alignItems: 'center',\n margin: 0,\n padding: 0,\n});\n\n/*\n Apply styling to the Breadcrumb slots based on the state\n */\nexport const useBreadcrumbStyles_unstable = (state: BreadcrumbState): BreadcrumbState => {\n 'use no memo';\n\n const listBaseClassName = useListClassName();\n state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n if (state.list) {\n state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n }\n return state;\n};\n"],"names":["makeResetStyles","mergeClasses","breadcrumbClassNames","root","list","useListClassName","listStyleType","display","alignItems","margin","padding","useBreadcrumbStyles_unstable","state","listBaseClassName","className"],"mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,QAAQ,iBAAiB;AAI/D,OAAO,MAAMC,uBAAwD;IACnEC,MAAM;IACNC,MAAM;AACR,EAAE;AAEF,MAAMC,mBAAmBL,gBAAgB;IACvCM,eAAe;IACfC,SAAS;IACTC,YAAY;IACZC,QAAQ;IACRC,SAAS;AACX;AAEA;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC;IAC3C;IAEA,MAAMC,oBAAoBR;IAC1BO,MAAMT,IAAI,CAACW,SAAS,GAAGb,aAAaC,qBAAqBC,IAAI,EAAES,MAAMT,IAAI,CAACW,SAAS;IACnF,IAAIF,MAAMR,IAAI,EAAE;QACdQ,MAAMR,IAAI,CAACU,SAAS,GAAGb,aAAaY,mBAAmBX,qBAAqBE,IAAI,EAAEQ,MAAMR,IAAI,CAACU,SAAS;IACxG;IACA,OAAOF;AACT,EAAE"}
1	+ {"version":3,"sources":["../src/components/Breadcrumb/useBreadcrumbStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbSlots, BreadcrumbState } from './Breadcrumb.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const breadcrumbClassNames: SlotClassNames<BreadcrumbSlots> = {\n root: 'fui-Breadcrumb',\n list: 'fui-Breadcrumb__list',\n};\n\nconst useListClassName = makeResetStyles({\n listStyleType: 'none',\n display: 'flex',\n alignItems: 'center',\n margin: 0,\n padding: 0,\n});\n\n/*\n Apply styling to the Breadcrumb slots based on the state\n */\nexport const useBreadcrumbStyles_unstable = (state: BreadcrumbState): BreadcrumbState => {\n 'use no memo';\n\n const listBaseClassName = useListClassName();\n state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n if (state.list) {\n state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n }\n return state;\n};\n"],"names":["makeResetStyles","mergeClasses","breadcrumbClassNames","root","list","useListClassName","listStyleType","display","alignItems","margin","padding","useBreadcrumbStyles_unstable","state","listBaseClassName","className"],"mappings":"AAAA;AAEA,SAASA,eAAe,EAAEC,YAAY,QAAQ,iBAAiB;AAI/D,OAAO,MAAMC,uBAAwD;IACnEC,MAAM;IACNC,MAAM;AACR,EAAE;AAEF,MAAMC,mBAAmBL,gBAAgB;IACvCM,eAAe;IACfC,SAAS;IACTC,YAAY;IACZC,QAAQ;IACRC,SAAS;AACX;AAEA;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC;IAC3C;IAEA,MAAMC,oBAAoBR;IAC1BO,MAAMT,IAAI,CAACW,SAAS,GAAGb,aAAaC,qBAAqBC,IAAI,EAAES,MAAMT,IAAI,CAACW,SAAS;IACnF,IAAIF,MAAMR,IAAI,EAAE;QACdQ,MAAMR,IAAI,CAACU,SAAS,GAAGb,aAAaY,mBAAmBX,qBAAqBE,IAAI,EAAEQ,MAAMR,IAAI,CAACU,SAAS;IACxG;IACA,OAAOF;AACT,EAAE"}

package/lib/components/BreadcrumbButton/BreadcrumbButton.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { useBreadcrumbButton_unstable } from './useBreadcrumbButton';
 import { renderBreadcrumbButton_unstable } from './renderBreadcrumbButton';

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/BreadcrumbButton/BreadcrumbButton.tsx"],"sourcesContent":["~~import~~ * 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,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"}
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"}

package/lib/components/BreadcrumbButton/useBreadcrumbButton.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { useButton_unstable } from '@fluentui/react-button';
 import { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';

package/lib/components/BreadcrumbButton/useBreadcrumbButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/BreadcrumbButton/useBreadcrumbButton.ts"],"sourcesContent":["~~import~~ * 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,YAAYA,WAAW,QAAQ;AAE/B,SAASC,kBAAkB,QAAQ,yBAAyB;AAE5D,SAASC,6BAA6B,QAAQ,kCAAkC;AAGhF;;;;;;;;CAQC,GACD,OAAO,MAAMC,+BAA+B,CAC1CC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGJ;IACjB,MAAM,EAAEK,UAAU,KAAK,EAAEC,EAAE,EAAE,GAAGC,MAAM,GAAGL;IAEzC,MAAMM,cAAcF,CAAAA,eAAAA,gBAAAA,KAAM,AAACJ,MAA+BO,IAAI,AAAD,IAAI,MAAM;QAUvCP,oBACCA;IATjC,OAAO;QACL,GAAGH,mBACD;YACEW,YAAY;YACZC,MAAMC;YACNC,MAAMD;YACNN,IAAIE;YACJM,cAAc;YACd,gBAAgBT,UAAUH,CAAAA,qBAAAA,KAAK,CAAC,eAAe,cAArBA,gCAAAA,qBAAyB,SAASU;YAC5D,iBAAiBP,UAAUH,CAAAA,sBAAAA,KAAK,CAAC,gBAAgB,cAAtBA,iCAAAA,sBAA0B,OAAOU;YAC5D,GAAGL,IAAI;QACT,GACAJ,IACD;QACDE;QACAD;IACF;AACF,EAAE"}
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;AAEA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,kBAAkB,QAAQ,yBAAyB;AAE5D,SAASC,6BAA6B,QAAQ,kCAAkC;AAGhF;;;;;;;;CAQC,GACD,OAAO,MAAMC,+BAA+B,CAC1CC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGJ;IACjB,MAAM,EAAEK,UAAU,KAAK,EAAEC,EAAE,EAAE,GAAGC,MAAM,GAAGL;IAEzC,MAAMM,cAAcF,CAAAA,eAAAA,gBAAAA,KAAM,AAACJ,MAA+BO,IAAI,AAAD,IAAI,MAAM;QAUvCP,oBACCA;IATjC,OAAO;QACL,GAAGH,mBACD;YACEW,YAAY;YACZC,MAAMC;YACNC,MAAMD;YACNN,IAAIE;YACJM,cAAc;YACd,gBAAgBT,UAAUH,CAAAA,qBAAAA,KAAK,CAAC,eAAe,cAArBA,gCAAAA,qBAAyB,SAASU;YAC5D,iBAAiBP,UAAUH,CAAAA,sBAAAA,KAAK,CAAC,gBAAgB,cAAtBA,iCAAAA,sBAA0B,OAAOU;YAC5D,GAAGL,IAAI;QACT,GACAJ,IACD;QACDE;QACAD;IACF;AACF,EAAE"}

package/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js CHANGED Viewed

@@ -1,3 +1,5 @@
+'use client';
 import { __styles, mergeClasses } from '@griffel/react';
 import { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';
 import { tokens, typographyStyles } from '@fluentui/react-theme';

package/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__styles","mergeClasses","useButtonStyles_unstable","buttonClassNames","tokens","typographyStyles","iconFilledClassName","iconRegularClassName","breadcrumbButtonClassNames","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","base","Be2twd7","Bqenvij","Bg96gwp","a9b677","t21cq0","small","u3h8gg","Biu6dll","medium","large","d","defaultButtonStyles","backgroundColor","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","display","useStyles","Bf4jedk","j4b8c3","Bahqtrf","Bhrd7zp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","current","Jwef8y","Bi91k9c","eoavqd","Bbdnnc7","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","c3iz72","x3br3k","em6i61","vm6p8p","Bszkowt","Dyrjrp","ezr58z","nhk3du","Bfrek18","G209fr","currentSmall","currentMedium","currentLarge","p","h","useBreadcrumbButtonStyles_unstable","state","styles","iconStyles","currentSizeMap","className","size"],"sources":["useBreadcrumbButtonStyles.styles.js"],"sourcesContent":["~~import~~ { makeStyles, mergeClasses } from '@griffel/react';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n/*\n Static CSS class names used internally for the component slots.\n / export const breadcrumbButtonClassNames = {\n root: 'fui-BreadcrumbButton',\n icon: 'fui-BreadcrumbButton__icon'\n};\n/\n CSS variable names used internally for styling in the Breadcrumb.\n / const breadcrumbCSSVars = {\n breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',\n breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height'\n};\nconst useIconStyles = makeStyles({\n base: {\n fontSize: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n height: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n lineHeight: `var(${breadcrumbCSSVars.breadcrumbIconLineHeightVar})`,\n width: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n marginRight: tokens.spacingHorizontalXS\n },\n small: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '12px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase200\n },\n medium: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '16px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase400\n },\n large: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '20px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase600\n }\n});\nconst defaultButtonStyles = {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n cursor: 'auto'\n};\nconst currentIconStyles = {\n ...defaultButtonStyles,\n [`& .${buttonClassNames.icon}`]: {\n color: 'unset'\n },\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n }\n};\nconst useStyles = makeStyles({\n root: {\n minWidth: 'unset',\n textWrap: 'nowrap'\n },\n small: {\n height: '24px',\n ...typographyStyles.caption1,\n padding: tokens.spacingHorizontalSNudge\n },\n medium: {\n height: '32px',\n ...typographyStyles.body1,\n padding: tokens.spacingHorizontalSNudge\n },\n large: {\n height: '40px',\n ...typographyStyles.body2,\n padding: tokens.spacingHorizontalS\n },\n current: {\n ':hover': {\n ...currentIconStyles\n },\n ':hover:active': {\n ...currentIconStyles\n },\n ':disabled': {\n ...currentIconStyles\n }\n },\n currentSmall: {\n ...typographyStyles.caption1Strong\n },\n currentMedium: {\n ...typographyStyles.body1Strong\n },\n currentLarge: {\n ...typographyStyles.subtitle2\n }\n});\n/\n Apply styling to the BreadcrumbButton slots based on the state\n */ export const useBreadcrumbButtonStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const currentSizeMap = {\n small: styles.currentSmall,\n medium: styles.currentMedium,\n large: styles.currentLarge\n };\n state.root.className = mergeClasses(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n }\n useButtonStyles_unstable(state);\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["__styles","mergeClasses","useButtonStyles_unstable","buttonClassNames","tokens","typographyStyles","iconFilledClassName","iconRegularClassName","breadcrumbButtonClassNames","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","base","Be2twd7","Bqenvij","Bg96gwp","a9b677","t21cq0","small","u3h8gg","Biu6dll","medium","large","d","defaultButtonStyles","backgroundColor","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","display","useStyles","Bf4jedk","j4b8c3","Bahqtrf","Bhrd7zp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","current","Jwef8y","Bi91k9c","eoavqd","Bbdnnc7","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","c3iz72","x3br3k","em6i61","vm6p8p","Bszkowt","Dyrjrp","ezr58z","nhk3du","Bfrek18","G209fr","currentSmall","currentMedium","currentLarge","p","h","useBreadcrumbButtonStyles_unstable","state","styles","iconStyles","currentSizeMap","className","size"],"sources":["useBreadcrumbButtonStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n/*\n Static CSS class names used internally for the component slots.\n / export const breadcrumbButtonClassNames = {\n root: 'fui-BreadcrumbButton',\n icon: 'fui-BreadcrumbButton__icon'\n};\n/\n CSS variable names used internally for styling in the Breadcrumb.\n / const breadcrumbCSSVars = {\n breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',\n breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height'\n};\nconst useIconStyles = makeStyles({\n base: {\n fontSize: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n height: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n lineHeight: `var(${breadcrumbCSSVars.breadcrumbIconLineHeightVar})`,\n width: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n marginRight: tokens.spacingHorizontalXS\n },\n small: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '12px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase200\n },\n medium: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '16px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase400\n },\n large: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '20px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase600\n }\n});\nconst defaultButtonStyles = {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n cursor: 'auto'\n};\nconst currentIconStyles = {\n ...defaultButtonStyles,\n [`& .${buttonClassNames.icon}`]: {\n color: 'unset'\n },\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n }\n};\nconst useStyles = makeStyles({\n root: {\n minWidth: 'unset',\n textWrap: 'nowrap'\n },\n small: {\n height: '24px',\n ...typographyStyles.caption1,\n padding: tokens.spacingHorizontalSNudge\n },\n medium: {\n height: '32px',\n ...typographyStyles.body1,\n padding: tokens.spacingHorizontalSNudge\n },\n large: {\n height: '40px',\n ...typographyStyles.body2,\n padding: tokens.spacingHorizontalS\n },\n current: {\n ':hover': {\n ...currentIconStyles\n },\n ':hover:active': {\n ...currentIconStyles\n },\n ':disabled': {\n ...currentIconStyles\n }\n },\n currentSmall: {\n ...typographyStyles.caption1Strong\n },\n currentMedium: {\n ...typographyStyles.body1Strong\n },\n currentLarge: {\n ...typographyStyles.subtitle2\n }\n});\n/\n Apply styling to the BreadcrumbButton slots based on the state\n */ export const useBreadcrumbButtonStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const currentSizeMap = {\n small: styles.currentSmall,\n medium: styles.currentMedium,\n large: styles.currentLarge\n };\n state.root.className = mergeClasses(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n }\n useButtonStyles_unstable(state);\n return state;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.raw.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import { makeStyles, mergeClasses } from '@griffel/react';
 import { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';
 import { tokens, typographyStyles } from '@fluentui/react-theme';

package/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.ts"],"sourcesContent":["~~import~~ { makeStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbButtonSlots, BreadcrumbButtonState } from './BreadcrumbButton.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n\n/*\n Static CSS class names used internally for the component slots.\n /\nexport const breadcrumbButtonClassNames: SlotClassNames<BreadcrumbButtonSlots> = {\n root: 'fui-BreadcrumbButton',\n icon: 'fui-BreadcrumbButton__icon',\n};\n\n/\n CSS variable names used internally for styling in the Breadcrumb.\n /\nconst breadcrumbCSSVars = {\n breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',\n breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height',\n};\n\nconst useIconStyles = makeStyles({\n base: {\n fontSize: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n height: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n lineHeight: `var(${breadcrumbCSSVars.breadcrumbIconLineHeightVar})`,\n width: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n marginRight: tokens.spacingHorizontalXS,\n },\n small: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '12px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase200,\n },\n medium: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '16px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase400,\n },\n large: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '20px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase600,\n },\n});\n\nconst defaultButtonStyles = {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n cursor: 'auto',\n};\n\nconst currentIconStyles = {\n ...defaultButtonStyles,\n [`& .${buttonClassNames.icon}`]: {\n color: 'unset',\n },\n [`& .${iconFilledClassName}`]: {\n display: 'none',\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline',\n },\n};\n\nconst useStyles = makeStyles({\n root: {\n minWidth: 'unset',\n textWrap: 'nowrap',\n },\n small: {\n height: '24px',\n ...typographyStyles.caption1,\n padding: tokens.spacingHorizontalSNudge,\n },\n medium: {\n height: '32px',\n ...typographyStyles.body1,\n padding: tokens.spacingHorizontalSNudge,\n },\n large: {\n height: '40px',\n ...typographyStyles.body2,\n padding: tokens.spacingHorizontalS,\n },\n current: {\n ':hover': {\n ...currentIconStyles,\n },\n ':hover:active': {\n ...currentIconStyles,\n },\n ':disabled': {\n ...currentIconStyles,\n },\n },\n currentSmall: {\n ...typographyStyles.caption1Strong,\n },\n currentMedium: {\n ...typographyStyles.body1Strong,\n },\n currentLarge: {\n ...typographyStyles.subtitle2,\n },\n});\n\n/\n Apply styling to the BreadcrumbButton slots based on the state\n */\nexport const useBreadcrumbButtonStyles_unstable = (state: BreadcrumbButtonState): BreadcrumbButtonState => {\n 'use no memo';\n\n const styles = useStyles();\n const iconStyles = useIconStyles();\n\n const currentSizeMap = {\n small: styles.currentSmall,\n medium: styles.currentMedium,\n large: styles.currentLarge,\n };\n state.root.className = mergeClasses(\n breadcrumbButtonClassNames.root,\n styles[state.size],\n styles.root,\n state.current && currentSizeMap[state.size],\n state.current && styles.current,\n state.root.className,\n );\n\n if (state.icon) {\n state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n }\n\n useButtonStyles_unstable(state);\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","useButtonStyles_unstable","buttonClassNames","tokens","typographyStyles","iconFilledClassName","iconRegularClassName","breadcrumbButtonClassNames","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","base","fontSize","height","lineHeight","width","marginRight","spacingHorizontalXS","small","lineHeightBase200","medium","lineHeightBase400","large","lineHeightBase600","defaultButtonStyles","backgroundColor","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","display","useStyles","minWidth","textWrap","caption1","padding","spacingHorizontalSNudge","body1","body2","spacingHorizontalS","current","currentSmall","caption1Strong","currentMedium","body1Strong","currentLarge","subtitle2","useBreadcrumbButtonStyles_unstable","state","styles","iconStyles","currentSizeMap","className","size"],"mappings":"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"}
1	+ {"version":3,"sources":["../src/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbButtonSlots, BreadcrumbButtonState } from './BreadcrumbButton.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n\n/*\n Static CSS class names used internally for the component slots.\n /\nexport const breadcrumbButtonClassNames: SlotClassNames<BreadcrumbButtonSlots> = {\n root: 'fui-BreadcrumbButton',\n icon: 'fui-BreadcrumbButton__icon',\n};\n\n/\n CSS variable names used internally for styling in the Breadcrumb.\n /\nconst breadcrumbCSSVars = {\n breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',\n breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height',\n};\n\nconst useIconStyles = makeStyles({\n base: {\n fontSize: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n height: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n lineHeight: `var(${breadcrumbCSSVars.breadcrumbIconLineHeightVar})`,\n width: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n marginRight: tokens.spacingHorizontalXS,\n },\n small: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '12px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase200,\n },\n medium: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '16px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase400,\n },\n large: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '20px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase600,\n },\n});\n\nconst defaultButtonStyles = {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n cursor: 'auto',\n};\n\nconst currentIconStyles = {\n ...defaultButtonStyles,\n [`& .${buttonClassNames.icon}`]: {\n color: 'unset',\n },\n [`& .${iconFilledClassName}`]: {\n display: 'none',\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline',\n },\n};\n\nconst useStyles = makeStyles({\n root: {\n minWidth: 'unset',\n textWrap: 'nowrap',\n },\n small: {\n height: '24px',\n ...typographyStyles.caption1,\n padding: tokens.spacingHorizontalSNudge,\n },\n medium: {\n height: '32px',\n ...typographyStyles.body1,\n padding: tokens.spacingHorizontalSNudge,\n },\n large: {\n height: '40px',\n ...typographyStyles.body2,\n padding: tokens.spacingHorizontalS,\n },\n current: {\n ':hover': {\n ...currentIconStyles,\n },\n ':hover:active': {\n ...currentIconStyles,\n },\n ':disabled': {\n ...currentIconStyles,\n },\n },\n currentSmall: {\n ...typographyStyles.caption1Strong,\n },\n currentMedium: {\n ...typographyStyles.body1Strong,\n },\n currentLarge: {\n ...typographyStyles.subtitle2,\n },\n});\n\n/\n Apply styling to the BreadcrumbButton slots based on the state\n */\nexport const useBreadcrumbButtonStyles_unstable = (state: BreadcrumbButtonState): BreadcrumbButtonState => {\n 'use no memo';\n\n const styles = useStyles();\n const iconStyles = useIconStyles();\n\n const currentSizeMap = {\n small: styles.currentSmall,\n medium: styles.currentMedium,\n large: styles.currentLarge,\n };\n state.root.className = mergeClasses(\n breadcrumbButtonClassNames.root,\n styles[state.size],\n styles.root,\n state.current && currentSizeMap[state.size],\n state.current && styles.current,\n state.root.className,\n );\n\n if (state.icon) {\n state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n }\n\n useButtonStyles_unstable(state);\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","useButtonStyles_unstable","buttonClassNames","tokens","typographyStyles","iconFilledClassName","iconRegularClassName","breadcrumbButtonClassNames","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","base","fontSize","height","lineHeight","width","marginRight","spacingHorizontalXS","small","lineHeightBase200","medium","lineHeightBase400","large","lineHeightBase600","defaultButtonStyles","backgroundColor","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","display","useStyles","minWidth","textWrap","caption1","padding","spacingHorizontalSNudge","body1","body2","spacingHorizontalS","current","currentSmall","caption1Strong","currentMedium","body1Strong","currentLarge","subtitle2","useBreadcrumbButtonStyles_unstable","state","styles","iconStyles","currentSizeMap","className","size"],"mappings":"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"}

package/lib/components/BreadcrumbDivider/BreadcrumbDivider.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { useBreadcrumbDivider_unstable } from './useBreadcrumbDivider';
 import { renderBreadcrumbDivider_unstable } from './renderBreadcrumbDivider';

package/lib/components/BreadcrumbDivider/BreadcrumbDivider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/BreadcrumbDivider/BreadcrumbDivider.tsx"],"sourcesContent":["~~import~~ * as React from 'react';\nimport { useBreadcrumbDivider_unstable } from './useBreadcrumbDivider';\nimport { renderBreadcrumbDivider_unstable } from './renderBreadcrumbDivider';\nimport { useBreadcrumbDividerStyles_unstable } from './useBreadcrumbDividerStyles.styles';\nimport type { BreadcrumbDividerProps } from './BreadcrumbDivider.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/*\n A divider component which is used inside the Breadcrumb\n */\nexport const BreadcrumbDivider: ForwardRefComponent<BreadcrumbDividerProps> = React.forwardRef((props, ref) => {\n const state = useBreadcrumbDivider_unstable(props, ref);\n\n useBreadcrumbDividerStyles_unstable(state);\n useCustomStyleHook_unstable('useBreadcrumbDividerStyles_unstable')(state);\n\n return renderBreadcrumbDivider_unstable(state);\n});\n\nBreadcrumbDivider.displayName = 'BreadcrumbDivider';\n"],"names":["React","useBreadcrumbDivider_unstable","renderBreadcrumbDivider_unstable","useBreadcrumbDividerStyles_unstable","useCustomStyleHook_unstable","BreadcrumbDivider","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,6BAA6B,QAAQ,yBAAyB;AACvE,SAASC,gCAAgC,QAAQ,4BAA4B;AAC7E,SAASC,mCAAmC,QAAQ,sCAAsC;AAG1F,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,kCAAiEL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACrG,MAAMC,QAAQR,8BAA8BM,OAAOC;IAEnDL,oCAAoCM;IACpCL,4BAA4B,uCAAuCK;IAEnE,OAAOP,iCAAiCO;AAC1C,GAAG;AAEHJ,kBAAkBK,WAAW,GAAG"}
1	+ {"version":3,"sources":["../src/components/BreadcrumbDivider/BreadcrumbDivider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useBreadcrumbDivider_unstable } from './useBreadcrumbDivider';\nimport { renderBreadcrumbDivider_unstable } from './renderBreadcrumbDivider';\nimport { useBreadcrumbDividerStyles_unstable } from './useBreadcrumbDividerStyles.styles';\nimport type { BreadcrumbDividerProps } from './BreadcrumbDivider.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/*\n A divider component which is used inside the Breadcrumb\n */\nexport const BreadcrumbDivider: ForwardRefComponent<BreadcrumbDividerProps> = React.forwardRef((props, ref) => {\n const state = useBreadcrumbDivider_unstable(props, ref);\n\n useBreadcrumbDividerStyles_unstable(state);\n useCustomStyleHook_unstable('useBreadcrumbDividerStyles_unstable')(state);\n\n return renderBreadcrumbDivider_unstable(state);\n});\n\nBreadcrumbDivider.displayName = 'BreadcrumbDivider';\n"],"names":["React","useBreadcrumbDivider_unstable","renderBreadcrumbDivider_unstable","useBreadcrumbDividerStyles_unstable","useCustomStyleHook_unstable","BreadcrumbDivider","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,6BAA6B,QAAQ,yBAAyB;AACvE,SAASC,gCAAgC,QAAQ,4BAA4B;AAC7E,SAASC,mCAAmC,QAAQ,sCAAsC;AAG1F,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,kCAAiEL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACrG,MAAMC,QAAQR,8BAA8BM,OAAOC;IAEnDL,oCAAoCM;IACpCL,4BAA4B,uCAAuCK;IAEnE,OAAOP,iCAAiCO;AAC1C,GAAG;AAEHJ,kBAAkBK,WAAW,GAAG"}

package/lib/components/BreadcrumbDivider/useBreadcrumbDivider.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
 import { ChevronRightRegular, ChevronLeftRegular } from '@fluentui/react-icons';

package/lib/components/BreadcrumbDivider/useBreadcrumbDivider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/BreadcrumbDivider/useBreadcrumbDivider.tsx"],"sourcesContent":["~~import~~ * 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,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAE3E,SAASC,mBAAmB,EAAEC,kBAAkB,QAAQ,wBAAwB;AAChF,SAASC,6BAA6B,QAAQ,kCAAkC;AAChF,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAElF;;;;;;;;CAQC,GACD,OAAO,MAAMC,gCAAgC,CAC3CC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGN;IACjB,MAAM,EAAEO,GAAG,EAAE,GAAGL;IAChB,MAAMM,OAAOC,eAAeF;IAE5B,OAAO;QACLG,YAAY;YACVC,MAAM;QACR;QACAA,MAAMd,KAAKe,MAAM,CACfhB,yBAAyB,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,sBAAQ,oBAACR,0CAAwB,oBAACD;AACnD"}
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;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAE3E,SAASC,mBAAmB,EAAEC,kBAAkB,QAAQ,wBAAwB;AAChF,SAASC,6BAA6B,QAAQ,kCAAkC;AAChF,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAElF;;;;;;;;CAQC,GACD,OAAO,MAAMC,gCAAgC,CAC3CC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGN;IACjB,MAAM,EAAEO,GAAG,EAAE,GAAGL;IAChB,MAAMM,OAAOC,eAAeF;IAE5B,OAAO;QACLG,YAAY;YACVC,MAAM;QACR;QACAA,MAAMd,KAAKe,MAAM,CACfhB,yBAAyB,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,sBAAQ,oBAACR,0CAAwB,oBAACD;AACnD"}

package/lib/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js CHANGED Viewed

@@ -1,3 +1,5 @@
+'use client';
 import { __styles, __resetStyles, mergeClasses } from '@griffel/react';
 export const breadcrumbDividerClassNames = {
   root: 'fui-BreadcrumbDivider'

package/lib/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__styles","__resetStyles","mergeClasses","breadcrumbDividerClassNames","root","useStyles","useIconStyles","small","Be2twd7","medium","large","d","useBreadcrumbDividerStyles_unstable","state","styles","iconStyles","size","className"],"sources":["useBreadcrumbDividerStyles.styles.js"],"sourcesContent":["~~import~~ { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nexport const breadcrumbDividerClassNames = {\n root: 'fui-BreadcrumbDivider'\n};\n/*\n Styles for the root slot\n / const useStyles = makeResetStyles({\n display: 'flex'\n});\nconst useIconStyles = makeStyles({\n small: {\n fontSize: '12px'\n },\n medium: {\n fontSize: '16px'\n },\n large: {\n fontSize: '20px'\n }\n});\n/\n Apply styling to the BreadcrumbDivider slots based on the state\n */ export const useBreadcrumbDividerStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const { size = 'medium' } = state;\n state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAAC,aAAA,EAAsCC,YAAY,QAAQ,gBAAgB;AAC1E,OAAO,MAAMC,2BAA2B,GAAG;EACvCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGJ,aAAA,6CAErB,CAAC;AACF,MAAMK,aAAa,gBAAGN,QAAA;EAAAO,KAAA;IAAAC,OAAA;EAAA;EAAAC,MAAA;IAAAD,OAAA;EAAA;EAAAE,KAAA;IAAAF,OAAA;EAAA;AAAA;EAAAG,CAAA;AAAA,CAUrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,mCAAmC,GAAIC,KAAK,IAAG;EAC5D,aAAa;;EACb,MAAMC,MAAM,GAAGT,SAAS,CAAC,CAAC;EAC1B,MAAMU,UAAU,GAAGT,aAAa,CAAC,CAAC;EAClC,MAAM;IAAEU,IAAI,GAAG;EAAS,CAAC,GAAGH,KAAK;EACjCA,KAAK,CAACT,IAAI,CAACa,SAAS,GAAGf,YAAY,CAACC,2BAA2B,CAACC,IAAI,EAAEU,MAAM,EAAEC,UAAU,CAACC,IAAI,CAAC,EAAEH,KAAK,CAACT,IAAI,CAACa,SAAS,CAAC;EACrH,OAAOJ,KAAK;AAChB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["__styles","__resetStyles","mergeClasses","breadcrumbDividerClassNames","root","useStyles","useIconStyles","small","Be2twd7","medium","large","d","useBreadcrumbDividerStyles_unstable","state","styles","iconStyles","size","className"],"sources":["useBreadcrumbDividerStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nexport const breadcrumbDividerClassNames = {\n root: 'fui-BreadcrumbDivider'\n};\n/*\n Styles for the root slot\n / const useStyles = makeResetStyles({\n display: 'flex'\n});\nconst useIconStyles = makeStyles({\n small: {\n fontSize: '12px'\n },\n medium: {\n fontSize: '16px'\n },\n large: {\n fontSize: '20px'\n }\n});\n/\n Apply styling to the BreadcrumbDivider slots based on the state\n */ export const useBreadcrumbDividerStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const { size = 'medium' } = state;\n state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);\n return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAAC,aAAA,EAAsCC,YAAY,QAAQ,gBAAgB;AAC1E,OAAO,MAAMC,2BAA2B,GAAG;EACvCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGJ,aAAA,6CAErB,CAAC;AACF,MAAMK,aAAa,gBAAGN,QAAA;EAAAO,KAAA;IAAAC,OAAA;EAAA;EAAAC,MAAA;IAAAD,OAAA;EAAA;EAAAE,KAAA;IAAAF,OAAA;EAAA;AAAA;EAAAG,CAAA;AAAA,CAUrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,mCAAmC,GAAIC,KAAK,IAAG;EAC5D,aAAa;;EACb,MAAMC,MAAM,GAAGT,SAAS,CAAC,CAAC;EAC1B,MAAMU,UAAU,GAAGT,aAAa,CAAC,CAAC;EAClC,MAAM;IAAEU,IAAI,GAAG;EAAS,CAAC,GAAGH,KAAK;EACjCA,KAAK,CAACT,IAAI,CAACa,SAAS,GAAGf,YAAY,CAACC,2BAA2B,CAACC,IAAI,EAAEU,MAAM,EAAEC,UAAU,CAACC,IAAI,CAAC,EAAEH,KAAK,CAACT,IAAI,CAACa,SAAS,CAAC;EACrH,OAAOJ,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.raw.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';
 export const breadcrumbDividerClassNames = {
     root: 'fui-BreadcrumbDivider'

package/lib/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.ts"],"sourcesContent":["~~import~~ { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbDividerSlots, BreadcrumbDividerState } from './BreadcrumbDivider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const breadcrumbDividerClassNames: SlotClassNames<BreadcrumbDividerSlots> = {\n root: 'fui-BreadcrumbDivider',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeResetStyles({\n display: 'flex',\n});\n\nconst useIconStyles = makeStyles({\n small: {\n fontSize: '12px',\n },\n medium: {\n fontSize: '16px',\n },\n large: {\n fontSize: '20px',\n },\n});\n\n/\n Apply styling to the BreadcrumbDivider slots based on the state\n */\nexport const useBreadcrumbDividerStyles_unstable = (state: BreadcrumbDividerState): BreadcrumbDividerState => {\n 'use no memo';\n\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const { size = 'medium' } = state;\n\n state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);\n\n return state;\n};\n"],"names":["makeStyles","makeResetStyles","mergeClasses","breadcrumbDividerClassNames","root","useStyles","display","useIconStyles","small","fontSize","medium","large","useBreadcrumbDividerStyles_unstable","state","styles","iconStyles","size","className"],"mappings":"AAAA,SAASA,UAAU,EAAEC,eAAe,EAAEC,YAAY,QAAQ,iBAAiB;AAI3E,OAAO,MAAMC,8BAAsE;IACjFC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYJ,gBAAgB;IAChCK,SAAS;AACX;AAEA,MAAMC,gBAAgBP,WAAW;IAC/BQ,OAAO;QACLC,UAAU;IACZ;IACAC,QAAQ;QACND,UAAU;IACZ;IACAE,OAAO;QACLF,UAAU;IACZ;AACF;AAEA;;CAEC,GACD,OAAO,MAAMG,sCAAsC,CAACC;IAClD;IAEA,MAAMC,SAAST;IACf,MAAMU,aAAaR;IACnB,MAAM,EAAES,OAAO,QAAQ,EAAE,GAAGH;IAE5BA,MAAMT,IAAI,CAACa,SAAS,GAAGf,aAAaC,4BAA4BC,IAAI,EAAEU,QAAQC,UAAU,CAACC,KAAK,EAAEH,MAAMT,IAAI,CAACa,SAAS;IAEpH,OAAOJ;AACT,EAAE"}
1	+ {"version":3,"sources":["../src/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbDividerSlots, BreadcrumbDividerState } from './BreadcrumbDivider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const breadcrumbDividerClassNames: SlotClassNames<BreadcrumbDividerSlots> = {\n root: 'fui-BreadcrumbDivider',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeResetStyles({\n display: 'flex',\n});\n\nconst useIconStyles = makeStyles({\n small: {\n fontSize: '12px',\n },\n medium: {\n fontSize: '16px',\n },\n large: {\n fontSize: '20px',\n },\n});\n\n/\n Apply styling to the BreadcrumbDivider slots based on the state\n */\nexport const useBreadcrumbDividerStyles_unstable = (state: BreadcrumbDividerState): BreadcrumbDividerState => {\n 'use no memo';\n\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const { size = 'medium' } = state;\n\n state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);\n\n return state;\n};\n"],"names":["makeStyles","makeResetStyles","mergeClasses","breadcrumbDividerClassNames","root","useStyles","display","useIconStyles","small","fontSize","medium","large","useBreadcrumbDividerStyles_unstable","state","styles","iconStyles","size","className"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,eAAe,EAAEC,YAAY,QAAQ,iBAAiB;AAI3E,OAAO,MAAMC,8BAAsE;IACjFC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYJ,gBAAgB;IAChCK,SAAS;AACX;AAEA,MAAMC,gBAAgBP,WAAW;IAC/BQ,OAAO;QACLC,UAAU;IACZ;IACAC,QAAQ;QACND,UAAU;IACZ;IACAE,OAAO;QACLF,UAAU;IACZ;AACF;AAEA;;CAEC,GACD,OAAO,MAAMG,sCAAsC,CAACC;IAClD;IAEA,MAAMC,SAAST;IACf,MAAMU,aAAaR;IACnB,MAAM,EAAES,OAAO,QAAQ,EAAE,GAAGH;IAE5BA,MAAMT,IAAI,CAACa,SAAS,GAAGf,aAAaC,4BAA4BC,IAAI,EAAEU,QAAQC,UAAU,CAACC,KAAK,EAAEH,MAAMT,IAAI,CAACa,SAAS;IAEpH,OAAOJ;AACT,EAAE"}

package/lib/components/BreadcrumbItem/BreadcrumbItem.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { useBreadcrumbItem_unstable } from './useBreadcrumbItem';
 import { renderBreadcrumbItem_unstable } from './renderBreadcrumbItem';

package/lib/components/BreadcrumbItem/BreadcrumbItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["~~import~~ * as React from 'react';\nimport { useBreadcrumbItem_unstable } from './useBreadcrumbItem';\nimport { renderBreadcrumbItem_unstable } from './renderBreadcrumbItem';\nimport { useBreadcrumbItemStyles_unstable } from './useBreadcrumbItemStyles.styles';\nimport type { BreadcrumbItemProps } from './BreadcrumbItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/*\n BreadcrumbItem component is a wrapper for BreadcrumbLink and BreadcrumbButton.\n * It can be used as a non-interactive item.\n */\nexport const BreadcrumbItem: ForwardRefComponent<BreadcrumbItemProps> = React.forwardRef((props, ref) => {\n const state = useBreadcrumbItem_unstable(props, ref);\n\n useBreadcrumbItemStyles_unstable(state);\n useCustomStyleHook_unstable('useBreadcrumbItemStyles_unstable')(state);\n\n return renderBreadcrumbItem_unstable(state);\n});\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n"],"names":["React","useBreadcrumbItem_unstable","renderBreadcrumbItem_unstable","useBreadcrumbItemStyles_unstable","useCustomStyleHook_unstable","BreadcrumbItem","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,6BAA6B,QAAQ,yBAAyB;AACvE,SAASC,gCAAgC,QAAQ,mCAAmC;AAGpF,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;;CAGC,GACD,OAAO,MAAMC,+BAA2DL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQR,2BAA2BM,OAAOC;IAEhDL,iCAAiCM;IACjCL,4BAA4B,oCAAoCK;IAEhE,OAAOP,8BAA8BO;AACvC,GAAG;AAEHJ,eAAeK,WAAW,GAAG"}
1	+ {"version":3,"sources":["../src/components/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useBreadcrumbItem_unstable } from './useBreadcrumbItem';\nimport { renderBreadcrumbItem_unstable } from './renderBreadcrumbItem';\nimport { useBreadcrumbItemStyles_unstable } from './useBreadcrumbItemStyles.styles';\nimport type { BreadcrumbItemProps } from './BreadcrumbItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/*\n BreadcrumbItem component is a wrapper for BreadcrumbLink and BreadcrumbButton.\n * It can be used as a non-interactive item.\n */\nexport const BreadcrumbItem: ForwardRefComponent<BreadcrumbItemProps> = React.forwardRef((props, ref) => {\n const state = useBreadcrumbItem_unstable(props, ref);\n\n useBreadcrumbItemStyles_unstable(state);\n useCustomStyleHook_unstable('useBreadcrumbItemStyles_unstable')(state);\n\n return renderBreadcrumbItem_unstable(state);\n});\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n"],"names":["React","useBreadcrumbItem_unstable","renderBreadcrumbItem_unstable","useBreadcrumbItemStyles_unstable","useCustomStyleHook_unstable","BreadcrumbItem","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,6BAA6B,QAAQ,yBAAyB;AACvE,SAASC,gCAAgC,QAAQ,mCAAmC;AAGpF,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;;CAGC,GACD,OAAO,MAAMC,+BAA2DL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQR,2BAA2BM,OAAOC;IAEhDL,iCAAiCM;IACjCL,4BAA4B,oCAAoCK;IAEhE,OAAOP,8BAA8BO;AACvC,GAAG;AAEHJ,eAAeK,WAAW,GAAG"}

package/lib/components/BreadcrumbItem/useBreadcrumbItem.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
 import { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/BreadcrumbItem/useBreadcrumbItem.ts"],"sourcesContent":["~~import~~ * 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,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"}
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"}

package/lib/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js CHANGED Viewed

@@ -1,3 +1,5 @@
+'use client';
 import { __resetStyles, mergeClasses } from '@griffel/react';
 import { tokens } from '@fluentui/react-theme';
 export const breadcrumbItemClassNames = {

package/lib/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__resetStyles","mergeClasses","tokens","breadcrumbItemClassNames","root","useBreadcrumbItemResetStyles","useBreadcrumbItemStyles_unstable","state","resetStyles","className"],"sources":["useBreadcrumbItemStyles.styles.js"],"sourcesContent":["~~import~~ { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const breadcrumbItemClassNames = {\n root: 'fui-BreadcrumbItem'\n};\nconst useBreadcrumbItemResetStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n color: tokens.colorNeutralForeground2,\n boxSizing: 'border-box',\n textWrap: 'nowrap'\n});\n/*\n Apply styling to the BreadcrumbItem slots based on the state\n */ export const useBreadcrumbItemStyles_unstable = (state)=>{\n 'use no memo';\n const resetStyles = useBreadcrumbItemResetStyles();\n state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAA0BC,YAAY,QAAQ,gBAAgB;AAC9D,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,wBAAwB,GAAG;EACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,4BAA4B,gBAAGL,aAAA,8IAMpC,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMM,gCAAgC,GAAIC,KAAK,IAAG;EACzD,aAAa;;EACb,MAAMC,WAAW,GAAGH,4BAA4B,CAAC,CAAC;EAClDE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGR,YAAY,CAACE,wBAAwB,CAACC,IAAI,EAAEI,WAAW,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EACrG,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["__resetStyles","mergeClasses","tokens","breadcrumbItemClassNames","root","useBreadcrumbItemResetStyles","useBreadcrumbItemStyles_unstable","state","resetStyles","className"],"sources":["useBreadcrumbItemStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const breadcrumbItemClassNames = {\n root: 'fui-BreadcrumbItem'\n};\nconst useBreadcrumbItemResetStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n color: tokens.colorNeutralForeground2,\n boxSizing: 'border-box',\n textWrap: 'nowrap'\n});\n/*\n Apply styling to the BreadcrumbItem slots based on the state\n */ export const useBreadcrumbItemStyles_unstable = (state)=>{\n 'use no memo';\n const resetStyles = useBreadcrumbItemResetStyles();\n state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,aAAA,EAA0BC,YAAY,QAAQ,gBAAgB;AAC9D,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,wBAAwB,GAAG;EACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,4BAA4B,gBAAGL,aAAA,8IAMpC,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMM,gCAAgC,GAAIC,KAAK,IAAG;EACzD,aAAa;;EACb,MAAMC,WAAW,GAAGH,4BAA4B,CAAC,CAAC;EAClDE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGR,YAAY,CAACE,wBAAwB,CAACC,IAAI,EAAEI,WAAW,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EACrG,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.raw.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 import { makeResetStyles, mergeClasses } from '@griffel/react';
 import { tokens } from '@fluentui/react-theme';
 export const breadcrumbItemClassNames = {

package/lib/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.ts"],"sourcesContent":["~~import~~ { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbItemSlots, BreadcrumbItemState } from './BreadcrumbItem.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const breadcrumbItemClassNames: SlotClassNames<BreadcrumbItemSlots> = {\n root: 'fui-BreadcrumbItem',\n};\n\nconst useBreadcrumbItemResetStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n color: tokens.colorNeutralForeground2,\n boxSizing: 'border-box',\n textWrap: 'nowrap',\n});\n\n/*\n Apply styling to the BreadcrumbItem slots based on the state\n */\nexport const useBreadcrumbItemStyles_unstable = (state: BreadcrumbItemState): BreadcrumbItemState => {\n 'use no memo';\n\n const resetStyles = useBreadcrumbItemResetStyles();\n\n state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);\n\n return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","breadcrumbItemClassNames","root","useBreadcrumbItemResetStyles","display","alignItems","color","colorNeutralForeground2","boxSizing","textWrap","useBreadcrumbItemStyles_unstable","state","resetStyles","className"],"mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,QAAQ,iBAAiB;AAG/D,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF,MAAMC,+BAA+BL,gBAAgB;IACnDM,SAAS;IACTC,YAAY;IACZC,OAAON,OAAOO,uBAAuB;IACrCC,WAAW;IACXC,UAAU;AACZ;AAEA;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,cAAcT;IAEpBQ,MAAMT,IAAI,CAACW,SAAS,GAAGd,aAAaE,yBAAyBC,IAAI,EAAEU,aAAaD,MAAMT,IAAI,CAACW,SAAS;IAEpG,OAAOF;AACT,EAAE"}
1	+ {"version":3,"sources":["../src/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbItemSlots, BreadcrumbItemState } from './BreadcrumbItem.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const breadcrumbItemClassNames: SlotClassNames<BreadcrumbItemSlots> = {\n root: 'fui-BreadcrumbItem',\n};\n\nconst useBreadcrumbItemResetStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n color: tokens.colorNeutralForeground2,\n boxSizing: 'border-box',\n textWrap: 'nowrap',\n});\n\n/*\n Apply styling to the BreadcrumbItem slots based on the state\n */\nexport const useBreadcrumbItemStyles_unstable = (state: BreadcrumbItemState): BreadcrumbItemState => {\n 'use no memo';\n\n const resetStyles = useBreadcrumbItemResetStyles();\n\n state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);\n\n return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","breadcrumbItemClassNames","root","useBreadcrumbItemResetStyles","display","alignItems","color","colorNeutralForeground2","boxSizing","textWrap","useBreadcrumbItemStyles_unstable","state","resetStyles","className"],"mappings":"AAAA;AAEA,SAASA,eAAe,EAAEC,YAAY,QAAQ,iBAAiB;AAG/D,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF,MAAMC,+BAA+BL,gBAAgB;IACnDM,SAAS;IACTC,YAAY;IACZC,OAAON,OAAOO,uBAAuB;IACrCC,WAAW;IACXC,UAAU;AACZ;AAEA;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,cAAcT;IAEpBQ,MAAMT,IAAI,CAACW,SAAS,GAAGd,aAAaE,yBAAyBC,IAAI,EAAEU,aAAaD,MAAMT,IAAI,CAACW,SAAS;IAEpG,OAAOF;AACT,EAAE"}

package/lib-commonjs/components/Breadcrumb/Breadcrumb.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/Breadcrumb/Breadcrumb.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["~~import~~ * 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":"~~;;;;+BAYaM;;;;;;;iEAZU~~,QAAQ;+BACQ,kBAAkB;kCACf,qBAAqB;2CAClB,+BAA+B;2CAGxB,8BAA8B;qCACtC,kCAAkC;AAKvE,~~mBAAMA~~,WAAAA,GAAmDN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,YAAQT,qCAAAA,EAAuBO,OAAOC;IAC5C,MAAME,oBAAgBP,8DAAAA,EAAoCM;QAE1DP,uDAAAA,EAA6BO;QAC7BL,gDAAAA,EAA4B,gCAAgCK;IAE5D,WAAOR,2CAAAA,EAA0BQ,OAAOC;AAC1C,GAAG;AAEHL,WAAWM,WAAW,GAAG"}
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;;;;;;;;;;;;iEAEuB,QAAQ;+BACQ,kBAAkB;kCACf,qBAAqB;2CAClB,+BAA+B;2CAGxB,8BAA8B;qCACtC,kCAAkC;AAKvE,MAAMM,aAAAA,WAAAA,GAAmDN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,YAAQT,qCAAAA,EAAuBO,OAAOC;IAC5C,MAAME,oBAAgBP,8DAAAA,EAAoCM;QAE1DP,uDAAAA,EAA6BO;QAC7BL,gDAAAA,EAA4B,gCAAgCK;IAE5D,WAAOR,2CAAAA,EAA0BQ,OAAOC;AAC1C,GAAG;AAEHL,WAAWM,WAAW,GAAG"}

package/lib-commonjs/components/Breadcrumb/BreadcrumbContext.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/Breadcrumb/BreadcrumbContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Breadcrumb/BreadcrumbContext.ts"],"sourcesContent":["~~import~~ * as React from 'react';\nimport { BreadcrumbContextValues } from './Breadcrumb.types';\n\nconst BreadcrumbContext = React.createContext<BreadcrumbContextValues \| undefined>(undefined);\n\n/*\n @internal\n /\nexport const breadcrumbDefaultValue: BreadcrumbContextValues = {\n size: 'medium',\n};\n\n/\n @internal\n /\nexport const BreadcrumbProvider = BreadcrumbContext.Provider;\n\n/\n @internal\n */\nexport const useBreadcrumbContext_unstable = (): BreadcrumbContextValues =>\n React.useContext(BreadcrumbContext) ?? breadcrumbDefaultValue;\n"],"names":["React","BreadcrumbContext","createContext","undefined","breadcrumbDefaultValue","size","BreadcrumbProvider","Provider","useBreadcrumbContext_unstable","useContext"],"mappings":"~~;;;;;;;;;;;IAeaM,kBAAAA;;;~~0BAPAF;;;iCAYAI;;;;;iEApBU,QAAQ;AAG/B,MAAMP,kCAAoBD,OAAME,aAAa,CAAsCC;AAK5E,MAAMC,yBAAkD;IAC7DC,MAAM;AACR,EAAE;AAKK,2BAA2BJ,kBAAkBM,QAAQ,CAAC;AAKtD,MAAMC,gCAAgC;QAC3CR;WAAAA,CAAAA,oBAAAA,OAAMS,UAAU,CAACR,kBAAAA,MAAAA,QAAjBD,sBAAAA,KAAAA,IAAAA,oBAAuCI;EAAuB"}
1	+ {"version":3,"sources":["../src/components/Breadcrumb/BreadcrumbContext.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { BreadcrumbContextValues } from './Breadcrumb.types';\n\nconst BreadcrumbContext = React.createContext<BreadcrumbContextValues \| undefined>(undefined);\n\n/*\n @internal\n /\nexport const breadcrumbDefaultValue: BreadcrumbContextValues = {\n size: 'medium',\n};\n\n/\n @internal\n /\nexport const BreadcrumbProvider = BreadcrumbContext.Provider;\n\n/\n @internal\n */\nexport const useBreadcrumbContext_unstable = (): BreadcrumbContextValues =>\n React.useContext(BreadcrumbContext) ?? breadcrumbDefaultValue;\n"],"names":["React","BreadcrumbContext","createContext","undefined","breadcrumbDefaultValue","size","BreadcrumbProvider","Provider","useBreadcrumbContext_unstable","useContext"],"mappings":"AAAA;;;;;;;;;;;;sBAiBaM;eAAAA;;0BAPAF;;;iCAYAI;;;;;iEApBU,QAAQ;AAG/B,MAAMP,kCAAoBD,OAAME,aAAa,CAAsCC;AAK5E,MAAMC,yBAAkD;IAC7DC,MAAM;AACR,EAAE;AAKK,2BAA2BJ,kBAAkBM,QAAQ,CAAC;AAKtD,MAAMC,gCAAgC;QAC3CR;WAAAA,CAAAA,oBAAAA,OAAMS,UAAU,CAACR,kBAAAA,MAAAA,QAAjBD,sBAAAA,KAAAA,IAAAA,oBAAuCI;EAAuB"}

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

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Breadcrumb/useBreadcrumb.ts"],"sourcesContent":["~~import~~ * 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":"~~;;;;+BAcaI~~;;;;;;;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"}
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"}

package/lib-commonjs/components/Breadcrumb/useBreadcrumbContextValue.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/Breadcrumb/useBreadcrumbContextValue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Breadcrumb/useBreadcrumbContextValue.ts"],"sourcesContent":["~~import~~ * as React from 'react';\nimport type { BreadcrumbContextValues, BreadcrumbState } from './Breadcrumb.types';\n\nexport function useBreadcrumbContextValues_unstable(state: BreadcrumbState): BreadcrumbContextValues {\n const { size } = state;\n return React.useMemo(() => ({ size }), [size]);\n}\n"],"names":["React","useBreadcrumbContextValues_unstable","state","size","useMemo"],"mappings":"~~;;;;;;;;;;;iEAAuB~~,QAAQ;AAGxB,SAASC,oCAAoCC,KAAsB;IACxE,MAAM,EAAEC,IAAI,EAAE,GAAGD;IACjB,OAAOF,OAAMI,OAAO,CAAC,IAAO,CAAA;YAAED;SAAK,CAAA,EAAI;QAACA;KAAK;AAC/C"}
1	+ {"version":3,"sources":["../src/components/Breadcrumb/useBreadcrumbContextValue.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { BreadcrumbContextValues, BreadcrumbState } from './Breadcrumb.types';\n\nexport function useBreadcrumbContextValues_unstable(state: BreadcrumbState): BreadcrumbContextValues {\n const { size } = state;\n return React.useMemo(() => ({ size }), [size]);\n}\n"],"names":["React","useBreadcrumbContextValues_unstable","state","size","useMemo"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;AAGxB,SAASC,oCAAoCC,KAAsB;IACxE,MAAM,EAAEC,IAAI,EAAE,GAAGD;IACjB,OAAOF,OAAMI,OAAO,CAAC,IAAO,CAAA;YAAED;SAAK,CAAA,EAAI;QAACA;KAAK;AAC/C"}

package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useBreadcrumbStyles.styles.js"],"sourcesContent":["~~import~~ { 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 'use no memo';\n const listBaseClassName = useListClassName();\n state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n if (state.list) {\n state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n }\n return state;\n};\n"],"names":["__resetStyles","mergeClasses","breadcrumbClassNames","root","list","useListClassName","useBreadcrumbStyles_unstable","state","listBaseClassName","className"],"mappings":"~~;;;;;;;;;;;IACaE~~,oBAAoB;;;gCAaY~~;;;;uBAdC~~,gBAAgB;AACvD,6BAA6B;~~IAChCC~~,IAAI,EAAE,gBAAgB;IACtBC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,gBAAgB,GAAA,WAAA,~~OAAGL~~,~~oBAAA~~,EAAA,WAAA,MAAA;IAAA;CAMxB,CAAC;AAGS,~~MAAMM~~,~~gCAAgCC,~~KAAK,IAAG;IACrD,aAAa;IACb,MAAMC,iBAAiB,GAAGH,gBAAgB,CAAC,CAAC;IAC5CE,KAAK,CAACJ,IAAI,CAACM,SAAS,~~OAAGR~~,~~mBAAY~~,EAACC,oBAAoB,CAACC,IAAI,EAAEI,KAAK,CAACJ,IAAI,CAACM,SAAS,CAAC;IACpF,IAAIF,KAAK,CAACH,IAAI,EAAE;QACZG,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGR,mBAAY,EAACO,iBAAiB,EAAEN,oBAAoB,CAACE,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IAC3G;IACA,OAAOF,KAAK;AAChB,CAAC"}
1	+ {"version":3,"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 'use no memo';\n const listBaseClassName = useListClassName();\n state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n if (state.list) {\n state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n }\n return state;\n};\n"],"names":["__resetStyles","mergeClasses","breadcrumbClassNames","root","list","useListClassName","useBreadcrumbStyles_unstable","state","listBaseClassName","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECE,oBAAoB;;;gCAaY;eAA5BI;;;uBAd6B,gBAAgB;AACvD,6BAA6B;IAChCH,IAAI,EAAE,gBAAgB;IACtBC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,gBAAgB,GAAA,WAAA,GAAGL,wBAAA,EAAA,WAAA,MAAA;IAAA;CAMxB,CAAC;AAGS,sCAAsCO,KAAK,IAAG;IACrD,aAAa;IACb,MAAMC,iBAAiB,GAAGH,gBAAgB,CAAC,CAAC;IAC5CE,KAAK,CAACJ,IAAI,CAACM,SAAS,GAAGR,uBAAY,EAACC,oBAAoB,CAACC,IAAI,EAAEI,KAAK,CAACJ,IAAI,CAACM,SAAS,CAAC;IACpF,IAAIF,KAAK,CAACH,IAAI,EAAE;QACZG,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGR,mBAAY,EAACO,iBAAiB,EAAEN,oBAAoB,CAACE,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IAC3G;IACA,OAAOF,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.raw.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Breadcrumb/useBreadcrumbStyles.styles.ts"],"sourcesContent":["~~import~~ { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbSlots, BreadcrumbState } from './Breadcrumb.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const breadcrumbClassNames: SlotClassNames<BreadcrumbSlots> = {\n root: 'fui-Breadcrumb',\n list: 'fui-Breadcrumb__list',\n};\n\nconst useListClassName = makeResetStyles({\n listStyleType: 'none',\n display: 'flex',\n alignItems: 'center',\n margin: 0,\n padding: 0,\n});\n\n/*\n Apply styling to the Breadcrumb slots based on the state\n */\nexport const useBreadcrumbStyles_unstable = (state: BreadcrumbState): BreadcrumbState => {\n 'use no memo';\n\n const listBaseClassName = useListClassName();\n state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n if (state.list) {\n state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n }\n return state;\n};\n"],"names":["makeResetStyles","mergeClasses","breadcrumbClassNames","root","list","useListClassName","listStyleType","display","alignItems","margin","padding","useBreadcrumbStyles_unstable","state","listBaseClassName","className"],"mappings":"~~;;;;;;;;;;;IAIaE~~,oBAAAA;;;~~gCAgBAS~~;;;;uBApBiC,iBAAiB;AAIxD,6BAA8D;IACnER,MAAM;IACNC,MAAM;AACR,EAAE;AAEF,MAAMC,uBAAmBL,sBAAAA,EAAgB;IACvCM,eAAe;IACfC,SAAS;IACTC,YAAY;IACZC,QAAQ;IACRC,SAAS;AACX;AAKO,~~MAAMC,+BAA+B~~,~~CAACC~~;IAC3C;IAEA,MAAMC,oBAAoBR;IAC1BO,MAAMT,IAAI,CAACW,SAAS,~~GAAGb~~,~~uBAAAA~~,EAAaC,qBAAqBC,IAAI,EAAES,MAAMT,IAAI,CAACW,SAAS;IACnF,IAAIF,MAAMR,IAAI,EAAE;QACdQ,MAAMR,IAAI,CAACU,SAAS,OAAGb,mBAAAA,EAAaY,mBAAmBX,qBAAqBE,IAAI,EAAEQ,MAAMR,IAAI,CAACU,SAAS;IACxG;IACA,OAAOF;AACT,EAAE"}
1	+ {"version":3,"sources":["../src/components/Breadcrumb/useBreadcrumbStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbSlots, BreadcrumbState } from './Breadcrumb.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const breadcrumbClassNames: SlotClassNames<BreadcrumbSlots> = {\n root: 'fui-Breadcrumb',\n list: 'fui-Breadcrumb__list',\n};\n\nconst useListClassName = makeResetStyles({\n listStyleType: 'none',\n display: 'flex',\n alignItems: 'center',\n margin: 0,\n padding: 0,\n});\n\n/*\n Apply styling to the Breadcrumb slots based on the state\n */\nexport const useBreadcrumbStyles_unstable = (state: BreadcrumbState): BreadcrumbState => {\n 'use no memo';\n\n const listBaseClassName = useListClassName();\n state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n if (state.list) {\n state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n }\n return state;\n};\n"],"names":["makeResetStyles","mergeClasses","breadcrumbClassNames","root","list","useListClassName","listStyleType","display","alignItems","margin","padding","useBreadcrumbStyles_unstable","state","listBaseClassName","className"],"mappings":"AAAA;;;;;;;;;;;;IAMaE,oBAAAA;;;IAgBAS,4BAAAA;;;;uBApBiC,iBAAiB;AAIxD,6BAA8D;IACnER,MAAM;IACNC,MAAM;AACR,EAAE;AAEF,MAAMC,uBAAmBL,sBAAAA,EAAgB;IACvCM,eAAe;IACfC,SAAS;IACTC,YAAY;IACZC,QAAQ;IACRC,SAAS;AACX;AAKO,qCAAqC,CAACE;IAC3C;IAEA,MAAMC,oBAAoBR;IAC1BO,MAAMT,IAAI,CAACW,SAAS,OAAGb,mBAAAA,EAAaC,qBAAqBC,IAAI,EAAES,MAAMT,IAAI,CAACW,SAAS;IACnF,IAAIF,MAAMR,IAAI,EAAE;QACdQ,MAAMR,IAAI,CAACU,SAAS,OAAGb,mBAAAA,EAAaY,mBAAmBX,qBAAqBE,IAAI,EAAEQ,MAAMR,IAAI,CAACU,SAAS;IACxG;IACA,OAAOF;AACT,EAAE"}

package/lib-commonjs/components/BreadcrumbButton/BreadcrumbButton.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/BreadcrumbButton/BreadcrumbButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/BreadcrumbButton/BreadcrumbButton.tsx"],"sourcesContent":["~~import~~ * 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":"~~;;;;+BAWaK;;;;;;;iEAXU~~,QAAQ;qCACc,wBAAwB;wCACrB,2BAA2B;iDACxB,qCAAqC;qCAC5C,kCAAkC;AAOvE,~~yBAAMA~~,WAAAA,GAA+DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACnG,MAAMC,~~QAAQR~~,~~qDAAAA~~,EAA6BM,OAAOC;QAElDL,mEAAAA,EAAmCM;QACnCL,gDAAAA,EAA4B,sCAAsCK;IAElE,WAAOP,uDAAAA,EAAgCO;AACzC,GAAG;AAEHJ,iBAAiBK,WAAW,GAAG"}
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;;;;;;;;;;;;iEAEuB,QAAQ;qCACc,wBAAwB;wCACrB,2BAA2B;iDACxB,qCAAqC;qCAC5C,kCAAkC;AAOvE,MAAMK,mBAAAA,WAAAA,GAA+DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACnG,MAAMC,YAAQR,iDAAAA,EAA6BM,OAAOC;QAElDL,mEAAAA,EAAmCM;QACnCL,gDAAAA,EAA4B,sCAAsCK;IAElE,WAAOP,uDAAAA,EAAgCO;AACzC,GAAG;AAEHJ,iBAAiBK,WAAW,GAAG"}

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

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/BreadcrumbButton/useBreadcrumbButton.ts"],"sourcesContent":["~~import~~ * 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":"~~;;;;+BAgBaG~~;;;;;;;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"}
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"}

package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useBreadcrumbButtonStyles.styles.js"],"sourcesContent":["~~import~~ { makeStyles, mergeClasses } from '@griffel/react';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n/*\n Static CSS class names used internally for the component slots.\n / export const breadcrumbButtonClassNames = {\n root: 'fui-BreadcrumbButton',\n icon: 'fui-BreadcrumbButton__icon'\n};\n/\n CSS variable names used internally for styling in the Breadcrumb.\n / const breadcrumbCSSVars = {\n breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',\n breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height'\n};\nconst useIconStyles = makeStyles({\n base: {\n fontSize: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n height: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n lineHeight: `var(${breadcrumbCSSVars.breadcrumbIconLineHeightVar})`,\n width: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n marginRight: tokens.spacingHorizontalXS\n },\n small: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '12px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase200\n },\n medium: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '16px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase400\n },\n large: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '20px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase600\n }\n});\nconst defaultButtonStyles = {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n cursor: 'auto'\n};\nconst currentIconStyles = {\n ...defaultButtonStyles,\n [`& .${buttonClassNames.icon}`]: {\n color: 'unset'\n },\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n }\n};\nconst useStyles = makeStyles({\n root: {\n minWidth: 'unset',\n textWrap: 'nowrap'\n },\n small: {\n height: '24px',\n ...typographyStyles.caption1,\n padding: tokens.spacingHorizontalSNudge\n },\n medium: {\n height: '32px',\n ...typographyStyles.body1,\n padding: tokens.spacingHorizontalSNudge\n },\n large: {\n height: '40px',\n ...typographyStyles.body2,\n padding: tokens.spacingHorizontalS\n },\n current: {\n ':hover': {\n ...currentIconStyles\n },\n ':hover:active': {\n ...currentIconStyles\n },\n ':disabled': {\n ...currentIconStyles\n }\n },\n currentSmall: {\n ...typographyStyles.caption1Strong\n },\n currentMedium: {\n ...typographyStyles.body1Strong\n },\n currentLarge: {\n ...typographyStyles.subtitle2\n }\n});\n/\n Apply styling to the BreadcrumbButton slots based on the state\n */ export const useBreadcrumbButtonStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const currentSizeMap = {\n small: styles.currentSmall,\n medium: styles.currentMedium,\n large: styles.currentLarge\n };\n state.root.className = mergeClasses(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n }\n useButtonStyles_unstable(state);\n return state;\n};\n"],"names":["__styles","mergeClasses","useButtonStyles_unstable","buttonClassNames","tokens","typographyStyles","iconFilledClassName","iconRegularClassName","breadcrumbButtonClassNames","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","base","Be2twd7","Bqenvij","Bg96gwp","a9b677","t21cq0","small","u3h8gg","Biu6dll","medium","large","d","defaultButtonStyles","backgroundColor","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","display","useStyles","Bf4jedk","j4b8c3","Bahqtrf","Bhrd7zp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","current","Jwef8y","Bi91k9c","eoavqd","Bbdnnc7","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","c3iz72","x3br3k","em6i61","vm6p8p","Bszkowt","Dyrjrp","ezr58z","nhk3du","Bfrek18","G209fr","currentSmall","currentMedium","currentLarge","p","h","useBreadcrumbButtonStyles_unstable","state","styles","iconStyles","currentSizeMap","className","size"],"mappings":"~~;;;;;;;;;;;IAMiBQ~~,0BAA0B;;;~~sCA2FQ~~;;;;uBAjGV,gBAAgB;6BACE,wBAAwB;4BAC1C,uBAAuB;4BACN,uBAAuB;AAGtE,mCAAmC;~~IAC1CC~~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~~MAAMC~~,~~sCAAsCC,~~KAAK,IAAG;IAC3D,aAAa;IACb,MAAMC,MAAM,GAAGpC,SAAS,CAAC,CAAC;IAC1B,MAAMqC,UAAU,GAAG1D,aAAa,CAAC,CAAC;IAClC,MAAM2D,cAAc,GAAG;QACnBpD,KAAK,EAAEkD,MAAM,CAACP,YAAY;QAC1BxC,MAAM,EAAE+C,MAAM,CAACN,aAAa;QAC5BxC,KAAK,EAAE8C,MAAM,CAACL,YAAAA;IAClB,CAAC;IACDI,KAAK,CAAC7D,IAAI,CAACiE,SAAS,~~GAAGzE~~,~~uBAAY~~,EAACO,0BAA0B,CAACC,IAAI,EAAE8D,MAAM,CAACD,KAAK,CAACK,IAAI,CAAC,EAAEJ,MAAM,CAAC9D,IAAI,EAAE6D,KAAK,CAACzB,OAAO,IAAI4B,cAAc,CAACH,KAAK,CAACK,IAAI,CAAC,EAAEL,KAAK,CAACzB,OAAO,IAAI0B,MAAM,CAAC1B,OAAO,EAAEyB,KAAK,CAAC7D,IAAI,CAACiE,SAAS,CAAC;IACzM,IAAIJ,KAAK,CAAC5D,IAAI,EAAE;QACZ4D,KAAK,CAAC5D,IAAI,CAACgE,SAAS,~~OAAGzE~~,~~mBAAY~~,EAACuE,UAAU,CAACzD,IAAI,EAAEyD,UAAU,CAACF,KAAK,CAACK,IAAI,CAAC,EAAEL,KAAK,CAAC5D,IAAI,CAACgE,SAAS,CAAC;IACtG;QACAxE,qCAAwB,EAACoE,KAAK,CAAC;IAC/B,OAAOA,KAAK;AAChB,CAAC"}
1	+ {"version":3,"sources":["useBreadcrumbButtonStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n/*\n Static CSS class names used internally for the component slots.\n / export const breadcrumbButtonClassNames = {\n root: 'fui-BreadcrumbButton',\n icon: 'fui-BreadcrumbButton__icon'\n};\n/\n CSS variable names used internally for styling in the Breadcrumb.\n / const breadcrumbCSSVars = {\n breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',\n breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height'\n};\nconst useIconStyles = makeStyles({\n base: {\n fontSize: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n height: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n lineHeight: `var(${breadcrumbCSSVars.breadcrumbIconLineHeightVar})`,\n width: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n marginRight: tokens.spacingHorizontalXS\n },\n small: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '12px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase200\n },\n medium: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '16px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase400\n },\n large: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '20px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase600\n }\n});\nconst defaultButtonStyles = {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n cursor: 'auto'\n};\nconst currentIconStyles = {\n ...defaultButtonStyles,\n [`& .${buttonClassNames.icon}`]: {\n color: 'unset'\n },\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n }\n};\nconst useStyles = makeStyles({\n root: {\n minWidth: 'unset',\n textWrap: 'nowrap'\n },\n small: {\n height: '24px',\n ...typographyStyles.caption1,\n padding: tokens.spacingHorizontalSNudge\n },\n medium: {\n height: '32px',\n ...typographyStyles.body1,\n padding: tokens.spacingHorizontalSNudge\n },\n large: {\n height: '40px',\n ...typographyStyles.body2,\n padding: tokens.spacingHorizontalS\n },\n current: {\n ':hover': {\n ...currentIconStyles\n },\n ':hover:active': {\n ...currentIconStyles\n },\n ':disabled': {\n ...currentIconStyles\n }\n },\n currentSmall: {\n ...typographyStyles.caption1Strong\n },\n currentMedium: {\n ...typographyStyles.body1Strong\n },\n currentLarge: {\n ...typographyStyles.subtitle2\n }\n});\n/\n Apply styling to the BreadcrumbButton slots based on the state\n */ export const useBreadcrumbButtonStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const currentSizeMap = {\n small: styles.currentSmall,\n medium: styles.currentMedium,\n large: styles.currentLarge\n };\n state.root.className = mergeClasses(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n }\n useButtonStyles_unstable(state);\n return state;\n};\n"],"names":["__styles","mergeClasses","useButtonStyles_unstable","buttonClassNames","tokens","typographyStyles","iconFilledClassName","iconRegularClassName","breadcrumbButtonClassNames","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","base","Be2twd7","Bqenvij","Bg96gwp","a9b677","t21cq0","small","u3h8gg","Biu6dll","medium","large","d","defaultButtonStyles","backgroundColor","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","display","useStyles","Bf4jedk","j4b8c3","Bahqtrf","Bhrd7zp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","current","Jwef8y","Bi91k9c","eoavqd","Bbdnnc7","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","c3iz72","x3br3k","em6i61","vm6p8p","Bszkowt","Dyrjrp","ezr58z","nhk3du","Bfrek18","G209fr","currentSmall","currentMedium","currentLarge","p","h","useBreadcrumbButtonStyles_unstable","state","styles","iconStyles","currentSizeMap","className","size"],"mappings":"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"}

package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.raw.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.ts"],"sourcesContent":["~~import~~ { makeStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbButtonSlots, BreadcrumbButtonState } from './BreadcrumbButton.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n\n/*\n Static CSS class names used internally for the component slots.\n /\nexport const breadcrumbButtonClassNames: SlotClassNames<BreadcrumbButtonSlots> = {\n root: 'fui-BreadcrumbButton',\n icon: 'fui-BreadcrumbButton__icon',\n};\n\n/\n CSS variable names used internally for styling in the Breadcrumb.\n /\nconst breadcrumbCSSVars = {\n breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',\n breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height',\n};\n\nconst useIconStyles = makeStyles({\n base: {\n fontSize: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n height: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n lineHeight: `var(${breadcrumbCSSVars.breadcrumbIconLineHeightVar})`,\n width: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n marginRight: tokens.spacingHorizontalXS,\n },\n small: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '12px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase200,\n },\n medium: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '16px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase400,\n },\n large: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '20px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase600,\n },\n});\n\nconst defaultButtonStyles = {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n cursor: 'auto',\n};\n\nconst currentIconStyles = {\n ...defaultButtonStyles,\n [`& .${buttonClassNames.icon}`]: {\n color: 'unset',\n },\n [`& .${iconFilledClassName}`]: {\n display: 'none',\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline',\n },\n};\n\nconst useStyles = makeStyles({\n root: {\n minWidth: 'unset',\n textWrap: 'nowrap',\n },\n small: {\n height: '24px',\n ...typographyStyles.caption1,\n padding: tokens.spacingHorizontalSNudge,\n },\n medium: {\n height: '32px',\n ...typographyStyles.body1,\n padding: tokens.spacingHorizontalSNudge,\n },\n large: {\n height: '40px',\n ...typographyStyles.body2,\n padding: tokens.spacingHorizontalS,\n },\n current: {\n ':hover': {\n ...currentIconStyles,\n },\n ':hover:active': {\n ...currentIconStyles,\n },\n ':disabled': {\n ...currentIconStyles,\n },\n },\n currentSmall: {\n ...typographyStyles.caption1Strong,\n },\n currentMedium: {\n ...typographyStyles.body1Strong,\n },\n currentLarge: {\n ...typographyStyles.subtitle2,\n },\n});\n\n/\n Apply styling to the BreadcrumbButton slots based on the state\n */\nexport const useBreadcrumbButtonStyles_unstable = (state: BreadcrumbButtonState): BreadcrumbButtonState => {\n 'use no memo';\n\n const styles = useStyles();\n const iconStyles = useIconStyles();\n\n const currentSizeMap = {\n small: styles.currentSmall,\n medium: styles.currentMedium,\n large: styles.currentLarge,\n };\n state.root.className = mergeClasses(\n breadcrumbButtonClassNames.root,\n styles[state.size],\n styles.root,\n state.current && currentSizeMap[state.size],\n state.current && styles.current,\n state.root.className,\n );\n\n if (state.icon) {\n state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n }\n\n useButtonStyles_unstable(state);\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","useButtonStyles_unstable","buttonClassNames","tokens","typographyStyles","iconFilledClassName","iconRegularClassName","breadcrumbButtonClassNames","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","base","fontSize","height","lineHeight","width","marginRight","spacingHorizontalXS","small","lineHeightBase200","medium","lineHeightBase400","large","lineHeightBase600","defaultButtonStyles","backgroundColor","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","display","useStyles","minWidth","textWrap","caption1","padding","spacingHorizontalSNudge","body1","body2","spacingHorizontalS","current","currentSmall","caption1Strong","currentMedium","body1Strong","currentLarge","subtitle2","useBreadcrumbButtonStyles_unstable","state","styles","iconStyles","currentSizeMap","className","size"],"mappings":"~~;;;;;;;;;;;IAUaQ~~,0BAAAA;;;~~IAmGA4C,kCAAAA;;;;~~uBA7G4B,iBAAiB;6BAGC,yBAAyB;4BAC3C,wBAAwB;4BACP,wBAAwB;AAK3E,mCAA0E;IAC/E3C,MAAM;IACNC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,oBAAoB;IACxBC,uBAAuB;IACvBC,6BAA6B;AAC/B;AAEA,MAAMC,oBAAgBd,iBAAAA,EAAW;IAC/Be,MAAM;QACJC,UAAU,CAAC,IAAI,EAAEL,kBAAkBC,qBAAqB,CAAC,CAAC,CAAC;QAC3DK,QAAQ,CAAC,IAAI,EAAEN,kBAAkBC,qBAAqB,CAAC,CAAC,CAAC;QACzDM,YAAY,CAAC,IAAI,EAAEP,kBAAkBE,2BAA2B,CAAC,CAAC,CAAC;QACnEM,OAAO,CAAC,IAAI,EAAER,kBAAkBC,qBAAqB,CAAC,CAAC,CAAC;QACxDQ,aAAahB,kBAAAA,CAAOiB,mBAAmB;IACzC;IACAC,OAAO;QACL,CAACX,kBAAkBC,qBAAqB,CAAC,EAAE;QAC3C,CAACD,kBAAkBE,2BAA2B,CAAC,EAAET,kBAAAA,CAAOmB,iBAAiB;IAC3E;IACAC,QAAQ;QACN,CAACb,kBAAkBC,qBAAqB,CAAC,EAAE;QAC3C,CAACD,kBAAkBE,2BAA2B,CAAC,EAAET,kBAAAA,CAAOqB,iBAAiB;IAC3E;IACAC,OAAO;QACL,CAACf,kBAAkBC,qBAAqB,CAAC,EAAE;QAC3C,CAACD,kBAAkBE,2BAA2B,CAAC,EAAET,kBAAAA,CAAOuB,iBAAiB;IAC3E;AACF;AAEA,MAAMC,sBAAsB;IAC1BC,iBAAiBzB,kBAAAA,CAAO0B,0BAA0B;IAClDC,OAAO3B,kBAAAA,CAAO4B,uBAAuB;IACrCC,QAAQ;AACV;AAEA,MAAMC,oBAAoB;IACxB,GAAGN,mBAAmB;IACtB,CAAC,CAAC,GAAG,EAAEzB,6BAAAA,CAAiBO,IAAI,EAAE,CAAC,EAAE;QAC/BqB,OAAO;IACT;IACA,CAAC,CAAC,GAAG,EAAEzB,+BAAAA,EAAqB,CAAC,EAAE;QAC7B6B,SAAS;IACX;IACA,CAAC,CAAC,GAAG,EAAE5B,gCAAAA,EAAsB,CAAC,EAAE;QAC9B4B,SAAS;IACX;AACF;AAEA,MAAMC,~~gBAAYpC~~,~~iBAAAA~~,EAAW;IAC3BS,MAAM;QACJ4B,UAAU;QACVC,UAAU;IACZ;IACAhB,OAAO;QACLL,QAAQ;QACR,GAAGZ,4BAAAA,CAAiBkC,QAAQ;QAC5BC,SAASpC,kBAAAA,CAAOqC,uBAAuB;IACzC;IACAjB,QAAQ;QACNP,QAAQ;QACR,GAAGZ,4BAAAA,CAAiBqC,KAAK;QACzBF,SAASpC,kBAAAA,CAAOqC,uBAAuB;IACzC;IACAf,OAAO;QACLT,QAAQ;QACR,GAAGZ,4BAAAA,CAAiBsC,KAAK;QACzBH,SAASpC,kBAAAA,CAAOwC,kBAAkB;IACpC;IACAC,SAAS;QACP,UAAU;YACR,GAAGX,iBAAiB;QACtB;QACA,iBAAiB;YACf,GAAGA,iBAAiB;QACtB;QACA,aAAa;YACX,GAAGA,iBAAiB;QACtB;IACF;IACAY,cAAc;QACZ,GAAGzC,4BAAAA,CAAiB0C,cAAc;IACpC;IACAC,eAAe;QACb,GAAG3C,4BAAAA,CAAiB4C,WAAW;IACjC;IACAC,cAAc;QACZ,GAAG7C,4BAAAA,CAAiB8C,SAAS;IAC/B;AACF;AAKO,2CAA2C,CAACE;IACjD;IAEA,MAAMC,SAASlB;IACf,MAAMmB,aAAazC;IAEnB,MAAM0C,iBAAiB;QACrBlC,OAAOgC,OAAOR,YAAY;QAC1BtB,QAAQ8B,OAAON,aAAa;QAC5BtB,OAAO4B,OAAOJ,YAAY;IAC5B;IACAG,MAAM5C,IAAI,CAACgD,SAAS,OAAGxD,mBAAAA,EACrBO,2BAA2BC,IAAI,EAC/B6C,MAAM,CAACD,MAAMK,IAAI,CAAC,EAClBJ,OAAO7C,IAAI,EACX4C,MAAMR,OAAO,IAAIW,cAAc,CAACH,MAAMK,IAAI,CAAC,EAC3CL,MAAMR,OAAO,IAAIS,OAAOT,OAAO,EAC/BQ,MAAM5C,IAAI,CAACgD,SAAS;IAGtB,IAAIJ,MAAM3C,IAAI,EAAE;QACd2C,MAAM3C,IAAI,CAAC+C,SAAS,OAAGxD,mBAAAA,EAAasD,WAAWxC,IAAI,EAAEwC,UAAU,CAACF,MAAMK,IAAI,CAAC,EAAEL,MAAM3C,IAAI,CAAC+C,SAAS;IACnG;QAEAvD,qCAAAA,EAAyBmD;IAEzB,OAAOA;AACT,EAAE"}
1	+ {"version":3,"sources":["../src/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbButtonSlots, BreadcrumbButtonState } from './BreadcrumbButton.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n\n/*\n Static CSS class names used internally for the component slots.\n /\nexport const breadcrumbButtonClassNames: SlotClassNames<BreadcrumbButtonSlots> = {\n root: 'fui-BreadcrumbButton',\n icon: 'fui-BreadcrumbButton__icon',\n};\n\n/\n CSS variable names used internally for styling in the Breadcrumb.\n /\nconst breadcrumbCSSVars = {\n breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',\n breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height',\n};\n\nconst useIconStyles = makeStyles({\n base: {\n fontSize: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n height: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n lineHeight: `var(${breadcrumbCSSVars.breadcrumbIconLineHeightVar})`,\n width: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n marginRight: tokens.spacingHorizontalXS,\n },\n small: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '12px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase200,\n },\n medium: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '16px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase400,\n },\n large: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '20px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase600,\n },\n});\n\nconst defaultButtonStyles = {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n cursor: 'auto',\n};\n\nconst currentIconStyles = {\n ...defaultButtonStyles,\n [`& .${buttonClassNames.icon}`]: {\n color: 'unset',\n },\n [`& .${iconFilledClassName}`]: {\n display: 'none',\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline',\n },\n};\n\nconst useStyles = makeStyles({\n root: {\n minWidth: 'unset',\n textWrap: 'nowrap',\n },\n small: {\n height: '24px',\n ...typographyStyles.caption1,\n padding: tokens.spacingHorizontalSNudge,\n },\n medium: {\n height: '32px',\n ...typographyStyles.body1,\n padding: tokens.spacingHorizontalSNudge,\n },\n large: {\n height: '40px',\n ...typographyStyles.body2,\n padding: tokens.spacingHorizontalS,\n },\n current: {\n ':hover': {\n ...currentIconStyles,\n },\n ':hover:active': {\n ...currentIconStyles,\n },\n ':disabled': {\n ...currentIconStyles,\n },\n },\n currentSmall: {\n ...typographyStyles.caption1Strong,\n },\n currentMedium: {\n ...typographyStyles.body1Strong,\n },\n currentLarge: {\n ...typographyStyles.subtitle2,\n },\n});\n\n/\n Apply styling to the BreadcrumbButton slots based on the state\n */\nexport const useBreadcrumbButtonStyles_unstable = (state: BreadcrumbButtonState): BreadcrumbButtonState => {\n 'use no memo';\n\n const styles = useStyles();\n const iconStyles = useIconStyles();\n\n const currentSizeMap = {\n small: styles.currentSmall,\n medium: styles.currentMedium,\n large: styles.currentLarge,\n };\n state.root.className = mergeClasses(\n breadcrumbButtonClassNames.root,\n styles[state.size],\n styles.root,\n state.current && currentSizeMap[state.size],\n state.current && styles.current,\n state.root.className,\n );\n\n if (state.icon) {\n state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n }\n\n useButtonStyles_unstable(state);\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","useButtonStyles_unstable","buttonClassNames","tokens","typographyStyles","iconFilledClassName","iconRegularClassName","breadcrumbButtonClassNames","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","base","fontSize","height","lineHeight","width","marginRight","spacingHorizontalXS","small","lineHeightBase200","medium","lineHeightBase400","large","lineHeightBase600","defaultButtonStyles","backgroundColor","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","display","useStyles","minWidth","textWrap","caption1","padding","spacingHorizontalSNudge","body1","body2","spacingHorizontalS","current","currentSmall","caption1Strong","currentMedium","body1Strong","currentLarge","subtitle2","useBreadcrumbButtonStyles_unstable","state","styles","iconStyles","currentSizeMap","className","size"],"mappings":"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"}

package/lib-commonjs/components/BreadcrumbDivider/BreadcrumbDivider.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/BreadcrumbDivider/BreadcrumbDivider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/BreadcrumbDivider/BreadcrumbDivider.tsx"],"sourcesContent":["~~import~~ * as React from 'react';\nimport { useBreadcrumbDivider_unstable } from './useBreadcrumbDivider';\nimport { renderBreadcrumbDivider_unstable } from './renderBreadcrumbDivider';\nimport { useBreadcrumbDividerStyles_unstable } from './useBreadcrumbDividerStyles.styles';\nimport type { BreadcrumbDividerProps } from './BreadcrumbDivider.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/*\n A divider component which is used inside the Breadcrumb\n */\nexport const BreadcrumbDivider: ForwardRefComponent<BreadcrumbDividerProps> = React.forwardRef((props, ref) => {\n const state = useBreadcrumbDivider_unstable(props, ref);\n\n useBreadcrumbDividerStyles_unstable(state);\n useCustomStyleHook_unstable('useBreadcrumbDividerStyles_unstable')(state);\n\n return renderBreadcrumbDivider_unstable(state);\n});\n\nBreadcrumbDivider.displayName = 'BreadcrumbDivider';\n"],"names":["React","useBreadcrumbDivider_unstable","renderBreadcrumbDivider_unstable","useBreadcrumbDividerStyles_unstable","useCustomStyleHook_unstable","BreadcrumbDivider","forwardRef","props","ref","state","displayName"],"mappings":"~~;;;;+BAWaK;;;;;;;iEAXU~~,QAAQ;sCACe,yBAAyB;yCACtB,4BAA4B;kDACzB,sCAAsC;qCAG9C,kCAAkC;AAKvE,~~0BAAMA~~,WAAAA,GAAiEL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACrG,MAAMC,~~QAAQR~~,~~uDAAAA~~,EAA8BM,OAAOC;QAEnDL,qEAAAA,EAAoCM;QACpCL,gDAAAA,EAA4B,uCAAuCK;IAEnE,WAAOP,yDAAAA,EAAiCO;AAC1C,GAAG;AAEHJ,kBAAkBK,WAAW,GAAG"}
1	+ {"version":3,"sources":["../src/components/BreadcrumbDivider/BreadcrumbDivider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useBreadcrumbDivider_unstable } from './useBreadcrumbDivider';\nimport { renderBreadcrumbDivider_unstable } from './renderBreadcrumbDivider';\nimport { useBreadcrumbDividerStyles_unstable } from './useBreadcrumbDividerStyles.styles';\nimport type { BreadcrumbDividerProps } from './BreadcrumbDivider.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/*\n A divider component which is used inside the Breadcrumb\n */\nexport const BreadcrumbDivider: ForwardRefComponent<BreadcrumbDividerProps> = React.forwardRef((props, ref) => {\n const state = useBreadcrumbDivider_unstable(props, ref);\n\n useBreadcrumbDividerStyles_unstable(state);\n useCustomStyleHook_unstable('useBreadcrumbDividerStyles_unstable')(state);\n\n return renderBreadcrumbDivider_unstable(state);\n});\n\nBreadcrumbDivider.displayName = 'BreadcrumbDivider';\n"],"names":["React","useBreadcrumbDivider_unstable","renderBreadcrumbDivider_unstable","useBreadcrumbDividerStyles_unstable","useCustomStyleHook_unstable","BreadcrumbDivider","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;sCACe,yBAAyB;yCACtB,4BAA4B;kDACzB,sCAAsC;qCAG9C,kCAAkC;AAKvE,MAAMK,oBAAAA,WAAAA,GAAiEL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACrG,MAAMC,YAAQR,mDAAAA,EAA8BM,OAAOC;QAEnDL,qEAAAA,EAAoCM;QACpCL,gDAAAA,EAA4B,uCAAuCK;IAEnE,WAAOP,yDAAAA,EAAiCO;AAC1C,GAAG;AAEHJ,kBAAkBK,WAAW,GAAG"}

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

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/BreadcrumbDivider/useBreadcrumbDivider.tsx"],"sourcesContent":["~~import~~ * 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":"~~;;;;+BAgBaQ~~;;;;;;;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,~~OAAGL~~,~~uCAAAA~~;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"}
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"}

package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useBreadcrumbDividerStyles.styles.js"],"sourcesContent":["~~import~~ { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nexport const breadcrumbDividerClassNames = {\n root: 'fui-BreadcrumbDivider'\n};\n/*\n Styles for the root slot\n / const useStyles = makeResetStyles({\n display: 'flex'\n});\nconst useIconStyles = makeStyles({\n small: {\n fontSize: '12px'\n },\n medium: {\n fontSize: '16px'\n },\n large: {\n fontSize: '20px'\n }\n});\n/\n Apply styling to the BreadcrumbDivider slots based on the state\n */ export const useBreadcrumbDividerStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const { size = 'medium' } = state;\n state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);\n return state;\n};\n"],"names":["__styles","__resetStyles","mergeClasses","breadcrumbDividerClassNames","root","useStyles","useIconStyles","small","Be2twd7","medium","large","d","useBreadcrumbDividerStyles_unstable","state","styles","iconStyles","size","className"],"mappings":"~~;;;;;;;;;;;IACaG~~,2BAA2B;;;uCAqBY~~;eAAnCS;;;uBAtByC~~,gBAAgB;AACnE,oCAAoC;~~IACvCR~~,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGJ,oBAAA,EAAA,WAAA,MAAA;IAAA;CAErB,CAAC;AACF,MAAMK,aAAa,GAAA,WAAA,OAAGN,eAAA,EAAA;IAAAO,KAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,MAAA,EAAA;QAAAD,OAAA,EAAA;IAAA;IAAAE,KAAA,EAAA;QAAAF,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAG,CAAA,EAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAUrB,CAAC;AAGS,~~6CAA6CE~~,KAAK,IAAG;IAC5D,aAAa;IACb,MAAMC,MAAM,GAAGT,SAAS,CAAC,CAAC;IAC1B,MAAMU,UAAU,GAAGT,aAAa,CAAC,CAAC;IAClC,MAAM,EAAEU,IAAI,GAAG,QAAA,EAAU,GAAGH,KAAK;IACjCA,KAAK,CAACT,IAAI,CAACa,SAAS,OAAGf,mBAAY,EAACC,2BAA2B,CAACC,IAAI,EAAEU,MAAM,EAAEC,UAAU,CAACC,IAAI,CAAC,EAAEH,KAAK,CAACT,IAAI,CAACa,SAAS,CAAC;IACrH,OAAOJ,KAAK;AAChB,CAAC"}
1	+ {"version":3,"sources":["useBreadcrumbDividerStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nexport const breadcrumbDividerClassNames = {\n root: 'fui-BreadcrumbDivider'\n};\n/*\n Styles for the root slot\n / const useStyles = makeResetStyles({\n display: 'flex'\n});\nconst useIconStyles = makeStyles({\n small: {\n fontSize: '12px'\n },\n medium: {\n fontSize: '16px'\n },\n large: {\n fontSize: '20px'\n }\n});\n/\n Apply styling to the BreadcrumbDivider slots based on the state\n */ export const useBreadcrumbDividerStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const { size = 'medium' } = state;\n state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);\n return state;\n};\n"],"names":["__styles","__resetStyles","mergeClasses","breadcrumbDividerClassNames","root","useStyles","useIconStyles","small","Be2twd7","medium","large","d","useBreadcrumbDividerStyles_unstable","state","styles","iconStyles","size","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECG,2BAA2B;;;uCAqBY;;;;uBAtBM,gBAAgB;AACnE,oCAAoC;IACvCC,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGJ,oBAAA,EAAA,WAAA,MAAA;IAAA;CAErB,CAAC;AACF,MAAMK,aAAa,GAAA,WAAA,OAAGN,eAAA,EAAA;IAAAO,KAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,MAAA,EAAA;QAAAD,OAAA,EAAA;IAAA;IAAAE,KAAA,EAAA;QAAAF,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAG,CAAA,EAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAUrB,CAAC;AAGS,MAAMC,uCAAuCC,KAAK,IAAG;IAC5D,aAAa;IACb,MAAMC,MAAM,GAAGT,SAAS,CAAC,CAAC;IAC1B,MAAMU,UAAU,GAAGT,aAAa,CAAC,CAAC;IAClC,MAAM,EAAEU,IAAI,GAAG,QAAA,EAAU,GAAGH,KAAK;IACjCA,KAAK,CAACT,IAAI,CAACa,SAAS,OAAGf,mBAAY,EAACC,2BAA2B,CAACC,IAAI,EAAEU,MAAM,EAAEC,UAAU,CAACC,IAAI,CAAC,EAAEH,KAAK,CAACT,IAAI,CAACa,SAAS,CAAC;IACrH,OAAOJ,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.raw.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.ts"],"sourcesContent":["~~import~~ { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbDividerSlots, BreadcrumbDividerState } from './BreadcrumbDivider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const breadcrumbDividerClassNames: SlotClassNames<BreadcrumbDividerSlots> = {\n root: 'fui-BreadcrumbDivider',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeResetStyles({\n display: 'flex',\n});\n\nconst useIconStyles = makeStyles({\n small: {\n fontSize: '12px',\n },\n medium: {\n fontSize: '16px',\n },\n large: {\n fontSize: '20px',\n },\n});\n\n/\n Apply styling to the BreadcrumbDivider slots based on the state\n */\nexport const useBreadcrumbDividerStyles_unstable = (state: BreadcrumbDividerState): BreadcrumbDividerState => {\n 'use no memo';\n\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const { size = 'medium' } = state;\n\n state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);\n\n return state;\n};\n"],"names":["makeStyles","makeResetStyles","mergeClasses","breadcrumbDividerClassNames","root","useStyles","display","useIconStyles","small","fontSize","medium","large","useBreadcrumbDividerStyles_unstable","state","styles","iconStyles","size","className"],"mappings":"~~;;;;;;;;;;;IAIaG~~,2BAAAA;;;~~uCA0BAS;eAAAA;;;~~uBA9B6C,iBAAiB;AAIpE,oCAA4E;IACjFR,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYJ,sBAAAA,EAAgB;IAChCK,SAAS;AACX;AAEA,MAAMC,oBAAgBP,iBAAAA,EAAW;IAC/BQ,OAAO;QACLC,UAAU;IACZ;IACAC,QAAQ;QACND,UAAU;IACZ;IACAE,OAAO;QACLF,UAAU;IACZ;AACF;AAKO,4CAA4C,CAACI;IAClD;IAEA,MAAMC,SAAST;IACf,MAAMU,aAAaR;IACnB,MAAM,EAAES,OAAO,QAAQ,EAAE,GAAGH;IAE5BA,MAAMT,IAAI,CAACa,SAAS,OAAGf,mBAAAA,EAAaC,4BAA4BC,IAAI,EAAEU,QAAQC,UAAU,CAACC,KAAK,EAAEH,MAAMT,IAAI,CAACa,SAAS;IAEpH,OAAOJ;AACT,EAAE"}
1	+ {"version":3,"sources":["../src/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbDividerSlots, BreadcrumbDividerState } from './BreadcrumbDivider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const breadcrumbDividerClassNames: SlotClassNames<BreadcrumbDividerSlots> = {\n root: 'fui-BreadcrumbDivider',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeResetStyles({\n display: 'flex',\n});\n\nconst useIconStyles = makeStyles({\n small: {\n fontSize: '12px',\n },\n medium: {\n fontSize: '16px',\n },\n large: {\n fontSize: '20px',\n },\n});\n\n/\n Apply styling to the BreadcrumbDivider slots based on the state\n */\nexport const useBreadcrumbDividerStyles_unstable = (state: BreadcrumbDividerState): BreadcrumbDividerState => {\n 'use no memo';\n\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const { size = 'medium' } = state;\n\n state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);\n\n return state;\n};\n"],"names":["makeStyles","makeResetStyles","mergeClasses","breadcrumbDividerClassNames","root","useStyles","display","useIconStyles","small","fontSize","medium","large","useBreadcrumbDividerStyles_unstable","state","styles","iconStyles","size","className"],"mappings":"AAAA;;;;;;;;;;;;IAMaG,2BAAAA;;;IA0BAS,mCAAAA;;;;uBA9B6C,iBAAiB;AAIpE,oCAA4E;IACjFR,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYJ,sBAAAA,EAAgB;IAChCK,SAAS;AACX;AAEA,MAAMC,oBAAgBP,iBAAAA,EAAW;IAC/BQ,OAAO;QACLC,UAAU;IACZ;IACAC,QAAQ;QACND,UAAU;IACZ;IACAE,OAAO;QACLF,UAAU;IACZ;AACF;AAKO,4CAA4C,CAACI;IAClD;IAEA,MAAMC,SAAST;IACf,MAAMU,aAAaR;IACnB,MAAM,EAAES,OAAO,QAAQ,EAAE,GAAGH;IAE5BA,MAAMT,IAAI,CAACa,SAAS,OAAGf,mBAAAA,EAAaC,4BAA4BC,IAAI,EAAEU,QAAQC,UAAU,CAACC,KAAK,EAAEH,MAAMT,IAAI,CAACa,SAAS;IAEpH,OAAOJ;AACT,EAAE"}

package/lib-commonjs/components/BreadcrumbItem/BreadcrumbItem.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/BreadcrumbItem/BreadcrumbItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["~~import~~ * as React from 'react';\nimport { useBreadcrumbItem_unstable } from './useBreadcrumbItem';\nimport { renderBreadcrumbItem_unstable } from './renderBreadcrumbItem';\nimport { useBreadcrumbItemStyles_unstable } from './useBreadcrumbItemStyles.styles';\nimport type { BreadcrumbItemProps } from './BreadcrumbItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/*\n BreadcrumbItem component is a wrapper for BreadcrumbLink and BreadcrumbButton.\n * It can be used as a non-interactive item.\n */\nexport const BreadcrumbItem: ForwardRefComponent<BreadcrumbItemProps> = React.forwardRef((props, ref) => {\n const state = useBreadcrumbItem_unstable(props, ref);\n\n useBreadcrumbItemStyles_unstable(state);\n useCustomStyleHook_unstable('useBreadcrumbItemStyles_unstable')(state);\n\n return renderBreadcrumbItem_unstable(state);\n});\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n"],"names":["React","useBreadcrumbItem_unstable","renderBreadcrumbItem_unstable","useBreadcrumbItemStyles_unstable","useCustomStyleHook_unstable","BreadcrumbItem","forwardRef","props","ref","state","displayName"],"mappings":"~~;;;;+BAYaK;;;;;;;iEAZU~~,QAAQ;mCACY,sBAAsB;sCACnB,yBAAyB;+CACtB,mCAAmC;qCAGxC,kCAAkC;AAMvE,~~uBAAMA~~,WAAAA,GAA2DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,~~QAAQR~~,~~iDAAAA~~,EAA2BM,OAAOC;QAEhDL,+DAAAA,EAAiCM;QACjCL,gDAAAA,EAA4B,oCAAoCK;IAEhE,WAAOP,mDAAAA,EAA8BO;AACvC,GAAG;AAEHJ,eAAeK,WAAW,GAAG"}
1	+ {"version":3,"sources":["../src/components/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useBreadcrumbItem_unstable } from './useBreadcrumbItem';\nimport { renderBreadcrumbItem_unstable } from './renderBreadcrumbItem';\nimport { useBreadcrumbItemStyles_unstable } from './useBreadcrumbItemStyles.styles';\nimport type { BreadcrumbItemProps } from './BreadcrumbItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/*\n BreadcrumbItem component is a wrapper for BreadcrumbLink and BreadcrumbButton.\n * It can be used as a non-interactive item.\n */\nexport const BreadcrumbItem: ForwardRefComponent<BreadcrumbItemProps> = React.forwardRef((props, ref) => {\n const state = useBreadcrumbItem_unstable(props, ref);\n\n useBreadcrumbItemStyles_unstable(state);\n useCustomStyleHook_unstable('useBreadcrumbItemStyles_unstable')(state);\n\n return renderBreadcrumbItem_unstable(state);\n});\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n"],"names":["React","useBreadcrumbItem_unstable","renderBreadcrumbItem_unstable","useBreadcrumbItemStyles_unstable","useCustomStyleHook_unstable","BreadcrumbItem","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;mCACY,sBAAsB;sCACnB,yBAAyB;+CACtB,mCAAmC;qCAGxC,kCAAkC;AAMvE,MAAMK,iBAAAA,WAAAA,GAA2DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,YAAQR,6CAAAA,EAA2BM,OAAOC;QAEhDL,+DAAAA,EAAiCM;QACjCL,gDAAAA,EAA4B,oCAAoCK;IAEhE,WAAOP,mDAAAA,EAA8BO;AACvC,GAAG;AAEHJ,eAAeK,WAAW,GAAG"}

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

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/BreadcrumbItem/useBreadcrumbItem.ts"],"sourcesContent":["~~import~~ * 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":"~~;;;;+BAcaI;;;;;;;iEAdU~~,QAAQ;gCACgB,4BAA4B;mCAE7B,kCAAkC;AAWzE,~~mCAAmC~~,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"}
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"}

package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useBreadcrumbItemStyles.styles.js"],"sourcesContent":["~~import~~ { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const breadcrumbItemClassNames = {\n root: 'fui-BreadcrumbItem'\n};\nconst useBreadcrumbItemResetStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n color: tokens.colorNeutralForeground2,\n boxSizing: 'border-box',\n textWrap: 'nowrap'\n});\n/*\n Apply styling to the BreadcrumbItem slots based on the state\n */ export const useBreadcrumbItemStyles_unstable = (state)=>{\n 'use no memo';\n const resetStyles = useBreadcrumbItemResetStyles();\n state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);\n return state;\n};\n"],"names":["__resetStyles","mergeClasses","tokens","breadcrumbItemClassNames","root","useBreadcrumbItemResetStyles","useBreadcrumbItemStyles_unstable","state","resetStyles","className"],"mappings":"~~;;;;;;;;;;;IAEaG~~,~~wBAAwB~~;;;oCAYY;;;;uBAdH,gBAAgB;AAEvD,~~iCAAiC~~;IACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,4BAA4B,GAAA,WAAA,OAAGL,oBAAA,EAAA,YAAA,MAAA;IAAA;CAMpC,CAAC;AAGS,MAAMM,oCAAoCC,KAAK,IAAG;IACzD,aAAa;IACb,MAAMC,WAAW,GAAGH,4BAA4B,CAAC,CAAC;IAClDE,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGR,mBAAY,EAACE,wBAAwB,CAACC,IAAI,EAAEI,WAAW,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IACrG,OAAOF,KAAK;AAChB,CAAC"}
1	+ {"version":3,"sources":["useBreadcrumbItemStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const breadcrumbItemClassNames = {\n root: 'fui-BreadcrumbItem'\n};\nconst useBreadcrumbItemResetStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n color: tokens.colorNeutralForeground2,\n boxSizing: 'border-box',\n textWrap: 'nowrap'\n});\n/*\n Apply styling to the BreadcrumbItem slots based on the state\n */ export const useBreadcrumbItemStyles_unstable = (state)=>{\n 'use no memo';\n const resetStyles = useBreadcrumbItemResetStyles();\n state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);\n return state;\n};\n"],"names":["__resetStyles","mergeClasses","tokens","breadcrumbItemClassNames","root","useBreadcrumbItemResetStyles","useBreadcrumbItemStyles_unstable","state","resetStyles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;4BAGyB;;;oCAYY;;;;uBAdH,gBAAgB;AAEvD,MAAMG,2BAA2B;IACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,4BAA4B,GAAA,WAAA,OAAGL,oBAAA,EAAA,YAAA,MAAA;IAAA;CAMpC,CAAC;AAGS,MAAMM,oCAAoCC,KAAK,IAAG;IACzD,aAAa;IACb,MAAMC,WAAW,GAAGH,4BAA4B,CAAC,CAAC;IAClDE,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGR,mBAAY,EAACE,wBAAwB,CAACC,IAAI,EAAEI,WAAW,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IACrG,OAAOF,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.raw.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.ts"],"sourcesContent":["~~import~~ { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbItemSlots, BreadcrumbItemState } from './BreadcrumbItem.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const breadcrumbItemClassNames: SlotClassNames<BreadcrumbItemSlots> = {\n root: 'fui-BreadcrumbItem',\n};\n\nconst useBreadcrumbItemResetStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n color: tokens.colorNeutralForeground2,\n boxSizing: 'border-box',\n textWrap: 'nowrap',\n});\n\n/*\n Apply styling to the BreadcrumbItem slots based on the state\n */\nexport const useBreadcrumbItemStyles_unstable = (state: BreadcrumbItemState): BreadcrumbItemState => {\n 'use no memo';\n\n const resetStyles = useBreadcrumbItemResetStyles();\n\n state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);\n\n return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","breadcrumbItemClassNames","root","useBreadcrumbItemResetStyles","display","alignItems","color","colorNeutralForeground2","boxSizing","textWrap","useBreadcrumbItemStyles_unstable","state","resetStyles","className"],"mappings":"~~;;;;;;;;;;;IAKaG,wBAAAA~~;;;oCAeAS~~;eAAAA;;;~~uBApBiC,iBAAiB;4BAGxC,wBAAwB;AAExC,~~iCAAsE~~;~~IAC3ER~~,MAAM;AACR,EAAE;AAEF,MAAMC,mCAA+BL,sBAAAA,EAAgB;IACnDM,SAAS;IACTC,YAAY;IACZC,OAAON,kBAAAA,CAAOO,uBAAuB;IACrCC,WAAW;IACXC,UAAU;AACZ;AAKO,~~yCAAyC~~,~~CAACE~~;IAC/C;IAEA,MAAMC,cAAcT;IAEpBQ,MAAMT,IAAI,CAACW,SAAS,OAAGd,mBAAAA,EAAaE,yBAAyBC,IAAI,EAAEU,aAAaD,MAAMT,IAAI,CAACW,SAAS;IAEpG,OAAOF;AACT,EAAE"}
1	+ {"version":3,"sources":["../src/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbItemSlots, BreadcrumbItemState } from './BreadcrumbItem.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const breadcrumbItemClassNames: SlotClassNames<BreadcrumbItemSlots> = {\n root: 'fui-BreadcrumbItem',\n};\n\nconst useBreadcrumbItemResetStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n color: tokens.colorNeutralForeground2,\n boxSizing: 'border-box',\n textWrap: 'nowrap',\n});\n\n/*\n Apply styling to the BreadcrumbItem slots based on the state\n */\nexport const useBreadcrumbItemStyles_unstable = (state: BreadcrumbItemState): BreadcrumbItemState => {\n 'use no memo';\n\n const resetStyles = useBreadcrumbItemResetStyles();\n\n state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);\n\n return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","breadcrumbItemClassNames","root","useBreadcrumbItemResetStyles","display","alignItems","color","colorNeutralForeground2","boxSizing","textWrap","useBreadcrumbItemStyles_unstable","state","resetStyles","className"],"mappings":"AAAA;;;;;;;;;;;;4BAOaG;;;oCAeAS;;;;uBApBiC,iBAAiB;4BAGxC,wBAAwB;AAExC,MAAMT,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF,MAAMC,mCAA+BL,sBAAAA,EAAgB;IACnDM,SAAS;IACTC,YAAY;IACZC,OAAON,kBAAAA,CAAOO,uBAAuB;IACrCC,WAAW;IACXC,UAAU;AACZ;AAKO,MAAMC,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,cAAcT;IAEpBQ,MAAMT,IAAI,CAACW,SAAS,OAAGd,mBAAAA,EAAaE,yBAAyBC,IAAI,EAAEU,aAAaD,MAAMT,IAAI,CAACW,SAAS;IAEpG,OAAOF;AACT,EAAE"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-breadcrumb",
-  "version": "9.3.6",
+  "version": "9.3.7",
   "description": "Breadcrumb component for Fluent UI React.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -22,15 +22,15 @@
     "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/react-aria": "^9.17.0",
-    "@fluentui/react-button": "^9.6.6",
+    "@fluentui/react-aria": "^9.17.1",
+    "@fluentui/react-button": "^9.6.7",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-link": "^9.6.5",
-    "@fluentui/react-shared-contexts": "^9.25.1",
-    "@fluentui/react-tabster": "^9.26.5",
+    "@fluentui/react-link": "^9.6.6",
+    "@fluentui/react-shared-contexts": "^9.25.2",
+    "@fluentui/react-tabster": "^9.26.6",
     "@fluentui/react-theme": "^9.2.0",
-    "@fluentui/react-utilities": "^9.24.1",
-    "@fluentui/react-jsx-runtime": "^9.2.0",
+    "@fluentui/react-utilities": "^9.25.0",
+    "@fluentui/react-jsx-runtime": "^9.2.1",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },