preact-intlayer 8.3.3 → 8.3.4

package/dist/cjs/editor/EditorEnabledContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditorEnabledContext.cjs","names":["useCrossFrameState","MessageKey","useCrossFrameMessageListener"],"sources":["../../../src/editor/EditorEnabledContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport {\n  createContext,\n  type FunctionalComponent,\n  type RenderableProps,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\nimport {\n  type CrossFrameStateOptions,\n  useCrossFrameState,\n} from './useCrossFrameState';\n\nexport type EditorEnabledStateProps = {\n  enabled: boolean;\n};\n\nconst EditorEnabledContext = createContext<EditorEnabledStateProps>({\n  enabled: false,\n});\n\nexport const useEditorEnabledState = (options?: CrossFrameStateOptions) =>\n  useCrossFrameState(MessageKey.INTLAYER_EDITOR_ENABLED, false, options);\n\nexport const usePostEditorEnabledState = <S,>(\n  onEventTriggered?: (data: S) => void\n) =>\n  useCrossFrameMessageListener(\n    `${MessageKey.INTLAYER_EDITOR_ENABLED}/post`,\n    onEventTriggered\n  );\n\nexport const useGetEditorEnabledState = <S,>(\n  onEventTriggered?: (data: S) => void\n) =>\n  useCrossFrameMessageListener(\n    `${MessageKey.INTLAYER_EDITOR_ENABLED}/get`,\n    onEventTriggered\n  );\n\nexport const EditorEnabledProvider: FunctionalComponent<\n  RenderableProps<{}>\n> = ({ children }) => {\n  const [isEnabled] = useEditorEnabledState({\n    emit: false,\n    receive: true,\n  });\n\n  return (\n    <EditorEnabledContext.Provider value={{ enabled: isEnabled }}>\n      {children}\n    </EditorEnabledContext.Provider>\n  );\n};\n\nexport const useEditorEnabled = () => useContext(EditorEnabledContext);\n"],"mappings":"yUAmBA,MAAM,GAAA,EAAA,EAAA,eAA8D,CAClE,QAAS,GACV,CAAC,CAEW,EAAyB,GACpCA,EAAAA,mBAAmBC,EAAAA,WAAW,wBAAyB,GAAO,EAAQ,CAE3D,EACX,GAEAC,EAAAA,6BACE,GAAGD,EAAAA,WAAW,wBAAwB,OACtC,EACD,CAEU,EACX,GAEAC,EAAAA,6BACE,GAAGD,EAAAA,WAAW,wBAAwB,MACtC,EACD,CAEU,GAER,CAAE,cAAe,CACpB,GAAM,CAAC,GAAa,EAAsB,CACxC,KAAM,GACN,QAAS,GACV,CAAC,CAEF,OACE,EAAA,EAAA,KAAC,EAAqB,SAAtB,CAA+B,MAAO,CAAE,QAAS,EAAW,CACzD,WAC6B,CAAA,EAIvB,OAAA,EAAA,EAAA,YAAoC,EAAqB"}
+{"version":3,"file":"EditorEnabledContext.cjs","names":["useEditorStateManager","MessageKey"],"sources":["../../../src/editor/EditorEnabledContext.tsx"],"sourcesContent":["import { MessageKey } from '@intlayer/editor';\nimport { useEffect, useState } from 'preact/hooks';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type EditorEnabledStateProps = {\n  enabled: boolean;\n};\n\nexport const useEditorEnabled = (): EditorEnabledStateProps => {\n  const manager = useEditorStateManager();\n  const [enabled, setEnabled] = useState<boolean>(\n    manager.editorEnabled.value ?? false\n  );\n\n  useEffect(() => {\n    const handler = (e: Event) =>\n      setEnabled((e as CustomEvent<boolean>).detail);\n    manager.editorEnabled.addEventListener('change', handler);\n    return () => manager.editorEnabled.removeEventListener('change', handler);\n  }, [manager]);\n\n  return { enabled };\n};\n\nexport const useEditorEnabledState = () => {\n  const { enabled } = useEditorEnabled();\n  const manager = useEditorStateManager();\n  return [\n    enabled,\n    (value: boolean) => manager.editorEnabled.set(value),\n  ] as const;\n};\n\nexport const useGetEditorEnabledState = () => {\n  const manager = useEditorStateManager();\n  return () => {\n    manager.messenger.send(`${MessageKey.INTLAYER_EDITOR_ENABLED}/get`);\n  };\n};\n\nexport const usePostEditorEnabledState = () => {\n  const manager = useEditorStateManager();\n  return () => manager.editorEnabled.postCurrentValue();\n};\n"],"mappings":"wNAQA,MAAa,MAAkD,CAC7D,IAAM,EAAUA,EAAAA,uBAAuB,CACjC,CAAC,EAAS,IAAA,EAAA,EAAA,UACd,EAAQ,cAAc,OAAS,GAChC,CASD,OAPA,EAAA,EAAA,eAAgB,CACd,IAAM,EAAW,GACf,EAAY,EAA2B,OAAO,CAEhD,OADA,EAAQ,cAAc,iBAAiB,SAAU,EAAQ,KAC5C,EAAQ,cAAc,oBAAoB,SAAU,EAAQ,EACxE,CAAC,EAAQ,CAAC,CAEN,CAAE,UAAS,EAGP,MAA8B,CACzC,GAAM,CAAE,WAAY,GAAkB,CAChC,EAAUA,EAAAA,uBAAuB,CACvC,MAAO,CACL,EACC,GAAmB,EAAQ,cAAc,IAAI,EAAM,CACrD,EAGU,MAAiC,CAC5C,IAAM,EAAUA,EAAAA,uBAAuB,CACvC,UAAa,CACX,EAAQ,UAAU,KAAK,GAAGC,EAAAA,WAAW,wBAAwB,MAAM,GAI1D,MAAkC,CAC7C,IAAM,EAAUD,EAAAA,uBAAuB,CACvC,UAAa,EAAQ,cAAc,kBAAkB"}

package/dist/cjs/editor/EditorProvider.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./CommunicatorContext.cjs`),t=require(`./DictionariesRecordContext.cjs`),n=require(`./EditorEnabledContext.cjs`),r=require(`./ConfigurationContext.cjs`),i=require(`./EditedContentContext.cjs`),a=require(`./FocusDictionaryContext.cjs`);let o=require(`preact/hooks`),s=require(`preact/jsx-runtime`);const c=({children:e})=>{let n=i.useGetEditedContentState();return(0,o.useEffect)(()=>{n()},[]),(0,s.jsx)(t.DictionariesRecordProvider,{children:(0,s.jsx)(i.EditedContentProvider,{children:(0,s.jsx)(a.FocusDictionaryProvider,{children:e})})})},l=({children:e,fallback:t})=>{let r=n.useGetEditorEnabledState(),{enabled:i}=n.useEditorEnabled();return(0,o.useEffect)(()=>{i||r()},[i]),i?e:t},u=({children:e,fallback:t})=>{let[n,r]=(0,o.useState)(!1);return(0,o.useEffect)(()=>{r(window.self!==window.top)},[]),n?e:t},d=({children:t,configuration:i,...a})=>(0,s.jsx)(n.EditorEnabledProvider,{children:(0,s.jsx)(r.ConfigurationProvider,{configuration:i,children:(0,s.jsx)(u,{fallback:t,children:(0,s.jsx)(e.CommunicatorProvider,{...a,children:(0,s.jsx)(l,{fallback:t,children:(0,s.jsx)(c,{children:t})})})})})});exports.EditorProvider=d;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`./EditorStateContext.cjs`),n=require(`./EditorEnabledContext.cjs`);let r=require(`@intlayer/config/built`);r=e.__toESM(r);let i=require(`@intlayer/editor`),a=require(`preact/hooks`),o=require(`preact/jsx-runtime`);const{editor:s}=r.default??{},c=()=>({allowedOrigins:[s?.applicationURL,s?.editorURL,s?.cmsURL].filter(Boolean),postMessageFn:(e,t)=>{typeof window>`u`||window.self!==window.top&&(window.parent?.postMessage(e,t),window.postMessage(e,t))}}),l=({children:e,fallback:t})=>{let{enabled:r}=n.useEditorEnabled();return r?e:t},u=({children:e,fallback:t})=>{let[n,r]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{r(window.self!==window.top)},[]),n?e:t},d=({children:e,mode:n=`client`,configuration:s,postMessage:d,allowedOrigins:f})=>{let p=(0,a.useRef)(null);p.current||=new i.EditorStateManager({mode:n,messenger:d||f?{allowedOrigins:f??[`*`],postMessageFn:d?e=>d(e):c().postMessageFn}:c(),configuration:s??r.default});let m=p.current;return(0,a.useEffect)(()=>((0,i.defineIntlayerElements)(),m.start(),()=>m.stop()),[m]),(0,o.jsx)(t.EditorStateProvider,{manager:m,children:n===`editor`?e:(0,o.jsx)(u,{fallback:e,children:(0,o.jsx)(l,{fallback:e,children:e})})})};exports.EditorProvider=d;
 //# sourceMappingURL=EditorProvider.cjs.map

package/dist/cjs/editor/EditorProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditorProvider.cjs","names":["useGetEditedContentState","DictionariesRecordProvider","EditedContentProvider","FocusDictionaryProvider","useGetEditorEnabledState","useEditorEnabled","EditorEnabledProvider","ConfigurationProvider","CommunicatorProvider"],"sources":["../../../src/editor/EditorProvider.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  ComponentChildren,\n  FunctionalComponent,\n  RenderableProps,\n} from 'preact';\nimport { useEffect, useState } from 'preact/hooks';\nimport {\n  CommunicatorProvider,\n  type CommunicatorProviderProps,\n} from './CommunicatorContext';\nimport {\n  ConfigurationProvider,\n  type ConfigurationProviderProps,\n} from './ConfigurationContext';\nimport { DictionariesRecordProvider } from './DictionariesRecordContext';\nimport {\n  EditedContentProvider,\n  useGetEditedContentState,\n} from './EditedContentContext';\nimport {\n  EditorEnabledProvider,\n  useEditorEnabled,\n  useGetEditorEnabledState,\n} from './EditorEnabledContext';\nimport { FocusDictionaryProvider } from './FocusDictionaryContext';\n\n/**\n * This component add all the providers needed by the editor.\n * It is used to wrap the application, or the editor to work together.\n */\nconst EditorProvidersWrapper: FunctionalComponent<RenderableProps<{}>> = ({\n  children,\n}) => {\n  const getEditedContentState = useGetEditedContentState();\n\n  useEffect(() => {\n    getEditedContentState();\n  }, []);\n\n  return (\n    <DictionariesRecordProvider>\n      <EditedContentProvider>\n        <FocusDictionaryProvider>{children}</FocusDictionaryProvider>\n      </EditedContentProvider>\n    </DictionariesRecordProvider>\n  );\n};\n\ntype FallbackProps = {\n  fallback: ComponentChildren;\n};\n\n/**\n * This component check if the editor is enabled to render the editor providers.\n */\nconst EditorEnabledCheckRenderer: FunctionalComponent<\n  RenderableProps<FallbackProps>\n> = ({ children, fallback }) => {\n  const getEditorEnabled = useGetEditorEnabledState();\n\n  const { enabled } = useEditorEnabled();\n\n  useEffect(() => {\n    if (enabled) return;\n\n    // Check if the editor is wrapping the application\n    getEditorEnabled();\n  }, [enabled]);\n\n  return enabled ? children : fallback;\n};\n\n/**\n * This component is used to check if the editor is wrapping the application.\n * It avoid to send window.postMessage to the application if the editor is not wrapping the application.\n */\nconst IframeCheckRenderer: FunctionalComponent<\n  RenderableProps<FallbackProps>\n> = ({ children, fallback }) => {\n  const [isInIframe, setIsInIframe] = useState(false);\n\n  useEffect(() => {\n    setIsInIframe(window.self !== window.top);\n  }, []);\n\n  return isInIframe ? children : fallback;\n};\n\nexport type EditorProviderProps = CommunicatorProviderProps &\n  ConfigurationProviderProps;\n\nexport const EditorProvider: FunctionalComponent<\n  RenderableProps<EditorProviderProps>\n> = ({ children, configuration, ...props }) => (\n  <EditorEnabledProvider>\n    <ConfigurationProvider configuration={configuration}>\n      <IframeCheckRenderer fallback={children}>\n        <CommunicatorProvider {...props}>\n          <EditorEnabledCheckRenderer fallback={children}>\n            <EditorProvidersWrapper>{children}</EditorProvidersWrapper>\n          </EditorEnabledCheckRenderer>\n        </CommunicatorProvider>\n      </IframeCheckRenderer>\n    </ConfigurationProvider>\n  </EditorEnabledProvider>\n);\n"],"mappings":"ubAgCA,MAAM,GAAoE,CACxE,cACI,CACJ,IAAM,EAAwBA,EAAAA,0BAA0B,CAMxD,OAJA,EAAA,EAAA,eAAgB,CACd,GAAuB,EACtB,EAAE,CAAC,EAGJ,EAAA,EAAA,KAACC,EAAAA,2BAAD,CAAA,UACE,EAAA,EAAA,KAACC,EAAAA,sBAAD,CAAA,UACE,EAAA,EAAA,KAACC,EAAAA,wBAAD,CAA0B,WAAmC,CAAA,CACvC,CAAA,CACG,CAAA,EAW3B,GAED,CAAE,WAAU,cAAe,CAC9B,IAAM,EAAmBC,EAAAA,0BAA0B,CAE7C,CAAE,WAAYC,EAAAA,kBAAkB,CAStC,OAPA,EAAA,EAAA,eAAgB,CACV,GAGJ,GAAkB,EACjB,CAAC,EAAQ,CAAC,CAEN,EAAU,EAAW,GAOxB,GAED,CAAE,WAAU,cAAe,CAC9B,GAAM,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,GAAM,CAMnD,OAJA,EAAA,EAAA,eAAgB,CACd,EAAc,OAAO,OAAS,OAAO,IAAI,EACxC,EAAE,CAAC,CAEC,EAAa,EAAW,GAMpB,GAER,CAAE,WAAU,gBAAe,GAAG,MACjC,EAAA,EAAA,KAACC,EAAAA,sBAAD,CAAA,UACE,EAAA,EAAA,KAACC,EAAAA,sBAAD,CAAsC,0BACpC,EAAA,EAAA,KAAC,EAAD,CAAqB,SAAU,YAC7B,EAAA,EAAA,KAACC,EAAAA,qBAAD,CAAsB,GAAI,YACxB,EAAA,EAAA,KAAC,EAAD,CAA4B,SAAU,YACpC,EAAA,EAAA,KAAC,EAAD,CAAyB,WAAkC,CAAA,CAChC,CAAA,CACR,CAAA,CACH,CAAA,CACA,CAAA,CACF,CAAA"}
+{"version":3,"file":"EditorProvider.cjs","names":["configuration","useEditorEnabled","EditorStateManager","EditorStateProvider"],"sources":["../../../src/editor/EditorProvider.tsx"],"sourcesContent":["import configuration from '@intlayer/config/built';\nimport {\n  defineIntlayerElements,\n  EditorStateManager,\n  type MessengerConfig,\n} from '@intlayer/editor';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport type { ComponentChildren, FunctionComponent } from 'preact';\nimport { useEffect, useRef, useState } from 'preact/hooks';\nimport { useEditorEnabled } from './EditorEnabledContext';\nimport { EditorStateProvider } from './EditorStateContext';\n\nconst { editor } = configuration ?? {};\n\nconst buildDefaultMessengerConfig = (): MessengerConfig => ({\n  allowedOrigins: [\n    editor?.applicationURL,\n    editor?.editorURL,\n    editor?.cmsURL,\n  ].filter(Boolean) as string[],\n  postMessageFn: (payload, origin) => {\n    if (typeof window === 'undefined') return;\n    const isInIframe = window.self !== window.top;\n    if (!isInIframe) return;\n    window.parent?.postMessage(payload, origin);\n    window.postMessage(payload, origin);\n  },\n});\n\ntype FallbackProps = {\n  fallback: ComponentChildren;\n  children?: ComponentChildren;\n};\n\nconst EditorEnabledCheckRenderer: FunctionComponent<FallbackProps> = ({\n  children,\n  fallback,\n}) => {\n  const { enabled } = useEditorEnabled();\n  return enabled ? children : fallback;\n};\n\nconst IframeCheckRenderer: FunctionComponent<FallbackProps> = ({\n  children,\n  fallback,\n}) => {\n  const [isInIframe, setIsInIframe] = useState(false);\n\n  useEffect(() => {\n    setIsInIframe(window.self !== window.top);\n  }, []);\n\n  return isInIframe ? children : fallback;\n};\n\nexport type EditorProviderProps = {\n  mode?: 'editor' | 'client';\n  configuration?: IntlayerConfig;\n  postMessage?: (data: any) => void;\n  allowedOrigins?: string[];\n  children?: ComponentChildren;\n};\n\nexport const EditorProvider: FunctionComponent<EditorProviderProps> = ({\n  children,\n  mode = 'client',\n  configuration: configProp,\n  postMessage: customPostMessage,\n  allowedOrigins: customAllowedOrigins,\n}) => {\n  const managerRef = useRef<EditorStateManager | null>(null);\n  if (!managerRef.current) {\n    const messengerConfig: MessengerConfig =\n      customPostMessage || customAllowedOrigins\n        ? {\n            allowedOrigins: customAllowedOrigins ?? ['*'],\n            postMessageFn: customPostMessage\n              ? (payload) => customPostMessage(payload)\n              : buildDefaultMessengerConfig().postMessageFn,\n          }\n        : buildDefaultMessengerConfig();\n    managerRef.current = new EditorStateManager({\n      mode,\n      messenger: messengerConfig,\n      configuration: configProp ?? configuration,\n    });\n  }\n  const manager = managerRef.current;\n\n  useEffect(() => {\n    defineIntlayerElements();\n    manager.start();\n    return () => manager.stop();\n  }, [manager]);\n\n  const content =\n    mode === 'editor' ? (\n      children\n    ) : (\n      <IframeCheckRenderer fallback={children}>\n        <EditorEnabledCheckRenderer fallback={children}>\n          {children}\n        </EditorEnabledCheckRenderer>\n      </IframeCheckRenderer>\n    );\n\n  return <EditorStateProvider manager={manager}>{content}</EditorStateProvider>;\n};\n\n// Backward-compat types\nexport type CommunicatorProviderProps = {\n  postMessage?: (data: any) => void;\n  allowedOrigins?: string[];\n};\nexport type ConfigurationProviderProps = { configuration?: IntlayerConfig };\n"],"mappings":"yVAYA,KAAM,CAAE,UAAWA,EAAAA,SAAiB,EAAE,CAEhC,OAAsD,CAC1D,eAAgB,CACd,GAAQ,eACR,GAAQ,UACR,GAAQ,OACT,CAAC,OAAO,QAAQ,CACjB,eAAgB,EAAS,IAAW,CAC9B,OAAO,OAAW,KACH,OAAO,OAAS,OAAO,MAE1C,OAAO,QAAQ,YAAY,EAAS,EAAO,CAC3C,OAAO,YAAY,EAAS,EAAO,GAEtC,EAOK,GAAgE,CACpE,WACA,cACI,CACJ,GAAM,CAAE,WAAYC,EAAAA,kBAAkB,CACtC,OAAO,EAAU,EAAW,GAGxB,GAAyD,CAC7D,WACA,cACI,CACJ,GAAM,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,GAAM,CAMnD,OAJA,EAAA,EAAA,eAAgB,CACd,EAAc,OAAO,OAAS,OAAO,IAAI,EACxC,EAAE,CAAC,CAEC,EAAa,EAAW,GAWpB,GAA0D,CACrE,WACA,OAAO,SACP,cAAe,EACf,YAAa,EACb,eAAgB,KACZ,CACJ,IAAM,GAAA,EAAA,EAAA,QAA+C,KAAK,CAC1D,AAUE,EAAW,UAAU,IAAIC,EAAAA,mBAAmB,CAC1C,OACA,UAVA,GAAqB,EACjB,CACE,eAAgB,GAAwB,CAAC,IAAI,CAC7C,cAAe,EACV,GAAY,EAAkB,EAAQ,CACvC,GAA6B,CAAC,cACnC,CACD,GAA6B,CAIjC,cAAe,GAAcF,EAAAA,QAC9B,CAAC,CAEJ,IAAM,EAAU,EAAW,QAmB3B,OAjBA,EAAA,EAAA,iBACE,EAAA,EAAA,yBAAwB,CACxB,EAAQ,OAAO,KACF,EAAQ,MAAM,EAC1B,CAAC,EAAQ,CAAC,EAaN,EAAA,EAAA,KAACG,EAAAA,oBAAD,CAA8B,mBAVnC,IAAS,SACP,GAEA,EAAA,EAAA,KAAC,EAAD,CAAqB,SAAU,YAC7B,EAAA,EAAA,KAAC,EAAD,CAA4B,SAAU,EACnC,WAC0B,CAAA,CACT,CAAA,CAGmD,CAAA"}

package/dist/cjs/editor/EditorStateContext.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);let e=require(`preact`),t=require(`preact/hooks`),n=require(`preact/jsx-runtime`);const r=(0,e.createContext)(null),i=({manager:e,children:t})=>(0,n.jsx)(r.Provider,{value:e,children:t}),a=()=>{let e=(0,t.useContext)(r);if(!e)throw Error(`useEditorStateManager: no EditorStateProvider found`);return e};exports.EditorStateProvider=i,exports.useEditorStateManager=a;
+//# sourceMappingURL=EditorStateContext.cjs.map

package/dist/cjs/editor/EditorStateContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorStateContext.cjs","names":[],"sources":["../../../src/editor/EditorStateContext.tsx"],"sourcesContent":["import type { EditorStateManager } from '@intlayer/editor';\nimport {\n  type ComponentChildren,\n  createContext,\n  type FunctionComponent,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\n\nconst EditorStateContext = createContext<EditorStateManager | null>(null);\n\nexport const EditorStateProvider: FunctionComponent<{\n  manager: EditorStateManager;\n  children?: ComponentChildren;\n}> = ({ manager, children }) => (\n  <EditorStateContext.Provider value={manager}>\n    {children}\n  </EditorStateContext.Provider>\n);\n\nexport const useEditorStateManager = (): EditorStateManager => {\n  const ctx = useContext(EditorStateContext);\n  if (!ctx)\n    throw new Error('useEditorStateManager: no EditorStateProvider found');\n  return ctx;\n};\n"],"mappings":"kMAQA,MAAM,GAAA,EAAA,EAAA,eAA8D,KAAK,CAE5D,GAGP,CAAE,UAAS,eACf,EAAA,EAAA,KAAC,EAAmB,SAApB,CAA6B,MAAO,EACjC,WAC2B,CAAA,CAGnB,MAAkD,CAC7D,IAAM,GAAA,EAAA,EAAA,YAAiB,EAAmB,CAC1C,GAAI,CAAC,EACH,MAAU,MAAM,sDAAsD,CACxE,OAAO"}

package/dist/cjs/editor/FocusDictionaryContext.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./useCrossFrameState.cjs`);let t=require(`preact`),n=require(`@intlayer/editor`),r=require(`preact/hooks`),i=require(`preact/jsx-runtime`);const a=(0,t.createContext)(void 0),o=(0,t.createContext)(void 0),s=({children:t})=>{let[r,s]=e.useCrossFrameState(n.MessageKey.INTLAYER_FOCUSED_CONTENT_CHANGED,null);return(0,i.jsx)(a.Provider,{value:{focusedContent:r},children:(0,i.jsx)(o.Provider,{value:{setFocusedContent:s,setFocusedContentKeyPath:e=>{s(t=>t&&{...t,keyPath:e})}},children:t})})},c=()=>{let e=(0,r.useContext)(o);if(e===void 0)throw Error(`useFocusDictionaryActions must be used within a FocusDictionaryProvider`);return e},l=()=>{let e=c(),t=(0,r.useContext)(a);if(t===void 0)throw Error(`useFocusDictionaryState must be used within a FocusDictionaryProvider`);return{...t,...e}};exports.FocusDictionaryProvider=s,exports.useFocusDictionary=l,exports.useFocusDictionaryActions=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./EditorStateContext.cjs`);let t=require(`preact/hooks`);const n=()=>{let n=e.useEditorStateManager(),[r,i]=(0,t.useState)(n.focusedContent.value??null);return(0,t.useEffect)(()=>{let e=e=>i(e.detail);return n.focusedContent.addEventListener(`change`,e),()=>n.focusedContent.removeEventListener(`change`,e)},[n]),{focusedContent:r,setFocusedContent:e=>n.focusedContent.set(e),setFocusedContentKeyPath:e=>n.setFocusedContentKeyPath(e)}},r=()=>{let{setFocusedContent:e,setFocusedContentKeyPath:t}=n();return{setFocusedContent:e,setFocusedContentKeyPath:t}};exports.useFocusDictionary=n,exports.useFocusDictionaryActions=r;
 //# sourceMappingURL=FocusDictionaryContext.cjs.map

package/dist/cjs/editor/FocusDictionaryContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FocusDictionaryContext.cjs","names":["useCrossFrameState","MessageKey"],"sources":["../../../src/editor/FocusDictionaryContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport {\n  createContext,\n  type FunctionalComponent,\n  type RenderableProps,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\nimport {\n  type CrossFrameStateUpdater,\n  useCrossFrameState,\n} from './useCrossFrameState';\n\ntype DictionaryPath = string;\n\nexport type FileContent = {\n  dictionaryKey: string;\n  keyPath?: KeyPath[];\n  dictionaryPath?: DictionaryPath;\n};\n\ntype FocusDictionaryState = {\n  focusedContent: FileContent | null;\n};\n\ntype FocusDictionaryActions = {\n  setFocusedContent: CrossFrameStateUpdater<FileContent | null>;\n  setFocusedContentKeyPath: (keyPath: KeyPath[]) => void;\n};\n\nconst FocusDictionaryStateContext = createContext<\n  FocusDictionaryState | undefined\n>(undefined);\nconst FocusDictionaryActionsContext = createContext<\n  FocusDictionaryActions | undefined\n>(undefined);\n\nexport const FocusDictionaryProvider: FunctionalComponent<\n  RenderableProps<{}>\n> = ({ children }) => {\n  const [focusedContent, setFocusedContent] =\n    useCrossFrameState<FileContent | null>(\n      MessageKey.INTLAYER_FOCUSED_CONTENT_CHANGED,\n      null\n    );\n\n  const setFocusedContentKeyPath = (keyPath: KeyPath[]) => {\n    setFocusedContent((prev) => {\n      if (!prev) {\n        return prev; // nothing to update if there's no focused content\n      }\n      return { ...prev, keyPath };\n    });\n  };\n\n  return (\n    <FocusDictionaryStateContext.Provider value={{ focusedContent }}>\n      <FocusDictionaryActionsContext.Provider\n        value={{ setFocusedContent, setFocusedContentKeyPath }}\n      >\n        {children}\n      </FocusDictionaryActionsContext.Provider>\n    </FocusDictionaryStateContext.Provider>\n  );\n};\n\nexport const useFocusDictionaryActions = () => {\n  const context = useContext(FocusDictionaryActionsContext);\n  if (context === undefined) {\n    throw new Error(\n      'useFocusDictionaryActions must be used within a FocusDictionaryProvider'\n    );\n  }\n  return context;\n};\n\nexport const useFocusDictionary = () => {\n  const actionContext = useFocusDictionaryActions();\n  const stateContext = useContext(FocusDictionaryStateContext);\n\n  if (stateContext === undefined) {\n    throw new Error(\n      'useFocusDictionaryState must be used within a FocusDictionaryProvider'\n    );\n  }\n\n  return { ...stateContext, ...actionContext };\n};\n"],"mappings":"yRAgCA,MAAM,GAAA,EAAA,EAAA,eAEJ,IAAA,GAAU,CACN,GAAA,EAAA,EAAA,eAEJ,IAAA,GAAU,CAEC,GAER,CAAE,cAAe,CACpB,GAAM,CAAC,EAAgB,GACrBA,EAAAA,mBACEC,EAAAA,WAAW,iCACX,KACD,CAWH,OACE,EAAA,EAAA,KAAC,EAA4B,SAA7B,CAAsC,MAAO,CAAE,iBAAgB,WAC7D,EAAA,EAAA,KAAC,EAA8B,SAA/B,CACE,MAAO,CAAE,oBAAmB,yBAZA,GAAuB,CACvD,EAAmB,GACZ,GAGE,CAAE,GAAG,EAAM,UAAS,CAC3B,EAMwD,CAErD,WACsC,CAAA,CACJ,CAAA,EAI9B,MAAkC,CAC7C,IAAM,GAAA,EAAA,EAAA,YAAqB,EAA8B,CACzD,GAAI,IAAY,IAAA,GACd,MAAU,MACR,0EACD,CAEH,OAAO,GAGI,MAA2B,CACtC,IAAM,EAAgB,GAA2B,CAC3C,GAAA,EAAA,EAAA,YAA0B,EAA4B,CAE5D,GAAI,IAAiB,IAAA,GACnB,MAAU,MACR,wEACD,CAGH,MAAO,CAAE,GAAG,EAAc,GAAG,EAAe"}
+{"version":3,"file":"FocusDictionaryContext.cjs","names":["useEditorStateManager"],"sources":["../../../src/editor/FocusDictionaryContext.tsx"],"sourcesContent":["import type { FileContent } from '@intlayer/editor';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { useEffect, useState } from 'preact/hooks';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type { FileContent };\n\nexport const useFocusDictionary = () => {\n  const manager = useEditorStateManager();\n  const [focusedContent, setFocusedContentState] = useState<FileContent | null>(\n    manager.focusedContent.value ?? null\n  );\n\n  useEffect(() => {\n    const handler = (e: Event) =>\n      setFocusedContentState((e as CustomEvent<FileContent | null>).detail);\n    manager.focusedContent.addEventListener('change', handler);\n    return () => manager.focusedContent.removeEventListener('change', handler);\n  }, [manager]);\n\n  return {\n    focusedContent,\n    setFocusedContent: (value: FileContent | null) =>\n      manager.focusedContent.set(value),\n    setFocusedContentKeyPath: (keyPath: KeyPath[]) =>\n      manager.setFocusedContentKeyPath(keyPath),\n  };\n};\n\nexport const useFocusDictionaryActions = () => {\n  const { setFocusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n  return { setFocusedContent, setFocusedContentKeyPath };\n};\n"],"mappings":"0LAOA,MAAa,MAA2B,CACtC,IAAM,EAAUA,EAAAA,uBAAuB,CACjC,CAAC,EAAgB,IAAA,EAAA,EAAA,UACrB,EAAQ,eAAe,OAAS,KACjC,CASD,OAPA,EAAA,EAAA,eAAgB,CACd,IAAM,EAAW,GACf,EAAwB,EAAsC,OAAO,CAEvE,OADA,EAAQ,eAAe,iBAAiB,SAAU,EAAQ,KAC7C,EAAQ,eAAe,oBAAoB,SAAU,EAAQ,EACzE,CAAC,EAAQ,CAAC,CAEN,CACL,iBACA,kBAAoB,GAClB,EAAQ,eAAe,IAAI,EAAM,CACnC,yBAA2B,GACzB,EAAQ,yBAAyB,EAAQ,CAC5C,EAGU,MAAkC,CAC7C,GAAM,CAAE,oBAAmB,4BAA6B,GAAoB,CAC5E,MAAO,CAAE,oBAAmB,2BAA0B"}

package/dist/cjs/editor/IntlayerEditorProvider.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`./DictionariesRecordContext.cjs`),n=require(`./EditorEnabledContext.cjs`),r=require(`./EditorProvider.cjs`),i=require(`./useCrossURLPathState.cjs`),a=require(`./useIframeClickInterceptor.cjs`);let o=require(`@intlayer/config/built`);o=e.__toESM(o);let s=require(`preact/hooks`),c=require(`preact/jsx-runtime`);const l=()=>{i.useCrossURLPathSetter(),a.useIframeClickInterceptor();let{setLocaleDictionaries:e}=t.useDictionariesRecordActions()??{};return(0,s.useEffect)(()=>{import(`@intlayer/unmerged-dictionaries-entry`).then(t=>{let n=t.getUnmergedDictionaries(),r=Object.fromEntries(Object.values(n).flat().map(e=>[e.localId,e]));e?.(r)})},[]),(0,c.jsx)(c.Fragment,{})},{editor:u}=o.default,d=()=>{let{enabled:e}=n.useEditorEnabled();return e?(0,c.jsx)(l,{}):(0,c.jsx)(c.Fragment,{})},f=({children:e})=>(0,c.jsxs)(r.EditorProvider,{postMessage:e=>{typeof window>`u`||window.self!==window.top&&(u.applicationURL.length>0&&window?.postMessage(e,u.applicationURL),u.editorURL.length>0&&window.parent?.postMessage(e,u.editorURL),u.cmsURL.length>0&&window.parent?.postMessage(e,u.cmsURL))},allowedOrigins:[u?.editorURL,u?.cmsURL,u?.applicationURL],configuration:o.default,children:[(0,c.jsx)(d,{}),e]});exports.IntlayerEditorProvider=f;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./EditorProvider.cjs`);let t=require(`preact/jsx-runtime`);const n=({children:n})=>(0,t.jsx)(e.EditorProvider,{mode:`client`,children:n});exports.IntlayerEditorProvider=n;
 //# sourceMappingURL=IntlayerEditorProvider.cjs.map

