@membranehq/react 0.9.1 → 0.11.0

package/dist/esm/ui-kit/styled/alert.mjs

@@ -3,7 +3,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.9.1
+ * v0.11.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/avatar.mjs

@@ -3,7 +3,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.9.1
+ * v0.11.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/badge.mjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.9.1
+ * v0.11.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/button.mjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.9.1
+ * v0.11.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/icon-button.mjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.9.1
+ * v0.11.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/icon.mjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.9.1
+ * v0.11.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/input.mjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.9.1
+ * v0.11.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/menu.mjs

@@ -3,7 +3,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.9.1
+ * v0.11.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/popover.mjs

@@ -3,7 +3,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.9.1
+ * v0.11.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/radio-group.mjs

@@ -3,7 +3,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.9.1
+ * v0.11.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/skeleton.mjs

@@ -3,7 +3,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.9.1
+ * v0.11.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/spinner.mjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.9.1
+ * v0.11.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/switch.mjs

@@ -3,7 +3,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.9.1
+ * v0.11.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/text.mjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.9.1
+ * v0.11.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/tooltip.mjs

@@ -3,7 +3,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.9.1
+ * v0.11.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/utils/create-style-context.mjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.9.1
+ * v0.11.0
  */
 'use client';
 

package/dist/esm/ui-kit/switch.mjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.9.1
+ * v0.11.0
  */
 'use client';
 

package/dist/styles.css

@@ -972,8 +972,6 @@
     --iap-radii-l1: var(--iap-radii-none);
     --iap-radii-l2: var(--iap-radii-none);
     --iap-radii-l3: var(--iap-radii-none);
-    --iap-colors-surface-default: var(--iap-colors-neutral-2);
-    --iap-colors-touchable-hover: var(--iap-colors-neutral-3);
 }
 
   :where(:root, [data-iap-color-mode=light]) {
@@ -3144,8 +3142,8 @@
     margin: var(--iap-spacing-0);
 }
 
-  .iap-bg_surface\.default {
-    background: var(--iap-colors-surface-default);
+  .iap-bg_gray\.2 {
+    background: var(--iap-colors-gray-2);
 }
 
   .iap-bg_colorPalette\.3 {
@@ -3160,10 +3158,6 @@
     background: var(--iap-colors-slate-4);
 }
 
-  .iap-bg_gray\.2 {
-    background: var(--iap-colors-gray-2);
-}
-
   .iap-bg_warning\.2 {
     background: var(--iap-colors-warning-2);
 }
@@ -3356,8 +3350,8 @@
     gap: var(--iap-spacing-0\.5);
 }
 
-  .iap-px_3 {
-    padding-inline: var(--iap-spacing-3);
+  .iap-bd-c_gray\.4 {
+    border-color: var(--iap-colors-gray-4);
 }
 
   .iap-gap_5 {
@@ -3408,6 +3402,10 @@
     overflow: scroll;
 }
 
+  .iap-px_3 {
+    padding-inline: var(--iap-spacing-3);
+}
+
   .iap-mx_1\.5 {
     margin-inline: var(--iap-spacing-1\.5);
 }
@@ -3826,6 +3824,14 @@
     visibility: visible;
 }
 
+  .iap-bx-sh_2xl {
+    box-shadow: var(--iap-shadows-2xl);
+}
+
+  .iap-c_gray\.11 {
+    color: var(--iap-colors-gray-11);
+}
+
   .iap-fw_bold {
     font-weight: var(--iap-font-weights-bold);
 }
@@ -4567,8 +4573,12 @@
     padding: var(--iap-spacing-1\.5);
 }
 
