@plaidev/karte-action-sdk 1.1.268-29092791.2e040b65 → 1.1.268-29127137.d0ff6db4

package/dist/svelte5/components-flex/variants.d.ts

@@ -0,0 +1,42 @@
+import type { BrandKit } from "./brand-kit.js";
+import type { ShadowProps, FontFamilyProps, AspectProps } from "./props.js";
+export type VariantStyles<Props extends object = object> = Props & {
+	hover?: Props
+	active?: Props
+};
+export type VariantDefinition<
+	Props extends object = object,
+	Meta extends object = object
+> = {
+	name: string
+	description?: string
+	getProps: (brandKit?: BrandKit) => VariantStyles<Props>
+	meta?: Meta
+};
+export type VariantDefinitionGroup<
+	Props extends object = object,
+	Meta extends object = object
+> = Record<string, VariantDefinition<Props, Meta>>;
+type ToVariantArrayReturn<T> = T[keyof T] & {
+	code: keyof T
+};
+declare const toVariantArray: <T extends VariantDefinitionGroup>(group: T) => ToVariantArrayReturn<T>[];
+export declare const ASPECT_VARIANT: VariantDefinitionGroup<Omit<AspectProps, "aspectVariant">>;
+export type AspectVariantCode = keyof typeof ASPECT_VARIANT;
+export declare const ASPECT_VARIANTS: ReturnType<typeof toVariantArray>;
+export type FontVariantMeta = {
+	lang: "ja" | "en"
+	type: "kaku" | "maru" | "min"
+};
+export declare const FONT_FAMILY_VARIANT: VariantDefinitionGroup<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta>;
+export type FontFamilyVariantCode = keyof typeof FONT_FAMILY_VARIANT;
+export declare const FONT_FAMILY_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta>>[];
+type FontFamilyVariantGroup = {
+	label: string
+	variants: ReturnType<typeof toVariantArray>
+};
+export declare const FONT_FAMILY_VARIANT_GROUPS: FontFamilyVariantGroup[];
+export declare const SHADOW_VARIANT: VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">>;
+export type ShadowVariantCode = keyof typeof SHADOW_VARIANT;
+export declare const SHADOW_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">, object>>[];
+export {};

package/dist/svelte5/components-flex/youtube/types.d.ts

@@ -0,0 +1,16 @@
+import type { CommonProps, BorderProps } from "../props.js";
+import type { IMAGE_ROUND_SHAPE } from "../image/types.js";
+import type { Properties } from "csstype";
+export type YoutubeProps = CommonProps & BorderProps & {
+	videoId?: string
+	loop?: boolean
+	autoplay?: boolean
+	mute?: boolean
+	controls?: boolean
+	showInfo?: boolean
+	showSubtitle?: boolean
+	showFullScreen?: boolean
+	showRelatedMovies?: boolean
+	shape?: keyof typeof IMAGE_ROUND_SHAPE
+	width?: Properties["width"]
+};

package/dist/svelte5/constants.d.ts

@@ -0,0 +1,27 @@
+/** @internal */
+export declare const ACTION_HOOK_LABEL = "__ACTION_HOOK__";
+/** @internal */
+export declare const KARTE_ACTION_ROOT = "karte-action-root";
+/** @internal */
+export declare const KARTE_ACTION_RID = "karte-action-rid";
+/** @internal */
+export declare const KARTE_ACTION_SHORTEN_ID = "karte-action-id";
+/** @internal */
+export declare const ALL_ACTION_ID = "KARTE_ALL_ACTION_ID";
+/** @internal */
+export declare const ALL_ACTION_SHORTEN_ID = "KARTE_ALL_ACTION_SHORTEN_ID";
+/** @internal */
+export declare const DEVICE_IDS: string[];
+/** @internal */
+export declare const DEVICE_QUERIES: {
+	readonly PC: "screen and (min-width: 641px)"
+	readonly SP: "screen and (max-width: 640px)"
+};
+/**
+* 非推奨
+*
+* @deprecated 非推奨
+*
+* @internal
+*/
+export declare const KARTE_MODAL_ROOT = "karte-modal-root";

package/dist/svelte5/display-logic.d.ts

