@shwfed/nuxt 0.10.15 → 0.11.1

package/dist/runtime/components/table.vue.d.ts

@@ -1,7 +1,8 @@
+import { Effect } from 'effect';
 import type { TableConfigInput } from './ui/table/schema.js';
 export type { Accessor, Column, Expression, Markdown, Render, TableConfig, TableConfigInput } from './ui/table/schema.js';
 export type { TableInstance } from './ui/table/Table.vue.js';
-export { AccessorC, ColumnC, RenderC, TableConfigC } from './ui/table/schema.js';
+export { AccessorC, ColumnC, CURRENT_COMPATIBILITY_DATE, KIND, RenderC, SUPPORTED_COMPATIBILITY_DATES, TableBodyC, TableBodyInputC, TableConfigC, TableConfigInputC, createTableConfig, } from './ui/table/schema.js';
 declare module '@tanstack/vue-table' {
     interface ColumnMeta<TData extends import('@tanstack/vue-table').RowData, TValue> {
         tooltip?: string;
@@ -13,11 +14,13 @@ declare module '@tanstack/vue-table' {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
-    config?: TableConfigInput | import("effect").Effect.Effect<TableConfigInput | undefined>;
+    config?: TableConfigInput | Effect.Effect<TableConfigInput | undefined>;
     data: Array<unknown>;
     rowCount?: number;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:config": (args_0: Readonly<{
+        kind: string;
+        compatibilityDate: string;
         getRowId?: import("./table.vue.js").Expression;
         getSubRows?: import("./table.vue.js").Expression;
         enableRowSelection?: import("./table.vue.js").Expression;
@@ -74,11 +77,13 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
         paginationPageSizes?: ReadonlyArray<number>;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
-    config?: TableConfigInput | import("effect").Effect.Effect<TableConfigInput | undefined>;
+    config?: TableConfigInput | Effect.Effect<TableConfigInput | undefined>;
     data: Array<unknown>;
     rowCount?: number;
 }> & Readonly<{
     "onUpdate:config"?: ((args_0: Readonly<{
+        kind: string;
+        compatibilityDate: string;
         getRowId?: import("./table.vue.js").Expression;
         getSubRows?: import("./table.vue.js").Expression;
         enableRowSelection?: import("./table.vue.js").Expression;

package/dist/runtime/components/ui/button-configurator/ButtonConfiguratorDialog.d.vue.ts

@@ -72,6 +72,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 icon?: string | undefined;
             }>)[];
         }>[];
+        kind: string;
+        compatibilityDate: string;
         gap?: number | undefined;
         style?: string | undefined;
     }>) => any;
@@ -141,6 +143,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 icon?: string | undefined;
             }>)[];
         }>[];
+        kind: string;
+        compatibilityDate: string;
         gap?: number | undefined;
         style?: string | undefined;
     }>) => any) | undefined;

package/dist/runtime/components/ui/button-configurator/ButtonConfiguratorDialog.vue

@@ -7,7 +7,11 @@ import { computed, nextTick, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { cn } from "../../../utils/cn";
 import { Button } from "../button";
-import { ButtonConfigC, ButtonsStyleC } from "../buttons/schema";
+import {
+  ButtonBodyC,
+  ButtonConfigC,
+  ButtonsStyleC
+} from "../buttons/schema";
 import { Checkbox } from "../checkbox";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "../dialog";
 import { IconPicker } from "../icon-picker";
@@ -492,15 +496,19 @@ function buildDraftConfig() {
     selectedItemId.value = "general";
     return;
   }
-  const result = ButtonConfigC.safeParse({
+  const bodyResult = ButtonBodyC.safeParse({
     gap: draftGap.value,
     style: generalStyleResult.data,
     groups: materializeButtonConfiguratorTree(draftTree.value)
   });
-  if (!result.success) {
+  if (!bodyResult.success) {
     return;
   }
-  return result.data;
+  return ButtonConfigC.parse({
+    ...bodyResult.data,
+    kind: props.config.kind,
+    compatibilityDate: props.config.compatibilityDate
+  });
 }
 function getValidDraftConfig(errorMessage) {
   const config = buildDraftConfig();

package/dist/runtime/components/ui/button-configurator/ButtonConfiguratorDialog.vue.d.ts

@@ -72,6 +72,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 icon?: string | undefined;
             }>)[];
         }>[];
+        kind: string;
+        compatibilityDate: string;
         gap?: number | undefined;
         style?: string | undefined;
     }>) => any;