-  .\[\&\[data-highlighted\]\]\:iap-bg_touchable\.hover[data-highlighted] {
-    background: var(--iap-colors-touchable-hover);
+  .\[\&\[data-selected\=\"true\"\]\]\:iap-bg_gray\.3[data-selected="true"] {
+    background: var(--iap-colors-gray-3);
+}
+
+  .\[\&\[data-highlighted\]\]\:iap-bg_gray\.4[data-highlighted] {
+    background: var(--iap-colors-gray-4);
 }
 
   [data-selected='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:iap-bg_colorPalette\.5,[data-tag-dropdown-open='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:iap-bg_colorPalette\.5 {
@@ -5077,8 +5087,8 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .hover\:iap-bg_touchable\.hover:is(:hover, [data-hover]) {
-      background: var(--iap-colors-touchable-hover);
+    .hover\:iap-bg_gray\.4:is(:hover, [data-hover]) {
+      background: var(--iap-colors-gray-4);
 }
 }
 

package/dist/types/components/DataBuilder/FieldTypeSelector/index.d.ts

@@ -1,6 +1,7 @@
 import { type Menu as ArkMenu } from '@ark-ui/react';
 import { DataSchema } from '@membranehq/sdk';
 import { IDataBuilderField } from '../data-field';
+export declare const FIELD_TYPE_SELECTOR_MENU_DATA_ATTR = "data-field-type-selector-menu";
 export declare function FieldTypeSelector({ onChange, onSchemaChange, ...rest }: {
     onChange: (field: IDataBuilderField | undefined) => void;
     onSchemaChange: (schemaType: DataSchema['type']) => void;

package/dist/types/hooks/app-events/useAppEventSubscription.d.ts

@@ -36,6 +36,7 @@ export declare function useAppEventSubscription(selector: string | AppEventSubsc
             id: string;
             name: string;
             revision: string;
+            webhookKey: string;
             globalWebhookUri: string;
             uuid?: string | undefined;
             key?: string | undefined;
@@ -106,6 +107,7 @@ export declare function useAppEventSubscription(selector: string | AppEventSubsc
             id: string;
             name: string;
             revision: string;
+            webhookKey: string;
             globalWebhookUri: string;
             uuid?: string | undefined;
             key?: string | undefined;
@@ -175,6 +177,7 @@ export declare function useAppEventSubscription(selector: string | AppEventSubsc
             id: string;
             name: string;
             revision: string;
+            webhookKey: string;
             globalWebhookUri: string;
             uuid?: string | undefined;
             key?: string | undefined;
@@ -243,6 +246,7 @@ export declare function useAppEventSubscription(selector: string | AppEventSubsc
             id: string;
             name: string;
             revision: string;
+            webhookKey: string;
             globalWebhookUri: string;
             uuid?: string | undefined;
             key?: string | undefined;
@@ -312,6 +316,7 @@ export declare function useAppEventSubscription(selector: string | AppEventSubsc
                 id: string;
                 name: string;
                 revision: string;
+                webhookKey: string;
                 globalWebhookUri: string;
                 uuid?: string | undefined;
                 key?: string | undefined;
@@ -382,6 +387,7 @@ export declare function useAppEventSubscription(selector: string | AppEventSubsc
             id: string;
             name: string;
             revision: string;
+            webhookKey: string;
             globalWebhookUri: string;
             uuid?: string | undefined;
             key?: string | undefined;
@@ -450,6 +456,7 @@ export declare function useAppEventSubscription(selector: string | AppEventSubsc
             id: string;
             name: string;
             revision: string;
+            webhookKey: string;
             globalWebhookUri: string;
             uuid?: string | undefined;
             key?: string | undefined;
@@ -519,6 +526,7 @@ export declare function useAppEventSubscription(selector: string | AppEventSubsc
                 id: string;
                 name: string;
                 revision: string;
+                webhookKey: string;
                 globalWebhookUri: string;
                 uuid?: string | undefined;
                 key?: string | undefined;
@@ -590,6 +598,7 @@ export declare function useAppEventSubscription(selector: string | AppEventSubsc
             id: string;
             name: string;
             revision: string;
+            webhookKey: string;
             globalWebhookUri: string;
             uuid?: string | undefined;
             key?: string | undefined;

package/dist/types/hooks/app-events/useAppEventSubscriptions.d.ts

@@ -32,6 +32,7 @@ export declare function useAppEventSubscriptions(query?: FindAppEventSubscriptio
             id: string;
             name: string;
             revision: string;
+            webhookKey: string;
             globalWebhookUri: string;
             uuid?: string | undefined;
             key?: string | undefined;
@@ -107,6 +108,7 @@ export declare function useAppEventSubscriptions(query?: FindAppEventSubscriptio
             id: string;
             name: string;
             revision: string;
+            webhookKey: string;
             globalWebhookUri: string;
             uuid?: string | undefined;
             key?: string | undefined;

package/dist/types/hooks/app-events/useAppEventType.d.ts

@@ -8,6 +8,7 @@ export declare function useAppEventType(selector: string | undefined): {
         id: string;
         name: string;
         revision: string;
+        webhookKey: string;
         globalWebhookUri: string;
         uuid?: string | undefined;
         key?: string | undefined;
@@ -36,6 +37,7 @@ export declare function useAppEventType(selector: string | undefined): {
         id: string;
         name: string;
         revision: string;
+        webhookKey: string;
         globalWebhookUri: string;
         uuid?: string | undefined;
         key?: string | undefined;
@@ -63,6 +65,7 @@ export declare function useAppEventType(selector: string | undefined): {
         id: string;
         name: string;
         revision: string;
+        webhookKey: string;
         globalWebhookUri: string;
         uuid?: string | undefined;
         key?: string | undefined;
@@ -89,6 +92,7 @@ export declare function useAppEventType(selector: string | undefined): {
         id: string;
         name: string;
         revision: string;
+        webhookKey: string;
         globalWebhookUri: string;
         uuid?: string | undefined;
         key?: string | undefined;
@@ -116,6 +120,7 @@ export declare function useAppEventType(selector: string | undefined): {
             id: string;
             name: string;
             revision: string;
+            webhookKey: string;
             globalWebhookUri: string;
             uuid?: string | undefined;
             key?: string | undefined;
@@ -144,6 +149,7 @@ export declare function useAppEventType(selector: string | undefined): {
         id: string;
         name: string;
         revision: string;
+        webhookKey: string;
         globalWebhookUri: string;
         uuid?: string | undefined;
         key?: string | undefined;
@@ -170,6 +176,7 @@ export declare function useAppEventType(selector: string | undefined): {
         id: string;
         name: string;
         revision: string;
+        webhookKey: string;
         globalWebhookUri: string;
         uuid?: string | undefined;
         key?: string | undefined;
@@ -197,6 +204,7 @@ export declare function useAppEventType(selector: string | undefined): {
             id: string;
             name: string;
             revision: string;
+            webhookKey: string;
             globalWebhookUri: string;
             uuid?: string | undefined;
             key?: string | undefined;
@@ -226,6 +234,7 @@ export declare function useAppEventType(selector: string | undefined): {
         id: string;
         name: string;
         revision: string;
+        webhookKey: string;
         globalWebhookUri: string;
         uuid?: string | undefined;
         key?: string | undefined;

package/dist/types/hooks/app-events/useAppEventTypes.d.ts

@@ -4,6 +4,7 @@ export declare function useAppEventTypes(query?: FindAppEventTypesQuery): {
         id: string;
         name: string;
         revision: string;
+        webhookKey: string;
         globalWebhookUri: string;
         uuid?: string | undefined;
         key?: string | undefined;
@@ -37,6 +38,7 @@ export declare function useAppEventTypes(query?: FindAppEventTypesQuery): {
         id: string;
         name: string;
         revision: string;
+        webhookKey: string;
         globalWebhookUri: string;
         uuid?: string | undefined;
         key?: string | undefined;

package/dist/types/hooks/app-events/useAppEvents.d.ts

@@ -26,6 +26,7 @@ export declare function useAppEvents(query?: FindAppEventsQuery): {
             id: string;
             name: string;
             revision: string;
+            webhookKey: string;
             globalWebhookUri: string;
             uuid?: string | undefined;
             key?: string | undefined;
@@ -111,6 +112,7 @@ export declare function useAppEvents(query?: FindAppEventsQuery): {
             id: string;
             name: string;
             revision: string;
+            webhookKey: string;
             globalWebhookUri: string;
             uuid?: string | undefined;
             key?: string | undefined;

package/dist/types/hooks/data-links/useDataLinkTable.d.ts

@@ -1,4 +1,4 @@
-import { CreateDataLinkTableRequest, DataLinkTableAccessor } from '@membranehq/sdk';
+import { DataLinkTableAccessor } from '@membranehq/sdk';
 export declare function useDataLinkTable(selector: string | undefined): {
     accessor: DataLinkTableAccessor | undefined;
     loading: boolean;
@@ -16,11 +16,17 @@ export declare function useDataLinkTable(selector: string | undefined): {
         revision?: string | undefined;
         createdAt?: string | undefined;
         updatedAt?: string | undefined;
-        isDeactivated?: boolean | undefined;
         archivedAt?: string | undefined;
+        isDeactivated?: boolean | undefined;
     }>;
     refreshing: boolean;
-    create: (data: CreateDataLinkTableRequest) => Promise<{
+    create: (data: {
+        uuid?: string | undefined;
+        key?: string | undefined;
+        name?: string | undefined;
+        description?: string | undefined;
+        meta?: Record<string, any> | undefined;
+    }) => Promise<{
         id: string;
         name: string;
         uuid?: string | undefined;
@@ -32,10 +38,16 @@ export declare function useDataLinkTable(selector: string | undefined): {
         revision?: string | undefined;
         createdAt?: string | undefined;
         updatedAt?: string | undefined;
-        isDeactivated?: boolean | undefined;
         archivedAt?: string | undefined;
+        isDeactivated?: boolean | undefined;
     } | undefined>;
-    patch: (data: Partial<CreateDataLinkTableRequest>, options?: (Omit<import("swr").MutatorOptions<{
+    patch: (data: Partial<{
+        uuid?: string | undefined;
+        key?: string | undefined;
+        name?: string | undefined;
+        description?: string | undefined;
+        meta?: Record<string, any> | undefined;
+    }>, options?: (Omit<import("swr").MutatorOptions<{
         id: string;
         name: string;
         uuid?: string | undefined;
@@ -47,8 +59,8 @@ export declare function useDataLinkTable(selector: string | undefined): {
         revision?: string | undefined;
         createdAt?: string | undefined;
         updatedAt?: string | undefined;
-        isDeactivated?: boolean | undefined;
         archivedAt?: string | undefined;
+        isDeactivated?: boolean | undefined;
     } | undefined, {
         id: string;
         name: string;
@@ -61,8 +73,8 @@ export declare function useDataLinkTable(selector: string | undefined): {
         revision?: string | undefined;
         createdAt?: string | undefined;
         updatedAt?: string | undefined;
-        isDeactivated?: boolean | undefined;
         archivedAt?: string | undefined;
+        isDeactivated?: boolean | undefined;
     }>, "optimisticData"> & {
         optimisticData?: {
             id: string;
@@ -76,11 +88,17 @@ export declare function useDataLinkTable(selector: string | undefined): {
             revision?: string | undefined;
             createdAt?: string | undefined;
             updatedAt?: string | undefined;
-            isDeactivated?: boolean | undefined;
             archivedAt?: string | undefined;
+            isDeactivated?: boolean | undefined;
         } | undefined;
     }) | undefined) => Promise<void>;
-    put: (data: CreateDataLinkTableRequest, options?: Omit<import("swr").MutatorOptions<{
+    put: (data: {
+        uuid?: string | undefined;
+        key?: string | undefined;
+        name?: string | undefined;
+        description?: string | undefined;
+        meta?: Record<string, any> | undefined;
+    }, options?: Omit<import("swr").MutatorOptions<{
         id: string;
         name: string;
         uuid?: string | undefined;
@@ -92,8 +110,8 @@ export declare function useDataLinkTable(selector: string | undefined): {
         revision?: string | undefined;
         createdAt?: string | undefined;
         updatedAt?: string | undefined;
-        isDeactivated?: boolean | undefined;
         archivedAt?: string | undefined;
+        isDeactivated?: boolean | undefined;
     } | undefined, {
         id: string;
         name: string;
@@ -106,8 +124,8 @@ export declare function useDataLinkTable(selector: string | undefined): {
         revision?: string | undefined;
         createdAt?: string | undefined;
         updatedAt?: string | undefined;
-        isDeactivated?: boolean | undefined;
         archivedAt?: string | undefined;
+        isDeactivated?: boolean | undefined;
     }>, "optimisticData"> & {
         optimisticData?: {
             id: string;
@@ -121,8 +139,8 @@ export declare function useDataLinkTable(selector: string | undefined): {
             revision?: string | undefined;
             createdAt?: string | undefined;
             updatedAt?: string | undefined;
-            isDeactivated?: boolean | undefined;
             archivedAt?: string | undefined;
+            isDeactivated?: boolean | undefined;
         } | undefined;
     }) => Promise<void>;
     archive: () => Promise<void>;
@@ -138,7 +156,7 @@ export declare function useDataLinkTable(selector: string | undefined): {
         revision?: string | undefined;
         createdAt?: string | undefined;
         updatedAt?: string | undefined;
-        isDeactivated?: boolean | undefined;
         archivedAt?: string | undefined;
+        isDeactivated?: boolean | undefined;
     } | undefined;
 };

package/dist/types/hooks/data-links/useDataLinkTableInstance.d.ts

@@ -35,8 +35,8 @@ export declare function useDataLinkTableInstance(selector: string | DataLinkTabl
             revision?: string | undefined;
             createdAt?: string | undefined;
             updatedAt?: string | undefined;
-            isDeactivated?: boolean | undefined;
             archivedAt?: string | undefined;
+            isDeactivated?: boolean | undefined;
         } | undefined;
         connection?: {
             id: string;
@@ -137,8 +137,8 @@ export declare function useDataLinkTableInstance(selector: string | DataLinkTabl
             revision?: string | undefined;
             createdAt?: string | undefined;
             updatedAt?: string | undefined;
-            isDeactivated?: boolean | undefined;
             archivedAt?: string | undefined;
+            isDeactivated?: boolean | undefined;
         } | undefined;
         connection?: {
             id: string;
@@ -238,8 +238,8 @@ export declare function useDataLinkTableInstance(selector: string | DataLinkTabl
             revision?: string | undefined;
             createdAt?: string | undefined;
             updatedAt?: string | undefined;
-            isDeactivated?: boolean | undefined;
             archivedAt?: string | undefined;
+            isDeactivated?: boolean | undefined;
         } | undefined;
         connection?: {
             id: string;
@@ -340,8 +340,8 @@ export declare function useDataLinkTableInstance(selector: string | DataLinkTabl
                 revision?: string | undefined;
                 createdAt?: string | undefined;
                 updatedAt?: string | undefined;
-                isDeactivated?: boolean | undefined;
                 archivedAt?: string | undefined;
+                isDeactivated?: boolean | undefined;
             } | undefined;
             connection?: {
                 id: string;
@@ -443,8 +443,8 @@ export declare function useDataLinkTableInstance(selector: string | DataLinkTabl
             revision?: string | undefined;
             createdAt?: string | undefined;
             updatedAt?: string | undefined;
-            isDeactivated?: boolean | undefined;
             archivedAt?: string | undefined;
+            isDeactivated?: boolean | undefined;
         } | undefined;
         connection?: {
             id: string;
@@ -544,8 +544,8 @@ export declare function useDataLinkTableInstance(selector: string | DataLinkTabl
             revision?: string | undefined;
             createdAt?: string | undefined;
             updatedAt?: string | undefined;
-            isDeactivated?: boolean | undefined;
             archivedAt?: string | undefined;
+            isDeactivated?: boolean | undefined;
         } | undefined;
         connection?: {
             id: string;
@@ -646,8 +646,8 @@ export declare function useDataLinkTableInstance(selector: string | DataLinkTabl
                 revision?: string | undefined;
                 createdAt?: string | undefined;
                 updatedAt?: string | undefined;
-                isDeactivated?: boolean | undefined;
                 archivedAt?: string | undefined;
+                isDeactivated?: boolean | undefined;
             } | undefined;
             connection?: {
                 id: string;
@@ -750,8 +750,8 @@ export declare function useDataLinkTableInstance(selector: string | DataLinkTabl
             revision?: string | undefined;
             createdAt?: string | undefined;
             updatedAt?: string | undefined;
-            isDeactivated?: boolean | undefined;
             archivedAt?: string | undefined;
+            isDeactivated?: boolean | undefined;
         } | undefined;
         connection?: {
             id: string;
@@ -853,8 +853,8 @@ export declare function useDataLinkTableInstance(selector: string | DataLinkTabl
             revision?: string | undefined;
             createdAt?: string | undefined;
             updatedAt?: string | undefined;
-            isDeactivated?: boolean | undefined;
             archivedAt?: string | undefined;
+            isDeactivated?: boolean | undefined;
         } | undefined;
         connection?: {
             id: string;