@@ -0,0 +1,125 @@
+/**
+* モーダル(ポップアップ)のプロパティ
+*
+* @internal
+*/
+export interface Props {
+	/**
+	* 全ての条件を満たしたら表示するかどうか
+	*/
+	show_and_condition?: boolean;
+	/**
+	* スクロール率による表示を有効化するかどうか
+	*/
+	show_on_scroll?: boolean;
+	/**
+	* 表示するスクロール率
+	*/
+	show_on_scroll_rate?: number;
+	/**
+	* 条件を満たした時に再表示するかどうか
+	*/
+	show_on_scroll_reenter?: boolean;
+	/**
+	* 時間による表示を有効化するかどうか
+	*/
+	show_on_time?: boolean;
+	/**
+	* 表示する秒数
+	*/
+	show_on_time_count?: number;
+	/**
+	* 全ての条件を満たしたら非表示するかどうか
+	*/
+	hide_and_condition?: boolean;
+	/**
+	* スクロール率で非表示を有効化するかどうか
+	*/
+	hide_on_scroll?: boolean;
+	/**
+	* 非表示にするスクロール率
+	*/
+	hide_on_scroll_rate?: number;
+	/**
+	* 条件を満たした時に表示するかどうか
+	*/
+	hide_on_scroll_releave?: boolean;
+	/**
+	* 時間による非表示を有効化するかどうか
+	*/
+	hide_on_time?: boolean;
+	/**
+	* 非表示にする秒数
+	*/
+	hide_on_time_count?: number;
+}
+/**
+* スクロールに応じてアクションを非表示にするトリガー関数
+*
+* @remarks
+* スクロール率が `hide_on_scroll_rate` に達したときに `hide` 関数を呼び出します。
+* `show_on_scroll_reenter` が `true` で、かつ `hide_on_scroll_rate` またはその値以下の場合、アクションに対して `show` 関数が呼び出されます。
+*
+* @param props - アクションのプロパティ。プロパティには `hide_on_scroll`、`hide_on_scroll_rate` そして `show_on_scroll_reenter` が必要です。
+* @param hide - アクションを非表示にするロジックが実装された関数。指定ない場合は noop 関数が使用されます。
+* @param show - アクションを再び表示するロジックが実装された関数。指定ない場合は noop 関数が使用されます。
+*
+* @returns
+* スクロールが開始された場合は、クリーンアップする関数を返します。そうでない場合は `null` を返します。
+*
+* @internal
+*/
+export declare function hideOnScroll<ModalProps extends Pick<Props, "hide_on_scroll" | "hide_on_scroll_rate" | "show_on_scroll_reenter">>(props: ModalProps, hide?: Function, show?: Function): (() => void) | null;
+/**
+* 時間に応じてアクションを非表示にするトリガー関数
+*
+* @remarks
+* 時間のカウントが `hide_on_time_count` に達したときに `hide` 関数を呼び出します。
+*
+* @param props - アクションのプロパティ。プロパティには `hide_on_time` そして `hide_on_time_count` が必要です。
+* @param hide - アクションを非表示にするロジックが実装された関数。指定ない場合は noop 関数が使用されます。
+*
+* @returns
+* タイマーが開始された場合、タイマーをクリーンアップする関数を返します。それ以外は `null` を返します。
+*
+* @internal
+*/
+export declare function hideOnTime<ModalProps extends Pick<Props, "hide_on_time" | "hide_on_time_count">>(props: ModalProps, hide?: Function): (() => void) | null;
+/**
+* スクロールに応じてアクションを表示するトリガー関数
+*
+* @remarks
+* スクロール率が `show_on_scroll_rate` に達したときに `show` 関数を呼び出します。
+* `hide_on_scroll_releave` が `true` で、かつ `show_on_scroll_rate` 以下の場合は、アクションに対して `hide` 関数が呼び出されます。
+*
+* @param props - アクションのプロパティ。プロパティには `show_on_scroll`、`show_on_scroll_rate`、'hide_on_scroll_releave' そして `show_on_scroll_reenter` が必要です。
+* @param show - アクションを表示するロジックが実装された関数。指定ない場合は noop 関数が使用されます。
+* @param hide - アクションを非表示にするロジックが実装された関数。指定ない場合は noop 関数が使用されます。
+*
+* @returns
+* スクロールが開始されている場合は、クリーンアップ関数を返します。そうでない場合は `null` を返します
+*
+* @internal
+*/
+export declare function showOnScroll<ModalProps extends Pick<Props, "show_on_scroll" | "show_on_scroll_rate" | "hide_on_scroll_releave" | "show_on_scroll_reenter">>(props: ModalProps, show?: Function, hide?: Function): (() => void) | null;
+/**
+* 時間に応じてアクションを表示するトリガー関数
+*
+* @param props - アクションのプロパティ。プロパティには `show_on_time` そして `show_on_time_count` が必要です。
+* @param show - アクションを表示するロジックが実装された関数。指定ない場合は noop 関数が使用されます。
+*
+* @remarks
+* 時間のカウントが `show_on_time_count` に達したときに `show` 関数を呼び出します。
+*
+* @returns
+* タイマーが開始された場合、タイマーをクリーンアップする関数を返します。それ以外は `null` を返します。
+*
+* @internal
+*/
+export declare function showOnTime<ModalProps extends Pick<Props, "show_on_time" | "show_on_time_count">>(props: ModalProps, show?: Function): (() => void) | null;
+/** @internal */
+export declare function and(fn: Function, ...conditionFns: Function[]): ReturnType<typeof checkAndDo>;
+/** @internal */
+export declare function or(fn: Function, ...conditionFns: Function[]): ReturnType<typeof checkAndDo>;
+declare function checkAndDo(checkFn: Function, fn: Function, ...conditionFns: Function[]): () => void | null;
+export {};

