@primer/react 38.0.0-rc.389f01088 → 38.0.0-rc.4

package/lib-esm/internal/components/BoxWithFallback.js

@@ -1,65 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import React from 'react';
-import { defaultSxProp } from '../../utils/defaultSxProp.js';
-import { includesSystemProps } from '../../utils/includeSystemProps.js';
-import { jsx } from 'react/jsx-runtime';
-import Box from '../../Box/Box.js';
-
-const BoxWithFallback = /*#__PURE__*/React.forwardRef(function BoxWithFallback(t0, ref) {
-  const $ = c(13);
-  let rest;
-  let t1;
-  let t2;
-  if ($[0] !== t0) {
-    ({
-      as: t1,
-      sx: t2,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = rest;
-    $[2] = t1;
-    $[3] = t2;
-  } else {
-    rest = $[1];
-    t1 = $[2];
-    t2 = $[3];
-  }
-  const BaseComponent = t1 === undefined ? "div" : t1;
-  const sx = t2 === undefined ? defaultSxProp : t2;
-  if (sx !== defaultSxProp || includesSystemProps(rest)) {
-    let t3;
-    if ($[4] !== BaseComponent || $[5] !== ref || $[6] !== rest || $[7] !== sx) {
-      t3 = /*#__PURE__*/jsx(Box, {
-        ...rest,
-        ref: ref,
-        as: BaseComponent,
-        sx: sx
-      });
-      $[4] = BaseComponent;
-      $[5] = ref;
-      $[6] = rest;
-      $[7] = sx;
-      $[8] = t3;
-    } else {
-      t3 = $[8];
-    }
-    return t3;
-  }
-  let t3;
-  if ($[9] !== BaseComponent || $[10] !== ref || $[11] !== rest) {
-    t3 = /*#__PURE__*/jsx(BaseComponent, {
-      ...rest,
-      ref: ref
-    });
-    $[9] = BaseComponent;
-    $[10] = ref;
-    $[11] = rest;
-    $[12] = t3;
-  } else {
-    t3 = $[12];
-  }
-  return t3;
-});
-
-export { BoxWithFallback };

package/lib-esm/internal/components/ButtonReset.d.ts

@@ -1,6 +0,0 @@
-import type { SxProp } from '../../sx';
-/**
- * Provides an unstyled button that can be styled as-needed for components
- */
-export declare const Button: import("styled-components").StyledComponent<"button", any, SxProp, never>;
-//# sourceMappingURL=ButtonReset.d.ts.map

package/lib-esm/internal/components/ButtonReset.js

@@ -1,12 +0,0 @@
-import styled from 'styled-components';
-import sx from '../../sx.js';
-
-/**
- * Provides an unstyled button that can be styled as-needed for components
- */
-const Button = styled.button.withConfig({
-  displayName: "ButtonReset__Button",
-  componentId: "sc-1yqlmwf-0"
-})(["padding:0;border:0;margin:0;display:inline-flex;padding:0;border:0;appearance:none;background:none;cursor:pointer;text-align:start;font:inherit;color:inherit;align-items:center;&::-moz-focus-inner{border:0;}", ""], sx);
-
-export { Button };

package/lib-esm/internal/components/LiveRegion.js

@@ -1,132 +0,0 @@
-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;
-  let t2;
-  if ($[0] !== message) {
-    t2 = {
-      announce: setMessage,
-      message
-    };
-    $[0] = message;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  t1 = t2;
-  const value = t1;
-  let t3;
-  if ($[2] !== children || $[3] !== value) {
-    t3 = /*#__PURE__*/jsx(LiveRegionContext.Provider, {
-      value: value,
-      children: children
-    });
-    $[2] = children;
-    $[3] = value;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  return t3;
-}
-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/lib-esm/internal/components/TextInputInnerVisualSlot.js

@@ -1,96 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import { clsx } from 'clsx';
-import styles from './TextInputInnerVisualSlot.module.css.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import StyledSpinner from '../../Spinner/Spinner.js';
-
-const TextInputInnerVisualSlot = t0 => {
-  const $ = c(17);
-  const {
-    children,
-    hasLoadingIndicator,
-    showLoadingIndicator,
-    visualPosition,
-    id
-  } = t0;
-  const isLeading = visualPosition === "leading";
-  if (!children && !hasLoadingIndicator || isLeading && !children && !showLoadingIndicator) {
-    return null;
-  }
-  if (!hasLoadingIndicator) {
-    let t1;
-    if ($[0] !== children || $[1] !== id) {
-      t1 = /*#__PURE__*/jsx("span", {
-        className: "TextInput-icon",
-        id: id,
-        "aria-hidden": "true",
-        children: children
-      });
-      $[0] = children;
-      $[1] = id;
-      $[2] = t1;
-    } else {
-      t1 = $[2];
-    }
-    return t1;
-  }
-  let t1;
-  if ($[3] !== children || $[4] !== showLoadingIndicator) {
-    t1 = children && /*#__PURE__*/jsx("div", {
-      className: clsx(showLoadingIndicator ? styles.SpinnerHidden : styles.SpinnerVisible),
-      children: children
-    });
-    $[3] = children;
-    $[4] = showLoadingIndicator;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
-  }
-  const t2 = showLoadingIndicator ? styles.SpinnerVisible : styles.SpinnerHidden;
-  const t3 = children && styles.Spinner;
-  const t4 = children && isLeading && styles.SpinnerLeading;
-  let t5;
-  if ($[6] !== t2 || $[7] !== t3 || $[8] !== t4) {
-    t5 = clsx(t2, t3, t4);
-    $[6] = t2;
-    $[7] = t3;
-    $[8] = t4;
-    $[9] = t5;
-  } else {
-    t5 = $[9];
-  }
-  const t6 = children ? undefined : "small";
-  let t7;
-  if ($[10] !== t5 || $[11] !== t6) {
-    t7 = /*#__PURE__*/jsx(StyledSpinner, {
-      srText: null,
-      className: t5,
-      size: t6
-    });
-    $[10] = t5;
-    $[11] = t6;
-    $[12] = t7;
-  } else {
-    t7 = $[12];
-  }
-  let t8;
-  if ($[13] !== id || $[14] !== t1 || $[15] !== t7) {
-    t8 = /*#__PURE__*/jsx("span", {
-      className: "TextInput-icon",
-      children: /*#__PURE__*/jsxs("div", {
-        className: styles.Box,
-        id: id,
-        children: [t1, t7]
-      })
-    });
-    $[13] = id;
-    $[14] = t1;
-    $[15] = t7;
-    $[16] = t8;
-  } else {
-    t8 = $[16];
-  }
-  return t8;
-};
-
-export { TextInputInnerVisualSlot as default };

package/lib-esm/internal/components/TextInputWrapper-ca608f70.css

@@ -1,2 +0,0 @@
-.prc-components-TextInputBaseWrapper-ueK9q{align-items:stretch;background-color:var(--bgColor-default,var(--color-canvas-default));border:var(--borderWidth-thin,.0625rem) solid var(--control-borderColor-rest,var(--color-btn-border));border-radius:var(--borderRadius-medium,.375rem);box-shadow:var(--shadow-inset,var(--color-primer-shadow-inset));color:var(--fgColor-default,var(--color-fg-default));cursor:text;display:inline-flex;font-size:var(--text-body-size-medium,.875rem);line-height:var(--base-size-20,1.25rem);min-height:var(--base-size-32,2rem);outline:none;overflow:hidden;vertical-align:middle}.prc-components-TextInputBaseWrapper-ueK9q input,.prc-components-TextInputBaseWrapper-ueK9q textarea{cursor:text}.prc-components-TextInputBaseWrapper-ueK9q select{cursor:pointer}:is(.prc-components-TextInputBaseWrapper-ueK9q input,.prc-components-TextInputBaseWrapper-ueK9q textarea,.prc-components-TextInputBaseWrapper-ueK9q select)::placeholder{color:var(--fgColor-muted,var(--color-fg-muted))}.prc-components-TextInputBaseWrapper-ueK9q:where(:not([data-trailing-action]):focus-within),.prc-components-TextInputBaseWrapper-ueK9q:where([data-trailing-action][data-focused]){border-color:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));outline:var(--borderWidth-thick,.125rem) solid var(--borderColor-accent-emphasis,var(--color-accent-emphasis));outline-offset:-1px}.prc-components-TextInputBaseWrapper-ueK9q>textarea{padding:var(--base-size-12,.75rem)}.prc-components-TextInputBaseWrapper-ueK9q:where([data-contrast]){background-color:var(--control-bgColor-contrast,var(--bgColor-inset,var(--color-canvas-inset)))}.prc-components-TextInputBaseWrapper-ueK9q:where([data-disabled]){background-color:var(--control-bgColor-disabled,var(--color-input-disabled-bg));border-color:var(--control-borderColor-disabled,var(--color-btn-border));box-shadow:none;color:var(--fgColor-disabled,var(--color-primer-fg-disabled))}.prc-components-TextInputBaseWrapper-ueK9q:where([data-disabled]) input,.prc-components-TextInputBaseWrapper-ueK9q:where([data-disabled]) select,.prc-components-TextInputBaseWrapper-ueK9q:where([data-disabled]) textarea{cursor:not-allowed}.prc-components-TextInputBaseWrapper-ueK9q:where([data-monospace]){font-family:var(--fontStack-monospace,ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace)}.prc-components-TextInputBaseWrapper-ueK9q:where([data-validation=error]){border-color:var(--borderColor-danger-emphasis,var(--color-danger-emphasis))}.prc-components-TextInputBaseWrapper-ueK9q:where([data-validation=error]):where(:not([data-trailing-action])):focus-within,.prc-components-TextInputBaseWrapper-ueK9q:where([data-validation=error]):where([data-trailing-action][data-focused]){border-color:var(--control-borderColor-danger,var(--color-danger-emphasis));outline:2px solid var(--control-borderColor-danger,var(--color-danger-emphasis));outline-offset:-1px}.prc-components-TextInputBaseWrapper-ueK9q:where([data-validation=success]){border-color:var(--bgColor-success-emphasis,var(--color-success-emphasis))}.prc-components-TextInputBaseWrapper-ueK9q:where([data-block]){align-self:stretch;display:flex;width:100%}@media screen and (min-width:48rem){.prc-components-TextInputBaseWrapper-ueK9q{font-size:var(--text-body-size-medium,.875rem)}}.prc-components-TextInputBaseWrapper-ueK9q{--inner-action-size:var(--base-size-24,1.5rem)}.prc-components-TextInputBaseWrapper-ueK9q:where([data-size=small]){--inner-action-size:var(--base-size-20,1.25rem);font-size:var(--text-body-size-small,.75rem);line-height:var(--base-size-20,1.25rem);min-height:var(--base-size-28,1.75rem);padding-bottom:3px;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);padding-top:3px}.prc-components-TextInputBaseWrapper-ueK9q:where([data-size=large]){--inner-action-size:var(--base-size-28,1.75rem);height:var(--base-size-40,2.5rem);padding-bottom:10px;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);padding-top:10px}.prc-components-TextInputBaseWrapper-ueK9q:where([data-variant=small]){font-size:(--text-body-size-small);line-height:var(--base-size-20,1.25rem);min-height:28px;padding-bottom:3px;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);padding-top:3px}.prc-components-TextInputBaseWrapper-ueK9q:where([data-variant=large]){font-size:var(--text-title-size-medium,1.25rem);padding-bottom:10px;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);padding-top:10px}.prc-components-TextInputWrapper-i1ofR,.prc-components-TextInputWrapper-i1ofR>input,.prc-components-TextInputWrapper-i1ofR>select{padding-left:0;padding-right:0}.prc-components-TextInputWrapper-i1ofR{background-position:right 8px center;background-repeat:no-repeat}.prc-components-TextInputWrapper-i1ofR>:not(:last-child){margin-right:var(--base-size-8,.5rem)}.prc-components-TextInputWrapper-i1ofR .TextInput-action,.prc-components-TextInputWrapper-i1ofR .TextInput-icon{align-self:center;color:var(--fgColor-muted,var(--color-fg-muted));flex-shrink:0}.prc-components-TextInputWrapper-i1ofR:where([data-leading-visual]){padding-left:var(--base-size-12,.75rem)}.prc-components-TextInputWrapper-i1ofR:where([data-trailing-visual]:not([data-trailing-action])){padding-right:var(--base-size-12,.75rem)}.prc-components-TextInputWrapper-i1ofR:where(:not([data-leading-visual]))>input,.prc-components-TextInputWrapper-i1ofR:where(:not([data-leading-visual]))>select{padding-left:var(--base-size-12,.75rem)}.prc-components-TextInputWrapper-i1ofR:where(:not([data-trailing-visual]):not([data-trailing-action]))>input,.prc-components-TextInputWrapper-i1ofR:where(:not([data-trailing-visual]):not([data-trailing-action]))>select{padding-right:var(--base-size-12,.75rem)}
-/*# sourceMappingURL=TextInputWrapper-ca608f70.css.map */

