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

package/lib/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.js

@@ -1,107 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ValidationAnimationContainer = require('../ValidationAnimationContainer.js');
-var useId = require('../../../hooks/useId.js');
-var CheckboxOrRadioGroupCaption = require('./CheckboxOrRadioGroupCaption.js');
-var CheckboxOrRadioGroupLabel = require('./CheckboxOrRadioGroupLabel.js');
-var CheckboxOrRadioGroupValidation = require('./CheckboxOrRadioGroupValidation.js');
-var CheckboxOrRadioGroupContext = require('./CheckboxOrRadioGroupContext.js');
-var _VisuallyHidden = require('../../../_VisuallyHidden.js');
-var useSlots = require('../../../hooks/useSlots.js');
-var CheckboxOrRadioGroup_module = require('./CheckboxOrRadioGroup.module.css.js');
-var clsx = require('clsx');
-var BoxWithFallback = require('../BoxWithFallback.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const CheckboxOrRadioGroup = ({
-  'aria-labelledby': ariaLabelledby,
-  children,
-  disabled = false,
-  id: idProp,
-  required = false,
-  className,
-  sx
-}) => {
-  const [slots, rest] = useSlots.useSlots(children, {
-    caption: CheckboxOrRadioGroupCaption,
-    label: CheckboxOrRadioGroupLabel,
-    validation: CheckboxOrRadioGroupValidation
-  });
-  const labelChild = React__default.default.Children.toArray(children).find(child => /*#__PURE__*/React__default.default.isValidElement(child) && child.type === CheckboxOrRadioGroupLabel);
-  const validationChild = React__default.default.Children.toArray(children).find(child => /*#__PURE__*/React__default.default.isValidElement(child) && child.type === CheckboxOrRadioGroupValidation ? child : null);
-  const captionChild = React__default.default.Children.toArray(children).find(child => /*#__PURE__*/React__default.default.isValidElement(child) && child.type === CheckboxOrRadioGroupCaption ? child : null);
-  const id = useId.useId(idProp);
-  const validationMessageId = validationChild ? `${id}-validationMessage` : undefined;
-  const captionId = captionChild ? `${id}-caption` : undefined;
-  if (!labelChild && !ariaLabelledby) {
-    // eslint-disable-next-line no-console
-    console.warn('A choice group must be labelled using a `CheckboxOrRadioGroup.Label` child, or by passing `aria-labelledby` to the CheckboxOrRadioGroup component.');
-  }
-  const isLegendVisible = /*#__PURE__*/React__default.default.isValidElement(labelChild) && !labelChild.props.visuallyHidden;
-  return /*#__PURE__*/jsxRuntime.jsx(CheckboxOrRadioGroupContext.Provider, {
-    value: {
-      disabled,
-      required,
-      captionId,
-      validationMessageId
-    },
-    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-      children: [/*#__PURE__*/jsxRuntime.jsxs(BoxWithFallback.BoxWithFallback, {
-        className: clsx.clsx(className, CheckboxOrRadioGroup_module.GroupFieldset),
-        "data-validation": validationChild ? '' : undefined,
-        ...(labelChild ? {
-          as: 'fieldset',
-          disabled
-        } : {}),
-        sx: sx,
-        children: [labelChild ?
-        /*#__PURE__*/
-        /*
-              Placing the caption text and validation text in the <legend> provides a better user
-              experience for more screenreaders.
-               Reference: https://blog.tenon.io/accessible-validation-of-checkbox-and-radiobutton-groups/
-            */
-        jsxRuntime.jsxs("legend", {
-          className: CheckboxOrRadioGroup_module.GroupLegend,
-          "data-legend-visible": isLegendVisible ? '' : undefined,
-          children: [slots.label, slots.caption, /*#__PURE__*/React__default.default.isValidElement(slots.validation) && slots.validation.props.children && /*#__PURE__*/jsxRuntime.jsx(_VisuallyHidden, {
-            children: slots.validation.props.children
-          })]
-        }) : (
-        /*
-              If CheckboxOrRadioGroup.Label wasn't passed as a child, we don't render a <legend>
-              but we still want to render a caption
-            */
-        slots.caption), /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: CheckboxOrRadioGroup_module.Body,
-          ...(!labelChild ? {
-            ['aria-labelledby']: ariaLabelledby,
-            ['aria-describedby']: [validationMessageId, captionId].filter(Boolean).join(' '),
-            as: 'div',
-            role: 'group'
-          } : {}),
-          children: React__default.default.Children.toArray(rest).filter(child => /*#__PURE__*/React__default.default.isValidElement(child))
-        })]
-      }), validationChild && /*#__PURE__*/jsxRuntime.jsx(ValidationAnimationContainer
-      // If we have CheckboxOrRadioGroup.Label as a child, we render a screenreader-accessible validation message in the <legend>
-      , {
-        "aria-hidden": Boolean(labelChild),
-        show: true,
-        children: slots.validation
-      })]
-    })
-  });
-};
-CheckboxOrRadioGroup.displayName = "CheckboxOrRadioGroup";
-var CheckboxOrRadioGroup$1 = Object.assign(CheckboxOrRadioGroup, {
-  Caption: CheckboxOrRadioGroupCaption,
-  Label: CheckboxOrRadioGroupLabel,
-  Validation: CheckboxOrRadioGroupValidation
-});
-
-module.exports = CheckboxOrRadioGroup$1;

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

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./CheckboxOrRadioGroup-e38b5339.css');
-
-var classes = {"Body":"prc-CheckboxOrRadioGroup-Body-cNQoa","GroupFieldset":"prc-CheckboxOrRadioGroup-GroupFieldset-0NZzG","GroupLegend":"prc-CheckboxOrRadioGroup-GroupLegend-HW4-c","CheckboxOrRadioGroupCaption":"prc-CheckboxOrRadioGroup-CheckboxOrRadioGroupCaption-9GgyY","RadioGroupLabel":"prc-CheckboxOrRadioGroup-RadioGroupLabel-anQ3U","GroupLabelChildren":"prc-CheckboxOrRadioGroup-GroupLabelChildren-j5sBI"};
-
-module.exports = classes;

