@airtable/blocks 0.0.0-experimental-20e3506bd-20250428

package/dist/types/src/base/ui/input.d.ts

@@ -0,0 +1,154 @@
+/** @module @airtable/blocks/ui: Input */ /** */
+import PropTypes from 'prop-types';
+import * as React from 'react';
+import { EnumType } from '../../shared/private_utils';
+import { MaxWidthProps, MinWidthProps, WidthProps, FlexItemSetProps, PositionSetProps, MarginProps } from './system';
+import { TooltipAnchorProps } from './types/tooltip_anchor_props';
+import { ControlSizeProp } from './control_sizes';
+export declare const ValidInputType: {
+    number: "number";
+    search: "search";
+    time: "time";
+    url: "url";
+    text: "text";
+    email: "email";
+    tel: "tel";
+    month: "month";
+    week: "week";
+    date: "date";
+    "datetime-local": "datetime-local";
+    password: "password";
+};
+/**
+ * Style props shared between the {@link Input} and {@link InputSynced} components. Accepts:
+ * * {@link FlexItemSetProps}
+ * * {@link MarginProps}
+ * * {@link MaxWidthProps}
+ * * {@link MinWidthProps}
+ * * {@link PositionSetProps}
+ * * {@link WidthProps}
+ *
+ * @noInheritDoc
+ */
+export interface InputStyleProps extends MaxWidthProps, MinWidthProps, WidthProps, FlexItemSetProps, PositionSetProps, MarginProps {
+}
+export declare const inputStylePropTypes: {
+    [x: string]: PropTypes.Validator<any>;
+};
+/**
+ * Props shared between the {@link Input} and {@link InputSynced} components.
+ *
+ * @noInheritDoc
+ */
+export interface SharedInputProps extends InputStyleProps, TooltipAnchorProps<HTMLInputElement> {
+    /** The size of the input. Defaults to `default`. */
+    size?: ControlSizeProp;
+    /** The `type` for the input. Defaults to `text`. */
+    type?: EnumType<typeof SupportedInputType>;
+    /** The `disabled` attribute. */
+    disabled?: boolean;
+    /** The `required` attribute. */
+    required?: boolean;
+    /** The `spellcheck` attribute. */
+    spellCheck?: boolean;
+    /** The `tabindex` attribute. */
+    tabIndex?: number;
+    /** The `name` attribute. */
+    name?: string;
+    /** The `id` attribute. */
+    id?: string;
+    /** The `autoFocus` attribute. */
+    autoFocus?: boolean;
+    /** The `max` attribute. */
+    max?: number | string;
+    /** The `maxLength` attribute. */
+    maxLength?: number;
+    /** The placeholder for the input. */
+    placeholder?: string;
+    /** The `minLength` attribute. */
+    minLength?: number;
+    /** The `step` attribute. */
+    step?: number | string;
+    /** The `pattern` attribute. */
+    pattern?: string;
+    /** The `readOnly` attribute. */
+    readOnly?: boolean;
+    /** The `autoComplete` attribute. */
+    autoComplete?: string;
+    /** Additional styles to apply to the input. */
+    style?: React.CSSProperties;
+    /** Additional class names to apply to the input, separated by spaces. */
+    className?: string;
+    /** A function to be called when the input changes. */
+    onChange?(e: React.ChangeEvent<HTMLInputElement>): unknown;
+    /** A function to be called when the input loses focus. */
+    onBlur?(e: React.FocusEvent<HTMLInputElement>): unknown;
+    /** A function to be called when the input gains focus. */
+    onFocus?(e: React.FocusEvent<HTMLInputElement>): unknown;
+    /** A space separated list of label element IDs. */
+    ['aria-labelledby']?: string;
+    /** A space separated list of description element IDs. */
+    ['aria-describedby']?: string;
+    /** The `min` attribute. */
+    min?: number | string;
+}
+export declare const SupportedInputType: {
+    number: "number";
+    search: "search";
+    time: "time";
+    url: "url";
+    text: "text";
+    email: "email";
+    tel: "tel";
+    month: "month";
+    week: "week";
+    date: "date";
+    "datetime-local": "datetime-local";
+    password: "password";
+};
+/**
+ * Supported types for the {@link Input} component. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#%3Cinput%3E_types) for more information.
+ */
+type SupportedInputType = EnumType<typeof SupportedInputType>;
+export declare const sharedInputPropTypes: {
+    onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+    onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    hasOnClick: PropTypes.Requireable<boolean>;
+    size: PropTypes.Validator<any>;
+    type: PropTypes.Requireable<"number" | "search" | "time" | "url" | "text" | "email" | "tel" | "month" | "week" | "date" | "datetime-local" | "password">;
+    placeholder: PropTypes.Requireable<string>;
+    disabled: PropTypes.Requireable<boolean>;
+    required: PropTypes.Requireable<boolean>;
+    spellCheck: PropTypes.Requireable<boolean>;
+    tabIndex: PropTypes.Requireable<number>;
+    autoFocus: PropTypes.Requireable<boolean>;
+    max: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    maxLength: PropTypes.Requireable<number>;
+    min: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    minLength: PropTypes.Requireable<number>;
+    step: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    pattern: PropTypes.Requireable<string>;
+    readOnly: PropTypes.Requireable<boolean>;
+    autoComplete: PropTypes.Requireable<string>;
+    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+    onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+    style: PropTypes.Requireable<object>;
+    className: PropTypes.Requireable<string>;
+    'aria-labelledby': PropTypes.Requireable<string>;
+    'aria-describedby': PropTypes.Requireable<string>;
+};
+/**
+ * Props for the {@link Input} component. Also accepts:
+ * * {@link InputStyleProps}
+ *
+ * @docsPath UI/components/Input
+ */
+export interface InputProps extends SharedInputProps {
+    /** The input's current value. */
+    value: string;
+}
+declare const ForwardedRefInput: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export default ForwardedRefInput;
+//# sourceMappingURL=input.d.ts.map

