@soave/ui 0.1.0

package/dist/types/card.d.ts

@@ -0,0 +1,23 @@
+import type { ComputedRef } from "vue";
+export type CardPadding = "sm" | "md" | "lg" | "none";
+export interface CardProps {
+    padding?: CardPadding;
+}
+export interface CardReturn {
+    base_classes: ComputedRef<string>;
+}
+export interface CardHeaderProps {
+    class?: string;
+}
+export interface CardTitleProps {
+    class?: string;
+}
+export interface CardDescriptionProps {
+    class?: string;
+}
+export interface CardContentProps {
+    class?: string;
+}
+export interface CardFooterProps {
+    class?: string;
+}

package/dist/types/checkbox.d.ts

@@ -0,0 +1,19 @@
+import type { ComputedRef } from "vue";
+export type CheckboxSize = "sm" | "md" | "lg";
+export interface CheckboxProps {
+    size?: CheckboxSize;
+    disabled?: boolean;
+    indeterminate?: boolean;
+}
+export interface CheckboxAriaAttributes {
+    role: "checkbox";
+    "aria-checked": boolean | "mixed";
+    "aria-disabled"?: boolean;
+}
+export interface CheckboxReturn {
+    base_classes: ComputedRef<string>;
+    indicator_classes: ComputedRef<string>;
+    is_disabled: ComputedRef<boolean>;
+    is_indeterminate: ComputedRef<boolean>;
+    aria_attributes: ComputedRef<CheckboxAriaAttributes>;
+}

package/dist/types/config.d.ts

@@ -0,0 +1,30 @@
+import type { ButtonVariant, ButtonSize } from "./button";
+import type { InputSize } from "./input";
+import type { CardPadding } from "./card";
+import type { AlertVariant } from "./alert";
+/**
+ * UIコンポーネントのグローバル設定
+ */
+export interface UIConfig {
+    button: ButtonConfig;
+    input: InputConfig;
+    card: CardConfig;
+    alert: AlertConfig;
+}
+export interface ButtonConfig {
+    default_variant: ButtonVariant;
+    default_size: ButtonSize;
+}
+export interface InputConfig {
+    default_size: InputSize;
+}
+export interface CardConfig {
+    default_padding: CardPadding;
+}
+export interface AlertConfig {
+    default_variant: AlertVariant;
+}
+/**
+ * デフォルト設定
+ */
+export declare const DEFAULT_UI_CONFIG: UIConfig;

package/dist/types/config.mjs

@@ -0,0 +1,15 @@
+export const DEFAULT_UI_CONFIG = {
+  button: {
+    default_variant: "primary",
+    default_size: "md"
+  },
+  input: {
+    default_size: "md"
+  },
+  card: {
+    default_padding: "md"
+  },
+  alert: {
+    default_variant: "default"
+  }
+};

package/dist/types/dialog.d.ts

@@ -0,0 +1,29 @@
+import type { Ref, DeepReadonly } from "vue";
+export interface DialogProps {
+    open?: boolean;
+    modal?: boolean;
+}
+export interface DialogReturn {
+    is_open: DeepReadonly<Ref<boolean>>;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+}
+export interface DialogContentProps {
+    class?: string;
+}
+export interface DialogHeaderProps {
+    class?: string;
+}
+export interface DialogTitleProps {
+    class?: string;
+}
+export interface DialogDescriptionProps {
+    class?: string;
+}
+export interface DialogFooterProps {
+    class?: string;
+}
+export interface DialogTriggerProps {
+    as_child?: boolean;
+}

package/dist/types/dropdown.d.ts

@@ -0,0 +1,27 @@
+export type DropdownSide = "top" | "right" | "bottom" | "left";
+export type DropdownAlign = "start" | "center" | "end";
+export interface DropdownProps {
+    side?: DropdownSide;
+    align?: DropdownAlign;
+}
+export interface DropdownItemProps {
+    disabled?: boolean;
+    destructive?: boolean;
+}
+export interface DropdownContext {
+    is_open: boolean;
+    dropdown_id: string;
+    active_item_index: number;
+    items_count: number;
+    trigger_ref: HTMLElement | null;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    registerItem: () => number;
+    setActiveItem: (index: number) => void;
+}
+export interface DropdownItemContext {
+    index: number;
+    is_active: boolean;
+    is_disabled: boolean;
+}

