@integration-app/react 2.0.2 → 2.0.3-beta.1

package/dist/types/hooks/integrations/useConnections.d.ts

@@ -0,0 +1,11 @@
+import { Connection, FindConnectionsQuery } from '@integration-app/sdk';
+export declare function useConnections(query?: FindConnectionsQuery): {
+    items: Connection[];
+    refresh: () => Promise<void>;
+    refreshing: boolean;
+    loadMore: () => Promise<void>;
+    loadingMore: boolean;
+    loading: boolean;
+    error: any;
+    connections: Connection[];
+};

package/dist/types/hooks/integrations/useConnectorSpec.d.ts

@@ -0,0 +1,6 @@
+import { ConnectionSpec } from '@integration-app/sdk';
+export declare function useConnectorSpec(integrationIdOrKey: string): {
+    data: ConnectionSpec | undefined;
+    loading: boolean;
+    error: any;
+};

package/dist/types/hooks/integrations/useIntegration.d.ts

@@ -0,0 +1,14 @@
+import { CreateIntegrationRequest, Integration, IntegrationAccessor, UpdateIntegrationRequest } from '@integration-app/sdk';
+export declare function useIntegration(idOrKey: string | undefined): {
+    accessor: IntegrationAccessor | undefined;
+    loading: boolean;
+    saving: boolean;
+    error: any;
+    refresh: () => Promise<Integration>;
+    refreshing: boolean;
+    create: (data: CreateIntegrationRequest) => Promise<Integration | undefined>;
+    patch: (data: Partial<UpdateIntegrationRequest>) => Promise<void>;
+    put: (data: UpdateIntegrationRequest) => Promise<void>;
+    archive: () => Promise<void>;
+    integration: Integration | undefined;
+};

package/dist/types/hooks/integrations/useIntegrations.d.ts

@@ -0,0 +1,11 @@
+import { FindIntegrationsQuery, Integration } from '@integration-app/sdk';
+export declare function useIntegrations(query?: FindIntegrationsQuery): {
+    items: Integration[];
+    refresh: () => Promise<void>;
+    refreshing: boolean;
+    loadMore: () => Promise<void>;
+    loadingMore: boolean;
+    loading: boolean;
+    error: any;
+    integrations: Integration[];
+};

package/dist/types/hooks/scenarios/useScenario.d.ts

@@ -0,0 +1,14 @@
+import { CreateScenarioRequest, Scenario, ScenarioAccessor, UpdateScenarioRequest } from '@integration-app/sdk';
+export declare function useScenario(selector: string | undefined): {
+    accessor: ScenarioAccessor | undefined;
+    loading: boolean;
+    saving: boolean;
+    error: any;
+    refresh: () => Promise<Scenario>;
+    refreshing: boolean;
+    create: (data: CreateScenarioRequest) => Promise<Scenario | undefined>;
+    patch: (data: Partial<UpdateScenarioRequest>) => Promise<void>;
+    put: (data: UpdateScenarioRequest) => Promise<void>;
+    archive: () => Promise<void>;
+    scenario: Scenario | undefined;
+};

package/dist/types/hooks/scenarios/useScenarios.d.ts

@@ -0,0 +1,11 @@
+import { Scenario, FindScenariosQuery } from '@integration-app/sdk';
+export declare function useScenarios(query?: FindScenariosQuery): {
+    items: Scenario[];
+    refresh: () => Promise<void>;
+    refreshing: boolean;
+    loadMore: () => Promise<void>;
+    loadingMore: boolean;
+    loading: boolean;
+    error: any;
+    scenarios: Scenario[];
+};

package/dist/types/hooks/screens/useScreen.d.ts

@@ -0,0 +1,14 @@
+import { CreateScreenRequest, Screen, ScreenAccessor, ScreenSelector, UpdateScreenRequest } from '@integration-app/sdk';
+export declare function useScreen(selector: ScreenSelector | string): {
+    accessor: ScreenAccessor | undefined;
+    loading: boolean;
+    saving: boolean;
+    error: any;
+    refresh: () => Promise<Screen>;
+    refreshing: boolean;
+    create: (data: CreateScreenRequest) => Promise<Screen | undefined>;
+    patch: (data: Partial<UpdateScreenRequest>) => Promise<void>;
+    put: (data: UpdateScreenRequest) => Promise<void>;
+    archive: () => Promise<void>;
+    screen: Screen | undefined;
+};

package/dist/types/hooks/useElement.d.ts