package/dist/types/src/base/ui/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/input.tsx"],"names":[],"mappings":"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"}

package/dist/types/src/base/ui/input_synced.d.ts

@@ -0,0 +1,18 @@
+/** @module @airtable/blocks/ui: Input */ /** */
+import * as React from 'react';
+import { GlobalConfigKey } from '../../shared/types/global_config';
+import { SharedInputProps } from './input';
+/**
+ * Props for the {@link InputSynced} component. Also accepts:
+ * * {@link InputStyleProps}
+ *
+ * @docsPath UI/components/InputSynced
+ * @groupPath UI/components/Input
+ */
+interface InputSyncedProps extends SharedInputProps {
+    /** A string key or array key path in {@link GlobalConfig}. The input value will always reflect the value stored in {@link GlobalConfig} for this key. Changing the input value will update {@link GlobalConfig}. */
+    globalConfigKey: GlobalConfigKey;
+}
+declare const ForwardedRefInputSynced: React.ForwardRefExoticComponent<InputSyncedProps & React.RefAttributes<HTMLInputElement>>;
+export default ForwardedRefInputSynced;
+//# sourceMappingURL=input_synced.d.ts.map

package/dist/types/src/base/ui/input_synced.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input_synced.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/input_synced.tsx"],"names":[],"mappings":"AAAA,yCAAyC,CAAC,MAAM;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,eAAe,EAAC,MAAM,kCAAkC,CAAC;AAGjE,OAAc,EAAuB,gBAAgB,EAAqB,MAAM,SAAS,CAAC;AAE1F;;;;;;GAMG;AACH,UAAU,gBAAiB,SAAQ,gBAAgB;IAC/C,oNAAoN;IACpN,eAAe,EAAE,eAAe,CAAC;CACpC;AAkDD,QAAA,MAAM,uBAAuB,2FAAoE,CAAC;AASlG,eAAe,uBAAuB,CAAC"}

package/dist/types/src/base/ui/key_codes.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=key_codes.d.ts.map

package/dist/types/src/base/ui/key_codes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"key_codes.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/key_codes.ts"],"names":[],"mappings":""}

package/dist/types/src/base/ui/label.d.ts