package/lib/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.d.ts

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

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

@@ -1,31 +0,0 @@
-'use strict';
-
-var React = require('react');
-var CheckboxOrRadioGroupContext = require('./CheckboxOrRadioGroupContext.js');
-var CheckboxOrRadioGroup_module = require('./CheckboxOrRadioGroup.module.css.js');
-var clsx = require('clsx');
-var jsxRuntime = require('react/jsx-runtime');
-var Text = require('../../../Text/Text.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const CheckboxOrRadioGroupCaption = ({
-  className,
-  children,
-  sx
-}) => {
-  const {
-    captionId
-  } = React__default.default.useContext(CheckboxOrRadioGroupContext);
-  return /*#__PURE__*/jsxRuntime.jsx(Text, {
-    className: clsx.clsx(className, CheckboxOrRadioGroup_module.CheckboxOrRadioGroupCaption),
-    id: captionId,
-    sx: sx,
-    children: children
-  });
-};
-CheckboxOrRadioGroupCaption.displayName = "CheckboxOrRadioGroupCaption";
-
-module.exports = CheckboxOrRadioGroupCaption;

package/lib/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupContext.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { CheckboxOrRadioGroupProps } from './CheckboxOrRadioGroup';
-export type CheckboxOrRadioGroupContext = {
-    validationMessageId?: string;
-    captionId?: string;
-} & CheckboxOrRadioGroupProps;
-declare const CheckboxOrRadioGroupContext: React.Context<CheckboxOrRadioGroupContext>;
-export default CheckboxOrRadioGroupContext;
-//# sourceMappingURL=CheckboxOrRadioGroupContext.d.ts.map

package/lib/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupContext.js

@@ -1,11 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const CheckboxOrRadioGroupContext = /*#__PURE__*/React__default.default.createContext({});
-
-module.exports = CheckboxOrRadioGroupContext;

package/lib/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { SxProp } from '../../../sx';
-export type CheckboxOrRadioGroupLabelProps = {
-    /** Class name for custom styling */
-    className?: string;
-    /**
-     * Whether to visually hide the fieldset legend
-     */
-    visuallyHidden?: boolean;
-} & SxProp;
-declare const CheckboxOrRadioGroupLabel: React.FC<React.PropsWithChildren<CheckboxOrRadioGroupLabelProps>>;
-export default CheckboxOrRadioGroupLabel;
-//# sourceMappingURL=CheckboxOrRadioGroupLabel.d.ts.map

package/lib/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.js

