svelte-intlayer 8.4.10 → 8.5.1

package/dist/IntlayerNodeWrapper.svelte

@@ -1,10 +1,18 @@
 <script lang="ts">
-export let Renderer: any;
-export let rendererProps: Record<string, any>;
-export let value: any;
+  export let Renderer: any = undefined;
+  export let rendererProps: Record<string, any> = {};
+  export let value: any = undefined;
 </script>
 
-<svelte:component this={Renderer} {...rendererProps}>
+{#if typeof Renderer === 'string'}
+  <svelte:element this={Renderer} {...rendererProps}>
+    {value}
+  </svelte:element>
+{:else if typeof Renderer === 'function'}
+  <svelte:component this={Renderer} {...rendererProps}>
+    {value}
+  </svelte:component>
+{:else}
   {value}
-</svelte:component>
+{/if}
 

package/dist/IntlayerNodeWrapper.svelte.d.ts

@@ -12,9 +12,9 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     z_$$bindings?: Bindings;
 }
 declare const IntlayerNodeWrapper: $$__sveltets_2_IsomorphicComponent<{
-    Renderer: any;
-    rendererProps: Record<string, any>;
-    value: any;
+    Renderer?: any;
+    rendererProps?: Record<string, any>;
+    value?: any;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

package/dist/client/index.d.ts

@@ -6,7 +6,6 @@ export { setupIntlayer } from './setupIntlayer.svelte';
 export { useDictionary } from './useDictionary';
 export { useDictionaryAsync } from './useDictionaryAsync';
 export { useDictionaryDynamic } from './useDictionaryDynamic';
-export { useIntl } from './useIntl';
 export { useIntlayer } from './useIntlayer';
 export { useLocale } from './useLocale';
 export { useRewriteURL } from './useRewriteURL';

package/dist/client/index.js

@@ -5,7 +5,6 @@ export { setupIntlayer } from './setupIntlayer.svelte';
 export { useDictionary } from './useDictionary';
 export { useDictionaryAsync } from './useDictionaryAsync';
 export { useDictionaryDynamic } from './useDictionaryDynamic';
-export { useIntl } from './useIntl';
 export { useIntlayer } from './useIntlayer';
 export { useLocale } from './useLocale';
 export { useRewriteURL } from './useRewriteURL';

package/dist/client/useLocale.d.ts

@@ -26,7 +26,7 @@ type useLocaleProps = {
 export declare const useLocale: ({ isCookieEnabled, onLocaleChange, }?: useLocaleProps) => {
     locale: import("svelte/store").Readable<LocalesValues>;
     setLocale: (locale: LocalesValues) => void;
-    defaultLocale: import("@intlayer/types/allLocales").Locale;
-    availableLocales: import("@intlayer/types/allLocales").Locale[];
+    defaultLocale: import("intlayer").Locale;
+    availableLocales: import("intlayer").Locale[];
 };
 export {};

package/dist/client/useLocaleStorage.d.ts

@@ -2,13 +2,13 @@ import type { LocalesValues } from '@intlayer/types/module_augmentation';
 /**
  * Get the locale cookie
  */
-export declare const localeInStorage: import("@intlayer/types/allLocales").Locale | undefined;
+export declare const localeInStorage: import("intlayer").Locale | undefined;
 /**
  * @deprecated Use localeInStorage instead
  *
  * Get the locale cookie
  */
-export declare const localeCookie: import("@intlayer/types/allLocales").Locale | undefined;
+export declare const localeCookie: import("intlayer").Locale | undefined;
 /**
  * Set the locale cookie
  */

package/dist/format/index.d.ts

@@ -0,0 +1,9 @@
+export { useCompact } from './useCompact';
+export { useCurrency } from './useCurrency';
+export { useDate } from './useDate';
+export { useIntl } from './useIntl';
+export { useList } from './useList';
+export { useNumber } from './useNumber';
+export { usePercentage } from './usePercentage';
+export { useRelativeTime } from './useRelativeTime';
+export { useUnit } from './useUnit';

package/dist/format/index.js

@@ -0,0 +1,9 @@
+export { useCompact } from './useCompact';
+export { useCurrency } from './useCurrency';
+export { useDate } from './useDate';
+export { useIntl } from './useIntl';
+export { useList } from './useList';
+export { useNumber } from './useNumber';
+export { usePercentage } from './usePercentage';
+export { useRelativeTime } from './useRelativeTime';
+export { useUnit } from './useUnit';

package/dist/format/useCompact.d.ts

@@ -0,0 +1,3 @@
+export declare const useCompact: () => import("svelte/store").Readable<(value: string | number, options?: (Intl.NumberFormatOptions & {
+    locale?: import("intlayer").LocalesValues;
+}) | undefined) => string>;

package/dist/format/useCompact.js

@@ -0,0 +1,10 @@
+import { compact } from '@intlayer/core/formatters';
+import { derived } from 'svelte/store';
+import { useLocale } from '../client/useLocale';
+export const useCompact = () => {
+    const { locale } = useLocale();
+    return derived(locale, ($locale) => (...args) => compact(args[0], {
+        ...args[1],
+        locale: args[1]?.locale ?? $locale,
+    }));
+};

package/dist/format/useCurrency.d.ts

@@ -0,0 +1,3 @@
+export declare const useCurrency: () => import("svelte/store").Readable<(value: string | number, options?: (Intl.NumberFormatOptions & {
+    locale?: import("intlayer").LocalesValues;
+}) | undefined) => string>;

package/dist/format/useCurrency.js

@@ -0,0 +1,10 @@
+import { currency } from '@intlayer/core/formatters';
+import { derived } from 'svelte/store';
+import { useLocale } from '../client/useLocale';
+export const useCurrency = () => {
+    const { locale } = useLocale();
+    return derived(locale, ($locale) => (...args) => currency(args[0], {
+        ...args[1],
+        locale: args[1]?.locale ?? $locale,
+    }));
+};

package/dist/format/useDate.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Svelte store that provides a localized date/time formatter.
+ *
+ * @returns {import('svelte/store').Readable<(...args: Parameters<typeof date>) => string>}
+ * A store containing a date/time formatting function bound to the active locale.
+ */
+export declare const useDate: () => import("svelte/store").Readable<(date: string | number | Date, options?: import("@intlayer/core/formatters").DateTimePreset | (Intl.DateTimeFormatOptions & {
+    locale?: import("intlayer").LocalesValues;
+}) | undefined) => string>;

package/dist/format/useDate.js

@@ -0,0 +1,18 @@
+import { date, presets } from '@intlayer/core/formatters';
+import { derived } from 'svelte/store';
+import { useLocale } from '../client/useLocale';
+/**
+ * Svelte store that provides a localized date/time formatter.
+ *
+ * @returns {import('svelte/store').Readable<(...args: Parameters<typeof date>) => string>}
+ * A store containing a date/time formatting function bound to the active locale.
+ */
+export const useDate = () => {
+    const { locale } = useLocale();
+    return derived(locale, ($locale) => (...args) => {
+        const options = typeof args[1] === 'string'
+            ? { ...presets[args[1]], locale: $locale }
+            : { ...args[1], locale: args[1]?.locale ?? $locale };
+        return date(args[0], options);
+    });
+};

package/dist/format/useIntl.d.ts

@@ -0,0 +1,6 @@
+import { type WrappedIntl } from '@intlayer/core/formatters';
+import type { LocalesValues } from '@intlayer/types/module_augmentation';
+/**
+ * Svelte store that provides a locale-bound `Intl` object.
+ */
+export declare const useIntl: (locale?: LocalesValues) => import("svelte/store").Readable<WrappedIntl>;

package/dist/format/useIntl.js

@@ -0,0 +1,13 @@
+import { bindIntl } from '@intlayer/core/formatters';
+import { derived } from 'svelte/store';
+import { useLocale } from '../client/useLocale';
+/**
+ * Svelte store that provides a locale-bound `Intl` object.
+ */
+export const useIntl = (locale) => {
+    const { locale: contextLocale } = useLocale();
+    return derived(contextLocale, ($locale) => {
+        const currentLocale = locale ?? $locale;
+        return bindIntl(currentLocale);
+    });
+};

package/dist/format/useList.d.ts

@@ -0,0 +1,7 @@
+export declare const useList: () => import("svelte/store").Readable<(values: (string | number)[], options?: ({
+    localeMatcher?: "lookup" | "best fit";
+    type?: "conjunction" | "disjunction" | "unit";
+    style?: "long" | "short" | "narrow";
+} & {
+    locale?: import("intlayer").LocalesValues;
+}) | undefined) => string>;

package/dist/format/useList.js

@@ -0,0 +1,10 @@
+import { list } from '@intlayer/core/formatters';
+import { derived } from 'svelte/store';
+import { useLocale } from '../client/useLocale';
+export const useList = () => {
+    const { locale } = useLocale();
+    return derived(locale, ($locale) => (...args) => list(args[0], {
+        ...args[1],
+        locale: args[1]?.locale ?? $locale,
+    }));
+};

package/dist/format/useNumber.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Svelte store that provides a localized number formatter.
+ *
+ * @returns {import('svelte/store').Readable<(...args: Parameters<typeof number>) => string>}
+ * A store containing a number formatting function bound to the active locale.
+ */
+export declare const useNumber: () => import("svelte/store").Readable<(value: string | number, options?: (Intl.NumberFormatOptions & {
+    locale?: import("intlayer").LocalesValues;
+}) | undefined) => string>;

package/dist/format/useNumber.js

@@ -0,0 +1,16 @@
+import { number } from '@intlayer/core/formatters';
+import { derived } from 'svelte/store';
+import { useLocale } from '../client/useLocale';
+/**
+ * Svelte store that provides a localized number formatter.
+ *
+ * @returns {import('svelte/store').Readable<(...args: Parameters<typeof number>) => string>}
+ * A store containing a number formatting function bound to the active locale.
+ */
+export const useNumber = () => {
+    const { locale } = useLocale();
+    return derived(locale, ($locale) => (...args) => number(args[0], {
+        ...args[1],
+        locale: args[1]?.locale ?? $locale,
+    }));
+};

package/dist/format/usePercentage.d.ts

@@ -0,0 +1,3 @@
+export declare const usePercentage: () => import("svelte/store").Readable<(value: string | number, options?: (Intl.NumberFormatOptions & {
+    locale?: import("intlayer").LocalesValues;
+}) | undefined) => string>;

package/dist/format/usePercentage.js

@@ -0,0 +1,10 @@
+import { percentage } from '@intlayer/core/formatters';
+import { derived } from 'svelte/store';
+import { useLocale } from '../client/useLocale';
+export const usePercentage = () => {
+    const { locale } = useLocale();
+    return derived(locale, ($locale) => (...args) => percentage(args[0], {
+        ...args[1],
+        locale: args[1]?.locale ?? $locale,
+    }));
+};

package/dist/format/useRelativeTime.d.ts

@@ -0,0 +1,4 @@
+export declare const useRelativeTime: () => import("svelte/store").Readable<(from: string | number | Date, to?: string | number | Date | undefined, options?: (Intl.RelativeTimeFormatOptions & {
+    locale?: import("intlayer").LocalesValues;
+    unit?: Intl.RelativeTimeFormatUnit;
+}) | undefined) => string>;

package/dist/format/useRelativeTime.js

@@ -0,0 +1,10 @@
+import { relativeTime } from '@intlayer/core/formatters';
+import { derived } from 'svelte/store';
+import { useLocale } from '../client/useLocale';
+export const useRelativeTime = () => {
+    const { locale } = useLocale();
+    return derived(locale, ($locale) => (...args) => relativeTime(args[0], args[1], {
+        ...args[2],
+        locale: args[2]?.locale ?? $locale,
+    }));
+};

package/dist/format/useUnit.d.ts

@@ -0,0 +1,3 @@
+export declare const useUnit: () => import("svelte/store").Readable<(value: string | number, options?: (Intl.NumberFormatOptions & {
+    locale?: import("intlayer").LocalesValues;
+}) | undefined) => string>;

package/dist/format/useUnit.js

@@ -0,0 +1,10 @@
+import { units } from '@intlayer/core/formatters';
+import { derived } from 'svelte/store';
+import { useLocale } from '../client/useLocale';
+export const useUnit = () => {
+    const { locale } = useLocale();
+    return derived(locale, ($locale) => (...args) => units(args[0], {
+        ...args[1],
+        locale: args[1]?.locale ?? $locale,
+    }));
+};

package/dist/html/context.d.ts

@@ -6,4 +6,5 @@ export type HTMLContextValue = {
     renderHTML: (html: string, overrides?: HTMLComponents<'permissive', {}> | RenderHTMLOptions) => string;
 };
 export declare const setHTMLContext: (value: HTMLContextValue) => void;
+export { setHTMLContext as setIntlayerHTML };
 export declare const getHTMLContext: () => HTMLContextValue;

package/dist/html/context.js

@@ -3,6 +3,7 @@ const INTLAYER_HTML_CONTEXT_KEY = Symbol('intlayer-html-context');
 export const setHTMLContext = (value) => {
     setContext(INTLAYER_HTML_CONTEXT_KEY, value);
 };
+export { setHTMLContext as setIntlayerHTML };
 export const getHTMLContext = () => {
     const context = getContext(INTLAYER_HTML_CONTEXT_KEY);
     return (context || {

package/dist/html/index.d.ts

@@ -1,7 +1,7 @@
-export * from './context';
+import { type RenderHTMLOptions } from './context';
+export { getHTMLContext, type HTMLContext, type RenderHTMLOptions, setHTMLContext, setHTMLContext as setIntlayerHTML, } from './context';
 export { default as HTMLProvider } from './HTMLProvider.svelte';
 export { default as HTMLRenderer } from './HTMLRenderer.svelte';
-import { type RenderHTMLOptions } from './context';
 export type RenderHTMLProps = RenderHTMLOptions;
 export declare const renderHTML: (html: string, options?: RenderHTMLProps) => any;
 export declare const useHTMLRenderer: (options?: RenderHTMLProps) => (html: string) => string;

package/dist/html/index.js

@@ -1,8 +1,8 @@
-export * from './context';
-export { default as HTMLProvider } from './HTMLProvider.svelte';
-export { default as HTMLRenderer } from './HTMLRenderer.svelte';
 import { getHTML } from '@intlayer/core/interpreter';
 import { getHTMLContext } from './context';
+export { getHTMLContext, setHTMLContext, setHTMLContext as setIntlayerHTML, } from './context';
+export { default as HTMLProvider } from './HTMLProvider.svelte';
+export { default as HTMLRenderer } from './HTMLRenderer.svelte';
 export const renderHTML = (html, options = {}) => {
     return getHTML(html, (options.components || {}));
 };

package/dist/index.d.ts

@@ -7,9 +7,4 @@ declare module '@intlayer/core/interpreter' {
 export * from './client';
 export * from './getDictionary';
 export * from './getIntlayer';
-export * from './html';
-export * from './markdown';
 export * from './plugins';
-import { setHTMLContext } from './html';
-import { setMarkdownContext } from './markdown';
-export { setHTMLContext as setIntlayerHTML, setMarkdownContext as setIntlayerMarkdown, };

package/dist/index.js

@@ -1,9 +1,4 @@
 export * from './client';
 export * from './getDictionary';
 export * from './getIntlayer';
-export * from './html';
-export * from './markdown';
 export * from './plugins';
-import { setHTMLContext } from './html';
-import { setMarkdownContext } from './markdown';
-export { setHTMLContext as setIntlayerHTML, setMarkdownContext as setIntlayerMarkdown, };

package/dist/markdown/MarkdownProvider.svelte

@@ -5,7 +5,7 @@ import { setMarkdownContext } from './context';
 
 export const components: HTMLComponents<'permissive', {}> | undefined =
   undefined;
-export const wrapper: any = undefined;
+export const wrapper: string | import('svelte').ComponentType | undefined = undefined;
 export const forceBlock: boolean | undefined = undefined;
 export const forceInline: boolean | undefined = undefined;
 export const preserveFrontmatter: boolean | undefined = undefined;
@@ -16,8 +16,8 @@ let customRenderMarkdown:
       markdown: string,
       options?: any,
       components?: HTMLComponents<'permissive', {}>,
-      wrapper?: any
-    ) => string)
+      wrapper?: string | import('svelte').ComponentType
+    ) => string | Promise<string>)
   | undefined;
 export { customRenderMarkdown as renderMarkdown };
 
@@ -39,7 +39,7 @@ const internalRenderMarkdown = (
     tagfilter?: boolean;
   },
   componentsOverride?: HTMLComponents<'permissive', {}>,
-  wrapperOverride?: any
+  wrapperOverride?: string | import('svelte').ComponentType
 ) => {
   if (typeof customRenderMarkdown === 'function') {
     return customRenderMarkdown(
@@ -56,7 +56,7 @@ const internalRenderMarkdown = (
     preserveFrontmatter:
       options?.preserveFrontmatter ?? baseOptions.preserveFrontmatter,
     tagfilter: options?.tagfilter ?? baseOptions.tagfilter,
-    wrapper: wrapperOverride || baseOptions.wrapper,
+    wrapper: (wrapperOverride || baseOptions.wrapper) as string,
     forceWrapper: !!(wrapperOverride || baseOptions.wrapper),
     components: {
       ...baseOptions.components,

package/dist/markdown/MarkdownProvider.svelte.d.ts

@@ -19,12 +19,12 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
 } : {});
 declare const MarkdownProvider: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
     components?: HTMLComponents<"permissive", {}> | undefined;
-    wrapper?: any;
+    wrapper?: string | import("svelte").ComponentType | undefined;
     forceBlock?: boolean | undefined;
     forceInline?: boolean | undefined;
     preserveFrontmatter?: boolean | undefined;
     tagfilter?: boolean | undefined;
-    renderMarkdown: ((markdown: string, options?: any, components?: HTMLComponents<"permissive", {}>, wrapper?: any) => string) | undefined;
+    renderMarkdown: ((markdown: string, options?: any, components?: HTMLComponents<"permissive", {}>, wrapper?: string | import("svelte").ComponentType) => string | Promise<string>) | undefined;
 }, {
     default: {};
 }>, {
@@ -33,7 +33,7 @@ declare const MarkdownProvider: $$__sveltets_2_IsomorphicComponent<$$__sveltets_
     default: {};
 }, {
     components: HTMLComponents<"permissive", {}> | undefined;
-    wrapper: any;
+    wrapper: string | import("svelte").ComponentType | undefined;
     forceBlock: boolean | undefined;
     forceInline: boolean | undefined;
     preserveFrontmatter: boolean | undefined;

package/dist/markdown/MarkdownRenderer.svelte

@@ -29,4 +29,6 @@ $: htmlContent = context.renderMarkdown(
 );
 </script>
 
-{@html htmlContent}
+{#await htmlContent then resolvedHtmlContent}
+  {@html resolvedHtmlContent}
+{/await}

package/dist/markdown/context.d.ts

@@ -1,3 +1,4 @@
+import { type ComponentType } from 'svelte';
 import type { HTMLComponents } from '../html/types';
 export declare const MARKDOWN_CONTEXT_KEY: unique symbol;
 export type MarkdownProviderOptions = {
@@ -8,11 +9,11 @@ export type MarkdownProviderOptions = {
 };
 export type RenderMarkdownOptions = MarkdownProviderOptions & {
     components?: HTMLComponents<'permissive', {}>;
-    wrapper?: any;
+    wrapper?: string | ComponentType;
 };
 export interface MarkdownContext {
     components?: HTMLComponents<'permissive', {}>;
-    renderMarkdown: (markdown: string, options?: MarkdownProviderOptions, components?: HTMLComponents<'permissive', {}>, wrapper?: any) => string;
+    renderMarkdown: (markdown: string, options?: MarkdownProviderOptions, components?: HTMLComponents<'permissive', {}>, wrapper?: string | ComponentType) => string | Promise<string>;
 }
 export declare const getMarkdownContext: () => MarkdownContext;
 export declare const setMarkdownContext: (context: MarkdownContext) => void;

package/dist/markdown/context.js

@@ -5,7 +5,7 @@ export const getMarkdownContext = () => {
     return (getContext(MARKDOWN_CONTEXT_KEY) || {
         renderMarkdown: (md, _options, components, wrapper) => compileMarkdown(md, {
             components,
-            wrapper,
+            wrapper: wrapper,
             forceWrapper: !!wrapper,
         }),
     });

package/dist/markdown/index.d.ts

@@ -1,10 +1,9 @@
-export * from './compiler';
-export * from './context';
+export { compileMarkdown } from './compiler';
+export { getMarkdownContext, type MarkdownContext, type RenderMarkdownOptions, setMarkdownContext, setMarkdownContext as setIntlayerMarkdown, } from './context';
+import { type RenderMarkdownOptions } from './context';
 export { default as MarkdownMetadataRenderer } from './MarkdownMetadataRenderer.svelte';
 export { default as MarkdownProvider } from './MarkdownProvider.svelte';
 export { default as MarkdownRenderer } from './MarkdownRenderer.svelte';
-export * from './runtime';
-import { type RenderMarkdownOptions } from './context';
 export type RenderMarkdownProps = RenderMarkdownOptions;
-export declare const renderMarkdown: (content: string, options?: RenderMarkdownProps) => string;
-export declare const useMarkdownRenderer: (options?: RenderMarkdownProps) => (content: string) => string;
+export declare const renderMarkdown: (markdown?: string, options?: any) => unknown;
+export declare const useMarkdownRenderer: (options?: RenderMarkdownProps) => (content: string) => string | Promise<string>;

package/dist/markdown/index.js

@@ -1,14 +1,11 @@
-export * from './compiler';
-export * from './context';
+export { compileMarkdown } from './compiler';
+export { getMarkdownContext, setMarkdownContext, setMarkdownContext as setIntlayerMarkdown, } from './context';
+import { compileMarkdown } from './compiler';
+import { getMarkdownContext } from './context';
 export { default as MarkdownMetadataRenderer } from './MarkdownMetadataRenderer.svelte';
 export { default as MarkdownProvider } from './MarkdownProvider.svelte';
 export { default as MarkdownRenderer } from './MarkdownRenderer.svelte';
-export * from './runtime';
-import { compileMarkdown } from './compiler';
-import { getMarkdownContext } from './context';
-export const renderMarkdown = (content, options = {}) => {
-    return compileMarkdown(content, options);
-};
+export const renderMarkdown = compileMarkdown;
 export const useMarkdownRenderer = (options = {}) => {
     const context = getMarkdownContext();
     return (content) => context.renderMarkdown(content, options);

package/dist/plugins.js

@@ -1,6 +1,7 @@
 import configuration from '@intlayer/config/built';
 import { conditionPlugin, enumerationPlugin, filePlugin, genderPlugin, getHTML, nestedPlugin, translationPlugin, } from '@intlayer/core/interpreter';
 import { HTML_TAGS, } from '@intlayer/core/transpiler';
+import { isEnabled } from '@intlayer/editor/isEnabled';
 import * as NodeTypes from '@intlayer/types/nodeType';
 import { default as ContentSelector } from './editor/ContentSelector.svelte';
 import { renderIntlayerNode } from './renderIntlayerNode';
@@ -34,9 +35,7 @@ export const intlayerNodePlugins = {
         typeof node === 'number',
     transform: (node, { children, ...rest }) => renderIntlayerNode({
         value: children ?? node,
-        component: configuration?.editor.enabled
-            ? ContentSelector
-            : (children ?? node),
+        component: isEnabled ? ContentSelector : undefined,
         props: rest,
     }),
 };
@@ -128,12 +127,26 @@ export const insertionPlugin = {
                 };
             },
         };
-        return deepTransformNode(children, {
+        const result = deepTransformNode(children, {
             ...props,
             children,
             keyPath: newKeyPath,
             plugins: [insertionStringPlugin, ...(props.plugins ?? [])],
         });
+        if (typeof children === 'object' &&
+            children !== null &&
+            'nodeType' in children &&
+            [NodeTypes.ENUMERATION, NodeTypes.CONDITION].includes(children.nodeType)) {
+            return (values) => (arg) => {
+                const func = result;
+                const inner = func(arg);
+                if (typeof inner === 'function') {
+                    return inner(values);
+                }
+                return inner;
+            };
+        }
+        return result;
     },
 };
 /** Markdown string plugin. Replaces string node with a component that render the markdown. */
@@ -151,7 +164,7 @@ export const markdownStringPlugin = {
                 !metadataNode,
             transform: (metadataNode, props) => renderIntlayerNode({
                 value: metadataNode,
-                component: configuration?.editor.enabled
+                component: isEnabled
                     ? (_MarkdownMetadataWithSelector ?? _MarkdownMetadataRenderer)
                     : _MarkdownMetadataRenderer,
                 props: {
@@ -170,7 +183,7 @@ export const markdownStringPlugin = {
         const render = (components) => {
             const nodeResult = renderIntlayerNode({
                 value: node,
-                component: configuration?.editor.enabled
+                component: isEnabled
                     ? (_MarkdownWithSelector ?? _MarkdownRenderer)
                     : _MarkdownRenderer,
                 props: {

package/dist/renderIntlayerNode.js

@@ -20,14 +20,12 @@ export const renderIntlayerNode = (args) => {
     }
     else {
         // Functional component (Svelte 5)
-        Node = (anchor, props) => {
-            const mergedProps = {
-                ...props,
+        Node = (props) => {
+            return IntlayerNodeWrapper(props, {
                 Renderer: args.component,
                 rendererProps: args.props,
                 value: args.value,
-            };
-            return IntlayerNodeWrapper(anchor, mergedProps);
+            });
         };
     }
     Object.defineProperty(Node, 'value', {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-intlayer",
-  "version": "8.4.10",
+  "version": "8.5.1",
   "description": "Easily internationalize i18n your Svelte applications with type-safe multilingual content management.",
   "keywords": [
     "intlayer",
@@ -44,6 +44,16 @@
       "svelte": "./dist/markdown/index.js",
       "default": "./dist/markdown/index.js"
     },
+    "./html": {
+      "types": "./dist/html/index.d.ts",
+      "svelte": "./dist/html/index.js",
+      "default": "./dist/html/index.js"
+    },
+    "./format": {
+      "types": "./dist/format/index.d.ts",
+      "svelte": "./dist/format/index.js",
+      "default": "./dist/format/index.js"
+    },
     "./package.json": "./package.json"
   },
   "main": "dist/index.js",
@@ -72,11 +82,11 @@
     "typecheck": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/api": "8.4.10",
-    "@intlayer/config": "8.4.10",
-    "@intlayer/core": "8.4.10",
-    "@intlayer/editor": "8.4.10",
-    "@intlayer/types": "8.4.10"
+    "@intlayer/api": "8.5.1",
+    "@intlayer/config": "8.5.1",
+    "@intlayer/core": "8.5.1",
+    "@intlayer/editor": "8.5.1",
+    "@intlayer/types": "8.5.1"
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "7.0.1",
@@ -87,7 +97,7 @@
     "@utils/ts-config-types": "1.0.4",
     "@utils/tsdown-config": "1.0.4",
     "rimraf": "6.1.3",
-    "svelte": "5.53.11",
+    "svelte": "5.55.0",
     "svelte-check": "4.4.5",
     "tsdown": "0.21.4",
     "typescript": "6.0.2",

package/dist/client/useIntl.d.ts

@@ -1,25 +0,0 @@
-import { type WrappedIntl } from '@intlayer/core/formatters';
-import type { LocalesValues } from '@intlayer/types/module_augmentation';
-/**
- * Svelte hook that provides a locale-bound `Intl` object.
- *
- * It acts exactly like the native `Intl` object, but acts as a proxy to:
- * 1. Inject the current locale automatically if none is provided.
- * 2. Use the performance-optimized `CachedIntl` under the hood.
- *
- * @example
- * ```svelte
- * <script>
- *   import { useIntl } from "svelte-intlayer";
- *
- *   const intl = useIntl();
- *
- *   // Standard API, but no need to pass locale as the first argument
- *   $: formatted = new $intl.NumberFormat({
- *     style: 'currency',
- *     currency: 'USD'
- *   }).format(123.45);
- * </script>
- * ```
- */
-export declare const useIntl: (locale?: LocalesValues) => import("svelte/store").Readable<WrappedIntl>;

package/dist/client/useIntl.js

@@ -1,32 +0,0 @@
-import { bindIntl } from '@intlayer/core/formatters';
-import { derived } from 'svelte/store';
-import { useLocale } from './useLocale';
-/**
- * Svelte hook that provides a locale-bound `Intl` object.
- *
- * It acts exactly like the native `Intl` object, but acts as a proxy to:
- * 1. Inject the current locale automatically if none is provided.
- * 2. Use the performance-optimized `CachedIntl` under the hood.
- *
- * @example
- * ```svelte
- * <script>
- *   import { useIntl } from "svelte-intlayer";
- *
- *   const intl = useIntl();
- *
- *   // Standard API, but no need to pass locale as the first argument
- *   $: formatted = new $intl.NumberFormat({
- *     style: 'currency',
- *     currency: 'USD'
- *   }).format(123.45);
- * </script>
- * ```
- */
-export const useIntl = (locale) => {
-    const { locale: contextLocale } = useLocale();
-    return derived(contextLocale, ($locale) => {
-        const currentLocale = locale ?? $locale;
-        return bindIntl(currentLocale);
-    });
-};