@amp-labs/react 2.11.2 → 2.12.1

package/build/index.d.ts

@@ -78,6 +78,12 @@ declare interface BackfillConfig {
      * @memberof BackfillConfig
      */
     defaultPeriod: DefaultPeriodConfig;
+    /**
+     * Filters to apply only during backfill. Multiple conditions are joined by AND. Use this when you want different filter behavior for backfill vs. incremental reads.
+     * @type {Array<ReadFilter>}
+     * @memberof BackfillConfig
+     */
+    filter?: Array<ReadFilter>;
 }
 
 /**
@@ -195,6 +201,12 @@ export declare interface BaseReadConfigObject {
      * @memberof BaseReadConfigObject
      */
     backfill?: BackfillConfig;
+    /**
+     * Filters to apply when reading records during incremental reads and backfill. Multiple conditions are joined by AND. Each field can only have one condition.
+     * @type {Array<ReadFilter>}
+     * @memberof BaseReadConfigObject
+     */
+    filter?: Array<ReadFilter>;
 }
 
 /**
@@ -581,7 +593,7 @@ declare const ConnectionStatusEnum: {
 
 declare type ConnectionStatusEnum = typeof ConnectionStatusEnum[keyof typeof ConnectionStatusEnum];
 
-export declare function ConnectProvider({ provider, consumerRef, consumerName, groupRef, groupName, redirectUrl, onSuccess, onDisconnectSuccess, onConnectSuccess, }: ConnectProviderProps): JSX_2.Element;
+export declare function ConnectProvider({ provider, consumerRef, consumerName, groupRef, groupName, redirectUrl, module, onSuccess, onDisconnectSuccess, onConnectSuccess, }: ConnectProviderProps): JSX_2.Element;
 
 declare interface ConnectProviderProps {
     provider: string;
@@ -590,6 +602,12 @@ declare interface ConnectProviderProps {
     groupRef: string;
     groupName?: string;
     redirectUrl?: string;
+    /**
+     * The module to use for this connection. If the provider has modules defined,
+     * this determines which module-specific metadata to collect.
+     * Falls back to the provider's defaultModule if not specified.
+     */
+    module?: string;
     /**
      * Use `onConnectSuccess` instead of `onSuccess`. `onSuccess` will soon be deprecated.
      * @deprecated
@@ -823,6 +841,9 @@ declare interface ErrorBoundaryState {
     error: Error | null;
 }
 
+/** Filter for getRequiredFields / getOptionalFields: raw (all), no-mappings (existent only), or mappings only. */
+declare type FieldInclude = "raw" | "no-mappings" | "mappings";
+
 /**
  * A map of object names to DynamicMappingsInputEntry arrays, with each DynamicMappingsInputEntry representing a field.
  */
