@dyrected/react 2.6.0 → 2.6.2

package/dist/hooks/useAddMediaFromUrl.d.ts

@@ -0,0 +1,10 @@
+import { type UseMediaURLOptions } from "./useMediaURL";
+export interface UseAddMediaFromUrlOptions extends UseMediaURLOptions {
+}
+/**
+ * Backwards-compatible alias for `useMediaURL`.
+ *
+ * Prefer `useMediaURL` for new code.
+ */
+export declare function useAddMediaFromUrl(options: UseAddMediaFromUrlOptions): import("@dyrected/admin/public").MediaURLHookResult;
+//# sourceMappingURL=useAddMediaFromUrl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAddMediaFromUrl.d.ts","sourceRoot":"","sources":["../../src/hooks/useAddMediaFromUrl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAErE,MAAM,WAAW,yBAA0B,SAAQ,kBAAkB;CAAG;AAExE;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,yBAAyB,uDAEpE"}

package/dist/hooks/useAddMediaFromUrl.js

@@ -0,0 +1,10 @@
+import { useMediaURL } from "./useMediaURL";
+/**
+ * Backwards-compatible alias for `useMediaURL`.
+ *
+ * Prefer `useMediaURL` for new code.
+ */
+export function useAddMediaFromUrl(options) {
+    return useMediaURL(options);
+}
+//# sourceMappingURL=useAddMediaFromUrl.js.map

package/dist/hooks/useAddMediaFromUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAddMediaFromUrl.js","sourceRoot":"","sources":["../../src/hooks/useAddMediaFromUrl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAA2B,MAAM,eAAe,CAAC;AAIrE;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAAC,OAAkC;IACnE,OAAO,WAAW,CAAC,OAAO,CAAC,CAAC;AAC9B,CAAC"}

package/dist/hooks/useAdminSchemas.d.ts

@@ -0,0 +1,10 @@
+import type { AdminSchemasResult } from "@dyrected/admin/public";
+/**
+ * Loads the admin schema registry for the current Dyrected client.
+ *
+ * This is primarily a low-level helper for higher-level admin hooks like
+ * `useMediaUpload` and `useMediaLibrary`. You usually won't call it directly
+ * unless you are building your own schema-aware UI.
+ */
+export declare function useAdminSchemas(): AdminSchemasResult;
+//# sourceMappingURL=useAdminSchemas.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAdminSchemas.d.ts","sourceRoot":"","sources":["../../src/hooks/useAdminSchemas.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAc/E;;;;;;GAMG;AACH,wBAAgB,eAAe,IAAI,kBAAkB,CA0DpD"}

package/dist/hooks/useAdminSchemas.js