package/dist/types/file-input.d.ts

@@ -0,0 +1,35 @@
+import type { ComputedRef, Ref } from "vue";
+export interface FileInputProps {
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    max_size?: number;
+    max_files?: number;
+}
+export interface FileInfo {
+    file: File;
+    name: string;
+    size: number;
+    type: string;
+    preview_url: string | null;
+}
+export interface FileInputAriaAttributes {
+    "aria-disabled"?: boolean;
+    "aria-invalid"?: boolean;
+}
+export interface FileInputReturn {
+    base_classes: ComputedRef<string>;
+    dropzone_classes: ComputedRef<string>;
+    is_disabled: ComputedRef<boolean>;
+    is_dragging: Ref<boolean>;
+    files: Ref<FileInfo[]>;
+    error: Ref<string | null>;
+    aria_attributes: ComputedRef<FileInputAriaAttributes>;
+    handleFiles: (file_list: FileList | null) => void;
+    handleDragEnter: (event: DragEvent) => void;
+    handleDragLeave: (event: DragEvent) => void;
+    handleDrop: (event: DragEvent) => void;
+    removeFile: (index: number) => void;
+    clearFiles: () => void;
+    openFilePicker: () => void;
+}

package/dist/types/form.d.ts

@@ -0,0 +1,70 @@
+import type { ComputedRef, DeepReadonly } from "vue";
+export interface FormState<T> {
+    values: T;
+    errors: Partial<Record<keyof T, string>>;
+    touched: Partial<Record<keyof T, boolean>>;
+    is_submitting: boolean;
+    is_dirty: boolean;
+}
+/**
+ * 配列フィールド操作のためのヘルパー型
+ */
+export interface FieldArrayHelpers<TItem> {
+    fields: TItem[];
+    append: (value: TItem) => void;
+    prepend: (value: TItem) => void;
+    insert: (index: number, value: TItem) => void;
+    remove: (index: number) => void;
+    move: (from_index: number, to_index: number) => void;
+    swap: (index_a: number, index_b: number) => void;
+    replace: (index: number, value: TItem) => void;
+    clear: () => void;
+}
+/**
+ * ファイルアップロード用の型
+ */
+export interface FileFieldValue {
+    file: File | null;
+    preview_url: string | null;
+    is_uploading: boolean;
+    progress: number;
+    error: string | null;
+}
+export interface FileFieldOptions {
+    accept?: string;
+    max_size?: number;
+    on_upload?: (file: File) => Promise<string>;
+}
+export interface FormReturn<T> {
+    values: T;
+    errors: DeepReadonly<Partial<Record<keyof T, string>>>;
+    touched: DeepReadonly<Partial<Record<keyof T, boolean>>>;
+    is_valid: ComputedRef<boolean>;
+    is_submitting: DeepReadonly<ComputedRef<boolean>>;
+    is_dirty: DeepReadonly<ComputedRef<boolean>>;
+    validateField: (field: keyof T) => void;
+    validateAll: () => boolean;
+    reset: () => void;
+    setValues: (values: Partial<T>) => void;
+    setFieldValue: (field: keyof T, value: T[keyof T]) => void;
+    submit: (on_submit: (data: T) => Promise<void>) => Promise<void>;
+    getFieldArray: <K extends keyof T>(field: K) => T[K] extends Array<infer U> ? FieldArrayHelpers<U> : never;
+}
+export interface FormFieldProps {
+    name?: string;
+    class?: string;
+}
+export interface FormLabelProps {
+    for?: string;
+    class?: string;
+    required?: boolean;
+}
+export interface FormInputProps {
+    id?: string;
+    name?: string;
+    error?: string;
+    class?: string;
+}
+export interface FormErrorProps {
+    class?: string;
+}

package/dist/types/index.d.ts

@@ -0,0 +1,20 @@
+export * from "./utils";
+export * from "./button";
+export * from "./input";
+export * from "./card";
+export * from "./dialog";
+export * from "./form";
+export * from "./alert";
+export * from "./config";
+export * from "./checkbox";
+export * from "./radio";
+export * from "./switch";
+export * from "./textarea";
+export * from "./select";
+export * from "./file-input";
+export * from "./toast";
+export * from "./tooltip";
+export * from "./popover";
+export * from "./dropdown";
+export * from "./sheet";
+export * from "./theme";