package/dist/svelte5/form.d.ts

@@ -0,0 +1,100 @@
+import type { FormData } from "./stores.js";
+import type { Readable, Writable } from "svelte/store";
+type AnswerValue = {
+	choices: string[]
+} | {
+	free_answer: string
+};
+type InputValue = any;
+type RegisterInputFuncArg<T extends InputValue> = {
+	name: string
+	statePath: string
+	validator?: (value: T) => boolean
+	initialValue: T
+};
+type RegisterInputFunc = {
+	<T extends InputValue>(arg: RegisterInputFuncArg<T>): {
+		value: Writable<T>
+		isValid: Readable<boolean>
+	}
+};
+/** @internal */
+export declare function createInputRegisterer(formData: Writable<FormData>): RegisterInputFunc;
+/** @internal */
+export declare const registerInput: RegisterInputFunc;
+/** @internal */
+export declare const registerIdentifyInput: RegisterInputFunc;
+/** @internal */
+export declare function deleteValues(statePath: string): void;
+/** @internal */
+export declare const getValuesAreValidReadable: (statePath: string) => Readable<boolean>;
+/** @internal */
+export declare function submit(): {
+	values?: any
+	identifyValues?: any
+};
+/**
+* 選択式のアンケート回答を追加する
+*
+* @param questionId - 質問ID
+* @param choices - 回答内容
+*
+* @public
+*/
+export declare function addChoiceAnswer(questionId: string, choices: string[], validation?: {
+	isValid: boolean
+	statePath: string
+}): void;
+/**
+* 自由記述式のアンケート回答を追加する
+*
+* @param questionId - 質問ID
+* @param freeAnswer - 回答内容
+*
+* @public
+*/
+export declare function addFreeAnswer(questionId: string, freeAnswer: string, validation?: {
+	isValid: boolean
+	statePath: string
+}): void;
+/**
+* 回答済の回答を削除
+*
+* @param questionId - 質問ID
+*
+* @public
+*/
+export declare function removeAnswer(questionId: string): void;
+/**
+* 回答済の回答内容を取得する
+*
+* @param questionId - 質問ID
+*
+* @returns 回答データ
+*
+* @public
+*/
+export declare function getAnsweredQuestion(questionId: string): AnswerValue | undefined;
+/**
+* 回答済の回答IDのリストを取得
+*
+* @returns 回答済の質問の質問IDの配列
+*
+* @public
+*/
+export declare function getAnsweredQuestionIds(): string[];
+/**
+* `sendAnswers`のエイリアス
+*
+* @public
+*/
+export declare function sendAnswer(): boolean;
+/**
+* 回答済の回答をまとめてイベントとして送信する
+*
+* @returns イベント送信の成功/失敗
+*
+* @public
+*/
+export declare function sendAnswers(): boolean;
+export {};

package/dist/svelte5/functions.d.ts

