@soave/ui 0.1.0 → 0.2.1

package/dist/types/composables.d.ts

@@ -0,0 +1,122 @@
+import type { Ref } from "vue";
+/**
+ * Button の状態
+ */
+export interface ButtonState {
+    variant: "primary" | "secondary" | "ghost" | "outline" | "destructive";
+    size: "sm" | "md" | "lg";
+    disabled: boolean;
+    loading: boolean;
+}
+/**
+ * Input の状態
+ */
+export interface InputState {
+    size: "sm" | "md" | "lg";
+    disabled: boolean;
+    readonly: boolean;
+    error: string | undefined;
+}
+/**
+ * Dialog の状態
+ */
+export interface DialogState {
+    is_open: boolean;
+}
+/**
+ * Card の状態
+ */
+export interface CardState {
+    padding: "sm" | "md" | "lg" | "none";
+}
+/**
+ * Checkbox の状態
+ */
+export interface CheckboxState {
+    checked: boolean;
+    disabled: boolean;
+    indeterminate: boolean;
+}
+/**
+ * Radio の状態
+ */
+export interface RadioState {
+    checked: boolean;
+    disabled: boolean;
+}
+/**
+ * Switch の状態
+ */
+export interface SwitchState {
+    checked: boolean;
+    disabled: boolean;
+}
+/**
+ * Textarea の状態
+ */
+export interface TextareaState {
+    size: "sm" | "md" | "lg";
+    disabled: boolean;
+    readonly: boolean;
+    error: string | undefined;
+}
+/**
+ * Select の状態
+ */
+export interface SelectState {
+    size: "sm" | "md" | "lg";
+    disabled: boolean;
+    is_open: boolean;
+}
+/**
+ * Toast の状態
+ */
+export interface ToastState {
+    variant: "default" | "success" | "error" | "warning" | "info";
+}
+/**
+ * Tooltip の状態
+ */
+export interface TooltipState {
+    is_open: boolean;
+    side: "top" | "right" | "bottom" | "left";
+}
+/**
+ * Popover の状態
+ */
+export interface PopoverState {
+    is_open: boolean;
+}
+/**
+ * Dropdown の状態
+ */
+export interface DropdownState {
+    is_open: boolean;
+}
+/**
+ * Sheet の状態
+ */
+export interface SheetState {
+    is_open: boolean;
+    side: "top" | "right" | "bottom" | "left";
+}
+/**
+ * Alert の状態
+ */
+export interface AlertState {
+    variant: "default" | "info" | "success" | "warning" | "destructive";
+}
+/**
+ * 汎用的なコンポーネント状態
+ */
+export interface ComponentState {
+    [key: string]: unknown;
+}
+/**
+ * Headless Composable の戻り値型
+ * ロジック情報のみを返し、スタイル情報は返さない
+ */
+export interface HeadlessComposableReturn<T extends ComponentState> {
+    state: Readonly<Ref<T>>;
+    aria_attributes: Readonly<Ref<Record<string, string | boolean | undefined>>>;
+}

package/dist/types/config.d.ts

@@ -2,6 +2,7 @@ import type { ButtonVariant, ButtonSize } from "./button";
 import type { InputSize } from "./input";
 import type { CardPadding } from "./card";
 import type { AlertVariant } from "./alert";
+import type { StyleAdapter } from "../adapters/types";
 /**
  * UIコンポーネントのグローバル設定
  */
@@ -11,6 +12,13 @@ export interface UIConfig {
     card: CardConfig;
     alert: AlertConfig;
 }
