@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

package/dist/esm/store/appStore.js

@@ -0,0 +1,131 @@
+import { __esmMin, __exportAll } from "../_virtual/rolldown_runtime.js";
+import { createStore, useStore } from "zustand";
+
+//#region src/store/appStore.ts
+var appStore_exports = /* @__PURE__ */ __exportAll({
+	appStore: () => appStore,
+	helpers: () => helpers,
+	useAppStore: () => useAppStore
+});
+var helpers, appStore, useAppStore;
+var init_appStore = __esmMin(() => {
+	helpers = {
+		addItemsToChildren: (newItems, parent) => {
+			const existingChildIds = new Set(parent.children?.map((item) => item.id).filter(Boolean));
+			const itemsToAdd = newItems.filter((item) => item.id && !existingChildIds.has(item.id));
+			const newChildren = [...parent.children || [], ...itemsToAdd.map((item) => {
+				const child = {
+					...item,
+					children: item.children || []
+				};
+				if (parent.path && child.path && !child.path.startsWith("/")) child.path = `${parent.path.endsWith("/") ? parent.path.slice(0, -1) : parent.path}/${child.path.startsWith("/") ? child.path.slice(1) : child.path}`;
+				return child;
+			})];
+			return {
+				...parent,
+				children: newChildren
+			};
+		},
+		addItemsToRoot: (newItems, existingItems) => {
+			const newItemsFiltered = newItems.filter((item, index, self) => item.id && self.findIndex((i) => i.id === item.id) === index);
+			const existingIds = new Set(existingItems.map((item) => item.id).filter(Boolean));
+			const itemsToAdd = newItemsFiltered.filter((item) => item.id && !existingIds.has(item.id));
+			return [...existingItems, ...itemsToAdd.map((item) => ({
+				...item,
+				children: item.children || []
+			}))];
+		},
+		findAndModifyMenuItem: (items, key, modifier) => {
+			let changed = false;
+			const newItems = items.map((item) => {
+				if (item.id === key) {
+					changed = true;
+					return modifier(item);
+				}
+				if (item.children) {
+					const updatedChildren = helpers.findAndModifyMenuItem(item.children, key, modifier);
+					if (updatedChildren !== item.children) {
+						changed = true;
+						return {
+							...item,
+							children: updatedChildren
+						};
+					}
+				}
+				return item;
+			});
+			return changed ? newItems : items;
+		},
+		findMenuItem: (items, id) => {
+			for (const item of items) {
+				if (item.id === id) return item;
+				if (item.children) {
+					const found = helpers.findMenuItem(item.children, id);
+					if (found) return found;
+				}
+			}
+		},
+		removeItemFromMenu: (items, key) => {
+			let removed = false;
+			const newItems = items.map((item) => {
+				if (item.children) {
+					const updatedChildren = helpers.removeItemFromMenu(item.children, key);
+					if (updatedChildren !== item.children) {
+						removed = true;
+						return {
+							...item,
+							children: [...updatedChildren]
+						};
+					}
+				}
+				return item;
+			}).filter((item) => {
+				if (item.id === key) {
+					removed = true;
+					return false;
+				}
+				return true;
+			});
+			return removed ? newItems : items;
+		}
+	};
+	appStore = createStore((set) => ({
+		addMenuItem: (newItem, parentKey) => set((state) => {
+			if (parentKey) if (helpers.findMenuItem(state.menuItems, parentKey)) return { menuItems: helpers.findAndModifyMenuItem(state.menuItems, parentKey, (parent) => helpers.addItemsToChildren([newItem], parent)) };
+			else return { menuItems: helpers.addItemsToRoot([newItem], state.menuItems) };
+			else return { menuItems: helpers.addItemsToRoot([newItem], state.menuItems) };
+		}),
+		addMenuItems: (items, parentKey) => set((state) => {
+			let newMenuItems = [...state.menuItems];
+			const itemsWithoutParents = items.filter((item) => !item.parentId);
+			if (itemsWithoutParents.length > 0) newMenuItems = helpers.addItemsToRoot(itemsWithoutParents, newMenuItems);
+			const itemsWithParents = items.filter((item) => item.parentId || parentKey);
+			for (const item of itemsWithParents) {
+				const targetParentKey = parentKey ?? item.parentId;
+				if (targetParentKey) if (helpers.findMenuItem(newMenuItems, targetParentKey)) {
+					newMenuItems = helpers.findAndModifyMenuItem(newMenuItems, targetParentKey, (parent) => helpers.addItemsToChildren([item], parent));
+					newMenuItems = newMenuItems.filter((i) => i.id !== item.id);
+				} else newMenuItems = helpers.addItemsToRoot([item], newMenuItems);
+			}
+			return { menuItems: newMenuItems };
+		}),
+		error: null,
+		isLoading: false,
+		menuItems: [],
+		pluginConfigs: [],
+		removeMenuItem: (key) => set((state) => {
+			return { menuItems: helpers.removeItemFromMenu(state.menuItems, key) };
+		}),
+		routes: [],
+		setError: (error) => set({ error }),
+		setIsLoading: (isLoading) => set({ isLoading }),
+		setPluginConfigs: (pluginConfigs) => set({ pluginConfigs }),
+		setRoutes: (routes) => set({ routes })
+	}));
+	useAppStore = (selector) => useStore(appStore, selector);
+});
+
+//#endregion
+init_appStore();
+export { appStore, appStore_exports, helpers, init_appStore, useAppStore };
+//# sourceMappingURL=appStore.js.map

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,13 @@
+import { appStore, helpers, init_appStore, useAppStore } from "./appStore.js";
+import { init_portalStore, metaStore, portalStore, useFrameworkSync, useMetaStore, usePortal, usePortalActions, usePortalStore } from "./portalStore.js";
+import { init_uiStore, useUIStore } from "./uiStore.js";
+import { applyFilterAtom, clearSelectedFilterAtom, deleteFilterAtom, generateHash, generateStorageKey, getResourceFiltersAtom, resourceFiltersAtom, saveFilterAtom, savedFiltersAtom, selectedFilterAtom, updateFilterAtom } from "./saved-filters.js";
+
+//#region src/store/index.ts
+init_appStore();
+init_portalStore();
+init_uiStore();
+
+//#endregion
+export { appStore, applyFilterAtom, clearSelectedFilterAtom, deleteFilterAtom, generateHash, generateStorageKey, getResourceFiltersAtom, helpers, metaStore, portalStore, resourceFiltersAtom, saveFilterAtom, savedFiltersAtom, selectedFilterAtom, updateFilterAtom, useAppStore, useFrameworkSync, useMetaStore, usePortal, usePortalActions, usePortalStore, useUIStore };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/store/index.ts"],"sourcesContent":["/**\n * Portal Framework UI Store\n * \n * This barrel file exports all store modules from the portal framework UI library.\n * Use this file to import store modules in a centralized way.\n */\n\n// Application State Store\nexport * from './appStore';\n\n// Portal State Store  \nexport * from './portalStore';\n\n// UI State Store\nexport * from './uiStore';\n\n// Saved Filters Store\nexport * from './saved-filters';"],"mappings":""}

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

