@primer/react 38.29.0-rc.d35810c2f → 38.29.0-rc.dc2cb3e06

package/dist/KeybindingHint/components/utils.d.ts

@@ -0,0 +1,8 @@
+import type { Platform } from '../platform';
+/** Split and sort the chord keys in standard order. */
+export declare const splitChord: (chord: string) => string[];
+/** Plain string version of `Chord` for use in `aria` string attributes. */
+export declare const accessibleChordString: (chord: string, platform: Platform) => string;
+/** Plain string version of `Sequence` for use in `aria` string attributes. */
+export declare const accessibleSequenceString: (sequence: string, platform: Platform) => string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/KeybindingHint/components/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/KeybindingHint/components/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;AAoBzC,uDAAuD;AACvD,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,aAIT,CAAA;AAI/B,2EAA2E;AAC3E,eAAO,MAAM,qBAAqB,GAAI,OAAO,MAAM,EAAE,UAAU,QAAQ,WAGzD,CAAA;AAEd,8EAA8E;AAC9E,eAAO,MAAM,wBAAwB,GAAI,UAAU,MAAM,EAAE,UAAU,QAAQ,WAG1D,CAAA"}

package/dist/KeybindingHint/components/utils.js

@@ -0,0 +1,32 @@
+import { accessibleKeyName } from '../key-names.js';
+
+/**
+ * Consistent sort order for modifier keys. There should never be more than one non-modifier
+ * key in a chord, so we don't need to worry about sorting those - we just put them at
+ * the end.
+ */
+const keySortPriorities = {
+  control: 1,
+  meta: 2,
+  alt: 3,
+  option: 4,
+  shift: 5,
+  function: 6
+};
+const keySortPriority = priority => {
+  var _keySortPriorities$pr;
+  return (_keySortPriorities$pr = keySortPriorities[priority]) !== null && _keySortPriorities$pr !== void 0 ? _keySortPriorities$pr : Infinity;
+};
+const compareLowercaseKeys = (a, b) => keySortPriority(a) - keySortPriority(b);
+
+/** Split and sort the chord keys in standard order. */
+const splitChord = chord => chord.split('+').map(k => k.toLowerCase()).sort(compareLowercaseKeys);
+const splitSequence = sequence => sequence.split(' ');
+
+/** Plain string version of `Chord` for use in `aria` string attributes. */
+const accessibleChordString = (chord, platform) => splitChord(chord).map(key => accessibleKeyName(key, platform)).join(' ');
+
+/** Plain string version of `Sequence` for use in `aria` string attributes. */
+const accessibleSequenceString = (sequence, platform) => splitSequence(sequence).map(chord => accessibleChordString(chord, platform)).join(' then ');
+
+export { accessibleChordString, accessibleSequenceString, splitChord };

package/dist/KeybindingHint/index.d.ts

@@ -1,3 +1,4 @@
-export * from './KeybindingHint';
+export { KeybindingHint } from './KeybindingHint';
+export { getAccessibleKeybindingHintString } from './utils';
 export type { KeybindingHintProps } from './props';
 //# sourceMappingURL=index.d.ts.map

package/dist/KeybindingHint/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/KeybindingHint/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAEhC,YAAY,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/KeybindingHint/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAC,iCAAiC,EAAC,MAAM,SAAS,CAAA;AAEzD,YAAY,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA"}

package/dist/KeybindingHint/utils.d.ts

@@ -0,0 +1,15 @@
+import type { Platform } from './platform';
+/**
+ * AVOID: `KeybindingHint` is nearly always sufficient for providing both visible and accessible keyboard hints.
+ * However, there may be cases where we need a plain string version, such as when building `aria-label` or
+ * `aria-description`. In that case, this plain string builder can be used instead.
+ *
+ * NOTE that this string should _only_ be used when building `aria-label` or `aria-description` props (never rendered
+ * visibly) and should nearly always also be paired with a visible hint for sighted users.
+ *
+ * The `platform` argument controls how platform-specific keys (such as `Meta`, `Alt`, and `Mod`) are named. For
+ * backwards compatibility, a `boolean` may be passed instead, where `true` is treated as `'apple'` and `false` is
+ * treated as `'other'`.
+ */
+export declare const getAccessibleKeybindingHintString: (sequence: string, platform: Platform | boolean) => string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/KeybindingHint/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/KeybindingHint/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AAExC;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,iCAAiC,GAAI,UAAU,MAAM,EAAE,UAAU,QAAQ,GAAG,OAAO,WACe,CAAA"}