package/dist/types/index.mjs

@@ -0,0 +1,20 @@
+export * from "./utils.mjs";
+export * from "./button.mjs";
+export * from "./input.mjs";
+export * from "./card.mjs";
+export * from "./dialog.mjs";
+export * from "./form.mjs";
+export * from "./alert.mjs";
+export * from "./config.mjs";
+export * from "./checkbox.mjs";
+export * from "./radio.mjs";
+export * from "./switch.mjs";
+export * from "./textarea.mjs";
+export * from "./select.mjs";
+export * from "./file-input.mjs";
+export * from "./toast.mjs";
+export * from "./tooltip.mjs";
+export * from "./popover.mjs";
+export * from "./dropdown.mjs";
+export * from "./sheet.mjs";
+export * from "./theme.mjs";

package/dist/types/input.d.ts

@@ -0,0 +1,27 @@
+import type { ComputedRef, Ref } from "vue";
+export type InputSize = "sm" | "md" | "lg";
+export type InputType = "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+export interface InputProps {
+    type?: InputType;
+    size?: InputSize;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    error?: string;
+    error_id?: string;
+}
+export interface InputAriaAttributes {
+    "aria-invalid"?: boolean;
+    "aria-describedby"?: string;
+    "aria-readonly"?: boolean;
+}
+export interface InputReturn {
+    base_classes: ComputedRef<string>;
+    is_focused: Ref<boolean>;
+    has_error: ComputedRef<boolean>;
+    is_disabled: ComputedRef<boolean>;
+    is_readonly: ComputedRef<boolean>;
+    aria_attributes: ComputedRef<InputAriaAttributes>;
+    handleFocus: () => void;
+    handleBlur: () => void;
+}

package/dist/types/popover.d.ts

@@ -0,0 +1,15 @@
+export type PopoverSide = "top" | "right" | "bottom" | "left";
+export type PopoverAlign = "start" | "center" | "end";
+export interface PopoverProps {
+    side?: PopoverSide;
+    align?: PopoverAlign;
+    modal?: boolean;
+}
+export interface PopoverContext {
+    is_open: boolean;
+    popover_id: string;
+    trigger_ref: HTMLElement | null;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+}

package/dist/types/radio.d.ts

@@ -0,0 +1,29 @@
+import type { ComputedRef, InjectionKey, Ref } from "vue";
+export type RadioSize = "sm" | "md" | "lg";
+export interface RadioGroupProps {
+    disabled?: boolean;
+    orientation?: "horizontal" | "vertical";
+}
+export interface RadioItemProps {
+    value: string;
+    size?: RadioSize;
+    disabled?: boolean;
+}
+export interface RadioGroupContext {
+    model_value: Ref<string>;
+    disabled: Ref<boolean>;
+    updateValue: (value: string) => void;
+}
+export declare const RADIO_GROUP_KEY: InjectionKey<RadioGroupContext>;
+export interface RadioAriaAttributes {
+    role: "radio";
+    "aria-checked": boolean;
+    "aria-disabled"?: boolean;
+}
+export interface RadioItemReturn {
+    base_classes: ComputedRef<string>;
+    indicator_classes: ComputedRef<string>;
+    is_checked: ComputedRef<boolean>;
+    is_disabled: ComputedRef<boolean>;
+    aria_attributes: ComputedRef<RadioAriaAttributes>;
+}

package/dist/types/radio.mjs

@@ -0,0 +1 @@
+export const RADIO_GROUP_KEY = Symbol("radio-group");

package/dist/types/select.d.ts

