@primer/react 38.0.0-rc.6 → 38.0.0-rc.8

package/dist/FormControl/FormControlLabel.js

@@ -4,7 +4,7 @@ import { InputLabel } from '../internal/components/InputLabel.js';
 import { jsx } from 'react/jsx-runtime';
 
 const FormControlLabel = t0 => {
-  const $ = c(27);
+  const $ = c(25);
   let as;
   let children;
   let className;
@@ -12,7 +12,6 @@ const FormControlLabel = t0 => {
   let id;
   let props;
   let requiredText;
-  let sx;
   let t1;
   let visuallyHidden;
   if ($[0] !== t0) {
@@ -24,7 +23,6 @@ const FormControlLabel = t0 => {
       visuallyHidden,
       requiredIndicator: t1,
       requiredText,
-      sx,
       className,
       ...props
     } = t0);
@@ -36,9 +34,8 @@ const FormControlLabel = t0 => {
     $[5] = id;
     $[6] = props;
     $[7] = requiredText;
-    $[8] = sx;
-    $[9] = t1;
-    $[10] = visuallyHidden;
+    $[8] = t1;
+    $[9] = visuallyHidden;
   } else {
     as = $[1];
     children = $[2];
@@ -47,9 +44,8 @@ const FormControlLabel = t0 => {
     id = $[5];
     props = $[6];
     requiredText = $[7];
-    sx = $[8];
-    t1 = $[9];
-    visuallyHidden = $[10];
+    t1 = $[8];
+    visuallyHidden = $[9];
   }
   const requiredIndicator = t1 === undefined ? true : t1;
   const {
@@ -58,7 +54,7 @@ const FormControlLabel = t0 => {
     required
   } = useFormControlContext();
   let t2;
-  if ($[11] !== as || $[12] !== className || $[13] !== disabled || $[14] !== formControlId || $[15] !== htmlFor || $[16] !== id || $[17] !== props || $[18] !== required || $[19] !== requiredIndicator || $[20] !== requiredText || $[21] !== sx || $[22] !== visuallyHidden) {
+  if ($[10] !== as || $[11] !== className || $[12] !== disabled || $[13] !== formControlId || $[14] !== htmlFor || $[15] !== id || $[16] !== props || $[17] !== required || $[18] !== requiredIndicator || $[19] !== requiredText || $[20] !== visuallyHidden) {
     t2 = as === "legend" || as === "span" ? {
       as,
       id,
@@ -68,7 +64,6 @@ const FormControlLabel = t0 => {
       requiredText,
       requiredIndicator,
       disabled,
-      sx,
       ...props
     } : {
       as,
@@ -80,39 +75,38 @@ const FormControlLabel = t0 => {
       requiredText,
       requiredIndicator,
       disabled,
-      sx,
       ...props
     };
-    $[11] = as;
-    $[12] = className;
-    $[13] = disabled;
-    $[14] = formControlId;
-    $[15] = htmlFor;
-    $[16] = id;
-    $[17] = props;
-    $[18] = required;
-    $[19] = requiredIndicator;
-    $[20] = requiredText;
-    $[21] = sx;
-    $[22] = visuallyHidden;
-    $[23] = t2;
+    $[10] = as;
+    $[11] = className;
+    $[12] = disabled;
+    $[13] = formControlId;
+    $[14] = htmlFor;
+    $[15] = id;
+    $[16] = props;
+    $[17] = required;
+    $[18] = requiredIndicator;
+    $[19] = requiredText;
+    $[20] = visuallyHidden;
+    $[21] = t2;
   } else {
-    t2 = $[23];
+    t2 = $[21];
   }
   const labelProps = t2;
   let t3;
-  if ($[24] !== children || $[25] !== labelProps) {
+  if ($[22] !== children || $[23] !== labelProps) {
     t3 = /*#__PURE__*/jsx(InputLabel, {
       ...labelProps,
       children: children
     });
-    $[24] = children;
-    $[25] = labelProps;
-    $[26] = t3;
+    $[22] = children;
+    $[23] = labelProps;
+    $[24] = t3;
   } else {
-    t3 = $[26];
+    t3 = $[24];
   }
   return t3;
 };
+FormControlLabel.__SLOT__ = Symbol('FormControl.Label');
 
 export { FormControlLabel as default };

package/dist/FormControl/FormControlLeadingVisual-e217df71.css

@@ -0,0 +1,2 @@
+.prc-FormControl-LeadingVisual-Gycks{--leadingVisual-size:16px;align-items:center;color:var(--fgColor-default,var(--color-fg-default));display:flex}.prc-FormControl-LeadingVisual-Gycks:where([data-control-disabled]){color:var(--control-fgColor-disabled,var(--color-primer-fg-disabled))}.prc-FormControl-LeadingVisual-Gycks>*{min-height:var(--leadingVisual-size);min-width:var(--leadingVisual-size);fill:currentColor}.prc-FormControl-LeadingVisual-Gycks:where([data-has-caption]){--leadingVisual-size:24px}
+/*# sourceMappingURL=FormControlLeadingVisual-e217df71.css.map */

package/dist/FormControl/FormControlLeadingVisual-e217df71.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/FormControl/FormControlLeadingVisual.module.css"],"names":[],"mappings":"AAAA,qCACE,yBAA0B,CAI1B,kBAAmB,CAFnB,oDAA6B,CAC7B,YAgBF,CAbE,oEACE,qEACF,CAEA,uCAEE,oCAAqC,CADrC,mCAAoC,CAEpC,iBACF,CAEA,+DACE,yBACF","file":"FormControlLeadingVisual-e217df71.css","sourcesContent":[".LeadingVisual {\n  --leadingVisual-size: 16px;\n\n  color: var(--fgColor-default);\n  display: flex;\n  align-items: center;\n\n  &:where([data-control-disabled]) {\n    color: var(--control-fgColor-disabled);\n  }\n\n  & > * {\n    min-width: var(--leadingVisual-size);\n    min-height: var(--leadingVisual-size);\n    fill: currentColor;\n  }\n\n  &:where([data-has-caption]) {\n    --leadingVisual-size: 24px;\n  }\n}\n"]}

package/dist/FormControl/FormControlLeadingVisual.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
-import type { SxProp } from '../sx';
-declare const FormControlLeadingVisual: React.FC<React.PropsWithChildren<SxProp & {
+import type { FCWithSlotMarker } from '../utils/types';
+declare const FormControlLeadingVisual: FCWithSlotMarker<React.PropsWithChildren<{
     style?: React.CSSProperties;
 }>>;
 export default FormControlLeadingVisual;

package/dist/FormControl/FormControlLeadingVisual.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormControlLeadingVisual.d.ts","sourceRoot":"","sources":["../../src/FormControl/FormControlLeadingVisual.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAKjC,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,MAAM,GAAG;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAAC,CAAC,CAgBvG,CAAA;AA2BD,eAAe,wBAAwB,CAAA"}
+{"version":3,"file":"FormControlLeadingVisual.d.ts","sourceRoot":"","sources":["../../src/FormControl/FormControlLeadingVisual.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAA;AAEpD,QAAA,MAAM,wBAAwB,EAAE,gBAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAAC,CAAC,CAetG,CAAA;AAID,eAAe,wBAAwB,CAAA"}

package/dist/FormControl/FormControlLeadingVisual.js

@@ -1,15 +1,12 @@
 import { c } from 'react-compiler-runtime';
-import { get } from '../constants.js';
 import { useFormControlContext } from './_FormControlContext.js';
-import styled from 'styled-components';
-import sx from '../sx.js';
+import classes from './FormControlLeadingVisual.module.css.js';
 import { jsx } from 'react/jsx-runtime';
 
 const FormControlLeadingVisual = t0 => {
-  const $ = c(6);
+  const $ = c(5);
   const {
     children,
-    sx,
     style
   } = t0;
   const {
@@ -19,28 +16,24 @@ const FormControlLeadingVisual = t0 => {
   const t1 = disabled ? "" : undefined;
   const t2 = captionId ? "" : undefined;
   let t3;
-  if ($[0] !== children || $[1] !== style || $[2] !== sx || $[3] !== t1 || $[4] !== t2) {
-    t3 = /*#__PURE__*/jsx(StyledLeadingVisual, {
+  if ($[0] !== children || $[1] !== style || $[2] !== t1 || $[3] !== t2) {
+    t3 = /*#__PURE__*/jsx("div", {
+      className: classes.LeadingVisual,
       "data-control-disabled": t1,
       style: style,
       "data-has-caption": t2,
-      sx: sx,
       children: children
     });
     $[0] = children;
     $[1] = style;
-    $[2] = sx;
-    $[3] = t1;
-    $[4] = t2;
-    $[5] = t3;
+    $[2] = t1;
+    $[3] = t2;
+    $[4] = t3;
   } else {
-    t3 = $[5];
+    t3 = $[4];
   }
   return t3;
 };
-const StyledLeadingVisual = styled.div.withConfig({
-  displayName: "FormControlLeadingVisual__StyledLeadingVisual",
-  componentId: "sc-1c26i0t-0"
-})(["--leadingVisual-size:", ";color:var(--fgColor-default);display:flex;align-items:center;&:where([data-control-disabled]){color:var(--control-fgColor-disabled);}& > *{min-width:var(--leadingVisual-size);min-height:var(--leadingVisual-size);fill:currentColor;}&:where([data-has-caption]){--leadingVisual-size:", ";}", ""], get('fontSizes.2'), get('fontSizes.4'), sx);
+FormControlLeadingVisual.__SLOT__ = Symbol('FormControl.LeadingVisual');
 
 export { FormControlLeadingVisual as default };

package/dist/FormControl/FormControlLeadingVisual.module.css.js

@@ -0,0 +1,5 @@
+import './FormControlLeadingVisual-e217df71.css';
+
+var classes = {"LeadingVisual":"prc-FormControl-LeadingVisual-Gycks"};
+
+export { classes as default };

package/dist/FormControl/_FormControlContext.js

@@ -1,5 +1,5 @@
 import { c } from 'react-compiler-runtime';
-import { useContext, createContext } from 'react';
+import { createContext, useContext } from 'react';
 
 const FormControlContext = /*#__PURE__*/createContext(null);
 const FormControlContextProvider = FormControlContext.Provider;

package/dist/FormControl/_FormControlValidation.d.ts

@@ -1,12 +1,12 @@
 import type React from 'react';
-import type { SxProp } from '../sx';
 import type { FormValidationStatus } from '../utils/types/FormValidationStatus';
+import type { FCWithSlotMarker } from '../utils/types';
 export type FormControlValidationProps = {
     variant: FormValidationStatus;
     id?: string;
     className?: string;
     style?: React.CSSProperties;
-} & SxProp;
-declare const FormControlValidation: React.FC<React.PropsWithChildren<FormControlValidationProps>>;
+};
+declare const FormControlValidation: FCWithSlotMarker<React.PropsWithChildren<FormControlValidationProps>>;
 export default FormControlValidation;
 //# sourceMappingURL=_FormControlValidation.d.ts.map

package/dist/FormControl/_FormControlValidation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_FormControlValidation.d.ts","sourceRoot":"","sources":["../../src/FormControl/_FormControlValidation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAA;AAG7E,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,EAAE,oBAAoB,CAAA;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,GAAG,MAAM,CAAA;AAEV,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,0BAA0B,CAAC,CAoBxF,CAAA;AAED,eAAe,qBAAqB,CAAA"}
+{"version":3,"file":"_FormControlValidation.d.ts","sourceRoot":"","sources":["../../src/FormControl/_FormControlValidation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAA;AAE7E,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAA;AAEpD,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,EAAE,oBAAoB,CAAA;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,CAAA;AAED,QAAA,MAAM,qBAAqB,EAAE,gBAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC,0BAA0B,CAAC,CAkBhG,CAAA;AAID,eAAe,qBAAqB,CAAA"}

package/dist/FormControl/_FormControlValidation.js

@@ -4,12 +4,11 @@ import { useFormControlContext } from './_FormControlContext.js';
 import { jsx } from 'react/jsx-runtime';
 
 const FormControlValidation = t0 => {
-  const $ = c(7);
+  const $ = c(6);
   const {
     children,
     className,
     variant,
-    sx,
     id,
     style
   } = t0;
@@ -18,26 +17,25 @@ const FormControlValidation = t0 => {
   } = useFormControlContext();
   const t1 = id || validationMessageId || "";
   let t2;
-  if ($[0] !== children || $[1] !== className || $[2] !== style || $[3] !== sx || $[4] !== t1 || $[5] !== variant) {
+  if ($[0] !== children || $[1] !== className || $[2] !== style || $[3] !== t1 || $[4] !== variant) {
     t2 = /*#__PURE__*/jsx(InputValidation, {
       className: className,
       validationStatus: variant,
       id: t1,
-      sx: sx,
       style: style,
       children: children
     });
     $[0] = children;
     $[1] = className;
     $[2] = style;
-    $[3] = sx;
-    $[4] = t1;
-    $[5] = variant;
-    $[6] = t2;
+    $[3] = t1;
+    $[4] = variant;
+    $[5] = t2;
   } else {
-    t2 = $[6];
+    t2 = $[5];
   }
   return t2;
 };
+FormControlValidation.__SLOT__ = Symbol('FormControl.Validation');
 
 export { FormControlValidation as default };

package/dist/FormControl/index.d.ts

@@ -1,3 +1,7 @@
 export { useFormControlForwardedProps } from './_FormControlContext';
 export { default } from './FormControl';
+export type { FormControlProps } from './FormControl';
+export type { FormControlCaptionProps } from './FormControlCaption';
+export type { Props as FormControlLabelProps } from './FormControlLabel';
+export type { FormControlValidationProps } from './_FormControlValidation';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,4BAA4B,EAAC,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,4BAA4B,EAAC,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAA;AACrC,YAAY,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAA;AACnD,YAAY,EAAC,uBAAuB,EAAC,MAAM,sBAAsB,CAAA;AACjE,YAAY,EAAC,KAAK,IAAI,qBAAqB,EAAC,MAAM,oBAAoB,CAAA;AACtE,YAAY,EAAC,0BAA0B,EAAC,MAAM,0BAA0B,CAAA"}

package/dist/LabelGroup/LabelGroup-7d19205a.css

@@ -0,0 +1,2 @@
+.prc-LabelGroup-Container-0bBKg{display:flex;flex-wrap:nowrap;gap:var(--base-size-4,.25rem);line-height:1;max-width:100%;overflow:hidden}.prc-LabelGroup-Container-0bBKg:where([data-overflow=inline]){flex-wrap:wrap}.prc-LabelGroup-Container-0bBKg:where([data-list]){list-style-type:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.prc-LabelGroup-ItemWrapper-ETvGq{align-items:center;display:flex;min-height:28px}.prc-LabelGroup-ItemWrapper--hidden-HzoA1{order:9999;pointer-events:none;visibility:hidden}.prc-LabelGroup-OverlayContainer-pt4uv{align-items:flex-start;display:flex}.prc-LabelGroup-OverlayInner-qvwGT{display:flex;flex-wrap:wrap;gap:var(--base-size-4,.25rem)}.prc-LabelGroup-CloseButton-GyJi3{flex-shrink:0}
+/*# sourceMappingURL=LabelGroup-7d19205a.css.map */

package/dist/LabelGroup/LabelGroup-7d19205a.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/LabelGroup/LabelGroup.module.css"],"names":[],"mappings":"AAAA,gCACE,YAAa,CACb,gBAAiB,CACjB,6BAAuB,CAEvB,aAAc,CACd,cAAe,CACf,eAYF,CAVE,8DACE,cACF,CAEA,mDAIE,oBAAqB,CADrB,kBAAmB,CADnB,oBAAqB,CADrB,sBAIF,CAGF,kCAEE,kBAAmB,CADnB,YAAa,CAOb,eACF,CAEA,0CACE,UAAW,CACX,mBAAoB,CACpB,iBACF,CAEA,uCACE,sBAAuB,CACvB,YACF,CAEA,mCACE,YAAa,CACb,cAAe,CACf,6BACF,CAEA,kCACE,aACF","file":"LabelGroup-7d19205a.css","sourcesContent":[".Container {\n  display: flex;\n  flex-wrap: nowrap;\n  gap: var(--base-size-4);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 1;\n  max-width: 100%;\n  overflow: hidden;\n\n  &:where([data-overflow='inline']) {\n    flex-wrap: wrap;\n  }\n\n  &:where([data-list]) {\n    padding-inline-start: 0;\n    margin-block-start: 0;\n    margin-block-end: 0;\n    list-style-type: none;\n  }\n}\n\n.ItemWrapper {\n  display: flex;\n  align-items: center;\n  /* This min-height matches the height of the expand/collapse button.\n     Without it, the labels/tokens will do a slight layout shift when expanded.\n     This is because the height of the first row will match the token sizes,\n     but the height of the second row will be the height of the collapse button.\n  */\n  min-height: 28px;\n}\n\n.ItemWrapper--hidden {\n  order: 9999;\n  pointer-events: none;\n  visibility: hidden;\n}\n\n.OverlayContainer {\n  align-items: flex-start;\n  display: flex;\n}\n\n.OverlayInner {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--base-size-4);\n}\n\n.CloseButton {\n  flex-shrink: 0;\n}\n"]}

package/dist/LabelGroup/LabelGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LabelGroup.d.ts","sourceRoot":"","sources":["../../src/LabelGroup/LabelGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,MAAM,eAAe,GAAG;IAC5B,2DAA2D;IAC3D,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,4LAA4L;IAC5L,aAAa,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IACpC,4MAA4M;IAC5M,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAkID,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CA0OlE,CAAA;AAID,eAAe,UAAU,CAAA"}
+{"version":3,"file":"LabelGroup.d.ts","sourceRoot":"","sources":["../../src/LabelGroup/LabelGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,MAAM,MAAM,eAAe,GAAG;IAC5B,2DAA2D;IAC3D,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,4LAA4L;IAC5L,aAAa,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IACpC,4MAA4M;IAC5M,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AA2FD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CA0OlE,CAAA;AAID,eAAe,UAAU,CAAA"}

package/dist/LabelGroup/LabelGroup.js

@@ -1,26 +1,16 @@
 import { c } from 'react-compiler-runtime';
 import React from 'react';
-import styled from 'styled-components';
 import { XIcon } from '@primer/octicons-react';
 import { getFocusableChild } from '@primer/behaviors/utils';
-import { get } from '../constants.js';
 import VisuallyHidden from '../_VisuallyHidden.js';
 import { IconButton } from '../Button/IconButton.js';
 import { ButtonComponent } from '../Button/Button.js';
-import { useTheme } from '../ThemeProvider.js';
+import { clsx } from 'clsx';
+import theme from '../theme.js';
 import classes from './LabelGroup.module.css.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { AnchoredOverlay } from '../AnchoredOverlay/AnchoredOverlay.js';
 
-const StyledLabelGroupContainer = styled.div.withConfig({
-  displayName: "LabelGroup__StyledLabelGroupContainer",
-  componentId: "sc-6tqg8q-0"
-})(["display:flex;flex-wrap:nowrap;gap:", ";line-height:1;max-width:100%;overflow:hidden;&[data-overflow='inline']{flex-wrap:wrap;}&[data-list]{padding-inline-start:0;margin-block-start:0;margin-block-end:0;list-style-type:none;}"], get('space.1'));
-const ItemWrapper = styled.div.withConfig({
-  displayName: "LabelGroup__ItemWrapper",
-  componentId: "sc-6tqg8q-1"
-})(["display:flex;align-items:center;min-height:28px;&.ItemWrapper--hidden{order:9999;pointer-events:none;visibility:hidden;}"]);
-
 // Calculates the width of the overlay to cover the labels/tokens and the expand button.
 const getOverlayWidth = (buttonClientRect, containerRef, overlayPaddingPx) => {
   var _containerRef$current;
@@ -146,7 +136,7 @@ const LabelGroup = ({
   children,
   visibleChildCount,
   overflowStyle = 'overlay',
-  as = 'ul',
+  as: Component = 'ul',
   className
 }) => {
   const containerRef = React.useRef(null);
@@ -165,10 +155,7 @@ const LabelGroup = ({
     bottom: 0,
     toJSON: () => undefined
   });
-  const {
-    theme
-  } = useTheme();
-  const overlayPaddingPx = parseInt(get('space.2')(theme), 10);
+  const overlayPaddingPx = parseInt(theme.space[2], 10);
   const hiddenItemIds = Object.keys(visibilityMap).filter(key => !visibilityMap[key]);
 
   // `overlayWidth` is only needed when we render an overlay
@@ -296,22 +283,23 @@ const LabelGroup = ({
       }
     }
   }, [overflowStyle, isOverflowShown]);
-  const isList = as === 'ul' || as === 'ol';
+  const isList = Component === 'ul' || Component === 'ol';
   const ToggleWrapper = isList ? 'li' : React.Fragment;
+  const ItemWrapperComponent = isList ? 'li' : 'span';
 
   // If truncation is enabled, we need to render based on truncation logic.
-  return visibleChildCount ? /*#__PURE__*/jsxs(StyledLabelGroupContainer, {
+  return visibleChildCount ? /*#__PURE__*/jsxs(Component, {
     ref: containerRef,
     "data-overflow": overflowStyle === 'inline' && isOverflowShown ? 'inline' : undefined,
     "data-list": isList || undefined,
-    className: className,
-    as: as,
-    children: [React.Children.map(children, (child_0, index) => /*#__PURE__*/jsx(ItemWrapper
+    className: clsx(className, classes.Container),
+    children: [React.Children.map(children, (child_0, index) => /*#__PURE__*/jsx(ItemWrapperComponent
     // data-index is used as an identifier we can use in the IntersectionObserver
     , {
       "data-index": index,
-      className: hiddenItemIds.includes(index.toString()) ? 'ItemWrapper--hidden' : undefined,
-      as: isList ? 'li' : 'span',
+      className: clsx(classes.ItemWrapper, {
+        [classes['ItemWrapper--hidden']]: hiddenItemIds.includes(index.toString())
+      }),
       children: child_0
     }, index)), /*#__PURE__*/jsx(ToggleWrapper, {
       children: overflowStyle === 'inline' ? /*#__PURE__*/jsx(InlineToggle, {
@@ -334,11 +322,10 @@ const LabelGroup = ({
         children: children
       })
     })]
-  }) : /*#__PURE__*/jsx(StyledLabelGroupContainer, {
+  }) : /*#__PURE__*/jsx(Component, {
     "data-overflow": "inline",
     "data-list": isList || undefined,
-    as: as,
-    className: className,
+    className: clsx(className, classes.Container),
     children: isList ? React.Children.map(children, (child_1, index_0) => {
       return /*#__PURE__*/jsx("li", {
         children: child_1

package/dist/LabelGroup/LabelGroup.module.css.js

@@ -1,5 +1,5 @@
-import './LabelGroup-eda75c0f.css';
+import './LabelGroup-7d19205a.css';
 
-var classes = {"OverlayContainer":"prc-LabelGroup-OverlayContainer-pt4uv","OverlayInner":"prc-LabelGroup-OverlayInner-qvwGT","CloseButton":"prc-LabelGroup-CloseButton-GyJi3"};
+var classes = {"Container":"prc-LabelGroup-Container-0bBKg","ItemWrapper":"prc-LabelGroup-ItemWrapper-ETvGq","ItemWrapper--hidden":"prc-LabelGroup-ItemWrapper--hidden-HzoA1","OverlayContainer":"prc-LabelGroup-OverlayContainer-pt4uv","OverlayInner":"prc-LabelGroup-OverlayInner-qvwGT","CloseButton":"prc-LabelGroup-CloseButton-GyJi3"};
 
 export { classes as default };

package/dist/NavList/NavList.d.ts

@@ -41,10 +41,10 @@ export type NavListGroupHeadingProps = ActionListGroupHeadingProps;
 export declare const NavList: React.ForwardRefExoticComponent<Omit<NavListProps, "ref"> & React.RefAttributes<HTMLElement>> & {
     Item: PolymorphicForwardRefComponent<"a", NavListItemProps>;
     SubNav: PolymorphicForwardRefComponent<"ul", NavListSubNavProps>;
-    LeadingVisual: React.FC<React.PropsWithChildren<import("../ActionList/Visuals").VisualProps>>;
-    TrailingVisual: React.FC<React.PropsWithChildren<import("../ActionList/Visuals").VisualProps>>;
+    LeadingVisual: import("../utils/types").FCWithSlotMarker<React.PropsWithChildren<import("../ActionList/Visuals").VisualProps>>;
+    TrailingVisual: import("../utils/types").FCWithSlotMarker<React.PropsWithChildren<import("../ActionList/Visuals").VisualProps>>;
     TrailingAction: PolymorphicForwardRefComponent<"button" | "a", ActionListTrailingActionProps>;
-    Divider: React.FC<React.PropsWithChildren<ActionListDividerProps>>;
+    Divider: import("../utils/types").FCWithSlotMarker<React.PropsWithChildren<ActionListDividerProps>>;
     Group: React.FC<NavListGroupProps>;
     GroupExpand: React.ForwardRefExoticComponent<NavListGroupExpandProps & React.RefAttributes<HTMLButtonElement>>;
     GroupHeading: React.FC<ActionListGroupHeadingProps>;

package/dist/NavList/NavList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/NavList/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAC3E,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAC/F,OAAO,KAAuB,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EACV,6BAA6B,EAC7B,sBAAsB,EACtB,4BAA4B,EAC5B,6BAA6B,EAC7B,2BAA2B,EAC5B,MAAM,eAAe,CAAA;AAatB,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAqB/B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;IAC5F,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AA6GD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAkCD,MAAM,MAAM,yBAAyB,GAAG,4BAA4B,CAAA;AASpE,MAAM,MAAM,0BAA0B,GAAG,6BAA6B,CAAA;AAStE,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CAAA;AAQxD,MAAM,MAAM,0BAA0B,GAAG,6BAA6B,CAAA;AAStE,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,GAAG;IACpE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAqBD,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC9B,aAAa,CAAC,EAAE,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,6BAA6B,CAAA;IAC9C,0BAA0B,CAAC,EAAE,MAAM,CAAA;CACpC,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAA;AAEtC,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,WAAW,mGAgFvB,CAAA;AAKD,MAAM,MAAM,wBAAwB,GAAG,2BAA2B,CAAA;AAqBlE,eAAO,MAAM,OAAO;;;;;;;;;;CAUlB,CAAA"}
+{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/NavList/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAC3E,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAC/F,OAAO,KAAuB,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EACV,6BAA6B,EAC7B,sBAAsB,EACtB,4BAA4B,EAC5B,6BAA6B,EAC7B,2BAA2B,EAC5B,MAAM,eAAe,CAAA;AActB,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAqB/B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;IAC5F,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAoHD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAkCD,MAAM,MAAM,yBAAyB,GAAG,4BAA4B,CAAA;AASpE,MAAM,MAAM,0BAA0B,GAAG,6BAA6B,CAAA;AAStE,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CAAA;AAQxD,MAAM,MAAM,0BAA0B,GAAG,6BAA6B,CAAA;AAStE,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,GAAG;IACpE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAqBD,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC9B,aAAa,CAAC,EAAE,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,6BAA6B,CAAA;IAC9C,0BAA0B,CAAC,EAAE,MAAM,CAAA;CACpC,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAA;AAEtC,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,WAAW,mGAgFvB,CAAA;AAKD,MAAM,MAAM,wBAAwB,GAAG,2BAA2B,CAAA;AAqBlE,eAAO,MAAM,OAAO;;;;;;;;;;CAUlB,CAAA"}

package/dist/NavList/NavList.js

@@ -10,6 +10,7 @@ import useIsomorphicLayoutEffect from '../utils/useIsomorphicLayoutEffect.js';
 import classes from '../ActionList/ActionList.module.css.js';
 import navListClasses from './NavList.module.css.js';
 import { flushSync } from 'react-dom';
+import { isSlot } from '../utils/is-slot.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 const Root = /*#__PURE__*/React.forwardRef((t0, ref) => {
@@ -695,10 +696,10 @@ const NavList = Object.assign(Root, {
   GroupHeading
 });
 function _temp(child) {
-  return /*#__PURE__*/isValidElement(child) && child.type === SubNav;
+  return /*#__PURE__*/isValidElement(child) && (child.type === SubNav || isSlot(child, SubNav));
 }
 function _temp2(child_0) {
-  return /*#__PURE__*/isValidElement(child_0) ? child_0.type !== SubNav && child_0.type !== TrailingAction : true;
+  return /*#__PURE__*/isValidElement(child_0) ? child_0.type !== SubNav && child_0.type !== TrailingAction && !isSlot(child_0, SubNav) && !isSlot(child_0, TrailingAction) : true;
 }
 
 export { GroupExpand, NavList };

package/dist/Octicon/Octicon.d.ts

@@ -1,17 +1,18 @@
 import type { IconProps } from '@primer/octicons-react';
 import React from 'react';
-import type { SxProp } from '../sx';
-import type { ComponentProps } from '../utils/types';
 /**
  * @deprecated Use the icon component directly from `@primer/octicons-react` instead
  */
-declare const Octicon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<{
+export type OcticonProps = {
     icon: React.ElementType;
-    color?: string;
-} & IconProps & SxProp & React.RefAttributes<SVGSVGElement>>, any, SxProp, never>;
+    as?: React.ElementType;
+} & IconProps;
 /**
  * @deprecated Use the icon component directly from `@primer/octicons-react` instead
  */
-export type OcticonProps = ComponentProps<typeof Octicon>;
+declare const Octicon: React.ForwardRefExoticComponent<{
+    icon: React.ElementType;
+    as?: React.ElementType;
+} & IconProps & React.RefAttributes<SVGSVGElement>>;
 export default Octicon;
 //# sourceMappingURL=Octicon.d.ts.map

package/dist/Octicon/Octicon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Octicon.d.ts","sourceRoot":"","sources":["../../src/Octicon/Octicon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AACrD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AASlD;;GAEG;AACH,QAAA,MAAM,OAAO;UAVoB,KAAK,CAAC,WAAW;YAAU,MAAM;iFAgBjE,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;AACzD,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Octicon.d.ts","sourceRoot":"","sources":["../../src/Octicon/Octicon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AACrD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IAAC,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,GAAG,SAAS,CAAA;AAExF;;GAEG;AACH,QAAA,MAAM,OAAO;UALqB,KAAK,CAAC,WAAW;SAAO,KAAK,CAAC,WAAW;mDAQzE,CAAA;AAEF,eAAe,OAAO,CAAA"}

package/dist/Octicon/Octicon.js

@@ -1,10 +1,11 @@
 import { c } from 'react-compiler-runtime';
 import React from 'react';
-import styled from 'styled-components';
-import sx from '../sx.js';
 import { jsx } from 'react/jsx-runtime';
 
-const Icon = /*#__PURE__*/React.forwardRef((props, ref) => {
+/**
+ * @deprecated Use the icon component directly from `@primer/octicons-react` instead
+ */
+const Octicon = /*#__PURE__*/React.forwardRef((props, ref) => {
   const $ = c(7);
   let IconComponent;
   let rest;
@@ -36,24 +37,4 @@ const Icon = /*#__PURE__*/React.forwardRef((props, ref) => {
   return t0;
 });
 
-/**
- * @deprecated Use the icon component directly from `@primer/octicons-react` instead
- */
-const Octicon = styled(Icon).withConfig({
-  shouldForwardProp(prop) {
-    return prop !== 'sx';
-  }
-}).withConfig({
-  displayName: "Octicon",
-  componentId: "sc-9kayk9-0"
-})(["", ""], ({
-  color,
-  sx: sxProp
-}) => sx({
-  sx: {
-    color,
-    ...sxProp
-  }
-}));
-
 export { Octicon as default };

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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"}