@@ -0,0 +1,35 @@
+/** @module @airtable/blocks/ui: Label */ /** */
+import * as React from 'react';
+import { AllStylesProps } from './system/index';
+import { AriaProps } from './types/aria_props';
+import { TextSizeProp } from './text';
+import { DataAttributesProp } from './types/data_attributes_prop';
+/**
+ * Props for the {@link Label} component. Also accepts:
+ * * {@link AllStylesProps}
+ * * {@link AriaProps}
+ *
+ * @noInheritDoc
+ * @docsPath UI/components/Label
+ */
+export interface LabelProps extends AllStylesProps, AriaProps {
+    /** The size of the label. Defaults to `default`. Can be a responsive prop object. */
+    size?: TextSizeProp;
+    /** The `for` attribute. Should contain the `id` of the input. */
+    htmlFor?: string;
+    /** The `id` attribute. */
+    id?: string;
+    /** The contents of the label. */
+    children?: React.ReactNode | string;
+    /** Additional class names to apply, separated by spaces. */
+    className?: string;
+    /** Additional styles. */
+    style?: React.CSSProperties;
+    /** Data attributes that are spread onto the element, e.g. `dataAttributes={{'data-*': '...'}}`. */
+    dataAttributes?: DataAttributesProp;
+    /** The `role` attribute. */
+    role?: string;
+}
+declare const ForwardedRefLabel: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+export default ForwardedRefLabel;
+//# sourceMappingURL=label.d.ts.map

package/dist/types/src/base/ui/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/label.tsx"],"names":[],"mappings":"AAAA,yCAAyC,CAAC,MAAM;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAqB,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAgB,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAA6B,YAAY,EAAe,MAAM,QAAQ,CAAC;AAC9E,OAAO,EAAyB,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AAExF;;;;;;;GAOG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc,EAAE,SAAS;IACzD,qFAAqF;IACrF,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0BAA0B;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mGAAmG;IACnG,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AA+DD,QAAA,MAAM,iBAAiB,qFAAwD,CAAC;AAgBhF,eAAe,iBAAiB,CAAC"}

package/dist/types/src/base/ui/link.d.ts

@@ -0,0 +1,88 @@
+/** @module @airtable/blocks/ui: Link */ /** */
+import PropTypes from 'prop-types';
+import * as React from 'react';
+import { EnumType } from '../../shared/private_utils';
+import { AriaProps } from './types/aria_props';
+import { DataAttributesProp } from './types/data_attributes_prop';
+import { OptionalResponsiveProp } from './system/utils/types';
+import { MaxWidthProps, MinWidthProps, WidthProps, FlexItemSetProps, PositionSetProps, FontWeightProps, SpacingSetProps } from './system';
+import { TooltipAnchorProps } from './types/tooltip_anchor_props';
+import { TextSizeProp } from './text';
+import { IconName } from './icon_config';
+/**
+ * Style props for the {@link Link} component. Also accepts:
+ * * {@link FlexItemSetProps}
+ * * {@link FontWeightProps}
+ * * {@link MaxWidthProps}
+ * * {@link MinWidthProps}
+ * * {@link PositionSetProps}
+ * * {@link SpacingSetProps}
+ * * {@link WidthProps}
+ *
+ * @noInheritDoc
+ */
+export interface LinkStyleProps extends MaxWidthProps, MinWidthProps, WidthProps, FlexItemSetProps, PositionSetProps, FontWeightProps, SpacingSetProps {
+    /** Defines the display type of an element, which consists of the two basic qualities of how an element generates boxes — the outer display type defining how the box participates in flow layout, and the inner display type defining how the children of the box are laid out. */
+    display?: OptionalResponsiveProp<'inline-flex' | 'flex' | 'none'>;
+}
+export declare const linkStylePropTypes: {
+    display: PropTypes.Validator<any>;
+};
+/**
+ * Variants for the {@link Link} component:
+ *
+ * • **default**
+ *
+ * Blue text.
+ *
+ * • **dark**
+ *
+ * Dark gray text.
+ *
+ * • **light**
+ *
+ * Light gray text.
+ */
+type LinkVariant = EnumType<typeof LinkVariant>;
+declare const LinkVariant: {
+    default: "default";
+    dark: "dark";
+    light: "light";
+};
+/**
+ * Props for the {@link Link} component. Also supports:
+ * * {@link AriaProps}
+ * * {@link LinkStyleProps}
+ *
+ * @docsPath UI/components/Link
+ * @noInheritDoc
+ */
+export interface LinkProps extends AriaProps, LinkStyleProps, TooltipAnchorProps<HTMLAnchorElement> {
+    /** The size of the link. Defaults to `default`. Can be a responsive prop object. */
+    size?: TextSizeProp;
+    /** The variant of the link, which defines the color. Defaults to `default`. */
+    variant?: LinkVariant;
+    /** The name of the icon or a react node. For more details, see the {@link IconName|list of supported icons}. */
+    icon?: IconName | React.ReactElement;
+    /** Adds an underline to the link when true. */
+    underline?: boolean;
+    /** The target URL or URL fragment for the link. */
+    href: string;
+    /** Specifies where to display the linked URL. */
+    target?: string;
+    /** The `id` attribute. */
+    id?: string;
+    /** Indicates if the link can be focused and if/where it participates in sequential keyboard navigation. */
+    tabIndex?: number;
+    /** Additional class names to apply to the link. */
+    className?: string;
+    /** Additional styles to apply to the link. */
+    style?: React.CSSProperties;
+    /** Data attributes that are spread onto the element, e.g. `dataAttributes={{'data-*': '...'}}`. */
+    dataAttributes?: DataAttributesProp;
+    /** The contents of the link. */
+    children?: React.ReactNode | string;
+}
+declare const ForwardedRefLink: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export default ForwardedRefLink;
+//# sourceMappingURL=link.d.ts.map

