@primer/react 37.32.0-rc.f8e94f384 → 38.0.0-rc.09f015db1

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

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

package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxOrRadioGroupLabel.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AAE1D,MAAM,MAAM,8BAA8B,GAAG;IAC3C,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,QAAA,MAAM,yBAAyB,EAAE,gBAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC,8BAA8B,CAAC,CAwBxG,CAAA;AAED,eAAe,yBAAyB,CAAA"}

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

@@ -0,0 +1,38 @@
+import React from 'react';
+import VisuallyHidden from '../../../_VisuallyHidden.js';
+import CheckboxOrRadioGroupContext from './CheckboxOrRadioGroupContext.js';
+import classes from './CheckboxOrRadioGroup.module.css.js';
+import { Stack } from '../../../Stack/index.js';
+import { clsx } from 'clsx';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+const CheckboxOrRadioGroupLabel = ({
+  children,
+  className,
+  visuallyHidden = false
+}) => {
+  const {
+    required,
+    disabled
+  } = React.useContext(CheckboxOrRadioGroupContext);
+  return /*#__PURE__*/jsx(VisuallyHidden, {
+    className: clsx(className, classes.RadioGroupLabel),
+    isVisible: !visuallyHidden,
+    title: required ? 'required field' : undefined,
+    "data-label-disabled": disabled ? '' : undefined,
+    children: required ? /*#__PURE__*/jsxs(Stack, {
+      direction: "horizontal",
+      gap: "none",
+      children: [/*#__PURE__*/jsx("div", {
+        className: classes.GroupLabelChildren,
+        children: children
+      }), /*#__PURE__*/jsx("span", {
+        children: "*"
+      })]
+    }) : children
+  });
+};
+CheckboxOrRadioGroupLabel.displayName = "CheckboxOrRadioGroupLabel";
+CheckboxOrRadioGroupLabel.__SLOT__ = Symbol('CheckboxOrRadioGroupLabel');
+
+export { CheckboxOrRadioGroupLabel as default };

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

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

package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxOrRadioGroupValidation.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,2CAA2C,CAAA;AAEnF,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AAE1D,MAAM,MAAM,mCAAmC,GAAG;IAChD,8DAA8D;IAC9D,OAAO,EAAE,oBAAoB,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,8BAA8B,EAAE,gBAAgB,CACpD,KAAK,CAAC,iBAAiB,CAAC,mCAAmC,CAAC,CAQ7D,CAAA;AAED,eAAe,8BAA8B,CAAA"}

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import InputValidation from '../InputValidation.js';
+import CheckboxOrRadioGroupContext from './CheckboxOrRadioGroupContext.js';
+import { jsx } from 'react/jsx-runtime';
+
+const CheckboxOrRadioGroupValidation = ({
+  children,
+  variant
+}) => {
+  const {
+    validationMessageId = ''
+  } = React.useContext(CheckboxOrRadioGroupContext);
+  return /*#__PURE__*/jsx(InputValidation, {
+    validationStatus: variant,
+    id: validationMessageId,
+    children: children
+  });
+};
+CheckboxOrRadioGroupValidation.displayName = "CheckboxOrRadioGroupValidation";
+CheckboxOrRadioGroupValidation.__SLOT__ = Symbol('CheckboxOrRadioGroupValidation');
+
+export { CheckboxOrRadioGroupValidation as default };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionalWrapper.d.ts","sourceRoot":"","sources":["../../../src/internal/components/ConditionalWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CACvC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAAC,EAAE,EAAE,OAAO,CAAA;CAAC,CAAC,CAM/E,CAAA"}

package/dist/internal/components/ConditionalWrapper.js

@@ -0,0 +1,53 @@
+import { c } from 'react-compiler-runtime';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+const ConditionalWrapper = props => {
+  const $ = c(9);
+  let children;
+  let condition;
+  let rest;
+  if ($[0] !== props) {
+    ({
+      if: condition,
+      children,
+      ...rest
+    } = props);
+    $[0] = props;
+    $[1] = children;
+    $[2] = condition;
+    $[3] = rest;
+  } else {
+    children = $[1];
+    condition = $[2];
+    rest = $[3];
+  }
+  if (condition) {
+    let t0;
+    if ($[4] !== children || $[5] !== rest) {
+      t0 = /*#__PURE__*/jsx("div", {
+        ...rest,
+        children: children
+      });
+      $[4] = children;
+      $[5] = rest;
+      $[6] = t0;
+    } else {
+      t0 = $[6];
+    }
+    return t0;
+  } else {
+    let t0;
+    if ($[7] !== children) {
+      t0 = /*#__PURE__*/jsx(Fragment, {
+        children: children
+      });
+      $[7] = children;
+      $[8] = t0;
+    } else {
+      t0 = $[8];
+    }
+    return t0;
+  }
+};
+
+export { ConditionalWrapper };

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

