@dyrected/react 2.5.51 → 2.5.52

package/dist/components/Blocks.d.ts

@@ -0,0 +1,31 @@
+import type { ComponentType } from 'react';
+export interface BlocksItem {
+    /** Discriminator selecting which component renders this item. */
+    blockType: string;
+    /**
+     * Selected presentation variant, when the block defines `variants` in its
+     * schema. Passed straight through to the component so it can switch layout.
+     */
+    variant?: string;
+    /** Optional stable id; used as the React key when present. */
+    id?: string;
+    [key: string]: unknown;
+}
+export interface BlocksProps {
+    /** The array of block items (e.g. a page's `body`). */
+    items: BlocksItem[];
+    /** Map of `blockType` → component. Unknown types are skipped. */
+    components: Record<string, ComponentType<any>>;
+    /** RHF-style base path of this array on the document. Defaults to "body". */
+    path?: string;
+}
+/**
+ * Blocks — renders an array of block items by `blockType`, wrapping each in a
+ * `<DyPathProvider>` scoped to its `${path}.${index}` so child components can
+ * call `useDyPath('field')` without ever writing an index or full path.
+ *
+ * @example
+ *   <Blocks items={data.body} components={{ hero: HeroBlock, cta: CtaBlock }} />
+ */
+export declare function Blocks({ items, components, path }: BlocksProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Blocks.d.ts.map

package/dist/components/Blocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blocks.d.ts","sourceRoot":"","sources":["../../src/components/Blocks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,MAAM,WAAW,UAAU;IACzB,iEAAiE;IACjE,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8DAA8D;IAC9D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,WAAW;IAC1B,uDAAuD;IACvD,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,iEAAiE;IACjE,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/C,6EAA6E;IAC7E,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,IAAa,EAAE,EAAE,WAAW,2CAcvE"}

package/dist/components/Blocks.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { DyPathProvider } from '../providers/DyPathProvider';
+/**
+ * Blocks — renders an array of block items by `blockType`, wrapping each in a
+ * `<DyPathProvider>` scoped to its `${path}.${index}` so child components can
+ * call `useDyPath('field')` without ever writing an index or full path.
+ *
+ * @example
+ *   <Blocks items={data.body} components={{ hero: HeroBlock, cta: CtaBlock }} />
+ */
+export function Blocks({ items, components, path = 'body' }) {
+    return (_jsx(_Fragment, { children: items.map((item, i) => {
+            const Comp = components[item.blockType];
+            if (!Comp)
+                return null;
+            return (_jsx(DyPathProvider, { path: `${path}.${i}`, children: _jsx(Comp, { ...item }) }, item.id ?? i));
+        }) }));
+}
+//# sourceMappingURL=Blocks.js.map

package/dist/components/Blocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blocks.js","sourceRoot":"","sources":["../../src/components/Blocks.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAwB7D;;;;;;;GAOG;AACH,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,GAAG,MAAM,EAAe;IACtE,OAAO,CACL,4BACG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACrB,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACxC,IAAI,CAAC,IAAI;gBAAE,OAAO,IAAI,CAAC;YACvB,OAAO,CACL,KAAC,cAAc,IAAoB,IAAI,EAAE,GAAG,IAAI,IAAI,CAAC,EAAE,YACrD,KAAC,IAAI,OAAK,IAAI,GAAI,IADC,IAAI,CAAC,EAAE,IAAI,CAAC,CAEhB,CAClB,CAAC;QACJ,CAAC,CAAC,GACD,CACJ,CAAC;AACJ,CAAC"}

package/dist/hooks/useDyPath.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Ambient base path for the block/section currently being rendered, e.g.
+ * "body.2". `<DyPathProvider>` sets it; `useDyPath` reads it. Empty at the
+ * document root.
+ */
+export declare const DyPathContext: import("react").Context<string>;
+/**
+ * useDyPath — returns spreadable props that annotate an element with its
+ * document value path, so the Dyrected live-preview editor can map a click in
+ * the preview back to the exact field.
+ *
+ * Authors pass only the field name relative to the current block; the ancestor
+ * `<Blocks>`/`<DyPathProvider>` supplies the base path, so no index or full
+ * dotted path is ever hand-written.
+ *
+ * @example
+ *   <h1 {...useDyPath('heading')}>{heading}</h1>
+ *   <a {...useDyPath('cta.url')} href={cta.url}>{cta.label}</a>
+ */
+export declare function useDyPath(field?: string): {
+    'data-dy-path': string;
+};
+//# sourceMappingURL=useDyPath.d.ts.map

package/dist/hooks/useDyPath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDyPath.d.ts","sourceRoot":"","sources":["../../src/hooks/useDyPath.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,aAAa,iCAA4B,CAAC;AAEvD;;;;;;;;;;;;GAYG;AACH,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG;IAAE,cAAc,EAAE,MAAM,CAAA;CAAE,CAIpE"}

package/dist/hooks/useDyPath.js

@@ -0,0 +1,26 @@
+import { createContext, useContext } from 'react';
+/**
+ * Ambient base path for the block/section currently being rendered, e.g.
+ * "body.2". `<DyPathProvider>` sets it; `useDyPath` reads it. Empty at the
+ * document root.
+ */
+export const DyPathContext = createContext('');
+/**
+ * useDyPath — returns spreadable props that annotate an element with its
+ * document value path, so the Dyrected live-preview editor can map a click in
+ * the preview back to the exact field.
+ *
+ * Authors pass only the field name relative to the current block; the ancestor
+ * `<Blocks>`/`<DyPathProvider>` supplies the base path, so no index or full
+ * dotted path is ever hand-written.
+ *
+ * @example
+ *   <h1 {...useDyPath('heading')}>{heading}</h1>
+ *   <a {...useDyPath('cta.url')} href={cta.url}>{cta.label}</a>
+ */
+export function useDyPath(field) {
+    const basePath = useContext(DyPathContext);
+    const path = field ? (basePath ? `${basePath}.${field}` : field) : basePath;
+    return { 'data-dy-path': path };
+}
+//# sourceMappingURL=useDyPath.js.map

package/dist/hooks/useDyPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDyPath.js","sourceRoot":"","sources":["../../src/hooks/useDyPath.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAS,EAAE,CAAC,CAAC;AAEvD;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,SAAS,CAAC,KAAc;IACtC,MAAM,QAAQ,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAC3C,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC5E,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC;AAClC,CAAC"}

package/dist/hooks/useLivePreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLivePreview.d.ts","sourceRoot":"","sources":["../../src/hooks/useLivePreview.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC;;;OAGG;IACH,WAAW,EAAE,CAAC,CAAC;IACf;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,CAAC,GAAG,GAAG,EACpC,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC7B;IAAE,IAAI,EAAE,CAAC,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,CA+C9B"}
+{"version":3,"file":"useLivePreview.d.ts","sourceRoot":"","sources":["../../src/hooks/useLivePreview.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC;;;OAGG;IACH,WAAW,EAAE,CAAC,CAAC;IACf;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,CAAC,GAAG,GAAG,EACpC,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC7B;IAAE,IAAI,EAAE,CAAC,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,CA2G9B"}

package/dist/hooks/useLivePreview.js

@@ -10,8 +10,43 @@ export function useLivePreview(options) {
     const [data, setData] = useState(options.initialData);
     const [isLive, setIsLive] = useState(false);
     useEffect(() => {
+        const allowedOrigin = options.serverURL || '*';
+        let editModeActive = false;
+        let hoveredElement = null;
+        // Handle clicks on any element with data-dy-path (or its children)
+        const handleClick = (e) => {
+            if (!editModeActive)
+                return;
+            const target = e.target;
+            const clickable = target?.closest('[data-dy-path]');
+            if (clickable) {
+                e.preventDefault();
+                e.stopPropagation();
+                const path = clickable.getAttribute('data-dy-path') || '';
+                window.parent.postMessage({ type: 'dyrected-element-clicked', path }, allowedOrigin);
+            }
+        };
+        // Track mouse moves to dynamically highlight hovered data-dy-path elements
+        const handleMouseMove = (e) => {
+            if (!editModeActive)
+                return;
+            const target = e.target;
+            const clickable = target?.closest('[data-dy-path]') || null;
+            if (clickable !== hoveredElement) {
+                if (hoveredElement) {
+                    hoveredElement.style.outline = '';
+                    hoveredElement.style.outlineOffset = '';
+                    hoveredElement.style.cursor = '';
+                }
+                if (clickable) {
+                    clickable.style.outline = '2px solid rgba(99,102,241,0.7)';
+                    clickable.style.outlineOffset = '2px';
+                    clickable.style.cursor = 'pointer';
+                }
+                hoveredElement = clickable;
+            }
+        };
         function handleMessage(event) {
-            const allowedOrigin = options.serverURL || '*';
             // Origin check (skip if '*' is configured)
             if (allowedOrigin !== '*' && event.origin !== allowedOrigin)
                 return;
@@ -24,12 +59,35 @@ export function useLivePreview(options) {
                 // Admin UI is asking the preview pane if it is ready
                 window.parent.postMessage({ type: 'dyrected-live-preview-ack' }, allowedOrigin);
             }
+            if (type === 'dyrected-enter-edit-mode') {
+                editModeActive = true;
+                document.addEventListener('click', handleClick, true);
+                document.addEventListener('mousemove', handleMouseMove, true);
+            }
+            if (type === 'dyrected-exit-edit-mode') {
+                editModeActive = false;
+                document.removeEventListener('click', handleClick, true);
+                document.removeEventListener('mousemove', handleMouseMove, true);
+                if (hoveredElement) {
+                    hoveredElement.style.outline = '';
+                    hoveredElement.style.outlineOffset = '';
+                    hoveredElement.style.cursor = '';
+                    hoveredElement = null;
+                }
+            }
         }
         window.addEventListener('message', handleMessage);
         // Signal the Admin UI that we're ready to receive preview data
-        window.parent.postMessage({ type: 'dyrected-live-preview-ready' }, options.serverURL || '*');
+        window.parent.postMessage({ type: 'dyrected-live-preview-ready' }, allowedOrigin);
         return () => {
             window.removeEventListener('message', handleMessage);
+            document.removeEventListener('click', handleClick, true);
+            document.removeEventListener('mousemove', handleMouseMove, true);
+            if (hoveredElement) {
+                hoveredElement.style.outline = '';
+                hoveredElement.style.outlineOffset = '';
+                hoveredElement.style.cursor = '';
+            }
         };
     }, [options.serverURL]);
     // Update data if initialData changes externally (e.g. server-side re-fetch)

package/dist/hooks/useLivePreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLivePreview.js","sourceRoot":"","sources":["../../src/hooks/useLivePreview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgB5C;;;;;;GAMG;AACH,MAAM,UAAU,cAAc,CAC5B,OAA8B;IAE9B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAI,OAAO,CAAC,WAAW,CAAC,CAAC;IACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,aAAa,CAAC,KAAmB;YACxC,MAAM,aAAa,GAAG,OAAO,CAAC,SAAS,IAAI,GAAG,CAAC;YAE/C,2CAA2C;YAC3C,IAAI,aAAa,KAAK,GAAG,IAAI,KAAK,CAAC,MAAM,KAAK,aAAa;gBAAE,OAAO;YAEpE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;YAEjD,IAAI,IAAI,KAAK,uBAAuB,EAAE,CAAC;gBACrC,OAAO,CAAC,OAAY,CAAC,CAAC;gBACtB,SAAS,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC;YAED,IAAI,IAAI,KAAK,6BAA6B,EAAE,CAAC;gBAC3C,qDAAqD;gBACrD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,2BAA2B,EAAE,EAAE,aAAa,CAAC,CAAC;YAClF,CAAC;QACH,CAAC;QAED,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAElD,+DAA+D;QAC/D,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,6BAA6B,EAAE,EAAE,OAAO,CAAC,SAAS,IAAI,GAAG,CAAC,CAAC;QAE7F,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAExB,4EAA4E;IAC5E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;IAElC,OAAO;QACL,sDAAsD;QACtD,IAAI;QACJ,wEAAwE;QACxE,MAAM;KACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"useLivePreview.js","sourceRoot":"","sources":["../../src/hooks/useLivePreview.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -1,8 +1,11 @@
 export * from './hooks/useLivePreview';
 export * from './hooks/useDyrected';
+export * from './hooks/useDyPath';
 export * from './providers/DyrectedProvider';
+export * from './providers/DyPathProvider';
 export * from './components/DyrectedImage';
 export * from './components/DyrectedMedia';
+export * from './components/Blocks';
 export { DyrectedClient, DyrectedError } from '@dyrected/sdk';
 export type { CollectionConfig, GlobalConfig } from '@dyrected/sdk';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAG3C,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9D,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AAGpC,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9D,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC"}

package/dist/index.js

@@ -1,8 +1,11 @@
 export * from './hooks/useLivePreview';
 export * from './hooks/useDyrected';
+export * from './hooks/useDyPath';
 export * from './providers/DyrectedProvider';
+export * from './providers/DyPathProvider';
 export * from './components/DyrectedImage';
 export * from './components/DyrectedMedia';
+export * from './components/Blocks';
 // Re-export core types and errors from SDK for convenience
 export { DyrectedClient, DyrectedError } from '@dyrected/sdk';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAE3C,2DAA2D;AAC3D,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AAEpC,2DAA2D;AAC3D,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC"}

package/dist/providers/DyPathProvider.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+/**
+ * DyPathProvider — scopes the ambient base path for a block/section subtree so
+ * `useDyPath(field)` inside it resolves to `${path}.${field}`.
+ *
+ * `<Blocks>` wraps each item in one of these automatically; use it directly
+ * only for a standalone section that isn't rendered through `<Blocks>` (e.g. a
+ * singleton object field: `<DyPathProvider path="hero">…</DyPathProvider>`).
+ */
+export declare function DyPathProvider({ path, children }: {
+    path: string;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DyPathProvider.d.ts.map

package/dist/providers/DyPathProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DyPathProvider.d.ts","sourceRoot":"","sources":["../../src/providers/DyPathProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAEvF"}

package/dist/providers/DyPathProvider.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DyPathContext } from '../hooks/useDyPath';
+/**
+ * DyPathProvider — scopes the ambient base path for a block/section subtree so
+ * `useDyPath(field)` inside it resolves to `${path}.${field}`.
+ *
+ * `<Blocks>` wraps each item in one of these automatically; use it directly
+ * only for a standalone section that isn't rendered through `<Blocks>` (e.g. a
+ * singleton object field: `<DyPathProvider path="hero">…</DyPathProvider>`).
+ */
+export function DyPathProvider({ path, children }) {
+    return _jsx(DyPathContext.Provider, { value: path, children: children });
+}
+//# sourceMappingURL=DyPathProvider.js.map

package/dist/providers/DyPathProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DyPathProvider.js","sourceRoot":"","sources":["../../src/providers/DyPathProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAyC;IACtF,OAAO,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,YAAG,QAAQ,GAA0B,CAAC;AAClF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dyrected/react",
-  "version": "2.5.51",
+  "version": "2.5.52",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -22,8 +22,8 @@
     "react-dom": ">=18.0.0"
   },
   "dependencies": {
-    "@dyrected/admin": "2.5.51",
-    "@dyrected/sdk": "2.5.51"
+    "@dyrected/admin": "2.5.52",
+    "@dyrected/sdk": "2.5.52"
   },
   "devDependencies": {
     "@types/node": "^20.12.12",