@@ -0,0 +1,36 @@
+import type { ComputedRef, InjectionKey, Ref } from "vue";
+export type SelectSize = "sm" | "md" | "lg";
+export interface SelectProps {
+    size?: SelectSize;
+    disabled?: boolean;
+    placeholder?: string;
+}
+export interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface SelectContext {
+    model_value: Ref<string>;
+    is_open: Ref<boolean>;
+    disabled: Ref<boolean>;
+    size: Ref<SelectSize>;
+    placeholder: Ref<string>;
+    updateValue: (value: string) => void;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+}
+export declare const SELECT_KEY: InjectionKey<SelectContext>;
+export interface SelectTriggerReturn {
+    base_classes: ComputedRef<string>;
+    is_disabled: ComputedRef<boolean>;
+}
+export interface SelectContentReturn {
+    base_classes: ComputedRef<string>;
+}
+export interface SelectItemReturn {
+    base_classes: ComputedRef<string>;
+    is_selected: ComputedRef<boolean>;
+    is_disabled: ComputedRef<boolean>;
+}

package/dist/types/select.mjs

@@ -0,0 +1 @@
+export const SELECT_KEY = Symbol("select");

package/dist/types/sheet.d.ts

@@ -0,0 +1,11 @@
+export type SheetSide = "top" | "right" | "bottom" | "left";
+export interface SheetProps {
+    open?: boolean;
+    side?: SheetSide;
+}
+export interface SheetContext {
+    is_open: boolean;
+    side: SheetSide;
+    open: () => void;
+    close: () => void;
+}

package/dist/types/switch.d.ts

@@ -0,0 +1,17 @@
+import type { ComputedRef } from "vue";
+export type SwitchSize = "sm" | "md" | "lg";
+export interface SwitchProps {
+    size?: SwitchSize;
+    disabled?: boolean;
+}
+export interface SwitchAriaAttributes {
+    role: "switch";
+    "aria-checked": boolean;
+    "aria-disabled"?: boolean;
+}
+export interface SwitchReturn {
+    track_classes: ComputedRef<string>;
+    thumb_classes: ComputedRef<string>;
+    is_disabled: ComputedRef<boolean>;
+    aria_attributes: ComputedRef<SwitchAriaAttributes>;
+}

package/dist/types/textarea.d.ts

@@ -0,0 +1,25 @@
+import type { ComputedRef, Ref } from "vue";
+export interface TextareaProps {
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    error?: string;
+    error_id?: string;
+    rows?: number;
+    resize?: "none" | "vertical" | "horizontal" | "both";
+}
+export interface TextareaAriaAttributes {
+    "aria-invalid"?: boolean;
+    "aria-describedby"?: string;
+    "aria-readonly"?: boolean;
+}
+export interface TextareaReturn {
+    base_classes: ComputedRef<string>;
+    is_focused: Ref<boolean>;
+    has_error: ComputedRef<boolean>;
+    is_disabled: ComputedRef<boolean>;
+    is_readonly: ComputedRef<boolean>;
+    aria_attributes: ComputedRef<TextareaAriaAttributes>;
+    handleFocus: () => void;
+    handleBlur: () => void;
+}

package/dist/types/theme.d.ts

@@ -0,0 +1,43 @@
+export type ThemeMode = "light" | "dark" | "system";
+export interface ThemeColors {
+    background: string;
+    foreground: string;
+    card: string;
+    card_foreground: string;
+    popover: string;
+    popover_foreground: string;
+    primary: string;
+    primary_foreground: string;
+    secondary: string;
+    secondary_foreground: string;
+    muted: string;
+    muted_foreground: string;
+    accent: string;
+    accent_foreground: string;
+    destructive: string;
+    destructive_foreground: string;
+    border: string;
+    input: string;
+    ring: string;
+}
+export interface Theme {
+    name: string;
+    colors: {
+        light: ThemeColors;
+        dark: ThemeColors;
+    };
+}
+export interface ThemeConfig {
+    default_mode: ThemeMode;
+    storage_key: string;
+    attribute: string;
+    themes: Theme[];
+}
+export interface ThemeReturn {
+    mode: ThemeMode;
+    resolved_mode: "light" | "dark";
+    setMode: (mode: ThemeMode) => void;
+    toggleMode: () => void;
+}
+export declare const DEFAULT_LIGHT_COLORS: ThemeColors;
+export declare const DEFAULT_DARK_COLORS: ThemeColors;

package/dist/types/theme.mjs