@@ -0,0 +1,22 @@
+import type React from 'react';
+type BaseProps = {
+    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, as, className, ...props }: Props): React.JSX.Element;
+export { InputLabel };
+//# sourceMappingURL=InputLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputLabel.d.ts","sourceRoot":"","sources":["../../../src/internal/components/InputLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG;IACnC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,EAAE,CAAC,EAAE,OAAO,CAAA;CACb,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG;IAC1C,EAAE,EAAE,QAAQ,GAAG,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,KAAK,KAAK,GAAG,KAAK,CAAC,iBAAiB,CAAC,UAAU,GAAG,iBAAiB,CAAC,CAAA;AAEpE,iBAAS,UAAU,CAAC,EAClB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,EAAE,EACF,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,EAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,qBAsBP;AAED,OAAO,EAAC,UAAU,EAAC,CAAA"}

package/dist/internal/components/InputLabel.js

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

package/dist/internal/components/InputValidation-dddeaafd.css

@@ -0,0 +1,2 @@
+.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{display:flex;margin-top:var(--base-size-2,.125rem);margin-inline-end:var(--base-size-4,.25rem);min-height:var(--inputValidation-iconSize)}.prc-components-ValidationText-jjsBp{line-height:var(--inputValidation-lineHeight)}
+/*# sourceMappingURL=InputValidation-dddeaafd.css.map */

package/dist/internal/components/InputValidation-dddeaafd.css.map

