@lumeweb/portal-framework-ui 0.0.1 → 0.1.1

package/dist/esm/store/appStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appStore.js","names":[],"sources":["../../../src/store/appStore.ts"],"sourcesContent":["import type {\n  NavigationItem,\n  RouteDefinition,\n} from \"@lumeweb/portal-framework-core\";\n\nimport { createStore, useStore } from \"zustand\";\n\ninterface AppActions {\n  addMenuItem: (item: NavigationItem, parentKey?: string) => void;\n  addMenuItems: (items: NavigationItem[], parentKey?: string) => void;\n  removeMenuItem: (key: string) => void;\n  setError: (error: Error | null) => void;\n  setIsLoading: (isLoading: boolean) => void;\n  setPluginConfigs: (configs: Record<string, any>[]) => void;\n  setRoutes: (routes: RouteDefinition[]) => void;\n}\n\ninterface AppState {\n  error: Error | null;\n  isLoading: boolean;\n  menuItems: NavigationItem[];\n  pluginConfigs: Record<string, any>[];\n  routes: RouteDefinition[];\n}\n\n// Define helpers outside the store creation\nexport const helpers = {\n  /**\n   * Adds new items as children to a parent menu item, preventing duplicates by ID.\n   * @param newItems The array of NavigationItems to add.\n   * @param parent The parent NavigationItem to add the items to.\n   * @returns A new array with the new items added as children to the parent.\n   */\n  addItemsToChildren: (\n    newItems: NavigationItem[],\n    parent: NavigationItem,\n  ): NavigationItem => {\n    const existingChildIds = new Set(\n      parent.children?.map((item) => item.id).filter(Boolean),\n    );\n    const itemsToAdd = newItems.filter(\n      (item) => item.id && !existingChildIds.has(item.id),\n    );\n    const newChildren = [\n      ...(parent.children || []),\n      ...itemsToAdd.map((item) => {\n        const child = { ...item, children: item.children || [] };\n        // Only prefix path if:\n        // 1. Parent has a path\n        // 2. Child has a path\n        // 3. Child path isn't already absolute (doesn't start with /)\n        if (parent.path && child.path && !child.path.startsWith(\"/\")) {\n          // Ensure parent path doesn't end with / and child path doesn't start with /\n          const parentPath = parent.path.endsWith(\"/\")\n            ? parent.path.slice(0, -1)\n            : parent.path;\n          const childPath = child.path.startsWith(\"/\")\n            ? child.path.slice(1)\n            : child.path;\n          child.path = `${parentPath}/${childPath}`;\n        }\n        return child;\n      }),\n    ];\n    return { ...parent, children: newChildren };\n  },\n\n  /**\n   * Adds new items to the root level of the menu, preventing duplicates by ID.\n   * @param newItems The array of NavigationItems to add.\n   * @param existingItems The existing array of NavigationItems.\n   * @returns a new array with the new items added.\n   */\n  addItemsToRoot: (\n    newItems: NavigationItem[],\n    existingItems: NavigationItem[],\n  ): NavigationItem[] => {\n    // Filter out duplicate IDs within newItems\n    const newItemsFiltered = newItems.filter(\n      (item, index, self) =>\n        item.id && self.findIndex((i) => i.id === item.id) === index,\n    );\n\n    const existingIds = new Set(\n      existingItems.map((item) => item.id).filter(Boolean),\n    );\n    const itemsToAdd = newItemsFiltered.filter(\n      (item) => item.id && !existingIds.has(item.id),\n    );\n    return [\n      ...existingItems,\n      ...itemsToAdd.map((item) => ({ ...item, children: item.children || [] })),\n    ];\n  },\n\n  // Helper to find and modify a menu item recursively\n  findAndModifyMenuItem: (\n    items: NavigationItem[],\n    key: string,\n    modifier: (item: NavigationItem) => NavigationItem,\n  ): NavigationItem[] => {\n    let changed = false;\n\n    const newItems = items.map((item) => {\n      if (item.id === key) {\n        changed = true;\n        return modifier(item);\n      }\n\n      if (item.children) {\n        const updatedChildren = helpers.findAndModifyMenuItem(\n          item.children,\n          key,\n          modifier,\n        );\n        if (updatedChildren !== item.children) {\n          changed = true;\n          return {\n            ...item,\n            children: updatedChildren,\n          };\n        }\n      }\n\n      return item;\n    });\n\n    return changed ? newItems : items;\n  },\n\n  /**\n   * Finds a menu item by its ID in a flat or nested menu structure.\n   * @param items The array of NavigationItems to search.\n   * @param id The ID of the item to find.\n   * @returns The NavigationItem if found, otherwise undefined.\n   */\n  findMenuItem: (\n    items: NavigationItem[],\n    id: string,\n  ): NavigationItem | undefined => {\n    for (const item of items) {\n      if (item.id === id) {\n        return item;\n      }\n      if (item.children) {\n        const found = helpers.findMenuItem(item.children, id);\n        if (found) {\n          return found;\n        }\n      }\n    }\n    return undefined;\n  },\n\n  // Immutable helper for removing items recursively\n  removeItemFromMenu: (\n    items: NavigationItem[],\n    key: string,\n  ): NavigationItem[] => {\n    let removed = false;\n\n    const newItems = items\n      .map((item) => {\n        if (item.children) {\n          const updatedChildren = helpers.removeItemFromMenu(\n            item.children,\n            key,\n          );\n          if (updatedChildren !== item.children) {\n            removed = true;\n            return { ...item, children: [...updatedChildren] };\n          }\n        }\n        return item;\n      })\n      .filter((item) => {\n        if (item.id === key) {\n          removed = true;\n          return false;\n        }\n        return true;\n      });\n\n    return removed ? newItems : items;\n  },\n};\n\nexport const appStore = createStore<AppActions & AppState>((set) => ({\n  addMenuItem: (newItem: NavigationItem, parentKey?: string) =>\n    set((state) => {\n      if (parentKey) {\n        const parent = helpers.findMenuItem(state.menuItems, parentKey);\n        if (parent) {\n          return {\n            menuItems: helpers.findAndModifyMenuItem(\n              state.menuItems,\n              parentKey,\n              (parent) => helpers.addItemsToChildren([newItem], parent),\n            ),\n          };\n        } else {\n          return {\n            menuItems: helpers.addItemsToRoot([newItem], state.menuItems),\n          };\n        }\n      } else {\n        return {\n          menuItems: helpers.addItemsToRoot([newItem], state.menuItems),\n        };\n      }\n    }),\n\n  addMenuItems: (items: NavigationItem[], parentKey?: string) =>\n    set((state) => {\n      let newMenuItems = [...state.menuItems];\n\n      // First pass: Add all items that have no parentId\n      const itemsWithoutParents = items.filter((item) => !item.parentId);\n      if (itemsWithoutParents.length > 0) {\n        newMenuItems = helpers.addItemsToRoot(\n          itemsWithoutParents,\n          newMenuItems,\n        );\n      }\n\n      // Second pass: Add items with parentId or parentKey\n      const itemsWithParents = items.filter(\n        (item) => item.parentId || parentKey,\n      );\n      for (const item of itemsWithParents) {\n        const targetParentKey = parentKey ?? item.parentId;\n        if (targetParentKey) {\n          const parent = helpers.findMenuItem(newMenuItems, targetParentKey);\n          if (parent) {\n            newMenuItems = helpers.findAndModifyMenuItem(\n              newMenuItems,\n              targetParentKey,\n              (parent) => helpers.addItemsToChildren([item], parent),\n            );\n            // Remove any root-level items that were successfully added to parent\n            newMenuItems = newMenuItems.filter((i) => i.id !== item.id);\n          } else {\n            // Parent not found, add to root\n            newMenuItems = helpers.addItemsToRoot([item], newMenuItems);\n          }\n        }\n      }\n\n      return { menuItems: newMenuItems };\n    }),\n  error: null,\n  isLoading: false,\n  menuItems: [],\n  pluginConfigs: [],\n  removeMenuItem: (key: string) =>\n    set((state) => {\n      return { menuItems: helpers.removeItemFromMenu(state.menuItems, key) };\n    }),\n  routes: [],\n  setError: (error) => set({ error }),\n  setIsLoading: (isLoading) => set({ isLoading }),\n\n  setPluginConfigs: (pluginConfigs) => set({ pluginConfigs }),\n\n  setRoutes: (routes) => set({ routes }),\n}));\n\nexport const useAppStore = <T>(selector: (state: AppActions & AppState) => T) =>\n  useStore(appStore, selector);\n"],"mappings":"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"}

