@primer/react 37.32.0-rc.f8e94f384 → 38.0.0-rc.09f015db1

package/dist/hooks/useOverflow.js

@@ -0,0 +1,39 @@
+import { c } from 'react-compiler-runtime';
+import { useState, useEffect } from 'react';
+
+function useOverflow(ref) {
+  const $ = c(3);
+  const [hasOverflow, setHasOverflow] = useState(false);
+  let t0;
+  let t1;
+  if ($[0] !== ref) {
+    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();
+      };
+    };
+    t1 = [ref];
+    $[0] = ref;
+    $[1] = t0;
+    $[2] = t1;
+  } else {
+    t0 = $[1];
+    t1 = $[2];
+  }
+  useEffect(t0, t1);
+  return hasOverflow;
+}
+
+export { useOverflow };

package/dist/hooks/useScrollFlash.js

@@ -0,0 +1,35 @@
+import { c } from 'react-compiler-runtime';
+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) {
+  const $ = c(3);
+  let t0;
+  let t1;
+  if ($[0] !== scrollContainerRef) {
+    t0 = () => {
+      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;
+      scrollContainer.scrollTop = altScroll;
+      scrollContainer.scrollTop = currentScroll;
+    };
+    t1 = [scrollContainerRef];
+    $[0] = scrollContainerRef;
+    $[1] = t0;
+    $[2] = t1;
+  } else {
+    t0 = $[1];
+    t1 = $[2];
+  }
+  useEffect(t0, t1);
+}
+
+export { useScrollFlash as default };

package/dist/hooks/useSlots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlots.d.ts","sourceRoot":"","sources":["../../src/hooks/useSlots.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,KAAK,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;AAEhD,KAAK,wBAAwB,GAAG,CAAC,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAC,CAAA;AAE7E,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,gBAAgB,GAAG,wBAAwB,CAAC,CAAA;AAIpF,KAAK,KAAK,GAAG,GAAG,CAAA;AAEhB,KAAK,YAAY,CAAC,MAAM,SAAS,UAAU,IAAI;KAC5C,QAAQ,IAAI,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC;CACxD,CAAA;AAED,KAAK,SAAS,CAAC,MAAM,EAAE,QAAQ,SAAS,MAAM,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,SAAS,KAAK,CAAC,WAAW,GAC9F,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,GACtF,MAAM,CAAC,QAAQ,CAAC,SAAS,SAAS;IAC9B,MAAM,WAAW,SAAS,KAAK,CAAC,WAAW;IAE3C,MAAM,OAAO;CACd,GACD,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,wBAAwB,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,GAC5E,KAAK,CAAA;AAEX;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,MAAM,SAAS,UAAU,EAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,MAAM,EAAE,MAAM,GACb,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,CA8CpD"}

package/dist/hooks/useSlots.js

@@ -0,0 +1,72 @@
+import React from 'react';
+import { warning } from '../utils/warning.js';
+import { isSlot } from '../utils/is-slot.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 || isSlot(child, component)) && testFn(child.props);
+      } else {
+        return child.type === value || isSlot(child, 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/dist/hooks/useSyncedState.js

@@ -0,0 +1,41 @@
+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
+  } = t0 === undefined ? {} : t0;
+  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/dist/index.d.ts

@@ -0,0 +1,146 @@
+export { default as theme, type ThemeColorPaths, type ThemeShadowPaths } from './theme';
+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 * 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 { useId } from './hooks/useId';
+export { useSyncedState } from './hooks/useSyncedState';
+export { useAnchoredPosition, type AnchoredPositionHookSettings } from './hooks/useAnchoredPosition';
+export { createComponent } from './utils/create-component';
+export type { SlotMarker } from './utils/types';
+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 { Banner } from './Banner';
+export type { BannerProps } from './Banner';
+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 type { CircleBadgeProps, CircleBadgeIconProps } from './CircleBadge';
+export { default as CheckboxGroup } from './CheckboxGroup';
+export type { CheckboxGroupProps } from './CheckboxGroup';
+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 type { FormControlProps, FormControlCaptionProps, FormControlLabelProps, FormControlValidationProps, } 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, NavListGroupHeadingProps, } 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 Popover } from './Popover';
+export type { PopoverProps, PopoverContentProps } from './Popover';
+export { default as Portal, registerPortalRoot, PortalContext } from './Portal';
+export type { PortalProps } from './Portal';
+export { ProgressBar } from './ProgressBar';
+export type { ProgressBarProps, ProgressBarItemProps } from './ProgressBar';
+export { default as RadioGroup } from './RadioGroup';
+export type { RadioGroupProps } from './RadioGroup';
+export type { RelativeTimeProps } from './RelativeTime';
+export { default as RelativeTime } from './RelativeTime';
+export { SegmentedControl } from './SegmentedControl';
+export type { SegmentedControlProps, SegmentedControlButtonProps, SegmentedControlIconButtonProps, } 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 type { ToggleSwitchProps } from './ToggleSwitch';
+export { default as TextInput } from './TextInput';
+export type { TextInputProps, TextInputActionProps } 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, TimelineItemProps, } from './Timeline';
+export { default as Token, IssueLabelToken } 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, TitleProps as PageHeaderTitleProps, ActionsProps as PageHeaderActionsProps, TitleAreaProps as PageHeaderTitleAreaProps, ChildrenPropTypes as PageHeaderChildrenPropTypes, } from './PageHeader';
+export { SkeletonBox } from './Skeleton';
+export type { SkeletonBoxProps } from './Skeleton';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -0,0 +1,85 @@
+"use client";
+export { default as theme } from './theme.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 { useId } from './hooks/useId.js';
+export { useSyncedState } from './hooks/useSyncedState.js';
+export { useAnchoredPosition } from './hooks/useAnchoredPosition.js';
+export { createComponent } from './utils/create-component.js';
+export { ActionList } from './ActionList/index.js';
+export { Banner } from './Banner/index.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, PortalContext, 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 Radio } from './Radio/Radio.js';
+export { default as Avatar } from './Avatar/Avatar.js';
+export { default as AvatarStack } from './AvatarStack/AvatarStack.js';
+export { default as ButtonGroup } from './ButtonGroup/ButtonGroup.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 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 Token } from './Token/Token.js';
+export { default as IssueLabelToken } from './Token/IssueLabelToken.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 Text } from './Text/Text.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 { 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/dist/internal/components/Caret.d.ts

@@ -0,0 +1,15 @@
+import type React from 'react';
+type Location = 'top' | 'top-left' | 'top-right' | 'right' | 'right-top' | 'right-bottom' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'left-top' | 'left-bottom';
+export type CaretProps = {
+    bg?: string;
+    borderColor?: string;
+    borderWidth?: string | number;
+    size?: number;
+    location?: Location;
+};
+declare function Caret(props: CaretProps): React.JSX.Element;
+declare namespace Caret {
+    var locations: string[];
+}
+export default Caret;
+//# sourceMappingURL=Caret.d.ts.map

package/dist/internal/components/Caret.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Caret.d.ts","sourceRoot":"","sources":["../../../src/internal/components/Caret.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,QAAQ,GACT,KAAK,GACL,UAAU,GACV,WAAW,GACX,OAAO,GACP,WAAW,GACX,cAAc,GACd,QAAQ,GACR,aAAa,GACb,cAAc,GACd,MAAM,GACN,UAAU,GACV,aAAa,CAAA;AAgCjB,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,CAAA;AAED,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,qBAgD/B;kBAhDQ,KAAK;;;AAiEd,eAAe,KAAK,CAAA"}

package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+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;
+};
+export type { CheckboxOrRadioGroupLabelProps } from './CheckboxOrRadioGroupLabel';
+declare const _default: React.FC<React.PropsWithChildren<CheckboxOrRadioGroupProps>> & {
+    Caption: import("../../../utils/types").FCWithSlotMarker<{
+        className?: string;
+    } & {
+        children?: React.ReactNode | undefined;
+    }>;
+    Label: import("../../../utils/types").FCWithSlotMarker<React.PropsWithChildren<import("./CheckboxOrRadioGroupLabel").CheckboxOrRadioGroupLabelProps>>;
+    Validation: import("../../../utils/types").FCWithSlotMarker<React.PropsWithChildren<import("./CheckboxOrRadioGroupValidation").CheckboxOrRadioGroupValidationProps>>;
+};
+export default _default;
+//# sourceMappingURL=CheckboxOrRadioGroup.d.ts.map

