@primer/react 38.0.0-rc.2 → 38.0.0-rc.3

package/lib/hooks/useSlots.js

@@ -1,77 +0,0 @@
-'use strict';
-
-var React = require('react');
-var warning = require('../utils/warning.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-// 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__default.default.Children.forEach(children, child => {
-    if (! /*#__PURE__*/React__default.default.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.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;
-  }, {});
-}
-
-exports.useSlots = useSlots;

package/lib/hooks/useSyncedState.d.ts

@@ -1,15 +0,0 @@
-/**
- * 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
- */
-export declare const useSyncedState: <T>(initialValue: T | (() => T), { isPropUpdateDisabled, isEqual }?: {
-    isPropUpdateDisabled?: boolean | undefined;
-    isEqual?: ((value1: any, value2: any) => boolean) | undefined;
-}) => readonly [T, import("react").Dispatch<import("react").SetStateAction<T>>];
-//# sourceMappingURL=useSyncedState.d.ts.map

package/lib/hooks/useSyncedState.js

@@ -1,43 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('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 $ = reactCompilerRuntime.c(2);
-  const {
-    isPropUpdateDisabled: t1,
-    isEqual: t2
-  } = {} ;
-  const isPropUpdateDisabled = t1 === undefined ? false : t1;
-  const isEqual = t2 === undefined ? Object.is : t2;
-  const [state, setState] = React.useState(initialValue);
-  const [previous, setPrevious] = React.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;
-};
-
-exports.useSyncedState = useSyncedState;

package/lib/index.js

