@plaidev/karte-action-sdk 1.1.268 → 1.1.269-29151822.663827f4

package/dist/hydrate/components-flex/layout/types.d.ts

@@ -0,0 +1,21 @@
+import type { Properties } from "csstype";
+import type { BorderProps, ClickableProps, CommonProps, OverflowProps, PaddingProps, RadiusProps, ShadowProps, BackgroundProps } from "../props.js";
+export declare const LAYOUT_DISPLAY_TYPE: readonly ["inline-flex", "flex", "block"];
+export type LayoutDisplayType = (typeof LAYOUT_DISPLAY_TYPE)[number];
+export declare const LAYOUT_DIRECTION: readonly ["column", "column-reverse", "row", "row-reverse"];
+export type LayoutFlexDirection = (typeof LAYOUT_DIRECTION)[number];
+export declare const LAYOUT_ALIGN: readonly ["flex-start", "center", "flex-end", "stretch"];
+export type LayoutFlexAlign = (typeof LAYOUT_ALIGN)[number];
+export declare const LAYOUT_JUSTIFY: readonly ["flex-start", "center", "flex-end", "space-between"];
+export type LayoutFlexJustify = (typeof LAYOUT_JUSTIFY)[number];
+export type LayerLayoutProps = CommonProps & ClickableProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundProps & PaddingProps & {
+	display?: LayoutDisplayType
+	direction?: LayoutFlexDirection
+	align?: LayoutFlexAlign
+	justify?: LayoutFlexJustify
+	gap?: Properties["gap"]
+	rowGap?: Properties["rowGap"]
+	columnGap?: Properties["columnGap"]
+	width?: Properties["width"]
+	height?: Properties["height"]
+};

package/dist/hydrate/components-flex/list/types.d.ts

@@ -0,0 +1,27 @@
+import type { Properties } from "csstype";
+import type { CommonProps, ClickableProps, ActionTableProps, BorderSingleProps } from "../props.js";
+export type ListProps = CommonProps & BorderSingleProps & ActionTableProps & {
+	gap?: Properties["gap"]
+	width?: Properties["width"]
+	itemPaddingTop?: Properties["paddingTop"]
+	itemPaddingLeft?: Properties["paddingLeft"]
+	itemPaddingRight?: Properties["paddingRight"]
+	itemPaddingBottom?: Properties["paddingBottom"]
+	itemHeight?: Properties["height"]
+	itemGap?: Properties["gap"]
+};
+export type ListItemProps = CommonProps & ClickableProps & {
+	gap?: number
+};
+export declare const LIST_ITEM_CONTEXT_KEY = "ListItemContext";
+export type ListItemContext = {
+	paddingTop?: Properties["paddingTop"]
+	paddingLeft?: Properties["paddingLeft"]
+	paddingRight?: Properties["paddingRight"]
+	paddingBottom?: Properties["paddingBottom"]
+	height?: Properties["paddingTop"]
+	borderTopWidth?: Properties["borderTopWidth"]
+	borderTopStyle?: Properties["borderTopStyle"]
+	borderTopColor?: Properties["borderTopColor"]
+	gap?: Properties["gap"]
+};

package/dist/hydrate/components-flex/modal/types.d.ts

@@ -0,0 +1,5 @@
+import type { Properties } from "csstype";
+import type { CommonProps, OverflowProps, BorderProps, RadiusProps, ShadowProps, BackgroundProps } from "../props.js";
+export type FrameModalProps = CommonProps & OverflowProps & BorderProps & RadiusProps & ShadowProps & BackgroundProps & {
+	width?: Properties["width"]
+};

package/dist/hydrate/components-flex/multi-column/types.d.ts