package/dist/types/src/base/ui/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/link.tsx"],"names":[],"mappings":"AAAA,wCAAwC,CAAC,MAAM;AAC/C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAa,QAAQ,EAAC,MAAM,4BAA4B,CAAC;AAGhE,OAAO,EAAgB,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAyB,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AAExF,OAAO,EAAC,sBAAsB,EAAC,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAGH,aAAa,EAGb,aAAa,EAGb,UAAU,EAGV,gBAAgB,EAGhB,gBAAgB,EAGhB,eAAe,EAGf,eAAe,EAElB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAyB,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AACxF,OAAO,EAAyB,YAAY,EAAmB,MAAM,QAAQ,CAAC;AAC9E,OAAO,EAAC,QAAQ,EAAmB,MAAM,eAAe,CAAC;AAIzD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,cACb,SAAQ,aAAa,EACjB,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,eAAe;IACnB,mRAAmR;IACnR,OAAO,CAAC,EAAE,sBAAsB,CAAC,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC;CACrE;AAaD,eAAO,MAAM,kBAAkB;;CAS9B,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,KAAK,WAAW,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAChD,QAAA,MAAM,WAAW;;;;CAAyC,CAAC;AAS3D;;;;;;;GAOG;AACH,MAAM,WAAW,SACb,SAAQ,SAAS,EACb,cAAc,EACd,kBAAkB,CAAC,iBAAiB,CAAC;IACzC,oFAAoF;IACpF,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,gHAAgH;IAChH,IAAI,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC;IACrC,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0BAA0B;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mGAAmG;IACnG,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;CACvC;AA+ID,QAAA,MAAM,gBAAgB,qFAAuD,CAAC;AAoB9E,eAAe,gBAAgB,CAAC"}

package/dist/types/src/base/ui/loader.d.ts

@@ -0,0 +1,55 @@
+/** @module @airtable/blocks/ui: Loader */ /** */
+import PropTypes from 'prop-types';
+import * as React from 'react';
+import { FlexItemSetProps, PositionSetProps, MarginProps } from './system';
+/**
+ * Style props for the {@link Loader} component. Accepts:
+ * * {@link FlexItemSetProps}
+ * * {@link MarginProps}
+ * * {@link PositionSetProps}
+ */
+interface LoaderStyleProps extends FlexItemSetProps, PositionSetProps, MarginProps {
+}
+export declare const loaderStylePropTypes: {
+    [x: string]: PropTypes.Validator<any>;
+};
+/**
+ * Props for the {@link Loader} component. Also accepts:
+ * * {@link LoaderStyleProps}
+ *
+ * @docsPath UI/components/Loader
+ * @noInheritDoc
+ */
+export interface LoaderProps extends LoaderStyleProps {
+    /** The color of the loading spinner. Defaults to `'#888'` */
+    fillColor: string;
+    /** A scalar for the loading spinner. Increasing the scale increases the size of the loading spinner. Defaults to `0.3`. */
+    scale: number;
+    /** Additional class names to apply to the loading spinner. */
+    className?: string;
+    /** Additional styles to apply to the loading spinner. */
+    style?: React.CSSProperties;
+}
+/**
+ * A loading spinner component.
+ *
+ * [[ Story id="loader--example" title="Loader example" ]]
+ *
+ * @docsPath UI/components/Loader
+ * @component
+ */
+declare const Loader: {
+    (props: LoaderProps): React.JSX.Element;
+    propTypes: {
+        fillColor: PropTypes.Validator<string>;
+        scale: PropTypes.Validator<number>;
+        className: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<object>;
+    };
+    defaultProps: {
+        fillColor: string;
+        scale: number;
+    };
+};
+export default Loader;
+//# sourceMappingURL=loader.d.ts.map

