@vezham/template 0.0.0-stage → 26.0.0-alpha.6

package/LICENSE

@@ -0,0 +1,173 @@
+SPDX-License-Identifier: BUSL-1.1
+
+Business Source License 1.1
+
+License text copyright (c) 2020 MariaDB Corporation Ab, All Rights Reserved.
+"Business Source License" is a trademark of MariaDB Corporation Ab.
+
+---
+
+Parameters
+
+Licensor:             Vezham Technologies Private Limited
+
+Licensed Work:        The source code and packages in this repository (“the Licensed Work”).
+                      The Licensed Work is (c) 2025–present Vezham Technologies Private Limited
+
+Release Tag:          The applicable release tag or commit identifier (for example, “v1.0.0”)
+                      published by the Licensor for this version of the Licensed Work.
+                      Users must cross-check the tag or commit identifier to verify
+                      the release version and applicable Change Date.
+
+Additional Use Grant: 1. You may make non-production use of the Licensed Work.
+
+                      2. You may make production use of the Licensed Work, provided
+                         your use does not include offering the Licensed Work, or any
+                         derivative thereof, to third parties on a hosted, embedded,
+                         or managed basis in order to compete with the Licensor’s
+                         commercial offerings based on the Licensed Work, or offerings
+                         that provide substantially similar functionality.
+
+                         For purposes of this license:
+
+                         A “competitive offering” is a Product that is offered to third
+                         parties on a paid basis, including through paid support,
+                         consulting, managed service arrangements, or similar commercial
+                         relationships, that significantly overlaps with the capabilities
+                         or functionality of the Licensor’s commercial offerings based on
+                         the Licensed Work.
+
+                         If your Product is not a competitive offering when you first
+                         make it generally available, it will not become a competitive
+                         offering solely because the Licensor releases a new version of the
+                         Licensed Work with additional features or capabilities. Products
+                         that are not provided on a paid basis are not competitive offerings.
+
+                         “Product” means any software or service that is (a) offered to end
+                         users for deployment in their own environments (self-managed), or
+                         (b) offered as a hosted, cloud, or managed service by you or on
+                         your behalf.
+
+                         “Embedded” means including the source code or executable code of
+                         the Licensed Work in a competitive offering. “Embedded” also means
+                         packaging or distributing the competitive offering in a way that
+                         requires the Licensed Work to be accessed, invoked, or downloaded
+                         for the competitive offering to function.
+
+                         Hosting or using the Licensed Work internally within your own
+                         organization, including your affiliates under common control,
+                         is not considered a competitive offering.
+
+                      3. Educational institutions and legally recognised non-profit
+                         organizations may use the Licensed Work in a production
+                         environment without restriction, provided such use is not 
+                         for commercial profit.
+
+                      For binding interpretive guidance on using Vezham products under
+                      the Business Source License, please visit our licensing FAQ:
+                      https://trust.vezham.com/legal/license-faq
+
+Change Date:          Four (4) years from the date the Licensed Work is first publicly
+                      released under the specified Release Tag
+
+Change License:       GNU Affero General Public License v3.0 (AGPL-3.0-or-later)
+                      The full text of the Change License is available at:
+                      https://www.gnu.org/licenses/agpl-3.0.html
+
+For information about commercial licensing or alternative arrangements,
+please contact the Licensor at: https://vezham.com
+or email: license@vezham.com
+
+For formal legal notices or IP-related correspondence,
+please contact: licensor@vezham.com
+
+---
+
+Notice
+
+The Business Source License (this document, or the "License") is not an Open
+Source license. However, the Licensed Work will eventually be made available
+under an Open Source License, as stated in this License.
+
+For more information on the use of the Business Source License generally,
+please visit the Adopting and Developing Business Source License FAQ at:
+https://mariadb.com/bsl-faq-adopting
+
+---
+
+Business Source License 1.1
+
+---
+
+Terms
+
+The Licensor hereby grants you the right to copy, modify, create derivative
+works, redistribute, and make non-production use of the Licensed Work.
+The Licensor may make an Additional Use Grant, above, permitting limited
+production use.
+
+Effective on the Change Date, or the fourth anniversary of the first publicly
+available distribution of a specific version of the Licensed Work under this
+License, whichever comes first, the Licensor hereby grants you rights under
+the terms of the Change License, and the rights granted in the paragraph
+above terminate.
+
+If your use of the Licensed Work does not comply with the requirements
+currently in effect as described in this License, you must purchase a
+commercial license from the Licensor, its affiliated entities, or authorized
+resellers, or you must refrain from using the Licensed Work.
+
+All copies of the original and modified Licensed Work, and derivative works
+of the Licensed Work, are subject to this License. This License applies
+separately for each version of the Licensed Work, and the Change Date may
+vary for each version of the Licensed Work released by the Licensor.
+
+You must conspicuously display this License on each original or modified copy
+of the Licensed Work. If you receive the Licensed Work in original or modified
+form from a third party, the terms and conditions set forth in this License
+apply to your use of that work.
+
+Any use of the Licensed Work in violation of this License will automatically
+terminate your rights under this License for the current and all other versions
+of the Licensed Work.
+
+This License does not grant you any right in any trademark or logo of the
+Licensor or its affiliates (provided that you may use a trademark or logo of
+the Licensor as expressly required by this License).
+
+---
+
+Disclaimer
+
+TO THE EXTENT PERMITTED BY APPLICABLE LAW, THE LICENSED WORK IS PROVIDED ON
+AN "AS IS" BASIS. LICENSOR HEREBY DISCLAIMS ALL WARRANTIES AND CONDITIONS,
+EXPRESS OR IMPLIED, INCLUDING (WITHOUT LIMITATION) WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, NON-INFRINGEMENT, AND
+TITLE.
+
+-----------------------------------------------------------------------------
+
+MariaDB hereby grants you permission to use this License’s text to license your
+works, and to refer to it using the trademark "Business Source License", as long
+as you comply with the Covenants of Licensor below.
+
+Covenants of Licensor
+
+In consideration of the right to use this License’s text and the "Business
+Source License" name and trademark, Licensor covenants to MariaDB, and to all
+other recipients of the licensed work to be provided by Licensor:
+
+1. To specify as the Change License the GPL Version 3.0 or any later version,
+   or a license that is compatible with GPL Version 3.0 or a later version,
+   where "compatible" means that software provided under the Change License can
+   be included in a program with software provided under GPL Version 3.0 or a
+   later version. Licensor may specify additional Change Licenses without
+   limitation.
+
+2. To either: (a) specify an additional grant of rights to use that does not
+   impose any additional restriction on the right granted in this License, as
+   the Additional Use Grant; or (b) insert the text "None".
+
+3. To specify a Change Date.
+
+4. Not to modify this License in any other way.

package/README.md

@@ -1,3 +1,3 @@
-# Temporary Holding Version
+# @vezham/template
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Shared app template pages, components, and store defaults.

package/dist/index.css

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

package/dist/index.d.ts

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

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"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,6 +1,56 @@
 {
   "name": "@vezham/template",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "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",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "style": "./dist/index.css",
+  "files": [
+    "!**/*.tsbuildinfo",
+    "dist",
+    "LICENSE"
+  ]
 }