sv5ui 1.7.0 → 2.0.0

package/dist/hooks/HookContextProbe.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const HookContextProbe: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type HookContextProbe = InstanceType<typeof HookContextProbe>;
+export default HookContextProbe;

package/dist/hooks/HookContextProvider.svelte

@@ -0,0 +1,9 @@
+<script lang="ts">
+    import { setContext } from 'svelte'
+    import { FORM_FIELD_CONTEXT_KEY } from './useFormField.svelte.js'
+    import HookContextProbe from './HookContextProbe.svelte'
+
+    setContext(FORM_FIELD_CONTEXT_KEY, { name: 'email', size: 'md', ariaId: 'ff' })
+</script>
+
+<HookContextProbe />

package/dist/hooks/HookContextProvider.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const HookContextProvider: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type HookContextProvider = InstanceType<typeof HookContextProvider>;
+export default HookContextProvider;

package/dist/hooks/HookEmitProbe.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+    import { useFormFieldEmit } from './useFormField.svelte.js'
+
+    const emit = useFormFieldEmit()
+
+    function fireAll() {
+        emit.onBlur()
+        emit.onFocus()
+        emit.onChange()
+        emit.onInput()
+    }
+</script>
+
+<button data-testid="fire" onclick={fireAll}>fire</button>

package/dist/hooks/HookEmitProbe.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const HookEmitProbe: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type HookEmitProbe = InstanceType<typeof HookEmitProbe>;
+export default HookEmitProbe;

package/dist/hooks/index.d.ts

@@ -2,7 +2,7 @@ export { useMediaQuery } from './useMediaQuery.svelte.js';
 export type { UseMediaQueryOptions } from './useMediaQuery.svelte.js';
 export { useClipboard } from './useClipboard.svelte.js';
 export type { UseClipboardOptions } from './useClipboard.svelte.js';
-export { useFormField, useFormFieldEmit, wireFormEvents, FORM_FIELD_CONTEXT_KEY } from './useFormField.svelte.js';
+export { useFormField, useFormFieldEmit, FORM_FIELD_CONTEXT_KEY } from './useFormField.svelte.js';
 export type { FormFieldContext } from './useFormField.svelte.js';
 export { useClickOutside } from './useClickOutside.svelte.js';
 export type { UseClickOutsideOptions } from './useClickOutside.svelte.js';

package/dist/hooks/index.js

@@ -1,6 +1,6 @@
 export { useMediaQuery } from './useMediaQuery.svelte.js';
 export { useClipboard } from './useClipboard.svelte.js';
-export { useFormField, useFormFieldEmit, wireFormEvents, FORM_FIELD_CONTEXT_KEY } from './useFormField.svelte.js';
+export { useFormField, useFormFieldEmit, FORM_FIELD_CONTEXT_KEY } from './useFormField.svelte.js';
 export { useClickOutside } from './useClickOutside.svelte.js';
 export { useInfiniteScroll } from './useInfiniteScroll.svelte.js';
 export { useEscapeKeydown } from './useEscapeKeydown.svelte.js';

package/dist/hooks/useFormField.svelte.d.ts

@@ -52,34 +52,3 @@ export declare function useFormFieldEmit(): {
     onChange(): void;
     onInput(): void;
 };
-/**
- * Wires native DOM input events to the parent Form's event emitters while
- * preserving any user-supplied handlers. Reduces boilerplate in wrapper
- * components (Input, Textarea, etc.) from ~20 lines of handler definitions
- * to 4 lines:
- *
- * ```svelte
- * <script>
- *   const events = wireFormEvents({ onblur, oninput, onchange, onfocus })
- * </script>
- *
- * <input {...events} />
- * ```
- *
- * Each handler fires the Form emitter first, then calls the user handler
- * (if any) with the original event.
- */
-type InputEventHandler<E extends Event = Event> = (event: E) => void;
-type FocusEventHandler = InputEventHandler<FocusEvent>;
-export declare function wireFormEvents(userHandlers: {
-    onblur?: FocusEventHandler | null;
-    oninput?: InputEventHandler | null;
-    onchange?: InputEventHandler | null;
-    onfocus?: FocusEventHandler | null;
-}): {
-    onblur(event: FocusEvent): void;
-    oninput(event: Event): void;
-    onchange(event: Event): void;
-    onfocus(event: FocusEvent): void;
-};
-export {};

package/dist/hooks/useFormField.svelte.js

@@ -63,24 +63,3 @@ export function useFormFieldEmit() {
         }
     };
 }
-export function wireFormEvents(userHandlers) {
-    const emit = useFormFieldEmit();
-    return {
-        onblur(event) {
-            emit.onBlur();
-            userHandlers.onblur?.(event);
-        },
-        oninput(event) {
-            emit.onInput();
-            userHandlers.oninput?.(event);
-        },
-        onchange(event) {
-            emit.onChange();
-            userHandlers.onchange?.(event);
-        },
-        onfocus(event) {
-            emit.onFocus();
-            userHandlers.onfocus?.(event);
-        }
-    };
-}

package/dist/index.d.ts

@@ -47,6 +47,8 @@ export * from './ThemeModeButton/index.js';
 export * from './Table/index.js';
 export * from './Toast/index.js';
 export * from './Carousel/index.js';
+export * from './Banner/index.js';
+export * from './Stepper/index.js';
 export * from './hooks/index.js';
 export { defineConfig } from './config.js';
 export type { UIConfig } from './config.js';

package/dist/index.js

@@ -48,6 +48,8 @@ export * from './ThemeModeButton/index.js';
 export * from './Table/index.js';
 export * from './Toast/index.js';
 export * from './Carousel/index.js';
