@vezham/template 26.0.0-alpha.5 → 26.0.0-alpha.6

package/README.md

@@ -1 +1,3 @@
 # @vezham/template
+
+Shared app template pages, components, and store defaults.

package/dist/index.css

@@ -0,0 +1 @@
+@source './**/*.js';

package/dist/index.d.ts

@@ -1,2 +1,4 @@
-export {};
+export * from './lib/components';
+export * from './lib/pages';
+export * from './lib/store';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA"}

package/dist/index.js

@@ -0,0 +1,7 @@
+import { ErrorPage } from "./lib/components/error-page.js";
+import { Loading } from "./lib/components/loading.js";
+import { NotFound } from "./lib/components/not-found.js";
+import { usePosts } from "./lib/store/use-posts/index.js";
+import { Home } from "./lib/pages/home/index.js";
+import { Pro } from "./lib/pages/pro/index.js";
+export { ErrorPage, Home, Loading, NotFound, Pro, usePosts };

package/dist/lib/components/error-page.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    error?: unknown;
+};
+export declare const ErrorPage: ({ error }: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=error-page.d.ts.map

package/dist/lib/components/error-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-page.d.ts","sourceRoot":"","sources":["../../../src/lib/components/error-page.tsx"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAUD,eAAO,MAAM,SAAS,GAAI,WAAW,KAAK,gCASzC,CAAA"}

package/dist/lib/components/error-page.js

@@ -0,0 +1,16 @@
+import { Alert } from "@vezham/react-v3";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/lib/components/error-page.tsx
+var getMessage = (error) => {
+	if (error instanceof Error) return error.message;
+	return "Something went wrong.";
+};
+var ErrorPage = ({ error }) => /* @__PURE__ */ jsx("main", {
+	className: "vx-error-page mx-auto flex min-h-80 max-w-xl flex-col items-center justify-center gap-3 p-6 text-center",
+	children: /* @__PURE__ */ jsx(Alert, {
+		status: "danger",
+		children: /* @__PURE__ */ jsxs(Alert.Content, { children: [/* @__PURE__ */ jsx(Alert.Title, { children: "Unable to load this page" }), /* @__PURE__ */ jsx(Alert.Description, { children: getMessage(error) })] })
+	})
+});
+//#endregion
+export { ErrorPage };

package/dist/lib/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './error-page';
+export * from './loading';
+export * from './not-found';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA"}

package/dist/lib/components/index.js

@@ -0,0 +1,4 @@
+import { ErrorPage } from "./error-page.js";
+import { Loading } from "./loading.js";
+import { NotFound } from "./not-found.js";
+export { ErrorPage, Loading, NotFound };

package/dist/lib/components/loading.d.ts

@@ -0,0 +1,2 @@
+export declare const Loading: () => import("react").JSX.Element;
+//# sourceMappingURL=loading.d.ts.map

package/dist/lib/components/loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../../src/lib/components/loading.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,mCAInB,CAAA"}

package/dist/lib/components/loading.js

@@ -0,0 +1,13 @@
+import { Spinner } from "@vezham/react-v3";
+import { jsx } from "react/jsx-runtime";
+//#region src/lib/components/loading.tsx
+var Loading = () => /* @__PURE__ */ jsx("div", {
+	className: "vx-loading flex min-h-40 items-center justify-center p-6",
+	children: /* @__PURE__ */ jsx(Spinner, {
+		"aria-label": "Loading",
+		color: "accent",
+		size: "lg"
+	})
+});
+//#endregion
+export { Loading };

package/dist/lib/components/not-found.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    app?: string;
+    version?: string;
+    homeUrl?: string;
+};
+export declare const NotFound: ({ app, homeUrl, version }: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=not-found.d.ts.map

package/dist/lib/components/not-found.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"not-found.d.ts","sourceRoot":"","sources":["../../../src/lib/components/not-found.tsx"],"names":[],"mappings":"AAiBA,KAAK,KAAK,GAAG;IACX,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,2BAAwC,KAAK,gCAkDrE,CAAA"}

package/dist/lib/components/not-found.js