@@ -141,6 +143,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 icon?: string | undefined;
             }>)[];
         }>[];
+        kind: string;
+        compatibilityDate: string;
         gap?: number | undefined;
         style?: string | undefined;
     }>) => any) | undefined;

package/dist/runtime/components/ui/buttons/Buttons.d.vue.ts

@@ -1,11 +1,14 @@
 import { Effect } from 'effect';
-import { type ButtonConfig } from './schema.js';
+import { type ButtonConfigInput } from './schema.js';
 export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonModalC, ButtonsStyleC } from './schema.js';
-export type { ButtonAction, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonDropdownAction, ButtonGroup, ButtonGroupItem, ButtonModal } from './schema.js';
+export { ButtonBodyC, ButtonBodyInputC, CURRENT_COMPATIBILITY_DATE, KIND, SUPPORTED_COMPATIBILITY_DATES, createButtonConfig, } from './schema.js';
+export { ButtonActionService, currentButtonAction } from '../../../composables/useButtonAction.js';
+export type { ButtonAction, ButtonBody, ButtonBodyInput, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonDropdownAction, ButtonGroup, ButtonGroupItem, ButtonModal, } from './schema.js';
+export type { ButtonActionEffect, ButtonActionEffectFactory, ButtonActionRuntime } from '../../../composables/useButtonAction.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{
-    config: Effect.Effect<ButtonConfig | import("./schema.js").ButtonConfigInput | undefined>;
+    config: Effect.Effect<ButtonConfigInput | undefined>;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:config": (args_0: Readonly<{
         groups: readonly Readonly<{
@@ -71,11 +74,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
                 icon?: string | undefined;
             }>)[];
         }>[];
+        kind: string;
+        compatibilityDate: string;
         gap?: number | undefined;
         style?: string | undefined;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
-    config: Effect.Effect<ButtonConfig | import("./schema.js").ButtonConfigInput | undefined>;
+    config: Effect.Effect<ButtonConfigInput | undefined>;
 }> & Readonly<{
     "onUpdate:config"?: ((args_0: Readonly<{
         groups: readonly Readonly<{
@@ -141,6 +146,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
                 icon?: string | undefined;
             }>)[];
         }>[];
+        kind: string;
+        compatibilityDate: string;
         gap?: number | undefined;
         style?: string | undefined;
     }>) => any) | undefined;

package/dist/runtime/components/ui/buttons/Buttons.vue

@@ -6,6 +6,9 @@ import { Icon } from "@iconify/vue";
 import { Effect } from "effect";
 import { useI18n } from "vue-i18n";
 import { useCheating } from "#imports";
+import {
+  ButtonActionService
+} from "../../../composables/useButtonAction";
 import { provideOverlay, useOverlay } from "../../../composables/useOverlay";
 import { getLocalizedText, hasVisibleLocaleValue } from "../../../utils/coders";
 import { cn } from "../../../utils/cn";
@@ -15,7 +18,10 @@ import { ButtonGroup } from "../button-group";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../dropdown-menu";
 import { Skeleton } from "../skeleton";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip";
-import { ButtonConfigC, normalizeButtonConfigInput } from "./schema";
+import {
+  ButtonConfigC,
+  createButtonConfig
+} from "./schema";
 defineOptions({
   inheritAttrs: false
 });
@@ -23,10 +29,10 @@ const props = defineProps({
   config: { type: null, required: true }
 });
 const emit = defineEmits(["update:config"]);
-const defaultConfig = {
+const defaultConfig = createButtonConfig({
   gap: 4,
   groups: []
-};
+});
 const uuidPattern = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/iu;
 const attrs = useAttrs();
 const slots = useSlots();
