@env-hopper/frontend-core 2.0.1-alpha → 2.0.1-alpha.1

package/dist/esm/api/unsorted/appCatalogFetcher.d.ts

@@ -0,0 +1,10 @@
+import { AppCatalogData, TRPCRouter } from '@env-hopper/backend-core';
+import { QueryFunctionContext, QueryKey } from '@tanstack/react-query';
+import { TRPCClient } from '@trpc/client';
+import { EhDb } from '~/userDb/EhDb';
+export declare const queryKey: QueryKey;
+export interface AppCatalogFetcherParams {
+    db?: EhDb;
+    trpcClient?: TRPCClient<TRPCRouter>;
+}
+export declare function appCatalogFetcher({ db, trpcClient, }?: AppCatalogFetcherParams): (ctx: QueryFunctionContext) => Promise<AppCatalogData | undefined>;

package/dist/esm/api/unsorted/appCatalogFetcher.js

@@ -0,0 +1,18 @@
+import { createCachingFetcher } from "./createCachingFetcher.js";
+import { dbCacheDbKeys } from "../../userDb/EhDb.js";
+import { getTrpcFromMeta, getDbFromMeta } from "../../util/reactQueryUtils.js";
+function appCatalogFetcher({
+  db,
+  trpcClient
+} = {}) {
+  return createCachingFetcher({
+    cacheKey: dbCacheDbKeys.AppCatalog,
+    networkFetchFn: trpcClient ? () => trpcClient.appCatalog.query() : (ctx) => getTrpcFromMeta(ctx).appCatalog.query(),
+    getDbTable: db ? () => db.appCatalog : (ctx) => getDbFromMeta(ctx).appCatalog,
+    queryKey: ["appCatalog"]
+  });
+}
+export {
+  appCatalogFetcher
+};
+//# sourceMappingURL=appCatalogFetcher.js.map

package/dist/esm/api/unsorted/appCatalogFetcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appCatalogFetcher.js","sources":["../../../../src/api/unsorted/appCatalogFetcher.ts"],"sourcesContent":["import { createCachingFetcher } from './createCachingFetcher'\nimport type { AppCatalogData, TRPCRouter } from '@env-hopper/backend-core'\nimport type { QueryFunctionContext, QueryKey } from '@tanstack/react-query'\nimport type { TRPCClient } from '@trpc/client'\nimport type { EhDb } from '~/userDb/EhDb'\nimport { dbCacheDbKeys } from '~/userDb/EhDb'\nimport { getDbFromMeta, getTrpcFromMeta } from '~/util/reactQueryUtils'\n\nexport const queryKey: QueryKey = ['appCatalog']\n\nexport interface AppCatalogFetcherParams {\n  db?: EhDb\n  trpcClient?: TRPCClient<TRPCRouter>\n}\n\nexport function appCatalogFetcher({\n  db,\n  trpcClient,\n}: AppCatalogFetcherParams = {}): (\n  ctx: QueryFunctionContext,\n) => Promise<AppCatalogData | undefined> {\n  return createCachingFetcher<AppCatalogData>({\n    cacheKey: dbCacheDbKeys.AppCatalog,\n    networkFetchFn: trpcClient\n      ? () => trpcClient.appCatalog.query()\n      : (ctx) => getTrpcFromMeta(ctx).appCatalog.query(),\n    getDbTable: db\n      ? () => db.appCatalog\n      : (ctx) => getDbFromMeta(ctx).appCatalog,\n    queryKey: ['appCatalog'],\n  })\n}\n"],"names":[],"mappings":";;;AAeO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,IAA6B,IAEY;AACvC,SAAO,qBAAqC;AAAA,IAC1C,UAAU,cAAc;AAAA,IACxB,gBAAgB,aACZ,MAAM,WAAW,WAAW,MAAA,IAC5B,CAAC,QAAQ,gBAAgB,GAAG,EAAE,WAAW,MAAA;AAAA,IAC7C,YAAY,KACR,MAAM,GAAG,aACT,CAAC,QAAQ,cAAc,GAAG,EAAE;AAAA,IAChC,UAAU,CAAC,YAAY;AAAA,EAAA,CACxB;AACH;"}

package/dist/esm/api/unsorted/createCachingFetcher.d.ts

@@ -0,0 +1,23 @@
+import { QueryFunctionContext } from '@tanstack/react-query';
+import { Table } from 'dexie';
+/**
+ * Error wrapper for TRPC errors to detect network/server errors
+ */
+export declare class TRPCErrorWrapper extends Error {
+    constructor(originalError: unknown);
+    static isNetworkOrServerError(error: unknown): boolean;
+}
+export interface CachingFetcherParams<T> {
+    cacheKey: string;
+    networkFetchFn: (ctx: QueryFunctionContext) => Promise<T>;
+    getDbTable: (ctx: QueryFunctionContext) => Table<T>;
+    queryKey: ReadonlyArray<unknown>;
+}
+/**
+ * Creates a cache-first fetcher that:
+ * 1. Checks IndexedDB cache first, returns immediately if found
+ * 2. Background sync from network when cache exists
+ * 3. Handles errors gracefully - preserves cache on network/server errors
+ * 4. Saves fresh data to IndexedDB after successful fetch
+ */
+export declare function createCachingFetcher<T>({ cacheKey, networkFetchFn, getDbTable, queryKey, }: CachingFetcherParams<T>): (ctx: QueryFunctionContext) => Promise<T | undefined>;

package/dist/esm/api/unsorted/createCachingFetcher.js

@@ -0,0 +1,93 @@
+import { DexieErrorWrapper } from "../../util/error-utils.js";
+class TRPCErrorWrapper extends Error {
+  constructor(originalError) {
+    super("TRPC Error");
+    this.name = "TRPCError";
+    this.cause = originalError;
+  }
+  static isNetworkOrServerError(error) {
+    var _a;
+    if (!error) return false;
+    const anyError = error;
+    if ((_a = anyError == null ? void 0 : anyError.data) == null ? void 0 : _a.httpStatus) {
+      const status = anyError.data.httpStatus;
+      if (status >= 500) return true;
+    }
+    if (typeof (anyError == null ? void 0 : anyError.message) === "string") {
+      const msg = anyError.message.toLowerCase();
+      if (msg.includes("fetch") || msg.includes("network") || msg.includes("failed")) {
+        return true;
+      }
+    }
+    return false;
+  }
+}
+function createCachingFetcher({
+  cacheKey,
+  networkFetchFn,
+  getDbTable,
+  queryKey
+}) {
+  return async (ctx) => {
+    const queryClient = ctx.client;
+    const dbTable = getDbTable(ctx);
+    let cached = void 0;
+    try {
+      cached = await dbTable.get(cacheKey);
+    } catch (e) {
+      throw new DexieErrorWrapper(e);
+    }
+    if (cached) {
+      void syncFromNetwork(
+        {
+          networkFetchFn,
+          getDbTable,
+          cacheKey,
+          queryClient,
+          queryKey
+        },
+        ctx
+      ).catch((error) => {
+        console.debug(`Background sync failed for ${cacheKey}:`, error);
+      });
+      return cached;
+    }
+    const newLocal = await syncFromNetwork(
+      {
+        networkFetchFn,
+        getDbTable,
+        cacheKey,
+        queryClient,
+        queryKey
+      },
+      ctx
+    );
+    console.log("no cache, sync from network ", queryKey, newLocal);
+    return newLocal;
+  };
+}
+async function syncFromNetwork({
+  networkFetchFn,
+  getDbTable,
+  cacheKey,
+  queryClient,
+  queryKey
+}, ctx) {
+  try {
+    const fresh = await networkFetchFn(ctx);
+    const dbTable = getDbTable(ctx);
+    await dbTable.put(fresh, cacheKey);
+    queryClient.setQueryData(queryKey, fresh);
+    return fresh;
+  } catch (error) {
+    if (TRPCErrorWrapper.isNetworkOrServerError(error)) {
+      throw new TRPCErrorWrapper(error);
+    }
+    throw error;
+  }
+}
+export {
+  TRPCErrorWrapper,
+  createCachingFetcher
+};
+//# sourceMappingURL=createCachingFetcher.js.map

