@soave/ui 0.1.0

package/dist/composables/useSwitch.mjs

@@ -0,0 +1,50 @@
+import { computed } from "vue";
+import { cn } from "../utils/cn.mjs";
+export const useSwitch = (props, checked) => {
+  const is_disabled = computed(() => props.value.disabled ?? false);
+  const track_size_classes = computed(() => {
+    const size_map = {
+      sm: "h-5 w-9",
+      md: "h-6 w-11",
+      lg: "h-7 w-14"
+    };
+    return size_map[props.value.size ?? "md"];
+  });
+  const track_classes = computed(
+    () => cn(
+      "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent",
+      "transition-colors",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      "data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      track_size_classes.value
+    )
+  );
+  const thumb_size_classes = computed(() => {
+    const size_map = {
+      sm: "h-4 w-4 data-[state=checked]:translate-x-4",
+      md: "h-5 w-5 data-[state=checked]:translate-x-5",
+      lg: "h-6 w-6 data-[state=checked]:translate-x-7"
+    };
+    return size_map[props.value.size ?? "md"];
+  });
+  const thumb_classes = computed(
+    () => cn(
+      "pointer-events-none block rounded-full bg-background shadow-lg ring-0",
+      "transition-transform",
+      "data-[state=unchecked]:translate-x-0",
+      thumb_size_classes.value
+    )
+  );
+  const aria_attributes = computed(() => ({
+    role: "switch",
+    "aria-checked": checked.value,
+    "aria-disabled": is_disabled.value || void 0
+  }));
+  return {
+    track_classes,
+    thumb_classes,
+    is_disabled,
+    aria_attributes
+  };
+};

package/dist/composables/useTextarea.d.ts

@@ -0,0 +1,7 @@
+import { type Ref } from "vue";
+import type { TextareaProps, TextareaReturn } from "../types/textarea";
+/**
+ * Textareaコンポーネントのロジックを提供するComposable
+ * error, disabled, readonly, resizeに基づいてクラスとaria属性を生成
+ */
+export declare const useTextarea: (props: Ref<TextareaProps>) => TextareaReturn;

package/dist/composables/useTextarea.mjs

@@ -0,0 +1,50 @@
+import { computed, ref } from "vue";
+import { cn } from "../utils/cn.mjs";
+export const useTextarea = (props) => {
+  const is_focused = ref(false);
+  const has_error = computed(() => !!props.value.error);
+  const is_disabled = computed(() => props.value.disabled ?? false);
+  const is_readonly = computed(() => props.value.readonly ?? false);
+  const resize_classes = computed(() => {
+    const resize_map = {
+      none: "resize-none",
+      vertical: "resize-y",
+      horizontal: "resize-x",
+      both: "resize"
+    };
+    return resize_map[props.value.resize ?? "vertical"];
+  });
+  const base_classes = computed(
+    () => cn(
+      "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2",
+      "text-sm ring-offset-background",
+      "placeholder:text-muted-foreground",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      resize_classes.value,
+      has_error.value && "border-destructive focus-visible:ring-destructive",
+      is_readonly.value && "bg-muted"
+    )
+  );
+  const aria_attributes = computed(() => ({
+    "aria-invalid": has_error.value || void 0,
+    "aria-describedby": props.value.error_id,
+    "aria-readonly": is_readonly.value || void 0
+  }));
+  const handleFocus = () => {
+    is_focused.value = true;
+  };
+  const handleBlur = () => {
+    is_focused.value = false;
+  };
+  return {
+    base_classes,
+    is_focused,
+    has_error,
+    is_disabled,
+    is_readonly,
+    aria_attributes,
+    handleFocus,
+    handleBlur
+  };
+};

package/dist/composables/useTheme.d.ts

@@ -0,0 +1,15 @@
+import { type Ref, type ComputedRef } from "vue";
+import type { ThemeMode, ThemeColors } from "../types/theme";
+export interface UseThemeOptions {
+    default_mode?: ThemeMode;
+    storage_key?: string;
+    attribute?: string;
+}
+export interface UseThemeReturn {
+    mode: Ref<ThemeMode>;
+    resolved_mode: ComputedRef<"light" | "dark">;
+    setMode: (mode: ThemeMode) => void;
+    toggleMode: () => void;
+}
+export declare function useTheme(options?: UseThemeOptions): UseThemeReturn;
+export declare function generateThemeCSS(light: ThemeColors, dark: ThemeColors): string;

package/dist/composables/useTheme.mjs