package/dist/esm/store/index.d.ts

@@ -0,0 +1,5 @@
+import { appStore, helpers, useAppStore } from "./appStore.js";
+import { PortalActions, PortalState, metaStore, portalStore, useFrameworkSync, useMetaStore, usePortal, usePortalActions, usePortalStore } from "./portalStore.js";
+import { useUIStore } from "./uiStore.js";
+import { SavedFilter, SavedFiltersStore, applyFilterAtom, clearSelectedFilterAtom, deleteFilterAtom, generateHash, generateStorageKey, getResourceFiltersAtom, resourceFiltersAtom, saveFilterAtom, savedFiltersAtom, selectedFilterAtom, updateFilterAtom } from "./saved-filters.js";
+export { PortalActions, PortalState, SavedFilter, SavedFiltersStore, appStore, applyFilterAtom, clearSelectedFilterAtom, deleteFilterAtom, generateHash, generateStorageKey, getResourceFiltersAtom, helpers, metaStore, portalStore, resourceFiltersAtom, saveFilterAtom, savedFiltersAtom, selectedFilterAtom, updateFilterAtom, useAppStore, useFrameworkSync, useMetaStore, usePortal, usePortalActions, usePortalStore, useUIStore };

package/dist/esm/store/index.js

@@ -0,0 +1,6 @@
+import { appStore, helpers, useAppStore } from "./appStore.js";
+import { metaStore, portalStore, useFrameworkSync, useMetaStore, usePortal, usePortalActions, usePortalStore } from "./portalStore.js";
+import { useUIStore } from "./uiStore.js";
+import { applyFilterAtom, clearSelectedFilterAtom, deleteFilterAtom, generateHash, generateStorageKey, getResourceFiltersAtom, resourceFiltersAtom, saveFilterAtom, savedFiltersAtom, selectedFilterAtom, updateFilterAtom } from "./saved-filters.js";
+
+export { appStore, applyFilterAtom, clearSelectedFilterAtom, deleteFilterAtom, generateHash, generateStorageKey, getResourceFiltersAtom, helpers, metaStore, portalStore, resourceFiltersAtom, saveFilterAtom, savedFiltersAtom, selectedFilterAtom, updateFilterAtom, useAppStore, useFrameworkSync, useMetaStore, usePortal, usePortalActions, usePortalStore, useUIStore };

package/dist/esm/store/portalStore.d.ts

@@ -0,0 +1,33 @@
+import { PortalMeta } from "@lumeweb/portal-framework-core";
+import * as _$zustand from "zustand";
+import { Sdk } from "@lumeweb/portal-sdk";
+
+//#region src/store/portalStore.d.ts
+interface PortalActions {
+  setIsMetaLoading: (isMetaLoading: boolean) => void;
+  setMeta: (meta: PortalMeta | undefined) => void;
+  setPortalUrl: (portalUrl: string) => void;
+  setSdk: (sdk: null | Sdk) => void;
+}
+interface PortalState {
+  isMetaLoading: boolean;
+  meta: PortalMeta | undefined;
+  portalUrl: string;
+  sdk: null | Sdk;
+}
+type PortalStore = PortalActions & PortalState;
+declare const portalStore: _$zustand.StoreApi<PortalStore>;
+declare const usePortalActions: () => {
+  setIsMetaLoading: (isMetaLoading: boolean) => void;
+  setMeta: (meta: PortalMeta | undefined) => void;
+  setPortalUrl: (portalUrl: string) => void;
+  setSdk: (sdk: null | Sdk) => void;
+};
+declare const usePortalStore: <T>(selector: (state: PortalState) => T, equalityFn?: (a: T, b: T) => boolean) => T;
+declare const useFrameworkSync: () => void;
+declare const usePortal: <T>(selector: (state: PortalState) => T, equalityFn?: (a: T, b: T) => boolean) => PortalActions & T;
+declare const metaStore: _$zustand.StoreApi<PortalMeta | undefined>;
+declare const useMetaStore: () => PortalMeta | undefined;
+//#endregion
+export { PortalActions, PortalState, metaStore, portalStore, useFrameworkSync, useMetaStore, usePortal, usePortalActions, usePortalStore };
+//# sourceMappingURL=portalStore.d.ts.map

package/dist/esm/store/portalStore.js

@@ -0,0 +1,58 @@
+import { env, useFramework } from "@lumeweb/portal-framework-core";
+import { useEffect } from "react";
+import { createStore, useStore } from "zustand";
+import { derive } from "derive-zustand";
+import { shallow } from "zustand/shallow";
+import { useStoreWithEqualityFn } from "zustand/traditional";
+
+//#region src/store/portalStore.ts
+const portalStore = createStore((set) => ({
+	isMetaLoading: false,
+	meta: void 0,
+	portalUrl: env.VITE_PORTAL_DOMAIN ?? "",
+	sdk: null,
+	setIsMetaLoading: (isMetaLoading) => set({ isMetaLoading }),
+	setMeta: (meta) => set({ meta }),
+	setPortalUrl: (portalUrl) => set({ portalUrl }),
+	setSdk: (sdk) => set({ sdk })
+}));
+const usePortalActions = () => {
+	return useStoreWithEqualityFn(portalStore, (state) => ({
+		setIsMetaLoading: state.setIsMetaLoading,
+		setMeta: state.setMeta,
+		setPortalUrl: state.setPortalUrl,
+		setSdk: state.setSdk
+	}), shallow);
+};
+const usePortalStore = (selector, equalityFn = shallow) => {
+	return useStoreWithEqualityFn(portalStore, selector, equalityFn);
+};
+const useFrameworkSync = () => {
+	const framework = useFramework();
+	const actions = usePortalActions();
+	useEffect(() => {
+		if (!framework) return;
+		if (!framework?.framework) return;
+		if (framework?.framework) actions.setPortalUrl(framework.framework.portalUrl);
+		if (framework?.framework?.meta) actions.setMeta(framework.framework.meta);
+	}, [framework?.framework, actions]);
+};
+const usePortal = (selector, equalityFn) => {
+	const state = usePortalStore(selector, equalityFn);
+	const actions = usePortalActions();
+	return {
+		...state,
+		...actions
+	};
+};
+const metaStore = derive((get) => {
+	const portalUrl = get(portalStore).portalUrl;
+	const isMetaLoading = get(portalStore).isMetaLoading;
+	if (!portalUrl || isMetaLoading) return;
+	return get(portalStore).meta;
+});
+const useMetaStore = () => useStore(metaStore);
+
+//#endregion
+export { metaStore, portalStore, useFrameworkSync, useMetaStore, usePortal, usePortalActions, usePortalStore };
+//# sourceMappingURL=portalStore.js.map