@@ -0,0 +1 @@
+{"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,YAAa,CACb,qCAA8B,CAC9B,2CAAqC,CACrC,0CACF,CAEA,qCAEE,6CACF","file":"InputValidation-dddeaafd.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  display: flex;\n  margin-top: var(--base-size-2);\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/dist/internal/components/InputValidation.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputValidation.d.ts","sourceRoot":"","sources":["../../../src/internal/components/InputValidation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,wCAAwC,CAAA;AAIhF,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,CAAA;AAUD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAuC7D,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/internal/components/InputValidation.js

@@ -0,0 +1,91 @@
+import { c } from 'react-compiler-runtime';
+import { AlertFillIcon, CheckCircleFillIcon } from '@primer/octicons-react';
+import classes from './InputValidation.module.css.js';
+import { clsx } from 'clsx';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Text from '../../Text/Text.js';
+
+const validationIconMap = {
+  success: CheckCircleFillIcon,
+  error: AlertFillIcon
+};
+const InputValidation = t0 => {
+  const $ = c(14);
+  const {
+    children,
+    className,
+    id,
+    validationStatus,
+    style
+  } = t0;
+  const IconComponent = validationStatus ? validationIconMap[validationStatus] : undefined;
+  let t1;
+  if ($[0] !== className) {
+    t1 = clsx(className, classes.InputValidation);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== IconComponent) {
+    t2 = IconComponent ? /*#__PURE__*/jsx("span", {
+      "aria-hidden": "true",
+      className: classes.ValidationIcon,
+      style: {
+        "--inputValidation-iconSize": 16
+      },
+      children: /*#__PURE__*/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__*/jsx("span", {
+      id: id,
+      className: classes.ValidationText,
+      style: t3,
+      children: children
+    });
+    $[5] = children;
+    $[6] = id;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== style || $[9] !== t1 || $[10] !== t2 || $[11] !== t4 || $[12] !== validationStatus) {
+    t5 = /*#__PURE__*/jsxs(Text, {
+      className: t1,
+      "data-validation-status": validationStatus,
+      style: style,
+      children: [t2, t4]
+    });
+    $[8] = style;
+    $[9] = t1;
+    $[10] = t2;
+    $[11] = t4;
+    $[12] = validationStatus;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  return t5;
+};
+
+export { InputValidation as default };

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

@@ -0,0 +1,5 @@
+import './InputValidation-dddeaafd.css';
+
+var classes = {"InputValidation":"prc-components-InputValidation-GjS0D","ValidationIcon":"prc-components-ValidationIcon-Kdbbr","ValidationText":"prc-components-ValidationText-jjsBp"};
+
+export { classes as default };

package/dist/internal/components/LiveRegion.js

@@ -0,0 +1,130 @@
+import { c } from 'react-compiler-runtime';
+import React from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden.js';
+
+const LiveRegionContext = /*#__PURE__*/React.createContext(null);
+function useLiveRegion() {
+  const context = React.useContext(LiveRegionContext);
+  if (!context) {
+    throw new Error("useLiveRegion() must be used within a <LiveRegion>");
+  }
+  return context;
+}
+function LiveRegion(t0) {
+  const $ = c(5);
+  const {
+    children
+  } = t0;
+  const [message, setMessage] = React.useState("");
+  let t1;
+  if ($[0] !== message) {
+    t1 = {
+      announce: setMessage,
+      message
+    };
+    $[0] = message;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const value = t1;
+  let t2;
+  if ($[2] !== children || $[3] !== value) {
+    t2 = /*#__PURE__*/jsx(LiveRegionContext.Provider, {
+      value: value,
+      children: children
+    });
+    $[2] = children;
+    $[3] = value;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+}
+function LiveRegionOutlet() {
+  const $ = c(2);
+  const liveRegion = useLiveRegion();
+  let t0;
+  if ($[0] !== liveRegion.message) {
+    t0 = /*#__PURE__*/jsx(VisuallyHidden, {
+      role: "status",
+      "aria-live": "polite",
+      "aria-atomic": true,
+      children: liveRegion.message
+    });
+    $[0] = liveRegion.message;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+function Message(t0) {
+  const $ = c(8);
+  const {
+    value
+  } = t0;
+  const liveRegion = useLiveRegion();
+  const savedLiveRegion = React.useRef(liveRegion);
+  const committedRef = React.useRef(false);
+  let t1;
+  let t2;
+  if ($[0] !== liveRegion) {
+    t1 = () => {
+      savedLiveRegion.current = liveRegion;
+    };
+    t2 = [liveRegion];
+    $[0] = liveRegion;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t1 = $[1];
+    t2 = $[2];
+  }
+  React.useEffect(t1, t2);
+  let t3;
+  let t4;
+  if ($[3] !== value) {
+    t3 = () => {
+      if (committedRef.current !== true) {
+        return;
+      }
+      const timeoutId = setTimeout(() => {
+        savedLiveRegion.current.announce(value);
+      }, 750);
+      return () => {
+        clearTimeout(timeoutId);
+      };
+    };
+    t4 = [value];
+    $[3] = value;
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t3 = $[4];
+    t4 = $[5];
+  }
+  React.useEffect(t3, t4);
+  let t5;
+  let t6;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = () => {
+      committedRef.current = true;
+      return () => {
+        committedRef.current = false;
+      };
+    };
+    t6 = [];
+    $[6] = t5;
+    $[7] = t6;
+  } else {
+    t5 = $[6];
+    t6 = $[7];
+  }
+  React.useEffect(t5, t6);
+  return null;
+}
+
+export { LiveRegion, LiveRegionOutlet, Message, useLiveRegion };

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

@@ -0,0 +1,35 @@
+import type React from 'react';
+import type { IconProps } from '@primer/octicons-react';
+import type { ButtonProps } from '../../Button';
+export type TextInputActionProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'aria-label' | 'size' | 'tooltipDirection'> & {
+    /** @deprecated Text input action buttons should only use icon buttons */
+    children?: React.ReactNode;
+    /** Text that appears in a tooltip. If an icon is passed, this is also used as the label used by assistive technologies. */
+    ['aria-label']?: string;
+    /** Position of tooltip. If no position is passed or defaults to "n" */
+    tooltipDirection?: 'n' | 'ne' | 'e' | 'se' | 's' | 'sw' | 'w' | 'nw';
+    /** The icon to render inside the button */
+    icon?: React.FunctionComponent<React.PropsWithChildren<IconProps>>;
+    /**
+     * @deprecated Text input action buttons should only use the 'invisible' button variant
+     * Determine's the styles on a button one of 'default' | 'primary' | 'invisible' | 'danger'
+     */
+    variant?: ButtonProps['variant'];
+};
+declare const TextInputAction: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "aria-label" | "tooltipDirection"> & {
+    /** @deprecated Text input action buttons should only use icon buttons */
+    children?: React.ReactNode;
+    /** Text that appears in a tooltip. If an icon is passed, this is also used as the label used by assistive technologies. */
+    "aria-label"?: string;
+    /** Position of tooltip. If no position is passed or defaults to "n" */
+    tooltipDirection?: "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "nw";
+    /** The icon to render inside the button */
+    icon?: React.FunctionComponent<React.PropsWithChildren<IconProps>>;
+    /**
+     * @deprecated Text input action buttons should only use the 'invisible' button variant
+     * Determine's the styles on a button one of 'default' | 'primary' | 'invisible' | 'danger'
+     */
+    variant?: ButtonProps["variant"];
+} & React.RefAttributes<HTMLButtonElement>>;
+export default TextInputAction;
+//# sourceMappingURL=TextInputInnerAction.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputInnerAction.d.ts","sourceRoot":"","sources":["../../../src/internal/components/TextInputInnerAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAGrD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,cAAc,CAAA;AAK7C,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,YAAY,GAAG,MAAM,GAAG,kBAAkB,CAC3C,GAAG;IACF,yEAAyE;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,2HAA2H;IAC3H,CAAC,YAAY,CAAC,CAAC,EAAE,MAAM,CAAA;IACvB,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,CAAA;IACpE,2CAA2C;IAC3C,IAAI,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAA;IAClE;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;CACjC,CAAA;AAoBD,QAAA,MAAM,eAAe;IAjCnB,yEAAyE;eAC9D,KAAK,CAAC,SAAS;IAC1B,2HAA2H;mBAC1G,MAAM;IACvB,uEAAuE;uBACpD,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI;IACpE,2CAA2C;WACpC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAClE;;;OAGG;cACO,WAAW,CAAC,SAAS,CAAC;2CA0EjC,CAAA;AAED,eAAe,eAAe,CAAA"}