@primer/react 38.0.0-rc.0 → 38.0.0-rc.09f015db1

package/lib-esm/hooks/useOverflow.js

@@ -1,43 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import { useState, useEffect } from 'react';
-
-function useOverflow(ref) {
-  const $ = c(4);
-  const [hasOverflow, setHasOverflow] = useState(false);
-  let t0;
-  if ($[0] !== ref.current) {
-    t0 = () => {
-      if (ref.current === null) {
-        return;
-      }
-      const observer = new ResizeObserver(entries => {
-        for (const entry of entries) {
-          if (entry.target.scrollHeight > entry.target.clientHeight || entry.target.scrollWidth > entry.target.clientWidth) {
-            setHasOverflow(true);
-            break;
-          }
-        }
-      });
-      observer.observe(ref.current);
-      return () => {
-        observer.disconnect();
-      };
-    };
-    $[0] = ref.current;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  let t1;
-  if ($[2] !== ref) {
-    t1 = [ref];
-    $[2] = ref;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  useEffect(t0, t1);
-  return hasOverflow;
-}
-
-export { useOverflow };

package/lib-esm/hooks/useScrollFlash.js

@@ -1,24 +0,0 @@
-import { useEffect } from 'react';
-
-/**
- * This hook will flash the scrollbars for a ref of a container that has scrollable overflow
- * @param scrollContainerRef The ref of the scrollable content
- */
-function useScrollFlash(scrollContainerRef) {
-  // https://adxlv.computer/projects/flash-scrollers/
-  useEffect(() => {
-    const scrollContainer = scrollContainerRef.current;
-    if (!scrollContainer) {
-      return;
-    }
-    const currentScroll = scrollContainer.scrollTop;
-    const maxScroll = scrollContainer.scrollHeight;
-    const altScroll = currentScroll < Math.min(1, maxScroll) ? currentScroll + 1 : currentScroll - 1;
-
-    // eslint-disable-next-line react-compiler/react-compiler
-    scrollContainer.scrollTop = altScroll;
-    scrollContainer.scrollTop = currentScroll;
-  }, [scrollContainerRef]);
-}
-
-export { useScrollFlash as default };

package/lib-esm/hooks/useSlots.js

@@ -1,71 +0,0 @@
-import React from 'react';
-import { warning } from '../utils/warning.js';
-
-// slot config allows 2 options:
-// 1. Component to match, example: { leadingVisual: LeadingVisual }
-
-// 2. Component to match + a test function, example: { blockDescription: [Description, props => props.variant === 'block'] }
-
-// We don't know what the props are yet, we set them later based on slot config
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-// useful for narrowing types, third option is not possible
-
-/**
- * Extract components from `children` so we can render them in different places,
- * allowing us to implement components with SSR-compatible slot APIs.
- * Note: We can only extract direct children, not nested ones.
- */
-function useSlots(children, config) {
-  // Object mapping slot names to their elements
-  const slots = mapValues(config, () => undefined);
-
-  // Array of elements that are not slots
-  const rest = [];
-  const keys = Object.keys(config);
-  const values = Object.values(config);
-
-  // eslint-disable-next-line github/array-foreach
-  React.Children.forEach(children, child => {
-    if (! /*#__PURE__*/React.isValidElement(child)) {
-      rest.push(child);
-      return;
-    }
-    const index = values.findIndex(value => {
-      if (Array.isArray(value)) {
-        const [component, testFn] = value;
-        return child.type === component && testFn(child.props);
-      } else {
-        return child.type === value;
-      }
-    });
-
-    // If the child is not a slot, add it to the `rest` array
-    if (index === -1) {
-      rest.push(child);
-      return;
-    }
-    const slotKey = keys[index];
-
-    // If slot is already filled, ignore duplicates
-    if (slots[slotKey]) {
-      process.env.NODE_ENV !== "production" ? warning(true, `Found duplicate "${String(slotKey)}" slot. Only the first will be rendered.`) : void 0;
-      return;
-    }
-
-    // If the child is a slot, add it to the `slots` object
-
-    slots[slotKey] = child;
-  });
-  return [slots, rest];
-}
-
-/** Map the values of an object */
-function mapValues(obj, fn) {
-  return Object.keys(obj).reduce((result, key) => {
-    result[key] = fn(obj[key]);
-    return result;
-  }, {});
-}
-
-export { useSlots };

package/lib-esm/hooks/useSyncedState.js

@@ -1,41 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import { useState } from 'react';
-
-/**
- * When the value that initialized the state changes
- * this hook will update the state to the new value, immediately.
- *
- * This uses an Object.is comparison to determine if the value has changed by default
- *
- * If you use a non-primitive value as the initial value, you should provide a custom isEqual function
- *
- * This is adapted almost directly from https://beta.reactjs.org/learn/you-might-not-need-an-effect#adjusting-some-state-when-a-prop-changes
- */
-
-const useSyncedState = (initialValue, t0) => {
-  const $ = c(2);
-  const {
-    isPropUpdateDisabled: t1,
-    isEqual: t2
-  } = {} ;
-  const isPropUpdateDisabled = t1 === undefined ? false : t1;
-  const isEqual = t2 === undefined ? Object.is : t2;
-  const [state, setState] = useState(initialValue);
-  const [previous, setPrevious] = useState(initialValue);
-  const nextInitialValue = initialValue instanceof Function ? initialValue() : initialValue;
-  if (!isPropUpdateDisabled && !isEqual(previous, nextInitialValue)) {
-    setPrevious(nextInitialValue);
-    setState(nextInitialValue);
-  }
-  let t3;
-  if ($[0] !== state) {
-    t3 = [state, setState];
-    $[0] = state;
-    $[1] = t3;
-  } else {
-    t3 = $[1];
-  }
-  return t3;
-};
-
-export { useSyncedState };

package/lib-esm/index.d.ts

@@ -1,148 +0,0 @@
-export { default as theme } from './theme';
-export { get as themeGet } from './constants';
-export { default as BaseStyles } from './BaseStyles';
-export type { BaseStylesProps } from './BaseStyles';
-export { default as ThemeProvider, useTheme, useColorSchemeVar } from './ThemeProvider';
-export type { ThemeProviderProps } from './ThemeProvider';
-export { default as Box } from './Box';
-export type { BoxProps } from './Box';
-export * from './Button';
-export { PageLayout } from './PageLayout';
-export type { PageLayoutProps, PageLayoutHeaderProps, PageLayoutContentProps, PageLayoutPaneProps, PageLayoutFooterProps, } from './PageLayout';
-export { SplitPageLayout } from './SplitPageLayout';
-export type { SplitPageLayoutProps, SplitPageLayoutHeaderProps, SplitPageLayoutContentProps, SplitPageLayoutPaneProps, SplitPageLayoutFooterProps, } from './SplitPageLayout';
-export { default as useDetails } from './hooks/useDetails';
-export { default as useSafeTimeout } from './hooks/useSafeTimeout';
-export { useOnOutsideClick } from './hooks/useOnOutsideClick';
-export type { TouchOrMouseEvent } from './hooks/useOnOutsideClick';
-export { useOpenAndCloseFocus } from './hooks/useOpenAndCloseFocus';
-export { useOnEscapePress } from './hooks/useOnEscapePress';
-export { useOverlay } from './hooks/useOverlay';
-export { useConfirm } from './ConfirmationDialog/ConfirmationDialog';
-export { useFocusTrap } from './hooks/useFocusTrap';
-export type { FocusTrapHookSettings } from './hooks/useFocusTrap';
-export { useFocusZone } from './hooks/useFocusZone';
-export type { FocusZoneHookSettings } from './hooks/useFocusZone';
-export { useRefObjectAsForwardedRef } from './hooks/useRefObjectAsForwardedRef';
-export { useResizeObserver } from './hooks/useResizeObserver';
-export { useResponsiveValue, type ResponsiveValue } from './hooks/useResponsiveValue';
-export { default as useIsomorphicLayoutEffect } from './utils/useIsomorphicLayoutEffect';
-export { useProvidedRefOrCreate } from './hooks/useProvidedRefOrCreate';
-export { createComponent } from './utils/create-component';
-export { default as Radio } from './Radio';
-export type { RadioProps } from './Radio';
-export { ActionList } from './ActionList';
-export type { ActionListProps, ActionListGroupProps, ActionListItemProps, ActionListLinkItemProps, ActionListDividerProps, ActionListDescriptionProps, ActionListLeadingVisualProps, ActionListTrailingVisualProps, } from './ActionList';
-export { ActionMenu } from './ActionMenu';
-export type { ActionMenuProps, ActionMenuAnchorProps, ActionMenuButtonProps } from './ActionMenu';
-export { AnchoredOverlay } from './AnchoredOverlay';
-export type { AnchoredOverlayProps } from './AnchoredOverlay';
-export { default as Autocomplete } from './Autocomplete';
-export type { AutocompleteMenuProps, AutocompleteInputProps, AutocompleteOverlayProps } from './Autocomplete';
-export { default as Avatar } from './Avatar';
-export type { AvatarProps } from './Avatar';
-export { default as AvatarStack } from './AvatarStack';
-export type { AvatarStackProps } from './AvatarStack';
-export { default as AvatarPair } from './deprecated/AvatarPair';
-export type { AvatarPairProps } from './deprecated/AvatarPair';
-export { default as BranchName } from './BranchName';
-export type { BranchNameProps } from './BranchName';
-export { default as Breadcrumbs, Breadcrumb } from './Breadcrumbs';
-export type { BreadcrumbsProps, BreadcrumbsItemProps, BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumbs';
-export { default as ButtonGroup } from './ButtonGroup';
-export type { ButtonGroupProps } from './ButtonGroup';
-export { default as Caret } from './Caret';
-export type { CircleBadgeProps, CircleBadgeIconProps } from './CircleBadge';
-export { default as CircleOcticon } from './CircleOcticon';
-export type { CircleOcticonProps } from './CircleOcticon';
-export { default as CheckboxGroup } from './CheckboxGroup';
-export type { CaretProps } from './Caret';
-export { default as CircleBadge } from './CircleBadge';
-export { default as CounterLabel } from './CounterLabel';
-export type { CounterLabelProps } from './CounterLabel';
-export { default as Details } from './Details';
-export type { DetailsProps } from './Details';
-export { Dialog } from './Dialog/Dialog';
-export type { DialogProps, DialogHeaderProps, DialogButtonProps, DialogWidth, DialogHeight } from './Dialog/Dialog';
-export type { ConfirmationDialogProps } from './ConfirmationDialog/ConfirmationDialog';
-export { ConfirmationDialog } from './ConfirmationDialog/ConfirmationDialog';
-export { default as Flash } from './Flash';
-export type { FlashProps } from './Flash';
-export { default as FormControl } from './FormControl';
-export { useFormControlForwardedProps } from './FormControl';
-export { default as Header } from './Header';
-export type { HeaderProps, HeaderItemProps, HeaderLinkProps } from './Header';
-export { default as Heading } from './Heading';
-export type { HeadingProps } from './Heading';
-export { default as Label } from './Label';
-export type { LabelProps, LabelColorOptions } from './Label';
-export { default as LabelGroup } from './LabelGroup';
-export type { LabelGroupProps } from './LabelGroup';
-export { default as Link } from './Link';
-export type { LinkProps } from './Link';
-export { NavList } from './NavList';
-export type { NavListProps, NavListItemProps, NavListSubNavProps, NavListGroupProps, NavListLeadingVisualProps, NavListTrailingVisualProps, NavListDividerProps, } from './NavList';
-export { default as Overlay } from './Overlay';
-export type { OverlayProps } from './Overlay';
-export { default as Pagination } from './Pagination';
-export type { PaginationProps } from './Pagination';
-export { default as PointerBox } from './PointerBox';
-export type { PointerBoxProps } from './PointerBox';
-export { default as Popover } from './Popover';
-export type { PopoverProps, PopoverContentProps } from './Popover';
-export { default as Portal, registerPortalRoot } from './Portal';
-export type { PortalProps } from './Portal';
-export { ProgressBar } from './ProgressBar';
-export type { ProgressBarProps } from './ProgressBar';
-export { default as RadioGroup } from './RadioGroup';
-export type { RelativeTimeProps } from './RelativeTime';
-export { default as RelativeTime } from './RelativeTime';
-export { SegmentedControl } from './SegmentedControl';
-export { default as Select } from './Select';
-export type { SelectProps } from './Select';
-export { SelectPanel } from './SelectPanel';
-export type { SelectPanelProps, ItemProps as SelectPanelItemProps, GroupedListProps as SelectPanelGroupedListProps, ItemInput as SelectPanelItemInput, } from './SelectPanel';
-export { default as SideNav } from './SideNav';
-export type { SideNavProps, SideNavLinkProps } from './SideNav';
-export { default as Spinner } from './Spinner';
-export type { SpinnerProps } from './Spinner';
-export { default as StateLabel } from './StateLabel';
-export type { StateLabelProps } from './StateLabel';
-export { default as SubNav } from './SubNav';
-export type { SubNavProps, SubNavLinkProps, SubNavLinksProps } from './SubNav';
-export { default as ToggleSwitch } from './ToggleSwitch';
-export { default as TextInput } from './TextInput';
-export type { TextInputProps } from './TextInput';
-export { default as TextInputWithTokens } from './TextInputWithTokens';
-export type { TextInputWithTokensProps } from './TextInputWithTokens';
-export { default as Text } from './Text';
-export type { TextProps } from './Text';
-export { default as Timeline } from './Timeline';
-export type { TimelineProps, TimelineBadgeProps, TimelineBodyProps, TimelineBreakProps, TimelineItemsProps, } from './Timeline';
-export { default as Token, IssueLabelToken, AvatarToken } from './Token';
-export type { TokenProps, IssueLabelTokenProps } from './Token';
-export { Tooltip } from './TooltipV2';
-export type { TooltipProps } from './TooltipV2';
-export { default as Truncate } from './Truncate';
-export type { TruncateProps } from './Truncate';
-export { default as Checkbox } from './Checkbox';
-export type { CheckboxProps } from './Checkbox';
-export { default as Textarea } from './Textarea';
-export type { TextareaProps } from './Textarea';
-export { TreeView } from './TreeView';
-export type { TreeViewProps, TreeViewItemProps, TreeViewSubTreeProps, TreeViewVisualProps, TreeViewErrorDialogProps, } from './TreeView';
-export { VisuallyHidden } from './VisuallyHidden';
-export type { VisuallyHiddenProps } from './VisuallyHidden';
-export { UnderlineNav } from './UnderlineNav';
-export type { UnderlineNavProps, UnderlineNavItemProps } from './UnderlineNav';
-export { ActionBar } from './ActionBar';
-export type { ActionBarProps } from './ActionBar';
-export { Stack } from './Stack';
-export type { StackProps, StackItemProps } from './Stack';
-export { PageHeader } from './PageHeader';
-export type { PageHeaderProps } from './PageHeader';
-export { default as sx, merge } from './sx';
-export type { BetterCssProperties, BetterSystemStyleObject, SxProp } from './sx';
-export { SkeletonBox } from './Skeleton';
-export type { SkeletonBoxProps } from './Skeleton';
-//# sourceMappingURL=index.d.ts.map

package/lib-esm/index.js

@@ -1,90 +0,0 @@
-"use client";
-export { default as theme } from './theme.js';
-export { get as themeGet } from './constants.js';
-export { default as BaseStyles } from './BaseStyles.js';
-export { ThemeProvider, useColorSchemeVar, useTheme } from './ThemeProvider.js';
-export { default as useDetails } from './hooks/useDetails.js';
-export { default as useSafeTimeout } from './hooks/useSafeTimeout.js';
-export { useOnOutsideClick } from './hooks/useOnOutsideClick.js';
-export { useOpenAndCloseFocus } from './hooks/useOpenAndCloseFocus.js';
-export { useOnEscapePress } from './hooks/useOnEscapePress.js';
-export { useOverlay } from './hooks/useOverlay.js';
-export { ConfirmationDialog, useConfirm } from './ConfirmationDialog/ConfirmationDialog.js';
-export { useFocusTrap } from './hooks/useFocusTrap.js';
-export { useFocusZone } from './hooks/useFocusZone.js';
-export { useRefObjectAsForwardedRef } from './hooks/useRefObjectAsForwardedRef.js';
-export { useResizeObserver } from './hooks/useResizeObserver.js';
-export { useResponsiveValue } from './hooks/useResponsiveValue.js';
-export { default as useIsomorphicLayoutEffect } from './utils/useIsomorphicLayoutEffect.js';
-export { useProvidedRefOrCreate } from './hooks/useProvidedRefOrCreate.js';
-export { createComponent } from './utils/create-component.js';
-export { ActionList } from './ActionList/index.js';
-export { default as Caret } from './Caret.js';
-export { Dialog } from './Dialog/Dialog.js';
-export { default as Label } from './Label/Label.js';
-export { default as Pagination } from './Pagination/Pagination.js';
-export { Portal, registerPortalRoot } from './Portal/Portal.js';
-export { ProgressBar } from './ProgressBar/index.js';
-export { default as SideNav } from './SideNav.js';
-export { UnderlineNav } from './UnderlineNav/index.js';
-export { default as ActionBar } from './ActionBar/index.js';
-export { Stack } from './Stack/index.js';
-export { default as sx } from './sx.js';
-export { default as Box } from './Box/Box.js';
-export { default as Radio } from './Radio/Radio.js';
-export { default as Avatar } from './Avatar/Avatar.js';
-export { default as AvatarStack } from './AvatarStack/AvatarStack.js';
-export { default as AvatarPair } from './deprecated/AvatarPair/AvatarPair.js';
-export { default as ButtonGroup } from './ButtonGroup/ButtonGroup.js';
-export { default as CircleOcticon } from './CircleOcticon/CircleOcticon.js';
-export { default as CounterLabel } from './CounterLabel/CounterLabel.js';
-export { default as Details } from './Details/Details.js';
-export { default as Flash } from './Flash/Flash.js';
-export { default as Heading } from './Heading/Heading.js';
-export { default as LabelGroup } from './LabelGroup/LabelGroup.js';
-export { default as Link } from './Link/Link.js';
-export { default as Overlay } from './Overlay/Overlay.js';
-export { default as PointerBox } from './PointerBox/PointerBox.js';
-export { default as RelativeTime } from './RelativeTime/RelativeTime.js';
-export { default as Spinner } from './Spinner/Spinner.js';
-export { default as StateLabel } from './StateLabel/StateLabel.js';
-export { default as ToggleSwitch } from './ToggleSwitch/ToggleSwitch.js';
-export { default as TextInputWithTokens } from './TextInputWithTokens/TextInputWithTokens.js';
-export { default as Text } from './Text/Text.js';
-export { default as Token } from './Token/Token.js';
-export { default as IssueLabelToken } from './Token/IssueLabelToken.js';
-export { default as AvatarToken } from './Token/AvatarToken.js';
-export { default as Truncate } from './Truncate/Truncate.js';
-export { default as Checkbox } from './Checkbox/Checkbox.js';
-export { default as Textarea } from './Textarea/Textarea.js';
-export { PageLayout } from './PageLayout/PageLayout.js';
-export { SplitPageLayout } from './SplitPageLayout/SplitPageLayout.js';
-export { ActionMenu } from './ActionMenu/ActionMenu.js';
-export { AnchoredOverlay } from './AnchoredOverlay/AnchoredOverlay.js';
-export { default as Autocomplete } from './Autocomplete/Autocomplete.js';
-export { default as BranchName } from './BranchName/BranchName.js';
-export { Breadcrumb, default as Breadcrumbs } from './Breadcrumbs/Breadcrumbs.js';
-export { default as CheckboxGroup } from './CheckboxGroup/CheckboxGroup.js';
-export { default as CircleBadge } from './CircleBadge/CircleBadge.js';
-export { default as FormControl } from './FormControl/FormControl.js';
-export { useFormControlForwardedProps } from './FormControl/_FormControlContext.js';
-export { default as Header } from './Header/Header.js';
-export { NavList } from './NavList/NavList.js';
-export { default as Popover } from './Popover/Popover.js';
-export { default as RadioGroup } from './RadioGroup/RadioGroup.js';
-export { SegmentedControl } from './SegmentedControl/SegmentedControl.js';
-export { default as Select } from './Select/Select.js';
-export { SelectPanel } from './SelectPanel/SelectPanel.js';
-export { default as SubNav } from './SubNav/SubNav.js';
-export { default as TextInput } from './TextInput/TextInput.js';
-export { default as Timeline } from './Timeline/Timeline.js';
-export { Tooltip } from './TooltipV2/Tooltip.js';
-export { TreeView } from './TreeView/TreeView.js';
-export { VisuallyHidden } from './VisuallyHidden/VisuallyHidden.js';
-export { PageHeader } from './PageHeader/PageHeader.js';
-export { default as merge } from 'deepmerge';
-export { SkeletonBox } from './Skeleton/SkeletonBox.js';
-export { ButtonComponent as Button } from './Button/Button.js';
-export { ButtonBase } from './Button/ButtonBase.js';
-export { IconButton } from './Button/IconButton.js';
-export { LinkButton } from './Button/LinkButton.js';

package/lib-esm/internal/components/BoxWithFallback.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import Box from '../../Box';
-import type { StyledComponent } from 'styled-components';
-declare const BoxWithFallback: StyledComponent<"div", any, React.ComponentPropsWithoutRef<typeof Box>, never>;
-export { BoxWithFallback };
-//# sourceMappingURL=BoxWithFallback.d.ts.map

package/lib-esm/internal/components/BoxWithFallback.js

@@ -1,65 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import React from 'react';
-import { defaultSxProp } from '../../utils/defaultSxProp.js';
-import { includesSystemProps } from '../../utils/includeSystemProps.js';
-import { jsx } from 'react/jsx-runtime';
-import Box from '../../Box/Box.js';
-
-const BoxWithFallback = /*#__PURE__*/React.forwardRef(function BoxWithFallback(t0, ref) {
-  const $ = c(13);
-  let rest;
-  let t1;
-  let t2;
-  if ($[0] !== t0) {
-    ({
-      as: t1,
-      sx: t2,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = rest;
-    $[2] = t1;
-    $[3] = t2;
-  } else {
-    rest = $[1];
-    t1 = $[2];
-    t2 = $[3];
-  }
-  const BaseComponent = t1 === undefined ? "div" : t1;
-  const sx = t2 === undefined ? defaultSxProp : t2;
-  if (sx !== defaultSxProp || includesSystemProps(rest)) {
-    let t3;
-    if ($[4] !== BaseComponent || $[5] !== ref || $[6] !== rest || $[7] !== sx) {
-      t3 = /*#__PURE__*/jsx(Box, {
-        ...rest,
-        ref: ref,
-        as: BaseComponent,
-        sx: sx
-      });
-      $[4] = BaseComponent;
-      $[5] = ref;
-      $[6] = rest;
-      $[7] = sx;
-      $[8] = t3;
-    } else {
-      t3 = $[8];
-    }
-    return t3;
-  }
-  let t3;
-  if ($[9] !== BaseComponent || $[10] !== ref || $[11] !== rest) {
-    t3 = /*#__PURE__*/jsx(BaseComponent, {
-      ...rest,
-      ref: ref
-    });
-    $[9] = BaseComponent;
-    $[10] = ref;
-    $[11] = rest;
-    $[12] = t3;
-  } else {
-    t3 = $[12];
-  }
-  return t3;
-});
-
-export { BoxWithFallback };

package/lib-esm/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.d.ts

@@ -1,35 +0,0 @@
-import React from 'react';
-import type { SxProp } from '../../../sx';
-export type CheckboxOrRadioGroupProps = {
-    /** Class name for custom styling */
-    className?: string;
-    /**
-     * Used when associating the input group with a label other than `CheckboxOrRadioGroup.Label`
-     */
-    ['aria-labelledby']?: string;
-    /**
-     * Whether the input group allows user input
-     */
-    disabled?: boolean;
-    /**
-     * The unique identifier for this input group. Used to associate the label, validation text, and caption text.
-     * You may want a custom ID to make it easier to select elements in integration tests.
-     */
-    id?: string;
-    /**
-     * If true, the user must make a selection before the owning form can be submitted
-     */
-    required?: boolean;
-} & SxProp;
-export type { CheckboxOrRadioGroupLabelProps } from './CheckboxOrRadioGroupLabel';
-declare const _default: React.FC<React.PropsWithChildren<CheckboxOrRadioGroupProps>> & {
-    Caption: React.FC<SxProp & {
-        children?: React.ReactNode | undefined;
-    } & {
-        className?: string;
-    }>;
-    Label: React.FC<React.PropsWithChildren<import("./CheckboxOrRadioGroupLabel").CheckboxOrRadioGroupLabelProps>>;
-    Validation: React.FC<React.PropsWithChildren<import("./CheckboxOrRadioGroupValidation").CheckboxOrRadioGroupValidationProps>>;
-};
-export default _default;
-//# sourceMappingURL=CheckboxOrRadioGroup.d.ts.map

package/lib-esm/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.js

@@ -1,101 +0,0 @@
-import React from 'react';
-import ValidationAnimationContainer from '../ValidationAnimationContainer.js';
-import { useId } from '../../../hooks/useId.js';
-import CheckboxOrRadioGroupCaption from './CheckboxOrRadioGroupCaption.js';
-import CheckboxOrRadioGroupLabel from './CheckboxOrRadioGroupLabel.js';
-import CheckboxOrRadioGroupValidation from './CheckboxOrRadioGroupValidation.js';
-import CheckboxOrRadioGroupContext from './CheckboxOrRadioGroupContext.js';
-import VisuallyHidden from '../../../_VisuallyHidden.js';
-import { useSlots } from '../../../hooks/useSlots.js';
-import classes from './CheckboxOrRadioGroup.module.css.js';
-import { clsx } from 'clsx';
-import { BoxWithFallback } from '../BoxWithFallback.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-const CheckboxOrRadioGroup = ({
-  'aria-labelledby': ariaLabelledby,
-  children,
-  disabled = false,
-  id: idProp,
-  required = false,
-  className,
-  sx
-}) => {
-  const [slots, rest] = useSlots(children, {
-    caption: CheckboxOrRadioGroupCaption,
-    label: CheckboxOrRadioGroupLabel,
-    validation: CheckboxOrRadioGroupValidation
-  });
-  const labelChild = React.Children.toArray(children).find(child => /*#__PURE__*/React.isValidElement(child) && child.type === CheckboxOrRadioGroupLabel);
-  const validationChild = React.Children.toArray(children).find(child => /*#__PURE__*/React.isValidElement(child) && child.type === CheckboxOrRadioGroupValidation ? child : null);
-  const captionChild = React.Children.toArray(children).find(child => /*#__PURE__*/React.isValidElement(child) && child.type === CheckboxOrRadioGroupCaption ? child : null);
-  const id = useId(idProp);
-  const validationMessageId = validationChild ? `${id}-validationMessage` : undefined;
-  const captionId = captionChild ? `${id}-caption` : undefined;
-  if (!labelChild && !ariaLabelledby) {
-    // eslint-disable-next-line no-console
-    console.warn('A choice group must be labelled using a `CheckboxOrRadioGroup.Label` child, or by passing `aria-labelledby` to the CheckboxOrRadioGroup component.');
-  }
-  const isLegendVisible = /*#__PURE__*/React.isValidElement(labelChild) && !labelChild.props.visuallyHidden;
-  return /*#__PURE__*/jsx(CheckboxOrRadioGroupContext.Provider, {
-    value: {
-      disabled,
-      required,
-      captionId,
-      validationMessageId
-    },
-    children: /*#__PURE__*/jsxs("div", {
-      children: [/*#__PURE__*/jsxs(BoxWithFallback, {
-        className: clsx(className, classes.GroupFieldset),
-        "data-validation": validationChild ? '' : undefined,
-        ...(labelChild ? {
-          as: 'fieldset',
-          disabled
-        } : {}),
-        sx: sx,
-        children: [labelChild ?
-        /*#__PURE__*/
-        /*
-              Placing the caption text and validation text in the <legend> provides a better user
-              experience for more screenreaders.
-               Reference: https://blog.tenon.io/accessible-validation-of-checkbox-and-radiobutton-groups/
-            */
-        jsxs("legend", {
-          className: classes.GroupLegend,
-          "data-legend-visible": isLegendVisible ? '' : undefined,
-          children: [slots.label, slots.caption, /*#__PURE__*/React.isValidElement(slots.validation) && slots.validation.props.children && /*#__PURE__*/jsx(VisuallyHidden, {
-            children: slots.validation.props.children
-          })]
-        }) : (
-        /*
-              If CheckboxOrRadioGroup.Label wasn't passed as a child, we don't render a <legend>
-              but we still want to render a caption
-            */
-        slots.caption), /*#__PURE__*/jsx("div", {
-          className: classes.Body,
-          ...(!labelChild ? {
-            ['aria-labelledby']: ariaLabelledby,
-            ['aria-describedby']: [validationMessageId, captionId].filter(Boolean).join(' '),
-            as: 'div',
-            role: 'group'
-          } : {}),
-          children: React.Children.toArray(rest).filter(child => /*#__PURE__*/React.isValidElement(child))
-        })]
-      }), validationChild && /*#__PURE__*/jsx(ValidationAnimationContainer
-      // If we have CheckboxOrRadioGroup.Label as a child, we render a screenreader-accessible validation message in the <legend>
-      , {
-        "aria-hidden": Boolean(labelChild),
-        show: true,
-        children: slots.validation
-      })]
-    })
-  });
-};
-CheckboxOrRadioGroup.displayName = "CheckboxOrRadioGroup";
-var CheckboxOrRadioGroup$1 = Object.assign(CheckboxOrRadioGroup, {
-  Caption: CheckboxOrRadioGroupCaption,
-  Label: CheckboxOrRadioGroupLabel,
-  Validation: CheckboxOrRadioGroupValidation
-});
-
-export { CheckboxOrRadioGroup$1 as default };

package/lib-esm/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { SxProp } from '../../../sx';
-type CheckboxOrRadioGroupCaptionProps = React.PropsWithChildren<SxProp> & {
-    className?: string;
-};
-declare const CheckboxOrRadioGroupCaption: React.FC<CheckboxOrRadioGroupCaptionProps>;
-export default CheckboxOrRadioGroupCaption;
-//# sourceMappingURL=CheckboxOrRadioGroupCaption.d.ts.map