@@ -0,0 +1,28 @@
+import type { Properties } from "csstype";
+import type { CommonProps, ClickableProps, BorderSingleProps } from "../props.js";
+export type MultiColumnProps = CommonProps & BorderSingleProps & {
+	gap?: Properties["columnGap"]
+	width?: Properties["width"]
+	itemPaddingTop?: Properties["paddingTop"]
+	itemPaddingLeft?: Properties["paddingLeft"]
+	itemPaddingRight?: Properties["paddingRight"]
+	itemPaddingBottom?: Properties["paddingBottom"]
+	itemHeight?: Properties["height"]
+	itemGap?: Properties["gap"]
+};
+export type MultiColumnItemProps = CommonProps & ClickableProps & {
+	gap?: number
+};
+export declare const MULTI_COLUMN_ITEM_CONTEXT_KEY = "MultiColumnItemContext";
+export type MultiColumnItemContext = {
+	paddingTop?: Properties["paddingTop"]
+	paddingLeft?: Properties["paddingLeft"]
+	paddingRight?: Properties["paddingRight"]
+	paddingBottom?: Properties["paddingBottom"]
+	height?: Properties["paddingTop"]
+	borderLeftWidth?: Properties["borderTopWidth"]
+	borderLeftStyle?: Properties["borderTopStyle"]
+	borderLeftColor?: Properties["borderTopColor"]
+	gap?: Properties["gap"]
+	innerGap?: Properties["gap"]
+};

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

@@ -0,0 +1,107 @@
+import type { Properties } from "csstype";
+import type { OnClickOperation } from "../prop.js";
+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";
+type PositionPlaceProps = {
+	top?: Properties["top"]
+	left?: Properties["left"]
+	right?: Properties["right"]
+	bottom?: Properties["bottom"]
+	transform?: Properties["transform"]
+};
+export type PositionProps = PositionPlaceProps & {
+	position?: Properties["position"]
+};
+export type MetaProps = {
+	displayName?: string
+};
+export type CustomizeCssProps = {
+	isCustomizeCss?: boolean
+	customizeCss?: string
+};
+export type BrandStyleProps = {
+	customBrandKit?: Partial<BrandKit>
+};
+export type ActionTableProps = {
+	actionTableKey?: string
+};
+export type CommonProps = MetaProps & PositionProps & CustomizeCssProps & BrandStyleProps;
+export type ClickableProps = {
+	onClick?: OnClickOperation
+	eventName?: string
+	eventValue?: object
+	element?: string
+};
+export type OverflowProps = {
+	overflow?: Properties["overflow"]
+};
+export type BorderColorProps = {
+	borderColor?: Properties["borderColor"]
+	borderColorVariant?: string
+};
+export type BorderProps = BorderColorProps & {
+	borderTopWidth?: Properties["borderTopWidth"]
+	borderLeftWidth?: Properties["borderLeftWidth"]
+	borderRightWidth?: Properties["borderRightWidth"]
+	borderBottomWidth?: Properties["borderBottomWidth"]
+	borderStyle?: Properties["borderTopStyle"]
+};
+export type BorderSingleProps = BorderColorProps & {
+	borderStyle?: Properties["borderTopStyle"]
+	borderWidth?: Properties["borderTopWidth"]
+};
+export type PaddingProps = {
+	paddingTop?: Properties["paddingTop"]
+	paddingLeft?: Properties["paddingLeft"]
+	paddingBottom?: Properties["paddingBottom"]
+	paddingRight?: Properties["paddingRight"]
+};
+export type RadiusProps = {
+	borderTopLeftRadius?: Properties["borderTopLeftRadius"]
+	borderTopRightRadius?: Properties["borderTopRightRadius"]
+	borderBottomLeftRadius?: Properties["borderBottomLeftRadius"]
+	borderBottomRightRadius?: Properties["borderBottomRightRadius"]
+};
+export type ColorProps = {
+	color?: Properties["color"]
+	colorVariant?: keyof typeof TEXT_THEME
+};
+export type BackgroundColorProps = {
+	backgroundColor?: Properties["backgroundColor"]
+	backgroundColorVariant?: BackgroundColorVariantCode
+};
+export type BackgroundImageProps = {
+	backgroundImageUrl?: string
+	backgroundSize?: Properties["backgroundSize"]
+	backgroundPositionX?: Properties["backgroundPositionX"]
+	backgroundPositionY?: Properties["backgroundPositionY"]
+	backgroundBlendMode?: Properties["backgroundBlendMode"]
+	backgroundBlendColor?: Properties["backgroundColor"]
+};
+export type BackgroundProps = BackgroundColorProps & BackgroundImageProps;
+export type ShadowProps = {
+	shadow?: Properties["boxShadow"]
+	shadowVariant?: ShadowVariantCode
+};
+export type WithIconProps = {
+	isIcon?: boolean
+	iconVariant?: string
+	iconColor?: Properties["color"]
+	iconAngle?: keyof typeof BUTTON_ICON_ANGLE
+};
+export type LinkProps = {
+	isLink?: boolean
+	linkUrl?: string
+	linkTarget?: keyof typeof BUTTON_LINK_TARGET
+};
+export type AspectProps = {
+	aspectVariant?: AspectVariantCode | string
+	aspect?: Properties["aspectRatio"]
+};
+export type FontFamilyProps = {
+	fontFamilyVariant?: FontFamilyVariantCode
+	fontFamily?: Properties["fontFamily"]
+};
+export {};

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