package/dist/types/src/base/ui/loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/loader.tsx"],"names":[],"mappings":"AAAA,0CAA0C,CAAC,MAAM;AACjD,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAGH,gBAAgB,EAGhB,gBAAgB,EAGhB,WAAW,EACd,MAAM,UAAU,CAAC;AAElB;;;;;GAKG;AACH,UAAU,gBAAiB,SAAQ,gBAAgB,EAAE,gBAAgB,EAAE,WAAW;CAAG;AAIrF,eAAO,MAAM,oBAAoB;;CAIhC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,WAAW,WAAY,SAAQ,gBAAgB;IACjD,6DAA6D;IAC7D,SAAS,EAAE,MAAM,CAAC;IAClB,2HAA2H;IAC3H,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAGD;;;;;;;GAOG;AACH,QAAA,MAAM,MAAM;YAAW,WAAW;;;;;;;;;;;CAejC,CAAC;AAeF,eAAe,MAAM,CAAC"}

package/dist/types/src/base/ui/modal.d.ts

@@ -0,0 +1,67 @@
+/** @hidden */ /** */
+import PropTypes from 'prop-types';
+import * as React from 'react';
+import { DimensionsSetProps, FlexContainerSetProps, SpacingSetProps } from './system';
+import { OptionalResponsiveProp } from './system/utils/types';
+/**
+ * Props for the {@link Modal} component. Also accepts:
+ * * {@link ModalStyleProps}
+ *
+ * @hidden
+ */
+interface ModalProps {
+    /** Callback function to fire when the modal is closed. */
+    onClose?: () => unknown;
+    /** Extra `className`s to apply to the modal element, separated by spaces. */
+    className?: string;
+    /** Extra styles to apply to the modal element. */
+    style?: React.CSSProperties;
+    /** Extra `className`s to apply to the background element, separated by spaces. */
+    backgroundClassName?: string;
+    /** Extra styles to apply to the background element. */
+    backgroundStyle?: React.CSSProperties;
+    /** */
+    children: React.ReactNode;
+}
+/**
+ * Style props shared between the {@link Modal}, {@link Dialog}, and {@link ConfirmationDialog} components. Also accepts:
+ * * {@link DimensionsSetProps}
+ * * {@link FlexContainerSetProps}
+ * * {@link SpacingSetProps}
+ *
+ * @hidden
+ * @noInheritDoc
+ */
+export interface ModalStyleProps extends DimensionsSetProps, FlexContainerSetProps, SpacingSetProps {
+    /** Defines the display type of an element, which consists of the two basic qualities of how an element generates boxes — the outer display type defining how the box participates in flow layout, and the inner display type defining how the children of the box are laid out. */
+    display?: OptionalResponsiveProp<'block' | 'flex'>;
+}
+export declare const modalStylePropTypes: {
+    [x: string]: PropTypes.Validator<any>;
+};
+/**
+ * Generic modal component with minimal styling.
+ *
+ * @hidden
+ */
+export declare class Modal extends React.Component<ModalProps> {
+    /** @hidden */
+    static propTypes: {
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        className: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<object>;
+        backgroundClassName: PropTypes.Requireable<string>;
+        backgroundStyle: PropTypes.Requireable<object>;
+    };
+    /** @hidden */
+    constructor(props: ModalProps);
+    /** @hidden */
+    componentDidMount(): void;
+    /** @hidden */
+    componentWillUnmount(): void;
+    /** @hidden */
+    render(): React.ReactPortal;
+}
+declare const _default: React.RefForwardingComponent<Modal, ModalProps & ModalStyleProps & React.RefAttributes<Modal>>;
+export default _default;
+//# sourceMappingURL=modal.d.ts.map