+/**
+ * UIProvider のコンテキスト（設定 + Adapter）
+ */
+export interface UIProviderContext {
+    config: UIConfig;
+    adapter: StyleAdapter;
+}
 export interface ButtonConfig {
     default_variant: ButtonVariant;
     default_size: ButtonSize;

package/dist/types/dialog.d.ts

@@ -1,7 +1,13 @@
-import type { Ref, DeepReadonly } from "vue";
+import type { Ref, DeepReadonly, InjectionKey } from "vue";
+export interface DialogContext {
+    close: () => void;
+}
+export declare const DIALOG_KEY: InjectionKey<DialogContext>;
 export interface DialogProps {
     open?: boolean;
     modal?: boolean;
+    showCloseButton?: boolean;
+    unstyled?: boolean;
 }
 export interface DialogReturn {
     is_open: DeepReadonly<Ref<boolean>>;
@@ -11,18 +17,23 @@ export interface DialogReturn {
 }
 export interface DialogContentProps {
     class?: string;
+    unstyled?: boolean;
 }
 export interface DialogHeaderProps {
     class?: string;
+    unstyled?: boolean;
 }
 export interface DialogTitleProps {
     class?: string;
+    unstyled?: boolean;
 }
 export interface DialogDescriptionProps {
     class?: string;
+    unstyled?: boolean;
 }
 export interface DialogFooterProps {
     class?: string;
+    unstyled?: boolean;
 }
 export interface DialogTriggerProps {
     as_child?: boolean;

package/dist/types/dialog.mjs

@@ -0,0 +1 @@
+export const DIALOG_KEY = Symbol("dialog");

package/dist/types/dropdown.d.ts

@@ -1,12 +1,22 @@
+import type { InjectionKey } from "vue";
+import type { UseDropdownReturn } from "../composables/useDropdown";
 export type DropdownSide = "top" | "right" | "bottom" | "left";
 export type DropdownAlign = "start" | "center" | "end";
 export interface DropdownProps {
     side?: DropdownSide;
     align?: DropdownAlign;
+    class?: string;
+    unstyled?: boolean;
+}
+export interface DropdownContentProps {
+    class?: string;
+    unstyled?: boolean;
 }
 export interface DropdownItemProps {
     disabled?: boolean;
     destructive?: boolean;
+    class?: string;
+    unstyled?: boolean;
 }
 export interface DropdownContext {
     is_open: boolean;
@@ -25,3 +35,4 @@ export interface DropdownItemContext {
     is_active: boolean;
     is_disabled: boolean;
 }
+export declare const DROPDOWN_CONTEXT_KEY: InjectionKey<UseDropdownReturn>;

package/dist/types/dropdown.mjs

@@ -0,0 +1 @@
+export const DROPDOWN_CONTEXT_KEY = Symbol("dropdown-context");

package/dist/types/index.d.ts

@@ -18,3 +18,4 @@ export * from "./popover";
 export * from "./dropdown";
 export * from "./sheet";
 export * from "./theme";
+export * from "./composables";

package/dist/types/index.mjs

@@ -18,3 +18,4 @@ export * from "./popover.mjs";
 export * from "./dropdown.mjs";
 export * from "./sheet.mjs";
 export * from "./theme.mjs";
+export * from "./composables.mjs";

package/dist/types/popover.d.ts

@@ -1,9 +1,17 @@
+import type { InjectionKey } from "vue";
+import type { UsePopoverReturn } from "../composables/usePopover";
 export type PopoverSide = "top" | "right" | "bottom" | "left";
 export type PopoverAlign = "start" | "center" | "end";
 export interface PopoverProps {
     side?: PopoverSide;
     align?: PopoverAlign;
     modal?: boolean;
+    class?: string;
+    unstyled?: boolean;
+}
+export interface PopoverContentProps {
+    class?: string;
+    unstyled?: boolean;
 }
 export interface PopoverContext {
     is_open: boolean;
@@ -13,3 +21,4 @@ export interface PopoverContext {
     close: () => void;
     toggle: () => void;
 }
+export declare const POPOVER_CONTEXT_KEY: InjectionKey<UsePopoverReturn>;

package/dist/types/popover.mjs

@@ -0,0 +1 @@
+export const POPOVER_CONTEXT_KEY = Symbol("popover-context");

package/dist/types/radio.d.ts

@@ -3,11 +3,15 @@ export type RadioSize = "sm" | "md" | "lg";
 export interface RadioGroupProps {
     disabled?: boolean;
     orientation?: "horizontal" | "vertical";
+    class?: string;
+    unstyled?: boolean;
 }
 export interface RadioItemProps {
     value: string;
     size?: RadioSize;
     disabled?: boolean;
+    class?: string;
+    unstyled?: boolean;
 }
 export interface RadioGroupContext {
     model_value: Ref<string>;

package/dist/types/select.d.ts

@@ -4,6 +4,25 @@ export interface SelectProps {
     size?: SelectSize;
     disabled?: boolean;
     placeholder?: string;
+    unstyled?: boolean;
+}
+export interface SelectTriggerProps {
+    class?: string;
+    unstyled?: boolean;
+}
+export interface SelectContentProps {
+    class?: string;
+    unstyled?: boolean;
+}
+export interface SelectItemProps {
+    value: string;
+    disabled?: boolean;
+    class?: string;
+    unstyled?: boolean;
+}
+export interface SelectValueProps {
+    class?: string;
+    unstyled?: boolean;
 }
 export interface SelectOption {
     value: string;
@@ -16,10 +35,12 @@ export interface SelectContext {
     disabled: Ref<boolean>;
     size: Ref<SelectSize>;
     placeholder: Ref<string>;
+    trigger_ref: Ref<HTMLElement | null>;
     updateValue: (value: string) => void;
     open: () => void;
     close: () => void;
     toggle: () => void;
+    setTriggerRef: (element: HTMLElement | null) => void;
 }
 export declare const SELECT_KEY: InjectionKey<SelectContext>;
 export interface SelectTriggerReturn {

package/dist/types/sheet.d.ts

@@ -1,7 +1,27 @@
+import type { InjectionKey } from "vue";
 export type SheetSide = "top" | "right" | "bottom" | "left";
 export interface SheetProps {
     open?: boolean;
     side?: SheetSide;
+    showCloseButton?: boolean;
+    class?: string;
+    unstyled?: boolean;
+}
+export interface SheetHeaderProps {
+    class?: string;
+    unstyled?: boolean;
+}
+export interface SheetTitleProps {
+    class?: string;
+    unstyled?: boolean;
+}
+export interface SheetDescriptionProps {
+    class?: string;
+    unstyled?: boolean;
+}
+export interface SheetFooterProps {
+    class?: string;
+    unstyled?: boolean;
 }
 export interface SheetContext {
     is_open: boolean;
@@ -9,3 +29,4 @@ export interface SheetContext {
     open: () => void;
     close: () => void;
 }
+export declare const SHEET_CONTEXT_KEY: InjectionKey<SheetContext>;

package/dist/types/sheet.mjs

@@ -0,0 +1 @@
+export const SHEET_CONTEXT_KEY = Symbol("sheet-context");

package/dist/types/toast.d.ts

@@ -8,6 +8,8 @@ export interface ToastProps {
     duration?: number;
     dismissible?: boolean;
     action?: ToastAction;
+    class?: string;
+    unstyled?: boolean;
 }
 export interface ToastAction {
     label: string;

package/dist/types/tooltip.d.ts

@@ -7,6 +7,12 @@ export interface TooltipProps {
     delay_duration?: number;
     skip_delay_duration?: number;
     disabled?: boolean;
+    class?: string;
+    unstyled?: boolean;
+}
+export interface TooltipContentProps {
+    class?: string;
+    unstyled?: boolean;
 }
 export interface TooltipReturn {
     is_open: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@soave/ui",
-    "version": "0.1.0",
+    "version": "0.2.1",
     "description": "soave UI - Composable-First UI Framework for Vue 3 / Nuxt 4",
     "author": "Arata Ouchi (Original SIN Architecture)",
     "license": "MIT",
@@ -25,6 +25,14 @@
         "./components": {
             "import": "./dist/components/ui/index.mjs",
             "types": "./dist/components/ui/index.d.ts"
+        },
+        "./adapters": {
+            "import": "./dist/adapters/index.mjs",
+            "types": "./dist/adapters/index.d.ts"
+        },
+        "./styles/css-variables.css": {
+            "import": "./dist/styles/css-variables.css",
+            "default": "./dist/styles/css-variables.css"
         }
     },
     "files": [