react-intlayer 8.1.2 → 8.1.3

package/dist/esm/plugins.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"plugins.mjs","names":[],"sources":["../../src/plugins.tsx"],"sourcesContent":["import {\n  type DeepTransformContent as DeepTransformContentCore,\n  getMarkdownMetadata,\n  type HTMLContent,\n  type IInterpreterPluginState as IInterpreterPluginStateCore,\n  type InsertionContent,\n  type MarkdownContent,\n  type Plugins,\n  splitInsertionTemplate,\n} from '@intlayer/core';\nimport {\n  type DeclaredLocales,\n  type KeyPath,\n  type LocalesValues,\n  NodeType,\n} from '@intlayer/types';\nimport {\n  createElement,\n  Fragment,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { ContentSelectorRenderer } from './editor';\nimport { EditedContentRenderer } from './editor/useEditedContentRenderer';\nimport { HTMLRendererPlugin } from './html';\nimport type { HTMLComponents } from './html/HTMLComponentTypes';\nimport { type IntlayerNode, renderIntlayerNode } from './IntlayerNode';\nimport { MarkdownMetadataRenderer, MarkdownRendererPlugin } from './markdown';\nimport { renderReactElement } from './reactElement/renderReactElement';\n\n/** ---------------------------------------------\n *  INTLAYER NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type IntlayerNodeCond<T> = T extends number | string\n  ? IntlayerNode<T>\n  : never;\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const intlayerNodePlugins: Plugins = {\n  id: 'intlayer-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'bigint' ||\n    typeof node === 'string' ||\n    typeof node === 'number',\n  transform: (\n    _node,\n    {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    }\n  ) =>\n    renderIntlayerNode({\n      ...rest,\n      value: rest.children,\n      children: (\n        <EditedContentRenderer {...rest}>{rest.children}</EditedContentRenderer>\n      ),\n    }),\n};\n\n/** ---------------------------------------------\n *  REACT NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type ReactNodeCond<T> = T extends {\n  props: any;\n  key: any;\n}\n  ? ReactNode\n  : never;\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const reactNodePlugins: Plugins = {\n  id: 'react-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' &&\n    typeof node?.props !== 'undefined' &&\n    typeof node.key !== 'undefined',\n\n  transform: (\n    node,\n    {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    }\n  ) =>\n    renderIntlayerNode({\n      ...rest,\n      value: '[[react-element]]',\n      children: (\n        <ContentSelectorRenderer {...rest}>\n          {renderReactElement(node)}\n        </ContentSelectorRenderer>\n      ),\n    }),\n};\n\n/** ---------------------------------------------\n *  INSERTION PLUGIN\n *  --------------------------------------------- */\n\nexport type InsertionCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Insertion]: string;\n  fields: readonly string[];\n}\n  ? <V extends { [K in T['fields'][number]]: ReactNode }>(\n      values: V\n    ) => V[keyof V] extends string | number\n      ? IntlayerNode<string>\n      : IntlayerNode<ReactNode>\n  : never;\n\n/**\n * Split insertion string and join with React nodes using shared core logic\n */\nconst splitAndJoinInsertion = (\n  template: string,\n  values: Record<string, string | number | ReactNode>\n): ReactNode => {\n  const result = splitInsertionTemplate(template, values);\n\n  if (result.isSimple) {\n    // Simple string replacement\n    return result.parts as string;\n  }\n\n  // Return as Fragment with proper keys\n  return createElement(\n    Fragment,\n    null,\n    ...(result.parts as any[]).map((part, index) =>\n      createElement(Fragment, { key: index }, part)\n    )\n  );\n};\n\n/** Insertion plugin for React. Handles component/node insertion. */\nexport const insertionPlugin: Plugins = {\n  id: 'insertion-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Insertion,\n  transform: (node: InsertionContent, props, deepTransformNode) => {\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeType.Insertion,\n      },\n    ];\n\n    const children = node[NodeType.Insertion];\n\n    /** Insertion string plugin. Replaces string node with a component that render the insertion. */\n    const insertionStringPlugin: Plugins = {\n      id: 'insertion-string-plugin',\n      canHandle: (node) => typeof node === 'string',\n      transform: (node: string, subProps, deepTransformNode) => {\n        const transformedResult = deepTransformNode(node, {\n          ...subProps,\n          children: node,\n          plugins: [\n            ...(props.plugins ?? ([] as Plugins[])).filter(\n              (plugin) => plugin.id !== 'intlayer-node-plugin'\n            ),\n          ],\n        });\n\n        return (\n          values: {\n            [K in InsertionContent['fields'][number]]:\n              | string\n              | number\n              | ReactNode;\n          }\n        ) => {\n          const result = splitAndJoinInsertion(transformedResult, values);\n\n          return deepTransformNode(result, {\n            ...subProps,\n            plugins: props.plugins,\n            children: result,\n          });\n        };\n      },\n    };\n\n    const result = deepTransformNode(children, {\n      ...props,\n      children,\n      keyPath: newKeyPath,\n      plugins: [insertionStringPlugin, ...(props.plugins ?? [])],\n    });\n\n    if (\n      typeof children === 'object' &&\n      children !== null &&\n      'nodeType' in children &&\n      [NodeType.Enumeration, NodeType.Condition].includes(\n        children.nodeType as NodeType\n      )\n    ) {\n      return (values: any) => (arg: any) => {\n        const func = result as Function;\n        const inner = func(arg);\n\n        if (typeof inner === 'function') {\n          return inner(values);\n        }\n        return inner;\n      };\n    }\n\n    return result;\n  },\n};\n\n/**\n * MARKDOWN PLUGIN\n */\n\nexport type MarkdownStringCond<T> = T extends string\n  ? IntlayerNode<\n      string,\n      {\n        metadata: DeepTransformContent<string>;\n        use: (components: HTMLComponents<'permissive', {}>) => ReactNode;\n      }\n    >\n  : never;\n\n/** Markdown string plugin. Replaces string node with a component that render the markdown. */\nexport const markdownStringPlugin: Plugins = {\n  id: 'markdown-string-plugin',\n  canHandle: (node) => typeof node === 'string',\n  transform: (node: string, props, deepTransformNode) => {\n    const {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    } = props;\n\n    const metadata = getMarkdownMetadata(node);\n\n    const metadataPlugins: Plugins = {\n      id: 'markdown-metadata-plugin',\n      canHandle: (metadataNode) =>\n        typeof metadataNode === 'string' ||\n        typeof metadataNode === 'number' ||\n        typeof metadataNode === 'boolean' ||\n        !metadataNode,\n      transform: (metadataNode, props) =>\n        renderIntlayerNode({\n          ...props,\n          value: metadataNode,\n          children: (\n            <ContentSelectorRenderer {...rest}>\n              <MarkdownMetadataRenderer\n                {...rest}\n                metadataKeyPath={props.keyPath}\n              >\n                {node}\n              </MarkdownMetadataRenderer>\n            </ContentSelectorRenderer>\n          ),\n        }),\n    };\n\n    // Transform metadata while keeping the same structure\n    const metadataNodes = deepTransformNode(metadata, {\n      plugins: [metadataPlugins],\n      dictionaryKey: rest.dictionaryKey,\n      keyPath: [],\n    });\n\n    const render = (components?: HTMLComponents) =>\n      renderIntlayerNode({\n        ...props,\n        value: node,\n        children: (\n          <ContentSelectorRenderer {...rest}>\n            <MarkdownRendererPlugin {...rest} {...(components ?? {})}>\n              {node}\n            </MarkdownRendererPlugin>\n          </ContentSelectorRenderer>\n        ),\n        additionalProps: {\n          metadata: metadataNodes,\n        },\n      });\n\n    const element = render() as ReactElement;\n\n    return new Proxy(element, {\n      get(target, prop, receiver) {\n        if (prop === 'value') {\n          return node;\n        }\n        if (prop === 'metadata') {\n          return metadataNodes;\n        }\n\n        if (prop === 'use') {\n          return (components?: HTMLComponents) => render(components);\n        }\n\n        return Reflect.get(target, prop, receiver);\n      },\n    }) as any;\n  },\n};\n\nexport type MarkdownCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Markdown]: infer M;\n  tags?: infer U;\n  metadata?: infer V;\n}\n  ? IntlayerNode<\n      M,\n      {\n        use: (components?: HTMLComponents<'permissive', U>) => ReactNode;\n        metadata: DeepTransformContent<V>;\n      }\n    >\n  : never;\n\nexport const markdownPlugin: Plugins = {\n  id: 'markdown-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Markdown,\n  transform: (node: MarkdownContent, props, deepTransformNode) => {\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeType.Markdown,\n      },\n    ];\n\n    const children = node[NodeType.Markdown];\n\n    return deepTransformNode(children, {\n      ...props,\n      children,\n      keyPath: newKeyPath,\n      plugins: [markdownStringPlugin, ...(props.plugins ?? [])],\n    });\n  },\n};\n\n/** ---------------------------------------------\n *  HTML PLUGIN\n *  --------------------------------------------- */\n\n/**\n * HTML conditional type that enforces:\n * - All components (Standard or Custom) are OPTIONAL in the `use()` method.\n * - Custom components props are strictly inferred from the dictionary definition.\n *\n * This ensures type safety:\n * - `html('<div>Hello <CustomComponent /></div>').use({ CustomComponent: ... })` - optional but typed\n */\nexport type HTMLPluginCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.HTML]: infer I;\n  tags?: infer U;\n}\n  ? IntlayerNode<\n      I,\n      {\n        use: (components?: HTMLComponents<'permissive', U>) => ReactNode;\n      }\n    >\n  : never;\n\n/** HTML plugin. Replaces node with a function that takes components => ReactNode. */\nexport const htmlPlugin: Plugins = {\n  id: 'html-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.HTML,\n\n  transform: (node: HTMLContent<string>, props) => {\n    const html = node[NodeType.HTML];\n    const { plugins, ...rest } = props;\n\n    // Type-safe render function that accepts properly typed components\n    const render = (userComponents?: HTMLComponents): ReactNode =>\n      createElement(HTMLRendererPlugin, { ...rest, html, userComponents });\n\n    const element = render() as ReactElement;\n\n    return new Proxy(element, {\n      get(target, prop, receiver) {\n        if (prop === 'value') {\n          return html;\n        }\n\n        if (prop === 'use') {\n          // Return a properly typed function based on custom components\n          return (userComponents?: HTMLComponents) => render(userComponents);\n        }\n\n        return Reflect.get(target, prop, receiver);\n      },\n    }) as any;\n  },\n};\n\n/** ---------------------------------------------\n *  PLUGINS RESULT\n *  --------------------------------------------- */\n\nexport type IInterpreterPluginReact<T, _S, _L extends LocalesValues> = {\n  reactNode: ReactNodeCond<T>;\n  reactIntlayerNode: IntlayerNodeCond<T>;\n  reactInsertion: InsertionCond<T>;\n  reactMarkdown: MarkdownCond<T>;\n  reactHtml: HTMLPluginCond<T>;\n};\n\n/**\n * Insert this type as param of `DeepTransformContent` to avoid `intlayer` package pollution.\n *\n * Otherwise the the `react-intlayer` plugins will override the types of `intlayer` functions.\n */\nexport type IInterpreterPluginState = Omit<\n  IInterpreterPluginStateCore,\n  'insertion' // Remove insertion type from core package\n> & {\n  reactNode: true;\n  reactIntlayerNode: true;\n  reactMarkdown: true;\n  reactHtml: true;\n  reactInsertion: true;\n};\n\nexport type DeepTransformContent<\n  T,\n  L extends LocalesValues = DeclaredLocales,\n> = DeepTransformContentCore<T, IInterpreterPluginState, L>;\n"],"mappings":"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"}
+{"version":3,"file":"plugins.mjs","names":[],"sources":["../../src/plugins.tsx"],"sourcesContent":["import {\n  type DeepTransformContent as DeepTransformContentCore,\n  type IInterpreterPluginState as IInterpreterPluginStateCore,\n  type Plugins,\n  splitInsertionTemplate,\n} from '@intlayer/core/interpreter';\nimport { getMarkdownMetadata } from '@intlayer/core/markdown';\nimport type {\n  HTMLContent,\n  InsertionContent,\n  MarkdownContent,\n} from '@intlayer/core/transpiler';\nimport {\n  type DeclaredLocales,\n  type KeyPath,\n  type LocalesValues,\n  NodeType,\n} from '@intlayer/types';\nimport {\n  createElement,\n  Fragment,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { ContentSelectorRenderer } from './editor';\nimport { EditedContentRenderer } from './editor/useEditedContentRenderer';\nimport { HTMLRendererPlugin } from './html';\nimport type { HTMLComponents } from './html/HTMLComponentTypes';\nimport { type IntlayerNode, renderIntlayerNode } from './IntlayerNode';\nimport { MarkdownMetadataRenderer, MarkdownRendererPlugin } from './markdown';\nimport { renderReactElement } from './reactElement/renderReactElement';\n\n/** ---------------------------------------------\n *  INTLAYER NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type IntlayerNodeCond<T> = T extends number | string\n  ? IntlayerNode<T>\n  : never;\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const intlayerNodePlugins: Plugins = {\n  id: 'intlayer-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'bigint' ||\n    typeof node === 'string' ||\n    typeof node === 'number',\n  transform: (\n    _node,\n    {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    }\n  ) =>\n    renderIntlayerNode({\n      ...rest,\n      value: rest.children,\n      children: (\n        <EditedContentRenderer {...rest}>{rest.children}</EditedContentRenderer>\n      ),\n    }),\n};\n\n/** ---------------------------------------------\n *  REACT NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type ReactNodeCond<T> = T extends {\n  props: any;\n  key: any;\n}\n  ? ReactNode\n  : never;\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const reactNodePlugins: Plugins = {\n  id: 'react-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' &&\n    typeof node?.props !== 'undefined' &&\n    typeof node.key !== 'undefined',\n\n  transform: (\n    node,\n    {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    }\n  ) =>\n    renderIntlayerNode({\n      ...rest,\n      value: '[[react-element]]',\n      children: (\n        <ContentSelectorRenderer {...rest}>\n          {renderReactElement(node)}\n        </ContentSelectorRenderer>\n      ),\n    }),\n};\n\n/** ---------------------------------------------\n *  INSERTION PLUGIN\n *  --------------------------------------------- */\n\nexport type InsertionCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Insertion]: string;\n  fields: readonly string[];\n}\n  ? <V extends { [K in T['fields'][number]]: ReactNode }>(\n      values: V\n    ) => V[keyof V] extends string | number\n      ? IntlayerNode<string>\n      : IntlayerNode<ReactNode>\n  : never;\n\n/**\n * Split insertion string and join with React nodes using shared core logic\n */\nconst splitAndJoinInsertion = (\n  template: string,\n  values: Record<string, string | number | ReactNode>\n): ReactNode => {\n  const result = splitInsertionTemplate(template, values);\n\n  if (result.isSimple) {\n    // Simple string replacement\n    return result.parts as string;\n  }\n\n  // Return as Fragment with proper keys\n  return createElement(\n    Fragment,\n    null,\n    ...(result.parts as any[]).map((part, index) =>\n      createElement(Fragment, { key: index }, part)\n    )\n  );\n};\n\n/** Insertion plugin for React. Handles component/node insertion. */\nexport const insertionPlugin: Plugins = {\n  id: 'insertion-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Insertion,\n  transform: (node: InsertionContent, props, deepTransformNode) => {\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeType.Insertion,\n      },\n    ];\n\n    const children = node[NodeType.Insertion];\n\n    /** Insertion string plugin. Replaces string node with a component that render the insertion. */\n    const insertionStringPlugin: Plugins = {\n      id: 'insertion-string-plugin',\n      canHandle: (node) => typeof node === 'string',\n      transform: (node: string, subProps, deepTransformNode) => {\n        const transformedResult = deepTransformNode(node, {\n          ...subProps,\n          children: node,\n          plugins: [\n            ...(props.plugins ?? ([] as Plugins[])).filter(\n              (plugin) => plugin.id !== 'intlayer-node-plugin'\n            ),\n          ],\n        });\n\n        return (\n          values: {\n            [K in InsertionContent['fields'][number]]:\n              | string\n              | number\n              | ReactNode;\n          }\n        ) => {\n          const result = splitAndJoinInsertion(transformedResult, values);\n\n          return deepTransformNode(result, {\n            ...subProps,\n            plugins: props.plugins,\n            children: result,\n          });\n        };\n      },\n    };\n\n    const result = deepTransformNode(children, {\n      ...props,\n      children,\n      keyPath: newKeyPath,\n      plugins: [insertionStringPlugin, ...(props.plugins ?? [])],\n    });\n\n    if (\n      typeof children === 'object' &&\n      children !== null &&\n      'nodeType' in children &&\n      [NodeType.Enumeration, NodeType.Condition].includes(\n        children.nodeType as NodeType\n      )\n    ) {\n      return (values: any) => (arg: any) => {\n        const func = result as Function;\n        const inner = func(arg);\n\n        if (typeof inner === 'function') {\n          return inner(values);\n        }\n        return inner;\n      };\n    }\n\n    return result;\n  },\n};\n\n/**\n * MARKDOWN PLUGIN\n */\n\nexport type MarkdownStringCond<T> = T extends string\n  ? IntlayerNode<\n      string,\n      {\n        metadata: DeepTransformContent<string>;\n        use: (components: HTMLComponents<'permissive', {}>) => ReactNode;\n      }\n    >\n  : never;\n\n/** Markdown string plugin. Replaces string node with a component that render the markdown. */\nexport const markdownStringPlugin: Plugins = {\n  id: 'markdown-string-plugin',\n  canHandle: (node) => typeof node === 'string',\n  transform: (node: string, props, deepTransformNode) => {\n    const {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    } = props;\n\n    const metadata = getMarkdownMetadata(node);\n\n    const metadataPlugins: Plugins = {\n      id: 'markdown-metadata-plugin',\n      canHandle: (metadataNode) =>\n        typeof metadataNode === 'string' ||\n        typeof metadataNode === 'number' ||\n        typeof metadataNode === 'boolean' ||\n        !metadataNode,\n      transform: (metadataNode, props) =>\n        renderIntlayerNode({\n          ...props,\n          value: metadataNode,\n          children: (\n            <ContentSelectorRenderer {...rest}>\n              <MarkdownMetadataRenderer\n                {...rest}\n                metadataKeyPath={props.keyPath}\n              >\n                {node}\n              </MarkdownMetadataRenderer>\n            </ContentSelectorRenderer>\n          ),\n        }),\n    };\n\n    // Transform metadata while keeping the same structure\n    const metadataNodes = deepTransformNode(metadata, {\n      plugins: [metadataPlugins],\n      dictionaryKey: rest.dictionaryKey,\n      keyPath: [],\n    });\n\n    const render = (components?: HTMLComponents) =>\n      renderIntlayerNode({\n        ...props,\n        value: node,\n        children: (\n          <ContentSelectorRenderer {...rest}>\n            <MarkdownRendererPlugin {...rest} {...(components ?? {})}>\n              {node}\n            </MarkdownRendererPlugin>\n          </ContentSelectorRenderer>\n        ),\n        additionalProps: {\n          metadata: metadataNodes,\n        },\n      });\n\n    const element = render() as ReactElement;\n\n    return new Proxy(element, {\n      get(target, prop, receiver) {\n        if (prop === 'value') {\n          return node;\n        }\n        if (prop === 'metadata') {\n          return metadataNodes;\n        }\n\n        if (prop === 'use') {\n          return (components?: HTMLComponents) => render(components);\n        }\n\n        return Reflect.get(target, prop, receiver);\n      },\n    }) as any;\n  },\n};\n\nexport type MarkdownCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Markdown]: infer M;\n  tags?: infer U;\n  metadata?: infer V;\n}\n  ? IntlayerNode<\n      M,\n      {\n        use: (components?: HTMLComponents<'permissive', U>) => ReactNode;\n        metadata: DeepTransformContent<V>;\n      }\n    >\n  : never;\n\nexport const markdownPlugin: Plugins = {\n  id: 'markdown-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Markdown,\n  transform: (node: MarkdownContent, props, deepTransformNode) => {\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeType.Markdown,\n      },\n    ];\n\n    const children = node[NodeType.Markdown];\n\n    return deepTransformNode(children, {\n      ...props,\n      children,\n      keyPath: newKeyPath,\n      plugins: [markdownStringPlugin, ...(props.plugins ?? [])],\n    });\n  },\n};\n\n/** ---------------------------------------------\n *  HTML PLUGIN\n *  --------------------------------------------- */\n\n/**\n * HTML conditional type that enforces:\n * - All components (Standard or Custom) are OPTIONAL in the `use()` method.\n * - Custom components props are strictly inferred from the dictionary definition.\n *\n * This ensures type safety:\n * - `html('<div>Hello <CustomComponent /></div>').use({ CustomComponent: ... })` - optional but typed\n */\nexport type HTMLPluginCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.HTML]: infer I;\n  tags?: infer U;\n}\n  ? IntlayerNode<\n      I,\n      {\n        use: (components?: HTMLComponents<'permissive', U>) => ReactNode;\n      }\n    >\n  : never;\n\n/** HTML plugin. Replaces node with a function that takes components => ReactNode. */\nexport const htmlPlugin: Plugins = {\n  id: 'html-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.HTML,\n\n  transform: (node: HTMLContent<string>, props) => {\n    const html = node[NodeType.HTML];\n    const { plugins, ...rest } = props;\n\n    // Type-safe render function that accepts properly typed components\n    const render = (userComponents?: HTMLComponents): ReactNode =>\n      createElement(HTMLRendererPlugin, { ...rest, html, userComponents });\n\n    const element = render() as ReactElement;\n\n    return new Proxy(element, {\n      get(target, prop, receiver) {\n        if (prop === 'value') {\n          return html;\n        }\n\n        if (prop === 'use') {\n          // Return a properly typed function based on custom components\n          return (userComponents?: HTMLComponents) => render(userComponents);\n        }\n\n        return Reflect.get(target, prop, receiver);\n      },\n    }) as any;\n  },\n};\n\n/** ---------------------------------------------\n *  PLUGINS RESULT\n *  --------------------------------------------- */\n\nexport type IInterpreterPluginReact<T, _S, _L extends LocalesValues> = {\n  reactNode: ReactNodeCond<T>;\n  reactIntlayerNode: IntlayerNodeCond<T>;\n  reactInsertion: InsertionCond<T>;\n  reactMarkdown: MarkdownCond<T>;\n  reactHtml: HTMLPluginCond<T>;\n};\n\n/**\n * Insert this type as param of `DeepTransformContent` to avoid `intlayer` package pollution.\n *\n * Otherwise the the `react-intlayer` plugins will override the types of `intlayer` functions.\n */\nexport type IInterpreterPluginState = Omit<\n  IInterpreterPluginStateCore,\n  'insertion' // Remove insertion type from core package\n> & {\n  reactNode: true;\n  reactIntlayerNode: true;\n  reactMarkdown: true;\n  reactHtml: true;\n  reactInsertion: true;\n};\n\nexport type DeepTransformContent<\n  T,\n  L extends LocalesValues = DeclaredLocales,\n> = DeepTransformContentCore<T, IInterpreterPluginState, L>;\n"],"mappings":"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"}

