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

package/dist/types/src/shared/ui/with_hooks.d.ts

@@ -0,0 +1,97 @@
+/** @module @airtable/blocks/ui: withHooks */ /** */
+import * as React from 'react';
+/**
+ * @hidden
+ * A higher-order component for working with React hooks in class-based components. It takes a React
+ * component and wraps it, injecting values from hooks as additional props. `withHooks` uses
+ * [`React.forwardRef`](https://reactjs.org/docs/forwarding-refs.html) to make sure that you can
+ * use refs with your wrapped component in exactly the same way you would if you weren't using
+ * `withHooks`.
+ *
+ * If you need an reference to the actual component instance, you can return a `ref` prop.
+ *
+ * @param Component The React component you want to inject hooks into.
+ * @param getAdditionalPropsToInject A function that takes props and returns more props to be injected into the wrapped component.
+ * @example
+ * ```js
+ * import React from 'react';
+ * import {useRecords, withHooks} from '@airtable/blocks/ui';
+ *
+ * // RecordList takes a list of records and renders it
+ * class RecordList extends React.Component {
+ *      render() {
+ *          const records = this.props.records.map(record => {
+ *              return <li key={record.id}>{record.name}</li>
+ *          });
+ *
+ *          return <ul>{records}</ul>;
+ *      }
+ * }
+ *
+ * // using withHooks, we wrap up RecordList. It takes a table prop, and injects a records
+ * // prop from useRecords
+ * const WrappedRecordList = withHooks(RecordList, ({table}) => {
+ *      const records = useRecords(table);
+ *
+ *      const instanceRef = React.useRef();
+ *      useEffect(() => {
+ *          console.log('RecordList instance:', instanceRef.current);
+ *      });
+ *
+ *      return {
+ *          records: records,
+ *          ref: instanceRef,
+ *      };
+ * });
+ *
+ * // when we use WrappedRecordList, we only need to pass in table:
+ * <WrappedRecordList table={someTable} />
+ * ```
+ *
+ * @example
+ * ```js
+ * import React from 'react';
+ * import {Record, Table} from '@airtable/blocks/models';
+ * import {withHooks, useRecords} from '@airtable/blocks/ui';
+ * // with typescript, things are a little more complex: we need to provide some type annotations to
+ * // indicate which props are injected:
+ *
+ * type RequiredProps = {
+ *      table: Table,
+ * };
+ *
+ * type InjectedProps = {
+ *      records: Array<Record>,
+ * };
+ *
+ * type RecordListProps = RequiredProps & InjectedProps;
+ *
+ * class RecordList extends React.Component<RecordListProps> {
+ *      // implementation is the same as the example above
+ * }
+ *
+ * // you need to annotate the call to withHooks. This takes three type args:
+ * //   - The injected props
+ * //   - The full resulting props passed to the element
+ * //   - the instance type (what you get out of a ref) of the resulting component
+ * const WrappedRecordList = withHooks<InjectedProps, RecordListProps, RecordList>(
+ *      RecordList,
+ *      ({table}) => {
+ *          const records = useRecords(table);
+ *          return {
+ *              records
+ *          };
+ *      },
+ * );
+ *
+ * // when using a ref to the component, you can't refer to it as WrappedRecordList like a normal
+ * // class component. Instead, you need to wrap it in React.ElementRef:
+ * const ref: React.ElementRef<typeof WrappedRecordList> = getTheRefSomehow();
+ * ```
+ */
+export default function withHooks<InjectedProps, Props extends InjectedProps, Instance>(Component: ((new (props: Props) => React.Component) & {
+    displayName?: string;
+}) | React.RefForwardingComponent<Instance, Props> | React.FunctionComponent<Props>, getAdditionalPropsToInject: (props: Omit<Props, keyof InjectedProps>) => InjectedProps & {
+    ref?: React.Ref<Instance>;
+}): React.RefForwardingComponent<Instance, Omit<Props, keyof InjectedProps> & React.RefAttributes<Instance>>;
+//# sourceMappingURL=with_hooks.d.ts.map