@@ -0,0 +1,89 @@
+import { ref, computed, watch, onMounted, onUnmounted } from "vue";
+const DEFAULT_OPTIONS = {
+  default_mode: "system",
+  storage_key: "soave-ui-theme",
+  attribute: "data-theme"
+};
+export function useTheme(options = {}) {
+  const merged_options = { ...DEFAULT_OPTIONS, ...options };
+  const mode = ref(merged_options.default_mode);
+  let media_query = null;
+  const getSystemTheme = () => {
+    if (typeof window === "undefined") return "light";
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  };
+  const resolved_mode = computed(() => {
+    if (mode.value === "system") {
+      return getSystemTheme();
+    }
+    return mode.value;
+  });
+  const applyTheme = (theme) => {
+    if (typeof document === "undefined") return;
+    const root = document.documentElement;
+    root.setAttribute(merged_options.attribute, theme);
+    if (theme === "dark") {
+      root.classList.add("dark");
+    } else {
+      root.classList.remove("dark");
+    }
+  };
+  const setMode = (new_mode) => {
+    mode.value = new_mode;
+    if (typeof localStorage !== "undefined") {
+      localStorage.setItem(merged_options.storage_key, new_mode);
+    }
+    applyTheme(resolved_mode.value);
+  };
+  const toggleMode = () => {
+    const next_mode = resolved_mode.value === "light" ? "dark" : "light";
+    setMode(next_mode);
+  };
+  const handleSystemThemeChange = (event) => {
+    if (mode.value === "system") {
+      applyTheme(event.matches ? "dark" : "light");
+    }
+  };
+  onMounted(() => {
+    if (typeof localStorage !== "undefined") {
+      const stored = localStorage.getItem(merged_options.storage_key);
+      if (stored && ["light", "dark", "system"].includes(stored)) {
+        mode.value = stored;
+      }
+    }
+    if (typeof window !== "undefined") {
+      media_query = window.matchMedia("(prefers-color-scheme: dark)");
+      media_query.addEventListener("change", handleSystemThemeChange);
+    }
+    applyTheme(resolved_mode.value);
+  });
+  onUnmounted(() => {
+    if (media_query) {
+      media_query.removeEventListener("change", handleSystemThemeChange);
+    }
+  });
+  watch(mode, () => {
+    applyTheme(resolved_mode.value);
+  });
+  return {
+    mode,
+    resolved_mode,
+    setMode,
+    toggleMode
+  };
+}
+export function generateThemeCSS(light, dark) {
+  const formatColor = (key, value) => {
+    const css_key = key.replace(/_/g, "-");
+    return `  --${css_key}: ${value};`;
+  };
+  const lightCSS = Object.entries(light).map(([key, value]) => formatColor(key, value)).join("\n");
+  const darkCSS = Object.entries(dark).map(([key, value]) => formatColor(key, value)).join("\n");
+  return `:root {
+${lightCSS}
+}
+
+.dark {
+${darkCSS}
+}`;
+}

package/dist/composables/useToast.d.ts

@@ -0,0 +1,11 @@
+import type { ToastProps, ToastReturn } from "../types/toast";
+export declare function useToast(): ToastReturn;
+export declare const toast: {
+    default: (props: Omit<ToastProps, "variant">) => string;
+    success: (props: Omit<ToastProps, "variant">) => string;
+    error: (props: Omit<ToastProps, "variant">) => string;
+    warning: (props: Omit<ToastProps, "variant">) => string;
+    info: (props: Omit<ToastProps, "variant">) => string;
+    dismiss: (id: string) => void;
+    dismissAll: () => void;
+};

package/dist/composables/useToast.mjs

