@fluix-ui/vanilla 0.0.5 → 0.0.7

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { FluixToasterConfig } from '@fluix-ui/core';
-export { FluixPosition, FluixToastOptions, FluixToastPromiseOptions, FluixToastState, FluixToasterConfig, fluix } from '@fluix-ui/core';
+import { FluixToasterConfig, NotchTrigger, NotchPosition, SpringConfig, NotchTheme, MenuOrientation, MenuVariant, MenuTheme } from '@fluix-ui/core';
+export { FluixPosition, FluixToastOptions, FluixToastPromiseOptions, FluixToastState, FluixToasterConfig, MenuOrientation, MenuTheme, MenuVariant, NotchConfig, NotchPosition, NotchTheme, NotchTrigger, fluix } from '@fluix-ui/core';
 
 /**
  * Vanilla JS Toaster — imperative DOM adapter for the Fluix toast system.
@@ -13,4 +13,70 @@ declare function createToaster(config?: FluixToasterConfig): {
     update(config: FluixToasterConfig): void;
 };
 
-export { createToaster };
+/**
+ * Vanilla JS Notch — imperative DOM adapter for the Fluix Notch component.
+ *
+ * Creates all DOM elements (measurer, root, SVG canvas with gooey filter +
+ * highlight rect, pill div, content div), subscribes to the core notch machine,
+ * and drives WAAPI spring animations.
+ */
+
+interface NotchOptions {
+    trigger?: NotchTrigger;
+    position?: NotchPosition;
+    spring?: SpringConfig;
+    /** Collapsed dot size in px. Default: 36 */
+    dotSize?: number;
+    roundness?: number;
+    /** Visual theme. Default: "dark" */
+    theme?: NotchTheme;
+    fill?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Icon/content shown in the collapsed dot */
+    pill: HTMLElement | string;
+    /** Content shown when expanded */
+    content: HTMLElement | string;
+}
+interface NotchInstance {
+    open(): void;
+    close(): void;
+    toggle(): void;
+    destroy(): void;
+    update(opts: Partial<NotchOptions>): void;
+}
+declare function createNotch(container: HTMLElement, options: NotchOptions): NotchInstance;
+
+/**
+ * Vanilla JS Menu — imperative DOM adapter for the Fluix Menu component.
+ *
+ * Creates all DOM elements (nav, item buttons, SVG canvas with indicator),
+ * subscribes to the core menu machine, and drives the indicator animation
+ * via connectMenu.
+ */
+
+interface MenuItemConfig {
+    id: string;
+    label: string;
+    disabled?: boolean;
+}
+interface MenuOptions {
+    orientation?: MenuOrientation;
+    variant?: MenuVariant;
+    theme?: MenuTheme;
+    activeId?: string | null;
+    onActiveChange?: (id: string) => void;
+    spring?: SpringConfig;
+    roundness?: number;
+    blur?: number;
+    fill?: string;
+    items: MenuItemConfig[];
+}
+interface MenuInstance {
+    setActive(id: string | null): void;
+    update(opts: Partial<MenuOptions>): void;
+    destroy(): void;
+}
+declare function createMenu(container: HTMLElement, options: MenuOptions): MenuInstance;
+
+export { type MenuInstance, type MenuItemConfig, type MenuOptions, type NotchOptions, createMenu, createNotch, createToaster };