@@ -0,0 +1,71 @@
+import type { OnClickOperation, AnimationStyle } from "./prop.js";
+import type { CloseTrigger } from "./modal.js";
+/** @internal */
+export declare const none: () => () => void;
+/** @internal */
+export declare const moveTo: (to: string) => () => void;
+/** @internal */
+export declare const linkTo: (to: string, targetBlank?: boolean, decode?: boolean) => () => void;
+/** @internal */
+export declare const closeApp: (trigger: CloseTrigger) => () => void;
+/** @internal */
+export declare const runScript: (handlerName: string) => () => void;
+/** @internal */
+export declare const submitForm: (to: string) => () => void;
+/** @internal */
+export declare const bootChat: (hide_launcher: boolean, placement_pc: string, placement_mobile: string, horizontal_spacing_pc: number, horizontal_spacing_mobile: number, vertical_spacing_pc: number, vertical_spacing_mobile: number, theme_color: string, header_title: string, header_description: string, launcher_image: string) => () => void;
+/** @internal */
+export declare const execOnClickOperation: (onClickOperation: OnClickOperation) => void;
+/** @internal */
+export declare const haveFunction: (onClickOperation: OnClickOperation) => boolean;
+/**
+* An option for svelte custom animation
+*/
+interface CustomAnimationOptions {
+	/**
+	* A Transform value in percent of target element
+	*/
+	transforms: Array<{
+		query: string | null
+		x: number
+		y: number
+	}>;
+	/**
+	* A style of animation(e.g. fade, slide-in)
+	*/
+	animationStyle: AnimationStyle;
+	/**
+	* A waiting time in milliseconds before starting animation
+	*
+	* @defaultValue 0
+	*/
+	delay?: number;
+	/**
+	*  A total duration time in milliseconds of the animation
+	*
+	* @defaultValue 1000
+	*/
+	duration?: number;
+}
+/**
+* The function to activate svelte animation.
+*
+* @param node - A target node of animation. This argument is passed by svelte, by default.
+* @param customAnimationOptions - A custom animation option object
+*
+* @see {@link https://svelte.dev/docs#template-syntax-element-directives-transition-fn-custom-transition-functions| Custom transition functions} for detail documentation
+*
+* @internal
+*/
+export declare function customAnimation(node: Element, { transforms, animationStyle, delay, duration }: CustomAnimationOptions): {
+	delay?: undefined
+	duration?: undefined
+	easing?: undefined
+	css?: undefined
+} | {
+	delay: number
+	duration: number
+	easing: (t: any) => any
+	css: (progress: number) => string
+};
+export {};

package/dist/svelte5/hooks/useClickable.d.ts

@@ -0,0 +1,7 @@
+import type { ClickableProps } from "../components-flex/props.js";
+declare const useClickable: ({ eventValue, eventName, onClick, element }: ClickableProps) => {
+	element: string
+	attributes: Record<string, any>
+	handleClick: (e: MouseEvent) => void
+};
+export default useClickable;

package/dist/svelte5/hooks/useInjectCustomizeCss.d.ts

@@ -0,0 +1,2 @@
+import type { CustomizeCssProps } from "../components-flex/props.js";
+export declare const useInjectCustomizeCss: (props: CustomizeCssProps) => void;

package/dist/svelte5/hooks/useText.d.ts

@@ -0,0 +1,5 @@
+import type { LayerTextProps } from "../components-flex/text/types.js";
+export declare const useText: (props: LayerTextProps) => {
+	escapedHTML: string
+	style: string
+};

package/dist/svelte5/hydrate/action.d.ts

@@ -0,0 +1,63 @@
+import type { ActionVariables, ActionOptions, ActionHook } from "./types.js";
+import type { SvelteComponentTyped } from "svelte";
+import type { VariableQuery } from "./collection.js";
+import type { Props as ModalProps } from "./display-logic.js";
+/**
+* アクションを作成する
+*
+* @param App - Svelte コンポーネントのエントリポイント
+* @param options - {@link ActionOptions | オプション}
+*
+* @returns アクションを破棄する関数
+*
+* @public
+*/
+export declare function create<
+	Props extends ModalProps,
+	Variables,
+	VariablesQuery extends Array<VariableQuery>
+>(App: typeof SvelteComponentTyped, options?: ActionOptions<Props, Variables & ActionVariables, VariablesQuery>): () => void;
+/**
+* アクションの破棄する
+*
+* @public
+*/
+export declare function destroyAction(): void;
+/**
+* アクションが作成 (create) される前にフックする関数
+*
+* @param fn - 呼び出されるフック関数
+*
+* @public
+*/
+export declare function onCreate<
+	Props extends ModalProps,
+	Variables
+>(fn: ActionHook<Props, Variables & ActionVariables>): void;
+/**
+* アクションが破棄 (destroy) される前にフックする関数
+*
+* @param fn - 呼び出されるフック関数
+*
+* @public
+*/
+export declare function onDestroy<
+	Props extends ModalProps,
+	Variables
+>(fn: ActionHook<Props, Variables & ActionVariables>): void;
+/**
+* 非推奨
+*
+* @deprecated 非推奨
+*
+* @internal
+*/
+export declare const showModal: typeof create;
+/**
+* 非推奨
+*
+* @deprecated 非推奨
+*
+* @internal
+*/
+export declare function destroy(): void;