@@ -923,6 +944,9 @@ export declare interface FieldSetting {
     writeOnCreate?: FieldSettingWriteOnCreateEnum;
     /**
      * Whether the default value should be applied when updating a record.
+     * - always: Always write to the field on update
+     * - never: Never write to the field on update
+     * - ifEmpty: Only write to the field if it's currently empty (unset or empty string).
      * @type {string}
      * @memberof FieldSetting
      */
@@ -982,6 +1006,7 @@ export declare type FieldSettingWriteOnCreateEnum = typeof FieldSettingWriteOnCr
 export declare const FieldSettingWriteOnUpdateEnum: {
     readonly Always: "always";
     readonly Never: "never";
+    readonly IfEmpty: "ifEmpty";
 };
 
 export declare type FieldSettingWriteOnUpdateEnum = typeof FieldSettingWriteOnUpdateEnum[keyof typeof FieldSettingWriteOnUpdateEnum];
@@ -1532,7 +1557,7 @@ declare interface InstallIntegrationProps {
  * @export
  * @interface IntegrationFieldMapping
  */
-declare interface IntegrationFieldMapping {
+export declare interface IntegrationFieldMapping {
     /**
      *
      * @type {string}
@@ -1560,10 +1585,21 @@ declare interface IntegrationFieldMapping {
 }
 
 export declare interface Manifest {
+    getReadObjects: () => HydratedIntegrationObject[];
     getReadObject: (objectName: string) => {
         object: HydratedIntegrationObject | null;
-        getRequiredFields: () => HydratedIntegrationField[] | null;
-        getOptionalFields: () => HydratedIntegrationField[] | null;
+        /**
+         * Required fields. Default "raw" (existent + mappings). Use "no-mappings" or "mappings" to filter.
+         */
+        getRequiredFields: (include?: FieldInclude) => HydratedIntegrationField[] | IntegrationFieldMapping[] | null;
+        /**
+         * Optional fields. Default "raw" (existent + mappings). Use "no-mappings" or "mappings" to filter.
+         */
+        getOptionalFields: (include?: FieldInclude) => HydratedIntegrationField[] | IntegrationFieldMapping[] | null;
+        /** Required mapping fields. Same as getRequiredFields('mappings'). */
+        getRequiredMapFields: () => IntegrationFieldMapping[] | null;
+        /** Optional mapping fields. Same as getOptionalFields('mappings'). */
+        getOptionalMapFields: () => IntegrationFieldMapping[] | null;
     };
     getWriteObject: (objectName: string) => {
         object: HydratedIntegrationWriteObject | null;
@@ -1898,10 +1934,64 @@ declare interface ReadConfigObject {
      * @memberof ReadConfigObject
      */
     backfill?: BackfillConfig;
+    /**
+     * Filters to apply when reading records during incremental reads and backfill. Multiple conditions are joined by AND. Each field can only have one condition.
+     * @type {Array<ReadFilter>}
+     * @memberof ReadConfigObject
+     */
+    filter?: Array<ReadFilter>;
+}
+
+/**
+ * Ampersand public API
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 1.0.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+/**
+ *
+ * @export
+ * @interface ReadFilter
+ */
+declare interface ReadFilter {
+    /**
+     * The name of the field to filter on.
+     * @type {string}
+     * @memberof ReadFilter
+     */
+    fieldName: string;
+    /**
+     * The comparison operator.
+     * @type {string}
+     * @memberof ReadFilter
+     */
+    operator: ReadFilterOperatorEnum;
+    /**
+     * The value to filter on. Allowed types are string, boolean, and number.
+     * @type {any}
+     * @memberof ReadFilter
+     */
+    value?: any | null;
 }
 
+/**
+ * @export
+ */
+declare const ReadFilterOperatorEnum: {
+    readonly Eq: "eq";
+};
+
+declare type ReadFilterOperatorEnum = typeof ReadFilterOperatorEnum[keyof typeof ReadFilterOperatorEnum];
+
 export declare type ReadObjectHandlers = {
     object: BaseReadConfigObject | undefined;
+    setEnableRead: () => void;
+    setDisableRead: () => void;
     getSelectedField: (fieldName: string) => boolean;
     setSelectedField: (params: {
         fieldName: string;
@@ -1983,6 +2073,12 @@ declare interface SubscribeConfigObject {
      * @memberof SubscribeConfigObject
      */
     deleteEvent?: ConfigDeleteEvent;
+    /**
+     *
+     * @type {Array<string>}
+     * @memberof SubscribeConfigObject
+     */
+    otherEvents?: Array<string>;
 }
 
 /**
@@ -2029,6 +2125,7 @@ export declare function useConfig(): {
     get: () => Partial<ConfigContent>;
     reset: () => void;
     setDraft: Dispatch<SetStateAction<Partial<ConfigContent>>>;
+    removeObject: (objectName: string) => void;
     readObject: (objectName: string) => ReadObjectHandlers;
     writeObject: (objectName: string) => WriteObjectHandlers;
     proxy: () => ProxyHandlers;
@@ -2153,6 +2250,7 @@ declare interface UseIsIntegrationInstalledResult {
      get: () => Partial<ConfigContent>;
      reset: () => void;
      setDraft: Dispatch<SetStateAction<Partial<ConfigContent>>>;
+     removeObject: (objectName: string) => void;
      readObject: (objectName: string) => ReadObjectHandlers;
      writeObject: (objectName: string) => WriteObjectHandlers;
      proxy: () => ProxyHandlers;
@@ -2167,10 +2265,21 @@ declare interface UseIsIntegrationInstalledResult {
   *
   */
  export declare function useManifest(): {
+     getReadObjects: () => HydratedIntegrationObject[];
      getReadObject: (objectName: string) => {
          object: HydratedIntegrationObject | null;
-         getRequiredFields: () => HydratedIntegrationField[] | null;
-         getOptionalFields: () => HydratedIntegrationField[] | null;
+         /**
+          * Required fields. Default "raw" (existent + mappings). Use "no-mappings" or "mappings" to filter.
+          */
+         getRequiredFields: (include?: FieldInclude) => HydratedIntegrationField[] | IntegrationFieldMapping[] | null;
+         /**
+          * Optional fields. Default "raw" (existent + mappings). Use "no-mappings" or "mappings" to filter.
+          */
+         getOptionalFields: (include?: FieldInclude) => HydratedIntegrationField[] | IntegrationFieldMapping[] | null;
+         /** Required mapping fields. Same as getRequiredFields('mappings'). */
+         getRequiredMapFields: () => IntegrationFieldMapping[] | null;
+         /** Optional mapping fields. Same as getOptionalFields('mappings'). */
+         getOptionalMapFields: () => IntegrationFieldMapping[] | null;
      };
      getWriteObject: (objectName: string) => {
          object: HydratedIntegrationWriteObject | 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_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)}._container_r1dnc_1{color:var(--amp-colors-text-muted);font-size:.8125rem;margin-top:.375rem;margin-bottom:.75rem;line-height:1.5}._code_r1dnc_9{background-color:var(--amp-colors-background-muted, #f5f5f5);padding:.125rem .25rem;border-radius:.25rem;font-family:monospace;font-size:.875em}._metadataInputWrapper_1266b_1:not(:last-child){margin-bottom:1.5rem}._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-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-surface-primary: light-dark(var(--amp-colors-white), var(--amp-colors-neutral-800));--amp-surface-secondary: light-dark(var(--amp-colors-neutral-50), var(--amp-colors-neutral-900));--amp-surface-sunken: light-dark(var(--amp-colors-neutral-100), var(--amp-colors-neutral-900));--amp-surface-hover: light-dark(#FAFAFA, var(--amp-colors-neutral-900));--amp-surface-selected: light-dark(#F5F5F5, var(--amp-colors-neutral-800));--amp-surface-highlight: light-dark(var(--amp-colors-neutral-300), var(--amp-colors-neutral-700));--amp-text-primary: light-dark(var(--amp-colors-black), var(--amp-colors-white));--amp-text-secondary: light-dark(var(--amp-colors-neutral-900), var(--amp-colors-neutral-100));--amp-text-muted: light-dark(var(--amp-colors-neutral-700), var(--amp-colors-neutral-200));--amp-text-on-emphasis: var(--amp-colors-white);--amp-border-default: light-dark(var(--amp-colors-neutral-300), var(--amp-colors-neutral-700));--amp-border-emphasis: light-dark(#E5E5E5, var(--amp-colors-neutral-600));--amp-border-strong: light-dark(var(--amp-colors-neutral-900), var(--amp-colors-neutral-50));--amp-accent: var(--amp-colors-primary);--amp-accent-hover: light-dark(#333333, #CCCCCC);--amp-accent-text: var(--amp-colors-white);--amp-status-success: var(--amp-colors-status-success);--amp-status-success-subtle: var(--amp-colors-status-success-muted);--amp-status-success-text: var(--amp-colors-status-success-dark);--amp-status-error: var(--amp-colors-status-critical);--amp-status-error-subtle: var(--amp-colors-status-critical-muted);--amp-status-error-text: var(--amp-colors-status-critical-dark);--amp-status-warning: #E8A230;--amp-status-warning-subtle: light-dark(#FFF4D9, #704A25);--amp-status-warning-text: light-dark(#704A25, #FFF4D9);--amp-disabled-opacity: .5;--amp-space-1: .25rem;--amp-space-2: .5rem;--amp-space-3: .75rem;--amp-space-4: 1rem;--amp-space-5: 1.5rem;--amp-space-6: 2rem;--amp-space-7: 2.5rem;--amp-font-size-xs: .8125rem;--amp-font-size-sm: .875rem;--amp-font-size-md: .9375rem;--amp-font-size-lg: 1.25rem;--amp-font-size-xl: 1.5rem;--amp-font-normal: 400;--amp-font-medium: 500;--amp-font-semibold: 600;--amp-radius-sm: 4px;--amp-radius-md: 6px;--amp-radius-lg: 12px;--amp-shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--amp-shadow-md: 0 2px 16px rgba(0, 0, 0, .08);--amp-duration-fast: .15s;--amp-duration-normal: .25s;--amp-colors-text-standout: var(--amp-text-primary);--amp-colors-text-regular: var(--amp-text-secondary);--amp-colors-text-muted: var(--amp-text-muted);--amp-colors-bg-primary: var(--amp-surface-primary);--amp-colors-bg-secondary: var(--amp-surface-secondary);--amp-colors-bg-highlight: var(--amp-surface-highlight);--amp-colors-border: var(--amp-border-default);--amp-default-border-radius: var(--amp-radius-md);--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-accent);--amp-colors-button-text: var(--amp-accent-text);--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));--amp-colors-tabs-background: transparent;--amp-colors-focus-border: var(--amp-accent);--amp-colors-background-muted: var(--amp-surface-secondary)}._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)}._container_r1dnc_1{color:var(--amp-colors-text-muted);font-size:.8125rem;margin-top:.375rem;margin-bottom:.75rem;line-height:1.5}._code_r1dnc_9{background-color:var(--amp-colors-background-muted, #f5f5f5);padding:.125rem .25rem;border-radius:.25rem;font-family:monospace;font-size:.875em}._metadataInputWrapper_1266b_1:not(:last-child){margin-bottom:1.5rem}._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)}@layer reset{._resetContainer_1d2b0_4 *,._resetContainer_1d2b0_4 *:before,._resetContainer_1d2b0_4 *:after{box-sizing:border-box}._resetContainer_1d2b0_4 *{font-family:var(--amp-font-family)}._resetContainer_1d2b0_4 :where(h1,h2,h3,h4,h5,h6,p){margin:0;padding:0}._resetContainer_1d2b0_4 :where(button){cursor:pointer}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amp-labs/react",
-  "version": "2.11.2",
+  "version": "2.12.1",
   "description": "Ampersand React library.",
   "author": {
     "name": "Ampersand Labs",