package/dist/types/src/shared/ui/with_hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"with_hooks.d.ts","sourceRoot":"","sources":["../../../../../src/shared/ui/with_hooks.tsx"],"names":[],"mappings":"AAAA,6CAA6C,CAAC,MAAM;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwFG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,aAAa,EAAE,KAAK,SAAS,aAAa,EAAE,QAAQ,EAClF,SAAS,EACH,CAAC,CAAC,KAAK,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,GAClE,KAAK,CAAC,sBAAsB,CAAC,QAAQ,EAAE,KAAK,CAAC,GAC7C,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,EACpC,0BAA0B,EAAE,CACxB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,aAAa,CAAC,KACtC,aAAa,GAAG;IAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;CAAC,GACjD,KAAK,CAAC,sBAAsB,CAC3B,QAAQ,EACR,IAAI,CAAC,KAAK,EAAE,MAAM,aAAa,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CACnE,CA+CA"}

package/dist/types/src/shared/unstable_private_utils.d.ts

@@ -0,0 +1,5 @@
+export * from './private_utils';
+export * from './error_utils';
+export * from './event_tracker';
+export * from '../stats/block_stats';
+//# sourceMappingURL=unstable_private_utils.d.ts.map

package/dist/types/src/shared/unstable_private_utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unstable_private_utils.d.ts","sourceRoot":"","sources":["../../../../src/shared/unstable_private_utils.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC"}

package/dist/types/src/shared/warning.d.ts

@@ -0,0 +1,6 @@
+import { SdkMode } from '../sdk_mode';
+import { BlockSdkCore } from './sdk_core';
+declare const _default: (msgLines: string | Array<string>) => void;
+export default _default;
+export declare function __injectSdkIntoWarning(_sdk: BlockSdkCore<SdkMode>): void;
+//# sourceMappingURL=warning.d.ts.map

package/dist/types/src/shared/warning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"warning.d.ts","sourceRoot":"","sources":["../../../../src/shared/warning.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,aAAa,CAAC;AAEpC,OAAO,EAAC,YAAY,EAAC,MAAM,YAAY,CAAC;mCAId,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;AAAhD,wBASE;AAMF,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,QAEjE"}

package/dist/types/src/shared/watchable.d.ts

@@ -0,0 +1,38 @@
+/** @module @airtable/blocks/models: Abstract models */ /** */
+import { FlowAnyObject } from './private_utils';
+/**
+ * Abstract superclass for watchable models. All watchable models expose `watch`
+ * and `unwatch` methods that allow consumers to subscribe to changes to that model.
+ *
+ * This class should not be used directly.
+ *
+ * @docsPath models/advanced/Watchable
+ */
+declare class Watchable<WatchableKey extends string> {
+    /**
+     * Get notified of changes to the model.
+     *
+     * Every call to `.watch` should have a matching call to `.unwatch`.
+     *
+     * Returns the array of keys that were watched.
+     *
+     * @param keys the keys to watch
+     * @param callback a function to call when those keys change
+     * @param context an optional context for `this` in `callback`.
+     */
+    watch(keys: WatchableKey | ReadonlyArray<WatchableKey>, callback: (model: this, key: WatchableKey, ...args: Array<any>) => unknown, context?: FlowAnyObject | null): Array<WatchableKey>;
+    /**
+     * Unwatch keys watched with `.watch`.
+     *
+     * Should be called with the same arguments given to `.watch`.
+     *
+     * Returns the array of keys that were unwatched.
+     *
+     * @param keys the keys to unwatch
+     * @param callback the function passed to `.watch` for these keys
+     * @param context the context that was passed to `.watch` for this `callback`
+     */
+    unwatch(keys: WatchableKey | ReadonlyArray<WatchableKey>, callback: (model: this, key: WatchableKey, ...args: Array<any>) => unknown, context?: FlowAnyObject | null): Array<WatchableKey>;
+}
+export default Watchable;
+//# sourceMappingURL=watchable.d.ts.map