package/dist/KeybindingHint/utils.js

@@ -0,0 +1,17 @@
+import { accessibleSequenceString } from './components/utils.js';
+
+/**
+ * AVOID: `KeybindingHint` is nearly always sufficient for providing both visible and accessible keyboard hints.
+ * However, there may be cases where we need a plain string version, such as when building `aria-label` or
+ * `aria-description`. In that case, this plain string builder can be used instead.
+ *
+ * NOTE that this string should _only_ be used when building `aria-label` or `aria-description` props (never rendered
+ * visibly) and should nearly always also be paired with a visible hint for sighted users.
+ *
+ * The `platform` argument controls how platform-specific keys (such as `Meta`, `Alt`, and `Mod`) are named. For
+ * backwards compatibility, a `boolean` may be passed instead, where `true` is treated as `'apple'` and `false` is
+ * treated as `'other'`.
+ */
+const getAccessibleKeybindingHintString = (sequence, platform) => accessibleSequenceString(sequence, typeof platform === 'boolean' ? platform ? 'apple' : 'other' : platform);
+
+export { getAccessibleKeybindingHintString };

package/dist/Overlay/Overlay.d.ts

@@ -4,6 +4,7 @@ import type { AriaRole, Merge } from '../utils/types';
 import type { TouchOrMouseEvent } from '../hooks';
 import type { AnchorSide } from '@primer/behaviors';
 import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