package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxOrRadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAazB,MAAM,MAAM,yBAAyB,GAAG;IACtC,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,CAAC,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAoHD,YAAY,EAAC,8BAA8B,EAAC,MAAM,6BAA6B,CAAA;;;;;;;;;;AAC/E,wBAIE"}

package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.js

@@ -0,0 +1,99 @@
+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 { isSlot } from '../../../utils/is-slot.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+const CheckboxOrRadioGroup = ({
+  'aria-labelledby': ariaLabelledby,
+  children,
+  disabled = false,
+  id: idProp,
+  required = false,
+  className
+}) => {
+  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 || isSlot(child, CheckboxOrRadioGroupLabel)));
+  const validationChild = React.Children.toArray(children).find(child => /*#__PURE__*/React.isValidElement(child) && (child.type === CheckboxOrRadioGroupValidation || isSlot(child, CheckboxOrRadioGroupValidation)) ? child : null);
+  const captionChild = React.Children.toArray(children).find(child => /*#__PURE__*/React.isValidElement(child) && (child.type === CheckboxOrRadioGroupCaption || isSlot(child, 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;
+  const Component = labelChild ? 'fieldset' : 'div';
+  return /*#__PURE__*/jsx(CheckboxOrRadioGroupContext.Provider, {
+    value: {
+      disabled,
+      required,
+      captionId,
+      validationMessageId
+    },
+    children: /*#__PURE__*/jsxs("div", {
+      children: [/*#__PURE__*/jsxs(Component, {
+        className: clsx(className, classes.GroupFieldset),
+        "data-validation": validationChild ? '' : undefined,
+        ...(labelChild ? {
+          disabled
+        } : {}),
+        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/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.d.ts

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

package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxOrRadioGroupCaption.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AAE1D,KAAK,gCAAgC,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,CAAA;AAErF,QAAA,MAAM,2BAA2B,EAAE,gBAAgB,CAAC,gCAAgC,CAOnF,CAAA;AAED,eAAe,2BAA2B,CAAA"}

package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import CheckboxOrRadioGroupContext from './CheckboxOrRadioGroupContext.js';
+import classes from './CheckboxOrRadioGroup.module.css.js';
+import { clsx } from 'clsx';
+import { jsx } from 'react/jsx-runtime';
+import Text from '../../../Text/Text.js';
+
+const CheckboxOrRadioGroupCaption = ({
+  className,
+  children
+}) => {
+  const {
+    captionId
+  } = React.useContext(CheckboxOrRadioGroupContext);
+  return /*#__PURE__*/jsx(Text, {
+    className: clsx(className, classes.CheckboxOrRadioGroupCaption),
+    id: captionId,
+    children: children
+  });
+};
+CheckboxOrRadioGroupCaption.displayName = "CheckboxOrRadioGroupCaption";
+CheckboxOrRadioGroupCaption.__SLOT__ = Symbol('CheckboxOrRadioGroupCaption');
+
+export { CheckboxOrRadioGroupCaption as default };