@primer/react 0.0.0-20260617202152 → 0.0.0-20260617213021

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 (128) hide show
  1. package/CHANGELOG.md +24 -1
  2. package/dist/ActionList/ActionList-65f7daac.css +1 -1
  3. package/dist/ActionList/ActionList-65f7daac.css.map +1 -1
  4. package/dist/ActionList/ActionList.module.css.js +1 -1
  5. package/dist/ActionList/Description.d.ts.map +1 -1
  6. package/dist/ActionList/GroupHeadingTrailingAction.js +20 -14
  7. package/dist/ActionList/LinkItem.d.ts +1 -1
  8. package/dist/ActionList/List.d.ts +2 -11
  9. package/dist/ActionList/List.d.ts.map +1 -1
  10. package/dist/ActionList/TrailingAction.d.ts +2 -1
  11. package/dist/ActionList/TrailingAction.d.ts.map +1 -1
  12. package/dist/ActionList/TrailingAction.js +37 -31
  13. package/dist/ActionList/index.d.ts +4 -24
  14. package/dist/ActionList/index.d.ts.map +1 -1
  15. package/dist/AnchoredOverlay/AnchoredOverlay-83281f45.css +1 -1
  16. package/dist/AnchoredOverlay/AnchoredOverlay-83281f45.css.map +1 -1
  17. package/dist/AnchoredOverlay/AnchoredOverlay.d.ts.map +1 -1
  18. package/dist/AnchoredOverlay/AnchoredOverlay.js +8 -3
  19. package/dist/Autocomplete/AutocompleteInput.d.ts.map +1 -1
  20. package/dist/Autocomplete/AutocompleteInput.js +3 -1
  21. package/dist/Autocomplete/AutocompleteMenu.d.ts.map +1 -1
  22. package/dist/Autocomplete/AutocompleteMenu.js +7 -1
  23. package/dist/AvatarStack/AvatarStack-9bb5649f.css +1 -1
  24. package/dist/AvatarStack/AvatarStack-9bb5649f.css.map +1 -1
  25. package/dist/AvatarStack/AvatarStack.d.ts.map +1 -1
  26. package/dist/AvatarStack/AvatarStack.js +1 -0
  27. package/dist/BaseStyles-fda34843.css +1 -1
  28. package/dist/BaseStyles-fda34843.css.map +1 -1
  29. package/dist/Blankslate/Blankslate-11d7a7fd.css +2 -0
  30. package/dist/Blankslate/Blankslate-11d7a7fd.css.map +1 -0
  31. package/dist/Blankslate/Blankslate.module.css.js +1 -1
  32. package/dist/BranchName/BranchName-2fad4f4b.css +1 -1
  33. package/dist/BranchName/BranchName-2fad4f4b.css.map +1 -1
  34. package/dist/BranchName/BranchName.d.ts +2 -4
  35. package/dist/BranchName/BranchName.d.ts.map +1 -1
  36. package/dist/Breadcrumbs/Breadcrumbs-54395fc6.css +1 -1
  37. package/dist/Breadcrumbs/Breadcrumbs-54395fc6.css.map +1 -1
  38. package/dist/Breadcrumbs/Breadcrumbs.d.ts +4 -10
  39. package/dist/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
  40. package/dist/Breadcrumbs/Breadcrumbs.js +330 -149
  41. package/dist/Button/ButtonBase-311501b9.css +1 -1
  42. package/dist/Button/ButtonBase-311501b9.css.map +1 -1
  43. package/dist/Button/ButtonBase.module.css.js +1 -1
  44. package/dist/ButtonGroup/ButtonGroup-54ba293b.css +1 -1
  45. package/dist/ButtonGroup/ButtonGroup-54ba293b.css.map +1 -1
  46. package/dist/Card/Card.d.ts +2 -20
  47. package/dist/Card/Card.d.ts.map +1 -1
  48. package/dist/Card/index.d.ts +2 -8
  49. package/dist/Card/index.d.ts.map +1 -1
  50. package/dist/Checkbox/Checkbox-edc5dc3e.css +1 -1
  51. package/dist/Checkbox/Checkbox-edc5dc3e.css.map +1 -1
  52. package/dist/CircleBadge/CircleBadge.d.ts +1 -1
  53. package/dist/CircleBadge/CircleBadge.d.ts.map +1 -1
  54. package/dist/CircleBadge/CircleBadge.js +2 -1
  55. package/dist/DataTable/storybook/data.d.ts.map +1 -1
  56. package/dist/Dialog/Dialog.js +1 -1
  57. package/dist/FilteredActionList/FilteredActionList.d.ts.map +1 -1
  58. package/dist/FilteredActionList/FilteredActionList.js +4 -0
  59. package/dist/FilteredActionList/useAnnouncements.d.ts.map +1 -1
  60. package/dist/LabelGroup/LabelGroup.d.ts.map +1 -1
  61. package/dist/LabelGroup/LabelGroup.js +5 -0
  62. package/dist/Link/Link-ba423096.css +1 -1
  63. package/dist/Link/Link-ba423096.css.map +1 -1
  64. package/dist/Link/Link.d.ts +1 -1
  65. package/dist/NavList/NavList.d.ts +2 -8
  66. package/dist/NavList/NavList.d.ts.map +1 -1
  67. package/dist/Overlay/Overlay-214d10dd.css +1 -1
  68. package/dist/Overlay/Overlay-214d10dd.css.map +1 -1
  69. package/dist/Overlay/Overlay.module.css.js +1 -1
  70. package/dist/Popover/Popover-a93df39c.css +1 -1
  71. package/dist/Popover/Popover-a93df39c.css.map +1 -1
  72. package/dist/SelectPanel/SelectPanel.d.ts.map +1 -1
  73. package/dist/SelectPanel/SelectPanel.js +25 -2
  74. package/dist/SideNav-baa2364d.css +1 -1
  75. package/dist/SideNav-baa2364d.css.map +1 -1
  76. package/dist/Spinner/Spinner.d.ts.map +1 -1
  77. package/dist/SubNav/SubNav-88128e5c.css +1 -1
  78. package/dist/SubNav/SubNav-88128e5c.css.map +1 -1
  79. package/dist/Text/Text.d.ts +2 -7
  80. package/dist/Text/Text.d.ts.map +1 -1
  81. package/dist/Textarea/Textarea.d.ts.map +1 -1
  82. package/dist/Timeline/Timeline-ff81db92.css +1 -1
  83. package/dist/Timeline/Timeline-ff81db92.css.map +1 -1
  84. package/dist/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
  85. package/dist/Token/IssueLabelToken-10cfada5.css +1 -1
  86. package/dist/Token/IssueLabelToken-10cfada5.css.map +1 -1
  87. package/dist/Token/_TokenTextContainer-55ce2de3.css +1 -1
  88. package/dist/Token/_TokenTextContainer-55ce2de3.css.map +1 -1
  89. package/dist/Token/_TokenTextContainer.module.css.js +1 -1
  90. package/dist/TooltipV2/Tooltip.d.ts.map +1 -1
  91. package/dist/TooltipV2/Tooltip.js +1 -0
  92. package/dist/TreeView/TreeView-1bf45a33.css +1 -1
  93. package/dist/TreeView/TreeView-1bf45a33.css.map +1 -1
  94. package/dist/TreeView/TreeView.d.ts +11 -2
  95. package/dist/TreeView/TreeView.d.ts.map +1 -1
  96. package/dist/TreeView/TreeView.js +201 -166
  97. package/dist/deprecated/ActionList/Group.d.ts +1 -1
  98. package/dist/deprecated/ActionList/Group.d.ts.map +1 -1
  99. package/dist/deprecated/ActionList/Group.js +9 -5
  100. package/dist/experimental/SelectPanel2/SelectPanel-608e207e.css +1 -1
  101. package/dist/experimental/SelectPanel2/SelectPanel-608e207e.css.map +1 -1
  102. package/dist/experimental/SelectPanel2/SelectPanel.d.ts +4 -1
  103. package/dist/experimental/SelectPanel2/SelectPanel.d.ts.map +1 -1
  104. package/dist/experimental/SelectPanel2/SelectPanel.js +3 -2
  105. package/dist/hooks/useControllableState.d.ts.map +1 -1
  106. package/dist/hooks/useControllableState.js +2 -0
  107. package/dist/hooks/useDetails.d.ts.map +1 -1
  108. package/dist/hooks/useDialog.d.ts.map +1 -1
  109. package/dist/hooks/useFocusZone.d.ts.map +1 -1
  110. package/dist/hooks/useFocusZone.js +3 -1
  111. package/dist/hooks/useMenuInitialFocus.d.ts.map +1 -1
  112. package/dist/hooks/useMenuInitialFocus.js +1 -0
  113. package/dist/hooks/useMergedRefs.js +17 -30
  114. package/dist/hooks/useMnemonics.d.ts.map +1 -1
  115. package/dist/internal/components/TextInputWrapper-b2f7f9fa.css +1 -1
  116. package/dist/internal/components/TextInputWrapper-b2f7f9fa.css.map +1 -1
  117. package/dist/utils/StressTest.d.ts.map +1 -1
  118. package/dist/utils/descendant-registry.d.ts.map +1 -1
  119. package/dist/utils/form-story-helpers.d.ts +2 -1
  120. package/dist/utils/form-story-helpers.d.ts.map +1 -1
  121. package/dist/utils/modern-polymorphic.d.ts +1 -1
  122. package/dist/utils/modern-polymorphic.d.ts.map +1 -1
  123. package/dist/utils/story-helpers.d.ts +2 -1
  124. package/dist/utils/story-helpers.d.ts.map +1 -1
  125. package/generated/components.json +18 -6
  126. package/package.json +2 -2
  127. package/dist/Blankslate/Blankslate-a039d79a.css +0 -2
  128. package/dist/Blankslate/Blankslate-a039d79a.css.map +0 -1