@@ -0,0 +1,63 @@
+"use client";
+import { EmptyState, Typography, buttonVariants } from "@vezham/react-v3";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useSyncExternalStore } from "react";
+//#region src/lib/components/not-found.tsx
+var getNotFoundImageSrc = (version) => `https://static.cdn.vezham.com/vassets/no-internet.svg?vx=${encodeURIComponent(version)}`;
+var getPathname = () => window.location.pathname || "/";
+var getServerPathname = () => "";
+var subscribeToPathname = (onPathnameChange) => {
+	window.addEventListener("popstate", onPathnameChange);
+	return () => window.removeEventListener("popstate", onPathnameChange);
+};
+var NotFound = ({ app = "Vx", homeUrl = "/", version }) => {
+	const pathname = useSyncExternalStore(subscribeToPathname, getPathname, getServerPathname);
+	const imageSrc = version ? getNotFoundImageSrc(version) : void 0;
+	return /* @__PURE__ */ jsx("main", {
+		className: "vx-not-found flex min-h-screen items-center justify-center p-6 text-left",
+		children: /* @__PURE__ */ jsx(EmptyState, {
+			className: "w-full max-w-148 items-start gap-0 p-2 text-left",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "vx-not-found__content flex w-full max-w-144 flex-col items-start justify-center gap-3",
+				children: [
+					imageSrc ? /* @__PURE__ */ jsx("img", {
+						alt: "Page not found",
+						className: "vx-not-found__image mb-3 h-auto max-h-64 w-[min(20rem,70vw)] max-w-full object-contain landscape:max-h-44 landscape:w-[min(14rem,30vw)]",
+						src: imageSrc
+					}) : null,
+					/* @__PURE__ */ jsx(Typography.Heading, {
+						className: "vx-not-found__code text-muted",
+						level: 1,
+						children: "404"
+					}),
+					/* @__PURE__ */ jsx(Typography.Heading, {
+						className: "vx-not-found__title",
+						level: 2,
+						children: "Page not found"
+					}),
+					/* @__PURE__ */ jsxs(Typography.Paragraph, {
+						className: "vx-not-found__description",
+						color: "muted",
+						children: [
+							app,
+							" could not find the page you requested",
+							/* @__PURE__ */ jsx("span", {
+								className: "vx-not-found__path font-semibold wrap-anywhere",
+								"data-vx-not-found-path": true,
+								children: pathname ? `: ${pathname}` : null
+							}),
+							"."
+						]
+					}),
+					/* @__PURE__ */ jsx("a", {
+						className: `vx-not-found__home ${buttonVariants({ variant: "secondary" })}`,
+						href: homeUrl,
+						children: "Back to Home"
+					})
+				]
+			})
+		})
+	});
+};
+//#endregion
+export { NotFound };

package/dist/lib/pages/home/empty-state.d.ts

@@ -0,0 +1,2 @@
+export declare const PageEmptyState: () => import("react").JSX.Element;
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/lib/pages/home/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../src/lib/pages/home/empty-state.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,mCAkE1B,CAAA"}

package/dist/lib/pages/home/empty-state.js