package/dist/esm/store/portalStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portalStore.js","names":[],"sources":["../../../src/store/portalStore.ts"],"sourcesContent":["import {\n  env,\n  type PortalMeta,\n  useFramework,\n} from \"@lumeweb/portal-framework-core\";\nimport { Sdk } from \"@lumeweb/portal-sdk\";\nimport { derive } from \"derive-zustand\";\nimport { useEffect } from \"react\";\nimport { createStore, useStore } from \"zustand\";\nimport { shallow } from \"zustand/shallow\";\nimport { useStoreWithEqualityFn } from \"zustand/traditional\";\n\nexport interface PortalActions {\n  setIsMetaLoading: (isMetaLoading: boolean) => void;\n  setMeta: (meta: PortalMeta | undefined) => void;\n  setPortalUrl: (portalUrl: string) => void;\n  setSdk: (sdk: null | Sdk) => void;\n}\n\nexport interface PortalState {\n  isMetaLoading: boolean;\n  meta: PortalMeta | undefined;\n  portalUrl: string;\n  sdk: null | Sdk;\n}\n\ntype PortalStore = PortalActions & PortalState;\n\nexport const portalStore = createStore<PortalStore>((set) => ({\n  isMetaLoading: false,\n  meta: undefined,\n  portalUrl: env.VITE_PORTAL_DOMAIN ?? \"\",\n  sdk: null,\n  setIsMetaLoading: (isMetaLoading: boolean) => set({ isMetaLoading }),\n  setMeta: (meta: PortalMeta | undefined) => set({ meta }),\n  setPortalUrl: (portalUrl: string) => set({ portalUrl }),\n  setSdk: (sdk: null | Sdk) => set({ sdk }),\n}));\n\n// Export actions separately for hooks that only need actions\nexport const usePortalActions = () => {\n  return useStoreWithEqualityFn(\n    portalStore,\n    (state) => ({\n      setIsMetaLoading: state.setIsMetaLoading,\n      setMeta: state.setMeta,\n      setPortalUrl: state.setPortalUrl,\n      setSdk: state.setSdk,\n    }),\n    shallow,\n  );\n};\n\n// Hook to select state from the portal store\nexport const usePortalStore = <T>(\n  selector: (state: PortalState) => T,\n  equalityFn: (a: T, b: T) => boolean = shallow,\n): T => {\n  return useStoreWithEqualityFn(portalStore, selector, equalityFn);\n};\n\n// Effect to sync framework state with the portal store\nexport const useFrameworkSync = () => {\n  const framework = useFramework();\n  const actions = usePortalActions();\n\n  useEffect(() => {\n    if (!framework) return;\n    if (!framework?.framework) return;\n\n    // Initial sync\n    // Read directly from the framework instance\n    if (framework?.framework) {\n      actions.setPortalUrl(framework.framework.portalUrl);\n    }\n\n    if (framework?.framework?.meta) {\n      actions.setMeta(framework.framework.meta);\n    }\n  }, [framework?.framework, actions]);\n};\n\n// Main hook to use the portal store state and actions\nexport const usePortal = <T>(\n  selector: (state: PortalState) => T,\n  equalityFn?: (a: T, b: T) => boolean,\n): PortalActions & T => {\n  const state = usePortalStore(selector, equalityFn);\n  const actions = usePortalActions();\n  return { ...state, ...actions };\n};\n\n// Create a derived store for the portal metadata\nexport const metaStore = derive<PortalMeta | undefined>((get) => {\n  const portalUrl = get(portalStore).portalUrl;\n  const isMetaLoading = get(portalStore).isMetaLoading;\n\n  if (!portalUrl || isMetaLoading) {\n    return undefined;\n  }\n\n  return get(portalStore).meta;\n});\n\nexport const useMetaStore = () => useStore(metaStore);\n"],"mappings":";;;;;;;;AA4BA,MAAa,cAAc,aAA0B,SAAS;CAC5D,eAAe;CACf,MAAM;CACN,WAAW,IAAI,sBAAsB;CACrC,KAAK;CACL,mBAAmB,kBAA2B,IAAI,EAAE,eAAe,CAAC;CACpE,UAAU,SAAiC,IAAI,EAAE,MAAM,CAAC;CACxD,eAAe,cAAsB,IAAI,EAAE,WAAW,CAAC;CACvD,SAAS,QAAoB,IAAI,EAAE,KAAK,CAAC;CAC1C,EAAE;AAGH,MAAa,yBAAyB;AACpC,QAAO,uBACL,cACC,WAAW;EACV,kBAAkB,MAAM;EACxB,SAAS,MAAM;EACf,cAAc,MAAM;EACpB,QAAQ,MAAM;EACf,GACD,QACD;;AAIH,MAAa,kBACX,UACA,aAAsC,YAChC;AACN,QAAO,uBAAuB,aAAa,UAAU,WAAW;;AAIlE,MAAa,yBAAyB;CACpC,MAAM,YAAY,cAAc;CAChC,MAAM,UAAU,kBAAkB;AAElC,iBAAgB;AACd,MAAI,CAAC,UAAW;AAChB,MAAI,CAAC,WAAW,UAAW;AAI3B,MAAI,WAAW,UACb,SAAQ,aAAa,UAAU,UAAU,UAAU;AAGrD,MAAI,WAAW,WAAW,KACxB,SAAQ,QAAQ,UAAU,UAAU,KAAK;IAE1C,CAAC,WAAW,WAAW,QAAQ,CAAC;;AAIrC,MAAa,aACX,UACA,eACsB;CACtB,MAAM,QAAQ,eAAe,UAAU,WAAW;CAClD,MAAM,UAAU,kBAAkB;AAClC,QAAO;EAAE,GAAG;EAAO,GAAG;EAAS;;AAIjC,MAAa,YAAY,QAAgC,QAAQ;CAC/D,MAAM,YAAY,IAAI,YAAY,CAAC;CACnC,MAAM,gBAAgB,IAAI,YAAY,CAAC;AAEvC,KAAI,CAAC,aAAa,cAChB;AAGF,QAAO,IAAI,YAAY,CAAC;EACxB;AAEF,MAAa,qBAAqB,SAAS,UAAU"}

package/dist/esm/store/saved-filters.d.ts

@@ -0,0 +1,54 @@
+import { CrudFilters } from "@refinedev/core";
+import * as _$jotai from "jotai";
+import * as _$jotai_utils0 from "jotai/utils";
+
+//#region src/store/saved-filters.d.ts
+interface SavedFilter {
+  createdAt: string;
+  filters: CrudFilters;
+  id: string;
+  isDefault?: boolean;
+  name: string;
+  updatedAt: string;
+}
+type SavedFiltersStore = Record<string, SavedFilter[]>;
+declare function generateHash(input: string): Promise<string>;
+declare function generateStorageKey(resource: string): Promise<string>;
+declare const savedFiltersAtom: _$jotai.WritableAtom<SavedFiltersStore | Promise<SavedFiltersStore>, [SavedFiltersStore | Promise<SavedFiltersStore> | typeof _$jotai_utils0.RESET | ((prev: SavedFiltersStore | Promise<SavedFiltersStore>) => SavedFiltersStore | Promise<SavedFiltersStore> | typeof _$jotai_utils0.RESET)], Promise<void>>;
+declare const resourceFiltersAtom: _$jotai.PrimitiveAtom<SavedFilter[]> & {
+  init: SavedFilter[];
+};
+declare const selectedFilterAtom: _$jotai.WritableAtom<SavedFilter | null, [update: SavedFilter | null], void>;
+declare const getResourceFiltersAtom: _$jotai.WritableAtom<null, [resource: string], Promise<any>> & {
+  init: null;
+};
+declare const saveFilterAtom: _$jotai.WritableAtom<null, [{
+  filters: CrudFilters;
+  isDefault?: boolean;
+  name: string;
+  resource: string;
+}], Promise<SavedFilter>> & {
+  init: null;
+};
+declare const updateFilterAtom: _$jotai.WritableAtom<null, [{
+  filterId: string;
+  resource: string;
+  updates: Partial<SavedFilter>;
+}], Promise<any>> & {
+  init: null;
+};
+declare const deleteFilterAtom: _$jotai.WritableAtom<null, [{
+  filterId: string;
+  resource: string;
+}], Promise<boolean>> & {
+  init: null;
+};
+declare const applyFilterAtom: _$jotai.WritableAtom<null, [filterId: string], CrudFilters | null> & {
+  init: null;
+};
+declare const clearSelectedFilterAtom: _$jotai.WritableAtom<null, [], boolean> & {
+  init: null;
+};
+//#endregion
+export { SavedFilter, SavedFiltersStore, applyFilterAtom, clearSelectedFilterAtom, deleteFilterAtom, generateHash, generateStorageKey, getResourceFiltersAtom, resourceFiltersAtom, saveFilterAtom, savedFiltersAtom, selectedFilterAtom, updateFilterAtom };
+//# sourceMappingURL=saved-filters.d.ts.map

