@amp-labs/react 2.9.7 → 2.9.9

package/build/index.d.ts

@@ -12,6 +12,19 @@ declare interface AmpersandContextValue {
     projectIdOrName: string;
 }
 
+/**
+ * Generic React Error Boundary component that catches JavaScript errors anywhere in the child component tree
+ * and displays a fallback UI instead of crashing the whole application.
+ *
+ * This is used across Ampersand components to prevent errors in hooks or rendering from crashing the parent application.
+ */
+export declare class AmpersandErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: default_2.ErrorInfo): void;
+    render(): ReactNode;
+}
+
 export declare function AmpersandProvider(props: AmpersandProviderProps): JSX_2.Element;
 
 declare interface AmpersandProviderProps {
@@ -1424,20 +1437,6 @@ declare interface InstallationProviderProps {
 
 export declare function InstallIntegration({ integration, consumerRef, consumerName, groupRef, groupName, onInstallSuccess, onUpdateSuccess, onUninstallSuccess, fieldMapping, }: InstallIntegrationProps): JSX_2.Element;
 
-/**
- * React Error Boundary component that catches JavaScript errors anywhere in the child component tree
- * and displays a fallback UI instead of crashing the whole application.
- *
- * This is especially important for the InstallIntegration component to prevent errors in hooks
- * or rendering from crashing the parent application.
- */
-export declare class InstallIntegrationErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
-    constructor(props: ErrorBoundaryProps);
-    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
-    componentDidCatch(error: Error, errorInfo: default_2.ErrorInfo): void;
-    render(): ReactNode;
-}
-
 declare interface InstallIntegrationProps {
     /**
      * The name of the integration from amp.yaml
@@ -2110,11 +2109,6 @@ declare interface UseIsIntegrationInstalledResult {
   *
   */
  export declare function useManifest(): {
-     isPending: boolean;
-     isFetching: boolean;
-     isError: boolean;
-     isSuccess: boolean;
-     error: Error | null;
      getReadObject: (objectName: string) => {
          object: HydratedIntegrationObject | null;
          getRequiredFields: () => HydratedIntegrationField[] | null;
@@ -2130,6 +2124,12 @@ declare interface UseIsIntegrationInstalledResult {
          getField: (field: string) => FieldMetadata | null;
      };
      data: HydratedRevision | undefined;
+     isLoading: boolean;
+     isPending: boolean;
+     isFetching: boolean;
+     isError: boolean;
+     isSuccess: boolean;
+     error: Error | null;
  };
 
  /**

package/build/style.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";:root{--amp-font-family: "DM Sans", Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--amp-colors-white: #ffffff;--amp-colors-black: #111111;--amp-colors-primary: #000000;--amp-colors-neutral-25: #FEFEFE;--amp-colors-neutral-50: #FDFCFD;--amp-colors-neutral-100: #FAFAFC;--amp-colors-neutral-200: #F6F5F9;--amp-colors-neutral-300: #F1EFF5;--amp-colors-neutral-400: #EDEAF2;--amp-colors-neutral-500: #E8E5EF;--amp-colors-neutral-600: #918E95;--amp-colors-neutral-700: #646266;--amp-colors-neutral-800: #363638;--amp-colors-neutral-900: #1D1D1D;--amp-colors-text-standout: light-dark(var(--amp-colors-black), var(--amp-colors-white));--amp-colors-text-regular: light-dark(var(--amp-colors-neutral-900), var(--amp-colors-neutral-100));--amp-colors-text-muted: light-dark(var(--amp-colors-neutral-700), var(--amp-colors-neutral-200));--amp-colors-bg-primary: light-dark(var(--amp-colors-white), var(--amp-colors-neutral-800));--amp-colors-bg-secondary: light-dark(var(--amp-colors-neutral-50), var(--amp-colors-neutral-900));--amp-colors-bg-highlight: light-dark(var(--amp-colors-neutral-300), var(--amp-colors-neutral-700));--amp-colors-border: light-dark(var(--amp-colors-neutral-300), var(--amp-colors-neutral-700));--amp-default-border-radius: 6px;--amp-colors-status-critical-dark: #702525;--amp-colors-status-critical: #E73D3D;--amp-colors-status-critical-muted: #FFD9D9;--amp-colors-status-success-dark: #2A704A;--amp-colors-status-success: #49E792;--amp-colors-status-success-muted: #DCFFEC;--amp-colors-link-text: light-dark(var(--amp-colors-neutral-900), var(--amp-colors-neutral-50));--amp-colors-link-focus: light-dark(var(--amp-colors-neutral-700), var(--amp-colors-neutral-700));--amp-colors-link-active: light-dark(var(--amp-colors-neutral-700), var(--amp-colors-neutral-200));--amp-colors-button-primary: var(--amp-colors-primary);--amp-colors-button-text: var(--amp-colors-white);--amp-button-font-size: 1rem;--amp-colors-input-border-default: light-dark(var(--amp-colors-neutral-500), var(--amp-colors-neutral-700));--amp-colors-input-border-disabled: light-dark(var(--amp-colors-neutral-500), var(--amp-colors-neutral-600));--amp-colors-input-border-focus: light-dark(var(--amp-colors-neutral-900), var(--amp-colors-neutral-50));--amp-colors-input-border-hover: light-dark(var(--amp-colors-neutral-500), var(--amp-colors-neutral-600));--amp-colors-input-content-default: light-dark(var(--amp-colors-black), var(--amp-colors-white));--amp-colors-input-content-disabled: var(--amp-colors-neutral-600);--amp-colors-input-content-placeholder-text: var(--amp-colors-neutral-600);--amp-colors-input-surface-default: light-dark(var(--amp-colors-white), var(--amp-colors-neutral-900));--amp-colors-input-surface-disabled: light-dark(var(--amp-colors-neutral-200), var(--amp-colors-neutral-700));--amp-colors-input-surface-focus: light-dark(var(--amp-colors-white), var(--amp-colors-black));--amp-colors-input-surface-hover: light-dark(var(--amp-colors-neutral-200), var(--amp-colors-neutral-800))}._box_1p7c5_1{border-radius:var(--amp-default-border-radius);background-color:var(--amp-colors-bg-primary);border:1px solid var(--amp-colors-border)}._container_1wvzr_1{max-width:60ch;margin-left:auto;margin-right:auto}._errorBoxContainer_4sdb2_1{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:30px;min-height:300px}._errorBox_4sdb2_1{display:flex;justify-content:center;align-items:center;padding:1em 2rem;border-radius:var(--amp-default-border-radius);background-color:var(--amp-colors-status-critical-muted);border:1px solid var(--amp-colors-status-critical-muted)}._errorText_4sdb2_20{color:var(--amp-colors-status-critical-dark)}._loader_6ubm6_1{animation:_rotate_6ubm6_1 1s infinite;height:50px;width:50px}._loader_6ubm6_1:before,._loader_6ubm6_1:after{border-radius:50%;content:"";display:block;height:20px;width:20px}._loader_6ubm6_1:before{animation:_ball1_6ubm6_1 1s infinite;background-color:var(--amp-colors-primary);box-shadow:30px 0 0 var(--amp-colors-neutral-700);margin-bottom:10px}._loader_6ubm6_1:after{animation:_ball2_6ubm6_1 1s infinite;background-color:var(--amp-colors-neutral-700);box-shadow:30px 0 0 var(--amp-colors-primary)}@keyframes _rotate_6ubm6_1{0%{transform:rotate(0) scale(.8)}50%{transform:rotate(360deg) scale(1.2)}to{transform:rotate(720deg) scale(.8)}}@keyframes _ball1_6ubm6_1{0%{box-shadow:30px 0 0 var(--amp-colors-neutral-700)}50%{box-shadow:0 0 0 var(--amp-colors-neutral-700);margin-bottom:0;transform:translate(15px,15px)}to{box-shadow:30px 0 0 var(--amp-colors-neutral-700);margin-bottom:10px}}@keyframes _ball2_6ubm6_1{0%{box-shadow:30px 0 0 var(--amp-colors-primary)}50%{box-shadow:0 0 0 var(--amp-colors-primary);margin-top:-20px;transform:translate(15px,15px)}to{box-shadow:30px 0 0 var(--amp-colors-primary);margin-top:0}}._button_kwfiu_1{color:var(--amp-colors-button-text);background-color:var(--amp-colors-button-primary);border-radius:var(--amp-default-border-radius);border:1px solid;border-color:var(--amp-colors-border);height:2.5rem;font-size:var(--amp-button-font-size);font-weight:500;line-height:1.5rem;padding:0 1rem;transition:all .1s ease}._button_kwfiu_1:hover{opacity:.8}._button_kwfiu_1:focus{outline:none}._button_kwfiu_1:focus-visible{outline:none}._buttonError_kwfiu_28{border:1px solid var(--amp-colors-status-critical)}._button_kwfiu_1:focus:enabled{outline:none}._button_kwfiu_1:disabled{opacity:.5;cursor:not-allowed}._danger_kwfiu_42{color:var(--amp-colors-status-critical);background-color:var(--amp-colors-bg-secondary)}._ghost_kwfiu_47{border-color:var(--amp-colors-border);background-color:var(--amp-colors-bg-secondary);color:var(--amp-colors-text-regular)}._input_1ymb7_1{border-radius:var(--amp-default-border-radius);border:1px solid;border-color:var(--amp-colors-input-border-default);height:2.5rem;transition:all .2s ease-in;color:var(--amp-colors-input-content-default);background-color:var(--amp-colors-input-surface-default);font-size:1rem;font-weight:400;line-height:1.5rem;padding:0 1rem;width:100%;transition:all .1s ease}._input_1ymb7_1:hover{border-color:var(--amp-colors-input-border-hover);background-color:var(--amp-colors-input-surface-hover)}._input_1ymb7_1::placeholder{color:var(--amp-colors-input-content-placeholder-text)}._inputError_1ymb7_27{border:1px solid var(--amp-colors-status-critical)}._input_1ymb7_1:focus:enabled{border:1px solid var(--amp-colors-input-border-focus);outline:none;background-color:var(--amp-colors-input-surface-focus)}._input_1ymb7_1:disabled{background-color:var(--amp-colors-input-surface-disabled);border:1px solid var(--amp-colors-input-border-disabled);color:var(--amp-colors-input-content-disabled)}._error_1ymb7_43{color:var(--amp-colors-status-critical);font-size:.875rem;font-weight:400;line-height:1.25rem}._textarea_18zl4_1{border-radius:var(--amp-default-border-radius);border:1px solid;border-color:var(--amp-colors-input-border-default);background-color:var(--amp-colors-input-surface-default);color:var(--amp-colors-input-content-default);font-size:1rem;font-weight:400;line-height:1.5rem;padding:.5rem 1rem;transition:all .05s ease-in}._textareaError_18zl4_14{border-color:var(--amp-colors-status-critical)}._textarea_18zl4_1:focus:enabled{border:2px solid var(--amp-colors-input-border-focus);outline:none}._textarea_18zl4_1:disabled{color:var(--amp-colors-input-content-disabled);background-color:var(--amp-colors-input-surface-disabled);border:1px solid var(--amp-colors-input-border-disabled)}._error_18zl4_29{color:var(--amp-colors-status-critical-dark);font-size:.875rem;font-weight:400;line-height:1.25rem}._link_oo2kv_1{color:var(--amp-colors-link-text);text-decoration:none;font-weight:500}._link_oo2kv_1:hover,._link_oo2kv_1:focus{text-decoration:underline;outline:none}._link_oo2kv_1:focus{outline:2px solid var(--amp-colors-link-focus);outline-offset:2px}._link_oo2kv_1:active{color:var(--amp-colors-link-active)}._divider_1kmoj_1{border:none;height:1px;background:var(--amp-colors-border)}._comboboxContainer_1lcc8_1{width:100%;display:flex;flex-direction:column;gap:.5rem}._label_1lcc8_8{font-size:1rem}._inputContainer_1lcc8_12{display:flex;border:1px solid;border-color:var(--amp-colors-input-border-default);border-radius:var(--amp-default-border-radius)}._input_1lcc8_12{padding:.5rem;width:100%;font-size:1rem;background-color:var(--amp-colors-input-surface-default);color:var(--amp-colors-input-content-default);border-top-left-radius:var(--amp-default-border-radius);border-bottom-left-radius:var(--amp-default-border-radius)}._input_1lcc8_12:focus-visible{outline:1px solid var(--amp-colors-input-border-focus)}._toggleButton_1lcc8_33{padding:.5rem;cursor:pointer;background-color:var(--amp-colors-bg-highlight)}._menu_1lcc8_39{position:absolute;background-color:var(--amp-colors-input-surface-default);width:100%;max-height:120px;overflow-y:auto;margin-top:.25rem;border:1px solid;border-color:var(--amp-colors-input-border-default);z-index:10;border-radius:var(--amp-default-border-radius);padding:0;font-size:.8rem}._menuBottom_1lcc8_55{top:100%;margin-top:4px}._menuTop_1lcc8_61{bottom:100%;margin-bottom:4px}._menuItem_1lcc8_66{padding:.5rem;display:flex;flex-direction:column}._menuItem_1lcc8_66:hover,._highlighted_1lcc8_73{background-color:var(--amp-colors-input-surface-hover)}._selected_1lcc8_77{font-weight:700}._hidden_1lcc8_81{display:none}._formControl_9qd8d_1{margin-bottom:.25rem}._formLabel_9qd8d_5{font-weight:700;margin-bottom:.5rem;display:block}._formLabelRequired_9qd8d_11:after{content:" *";color:var(--amp-colors-status-critical-dark)}._formInput_9qd8d_16{position:relative}._formInputInvalid_9qd8d_20 input{border-color:var(--amp-colors-status-critical)}._formError_9qd8d_24{color:var(--amp-colors-status-critical-dark);font-size:.875rem;margin-top:.5rem}._disabled_9qd8d_30{opacity:.6;pointer-events:none}._checkboxGroupContainer_hqfeu_1{margin-bottom:10px;border:1px solid var(--amp-colors-border);border-radius:var(--amp-default-border-radius)}._stack_hqfeu_6{height:fit-content}._selectAllContainer_hqfeu_10{background-color:var(--amp-colors-bg-highlight);padding:8px 10px;display:flex;align-items:center}._fieldContainer_hqfeu_17{padding:8px 10px;border-bottom:1px solid var(--amp-colors-border);display:flex;align-items:center}._checkbox_hqfeu_1{margin-right:10px;background-color:var(--amp-colors-bg-primary);width:20px;height:20px;border-radius:4px;display:flex;justify-content:center;border:1px solid var(--amp-colors-input-border-default);cursor:pointer;flex:none}._checkbox_hqfeu_1:hover{background-color:var(--amp-colors-input-surface-hover);border-color:var(--amp-colors-input-border-hover)}._checkbox_hqfeu_1:focus{box-shadow:0 0 0 2px var(--amp-colors-focus-border);border-color:var(--amp-colors-input-border-focus)}._paginationContainer_1p51x_1{display:flex;justify-content:space-between;padding:.25rem .5rem}._pageInfo_1p51x_7{display:flex;align-items:center;color:var(--amp-colors-text-muted)}._searchContainer_1p51x_13{padding:.5rem}._searchInput_1p51x_17{width:100%}._noResults_1p51x_21{text-align:center;padding:1rem;color:var(--amp-colors-text-muted);font-style:italic}._errorAlert_1tcao_1{display:flex;flex-direction:column;gap:.5rem;padding:.875rem 1rem;border-radius:var(--amp-default-border-radius);background-color:var(--amp-colors-status-critical-muted);border-left:3px solid var(--amp-colors-status-critical)}._errorHeader_1tcao_11{display:flex;align-items:center;gap:.5rem}._errorIcon_1tcao_17{color:var(--amp-colors-status-critical);width:16px;height:16px;flex-shrink:0}._errorTitle_1tcao_24{font-weight:600;font-size:.875rem;color:var(--amp-colors-status-critical-dark)}._errorMessage_1tcao_30{font-size:.8125rem;color:var(--amp-colors-status-critical-dark);line-height:1.5;padding-left:1.5rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;word-break:break-word}._authenticationRow_1g2ms_1{display:flex;justify-content:space-between;padding:.5rem 0;font-size:1rem}._field_1g2ms_8{color:var(--amp-colors-text-muted)}._value_1g2ms_12{color:var(--amp-colors-text-regular);text-align:right}._tabsRoot_ktpr0_1{display:flex;width:100%}._tabsList_ktpr0_6{display:flex;flex-direction:column;width:100%}._tabTrigger_ktpr0_12{all:unset;padding:10px;cursor:pointer;background-color:var(--amp-colors-tabs-background);border-radius:var(--amp-default-border-radius);margin-bottom:5px}._tabTrigger_ktpr0_12:hover,._tabTrigger_ktpr0_12[data-state=active]{background-color:var(--amp-colors-bg-highlight)}._danger_ktpr0_29{color:var(--amp-colors-status-critical)}._resetContainer_lkwv9_4 *,._resetContainer_lkwv9_4 *:before,._resetContainer_lkwv9_4 *:after{box-sizing:border-box}._resetContainer_lkwv9_4 *{font-family:var(--amp-font-family)}._resetContainer_lkwv9_4 body,._resetContainer_lkwv9_4 h1,._resetContainer_lkwv9_4 h2,._resetContainer_lkwv9_4 h3,._resetContainer_lkwv9_4 h4,._resetContainer_lkwv9_4 h5,._resetContainer_lkwv9_4 h6,._resetContainer_lkwv9_4 p{margin:0;padding:0}._resetContainer_lkwv9_4 button{cursor:pointer}
+@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";:root{--amp-font-family: "DM Sans", Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--amp-colors-white: #ffffff;--amp-colors-black: #111111;--amp-colors-primary: #000000;--amp-colors-neutral-25: #FEFEFE;--amp-colors-neutral-50: #FDFCFD;--amp-colors-neutral-100: #FAFAFC;--amp-colors-neutral-200: #F6F5F9;--amp-colors-neutral-300: #F1EFF5;--amp-colors-neutral-400: #EDEAF2;--amp-colors-neutral-500: #E8E5EF;--amp-colors-neutral-600: #918E95;--amp-colors-neutral-700: #646266;--amp-colors-neutral-800: #363638;--amp-colors-neutral-900: #1D1D1D;--amp-colors-text-standout: light-dark(var(--amp-colors-black), var(--amp-colors-white));--amp-colors-text-regular: light-dark(var(--amp-colors-neutral-900), var(--amp-colors-neutral-100));--amp-colors-text-muted: light-dark(var(--amp-colors-neutral-700), var(--amp-colors-neutral-200));--amp-colors-bg-primary: light-dark(var(--amp-colors-white), var(--amp-colors-neutral-800));--amp-colors-bg-secondary: light-dark(var(--amp-colors-neutral-50), var(--amp-colors-neutral-900));--amp-colors-bg-highlight: light-dark(var(--amp-colors-neutral-300), var(--amp-colors-neutral-700));--amp-colors-border: light-dark(var(--amp-colors-neutral-300), var(--amp-colors-neutral-700));--amp-default-border-radius: 6px;--amp-colors-status-critical-dark: #702525;--amp-colors-status-critical: #E73D3D;--amp-colors-status-critical-muted: #FFD9D9;--amp-colors-status-success-dark: #2A704A;--amp-colors-status-success: #49E792;--amp-colors-status-success-muted: #DCFFEC;--amp-colors-link-text: light-dark(var(--amp-colors-neutral-900), var(--amp-colors-neutral-50));--amp-colors-link-focus: light-dark(var(--amp-colors-neutral-700), var(--amp-colors-neutral-700));--amp-colors-link-active: light-dark(var(--amp-colors-neutral-700), var(--amp-colors-neutral-200));--amp-colors-button-primary: var(--amp-colors-primary);--amp-colors-button-text: var(--amp-colors-white);--amp-button-font-size: 1rem;--amp-colors-input-border-default: light-dark(var(--amp-colors-neutral-500), var(--amp-colors-neutral-700));--amp-colors-input-border-disabled: light-dark(var(--amp-colors-neutral-500), var(--amp-colors-neutral-600));--amp-colors-input-border-focus: light-dark(var(--amp-colors-neutral-900), var(--amp-colors-neutral-50));--amp-colors-input-border-hover: light-dark(var(--amp-colors-neutral-500), var(--amp-colors-neutral-600));--amp-colors-input-content-default: light-dark(var(--amp-colors-black), var(--amp-colors-white));--amp-colors-input-content-disabled: var(--amp-colors-neutral-600);--amp-colors-input-content-placeholder-text: var(--amp-colors-neutral-600);--amp-colors-input-surface-default: light-dark(var(--amp-colors-white), var(--amp-colors-neutral-900));--amp-colors-input-surface-disabled: light-dark(var(--amp-colors-neutral-200), var(--amp-colors-neutral-700));--amp-colors-input-surface-focus: light-dark(var(--amp-colors-white), var(--amp-colors-black));--amp-colors-input-surface-hover: light-dark(var(--amp-colors-neutral-200), var(--amp-colors-neutral-800))}._box_1p7c5_1{border-radius:var(--amp-default-border-radius);background-color:var(--amp-colors-bg-primary);border:1px solid var(--amp-colors-border)}._container_1wvzr_1{max-width:60ch;margin-left:auto;margin-right:auto}._errorBoxContainer_19655_1{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px 32px;min-height:300px}._errorBox_19655_1{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--amp-default-border-radius);background-color:var(--amp-colors-status-critical-muted);border:1px solid var(--amp-colors-status-critical-muted);max-width:500px;width:100%;box-shadow:0 1px 3px #0000000d}._errorIconWrapper_19655_23{display:flex;align-items:center;justify-content:center;flex-shrink:0}._errorIcon_19655_23{color:var(--amp-colors-status-critical-dark)}._errorText_19655_34{color:var(--amp-colors-status-critical-dark);margin:0;line-height:1.5;font-size:1rem;flex:1}._loader_6ubm6_1{animation:_rotate_6ubm6_1 1s infinite;height:50px;width:50px}._loader_6ubm6_1:before,._loader_6ubm6_1:after{border-radius:50%;content:"";display:block;height:20px;width:20px}._loader_6ubm6_1:before{animation:_ball1_6ubm6_1 1s infinite;background-color:var(--amp-colors-primary);box-shadow:30px 0 0 var(--amp-colors-neutral-700);margin-bottom:10px}._loader_6ubm6_1:after{animation:_ball2_6ubm6_1 1s infinite;background-color:var(--amp-colors-neutral-700);box-shadow:30px 0 0 var(--amp-colors-primary)}@keyframes _rotate_6ubm6_1{0%{transform:rotate(0) scale(.8)}50%{transform:rotate(360deg) scale(1.2)}to{transform:rotate(720deg) scale(.8)}}@keyframes _ball1_6ubm6_1{0%{box-shadow:30px 0 0 var(--amp-colors-neutral-700)}50%{box-shadow:0 0 0 var(--amp-colors-neutral-700);margin-bottom:0;transform:translate(15px,15px)}to{box-shadow:30px 0 0 var(--amp-colors-neutral-700);margin-bottom:10px}}@keyframes _ball2_6ubm6_1{0%{box-shadow:30px 0 0 var(--amp-colors-primary)}50%{box-shadow:0 0 0 var(--amp-colors-primary);margin-top:-20px;transform:translate(15px,15px)}to{box-shadow:30px 0 0 var(--amp-colors-primary);margin-top:0}}._button_kwfiu_1{color:var(--amp-colors-button-text);background-color:var(--amp-colors-button-primary);border-radius:var(--amp-default-border-radius);border:1px solid;border-color:var(--amp-colors-border);height:2.5rem;font-size:var(--amp-button-font-size);font-weight:500;line-height:1.5rem;padding:0 1rem;transition:all .1s ease}._button_kwfiu_1:hover{opacity:.8}._button_kwfiu_1:focus{outline:none}._button_kwfiu_1:focus-visible{outline:none}._buttonError_kwfiu_28{border:1px solid var(--amp-colors-status-critical)}._button_kwfiu_1:focus:enabled{outline:none}._button_kwfiu_1:disabled{opacity:.5;cursor:not-allowed}._danger_kwfiu_42{color:var(--amp-colors-status-critical);background-color:var(--amp-colors-bg-secondary)}._ghost_kwfiu_47{border-color:var(--amp-colors-border);background-color:var(--amp-colors-bg-secondary);color:var(--amp-colors-text-regular)}._input_1ymb7_1{border-radius:var(--amp-default-border-radius);border:1px solid;border-color:var(--amp-colors-input-border-default);height:2.5rem;transition:all .2s ease-in;color:var(--amp-colors-input-content-default);background-color:var(--amp-colors-input-surface-default);font-size:1rem;font-weight:400;line-height:1.5rem;padding:0 1rem;width:100%;transition:all .1s ease}._input_1ymb7_1:hover{border-color:var(--amp-colors-input-border-hover);background-color:var(--amp-colors-input-surface-hover)}._input_1ymb7_1::placeholder{color:var(--amp-colors-input-content-placeholder-text)}._inputError_1ymb7_27{border:1px solid var(--amp-colors-status-critical)}._input_1ymb7_1:focus:enabled{border:1px solid var(--amp-colors-input-border-focus);outline:none;background-color:var(--amp-colors-input-surface-focus)}._input_1ymb7_1:disabled{background-color:var(--amp-colors-input-surface-disabled);border:1px solid var(--amp-colors-input-border-disabled);color:var(--amp-colors-input-content-disabled)}._error_1ymb7_43{color:var(--amp-colors-status-critical);font-size:.875rem;font-weight:400;line-height:1.25rem}._textarea_18zl4_1{border-radius:var(--amp-default-border-radius);border:1px solid;border-color:var(--amp-colors-input-border-default);background-color:var(--amp-colors-input-surface-default);color:var(--amp-colors-input-content-default);font-size:1rem;font-weight:400;line-height:1.5rem;padding:.5rem 1rem;transition:all .05s ease-in}._textareaError_18zl4_14{border-color:var(--amp-colors-status-critical)}._textarea_18zl4_1:focus:enabled{border:2px solid var(--amp-colors-input-border-focus);outline:none}._textarea_18zl4_1:disabled{color:var(--amp-colors-input-content-disabled);background-color:var(--amp-colors-input-surface-disabled);border:1px solid var(--amp-colors-input-border-disabled)}._error_18zl4_29{color:var(--amp-colors-status-critical-dark);font-size:.875rem;font-weight:400;line-height:1.25rem}._link_oo2kv_1{color:var(--amp-colors-link-text);text-decoration:none;font-weight:500}._link_oo2kv_1:hover,._link_oo2kv_1:focus{text-decoration:underline;outline:none}._link_oo2kv_1:focus{outline:2px solid var(--amp-colors-link-focus);outline-offset:2px}._link_oo2kv_1:active{color:var(--amp-colors-link-active)}._divider_1kmoj_1{border:none;height:1px;background:var(--amp-colors-border)}._comboboxContainer_1lcc8_1{width:100%;display:flex;flex-direction:column;gap:.5rem}._label_1lcc8_8{font-size:1rem}._inputContainer_1lcc8_12{display:flex;border:1px solid;border-color:var(--amp-colors-input-border-default);border-radius:var(--amp-default-border-radius)}._input_1lcc8_12{padding:.5rem;width:100%;font-size:1rem;background-color:var(--amp-colors-input-surface-default);color:var(--amp-colors-input-content-default);border-top-left-radius:var(--amp-default-border-radius);border-bottom-left-radius:var(--amp-default-border-radius)}._input_1lcc8_12:focus-visible{outline:1px solid var(--amp-colors-input-border-focus)}._toggleButton_1lcc8_33{padding:.5rem;cursor:pointer;background-color:var(--amp-colors-bg-highlight)}._menu_1lcc8_39{position:absolute;background-color:var(--amp-colors-input-surface-default);width:100%;max-height:120px;overflow-y:auto;margin-top:.25rem;border:1px solid;border-color:var(--amp-colors-input-border-default);z-index:10;border-radius:var(--amp-default-border-radius);padding:0;font-size:.8rem}._menuBottom_1lcc8_55{top:100%;margin-top:4px}._menuTop_1lcc8_61{bottom:100%;margin-bottom:4px}._menuItem_1lcc8_66{padding:.5rem;display:flex;flex-direction:column}._menuItem_1lcc8_66:hover,._highlighted_1lcc8_73{background-color:var(--amp-colors-input-surface-hover)}._selected_1lcc8_77{font-weight:700}._hidden_1lcc8_81{display:none}._formControl_9qd8d_1{margin-bottom:.25rem}._formLabel_9qd8d_5{font-weight:700;margin-bottom:.5rem;display:block}._formLabelRequired_9qd8d_11:after{content:" *";color:var(--amp-colors-status-critical-dark)}._formInput_9qd8d_16{position:relative}._formInputInvalid_9qd8d_20 input{border-color:var(--amp-colors-status-critical)}._formError_9qd8d_24{color:var(--amp-colors-status-critical-dark);font-size:.875rem;margin-top:.5rem}._disabled_9qd8d_30{opacity:.6;pointer-events:none}._checkboxGroupContainer_hqfeu_1{margin-bottom:10px;border:1px solid var(--amp-colors-border);border-radius:var(--amp-default-border-radius)}._stack_hqfeu_6{height:fit-content}._selectAllContainer_hqfeu_10{background-color:var(--amp-colors-bg-highlight);padding:8px 10px;display:flex;align-items:center}._fieldContainer_hqfeu_17{padding:8px 10px;border-bottom:1px solid var(--amp-colors-border);display:flex;align-items:center}._checkbox_hqfeu_1{margin-right:10px;background-color:var(--amp-colors-bg-primary);width:20px;height:20px;border-radius:4px;display:flex;justify-content:center;border:1px solid var(--amp-colors-input-border-default);cursor:pointer;flex:none}._checkbox_hqfeu_1:hover{background-color:var(--amp-colors-input-surface-hover);border-color:var(--amp-colors-input-border-hover)}._checkbox_hqfeu_1:focus{box-shadow:0 0 0 2px var(--amp-colors-focus-border);border-color:var(--amp-colors-input-border-focus)}._paginationContainer_1p51x_1{display:flex;justify-content:space-between;padding:.25rem .5rem}._pageInfo_1p51x_7{display:flex;align-items:center;color:var(--amp-colors-text-muted)}._searchContainer_1p51x_13{padding:.5rem}._searchInput_1p51x_17{width:100%}._noResults_1p51x_21{text-align:center;padding:1rem;color:var(--amp-colors-text-muted);font-style:italic}._errorAlert_1tcao_1{display:flex;flex-direction:column;gap:.5rem;padding:.875rem 1rem;border-radius:var(--amp-default-border-radius);background-color:var(--amp-colors-status-critical-muted);border-left:3px solid var(--amp-colors-status-critical)}._errorHeader_1tcao_11{display:flex;align-items:center;gap:.5rem}._errorIcon_1tcao_17{color:var(--amp-colors-status-critical);width:16px;height:16px;flex-shrink:0}._errorTitle_1tcao_24{font-weight:600;font-size:.875rem;color:var(--amp-colors-status-critical-dark)}._errorMessage_1tcao_30{font-size:.8125rem;color:var(--amp-colors-status-critical-dark);line-height:1.5;padding-left:1.5rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;word-break:break-word}._authenticationRow_1g2ms_1{display:flex;justify-content:space-between;padding:.5rem 0;font-size:1rem}._field_1g2ms_8{color:var(--amp-colors-text-muted)}._value_1g2ms_12{color:var(--amp-colors-text-regular);text-align:right}._tabsRoot_ktpr0_1{display:flex;width:100%}._tabsList_ktpr0_6{display:flex;flex-direction:column;width:100%}._tabTrigger_ktpr0_12{all:unset;padding:10px;cursor:pointer;background-color:var(--amp-colors-tabs-background);border-radius:var(--amp-default-border-radius);margin-bottom:5px}._tabTrigger_ktpr0_12:hover,._tabTrigger_ktpr0_12[data-state=active]{background-color:var(--amp-colors-bg-highlight)}._danger_ktpr0_29{color:var(--amp-colors-status-critical)}._resetContainer_lkwv9_4 *,._resetContainer_lkwv9_4 *:before,._resetContainer_lkwv9_4 *:after{box-sizing:border-box}._resetContainer_lkwv9_4 *{font-family:var(--amp-font-family)}._resetContainer_lkwv9_4 body,._resetContainer_lkwv9_4 h1,._resetContainer_lkwv9_4 h2,._resetContainer_lkwv9_4 h3,._resetContainer_lkwv9_4 h4,._resetContainer_lkwv9_4 h5,._resetContainer_lkwv9_4 h6,._resetContainer_lkwv9_4 p{margin:0;padding:0}._resetContainer_lkwv9_4 button{cursor:pointer}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amp-labs/react",
-  "version": "2.9.7",
+  "version": "2.9.9",
   "description": "Ampersand React library.",
   "author": {
     "name": "Ampersand Labs",
@@ -34,7 +34,7 @@
     "watch": "yarn prepbuild && vite build --watch",
     "build": "yarn prepbuild && tsc && vite build",
     "analyze": "yarn prepbuild && vite build --mode development",
-    "prepbuild": "yarn clean && node -p \"'export const LIB_VERSION = ' + JSON.stringify(require('./package.json').version) + ';'\" | sed \"s|\\\"|'|g\" > src/services/version.ts",
+    "prepbuild": "yarn clean && node -p \"'export const LIB_VERSION = ' + JSON.stringify(require('./package.json').version) + ';'\" > src/services/version.ts",
     "clean": "rm -rf ./build/",
     "assets": "mkdir ./build/ && cp -R ./src/public/ ./build/public/",
     "lint": "eslint --ext .ts,.tsx -c eslint.config.js src/ --fix",