+import type { heightMap, widthMap } from './constants';
 type StyledOverlayProps = {
     width?: keyof typeof widthMap;
     height?: keyof typeof heightMap;
@@ -13,24 +14,6 @@ type StyledOverlayProps = {
     overflow?: 'auto' | 'hidden' | 'scroll' | 'visible';
     style?: React.CSSProperties;
 };
-export declare const heightMap: {
-    xsmall: string;
-    small: string;
-    medium: string;
-    large: string;
-    xlarge: string;
-    auto: string;
-    initial: string;
-    'fit-content': string;
-};
-export declare const widthMap: {
-    small: string;
-    medium: string;
-    large: string;
-    xlarge: string;
-    xxlarge: string;
-    auto: string;
-};
 type BaseOverlayProps = {
     visibility?: 'visible' | 'hidden';
     'data-test-id'?: unknown;

package/dist/Overlay/Overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../src/Overlay/Overlay.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../src/Overlay/Overlay.tsx"],"names":[],"mappings":"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"}

package/dist/Overlay/Overlay.js

@@ -9,25 +9,6 @@ import { useMergedRefs } from '../hooks/useMergedRefs.js';
 import { useFeatureFlag } from '../FeatureFlags/useFeatureFlag.js';
 import { useOverlay } from '../hooks/useOverlay.js';
 
-const heightMap = {
-  xsmall: '192px',
-  small: '256px',
-  medium: '320px',
-  large: '432px',
-  xlarge: '600px',
-  auto: 'auto',
-  initial: 'auto',
-  // Passing 'initial' initially applies 'auto'
-  'fit-content': 'fit-content'
-};
-const widthMap = {
-  small: '256px',
-  medium: '320px',
-  large: '480px',
-  xlarge: '640px',
-  xxlarge: '960px',
-  auto: 'auto'
-};
 const animationDuration = 200;
 function getSlideAnimationStartingVector(anchorSide) {
   if (anchorSide !== null && anchorSide !== void 0 && anchorSide.endsWith('bottom')) {
@@ -329,4 +310,4 @@ const Overlay = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
   return t13;
 });
 
-export { BaseOverlay, Overlay as default, heightMap, widthMap };
+export { BaseOverlay, Overlay as default };

package/dist/Overlay/constants.d.ts

@@ -0,0 +1,19 @@
+export declare const heightMap: {
+    xsmall: string;
+    small: string;
+    medium: string;
+    large: string;
+    xlarge: string;
+    auto: string;
+    initial: string;
+    'fit-content': string;
+};
+export declare const widthMap: {
+    small: string;
+    medium: string;
+    large: string;
+    xlarge: string;
+    xxlarge: string;
+    auto: string;
+};
+//# sourceMappingURL=constants.d.ts.map

package/dist/Overlay/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/Overlay/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;CASrB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;CAOpB,CAAA"}

package/dist/Overlay/constants.js

@@ -0,0 +1,20 @@
+const heightMap = {
+  xsmall: '192px',
+  small: '256px',
+  medium: '320px',
+  large: '432px',
+  xlarge: '600px',
+  auto: 'auto',
+  initial: 'auto',
+  'fit-content': 'fit-content'
+};
+const widthMap = {
+  small: '256px',
+  medium: '320px',
+  large: '480px',
+  xlarge: '640px',
+  xxlarge: '960px',
+  auto: 'auto'
+};
+
+export { heightMap, widthMap };

package/dist/Portal/Portal.d.ts

@@ -1,18 +1,4 @@
 import React from 'react';
-/**
- * Register a container to serve as a portal root.
- * @param root The element that will be the root for portals created in this container
- * @param name The name of the container, to be used with the `containerName` prop on the Portal Component.
- * If name is not specified, registers the default portal root.
- */
-export declare function registerPortalRoot(root: Element, name?: string): void;
-/**
- * Provides the ability for component trees to override the portal root container for a sub-set of the experience.
- * The portal will prioritize the context value unless overridden by their own `containerName` prop, and fallback to the default root if neither are specified
- */
-export declare const PortalContext: React.Context<{
-    portalContainerName?: string;
-}>;
 export interface PortalProps {
     /**
      * Called when this portal is added to the DOM

package/dist/Portal/Portal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../src/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AASvC;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,SAAgC,GAAG,IAAI,CAE5F;AA4BD;;;GAGG;AACH,eAAO,MAAM,aAAa;0BACF,MAAM;EACxB,CAAA;AAEN,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CA6CjE,CAAA"}
+{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../src/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CA6CjE,CAAA"}

package/dist/Portal/Portal.js

@@ -1,51 +1,9 @@
 import React, { useContext } from 'react';
 import { createPortal } from 'react-dom';
 import useIsomorphicLayoutEffect from '../utils/useIsomorphicLayoutEffect.js';
+import { PortalContext } from './PortalContext.js';
+import { DEFAULT_PORTAL_CONTAINER_NAME, ensureDefaultPortal, getPortalRoot } from './portalRoot.js';
 
-const PRIMER_PORTAL_ROOT_ID = '__primerPortalRoot__';
-const DEFAULT_PORTAL_CONTAINER_NAME = '__default__';
-const portalRootRegistry = {};
-
-/**
- * Register a container to serve as a portal root.
- * @param root The element that will be the root for portals created in this container
- * @param name The name of the container, to be used with the `containerName` prop on the Portal Component.
- * If name is not specified, registers the default portal root.
- */
-function registerPortalRoot(root, name = DEFAULT_PORTAL_CONTAINER_NAME) {
-  portalRootRegistry[name] = root;
-}
-
-// Ensures that a default portal root exists and is registered. If a DOM element exists
-// with id __primerPortalRoot__, allow that element to serve as the default portal root.
-// Otherwise, create that element and attach it to the end of document.body.
-function ensureDefaultPortal() {
-  const existingDefaultPortalContainer = portalRootRegistry[DEFAULT_PORTAL_CONTAINER_NAME];
-  if (!existingDefaultPortalContainer || !document.body.contains(existingDefaultPortalContainer)) {
-    let defaultPortalContainer = document.getElementById(PRIMER_PORTAL_ROOT_ID);
-    if (!(defaultPortalContainer instanceof Element)) {
-      defaultPortalContainer = document.createElement('div');
-      defaultPortalContainer.setAttribute('id', PRIMER_PORTAL_ROOT_ID);
-      defaultPortalContainer.style.position = 'absolute';
-      defaultPortalContainer.style.top = '0';
-      defaultPortalContainer.style.left = '0';
-      defaultPortalContainer.style.width = '100%';
-      const suitablePortalRoot = document.querySelector('[data-portal-root]');
-      if (suitablePortalRoot) {
-        suitablePortalRoot.appendChild(defaultPortalContainer);
-      } else {
-        document.body.appendChild(defaultPortalContainer);
-      }
-    }
-    registerPortalRoot(defaultPortalContainer);
-  }
-}
-
-/**
- * Provides the ability for component trees to override the portal root container for a sub-set of the experience.
- * The portal will prioritize the context value unless overridden by their own `containerName` prop, and fallback to the default root if neither are specified
- */
-const PortalContext = /*#__PURE__*/React.createContext({});
 /**
  * Creates a React Portal, placing all children in a separate physical DOM root node.
  * @see https://reactjs.org/docs/portals.html
@@ -79,7 +37,7 @@ const Portal = ({
       containerName = DEFAULT_PORTAL_CONTAINER_NAME;
       ensureDefaultPortal();
     }
-    const parentElement = portalRootRegistry[containerName];
+    const parentElement = getPortalRoot(containerName);
     if (!parentElement) {
       throw new Error(`Portal container '${containerName}' is not yet registered. Container must be registered with registerPortalRoot before use.`);
     }
@@ -93,4 +51,4 @@ const Portal = ({
   return /*#__PURE__*/createPortal(children, element);
 };
 
-export { Portal, PortalContext, registerPortalRoot };
+export { Portal };

package/dist/Portal/PortalContext.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const PortalContext: React.Context<{
+    portalContainerName?: string;
+}>;
+//# sourceMappingURL=PortalContext.d.ts.map

package/dist/Portal/PortalContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalContext.d.ts","sourceRoot":"","sources":["../../src/Portal/PortalContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,aAAa;0BACF,MAAM;EACxB,CAAA"}

package/dist/Portal/PortalContext.js

@@ -0,0 +1,5 @@
+import React from 'react';
+
+const PortalContext = /*#__PURE__*/React.createContext({});
+
+export { PortalContext };

package/dist/Portal/index.d.ts

@@ -1,5 +1,7 @@
 import type { PortalProps } from './Portal';
-import { Portal, registerPortalRoot, PortalContext } from './Portal';
+import { Portal } from './Portal';
+import { PortalContext } from './PortalContext';
+import { registerPortalRoot } from './portalRoot';
 export default Portal;
 export { registerPortalRoot };
 export type { PortalProps };

package/dist/Portal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Portal/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAA;AACzC,OAAO,EAAC,MAAM,EAAE,kBAAkB,EAAE,aAAa,EAAC,MAAM,UAAU,CAAA;AAElE,eAAe,MAAM,CAAA;AACrB,OAAO,EAAC,kBAAkB,EAAC,CAAA;AAC3B,YAAY,EAAC,WAAW,EAAC,CAAA;AACzB,OAAO,EAAC,aAAa,EAAC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Portal/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAA;AACzC,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAC/B,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAC,kBAAkB,EAAC,MAAM,cAAc,CAAA;AAE/C,eAAe,MAAM,CAAA;AACrB,OAAO,EAAC,kBAAkB,EAAC,CAAA;AAC3B,YAAY,EAAC,WAAW,EAAC,CAAA;AACzB,OAAO,EAAC,aAAa,EAAC,CAAA"}

package/dist/Portal/index.js

@@ -1,5 +1,4 @@
 import { Portal } from './Portal.js';
-export { PortalContext, registerPortalRoot } from './Portal.js';
 
 
 

package/dist/Portal/portalRoot.d.ts

@@ -0,0 +1,11 @@
+export declare const DEFAULT_PORTAL_CONTAINER_NAME = "__default__";
+/**
+ * Register a container to serve as a portal root.
+ * @param root The element that will be the root for portals created in this container
+ * @param name The name of the container, to be used with the `containerName` prop on the Portal Component.
+ * If name is not specified, registers the default portal root.
+ */
+export declare function registerPortalRoot(root: Element, name?: string): void;
+export declare function ensureDefaultPortal(): void;
+export declare function getPortalRoot(name: string): Element | undefined;
+//# sourceMappingURL=portalRoot.d.ts.map

package/dist/Portal/portalRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portalRoot.d.ts","sourceRoot":"","sources":["../../src/Portal/portalRoot.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,6BAA6B,gBAAgB,CAAA;AAI1D;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,SAAgC,GAAG,IAAI,CAE5F;AAED,wBAAgB,mBAAmB,SAqBlC;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,uBAEzC"}

package/dist/Portal/portalRoot.js

@@ -0,0 +1,39 @@
+const PRIMER_PORTAL_ROOT_ID = '__primerPortalRoot__';
+const DEFAULT_PORTAL_CONTAINER_NAME = '__default__';
+const portalRootRegistry = {};
+
+/**
+ * Register a container to serve as a portal root.
+ * @param root The element that will be the root for portals created in this container
+ * @param name The name of the container, to be used with the `containerName` prop on the Portal Component.
+ * If name is not specified, registers the default portal root.
+ */
+function registerPortalRoot(root, name = DEFAULT_PORTAL_CONTAINER_NAME) {
+  portalRootRegistry[name] = root;
+}
+function ensureDefaultPortal() {
+  const existingDefaultPortalContainer = portalRootRegistry[DEFAULT_PORTAL_CONTAINER_NAME];
+  if (!existingDefaultPortalContainer || !document.body.contains(existingDefaultPortalContainer)) {
+    let defaultPortalContainer = document.getElementById(PRIMER_PORTAL_ROOT_ID);
+    if (!(defaultPortalContainer instanceof Element)) {
+      defaultPortalContainer = document.createElement('div');
+      defaultPortalContainer.setAttribute('id', PRIMER_PORTAL_ROOT_ID);
+      defaultPortalContainer.style.position = 'absolute';
+      defaultPortalContainer.style.top = '0';
+      defaultPortalContainer.style.left = '0';
+      defaultPortalContainer.style.width = '100%';
+      const suitablePortalRoot = document.querySelector('[data-portal-root]');
+      if (suitablePortalRoot) {
+        suitablePortalRoot.appendChild(defaultPortalContainer);
+      } else {
+        document.body.appendChild(defaultPortalContainer);
+      }
+    }
+    registerPortalRoot(defaultPortalContainer);
+  }
+}
+function getPortalRoot(name) {
+  return portalRootRegistry[name];
+}
+
+export { DEFAULT_PORTAL_CONTAINER_NAME, ensureDefaultPortal, getPortalRoot, registerPortalRoot };

package/dist/Radio/Radio.js

@@ -1,6 +1,6 @@
 import { c } from 'react-compiler-runtime';
 import React, { useContext } from 'react';
-import { RadioGroupContext } from '../RadioGroup/RadioGroup.js';
+import { RadioGroupContext } from '../RadioGroup/RadioGroupContext.js';
 import { clsx } from 'clsx';
 import sharedClasses from '../Checkbox/shared.module.css.js';
 import classes from './Radio.module.css.js';

package/dist/RadioGroup/RadioGroup.d.ts

@@ -1,4 +1,4 @@
-import type { ChangeEvent, ChangeEventHandler, FC } from 'react';
+import type { ChangeEvent, FC } from 'react';
 import type React from 'react';
 import type { CheckboxOrRadioGroupProps } from '../internal/components/CheckboxOrRadioGroup';
 export type RadioGroupProps = {
@@ -11,11 +11,6 @@ export type RadioGroupProps = {
      */
     name: string;
 } & CheckboxOrRadioGroupProps;
-export declare const RadioGroupContext: React.Context<{
-    disabled?: boolean;
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    name: string;
-} | null>;
 declare const _default: FC<React.PropsWithChildren<RadioGroupProps>> & {
     Caption: import("..").FCWithSlotMarker<{
         className?: string;

package/dist/RadioGroup/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAE,kBAAkB,EAAE,EAAE,EAAC,MAAM,OAAO,CAAA;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,6CAA6C,CAAA;AAO1F,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC/E;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;CACb,GAAG,yBAAyB,CAAA;AAE7B,eAAO,MAAM,iBAAiB;eACjB,OAAO;eACP,kBAAkB,CAAC,gBAAgB,CAAC;UACzC,MAAM;SACC,CAAA;;;;;;;;;;AAkCf,wBAIE"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAsB,EAAE,EAAC,MAAM,OAAO,CAAA;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,6CAA6C,CAAA;AAQ1F,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC/E;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;CACb,GAAG,yBAAyB,CAAA;;;;;;;;;;AAkC7B,wBAIE"}

package/dist/RadioGroup/RadioGroup.js

@@ -1,13 +1,12 @@
 import { c } from 'react-compiler-runtime';
-import { createContext } from 'react';
 import CheckboxOrRadioGroupCaption from '../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.js';
 import CheckboxOrRadioGroupLabel from '../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.js';
 import CheckboxOrRadioGroupValidation from '../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation.js';
+import { RadioGroupContext } from './RadioGroupContext.js';
 import { jsx } from 'react/jsx-runtime';
 import { useRenderForcingRef } from '../hooks/useRenderForcingRef.js';
 import CheckboxOrRadioGroup from '../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.js';
 
-const RadioGroupContext = /*#__PURE__*/createContext(null);
 const RadioGroup = t0 => {
   const $ = c(23);
   let children;
@@ -118,4 +117,4 @@ var RadioGroup_default = Object.assign(RadioGroup, {
   Validation: CheckboxOrRadioGroupValidation
 });
 
-export { RadioGroupContext, RadioGroup_default as default };
+export { RadioGroup_default as default };

package/dist/RadioGroup/RadioGroupContext.d.ts

@@ -0,0 +1,7 @@
+import { type ChangeEventHandler } from 'react';
+export declare const RadioGroupContext: import("react").Context<{
+    disabled?: boolean;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    name: string;
+} | null>;
+//# sourceMappingURL=RadioGroupContext.d.ts.map

package/dist/RadioGroup/RadioGroupContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupContext.d.ts","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroupContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,kBAAkB,EAAgB,MAAM,OAAO,CAAA;AAE5D,eAAO,MAAM,iBAAiB;eACjB,OAAO;eACP,kBAAkB,CAAC,gBAAgB,CAAC;UACzC,MAAM;SACC,CAAA"}

package/dist/RadioGroup/RadioGroupContext.js

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+
+const RadioGroupContext = /*#__PURE__*/createContext(null);
+
+export { RadioGroupContext };

package/dist/RadioGroup/index.d.ts

@@ -1,3 +1,4 @@
-export { default, RadioGroupContext } from './RadioGroup';
+export { default } from './RadioGroup';
+export { RadioGroupContext } from './RadioGroupContext';
 export type { RadioGroupProps } from './RadioGroup';
 //# sourceMappingURL=index.d.ts.map

package/dist/RadioGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/RadioGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,iBAAiB,EAAC,MAAM,cAAc,CAAA;AAEvD,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/RadioGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAA;AACpC,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAA;AAErD,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA"}

package/dist/SelectPanel/SelectPanel.js

@@ -8,7 +8,7 @@ import { ButtonComponent } from '../Button/Button.js';
 import { useId } from '../hooks/useId.js';
 import { useProvidedStateOrCreate } from '../hooks/useProvidedStateOrCreate.js';
 import useSafeTimeout from '../hooks/useSafeTimeout.js';
-import { FilteredActionListLoadingTypes } from '../FilteredActionList/FilteredActionListLoaders.js';
+import '../FilteredActionList/FilteredActionListLoaders.js';
 import { announceFromElement, announce } from '@primer/live-region-element';
 import classes from './SelectPanel.module.css.js';
 import { clsx } from 'clsx';
@@ -22,6 +22,7 @@ import { useFeatureFlag } from '../FeatureFlags/useFeatureFlag.js';
 import { useProvidedRefOrCreate } from '../hooks/useProvidedRefOrCreate.js';
 import { AnchoredOverlay } from '../AnchoredOverlay/AnchoredOverlay.js';
 import Heading from '../Heading/Heading.js';
+import { FilteredActionListLoadingTypes } from '../FilteredActionList/constants.js';
 
 const SHORT_DELAY_MS = 500;
 const LONG_DELAY_MS = 1000;

package/dist/ThemeContext.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { ColorMode, ColorModeWithAuto, Theme } from './ThemeProvider';
+export declare const ThemeContext: React.Context<{
+    theme?: Theme;
+    colorScheme?: string;
+    colorMode?: ColorModeWithAuto;
+    resolvedColorMode?: ColorMode;
+    resolvedColorScheme?: string;
+    dayScheme?: string;
+    nightScheme?: string;
+    setColorMode: React.Dispatch<React.SetStateAction<ColorModeWithAuto>>;
+    setDayScheme: React.Dispatch<React.SetStateAction<string>>;
+    setNightScheme: React.Dispatch<React.SetStateAction<string>>;
+}>;
+//# sourceMappingURL=ThemeContext.d.ts.map

package/dist/ThemeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../src/ThemeContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,SAAS,EAAE,iBAAiB,EAAE,KAAK,EAAC,MAAM,iBAAiB,CAAA;AAExE,eAAO,MAAM,YAAY;YACf,KAAK;kBACC,MAAM;gBACR,iBAAiB;wBACT,SAAS;0BACP,MAAM;gBAChB,MAAM;kBACJ,MAAM;kBACN,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;kBACvD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;oBAC1C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;EAK5D,CAAA"}

package/dist/ThemeContext.js

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const ThemeContext = /*#__PURE__*/React.createContext({
+  setColorMode: () => null,
+  setDayScheme: () => null,
+  setNightScheme: () => null
+});
+
+export { ThemeContext };

package/dist/ThemeProvider.d.ts

@@ -3,7 +3,7 @@ export declare const defaultColorMode = "day";
 export type Theme = {
     [key: string]: any;
 };
-type ColorMode = 'day' | 'night' | 'light' | 'dark';
+export type ColorMode = 'day' | 'night' | 'light' | 'dark';
 export type ColorModeWithAuto = ColorMode | 'auto';
 export type ThemeProviderProps = {
     colorMode?: ColorModeWithAuto;
@@ -21,18 +21,5 @@ export type ThemeProviderProps = {
     contextOnly?: boolean;
 };
 export declare const ThemeProvider: React.FC<React.PropsWithChildren<ThemeProviderProps>>;
-export declare function useTheme(): {
-    theme?: Theme;
-    colorScheme?: string;
-    colorMode?: ColorModeWithAuto;
-    resolvedColorMode?: ColorMode;
-    resolvedColorScheme?: string;
-    dayScheme?: string;
-    nightScheme?: string;
-    setColorMode: React.Dispatch<React.SetStateAction<ColorModeWithAuto>>;
-    setDayScheme: React.Dispatch<React.SetStateAction<string>>;
-    setNightScheme: React.Dispatch<React.SetStateAction<string>>;
-};
-export declare function useColorSchemeVar(values: Partial<Record<string, string>>, fallback: string): string;
 export default ThemeProvider;
 //# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../src/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,eAAO,MAAM,gBAAgB,QAAQ,CAAA;AAKrC,MAAM,MAAM,KAAK,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAC,CAAA;AACxC,KAAK,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;AACnD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,MAAM,CAAA;AAElD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AA8CD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CA2F/E,CAAA;AAED,wBAAgB,QAAQ;YAxId,KAAK;kBACC,MAAM;gBACR,iBAAiB;wBACT,SAAS;0BACP,MAAM;gBAChB,MAAM;kBACJ,MAAM;kBACN,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;kBACvD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;oBAC1C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;EAiI7D;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,UAG1F;AAqED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../src/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,eAAO,MAAM,gBAAgB,QAAQ,CAAA;AAKrC,MAAM,MAAM,KAAK,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAC,CAAA;AACxC,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;AAC1D,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,MAAM,CAAA;AAElD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AA6BD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CA2F/E,CAAA;AAqED,eAAe,aAAa,CAAA"}

package/dist/ThemeProvider.js

@@ -3,6 +3,8 @@ import React from 'react';
 import theme from './theme.js';
 import deepmerge from 'deepmerge';
 import { useSyncedState } from './hooks/useSyncedState.js';
+import { ThemeContext } from './ThemeContext.js';
+import { useTheme } from './useTheme.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useFeatureFlag } from './FeatureFlags/useFeatureFlag.js';
 import { useId } from './hooks/useId.js';
@@ -13,12 +15,6 @@ const defaultNightScheme = 'dark';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
-const ThemeContext = /*#__PURE__*/React.createContext({
-  setColorMode: () => null,
-  setDayScheme: () => null,
-  setNightScheme: () => null
-});
-
 // inspired from __NEXT_DATA__, we use application/json to avoid CSRF policy with inline scripts
 const serverHandoffCache = new Map();
 const emptyHandoff = {};
@@ -225,17 +221,6 @@ const ThemeProvider = t0 => {
   }
   return t10;
 };
-function useTheme() {
-  return React.useContext(ThemeContext);
-}
-function useColorSchemeVar(values, fallback) {
-  var _values$colorScheme;
-  const {
-    colorScheme: t0
-  } = useTheme();
-  const colorScheme = t0 === undefined ? "" : t0;
-  return (_values$colorScheme = values[colorScheme]) !== null && _values$colorScheme !== void 0 ? _values$colorScheme : fallback;
-}
 function subscribeToSystemColorMode(callback) {
   var _window, _window$matchMedia;
   // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
@@ -298,4 +283,4 @@ function applyColorScheme(theme, colorScheme) {
   };
 }
 
-export { ThemeProvider, ThemeProvider as default, defaultColorMode, useColorSchemeVar, useTheme };
+export { ThemeProvider, ThemeProvider as default, defaultColorMode };