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

package/dist/preview.d.ts

@@ -0,0 +1,28 @@
+export type ElementInfoStyles = {
+	opacity: string;
+	rowGap: string;
+	columnGap: string;
+	direction: string;
+	paddingLeft: string;
+	paddingRight: string;
+	paddingTop: string;
+	paddingBottom: string;
+	zIndex: string;
+	position: string;
+	top: string;
+	left: string;
+	right: string;
+	bottom: string;
+};
+export type ElementInfo = {
+	top: number;
+	left: number;
+	width: number;
+	height: number;
+	layerId: string;
+	direction: "row" | "column" | "";
+	classNames: string[];
+	styles: ElementInfoStyles;
+};
+/** @internal */
+export declare const initPreview: () => (() => void);

package/dist/stores.d.ts

@@ -1,6 +1,6 @@
 import { get as get_ } from "svelte/store";
 import type { Writable as Writable_ } from "svelte/store";
-import type { ActionSetting, ActionEventHandler, ActionVariables, SystemConfig, ActionRunnerContext } from "./types.js";
+import { ActionSetting, ActionEventHandler, ActionVariables, SystemConfig, ActionRunnerContext, Breakpoint } from "./types.js";
 /** @internal */
 export type Store<T> = Writable_<T>;
 /**
@@ -350,6 +350,27 @@ export declare function setDestroyed(on: boolean): void;
 *
 * @internal
 */
+export declare const breakpoints: Store<Breakpoint[]>;
+/**
+* ブレイクポイントの一覧を取得する
+*
+* @returns 現在のブレイクポイントの一覧
+*/
+export declare function getBreakpoints(): Breakpoint[];
+/**
+* 変数を設定する
+*
+* @remarks
+* 設定したブレイクポイントは、ビジュアルエディタでブレイクポイントとして利用できます。
+*
+* @param values - ブレイクポイントの一覧
+*/
+export declare function setBreakpoints(values: Breakpoint[]): Breakpoint[];
+/**
+* Store to handle variables
+*
+* @internal
+*/
 export declare const variables: Store<{
 	[key: string]: any;
 }>;

package/dist/svelte5/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/svelte5/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/svelte5/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/svelte5/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/svelte5/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/svelte5/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/svelte5/hydrate/index.es.d.ts

@@ -17,12 +17,13 @@ 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 * from "./components-flex/form.js";
 export { default as State } from "./components-flex/state/State.svelte.js";
 export { default as StateItem } from "./components-flex/state/StateItem.svelte.js";
 export * from "./components-flex/shared/types.js";
 export * from "./components-flex/props.js";
-export * from "./components-flex/responsive.js";
+export * from "./components-flex/responsiveProp.js";
 export { default as FlexAvatar } from "./components-flex/avatar/Avatar.svelte.js";
 export * from "./components-flex/avatar/types.js";
 export * from "./components-flex/avatar/styles.js";