@@ -0,0 +1,36 @@
+import type { ButtonProps } from "./button/types.js";
+import type { AvatarProps } from "./avatar/types.js";
+import type { LayerLayoutProps } from "./layout/types.js";
+import type { ClipboardProps, CloseButtonProps, CountDownProps, IconProps, ImageProps, ListProps, ListItemProps, LayerTextProps } from "../index.svelte5.js";
+type FlexComponentSchemaPropType = "string" | "url" | "number" | "boolean" | "color" | "date_string";
+type FlexComponentSchemaProp<
+	Props extends Record<string, any>,
+	Key extends keyof Props
+> = {
+	key: Key
+	type: FlexComponentSchemaPropType
+	suggestions: Props[Key][]
+	default?: Props[Key]
+	priority?: number
+};
+type FlexComponentSchema<Props extends Record<string, any> = object> = {
+	props: FlexComponentSchemaProp<Props, keyof Props>[]
+};
+export declare const createProp: <
+	Props extends Record<string, any>,
+	K extends keyof Props
+>(key: K, type: FlexComponentSchemaPropType, suggestions?: Props[K][], priority?: number, defaultValue?: Props[K]) => FlexComponentSchemaProp<Props, K>;
+export declare const flexComponentSchemes: {
+	readonly FlexAvatar: FlexComponentSchema<AvatarProps>
+	readonly FlexButton: FlexComponentSchema<ButtonProps>
+	readonly FlexClipCopy: FlexComponentSchema<ClipboardProps>
+	readonly FlexCloseButton: FlexComponentSchema<CloseButtonProps>
+	readonly FlexCountDown: FlexComponentSchema<CountDownProps>
+	readonly FlexIcon: FlexComponentSchema<IconProps>
+	readonly FlexImage: FlexComponentSchema<ImageProps>
+	readonly FlexLayout: FlexComponentSchema<LayerLayoutProps>
+	readonly FlexList: FlexComponentSchema<ListProps>
+	readonly FlexListItem: FlexComponentSchema<ListItemProps>
+	readonly FlexText: FlexComponentSchema<LayerTextProps>
+};
+export {};

package/dist/hydrate/components-flex/shared/styles.d.ts

@@ -0,0 +1,3 @@
+import type { ROUND_VARIANT } from "./types.js";
+import type { Properties } from "csstype";
+export declare const ROUND_STYLES: Record<keyof typeof ROUND_VARIANT, Pick<Properties, "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius">>;

package/dist/hydrate/components-flex/shared/types.d.ts

@@ -0,0 +1,13 @@
+import type { Properties } from "csstype";
+export type PropStyles<
+	Props extends Record<string, any>,
+	K extends keyof Props
+> = Record<NonNullable<Props[K]>, Props | Properties>;
+export declare const ROUND_VARIANT: {
+	readonly extra_small: "XSmall (2px)"
+	readonly small: "Small (4px)"
+	readonly medium: "Medium (8px)"
+	readonly large: "Large (16px)"
+	readonly extra_large: "Large (24px)"
+	readonly fulled: "Full (100%)"
+};

package/dist/hydrate/components-flex/slider/types.d.ts

@@ -0,0 +1,10 @@
+import type { CommonProps, ClickableProps } from "../props.js";
+export type SliderProps = CommonProps & {
+	gap: number
+	itemWidthPercentage: number
+	auto?: boolean
+	loop?: boolean
+	hideIndicator?: boolean
+	interval?: number
+};
+export type SliderItemProps = CommonProps & ClickableProps;

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