@@ -0,0 +1,22 @@
+import { IntegrationAppClient, WorkspaceElementType } from '@integration-app/sdk';
+export interface BaseElementAccessor<Element, UpdateRequest, CreateRequest> {
+    getUniqueIdentifier?(): string;
+    get(): Promise<Element>;
+    patch?(data: Partial<UpdateRequest>): Promise<Element>;
+    put?(data: UpdateRequest): Promise<Element>;
+    archive?(): Promise<void>;
+    create?(data: CreateRequest): Promise<Element>;
+}
+export declare function useElement<Element, UpdateRequest, CreateRequest, ElementAccessor extends BaseElementAccessor<Element, UpdateRequest, CreateRequest>>(type: WorkspaceElementType, selector: any, accessorGenerator: (integrationAppClient: IntegrationAppClient) => ElementAccessor | undefined): {
+    accessor: ElementAccessor | undefined;
+    item: Element | undefined;
+    loading: boolean;
+    saving: boolean;
+    error: any;
+    refresh: () => Promise<Element>;
+    refreshing: boolean;
+    create: (data: CreateRequest) => Promise<Element | undefined>;
+    patch: (data: Partial<UpdateRequest>) => Promise<void>;
+    put: (data: UpdateRequest) => Promise<void>;
+    archive: () => Promise<void>;
+};

package/dist/types/hooks/useElements.d.ts

@@ -0,0 +1,9 @@
+export declare function useElements<Item>(route: string, query?: any): {
+    items: Item[];
+    refresh: () => Promise<void>;
+    refreshing: boolean;
+    loadMore: () => Promise<void>;
+    loadingMore: boolean;
+    loading: boolean;
+    error: any;
+};

package/dist/types/hooks/useIntegrationAppSWR.d.ts

@@ -0,0 +1 @@
+export declare function useIntegrationAppSWR(path: string, options?: any): import("swr/_internal").SWRResponse<any, any, any>;

package/dist/types/index.d.ts

@@ -0,0 +1,52 @@
+export * from '@integration-app/sdk';
+export * from './contexts/index.js';
+export { useIntegrationAppSWR } from './hooks/useIntegrationAppSWR.js';
+export { useConnection } from './hooks/integrations/useConnection.js';
+export { useConnections } from './hooks/integrations/useConnections.js';
+export { useConnectorSpec } from './hooks/integrations/useConnectorSpec.js';
+export { useIntegration } from './hooks/integrations/useIntegration.js';
+export { useIntegrations } from './hooks/integrations/useIntegrations.js';
+export { useFieldMapping } from './hooks/field-mappings/useFieldMapping.js';
+export { useFieldMappingInstance } from './hooks/field-mappings/useFieldMappingInstance.js';
+export { useFieldMappingInstances } from './hooks/field-mappings/useFieldMappingInstances.js';
+export { useFieldMappings } from './hooks/field-mappings/useFieldMappings.js';
+export { useDataSource } from './hooks/data-sources/useDataSource.js';
+export { useDataSourceInstance } from './hooks/data-sources/useDataSourceInstance.js';
+export { useDataSourceInstanceCollection } from './hooks/data-sources/useDataSourceInstanceCollection.js';
+export { useDataSourceInstances } from './hooks/data-sources/useDataSourceInstances.js';
+export { useDataSources } from './hooks/data-sources/useDataSources.js';
+export { useAppEventSubscription } from './hooks/app-events/useAppEventSubscription.js';
+export { useAppEventSubscriptions } from './hooks/app-events/useAppEventSubscriptions.js';
+export { useAppEventType } from './hooks/app-events/useAppEventType.js';
+export { useAppEventTypes } from './hooks/app-events/useAppEventTypes.js';
+export { useAppEvents } from './hooks/app-events/useAppEvents.js';
+export { useAppDataSchema } from './hooks/app-data-schemas/useAppDataSchema.js';
+export { useAppDataSchemas } from './hooks/app-data-schemas/useAppDataSchemas.js';
+export { useAppDataSchemaInstance } from './hooks/app-data-schemas/useAppDataSchemaInstance.js';
+export { useAppDataSchemaInstances } from './hooks/app-data-schemas/useAppDataSchemaInstances.js';
+export { useFlow } from './hooks/flows/useFlow.js';
+export { useFlows } from './hooks/flows/useFlows.js';
+export { useFlowInstance } from './hooks/flows/useFlowInstance.js';
+export { useFlowInstances } from './hooks/flows/useFlowInstances.js';
+export { useFlowRun } from './hooks/flows/useFlowRun.js';
+export { useFlowRuns } from './hooks/flows/useFlowRuns.js';
+export { useDataLinkTable } from './hooks/data-links/useDataLinkTable.js';
+export { useDataLinkTableInstance } from './hooks/data-links/useDataLinkTableInstance.js';
+export { useDataLinkTableInstances } from './hooks/data-links/useDataLinkTableInstances.js';
+export { useDataLinkTables } from './hooks/data-links/useDataLinkTables.js';
+export { useAction } from './hooks/actions/useAction.js';
+export { useActionInstance } from './hooks/actions/useActionInstance.js';
+export { useActionInstances } from './hooks/actions/useActionInstances.js';
+export { useActions } from './hooks/actions/useActions.js';
+export { useScreen } from './hooks/screens/useScreen.js';
+export { useCustomer } from './hooks/customers/useCustomer.js';
+export { useCustomers } from './hooks/customers/useCustomers.js';
+export { useScenario } from './hooks/scenarios/useScenario.js';
+export { useScenarios } from './hooks/scenarios/useScenarios.js';
+export { useDataCollectionSpec } from './hooks/data-collections/useDataCollectionSpec.js';
+export { useExternalEventSubscriptions } from './hooks/external-events/useExternalEventSubscriptions.js';
+export { useExternalEventSubscription } from './hooks/external-events/useExternalEventSubscription.js';
+export { DataForm } from '@integration-app/sdk';
+export * from './ui-kit/button';
+export * from './ui-kit/spinner';
+export * from './components/Integrations/index';