package/dist/esm/store/saved-filters.js

@@ -0,0 +1,158 @@
+import { BrowserLevel } from "browser-level";
+import { atom } from "jotai";
+import { atomWithStorage } from "jotai/utils";
+
+//#region src/store/saved-filters.ts
+async function generateHash(input) {
+	const msgUint8 = new TextEncoder().encode(input);
+	const hashBuffer = await crypto.subtle.digest("SHA-256", msgUint8);
+	return Array.from(new Uint8Array(hashBuffer)).map((b) => b.toString(16).padStart(2, "0")).join("");
+}
+async function generateStorageKey(resource) {
+	return generateHash(`${typeof window !== "undefined" ? window.location.hostname : "localhost"}:${resource}`);
+}
+const createBrowserLevelStorage = () => {
+	const db = new BrowserLevel("saved-filters", {
+		prefix: "",
+		version: 1
+	});
+	const dbPromise = db.open();
+	return {
+		close: async () => {
+			try {
+				await db.close();
+			} catch (error) {
+				console.error("Error closing browser-level:", error);
+			}
+		},
+		getItem: async (key, initialValue) => {
+			try {
+				await dbPromise;
+				try {
+					return await db.get(key, { valueEncoding: "json" });
+				} catch (error) {
+					if (error.code === "LEVEL_NOT_FOUND") return initialValue;
+					throw error;
+				}
+			} catch (error) {
+				console.error("Error reading from browser-level:", error);
+				return initialValue;
+			}
+		},
+		removeItem: async (key) => {
+			try {
+				await dbPromise;
+				await db.del(key);
+			} catch (error) {
+				console.error("Error deleting from browser-level:", error);
+			}
+		},
+		setItem: async (key, value) => {
+			try {
+				await dbPromise;
+				await db.put(key, value, { valueEncoding: "json" });
+			} catch (error) {
+				console.error("Error writing to browser-level:", error);
+			}
+		}
+	};
+};
+const browserLevelStorage = createBrowserLevelStorage();
+const savedFiltersAtom = atomWithStorage("savedFilters", {}, browserLevelStorage);
+const resourceFiltersAtom = atom([]);
+const selectedFilterAtom = atom((_) => null, (_, set, update) => {
+	set(selectedFilterAtom, update);
+});
+const getResourceFiltersAtom = atom(null, async (get, set, resource) => {
+	const filters = get(savedFiltersAtom)[await generateStorageKey(resource)] || [];
+	set(resourceFiltersAtom, filters);
+	if (!get(selectedFilterAtom)) {
+		const defaultFilter = filters.find((f) => f.isDefault);
+		if (defaultFilter) set(selectedFilterAtom, defaultFilter);
+	}
+	return filters;
+});
+const saveFilterAtom = atom(null, async (get, set, { filters, isDefault = false, name, resource }) => {
+	const allFilters = get(savedFiltersAtom);
+	const storageKey = await generateStorageKey(resource);
+	const newFilter = {
+		createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+		filters,
+		id: await generateHash(`${name}:${Date.now()}`),
+		isDefault,
+		name,
+		updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+	};
+	const resourceFilters = allFilters[storageKey] || [];
+	let updatedFilters = resourceFilters;
+	if (isDefault) updatedFilters = resourceFilters.map((filter) => ({
+		...filter,
+		isDefault: false
+	}));
+	updatedFilters = [...updatedFilters, newFilter];
+	set(savedFiltersAtom, {
+		...allFilters,
+		[storageKey]: updatedFilters
+	});
+	set(resourceFiltersAtom, updatedFilters);
+	set(selectedFilterAtom, newFilter);
+	return newFilter;
+});
+const updateFilterAtom = atom(null, async (get, set, { filterId, resource, updates }) => {
+	const allFilters = get(savedFiltersAtom);
+	const storageKey = await generateStorageKey(resource);
+	const resourceFilters = allFilters[storageKey] || [];
+	let updatedFilters = resourceFilters;
+	if (updates.isDefault) updatedFilters = resourceFilters.map((filter) => ({
+		...filter,
+		isDefault: false
+	}));
+	updatedFilters = updatedFilters.map((filter) => {
+		if (filter.id === filterId) return {
+			...filter,
+			...updates,
+			updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+		};
+		return filter;
+	});
+	set(savedFiltersAtom, {
+		...allFilters,
+		[storageKey]: updatedFilters
+	});
+	set(resourceFiltersAtom, updatedFilters);
+	const currentSelected = get(selectedFilterAtom);
+	if (currentSelected && currentSelected.id === filterId) {
+		const updatedFilter = updatedFilters.find((f) => f.id === filterId);
+		if (updatedFilter) set(selectedFilterAtom, updatedFilter);
+	}
+	return updatedFilters.find((f) => f.id === filterId);
+});
+const deleteFilterAtom = atom(null, async (get, set, { filterId, resource }) => {
+	const allFilters = get(savedFiltersAtom);
+	const storageKey = await generateStorageKey(resource);
+	const updatedFilters = (allFilters[storageKey] || []).filter((filter) => filter.id !== filterId);
+	set(savedFiltersAtom, {
+		...allFilters,
+		[storageKey]: updatedFilters
+	});
+	set(resourceFiltersAtom, updatedFilters);
+	const currentSelected = get(selectedFilterAtom);
+	if (currentSelected && currentSelected.id === filterId) set(selectedFilterAtom, null);
+	return true;
+});
+const applyFilterAtom = atom(null, (get, set, filterId) => {
+	const filter = get(resourceFiltersAtom).find((f) => f.id === filterId);
+	if (filter) {
+		set(selectedFilterAtom, filter);
+		return filter.filters;
+	}
+	return null;
+});
+const clearSelectedFilterAtom = atom(null, (get, set) => {
+	set(selectedFilterAtom, null);
+	return true;
+});
+
+//#endregion
+export { applyFilterAtom, clearSelectedFilterAtom, deleteFilterAtom, generateHash, generateStorageKey, getResourceFiltersAtom, resourceFiltersAtom, saveFilterAtom, savedFiltersAtom, selectedFilterAtom, updateFilterAtom };
+//# sourceMappingURL=saved-filters.js.map