package/dist/esm/api/unsorted/createCachingFetcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCachingFetcher.js","sources":["../../../../src/api/unsorted/createCachingFetcher.ts"],"sourcesContent":["import type { QueryClient, QueryFunctionContext } from '@tanstack/react-query'\nimport type { Table } from 'dexie'\nimport { DexieErrorWrapper } from '~/util/error-utils'\n\n/**\n * Error wrapper for TRPC errors to detect network/server errors\n */\nexport class TRPCErrorWrapper extends Error {\n  constructor(originalError: unknown) {\n    super('TRPC Error')\n    this.name = 'TRPCError'\n    this.cause = originalError\n  }\n\n  static isNetworkOrServerError(error: unknown): boolean {\n    if (!error) return false\n\n    // Check if it's a TRPC error with HTTP status\n    const anyError = error as any\n    if (anyError?.data?.httpStatus) {\n      const status = anyError.data.httpStatus\n      // 5xx server errors or specific error codes\n      if (status >= 500) return true\n    }\n\n    // Check for network-related error messages\n    if (typeof anyError?.message === 'string') {\n      const msg = anyError.message.toLowerCase()\n      if (\n        msg.includes('fetch') ||\n        msg.includes('network') ||\n        msg.includes('failed')\n      ) {\n        return true\n      }\n    }\n\n    return false\n  }\n}\n\nexport interface CachingFetcherParams<T> {\n  cacheKey: string\n  networkFetchFn: (ctx: QueryFunctionContext) => Promise<T>\n  getDbTable: (ctx: QueryFunctionContext) => Table<T>\n  queryKey: ReadonlyArray<unknown>\n}\n\n/**\n * Creates a cache-first fetcher that:\n * 1. Checks IndexedDB cache first, returns immediately if found\n * 2. Background sync from network when cache exists\n * 3. Handles errors gracefully - preserves cache on network/server errors\n * 4. Saves fresh data to IndexedDB after successful fetch\n */\nexport function createCachingFetcher<T>({\n  cacheKey,\n  networkFetchFn,\n  getDbTable,\n  queryKey,\n}: CachingFetcherParams<T>): (\n  ctx: QueryFunctionContext,\n) => Promise<T | undefined> {\n  return async (ctx: QueryFunctionContext) => {\n    // Get queryClient from context\n    const queryClient = ctx.client\n\n    // Get dbTable from context\n    const dbTable = getDbTable(ctx)\n\n    // console.log('fetching...', queryKey);\n\n    // Try to get cached data from IndexedDB\n    let cached: T | undefined = undefined\n    try {\n      cached = await dbTable.get(cacheKey)\n      // console.log('Fetching cached data for', cacheKey, cached);\n    } catch (e) {\n      // console.log(`Error fetching cached data for ${cacheKey}:`, e)\n      throw new DexieErrorWrapper(e)\n    }\n\n    // If we have cached data, return it immediately and sync in background\n    if (cached) {\n      // console.log('fetching... sync in back', queryKey);\n\n      void syncFromNetwork(\n        {\n          networkFetchFn,\n          getDbTable,\n          cacheKey,\n          queryClient,\n          queryKey,\n        },\n        ctx,\n      ).catch((error) => {\n        // Silently handle background sync errors\n        // We already returned cached data, so the user is not affected\n        console.debug(`Background sync failed for ${cacheKey}:`, error)\n      })\n      return cached\n    }\n\n    const newLocal = await syncFromNetwork(\n      {\n        networkFetchFn,\n        getDbTable,\n        cacheKey,\n        queryClient,\n        queryKey,\n      },\n      ctx,\n    )\n    console.log('no cache, sync from network ', queryKey, newLocal)\n\n    return newLocal\n  }\n}\n\nasync function syncFromNetwork<T>(\n  {\n    networkFetchFn,\n    getDbTable,\n    cacheKey,\n    queryClient,\n    queryKey,\n  }: {\n    networkFetchFn: (ctx: QueryFunctionContext) => Promise<T>\n    getDbTable: (ctx: QueryFunctionContext) => Table<T>\n    cacheKey: string\n    queryClient: QueryClient\n    queryKey: ReadonlyArray<unknown>\n  },\n  ctx: QueryFunctionContext,\n): Promise<T> {\n  try {\n    const fresh = await networkFetchFn(ctx)\n\n    // Get dbTable and save to IndexedDB\n    const dbTable = getDbTable(ctx)\n    await dbTable.put(fresh, cacheKey)\n\n    // Update React Query cache\n    queryClient.setQueryData(queryKey, fresh)\n\n    return fresh\n  } catch (error) {\n    // Check if this is a network or server error\n    if (TRPCErrorWrapper.isNetworkOrServerError(error)) {\n      // If we have cached data, we should have returned it already\n      // This path is only reached if we had no cache and network failed\n      // In this case, we should still throw to let React Query handle it\n      throw new TRPCErrorWrapper(error)\n    }\n\n    // For other errors, re-throw as-is\n    throw error\n  }\n}\n"],"names":[],"mappings":";AAOO,MAAM,yBAAyB,MAAM;AAAA,EAC1C,YAAY,eAAwB;AAClC,UAAM,YAAY;AAClB,SAAK,OAAO;AACZ,SAAK,QAAQ;AAAA,EACf;AAAA,EAEA,OAAO,uBAAuB,OAAyB;;AACrD,QAAI,CAAC,MAAO,QAAO;AAGnB,UAAM,WAAW;AACjB,SAAI,0CAAU,SAAV,mBAAgB,YAAY;AAC9B,YAAM,SAAS,SAAS,KAAK;AAE7B,UAAI,UAAU,IAAK,QAAO;AAAA,IAC5B;AAGA,QAAI,QAAO,qCAAU,aAAY,UAAU;AACzC,YAAM,MAAM,SAAS,QAAQ,YAAA;AAC7B,UACE,IAAI,SAAS,OAAO,KACpB,IAAI,SAAS,SAAS,KACtB,IAAI,SAAS,QAAQ,GACrB;AACA,eAAO;AAAA,MACT;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AACF;AAgBO,SAAS,qBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAE4B;AAC1B,SAAO,OAAO,QAA8B;AAE1C,UAAM,cAAc,IAAI;AAGxB,UAAM,UAAU,WAAW,GAAG;AAK9B,QAAI,SAAwB;AAC5B,QAAI;AACF,eAAS,MAAM,QAAQ,IAAI,QAAQ;AAAA,IAErC,SAAS,GAAG;AAEV,YAAM,IAAI,kBAAkB,CAAC;AAAA,IAC/B;AAGA,QAAI,QAAQ;AAGV,WAAK;AAAA,QACH;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAEF;AAAA,MAAA,EACA,MAAM,CAAC,UAAU;AAGjB,gBAAQ,MAAM,8BAA8B,QAAQ,KAAK,KAAK;AAAA,MAChE,CAAC;AACD,aAAO;AAAA,IACT;AAEA,UAAM,WAAW,MAAM;AAAA,MACrB;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF;AAAA,IAAA;AAEF,YAAQ,IAAI,gCAAgC,UAAU,QAAQ;AAE9D,WAAO;AAAA,EACT;AACF;AAEA,eAAe,gBACb;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOA,KACY;AACZ,MAAI;AACF,UAAM,QAAQ,MAAM,eAAe,GAAG;AAGtC,UAAM,UAAU,WAAW,GAAG;AAC9B,UAAM,QAAQ,IAAI,OAAO,QAAQ;AAGjC,gBAAY,aAAa,UAAU,KAAK;AAExC,WAAO;AAAA,EACT,SAAS,OAAO;AAEd,QAAI,iBAAiB,uBAAuB,KAAK,GAAG;AAIlD,YAAM,IAAI,iBAAiB,KAAK;AAAA,IAClC;AAGA,UAAM;AAAA,EACR;AACF;"}

package/dist/esm/api/unsorted/indexDataFetcher.d.ts

@@ -1,11 +1,8 @@
-import { QueryClient, QueryKey } from '@tanstack/react-query';
-import { TRPCClient } from '@trpc/client';
 import { BootstrapConfigData, TRPCRouter } from '@env-hopper/backend-core';
-import { EhDb } from '~/userDb/EhDb';
+import { QueryFunctionContext, QueryKey } from '@tanstack/react-query';
+import { TRPCClient } from '@trpc/client';
 export declare const queryKey: QueryKey;
 export interface IndexDataFetcherParams {
     trpcClient: TRPCClient<TRPCRouter>;
-    queryClient: QueryClient;
-    db: EhDb;
 }
-export declare function indexDataFetcher({ queryClient, trpcClient, db, }: IndexDataFetcherParams): () => Promise<BootstrapConfigData>;
+export declare function indexDataFetcher({ trpcClient, }: IndexDataFetcherParams): (ctx: QueryFunctionContext) => Promise<BootstrapConfigData | undefined>;

package/dist/esm/api/unsorted/resourceJumpsExtendedFetcher.d.ts

@@ -0,0 +1,9 @@
+import { ResourceJumpsExtendedData, TRPCRouter } from '@env-hopper/backend-core';
+import { QueryFunctionContext } from '@tanstack/react-query';
+import { TRPCClient } from '@trpc/client';
+import { EhDb } from '~/userDb/EhDb';
+export interface ResourceJumpsExtendedFetcherParams {
+    db?: EhDb;
+    trpcClient?: TRPCClient<TRPCRouter>;
+}
+export declare function resourceJumpsExtendedFetcher({ db, trpcClient, }?: ResourceJumpsExtendedFetcherParams): (ctx: QueryFunctionContext) => Promise<ResourceJumpsExtendedData | undefined>;

package/dist/esm/api/unsorted/resourceJumpsExtendedFetcher.js

@@ -0,0 +1,18 @@
+import { createCachingFetcher } from "./createCachingFetcher.js";
+import { dbCacheDbKeys } from "../../userDb/EhDb.js";
+import { getTrpcFromMeta, getDbFromMeta } from "../../util/reactQueryUtils.js";
+function resourceJumpsExtendedFetcher({
+  db,
+  trpcClient
+} = {}) {
+  return createCachingFetcher({
+    cacheKey: dbCacheDbKeys.ResourceJumpsExtended,
+    networkFetchFn: trpcClient ? () => trpcClient.resourceJumpsExtended.query() : (ctx) => getTrpcFromMeta(ctx).resourceJumpsExtended.query(),
+    getDbTable: db ? () => db.resourceJumpsExtended : (ctx) => getDbFromMeta(ctx).resourceJumpsExtended,
+    queryKey: ["resourceJumpsExtended"]
+  });
+}
+export {
+  resourceJumpsExtendedFetcher
+};
+//# sourceMappingURL=resourceJumpsExtendedFetcher.js.map

package/dist/esm/api/unsorted/resourceJumpsExtendedFetcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resourceJumpsExtendedFetcher.js","sources":["../../../../src/api/unsorted/resourceJumpsExtendedFetcher.ts"],"sourcesContent":["import { createCachingFetcher } from './createCachingFetcher'\nimport type {\n  ResourceJumpsExtendedData,\n  TRPCRouter,\n} from '@env-hopper/backend-core'\nimport type { QueryFunctionContext } from '@tanstack/react-query'\nimport type { TRPCClient } from '@trpc/client'\nimport type { EhDb } from '~/userDb/EhDb'\nimport { dbCacheDbKeys } from '~/userDb/EhDb'\nimport { getDbFromMeta, getTrpcFromMeta } from '~/util/reactQueryUtils'\n\nexport interface ResourceJumpsExtendedFetcherParams {\n  db?: EhDb\n  trpcClient?: TRPCClient<TRPCRouter>\n}\n\nexport function resourceJumpsExtendedFetcher({\n  db,\n  trpcClient,\n}: ResourceJumpsExtendedFetcherParams = {}): (\n  ctx: QueryFunctionContext,\n) => Promise<ResourceJumpsExtendedData | undefined> {\n  return createCachingFetcher<ResourceJumpsExtendedData>({\n    cacheKey: dbCacheDbKeys.ResourceJumpsExtended,\n    networkFetchFn: trpcClient\n      ? () => trpcClient.resourceJumpsExtended.query()\n      : (ctx) => getTrpcFromMeta(ctx).resourceJumpsExtended.query(),\n    getDbTable: db\n      ? () => db.resourceJumpsExtended\n      : (ctx) => getDbFromMeta(ctx).resourceJumpsExtended,\n    queryKey: ['resourceJumpsExtended'],\n  })\n}\n"],"names":[],"mappings":";;;AAgBO,SAAS,6BAA6B;AAAA,EAC3C;AAAA,EACA;AACF,IAAwC,IAEY;AAClD,SAAO,qBAAgD;AAAA,IACrD,UAAU,cAAc;AAAA,IACxB,gBAAgB,aACZ,MAAM,WAAW,sBAAsB,MAAA,IACvC,CAAC,QAAQ,gBAAgB,GAAG,EAAE,sBAAsB,MAAA;AAAA,IACxD,YAAY,KACR,MAAM,GAAG,wBACT,CAAC,QAAQ,cAAc,GAAG,EAAE;AAAA,IAChC,UAAU,CAAC,uBAAuB;AAAA,EAAA,CACnC;AACH;"}

package/dist/esm/api/unsorted/resourceJumpsFetcher.d.ts

@@ -0,0 +1,10 @@
+import { ResourceJumpsData, TRPCRouter } from '@env-hopper/backend-core';
+import { QueryFunctionContext, QueryKey } from '@tanstack/react-query';
+import { TRPCClient } from '@trpc/client';
+import { EhDb } from '~/userDb/EhDb';
+export declare const queryKey: QueryKey;
+export interface ResourceJumpsFetcherParams {
+    db?: EhDb;
+    trpcClient?: TRPCClient<TRPCRouter>;
+}
+export declare function resourceJumpsFetcher({ db, trpcClient, }?: ResourceJumpsFetcherParams): (ctx: QueryFunctionContext) => Promise<ResourceJumpsData | undefined>;

package/dist/esm/api/unsorted/resourceJumpsFetcher.js

@@ -0,0 +1,18 @@
+import { createCachingFetcher } from "./createCachingFetcher.js";
+import { dbCacheDbKeys } from "../../userDb/EhDb.js";
+import { getTrpcFromMeta, getDbFromMeta } from "../../util/reactQueryUtils.js";
+function resourceJumpsFetcher({
+  db,
+  trpcClient
+} = {}) {
+  return createCachingFetcher({
+    cacheKey: dbCacheDbKeys.ResourceJumps,
+    networkFetchFn: trpcClient ? () => trpcClient.resourceJumps.query() : (ctx) => getTrpcFromMeta(ctx).resourceJumps.query(),
+    getDbTable: db ? () => db.resourceJumps : (ctx) => getDbFromMeta(ctx).resourceJumps,
+    queryKey: ["resourceJumps"]
+  });
+}
+export {
+  resourceJumpsFetcher
+};
+//# sourceMappingURL=resourceJumpsFetcher.js.map

package/dist/esm/api/unsorted/resourceJumpsFetcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resourceJumpsFetcher.js","sources":["../../../../src/api/unsorted/resourceJumpsFetcher.ts"],"sourcesContent":["import { createCachingFetcher } from './createCachingFetcher'\nimport type { ResourceJumpsData, TRPCRouter } from '@env-hopper/backend-core'\nimport type { QueryFunctionContext, QueryKey } from '@tanstack/react-query'\nimport type { TRPCClient } from '@trpc/client'\nimport type { EhDb } from '~/userDb/EhDb'\nimport { dbCacheDbKeys } from '~/userDb/EhDb'\nimport { getDbFromMeta, getTrpcFromMeta } from '~/util/reactQueryUtils'\n\nexport const queryKey: QueryKey = ['resourceJumps']\n\nexport interface ResourceJumpsFetcherParams {\n  db?: EhDb\n  trpcClient?: TRPCClient<TRPCRouter>\n}\n\nexport function resourceJumpsFetcher({\n  db,\n  trpcClient,\n}: ResourceJumpsFetcherParams = {}): (\n  ctx: QueryFunctionContext,\n) => Promise<ResourceJumpsData | undefined> {\n  return createCachingFetcher<ResourceJumpsData>({\n    cacheKey: dbCacheDbKeys.ResourceJumps,\n    networkFetchFn: trpcClient\n      ? () => trpcClient.resourceJumps.query()\n      : (ctx) => getTrpcFromMeta(ctx).resourceJumps.query(),\n    getDbTable: db\n      ? () => db.resourceJumps\n      : (ctx) => getDbFromMeta(ctx).resourceJumps,\n    queryKey: ['resourceJumps'],\n  })\n}\n"],"names":[],"mappings":";;;AAeO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AACF,IAAgC,IAEY;AAC1C,SAAO,qBAAwC;AAAA,IAC7C,UAAU,cAAc;AAAA,IACxB,gBAAgB,aACZ,MAAM,WAAW,cAAc,MAAA,IAC/B,CAAC,QAAQ,gBAAgB,GAAG,EAAE,cAAc,MAAA;AAAA,IAChD,YAAY,KACR,MAAM,GAAG,gBACT,CAAC,QAAQ,cAAc,GAAG,EAAE;AAAA,IAChC,UAAU,CAAC,eAAe;AAAA,EAAA,CAC3B;AACH;"}

package/dist/esm/appPropsFactory.js

@@ -1,27 +1,29 @@
 import { createBrowserHistory } from "@tanstack/react-router";
 import { createTRPCClient, httpBatchLink } from "@trpc/client";
-import { PageUrlJumpPlugin } from "./plugins/builtin/pageUrl/pageUrlJumpPlugin.js";
 import { EhDb } from "./userDb/EhDb.js";
-import { createEhRouter } from "./util/createEhRouter.js";
 import { createQueryClient } from "./api/infra/createQueryClient.js";
+import { createEhRouter } from "./util/createEhRouter.js";
 function appPropsFactory() {
   const trpcClient = createTRPCClient({
     links: [
       httpBatchLink({
-        url: "http://localhost:4000/trpc"
+        url: `${window.location.origin}/trpc`
       })
     ]
   });
   const db = new EhDb();
-  const queryClient = createQueryClient({ trpcClient });
-  const plugins = [new PageUrlJumpPlugin()];
+  const queryClient = createQueryClient({ trpcClient, db });
+  const plugins = [
+    // Future plugins can be added here
+  ];
   const router = createEhRouter({
     history: createBrowserHistory(),
     context: {
       queryClient,
       trpcClient,
       db,
-      plugins
+      plugins,
+      boostrapHealth: {}
     }
   });
   return { router, queryClient, trpcClient, db };

package/dist/esm/appPropsFactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"appPropsFactory.js","sources":["../../src/appPropsFactory.ts"],"sourcesContent":["import { createBrowserHistory } from '@tanstack/react-router'\nimport { createTRPCClient, httpBatchLink } from '@trpc/client'\nimport { PageUrlJumpPlugin } from './plugins/builtin/pageUrl/pageUrlJumpPlugin'\nimport { EhDb } from './userDb/EhDb'\nimport type { AppProps } from './App'\nimport type { EhPlugin } from './modules/pluginCore/types'\nimport type { TRPCRouter } from '@env-hopper/backend-core'\nimport { createEhRouter } from '~/util/createEhRouter'\nimport { createQueryClient } from '~/api/infra/createQueryClient'\n\n// registerSW();\nexport function appPropsFactory(): AppProps {\n  const trpcClient = createTRPCClient<TRPCRouter>({\n    links: [\n      httpBatchLink({\n        url: 'http://localhost:4000/trpc',\n      }),\n    ],\n  })\n\n  const db = new EhDb()\n  const queryClient = createQueryClient({ trpcClient })\n  const plugins: Array<EhPlugin> = [new PageUrlJumpPlugin()]\n  const router = createEhRouter({\n    history: createBrowserHistory(),\n    context: {\n      queryClient,\n      trpcClient,\n      db,\n      plugins,\n    },\n  })\n\n  return { router, queryClient, trpcClient, db }\n}\n"],"names":[],"mappings":";;;;;;AAWO,SAAS,kBAA4B;AAC1C,QAAM,aAAa,iBAA6B;AAAA,IAC9C,OAAO;AAAA,MACL,cAAc;AAAA,QACZ,KAAK;AAAA,MAAA,CACN;AAAA,IAAA;AAAA,EACH,CACD;AAED,QAAM,KAAK,IAAI,KAAA;AACf,QAAM,cAAc,kBAAkB,EAAE,YAAY;AACpD,QAAM,UAA2B,CAAC,IAAI,mBAAmB;AACzD,QAAM,SAAS,eAAe;AAAA,IAC5B,SAAS,qBAAA;AAAA,IACT,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF,CACD;AAED,SAAO,EAAE,QAAQ,aAAa,YAAY,GAAA;AAC5C;"}
+{"version":3,"file":"appPropsFactory.js","sources":["../../src/appPropsFactory.ts"],"sourcesContent":["import { createBrowserHistory } from '@tanstack/react-router'\nimport { createTRPCClient, httpBatchLink } from '@trpc/client'\nimport { EhDb } from './userDb/EhDb'\nimport type { TRPCRouter } from '@env-hopper/backend-core'\nimport type { AppProps } from './App'\nimport type { EhPlugin } from './modules/pluginCore/types'\nimport { createQueryClient } from '~/api/infra/createQueryClient'\nimport { createEhRouter } from '~/util/createEhRouter'\n\n// registerSW();\nexport function appPropsFactory(): AppProps {\n  const trpcClient = createTRPCClient<TRPCRouter>({\n    links: [\n      httpBatchLink({\n        url: `${window.location.origin}/trpc`,\n      }),\n    ],\n  })\n\n  const db = new EhDb()\n  const queryClient = createQueryClient({ trpcClient, db })\n  const plugins: Array<EhPlugin> = [\n    // Future plugins can be added here\n  ]\n  const router = createEhRouter({\n    history: createBrowserHistory(),\n    context: {\n      queryClient,\n      trpcClient,\n      db,\n      plugins,\n      boostrapHealth: {},\n    },\n  })\n\n  return { router, queryClient, trpcClient, db }\n}\n"],"names":[],"mappings":";;;;;AAUO,SAAS,kBAA4B;AAC1C,QAAM,aAAa,iBAA6B;AAAA,IAC9C,OAAO;AAAA,MACL,cAAc;AAAA,QACZ,KAAK,GAAG,OAAO,SAAS,MAAM;AAAA,MAAA,CAC/B;AAAA,IAAA;AAAA,EACH,CACD;AAED,QAAM,KAAK,IAAI,KAAA;AACf,QAAM,cAAc,kBAAkB,EAAE,YAAY,IAAI;AACxD,QAAM,UAA2B;AAAA;AAAA,EAAA;AAGjC,QAAM,SAAS,eAAe;AAAA,IAC5B,SAAS,qBAAA;AAAA,IACT,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB,CAAA;AAAA,IAAC;AAAA,EACnB,CACD;AAED,SAAO,EAAE,QAAQ,aAAa,YAAY,GAAA;AAC5C;"}

package/dist/esm/assets/app-catalog.svg.js

@@ -0,0 +1,6 @@
+import * as React from "react";
+const SvgAppCatalog = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 443.93 270.99", ...props }, /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("style", null, "\n      .cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9, .cls-10, .cls-11, .cls-12, .cls-13, .cls-14, .cls-15, .cls-16, .cls-17, .cls-18 {\n        stroke-miterlimit: 10;\n      }\n\n      .cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9, .cls-10, .cls-11, .cls-12, .cls-14, .cls-15, .cls-16, .cls-17, .cls-18 {\n        stroke: #231f20;\n      }\n\n      .cls-1, .cls-2, .cls-4, .cls-8, .cls-11, .cls-14, .cls-18 {\n        stroke-width: 2px;\n      }\n\n      .cls-1, .cls-3, .cls-6, .cls-8, .cls-13, .cls-16 {\n        fill: none;\n      }\n\n      .cls-2 {\n        fill: #87a2d4;\n      }\n\n      .cls-2, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9, .cls-10, .cls-11, .cls-12, .cls-14, .cls-15, .cls-16, .cls-17, .cls-18 {\n        stroke-linecap: round;\n      }\n\n      .cls-19 {\n        fill: #faf7ed;\n      }\n\n      .cls-3, .cls-6, .cls-10, .cls-17 {\n        stroke-width: 4px;\n      }\n\n      .cls-4 {\n        fill: #eca832;\n      }\n\n      .cls-5 {\n        fill: #e4724a;\n      }\n\n      .cls-5, .cls-7, .cls-12, .cls-13, .cls-15, .cls-16 {\n        stroke-width: 3px;\n      }\n\n      .cls-20 {\n        fill: #f2999b;\n      }\n\n      .cls-21 {\n        fill: #fcf7eb;\n      }\n\n      .cls-22 {\n        fill: #fff;\n      }\n\n      .cls-23 {\n        fill: #fceac1;\n      }\n\n      .cls-24 {\n        fill: #dc6827;\n      }\n\n      .cls-7 {\n        fill: #708fc8;\n      }\n\n      .cls-25 {\n        fill: #fdf5d8;\n      }\n\n      .cls-26 {\n        fill: #fdfaf5;\n      }\n\n      .cls-27 {\n        fill: #eeedee;\n      }\n\n      .cls-28 {\n        fill: #faf8f5;\n      }\n\n      .cls-9 {\n        fill: #010101;\n      }\n\n      .cls-10 {\n        fill: #fab33d;\n      }\n\n      .cls-11 {\n        fill: #d38b41;\n      }\n\n      .cls-12 {\n        fill: #3782c2;\n      }\n\n      .cls-13 {\n        stroke: #fff;\n      }\n\n      .cls-14 {\n        fill: #65a443;\n      }\n\n      .cls-15 {\n        fill: #e9d5c6;\n      }\n\n      .cls-29 {\n        fill: #c85e29;\n      }\n\n      .cls-17 {\n        fill: #f07a84;\n      }\n\n      .cls-18 {\n        fill: #388aca;\n      }\n    ")), /* @__PURE__ */ React.createElement("g", { id: "Layer_3", "data-name": "Layer 3" }, /* @__PURE__ */ React.createElement("path", { className: "cls-14", d: "M193.66,37.05c.63,24.54,1.25,49.09.94,73.64-.05,4.18-.13,8.45,1.1,12.45,12.09-.12,24.18.44,36.2,1.68,2.87-10.5,1.62-21.62,1.03-32.49-1.44-26.08.96-52.49-3.8-78.18-.35-1.88-.86-3.95-2.47-5-1.13-.74-2.57-.79-3.92-.78-8.85.07-17.67,1.77-25.92,4.95-1.72.66-3.13.89-3.69,2.64s.12,4.61.16,6.42l.37,14.66Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-15", d: "M274.09,83.92c-.03,52.84,7.29,39.66-29.16,39.26-25.5,4.72-21.33-49.03-20.76-65.16.76-9.51,1.95-19.13.28-28.52-.15-3.22-3.06-8.56.48-10.53,24.24-12.48,20.06-7.95,43.21-4.76,4.82.46,3.63,2.75,4.06,8.53,1.25,20.34.99,40.81,1.89,61.18Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-11", d: "M262.49,124.9c-17.68.47-79.79,2.13-93.15,2.49-2.19,5.73-4,11.6-5.44,17.56" }), /* @__PURE__ */ React.createElement("path", { className: "cls-11", d: "M160.47,142.91c24.48,2.19,142.75,4.83,179.14,3.67,12.26-.39,73.72-1.34,91.67-2.26-1.87-6.7-3.96-15.81-4.1-22.77-31.09-2.35-62.32-1.52-93.49-.69-24.87.66-49.75,1.33-74.62,1.99" }), /* @__PURE__ */ React.createElement("path", { className: "cls-2", d: "M368.24,18.29c-.58,33.33.05,66.81,1.64,99.98.05,1.09-.62,2.1-1.65,2.45-6.29,2.08-40.08.42-40.08-.7-.05-30.72-3.46-104.01-.41-107.67.58-.7,1.54-.97,2.42-.75,11.48,2.82,23.59,4.7,35.56,4.19,1.4-.06,2.55,1.09,2.53,2.5Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-5", d: "M373.14,120.05c27.42-5.29,26.31,19.56,17.27-57.28-29.5-3.14-18.88-3.11-17.27,57.28Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-22", d: "M378.58,73.28c2.67-.13,12.92,2.58,10.59-2.31-2.82-1.6-11.27-2.28-14.14-.77-2.52,1.93,1.76,2.82,3.55,3.08Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-4", d: "M328.39,110.27c-.3,2.52-.58,5.29.82,7.42.74,1.12,1.88,1.93,3.12,2.43,2.18.9,4.61.91,6.97.87,4.25-.07,8.49-.27,12.73-.6.98-.08,2.01-.17,2.83-.72,1.37-.92,1.7-2.76,1.89-4.4,2.6-22.96.37-46.16-1.94-69.15-.05-.53-.12-1.09-.42-1.53-.22-.33-.56-.56-.89-.77-6.36-3.89-21.28-.99-21.66.47-1.36,5.22-1.6,16.83-1.45,22.17.19,6.81.14,13.63-.14,20.45-.32,7.81-.94,15.61-1.86,23.37Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-26", d: "M360.55,30.96c-7.93-1.37-16.6-2.7-24.11.96,5.04,7.69,37.87,1.4,16.63-2" }), /* @__PURE__ */ React.createElement("path", { className: "cls-26", d: "M355.42,20.66c-5.78,1.44-14.49-.09-18.91,3.02,5.9,5.19,36.89,1.72,15.63-3.02" }), /* @__PURE__ */ React.createElement("path", { className: "cls-18", d: "M237.02,113.68c-9.06-9.19-19.3-17.22-30.39-23.82,6.62-8.71,10.39-19.18,15.2-29,6.79-13.84,15.8-26.58,26.58-37.59.22-.22.44-.45.73-.56.89-.36,1.77.48,2.43,1.19,6.53,7.02,17.5,7.57,25.44,12.94.31.21.65.47.72.84.06.32-.09.64-.24.93-6.06,11.75-12.14,23.51-19.31,34.62-5.01,7.76-10.56,15.2-14.8,23.41-2.7,5.24-5.02,10.98-9.66,14.62" }), /* @__PURE__ */ React.createElement("path", { className: "cls-12", d: "M236.09,109.61c15.63-22.04,27.57-46.38,40.13-70.09,5.59-.95,12.14,8.54,19.79,6.98-12.77,23.06-25.91,45.82-33.25,71.36-5.32,8.55-18.15-8.11-26.67-8.25Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-7", d: "M300.18,38.25c-4.73,27.47,1.15,54.99,2.2,82.63,10.16.19,20.33.12,30.49-.21,1.33-34.66-2.44-65.91-.96-100.48.04-1.04-.95-1.79-1.94-1.47-20.9,6.68-32.82-13.84-29.79,19.53Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-1", d: "M301.67,30.21l22.41.57c2.02.05,4.24.04,5.8-1.24" }), /* @__PURE__ */ React.createElement("path", { className: "cls-22", d: "M281.48,54.23c12.85,2.61,2.12-4.42-3.55-4.47-5.12-.47,2.2,3.8,3.55,4.47Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-3", d: "M201.5,23.21l11.28-1.61c1.33-.19,2.68-.38,4.01-.21" }), /* @__PURE__ */ React.createElement("path", { className: "cls-1", d: "M255.59,11.97c-.42,3.96-.85,10.63-.16,14.55" }), /* @__PURE__ */ React.createElement("path", { className: "cls-13", d: "M337.3,51.58c4.42-.12,8.84-.1,13.26.07" }), /* @__PURE__ */ React.createElement("path", { className: "cls-26", d: "M327.83,24.32c-7.93-1.37-16.6-2.7-24.11.96,5.04,7.69,37.87,1.4,16.63-2" }), /* @__PURE__ */ React.createElement("path", { className: "cls-27", d: "M422.67,155.53c3.64-1.33,2.25-7.06-1.58-7.64-52.67-8.06-117.1,1.2-170.1-2.92-.1,0-.2-.02-.29-.03-16.6-2.39-33.32-3.24-38.3,17.31-.05.19,1.66,1.66,1.63,1.86-1.8,15.39,16.44-4.33,33.72-5.22,31.62-1.62,142.23,8.6,174.92-3.36Z" })), /* @__PURE__ */ React.createElement("g", { id: "Layer_2", "data-name": "Layer 2" }, /* @__PURE__ */ React.createElement("path", { className: "cls-10", d: "M186.45,71.44c-.1-2.31-.72-4.56-.96-6.86s-.04-4.78,1.33-6.64c1.72-2.34,4.8-3.13,7.63-3.76,8.03-1.8,16.06-3.6,24.09-5.41,3.48-.78,7.57-1.42,10.23.96.33.29.63.64.75,1.06.22.8-.27,1.6-.74,2.29-6.11,9.03-11.39,18.63-15.76,28.62-.93,2.13-2.07,4.52-4.28,5.24.77.97.37,2.39-.07,3.56-3.01,7.96-6.31,15.81-9.87,23.54-.82,1.77-1.66,3.55-2.83,5.11-2.87,3.81-7.75,6.01-12.51,5.64.22-4.8.43-9.73-1.05-14.31-.89-2.75-2.36-5.27-3.84-7.74-1.73-2.89-5.38-6.81-6.04-10.1s2.81-4.35,5.01-5.79c5.15-3.38,9.18-9.02,8.91-15.39Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-10", d: "M145.04,179.3c-21.62,9.98-57.57,15.13-80.17-2.43-25.1-19.51-17.78-41.98-19.36-43.36-15.17-13.25-19.58-45.06-16.49-54.92.57-1.83,8.67-4.3,46.88,8,9.44-12.76,18.07-13.4,21-13.08,2.21-19.21,5.93-34.39,14.36-37.1,6.14-1.98,15.95,10.35,31.36,31.36.81,1.1,25.99,7.14,38.65,27.9,11.52,18.88,11.1,40.87-3.75,59.13-8.45,10.38-25.29,21.2-32.47,24.51Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-26", d: "M187.68,73.98c.83-2.07,1.67-4.17,3.06-5.91.6-.76,1.3-1.44,2-2.11,1.96-1.91,3.92-3.81,5.88-5.72,1.17-1.14,2.36-2.29,3.8-3.05,3.7-1.95,8.18-.98,12.36-1.18,3.93-.19,7.81-1.49,11.05-3.72.59-.4,1.2-.92,1.27-1.63.06-.69-.45-1.32-1.08-1.6s-1.34-.29-2.03-.25c-3.95.23-7.72,1.7-11.64,2.22-1.93.26-3.89.28-5.83.49-5.07.53-10,2.28-14.27,5.07-.77.5-1.52,1.04-2.13,1.72-1.32,1.48-1.86,3.48-2.35,5.4-1.03,3.98-2.06,8.09-1.5,12.16" }), /* @__PURE__ */ React.createElement("ellipse", { className: "cls-22", cx: 101.02, cy: 126.03, rx: 17.38, ry: 16.78 }), /* @__PURE__ */ React.createElement("ellipse", { className: "cls-22", cx: 150.39, cy: 96.17, rx: 14.56, ry: 17.15, transform: "translate(-25.8 67.51) rotate(-23.36)" }), /* @__PURE__ */ React.createElement("ellipse", { cx: 155.51, cy: 93.96, rx: 8.75, ry: 11.68, transform: "translate(-25.03 73.55) rotate(-24.69)" }), /* @__PURE__ */ React.createElement("circle", { className: "cls-22", cx: 156.8, cy: 88.17, r: 1.29 }), /* @__PURE__ */ React.createElement("ellipse", { cx: 108.47, cy: 122.8, rx: 9.52, ry: 11.65, transform: "translate(-41.38 56.54) rotate(-24.69)" }), /* @__PURE__ */ React.createElement("circle", { className: "cls-22", cx: 111.4, cy: 117.41, r: 2.65 }), /* @__PURE__ */ React.createElement("path", { className: "cls-10", d: "M181.09,195.54c4.89,18.56,3.47,39.77,5.49,58.84-18.51,4.48-95.07-7.08-122.92,5.79-1.22-7.39,9.73-23.52,13.95-29.7s11.86-23.19,12.26-30.67c.13-2.35,1.14-9.55,2.65-9.87,12.91-2.76,26.35-1.74,38.88-5.89,23.35-9.14,48.55-23.2,56.29-48.44,4.96-13.35,11.66-26.27,12.33-40.7,1.3-7.83,12.3-7.89,11.61.56,2.04-5.47,8.12-11.96,14.04-7.7,2.41,1.95-1.44,3.74-.99,6.92,1.45-8.16,13.29-6.76,9.78.87,27.72-3.79-12.55,54.06-18.06,62.85-14.55,19.09-32.94,40.67-57.28,46.01" }), /* @__PURE__ */ React.createElement("path", { className: "cls-17", d: "M142.11,117.9c-5.66,2.52-5,7.08,1.03,8.67,3.6.6,8.85-2.4,8.32-6.59-.45-4.28-6.36-3.05-9.18-2.15l-.18.07Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-6", d: "M150.15,124.56c3.2,9.45.83,20.45-10.2,21.81-6.49.8-12.99-2.28-18.41-5.56" }), /* @__PURE__ */ React.createElement("path", { d: "M82.81,124.26c.6-3.91,2.44-7.64,5.24-10.44s6.57-4.58,10.51-5.03c6.81-.79,11.58,3.71,15.17,4.92-12.48-3.09-17.24-2.1-22.39,1.89s-5.33,7.95-8.09,15.17c0,0-.75-4.43-.43-6.51Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-9", d: "M140.9,83.74c-3.23,2.9-3.45,6.73-5.22,8.82-1.52,1.65-.51.2-.35-1.88.99-12.75,14.46-10.89,17.17-11.07.62-.04.79.81.22,1.05" }), /* @__PURE__ */ React.createElement("path", { className: "cls-24", d: "M88.2,245.44c6.55,2.43,20.3,5.02,26.01.23.46-.47,3.73-3.12,1.89-3.06-12.66-2.26-20.7-15.24-32.66-19.71-6.44,13.02-11.85,14.83,4.75,22.53Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-24", d: "M86.16,214.54c4.82,9.92,32.74,13.25,39.64,4.83,1.58-1.48.34-2.59-1.49-2.67-36.51-5.66-32.05-24.51-38.15-2.32" }), /* @__PURE__ */ React.createElement("path", { className: "cls-24", d: "M107.67,200.52c6.59-.31,12.99-3.41,18.42-6.97,6.94-8.51-.58-5.62-5.93-3.05-8.75,3.93-19.58-1.8-27.86,2.14-4.08,7.15,10.99,8.58,15.36,7.88Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-24", d: "M66.4,157.96c1.7-3.58,3.25-7.22,4.47-11-3.4-.82-6.7,1.36-10.02,2.46-3.72,1.22-13,.64-11.05,4.32,2.43,4.6,6.79,24.92,16.6,4.21Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-24", d: "M93.96,160.99c-.66,7.59-8.75,13.51-8.68,21.5,0,.94-.35,1.97-1.42,1.94-30.34-6.63-5.19-19.82,10.09-23.44Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-24", d: "M105.34,180.28c3.58-6.57,22.2-14.08,16.09-.82-2.08,8.01-30.06,10.81-16.09.82Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-20", d: "M46.23,108.16c.21-1.38.84-2.65,1.26-3.98s.64-2.82.04-4.08c-.42-.88-1.2-1.54-1.97-2.14-1.82-1.42-3.76-2.68-5.8-3.78,6.99-.69,14.14.22,20.74,2.63.94.34,1.99.85,2.23,1.82.14.56-.03,1.16-.28,1.68-.64,1.33-1.76,2.36-2.81,3.4-3.04,2.97-5.77,6.24-8.44,9.55-.57.7-1.02,1.68-2.02,1.48-.69-.14-1.45-1.23-1.81-1.77-.95-1.39-1.4-3.14-1.15-4.81Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-20", d: "M104.16,61.74c.93-2.2,1.87-4.4,3.1-6.45,1.14-1.91,2.52-3.66,3.93-5.37.45-.55,1-1.13,1.71-1.15.55,0,1.04.34,1.48.67,4.27,3.21,8.54,6.43,12.81,9.64,2.23,1.68,4.54,3.45,5.73,5.98-4.31-.81-8.77-.84-13.1-.09-2.2.38-4.37.96-6.57,1.32-3.06.49-6.17.55-9.21,1.12-1.34.25-2.4.66-1.88-.99s1.34-3.14,1.99-4.67Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-29", d: "M92.88,83.31c2.74,1.82,5.25,4.14,8.41,5.06,1.12.32,2.54.36,3.2-.6.4-.59.37-1.39.09-2.04s-.77-1.19-1.26-1.71c-2.11-2.23-4.39-4.37-7.15-5.7-1.96-.94-7.36-2.52-8.96-.17s4.3,4.24,5.67,5.15Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-29", d: "M114.71,79.67c.53.26,1.09.52,1.69.51,1.56,0,2.57-1.88,2.26-3.4s-1.5-2.7-2.7-3.69c-.99-.82-2.04-1.59-3.23-2.08-1.01-.41-2.1-.6-3.18-.79-1.22-.21-4.07-1.32-5.07-.22-.83.91-.11,2.41.55,3.17,2.43,2.77,6.43,4.9,9.69,6.5Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-23", d: "M62.6,97.58c-.99-1.69-2.68-2.87-4.42-3.78-5.15-2.72-11.23-3.63-16.94-2.54-1.4.27-2.89.73-3.71,1.89,6.49,1.1,13.01,2.21,19.32,4.07,1.73.51,3.47,1.08,5.27,1.16.32-.95-.51-2.09-1.52-2.07" }), /* @__PURE__ */ React.createElement("path", { className: "cls-24", d: "M183.86,177.11c14.87,16.24,10.55-14.45-5.12-18.23-.98,5.68,1.64,13.4,5.12,18.23Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-24", d: "M194.13,154.52c1.35,4.7,13.57,13.25,14.78,5.01-2.26-4.28-20.23-18.38-14.78-5.01Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-24", d: "M199.58,135.98c-.25,7.15,18.68,14.87,20.68,7.1-2.16-2.78-23.35-14.78-19.88-5.07" }), /* @__PURE__ */ React.createElement("path", { className: "cls-25", d: "M209.51,96.42c.63,1.1,2.09,1.45,3.34,1.24.9-.15-1.24-5.7-2.61-5.99-2.53-.52-1.37,3.61-.73,4.74Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-19", d: "M219.78,96.09c.26.87.53,1.74.79,2.6.16.54.33,1.09.65,1.56s.81.85,1.38.89c.09,0,.19,0,.26-.04.13-.08.17-.24.2-.39.38-2-.05-4.07.24-6.08.12-.85.37-1.68.46-2.54s.01-1.77-.47-2.48c-.87-1.28-3.83-2.21-4.61-.45-.83,1.86.56,5.15,1.09,6.92Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-28", d: "M237.02,105.09c3.01,3.69,1.63,9.18-.22,13.56-6.62,15.68-17.25,29.27-27.76,42.65-5.75,7.32-11.53,14.67-18.44,20.89-6.27,5.64-13.37,10.26-20.43,14.85,3.36-.34,5.72-3.33,8.49-5.27,2.25-1.58,4.9-2.5,7.26-3.91,3.18-1.9,5.76-4.63,8.3-7.32,7.82-8.29,15.65-16.6,22.92-25.37,1.8-2.17,3.56-4.36,5.19-6.65,3.73-5.25,6.74-10.97,9.74-16.67,4.47-8.5,9.03-17.33,9.68-26.91.15-2.14.02-4.51-1.42-6.11-1.28-1.43-4.43-1.7-5.77-.14-2.04,2.38,1.15,4.78,2.47,6.39Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-21", d: "M29.7,89.46c3.21-7.8,32.82,3.77,44.36-1.29-10.08-4.69-30.96-8.36-42.55-9.38" }), /* @__PURE__ */ React.createElement("path", { className: "cls-21", d: "M77.16,86.07c2.98-2.39,5.96-4.78,8.94-7.16,1.11-.89,2.22-1.78,3.47-2.44,1.92-1.03,4.13-1.49,6.29-1.33-.03,1.18-1.34,1.87-2.49,2.12s-13.35,9.67-16.43,10.64" }), /* @__PURE__ */ React.createElement("path", { className: "cls-21", d: "M119.65,68.77c4.71-.11,9.42-.23,14.12-.34.1,0,.2,0,.28-.05.33-.17.12-.68-.15-.94-1.23-1.21-2.93-1.86-4.65-2.11s-3.45-.13-5.18,0c-1.81.14-3.61.3-5.42.45-3.9.34-7.81.68-11.6,1.62-2.33.58-4.7,1.45-6.32,3.3,1.08.82,1.99.3,3.1-.13,1.62-.62,3.4-.89,5.11-1.13,3.55-.5,7.13-.59,10.71-.67Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-16", d: "M168.05,112.86c4.64-4.5,10.84-7.15,15.38-11.75" }), /* @__PURE__ */ React.createElement("path", { className: "cls-16", d: "M173.23,117.26c5.89-.85,9.6-7.14,15.31-8.8" }), /* @__PURE__ */ React.createElement("path", { className: "cls-16", d: "M175.75,121.8c5.67.1,8.3-5.85,13.97-5.75" }), /* @__PURE__ */ React.createElement("path", { className: "cls-8", d: "M107.76,152.78c-6.64,1.98-13.44,3.44-20.31,4.35" }), /* @__PURE__ */ React.createElement("path", { className: "cls-8", d: "M111.71,156.45c-5.33,4.96-13.37,6.17-18.59,11.25" }), /* @__PURE__ */ React.createElement("path", { className: "cls-8", d: "M114.01,162.32c-4.11,3.86-7.87,8.09-11.22,12.63" }), /* @__PURE__ */ React.createElement("path", { className: "cls-10", d: "M60,260.76c6.75-8.08,5.3-12.37,6.3-22.76-1.23-26.74-23.08-52.14-47.77-60.76-8.34-4.04-14.85-1.28-12.31,8.09,2.71,10.04,14.98,13.97,22.64,19.55,32.51,25.01,12.04,35.93,20.1,55.88h11.04Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-24", d: "M48.77,236.25c-.51.02-1.16-.07-1.3-.6-.06-.23,0-.46.07-.69.83-3.15.59-6.61-.68-9.58,5.52.27,10.51-3.37,15.93-4.53.91-.19,2.64,8.61,2.23,9.93-.46,1.49-2.03,2-3.26,2.52-1.96.82-3.98,1.48-6.04,1.96-2.29.54-4.62.87-6.96.99Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-24", d: "M36.57,208.43c-.24.2-.48.41-.63.68-.5.94.35,2.02,1.18,2.68,2.08,1.65,4.54,2.81,7.14,3.38,1.5.33,3.15.44,4.5-.28,1.23-.65,2.03-1.87,2.74-3.06,1.21-2.05,2.28-4.18,3.2-6.37.33-.77.63-1.69.2-2.41-.23-.39-.63-.64-1.02-.87-1.25-.73-3.02-1.89-4.49-2.06s-2.98,1.22-4.14,1.95c-3.04,1.92-5.94,4.04-8.68,6.35Z" }), /* @__PURE__ */ React.createElement("path", { className: "cls-24", d: "M14.99,192.27c-.38.56-.75,1.25-.5,1.87.16.4.53.66.89.89,1.45.91,3.05,1.56,4.64,2.2,1.91.77,4.08,1.54,5.98.73.82-.35,1.5-.98,2.12-1.62,1.86-1.93,3.39-4.18,4.51-6.62,1.76-3.84-.44-6.56-4.58-6.67-3-.08-6.6,2.67-8.77,4.5-1.63,1.38-3.08,2.97-4.28,4.73Z" })));
+export {
+  SvgAppCatalog as default
+};
+//# sourceMappingURL=app-catalog.svg.js.map

package/dist/esm/assets/app-catalog.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-catalog.svg.js","sources":["../../../src/assets/app-catalog.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgAppCatalog = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", viewBox: \"0 0 443.93 270.99\", ...props }, /* @__PURE__ */ React.createElement(\"defs\", null, /* @__PURE__ */ React.createElement(\"style\", null, \"\\n      .cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9, .cls-10, .cls-11, .cls-12, .cls-13, .cls-14, .cls-15, .cls-16, .cls-17, .cls-18 {\\n        stroke-miterlimit: 10;\\n      }\\n\\n      .cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9, .cls-10, .cls-11, .cls-12, .cls-14, .cls-15, .cls-16, .cls-17, .cls-18 {\\n        stroke: #231f20;\\n      }\\n\\n      .cls-1, .cls-2, .cls-4, .cls-8, .cls-11, .cls-14, .cls-18 {\\n        stroke-width: 2px;\\n      }\\n\\n      .cls-1, .cls-3, .cls-6, .cls-8, .cls-13, .cls-16 {\\n        fill: none;\\n      }\\n\\n      .cls-2 {\\n        fill: #87a2d4;\\n      }\\n\\n      .cls-2, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9, .cls-10, .cls-11, .cls-12, .cls-14, .cls-15, .cls-16, .cls-17, .cls-18 {\\n        stroke-linecap: round;\\n      }\\n\\n      .cls-19 {\\n        fill: #faf7ed;\\n      }\\n\\n      .cls-3, .cls-6, .cls-10, .cls-17 {\\n        stroke-width: 4px;\\n      }\\n\\n      .cls-4 {\\n        fill: #eca832;\\n      }\\n\\n      .cls-5 {\\n        fill: #e4724a;\\n      }\\n\\n      .cls-5, .cls-7, .cls-12, .cls-13, .cls-15, .cls-16 {\\n        stroke-width: 3px;\\n      }\\n\\n      .cls-20 {\\n        fill: #f2999b;\\n      }\\n\\n      .cls-21 {\\n        fill: #fcf7eb;\\n      }\\n\\n      .cls-22 {\\n        fill: #fff;\\n      }\\n\\n      .cls-23 {\\n        fill: #fceac1;\\n      }\\n\\n      .cls-24 {\\n        fill: #dc6827;\\n      }\\n\\n      .cls-7 {\\n        fill: #708fc8;\\n      }\\n\\n      .cls-25 {\\n        fill: #fdf5d8;\\n      }\\n\\n      .cls-26 {\\n        fill: #fdfaf5;\\n      }\\n\\n      .cls-27 {\\n        fill: #eeedee;\\n      }\\n\\n      .cls-28 {\\n        fill: #faf8f5;\\n      }\\n\\n      .cls-9 {\\n        fill: #010101;\\n      }\\n\\n      .cls-10 {\\n        fill: #fab33d;\\n      }\\n\\n      .cls-11 {\\n        fill: #d38b41;\\n      }\\n\\n      .cls-12 {\\n        fill: #3782c2;\\n      }\\n\\n      .cls-13 {\\n        stroke: #fff;\\n      }\\n\\n      .cls-14 {\\n        fill: #65a443;\\n      }\\n\\n      .cls-15 {\\n        fill: #e9d5c6;\\n      }\\n\\n      .cls-29 {\\n        fill: #c85e29;\\n      }\\n\\n      .cls-17 {\\n        fill: #f07a84;\\n      }\\n\\n      .cls-18 {\\n        fill: #388aca;\\n      }\\n    \")), /* @__PURE__ */ React.createElement(\"g\", { id: \"Layer_3\", \"data-name\": \"Layer 3\" }, /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-14\", d: \"M193.66,37.05c.63,24.54,1.25,49.09.94,73.64-.05,4.18-.13,8.45,1.1,12.45,12.09-.12,24.18.44,36.2,1.68,2.87-10.5,1.62-21.62,1.03-32.49-1.44-26.08.96-52.49-3.8-78.18-.35-1.88-.86-3.95-2.47-5-1.13-.74-2.57-.79-3.92-.78-8.85.07-17.67,1.77-25.92,4.95-1.72.66-3.13.89-3.69,2.64s.12,4.61.16,6.42l.37,14.66Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-15\", d: \"M274.09,83.92c-.03,52.84,7.29,39.66-29.16,39.26-25.5,4.72-21.33-49.03-20.76-65.16.76-9.51,1.95-19.13.28-28.52-.15-3.22-3.06-8.56.48-10.53,24.24-12.48,20.06-7.95,43.21-4.76,4.82.46,3.63,2.75,4.06,8.53,1.25,20.34.99,40.81,1.89,61.18Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-11\", d: \"M262.49,124.9c-17.68.47-79.79,2.13-93.15,2.49-2.19,5.73-4,11.6-5.44,17.56\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-11\", d: \"M160.47,142.91c24.48,2.19,142.75,4.83,179.14,3.67,12.26-.39,73.72-1.34,91.67-2.26-1.87-6.7-3.96-15.81-4.1-22.77-31.09-2.35-62.32-1.52-93.49-.69-24.87.66-49.75,1.33-74.62,1.99\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-2\", d: \"M368.24,18.29c-.58,33.33.05,66.81,1.64,99.98.05,1.09-.62,2.1-1.65,2.45-6.29,2.08-40.08.42-40.08-.7-.05-30.72-3.46-104.01-.41-107.67.58-.7,1.54-.97,2.42-.75,11.48,2.82,23.59,4.7,35.56,4.19,1.4-.06,2.55,1.09,2.53,2.5Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-5\", d: \"M373.14,120.05c27.42-5.29,26.31,19.56,17.27-57.28-29.5-3.14-18.88-3.11-17.27,57.28Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-22\", d: \"M378.58,73.28c2.67-.13,12.92,2.58,10.59-2.31-2.82-1.6-11.27-2.28-14.14-.77-2.52,1.93,1.76,2.82,3.55,3.08Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-4\", d: \"M328.39,110.27c-.3,2.52-.58,5.29.82,7.42.74,1.12,1.88,1.93,3.12,2.43,2.18.9,4.61.91,6.97.87,4.25-.07,8.49-.27,12.73-.6.98-.08,2.01-.17,2.83-.72,1.37-.92,1.7-2.76,1.89-4.4,2.6-22.96.37-46.16-1.94-69.15-.05-.53-.12-1.09-.42-1.53-.22-.33-.56-.56-.89-.77-6.36-3.89-21.28-.99-21.66.47-1.36,5.22-1.6,16.83-1.45,22.17.19,6.81.14,13.63-.14,20.45-.32,7.81-.94,15.61-1.86,23.37Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-26\", d: \"M360.55,30.96c-7.93-1.37-16.6-2.7-24.11.96,5.04,7.69,37.87,1.4,16.63-2\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-26\", d: \"M355.42,20.66c-5.78,1.44-14.49-.09-18.91,3.02,5.9,5.19,36.89,1.72,15.63-3.02\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-18\", d: \"M237.02,113.68c-9.06-9.19-19.3-17.22-30.39-23.82,6.62-8.71,10.39-19.18,15.2-29,6.79-13.84,15.8-26.58,26.58-37.59.22-.22.44-.45.73-.56.89-.36,1.77.48,2.43,1.19,6.53,7.02,17.5,7.57,25.44,12.94.31.21.65.47.72.84.06.32-.09.64-.24.93-6.06,11.75-12.14,23.51-19.31,34.62-5.01,7.76-10.56,15.2-14.8,23.41-2.7,5.24-5.02,10.98-9.66,14.62\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-12\", d: \"M236.09,109.61c15.63-22.04,27.57-46.38,40.13-70.09,5.59-.95,12.14,8.54,19.79,6.98-12.77,23.06-25.91,45.82-33.25,71.36-5.32,8.55-18.15-8.11-26.67-8.25Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-7\", d: \"M300.18,38.25c-4.73,27.47,1.15,54.99,2.2,82.63,10.16.19,20.33.12,30.49-.21,1.33-34.66-2.44-65.91-.96-100.48.04-1.04-.95-1.79-1.94-1.47-20.9,6.68-32.82-13.84-29.79,19.53Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-1\", d: \"M301.67,30.21l22.41.57c2.02.05,4.24.04,5.8-1.24\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-22\", d: \"M281.48,54.23c12.85,2.61,2.12-4.42-3.55-4.47-5.12-.47,2.2,3.8,3.55,4.47Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-3\", d: \"M201.5,23.21l11.28-1.61c1.33-.19,2.68-.38,4.01-.21\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-1\", d: \"M255.59,11.97c-.42,3.96-.85,10.63-.16,14.55\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-13\", d: \"M337.3,51.58c4.42-.12,8.84-.1,13.26.07\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-26\", d: \"M327.83,24.32c-7.93-1.37-16.6-2.7-24.11.96,5.04,7.69,37.87,1.4,16.63-2\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-27\", d: \"M422.67,155.53c3.64-1.33,2.25-7.06-1.58-7.64-52.67-8.06-117.1,1.2-170.1-2.92-.1,0-.2-.02-.29-.03-16.6-2.39-33.32-3.24-38.3,17.31-.05.19,1.66,1.66,1.63,1.86-1.8,15.39,16.44-4.33,33.72-5.22,31.62-1.62,142.23,8.6,174.92-3.36Z\" })), /* @__PURE__ */ React.createElement(\"g\", { id: \"Layer_2\", \"data-name\": \"Layer 2\" }, /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-10\", d: \"M186.45,71.44c-.1-2.31-.72-4.56-.96-6.86s-.04-4.78,1.33-6.64c1.72-2.34,4.8-3.13,7.63-3.76,8.03-1.8,16.06-3.6,24.09-5.41,3.48-.78,7.57-1.42,10.23.96.33.29.63.64.75,1.06.22.8-.27,1.6-.74,2.29-6.11,9.03-11.39,18.63-15.76,28.62-.93,2.13-2.07,4.52-4.28,5.24.77.97.37,2.39-.07,3.56-3.01,7.96-6.31,15.81-9.87,23.54-.82,1.77-1.66,3.55-2.83,5.11-2.87,3.81-7.75,6.01-12.51,5.64.22-4.8.43-9.73-1.05-14.31-.89-2.75-2.36-5.27-3.84-7.74-1.73-2.89-5.38-6.81-6.04-10.1s2.81-4.35,5.01-5.79c5.15-3.38,9.18-9.02,8.91-15.39Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-10\", d: \"M145.04,179.3c-21.62,9.98-57.57,15.13-80.17-2.43-25.1-19.51-17.78-41.98-19.36-43.36-15.17-13.25-19.58-45.06-16.49-54.92.57-1.83,8.67-4.3,46.88,8,9.44-12.76,18.07-13.4,21-13.08,2.21-19.21,5.93-34.39,14.36-37.1,6.14-1.98,15.95,10.35,31.36,31.36.81,1.1,25.99,7.14,38.65,27.9,11.52,18.88,11.1,40.87-3.75,59.13-8.45,10.38-25.29,21.2-32.47,24.51Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-26\", d: \"M187.68,73.98c.83-2.07,1.67-4.17,3.06-5.91.6-.76,1.3-1.44,2-2.11,1.96-1.91,3.92-3.81,5.88-5.72,1.17-1.14,2.36-2.29,3.8-3.05,3.7-1.95,8.18-.98,12.36-1.18,3.93-.19,7.81-1.49,11.05-3.72.59-.4,1.2-.92,1.27-1.63.06-.69-.45-1.32-1.08-1.6s-1.34-.29-2.03-.25c-3.95.23-7.72,1.7-11.64,2.22-1.93.26-3.89.28-5.83.49-5.07.53-10,2.28-14.27,5.07-.77.5-1.52,1.04-2.13,1.72-1.32,1.48-1.86,3.48-2.35,5.4-1.03,3.98-2.06,8.09-1.5,12.16\" }), /* @__PURE__ */ React.createElement(\"ellipse\", { className: \"cls-22\", cx: 101.02, cy: 126.03, rx: 17.38, ry: 16.78 }), /* @__PURE__ */ React.createElement(\"ellipse\", { className: \"cls-22\", cx: 150.39, cy: 96.17, rx: 14.56, ry: 17.15, transform: \"translate(-25.8 67.51) rotate(-23.36)\" }), /* @__PURE__ */ React.createElement(\"ellipse\", { cx: 155.51, cy: 93.96, rx: 8.75, ry: 11.68, transform: \"translate(-25.03 73.55) rotate(-24.69)\" }), /* @__PURE__ */ React.createElement(\"circle\", { className: \"cls-22\", cx: 156.8, cy: 88.17, r: 1.29 }), /* @__PURE__ */ React.createElement(\"ellipse\", { cx: 108.47, cy: 122.8, rx: 9.52, ry: 11.65, transform: \"translate(-41.38 56.54) rotate(-24.69)\" }), /* @__PURE__ */ React.createElement(\"circle\", { className: \"cls-22\", cx: 111.4, cy: 117.41, r: 2.65 }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-10\", d: \"M181.09,195.54c4.89,18.56,3.47,39.77,5.49,58.84-18.51,4.48-95.07-7.08-122.92,5.79-1.22-7.39,9.73-23.52,13.95-29.7s11.86-23.19,12.26-30.67c.13-2.35,1.14-9.55,2.65-9.87,12.91-2.76,26.35-1.74,38.88-5.89,23.35-9.14,48.55-23.2,56.29-48.44,4.96-13.35,11.66-26.27,12.33-40.7,1.3-7.83,12.3-7.89,11.61.56,2.04-5.47,8.12-11.96,14.04-7.7,2.41,1.95-1.44,3.74-.99,6.92,1.45-8.16,13.29-6.76,9.78.87,27.72-3.79-12.55,54.06-18.06,62.85-14.55,19.09-32.94,40.67-57.28,46.01\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-17\", d: \"M142.11,117.9c-5.66,2.52-5,7.08,1.03,8.67,3.6.6,8.85-2.4,8.32-6.59-.45-4.28-6.36-3.05-9.18-2.15l-.18.07Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-6\", d: \"M150.15,124.56c3.2,9.45.83,20.45-10.2,21.81-6.49.8-12.99-2.28-18.41-5.56\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M82.81,124.26c.6-3.91,2.44-7.64,5.24-10.44s6.57-4.58,10.51-5.03c6.81-.79,11.58,3.71,15.17,4.92-12.48-3.09-17.24-2.1-22.39,1.89s-5.33,7.95-8.09,15.17c0,0-.75-4.43-.43-6.51Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-9\", d: \"M140.9,83.74c-3.23,2.9-3.45,6.73-5.22,8.82-1.52,1.65-.51.2-.35-1.88.99-12.75,14.46-10.89,17.17-11.07.62-.04.79.81.22,1.05\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-24\", d: \"M88.2,245.44c6.55,2.43,20.3,5.02,26.01.23.46-.47,3.73-3.12,1.89-3.06-12.66-2.26-20.7-15.24-32.66-19.71-6.44,13.02-11.85,14.83,4.75,22.53Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-24\", d: \"M86.16,214.54c4.82,9.92,32.74,13.25,39.64,4.83,1.58-1.48.34-2.59-1.49-2.67-36.51-5.66-32.05-24.51-38.15-2.32\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-24\", d: \"M107.67,200.52c6.59-.31,12.99-3.41,18.42-6.97,6.94-8.51-.58-5.62-5.93-3.05-8.75,3.93-19.58-1.8-27.86,2.14-4.08,7.15,10.99,8.58,15.36,7.88Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-24\", d: \"M66.4,157.96c1.7-3.58,3.25-7.22,4.47-11-3.4-.82-6.7,1.36-10.02,2.46-3.72,1.22-13,.64-11.05,4.32,2.43,4.6,6.79,24.92,16.6,4.21Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-24\", d: \"M93.96,160.99c-.66,7.59-8.75,13.51-8.68,21.5,0,.94-.35,1.97-1.42,1.94-30.34-6.63-5.19-19.82,10.09-23.44Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-24\", d: \"M105.34,180.28c3.58-6.57,22.2-14.08,16.09-.82-2.08,8.01-30.06,10.81-16.09.82Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-20\", d: \"M46.23,108.16c.21-1.38.84-2.65,1.26-3.98s.64-2.82.04-4.08c-.42-.88-1.2-1.54-1.97-2.14-1.82-1.42-3.76-2.68-5.8-3.78,6.99-.69,14.14.22,20.74,2.63.94.34,1.99.85,2.23,1.82.14.56-.03,1.16-.28,1.68-.64,1.33-1.76,2.36-2.81,3.4-3.04,2.97-5.77,6.24-8.44,9.55-.57.7-1.02,1.68-2.02,1.48-.69-.14-1.45-1.23-1.81-1.77-.95-1.39-1.4-3.14-1.15-4.81Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-20\", d: \"M104.16,61.74c.93-2.2,1.87-4.4,3.1-6.45,1.14-1.91,2.52-3.66,3.93-5.37.45-.55,1-1.13,1.71-1.15.55,0,1.04.34,1.48.67,4.27,3.21,8.54,6.43,12.81,9.64,2.23,1.68,4.54,3.45,5.73,5.98-4.31-.81-8.77-.84-13.1-.09-2.2.38-4.37.96-6.57,1.32-3.06.49-6.17.55-9.21,1.12-1.34.25-2.4.66-1.88-.99s1.34-3.14,1.99-4.67Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-29\", d: \"M92.88,83.31c2.74,1.82,5.25,4.14,8.41,5.06,1.12.32,2.54.36,3.2-.6.4-.59.37-1.39.09-2.04s-.77-1.19-1.26-1.71c-2.11-2.23-4.39-4.37-7.15-5.7-1.96-.94-7.36-2.52-8.96-.17s4.3,4.24,5.67,5.15Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-29\", d: \"M114.71,79.67c.53.26,1.09.52,1.69.51,1.56,0,2.57-1.88,2.26-3.4s-1.5-2.7-2.7-3.69c-.99-.82-2.04-1.59-3.23-2.08-1.01-.41-2.1-.6-3.18-.79-1.22-.21-4.07-1.32-5.07-.22-.83.91-.11,2.41.55,3.17,2.43,2.77,6.43,4.9,9.69,6.5Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-23\", d: \"M62.6,97.58c-.99-1.69-2.68-2.87-4.42-3.78-5.15-2.72-11.23-3.63-16.94-2.54-1.4.27-2.89.73-3.71,1.89,6.49,1.1,13.01,2.21,19.32,4.07,1.73.51,3.47,1.08,5.27,1.16.32-.95-.51-2.09-1.52-2.07\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-24\", d: \"M183.86,177.11c14.87,16.24,10.55-14.45-5.12-18.23-.98,5.68,1.64,13.4,5.12,18.23Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-24\", d: \"M194.13,154.52c1.35,4.7,13.57,13.25,14.78,5.01-2.26-4.28-20.23-18.38-14.78-5.01Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-24\", d: \"M199.58,135.98c-.25,7.15,18.68,14.87,20.68,7.1-2.16-2.78-23.35-14.78-19.88-5.07\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-25\", d: \"M209.51,96.42c.63,1.1,2.09,1.45,3.34,1.24.9-.15-1.24-5.7-2.61-5.99-2.53-.52-1.37,3.61-.73,4.74Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-19\", d: \"M219.78,96.09c.26.87.53,1.74.79,2.6.16.54.33,1.09.65,1.56s.81.85,1.38.89c.09,0,.19,0,.26-.04.13-.08.17-.24.2-.39.38-2-.05-4.07.24-6.08.12-.85.37-1.68.46-2.54s.01-1.77-.47-2.48c-.87-1.28-3.83-2.21-4.61-.45-.83,1.86.56,5.15,1.09,6.92Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-28\", d: \"M237.02,105.09c3.01,3.69,1.63,9.18-.22,13.56-6.62,15.68-17.25,29.27-27.76,42.65-5.75,7.32-11.53,14.67-18.44,20.89-6.27,5.64-13.37,10.26-20.43,14.85,3.36-.34,5.72-3.33,8.49-5.27,2.25-1.58,4.9-2.5,7.26-3.91,3.18-1.9,5.76-4.63,8.3-7.32,7.82-8.29,15.65-16.6,22.92-25.37,1.8-2.17,3.56-4.36,5.19-6.65,3.73-5.25,6.74-10.97,9.74-16.67,4.47-8.5,9.03-17.33,9.68-26.91.15-2.14.02-4.51-1.42-6.11-1.28-1.43-4.43-1.7-5.77-.14-2.04,2.38,1.15,4.78,2.47,6.39Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-21\", d: \"M29.7,89.46c3.21-7.8,32.82,3.77,44.36-1.29-10.08-4.69-30.96-8.36-42.55-9.38\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-21\", d: \"M77.16,86.07c2.98-2.39,5.96-4.78,8.94-7.16,1.11-.89,2.22-1.78,3.47-2.44,1.92-1.03,4.13-1.49,6.29-1.33-.03,1.18-1.34,1.87-2.49,2.12s-13.35,9.67-16.43,10.64\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-21\", d: \"M119.65,68.77c4.71-.11,9.42-.23,14.12-.34.1,0,.2,0,.28-.05.33-.17.12-.68-.15-.94-1.23-1.21-2.93-1.86-4.65-2.11s-3.45-.13-5.18,0c-1.81.14-3.61.3-5.42.45-3.9.34-7.81.68-11.6,1.62-2.33.58-4.7,1.45-6.32,3.3,1.08.82,1.99.3,3.1-.13,1.62-.62,3.4-.89,5.11-1.13,3.55-.5,7.13-.59,10.71-.67Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-16\", d: \"M168.05,112.86c4.64-4.5,10.84-7.15,15.38-11.75\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-16\", d: \"M173.23,117.26c5.89-.85,9.6-7.14,15.31-8.8\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-16\", d: \"M175.75,121.8c5.67.1,8.3-5.85,13.97-5.75\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-8\", d: \"M107.76,152.78c-6.64,1.98-13.44,3.44-20.31,4.35\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-8\", d: \"M111.71,156.45c-5.33,4.96-13.37,6.17-18.59,11.25\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-8\", d: \"M114.01,162.32c-4.11,3.86-7.87,8.09-11.22,12.63\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-10\", d: \"M60,260.76c6.75-8.08,5.3-12.37,6.3-22.76-1.23-26.74-23.08-52.14-47.77-60.76-8.34-4.04-14.85-1.28-12.31,8.09,2.71,10.04,14.98,13.97,22.64,19.55,32.51,25.01,12.04,35.93,20.1,55.88h11.04Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-24\", d: \"M48.77,236.25c-.51.02-1.16-.07-1.3-.6-.06-.23,0-.46.07-.69.83-3.15.59-6.61-.68-9.58,5.52.27,10.51-3.37,15.93-4.53.91-.19,2.64,8.61,2.23,9.93-.46,1.49-2.03,2-3.26,2.52-1.96.82-3.98,1.48-6.04,1.96-2.29.54-4.62.87-6.96.99Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-24\", d: \"M36.57,208.43c-.24.2-.48.41-.63.68-.5.94.35,2.02,1.18,2.68,2.08,1.65,4.54,2.81,7.14,3.38,1.5.33,3.15.44,4.5-.28,1.23-.65,2.03-1.87,2.74-3.06,1.21-2.05,2.28-4.18,3.2-6.37.33-.77.63-1.69.2-2.41-.23-.39-.63-.64-1.02-.87-1.25-.73-3.02-1.89-4.49-2.06s-2.98,1.22-4.14,1.95c-3.04,1.92-5.94,4.04-8.68,6.35Z\" }), /* @__PURE__ */ React.createElement(\"path\", { className: \"cls-24\", d: \"M14.99,192.27c-.38.56-.75,1.25-.5,1.87.16.4.53.66.89.89,1.45.91,3.05,1.56,4.64,2.2,1.91.77,4.08,1.54,5.98.73.82-.35,1.5-.98,2.12-1.62,1.86-1.93,3.39-4.18,4.51-6.62,1.76-3.84-.44-6.56-4.58-6.67-3-.08-6.6,2.67-8.77,4.5-1.63,1.38-3.08,2.97-4.28,4.73Z\" })));\nexport default SvgAppCatalog;\n"],"names":[],"mappings":"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"}

package/dist/esm/components/IconPickerDialog.d.ts

@@ -0,0 +1,8 @@
+interface IconPickerDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onSelect: (iconName: string) => void;
+    selectedIconName?: string;
+}
+export declare function IconPickerDialog({ open, onOpenChange, onSelect, selectedIconName, }: IconPickerDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/IconPickerDialog.js

@@ -0,0 +1,98 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { Search } from "lucide-react";
+import { useState } from "react";
+import { useTRPC } from "../api/infra/trpc.js";
+import { Button } from "../ui/button.js";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from "../ui/dialog.js";
+import { Input } from "../ui/input.js";
+import { ScrollArea } from "../ui/scroll-area.js";
+function IconPickerDialog({
+  open,
+  onOpenChange,
+  onSelect,
+  selectedIconName
+}) {
+  const [search, setSearch] = useState("");
+  const trpc = useTRPC();
+  const queryOptions = trpc.icon.list.queryOptions();
+  const { data: icons = [], isLoading } = useQuery({
+    ...queryOptions,
+    enabled: open
+  });
+  const filteredIcons = icons.filter(
+    (icon) => icon.name.toLowerCase().includes(search.toLowerCase())
+  );
+  const handleSelect = (iconName) => {
+    onSelect(iconName);
+    onOpenChange(false);
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-3xl max-h-[80vh] flex flex-col", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: "Select Icon" }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: "Search and select an icon from the available icons" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          placeholder: "Search icons by name...",
+          value: search,
+          onChange: (e) => setSearch(e.target.value),
+          className: "pl-10"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1 pr-4", children: isLoading ? /* @__PURE__ */ jsx("div", { className: "text-center py-8 text-muted-foreground", children: "Loading icons..." }) : filteredIcons.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center py-8 text-muted-foreground", children: search ? `No icons found matching "${search}"` : "No icons available" }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 sm:grid-cols-6 md:grid-cols-8 gap-3 pb-4", children: filteredIcons.map((icon) => {
+      const isSelected = icon.name === selectedIconName;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => handleSelect(icon.name),
+          className: `group relative flex flex-col items-center gap-2 p-3 rounded-lg border-2 transition-all hover:border-primary hover:shadow-md ${isSelected ? "border-primary bg-primary/5" : "border-border bg-background"}`,
+          title: icon.name,
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "w-12 h-12 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: `/api/assets/${icon.id}?w=64`,
+                alt: icon.name,
+                className: "max-w-full max-h-full object-contain"
+              }
+            ) }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-center line-clamp-2 w-full wrap-break-word", children: icon.name }),
+            isSelected && /* @__PURE__ */ jsx("div", { className: "absolute top-1 right-1 bg-primary text-primary-foreground rounded-full p-0.5", children: /* @__PURE__ */ jsx(
+              "svg",
+              {
+                className: "w-3 h-3",
+                fill: "none",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: "2",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                children: /* @__PURE__ */ jsx("path", { d: "M5 13l4 4L19 7" })
+              }
+            ) })
+          ]
+        },
+        icon.id
+      );
+    }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center pt-2 border-t", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
+        filteredIcons.length,
+        " icon",
+        filteredIcons.length !== 1 ? "s" : "",
+        search && ` matching "${search}"`
+      ] }),
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" })
+    ] })
+  ] }) });
+}
+export {
+  IconPickerDialog
+};
+//# sourceMappingURL=IconPickerDialog.js.map