package/lib-esm/internal/components/TextInputWrapper-ca608f70.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/internal/components/TextInputWrapper.module.css"],"names":[],"mappings":"AAAA,2CAeE,mBAAoB,CALpB,mEAAwC,CACxC,qGAAqE,CACrE,gDAAyC,CAEzC,+DAA+B,CAP/B,oDAA6B,CAE7B,WAAY,CARZ,mBAAoB,CAGpB,8CAAuC,CAEvC,uCAAgC,CAJhC,mCAA+B,CAW/B,YAAa,CAVb,eAAgB,CAKhB,qBA6IF,CApIE,qGAEE,WACF,CAEA,kDACE,cACF,CAKE,yKACE,gDACF,CAGF,mLAEE,4EAAgD,CAChD,8GAA0E,CAC1E,mBACF,CAEA,oDACE,kCACF,CAEA,kEAGE,+FACF,CAEA,kEAEE,+EAAiD,CACjD,wEAAiD,CACjD,eAAgB,CAHhB,6DAUF,CALE,4NAGE,kBACF,CAGF,mEACE,mHACF,CAEA,0EACE,4EAQF,CANE,iPAEE,2EAA+C,CAC/C,gFAAoD,CACpD,mBACF,CAGF,4EAEE,0EACF,CAEA,+DAGE,kBAAmB,CAFnB,YAAa,CACb,UAEF,CAGA,oCA3FF,2CA4FI,8CAyDJ,CAxDE,CA7FF,2CA+FE,8CAsDF,CApDE,oEACE,+CAAwC,CASxC,4CAAsC,CAEtC,uCAAgC,CAThC,sCAA+B,CAK/B,kBAAmB,CACnB,qCAAgC,CAHhC,sCAAiC,CADjC,eAQF,CAEA,oEACE,+CAAwC,CAExC,iCAA2B,CAK3B,mBAAoB,CACpB,qCAAgC,CAHhC,sCAAiC,CADjC,gBAKF,CAGA,uEASE,kCAAmC,CAEnC,uCAAgC,CAVhC,eAAgB,CAKhB,kBAAmB,CACnB,qCAAgC,CAHhC,sCAAiC,CADjC,eASF,CAGA,uEAOE,+CAAwC,CAFxC,mBAAoB,CACpB,qCAAgC,CAHhC,sCAAiC,CADjC,gBAMF,CAOA,kIAGE,cAAe,CADf,eAEF,CARF,uCAcE,oCAAqC,CAHrC,2BAiCF,CA5BE,yDACE,qCACF,CAEA,gHAEE,iBAAkB,CAClB,gDAA2B,CAC3B,aACF,CAEA,oEACE,uCACF,CAEA,iGACE,wCACF,CAEA,iKAEE,uCACF,CAEA,2NAEE,wCACF","file":"TextInputWrapper-ca608f70.css","sourcesContent":[".TextInputBaseWrapper {\n  display: inline-flex;\n  min-height: var(--base-size-32);\n  overflow: hidden;\n  font-size: var(--text-body-size-medium);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: var(--base-size-20);\n  color: var(--fgColor-default);\n  vertical-align: middle;\n  cursor: text;\n  background-color: var(--bgColor-default);\n  border: var(--borderWidth-thin) solid var(--control-borderColor-rest);\n  border-radius: var(--borderRadius-medium);\n  outline: none;\n  box-shadow: var(--shadow-inset);\n  align-items: stretch;\n\n  input,\n  textarea {\n    cursor: text;\n  }\n\n  select {\n    cursor: pointer;\n  }\n\n  input,\n  textarea,\n  select {\n    &::placeholder {\n      color: var(--fgColor-muted);\n    }\n  }\n\n  &:where([data-trailing-action][data-focused]),\n  &:where(:not([data-trailing-action]):focus-within) {\n    border-color: var(--borderColor-accent-emphasis);\n    outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);\n    outline-offset: -1px;\n  }\n\n  > textarea {\n    padding: var(--base-size-12);\n  }\n\n  &:where([data-contrast]) {\n    /* this variable is available behind a feature flag in gh/gh */\n    /* stylelint-disable-next-line primer/colors */\n    background-color: var(--control-bgColor-contrast, var(--bgColor-inset));\n  }\n\n  &:where([data-disabled]) {\n    color: var(--fgColor-disabled);\n    background-color: var(--control-bgColor-disabled);\n    border-color: var(--control-borderColor-disabled);\n    box-shadow: none;\n\n    input,\n    textarea,\n    select {\n      cursor: not-allowed;\n    }\n  }\n\n  &:where([data-monospace]) {\n    font-family: var(--fontStack-monospace);\n  }\n\n  &:where([data-validation='error']) {\n    border-color: var(--borderColor-danger-emphasis);\n\n    &:where([data-trailing-action][data-focused]),\n    &:where(:not([data-trailing-action])):focus-within {\n      border-color: var(--control-borderColor-danger);\n      outline: 2px solid var(--control-borderColor-danger);\n      outline-offset: -1px;\n    }\n  }\n\n  &:where([data-validation='success']) {\n    /* stylelint-disable-next-line primer/colors */\n    border-color: var(--bgColor-success-emphasis);\n  }\n\n  &:where([data-block]) {\n    display: flex;\n    width: 100%;\n    align-self: stretch;\n  }\n\n  /* Ensures inputs don't zoom on mobile but are body-font size on desktop */\n  @media screen and (--viewportRange-regular) {\n    font-size: var(--text-body-size-medium);\n  }\n\n  --inner-action-size: var(--base-size-24); /* Default size */\n\n  &:where([data-size='small']) {\n    --inner-action-size: var(--base-size-20);\n\n    min-height: var(--base-size-28);\n    /* stylelint-disable-next-line primer/spacing */\n    padding-top: 3px;\n    padding-right: var(--base-size-8);\n    /* stylelint-disable-next-line primer/spacing */\n    padding-bottom: 3px;\n    padding-left: var(--base-size-8);\n    font-size: var(--text-body-size-small);\n    /* stylelint-disable-next-line primer/typography */\n    line-height: var(--base-size-20);\n  }\n\n  &:where([data-size='large']) {\n    --inner-action-size: var(--base-size-28);\n\n    height: var(--base-size-40);\n    /* stylelint-disable-next-line primer/spacing */\n    padding-top: 10px;\n    padding-right: var(--base-size-8);\n    /* stylelint-disable-next-line primer/spacing */\n    padding-bottom: 10px;\n    padding-left: var(--base-size-8);\n  }\n\n  /* Deprecated */\n  &:where([data-variant='small']) {\n    min-height: 28px;\n    /* stylelint-disable-next-line primer/spacing */\n    padding-top: 3px;\n    padding-right: var(--base-size-8);\n    /* stylelint-disable-next-line primer/spacing */\n    padding-bottom: 3px;\n    padding-left: var(--base-size-8);\n    /* stylelint-disable-next-line declaration-property-value-no-unknown */\n    font-size: (--text-body-size-small);\n    /* stylelint-disable-next-line primer/typography */\n    line-height: var(--base-size-20);\n  }\n\n  /* Deprecated */\n  &:where([data-variant='large']) {\n    /* stylelint-disable-next-line primer/spacing */\n    padding-top: 10px;\n    padding-right: var(--base-size-8);\n    /* stylelint-disable-next-line primer/spacing */\n    padding-bottom: 10px;\n    padding-left: var(--base-size-8);\n    font-size: var(--text-title-size-medium);\n  }\n}\n\n.TextInputWrapper {\n  padding-right: 0;\n  padding-left: 0;\n\n  > input,\n  > select {\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  /* Repeat and position set for form states (success, error, etc) */\n  background-repeat: no-repeat;\n\n  /* For form validation. This keeps images 8px from right and centered vertically. */\n  background-position: right 8px center;\n\n  & > :not(:last-child) {\n    margin-right: var(--base-size-8);\n  }\n\n  & :global(.TextInput-icon) /* stylelint-disable-line selector-class-pattern */,\n  & :global(.TextInput-action)  /* stylelint-disable-line selector-class-pattern */ {\n    align-self: center;\n    color: var(--fgColor-muted);\n    flex-shrink: 0;\n  }\n\n  &:where([data-leading-visual]) {\n    padding-left: var(--base-size-12);\n  }\n\n  &:where([data-trailing-visual]:not([data-trailing-action])) {\n    padding-right: var(--base-size-12);\n  }\n\n  &:where(:not([data-leading-visual])) > input,\n  &:where(:not([data-leading-visual])) > select {\n    padding-left: var(--base-size-12);\n  }\n\n  &:where(:not([data-trailing-visual]):not([data-trailing-action])) > input,\n  &:where(:not([data-trailing-visual]):not([data-trailing-action])) > select {\n    padding-right: var(--base-size-12);\n  }\n}\n"]}

package/lib-esm/internal/components/TextInputWrapper.module.css.js

@@ -1,5 +0,0 @@
-import './TextInputWrapper-ca608f70.css';
-
-var styles = {"TextInputBaseWrapper":"prc-components-TextInputBaseWrapper-ueK9q","TextInputWrapper":"prc-components-TextInputWrapper-i1ofR"};
-
-export { styles as default };

package/lib-esm/internal/components/UnderlineTabbedInterface.js

@@ -1,264 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import { forwardRef } from 'react';
-import { isElement } from 'react-is';
-import { defaultSxProp } from '../../utils/defaultSxProp.js';
-import classes from './UnderlineTabbedInterface.module.css.js';
-import { clsx } from 'clsx';
-import { BoxWithFallback } from './BoxWithFallback.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import CounterLabel from '../../CounterLabel/CounterLabel.js';
-
-const GAP = 8;
-const UnderlineWrapper = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
-  const $ = c(13);
-  let children;
-  let className;
-  let rest;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      children,
-      className,
-      sx: t1,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = className;
-    $[3] = rest;
-    $[4] = t1;
-  } else {
-    children = $[1];
-    className = $[2];
-    rest = $[3];
-    t1 = $[4];
-  }
-  const sxProp = t1 === undefined ? defaultSxProp : t1;
-  let t2;
-  if ($[5] !== className) {
-    t2 = clsx(classes.UnderlineWrapper, className);
-    $[5] = className;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  let t3;
-  if ($[7] !== children || $[8] !== forwardedRef || $[9] !== rest || $[10] !== sxProp || $[11] !== t2) {
-    t3 = /*#__PURE__*/jsx(BoxWithFallback, {
-      className: t2,
-      ref: forwardedRef,
-      sx: sxProp,
-      ...rest,
-      children: children
-    });
-    $[7] = children;
-    $[8] = forwardedRef;
-    $[9] = rest;
-    $[10] = sxProp;
-    $[11] = t2;
-    $[12] = t3;
-  } else {
-    t3 = $[12];
-  }
-  return t3;
-});
-const UnderlineItemList = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
-  const $ = c(7);
-  let children;
-  let rest;
-  if ($[0] !== t0) {
-    ({
-      children,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = rest;
-  } else {
-    children = $[1];
-    rest = $[2];
-  }
-  let t1;
-  if ($[3] !== children || $[4] !== forwardedRef || $[5] !== rest) {
-    t1 = /*#__PURE__*/jsx("ul", {
-      className: classes.UnderlineItemList,
-      ref: forwardedRef,
-      ...rest,
-      children: children
-    });
-    $[3] = children;
-    $[4] = forwardedRef;
-    $[5] = rest;
-    $[6] = t1;
-  } else {
-    t1 = $[6];
-  }
-  return t1;
-});
-const LoadingCounter = () => {
-  const $ = c(1);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /*#__PURE__*/jsx("span", {
-      className: classes.LoadingCounter
-    });
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  return t0;
-};
-
-// We can uncomment these when/if we add overflow behavior
-// to the UnderlinePanels component
-//
-// export const StyledMoreButton = styled(Button)`
-//   margin: 0;
-//   border: 0;
-//   background: transparent;
-//   font-weight: normal;
-//   box-shadow: none;
-//   padding-block: var(--control-small-paddingBlock);
-//   padding-inline: var(--control-small-paddingInline-condensed);
-
-//   > span[data-component='trailingVisual'] {
-//     margin-left: 0;
-//   }
-// `
-
-// export const StyledOverflowDivider = styled.span`
-//   display: inline-block;
-//   border-left: 1px solid var(--borderColor-muted);
-//   width: 1px;
-//   margin-right: var(--control-xsmall-gap);
-//   /* The height of the divider - reference from Figma */
-//   height: 24px;
-// `
-
-// export const StyledMoreMenuListItem = styled.li`
-//   display: flex;
-//   align-items: center;
-//   height: 45px;
-// `
-
-const UnderlineItem = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
-  const $ = c(29);
-  let Icon;
-  let children;
-  let className;
-  let counter;
-  let iconsVisible;
-  let loadingCounters;
-  let rest;
-  let t1;
-  let t2;
-  if ($[0] !== t0) {
-    ({
-      as: t1,
-      children,
-      counter,
-      icon: Icon,
-      iconsVisible,
-      loadingCounters,
-      sx: t2,
-      className,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = Icon;
-    $[2] = children;
-    $[3] = className;
-    $[4] = counter;
-    $[5] = iconsVisible;
-    $[6] = loadingCounters;
-    $[7] = rest;
-    $[8] = t1;
-    $[9] = t2;
-  } else {
-    Icon = $[1];
-    children = $[2];
-    className = $[3];
-    counter = $[4];
-    iconsVisible = $[5];
-    loadingCounters = $[6];
-    rest = $[7];
-    t1 = $[8];
-    t2 = $[9];
-  }
-  const as = t1 === undefined ? "a" : t1;
-  const sxProp = t2 === undefined ? defaultSxProp : t2;
-  let t3;
-  if ($[10] !== className) {
-    t3 = clsx(classes.UnderlineItem, className);
-    $[10] = className;
-    $[11] = t3;
-  } else {
-    t3 = $[11];
-  }
-  let t4;
-  if ($[12] !== Icon || $[13] !== iconsVisible) {
-    t4 = iconsVisible && Icon && /*#__PURE__*/jsx("span", {
-      "data-component": "icon",
-      children: isElement(Icon) ? Icon : /*#__PURE__*/jsx(Icon, {})
-    });
-    $[12] = Icon;
-    $[13] = iconsVisible;
-    $[14] = t4;
-  } else {
-    t4 = $[14];
-  }
-  let t5;
-  if ($[15] !== children) {
-    t5 = children && /*#__PURE__*/jsx("span", {
-      "data-component": "text",
-      "data-content": children,
-      children: children
-    });
-    $[15] = children;
-    $[16] = t5;
-  } else {
-    t5 = $[16];
-  }
-  let t6;
-  if ($[17] !== counter || $[18] !== loadingCounters) {
-    t6 = counter !== undefined ? loadingCounters ? /*#__PURE__*/jsx("span", {
-      "data-component": "counter",
-      children: /*#__PURE__*/jsx(LoadingCounter, {})
-    }) : /*#__PURE__*/jsx("span", {
-      "data-component": "counter",
-      children: /*#__PURE__*/jsx(CounterLabel, {
-        children: counter
-      })
-    }) : null;
-    $[17] = counter;
-    $[18] = loadingCounters;
-    $[19] = t6;
-  } else {
-    t6 = $[19];
-  }
-  let t7;
-  if ($[20] !== as || $[21] !== forwardedRef || $[22] !== rest || $[23] !== sxProp || $[24] !== t3 || $[25] !== t4 || $[26] !== t5 || $[27] !== t6) {
-    t7 = /*#__PURE__*/jsxs(BoxWithFallback, {
-      ref: forwardedRef,
-      as: as,
-      sx: sxProp,
-      className: t3,
-      ...rest,
-      children: [t4, t5, t6]
-    });
-    $[20] = as;
-    $[21] = forwardedRef;
-    $[22] = rest;
-    $[23] = sxProp;
-    $[24] = t3;
-    $[25] = t4;
-    $[26] = t5;
-    $[27] = t6;
-    $[28] = t7;
-  } else {
-    t7 = $[28];
-  }
-  return t7;
-});
-
-export { GAP, LoadingCounter, UnderlineItem, UnderlineItemList, UnderlineWrapper };