package/dist/esm/reactElement/renderReactElement.mjs

@@ -1,51 +1,2 @@
-import { createElement } from "react";
-
-//#region src/reactElement/renderReactElement.ts
-const renderReactElement = (element) => {
-	if (element === null || typeof element !== "object") return element;
-	const convertChildrenAsArray = (element) => {
-		const children = element.props?.children;
-		if (Array.isArray(children)) {
-			const childrenResult = children.map((child, index) => {
-				const renderedChild = renderReactElement(child);
-				if (typeof renderedChild === "object" && renderedChild !== null && "type" in renderedChild) {
-					const childElement = renderedChild;
-					return createElement(childElement.type, {
-						...childElement.props,
-						key: index
-					}, ...Array.isArray(childElement.props?.children) ? childElement.props.children : typeof childElement.props?.children !== "undefined" ? [childElement.props.children] : []);
-				}
-				return renderedChild;
-			});
-			return {
-				...element,
-				props: {
-					...element.props,
-					children: childrenResult
-				}
-			};
-		} else if (typeof children !== "undefined" && children !== null) {
-			const renderedChild = renderReactElement(children);
-			return {
-				...element,
-				props: {
-					...element.props,
-					children: [renderedChild]
-				}
-			};
-		}
-		return {
-			...element,
-			props: {
-				...element.props,
-				children: []
-			}
-		};
-	};
-	const { type, props } = convertChildrenAsArray(element);
-	return createElement(type ?? "span", props, ...props.children);
-};
-
-//#endregion
-export { renderReactElement };
+import{createElement as e}from"react";const t=n=>{if(typeof n!=`object`||!n)return n;let{type:r,props:i}=(n=>{let r=n.props?.children;if(Array.isArray(r)){let i=r.map((n,r)=>{let i=t(n);if(typeof i==`object`&&i&&`type`in i){let t=i;return e(t.type,{...t.props,key:r},...Array.isArray(t.props?.children)?t.props.children:t.props?.children===void 0?[]:[t.props.children])}return i});return{...n,props:{...n.props,children:i}}}else if(r!=null){let e=t(r);return{...n,props:{...n.props,children:[e]}}}return{...n,props:{...n.props,children:[]}}})(n);return e(r??`span`,i,...i.children)};export{t as renderReactElement};
 //# sourceMappingURL=renderReactElement.mjs.map

