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

package/dist/FeatureFlags/DefaultFeatureFlags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultFeatureFlags.d.ts","sourceRoot":"","sources":["../../src/FeatureFlags/DefaultFeatureFlags.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAA;AAEnD,eAAO,MAAM,mBAAmB,kBAQ9B,CAAA"}
+{"version":3,"file":"DefaultFeatureFlags.d.ts","sourceRoot":"","sources":["../../src/FeatureFlags/DefaultFeatureFlags.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAA;AAEnD,eAAO,MAAM,mBAAmB,kBAS9B,CAAA"}

package/dist/FeatureFlags/DefaultFeatureFlags.js

@@ -7,7 +7,8 @@ const DefaultFeatureFlags = FeatureFlagScope.create({
   primer_react_segmented_control_tooltip: false,
   primer_react_select_panel_fullscreen_on_narrow: false,
   primer_react_select_panel_order_selected_at_top: false,
-  primer_react_select_panel_remove_active_descendant: false
+  primer_react_select_panel_remove_active_descendant: false,
+  primer_react_use_styled_react_theming: false
 });
 
 export { DefaultFeatureFlags };

package/dist/FilteredActionList/FilteredActionList-f6c2dc7a.css

@@ -0,0 +1,2 @@
+.prc-FilteredActionList-Root-S5E74{display:flex;flex-direction:column;overflow:hidden}.prc-FilteredActionList-Header-R1tjC{box-shadow:0 1px 0 var(--borderColor-default,var(--color-border-default));z-index:1}.prc-FilteredActionList-Container-2A9NQ{display:flex;height:100%;overflow:auto}.prc-FilteredActionList-ActionList-QY9ZL,.prc-FilteredActionList-Container-2A9NQ{flex-grow:1}.prc-FilteredActionList-ActionListItem-39lnB:focus{background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-FilteredActionList-ActionListItem-39lnB:focus:after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:var(--base-size-24,1.5rem);left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:calc(50% - var(--base-size-12,.75rem));width:var(--base-size-4,.25rem)}.prc-FilteredActionList-ActionListItem-39lnB:where([data-input-focused]):where([data-first-child]){background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-FilteredActionList-ActionListItem-39lnB:where([data-input-focused]):where([data-first-child]):after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:var(--base-size-24,1.5rem);left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:calc(50% - var(--base-size-12,.75rem));width:var(--base-size-4,.25rem)}@media screen and (max-width:calc(48rem - 0.02px)){@supports (-webkit-touch-callout:none){.prc-FilteredActionList-FullScreenTextInput-rCAiq{font-size:var(--text-title-size-small,1rem)}}}.prc-FilteredActionList-SelectAllContainer-w5otq{align-items:center;background:var(--bgColor-muted,var(--color-canvas-subtle));border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));display:flex;padding-block:var(--base-size-4,.25rem);padding-inline:var(--base-size-16,1rem)}.prc-FilteredActionList-SelectAllCheckbox-dq2yL{margin:var(--base-size-4,.25rem) var(--base-size-8,.5rem) calc(var(--base-size-4,.25rem) - 1px) 0}.prc-FilteredActionList-SelectAllLabel-l34LA{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-medium,.875rem)}
+/*# sourceMappingURL=FilteredActionList-f6c2dc7a.css.map */

