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

package/dist/internal/components/TextInputInnerAction.js

@@ -42,14 +42,13 @@ const ConditionalTooltip = t0 => {
   return t2;
 };
 const TextInputAction = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
-  const $ = c(32);
+  const $ = c(28);
   let ariaLabel;
   let ariaLabelledBy;
   let children;
   let className;
   let icon;
   let rest;
-  let sxProp;
   let t1;
   let tooltipDirection;
   if ($[0] !== t0) {
@@ -59,7 +58,6 @@ const TextInputAction = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
       tooltipDirection,
       children,
       icon,
-      sx: sxProp,
       className,
       variant: t1,
       ...rest
@@ -71,9 +69,8 @@ const TextInputAction = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
     $[4] = className;
     $[5] = icon;
     $[6] = rest;
-    $[7] = sxProp;
-    $[8] = t1;
-    $[9] = tooltipDirection;
+    $[7] = t1;
+    $[8] = tooltipDirection;
   } else {
     ariaLabel = $[1];
     ariaLabelledBy = $[2];
@@ -81,73 +78,62 @@ const TextInputAction = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
     className = $[4];
     icon = $[5];
     rest = $[6];
-    sxProp = $[7];
-    t1 = $[8];
-    tooltipDirection = $[9];
+    t1 = $[7];
+    tooltipDirection = $[8];
   }
   const variant = t1 === undefined ? "invisible" : t1;
   const t2 = variant === "invisible" && styles.Invisible;
   let t3;