@@ -38,7 +44,7 @@ const isConfiguratorOpen = ref(false);
 const pendingIds = ref([]);
 const overlayOwnerId = crypto.randomUUID();
 const currentConfig = computedAsync(
-  async () => ButtonConfigC.parse(normalizeButtonConfigInput(await props.config.pipe(Effect.runPromise)))
+  async () => ButtonConfigC.parse(await props.config.pipe(Effect.runPromise) ?? defaultConfig)
 );
 const displayConfig = ref(defaultConfig);
 watch(currentConfig, (value) => {
@@ -151,11 +157,14 @@ function getButtonEffect(buttonId) {
 function isEffectValue(value) {
   return typeof value === "object" && value !== null && "_op" in value;
 }
+function isEffectFactory(value) {
+  return typeof value === "function";
+}
 function isPending(buttonId) {
   return pendingIds.value.includes(buttonId);
 }
 function isButtonDisabled(buttonId) {
-  return isPending(buttonId) || !isEffectValue(getButtonEffect(buttonId));
+  return isPending(buttonId) || !(isEffectValue(getButtonEffect(buttonId)) || isEffectFactory(getButtonEffect(buttonId)));
 }
 function isDropdownPending(dropdown) {
   return dropdown.items.some((item) => isPending(item.id));
@@ -163,17 +172,65 @@ function isDropdownPending(dropdown) {
 function hasButtonTooltip(button) {
   return hasVisibleLocaleValue(button.tooltip);
 }
+function findButtonAction(buttonId) {
+  for (const group of displayConfig.value.groups) {
+    for (const item of group.items) {
+      if (isDropdownItem(item)) {
+        const child = item.items.find((candidate) => candidate.id === buttonId);
+        if (child) {
+          return child;
+        }
+        continue;
+      }
+      if (item.id === buttonId) {
+        return item;
+      }
+    }
+  }
+  return void 0;
+}
+function createButtonActionRuntime(button) {
+  const tooltip = getButtonTooltip(button);
+  return {
+    id: button.id,
+    locale: locale.value,
+    title: getButtonLabel(button),
+    description: tooltip,
+    tooltip
+  };
+}
+function resolveButtonEffect(button) {
+  const value = getButtonEffect(button.id);
+  if (isEffectValue(value)) {
+    return value;
+  }
+  if (!isEffectFactory(value)) {
+    return void 0;
+  }
+  const effect = value(createButtonActionRuntime(button));
+  return isEffectValue(effect) ? effect : void 0;
+}
 async function runButton(buttonId) {
   if (isPending(buttonId)) {
     return;
   }
-  const effect = getButtonEffect(buttonId);
-  if (!isEffectValue(effect)) {
+  const button = findButtonAction(buttonId);
+  if (!button) {
+    return;
+  }
+  const effect = resolveButtonEffect(button);
+  if (!effect) {
     return;
   }
+  const action = createButtonActionRuntime(button);
   pendingIds.value = [...pendingIds.value, buttonId];
   try {
-    await Effect.runPromise(provideOverlay(Effect.scoped(effect), overlay));
+    await Effect.runPromise(
+      provideOverlay(
+        Effect.scoped(effect).pipe(Effect.provideService(ButtonActionService, action)),
+        overlay
+      )
+    );
   } finally {
     pendingIds.value = pendingIds.value.filter((id) => id !== buttonId);
   }
@@ -200,6 +257,15 @@ function hasLeadingPrimaryGap(items, itemIndex) {
 
 <script>
 export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonModalC, ButtonsStyleC } from "./schema";
+export {
+  ButtonBodyC,
+  ButtonBodyInputC,
+  CURRENT_COMPATIBILITY_DATE,
+  KIND,
+  SUPPORTED_COMPATIBILITY_DATES,
+  createButtonConfig
+} from "./schema";
+export { ButtonActionService, currentButtonAction } from "../../../composables/useButtonAction";
 </script>
 
 <template>

package/dist/runtime/components/ui/buttons/Buttons.vue.d.ts

@@ -1,11 +1,14 @@
 import { Effect } from 'effect';
-import { type ButtonConfig } from './schema.js';
+import { type ButtonConfigInput } from './schema.js';
 export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonModalC, ButtonsStyleC } from './schema.js';
-export type { ButtonAction, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonDropdownAction, ButtonGroup, ButtonGroupItem, ButtonModal } from './schema.js';
+export { ButtonBodyC, ButtonBodyInputC, CURRENT_COMPATIBILITY_DATE, KIND, SUPPORTED_COMPATIBILITY_DATES, createButtonConfig, } from './schema.js';
+export { ButtonActionService, currentButtonAction } from '../../../composables/useButtonAction.js';
+export type { ButtonAction, ButtonBody, ButtonBodyInput, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonDropdownAction, ButtonGroup, ButtonGroupItem, ButtonModal, } from './schema.js';
+export type { ButtonActionEffect, ButtonActionEffectFactory, ButtonActionRuntime } from '../../../composables/useButtonAction.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{
-    config: Effect.Effect<ButtonConfig | import("./schema.js").ButtonConfigInput | undefined>;
+    config: Effect.Effect<ButtonConfigInput | undefined>;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:config": (args_0: Readonly<{
         groups: readonly Readonly<{
@@ -71,11 +74,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
                 icon?: string | undefined;
             }>)[];
         }>[];
+        kind: string;
+        compatibilityDate: string;
         gap?: number | undefined;
         style?: string | undefined;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
-    config: Effect.Effect<ButtonConfig | import("./schema.js").ButtonConfigInput | undefined>;
+    config: Effect.Effect<ButtonConfigInput | undefined>;
 }> & Readonly<{
     "onUpdate:config"?: ((args_0: Readonly<{
         groups: readonly Readonly<{
@@ -141,6 +146,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
                 icon?: string | undefined;
             }>)[];
         }>[];
+        kind: string;
+        compatibilityDate: string;
         gap?: number | undefined;
         style?: string | undefined;
     }>) => any) | undefined;

package/dist/runtime/components/ui/buttons/schema.d.ts

@@ -1,5 +1,8 @@
 import z from 'zod';
 import type { ButtonVariants } from '../button/index.js';
+export declare const KIND = "shwfed.component.button";
+export declare const CURRENT_COMPATIBILITY_DATE = "2026-03-20";
+export declare const SUPPORTED_COMPATIBILITY_DATES: string[];
 export declare const ButtonsStyleC: z.ZodOptional<z.ZodString>;
 export declare const ButtonModalC: z.ZodReadonly<z.ZodObject<{
     title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
@@ -424,6 +427,250 @@ export declare const ButtonGroupC: z.ZodReadonly<z.ZodObject<{
         }, z.core.$strict>>>>;
     }, z.core.$strict>>]>>>;
 }, z.core.$strict>>;