package/dist/esm/store/saved-filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"saved-filters.js","names":[],"sources":["../../../src/store/saved-filters.ts"],"sourcesContent":["import type { CrudFilters } from \"@refinedev/core\";\n\nimport { BrowserLevel } from \"browser-level\";\nimport { atom } from \"jotai\";\nimport { atomWithStorage } from \"jotai/utils\";\n\n// Type definitions for saved filters\nexport interface SavedFilter {\n  createdAt: string;\n  filters: CrudFilters;\n  id: string;\n  isDefault?: boolean;\n  name: string;\n  updatedAt: string;\n}\n\nexport type SavedFiltersStore = Record<string, SavedFilter[]>;\n\n// Function to generate SHA-256 hash\nexport async function generateHash(input: string): Promise<string> {\n  // Use the Web Crypto API to generate a SHA-256 hash\n  const msgUint8 = new TextEncoder().encode(input);\n  const hashBuffer = await crypto.subtle.digest(\"SHA-256\", msgUint8);\n  const hashArray = Array.from(new Uint8Array(hashBuffer));\n  return hashArray.map((b) => b.toString(16).padStart(2, \"0\")).join(\"\");\n}\n\n// Function to generate a storage key for a specific resource\nexport async function generateStorageKey(resource: string): Promise<string> {\n  // Combine domain and resource for a unique key\n  const domain =\n    typeof window !== \"undefined\" ? window.location.hostname : \"localhost\";\n  return generateHash(`${domain}:${resource}`);\n}\n\n// Create a custom storage for jotai that uses browser-level\nconst createBrowserLevelStorage = () => {\n  // Create a browser-level instance for saved filters\n  const db = new BrowserLevel(\"saved-filters\", {\n    prefix: \"\", // No prefix needed\n    version: 1,\n  });\n\n  // Open the database when the storage is created\n  const dbPromise = db.open();\n\n  // Create a storage object compatible with atomWithStorage\n  return {\n    // Add a method to close the database when needed\n    close: async (): Promise<void> => {\n      try {\n        await db.close();\n      } catch (error) {\n        console.error(\"Error closing browser-level:\", error);\n      }\n    },\n\n    getItem: async (\n      key: string,\n      initialValue: SavedFiltersStore,\n    ): Promise<SavedFiltersStore> => {\n      try {\n        // Ensure database is open\n        await dbPromise;\n\n        try {\n          // Try to get the value from the database\n          const value = await db.get(key, { valueEncoding: \"json\" });\n          // Properly handle the type - browser-level with json encoding returns the parsed object\n          return value as unknown as SavedFiltersStore;\n        } catch (error: any) {\n          // If key not found, return initial value\n          if (error.code === \"LEVEL_NOT_FOUND\") {\n            return initialValue;\n          }\n          throw error;\n        }\n      } catch (error) {\n        console.error(\"Error reading from browser-level:\", error);\n        return initialValue;\n      }\n    },\n\n    removeItem: async (key: string): Promise<void> => {\n      try {\n        // Ensure database is open\n        await dbPromise;\n\n        // Delete the key from the database\n        await db.del(key);\n      } catch (error) {\n        console.error(\"Error deleting from browser-level:\", error);\n      }\n    },\n\n    setItem: async (key: string, value: SavedFiltersStore): Promise<void> => {\n      try {\n        // Ensure database is open\n        await dbPromise;\n\n        // Store the value in the database\n        await db.put(key, value, { valueEncoding: \"json\" });\n      } catch (error) {\n        console.error(\"Error writing to browser-level:\", error);\n      }\n    },\n  };\n};\n\n// Create the browser-level storage\nconst browserLevelStorage = createBrowserLevelStorage();\n\n// Create the atom for saved filters with browser-level storage\nexport const savedFiltersAtom = atomWithStorage<SavedFiltersStore>(\n  \"savedFilters\",\n  {},\n  browserLevelStorage,\n);\n\n// Atom for the current resource's saved filters\nexport const resourceFiltersAtom = atom<SavedFilter[]>([]);\n\n// Make this a writable atom to fix the TypeScript errors\nexport const selectedFilterAtom = atom(\n  (_) => null as null | SavedFilter,\n  (_, set, update: null | SavedFilter) => {\n    set(selectedFilterAtom, update);\n  },\n);\n\n// Derived atom to get filters for a specific resource\nexport const getResourceFiltersAtom = atom(\n  null,\n  async (get, set, resource: string) => {\n    const allFilters = get(savedFiltersAtom);\n    const storageKey = await generateStorageKey(resource);\n    const filters = allFilters[storageKey] || [];\n    set(resourceFiltersAtom, filters);\n\n    // Set default filter if available and no filter is selected\n    const currentSelected = get(selectedFilterAtom);\n    if (!currentSelected) {\n      const defaultFilter = filters.find((f) => f.isDefault);\n      if (defaultFilter) {\n        // Now this will work with the writable atom\n        set(selectedFilterAtom, defaultFilter);\n      }\n    }\n\n    return filters;\n  },\n);\n\n// Action atom to save a new filter\nexport const saveFilterAtom = atom(\n  null,\n  async (\n    get,\n    set,\n    {\n      filters,\n      isDefault = false,\n      name,\n      resource,\n    }: {\n      filters: CrudFilters;\n      isDefault?: boolean;\n      name: string;\n      resource: string;\n    },\n  ) => {\n    const allFilters = get(savedFiltersAtom);\n    const storageKey = await generateStorageKey(resource);\n\n    const newFilter: SavedFilter = {\n      createdAt: new Date().toISOString(),\n      filters,\n      id: await generateHash(`${name}:${Date.now()}`),\n      isDefault,\n      name,\n      updatedAt: new Date().toISOString(),\n    };\n\n    // Get existing filters for this resource\n    const resourceFilters = allFilters[storageKey] || [];\n\n    // If this is set as default, remove default from others\n    let updatedFilters = resourceFilters;\n    if (isDefault) {\n      updatedFilters = resourceFilters.map((filter) => ({\n        ...filter,\n        isDefault: false,\n      }));\n    }\n\n    // Add the new filter\n    updatedFilters = [...updatedFilters, newFilter];\n\n    // Update the store\n    const updatedStore = {\n      ...allFilters,\n      [storageKey]: updatedFilters,\n    };\n\n    set(savedFiltersAtom, updatedStore);\n    set(resourceFiltersAtom, updatedFilters);\n    set(selectedFilterAtom, newFilter);\n\n    return newFilter;\n  },\n);\n\n// Action atom to update an existing filter\nexport const updateFilterAtom = atom(\n  null,\n  async (\n    get,\n    set,\n    {\n      filterId,\n      resource,\n      updates,\n    }: {\n      filterId: string;\n      resource: string;\n      updates: Partial<SavedFilter>;\n    },\n  ) => {\n    const allFilters = get(savedFiltersAtom);\n    const storageKey = await generateStorageKey(resource);\n\n    // Get existing filters for this resource\n    const resourceFilters = allFilters[storageKey] || [];\n\n    // If setting as default, remove default from others\n    let updatedFilters = resourceFilters;\n    if (updates.isDefault) {\n      updatedFilters = resourceFilters.map((filter) => ({\n        ...filter,\n        isDefault: false,\n      }));\n    }\n\n    // Update the specific filter\n    updatedFilters = updatedFilters.map((filter) => {\n      if (filter.id === filterId) {\n        return {\n          ...filter,\n          ...updates,\n          updatedAt: new Date().toISOString(),\n        };\n      }\n      return filter;\n    });\n\n    // Update the store\n    const updatedStore = {\n      ...allFilters,\n      [storageKey]: updatedFilters,\n    };\n\n    set(savedFiltersAtom, updatedStore);\n    set(resourceFiltersAtom, updatedFilters);\n\n    // Update selected filter if it was the one modified\n    const currentSelected = get(selectedFilterAtom);\n    if (currentSelected && currentSelected.id === filterId) {\n      const updatedFilter = updatedFilters.find((f) => f.id === filterId);\n      if (updatedFilter) {\n        set(selectedFilterAtom, updatedFilter);\n      }\n    }\n\n    return updatedFilters.find((f) => f.id === filterId);\n  },\n);\n\n// Action atom to delete a filter\nexport const deleteFilterAtom = atom(\n  null,\n  async (\n    get,\n    set,\n    {\n      filterId,\n      resource,\n    }: {\n      filterId: string;\n      resource: string;\n    },\n  ) => {\n    const allFilters = get(savedFiltersAtom);\n    const storageKey = await generateStorageKey(resource);\n\n    // Get existing filters for this resource\n    const resourceFilters = allFilters[storageKey] || [];\n\n    // Remove the filter\n    const updatedFilters = resourceFilters.filter(\n      (filter) => filter.id !== filterId,\n    );\n\n    // Update the store\n    const updatedStore = {\n      ...allFilters,\n      [storageKey]: updatedFilters,\n    };\n\n    set(savedFiltersAtom, updatedStore);\n    set(resourceFiltersAtom, updatedFilters);\n\n    // Clear selected filter if it was the one deleted\n    const currentSelected = get(selectedFilterAtom);\n    if (currentSelected && currentSelected.id === filterId) {\n      set(selectedFilterAtom, null);\n    }\n\n    return true;\n  },\n);\n\n// Action atom to apply a saved filter\nexport const applyFilterAtom = atom(null, (get, set, filterId: string) => {\n  const resourceFilters = get(resourceFiltersAtom);\n  const filter = resourceFilters.find((f) => f.id === filterId);\n\n  if (filter) {\n    set(selectedFilterAtom, filter);\n    return filter.filters;\n  }\n\n  return null;\n});\n\n// Action atom to clear the selected filter\nexport const clearSelectedFilterAtom = atom(null, (get, set) => {\n  set(selectedFilterAtom, null);\n  return true;\n});\n"],"mappings":";;;;;AAmBA,eAAsB,aAAa,OAAgC;CAEjE,MAAM,WAAW,IAAI,aAAa,CAAC,OAAO,MAAM;CAChD,MAAM,aAAa,MAAM,OAAO,OAAO,OAAO,WAAW,SAAS;AAElE,QADkB,MAAM,KAAK,IAAI,WAAW,WAAW,CACvC,CAAC,KAAK,MAAM,EAAE,SAAS,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC,KAAK,GAAG;;AAIvE,eAAsB,mBAAmB,UAAmC;AAI1E,QAAO,aAAa,GADlB,OAAO,WAAW,cAAc,OAAO,SAAS,WAAW,YAC/B,GAAG,WAAW;;AAI9C,MAAM,kCAAkC;CAEtC,MAAM,KAAK,IAAI,aAAa,iBAAiB;EAC3C,QAAQ;EACR,SAAS;EACV,CAAC;CAGF,MAAM,YAAY,GAAG,MAAM;AAG3B,QAAO;EAEL,OAAO,YAA2B;AAChC,OAAI;AACF,UAAM,GAAG,OAAO;YACT,OAAO;AACd,YAAQ,MAAM,gCAAgC,MAAM;;;EAIxD,SAAS,OACP,KACA,iBAC+B;AAC/B,OAAI;AAEF,UAAM;AAEN,QAAI;AAIF,YAAO,MAFa,GAAG,IAAI,KAAK,EAAE,eAAe,QAAQ,CAAC;aAGnD,OAAY;AAEnB,SAAI,MAAM,SAAS,kBACjB,QAAO;AAET,WAAM;;YAED,OAAO;AACd,YAAQ,MAAM,qCAAqC,MAAM;AACzD,WAAO;;;EAIX,YAAY,OAAO,QAA+B;AAChD,OAAI;AAEF,UAAM;AAGN,UAAM,GAAG,IAAI,IAAI;YACV,OAAO;AACd,YAAQ,MAAM,sCAAsC,MAAM;;;EAI9D,SAAS,OAAO,KAAa,UAA4C;AACvE,OAAI;AAEF,UAAM;AAGN,UAAM,GAAG,IAAI,KAAK,OAAO,EAAE,eAAe,QAAQ,CAAC;YAC5C,OAAO;AACd,YAAQ,MAAM,mCAAmC,MAAM;;;EAG5D;;AAIH,MAAM,sBAAsB,2BAA2B;AAGvD,MAAa,mBAAmB,gBAC9B,gBACA,EAAE,EACF,oBACD;AAGD,MAAa,sBAAsB,KAAoB,EAAE,CAAC;AAG1D,MAAa,qBAAqB,MAC/B,MAAM,OACN,GAAG,KAAK,WAA+B;AACtC,KAAI,oBAAoB,OAAO;EAElC;AAGD,MAAa,yBAAyB,KACpC,MACA,OAAO,KAAK,KAAK,aAAqB;CAGpC,MAAM,UAFa,IAAI,iBAEG,CAAC,MADF,mBAAmB,SAAS,KACX,EAAE;AAC5C,KAAI,qBAAqB,QAAQ;AAIjC,KAAI,CADoB,IAAI,mBACR,EAAE;EACpB,MAAM,gBAAgB,QAAQ,MAAM,MAAM,EAAE,UAAU;AACtD,MAAI,cAEF,KAAI,oBAAoB,cAAc;;AAI1C,QAAO;EAEV;AAGD,MAAa,iBAAiB,KAC5B,MACA,OACE,KACA,KACA,EACE,SACA,YAAY,OACZ,MACA,eAOC;CACH,MAAM,aAAa,IAAI,iBAAiB;CACxC,MAAM,aAAa,MAAM,mBAAmB,SAAS;CAErD,MAAM,YAAyB;EAC7B,4BAAW,IAAI,MAAM,EAAC,aAAa;EACnC;EACA,IAAI,MAAM,aAAa,GAAG,KAAK,GAAG,KAAK,KAAK,GAAG;EAC/C;EACA;EACA,4BAAW,IAAI,MAAM,EAAC,aAAa;EACpC;CAGD,MAAM,kBAAkB,WAAW,eAAe,EAAE;CAGpD,IAAI,iBAAiB;AACrB,KAAI,UACF,kBAAiB,gBAAgB,KAAK,YAAY;EAChD,GAAG;EACH,WAAW;EACZ,EAAE;AAIL,kBAAiB,CAAC,GAAG,gBAAgB,UAAU;AAQ/C,KAAI,kBAAkB;EAJpB,GAAG;GACF,aAAa;EAGkB,CAAC;AACnC,KAAI,qBAAqB,eAAe;AACxC,KAAI,oBAAoB,UAAU;AAElC,QAAO;EAEV;AAGD,MAAa,mBAAmB,KAC9B,MACA,OACE,KACA,KACA,EACE,UACA,UACA,cAMC;CACH,MAAM,aAAa,IAAI,iBAAiB;CACxC,MAAM,aAAa,MAAM,mBAAmB,SAAS;CAGrD,MAAM,kBAAkB,WAAW,eAAe,EAAE;CAGpD,IAAI,iBAAiB;AACrB,KAAI,QAAQ,UACV,kBAAiB,gBAAgB,KAAK,YAAY;EAChD,GAAG;EACH,WAAW;EACZ,EAAE;AAIL,kBAAiB,eAAe,KAAK,WAAW;AAC9C,MAAI,OAAO,OAAO,SAChB,QAAO;GACL,GAAG;GACH,GAAG;GACH,4BAAW,IAAI,MAAM,EAAC,aAAa;GACpC;AAEH,SAAO;GACP;AAQF,KAAI,kBAAkB;EAJpB,GAAG;GACF,aAAa;EAGkB,CAAC;AACnC,KAAI,qBAAqB,eAAe;CAGxC,MAAM,kBAAkB,IAAI,mBAAmB;AAC/C,KAAI,mBAAmB,gBAAgB,OAAO,UAAU;EACtD,MAAM,gBAAgB,eAAe,MAAM,MAAM,EAAE,OAAO,SAAS;AACnE,MAAI,cACF,KAAI,oBAAoB,cAAc;;AAI1C,QAAO,eAAe,MAAM,MAAM,EAAE,OAAO,SAAS;EAEvD;AAGD,MAAa,mBAAmB,KAC9B,MACA,OACE,KACA,KACA,EACE,UACA,eAKC;CACH,MAAM,aAAa,IAAI,iBAAiB;CACxC,MAAM,aAAa,MAAM,mBAAmB,SAAS;CAMrD,MAAM,kBAHkB,WAAW,eAAe,EAAE,EAGb,QACpC,WAAW,OAAO,OAAO,SAC3B;AAQD,KAAI,kBAAkB;EAJpB,GAAG;GACF,aAAa;EAGkB,CAAC;AACnC,KAAI,qBAAqB,eAAe;CAGxC,MAAM,kBAAkB,IAAI,mBAAmB;AAC/C,KAAI,mBAAmB,gBAAgB,OAAO,SAC5C,KAAI,oBAAoB,KAAK;AAG/B,QAAO;EAEV;AAGD,MAAa,kBAAkB,KAAK,OAAO,KAAK,KAAK,aAAqB;CAExE,MAAM,SADkB,IAAI,oBACE,CAAC,MAAM,MAAM,EAAE,OAAO,SAAS;AAE7D,KAAI,QAAQ;AACV,MAAI,oBAAoB,OAAO;AAC/B,SAAO,OAAO;;AAGhB,QAAO;EACP;AAGF,MAAa,0BAA0B,KAAK,OAAO,KAAK,QAAQ;AAC9D,KAAI,oBAAoB,KAAK;AAC7B,QAAO;EACP"}