-  if ($[10] !== className || $[11] !== t2) {
+  if ($[9] !== className || $[10] !== t2) {
     t3 = clsx(t2, className);
-    $[10] = className;
-    $[11] = t2;
-    $[12] = t3;
+    $[9] = className;
+    $[10] = t2;
+    $[11] = t3;
   } else {
-    t3 = $[12];
+    t3 = $[11];
   }
   let t4;
-  if ($[13] !== sxProp) {
-    t4 = sxProp || {};
-    $[13] = sxProp;
-    $[14] = t4;
-  } else {
-    t4 = $[14];
-  }
-  let t5;
-  if ($[15] !== t3 || $[16] !== t4) {
-    t5 = {
-      className: t3,
-      sx: t4
+  if ($[12] !== t3) {
+    t4 = {
+      className: t3
     };
-    $[15] = t3;
-    $[16] = t4;
-    $[17] = t5;
+    $[12] = t3;
+    $[13] = t4;
   } else {
-    t5 = $[17];
+    t4 = $[13];
   }
-  const styleProps = t5;
+  const styleProps = t4;
   if (icon && !ariaLabel || !children && !ariaLabel) {
     console.warn("Use the `aria-label` prop to provide an accessible label for assistive technology");
   }
-  let t6;
-  if ($[18] !== ariaLabel || $[19] !== ariaLabelledBy) {
-    t6 = ariaLabel ? {
+  let t5;
+  if ($[14] !== ariaLabel || $[15] !== ariaLabelledBy) {
+    t5 = ariaLabel ? {
       "aria-label": ariaLabel
     } : ariaLabelledBy ? {
       "aria-labelledby": ariaLabelledBy
     } : {
       "aria-label": ""
     };
-    $[18] = ariaLabel;
-    $[19] = ariaLabelledBy;
-    $[20] = t6;
+    $[14] = ariaLabel;
+    $[15] = ariaLabelledBy;
+    $[16] = t5;
   } else {
-    t6 = $[20];
+    t5 = $[16];
   }
-  const accessibleLabel = t6;
-  let t7;
-  if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
-    t7 = clsx("TextInput-action", styles.TextInputAction);
-    $[21] = t7;
+  const accessibleLabel = t5;
+  let t6;
+  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = clsx("TextInput-action", styles.TextInputAction);
+    $[17] = t6;
   } else {
-    t7 = $[21];
+    t6 = $[17];
   }
-  let t8;
-  if ($[22] !== accessibleLabel || $[23] !== ariaLabel || $[24] !== children || $[25] !== forwardedRef || $[26] !== icon || $[27] !== rest || $[28] !== styleProps || $[29] !== tooltipDirection || $[30] !== variant) {
+  let t7;
+  if ($[18] !== accessibleLabel || $[19] !== ariaLabel || $[20] !== children || $[21] !== forwardedRef || $[22] !== icon || $[23] !== rest || $[24] !== styleProps || $[25] !== tooltipDirection || $[26] !== variant) {
     var _tooltipDirection;
-    t8 = /*#__PURE__*/jsx("span", {
-      className: t7,
+    t7 = /*#__PURE__*/jsx("span", {
+      className: t6,
       children: icon && !children && ariaLabel ? /*#__PURE__*/jsx(IconButton, {
         ...accessibleLabel,
         tooltipDirection: (_tooltipDirection = tooltipDirection) !== null && _tooltipDirection !== void 0 ? _tooltipDirection : "s",
@@ -170,20 +156,20 @@ const TextInputAction = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
         })
       })
     });
-    $[22] = accessibleLabel;
-    $[23] = ariaLabel;
-    $[24] = children;
-    $[25] = forwardedRef;
-    $[26] = icon;
-    $[27] = rest;
-    $[28] = styleProps;
-    $[29] = tooltipDirection;
-    $[30] = variant;
-    $[31] = t8;
+    $[18] = accessibleLabel;
+    $[19] = ariaLabel;
+    $[20] = children;
+    $[21] = forwardedRef;
+    $[22] = icon;
+    $[23] = rest;
+    $[24] = styleProps;
+    $[25] = tooltipDirection;
+    $[26] = variant;
+    $[27] = t7;
   } else {
-    t8 = $[31];
+    t7 = $[27];
   }
-  return t8;
+  return t7;
 });
 
 export { TextInputAction as default };

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

@@ -1,12 +1,7 @@
 import React, { type ComponentProps } from 'react';
-import { type ResponsiveValue } from 'styled-system';
-import type { SxProp } from '../../sx';
 import type { FormValidationStatus } from '../../utils/types/FormValidationStatus';
 export type TextInputSizes = 'small' | 'medium' | 'large';
-export declare const TextInputBaseWrapper: React.ForwardRefExoticComponent<{
-    hasLeadingVisual?: boolean;
-    hasTrailingVisual?: boolean;
-} & {
+type StyledTextInputBaseWrapperProps = {
     block?: boolean;
     contrast?: boolean;
     disabled?: boolean;
@@ -22,37 +17,20 @@ export declare const TextInputBaseWrapper: React.ForwardRefExoticComponent<{
     onClick?: React.MouseEventHandler;
     children?: React.ReactNode;
     /** @deprecated Update `width` using CSS modules or style. */
-    width?: string | number | ResponsiveValue<string | number>;
+    width?: string | number;
     /** @deprecated Update `min-width` using CSS modules or style. */
-    minWidth?: string | number | ResponsiveValue<string | number>;
+    minWidth?: string | number;
     /** @deprecated Update `max-width` using CSS modules or style. */
-    maxWidth?: string | number | ResponsiveValue<string | number>;
-} & SxProp & React.RefAttributes<HTMLElement>>;
+    maxWidth?: string | number;
+};
+export declare const TextInputBaseWrapper: React.ForwardRefExoticComponent<{
+    hasLeadingVisual?: boolean;
+    hasTrailingVisual?: boolean;
+} & StyledTextInputBaseWrapperProps & React.RefAttributes<HTMLElement>>;
 export declare const TextInputWrapper: React.ForwardRefExoticComponent<Omit<{
     hasLeadingVisual?: boolean;
     hasTrailingVisual?: boolean;
-} & {
-    block?: boolean;
-    contrast?: boolean;
-    disabled?: boolean;
-    hasTrailingAction?: boolean;
-    isInputFocused?: boolean;
-    monospace?: boolean;
-    validationStatus?: FormValidationStatus;
-    /** @deprecated Use `size` prop instead */
-    variant?: TextInputSizes;
-    size?: TextInputSizes;
-    className?: string;
-    style?: React.CSSProperties;
-    onClick?: React.MouseEventHandler;
-    children?: React.ReactNode;
-    /** @deprecated Update `width` using CSS modules or style. */
-    width?: string | number | ResponsiveValue<string | number>;
-    /** @deprecated Update `min-width` using CSS modules or style. */
-    minWidth?: string | number | ResponsiveValue<string | number>;
-    /** @deprecated Update `max-width` using CSS modules or style. */
-    maxWidth?: string | number | ResponsiveValue<string | number>;
-} & SxProp & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+} & StyledTextInputBaseWrapperProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 export type StyledBaseWrapperProps = ComponentProps<typeof TextInputBaseWrapper>;
 export type StyledWrapperProps = ComponentProps<typeof TextInputWrapper>;
 export default TextInputWrapper;

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

@@ -1 +1 @@
-{"version":3,"file":"TextInputWrapper.d.ts","sourceRoot":"","sources":["../../../src/internal/components/TextInputWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,cAAc,EAAC,MAAM,OAAO,CAAA;AAChD,OAAO,EAAC,KAAK,eAAe,EAAC,MAAM,eAAe,CAAA;AAClD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,wCAAwC,CAAA;AAMhF,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AA8BzD,eAAO,MAAM,oBAAoB;uBAJZ,OAAO;wBACN,OAAO;;YAxBnB,OAAO;eACJ,OAAO;eACP,OAAO;wBACE,OAAO;qBACV,OAAO;gBACZ,OAAO;uBACA,oBAAoB;IACvC,0CAA0C;cAChC,cAAc;WACjB,cAAc;gBACT,MAAM;YACV,KAAK,CAAC,aAAa;cACjB,KAAK,CAAC,iBAAiB;eACtB,KAAK,CAAC,SAAS;IAC1B,6DAA6D;YACrD,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC;IAC1D,iEAAiE;eACtD,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC;IAC7D,iEAAiE;eACtD,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC;8CAoD9D,CAAA;AAGD,eAAO,MAAM,gBAAgB;uBAnDR,OAAO;wBACN,OAAO;;YAxBnB,OAAO;eACJ,OAAO;eACP,OAAO;wBACE,OAAO;qBACV,OAAO;gBACZ,OAAO;uBACA,oBAAoB;IACvC,0CAA0C;cAChC,cAAc;WACjB,cAAc;gBACT,MAAM;YACV,KAAK,CAAC,aAAa;cACjB,KAAK,CAAC,iBAAiB;eACtB,KAAK,CAAC,SAAS;IAC1B,6DAA6D;YACrD,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC;IAC1D,iEAAiE;eACtD,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC;IAC7D,iEAAiE;eACtD,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC;yFAoE7D,CAAA;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAChF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAA;AACxE,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"TextInputWrapper.d.ts","sourceRoot":"","sources":["../../../src/internal/components/TextInputWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,cAAc,EAAC,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,wCAAwC,CAAA;AAKhF,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEzD,KAAK,+BAA+B,GAAG;IACrC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC,0CAA0C;IAC1C,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC3B,CAAA;AAOD,eAAO,MAAM,oBAAoB;uBAJZ,OAAO;wBACN,OAAO;uEAmD5B,CAAA;AAGD,eAAO,MAAM,gBAAgB;uBAvDR,OAAO;wBACN,OAAO;kHAmE3B,CAAA;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAChF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAA;AACxE,eAAe,gBAAgB,CAAA"}

package/dist/internal/components/TextInputWrapper.js

@@ -2,11 +2,10 @@ import { c } from 'react-compiler-runtime';
 import React from 'react';
 import { clsx } from 'clsx';
 import styles from './TextInputWrapper.module.css.js';
-import { BoxWithFallback } from './BoxWithFallback.js';
 import { jsx } from 'react/jsx-runtime';
 
 const TextInputBaseWrapper = /*#__PURE__*/React.forwardRef(function TextInputBaseWrapper(t0, forwardRef) {
-  const $ = c(37);
+  const $ = c(43);
   let block;
   let className;
   let contrast;
@@ -74,74 +73,104 @@ const TextInputBaseWrapper = /*#__PURE__*/React.forwardRef(function TextInputBas
     width = $[15];
   }
   let t1;
-  if ($[16] !== className) {
-    t1 = clsx(className, styles.TextInputBaseWrapper);
-    $[16] = className;
+  if ($[16] !== width) {
+    t1 = width ? {
+      width
+    } : {};
+    $[16] = width;
     $[17] = t1;
   } else {
     t1 = $[17];
   }
-  const t2 = block || undefined;
-  const t3 = contrast || undefined;
-  const t4 = disabled || undefined;
-  const t5 = isInputFocused || undefined;
-  const t6 = monospace || undefined;
-  const t7 = size || undefined;
-  const t8 = hasTrailingAction || undefined;
-  const t9 = validationStatus || undefined;
-  const t10 = variant || undefined;
-  let t11;
-  if ($[18] !== maxWidth || $[19] !== minWidth || $[20] !== style || $[21] !== width) {
-    t11 = typeof width === "string" || typeof minWidth === "string" || typeof maxWidth === "string" ? {
-      width,
-      maxWidth,
-      minWidth,
+  let t2;
+  if ($[18] !== minWidth) {
+    t2 = minWidth ? {
+      minWidth
+    } : {};
+    $[18] = minWidth;
+    $[19] = t2;
+  } else {
+    t2 = $[19];
+  }
+  let t3;
+  if ($[20] !== maxWidth) {
+    t3 = maxWidth ? {
+      maxWidth
+    } : {};
+    $[20] = maxWidth;
+    $[21] = t3;
+  } else {
+    t3 = $[21];
+  }
+  let t4;
+  if ($[22] !== style || $[23] !== t1 || $[24] !== t2 || $[25] !== t3) {
+    t4 = {
+      ...t1,
+      ...t2,
+      ...t3,
       ...style
-    } : style;
-    $[18] = maxWidth;
-    $[19] = minWidth;
-    $[20] = style;
-    $[21] = width;
-    $[22] = t11;
+    };
+    $[22] = style;
+    $[23] = t1;
+    $[24] = t2;
+    $[25] = t3;
+    $[26] = t4;
   } else {
-    t11 = $[22];
+    t4 = $[26];
   }
-  let t12;
-  if ($[23] !== forwardRef || $[24] !== restProps || $[25] !== t1 || $[26] !== t10 || $[27] !== t11 || $[28] !== t2 || $[29] !== t3 || $[30] !== t4 || $[31] !== t5 || $[32] !== t6 || $[33] !== t7 || $[34] !== t8 || $[35] !== t9) {
-    t12 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: "span",
+  const memoizedStyle = t4;
+  let t5;
+  if ($[27] !== className) {
+    t5 = clsx(className, styles.TextInputBaseWrapper);
+    $[27] = className;
+    $[28] = t5;
+  } else {
+    t5 = $[28];
+  }
+  const t6 = block || undefined;
+  const t7 = contrast || undefined;
+  const t8 = disabled || undefined;
+  const t9 = isInputFocused || undefined;
+  const t10 = monospace || undefined;
+  const t11 = size || undefined;
+  const t12 = hasTrailingAction || undefined;
+  const t13 = validationStatus || undefined;
+  const t14 = variant || undefined;
+  let t15;
+  if ($[29] !== forwardRef || $[30] !== memoizedStyle || $[31] !== restProps || $[32] !== t10 || $[33] !== t11 || $[34] !== t12 || $[35] !== t13 || $[36] !== t14 || $[37] !== t5 || $[38] !== t6 || $[39] !== t7 || $[40] !== t8 || $[41] !== t9) {
+    t15 = /*#__PURE__*/jsx("span", {
       ref: forwardRef,
-      className: t1,
-      "data-block": t2,
-      "data-contrast": t3,
-      "data-disabled": t4,
-      "data-focused": t5,
-      "data-monospace": t6,
-      "data-size": t7,
-      "data-trailing-action": t8,
-      "data-validation": t9,
-      "data-variant": t10,
-      style: t11,
+      className: t5,
+      "data-block": t6,
+      "data-contrast": t7,
+      "data-disabled": t8,
+      "data-focused": t9,
+      "data-monospace": t10,
+      "data-size": t11,
+      "data-trailing-action": t12,
+      "data-validation": t13,
+      "data-variant": t14,
+      style: memoizedStyle,
       ...restProps
     });
-    $[23] = forwardRef;
-    $[24] = restProps;
-    $[25] = t1;
-    $[26] = t10;
-    $[27] = t11;
-    $[28] = t2;
-    $[29] = t3;
-    $[30] = t4;
-    $[31] = t5;
-    $[32] = t6;
-    $[33] = t7;
-    $[34] = t8;
-    $[35] = t9;
-    $[36] = t12;
+    $[29] = forwardRef;
+    $[30] = memoizedStyle;
+    $[31] = restProps;
+    $[32] = t10;
+    $[33] = t11;
+    $[34] = t12;
+    $[35] = t13;
+    $[36] = t14;
+    $[37] = t5;
+    $[38] = t6;
+    $[39] = t7;
+    $[40] = t8;
+    $[41] = t9;
+    $[42] = t15;
   } else {
-    t12 = $[36];
+    t15 = $[42];
   }
-  return t12;
+  return t15;
 });
 TextInputBaseWrapper.displayName = 'TextInputBaseWrapper';
 const TextInputWrapper = /*#__PURE__*/React.forwardRef(function TextInputWrapper(t0, forwardRef) {

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

@@ -1,5 +1,4 @@
-import { type SxProp } from '../../sx';
 import React from 'react';
-declare const UnstyledTextInput: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & SxProp & React.RefAttributes<HTMLInputElement>>;
+declare const UnstyledTextInput: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export default UnstyledTextInput;
 //# sourceMappingURL=UnstyledTextInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"UnstyledTextInput.d.ts","sourceRoot":"","sources":["../../../src/internal/components/UnstyledTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,QAAA,MAAM,iBAAiB,uLAKrB,CAAA;AAGF,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"UnstyledTextInput.d.ts","sourceRoot":"","sources":["../../../src/internal/components/UnstyledTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,QAAA,MAAM,iBAAiB,8KAKrB,CAAA;AAGF,eAAe,iBAAiB,CAAA"}

package/dist/internal/components/UnstyledTextInput.js

@@ -2,7 +2,6 @@ import { c } from 'react-compiler-runtime';
 import React from 'react';
 import styles from './UnstyledTextInput.module.css.js';
 import { clsx } from 'clsx';
-import { BoxWithFallback } from './BoxWithFallback.js';
 import { jsx } from 'react/jsx-runtime';
 
 const UnstyledTextInput = /*#__PURE__*/React.forwardRef(function UnstyledTextInput(t0, forwardRef) {
@@ -31,8 +30,7 @@ const UnstyledTextInput = /*#__PURE__*/React.forwardRef(function UnstyledTextInp
   }
   let t2;
   if ($[5] !== forwardRef || $[6] !== rest || $[7] !== t1) {
-    t2 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: "input",
+    t2 = /*#__PURE__*/jsx("input", {
       ref: forwardRef,
       ...rest,
       className: t1

package/dist/internal/components/ValidationAnimationContainer-04125429.css

@@ -0,0 +1,2 @@
+.prc-components-Animation-zcKZT:where([data-show]){animation:prc-components-fadeIn-5-i0W .17s cubic-bezier(.44,.74,.36,1)}@media (prefers-reduced-motion){.prc-components-Animation-zcKZT:where([data-show]){animation:none}}@keyframes prc-components-fadeIn-5-i0W{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}
+/*# sourceMappingURL=ValidationAnimationContainer-04125429.css.map */

package/dist/internal/components/ValidationAnimationContainer-04125429.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/internal/components/ValidationAnimationContainer.module.css"],"names":[],"mappings":"AAAA,mDACE,sEAKF,CAHE,gCAHF,mDAII,cAEJ,CADE,CAGF,uCACE,GACE,SAAU,CACV,2BACF,CAEA,GACE,SAAU,CACV,uBACF,CACF","file":"ValidationAnimationContainer-04125429.css","sourcesContent":[".Animation:where([data-show]) {\n  animation: 170ms fadeIn cubic-bezier(0.44, 0.74, 0.36, 1);\n\n  @media (prefers-reduced-motion) {\n    animation: none;\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ValidationAnimationContainer.d.ts","sourceRoot":"","sources":["../../../src/internal/components/ValidationAnimationContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,KAAM,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAmBD,QAAA,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAkB1E,CAAA;AAED,eAAe,4BAA4B,CAAA"}
+{"version":3,"file":"ValidationAnimationContainer.d.ts","sourceRoot":"","sources":["../../../src/internal/components/ValidationAnimationContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,KAAM,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AACD,QAAA,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAkB1E,CAAA;AAED,eAAe,4BAA4B,CAAA"}

package/dist/internal/components/ValidationAnimationContainer.js

@@ -1,14 +1,8 @@
 import { c } from 'react-compiler-runtime';
 import { useState, useEffect } from 'react';
-import styled, { keyframes, css } from 'styled-components';
+import classes from './ValidationAnimationContainer.module.css.js';
 import { jsx } from 'react/jsx-runtime';
 
-const fadeIn = keyframes(["0%{opacity:0;transform:translateY(-100%);}100%{opacity:1;transform:translateY(0);}"]);
-// using easeOutQuint easing fn https://easings.net/#easeOutQuint
-const AnimatedElement = styled.div.withConfig({
-  displayName: "ValidationAnimationContainer__AnimatedElement",
-  componentId: "sc-8z5a3g-0"
-})(["animation:", ";@media (prefers-reduced-motion){animation:none;}"], props => props.show && css(["170ms ", " cubic-bezier(0.44,0.74,0.36,1);"], fadeIn));
 const ValidationAnimationContainer = t0 => {
   const $ = c(10);
   const {
@@ -53,9 +47,10 @@ const ValidationAnimationContainer = t0 => {
         height: show ? "auto" : 0,
         overflow: "hidden"
       },
-      children: /*#__PURE__*/jsx(AnimatedElement, {
-        show: show,
+      children: /*#__PURE__*/jsx("div", {
+        "data-show": show ? "" : undefined,
         onAnimationEnd: onAnimationEnd,
+        className: classes.Animation,
         children: children
       })
     }) : null;

package/dist/internal/components/ValidationAnimationContainer.module.css.js

@@ -0,0 +1,5 @@
+import './ValidationAnimationContainer-04125429.css';
+
+var classes = {"Animation":"prc-components-Animation-zcKZT"};
+
+export { classes as default };

package/dist/utils/form-story-helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-story-helpers.d.ts","sourceRoot":"","sources":["../../src/utils/form-story-helpers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAC,aAAa,EAAE,WAAW,EAAC,MAAM,UAAU,CAAA;AACxD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAC9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAErD,KAAK,+BAA+B,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAA;AAC3E,KAAK,6BAA6B,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,GAAG;IAChF,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAChC,CAAA;AACD,KAAK,+BAA+B,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG;IACpF,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAClC,CAAA;AACD,KAAK,yCAAyC,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,UAAU,CAAC,GAAG;IACjG,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACrC,CAAA;AACD,MAAM,MAAM,wBAAwB,GAAG,+BAA+B,GACpE,6BAA6B,GAC7B,+BAA+B,GAC/B,yCAAyC,CAAA;AAE3C,KAAK,qBAAqB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAA;AAC9F,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,GAAG;IAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,CAAA;AACpH,KAAK,sBAAsB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,GAAG;IAAC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,CAAA;AAC9G,KAAK,gCAAgC,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,UAAU,CAAC,GAAG;IACtF,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACrC,CAAA;AACD,MAAM,MAAM,eAAe,CAAC,WAAW,GAAG,OAAO,IAAI,qBAAqB,GACxE,oBAAoB,GACpB,sBAAsB,GACtB,OAAO,CAAC,gCAAgC,CAAC,GAAG,qEAAqE;AACjH,WAAW,CAAA;AAEb,eAAO,MAAM,oBAAoB,EAAE,QAoClC,CAAA;AA0BD,eAAO,MAAM,oBAAoB,GAAI,WAAW,MAAM,4BAc5C,CAAA;AAEV,eAAO,MAAM,4BAA4B,UAA4E,CAAA;AAErH,eAAO,MAAM,2BAA2B,EAAE,QAyCzC,CAAA;AAED,eAAO,MAAM,eAAe;;;;;;;;CAQ3B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,QA4DjC,CAAA;AAID,eAAO,MAAM,oCAAoC,6CAO3C,CAAA;AAEN,eAAO,MAAM,kCAAkC,GAAI,sGAQhD,eAAe;;;;;;;;;;;;;;;;CAKhB,CAAA"}
+{"version":3,"file":"form-story-helpers.d.ts","sourceRoot":"","sources":["../../src/utils/form-story-helpers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAC,aAAa,EAAE,WAAW,EAAC,MAAM,UAAU,CAAA;AACxD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAC9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAErD,KAAK,+BAA+B,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAA;AAC3E,KAAK,6BAA6B,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,GAAG;IAChF,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAChC,CAAA;AACD,KAAK,+BAA+B,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG;IACpF,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAClC,CAAA;AACD,KAAK,yCAAyC,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,UAAU,CAAC,GAAG;IACjG,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACrC,CAAA;AACD,MAAM,MAAM,wBAAwB,GAAG,+BAA+B,GACpE,6BAA6B,GAC7B,+BAA+B,GAC/B,yCAAyC,CAAA;AAE3C,KAAK,qBAAqB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAA;AAC9F,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,GAAG;IAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,CAAA;AACpH,KAAK,sBAAsB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,GAAG;IAAC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,CAAA;AAC9G,KAAK,gCAAgC,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,UAAU,CAAC,GAAG;IACtF,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACrC,CAAA;AACD,MAAM,MAAM,eAAe,CAAC,WAAW,GAAG,OAAO,IAAI,qBAAqB,GACxE,oBAAoB,GACpB,sBAAsB,GACtB,OAAO,CAAC,gCAAgC,CAAC,GAAG,qEAAqE;AACjH,WAAW,CAAA;AAEb,eAAO,MAAM,oBAAoB,EAAE,QAoClC,CAAA;AA0BD,eAAO,MAAM,oBAAoB,GAAI,WAAW,MAAM,4BAc5C,CAAA;AAEV,eAAO,MAAM,4BAA4B,UAAsE,CAAA;AAE/G,eAAO,MAAM,2BAA2B,EAAE,QAyCzC,CAAA;AAED,eAAO,MAAM,eAAe;;;;;;;;CAQ3B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,QA4DjC,CAAA;AAID,eAAO,MAAM,oCAAoC,6CAO3C,CAAA;AAEN,eAAO,MAAM,kCAAkC,GAAI,sGAQhD,eAAe;;;;;;;;;;;;;;;;CAKhB,CAAA"}

package/dist/utils/is-slot.d.ts

@@ -0,0 +1,6 @@
+import type { WithSlotMarker } from './types';
+/**
+ * Determines whether a given element is a valid slot for the supplied slot component
+ */
+export declare function isSlot(element: unknown, slot: WithSlotMarker<unknown>): boolean;
+//# sourceMappingURL=is-slot.d.ts.map

package/dist/utils/is-slot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-slot.d.ts","sourceRoot":"","sources":["../../src/utils/is-slot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,cAAc,EAAC,MAAM,SAAS,CAAA;AAEvD;;GAEG;AACH,wBAAgB,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,OAAO,CAU/E"}

package/dist/utils/is-slot.js

@@ -0,0 +1,15 @@
+/**
+ * Determines whether a given element is a valid slot for the supplied slot component
+ */
+function isSlot(element, slot) {
+  var _reactElement$__SLOT_, _reactElement$type;
+  const elementType = typeof element;
+  if (elementType !== 'object' && elementType !== 'function' && element != null) {
+    return false;
+  }
+  const reactElement = element;
+  const elementSlot = (_reactElement$__SLOT_ = reactElement.__SLOT__) !== null && _reactElement$__SLOT_ !== void 0 ? _reactElement$__SLOT_ : (_reactElement$type = reactElement.type) === null || _reactElement$type === void 0 ? void 0 : _reactElement$type.__SLOT__;
+  return slot.__SLOT__ ? elementSlot === slot.__SLOT__ : false;
+}
+
+export { isSlot };

package/dist/utils/polymorphic.d.ts

@@ -5,6 +5,7 @@
  * @see https://github.com/radix-ui/primitives/blob/17ffcb7aaa42cbd36b3c210ba86d7d73d218e5be/packages/react/polymorphic/src/polymorphic.ts
  */
 import * as React from 'react';
+import type { SlotMarker } from './types/Slots';
 type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
 /**
  * Infers the OwnProps if E is a ForwardRefExoticComponentWithAs
@@ -17,7 +18,7 @@ type IntrinsicElement<E> = E extends ForwardRefComponent<infer I, any> ? I : nev
 type ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<Merge<E extends React.ElementType ? React.ComponentPropsWithRef<E> : never, OwnProps & {
     as?: E;
 }>>;
-interface ForwardRefComponent<IntrinsicElementString, OwnProps = {}> extends ForwardRefExoticComponent<IntrinsicElementString, OwnProps> {
+interface ForwardRefComponent<IntrinsicElementString, OwnProps = {}> extends ForwardRefExoticComponent<IntrinsicElementString, OwnProps>, SlotMarker {
     /**
      * When `as` prop is passed, use this overload.
      * Merges original own props (without DOM props) and the inferred props

package/dist/utils/polymorphic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"polymorphic.d.ts","sourceRoot":"","sources":["../../src/utils/polymorphic.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,KAAK,KAAK,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAA;AAEtD;;GAEG;AACH,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAA;AAEvE;;GAEG;AACH,KAAK,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAElF,KAAK,yBAAyB,CAAC,CAAC,EAAE,QAAQ,IAAI,KAAK,CAAC,yBAAyB,CAC3E,KAAK,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,QAAQ,GAAG;IAAC,EAAE,CAAC,EAAE,CAAC,CAAA;CAAC,CAAC,CACjG,CAAA;AAMD,UAAU,mBAAmB,CAC3B,sBAAsB,EACtB,QAAQ,GAAG,EAAE,CAKb,SAAQ,yBAAyB,CAAC,sBAAsB,EAAE,QAAQ,CAAC;IACnE;;;;;;;OAOG;IACH,CAAC,EAAE,GAAG,sBAAsB,EAC1B,KAAK,EAAE,EAAE,SAAS,EAAE,GAChB;QAAC,EAAE,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAA;KAAC,GACjC,EAAE,SAAS,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,GACrC,KAAK,CAAC,CAAC,EAAE,QAAQ,GAAG;QAAC,EAAE,EAAE,EAAE,CAAA;KAAC,CAAC,GAC7B,EAAE,SAAS,MAAM,GAAG,CAAC,iBAAiB,GACpC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,QAAQ,GAAG;QAAC,EAAE,EAAE,EAAE,CAAA;KAAC,CAAC,GACrD,KAAK,GACZ,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;CAC7B;AAED,YAAY,EAAC,mBAAmB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAC,CAAA"}
+{"version":3,"file":"polymorphic.d.ts","sourceRoot":"","sources":["../../src/utils/polymorphic.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AAK7C,KAAK,KAAK,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAA;AAEtD;;GAEG;AACH,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAA;AAEvE;;GAEG;AACH,KAAK,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAElF,KAAK,yBAAyB,CAAC,CAAC,EAAE,QAAQ,IAAI,KAAK,CAAC,yBAAyB,CAC3E,KAAK,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,QAAQ,GAAG;IAAC,EAAE,CAAC,EAAE,CAAC,CAAA;CAAC,CAAC,CACjG,CAAA;AAMD,UAAU,mBAAmB,CAC3B,sBAAsB,EACtB,QAAQ,GAAG,EAAE,CAKb,SAAQ,yBAAyB,CAAC,sBAAsB,EAAE,QAAQ,CAAC,EACjE,UAAU;IACZ;;;;;;;OAOG;IACH,CAAC,EAAE,GAAG,sBAAsB,EAC1B,KAAK,EAAE,EAAE,SAAS,EAAE,GAChB;QAAC,EAAE,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAA;KAAC,GACjC,EAAE,SAAS,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,GACrC,KAAK,CAAC,CAAC,EAAE,QAAQ,GAAG;QAAC,EAAE,EAAE,EAAE,CAAA;KAAC,CAAC,GAC7B,EAAE,SAAS,MAAM,GAAG,CAAC,iBAAiB,GACpC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,QAAQ,GAAG;QAAC,EAAE,EAAE,EAAE,CAAA;KAAC,CAAC,GACrD,KAAK,GACZ,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;CAC7B;AAED,YAAY,EAAC,mBAAmB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAC,CAAA"}

package/dist/utils/types/Slots.d.ts

@@ -0,0 +1,7 @@
+export interface SlotMarker {
+    /** Marker to denote the custom child slot for a component */
+    __SLOT__?: symbol;
+}
+export type WithSlotMarker<T> = T & SlotMarker;
+export type FCWithSlotMarker<P> = WithSlotMarker<React.FC<P>>;
+//# sourceMappingURL=Slots.d.ts.map

package/dist/utils/types/Slots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slots.d.ts","sourceRoot":"","sources":["../../../src/utils/types/Slots.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,UAAU,CAAA;AAE9C,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA"}

package/dist/utils/types/index.d.ts

@@ -3,4 +3,5 @@ export * from './ComponentProps';
 export * from './Flatten';
 export * from './Merge';
 export * from './MandateProps';
+export * from './Slots';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA"}