@@ -0,0 +1,64 @@
+import { ref } from "vue";
+const toasts = ref([]);
+let toast_counter = 0;
+const generateId = () => {
+  toast_counter++;
+  return `toast-${toast_counter}-${Date.now()}`;
+};
+export function useToast() {
+  const add = (props) => {
+    const id = props.id ?? generateId();
+    const toast2 = {
+      id,
+      title: props.title,
+      description: props.description,
+      variant: props.variant ?? "default",
+      duration: props.duration ?? 5e3,
+      dismissible: props.dismissible ?? true,
+      action: props.action,
+      created_at: Date.now()
+    };
+    toasts.value = [...toasts.value, toast2];
+    if (toast2.duration > 0) {
+      setTimeout(() => {
+        dismiss(id);
+      }, toast2.duration);
+    }
+    return id;
+  };
+  const dismiss = (id) => {
+    toasts.value = toasts.value.filter((t) => t.id !== id);
+  };
+  const dismissAll = () => {
+    toasts.value = [];
+  };
+  const update = (id, props) => {
+    toasts.value = toasts.value.map((toast2) => {
+      if (toast2.id === id) {
+        return {
+          ...toast2,
+          ...props,
+          id: toast2.id,
+          created_at: toast2.created_at
+        };
+      }
+      return toast2;
+    });
+  };
+  return {
+    toasts: toasts.value,
+    add,
+    dismiss,
+    dismissAll,
+    update
+  };
+}
+export const toast = {
+  default: (props) => useToast().add({ ...props, variant: "default" }),
+  success: (props) => useToast().add({ ...props, variant: "success" }),
+  error: (props) => useToast().add({ ...props, variant: "error" }),
+  warning: (props) => useToast().add({ ...props, variant: "warning" }),
+  info: (props) => useToast().add({ ...props, variant: "info" }),
+  dismiss: (id) => useToast().dismiss(id),
+  dismissAll: () => useToast().dismissAll()
+};

package/dist/composables/useTooltip.d.ts

@@ -0,0 +1,23 @@
+import { type Ref, type ComputedRef } from "vue";
+import type { TooltipSide, TooltipAlign } from "../types/tooltip";
+export interface UseTooltipProps {
+    side?: TooltipSide;
+    align?: TooltipAlign;
+    delay_duration?: number;
+    skip_delay_duration?: number;
+    disabled?: boolean;
+}
+export interface UseTooltipReturn {
+    is_open: Ref<boolean>;
+    trigger_ref: Ref<HTMLElement | null>;
+    content_ref: Ref<HTMLElement | null>;
+    tooltip_id: string;
+    position_styles: ComputedRef<Record<string, string>>;
+    show: () => void;
+    hide: () => void;
+    handleMouseEnter: () => void;
+    handleMouseLeave: () => void;
+    handleFocus: () => void;
+    handleBlur: () => void;
+}
+export declare function useTooltip(props: Ref<UseTooltipProps>): UseTooltipReturn;

package/dist/composables/useTooltip.mjs

@@ -0,0 +1,125 @@
+import { ref, computed, onUnmounted } from "vue";
+let tooltip_counter = 0;
+export function useTooltip(props) {
+  const is_open = ref(false);
+  const trigger_ref = ref(null);
+  const content_ref = ref(null);
+  const tooltip_id = `tooltip-${++tooltip_counter}`;
+  let show_timeout = null;
+  let hide_timeout = null;
+  const clearTimeouts = () => {
+    if (show_timeout) {
+      clearTimeout(show_timeout);
+      show_timeout = null;
+    }
+    if (hide_timeout) {
+      clearTimeout(hide_timeout);
+      hide_timeout = null;
+    }
+  };
+  const show = () => {
+    if (props.value.disabled) return;
+    clearTimeouts();
+    is_open.value = true;
+  };
+  const hide = () => {
+    clearTimeouts();
+    is_open.value = false;
+  };
+  const handleMouseEnter = () => {
+    if (props.value.disabled) return;
+    clearTimeouts();
+    const delay = props.value.delay_duration ?? 200;
+    show_timeout = setTimeout(() => {
+      is_open.value = true;
+    }, delay);
+  };
+  const handleMouseLeave = () => {
+    clearTimeouts();
+    const skip_delay = props.value.skip_delay_duration ?? 100;
+    hide_timeout = setTimeout(() => {
+      is_open.value = false;
+    }, skip_delay);
+  };
+  const handleFocus = () => {
+    if (props.value.disabled) return;
+    show();
+  };
+  const handleBlur = () => {
+    hide();
+  };
+  const position_styles = computed(() => {
+    if (!trigger_ref.value || !is_open.value) {
+      return {};
+    }
+    const side = props.value.side ?? "top";
+    const align = props.value.align ?? "center";
+    const offset = 8;
+    const styles = {
+      position: "absolute",
+      zIndex: "50"
+    };
+    switch (side) {
+      case "top":
+        styles.bottom = "100%";
+        styles.marginBottom = `${offset}px`;
+        break;
+      case "bottom":
+        styles.top = "100%";
+        styles.marginTop = `${offset}px`;
+        break;
+      case "left":
+        styles.right = "100%";
+        styles.marginRight = `${offset}px`;
+        break;
+      case "right":
+        styles.left = "100%";
+        styles.marginLeft = `${offset}px`;
+        break;
+    }
+    if (side === "top" || side === "bottom") {
+      switch (align) {
+        case "start":
+          styles.left = "0";
+          break;
+        case "center":
+          styles.left = "50%";
+          styles.transform = "translateX(-50%)";
+          break;
+        case "end":
+          styles.right = "0";
+          break;
+      }
+    } else {
+      switch (align) {
+        case "start":
+          styles.top = "0";
+          break;
+        case "center":
+          styles.top = "50%";
+          styles.transform = "translateY(-50%)";
+          break;
+        case "end":
+          styles.bottom = "0";
+          break;
+      }
+    }
+    return styles;
+  });
+  onUnmounted(() => {
+    clearTimeouts();
+  });
+  return {
+    is_open,
+    trigger_ref,
+    content_ref,
+    tooltip_id,
+    position_styles,
+    show,
+    hide,
+    handleMouseEnter,
+    handleMouseLeave,
+    handleFocus,
+    handleBlur
+  };
+}