package/dist/svelte5/hydrate/actionEvent.d.ts

@@ -0,0 +1,25 @@
+import type { ActionSetting } from "./types.js";
+/** @internal */
+export declare const actionId: string;
+/** @internal */
+export declare const ACTION_DESTROY_EVENT: string;
+/** @internal */
+export declare const ACTION_SHOW_EVENT: string;
+/** @internal */
+export declare const ACTION_CLOSE_EVENT: string;
+/** @internal */
+export declare const ACTION_CHANGE_STATE_EVENT: string;
+/** @internal */
+export declare const send_event: (event_name: string, values?: any) => void;
+/** @internal */
+export declare const publish_edge: (topic: string, values?: any) => void;
+/** @internal */
+export declare const initialize: (setting?: ActionSetting) => () => void;
+/** @internal */
+export declare const finalize: () => void;
+/**
+* Dispatch the event to destroy KARTE action
+*
+* @internal
+*/
+export declare function dispatchDestroyEvent(): void;

package/dist/svelte5/hydrate/collection.d.ts

@@ -0,0 +1,121 @@
+type ActionTableResult = number | string | boolean | Date | null | undefined;
+type ActionTableQueryParam = string | number | boolean | Date;
+type ActionTableQueryParams = {
+	[key: string]: ActionTableQueryParam | ActionTableQueryParam[]
+};
+/**
+* アクションテーブルの設定情報
+*
+* @param api_key - API Key
+* @param table - テーブル名
+* @param endpoint - エンドポイント / 指定がない場合はデフォルトのエンドポイントを使用します。検証用途以外での通常利用では指定なしで大丈夫です。
+*/
+export type CollectionConfig = {
+	api_key: string
+	table: string
+	collection_endpoint?: string
+};
+/**
+* アクションテーブルを管理するメソッドを取得する
+*
+* @param config - アクションテーブル設定情報
+*
+* @returns メソッドを返します
+*
+* @public
+*/
+export declare function collection(config: CollectionConfig): {
+	/**
+	* キーを１つ、または複数指定して、対応するアクションテーブルの行を取得する
+	*
+	* @param key - 取得する行のキーを一つ、または複数配列で指定
+	* @param cb - テーブルの行を取得した後に実行するcallback関数
+	*
+	* @public
+	*/
+	get(key: string | Array<string>, cb: (err: Error | null, items?: ActionTableResult | Array<ActionTableResult>) => void): void
+	/**
+	* クエリーを指定して、アクションテーブルから行を取得する
+	* なお、クエリーは事前に管理画面で設定しておく必要があります。
+	*
+	* @param query_name - クエリー名
+	* @param params - クエリーに指定するパラメーター。 `{key: value}` の形式で指定
+	* @param cb - テーブルの行を取得した後に実行するcallback関数
+	*
+	* @public
+	*/
+	getByQuery(query_name: string, params: ActionTableQueryParams, options: {
+		ignore_fields?: string[]
+	} | null | undefined, cb: (err: Error | null, items?: Array<ActionTableResult>) => void): void
+	/** @internal */
+	set(key: string, value: string, cb: (err: Error | null) => void): void
+};
+/** @internal */
+export type VariableQuery = {
+	resolver: string
+	name: string
+	query: any
+	preview_value?: any
+};
+/** @internal */
+export type ActionTableRowRequestConfig = VariableQuery & {
+	resolver: "action-table-row"
+	query: {
+		table_name: string
+		key: string
+		default_value?: ActionTableResult
+	}
+	preview_value?: ActionTableResult
+};
+/** @internal */
+export type ActionTableRowsRequestConfig = VariableQuery & {
+	resolver: "action-table-rows"
+	query: {
+		table_name: string
+		keys: Array<string>
+		default_value?: Array<ActionTableResult>
+	}
+	preview_value?: Array<ActionTableResult>
+};
+/** @internal */
+export type ActionTableQueryRequestConfig = VariableQuery & {
+	resolver: "action-table-query"
+	query: {
+		table_name: string
+		query_name: string
+		params?: {
+			[key: string]: string
+		}
+		default_value?: Array<ActionTableResult>
+	}
+	preview_value?: Array<ActionTableResult>
+};
+/** @internal */
+export type ActionTableRequestConfig = ActionTableRowRequestConfig | ActionTableRowsRequestConfig | ActionTableQueryRequestConfig;
+/** @internal */
+export declare const loadActionTableRow: (config: ActionTableRowRequestConfig, data: {
+	[key: string]: any
+}, api_key: string, collection_endpoint?: string) => Promise<unknown>;
+/** @internal */
+export declare const loadActionTableRows: (config: ActionTableRowsRequestConfig, data: {
+	[key: string]: any
+}, api_key: string, collection_endpoint?: string) => Promise<unknown>;
+/** @internal */
+export declare const loadActionTableQuery: (config: ActionTableQueryRequestConfig, data: {
+	[key: string]: any
+}, api_key: string, collection_endpoint?: string) => Promise<unknown>;
+/** @internal */
+export declare const loadActionTable: (config: Array<VariableQuery>, data: {
+	[key: string]: any
+}, api_key: string, collection_endpoint?: string) => Promise<{
+	[key: string]: any
+}>;
+/** @internal */
+export declare function setupActionTable(localVariablesQuery: Array<VariableQuery>, data: {
+	[key: string]: any
+}, apiKey: string, collection_endpoint: string): Promise<{
+	success: boolean
+}>;
+/** @internal */
+export declare function initActionTable(localVariablesQuery: Array<VariableQuery> | undefined): void;
+export {};