@@ -0,0 +1,42 @@
+export const DEFAULT_LIGHT_COLORS = {
+  background: "0 0% 100%",
+  foreground: "222.2 84% 4.9%",
+  card: "0 0% 100%",
+  card_foreground: "222.2 84% 4.9%",
+  popover: "0 0% 100%",
+  popover_foreground: "222.2 84% 4.9%",
+  primary: "222.2 47.4% 11.2%",
+  primary_foreground: "210 40% 98%",
+  secondary: "210 40% 96.1%",
+  secondary_foreground: "222.2 47.4% 11.2%",
+  muted: "210 40% 96.1%",
+  muted_foreground: "215.4 16.3% 46.9%",
+  accent: "210 40% 96.1%",
+  accent_foreground: "222.2 47.4% 11.2%",
+  destructive: "0 84.2% 60.2%",
+  destructive_foreground: "210 40% 98%",
+  border: "214.3 31.8% 91.4%",
+  input: "214.3 31.8% 91.4%",
+  ring: "222.2 84% 4.9%"
+};
+export const DEFAULT_DARK_COLORS = {
+  background: "222.2 84% 4.9%",
+  foreground: "210 40% 98%",
+  card: "222.2 84% 4.9%",
+  card_foreground: "210 40% 98%",
+  popover: "222.2 84% 4.9%",
+  popover_foreground: "210 40% 98%",
+  primary: "210 40% 98%",
+  primary_foreground: "222.2 47.4% 11.2%",
+  secondary: "217.2 32.6% 17.5%",
+  secondary_foreground: "210 40% 98%",
+  muted: "217.2 32.6% 17.5%",
+  muted_foreground: "215 20.2% 65.1%",
+  accent: "217.2 32.6% 17.5%",
+  accent_foreground: "210 40% 98%",
+  destructive: "0 62.8% 30.6%",
+  destructive_foreground: "210 40% 98%",
+  border: "217.2 32.6% 17.5%",
+  input: "217.2 32.6% 17.5%",
+  ring: "212.7 26.8% 83.9%"
+};

package/dist/types/toast.d.ts

@@ -0,0 +1,38 @@
+export type ToastVariant = "default" | "success" | "error" | "warning" | "info";
+export type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+export interface ToastProps {
+    id?: string;
+    title?: string;
+    description?: string;
+    variant?: ToastVariant;
+    duration?: number;
+    dismissible?: boolean;
+    action?: ToastAction;
+}
+export interface ToastAction {
+    label: string;
+    onClick: () => void;
+}
+export interface Toast extends Required<Pick<ToastProps, "id" | "variant" | "duration" | "dismissible">> {
+    title?: string;
+    description?: string;
+    action?: ToastAction;
+    created_at: number;
+}
+export interface ToasterProps {
+    position?: ToastPosition;
+    max_toasts?: number;
+    gap?: number;
+}
+export interface ToastReturn {
+    toasts: Toast[];
+    add: (props: ToastProps) => string;
+    dismiss: (id: string) => void;
+    dismissAll: () => void;
+    update: (id: string, props: Partial<ToastProps>) => void;
+}
+export interface ToastAriaAttributes {
+    role: "alert" | "status";
+    "aria-live": "assertive" | "polite";
+    "aria-atomic": "true";
+}

package/dist/types/tooltip.d.ts

@@ -0,0 +1,25 @@
+export type TooltipSide = "top" | "right" | "bottom" | "left";
+export type TooltipAlign = "start" | "center" | "end";
+export interface TooltipProps {
+    content: string;
+    side?: TooltipSide;
+    align?: TooltipAlign;
+    delay_duration?: number;
+    skip_delay_duration?: number;
+    disabled?: boolean;
+}
+export interface TooltipReturn {
+    is_open: boolean;
+    trigger_ref: HTMLElement | null;
+    content_styles: Record<string, string>;
+    show: () => void;
+    hide: () => void;
+    toggle: () => void;
+}
+export interface TooltipAriaAttributes {
+    role: "tooltip";
+    id: string;
+}
+export interface TooltipTriggerAriaAttributes {
+    "aria-describedby": string;
+}

package/dist/types/utils.d.ts

@@ -0,0 +1,12 @@
+export type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};
+export type RequiredKeys<T, K extends keyof T> = T & Required<Pick<T, K>>;
+export type Optional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+export type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+export type MaybeRef<T> = T | {
+    value: T;
+};
+export type Arrayable<T> = T | T[];