@@ -1,45 +0,0 @@
-'use strict';
-
-var React = require('react');
-var _VisuallyHidden = require('../../../_VisuallyHidden.js');
-var CheckboxOrRadioGroupContext = require('./CheckboxOrRadioGroupContext.js');
-var CheckboxOrRadioGroup_module = require('./CheckboxOrRadioGroup.module.css.js');
-var index = require('../../../Stack/index.js');
-var clsx = require('clsx');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const CheckboxOrRadioGroupLabel = ({
-  children,
-  className,
-  visuallyHidden = false,
-  sx
-}) => {
-  const {
-    required,
-    disabled
-  } = React__default.default.useContext(CheckboxOrRadioGroupContext);
-  return /*#__PURE__*/jsxRuntime.jsx(_VisuallyHidden, {
-    className: clsx.clsx(className, CheckboxOrRadioGroup_module.RadioGroupLabel),
-    isVisible: !visuallyHidden,
-    title: required ? 'required field' : undefined,
-    "data-label-disabled": disabled ? '' : undefined,
-    sx: sx,
-    children: required ? /*#__PURE__*/jsxRuntime.jsxs(index.Stack, {
-      direction: "horizontal",
-      gap: "none",
-      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-        className: CheckboxOrRadioGroup_module.GroupLabelChildren,
-        children: children
-      }), /*#__PURE__*/jsxRuntime.jsx("span", {
-        children: "*"
-      })]
-    }) : children
-  });
-};
-CheckboxOrRadioGroupLabel.displayName = "CheckboxOrRadioGroupLabel";
-
-module.exports = CheckboxOrRadioGroupLabel;

package/lib/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { SxProp } from '../../../sx';
-import type { FormValidationStatus } from '../../../utils/types/FormValidationStatus';
-export type CheckboxOrRadioGroupValidationProps = {
-    /** Changes the visual style to match the validation status */
-    variant: FormValidationStatus;
-} & SxProp;
-declare const CheckboxOrRadioGroupValidation: React.FC<React.PropsWithChildren<CheckboxOrRadioGroupValidationProps>>;
-export default CheckboxOrRadioGroupValidation;
-//# sourceMappingURL=CheckboxOrRadioGroupValidation.d.ts.map

package/lib/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var React = require('react');
-var InputValidation = require('../InputValidation.js');
-var CheckboxOrRadioGroupContext = require('./CheckboxOrRadioGroupContext.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const CheckboxOrRadioGroupValidation = ({
-  children,
-  variant,
-  sx
-}) => {
-  const {
-    validationMessageId = ''
-  } = React__default.default.useContext(CheckboxOrRadioGroupContext);
-  return /*#__PURE__*/jsxRuntime.jsx(InputValidation, {
-    validationStatus: variant,
-    id: validationMessageId,
-    sx: sx,
-    children: children
-  });
-};
-CheckboxOrRadioGroupValidation.displayName = "CheckboxOrRadioGroupValidation";
-
-module.exports = CheckboxOrRadioGroupValidation;

package/lib/internal/components/CheckboxOrRadioGroup/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from './CheckboxOrRadioGroup';
-export type { CheckboxOrRadioGroupProps } from './CheckboxOrRadioGroup';
-export { default as CheckboxOrRadioGroupContext } from './CheckboxOrRadioGroupContext';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,6 +0,0 @@
-import type React from 'react';
-import type { BoxProps } from '../../Box/Box';
-export declare const ConditionalWrapper: React.FC<React.PropsWithChildren<{
-    if: boolean;
-} & BoxProps>>;
-//# sourceMappingURL=ConditionalWrapper.d.ts.map

package/lib/internal/components/ConditionalWrapper.js

@@ -1,52 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var Box = require('../../Box/Box.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-const ConditionalWrapper = props => {
-  const $ = reactCompilerRuntime.c(8);
-  let condition;
-  let rest;
-  if ($[0] !== props) {
-    ({
-      if: condition,
-      ...rest
-    } = props);
-    $[0] = props;
-    $[1] = condition;
-    $[2] = rest;
-  } else {
-    condition = $[1];
-    rest = $[2];
-  }
-  if (condition) {
-    let t0;
-    if ($[3] !== props.children || $[4] !== rest) {
-      t0 = /*#__PURE__*/jsxRuntime.jsx(Box, {
-        ...rest,
-        children: props.children
-      });
-      $[3] = props.children;
-      $[4] = rest;
-      $[5] = t0;
-    } else {
-      t0 = $[5];
-    }
-    return t0;
-  } else {
-    let t0;
-    if ($[6] !== props.children) {
-      t0 = /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: props.children
-      });
-      $[6] = props.children;
-      $[7] = t0;
-    } else {
-      t0 = $[7];
-    }
-    return t0;
-  }
-};
-
-exports.ConditionalWrapper = ConditionalWrapper;