+export * from './Banner/index.js';
+export * from './Stepper/index.js';
 // Composables
 export * from './hooks/index.js';
 // Configuration

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "sv5ui",
-    "version": "1.7.0",
+    "version": "2.0.0",
     "description": "A modern Svelte 5 UI component library with Tailwind CSS",
     "author": "ndlabdev",
     "license": "MIT",
@@ -42,24 +42,101 @@
             "svelte": "./dist/index.js",
             "default": "./dist/index.js"
         },
+        "./editor": {
+            "types": "./dist/Editor/index.d.ts",
+            "svelte": "./dist/Editor/index.js",
+            "default": "./dist/Editor/index.js"
+        },
         "./theme.css": {
             "import": "./dist/theme.css",
             "default": "./dist/theme.css"
         }
     },
     "peerDependencies": {
+        "@tiptap/core": "^3.0.0",
+        "@tiptap/extension-bubble-menu": "^3.0.0",
+        "@tiptap/extension-character-count": "^3.0.0",
+        "@tiptap/extension-drag-handle": "^3.0.0",
+        "@tiptap/extension-image": "^3.0.0",
+        "@tiptap/extension-mention": "^3.0.0",
+        "@tiptap/extension-placeholder": "^3.0.0",
+        "@tiptap/extension-table": "^3.0.0",
+        "@tiptap/extension-table-cell": "^3.0.0",
+        "@tiptap/extension-table-header": "^3.0.0",
+        "@tiptap/extension-table-row": "^3.0.0",
+        "@tiptap/extension-text-align": "^3.0.0",
+        "@tiptap/extension-typography": "^3.0.0",
+        "@tiptap/extension-youtube": "^3.0.0",
+        "@tiptap/pm": "^3.0.0",
+        "@tiptap/starter-kit": "^3.0.0",
+        "@tiptap/suggestion": "^3.0.0",
         "joi": "^17.0.0 || ^18.0.0",
         "mode-watcher": "^1.0.0",
         "svelte": "^5.0.0",
         "tailwindcss": "^4.0.0",
+        "tiptap-markdown": "^0.9.0",
         "valibot": "^1.0.0",
         "yup": "^1.7.0",
         "zod": "^3.24.0 || ^4.0.0"
     },
     "peerDependenciesMeta": {
+        "@tiptap/core": {
+            "optional": true
+        },
+        "@tiptap/extension-bubble-menu": {
+            "optional": true
+        },
+        "@tiptap/extension-character-count": {
+            "optional": true
+        },
+        "@tiptap/extension-drag-handle": {
+            "optional": true
+        },
+        "@tiptap/extension-image": {
+            "optional": true
+        },
+        "@tiptap/extension-mention": {
+            "optional": true
+        },
+        "@tiptap/extension-placeholder": {
+            "optional": true
+        },
+        "@tiptap/extension-table": {
+            "optional": true
+        },
+        "@tiptap/extension-table-cell": {
+            "optional": true
+        },
+        "@tiptap/extension-table-header": {
+            "optional": true
+        },
+        "@tiptap/extension-table-row": {
+            "optional": true
+        },
+        "@tiptap/extension-text-align": {
+            "optional": true
+        },
+        "@tiptap/extension-typography": {
+            "optional": true
+        },
+        "@tiptap/extension-youtube": {
+            "optional": true
+        },
+        "@tiptap/pm": {
+            "optional": true
+        },
+        "@tiptap/starter-kit": {
+            "optional": true
+        },
+        "@tiptap/suggestion": {
+            "optional": true
+        },
         "joi": {
             "optional": true
         },
+        "tiptap-markdown": {
+            "optional": true
+        },
         "valibot": {
             "optional": true
         },
@@ -78,6 +155,23 @@
         "@sveltejs/package": "^2.5.7",
         "@sveltejs/vite-plugin-svelte": "^6.2.1",
         "@tailwindcss/vite": "^4.1.17",
+        "@tiptap/core": "^3.23.6",
+        "@tiptap/extension-bubble-menu": "^3.23.6",
+        "@tiptap/extension-character-count": "^3.23.6",
+        "@tiptap/extension-drag-handle": "^3.23.6",
+        "@tiptap/extension-image": "^3.23.6",
+        "@tiptap/extension-mention": "^3.23.6",
+        "@tiptap/extension-placeholder": "^3.23.6",
+        "@tiptap/extension-table": "^3.23.6",
+        "@tiptap/extension-table-cell": "^3.23.6",
+        "@tiptap/extension-table-header": "^3.23.6",
+        "@tiptap/extension-table-row": "^3.23.6",
+        "@tiptap/extension-text-align": "^3.23.6",
+        "@tiptap/extension-typography": "^3.23.6",
+        "@tiptap/extension-youtube": "^3.23.6",
+        "@tiptap/pm": "^3.23.6",
+        "@tiptap/starter-kit": "^3.23.6",
+        "@tiptap/suggestion": "^3.23.6",
         "@types/node": "^22",
         "@vitest/browser-playwright": "^4.0.15",
         "eslint": "^9.39.1",
@@ -93,6 +187,7 @@
         "svelte": "^5.45.6",
         "svelte-check": "^4.3.4",
         "tailwindcss": "^4.1.17",
+        "tiptap-markdown": "^0.9.0",
         "typescript": "^5.9.3",
         "typescript-eslint": "^8.48.1",
         "valibot": "^1.3.1",
@@ -118,6 +213,7 @@
         "accessible"
     ],
     "dependencies": {
+        "@floating-ui/dom": "^1.7.4",
         "@iconify/svelte": "^5.2.1",
         "@internationalized/date": "^3.11.0",
         "@standard-schema/spec": "^1.1.0",