@@ -1,190 +0,0 @@
-"use client";
-'use strict';
-
-var theme = require('./theme.js');
-var constants = require('./constants.js');
-var BaseStyles = require('./BaseStyles.js');
-var ThemeProvider = require('./ThemeProvider.js');
-var useDetails = require('./hooks/useDetails.js');
-var useSafeTimeout = require('./hooks/useSafeTimeout.js');
-var useOnOutsideClick = require('./hooks/useOnOutsideClick.js');
-var useOpenAndCloseFocus = require('./hooks/useOpenAndCloseFocus.js');
-var useOnEscapePress = require('./hooks/useOnEscapePress.js');
-var useOverlay = require('./hooks/useOverlay.js');
-var ConfirmationDialog = require('./ConfirmationDialog/ConfirmationDialog.js');
-var useFocusTrap = require('./hooks/useFocusTrap.js');
-var useFocusZone = require('./hooks/useFocusZone.js');
-var useRefObjectAsForwardedRef = require('./hooks/useRefObjectAsForwardedRef.js');
-var useResizeObserver = require('./hooks/useResizeObserver.js');
-var useResponsiveValue = require('./hooks/useResponsiveValue.js');
-var useIsomorphicLayoutEffect = require('./utils/useIsomorphicLayoutEffect.js');
-var useProvidedRefOrCreate = require('./hooks/useProvidedRefOrCreate.js');
-var createComponent = require('./utils/create-component.js');
-var index = require('./ActionList/index.js');
-var index$1 = require('./Banner/index.js');
-var Dialog = require('./Dialog/Dialog.js');
-var Label = require('./Label/Label.js');
-var Pagination = require('./Pagination/Pagination.js');
-var Portal = require('./Portal/Portal.js');
-var index$2 = require('./ProgressBar/index.js');
-var SideNav = require('./SideNav.js');
-var index$3 = require('./UnderlineNav/index.js');
-var index$4 = require('./ActionBar/index.js');
-var index$5 = require('./Stack/index.js');
-var sx = require('./sx.js');
-var Box = require('./Box/Box.js');
-var Radio = require('./Radio/Radio.js');
-var Avatar = require('./Avatar/Avatar.js');
-var AvatarStack = require('./AvatarStack/AvatarStack.js');
-var ButtonGroup = require('./ButtonGroup/ButtonGroup.js');
-var CounterLabel = require('./CounterLabel/CounterLabel.js');
-var Details = require('./Details/Details.js');
-var Flash = require('./Flash/Flash.js');
-var Heading = require('./Heading/Heading.js');
-var LabelGroup = require('./LabelGroup/LabelGroup.js');
-var Link = require('./Link/Link.js');
-var Overlay = require('./Overlay/Overlay.js');
-var PointerBox = require('./PointerBox/PointerBox.js');
-var RelativeTime = require('./RelativeTime/RelativeTime.js');
-var Spinner = require('./Spinner/Spinner.js');
-var StateLabel = require('./StateLabel/StateLabel.js');
-var ToggleSwitch = require('./ToggleSwitch/ToggleSwitch.js');
-var TextInputWithTokens = require('./TextInputWithTokens/TextInputWithTokens.js');
-var Text = require('./Text/Text.js');
-var Token = require('./Token/Token.js');
-var IssueLabelToken = require('./Token/IssueLabelToken.js');
-var Truncate = require('./Truncate/Truncate.js');
-var Checkbox = require('./Checkbox/Checkbox.js');
-var Textarea = require('./Textarea/Textarea.js');
-var PageLayout = require('./PageLayout/PageLayout.js');
-var SplitPageLayout = require('./SplitPageLayout/SplitPageLayout.js');
-var ActionMenu = require('./ActionMenu/ActionMenu.js');
-var AnchoredOverlay = require('./AnchoredOverlay/AnchoredOverlay.js');
-var Autocomplete = require('./Autocomplete/Autocomplete.js');
-var BranchName = require('./BranchName/BranchName.js');
-var Breadcrumbs = require('./Breadcrumbs/Breadcrumbs.js');
-var CheckboxGroup = require('./CheckboxGroup/CheckboxGroup.js');
-var CircleBadge = require('./CircleBadge/CircleBadge.js');
-var FormControl = require('./FormControl/FormControl.js');
-var _FormControlContext = require('./FormControl/_FormControlContext.js');
-var Header = require('./Header/Header.js');
-var NavList = require('./NavList/NavList.js');
-var Popover = require('./Popover/Popover.js');
-var RadioGroup = require('./RadioGroup/RadioGroup.js');
-var SegmentedControl = require('./SegmentedControl/SegmentedControl.js');
-var Select = require('./Select/Select.js');
-var SelectPanel = require('./SelectPanel/SelectPanel.js');
-var SubNav = require('./SubNav/SubNav.js');
-var TextInput = require('./TextInput/TextInput.js');
-var Timeline = require('./Timeline/Timeline.js');
-var Tooltip = require('./TooltipV2/Tooltip.js');
-var TreeView = require('./TreeView/TreeView.js');
-var VisuallyHidden = require('./VisuallyHidden/VisuallyHidden.js');
-var PageHeader = require('./PageHeader/PageHeader.js');
-var merge = require('deepmerge');
-var SkeletonBox = require('./Skeleton/SkeletonBox.js');
-var Button = require('./Button/Button.js');
-var ButtonBase = require('./Button/ButtonBase.js');
-var IconButton = require('./Button/IconButton.js');
-var LinkButton = require('./Button/LinkButton.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var merge__default = /*#__PURE__*/_interopDefault(merge);
-
-
-
-exports.theme = theme;
-exports.themeGet = constants.get;
-exports.BaseStyles = BaseStyles;
-exports.ThemeProvider = ThemeProvider.ThemeProvider;
-exports.useColorSchemeVar = ThemeProvider.useColorSchemeVar;
-exports.useTheme = ThemeProvider.useTheme;
-exports.useDetails = useDetails;
-exports.useSafeTimeout = useSafeTimeout;
-exports.useOnOutsideClick = useOnOutsideClick.useOnOutsideClick;
-exports.useOpenAndCloseFocus = useOpenAndCloseFocus.useOpenAndCloseFocus;
-exports.useOnEscapePress = useOnEscapePress.useOnEscapePress;
-exports.useOverlay = useOverlay.useOverlay;
-exports.ConfirmationDialog = ConfirmationDialog.ConfirmationDialog;
-exports.useConfirm = ConfirmationDialog.useConfirm;
-exports.useFocusTrap = useFocusTrap.useFocusTrap;
-exports.useFocusZone = useFocusZone.useFocusZone;
-exports.useRefObjectAsForwardedRef = useRefObjectAsForwardedRef.useRefObjectAsForwardedRef;
-exports.useResizeObserver = useResizeObserver.useResizeObserver;
-exports.useResponsiveValue = useResponsiveValue.useResponsiveValue;
-exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
-exports.useProvidedRefOrCreate = useProvidedRefOrCreate.useProvidedRefOrCreate;
-exports.createComponent = createComponent.createComponent;
-exports.ActionList = index.ActionList;
-exports.Banner = index$1.Banner;
-exports.Dialog = Dialog.Dialog;
-exports.Label = Label;
-exports.Pagination = Pagination;
-exports.Portal = Portal.Portal;
-exports.registerPortalRoot = Portal.registerPortalRoot;
-exports.ProgressBar = index$2.ProgressBar;
-exports.SideNav = SideNav;
-exports.UnderlineNav = index$3.UnderlineNav;
-exports.ActionBar = index$4.default;
-exports.Stack = index$5.Stack;
-exports.sx = sx.default;
-exports.Box = Box;
-exports.Radio = Radio;
-exports.Avatar = Avatar.default;
-exports.AvatarStack = AvatarStack;
-exports.ButtonGroup = ButtonGroup;
-exports.CounterLabel = CounterLabel;
-exports.Details = Details.default;
-exports.Flash = Flash;
-exports.Heading = Heading;
-exports.LabelGroup = LabelGroup;
-exports.Link = Link;
-exports.Overlay = Overlay.default;
-exports.PointerBox = PointerBox;
-exports.RelativeTime = RelativeTime;
-exports.Spinner = Spinner;
-exports.StateLabel = StateLabel;
-exports.ToggleSwitch = ToggleSwitch;
-exports.TextInputWithTokens = TextInputWithTokens;
-exports.Text = Text;
-exports.Token = Token;
-exports.IssueLabelToken = IssueLabelToken;
-exports.Truncate = Truncate;
-exports.Checkbox = Checkbox;
-exports.Textarea = Textarea.default;
-exports.PageLayout = PageLayout.PageLayout;
-exports.SplitPageLayout = SplitPageLayout.SplitPageLayout;
-exports.ActionMenu = ActionMenu.ActionMenu;
-exports.AnchoredOverlay = AnchoredOverlay.AnchoredOverlay;
-exports.Autocomplete = Autocomplete;
-exports.BranchName = BranchName;
-exports.Breadcrumb = Breadcrumbs.Breadcrumb;
-exports.Breadcrumbs = Breadcrumbs.default;
-exports.CheckboxGroup = CheckboxGroup.default;
-exports.CircleBadge = CircleBadge;
-exports.FormControl = FormControl;
-exports.useFormControlForwardedProps = _FormControlContext.useFormControlForwardedProps;
-exports.Header = Header;
-exports.NavList = NavList.NavList;
-exports.Popover = Popover;
-exports.RadioGroup = RadioGroup.default;
-exports.SegmentedControl = SegmentedControl.SegmentedControl;
-exports.Select = Select;
-exports.SelectPanel = SelectPanel.SelectPanel;
-exports.SubNav = SubNav;
-exports.TextInput = TextInput;
-exports.Timeline = Timeline;
-exports.Tooltip = Tooltip.Tooltip;
-exports.TreeView = TreeView.TreeView;
-exports.VisuallyHidden = VisuallyHidden.VisuallyHidden;
-exports.PageHeader = PageHeader.PageHeader;
-Object.defineProperty(exports, "merge", {
-  enumerable: true,
-  get: function () { return merge__default.default; }
-});
-exports.SkeletonBox = SkeletonBox.SkeletonBox;
-exports.Button = Button.ButtonComponent;
-exports.ButtonBase = ButtonBase.ButtonBase;
-exports.IconButton = IconButton.IconButton;
-exports.LinkButton = LinkButton.LinkButton;

package/lib/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/internal/components/BoxWithFallback.js

@@ -1,76 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-var defaultSxProp = require('../../utils/defaultSxProp.js');
-var includeSystemProps = require('../../utils/includeSystemProps.js');
-var jsxRuntime = require('react/jsx-runtime');
-var Box = require('../../Box/Box.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const BoxWithFallback = /*#__PURE__*/React__default.default.forwardRef(function BoxWithFallback(t0, ref) {
-  const $ = reactCompilerRuntime.c(14);
-  let BaseComponent;
-  let rest;
-  let sx;
-  let t1;
-  if ($[0] !== t0) {
-    const {
-      as: t2,
-      sx: t3,
-      ...t4
-    } = t0;
-    rest = t4;
-    BaseComponent = t2 === undefined ? "div" : t2;
-    sx = t3 === undefined ? defaultSxProp.defaultSxProp : t3;
-    t1 = sx !== defaultSxProp.defaultSxProp || includeSystemProps.includesSystemProps(rest);
-    $[0] = t0;
-    $[1] = BaseComponent;
-    $[2] = rest;
-    $[3] = sx;
-    $[4] = t1;
-  } else {
-    BaseComponent = $[1];
-    rest = $[2];
-    sx = $[3];
-    t1 = $[4];
-  }
-  if (t1) {
-    let t2;
-    if ($[5] !== BaseComponent || $[6] !== ref || $[7] !== rest || $[8] !== sx) {
-      t2 = /*#__PURE__*/jsxRuntime.jsx(Box, {
-        ...rest,
-        ref: ref,
-        as: BaseComponent,
-        sx: sx
-      });
-      $[5] = BaseComponent;
-      $[6] = ref;
-      $[7] = rest;
-      $[8] = sx;
-      $[9] = t2;
-    } else {
-      t2 = $[9];
-    }
-    return t2;
-  }
-  let t2;
-  if ($[10] !== BaseComponent || $[11] !== ref || $[12] !== rest) {
-    t2 = /*#__PURE__*/jsxRuntime.jsx(BaseComponent, {
-      ...rest,
-      ref: ref
-    });
-    $[10] = BaseComponent;
-    $[11] = ref;
-    $[12] = rest;
-    $[13] = t2;
-  } else {
-    t2 = $[13];
-  }
-  return t2;
-});
-
-exports.BoxWithFallback = BoxWithFallback;