package/dist/types/src/base/ui/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/modal.tsx"],"names":[],"mappings":"AAAA,cAAc,CAAC,MAAM;AACrB,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAGH,kBAAkB,EAKlB,qBAAqB,EAGrB,eAAe,EAClB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAC,sBAAsB,EAAC,MAAM,sBAAsB,CAAC;AAE5D;;;;;GAKG;AAGH,UAAU,UAAU;IAChB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;IACxB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,kFAAkF;IAClF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uDAAuD;IACvD,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,MAAM;IACN,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,eACb,SAAQ,kBAAkB,EACtB,qBAAqB,EACrB,eAAe;IACnB,mRAAmR;IACnR,OAAO,CAAC,EAAE,sBAAsB,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;CACtD;AAID,eAAO,MAAM,mBAAmB;;CAM/B,CAAC;AAEF;;;;GAIG;AAEH,qBAAa,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC;IAClD,cAAc;IACd,MAAM,CAAC,SAAS;;;;;;MAMd;IASF,cAAc;gBACF,KAAK,EAAE,UAAU;IAW7B,cAAc;IACd,iBAAiB;IAqBjB,cAAc;IACd,oBAAoB;IA4BpB,cAAc;IACd,MAAM;CA6BT;;AAED,wBAaE"}

package/dist/types/src/base/ui/model_picker_select.d.ts

@@ -0,0 +1,19 @@
+/** @hidden */ /** */
+import * as React from 'react';
+import Table from '../models/table';
+import View from '../models/view';
+import Field from '../models/field';
+import { SharedSelectBaseProps } from './select';
+type AnyModel = Table | View | Field;
+interface ModelPickerSelectProps<Model extends AnyModel> extends SharedSelectBaseProps {
+    models: Array<Model>;
+    selectedModelId: string | null;
+    modelKeysToWatch: Array<string>;
+    shouldAllowPickingNone?: boolean;
+    shouldAllowPickingModelFn?: (arg1: Model) => boolean;
+    placeholder: string;
+    onChange: (newValue: string | null) => unknown;
+}
+declare const ForwardedRefModelPickerSelect: React.ForwardRefExoticComponent<ModelPickerSelectProps<AnyModel> & React.RefAttributes<HTMLSelectElement>>;
+export default ForwardedRefModelPickerSelect;
+//# sourceMappingURL=model_picker_select.d.ts.map

package/dist/types/src/base/ui/model_picker_select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model_picker_select.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/model_picker_select.tsx"],"names":[],"mappings":"AAAA,cAAc,CAAC,MAAM;AACrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,MAAM,iBAAiB,CAAC;AACpC,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAClC,OAAO,KAAK,MAAM,iBAAiB,CAAC;AAEpC,OAAe,EAA4B,qBAAqB,EAAC,MAAM,UAAU,CAAC;AAGlF,KAAK,QAAQ,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,CAAC;AAGrC,UAAU,sBAAsB,CAAC,KAAK,SAAS,QAAQ,CAAE,SAAQ,qBAAqB;IAClF,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACrB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAChC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,yBAAyB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC;IACrD,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC;CAClD;AAiDD,QAAA,MAAM,6BAA6B,4GAGf,CAAC;AAqBrB,eAAe,6BAA6B,CAAC"}

package/dist/types/src/base/ui/popover.d.ts