package/lib/internal/components/InputLabel-eb267c58.css

@@ -1,2 +0,0 @@
-.prc-components-Label-bE-kK{align-self:flex-start;color:var(--fgColor-default,var(--color-fg-default));cursor:pointer;display:block;font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-semibold,600)}.prc-components-Label-bE-kK:where([data-control-disabled]){color:var(--control-fgColor-disabled,var(--color-primer-fg-disabled));cursor:not-allowed}.prc-components-Label-bE-kK:where([data-visually-hidden]){height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);border:0;clip-path:inset(50%);white-space:nowrap}.prc-components-RequiredText-ztJvt{column-gap:var(--base-size-4,.25rem);display:flex}
-/*# sourceMappingURL=InputLabel-eb267c58.css.map */

package/lib/internal/components/InputLabel-eb267c58.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/internal/components/InputLabel.module.css"],"names":[],"mappings":"AAAA,4BAME,qBAAsB,CAFtB,oDAA6B,CAC7B,cAAe,CAJf,aAAc,CACd,8CAAuC,CACvC,gDAuBF,CAlBE,2DACE,qEAAsC,CACtC,kBACF,CAEA,0DAGE,UAAW,CAGX,WAAY,CACZ,eAAgB,CAHhB,SAAU,CAHV,iBAAkB,CAClB,SAAU,CAMV,kBAAmB,CAEnB,QAAS,CACT,oBAAqB,CAFrB,kBAGF,CAGF,mCAEE,oCAA8B,CAD9B,YAEF","file":"InputLabel-eb267c58.css","sourcesContent":[".Label {\n  display: block;\n  font-size: var(--text-body-size-medium);\n  font-weight: var(--base-text-weight-semibold);\n  color: var(--fgColor-default);\n  cursor: pointer;\n  align-self: flex-start;\n\n  &:where([data-control-disabled]) {\n    color: var(--control-fgColor-disabled);\n    cursor: not-allowed;\n  }\n\n  &:where([data-visually-hidden]) {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    /* stylelint-disable-next-line primer/spacing */\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0 0 0 0);\n    white-space: nowrap;\n    border: 0;\n    clip-path: inset(50%);\n  }\n}\n\n.RequiredText {\n  display: flex;\n  column-gap: var(--base-size-4);\n}\n"]}

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

@@ -1,23 +0,0 @@
-import type React from 'react';
-import { type SxProp } from '../../sx';
-type BaseProps = SxProp & {
-    disabled?: boolean;
-    required?: boolean;
-    requiredText?: string;
-    requiredIndicator?: boolean;
-    visuallyHidden?: boolean;
-    id?: string;
-    className?: string;
-};
-export type LabelProps = BaseProps & {
-    htmlFor?: string;
-    as?: 'label';
-};
-export type LegendOrSpanProps = BaseProps & {
-    as: 'legend' | 'span';
-    htmlFor?: undefined;
-};
-type Props = React.PropsWithChildren<LabelProps | LegendOrSpanProps>;
-declare function InputLabel({ children, disabled, htmlFor, id, required, requiredText, requiredIndicator, visuallyHidden, sx, as, className, ...props }: Props): React.JSX.Element;
-export { InputLabel };
-//# sourceMappingURL=InputLabel.d.ts.map

package/lib/internal/components/InputLabel.js