package/dist/types/src/shared/watchable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"watchable.d.ts","sourceRoot":"","sources":["../../../../src/shared/watchable.ts"],"names":[],"mappings":"AAAA,uDAAuD,CAAC,MAAM;AAC9D,OAAO,EAAyC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAGtF;;;;;;;GAOG;AACH,cAAM,SAAS,CAAC,YAAY,SAAS,MAAM;IAuEvC;;;;;;;;;;OAUG;IACH,KAAK,CACD,IAAI,EAAE,YAAY,GAAG,aAAa,CAAC,YAAY,CAAC,EAChD,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,OAAO,EAC1E,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,GAC/B,KAAK,CAAC,YAAY,CAAC;IAqBtB;;;;;;;;;;OAUG;IACH,OAAO,CACH,IAAI,EAAE,YAAY,GAAG,aAAa,CAAC,YAAY,CAAC,EAChD,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,OAAO,EAC1E,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,GAC/B,KAAK,CAAC,YAAY,CAAC;CA8BzB;AAED,eAAe,SAAS,CAAC"}

package/dist/types/src/stats/block_stats.d.ts

@@ -0,0 +1,33 @@
+/** @hidden */
+declare class BlockStats {
+    increment(stat: string, tags?: {
+        [key: string]: string;
+    }): void;
+    incrementBy(stat: string, value: number, tags?: {
+        [key: string]: string;
+    }): void;
+    decrement(stat: string, tags?: {
+        [key: string]: string;
+    }): void;
+    decrementBy(stat: string, value: number, tags?: {
+        [key: string]: string;
+    }): void;
+    gauge(stat: string, value: number, tags?: {
+        [key: string]: string;
+    }): void;
+    histogram(stat: string, value: number, tags?: {
+        [key: string]: string;
+    }): void;
+    distribution(stat: string, value: number, tags?: {
+        [key: string]: string;
+    }): void;
+    timing(stat: string, time: number, tags?: {
+        [key: string]: string;
+    }): void;
+    timingWithSum(stat: string, time: number, tags?: {
+        [key: string]: string;
+    }): void;
+}
+export declare const blockStats: BlockStats;
+export {};
+//# sourceMappingURL=block_stats.d.ts.map

package/dist/types/src/stats/block_stats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block_stats.d.ts","sourceRoot":"","sources":["../../../../src/stats/block_stats.ts"],"names":[],"mappings":"AAKA,cAAc;AACd,cAAM,UAAU;IACZ,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAC;IAGtD,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAC;IAQvE,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAC;IAGtD,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAC;IAQvE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAC;IAQjE,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAC;IAQrE,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAC;IAQxE,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAC;IAQjE,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAC;CAI3E;AAED,eAAO,MAAM,UAAU,YAAmB,CAAC"}

package/dist/types/src/testing/abstract_mock_airtable_interface.d.ts