package/dist/esm/reactElement/renderReactElement.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"renderReactElement.mjs","names":[],"sources":["../../../src/reactElement/renderReactElement.ts"],"sourcesContent":["import { createElement, type ReactElement, type ReactNode } from 'react';\n\n// This function recursively creates React elements from a given JSON-like structure\nexport const renderReactElement = (element: ReactElement<any>): any => {\n  if (element === null || typeof element !== 'object') {\n    return element;\n  }\n\n  const convertChildrenAsArray = (\n    element: ReactElement<{ children?: ReactNode }>\n  ): ReactElement<{ children?: ReactNode }> => {\n    const children = element.props?.children;\n\n    if (Array.isArray(children)) {\n      const childrenResult: ReactNode[] = children.map((child, index) => {\n        const renderedChild = renderReactElement(child as ReactElement<any>);\n\n        if (\n          typeof renderedChild === 'object' &&\n          renderedChild !== null &&\n          'type' in renderedChild\n        ) {\n          const childElement = renderedChild as ReactElement<any>;\n          return createElement(\n            childElement.type,\n            { ...childElement.props, key: index },\n            ...(Array.isArray(childElement.props?.children)\n              ? childElement.props.children\n              : typeof childElement.props?.children !== 'undefined'\n                ? [childElement.props.children]\n                : [])\n          );\n        }\n        return renderedChild;\n      });\n\n      return {\n        ...element,\n        props: { ...element.props, children: childrenResult },\n      };\n    } else if (typeof children !== 'undefined' && children !== null) {\n      const renderedChild = renderReactElement(children as ReactElement<any>);\n      return {\n        ...element,\n        props: { ...element.props, children: [renderedChild] },\n      };\n    }\n\n    return {\n      ...element,\n      props: { ...element.props, children: [] },\n    };\n  };\n\n  const fixedElement = convertChildrenAsArray(\n    element as ReactElement<{ children?: ReactNode }>\n  );\n\n  const { type, props } = fixedElement;\n\n  // Create and return the React element\n  return createElement(\n    type ?? 'span',\n    props,\n    ...(props.children as ReactNode[])\n  );\n};\n"],"mappings":";;;AAGA,MAAa,sBAAsB,YAAoC;AACrE,KAAI,YAAY,QAAQ,OAAO,YAAY,SACzC,QAAO;CAGT,MAAM,0BACJ,YAC2C;EAC3C,MAAM,WAAW,QAAQ,OAAO;AAEhC,MAAI,MAAM,QAAQ,SAAS,EAAE;GAC3B,MAAM,iBAA8B,SAAS,KAAK,OAAO,UAAU;IACjE,MAAM,gBAAgB,mBAAmB,MAA2B;AAEpE,QACE,OAAO,kBAAkB,YACzB,kBAAkB,QAClB,UAAU,eACV;KACA,MAAM,eAAe;AACrB,YAAO,cACL,aAAa,MACb;MAAE,GAAG,aAAa;MAAO,KAAK;MAAO,EACrC,GAAI,MAAM,QAAQ,aAAa,OAAO,SAAS,GAC3C,aAAa,MAAM,WACnB,OAAO,aAAa,OAAO,aAAa,cACtC,CAAC,aAAa,MAAM,SAAS,GAC7B,EAAE,CACT;;AAEH,WAAO;KACP;AAEF,UAAO;IACL,GAAG;IACH,OAAO;KAAE,GAAG,QAAQ;KAAO,UAAU;KAAgB;IACtD;aACQ,OAAO,aAAa,eAAe,aAAa,MAAM;GAC/D,MAAM,gBAAgB,mBAAmB,SAA8B;AACvE,UAAO;IACL,GAAG;IACH,OAAO;KAAE,GAAG,QAAQ;KAAO,UAAU,CAAC,cAAc;KAAE;IACvD;;AAGH,SAAO;GACL,GAAG;GACH,OAAO;IAAE,GAAG,QAAQ;IAAO,UAAU,EAAE;IAAE;GAC1C;;CAOH,MAAM,EAAE,MAAM,UAJO,uBACnB,QACD;AAKD,QAAO,cACL,QAAQ,QACR,OACA,GAAI,MAAM,SACX"}
+{"version":3,"file":"renderReactElement.mjs","names":[],"sources":["../../../src/reactElement/renderReactElement.ts"],"sourcesContent":["import { createElement, type ReactElement, type ReactNode } from 'react';\n\n// This function recursively creates React elements from a given JSON-like structure\nexport const renderReactElement = (element: ReactElement<any>): any => {\n  if (element === null || typeof element !== 'object') {\n    return element;\n  }\n\n  const convertChildrenAsArray = (\n    element: ReactElement<{ children?: ReactNode }>\n  ): ReactElement<{ children?: ReactNode }> => {\n    const children = element.props?.children;\n\n    if (Array.isArray(children)) {\n      const childrenResult: ReactNode[] = children.map((child, index) => {\n        const renderedChild = renderReactElement(child as ReactElement<any>);\n\n        if (\n          typeof renderedChild === 'object' &&\n          renderedChild !== null &&\n          'type' in renderedChild\n        ) {\n          const childElement = renderedChild as ReactElement<any>;\n          return createElement(\n            childElement.type,\n            { ...childElement.props, key: index },\n            ...(Array.isArray(childElement.props?.children)\n              ? childElement.props.children\n              : typeof childElement.props?.children !== 'undefined'\n                ? [childElement.props.children]\n                : [])\n          );\n        }\n        return renderedChild;\n      });\n\n      return {\n        ...element,\n        props: { ...element.props, children: childrenResult },\n      };\n    } else if (typeof children !== 'undefined' && children !== null) {\n      const renderedChild = renderReactElement(children as ReactElement<any>);\n      return {\n        ...element,\n        props: { ...element.props, children: [renderedChild] },\n      };\n    }\n\n    return {\n      ...element,\n      props: { ...element.props, children: [] },\n    };\n  };\n\n  const fixedElement = convertChildrenAsArray(\n    element as ReactElement<{ children?: ReactNode }>\n  );\n\n  const { type, props } = fixedElement;\n\n  // Create and return the React element\n  return createElement(\n    type ?? 'span',\n    props,\n    ...(props.children as ReactNode[])\n  );\n};\n"],"mappings":"sCAGA,MAAa,EAAsB,GAAoC,CACrE,GAAwB,OAAO,GAAY,WAAvC,EACF,OAAO,EAqDT,GAAM,CAAE,OAAM,UAjDZ,GAC2C,CAC3C,IAAM,EAAW,EAAQ,OAAO,SAEhC,GAAI,MAAM,QAAQ,EAAS,CAAE,CAC3B,IAAM,EAA8B,EAAS,KAAK,EAAO,IAAU,CACjE,IAAM,EAAgB,EAAmB,EAA2B,CAEpE,GACE,OAAO,GAAkB,UACzB,GACA,SAAU,EACV,CACA,IAAM,EAAe,EACrB,OAAO,EACL,EAAa,KACb,CAAE,GAAG,EAAa,MAAO,IAAK,EAAO,CACrC,GAAI,MAAM,QAAQ,EAAa,OAAO,SAAS,CAC3C,EAAa,MAAM,SACZ,EAAa,OAAO,WAAa,OAEtC,EAAE,CADF,CAAC,EAAa,MAAM,SAAS,CAEpC,CAEH,OAAO,GACP,CAEF,MAAO,CACL,GAAG,EACH,MAAO,CAAE,GAAG,EAAQ,MAAO,SAAU,EAAgB,CACtD,SACe,GAAyC,KAAM,CAC/D,IAAM,EAAgB,EAAmB,EAA8B,CACvE,MAAO,CACL,GAAG,EACH,MAAO,CAAE,GAAG,EAAQ,MAAO,SAAU,CAAC,EAAc,CAAE,CACvD,CAGH,MAAO,CACL,GAAG,EACH,MAAO,CAAE,GAAG,EAAQ,MAAO,SAAU,EAAE,CAAE,CAC1C,GAID,EACD,CAKD,OAAO,EACL,GAAQ,OACR,EACA,GAAI,EAAM,SACX"}