package/dist/types/storybook-helpers/withColorPalette.d.ts

@@ -0,0 +1,6 @@
+export declare const withColorPalette: () => {
+    readonly colorPalette: {
+        readonly control: "select";
+        readonly options: readonly ("ruby" | "blue" | "brown" | "crimson" | "cyan" | "gold" | "green" | "indigo" | "lime" | "olive" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "tomato" | "violet" | "yellow" | "amber" | "bronze" | "grass" | "iris" | "jade" | "mauve" | "mint" | "sage" | "sand" | "sky" | "slate" | "neutral")[];
+    };
+};

package/dist/types/styled-system/css/css.d.ts

@@ -0,0 +1,22 @@
+/* eslint-disable */
+import type { SystemStyleObject } from '../types/index';
+
+type Styles = SystemStyleObject | undefined | null | false
+
+interface CssRawFunction {
+  (styles: Styles): SystemStyleObject
+  (styles: Styles[]): SystemStyleObject
+  (...styles: Array<Styles | Styles[]>): SystemStyleObject
+  (styles: Styles): SystemStyleObject
+}
+
+interface CssFunction {
+  (styles: Styles): string
+  (styles: Styles[]): string
+  (...styles: Array<Styles | Styles[]>): string
+  (styles: Styles): string
+
+  raw: CssRawFunction
+}
+
+export declare const css: CssFunction;

package/dist/types/styled-system/css/cva.d.ts

@@ -0,0 +1,6 @@
+/* eslint-disable */
+import type { RecipeCreatorFn } from '../types/recipe';
+
+export declare const cva: RecipeCreatorFn
+
+export type { RecipeVariant, RecipeVariantProps } from '../types/recipe';

package/dist/types/styled-system/css/cx.d.ts

@@ -0,0 +1,5 @@
+/* eslint-disable */
+type Argument = string | boolean | null | undefined
+
+/** Conditionally join classNames into a single string */
+export declare function cx(...args: Argument[]): string

package/dist/types/styled-system/css/index.d.ts

@@ -0,0 +1,5 @@
+/* eslint-disable */
+export * from './css';
+export * from './cx';
+export * from './cva';
+export * from './sva';

package/dist/types/styled-system/css/sva.d.ts

@@ -0,0 +1,4 @@
+/* eslint-disable */
+import type { SlotRecipeCreatorFn } from '../types/recipe';
+
+export declare const sva: SlotRecipeCreatorFn

package/dist/types/styled-system/jsx/aspect-ratio.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { AspectRatioProperties } from '../patterns/aspect-ratio';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface AspectRatioProps extends AspectRatioProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof AspectRatioProperties | 'aspectRatio'> {}
+
+
+export declare const AspectRatio: FunctionComponent<AspectRatioProps>

package/dist/types/styled-system/jsx/bleed.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { BleedProperties } from '../patterns/bleed';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface BleedProps extends BleedProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof BleedProperties > {}
+
+
+export declare const Bleed: FunctionComponent<BleedProps>

package/dist/types/styled-system/jsx/box.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { BoxProperties } from '../patterns/box';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface BoxProps extends BoxProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof BoxProperties > {}
+
+
+export declare const Box: FunctionComponent<BoxProps>