@@ -1,7 +1,8 @@
1
1
  import { c } from 'react-compiler-runtime';
2
2
  import { clsx } from 'clsx';
3
- import React, { useRef, useCallback, useState, useMemo, useEffect } from 'react';
3
+ import React, { useRef, useState } from 'react';
4
4
  import classes from './Breadcrumbs.module.css.js';
5
+ import useIsomorphicLayoutEffect from '../utils/useIsomorphicLayoutEffect.js';
5
6
  import { ActionList } from '../ActionList/index.js';
6
7
  import { IconButton } from '../Button/IconButton.js';
7
8
  import { KebabHorizontalIcon } from '@primer/octicons-react';
@@ -206,170 +207,350 @@ const getValidChildren = children => {
206
207
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
207
208
  return React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child));
208
209
  };
209
- function Breadcrumbs({
210
- className,
211
- children,
212
- style,
213
- overflow = 'wrap',
214
- variant = 'normal'
210
+ const MENU_BUTTON_FALLBACK_WIDTH = 32; // Design system small IconButton
211
+ const CONTAINER_FALLBACK_WIDTH = 800; // Used before the container has been measured
212
+
213
+ // Pure derivation of how many leading breadcrumb items collapse into the
214
+ // overflow menu, given the measured widths. Returns counts/flags (primitives)
215
+ // rather than element arrays so the render memo below only invalidates when the
216
+ // split actually changes, not on every sub-threshold resize. Kept outside the
217
+ // component so it has no hidden dependency on previous state and can be called
218
+ // directly during render.
219
+ function calculateOverflow({
220
+ availableWidth,
221
+ itemCount,
222
+ childArrayWidths,
223
+ menuButtonWidth,
224
+ overflow,
225
+ hideRoot
215
226
  }) {
216
- const containerRef = useRef(null);
217
- const measureMenuButton = useCallback(element => {
218
- if (element) {
219
- const iconButtonElement = element.querySelector('button[data-component="IconButton"]');
220
- if (iconButtonElement) {
221
- const measuredWidth = iconButtonElement.offsetWidth;
222
- // eslint-disable-next-line react-hooks/immutability
223
- setMenuButtonWidth(measuredWidth);
227
+ var _childArrayWidths$;
228
+ let eHideRoot = hideRoot;
229
+ const rootItemWidth = (_childArrayWidths$ = childArrayWidths[0]) !== null && _childArrayWidths$ !== void 0 ? _childArrayWidths$ : 0;
230
+ const NARROW_BREAKPOINT = 544;
231
+ const isNarrow = availableWidth < NARROW_BREAKPOINT;
232
+ let MIN_VISIBLE_ITEMS = 4;
233
+ if (!eHideRoot) {
234
+ MIN_VISIBLE_ITEMS = 3;
235
+ } else if (isNarrow && itemCount > 2) {
236
+ MIN_VISIBLE_ITEMS = 1;
237
+ }
238
+ const calculateVisibleItemsWidth = w => {
239
+ const widths = w.reduce((sum, width) => sum + width + 16, 0);
240
+ return !eHideRoot ? rootItemWidth + widths : widths;
241
+ };
242
+ let currentVisibleItemWidths = [...childArrayWidths];
243
+ let menuItemCount = 0;
244
+ if (availableWidth > 0 && currentVisibleItemWidths.length > 0) {
245
+ let visibleItemsWidthTotal = calculateVisibleItemsWidth(currentVisibleItemWidths);
246
+ while ((overflow === 'menu' || overflow === 'menu-with-root') && (visibleItemsWidthTotal > availableWidth || currentVisibleItemWidths.length > MIN_VISIBLE_ITEMS)) {
247
+ menuItemCount += 1;
248
+ currentVisibleItemWidths = currentVisibleItemWidths.slice(1);
249
+
250
+ // A menu button is now shown, so its width is always part of the total.
251
+ visibleItemsWidthTotal = calculateVisibleItemsWidth(currentVisibleItemWidths) + menuButtonWidth;
252
+ if (currentVisibleItemWidths.length === 1 && visibleItemsWidthTotal > availableWidth) {
253
+ eHideRoot = true;
254
+ break;
255
+ } else {
256
+ eHideRoot = hideRoot;
224
257
  }
225
258
  }
226
- }, []);
227
- const hideRoot = !(overflow === 'menu-with-root');
228
- const [effectiveHideRoot, setEffectiveHideRoot] = useState(hideRoot);
229
- const childArray = useMemo(() => getValidChildren(children), [children]);
259
+ }
260
+ return {
261
+ menuItemCount,
262
+ effectiveHideRoot: eHideRoot
263
+ };
264
+ }
265
+ function Breadcrumbs(t0) {
266
+ const $ = c(48);
267
+ const {
268
+ className,
269
+ children,
270
+ style,
271
+ overflow: t1,
272
+ variant: t2
273
+ } = t0;
274
+ const overflow = t1 === undefined ? "wrap" : t1;
275
+ const variant = t2 === undefined ? "normal" : t2;
276
+ const containerRef = useRef(null);
277
+ const hideRoot = !(overflow === "menu-with-root");
278
+ let t3;
279
+ if ($[0] !== children) {
280
+ t3 = getValidChildren(children);
281
+ $[0] = children;
282
+ $[1] = t3;
283
+ } else {
284
+ t3 = $[1];
285
+ }
286
+ const childArray = t3;
230
287
  const rootItem = childArray[0];
231
-
232
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
233
- const [visibleItems, setVisibleItems] = useState(() => childArray);
234
- const [childArrayWidths, setChildArrayWidths] = useState(() => []);
235
-
236
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
237
- const [menuItems, setMenuItems] = useState([]);
238
- const [rootItemWidth, setRootItemWidth] = useState(0);
239
- const MENU_BUTTON_FALLBACK_WIDTH = 32; // Design system small IconButton
288
+ const [childArrayWidths, setChildArrayWidths] = useState(_temp2);
289
+ const [containerWidth, setContainerWidth] = useState(null);
240
290
  const [menuButtonWidth, setMenuButtonWidth] = useState(MENU_BUTTON_FALLBACK_WIDTH);
241
- useEffect(() => {
242
- var _containerRef$current;
243
- const listElement = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.querySelector('ol');
244
- if (listElement && listElement.children.length > 0 && listElement.children.length === childArray.length) {
245
- const listElementArray = Array.from(listElement.children);
246
- const widths = listElementArray.map(child => child.offsetWidth);
247
- setChildArrayWidths(widths);
248
- setRootItemWidth(listElementArray[0].offsetWidth);
249
- }
250
- }, [childArray]);
251
- const calculateOverflow = useCallback(availableWidth => {
252
- let eHideRoot = effectiveHideRoot;
253
- const MENU_BUTTON_WIDTH = menuButtonWidth;
254
- const NARROW_BREAKPOINT = 544;
255
- const isNarrow = availableWidth < NARROW_BREAKPOINT;
256
- let MIN_VISIBLE_ITEMS = 4;
257
- if (!eHideRoot) {
258
- MIN_VISIBLE_ITEMS = 3;
259
- } else if (isNarrow && childArray.length > 2) {
260
- MIN_VISIBLE_ITEMS = 1;
261
- }
262
- const calculateVisibleItemsWidth = w => {
263
- const widths_0 = w.reduce((sum, width) => sum + width + 16, 0);
264
- return !eHideRoot ? rootItemWidth + widths_0 : widths_0;
291
+ let t4;
292
+ if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
293
+ t4 = element => {
294
+ if (element) {
295
+ const iconButtonElement = element.querySelector("button[data-component=\"IconButton\"]");
296
+ if (iconButtonElement) {
297
+ const measuredWidth = iconButtonElement.offsetWidth;
298
+ setMenuButtonWidth(prev => prev === measuredWidth ? prev : measuredWidth);
299
+ }
300
+ }
265
301
  };
266
- let currentVisibleItems = [...childArray];
267
- let currentVisibleItemWidths = [...childArrayWidths];
268
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
269
- let currentMenuItems = [];
270
- let currentMenuItemsWidths = [];
271
- if (availableWidth > 0 && currentVisibleItemWidths.length > 0) {
272
- let visibleItemsWidthTotal = calculateVisibleItemsWidth(currentVisibleItemWidths);
273
- if (currentMenuItems.length > 0) {
274
- visibleItemsWidthTotal += MENU_BUTTON_WIDTH;
302
+ $[2] = t4;
303
+ } else {
304
+ t4 = $[2];
305
+ }
306
+ const measureMenuButton = t4;
307
+ let t5;
308
+ if ($[3] !== childArray.length || $[4] !== overflow) {
309
+ t5 = () => {
310
+ if (overflow === "wrap") {
311
+ return;
275
312
  }
276
- while ((overflow === 'menu' || overflow === 'menu-with-root') && (visibleItemsWidthTotal > availableWidth || currentVisibleItems.length > MIN_VISIBLE_ITEMS)) {
277
- const itemToHide = currentVisibleItems[0];
278
- const itemToHideWidth = currentVisibleItemWidths[0];
279
- currentMenuItems = [...currentMenuItems, itemToHide];
280
- currentMenuItemsWidths = [...currentMenuItemsWidths, itemToHideWidth];
281
- currentVisibleItems = currentVisibleItems.slice(1);
282
- currentVisibleItemWidths = currentVisibleItemWidths.slice(1);
283
- visibleItemsWidthTotal = calculateVisibleItemsWidth(currentVisibleItemWidths);
284
- if (currentMenuItems.length > 0) {
285
- visibleItemsWidthTotal += MENU_BUTTON_WIDTH;
286
- }
287
- if (currentVisibleItems.length === 1 && visibleItemsWidthTotal > availableWidth) {
288
- eHideRoot = true;
289
- break;
290
- } else {
291
- eHideRoot = hideRoot;
292
- }
313
+ const containerElement = containerRef.current;
314
+ if (!containerElement) {
315
+ return;
316
+ }
317
+ const measuredContainerWidth = containerElement.offsetWidth;
318
+ setContainerWidth(prev_0 => prev_0 === measuredContainerWidth ? prev_0 : measuredContainerWidth);
319
+ const listElement = containerElement.querySelector("ol");
320
+ if (listElement && listElement.children.length > 0 && listElement.children.length === childArray.length) {
321
+ const widths = Array.from(listElement.children).map(_temp3);
322
+ setChildArrayWidths(widths);
293
323
  }
294
- }
295
- return {
296
- visibleItems: currentVisibleItems,
297
- menuItems: currentMenuItems,
298
- effectiveHideRoot: eHideRoot
299
324
  };
300
- }, [childArray, childArrayWidths, effectiveHideRoot, hideRoot, overflow, rootItemWidth, menuButtonWidth]);
301
- const handleResize = useCallback(entries => {
302
- if (entries[0]) {
303
- const containerWidth = entries[0].contentRect.width;
304
- const result = calculateOverflow(containerWidth);
305
- if (visibleItems.length !== result.visibleItems.length && menuItems.length !== result.menuItems.length || result.effectiveHideRoot !== effectiveHideRoot) {
306
- setVisibleItems(result.visibleItems);
307
- setMenuItems(result.menuItems);
308
- setEffectiveHideRoot(result.effectiveHideRoot);
325
+ $[3] = childArray.length;
326
+ $[4] = overflow;
327
+ $[5] = t5;
328
+ } else {
329
+ t5 = $[5];
330
+ }
331
+ let t6;
332
+ if ($[6] !== childArray || $[7] !== overflow) {
333
+ t6 = [childArray, overflow];
334
+ $[6] = childArray;
335
+ $[7] = overflow;
336
+ $[8] = t6;
337
+ } else {
338
+ t6 = $[8];
339
+ }
340
+ useIsomorphicLayoutEffect(t5, t6);
341
+ let t7;
342
+ if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
343
+ t7 = entries => {
344
+ if (entries[0]) {
345
+ const width = Math.round(entries[0].contentRect.width);
346
+ setContainerWidth(prev_1 => prev_1 === width ? prev_1 : width);
309
347
  }
348
+ };
349
+ $[9] = t7;
350
+ } else {
351
+ t7 = $[9];
352
+ }
353
+ let t8;
354
+ if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
355
+ t8 = [];
356
+ $[10] = t8;
357
+ } else {
358
+ t8 = $[10];
359
+ }
360
+ useResizeObserver(t7, containerRef, t8, overflow !== "wrap");
361
+ let t9;
362
+ bb0: {
363
+ if (overflow === "wrap" || childArrayWidths.length !== childArray.length) {
364
+ let t10;
365
+ if ($[11] !== hideRoot) {
366
+ t10 = {
367
+ menuItemCount: 0,
368
+ effectiveHideRoot: hideRoot
369
+ };
370
+ $[11] = hideRoot;
371
+ $[12] = t10;
372
+ } else {
373
+ t10 = $[12];
374
+ }
375
+ t9 = t10;
376
+ break bb0;
310
377
  }
311
- }, [calculateOverflow, effectiveHideRoot, menuItems.length, visibleItems.length]);
312
- useResizeObserver(handleResize, containerRef);
313
- useEffect(() => {
314
- if ((overflow === 'menu' || overflow === 'menu-with-root') && childArray.length > 5 && menuItems.length === 0) {
315
- var _containerRef$current2;
316
- const containerWidth_0 = ((_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.offsetWidth) || 800;
317
- const result_0 = calculateOverflow(containerWidth_0);
318
- setVisibleItems(result_0.visibleItems);
319
- setMenuItems(result_0.menuItems);
320
- setEffectiveHideRoot(result_0.effectiveHideRoot);
321
- }
322
- }, [overflow, childArray, calculateOverflow, menuItems.length]);
323
- const finalChildren = React.useMemo(() => {
324
- if (overflow === 'wrap' || menuItems.length === 0) {
325
- return React.Children.map(children, child_0 => /*#__PURE__*/jsx("li", {
326
- className: classes.ItemWrapper,
327
- children: child_0
328
- }));
329
- }
330
- let effectiveMenuItems = [...menuItems];
331
- // In 'menu-with-root' mode, include the root item inside the menu even if it's visible in the breadcrumbs
332
- if (!effectiveHideRoot) {
333
- effectiveMenuItems = [...menuItems.slice(1)];
334
- }
335
- const menuElement = /*#__PURE__*/jsxs("li", {
336
- className: classes.BreadcrumbsItem,
337
- children: [/*#__PURE__*/jsx(BreadcrumbsMenuItem, {
338
- ref: measureMenuButton,
339
- items: effectiveMenuItems,
340
- "aria-label": `${effectiveMenuItems.length} more breadcrumb items`
341
- }), /*#__PURE__*/jsx(ItemSeparator, {})]
342
- }, "breadcrumbs-menu");
343
- const visibleElements = visibleItems.map((child_1, index) => /*#__PURE__*/jsxs("li", {
344
- className: classes.BreadcrumbsItem,
345
- children: [child_1, /*#__PURE__*/jsx(ItemSeparator, {})]
346
- }, `visible + ${index}`));
347
- const rootElement = /*#__PURE__*/jsxs("li", {
348
- className: classes.BreadcrumbsItem,
349
- children: [rootItem, /*#__PURE__*/jsx(ItemSeparator, {})]
350
- }, `rootElement`);
351
- if (effectiveHideRoot) {
352
- // Show: [overflow menu, leaf breadcrumb]
353
- return [menuElement, ...visibleElements];
378
+ const t10 = containerWidth !== null && containerWidth !== void 0 ? containerWidth : CONTAINER_FALLBACK_WIDTH;
379
+ let t11;
380
+ if ($[13] !== childArray.length || $[14] !== childArrayWidths || $[15] !== hideRoot || $[16] !== menuButtonWidth || $[17] !== overflow || $[18] !== t10) {
381
+ t11 = calculateOverflow({
382
+ availableWidth: t10,
383
+ itemCount: childArray.length,
384
+ childArrayWidths,
385
+ menuButtonWidth,
386
+ overflow,
387
+ hideRoot
388
+ });
389
+ $[13] = childArray.length;
390
+ $[14] = childArrayWidths;
391
+ $[15] = hideRoot;
392
+ $[16] = menuButtonWidth;
393
+ $[17] = overflow;
394
+ $[18] = t10;
395
+ $[19] = t11;
354
396
  } else {
355
- // Show: [root breadcrumb, overflow menu, leaf breadcrumb]
356
- return [rootElement, menuElement, ...visibleElements];
397
+ t11 = $[19];
357
398
  }
358
- }, [overflow, menuItems, effectiveHideRoot, measureMenuButton, visibleItems, rootItem, children]);
359
- return /*#__PURE__*/jsx("nav", {
360
- className: clsx(className, classes.BreadcrumbsBase),
361
- "aria-label": "Breadcrumbs",
362
- style: style,
363
- ref: containerRef,
364
- "data-overflow": overflow,
365
- "data-variant": variant,
366
- "data-component": "Breadcrumbs",
367
- children: /*#__PURE__*/jsx(BreadcrumbsList, {
399
+ t9 = t11;
400
+ }
401
+ const {
402
+ menuItemCount,
403
+ effectiveHideRoot
404
+ } = t9;
405
+ let t10;
406
+ if ($[20] !== childArray || $[21] !== children || $[22] !== effectiveHideRoot || $[23] !== menuItemCount || $[24] !== overflow || $[25] !== rootItem) {
407
+ bb1: {
408
+ if (overflow === "wrap" || menuItemCount === 0) {
409
+ let t11;
410
+ if ($[27] !== children) {
411
+ t11 = React.Children.map(children, _temp4);
412
+ $[27] = children;
413
+ $[28] = t11;
414
+ } else {
415
+ t11 = $[28];
416
+ }
417
+ t10 = t11;
418
+ break bb1;
419
+ }
420
+ const menuItems = childArray.slice(0, menuItemCount);
421
+ const visibleItems = childArray.slice(menuItemCount);
422
+ const effectiveMenuItems = effectiveHideRoot ? menuItems : menuItems.slice(1);
423
+ const t11 = `${effectiveMenuItems.length} more breadcrumb items`;
424
+ let t12;
425
+ if ($[29] !== effectiveMenuItems || $[30] !== t11) {
426
+ t12 = /*#__PURE__*/jsx(BreadcrumbsMenuItem, {
427
+ ref: measureMenuButton,
428
+ items: effectiveMenuItems,
429
+ "aria-label": t11
430
+ });
431
+ $[29] = effectiveMenuItems;
432
+ $[30] = t11;
433
+ $[31] = t12;
434
+ } else {
435
+ t12 = $[31];
436
+ }
437
+ let t13;
438
+ if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
439
+ t13 = /*#__PURE__*/jsx(ItemSeparator, {});
440
+ $[32] = t13;
441
+ } else {
442
+ t13 = $[32];
443
+ }
444
+ let t14;
445
+ if ($[33] !== t12) {
446
+ t14 = /*#__PURE__*/jsxs("li", {
447
+ className: classes.BreadcrumbsItem,
448
+ children: [t12, t13]
449
+ }, "breadcrumbs-menu");
450
+ $[33] = t12;
451
+ $[34] = t14;
452
+ } else {
453
+ t14 = $[34];
454
+ }
455
+ const menuElement = t14;
456
+ const visibleElements = visibleItems.map(_temp5);
457
+ let t15;
458
+ if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
459
+ t15 = /*#__PURE__*/jsx(ItemSeparator, {});
460
+ $[35] = t15;
461
+ } else {
462
+ t15 = $[35];
463
+ }
464
+ let t16;
465
+ if ($[36] !== rootItem) {
466
+ t16 = /*#__PURE__*/jsxs("li", {
467
+ className: classes.BreadcrumbsItem,
468
+ children: [rootItem, t15]
469
+ }, "rootElement");
470
+ $[36] = rootItem;
471
+ $[37] = t16;
472
+ } else {
473
+ t16 = $[37];
474
+ }
475
+ const rootElement = t16;
476
+ if (effectiveHideRoot) {
477
+ t10 = [menuElement, ...visibleElements];
478
+ } else {
479
+ t10 = [rootElement, menuElement, ...visibleElements];
480
+ }
481
+ }
482
+ $[20] = childArray;
483
+ $[21] = children;
484
+ $[22] = effectiveHideRoot;
485
+ $[23] = menuItemCount;
486
+ $[24] = overflow;
487
+ $[25] = rootItem;
488
+ $[26] = t10;
489
+ } else {
490
+ t10 = $[26];
491
+ }
492
+ const finalChildren = t10;
493
+ let t11;
494
+ if ($[38] !== className) {
495
+ t11 = clsx(className, classes.BreadcrumbsBase);
496
+ $[38] = className;
497
+ $[39] = t11;
498
+ } else {
499
+ t11 = $[39];
500
+ }
501
+ let t12;
502
+ if ($[40] !== finalChildren) {
503
+ t12 = /*#__PURE__*/jsx(BreadcrumbsList, {
368
504
  children: finalChildren
369
- })
505
+ });
506
+ $[40] = finalChildren;
507
+ $[41] = t12;
508
+ } else {
509
+ t12 = $[41];
510
+ }
511
+ let t13;
512
+ if ($[42] !== overflow || $[43] !== style || $[44] !== t11 || $[45] !== t12 || $[46] !== variant) {
513
+ t13 = /*#__PURE__*/jsx("nav", {
514
+ className: t11,
515
+ "aria-label": "Breadcrumbs",
516
+ style: style,
517
+ ref: containerRef,
518
+ "data-overflow": overflow,
519
+ "data-variant": variant,
520
+ "data-component": "Breadcrumbs",
521
+ children: t12
522
+ });
523
+ $[42] = overflow;
524
+ $[43] = style;
525
+ $[44] = t11;
526
+ $[45] = t12;
527
+ $[46] = variant;
528
+ $[47] = t13;
529
+ } else {
530
+ t13 = $[47];
531
+ }
532
+ return t13;
533
+ }
534
+ function _temp5(child_1, index) {
535
+ return /*#__PURE__*/jsxs("li", {
536
+ className: classes.BreadcrumbsItem,
537
+ children: [child_1, /*#__PURE__*/jsx(ItemSeparator, {})]
538
+ }, `visible + ${index}`);
539
+ }
540
+ _temp5.displayName = "_temp5";
541
+ function _temp4(child_0) {
542
+ return /*#__PURE__*/jsx("li", {
543
+ className: classes.ItemWrapper,
544
+ children: child_0
370
545
  });
371
546
  }
372
- Breadcrumbs.displayName = "Breadcrumbs";
547
+ _temp4.displayName = "_temp4";
548
+ function _temp3(child) {
549
+ return child.offsetWidth;
550
+ }
551
+ function _temp2() {
552
+ return [];
553
+ }
373
554
  const ItemSeparator = () => {
374
555
  const $ = c(1);
375
556
  let t0;
@@ -1,2 +1,2 @@
1
- .prc-Button-ButtonBase-9n-Xk{align-items:center;appearance:none;background-color:transparent;border:var(--borderWidth-thin,.0625rem) solid;border-color:var(--button-default-borderColor-rest,#d1d9e0);border-radius:var(--borderRadius-medium,.375rem);color:var(--button-default-fgColor-rest,#25292e);cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-medium,500);gap:var(--base-size-8,.5rem);height:var(--control-medium-size,2rem);justify-content:space-between;min-width:max-content;padding:0 var(--control-medium-paddingInline-normal,.75rem);text-align:center;-webkit-text-decoration:none;text-decoration:none;transition:80ms cubic-bezier(.65,0,.35,1);transition-property:color,fill,background-color,border-color;-webkit-user-select:none;user-select:none}.prc-Button-ButtonBase-9n-Xk:has([data-kbd-chord]){padding-inline-end:var(--base-size-6,.375rem)}.prc-Button-ButtonBase-9n-Xk:hover{transition-duration:80ms}.prc-Button-ButtonBase-9n-Xk:focus-visible{box-shadow:none;outline:2px solid var(--focus-outline-color,var(--focus-outlineColor,#0969da));outline-offset:-2px}.prc-Button-ButtonBase-9n-Xk:active{transition:none}.prc-Button-ButtonBase-9n-Xk:disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:not([data-loading=true]){box-shadow:none;cursor:not-allowed}:is(.prc-Button-ButtonBase-9n-Xk:disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:not([data-loading=true])) .prc-Button-CounterLabel-5hAs4,:is(.prc-Button-ButtonBase-9n-Xk:disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:not([data-loading=true])) .prc-Button-Visual-YNt2F{color:inherit}@media (forced-colors:active){.prc-Button-ButtonBase-9n-Xk:focus{outline:1px solid transparent}}.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-Visual-YNt2F){color:var(--fgColor-muted,#59636e);display:flex;pointer-events:none}.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-VisualWrap-E4cnq){display:flex;pointer-events:none}.prc-Button-ButtonBase-9n-Xk:where(.prc-Button-IconButton-fyge7){display:inline-grid;flex-shrink:0;min-width:unset;padding:unset;place-content:center;width:var(--control-medium-size,2rem)}.prc-Button-ButtonBase-9n-Xk:where(.prc-Button-IconButton-fyge7):where([data-size=small]){width:var(--control-small-size,1.75rem)}.prc-Button-ButtonBase-9n-Xk:where(.prc-Button-IconButton-fyge7):where([data-size=large]){width:var(--control-large-size,2.5rem)}.prc-Button-ButtonBase-9n-Xk:where([href]){display:inline-flex}.prc-Button-ButtonBase-9n-Xk:where([href]):hover{-webkit-text-decoration:none;text-decoration:none}.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-ButtonContent-Iohp5){align-content:center;align-items:center;display:grid;flex:1 0 auto;grid-template-areas:"leadingVisual text trailingVisual";grid-template-columns:min-content minmax(0,auto) min-content}:is(.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-ButtonContent-Iohp5))>:not(:last-child){margin-right:var(--base-size-8,.5rem)}:is(.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-ButtonContent-Iohp5)):where([data-align=center]){justify-content:center}:is(.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-ButtonContent-Iohp5)):where([data-align=start]){justify-content:flex-start}.prc-Button-ButtonBase-9n-Xk :where([data-component=leadingVisual]){grid-area:leadingVisual}.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-Label-FWkx3){grid-area:text;line-height:var(--text-body-lineHeight-medium,1.5);white-space:nowrap}.prc-Button-ButtonBase-9n-Xk :where([data-component=trailingVisual]){grid-area:trailingVisual}.prc-Button-ButtonBase-9n-Xk :where([data-component=trailingAction]){margin-right:calc(var(--base-size-4,.25rem)*-1)}.prc-Button-ButtonBase-9n-Xk:where([data-size=small]){font-size:var(--text-body-size-small,.75rem);gap:var(--control-small-gap,.25rem);height:var(--control-small-size,1.75rem);padding:0 var(--control-small-paddingInline-condensed,.5rem)}.prc-Button-ButtonBase-9n-Xk:where([data-size=small]) .prc-Button-ButtonContent-Iohp5>:not(:last-child){margin-right:var(--control-small-gap,.25rem)}.prc-Button-ButtonBase-9n-Xk:where([data-size=small]) .prc-Button-Label-FWkx3{line-height:var(--text-body-lineHeight-small,1.625)}.prc-Button-ButtonBase-9n-Xk:where([data-size=large]){gap:var(--control-large-gap,.5rem);height:var(--control-large-size,2.5rem);padding:0 var(--control-large-paddingInline-spacious,1rem)}.prc-Button-ButtonBase-9n-Xk:where([data-size=large]) .prc-Button-ButtonContent-Iohp5>:not(:last-child){margin-right:var(--control-large-gap,.5rem)}.prc-Button-ButtonBase-9n-Xk:where([data-size=large]):has([data-kbd-chord]){padding-inline-end:var(--base-size-8,.5rem)}.prc-Button-ButtonBase-9n-Xk:where([data-block=block]){width:100%}.prc-Button-ButtonBase-9n-Xk:where([data-label-wrap=true]){height:unset;min-height:var(--control-medium-size,2rem);min-width:-moz-fit-content;min-width:fit-content}.prc-Button-ButtonBase-9n-Xk:where([data-label-wrap=true]) .prc-Button-ButtonContent-Iohp5{align-self:stretch;flex:1 1 auto;padding-block:calc(var(--control-medium-paddingBlock,.375rem) - var(--base-size-2,.125rem))}.prc-Button-ButtonBase-9n-Xk:where([data-label-wrap=true]) .prc-Button-Label-FWkx3{white-space:unset;word-break:break-word}.prc-Button-ButtonBase-9n-Xk:where([data-label-wrap=true]):where([data-size=small]){height:unset;min-height:var(--control-small-size,1.75rem)}.prc-Button-ButtonBase-9n-Xk:where([data-label-wrap=true]):where([data-size=small]) .prc-Button-ButtonContent-Iohp5{padding-block:calc(var(--control-small-paddingBlock,.25rem) - var(--base-size-2,.125rem))}.prc-Button-ButtonBase-9n-Xk:where([data-label-wrap=true]):where([data-size=large]){height:unset;min-height:var(--control-large-size,2.5rem);padding-inline:var(--control-large-paddingInline-spacious,1rem)}.prc-Button-ButtonBase-9n-Xk:where([data-label-wrap=true]):where([data-size=large]) .prc-Button-ButtonContent-Iohp5{padding-block:calc(var(--control-large-paddingBlock,.625rem) - var(--base-size-2,.125rem))}.prc-Button-ButtonBase-9n-Xk:where([data-loading=true]) .prc-Button-LoadingSpinner-6KfaT:not([data-component=leadingVisual],[data-component=trailingVisual],[data-component=trailingAction]){grid-area:text;margin-right:0!important;place-self:center}:is(.prc-Button-ButtonBase-9n-Xk:where([data-loading=true]) .prc-Button-LoadingSpinner-6KfaT:not([data-component=leadingVisual],[data-component=trailingVisual],[data-component=trailingAction]))+.prc-Button-Label-FWkx3{visibility:hidden}.prc-Button-ButtonBase-9n-Xk .prc-Button-LoadingSpinner-6KfaT{align-items:center;display:flex;justify-content:center}.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]){background-color:var(--button-default-bgColor-rest,#f6f8fa);box-shadow:var(--button-default-shadow-resting,0 1px 0 0 #1f23280a);color:var(--button-default-fgColor-rest,#25292e)}.prc-Button-ButtonBase-9n-Xk[aria-expanded=true]:where([data-variant=default]){background-color:var(--button-default-bgColor-active,#e6eaef);border-color:var(--button-default-borderColor-active,#d1d9e0)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]):hover{background-color:var(--button-default-bgColor-hover,#eff2f5);border-color:var(--button-default-borderColor-hover,#d1d9e0)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]):active{background-color:var(--button-default-bgColor-active,#e6eaef);border-color:var(--button-default-borderColor-active,#d1d9e0)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]):disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=default]):not([data-loading=true]){background-color:var(--button-default-bgColor-disabled,#eff2f5);border-color:var(--button-default-borderColor-disabled,#818b981a);box-shadow:none;color:var(--control-fgColor-disabled,#818b98)}:is(.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]):disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=default]):not([data-loading=true])) [data-kbd-chord]{background:var(--buttonKeybindingHint-default-bgColor-disabled,#eff2f5);border-color:var(--buttonKeybindingHint-default-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-default-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]) .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-default-bgColor-rest,#818b981f)!important}.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]) [data-kbd-chord]{background:var(--buttonKeybindingHint-default-bgColor-rest,#eff2f5);border-color:var(--buttonKeybindingHint-default-borderColor-rest,#d1d9e0b3);color:var(--buttonKeybindingHint-default-fgColor-rest,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]):where(.prc-Button-IconButton-fyge7){color:var(--fgColor-muted,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]){background-color:var(--button-primary-bgColor-rest,#1f883d);border-color:var(--button-primary-borderColor-rest,#1f232826);box-shadow:var(--shadow-resting-small,0 1px 1px 0 #1f23280a,0 1px 2px 0 #1f232808);color:var(--button-primary-fgColor-rest,#fff)}.prc-Button-ButtonBase-9n-Xk[aria-expanded=true]:where([data-variant=primary]){background-color:var(--button-primary-bgColor-active,#197935);box-shadow:var(--button-primary-shadow-selected,inset 0 1px 0 0 #002d114d)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]):hover{background-color:var(--button-primary-bgColor-hover,#1c8139);border-color:var(--button-primary-borderColor-hover,#1f232826)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]):focus-visible{box-shadow:inset 0 0 0 3px var(--fgColor-onEmphasis,#fff);outline:2px solid var(--focus-outline-color,var(--focus-outlineColor,#0969da));outline-offset:-2px}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]):active{background-color:var(--button-primary-bgColor-active,#197935);box-shadow:var(--button-primary-shadow-selected,inset 0 1px 0 0 #002d114d)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]):disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=primary]):not([data-loading=true]){background-color:var(--button-primary-bgColor-disabled,#95d8a6);border-color:var(--button-primary-borderColor-disabled,#95d8a6);box-shadow:none;color:var(--button-primary-fgColor-disabled,#ffffffcc)}:is(.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]):disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=primary]):not([data-loading=true])) [data-kbd-chord]{background:var(--buttonKeybindingHint-primary-bgColor-disabled,#002d111a);border-color:var(--buttonKeybindingHint-primary-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-primary-fgColor-disabled,#ffffffcc)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]) .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-primary-bgColor-rest,#002d1133)!important;color:var(--button-primary-fgColor-rest,#fff)!important}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]) [data-kbd-chord]{background:var(--buttonKeybindingHint-primary-bgColor-rest,#002d1133);border-color:var(--buttonKeybindingHint-primary-borderColor-rest,#1f232826);color:var(--buttonKeybindingHint-primary-fgColor-rest,#fff)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]) .prc-Button-Visual-YNt2F{color:var(--button-primary-fgColor-rest,#fff)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]){background-color:var(--button-danger-bgColor-rest,#f6f8fa);box-shadow:var(--button-default-shadow-resting,0 1px 0 0 #1f23280a);color:var(--button-danger-fgColor-rest,#d1242f)}.prc-Button-ButtonBase-9n-Xk[aria-expanded=true]:where([data-variant=danger]){background-color:var(--button-danger-bgColor-active,#a40e26);border-color:var(--button-danger-borderColor-active,#1f232826);box-shadow:var(--button-danger-shadow-selected,inset 0 1px 0 0 #4c001433);color:var(--button-danger-fgColor-active,#fff)}.prc-Button-ButtonBase-9n-Xk[aria-expanded=true]:where([data-variant=danger]) .prc-Button-Visual-YNt2F{color:var(--button-danger-iconColor-hover,#fff)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):hover{background-color:var(--button-danger-bgColor-hover,#cf222e);border-color:var(--button-danger-borderColor-hover,#1f232826);box-shadow:var(--shadow-resting-small,0 1px 1px 0 #1f23280a,0 1px 2px 0 #1f232808);color:var(--button-danger-fgColor-hover,#fff)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):hover .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-danger-bgColor-hover,#ffffff33)!important;color:var(--buttonCounter-danger-fgColor-hover,#fff)!important}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):hover [data-kbd-chord]{background:var(--buttonKeybindingHint-danger-bgColor-hover,#1f232833);border-color:var(--buttonKeybindingHint-danger-borderColor-hover,#1f232826);color:var(--buttonKeybindingHint-danger-fgColor-hover,#fff);transition:80ms ease-out}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):hover .prc-Button-Visual-YNt2F{color:var(--button-danger-iconColor-hover,#fff)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):active{background-color:var(--button-danger-bgColor-active,#a40e26);border-color:var(--button-danger-borderColor-active,#1f232826);box-shadow:var(--button-danger-shadow-selected,inset 0 1px 0 0 #4c001433);color:var(--button-danger-fgColor-active,#fff)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):active .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-danger-bgColor-hover,#ffffff33)!important;color:var(--buttonCounter-danger-fgColor-hover,#fff)!important}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):active [data-kbd-chord]{background:var(--buttonKeybindingHint-danger-bgColor-active,#1f232866);border-color:var(--buttonKeybindingHint-danger-borderColor-active,#1f232826);color:var(--buttonKeybindingHint-danger-fgColor-active,#fff);transition:80ms ease-out}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):active .prc-Button-Visual-YNt2F{color:var(--button-danger-iconColor-hover,#fff)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=danger]):not([data-loading=true]){background-color:var(--button-danger-bgColor-disabled,#eff2f5);border-color:var(--button-default-borderColor-disabled,#818b981a);box-shadow:none;color:var(--button-danger-fgColor-disabled,#d1242f80)}:is(.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=danger]):not([data-loading=true])) .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-danger-bgColor-disabled,#cf222e0d)!important;color:var(--buttonCounter-danger-fgColor-disabled,#d1242f80)!important}:is(.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=danger]):not([data-loading=true])) [data-kbd-chord]{background:var(--buttonKeybindingHint-danger-bgColor-disabled,#eff2f5);border-color:var(--buttonKeybindingHint-danger-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-danger-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]) .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-danger-bgColor-rest,#cf222e1a)!important;color:var(--buttonCounter-danger-fgColor-rest,#c21c2c)!important}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]) [data-kbd-chord]{background:var(--buttonKeybindingHint-danger-bgColor-rest,#eff2f5);border-color:var(--buttonKeybindingHint-danger-borderColor-rest,#d1d9e0b3);color:var(--buttonKeybindingHint-danger-fgColor-rest,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]) .prc-Button-Visual-YNt2F{color:var(--button-danger-iconColor-rest,#d1242f)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]){border-color:var(--button-invisible-borderColor-rest,#ffffff00);box-shadow:none;color:var(--button-default-fgColor-rest,#25292e)}.prc-Button-ButtonBase-9n-Xk[aria-expanded=true]:where([data-variant=invisible]){background-color:var(--button-invisible-bgColor-active,#818b9826)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):hover{background-color:var(--button-invisible-bgColor-hover,#818b981a);border-color:var(--button-invisible-borderColor-hover,#ffffff00)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):hover .prc-Button-Visual-YNt2F{color:var(--button-invisible-iconColor-hover,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):hover [data-kbd-chord]{background:var(--buttonKeybindingHint-invisible-bgColor-hover,#818b981a);transition:80ms ease-out}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):active{background-color:var(--button-invisible-bgColor-active,#818b9826)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):active .prc-Button-Visual-YNt2F{color:var(--button-invisible-iconColor-hover,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):active [data-kbd-chord]{background:var(--buttonKeybindingHint-invisible-bgColor-active,#818b9826);transition:80ms ease-out}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=invisible]):not([data-loading=true]){background-color:var(--button-invisible-bgColor-disabled,#ffffff00);border-color:var(--button-invisible-borderColor-disabled,#ffffff00);box-shadow:none;color:var(--button-invisible-fgColor-disabled,#818b98)}:is(.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=invisible]):not([data-loading=true])) [data-kbd-chord]{background:var(--buttonKeybindingHint-invisible-bgColor-disabled,#ffffff00);border-color:var(--buttonKeybindingHint-invisible-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-invisible-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]) .prc-Button-Visual-YNt2F{color:var(--button-invisible-iconColor-rest,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]) .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-invisible-bgColor-rest,#818b981f)!important}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]) [data-kbd-chord]{background:var(--buttonKeybindingHint-invisible-bgColor-rest,#eff2f5);border-color:var(--buttonKeybindingHint-invisible-borderColor-rest,#ffffff00);color:var(--buttonKeybindingHint-invisible-fgColor-rest,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):where(.prc-Button-IconButton-fyge7){color:var(--button-invisible-iconColor-rest,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]){border:unset;border-radius:0;color:var(--fgColor-link,#0969da);display:inline-flex;font-size:inherit;height:unset;min-width:-moz-fit-content;min-width:fit-content;padding:0;text-align:left}.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):hover:not(:disabled,[data-inactive]){-webkit-text-decoration:underline;text-decoration:underline}.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):focus,.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):focus-visible{outline-offset:2px}.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=link]):not([data-loading=true]){background-color:transparent;border-color:transparent;color:var(--control-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]) .prc-Button-Label-FWkx3{white-space:unset}.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):where([data-inactive]){background:transparent!important;color:var(--button-inactive-fgColor,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]) .prc-Button-Visual-YNt2F{color:var(--fgColor-link,#0969da)}[data-no-visuals]:is([data-a11y-link-underlines=true] .prc-Button-ButtonBase-9n-Xk:where([data-variant=link])){-webkit-text-decoration:underline;text-decoration:underline}[data-no-visuals]:is([data-a11y-link-underlines=true] .prc-Button-ButtonBase-9n-Xk:where([data-variant=link])):hover{-webkit-text-decoration:none;text-decoration:none}:is([data-a11y-link-underlines=true] .prc-Button-ButtonBase-9n-Xk:where([data-variant=link])):not([data-no-visuals]){background-image:linear-gradient(90deg,currentColor,currentColor);background-position:0 calc(100% - 2px);background-repeat:no-repeat;background-size:100% 1.5px}:is([data-a11y-link-underlines=true] .prc-Button-ButtonBase-9n-Xk:where([data-variant=link])):not([data-no-visuals]):hover{-webkit-text-decoration:none;text-decoration:none}[data-no-visuals]:is([data-a11y-link-underlines=false] .prc-Button-ButtonBase-9n-Xk:where([data-variant=link])){background-image:none;-webkit-text-decoration:none;text-decoration:none}:is([data-a11y-link-underlines=false] .prc-Button-ButtonBase-9n-Xk:where([data-variant=link])):not([data-no-visuals]){background-image:none}.prc-Button-ButtonBase-9n-Xk:where([data-inactive]),.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):active,.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):hover{background-color:var(--button-inactive-bgColor,#e6eaef);border-color:var(--button-inactive-bgColor,#e6eaef);box-shadow:none;color:var(--button-inactive-fgColor,#59636e);cursor:auto}:is(.prc-Button-ButtonBase-9n-Xk:where([data-inactive]),.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):hover,.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):active) .prc-Button-CounterLabel-5hAs4,:is(.prc-Button-ButtonBase-9n-Xk:where([data-inactive]),.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):hover,.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):active) .prc-Button-Visual-YNt2F{color:inherit!important}:is(.prc-Button-ButtonBase-9n-Xk:where([data-inactive]),.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):hover,.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):active) [data-kbd-chord]{background:var(--buttonKeybindingHint-inactive-bgColor,#eff2f5);border-color:var(--buttonKeybindingHint-inactive-borderColor,#d1d9e0b3);color:var(--buttonKeybindingHint-inactive-fgColor,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-icon-only-counter]){padding-inline:var(--control-medium-paddingInline-condensed,.5rem)}.prc-Button-ButtonBase-9n-Xk:where([data-icon-only-counter]):where([data-size=small]){padding-inline:var(--control-xsmall-paddingInline-condensed,.25rem)}.prc-Button-ButtonBase-9n-Xk:where([data-icon-only-counter]):where([data-size=large]){padding-inline:var(--control-large-paddingInline-normal,.75rem)}.prc-Button-ConditionalWrapper-Rvbgb{display:block}.prc-Button-ConditionalWrapperLink-d0qv7{display:inline-flex}[data-kbd-chord]{transition:80ms ease-in;transition-property:color,background-color,border-color}
1
+ .prc-Button-ButtonBase-9n-Xk{align-items:center;appearance:none;background-color:transparent;border:var(--borderWidth-thin,.0625rem) solid;border-color:var(--button-default-borderColor-rest,#d1d9e0);border-radius:var(--borderRadius-medium,.375rem);color:var(--button-default-fgColor-rest,#25292e);cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-medium,500);gap:var(--base-size-8,.5rem);height:var(--control-medium-size,2rem);justify-content:space-between;min-width:max-content;padding:0 var(--control-medium-paddingInline-normal,.75rem);text-align:center;-webkit-text-decoration:none;text-decoration:none;transition:80ms cubic-bezier(.65,0,.35,1);transition-property:color,fill,background-color,border-color;-webkit-user-select:none;user-select:none}.prc-Button-ButtonBase-9n-Xk:has([data-kbd-chord]){padding-inline-end:var(--base-size-6,.375rem)}.prc-Button-ButtonBase-9n-Xk:hover{transition-duration:80ms}.prc-Button-ButtonBase-9n-Xk:focus-visible{box-shadow:none;outline:2px solid var(--focus-outline-color,var(--focus-outlineColor,#0969da));outline-offset:-2px}.prc-Button-ButtonBase-9n-Xk:active{transition:none}.prc-Button-ButtonBase-9n-Xk:disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:not([data-loading=true]){box-shadow:none;cursor:not-allowed}.prc-Button-ButtonBase-9n-Xk:disabled:not(.prc-Button-does-not-exist-3ns8K) .prc-Button-CounterLabel-5hAs4,.prc-Button-ButtonBase-9n-Xk:disabled:not(.prc-Button-does-not-exist-3ns8K) .prc-Button-Visual-YNt2F,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:not([data-loading=true]) .prc-Button-CounterLabel-5hAs4,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:not([data-loading=true]) .prc-Button-Visual-YNt2F{color:inherit}@media (forced-colors:active){.prc-Button-ButtonBase-9n-Xk:focus{outline:1px solid transparent}}.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-Visual-YNt2F){color:var(--fgColor-muted,#59636e);display:flex;pointer-events:none}.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-VisualWrap-E4cnq){display:flex;pointer-events:none}.prc-Button-ButtonBase-9n-Xk:where(.prc-Button-IconButton-fyge7){display:inline-grid;flex-shrink:0;min-width:unset;padding:unset;place-content:center;width:var(--control-medium-size,2rem)}.prc-Button-ButtonBase-9n-Xk:where(.prc-Button-IconButton-fyge7):where([data-size=small]){width:var(--control-small-size,1.75rem)}.prc-Button-ButtonBase-9n-Xk:where(.prc-Button-IconButton-fyge7):where([data-size=large]){width:var(--control-large-size,2.5rem)}.prc-Button-ButtonBase-9n-Xk:where([href]){display:inline-flex}.prc-Button-ButtonBase-9n-Xk:where([href]):hover{-webkit-text-decoration:none;text-decoration:none}.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-ButtonContent-Iohp5){align-content:center;align-items:center;display:grid;flex:1 0 auto;grid-template-areas:"leadingVisual text trailingVisual";grid-template-columns:min-content minmax(0,auto) min-content}.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-ButtonContent-Iohp5)>:not(:last-child){margin-right:var(--base-size-8,.5rem)}.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-ButtonContent-Iohp5):where([data-align=center]){justify-content:center}.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-ButtonContent-Iohp5):where([data-align=start]){justify-content:flex-start}.prc-Button-ButtonBase-9n-Xk :where([data-component=leadingVisual]){grid-area:leadingVisual}.prc-Button-ButtonBase-9n-Xk :where(.prc-Button-Label-FWkx3){grid-area:text;line-height:var(--text-body-lineHeight-medium,1.5);white-space:nowrap}.prc-Button-ButtonBase-9n-Xk :where([data-component=trailingVisual]){grid-area:trailingVisual}.prc-Button-ButtonBase-9n-Xk :where([data-component=trailingAction]){margin-right:calc(var(--base-size-4,.25rem)*-1)}.prc-Button-ButtonBase-9n-Xk:where([data-size=small]){font-size:var(--text-body-size-small,.75rem);gap:var(--control-small-gap,.25rem);height:var(--control-small-size,1.75rem);padding:0 var(--control-small-paddingInline-condensed,.5rem)}.prc-Button-ButtonBase-9n-Xk:where([data-size=small]) .prc-Button-ButtonContent-Iohp5>:not(:last-child){margin-right:var(--control-small-gap,.25rem)}.prc-Button-ButtonBase-9n-Xk:where([data-size=small]) .prc-Button-Label-FWkx3{line-height:var(--text-body-lineHeight-small,1.625)}.prc-Button-ButtonBase-9n-Xk:where([data-size=large]){gap:var(--control-large-gap,.5rem);height:var(--control-large-size,2.5rem);padding:0 var(--control-large-paddingInline-spacious,1rem)}.prc-Button-ButtonBase-9n-Xk:where([data-size=large]) .prc-Button-ButtonContent-Iohp5>:not(:last-child){margin-right:var(--control-large-gap,.5rem)}.prc-Button-ButtonBase-9n-Xk:where([data-size=large]):has([data-kbd-chord]){padding-inline-end:var(--base-size-8,.5rem)}.prc-Button-ButtonBase-9n-Xk:where([data-block=block]){width:100%}.prc-Button-ButtonBase-9n-Xk:where([data-label-wrap=true]){height:unset;min-height:var(--control-medium-size,2rem);min-width:-moz-fit-content;min-width:fit-content}.prc-Button-ButtonBase-9n-Xk:where([data-label-wrap=true]) .prc-Button-ButtonContent-Iohp5{align-self:stretch;flex:1 1 auto;padding-block:calc(var(--control-medium-paddingBlock,.375rem) - var(--base-size-2,.125rem))}.prc-Button-ButtonBase-9n-Xk:where([data-label-wrap=true]) .prc-Button-Label-FWkx3{white-space:unset;word-break:break-word}.prc-Button-ButtonBase-9n-Xk:where([data-label-wrap=true]):where([data-size=small]){height:unset;min-height:var(--control-small-size,1.75rem)}.prc-Button-ButtonBase-9n-Xk:where([data-label-wrap=true]):where([data-size=small]) .prc-Button-ButtonContent-Iohp5{padding-block:calc(var(--control-small-paddingBlock,.25rem) - var(--base-size-2,.125rem))}.prc-Button-ButtonBase-9n-Xk:where([data-label-wrap=true]):where([data-size=large]){height:unset;min-height:var(--control-large-size,2.5rem);padding-inline:var(--control-large-paddingInline-spacious,1rem)}.prc-Button-ButtonBase-9n-Xk:where([data-label-wrap=true]):where([data-size=large]) .prc-Button-ButtonContent-Iohp5{padding-block:calc(var(--control-large-paddingBlock,.625rem) - var(--base-size-2,.125rem))}.prc-Button-ButtonBase-9n-Xk:where([data-loading=true]) .prc-Button-LoadingSpinner-6KfaT:not([data-component=leadingVisual],[data-component=trailingVisual],[data-component=trailingAction]){grid-area:text;margin-right:0!important;place-self:center}.prc-Button-ButtonBase-9n-Xk:where([data-loading=true]) .prc-Button-LoadingSpinner-6KfaT:not([data-component=leadingVisual],[data-component=trailingVisual],[data-component=trailingAction])+.prc-Button-Label-FWkx3{visibility:hidden}.prc-Button-ButtonBase-9n-Xk .prc-Button-LoadingSpinner-6KfaT{align-items:center;display:flex;justify-content:center}.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]){background-color:var(--button-default-bgColor-rest,#f6f8fa);box-shadow:var(--button-default-shadow-resting,0 1px 0 0 #1f23280a);color:var(--button-default-fgColor-rest,#25292e)}.prc-Button-ButtonBase-9n-Xk[aria-expanded=true]:where([data-variant=default]){background-color:var(--button-default-bgColor-active,#e6eaef);border-color:var(--button-default-borderColor-active,#d1d9e0)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]):hover{background-color:var(--button-default-bgColor-hover,#eff2f5);border-color:var(--button-default-borderColor-hover,#d1d9e0)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]):active{background-color:var(--button-default-bgColor-active,#e6eaef);border-color:var(--button-default-borderColor-active,#d1d9e0)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]):disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=default]):not([data-loading=true]){background-color:var(--button-default-bgColor-disabled,#eff2f5);border-color:var(--button-default-borderColor-disabled,#818b981a);box-shadow:none;color:var(--control-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]):disabled:not(.prc-Button-does-not-exist-3ns8K) [data-kbd-chord]{background:var(--buttonKeybindingHint-default-bgColor-disabled,#eff2f5);border-color:var(--buttonKeybindingHint-default-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-default-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=default]):not([data-loading=true]) [data-kbd-chord]{background:var(--buttonKeybindingHint-default-bgColor-disabled,#eff2f5);border-color:var(--buttonKeybindingHint-default-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-default-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]) .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-default-bgColor-rest,#818b981f)!important}.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]) [data-kbd-chord]{background:var(--buttonKeybindingHint-default-bgColor-rest,#eff2f5);border-color:var(--buttonKeybindingHint-default-borderColor-rest,#d1d9e0b3);color:var(--buttonKeybindingHint-default-fgColor-rest,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=default]):where(.prc-Button-IconButton-fyge7){color:var(--fgColor-muted,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]){background-color:var(--button-primary-bgColor-rest,#1f883d);border-color:var(--button-primary-borderColor-rest,#1f232826);box-shadow:var(--shadow-resting-small,0 1px 1px 0 #1f23280a,0 1px 2px 0 #1f232808);color:var(--button-primary-fgColor-rest,#fff)}.prc-Button-ButtonBase-9n-Xk[aria-expanded=true]:where([data-variant=primary]){background-color:var(--button-primary-bgColor-active,#197935);box-shadow:var(--button-primary-shadow-selected,inset 0 1px 0 0 #002d114d)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]):hover{background-color:var(--button-primary-bgColor-hover,#1c8139);border-color:var(--button-primary-borderColor-hover,#1f232826)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]):focus-visible{box-shadow:inset 0 0 0 3px var(--fgColor-onEmphasis,#fff);outline:2px solid var(--focus-outline-color,var(--focus-outlineColor,#0969da));outline-offset:-2px}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]):active{background-color:var(--button-primary-bgColor-active,#197935);box-shadow:var(--button-primary-shadow-selected,inset 0 1px 0 0 #002d114d)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]):disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=primary]):not([data-loading=true]){background-color:var(--button-primary-bgColor-disabled,#95d8a6);border-color:var(--button-primary-borderColor-disabled,#95d8a6);box-shadow:none;color:var(--button-primary-fgColor-disabled,#ffffffcc)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]):disabled:not(.prc-Button-does-not-exist-3ns8K) [data-kbd-chord]{background:var(--buttonKeybindingHint-primary-bgColor-disabled,#002d111a);border-color:var(--buttonKeybindingHint-primary-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-primary-fgColor-disabled,#ffffffcc)}.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=primary]):not([data-loading=true]) [data-kbd-chord]{background:var(--buttonKeybindingHint-primary-bgColor-disabled,#002d111a);border-color:var(--buttonKeybindingHint-primary-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-primary-fgColor-disabled,#ffffffcc)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]) .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-primary-bgColor-rest,#002d1133)!important;color:var(--button-primary-fgColor-rest,#fff)!important}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]) [data-kbd-chord]{background:var(--buttonKeybindingHint-primary-bgColor-rest,#002d1133);border-color:var(--buttonKeybindingHint-primary-borderColor-rest,#1f232826);color:var(--buttonKeybindingHint-primary-fgColor-rest,#fff)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=primary]) .prc-Button-Visual-YNt2F{color:var(--button-primary-fgColor-rest,#fff)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]){background-color:var(--button-danger-bgColor-rest,#f6f8fa);box-shadow:var(--button-default-shadow-resting,0 1px 0 0 #1f23280a);color:var(--button-danger-fgColor-rest,#d1242f)}.prc-Button-ButtonBase-9n-Xk[aria-expanded=true]:where([data-variant=danger]){background-color:var(--button-danger-bgColor-active,#a40e26);border-color:var(--button-danger-borderColor-active,#1f232826);box-shadow:var(--button-danger-shadow-selected,inset 0 1px 0 0 #4c001433);color:var(--button-danger-fgColor-active,#fff)}.prc-Button-ButtonBase-9n-Xk[aria-expanded=true]:where([data-variant=danger]) .prc-Button-Visual-YNt2F{color:var(--button-danger-iconColor-hover,#fff)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):hover{background-color:var(--button-danger-bgColor-hover,#cf222e);border-color:var(--button-danger-borderColor-hover,#1f232826);box-shadow:var(--shadow-resting-small,0 1px 1px 0 #1f23280a,0 1px 2px 0 #1f232808);color:var(--button-danger-fgColor-hover,#fff)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):hover .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-danger-bgColor-hover,#ffffff33)!important;color:var(--buttonCounter-danger-fgColor-hover,#fff)!important}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):hover [data-kbd-chord]{background:var(--buttonKeybindingHint-danger-bgColor-hover,#1f232833);border-color:var(--buttonKeybindingHint-danger-borderColor-hover,#1f232826);color:var(--buttonKeybindingHint-danger-fgColor-hover,#fff);transition:80ms ease-out}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):hover .prc-Button-Visual-YNt2F{color:var(--button-danger-iconColor-hover,#fff)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):active{background-color:var(--button-danger-bgColor-active,#a40e26);border-color:var(--button-danger-borderColor-active,#1f232826);box-shadow:var(--button-danger-shadow-selected,inset 0 1px 0 0 #4c001433);color:var(--button-danger-fgColor-active,#fff)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):active .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-danger-bgColor-hover,#ffffff33)!important;color:var(--buttonCounter-danger-fgColor-hover,#fff)!important}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):active [data-kbd-chord]{background:var(--buttonKeybindingHint-danger-bgColor-active,#1f232866);border-color:var(--buttonKeybindingHint-danger-borderColor-active,#1f232826);color:var(--buttonKeybindingHint-danger-fgColor-active,#fff);transition:80ms ease-out}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):active .prc-Button-Visual-YNt2F{color:var(--button-danger-iconColor-hover,#fff)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=danger]):not([data-loading=true]){background-color:var(--button-danger-bgColor-disabled,#eff2f5);border-color:var(--button-default-borderColor-disabled,#818b981a);box-shadow:none;color:var(--button-danger-fgColor-disabled,#d1242f80)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):disabled:not(.prc-Button-does-not-exist-3ns8K) .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-danger-bgColor-disabled,#cf222e0d)!important;color:var(--buttonCounter-danger-fgColor-disabled,#d1242f80)!important}.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=danger]):not([data-loading=true]) .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-danger-bgColor-disabled,#cf222e0d)!important;color:var(--buttonCounter-danger-fgColor-disabled,#d1242f80)!important}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]):disabled:not(.prc-Button-does-not-exist-3ns8K) [data-kbd-chord]{background:var(--buttonKeybindingHint-danger-bgColor-disabled,#eff2f5);border-color:var(--buttonKeybindingHint-danger-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-danger-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=danger]):not([data-loading=true]) [data-kbd-chord]{background:var(--buttonKeybindingHint-danger-bgColor-disabled,#eff2f5);border-color:var(--buttonKeybindingHint-danger-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-danger-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]) .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-danger-bgColor-rest,#cf222e1a)!important;color:var(--buttonCounter-danger-fgColor-rest,#c21c2c)!important}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]) [data-kbd-chord]{background:var(--buttonKeybindingHint-danger-bgColor-rest,#eff2f5);border-color:var(--buttonKeybindingHint-danger-borderColor-rest,#d1d9e0b3);color:var(--buttonKeybindingHint-danger-fgColor-rest,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=danger]) .prc-Button-Visual-YNt2F{color:var(--button-danger-iconColor-rest,#d1242f)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]){border-color:var(--button-invisible-borderColor-rest,#ffffff00);box-shadow:none;color:var(--button-default-fgColor-rest,#25292e)}.prc-Button-ButtonBase-9n-Xk[aria-expanded=true]:where([data-variant=invisible]){background-color:var(--button-invisible-bgColor-active,#818b9826)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):hover{background-color:var(--button-invisible-bgColor-hover,#818b981a);border-color:var(--button-invisible-borderColor-hover,#ffffff00)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):hover .prc-Button-Visual-YNt2F{color:var(--button-invisible-iconColor-hover,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):hover [data-kbd-chord]{background:var(--buttonKeybindingHint-invisible-bgColor-hover,#818b981a);transition:80ms ease-out}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):active{background-color:var(--button-invisible-bgColor-active,#818b9826)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):active .prc-Button-Visual-YNt2F{color:var(--button-invisible-iconColor-hover,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):active [data-kbd-chord]{background:var(--buttonKeybindingHint-invisible-bgColor-active,#818b9826);transition:80ms ease-out}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=invisible]):not([data-loading=true]){background-color:var(--button-invisible-bgColor-disabled,#ffffff00);border-color:var(--button-invisible-borderColor-disabled,#ffffff00);box-shadow:none;color:var(--button-invisible-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):disabled:not(.prc-Button-does-not-exist-3ns8K) [data-kbd-chord]{background:var(--buttonKeybindingHint-invisible-bgColor-disabled,#ffffff00);border-color:var(--buttonKeybindingHint-invisible-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-invisible-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=invisible]):not([data-loading=true]) [data-kbd-chord]{background:var(--buttonKeybindingHint-invisible-bgColor-disabled,#ffffff00);border-color:var(--buttonKeybindingHint-invisible-borderColor-disabled,#818b981a);color:var(--buttonKeybindingHint-invisible-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]) .prc-Button-Visual-YNt2F{color:var(--button-invisible-iconColor-rest,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]) .prc-Button-CounterLabel-5hAs4{background-color:var(--buttonCounter-invisible-bgColor-rest,#818b981f)!important}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]) [data-kbd-chord]{background:var(--buttonKeybindingHint-invisible-bgColor-rest,#eff2f5);border-color:var(--buttonKeybindingHint-invisible-borderColor-rest,#ffffff00);color:var(--buttonKeybindingHint-invisible-fgColor-rest,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=invisible]):where(.prc-Button-IconButton-fyge7){color:var(--button-invisible-iconColor-rest,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]){border:unset;border-radius:0;color:var(--fgColor-link,#0969da);display:inline-flex;font-size:inherit;height:unset;min-width:-moz-fit-content;min-width:fit-content;padding:0;text-align:left}.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):hover:not(:disabled,[data-inactive]){-webkit-text-decoration:underline;text-decoration:underline}.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):focus,.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):focus-visible{outline-offset:2px}.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):disabled,.prc-Button-ButtonBase-9n-Xk[aria-disabled=true]:where([data-variant=link]):not([data-loading=true]){background-color:transparent;border-color:transparent;color:var(--control-fgColor-disabled,#818b98)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]) .prc-Button-Label-FWkx3{white-space:unset}.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):where([data-inactive]){background:transparent!important;color:var(--button-inactive-fgColor,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-variant=link]) .prc-Button-Visual-YNt2F{color:var(--fgColor-link,#0969da)}[data-a11y-link-underlines=true] .prc-Button-ButtonBase-9n-Xk[data-no-visuals]:where([data-variant=link]){-webkit-text-decoration:underline;text-decoration:underline}[data-a11y-link-underlines=true] .prc-Button-ButtonBase-9n-Xk[data-no-visuals]:where([data-variant=link]):hover{-webkit-text-decoration:none;text-decoration:none}[data-a11y-link-underlines=true] .prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):not([data-no-visuals]){background-image:linear-gradient(90deg,currentColor,currentColor);background-position:0 calc(100% - 2px);background-repeat:no-repeat;background-size:100% 1.5px}[data-a11y-link-underlines=true] .prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):not([data-no-visuals]):hover{-webkit-text-decoration:none;text-decoration:none}[data-a11y-link-underlines=false] .prc-Button-ButtonBase-9n-Xk[data-no-visuals]:where([data-variant=link]){background-image:none;-webkit-text-decoration:none;text-decoration:none}[data-a11y-link-underlines=false] .prc-Button-ButtonBase-9n-Xk:where([data-variant=link]):not([data-no-visuals]){background-image:none}.prc-Button-ButtonBase-9n-Xk:where([data-inactive]),.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):active,.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):hover{background-color:var(--button-inactive-bgColor,#e6eaef);border-color:var(--button-inactive-bgColor,#e6eaef);box-shadow:none;color:var(--button-inactive-fgColor,#59636e);cursor:auto}.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):not(.prc-Button-does-not-exist-3ns8K) .prc-Button-Visual-YNt2F{color:inherit!important}.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):hover .prc-Button-Visual-YNt2F{color:inherit!important}.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):active .prc-Button-Visual-YNt2F{color:inherit!important}.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):not(.prc-Button-does-not-exist-3ns8K) .prc-Button-CounterLabel-5hAs4{color:inherit!important}.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):hover .prc-Button-CounterLabel-5hAs4{color:inherit!important}.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):active .prc-Button-CounterLabel-5hAs4{color:inherit!important}.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):not(.prc-Button-does-not-exist-3ns8K) [data-kbd-chord]{background:var(--buttonKeybindingHint-inactive-bgColor,#eff2f5);border-color:var(--buttonKeybindingHint-inactive-borderColor,#d1d9e0b3);color:var(--buttonKeybindingHint-inactive-fgColor,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):hover [data-kbd-chord]{background:var(--buttonKeybindingHint-inactive-bgColor,#eff2f5);border-color:var(--buttonKeybindingHint-inactive-borderColor,#d1d9e0b3);color:var(--buttonKeybindingHint-inactive-fgColor,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-inactive]):active [data-kbd-chord]{background:var(--buttonKeybindingHint-inactive-bgColor,#eff2f5);border-color:var(--buttonKeybindingHint-inactive-borderColor,#d1d9e0b3);color:var(--buttonKeybindingHint-inactive-fgColor,#59636e)}.prc-Button-ButtonBase-9n-Xk:where([data-icon-only-counter]){padding-inline:var(--control-medium-paddingInline-condensed,.5rem)}.prc-Button-ButtonBase-9n-Xk:where([data-icon-only-counter]):where([data-size=small]){padding-inline:var(--control-xsmall-paddingInline-condensed,.25rem)}.prc-Button-ButtonBase-9n-Xk:where([data-icon-only-counter]):where([data-size=large]){padding-inline:var(--control-large-paddingInline-normal,.75rem)}.prc-Button-ConditionalWrapper-Rvbgb{display:block}.prc-Button-ConditionalWrapperLink-d0qv7{display:inline-flex}[data-kbd-chord]{transition:80ms ease-in;transition-property:color,background-color,border-color}
2
2
  /*# sourceMappingURL=ButtonBase-311501b9.css.map */