@@ -0,0 +1,122 @@
+/** @module @airtable/blocks/ui: Popover */ /** */
+import PropTypes from 'prop-types';
+import * as React from 'react';
+import { ObjectValues, FlowAnyObject } from '../../shared/private_utils';
+/**
+ * Dictates how a {@link Tooltip} component should be positioned relative
+ * to the anchor element. Accessed via `Tooltip.placements`.
+ */
+export declare enum PopoverPlacements {
+    /** Positions the popover above the anchor element. */
+    TOP = "top",
+    /** Positions the popover below the anchor element. */
+    BOTTOM = "bottom",
+    /** Positions the popover so it's center aligned with the anchor element. */
+    CENTER = "center",
+    /** Positions the popover left of the anchor element. */
+    LEFT = "left",
+    /** Positions the popover right of the anchor element. */
+    RIGHT = "right"
+}
+/**
+ * Any of the supported {@link PopoverPlacements} for horizontal positioning.
+ */
+export type PopoverPlacementX = PopoverPlacements.LEFT | PopoverPlacements.CENTER | PopoverPlacements.RIGHT;
+/**
+ * Any of the supported {@link PopoverPlacements} for vertical positioning.
+ */
+export type PopoverPlacementY = PopoverPlacements.TOP | PopoverPlacements.CENTER | PopoverPlacements.BOTTOM;
+/**
+ * Dictates how a {@link Popover} or {@link Tooltip} component should be kept within the viewport. Accessed via `Popover.fitInWindowModes` or `Tooltip.fitInWindowModes`.
+ */
+export declare enum FitInWindowModes {
+    /** Allow the popover to be placed offscreen. */
+    NONE = "none",
+    /**  If the popover would be placed offscreen, flip the placement to the other side.  */
+    FLIP = "flip",
+    /** If the popover would be placed offscreen, nudge the popover just enough so that it stays in the viewport. */
+    NUDGE = "nudge"
+}
+/**
+ * Any of the supported {@link FitInWindowModes}.
+ */
+export type FitInWindowMode = ObjectValues<typeof FitInWindowModes>;
+/**
+ * Props for the {@link Popover} component.
+ *
+ * @hidden
+ */
+interface PopoverProps {
+    /** Child elements to render. */
+    children: React.ReactElement;
+    /** The horizontal placement of the popover. Defaults to {@link PopoverPlacements.RIGHT}. */
+    placementX: PopoverPlacementX;
+    /** The vertical placement of the popover. Defaults to {@link PopoverPlacements.CENTER}. */
+    placementY: PopoverPlacementY;
+    /** The horizontal offset, in pixels, of the popover. If `placementX` is set to {@link PopoverPlacements.LEFT}, a higher number will move the popover to the left. If `placementX` is set to {@link PopoverPlacements.RIGHT}, a higher number moves the popover to the right. If `placementX` is set to {@link PopoverPlacements.CENTER}, this value has no effect. Defaults to 0. */
+    placementOffsetX: number;
+    /** The vertical offset, in pixels, of the popover. If `placementY` is set to {@link PopoverPlacements.TOP}, a higher number will move the popover upward. If `placementY` is set to {@link PopoverPlacements.BOTTOM}, a higher number moves the popover downard. If `placementY` is set to {@link PopoverPlacements.CENTER}, this value has no effect. Defaults to 0. */
+    placementOffsetY: number;
+    /** A function that returns the contents of the popover as React elements. */
+    renderContent: () => React.ReactElement;
+    /** Dictates the behavior when the "normal" placement of the popover would be outside of the viewport. Defaults to {@link FitInWindowModes.FLIP}. */
+    fitInWindowMode: FitInWindowMode;
+    /** A function that will be called when the popover closes. */
+    onClose?: () => void;
+    /** A boolean that dictates whether the popover is open. */
+    isOpen: boolean;
+    /** Extra class names for the background of the popover, separated by spaces. */
+    backgroundClassName?: string;
+    /** Extra styles for the background of the popover. */
+    backgroundStyle?: FlowAnyObject;
+}
+/**
+ * A popover component, which is used to "float" some content above some other content.
+ *
+ * @hidden
+ * @docsPath UI/components/Popover
+ * @component
+ */
+declare class Popover extends React.Component<PopoverProps> {
+    /** @hidden */
+    static placements: typeof PopoverPlacements;
+    /** @hidden */
+    static fitInWindowModes: typeof FitInWindowModes;
+    /** @hidden */
+    static propTypes: {
+        children: PropTypes.Validator<PropTypes.ReactElementLike>;
+        renderContent: PropTypes.Validator<(...args: any[]) => any>;
+        placementX: PropTypes.Requireable<PopoverPlacements>;
+        placementY: PropTypes.Requireable<PopoverPlacements>;
+        placementOffsetX: PropTypes.Requireable<number>;
+        placementOffsetY: PropTypes.Requireable<number>;
+        fitInWindowMode: PropTypes.Requireable<ObjectValues<typeof FitInWindowModes>>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        isOpen: PropTypes.Requireable<boolean>;
+        backgroundClassName: PropTypes.Requireable<string>;
+        backgroundStyle: PropTypes.Requireable<object>;
+    };
+    /** @hidden */
+    static defaultProps: {
+        placementX: PopoverPlacements;
+        placementY: PopoverPlacements;
+        placementOffsetX: number;
+        placementOffsetY: number;
+        fitInWindowMode: FitInWindowModes;
+        isOpen: boolean;
+    };
+    /** @hidden */
+    constructor(props: PopoverProps);
+    /** @hidden */
+    componentDidMount(): void;
+    /** @hidden */
+    UNSAFE_componentWillReceiveProps(nextProps: PopoverProps): void;
+    /** @hidden */
+    componentDidUpdate(): void;
+    /** @hidden */
+    componentWillUnmount(): void;
+    /** @hidden */
+    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>> & React.ReactNode;
+}
+export default Popover;
+//# sourceMappingURL=popover.d.ts.map