@@ -0,0 +1,87 @@
+import { AppInterface, GlobalConfigHelpers } from '../shared/types/airtable_interface_core';
+import { Aggregators, AirtableInterface, FieldTypeProvider, SdkInitData, UrlConstructor, PartialViewData, IdGenerator, VisList } from '../base/types/airtable_interface';
+import { TableId, FieldId, ViewId } from '../shared/types/hyper_ids';
+import { FieldData } from '../shared/types/field';
+import { ModelChange } from '../shared/types/base_core';
+import { RecordData } from '../base/types/record';
+import { ViewportSizeConstraint } from '../base/types/viewport';
+import { PermissionCheckResult } from '../shared/types/mutations_core';
+import { Mutation } from '../base/types/mutations';
+import { NormalizedSortConfig } from '../base/models/record_query_result';
+import { RequestJson, ResponseJson } from '../base/types/backend_fetch_types';
+import { CursorData } from '../base/types/cursor';
+import { RecordActionData } from '../base/types/record_action_data';
+declare const EventEmitter: any;
+/**
+ * An abstract base class with a common interface exposed to both Blocks SDK's
+ * internal automated test suite and the blocks-testing public repo.
+ *
+ * @hidden
+ */
+export declare abstract class AbstractMockAirtableInterface extends EventEmitter implements AirtableInterface {
+    sdkInitData: SdkInitData;
+    private _initData;
+    constructor(initData: SdkInitData);
+    /**
+     * Revert the mock interface to its initial state. This includes:
+     *
+     * - removing all event listeners
+     * - restoring the database schema
+     */
+    reset(): void;
+    get aggregators(): Aggregators;
+    get fieldTypeProvider(): FieldTypeProvider;
+    get urlConstructor(): UrlConstructor;
+    get globalConfigHelpers(): GlobalConfigHelpers;
+    get idGenerator(): IdGenerator;
+    assertAllowedSdkPackageVersion(): void;
+    applyMutationAsync(mutation: Mutation, opts?: {
+        holdForMs?: number;
+    }): Promise<void>;
+    checkPermissionsForMutation(mutation: Mutation): PermissionCheckResult;
+    createVisList(appInterface: AppInterface, recordDatas: Array<RecordData>, fieldDatas: Array<FieldData>, sorts: Array<NormalizedSortConfig>): VisList;
+    subscribeToModelUpdates(fn: Function): void;
+    setActiveViewOrTable(tableId: TableId, viewId: ViewId): void;
+    subscribeToGlobalConfigUpdates(): void;
+    subscribeToSettingsButtonClick(): void;
+    subscribeToEnterFullScreen(): void;
+    subscribeToExitFullScreen(): void;
+    subscribeToFocus(): void;
+    abstract fetchAndSubscribeToCellValuesInFieldsAsync(tableId: TableId, fieldIds: Array<FieldId>): Promise<any>;
+    abstract fetchAndSubscribeToCursorDataAsync(): Promise<CursorData>;
+    abstract fetchAndSubscribeToTableDataAsync(tableId: string): Promise<{
+        recordsById: {
+            [recordId: string]: RecordData;
+        };
+    }>;
+    abstract fetchAndSubscribeToViewDataAsync(tableId: string, viewId: string): Promise<PartialViewData>;
+    abstract fetchDefaultCellValuesByFieldIdAsync(): Promise<{
+        [key: string]: unknown;
+    }>;
+    triggerModelUpdates(changes: ReadonlyArray<ModelChange>): void;
+    triggerGlobalConfigUpdates(): void;
+    triggerSettingsButtonClick(): void;
+    triggerEnterFullScreen(): void;
+    triggerExitFullScreen(): void;
+    triggerFocus(): void;
+    unsubscribeFromCursorData(): void;
+    unsubscribeFromTableData(): void;
+    unsubscribeFromCellValuesInFields(): void;
+    unsubscribeFromViewData(): void;
+    abstract expandRecord(tableId: string, recordId: string, recordIds: Array<string> | null): void;
+    abstract expandRecordList(tableId: string, recordIds: Array<string>, fieldIds: Array<string> | null): void;
+    abstract expandRecordPickerAsync(tableId: string, recordIds: Array<string>, fieldIds: Array<string> | null, shouldAllowCreatingRecord: boolean): Promise<string | null>;
+    abstract reloadFrame(): void;
+    abstract setSettingsButtonVisibility(): void;
+    abstract setUndoRedoMode(): void;
+    abstract setFullscreenMaxSize(maxFullscreenSize: ViewportSizeConstraint): void;
+    abstract enterFullscreen(): void;
+    abstract exitFullscreen(): void;
+    abstract fetchAndSubscribeToPerformRecordActionAsync(): Promise<RecordActionData | null>;
+    abstract trackEvent(): void;
+    abstract trackExposure(): void;
+    abstract sendStat(): void;
+    abstract performBackendFetchAsync(requestJson: RequestJson): Promise<ResponseJson>;
+}
+export {};
+//# sourceMappingURL=abstract_mock_airtable_interface.d.ts.map

package/dist/types/src/testing/abstract_mock_airtable_interface.d.ts.map

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

package/dist/types/stories/all_controls.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../src/base/ui/box").BoxProps & React.RefAttributes<HTMLElement>>;
+};
+export default _default;
+export declare const Sizes: {
+    render: () => React.JSX.Element;
+};
+//# sourceMappingURL=all_controls.stories.d.ts.map