@@ -0,0 +1,85 @@
+import { Button, Kbd, Label, Separator } from "@vezham/react-v3";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FolderOpen, VezhamLogo } from "@vezham/icons-react";
+import { ContextMenu, EmptyState as EmptyState$1 } from "@vezham/react-pro-v3";
+//#region src/lib/pages/home/empty-state.tsx
+var PageEmptyState = () => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "w-105",
+		children: [
+			/* @__PURE__ */ jsxs(EmptyState$1, { children: [/* @__PURE__ */ jsxs(EmptyState$1.Header, { children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-row gap-2",
+					children: [/* @__PURE__ */ jsx(EmptyState$1.Media, {
+						variant: "default",
+						children: /* @__PURE__ */ jsx(VezhamLogo, { size: 32 })
+					}), /* @__PURE__ */ jsx(EmptyState$1.Media, {
+						variant: "icon",
+						children: /* @__PURE__ */ jsx(FolderOpen, {
+							size: 20,
+							weight: "duotone-filled"
+						})
+					})]
+				}),
+				/* @__PURE__ */ jsx(EmptyState$1.Title, { children: "No Projects Yet" }),
+				/* @__PURE__ */ jsx(EmptyState$1.Description, { children: "You haven't created any projects yet. Get started by creating your first project." })
+			] }), /* @__PURE__ */ jsxs(EmptyState$1.Content, {
+				className: "flex-row gap-2",
+				children: [/* @__PURE__ */ jsx(Button, { children: "Create Project" }), /* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					children: "Import Project"
+				})]
+			})] }),
+			/* @__PURE__ */ jsx(Separator, {}),
+			/* @__PURE__ */ jsxs(ContextMenu, { children: [/* @__PURE__ */ jsx(ContextMenu.Trigger, { children: /* @__PURE__ */ jsx("div", {
+				className: "border-border text-muted flex h-48 w-80 items-center justify-center rounded-xl border border-dashed text-sm select-none",
+				children: "Right-click here | ... @vezham/react-v3"
+			}) }), /* @__PURE__ */ jsx(ContextMenu.Popover, { children: /* @__PURE__ */ jsxs(ContextMenu.Menu, { children: [
+				/* @__PURE__ */ jsxs(ContextMenu.Item, {
+					id: "back",
+					textValue: "Back",
+					children: [/* @__PURE__ */ jsx(Label, { children: "Back" }), /* @__PURE__ */ jsxs(Kbd, {
+						className: "ms-auto",
+						slot: "keyboard",
+						variant: "light",
+						children: [/* @__PURE__ */ jsx(Kbd.Abbr, { keyValue: "command" }), /* @__PURE__ */ jsx(Kbd.Content, { children: "[" })]
+					})]
+				}),
+				/* @__PURE__ */ jsxs(ContextMenu.Item, {
+					isDisabled: true,
+					id: "forward",
+					textValue: "Forward",
+					children: [/* @__PURE__ */ jsx(Label, { children: "Forward" }), /* @__PURE__ */ jsxs(Kbd, {
+						className: "ms-auto",
+						slot: "keyboard",
+						variant: "light",
+						children: [/* @__PURE__ */ jsx(Kbd.Abbr, { keyValue: "command" }), /* @__PURE__ */ jsx(Kbd.Content, { children: "]" })]
+					})]
+				}),
+				/* @__PURE__ */ jsxs(ContextMenu.Item, {
+					id: "reload",
+					textValue: "Reload",
+					children: [/* @__PURE__ */ jsx(Label, { children: "Reload" }), /* @__PURE__ */ jsxs(Kbd, {
+						className: "ms-auto",
+						slot: "keyboard",
+						variant: "light",
+						children: [/* @__PURE__ */ jsx(Kbd.Abbr, { keyValue: "command" }), /* @__PURE__ */ jsx(Kbd.Content, { children: "R" })]
+					})]
+				}),
+				/* @__PURE__ */ jsx(ContextMenu.Separator, {}),
+				/* @__PURE__ */ jsx(ContextMenu.Item, {
+					id: "view-source",
+					textValue: "View Page Source",
+					children: /* @__PURE__ */ jsx(Label, { children: "View Page Source" })
+				}),
+				/* @__PURE__ */ jsx(ContextMenu.Item, {
+					id: "inspect",
+					textValue: "Inspect",
+					children: /* @__PURE__ */ jsx(Label, { children: "Inspect" })
+				})
+			] }) })] })
+		]
+	});
+};
+//#endregion
+export { PageEmptyState };