package/dist/esm/server/IntlayerServerProvider.mjs

@@ -1,29 +1,2 @@
-import { createServerContext, getServerContext } from "./serverContext.mjs";
-import { jsx } from "react/jsx-runtime";
-import configuration from "@intlayer/config/built";
-
-//#region src/server/IntlayerServerProvider.tsx
-const { defaultLocale } = configuration?.internationalization ?? {};
-/**
-* Context that store the current locale on the server side
-*/
-const IntlayerServerContext = createServerContext(defaultLocale);
-/**
-* Hook that provides the current locale
-*/
-const useIntlayer = () => getServerContext(IntlayerServerContext);
-/**
-* Get the current locale
-*/
-const locale = getServerContext(IntlayerServerContext);
-/**
-* Provider that store the current locale on the server side
-*/
-const IntlayerServerProvider = ({ children, locale = defaultLocale }) => /* @__PURE__ */ jsx(IntlayerServerContext.Provider, {
-	value: locale,
-	children
-});
-
-//#endregion
-export { IntlayerServerContext, IntlayerServerProvider, locale, useIntlayer };
+import{createServerContext as e,getServerContext as t}from"./serverContext.mjs";import{jsx as n}from"react/jsx-runtime";import r from"@intlayer/config/built";const{defaultLocale:i}=r?.internationalization??{},a=e(i),o=()=>t(a),s=t(a),c=({children:e,locale:t=i})=>n(a.Provider,{value:t,children:e});export{a as IntlayerServerContext,c as IntlayerServerProvider,s as locale,o as useIntlayer};
 //# sourceMappingURL=IntlayerServerProvider.mjs.map

package/dist/esm/server/IntlayerServerProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IntlayerServerProvider.mjs","names":[],"sources":["../../../src/server/IntlayerServerProvider.tsx"],"sourcesContent":["import configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/types';\n\nimport type { FC, PropsWithChildren } from 'react';\nimport { createServerContext, getServerContext } from './serverContext';\n\nconst { defaultLocale } = configuration?.internationalization ?? {};\n\n/**\n * Context that store the current locale on the server side\n */\nexport const IntlayerServerContext =\n  createServerContext<LocalesValues>(defaultLocale);\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayer = () => getServerContext(IntlayerServerContext);\n\n/**\n * Get the current locale\n */\nexport const locale = getServerContext(IntlayerServerContext);\n\nexport type IntlayerServerProviderProps = PropsWithChildren & {\n  locale?: LocalesValues;\n};\n\n/**\n * Provider that store the current locale on the server side\n */\nexport const IntlayerServerProvider: FC<IntlayerServerProviderProps> = ({\n  children,\n  locale = defaultLocale,\n}) => (\n  <IntlayerServerContext.Provider value={locale}>\n    {children}\n  </IntlayerServerContext.Provider>\n);\n"],"mappings":";;;;;AAMA,MAAM,EAAE,kBAAkB,eAAe,wBAAwB,EAAE;;;;AAKnE,MAAa,wBACX,oBAAmC,cAAc;;;;AAKnD,MAAa,oBAAoB,iBAAiB,sBAAsB;;;;AAKxE,MAAa,SAAS,iBAAiB,sBAAsB;;;;AAS7D,MAAa,0BAA2D,EACtE,UACA,SAAS,oBAET,oBAAC,sBAAsB;CAAS,OAAO;CACpC;EAC8B"}
+{"version":3,"file":"IntlayerServerProvider.mjs","names":[],"sources":["../../../src/server/IntlayerServerProvider.tsx"],"sourcesContent":["import configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/types';\n\nimport type { FC, PropsWithChildren } from 'react';\nimport { createServerContext, getServerContext } from './serverContext';\n\nconst { defaultLocale } = configuration?.internationalization ?? {};\n\n/**\n * Context that store the current locale on the server side\n */\nexport const IntlayerServerContext =\n  createServerContext<LocalesValues>(defaultLocale);\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayer = () => getServerContext(IntlayerServerContext);\n\n/**\n * Get the current locale\n */\nexport const locale = getServerContext(IntlayerServerContext);\n\nexport type IntlayerServerProviderProps = PropsWithChildren & {\n  locale?: LocalesValues;\n};\n\n/**\n * Provider that store the current locale on the server side\n */\nexport const IntlayerServerProvider: FC<IntlayerServerProviderProps> = ({\n  children,\n  locale = defaultLocale,\n}) => (\n  <IntlayerServerContext.Provider value={locale}>\n    {children}\n  </IntlayerServerContext.Provider>\n);\n"],"mappings":"8JAMA,KAAM,CAAE,iBAAkB,GAAe,sBAAwB,EAAE,CAKtD,EACX,EAAmC,EAAc,CAKtC,MAAoB,EAAiB,EAAsB,CAK3D,EAAS,EAAiB,EAAsB,CAShD,GAA2D,CACtE,WACA,SAAS,KAET,EAAC,EAAsB,SAAA,CAAS,MAAO,EACpC,YAC8B"}