package/dist/composables/useUIConfig.d.ts

@@ -0,0 +1,28 @@
+import { type InjectionKey } from "vue";
+import type { DeepPartial } from "../types/utils";
+import type { UIConfig, ButtonConfig, InputConfig, CardConfig, AlertConfig } from "../types/config";
+/**
+ * UIConfig用のInjectionKey
+ */
+export declare const UI_CONFIG_KEY: InjectionKey<UIConfig>;
+/**
+ * UIProviderで設定を提供する
+ * @param config - 部分的なUI設定（デフォルト値とマージされる）
+ * @returns マージされたUI設定
+ */
+export declare const useUIProvider: (config?: DeepPartial<UIConfig>) => UIConfig;
+/**
+ * コンポーネント固有の設定を取得する
+ * @param component - コンポーネント名
+ * @returns 読み取り専用の設定
+ * @throws Provider未設定時はデフォルト設定を使用
+ */
+export declare function useUI(component: "button"): Readonly<ButtonConfig>;
+export declare function useUI(component: "input"): Readonly<InputConfig>;
+export declare function useUI(component: "card"): Readonly<CardConfig>;
+export declare function useUI(component: "alert"): Readonly<AlertConfig>;
+/**
+ * 全体のUI設定を取得する
+ * @returns 読み取り専用の全体設定
+ */
+export declare const useUIConfig: () => Readonly<UIConfig>;

package/dist/composables/useUIConfig.mjs

@@ -0,0 +1,36 @@
+import { inject, provide, reactive, readonly } from "vue";
+import { DEFAULT_UI_CONFIG } from "../types/config.mjs";
+import { deepMerge } from "../utils/deepMerge.mjs";
+import { COMPONENT_ERRORS } from "../constants/errors.mjs";
+import { CONFIG_LOGS } from "../constants/logs.mjs";
+export const UI_CONFIG_KEY = Symbol("ui-config");
+export const useUIProvider = (config = {}) => {
+  const merged_config = reactive(
+    deepMerge(DEFAULT_UI_CONFIG, config)
+  );
+  provide(UI_CONFIG_KEY, merged_config);
+  if (import.meta.env.DEV) {
+    console.debug(CONFIG_LOGS.PROVIDER_INITIALIZED, merged_config);
+  }
+  return merged_config;
+};
+export function useUI(component) {
+  const config = inject(UI_CONFIG_KEY, null);
+  if (!config) {
+    if (import.meta.env.DEV) {
+      console.warn(COMPONENT_ERRORS.PROVIDER_NOT_FOUND);
+    }
+    return readonly(DEFAULT_UI_CONFIG[component]);
+  }
+  return readonly(config[component]);
+}
+export const useUIConfig = () => {
+  const config = inject(UI_CONFIG_KEY, null);
+  if (!config) {
+    if (import.meta.env.DEV) {
+      console.warn(COMPONENT_ERRORS.PROVIDER_NOT_FOUND);
+    }
+    return readonly(DEFAULT_UI_CONFIG);
+  }
+  return readonly(config);
+};

package/dist/constants/errors.d.ts

