@plaidev/karte-action-sdk 1.1.262 → 1.1.263-29020527.5afd9416

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

@@ -7,7 +7,6 @@ import { afterUpdate as afterUpdateSvelte } from "svelte";
 import { tick as tickSvelte } from "svelte";
 import { Properties } from "csstype";
 import { Properties as Properties$0 } from "preact/src/jsx-csstype";
-import IconArrowDown from "./variants/IconArrowDown.svelte";
 /** @internal */
 declare const ACTION_HOOK_LABEL = "__ACTION_HOOK__";
 // -------- The following codes are deprecated --------
@@ -133,7 +132,7 @@ interface ActionOptions<Props, Variables, VariablesQuery> {
      *
      * @defaultValue `{}`
      */
-    variables?: Variables;
+    variables?: VariablesQuery;
     /**
      * アクションで使用されるアクション実行時に取得される変数
      *
@@ -145,7 +144,7 @@ interface ActionOptions<Props, Variables, VariablesQuery> {
      *
      * @defaultValue `() => {}`
      */
-    onCreate?: ActionHook<Props, Variables & ActionVariables>;
+    onCreate?: ActionHook<Props, VariablesQuery & ActionVariables>;
     /**
      * KARTEテンプレートの情報
      *
@@ -402,6 +401,7 @@ declare function showOnScroll<ModalProps extends Pick<Props, "show_on_scroll" |
  * @internal
  */
 declare function showOnTime<ModalProps extends Pick<Props, "show_on_time" | "show_on_time_count">>(props: ModalProps, show?: Function): (() => void) | null;
+declare function checkAndDo(checkFn: Function, fn: Function, ...conditionFns: Function[]): () => void | null;
 type ModalProps = Props;
 /**
  * アクションを作成する
@@ -935,33 +935,7 @@ type FontWeight = string;
 /** @internal */
 declare const SYSTEM_FONT = "sans-serif, serif, monospace, system-ui";
 /** @internal */
-declare const Fonts: readonly [
-    "sans-serif, serif, monospace, system-ui",
-    "Noto Sans JP",
-    "Sawarabi Gothic",
-    "Zen Kaku Gothic New",
-    "Zen Maru Gothic",
-    "Shippori Mincho",
-    "M PLUS Rounded 1c",
-    "M PLUS 1p",
-    "Kosugi Maru",
-    "Kosugi",
-    "BIZ UDPGothic",
-    "Noto Serif JP",
-    "BIZ UDPMincho",
-    "Roboto",
-    "Open Sans",
-    "Montserrat",
-    "Lato",
-    "Poppins",
-    "Raleway",
-    "Nunito",
-    "Playfair Display",
-    "Merriweather",
-    "Lora",
-    "Libre Baskerville",
-    "EB Garamond"
-];
+declare const Fonts: string[];
 type Font = (typeof Fonts)[number];
 /** @internal */
 declare const Justifies: readonly [
@@ -1486,7 +1460,7 @@ interface App {
  *
  * @internal
  */
-type AppOptions<Props, Variables, VariablesQuery> = ActionOptions<Props, Variables, VariablesQuery>;
+type AppOptions<Props, Variables, VariablesQuery> = ActionOptions<Props, VariablesQuery, VariablesQuery>;
 /**
  * 非推奨
  *
@@ -1502,7 +1476,7 @@ declare const ensureModalRoot: typeof ensureActionRoot;
  *
  * @internal
  */
-declare function createApp<Props, Variables, VariablesQuery>(App: typeof SvelteComponentDev, options?: AppOptions<Props, Variables, VariablesQuery>): App;
+declare function createApp<Props, Variables, VariablesQuery>(App: typeof SvelteComponentDev, options?: AppOptions<Props, VariablesQuery, VariablesQuery>): App;
 /**
  * 非推奨
  *
@@ -1516,7 +1490,7 @@ declare function createFog({ color, opacity, zIndex, onclick }: {
     zIndex?: number;
     onclick: () => void;
 }): {
-    fog: HTMLDivElement;
+    fog: HTMLElement | null;
     close: () => void;
 };
 type AnswerValue = {
@@ -1703,7 +1677,7 @@ declare namespace widget {
          *
          * @defaultValue `{}`
          */
-        variables?: Variables;
+        variables?: VariablesQuery;
         /**
          * アクションで使用されるアクション実行時に取得される変数
          *
@@ -1715,7 +1689,7 @@ declare namespace widget {
          *
          * @defaultValue `() => {}`
          */
-        onCreate?: ActionHook<Props, Variables & ActionVariables>;
+        onCreate?: ActionHook<Props, VariablesQuery & ActionVariables>;
         /**
          * KARTEテンプレートの情報
          *
@@ -1981,9 +1955,10 @@ declare namespace widget {
      */
     function showOnTime<ModalProps extends Pick<Props, "show_on_time" | "show_on_time_count">>(props: ModalProps, show?: Function): (() => void) | null;
     /** @internal */
-    function and(fn: Function, ...conditionFns: Function[]): () => void;
+    function and(fn: Function, ...conditionFns: Function[]): ReturnType<typeof checkAndDo>;
     /** @internal */
-    function or(fn: Function, ...conditionFns: Function[]): () => void;
+    function or(fn: Function, ...conditionFns: Function[]): ReturnType<typeof checkAndDo>;
+    function checkAndDo(checkFn: Function, fn: Function, ...conditionFns: Function[]): () => void | null;
     type ModalProps = Props;
     /**
      * 表示アクショントリガー
@@ -2076,7 +2051,7 @@ declare namespace widget {
      */
     function getActionRoot(): ShadowRoot | null;
     /** @internal */
-    function createModal<Props extends ModalProps, Variables, VariablesQuery extends Array<VariableQuery>>(App: typeof SvelteComponentDev, options?: ActionOptions<Props, Variables & ActionVariables, VariablesQuery>): () => void;
+    function createModal<Props extends ModalProps, Variables, VariablesQuery extends Array<VariableQuery>>(App: typeof SvelteComponentDev, options?: ActionOptions<Props, VariablesQuery & ActionVariables, VariablesQuery>): () => void;
     /** @internal */
     function ensureActionRoot(useShadow?: boolean): ShadowRoot | HTMLElement;
     // -------- The following codes are deprecated --------
@@ -2128,7 +2103,7 @@ declare namespace widget {
      *
      * @internal
      */
-    type AppOptions<Props, Variables, VariablesQuery> = ActionOptions<Props, Variables, VariablesQuery>;
+    type AppOptions<Props, Variables, VariablesQuery> = ActionOptions<Props, VariablesQuery, VariablesQuery>;
     /**
      * 非推奨
      *
@@ -2136,7 +2111,7 @@ declare namespace widget {
      *
      * @internal
      */
-    type ModalOptions<Props, Variables, VariablesQuery> = ActionOptions<Props, Variables, VariablesQuery>;
+    type ModalOptions<Props, Variables, VariablesQuery> = ActionOptions<Props, VariablesQuery, VariablesQuery>;
     /**
      * 非推奨
      *
@@ -2152,7 +2127,7 @@ declare namespace widget {
      *
      * @internal
      */
-    function createApp<Props, Variables, VariablesQuery>(App: typeof SvelteComponentDev, options?: AppOptions<Props, Variables, VariablesQuery>): App;
+    function createApp<Props, Variables, VariablesQuery>(App: typeof SvelteComponentDev, options?: AppOptions<Props, VariablesQuery, VariablesQuery>): App;
     /**
      * 非推奨
      *
@@ -2166,15 +2141,16 @@ declare namespace widget {
         zIndex?: number;
         onclick: () => void;
     }): {
-        fog: HTMLDivElement;
+        fog: HTMLElement | null;
         close: () => void;
     };
-    // @ts-ignore
-    type ChangeValCallback = ({ newVal, oldVal, key }: {
+    const newCollection: typeof collection;
+    type ChangeValCallbackArg = {
         newVal: any;
         oldVal: any;
-        key: any;
-    }) => void;
+        key: string;
+    };
+    type ChangeValCallback = (arg: ChangeValCallbackArg) => void;
     type EventCallback = (event: any) => void;
     type WidgetEventName = "hide" | "clickBackdrop" | "destroyed";
     /**
@@ -2296,15 +2272,7 @@ declare namespace widget {
      *
      * @public
      */
-    function collection$0(table: string): {
-        get(key: string | string[], cb: (err: Error, items?: (string | number | boolean | Date) | (string | number | boolean | Date)[]) => void): void;
-        getByQuery(query_name: string, params: {
-            [key: string]: (string | number | boolean | Date) | (string | number | boolean | Date)[];
-        }, options: {
-            ignore_fields?: string[];
-        }, cb: (err: Error, items?: (string | number | boolean | Date)[]) => void): void;
-        set(key: string, value: string, cb: (err: Error) => void): void;
-    };
+    function collection$0(table: string): ReturnType<typeof newCollection>;
     /**
      * アクションを表示する
      *
@@ -2347,7 +2315,7 @@ declare const afterUpdate: typeof afterUpdateSvelte;
 declare const tick: typeof tickSvelte;
 // @internal
 declare const LAYOUT_COMPONENT_NAMES: string[];
-type PropStyles<Props extends Record<string, any>, K extends keyof Props> = Record<NonNullable<Props[K]>, Properties>;
+type PropStyles<Props extends Record<string, any>, K extends keyof Props> = Record<NonNullable<Props[K]>, Props | Properties>;
 declare const ROUND_VARIANT: {
     readonly extra_small: "XSmall (2px)";
     readonly small: "Small (4px)";
@@ -2357,20 +2325,28 @@ declare const ROUND_VARIANT: {
     readonly fulled: "Full (100%)";
 };
 declare const BUTTON_SIZE: {
-    readonly extra_small: "XSmall";
-    readonly small: "Small";
-    readonly medium: "Medium";
-    readonly large: "Large";
-    readonly extra_large: "XLarge";
+    readonly extra_small: "\u30A8\u30AF\u30B9\u30C8\u30E9 \u30B9\u30E2\u30FC\u30EB";
+    readonly small: "\u30B9\u30E2\u30FC\u30EB";
+    readonly medium: "\u30DF\u30C7\u30A3\u30A2\u30E0";
+    readonly large: "\u30E9\u30FC\u30B8";
+    readonly extra_large: "\u30A8\u30AF\u30B9\u30C8\u30E9 \u30E9\u30FC\u30B8";
 };
 declare const BUTTON_THEME: {
-    readonly default: "Default";
-    readonly general: "General";
-    readonly success: "Success";
-    readonly warning: "Warning";
-    readonly danger: "Dander";
-    readonly info: "Info";
-    readonly white: "White";
+    readonly default: "\u30CE\u30FC\u30DE\u30EB / \u30D6\u30E9\u30F3\u30C9";
+    readonly general: "\u30CE\u30FC\u30DE\u30EB / \u30B8\u30A7\u30CD\u30E9\u30EB";
+    readonly danger: "\u30CE\u30FC\u30DE\u30EB / \u30A2\u30E9\u30FC\u30C8";
+    readonly white: "\u30CE\u30FC\u30DE\u30EB / \u30DB\u30EF\u30A4\u30C8";
+    readonly default_outline: "\u30A2\u30A6\u30C8\u30E9\u30A4\u30F3 / \u30D6\u30E9\u30F3\u30C9";
+    readonly general_outline: "\u30A2\u30A6\u30C8\u30E9\u30A4\u30F3 / \u30B8\u30A7\u30CD\u30E9\u30EB";
+    readonly danger_outline: "\u30A2\u30A6\u30C8\u30E9\u30A4\u30F3 / \u30A2\u30E9\u30FC\u30C8";
+    readonly default_text: "\u30C6\u30AD\u30B9\u30C8 / \u30D6\u30E9\u30F3\u30C9";
+    readonly general_text: "\u30C6\u30AD\u30B9\u30C8 / \u30B8\u30A7\u30CD\u30E9\u30EB";
+    readonly danger_text: "\u30C6\u30AD\u30B9\u30C8 / \u30A2\u30E9\u30FC\u30C8";
+};
+declare const BUTTON_VARIANT: {
+    readonly normal: "\u30CE\u30FC\u30DE\u30EB";
+    readonly outline: "\u30A2\u30A6\u30C8\u30E9\u30A4\u30F3";
+    readonly text: "\u30C6\u30AD\u30B9\u30C8";
 };
 declare const BUTTON_ROUND: {
     readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
@@ -2385,7 +2361,7 @@ declare const BUTTON_ICON_ANGLE: {
     readonly row: "\u5DE6\u5074";
     readonly "row-reverse": "\u53F3\u5074";
 };
-type ButtonProps = CommonProps & ClickableProps & ShadowProps & LinkProps & WithIconProps & BorderProps & {
+type ButtonProps = CommonProps & ClickableProps & ShadowProps & LinkProps & WithIconProps & RadiusProps & BorderProps & {
     label?: string;
     // size
     size?: keyof typeof BUTTON_SIZE | string;
@@ -2395,8 +2371,10 @@ type ButtonProps = CommonProps & ClickableProps & ShadowProps & LinkProps & With
     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;
@@ -2424,34 +2402,44 @@ type VariantStyles<Props extends object = object> = Props & {
     hover?: Props;
     active?: Props;
 };
-type VariantDefinition<Props extends object = object, Meta extends object = undefined> = {
+type VariantDefinition<Props extends object = object, Meta extends object = object> = {
     name: string;
     description?: string;
     getProps: (brandKit?: BrandKit) => VariantStyles<Props>;
     meta?: Meta;
 };
-type VariantDefinitionGroup<Props extends object = object> = Record<string, VariantDefinition<Props>>;
+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>[];
 // ================================
 // Aspect
 // ================================
 declare const ASPECT_VARIANT: VariantDefinitionGroup<Omit<AspectProps, "aspectVariant">>;
 type AspectVariantCode = keyof typeof ASPECT_VARIANT;
-declare const ASPECT_VARIANTS: (VariantDefinition<Omit<AspectProps, "aspectVariant">, undefined> & {
-    code: string;
-})[];
-declare const FONT_FAMILY_VARIANT: VariantDefinitionGroup<Omit<FontFamilyProps, "fontFamilyVariant">>;
+declare const ASPECT_VARIANTS: ReturnType<typeof toVariantArray>;
+// ================================
+// FontFamily
+// ================================
+type FontVariantMeta = {
+    lang: "ja" | "en";
+    type: "kaku" | "maru" | "min";
+};
+declare const FONT_FAMILY_VARIANT: VariantDefinitionGroup<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta>;
 type FontFamilyVariantCode = keyof typeof FONT_FAMILY_VARIANT;
-declare const FONT_FAMILY_VARIANTS: (VariantDefinition<Omit<FontFamilyProps, "fontFamilyVariant">, undefined> & {
-    code: string;
-})[];
+declare const FONT_FAMILY_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta>>[];
+type FontFamilyVariantGroup = {
+    label: string;
+    variants: ReturnType<typeof toVariantArray>;
+};
+declare const FONT_FAMILY_VARIANT_GROUPS: FontFamilyVariantGroup[];
 // ================================
 // Shadow
 // ================================
 declare const SHADOW_VARIANT: VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">>;
 type ShadowVariantCode = keyof typeof SHADOW_VARIANT;
-declare const SHADOW_VARIANTS: (VariantDefinition<Omit<ShadowProps, "shadowVariant">, undefined> & {
-    code: string;
-})[];
+declare const SHADOW_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">, object>>[];
 type PositionPlaceProps = {
     top?: Properties["top"];
     left?: Properties["left"];
@@ -2554,38 +2542,9 @@ type AvatarProps = CommonProps & ClickableProps & BorderProps & {
 };
 declare const avatarPropsDefault: AvatarProps;
 declare const AVATAR_SIZE_STYLES: PropStyles<AvatarProps, "size">;
-declare const getButtonThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
-    default: {
-        backgroundColor: string;
-        color: "#FFFFFF";
-    };
-    general: {
-        backgroundColor: "#e8e8e8";
-        color: "rgba(0, 16, 14, 0.7)";
-    };
-    success: {
-        backgroundColor: string;
-        color: "#ffffff";
-    };
-    warning: {
-        backgroundColor: string;
-        color: "#ffffff";
-    };
-    danger: {
-        backgroundColor: string;
-        color: "#FFFFFF";
-    };
-    info: {
-        backgroundColor: string;
-        color: "#FFFFFF";
-    };
-    white: {
-        backgroundColor: "#FFFFFF";
-        color: string;
-    };
-};
+type BrandableStyles<T extends object = object> = Record<string, Partial<T & Properties>>;
+declare const getButtonThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<ButtonProps>;
 declare const BUTTON_SIZE_STYLES: PropStyles<ButtonProps, "size">;
-declare const BUTTON_THEME_STYLES: () => PropStyles<ButtonProps, "theme">;
 declare const BUTTON_ROUND_STYLES: PropStyles<ButtonProps, "round">;
 declare const BUTTON_WRAP_STYLES: PropStyles<ButtonProps, "wrap">;
 type ButtonOutlinedProps = CommonProps & ClickableProps & ShadowProps & WithIconProps & LinkProps & BorderProps & {
@@ -2609,43 +2568,7 @@ type ButtonOutlinedProps = CommonProps & ClickableProps & ShadowProps & WithIcon
 };
 declare const buttonOutlinedPropsDefault: ButtonOutlinedProps;
 declare const BUTTON_OUTLINED_SIZE_STYLES: PropStyles<ButtonOutlinedProps, "size">;
-declare const getButtonOutlinedThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
-    default: {
-        color: string;
-        borderColor: string;
-        backgroundColor: "#FFFFFF";
-    };
-    general: {
-        color: string;
-        borderColor: string;
-        backgroundColor: "#FFFFFF";
-    };
-    success: {
-        color: string;
-        borderColor: string;
-        backgroundColor: "#FFFFFF";
-    };
-    warning: {
-        color: string;
-        borderColor: string;
-        backgroundColor: "#FFFFFF";
-    };
-    danger: {
-        color: string;
-        borderColor: string;
-        backgroundColor: "#FFFFFF";
-    };
-    info: {
-        color: string;
-        borderColor: string;
-        backgroundColor: "#FFFFFF";
-    };
-    white: {
-        color: "#FFFFFF";
-        borderColor: "#FFFFFF";
-        backgroundColor: "#000000";
-    };
-};
+declare const getButtonOutlinedThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<ButtonOutlinedProps>;
 declare const BUTTON_OUTLINED_ROUND_STYLES: PropStyles<ButtonOutlinedProps, "round">;
 declare const BUTTON_OUTLINED_WRAP_STYLES: PropStyles<ButtonOutlinedProps, "wrap">;
 declare const BUTTON_TEXT_SIZE: {
@@ -2682,40 +2605,7 @@ type ButtonTextProps = CommonProps & ClickableProps & LinkProps & WithIconProps
     wrap?: "wrap" | "nowrap";
 };
 declare const BUTTON_TEXT_SIZE_STYLES: PropStyles<ButtonTextProps, "size">;
-declare const getButtonTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
-    default: {
-        backgroundColor: "#f3f4f6";
-        color: string;
-    };
-    link: {
-        backgroundColor: "#f3f4f6";
-        color: string;
-    };
-    general: {
-        backgroundColor: "#f3f4f6";
-        color: string;
-    };
-    success: {
-        backgroundColor: "#f3f4f6";
-        color: string;
-    };
-    warning: {
-        backgroundColor: "#f3f4f6";
-        color: string;
-    };
-    danger: {
-        backgroundColor: "#f3f4f6";
-        color: string;
-    };
-    info: {
-        backgroundColor: "#f3f4f6";
-        color: string;
-    };
-    white: {
-        backgroundColor: "#f3f4f6";
-        color: string;
-    };
-};
+declare const getButtonTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<ButtonTextProps>;
 declare const CLOSE_BUTTON_PLACEMENT: {
     readonly topRight: "topRight";
     readonly topLeft: "topLeft";
@@ -2747,67 +2637,13 @@ type CloseButtonProps = CommonProps & ClickableProps & BorderProps & {
     bottom?: Properties["bottom"];
 };
 declare const ICON_SIZE: {
-    readonly x_small: {
-        readonly label: "X Small";
-        readonly value: "12px";
-    };
-    readonly small: {
-        readonly label: "Small";
-        readonly value: "16px";
-    };
-    readonly medium: {
-        readonly label: "Medium";
-        readonly value: "20px";
-    };
-    readonly large: {
-        readonly label: "Large";
-        readonly value: "24px";
-    };
-    readonly x_large: {
-        readonly label: "X Large";
-        readonly value: "32px";
-    };
-    readonly x2_large: {
-        readonly label: "2X Large";
-        readonly value: "40px";
-    };
-    readonly x3_large: {
-        readonly label: "3X Large";
-        readonly value: "48px";
+    [key: string]: {
+        label: string;
+        value: string;
     };
 };
 declare const ICON_VARIANTS: {
-    readonly arrow_down: typeof IconArrowDown;
-    readonly arrow_up: typeof IconArrowDown;
-    readonly arrow_left: typeof IconArrowDown;
-    readonly arrow_right: typeof IconArrowDown;
-    readonly arrow_up_from_square: typeof IconArrowDown;
-    readonly bell: typeof IconArrowDown;
-    readonly buildings: typeof IconArrowDown;
-    readonly cart_shopping: typeof IconArrowDown;
-    readonly check: typeof IconArrowDown;
-    readonly chevrons_right: typeof IconArrowDown;
-    readonly chevron_right: typeof IconArrowDown;
-    readonly circle: typeof IconArrowDown;
-    readonly circle_info: typeof IconArrowDown;
-    readonly circle_question: typeof IconArrowDown;
-    readonly circle_x_mark: typeof IconArrowDown;
-    readonly copy: typeof IconArrowDown;
-    readonly envelope: typeof IconArrowDown;
-    readonly fire: typeof IconArrowDown;
-    readonly gift: typeof IconArrowDown;
-    readonly heart: typeof IconArrowDown;
-    readonly link: typeof IconArrowDown;
-    readonly locationDot: typeof IconArrowDown;
-    readonly magnifying_grass: typeof IconArrowDown;
-    readonly paperclip: typeof IconArrowDown;
-    readonly paper_plane: typeof IconArrowDown;
-    readonly phone: typeof IconArrowDown;
-    readonly star: typeof IconArrowDown;
-    readonly ticket: typeof IconArrowDown;
-    readonly truck: typeof IconArrowDown;
-    readonly users: typeof IconArrowDown;
-    readonly x_mark: typeof IconArrowDown;
+    [key: string]: any;
 };
 type IconProps = CommonProps & ClickableProps & {
     variant: string;
@@ -2886,26 +2722,23 @@ type SliderProps = CommonProps & {
 };
 type SliderItemProps = CommonProps & ClickableProps;
 declare const LAYER_TEXT_SIZE: {
-    readonly extra_small: "ExtraSmall";
-    readonly small: "Small";
-    readonly medium: "Medium";
-    readonly large: "Large";
-    readonly extra_large: "ExtraLarge";
-    readonly heading_extra_small: "HeadingExtraSmall";
-    readonly heading_small: "HeadingSmall";
-    readonly heading_medium: "HeadingMedium";
-    readonly heading_large: "HeadingLarge";
-    readonly heading_extra_large: "HeadingExtraLarge";
+    readonly small: "\u672C\u6587 / \u30B9\u30E2\u30FC\u30EB";
+    readonly medium: "\u672C\u6587 / \u30DF\u30C7\u30A3\u30A2\u30E0";
+    readonly large: "\u672C\u6587 / \u30E9\u30FC\u30B8";
+    readonly heading_extra_small: "\u898B\u51FA\u3057 / \u30B9\u30E2\u30FC\u30EB";
+    readonly heading_small: "\u898B\u51FA\u3057 / \u30DF\u30C7\u30A3\u30A2\u30E0";
+    readonly heading_medium: "\u898B\u51FA\u3057 / \u30E9\u30FC\u30B8";
+    readonly heading_large: "\u898B\u51FA\u3057 / \u30A8\u30AF\u30B9\u30C8\u30E9\u30E9\u30FC\u30B8";
 };
 declare const TEXT_THEME: {
-    readonly default: "Default";
-    readonly gray: "Gray";
-    readonly brand: "Brand";
-    readonly success: "Success";
-    readonly warning: "Warning";
-    readonly danger: "Danger";
-    readonly info: "Info";
-    readonly white: "White";
+    readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
+    readonly gray: "\u30B0\u30EC\u30FC";
+    readonly brand: "\u30D6\u30E9\u30F3\u30C9";
+    readonly success: "\u30B5\u30AF\u30BB\u30B9";
+    readonly warning: "\u30EF\u30FC\u30CB\u30F3\u30B0";
+    readonly danger: "\u30A2\u30E9\u30FC\u30C8";
+    readonly info: "\u30A4\u30F3\u30D5\u30A9";
+    readonly white: "\u30DB\u30EF\u30A4\u30C8";
 };
 declare const TEXT_STYLE: {
     readonly normal: "normal";
@@ -2923,85 +2756,12 @@ type LayerTextProps = CommonProps & BorderProps & RadiusProps & BackgroundColorP
     color?: Properties["color"];
     width?: Properties["width"];
 };
-declare const getTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
-    default: {
-        color: string;
-    };
-    gray: {
-        color: string;
-    };
-    brand: {
-        color: string;
-    };
-    success: {
-        color: string;
-    };
-    warning: {
-        color: string;
-    };
-    danger: {
-        color: string;
-    };
-    info: {
-        color: string;
-    };
-    white: {
-        color: string;
-    };
+type TextThemeProps = {
+    color: string;
 };
+declare const getTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<TextThemeProps>;
 declare const TEXT_VARIANTS: {
-    size: {
-        extra_small: {
-            fontSize: string;
-            lineHeight: number;
-            fontWeight: string;
-        };
-        small: {
-            fontSize: string;
-            lineHeight: number;
-            fontWeight: string;
-        };
-        medium: {
-            fontSize: string;
-            lineHeight: number;
-            fontWeight: string;
-        };
-        large: {
-            fontSize: string;
-            lineHeight: number;
-            fontWeight: string;
-        };
-        extra_large: {
-            fontSize: string;
-            lineHeight: number;
-            fontWeight: string;
-        };
-        heading_extra_small: {
-            fontSize: string;
-            lineHeight: number;
-            fontWeight: string;
-        };
-        heading_small: {
-            fontSize: string;
-            lineHeight: number;
-            fontWeight: string;
-        };
-        heading_medium: {
-            fontSize: string;
-            lineHeight: number;
-            fontWeight: string;
-        };
-        heading_large: {
-            fontSize: string;
-            lineHeight: number;
-            fontWeight: string;
-        };
-        heading_extra_large: {
-            fontSize: string;
-            lineHeight: number;
-            fontWeight: string;
-        };
-    };
+    size: Record<NonNullable<LayerTextProps["size"]>, any>;
 };
 declare const TEXT_LINK_SIZE: {
     readonly small: "Small";
@@ -3036,26 +2796,7 @@ type TextLinkProps = CommonProps & ClickableProps & LinkProps & FontFamilyProps
     fontWeight?: Properties["fontWeight"];
 };
 declare const TEXT_LINK_SIZE_STYLES: PropStyles<TextLinkProps, "size">;
-declare const getTextLinkThemeStyles: (customBrandKit?: Partial<BrandKit>) => {
-    default: {
-        color: string;
-    };
-    link: {
-        color: string;
-    };
-    brand: {
-        color: string;
-    };
-    alert: {
-        color: string;
-    };
-    gray: {
-        color: string;
-    };
-    white: {
-        color: string;
-    };
-};
+declare const getTextLinkThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<TextLinkProps>;
 type ListProps = CommonProps & {
     gap?: Properties["gap"];
     borderWidth?: Properties["borderTopWidth"];
@@ -3127,13 +2868,32 @@ type YoutubeProps = CommonProps & BorderProps & {
     shape?: keyof typeof IMAGE_ROUND_SHAPE;
     width?: Properties["width"];
 };
+type CountDownProps = CommonProps & {
+    timeLimit?: string;
+    onEnd?: OnClickOperation;
+};
+type CountDownValueType = "day" | "hour" | "minute" | "second";
+type CountDownValueProps = LayerTextProps & {
+    type: CountDownValueType;
+};
+type CountDownValues = {
+    day: string;
+    hour: string;
+    min: string;
+    sec: string;
+};
+type ClipboardProps = CommonProps & {
+    content?: string;
+    copiedEventName?: string;
+    noneTooltip?: boolean;
+};
 type CodeProps = CommonProps & {
     rawHtml?: string;
     rawCss?: string;
     rawScript?: string;
 };
 declare const ROUND_STYLES: Record<keyof typeof ROUND_VARIANT, Pick<Properties, "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius">>;
-export { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT, create, destroyAction, onCreate, onDestroy, showModal, destroy, initialize, finalize, loadGlobalScript, loadGlobalStyle, applyGlobalCss, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, DefaultElasticity, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, RegExpProp, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, SYSTEM_FONT, Fonts, Font, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonColor, DefaultFormButtonColor, ModalStyle, ModalBreakPoint, DefaultModalBreakPoint, FormIdentifyTextFields, FormIdentifyTextField, FormIdentifyTextFieldValidations, FormIdentifyTextFieldPlaceholders, DefaultFormIdentifyTextField, FormIdentifyBooleanFields, FormIdentifyBooleanField, DefaultFormIdentifyBooleanField, showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, addChoiceAnswer, addFreeAnswer, removeAnswer, getAnsweredQuestion, getAnsweredQuestionIds, sendAnswer, sendAnswers, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES, PropStyles, ROUND_VARIANT, PositionProps, MetaProps, CustomizeCssProps, BrandStyleProps, CommonProps, ClickableProps, OverflowProps, BorderProps, PaddingProps, RadiusProps, BackgroundColorProps, BackgroundImageProps, ShadowProps, WithIconProps, LinkProps, AspectProps, FontFamilyProps, AVATAR_SIZE, AVATAR_SHAPE, AvatarProps, avatarPropsDefault, AVATAR_SIZE_STYLES, BUTTON_SIZE, BUTTON_THEME, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, buttonPropsDefault, getButtonThemeStyles, BUTTON_SIZE_STYLES, BUTTON_THEME_STYLES, BUTTON_ROUND_STYLES, BUTTON_WRAP_STYLES, ButtonOutlinedProps, buttonOutlinedPropsDefault, BUTTON_OUTLINED_SIZE_STYLES, getButtonOutlinedThemeStyles, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_THEME, ButtonTextProps, BUTTON_TEXT_SIZE_STYLES, getButtonTextThemeStyles, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, CLOSE_BUTTON_LABEL_PLACEMENT, CloseButtonProps, ICON_SIZE, ICON_VARIANTS, IconProps, ICON_SIZE_STYLES, IMAGE_ROUND_SHAPE, IMAGE_ASPECT_VARIANTS, ImageProps, LAYOUT_DISPLAY_TYPE, LayoutDisplayType, LAYOUT_DIRECTION, LayoutFlexDirection, LAYOUT_ALIGN, LayoutFlexAlign, LAYOUT_JUSTIFY, LayoutFlexJustify, LayerLayoutProps, SliderProps, SliderItemProps, LAYER_TEXT_SIZE, TEXT_THEME, TEXT_STYLE, LayerTextProps, getTextThemeStyles, TEXT_VARIANTS, TEXT_LINK_SIZE, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TextLinkProps, TEXT_LINK_SIZE_STYLES, getTextLinkThemeStyles, ListProps, ListItemProps, LIST_ITEM_CONTEXT_KEY, ListItemContext, MultiColumnProps, MultiColumnItemProps, MULTI_COLUMN_ITEM_CONTEXT_KEY, MultiColumnItemContext, YoutubeProps, CodeProps, BrandKit, getBrandKit, useBrandKit, ROUND_STYLES, VariantStyles, VariantDefinition, VariantDefinitionGroup, ASPECT_VARIANT, AspectVariantCode, ASPECT_VARIANTS, FONT_FAMILY_VARIANT, FontFamilyVariantCode, FONT_FAMILY_VARIANTS, SHADOW_VARIANT, ShadowVariantCode, SHADOW_VARIANTS };
+export { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT, create, destroyAction, onCreate, onDestroy, showModal, destroy, initialize, finalize, loadGlobalScript, loadGlobalStyle, applyGlobalCss, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, DefaultElasticity, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, RegExpProp, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, SYSTEM_FONT, Fonts, Font, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonColor, DefaultFormButtonColor, ModalStyle, ModalBreakPoint, DefaultModalBreakPoint, FormIdentifyTextFields, FormIdentifyTextField, FormIdentifyTextFieldValidations, FormIdentifyTextFieldPlaceholders, DefaultFormIdentifyTextField, FormIdentifyBooleanFields, FormIdentifyBooleanField, DefaultFormIdentifyBooleanField, showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, addChoiceAnswer, addFreeAnswer, removeAnswer, getAnsweredQuestion, getAnsweredQuestionIds, sendAnswer, sendAnswers, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES, PropStyles, ROUND_VARIANT, PositionProps, MetaProps, CustomizeCssProps, BrandStyleProps, CommonProps, ClickableProps, OverflowProps, BorderProps, PaddingProps, RadiusProps, BackgroundColorProps, BackgroundImageProps, ShadowProps, WithIconProps, LinkProps, AspectProps, FontFamilyProps, AVATAR_SIZE, AVATAR_SHAPE, AvatarProps, avatarPropsDefault, AVATAR_SIZE_STYLES, BUTTON_SIZE, BUTTON_THEME, BUTTON_VARIANT, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, buttonPropsDefault, getButtonThemeStyles, BUTTON_SIZE_STYLES, BUTTON_ROUND_STYLES, BUTTON_WRAP_STYLES, ButtonOutlinedProps, buttonOutlinedPropsDefault, BUTTON_OUTLINED_SIZE_STYLES, getButtonOutlinedThemeStyles, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_THEME, ButtonTextProps, BUTTON_TEXT_SIZE_STYLES, getButtonTextThemeStyles, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, CLOSE_BUTTON_LABEL_PLACEMENT, CloseButtonProps, ICON_SIZE, ICON_VARIANTS, IconProps, ICON_SIZE_STYLES, IMAGE_ROUND_SHAPE, IMAGE_ASPECT_VARIANTS, ImageProps, LAYOUT_DISPLAY_TYPE, LayoutDisplayType, LAYOUT_DIRECTION, LayoutFlexDirection, LAYOUT_ALIGN, LayoutFlexAlign, LAYOUT_JUSTIFY, LayoutFlexJustify, LayerLayoutProps, SliderProps, SliderItemProps, LAYER_TEXT_SIZE, TEXT_THEME, TEXT_STYLE, LayerTextProps, getTextThemeStyles, TEXT_VARIANTS, TEXT_LINK_SIZE, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TextLinkProps, TEXT_LINK_SIZE_STYLES, getTextLinkThemeStyles, ListProps, ListItemProps, LIST_ITEM_CONTEXT_KEY, ListItemContext, MultiColumnProps, MultiColumnItemProps, MULTI_COLUMN_ITEM_CONTEXT_KEY, MultiColumnItemContext, YoutubeProps, CountDownProps, CountDownValueType, CountDownValueProps, CountDownValues, ClipboardProps, CodeProps, BrandKit, getBrandKit, useBrandKit, ROUND_STYLES, VariantStyles, VariantDefinition, VariantDefinitionGroup, ASPECT_VARIANT, AspectVariantCode, ASPECT_VARIANTS, FontVariantMeta, FONT_FAMILY_VARIANT, FontFamilyVariantCode, FONT_FAMILY_VARIANTS, FONT_FAMILY_VARIANT_GROUPS, SHADOW_VARIANT, ShadowVariantCode, SHADOW_VARIANTS };
 export type { SystemConfig, ActionVariables, ActionEventHandler, ActionProps, ActionOptions, ActionHook, ActionHookLog, ActionChangeStateHook, SendFunction, PublishFunction, OnScrollContext, OnScrollFunction, ScrollDirection, LogLevel, Log, Event, ActionCloseHook, ShowTrigger, CloseTrigger, CollectionConfig, ActionTableRowRequestConfig, ActionTableRowsRequestConfig, ActionTableQueryRequestConfig, ActionTableRequestConfig };
 export { default as State } from './components/State.svelte';
 export { default as StateItem } from './components/StateItem.svelte';
@@ -3188,4 +2948,7 @@ export { default as FlexListItem } from './components-flex/list/ListItem.svelte'
 export { default as FlexMultiColumn } from './components-flex/multi-column/MultiColumn.svelte';
 export { default as FlexMultiColumnItem } from './components-flex/multi-column/MultiColumnItem.svelte';
 export { default as FlexYoutube } from './components-flex/youtube/Youtube.svelte';
+export { default as FlexCountDown } from './components-flex/count-down/CountDown.svelte';
+export { default as FlexCountDownValue } from './components-flex/count-down/CountDownValue.svelte';
+export { default as FlexClipCopy } from './components-flex/clip-copy/ClipCopy.svelte';
 export { default as ThumbnailPreview } from './components-flex/ThumbnailPreview.svelte';