@plaidev/karte-action-sdk 1.1.270-29410833.25c7eb841 → 1.1.270-29420750.2ec690591

package/dist/components-flex/css.d.ts

@@ -1,5 +1,5 @@
 import { Properties } from "csstype";
-import { ResponsiveSetting } from "./responsive.js";
+import { ResponsiveProp } from "./responsiveProp.js";
 export declare function createComponentRawCss(layerId: string, define: (style: (selector: string, styles: Properties) => string) => string[]): string;
-export declare function toResponsiveSelector(responsiveSetting: ResponsiveSetting<any>, body: string): string;
+export declare function toResponsiveSelector(responsiveSetting: ResponsiveProp<any>, body: string): string;
 export declare function toStyleTag(css: string): string;

package/dist/components-flex/props.d.ts

@@ -4,9 +4,9 @@ import type { BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET } from "./button/types.js";
 import type { BrandKit } from "./brand-kit.js";
 import type { AspectVariantCode, FontFamilyVariantCode, ShadowVariantCode, BackgroundColorVariantCode } from "./variants.js";
 import type { TEXT_THEME } from "./text/types.js";
-import { type ResponsiveSetting } from "./responsive.js";
+import { type ResponsiveProp } from "./responsiveProp.js";
 export type FlexComponentProps<T extends object> = T & {
-	responsiveSettings?: ResponsiveSetting<T>[];
+	responsiveSettings?: ResponsiveProp<T>[];
 };
 type PositionPlaceProps = {
 	top?: Properties["top"];

package/dist/components-flex/responsiveProp.d.ts

@@ -0,0 +1,7 @@
+import { FlexComponentProps } from "./props.js";
+import { Readable } from "svelte/store";
+export type ResponsiveProp<T extends object> = {
+	breakpointId?: string;
+	props: Partial<T>;
+};
+export declare function useResponsiveProps<T extends object>(props: FlexComponentProps<T>): Readable<T>;

package/dist/hydrate/components-flex/css.d.ts

@@ -1,5 +1,5 @@
 import { Properties } from "csstype";
-import { ResponsiveSetting } from "./responsive.js";
+import { ResponsiveProp } from "./responsiveProp.js";
 export declare function createComponentRawCss(layerId: string, define: (style: (selector: string, styles: Properties) => string) => string[]): string;
-export declare function toResponsiveSelector(responsiveSetting: ResponsiveSetting<any>, body: string): string;
+export declare function toResponsiveSelector(responsiveSetting: ResponsiveProp<any>, body: string): string;
 export declare function toStyleTag(css: string): string;

package/dist/hydrate/components-flex/props.d.ts

@@ -4,9 +4,9 @@ import type { BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET } from "./button/types.js";
 import type { BrandKit } from "./brand-kit.js";
 import type { AspectVariantCode, FontFamilyVariantCode, ShadowVariantCode, BackgroundColorVariantCode } from "./variants.js";
 import type { TEXT_THEME } from "./text/types.js";
-import { type ResponsiveSetting } from "./responsive.js";
+import { type ResponsiveProp } from "./responsiveProp.js";
 export type FlexComponentProps<T extends object> = T & {
-	responsiveSettings?: ResponsiveSetting<T>[];
+	responsiveSettings?: ResponsiveProp<T>[];
 };
 type PositionPlaceProps = {
 	top?: Properties["top"];

package/dist/hydrate/components-flex/responsiveProp.d.ts

@@ -0,0 +1,7 @@
+import { FlexComponentProps } from "./props.js";
+import { Readable } from "svelte/store";
+export type ResponsiveProp<T extends object> = {
+	breakpointId?: string;
+	props: Partial<T>;
+};
+export declare function useResponsiveProps<T extends object>(props: FlexComponentProps<T>): Readable<T>;

package/dist/hydrate/index.d.ts

@@ -17,6 +17,7 @@ export type { CollectionConfig, ActionTableRowRequestConfig, ActionTableRowsRequ
 export { addChoiceAnswer, addFreeAnswer, removeAnswer, getAnsweredQuestion, getAnsweredQuestionIds, sendAnswer, sendAnswers } from "./form.js";
 export * as widget from "./widget.js";
 export { onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES } from "./components/index.js";
+export * from "./preview.js";
 export { default as State } from "./components/State.svelte.js";
 export { default as StateItem } from "./components/StateItem.svelte.js";
 export { default as Modal } from "./components/Modal.svelte.js";