package/dist/types/stories/all_controls.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"all_controls.stories.d.ts","sourceRoot":"","sources":["../../../stories/all_controls.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiB,MAAM,OAAO,CAAC;;;;;AAUtC,wBAGE;AASF,eAAO,MAAM,KAAK;;CA0DjB,CAAC"}

package/dist/types/stories/box/appearance.stories.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+declare const _default: {
+    component: React.ForwardRefExoticComponent<import("../../src/base/ui/box").BoxProps & React.RefAttributes<HTMLElement>>;
+};
+export default _default;
+export declare const BackgroundColor: {
+    render: () => React.JSX.Element;
+};
+export declare const BorderRadius: {
+    render: () => React.JSX.Element;
+};
+export declare const Border: {
+    render: () => React.JSX.Element;
+};
+export declare const BoxShadow: {
+    render: () => React.JSX.Element;
+};
+export declare const Opacity: {
+    render: () => React.JSX.Element;
+};
+//# sourceMappingURL=appearance.stories.d.ts.map

package/dist/types/stories/box/appearance.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appearance.stories.d.ts","sourceRoot":"","sources":["../../../../stories/box/appearance.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;AAK1B,wBAEE;AAEF,eAAO,MAAM,eAAe;;CAU3B,CAAC;AAEF,eAAO,MAAM,YAAY;;CAoBxB,CAAC;AAEF,eAAO,MAAM,MAAM;;CAgBlB,CAAC;AAEF,eAAO,MAAM,SAAS;;CAMrB,CAAC;AAEF,eAAO,MAAM,OAAO;;CAgBnB,CAAC"}

package/dist/types/stories/box/box.stories.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+declare const _default: {
+    component: React.ForwardRefExoticComponent<import("../../src/base/ui/box").BoxProps & React.RefAttributes<HTMLElement>>;
+};
+export default _default;
+export declare const _Example: {
+    render: () => React.JSX.Element;
+};
+export declare const Display: {
+    render: () => React.JSX.Element;
+};
+export declare const Overflow: {
+    render: () => React.JSX.Element;
+};
+export declare const As: {
+    render: () => React.JSX.Element;
+};
+export declare const Ref: {
+    render: () => React.JSX.Element;
+};
+export declare const BreakpointsResponsiveProperties: {
+    render: () => React.JSX.Element;
+};
+export declare const CustomClassName: {
+    render: () => React.JSX.Element;
+};
+export declare const IdAttribute: {
+    render: () => React.JSX.Element;
+};
+export declare const TabindexAttribute: {
+    render: () => React.JSX.Element;
+};
+export declare const StyleAttribute: {
+    render: () => React.JSX.Element;
+};
+export declare const DataAttributes: {
+    render: () => React.JSX.Element;
+};
+export declare const RoleAttribute: {
+    render: () => React.JSX.Element;
+};
+export declare const AriaAttributes: {
+    render: () => React.JSX.Element;
+};
+//# sourceMappingURL=box.stories.d.ts.map

package/dist/types/stories/box/box.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.stories.d.ts","sourceRoot":"","sources":["../../../../stories/box/box.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;AAS1B,wBAEE;AAkFF,eAAO,MAAM,QAAQ;;CAEpB,CAAC;AAEF,eAAO,MAAM,OAAO;;CAqBnB,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAepB,CAAC;AAEF,eAAO,MAAM,EAAE;;CA6Bd,CAAC;AAEF,eAAO,MAAM,GAAG;;CAaf,CAAC;AAEF,eAAO,MAAM,+BAA+B;;CAkB3C,CAAC;AAEF,eAAO,MAAM,eAAe;;CAM3B,CAAC;AAEF,eAAO,MAAM,WAAW;;CAMvB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;CAM7B,CAAC;AAEF,eAAO,MAAM,cAAc;;CAY1B,CAAC;AAEF,eAAO,MAAM,cAAc;;CAa1B,CAAC;AAEF,eAAO,MAAM,aAAa;;CAMzB,CAAC;AAEF,eAAO,MAAM,cAAc;;CAiB1B,CAAC"}