package/dist/lib/pages/home/index.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    onPress: () => void;
+};
+export declare const Home: ({ onPress }: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/pages/home/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/pages/home/index.tsx"],"names":[],"mappings":"AA0BA,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,IAAI,GAAI,aAAa,KAAK,gCA0GtC,CAAA"}

package/dist/lib/pages/home/index.js

@@ -0,0 +1,139 @@
+"use client";
+import { PageEmptyState } from "./empty-state.js";
+import { Posts } from "./posts.js";
+import { Avatar, Button, Chip, FieldError, Input, Label, Link, Separator, TextField, Tooltip, buttonVariants } from "@vezham/react-v3";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { CheckCircle, QuestionCircle } from "@vezham/icons-react";
+import { Button as Button$1 } from "@vezham/react-v2";
+import { useLogger } from "@vezham/use-logger";
+//#region src/lib/pages/home/index.tsx
+var NAMESPACE = "App/Home";
+var Home = ({ onPress }) => {
+	const [value, setValue] = useState("");
+	const isInvalid = value.length > 0 && value.length < 3;
+	useLogger.log(NAMESPACE, "Hello World :)");
+	useLogger.debug(NAMESPACE, "Hello World :)");
+	useLogger.info(NAMESPACE, "Hello World :)");
+	useLogger.warn(NAMESPACE, "Hello World :)");
+	useLogger.error(NAMESPACE, "Hello World :)");
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-6",
+			children: [
+				/* @__PURE__ */ jsxs(Tooltip, {
+					delay: 0,
+					children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
+						"aria-label": "User avatar",
+						children: /* @__PURE__ */ jsxs(Avatar, {
+							size: "sm",
+							children: [/* @__PURE__ */ jsx(Avatar.Image, {
+								alt: "Jane Doe",
+								src: "https://img.heroui.chat/image/avatar?w=400&h=400&u=4"
+							}), /* @__PURE__ */ jsx(Avatar.Fallback, { children: "JD" })]
+						})
+					}), /* @__PURE__ */ jsxs(Tooltip.Content, {
+						showArrow: true,
+						children: [/* @__PURE__ */ jsx(Tooltip.Arrow, {}), /* @__PURE__ */ jsxs("div", {
+							className: "flex flex-col gap-0 py-1",
+							children: [/* @__PURE__ */ jsx("p", {
+								className: "font-semibold",
+								children: "Jane Doe"
+							}), /* @__PURE__ */ jsx("p", {
+								className: "text-muted text-xs",
+								children: "jane@example.com"
+							})]
+						})]
+					})]
+				}),
+				/* @__PURE__ */ jsxs(Tooltip, {
+					delay: 0,
+					children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
+						"aria-label": "Status chip",
+						children: /* @__PURE__ */ jsxs(Chip, {
+							color: "success",
+							children: [/* @__PURE__ */ jsx(CheckCircle, {
+								size: 12,
+								weight: "filled"
+							}), "Active"]
+						})
+					}), /* @__PURE__ */ jsxs(Tooltip.Content, {
+						className: "flex items-center gap-1.5",
+						children: [/* @__PURE__ */ jsxs("span", {
+							className: "relative flex size-2",
+							children: [/* @__PURE__ */ jsx("span", { className: "bg-success absolute inline-flex h-full w-full animate-ping rounded-full opacity-75" }), /* @__PURE__ */ jsx("span", { className: "bg-success relative inline-flex size-2 rounded-full" })]
+						}), /* @__PURE__ */ jsx("p", { children: "Jane is currently online" })]
+					})]
+				}),
+				/* @__PURE__ */ jsxs(Tooltip, {
+					delay: 0,
+					children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
+						"aria-label": "Info icon",
+						children: /* @__PURE__ */ jsx("div", {
+							className: "bg-accent-soft rounded-full p-2",
+							children: /* @__PURE__ */ jsx(QuestionCircle, {
+								className: "text-accent",
+								size: 16
+							})
+						})
+					}), /* @__PURE__ */ jsxs(Tooltip.Content, {
+						showArrow: true,
+						children: [/* @__PURE__ */ jsx(Tooltip.Arrow, {}), /* @__PURE__ */ jsxs("div", {
+							className: "max-w-xs px-1 py-1.5",
+							children: [/* @__PURE__ */ jsx("p", {
+								className: "mb-1 font-semibold",
+								children: "Help Information"
+							}), /* @__PURE__ */ jsx("p", {
+								className: "text-muted text-sm",
+								children: "This is a helpful tooltip with more detailed information about this feature."
+							})]
+						})]
+					})]
+				})
+			]
+		}),
+		/* @__PURE__ */ jsxs(TextField, {
+			className: "w-64",
+			isInvalid,
+			children: [
+				/* @__PURE__ */ jsx(Label, {
+					htmlFor: "username",
+					children: "Username"
+				}),
+				/* @__PURE__ */ jsx(Input, {
+					id: "username",
+					placeholder: "Enter username",
+					value,
+					onChange: (e) => setValue(e.target.value)
+				}),
+				/* @__PURE__ */ jsx(FieldError, { children: "Username must be at least 3 characters" })
+			]
+		}),
+		/* @__PURE__ */ jsx(Button, { children: "Hello World :) - v3" }),
+		/* @__PURE__ */ jsx(Button$1, {
+			children: "Hello World :) - v2",
+			color: "success",
+			variant: "solid"
+		}),
+		/* @__PURE__ */ jsxs(Link, {
+			onPress,
+			children: ["Pro - Demo", /* @__PURE__ */ jsx(Link.Icon, {})]
+		}),
+		/* @__PURE__ */ jsxs(Link, {
+			href: "/hello-world",
+			className: buttonVariants({ variant: "danger-soft" }),
+			children: [
+				/* @__PURE__ */ jsx(Link.Icon, {}),
+				"Hello World :|",
+				/* @__PURE__ */ jsx(Link.Icon, {})
+			]
+		}),
+		/* @__PURE__ */ jsx(Separator, {}),
+		/* @__PURE__ */ jsx(PageEmptyState, {}),
+		/* @__PURE__ */ jsx(Separator, {}),
+		/* @__PURE__ */ jsx("div", { children: "Welcome to Playground!..." }),
+		/* @__PURE__ */ jsx(Posts, {})
+	] });
+};
+//#endregion
+export { Home };

package/dist/lib/pages/home/posts.d.ts

@@ -0,0 +1,2 @@
+export declare const Posts: () => import("react").JSX.Element;
+//# sourceMappingURL=posts.d.ts.map