@@ -0,0 +1,22 @@
+export declare const FORM_ERRORS: {
+    readonly FIELD_NOT_FOUND: "指定されたフィールドがスキーマに存在しません";
+    readonly VALIDATION_FAILED: "バリデーションに失敗しました";
+    readonly SUBMIT_FAILED: "フォームの送信に失敗しました";
+    readonly SCHEMA_INVALID: "無効なスキーマが指定されました";
+};
+export declare const COMPONENT_ERRORS: {
+    readonly INVALID_VARIANT: "無効なvariantが指定されました";
+    readonly INVALID_SIZE: "無効なsizeが指定されました";
+    readonly PROVIDER_NOT_FOUND: "UIProviderが見つかりません。アプリケーションをUIProviderでラップしてください";
+};
+export declare const DIALOG_ERRORS: {
+    readonly ALREADY_OPEN: "ダイアログは既に開いています";
+    readonly ALREADY_CLOSED: "ダイアログは既に閉じています";
+};
+export declare const INPUT_ERRORS: {
+    readonly INVALID_TYPE: "無効なinputタイプが指定されました";
+};
+export type FormErrorKey = keyof typeof FORM_ERRORS;
+export type ComponentErrorKey = keyof typeof COMPONENT_ERRORS;
+export type DialogErrorKey = keyof typeof DIALOG_ERRORS;
+export type InputErrorKey = keyof typeof INPUT_ERRORS;

package/dist/constants/errors.mjs

@@ -0,0 +1,18 @@
+export const FORM_ERRORS = {
+  FIELD_NOT_FOUND: "\u6307\u5B9A\u3055\u308C\u305F\u30D5\u30A3\u30FC\u30EB\u30C9\u304C\u30B9\u30AD\u30FC\u30DE\u306B\u5B58\u5728\u3057\u307E\u305B\u3093",
+  VALIDATION_FAILED: "\u30D0\u30EA\u30C7\u30FC\u30B7\u30E7\u30F3\u306B\u5931\u6557\u3057\u307E\u3057\u305F",
+  SUBMIT_FAILED: "\u30D5\u30A9\u30FC\u30E0\u306E\u9001\u4FE1\u306B\u5931\u6557\u3057\u307E\u3057\u305F",
+  SCHEMA_INVALID: "\u7121\u52B9\u306A\u30B9\u30AD\u30FC\u30DE\u304C\u6307\u5B9A\u3055\u308C\u307E\u3057\u305F"
+};
+export const COMPONENT_ERRORS = {
+  INVALID_VARIANT: "\u7121\u52B9\u306Avariant\u304C\u6307\u5B9A\u3055\u308C\u307E\u3057\u305F",
+  INVALID_SIZE: "\u7121\u52B9\u306Asize\u304C\u6307\u5B9A\u3055\u308C\u307E\u3057\u305F",
+  PROVIDER_NOT_FOUND: "UIProvider\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093\u3002\u30A2\u30D7\u30EA\u30B1\u30FC\u30B7\u30E7\u30F3\u3092UIProvider\u3067\u30E9\u30C3\u30D7\u3057\u3066\u304F\u3060\u3055\u3044"
+};
+export const DIALOG_ERRORS = {
+  ALREADY_OPEN: "\u30C0\u30A4\u30A2\u30ED\u30B0\u306F\u65E2\u306B\u958B\u3044\u3066\u3044\u307E\u3059",
+  ALREADY_CLOSED: "\u30C0\u30A4\u30A2\u30ED\u30B0\u306F\u65E2\u306B\u9589\u3058\u3066\u3044\u307E\u3059"
+};
+export const INPUT_ERRORS = {
+  INVALID_TYPE: "\u7121\u52B9\u306Ainput\u30BF\u30A4\u30D7\u304C\u6307\u5B9A\u3055\u308C\u307E\u3057\u305F"
+};

package/dist/constants/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./errors";
+export * from "./logs";

package/dist/constants/index.mjs

@@ -0,0 +1,2 @@
+export * from "./errors.mjs";
+export * from "./logs.mjs";

package/dist/constants/logs.d.ts

@@ -0,0 +1,17 @@
+export declare const FORM_LOGS: {
+    readonly FIELD_VALIDATED: (field: string) => string;
+    readonly FORM_SUBMITTED: "フォームが送信されました";
+    readonly FORM_RESET: "フォームがリセットされました";
+    readonly VALIDATION_STARTED: "バリデーションを開始します";
+};
+export declare const COMPONENT_LOGS: {
+    readonly DIALOG_OPENED: "ダイアログが開かれました";
+    readonly DIALOG_CLOSED: "ダイアログが閉じられました";
+    readonly BUTTON_CLICKED: "ボタンがクリックされました";
+    readonly INPUT_FOCUSED: "入力フィールドにフォーカスが当たりました";
+    readonly INPUT_BLURRED: "入力フィールドからフォーカスが外れました";
+};
+export declare const CONFIG_LOGS: {
+    readonly PROVIDER_INITIALIZED: "UIProviderが初期化されました";
+    readonly CONFIG_UPDATED: "UI設定が更新されました";
+};