package/dist/types/stories/box/dimensions.stories.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+declare const _default: {
+    component: React.ForwardRefExoticComponent<import("../../src/base/ui/box").BoxProps & React.RefAttributes<HTMLElement>>;
+};
+export default _default;
+export declare const Width: {
+    render: () => React.JSX.Element;
+};
+export declare const MinWidth: {
+    render: () => React.JSX.Element;
+};
+export declare const MaxWidth: {
+    render: () => React.JSX.Element;
+};
+export declare const Height: {
+    render: () => React.JSX.Element;
+};
+export declare const MinHeight: {
+    render: () => React.JSX.Element;
+};
+export declare const MaxHeight: {
+    render: () => React.JSX.Element;
+};
+//# sourceMappingURL=dimensions.stories.d.ts.map

package/dist/types/stories/box/dimensions.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dimensions.stories.d.ts","sourceRoot":"","sources":["../../../../stories/box/dimensions.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;AAG1B,wBAEE;AAEF,eAAO,MAAM,KAAK;;CAiBjB,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAiBpB,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAiBpB,CAAC;AAEF,eAAO,MAAM,MAAM;;CAiBlB,CAAC;AAEF,eAAO,MAAM,SAAS;;CAiBrB,CAAC;AAEF,eAAO,MAAM,SAAS;;CAiBrB,CAAC"}

package/dist/types/stories/box/flex_container.stories.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+declare const _default: {
+    component: React.ForwardRefExoticComponent<import("../../src/base/ui/box").BoxProps & React.RefAttributes<HTMLElement>>;
+};
+export default _default;
+export declare const AlignContent: {
+    render: () => React.JSX.Element;
+};
+export declare const AlignItems: {
+    render: () => React.JSX.Element;
+};
+export declare const FlexDirection: {
+    render: () => React.JSX.Element;
+};
+export declare const FlexWrap: {
+    render: () => React.JSX.Element;
+};
+export declare const JustifyContent: {
+    render: () => React.JSX.Element;
+};
+export declare const JustifyItems: {
+    render: () => React.JSX.Element;
+};
+//# sourceMappingURL=flex_container.stories.d.ts.map

package/dist/types/stories/box/flex_container.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex_container.stories.d.ts","sourceRoot":"","sources":["../../../../stories/box/flex_container.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;AAG1B,wBAEE;AAIF,eAAO,MAAM,YAAY;;CAaxB,CAAC;AAEF,eAAO,MAAM,UAAU;;CAQtB,CAAC;AAEF,eAAO,MAAM,aAAa;;CAczB,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAepB,CAAC;AAEF,eAAO,MAAM,cAAc;;CAa1B,CAAC;AAEF,eAAO,MAAM,YAAY;;CAQxB,CAAC"}

package/dist/types/stories/box/flex_item.stories.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { BoxProps } from '../../src/base/ui/box';
+declare const _default: {
+    compoent: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>>;
+};
+export default _default;
+export declare const AlignSelf: {
+    render: () => React.JSX.Element;
+};
+export declare const FlexBasis: {
+    render: () => React.JSX.Element;
+};
+export declare const FlexGrow: {
+    render: () => React.JSX.Element;
+};
+export declare const FlexShrink: {
+    render: () => React.JSX.Element;
+};
+export declare const JustifySelf: {
+    render: () => React.JSX.Element;
+};
+export declare const Order: {
+    render: () => React.JSX.Element;
+};
+//# sourceMappingURL=flex_item.stories.d.ts.map

package/dist/types/stories/box/flex_item.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex_item.stories.d.ts","sourceRoot":"","sources":["../../../../stories/box/flex_item.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAY,EAAC,QAAQ,EAAC,MAAM,uBAAuB,CAAC;;;;AAEpD,wBAEE;AAMF,eAAO,MAAM,SAAS;;CAQrB,CAAC;AAEF,eAAO,MAAM,SAAS;;CAQrB,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAQpB,CAAC;AAEF,eAAO,MAAM,UAAU;;CAQtB,CAAC;AAEF,eAAO,MAAM,WAAW;;CAQvB,CAAC;AAEF,eAAO,MAAM,KAAK;;CAUjB,CAAC"}