package/dist/cjs/editor/IntlayerEditorProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"IntlayerEditorProvider.cjs","names":["useDictionariesRecordActions","configuration","useEditorEnabled","EditorProvider"],"sources":["../../../src/editor/IntlayerEditorProvider.tsx"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport type { ComponentChildren, FunctionComponent } from 'preact';\nimport { useEffect } from 'preact/hooks';\nimport { useDictionariesRecordActions } from './DictionariesRecordContext';\nimport { useEditorEnabled } from './EditorEnabledContext';\nimport { EditorProvider } from './EditorProvider';\nimport { useCrossURLPathSetter } from './useCrossURLPathState';\nimport { useIframeClickInterceptor } from './useIframeClickInterceptor';\n\nconst IntlayerEditorHooksEnabled: FunctionComponent = () => {\n  /**\n   * URL Messages\n   */\n  useCrossURLPathSetter();\n\n  /**\n   * Click Messages\n   */\n  useIframeClickInterceptor();\n\n  /**\n   * Sent local dictionaries to editor\n   */\n  const { setLocaleDictionaries } = useDictionariesRecordActions() ?? {};\n\n  useEffect(() => {\n    // Load dictionaries dynamically to do not impact the bundle, and send them to the editor\n    import('@intlayer/unmerged-dictionaries-entry').then((mod) => {\n      const unmergedDictionaries = mod.getUnmergedDictionaries();\n      const dictionariesList = Object.fromEntries(\n        Object.values(unmergedDictionaries)\n          .flat()\n          .map((dictionary) => [dictionary.localId, dictionary])\n      );\n\n      setLocaleDictionaries?.(dictionariesList);\n    });\n  }, []);\n\n  return <></>;\n};\n\nconst { editor } = configuration;\n\nconst IntlayerEditorHook: FunctionComponent = () => {\n  const { enabled } = useEditorEnabled();\n\n  return enabled ? <IntlayerEditorHooksEnabled /> : <></>;\n};\n\nexport const IntlayerEditorProvider: FunctionComponent<{\n  children?: ComponentChildren;\n}> = ({ children }) => {\n  return (\n    <EditorProvider\n      postMessage={(data: any) => {\n        if (typeof window === 'undefined') return;\n\n        const isInIframe = window.self !== window.top;\n        if (!isInIframe) return;\n\n        if (editor.applicationURL.length > 0) {\n          window?.postMessage(\n            data,\n            // Use to restrict the origin of the editor for security reasons.\n            // Correspond to the current application URL to synchronize the locales states.\n            editor.applicationURL\n          );\n        }\n\n        if (editor.editorURL.length > 0) {\n          window.parent?.postMessage(\n            data,\n            // Use to restrict the origin of the editor for security reasons.\n            // Correspond to the editor URL to synchronize the locales states.\n            editor.editorURL\n          );\n        }\n\n        if (editor.cmsURL.length > 0) {\n          window.parent?.postMessage(\n            data,\n            // Use to restrict the origin of the CMS for security reasons.\n            // Correspond to the CMS URL.\n            editor.cmsURL\n          );\n        }\n      }}\n      allowedOrigins={[\n        editor?.editorURL,\n        editor?.cmsURL,\n        editor?.applicationURL,\n      ]}\n      configuration={configuration}\n    >\n      <IntlayerEditorHook />\n      {children}\n    </EditorProvider>\n  );\n};\n"],"mappings":"scAWA,MAAM,MAAsD,CAI1D,EAAA,uBAAuB,CAKvB,EAAA,2BAA2B,CAK3B,GAAM,CAAE,yBAA0BA,EAAAA,8BAA8B,EAAI,EAAE,CAgBtE,OAdA,EAAA,EAAA,eAAgB,CAEd,OAAO,yCAAyC,KAAM,GAAQ,CAC5D,IAAM,EAAuB,EAAI,yBAAyB,CACpD,EAAmB,OAAO,YAC9B,OAAO,OAAO,EAAqB,CAChC,MAAM,CACN,IAAK,GAAe,CAAC,EAAW,QAAS,EAAW,CAAC,CACzD,CAED,IAAwB,EAAiB,EACzC,EACD,EAAE,CAAC,EAEC,EAAA,EAAA,KAAA,EAAA,SAAA,EAAK,CAAA,EAGR,CAAE,UAAWC,EAAAA,QAEb,MAA8C,CAClD,GAAM,CAAE,WAAYC,EAAAA,kBAAkB,CAEtC,OAAO,GAAU,EAAA,EAAA,KAAC,EAAD,EAA8B,CAAA,EAAG,EAAA,EAAA,KAAA,EAAA,SAAA,EAAK,CAAA,EAG5C,GAEP,CAAE,eAEJ,EAAA,EAAA,MAACC,EAAAA,eAAD,CACE,YAAc,GAAc,CACtB,OAAO,OAAW,KAEH,OAAO,OAAS,OAAO,MAGtC,EAAO,eAAe,OAAS,GACjC,QAAQ,YACN,EAGA,EAAO,eACR,CAGC,EAAO,UAAU,OAAS,GAC5B,OAAO,QAAQ,YACb,EAGA,EAAO,UACR,CAGC,EAAO,OAAO,OAAS,GACzB,OAAO,QAAQ,YACb,EAGA,EAAO,OACR,GAGL,eAAgB,CACd,GAAQ,UACR,GAAQ,OACR,GAAQ,eACT,CACD,cAAeF,EAAAA,iBAvCjB,EAyCE,EAAA,EAAA,KAAC,EAAD,EAAsB,CAAA,CACrB,EACc"}
+{"version":3,"file":"IntlayerEditorProvider.cjs","names":["EditorProvider"],"sources":["../../../src/editor/IntlayerEditorProvider.tsx"],"sourcesContent":["import type { ComponentChildren, FunctionComponent } from 'preact';\nimport { EditorProvider } from './EditorProvider';\n\nexport const IntlayerEditorProvider: FunctionComponent<{\n  children?: ComponentChildren;\n}> = ({ children }) => (\n  <EditorProvider mode=\"client\">{children}</EditorProvider>\n);\n"],"mappings":"4LAGA,MAAa,GAEP,CAAE,eACN,EAAA,EAAA,KAACA,EAAAA,eAAD,CAAgB,KAAK,SAAU,WAA0B,CAAA"}

package/dist/cjs/editor/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./ContentSelectorWrapper.cjs`);exports.ContentSelectorRenderer=e.ContentSelectorRenderer;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./EditorStateContext.cjs`),t=require(`./ContentSelectorWrapper.cjs`);exports.ContentSelectorRenderer=t.ContentSelectorRenderer,exports.EditorStateProvider=e.EditorStateProvider,exports.useEditorStateManager=e.useEditorStateManager;

package/dist/cjs/editor/useCrossFrameMessageListener.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./CommunicatorContext.cjs`);let t=require(`@intlayer/editor`),n=require(`preact/hooks`);const r=(r,i,a)=>{let{allowedOrigins:o,postMessage:s,senderId:c}=e.useCommunicator();return(0,n.useEffect)(()=>{if(i){let e=e=>{let{type:n,data:a,senderId:s}=e.data;n===r&&s!==c&&(o===void 0||o?.filter(e=>![null,void 0,``,`*`].includes(e)).some(n=>(0,t.compareUrls)(n,e.origin))||o?.includes(`*`))&&i(a)};return window.addEventListener(`message`,e),()=>window.removeEventListener(`message`,e)}},[o,s,c,a]),e=>{s({type:r,data:e,senderId:c})}};exports.useCrossFrameMessageListener=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./EditorStateContext.cjs`);let t=require(`preact/hooks`);const n=(n,r,i)=>{let a=e.useEditorStateManager();return(0,t.useEffect)(()=>{if(r)return a.messenger.subscribe(n,r)},[a,n,i]),e=>a.messenger.send(n,e)};exports.useCrossFrameMessageListener=n;
 //# sourceMappingURL=useCrossFrameMessageListener.cjs.map

package/dist/cjs/editor/useCrossFrameMessageListener.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCrossFrameMessageListener.cjs","names":["useCommunicator"],"sources":["../../../src/editor/useCrossFrameMessageListener.tsx"],"sourcesContent":["'use client';\n\nimport { compareUrls, type MessageKey } from '@intlayer/editor';\nimport { useEffect } from 'preact/hooks';\nimport { useCommunicator } from './CommunicatorContext';\n\n/**\n * useCrossFrameMessageListener\n *\n * This React hook listens for messages sent via the `postMessage` API and triggers a callback\n * whenever a message of the specified type (`key`) is received. It is useful for synchronizing\n * state or events across different windows, iframes, or contexts.\n *\n * @template S - The type of the data payload in the message.\n * @param key - A unique identifier for the message type to listen for.\n * @param [onEventTriggered] - A callback function triggered when a message\n * @param [revalidator] - A function that re-suscribes the listener. Could be usefull if onEventTriggered depend of some state\n * with the specified key is received. The callback receives the message data as its argument.\n *\n * @returns {{ postMessage: (data: S) => void }} An object containing a `postMessage` function\n * that allows broadcasting messages with the specified key and data.\n */\nexport const useCrossFrameMessageListener = <S,>(\n  key: `${MessageKey}` | `${MessageKey}/post` | `${MessageKey}/get`,\n  onEventTriggered?: (data: S) => void,\n  revalidator?: any\n) => {\n  const { allowedOrigins, postMessage, senderId } = useCommunicator();\n\n  useEffect(() => {\n    if (onEventTriggered) {\n      /**\n       * Message handler to process incoming messages.\n       *\n       * - **Message Filtering:** Ensures only messages with the specified `key` are processed.\n       * - **Origin Validation:** Checks that the origin of the message is within the allowed origins.\n       *\n       * @param {MessageEvent<{ type: string; data: S }>} event - The incoming message event object.\n       */\n      const handleMessage = (\n        event: MessageEvent<{ type: string; data: S; senderId: string }>\n      ) => {\n        const { type, data, senderId: msgSenderId } = event.data;\n\n        // Ignore messages that do not match the current key\n        if (type !== key) return;\n\n        // Ignore messages from myself\n        if (msgSenderId === senderId) return;\n\n        // Check if the message origin is allowed\n        if (\n          typeof allowedOrigins === 'undefined' ||\n          allowedOrigins\n            ?.filter((url) => ![null, undefined, '', '*'].includes(url))\n            .some((url) => compareUrls(url, event.origin)) ||\n          allowedOrigins?.includes('*')\n        ) {\n          // Update the local state with the received data\n          onEventTriggered(data);\n        }\n      };\n\n      window.addEventListener('message', handleMessage);\n\n      // Clean up the event listener on unmount\n      return () => window.removeEventListener('message', handleMessage);\n    }\n  }, [allowedOrigins, postMessage, senderId, revalidator]);\n\n  /**\n   * A wrapper function around the `postMessage` function to broadcast messages efficiently.\n   *\n   * - **Encapsulation:** Ensures the `postMessage` function is scoped to the provided key.\n   * - **Ease of Use:** Simplifies broadcasting messages with consistent type and format.\n   *\n   * @param {S} data - The data payload to include in the message.\n   * @returns {void}\n   */\n  const postMessageWrapper: (data?: S) => void = (data) => {\n    postMessage({ type: key, data, senderId });\n  };\n\n  return postMessageWrapper;\n};\n"],"mappings":"sOAsBA,MAAa,GACX,EACA,EACA,IACG,CACH,GAAM,CAAE,iBAAgB,cAAa,YAAaA,EAAAA,iBAAiB,CAwDnE,OAtDA,EAAA,EAAA,eAAgB,CACd,GAAI,EAAkB,CASpB,IAAM,EACJ,GACG,CACH,GAAM,CAAE,OAAM,OAAM,SAAU,GAAgB,EAAM,KAGhD,IAAS,GAGT,IAAgB,IAIX,IAAmB,QAC1B,GACI,OAAQ,GAAQ,CAAC,CAAC,KAAM,IAAA,GAAW,GAAI,IAAI,CAAC,SAAS,EAAI,CAAC,CAC3D,KAAM,IAAA,EAAA,EAAA,aAAoB,EAAK,EAAM,OAAO,CAAC,EAChD,GAAgB,SAAS,IAAI,GAG7B,EAAiB,EAAK,EAO1B,OAHA,OAAO,iBAAiB,UAAW,EAAc,KAGpC,OAAO,oBAAoB,UAAW,EAAc,GAElE,CAAC,EAAgB,EAAa,EAAU,EAAY,CAAC,CAWR,GAAS,CACvD,EAAY,CAAE,KAAM,EAAK,OAAM,WAAU,CAAC"}
+{"version":3,"file":"useCrossFrameMessageListener.cjs","names":["useEditorStateManager"],"sources":["../../../src/editor/useCrossFrameMessageListener.tsx"],"sourcesContent":["import type { MessageKey } from '@intlayer/editor';\nimport { useEffect } from 'preact/hooks';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport const useCrossFrameMessageListener = <S,>(\n  key: `${MessageKey}` | `${MessageKey}/post` | `${MessageKey}/get`,\n  onEventTriggered?: (data: S) => void,\n  revalidator?: any\n) => {\n  const manager = useEditorStateManager();\n\n  useEffect(() => {\n    if (!onEventTriggered) return;\n    return manager.messenger.subscribe<S>(key, onEventTriggered);\n  }, [manager, key, revalidator]);\n\n  return (data?: S) => manager.messenger.send(key, data);\n};\n"],"mappings":"0LAIA,MAAa,GACX,EACA,EACA,IACG,CACH,IAAM,EAAUA,EAAAA,uBAAuB,CAOvC,OALA,EAAA,EAAA,eAAgB,CACT,KACL,OAAO,EAAQ,UAAU,UAAa,EAAK,EAAiB,EAC3D,CAAC,EAAS,EAAK,EAAY,CAAC,CAEvB,GAAa,EAAQ,UAAU,KAAK,EAAK,EAAK"}

package/dist/cjs/editor/useCrossFrameState.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./CommunicatorContext.cjs`),t=require(`./useCrossFrameMessageListener.cjs`);let n=require(`preact/hooks`);const r=(e,t)=>typeof e==`function`?e(t):e,i=(i,a,o)=>{let{postMessage:s,senderId:c}=e.useCommunicator()??{},{emit:l,receive:u}=o??{emit:!0,receive:!0},d=(e,t)=>{let n=r(e,t);return l&&typeof s==`function`&&n!==void 0&&s({type:`${i}/post`,data:n,senderId:c}),n},f=()=>{typeof s==`function`&&s({type:`${i}/post`,data:p,senderId:c})},[p,m]=(0,n.useState)(()=>d(a));return t.useCrossFrameMessageListener(`${i}/post`,u?e=>{m(e)}:void 0),t.useCrossFrameMessageListener(`${i}/get`,l?(e,t)=>{l&&typeof s==`function`&&t!==c&&p!==void 0&&s({type:`${i}/post`,data:p,senderId:c})}:void 0,p),(0,n.useEffect)(()=>{u&&typeof s==`function`&&p===void 0&&s({type:`${i}/get`,senderId:c})},[]),[p,e=>m(t=>d(e,t)),f]};exports.useCrossFrameState=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./EditorStateContext.cjs`);let t=require(`@intlayer/editor`),n=require(`preact/hooks`);const r=(r,i,a)=>{let o=e.useEditorStateManager(),s=typeof i==`function`?i():i,[c,l]=(0,n.useState)(s),u=(0,n.useRef)(null);return(0,n.useEffect)(()=>{let{emit:e=!0,receive:n=!0}=a??{},i=new t.CrossFrameStateManager(r,o.messenger,{emit:e,receive:n,initialValue:s});u.current=i;let c=e=>{l(e.detail)};return i.addEventListener(`change`,c),i.start(),()=>{i.removeEventListener(`change`,c),i.stop(),u.current=null}},[r,o.messenger,a?.emit,a?.receive]),[c,e=>{l(t=>{let n=typeof e==`function`?e(t):e;return u.current?.set(n),n})},()=>u.current?.postCurrentValue()]};exports.useCrossFrameState=r;
 //# sourceMappingURL=useCrossFrameState.cjs.map

package/dist/cjs/editor/useCrossFrameState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCrossFrameState.cjs","names":["useCommunicator"],"sources":["../../../src/editor/useCrossFrameState.tsx"],"sourcesContent":["'use client';\n\nimport type { MessageKey } from '@intlayer/editor';\nimport { useEffect, useState } from 'preact/hooks';\nimport { useCommunicator } from './CommunicatorContext';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\nexport type CrossFrameStateOptions = {\n  emit?: boolean;\n  receive?: boolean;\n};\n\nexport type SetStateAction<S> = S | ((prevState: S) => S);\nexport type CrossFrameStateUpdater<S> = (value: SetStateAction<S>) => void;\n\nconst resolveState = <S,>(\n  valueOrUpdater?: SetStateAction<S>,\n  prevState?: S\n): S =>\n  typeof valueOrUpdater === 'function'\n    ? (valueOrUpdater as (prevState?: S) => S)(prevState!)\n    : (valueOrUpdater as S);\n\n/**\n * Configuration options for `useCrossFrameState`.\n * @typedef {Object} CrossFrameStateOptions\n * @property {boolean} [emit=true] - Whether to broadcast state changes to other instances.\n * @property {boolean} [receive=true] - Whether to listen for state updates from other instances.\n */\n\n/**\n * useCrossFrameState\n *\n * This Preact hook synchronizes state across multiple instances (e.g., different iframes or windows).\n * It uses the `postMessage` API to communicate state changes and updates between instances.\n *\n * @template S - The type of the state.\n * @param key - A unique identifier for the state to synchronize.\n * @param initialState - The initial state value or a function to compute it lazily.\n * @param options - Configuration options to control emitting and receiving messages.\n *   - `emit` (default: true): Whether to broadcast state changes to other instances.\n *   - `receive` (default: true): Whether to listen for state updates from other instances.\n *\n * @returns {[S, CrossFrameStateUpdater<S>, typeof postState]} An array containing the current state and a setter function, and a function to manually post the state.\n */\nexport const useCrossFrameState = <S,>(\n  key: `${MessageKey}`,\n  initialState?: S | (() => S),\n  options?: CrossFrameStateOptions\n): [S, CrossFrameStateUpdater<S>, typeof postState] => {\n  const { postMessage, senderId } = useCommunicator() ?? {};\n\n  const { emit, receive } = options ?? { emit: true, receive: true };\n\n  const handleStateChange = (\n    valueOrUpdater?: SetStateAction<S>,\n    prevState?: S\n  ): S => {\n    // Initialize state from the provided initial value, if defined\n    const resolvedState: S = resolveState(valueOrUpdater, prevState);\n\n    // Emit the initial state if `emit` is enabled and initial state is defined\n    if (\n      emit &&\n      typeof postMessage === 'function' &&\n      typeof resolvedState !== 'undefined'\n    ) {\n      postMessage({ type: `${key}/post`, data: resolvedState, senderId });\n    }\n\n    return resolvedState;\n  };\n\n  const postState = () => {\n    if (typeof postMessage !== 'function') return;\n    postMessage({ type: `${key}/post`, data: state, senderId });\n  };\n\n  const [state, setState] = useState<S>(() => handleStateChange(initialState));\n\n  /**\n   * A wrapper function around the `setState` function to handle messaging efficiently.\n   *\n   * This approach has several advantages over using an additional `useEffect`:\n   * - **Avoid Redundant Re-renders:** By emitting the message directly within the `setState` logic,\n   *   it prevents the extra render cycle that would be triggered when using `useEffect`.\n   * - **Consistency:** Ensures the message is emitted immediately when the state is updated,\n   *   avoiding potential delays caused by the asynchronous nature of `useEffect`.\n   *\n   * This function keeps the same API as `setState` and is memoized using `useCallback`\n   * to prevent unnecessary re-renders of dependent components.\n   *\n   * @template S - The type of the state.\n   * @param {S | ((prevState: S) => S)} valueOrUpdater - The new state or a function to produce it.\n   * @returns {void}\n   */\n  const setStateWrapper: CrossFrameStateUpdater<S> = (\n    valueOrUpdater: SetStateAction<S>\n  ) => setState((prevState) => handleStateChange(valueOrUpdater, prevState));\n\n  /**\n   * Listen for messages with the specified key and update the state accordingly.\n   */\n  useCrossFrameMessageListener<S>(\n    `${key}/post`,\n    // Only activate the state listener if the `receive` option is true\n    receive\n      ? (data) => {\n          setState(data);\n        }\n      : undefined\n  );\n\n  const onGetMessage = (_: unknown, originSenderId?: string) => {\n    if (!emit) return;\n    if (typeof postMessage !== 'function') return;\n    if (originSenderId === senderId) return;\n    if (typeof state === 'undefined') return;\n\n    postMessage({ type: `${key}/post`, data: state, senderId });\n  };\n\n  /**\n   * Listen for messages request to get the state content and send it back.\n   */\n  useCrossFrameMessageListener<S>(\n    `${key}/get`,\n    // Only activate the state listener if the `emit` option is true\n    emit ? onGetMessage : undefined,\n    state // Revalidate the listener if the state changes\n  );\n\n  useEffect(() => {\n    // If the component is mounted and the hook in receive mode,\n    // Request the state from the other instance\n    if (\n      receive &&\n      typeof postMessage === 'function' &&\n      typeof state === 'undefined'\n    ) {\n      postMessage({ type: `${key}/get`, senderId });\n    }\n  }, []);\n\n  // Return the useState state and setter\n  return [state, setStateWrapper, postState];\n};\n"],"mappings":"wPAeA,MAAM,GACJ,EACA,IAEA,OAAO,GAAmB,WACrB,EAAwC,EAAW,CACnD,EAwBM,GACX,EACA,EACA,IACqD,CACrD,GAAM,CAAE,cAAa,YAAaA,EAAAA,iBAAiB,EAAI,EAAE,CAEnD,CAAE,OAAM,WAAY,GAAW,CAAE,KAAM,GAAM,QAAS,GAAM,CAE5D,GACJ,EACA,IACM,CAEN,IAAM,EAAmB,EAAa,EAAgB,EAAU,CAWhE,OAPE,GACA,OAAO,GAAgB,YAChB,IAAkB,QAEzB,EAAY,CAAE,KAAM,GAAG,EAAI,OAAQ,KAAM,EAAe,WAAU,CAAC,CAG9D,GAGH,MAAkB,CAClB,OAAO,GAAgB,YAC3B,EAAY,CAAE,KAAM,GAAG,EAAI,OAAQ,KAAM,EAAO,WAAU,CAAC,EAGvD,CAAC,EAAO,IAAA,EAAA,EAAA,cAA8B,EAAkB,EAAa,CAAC,CAmE5E,OA1CA,EAAA,6BACE,GAAG,EAAI,OAEP,EACK,GAAS,CACR,EAAS,EAAK,EAEhB,IAAA,GACL,CAcD,EAAA,6BACE,GAAG,EAAI,MAEP,GAfoB,EAAY,IAA4B,CACvD,GACD,OAAO,GAAgB,YACvB,IAAmB,GACZ,IAAU,QAErB,EAAY,CAAE,KAAM,GAAG,EAAI,OAAQ,KAAM,EAAO,WAAU,CAAC,EASrC,IAAA,GACtB,EACD,EAED,EAAA,EAAA,eAAgB,CAIZ,GACA,OAAO,GAAgB,YAChB,IAAU,QAEjB,EAAY,CAAE,KAAM,GAAG,EAAI,MAAO,WAAU,CAAC,EAE9C,EAAE,CAAC,CAGC,CAAC,EAhDN,GACG,EAAU,GAAc,EAAkB,EAAgB,EAAU,CAAC,CA+C1C,EAAU"}
+{"version":3,"file":"useCrossFrameState.cjs","names":["useEditorStateManager","CrossFrameStateManager"],"sources":["../../../src/editor/useCrossFrameState.tsx"],"sourcesContent":["import { CrossFrameStateManager, type MessageKey } from '@intlayer/editor';\nimport {\n  type Dispatch,\n  type StateUpdater,\n  useEffect,\n  useRef,\n  useState,\n} from 'preact/hooks';\nimport { useEditorStateManager } from './EditorStateContext';\n\nexport type CrossFrameStateOptions = {\n  emit?: boolean;\n  receive?: boolean;\n};\n\nexport type SetStateAction<S> = S | ((prevState: S) => S);\nexport type CrossFrameStateUpdater<S> = (value: SetStateAction<S>) => void;\n\nexport const useCrossFrameState = <S,>(\n  key: `${MessageKey}`,\n  initialState?: S | (() => S),\n  options?: CrossFrameStateOptions\n): [S, CrossFrameStateUpdater<S>, () => void] => {\n  const manager = useEditorStateManager();\n\n  const resolvedInitial =\n    typeof initialState === 'function'\n      ? (initialState as () => S)()\n      : initialState;\n\n  const [value, setValueState] = useState<S>(resolvedInitial as S);\n  const stateManagerRef = useRef<CrossFrameStateManager<S> | null>(null);\n\n  useEffect(() => {\n    const { emit = true, receive = true } = options ?? {};\n    const stateManager = new CrossFrameStateManager<S>(key, manager.messenger, {\n      emit,\n      receive,\n      initialValue: resolvedInitial,\n    });\n    stateManagerRef.current = stateManager;\n\n    const handler = (e: Event) => {\n      setValueState((e as CustomEvent<S>).detail);\n    };\n    stateManager.addEventListener('change', handler);\n    stateManager.start();\n\n    return () => {\n      stateManager.removeEventListener('change', handler);\n      stateManager.stop();\n      stateManagerRef.current = null;\n    };\n  }, [key, manager.messenger, options?.emit, options?.receive]);\n\n  const setValue: CrossFrameStateUpdater<S> = (valueOrUpdater) => {\n    setValueState((prev) => {\n      const newValue =\n        typeof valueOrUpdater === 'function'\n          ? (valueOrUpdater as (prev: S) => S)(prev)\n          : valueOrUpdater;\n      stateManagerRef.current?.set(newValue);\n      return newValue;\n    });\n  };\n\n  const postState = () => stateManagerRef.current?.postCurrentValue();\n\n  return [value, setValue, postState];\n};\n"],"mappings":"wNAkBA,MAAa,GACX,EACA,EACA,IAC+C,CAC/C,IAAM,EAAUA,EAAAA,uBAAuB,CAEjC,EACJ,OAAO,GAAiB,WACnB,GAA0B,CAC3B,EAEA,CAAC,EAAO,IAAA,EAAA,EAAA,UAA6B,EAAqB,CAC1D,GAAA,EAAA,EAAA,QAA2D,KAAK,CAqCtE,OAnCA,EAAA,EAAA,eAAgB,CACd,GAAM,CAAE,OAAO,GAAM,UAAU,IAAS,GAAW,EAAE,CAC/C,EAAe,IAAIC,EAAAA,uBAA0B,EAAK,EAAQ,UAAW,CACzE,OACA,UACA,aAAc,EACf,CAAC,CACF,EAAgB,QAAU,EAE1B,IAAM,EAAW,GAAa,CAC5B,EAAe,EAAqB,OAAO,EAK7C,OAHA,EAAa,iBAAiB,SAAU,EAAQ,CAChD,EAAa,OAAO,KAEP,CACX,EAAa,oBAAoB,SAAU,EAAQ,CACnD,EAAa,MAAM,CACnB,EAAgB,QAAU,OAE3B,CAAC,EAAK,EAAQ,UAAW,GAAS,KAAM,GAAS,QAAQ,CAAC,CAetD,CAAC,EAbqC,GAAmB,CAC9D,EAAe,GAAS,CACtB,IAAM,EACJ,OAAO,GAAmB,WACrB,EAAkC,EAAK,CACxC,EAEN,OADA,EAAgB,SAAS,IAAI,EAAS,CAC/B,GACP,MAGoB,EAAgB,SAAS,kBAAkB,CAEhC"}

package/dist/cjs/editor/useCrossURLPathState.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./useCrossFrameState.cjs`);let t=require(`@intlayer/editor`),n=require(`preact/hooks`);const r=(n,r)=>e.useCrossFrameState(t.MessageKey.INTLAYER_URL_CHANGE,n,r),i=e=>{let t=r(e,{emit:!0,receive:!1}),[i,a]=t;return(0,n.useEffect)(()=>{let e=history.pushState,t=history.replaceState,n=e=>function(...t){e.apply(this,t),window.dispatchEvent(new Event(`locationchange`))};history.pushState=n(e),history.replaceState=n(t);let r=()=>{a(window.location.pathname)};return window.addEventListener(`locationchange`,r),window.addEventListener(`popstate`,r),window.addEventListener(`hashchange`,r),window.addEventListener(`load`,r),r(),()=>{window.removeEventListener(`locationchange`,r),window.removeEventListener(`popstate`,r),window.removeEventListener(`hashchange`,r),window.removeEventListener(`load`,r),history.pushState=e,history.replaceState=t}},[]),t};exports.useCrossURLPathSetter=i,exports.useCrossURLPathState=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=()=>{},t=()=>{};exports.useCrossURLPathSetter=e,exports.useCrossURLPathState=t;
 //# sourceMappingURL=useCrossURLPathState.cjs.map

package/dist/cjs/editor/useCrossURLPathState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCrossURLPathState.cjs","names":["useCrossFrameState","MessageKey"],"sources":["../../../src/editor/useCrossURLPathState.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport { useEffect } from 'preact/hooks';\nimport {\n  type CrossFrameStateOptions,\n  useCrossFrameState,\n} from './useCrossFrameState';\n\nexport const useCrossURLPathState = (\n  initialState?: string,\n  options?: CrossFrameStateOptions\n) => useCrossFrameState(MessageKey.INTLAYER_URL_CHANGE, initialState, options);\n\nexport const useCrossURLPathSetter = (initialState?: string) => {\n  const states = useCrossURLPathState(initialState, {\n    emit: true,\n    receive: false,\n  });\n  const [_state, setState] = states;\n\n  useEffect(() => {\n    /**\n     * 1) Monkey patch history methods (pushState, replaceState)\n     *    to dispatch a custom event whenever they are called.\n     */\n    const originalPushState = history.pushState;\n    const originalReplaceState = history.replaceState;\n\n    const injectLocationChangeEvent = (method: (...args: any[]) => void) =>\n      function (this: typeof history, ...args: [any, string, string?]) {\n        method.apply(this, args);\n        window.dispatchEvent(new Event('locationchange'));\n      };\n\n    history.pushState = injectLocationChangeEvent(originalPushState);\n    history.replaceState = injectLocationChangeEvent(originalReplaceState);\n\n    /**\n     * 2) The callback to update our state whenever the URL changes.\n     */\n    const updateURLState = () => {\n      setState(window.location.pathname);\n    };\n\n    /**\n     * 3) Attach event listeners for locationchange, popstate, hashchange.\n     *    - 'locationchange' is our custom event triggered by push/replaceState overrides.\n     *    - 'popstate' is fired on back/forward navigation.\n     *    - 'hashchange' is for URL hash (#) changes.\n     *    - 'load' is when new page is loaded\n     */\n    window.addEventListener('locationchange', updateURLState);\n    window.addEventListener('popstate', updateURLState);\n    window.addEventListener('hashchange', updateURLState);\n    window.addEventListener('load', updateURLState);\n\n    // Initialize our state immediately on mount\n    updateURLState();\n\n    /**\n     * 4) Cleanup when the component unmounts:\n     *    - Remove event listeners.\n     *    - Restore original pushState & replaceState to avoid side effects.\n     */\n    return () => {\n      window.removeEventListener('locationchange', updateURLState);\n      window.removeEventListener('popstate', updateURLState);\n      window.removeEventListener('hashchange', updateURLState);\n      window.removeEventListener('load', updateURLState);\n      history.pushState = originalPushState;\n      history.replaceState = originalReplaceState;\n    };\n  }, []);\n\n  return states;\n};\n"],"mappings":"qOASA,MAAa,GACX,EACA,IACGA,EAAAA,mBAAmBC,EAAAA,WAAW,oBAAqB,EAAc,EAAQ,CAEjE,EAAyB,GAA0B,CAC9D,IAAM,EAAS,EAAqB,EAAc,CAChD,KAAM,GACN,QAAS,GACV,CAAC,CACI,CAAC,EAAQ,GAAY,EAwD3B,OAtDA,EAAA,EAAA,eAAgB,CAKd,IAAM,EAAoB,QAAQ,UAC5B,EAAuB,QAAQ,aAE/B,EAA6B,GACjC,SAAgC,GAAG,EAA8B,CAC/D,EAAO,MAAM,KAAM,EAAK,CACxB,OAAO,cAAc,IAAI,MAAM,iBAAiB,CAAC,EAGrD,QAAQ,UAAY,EAA0B,EAAkB,CAChE,QAAQ,aAAe,EAA0B,EAAqB,CAKtE,IAAM,MAAuB,CAC3B,EAAS,OAAO,SAAS,SAAS,EAuBpC,OAbA,OAAO,iBAAiB,iBAAkB,EAAe,CACzD,OAAO,iBAAiB,WAAY,EAAe,CACnD,OAAO,iBAAiB,aAAc,EAAe,CACrD,OAAO,iBAAiB,OAAQ,EAAe,CAG/C,GAAgB,KAOH,CACX,OAAO,oBAAoB,iBAAkB,EAAe,CAC5D,OAAO,oBAAoB,WAAY,EAAe,CACtD,OAAO,oBAAoB,aAAc,EAAe,CACxD,OAAO,oBAAoB,OAAQ,EAAe,CAClD,QAAQ,UAAY,EACpB,QAAQ,aAAe,IAExB,EAAE,CAAC,CAEC"}
+{"version":3,"file":"useCrossURLPathState.cjs","names":[],"sources":["../../../src/editor/useCrossURLPathState.tsx"],"sourcesContent":["// UrlStateManager is started by EditorStateManager.start() in client mode.\n// Nothing extra needed here.\nexport const useCrossURLPathSetter = () => {\n  // No-op: managed by EditorStateManager\n};\n\nexport const useCrossURLPathState = () => {\n  // No-op: managed by EditorStateManager\n};\n"],"mappings":"mEAEA,MAAa,MAA8B,GAI9B,MAA6B"}

package/dist/cjs/editor/useEditedContentRenderer.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./EditedContentContext.cjs`);let t=require(`@intlayer/core/interpreter`);const n=({dictionaryKey:t,keyPath:n,children:r})=>{let i=e.useEditedContentActions();return i?i.getEditedContentValue(t,n)??r:r},r=e=>{let r=n(e);if(typeof r==`object`){let n=(0,t.getContent)(r,e,e.locale);return typeof n==`string`?n:(console.error(`Incorrect edited content format. Content type: ${typeof n}. Expected string. Value ${JSON.stringify(n)}`),e.children)}return r};exports.EditedContentRenderer=r,exports.useEditedContentRenderer=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./EditedContentContext.cjs`);let t=require(`@intlayer/core/interpreter`);const n=({dictionaryKey:t,keyPath:n,children:r})=>{let i=e.useEditedContentActions();return i?i.getEditedContentValue(t,n)??r:r},r=e=>{let r=n(e);if(typeof r==`object`){let n=(0,t.getContent)(r,{...e,locale:e.locale},(0,t.getBasePlugins)(e.locale));return typeof n==`string`?n:(console.error(`Incorrect edited content format. Content type: ${typeof n}. Expected string. Value ${JSON.stringify(n)}`),e.children)}return r};exports.EditedContentRenderer=r,exports.useEditedContentRenderer=n;
 //# sourceMappingURL=useEditedContentRenderer.cjs.map

package/dist/cjs/editor/useEditedContentRenderer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useEditedContentRenderer.cjs","names":["useEditedContentActions"],"sources":["../../../src/editor/useEditedContentRenderer.tsx"],"sourcesContent":["'use client';\n\nimport { getContent } from '@intlayer/core/interpreter';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport type { FunctionalComponent } from 'preact';\nimport { useEditedContentActions } from './EditedContentContext';\n\ntype EditedContentRendererProps = {\n  dictionaryKey: Dictionary['key'];\n  keyPath: KeyPath[];\n  children: string;\n  locale?: Locale;\n};\n\nexport const useEditedContentRenderer = ({\n  dictionaryKey,\n  keyPath,\n  children,\n}: EditedContentRendererProps) => {\n  const editedContentContext = useEditedContentActions();\n\n  if (editedContentContext) {\n    const editedValue = editedContentContext.getEditedContentValue(\n      dictionaryKey,\n      keyPath\n    ) as string;\n\n    const value = editedValue ?? children;\n\n    return value;\n  }\n\n  return children;\n};\n\nexport const EditedContentRenderer: FunctionalComponent<\n  EditedContentRendererProps\n> = (props) => {\n  const content = useEditedContentRenderer(props);\n\n  if (typeof content === 'object') {\n    const transformedEditedContent = getContent(content, props, props.locale);\n\n    if (typeof transformedEditedContent !== 'string') {\n      console.error(\n        `Incorrect edited content format. Content type: ${typeof transformedEditedContent}. Expected string. Value ${JSON.stringify(transformedEditedContent)}`\n      );\n\n      return props.children;\n    }\n\n    return transformedEditedContent;\n  }\n\n  return content;\n};\n"],"mappings":"uNAgBA,MAAa,GAA4B,CACvC,gBACA,UACA,cACgC,CAChC,IAAM,EAAuBA,EAAAA,yBAAyB,CAatD,OAXI,EACkB,EAAqB,sBACvC,EACA,EACD,EAE4B,EAKxB,GAGI,EAER,GAAU,CACb,IAAM,EAAU,EAAyB,EAAM,CAE/C,GAAI,OAAO,GAAY,SAAU,CAC/B,IAAM,GAAA,EAAA,EAAA,YAAsC,EAAS,EAAO,EAAM,OAAO,CAUzE,OARI,OAAO,GAA6B,SAQjC,GAPL,QAAQ,MACN,kDAAkD,OAAO,EAAyB,2BAA2B,KAAK,UAAU,EAAyB,GACtJ,CAEM,EAAM,UAMjB,OAAO"}
+{"version":3,"file":"useEditedContentRenderer.cjs","names":["useEditedContentActions"],"sources":["../../../src/editor/useEditedContentRenderer.tsx"],"sourcesContent":["import { getBasePlugins, getContent } from '@intlayer/core/interpreter';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport type { FunctionalComponent } from 'preact';\nimport { useEditedContentActions } from './EditedContentContext';\n\ntype EditedContentRendererProps = {\n  dictionaryKey: Dictionary['key'];\n  keyPath: KeyPath[];\n  children: string;\n  locale?: Locale;\n};\n\nexport const useEditedContentRenderer = ({\n  dictionaryKey,\n  keyPath,\n  children,\n}: EditedContentRendererProps) => {\n  const editedContentContext = useEditedContentActions();\n\n  if (editedContentContext) {\n    const editedValue = editedContentContext.getEditedContentValue(\n      dictionaryKey,\n      keyPath\n    ) as string;\n\n    const value = editedValue ?? children;\n\n    return value;\n  }\n\n  return children;\n};\n\nexport const EditedContentRenderer: FunctionalComponent<\n  EditedContentRendererProps\n> = (props) => {\n  const content = useEditedContentRenderer(props);\n\n  if (typeof content === 'object') {\n    const transformedEditedContent = getContent(\n      content,\n      { ...props, locale: props.locale },\n      getBasePlugins(props.locale)\n    );\n\n    if (typeof transformedEditedContent !== 'string') {\n      console.error(\n        `Incorrect edited content format. Content type: ${typeof transformedEditedContent}. Expected string. Value ${JSON.stringify(transformedEditedContent)}`\n      );\n\n      return props.children;\n    }\n\n    return transformedEditedContent;\n  }\n\n  return content;\n};\n"],"mappings":"0MAcA,MAAa,GAA4B,CACvC,gBACA,UACA,cACgC,CAChC,IAAM,EAAuBA,EAAAA,yBAAyB,CAatD,OAXI,EACkB,EAAqB,sBACvC,EACA,EACD,EAE4B,EAKxB,GAGI,EAER,GAAU,CACb,IAAM,EAAU,EAAyB,EAAM,CAE/C,GAAI,OAAO,GAAY,SAAU,CAC/B,IAAM,GAAA,EAAA,EAAA,YACJ,EACA,CAAE,GAAG,EAAO,OAAQ,EAAM,OAAQ,EAAA,EAAA,EAAA,gBACnB,EAAM,OAAO,CAC7B,CAUD,OARI,OAAO,GAA6B,SAQjC,GAPL,QAAQ,MACN,kDAAkD,OAAO,EAAyB,2BAA2B,KAAK,UAAU,EAAyB,GACtJ,CAEM,EAAM,UAMjB,OAAO"}

package/dist/cjs/editor/useIframeClickInterceptor.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./useCrossFrameMessageListener.cjs`);let t=require(`@intlayer/editor`),n=require(`preact/hooks`);const r=()=>{let r=e.useCrossFrameMessageListener(t.MessageKey.INTLAYER_IFRAME_CLICKED),i=()=>{r()};(0,n.useEffect)(()=>(window.addEventListener(`mousedown`,i),()=>window.removeEventListener(`mousedown`,i)),[r])},i=()=>e.useCrossFrameMessageListener(t.MessageKey.INTLAYER_IFRAME_CLICKED,t.mergeIframeClick);exports.useIframeClickInterceptor=r,exports.useIframeClickMerger=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./useCrossFrameMessageListener.cjs`);let t=require(`@intlayer/editor`);const n=()=>{e.useCrossFrameMessageListener(t.MessageKey.INTLAYER_IFRAME_CLICKED)},r=()=>{e.useCrossFrameMessageListener(t.MessageKey.INTLAYER_IFRAME_CLICKED,t.mergeIframeClick)};exports.useIframeClickInterceptor=n,exports.useIframeClickMerger=r;
 //# sourceMappingURL=useIframeClickInterceptor.cjs.map

package/dist/cjs/editor/useIframeClickInterceptor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIframeClickInterceptor.cjs","names":["useCrossFrameMessageListener","MessageKey","mergeIframeClick"],"sources":["../../../src/editor/useIframeClickInterceptor.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey, mergeIframeClick } from '@intlayer/editor';\nimport { useEffect } from 'preact/hooks';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\nexport const useIframeClickInterceptor = () => {\n  const postMessage = useCrossFrameMessageListener<undefined>(\n    MessageKey.INTLAYER_IFRAME_CLICKED\n  );\n  const handlePostMessageEvent: EventListener = () => {\n    postMessage();\n  };\n\n  useEffect(() => {\n    window.addEventListener('mousedown', handlePostMessageEvent);\n\n    return () =>\n      window.removeEventListener('mousedown', handlePostMessageEvent);\n  }, [postMessage]);\n};\n\nexport const useIframeClickMerger = () =>\n  useCrossFrameMessageListener<MessageEvent>(\n    MessageKey.INTLAYER_IFRAME_CLICKED,\n    mergeIframeClick\n  );\n"],"mappings":"+OAMA,MAAa,MAAkC,CAC7C,IAAM,EAAcA,EAAAA,6BAClBC,EAAAA,WAAW,wBACZ,CACK,MAA8C,CAClD,GAAa,GAGf,EAAA,EAAA,gBACE,OAAO,iBAAiB,YAAa,EAAuB,KAG1D,OAAO,oBAAoB,YAAa,EAAuB,EAChE,CAAC,EAAY,CAAC,EAGN,MACXD,EAAAA,6BACEC,EAAAA,WAAW,wBACXC,EAAAA,iBACD"}
+{"version":3,"file":"useIframeClickInterceptor.cjs","names":["MessageKey","mergeIframeClick"],"sources":["../../../src/editor/useIframeClickInterceptor.tsx"],"sourcesContent":["import { MessageKey, mergeIframeClick } from '@intlayer/editor';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\nexport const useIframeClickInterceptor = () => {\n  useCrossFrameMessageListener<undefined>(MessageKey.INTLAYER_IFRAME_CLICKED);\n};\n\nexport const useIframeClickMerger = () => {\n  useCrossFrameMessageListener<MessageEvent>(\n    MessageKey.INTLAYER_IFRAME_CLICKED,\n    mergeIframeClick\n  );\n};\n"],"mappings":"wMAGA,MAAa,MAAkC,CAC7C,EAAA,6BAAwCA,EAAAA,WAAW,wBAAwB,EAGhE,MAA6B,CACxC,EAAA,6BACEA,EAAAA,WAAW,wBACXC,EAAAA,iBACD"}

package/dist/cjs/html/HTMLProvider.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);let e=require(`preact`),t=require(`preact/hooks`),n=require(`preact/jsx-runtime`);const r=(0,e.createContext)(void 0),i=()=>(0,t.useContext)(r),a=({children:e,components:t})=>(0,n.jsx)(r.Provider,{value:{components:t},children:e});exports.HTMLProvider=a,exports.useHTMLContext=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);let e=require(`preact`),t=require(`preact/hooks`),n=require(`preact/jsx-runtime`);const r=(0,e.createContext)(void 0),i=()=>(0,t.useContext)(r),a=({children:e,components:t})=>(0,n.jsx)(r.Provider,{value:{components:t},children:e});exports.HTMLProvider=a,exports.useHTMLContext=i;
 //# sourceMappingURL=HTMLProvider.cjs.map

package/dist/cjs/html/HTMLProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HTMLProvider.cjs","names":[],"sources":["../../../src/html/HTMLProvider.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  type FunctionalComponent,\n  type RenderableProps,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\nimport type { HTMLComponents } from './types';\n\ntype HTMLContextValue = {\n  components?: HTMLComponents<'permissive', {}>;\n};\n\ntype HTMLProviderProps = RenderableProps<{\n  /**\n   * Component overrides for HTML tags.\n   */\n  components?: HTMLComponents<'permissive', {}>;\n}>;\n\nconst HTMLContext = createContext<HTMLContextValue | undefined>(undefined);\n\nexport const useHTMLContext = () => useContext(HTMLContext);\n\nexport const HTMLProvider: FunctionalComponent<HTMLProviderProps> = ({\n  children,\n  components,\n}) => (\n  <HTMLContext.Provider value={{ components }}>{children}</HTMLContext.Provider>\n);\n"],"mappings":"+MAqBA,MAAM,GAAA,EAAA,EAAA,eAA0D,IAAA,GAAU,CAE7D,OAAA,EAAA,EAAA,YAAkC,EAAY,CAE9C,GAAwD,CACnE,WACA,iBAEA,EAAA,EAAA,KAAC,EAAY,SAAb,CAAsB,MAAO,CAAE,aAAY,CAAG,WAAgC,CAAA"}
+{"version":3,"file":"HTMLProvider.cjs","names":[],"sources":["../../../src/html/HTMLProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  type FunctionalComponent,\n  type RenderableProps,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\nimport type { HTMLComponents } from './types';\n\ntype HTMLContextValue = {\n  components?: HTMLComponents<'permissive', {}>;\n};\n\ntype HTMLProviderProps = RenderableProps<{\n  /**\n   * Component overrides for HTML tags.\n   */\n  components?: HTMLComponents<'permissive', {}>;\n}>;\n\nconst HTMLContext = createContext<HTMLContextValue | undefined>(undefined);\n\nexport const useHTMLContext = () => useContext(HTMLContext);\n\nexport const HTMLProvider: FunctionalComponent<HTMLProviderProps> = ({\n  children,\n  components,\n}) => (\n  <HTMLContext.Provider value={{ components }}>{children}</HTMLContext.Provider>\n);\n"],"mappings":"kMAmBA,MAAM,GAAA,EAAA,EAAA,eAA0D,IAAA,GAAU,CAE7D,OAAA,EAAA,EAAA,YAAkC,EAAY,CAE9C,GAAwD,CACnE,WACA,iBAEA,EAAA,EAAA,KAAC,EAAY,SAAb,CAAsB,MAAO,CAAE,aAAY,CAAG,WAAgC,CAAA"}

package/dist/esm/UI/ContentSelector.mjs

@@ -1,2 +1,2 @@
-"use client";import{useCallback as e,useEffect as t,useRef as n,useState as r}from"preact/hooks";import{jsx as i}from"preact/jsx-runtime";const a=({children:a,onPress:o,onHover:s,onUnhover:c,onClickOutside:l,pressDuration:u=250,isSelecting:d,...f})=>{let p=n(null),[m,h]=r(!1),[g,_]=r(d),v=n(null),y=typeof a==`string`,b=()=>{_(!0),o()},x=()=>{v.current=setTimeout(()=>{b()},u)},S=()=>{v.current&&=(clearTimeout(v.current),null)},C=()=>{S(),x()},w=()=>{h(!0),s?.()},T=()=>{m&&(h(!1),c?.()),S()},E=e(e=>{p.current&&!p.current.contains(e.target)&&(_(!1),l?.())},[l]);return t(()=>(document.addEventListener(`mousedown`,E),()=>{document.removeEventListener(`mousedown`,E)}),[E]),i(`span`,{style:{display:y?`inline`:`inline-block`,cursor:`pointer`,userSelect:`none`,borderRadius:`0.375rem`,outlineWidth:`2px`,outlineOffset:`4px`,outlineStyle:`solid`,outlineColor:d||g||m?`inherit`:`transparent`,transition:`all 100ms 50ms ease-in-out`},role:`button`,tabIndex:0,onKeyUp:()=>null,onClick:e=>{g&&(e.preventDefault(),e.stopPropagation())},onMouseDown:C,onMouseUp:T,onMouseLeave:T,onTouchStart:C,onTouchEnd:T,onTouchCancel:T,onBlur:()=>{_(!1)},onMouseEnter:w,ref:p,...f,children:a})};export{a as ContentSelector};
+import{useCallback as e,useEffect as t,useRef as n,useState as r}from"preact/hooks";import{jsx as i}from"preact/jsx-runtime";const a=({children:a,onPress:o,onHover:s,onUnhover:c,onClickOutside:l,pressDuration:u=250,isSelecting:d,...f})=>{let p=n(null),[m,h]=r(!1),[g,_]=r(d),v=n(null),y=typeof a==`string`,b=()=>{_(!0),o()},x=()=>{v.current=setTimeout(()=>{b()},u)},S=()=>{v.current&&=(clearTimeout(v.current),null)},C=()=>{S(),x()},w=()=>{h(!0),s?.()},T=()=>{m&&(h(!1),c?.()),S()},E=e(e=>{p.current&&!p.current.contains(e.target)&&(_(!1),l?.())},[l]);return t(()=>(document.addEventListener(`mousedown`,E),()=>{document.removeEventListener(`mousedown`,E)}),[E]),i(`span`,{style:{display:y?`inline`:`inline-block`,cursor:`pointer`,userSelect:`none`,borderRadius:`0.375rem`,outlineWidth:`2px`,outlineOffset:`4px`,outlineStyle:`solid`,outlineColor:d||g||m?`inherit`:`transparent`,transition:`all 100ms 50ms ease-in-out`},role:`button`,tabIndex:0,onKeyUp:()=>null,onClick:e=>{g&&(e.preventDefault(),e.stopPropagation())},onMouseDown:C,onMouseUp:T,onMouseLeave:T,onTouchStart:C,onTouchEnd:T,onTouchCancel:T,onBlur:()=>{_(!1)},onMouseEnter:w,ref:p,...f,children:a})};export{a as ContentSelector};
 //# sourceMappingURL=ContentSelector.mjs.map

package/dist/esm/UI/ContentSelector.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContentSelector.mjs","names":[],"sources":["../../../src/UI/ContentSelector.tsx"],"sourcesContent":["'use client';\n\nimport type { FunctionalComponent, JSX } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\n\nconst DEFAULT_PRESS_DETECT_DURATION = 250;\n\ntype ContentSelectorProps = {\n  onPress: () => void;\n  onHover?: () => void;\n  onUnhover?: () => void;\n  onClickOutside?: () => void;\n  pressDuration?: number;\n  isSelecting?: boolean;\n} & Omit<JSX.HTMLAttributes<HTMLDivElement>, 'content'>;\n\nexport const ContentSelector: FunctionalComponent<ContentSelectorProps> = ({\n  children,\n  onPress: onSelect,\n  onHover,\n  onUnhover,\n  onClickOutside: onUnselect,\n  pressDuration = DEFAULT_PRESS_DETECT_DURATION,\n  isSelecting: isSelectingProp,\n  ...props\n}) => {\n  const divRef = useRef<HTMLDivElement>(null);\n  const [isHovered, setIsHovered] = useState(false);\n  const [isSelectingState, setIsSelectingState] = useState(isSelectingProp);\n  const pressTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isChildrenString = typeof children === 'string';\n\n  const handleOnLongPress = () => {\n    setIsSelectingState(true);\n    onSelect();\n  };\n\n  const startPressTimer = () => {\n    pressTimerRef.current = setTimeout(() => {\n      handleOnLongPress();\n    }, pressDuration);\n  };\n\n  const clearPressTimer = () => {\n    if (pressTimerRef.current) {\n      clearTimeout(pressTimerRef.current);\n      pressTimerRef.current = null;\n    }\n  };\n\n  const handleMouseDown = () => {\n    clearPressTimer(); // Ensure any previous timer is cleared\n    startPressTimer();\n  };\n\n  const handleMouseEnter = () => {\n    setIsHovered(true);\n    onHover?.();\n  };\n\n  const handleMouseUp = () => {\n    if (isHovered) {\n      setIsHovered(false);\n      onUnhover?.();\n    }\n    clearPressTimer();\n  };\n\n  // Use useCallback to ensure the function identity remains stable\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (divRef.current && !divRef.current.contains(event.target as Node)) {\n        setIsSelectingState(false);\n        onUnselect?.();\n      }\n    },\n    [onUnselect]\n  );\n\n  useEffect(() => {\n    // Attach click outside listener\n    document.addEventListener('mousedown', handleClickOutside);\n\n    return () => {\n      // Cleanup\n      document.removeEventListener('mousedown', handleClickOutside);\n      // clearPressTimer(); // Ensure to clear the timer when component unmounts\n    };\n  }, [handleClickOutside]);\n\n  const handleOnClick: JSX.MouseEventHandler<HTMLDivElement> = (e) => {\n    if (isSelectingState) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  };\n\n  const handleOnBlur = () => {\n    // Stop editing when the element loses focus\n    setIsSelectingState(false);\n  };\n\n  return (\n    <span\n      style={{\n        display: isChildrenString ? 'inline' : 'inline-block',\n        cursor: 'pointer',\n        userSelect: 'none',\n        borderRadius: '0.375rem',\n        outlineWidth: '2px',\n        outlineOffset: '4px',\n        outlineStyle: 'solid',\n        outlineColor:\n          isSelectingProp || isSelectingState || isHovered\n            ? 'inherit'\n            : 'transparent',\n        transition: 'all 100ms 50ms ease-in-out',\n      }}\n      role=\"button\"\n      tabIndex={0}\n      onKeyUp={() => null}\n      onClick={handleOnClick}\n      onMouseDown={handleMouseDown}\n      onMouseUp={handleMouseUp}\n      onMouseLeave={handleMouseUp}\n      onTouchStart={handleMouseDown}\n      onTouchEnd={handleMouseUp}\n      onTouchCancel={handleMouseUp}\n      onBlur={handleOnBlur}\n      onMouseEnter={handleMouseEnter}\n      ref={divRef}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n"],"mappings":"0IAKA,MAWa,GAA8D,CACzE,WACA,QAAS,EACT,UACA,YACA,eAAgB,EAChB,gBAAgB,IAChB,YAAa,EACb,GAAG,KACC,CACJ,IAAM,EAAS,EAAuB,KAAK,CACrC,CAAC,EAAW,GAAgB,EAAS,GAAM,CAC3C,CAAC,EAAkB,GAAuB,EAAS,EAAgB,CACnE,EAAgB,EAA6C,KAAK,CAClE,EAAmB,OAAO,GAAa,SAEvC,MAA0B,CAC9B,EAAoB,GAAK,CACzB,GAAU,EAGN,MAAwB,CAC5B,EAAc,QAAU,eAAiB,CACvC,GAAmB,EAClB,EAAc,EAGb,MAAwB,CAC5B,AAEE,EAAc,WADd,aAAa,EAAc,QAAQ,CACX,OAItB,MAAwB,CAC5B,GAAiB,CACjB,GAAiB,EAGb,MAAyB,CAC7B,EAAa,GAAK,CAClB,KAAW,EAGP,MAAsB,CACtB,IACF,EAAa,GAAM,CACnB,KAAa,EAEf,GAAiB,EAIb,EAAqB,EACxB,GAAsB,CACjB,EAAO,SAAW,CAAC,EAAO,QAAQ,SAAS,EAAM,OAAe,GAClE,EAAoB,GAAM,CAC1B,KAAc,GAGlB,CAAC,EAAW,CACb,CAyBD,OAvBA,OAEE,SAAS,iBAAiB,YAAa,EAAmB,KAE7C,CAEX,SAAS,oBAAoB,YAAa,EAAmB,GAG9D,CAAC,EAAmB,CAAC,CAetB,EAAC,OAAD,CACE,MAAO,CACL,QAAS,EAAmB,SAAW,eACvC,OAAQ,UACR,WAAY,OACZ,aAAc,WACd,aAAc,MACd,cAAe,MACf,aAAc,QACd,aACE,GAAmB,GAAoB,EACnC,UACA,cACN,WAAY,6BACb,CACD,KAAK,SACL,SAAU,EACV,YAAe,KACf,QA/B0D,GAAM,CAC9D,IACF,EAAE,gBAAgB,CAClB,EAAE,iBAAiB,GA6BnB,YAAa,EACb,UAAW,EACX,aAAc,EACd,aAAc,EACd,WAAY,EACZ,cAAe,EACf,WA/BuB,CAEzB,EAAoB,GAAM,EA8BxB,aAAc,EACd,IAAK,EACL,GAAI,EAEH,WACI,CAAA"}
+{"version":3,"file":"ContentSelector.mjs","names":[],"sources":["../../../src/UI/ContentSelector.tsx"],"sourcesContent":["import type { FunctionalComponent, JSX } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\n\nconst DEFAULT_PRESS_DETECT_DURATION = 250;\n\ntype ContentSelectorProps = {\n  onPress: () => void;\n  onHover?: () => void;\n  onUnhover?: () => void;\n  onClickOutside?: () => void;\n  pressDuration?: number;\n  isSelecting?: boolean;\n} & Omit<JSX.HTMLAttributes<HTMLDivElement>, 'content'>;\n\nexport const ContentSelector: FunctionalComponent<ContentSelectorProps> = ({\n  children,\n  onPress: onSelect,\n  onHover,\n  onUnhover,\n  onClickOutside: onUnselect,\n  pressDuration = DEFAULT_PRESS_DETECT_DURATION,\n  isSelecting: isSelectingProp,\n  ...props\n}) => {\n  const divRef = useRef<HTMLDivElement>(null);\n  const [isHovered, setIsHovered] = useState(false);\n  const [isSelectingState, setIsSelectingState] = useState(isSelectingProp);\n  const pressTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isChildrenString = typeof children === 'string';\n\n  const handleOnLongPress = () => {\n    setIsSelectingState(true);\n    onSelect();\n  };\n\n  const startPressTimer = () => {\n    pressTimerRef.current = setTimeout(() => {\n      handleOnLongPress();\n    }, pressDuration);\n  };\n\n  const clearPressTimer = () => {\n    if (pressTimerRef.current) {\n      clearTimeout(pressTimerRef.current);\n      pressTimerRef.current = null;\n    }\n  };\n\n  const handleMouseDown = () => {\n    clearPressTimer(); // Ensure any previous timer is cleared\n    startPressTimer();\n  };\n\n  const handleMouseEnter = () => {\n    setIsHovered(true);\n    onHover?.();\n  };\n\n  const handleMouseUp = () => {\n    if (isHovered) {\n      setIsHovered(false);\n      onUnhover?.();\n    }\n    clearPressTimer();\n  };\n\n  // Use useCallback to ensure the function identity remains stable\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (divRef.current && !divRef.current.contains(event.target as Node)) {\n        setIsSelectingState(false);\n        onUnselect?.();\n      }\n    },\n    [onUnselect]\n  );\n\n  useEffect(() => {\n    // Attach click outside listener\n    document.addEventListener('mousedown', handleClickOutside);\n\n    return () => {\n      // Cleanup\n      document.removeEventListener('mousedown', handleClickOutside);\n      // clearPressTimer(); // Ensure to clear the timer when component unmounts\n    };\n  }, [handleClickOutside]);\n\n  const handleOnClick: JSX.MouseEventHandler<HTMLDivElement> = (e) => {\n    if (isSelectingState) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  };\n\n  const handleOnBlur = () => {\n    // Stop editing when the element loses focus\n    setIsSelectingState(false);\n  };\n\n  return (\n    <span\n      style={{\n        display: isChildrenString ? 'inline' : 'inline-block',\n        cursor: 'pointer',\n        userSelect: 'none',\n        borderRadius: '0.375rem',\n        outlineWidth: '2px',\n        outlineOffset: '4px',\n        outlineStyle: 'solid',\n        outlineColor:\n          isSelectingProp || isSelectingState || isHovered\n            ? 'inherit'\n            : 'transparent',\n        transition: 'all 100ms 50ms ease-in-out',\n      }}\n      role=\"button\"\n      tabIndex={0}\n      onKeyUp={() => null}\n      onClick={handleOnClick}\n      onMouseDown={handleMouseDown}\n      onMouseUp={handleMouseUp}\n      onMouseLeave={handleMouseUp}\n      onTouchStart={handleMouseDown}\n      onTouchEnd={handleMouseUp}\n      onTouchCancel={handleMouseUp}\n      onBlur={handleOnBlur}\n      onMouseEnter={handleMouseEnter}\n      ref={divRef}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n"],"mappings":"6HAGA,MAWa,GAA8D,CACzE,WACA,QAAS,EACT,UACA,YACA,eAAgB,EAChB,gBAAgB,IAChB,YAAa,EACb,GAAG,KACC,CACJ,IAAM,EAAS,EAAuB,KAAK,CACrC,CAAC,EAAW,GAAgB,EAAS,GAAM,CAC3C,CAAC,EAAkB,GAAuB,EAAS,EAAgB,CACnE,EAAgB,EAA6C,KAAK,CAClE,EAAmB,OAAO,GAAa,SAEvC,MAA0B,CAC9B,EAAoB,GAAK,CACzB,GAAU,EAGN,MAAwB,CAC5B,EAAc,QAAU,eAAiB,CACvC,GAAmB,EAClB,EAAc,EAGb,MAAwB,CAC5B,AAEE,EAAc,WADd,aAAa,EAAc,QAAQ,CACX,OAItB,MAAwB,CAC5B,GAAiB,CACjB,GAAiB,EAGb,MAAyB,CAC7B,EAAa,GAAK,CAClB,KAAW,EAGP,MAAsB,CACtB,IACF,EAAa,GAAM,CACnB,KAAa,EAEf,GAAiB,EAIb,EAAqB,EACxB,GAAsB,CACjB,EAAO,SAAW,CAAC,EAAO,QAAQ,SAAS,EAAM,OAAe,GAClE,EAAoB,GAAM,CAC1B,KAAc,GAGlB,CAAC,EAAW,CACb,CAyBD,OAvBA,OAEE,SAAS,iBAAiB,YAAa,EAAmB,KAE7C,CAEX,SAAS,oBAAoB,YAAa,EAAmB,GAG9D,CAAC,EAAmB,CAAC,CAetB,EAAC,OAAD,CACE,MAAO,CACL,QAAS,EAAmB,SAAW,eACvC,OAAQ,UACR,WAAY,OACZ,aAAc,WACd,aAAc,MACd,cAAe,MACf,aAAc,QACd,aACE,GAAmB,GAAoB,EACnC,UACA,cACN,WAAY,6BACb,CACD,KAAK,SACL,SAAU,EACV,YAAe,KACf,QA/B0D,GAAM,CAC9D,IACF,EAAE,gBAAgB,CAClB,EAAE,iBAAiB,GA6BnB,YAAa,EACb,UAAW,EACX,aAAc,EACd,aAAc,EACd,WAAY,EACZ,cAAe,EACf,WA/BuB,CAEzB,EAAoB,GAAM,EA8BxB,aAAc,EACd,IAAK,EACL,GAAI,EAEH,WACI,CAAA"}

package/dist/esm/client/IntlayerProvider.mjs

@@ -1,2 +1,2 @@
-"use client";import{useCrossFrameState as e}from"../editor/useCrossFrameState.mjs";import{IntlayerEditorProvider as t}from"../editor/IntlayerEditorProvider.mjs";import{localeInStorage as n,setLocaleInStorage as r}from"./useLocaleStorage.mjs";import i from"@intlayer/config/built";import{createContext as a}from"preact";import{MessageKey as o}from"@intlayer/editor";import{useContext as s,useEffect as c}from"preact/hooks";import{localeResolver as l}from"@intlayer/core/localization";import{jsx as u}from"preact/jsx-runtime";const d=a({locale:n??i?.internationalization?.defaultLocale,setLocale:()=>null,disableEditor:!1}),f=()=>s(d),p=({locale:t,defaultLocale:a,children:s,setLocale:f,disableEditor:p,isCookieEnabled:m})=>{let{internationalization:h}=i??{},{defaultLocale:g,locales:_}=h??{},v=t??n??a??g,[y,b]=e(o.INTLAYER_CURRENT_LOCALE,v);c(()=>{t&&t!==y&&b(t)},[t,y,b]);let x=f??(e=>{if(y.toString()!==e.toString()){if(!_?.map(String).includes(e)){console.error(`Locale ${e} is not available`);return}b(e),r(e,m??!0)}}),S=l(t??y);return u(d.Provider,{value:{locale:S,setLocale:x,disableEditor:p,isCookieEnabled:m},children:s})},m=e=>u(t,{children:u(p,{...e})});export{d as IntlayerClientContext,m as IntlayerProvider,p as IntlayerProviderContent,f as useIntlayerContext};
+import{IntlayerEditorProvider as e}from"../editor/IntlayerEditorProvider.mjs";import{useCrossFrameState as t}from"../editor/useCrossFrameState.mjs";import{localeInStorage as n,setLocaleInStorage as r}from"./useLocaleStorage.mjs";import i from"@intlayer/config/built";import{createContext as a}from"preact";import{MessageKey as o}from"@intlayer/editor";import{useContext as s,useEffect as c}from"preact/hooks";import{localeResolver as l}from"@intlayer/core/localization";import{jsx as u}from"preact/jsx-runtime";const d=a({locale:n??i?.internationalization?.defaultLocale,setLocale:()=>null,disableEditor:!1}),f=()=>s(d),p=({locale:e,defaultLocale:a,children:s,setLocale:f,disableEditor:p,isCookieEnabled:m})=>{let{internationalization:h}=i??{},{defaultLocale:g,locales:_}=h??{},v=e??n??a??g,[y,b]=t(o.INTLAYER_CURRENT_LOCALE,v);c(()=>{e&&e!==y&&b(e)},[e,y,b]);let x=f??(e=>{if(y.toString()!==e.toString()){if(!_?.map(String).includes(e)){console.error(`Locale ${e} is not available`);return}b(e),r(e,m??!0)}}),S=l(e??y);return u(d.Provider,{value:{locale:S,setLocale:x,disableEditor:p,isCookieEnabled:m},children:s})},m=t=>u(e,{children:u(p,{...t})});export{d as IntlayerClientContext,m as IntlayerProvider,p as IntlayerProviderContent,f as useIntlayerContext};
 //# sourceMappingURL=IntlayerProvider.mjs.map

package/dist/esm/client/IntlayerProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IntlayerProvider.mjs","names":[],"sources":["../../../src/client/IntlayerProvider.tsx"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport { localeResolver } from '@intlayer/core/localization';\nimport { MessageKey } from '@intlayer/editor';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport {\n  type ComponentChild,\n  createContext,\n  type FunctionComponent,\n} from 'preact';\nimport { useContext, useEffect } from 'preact/hooks';\nimport { IntlayerEditorProvider } from '../editor/IntlayerEditorProvider';\nimport { useCrossFrameState } from '../editor/useCrossFrameState';\nimport { localeInStorage, setLocaleInStorage } from './useLocaleStorage';\n\ntype IntlayerValue = {\n  locale: LocalesValues;\n  setLocale: (newLocale: LocalesValues) => void;\n  disableEditor?: boolean;\n  isCookieEnabled?: boolean;\n};\n\n/**\n * Context that store the current locale on the client side\n */\nexport const IntlayerClientContext = createContext<IntlayerValue>({\n  locale: localeInStorage ?? configuration?.internationalization?.defaultLocale,\n  setLocale: () => null,\n  disableEditor: false,\n});\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayerContext = () => useContext(IntlayerClientContext);\n\nexport type IntlayerProviderProps = {\n  children?: ComponentChild;\n  locale?: LocalesValues;\n  defaultLocale?: LocalesValues;\n  setLocale?: (locale: LocalesValues) => void;\n  disableEditor?: boolean;\n  isCookieEnabled?: boolean;\n};\n\n/**\n * Provider that store the current locale on the client side\n */\nexport const IntlayerProviderContent: FunctionComponent<\n  IntlayerProviderProps\n> = ({\n  locale: localeProp,\n  defaultLocale: defaultLocaleProp,\n  children,\n  setLocale: setLocaleProp,\n  disableEditor,\n  isCookieEnabled,\n}) => {\n  const { internationalization } = configuration ?? {};\n  const { defaultLocale: defaultLocaleConfig, locales: availableLocales } =\n    internationalization ?? {};\n\n  const defaultLocale =\n    localeProp ?? localeInStorage ?? defaultLocaleProp ?? defaultLocaleConfig;\n\n  const [currentLocale, setCurrentLocale] = useCrossFrameState(\n    MessageKey.INTLAYER_CURRENT_LOCALE,\n    defaultLocale\n  );\n\n  useEffect(() => {\n    if (localeProp && localeProp !== currentLocale) {\n      setCurrentLocale(localeProp);\n    }\n  }, [localeProp, currentLocale, setCurrentLocale]);\n\n  const setLocaleBase = (newLocale: LocalesValues) => {\n    if (currentLocale.toString() === newLocale.toString()) return;\n\n    if (!availableLocales?.map(String).includes(newLocale)) {\n      console.error(`Locale ${newLocale} is not available`);\n      return;\n    }\n\n    setCurrentLocale(newLocale); // Update state\n    setLocaleInStorage(newLocale, isCookieEnabled ?? true); // Optionally set cookie for persistence\n  };\n\n  const setLocale = setLocaleProp ?? setLocaleBase;\n\n  const resolvedLocale = localeResolver(localeProp ?? currentLocale);\n\n  return (\n    <IntlayerClientContext.Provider\n      value={{\n        locale: resolvedLocale,\n        setLocale,\n        disableEditor,\n        isCookieEnabled,\n      }}\n    >\n      {children}\n    </IntlayerClientContext.Provider>\n  );\n};\n\n/**\n * Main provider for Intlayer in Preact applications.\n *\n * It provides the Intlayer context to your application, allowing the use\n * of hooks like `useIntlayer` and `useLocale`.\n *\n * @param props - The provider props.\n * @returns The provider component.\n *\n * @example\n * ```tsx\n * import { IntlayerProvider } from 'preact-intlayer';\n *\n * const App = () => (\n *   <IntlayerProvider>\n *     <MyComponent />\n *   </IntlayerProvider>\n * );\n * ```\n */\nexport const IntlayerProvider: FunctionComponent<IntlayerProviderProps> = (\n  props\n) => (\n  <IntlayerEditorProvider>\n    <IntlayerProviderContent {...props} />\n  </IntlayerEditorProvider>\n);\n"],"mappings":"4gBA0BA,MAAa,EAAwB,EAA6B,CAChE,OAAQ,GAAmB,GAAe,sBAAsB,cAChE,cAAiB,KACjB,cAAe,GAChB,CAAC,CAKW,MAA2B,EAAW,EAAsB,CAc5D,GAER,CACH,OAAQ,EACR,cAAe,EACf,WACA,UAAW,EACX,gBACA,qBACI,CACJ,GAAM,CAAE,wBAAyB,GAAiB,EAAE,CAC9C,CAAE,cAAe,EAAqB,QAAS,GACnD,GAAwB,EAAE,CAEtB,EACJ,GAAc,GAAmB,GAAqB,EAElD,CAAC,EAAe,GAAoB,EACxC,EAAW,wBACX,EACD,CAED,MAAgB,CACV,GAAc,IAAe,GAC/B,EAAiB,EAAW,EAE7B,CAAC,EAAY,EAAe,EAAiB,CAAC,CAcjD,IAAM,EAAY,IAZK,GAA6B,CAC9C,KAAc,UAAU,GAAK,EAAU,UAAU,CAErD,IAAI,CAAC,GAAkB,IAAI,OAAO,CAAC,SAAS,EAAU,CAAE,CACtD,QAAQ,MAAM,UAAU,EAAU,mBAAmB,CACrD,OAGF,EAAiB,EAAU,CAC3B,EAAmB,EAAW,GAAmB,GAAK,IAKlD,EAAiB,EAAe,GAAc,EAAc,CAElE,OACE,EAAC,EAAsB,SAAvB,CACE,MAAO,CACL,OAAQ,EACR,YACA,gBACA,kBACD,CAEA,WAC8B,CAAA,EAwBxB,EACX,GAEA,EAAC,EAAD,CAAA,SACE,EAAC,EAAD,CAAyB,GAAI,EAAS,CAAA,CACf,CAAA"}
+{"version":3,"file":"IntlayerProvider.mjs","names":[],"sources":["../../../src/client/IntlayerProvider.tsx"],"sourcesContent":["import configuration from '@intlayer/config/built';\nimport { localeResolver } from '@intlayer/core/localization';\nimport { MessageKey } from '@intlayer/editor';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport {\n  type ComponentChild,\n  createContext,\n  type FunctionComponent,\n} from 'preact';\nimport { useContext, useEffect } from 'preact/hooks';\nimport { IntlayerEditorProvider } from '../editor/IntlayerEditorProvider';\nimport { useCrossFrameState } from '../editor/useCrossFrameState';\nimport { localeInStorage, setLocaleInStorage } from './useLocaleStorage';\n\ntype IntlayerValue = {\n  locale: LocalesValues;\n  setLocale: (newLocale: LocalesValues) => void;\n  disableEditor?: boolean;\n  isCookieEnabled?: boolean;\n};\n\n/**\n * Context that store the current locale on the client side\n */\nexport const IntlayerClientContext = createContext<IntlayerValue>({\n  locale: localeInStorage ?? configuration?.internationalization?.defaultLocale,\n  setLocale: () => null,\n  disableEditor: false,\n});\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayerContext = () => useContext(IntlayerClientContext);\n\nexport type IntlayerProviderProps = {\n  children?: ComponentChild;\n  locale?: LocalesValues;\n  defaultLocale?: LocalesValues;\n  setLocale?: (locale: LocalesValues) => void;\n  disableEditor?: boolean;\n  isCookieEnabled?: boolean;\n};\n\n/**\n * Provider that store the current locale on the client side\n */\nexport const IntlayerProviderContent: FunctionComponent<\n  IntlayerProviderProps\n> = ({\n  locale: localeProp,\n  defaultLocale: defaultLocaleProp,\n  children,\n  setLocale: setLocaleProp,\n  disableEditor,\n  isCookieEnabled,\n}) => {\n  const { internationalization } = configuration ?? {};\n  const { defaultLocale: defaultLocaleConfig, locales: availableLocales } =\n    internationalization ?? {};\n\n  const defaultLocale =\n    localeProp ?? localeInStorage ?? defaultLocaleProp ?? defaultLocaleConfig;\n\n  const [currentLocale, setCurrentLocale] = useCrossFrameState(\n    MessageKey.INTLAYER_CURRENT_LOCALE,\n    defaultLocale\n  );\n\n  useEffect(() => {\n    if (localeProp && localeProp !== currentLocale) {\n      setCurrentLocale(localeProp);\n    }\n  }, [localeProp, currentLocale, setCurrentLocale]);\n\n  const setLocaleBase = (newLocale: LocalesValues) => {\n    if (currentLocale.toString() === newLocale.toString()) return;\n\n    if (!availableLocales?.map(String).includes(newLocale)) {\n      console.error(`Locale ${newLocale} is not available`);\n      return;\n    }\n\n    setCurrentLocale(newLocale); // Update state\n    setLocaleInStorage(newLocale, isCookieEnabled ?? true); // Optionally set cookie for persistence\n  };\n\n  const setLocale = setLocaleProp ?? setLocaleBase;\n\n  const resolvedLocale = localeResolver(localeProp ?? currentLocale);\n\n  return (\n    <IntlayerClientContext.Provider\n      value={{\n        locale: resolvedLocale,\n        setLocale,\n        disableEditor,\n        isCookieEnabled,\n      }}\n    >\n      {children}\n    </IntlayerClientContext.Provider>\n  );\n};\n\n/**\n * Main provider for Intlayer in Preact applications.\n *\n * It provides the Intlayer context to your application, allowing the use\n * of hooks like `useIntlayer` and `useLocale`.\n *\n * @param props - The provider props.\n * @returns The provider component.\n *\n * @example\n * ```tsx\n * import { IntlayerProvider } from 'preact-intlayer';\n *\n * const App = () => (\n *   <IntlayerProvider>\n *     <MyComponent />\n *   </IntlayerProvider>\n * );\n * ```\n */\nexport const IntlayerProvider: FunctionComponent<IntlayerProviderProps> = (\n  props\n) => (\n  <IntlayerEditorProvider>\n    <IntlayerProviderContent {...props} />\n  </IntlayerEditorProvider>\n);\n"],"mappings":"+fAwBA,MAAa,EAAwB,EAA6B,CAChE,OAAQ,GAAmB,GAAe,sBAAsB,cAChE,cAAiB,KACjB,cAAe,GAChB,CAAC,CAKW,MAA2B,EAAW,EAAsB,CAc5D,GAER,CACH,OAAQ,EACR,cAAe,EACf,WACA,UAAW,EACX,gBACA,qBACI,CACJ,GAAM,CAAE,wBAAyB,GAAiB,EAAE,CAC9C,CAAE,cAAe,EAAqB,QAAS,GACnD,GAAwB,EAAE,CAEtB,EACJ,GAAc,GAAmB,GAAqB,EAElD,CAAC,EAAe,GAAoB,EACxC,EAAW,wBACX,EACD,CAED,MAAgB,CACV,GAAc,IAAe,GAC/B,EAAiB,EAAW,EAE7B,CAAC,EAAY,EAAe,EAAiB,CAAC,CAcjD,IAAM,EAAY,IAZK,GAA6B,CAC9C,KAAc,UAAU,GAAK,EAAU,UAAU,CAErD,IAAI,CAAC,GAAkB,IAAI,OAAO,CAAC,SAAS,EAAU,CAAE,CACtD,QAAQ,MAAM,UAAU,EAAU,mBAAmB,CACrD,OAGF,EAAiB,EAAU,CAC3B,EAAmB,EAAW,GAAmB,GAAK,IAKlD,EAAiB,EAAe,GAAc,EAAc,CAElE,OACE,EAAC,EAAsB,SAAvB,CACE,MAAO,CACL,OAAQ,EACR,YACA,gBACA,kBACD,CAEA,WAC8B,CAAA,EAwBxB,EACX,GAEA,EAAC,EAAD,CAAA,SACE,EAAC,EAAD,CAAyB,GAAI,EAAS,CAAA,CACf,CAAA"}

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

@@ -1,2 +1,2 @@
-"use client";import{IntlayerClientContext as e}from"../IntlayerProvider.mjs";import{useCallback as t,useContext as n}from"preact/hooks";import{compact as r}from"@intlayer/core/formatters";const i=()=>{let{locale:i}=n(e);return t((...e)=>r(e[0],{...e[1],locale:e[1]?.locale??i}),[i])};export{i as useCompact};
+import{IntlayerClientContext as e}from"../IntlayerProvider.mjs";import{useCallback as t,useContext as n}from"preact/hooks";import{compact as r}from"@intlayer/core/formatters";const i=()=>{let{locale:i}=n(e);return t((...e)=>r(e[0],{...e[1],locale:e[1]?.locale??i}),[i])};export{i as useCompact};
 //# sourceMappingURL=useCompact.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCompact.mjs","names":[],"sources":["../../../../src/client/format/useCompact.ts"],"sourcesContent":["'use client';\n\nimport { compact } from '@intlayer/core/formatters';\nimport { useCallback, useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from '../IntlayerProvider';\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 } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof compact>) =>\n      compact(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":"4LAgBA,MAAa,MAAmB,CAC9B,GAAM,CAAE,UAAW,EAAW,EAAsB,CAEpD,OAAO,GACJ,GAAG,IACF,EAAQ,EAAK,GAAI,CACf,GAAG,EAAK,GACR,OAAQ,EAAK,IAAI,QAAU,EAC5B,CAAC,CACJ,CAAC,EAAO,CACT"}
+{"version":3,"file":"useCompact.mjs","names":[],"sources":["../../../../src/client/format/useCompact.ts"],"sourcesContent":["import { compact } from '@intlayer/core/formatters';\nimport { useCallback, useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from '../IntlayerProvider';\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 } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof compact>) =>\n      compact(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":"+KAcA,MAAa,MAAmB,CAC9B,GAAM,CAAE,UAAW,EAAW,EAAsB,CAEpD,OAAO,GACJ,GAAG,IACF,EAAQ,EAAK,GAAI,CACf,GAAG,EAAK,GACR,OAAQ,EAAK,IAAI,QAAU,EAC5B,CAAC,CACJ,CAAC,EAAO,CACT"}

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

@@ -1,2 +1,2 @@
-"use client";import{IntlayerClientContext as e}from"../IntlayerProvider.mjs";import{useCallback as t,useContext as n}from"preact/hooks";import{currency as r}from"@intlayer/core/formatters";const i=()=>{let{locale:i}=n(e);return t((...e)=>r(e[0],{...e[1],locale:e[1]?.locale??i}),[i])};export{i as useCurrency};
+import{IntlayerClientContext as e}from"../IntlayerProvider.mjs";import{useCallback as t,useContext as n}from"preact/hooks";import{currency as r}from"@intlayer/core/formatters";const i=()=>{let{locale:i}=n(e);return t((...e)=>r(e[0],{...e[1],locale:e[1]?.locale??i}),[i])};export{i as useCurrency};
 //# sourceMappingURL=useCurrency.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCurrency.mjs","names":[],"sources":["../../../../src/client/format/useCurrency.ts"],"sourcesContent":["'use client';\n\nimport { currency } from '@intlayer/core/formatters';\nimport { useCallback, useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React client hook that provides a currency formatter\n * bound to the current application locale.\n *\n * @returns {(value: string | number, options?: CurrencyProps) => string}\n * A function to format numbers into localized currency strings.\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 } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof currency>) =>\n      currency(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":"6LA8BA,MAAa,MAAoB,CAC/B,GAAM,CAAE,UAAW,EAAW,EAAsB,CAEpD,OAAO,GACJ,GAAG,IACF,EAAS,EAAK,GAAI,CAChB,GAAG,EAAK,GACR,OAAQ,EAAK,IAAI,QAAU,EAC5B,CAAC,CACJ,CAAC,EAAO,CACT"}
+{"version":3,"file":"useCurrency.mjs","names":[],"sources":["../../../../src/client/format/useCurrency.ts"],"sourcesContent":["import { currency } from '@intlayer/core/formatters';\nimport { useCallback, useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React client hook that provides a currency formatter\n * bound to the current application locale.\n *\n * @returns {(value: string | number, options?: CurrencyProps) => string}\n * A function to format numbers into localized currency strings.\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 } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof currency>) =>\n      currency(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":"gLA4BA,MAAa,MAAoB,CAC/B,GAAM,CAAE,UAAW,EAAW,EAAsB,CAEpD,OAAO,GACJ,GAAG,IACF,EAAS,EAAK,GAAI,CAChB,GAAG,EAAK,GACR,OAAQ,EAAK,IAAI,QAAU,EAC5B,CAAC,CACJ,CAAC,EAAO,CACT"}

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

@@ -1,2 +1,2 @@
-"use client";import{IntlayerClientContext as e}from"../IntlayerProvider.mjs";import{useContext as t}from"preact/hooks";import{date as n}from"@intlayer/core/formatters";const r=()=>{let{locale:r}=t(e);return(...e)=>n(e[0],{...e[1],locale:e[1]?.locale??r})};export{r as useDate};
+import{IntlayerClientContext as e}from"../IntlayerProvider.mjs";import{useContext as t}from"preact/hooks";import{date as n}from"@intlayer/core/formatters";const r=()=>{let{locale:r}=t(e);return(...e)=>n(e[0],{...e[1],locale:e[1]?.locale??r})};export{r as useDate};
 //# sourceMappingURL=useDate.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDate.mjs","names":[],"sources":["../../../../src/client/format/useDate.ts"],"sourcesContent":["'use client';\n\nimport { date } from '@intlayer/core/formatters';\nimport { useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from '../IntlayerProvider';\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 } = useContext(IntlayerClientContext);\n\n  return (...args: Parameters<typeof date>) =>\n    date(args[0], {\n      ...args[1],\n      locale: args[1]?.locale ?? locale,\n    });\n};\n"],"mappings":"wKAgCA,MAAa,MAAgB,CAC3B,GAAM,CAAE,UAAW,EAAW,EAAsB,CAEpD,OAAQ,GAAG,IACT,EAAK,EAAK,GAAI,CACZ,GAAG,EAAK,GACR,OAAQ,EAAK,IAAI,QAAU,EAC5B,CAAC"}
+{"version":3,"file":"useDate.mjs","names":[],"sources":["../../../../src/client/format/useDate.ts"],"sourcesContent":["import { date } from '@intlayer/core/formatters';\nimport { useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from '../IntlayerProvider';\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 } = useContext(IntlayerClientContext);\n\n  return (...args: Parameters<typeof date>) =>\n    date(args[0], {\n      ...args[1],\n      locale: args[1]?.locale ?? locale,\n    });\n};\n"],"mappings":"2JA8BA,MAAa,MAAgB,CAC3B,GAAM,CAAE,UAAW,EAAW,EAAsB,CAEpD,OAAQ,GAAG,IACT,EAAK,EAAK,GAAI,CACZ,GAAG,EAAK,GACR,OAAQ,EAAK,IAAI,QAAU,EAC5B,CAAC"}

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

@@ -1,2 +1,2 @@
-"use client";import{IntlayerClientContext as e}from"../IntlayerProvider.mjs";import{useCallback as t,useContext as n}from"preact/hooks";import{list as r}from"@intlayer/core/formatters";const i=()=>{let{locale:i}=n(e);return t((...e)=>r(e[0],{...e[1],locale:e[1]?.locale??i}),[i])};export{i as useList};
+import{IntlayerClientContext as e}from"../IntlayerProvider.mjs";import{useCallback as t,useContext as n}from"preact/hooks";import{list as r}from"@intlayer/core/formatters";const i=()=>{let{locale:i}=n(e);return t((...e)=>r(e[0],{...e[1],locale:e[1]?.locale??i}),[i])};export{i as useList};
 //# sourceMappingURL=useList.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useList.mjs","names":[],"sources":["../../../../src/client/format/useList.ts"],"sourcesContent":["'use client';\n\nimport { list } from '@intlayer/core/formatters';\nimport { useCallback, useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React client hook that provides a list formatter\n * bound to the current application locale.\n *\n * @returns {(values: (string | number)[], options?: ListProps) => string}\n * A function to format arrays into localized list strings.\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 } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof list>) =>\n      list(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":"yLA2BA,MAAa,MAAgB,CAC3B,GAAM,CAAE,UAAW,EAAW,EAAsB,CAEpD,OAAO,GACJ,GAAG,IACF,EAAK,EAAK,GAAI,CACZ,GAAG,EAAK,GACR,OAAQ,EAAK,IAAI,QAAU,EAC5B,CAAC,CACJ,CAAC,EAAO,CACT"}
+{"version":3,"file":"useList.mjs","names":[],"sources":["../../../../src/client/format/useList.ts"],"sourcesContent":["import { list } from '@intlayer/core/formatters';\nimport { useCallback, useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React client hook that provides a list formatter\n * bound to the current application locale.\n *\n * @returns {(values: (string | number)[], options?: ListProps) => string}\n * A function to format arrays into localized list strings.\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 } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof list>) =>\n      list(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":"4KAyBA,MAAa,MAAgB,CAC3B,GAAM,CAAE,UAAW,EAAW,EAAsB,CAEpD,OAAO,GACJ,GAAG,IACF,EAAK,EAAK,GAAI,CACZ,GAAG,EAAK,GACR,OAAQ,EAAK,IAAI,QAAU,EAC5B,CAAC,CACJ,CAAC,EAAO,CACT"}

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

@@ -1,2 +1,2 @@
-"use client";import{IntlayerClientContext as e}from"../IntlayerProvider.mjs";import{useCallback as t,useContext as n}from"preact/hooks";import{number as r}from"@intlayer/core/formatters";const i=()=>{let{locale:i}=n(e);return t((...e)=>r(e[0],{...e[1],locale:e[1]?.locale??i}),[i])};export{i as useNumber};
+import{IntlayerClientContext as e}from"../IntlayerProvider.mjs";import{useCallback as t,useContext as n}from"preact/hooks";import{number as r}from"@intlayer/core/formatters";const i=()=>{let{locale:i}=n(e);return t((...e)=>r(e[0],{...e[1],locale:e[1]?.locale??i}),[i])};export{i as useNumber};
 //# sourceMappingURL=useNumber.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useNumber.mjs","names":[],"sources":["../../../../src/client/format/useNumber.ts"],"sourcesContent":["'use client';\n\nimport { number } from '@intlayer/core/formatters';\nimport { useCallback, useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from '../IntlayerProvider';\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 } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof number>) =>\n      number(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":"2LA4BA,MAAa,MAAkB,CAC7B,GAAM,CAAE,UAAW,EAAW,EAAsB,CAEpD,OAAO,GACJ,GAAG,IACF,EAAO,EAAK,GAAI,CACd,GAAG,EAAK,GACR,OAAQ,EAAK,IAAI,QAAU,EAC5B,CAAC,CACJ,CAAC,EAAO,CACT"}
+{"version":3,"file":"useNumber.mjs","names":[],"sources":["../../../../src/client/format/useNumber.ts"],"sourcesContent":["import { number } from '@intlayer/core/formatters';\nimport { useCallback, useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from '../IntlayerProvider';\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 } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof number>) =>\n      number(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":"8KA0BA,MAAa,MAAkB,CAC7B,GAAM,CAAE,UAAW,EAAW,EAAsB,CAEpD,OAAO,GACJ,GAAG,IACF,EAAO,EAAK,GAAI,CACd,GAAG,EAAK,GACR,OAAQ,EAAK,IAAI,QAAU,EAC5B,CAAC,CACJ,CAAC,EAAO,CACT"}

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

@@ -1,2 +1,2 @@
-"use client";import{IntlayerClientContext as e}from"../IntlayerProvider.mjs";import{useCallback as t,useContext as n}from"preact/hooks";import{percentage as r}from"@intlayer/core/formatters";const i=()=>{let{locale:i}=n(e);return t((...e)=>r(e[0],{...e[1],locale:e[1]?.locale??i}),[i])};export{i as usePercentage};
+import{IntlayerClientContext as e}from"../IntlayerProvider.mjs";import{useCallback as t,useContext as n}from"preact/hooks";import{percentage as r}from"@intlayer/core/formatters";const i=()=>{let{locale:i}=n(e);return t((...e)=>r(e[0],{...e[1],locale:e[1]?.locale??i}),[i])};export{i as usePercentage};
 //# sourceMappingURL=usePercentage.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePercentage.mjs","names":[],"sources":["../../../../src/client/format/usePercentage.ts"],"sourcesContent":["'use client';\n\nimport { percentage } from '@intlayer/core/formatters';\nimport { useCallback, useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from '../IntlayerProvider';\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 } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof percentage>) =>\n      percentage(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":"+LAwBA,MAAa,MAAsB,CACjC,GAAM,CAAE,UAAW,EAAW,EAAsB,CAEpD,OAAO,GACJ,GAAG,IACF,EAAW,EAAK,GAAI,CAClB,GAAG,EAAK,GACR,OAAQ,EAAK,IAAI,QAAU,EAC5B,CAAC,CACJ,CAAC,EAAO,CACT"}
+{"version":3,"file":"usePercentage.mjs","names":[],"sources":["../../../../src/client/format/usePercentage.ts"],"sourcesContent":["import { percentage } from '@intlayer/core/formatters';\nimport { useCallback, useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from '../IntlayerProvider';\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 } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof percentage>) =>\n      percentage(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":"kLAsBA,MAAa,MAAsB,CACjC,GAAM,CAAE,UAAW,EAAW,EAAsB,CAEpD,OAAO,GACJ,GAAG,IACF,EAAW,EAAK,GAAI,CAClB,GAAG,EAAK,GACR,OAAQ,EAAK,IAAI,QAAU,EAC5B,CAAC,CACJ,CAAC,EAAO,CACT"}

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

@@ -1,2 +1,2 @@
-"use client";import{IntlayerClientContext as e}from"../IntlayerProvider.mjs";import{useCallback as t,useContext as n}from"preact/hooks";import{relativeTime as r}from"@intlayer/core/formatters";const i=()=>{let{locale:i}=n(e);return t((...e)=>r(e[0],e[1],{...e[2],locale:e[2]?.locale??i}),[i])};export{i as useRelativeTime};
+import{IntlayerClientContext as e}from"../IntlayerProvider.mjs";import{useCallback as t,useContext as n}from"preact/hooks";import{relativeTime as r}from"@intlayer/core/formatters";const i=()=>{let{locale:i}=n(e);return t((...e)=>r(e[0],e[1],{...e[2],locale:e[2]?.locale??i}),[i])};export{i as useRelativeTime};
 //# sourceMappingURL=useRelativeTime.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useRelativeTime.mjs","names":[],"sources":["../../../../src/client/format/useRelativeTime.ts"],"sourcesContent":["'use client';\n\nimport { relativeTime } from '@intlayer/core/formatters';\nimport { useCallback, useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from '../IntlayerProvider';\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 } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof relativeTime>) =>\n      relativeTime(args[0], args[1], {\n        ...args[2],\n        locale: args[2]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":"iMAwBA,MAAa,MAAwB,CACnC,GAAM,CAAE,UAAW,EAAW,EAAsB,CAEpD,OAAO,GACJ,GAAG,IACF,EAAa,EAAK,GAAI,EAAK,GAAI,CAC7B,GAAG,EAAK,GACR,OAAQ,EAAK,IAAI,QAAU,EAC5B,CAAC,CACJ,CAAC,EAAO,CACT"}
+{"version":3,"file":"useRelativeTime.mjs","names":[],"sources":["../../../../src/client/format/useRelativeTime.ts"],"sourcesContent":["import { relativeTime } from '@intlayer/core/formatters';\nimport { useCallback, useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from '../IntlayerProvider';\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 } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof relativeTime>) =>\n      relativeTime(args[0], args[1], {\n        ...args[2],\n        locale: args[2]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":"oLAsBA,MAAa,MAAwB,CACnC,GAAM,CAAE,UAAW,EAAW,EAAsB,CAEpD,OAAO,GACJ,GAAG,IACF,EAAa,EAAK,GAAI,EAAK,GAAI,CAC7B,GAAG,EAAK,GACR,OAAQ,EAAK,IAAI,QAAU,EAC5B,CAAC,CACJ,CAAC,EAAO,CACT"}

package/dist/esm/client/format/useUnit.mjs

@@ -1,2 +1,2 @@
-"use client";import{IntlayerClientContext as e}from"../IntlayerProvider.mjs";import{useCallback as t,useContext as n}from"preact/hooks";import{units as r}from"@intlayer/core/formatters";const i=()=>{let{locale:i}=n(e);return t((...e)=>r(e[0],{...e[1],locale:e[1]?.locale??i}),[i])};export{i as useUnit};
+import{IntlayerClientContext as e}from"../IntlayerProvider.mjs";import{useCallback as t,useContext as n}from"preact/hooks";import{units as r}from"@intlayer/core/formatters";const i=()=>{let{locale:i}=n(e);return t((...e)=>r(e[0],{...e[1],locale:e[1]?.locale??i}),[i])};export{i as useUnit};
 //# sourceMappingURL=useUnit.mjs.map

package/dist/esm/client/format/useUnit.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useUnit.mjs","names":[],"sources":["../../../../src/client/format/useUnit.ts"],"sourcesContent":["'use client';\n\nimport { units } from '@intlayer/core/formatters';\nimport { useCallback, useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React hook that provides a unit formatting function\n * based on the current locale from {@link useLocaleBase}.\n *\n * This hook wraps {@link createUnit} to return a formatter\n * that can convert values into human-readable localized units\n * (e.g., \"10 km\", \"5 lbs\").\n *\n * @example\n * ```tsx\n * const formatUnit = useUnit();\n * const distance = formatUnit(10, { unit: \"kilometer\" });\n * // \"10 km\" (depending on locale)\n * ```\n *\n * @returns {Function} A unit formatting function that accepts a value and optional formatting options.\n */\nexport const useUnit = () => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof units>) =>\n      units(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":"0LAuBA,MAAa,MAAgB,CAC3B,GAAM,CAAE,UAAW,EAAW,EAAsB,CAEpD,OAAO,GACJ,GAAG,IACF,EAAM,EAAK,GAAI,CACb,GAAG,EAAK,GACR,OAAQ,EAAK,IAAI,QAAU,EAC5B,CAAC,CACJ,CAAC,EAAO,CACT"}
+{"version":3,"file":"useUnit.mjs","names":[],"sources":["../../../../src/client/format/useUnit.ts"],"sourcesContent":["import { units } from '@intlayer/core/formatters';\nimport { useCallback, useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React hook that provides a unit formatting function\n * based on the current locale from {@link useLocaleBase}.\n *\n * This hook wraps {@link createUnit} to return a formatter\n * that can convert values into human-readable localized units\n * (e.g., \"10 km\", \"5 lbs\").\n *\n * @example\n * ```tsx\n * const formatUnit = useUnit();\n * const distance = formatUnit(10, { unit: \"kilometer\" });\n * // \"10 km\" (depending on locale)\n * ```\n *\n * @returns {Function} A unit formatting function that accepts a value and optional formatting options.\n */\nexport const useUnit = () => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof units>) =>\n      units(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":"6KAqBA,MAAa,MAAgB,CAC3B,GAAM,CAAE,UAAW,EAAW,EAAsB,CAEpD,OAAO,GACJ,GAAG,IACF,EAAM,EAAK,GAAI,CACb,GAAG,EAAK,GACR,OAAQ,EAAK,IAAI,QAAU,EAC5B,CAAC,CACJ,CAAC,EAAO,CACT"}

package/dist/esm/client/t.mjs

@@ -1,2 +1,2 @@
-"use client";import{IntlayerClientContext as e}from"./IntlayerProvider.mjs";import{getTranslation as t}from"@intlayer/core/interpreter";import{useContext as n}from"preact/hooks";const r=(r,i)=>{let{locale:a}=n(e);return t(r,i??a)};export{r as t};
+import{IntlayerClientContext as e}from"./IntlayerProvider.mjs";import{getTranslation as t}from"@intlayer/core/interpreter";import{useContext as n}from"preact/hooks";const r=(r,i)=>{let{locale:a}=n(e);return t(r,i??a)};export{r as t};
 //# sourceMappingURL=t.mjs.map

package/dist/esm/client/t.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"t.mjs","names":[],"sources":["../../../src/client/t.ts"],"sourcesContent":["'use client';\n\nimport { getTranslation } from '@intlayer/core/interpreter';\nimport type { StrictModeLocaleMap } from '@intlayer/types/module_augmentation';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport { useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, this function returns the translation of the provided multilang content.\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const t = <Content = string>(\n  multilangContent: StrictModeLocaleMap<Content>,\n  locale?: Locale\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = locale ?? currentLocale;\n\n  return getTranslation<Content>(multilangContent, localeTarget);\n};\n"],"mappings":"kLAaA,MAAa,GACX,EACA,IACG,CACH,GAAM,CAAE,OAAQ,GAAkB,EAAW,EAAsB,CAGnE,OAAO,EAAwB,EAFV,GAAU,EAE+B"}
+{"version":3,"file":"t.mjs","names":[],"sources":["../../../src/client/t.ts"],"sourcesContent":["import { getTranslation } from '@intlayer/core/interpreter';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport type { StrictModeLocaleMap } from '@intlayer/types/module_augmentation';\nimport { useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, this function returns the translation of the provided multilang content.\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const t = <Content = string>(\n  multilangContent: StrictModeLocaleMap<Content>,\n  locale?: Locale\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = locale ?? currentLocale;\n\n  return getTranslation<Content>(multilangContent, localeTarget);\n};\n"],"mappings":"qKAWA,MAAa,GACX,EACA,IACG,CACH,GAAM,CAAE,OAAQ,GAAkB,EAAW,EAAsB,CAGnE,OAAO,EAAwB,EAFV,GAAU,EAE+B"}

package/dist/esm/client/useDictionary.mjs

@@ -1,2 +1,2 @@
-"use client";import{IntlayerClientContext as e}from"./IntlayerProvider.mjs";import{getDictionary as t}from"../getDictionary.mjs";import{useContext as n,useMemo as r}from"preact/hooks";const i=(i,a)=>{let{locale:o}=n(e);return r(()=>t(i,a??o),[i.key,o,a])};export{i as useDictionary};
+import{IntlayerClientContext as e}from"./IntlayerProvider.mjs";import{getDictionary as t}from"../getDictionary.mjs";import{useContext as n,useMemo as r}from"preact/hooks";const i=(i,a)=>{let{locale:o}=n(e);return r(()=>t(i,a??o),[i.key,o,a])};export{i as useDictionary};
 //# sourceMappingURL=useDictionary.mjs.map

package/dist/esm/client/useDictionary.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDictionary.mjs","names":[],"sources":["../../../src/client/useDictionary.ts"],"sourcesContent":["'use client';\n\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type {\n  DeclaredLocales,\n  LocalesValues,\n} from '@intlayer/types/module_augmentation';\nimport { useContext, useMemo } from 'preact/hooks';\nimport { getDictionary } from '../getDictionary';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionary = <\n  T extends Dictionary,\n  L extends LocalesValues = DeclaredLocales,\n>(\n  dictionary: T,\n  locale?: L\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n\n  return useMemo(() => {\n    const localeTarget = locale ?? currentLocale;\n\n    return getDictionary<T, L>(dictionary, localeTarget as L);\n  }, [dictionary.key, currentLocale, locale]);\n};\n"],"mappings":"wLAgBA,MAAa,GAIX,EACA,IACG,CACH,GAAM,CAAE,OAAQ,GAAkB,EAAW,EAAsB,CAEnE,OAAO,MAGE,EAAoB,EAFN,GAAU,EAE0B,CACxD,CAAC,EAAW,IAAK,EAAe,EAAO,CAAC"}
+{"version":3,"file":"useDictionary.mjs","names":[],"sources":["../../../src/client/useDictionary.ts"],"sourcesContent":["import type { Dictionary } from '@intlayer/types/dictionary';\nimport type {\n  DeclaredLocales,\n  LocalesValues,\n} from '@intlayer/types/module_augmentation';\nimport { useContext, useMemo } from 'preact/hooks';\nimport { getDictionary } from '../getDictionary';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionary = <\n  T extends Dictionary,\n  L extends LocalesValues = DeclaredLocales,\n>(\n  dictionary: T,\n  locale?: L\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n\n  return useMemo(() => {\n    const localeTarget = locale ?? currentLocale;\n\n    return getDictionary<T, L>(dictionary, localeTarget as L);\n  }, [dictionary.key, currentLocale, locale]);\n};\n"],"mappings":"2KAcA,MAAa,GAIX,EACA,IACG,CACH,GAAM,CAAE,OAAQ,GAAkB,EAAW,EAAsB,CAEnE,OAAO,MAGE,EAAoB,EAFN,GAAU,EAE0B,CACxD,CAAC,EAAW,IAAK,EAAe,EAAO,CAAC"}