package/dist/types/styled-system/jsx/center.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { CenterProperties } from '../patterns/center';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface CenterProps extends CenterProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof CenterProperties > {}
+
+
+export declare const Center: FunctionComponent<CenterProps>

package/dist/types/styled-system/jsx/circle.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { CircleProperties } from '../patterns/circle';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface CircleProps extends CircleProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof CircleProperties > {}
+
+
+export declare const Circle: FunctionComponent<CircleProps>

package/dist/types/styled-system/jsx/container.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { ContainerProperties } from '../patterns/container';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface ContainerProps extends ContainerProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof ContainerProperties > {}
+
+
+export declare const Container: FunctionComponent<ContainerProps>

package/dist/types/styled-system/jsx/cq.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { CqProperties } from '../patterns/cq';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface CqProps extends CqProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof CqProperties > {}
+
+
+export declare const Cq: FunctionComponent<CqProps>

package/dist/types/styled-system/jsx/divider.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { DividerProperties } from '../patterns/divider';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface DividerProps extends DividerProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof DividerProperties > {}
+
+
+export declare const Divider: FunctionComponent<DividerProps>

package/dist/types/styled-system/jsx/factory.d.ts

@@ -0,0 +1,3 @@
+/* eslint-disable */
+import type { Styled } from '../types/jsx';
+export declare const styled: Styled

package/dist/types/styled-system/jsx/flex.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { FlexProperties } from '../patterns/flex';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface FlexProps extends FlexProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof FlexProperties > {}
+
+
+export declare const Flex: FunctionComponent<FlexProps>

package/dist/types/styled-system/jsx/float.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { FloatProperties } from '../patterns/float';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface FloatProps extends FloatProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof FloatProperties > {}
+
+
+export declare const Float: FunctionComponent<FloatProps>

package/dist/types/styled-system/jsx/grid-item.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { GridItemProperties } from '../patterns/grid-item';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface GridItemProps extends GridItemProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof GridItemProperties > {}
+
+
+export declare const GridItem: FunctionComponent<GridItemProps>

package/dist/types/styled-system/jsx/grid.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { GridProperties } from '../patterns/grid';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface GridProps extends GridProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof GridProperties > {}
+
+
+export declare const Grid: FunctionComponent<GridProps>

package/dist/types/styled-system/jsx/hstack.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { HstackProperties } from '../patterns/hstack';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface HstackProps extends HstackProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof HstackProperties > {}
+
+
+export declare const HStack: FunctionComponent<HstackProps>

package/dist/types/styled-system/jsx/index.d.ts

@@ -0,0 +1,24 @@
+/* eslint-disable */
+export * from './factory';
+export * from './is-valid-prop';
+export * from './box';
+export * from './flex';
+export * from './stack';
+export * from './vstack';
+export * from './hstack';
+export * from './spacer';
+export * from './square';
+export * from './circle';
+export * from './center';
+export * from './link-overlay';
+export * from './aspect-ratio';
+export * from './grid';
+export * from './grid-item';
+export * from './wrap';
+export * from './container';
+export * from './divider';
+export * from './float';
+export * from './bleed';
+export * from './visually-hidden';
+export * from './cq';
+export type { HTMLStyledProps, StyledComponent } from '../types/jsx';

package/dist/types/styled-system/jsx/is-valid-prop.d.ts

@@ -0,0 +1,11 @@
+/* eslint-disable */
+import type { DistributiveOmit, HTMLPandaProps, JsxStyleProps, Pretty } from '../types';
+
+declare const isCssProperty: (value: string) => boolean;
+
+type CssPropKey = keyof JsxStyleProps
+type OmittedCssProps<T> = Pretty<DistributiveOmit<T, CssPropKey>>
+
+declare const splitCssProps: <T>(props: T) => [JsxStyleProps, OmittedCssProps<T>]
+
+export { isCssProperty, splitCssProps };

package/dist/types/styled-system/jsx/link-overlay.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { LinkOverlayProperties } from '../patterns/link-overlay';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface LinkOverlayProps extends LinkOverlayProperties, DistributiveOmit<HTMLStyledProps<'a'>, keyof LinkOverlayProperties > {}
+
+
+export declare const LinkOverlay: FunctionComponent<LinkOverlayProps>

package/dist/types/styled-system/jsx/spacer.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { SpacerProperties } from '../patterns/spacer';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface SpacerProps extends SpacerProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof SpacerProperties > {}
+
+
+export declare const Spacer: FunctionComponent<SpacerProps>