package/dist/types/stories/box/position.stories.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { BoxProps } from '../../src/base/ui/box';
+declare const _default: {
+    component: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>>;
+};
+export default _default;
+export declare const TopScale: {
+    render: () => React.JSX.Element;
+};
+export declare const BottomScale: {
+    render: () => React.JSX.Element;
+};
+export declare const LeftScale: {
+    render: () => React.JSX.Element;
+};
+export declare const RightScale: {
+    render: () => React.JSX.Element;
+};
+export declare const Position: {
+    render: () => React.JSX.Element;
+};
+export declare const ZIndex: {
+    render: () => React.JSX.Element;
+};
+//# sourceMappingURL=position.stories.d.ts.map

package/dist/types/stories/box/position.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"position.stories.d.ts","sourceRoot":"","sources":["../../../../stories/box/position.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAY,EAAC,QAAQ,EAAC,MAAM,uBAAuB,CAAC;;;;AAGpD,wBAEE;AAeF,eAAO,MAAM,QAAQ;;CAUpB,CAAC;AAEF,eAAO,MAAM,WAAW;;CAUvB,CAAC;AAEF,eAAO,MAAM,SAAS;;CAUrB,CAAC;AAEF,eAAO,MAAM,UAAU;;CAUtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAQpB,CAAC;AAEF,eAAO,MAAM,MAAM;;CAQlB,CAAC"}

package/dist/types/stories/box/spacing.stories.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+declare const _default: {
+    component: React.ForwardRefExoticComponent<import("../../src/base/ui/box").BoxProps & React.RefAttributes<HTMLElement>>;
+};
+export default _default;
+export declare const PaddingSpacingScale: {
+    render: () => React.JSX.Element;
+};
+export declare const MarginSpacingScale: {
+    render: () => React.JSX.Element;
+};
+export declare const NegativeMargins: {
+    render: () => React.JSX.Element;
+};
+export declare const MarginPx: {
+    render: () => React.JSX.Element;
+};
+export declare const MarginUnitTypes: {
+    render: () => React.JSX.Element;
+};
+export declare const MarginCombinationBehavior: {
+    render: () => React.JSX.Element;
+};
+export declare const PaddingErrorWhenExceedingScale: {
+    render: () => React.JSX.Element;
+};
+export declare const PaddingErrorWhenNegativeNumber: {
+    render: () => React.JSX.Element;
+};
+export declare const PaddingErrorWithNonInteger: {
+    render: () => React.JSX.Element;
+};
+export declare const MarginErrorWhenExceedingScale: {
+    render: () => React.JSX.Element;
+};
+export declare const MarginErrorWithNonInteger: {
+    render: () => React.JSX.Element;
+};
+//# sourceMappingURL=spacing.stories.d.ts.map

package/dist/types/stories/box/spacing.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.stories.d.ts","sourceRoot":"","sources":["../../../../stories/box/spacing.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;AAI1B,wBAEE;AAEF,eAAO,MAAM,mBAAmB;;CAwC/B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;CA+B9B,CAAC;AAEF,eAAO,MAAM,eAAe;;CAmB3B,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAYpB,CAAC;AAEF,eAAO,MAAM,eAAe;;CAQ3B,CAAC;AAEF,eAAO,MAAM,yBAAyB;;CA4BrC,CAAC;AAEF,eAAO,MAAM,8BAA8B;;CAM1C,CAAC;AAEF,eAAO,MAAM,8BAA8B;;CAM1C,CAAC;AAEF,eAAO,MAAM,0BAA0B;;CAMtC,CAAC;AAEF,eAAO,MAAM,6BAA6B;;CAMzC,CAAC;AAEF,eAAO,MAAM,yBAAyB;;CAMrC,CAAC"}