@@ -0,0 +1,68 @@
+import * as React from "react";
+import { useDyrected } from "./useDyrected";
+const schemaCache = new WeakMap();
+async function loadSchemas(client) {
+    const cached = schemaCache.get(client);
+    if (cached)
+        return cached;
+    const request = client.getSchemas();
+    schemaCache.set(client, request);
+    return request;
+}
+/**
+ * Loads the admin schema registry for the current Dyrected client.
+ *
+ * This is primarily a low-level helper for higher-level admin hooks like
+ * `useMediaUpload` and `useMediaLibrary`. You usually won't call it directly
+ * unless you are building your own schema-aware UI.
+ */
+export function useAdminSchemas() {
+    const { client } = useDyrected();
+    const [schemas, setSchemas] = React.useState(null);
+    const [isLoading, setIsLoading] = React.useState(false);
+    const [error, setError] = React.useState(null);
+    const refresh = React.useCallback(async () => {
+        let nextSchemas;
+        setIsLoading(true);
+        setError(null);
+        try {
+            nextSchemas = await loadSchemas(client);
+        }
+        catch (nextError) {
+            const normalizedError = nextError instanceof Error ? nextError : new Error(String(nextError));
+            setError(normalizedError);
+            setIsLoading(false);
+            throw normalizedError;
+        }
+        setSchemas((currentSchemas) => (currentSchemas === nextSchemas ? currentSchemas : nextSchemas));
+        setIsLoading(false);
+        return nextSchemas;
+    }, [client]);
+    React.useEffect(() => {
+        let cancelled = false;
+        setIsLoading(true);
+        setError(null);
+        loadSchemas(client).then((nextSchemas) => {
+            if (cancelled)
+                return;
+            setSchemas((currentSchemas) => (currentSchemas === nextSchemas ? currentSchemas : nextSchemas));
+            setIsLoading(false);
+        }, (nextError) => {
+            if (cancelled)
+                return;
+            const normalizedError = nextError instanceof Error ? nextError : new Error(String(nextError));
+            setError(normalizedError);
+            setIsLoading(false);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [client]);
+    return {
+        schemas,
+        isLoading,
+        error,
+        refresh,
+    };
+}
+//# sourceMappingURL=useAdminSchemas.js.map

package/dist/hooks/useAdminSchemas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAdminSchemas.js","sourceRoot":"","sources":["../../src/hooks/useAdminSchemas.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useMediaLibrary.d.ts

@@ -0,0 +1,11 @@
+import { type MediaLibraryHookOptions, type MediaLibraryHookResult } from "@dyrected/admin/public";
+export type UseMediaLibraryOptions = MediaLibraryHookOptions;
+/**
+ * React hook for browsing and selecting media records from the Dyrected media library.
+ *
+ * This hook powers custom pickers, thumbnail choosers, and media drawers
+ * without requiring consumers to implement pagination, search, or selection
+ * state themselves.
+ */
+export declare function useMediaLibrary({ collection, pageSize, initialSearchQuery, initialSelectedIds, }: UseMediaLibraryOptions): MediaLibraryHookResult;
+//# sourceMappingURL=useMediaLibrary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaLibrary.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaLibrary.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAE5B,MAAM,wBAAwB,CAAC;AAIhC,MAAM,MAAM,sBAAsB,GAAG,uBAAuB,CAAA;AAE5D;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,QAAa,EACb,kBAAuB,EACvB,kBAAuB,GACxB,EAAE,sBAAsB,GAAG,sBAAsB,CA2CjD"}

package/dist/hooks/useMediaLibrary.js

@@ -0,0 +1,42 @@
+import * as React from "react";
+import { createMediaLibraryController, } from "@dyrected/admin/public";
+import { useDyrected } from "./useDyrected";
+import { useAdminSchemas } from "./useAdminSchemas";
+/**
+ * React hook for browsing and selecting media records from the Dyrected media library.
+ *
+ * This hook powers custom pickers, thumbnail choosers, and media drawers
+ * without requiring consumers to implement pagination, search, or selection
+ * state themselves.
+ */
+export function useMediaLibrary({ collection, pageSize = 12, initialSearchQuery = "", initialSelectedIds = [], }) {
+    const { client } = useDyrected();
+    const { schemas } = useAdminSchemas();
+    const selectedIdsKey = React.useMemo(() => initialSelectedIds.join("|"), [initialSelectedIds]);
+    const controller = React.useMemo(() => {
+        return createMediaLibraryController({
+            client,
+            schemas,
+            collection,
+            pageSize,
+            initialSearchQuery,
+            initialSelectedIds,
+        });
+    }, [client, schemas, collection, pageSize, initialSearchQuery, selectedIdsKey]);
+    const state = React.useSyncExternalStore(controller.subscribe, controller.getState, controller.getState);
+    const selectedItems = React.useMemo(() => state.items.filter((item) => state.selectedIds.includes(item.id)), [state.items, state.selectedIds]);
+    return {
+        ...state,
+        load: controller.load,
+        search: controller.search,
+        loadNextPage: controller.loadNextPage,
+        setSelectedIds: controller.setSelectedIds,
+        select: controller.select,
+        deselect: controller.deselect,
+        toggle: controller.toggle,
+        clearSelection: controller.clearSelection,
+        selectedItems,
+        controller,
+    };
+}
+//# sourceMappingURL=useMediaLibrary.js.map

package/dist/hooks/useMediaLibrary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaLibrary.js","sourceRoot":"","sources":["../../src/hooks/useMediaLibrary.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,4BAA4B,GAK7B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,UAAU,EACV,QAAQ,GAAG,EAAE,EACb,kBAAkB,GAAG,EAAE,EACvB,kBAAkB,GAAG,EAAE,GACA;IACvB,MAAM,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACjC,MAAM,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAC;IACtC,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,EAClC,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAyB,GAAG,EAAE;QAC5D,OAAO,4BAA4B,CAAC;YAClC,MAAM;YACN,OAAO;YACP,UAAU;YACV,QAAQ;YACR,kBAAkB;YAClB,kBAAkB;SACnB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,kBAAkB,EAAE,cAAc,CAAC,CAAC,CAAC;IAEhF,MAAM,KAAK,GAAG,KAAK,CAAC,oBAAoB,CACtC,UAAU,CAAC,SAAS,EACpB,UAAU,CAAC,QAAQ,EACnB,UAAU,CAAC,QAAQ,CACpB,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CACjC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EACvE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CACjC,CAAC;IAEF,OAAO;QACL,GAAG,KAAK;QACR,IAAI,EAAE,UAAU,CAAC,IAAI;QACrB,MAAM,EAAE,UAAU,CAAC,MAAM;QACzB,YAAY,EAAE,UAAU,CAAC,YAAY;QACrC,cAAc,EAAE,UAAU,CAAC,cAAc;QACzC,MAAM,EAAE,UAAU,CAAC,MAAM;QACzB,QAAQ,EAAE,UAAU,CAAC,QAAQ;QAC7B,MAAM,EAAE,UAAU,CAAC,MAAM;QACzB,cAAc,EAAE,UAAU,CAAC,cAAc;QACzC,aAAa;QACb,UAAU;KACX,CAAC;AACJ,CAAC"}

package/dist/hooks/useMediaURL.d.ts

@@ -0,0 +1,11 @@
+import { type MediaURLHookOptions, type MediaURLHookResult } from "@dyrected/admin/public";
+export type UseMediaURLOptions = MediaURLHookOptions;
+/**
+ * React hook for Dyrected's URL-based media ingestion flow.
+ *
+ * It classifies YouTube/Vimeo links, direct images, videos, and generic files,
+ * then routes each URL through the same shared ingestion behavior used by the
+ * admin app.
+ */
+export declare function useMediaURL({ collection, compressImages, maxDimension, quality, onAdded, onError, }: UseMediaURLOptions): MediaURLHookResult;
+//# sourceMappingURL=useMediaURL.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaURL.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaURL.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACxB,MAAM,wBAAwB,CAAC;AAIhC,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAA;AAEpD;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,cAAqB,EACrB,YAAmB,EACnB,OAAc,EACd,OAAO,EACP,OAAO,GACR,EAAE,kBAAkB,GAAG,kBAAkB,CA2DzC"}

package/dist/hooks/useMediaURL.js

@@ -0,0 +1,64 @@
+import * as React from "react";
+import { createMediaURLController, } from "@dyrected/admin/public";
+import { useDyrected } from "./useDyrected";
+import { useAdminSchemas } from "./useAdminSchemas";
+/**
+ * React hook for Dyrected's URL-based media ingestion flow.
+ *
+ * It classifies YouTube/Vimeo links, direct images, videos, and generic files,
+ * then routes each URL through the same shared ingestion behavior used by the
+ * admin app.
+ */
+export function useMediaURL({ collection, compressImages = true, maxDimension = 2048, quality = 0.85, onAdded, onError, }) {
+    const { client } = useDyrected();
+    const { schemas } = useAdminSchemas();
+    const [url, setUrl] = React.useState("");
+    const handlersRef = React.useRef({ onAdded, onError });
+    handlersRef.current = { onAdded, onError };
+    const controller = React.useMemo(() => {
+        return createMediaURLController({
+            client,
+            schemas,
+            collection,
+            compressImages,
+            maxDimension,
+            quality,
+            onAdded: async (item) => {
+                await handlersRef.current.onAdded?.(item);
+            },
+            onError: (error) => {
+                handlersRef.current.onError?.(error);
+            },
+        });
+    }, [client, schemas, collection, compressImages, maxDimension, quality]);
+    const state = React.useSyncExternalStore(controller.subscribe, controller.getState, controller.getState);
+    const submit = React.useCallback(async () => {
+        const trimmed = url.trim();
+        if (!trimmed)
+            return;
+        await controller.importURL(trimmed);
+        setUrl("");
+    }, [controller, url]);
+    const classifyURL = React.useCallback((nextUrl) => controller.classifyURL(nextUrl), [controller]);
+    return {
+        /** The URL to import. */
+        url,
+        /** Set the URL to import. */
+        setUrl,
+        /** Import the URL. */
+        submit,
+        /** Import the URL. */
+        importURL: controller.importURL,
+        /** Classify the URL. */
+        classifyURL,
+        /** Whether the URL is submitting. */
+        isSubmitting: state.isSubmitting,
+        /** Whether the URL can be submitted. */
+        canSubmit: !!url.trim() && !state.isSubmitting,
+        /** The active collection. */
+        activeCollection: state.activeCollection,
+        /** The controller instance. */
+        controller,
+    };
+}
+//# sourceMappingURL=useMediaURL.js.map

package/dist/hooks/useMediaURL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaURL.js","sourceRoot":"","sources":["../../src/hooks/useMediaURL.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,wBAAwB,GAKzB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,UAAU,EACV,cAAc,GAAG,IAAI,EACrB,YAAY,GAAG,IAAI,EACnB,OAAO,GAAG,IAAI,EACd,OAAO,EACP,OAAO,GACY;IACnB,MAAM,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACjC,MAAM,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAC;IACtC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;IAEvD,WAAW,CAAC,OAAO,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;IAE3C,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAqB,GAAG,EAAE;QACxD,OAAO,wBAAwB,CAAC;YAC9B,MAAM;YACN,OAAO;YACP,UAAU;YACV,cAAc;YACd,YAAY;YACZ,OAAO;YACP,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;gBACtB,MAAM,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC;YAC5C,CAAC;YACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YACvC,CAAC;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IAEzE,MAAM,KAAK,GAAG,KAAK,CAAC,oBAAoB,CAAC,UAAU,CAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAEzG,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QAC1C,MAAM,OAAO,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC;QAC3B,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,MAAM,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QACpC,MAAM,CAAC,EAAE,CAAC,CAAC;IACb,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC;IAEtB,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,OAAe,EAA0B,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,EAC5E,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,OAAO;QACL,yBAAyB;QACzB,GAAG;QACH,6BAA6B;QAC7B,MAAM;QACN,sBAAsB;QACtB,MAAM;QACN,sBAAsB;QACtB,SAAS,EAAE,UAAU,CAAC,SAAS;QAC/B,wBAAwB;QACxB,WAAW;QACX,qCAAqC;QACrC,YAAY,EAAE,KAAK,CAAC,YAAY;QAChC,wCAAwC;QACxC,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;QAC9C,6BAA6B;QAC7B,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,+BAA+B;QAC/B,UAAU;KACX,CAAC;AACJ,CAAC"}

package/dist/hooks/useMediaUpload.d.ts

@@ -0,0 +1,11 @@
+import { type MediaUploadHookOptions, type MediaUploadHookResult } from "@dyrected/admin/public";
+export type UseMediaUploadOptions = MediaUploadHookOptions;
+/**
+ * React hook for Dyrected's shared media upload pipeline.
+ *
+ * Use this when you want to build a custom upload UI in React while keeping the
+ * same queueing, image compression, progress tracking, and collection fallback
+ * behavior used by the admin app.
+ */
+export declare function useMediaUpload({ collectionSlug, compressImages, maxDimension, quality, onCompletedItem, onAllCompleted, onError, }?: UseMediaUploadOptions): MediaUploadHookResult;
+//# sourceMappingURL=useMediaUpload.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaUpload.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaUpload.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,EAC3B,MAAM,wBAAwB,CAAC;AAIhC,MAAM,MAAM,qBAAqB,GAAG,sBAAsB,CAAA;AAE1D;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAC7B,cAAwB,EACxB,cAAqB,EACrB,YAAmB,EACnB,OAAc,EACd,eAAe,EACf,cAAc,EACd,OAAO,GACR,GAAE,qBAA0B,GAAG,qBAAqB,CAyDpD"}

package/dist/hooks/useMediaUpload.js

@@ -0,0 +1,66 @@
+import * as React from "react";
+import { createMediaUploadController, } from "@dyrected/admin/public";
+import { useDyrected } from "./useDyrected";
+import { useAdminSchemas } from "./useAdminSchemas";
+/**
+ * React hook for Dyrected's shared media upload pipeline.
+ *
+ * Use this when you want to build a custom upload UI in React while keeping the
+ * same queueing, image compression, progress tracking, and collection fallback
+ * behavior used by the admin app.
+ */
+export function useMediaUpload({ collectionSlug = "media", compressImages = true, maxDimension = 2048, quality = 0.85, onCompletedItem, onAllCompleted, onError, } = {}) {
+    const { client } = useDyrected();
+    const { schemas } = useAdminSchemas();
+    const handlersRef = React.useRef({
+        onCompletedItem,
+        onAllCompleted,
+        onError,
+    });
+    handlersRef.current = {
+        onCompletedItem,
+        onAllCompleted,
+        onError,
+    };
+    const controller = React.useMemo(() => {
+        return createMediaUploadController({
+            client,
+            schemas,
+            collection: collectionSlug,
+            compressImages,
+            maxDimension,
+            quality,
+            onCompletedItem: async (item) => {
+                await handlersRef.current.onCompletedItem?.(item);
+            },
+            onAllCompleted: async (items) => {
+                await handlersRef.current.onAllCompleted?.(items);
+            },
+            onError: (error, file) => {
+                handlersRef.current.onError?.(error, file);
+            },
+        });
+    }, [client, schemas, collectionSlug, compressImages, maxDimension, quality]);
+    const state = React.useSyncExternalStore(controller.subscribe, controller.getState, controller.getState);
+    return {
+        /** The queue of files waiting to be uploaded. */
+        queue: state.queue,
+        /** Whether the queue is currently uploading. */
+        isUploading: state.isUploading,
+        /** The collection currently being uploaded to. */
+        activeCollection: state.activeCollection,
+        /** Upload files. */
+        uploadFiles: controller.uploadFiles,
+        /** Retry a failed upload. */
+        retryUpload: controller.retryUpload,
+        /** Remove an item from the queue. */
+        removeQueueItem: controller.removeQueueItem,
+        /** Clear completed items from the queue. */
+        clearCompleted: controller.clearCompleted,
+        /** Clear the entire queue. */
+        clearQueue: controller.clearCompleted,
+        /** The controller instance. */
+        controller,
+    };
+}
+//# sourceMappingURL=useMediaUpload.js.map

package/dist/hooks/useMediaUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaUpload.js","sourceRoot":"","sources":["../../src/hooks/useMediaUpload.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,2BAA2B,GAI5B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD;;;;;;GAMG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,cAAc,GAAG,OAAO,EACxB,cAAc,GAAG,IAAI,EACrB,YAAY,GAAG,IAAI,EACnB,OAAO,GAAG,IAAI,EACd,eAAe,EACf,cAAc,EACd,OAAO,MACkB,EAAE;IAC3B,MAAM,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACjC,MAAM,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAC;IACtC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC;QAC/B,eAAe;QACf,cAAc;QACd,OAAO;KACR,CAAC,CAAC;IAEH,WAAW,CAAC,OAAO,GAAG;QACpB,eAAe;QACf,cAAc;QACd,OAAO;KACR,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAwB,GAAG,EAAE;QAC3D,OAAO,2BAA2B,CAAC;YACjC,MAAM;YACN,OAAO;YACP,UAAU,EAAE,cAAc;YAC1B,cAAc;YACd,YAAY;YACZ,OAAO;YACP,eAAe,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;gBAC9B,MAAM,WAAW,CAAC,OAAO,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC;YACpD,CAAC;YACD,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;gBAC9B,MAAM,WAAW,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC,KAAK,CAAC,CAAC;YACpD,CAAC;YACD,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;gBACvB,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YAC7C,CAAC;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IAE7E,MAAM,KAAK,GAAG,KAAK,CAAC,oBAAoB,CAAC,UAAU,CAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAEzG,OAAO;QACL,iDAAiD;QACjD,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,gDAAgD;QAChD,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,kDAAkD;QAClD,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,oBAAoB;QACpB,WAAW,EAAE,UAAU,CAAC,WAAW;QACnC,6BAA6B;QAC7B,WAAW,EAAE,UAAU,CAAC,WAAW;QACnC,qCAAqC;QACrC,eAAe,EAAE,UAAU,CAAC,eAAe;QAC3C,4CAA4C;QAC5C,cAAc,EAAE,UAAU,CAAC,cAAc;QACzC,8BAA8B;QAC9B,UAAU,EAAE,UAAU,CAAC,cAAc;QACrC,+BAA+B;QAC/B,UAAU;KACX,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -1,6 +1,11 @@
 export * from './hooks/useLivePreview';
 export * from './hooks/useDyrected';
 export * from './hooks/useDyPath';
+export * from './hooks/useAdminSchemas';
+export * from './hooks/useMediaUpload';
+export * from './hooks/useMediaLibrary';
+export * from './hooks/useMediaURL';
+export * from './hooks/useAddMediaFromUrl';
 export * from './providers/DyrectedProvider';
 export * from './providers/DyPathProvider';
 export * from './components/DyrectedImage';
@@ -8,6 +13,8 @@ export * from './components/DyrectedMedia';
 export * from './components/DyrectedIcon';
 export * from './components/DyrectedRichText';
 export * from './components/Blocks';
+export { AdminThemeProvider, AdminThemedRoot, DyrectedFieldPathProvider, DyrectedFormProvider, useAdminTheme, useDyrectedForm, useField, } from '@dyrected/admin/public';
+export type { AdminThemePreference, ResolvedAdminTheme, DyrectedFieldPathProviderProps, DyrectedFormProviderProps, } from '@dyrected/admin/public';
 export { DyrectedClient, DyrectedError, getPreviewToken, PREVIEW_TOKEN_PARAM } from '@dyrected/sdk';
 export type { CollectionConfig, GlobalConfig } from '@dyrected/sdk';
 export type { Register, RegisteredSchema, BaseSchema, InferSchema } from '@dyrected/sdk';

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,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AAGpC,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpG,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAIpE,YAAY,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,WAAW,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,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,yBAAyB,EACzB,oBAAoB,EACpB,aAAa,EACb,eAAe,EACf,QAAQ,GACT,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,oBAAoB,EACpB,kBAAkB,EAClB,8BAA8B,EAC9B,yBAAyB,GAC1B,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpG,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAIpE,YAAY,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/index.js

@@ -1,6 +1,11 @@
 export * from './hooks/useLivePreview';
 export * from './hooks/useDyrected';
 export * from './hooks/useDyPath';
+export * from './hooks/useAdminSchemas';
+export * from './hooks/useMediaUpload';
+export * from './hooks/useMediaLibrary';
+export * from './hooks/useMediaURL';
+export * from './hooks/useAddMediaFromUrl';
 export * from './providers/DyrectedProvider';
 export * from './providers/DyPathProvider';
 export * from './components/DyrectedImage';
@@ -8,6 +13,7 @@ export * from './components/DyrectedMedia';
 export * from './components/DyrectedIcon';
 export * from './components/DyrectedRichText';
 export * from './components/Blocks';
+export { AdminThemeProvider, AdminThemedRoot, DyrectedFieldPathProvider, DyrectedFormProvider, useAdminTheme, useDyrectedForm, useField, } from '@dyrected/admin/public';
 // Re-export core types and errors from SDK for convenience
 export { DyrectedClient, DyrectedError, getPreviewToken, PREVIEW_TOKEN_PARAM } 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,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AAEpC,2DAA2D;AAC3D,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,eAAe,EAAE,mBAAmB,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,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,yBAAyB,EACzB,oBAAoB,EACpB,aAAa,EACb,eAAe,EACf,QAAQ,GACT,MAAM,wBAAwB,CAAC;AAQhC,2DAA2D;AAC3D,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dyrected/react",
-  "version": "2.6.0",
+  "version": "2.6.2",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -23,9 +23,9 @@
   },
   "dependencies": {
     "lucide-react": "^1.14.0",
-    "@dyrected/admin": "2.6.0",
-    "@dyrected/core": "2.6.0",
-    "@dyrected/sdk": "2.6.0"
+    "@dyrected/admin": "2.6.2",
+    "@dyrected/core": "2.6.2",
+    "@dyrected/sdk": "2.6.2"
   },
   "devDependencies": {
     "@types/node": "^20.12.12",