package/dist/esm/store/uiStore.d.ts

@@ -0,0 +1,11 @@
+//#region src/store/uiStore.d.ts
+interface UIActions {
+  setTheme: (theme: string) => void;
+}
+interface UIState {
+  theme: string;
+}
+declare const useUIStore: <T>(selector: (state: UIActions & UIState) => T) => T;
+//#endregion
+export { useUIStore };
+//# sourceMappingURL=uiStore.d.ts.map

package/dist/esm/store/uiStore.js

@@ -0,0 +1,16 @@
+import { createStore, useStore } from "zustand";
+import { persist } from "zustand/middleware";
+
+//#region src/store/uiStore.ts
+const uiStore = createStore()(persist((set) => ({
+	setTheme: (theme) => set({ theme }),
+	theme: "default"
+}), {
+	name: "ui-store",
+	partialize: (state) => ({ theme: state.theme })
+}));
+const useUIStore = (selector) => useStore(uiStore, selector);
+
+//#endregion
+export { useUIStore };
+//# sourceMappingURL=uiStore.js.map

package/dist/esm/store/uiStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uiStore.js","names":[],"sources":["../../../src/store/uiStore.ts"],"sourcesContent":["import { createStore, useStore } from \"zustand\";\nimport { persist } from \"zustand/middleware\";\n\ninterface UIActions {\n  setTheme: (theme: string) => void;\n}\n\ninterface UIState {\n  theme: string;\n}\n\nconst uiStore = createStore<UIActions & UIState>()(\n  persist(\n    (set) => ({\n      setTheme: (theme) => set({ theme }),\n      theme: \"default\",\n    }),\n    {\n      name: \"ui-store\",\n      partialize: (state) => ({ theme: state.theme }),\n    },\n  ),\n);\n\nexport const useUIStore = <T>(selector: (state: UIActions & UIState) => T) =>\n  useStore(uiStore, selector);\n"],"mappings":";;;;AAWA,MAAM,UAAU,aAAkC,CAChD,SACG,SAAS;CACR,WAAW,UAAU,IAAI,EAAE,OAAO,CAAC;CACnC,OAAO;CACR,GACD;CACE,MAAM;CACN,aAAa,WAAW,EAAE,OAAO,MAAM,OAAO;CAC/C,CACF,CACF;AAED,MAAa,cAAiB,aAC5B,SAAS,SAAS,SAAS"}