package/dist/types/stories/box/typography.stories.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+declare const _default: {
+    component: React.ForwardRefExoticComponent<import("../../src/base/ui/box").BoxProps & React.RefAttributes<HTMLElement>>;
+};
+export default _default;
+export declare const FontFamily: {
+    render: () => React.JSX.Element;
+};
+export declare const FontSize: {
+    render: () => React.JSX.Element;
+};
+export declare const FontStyle: {
+    render: () => React.JSX.Element;
+};
+export declare const FontWeight: {
+    render: () => React.JSX.Element;
+};
+export declare const LetterSpacing: {
+    render: () => React.JSX.Element;
+};
+export declare const LineHeight: {
+    render: () => React.JSX.Element;
+};
+export declare const TextAlign: {
+    render: () => React.JSX.Element;
+};
+export declare const TextTransform: {
+    render: () => React.JSX.Element;
+};
+export declare const TextColor: {
+    render: () => React.JSX.Element;
+};
+//# sourceMappingURL=typography.stories.d.ts.map

package/dist/types/stories/box/typography.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.stories.d.ts","sourceRoot":"","sources":["../../../../stories/box/typography.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;AAK1B,wBAEE;AAEF,eAAO,MAAM,UAAU;;CAUtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAMpB,CAAC;AAEF,eAAO,MAAM,SAAS;;CAMrB,CAAC;AAEF,eAAO,MAAM,UAAU;;CAMtB,CAAC;AAEF,eAAO,MAAM,aAAa;;CAMzB,CAAC;AAEF,eAAO,MAAM,UAAU;;CAMtB,CAAC;AAEF,eAAO,MAAM,SAAS;;CAMrB,CAAC;AAEF,eAAO,MAAM,aAAa;;CAMzB,CAAC;AAEF,eAAO,MAAM,SAAS;;CAMrB,CAAC"}

package/dist/types/stories/button.stories.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+declare const _default: {
+    component: React.ForwardRefExoticComponent<import("../src/base/ui/button").ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+};
+export default _default;
+export declare const _Example: {
+    render: () => React.JSX.Element;
+};
+export declare const VariantsSizes: {
+    render: () => React.JSX.Element;
+};
+export declare const WithIcon: {
+    render: () => React.JSX.Element;
+};
+export declare const WithIconNoChildren: {
+    render: () => React.JSX.Element;
+};
+export declare const ResponsiveSize: {
+    render: () => React.JSX.Element;
+};
+export declare const Disabled: {
+    render: () => React.JSX.Element;
+};
+export declare const AriaLabel: {
+    render: () => React.JSX.Element;
+};
+export declare const TypeSubmit: {
+    render: () => React.JSX.Element;
+};
+export declare const FullWidth: {
+    render: () => React.JSX.Element;
+};
+export declare const Truncate: {
+    render: () => React.JSX.Element;
+};
+export declare const Display: {
+    render: () => React.JSX.Element;
+};
+export declare const Ref: {
+    render: () => React.JSX.Element;
+};
+export declare const CustomIcon: {
+    render: () => React.JSX.Element;
+};
+export declare const WithTooltip: {
+    render: () => React.JSX.Element;
+};
+//# sourceMappingURL=button.stories.d.ts.map

package/dist/types/stories/button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../stories/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;AAU1B,wBAEE;AA6EF,eAAO,MAAM,QAAQ;;CAEpB,CAAC;AAEF,eAAO,MAAM,aAAa;;CAuFzB,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAMpB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;CAE9B,CAAC;AAEF,eAAO,MAAM,cAAc;;CAS1B,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAMpB,CAAC;AAEF,eAAO,MAAM,SAAS;;CAMrB,CAAC;AAEF,eAAO,MAAM,UAAU;;CAMtB,CAAC;AAEF,eAAO,MAAM,SAAS;;CAQrB,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAQpB,CAAC;AAEF,eAAO,MAAM,OAAO;;CAUnB,CAAC;AAEF,eAAO,MAAM,GAAG;;CAaf,CAAC;AAEF,eAAO,MAAM,UAAU;;CAoBtB,CAAC;AAEF,eAAO,MAAM,WAAW;;CAYvB,CAAC"}