@fluentui/react-breadcrumb 9.4.4 → 9.4.6

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 (140) hide show
  1. package/CHANGELOG.md +36 -2
  2. package/dist/index.d.cts +336 -0
  3. package/dist/index.d.ts +2 -1
  4. package/lib/Breadcrumb.js +1 -1
  5. package/lib/Breadcrumb.js.map +1 -1
  6. package/lib/BreadcrumbButton.js +1 -1
  7. package/lib/BreadcrumbButton.js.map +1 -1
  8. package/lib/BreadcrumbDivider.js +1 -1
  9. package/lib/BreadcrumbDivider.js.map +1 -1
  10. package/lib/BreadcrumbItem.js +1 -1
  11. package/lib/BreadcrumbItem.js.map +1 -1
  12. package/lib/components/Breadcrumb/Breadcrumb.js +6 -6
  13. package/lib/components/Breadcrumb/Breadcrumb.js.map +1 -1
  14. package/lib/components/Breadcrumb/BreadcrumbContext.js +1 -1
  15. package/lib/components/Breadcrumb/index.js +6 -6
  16. package/lib/components/Breadcrumb/index.js.map +1 -1
  17. package/lib/components/Breadcrumb/renderBreadcrumb.js +2 -2
  18. package/lib/components/Breadcrumb/renderBreadcrumb.js.map +1 -1
  19. package/lib/components/Breadcrumb/useBreadcrumb.js +2 -2
  20. package/lib/components/Breadcrumb/useBreadcrumbContextValue.js +1 -1
  21. package/lib/components/Breadcrumb/useBreadcrumbStyles.styles.js +1 -1
  22. package/lib/components/Breadcrumb/useBreadcrumbStyles.styles.js.map +1 -1
  23. package/lib/components/Breadcrumb/useBreadcrumbStyles.styles.raw.js +1 -1
  24. package/lib/components/BreadcrumbButton/BreadcrumbButton.js +5 -5
  25. package/lib/components/BreadcrumbButton/BreadcrumbButton.js.map +1 -1
  26. package/lib/components/BreadcrumbButton/BreadcrumbButton.types.js.map +1 -1
  27. package/lib/components/BreadcrumbButton/index.js +4 -4
  28. package/lib/components/BreadcrumbButton/index.js.map +1 -1
  29. package/lib/components/BreadcrumbButton/renderBreadcrumbButton.js +1 -1
  30. package/lib/components/BreadcrumbButton/useBreadcrumbButton.js +3 -3
  31. package/lib/components/BreadcrumbButton/useBreadcrumbButton.js.map +1 -1
  32. package/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js +4 -4
  33. package/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js.map +1 -1
  34. package/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.raw.js +4 -4
  35. package/lib/components/BreadcrumbDivider/BreadcrumbDivider.js +5 -5
  36. package/lib/components/BreadcrumbDivider/BreadcrumbDivider.js.map +1 -1
  37. package/lib/components/BreadcrumbDivider/index.js +4 -4
  38. package/lib/components/BreadcrumbDivider/index.js.map +1 -1
  39. package/lib/components/BreadcrumbDivider/renderBreadcrumbDivider.js +1 -1
  40. package/lib/components/BreadcrumbDivider/useBreadcrumbDivider.js +5 -5
  41. package/lib/components/BreadcrumbDivider/useBreadcrumbDivider.js.map +1 -1
  42. package/lib/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js +1 -1
  43. package/lib/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js.map +1 -1
  44. package/lib/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.raw.js +1 -1
  45. package/lib/components/BreadcrumbItem/BreadcrumbItem.js +5 -5
  46. package/lib/components/BreadcrumbItem/BreadcrumbItem.js.map +1 -1
  47. package/lib/components/BreadcrumbItem/index.js +4 -4
  48. package/lib/components/BreadcrumbItem/index.js.map +1 -1
  49. package/lib/components/BreadcrumbItem/renderBreadcrumbItem.js +1 -1
  50. package/lib/components/BreadcrumbItem/useBreadcrumbItem.js +2 -2
  51. package/lib/components/BreadcrumbItem/useBreadcrumbItem.js.map +1 -1
  52. package/lib/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js +2 -2
  53. package/lib/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js.map +1 -1
  54. package/lib/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.raw.js +2 -2
  55. package/lib/index.js +6 -6
  56. package/lib/index.js.map +1 -1
  57. package/lib/utils/index.js +2 -2
  58. package/lib/utils/index.js.map +1 -1
  59. package/lib-commonjs/{Breadcrumb.js → Breadcrumb.cjs} +1 -1
  60. package/lib-commonjs/{Breadcrumb.js.map → Breadcrumb.cjs.map} +1 -1
  61. package/lib-commonjs/{BreadcrumbButton.js → BreadcrumbButton.cjs} +1 -1
  62. package/lib-commonjs/{BreadcrumbButton.js.map → BreadcrumbButton.cjs.map} +1 -1
  63. package/lib-commonjs/{BreadcrumbDivider.js → BreadcrumbDivider.cjs} +1 -1
  64. package/lib-commonjs/{BreadcrumbDivider.js.map → BreadcrumbDivider.cjs.map} +1 -1
  65. package/lib-commonjs/{BreadcrumbItem.js → BreadcrumbItem.cjs} +1 -1
  66. package/lib-commonjs/{BreadcrumbItem.js.map → BreadcrumbItem.cjs.map} +1 -1
  67. package/lib-commonjs/components/Breadcrumb/{Breadcrumb.js → Breadcrumb.cjs} +4 -4
  68. package/lib-commonjs/components/Breadcrumb/{Breadcrumb.js.map → Breadcrumb.cjs.map} +1 -1
  69. package/lib-commonjs/components/Breadcrumb/{index.js → index.cjs} +6 -6
  70. package/lib-commonjs/components/Breadcrumb/{index.js.map → index.cjs.map} +1 -1
  71. package/lib-commonjs/components/Breadcrumb/{renderBreadcrumb.js → renderBreadcrumb.cjs} +1 -1
  72. package/lib-commonjs/components/Breadcrumb/{renderBreadcrumb.js.map → renderBreadcrumb.cjs.map} +1 -1
  73. package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.cjs.map +1 -0
  74. package/lib-commonjs/components/BreadcrumbButton/{BreadcrumbButton.js → BreadcrumbButton.cjs} +3 -3
  75. package/lib-commonjs/components/BreadcrumbButton/{BreadcrumbButton.js.map → BreadcrumbButton.cjs.map} +1 -1
  76. package/lib-commonjs/components/BreadcrumbButton/BreadcrumbButton.types.cjs.map +1 -0
  77. package/lib-commonjs/components/BreadcrumbButton/{index.js → index.cjs} +4 -4
  78. package/lib-commonjs/components/BreadcrumbButton/{index.js.map → index.cjs.map} +1 -1
  79. package/lib-commonjs/components/BreadcrumbButton/{useBreadcrumbButton.js → useBreadcrumbButton.cjs} +2 -2
  80. package/lib-commonjs/components/BreadcrumbButton/{useBreadcrumbButton.js.map → useBreadcrumbButton.cjs.map} +1 -1
  81. package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.cjs.map +1 -0
  82. package/lib-commonjs/components/BreadcrumbDivider/{BreadcrumbDivider.js → BreadcrumbDivider.cjs} +3 -3
  83. package/lib-commonjs/components/BreadcrumbDivider/{BreadcrumbDivider.js.map → BreadcrumbDivider.cjs.map} +1 -1
  84. package/lib-commonjs/components/BreadcrumbDivider/{index.js → index.cjs} +4 -4
  85. package/lib-commonjs/components/BreadcrumbDivider/{index.js.map → index.cjs.map} +1 -1
  86. package/lib-commonjs/components/BreadcrumbDivider/{useBreadcrumbDivider.js → useBreadcrumbDivider.cjs} +1 -1
  87. package/lib-commonjs/components/BreadcrumbDivider/{useBreadcrumbDivider.js.map → useBreadcrumbDivider.cjs.map} +1 -1
  88. package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.cjs.map +1 -0
  89. package/lib-commonjs/components/BreadcrumbItem/{BreadcrumbItem.js → BreadcrumbItem.cjs} +3 -3
  90. package/lib-commonjs/components/BreadcrumbItem/{BreadcrumbItem.js.map → BreadcrumbItem.cjs.map} +1 -1
  91. package/lib-commonjs/components/BreadcrumbItem/{index.js → index.cjs} +4 -4
  92. package/lib-commonjs/components/BreadcrumbItem/{index.js.map → index.cjs.map} +1 -1
  93. package/lib-commonjs/components/BreadcrumbItem/{useBreadcrumbItem.js → useBreadcrumbItem.cjs} +1 -1
  94. package/lib-commonjs/components/BreadcrumbItem/{useBreadcrumbItem.js.map → useBreadcrumbItem.cjs.map} +1 -1
  95. package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.cjs.map +1 -0
  96. package/lib-commonjs/{index.js → index.cjs} +5 -5
  97. package/lib-commonjs/{index.js.map → index.cjs.map} +1 -1
  98. package/lib-commonjs/utils/{index.js → index.cjs} +2 -2
  99. package/lib-commonjs/utils/{index.js.map → index.cjs.map} +1 -1
  100. package/package.json +27 -18
  101. package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.js.map +0 -1
  102. package/lib-commonjs/components/BreadcrumbButton/BreadcrumbButton.types.js.map +0 -1
  103. package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js.map +0 -1
  104. package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js.map +0 -1
  105. package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js.map +0 -1
  106. /package/lib-commonjs/components/Breadcrumb/{Breadcrumb.types.js → Breadcrumb.types.cjs} +0 -0
  107. /package/lib-commonjs/components/Breadcrumb/{Breadcrumb.types.js.map → Breadcrumb.types.cjs.map} +0 -0
  108. /package/lib-commonjs/components/Breadcrumb/{BreadcrumbContext.js → BreadcrumbContext.cjs} +0 -0
  109. /package/lib-commonjs/components/Breadcrumb/{BreadcrumbContext.js.map → BreadcrumbContext.cjs.map} +0 -0
  110. /package/lib-commonjs/components/Breadcrumb/{useBreadcrumb.js → useBreadcrumb.cjs} +0 -0
  111. /package/lib-commonjs/components/Breadcrumb/{useBreadcrumb.js.map → useBreadcrumb.cjs.map} +0 -0
  112. /package/lib-commonjs/components/Breadcrumb/{useBreadcrumbContextValue.js → useBreadcrumbContextValue.cjs} +0 -0
  113. /package/lib-commonjs/components/Breadcrumb/{useBreadcrumbContextValue.js.map → useBreadcrumbContextValue.cjs.map} +0 -0
  114. /package/lib-commonjs/components/Breadcrumb/{useBreadcrumbStyles.styles.js → useBreadcrumbStyles.styles.cjs} +0 -0
  115. /package/lib-commonjs/components/Breadcrumb/{useBreadcrumbStyles.styles.raw.js → useBreadcrumbStyles.styles.raw.cjs} +0 -0
  116. /package/lib-commonjs/components/Breadcrumb/{useBreadcrumbStyles.styles.raw.js.map → useBreadcrumbStyles.styles.raw.cjs.map} +0 -0
  117. /package/lib-commonjs/components/BreadcrumbButton/{BreadcrumbButton.types.js → BreadcrumbButton.types.cjs} +0 -0
  118. /package/lib-commonjs/components/BreadcrumbButton/{renderBreadcrumbButton.js → renderBreadcrumbButton.cjs} +0 -0
  119. /package/lib-commonjs/components/BreadcrumbButton/{renderBreadcrumbButton.js.map → renderBreadcrumbButton.cjs.map} +0 -0
  120. /package/lib-commonjs/components/BreadcrumbButton/{useBreadcrumbButtonStyles.styles.js → useBreadcrumbButtonStyles.styles.cjs} +0 -0
  121. /package/lib-commonjs/components/BreadcrumbButton/{useBreadcrumbButtonStyles.styles.raw.js → useBreadcrumbButtonStyles.styles.raw.cjs} +0 -0
  122. /package/lib-commonjs/components/BreadcrumbButton/{useBreadcrumbButtonStyles.styles.raw.js.map → useBreadcrumbButtonStyles.styles.raw.cjs.map} +0 -0
  123. /package/lib-commonjs/components/BreadcrumbDivider/{BreadcrumbDivider.types.js → BreadcrumbDivider.types.cjs} +0 -0
  124. /package/lib-commonjs/components/BreadcrumbDivider/{BreadcrumbDivider.types.js.map → BreadcrumbDivider.types.cjs.map} +0 -0
  125. /package/lib-commonjs/components/BreadcrumbDivider/{renderBreadcrumbDivider.js → renderBreadcrumbDivider.cjs} +0 -0
  126. /package/lib-commonjs/components/BreadcrumbDivider/{renderBreadcrumbDivider.js.map → renderBreadcrumbDivider.cjs.map} +0 -0
  127. /package/lib-commonjs/components/BreadcrumbDivider/{useBreadcrumbDividerStyles.styles.js → useBreadcrumbDividerStyles.styles.cjs} +0 -0
  128. /package/lib-commonjs/components/BreadcrumbDivider/{useBreadcrumbDividerStyles.styles.raw.js → useBreadcrumbDividerStyles.styles.raw.cjs} +0 -0
  129. /package/lib-commonjs/components/BreadcrumbDivider/{useBreadcrumbDividerStyles.styles.raw.js.map → useBreadcrumbDividerStyles.styles.raw.cjs.map} +0 -0
  130. /package/lib-commonjs/components/BreadcrumbItem/{BreadcrumbItem.types.js → BreadcrumbItem.types.cjs} +0 -0
  131. /package/lib-commonjs/components/BreadcrumbItem/{BreadcrumbItem.types.js.map → BreadcrumbItem.types.cjs.map} +0 -0
  132. /package/lib-commonjs/components/BreadcrumbItem/{renderBreadcrumbItem.js → renderBreadcrumbItem.cjs} +0 -0
  133. /package/lib-commonjs/components/BreadcrumbItem/{renderBreadcrumbItem.js.map → renderBreadcrumbItem.cjs.map} +0 -0
  134. /package/lib-commonjs/components/BreadcrumbItem/{useBreadcrumbItemStyles.styles.js → useBreadcrumbItemStyles.styles.cjs} +0 -0
  135. /package/lib-commonjs/components/BreadcrumbItem/{useBreadcrumbItemStyles.styles.raw.js → useBreadcrumbItemStyles.styles.raw.cjs} +0 -0
  136. /package/lib-commonjs/components/BreadcrumbItem/{useBreadcrumbItemStyles.styles.raw.js.map → useBreadcrumbItemStyles.styles.raw.cjs.map} +0 -0
  137. /package/lib-commonjs/utils/{partitionBreadcrumbItems.js → partitionBreadcrumbItems.cjs} +0 -0
  138. /package/lib-commonjs/utils/{partitionBreadcrumbItems.js.map → partitionBreadcrumbItems.cjs.map} +0 -0
  139. /package/lib-commonjs/utils/{truncateBreadcrumb.js → truncateBreadcrumb.cjs} +0 -0
  140. /package/lib-commonjs/utils/{truncateBreadcrumb.js.map → truncateBreadcrumb.cjs.map} +0 -0