@@ -1,125 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var clsx = require('clsx');
-var InputLabel_module = require('./InputLabel.module.css.js');
-var BoxWithFallback = require('./BoxWithFallback.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function InputLabel(t0) {
-  const $ = reactCompilerRuntime.c(30);
-  let children;
-  let className;
-  let disabled;
-  let htmlFor;
-  let id;
-  let props;
-  let required;
-  let requiredIndicator;
-  let requiredText;
-  let sx;
-  let t1;
-  let visuallyHidden;
-  if ($[0] !== t0) {
-    ({
-      children,
-      disabled,
-      htmlFor,
-      id,
-      required,
-      requiredText,
-      requiredIndicator,
-      visuallyHidden,
-      sx,
-      as: t1,
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = className;
-    $[3] = disabled;
-    $[4] = htmlFor;
-    $[5] = id;
-    $[6] = props;
-    $[7] = required;
-    $[8] = requiredIndicator;
-    $[9] = requiredText;
-    $[10] = sx;
-    $[11] = t1;
-    $[12] = visuallyHidden;
-  } else {
-    children = $[1];
-    className = $[2];
-    disabled = $[3];
-    htmlFor = $[4];
-    id = $[5];
-    props = $[6];
-    required = $[7];
-    requiredIndicator = $[8];
-    requiredText = $[9];
-    sx = $[10];
-    t1 = $[11];
-    visuallyHidden = $[12];
-  }
-  const as = t1 === undefined ? "label" : t1;
-  const t2 = disabled ? "" : undefined;
-  const t3 = visuallyHidden ? "" : undefined;
-  let t4;
-  if ($[13] !== className) {
-    t4 = clsx.clsx(className, InputLabel_module.Label);
-    $[13] = className;
-    $[14] = t4;
-  } else {
-    t4 = $[14];
-  }
-  let t5;
-  if ($[15] !== children || $[16] !== required || $[17] !== requiredIndicator || $[18] !== requiredText) {
-    var _requiredText;
-    t5 = required || requiredText ? /*#__PURE__*/jsxRuntime.jsxs("span", {
-      className: InputLabel_module.RequiredText,
-      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-        children: children
-      }), /*#__PURE__*/jsxRuntime.jsx("span", {
-        "aria-hidden": requiredIndicator ? undefined : true,
-        children: (_requiredText = requiredText) !== null && _requiredText !== void 0 ? _requiredText : "*"
-      })]
-    }) : children;
-    $[15] = children;
-    $[16] = required;
-    $[17] = requiredIndicator;
-    $[18] = requiredText;
-    $[19] = t5;
-  } else {
-    t5 = $[19];
-  }
-  let t6;
-  if ($[20] !== as || $[21] !== htmlFor || $[22] !== id || $[23] !== props || $[24] !== sx || $[25] !== t2 || $[26] !== t3 || $[27] !== t4 || $[28] !== t5) {
-    t6 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-      as: as,
-      sx: sx,
-      "data-control-disabled": t2,
-      "data-visually-hidden": t3,
-      htmlFor: htmlFor,
-      id: id,
-      className: t4,
-      ...props,
-      children: t5
-    });
-    $[20] = as;
-    $[21] = htmlFor;
-    $[22] = id;
-    $[23] = props;
-    $[24] = sx;
-    $[25] = t2;
-    $[26] = t3;
-    $[27] = t4;
-    $[28] = t5;
-    $[29] = t6;
-  } else {
-    t6 = $[29];
-  }
-  return t6;
-}
-
-exports.InputLabel = InputLabel;

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

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./InputLabel-eb267c58.css');
-
-var classes = {"Label":"prc-components-Label-bE-kK","RequiredText":"prc-components-RequiredText-ztJvt"};
-
-module.exports = classes;

package/lib/internal/components/InputValidation-057236a4.css

@@ -1,2 +0,0 @@
-.prc-components-InputValidation-GjS0D{color:var(--inputValidation-fgColor);display:flex;font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-semibold,600)}.prc-components-InputValidation-GjS0D :where(a){color:currentColor;-webkit-text-decoration:underline;text-decoration:underline}.prc-components-InputValidation-GjS0D:where([data-validation-status=success]){--inputValidation-fgColor:var(--fgColor-success,var(--color-success-fg))}.prc-components-InputValidation-GjS0D:where([data-validation-status=error]){--inputValidation-fgColor:var(--fgColor-danger,var(--color-danger-fg))}.prc-components-ValidationIcon-Kdbbr{align-items:center;display:flex;margin-inline-end:var(--base-size-4,.25rem);min-height:var(--inputValidation-iconSize)}.prc-components-ValidationText-jjsBp{line-height:var(--inputValidation-lineHeight)}
-/*# sourceMappingURL=InputValidation-057236a4.css.map */

package/lib/internal/components/InputValidation-057236a4.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/internal/components/InputValidation.module.css"],"names":[],"mappings":"AAAA,sCAKE,oCAAqC,CAJrC,YAAa,CACb,4CAAsC,CACtC,gDAgBF,CAZE,gDACE,kBAAmB,CACnB,iCAA0B,CAA1B,yBACF,CAEA,8EACE,wEACF,CAEA,4EACE,sEACF,CAGF,qCACE,kBAAmB,CACnB,YAAa,CACb,2CAAqC,CACrC,0CACF,CAEA,qCAEE,6CACF","file":"InputValidation-057236a4.css","sourcesContent":[".InputValidation {\n  display: flex;\n  font-size: var(--text-body-size-small);\n  font-weight: var(--base-text-weight-semibold);\n  /* stylelint-disable-next-line primer/colors */\n  color: var(--inputValidation-fgColor);\n\n  & :where(a) {\n    color: currentColor;\n    text-decoration: underline;\n  }\n\n  &:where([data-validation-status='success']) {\n    --inputValidation-fgColor: var(--fgColor-success);\n  }\n\n  &:where([data-validation-status='error']) {\n    --inputValidation-fgColor: var(--fgColor-danger);\n  }\n}\n\n.ValidationIcon {\n  align-items: center;\n  display: flex;\n  margin-inline-end: var(--base-size-4);\n  min-height: var(--inputValidation-iconSize);\n}\n\n.ValidationText {\n  /* stylelint-disable-next-line primer/typography */\n  line-height: var(--inputValidation-lineHeight);\n}\n"]}

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