package/dist/svelte5/hydrate/components/index.d.ts

@@ -0,0 +1,32 @@
+import { onMount as onMountSvelte, onDestroy as onDestorySvelte, beforeUpdate as beforeUpdateSvelte, afterUpdate as afterUpdateSvelte, tick as tickSvelte } from "svelte";
+/**
+* エレメントをマウントしたときに実行される関数の登録
+*
+* @param fn - マウントしたときに実行される関数
+*/
+export declare const onMount: typeof onMountSvelte;
+/**
+* エレメントを破棄したときに実行される関数の登録
+*
+* @param fn - マウントしたときに実行される関数
+*/
+export declare const onDestory: typeof onDestorySvelte;
+/**
+* エレメントを更新する前に実行される関数の登録
+*
+* @param fn - マウントしたときに実行される関数
+*/
+export declare const beforeUpdate: typeof beforeUpdateSvelte;
+/**
+* エレメントを更新した後に実行される関数の登録
+*
+* @param fn - マウントしたときに実行される関数
+*/
+export declare const afterUpdate: typeof afterUpdateSvelte;
+/**
+* エレメントのライフサイクルを進める
+*
+* @returns Promise<void>
+*/
+export declare const tick: typeof tickSvelte;
+export declare const LAYOUT_COMPONENT_NAMES: string[];

package/dist/svelte5/hydrate/components-flex/avatar/styles.d.ts

@@ -0,0 +1,3 @@
+import type { PropStyles } from "../shared/types.js";
+import type { AvatarProps } from "./types.js";
+export declare const AVATAR_SIZE_STYLES: PropStyles<AvatarProps, "size">;

package/dist/svelte5/hydrate/components-flex/avatar/types.d.ts

@@ -0,0 +1,24 @@
+import type { BorderProps, ClickableProps, CommonProps } from "../props.js";
+import type { Properties } from "csstype";
+export declare const AVATAR_SIZE: {
+	readonly extra_small: "XS（48 x 48）"
+	readonly small: "S（64 x 64）"
+	readonly medium: "M（88 x 88）"
+	readonly large: "L（108 x 108）"
+	readonly extra_large: "XL（128 x 128）"
+};
+export declare const AVATAR_SHAPE: {
+	readonly circle: "サークル"
+	readonly square: "スクエア"
+	readonly rounded: "ラウンド"
+};
+export type AvatarProps = CommonProps & ClickableProps & BorderProps & {
+	size?: keyof typeof AVATAR_SIZE | number
+	width?: Properties["width"]
+	height?: Properties["height"]
+	shape?: keyof typeof AVATAR_SHAPE
+	image?: string
+	caption?: string
+	alt?: string
+};
+export declare const avatarPropsDefault: AvatarProps;