+export declare const ButtonBodyC: z.ZodReadonly<z.ZodObject<{
+    gap: z.ZodOptional<z.ZodNumber>;
+    style: z.ZodOptional<z.ZodString>;
+    groups: z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
+        id: z.ZodUUID;
+        items: z.ZodReadonly<z.ZodArray<z.ZodUnion<readonly [z.ZodReadonly<z.ZodObject<{
+            id: z.ZodUUID;
+            title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                locale: z.ZodEnum<{
+                    zh: "zh";
+                    ja: "ja";
+                    en: "en";
+                    ko: "ko";
+                }>;
+                message: z.ZodString;
+            }, z.core.$strip>>>;
+            tooltip: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                locale: z.ZodEnum<{
+                    zh: "zh";
+                    ja: "ja";
+                    en: "en";
+                    ko: "ko";
+                }>;
+                message: z.ZodString;
+            }, z.core.$strip>>>>;
+            icon: z.ZodOptional<z.ZodString>;
+            variant: z.ZodOptional<z.ZodEnum<{
+                default: "default";
+                destructive: "destructive";
+                primary: "primary";
+                ghost: "ghost";
+            }>>;
+            hideTitle: z.ZodOptional<z.ZodBoolean>;
+            modal: z.ZodOptional<z.ZodReadonly<z.ZodObject<{
+                title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                    locale: z.ZodEnum<{
+                        zh: "zh";
+                        ja: "ja";
+                        en: "en";
+                        ko: "ko";
+                    }>;
+                    message: z.ZodString;
+                }, z.core.$strip>>>>;
+                description: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                    locale: z.ZodEnum<{
+                        zh: "zh";
+                        ja: "ja";
+                        en: "en";
+                        ko: "ko";
+                    }>;
+                    message: z.ZodString;
+                }, z.core.$strip>>>>;
+                showCloseButton: z.ZodOptional<z.ZodBoolean>;
+                breakpoint: z.ZodOptional<z.ZodString>;
+                dismissible: z.ZodOptional<z.ZodBoolean>;
+            }, z.core.$strict>>>;
+        }, z.core.$strict>>, z.ZodReadonly<z.ZodObject<{
+            id: z.ZodUUID;
+            title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                locale: z.ZodEnum<{
+                    zh: "zh";
+                    ja: "ja";
+                    en: "en";
+                    ko: "ko";
+                }>;
+                message: z.ZodString;
+            }, z.core.$strip>>>;
+            icon: z.ZodOptional<z.ZodString>;
+            items: z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
+                id: z.ZodUUID;
+                title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                    locale: z.ZodEnum<{
+                        zh: "zh";
+                        ja: "ja";
+                        en: "en";
+                        ko: "ko";
+                    }>;
+                    message: z.ZodString;
+                }, z.core.$strip>>>;
+                tooltip: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                    locale: z.ZodEnum<{
+                        zh: "zh";
+                        ja: "ja";
+                        en: "en";
+                        ko: "ko";
+                    }>;
+                    message: z.ZodString;
+                }, z.core.$strip>>>>;
+                icon: z.ZodOptional<z.ZodString>;
+                variant: z.ZodOptional<z.ZodEnum<{
+                    default: "default";
+                    destructive: "destructive";
+                    primary: "primary";
+                    ghost: "ghost";
+                }>>;
+                modal: z.ZodOptional<z.ZodReadonly<z.ZodObject<{
+                    title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                        locale: z.ZodEnum<{
+                            zh: "zh";
+                            ja: "ja";
+                            en: "en";
+                            ko: "ko";
+                        }>;
+                        message: z.ZodString;
+                    }, z.core.$strip>>>>;
+                    description: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                        locale: z.ZodEnum<{
+                            zh: "zh";
+                            ja: "ja";
+                            en: "en";
+                            ko: "ko";
+                        }>;
+                        message: z.ZodString;
+                    }, z.core.$strip>>>>;
+                    showCloseButton: z.ZodOptional<z.ZodBoolean>;
+                    breakpoint: z.ZodOptional<z.ZodString>;
+                    dismissible: z.ZodOptional<z.ZodBoolean>;
+                }, z.core.$strict>>>;
+            }, z.core.$strict>>>>;
+        }, z.core.$strict>>]>>>;
+    }, z.core.$strict>>>>;
+}, z.core.$strict>>;
+export declare const ButtonBodyInputC: z.ZodReadonly<z.ZodObject<{
+    gap: z.ZodOptional<z.ZodNumber>;
+    style: z.ZodOptional<z.ZodString>;
+    groups: z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
+        id: z.ZodUUID;
+        items: z.ZodReadonly<z.ZodArray<z.ZodUnion<readonly [z.ZodReadonly<z.ZodObject<{
+            id: z.ZodUUID;
+            title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                locale: z.ZodEnum<{
+                    zh: "zh";
+                    ja: "ja";
+                    en: "en";
+                    ko: "ko";
+                }>;
+                message: z.ZodString;
+            }, z.core.$strip>>>;
+            tooltip: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                locale: z.ZodEnum<{
+                    zh: "zh";
+                    ja: "ja";
+                    en: "en";
+                    ko: "ko";
+                }>;
+                message: z.ZodString;
+            }, z.core.$strip>>>>;
+            icon: z.ZodOptional<z.ZodString>;
+            variant: z.ZodOptional<z.ZodEnum<{
+                default: "default";
+                destructive: "destructive";
+                primary: "primary";
+                ghost: "ghost";
+            }>>;
+            hideTitle: z.ZodOptional<z.ZodBoolean>;
+            modal: z.ZodOptional<z.ZodReadonly<z.ZodObject<{
+                title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                    locale: z.ZodEnum<{
+                        zh: "zh";
+                        ja: "ja";
+                        en: "en";
+                        ko: "ko";
+                    }>;
+                    message: z.ZodString;
+                }, z.core.$strip>>>>;
+                description: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                    locale: z.ZodEnum<{
+                        zh: "zh";
+                        ja: "ja";
+                        en: "en";
+                        ko: "ko";
+                    }>;
+                    message: z.ZodString;
+                }, z.core.$strip>>>>;
+                showCloseButton: z.ZodOptional<z.ZodBoolean>;
+                breakpoint: z.ZodOptional<z.ZodString>;
+                dismissible: z.ZodOptional<z.ZodBoolean>;
+            }, z.core.$strict>>>;
+        }, z.core.$strict>>, z.ZodReadonly<z.ZodObject<{
+            id: z.ZodUUID;
+            title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                locale: z.ZodEnum<{
+                    zh: "zh";
+                    ja: "ja";
+                    en: "en";
+                    ko: "ko";
+                }>;
+                message: z.ZodString;
+            }, z.core.$strip>>>;
+            icon: z.ZodOptional<z.ZodString>;
+            items: z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
+                id: z.ZodUUID;
+                title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                    locale: z.ZodEnum<{
+                        zh: "zh";
+                        ja: "ja";
+                        en: "en";
+                        ko: "ko";
+                    }>;
+                    message: z.ZodString;
+                }, z.core.$strip>>>;
+                tooltip: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                    locale: z.ZodEnum<{
+                        zh: "zh";
+                        ja: "ja";
+                        en: "en";
+                        ko: "ko";
+                    }>;
+                    message: z.ZodString;
+                }, z.core.$strip>>>>;
+                icon: z.ZodOptional<z.ZodString>;
+                variant: z.ZodOptional<z.ZodEnum<{
+                    default: "default";
+                    destructive: "destructive";
+                    primary: "primary";
+                    ghost: "ghost";
+                }>>;
+                modal: z.ZodOptional<z.ZodReadonly<z.ZodObject<{
+                    title: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                        locale: z.ZodEnum<{
+                            zh: "zh";
+                            ja: "ja";
+                            en: "en";
+                            ko: "ko";
+                        }>;
+                        message: z.ZodString;
+                    }, z.core.$strip>>>>;
+                    description: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodObject<{
+                        locale: z.ZodEnum<{
+                            zh: "zh";
+                            ja: "ja";
+                            en: "en";
+                            ko: "ko";
+                        }>;
+                        message: z.ZodString;
+                    }, z.core.$strip>>>>;
+                    showCloseButton: z.ZodOptional<z.ZodBoolean>;
+                    breakpoint: z.ZodOptional<z.ZodString>;
+                    dismissible: z.ZodOptional<z.ZodBoolean>;
+                }, z.core.$strict>>>;
+            }, z.core.$strict>>>>;
+        }, z.core.$strict>>]>>>;
+    }, z.core.$strict>>>>;
+}, z.core.$strict>>;
 export declare const ButtonConfigC: z.ZodReadonly<z.ZodObject<{
     gap: z.ZodOptional<z.ZodNumber>;
     style: z.ZodOptional<z.ZodString>;
@@ -545,6 +792,8 @@ export declare const ButtonConfigC: z.ZodReadonly<z.ZodObject<{
             }, z.core.$strict>>>>;
         }, z.core.$strict>>]>>>;
     }, z.core.$strict>>>>;