package/lib/internal/components/ButtonReset-904f2483.css

@@ -1,2 +0,0 @@
-.prc-components-ButtonReset-9kafa{align-items:center;appearance:none;background:none;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;margin:0;padding:0;text-align:start}.prc-components-ButtonReset-9kafa::-moz-focus-inner{border:0}
-/*# sourceMappingURL=ButtonReset-904f2483.css.map */

package/lib/internal/components/ButtonReset-904f2483.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/internal/components/ButtonReset.module.css"],"names":[],"mappings":"AAAA,kCAWE,kBAAmB,CANnB,eAAgB,CAChB,eAAgB,CAFhB,QAAS,CAMT,aAAc,CAHd,cAAe,CALf,mBAAoB,CAOpB,YAAa,CARb,QAAS,CAET,SAAU,CAKV,gBAQF,CAHE,oDACE,QACF","file":"ButtonReset-904f2483.css","sourcesContent":[".ButtonReset {\n  margin: 0;\n  display: inline-flex;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: none;\n  cursor: pointer;\n  text-align: start;\n  font: inherit;\n  color: inherit;\n  align-items: center;\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n}\n"]}

package/lib/internal/components/ButtonReset.d.ts

@@ -1,5 +0,0 @@
-/**
- * Provides an unstyled button that can be styled as-needed for components
- */
-export declare const Button: ({ children, className, ...rest }: React.ComponentPropsWithoutRef<"button">) => import("react").JSX.Element;
-//# sourceMappingURL=ButtonReset.d.ts.map