package/dist/esm/components/IconPickerDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerDialog.js","sources":["../../../src/components/IconPickerDialog.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { Search } from 'lucide-react'\nimport { useState } from 'react'\nimport { useTRPC } from '~/api/infra/trpc'\nimport { Button } from '~/ui/button'\nimport {\n    Dialog,\n    DialogContent,\n    DialogDescription,\n    DialogHeader,\n    DialogTitle,\n} from '~/ui/dialog'\nimport { Input } from '~/ui/input'\nimport { ScrollArea } from '~/ui/scroll-area'\n\ninterface IconPickerDialogProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  onSelect: (iconName: string) => void\n  selectedIconName?: string\n}\n\nexport function IconPickerDialog({\n  open,\n  onOpenChange,\n  onSelect,\n  selectedIconName,\n}: IconPickerDialogProps) {\n  const [search, setSearch] = useState('')\n  const trpc = useTRPC()\n\n  const queryOptions = trpc.icon.list.queryOptions()\n  const { data: icons = [], isLoading } = useQuery({\n    ...queryOptions,\n    enabled: open,\n  })\n\n  type IconData = (typeof icons)[number]\n\n  const filteredIcons = icons.filter((icon: IconData) =>\n    icon.name.toLowerCase().includes(search.toLowerCase()),\n  )\n\n  const handleSelect = (iconName: string) => {\n    onSelect(iconName)\n    onOpenChange(false)\n  }\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"max-w-3xl max-h-[80vh] flex flex-col\">\n        <DialogHeader>\n          <DialogTitle>Select Icon</DialogTitle>\n          <DialogDescription>\n            Search and select an icon from the available icons\n          </DialogDescription>\n        </DialogHeader>\n\n        <div className=\"relative\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n          <Input\n            placeholder=\"Search icons by name...\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            className=\"pl-10\"\n          />\n        </div>\n\n        <ScrollArea className=\"flex-1 pr-4\">\n          {isLoading ? (\n            <div className=\"text-center py-8 text-muted-foreground\">Loading icons...</div>\n          ) : filteredIcons.length === 0 ? (\n            <div className=\"text-center py-8 text-muted-foreground\">\n              {search ? `No icons found matching \"${search}\"` : 'No icons available'}\n            </div>\n          ) : (\n            <div className=\"grid grid-cols-4 sm:grid-cols-6 md:grid-cols-8 gap-3 pb-4\">\n              {filteredIcons.map((icon: IconData) => {\n                const isSelected = icon.name === selectedIconName\n                return (\n                  <button\n                    key={icon.id}\n                    type=\"button\"\n                    onClick={() => handleSelect(icon.name)}\n                    className={`group relative flex flex-col items-center gap-2 p-3 rounded-lg border-2 transition-all hover:border-primary hover:shadow-md ${\n                      isSelected\n                        ? 'border-primary bg-primary/5'\n                        : 'border-border bg-background'\n                    }`}\n                    title={icon.name}\n                  >\n                    <div className=\"w-12 h-12 flex items-center justify-center\">\n                      <img\n                        src={`/api/assets/${icon.id}?w=64`}\n                        alt={icon.name}\n                        className=\"max-w-full max-h-full object-contain\"\n                      />\n                    </div>\n                    <span className=\"text-xs text-center line-clamp-2 w-full wrap-break-word\">\n                      {icon.name}\n                    </span>\n                    {isSelected && (\n                      <div className=\"absolute top-1 right-1 bg-primary text-primary-foreground rounded-full p-0.5\">\n                        <svg\n                          className=\"w-3 h-3\"\n                          fill=\"none\"\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          strokeWidth=\"2\"\n                          viewBox=\"0 0 24 24\"\n                          stroke=\"currentColor\"\n                        >\n                          <path d=\"M5 13l4 4L19 7\" />\n                        </svg>\n                      </div>\n                    )}\n                  </button>\n                )\n              })}\n            </div>\n          )}\n        </ScrollArea>\n\n        <div className=\"flex justify-between items-center pt-2 border-t\">\n          <span className=\"text-sm text-muted-foreground\">\n            {filteredIcons.length} icon{filteredIcons.length !== 1 ? 's' : ''}\n            {search && ` matching \"${search}\"`}\n          </span>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancel\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/components/IconPickerField.d.ts

@@ -0,0 +1,9 @@
+interface IconPickerFieldProps {
+    label?: string;
+    value?: string;
+    onChange: (iconName: string | undefined) => void;
+    placeholder?: string;
+    required?: boolean;
+}
+export declare function IconPickerField({ label, value, onChange, placeholder, required, }: IconPickerFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};