@vezham/react 26.0.0-alpha.4 → 26.0.0-alpha.6

package/dist/lib/pages/settings/tile-gallery.js

@@ -0,0 +1,411 @@
+import { useId, useState } from "react";
+import { Button, Drawer, SearchField, Surface, Tooltip } from "@vezham/react-v3";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Add, AltArrowLeft, Minus, Settings, Sidebar } from "@vezham/icons-react";
+//#region src/lib/pages/settings/tile-gallery.tsx
+var useGallery = ({ kind, tiles, editor }) => {
+	const dragInstructionsId = useId();
+	const [draggedId, setDraggedId] = useState(null);
+	const [draggedHeight, setDraggedHeight] = useState(0);
+	const [dropTarget, setDropTarget] = useState(null);
+	const [announcement, setAnnouncement] = useState("");
+	const [query, setQuery] = useState("");
+	const [category, setCategory] = useState("All");
+	const [isCategoryMenuOpen, setIsCategoryMenuOpen] = useState(false);
+	const [showPreview, setShowPreview] = useState(false);
+	const normalizedQuery = query.trim().toLowerCase();
+	const isSearching = normalizedQuery.length > 0;
+	const categories = ["All", ...new Set(tiles.map((tile) => tile.category))];
+	const matchingTiles = tiles.filter((tile) => `${tile.label} ${tile.category}`.toLowerCase().includes(normalizedQuery));
+	const matchingCategories = [...new Set(matchingTiles.map((tile) => tile.category))];
+	const available = tiles.filter((tile) => `${tile.label} ${tile.category}`.toLowerCase().includes(normalizedQuery) && (category === "All" || tile.category === category));
+	const visible = editor.items.filter((item) => item.visible).flatMap((item) => tiles.filter((tile) => tile.id === item.id));
+	const itemFor = (id) => editor.items.find((item) => item.id === id);
+	const finishDrag = () => {
+		setDraggedId(null);
+		setDropTarget(null);
+		setDraggedHeight(0);
+	};
+	const startDrag = (event, id) => {
+		event.dataTransfer.setData("application/x-vx-settings-tile", id);
+		event.dataTransfer.effectAllowed = "move";
+		const currentTile = event.currentTarget;
+		setDraggedHeight((currentTile.hasAttribute("data-preview-tile") ? currentTile : currentTile.querySelector("[inert]"))?.getBoundingClientRect().height ?? 64);
+		setDraggedId(id);
+	};
+	const moveTile = (id, offset) => {
+		const index = visible.findIndex((tile) => tile.id === id);
+		const target = visible[index + offset];
+		if (!target) return;
+		if (editor.onPlace) editor.onPlace(id, target.id);
+		else {
+			const from = editor.items.findIndex((item) => item.id === id);
+			const to = editor.items.findIndex((item) => item.id === target.id);
+			editor.onMove(id, to - from);
+		}
+		setAnnouncement(`${itemFor(id)?.label} moved to position ${index + offset + 1} of ${visible.length}.`);
+	};
+	const dropTile = (event, target) => {
+		event.preventDefault();
+		event.stopPropagation();
+		const id = event.dataTransfer.getData("application/x-vx-settings-tile");
+		const item = itemFor(id);
+		finishDrag();
+		if (!item?.editable) return;
+		if (editor.onPlace) {
+			editor.onPlace(id, target);
+			return;
+		}
+		if (!item.visible) editor.onVisibilityChange(id, true);
+		if (target || item.visible) {
+			const from = editor.items.findIndex((item) => item.id === id);
+			const to = target ? editor.items.findIndex((item) => item.id === target) : editor.items.length - 1;
+			editor.onMove(id, to - from);
+		}
+	};
+	const search = /* @__PURE__ */ jsx(SearchField, {
+		"aria-label": `Search ${kind}`,
+		value: query,
+		onChange: (value) => {
+			setQuery(value);
+			setCategory("All");
+		},
+		variant: "secondary",
+		children: /* @__PURE__ */ jsxs(SearchField.Group, { children: [
+			/* @__PURE__ */ jsx(SearchField.SearchIcon, {}),
+			/* @__PURE__ */ jsx(SearchField.Input, { placeholder: `Search ${kind}` }),
+			/* @__PURE__ */ jsx(SearchField.ClearButton, { "aria-label": `Clear ${kind} search` })
+		] })
+	});
+	const categoryButtons = (isSearching ? matchingCategories : categories).map((value) => /* @__PURE__ */ jsxs(Button, {
+		variant: "ghost",
+		"aria-pressed": category === value,
+		onPress: () => {
+			setCategory(value);
+			setIsCategoryMenuOpen(false);
+		},
+		className: `w-full justify-start rounded-lg text-sm ${category === value ? "bg-surface-secondary font-semibold" : "text-muted"}`,
+		children: [/* @__PURE__ */ jsx(Settings, { size: 16 }), value === "All" ? `All ${kind}` : value]
+	}, value));
+	const tileSpan = (tile) => kind === "widgets" ? tile.shape === "large" ? "col-span-2 row-span-2" : tile.shape === "medium" ? "col-span-2" : "" : tile.shape === "compact" ? "" : tile.shape === "standard" ? "col-span-2" : tile.shape === "wide" ? "col-span-3" : "col-span-4";
+	const draggedTile = tiles.find((tile) => tile.id === draggedId);
+	const blankWidget = (tile) => /* @__PURE__ */ jsx(Surface, {
+		variant: "transparent",
+		"aria-hidden": "true",
+		className: `bg-surface-secondary border-border w-full rounded-2xl border ${tile.shape === "large" ? "aspect-square" : tile.shape === "medium" ? "aspect-[2/1]" : "aspect-square"}`,
+		children: null
+	});
+	return {
+		dragInstructionsId,
+		draggedId,
+		draggedHeight,
+		dropTarget,
+		announcement,
+		query,
+		category,
+		isSearching,
+		isCategoryMenuOpen,
+		showPreview,
+		available,
+		visible,
+		itemFor,
+		finishDrag,
+		startDrag,
+		moveTile,
+		dropTile,
+		search,
+		categoryButtons,
+		tileSpan,
+		draggedTile,
+		blankWidget,
+		setDropTarget,
+		setIsCategoryMenuOpen,
+		setShowPreview
+	};
+};
+var GalleryPreview = ({ kind, editor, showPreview, visible, draggedId, draggedHeight, dropTarget, itemFor, startDrag, finishDrag, moveTile, dropTile, tileSpan, blankWidget, dragInstructionsId, draggedTile, setDropTarget }) => /* @__PURE__ */ jsxs("aside", {
+	"aria-label": `Current ${kind}`,
+	className: `${showPreview ? "flex" : "hidden xl:flex"} border-border min-h-0 min-w-0 flex-1 flex-col p-5 xl:w-96 xl:flex-none xl:border-l`,
+	onDragOver: (event) => {
+		if (!event.dataTransfer.types.includes("application/x-vx-settings-tile")) return;
+		event.preventDefault();
+		event.dataTransfer.dropEffect = "move";
+		setDropTarget("empty");
+	},
+	onDragLeave: (event) => {
+		if (!event.currentTarget.contains(event.relatedTarget)) setDropTarget(null);
+	},
+	onDrop: (event) => dropTile(event),
+	children: [
+		/* @__PURE__ */ jsxs("div", {
+			className: "mb-4 flex items-center justify-between gap-3",
+			children: [/* @__PURE__ */ jsx("h2", {
+				className: "text-sm font-semibold",
+				children: kind === "widgets" ? "Notification Center" : "Control Center"
+			}), /* @__PURE__ */ jsxs("span", {
+				className: "text-muted text-xs",
+				children: [visible.length, " added"]
+			})]
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "@container mx-auto min-h-0 w-full max-w-[352px] flex-1 overflow-y-auto px-2 pt-3 pb-4",
+			children: [visible.length === 0 && /* @__PURE__ */ jsxs("p", {
+				className: "text-muted py-8 text-center text-sm",
+				children: [
+					"No ",
+					kind,
+					" added. Choose a tile from the gallery."
+				]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: `grid gap-4 ${kind === "widgets" ? "auto-rows-[calc((100cqw-1rem)/2)] grid-cols-2" : "grid-cols-4 items-start"}`,
+				children: [visible.map((tile) => {
+					const editable = itemFor(tile.id)?.editable;
+					return /* @__PURE__ */ jsxs("div", {
+						"data-preview-tile": tile.id,
+						draggable: editable,
+						role: "group",
+						"aria-label": tile.label,
+						onDragStart: (event) => startDrag(event, tile.id),
+						onDragEnd: finishDrag,
+						onDragOver: (event) => {
+							if (!event.dataTransfer.types.includes("application/x-vx-settings-tile")) return;
+							event.preventDefault();
+							event.stopPropagation();
+							event.dataTransfer.dropEffect = "move";
+							setDropTarget(tile.id === draggedId ? null : tile.id);
+						},
+						onDragLeave: (event) => {
+							if (!event.currentTarget.contains(event.relatedTarget)) setDropTarget((current) => current === tile.id ? null : current);
+						},
+						onDrop: (event) => dropTile(event, tile.id),
+						"data-dragging": draggedId === tile.id || void 0,
+						"data-drop-target": dropTarget === tile.id || void 0,
+						className: `group focus-visible:outline-focus data-[drop-target]:bg-accent-soft data-[drop-target]:outline-accent/40 group-focus-within:[&>div>*]:ring-foreground/35 group-hover:[&>div>*]:ring-foreground/35 relative min-w-0 rounded-2xl focus-visible:outline-2 focus-visible:outline-offset-2 data-[dragging]:opacity-40 data-[drop-target]:outline data-[drop-target]:outline-offset-2 [&>div>*]:transition-[box-shadow] group-focus-within:[&>div>*]:ring-1 group-hover:[&>div>*]:ring-1 ${editable ? "cursor-grab active:cursor-grabbing" : ""} ${tileSpan(tile)}`,
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								inert: true,
+								className: kind === "widgets" ? "pointer-events-none h-full [&>div]:aspect-auto [&>div]:h-full" : "pointer-events-none [&>button]:w-full",
+								children: kind === "widgets" ? tile.preview ?? blankWidget(tile) : tile.preview
+							}),
+							editable && /* @__PURE__ */ jsx(Button, {
+								isIconOnly: true,
+								size: "sm",
+								variant: "ghost",
+								"aria-label": `Reorder ${tile.label}`,
+								"aria-roledescription": "reorderable tile",
+								"aria-describedby": dragInstructionsId,
+								className: "focus-visible:outline-focus absolute inset-0 h-auto w-auto min-w-0 cursor-grab rounded-[inherit] bg-transparent! p-0 hover:bg-transparent! focus-visible:outline-2 focus-visible:outline-offset-2 active:cursor-grabbing active:bg-transparent!",
+								onKeyDown: (event) => {
+									if ([
+										"ArrowUp",
+										"ArrowLeft",
+										"ArrowDown",
+										"ArrowRight"
+									].includes(event.key)) {
+										event.preventDefault();
+										moveTile(tile.id, event.key === "ArrowUp" || event.key === "ArrowLeft" ? -1 : 1);
+									}
+								},
+								children: /* @__PURE__ */ jsxs("span", {
+									className: "sr-only",
+									children: ["Reorder ", tile.label]
+								})
+							}),
+							editable && /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(Button, {
+								isIconOnly: true,
+								size: "sm",
+								variant: "secondary",
+								className: "text-muted absolute -top-2 -left-2 z-10 size-6 min-w-0 rounded-full p-0 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100 [@media(hover:none)]:opacity-100",
+								"aria-label": `Remove ${tile.label}`,
+								onPress: () => editor.onVisibilityChange(tile.id, false),
+								children: /* @__PURE__ */ jsx(Minus, {
+									"aria-hidden": "true",
+									className: "size-3.5"
+								})
+							}), /* @__PURE__ */ jsxs(Tooltip.Content, { children: ["Remove ", tile.label] })] })
+						]
+					}, tile.id);
+				}), draggedTile && /* @__PURE__ */ jsx("div", {
+					"data-preview-empty-drop": true,
+					"aria-label": `Drop ${draggedTile.label} here`,
+					"data-drop-target": dropTarget === "empty" || void 0,
+					className: `border-border text-muted data-[drop-target]:border-accent/40 data-[drop-target]:bg-accent-soft flex items-center justify-center rounded-2xl border border-dashed text-xs ${tileSpan(draggedTile)}`,
+					style: kind === "controls" ? { height: draggedHeight } : void 0,
+					children: "Drop here"
+				})]
+			})]
+		}),
+		/* @__PURE__ */ jsxs(Button, {
+			size: "sm",
+			variant: "ghost",
+			onPress: editor.onReset,
+			children: ["Reset ", kind]
+		})
+	]
+});
+var GalleryAvailable = ({ kind, editor, isSearching, showPreview, category, available, itemFor, startDrag, finishDrag, blankWidget }) => /* @__PURE__ */ jsxs("section", {
+	"aria-label": `Available ${kind}`,
+	className: `${showPreview ? "hidden xl:flex" : "flex"} min-h-0 min-w-0 flex-1 flex-col p-4 md:p-6`,
+	children: [
+		/* @__PURE__ */ jsx("h2", {
+			className: "mb-1 text-sm font-semibold",
+			children: isSearching ? "Search results" : category === "All" ? "Suggestions" : category
+		}),
+		/* @__PURE__ */ jsx("p", {
+			className: "text-muted mb-5 text-xs",
+			children: "Add or drag a tile into your preview. Changes save automatically."
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "min-h-0 flex-1 overflow-y-auto p-1",
+			children: [available.length === 0 && /* @__PURE__ */ jsxs("p", {
+				role: "status",
+				className: "text-muted py-8 text-sm",
+				children: [
+					"No ",
+					kind,
+					" found."
+				]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "grid grid-cols-2 items-start gap-4 sm:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5",
+				children: available.map((tile) => {
+					const item = itemFor(tile.id);
+					return /* @__PURE__ */ jsxs("div", {
+						"data-gallery-tile": tile.id,
+						draggable: item?.editable,
+						onDragStart: (event) => startDrag(event, tile.id),
+						onDragEnd: finishDrag,
+						className: `group relative min-w-0 ${tile.shape === "medium" || tile.shape === "large" || tile.shape === "full" || tile.shape === "wide" ? "col-span-2" : ""}`,
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								inert: true,
+								className: "pointer-events-none flex min-h-24 items-center justify-center [&>button]:w-full",
+								children: kind === "widgets" ? tile.preview ?? blankWidget(tile) : tile.preview
+							}),
+							item?.editable && !item.visible && /* @__PURE__ */ jsx(Button, {
+								isIconOnly: true,
+								size: "sm",
+								variant: "ghost",
+								"aria-label": `Quick add ${tile.label}`,
+								className: "bg-success hover:bg-success/90 absolute -top-1 -left-1 z-10 size-7 min-w-0 rounded-full p-0 text-white opacity-0 shadow-sm transition-opacity group-focus-within:opacity-100 group-hover:opacity-100",
+								onPress: () => editor.onVisibilityChange(tile.id, true),
+								children: /* @__PURE__ */ jsx(Add, {
+									"aria-hidden": "true",
+									className: "size-4"
+								})
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "mt-2 min-w-0 truncate text-xs",
+								children: tile.label
+							})
+						]
+					}, tile.id);
+				})
+			})]
+		})
+	]
+});
+var TileGallery = (props) => {
+	const context = {
+		...props,
+		...useGallery(props)
+	};
+	const { title, onDone, kind, dragInstructionsId, announcement, isCategoryMenuOpen, showPreview, setIsCategoryMenuOpen, setShowPreview, search, categoryButtons } = context;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "bg-background flex h-full min-h-0 flex-col",
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				id: dragInstructionsId,
+				className: "sr-only",
+				children: "Drag the tile to reorder, or focus it and use the arrow keys."
+			}),
+			/* @__PURE__ */ jsx("span", {
+				role: "status",
+				className: "sr-only",
+				children: announcement
+			}),
+			/* @__PURE__ */ jsxs("header", {
+				className: "border-border flex shrink-0 items-center justify-between gap-3 border-b p-4",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex min-w-0 items-center gap-3",
+					children: [
+						/* @__PURE__ */ jsx(Button, {
+							isIconOnly: true,
+							size: "sm",
+							variant: "ghost",
+							"aria-label": "Show menu",
+							"aria-expanded": isCategoryMenuOpen,
+							"aria-haspopup": "dialog",
+							className: "md:hidden",
+							onPress: () => setIsCategoryMenuOpen(true),
+							children: /* @__PURE__ */ jsx(Sidebar, {
+								"aria-hidden": "true",
+								size: 18
+							})
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							isIconOnly: true,
+							size: "sm",
+							variant: "ghost",
+							"aria-label": "Back to Settings",
+							onPress: onDone,
+							children: /* @__PURE__ */ jsx(AltArrowLeft, { size: 18 })
+						}),
+						/* @__PURE__ */ jsx("h1", {
+							className: "truncate text-lg font-semibold",
+							children: title
+						})
+					]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ jsx(Button, {
+						size: "sm",
+						variant: "secondary",
+						className: "xl:hidden",
+						"aria-pressed": showPreview,
+						onPress: () => setShowPreview((value) => !value),
+						children: showPreview ? "Gallery" : "Preview"
+					}), /* @__PURE__ */ jsx(Button, {
+						size: "sm",
+						onPress: onDone,
+						children: "Done"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex min-h-0 flex-1",
+				children: [
+					/* @__PURE__ */ jsxs("aside", {
+						className: "border-border bg-surface-secondary/40 hidden w-56 shrink-0 overflow-y-auto border-r p-4 md:block",
+						children: [search, /* @__PURE__ */ jsx("nav", {
+							"aria-label": `${kind} categories`,
+							className: "mt-4 space-y-1",
+							children: categoryButtons
+						})]
+					}),
+					/* @__PURE__ */ jsx(GalleryAvailable, { ...context }),
+					/* @__PURE__ */ jsx(GalleryPreview, { ...context })
+				]
+			}),
+			/* @__PURE__ */ jsx(Drawer.Backdrop, {
+				isOpen: isCategoryMenuOpen,
+				onOpenChange: setIsCategoryMenuOpen,
+				children: /* @__PURE__ */ jsx(Drawer.Content, {
+					placement: "left",
+					children: /* @__PURE__ */ jsxs(Drawer.Dialog, {
+						className: "bg-background w-[min(20rem,calc(100vw-2rem))]",
+						children: [/* @__PURE__ */ jsxs(Drawer.Header, { children: [/* @__PURE__ */ jsx(Drawer.Heading, { children: kind === "widgets" ? "Widgets" : "Controls" }), /* @__PURE__ */ jsx(Drawer.CloseTrigger, { "aria-label": "Hide menu" })] }), /* @__PURE__ */ jsxs(Drawer.Body, {
+							className: "space-y-4",
+							children: [search, /* @__PURE__ */ jsx("nav", {
+								"aria-label": `${kind} categories`,
+								className: "space-y-1",
+								children: categoryButtons
+							})]
+						})]
+					})
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { TileGallery };

package/dist/lib/store/useBookmarks/action.d.ts

@@ -0,0 +1,6 @@
+import type { BookmarksResponse, RQBookmarks } from './types';
+declare const Bookmarks: {
+    list: (rq: RQBookmarks) => Promise<BookmarksResponse>;
+};
+export { Bookmarks };
+//# sourceMappingURL=action.d.ts.map

package/dist/lib/store/useBookmarks/action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action.d.ts","sourceRoot":"","sources":["../../../../src/lib/store/useBookmarks/action.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE7D,QAAA,MAAM,SAAS;eACI,WAAW,KAAG,OAAO,CAAC,iBAAiB,CAAC;CAI1D,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/lib/store/useBookmarks/action.js

@@ -0,0 +1,7 @@
+import { bookmarksData } from "./data.js";
+//#region src/lib/store/useBookmarks/action.ts
+var Bookmarks = { list: async (rq) => {
+	return Promise.resolve(bookmarksData);
+} };
+//#endregion
+export { Bookmarks };

package/dist/lib/store/useBookmarks/data.d.ts

@@ -0,0 +1,4 @@
+import type { BookmarksResponse, FavoriteItem } from './types';
+export declare const sampleFavorites: FavoriteItem[];
+export declare const bookmarksData: BookmarksResponse;
+//# sourceMappingURL=data.d.ts.map

package/dist/lib/store/useBookmarks/data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../src/lib/store/useBookmarks/data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,iBAAiB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE5E,eAAO,MAAM,eAAe,EAAE,YAAY,EAyFzC,CAAA;AAiID,eAAO,MAAM,aAAa,EAAE,iBAI3B,CAAA"}

package/dist/lib/store/useBookmarks/data.js

@@ -0,0 +1,231 @@
+//#region src/lib/store/useBookmarks/data.ts
+var sampleFavorites = [
+	{
+		id: "favorite-all-classes",
+		name: "All Classes",
+		url: "/academic/classes/allclasses"
+	},
+	{
+		id: "favorite-operations",
+		name: "Operations",
+		url: "/operations"
+	},
+	{
+		id: "favorite-hello-world",
+		name: "Hello World",
+		url: "/hello-world"
+	},
+	{
+		id: "1",
+		name: "HeroUI v3",
+		url: "https://v3.heroui.com",
+		backgroundImage: "https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/docs/robot1.jpeg"
+	},
+	{
+		id: "2",
+		name: "Tailwind CSS",
+		url: "https://tailwindcss.com",
+		backgroundImage: "https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/docs/avocado.jpeg"
+	},
+	{
+		id: "3",
+		name: "Miro Boards",
+		url: "https://miro.com",
+		backgroundImage: "https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/docs/oranges.jpeg"
+	},
+	{
+		id: "4",
+		name: "Figma",
+		url: "https://figma.com",
+		backgroundImage: "https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/docs/neo1.jpeg"
+	},
+	{
+		id: "5",
+		name: "GitHub",
+		url: "https://github.com",
+		avatar: "https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/avatars/blue.jpg"
+	},
+	{
+		id: "6",
+		name: "Gemini",
+		url: "https://gemini.google.com",
+		avatar: "https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/avatars/green.jpg"
+	},
+	{
+		id: "7",
+		name: "Application",
+		url: "",
+		avatar: "https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/avatars/purple.jpg"
+	},
+	{
+		id: "8",
+		name: "HeroUI Pro",
+		url: "https://heroui.pro",
+		avatar: "https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/avatars/red.jpg"
+	},
+	{
+		id: "9",
+		name: "Design ideas",
+		url: ""
+	},
+	{
+		id: "10",
+		name: "Reading list",
+		url: ""
+	},
+	{
+		id: "11",
+		name: "Project notes",
+		url: ""
+	},
+	{
+		id: "12",
+		name: "Project notes",
+		url: ""
+	},
+	{
+		id: "13",
+		name: "Project notes",
+		url: ""
+	}
+];
+var bookmarksData = {
+	favorites: sampleFavorites,
+	pins: [
+		{
+			id: "pin-all-classes",
+			name: "All Classes",
+			url: "/academic/classes/allclasses"
+		},
+		{
+			id: "pin-operations",
+			name: "Operations",
+			url: "/operations"
+		},
+		{
+			id: "pin-hello-world",
+			name: "Hello World",
+			url: "/hello-world"
+		},
+		{
+			id: "pin-classes",
+			name: "Classes",
+			url: "/academic/classes",
+			backgroundImage: "https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/docs/robot1.jpeg"
+		},
+		{
+			id: "pin-projects",
+			name: "Project overview",
+			url: "/workspace/projects/overview",
+			backgroundImage: "https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/docs/avocado.jpeg"
+		},
+		{
+			id: "pin-board",
+			name: "Design board",
+			url: "https://miro.com",
+			backgroundImage: "https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/docs/oranges.jpeg"
+		},
+		{
+			id: "pin-review",
+			name: "Design review",
+			url: "https://figma.com",
+			backgroundImage: "https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/docs/neo1.jpeg"
+		},
+		{
+			id: "pin-docs",
+			name: "Reference docs",
+			url: "https://v3.heroui.com/docs",
+			avatar: "https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/avatars/blue.jpg"
+		},
+		{
+			id: "pin-activity",
+			name: "Project activity",
+			url: "/workspace/projects/activity",
+			avatar: "https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/avatars/green.jpg"
+		},
+		{
+			id: "pin-notes",
+			name: "Meeting notes",
+			url: ""
+		},
+		{
+			id: "pin-reading",
+			name: "Reading queue",
+			url: ""
+		}
+	],
+	bookmarks: [
+		{
+			id: "bookmark-all-classes",
+			name: "All Classes",
+			url: "/academic/classes/allclasses"
+		},
+		{
+			id: "bookmark-operations",
+			name: "Operations",
+			url: "/operations"
+		},
+		{
+			id: "bookmark-hello-world",
+			name: "Hello World",
+			url: "/hello-world"
+		},
+		{
+			id: "b1",
+			name: "HeroUI v3 Docs",
+			url: "https://v3.heroui.com/docs",
+			avatar: "https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/avatars/orange.jpg",
+			folder: "Development"
+		},
+		{
+			id: "b2",
+			name: "Tailwind Installation",
+			url: "https://tailwindcss.com/docs/installation",
+			avatar: "https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/avatars/blue.jpg",
+			folder: "Development"
+		},
+		{
+			id: "b3",
+			name: "Miro Demo Team",
+			url: "https://miro.com/app/board/",
+			avatar: "https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/avatars/green.jpg",
+			folder: "Design"
+		},
+		{
+			id: "b4",
+			name: "Figma Design System Figma Design System Figma Design System",
+			url: "https://figma.com/design/7otXAQPcV",
+			avatar: "https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/avatars/purple.jpg",
+			folder: "Design"
+		},
+		{
+			id: "b5-pro",
+			name: "Pro | Application home",
+			url: "/pro",
+			avatar: "https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/avatars/red.jpg",
+			folder: "Workspace"
+		},
+		{
+			id: "b5",
+			name: "Application home",
+			url: "/",
+			avatar: "https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/avatars/red.jpg",
+			folder: "Workspace"
+		},
+		{
+			id: "b6",
+			name: "Karthik Stay",
+			url: "#",
+			avatar: "https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/avatars/black.jpg"
+		},
+		{
+			id: "b4",
+			name: "Figma Design System",
+			url: "https://figma.com/design/7otXAQPcV",
+			avatar: "https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/avatars/purple.jpg",
+			folder: "Design"
+		}
+	]
+};
+//#endregion
+export { bookmarksData, sampleFavorites };

package/dist/lib/store/useBookmarks/index.d.ts

@@ -0,0 +1,12 @@
+import { type BookmarkItem, type BookmarksResponse, type FavoriteItem, type RQBookmarks } from './types';
+export * from './data';
+export * from './types';
+export declare const useBookmarks: {
+    list: (rq?: RQBookmarks) => import("@tanstack/react-query").DefinedUseQueryResult<BookmarksResponse, Error>;
+    actions: (rq?: RQBookmarks) => {
+        setFavorites: (items: FavoriteItem[]) => NoInfer<BookmarksResponse> | undefined;
+        setPins: (items: FavoriteItem[]) => NoInfer<BookmarksResponse> | undefined;
+        setBookmarks: (items: BookmarkItem[]) => NoInfer<BookmarksResponse> | undefined;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/store/useBookmarks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/store/useBookmarks/index.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,iBAAiB,EAEtB,KAAK,YAAY,EACjB,KAAK,WAAW,EACjB,MAAM,SAAS,CAAA;AAEhB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AA2BvB,eAAO,MAAM,YAAY;gBAvBK,WAAW;mBAQR,WAAW;8BAQlB,YAAY,EAAE;yBAEnB,YAAY,EAAE;8BACT,YAAY,EAAE;;CAOvC,CAAA"}