@plaidev/karte-action-sdk 1.1.269-29160322.e3d433de → 1.1.269-29170394.d1cf0fa0

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

@@ -1,27 +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"]
+	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
+	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"]
+	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/svelte5/components-flex/modal/types.d.ts

@@ -1,5 +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"]
+	width?: Properties["width"];
 };

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

@@ -1,28 +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"]
+	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
+	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"]
+	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/svelte5/components-flex/props.d.ts

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

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

@@ -7,30 +7,30 @@ type FlexComponentSchemaProp<
 	Props extends Record<string, any>,
 	Key extends keyof Props
 > = {
-	key: Key
-	type: FlexComponentSchemaPropType
-	suggestions: Props[Key][]
-	default?: Props[Key]
-	priority?: number
+	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>[]
+	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>
+	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/svelte5/components-flex/shared/types.d.ts

@@ -4,10 +4,10 @@ export type PropStyles<
 	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%)"
+	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/svelte5/components-flex/slider/types.d.ts

@@ -1,10 +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
+	gap: number;
+	itemWidthPercentage: number;
+	auto?: boolean;
+	loop?: boolean;
+	hideIndicator?: boolean;
+	interval?: number;
 };
 export type SliderItemProps = CommonProps & ClickableProps;

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

@@ -4,6 +4,6 @@ export declare const getPropStyles: <
 	T extends object = object,
 	R = BrandableStyles<T>
 >(callback: (args: {
-	brandKit: BrandKit
+	brandKit: BrandKit;
 }) => R) => (customBrandKit?: Partial<BrandKit>) => R;
 export type BrandableStyles<T extends object = object> = Record<string, Partial<T & Properties>>;

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

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

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

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

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

@@ -1,39 +1,42 @@
 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: "見出し / エクストララージ"
+	// extra_small: 'ExtraSmall',
+	readonly small: "本文 / スモール";
+	readonly medium: "本文 / ミディアム";
+	readonly large: "本文 / ラージ";
+	// extra_large: 'ExtraLarge'
+	// MEMO(curtis): 後から調整した関係で見出しは命名と実体を一つずらしている
+	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: "ホワイト"
+	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"
+	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"]
+	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/svelte5/components-flex/text-link/types.d.ts

@@ -1,31 +1,34 @@
 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"
+	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"
+	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: "常に非表示"
+	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"]
+	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/svelte5/components-flex/utils/color.d.ts

@@ -1,7 +1,7 @@
 export declare function hexToRgb(hex: string): {
-	r: number
-	g: number
-	b: number
+	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/svelte5/components-flex/utils/parser.d.ts

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

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

@@ -1,47 +1,62 @@
 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
+	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
+	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
+	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"
+	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>
+	label: string;
+	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/svelte5/components-flex/youtube/types.d.ts

@@ -2,15 +2,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"]
+	videoId?: string;
+	loop?: boolean;
+	autoplay?: boolean;
+	mute?: boolean;
+	controls?: boolean;
+	showInfo?: boolean;
+	showSubtitle?: boolean;
+	showFullScreen?: boolean;
+	showRelatedMovies?: boolean;
+	// styles
+	shape?: keyof typeof IMAGE_ROUND_SHAPE;
+	width?: Properties["width"];
 };

package/dist/svelte5/constants.d.ts

@@ -14,9 +14,10 @@ export declare const ALL_ACTION_SHORTEN_ID = "KARTE_ALL_ACTION_SHORTEN_ID";
 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)"
+	readonly PC: "screen and (min-width: 641px)";
+	readonly SP: "screen and (max-width: 640px)";
 };
+// -------- The following codes are deprecated --------
 /**
 * 非推奨
 *