@@ -0,0 +1,9 @@
+import { type BrandKit } from "./brand-kit.js";
+import type { Properties } from "csstype";
+export declare const getPropStyles: <
+	T extends object = object,
+	R = BrandableStyles<T>
+>(callback: (args: {
+	brandKit: BrandKit
+}) => R) => (customBrandKit?: Partial<BrandKit>) => R;
+export type BrandableStyles<T extends object = object> = Record<string, Partial<T & Properties>>;

package/dist/hydrate/components-flex/text/constants.d.ts

@@ -0,0 +1,4 @@
+import type { LayerTextProps } from "src/components-flex/text/types";
+export declare const TEXT_VARIANTS: {
+	size: Record<NonNullable<LayerTextProps["size"]>, any>
+};

package/dist/hydrate/components-flex/text/styles.d.ts

@@ -0,0 +1,7 @@
+import type { BrandKit } from "../brand-kit.js";
+import type { BrandableStyles } from "../styles.js";
+type TextThemeProps = {
+	color: string
+};
+export declare const getTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<TextThemeProps>;
+export {};

package/dist/hydrate/components-flex/text/types.d.ts

@@ -0,0 +1,39 @@
+import type { Properties } from "csstype";
+import type { BackgroundColorProps, BorderProps, ClickableProps, CommonProps, CustomizeCssProps, LinkProps, PaddingProps, RadiusProps, WithIconProps, FontFamilyProps } from "../props.js";
+export declare const LAYER_TEXT_SIZE: {
+	readonly small: "本文 / スモール"
+	readonly medium: "本文 / ミディアム"
+	readonly large: "本文 / ラージ"
+	readonly heading_extra_small: "見出し / スモール"
+	readonly heading_small: "見出し / ミディアム"
+	readonly heading_medium: "見出し / ラージ"
+	readonly heading_large: "見出し / エクストララージ"
+};
+export declare const TEXT_THEME: {
+	readonly default: "デフォルト"
+	readonly gray: "グレー"
+	readonly brand: "ブランド"
+	readonly success: "サクセス"
+	readonly warning: "ワーニング"
+	readonly danger: "アラート"
+	readonly info: "インフォ"
+	readonly white: "ホワイト"
+};
+export declare const TEXT_STYLE: {
+	readonly normal: "normal"
+	readonly italic: "italic"
+};
+export type LayerTextProps = CommonProps & BorderProps & RadiusProps & BackgroundColorProps & WithIconProps & LinkProps & ClickableProps & CustomizeCssProps & FontFamilyProps & PaddingProps & {
+	content: string
+	theme?: keyof typeof TEXT_THEME
+	size?: keyof typeof LAYER_TEXT_SIZE
+	align?: Properties["textAlign"]
+	fontStyle?: Properties["fontStyle"]
+	fontSize?: Properties["fontSize"]
+	fontWeight?: Properties["fontWeight"]
+	letterSpacing?: Properties["letterSpacing"]
+	lineHeight?: number
+	lineClamp?: number
+	color?: Properties["color"]
+	width?: Properties["width"]
+};

package/dist/hydrate/components-flex/text-link/styles.d.ts

@@ -0,0 +1,6 @@
+import type { PropStyles } from "../shared/types.js";
+import type { TextLinkProps } from "./types.js";
+import type { BrandKit } from "../brand-kit.js";
+import type { BrandableStyles } from "../styles.js";
+export declare const TEXT_LINK_SIZE_STYLES: PropStyles<TextLinkProps, "size">;
+export declare const getTextLinkThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<TextLinkProps>;

package/dist/hydrate/components-flex/text-link/types.d.ts