package/dist/constants/logs.mjs

@@ -0,0 +1,17 @@
+export const FORM_LOGS = {
+  FIELD_VALIDATED: (field) => `\u30D5\u30A3\u30FC\u30EB\u30C9 "${field}" \u306E\u30D0\u30EA\u30C7\u30FC\u30B7\u30E7\u30F3\u304C\u5B8C\u4E86\u3057\u307E\u3057\u305F`,
+  FORM_SUBMITTED: "\u30D5\u30A9\u30FC\u30E0\u304C\u9001\u4FE1\u3055\u308C\u307E\u3057\u305F",
+  FORM_RESET: "\u30D5\u30A9\u30FC\u30E0\u304C\u30EA\u30BB\u30C3\u30C8\u3055\u308C\u307E\u3057\u305F",
+  VALIDATION_STARTED: "\u30D0\u30EA\u30C7\u30FC\u30B7\u30E7\u30F3\u3092\u958B\u59CB\u3057\u307E\u3059"
+};
+export const COMPONENT_LOGS = {
+  DIALOG_OPENED: "\u30C0\u30A4\u30A2\u30ED\u30B0\u304C\u958B\u304B\u308C\u307E\u3057\u305F",
+  DIALOG_CLOSED: "\u30C0\u30A4\u30A2\u30ED\u30B0\u304C\u9589\u3058\u3089\u308C\u307E\u3057\u305F",
+  BUTTON_CLICKED: "\u30DC\u30BF\u30F3\u304C\u30AF\u30EA\u30C3\u30AF\u3055\u308C\u307E\u3057\u305F",
+  INPUT_FOCUSED: "\u5165\u529B\u30D5\u30A3\u30FC\u30EB\u30C9\u306B\u30D5\u30A9\u30FC\u30AB\u30B9\u304C\u5F53\u305F\u308A\u307E\u3057\u305F",
+  INPUT_BLURRED: "\u5165\u529B\u30D5\u30A3\u30FC\u30EB\u30C9\u304B\u3089\u30D5\u30A9\u30FC\u30AB\u30B9\u304C\u5916\u308C\u307E\u3057\u305F"
+};
+export const CONFIG_LOGS = {
+  PROVIDER_INITIALIZED: "UIProvider\u304C\u521D\u671F\u5316\u3055\u308C\u307E\u3057\u305F",
+  CONFIG_UPDATED: "UI\u8A2D\u5B9A\u304C\u66F4\u65B0\u3055\u308C\u307E\u3057\u305F"
+};

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./composables";
+export * from "./components/ui";
+export * from "./types";
+export * from "./utils";
+export * from "./constants";

package/dist/index.mjs

@@ -0,0 +1,5 @@
+export * from "./composables/index.mjs";
+export * from "./components/ui/index.mjs";
+export * from "./types/index.mjs";
+export * from "./utils/index.mjs";
+export * from "./constants/index.mjs";

package/dist/types/alert.d.ts

@@ -0,0 +1,15 @@
+import type { ComputedRef } from "vue";
+export type AlertVariant = "default" | "info" | "success" | "warning" | "destructive";
+export interface AlertProps {
+    variant?: AlertVariant;
+}
+export interface AlertReturn {
+    base_classes: ComputedRef<string>;
+    icon_name: ComputedRef<string>;
+}
+export interface AlertTitleProps {
+    class?: string;
+}
+export interface AlertDescriptionProps {
+    class?: string;
+}

package/dist/types/button.d.ts

@@ -0,0 +1,20 @@
+import type { ComputedRef } from "vue";
+export type ButtonVariant = "primary" | "secondary" | "ghost" | "outline" | "destructive";
+export type ButtonSize = "sm" | "md" | "lg";
+export interface ButtonProps {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    disabled?: boolean;
+    loading?: boolean;
+}
+export interface ButtonAriaAttributes {
+    "aria-disabled"?: boolean;
+    "aria-busy"?: boolean;
+    role: "button";
+}
+export interface ButtonReturn {
+    base_classes: ComputedRef<string>;
+    is_disabled: ComputedRef<boolean>;
+    is_loading: ComputedRef<boolean>;
+    aria_attributes: ComputedRef<ButtonAriaAttributes>;
+}