@@ -1,11 +0,0 @@
-import type React from 'react';
-import type { SxProp } from '../../sx';
-import type { FormValidationStatus } from '../../utils/types/FormValidationStatus';
-type Props = {
-    className?: string;
-    id: string;
-    validationStatus?: FormValidationStatus;
-} & SxProp;
-declare const InputValidation: React.FC<React.PropsWithChildren<Props>>;
-export default InputValidation;
-//# sourceMappingURL=InputValidation.d.ts.map

package/lib/internal/components/InputValidation.js

@@ -1,93 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var octiconsReact = require('@primer/octicons-react');
-var InputValidation_module = require('./InputValidation.module.css.js');
-var clsx = require('clsx');
-var jsxRuntime = require('react/jsx-runtime');
-var Text = require('../../Text/Text.js');
-
-const validationIconMap = {
-  success: octiconsReact.CheckCircleFillIcon,
-  error: octiconsReact.AlertFillIcon
-};
-const InputValidation = t0 => {
-  const $ = reactCompilerRuntime.c(14);
-  const {
-    children,
-    className,
-    id,
-    validationStatus,
-    sx
-  } = t0;
-  const IconComponent = validationStatus ? validationIconMap[validationStatus] : undefined;
-  let t1;
-  if ($[0] !== className) {
-    t1 = clsx.clsx(className, InputValidation_module.InputValidation);
-    $[0] = className;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== IconComponent) {
-    t2 = IconComponent ? /*#__PURE__*/jsxRuntime.jsx("span", {
-      "aria-hidden": "true",
-      className: InputValidation_module.ValidationIcon,
-      style: {
-        "--inputValidation-iconSize": 16
-      },
-      children: /*#__PURE__*/jsxRuntime.jsx(IconComponent, {
-        size: 12,
-        fill: "currentColor"
-      })
-    }) : null;
-    $[2] = IconComponent;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  let t3;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = {
-      "--inputValidation-lineHeight": 1.3333333333333333
-    };
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  let t4;
-  if ($[5] !== children || $[6] !== id) {
-    t4 = /*#__PURE__*/jsxRuntime.jsx("span", {
-      id: id,
-      className: InputValidation_module.ValidationText,
-      style: t3,
-      children: children
-    });
-    $[5] = children;
-    $[6] = id;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] !== sx || $[9] !== t1 || $[10] !== t2 || $[11] !== t4 || $[12] !== validationStatus) {
-    t5 = /*#__PURE__*/jsxRuntime.jsxs(Text, {
-      className: t1,
-      "data-validation-status": validationStatus,
-      sx: sx,
-      children: [t2, t4]
-    });
-    $[8] = sx;
-    $[9] = t1;
-    $[10] = t2;
-    $[11] = t4;
-    $[12] = validationStatus;
-    $[13] = t5;
-  } else {
-    t5 = $[13];
-  }
-  return t5;
-};
-
-module.exports = InputValidation;

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

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./InputValidation-057236a4.css');
-
-var classes = {"InputValidation":"prc-components-InputValidation-GjS0D","ValidationIcon":"prc-components-ValidationIcon-Kdbbr","ValidationText":"prc-components-ValidationText-jjsBp"};
-
-module.exports = classes;

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

@@ -1,14 +0,0 @@
-import React from 'react';
-type LiveRegionContext = {
-    announce: (message: string) => void;
-    message: string;
-};
-declare const LiveRegionContext: React.Context<LiveRegionContext | null>;
-declare function useLiveRegion(): LiveRegionContext;
-declare function LiveRegion({ children }: React.PropsWithChildren): React.JSX.Element;
-declare function LiveRegionOutlet(): React.JSX.Element;
-declare function Message({ value }: {
-    value: string;
-}): null;
-export { LiveRegion, LiveRegionOutlet, Message, useLiveRegion };
-//# sourceMappingURL=LiveRegion.d.ts.map