package/dist/lib/pages/home/posts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"posts.d.ts","sourceRoot":"","sources":["../../../../src/lib/pages/home/posts.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,mCAkBjB,CAAA"}

package/dist/lib/pages/home/posts.js

@@ -0,0 +1,15 @@
+import { usePosts } from "../../store/use-posts/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/lib/pages/home/posts.tsx
+var Posts = () => {
+	const { data, error, isPending, isError } = usePosts();
+	if (isPending) return /* @__PURE__ */ jsx("div", { children: "Loading..." });
+	if (isError) return /* @__PURE__ */ jsxs("span", { children: ["Error: ", error.message] });
+	return /* @__PURE__ */ jsx("div", { children: data.map((post) => /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("a", {
+		"data-id": post.id,
+		href: `/posts/${post.id}`,
+		children: post.title
+	}) }, post.id)) });
+};
+//#endregion
+export { Posts };

package/dist/lib/pages/index.d.ts

@@ -0,0 +1,3 @@
+export * from './home';
+export * from './pro';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/pages/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/pages/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA"}

package/dist/lib/pages/index.js

@@ -0,0 +1,3 @@
+import { Home } from "./home/index.js";
+import { Pro } from "./pro/index.js";
+export { Home, Pro };

package/dist/lib/pages/pro/index.d.ts

@@ -0,0 +1,2 @@
+export declare const Pro: () => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/pages/pro/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/pages/pro/index.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,GAAG,mCAA2B,CAAA"}

package/dist/lib/pages/pro/index.js

@@ -0,0 +1,6 @@
+import { PageEmptyState } from "../home/empty-state.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/lib/pages/pro/index.tsx
+var Pro = () => /* @__PURE__ */ jsx(PageEmptyState, {});
+//#endregion
+export { Pro };

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

@@ -0,0 +1,2 @@
+export * from './use-posts';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/store/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/dist/lib/store/index.js

@@ -0,0 +1,2 @@
+import { usePosts } from "./use-posts/index.js";
+export { usePosts };

package/dist/lib/store/use-posts/index.d.ts

@@ -0,0 +1,8 @@
+type Post = {
+    id: number;
+    title: string;
+    body: string;
+};
+export declare const usePosts: () => import("@tanstack/react-query").UseQueryResult<Post[], Error>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/store/use-posts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/store/use-posts/index.ts"],"names":[],"mappings":"AAEA,KAAK,IAAI,GAAG;IACV,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,QAAQ,qEAapB,CAAA"}

package/dist/lib/store/use-posts/index.js

@@ -0,0 +1,14 @@
+import { useQuery } from "@tanstack/react-query";
+//#region src/lib/store/use-posts/index.ts
+var usePosts = () => {
+	return useQuery({
+		queryKey: ["posts"],
+		queryFn: async () => {
+			const response = await fetch("https://jsonplaceholder.typicode.com/posts");
+			if (!response.ok) throw new Error(`Unable to load posts: ${response.status}`);
+			return await response.json();
+		}
+	});
+};
+//#endregion
+export { usePosts };

package/package.json

@@ -1,14 +1,42 @@
 {
   "name": "@vezham/template",
-  "version": "26.0.0-alpha.5",
+  "version": "26.0.0-alpha.6",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vezham/vx-fe-pkgs.git",
     "directory": "packages/template"
   },
+  "sideEffects": [
+    "**/*.css"
+  ],
   "type": "module",
   "exports": {
+    "./components": {
+      "@vx/fe-kit": "./src/lib/components/index.ts",
+      "types": "./dist/lib/components/index.d.ts",
+      "import": "./dist/lib/components/index.js",
+      "default": "./dist/lib/components/index.js"
+    },
+    "./pages": {
+      "@vx/fe-kit": "./src/lib/pages/index.ts",
+      "types": "./dist/lib/pages/index.d.ts",
+      "import": "./dist/lib/pages/index.js",
+      "default": "./dist/lib/pages/index.js"
+    },
+    "./store": {
+      "@vx/fe-kit": "./src/lib/store/index.ts",
+      "types": "./dist/lib/store/index.d.ts",
+      "import": "./dist/lib/store/index.js",
+      "default": "./dist/lib/store/index.js"
+    },
+    "./app": {
+      "@vx/fe-kit": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
     ".": {
+      "style": "./dist/index.css",
       "@vx/fe-kit": "./src/index.ts",
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
@@ -19,6 +47,7 @@
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "style": "./dist/index.css",
   "files": [
     "!**/*.tsbuildinfo",
     "dist",