package/dist/types/src/base/ui/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/popover.tsx"],"names":[],"mappings":"AAAA,2CAA2C,CAAC,MAAM;AAClD,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAS,YAAY,EAAE,aAAa,EAAkB,MAAM,4BAA4B,CAAC;AAUhG;;;GAGG;AAEH,oBAAY,iBAAiB;IACzB,sDAAsD;IACtD,GAAG,QAAQ;IACX,sDAAsD;IACtD,MAAM,WAAW;IACjB,4EAA4E;IAC5E,MAAM,WAAW;IACjB,wDAAwD;IACxD,IAAI,SAAS;IACb,yDAAyD;IACzD,KAAK,UAAU;CAClB;AACD;;GAEG;AACH,MAAM,MAAM,iBAAiB,GACvB,iBAAiB,CAAC,IAAI,GACtB,iBAAiB,CAAC,MAAM,GACxB,iBAAiB,CAAC,KAAK,CAAC;AAC9B;;GAEG;AACH,MAAM,MAAM,iBAAiB,GACvB,iBAAiB,CAAC,GAAG,GACrB,iBAAiB,CAAC,MAAM,GACxB,iBAAiB,CAAC,MAAM,CAAC;AAE/B;;GAEG;AAEH,oBAAY,gBAAgB;IACxB,gDAAgD;IAChD,IAAI,SAAS;IACb,wFAAwF;IACxF,IAAI,SAAS;IACb,gHAAgH;IAChH,KAAK,UAAU;CAClB;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEpE;;;;GAIG;AACH,UAAU,YAAY;IAClB,gCAAgC;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,4FAA4F;IAC5F,UAAU,EAAE,iBAAiB,CAAC;IAC9B,2FAA2F;IAC3F,UAAU,EAAE,iBAAiB,CAAC;IAC9B,qXAAqX;IACrX,gBAAgB,EAAE,MAAM,CAAC;IACzB,yWAAyW;IACzW,gBAAgB,EAAE,MAAM,CAAC;IACzB,6EAA6E;IAC7E,aAAa,EAAE,MAAM,KAAK,CAAC,YAAY,CAAC;IACxC,oJAAoJ;IACpJ,eAAe,EAAE,eAAe,CAAC;IACjC,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2DAA2D;IAC3D,MAAM,EAAE,OAAO,CAAC;IAChB,gFAAgF;IAChF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,sDAAsD;IACtD,eAAe,CAAC,EAAE,aAAa,CAAC;CACnC;AAED;;;;;;GAMG;AACH,cAAM,OAAQ,SAAQ,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC;IAC/C,cAAc;IACd,MAAM,CAAC,UAAU,2BAAqB;IACtC,cAAc;IACd,MAAM,CAAC,gBAAgB,0BAAoB;IAE3C,cAAc;IACd,MAAM,CAAC,SAAS;;;;;;;;;;;;MAoBd;IACF,cAAc;IACd,MAAM,CAAC,YAAY;;;;;;;MAOjB;IAcF,cAAc;gBACF,KAAK,EAAE,YAAY;IAY/B,cAAc;IACd,iBAAiB;IAOjB,cAAc;IACd,gCAAgC,CAAC,SAAS,EAAE,YAAY;IAOxD,cAAc;IACd,kBAAkB;IAGlB,cAAc;IACd,oBAAoB;IA0QpB,cAAc;IACd,MAAM;CAIT;AAED,eAAe,OAAO,CAAC"}