@plaidev/karte-action-sdk 1.1.270-29228770.05dce6ca → 1.1.270-29270413.6a2b1dc5c

package/dist/action.d.ts

@@ -45,7 +45,6 @@ export declare function onDestroy<
 	Props extends ModalProps,
 	Variables
 >(fn: ActionHook<Props, Variables & ActionVariables>): void;
-// -------- The following codes are deprecated --------
 /**
 * 非推奨
 *

package/dist/actionEvent.d.ts

@@ -1,5 +1,4 @@
 import type { ActionSetting } from "./types.js";
-// prettier-ignore
 /** @internal */
 export declare const actionId: string;
 /** @internal */

package/dist/components/index.d.ts

@@ -29,5 +29,4 @@ export declare const afterUpdate: typeof afterUpdateSvelte;
 * @returns Promise<void>
 */
 export declare const tick: typeof tickSvelte;
-// @internal
 export declare const LAYOUT_COMPONENT_NAMES: string[];

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

@@ -13,7 +13,6 @@ export declare const AVATAR_SHAPE: {
 	readonly rounded: "ラウンド";
 };
 export type AvatarProps = CommonProps & ClickableProps & PaddingProps & BorderProps & {
-	// size
 	size?: keyof typeof AVATAR_SIZE | number;
 	width?: Properties["width"];
 	height?: Properties["height"];

package/dist/components-flex/button/types.d.ts

@@ -39,19 +39,16 @@ export declare const BUTTON_ICON_ANGLE: {
 };
 export type ButtonProps = CommonProps & ClickableProps & ShadowProps & LinkProps & WithIconProps & RadiusProps & BorderProps & {
 	label?: string;
-	// size
 	size?: keyof typeof BUTTON_SIZE | string;
 	height?: Properties["height"];
 	paddingLeft?: Properties["paddingLeft"];
 	paddingRight?: Properties["paddingRight"];
 	fontSize?: Properties["fontSize"];
-	// theme
 	theme?: keyof typeof BUTTON_THEME | string;
 	variant?: keyof typeof BUTTON_VARIANT | string;
 	color?: Properties["color"];
 	backgroundColor?: Properties["backgroundColor"];
 	borderColor?: Properties["borderColor"];
-	// others
 	fontWeight?: Properties["fontWeight"];
 	round?: keyof typeof BUTTON_ROUND;
 	width?: Properties["width"];

package/dist/components-flex/button-outlined/types.d.ts

@@ -3,18 +3,15 @@ import type { BorderProps, ClickableProps, CommonProps, LinkProps, ShadowProps,
 import type { BUTTON_THEME, BUTTON_ROUND, BUTTON_SIZE } from "../button/types.js";
 export type ButtonOutlinedProps = CommonProps & ClickableProps & ShadowProps & WithIconProps & LinkProps & BorderProps & {
 	label?: string;
-	// size
 	size?: keyof typeof BUTTON_SIZE;
 	height?: Properties["height"];
 	paddingLeft?: Properties["paddingLeft"];
 	paddingRight?: Properties["paddingRight"];
 	fontSize?: Properties["fontSize"];
-	// theme
 	theme?: keyof typeof BUTTON_THEME;
 	color?: Properties["color"];
 	backgroundColor?: Properties["backgroundColor"];
 	borderColor?: Properties["backgroundColor"];
-	// others
 	width?: Properties["width"];
 	round?: keyof typeof BUTTON_ROUND;
 	fontWeight?: Properties["fontWeight"];

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

@@ -18,17 +18,14 @@ export declare const BUTTON_TEXT_THEME: {
 };
 export type ButtonTextProps = CommonProps & ClickableProps & LinkProps & WithIconProps & {
 	label?: string;
-	// size
 	size?: keyof typeof BUTTON_TEXT_SIZE;
 	height?: Properties["height"];
 	paddingLeft?: Properties["paddingLeft"];
 	paddingRight?: Properties["paddingRight"];
 	fontSize?: Properties["fontSize"];
-	// theme
 	theme?: keyof typeof BUTTON_TEXT_THEME;
 	color?: Properties["color"];
 	backgroundColor?: Properties["backgroundColor"];
-	// others
 	fontWeight?: Properties["fontWeight"];
 	width?: Properties["width"];
 	round?: keyof typeof BUTTON_ROUND;

package/dist/components-flex/form/types.d.ts

@@ -1,5 +1,6 @@
 import type { CommonProps } from "../props.js";
 import { Properties } from "csstype";
+import { FormStoreValidation } from "../form.js";
 export type FormProps = CommonProps & {
 	fields: FormField[];
 };
@@ -13,27 +14,45 @@ export declare const FORM_FIELD_LABEL_THEME: {
 	readonly gray: "グレー";
 	readonly brand: "ブランド";
 };
-export type FormFieldProps = CommonProps & {
-	fieldName?: string;
-	fieldType?: FormFieldType;
+export declare const FORM_IDENTIFY_FIELD_TYPE: {
+	readonly email: "メールアドレス";
+	readonly subscription: "メールマガジン登録";
+	readonly phone: "電話番号";
+	readonly phone_subscribe: "SMS配信許可";
+	readonly first_name: "名前（名）";
+	readonly last_name: "名前（姓）";
+	readonly address: "住所";
+};
+type FieldProps = CommonProps & {
 	required?: boolean;
 	defaultValue?: string | string[];
-	// layout
+	validations?: FormStoreValidation[];
 	direction?: "row" | "column";
 	gap?: Properties["rowGap"];
-	// label
 	showLabel?: boolean;
 	label?: string;
 	labelWidth?: Properties["width"];
 	labelSize?: keyof typeof FORM_FIELD_LABEL_SIZE | string;
 	labelTheme?: keyof typeof FORM_FIELD_LABEL_THEME | string;
 };
+export type FormFieldProps = CommonProps & FieldProps & {
+	fieldName?: string;
+	fieldType?: FormFieldType;
+	isIdentify?: boolean;
+};
+export type FormIdentifyFieldType = keyof typeof FORM_IDENTIFY_FIELD_TYPE;
+export type FormIdentifyFieldProps = CommonProps & FieldProps & {
+	identifyType: FormIdentifyFieldType;
+	inputProps?: FormInputStyleProps;
+	checkerProps?: FormCheckerStyleProps & FormOptionsProps;
+};
 export declare const FORM_FIELD_TYPE: {
 	readonly INPUT: "input";
 	readonly SELECT: "select";
 	readonly CHECKBOX: "checkbox";
 	readonly CHECKBOXES: "checkboxes";
 	readonly RADIOS: "radio";
+	readonly BOOLEAN: "boolean";
 	readonly TEXTAREA: "textarea";
 };
 export type FormFieldType = (typeof FORM_FIELD_TYPE)[keyof typeof FORM_FIELD_TYPE];
@@ -42,7 +61,7 @@ export type FormField = {
 	type: FormFieldType;
 	required: boolean;
 	label: string;
-	defaultValue?: string | string[];
+	defaultValue?: string | string[] | boolean;
 };
 export declare const FORM_FIELD_VARIANT: {
 	readonly outlined: "アウトライン";
@@ -68,7 +87,7 @@ export declare const FORM_INPUT_TYPE: {
 	readonly EMAIL: "email";
 };
 export type FormInputType = (typeof FORM_INPUT_TYPE)[keyof typeof FORM_INPUT_TYPE];
-export type FormInputCommonProps = {
+export type FormInputStyleProps = {
 	placeholder?: string;
 	width?: Properties["width"];
 	variant?: FormFieldVariant;
@@ -79,12 +98,10 @@ export type FormInputCommonProps = {
 	fontColor?: string;
 	placeholderColor?: string;
 };
-export type FormInputProps = FormFieldProps & FormInputCommonProps & {
-	variant?: FormFieldVariant;
+export type FormInputProps = FormFieldProps & FormInputStyleProps & {
 	inputType?: FormInputType;
 };
-export type FormTextareaProps = FormFieldProps & FormInputCommonProps & {
-	variant?: FormFieldVariant;
+export type FormTextareaProps = FormFieldProps & FormInputStyleProps & {
 	rows?: number;
 };
 export type FormOptionsProps = {
@@ -93,10 +110,11 @@ export type FormOptionsProps = {
 		value: string;
 	}[];
 };
-export type FormSelectProps = FormFieldProps & FormInputCommonProps & FormOptionsProps & {
+export type FormSelectProps = FormFieldProps & FormInputStyleProps & FormOptionsProps & {
 	variant?: FormFieldVariant;
 };
-export type FormListCommonProps = FormOptionsProps & {
+export type FormCheckerStyleProps = {
+	variant?: FormFieldVariantForChecker;
 	layout?: "vertical" | "horizontal" | "grid";
 	layoutGridCols?: number;
 	layoutGapY?: Properties["columnGap"];
@@ -105,12 +123,9 @@ export type FormListCommonProps = FormOptionsProps & {
 	borderColor?: string;
 	fontColor?: string;
 	backgroundColor?: string;
-};
-export type FormCheckboxesProps = FormFieldProps & FormListCommonProps & {
-	variant?: FormFieldVariantForChecker;
-	size?: FormFieldSize;
-};
-export type FormRadiosProps = FormFieldProps & FormListCommonProps & {
-	variant?: FormFieldVariantForChecker;
 	size?: FormFieldSize;
 };
+export type FormCheckboxesProps = FormFieldProps & FormOptionsProps & FormCheckerStyleProps;
+export type FormRadiosProps = FormFieldProps & FormOptionsProps & FormCheckerStyleProps;
+export type FormBooleanProps = FormFieldProps & FormOptionsProps & FormCheckerStyleProps;
+export {};

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

@@ -1,21 +1,54 @@
 import { Writable } from "svelte/store";
 import { FormFieldType } from "./form/types.js";
-export type FormStoreValue = string | string[];
+export type FormStoreValue = string | string[] | boolean | undefined;
 export type FormStoreState = {
 	isDirty: boolean;
 	isTouched: boolean;
 	isValid: boolean;
 	errorMessage: string | null;
+	type: FormFieldType;
 	value: FormStoreValue;
 };
 export type FormStoreValues = Record<string, FormStoreValue>;
+export type FormSubmittedValues = Record<string, {
+	value: FormStoreValue;
+	type: FormFieldType;
+}>;
 export type FormStoreErrorMessages = Record<string, FormStoreState["errorMessage"]>;
 export type FormStoreStates = Record<string, FormStoreState>;
+export declare const FORM_VALIDATION_TYPE: {
+	readonly required: "必須";
+	readonly email: "メールアドレス";
+	readonly tel: "電話番号";
+	readonly url: "URL";
+	readonly minLength: "最小文字数";
+	readonly maxLength: "最大文字数";
+	readonly minCount: "最小個数";
+	readonly maxCount: "最大個数";
+	readonly pattern: "正規表現";
+};
+export type FormValidationType = keyof typeof FORM_VALIDATION_TYPE;
+export declare const FORM_VALIDATION_DEFAULT_ERROR_MESSAGES: Record<FormValidationType, string>;
+export declare const FORM_VALIDATION_REGEX: {
+	email: string;
+	tel: string;
+	url: string;
+};
+export type FormStoreValidation = {
+	id: string;
+	type: FormValidationType;
+	number?: number;
+	regexp?: string;
+	errorMessage?: string;
+	locked?: boolean;
+};
 export type FormStoreSchemaInput = {
 	name: string;
 	type: FormFieldType;
 	defaultValue: string | string[];
 	required: boolean;
+	validations?: FormStoreValidation[];
+	isIdentify?: boolean;
 };
 export type FormStoreSchema = FormStoreSchemaInput & {
 	statePath: string;
@@ -28,7 +61,8 @@ export type FormStore = {
 * @internal
 */
 export declare const formStore: Writable<FormStore>;
-export declare const formSubmittedValues: Writable<FormStoreValues>;
+export declare const formSubmittedValues: Writable<FormSubmittedValues>;
+export declare const formSubmittedIdentifyValues: Writable<FormSubmittedValues>;
 /**
 * @public
 */
@@ -69,17 +103,20 @@ export declare const registerFormField: (schemas: FormStoreSchemaInput | FormSto
 * @public
 */
 export declare const unregisterFormField: (fieldNames: string | string[]) => void;
-export declare const validateFormField: (schema: FormStoreSchema, value: FormStoreValue) => {
+export type ValidateFormFieldResult = {
 	isValid: true;
 	error: undefined;
 } | {
 	isValid: false;
 	error: string;
 };
+export declare const validateFormField: (schema: FormStoreSchema, value: FormStoreValue) => ValidateFormFieldResult;
 /**
 * @public
 */
 export declare function onSubmitForm(fn: (data: {
 	currentStateValues: any;
 	allValues: any;
+	currentStateIdentifyValues: any;
+	allIdentifyValues: any;
 }) => void): void;

package/dist/components-flex/icon/types.d.ts

@@ -1,5 +1,4 @@
 import type { ClickableProps, CommonProps } from "../props.js";
-// @ts-ignore -- NOTE(kazupon): error TS2307: Cannot find module 'preact/src/jsx-csstype' or its corresponding type declarations
 import type { Properties } from "preact/src/jsx-csstype";
 export declare const ICON_SIZE: {
 	[key: string]: {

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

@@ -1,12 +1,9 @@
 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: {
-	// extra_small: 'ExtraSmall',
 	readonly small: "本文 / スモール";
 	readonly medium: "本文 / ミディアム";
 	readonly large: "本文 / ラージ";
-	// extra_large: 'ExtraLarge'
-	// MEMO(curtis): 後から調整した関係で見出しは命名と実体を一つずらしている
 	readonly heading_extra_small: "見出し / スモール";
 	readonly heading_small: "見出し / ミディアム";
 	readonly heading_medium: "見出し / ラージ";

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

@@ -21,14 +21,11 @@ export declare const TEXT_LINK_UNDERLINE: {
 };
 export type TextLinkProps = CommonProps & ClickableProps & LinkProps & FontFamilyProps & WithIconProps & {
 	label: string;
-	// size
 	size?: keyof typeof TEXT_LINK_SIZE;
 	lineHeight?: number;
 	fontSize?: Properties["fontSize"];
-	// theme
 	theme?: keyof typeof TEXT_LINK_THEME;
 	color?: Properties["color"];
-	// others
 	underline?: keyof typeof TEXT_LINK_UNDERLINE;
 	fontWeight?: Properties["fontWeight"];
 };

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

@@ -21,15 +21,9 @@ type ToVariantArrayReturn<T> = T[keyof T] & {
 	code: keyof T;
 };
 declare const toVariantArray: <T extends VariantDefinitionGroup>(group: T) => ToVariantArrayReturn<T>[];
-// ================================
-// Aspect
-// ================================
 export declare const ASPECT_VARIANT: VariantDefinitionGroup<Omit<AspectProps, "aspectVariant">>;
 export type AspectVariantCode = keyof typeof ASPECT_VARIANT;
 export declare const ASPECT_VARIANTS: ReturnType<typeof toVariantArray>;
-// ================================
-// FontFamily
-// ================================
 export type FontVariantMeta = {
 	lang: "ja" | "en";
 	type: "kaku" | "maru" | "min";
@@ -42,21 +36,12 @@ type FontFamilyVariantGroup = {
 	variants: ReturnType<typeof toVariantArray>;
 };
 export declare const FONT_FAMILY_VARIANT_GROUPS: FontFamilyVariantGroup[];
-// ================================
-// Shadow
-// ================================
 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>>[];
-// ================================
-// Background
-// ================================
 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>>[];
-// ================================
-// Border
-// ================================
 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>>[];

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

@@ -11,7 +11,6 @@ export type YoutubeProps = CommonProps & BorderProps & {
 	showSubtitle?: boolean;
 	showFullScreen?: boolean;
 	showRelatedMovies?: boolean;
-	// styles
 	shape?: keyof typeof IMAGE_ROUND_SHAPE;
 	width?: Properties["width"];
 };

package/dist/constants.d.ts

@@ -17,7 +17,6 @@ export declare const DEVICE_QUERIES: {
 	readonly PC: "screen and (min-width: 641px)";
 	readonly SP: "screen and (max-width: 640px)";
 };
-// -------- The following codes are deprecated --------
 /**
 * 非推奨
 *

package/dist/hooks/useInjectCustomizeCss.d.ts

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

package/dist/hooks/useText.d.ts

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

package/dist/hydrate/action.d.ts

@@ -45,7 +45,6 @@ export declare function onDestroy<
 	Props extends ModalProps,
 	Variables
 >(fn: ActionHook<Props, Variables & ActionVariables>): void;
-// -------- The following codes are deprecated --------
 /**
 * 非推奨
 *

package/dist/hydrate/actionEvent.d.ts

@@ -1,5 +1,4 @@
 import type { ActionSetting } from "./types.js";
-// prettier-ignore
 /** @internal */
 export declare const actionId: string;
 /** @internal */

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

@@ -29,5 +29,4 @@ export declare const afterUpdate: typeof afterUpdateSvelte;
 * @returns Promise<void>
 */
 export declare const tick: typeof tickSvelte;
-// @internal
 export declare const LAYOUT_COMPONENT_NAMES: string[];

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

@@ -13,7 +13,6 @@ export declare const AVATAR_SHAPE: {
 	readonly rounded: "ラウンド";
 };
 export type AvatarProps = CommonProps & ClickableProps & PaddingProps & BorderProps & {
-	// size
 	size?: keyof typeof AVATAR_SIZE | number;
 	width?: Properties["width"];
 	height?: Properties["height"];

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

@@ -39,19 +39,16 @@ export declare const BUTTON_ICON_ANGLE: {
 };
 export type ButtonProps = CommonProps & ClickableProps & ShadowProps & LinkProps & WithIconProps & RadiusProps & BorderProps & {
 	label?: string;
-	// size
 	size?: keyof typeof BUTTON_SIZE | string;
 	height?: Properties["height"];
 	paddingLeft?: Properties["paddingLeft"];
 	paddingRight?: Properties["paddingRight"];
 	fontSize?: Properties["fontSize"];
-	// theme
 	theme?: keyof typeof BUTTON_THEME | string;
 	variant?: keyof typeof BUTTON_VARIANT | string;
 	color?: Properties["color"];
 	backgroundColor?: Properties["backgroundColor"];
 	borderColor?: Properties["borderColor"];
-	// others
 	fontWeight?: Properties["fontWeight"];
 	round?: keyof typeof BUTTON_ROUND;
 	width?: Properties["width"];

package/dist/hydrate/components-flex/button-outlined/types.d.ts

@@ -3,18 +3,15 @@ import type { BorderProps, ClickableProps, CommonProps, LinkProps, ShadowProps,
 import type { BUTTON_THEME, BUTTON_ROUND, BUTTON_SIZE } from "../button/types.js";
 export type ButtonOutlinedProps = CommonProps & ClickableProps & ShadowProps & WithIconProps & LinkProps & BorderProps & {
 	label?: string;
-	// size
 	size?: keyof typeof BUTTON_SIZE;
 	height?: Properties["height"];
 	paddingLeft?: Properties["paddingLeft"];
 	paddingRight?: Properties["paddingRight"];
 	fontSize?: Properties["fontSize"];
-	// theme
 	theme?: keyof typeof BUTTON_THEME;
 	color?: Properties["color"];
 	backgroundColor?: Properties["backgroundColor"];
 	borderColor?: Properties["backgroundColor"];
-	// others
 	width?: Properties["width"];
 	round?: keyof typeof BUTTON_ROUND;
 	fontWeight?: Properties["fontWeight"];

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

@@ -18,17 +18,14 @@ export declare const BUTTON_TEXT_THEME: {
 };
 export type ButtonTextProps = CommonProps & ClickableProps & LinkProps & WithIconProps & {
 	label?: string;
-	// size
 	size?: keyof typeof BUTTON_TEXT_SIZE;
 	height?: Properties["height"];
 	paddingLeft?: Properties["paddingLeft"];
 	paddingRight?: Properties["paddingRight"];
 	fontSize?: Properties["fontSize"];
-	// theme
 	theme?: keyof typeof BUTTON_TEXT_THEME;
 	color?: Properties["color"];
 	backgroundColor?: Properties["backgroundColor"];
-	// others
 	fontWeight?: Properties["fontWeight"];
 	width?: Properties["width"];
 	round?: keyof typeof BUTTON_ROUND;

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

@@ -1,5 +1,6 @@
 import type { CommonProps } from "../props.js";
 import { Properties } from "csstype";
+import { FormStoreValidation } from "../form.js";
 export type FormProps = CommonProps & {
 	fields: FormField[];
 };
@@ -13,27 +14,45 @@ export declare const FORM_FIELD_LABEL_THEME: {
 	readonly gray: "グレー";
 	readonly brand: "ブランド";
 };
-export type FormFieldProps = CommonProps & {
-	fieldName?: string;
-	fieldType?: FormFieldType;
+export declare const FORM_IDENTIFY_FIELD_TYPE: {
+	readonly email: "メールアドレス";
+	readonly subscription: "メールマガジン登録";
+	readonly phone: "電話番号";
+	readonly phone_subscribe: "SMS配信許可";
+	readonly first_name: "名前（名）";
+	readonly last_name: "名前（姓）";
+	readonly address: "住所";
+};
+type FieldProps = CommonProps & {
 	required?: boolean;
 	defaultValue?: string | string[];
-	// layout
+	validations?: FormStoreValidation[];
 	direction?: "row" | "column";
 	gap?: Properties["rowGap"];
-	// label
 	showLabel?: boolean;
 	label?: string;
 	labelWidth?: Properties["width"];
 	labelSize?: keyof typeof FORM_FIELD_LABEL_SIZE | string;
 	labelTheme?: keyof typeof FORM_FIELD_LABEL_THEME | string;
 };
+export type FormFieldProps = CommonProps & FieldProps & {
+	fieldName?: string;
+	fieldType?: FormFieldType;
+	isIdentify?: boolean;
+};
+export type FormIdentifyFieldType = keyof typeof FORM_IDENTIFY_FIELD_TYPE;
+export type FormIdentifyFieldProps = CommonProps & FieldProps & {
+	identifyType: FormIdentifyFieldType;
+	inputProps?: FormInputStyleProps;
+	checkerProps?: FormCheckerStyleProps & FormOptionsProps;
+};
 export declare const FORM_FIELD_TYPE: {
 	readonly INPUT: "input";
 	readonly SELECT: "select";
 	readonly CHECKBOX: "checkbox";
 	readonly CHECKBOXES: "checkboxes";
 	readonly RADIOS: "radio";
+	readonly BOOLEAN: "boolean";
 	readonly TEXTAREA: "textarea";
 };
 export type FormFieldType = (typeof FORM_FIELD_TYPE)[keyof typeof FORM_FIELD_TYPE];
@@ -42,7 +61,7 @@ export type FormField = {
 	type: FormFieldType;
 	required: boolean;
 	label: string;
-	defaultValue?: string | string[];
+	defaultValue?: string | string[] | boolean;
 };
 export declare const FORM_FIELD_VARIANT: {
 	readonly outlined: "アウトライン";
@@ -68,7 +87,7 @@ export declare const FORM_INPUT_TYPE: {
 	readonly EMAIL: "email";
 };
 export type FormInputType = (typeof FORM_INPUT_TYPE)[keyof typeof FORM_INPUT_TYPE];
-export type FormInputCommonProps = {
+export type FormInputStyleProps = {
 	placeholder?: string;
 	width?: Properties["width"];
 	variant?: FormFieldVariant;
@@ -79,12 +98,10 @@ export type FormInputCommonProps = {
 	fontColor?: string;
 	placeholderColor?: string;
 };
-export type FormInputProps = FormFieldProps & FormInputCommonProps & {
-	variant?: FormFieldVariant;
+export type FormInputProps = FormFieldProps & FormInputStyleProps & {
 	inputType?: FormInputType;
 };
-export type FormTextareaProps = FormFieldProps & FormInputCommonProps & {
-	variant?: FormFieldVariant;
+export type FormTextareaProps = FormFieldProps & FormInputStyleProps & {
 	rows?: number;
 };
 export type FormOptionsProps = {
@@ -93,10 +110,11 @@ export type FormOptionsProps = {
 		value: string;
 	}[];
 };
-export type FormSelectProps = FormFieldProps & FormInputCommonProps & FormOptionsProps & {
+export type FormSelectProps = FormFieldProps & FormInputStyleProps & FormOptionsProps & {
 	variant?: FormFieldVariant;
 };
-export type FormListCommonProps = FormOptionsProps & {
+export type FormCheckerStyleProps = {
+	variant?: FormFieldVariantForChecker;
 	layout?: "vertical" | "horizontal" | "grid";
 	layoutGridCols?: number;
 	layoutGapY?: Properties["columnGap"];
@@ -105,12 +123,9 @@ export type FormListCommonProps = FormOptionsProps & {
 	borderColor?: string;
 	fontColor?: string;
 	backgroundColor?: string;
-};
-export type FormCheckboxesProps = FormFieldProps & FormListCommonProps & {
-	variant?: FormFieldVariantForChecker;
-	size?: FormFieldSize;
-};
-export type FormRadiosProps = FormFieldProps & FormListCommonProps & {
-	variant?: FormFieldVariantForChecker;
 	size?: FormFieldSize;
 };
+export type FormCheckboxesProps = FormFieldProps & FormOptionsProps & FormCheckerStyleProps;
+export type FormRadiosProps = FormFieldProps & FormOptionsProps & FormCheckerStyleProps;
+export type FormBooleanProps = FormFieldProps & FormOptionsProps & FormCheckerStyleProps;
+export {};