package/dist/types/styled-system/jsx/square.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { SquareProperties } from '../patterns/square';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface SquareProps extends SquareProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof SquareProperties > {}
+
+
+export declare const Square: FunctionComponent<SquareProps>

package/dist/types/styled-system/jsx/stack.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { StackProperties } from '../patterns/stack';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface StackProps extends StackProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof StackProperties > {}
+
+
+export declare const Stack: FunctionComponent<StackProps>

package/dist/types/styled-system/jsx/visually-hidden.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { VisuallyHiddenProperties } from '../patterns/visually-hidden';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface VisuallyHiddenProps extends VisuallyHiddenProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof VisuallyHiddenProperties > {}
+
+
+export declare const VisuallyHidden: FunctionComponent<VisuallyHiddenProps>

package/dist/types/styled-system/jsx/vstack.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { VstackProperties } from '../patterns/vstack';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface VstackProps extends VstackProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof VstackProperties > {}
+
+
+export declare const VStack: FunctionComponent<VstackProps>

package/dist/types/styled-system/jsx/wrap.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import type { FunctionComponent } from 'react'
+import type { WrapProperties } from '../patterns/wrap';
+import type { HTMLStyledProps } from '../types/jsx';
+import type { DistributiveOmit } from '../types/system-types';
+
+export interface WrapProps extends WrapProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof WrapProperties > {}
+
+
+export declare const Wrap: FunctionComponent<WrapProps>

package/dist/types/styled-system/patterns/aspect-ratio.d.ts

@@ -0,0 +1,21 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types/index';
+import type { Properties } from '../types/csstype';
+import type { SystemProperties } from '../types/style-props';
+import type { DistributiveOmit } from '../types/system-types';
+import type { Tokens } from '../tokens/index';
+
+export interface AspectRatioProperties {
+   ratio?: ConditionalValue<number>
+}
+
+
+interface AspectRatioStyles extends AspectRatioProperties, DistributiveOmit<SystemStyleObject, keyof AspectRatioProperties | 'aspectRatio'> {}
+
+interface AspectRatioPatternFn {
+  (styles?: AspectRatioStyles): string
+  raw: (styles?: AspectRatioStyles) => SystemStyleObject
+}
+
+
+export declare const aspectRatio: AspectRatioPatternFn;

package/dist/types/styled-system/patterns/bleed.d.ts

@@ -0,0 +1,22 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types/index';
+import type { Properties } from '../types/csstype';
+import type { SystemProperties } from '../types/style-props';
+import type { DistributiveOmit } from '../types/system-types';
+import type { Tokens } from '../tokens/index';
+
+export interface BleedProperties {
+   inline?: SystemProperties["marginInline"]
+	block?: SystemProperties["marginBlock"]
+}
+
+
+interface BleedStyles extends BleedProperties, DistributiveOmit<SystemStyleObject, keyof BleedProperties > {}
+
+interface BleedPatternFn {
+  (styles?: BleedStyles): string
+  raw: (styles?: BleedStyles) => SystemStyleObject
+}
+
+
+export declare const bleed: BleedPatternFn;

package/dist/types/styled-system/patterns/box.d.ts

@@ -0,0 +1,21 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types/index';
+import type { Properties } from '../types/csstype';
+import type { SystemProperties } from '../types/style-props';
+import type { DistributiveOmit } from '../types/system-types';
+import type { Tokens } from '../tokens/index';
+
+export interface BoxProperties {
+   
+}
+
+
+interface BoxStyles extends BoxProperties, DistributiveOmit<SystemStyleObject, keyof BoxProperties > {}
+
+interface BoxPatternFn {
+  (styles?: BoxStyles): string
+  raw: (styles?: BoxStyles) => SystemStyleObject
+}
+
+
+export declare const box: BoxPatternFn;

package/dist/types/styled-system/patterns/center.d.ts

@@ -0,0 +1,21 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types/index';
+import type { Properties } from '../types/csstype';
+import type { SystemProperties } from '../types/style-props';
+import type { DistributiveOmit } from '../types/system-types';
+import type { Tokens } from '../tokens/index';
+
+export interface CenterProperties {
+   inline?: ConditionalValue<boolean>
+}
+
+
+interface CenterStyles extends CenterProperties, DistributiveOmit<SystemStyleObject, keyof CenterProperties > {}
+
+interface CenterPatternFn {
+  (styles?: CenterStyles): string
+  raw: (styles?: CenterStyles) => SystemStyleObject
+}
+
+
+export declare const center: CenterPatternFn;