package/dist/esm/server/format/index.mjs

@@ -1,10 +1 @@
-import { useCompact } from "./useCompact.mjs";
-import { useCurrency } from "./useCurrency.mjs";
-import { useDate } from "./useDate.mjs";
-import { useList } from "./useList.mjs";
-import { useNumber } from "./useNumber.mjs";
-import { usePercentage } from "./usePercentage.mjs";
-import { useRelativeTime } from "./useRelativeTime.mjs";
-import { useUnit } from "./useUnit.mjs";
-
-export { useCompact, useCurrency, useDate, useList, useNumber, usePercentage, useRelativeTime, useUnit };
+import{useCompact as e}from"./useCompact.mjs";import{useCurrency as t}from"./useCurrency.mjs";import{useDate as n}from"./useDate.mjs";import{useList as r}from"./useList.mjs";import{useNumber as i}from"./useNumber.mjs";import{usePercentage as a}from"./usePercentage.mjs";import{useRelativeTime as o}from"./useRelativeTime.mjs";import{useUnit as s}from"./useUnit.mjs";export{e as useCompact,t as useCurrency,n as useDate,r as useList,i as useNumber,a as usePercentage,o as useRelativeTime,s as useUnit};

package/dist/esm/server/format/useCompact.mjs

@@ -1,26 +1,2 @@
-import { getServerContext } from "../serverContext.mjs";
-import { IntlayerServerContext } from "../IntlayerServerProvider.mjs";
-import { compact } from "@intlayer/core";
-
-//#region src/server/format/useCompact.ts
-/**
-* React client hook that provides a compact number formatter
-* bound to the current application locale.
-*
-* @example
-* ```tsx
-* const formatCompact = useCompact();
-* formatCompact(1500); // "1.5K"
-* ```
-*/
-const useCompact = () => {
-	const locale = getServerContext(IntlayerServerContext);
-	return (...args) => compact(args[0], {
-		...args[1],
-		locale: args[1]?.locale ?? locale
-	});
-};
-
-//#endregion
-export { useCompact };
+import{getServerContext as e}from"../serverContext.mjs";import{IntlayerServerContext as t}from"../IntlayerServerProvider.mjs";import{compact as n}from"@intlayer/core/formatters";const r=()=>{let r=e(t);return(...e)=>n(e[0],{...e[1],locale:e[1]?.locale??r})};export{r as useCompact};
 //# sourceMappingURL=useCompact.mjs.map

package/dist/esm/server/format/useCompact.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCompact.mjs","names":[],"sources":["../../../../src/server/format/useCompact.ts"],"sourcesContent":["import { compact } from '@intlayer/core';\nimport type { LocalesValues } from '@intlayer/types';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * React client hook that provides a compact number formatter\n * bound to the current application locale.\n *\n * @example\n * ```tsx\n * const formatCompact = useCompact();\n * formatCompact(1500); // \"1.5K\"\n * ```\n */\nexport const useCompact = () => {\n  const locale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return (...args: Parameters<typeof compact>) =>\n    compact(args[0], {\n      ...args[1],\n      locale: args[1]?.locale ?? locale,\n    });\n};\n"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAa,mBAAmB;CAC9B,MAAM,SAAS,iBAAgC,sBAAsB;AAErE,SAAQ,GAAG,SACT,QAAQ,KAAK,IAAI;EACf,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU;EAC5B,CAAC"}
+{"version":3,"file":"useCompact.mjs","names":[],"sources":["../../../../src/server/format/useCompact.ts"],"sourcesContent":["import { compact } from '@intlayer/core/formatters';\nimport type { LocalesValues } from '@intlayer/types';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * React client hook that provides a compact number formatter\n * bound to the current application locale.\n *\n * @example\n * ```tsx\n * const formatCompact = useCompact();\n * formatCompact(1500); // \"1.5K\"\n * ```\n */\nexport const useCompact = () => {\n  const locale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return (...args: Parameters<typeof compact>) =>\n    compact(args[0], {\n      ...args[1],\n      locale: args[1]?.locale ?? locale,\n    });\n};\n"],"mappings":"kLAeA,MAAa,MAAmB,CAC9B,IAAM,EAAS,EAAgC,EAAsB,CAErE,OAAQ,GAAG,IACT,EAAQ,EAAK,GAAI,CACf,GAAG,EAAK,GACR,OAAQ,EAAK,IAAI,QAAU,EAC5B,CAAC"}

package/dist/esm/server/format/useCurrency.mjs

@@ -1,37 +1,2 @@
-import { getServerContext } from "../serverContext.mjs";
-import { IntlayerServerContext } from "../IntlayerServerProvider.mjs";
-import { currency } from "@intlayer/core";
-
-//#region src/server/format/useCurrency.ts
-/**
-* React client hook that provides a currency formatter
-* bound to the current application locale.
-*
-* @example
-* ```tsx
-* const formatCurrency = useCurrency();
-*
-* formatCurrency(1500, { currency: "USD" });
-* // "$1,500.00"
-*
-* formatCurrency(1500, { currency: "EUR", locale: "de-DE" });
-* // "1.500,00 €"
-*
-* formatCurrency(9876543.21, {
-*   currency: "JPY",
-*   fractionDigits: 0,
-* });
-* // "¥9,876,543"
-* ```
-*/
-const useCurrency = () => {
-	const locale = getServerContext(IntlayerServerContext);
-	return (...args) => currency(args[0], {
-		...args[1],
-		locale: args[1]?.locale ?? locale
-	});
-};
-
-//#endregion
-export { useCurrency };
+import{getServerContext as e}from"../serverContext.mjs";import{IntlayerServerContext as t}from"../IntlayerServerProvider.mjs";import{currency as n}from"@intlayer/core/formatters";const r=()=>{let r=e(t);return(...e)=>n(e[0],{...e[1],locale:e[1]?.locale??r})};export{r as useCurrency};
 //# sourceMappingURL=useCurrency.mjs.map