package/lib-esm/internal/utils/getGlobalFocusStyles.js

@@ -1,7 +0,0 @@
-import { css } from 'styled-components';
-import { get } from '../../constants.js';
-
-const globalFocusStyle = css(["box-shadow:none;outline:2px solid ", ";"], get('colors.accent.fg'));
-const getGlobalFocusStyles = outlineOffset => css(["&:focus:not(:disabled){", ";outline-offset:", ";&:not(:focus-visible){outline:solid 1px transparent;}}&:focus-visible:not(:disabled){", ";outline-offset:", ";}"], globalFocusStyle, typeof outlineOffset === 'undefined' ? '2px' : outlineOffset, globalFocusStyle, typeof outlineOffset === 'undefined' ? '2px' : outlineOffset);
-
-export { getGlobalFocusStyles as default };

package/lib-esm/internal/utils/toggleStyledComponent.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-type CSSModulesProps = {
-    as?: string | React.ComponentType<any>;
-    sx?: React.CSSProperties;
-};
-/**
- * Utility to toggle rendering a styled component or a "plain" component based
- * on the provided `as` prop. When the provided feature flag is enabled, the
- * props will be passed through to an element or component created with the `as`
- * prop. When it is disabled, the provided styled component is used instead.
- *
- * @param flag - the feature flag that will control whether or not the provided
- * styled component is used
- * @param defaultAs - the default component to use when `as` is not provided
- * @param Component - the styled component that will be used if the feature flag
- * is disabled
- */
-export declare function toggleStyledComponent<T, P extends CSSModulesProps>(flag: string, defaultAs: string | React.ComponentType<any>, Component: React.ComponentType<P>): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
-export {};
-//# sourceMappingURL=toggleStyledComponent.d.ts.map

package/lib-esm/internal/utils/toggleSxComponent.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-type CSSModulesProps = {
-    as?: string | React.ComponentType<any>;
-    sx?: React.CSSProperties;
-};
-/**
- * Utility to toggle rendering a Box component that receives sx props
- * or a "plain" component based on the provided `as` prop. Other props will be passed through to an element or component created with the `as` prop.
- *
- * @param sx - the sx prop to check against the default sx prop
- * @param defaultAs - the default component to use when `as` is not provided
- */
-export declare function toggleSxComponent<T, P extends CSSModulesProps>(defaultAs: string | React.ComponentType<any>): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
-export {};
-//# sourceMappingURL=toggleSxComponent.d.ts.map