package/dist/FilteredActionList/FilteredActionList-f6c2dc7a.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/FilteredActionList/FilteredActionList.module.css","../../postcss-preset-primer/src/mixins/activeIndicatorLine.css"],"names":[],"mappings":"AAAA,mCACE,YAAa,CACb,qBAAsB,CACtB,eACF,CAEA,qCAEE,yEAA8C,CAC9C,SACF,CAEA,wCACE,YAAa,CACb,WAAY,CACZ,aAEF,CAEA,iFAHE,WAKF,CAEA,mDACE,wGAKF,CAHE,yDClBA,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,iCAA2B,CAF3B,sCAAmC,CAFnC,iBAAkB,CAClB,0CAAoC,CAEpC,+BDwBA,CAGF,mGACE,wGAKF,CAHE,yGC1BA,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,iCAA2B,CAF3B,sCAAmC,CAFnC,iBAAkB,CAClB,0CAAoC,CAEpC,+BDgCA,CAIA,mDAEE,uCAHJ,kDAIM,2CAGN,CAFI,CACF,CAGF,iDAEE,kBAAmB,CAGnB,0DAAgC,CAChC,2GAAuE,CALvE,YAAa,CAEb,uCAAiC,CACjC,uCAGF,CAEA,gDAGE,iGACF,CAEA,6CAEE,gDAA2B,CAD3B,8CAEF","file":"FilteredActionList-f6c2dc7a.css","sourcesContent":[".Root {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.Header {\n  /* stylelint-disable-next-line primer/box-shadow */\n  box-shadow: 0 1px 0 var(--borderColor-default);\n  z-index: 1;\n}\n\n.Container {\n  display: flex;\n  height: 100%;\n  overflow: auto;\n  flex-grow: 1;\n}\n\n.ActionList {\n  flex-grow: 1;\n}\n\n.ActionListItem:focus {\n  background: var(--control-transparent-bgColor-selected);\n\n  &::after {\n    @mixin activeIndicatorLine;\n  }\n}\n\n.ActionListItem:where([data-input-focused]):where([data-first-child]) {\n  background: var(--control-transparent-bgColor-selected);\n\n  &::after {\n    @mixin activeIndicatorLine;\n  }\n}\n\n.FullScreenTextInput {\n  @media screen and (--viewportRange-narrow) {\n    /* Ensures inputs don't zoom on mobile iPhone but are body-font size on iPad */\n    @supports (-webkit-touch-callout: none) {\n      font-size: var(--text-title-size-small);\n    }\n  }\n}\n\n.SelectAllContainer {\n  display: flex;\n  align-items: center;\n  padding-block: var(--base-size-4);\n  padding-inline: var(--base-size-16);\n  background: var(--bgColor-muted);\n  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.SelectAllCheckbox {\n  /* -1px hack to offset 1px border-bottom causing uneven alignment */\n  /* stylelint-disable-next-line primer/spacing */\n  margin: var(--base-size-4) var(--base-size-8) calc(var(--base-size-4) - 1px) 0;\n}\n\n.SelectAllLabel {\n  font-size: var(--text-body-size-medium);\n  color: var(--fgColor-muted);\n}\n","@define-mixin activeIndicatorLine {\n  position: absolute;\n  top: calc(50% - var(--base-size-12));\n  left: calc(-1 * var(--base-size-8));\n  width: var(--base-size-4);\n  height: var(--base-size-24);\n  content: '';\n  /* stylelint-disable-next-line primer/colors */\n  background: var(--borderColor-accent-emphasis);\n  border-radius: var(--borderRadius-medium);\n}\n"]}

package/dist/FilteredActionList/FilteredActionList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilteredActionList.d.ts","sourceRoot":"","sources":["../../src/FilteredActionList/FilteredActionList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAA;AAIhD,OAAO,KAAK,EAAC,gBAAgB,EAAE,aAAa,EAA0B,MAAM,IAAI,CAAA;AAOhF,OAAO,KAAK,EAAC,6BAA6B,EAAC,MAAM,6BAA6B,CAAA;AAa9E,MAAM,WAAW,uBAAwB,SAAQ,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,aAAa,CAAC,CAAC,EAAE,aAAa;IAClH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,6BAA6B,CAAA;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;IACtF,yBAAyB,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7D,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACpE,cAAc,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAA;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC/C;AAOD,wBAAgB,kBAAkB,CAAC,EACjC,OAAe,EACf,eAAe,EACf,WAAW,EAAE,mBAAmB,EAChC,WAAwD,EACxD,cAAc,EACd,yBAAyB,EACzB,iBAAiB,EACjB,KAAK,EACL,cAAc,EACd,QAAQ,EAAE,gBAAgB,EAC1B,aAAa,EACb,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,oBAA2B,EAC3B,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CA0TvC;yBA/Ue,kBAAkB"}
+{"version":3,"file":"FilteredActionList.d.ts","sourceRoot":"","sources":["../../src/FilteredActionList/FilteredActionList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAA;AAGhD,OAAO,KAAK,EAAC,gBAAgB,EAAE,aAAa,EAA0B,MAAM,IAAI,CAAA;AAOhF,OAAO,KAAK,EAAC,6BAA6B,EAAC,MAAM,6BAA6B,CAAA;AAa9E,MAAM,WAAW,uBAAwB,SAAQ,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,aAAa,CAAC,CAAC,EAAE,aAAa;IAClH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,6BAA6B,CAAA;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;IACtF,yBAAyB,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7D,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACpE,cAAc,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAA;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC/C;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAe,EACf,eAAe,EACf,WAAW,EAAE,mBAAmB,EAChC,WAAwD,EACxD,cAAc,EACd,yBAAyB,EACzB,iBAAiB,EACjB,KAAK,EACL,cAAc,EACd,QAAQ,EAAE,gBAAgB,EAC1B,aAAa,EACb,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,oBAA2B,EAC3B,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CA0TvC;yBA/Ue,kBAAkB"}

package/dist/FilteredActionList/FilteredActionList.js

@@ -1,8 +1,6 @@
 import { c } from 'react-compiler-runtime';
 import { scrollIntoView, FocusKeys } from '@primer/behaviors';
 import { useCallback, useRef, useState, useEffect } from 'react';
-import styled from 'styled-components';
-import { get } from '../constants.js';
 import { ActionList } from '../ActionList/index.js';
 import { useFocusZone } from '../hooks/useFocusZone.js';
 import { useId } from '../hooks/useId.js';
@@ -25,10 +23,6 @@ const menuScrollMargins = {
   startMargin: 0,
   endMargin: 8
 };
-const StyledHeader = styled.div.withConfig({
-  displayName: "FilteredActionList__StyledHeader",
-  componentId: "sc-1oqgb0s-0"
-})(["box-shadow:0 1px 0 ", ";z-index:1;"], get('colors.border.default'));
 function FilteredActionList({
   loading = false,
   placeholderText,
@@ -274,7 +268,8 @@ function FilteredActionList({
     ref: inputAndListContainerRef,
     className: clsx(className, classes.Root),
     "data-testid": "filtered-action-list",
-    children: [/*#__PURE__*/jsx(StyledHeader, {
+    children: [/*#__PURE__*/jsx("div", {
+      className: classes.Header,
       children: /*#__PURE__*/jsx(TextInput, {
         ref: inputRef,
         block: true,

package/dist/FilteredActionList/FilteredActionList.module.css.js

@@ -1,5 +1,5 @@
-import './FilteredActionList-e1eb1b75.css';
+import './FilteredActionList-f6c2dc7a.css';
 
-var classes = {"Root":"prc-FilteredActionList-Root-S5E74","Container":"prc-FilteredActionList-Container-2A9NQ","ActionList":"prc-FilteredActionList-ActionList-QY9ZL","ActionListItem":"prc-FilteredActionList-ActionListItem-39lnB","FullScreenTextInput":"prc-FilteredActionList-FullScreenTextInput-rCAiq","SelectAllContainer":"prc-FilteredActionList-SelectAllContainer-w5otq","SelectAllCheckbox":"prc-FilteredActionList-SelectAllCheckbox-dq2yL","SelectAllLabel":"prc-FilteredActionList-SelectAllLabel-l34LA"};
+var classes = {"Root":"prc-FilteredActionList-Root-S5E74","Header":"prc-FilteredActionList-Header-R1tjC","Container":"prc-FilteredActionList-Container-2A9NQ","ActionList":"prc-FilteredActionList-ActionList-QY9ZL","ActionListItem":"prc-FilteredActionList-ActionListItem-39lnB","FullScreenTextInput":"prc-FilteredActionList-FullScreenTextInput-rCAiq","SelectAllContainer":"prc-FilteredActionList-SelectAllContainer-w5otq","SelectAllCheckbox":"prc-FilteredActionList-SelectAllCheckbox-dq2yL","SelectAllLabel":"prc-FilteredActionList-SelectAllLabel-l34LA"};
 
 export { classes as default };

package/dist/FilteredActionList/types.d.ts

@@ -1,5 +1,4 @@
 import type { Key } from 'react';
-import type { SxProp } from '../sx';
 import type { Merge } from '../utils/polymorphic';
 import type { Group } from '../ActionList/Group';
 import type { ActionListGroupProps } from '../deprecated';
@@ -10,7 +9,7 @@ export type ItemInput = Merge<React.ComponentPropsWithoutRef<'div'>, FilteredAct
 }) & {
     key?: Key;
 });
-export interface FilteredActionListItemProps extends SxProp {
+export interface FilteredActionListItemProps {
     /**
      * Primary text which names an `Item`.
      */
@@ -83,6 +82,10 @@ export interface FilteredActionListItemProps extends SxProp {
      * An item to pass back in the `onAction` callback, meant as
      */
     item?: ItemInput;
+    /**
+     * className to apply to the list item
+     */
+    className?: string;
 }
 /**
  * Contract for props passed to the `List` component, when its `Item`s are collected in `Group`s.

package/dist/FilteredActionList/types.d.ts.map

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

package/dist/FormControl/FormControl.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import type { SxProp } from '../sx';
 import { FormControlCaption } from './FormControlCaption';
 export type FormControlProps = {
     children?: React.ReactNode;
@@ -22,46 +21,19 @@ export type FormControlProps = {
     layout?: 'horizontal' | 'vertical';
     className?: string;
     style?: React.CSSProperties;
-} & SxProp;
-declare const _default: React.ForwardRefExoticComponent<{
-    children?: React.ReactNode;
-    /**
-     * Whether the control allows user input
-     */
-    disabled?: boolean;
-    /**
-     * The unique identifier for this control. Used to associate the label, validation text, and caption text
-     */
-    id?: string;
-    /**
-     * If true, the user must specify a value for the input before the owning form can be submitted
-     */
-    required?: boolean;
-    /**
-     * The direction the content flows.
-     * Vertical layout is used by default, and horizontal layout is used for checkbox and radio inputs.
-     */
-    layout?: "horizontal" | "vertical";
-    className?: string;
-    style?: React.CSSProperties;
-} & SxProp & React.RefAttributes<HTMLDivElement>> & {
+};
+declare const _default: React.ForwardRefExoticComponent<FormControlProps & React.RefAttributes<HTMLDivElement>> & {
+    __SLOT__: symbol;
     Caption: typeof FormControlCaption;
-    Label: React.FC<React.PropsWithChildren<({
+    Label: import("../utils/types").FCWithSlotMarker<React.PropsWithChildren<{
         htmlFor?: string;
-    } & ((import("../internal/components/InputLabel").LabelProps | import("../internal/components/InputLabel").LegendOrSpanProps) & {
+    } & (((import("../internal/components/InputLabel").LabelProps | import("../internal/components/InputLabel").LegendOrSpanProps) & {
         children?: React.ReactNode | undefined;
-    })) & {
-        visuallyHidden?: boolean;
-        requiredText?: string;
-        requiredIndicator?: boolean;
-        id?: string;
-        className?: string;
-        style?: React.CSSProperties;
-    } & SxProp>>;
-    LeadingVisual: React.FC<React.PropsWithChildren<SxProp & {
+    }) & import("./FormControlLabel").Props)>>;
+    LeadingVisual: import("../utils/types").FCWithSlotMarker<React.PropsWithChildren<{
         style?: React.CSSProperties;
     }>>;
-    Validation: React.FC<React.PropsWithChildren<import("./_FormControlValidation").FormControlValidationProps>>;
+    Validation: import("../utils/types").FCWithSlotMarker<React.PropsWithChildren<import("./_FormControlValidation").FormControlValidationProps>>;
 };
 export default _default;
 //# sourceMappingURL=FormControl.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/FormControl/FormControl.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAYvC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAA;AASvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,GAAG,MAAM,CAAA;;eApBG,KAAK,CAAC,SAAS;IAC1B;;OAEG;eACQ,OAAO;IAClB;;OAEG;SACE,MAAM;IACX;;OAEG;eACQ,OAAO;IAClB;;;OAGG;aACM,YAAY,GAAG,UAAU;gBACtB,MAAM;YACV,KAAK,CAAC,aAAa;;;;;;;;;;;;;;;;;;;;AA+K7B,wBAKE"}
+{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/FormControl/FormControl.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAavC,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAA;AASvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,CAAA;;;;;;;;;;;;;;AAuLD,wBAME"}

package/dist/FormControl/FormControl.js

@@ -12,7 +12,7 @@ import FormControlValidation from './_FormControlValidation.js';
 import { FormControlContextProvider } from './_FormControlContext.js';
 import { warning } from '../utils/warning.js';
 import classes from './FormControl.module.css.js';
-import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
+import { isSlot } from '../utils/is-slot.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import CheckboxOrRadioGroupContext from '../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupContext.js';
 import Autocomplete from '../Autocomplete/Autocomplete.js';
@@ -32,7 +32,6 @@ const FormControl = /*#__PURE__*/React.forwardRef((t0, ref) => {
     layout: t1,
     id: idProp,
     required,
-    sx,
     className,
     style
   } = t0;
@@ -57,10 +56,10 @@ const FormControl = /*#__PURE__*/React.forwardRef((t0, ref) => {
   const validationMessageId = slots.validation ? `${id}-validationMessage` : undefined;
   const captionId = slots.caption ? `${id}-caption` : undefined;
   const validationStatus = (_slots$validation = slots.validation) === null || _slots$validation === void 0 ? void 0 : _slots$validation.props.variant;
-  const InputComponent = childrenWithoutSlots.find(child => expectedInputComponents.some(inputComponent => /*#__PURE__*/React.isValidElement(child) && child.type === inputComponent));
+  const InputComponent = childrenWithoutSlots.find(child => expectedInputComponents.some(inputComponent => /*#__PURE__*/React.isValidElement(child) && (child.type === inputComponent || isSlot(child, inputComponent))));
   const inputProps = /*#__PURE__*/React.isValidElement(InputComponent) && InputComponent.props;
-  const isChoiceInput = /*#__PURE__*/React.isValidElement(InputComponent) && (InputComponent.type === Checkbox || InputComponent.type === Radio);
-  const isRadioInput = /*#__PURE__*/React.isValidElement(InputComponent) && InputComponent.type === Radio;
+  const isChoiceInput = /*#__PURE__*/React.isValidElement(InputComponent) && (InputComponent.type === Checkbox || InputComponent.type === Radio || isSlot(InputComponent, Checkbox) || isSlot(InputComponent, Radio));
+  const isRadioInput = /*#__PURE__*/React.isValidElement(InputComponent) && (InputComponent.type === Radio || isSlot(InputComponent, Radio));
   if (InputComponent) {
     process.env.NODE_ENV !== "production" ? warning(inputProps === null || inputProps === void 0 ? void 0 : inputProps.id, "instead of passing the 'id' prop directly to the input component, it should be passed to the parent component, <FormControl>") : void 0;
     process.env.NODE_ENV !== "production" ? warning(inputProps === null || inputProps === void 0 ? void 0 : inputProps.disabled, "instead of passing the 'disabled' prop directly to the input component, it should be passed to the parent component, <FormControl>") : void 0;
@@ -76,103 +75,100 @@ const FormControl = /*#__PURE__*/React.forwardRef((t0, ref) => {
     process.env.NODE_ENV !== "production" ? warning(!!slots.leadingVisual, "A leading visual is only rendered for a checkbox or radio form control. If you want to render a leading visual inside of your input, check if your input supports a leading visual.") : void 0;
   }
   const isLabelHidden = (_slots$label = slots.label) === null || _slots$label === void 0 ? void 0 : _slots$label.props.visuallyHidden;
-  const t3 = classes;
-  const t4 = /*#__PURE__*/React.isValidElement(InputComponent) ? /*#__PURE__*/React.cloneElement(InputComponent, {
+  const t3 = /*#__PURE__*/React.isValidElement(InputComponent) ? /*#__PURE__*/React.cloneElement(InputComponent, {
     id,
     disabled,
     required: required && !isRadioInput,
     "aria-describedby": captionId
   }) : null;
-  let t5;
+  let t4;
   if ($[1] !== childrenWithoutSlots) {
-    t5 = childrenWithoutSlots.filter(_temp2);
+    t4 = childrenWithoutSlots.filter(_temp2);
     $[1] = childrenWithoutSlots;
-    $[2] = t5;
+    $[2] = t4;
   } else {
-    t5 = $[2];
+    t4 = $[2];
   }
-  let t6;
-  if ($[3] !== t3.ControlChoiceInputs || $[4] !== t4 || $[5] !== t5) {
-    t6 = /*#__PURE__*/jsxs("div", {
-      className: t3.ControlChoiceInputs,
-      children: [t4, t5]
+  let t5;
+  if ($[3] !== t3 || $[4] !== t4) {
+    t5 = /*#__PURE__*/jsxs("div", {
+      className: classes.ControlChoiceInputs,
+      children: [t3, t4]
     });
-    $[3] = t3.ControlChoiceInputs;
+    $[3] = t3;
     $[4] = t4;
     $[5] = t5;
-    $[6] = t6;
   } else {
-    t6 = $[6];
+    t5 = $[5];
   }
-  let t7;
-  if ($[7] !== disabled || $[8] !== slots.caption || $[9] !== slots.leadingVisual) {
-    t7 = slots.leadingVisual ? /*#__PURE__*/jsx("div", {
+  let t6;
+  if ($[6] !== disabled || $[7] !== slots.caption || $[8] !== slots.leadingVisual) {
+    t6 = slots.leadingVisual ? /*#__PURE__*/jsx("div", {
       className: classes.LeadingVisual,
       "data-disabled": disabled ? "" : undefined,
       "data-has-caption": slots.caption ? "" : undefined,
       children: slots.leadingVisual
     }) : null;
-    $[7] = disabled;
-    $[8] = slots.caption;
-    $[9] = slots.leadingVisual;
-    $[10] = t7;
+    $[6] = disabled;
+    $[7] = slots.caption;
+    $[8] = slots.leadingVisual;
+    $[9] = t6;
   } else {
-    t7 = $[10];
+    t6 = $[9];
   }
-  let t8;
-  if ($[11] !== slots.caption || $[12] !== slots.label) {
-    t8 = /*#__PURE__*/jsxs("div", {
+  let t7;
+  if ($[10] !== slots.caption || $[11] !== slots.label) {
+    t7 = /*#__PURE__*/jsxs("div", {
       className: classes.LabelContainer,
       children: [slots.label, slots.caption]
     });
-    $[11] = slots.caption;
-    $[12] = slots.label;
-    $[13] = t8;
+    $[10] = slots.caption;
+    $[11] = slots.label;
+    $[12] = t7;
   } else {
-    t8 = $[13];
+    t7 = $[12];
   }
-  let t9;
-  if ($[14] !== t6 || $[15] !== t7 || $[16] !== t8) {
-    t9 = /*#__PURE__*/jsxs(Fragment, {
-      children: [t6, t7, t8]
+  let t8;
+  if ($[13] !== t5 || $[14] !== t6 || $[15] !== t7) {
+    t8 = /*#__PURE__*/jsxs(Fragment, {
+      children: [t5, t6, t7]
     });
+    $[13] = t5;
     $[14] = t6;
     $[15] = t7;
     $[16] = t8;
-    $[17] = t9;
   } else {
-    t9 = $[17];
+    t8 = $[16];
   }
-  const InputChildren = t9;
-  let t10;
-  if ($[18] !== captionId || $[19] !== disabled || $[20] !== id || $[21] !== required || $[22] !== validationMessageId) {
-    t10 = {
+  const InputChildren = t8;
+  const T0 = FormControlContextProvider;
+  let t9;
+  if ($[17] !== captionId || $[18] !== disabled || $[19] !== id || $[20] !== required || $[21] !== validationMessageId) {
+    t9 = {
       captionId,
       disabled,
       id,
       required,
       validationMessageId
     };
-    $[18] = captionId;
-    $[19] = disabled;
-    $[20] = id;
-    $[21] = required;
-    $[22] = validationMessageId;
-    $[23] = t10;
+    $[17] = captionId;
+    $[18] = disabled;
+    $[19] = id;
+    $[20] = required;
+    $[21] = validationMessageId;
+    $[22] = t9;
   } else {
-    t10 = $[23];
+    t9 = $[22];
   }
-  const t11 = isChoiceInput || layout === "horizontal" ? /*#__PURE__*/jsx(BoxWithFallback, {
+  const t10 = isChoiceInput || layout === "horizontal" ? /*#__PURE__*/jsx("div", {
     ref: ref,
     "data-has-leading-visual": slots.leadingVisual ? "" : undefined,
-    sx: sx,
     className: clsx(className, classes.ControlHorizontalLayout),
     style: style,
     children: InputChildren
-  }) : /*#__PURE__*/jsxs(BoxWithFallback, {
+  }) : /*#__PURE__*/jsxs("div", {
     ref: ref,
     "data-has-label": !isLabelHidden ? "" : undefined,
-    sx: sx,
     className: clsx(className, classes.ControlVerticalLayout),
     style: style,
     children: [slots.label, /*#__PURE__*/React.isValidElement(InputComponent) && /*#__PURE__*/React.cloneElement(InputComponent, Object.assign({
@@ -181,26 +177,28 @@ const FormControl = /*#__PURE__*/React.forwardRef((t0, ref) => {
       disabled,
       validationStatus,
       "aria-describedby": [validationMessageId, captionId].filter(Boolean).join(" ")
-    }, InputComponent.props)), childrenWithoutSlots.filter(child_2 => /*#__PURE__*/React.isValidElement(child_2) && !expectedInputComponents.some(inputComponent_1 => child_2.type === inputComponent_1)), slots.validation ? /*#__PURE__*/jsx(ValidationAnimationContainer, {
+    }, InputComponent.props)), childrenWithoutSlots.filter(child_2 => /*#__PURE__*/React.isValidElement(child_2) && !expectedInputComponents.some(inputComponent_1 => child_2.type === inputComponent_1 || isSlot(child_2, inputComponent_1))), slots.validation ? /*#__PURE__*/jsx(ValidationAnimationContainer, {
       show: true,
       children: slots.validation
     }) : null, slots.caption]
   });
-  let t12;
-  if ($[24] !== t10 || $[25] !== t11) {
-    t12 = /*#__PURE__*/jsx(FormControlContextProvider, {
-      value: t10,
-      children: t11
+  let t11;
+  if ($[23] !== T0 || $[24] !== t10 || $[25] !== t9) {
+    t11 = /*#__PURE__*/jsx(T0, {
+      value: t9,
+      children: t10
     });
+    $[23] = T0;
     $[24] = t10;
-    $[25] = t11;
-    $[26] = t12;
+    $[25] = t9;
+    $[26] = t11;
   } else {
-    t12 = $[26];
+    t11 = $[26];
   }
-  return t12;
+  return t11;
 });
 var FormControl$1 = Object.assign(FormControl, {
+  __SLOT__: Symbol('FormControl'),
   Caption: FormControlCaption,
   Label: FormControlLabel,
   LeadingVisual: FormControlLeadingVisual,
@@ -211,7 +209,7 @@ function _temp(child_0) {
   return /*#__PURE__*/React.isValidElement(child_0) && ((_child_0$props = child_0.props) === null || _child_0$props === void 0 ? void 0 : _child_0$props.required);
 }
 function _temp2(child_1) {
-  return /*#__PURE__*/React.isValidElement(child_1) && ![Checkbox, Radio].some(inputComponent_0 => child_1.type === inputComponent_0);
+  return /*#__PURE__*/React.isValidElement(child_1) && ![Checkbox, Radio].some(inputComponent_0 => child_1.type === inputComponent_0 || isSlot(child_1, inputComponent_0));
 }
 
 export { FormControl$1 as default };

package/dist/FormControl/FormControlCaption.d.ts

@@ -1,10 +1,12 @@
 import type React from 'react';
-import type { SxProp } from '../sx';
-type FormControlCaptionProps = React.PropsWithChildren<{
+export type FormControlCaptionProps = React.PropsWithChildren<{
     id?: string;
     className?: string;
     style?: React.CSSProperties;
-} & SxProp>;
-declare function FormControlCaption({ id, children, sx, className, style }: FormControlCaptionProps): React.JSX.Element;
+}>;
+declare function FormControlCaption({ id, children, className, style }: FormControlCaptionProps): React.JSX.Element;
+declare namespace FormControlCaption {
+    var __SLOT__: symbol;
+}
 export { FormControlCaption };
 //# sourceMappingURL=FormControlCaption.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormControlCaption.d.ts","sourceRoot":"","sources":["../../src/FormControl/FormControlCaption.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAKjC,KAAK,uBAAuB,GAAG,KAAK,CAAC,iBAAiB,CACpD;IACE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,GAAG,MAAM,CACX,CAAA;AAED,iBAAS,kBAAkB,CAAC,EAAC,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAC,EAAE,uBAAuB,qBAexF;AAED,OAAO,EAAC,kBAAkB,EAAC,CAAA"}
+{"version":3,"file":"FormControlCaption.d.ts","sourceRoot":"","sources":["../../src/FormControl/FormControlCaption.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC5D,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,CAAC,CAAA;AAEF,iBAAS,kBAAkB,CAAC,EAAC,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAC,EAAE,uBAAuB,qBAapF;kBAbQ,kBAAkB;;;AAiB3B,OAAO,EAAC,kBAAkB,EAAC,CAAA"}

package/dist/FormControl/FormControlCaption.js

@@ -2,16 +2,14 @@ import { c } from 'react-compiler-runtime';
 import { clsx } from 'clsx';
 import classes from './FormControlCaption.module.css.js';
 import { useFormControlContext } from './_FormControlContext.js';
-import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
 import { jsx } from 'react/jsx-runtime';
 import Text from '../Text/Text.js';
 
 function FormControlCaption(t0) {
-  const $ = c(9);
+  const $ = c(8);
   const {
     id,
     children,
-    sx,
     className,
     style
   } = t0;
@@ -30,27 +28,25 @@ function FormControlCaption(t0) {
   }
   const t3 = disabled ? "" : undefined;
   let t4;
-  if ($[2] !== children || $[3] !== style || $[4] !== sx || $[5] !== t1 || $[6] !== t2 || $[7] !== t3) {
-    t4 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: Text,
+  if ($[2] !== children || $[3] !== style || $[4] !== t1 || $[5] !== t2 || $[6] !== t3) {
+    t4 = /*#__PURE__*/jsx(Text, {
       id: t1,
       className: t2,
       "data-control-disabled": t3,
-      sx: sx,
       style: style,
       children: children
     });
     $[2] = children;
     $[3] = style;
-    $[4] = sx;
-    $[5] = t1;
-    $[6] = t2;
-    $[7] = t3;
-    $[8] = t4;
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+    $[7] = t4;
   } else {
-    t4 = $[8];
+    t4 = $[7];
   }
   return t4;
 }
+FormControlCaption.__SLOT__ = Symbol('FormControl.Caption');
 
 export { FormControlCaption };

package/dist/FormControl/FormControlLabel.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
-import type { SxProp } from '../sx';
 import { InputLabel } from '../internal/components/InputLabel';
+import type { FCWithSlotMarker } from '../utils/types';
 export type Props = {
     /**
      * Whether the label should be visually hidden
@@ -11,8 +11,8 @@ export type Props = {
     id?: string;
     className?: string;
     style?: React.CSSProperties;
-} & SxProp;
-declare const FormControlLabel: React.FC<React.PropsWithChildren<{
+};
+declare const FormControlLabel: FCWithSlotMarker<React.PropsWithChildren<{
     htmlFor?: string;
 } & React.ComponentProps<typeof InputLabel> & Props>>;
 export default FormControlLabel;

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

@@ -1 +1 @@
-{"version":3,"file":"FormControlLabel.d.ts","sourceRoot":"","sources":["../../src/FormControl/FormControlLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAC,UAAU,EAAC,MAAM,mCAAmC,CAAA;AAE5D,MAAM,MAAM,KAAK,GAAG;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,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,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAC9B,KAAK,CAAC,iBAAiB,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG,KAAK,CAAC,CAoC9F,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"FormControlLabel.d.ts","sourceRoot":"","sources":["../../src/FormControl/FormControlLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAC,UAAU,EAAC,MAAM,mCAAmC,CAAA;AAC5D,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAA;AAEpD,MAAM,MAAM,KAAK,GAAG;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,CAAA;AAED,QAAA,MAAM,gBAAgB,EAAE,gBAAgB,CACtC,KAAK,CAAC,iBAAiB,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG,KAAK,CAAC,CAkC9F,CAAA;AAID,eAAe,gBAAgB,CAAA"}