@@ -0,0 +1,31 @@
+import type { Properties } from "csstype";
+import type { ClickableProps, CommonProps, LinkProps, WithIconProps, FontFamilyProps } from "../props.js";
+export declare const TEXT_LINK_SIZE: {
+	readonly small: "Small"
+	readonly medium: "Medium"
+	readonly large: "Large"
+};
+export declare const TEXT_LINK_THEME: {
+	readonly default: "デフォルト"
+	readonly link: "Link"
+	readonly brand: "Brand"
+	readonly alert: "Danger"
+	readonly gray: "Gray"
+	readonly white: "White"
+};
+export declare const TEXT_LINK_UNDERLINE: {
+	readonly hover_on: "ホバーで表示"
+	readonly hover_off: "ホバーで非表示"
+	readonly on: "常に表示"
+	readonly off: "常に非表示"
+};
+export type TextLinkProps = CommonProps & ClickableProps & LinkProps & FontFamilyProps & WithIconProps & {
+	label: string
+	size?: keyof typeof TEXT_LINK_SIZE
+	lineHeight?: number
+	fontSize?: Properties["fontSize"]
+	theme?: keyof typeof TEXT_LINK_THEME
+	color?: Properties["color"]
+	underline?: keyof typeof TEXT_LINK_UNDERLINE
+	fontWeight?: Properties["fontWeight"]
+};

package/dist/hydrate/components-flex/utils/color.d.ts

@@ -0,0 +1,7 @@
+export declare function hexToRgb(hex: string): {
+	r: number
+	g: number
+	b: number
+};
+export declare function rgbToHex(r: number, g: number, b: number): string;
+export declare function darkenColor(color: string, percent: number): string;

package/dist/hydrate/components-flex/utils/obj-to-style.d.ts

@@ -0,0 +1,2 @@
+import type { Properties } from "csstype";
+export declare const objToStyle: (obj: Properties) => string;

package/dist/hydrate/components-flex/utils/parser.d.ts

@@ -0,0 +1,5 @@
+export declare function splitNumberAndUnit(value?: string | 0): {
+	number: number | undefined
+	unit: string
+};
+export declare function combineNumberAndUnit(number: number, unit?: string): string;

package/dist/hydrate/components-flex/utils/prop-to-style.d.ts

@@ -0,0 +1,11 @@
+import type { Properties } from "csstype";
+import type { BorderProps, CommonProps, OverflowProps, PaddingProps, PositionProps, RadiusProps, ShadowProps, BackgroundProps } from "../props.js";
+import type { BrandKit } from "../brand-kit.js";
+export declare const toCssPosition: (p?: PositionProps) => Properties;
+export declare const toCssCommon: (p?: CommonProps) => Properties;
+export declare const toCssBorder: (p?: BorderProps, brandKit?: BrandKit) => Properties;
+export declare const toCssPadding: (p?: PaddingProps) => Properties;
+export declare const toCssBackground: (p?: BackgroundProps, brandKit?: BrandKit) => Properties;
+export declare const toCssRadius: (p?: RadiusProps) => Properties;
+export declare const toCssShadow: (p?: ShadowProps) => Properties;
+export declare const toCssOverflow: (p?: OverflowProps) => Properties;

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

@@ -0,0 +1,48 @@
+import type { BrandKit } from "./brand-kit.js";
+import type { ShadowProps, FontFamilyProps, AspectProps, BackgroundColorProps, BorderColorProps } 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?: Partial<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 declare const BACKGROUND_COLOR_VARIANT: VariantDefinitionGroup<Omit<BackgroundColorProps, "backgroundColorVariant">>;
+export type BackgroundColorVariantCode = keyof typeof BACKGROUND_COLOR_VARIANT;
+export declare const BACKGROUND_COLOR_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<BackgroundColorProps, "backgroundColorVariant">, object>>[];
+export declare const BORDER_COLOR_VARIANT: VariantDefinitionGroup<Omit<BorderColorProps, "borderColorVariant">>;
+export type BorderColorVariantCode = keyof typeof BORDER_COLOR_VARIANT;
+export declare const BORDER_COLOR_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<BorderColorProps, "borderColorVariant">, object>>[];
+export {};

package/dist/hydrate/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/hydrate/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/hydrate/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/hydrate/enhancedStopPropagation.d.ts

@@ -0,0 +1,6 @@
+export declare function dataAttrStopPropagation<K extends keyof WindowEventMap>(eventName: K): {
+	[key: string]: boolean
+};
+type EventHandler<K extends keyof WindowEventMap> = (event: WindowEventMap[K]) => void;
+export declare function checkStopPropagation<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void): EventHandler<K>;
+export {};