package/CHANGELOG.md CHANGED
@@ -1,12 +1,46 @@
1
1
  # Change Log - @fluentui/react-breadcrumb
2
2
 
3
- This log was last generated on Mon, 29 Jun 2026 15:14:11 GMT and should not be manually modified.
3
+ <!-- This log was last generated on Mon, 21 Sep 2026 16:12:52 GMT and should not be manually modified. -->
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.4.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.4.6)
8
+
9
+ Mon, 21 Sep 2026 16:12:52 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.4.5..@fluentui/react-breadcrumb_v9.4.6)
11
+
12
+ ### Patches
13
+
14
+ - fix: make BreadcrumbButtonBaseProps distribute over the ARIA button union so the anchor arm's href stays assignable ([PR #36663](https://github.com/microsoft/fluentui/pull/36663) by array.knight@gmail.com)
15
+ - fix: remove unused react-dom and @types/react-dom peer dependencies, mark @types/react as optional ([PR #36559](https://github.com/microsoft/fluentui/pull/36559) by martinhochel@microsoft.com)
16
+ - Bump @fluentui/react-aria to v9.17.15 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
17
+ - Bump @fluentui/react-button to v9.11.1 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
18
+ - Bump @fluentui/react-jsx-runtime to v9.4.6 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
19
+ - Bump @fluentui/react-link to v9.8.5 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
20
+ - Bump @fluentui/react-shared-contexts to v9.26.4 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
21
+ - Bump @fluentui/react-tabster to v9.26.18 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
22
+ - Bump @fluentui/react-utilities to v9.26.7 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
23
+
24
+ ## [9.4.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.4.5)
25
+
26
+ Tue, 11 Aug 2026 17:20:14 GMT
27
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.4.4..@fluentui/react-breadcrumb_v9.4.5)
28
+
29
+ ### Patches
30
+
31
+ - Ship ESM-first (type:module): valid ESM under lib/, CommonJS under lib-commonjs/*.cjs, and drop the `node` export condition - bare-Node `import` resolves ESM, `require` resolves CJS; node-targeted bundlers tree-shake. ([PR #36327](https://github.com/microsoft/fluentui/pull/36327) by martinhochel@microsoft.com)
32
+ - Bump @fluentui/react-aria to v9.17.14 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
33
+ - Bump @fluentui/react-button to v9.11.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
34
+ - Bump @fluentui/react-jsx-runtime to v9.4.5 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
35
+ - Bump @fluentui/react-link to v9.8.4 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
36
+ - Bump @fluentui/react-shared-contexts to v9.26.3 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
37
+ - Bump @fluentui/react-tabster to v9.26.17 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
38
+ - Bump @fluentui/react-theme to v9.2.2 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
39
+ - Bump @fluentui/react-utilities to v9.26.6 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
40
+
7
41
  ## [9.4.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.4.4)
8
42
 
9
- Mon, 29 Jun 2026 15:14:11 GMT
43
+ Mon, 29 Jun 2026 15:15:07 GMT
10
44
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.4.3..@fluentui/react-breadcrumb_v9.4.4)
11
45
 
12
46
  ### Patches
@@ -0,0 +1,336 @@
1
+ import type { ButtonProps } from '@fluentui/react-button';
2
+ import type { ButtonSlots } from '@fluentui/react-button';
3
+ import type { ButtonState } from '@fluentui/react-button';
4
+ import type { ComponentProps } from '@fluentui/react-utilities';
5
+ import type { ComponentState } from '@fluentui/react-utilities';
6
+ import type { DistributiveOmit } from '@fluentui/react-utilities';
7
+ import type { ForwardRefComponent } from '@fluentui/react-utilities';
8
+ import type { JSXElement } from '@fluentui/react-utilities';
9
+ import * as React_2 from 'react';
10
+ import type { Slot } from '@fluentui/react-utilities';
11
+ import type { SlotClassNames } from '@fluentui/react-utilities';
12
+ import type { TabsterDOMAttribute } from '@fluentui/react-tabster';
13
+
14
+ /**
15
+ * Breadcrumb component - TODO: add more docs
16
+ */
17
+ export declare const Breadcrumb: ForwardRefComponent<BreadcrumbProps>;
18
+
19
+ export declare type BreadcrumbBaseProps = Omit<BreadcrumbProps, 'size'>;
20
+
21
+ export declare type BreadcrumbBaseState = Omit<BreadcrumbState, 'size'>;
22
+
23
+ /**
24
+ * A button component which is used inside the Breadcrumb.
25
+ */
26
+ export declare const BreadcrumbButton: ForwardRefComponent<BreadcrumbButtonProps>;
27
+
28
+ export declare type BreadcrumbButtonBaseProps = DistributiveOmit<BreadcrumbButtonProps, 'size'>;
29
+
30
+ export declare type BreadcrumbButtonBaseState = Omit<BreadcrumbButtonState, 'appearance' | 'size' | 'shape'>;
31
+
32
+ /**
33
+ * Static CSS class names used internally for the component slots.
34
+ */
35
+ export declare const breadcrumbButtonClassNames: SlotClassNames<BreadcrumbButtonSlots>;
36
+
37
+ /**
38
+ * BreadcrumbButton Props
39
+ */
40
+ export declare type BreadcrumbButtonProps = ComponentProps<BreadcrumbButtonSlots> & Pick<BreadcrumbProps, 'size'> & Pick<ButtonProps, 'disabled' | 'disabledFocusable'> & {
41
+ /**
42
+ * Defines current sate of BreadcrumbButton.
43
+ *
44
+ * @default false
45
+ */
46
+ current?: boolean;
47
+ };
48
+
49
+ export declare type BreadcrumbButtonSlots = ButtonSlots;
50
+
51
+ /**
52
+ * State used in rendering BreadcrumbButton
53
+ */
54
+ export declare type BreadcrumbButtonState = ComponentState<BreadcrumbButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components'> & Required<Pick<BreadcrumbButtonProps, 'current' | 'size'>>;
55
+
56
+ export declare const breadcrumbClassNames: SlotClassNames<BreadcrumbSlots>;
57
+
58
+ /**
59
+ * Data shared between breadcrumb components
60
+ */
61
+ export declare type BreadcrumbContextValues = Required<Pick<BreadcrumbProps, 'size'>>;
62
+
63
+ /**
64
+ * A divider component which is used inside the Breadcrumb
65
+ */
66
+ export declare const BreadcrumbDivider: ForwardRefComponent<BreadcrumbDividerProps>;
67
+
68
+ /**
69
+ * BreadcrumbDivider base props (same as BreadcrumbDividerProps since BreadcrumbDivider has no design props of its own)
70
+ */
71
+ export declare type BreadcrumbDividerBaseProps = BreadcrumbDividerProps;
72
+
73
+ /**
74
+ * BreadcrumbDivider base state (excludes size, which is a design prop injected from context)
75
+ */
76
+ export declare type BreadcrumbDividerBaseState = Omit<BreadcrumbDividerState, 'size'>;
77
+
78
+ export declare const breadcrumbDividerClassNames: SlotClassNames<BreadcrumbDividerSlots>;
79
+
80
+ /**
81
+ * BreadcrumbDivider Props
82
+ */
83
+ export declare type BreadcrumbDividerProps = ComponentProps<BreadcrumbDividerSlots> & {};
84
+
85
+ export declare type BreadcrumbDividerSlots = {
86
+ root: Slot<'li'>;
87
+ };
88
+
89
+ /**
90
+ * State used in rendering BreadcrumbDivider
91
+ */
92
+ export declare type BreadcrumbDividerState = ComponentState<BreadcrumbDividerSlots> & Pick<BreadcrumbProps, 'size'>;
93
+
94
+ /**
95
+ * BreadcrumbItem component is a wrapper for BreadcrumbLink and BreadcrumbButton.
96
+ * It can be used as a non-interactive item.
97
+ */
98
+ export declare const BreadcrumbItem: ForwardRefComponent<BreadcrumbItemProps>;
99
+
100
+ /**
101
+ * BreadcrumbItem base props (same as BreadcrumbItemProps since size is passed through context, not as a design prop)
102
+ */
103
+ export declare type BreadcrumbItemBaseProps = Omit<BreadcrumbItemProps, 'size'>;
104
+
105
+ /**
106
+ * BreadcrumbItem base state (excludes size, which is a design prop injected from context)
107
+ */
108
+ export declare type BreadcrumbItemBaseState = Omit<BreadcrumbItemState, 'size'>;
109
+
110
+ export declare const breadcrumbItemClassNames: SlotClassNames<BreadcrumbItemSlots>;
111
+
112
+ /**
113
+ * BreadcrumbItem Props
114
+ */
115
+ export declare type BreadcrumbItemProps = ComponentProps<BreadcrumbItemSlots> & Pick<BreadcrumbProps, 'size'>;
116
+
117
+ export declare type BreadcrumbItemSlots = {
118
+ root: Slot<'li'>;
119
+ };
120
+
121
+ /**
122
+ * State used in rendering BreadcrumbItem
123
+ */
124
+ export declare type BreadcrumbItemState = ComponentState<BreadcrumbItemSlots> & Required<Pick<BreadcrumbItemProps, 'size'>>;
125
+
126
+ /**
127
+ * Breadcrumb Props
128
+ */
129
+ export declare type BreadcrumbProps = ComponentProps<BreadcrumbSlots> & {
130
+ /**
131
+ * Sets the focus behavior for the Breadcrumb.
132
+ *
133
+ * `tab`
134
+ * This behaviour will cycle through all elements inside of the Breadcrumb when pressing the Tab key and then release focus
135
+ * after the last inner element.
136
+ *
137
+ * `arrow`
138
+ * This behaviour will cycle through all elements inside of the Breadcrumb when pressing the Arrow key.
139
+ *
140
+ * @default 'tab'
141
+ */
142
+ focusMode?: 'arrow' | 'tab';
143
+ /**
144
+ * Controls size of Breadcrumb items and dividers.
145
+ *
146
+ * @default 'medium'
147
+ */
148
+ size?: 'small' | 'medium' | 'large';
149
+ };
150
+
151
+ /**
152
+ * @internal
153
+ */
154
+ export declare const BreadcrumbProvider: React_2.Provider<Required<Pick<BreadcrumbProps, "size">> | undefined>;
155
+
156
+ export declare type BreadcrumbSlots = {
157
+ /**
158
+ * Root element of the component.
159
+ */
160
+ root: Slot<'nav'>;
161
+ /**
162
+ * Ordered list which contains items.
163
+ */
164
+ list?: Slot<'ol'>;
165
+ };
166
+
167
+ /**
168
+ * State used in rendering Breadcrumb
169
+ */
170
+ export declare type BreadcrumbState = ComponentState<BreadcrumbSlots> & Required<Pick<BreadcrumbProps, 'size'>>;
171
+
172
+ export declare const isTruncatableBreadcrumbContent: (content: string, maxLength: number) => boolean;
173
+
174
+ export declare type PartitionBreadcrumbItems<T> = {
175
+ startDisplayedItems: readonly T[];
176
+ overflowItems?: readonly T[];
177
+ endDisplayedItems?: readonly T[];
178
+ };
179
+
180
+ /**
181
+ * Get the displayed items and overflowing items based on the array of BreadcrumbItems needed for Breadcrumb.
182
+ *
183
+ * @param options - Configure the partition options
184
+ *
185
+ * @returns Three arrays split into displayed items and overflow items based on maxDisplayedItems.
186
+ */
187
+ export declare const partitionBreadcrumbItems: <T>(options: PartitionBreadcrumbItemsOptions<T>) => PartitionBreadcrumbItems<T>;
188
+
189
+ export declare type PartitionBreadcrumbItemsOptions<T> = {
190
+ items: readonly T[];
191
+ maxDisplayedItems?: number;
192
+ overflowIndex?: number;
193
+ };
194
+
195
+ /**
196
+ * Render the final JSX of Breadcrumb
197
+ */
198
+ export declare const renderBreadcrumb_unstable: (state: BreadcrumbBaseState, contextValues: BreadcrumbContextValues) => JSXElement;
199
+
200
+ /**
201
+ * Render the final JSX of BreadcrumbButton
202
+ */
203
+ export declare const renderBreadcrumbButton_unstable: (state: BreadcrumbButtonBaseState) => JSXElement;
204
+
205
+ /**
206
+ * Render the final JSX of BreadcrumbDivider
207
+ */
208
+ export declare const renderBreadcrumbDivider_unstable: (state: BreadcrumbDividerBaseState) => JSXElement;
209
+
210
+ /**
211
+ * Render the final JSX of BreadcrumbItem
212
+ */
213
+ export declare const renderBreadcrumbItem_unstable: (state: BreadcrumbItemBaseState) => JSXElement;
214
+
215
+ export declare const truncateBreadcrumbLongName: (content: string, maxLength?: number) => string;
216
+
217
+ export declare const truncateBreadcrumLongTooltip: (content: string, maxLength?: number) => string;
218
+
219
+ /**
220
+ * Create the state required to render Breadcrumb.
221
+ *
222
+ * The returned state can be modified with hooks such as useBreadcrumbStyles_unstable,
223
+ * before being passed to renderBreadcrumb_unstable.
224
+ *
225
+ * @param props - props from this instance of Breadcrumb
226
+ * @param ref - reference to root HTMLElement of Breadcrumb
227
+ */
228
+ export declare const useBreadcrumb_unstable: (props: BreadcrumbProps, ref: React_2.Ref<HTMLElement>) => BreadcrumbState;
229
+
230
+ /**
231
+ * Hook to get accessibility attributes for Breadcrumb component, such as roving tab index.
232
+ * Based on Tabster's useArrowNavigationGroup.
233
+ *
234
+ * @param focusMode - whether the Breadcrumb uses arrow key navigation or tab key navigation
235
+ * @returns Tabster DOM attributes
236
+ */
237
+ export declare const useBreadcrumbA11yBehavior_unstable: ({ focusMode, }: Pick<BreadcrumbBaseProps, "focusMode">) => Partial<TabsterDOMAttribute>;
238
+
239
+ /**
240
+ * Base hook for Breadcrumb component, which manages state related to slots structure and ARIA attributes.
241
+ *
242
+ * Note: keyboard navigation behavior is not handled in this hook, but in useBreadcrumbA11yBehavior_unstable.
243
+ *
244
+ * @param props - props from this instance of Breadcrumb
245
+ * @param ref - reference to root HTMLElement of Breadcrumb
246
+ */
247
+ export declare const useBreadcrumbBase_unstable: (props: BreadcrumbBaseProps, ref: React_2.Ref<HTMLElement>) => BreadcrumbBaseState;
248
+
249
+ /**
250
+ * Create the state required to render BreadcrumbButton.
251
+ *
252
+ * The returned state can be modified with hooks such as useBreadcrumbButtonStyles_unstable,
253
+ * before being passed to renderBreadcrumbButton_unstable.
254
+ *
255
+ * @param props - props from this instance of BreadcrumbButton
256
+ * @param ref - reference to root HTMLElement of BreadcrumbButton
257
+ */
258
+ export declare const useBreadcrumbButton_unstable: (props: BreadcrumbButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => BreadcrumbButtonState;
259
+
260
+ /**
261
+ * Base hook for BreadcrumbButton component, which manages state related to button behavior,
262
+ * ARIA attributes (aria-current, aria-disabled), and slot structure without design props.
263
+ *
264
+ * @param props - props from this instance of BreadcrumbButton
265
+ * @param ref - reference to root HTMLElement of BreadcrumbButton
266
+ */
267
+ export declare const useBreadcrumbButtonBase_unstable: (props: BreadcrumbButtonBaseProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => BreadcrumbButtonBaseState;
268
+
269
+ /**
270
+ * Apply styling to the BreadcrumbButton slots based on the state
271
+ */
272
+ export declare const useBreadcrumbButtonStyles_unstable: (state: BreadcrumbButtonState) => BreadcrumbButtonState;
273
+
274
+ /**
275
+ * @internal
276
+ */
277
+ export declare const useBreadcrumbContext_unstable: () => BreadcrumbContextValues;
278
+
279
+ export declare function useBreadcrumbContextValues_unstable(state: BreadcrumbState): BreadcrumbContextValues;
280
+
281
+ /**
282
+ * Create the state required to render BreadcrumbDivider.
283
+ *
284
+ * The returned state can be modified with hooks such as useBreadcrumbDividerStyles_unstable,
285
+ * before being passed to renderBreadcrumbDivider_unstable.
286
+ *
287
+ * @param props - props from this instance of BreadcrumbDivider
288
+ * @param ref - reference to root HTMLElement of BreadcrumbDivider
289
+ */
290
+ export declare const useBreadcrumbDivider_unstable: (props: BreadcrumbDividerProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbDividerState;
291
+
292
+ /**
293
+ * Base hook for BreadcrumbDivider component, which manages state related to slots structure and ARIA attributes
294
+ * without design props. Note: size is provided via BreadcrumbContext in the full hook.
295
+ *
296
+ * @param props - props from this instance of BreadcrumbDivider
297
+ * @param ref - reference to root HTMLElement of BreadcrumbDivider
298
+ */
299
+ export declare const useBreadcrumbDividerBase_unstable: (props: BreadcrumbDividerBaseProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbDividerBaseState;
300
+
301
+ /**
302
+ * Apply styling to the BreadcrumbDivider slots based on the state
303
+ */
304
+ export declare const useBreadcrumbDividerStyles_unstable: (state: BreadcrumbDividerState) => BreadcrumbDividerState;
305
+
306
+ /**
307
+ * Create the state required to render BreadcrumbItem.
308
+ *
309
+ * The returned state can be modified with hooks such as useBreadcrumbItemStyles_unstable,
310
+ * before being passed to renderBreadcrumbItem_unstable.
311
+ *
312
+ * @param props - props from this instance of BreadcrumbItem
313
+ * @param ref - reference to root HTMLElement of BreadcrumbItem
314
+ */
315
+ export declare const useBreadcrumbItem_unstable: (props: BreadcrumbItemProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbItemState;
316
+
317
+ /**
318
+ * Base hook for BreadcrumbItem component, which manages state related to slots structure
319
+ * without design props. Note: size is provided via BreadcrumbContext in the full hook.
320
+ *
321
+ * @param props - props from this instance of BreadcrumbItem
322
+ * @param ref - reference to root HTMLElement of BreadcrumbItem
323
+ */
324
+ export declare const useBreadcrumbItemBase_unstable: (props: BreadcrumbItemBaseProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbItemBaseState;
325
+
326
+ /**
327
+ * Apply styling to the BreadcrumbItem slots based on the state
328
+ */
329
+ export declare const useBreadcrumbItemStyles_unstable: (state: BreadcrumbItemState) => BreadcrumbItemState;
330
+
331
+ /**
332
+ * Apply styling to the Breadcrumb slots based on the state
333
+ */
334
+ export declare const useBreadcrumbStyles_unstable: (state: BreadcrumbState) => BreadcrumbState;
335
+
336
+ export { }
package/dist/index.d.ts CHANGED
@@ -3,6 +3,7 @@ import type { ButtonSlots } from '@fluentui/react-button';
3
3
  import type { ButtonState } from '@fluentui/react-button';
4
4
  import type { ComponentProps } from '@fluentui/react-utilities';
5
5
  import type { ComponentState } from '@fluentui/react-utilities';
6
+ import type { DistributiveOmit } from '@fluentui/react-utilities';
6
7
  import type { ForwardRefComponent } from '@fluentui/react-utilities';
7
8
  import type { JSXElement } from '@fluentui/react-utilities';
8
9
  import * as React_2 from 'react';
@@ -24,7 +25,7 @@ export declare type BreadcrumbBaseState = Omit<BreadcrumbState, 'size'>;
24
25
  */
25
26
  export declare const BreadcrumbButton: ForwardRefComponent<BreadcrumbButtonProps>;
26
27
 
27
- export declare type BreadcrumbButtonBaseProps = Omit<BreadcrumbButtonProps, 'size'>;
28
+ export declare type BreadcrumbButtonBaseProps = DistributiveOmit<BreadcrumbButtonProps, 'size'>;
28
29
 
29
30
  export declare type BreadcrumbButtonBaseState = Omit<BreadcrumbButtonState, 'appearance' | 'size' | 'shape'>;
30
31
 
package/lib/Breadcrumb.js CHANGED
@@ -1 +1 @@
1
- export { Breadcrumb, BreadcrumbProvider, breadcrumbClassNames, breadcrumbDefaultValue, renderBreadcrumb_unstable, useBreadcrumbContext_unstable, useBreadcrumbStyles_unstable, useBreadcrumb_unstable, useBreadcrumbContextValues_unstable, useBreadcrumbBase_unstable, useBreadcrumbA11yBehavior_unstable } from './components/Breadcrumb/index';
1
+ export { Breadcrumb, BreadcrumbProvider, breadcrumbClassNames, breadcrumbDefaultValue, renderBreadcrumb_unstable, useBreadcrumbContext_unstable, useBreadcrumbStyles_unstable, useBreadcrumb_unstable, useBreadcrumbContextValues_unstable, useBreadcrumbBase_unstable, useBreadcrumbA11yBehavior_unstable } from "./components/Breadcrumb/index.js";
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Breadcrumb.ts"],"sourcesContent":["export type {\n BreadcrumbContextValues,\n BreadcrumbProps,\n BreadcrumbSlots,\n BreadcrumbState,\n BreadcrumbBaseProps,\n BreadcrumbBaseState,\n} from './components/Breadcrumb/index';\nexport {\n Breadcrumb,\n BreadcrumbProvider,\n breadcrumbClassNames,\n breadcrumbDefaultValue,\n renderBreadcrumb_unstable,\n useBreadcrumbContext_unstable,\n useBreadcrumbStyles_unstable,\n useBreadcrumb_unstable,\n useBreadcrumbContextValues_unstable,\n useBreadcrumbBase_unstable,\n useBreadcrumbA11yBehavior_unstable,\n} from './components/Breadcrumb/index';\n"],"names":["Breadcrumb","BreadcrumbProvider","breadcrumbClassNames","breadcrumbDefaultValue","renderBreadcrumb_unstable","useBreadcrumbContext_unstable","useBreadcrumbStyles_unstable","useBreadcrumb_unstable","useBreadcrumbContextValues_unstable","useBreadcrumbBase_unstable","useBreadcrumbA11yBehavior_unstable"],"mappings":"AAQA,SACEA,UAAU,EACVC,kBAAkB,EAClBC,oBAAoB,EACpBC,sBAAsB,EACtBC,yBAAyB,EACzBC,6BAA6B,EAC7BC,4BAA4B,EAC5BC,sBAAsB,EACtBC,mCAAmC,EACnCC,0BAA0B,EAC1BC,kCAAkC,QAC7B,gCAAgC"}
1
+ {"version":3,"sources":["../src/Breadcrumb.ts"],"sourcesContent":["export type {\n BreadcrumbContextValues,\n BreadcrumbProps,\n BreadcrumbSlots,\n BreadcrumbState,\n BreadcrumbBaseProps,\n BreadcrumbBaseState,\n} from './components/Breadcrumb/index';\nexport {\n Breadcrumb,\n BreadcrumbProvider,\n breadcrumbClassNames,\n breadcrumbDefaultValue,\n renderBreadcrumb_unstable,\n useBreadcrumbContext_unstable,\n useBreadcrumbStyles_unstable,\n useBreadcrumb_unstable,\n useBreadcrumbContextValues_unstable,\n useBreadcrumbBase_unstable,\n useBreadcrumbA11yBehavior_unstable,\n} from './components/Breadcrumb/index';\n"],"names":["Breadcrumb","BreadcrumbProvider","breadcrumbClassNames","breadcrumbDefaultValue","renderBreadcrumb_unstable","useBreadcrumbContext_unstable","useBreadcrumbStyles_unstable","useBreadcrumb_unstable","useBreadcrumbContextValues_unstable","useBreadcrumbBase_unstable","useBreadcrumbA11yBehavior_unstable"],"mappings":"AAQA,SACEA,UAAU,EACVC,kBAAkB,EAClBC,oBAAoB,EACpBC,sBAAsB,EACtBC,yBAAyB,EACzBC,6BAA6B,EAC7BC,4BAA4B,EAC5BC,sBAAsB,EACtBC,mCAAmC,EACnCC,0BAA0B,EAC1BC,kCAAkC,QAC7B,mCAAgC"}
@@ -1 +1 @@
1
- export { BreadcrumbButton, breadcrumbButtonClassNames, renderBreadcrumbButton_unstable, useBreadcrumbButtonStyles_unstable, useBreadcrumbButton_unstable, useBreadcrumbButtonBase_unstable } from './components/BreadcrumbButton/index';
1
+ export { BreadcrumbButton, breadcrumbButtonClassNames, renderBreadcrumbButton_unstable, useBreadcrumbButtonStyles_unstable, useBreadcrumbButton_unstable, useBreadcrumbButtonBase_unstable } from "./components/BreadcrumbButton/index.js";
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/BreadcrumbButton.ts"],"sourcesContent":["export type {\n BreadcrumbButtonProps,\n BreadcrumbButtonSlots,\n BreadcrumbButtonState,\n BreadcrumbButtonBaseProps,\n BreadcrumbButtonBaseState,\n} from './components/BreadcrumbButton/index';\nexport {\n BreadcrumbButton,\n breadcrumbButtonClassNames,\n renderBreadcrumbButton_unstable,\n useBreadcrumbButtonStyles_unstable,\n useBreadcrumbButton_unstable,\n useBreadcrumbButtonBase_unstable,\n} from './components/BreadcrumbButton/index';\n"],"names":["BreadcrumbButton","breadcrumbButtonClassNames","renderBreadcrumbButton_unstable","useBreadcrumbButtonStyles_unstable","useBreadcrumbButton_unstable","useBreadcrumbButtonBase_unstable"],"mappings":"AAOA,SACEA,gBAAgB,EAChBC,0BAA0B,EAC1BC,+BAA+B,EAC/BC,kCAAkC,EAClCC,4BAA4B,EAC5BC,gCAAgC,QAC3B,sCAAsC"}
1
+ {"version":3,"sources":["../src/BreadcrumbButton.ts"],"sourcesContent":["export type {\n BreadcrumbButtonProps,\n BreadcrumbButtonSlots,\n BreadcrumbButtonState,\n BreadcrumbButtonBaseProps,\n BreadcrumbButtonBaseState,\n} from './components/BreadcrumbButton/index';\nexport {\n BreadcrumbButton,\n breadcrumbButtonClassNames,\n renderBreadcrumbButton_unstable,\n useBreadcrumbButtonStyles_unstable,\n useBreadcrumbButton_unstable,\n useBreadcrumbButtonBase_unstable,\n} from './components/BreadcrumbButton/index';\n"],"names":["BreadcrumbButton","breadcrumbButtonClassNames","renderBreadcrumbButton_unstable","useBreadcrumbButtonStyles_unstable","useBreadcrumbButton_unstable","useBreadcrumbButtonBase_unstable"],"mappings":"AAOA,SACEA,gBAAgB,EAChBC,0BAA0B,EAC1BC,+BAA+B,EAC/BC,kCAAkC,EAClCC,4BAA4B,EAC5BC,gCAAgC,QAC3B,yCAAsC"}
@@ -1 +1 @@
1
- export { BreadcrumbDivider, breadcrumbDividerClassNames, renderBreadcrumbDivider_unstable, useBreadcrumbDividerStyles_unstable, useBreadcrumbDivider_unstable, useBreadcrumbDividerBase_unstable } from './components/BreadcrumbDivider/index';
1
+ export { BreadcrumbDivider, breadcrumbDividerClassNames, renderBreadcrumbDivider_unstable, useBreadcrumbDividerStyles_unstable, useBreadcrumbDivider_unstable, useBreadcrumbDividerBase_unstable } from "./components/BreadcrumbDivider/index.js";
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/BreadcrumbDivider.ts"],"sourcesContent":["export type {\n BreadcrumbDividerProps,\n BreadcrumbDividerSlots,\n BreadcrumbDividerState,\n BreadcrumbDividerBaseProps,\n BreadcrumbDividerBaseState,\n} from './components/BreadcrumbDivider/index';\nexport {\n BreadcrumbDivider,\n breadcrumbDividerClassNames,\n renderBreadcrumbDivider_unstable,\n useBreadcrumbDividerStyles_unstable,\n useBreadcrumbDivider_unstable,\n useBreadcrumbDividerBase_unstable,\n} from './components/BreadcrumbDivider/index';\n"],"names":["BreadcrumbDivider","breadcrumbDividerClassNames","renderBreadcrumbDivider_unstable","useBreadcrumbDividerStyles_unstable","useBreadcrumbDivider_unstable","useBreadcrumbDividerBase_unstable"],"mappings":"AAOA,SACEA,iBAAiB,EACjBC,2BAA2B,EAC3BC,gCAAgC,EAChCC,mCAAmC,EACnCC,6BAA6B,EAC7BC,iCAAiC,QAC5B,uCAAuC"}
1
+ {"version":3,"sources":["../src/BreadcrumbDivider.ts"],"sourcesContent":["export type {\n BreadcrumbDividerProps,\n BreadcrumbDividerSlots,\n BreadcrumbDividerState,\n BreadcrumbDividerBaseProps,\n BreadcrumbDividerBaseState,\n} from './components/BreadcrumbDivider/index';\nexport {\n BreadcrumbDivider,\n breadcrumbDividerClassNames,\n renderBreadcrumbDivider_unstable,\n useBreadcrumbDividerStyles_unstable,\n useBreadcrumbDivider_unstable,\n useBreadcrumbDividerBase_unstable,\n} from './components/BreadcrumbDivider/index';\n"],"names":["BreadcrumbDivider","breadcrumbDividerClassNames","renderBreadcrumbDivider_unstable","useBreadcrumbDividerStyles_unstable","useBreadcrumbDivider_unstable","useBreadcrumbDividerBase_unstable"],"mappings":"AAOA,SACEA,iBAAiB,EACjBC,2BAA2B,EAC3BC,gCAAgC,EAChCC,mCAAmC,EACnCC,6BAA6B,EAC7BC,iCAAiC,QAC5B,0CAAuC"}
@@ -1 +1 @@
1
- export { BreadcrumbItem, breadcrumbItemClassNames, renderBreadcrumbItem_unstable, useBreadcrumbItemStyles_unstable, useBreadcrumbItem_unstable, useBreadcrumbItemBase_unstable } from './components/BreadcrumbItem/index';
1
+ export { BreadcrumbItem, breadcrumbItemClassNames, renderBreadcrumbItem_unstable, useBreadcrumbItemStyles_unstable, useBreadcrumbItem_unstable, useBreadcrumbItemBase_unstable } from "./components/BreadcrumbItem/index.js";
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/BreadcrumbItem.ts"],"sourcesContent":["export type {\n BreadcrumbItemProps,\n BreadcrumbItemSlots,\n BreadcrumbItemState,\n BreadcrumbItemBaseProps,\n BreadcrumbItemBaseState,\n} from './components/BreadcrumbItem/index';\nexport {\n BreadcrumbItem,\n breadcrumbItemClassNames,\n renderBreadcrumbItem_unstable,\n useBreadcrumbItemStyles_unstable,\n useBreadcrumbItem_unstable,\n useBreadcrumbItemBase_unstable,\n} from './components/BreadcrumbItem/index';\n"],"names":["BreadcrumbItem","breadcrumbItemClassNames","renderBreadcrumbItem_unstable","useBreadcrumbItemStyles_unstable","useBreadcrumbItem_unstable","useBreadcrumbItemBase_unstable"],"mappings":"AAOA,SACEA,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,EAC1BC,8BAA8B,QACzB,oCAAoC"}
1
+ {"version":3,"sources":["../src/BreadcrumbItem.ts"],"sourcesContent":["export type {\n BreadcrumbItemProps,\n BreadcrumbItemSlots,\n BreadcrumbItemState,\n BreadcrumbItemBaseProps,\n BreadcrumbItemBaseState,\n} from './components/BreadcrumbItem/index';\nexport {\n BreadcrumbItem,\n breadcrumbItemClassNames,\n renderBreadcrumbItem_unstable,\n useBreadcrumbItemStyles_unstable,\n useBreadcrumbItem_unstable,\n useBreadcrumbItemBase_unstable,\n} from './components/BreadcrumbItem/index';\n"],"names":["BreadcrumbItem","breadcrumbItemClassNames","renderBreadcrumbItem_unstable","useBreadcrumbItemStyles_unstable","useBreadcrumbItem_unstable","useBreadcrumbItemBase_unstable"],"mappings":"AAOA,SACEA,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,EAC1BC,8BAA8B,QACzB,uCAAoC"}
@@ -1,10 +1,10 @@
1
1
  'use client';
2
- import * as React from 'react';
3
- import { useBreadcrumb_unstable } from './useBreadcrumb';
4
- import { renderBreadcrumb_unstable } from './renderBreadcrumb';
5
- import { useBreadcrumbStyles_unstable } from './useBreadcrumbStyles.styles';
6
- import { useBreadcrumbContextValues_unstable } from './useBreadcrumbContextValue';
7
- import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
2
+ import * as React from "react";
3
+ import { useBreadcrumb_unstable } from "./useBreadcrumb.js";
4
+ import { renderBreadcrumb_unstable } from "./renderBreadcrumb.js";
5
+ import { useBreadcrumbStyles_unstable } from "./useBreadcrumbStyles.styles.js";
6
+ import { useBreadcrumbContextValues_unstable } from "./useBreadcrumbContextValue.js";
7
+ import { useCustomStyleHook_unstable } from "@fluentui/react-shared-contexts";
8
8
  /**
9
9
  * Breadcrumb component - TODO: add more docs
10
10
  */ export const Breadcrumb = /*#__PURE__*/ React.forwardRef((props, ref)=>{
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useBreadcrumb_unstable } from './useBreadcrumb';\nimport { renderBreadcrumb_unstable } from './renderBreadcrumb';\nimport { useBreadcrumbStyles_unstable } from './useBreadcrumbStyles.styles';\nimport type { BreadcrumbProps } from './Breadcrumb.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useBreadcrumbContextValues_unstable } from './useBreadcrumbContextValue';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Breadcrumb component - TODO: add more docs\n */\nexport const Breadcrumb: ForwardRefComponent<BreadcrumbProps> = React.forwardRef((props, ref) => {\n const state = useBreadcrumb_unstable(props, ref);\n const contextValues = useBreadcrumbContextValues_unstable(state);\n\n useBreadcrumbStyles_unstable(state);\n useCustomStyleHook_unstable('useBreadcrumbStyles_unstable')(state);\n\n return renderBreadcrumb_unstable(state, contextValues);\n});\n\nBreadcrumb.displayName = 'Breadcrumb';\n"],"names":["React","useBreadcrumb_unstable","renderBreadcrumb_unstable","useBreadcrumbStyles_unstable","useBreadcrumbContextValues_unstable","useCustomStyleHook_unstable","Breadcrumb","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,+BAA+B;AAG5E,SAASC,mCAAmC,QAAQ,8BAA8B;AAClF,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,2BAAmDN,MAAMO,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,QAAQT,uBAAuBO,OAAOC;IAC5C,MAAME,gBAAgBP,oCAAoCM;IAE1DP,6BAA6BO;IAC7BL,4BAA4B,gCAAgCK;IAE5D,OAAOR,0BAA0BQ,OAAOC;AAC1C,GAAG;AAEHL,WAAWM,WAAW,GAAG"}
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,qBAAkB;AACzD,SAASC,yBAAyB,QAAQ,wBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,kCAA+B;AAG5E,SAASC,mCAAmC,QAAQ,iCAA8B;AAClF,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,2BAAmDN,MAAMO,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,QAAQT,uBAAuBO,OAAOC;IAC5C,MAAME,gBAAgBP,oCAAoCM;IAE1DP,6BAA6BO;IAC7BL,4BAA4B,gCAAgCK;IAE5D,OAAOR,0BAA0BQ,OAAOC;AAC1C,GAAG;AAEHL,WAAWM,WAAW,GAAG"}
@@ -1,5 +1,5 @@
1
1
  'use client';
2
- import * as React from 'react';
2
+ import * as React from "react";
3
3
  const BreadcrumbContext = React.createContext(undefined);
4
4
  /**
5
5
  * @internal
@@ -1,6 +1,6 @@
1
- export { Breadcrumb } from './Breadcrumb';
2
- export { BreadcrumbProvider, breadcrumbDefaultValue, useBreadcrumbContext_unstable } from './BreadcrumbContext';
3
- export { renderBreadcrumb_unstable } from './renderBreadcrumb';
4
- export { useBreadcrumb_unstable, useBreadcrumbBase_unstable, useBreadcrumbA11yBehavior_unstable } from './useBreadcrumb';
5
- export { useBreadcrumbContextValues_unstable } from './useBreadcrumbContextValue';
6
- export { breadcrumbClassNames, useBreadcrumbStyles_unstable } from './useBreadcrumbStyles.styles';
1
+ export { Breadcrumb } from "./Breadcrumb.js";
2
+ export { BreadcrumbProvider, breadcrumbDefaultValue, useBreadcrumbContext_unstable } from "./BreadcrumbContext.js";
3
+ export { renderBreadcrumb_unstable } from "./renderBreadcrumb.js";
4
+ export { useBreadcrumb_unstable, useBreadcrumbBase_unstable, useBreadcrumbA11yBehavior_unstable } from "./useBreadcrumb.js";
5
+ export { useBreadcrumbContextValues_unstable } from "./useBreadcrumbContextValue.js";
6
+ export { breadcrumbClassNames, useBreadcrumbStyles_unstable } from "./useBreadcrumbStyles.styles.js";
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/Breadcrumb/index.ts"],"sourcesContent":["export { Breadcrumb } from './Breadcrumb';\nexport type {\n BreadcrumbBaseProps,\n BreadcrumbBaseState,\n BreadcrumbContextValues,\n BreadcrumbProps,\n BreadcrumbSlots,\n BreadcrumbState,\n} from './Breadcrumb.types';\nexport { BreadcrumbProvider, breadcrumbDefaultValue, useBreadcrumbContext_unstable } from './BreadcrumbContext';\nexport { renderBreadcrumb_unstable } from './renderBreadcrumb';\nexport {\n useBreadcrumb_unstable,\n useBreadcrumbBase_unstable,\n useBreadcrumbA11yBehavior_unstable,\n} from './useBreadcrumb';\nexport { useBreadcrumbContextValues_unstable } from './useBreadcrumbContextValue';\nexport { breadcrumbClassNames, useBreadcrumbStyles_unstable } from './useBreadcrumbStyles.styles';\n"],"names":["Breadcrumb","BreadcrumbProvider","breadcrumbDefaultValue","useBreadcrumbContext_unstable","renderBreadcrumb_unstable","useBreadcrumb_unstable","useBreadcrumbBase_unstable","useBreadcrumbA11yBehavior_unstable","useBreadcrumbContextValues_unstable","breadcrumbClassNames","useBreadcrumbStyles_unstable"],"mappings":"AAAA,SAASA,UAAU,QAAQ,eAAe;AAS1C,SAASC,kBAAkB,EAAEC,sBAAsB,EAAEC,6BAA6B,QAAQ,sBAAsB;AAChH,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SACEC,sBAAsB,EACtBC,0BAA0B,EAC1BC,kCAAkC,QAC7B,kBAAkB;AACzB,SAASC,mCAAmC,QAAQ,8BAA8B;AAClF,SAASC,oBAAoB,EAAEC,4BAA4B,QAAQ,+BAA+B"}
1
+ {"version":3,"sources":["../src/components/Breadcrumb/index.ts"],"sourcesContent":["export { Breadcrumb } from './Breadcrumb';\nexport type {\n BreadcrumbBaseProps,\n BreadcrumbBaseState,\n BreadcrumbContextValues,\n BreadcrumbProps,\n BreadcrumbSlots,\n BreadcrumbState,\n} from './Breadcrumb.types';\nexport { BreadcrumbProvider, breadcrumbDefaultValue, useBreadcrumbContext_unstable } from './BreadcrumbContext';\nexport { renderBreadcrumb_unstable } from './renderBreadcrumb';\nexport {\n useBreadcrumb_unstable,\n useBreadcrumbBase_unstable,\n useBreadcrumbA11yBehavior_unstable,\n} from './useBreadcrumb';\nexport { useBreadcrumbContextValues_unstable } from './useBreadcrumbContextValue';\nexport { breadcrumbClassNames, useBreadcrumbStyles_unstable } from './useBreadcrumbStyles.styles';\n"],"names":["Breadcrumb","BreadcrumbProvider","breadcrumbDefaultValue","useBreadcrumbContext_unstable","renderBreadcrumb_unstable","useBreadcrumb_unstable","useBreadcrumbBase_unstable","useBreadcrumbA11yBehavior_unstable","useBreadcrumbContextValues_unstable","breadcrumbClassNames","useBreadcrumbStyles_unstable"],"mappings":"AAAA,SAASA,UAAU,QAAQ,kBAAe;AAS1C,SAASC,kBAAkB,EAAEC,sBAAsB,EAAEC,6BAA6B,QAAQ,yBAAsB;AAChH,SAASC,yBAAyB,QAAQ,wBAAqB;AAC/D,SACEC,sBAAsB,EACtBC,0BAA0B,EAC1BC,kCAAkC,QAC7B,qBAAkB;AACzB,SAASC,mCAAmC,QAAQ,iCAA8B;AAClF,SAASC,oBAAoB,EAAEC,4BAA4B,QAAQ,kCAA+B"}
@@ -1,6 +1,6 @@
1
1
  import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
2
- import { assertSlots } from '@fluentui/react-utilities';
3
- import { BreadcrumbProvider } from './BreadcrumbContext';
2
+ import { assertSlots } from "@fluentui/react-utilities";
3
+ import { BreadcrumbProvider } from "./BreadcrumbContext.js";
4
4
  /**
5
5
  * Render the final JSX of Breadcrumb
6
6
  */ export const renderBreadcrumb_unstable = (state, contextValues)=>{
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/Breadcrumb/renderBreadcrumb.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport { BreadcrumbProvider } from './BreadcrumbContext';\nimport type { BreadcrumbBaseState, BreadcrumbSlots, BreadcrumbContextValues } from './Breadcrumb.types';\n/**\n * Render the final JSX of Breadcrumb\n */\nexport const renderBreadcrumb_unstable = (\n state: BreadcrumbBaseState,\n contextValues: BreadcrumbContextValues,\n): JSXElement => {\n assertSlots<BreadcrumbSlots>(state);\n return (\n <state.root>\n <BreadcrumbProvider value={contextValues}>\n {state.list && <state.list>{state.root.children}</state.list>}\n </BreadcrumbProvider>\n </state.root>\n );\n};\n"],"names":["assertSlots","BreadcrumbProvider","renderBreadcrumb_unstable","state","contextValues","root","value","list","children"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD,SAASC,kBAAkB,QAAQ,sBAAsB;AAEzD;;CAEC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEAJ,YAA6BG;IAC7B,qBACE,KAACA,MAAME,IAAI;kBACT,cAAA,KAACJ;YAAmBK,OAAOF;sBACxBD,MAAMI,IAAI,kBAAI,KAACJ,MAAMI,IAAI;0BAAEJ,MAAME,IAAI,CAACG,QAAQ;;;;AAIvD,EAAE"}
1
+ {"version":3,"sources":["../src/components/Breadcrumb/renderBreadcrumb.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport { BreadcrumbProvider } from './BreadcrumbContext';\nimport type { BreadcrumbBaseState, BreadcrumbSlots, BreadcrumbContextValues } from './Breadcrumb.types';\n/**\n * Render the final JSX of Breadcrumb\n */\nexport const renderBreadcrumb_unstable = (\n state: BreadcrumbBaseState,\n contextValues: BreadcrumbContextValues,\n): JSXElement => {\n assertSlots<BreadcrumbSlots>(state);\n return (\n <state.root>\n <BreadcrumbProvider value={contextValues}>\n {state.list && <state.list>{state.root.children}</state.list>}\n </BreadcrumbProvider>\n </state.root>\n );\n};\n"],"names":["assertSlots","BreadcrumbProvider","renderBreadcrumb_unstable","state","contextValues","root","value","list","children"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD,SAASC,kBAAkB,QAAQ,yBAAsB;AAEzD;;CAEC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEAJ,YAA6BG;IAC7B,qBACE,KAACA,MAAME,IAAI;kBACT,cAAA,KAACJ;YAAmBK,OAAOF;sBACxBD,MAAMI,IAAI,kBAAI,KAACJ,MAAMI,IAAI;0BAAEJ,MAAME,IAAI,CAACG,QAAQ;;;;AAIvD,EAAE"}
@@ -1,6 +1,6 @@
1
1
  'use client';
2
- import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
3
- import { useArrowNavigationGroup } from '@fluentui/react-tabster';
2
+ import { getIntrinsicElementProps, slot } from "@fluentui/react-utilities";
3
+ import { useArrowNavigationGroup } from "@fluentui/react-tabster";
4
4
  /**
5
5
  * Create the state required to render Breadcrumb.
6
6
  *
@@ -1,5 +1,5 @@
1
1
  'use client';
2
- import * as React from 'react';
2
+ import * as React from "react";
3
3
  export function useBreadcrumbContextValues_unstable(state) {
4
4
  const { size } = state;
5
5
  return React.useMemo(()=>({
@@ -1,6 +1,6 @@
1
1
  'use client';
2
2
 
3
- import { __resetStyles, mergeClasses } from '@griffel/react';
3
+ import { __resetStyles, mergeClasses } from "@griffel/react";
4
4
  export const breadcrumbClassNames = {
5
5
  root: 'fui-Breadcrumb',
6
6
  list: 'fui-Breadcrumb__list'
@@ -1 +1 @@
1
- {"version":3,"names":["__resetStyles","mergeClasses","breadcrumbClassNames","root","list","useListClassName","useBreadcrumbStyles_unstable","state","listBaseClassName","className"],"sources":["useBreadcrumbStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nexport const breadcrumbClassNames = {\n root: 'fui-Breadcrumb',\n list: 'fui-Breadcrumb__list'\n};\nconst useListClassName = makeResetStyles({\n listStyleType: 'none',\n display: 'flex',\n alignItems: 'center',\n margin: 0,\n padding: 0\n});\n/**\n * Apply styling to the Breadcrumb slots based on the state\n */ export const useBreadcrumbStyles_unstable = (state)=>{\n const listBaseClassName = useListClassName();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n if (state.list) {\n // eslint-disable-next-line react-hooks/immutability\n state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n }\n return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,aAAA,EAA0BC,YAAY,QAAQ,gBAAgB;AAC9D,OAAO,MAAMC,oBAAoB,GAAG;EAChCC,IAAI,EAAE,gBAAgB;EACtBC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,gBAAgB,gBAAGL,aAAA,wGAMxB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMM,4BAA4B,GAAIC,KAAK,IAAG;EACrD,MAAMC,iBAAiB,GAAGH,gBAAgB,CAAC,CAAC;EAC5C;EACAE,KAAK,CAACJ,IAAI,CAACM,SAAS,GAAGR,YAAY,CAACC,oBAAoB,CAACC,IAAI,EAAEI,KAAK,CAACJ,IAAI,CAACM,SAAS,CAAC;EACpF,IAAIF,KAAK,CAACH,IAAI,EAAE;IACZ;IACAG,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGR,YAAY,CAACO,iBAAiB,EAAEN,oBAAoB,CAACE,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAC3G;EACA,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["__resetStyles","mergeClasses","breadcrumbClassNames","root","list","useListClassName","useBreadcrumbStyles_unstable","state","listBaseClassName","className"],"sources":["useBreadcrumbStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, mergeClasses } from \"@griffel/react\";\nexport const breadcrumbClassNames = {\n root: 'fui-Breadcrumb',\n list: 'fui-Breadcrumb__list'\n};\nconst useListClassName = makeResetStyles({\n listStyleType: 'none',\n display: 'flex',\n alignItems: 'center',\n margin: 0,\n padding: 0\n});\n/**\n * Apply styling to the Breadcrumb slots based on the state\n */ export const useBreadcrumbStyles_unstable = (state)=>{\n const listBaseClassName = useListClassName();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n if (state.list) {\n // eslint-disable-next-line react-hooks/immutability\n state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n }\n return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,aAAA,EAA0BC,YAAY,QAAQ,gBAAgB;AAC9D,OAAO,MAAMC,oBAAoB,GAAG;EAChCC,IAAI,EAAE,gBAAgB;EACtBC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,gBAAgB,gBAAGL,aAAA,wGAMxB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMM,4BAA4B,GAAIC,KAAK,IAAG;EACrD,MAAMC,iBAAiB,GAAGH,gBAAgB,CAAC,CAAC;EAC5C;EACAE,KAAK,CAACJ,IAAI,CAACM,SAAS,GAAGR,YAAY,CAACC,oBAAoB,CAACC,IAAI,EAAEI,KAAK,CAACJ,IAAI,CAACM,SAAS,CAAC;EACpF,IAAIF,KAAK,CAACH,IAAI,EAAE;IACZ;IACAG,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGR,YAAY,CAACO,iBAAiB,EAAEN,oBAAoB,CAACE,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAC3G;EACA,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
@@ -1,5 +1,5 @@
1
1
  'use client';
2
- import { makeResetStyles, mergeClasses } from '@griffel/react';
2
+ import { makeResetStyles, mergeClasses } from "@griffel/react";
3
3
  export const breadcrumbClassNames = {
4
4
  root: 'fui-Breadcrumb',
5
5
  list: 'fui-Breadcrumb__list'
@@ -1,9 +1,9 @@
1
1
  'use client';
2
- import * as React from 'react';
3
- import { useBreadcrumbButton_unstable } from './useBreadcrumbButton';
4
- import { renderBreadcrumbButton_unstable } from './renderBreadcrumbButton';
5
- import { useBreadcrumbButtonStyles_unstable } from './useBreadcrumbButtonStyles.styles';
6
- import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
2
+ import * as React from "react";
3
+ import { useBreadcrumbButton_unstable } from "./useBreadcrumbButton.js";
4
+ import { renderBreadcrumbButton_unstable } from "./renderBreadcrumbButton.js";
5
+ import { useBreadcrumbButtonStyles_unstable } from "./useBreadcrumbButtonStyles.styles.js";
6
+ import { useCustomStyleHook_unstable } from "@fluentui/react-shared-contexts";
7
7
  /**
8
8
  * A button component which is used inside the Breadcrumb.
9
9
  */ export const BreadcrumbButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/BreadcrumbButton/BreadcrumbButton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useBreadcrumbButton_unstable } from './useBreadcrumbButton';\nimport { renderBreadcrumbButton_unstable } from './renderBreadcrumbButton';\nimport { useBreadcrumbButtonStyles_unstable } from './useBreadcrumbButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport type { BreadcrumbButtonProps } from './BreadcrumbButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * A button component which is used inside the Breadcrumb.\n */\nexport const BreadcrumbButton: ForwardRefComponent<BreadcrumbButtonProps> = React.forwardRef((props, ref) => {\n const state = useBreadcrumbButton_unstable(props, ref);\n\n useBreadcrumbButtonStyles_unstable(state);\n useCustomStyleHook_unstable('useBreadcrumbButtonStyles_unstable')(state);\n\n return renderBreadcrumbButton_unstable(state);\n});\n\nBreadcrumbButton.displayName = 'BreadcrumbButton';\n"],"names":["React","useBreadcrumbButton_unstable","renderBreadcrumbButton_unstable","useBreadcrumbButtonStyles_unstable","useCustomStyleHook_unstable","BreadcrumbButton","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,2BAA2B;AAC3E,SAASC,kCAAkC,QAAQ,qCAAqC;AACxF,SAASC,2BAA2B,QAAQ,kCAAkC;AAI9E;;CAEC,GACD,OAAO,MAAMC,iCAA+DL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACnG,MAAMC,QAAQR,6BAA6BM,OAAOC;IAElDL,mCAAmCM;IACnCL,4BAA4B,sCAAsCK;IAElE,OAAOP,gCAAgCO;AACzC,GAAG;AAEHJ,iBAAiBK,WAAW,GAAG"}
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,2BAAwB;AACrE,SAASC,+BAA+B,QAAQ,8BAA2B;AAC3E,SAASC,kCAAkC,QAAQ,wCAAqC;AACxF,SAASC,2BAA2B,QAAQ,kCAAkC;AAI9E;;CAEC,GACD,OAAO,MAAMC,iCAA+DL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACnG,MAAMC,QAAQR,6BAA6BM,OAAOC;IAElDL,mCAAmCM;IACnCL,4BAA4B,sCAAsCK;IAElE,OAAOP,gCAAgCO;AACzC,GAAG;AAEHJ,iBAAiBK,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/BreadcrumbButton/BreadcrumbButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport type { ButtonProps, ButtonSlots, ButtonState } from '@fluentui/react-button';\nimport type { BreadcrumbProps } from '../Breadcrumb/Breadcrumb.types';\n\nexport type BreadcrumbButtonSlots = ButtonSlots;\n\n/**\n * BreadcrumbButton Props\n */\nexport type BreadcrumbButtonProps = ComponentProps<BreadcrumbButtonSlots> &\n Pick<BreadcrumbProps, 'size'> &\n Pick<ButtonProps, 'disabled' | 'disabledFocusable'> & {\n /**\n * Defines current sate of BreadcrumbButton.\n *\n * @default false\n */\n current?: boolean;\n };\n\n/**\n * State used in rendering BreadcrumbButton\n */\nexport type BreadcrumbButtonState = ComponentState<BreadcrumbButtonSlots> &\n Omit<ButtonState, keyof ButtonSlots | 'components'> &\n Required<Pick<BreadcrumbButtonProps, 'current' | 'size'>>;\n\nexport type BreadcrumbButtonBaseProps = Omit<BreadcrumbButtonProps, 'size'>;\n\nexport type BreadcrumbButtonBaseState = Omit<BreadcrumbButtonState, 'appearance' | 'size' | 'shape'>;\n"],"names":[],"mappings":"AA6BA,WAAqG"}
1
+ {"version":3,"sources":["../src/components/BreadcrumbButton/BreadcrumbButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, DistributiveOmit } from '@fluentui/react-utilities';\nimport type { ButtonProps, ButtonSlots, ButtonState } from '@fluentui/react-button';\nimport type { BreadcrumbProps } from '../Breadcrumb/Breadcrumb.types';\n\nexport type BreadcrumbButtonSlots = ButtonSlots;\n\n/**\n * BreadcrumbButton Props\n */\nexport type BreadcrumbButtonProps = ComponentProps<BreadcrumbButtonSlots> &\n Pick<BreadcrumbProps, 'size'> &\n Pick<ButtonProps, 'disabled' | 'disabledFocusable'> & {\n /**\n * Defines current sate of BreadcrumbButton.\n *\n * @default false\n */\n current?: boolean;\n };\n\n/**\n * State used in rendering BreadcrumbButton\n */\nexport type BreadcrumbButtonState = ComponentState<BreadcrumbButtonSlots> &\n Omit<ButtonState, keyof ButtonSlots | 'components'> &\n Required<Pick<BreadcrumbButtonProps, 'current' | 'size'>>;\n\nexport type BreadcrumbButtonBaseProps = DistributiveOmit<BreadcrumbButtonProps, 'size'>;\n\nexport type BreadcrumbButtonBaseState = Omit<BreadcrumbButtonState, 'appearance' | 'size' | 'shape'>;\n"],"names":[],"mappings":"AA6BA,WAAqG"}