package/lib/internal/components/ButtonReset.js

@@ -1,54 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var ButtonReset_module = require('./ButtonReset.module.css.js');
-var clsx = require('clsx');
-var jsxRuntime = require('react/jsx-runtime');
-
-const Button = t0 => {
-  const $ = reactCompilerRuntime.c(10);
-  let children;
-  let className;
-  let rest;
-  if ($[0] !== t0) {
-    ({
-      children,
-      className,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = className;
-    $[3] = rest;
-  } else {
-    children = $[1];
-    className = $[2];
-    rest = $[3];
-  }
-  let t1;
-  if ($[4] !== className) {
-    t1 = clsx.clsx(className, ButtonReset_module.ButtonReset);
-    $[4] = className;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
-  }
-  let t2;
-  if ($[6] !== children || $[7] !== rest || $[8] !== t1) {
-    t2 = /*#__PURE__*/jsxRuntime.jsx("button", {
-      className: t1,
-      type: "button",
-      ...rest,
-      children: children
-    });
-    $[6] = children;
-    $[7] = rest;
-    $[8] = t1;
-    $[9] = t2;
-  } else {
-    t2 = $[9];
-  }
-  return t2;
-};
-
-exports.Button = Button;

package/lib/internal/components/ButtonReset.module.css.js

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./ButtonReset-904f2483.css');
-
-var classes = {"ButtonReset":"prc-components-ButtonReset-9kafa"};
-
-module.exports = classes;

package/lib/internal/components/Caret-e686f04c.css

@@ -1,2 +0,0 @@
-.prc-components-Caret-PNu-B{pointer-events:none;position:absolute}.prc-components-CaretTriangle-Iu0GY{fill:var(--caret-bg,var(--bgColor-default,var(--color-canvas-default)))}.prc-components-CaretBorder-o3vP2{fill:none;stroke:var(--caret-border-color,var(--borderColor-default,var(--color-border-default)));stroke-width:var(--caret-border-width,var(--borderWidth-thin,.0625rem))}
-/*# sourceMappingURL=Caret-e686f04c.css.map */

package/lib/internal/components/Caret-e686f04c.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/internal/components/Caret.module.css"],"names":[],"mappings":"AAAA,4BACE,mBAAoB,CACpB,iBACF,CAEA,oCAEE,uEACF,CAEA,kCACE,SAAU,CAEV,uFAA6D,CAC7D,uEACF","file":"Caret-e686f04c.css","sourcesContent":[".Caret {\n  pointer-events: none;\n  position: absolute;\n}\n\n.CaretTriangle {\n  /* stylelint-disable-next-line primer/colors */\n  fill: var(--caret-bg, var(--bgColor-default));\n}\n\n.CaretBorder {\n  fill: none;\n  /* stylelint-disable-next-line primer/colors */\n  stroke: var(--caret-border-color, var(--borderColor-default));\n  stroke-width: var(--caret-border-width, var(--borderWidth-thin));\n}\n"]}

package/lib/internal/components/Caret.d.ts

@@ -1,15 +0,0 @@
-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/lib/internal/components/Caret.js

@@ -1,89 +0,0 @@
-'use strict';
-
-var Caret_module = require('./Caret.module.css.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-const oppositeEdge = {
-  top: 'Bottom',
-  right: 'Left',
-  bottom: 'Top',
-  left: 'Right'
-};
-const perpendicularEdge = {
-  top: 'Left',
-  right: 'Top',
-  bottom: 'Left',
-  left: 'Top'
-};
-function getEdgeAlign(location) {
-  const [edge, align] = location.split('-');
-  return [edge, align];
-}
-function getPosition(edge, align, spacing) {
-  const opposite = oppositeEdge[edge].toLowerCase();
-  const perp = perpendicularEdge[edge].toLowerCase();
-  return {
-    [opposite]: '100%',
-    [align || perp]: align ? spacing : '50%'
-  };
-}
-function Caret(props) {
-  const {
-    bg,
-    borderColor,
-    borderWidth,
-    size = 8,
-    location = 'bottom'
-  } = props;
-  const [edge, align] = getEdgeAlign(location);
-  const perp = perpendicularEdge[edge];
-
-  // note: these arrays represent points in the form [x, y]
-  const a = [-size, 0];
-  const b = [0, size];
-  const c = [size, 0];
-
-  // spaces are optional in path `d` attribute, and points are
-  // represented in the form `x,y` -- which is what the arrays above
-  // become when stringified!
-  const triangle = `M${a}L${b}L${c}L${a}Z`;
-  const line = `M${a}L${b}L${c}`;
-  const transform = {
-    top: `translate(${[size, size * 2]}) rotate(180)`,
-    right: `translate(${[0, size]}) rotate(-90)`,
-    bottom: `translate(${[size, 0]})`,
-    left: `translate(${[size * 2, size]}) rotate(90)`
-  }[edge];
-  return /*#__PURE__*/jsxRuntime.jsx("svg", {
-    className: Caret_module.Caret,
-    width: size * 2,
-    height: size * 2,
-    style: {
-      ...getPosition(edge, align, size),
-      // if align is set (top|right|bottom|left),
-      // then we don't need an offset margin
-      [`margin${perp}`]: align ? null : -size,
-      ...{
-        '--caret-bg': bg,
-        '--caret-border-color': borderColor,
-        '--caret-border-width': borderWidth
-      }
-    },
-    role: "presentation",
-    children: /*#__PURE__*/jsxRuntime.jsxs("g", {
-      className: Caret_module.CaretGroup,
-      transform: transform,
-      children: [/*#__PURE__*/jsxRuntime.jsx("path", {
-        d: triangle,
-        className: Caret_module.CaretTriangle
-      }), /*#__PURE__*/jsxRuntime.jsx("path", {
-        d: line,
-        className: Caret_module.CaretBorder
-      })]
-    })
-  });
-}
-Caret.displayName = "Caret";
-Caret.locations = ['top', 'top-left', 'top-right', 'right', 'right-top', 'right-bottom', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-top', 'left-bottom'];
-
-module.exports = Caret;

package/lib/internal/components/Caret.module.css.js

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./Caret-e686f04c.css');
-
-var classes = {"Caret":"prc-components-Caret-PNu-B","CaretTriangle":"prc-components-CaretTriangle-Iu0GY","CaretBorder":"prc-components-CaretBorder-o3vP2"};
-
-module.exports = classes;

package/lib/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup-e38b5339.css

@@ -1,2 +0,0 @@
-.prc-CheckboxOrRadioGroup-Body-cNQoa{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.prc-CheckboxOrRadioGroup-Body-cNQoa>*+*{margin-top:var(--base-size-8,.5rem)}.prc-CheckboxOrRadioGroup-GroupFieldset-0NZzG{border:none;margin:0;padding:0}.prc-CheckboxOrRadioGroup-GroupFieldset-0NZzG:where([data-validation]){margin-bottom:var(--base-size-8,.5rem)}.prc-CheckboxOrRadioGroup-GroupLegend-HW4-c{padding:0}.prc-CheckboxOrRadioGroup-GroupLegend-HW4-c:where([data-legend-visible]){margin-bottom:var(--base-size-8,.5rem)}.prc-CheckboxOrRadioGroup-CheckboxOrRadioGroupCaption-9GgyY{color:var(--fgColor-muted,var(--color-fg-muted))}.prc-CheckboxOrRadioGroup-CheckboxOrRadioGroupCaption-9GgyY,.prc-CheckboxOrRadioGroup-RadioGroupLabel-anQ3U{font-size:var(--text-body-size-medium,.875rem)}.prc-CheckboxOrRadioGroup-RadioGroupLabel-anQ3U{display:block;font-weight:var(--base-text-weight-semibold,600)}.prc-CheckboxOrRadioGroup-RadioGroupLabel-anQ3U:where([data-label-disabled]){color:var(--fgColor-muted,var(--color-fg-muted))}.prc-CheckboxOrRadioGroup-GroupLabelChildren-j5sBI{margin-right:var(--base-size-8,.5rem)}
-/*# sourceMappingURL=CheckboxOrRadioGroup-e38b5339.css.map */

package/lib/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup-e38b5339.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.module.css"],"names":[],"mappings":"AAAA,qCACE,YAAa,CAIb,qBAAsB,CADtB,eAAgB,CADhB,QAAS,CADT,SAQF,CAHE,yCACE,mCACF,CAGF,8CAGE,WAAY,CADZ,QAAS,CADT,SAOF,CAHE,uEACE,sCACF,CAGF,4CACE,SAKF,CAHE,yEACE,sCACF,CAGF,4DAEE,gDACF,CAEA,4GAJE,8CAYF,CARA,gDACE,aAAc,CAEd,gDAKF,CAHE,6EACE,gDACF,CAGF,mDACE,qCACF","file":"CheckboxOrRadioGroup-e38b5339.css","sourcesContent":[".Body {\n  display: flex;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  flex-direction: column;\n\n  & > * + * {\n    margin-top: var(--base-size-8);\n  }\n}\n\n.GroupFieldset {\n  padding: 0;\n  margin: 0;\n  border: none;\n\n  &:where([data-validation]) {\n    margin-bottom: var(--base-size-8);\n  }\n}\n\n.GroupLegend {\n  padding: 0;\n\n  &:where([data-legend-visible]) {\n    margin-bottom: var(--base-size-8);\n  }\n}\n\n.CheckboxOrRadioGroupCaption {\n  font-size: var(--text-body-size-medium);\n  color: var(--fgColor-muted);\n}\n\n.RadioGroupLabel {\n  display: block;\n  font-size: var(--text-body-size-medium);\n  font-weight: var(--base-text-weight-semibold);\n\n  &:where([data-label-disabled]) {\n    color: var(--fgColor-muted);\n  }\n}\n\n.GroupLabelChildren {\n  margin-right: var(--base-size-8);\n}\n"]}

package/lib/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