@membranehq/react 0.4.0 → 0.5.1

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

@@ -5,21 +5,22 @@ export declare function useIntegration(idOrKey: string | undefined): {
     saving: boolean;
     error: any;
     refresh: () => Promise<{
-        key: string;
         id: string;
         name: string;
         baseUri: string;
         logoUri: string;
+        key?: string | undefined;
         connection?: {
             id: string;
             name: string;
-            userId: string;
-            integrationId: string;
             createdAt: string;
             updatedAt: string;
+            userId: string;
+            integrationId: string;
             error?: any;
             state?: import("@membranehq/sdk").WorkspaceElementState | undefined;
             errors?: any[] | undefined;
+            archivedAt?: string | undefined;
             accessToken?: string | undefined;
             credentials?: unknown;
             parameters?: unknown;
@@ -28,13 +29,17 @@ export declare function useIntegration(idOrKey: string | undefined): {
             refreshToken?: string | undefined;
             lastActiveAt?: string | undefined;
             nextCredentialsRefreshAt?: string | undefined;
-            archivedAt?: string | undefined;
         } | undefined;
+        description?: string | undefined;
         state?: import("@membranehq/sdk").WorkspaceElementState | undefined;
         errors?: any[] | undefined;
+        revision?: string | undefined;
+        isDeactivated?: boolean | undefined;
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+        archivedAt?: string | undefined;
         parameters?: any;
         parametersSchema?: import("@membranehq/sdk").DataSchema | undefined;
-        archivedAt?: string | undefined;
         isTest?: boolean | undefined;
         connectorId?: string | undefined;
         connectorVersion?: string | undefined;
@@ -48,7 +53,6 @@ export declare function useIntegration(idOrKey: string | undefined): {
         hasGlobalWebhooks?: boolean | undefined;
         hasUdm?: boolean | undefined;
         appUuid?: string | undefined;
-        isDeactivated?: boolean | undefined;
         authType?: "proxy" | "integration-app-token" | "membrane-token" | "oauth2" | "oauth1" | "client-credentials" | undefined;
         spec?: any;
     }>;
@@ -59,21 +63,22 @@ export declare function useIntegration(idOrKey: string | undefined): {
         logoUri: string;
         name?: string | undefined;
     }) => Promise<{
-        key: string;
         id: string;
         name: string;
         baseUri: string;
         logoUri: string;
+        key?: string | undefined;
         connection?: {
             id: string;
             name: string;
-            userId: string;
-            integrationId: string;
             createdAt: string;
             updatedAt: string;
+            userId: string;
+            integrationId: string;
             error?: any;
             state?: import("@membranehq/sdk").WorkspaceElementState | undefined;
             errors?: any[] | undefined;
+            archivedAt?: string | undefined;
             accessToken?: string | undefined;
             credentials?: unknown;
             parameters?: unknown;
@@ -82,13 +87,17 @@ export declare function useIntegration(idOrKey: string | undefined): {
             refreshToken?: string | undefined;
             lastActiveAt?: string | undefined;
             nextCredentialsRefreshAt?: string | undefined;
-            archivedAt?: string | undefined;
         } | undefined;
+        description?: string | undefined;
         state?: import("@membranehq/sdk").WorkspaceElementState | undefined;
         errors?: any[] | undefined;
+        revision?: string | undefined;
+        isDeactivated?: boolean | undefined;
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+        archivedAt?: string | undefined;
         parameters?: any;
         parametersSchema?: import("@membranehq/sdk").DataSchema | undefined;
-        archivedAt?: string | undefined;
         isTest?: boolean | undefined;
         connectorId?: string | undefined;
         connectorVersion?: string | undefined;
@@ -102,7 +111,6 @@ export declare function useIntegration(idOrKey: string | undefined): {
         hasGlobalWebhooks?: boolean | undefined;
         hasUdm?: boolean | undefined;
         appUuid?: string | undefined;
-        isDeactivated?: boolean | undefined;
         authType?: "proxy" | "integration-app-token" | "membrane-token" | "oauth2" | "oauth1" | "client-credentials" | undefined;
         spec?: any;
     } | undefined>;
@@ -120,21 +128,22 @@ export declare function useIntegration(idOrKey: string | undefined): {
     }) => Promise<void>;
     archive: () => Promise<void>;
     integration: {
-        key: string;
         id: string;
         name: string;
         baseUri: string;
         logoUri: string;
+        key?: string | undefined;
         connection?: {
             id: string;
             name: string;
-            userId: string;
-            integrationId: string;
             createdAt: string;
             updatedAt: string;
+            userId: string;
+            integrationId: string;
             error?: any;
             state?: import("@membranehq/sdk").WorkspaceElementState | undefined;
             errors?: any[] | undefined;
+            archivedAt?: string | undefined;
             accessToken?: string | undefined;
             credentials?: unknown;
             parameters?: unknown;
@@ -143,13 +152,17 @@ export declare function useIntegration(idOrKey: string | undefined): {
             refreshToken?: string | undefined;
             lastActiveAt?: string | undefined;
             nextCredentialsRefreshAt?: string | undefined;
-            archivedAt?: string | undefined;
         } | undefined;
+        description?: string | undefined;
         state?: import("@membranehq/sdk").WorkspaceElementState | undefined;
         errors?: any[] | undefined;
+        revision?: string | undefined;
+        isDeactivated?: boolean | undefined;
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+        archivedAt?: string | undefined;
         parameters?: any;
         parametersSchema?: import("@membranehq/sdk").DataSchema | undefined;
-        archivedAt?: string | undefined;
         isTest?: boolean | undefined;
         connectorId?: string | undefined;
         connectorVersion?: string | undefined;
@@ -163,7 +176,6 @@ export declare function useIntegration(idOrKey: string | undefined): {
         hasGlobalWebhooks?: boolean | undefined;
         hasUdm?: boolean | undefined;
         appUuid?: string | undefined;
-        isDeactivated?: boolean | undefined;
         authType?: "proxy" | "integration-app-token" | "membrane-token" | "oauth2" | "oauth1" | "client-credentials" | undefined;
         spec?: any;
     } | undefined;

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

@@ -1,21 +1,22 @@
 import { FindIntegrationsQuery } from '@membranehq/sdk';
 export declare function useIntegrations(query?: FindIntegrationsQuery): {
     items: {
-        key: string;
         id: string;
         name: string;
         baseUri: string;
         logoUri: string;
+        key?: string | undefined;
         connection?: {
             id: string;
             name: string;
-            userId: string;
-            integrationId: string;
             createdAt: string;
             updatedAt: string;
+            userId: string;
+            integrationId: string;
             error?: any;
             state?: import("@membranehq/sdk").WorkspaceElementState | undefined;
             errors?: any[] | undefined;
+            archivedAt?: string | undefined;
             accessToken?: string | undefined;
             credentials?: unknown;
             parameters?: unknown;
@@ -24,13 +25,17 @@ export declare function useIntegrations(query?: FindIntegrationsQuery): {
             refreshToken?: string | undefined;
             lastActiveAt?: string | undefined;
             nextCredentialsRefreshAt?: string | undefined;
-            archivedAt?: string | undefined;
         } | undefined;
+        description?: string | undefined;
         state?: import("@membranehq/sdk").WorkspaceElementState | undefined;
         errors?: any[] | undefined;
+        revision?: string | undefined;
+        isDeactivated?: boolean | undefined;
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+        archivedAt?: string | undefined;
         parameters?: any;
         parametersSchema?: import("@membranehq/sdk").DataSchema | undefined;
-        archivedAt?: string | undefined;
         isTest?: boolean | undefined;
         connectorId?: string | undefined;
         connectorVersion?: string | undefined;
@@ -44,7 +49,6 @@ export declare function useIntegrations(query?: FindIntegrationsQuery): {
         hasGlobalWebhooks?: boolean | undefined;
         hasUdm?: boolean | undefined;
         appUuid?: string | undefined;
-        isDeactivated?: boolean | undefined;
         authType?: "proxy" | "integration-app-token" | "membrane-token" | "oauth2" | "oauth1" | "client-credentials" | undefined;
         spec?: any;
     }[];
@@ -55,21 +59,22 @@ export declare function useIntegrations(query?: FindIntegrationsQuery): {
     loading: boolean;
     error: any;
     integrations: {
-        key: string;
         id: string;
         name: string;
         baseUri: string;
         logoUri: string;
+        key?: string | undefined;
         connection?: {
             id: string;
             name: string;
-            userId: string;
-            integrationId: string;
             createdAt: string;
             updatedAt: string;
+            userId: string;
+            integrationId: string;
             error?: any;
             state?: import("@membranehq/sdk").WorkspaceElementState | undefined;
             errors?: any[] | undefined;
+            archivedAt?: string | undefined;
             accessToken?: string | undefined;
             credentials?: unknown;
             parameters?: unknown;
@@ -78,13 +83,17 @@ export declare function useIntegrations(query?: FindIntegrationsQuery): {
             refreshToken?: string | undefined;
             lastActiveAt?: string | undefined;
             nextCredentialsRefreshAt?: string | undefined;
-            archivedAt?: string | undefined;
         } | undefined;
+        description?: string | undefined;
         state?: import("@membranehq/sdk").WorkspaceElementState | undefined;
         errors?: any[] | undefined;
+        revision?: string | undefined;
+        isDeactivated?: boolean | undefined;
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+        archivedAt?: string | undefined;
         parameters?: any;
         parametersSchema?: import("@membranehq/sdk").DataSchema | undefined;
-        archivedAt?: string | undefined;
         isTest?: boolean | undefined;
         connectorId?: string | undefined;
         connectorVersion?: string | undefined;
@@ -98,7 +107,6 @@ export declare function useIntegrations(query?: FindIntegrationsQuery): {
         hasGlobalWebhooks?: boolean | undefined;
         hasUdm?: boolean | undefined;
         appUuid?: string | undefined;
-        isDeactivated?: boolean | undefined;
         authType?: "proxy" | "integration-app-token" | "membrane-token" | "oauth2" | "oauth1" | "client-credentials" | undefined;
         spec?: any;
     }[];

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

@@ -5,24 +5,34 @@ export declare function useScenario(selector: string | undefined): {
     saving: boolean;
     error: any;
     refresh: () => Promise<{
-        key: string;
         id: string;
         name: string;
         appId: string;
+        key?: string | undefined;
+        description?: string | undefined;
         state?: import("@membranehq/sdk").WorkspaceElementState | undefined;
         errors?: any[] | undefined;
+        revision?: string | undefined;
+        isDeactivated?: boolean | undefined;
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
         archivedAt?: string | undefined;
         appliedToIntegrations?: {
-            key: string;
             id: string;
             name: string;
             baseUri: string;
             logoUri: string;
+            key?: string | undefined;
+            description?: string | undefined;
             state?: import("@membranehq/sdk").WorkspaceElementState | undefined;
             errors?: any[] | undefined;
+            revision?: string | undefined;
+            isDeactivated?: boolean | undefined;
+            createdAt?: string | undefined;
+            updatedAt?: string | undefined;
+            archivedAt?: string | undefined;
             parameters?: any;
             parametersSchema?: import("@membranehq/sdk").DataSchema | undefined;
-            archivedAt?: string | undefined;
             isTest?: boolean | undefined;
             connectorId?: string | undefined;
             connectorVersion?: string | undefined;
@@ -36,7 +46,6 @@ export declare function useScenario(selector: string | undefined): {
             hasGlobalWebhooks?: boolean | undefined;
             hasUdm?: boolean | undefined;
             appUuid?: string | undefined;
-            isDeactivated?: boolean | undefined;
             authType?: "proxy" | "integration-app-token" | "membrane-token" | "oauth2" | "oauth1" | "client-credentials" | undefined;
         }[] | undefined;
         scenarioTemplateId?: string | undefined;
@@ -72,24 +81,34 @@ export declare function useScenario(selector: string | undefined): {
             isComplete: boolean;
         }[] | undefined;
     }) => Promise<{
-        key: string;
         id: string;
         name: string;
         appId: string;
+        key?: string | undefined;
+        description?: string | undefined;
         state?: import("@membranehq/sdk").WorkspaceElementState | undefined;
         errors?: any[] | undefined;
+        revision?: string | undefined;
+        isDeactivated?: boolean | undefined;
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
         archivedAt?: string | undefined;
         appliedToIntegrations?: {
-            key: string;
             id: string;
             name: string;
             baseUri: string;
             logoUri: string;
+            key?: string | undefined;
+            description?: string | undefined;
             state?: import("@membranehq/sdk").WorkspaceElementState | undefined;
             errors?: any[] | undefined;
+            revision?: string | undefined;
+            isDeactivated?: boolean | undefined;
+            createdAt?: string | undefined;
+            updatedAt?: string | undefined;
+            archivedAt?: string | undefined;
             parameters?: any;
             parametersSchema?: import("@membranehq/sdk").DataSchema | undefined;
-            archivedAt?: string | undefined;
             isTest?: boolean | undefined;
             connectorId?: string | undefined;
             connectorVersion?: string | undefined;
@@ -103,7 +122,6 @@ export declare function useScenario(selector: string | undefined): {
             hasGlobalWebhooks?: boolean | undefined;
             hasUdm?: boolean | undefined;
             appUuid?: string | undefined;
-            isDeactivated?: boolean | undefined;
             authType?: "proxy" | "integration-app-token" | "membrane-token" | "oauth2" | "oauth1" | "client-credentials" | undefined;
         }[] | undefined;
         scenarioTemplateId?: string | undefined;
@@ -154,24 +172,34 @@ export declare function useScenario(selector: string | undefined): {
     }) => Promise<void>;
     archive: () => Promise<void>;
     scenario: {
-        key: string;
         id: string;
         name: string;
         appId: string;
+        key?: string | undefined;
+        description?: string | undefined;
         state?: import("@membranehq/sdk").WorkspaceElementState | undefined;
         errors?: any[] | undefined;
+        revision?: string | undefined;
+        isDeactivated?: boolean | undefined;
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
         archivedAt?: string | undefined;
         appliedToIntegrations?: {
-            key: string;
             id: string;
             name: string;
             baseUri: string;
             logoUri: string;
+            key?: string | undefined;
+            description?: string | undefined;
             state?: import("@membranehq/sdk").WorkspaceElementState | undefined;
             errors?: any[] | undefined;
+            revision?: string | undefined;
+            isDeactivated?: boolean | undefined;
+            createdAt?: string | undefined;
+            updatedAt?: string | undefined;
+            archivedAt?: string | undefined;
             parameters?: any;
             parametersSchema?: import("@membranehq/sdk").DataSchema | undefined;
-            archivedAt?: string | undefined;
             isTest?: boolean | undefined;
             connectorId?: string | undefined;
             connectorVersion?: string | undefined;
@@ -185,7 +213,6 @@ export declare function useScenario(selector: string | undefined): {
             hasGlobalWebhooks?: boolean | undefined;
             hasUdm?: boolean | undefined;
             appUuid?: string | undefined;
-            isDeactivated?: boolean | undefined;
             authType?: "proxy" | "integration-app-token" | "membrane-token" | "oauth2" | "oauth1" | "client-credentials" | undefined;
         }[] | undefined;
         scenarioTemplateId?: string | undefined;

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

@@ -1,24 +1,34 @@
 import { FindScenariosQuery } from '@membranehq/sdk';
 export declare function useScenarios(query?: FindScenariosQuery): {
     items: {
-        key: string;
         id: string;
         name: string;
         appId: string;
+        key?: string | undefined;
+        description?: string | undefined;
         state?: import("@membranehq/sdk").WorkspaceElementState | undefined;
         errors?: any[] | undefined;
+        revision?: string | undefined;
+        isDeactivated?: boolean | undefined;
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
         archivedAt?: string | undefined;
         appliedToIntegrations?: {
-            key: string;
             id: string;
             name: string;
             baseUri: string;
             logoUri: string;
+            key?: string | undefined;
+            description?: string | undefined;
             state?: import("@membranehq/sdk").WorkspaceElementState | undefined;
             errors?: any[] | undefined;
+            revision?: string | undefined;
+            isDeactivated?: boolean | undefined;
+            createdAt?: string | undefined;
+            updatedAt?: string | undefined;
+            archivedAt?: string | undefined;
             parameters?: any;
             parametersSchema?: import("@membranehq/sdk").DataSchema | undefined;
-            archivedAt?: string | undefined;
             isTest?: boolean | undefined;
             connectorId?: string | undefined;
             connectorVersion?: string | undefined;
@@ -32,7 +42,6 @@ export declare function useScenarios(query?: FindScenariosQuery): {
             hasGlobalWebhooks?: boolean | undefined;
             hasUdm?: boolean | undefined;
             appUuid?: string | undefined;
-            isDeactivated?: boolean | undefined;
             authType?: "proxy" | "integration-app-token" | "membrane-token" | "oauth2" | "oauth1" | "client-credentials" | undefined;
         }[] | undefined;
         scenarioTemplateId?: string | undefined;
@@ -60,24 +69,34 @@ export declare function useScenarios(query?: FindScenariosQuery): {
     loading: boolean;
     error: any;
     scenarios: {
-        key: string;
         id: string;
         name: string;
         appId: string;
+        key?: string | undefined;
+        description?: string | undefined;
         state?: import("@membranehq/sdk").WorkspaceElementState | undefined;
         errors?: any[] | undefined;
+        revision?: string | undefined;
+        isDeactivated?: boolean | undefined;
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
         archivedAt?: string | undefined;
         appliedToIntegrations?: {
-            key: string;
             id: string;
             name: string;
             baseUri: string;
             logoUri: string;
+            key?: string | undefined;
+            description?: string | undefined;
             state?: import("@membranehq/sdk").WorkspaceElementState | undefined;
             errors?: any[] | undefined;
+            revision?: string | undefined;
+            isDeactivated?: boolean | undefined;
+            createdAt?: string | undefined;
+            updatedAt?: string | undefined;
+            archivedAt?: string | undefined;
             parameters?: any;
             parametersSchema?: import("@membranehq/sdk").DataSchema | undefined;
-            archivedAt?: string | undefined;
             isTest?: boolean | undefined;
             connectorId?: string | undefined;
             connectorVersion?: string | undefined;
@@ -91,7 +110,6 @@ export declare function useScenarios(query?: FindScenariosQuery): {
             hasGlobalWebhooks?: boolean | undefined;
             hasUdm?: boolean | undefined;
             appUuid?: string | undefined;
-            isDeactivated?: boolean | undefined;
             authType?: "proxy" | "integration-app-token" | "membrane-token" | "oauth2" | "oauth1" | "client-credentials" | undefined;
         }[] | undefined;
         scenarioTemplateId?: string | undefined;

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

@@ -1,14 +1,38 @@
-import { CreateScreenRequest, Screen, ScreenAccessor, ScreenSelector, UpdateScreenRequest } from '@membranehq/sdk';
+import { CreateScreenRequest, ScreenAccessor, ScreenSelector, UpdateScreenRequest } from '@membranehq/sdk';
 export declare function useScreen(selector: ScreenSelector | string): {
     accessor: ScreenAccessor | undefined;
     loading: boolean;
     saving: boolean;
     error: any;
-    refresh: () => Promise<Screen>;
+    refresh: () => Promise<{
+        type: import("@membranehq/sdk").ScreenType;
+        id: string;
+        name: string;
+        blocks: ({
+            type: import("@membranehq/sdk").ScreenBlockType;
+        } & Record<string, any>)[];
+        key?: string | undefined;
+    }>;
     refreshing: boolean;
-    create: (data: CreateScreenRequest) => Promise<Screen | undefined>;
+    create: (data: CreateScreenRequest) => Promise<{
+        type: import("@membranehq/sdk").ScreenType;
+        id: string;
+        name: string;
+        blocks: ({
+            type: import("@membranehq/sdk").ScreenBlockType;
+        } & Record<string, any>)[];
+        key?: string | undefined;
+    } | undefined>;
     patch: (data: Partial<UpdateScreenRequest>) => Promise<void>;
     put: (data: UpdateScreenRequest) => Promise<void>;
     archive: () => Promise<void>;
-    screen: Screen | undefined;
+    screen: {
+        type: import("@membranehq/sdk").ScreenType;
+        id: string;
+        name: string;
+        blocks: ({
+            type: import("@membranehq/sdk").ScreenBlockType;
+        } & Record<string, any>)[];
+        key?: string | undefined;
+    } | undefined;
 };

package/dist/types/styled-system/jsx/create-style-context.d.ts

@@ -0,0 +1,47 @@
+/* eslint-disable */
+import type { SlotRecipeRuntimeFn, RecipeVariantProps } from '../types/recipe';
+import type { JsxHTMLProps, JsxStyleProps, Assign } from '../types/system-types';
+import type { JsxFactoryOptions } from '../types/jsx';
+import type { ComponentType, ElementType, ComponentPropsWithoutRef, ElementRef, Ref } from 'react'
+
+interface UnstyledProps {
+  unstyled?: boolean
+}
+
+type SvaFn<S extends string = any> = SlotRecipeRuntimeFn<S, any>
+interface SlotRecipeFn {
+  __type: any
+  __slot: string
+  (props?: any): any
+}
+type SlotRecipe = SvaFn | SlotRecipeFn
+
+type InferSlot<R extends SlotRecipe> = R extends SlotRecipeFn ? R['__slot'] : R extends SvaFn<infer S> ? S : never
+
+type ComponentProps<T extends ElementType> = Omit<ComponentPropsWithoutRef<T>, 'ref'> & {
+  ref?: Ref<ElementRef<T>>
+}
+
+type StyleContextProvider<T extends ElementType, R extends SlotRecipe> = ComponentType<
+  JsxHTMLProps<ComponentProps<T> & UnstyledProps, Assign<RecipeVariantProps<R>, JsxStyleProps>>
+>
+
+type StyleContextConsumer<T extends ElementType> = ComponentType<
+  JsxHTMLProps<ComponentProps<T> & UnstyledProps, JsxStyleProps>
+>
+
+export interface StyleContext<R extends SlotRecipe> {
+  withRootProvider: <T extends ElementType>(Component: T) => StyleContextProvider<T, R>
+  withProvider: <T extends ElementType>(
+    Component: T,
+    slot: InferSlot<R>,
+    options?: JsxFactoryOptions<ComponentProps<T>>
+  ) => StyleContextProvider<T, R>
+  withContext: <T extends ElementType>(
+    Component: T,
+    slot: InferSlot<R>,
+    options?: JsxFactoryOptions<ComponentProps<T>>
+  ) => StyleContextConsumer<T>
+}
+
+export declare function createStyleContext<R extends SlotRecipe>(recipe: R): StyleContext<R>

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

@@ -1,6 +1,7 @@
 /* eslint-disable */
 export * from './factory';
 export * from './is-valid-prop';
+export * from './create-style-context';
 export * from './box';
 export * from './flex';
 export * from './stack';

package/dist/types/styled-system/recipes/accordion.d.ts

@@ -13,13 +13,16 @@ type AccordionVariantMap = {
   [key in keyof AccordionVariant]: Array<AccordionVariant[key]>
 }
 
+type AccordionSlot = "root" | "item" | "itemTrigger" | "itemContent" | "itemIndicator"
+
 export type AccordionVariantProps = {
   [key in keyof AccordionVariant]?: ConditionalValue<AccordionVariant[key]> | undefined
 }
 
 export interface AccordionRecipe {
+  __slot: AccordionSlot
   __type: AccordionVariantProps
-  (props?: AccordionVariantProps): Pretty<Record<"root" | "item" | "itemTrigger" | "itemContent" | "itemIndicator", string>>
+  (props?: AccordionVariantProps): Pretty<Record<AccordionSlot, string>>
   raw: (props?: AccordionVariantProps) => AccordionVariantProps
   variantMap: AccordionVariantMap
   variantKeys: Array<keyof AccordionVariant>

package/dist/types/styled-system/recipes/alert.d.ts

@@ -10,13 +10,16 @@ type AlertVariantMap = {
   [key in keyof AlertVariant]: Array<AlertVariant[key]>
 }
 
+type AlertSlot = "root" | "content" | "description" | "icon" | "title"
+
 export type AlertVariantProps = {
   [key in keyof AlertVariant]?: ConditionalValue<AlertVariant[key]> | undefined
 }
 
 export interface AlertRecipe {
+  __slot: AlertSlot
   __type: AlertVariantProps
-  (props?: AlertVariantProps): Pretty<Record<"root" | "content" | "description" | "icon" | "title", string>>
+  (props?: AlertVariantProps): Pretty<Record<AlertSlot, string>>
   raw: (props?: AlertVariantProps) => AlertVariantProps
   variantMap: AlertVariantMap
   variantKeys: Array<keyof AlertVariant>

package/dist/types/styled-system/recipes/avatar.d.ts

@@ -13,13 +13,16 @@ type AvatarVariantMap = {
   [key in keyof AvatarVariant]: Array<AvatarVariant[key]>
 }
 
+type AvatarSlot = "root" | "image" | "fallback"
+
 export type AvatarVariantProps = {
   [key in keyof AvatarVariant]?: ConditionalValue<AvatarVariant[key]> | undefined
 }
 
 export interface AvatarRecipe {
+  __slot: AvatarSlot
   __type: AvatarVariantProps
-  (props?: AvatarVariantProps): Pretty<Record<"root" | "image" | "fallback", string>>
+  (props?: AvatarVariantProps): Pretty<Record<AvatarSlot, string>>
   raw: (props?: AvatarVariantProps) => AvatarVariantProps
   variantMap: AvatarVariantMap
   variantKeys: Array<keyof AvatarVariant>

package/dist/types/styled-system/recipes/badge.d.ts

@@ -17,11 +17,14 @@ type BadgeVariantMap = {
   [key in keyof BadgeVariant]: Array<BadgeVariant[key]>
 }
 
+
+
 export type BadgeVariantProps = {
   [key in keyof BadgeVariant]?: ConditionalValue<BadgeVariant[key]> | undefined
 }
 
 export interface BadgeRecipe {
+  
   __type: BadgeVariantProps
   (props?: BadgeVariantProps): string
   raw: (props?: BadgeVariantProps) => BadgeVariantProps