package/dist/esm/server/format/useCurrency.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCurrency.mjs","names":[],"sources":["../../../../src/server/format/useCurrency.ts"],"sourcesContent":["import { currency } from '@intlayer/core';\nimport type { LocalesValues } from '@intlayer/types';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * React client hook that provides a currency formatter\n * bound to the current application locale.\n *\n * @example\n * ```tsx\n * const formatCurrency = useCurrency();\n *\n * formatCurrency(1500, { currency: \"USD\" });\n * // \"$1,500.00\"\n *\n * formatCurrency(1500, { currency: \"EUR\", locale: \"de-DE\" });\n * // \"1.500,00 €\"\n *\n * formatCurrency(9876543.21, {\n *   currency: \"JPY\",\n *   fractionDigits: 0,\n * });\n * // \"¥9,876,543\"\n * ```\n */\nexport const useCurrency = () => {\n  const locale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return (...args: Parameters<typeof currency>) =>\n    currency(args[0], {\n      ...args[1],\n      locale: args[1]?.locale ?? locale,\n    });\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAa,oBAAoB;CAC/B,MAAM,SAAS,iBAAgC,sBAAsB;AAErE,SAAQ,GAAG,SACT,SAAS,KAAK,IAAI;EAChB,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU;EAC5B,CAAC"}
+{"version":3,"file":"useCurrency.mjs","names":[],"sources":["../../../../src/server/format/useCurrency.ts"],"sourcesContent":["import { currency } from '@intlayer/core/formatters';\nimport type { LocalesValues } from '@intlayer/types';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * React client hook that provides a currency formatter\n * bound to the current application locale.\n *\n * @example\n * ```tsx\n * const formatCurrency = useCurrency();\n *\n * formatCurrency(1500, { currency: \"USD\" });\n * // \"$1,500.00\"\n *\n * formatCurrency(1500, { currency: \"EUR\", locale: \"de-DE\" });\n * // \"1.500,00 €\"\n *\n * formatCurrency(9876543.21, {\n *   currency: \"JPY\",\n *   fractionDigits: 0,\n * });\n * // \"¥9,876,543\"\n * ```\n */\nexport const useCurrency = () => {\n  const locale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return (...args: Parameters<typeof currency>) =>\n    currency(args[0], {\n      ...args[1],\n      locale: args[1]?.locale ?? locale,\n    });\n};\n"],"mappings":"mLA0BA,MAAa,MAAoB,CAC/B,IAAM,EAAS,EAAgC,EAAsB,CAErE,OAAQ,GAAG,IACT,EAAS,EAAK,GAAI,CAChB,GAAG,EAAK,GACR,OAAQ,EAAK,IAAI,QAAU,EAC5B,CAAC"}

package/dist/esm/server/format/useDate.mjs

@@ -1,42 +1,2 @@
-import { getServerContext } from "../serverContext.mjs";
-import { IntlayerServerContext } from "../IntlayerServerProvider.mjs";
-import { date } from "@intlayer/core";
-
-//#region src/server/format/useDate.ts
-/**
-* React client hook that provides a localized date/time formatter
-* bound to the current application locale.
-*
-* @returns {(date: Date | string | number, options?: DateProps) => string}
-* A function to format dates or timestamps into localized date/time strings.
-*
-* @example
-* ```tsx
-* const formatDate = useDate();
-*
-* formatDate(new Date("2025-01-01"));
-* // "Jan 1, 2025"
-*
-* formatDate("2025-01-01T15:30:00Z", {
-*   dateStyle: "full",
-*   timeStyle: "short",
-* });
-* // "Wednesday, January 1, 2025 at 3:30 PM"
-*
-* formatDate(1735689600000, { locale: "fr-FR", dateStyle: "long" });
-* // "1 janvier 2025"
-* ```
-*
-* @see createDate
-*/
-const useDate = () => {
-	const locale = getServerContext(IntlayerServerContext);
-	return (...args) => date(args[0], {
-		...args[1],
-		locale: args[1]?.locale ?? locale
-	});
-};
-
-//#endregion
-export { useDate };
+import{getServerContext as e}from"../serverContext.mjs";import{IntlayerServerContext as t}from"../IntlayerServerProvider.mjs";import{date as n}from"@intlayer/core/formatters";const r=()=>{let r=e(t);return(...e)=>n(e[0],{...e[1],locale:e[1]?.locale??r})};export{r as useDate};
 //# sourceMappingURL=useDate.mjs.map

package/dist/esm/server/format/useDate.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDate.mjs","names":[],"sources":["../../../../src/server/format/useDate.ts"],"sourcesContent":["import { date } from '@intlayer/core';\nimport type { LocalesValues } from '@intlayer/types';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * React client hook that provides a localized date/time formatter\n * bound to the current application locale.\n *\n * @returns {(date: Date | string | number, options?: DateProps) => string}\n * A function to format dates or timestamps into localized date/time strings.\n *\n * @example\n * ```tsx\n * const formatDate = useDate();\n *\n * formatDate(new Date(\"2025-01-01\"));\n * // \"Jan 1, 2025\"\n *\n * formatDate(\"2025-01-01T15:30:00Z\", {\n *   dateStyle: \"full\",\n *   timeStyle: \"short\",\n * });\n * // \"Wednesday, January 1, 2025 at 3:30 PM\"\n *\n * formatDate(1735689600000, { locale: \"fr-FR\", dateStyle: \"long\" });\n * // \"1 janvier 2025\"\n * ```\n *\n * @see createDate\n */\nexport const useDate = () => {\n  const locale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return (...args: Parameters<typeof date>) =>\n    date(args[0], {\n      ...args[1],\n      locale: args[1]?.locale ?? locale,\n    });\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,gBAAgB;CAC3B,MAAM,SAAS,iBAAgC,sBAAsB;AAErE,SAAQ,GAAG,SACT,KAAK,KAAK,IAAI;EACZ,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU;EAC5B,CAAC"}
+{"version":3,"file":"useDate.mjs","names":[],"sources":["../../../../src/server/format/useDate.ts"],"sourcesContent":["import { date } from '@intlayer/core/formatters';\nimport type { LocalesValues } from '@intlayer/types';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * React client hook that provides a localized date/time formatter\n * bound to the current application locale.\n *\n * @returns {(date: Date | string | number, options?: DateProps) => string}\n * A function to format dates or timestamps into localized date/time strings.\n *\n * @example\n * ```tsx\n * const formatDate = useDate();\n *\n * formatDate(new Date(\"2025-01-01\"));\n * // \"Jan 1, 2025\"\n *\n * formatDate(\"2025-01-01T15:30:00Z\", {\n *   dateStyle: \"full\",\n *   timeStyle: \"short\",\n * });\n * // \"Wednesday, January 1, 2025 at 3:30 PM\"\n *\n * formatDate(1735689600000, { locale: \"fr-FR\", dateStyle: \"long\" });\n * // \"1 janvier 2025\"\n * ```\n *\n * @see createDate\n */\nexport const useDate = () => {\n  const locale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return (...args: Parameters<typeof date>) =>\n    date(args[0], {\n      ...args[1],\n      locale: args[1]?.locale ?? locale,\n    });\n};\n"],"mappings":"+KA+BA,MAAa,MAAgB,CAC3B,IAAM,EAAS,EAAgC,EAAsB,CAErE,OAAQ,GAAG,IACT,EAAK,EAAK,GAAI,CACZ,GAAG,EAAK,GACR,OAAQ,EAAK,IAAI,QAAU,EAC5B,CAAC"}

package/dist/esm/server/format/useIntl.mjs

@@ -1,42 +1,2 @@
-import { getServerContext } from "../serverContext.mjs";
-import { IntlayerServerContext } from "../IntlayerServerProvider.mjs";
-import { bindIntl } from "@intlayer/core";
-import configuration from "@intlayer/config/built";
-
-//#region src/server/format/useIntl.ts
-/**
-* React client 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
-* ```tsx
-* const intl = useIntl(); // uses context locale
-*
-* // Standard API, but no need to pass 'en-US' as the first argument
-* const formatted = new intl.NumberFormat({
-* style: 'currency',
-* currency: 'USD'
-* }).format(123.45);
-* ```
-*
-* @example
-* ```tsx
-* const intl = useIntl();
-*
-* // You can still override the locale if needed
-* const date = new intl.DateTimeFormat({ locale: 'fr-FR' }).format(new Date());
-* // or
-* const date2 = new intl.DateTimeFormat('fr-FR').format(new Date());
-* ```
-*/
-const useIntl = (locale) => {
-	const currentLocale = getServerContext(IntlayerServerContext);
-	return bindIntl(locale ?? currentLocale ?? configuration?.internationalization?.defaultLocale);
-};
-
-//#endregion
-export { useIntl };
+import{getServerContext as e}from"../serverContext.mjs";import{IntlayerServerContext as t}from"../IntlayerServerProvider.mjs";import n from"@intlayer/config/built";import{bindIntl as r}from"@intlayer/core/formatters";const i=i=>{let a=e(t);return r(i??a??n?.internationalization?.defaultLocale)};export{i as useIntl};
 //# sourceMappingURL=useIntl.mjs.map

package/dist/esm/server/format/useIntl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIntl.mjs","names":[],"sources":["../../../../src/server/format/useIntl.ts"],"sourcesContent":["import configuration from '@intlayer/config/built';\nimport { bindIntl } from '@intlayer/core';\nimport type { LocalesValues } from '@intlayer/types';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * React client hook that provides a locale-bound `Intl` object.\n *\n * It acts exactly like the native `Intl` object, but acts as a proxy to:\n * 1. Inject the current locale automatically if none is provided.\n * 2. Use the performance-optimized `CachedIntl` under the hood.\n *\n * @example\n * ```tsx\n * const intl = useIntl(); // uses context locale\n *\n * // Standard API, but no need to pass 'en-US' as the first argument\n * const formatted = new intl.NumberFormat({\n * style: 'currency',\n * currency: 'USD'\n * }).format(123.45);\n * ```\n *\n * @example\n * ```tsx\n * const intl = useIntl();\n *\n * // You can still override the locale if needed\n * const date = new intl.DateTimeFormat({ locale: 'fr-FR' }).format(new Date());\n * // or\n * const date2 = new intl.DateTimeFormat('fr-FR').format(new Date());\n * ```\n */\nexport const useIntl = (locale?: LocalesValues) => {\n  const currentLocale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return bindIntl(\n    locale ??\n      currentLocale ??\n      configuration?.internationalization?.defaultLocale\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAa,WAAW,WAA2B;CACjD,MAAM,gBAAgB,iBAAgC,sBAAsB;AAE5E,QAAO,SACL,UACE,iBACA,eAAe,sBAAsB,cACxC"}
+{"version":3,"file":"useIntl.mjs","names":[],"sources":["../../../../src/server/format/useIntl.ts"],"sourcesContent":["import configuration from '@intlayer/config/built';\nimport { bindIntl } from '@intlayer/core/formatters';\nimport type { LocalesValues } from '@intlayer/types';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * React client hook that provides a locale-bound `Intl` object.\n *\n * It acts exactly like the native `Intl` object, but acts as a proxy to:\n * 1. Inject the current locale automatically if none is provided.\n * 2. Use the performance-optimized `CachedIntl` under the hood.\n *\n * @example\n * ```tsx\n * const intl = useIntl(); // uses context locale\n *\n * // Standard API, but no need to pass 'en-US' as the first argument\n * const formatted = new intl.NumberFormat({\n * style: 'currency',\n * currency: 'USD'\n * }).format(123.45);\n * ```\n *\n * @example\n * ```tsx\n * const intl = useIntl();\n *\n * // You can still override the locale if needed\n * const date = new intl.DateTimeFormat({ locale: 'fr-FR' }).format(new Date());\n * // or\n * const date2 = new intl.DateTimeFormat('fr-FR').format(new Date());\n * ```\n */\nexport const useIntl = (locale?: LocalesValues) => {\n  const currentLocale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return bindIntl(\n    locale ??\n      currentLocale ??\n      configuration?.internationalization?.defaultLocale\n  );\n};\n"],"mappings":"yNAkCA,MAAa,EAAW,GAA2B,CACjD,IAAM,EAAgB,EAAgC,EAAsB,CAE5E,OAAO,EACL,GACE,GACA,GAAe,sBAAsB,cACxC"}

package/dist/esm/server/format/useList.mjs

@@ -1,34 +1,2 @@
-import { getServerContext } from "../serverContext.mjs";
-import { IntlayerServerContext } from "../IntlayerServerProvider.mjs";
-import { list } from "@intlayer/core";
-
-//#region src/server/format/useList.ts
-/**
-* React server hook that provides a list formatter
-* bound to the current application locale.
-*
-* @example
-* ```tsx
-* const formatList = useList();
-*
-* formatList(['apple', 'banana', 'orange']);
-* // "apple, banana, and orange"
-*
-* formatList(['red', 'green', 'blue'], { type: 'disjunction' });
-* // "red, green, or blue"
-*
-* formatList([1, 2, 3], { type: 'unit', locale: 'de-DE' });
-* // "1, 2 und 3"
-* ```
-*/
-const useList = () => {
-	const locale = getServerContext(IntlayerServerContext);
-	return (...args) => list(args[0], {
-		...args[1],
-		locale: args[1]?.locale ?? locale
-	});
-};
-
-//#endregion
-export { useList };
+import{getServerContext as e}from"../serverContext.mjs";import{IntlayerServerContext as t}from"../IntlayerServerProvider.mjs";import{list as n}from"@intlayer/core/formatters";const r=()=>{let r=e(t);return(...e)=>n(e[0],{...e[1],locale:e[1]?.locale??r})};export{r as useList};
 //# sourceMappingURL=useList.mjs.map

package/dist/esm/server/format/useList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useList.mjs","names":[],"sources":["../../../../src/server/format/useList.ts"],"sourcesContent":["import { list } from '@intlayer/core';\nimport type { LocalesValues } from '@intlayer/types';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * React server hook that provides a list formatter\n * bound to the current application locale.\n *\n * @example\n * ```tsx\n * const formatList = useList();\n *\n * formatList(['apple', 'banana', 'orange']);\n * // \"apple, banana, and orange\"\n *\n * formatList(['red', 'green', 'blue'], { type: 'disjunction' });\n * // \"red, green, or blue\"\n *\n * formatList([1, 2, 3], { type: 'unit', locale: 'de-DE' });\n * // \"1, 2 und 3\"\n * ```\n */\nexport const useList = () => {\n  const locale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return (...args: Parameters<typeof list>) =>\n    list(args[0], {\n      ...args[1],\n      locale: args[1]?.locale ?? locale,\n    });\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAa,gBAAgB;CAC3B,MAAM,SAAS,iBAAgC,sBAAsB;AAErE,SAAQ,GAAG,SACT,KAAK,KAAK,IAAI;EACZ,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU;EAC5B,CAAC"}
+{"version":3,"file":"useList.mjs","names":[],"sources":["../../../../src/server/format/useList.ts"],"sourcesContent":["import { list } from '@intlayer/core/formatters';\nimport type { LocalesValues } from '@intlayer/types';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * React server hook that provides a list formatter\n * bound to the current application locale.\n *\n * @example\n * ```tsx\n * const formatList = useList();\n *\n * formatList(['apple', 'banana', 'orange']);\n * // \"apple, banana, and orange\"\n *\n * formatList(['red', 'green', 'blue'], { type: 'disjunction' });\n * // \"red, green, or blue\"\n *\n * formatList([1, 2, 3], { type: 'unit', locale: 'de-DE' });\n * // \"1, 2 und 3\"\n * ```\n */\nexport const useList = () => {\n  const locale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return (...args: Parameters<typeof list>) =>\n    list(args[0], {\n      ...args[1],\n      locale: args[1]?.locale ?? locale,\n    });\n};\n"],"mappings":"+KAuBA,MAAa,MAAgB,CAC3B,IAAM,EAAS,EAAgC,EAAsB,CAErE,OAAQ,GAAG,IACT,EAAK,EAAK,GAAI,CACZ,GAAG,EAAK,GACR,OAAQ,EAAK,IAAI,QAAU,EAC5B,CAAC"}

package/dist/esm/server/format/useNumber.mjs

@@ -1,38 +1,2 @@
-import { getServerContext } from "../serverContext.mjs";
-import { IntlayerServerContext } from "../IntlayerServerProvider.mjs";
-import { number } from "@intlayer/core";
-
-//#region src/server/format/useNumber.ts
-/**
-* React client hook that provides a localized number formatter.
-*
-* Uses the current locale from {@link useLocaleBase} and returns
-* a function that can be used to format numbers consistently
-* according to the user's locale.
-*
-* @example
-* ```tsx
-* const formatNumber = useNumber();
-*
-* formatNumber(12345);
-* // e.g. "12,345" (en-US)
-* // e.g. "12 345" (fr-FR)
-*
-* formatNumber(0.75, { style: "percent" });
-* // e.g. "75%"
-* ```
-*
-* @returns {(value: string | number, options?: import("../createNumber").NumberProps) => string}
-* A number formatting function bound to the active locale.
-*/
-const useNumber = () => {
-	const locale = getServerContext(IntlayerServerContext);
-	return (...args) => number(args[0], {
-		...args[1],
-		locale: args[1]?.locale ?? locale
-	});
-};
-
-//#endregion
-export { useNumber };
+import{getServerContext as e}from"../serverContext.mjs";import{IntlayerServerContext as t}from"../IntlayerServerProvider.mjs";import{number as n}from"@intlayer/core/formatters";const r=()=>{let r=e(t);return(...e)=>n(e[0],{...e[1],locale:e[1]?.locale??r})};export{r as useNumber};
 //# sourceMappingURL=useNumber.mjs.map

package/dist/esm/server/format/useNumber.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useNumber.mjs","names":[],"sources":["../../../../src/server/format/useNumber.ts"],"sourcesContent":["import { number } from '@intlayer/core';\nimport type { LocalesValues } from '@intlayer/types';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * React client hook that provides a localized number formatter.\n *\n * Uses the current locale from {@link useLocaleBase} and returns\n * a function that can be used to format numbers consistently\n * according to the user's locale.\n *\n * @example\n * ```tsx\n * const formatNumber = useNumber();\n *\n * formatNumber(12345);\n * // e.g. \"12,345\" (en-US)\n * // e.g. \"12 345\" (fr-FR)\n *\n * formatNumber(0.75, { style: \"percent\" });\n * // e.g. \"75%\"\n * ```\n *\n * @returns {(value: string | number, options?: import(\"../createNumber\").NumberProps) => string}\n * A number formatting function bound to the active locale.\n */\nexport const useNumber = () => {\n  const locale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return (...args: Parameters<typeof number>) =>\n    number(args[0], {\n      ...args[1],\n      locale: args[1]?.locale ?? locale,\n    });\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAa,kBAAkB;CAC7B,MAAM,SAAS,iBAAgC,sBAAsB;AAErE,SAAQ,GAAG,SACT,OAAO,KAAK,IAAI;EACd,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU;EAC5B,CAAC"}
+{"version":3,"file":"useNumber.mjs","names":[],"sources":["../../../../src/server/format/useNumber.ts"],"sourcesContent":["import { number } from '@intlayer/core/formatters';\nimport type { LocalesValues } from '@intlayer/types';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * React client hook that provides a localized number formatter.\n *\n * Uses the current locale from {@link useLocaleBase} and returns\n * a function that can be used to format numbers consistently\n * according to the user's locale.\n *\n * @example\n * ```tsx\n * const formatNumber = useNumber();\n *\n * formatNumber(12345);\n * // e.g. \"12,345\" (en-US)\n * // e.g. \"12 345\" (fr-FR)\n *\n * formatNumber(0.75, { style: \"percent\" });\n * // e.g. \"75%\"\n * ```\n *\n * @returns {(value: string | number, options?: import(\"../createNumber\").NumberProps) => string}\n * A number formatting function bound to the active locale.\n */\nexport const useNumber = () => {\n  const locale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return (...args: Parameters<typeof number>) =>\n    number(args[0], {\n      ...args[1],\n      locale: args[1]?.locale ?? locale,\n    });\n};\n"],"mappings":"iLA2BA,MAAa,MAAkB,CAC7B,IAAM,EAAS,EAAgC,EAAsB,CAErE,OAAQ,GAAG,IACT,EAAO,EAAK,GAAI,CACd,GAAG,EAAK,GACR,OAAQ,EAAK,IAAI,QAAU,EAC5B,CAAC"}

package/dist/esm/server/format/usePercentage.mjs

@@ -1,34 +1,2 @@
-import { getServerContext } from "../serverContext.mjs";
-import { IntlayerServerContext } from "../IntlayerServerProvider.mjs";
-import { percentage } from "@intlayer/core";
-
-//#region src/server/format/usePercentage.ts
-/**
-* React hook to provide a percentage formatter function
-* based on the current application locale.
-*
-* This hook retrieves the active locale using {@link useLocaleBase}
-* and memoizes a `createPercentage` instance for that locale.
-*
-* @example
-* ```tsx
-* const formatPercentage = usePercentage();
-*
-* const result = formatPercentage(0.875, { maximumFractionDigits: 1 });
-* // "87.5%" (depending on locale)
-* ```
-*
-* @returns {(value: string | number, options?: Omit<PercentageOptions, "value">) => string}
-* A function that formats numbers or numeric strings into localized percentages.
-*/
-const usePercentage = () => {
-	const locale = getServerContext(IntlayerServerContext);
-	return (...args) => percentage(args[0], {
-		...args[1],
-		locale: args[1]?.locale ?? locale
-	});
-};
-
-//#endregion
-export { usePercentage };
+import{getServerContext as e}from"../serverContext.mjs";import{IntlayerServerContext as t}from"../IntlayerServerProvider.mjs";import{percentage as n}from"@intlayer/core/formatters";const r=()=>{let r=e(t);return(...e)=>n(e[0],{...e[1],locale:e[1]?.locale??r})};export{r as usePercentage};
 //# sourceMappingURL=usePercentage.mjs.map

package/dist/esm/server/format/usePercentage.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePercentage.mjs","names":[],"sources":["../../../../src/server/format/usePercentage.ts"],"sourcesContent":["import { percentage } from '@intlayer/core';\nimport type { LocalesValues } from '@intlayer/types';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * React hook to provide a percentage formatter function\n * based on the current application locale.\n *\n * This hook retrieves the active locale using {@link useLocaleBase}\n * and memoizes a `createPercentage` instance for that locale.\n *\n * @example\n * ```tsx\n * const formatPercentage = usePercentage();\n *\n * const result = formatPercentage(0.875, { maximumFractionDigits: 1 });\n * // \"87.5%\" (depending on locale)\n * ```\n *\n * @returns {(value: string | number, options?: Omit<PercentageOptions, \"value\">) => string}\n * A function that formats numbers or numeric strings into localized percentages.\n */\nexport const usePercentage = () => {\n  const locale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return (...args: Parameters<typeof percentage>) =>\n    percentage(args[0], {\n      ...args[1],\n      locale: args[1]?.locale ?? locale,\n    });\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAa,sBAAsB;CACjC,MAAM,SAAS,iBAAgC,sBAAsB;AAErE,SAAQ,GAAG,SACT,WAAW,KAAK,IAAI;EAClB,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU;EAC5B,CAAC"}
+{"version":3,"file":"usePercentage.mjs","names":[],"sources":["../../../../src/server/format/usePercentage.ts"],"sourcesContent":["import { percentage } from '@intlayer/core/formatters';\nimport type { LocalesValues } from '@intlayer/types';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * React hook to provide a percentage formatter function\n * based on the current application locale.\n *\n * This hook retrieves the active locale using {@link useLocaleBase}\n * and memoizes a `createPercentage` instance for that locale.\n *\n * @example\n * ```tsx\n * const formatPercentage = usePercentage();\n *\n * const result = formatPercentage(0.875, { maximumFractionDigits: 1 });\n * // \"87.5%\" (depending on locale)\n * ```\n *\n * @returns {(value: string | number, options?: Omit<PercentageOptions, \"value\">) => string}\n * A function that formats numbers or numeric strings into localized percentages.\n */\nexport const usePercentage = () => {\n  const locale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return (...args: Parameters<typeof percentage>) =>\n    percentage(args[0], {\n      ...args[1],\n      locale: args[1]?.locale ?? locale,\n    });\n};\n"],"mappings":"qLAuBA,MAAa,MAAsB,CACjC,IAAM,EAAS,EAAgC,EAAsB,CAErE,OAAQ,GAAG,IACT,EAAW,EAAK,GAAI,CAClB,GAAG,EAAK,GACR,OAAQ,EAAK,IAAI,QAAU,EAC5B,CAAC"}

package/dist/esm/server/format/useRelativeTime.mjs

@@ -1,34 +1,2 @@
-import { getServerContext } from "../serverContext.mjs";
-import { IntlayerServerContext } from "../IntlayerServerProvider.mjs";
-import { relativeTime } from "@intlayer/core";
-
-//#region src/server/format/useRelativeTime.ts
-/**
-* Client-side React hook for accessing a localized relative time formatter.
-*
-* This hook:
-* - Reads the current locale from {@link useLocaleBase}.
-* - Creates a new relative time formatter with {@link createRelativeTime}.
-* - Returns a function that can format time differences into localized strings.
-*
-* Example:
-* ```tsx
-* const relativeTime = useRelativeTime();
-* const formatted = relativeTime(new Date("2024-08-01"), new Date());
-* // e.g., "2 weeks ago"
-* ```
-*
-* @returns {ReturnType<typeof createRelativeTime>} A relative time formatting function
-*          bound to the current client locale.
-*/
-const useRelativeTime = () => {
-	const locale = getServerContext(IntlayerServerContext);
-	return (...args) => relativeTime(args[0], args[1] ?? /* @__PURE__ */ new Date(), {
-		...args[2],
-		locale: args[2]?.locale ?? locale
-	});
-};
-
-//#endregion
-export { useRelativeTime };
+import{getServerContext as e}from"../serverContext.mjs";import{IntlayerServerContext as t}from"../IntlayerServerProvider.mjs";import{relativeTime as n}from"@intlayer/core/formatters";const r=()=>{let r=e(t);return(...e)=>n(e[0],e[1]??new Date,{...e[2],locale:e[2]?.locale??r})};export{r as useRelativeTime};
 //# sourceMappingURL=useRelativeTime.mjs.map

package/dist/esm/server/format/useRelativeTime.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useRelativeTime.mjs","names":[],"sources":["../../../../src/server/format/useRelativeTime.ts"],"sourcesContent":["import { relativeTime } from '@intlayer/core';\nimport type { LocalesValues } from '@intlayer/types';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * Client-side React hook for accessing a localized relative time formatter.\n *\n * This hook:\n * - Reads the current locale from {@link useLocaleBase}.\n * - Creates a new relative time formatter with {@link createRelativeTime}.\n * - Returns a function that can format time differences into localized strings.\n *\n * Example:\n * ```tsx\n * const relativeTime = useRelativeTime();\n * const formatted = relativeTime(new Date(\"2024-08-01\"), new Date());\n * // e.g., \"2 weeks ago\"\n * ```\n *\n * @returns {ReturnType<typeof createRelativeTime>} A relative time formatting function\n *          bound to the current client locale.\n */\nexport const useRelativeTime = () => {\n  const locale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return (...args: Parameters<typeof relativeTime>) =>\n    relativeTime(args[0], args[1] ?? new Date(), {\n      ...args[2],\n      locale: args[2]?.locale ?? locale,\n    });\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAa,wBAAwB;CACnC,MAAM,SAAS,iBAAgC,sBAAsB;AAErE,SAAQ,GAAG,SACT,aAAa,KAAK,IAAI,KAAK,sBAAM,IAAI,MAAM,EAAE;EAC3C,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU;EAC5B,CAAC"}
+{"version":3,"file":"useRelativeTime.mjs","names":[],"sources":["../../../../src/server/format/useRelativeTime.ts"],"sourcesContent":["import { relativeTime } from '@intlayer/core/formatters';\nimport type { LocalesValues } from '@intlayer/types';\nimport { IntlayerServerContext } from '../IntlayerServerProvider';\nimport { getServerContext } from '../serverContext';\n\n/**\n * Client-side React hook for accessing a localized relative time formatter.\n *\n * This hook:\n * - Reads the current locale from {@link useLocaleBase}.\n * - Creates a new relative time formatter with {@link createRelativeTime}.\n * - Returns a function that can format time differences into localized strings.\n *\n * Example:\n * ```tsx\n * const relativeTime = useRelativeTime();\n * const formatted = relativeTime(new Date(\"2024-08-01\"), new Date());\n * // e.g., \"2 weeks ago\"\n * ```\n *\n * @returns {ReturnType<typeof createRelativeTime>} A relative time formatting function\n *          bound to the current client locale.\n */\nexport const useRelativeTime = () => {\n  const locale = getServerContext<LocalesValues>(IntlayerServerContext);\n\n  return (...args: Parameters<typeof relativeTime>) =>\n    relativeTime(args[0], args[1] ?? new Date(), {\n      ...args[2],\n      locale: args[2]?.locale ?? locale,\n    });\n};\n"],"mappings":"uLAuBA,MAAa,MAAwB,CACnC,IAAM,EAAS,EAAgC,EAAsB,CAErE,OAAQ,GAAG,IACT,EAAa,EAAK,GAAI,EAAK,IAAM,IAAI,KAAQ,CAC3C,GAAG,EAAK,GACR,OAAQ,EAAK,IAAI,QAAU,EAC5B,CAAC"}