package/dist/esm/tests/portalMetaMocks.d.ts

@@ -0,0 +1,16 @@
+import * as _$_lumeweb_portal_framework_core0 from "@lumeweb/portal-framework-core";
+import { PortalMeta } from "@lumeweb/portal-framework-core";
+
+//#region src/tests/portalMetaMocks.d.ts
+declare const createMockPortalMeta: (overrides?: Partial<PortalMeta>) => {
+  domain: string;
+  feature_flags: Record<string, boolean>;
+  plugins: _$_lumeweb_portal_framework_core0.PortalMetaPlugins;
+};
+declare const createMockPlugin: (meta?: any) => {
+  meta: any;
+  web_bundles: never[];
+};
+//#endregion
+export { createMockPlugin, createMockPortalMeta };
+//# sourceMappingURL=portalMetaMocks.d.ts.map

package/dist/esm/tests/portalMetaMocks.js

@@ -0,0 +1,15 @@
+//#region src/tests/portalMetaMocks.ts
+const createMockPortalMeta = (overrides = {}) => ({
+	domain: "example.com",
+	feature_flags: {},
+	plugins: {},
+	...overrides
+});
+const createMockPlugin = (meta = {}) => ({
+	meta,
+	web_bundles: []
+});
+
+//#endregion
+export { createMockPlugin, createMockPortalMeta };
+//# sourceMappingURL=portalMetaMocks.js.map

package/dist/esm/tests/portalMetaMocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portalMetaMocks.js","names":[],"sources":["../../../src/tests/portalMetaMocks.ts"],"sourcesContent":["import type { PortalMeta } from \"@lumeweb/portal-framework-core\";\n\nexport const createMockPortalMeta = (overrides: Partial<PortalMeta> = {}) => ({\n  domain: \"example.com\",\n  feature_flags: {},\n  plugins: {},\n  ...overrides,\n});\n\nexport const createMockPlugin = (meta: any = {}) => ({\n  meta,\n  web_bundles: [],\n});\n"],"mappings":";AAEA,MAAa,wBAAwB,YAAiC,EAAE,MAAM;CAC5E,QAAQ;CACR,eAAe,EAAE;CACjB,SAAS,EAAE;CACX,GAAG;CACJ;AAED,MAAa,oBAAoB,OAAY,EAAE,MAAM;CACnD;CACA,aAAa,EAAE;CAChB"}

package/dist/esm/types/badge.d.ts

@@ -0,0 +1,16 @@
+//#region src/types/badge.d.ts
+type BadgeConfig<T extends string> = Record<T, {
+  base: string;
+  dark: string;
+  hover?: string;
+  label?: string;
+}>;
+type BadgeVariant = "critical" | "default" | "destructive" | "info" | "secondary" | "success" | "warning";
+declare const BADGE_THEME: Record<BadgeVariant, {
+  base: string;
+  dark: string;
+  hover: string;
+}>;
+//#endregion
+export { BADGE_THEME, BadgeConfig, BadgeVariant };
+//# sourceMappingURL=badge.d.ts.map

package/dist/esm/types/badge.js

@@ -0,0 +1,42 @@
+//#region src/types/badge.ts
+const BADGE_THEME = {
+	critical: {
+		base: "bg-orange-100 text-orange-800",
+		dark: "dark:bg-orange-900/30 dark:text-orange-400",
+		hover: "hover:bg-orange-200"
+	},
+	default: {
+		base: "bg-gray-100 text-gray-800",
+		dark: "dark:bg-gray-800 dark:text-gray-200",
+		hover: "hover:bg-gray-200"
+	},
+	destructive: {
+		base: "bg-red-100 text-red-800",
+		dark: "dark:bg-red-900/30 dark:text-red-400",
+		hover: "hover:bg-red-200"
+	},
+	info: {
+		base: "bg-cyan-100 text-cyan-800",
+		dark: "dark:bg-cyan-900/30 dark:text-cyan-400",
+		hover: "hover:bg-cyan-200"
+	},
+	secondary: {
+		base: "bg-blue-100 text-blue-800",
+		dark: "dark:bg-blue-900/30 dark:text-blue-400",
+		hover: "hover:bg-blue-200"
+	},
+	success: {
+		base: "bg-green-100 text-green-800",
+		dark: "dark:bg-green-900/30 dark:text-green-400",
+		hover: "hover:bg-green-200"
+	},
+	warning: {
+		base: "bg-yellow-100 text-yellow-800",
+		dark: "dark:bg-yellow-900/30 dark:text-yellow-400",
+		hover: "hover:bg-yellow-200"
+	}
+};
+
+//#endregion
+export { BADGE_THEME };
+//# sourceMappingURL=badge.js.map