+    kind: z.ZodLiteral<string>;
+    compatibilityDate: z.ZodString;
 }, z.core.$strict>>;
 export declare const ButtonConfigInputC: z.ZodReadonly<z.ZodObject<{
     gap: z.ZodOptional<z.ZodNumber>;
@@ -667,6 +916,8 @@ export declare const ButtonConfigInputC: z.ZodReadonly<z.ZodObject<{
             }, z.core.$strict>>>>;
         }, z.core.$strict>>]>>>;
     }, z.core.$strict>>>>;
+    kind: z.ZodLiteral<string>;
+    compatibilityDate: z.ZodString;
 }, z.core.$strict>>;
 export type ButtonModal = z.infer<typeof ButtonModalC>;
 export type ButtonAction = z.infer<typeof ButtonActionC>;
@@ -674,8 +925,10 @@ export type ButtonDropdown = z.infer<typeof ButtonDropdownC>;
 export type ButtonDropdownAction = z.infer<typeof DropdownButtonActionC>;
 export type ButtonGroupItem = z.infer<typeof ButtonGroupItemC>;
 export type ButtonGroup = z.infer<typeof ButtonGroupC>;
+export type ButtonBody = z.infer<typeof ButtonBodyC>;
+export type ButtonBodyInput = z.input<typeof ButtonBodyInputC>;
 export type ButtonConfig = z.infer<typeof ButtonConfigC>;
-export type ButtonConfigInput = z.infer<typeof ButtonConfigInputC>;
-export declare function normalizeButtonConfigInput(value: unknown): unknown;
+export type ButtonConfigInput = z.input<typeof ButtonConfigInputC>;
+export declare function createButtonConfig(body: ButtonBody): ButtonConfig;
 export type ButtonVariant = ButtonVariants['variant'];
 export {};