@@ -0,0 +1,33 @@
+import { PortalMeta } from "@lumeweb/portal-framework-core";
+import * as zustand0 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: zustand0.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: zustand0.StoreApi<any>;
+declare const useMetaStore: () => any;
+//#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,63 @@
+import { __esmMin } from "../_virtual/rolldown_runtime.js";
+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
+var portalStore, usePortalActions, usePortalStore, useFrameworkSync, usePortal, metaStore, useMetaStore;
+var init_portalStore = __esmMin(() => {
+	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 })
+	}));
+	usePortalActions = () => {
+		return useStoreWithEqualityFn(portalStore, (state) => ({
+			setIsMetaLoading: state.setIsMetaLoading,
+			setMeta: state.setMeta,
+			setPortalUrl: state.setPortalUrl,
+			setSdk: state.setSdk
+		}), shallow);
+	};
+	usePortalStore = (selector, equalityFn = shallow) => {
+		return useStoreWithEqualityFn(portalStore, selector, equalityFn);
+	};
+	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]);
+	};
+	usePortal = (selector, equalityFn) => {
+		const state = usePortalStore(selector, equalityFn);
+		const actions = usePortalActions();
+		return {
+			...state,
+			...actions
+		};
+	};
+	metaStore = derive((get) => {
+		const portalUrl = get(portalStore).portalUrl;
+		const isMetaLoading = get(portalStore).isMetaLoading;
+		if (!portalUrl || isMetaLoading) return;
+		return get(portalStore).meta;
+	});
+	useMetaStore = () => useStore(metaStore);
+});
+
+//#endregion
+init_portalStore();
+export { init_portalStore, 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":";;;;;;;;;;;CA4Ba,cAAc,aAA0B,SAAS;EAC5D,eAAe;EACf,MAAM;EACN,WAAW,IAAI,sBAAsB;EACrC,KAAK;EACL,mBAAmB,kBAA2B,IAAI,EAAE,eAAe,CAAC;EACpE,UAAU,SAAiC,IAAI,EAAE,MAAM,CAAC;EACxD,eAAe,cAAsB,IAAI,EAAE,WAAW,CAAC;EACvD,SAAS,QAAoB,IAAI,EAAE,KAAK,CAAC;EAC1C,EAAE;CAGU,yBAAyB;AACpC,SAAO,uBACL,cACC,WAAW;GACV,kBAAkB,MAAM;GACxB,SAAS,MAAM;GACf,cAAc,MAAM;GACpB,QAAQ,MAAM;GACf,GACD,QACD;;CAIU,kBACX,UACA,aAAsC,YAChC;AACN,SAAO,uBAAuB,aAAa,UAAU,WAAW;;CAIrD,yBAAyB;EACpC,MAAM,YAAY,cAAc;EAChC,MAAM,UAAU,kBAAkB;AAElC,kBAAgB;AACd,OAAI,CAAC,UAAW;AAChB,OAAI,CAAC,WAAW,UAAW;AAI3B,OAAI,WAAW,UACb,SAAQ,aAAa,UAAU,UAAU,UAAU;AAGrD,OAAI,WAAW,WAAW,KACxB,SAAQ,QAAQ,UAAU,UAAU,KAAK;KAE1C,CAAC,WAAW,WAAW,QAAQ,CAAC;;CAIxB,aACX,UACA,eACsB;EACtB,MAAM,QAAQ,eAAe,UAAU,WAAW;EAClD,MAAM,UAAU,kBAAkB;AAClC,SAAO;GAAE,GAAG;GAAO,GAAG;GAAS;;CAIpB,YAAY,QAAgC,QAAQ;EAC/D,MAAM,YAAY,IAAI,YAAY,CAAC;EACnC,MAAM,gBAAgB,IAAI,YAAY,CAAC;AAEvC,MAAI,CAAC,aAAa,cAChB;AAGF,SAAO,IAAI,YAAY,CAAC;GACxB;CAEW,qBAAqB,SAAS,UAAU"}

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

@@ -0,0 +1,54 @@
+import { CrudFilters } from "@refinedev/core";
+import * as jotai0 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: jotai0.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: jotai0.PrimitiveAtom<SavedFilter[]> & {
+  init: SavedFilter[];
+};
+declare const selectedFilterAtom: jotai0.WritableAtom<SavedFilter | null, [update: SavedFilter | null], void>;
+declare const getResourceFiltersAtom: jotai0.WritableAtom<null, [resource: string], Promise<any>> & {
+  init: null;
+};
+declare const saveFilterAtom: jotai0.WritableAtom<null, [{
+  filters: CrudFilters;
+  isDefault?: boolean;
+  name: string;
+  resource: string;
+}], Promise<SavedFilter>> & {
+  init: null;
+};
+declare const updateFilterAtom: jotai0.WritableAtom<null, [{
+  filterId: string;
+  resource: string;
+  updates: Partial<SavedFilter>;
+}], Promise<any>> & {
+  init: null;
+};
+declare const deleteFilterAtom: jotai0.WritableAtom<null, [{
+  filterId: string;
+  resource: string;
+}], Promise<boolean>> & {
+  init: null;
+};
+declare const applyFilterAtom: jotai0.WritableAtom<null, [filterId: string], CrudFilters | null> & {
+  init: null;
+};
+declare const clearSelectedFilterAtom: jotai0.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,CAAC,CACvC,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,YAFc,MAAM,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,iBAAiB,CACrB,MAAM,mBAAmB,SAAS,KACX,EAAE;AAC5C,KAAI,qBAAqB,QAAQ;AAIjC,KAAI,CADoB,IAAI,mBAAmB,EACzB;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,kBALiB;EACnB,GAAG;GACF,aAAa;EACf,CAEkC;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,kBALiB;EACnB,GAAG;GACF,aAAa;EACf,CAEkC;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,kBALiB;EACnB,GAAG;GACF,aAAa;EACf,CAEkC;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,oBAAoB,CACjB,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,21 @@
+import { __esmMin } from "../_virtual/rolldown_runtime.js";
+import { createStore, useStore } from "zustand";
+import { persist } from "zustand/middleware";
+
+//#region src/store/uiStore.ts
+var uiStore, useUIStore;
+var init_uiStore = __esmMin(() => {
+	uiStore = createStore()(persist((set) => ({
+		setTheme: (theme) => set({ theme }),
+		theme: "default"
+	}), {
+		name: "ui-store",
+		partialize: (state) => ({ theme: state.theme })
+	}));
+	useUIStore = (selector) => useStore(uiStore, selector);
+});
+
+//#endregion
+init_uiStore();
+export { init_uiStore, 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":";;;;;;;CAWM,UAAU,aAAkC,CAChD,SACG,SAAS;EACR,WAAW,UAAU,IAAI,EAAE,OAAO,CAAC;EACnC,OAAO;EACR,GACD;EACE,MAAM;EACN,aAAa,WAAW,EAAE,OAAO,MAAM,OAAO;EAC/C,CACF,CACF;CAEY,cAAiB,aAC5B,SAAS,SAAS,SAAS"}

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

@@ -0,0 +1,11 @@
+import { PortalMeta } from "@lumeweb/portal-framework-core";
+
+//#region src/tests/portalMetaMocks.d.ts
+declare const createMockPortalMeta: (overrides?: Partial<PortalMeta>) => any;
+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