package/dist/esm/types/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":[],"sources":["../../../src/types/badge.ts"],"sourcesContent":["export type BadgeConfig<T extends string> = Record<\n  T,\n  {\n    base: string;\n    dark: string;\n    hover?: string;\n    label?: string;\n  }\n>;\n\nexport type BadgeVariant =\n  | \"critical\"\n  | \"default\"\n  | \"destructive\"\n  | \"info\"\n  | \"secondary\"\n  | \"success\"\n  | \"warning\";\n\nexport const BADGE_THEME: Record<\n  BadgeVariant,\n  {\n    base: string;\n    dark: string;\n    hover: string;\n  }\n> = {\n  critical: {\n    base: \"bg-orange-100 text-orange-800\",\n    dark: \"dark:bg-orange-900/30 dark:text-orange-400\",\n    hover: \"hover:bg-orange-200\",\n  },\n  default: {\n    base: \"bg-gray-100 text-gray-800\",\n    dark: \"dark:bg-gray-800 dark:text-gray-200\",\n    hover: \"hover:bg-gray-200\",\n  },\n  destructive: {\n    base: \"bg-red-100 text-red-800\",\n    dark: \"dark:bg-red-900/30 dark:text-red-400\",\n    hover: \"hover:bg-red-200\",\n  },\n  info: {\n    base: \"bg-cyan-100 text-cyan-800\",\n    dark: \"dark:bg-cyan-900/30 dark:text-cyan-400\",\n    hover: \"hover:bg-cyan-200\",\n  },\n  secondary: {\n    base: \"bg-blue-100 text-blue-800\",\n    dark: \"dark:bg-blue-900/30 dark:text-blue-400\",\n    hover: \"hover:bg-blue-200\",\n  },\n  success: {\n    base: \"bg-green-100 text-green-800\",\n    dark: \"dark:bg-green-900/30 dark:text-green-400\",\n    hover: \"hover:bg-green-200\",\n  },\n  warning: {\n    base: \"bg-yellow-100 text-yellow-800\",\n    dark: \"dark:bg-yellow-900/30 dark:text-yellow-400\",\n    hover: \"hover:bg-yellow-200\",\n  },\n};\n"],"mappings":";AAmBA,MAAa,cAOT;CACF,UAAU;EACR,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD,SAAS;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD,aAAa;EACX,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD,MAAM;EACJ,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD,WAAW;EACT,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD,SAAS;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD,SAAS;EACP,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACF"}

package/dist/esm/types/index.d.ts

@@ -0,0 +1,3 @@
+import { BADGE_THEME, BadgeConfig, BadgeVariant } from "./badge.js";
+import { BackgroundImages, Color, SystemColors, Theme } from "./theme.js";
+export { BADGE_THEME, BackgroundImages, BadgeConfig, BadgeVariant, Color, SystemColors, Theme };

package/dist/esm/types/index.js

@@ -0,0 +1,3 @@
+import { BADGE_THEME } from "./badge.js";
+
+export { BADGE_THEME };

package/dist/esm/types/theme.d.ts

@@ -0,0 +1,35 @@
+//#region src/types/theme.d.ts
+interface BackgroundImages {
+  login: string;
+  register: string;
+  reset_password: string;
+}
+interface Color {
+  hue: number;
+  lightness: number;
+  saturation: number;
+}
+interface SystemColors {
+  active_ui_element: Color;
+  background: Color;
+  borders: Color;
+  high_contrast_text: Color;
+  hovered_element_border: Color;
+  hovered_solid_bg: Color;
+  hovered_ui_element: Color;
+  low_contrast_text: Color;
+  solid_background: Color;
+  subtle_background: Color;
+  ui_element_background: Color;
+  ui_element_border: Color;
+}
+interface Theme {
+  background_images: BackgroundImages;
+  default?: boolean;
+  id: string;
+  name: string;
+  system_colors: SystemColors;
+}
+//#endregion
+export { BackgroundImages, Color, SystemColors, Theme };
+//# sourceMappingURL=theme.d.ts.map

package/dist/esm/utils/asyncUtils.d.ts

@@ -0,0 +1,5 @@
+//#region src/utils/asyncUtils.d.ts
+declare function runWhenIdle(callback: () => void): void;
+//#endregion
+export { runWhenIdle };
+//# sourceMappingURL=asyncUtils.d.ts.map

package/dist/esm/utils/asyncUtils.js

@@ -0,0 +1,9 @@
+//#region src/utils/asyncUtils.ts
+function runWhenIdle(callback) {
+	if (typeof requestIdleCallback !== "undefined") requestIdleCallback(callback);
+	else setTimeout(callback, 200);
+}
+
+//#endregion
+export { runWhenIdle };
+//# sourceMappingURL=asyncUtils.js.map

package/dist/esm/utils/asyncUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asyncUtils.js","names":[],"sources":["../../../src/utils/asyncUtils.ts"],"sourcesContent":["export function runWhenIdle(callback: () => void) {\n  if (typeof requestIdleCallback !== \"undefined\") {\n    requestIdleCallback(callback);\n  } else {\n    setTimeout(callback, 200);\n  }\n}\n"],"mappings":";AAAA,SAAgB,YAAY,UAAsB;AAChD,KAAI,OAAO,wBAAwB,YACjC,qBAAoB,SAAS;KAE7B,YAAW,UAAU,IAAI"}

package/dist/esm/utils/fileSize.d.ts

@@ -0,0 +1,5 @@
+//#region src/utils/fileSize.d.ts
+declare function formatFileSize(bytes: number): string;
+//#endregion
+export { formatFileSize };
+//# sourceMappingURL=fileSize.d.ts.map

package/dist/esm/utils/fileSize.js

@@ -0,0 +1,18 @@
+//#region src/utils/fileSize.ts
+function formatFileSize(bytes) {
+	if (bytes === 0) return "0 Bytes";
+	const k = 1024;
+	const sizes = [
+		"Bytes",
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	];
+	const i = Math.floor(Math.log(bytes) / Math.log(k));
+	return Number.parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
+}
+
+//#endregion
+export { formatFileSize };
+//# sourceMappingURL=fileSize.js.map

package/dist/esm/utils/fileSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileSize.js","names":[],"sources":["../../../src/utils/fileSize.ts"],"sourcesContent":["export function formatFileSize(bytes: number): string {\n  if (bytes === 0) return \"0 Bytes\";\n\n  const k = 1024;\n  const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\", \"TB\"];\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n\n  return (\n    Number.parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + \" \" + sizes[i]\n  );\n}\n"],"mappings":";AAAA,SAAgB,eAAe,OAAuB;AACpD,KAAI,UAAU,EAAG,QAAO;CAExB,MAAM,IAAI;CACV,MAAM,QAAQ;EAAC;EAAS;EAAM;EAAM;EAAM;EAAK;CAC/C,MAAM,IAAI,KAAK,MAAM,KAAK,IAAI,MAAM,GAAG,KAAK,IAAI,EAAE,CAAC;AAEnD,QACE,OAAO,YAAY,QAAQ,KAAK,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,MAAM,MAAM"}

package/dist/esm/utils/index.d.ts

@@ -0,0 +1,4 @@
+import { runWhenIdle } from "./asyncUtils.js";
+import { formatFileSize } from "./fileSize.js";
+import { adjustHue, applyThemeStyles, createDefaultSystemColors, createDefaultTheme, createZeroSystemColors, darkenColor, desaturateColor, ensureWcagContrast, generateThemeCSS, getContrastRatio, getThemeById, hexToHsl, hslToRawString, hslToRgb, hslToString, isValidBackgroundImages, isValidColor, isValidSystemColors, lightenColor, meetsWcagContrast, meetsWcagNonTextContrast, meetsWcagTextContrast, mergeThemes, rgbToHsl, rgbToLuminance, saturateColor, validateTheme } from "./theme.js";
+export { adjustHue, applyThemeStyles, createDefaultSystemColors, createDefaultTheme, createZeroSystemColors, darkenColor, desaturateColor, ensureWcagContrast, formatFileSize, generateThemeCSS, getContrastRatio, getThemeById, hexToHsl, hslToRawString, hslToRgb, hslToString, isValidBackgroundImages, isValidColor, isValidSystemColors, lightenColor, meetsWcagContrast, meetsWcagNonTextContrast, meetsWcagTextContrast, mergeThemes, rgbToHsl, rgbToLuminance, runWhenIdle, saturateColor, validateTheme };